@charset "utf-8";
/* CSS Document */

*{padding:0;margin:0;}
input{outline:none;border:#d2d6de solid 1px;}
body{background:url(../images/login-bg.svg) no-repeat;background-size:100%;}

.loginbg{position:absolute;width:640px;height:398px;top:50%;left:50%;margin:-199px 0 0 -320px;}
.loginbg .left{border-radius:5px;width:240px;height:350px;position:absolute;top:24px;background:#004796;z-index:2;box-shadow: 0 0 15px 0 #999;text-align:center;color:#FFFFFF;font-size:14px;line-height:30px;}
.loginbg .left img{padding-top:120px;}
.loginbg .user{background:#FFFFFF;border-radius:5px;width:600px;height:398px;position:absolute;right:0px;box-shadow: 0 0 15px 0 #999;}
.user-login{width:360px;position:relative;left:220px;text-align:center;padding-top:34px;}
.user-login h2{margin-bottom:20px;font-weight:300;font-size:25px;color:#000;font-weight:bold;position:relative;}
.user-login h2::before{background:#004796;content:'';position:absolute;bottom:-10px;left:166px;width:30px;height:3px;border-radius:3px;transition:transform .3s;}
.user-login img{position:absolute;height:30px;top:1px;right:1px;cursor:pointer; z-index:11; background:#F1F1F1}
.info2{border:none;background:#708eea;color:#FFF;font-size:16px;text-align:center;height:40px;width:332px;margin-top:20px;border-radius:3px;cursor:pointer;}

.form-group{border:#d2d6de solid 1px; position:relative; height:34px; margin-top:30px; line-height:34px; width:330px; margin-left:14px;}
.form-group .form-control{border:#d2d6de solid 1px; position:absolute; z-index:1; top:-1px; height:34px; padding-left:10px; width:279px; left:40px;}
.form-group .form-control:focus {border:#4397fd solid 1px;}
.form-group .fa{ font-size:1.2rem; text-align:center; width:30px; position:absolute; z-index:999; left:5px; top:7px;}