#header{
	background: url("images/header-bg0.jpg") no-repeat center top;
	position: relative;
}

#header .w1200{
	height: 1072px;
	position: relative;
}

#header .abs{
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0;
}

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

#header .old{
	right: 0px;
	top: 75px;
}

#header .old .box{
	height: 30px;
	line-height: 30px;
	background: #fff;
	font-size: 14px;
	padding: 0px 8px 0px 8px;
	cursor: pointer;
}

#header .old .box span{
	display: inline-block;
	vertical-align: top;
}

#header .old .box i{
	display: inline-block;
	vertical-align: top;
	width: 8px;
	height: 8px;
	margin: 11px 0px 0px 5px;
	background: url("images/header-old.png");
}

#header .old .drop{
	position: absolute;
	right: 0px;
	top: 30px;
	background: #fff;
	padding: 5px 3px;
	border-radius: 0px 0px 3px 3px;
	border-top: 1px solid rgba(222,37,36,0.3);
	overflow: hidden;
	display: none;
}

#header .old .drop a{
	float: left;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	height: 22px;
	width: 50%;
	border-radius: 3px;
}

#header .old .drop a:hover{
	background: #de2524;
	color: #fff !important;
}

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

#header .name{
	width: 330px;
	height: 35px;
	left: 0px;
	top: 72px;
	background-image: url("images/header-name.png");
}

#header .year{
	width: 332px;
	height: 114px;
	left: 159px;
	bottom: 758px;
	overflow: hidden;
}

#header .year i{
	width: 332px;
	height: 114px;
	left: 0px;
	bottom: 0px;
	background-image: url("images/header-year.png");
	opacity: 1;
}

#header .topic1{
	width: 315px;
	height: 160px;
	left: 73px;
	top: 319px;
	background-image: url("images/header-topic1.png");
}

#header .topic2{
	width: 477px;
	height: 219px;
	right: 154px;
	top: 240px;
	background-image: url("images/header-topic2.png");
}

#header .bird{
	width: 155px;
	height: 60px;
	left: 668px;
	top: 183px;
	background-image: url("images/header-bird.png");
}

#header .logo{
	width: 297px;
	height: 41px;
	left: 715px;
	top: 415px;
	background-image: url("images/header-logo.png");
}

#header .athlete{
	width: 437px;
	height: 523px;
	left: 228px;
	top: 231px;
}

#header .athlete i{
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-image: url("images/header-athlete.png");
	opacity: 1;
}

#layout01,#layout02{
	opacity: 0;
}


@-ms-keyframes athlete{
	from{ transform: scale(2,2); }
	to{ opacity:1; }
}
@-moz-keyframes athlete{
	from{ transform: scale(2,2); }
	to{ opacity:1; }
}
@-o-keyframes athlete{
	from{ transform: scale(2,2); }
	to{ opacity:1; }
}
@-webkit-keyframes athlete{
	from{ transform: scale(2,2); }
	to{ opacity:1; }
}
@keyframes athlete{
	from{ transform: scale(2,2); }
	to{ opacity:1; }
}

#header .athlete{
	animation:'athlete' 0.4s ease-in-out 0.3s forwards;
	-ms-animation:athlete 0.4s ease-in-out 0.3s forwards;
	-moz-animation:athlete 0.4s ease-in-out 0.3s forwards;
	-o-animation:'athlete' 0.4s ease-in-out 0.3s forwards;
	-webkit-animation:'athlete' 0.4s ease-in-out 0.3s forwards;
}

@-ms-keyframes athlete2{
	from{ }
	50%{ transform: scale(0.98,0.98); }
	to{  }
}
@-moz-keyframes athlete2{
	from{ }
	50%{ transform: scale(0.98,0.98); }
	to{  }
}
@-o-keyframes athlete2{
	from{ }
	50%{ transform: scale(0.98,0.98); }
	to{  }
}
@-webkit-keyframes athlete2{
	from{ }
	50%{ transform: scale(0.98,0.98); }
	to{  }
}
@keyframes athlete2{
	from{ }
	50%{ transform: scale(0.98,0.98); }
	to{  }
}

#header .athlete i{
	animation:'athlete2' 3.0s linear 0s infinite;
	-ms-animation:athlete2 3.0s linear 0s infinite;
	-moz-animation:athlete2 3.0s linear 0s infinite;
	-o-animation:'athlete2' 3.0s linear 0s infinite;
	-webkit-animation:'athlete2' 3.0s linear 0s infinite;
}

@-ms-keyframes bg1{
	from{  }
	to{ opacity:1; }
}
@-moz-keyframes bg1{
	from{  }
	to{ opacity:1; }
}
@-o-keyframes bg1{
	from{  }
	to{ opacity:1; }
}
@-webkit-keyframes bg1{
	from{  }
	to{ opacity:1; }
}
@keyframes bg1{
	from{  }
	to{ opacity:1; }
}

#header .bg1{
	animation:'bg1' 0.6s ease-in-out 0.6s forwards;
	-ms-animation:bg1 0.6s ease-in-out 0.6s forwards;
	-moz-animation:bg1 0.6s ease-in-out 0.6s forwards;
	-o-animation:'bg1' 0.6s ease-in-out 0.6s forwards;
	-webkit-animation:'bg1' 0.6s ease-in-out 0.6s forwards;
}

