.main{position:relative; width:100%; min-height:100%; margin:0 auto; background:#1B242D  url(../images/main/bg_main.png) center 20px no-repeat;}
.main .main_box{width:500px; margin-left:500px;}
.main .main_box .visual{position: absolute;left: 50%;transform: translateX(260px);padding-top:100px;}
.main .main_box .visual .tit{font-size:49px; font-weight:700; color:#fff; line-height:56px; text-shadow:3px 5px 3px rgba(0, 0, 0, 0.5 ); letter-spacing:-1px;}
.main .main_box .visual .txt{margin:20px 0 30px; font-size:21px; font-weight:400; color:#fff; line-height:1.3; letter-spacing:-0.5px;  text-shadow:3px 5px 3px rgba(0, 0, 0, 0.5 );}
.main .main_box .login_box{width:500px; height:340px; margin-top:20px; padding:30px 40px; background-color:rgba( 0, 0, 0, 0.9 ); border-top:3px solid #e50046; box-sizing:border-box;}
.main .main_box .login_box .name{font-size:30px; font-weight:500; color:#fff; text-align:center;}
.main .main_box .login_box .login{position:relative; margin-top:25px;}
.main .main_box .login_box .login input[type="text"], .main .main_box .login_box .login input[type="password"]{width:290px; height:44px; background:#fff; text-indent:10px;}
.main .main_box .login_box .login input[type="text"]{margin-bottom:10px;}
.main .main_box .login_box .login button{position:absolute; top:0px; right:0px; width:120px; height:98px; background:#e50046; color:#fff; font-size:20px; font-weight:500;}
.main .main_box .login_box .login_link{padding-top:15px;}
.main .main_box .login_box .login_link li{padding-left:10px; margin-bottom:5px; background:url(../images/main/login_arr.png) 0 50% no-repeat; font-size:16px; color:#ccc; font-weight:500;}
.main .main_box .login_box .login_link li a{font-size:16px; color:#ccc; font-weight:500; text-decoration:underline;}
.main .main_box .login_box .login_link li a.btn_default{display:inline-block; margin-top:10px; padding:7px 20px; border:1px solid #fff; color:#fff; text-decoration:none; font-weight:500;}
.main .main_box .login_box .login_link li a.btn_default:hover{text-decoration:underline;}
.main .address{position:absolute; bottom:10px; left:50%; margin-left:-500px; width:1000px; text-align:center; color:#fff;}


.login_pop{display:none;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:770px;background:#fff;}
.login_pop.on{display:block;}
.login_pop .tit{height:55px;line-height:55px;font-size:17px;font-weight:500;text-align:center;}
.login_pop .btns{text-align:center;padding:21px 0;}
.login_pop .btns a{display:inline-block;width:auto;padding: 0 15px;height:45px;line-height:45px;background:#e50046;color:#fff;border:2px solid #e50046;box-sizing:border-box;transition:.3s;}
.login_pop .btns a.btn_no{margin-left:20px;background:#000;border:2px solid #000;}
.login_pop .btns a:hover{border:2px solid #000;}
.login_pop .btns a.btn_no:hover{border:2px solid #e50046;}
.dim{display:none;position:absolute;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.8);z-index:1;}
.dim.on{display:block;}
.login_pop .clse{position:absolute;top:14px;right:15px;display:inline-block;width:26px;height:26px;background:url("../images/sub/btn_close.png")no-repeat 50% 50%;}
.login_pop .top{padding: 16px;background:#303c49;}
.login_pop .top img{width:188px;}
.login_pop .txt{padding:0 20px;}
.login_pop .txt p{margin:5px 0;}
.login_pop ol{margin:15px;}
.login_pop .tb_box{height:225px;border:1px solid #ddd;overflow:auto;background:#fffff2;}
.login_pop table thead{height: 34px;background:#f8f8f8;}
.login_pop table tr{border-bottom:1px solid #ddd;}
.login_pop table tr th:first-child,.login_pop table tr td:first-child{border-right:1px solid #ddd;}
.login_pop table td{padding: 10px;font-size: 12px;}
.login_pop .font_red{color:#e50046;}