@charset "UTF-8";
@-webkit-keyframes clicker {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes clicker {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes clicker {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes clicker {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes clicker {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.clicker {
  -webkit-animation: clicker 3s ease infinite;
  -moz-animation: clicker 3s ease infinite;
  -ms-animation: clicker 3s ease infinite;
  -o-animation: clicker 3s ease infinite;
  animation: clicker 3s ease infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes upDown {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 0.15%;
  }
  100% {
    margin-top: 0;
  }
}
@-moz-keyframes upDown {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 0.15%;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes upDown {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 0.15%;
  }
  100% {
    margin-top: 0;
  }
}
@-o-keyframes upDown {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 0.15%;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes upDown {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 0.15%;
  }
  100% {
    margin-top: 0;
  }
}
.upDown {
  -webkit-animation: upDown 3s ease infinite;
  -moz-animation: upDown 3s ease infinite;
  -ms-animation: upDown 3s ease infinite;
  -o-animation: upDown 3s ease infinite;
  animation: upDown 3s ease infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

.upDown2 {
  -webkit-animation: upDown 0.8s ease infinite;
  -moz-animation: upDown 0.8s ease infinite;
  -ms-animation: upDown 0.8s ease infinite;
  -o-animation: upDown 0.8s ease infinite;
  animation: upDown 0.8s ease infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes upDown2 {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 2%;
  }
  100% {
    margin-top: 0;
  }
}
@-moz-keyframes upDown2 {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 2%;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes upDown2 {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 2%;
  }
  100% {
    margin-top: 0;
  }
}
@-o-keyframes upDown2 {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 2%;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes upDown2 {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 2%;
  }
  100% {
    margin-top: 0;
  }
}
.upDown3 {
  -webkit-animation: upDown2 3s ease infinite;
  -moz-animation: upDown2 3s ease infinite;
  -ms-animation: upDown2 3s ease infinite;
  -o-animation: upDown2 3s ease infinite;
  animation: upDown2 3s ease infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes s07wave {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -0.15%;
  }
  100% {
    margin-left: 0;
  }
}
@-moz-keyframes s07wave {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -0.15%;
  }
  100% {
    margin-left: 0;
  }
}
@-ms-keyframes s07wave {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -0.15%;
  }
  100% {
    margin-left: 0;
  }
}
@-o-keyframes s07wave {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -0.15%;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes s07wave {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -0.15%;
  }
  100% {
    margin-left: 0;
  }
}
.s07wave {
  -webkit-animation: s07wave 3s ease infinite;
  -moz-animation: s07wave 3s ease infinite;
  -ms-animation: s07wave 3s ease infinite;
  -o-animation: s07wave 3s ease infinite;
  animation: s07wave 3s ease infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes twinkling {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@-moz-keyframes twinkling {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@-ms-keyframes twinkling {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@-o-keyframes twinkling {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes twinkling {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
.twinkling {
  -webkit-animation: twinkling 3s ease infinite;
  -moz-animation: twinkling 3s ease infinite;
  -ms-animation: twinkling 3s ease infinite;
  -o-animation: twinkling 3s ease infinite;
  animation: twinkling 3s ease infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes twink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes twink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-ms-keyframes twink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes twink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes twink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.twink {
  -webkit-animation: twink 1s ease infinite;
  -moz-animation: twink 1s ease infinite;
  -ms-animation: twink 1s ease infinite;
  -o-animation: twink 1s ease infinite;
  animation: twink 1s ease infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes hairFloat {
  75% {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  95% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-moz-keyframes hairFloat {
  75% {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  95% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-ms-keyframes hairFloat {
  75% {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  95% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-o-keyframes hairFloat {
  75% {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  95% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@keyframes hairFloat {
  75% {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  95% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-webkit-keyframes handFloat {
  50% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-moz-keyframes handFloat {
  50% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-ms-keyframes handFloat {
  50% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-o-keyframes handFloat {
  50% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@keyframes handFloat {
  50% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
.hairFloat {
  -webkit-animation: hairFloat 5s ease infinite;
  -moz-animation: hairFloat 5s ease infinite;
  -ms-animation: hairFloat 5s ease infinite;
  -o-animation: hairFloat 5s ease infinite;
  animation: hairFloat 5s ease infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

.handFloat {
  -webkit-animation: handFloat 4s ease infinite;
  -moz-animation: handFloat 4s ease infinite;
  -ms-animation: handFloat 4s ease infinite;
  -o-animation: handFloat 4s ease infinite;
  animation: handFloat 4s ease infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes fishMove {
  75% {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  95% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-moz-keyframes fishMove {
  75% {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  95% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-ms-keyframes fishMove {
  75% {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  95% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-o-keyframes fishMove {
  75% {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  95% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@keyframes fishMove {
  75% {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  95% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
.fishMove {
  -webkit-animation: fishMove 0.5s ease infinite;
  -moz-animation: fishMove 0.5s ease infinite;
  -ms-animation: fishMove 0.5s ease infinite;
  -o-animation: fishMove 0.5s ease infinite;
  animation: fishMove 0.5s ease infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes hairFloat2 {
  50% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
@-moz-keyframes hairFloat2 {
  50% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
@-ms-keyframes hairFloat2 {
  50% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
@-o-keyframes hairFloat2 {
  50% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
@keyframes hairFloat2 {
  50% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
.hairFloat2 {
  -webkit-animation: hairFloat2 5s ease infinite;
  -moz-animation: hairFloat2 5s ease infinite;
  -ms-animation: hairFloat2 5s ease infinite;
  -o-animation: hairFloat2 5s ease infinite;
  animation: hairFloat2 5s ease infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes handFloat2 {
  50% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-moz-keyframes handFloat2 {
  50% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-ms-keyframes handFloat2 {
  50% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-o-keyframes handFloat2 {
  50% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@keyframes handFloat2 {
  50% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
.handFloat2 {
  -webkit-animation: handFloat2 5s ease infinite;
  -moz-animation: handFloat2 5s ease infinite;
  -ms-animation: handFloat2 5s ease infinite;
  -o-animation: handFloat2 5s ease infinite;
  animation: handFloat2 5s ease infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes handFloat3 {
  50% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transform-origin: 10% 20%;
    -moz-transform-origin: 10% 20%;
    -ms-transform-origin: 10% 20%;
    -o-transform-origin: 10% 20%;
    transform-origin: 10% 20%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 10% 20%;
    -moz-transform-origin: 10% 20%;
    -ms-transform-origin: 10% 20%;
    -o-transform-origin: 10% 20%;
    transform-origin: 10% 20%;
  }
}
@-moz-keyframes handFloat3 {
  50% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transform-origin: 10% 20%;
    -moz-transform-origin: 10% 20%;
    -ms-transform-origin: 10% 20%;
    -o-transform-origin: 10% 20%;
    transform-origin: 10% 20%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 10% 20%;
    -moz-transform-origin: 10% 20%;
    -ms-transform-origin: 10% 20%;
    -o-transform-origin: 10% 20%;
    transform-origin: 10% 20%;
  }
}
@-ms-keyframes handFloat3 {
  50% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transform-origin: 10% 20%;
    -moz-transform-origin: 10% 20%;
    -ms-transform-origin: 10% 20%;
    -o-transform-origin: 10% 20%;
    transform-origin: 10% 20%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 10% 20%;
    -moz-transform-origin: 10% 20%;
    -ms-transform-origin: 10% 20%;
    -o-transform-origin: 10% 20%;
    transform-origin: 10% 20%;
  }
}
@-o-keyframes handFloat3 {
  50% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transform-origin: 10% 20%;
    -moz-transform-origin: 10% 20%;
    -ms-transform-origin: 10% 20%;
    -o-transform-origin: 10% 20%;
    transform-origin: 10% 20%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 10% 20%;
    -moz-transform-origin: 10% 20%;
    -ms-transform-origin: 10% 20%;
    -o-transform-origin: 10% 20%;
    transform-origin: 10% 20%;
  }
}
@keyframes handFloat3 {
  50% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transform-origin: 10% 20%;
    -moz-transform-origin: 10% 20%;
    -ms-transform-origin: 10% 20%;
    -o-transform-origin: 10% 20%;
    transform-origin: 10% 20%;
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 10% 20%;
    -moz-transform-origin: 10% 20%;
    -ms-transform-origin: 10% 20%;
    -o-transform-origin: 10% 20%;
    transform-origin: 10% 20%;
  }
}
.handFloat3 {
  -webkit-animation: handFloat3 5s ease infinite;
  -moz-animation: handFloat3 5s ease infinite;
  -ms-animation: handFloat3 5s ease infinite;
  -o-animation: handFloat3 5s ease infinite;
  animation: handFloat3 5s ease infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
  pointer-events: auto;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

html, body {
  height: 100%;
  overflow: hidden;
}

body {
  background-color: #000000;
}

a {
  cursor: pointer;
  text-decoration: none;
}

.penetrable, .penetrable * {
  pointer-events: none;
}

.w100 {
  width: 100%;
}

.h100 {
  height: 100%;
}

.center {
  text-align: center;
}

.clear {
  clear: both;
}

.hand {
  cursor: pointer;
}

.clicker {
  width: 8.33333%;
  -webkit-animation: clicker 3s ease infinite;
  -moz-animation: clicker 3s ease infinite;
  -ms-animation: clicker 3s ease infinite;
  -o-animation: clicker 3s ease infinite;
  animation: clicker 3s ease infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
  opacity: 0;
}

.srt {
  display: none;
}

.btn1 {
  box-shadow: 0px 10px 14px -7px #39510e;
  background: linear-gradient(to bottom, #aec739 5%, #808d44 100%);
  background-color: #808d44;
  border-radius: 8px;
  display: inline-block;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 10px 20px;
  text-shadow: 0px 1px 0px #39510e;
  margin: 10px;
  transition: 0.5s;
}

.btn1:hover {
  background: linear-gradient(to bottom, #808d44 5%, #aec739 100%);
  background-color: #808d44;
}

.hide {
  opacity: 0;
}

.zoomer {
  cursor: zoom-in;
}

.zoom00 {
  transform-origin: 0% 0%;
}

.zoomIn {
  transform: scale(1.3);
  cursor: zoom-out;
}

#do {
  display: none;
}

#caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 13% 2% 13%;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #ffffff;
  text-shadow: 1px 2px 2px #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, -1px -1px 0 #000000, 1px 0px 0 #000000, 0px 1px 0 #000000, -1px 0px 0 #000000, 0px -1px 0 #000000;
}
#caption div {
  display: block;
  padding-bottom: 3%;
  padding-left: 5%;
  text-align: left;
  background: url(../images/caption-line.png) no-repeat bottom left;
  background-size: 50%;
}

#container {
  width: 100%;
  height: 100%;
}
#container #main {
  top: 0;
  left: 0;
  position: absolute;
}

#controller {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0.5%;
  overflow: hidden;
  top: 0;
  left: 0;
}
#controller div, #controller div * {
  pointer-events: all;
}
#controller div:not(.loading) {
  cursor: pointer;
}
#controller .btn {
  position: absolute;
  display: inline-block;
}
#controller .btn img {
  width: auto;
  height: 100%;
}
#controller div.btn {
  max-width: 80px;
  height: 12%;
  right: 5px;
  top: 5px;
}
#controller div.btn:not(.loading) img {
  opacity: 0.8;
  transition: all 1s;
}
#controller div.btn:not(.loading) img:hover {
  opacity: 1;
}
#controller div.loading img {
  opacity: 0.1;
}
#controller #closeMore, #controller #prevStage, #controller #nextStage {
  opacity: 0;
}
#controller #closeMore {
  right: 5%;
}
#controller #prevStage {
  left: 5px;
}
#controller #menu {
  top: 1%;
}
#controller #music {
  top: 14.5%;
}
#controller #speaker {
  top: 27.5%;
}
#controller #replay {
  top: 40.5%;
}
#controller #fullScreen {
  top: 55%;
}
#controller #prevStage, #controller #nextStage {
  top: 73%;
  transition: all 1s;
}
#controller .stages, #controller .stages * {
  pointer-events: all;
}
#controller .stages {
  position: absolute;
  right: 8%;
  top: 1.75%;
  display: none;
  width: 320px;
  max-width: calc(98vw - 30px);
  padding-top: 30px;
  background-color: white;
  border: 1px solid #ddd;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px transparent;
  -moz-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px transparent;
  -o-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px transparent;
  box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px transparent;
}
#controller .stages .cont, #controller .stages .bottom {
  display: inline-block;
  width: 100%;
}
#controller .stages .cont {
  -webkit-box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.4), inset 0 -7px 9px -7px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.4), inset 0 -7px 9px -7px rgba(0, 0, 0, 0.4);
  -o-box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.4), inset 0 -7px 9px -7px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.4), inset 0 -7px 9px -7px rgba(0, 0, 0, 0.4);
  max-height: calc(80vh - 60px);
  padding: 15px 10px;
  overflow: hidden;
}
#controller .stages .cont dl[data-loaded=false] {
  cursor: wait;
}
#controller .stages .cont dl {
  display: flex;
  margin-bottom: 10px;
  align-items: bottom;
  font-weight: bold;
  font-size: 18px;
  color: #aaa;
  cursor: pointer;
}
#controller .stages .cont dl dd {
  position: relative;
  min-width: 167px;
  height: 67px;
  margin-right: 1%;
}
#controller .stages .cont dl dd img {
  max-width: 100%;
}
#controller .stages .cont dl dd div {
  display: table;
  position: absolute;
  top: 0;
  height: 94px;
  width: 100%;
}
#controller .stages .cont dl dd div.playing {
  background: url(../images/icons/play.png) no-repeat 2% 93%;
  -webkit-animation: twinkling 2s ease infinite;
  -moz-animation: twinkling 2s ease infinite;
  -ms-animation: twinkling 2s ease infinite;
  -o-animation: twinkling 2s ease infinite;
  animation: twinkling 2s ease infinite;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
#controller .stages .cont dl dd div.loading {
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
}
#controller .stages .cont dl dd div.loading span:first-child {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  opacity: 0.3;
}
#controller .stages .cont dl dd div.loading span:first-child span {
  display: block;
  text-align: center;
  border: 1px solid #cccccc;
  color: #eee;
  width: 70%;
  margin: 5px auto 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-text-shadow: 0px 0px 5px #000000;
  -moz-text-shadow: 0px 0px 5px #000000;
  -o-text-shadow: 0px 0px 5px #000000;
  text-shadow: 0px 0px 5px #000000;
}
#controller .stages .cont dl dt {
  word-wrap: break-word;
  height: 94px;
  display: inline-block;
}
#controller .stages .cont dl dt table {
  height: 94px;
}
#controller .stages .cont dl dt table td {
  vertical-align: middle;
}
#controller .stages .cont dl dt table td p {
  font-weight: 300;
  color: #666;
  font-size: 16px;
  padding: 5px 1px;
}
#controller .stages .bottom {
  height: 20px;
  text-align: center;
}
#controller .stages .bottom img {
  margin-top: 8px;
  max-width: 84%;
}

#loading, #loading div.wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#loading {
  position: absolute;
}
#loading .wrapper {
  position: relative;
}
#loading .wrapper img {
  width: 100%;
  height: auto;
}
#loading .wrapper #loading_txt {
  position: absolute;
}
#loading .wrapper #loading_txt, #loading .wrapper #not_support {
  left: 50%;
  width: 100%;
  margin-left: -50%;
  top: 40%;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 6vmin;
  display: none;
}
#loading .wrapper #loading_txt span, #loading .wrapper #not_support span {
  display: inline-block;
  text-shadow: rgba(0, 0, 0, 0.5) 0 0 2px;
}
#loading .wrapper #loading_percent {
  position: absolute;
  top: 55%;
  left: 50%;
  width: 30%;
  height: 3%;
  margin-left: -15%;
  border: 2px solid white;
  display: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#loading .wrapper #loading_percent span {
  position: absolute;
  display: inline-block;
  width: 0%;
  height: 100%;
  background-color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

