@media (max-width: 1280px) {

.main{width:100%; padding:0 20px; }

}

@media (max-width: 1122px) {

.red-btu{padding:59px 35px; }

.step .top{margin-bottom:25px; }
.step ul li{width:50%; padding:10px; margin:auto; float:none;}
.step ul li span{width:100%;}

.login span{top:70px;}

}

@media (max-width: 1024px) {

/* .login{padding:40px 50px 39px 50px; } */
.login{padding:0; }
.login span{width:170px; top:60px; left:30px; }
.login span p{background-size:40px;}

.red-btu{padding:27px 35px; }

.online ul li .pic{padding:20px 34px; }

#promotion{padding:50px 120px;}

}

@media (max-width: 834px) {

header .logo{width:302px; margin:10px 0 20px 0;}
header nav{margin:30px 0 0 0;}

.login, .red-btu{width:100%;}

.login{height:400px; overflow:hidden;}
.login span{width:190px; top:27%; left:15%; }
.login span p{background-size:48px;}

.regis-banner{text-align:center;}
.regis-banner .pic{width:56%; padding:15px; float:none; display:inline-block;}

.step .top h4{width:100%; padding:0 0 30px 0 !important; margin:0 0 20px 0 !important; text-align:center;}
.step .top h4::after{top:auto; bottom:0; right:auto; left:50%; margin-left: -30px;}
.step ul li{width:70%;}

.privilege .promotion{padding:0 30px 50px 30px; }
.privilege p{width:100%; padding:0 30px; }
.privilege .promotion span{width:29%;}

.online ul li .pic{width:100%; padding:20px 34px 10px 34px; text-align:center;}
.online ul li .pic img{width:80%;}
.online ul li span{width:100%; padding:18px 34px 28px 34px; }

.reason p{width:100%;}
.reason .pic{display:none;}
.reason ul{width:100%;}

#promotion{padding:50px 100px; }

.regis .top{padding:50px 20px;}
.regis .detail fieldset.col-md-6{width:50%; float:left;}
.regis .detail fieldset .btn-group{width:100%;}
.regis .detail, .regis .bottom{padding:0 20px;}
.regis .bottom{margin-bottom:30px; }
.regis .banner{text-align:center; padding:30px 20px; }
.regis .banner span{padding:15px 0; display:inline-block; }

footer .about .top{text-align:center;}
footer .about .top .logo{float:none; display:inline-block;}
footer .about .top p{width:100%; border-left:0; padding:20px 0 0 0; margin:0; }
footer .game p{width:45%;padding:0 0 0 60px; text-align:center; float:none; display:inline-block;}
footer .game a{margin:auto;}
footer .copyright{text-align:center;}

}

@media (max-width: 768px) {

html.mm-opening #nav-icon2{right:60%;}

header nav{width:100%; padding:16px 0; text-align:center; float:none;}
header .btu-contact{width:auto; padding:0 26px; margin:35px auto 15px auto; text-align:center; float:none;}
.snip1135 li{float:none; display:inline-block;}
header .logo{margin:10px auto; float:none;}

.step ul li{width:80%;}

.privilege .promotion span{width:28.8%;}

.login span{left:12%; }

#promotion{padding:50px 80px;}

}

