/***
Login page
***/

.login {
  background-color: rgba(255, 255, 255, 0.80); 
  border-radius:4px !important;
  width: 260px;
  margin: 0 auto; 
  padding: 0px 22px 20px 22px;
  float: right;
  margin-top: 60px;
}

.login  h3 {
  color: #333;
}
.login h4  {
  color: #555;
}

.login  p {
  color: #222;
}

.login  .login-form,
.login  .forget-form {
    padding: 0px;
    margin: 0px;
}

.login  .m-wrap {
  width: 212px;
  border-left: 0 !important;
}

.login .input-icon {
  border-left: 1px solid #47b9d3 !important;
}

.login  .control-group {
  margin-bottom: 15px !important;
}

.login  .input-icon .m-wrap {  
  margin: 0px !important;
  height: 22px;
}
.login  .input-icon.left input {
    padding-left: 40px !important;
}
.login  .input-icon.left i{
	margin:0px;
}
.login  .input-icon .icon-user:before{
	background: url("../../Images/Account/moblie.png") no-repeat !important;
    content: " ";
    height: 36px;
    width: 36px; 	
}
.login  .input-icon .icon-lock:before{
	background: url("../../Images/Account/Lock.png") no-repeat !important;
    content: " ";
    height: 36px;
    width: 36px; 	
}
.login  .input-icon .icon-vcode:before{
	background: url("../../Images/Account/yan-z.png") no-repeat !important;
    content: " ";
    height: 36px;
    width: 36px; 	
}
.login .controls .input-vcode .help-inline {
  margin-top: 0px;
  margin-left: 10px;
}
.login .controls .help-inline img{  
  width:90px;
  height:35px;
  float:right;
}
.login .controls .m-wrap.small {
    width: 100px !important;
}
.login  .forget-form {
  display: none;
}

.login  .register-form {
  display: none;
}

.login  .form-title {
   margin-bottom: 10px;
   font-weight: 400;
   text-align: center;
   font-size: 18px;  
}

.login  .form-actions {
  background-color: inherit;
  clear: both;
  border: 0px;
  border-bottom: 1px solid #eee;
  padding: 0px 22px 2px 22px;
  margin-left: -22px;
  margin-right: -22px;
}
.login  .form-actions label{
 float:left;
}
.login  .form-actions label+label{
 float:right;
}

.login  .forget-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
}  


.login   .btn {
  margin-top: 1px;
  width:100%;
  height:40px;
  font-size:20px;
  font-family: 微软雅黑, 'Microsoft YaHei',Arial, sans-serif;
  border-radius:4px !important;
}
.login  .forget-password {
  margin-top: 25px;
}

.login  .create-account {
  border-top: 1px dotted #eee;
  padding-top: 10px;
  margin-top: 15px;
}

.login  .create-account a {
  display: inline-block;
  margin-top: 5px;
}

@media (max-width: 480px) {

  .login {
    padding: 30px; 
    width: 222px;
  }

  .login  h3 {
    font-size: 22px;
  }

}