#lightBox {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #777777;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.5;
}
#lightBox strong {
  font-weight: bolder;
  color: #064e81;
}
#lightBox .whiteBlock {
  position: relative;
  max-width: 80%;
  max-height: 80%;
  margin: 6% auto 0 auto;
  background-color: #fff;
  padding: 10px 0;
  display: inline-block;
  border-radius: 15px;
}
#lightBox .whiteBlock #lightBoxClose {
  position: absolute;
  top: 3px;
  right: 3px;
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../images/icons/close.png) no-repeat center;
  background-size: 100% 100%;
  opacity: 0.5;
  transition: opacity 1s;
}
#lightBox .whiteBlock #lightBoxClose:hover {
  opacity: 1;
}
#lightBox .whiteBlock #lightBoxCont {
  max-width: 100%;
  overflow: scroll;
  text-align: center;
  display: block;
}
#lightBox .whiteBlock #lightBoxCont .info {
  display: inline-block;
  text-align: left;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 10px;
  word-break: break-all;
}
#lightBox .whiteBlock #lightBoxCont .info img {
  max-width: 100%;
}
#lightBox .whiteBlock #lightBoxCont .info dl {
  padding: 0 1%;
  margin-bottom: 3%;
}
#lightBox .whiteBlock #lightBoxCont .info dl dt {
  font-size: 1.5rem;
  color: #444;
}
#lightBox .whiteBlock #lightBoxCont .info dl dd {
  padding: 1% 0;
  line-height: 2;
}
#lightBox .whiteBlock #lightBoxCont .guide {
  width: 500px;
}
#lightBox .whiteBlock #lightBoxCont .guide div.center {
  padding: 10px;
}
#lightBox .whiteBlock #lightBoxCont .guide .icons {
  background: url(../images/loading/bg.jpg) bottom center;
  padding: 10px;
}
#lightBox .whiteBlock #lightBoxCont .guide .icons table {
  font-size: 1rem;
}
#lightBox .whiteBlock #lightBoxCont .guide .icons table th, #lightBox .whiteBlock #lightBoxCont .guide .icons table td {
  padding: 5px;
  font-weight: bold;
  color: #ffffff;
}
#lightBox .whiteBlock #lightBoxCont .guide .icons table td.note {
  font-size: 0.8rem;
  font-weight: normal;
}

