/* Login */
.login-wrap { position:absolute; top:50%; right:0; left:0; margin-top:-340px; margin-right:auto; margin-left:auto; height:740px;}
.login-header { clear:both; margin:0; height:80px;}
.login-container { position:relative; clear:both; width:100%; height:600px;}
.login-footer { clear:both; height:60px; line-height:60px; text-align:center; font-size:12px; color:#777;}

/*- Login Header -*/
.login-logobar { line-height:80px;}
.login-logobar .login-logo { float:left; display:block; width:160px; height:80px; background:url(/Administration/content/images/login/logo.png) no-repeat left center;}
.login-logobar .login-text { float:left; display:block; width:200px; height:80px; background:url(/Administration/content/images/login/text.png) no-repeat center;}

.login-link { line-height:80px; text-align:right; font-size:14px; color:#777;}
.login-link a { color:#777; text-decoration:none;}
.login-link a:hover { color:#609EE9;}

/*- Login Container -*/
.login-slider { overflow:hidden; height:600px;}
.login-slider-img { position:relative; z-index:0;}
.login-slider-img ul { margin:0; padding:0; width:100%; list-style:none;}
.login-slider-img ul li { display:block; margin:0; padding:0; width:100%; height:600px; list-style:none;}

.login-slider-num { position:absolute; z-index:1; bottom:0; left:0; width:100%; height:30px; line-height:30px; text-align:center;}
.login-slider-num ul { margin:0;padding:0;}
.login-slider-num ul li { display:inline-block; *display:inline; zoom:1; margin:4px; width:12px; height:12px; line-height:100px; border-radius:6px; background-color:#FFF; opacity:0.6; -webkit-opacity:0.6; -moz-opacity:0.6; overflow:hidden;}
.login-slider-num ul li.on { background-color:#609EE9; opacity:1; -webkit-opacity:1; -moz-opacity:1;}

/*-- Login Box --*/
.login-box-position { position:absolute; top:0; left:50%; margin-left:-585px !important; width:1170px; height:600px;}

.login-box { position:absolute; right:30px; top:140px; width:303px; height:328px; background:url(/Administration/content/images/login/login_boxbg.png) no-repeat;}
.login-box .login-box-header { clear:both; height:50px;}

.login-box .login-box-container { clear:both; padding-top:30px; height:269px;}
.login-box .login-box-container .login-box-item { clear:both; margin:0 auto 10px auto; width:240px; height:40px; line-height:40px; text-align:left; font-size:13px; color:#848585;}
.login-box .login-box-container .login-box-item .login-input-wrap { width:240px; height:40px; border:1px solid #CCC; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#FFF;}
.login-box .login-box-container .login-box-item .login-input-wrap i.fa { float:left; width:36px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#E7E7E7;}
.login-box .login-box-container .login-box-item .login-input-wrap .login-text { float:right; padding:2px; width:200px; height:36px; line-height:normal; line-height:36px\9; border:none; background-color:transparent; text-align:left; font-size:14px; color:#4D4D4D;}
.login-box .login-box-container .login-box-item .login-btn { width:100%; height:40px; line-height:40px; border:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#609EE9; text-align:center; font-size:14px; color:#FFF;}

/* 小屏幕（平板，大于等于 768px） */
@media (max-width:767px) {
    .login-wrap { top:0; margin-top:auto !important;}
    .login-logobar .login-logo { float:none; margin:0 auto;}
    .login-logobar .login-text { display:none;}
    .login-link { display:none;}

    .login-box-position { left:0; margin-left:auto !important; width:100%;}
    .login-box { top:20px; right:50%; margin-right:-151px; background:none;}
    
    .login-box .login-box-container .login-box-item { color:#FFF;}
    .login-box .login-box-container .login-box-item .login-input-wrap { border:none;}
    .login-box .login-box-container .login-box-item .login-input-wrap .login-text { line-height:normal; line-height:36px\9;}

    .login-slider { background:url(/Administration/content/images/login/banner_1.jpg) no-repeat 34% center;}
    .login-slider-img { display:none;}
}