html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1.6; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

[hidden] {
  display: none; }

/*************************************/
.loader {
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%; }
  .loader .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    font-size: 11px;
    color: #fff;
    transform: translateZ(0); }
    .loader .loading, .loader .loading:before, .loader .loading:after {
      width: 1em;
      height: 4em;
      background: #fff;
      animation: loadAn 1s infinite ease-in-out; }
    .loader .loading {
      animation-delay: -0.16s; }
    .loader .loading:before {
      content: '';
      position: absolute;
      top: 0;
      left: -1.5em;
      animation-delay: -0.32s; }
    .loader .loading:after {
      content: '';
      position: absolute;
      top: 0;
      left: 1.5em; }

@keyframes loadAn {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }
.page-WH {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.page-W {
  margin-left: auto;
  margin-right: auto;
  width: 100%; }

.page-H {
  height: 100%; }

.an-position {
  position: absolute;
  z-index: 5; }

.base-an {
  animation-timing-function: ease;
  animation-fill-mode: both;
  animation-direction: normal;
  opacity: 0; }

/********************************************/
.page-container {
  display: none;
  width: 7.5rem; }

.page-item {
  position: relative;
  display: none;
  width: 7.5rem;
  background-color: #15497a; }

.page-item img {
  opacity: 1; }

.page-item p {
  opacity: 1; }

.page-slide {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  margin-left: -3.75rem;
  margin-top: -6.03rem;
  width: 7.5rem;
  height: 12.06rem;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff; }

.btn-base {
  position: absolute;
  bottom: 1.2rem;
  z-index: 99;
  display: inline-block;
  width: 1.61rem;
  height: 0.59rem;
  opacity: 1; }

.btn-prev-start,
.btn-prev {
  left: 1.2rem; }

.btn-next-end,
.btn-next,
.btn-ce {
  right: 1.2rem; }

.btn-base img {
  display: block;
  width: 100%;
  height: 100%; }

.page-active {
  display: block; }

/************************************/
.loader {
  background-color: #15497a; }

.icon-cricle {
  display: inline-block;
  border-radius: 50%;
  background-color: #fff; }

.btn-start {
  bottom: 1.5rem;
  left: 2.94rem;
  width: 1.62rem;
  height: 0.59rem;
  opacity: 1;
  animation: swoopInBottom 1s both 3.7s; }

.btn-start img {
  display: block;
  width: 1.62rem;
  height: 0.59rem; }

.page-start {
  background: #15497a; }

.page-end {
  background: #15497a; }

.page-start .page-slide {
  background: #15497a; }

.page-start img {
  opacity: 1; }

@keyframes swoopInBottom {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleY(1.5) translate3d(0, 250px, 0);
    transform: scaleY(1.5) translate3d(0, 250px, 0); }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
    transform: scaleY(1.2) translate3d(0, 0, 0); }
  65% {
    -webkit-transform: scaleY(1) translate3d(0, -20px, 0);
    transform: scaleY(1) translate3d(0, -20px, 0); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1) translate3d(0, 0, 0);
    transform: scaleY(1) translate3d(0, 0, 0); } }
@keyframes swirl-in-fwd {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1; } }
@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes flicker-2 {
  0% {
    opacity: 0; }
  33% {
    opacity: 1; }
  66% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.page-start .pstartbg {
  top: 1.04rem;
  left: 0rem;
  width: 7.5rem;
  height: 9.65rem;
  animation: swirl-in-fwd 1s ease-out both .2s; }

.page-start .pstart01 {
  top: 2.3rem;
  left: 1.48rem;
  width: 4rem;
  height: 2.76rem;
  animation: lightSpeedInLeft 1s both .2s; }

.page-start .pstart02 {
  top: 1.86rem;
  left: 2.99rem;
  width: 0.82rem;
  height: 0.57rem;
  animation: flicker-2 .5s linear  both 1s; }

.page-start .pstart03 {
  top: 5.34rem;
  left: 2.27rem;
  width: 0.63rem;
  height: 0.65rem;
  animation: bounceIn 1s both 1.2s; }

.page-start .pstart04 {
  top: 5.26rem;
  left: 3.03rem;
  width: 3.1rem;
  height: 0.73rem;
  animation: lightSpeedInRight 1s both 2s; }

.page-start .pstart05 {
  top: 6.33rem;
  right: 0.94rem;
  width: 1.74rem;
  height: 0.87rem;
  animation: popIn 1s both 3s; }

.page-start .pstart06 {
  top: 6.48rem;
  left: 1.1rem;
  width: 4.94rem;
  height: 1.97rem;
  animation: popInRight 1s both 3.2s; }

@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
    transform: rotateY(-80deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1; } }
.page-0 .p0001 {
  top: 1.44rem;
  right: 0rem;
  width: 6.68rem;
  height: 0.61rem;
  animation: lightSpeedInRight 1s both .2s; }

.page-0 .p0002 {
  top: 2.35rem;
  left: 1.15rem;
  width: 5.32rem;
  height: 0.28rem;
  animation: flip-in-ver-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 1s; }

.page-0 .p0003 {
  top: 2.92rem;
  left: 1.28rem;
  width: 5.03rem;
  height: 3.81rem;
  animation: popIn 1s both 1.8s; }

.page-0 .p0004 {
  top: 5.27rem;
  left: 0.28rem;
  width: 6.97rem;
  height: 2.31rem;
  animation: popIn 1s both 1.5s;
  z-index: 4; }

.page-0 .p0005 {
  top: 6.73rem;
  left: 1.26rem;
  width: 4.98rem;
  height: 1.52rem;
  animation: popInBottom 1s both 2.5s; }

.page-0 .p0006 {
  top: 8.5rem;
  left: 0.99rem;
  width: 5.52rem;
  height: 0.53rem;
  animation: flipInY 1s both 3s; }

.page-0 .btn-base {
  animation: swoopInBottom 1s both 3.5s; }

@keyframes scale-in-left {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 1; } }
.page-1 .p0101 {
  top: 1.67rem;
  left: 1.11rem;
  width: 2.19rem;
  height: 0.45rem;
  animation: scale-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.2s; }

.page-1 .p0102 {
  top: 2.33rem;
  left: 1.11rem;
  width: 5.24rem;
  height: 0.26rem;
  animation: scale-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.3s; }

.page-1 .p0103 {
  top: 2.96rem;
  left: 2.57rem;
  width: 2.35rem;
  height: 4.45rem;
  animation: popIn 1s both 1.1s; }

.page-1 .p0104 {
  top: 5.28rem;
  left: 0.28rem;
  width: 6.97rem;
  height: 2.31rem;
  animation: popIn 1s both .8s;
  z-index: 4; }

.page-1 .p0105 {
  top: 6.27rem;
  left: 1.26rem;
  width: 4.98rem;
  height: 1.6rem;
  animation: popInBottom 1s both 2.1s; }

.page-1 .p0106 {
  top: 8.01rem;
  left: 0.865rem;
  width: 5.77rem;
  height: 1.18rem;
  animation: flipInY 1s both 2.6s; }

.page-1 .btn-base {
  animation: swoopInBottom 1s both 3.1s; }

.page-2 .p0201 {
  top: 1.97rem;
  left: 1.28rem;
  width: 4.37rem;
  height: 0.76rem;
  animation: scale-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.2s; }

.page-2 .p0202 {
  top: 4.65rem;
  right: 0rem;
  width: 4.77rem;
  height: 2.38rem;
  animation: lightSpeedInRight 1s both 1.5s; }

.page-2 .p0203 {
  top: 3.14rem;
  left: 3.05rem;
  width: 2.53rem;
  height: 3.88rem;
  animation: popInRight 1s both 2s; }

.page-2 .p0204 {
  top: 3.6rem;
  left: 5.46rem;
  width: 0.53rem;
  height: 0.41rem;
  animation: popIn 1s both 2.5s; }

.page-2 .p0205 {
  top: 2.82rem;
  left: 5.23rem;
  width: 1.03rem;
  height: 0.63rem;
  animation: popIn 1s both 2.7s; }

.page-2 .p0206 {
  top: 3.2rem;
  left: 1.16rem;
  width: 2.18rem;
  height: 3.73rem;
  animation: popInLeft 1s both 3.2s; }

.page-2 .p0207 {
  top: 5.27rem;
  left: 0.28rem;
  width: 6.97rem;
  height: 2.31rem;
  animation: popIn 1s both .7s;
  z-index: 4; }

.page-2 .p0208 {
  top: 6.09rem;
  left: 1.27rem;
  width: 4.99rem;
  height: 1.57rem;
  animation: popInBottom 1s both 4.2s; }

.page-2 .p0209 {
  top: 7.97rem;
  left: 0.9rem;
  width: 5.71rem;
  height: 1.2rem;
  animation: flipInY 1s both 4.7s; }

.page-2 .btn-base {
  animation: swoopInBottom 1s both 5.2s; }

.page-3 .p0301 {
  top: 1.43rem;
  left: 1.07rem;
  width: 6.68rem;
  height: 0.61rem;
  animation: lightSpeedInRight 1s both .2s; }

.page-3 .p0302 {
  top: 5.25rem;
  left: 0.28rem;
  width: 6.97rem;
  height: 2.31rem;
  animation: popIn 1s both 1s;
  z-index: 4; }

.page-3 .p0303 {
  top: 3.25rem;
  left: 3.1rem;
  width: 3.39rem;
  height: 3.74rem;
  animation: popInRight 1s both 1.5s; }

.page-3 .p0304 {
  top: 3.53rem;
  left: 1.23rem;
  width: 2.34rem;
  height: 3.5rem;
  animation: popInLeft 1s both 2s; }

.page-3 .p0305 {
  top: 2.98rem;
  left: 1.49rem;
  width: 0.38rem;
  height: 0.55rem;
  animation: popIn 1s both 2.5s; }

.page-3 .p0306 {
  top: 2.37rem;
  left: 1.18rem;
  width: 3.05rem;
  height: 0.56rem;
  animation: popIn 1s both 2.6s; }

.page-3 .p0307 {
  top: 2.87rem;
  left: 5.61rem;
  width: 0.3rem;
  height: 0.6rem;
  animation: popIn 1s both 3.2s; }

.page-3 .p0308 {
  top: 2.49rem;
  left: 5.57rem;
  width: 0.48rem;
  height: 0.24rem;
  animation: popIn 1s both 3.3s; }

.page-3 .p0309 {
  top: 6.23rem;
  left: 1.26rem;
  width: 4.99rem;
  height: 1.59rem;
  animation: popInBottom 1s both 4.3s; }

.page-3 .p0310 {
  top: 8.1rem;
  left: 1.27rem;
  width: 4.96rem;
  height: 0.6rem;
  animation: flipInY 1s both 4.8s; }

.page-3 .btn-base {
  animation: swoopInBottom 1s both 5.3s; }

.page-4 .p0401 {
  top: 1.9rem;
  left: 1.19rem;
  width: 5.21rem;
  height: 0.28rem;
  animation: scale-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.2s; }

.page-4 .p0402 {
  top: 2.59rem;
  left: 1.55rem;
  width: 1.92rem;
  height: 4.26rem;
  animation: popIn 1s both 1s; }

.page-4 .p0403 {
  top: 3.13rem;
  left: 3.64rem;
  width: 2.45rem;
  height: 3.26rem;
  animation: popInLeft 1s both 1.5s; }

.page-4 .p0404 {
  top: 3.18rem;
  left: 5.49rem;
  width: 0.3rem;
  height: 0.6rem;
  animation: popIn 1s both 2s; }

.page-4 .p0405 {
  top: 2.77rem;
  left: 5.07rem;
  width: 1.23rem;
  height: 0.28rem;
  animation: popIn 1s both 2.1s; }

.page-4 .p0406 {
  top: 5.25rem;
  left: 0.28rem;
  width: 6.97rem;
  height: 2.31rem;
  animation: popIn 1s both .7s;
  z-index: 4; }

.page-4 .p0407 {
  top: 6.11rem;
  left: 1.26rem;
  width: 4.99rem;
  height: 1.54rem;
  animation: popInBottom 1s both 3.1s; }

.page-4 .p0408 {
  top: 7.95rem;
  left: 0.935rem;
  width: 5.63rem;
  height: 0.7rem;
  animation: flipInY 1s both 3.6s; }

.page-4 .btn-base {
  animation: swoopInBottom 1s both 4.1s; }

.page-5 .p0501 {
  top: 2.05rem;
  left: 3.01rem;
  width: 2.91rem;
  height: 0.83rem;
  animation: scale-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 1.2s; }

.page-5 .p0502 {
  top: 2.04rem;
  left: 1.16rem;
  width: 5.05rem;
  height: 3.79rem;
  animation: popIn 1s both .5s; }

.page-5 .p0503 {
  top: 4.62rem;
  left: 0.97rem;
  width: 5.74rem;
  height: 1.61rem;
  animation: popIn 1s both .2s;
  z-index: 4; }

.page-5 .p0504 {
  top: 5.79rem;
  left: 1.26rem;
  width: 4.98rem;
  height: 1.54rem;
  animation: popInBottom 1s both 1.7s; }

.page-5 .p0505 {
  top: 7.91rem;
  left: 1.085rem;
  width: 5.33rem;
  height: 0.79rem;
  animation: flipInY 1s both 2.2s; }

.page-5 .btn-base {
  animation: swoopInBottom 1s both 2.7s; }

.page-6 .p0601 {
  top: 1.44rem;
  right: 0rem;
  width: 6.33rem;
  height: 0.61rem;
  animation: lightSpeedInRight 1s both .2s; }

.page-6 .p0602 {
  top: 2.58rem;
  left: 1.04rem;
  width: 5.56rem;
  height: 0.64rem;
  animation: scale-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 1s; }

.page-6 .p0603 {
  top: 3.73rem;
  left: 2.94rem;
  width: 2.66rem;
  height: 3.36rem;
  animation: popIn 1s both 1.8s; }

.page-6 .p0604 {
  top: 5.38rem;
  left: 0.28rem;
  width: 6.96rem;
  height: 1.94rem;
  animation: popIn 1s both 1.5s;
  z-index: 4; }

.page-6 .p0605 {
  top: 6.36rem;
  left: 1.23rem;
  width: 4.99rem;
  height: 1.55rem;
  animation: popInBottom 1s both 2.8s; }

.page-6 .p0606 {
  top: 8.5rem;
  left: 0.885rem;
  width: 5.73rem;
  height: 0.52rem;
  animation: flipInY 1s both 3.3s; }

.page-6 .btn-base {
  animation: swoopInBottom 1s both 3.8s; }

.page-7 .p0701 {
  top: 1.04rem;
  right: 0rem;
  width: 7.5rem;
  height: 6.89rem; }

.dtbg {
  top: 0rem;
  left: 0.705rem;
  width: 6.09rem;
  height: 8.79rem;
  z-index: 3; }

.dcbg {
  top: 0rem;
  left: 0.705rem;
  width: 6.09rem;
  height: 7.62rem;
  z-index: 3; }

.dt101 {
  top: 2.31rem;
  left: 4.49rem;
  width: 1.9rem;
  height: 0.47rem; }

.dt102 {
  top: 5.05rem;
  left: 1.55rem;
  width: 4.71rem;
  height: 1.16rem; }

.dt202 {
  top: 5.05rem;
  left: 1.83rem;
  width: 3.84rem;
  height: 0.91rem; }

.dt302 {
  top: 5.05rem;
  left: 1.435rem;
  width: 4.63rem;
  height: 0.92rem; }

.dt402 {
  top: 5.05rem;
  left: 1.425rem;
  width: 4.65rem;
  height: 0.93rem; }

.dt502 {
  top: 5.05rem;
  left: 1.44rem;
  width: 4.62rem;
  height: 0.91rem; }

.dc02 {
  top: 5.41rem;
  left: 2.31rem;
  width: 2.88rem;
  height: 0.36rem; }

.dc01 {
  top: 5.6rem;
  left: 2.315rem;
  width: 2.87rem;
  height: 0.91rem; }

.dc03 {
  top: 6.45rem;
  left: 1.99rem;
  width: 3.52rem;
  height: 0.63rem; }

.dc04 {
  top: 6.45rem;
  left: 1.975rem;
  width: 3.55rem;
  height: 0.63rem; }

.dtx {
  top: 6.73rem;
  left: 1.94rem;
  width: 3.62rem;
  height: 1.38rem; }

.dtx label {
  display: block;
  float: left;
  margin-left: 0.88rem;
  width: 1.37rem;
  height: 1.38rem; }

.dtx label:nth-child(1) {
  margin-left: 0rem; }

.dtx label input {
  display: none; }

.dtx label img {
  display: block;
  width: 100%;
  height: 100%;
  opacity: .4; }

.btn-aq-item {
  position: absolute;
  display: block;
  z-index: 99;
  bottom: 1.25rem;
  left: 2.72rem;
  width: 2.06rem;
  height: 0.69rem; }

.btn-aq-item img {
  display: block;
  width: 100%;
  height: 100%; }

.aq-item-label input[type='radio']:checked + img {
  opacity: 1; }

.pend01 {
  top: 1.02rem;
  left: 0rem;
  width: 7.5rem;
  height: 6.18rem; }

.pend02 {
  bottom: 1.84rem;
  left: 1.56rem;
  width: 4.38rem;
  height: 0.26rem; }

.back-list {
  display: block;
  position: absolute;
  z-index: 99;
  bottom: 3.01rem;
  left: 2.35rem;
  width: 2.8rem;
  height: 0.87rem; }

.back-list img {
  display: block;
  width: 100%;
  height: 100; }

@keyframes flipX-d {
  from {
    transform: perspective(500px) translateZ(1400px);
    opacity: 0; }
  to {
    transform: perspective(500px) translateZ(0); } }
@keyframes flipX-x {
  from {
    transform: perspective(500px) translateZ(-1400px);
    opacity: 0; }
  to {
    transform: perspective(500px) translateZ(0); } }
@keyframes c11 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes bounceIn {
  0%,
	20%,
	40%,
	60%,
	80%,
	to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes bounceInUp {
  0%,
	60%,
	75%,
	90%,
	to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes hd_rb {
  0% {
    opacity: 0;
    transform: translateX(-0.05rem) translateY(-0.05rem); }
  100% {
    opacity: 1;
    transform: translateX(0rem) translateY(0rem); } }
.bg01 {
  bottom: 0rem;
  left: 0rem;
  width: 7.5rem;
  height: 10rem;
  z-index: 2; }

@keyframes popInTop {
  0% {
    -webkit-transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
    opacity: 0; }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08); }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
    transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes popInRight {
  0% {
    -webkit-transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
    opacity: 0; }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08); }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes popInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1); }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform: rotateX(80deg);
    transform: rotateX(80deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1; } }
@keyframes popInBottom {
  0% {
    -webkit-transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
    opacity: 0; }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08); }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
    transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }
@keyframes slit-in-vertical {
  0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0; }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0); } }
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 0;
    transform-origin: right bottom; }
  10%,
	20% {
    opacity: 1;
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform-origin: right bottom; }
  30%,
	50%,
	70%,
	90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform-origin: right bottom; }
  40%,
	60%,
	80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform-origin: right bottom; }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transform-origin: right bottom; } }
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes bounce-in-bck {
  0% {
    -webkit-transform: scale(7);
    transform: scale(7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1; }
  55% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  81% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  95% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes flip {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes pullLeft {
  0% {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1); }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: center left;
    transform-origin: center left; }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pullDown {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0); }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
    -webkit-transform-origin: center top;
    transform-origin: center top; }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes popIn {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    opacity: 0; }
  20% {
    opacity: 1; }
  40% {
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: scale3d(1.08, 1.08, 1.08);
    transform: scale3d(1.08, 1.08, 1.08); }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

/*# sourceMappingURL=A07004.css.map */