div.stage, div.wrapper {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

div.more {
  top: 0;
  left: 0;
}
div.more span[data-id=subject] {
  top: 4.81481%;
  left: 3.48958%;
}

div.stage {
  position: absolute;
}
div.stage div.wrapper {
  position: relative;
}
div.stage div.wrapper span, div.stage div.wrapper div.bg {
  position: absolute;
}
div.stage div.wrapper span {
  display: inline-block;
}
div.stage div.wrapper span img {
  width: 100%;
  height: auto;
}
div.stage div.wrapper span svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

#cover span[data-id=tag] {
  width: 11.19792%;
  top: 73.33333%;
  left: 82.08333%;
}
#cover span[data-id=title1] {
  width: 45.3125%;
  top: 4.62963%;
  left: 2.13542%;
}
#cover span[data-id=title2] {
  width: 21.875%;
  top: 28.88889%;
  left: 5.3125%;
}

#preface span[data-id=img1] {
  width: 21.875%;
  top: 0%;
  left: 78.125%;
}
#preface span[data-id=img2] {
  width: 46.875%;
  top: 60.64815%;
  left: 53.125%;
}
#preface span[data-id=title] {
  width: 13.59375%;
  top: 11.85185%;
  left: 6.25%;
}
#preface span[data-id=t1] {
  width: 44.47917%;
  top: 15.92593%;
  left: 5.20833%;
}
#preface span[data-id=t2] {
  width: 43.69792%;
  top: 31.01852%;
  left: 5.625%;
}
#preface span[data-id=t3] {
  width: 43.69792%;
  top: 51.11111%;
  left: 5.625%;
}
#preface span[data-id=t4] {
  width: 44.375%;
  top: 61.2037%;
  left: 5%;
}
#preface span[data-id=t5] {
  width: 44.32292%;
  top: 14.90741%;
  left: 50%;
}
#preface span[data-id=t6] {
  width: 43.64583%;
  top: 34.62963%;
  left: 50%;
}
#preface span[data-id=t7] {
  width: 39.79167%;
  top: 46.94444%;
  left: 51.30208%;
}

