.clearfix:before, .clearfix:after {
    content: " ";
    display:  block;
	 clear:  both;

}
a{
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
	text-decoration:none !important;
	color:#FFF;
  cursor:pointer;
}
a:hover{
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
	text-decoration:none !important;
	color:#FFF;
  cursor:pointer;
}
a:focus{
outline:none !important;
}
.nopad{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
html,body {margin: 0; padding: 0; max-width: 100%; height:100%; font-family:'Prompt'; display:block; background:#000;}
h1, h2, h3, h4, h5 { margin:0 !important; padding:0 !important; font-weight:normal;}
ul{ list-style:none; padding:0; margin:0;}
li{ list-style:none; padding:0; margin:0;}
.fr{ float: right !important;}
.fl{ float: left !important;}
p{ padding:0; margin:0;}
.img-100{width:100%;}
.img-auto{width:auto;}
.no-pad{ padding:0 !important;}
.no-mar{margin:0 !important; }
.no-border{border:0 !important;}
.m-auto{ margin:auto !important;}
.space{ display:block;}
.text-center{ text-align:center !important;}
.desktop{display:block;}
.mobile{display:none;}
.relative{ position:relative;}
.absolute{ position:absolute !important;}
.prompt-l{font-weight:300 !important; font-family:'Prompt', sans-serif;}
.prompt-m{font-weight:500 !important; font-family:'Prompt', sans-serif;}
.prompt-sb{font-weight:600 !important; font-family:'Prompt', sans-serif;}

.gold{color:#F4CA5F;}
.black{color:#000;}
.white{color:#FFF;}

.mm-desktop{ display:inline-block !important;}
.mm-mobile{display:none !important;}

.warp{width:100%; margin:auto; display:block;}
.main{ width:1280px; margin:auto; display:block;}

.warp{width:100%; display:block;}

header{width:100%; border-top:1px solid #7773B0; border-bottom:1px solid #272B42;
background:#000 url(../images/bg-header.jpg) repeat-x top;
display:inline-block !important;}
header .logo{width:325px; margin:19px 0 18px 0; display:block; float:left;}
header .logo img{width:100%;}
header .btu-contact{width:auto; line-height:50px; padding:0 26px; margin-top:24px; color:#FFF; font-size:20px;
border:1px #7773B0 solid; border-radius:10px; background:rgba(119,115,176,0); display:none; float:right;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
header .btu-contact:hover{color:#FFF; background:rgba(119,115,176,1);
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
header nav{width:auto; margin:42px 0 0 0; display:block; float:right;}
.snip1135 {
  font-family: 'Prompt', Arial, sans-serif;
  text-align: center;
  font-weight: 600;
}
.snip1135 * {
  box-sizing: border-box;
}
.snip1135 li {
  display: inline-block;
  list-style: outside none none;
  margin:0;
  padding:0 13px;
  white-space:nowrap;
  float:left;
}
.snip1135 a {
  padding:0 0 26px 0;
  color:#FFF;
  position: relative;
  text-decoration: none;
  font-size:20px;
  line-height:30px;
}
.snip1135 a:before,
.snip1135 a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1135 a:before {
  bottom: 0;
  display: block;
  height: 5px;
  width: 0%;
  left:0;
  content: "";
  background-color:#F4CA5F;
}
.snip1135 a:after {
  left: 0;
  top: 0;
  padding: 0;
  position: absolute;
  content:"";
  color: #FFF;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
  line-height:30px;
}
.snip1135 a:hover, .snip1135 a:focus{color:#FFF;}
.snip1135 a:hover:before,
.snip1135 .current a:before {
  opacity: 1;
  width: 100%;
}
.snip1135 a:hover:after,
.snip1135 .current a:after {
  max-width: 100%;
  line-height:30px;
}


.h-banner{width:100%; position:relative; display:inline-block;}
.h-banner .content{width:100%; display:inline-block; }
.h-banner .content img{width:100%;}
.h-banner .content section{border:0; border-top:0; }
.h-banner .content .lSAction > a{width:29px; height:49px; top:50%; margin-top:-25px; background:transparent;}
/* .h-banner .content .p-prev{left: 20px;}
.h-banner .content .p-prev, .h-banner .content .p-next{width:29px; height:49px;
cursor:pointer;
display:inline-block;
position:absolute;
top:50%;
margin-top: -25px;
z-index:99;} */
.h-banner .content .lSAction > .lSPrev::before{content:""; width:29px;height:49px; background: url(../images/arrow-left.png) no-repeat; display:inline-block;}
.h-banner .content .lSAction > .lSNext::before{content:""; width:29px;height:49px; background: url(../images/arrow-right.png) no-repeat; display:inline-block;}
.h-banner .lSSlideOuter .lSPager { text-align:center; display:inline-block; position:absolute; bottom:5px; z-index:51;}
.h-banner .lSSlideOuter .lSPager.lSpg{width:100%; text-align:center; display:inline-block;}
.h-banner .lSSlideOuter .lSPager.lSpg > li a{width:70px; height:5px; border-radius:0; background:#000; }
.h-banner .lSSlideOuter .lSPager.lSpg > li:hover a, .h-banner .lSSlideOuter .lSPager.lSpg > li.active a {background:#F4CA5F;}


/* main{width:100%; margin:0; padding:0 0 77px 0; background:url(../images/bg-valentine-m.jpg) no-repeat top center; background-size:cover; display:inline-block !important;} */
main{width:100%; margin:0; padding:0 0 77px 0; background:url(../images/bg-full.jpg) no-repeat top center; background-size:cover; display:inline-block !important;}

section{width:100%; margin:23px 0; border-top:1px #7773B0 solid; border-radius:10px; overflow:hidden; display:inline-block !important;}

.login{width:40%; padding:0; display:block; float:left; position:relative;

/* background: rgba(64,60,108,1);
background: -moz-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(64,60,108,1)), color-stop(100%, rgba(5,13,20,1)));
background: -webkit-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: -o-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: linear-gradient(135deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#403c6c', endColorstr='#050d14', GradientType=1 ); */
}
.login span{width:190px; text-align:center; display:inline-block; left:50%; top:50%; position:absolute; transform: translate(-50%, -50%);}
.login span p{width:100%; padding:64px 0 7px 0; line-height:42px; font-size:25px; color:#F4CA5F; text-align:center; display:inline-block;
background:url(../images/icon-login.png) no-repeat top center;}
.login span a{width:100%; display:inline-block;}
.login span a img{width:100%; opacity:1; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
/* .login span a:hover img{opacity:0.8; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} */
.login form{width:100%; display:block;}
.login form h6{width:100%; margin:12px 0 20px 0 !important; line-height:36px; color:#F4CA5F; font-size:25px; display:block;}
.login form input[type="text"], form input[type="password"]{width:100%; line-height:40px; padding:0 17px; margin:11px 0; color:#000; font-size:15px;
text-align:left; border:0; border-radius:17px; display:inline-block;}
.login form input[type="submit"], .login form input[type="button"],#btnLogin{width:170px; height:50px; line-height:50px; margin:15px 0; color:#000; font-size:20px;
border:0; border-radius:8px; text-align:center; display:inline-block;
}
.login form input[type="submit"]:hover, .login form input[type="button"],#btnLogin:hover
{
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s
}
.login form input::-moz-placeholder{color:#000; opacity:1}
.login form input:-ms-input-placeholder{color:#000;}
.login form input::-webkit-input-placeholder{color:#000;}

.btu-hover {
    background: linear-gradient(360deg, #f5c95f, #bf8f34, #f0b11f);
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
    background-size:1px 100px;
}
.btu-hover:hover {
    background-position:50px;
}

.red-btu{width:60%; padding:36px 35px; display:block; float:left;
background: rgba(69,64,115,1);
background: -moz-linear-gradient(top, rgba(69,64,115,1) 0%, rgba(5,13,20,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(69,64,115,1)), color-stop(100%, rgba(5,13,20,1)));
background: -webkit-linear-gradient(top, rgba(69,64,115,1) 0%, rgba(5,13,20,1) 100%);
background: -o-linear-gradient(top, rgba(69,64,115,1) 0%, rgba(5,13,20,1) 100%);
background: -ms-linear-gradient(top, rgba(69,64,115,1) 0%, rgba(5,13,20,1) 100%);
background: linear-gradient(to bottom, rgba(69,64,115,1) 0%, rgba(5,13,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454073', endColorstr='#050d14', GradientType=0 );
}
.red-btu a{width:50%; padding:15px; display:block; float:left;}
.red-btu a img{width:100%;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.red-btu a:hover img{opacity:0.8;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

.step{width:100%; padding:30px; background:url(../images/bg-regis_step.jpg) no-repeat top center; background-size:cover; display:inline-block;}
.step .top{width:100%; margin:0 0 8px 0; text-align:center; vertical-align:top; display:inline-block;}
.step .top h4{width:auto; padding:0 90px 0 0 !important; margin:0 63px 0 0 !important; line-height:75px;
color:#F4CA5F; font-size:48px; position:relative; display:inline-block; vertical-align:top;}
.step .top h4::after{content:""; width:60px; height:5px; background:#F4CA5F; position:absolute; top:39px; right:0; display:inline-block;}
.step .top p{width:auto; padding:0 9px; margin:17px 0 0 0; line-height:40px; color:#FFF; font-size:20px; position:relative; display:inline-block; vertical-align:top;}
.step .top img{height:40px; margin:17px 9px 0 9px; display:inline-block; vertical-align:top;}
.step ul{width:100%; margin:16px 0; display:inline-block;}
.step ul li{width:auto; padding:0 10px; display:block; float:left;}
.step ul li span{width:auto; padding:10px 17px 10px 72px; border-radius:10px; overflow:hidden; position:relative; display:inline-block;
background: rgba(246,216,90,1);
background: -moz-linear-gradient(-45deg, rgba(246,216,90,1) 0%, rgba(241,195,61,1) 12%, rgba(255,253,147,1) 50%, rgba(225,151,4,1) 78%, rgba(249,233,120,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(246,216,90,1)), color-stop(12%, rgba(241,195,61,1)), color-stop(50%, rgba(255,253,147,1)), color-stop(78%, rgba(225,151,4,1)), color-stop(100%, rgba(249,233,120,1)));
background: -webkit-linear-gradient(-45deg, rgba(246,216,90,1) 0%, rgba(241,195,61,1) 12%, rgba(255,253,147,1) 50%, rgba(225,151,4,1) 78%, rgba(249,233,120,1) 100%);
background: -o-linear-gradient(-45deg, rgba(246,216,90,1) 0%, rgba(241,195,61,1) 12%, rgba(255,253,147,1) 50%, rgba(225,151,4,1) 78%, rgba(249,233,120,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(246,216,90,1) 0%, rgba(241,195,61,1) 12%, rgba(255,253,147,1) 50%, rgba(225,151,4,1) 78%, rgba(249,233,120,1) 100%);
background: linear-gradient(135deg, rgba(246,216,90,1) 0%, rgba(241,195,61,1) 12%, rgba(255,253,147,1) 50%, rgba(225,151,4,1) 78%, rgba(249,233,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6d85a', endColorstr='#f9e978', GradientType=1 );
}
.step ul li span::before{content: attr(data-number); width:34px; height:54px; line-height:54px; color:#000; font-size:50px;
position:absolute; left:17px; top:10px; display:inline-block;}
.step ul li span p{width:auto; line-height:30px; color:#000; font-size:25px; display:block;}
.step ul li span font{width:auto; line-height:30px; color:#3F1F00; font-size:25px; font-style:normal;}

.regis-banner{width:100%; padding:33px; display:inline-block;
background: rgba(69,64,115,1);
background: -moz-linear-gradient(top, rgba(69,64,115,1) 0%, rgba(5,13,20,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(69,64,115,1)), color-stop(100%, rgba(5,13,20,1)));
background: -webkit-linear-gradient(top, rgba(69,64,115,1) 0%, rgba(5,13,20,1) 100%);
background: -o-linear-gradient(top, rgba(69,64,115,1) 0%, rgba(5,13,20,1) 100%);
background: -ms-linear-gradient(top, rgba(69,64,115,1) 0%, rgba(5,13,20,1) 100%);
background: linear-gradient(to bottom, rgba(69,64,115,1) 0%, rgba(5,13,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454073', endColorstr='#050d14', GradientType=0 );
}
.regis-banner .pic{width:33.33333333%; padding:0 15px; display:block; float:left;}
.regis-banner .pic img{width:100%;}

.privilege{width:100%; margin:0; padding:50px 0 0 0; display:inline-block;
background: rgba(64,60,108,1);
background: -moz-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(64,60,108,1)), color-stop(100%, rgba(5,13,20,1)));
background: -webkit-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: -o-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: linear-gradient(135deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#403c6c', endColorstr='#050d14', GradientType=1 );
}
.privilege h3{width:100%; padding:0 50px 43px 50px !important; margin:0 0 50px 0 !important; line-height:60px; color:#F2CA5F; font-size:50px; text-align:center; position:relative; display:inline-block;}
.privilege h3::after{content:""; width:60px; height:5px; position:absolute; bottom:0; left:50%; margin-left:-30px; background:#F4CA5F; display:inline-block;}
.privilege p{width:790px; line-height:26px; padding:0; margin:0 auto; color:#FFF; font-size:20px; text-align:center; display:block;}
.privilege .promotion{width:100%; padding:0 100px 74px 100px; margin-top:50px; background:url(../images/bg-bet.png) no-repeat center bottom; background-size:cover; display:inline-block;}
.privilege .promotion span{width:224px; margin:0 15px; border-top:1px #7773B0 solid; border-radius:10px; overflow:hidden; display:block; float:left;}
.privilege .promotion span h6{width:100%; height:59px; line-height:30px; margin:0 !important; color:#F4CA5F; font-size:25px; text-align:center;
background:url(../images/bg-top_promotion.jpg) repeat-x top; display:inline-block;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
}
.privilege .promotion span a{width:100%; background:#000; display:inline-block;}
.privilege .promotion span a img{width:100%; display:inline-block;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.privilege .promotion span a:hover img{opacity:0.7;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

.online{width:100%; margin:0; padding:50px; display:inline-block; background:url(../images/bg-onlline.jpg) no-repeat top center; background-size:cover;}
.online h3{width:100%; padding:0 50px 43px 50px !important; margin:0 0 35px 0 !important; line-height:60px; color:#F2CA5F; font-size:50px; text-align:center; position:relative; display:inline-block;}
.online h3::after{content:""; width:60px; height:5px; position:absolute; bottom:0; left:50%; margin-left:-30px; background:#F4CA5F; display:inline-block;}
.online ul{width:100%; display:inline-block;}
.online ul li{width:100%; margin:15px 0; border-top:1px #7773B0 solid; border-radius:10px; overflow:hidden; background:#010101; display:inline-block;}
.online ul li .pic{width:50%; padding:0 34px; background:url(../images/bg-online.jpg) repeat-x; display:block; float:left;}
.online ul li .pic img{width:100%;}
.online ul li span{width:50%; padding:28px 34px 0 34px; display:block; float:left;}
.online ul li span h6{width:100%; line-height:30px; margin:0 0 22px 0; color:#F2CA5F; font-size:25px; display:inline-block;}
.online ul li span p{width:100%; line-height:26px; padding:0; margin:0 auto; color:#FFF; font-size:20px; display:inline-block;}

.reason{width:100%; margin:0; padding:50px; display:inline-block;
background: rgba(64,60,108,1);
background: -moz-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(64,60,108,1)), color-stop(100%, rgba(5,13,20,1)));
background: -webkit-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: -o-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: linear-gradient(135deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#403c6c', endColorstr='#050d14', GradientType=1 );
}
.reason h3{width:100%; padding:0 50px 43px 50px !important; margin:0 0 50px 0 !important; line-height:60px; color:#F2CA5F; font-size:50px; text-align:center; position:relative; display:inline-block;}
.reason h3::after{content:""; width:60px; height:5px; position:absolute; bottom:0; left:50%; margin-left:-30px; background:#F4CA5F; display:inline-block;}
.reason p{width:770px; line-height:26px; padding:0; margin:0 auto 50px auto; color:#FFF; font-size:20px; text-align:center; display:block;}
.reason .pic{width:40%; padding:0 30px 0 0; display:block; float:left;}
.reason .pic img{width:100%;}
.reason ul{width:60%; display:block; float:left;}
.reason ul li{width:100%; line-height:27px; padding:0 0 0 46px; margin:9px 0; color:#FFF; font-size:20px; position:relative; display:inline-block;}
.reason ul li::before{content: attr(data-number); width:30px; line-height:34px; color:#F3CA5F; font-size:25px; position:absolute; left:0; top:0; display:inline-block;}

#promotion{width:100%; padding:50px 155px; display:inline-block;
background: rgba(64,60,108,1);
background: -moz-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(64,60,108,1)), color-stop(100%, rgba(5,13,20,1)));
background: -webkit-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: -o-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
background: linear-gradient(135deg, rgba(64,60,108,1) 0%, rgba(5,13,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#403c6c', endColorstr='#050d14', GradientType=1 );
}
#promotion h3{width:100%; padding:0 50px 43px 50px !important; margin:0 0 25px 0 !important; line-height:60px; color:#F2CA5F; font-size:50px; text-align:center; position:relative; display:inline-block;}
#promotion h3::after{content:""; width:60px; height:5px; position:absolute; bottom:0; left:50%; margin-left:-30px; background:#F4CA5F; display:inline-block;}
#promotion span{width:100%; padding:0; margin:25px 0; border-top:1px #7773B0 solid; text-align:center; display:inline-block;}
#promotion span img{width:100%;}

.regis{width:100%; margin:0; padding:0; display:inline-block; background:url(../images/bg-onlline.jpg) no-repeat top center; background-size:cover;}
.regis form{width:100%; padding:0; margin:0; display:inline-block;}
.regis .top{width:100%; padding:50px 0; margin:0; display:inline-block;
background: rgba(69,64,115,1);
background: -moz-linear-gradient(top, rgba(69,64,115,1) 0%, rgba(5,13,20,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(69,64,115,1)), color-stop(100%, rgba(5,13,20,1)));
background: -webkit-linear-gradient(top, rgba(69,64,115,1) 0%, rgba(5,13,20,1) 100%);
background: -o-linear-gradient(top, rgba(69,64,115,1) 0%, rgba(5,13,20,1) 100%);
background: -ms-linear-gradient(top, rgba(69,64,115,1) 0%, rgba(5,13,20,1) 100%);
background: linear-gradient(to bottom, rgba(69,64,115,1) 0%, rgba(5,13,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454073', endColorstr='#050d14', GradientType=0 );
}
.regis .top h3{width:100%; padding:0; margin:0 0 36px 0 !important; line-height:60px; color:#F2CA5F; font-size:50px; text-align:center; display:inline-block;}
.regis .top h6{width:100%; line-height:27px; margin:0; color:#F2CA5F; font-size:20px; text-align:center; display:inline-block;}
.regis .top li{width:100%; line-height:27px; padding:0; color:#FFF; font-size:20px; text-align:center; display:inline-block;}
.regis .top li::before{content:"•"; color:#F2CA5F; margin-right:5px; }
.regis .top p{width:100%; line-height:27px; margin-top:25px; color:#FFF; font-size:20px; text-align:center; display:inline-block;}
.regis .top p a{color:#F2CA5F; text-decoration:underline !important;}
.regis .top p a:hover{color:#F2CA5F; text-decoration:underline !important;}
.regis .detail, .regis .bottom{width:100%; padding:0 50px; margin:35px 0 15px 0; display:inline-block;}
.regis .bottom{margin:15px 0 50px 0;}
.regis .detail fieldset, .regis .bottom fieldset{padding:15px;}
.regis .detail fieldset input[type="text"], .regis .bottom fieldset input[type="text"]{width:100%; line-height:40px; padding:0 17px; margin:0; color:#000; font-size:20px;
text-align:left; border:0; border-radius:17px; display:inline-block;}
.regis .bottom fieldset input[type="submit"], .regis .bottom fieldset input[type="button"], #btnLogin{width:100%; height:50px; line-height:50px; margin:0; color:#000; font-size:20px;
border:0; border-radius:8px; text-align:center; display:inline-block;
}
.regis .detail fieldset input::-moz-placeholder,
.regis .bottom fieldset input::-moz-placeholder{color:#000; opacity:1}
.regis .detail fieldset input:-ms-input-placeholder,
.regis .bottom fieldset input:-ms-input-placeholder{color:#000;}
.regis .detail fieldset input::-webkit-input-placeholder,
.regis .bottom fieldset input::-webkit-input-placeholder{color:#000;}

.regis .detail fieldset .btn{ padding:0 40px 0 17px; line-height:40px; color:#FFF; font-size:20px; border-radius:0 !important; background:#FFF; }
.regis .detail fieldset .btn-default{ color:#FFF; background:none !important; }
.regis .detail fieldset .dropdown-toggle{ margin:0; border-radius:0 !important; border:0; background:#FFF; }
.regis .detail fieldset .btn-group{border:0; border-radius:17px; background:#FFF; }
.regis .detail fieldset .btn-group.open .dropdown-toggle{box-shadow:none;}
.regis .detail fieldset .btn-group.open{
border-radius: 17px 17px 0px 0px;
-moz-border-radius: 17px 17px 0px 0px;
-webkit-border-radius: 17px 17px 0px 0px;
}
.regis .detail fieldset .bootstrap-select.btn-group .dropdown-menu li a{color:#000; background:#FFF; }
.regis .detail fieldset .bootstrap-select.btn-group .dropdown-menu li a:hover{background:#DDD; }
.regis .detail fieldset .bootstrap-select.btn-group .dropdown-toggle .filter-option{color:#000; }
.regis .detail fieldset .dropdown-menu{width:80px; margin:0; padding:0; border-radius:0; border:0; border-top:0; background:#FFF; left:0px; }
.regis .detail fieldset .dropdown-menu > li > a{padding:0 40px 0 17px; line-height:40px; font-size:20px; }
.regis .detail fieldset .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle{ text-align:right;}
.regis .detail fieldset .bootstrap-select.btn-group .dropdown-toggle .caret { width:40px; height:40px; position:absolute;
top:0; right:0; margin-top:0; vertical-align:middle; border:none; background:url(../images/icon-select.png) no-repeat center center;}

.regis .banner{width:100%; padding:50px 65px; margin:0; display:inline-block;
background: rgba(64,60,108,1);
background: -moz-linear-gradient(-45deg, rgba(64,60,108,0.7) 0%, rgba(5,13,20,0.7) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(64,60,108,1)), color-stop(100%, rgba(5,13,20,1)));
background: -webkit-linear-gradient(-45deg, rgba(64,60,108,0.7) 0%, rgba(5,13,20,0.7) 100%);
background: -o-linear-gradient(-45deg, rgba(64,60,108,0.7) 0%, rgba(5,13,20,0.7) 100%);
background: -ms-linear-gradient(-45deg, rgba(64,60,108,0.7) 0%, rgba(5,13,20,0.7) 100%);
background: linear-gradient(135deg, rgba(64,60,108,0.7) 0%, rgba(5,13,20,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#403c6c', endColorstr='#050d14', GradientType=1 );
}
.regis .banner span{padding:0 15px;}
.regis .banner span a{width:100%; border:1px #FFF solid; display:inline-block;}
.regis .banner span a img{width:100%;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.regis .banner span a:hover img{opacity:0.8;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.regis .banner span p{width:100%; border:1px #FFF solid; display:inline-block;}
.regis .banner span p img{width:100%;}

footer{ width:100%; margin:0; padding:0; border-top:1px #7773B0 solid; border-bottom:1px #7773B0 solid; background:url(../images/bg-footer.jpg) no-repeat top center; background-size:cover; display:inline-block;}
footer .about{width:100%; padding:35px 0; display:inline-block;}
footer .about .top{width:100%; display:inline-block;}
footer .about .top .logo{width:240px; display:block; float:left;}
footer .about .top .logo img{width:100%;}
footer .about .top p{width:auto; line-height:24px; margin:4px 0 0 34px; padding:0 0 0 34px; border-left:1px #FFF solid; color:#FFF; font-size:20px; display:block; float:left;}
footer .about span{width:100%; margin:40px 0 25px 0; display:inline-block;}
footer .about span h6{width:100%; line-height:24px; margin-bottom:25px; color:#FFF; font-size:20px; display:inline-block;}
footer .about span p{width:100%; line-height:24px; margin:0 !important; padding:0 !important; color:#FFF; font-size:20px; border-left:0 !important; display:inline-block;}
footer .game{width:100%; padding:38px 0; background:rgba(1,1,1,0.5); display:inline-block;}
footer .game p{width:25%; padding:0; position:relative; display:block; float:left;}
footer .game a{width:auto; line-height:27px; padding:0 0 0 13px; color:#FFF; font-size:20px; position:relative; display:block; float:left;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
footer .game a::before{content:"•"; width:13px; line-height:27px; padding:0; color:#F3CA5F; font-size:20px; position:absolute; left:0; top:0; display:block;}
footer .game a:hover{color:#F3CA5F;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
footer .copyright{width:100%; line-height:23px; padding:24px 0; color:#FFF; font-size:15px; background:#010101; display:inline-block;}

/************************ MENU MOBILE ****************************/

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  display: none;
  position: fixed;
  height: 50px;
  top: 10px;
  width: 50px;
  z-index: 999;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

/* Icon 2 */

#nav-icon2 {
  height:37px;
  top: 15px;
  right:20px;
  width: 50px;
  padding:5px;
  background:#36B349;
}

#nav-icon2.mopen {
  height:37px;
  top: 7px;
  right:5px;
  width: 50px;
  padding:5px;
  background:#36B349;
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 20px;
  background:#FFF;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2.mopen span{background:#FFF;}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius:0;
}

#nav-icon2 span:nth-child(odd) {
  left:5px;
  border-radius:0;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 6px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 16px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 26px;
}
#nav-icon2.mopen span:nth-child(1), #nav-icon2.mopen span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.mopen span:nth-child(2), #nav-icon2.mopen span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.mopen span:nth-child(1) {
  left: 9px;
  top: 9px;
}

#nav-icon2.mopen span:nth-child(2) {
  left: calc(50% - 5px);
  top: 9px;
}

#nav-icon2.mopen span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.mopen span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.mopen span:nth-child(5) {
  left: 9px;
  top: 20px;
}

#nav-icon2.mopen span:nth-child(6) {
  left: calc(50% - 5px);
  top: 20px;
}

#nav-icon2.mclose span:nth-child(even) {
  left: 50%;
  border-radius:0;
}

#nav-icon2.mclose span:nth-child(odd) {
  left:5px;
  border-radius:0;
}
.m-warp{z-index:600; background:#FFF; }
.menu-mobile{width:60%; padding:0; height:100%; text-align:center; border-top:49px #36B349 solid; display:inline-block; background:#FFF; opacity:0;
position:fixed; right:0; top:0; z-index:0;
-webkit-box-shadow: -7px 0px 6px 0px rgba(0,0,0,0.25);
-moz-box-shadow: -17px 0px 6px 0px rgba(0,0,0,0.25);
box-shadow: -7px 0px 6px 0px rgba(0,0,0,0.25);
-webkit-transform: translate3d(5%,0,0)scale(.97);
-moz-transform: translate3d(5%,0,0)scale(.97);
transform: translate3d(5%,0,0)scale(.97);
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
visibility: hidden;
z-index:400;
}
.menu-mobile.mopen {
opacity: 1;
z-index:700;
-webkit-transform: translate3d(0,0,0)scale(1);
-webkit-animation: slideIn .35s ease-in-out;

-moz-transform: translate3d(0,0,0)scale(1);
-moz-animation: slideIn .35s ease-in-out;

transform: translate3d(0,0,0)scale(1);
animation: slideIn .35s ease-in-out;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
visibility: visible;
}
@-webkit-keyframes slideIn {
	0%       {opacity: .3;
				-webkit-transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				-webkit-transform: translate3d(0,0,0)scale(1);}
}
@-moz-keyframes slideIn {
	0%      {opacity: .3;
				-moz-transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				-moz-transform: translate3d(0,0,0)scale(1);}
}
@keyframes slideIn {
	0%      {opacity: .3;
				transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				transform: translate3d(0,0,0)scale(1);}
}

/*Nav Shrinking Closed Effect*/
.menu-mobile.mclose {
	opacity:0;
  z-index:400;
	-webkit-transform: translate3d(5%,0,0)scale(.97);
	-webkit-animation: slideOut .3s ease-in-out;

	-moz-transform: translate3d(5%,0,0)scale(.97);
	-moz-animation: slideOut .3s ease-in-out;

	transform: translate3d(5%,0,0)scale(.97);
	animation: slideOut .3s ease-in-out;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  visibility: hidden;
}
@-webkit-keyframes slideOut {
	0%      {opacity: 1;
				-webkit-transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				-webkit-transform: translate3d(5%,0,0)scale(.97);}
}
@-moz-keyframes slideOut {
	0%      {opacity: 1;
				-moz-transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				-moz-transform: translate3d(5%,0,0)scale(.97);}
}
@keyframes slideOut {
	0%      {opacity: 1;
				transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				transform: translate3d(5%,0,0)scale(.97);}
}
.menu-mobile a{width:100%; line-height:30px; padding:14px 20px; border-bottom:1px #CCC solid; color:#666; font-size:23px;
text-align:left; display:inline-block; position:relative;}
.menu-mobile a:hover, .menu-mobile a:focus, .menu-mobile a.active{ color:#FFF;
background:#36B349;
}
.menu-mobile [data-content] a{ padding: 10px 0 10px 36px; font-size:17px; color:#999;}
.menu-mobile [data-content] a:hover{color:#FFF; }
.menu-mobile [data-content] a i{left:60px;}
.menu-mobile .lang{width:auto; height:39px; display:inline-block; position:absolute; left:5px; top:-44px;}
.menu-mobile .lang a{width:auto; line-height:39px; padding:0 15px; color:#FFF; font-size:20px; border:0; background:#36B349; display:inline-block;}
.menu-mobile .lang a.active{color:#333; background:#FFF;}
.menu-mobile .social{width:100%; margin:20px 0 0 0; text-align:center; display:inline-block;}
.menu-mobile .social a{width:auto; padding:7px 20px 7px 7px; border:1px #CCC solid; border-radius:28px; text-align:center; display:inline-block;}
.menu-mobile .social a i{width:120px; line-height:40px; color:#BBB; font-size:17px; font-style:normal; display:inline-block;}
.menu-mobile .social a em{width:40px; padding:0; border:0; display:inline-block;}
.menu-mobile .social a em img{width:100%; display:inline-block;}
.menu-mobile .social a:hover{background:transparent}
.menu-mobile .social a:hover i{color:#333; }

.followMeBar {
  padding:0;
  position: relative;
  z-index: 1;
}
.followMeBar.fixed {
  position: fixed;
  top: 228px;
  width: 100%;
  box-sizing: border-box;
  z-index: 0;
}
.followMeBar.fixed.absolute {
  position: absolute;
}

/*************************************PRELOAD**************************************/

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  /* change if the mask should have another color then white */
  z-index: 999999;
  /* makes sure it stays on top */
}

#status {
  width:260px;
  height:49px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  /*background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);*/
  /* path to your loading animation */
  background:url(../images/loading.png) no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  margin: -25px 0 0 -130px;
/* is width and height divided by two */
}
.ball {
	background-color: rgba(0,0,0,0);

	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:206px;
	/*box-shadow: 0 0 35px #2187e7;*/
  width:151px;
  height:44px;
	margin:0 auto;
	-moz-animation:spin 3s infinite linear;
	-webkit-animation:spin 3s infinite linear;
}

/*************************** CAPTCHA *******************************/

#rc-imageselect {transform:scale(0.77) !important; -webkit-transform:scale(0.77) !important; transform-origin:0 0 !important; -webkit-transform-origin:0 0;}