@charset "utf-8";
/* ================================ */
/* ================================ */

*{ word-wrap: break-word; outline:none; }
html, body { height:100%; margin:0; -webkit-text-size-adjust:none; }
body { background: #555; font-family: "Microsoft YaHei", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Arial,  sans-serif;}
h2, h5, h6 { margin: 0;}
input { outline:none}
.login-layout { width: 394px; margin-top: -220px;margin-left: 204px; position: absolute; z-index: 3; top: 50%; left: 50%;     background: #e0e7ec;
    height: 429px;}
.login-layout .top { color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0,0.25); width: 377px; height: 429px; margin: 0 auto; position: relative; z-index: 1;background: url('../images/login/logo_con_letf.png')}
.login-layout .top h5 { font-size: 13px; font-weight: 600; line-height: 20px; display: block; height: 20px; position: absolute ; z-index: 1; top: 0; left: 0;}
.login-layout .top h5 em { font-family:Tahoma; font-size: 10px; font-style: normal; margin-left: 4px;}
.login-layout .top h2 { font-size: 22px;
    font-weight: 500;
    line-height: 36px;
    display: block;
    height: 36px;
    text-align: center;
    letter-spacing: 2px;}
.login-layout .top h6 { font-size: 11px; font-weight: 600; line-height: 16px; display: block; height: 16px; position: absolute ; z-index: 1; top: 44px; left: 224px;}
.login_con_part{float: left}
.login-layout .box {width: 407px;}
.login-layout .box span { display: block; padding: 0; position: relative; z-index: 1;margin-top: 22px;    border-bottom: #8e8e8e 1px solid;}
.login-layout .box span.input_sele  label{height: 40px;line-height: 40px;font-size: 12px;}
.login-layout .box span label { color: #868686; display: block;  padding-right: 10px; position: absolute; z-index: 9; width: 20px; text-align: left; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; /* Firefox 4 */ -webkit-transition: all 0.3s ease-in-out; /* Safari 和 Chrome */ -o-transition: all 0.3s ease-in-out; /* Opera */top: 2px;
    }
.input-text, .input-password, .input-code { font-family: Verdana, Geneva, sans-serif; font-size: 15px;  color: #757575; line-height: 28px;  height: 28px; *float: left/*IE7*/; border: 0; position: relative; z-index: 1;background: transparent;    margin-left: 30px;
    width: 265px;letter-spacing: 1px;}
/*.input-text:focus, .input-password:focus, .input-code:focus { color: #000; background-color: #FFF;   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; !*IE5.5-7*! filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}*/
.input-text, .input-password {height: 28px; }
.input-code {width: 200px; height: 28px;background: transparent}

.code {  width: 90px; height: 34px;  border-radius: 4px; position: absolute; z-index: 9; top: -5px; right: 0;}
.code img { width: 90px; height: 26px; position: absolute; z-index: 1; top: 4px; right: 0px;}
.code .close { display: block; width: 10px; height: 10px; padding: 1px; position: absolute; z-index: 1; top: 4px; right: 4px;}
.code .change { display: none; width: 90px; height: 26px; padding: 1px; position: absolute; z-index: 1; bottom: 0; right: 0; top: 3px; color: #4990E2; text-decoration: none; font-size: 12px; line-height: 26px;background: #000;opacity: 0;}
.code .change i { background: url(../images/login/login_code.gif) no-repeat -10px -7px; display: block; width: 10px; height: 10px; opacity: 0.5;}
.code .close:hover i , .login-layout .box span .code .change:hover i { opacity: 1;}
#form_login{text-align: center;    width: 297px;
    margin: 0 auto;}
.input-button { font-family: "Microsoft YaHei", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Arial,  sans-serif; font-size: 20px; color: #FFF; width: 230px; height: 41px; border: 0; cursor: pointer;background: transparent}
.bottom { line-height: 16px; color: rgba(255,255,255,0.71);  text-align: center;  position: fixed;left: 0;right: 0;bottom: 0;height: 40px;background: #2A3B4E;}
.bottom a { color: #FFFFFF; text-decoration: none;}
.bottom a:hover { color: #FF0; text-decoration: blink;}
.bottom h5 {font-size: 12px; height: 38px;line-height: 38px;}
.bottom h6 { font-size: 10px;}
.login-layout .top p{    text-align: center;
    margin-top: 135px;
    margin-bottom: 35px;}
.login-layout .top p img{width: 65px;}
.login_submit_bg{border-bottom: none!important;background: url('../images/login/login_submit_btn.png')no-repeat;width: 230px;height: 41px;margin: 0 auto;margin-top: 60px!important;}
.login_welcome{clear: both;overflow: hidden;text-align: center;position: relative}
.login_welcome p{
    font-size: 22px;
    color: #215a94;
    letter-spacing: 2px;
    height: 70px;
    line-height: 70px;
}
.login_welcome p:before{
    /*background: url(../images/login/left_wel.png);*/
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 74px;
    top: 57px;
    left: 15px;
}
.login_welcome p:after{
    /*background: url('../images/login/right_wel.png');*/
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 74px;
    top: 57px;
    right: 15px;
}