#stage01 span[data-id=car] {
  width: 49.89583%;
  top: 40%;
  left: 0%;
}
#stage01 span[data-id=title] {
  width: 27.03125%;
  top: 12.12963%;
  left: 11.61458%;
}
#stage01 span[data-id=t1] {
  width: 16.30208%;
  top: 20.64815%;
  left: 26.19792%;
}
#stage01 span[data-id=t2] {
  width: 39.6875%;
  top: 26.66667%;
  left: 30.88542%;
}
#stage01 span[data-id=t3] {
  width: 36.82292%;
  top: 37.40741%;
  left: 43.22917%;
}
#stage01 span[data-id=t4] {
  width: 30.67708%;
  top: 51.48148%;
  left: 55.72917%;
}

#stage01_2 span[data-id=t1] {
  width: 36.04167%;
  top: 17.68519%;
  left: 6.61458%;
}
#stage01_2 span[data-id=t2] {
  width: 32.8125%;
  top: 27.68519%;
  left: 6.77083%;
}
#stage01_2 span[data-id=t3] {
  width: 25.83333%;
  top: 34.35185%;
  left: 6.77083%;
}
#stage01_2 span[data-id=t4] {
  width: 32.44792%;
  top: 27.77778%;
  left: 45.36458%;
}
#stage01_2 span[data-id=t5] {
  width: 32.03125%;
  top: 44.44444%;
  left: 45.41667%;
}

#stage01_3 span[data-id=t1] {
  width: 30.26042%;
  top: 20.46296%;
  left: 19.58333%;
}
#stage01_3 span[data-id=t2] {
  width: 52.55208%;
  top: 27.22222%;
  left: 20.36458%;
}
#stage01_3 span[data-id=t3] {
  width: 59.58333%;
  top: 34.07407%;
  left: 20.36458%;
}

