﻿body { font-size: 14px; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif,"宋体"; padding: 0; margin: 0; background: #eeece8; }
#starfield { padding: 0; margin: 0; border: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.page { padding: 0; margin: 0; }
.login { width: 460px; height: 400px; margin: 0 auto; padding-top: 185px; }

    .login .info .input_title {   line-height: 60px;  margin: 0 auto; text-align: center; font-size: 26px; color: #fff; font-size: 25px; }
    .login .info .input_info { margin: 30px 60px; line-height: 30px; border: none; }
    .login .info .input_info_code { border-bottom: 1px solid #fff; }
    .login .info .input_img { float: right; margin-top: -35px; }
        .login .info .input_img img { transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; outline: none; }
            .login .info .input_img img:hover { box-shadow: 0 0 5px rgba(81, 203, 238, 1); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1); }
    .login .info .input_info .input_name {padding:0 5px; color: #fff; height: 36px; width: 100%; font-size: 18px; line-height: 23px; outline: none; background-color: transparent; border: none; border-bottom: 1px solid white }
    .login .info .input_info input[type=password] { }
    .login .info .input_info .input_code { width: 250px; outline: none; border: none; }

    .login .info .input_btn { text-align: center; margin-top:50px;  }
    .login .info .btn_login { cursor: pointer; border: none; font-size: 17px; line-height: 40px; width: 130px; height: 40px; color: #fff; border-radius: 3px; background: rgb(75, 129, 239); }
        .login .info .btn_login:hover { background: rgb(116, 150, 247); }
    .login .error { margin: 0 auto; text-align: center; overflow: hidden; font-size: 18px; }
        .login .error ul, .login .error li { padding: 0; margin: 0 auto; list-style-type: none; color: #fa7252; height: 50px; line-height: 50px; }
.login_top { width: 52px; height: 147px; background: url('images/login_top.jpg') repeat-y 0; position: absolute; top: 0; left: 50%; z-index: 999; margin-left: -26px; }

.field-validation-error { color: #fa7252; display: block; }
.input-validation-error { border-bottom-color: #fa7252 !important; }

.footer{ position:fixed;bottom:0;left:0;right:0;padding:10px 10px 20px;text-align:center; color:#666;}
    .footer a, .footer a:visited { color: #666;text-decoration:none; }
       .footer a:hover { color: #fff;text-decoration:underline; }
