html,body{
	height:100%;
}
.login_failed{
	color: #ffb3b5;
    font-size: 0.7rem;
	display:block;
	margin-top:15px;
	margin-bottom: -20px;
}
.failed_size{
	font-size:0.65rem;
}
.login_bg{
	width:100%;
	height:100%;
	width:100vw;
	height:100vh;
	text-align:center;
	position: relative;
}
.login_content{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
h1 {
    margin:0 auto 30px auto;
	margin-left:-10px;
	display: inline-block;
}

div.login_form {
    background:linear-gradient(to right, #333464, #7F7492);
    width:320px;
    height:auto;
    margin:0 auto;
    padding:40px 30px;
    box-shadow:0 3px 7px #999;
}
div.login_form .login_id,div.login_form .password {
    margin:0 auto 20px auto;
    width:260px;
    height:48px;
}    
div.login_form div.login_id input,
div.login_form div.password input {
    width:260px;
    height:48px;
    font-size:0.9rem;
    color:#fff;
    text-indent:1em;
    border:1px solid #fff;
    background-color:transparent;
}
div.login_form div.login_id input::placeholder,
div.login_form div.password input::placeholder {
  color: #ddd;
}div.login_form div.login_id input:-ms-input-placeholder,
div.login_form div.password input:-ms-input-placeholder {
  color: #ddd;
}

div.login_form div.remenber {
    font-size:0.7rem;
    color:#ccc;
	text-align:left;
}
div.login_form div.remenber input[type=checkbox] {
	display: none;
}
div.login_form label.remember_box {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding-left:20px;
}
div.login_form label.remember_box:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left:0;
	display: block;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	content: '';
	border:1px solid #fff;
}
div.login_form label.remember_box:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  margin-top: -10px;
  width: 7px;
  height: 14px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
div.login_form div.remenber input[type=checkbox]:checked + label.remember_box:before {
  opacity: 1;
}

input#remember_chkbox {
    border:1px solid #fff;
    background-color:transparent;
}
div.login_form .submit_button {
    display:block;
    margin:10px auto 0;
    width:260px;
    height:48px;
    border-radius:8px;
    border:2px solid #eee;
    background:linear-gradient(to right bottom, #A2A2B8, #BEB9CA);

}

div.maintenance {
    font-size:0.7rem;
    color:#fff;
    padding:20px;
    box-sizing:border-box;
}

div.copyright {
    margin-top:50px;
}