.login_box{ width:1100px; margin:45px auto 0;overflow:hidden;padding:120px 0;}
.login_box .login_l_img{ float:left; width:432px; height:440px; margin-left:50px;}
.login_box .login_l_img img{width:500px; height:440px; }
.login {width:400px; padding:50px; background-color: #ffffff;border-radius:6px;box-sizing: border-box; float:right; margin-right:50px; position:relative; margin-top:50px;}
.register {width:400px; padding:35px 50px; background-color: #ffffff;border-radius:6px;box-sizing: border-box; float:right; margin-right:50px; position:relative; margin-top:-55px;}
.login_logo{ width:120px; height:120px; border:5px solid #93defe;border-radius:100px; background:#fff; text-align:center; line-height:110px; position:absolute; top:-60px; right:140px;}
.login_name{ width:100%; float:left; text-align:center; margin-top:20px;}
.login_name p{ width:100%; text-align:left; font-size:18px; color:#444; padding:5px 0 5px 10px;margin:13px 0;font-weight:bold;border-left:3px solid #27a9e3;}
.login_logo img{ width:60px; height:60px;display: inline-block; margin:27px 0;}
input[type=text], input[type=file], input[type=password], input[type=email], select { border: 1px solid #DCDEE0; vertical-align: middle; border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; color: #555555; outline:none; width:100%;margin-bottom: 15px;line-height:50px; color:#888;}
input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, input[type=email]:focus, select:focus { border: 1px solid #27A9E3; }
input[type=submit], input[type=button],.submit { display: inline-block; vertical-align: middle; padding: 12px 24px; margin: 0px; font-size:16px; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; color: #ffffff; background-color: #27A9E3; border-radius: 3px; border: none; -webkit-appearance: none; outline:none; width:100%; }
.copyright { font-size:14px; color:#c0c0c0; display:block;width:100%; text-align:center;position:relative;margin-top:-50px;}
#password_text{border: 1px solid #DCDEE0; vertical-align: middle; border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; color: #888; outline:none; width:100%;margin-bottom: 15px;display: block; line-height:50px;}
#phone {width:60%;}
.register-jp,.login-jp{display:block;margin-top:10px;}
.toggle-vmode {display: block;font-size:10px;color:#5aa7c0;margin-top:2px;}
.toggle-vmode:hover{color:#0d9ac9;}
.codeBtn{margin-left:10px;border:1px solid #62c7f2;background:#fff;padding:5px 2px;border-radius:3px;cursor:pointer;color:#168fc3;}
.codeBtn:hover{background:#168fc3;color:#fff;}
.code_error{color: #bc4444;display:none;margin-bottom: 10px;}
.warn{color:#c05858;font-size:12px;margin-left:10px;position: relative;top: -9px;}
.countdown{margin-left:10px;border:1px solid #656565;background:#7e7e7e;padding:5px 2px;border-radius:3px;color:#eaeaea;cursor:not-allowed;display:none;}