body {height:100%;width100%;border-collapse:collapse;margin:0;padding:0;background-color:#333;border:0;display:block;font-family:"Microsoft YaHei"}
.jl-title {
	font-size:3.5em;
	font-weight:bold;
	color:#eee;
	font-family:"Microsoft YaHei";
	margin-top:1.5em;
	text-shadow: 5px 5px 5px #444444;
}
.jl-title-en {
	font-size:1.3em;
	font-weight:bold;
	color:#eee;
	font-family:"Microsoft YaHei";
	margin-top:1em;
	text-shadow: 5px 5px 5px #444444;
}
.jl-nav {
  background-color: #dddddd;
  box-shadow: inset 0 -.1rem .25rem rgba(0,0,0,.1);
  opacity: 0.3;
  height:3em;
  padding-top:0.8em;
}
.nav-link {position: relative;padding-right:1em;color: #333333;font-weight:bold;font-size:1.2em}
.nav-link:hover,
.nav-link:focus {color: #000000;background-color: transparent;}
.jl-header {}
.jl-foot {
	position:fixed;
	bottom:1em;
	padding-right:6em;
	text-align:right;
	color:#eee;
	font-size:1.2em;
	width:98%;
	text-shadow: 5px 5px 5px #444444;
}

.jl-foot a{
	color: #eee;
	text-decoration: underline;
}
.jl-foot a:hover{
	color: #0000ff;
	text-decoration: underline;
}

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        width: 300%;
        left: -100%;
    }
}

@media (max-width: 767px) {
    .fullscreen-bg {
        background: url('../images/squirrel.jpg') center center / cover no-repeat;
    }

    .fullscreen-bg__video {
        display: none;
    }
}