#footer{
	border-bottom: 15px solid #d93333;
}

#header{
	background: url("images/header-bg.jpg") no-repeat center top;
	background-size: cover;
	height: 100%;
	position: relative;
	overflow: hidden;
}

#header video{
	position: absolute;
	width: 100%;
	width: calc(100% + 2px);
	height: 100%;
	left: -1px;
	top: 0px;
	object-fit: cover;
	object-position: center top;
	background: #fff;
}

@-ms-keyframes video{
	from{ }
	50%{ filter:alpha(opacity=0); opacity:0; transform: scale(1,1); }
	to{ filter:alpha(opacity=0); opacity:0; transform: scale(0,0); }
}
@-moz-keyframes video{
	from{ }
	50%{ filter:alpha(opacity=0); opacity:0; transform: scale(1,1); }
	to{ filter:alpha(opacity=0); opacity:0; transform: scale(0,0); }
}
@-o-keyframes video{
	from{ }
	50%{ filter:alpha(opacity=0); opacity:0; transform: scale(1,1); }
	to{ filter:alpha(opacity=0); opacity:0; transform: scale(0,0); }
}
@-webkit-keyframes video{
	from{ }
	50%{ filter:alpha(opacity=0); opacity:0; transform: scale(1,1); }
	to{ filter:alpha(opacity=0); opacity:0; transform: scale(0,0); }
}
@keyframes video{
	from{ }
	50%{ filter:alpha(opacity=0); opacity:0; transform: scale(1,1); }
	to{ filter:alpha(opacity=0); opacity:0; transform: scale(0,0); }
}

#header video{
	animation:'video' 0.4s ease-in-out 7s forwards;
	-ms-animation:video 0.4s ease-in-out 7s forwards;
	-moz-animation:video 0.4s ease-in-out 7s forwards;
	-o-animation:'video' 0.4s ease-in-out 7s forwards;
	-webkit-animation:'video' 0.4s ease-in-out 7s forwards;
}

#header .topic{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url("images/header-topic.png") no-repeat center top;
	background-size: cover;
}

#header .bridge{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url("images/header-bridge.png") no-repeat center top;
	background-size: cover;
}

#header .m1{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url("images/header-m1.gif") no-repeat center top;
	background-size: cover;
}

#header .m2{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: url("images/header-m2.gif") no-repeat center top;
	background-size: cover;
	opacity: 0.8;
}

#header .old{
	display:block;
	position:absolute;
	right: 5%;
	top: 5%;
	width:95px;
	z-index:99;
}

#header .old span{
	display:block;
	height:22px;
	line-height:22px;
	border:1px solid #c9c9c9;
	background:#fff;
	padding-left:8px;
	font-size:14px;
	color:#393939;
	position:relative;
	cursor:pointer;
	z-index: 100;
}

#header .old span i{
	position:absolute;
	right:9px;
	top:8px;
	width:0;
    height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:5px solid #d93333;
}

#header .old .drop{
	border:1px solid #c9c9c9;
	border-top:none;
	background:#fff;
	text-align:center;
	font-size:14px;
	padding:5px 0px;
	display:none;
}

#header .old:hover .drop{
	display:block;
}

#header .old .drop p{
	height:24px;
	line-height:24px;
}

#header .old .drop p a{
	display:block;
	width:100%;
	height:100%;
}

#header .old .drop p a:hover{
	text-decoration:none;
	background:#d93333;
	color:#fff !important;
}