@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;	
	font-family:Tahoma, Geneva, sans-serif;
	background:#fff;
}

a:link {text-decoration:none; color:#fff; }
img{ max-width:100% ; background-size:100% auto; }

.a1{font-size:16px; color:#FFF; text-align:center; text-shadow: 1px 1px 1px #000;  }

.wrapper{ width:100%; height:auto; margin:0 auto; overflow:hidden; }

.section1{ width:100%; height:auto; margin:0 auto; overflow:hidden; display:block; }
.sub-section1{ width:1000px; height:790px; margin:0 auto; overflow:hidden; display:block;   }
.box-section1{ width:400px; height:auto; overflow:hidden; display:block; float:right;  margin-right:80px; }
.bt-vdo{ width:348px; height:150px; margin:auto; margin-top:220px; overflow:hidden; display:block; }
.bt-vdo:hover img{ opacity: .8; }
.bt-enter{ width:348px; height:112px; margin:auto; margin-top:20px; overflow:hidden; display:block; }
.bt-enter:hover img{ opacity: .8; }

.section2{ width:100%; height:auto; margin:0 auto; overflow:hidden; display:block; background:url("../images/bg02.jpg") no-repeat center top fixed ; }
.sub-section2{ width:1000px; height:auto; margin:0 auto; overflow:hidden; display:block;   }
.box-section2{ width:500px; height:auto; overflow:hidden; display:block; float:right; text-align:center; margin-top: 20px; }
.input-field{
	display: block;		
	margin:10px auto;
	width:360px; height: 36px;
	background: #2f2f2f;
	border:0px;
	color:#fff;
	padding: 8px;	
	font-size:20px;
	text-align:center;
	border-radius:50px;

}

.bt-regis{ width:348px; height:112px; margin:auto; margin-top:20px; margin-bottom:10px; overflow:hidden; display:block; }
.bt-regis:hover img{ opacity: .8; }
.content{ 
	width: 80%; height: auto; margin: auto; margin-top: 20px; 
	overflow: hidden; display: block; text-align: left;
	font-size: 16px; color: #fff; text-shadow: 1px 1px 1px #000;
}


/*Pre-register*/
#section3{ width:100%; height:auto; margin:0 auto; overflow:hidden; display:block;  background:url("../images/bg03.jpg") no-repeat center top #000;}
.sub-section3{ width:auto; height:auto; margin:0 auto; overflow:hidden; display:block; text-align:center;   }
.topic02{ width:auto; height:auto; overflow:hidden; display:block; margin:auto; text-align:center; }
.box-item1{ width:880px; height:auto; overflow:hidden; display:block; margin:auto; }
.item{ width:auto; height:auto; overflow:hidden; display:block; float:left; margin-left:20px; }
.box-bonus{ width:980px; height:auto; overflow:hidden; display:block; margin:auto; margin-top:20px;  }
.box-bonus2{ width:660px; height:auto; overflow:hidden; display:block; margin:auto; margin-top:20px;  }
.bonus, .bonus2{ width:auto; height:auto; overflow:hidden; display:block; float:left; margin-left:5px; margin-top: 5px; }
.bonus3{ width:auto; height:auto; overflow:hidden; display:block; margin: auto; }

.box-icon{ width:300px; height:auto; overflow:hidden; display:block; margin:auto; }
.icon01{ width:auto; height:auto; overflow:hidden; display:block; margin-left:22px; float:left; margin-bottom:20px; }
.icon01:hover{ opacity: .9; }


.foot{ width:100%; height:50px; overflow:hidden; margin-top:0px; background:#2e2e2e; }
.box-foot{ width:900px; height:auto; overflow:hidden; display:block; margin:auto;  text-align:center; color:#fff; font-size:16px; padding:20px }

.logo, .pic800{ width:auto; height:auto; margin:0 auto; margin-top: 0px; overflow:hidden; display:none; }



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

}

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

.sub-section2, .sub-section3{ width:auto; height:auto; }
.box-section2 { width:50%;  }
.box-foot, .foot{ width:auto; height:auto; }
	
.box-bonus{ width:78%; height:auto; overflow:hidden; display:block; margin:auto; margin-top:20px;  }
.box-bonus2{ width:50%; height:auto; overflow:hidden; display:list-item; margin:auto; margin-top:20px;}
.bonus{ width:30%; height:auto; overflow:hidden; display:block; float:left; margin-left:15px; }
.bonus2, .bonus3{ width:48%;}
}

@media screen and (min-width: 510px) and (max-width: 860px){
.section2{ background:url("../images/bg04.jpg") no-repeat center top #000;}
.sub-section2{ width:auto; height:auto; }
.box-section2 { width:auto;  float:none; margin:auto; }
.logo, .pic800{ display:block;  }
.content{ color: #fff; text-shadow: none; }	
.box-item1{ width:55%; height:auto; overflow:hidden; display:block; margin:auto; }
.item{ width:42%; height:auto; overflow:hidden; display:block; float:left; margin-left:20px; margin-top:10px; }
.box-bonus{ width:90%; height:auto; overflow:hidden; display:block; margin:auto; margin-top:20px;  }
.box-bonus2{ width:60%; height:auto; overflow:hidden; display:list-item; margin:auto; margin-top:20px;}
.bonus{ width:30%; height:auto; overflow:hidden; display:block; float:left; margin-left:15px; }
.bonus2, .bonus3{ width:48%;}
}

@media screen and (min-width: 370px) and (max-width: 500px){
.section2{ background:url("../images/bg05.jpg") no-repeat center top #000;}
.sub-section2{ width:auto; height:auto; }
.box-section2 { width:auto;  float:none; margin:auto; }
.input-field{ width:90%; }
.logo, .pic800{ display:block;  }
.content{ width: 86%; color: #fff; text-shadow: none;  }
.box-item1{ width:95%; height:auto; overflow:hidden; display:block; margin:auto; }
.item{ width:42%; height:auto; overflow:hidden; display:block; float:left; margin-left:20px; margin-top:10px; }
.box-bonus, .box-bonus2{ width:98%; height:auto; overflow:hidden; display:block; margin:auto; margin-top:20px;  }
.bonus, .bonus2{ width:46%; height:auto; overflow:hidden; display:block; float:left; margin-left:10px; margin-top: 10px; }
.bonus3{ width:46%;}
.box-icon{ width:30%; height:auto; overflow:hidden; display:block; margin:auto; }
.icon01{ width:38%; height:auto; overflow:hidden; display:block; margin-left:10px; float:left; margin-bottom:20px; }
}

@media screen and (min-width: 320px) and (max-width: 360px){
.section2{ background:url("../images/bg05.jpg") no-repeat center top #000;}
.sub-section2{ width:auto; height:auto; }
.box-section2 { width:auto;  float:none; margin:auto; }
.bt-regis{ width:90%; height:auto; margin-top:10px;  }
.input-field{ width:90%; }
.logo, .pic800{ display:block;  }
.content{ width: 86%; color: #fff; text-shadow: none; }	
.box-item1{ width:95%; height:auto; overflow:hidden; display:block; margin:auto; }
.item{ width:40%; height:auto; overflow:hidden; display:block; float:left; margin-left:20px; margin-top:10px; }
.box-bonus, .box-bonus2{ width:98%; height:auto; overflow:hidden; display:block; margin:auto; margin-top:20px;  }
.bonus, .bonus2{ width:46%; height:auto; overflow:hidden; display:block; float:left; margin-left:10px; margin-top: 10px; }
.bonus3{ width:46%;}
.box-icon{ width:30%; height:auto; overflow:hidden; display:block; margin:auto; }
.icon01{ width:38%; height:auto; overflow:hidden; display:block; margin-left:10px; float:left; margin-bottom:20px; }
}