/* -----------------------------------------------------------
  contents
----------------------------------------------------------- */
#contents {
  width: 670px;
  margin: 200px auto 211px;
  padding: 40px 20px;
  border: 8px solid #7fdac3;
  outline: 1px solid #6ac6af;
  -webkit-box-shadow: 0 0 0 1px #6ac6af inset, 2px 2px 2px 2px #e6e6e6;
  -moz-box-shadow: 0 0 0 1px #6ac6af inset, 2px 2px 2px 2px #e6e6e6;
  -ms-box-shadow: 0 0 0 1px #6ac6af inset, 2px 2px 2px 2px #e6e6e6;
  box-shadow: 0 0 0 1px #6ac6af inset, 2px 2px 2px 2px #e6e6e6;
}

/* -----------------------------------------------------------
  header
----------------------------------------------------------- */
header {
  float: left;
  margin-right: 30px;
}

/* -----------------------------------------------------------
  box_form
----------------------------------------------------------- */
.con_login {
  overflow: hidden;
}
.con_login .box_form h1 {
  text-align: center;
  margin-bottom: 10px;
}
.con_login .box_form form {
  text-align: center;
}
.con_login .box_form form dl {
  overflow: hidden;
}
.con_login .box_form form dl dt {
  float: left;
  padding: 5px 10px;
  width: 100px;
  text-align: right;
  background: #d8dce4;
  border: 1px solid #cdcdcd;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
}
.con_login .box_form form dl dd {
  overflow: hidden;
  text-align: left;
}
.con_login .box_form form dl dd input[type="checkbox"] {
  width: auto;
}
.con_login .box_form form dl dd input {
  width: 95%;
  padding: 5px;
  height: auto;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.con_login .box_form form ul {
  text-align: right;
}
.con_login .box_form form ul li {
  display: inline-block;
  margin-left: 20px;
}
.con_login .box_form form ul li.forget {
  margin-top: 5px;
}
.con_login .box_form form ul li.forget i {
  margin-right: 5px;
}
.con_login .box_form form ul li.forget a {
  text-decoration: underline;
}
.con_login .box_form form ul li.btn button {
  background: #019d75;
  color: #fff;
  border: none;
  padding: 5px 10px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
}
.con_login .box_form form ul li.btn button i {
  margin-right: 5px;
}

/* -----------------------------------------------------------
  footer
----------------------------------------------------------- */
footer ul {
  text-align: center;
}