body{
  margin:0;
  background:#ccc;
  font-size:0;
}

.wrapper{
  background:white;
  width:1024px;
  margin:0 auto;
}

#iframe-head, #iframe-foot{
  border:none;
  margin: auto;
  display: block;
}

.top-wrapper{
  height:120px;
}

.container{
  width: 1024px;
  padding: 0;
  margin: 0 auto;
  overflow:hidden;
}

.choice h1{
  position: relative;
  padding: 5px;
  border-left: 10px solid #778899;
  font-size:40px;
  margin:10px 0 20px 20px;
  border-bottom: 5px solid #7ed1e;
}

.choice h1:before {
  position: absolute;
  left: -10px;
  bottom: 0;
  content: '';
  width: 10px;
  height: 50%;
  background-color: green;
}

.choice h1:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 90%;
  height: 0;
  border-bottom: 3px solid #778899;
}

.step{
  font-size:40px;
  font-weight:bold;
  color:rgb(80,35,80);
}

.choice img{
  width:110px;
  margin:0px 30px 0px 20px;
}

.main-wrapper{
  height:2000px
}

.select-wrapper{
  height:520px;
  background: linear-gradient(to bottom,white,rgb(202,255,255) 50%,white); 
}

.select-wrapper img{
  margin:100px 0 0 30px;
}

.select-wrapper p{
  font-size:40px;
  font-weight:bold;
  margin:-48px 0 20px 90px;
}

.select-wrapper img{
  width:50px;
  margin:0 0px 0 30px;
}

.img-1 img{
  width:800px;
  margin:0px 0 0 100px;
}

.arrange{
  font-size:40px;
  font-weight:bold;
  color:darkblue;
  text-decoration:none;
  margin:30px 0 0 100px;
}



.register-wrapper{
  height:640px;
  background: linear-gradient(to bottom,white,rgb(202,255,202) 50%,white); 
}

.register-wrapper p{
  font-size:40px;
  font-weight:bold;
  margin:0px 0 20px 90px;
}

.register-wrapper img{
  width:50px;
  margin:0px 0px 0 30px;
  position:absolute;
}

.img-2 img{
  width:800px;
  margin:0px 0 0 100px;
}

.do-wrapper{
  height:600px;
  background: linear-gradient(to bottom,white,rgb(255,223,191) 50%,white); 
}

.do-wrapper p{
  font-size:40px;
  font-weight:bold;
  margin:0px 0 0px 90px;
}

.do-wrapper img{
  width:50px;
  margin:0px 0px 0 30px;
  position:absolute;
}

.img-3 img{
  width:800px;
  margin:0px 0 0 100px;
}

.img-4 img{
  width:800px;
  margin:165px 0 0 100px;
}

.img-5 img{
  width:800px;
  margin:295px 0 0 100px;
}


.bottom-wrapper{
  height:100px;
  background :white;
}

.btn-choice{
  float:right;
  margin-right:20px;
}

.btn-rev{
  padding:8px 15px;
  margin:5px 0 10px 250px;
  background:#007700;
  color:white;
  display:inline-block;
  opacity:0.8;
  border-radius:4px;
}

.btn-back{
  padding:8px 15px;
  margin:5px 0 10px 30px;
  background:#000055;
  color:white;
  display:inline-block;
  opacity:0.8;
  border-radius:4px;
}

.btn-choice a{
  font-size:30px;
  color:white;
  text-decoration:none;
}

.btn:hover{
  opacity:1;
}