@charset "utf-8";

.viz_mb {padding:70px 0;font-size:36px;font-weight:700;text-align:center;background:url(./img/signin_viz.png) no-repeat 50% 50%;background-size:cover;}

.mbskin {position:relative;padding:100px 0;overflow:hidden;background:#171f2a;}

.mbskin_box {width:1320px;margin:0 auto;}
.mbskin_box:after {display:block;visibility:hidden;clear:both;content:""}

.mbskin_img {float:left;width:550px;padding:0 10px;text-align:center;}
.mbskin_img img {width:100%;max-width:420px;height:auto;}

#login_fs {float:right;position:relative;width:710px;padding:30px;background:#1e2631;border:solid 1px #252d37;border-radius:10px;}
#login_fs h2 {display:block;margin:0 0 30px 0;font-size:30px;font-weight:500;text-align:center;line-height:30px;}
#login_fs .frm_input {display:block;width:100%;margin:0 0 15px 0;}
#login_fs .btn_eye {display:block;position:absolute;right:30px;top:155px;width:50px;height:50px;text-align:center;line-height:50px;}
#login_fs .btn_submit {display:block;width:100%;height:50px;margin:0 0 15px 0;color:#fff;text-align:center;font-weight:500;line-height:50px;background:#de9805;border:solid 2px #de9805;border-radius:5px;}
#login_fs .btn_submit:hover {background:#1e2631;}
#login_fs .login_if_auto {margin:0 0 15px 0;}
#login_fs .login_if_lpl {color:#bbb;}
#login_fs .login_if_lpl a {color:#de9805;}

.viz_mb, .mbskin, .mbskin_box,
#login_fs,
#login_fs h2,
#login_fs .frm_input,
#login_fs .btn_submit,
#login_fs .login_if_lpl a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.circle {display:block;position:absolute;right:120px;top:120px;width:1px;height:1px;background:#de9805;border-radius:50%;
animation:circle 3s infinite linear
}
.circleb {display:block;position:absolute;width:900px;height:900px;background:rgba(255,255,255,0.05);border-radius:50%;
animation:circleb 9s linear 0s infinite alternate
}

@keyframes circle {
0% {transform:scale(0);opacity:1;background:#de9805;}
100% {transform:scale(220);opacity:0;background:#fff;}
}

@keyframes circleb {
0% {left:-960px;top:-600px;}
100% {left:-780px;top:100px;}
}

.register {float:right;position:relative;width:710px;padding:30px;background:#1e2631;border:solid 1px #252d37;border-radius:10px;}
.register h2 {display:block;margin:0 0 30px 0;font-size:30px;font-weight:500;text-align:center;line-height:30px;}
.register .frm_input {display:block;width:100%;}
.register .btn_submit {display:block;width:100%;height:50px;margin:0 0 15px 0;color:#fff;text-align:center;font-weight:500;line-height:50px;background:#de9805;border:solid 2px #de9805;border-radius:5px;}
.register .btn_submit:hover {background:#1e2631;}
.register .login_if_auto {margin:0 0 15px 0;}
.register .login_if_auto a {color:#de9805;}
.register .login_if_lpl {color:#bbb;}
.register .login_if_lpl a {color:#de9805;}

.register_form_inner {}
.register_form_inner ul {}
.register_form_inner ul:after {display:block;visibility:hidden;clear:both;content:""}
.register_form_inner ul li {display:block;float:left;position:relative;width:49%;margin:0 2% 15px 0;}
.register_form_inner ul li:nth-child(2n) {margin:0 0 15px 0;}
.register_form_inner ul li.full {width:100%;margin:0 0 15px 0;}
.register_form_inner ul li a.btn_eye,
.register_form_inner ul li a.btn_eye2 {display:block;position:absolute;right:0px;top:0px;width:50px;height:50px;text-align:center;line-height:50px;}
.register_form_inner ul li select {display:block;width:100%;height:50px;line-height:48px;text-indent:10px;background:#272e38;border:solid 1px #2e353e;border-radius:5px;}
.register_form_inner ul li select:focus {border:solid 1px #de9805}
.register_form_inner ul li select option {padding:0 10px;color:#fff;background:#000;}
.register_form_inner ul li.tel .frm_input {text-indent:60px;}
.register_form_inner ul li.tel label {display:block;position:absolute;left:0;top:0;width:50px;color:#fff;line-height:50px;text-align:center;background:#de9805;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}

.register, 
.register h2,
.register .frm_input,
.register .btn_submit,
.register .login_if_lpl,
.register_form_inner,
.register_form_inner ul li,
.register_form_inner ul li select {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}



@media screen and (max-width:1370px) {
.mbskin_box {width:960px;}

.mbskin_img {width:400px;}

#login_fs {width:500px;}
#login_fs h2 {font-size:24px;}

.register {width:500px;}
.register h2 {font-size:24px;}
}




@media screen and (max-width:1140px) {
.mbskin_box {width:720px;}

.mbskin_img {display:none;}
#login_fs {float:none;width:100%;}

.register {float:none;width:100%;}
}




@media screen and (max-width:960px) {
.viz_mb {padding:50px 0;font-size:30px;}

.mbskin {padding:70px 0;}
}




@media screen and (max-width:750px) {
.viz_mb {padding:40px 0;font-size:24px;}

.mbskin_box {width:540px;padding:0 10px;}

#login_fs h2 {font-size:20px;}

.register h2 {font-size:20px;}
.register ul li {float:none;width:100%;margin:0 0 15px 0;}
}




@media screen and (max-width:560px) {
.mbskin {padding:50px 0;}

.mbskin_box {width:100%;}
}