@media (max-width: 430px) {
.login{height:auto; overflow:auto;}
.login span{width:170px; top:20%; left:50%; margin-left:-85px;}
.login span p{background-size:40px; text-shadow: 0px 0px 4px #000;}
}

@media (max-width: 414px) {

#nav-icon2{top:30px; }

html.mm-opening #nav-icon2{right:84%;}
.m-warp.mopen{-webkit-transform: translate3d(-320px,0,0);
-webkit-animation: open .5s ease-in-out;
-moz-transform: translate3d(-320px,0,0);
-moz-animation: open .5s ease-in-out;
transform: translate3d(-320px,0,0);
animation: open .5s ease-in-out;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.menu-mobile{width:80%;}

header .main{padding:0;}
header nav{padding:18px 0 2px 0; margin:15px 0 0 0; }
.snip1135 a{font-size:16px; padding:0 0 15px 0; }
.snip1135 a::before{height:3px;}

.login, .red-btu, .regis-banner, .step{padding:15px 20px;}
.login{padding:0; }
.red-btu a{width:50%; padding:5px;}
.regis-banner .pic{width:100%; padding:15px 0; }

.step .top h4{font-size:35px; line-height:45px; margin-top:15px !important;}
.step ul li{width:100%; padding:15px 0;}
.step ul li span{padding:10px 17px 10px 62px;}
.step ul li span p, .step ul li span font{font-size:18px; line-height:23px;}
.step ul li span::before{height:45px; line-height:45px; font-size:45px; }

.privilege{padding:20px 0 0 0;}
.privilege h3{padding:0 20px 30px 20px !important; margin:0 0 30px 0 !important; font-size:35px; line-height:40px; }
.privilege .promotion{padding:0 20px 50px 20px; text-align:center;}
.privilege .promotion span{width:65%; margin:15px auto; float:none; }

.online{padding:20px;}
.online h3{font-size:35px; padding:20px 0 30px 0 !important;}
.online ul li .pic{padding:0; }
.online ul li .pic img{width:100%;}
.online ul li span{padding:18px 20px 28px 20px; }

.reason{padding:30px 20px; }
.reason h3{padding:0 0px 43px 0px !important; font-size:35px; line-height:44px;}
.reason ul li{padding:0 0 0 30px; }

#promotion{padding:30px 20px;}
#promotion span{margin:15px 0;}
#promotion h3{padding:0 0px 30px 0px !important; margin:0 0px 20px 0px !important; font-size:35px; line-height:44px;}

.regis .top{padding:30px 20px; }
.regis .detail fieldset.col-md-6{width:100%; float:left;}
.regis .banner .row{margin:0; }

footer .game p{width:100%; padding:10px 0; }

}

@media (max-width: 378px) {

html.mm-opening #nav-icon2{right:83.5%;}
.m-warp.mopen{-webkit-transform: translate3d(-290px,0,0);
-webkit-animation: open .5s ease-in-out;
-moz-transform: translate3d(-290px,0,0);
-moz-animation: open .5s ease-in-out;
transform: translate3d(-290px,0,0);
animation: open .5s ease-in-out;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

header .logo{width:250px;}

header nav{padding:12px 0 0 0; margin:5px 0 0 0;}

.snip1135 li{padding:0 9px; }
.snip1135 a{font-size:15px; padding:0 0 14px 0; }

.login span{top:17%;}

.step .top h4{font-size:30px;}
.privilege h3, .online h3, .reason h3, #promotion h3{font-size:30px;}
.reason p, .reason ul li, footer .about .top p, footer .about span h6, .online ul li span p, .privilege p{font-size:16px; line-height:23px;}
.reason ul li::before{font-size:20px; line-height:25px; }
.online ul li span h6{font-size:20px; line-height:25px; }
.step ul li span{padding:10px 17px 10px 52px; }
.step ul li span p, .step ul li span font{font-size:16px; line-height:20px; }
.step ul li span::before{font-size:40px; line-height:40px; height:40px; }
.privilege p{padding:0 20px; }

.reason{padding:30px 15px; }
.reason h3{padding:0 0px 23px 0px !important; margin:0 0 20px 0 !important; }
.reason p{margin-bottom:25px; }

header .btu-contact{line-height:40px; padding:0 20px; margin-top:10px;}

footer .about span{margin-top:25px; }
footer .copyright{font-size:12px; }

.privilege .promotion span{width:85%;}

.regis .top h3{font-size:35px; line-height:40px; margin-bottom:25px !important;}
.regis .top h6{font-size:18px;}
.regis .top li, .regis .top p{font-size:18px; line-height:22px;}

.product-detail .gg-captcha{width:235px;}
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}

}

@media (max-width: 320px) {

.m-warp.mopen{-webkit-transform: translate3d(-250px,0,0);
-webkit-animation: open .5s ease-in-out;
-moz-transform: translate3d(-250px,0,0);
-moz-animation: open .5s ease-in-out;
transform: translate3d(-250px,0,0);
animation: open .5s ease-in-out;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

header .logo{width:240px;}

.snip1135 li{padding:0 5px; }
.snip1135 a{font-size:14px;}

.step .top h4{font-size:25px; padding:0 0 20px 0 !important; }
.step .top p{font-size:16px; margin:0; }

.privilege h3, .online h3, .reason h3{font-size:28px; line-height:32px;}

.login span{width:150px; top:10%;}
.login span p{font-size:22px; background-size:36px;}

}