@charset "utf-8";
/* focusBar */
header {
	z-index: 999999;
	width: 570px;	
	position: fixed;	
}
header .head {
	background: none!important;
	width: 100%;
}
nav#nav {
	position: fixed;
	z-index: 99999;
	height: 140px;
	float: right;
	width: 100%;
	right: 0;	
	background: linear-gradient(to bottom, rgba(0, 87, 190, 0.9), rgba(0, 87, 190, 0));
	
	
	transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
#nav.sticky {
	z-index: 99999!important;
	background: rgba(0, 87, 190, 0.9);
	backdrop-filter: blur(10px);
}
.menu {
	float: right;
	margin-top: 60px;
	width: 62.5%;
}
.menu li {
	width: 9%;
}
.menu li a, .menu li.menu-show {
	width: 100%;
	background: url(../images/cut-2.png) right center no-repeat;
}
#tid2018 {
	display: none;
}
#logo a {
	background: url(../images/logo-page-white.png) 0 0 no-repeat;
	margin-left: 40px;
}
#focusBar {
	width: 100%;
	height: 880px;
	clear: both;
	position: relative;
	background: #000;
	overflow: hidden;
	margin: 0 auto;
}
#focusBar li {
	width: 100%;
	clear: both;
	height: 880px;
	display: none;
	position: absolute;/* position:relative;*/
	opacity: 0.5;
	transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;	
}
#focusBar:hover li {
	opacity: 1;
	
}
#focusBar .focusL {
	height: 880px;
	position: absolute;
	z-index: 9;/*left:-1000px;*/
	top: 0px;
	left: -500px;
	margin-left: 50%;
}
#focusBar .focusR {
	height: 880px;
	position: absolute;
	z-index: 19;/* right:1000px;*/
	top: 0px;
	left: -500px;
	margin-left: 50%;
}
a.arrL, a.arrR {
	display: block;
	width: 52px;
	height: 134px;
	position: absolute;
	top: 50%;
	z-index: 99;
	margin-top: -77px;
	cursor: pointer;
	background: url(../images/bt_arr.png) no-repeat;
	text-indent: -9999px;
}
a.arrL {
	left: -52px;
	background-position: 0px 0px;
}
a.arrR {
	right: -52px;
	background-position: -68px 0px;
}
a.arrL:hover {
	background-position: 0px -144px;
}
a.arrR:hover {
	background-position: -68px -144px;
}