html,body { margin:0; padding:0; height:100%; overflow:hidden;}

.wrap { margin:0 auto; padding:0; width:1160px;}

.login-wrap { position:relative; margin:0 auto; padding:0; width:100%; height:100%; background:url(/content/images/login-bg2.jpg) no-repeat center top; font-family:"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif;}
.login-wrap .login-header { position:absolute; top:0; right:0; left:0; height:60px; line-height:60px; background:url(/content/images/header-bg.png) repeat;}
.login-wrap .login-container { *position:relative; position:absolute; top:60px; bottom:50px; width:100%;}
.login-wrap .login-footer { position:absolute; right:0; bottom:0; left:0; height:50px; line-height:50px; background-color\0:#fff; *background-color:#fff; background-color:rgba(255,255,255,.8); text-align:center; font-size:14px;}

/* Login Header */
.login-logo { float:left; display:block; margin-top:5px; width:300px; height:50px;}
.login-header-link { float:right; margin-left:10px; color:#fff; text-decoration:none;}
.login-header-link:hover { color:#ccc; text-decoration:none;}

/* Login Container */
.login-container-left { position:absolute; top:0; right:360px; bottom:0; left:0;}
.login-container-right { position:absolute; top:50%; right:0; bottom:0; margin-top:-180px; width:360px; height:320px;}
.login-container-center {
    position: absolute;
    top: 50%;
    left:50%;
    bottom: 0;
    margin-top: -180px;
    margin-left:-180px;
    width: 360px;
    height: 320px;
}

/*- Login Box -*/
.login-box { width:360px; height:280px; border-radius:3px; background:#fff;}
.login-box-header { padding:0 20px; height:50px; line-height:50px; border-bottom:1px solid #eee; text-align:left; font-size:20px; color:#3BAFDA;}
.login-box-header span { margin-left:15px; font-size:13px; color:#B8E2F1; font-family:Arial;}

.login-box-container { padding:20px 20px 0 20px;}
.login-box-item { clear:both; margin-bottom:20px; height:40px;}
.login-box-item .login-box-item-input { padding-left:41px; height:40px; border-radius:3px; border:1px solid #ddd; background-color:#fff; overflow:hidden;}
.login-box-item .login-box-item-input .login-box-item-icon { float:left; margin-left:-41px; width:40px; height:40px; line-height:40px; border-right:1px solid #ddd; text-align:center; font-size:14px; color:#89CFE9;}
.login-box-item .login-box-item-input .login-box-item-text { width:100%; height:40px;}
.login-box-item .login-box-item-input .login-box-item-text input { margin:0; padding:8px 10px; width:93%; line-height:1.9; border:0; outline:0; text-align:left; font-size:14px; color:#666;}

.login-box-btn { margin:0; padding:0; width:100%; height:40px; line-height:40px; border:0; border-radius:3px; background-color:#3BAFDA; text-align:center; font-size:14px; color:#fff; cursor:pointer;}

.login-box-item a { color:#3498db; text-decoration:none;}
.login-box-item a:hover { color:#5dade2; text-decoration:underline;}

/* Validation */
.validation-summary-errors { clear:both; display:block; padding:0 15px; height:35px; line-height:35px; border-radius:2px; border:1px solid #EDC471; background-color:#FDDD9E; text-align:left; font-size:12px; color:#C6901F;}
.validation-summary-errors ul { display:block; margin:0; padding:0; list-style:none;}
.validation-summary-errors ul li { float:left; display:inline-block; margin-right:10px;}

.login-tips { padding:5px 10px; line-height:1.5; border-radius:2px; background-color:#f4f4f4; text-align:left; color:#999;}