@charset "utf-8";
/* CSS Document */

#login {position:relative; left:50%; top:50%; width:800px; height:460px; overflow:hidden; margin-top:-230px; margin-left:-400px; border-radius:3px; box-shadow:0 9px 48px rgba(0, 0, 0, 0.2);}
#login .l_wrap {display:inline-block; vertical-align:middle; width:100%; height:100%;}
#login .l_banner {display:inline-block; vertical-align:middle; position:relative; float:left; width:40%; height:100%; background-color:#2f3949; background-image:url("/static/images/bg_login.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover;}
#login .l_form {display:inline-block; vertical-align:middle; position:relative; float:right; width:60%; height:100%; background-color:#fff;}
#login .lf_wrap {padding:80px;}

#login .l_title {display:inline-block; vertical-align:middle; position:absolute; left:50px; top:80px; font-size:30px; font-weight:300; color:#179fda; line-height:35px; text-shadow:0 2px 0 rgba(0, 0, 0, 0.2);}
#login .l_logo {display:inline-block; vertical-align:middle; position:absolute; left:50px; right:40px; bottom:80px; width:auto; height:30px; background-image:url("/static/images/logo_white.png"); background-repeat:no-repeat; background-position:left center; background-size:auto 30px;}
#login .l_logo a {display:inline-block; vertical-align:middle; width:100%; height:100%;}
#login .l_copyright {display:inline-block; vertical-align:middle; position:absolute; left:50px; bottom:120px; font-size:13px; font-weight:300; color:#fff; line-height:16px;}
#login .l_copyright span {display:inline-block; vertical-align:middle; width:100%;}
#login .l_copyright mark {color:#179fda;}
#login .l_copyright .lc_ver {font-size:10px; color:#8c98a6;}

#login .form .title {margin-bottom:30px; border-bottom:#179fda solid 5px;}
#login .form .f_wrap {margin-bottom:30px;}
#login .form .f_field .ff_title {font-size:10px; color:#bec5cd; letter-spacing:3px; line-height:20px;}
#login .form .f_field:hover .ff_title {color:#2f3949;}
#login .form .f_field .ff_title label {position:relative;}
#login .form .f_field .ff_wrap {display:block;}
#login .form .f_field .input {border:none; border-bottom:1px solid #e6e7e9; border-radius:0; background:none; font-size:16px; font-weight:400; color:#2f3949; text-indent:15px; box-shadow:none;}
#login .form .f_field .ff_wrap.text {margin-top:5px;}
#login .form .f_field .ff_wrap.option {min-height:40px; margin-top:0; line-height:40px;}
#login .form .f_field .ff_wrap.option span {margin-right:15px;}
#login .form .f_field .ff_wrap.option input {margin-right:5px;}
#login .form .f_field .ff_wrap.content {min-height:40px; margin-top:0; line-height:40px;}
#login .form .f_field .ff_group {display:inline-block; vertical-align:middle;}
#login .form .f_field .ff_group input {float:left; margin-right:5px;}
#login .form .f_field .ff_group button {float:left; margin-right:5px;
}





@media (max-width:800px) {
#login {left:0; right:0; top:0; bottom:0; width:100%; height:100%; overflow:auto; margin-top:0; margin-left:0; border-radius:0; background-color:#fff;}
#login .l_banner {float:auto; width:100%; height:150px; background-position:center 30%;}
#login .l_form {float:auto; width:100%; height:auto;}
#login .lf_wrap {padding:50px;}

#login .l_title {left:50px; top:40px;}
#login .l_logo {display:none;}
#login .l_copyright {left:50px; bottom:40px;}
#login .l_copyright span {width:auto;}
}