#stage01_4 span[data-id=bird1] {
  width: 14.47917%;
  top: 12.03704%;
  left: 78.125%;
}
#stage01_4 span[data-id=bird2] {
  width: 14.89583%;
  top: 6.48148%;
  left: 51.5625%;
}
#stage01_4 span[data-id=t1] {
  width: 37.23958%;
  top: 16.66667%;
  left: 11.40625%;
}
#stage01_4 span[data-id=t2] {
  width: 30.20833%;
  top: 30%;
  left: 11.5625%;
}
#stage01_4 span[data-id=t3] {
  width: 14.16667%;
  top: 36.66667%;
  left: 11.5625%;
}
#stage01_4 span[data-id=t4] {
  width: 37.29167%;
  top: 33.33333%;
  left: 51.30208%;
}

#stage01_5 span[data-id=t1] {
  width: 39.16667%;
  top: 6.66667%;
  left: 10.78125%;
}
#stage01_5 span[data-id=t2] {
  width: 35.67708%;
  top: 23.7963%;
  left: 12.5%;
}
#stage01_5 span[data-id=t3] {
  width: 41.04167%;
  top: 7.68519%;
  left: 48.17708%;
}
#stage01_5 span[data-id=t4] {
  width: 41.04167%;
  top: 24.81481%;
  left: 48.17708%;
}

#stage02 span[data-id=bike] {
  width: 17.60417%;
  top: 56.48148%;
}
#stage02 span[data-id=boy] {
  width: 20.57292%;
  top: 21.94444%;
  left: 63.17708%;
}
#stage02 span[data-id=people] {
  width: 20.05208%;
  top: 0%;
  left: 0%;
}
#stage02 span[data-id=t1] {
  width: 35.15625%;
  top: 24.16667%;
  left: 23.07292%;
}
#stage02 span[data-id=t2] {
  width: 35.67708%;
  top: 31.11111%;
  left: 23.125%;
}
#stage02 span[data-id=t3] {
  width: 38.69792%;
  top: 37.87037%;
  left: 23.02083%;
}
#stage02 span[data-id=title] {
  width: 31.82292%;
  top: 15.46296%;
  left: 22.91667%;
}

#stage02_2 span[data-id=t1] {
  width: 28.59375%;
  top: 9.25926%;
  left: 5.36458%;
}
#stage02_2 span[data-id=t2] {
  width: 40%;
  top: 15.92593%;
  left: 5.20833%;
}
#stage02_2 span[data-id=t3] {
  width: 29.6875%;
  top: 5%;
  left: 62.29167%;
}

#stage02_3 span[data-id=t1] {
  width: 38.48958%;
  top: 5.46296%;
  left: 9.58333%;
}
#stage02_3 span[data-id=t2] {
  width: 40.57292%;
  top: 12.22222%;
  left: 9.375%;
}
#stage02_3 span[data-id=t3] {
  width: 40.72917%;
  top: 28.14815%;
  left: 10.20833%;
}
#stage02_3 span[data-id=t4] {
  width: 37.29167%;
  top: 5.46296%;
  left: 53.90625%;
}
#stage02_3 span[data-id=t5] {
  width: 37.29167%;
  top: 18.88889%;
  left: 53.95833%;
}
#stage02_3 span[data-id=t6] {
  width: 26.14583%;
  top: 28.88889%;
  left: 53.90625%;
}

#stage03 span[data-id=people] {
  width: 68.69792%;
  top: 22.03704%;
}
#stage03 span[data-id=t1] {
  width: 32.23958%;
  top: 18.24074%;
  left: 5.41667%;
}
#stage03 span[data-id=t2] {
  width: 49.73958%;
  top: 24.07407%;
  left: 5.3125%;
}
#stage03 span[data-id=t3] {
  width: 50.52083%;
  top: 30.92593%;
  left: 5.26042%;
}
#stage03 span[data-id=t4] {
  width: 7.86458%;
  top: 41.01852%;
  left: 6.04167%;
}
#stage03 span[data-id=title] {
  width: 32.29167%;
  top: 8.88889%;
  left: 5.26042%;
}

#stage03_2 span[data-id=t1] {
  width: 47.5%;
  top: 9.07407%;
  left: 5.3125%;
}
#stage03_2 span[data-id=t2] {
  width: 24.94792%;
  top: 15.83333%;
  left: 6.09375%;
}
#stage03_2 span[data-id=t3] {
  width: 48.17708%;
  top: 22.77778%;
  left: 5.36458%;
}
#stage03_2 span[data-id=t4] {
  width: 47.39583%;
  top: 29.72222%;
  left: 5.26042%;
}

#stage03_3 span[data-id=t1] {
  width: 52.39583%;
  top: 9.16667%;
  left: 21.09375%;
}
#stage03_3 span[data-id=t2] {
  width: 56.25%;
  top: 16.01852%;
  left: 21.09375%;
}

#stage03_4 span[data-id=img] {
  width: 57.70833%;
  top: 0%;
  left: 42.1875%;
}
#stage03_4 span[data-id=t1] {
  width: 15.26042%;
  top: 18.7037%;
  left: 17.86458%;
}
#stage03_4 span[data-id=t2] {
  width: 25.20833%;
  top: 26.01852%;
  left: 24.16667%;
}
#stage03_4 span[data-id=t3] {
  width: 29.21875%;
  top: 52.77778%;
  left: 35.88542%;
}
#stage03_4 span[data-id=t4] {
  width: 31.45833%;
  top: 72.87037%;
  left: 56.82292%;
}

