html, body {
  margin:0;
  padding:0;
  list-style-type:none;
  height: 100%;
  min-height: 650px;
  background-image: url("img/bg.jpg");
  background-repeat: no-repeat;
  background-size:100% 100%;
}
a,img {
  border:0;
}

.top-bg {
  width: 100%;
  height: 250px;
  position: fixed;
  top: -50px;
  background-repeat: no-repeat;
  background-image: url("img/top-pic.png");
  background-size:100% 100%;
  z-index: 1000;
}

.logo {
  width: 418px;
  height: 62px;
  position: absolute;
  left: 50%;
  right: 50%;
  top: 50px;
  margin-left: -209px;
  z-index: 1100;
  text-align: center;
}

.bottom-bg {
  width: 100%;
  height: 428px;
  position: fixed;
  bottom: -150px;
  background-repeat: no-repeat;
  background-image: url("img/bottom-pic.png");
  background-size:100% 100%;
}

.login-container {
  position:absolute;
  top:50%;
  left:50%;
  width:500px;
  height:500px;
  background-color: #fff;
  margin:-250px 0 0 -250px;
  z-index: 1000;

}

.modal-dialog {
  position:absolute;
  top:55%;
  left:53%;
  width:400px;
  margin:-250px 0 0 -250px;
  z-index: 1200;
  filter:alpha(Opacity=98);
  -moz-opacity:0.98;
  opacity: 0.98;
}

.modal-dialog .modal-header h3 {
  margin-top: 10px;
  filter:alpha(Opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;
}

.modal-dialog .modal-header img {
  /* width: 100px;
  height: 100px; */
  margin-top: 50px;
  width: 300px;
  height: 80px;
  filter:alpha(Opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;
}

.modal-dialog .modal-body {
  padding: 30px;
}

.input-group .input-group-addon {
  background-color: #fff;
}

.input-group .input-group-addon i {
  filter:alpha(Opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;
}

.modal-dialog2 {
  position:absolute;
  left:53%;
  width:400px;
  margin:-40px 0 0 -250px;
  z-index: 1200;
  filter:alpha(Opacity=98);
  -moz-opacity:0.98;
  opacity: 0.98;
  font-family: yahei;
  font-size: 11px;
}