@charset "UTF-8";

/* =================================================================================
    Login Style
================================================================================== */
#login {position:relative; height:100% !important; background-color:#e8e9eb;}
#login .logo {position:absolute; top:107px; left:50%; width:185px; margin-left:-92px; padding:0;}
/* #login .logo {width:185px; margin-right:auto; margin-left:auto; padding:225px 0 25px;} */
#login .login-box {position:absolute; top:255px; left:50%; width:450px; height:510px; margin-left:-225px; padding-top:25px; box-shadow:10px 10px 15px rgba(0,0,0,0.15); background-color:#fff;}
#login .login-box:after {content:''; display:block; clear:both;}
#login .login-box .title {position:relative; padding:59px 0 28px; border-bottom:1px solid #cccccc; text-align:center; font-size:2em; color:#333; font-family:Arial, sans-serif; background:url('../img/ico/ico-lock.png') no-repeat center top;}
#login .login-box .title:after {position:absolute; left:50%; bottom:-14px; content:''; width:15px; height:14px; margin-left:-7.5px; background:url('../img/ico_sprites.png') no-repeat -10px -10px;}

#login .login-input-wrap .input-box {margin-left:30px;}
#login .login-input-wrap .input-box:after {content:''; display:block; clear:both;}
#login .login-input-wrap .username-input-box {padding-top:50px;}
#login .login-input-wrap .password-input-box {padding-top:20px;}
#login .login-input-wrap .input-box .label-area {float:left; display:inline-block; border-radius:5px; text-indent:-9999em;}
#login .login-input-wrap .username-input-box .label-area {width:50px; height:50px; padding:13px 12px; background:#efefef url('../img/ico/ico-user.png') no-repeat center center;}
#login .login-input-wrap .password-input-box .label-area {width:50px; height:50px; padding:13px 12px; background:#efefef url('../img/ico/ico-password.png') no-repeat center center;}
#login .login-input-wrap .input-box .input-area {transition:all 0.5s; float:left; width:338px; height:50px; margin-left:5px; border:0; border-radius:5px; padding:0 18px; background-color:#efefef; color:#555555; font-family:Arial, sans-serif; font-size:1.7em;}
#login .login-input-wrap .input-box input:focus {background-color:#f6f6f6;}
#login .btn-login {width:390px; height:55px; margin:45px auto 15px; border-radius:5px; font-size:2.5em;}
#login .btn-user-register {float:left; width:160px; height:40px; border-radius:3px; font-size:1.7em;}
#login .controller { margin-top:32px; }
#login .controller button[type="submit"] { width:395px; height:50px; }