@charset "utf-8";
.login-overlay{display:none; position: fixed; top:0;left:0;width:100%;height:100%; background-color: rgba(0,0,0,0.3);z-index:10;} 
.login-layer-wrap{box-sizing:border-box; width:570px; position:absolute;left:50%;top:50%; margin-left:-285px; border-radius:3px; background-color:#DDDDDD; box-shadow:1px 2px 4px 0 rgba(0,0,0,0.12); padding:45px 50px;} 
.hwLayer-close{position:absolute; right:20px; top:20px; width:20px; height:20px; cursor:pointer; font-size:20px; color:#ccc;} 
.login-layer-wrap .hw-icon{color:#b4d8f3;font-size:86px;text-align:center;} 
.login-layer-wrap h4{margin:5px 0 30px; font-size:24px; color:#383c3e;} 
.login-layer-wrap p{margin:30px 0; line-height:22px; color:#595d60; text-align:left;} 
 
@media (max-width:768px){ 
    .login-layer-wrap{width:350px; margin-left:-175px; margin-top:-200px; padding:45px 50px; text-align:center;} 
} 
@media (max-width:400px){ 
    .login-layer-wrap{width:250px; margin-left:-125px;padding:25px 30px;} 
}