html,body{
  width: 100%;
  height: 100%;
  position: relative;
  background:url(../image/bg.jpg) no-repeat; 
  background-size: 100% 100%;
}
.content {
  width: 500px;
  height: 300px;
  margin: auto;  
  position: absolute;  
  top: 0; left: 0; bottom: 0; right: 0;  
}

.div-t {
  position:relative;
  border-radius: 11px 11px 0px 0px;
  background-color: #393C41;
  height: 85px;
  width: 100%;
  padding: 5px 80px;
  behavior: url(PIE/PIE.htc);
  z-index: 2;
}


.logo{
  width: 350px;
  height: 75px;
}
.logo-text {
  color: white;
  border-left: 1px solid white;
  font-size: 20px;
  font-weight: bold;
  padding-left: 10px;
  margin: 7px 0px;
  float: left;
  width: 175px;
}
.div-b {
  position:relative;
  border-radius: 0px 0px 11px 11px;
  background-color: #7B838E;
  padding: 20px 120px;
  behavior: url(PIE/PIE.htc);
  z-index: 2;
}
.text-info {
  color: white;
  font-size: 16px;
}
.inputDiv{
  margin-top: 10px;
  overflow: hidden;
}
.text-l {
  color: white;
  width: 60px;
  float: left;
  line-height: 26px;
}
.text-r {
  width:200px;
  float: left;
}
.radius-3{
  border-radius: 5px;
}
.btDiv{
  width: 260px;
  height: 45px;
  margin: 10px auto 0 auto;
}
.login-bt{
  position:relative;
  background-color: #585F67;
  color:white;
  border-color: #585F67;
  border-radius: 20px;
  padding:8px 20px;
  margin: 0px 20px;
  float: left;
  behavior: url(PIE/PIE.htc);
  z-index: 3;
}
.login-bt:active,.login-bt.active, .login-bt:focus, .login-bt.focus{
  color:white;
  background-color: #585F67;
  border-color: #585F67;
  outline:none!important;
}
.login-bt:hover {
  color:white;
  background-color: #585F67;
  border-color: #585F67;
  outline:none;
}
.codeBt{
  width: 140px;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  padding:0;
}