/* error */
html, body {
  background: #FFF;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei",sans-serif;
  font-size: 10px;
}

/* .hd, */
/* .hd a { */
/*   color: #333333; */
/* } */

.subtitle {
  float: left;
  height: 36px;
  margin: 23px 0 0 15px;
  padding-left: 15px;
  border-left: 1px solid #A1C2FA;
  font-size: 1.6em;
  line-height: 36px;
}

.ft {
  background-color: #FAFAFA;
}

p {
  margin: 0;
}

.ctn {
  width: 1000px;
  margin: 0 auto;
}

.info-ctn {
  float: left;
  width: 500px;
  padding: 120px 0 0;
}

.info-ctn .img {
  width: 263px;
  height: 243px;
  margin: 0 auto;
  background: url(img/error_404.png) no-repeat;
}

.title {
  margin: 30px 0 20px 0;
  color: #4295DE;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}

.desc {
  color: #666;
  font-size: 18px;
  text-align: center;
}

.reason-ctn {
  margin-left: 500px;
  padding: 200px 0 0;
  font-size: 16px;
}

.reason li {
  margin: 10px;
  font-size: 14px;
  list-style: disc none inside;
  color: #4295DE;
}

.reason li span {
  color: #666;
}

.btns-ctn {
  margin: 60px 0;
  text-align: center;
}

.btn {
  display: inline-block;
  width: 130px;
  height: 36px;
  background: #53ACF3;
  border-radius:2px;
  color: #FFF;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  line-height: 36px;
}

.hb .btn {
  width: 215px;
}

.btn:hover {
  color: #FFF;
  background: #3E9BE5;
}

.btn-reSelect {
  width:auto;
  padding:0 16px;
  font-size:14px;
}

.reason-ctn .btns-ctn {
  margin-left: 40px;
  text-align: left;
}

.maintain-ctn,
.access-ctn,
.auth-ctn {
  width: 500px;
  margin: 100px auto 0;
}

.maintain-ctn .img,
.access-ctn .img,
.auth-ctn .img {
  width: 180px;
  height: 180px;
  margin: 0 auto;
  background: url(img/error.jpg) no-repeat 0 0;
}

.access-ctn .img {
  background-position: -360px 0;
}

.auth-ctn .img {
  background-position: -180px 0;
}

.btn-register {
  height:32px;
  font-size:14px;
  line-height:32px;
  width:auto;
  padding:0 16px;
}