@-ms-keyframes year{
	from{ width: 0px; height: 0px; }
	to{ opacity:1; }
}
@-moz-keyframes year{
	from{ width: 0px; height: 0px; }
	to{ opacity:1; }
}
@-o-keyframes year{
	from{ width: 0px; height: 0px; }
	to{ opacity:1; }
}
@-webkit-keyframes year{
	from{ width: 0px; height: 0px; }
	to{ opacity:1; }
}
@keyframes year{
	from{ width: 0px; height: 0px; }
	to{ opacity:1; }
}

#header .year{
	animation:'year' 0.5s ease-in-out 1.0s forwards;
	-ms-animation:year 0.5s ease-in-out 1.0s forwards;
	-moz-animation:year 0.5s ease-in-out 1.0s forwards;
	-o-animation:'year' 0.5s ease-in-out 1.0s forwards;
	-webkit-animation:'year' 0.5s ease-in-out 1.0s forwards;
}

@-ms-keyframes topic1{
	from{ margin-left: -80px; }
	to{ opacity:1; }
}
@-moz-keyframes topic1{
	from{ margin-left: -80px; }
	to{ opacity:1; }
}
@-o-keyframes topic1{
	from{ margin-left: -80px; }
	to{ opacity:1; }
}
@-webkit-keyframes topic1{
	from{ margin-left: -80px; }
	to{ opacity:1; }
}
@keyframes topic1{
	from{ margin-left: -80px; }
	to{ opacity:1; }
}

#header .topic1{
	animation:'topic1' 0.5s ease-in-out 1.4s forwards;
	-ms-animation:topic1 0.5s ease-in-out 1.4s forwards;
	-moz-animation:topic1 0.5s ease-in-out 1.4s forwards;
	-o-animation:'topic1' 0.5s ease-in-out 1.4s forwards;
	-webkit-animation:'topic1' 0.5s ease-in-out 1.4s forwards;
}

@-ms-keyframes topic2{
	from{ margin-right: -80px; }
	to{ opacity:1; }
}
@-moz-keyframes topic2{
	from{ margin-right: -80px; }
	to{ opacity:1; }
}
@-o-keyframes topic2{
	from{ margin-right: -80px; }
	to{ opacity:1; }
}
@-webkit-keyframes topic2{
	from{ margin-right: -80px; }
	to{ opacity:1; }
}
@keyframes topic2{
	from{ margin-right: -80px; }
	to{ opacity:1; }
}

#header .topic2{
	animation:'topic2' 0.5s ease-in-out 1.4s forwards;
	-ms-animation:topic2 0.5s ease-in-out 1.4s forwards;
	-moz-animation:topic2 0.5s ease-in-out 1.4s forwards;
	-o-animation:'topic2' 0.5s ease-in-out 1.4s forwards;
	-webkit-animation:'topic2' 0.5s ease-in-out 1.4s forwards;
}

@-ms-keyframes logo{
	from{ margin-top: 30px; }
	to{ opacity:1; }
}
@-moz-keyframes logo{
	from{ margin-top: 30px; }
	to{ opacity:1; }
}
@-o-keyframes logo{
	from{ margin-top: 30px; }
	to{ opacity:1; }
}
@-webkit-keyframes logo{
	from{ margin-top: 30px; }
	to{ opacity:1; }
}
@keyframes logo{
	from{ margin-top: 30px; }
	to{ opacity:1; }
}

#header .logo{
	animation:'logo' 0.5s ease-in-out 1.8s forwards;
	-ms-animation:logo 0.5s ease-in-out 1.8s forwards;
	-moz-animation:logo 0.5s ease-in-out 1.8s forwards;
	-o-animation:'logo' 0.5s ease-in-out 1.8s forwards;
	-webkit-animation:'logo' 0.5s ease-in-out 1.8s forwards;
}

@-ms-keyframes name{
	from{ margin-top: -30px; }
	to{ opacity:1; }
}
@-moz-keyframes name{
	from{ margin-top: -30px; }
	to{ opacity:1; }
}
@-o-keyframes name{
	from{ margin-top: -30px; }
	to{ opacity:1; }
}
@-webkit-keyframes name{
	from{ margin-top: -30px; }
	to{ opacity:1; }
}
@keyframes name{
	from{ margin-top: -30px; }
	to{ opacity:1; }
}

#header .name,#header .old{
	animation:'name' 0.5s ease-in-out 1.8s forwards;
	-ms-animation:name 0.5s ease-in-out 1.8s forwards;
	-moz-animation:name 0.5s ease-in-out 1.8s forwards;
	-o-animation:'name' 0.5s ease-in-out 1.8s forwards;
	-webkit-animation:'name' 0.5s ease-in-out 1.8s forwards;
}

@-ms-keyframes ly01{
	from{ }
	to{ opacity: 1; }
}
@-moz-keyframes ly01{
	from{ }
	to{ opacity: 1; }
}
@-o-keyframes ly01{
	from{ }
	to{ opacity: 1; }
}
@-webkit-keyframes ly01{
	from{ }
	to{ opacity: 1; }
}
@keyframes ly01{
	from{ }
	to{ opacity: 1; }
}

#layout01,#layout02{
	animation:'ly01' 0.5s ease-in-out 2.2s forwards;
	-ms-animation:ly01 0.5s ease-in-out 2.2s forwards;
	-moz-animation:ly01 0.5s ease-in-out 2.2s forwards;
	-o-animation:'ly01' 0.5s ease-in-out 2.2s forwards;
	-webkit-animation:'ly01' 0.5s ease-in-out 2.2s forwards;
}