@charset "UTF-8";
html,
body {
  margin: 0;
  padding: 0;
}

#banner {
  position: relative;
  width: 298px;
  height: 248px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e3d8d4;
}

#i01 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(1.4);
}

#i02 {
  position: absolute;
  left: 0;
  top: 150px;
  opacity: 0;
}

#i03 {
  position: absolute;
  left: 0;
  top: -150px;
  opacity: 0;
}

#i04 {
  position: absolute;
  left: 150px;
  top: 0;
  opacity: 0;
}

#i05 {
  position: absolute;
  left: 150px;
  top: 0;
  opacity: 0;
}

#i06 {
  position: absolute;
  left: 0;
  top: 30px;
  opacity: 0;
}
#i06-1 {
  position: absolute;
  left: 0;
  top: 30px;
  opacity: 0;
}
#i06-2 {
  position: absolute;
  left: 0;
  top: 30px;
  opacity: 0;
}

#i07 {
  position: absolute;
  left: 0;
  top: -150px;
  opacity: 0;
}

#i08 {
  position: absolute;
  left: 150px;
  top: 0;
  opacity: 0;
}

#i09 {
  position: absolute;
  left: 150px;
  top: 0;
  opacity: 0;
}

#i10 {
  position: absolute;
  left: 0;
  top: 30px;
  opacity: 0;
}

#i11 {
  position: absolute;
  left: 0;
  top: 30px;
  opacity: 0;
}

#i12 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(1.4);
}

#i13 {
  position: absolute;
  left: 0;
  top: 50px;
  opacity: 0;
}
#i13-1 {
  position: absolute;
  left: 0;
  top: 50px;
  opacity: 0;
}
#i13-2 {
  position: absolute;
  left: 0;
  top: 50px;
  opacity: 0;
}

#i14 {
  position: absolute;
  left: -100px;
  top: 0;
  opacity: 0;
}

#i15 {
  position: absolute;
  left: 100px;
  top: 0;
  opacity: 0;
}