body{
  padding:0;
  margin:0;
}
body {
	 background-image:url(../image/backgroung.jpg);
	 background-attachment: fixed;
	 background-size: cover;
	 background-position: center;
	}
.img1 {
    text-align: center;
	    margin-top: 10px;
}
.inner {
  position: absolute;
}
.inner-container{
  width:400px;
  height:400px;
  position:absolute;
  top:calc(50vh - 200px);
  left:calc(50vw - 200px);
  overflow:hidden;
}

.box{
    position: absolute;
    width: 100%;
    font-family: Helvetica;
    color: #000;
    background: #fff;
    opacity: .9;
	border-radius:4px;
	    padding: 15px 0;
}
}
.box h1{
  text-align:center;
  margin:30px 0;
  font-size:30px;
}
.box input{
  display:block;
  width:300px;
  margin:20px auto;
  padding:8px;
  background:rgba(0,0,0,0.2);
  color:#000;
  border:0;
}
.box input:focus,.box input:active,.box button:focus,.box button:active{
  outline:none;
}
.box button:hover{
    background: #afafaf;
    transition: 1s;
}
.box button{
    background: #d42027;
    border: 0;
    color: #fff;
    padding: 5px;
    font-size: 20px;
    width: 315px;
    margin: 20px auto;
    display: block;
    cursor: pointer;
    border-radius: 5px;
}

.box p{
  font-size:14px;
  text-align:center;
}
.box p span{
  cursor:pointer;
  color:#d42027;
}