#stage03_5 span[data-id=img] {
  width: 42.65625%;
  top: 18.14815%;
  left: 45.46875%;
}
#stage03_5 span[data-id=t1] {
  width: 24.94792%;
  top: 9.25926%;
  left: 23.54167%;
}
#stage03_5 span[data-id=t2] {
  width: 24.94792%;
  top: 19.07407%;
  left: 23.54167%;
}
#stage03_5 span[data-id=t3] {
  width: 22.8125%;
  top: 9.25926%;
  left: 68.4375%;
}
#stage03_5 span[data-id=t4] {
  width: 22.86458%;
  top: 19.35185%;
  left: 68.38542%;
}
#stage03_5 span[data-id=t5] {
  width: 22.86458%;
  top: 36.01852%;
  left: 68.38542%;
}

#stage03_6 span[data-id=t1] {
  width: 24.16667%;
  top: 11.57407%;
  left: 62.03125%;
}
#stage03_6 span[data-id=t2] {
  width: 24.21875%;
  top: 24.72222%;
  left: 64.63542%;
}
#stage03_6 span[data-id=t3] {
  width: 22.34375%;
  top: 44.53704%;
  left: 67.55208%;
}

#stage04 span[data-id=title] {
  width: 19.94792%;
  top: 9.07407%;
  left: 5.52083%;
}
#stage04 span[data-id=t1] {
  width: 28.38542%;
  top: 17.5%;
  left: 5.52083%;
}
#stage04 span[data-id=t2] {
  width: 42.8125%;
  top: 24.35185%;
  left: 5.52083%;
}
#stage04 span[data-id=t3] {
  width: 40.41667%;
  top: 31.2963%;
  left: 5.52083%;
}

#stage04_2 span[data-id=bird1] {
  width: 5.20833%;
  top: 5.18519%;
  left: 48.17708%;
}
#stage04_2 span[data-id=bird2] {
  width: 5.05208%;
  top: 8.05556%;
  left: 36.82292%;
}
#stage04_2 span[data-id=t1] {
  width: 19.6875%;
  top: 9.07407%;
  left: 5.15625%;
}
#stage04_2 span[data-id=t2] {
  width: 19.6875%;
  top: 29.16667%;
  left: 5.15625%;
}
#stage04_2 span[data-id=t3] {
  width: 19.6875%;
  top: 43.05556%;
  left: 5.15625%;
}

#stage04_3 span[data-id=t1] {
  width: 28.85417%;
  top: 9.16667%;
  left: 5.20833%;
}
#stage04_3 span[data-id=t2] {
  width: 28.02083%;
  top: 19.25926%;
  left: 5.20833%;
}
#stage04_3 span[data-id=t3] {
  width: 28.75%;
  top: 29.44444%;
  left: 5.20833%;
}
#stage04_3 span[data-id=t4] {
  width: 24.375%;
  top: 39.53704%;
  left: 5.20833%;
}

#stage04_4 span[data-id=car] {
  width: 38.4375%;
  top: 100%;
  left: 85.15625%;
}
#stage04_4 span[data-id=t1] {
  width: 19.0625%;
  top: 43.88889%;
  left: 5.26042%;
}
#stage04_4 span[data-id=t2] {
  width: 18.69792%;
  top: 12.77778%;
  left: 72.08333%;
}
#stage04_4 span[data-id=t3] {
  width: 18.48958%;
  top: 41.85185%;
  left: 72.08333%;
}

#stage04_5 span[data-id=t1] {
  width: 39.84375%;
  top: 12.87037%;
  left: 6.97917%;
}
#stage04_5 span[data-id=t2] {
  width: 39.84375%;
  top: 29.35185%;
  left: 6.97917%;
}
#stage04_5 span[data-id=t3] {
  width: 39.84375%;
  top: 42.5%;
  left: 6.97917%;
}
#stage04_5 span[data-id=t4] {
  width: 38.07292%;
  top: 62.68519%;
  left: 6.97917%;
}

#stage05 span[data-id=title] {
  width: 25.9375%;
  top: 8.98148%;
  left: 5.26042%;
}
#stage05 span[data-id=t1] {
  width: 49.42708%;
  top: 17.59259%;
  left: 5.26042%;
}

#stage05_2 span[data-id=t1] {
  width: 37.96875%;
  top: 36.94444%;
  left: 32.29167%;
}
#stage05_2 span[data-id=t2] {
  width: 29.89583%;
  top: 43.61111%;
  left: 31.61458%;
}
#stage05_2 span[data-id=t3] {
  width: 38.28125%;
  top: 50.37037%;
  left: 31.5625%;
}

#stage05_3 span[data-id=t1] {
  width: 19.27083%;
  top: 19.35185%;
  left: 5.52083%;
}
#stage05_3 span[data-id=t2] {
  width: 19.21875%;
  top: 32.68519%;
  left: 5.52083%;
}

#stage05_4 span[data-id=t1] {
  width: 34.89583%;
  top: 13.42593%;
  left: 8.64583%;
}
#stage05_4 span[data-id=t2] {
  width: 18.59375%;
  top: 23.42593%;
  left: 8.64583%;
}
#stage05_4 span[data-id=t3] {
  width: 34.89583%;
  top: 30.46296%;
  left: 8.64583%;
}

#stage06 span[data-id=title] {
  width: 18.59375%;
  top: 39.16667%;
  left: 7.91667%;
}
#stage06 span[data-id=t1] {
  width: 26.09375%;
  top: 47.59259%;
  left: 7.91667%;
}

