@keyframes lineAnimate {
  0% {
    transform: translateY(200px); }
  100% {
    transform: translateY(-900px); } }
.line-from-left {
  -webkit-animation: sliderInLeft 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
  animation: sliderInLeft 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1); }

.text-init {
  opacity: 0; }

.text-init.animate {
  -webkit-animation: text_animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
  animation: text_animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1); }

@-webkit-keyframes text_animate {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes text_animate {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.main-container section .delay01s,
.detail-main-container section .delay01s {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s; }
.main-container section .delay02s,
.detail-main-container section .delay02s {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s; }
.main-container section .delay03s,
.detail-main-container section .delay03s {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s; }
.main-container section .delay04s,
.detail-main-container section .delay04s {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s; }
.main-container section .delay05s,
.detail-main-container section .delay05s {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s; }

.left-comma-init, .right-comma-init {
  opacity: 0; }

.left-comma-init.animate {
  -webkit-animation: left_comma_animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1); }

@-webkit-keyframes left_comma_animate {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-72px);
    transform: translateX(-72px); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes left_comma_animate {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-72px);
    transform: translateX(-72px); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.right-comma-init.animate {
  -webkit-animation: right_comma_animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1); }

@-webkit-keyframes right_comma_animate {
  0% {
    opacity: 0;
    -webkit-transform: translateX(72px);
    transform: translateX(72px); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes right_comma_animate {
  0% {
    opacity: 0;
    -webkit-transform: translateX(72px);
    transform: translateX(72px); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.right-init, .left-init {
  opacity: 0; }

.right-init.animate {
  -webkit-animation: sliderInRight 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
  animation: sliderInRight 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1); }

.left-init.animate {
  -webkit-animation: sliderInLeft 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
  animation: sliderInLeft 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1); }

@keyframes sliderInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@keyframes sliderInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.block-init {
  opacity: 0; }

.block-init.animate {
  -webkit-animation: fadeInUp 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
  animation: fadeInUp 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1); }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    z-index: -10; } }
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    z-index: -10; } }
@keyframes num0-animate {
  0% {
    transform: translateY(-600px); }
  100% {
    transform: translateY(-540px); } }
@keyframes num1-animate {
  0% {
    transform: translateY(-540px); }
  100% {
    transform: translateY(0); } }
@keyframes num2-animate {
  0% {
    transform: translateY(-540px); }
  100% {
    transform: translateY(-60px); } }
@keyframes num3-animate {
  0% {
    transform: translateY(-540px); }
  100% {
    transform: translateY(-120px); } }
@keyframes num4-animate {
  0% {
    transform: translateY(-540px); }
  100% {
    transform: translateY(-180px); } }
@keyframes num5-animate {
  0% {
    transform: translateY(-540px); }
  100% {
    transform: translateY(-240px); } }
@keyframes num6-animate {
  0% {
    transform: translateY(-540px); }
  100% {
    transform: translateY(-300px); } }
@keyframes num7-animate {
  0% {
    transform: translateY(-540px); }
  100% {
    transform: translateY(-360px); } }
@keyframes num8-animate {
  0% {
    transform: translateY(-540px); }
  100% {
    transform: translateY(-420px); } }
@keyframes num9-animate {
  0% {
    transform: translateY(-540px); }
  100% {
    transform: translateY(-480px); } }
@-webkit-keyframes bg-top-ani {
  0% {
    opacity: 0;
    margin-top: 5%; }
  to {
    opacity: 1;
    margin-top: 0; } }
@keyframes bg-top-ani {
  0% {
    opacity: 0;
    margin-top: 5%; }
  to {
    opacity: 1;
    margin-top: 0; } }
@-webkit-keyframes bg-top2-ani {
  0% {
    opacity: 0.95;
    transform: translate3d(0, 0%, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 3%, 0); } }
@keyframes bg-top2-ani {
  0% {
    opacity: 0.95;
    transform: translate3d(0, 0%, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 3%, 0); } }
/* 零碎圆圈装饰 */
@-webkit-keyframes icon-circle-ani {
  2%,
        6% {
    opacity: 0;
    filter: blur(2px);
    -webkit-filter: blur(2px); }
  from,
        4%,
        8%,
        to {
    opacity: 0.3;
    filter: blur(0);
    -webkit-filter: blur(0); } }
@keyframes icon-circle-ani {
  2%,
        6% {
    opacity: 0;
    filter: blur(2px);
    -webkit-filter: blur(2px); }
  from,
        4%,
        8%,
        to {
    opacity: 0.3;
    filter: blur(0);
    -webkit-filter: blur(0); } }
@-webkit-keyframes icon-circle2-ani {
  15% {
    opacity: 0.2; }
  from,
        20%,
        to {
    opacity: 1; } }
@keyframes icon-circle2-ani {
  15% {
    opacity: 0.2;
    filter: blur(2px);
    -webkit-filter: blur(2px); }
  from,
        20%,
        to {
    opacity: 1;
    filter: blur(0);
    -webkit-filter: blur(0); } }
@-webkit-keyframes rotating-ani {
  20% {
    -webkit-transform: translate(-50%, -50%) rotateY(180deg);
    transform: translate(-50%, -50%) rotateY(180deg);
    opacity: 0.1; }
  from,
        40%,
        to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotateY(0deg);
    transform: translate(-50%, -50%) rotateY(0deg); } }
@keyframes rotating-ani {
  20% {
    -webkit-transform: translate(-50%, -50%) rotateY(180deg);
    transform: translate(-50%, -50%) rotateY(180deg);
    opacity: 0.1; }
  from,
        40%,
        to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotateY(0deg);
    transform: translate(-50%, -50%) rotateY(0deg); } }
@-webkit-keyframes updown-ani {
  from,
        to {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  50% {
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%); } }
@keyframes updown-ani {
  from,
        to {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  50% {
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%); } }

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