.login_box{
  /*position:absolute;*/
  /*height:100%;*/
  padding-bottom: 30px;
  width:100%;
  max-width: 450px;
  font-family:Helvetica;
  color:#fff;
  background:rgba(0,0,0,0.15);
  /*padding:30px 0px;*/
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.login_box a{
  text-decoration: none;
  color:#fff;
  display: block;
  width: 70%;
  margin: 10px auto;
}
.login_box a:hover{
  color:#2ecc71;
}

.login_box h1{
  text-align:center;
  margin:30px 0;
  font-size:30px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 0px;
}
.login_box input{
  display:block;
  /*width:300px;*/
  width:70%;
  margin:20px auto;
  padding:15px;
  background:rgba(0,0,0,0.2);
  color:#fff;
  border:0;
}
.login_box input:focus,.login_box input:active,.login_box button:focus,.login_box button:active{
  outline:none;
}
.login_box button{
  background:#2ecc71;
  border:0;
  color:#fff;
  padding:10px;
  font-size:20px;
  /*width:330px;*/
  width:70%;
  margin:20px auto;
  display:block;
  cursor:pointer;
}
.login_box button:active{
  background:#27ae60;
}
.login_box p{
  font-size:14px;
  text-align:center;
}
.login_box p span{
  cursor:pointer;
  color:#666;
}