.login-element{/*background-image: url('../images/login/img_background.png');*/width:100%;height:100vh;display: flex;align-items: center;justify-content:center;}
.login-element .login-box{width:660px;height:357px;margin:0px auto;border-radius:20px;background-color:#1D2A3E;opacity:0.9;display: flex;justify-content: center;align-items: center;}
.login-element .login-box .box{max-width: 400px;width: 100%;}
.login-element .login-box .box .top{text-align:center;margin-bottom: 20px;}
.login-element .login-box .box .top h1{font-weight:500;color:#B2D7EF;font-size:32px;letter-spacing: -2px;}
.login-element .login-box .box .top h1 span{color:#fff;margin-left: 5px;font-weight: 300;}
.login-element .login-box .box .center{}
.login-element .login-box .box .center .box-c{display: flex;justify-content: center;}
.login-element .login-box .box .center .box-c .left{width: 300px;margin-right: 10px;}
.login-element .login-box .box .center .box-c .left dl{}
.login-element .login-box .box .center .box-c .left dl dd{}
.login-element .login-box .box .center .box-c .left dl dd input[type="text"]{width:100%;max-width:300px;height:40px;text-indent:10px;background-color:#1D2A3E;opacity:0.9;border:1px solid #fff;font-size:14px;color:#fff;font-weight:300;}
.login-element .login-box .box .center .box-c .left dl dd input[type="text"]::placeholder{color:#fff;}
.login-element .login-box .box .center .box-c .left dl dd input[type="password"]{width:100%;max-width:300px;height:40px;text-indent:10px;background-color:#1D2A3E;opacity:0.9;border:1px solid #fff;font-size:14px;color:#fff;font-weight:300;}
.login-element .login-box .box .center .box-c .left dl dd input[type="password"]::placeholder{color:#fff;}
.login-element .login-box .box .center .box-c .left dl dd:nth-child(2){margin-top:10px; }
.login-element .login-box .box .center .box-c .right{margin-top: 16px;}
.login-element .login-box .box .center .box-c .right a{background-color:#899BB9;color:#fff;border:1px solid #fff;display: block;height: 97px;line-height: 90px;width: 90px;text-align: center;font-size: 18px;}
.login-element .login-box .box .center .id-check{color: #fff;width: 100%;max-width: 400px;margin: 0px auto;margin-top: 10px;}
.login-element .login-box .box .center .id-check input[type="checkbox"]{margin-right:5px;}
.login-element .login-box .box .center .id-check label{font-weight:300;}


@media all and (max-width:1270px){
    .login-element .login-box{margin:0px 20px;padding:0px 20px;}
    .login-element .login-box .box .center .box-c{flex-direction: column;}
    .login-element .login-box .box .center .box-c .left{max-width: 100%;}
    .login-element .login-box .box .center .box-c .left dl dd input[type="text"]{max-width: 100%;}
    .login-element .login-box .box .center .box-c .right a{margin-top:10px;height:50px;line-height:50px;}
}