@CHARSET "UTF-8";

/**
 * 登录页
 * @方淞  QQ:913623723  E-mail:wnfangsong@163.com
 * LINK:www.wnfangsong.com
 * TIME:2016-7-1
*/

/*font icons*/
.fa-lock:before {content: "\f023";}
.fa-user:before {content: "\f007";}
.fa-key:before {content: "\f084";}

/*login_back*/
#login_back {height: calc(100% - 90px); top: 90px; left: 0px; position: fixed; z-index: 6; background: url('../images/login_back.jpg') no-repeat center top #fff; background-size: auto 100%;}
#login_back #login_img {width: 583px; height: -webkit-calc(100% - 90px); background: url('../images/login_img_back.png') no-repeat center bottom; bottom: 0px; position: fixed; background-size: 100% auto;}

/*login_form*/
#login_form {width: 330px; height: auto; padding: 30px; position: fixed; z-index: 8; background-color: #f0f8ff; top: 240px; right: 280px; border-radius: 5px; box-shadow: #AEAEAE 0px 0px 10px; user-select: none;}
#login_form .title {font-size: 24px; height: 40px; line-height: 40px; margin-top: 25px; margin-bottom: 5px;}
#login_form .input {height: 52px; margin-bottom: 24px;}
#login_form .input input {height: 48px; width: 326px; border: 2px solid #e6e6e6; font-size: 18px; text-indent: 42px;}
#login_form .input span {width: 11px; height: 14px; position: absolute; font-size: 18px; margin: 15px 0px 0px 16px; color: #AAA;}
#login_form .input_code input {width: 188px;}
#login_form .input_code img {box-sizing:border-box;width: 122px; height: 50px; border: 2px solid #236983; margin-left: 7px; margin-left: 5px !important; background-color: #236983; border-radius: 3px; cursor: pointer;}
#login_form .input_hover input {border: 2px solid #22ac69;}
#login_form .input_hover span {color: #666;}
#login_form .link {height: 24px; line-height: 24px; margin-top: 20px; margin-bottom: 10px; text-align: right;}
#login_form .link a {color: #666; font-size: 15px;}
#login_form .link a:hover {color: #333;}
#login_form .login_button {}
#login_form .login_button a {float: left; background-color:#3bb3e0; font-size:16px; color:#fff;	position:relative; padding:8px 30px; padding-right:55px; background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); border-radius: 5px; box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 8px 5px #999;}
#login_form .login_button a:active {top:3px; background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;}
#login_form .login_button a::before {background: #2591b4; content:"\f101"; text-align: center; line-height: 20px; font-family:FontAwesome; width:20px; height:20px; position:absolute; right:15px; top:50%; margin-top:-9px; border-radius: 50%; box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0; }
#login_form .login_button a:active::before {top:50%; margin-top:-12px; box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;}
#login_form .msgbody {height: 28px; margin-bottom: 5px;}
#login_form #msg {width: 328px; height: 26px; line-height: 26px; color: #f00; font-size: 13px; background-color: #FFFFC8; border: 1px dashed #FFB8B8; border-radius: 3px; display: none;}
#login_form #msg:before {content:"\f071"; font-family:FontAwesome; margin: 0px 9px 0px 10px;}

/*login_msg*/
#login_msg {width: 350px; height: 430px; margin-left: -10px; background-color: #f0f8ff; position: fixed; display: none;}
#login_msg p {text-align: center;}
#login_msg p.img {margin-top: 120px;}
#login_msg p.txt {margin-top: 10px; color: #1279AC;}

/*copyright*/
#copyright {height: 32px; position: fixed; z-index: 8; bottom: 50px; text-align: center; user-select: none;}
#copyright span {width: auto; height: 32px; line-height: 32px; float: none; margin-left: 7px; font-family: "Roboto", Verdana, sans-serif; color: #364F52; text-shadow: -2px -2px 2px #fff, 0px 0px 5px #fff; font-size: 16px;}
#copyright span:first-child {margin-left: 0px;}
#copyright span a {color: #364F52; font-size: 16px;}

/*中等屏幕 1366笔记本*/
@media (min-width:1240px) and (max-width:1366px) {
	#login_back {background-position: -120px bottom; background-size: auto auto;}
	#login_back #login_img {width: 450px;}
	#login_form {top: 135px; right: 90px;}
	#copyright {width: 86%;}
}