@charset "8-utf";

body {
  margin: 0;
}

.banner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 300px;
  height: 250px;
  cursor: pointer;
  z-index: 0;
  overflow: hidden;
}

.bg1 {
  background-image: url("bg1.jpg");
  position: absolute;
  left: 0px;
  top: 0px;
  width: 300px;
  height: 250px;
  z-index: 0;
}

.bg2 {
  background-image: url("bg2.jpg");
  position: absolute;
  left: 0px;
  top: 0px;
  width: 300px;
  height: 250px;
  z-index: 0;
  opacity: 0;
}

.bg3 {
  background-image: url("bg3.jpg");
  position: absolute;
  left: 0px;
  top: 0px;
  width: 300px;
  height: 250px;
  z-index: 0;
  opacity: 0;
}

/* Step 1 */
.txt1 {
  background-image: url("txt1.png");
  position: absolute;
  left: 35px;
  top: 16px;
  width: 50px;
  height: 18px;
  z-index: 1;
  opacity: 0;
}
.txt2 {
  background-image: url("txt2.png");
  position: absolute;
  left: 36px;
  top: 35px;
  width: 70px;
  height: 16px;
  z-index: 1;
  opacity: 0;
}
.txt3 {
  background-image: url("txt3.png");
  position: absolute;
  left: 36px;
  top: 54px;
  width: 90px;
  height: 16px;
  z-index: 1;
  opacity: 0;
}
.txt4 {
  background-image: url("txt4.png");
  position: absolute;
  left: 36px;
  top: 74px;
  width: 70px;
  height: 16px;
  z-index: 1;
  opacity: 0;
}
.container {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 300px;
  height: 250px;
  z-index: 1;
  opacity: 0;
}
.txt5_a {
  background-image: url("txt5_a.png");
  position: absolute;
  left: 35px;
  top: 94px;
  width: 67px;
  height: 19px;
  z-index: 1;
}
.txt5_b {
  background-image: url("txt5_b.png");
  position: absolute;
  left: 35px;
  top: 113px;
  width: 70px;
  height: 20px;
  z-index: 1;
}
.txt6_a {
  background-image: url("txt6_a.png");
  position: absolute;
  left: 56px;
  top: 134px;
  width: 87px;
  height: 21px;
  z-index: 1;
}
.txt6_b {
  background-image: url("txt6_b.png");
  position: absolute;
  left: 61px;
  top: 155px;
  width: 82px;
  height: 17px;
  z-index: 1;
}
.txt7_a {
  background-image: url("txt7_a.png");
  position: absolute;
  left: 44px;
  top: 172px;
  width: 82px;
  height: 22px;
  z-index: 1;
}
.txt7_b {
  background-image: url("txt7_b.png");
  position: absolute;
  left: 45px;
  top: 194px;
  width: 93px;
  height: 29px;
  z-index: 1;
}
/* Step 2 */
.txt8 {
  background-image: url("txt8.png");
  position: absolute;
  left: 12px;
  top: 52px;
  width: 115px;
  height: 19px;
  z-index: 1;
  opacity: 0;
}
.txt9 {
  background-image: url("txt9.png");
  position: absolute;
  left: 13px;
  top: 78px;
  width: 152px;
  height: 19px;
  z-index: 1;
  opacity: 0;
}
.txt10 {
  background-image: url("txt10.png");
  position: absolute;
  left: 13px;
  top: 101px;
  width: 172px;
  height: 29px;
  z-index: 1;
  opacity: 0;
}
.btn {
  background-image: url("btn.png");
  position: absolute;
  left: 12px;
  top: 210px;
  width: 260px;
  height: 32px;
  z-index: 1;
  opacity: 0;
}
/* Step 3 */
.txt11 {
  background-image: url("txt11.png");
  position: absolute;
  left: 65px;
  top: 65px;
  width: 170px;
  height: 18px;
  z-index: 1;
  opacity: 0;
}
.logo {
  background-image: url("logo.png");
  position: absolute;
  left: 64px;
  top: 102px;
  width: 173px;
  height: 83px;
  z-index: 1;
  opacity: 0;
}