#stage06_2 span[data-id=t1] {
  width: 18.28125%;
  top: 18.51852%;
  left: 6.25%;
}
#stage06_2 span[data-id=t2] {
  width: 18.22917%;
  top: 38.51852%;
  left: 6.25%;
}
#stage06_2 span[data-id=t3] {
  width: 17.13542%;
  top: 25.74074%;
  left: 73.33333%;
}

#stage06_3 span[data-id=i1] {
  width: 17.60417%;
  top: 7.40741%;
  left: 33.48958%;
}
#stage06_3 span[data-id=i2] {
  width: 7.29167%;
  top: 44.81481%;
  left: 35.20833%;
}
#stage06_3 span[data-id=i3] {
  width: 4.47917%;
  top: 31.38889%;
  left: 48.125%;
}
#stage06_3 span[data-id=i4] {
  width: 12.5%;
  top: 32.68519%;
  left: 57.76042%;
}
#stage06_3 span[data-id=i5] {
  width: 5.67708%;
  top: 29.90741%;
  left: 70.10417%;
}
#stage06_3 span[data-id=i6] {
  width: 16.45833%;
  top: 6.75926%;
  left: 53.80208%;
}
#stage06_3 span[data-id=i7] {
  width: 12.60417%;
  top: 33.61111%;
  left: 77.44792%;
}
#stage06_3 span[data-id=i8] {
  width: 9.47917%;
  top: 75.83333%;
  left: 60.625%;
}
#stage06_3 span[data-id=i9] {
  width: 10.26042%;
  top: 49.53704%;
  left: 41.35417%;
}
#stage06_3 span[data-id=i10] {
  width: 12.91667%;
  top: 70.74074%;
  left: 12.70833%;
}
#stage06_3 span[data-id=i12] {
  width: 5.9375%;
  top: 80.37037%;
  left: 50.36458%;
}
#stage06_3 span[data-id=i13] {
  width: 8.22917%;
  top: 76.75926%;
  left: 29.94792%;
}
#stage06_3 span[data-id=t1] {
  width: 22.29167%;
  top: 21.01852%;
  left: 6.92708%;
}
#stage06_3 span[data-id=t2] {
  width: 22.29167%;
  top: 34.44444%;
  left: 6.92708%;
}

#stage06_4 span[data-id=s1] {
  width: 17.39583%;
  top: 9.35185%;
  left: 60.52083%;
}
#stage06_4 span[data-id=s2] {
  width: 21.97917%;
  top: 59.16667%;
  left: 56.875%;
}
#stage06_4 span[data-id=s3] {
  width: 22.1875%;
  top: 28.24074%;
  left: 19.21875%;
}
#stage06_4 span[data-id=t0] {
  width: 40.57292%;
  top: 3.7037%;
  left: 7.08333%;
}
#stage06_4 span[data-id=t1] {
  width: 18.4375%;
  top: 32.31481%;
  left: 76.14583%;
}
#stage06_4 span[data-id=t2] {
  width: 17.34375%;
  top: 70.37037%;
  left: 35.83333%;
}
#stage06_4 span[data-id=t3] {
  width: 17.1875%;
  top: 49.25926%;
  left: 1.04167%;
}

#stage06_5 span[data-id=s4] {
  width: 12.44792%;
  top: 7.12963%;
  left: 62.86458%;
}
#stage06_5 span[data-id=s5] {
  width: 13.59375%;
  top: 45.83333%;
  left: 58.07292%;
}
#stage06_5 span[data-id=s6] {
  width: 14.94792%;
  top: 15.18519%;
  left: 22.8125%;
}
#stage06_5 span[data-id=s7] {
  width: 20.625%;
  top: 52.87037%;
  left: 17.39583%;
}
#stage06_5 span[data-id=t0] {
  width: 18.07292%;
  top: 33.7037%;
  left: 2.70833%;
}
#stage06_5 span[data-id=t4] {
  width: 15.78125%;
  top: 18.7037%;
  left: 76.14583%;
}
#stage06_5 span[data-id=t5] {
  width: 20.9375%;
  top: 63.42593%;
  left: 72.44792%;
}
#stage06_5 span[data-id=t6] {
  width: 16.82292%;
  top: 19.44444%;
  left: 38.07292%;
}
#stage06_5 span[data-id=t7] {
  width: 17.60417%;
  top: 62.40741%;
  left: 38.17708%;
}

#stage06_6 span[data-id=t1] {
  width: 32.29167%;
  top: 8.98148%;
  left: 5.3125%;
}
#stage06_6 span[data-id=t2] {
  width: 32.86458%;
  top: 19.07407%;
  left: 5.26042%;
}
#stage06_6 span[data-id=t3] {
  width: 31.875%;
  top: 29.16667%;
  left: 5.98958%;
}
#stage06_6 span[data-id=t4] {
  width: 32.08333%;
  top: 35.55556%;
  left: 5.36458%;
}
#stage06_6 span[data-id=t5] {
  width: 11.97917%;
  top: 48.98148%;
  left: 6.04167%;
}
#stage06_6 span[data-id=t6] {
  width: 32.96875%;
  top: 55.74074%;
  left: 5.3125%;
}

#stage07 span[data-id=title] {
  width: 16.97917%;
  top: 10%;
  left: 6.97917%;
}
#stage07 span[data-id=t1] {
  width: 21.25%;
  top: 18.33333%;
  left: 6.92708%;
}
#stage07 span[data-id=t2] {
  width: 21.30208%;
  top: 28.42593%;
  left: 6.92708%;
}
#stage07 span[data-id=t3] {
  width: 19.53125%;
  top: 51.66667%;
  left: 7.03125%;
}

