@charset "utf-8";
*{
	margin:0;
	padding:0;
}
article, aside, figcaption, figure, video, audio, footer, header, hgroup, menu, nav, section{display:block;}

body, html {width:100%; height:100%;}


body{
	font:14px/1.3 'Segoe UI',Arial, sans-serif;
	background-color: #07326c;
}

a, a:visited {
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

section, footer{
	display: block;
}

img {
    max-width: 100%;
    height: auto;
}
#countdown{
	position: relative;
	z-index: 11; 
}
#note{
	color: #666666;
	font-size: 12px;
	margin: 0 auto;
	padding: 4px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	width: 400px;
}
.light{
	background: url(../images/light.png) no-repeat center center;
	width: 500px;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 40%;
	margin-left: -250px;
	z-index: 5;
}
.title{
	background: url(../images/title.png) no-repeat center center;
	width: 345px;
	height: 108px;
	position: absolute;
	left: 50%;
	top: 35%;
	margin-left: -164px;
	z-index: 3;
}
#wrap { 
	overflow: hidden;
	 position: relative; 
	 width: 100%; 
	 min-width:1000px; 
	 background:url('../images/bg.jpg') no-repeat top center; 
	 max-width: 100%;
     height: auto;
}
#wrap .fog {
	position: absolute;	
	left: -4158px;	
	top: 307px;	
	width: 999999px; 
	height: 564px;	
	z-index: 10;
}
#content{
	background:url('../images/main.png') no-repeat top center; 
	position: relative;
	top:-50px;
}

.main{
	width: 1000px;
	height: 4885px;
	margin: 0 auto;
}

.section_1 { 
	position: relative; 	
	top: 0; 
	left: 0; 
	min-height: 1000px;
	
}
.section_1 .img_shield {
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -220px;.
	z-index: 2;
}
.innerWrap{
	width: 1000px;
	margin: 0 auto;
}
.btn{background:url('../images/icon.png') no-repeat top center; }
.btn01{
	background-position: -3px -58px;
	height: 143px;
	width: 161px;
	position: absolute;
	top: 51.5%;
	left: 74%;
	z-index: 99;
}
.btn02{
	background-position: -173px -58px;
	height: 143px;
	width: 161px;
	position: absolute;
	top: 66.3%;
	left: 74%;
	z-index: 99;
}
.btn03{
	background-position: -703px -61px;
    height: 158px;
    width: 179px;
    position: absolute;
    top: 58.3%;
    left: 66%;
    z-index: 99;
}
.btn01:hover{
	background-position: -355px -58px;
}
.btn02:hover{
	background-position: -525px -58px;
}
.btn03:hover{
	background-position: -888px -61px;
}
.date{
	background-position: -24px -213px;
	height: 46px;
	width: 502px;
	position:  absolute;
	top: 82%;
	left: 50%;
	margin-left: -242px;
	z-index: 5;
	display: none;
}
.title02{
	background-position: 5px 0;
    height: 53px;
    width: 760px;
    position: absolute;
    top: 87%;
    left: 50%;
    margin-left: -374px;
    z-index: 5;
}
.img_shield{
	width: 439px;
	height: 791px;
	background:url('../images/img_shield_b.png') no-repeat top center; 
    animation:img_shield 7s ease-in-out 0s 1 alternate forwards; /*IE*/
    -moz-animation:img_shield 7s ease-in-out 0s 1 alternate forwards; /*FireFox*/
    -webkit-animation:img_shield 7s ease-in-out 0s 1 alternate forwards; /*Chrome, Safari*/
}
#footerWrap {
	transition: height 0.2s ease-out 0s;
	position: relative;
	margin: 0 auto;
	width: 1000px;
}
@keyframes img_shield{
   0%{
    background:url('../images/img_shield_b.png');
   }

   100%{
   	background:url('../images/img_shield.png');
   }
}
@-moz-keyframes img_shield{
    0%{
    background:url('../images/img_shield_b.png');
   }

   100%{
   	background:url('../images/img_shield.png');
   }
}
@-webkit-keyframes img_shield{
    0%{
    background:url('../images/img_shield_b.png');
   }

   100%{
   	background:url('../images/img_shield.png');
   }
}

footer{
	background-color: #111111;
	bottom: 0;
	box-shadow: 0 -1px 2px #111111;
	height: 45px;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 100000;
}

footer h2{
	color: #EEEEEE;
	font-size: 14px;
	font-weight: normal;
	left: 50%;
	margin-left: -400px;
	padding: 13px 0 0;
	position: absolute;
	width: 540px;
}

footer h2 i{
	font-style:normal;
	color:#888;
}

footer a.tzine,a.tzine:visited{
	color: #999999;
	font-size: 12px;
	left: 50%;
	margin: 16px 0 0 110px;
	position: absolute;
	text-decoration: none;
	top: 0;
}

footer a i{
	color:#ccc;
	font-style: normal;
}

footer a i b{
	color:#c92020;
	font-weight: normal;
}


 @media only screen and (max-width: 768px) {
 	#wrap { 
	width: 960px;
  }
.fog{
  	display: none;
  }
  .img_shield{
	max-width: 100%;
  }
  
  .content_mobile{
	background:url('../images/main_mobile.png') no-repeat center center; 
	position: relative;
	bottom: 0;
	display: block;
  }
  .btn02{
  	display: none;
  }
  .main{
  	display: none;
  }
  .main02{
	width: 1000px;
	height: 7530px;
	margin: 0 auto;
  }
  .btn03{
    top: 34.3%;
    left: 72.5%;
  }
}


 @media only screen and (max-width: 480px) {


}



 @media only screen and (max-width: 320px) {


}