@charset "utf-8";

.page-login{border-top: 10px solid #113e87;background-color: #fff;}
.page-login .logo{width: 492px; height: 208px; margin: 40px auto 200px; background: url(../images/login/logo_login.png) no-repeat; text-indent: -999em}
.page-login .login-wrap{min-height: 500px; background: #264f8c;}
.page-login .login-wrap .box-login{position: relative; top: -160px; width: 600px; margin: 0 auto; border: 2px solid #e0e0e0; background: #fff}
.page-login .login-wrap .box-login .box-head{position: relative; padding: 18px 25px; background: #f3f3f1;}
.page-login .login-wrap .box-login .box-head:after{content: ''; position: absolute; bottom: 0; left: -2px;; width: 600px; height: 3px; background: url(../images/login/login_bar.gif) repeat-y, #008ce5;}
.page-login .login-wrap .box-login .box-head h1{float: left; height: 125px; padding-left: 170px; padding-top:8px; background: url(../images/login/icon_login.png) no-repeat; color: #3e3e3e; font-size: 41px; font-weight: bold; letter-spacing: -1px; line-height: 1.1;}
.page-login .login-wrap .box-login .box-head h1 .small{color:#485f9a;font-size:24px;}
.page-login .login-wrap .box-login .box-head p{height: 125px; padding-top: 54px; color: #5c6871; font-size: 16px; font-weight: 600; letter-spacing: -1px}
.page-login .login-wrap .box-login .box-content{padding: 70px 46px 40px; background: #fff}
.page-login .login-wrap .box-login .box-content .login-input{float: left; margin-right: 20px;}
.page-login .login-wrap .box-login .box-content .login-input .input-wrap{margin-bottom: 10px}
.page-login .login-wrap .box-login .box-content .login-input .lbl{display: inline-block; width: 125px; color: #434141; font-size: 20px; font-weight: 600; line-height: 40px; letter-spacing: -.03em; vertical-align: top}
.page-login .login-wrap .box-login .box-content .login-input .lbl em{color: #264f8c}
.page-login .login-wrap .box-login .box-content .login-input .inp{width: 230px; height: 40px; padding: 0 5px; border: 1px solid #ccc; border-radius: 5px}
.page-login .login-wrap .box-login .box-content .login-option{clear:both;padding-top:3px;padding-left: 129px;white-space:nowrap;}
.page-login .login-wrap .box-login .box-content .login-option .option-wrap{display:inline-block;margin-left:20px;vertical-align:middle;}
.page-login .login-wrap .box-login .box-content .login-option .option-wrap:first-child{margin-left:0;}
.page-login .login-wrap .box-login .box-content .login-option .lbl,
.page-login .login-wrap .box-login .box-content .login-option .chk{vertical-align:middle;}
.page-login .login-wrap .box-login .box-content .login-option .btn{padding-left:24px;background:url(../images/login/icon_arrow.png) no-repeat 0 50%;color:#2377be;font-weight:bold;vertical-align:middle;}
.page-login .login-wrap .box-login .box-content .login-option .btn:not(:first-child){margin-left:20px;}
.page-login .login-wrap .box-login .box-content .login-btn{float: left; height: 90px;}
.page-login .login-wrap .box-login .box-content .login-btn .btn-login{display:block; width: 120px; height: 100%; border: none; border-radius: 7px; background: #264f8c; color: #fff; font-size: 18px; font-weight: 600; line-height: 90px; text-align: center;}
.page-login #login-footer{padding: 30px 0; background: #3c444f; text-align: center}
.page-login #login-footer .copyright{display:inline-block;color: #6a7584; font-size: 16px; font-weight: bold;}
.page-login #login-footer .info-list{display:inline-block;margin-left:10px;}
.page-login #login-footer .info-list li{display:inline-block;}
.page-login #login-footer .info-list li + li{margin-left:4px;}
.page-login #login-footer .info-list li a{display:inline-block;border-radius:5px;padding:4px 10px;background-color:#426799;color:#c7d2e1;font-size:12px;}