@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ color:#333; font-family: Microsoft Yahei;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; font-weight:normal; }	
button{ cursor:pointer;}
ul,li{ list-style:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#008cd1;}
img{ border:0; display:block; }
input, button, select, textarea { outline:none; border:none; } 

.Top{width: 100%;height: 42px;background-color: #2cb7b5;padding: 1px 0 0 50px}
.Top img{margin: 0px}
body{ background:url(../login/login_bg.jpg) no-repeat; background-size:cover;  width: 100%;
   padding: 0;   
   margin: 0;  }
.backg{ width:100%; height:100%; overflow:hidden; }
.login{ width:520px; height:370px; margin:0 auto; padding-left:0px;background-color:#FFFFFF;box-shadow:0px 2px 20px  #8c8c8c;border-radius: 8px;margin-bottom: 30px}
.login .top{ width:510px; height:50px; margin:0 auto; padding-left:10px;background-color:#2dc6f6;border-radius: 6px 6px 0 0;line-height: 50px;text-align: center;font-size: 18px;color: #FFFFFF}

.login .form-message{height:30px; margin:5px auto; text-align:center; margin-bottom:5px;line-height: 30px}
.login .form-message .form-text{color: #000; font-family: Microsoft Yahei; height: 26px; line-height: 26px; border-radius: 4px;}


.login .input_div{ position:relative;}
.login .input_div span{ display:block; position:absolute; left:55px; height:78px; line-height:78px; font-size:26px; }
.login .input_div input{ width:370px; height:38px; border:1px solid #dcdfe6; border-radius:5px;  padding-left:20px; margin:0px 0 20px 62px; font-size:16px;color: #8c8c8c;display: block;float: left}
.login .input_div .Code{ width:200px; height:38px; border:1px solid #dcdfe6; border-radius:5px;  padding-left:20px; margin:0px 0 20px 62px; font-size:16px;color: #8c8c8c;display: block;float: left}
.login .input_div img{display: block;float: left;width: 160px;margin-left: 20px}
.login .input_div input:focus{  border:1px solid #2dc6f6; }
.login  #password{ background-image:url(../login/Key_alt.png);}
.login a{ background:#2dc6f6; display:block; width:390px; height:48px; line-height:48px; text-align:center; color:#fff; font-size:20px; margin:0px 0 30px 62px;border-radius: 4px;clear: both}
.login p{  width:500px;text-align:center; line-height:30px; font-size:18px; color:#666; letter-spacing:1px; }
.login p i{ font-style:normal; color:#ff0020; font-size:18px; }

@-webkit-keyframes animate-cloud {
  from {
    background-position:0 100%;
  }
    to {
        background-position: -1500px 100%; 
    }
}
@-moz-keyframes animate-cloud {
  from {
    background-position: 0 100%;
  }
  to {
    background-position:-1500px 100%;
  }
}
@-ms-keyframes animate-cloud {
  from {
    background-position: 0 100%;
  }
  to {
    background-position: -1500px 100%;
  }
}
@-o-keyframes animate-cloud {
  from {
    background-position: 0 100%;
  }
  to {
    background-position: -1500px 100%;
  }
}
.form-message{height:12px; width:60%; margin-left:auto; margin-right:auto;}
.form-error-text{ color: red; font-family: Microsoft Yahei; height: 26px; line-height: 26px;   font-size:16px;}
.form-warning-text{ font-family: Microsoft Yahei; height: 26px; line-height: 26px; font-size:16px; color:red }
.form-succeed-text{  border-radius:3px; color: red; font-family: Microsoft Yahei;  height: 26px; line-height: 26px; font-size:16px;}
.form-account{margin-top: 26px; margin-left: 16px; font-family: Microsoft Yahei; font-size: 12pt; color: #999999;}
.form-password{margin-top: 38px; margin-left: 16px; font-family: Microsoft Yahei; font-size: 12pt; color: #999999;}