body{
  margin:0;
  background:#ccc;
  font-size:0;
}

.wrapper{
  background:white;
  width:1024px;
  height:1000px;
  margin:0 auto;
  overflow:hidden;
}

#iframe-head {
  border:none;
  margin: auto;
  display: block;
}

.contents-wrapper{
  height:770px;

}

.docu{
  font-size:25px;
  font-weight:bold;
  color:black;
  margin-left:160px;
}

.form{
  text-align:center;
  margin-bottom:120px;
}

.enter{
  font-size:35px;
  padding:12px 30px;
  background:#4169e1;
  color:white;
  display:inline-block;
  opacity:0.8;
  border-color:blue;
  border-radius:4px;
}

.enter:hover{
  opacity:1;
}


.exp-key img{
  width:350px;
  border:solid 2px #808000;
  border-radius:4px;
  margin:60px 0 0 560px;
  opacity:0.6;
}

.exp-key img:hover, .exp-key p:hover{
  opacity:1.0;
}

.exp-key p{
  position:absolute;
  font-size:22px;
  line-height:21px;
  margin:180px 0 0 710px;
  opacity:0.9;
}

.btn-new{
  position:absolute;
  padding:8px 35px;
  margin:115px 0 10px 180px;
  background:#2C7CFF;
  color:white;
  display:inline-block;
  opacity:0.8;
  border-radius:4px;
}

.exp-key h7{
  position:absolute;
  font-size:14px;
  font-weight:bold;
  margin:95px 0 0 180px;
}

.btn-rev{
  position:absolute;
  padding:8px 15px;
  margin:50px 0 10px 400px;
  background:#007700;
  color:white;
  display:inline-block;
  opacity:0.8;
  border-radius:4px;
}

.btn-back{
  position:absolute;
  padding:8px 15px;
  margin:50px 0 10px 700px;
  background:#004400;
  color:white;
  display:inline-block;
  opacity:0.8;
  border-radius:4px;
}

.btnx a, .exp-key a{
  font-size:30px;
  color:white;
  text-decoration:none;
}

.btn-rev:hover{
  opacity:1.0;
}

.btn-back:hover{
  opacity:1.0;
}

.btn-new:hover{
  opacity:1.0;
}

#login-container {
  background: white;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#login-form{
  text-align:center;
}

#login-form label{
  padding-top:50px;
}

input {
  padding: 14px;
  width: 300px;
  margin: 5px 0 10px 0;
}

button {
  padding: 10px 20px;
  background-color: blue;
  font-size:28px;
  font-weight:bold;
  color: white;
  border: none;
  cursor: pointer;
  border-radius:4px;
}

button:hover {
  background-color: #0056b3;
}

label {
  font-size:25px;
  font-weight:bold;
}