#stage07_2 span[data-id=t1] {
  width: 25.15625%;
  top: 23.24074%;
  left: 8.69792%;
}
#stage07_2 span[data-id=t2] {
  width: 26.92708%;
  top: 33.05556%;
  left: 8.75%;
}
#stage07_2 span[data-id=t3] {
  width: 31.51042%;
  top: 42.96296%;
  left: 8.64583%;
}
#stage07_2 span[data-id=t4] {
  width: 30.9375%;
  top: 56.2037%;
  left: 8.69792%;
}

#stage07_3 span[data-id=img] {
  width: 36.45833%;
  top: 7.22222%;
  left: 36.09375%;
}
#stage07_3 span[data-id=t1] {
  width: 27.13542%;
  top: 19.81481%;
  left: 5.20833%;
}
#stage07_3 span[data-id=t2] {
  width: 29.01042%;
  top: 29.90741%;
  left: 5.20833%;
}
#stage07_3 span[data-id=t3] {
  width: 11.71875%;
  top: 43.33333%;
  left: 5.20833%;
}
#stage07_3 span[data-id=t4] {
  width: 34.375%;
  top: 50.09259%;
  left: 5.20833%;
}
#stage07_3 span[data-id=t5] {
  width: 4.58333%;
  top: 60.18519%;
  left: 5.98958%;
}
#stage07_3 span[data-id=t6] {
  width: 46.92708%;
  top: 66.94444%;
  left: 5.15625%;
}

#stage07_4 span[data-id=img] {
  width: 45.83333%;
  top: 0%;
  left: 54.11458%;
}
#stage07_4 span[data-id=t1] {
  width: 28.64583%;
  top: 27.96296%;
  left: 28.02083%;
}
#stage07_4 span[data-id=t2] {
  width: 30.41667%;
  top: 34.72222%;
  left: 27.91667%;
}
#stage07_4 span[data-id=t3] {
  width: 30.3125%;
  top: 48.14815%;
  left: 27.96875%;
}

#stage08 span[data-id=title1] {
  width: 21.14583%;
  top: 10.46296%;
  left: 8.125%;
}
#stage08 span[data-id=t11] {
  width: 42.23958%;
  top: 13.98148%;
  left: 8.125%;
}
#stage08 span[data-id=t12] {
  width: 42.23958%;
  top: 31.66667%;
  left: 8.125%;
}
#stage08 span[data-id=title2] {
  width: 40.36458%;
  top: 6.11111%;
  left: 48.69792%;
}
#stage08 span[data-id=title2-1] {
  width: 4.79167%;
  top: 18.24074%;
  left: 50.57292%;
}
#stage08 span[data-id=t211] {
  width: 37.29167%;
  top: 25.55556%;
  left: 50.57292%;
}
#stage08 span[data-id=t212] {
  width: 37.23958%;
  top: 39.07407%;
  left: 50.57292%;
}
#stage08 span[data-id=title2-2] {
  width: 4.79167%;
  top: 59.25926%;
  left: 50.57292%;
}
#stage08 span[data-id=t221] {
  width: 37.39583%;
  top: 66.57407%;
  left: 50.52083%;
}
#stage08 span[data-id=t222] {
  width: 40.9375%;
  top: 75.64815%;
  left: 48.85417%;
}

#stage08_2 span[data-id=title2-3] {
  width: 4.73958%;
  top: 29.90741%;
  left: 10.625%;
}
#stage08_2 span[data-id=t231] {
  width: 37.23958%;
  top: 37.12963%;
  left: 10.57292%;
}
#stage08_2 span[data-id=t232] {
  width: 36.82292%;
  top: 47.03704%;
  left: 10.57292%;
}
#stage08_2 span[data-id=title2-4] {
  width: 4.73958%;
  top: 57.03704%;
  left: 10.67708%;
}
#stage08_2 span[data-id=t241] {
  width: 43.02083%;
  top: 60.18519%;
  left: 7.86458%;
}
#stage08_2 span[data-id=title3] {
  width: 7.29167%;
  top: 30.09259%;
  left: 51.30208%;
}
#stage08_2 span[data-id=t31] {
  width: 35.72917%;
  top: 37.77778%;
  left: 51.30208%;
}
#stage08_2 span[data-id=t32] {
  width: 38.07292%;
  top: 47.87037%;
  left: 51.30208%;
}
#stage08_2 span[data-id=t33] {
  width: 38.07292%;
  top: 61.2037%;
  left: 51.30208%;
}

#copyright span[data-id=info] {
  width: 31.66667%;
  top: 12.31481%;
  left: 34.16667%;
}

#not_support {
  position: absolute;
  font-size: 1.8rem;
}
#not_support div {
  display: none;
}

@media only screen and (max-width: 640px) {
  #not_support {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  #controller table td.prevNext {
    height: 20%;
  }
}
@media only screen and (max-width: 448px) {
  #controller #more1-title, #controller #more2-title {
    font-size: 12px;
    padding: 0;
    bottom: 0;
  }
  #controller .stages .cont dl {
    font-size: 12px;
  }

  #lightBox {
    font-size: 1rem;
  }
  #lightBox .whiteBlock #lightBoxCont .guide .icons table {
    font-size: 0.8rem;
  }
  #lightBox .whiteBlock #lightBoxCont .guide .icons table th {
    width: 20%;
  }

  .btn1 {
    font-size: 1rem;
  }
}
div.stage {
  z-index: 2000;
}

div.more {
  z-index: 3000;
}

#loading {
  z-index: 4000;
}

#caption {
  z-index: 5000;
}

#lightBox {
  z-index: 6000;
}
#lightBox .whiteBlock #lightBoxClose {
  z-index: 6001;
}

#controller {
  z-index: 7000;
}
#controller .stages {
  z-index: 8000;
}