@charset "utf-8";
/* 你自己的样式 */

.body_bg{background:url(../image/login_bg.jpg) center; background-repeat: no-repeat;  background-size:cover}
.login_logo{ width: 400px;
    margin: 0 auto;
    position: absolute;
    top: 16%;
    left: 23%;
    margin-left: -150px;
    font-size: 45px;
    color: #007BC6; font-family: 宋体; font-weight: bold;}
.login_div{position:absolute; top:50%;left:50%; margin-top:-91px; margin-left:-342px;width:684px; height:182px; background:url(../../../../../images/login_bg2.png) no-repeat; padding-left:5px}
.login_div input{ float:left; margin-top: 123px; padding-left:15px; height: 33px;margin-left: 32px;width:191px;margin-right: 1px; border:none; background:none;outline:none;}
.login_div input[placeholder]{ color:#333}
.login_div .mr2{ margin-right:3px}
.login_div button{ float:left;margin-top: 123px; width:108px; height:35px;border:none; background:none; cursor:pointer}
.copyright{ position:absolute; width:500px; bottom:8%; left:50%; margin-left:-250px; color:#51BEFF; font-size:13px; text-align:center}
.copyright span{ display:block; margin-top:4px; color: #AADFFF; font: 12px}

.login_box {position:absolute;top:26%; right:22%; width:420px;background:#fff;border:1px solid #ddd;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);-ms-box-shadow: 0 0 6px rgba(0,0,0,0.2);box-shadow: 0 0 6px rgba(0,0,0,0.2)}
.top_b { color:#4D4B4B; font-size:20px; font-weight:bold;background:#FEB9B6; line-height:42px; height:42px;padding:0 20px;
background: -webkit-linear-gradient(top, #ffffff 0%,#ddd 100%);
background: -moz-linear-gradient(top,  #ffffff 0%, #ddd 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ddd 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ddd 100%);
background: linear-gradient(top,  #ffffff 0%,#ddd 100%);
		
border-bottom:1px solid #E2E2E2;
-moz-border-radius-top-left: 6px;
-moz-border-radius-top-right: 6px;
-moz-border-radius-bottom-right: 0px;					        
-moz-border-radius-bottom-left: 0px;
-webkit-border-radius: 6px 6px 0px 0px;  
border-radius: 6px 6px 0px 0px;  
font-size:15px}

.cnt_b {padding:30px 0;width:320px;margin:0 auto 10px}
.login_box form {margin-bottom:0}
.btm_b {padding:12px 20px;border-top:1px solid #e7e7e7;background:#eee;-moz-border-radius-top-left: 0px;-moz-border-radius-top-right: 0px;-moz-border-radius-bottom-right: 6px;-moz-border-radius-bottom-left: 6px;-webkit-border-radius: 0px 0px 6px 6px;border-radius: 0px 0px 6px 6px}
.links_b {width:100%;font-size:11px;text-align:center;position:absolute;bottom:-24px}
.link_reg {font-size:11px;padding:5px 0 0;display:block}
.alert-login {margin:10px 10px 0}
.input-append, .input-prepend {
    margin-bottom: 5px;
    font-size: 0;
    white-space: nowrap;
}
.input-prepend .add-on{border-radius: 3px 0 0 3px; margin-right: -1px; vertical-align: top;display: inline-block;width: 28px;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc;}
.input-prepend input{ width: 280px !important}
.btm_b button{    display: inline-block;
    padding: 4px 14px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbb;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);}

.button_shade{ position: absolute; width: 84px; height: 31px; background: #e6e6e6;color: #999;border-radius:5px; left: 50%;margin-left: -50px;top:0;line-height: 31px}
.help-inline{ position: absolute;left: 46px;top: 5px; color:#FF5B5B}