.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: 350px;width: 100%; padding: 0 20px 0 10px;}
.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: 500px;margin-right: 10px;}
.login-element .login-box .box .center .box-c .left .input-group{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%;display: inline-block;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%;display: inline-block;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-left: 10px;}
.login-element .login-box .box .center .box-c .right .login-button{background-color:#899BB9;color:#fff;border:1px solid #fff;display: block;height: 97.5px;line-height: 84px;width: 100px;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:20px 20px 20px 10px;}
    .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;}
}