/* ----------------------------------
CSS file for Discuz! x3.2 By ะยสำฝ็
(C) http://addon.dismall.com/?@79344.developer
Design QQ: 2413248487
---------------------------------- */

body#nv_member {
    background: #f7f8f9;
}

#nv_member #toptb,
#nv_member #hd,
#nv_member #ft,
#nv_member #scrolltop
{
    display: none;
}

.h2o_login_warp{position: relative; margin: 10% auto 30px; }
.h2o_login_warp .mn{position: relative; width: 930px; margin: 0 auto; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 15px 3px rgba(146,146,146,.1); -moz-box-shadow: 0 3px 15px 3px rgba(146,146,146,.1); box-shadow: 0 3px 15px 3px rgba(146,146,146,.1);}
.h2o_loginrslider{position: absolute; top: 0; left: 0; bottom: 0; width: 260px; padding: 50px; background-image: url(../src/h2o_log_bg.png); background-color: #3385ff; background-repeat: no-repeat; background-position: right bottom; overflow: hidden;}
.h2o_loginrslider h2{font-size: 22px;color: #fff; margin-bottom: 30px;}
.h2o_loginrslider li{display: block; margin-bottom: 25px; font-size: 15px;color: #fff;}
.h2o_loginrslider li i{display: inline-block; position: relative; top: 6px; width: 16px; height: 20px; margin-right: 8px; background: url(../src/h2o_log_qr.png) no-repeat; opacity: .52; overflow: hidden;}
.h2o_loginrslider li a { font-size: 15px;color: #fff;  -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.h2o_loginrslider li a:hover { opacity: .8;}

.h2o_login_warp .h2o_loginbox{float: right; background: #fff;}
.h2o_login_warp .h2o_login_con{width: 490px; padding: 35px 50px 10px 30px; overflow: hidden;}
.h2o_login_warp .h2o_login_con .h2o_login_hdtitle{position: relative; width: 330px; height: 40px; line-height: 40px;margin-bottom: 25px;text-align: center; border-radius: 20px;}
.h2o_login_warp .h2o_login_con .h2o_login_hdtitle li{float: left; width: 50%; height: 38px; font-size: 16px;color: #18191a; font-weight: 400; border-radius: 20px;text-align: center; cursor: pointer; }
.h2o_login_warp .h2o_login_con .h2o_login_hdtitle li a{line-height: 38px; color: #555; font-size: 16px; font-weight: 400;}
.h2o_login_warp .h2o_login_con .h2o_login_hdtitle li.active{background-color: #3385ff; background-image: -webkit-gradient(linear,left top,right top,from(#006eff),to(#13adff)); background-image: -webkit-linear-gradient(left,#006eff,#13adff); background-image: -o-linear-gradient(left,#006eff 0,#13adff 100%); background-image: linear-gradient(90deg,#006eff,#13adff); color: #fff; border-radius: 20px;}
.h2o_login_warp .h2o_login_con .h2o_login_hdtitle li.active a{color: #fff;}
.h2o_login_warp .h2o_login_con .h2o_login_hdtitle li a:hover { color: #3385ff; text-decoration: none;}

.h2o_login_warp .rfm{position: relative; margin: 0 auto; width: 100%; margin-bottom: 20px; border-bottom: none;}
.h2o_login_warp .rfm.h2o_noinfloat_method{padding-top: 20px; border-top: 1px solid #e1e2e3 !important;}
.h2o_login_warp .h2o_login_con .rfm th{width: 8em; font-size: 14px; padding-top: 2px !important;}
.h2o_login_warp .h2o_login_con .rfm th label{color: #666;}
.h2o_login_warp .h2o_login_con .rfm th, .h2o_login_warp .h2o_login_con .rfm td{line-height: 34px;padding: 0;}
.h2o_login_warp .h2o_login_con .px{width: 320px !important; height: 34px; background: #fff; border: 1px solid #e1e2e3; border-radius: 3px;}
.h2o_login_warp .h2o_login_con input:focus, .h2o_login_warp .h2o_login_con .h2o_log_question select:focus{outline: none;border-color: #3385ff; box-shadow: 0 0 3px #3385ff; -webkit-box-shadow: 0 0 3px #3385ff; -moz-box-shadow: 0 0 3px #3385ff;}
.h2o_login_warp .h2o_login_con .rfm td{padding-left: 12px;}
.h2o_login_warp .h2o_login_con .rfm td.tipwide{width: 330px; line-height: 22px !important; color: #999;}
.h2o_login_warp .h2o_login_con .rfm td.tipcol{line-height: 20px;}
.h2o_login_warp .h2o_login_con .rfm .p_tip, .h2o_login_warp .h2o_login_con .rfm .p_chk{width: 320px; text-align: right;}
.h2o_login_warp .h2o_login_con .p_right{position: absolute; top: 10px; right: 14px; width: 21px; height: 21px; padding-left: 0 !important; background: url(../src/check_right.gif) no-repeat 3px 2px; overflow: hidden;}
.h2o_login_warp .h2o_login_con .h2o_log_question select{width: 330px !important; height: 40px; line-height: 17px; background: #fff; border: 1px solid #e1e2e3; border-radius: 3px;}
.h2o_login_warp .h2o_login_con .h2o_log_seccheck td .txt.px{width: 320px !important;}
.h2o_login_warp .h2o_login_con .h2o_log_seccheck td a.xi2{position: absolute; top: 3px; right: 39px; width: 40px; height: 34px; line-height: 34px; padding: 0px 5px; font-size: 12px; color: #fff; text-align: center; background: #3385ff; border-radius: 0 3px 3px 0;overflow: hidden; display: inline-block;}
.h2o_login_warp .h2o_login_con .h2o_log_seccheck td a.xi2:hover { opacity: 0.85; text-decoration: none;}

.h2o_login_warp .h2o_login_con .h2o_log_seccheck span.checksec_img{position: absolute; top: 3px; right: 39px; width: 100px; height: 34px; font-size: 0; overflow: hidden; display: block;}
.h2o_login_warp .h2o_login_con .h2o_log_seccheck span.checksec_img br{display: none; opacity: 0; visibility: hidden;}
.h2o_login_warp .h2o_login_con .h2o_log_seccheck span.checksec_img img{height: 34px; border-radius: 0 3px 3px 0;cursor: pointer;}
.h2o_login_warp .h2o_login_con .h2o_log_bot{width: 320px !important; margin: -20px 0;}
.h2o_login_warp .h2o_login_con .h2o_log_bot input[type=checkbox]{position: relative; top: -1px; width: 10px; height: 10px; line-height: 10px; margin-right: 8px; display: inline-block; text-align: center; vertical-align: middle;}
.h2o_login_warp .h2o_login_con .h2o_log_bot input[type=checkbox]:focus{outline: none; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
.h2o_login_warp .h2o_login_con .h2o_log_bot input[type=checkbox]::before{content: ""; position: absolute; top: 0; left: 0; background: #fff; width: 100%; height: 100%; border: 1px solid #dedede;}
.h2o_login_warp .h2o_login_con .h2o_log_bot input[type=checkbox]:checked::before{content: "\2713"; background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; border: 1px solid #dedede; color: #898989; font-size: 12px; font-weight: 700;}
.h2o_login_warp .h2o_login_con button.pnc{display: inline-block; width: 330px; height: 45px; line-height: 45px; font-size: 16px; color: #fff !important; background-color: #3385ff; background-image: -webkit-gradient(linear,left top,right top,from(#006eff),to(#13adff)); background-image: -webkit-linear-gradient(left,#006eff,#13adff); background-image: -o-linear-gradient(left,#006eff 0,#13adff 100%); background-image: linear-gradient(90deg,#006eff,#13adff); border: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(16,110,253,.3); box-shadow: 0 5px 10px 0 rgba(16,110,253,.3); -webkit-border-radius: 4px; border-radius: 4px; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; text-align: center; cursor: pointer;}
.h2o_login_warp .h2o_login_con button.pnc:hover{background-image: -webkit-gradient(linear,right top,left top,from(#006eff),to(#13adff)); background-image: -webkit-linear-gradient(right,#006eff,#13adff); background-image: -o-linear-gradient(right,#006eff 0,#13adff 100%); background-image: linear-gradient(270deg,#006eff,#13adff);}

.p_right:after { display: none;}