body {
	background: #fff;
}

.signin {
	width:477px;
	height:479px;
	margin:0 auto;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-239px;
	margin-left:-238px;
}
.signin-head {
	margin:0 auto;
	padding-top:20px;
	width:100%;
  text-align:center;
}
.signin-head img{
  width:50%;
}

.form-signin {
  max-width: 330px;
  /* padding: 15px; */
  margin: 0 auto;
}
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin #mg_phone {
  margin-bottom: 14px;
  border-radius: 0;
  background: url(../images/login_user.png) 0 0  no-repeat;
  padding-left:60px;

}

.form-signin #mg_password {
  margin-bottom: 10px;
  border-radius: 0;
  background: url(../images/login_pas.png) 0 0  no-repeat;
  padding-left:60px;

}

.form-signin button {
  border-radius: 0;
  margin-top:10px;
}

.warnmsg{
  padding-top:10px;
  color:red;
  display:none;
}

.form-signin a:hover, .form-signin a:focus {
    color: #fff000;
    text-decoration: none;
}

.validateCode{
    box-sizing: border-box;
    font-size: 16px;
    padding: 10px;
    position: relative;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 44px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 59%;
}