.login-container{position:relative;margin:0 auto;width:980px;height:520px;padding:0 30px;overflow-x:hidden}
.border-line{margin-top:200px;width:100%;height:1px;border-bottom:1px solid #ddd}
.login-box{width:600px}
.login-h1{font-size:16px;color:#333}
.title-box{margin-bottom:15px;border-bottom:1px solid #ddd}
.title-box h1{margin:0;line-height:33px}
.login-input-box{display:flex;flex-direction:column}
.form-group label{font-size:14px;color:#555;font-weight:400}
.form-group{width:371px}
.form-control{height:38px}
.btn{width:144.28px;height:38px;background:#3a3a3a;color:#fff;border-radius:4px}
.btn:hover{color:#fff}
.sing-area{position:absolute;top:0;left:730px;width:232px;height:122px;padding:15px 20px;padding-top:27px;border:1px solid #ddd}
.register-btn{height:24px;line-height:22px;padding:0 15px;border:1px solid #dbdbdb;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;cursor:pointer;display:block;margin:0 auto;text-align:center;margin-bottom:12px;background:#f0f0f0;background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#f0f0f0));background:linear-gradient(180deg ,#fefefe,#f0f0f0);-webkit-background-origin:padding;-webkit-box-shadow:0 2px 2px rgb(0 0 0 / 30%);-moz-box-shadow:0 2px 2px rgba(0,0,0,.3);box-shadow:0 2px 2px rgb(0 0 0 / 30%)}
.register-btn:hover{background:-webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#e1e1e1));background:linear-gradient(180deg ,#f1f1f1,#e1e1e1)}
@media (min-width:993px){
.login-to-register{display:none}
}
@media (max-width:992px){
.mbx_list h1,.mbx_list h2{margin:20px 0;padding:0}
.mbx_list .breadcrumb{display:none}
.sing-area{display:none}
.login-container{width:unset;padding:0 15px}
.form-group{width:unset}
.login-box{width:unset}
.btn{width:100%;height:40px;padding:0;line-height:40px}
.relative.row .form-control{margin-bottom:15px}
}
[data-template=register] .login-container{height:unset}
.form_model .form-group input{height:38px}
.checkedAgreement input{float:left;margin-right:9px}
.register{width:100%}
.login-to-register{margin-top:20px;text-decoration:underline;color:#999;font-size:16px}
.login-to-re-box{display:flex;justify-content:center}
.form_model .form-group input{border-radius:3px}
input[type=radio]{position:relative;top:-12px}
.btn.btn-lg{padding:0 30px;font-size:14px;font-weight:400}
body[data-template=forgottenpassword] .form-group{width:371px;margin:auto;margin-bottom:15px}
.form_model .form-group input[type=checkbox]{height:auto;position:relative;top:1px}