@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
/*-------------------------------------------*\
	_common.scss

  Index
  - 1.title
  - 2.more
  - 3.img-slide
  - 4.anmiate
\*-------------------------------------------*/
.more-btn {
  display: flex;
  justify-content: center;
  font-weight: bold;
}
.more-btn a {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ca1339;
  color: #fff;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 100%;
  max-width: 200px;
  height: 60px;
  pointer-events: auto !important;
}
.more-btn a:before, .more-btn a:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  clip-path: inset(0 100% 0 0);
}
.more-btn a:before {
  clip-path: inset(0 100% 0 0);
  background: #ff7724;
  transition: all 0.75s ease-in-out;
}
.more-btn a:after {
  background: #f00942;
  transition: all 0.5s ease-in-out;
}
.more-btn a span {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-top: 2px;
  text-align: center;
  font-family: -apple-system, "Microsoft Jhenghei", PingFangTc, "Noto Sans TC", Arial, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: 4px;
  font-size: 1.25rem;
  font-weight: 300;
}
.more-btn a span:before {
  content: "";
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
  width: 30px;
  height: 30px;
  background: url(../../images/more-icon.svg) no-repeat center center/cover;
  border-radius: 50%;
  transition: all 0.5s ease-in-out;
}
.more-btn a:hover span {
  color: #ed6d1f;
}
.more-btn a:hover span:before {
  background: url(../../images/more-icon-hover.svg) no-repeat center center/cover;
  transition: all 0.5s ease-in-out;
}
.more-btn a:hover:before {
  clip-path: inset(0 0 0 0);
  transition: all 0.5s ease-in-out;
}
.more-btn a:hover:after {
  clip-path: inset(0 0 0 0);
  transition: all 0.75s ease-in-out;
}

.color-reverse a {
  border: 1px solid #fff;
}
.color-reverse a:before {
  background: #ed6d1f;
}
.color-reverse a:after {
  background: #fff;
}
.color-reverse a span {
  color: #fff;
}
.color-reverse a span:before {
  background: #fff;
}
.color-reverse a span:after {
  border-top: 2px solid #ca1339;
  border-right: 2px solid #ca1339;
}
.color-reverse a:hover span {
  color: #ca1339;
}

.slide-img {
  position: relative;
}
.slide-img:before, .slide-img:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
.slide-img:before {
  background: #ed6d1f;
  z-index: 1;
}
.slide-img:after {
  background: #ca1339;
  z-index: 2;
}
.slide-img.active:before {
  animation: img-slide 0.6s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards 0.6s;
  animation-fill-mode: both;
}
.slide-img.active:after {
  animation: img-slide 0.6s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards;
  animation-fill-mode: both;
}

@keyframes img-slide {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes clipInLeft {
  0% {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
  }
  100% {
    opacity: 1;
    clip-path: inset(0 0% 0 0);
  }
}
.clipInLeft {
  animation-name: clipInLeft;
}

@keyframes clipInTop {
  0% {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
  }
  100% {
    opacity: 1;
    clip-path: inset(0 0 0% 0);
  }
}
.before-clip:before, .before-clip:after {
  animation: clipInTop 1s ease-in-out 0.5s forwards;
}

/*
animation-name: 動畫名稱;
animation-duration: 動畫作用時間;
animation-timing-function: ease-in-out 動畫補間時運用的計算公式;
animation-delay: 動畫需間隔多久後才開始;
animation-iteration-count: 動畫作用次數;
animation-direction: 動畫作用的方向;
*/
.gloelite {
  opacity: 0;
}
.gloelite path {
  fill: none;
  stroke: #fff;
  stroke-width: 0.5px;
  stroke-dasharray: 0;
}
.gloelite.active {
  opacity: 1 !important;
}
.gloelite.active path {
  stroke: #ca1339;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: gloelite 5s linear 1s forwards;
}

@keyframes gloelite {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.delay1s {
  animation-delay: 0.1s;
}

.duration1s {
  animation-duration: 0.1s;
}

.timing1s {
  animation-timing-function: 0.1s;
}

.delay2s {
  animation-delay: 0.2s;
}

.duration2s {
  animation-duration: 0.2s;
}

.timing2s {
  animation-timing-function: 0.2s;
}

.delay3s {
  animation-delay: 0.3s;
}

.duration3s {
  animation-duration: 0.3s;
}

.timing3s {
  animation-timing-function: 0.3s;
}

.delay4s {
  animation-delay: 0.4s;
}

.duration4s {
  animation-duration: 0.4s;
}

.timing4s {
  animation-timing-function: 0.4s;
}

.delay5s {
  animation-delay: 0.5s;
}

.duration5s {
  animation-duration: 0.5s;
}

.timing5s {
  animation-timing-function: 0.5s;
}

.delay6s {
  animation-delay: 0.6s;
}

.duration6s {
  animation-duration: 0.6s;
}

.timing6s {
  animation-timing-function: 0.6s;
}

.delay7s {
  animation-delay: 0.7s;
}

.duration7s {
  animation-duration: 0.7s;
}

.timing7s {
  animation-timing-function: 0.7s;
}

.delay8s {
  animation-delay: 0.8s;
}

.duration8s {
  animation-duration: 0.8s;
}

.timing8s {
  animation-timing-function: 0.8s;
}

.delay9s {
  animation-delay: 0.9s;
}

.duration9s {
  animation-duration: 0.9s;
}

.timing9s {
  animation-timing-function: 0.9s;
}

.delay10s {
  animation-delay: 1s;
}

.duration10s {
  animation-duration: 1s;
}

.timing10s {
  animation-timing-function: 1s;
}

.delay11s {
  animation-delay: 1.1s;
}

.duration11s {
  animation-duration: 1.1s;
}

.timing11s {
  animation-timing-function: 1.1s;
}

.delay12s {
  animation-delay: 1.2s;
}

.duration12s {
  animation-duration: 1.2s;
}

.timing12s {
  animation-timing-function: 1.2s;
}

.delay13s {
  animation-delay: 1.3s;
}

.duration13s {
  animation-duration: 1.3s;
}

.timing13s {
  animation-timing-function: 1.3s;
}

.delay14s {
  animation-delay: 1.4s;
}

.duration14s {
  animation-duration: 1.4s;
}

.timing14s {
  animation-timing-function: 1.4s;
}

.delay15s {
  animation-delay: 1.5s;
}

.duration15s {
  animation-duration: 1.5s;
}

.timing15s {
  animation-timing-function: 1.5s;
}

.delay16s {
  animation-delay: 1.6s;
}

.duration16s {
  animation-duration: 1.6s;
}

.timing16s {
  animation-timing-function: 1.6s;
}

.delay17s {
  animation-delay: 1.7s;
}

.duration17s {
  animation-duration: 1.7s;
}

.timing17s {
  animation-timing-function: 1.7s;
}

.delay18s {
  animation-delay: 1.8s;
}

.duration18s {
  animation-duration: 1.8s;
}

.timing18s {
  animation-timing-function: 1.8s;
}

.delay19s {
  animation-delay: 1.9s;
}

.duration19s {
  animation-duration: 1.9s;
}

.timing19s {
  animation-timing-function: 1.9s;
}

.delay20s {
  animation-delay: 2s;
}

.duration20s {
  animation-duration: 2s;
}

.timing20s {
  animation-timing-function: 2s;
}

.delay21s {
  animation-delay: 2.1s;
}

.duration21s {
  animation-duration: 2.1s;
}

.timing21s {
  animation-timing-function: 2.1s;
}

.delay22s {
  animation-delay: 2.2s;
}

.duration22s {
  animation-duration: 2.2s;
}

.timing22s {
  animation-timing-function: 2.2s;
}

.delay23s {
  animation-delay: 2.3s;
}

.duration23s {
  animation-duration: 2.3s;
}

.timing23s {
  animation-timing-function: 2.3s;
}

.delay24s {
  animation-delay: 2.4s;
}

.duration24s {
  animation-duration: 2.4s;
}

.timing24s {
  animation-timing-function: 2.4s;
}

.delay25s {
  animation-delay: 2.5s;
}

.duration25s {
  animation-duration: 2.5s;
}

.timing25s {
  animation-timing-function: 2.5s;
}

.delay26s {
  animation-delay: 2.6s;
}

.duration26s {
  animation-duration: 2.6s;
}

.timing26s {
  animation-timing-function: 2.6s;
}

.delay27s {
  animation-delay: 2.7s;
}

.duration27s {
  animation-duration: 2.7s;
}

.timing27s {
  animation-timing-function: 2.7s;
}

.delay28s {
  animation-delay: 2.8s;
}

.duration28s {
  animation-duration: 2.8s;
}

.timing28s {
  animation-timing-function: 2.8s;
}

.delay29s {
  animation-delay: 2.9s;
}

.duration29s {
  animation-duration: 2.9s;
}

.timing29s {
  animation-timing-function: 2.9s;
}

.delay30s {
  animation-delay: 3s;
}

.duration30s {
  animation-duration: 3s;
}

.timing30s {
  animation-timing-function: 3s;
}

.delay31s {
  animation-delay: 3.1s;
}

.duration31s {
  animation-duration: 3.1s;
}

.timing31s {
  animation-timing-function: 3.1s;
}

.delay32s {
  animation-delay: 3.2s;
}

.duration32s {
  animation-duration: 3.2s;
}

.timing32s {
  animation-timing-function: 3.2s;
}

.delay33s {
  animation-delay: 3.3s;
}

.duration33s {
  animation-duration: 3.3s;
}

.timing33s {
  animation-timing-function: 3.3s;
}

.delay34s {
  animation-delay: 3.4s;
}

.duration34s {
  animation-duration: 3.4s;
}

.timing34s {
  animation-timing-function: 3.4s;
}

.delay35s {
  animation-delay: 3.5s;
}

.duration35s {
  animation-duration: 3.5s;
}

.timing35s {
  animation-timing-function: 3.5s;
}

.delay36s {
  animation-delay: 3.6s;
}

.duration36s {
  animation-duration: 3.6s;
}

.timing36s {
  animation-timing-function: 3.6s;
}

.delay37s {
  animation-delay: 3.7s;
}

.duration37s {
  animation-duration: 3.7s;
}

.timing37s {
  animation-timing-function: 3.7s;
}

.delay38s {
  animation-delay: 3.8s;
}

.duration38s {
  animation-duration: 3.8s;
}

.timing38s {
  animation-timing-function: 3.8s;
}

.delay39s {
  animation-delay: 3.9s;
}

.duration39s {
  animation-duration: 3.9s;
}

.timing39s {
  animation-timing-function: 3.9s;
}

.delay40s {
  animation-delay: 4s;
}

.duration40s {
  animation-duration: 4s;
}

.timing40s {
  animation-timing-function: 4s;
}

/*-------------------------------------------*\
	_banner
\*-------------------------------------------*/
.banner-wrap {
  position: relative;
  height: 100%;
  width: 100%;
}
@media (min-width: 992px) {
  .banner-wrap {
    margin-top: 0;
  }
}
.banner-wrap:before {
  position: absolute;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../../images/banner_mask.png) no-repeat center center/cover;
  opacity: 0.4;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.banner-owl {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-bottom: 10px solid #ca1339;
}
.banner-owl .owl-dots {
  bottom: 2rem !important;
}
.banner-owl .owl-dots .owl-dot span {
  width: 40px !important;
  height: 2px !important;
  background: white !important;
  box-shadow: none !important;
}
.banner-owl .owl-dots .owl-dot.active span {
  background: #d7083b !important;
}
.banner-owl .item {
  position: relative;
  width: 100%;
}
.banner-owl .item figure {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-owl .item figure:before {
  display: block;
  content: "";
  padding-top: 680px;
}
@media (min-width: 768px) {
  .banner-owl .item figure:before {
    padding-top: 760px;
  }
}
@media (min-width: 1100px) {
  .banner-owl .item figure:before {
    padding-top: 800px;
  }
}
@media (min-width: 1200px) {
  .banner-owl .item figure:before {
    padding-top: calc(100vh - 10px);
  }
}
.banner-owl .item figure img, .banner-owl .item figure video {
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.banner-animate {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  overflow: hidden;
  pointer-events: none;
}
.banner-animate:before, .banner-animate:after {
  content: "";
  position: absolute;
  z-index: 1;
}
.banner-animate:before {
  left: calc(50% - 15px);
  bottom: 5rem;
  width: 27px;
  height: 41px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 5rem;
}
.banner-animate:after {
  left: 50%;
  bottom: 6.75rem;
  height: 13px;
  width: 2px;
  background: #fff;
  animation: mouseicon 1.5s linear 0.2s infinite;
}
.banner-slogan {
  filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, 0.25));
}
.banner-title {
  margin: -4rem 0 1rem;
  animation: clipInRight 1.5s ease-in-out 1s forwards;
  opacity: 0;
}
.banner-title img {
  width: 90px;
}
.banner-subtit {
  margin: 0 0 1rem;
  animation: clipInRight 1.5s ease-in-out 2s forwards;
  opacity: 0;
}
.banner-content {
  max-width: 320px;
  padding: 1.5rem 1.5rem 3rem;
  margin: 0 2rem;
  line-height: 2;
  border: 8px solid #fff;
  background: rgba(0, 0, 0, 0.5);
}
.banner-data {
  position: relative;
}
.banner-data p {
  margin-bottom: 1rem;
  font-size: 1rem;
  text-align: justify;
  animation: clipInTop 1.5s ease-in-out 2.5s forwards;
  opacity: 0;
}
.banner-data .more-btn {
  animation: clipInTop 1s ease-in-out 3.5s forwards;
  opacity: 0;
  position: absolute;
  right: -45px;
  bottom: -90px;
}
.banner-data .more-btn a {
  width: 200px;
}

@media (min-width: 1200px) {
  .banner-owl .owl-dots {
    bottom: 2rem !important;
  }
  .banner-slogan {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -3rem;
    filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, 0.5));
  }
  .banner-title {
    margin: 3.25rem 0 1rem;
  }
  .banner-title img {
    width: auto;
  }
  .banner-content {
    max-width: 600px;
    padding: 0 0 0 1.5rem;
    margin: 0 0 0 2rem;
    border: 0;
    background: none;
  }
  .banner-data .more-btn {
    right: unset;
    left: 0;
  }
}
/* Feel free to change duration  */
.animated {
  animation-duration: 1000 ms;
  animation-fill-mode: both;
}

/* .owl-animated-out - only for current item */
/* This is very important class. Use z-index if you want move Out item above In item */
.owl-animated-out {
  z-index: 1;
}

/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */
.owl-animated-in {
  z-index: 0;
}

/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mouseicon {
  0% {
    opacity: 0.5;
    transform: translateY(0%);
    clip-path: inset(0 0 100% 0);
  }
  50% {
    opacity: 1;
    transform: translateY(20%);
    clip-path: inset(0 0 0% 0);
  }
  100% {
    opacity: 0.5;
    transform: translateY(40%);
    clip-path: inset(100% 0 0 0);
  }
}
@keyframes clipInTop {
  0% {
    opacity: 0;
    transform: translateY(-15%);
    clip-path: inset(0 0 100% 0);
  }
  99% {
    opacity: 1;
    transform: translateY(0%);
    clip-path: inset(0 0 0% 0);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
    clip-path: none;
  }
}
@keyframes clipInRight {
  0% {
    opacity: 0;
    transform: translateX(25%);
    clip-path: inset(0 100% 0 0);
  }
  99% {
    opacity: 1;
    transform: translateX(0%);
    clip-path: inset(0 0 0% 0);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
    clip-path: none;
  }
}
.an-text:nth-child(1), .an-tit:nth-child(1) {
  color: rgb(255, 255, 255);
  transform-origin: -34% 0%;
  animation: fly1 3500ms 0ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly1 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-358deg) rotateY(6deg) rotateZ(26deg) translateZ(-671px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-358deg) rotateY(6deg) rotateZ(26deg) translateZ(-671px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(2), .an-tit:nth-child(2) {
  color: rgb(255, 255, 255);
  transform-origin: 26% -2%;
  animation: fly2 3500ms 30ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly2 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-435deg) rotateY(-178deg) rotateZ(154deg) translateZ(212px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-435deg) rotateY(-178deg) rotateZ(154deg) translateZ(212px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(3), .an-tit:nth-child(3) {
  color: rgb(255, 255, 255);
  transform-origin: -18% -6%;
  animation: fly3 3500ms 60ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly3 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(214deg) rotateY(-180deg) rotateZ(-44deg) translateZ(-204px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(214deg) rotateY(-180deg) rotateZ(-44deg) translateZ(-204px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(4), .an-tit:nth-child(4) {
  color: rgb(255, 255, 255);
  transform-origin: -17% 37%;
  animation: fly4 3500ms 90ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly4 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(178deg) rotateY(-490deg) rotateZ(-322deg) translateZ(328px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(178deg) rotateY(-490deg) rotateZ(-322deg) translateZ(328px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(5), .an-tit:nth-child(5) {
  color: rgb(255, 255, 255);
  transform-origin: 42% 23%;
  animation: fly5 3500ms 120ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly5 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-433deg) rotateY(-246deg) rotateZ(-160deg) translateZ(-1269px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-433deg) rotateY(-246deg) rotateZ(-160deg) translateZ(-1269px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(6), .an-tit:nth-child(6) {
  color: rgb(255, 255, 255);
  transform-origin: 8% -14%;
  animation: fly6 3500ms 150ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly6 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-267deg) rotateY(356deg) rotateZ(127deg) translateZ(-668px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-267deg) rotateY(356deg) rotateZ(127deg) translateZ(-668px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(7), .an-tit:nth-child(7) {
  color: rgb(255, 255, 255);
  transform-origin: 48% -21%;
  animation: fly7 3500ms 180ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly7 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-231deg) rotateY(-56deg) rotateZ(297deg) translateZ(-1525px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-231deg) rotateY(-56deg) rotateZ(297deg) translateZ(-1525px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(8), .an-tit:nth-child(8) {
  color: rgb(255, 255, 255);
  transform-origin: 67% 48%;
  animation: fly8 3500ms 210ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly8 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(208deg) rotateY(-58deg) rotateZ(-52deg) translateZ(-1834px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(208deg) rotateY(-58deg) rotateZ(-52deg) translateZ(-1834px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(9), .an-tit:nth-child(9) {
  color: rgb(255, 255, 255);
  transform-origin: 53% 21%;
  animation: fly9 3500ms 240ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly9 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-333deg) rotateY(-35deg) rotateZ(-6deg) translateZ(-847px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-333deg) rotateY(-35deg) rotateZ(-6deg) translateZ(-847px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(10), .an-tit:nth-child(10) {
  color: rgb(255, 255, 255);
  transform-origin: 27% 40%;
  animation: fly10 3500ms 270ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly10 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-127deg) rotateY(-496deg) rotateZ(-332deg) translateZ(-1275px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-127deg) rotateY(-496deg) rotateZ(-332deg) translateZ(-1275px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(11), .an-tit:nth-child(11) {
  color: rgb(255, 255, 255);
  transform-origin: 35% -18%;
  animation: fly11 3500ms 300ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly11 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-1deg) rotateY(-363deg) rotateZ(-311deg) translateZ(180px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-1deg) rotateY(-363deg) rotateZ(-311deg) translateZ(180px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(12), .an-tit:nth-child(12) {
  color: rgb(255, 255, 255);
  transform-origin: 72% 53%;
  animation: fly12 3500ms 330ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly12 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(500deg) rotateY(429deg) rotateZ(-271deg) translateZ(-1322px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(500deg) rotateY(429deg) rotateZ(-271deg) translateZ(-1322px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(13), .an-tit:nth-child(13) {
  color: rgb(255, 255, 255);
  transform-origin: 119% 34%;
  animation: fly13 3500ms 360ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly13 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(13deg) rotateY(-344deg) rotateZ(454deg) translateZ(-2381px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(13deg) rotateY(-344deg) rotateZ(454deg) translateZ(-2381px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(14), .an-tit:nth-child(14) {
  color: rgb(255, 255, 255);
  transform-origin: 113% -36%;
  animation: fly14 3500ms 390ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly14 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(476deg) rotateY(13deg) rotateZ(356deg) translateZ(383px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(476deg) rotateY(13deg) rotateZ(356deg) translateZ(383px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(15), .an-tit:nth-child(15) {
  color: rgb(255, 255, 255);
  transform-origin: 121% -4%;
  animation: fly15 3500ms 420ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly15 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(34deg) rotateY(-477deg) rotateZ(-379deg) translateZ(-344px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(34deg) rotateY(-477deg) rotateZ(-379deg) translateZ(-344px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(16), .an-tit:nth-child(16) {
  color: rgb(255, 255, 255);
  transform-origin: 106% 55%;
  animation: fly16 3500ms 450ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly16 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-402deg) rotateY(229deg) rotateZ(433deg) translateZ(351px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-402deg) rotateY(229deg) rotateZ(433deg) translateZ(351px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(17), .an-tit:nth-child(17) {
  color: rgb(255, 255, 255);
  transform-origin: 125% 19%;
  animation: fly17 3500ms 480ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly17 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(156deg) rotateY(-346deg) rotateZ(119deg) translateZ(-1268px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(156deg) rotateY(-346deg) rotateZ(119deg) translateZ(-1268px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(18), .an-tit:nth-child(18) {
  color: rgb(255, 255, 255);
  transform-origin: 133% 12%;
  animation: fly18 3500ms 510ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly18 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(13deg) rotateY(243deg) rotateZ(22deg) translateZ(-1463px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(13deg) rotateY(243deg) rotateZ(22deg) translateZ(-1463px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(19), .an-tit:nth-child(19) {
  color: rgb(255, 255, 255);
  transform-origin: 122% 28%;
  animation: fly19 3500ms 540ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly19 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(10deg) rotateY(-63deg) rotateZ(197deg) translateZ(-1141px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(10deg) rotateY(-63deg) rotateZ(197deg) translateZ(-1141px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(20), .an-tit:nth-child(20) {
  color: rgb(255, 255, 255);
  transform-origin: 91% -19%;
  animation: fly20 3500ms 570ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly20 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(119deg) rotateY(-1deg) rotateZ(-347deg) translateZ(108px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(119deg) rotateY(-1deg) rotateZ(-347deg) translateZ(108px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(21), .an-tit:nth-child(21) {
  color: rgb(255, 255, 255);
  transform-origin: 37% 66%;
  animation: fly21 3500ms 600ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly21 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(355deg) rotateY(39deg) rotateZ(446deg) translateZ(-459px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(355deg) rotateY(39deg) rotateZ(446deg) translateZ(-459px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(22), .an-tit:nth-child(22) {
  color: rgb(255, 255, 255);
  transform-origin: 2% 87%;
  animation: fly22 3500ms 630ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly22 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(127deg) rotateY(144deg) rotateZ(-32deg) translateZ(342px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(127deg) rotateY(144deg) rotateZ(-32deg) translateZ(342px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(23), .an-tit:nth-child(23) {
  color: rgb(255, 255, 255);
  transform-origin: -26% 26%;
  animation: fly23 3500ms 660ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly23 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(269deg) rotateY(-289deg) rotateZ(396deg) translateZ(-2489px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(269deg) rotateY(-289deg) rotateZ(396deg) translateZ(-2489px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(24), .an-tit:nth-child(24) {
  color: rgb(255, 255, 255);
  transform-origin: 8% 107%;
  animation: fly24 3500ms 690ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly24 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(112deg) rotateY(215deg) rotateZ(-59deg) translateZ(-92px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(112deg) rotateY(215deg) rotateZ(-59deg) translateZ(-92px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(25), .an-tit:nth-child(25) {
  color: rgb(255, 255, 255);
  transform-origin: 40% 15%;
  animation: fly25 3500ms 720ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly25 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-404deg) rotateY(461deg) rotateZ(-286deg) translateZ(-869px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-404deg) rotateY(461deg) rotateZ(-286deg) translateZ(-869px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(26), .an-tit:nth-child(26) {
  color: rgb(255, 255, 255);
  transform-origin: 23% 27%;
  animation: fly26 3500ms 750ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly26 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(269deg) rotateY(96deg) rotateZ(-286deg) translateZ(-377px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(269deg) rotateY(96deg) rotateZ(-286deg) translateZ(-377px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(27), .an-tit:nth-child(27) {
  color: rgb(255, 255, 255);
  transform-origin: 44% 76%;
  animation: fly27 3500ms 780ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly27 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-58deg) rotateY(-315deg) rotateZ(-140deg) translateZ(-1891px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-58deg) rotateY(-315deg) rotateZ(-140deg) translateZ(-1891px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(28), .an-tit:nth-child(28) {
  color: rgb(255, 255, 255);
  transform-origin: 21% 79%;
  animation: fly28 3500ms 810ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly28 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-374deg) rotateY(-251deg) rotateZ(243deg) translateZ(-591px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-374deg) rotateY(-251deg) rotateZ(243deg) translateZ(-591px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(29), .an-tit:nth-child(29) {
  color: rgb(255, 255, 255);
  transform-origin: 45% 39%;
  animation: fly29 3500ms 840ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly29 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-119deg) rotateY(-116deg) rotateZ(422deg) translateZ(-1919px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-119deg) rotateY(-116deg) rotateZ(422deg) translateZ(-1919px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(30), .an-tit:nth-child(30) {
  color: rgb(255, 255, 255);
  transform-origin: 19% 28%;
  animation: fly30 3500ms 870ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly30 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(411deg) rotateY(-462deg) rotateZ(-379deg) translateZ(-1787px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(411deg) rotateY(-462deg) rotateZ(-379deg) translateZ(-1787px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(31), .an-tit:nth-child(31) {
  color: rgb(255, 255, 255);
  transform-origin: 18% 19%;
  animation: fly31 3500ms 900ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly31 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-348deg) rotateY(-185deg) rotateZ(-233deg) translateZ(-1129px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-348deg) rotateY(-185deg) rotateZ(-233deg) translateZ(-1129px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(32), .an-tit:nth-child(32) {
  color: rgb(255, 255, 255);
  transform-origin: 81% 84%;
  animation: fly32 3500ms 930ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly32 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-7deg) rotateY(72deg) rotateZ(-355deg) translateZ(-904px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-7deg) rotateY(72deg) rotateZ(-355deg) translateZ(-904px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(33), .an-tit:nth-child(33) {
  color: rgb(255, 255, 255);
  transform-origin: 118% 43%;
  animation: fly33 3500ms 960ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly33 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-389deg) rotateY(-414deg) rotateZ(161deg) translateZ(-1218px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-389deg) rotateY(-414deg) rotateZ(161deg) translateZ(-1218px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(34), .an-tit:nth-child(34) {
  color: rgb(255, 255, 255);
  transform-origin: 114% 83%;
  animation: fly34 3500ms 990ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly34 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(250deg) rotateY(-376deg) rotateZ(-381deg) translateZ(-809px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(250deg) rotateY(-376deg) rotateZ(-381deg) translateZ(-809px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(35), .an-tit:nth-child(35) {
  color: rgb(255, 255, 255);
  transform-origin: 75% 103%;
  animation: fly35 3500ms 1020ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly35 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(87deg) rotateY(198deg) rotateZ(22deg) translateZ(-1016px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(87deg) rotateY(198deg) rotateZ(22deg) translateZ(-1016px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(36), .an-tit:nth-child(36) {
  color: rgb(255, 255, 255);
  transform-origin: 75% 75%;
  animation: fly36 3500ms 1050ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly36 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(108deg) rotateY(449deg) rotateZ(91deg) translateZ(-354px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(108deg) rotateY(449deg) rotateZ(91deg) translateZ(-354px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(37), .an-tit:nth-child(37) {
  color: rgb(255, 255, 255);
  transform-origin: 119% 83%;
  animation: fly37 3500ms 1080ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly37 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-470deg) rotateY(-479deg) rotateZ(-35deg) translateZ(-919px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-470deg) rotateY(-479deg) rotateZ(-35deg) translateZ(-919px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(38), .an-tit:nth-child(38) {
  color: rgb(255, 255, 255);
  transform-origin: 134% 29%;
  animation: fly38 3500ms 1110ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly38 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-55deg) rotateY(138deg) rotateZ(-172deg) translateZ(-1741px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-55deg) rotateY(138deg) rotateZ(-172deg) translateZ(-1741px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(39), .an-tit:nth-child(39) {
  color: rgb(255, 255, 255);
  transform-origin: 91% 79%;
  animation: fly39 3500ms 1140ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly39 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(258deg) rotateY(-145deg) rotateZ(484deg) translateZ(-1848px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(258deg) rotateY(-145deg) rotateZ(484deg) translateZ(-1848px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(40), .an-tit:nth-child(40) {
  color: rgb(255, 255, 255);
  transform-origin: 88% 23%;
  animation: fly40 3500ms 1170ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly40 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(457deg) rotateY(397deg) rotateZ(-323deg) translateZ(264px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(457deg) rotateY(397deg) rotateZ(-323deg) translateZ(264px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(41), .an-tit:nth-child(41) {
  color: rgb(255, 255, 255);
  transform-origin: 44% 150%;
  animation: fly41 3500ms 1200ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly41 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-190deg) rotateY(-166deg) rotateZ(-78deg) translateZ(471px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-190deg) rotateY(-166deg) rotateZ(-78deg) translateZ(471px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(42), .an-tit:nth-child(42) {
  color: rgb(255, 255, 255);
  transform-origin: -20% 120%;
  animation: fly42 3500ms 1230ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly42 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-325deg) rotateY(89deg) rotateZ(-385deg) translateZ(-897px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-325deg) rotateY(89deg) rotateZ(-385deg) translateZ(-897px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(43), .an-tit:nth-child(43) {
  color: rgb(255, 255, 255);
  transform-origin: -21% 78%;
  animation: fly43 3500ms 1260ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly43 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(260deg) rotateY(-175deg) rotateZ(452deg) translateZ(-1432px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(260deg) rotateY(-175deg) rotateZ(452deg) translateZ(-1432px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(44), .an-tit:nth-child(44) {
  color: rgb(255, 255, 255);
  transform-origin: 54% 80%;
  animation: fly44 3500ms 1290ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly44 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-153deg) rotateY(-199deg) rotateZ(111deg) translateZ(102px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-153deg) rotateY(-199deg) rotateZ(111deg) translateZ(102px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(45), .an-tit:nth-child(45) {
  color: rgb(255, 255, 255);
  transform-origin: 59% 162%;
  animation: fly45 3500ms 1320ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly45 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(380deg) rotateY(96deg) rotateZ(125deg) translateZ(-1975px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(380deg) rotateY(96deg) rotateZ(125deg) translateZ(-1975px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(46), .an-tit:nth-child(46) {
  color: rgb(255, 255, 255);
  transform-origin: 13% 138%;
  animation: fly46 3500ms 1350ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly46 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(88deg) rotateY(45deg) rotateZ(-228deg) translateZ(249px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(88deg) rotateY(45deg) rotateZ(-228deg) translateZ(249px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(47), .an-tit:nth-child(47) {
  color: rgb(255, 255, 255);
  transform-origin: 14% 101%;
  animation: fly47 3500ms 1380ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly47 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-383deg) rotateY(-97deg) rotateZ(-496deg) translateZ(-614px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-383deg) rotateY(-97deg) rotateZ(-496deg) translateZ(-614px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(48), .an-tit:nth-child(48) {
  color: rgb(255, 255, 255);
  transform-origin: 8% 148%;
  animation: fly48 3500ms 1410ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly48 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(100deg) rotateY(442deg) rotateZ(332deg) translateZ(-2090px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(100deg) rotateY(442deg) rotateZ(332deg) translateZ(-2090px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(49), .an-tit:nth-child(49) {
  color: rgb(255, 255, 255);
  transform-origin: 35% 79%;
  animation: fly49 3500ms 1440ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly49 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-470deg) rotateY(-468deg) rotateZ(-143deg) translateZ(-1803px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-470deg) rotateY(-468deg) rotateZ(-143deg) translateZ(-1803px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(50), .an-tit:nth-child(50) {
  color: rgb(255, 255, 255);
  transform-origin: 18% 110%;
  animation: fly50 3500ms 1470ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly50 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-148deg) rotateY(456deg) rotateZ(376deg) translateZ(-103px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-148deg) rotateY(456deg) rotateZ(376deg) translateZ(-103px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(51), .an-tit:nth-child(51) {
  color: rgb(255, 255, 255);
  transform-origin: 112% 87%;
  animation: fly51 3500ms 1500ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly51 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(134deg) rotateY(211deg) rotateZ(123deg) translateZ(-2379px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(134deg) rotateY(211deg) rotateZ(123deg) translateZ(-2379px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(52), .an-tit:nth-child(52) {
  color: rgb(255, 255, 255);
  transform-origin: 31% 114%;
  animation: fly52 3500ms 1530ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly52 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(167deg) rotateY(138deg) rotateZ(102deg) translateZ(-337px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(167deg) rotateY(138deg) rotateZ(102deg) translateZ(-337px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(53), .an-tit:nth-child(53) {
  color: rgb(255, 255, 255);
  transform-origin: 25% 104%;
  animation: fly53 3500ms 1560ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly53 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-339deg) rotateY(-340deg) rotateZ(-302deg) translateZ(-1821px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-339deg) rotateY(-340deg) rotateZ(-302deg) translateZ(-1821px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(54), .an-tit:nth-child(54) {
  color: rgb(255, 255, 255);
  transform-origin: 69% 84%;
  animation: fly54 3500ms 1590ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly54 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(11deg) rotateY(-197deg) rotateZ(209deg) translateZ(-2302px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(11deg) rotateY(-197deg) rotateZ(209deg) translateZ(-2302px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(55), .an-tit:nth-child(55) {
  color: rgb(255, 255, 255);
  transform-origin: 77% 108%;
  animation: fly55 3500ms 1620ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly55 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(318deg) rotateY(-62deg) rotateZ(-395deg) translateZ(-2081px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(318deg) rotateY(-62deg) rotateZ(-395deg) translateZ(-2081px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(56), .an-tit:nth-child(56) {
  color: rgb(255, 255, 255);
  transform-origin: 38% 86%;
  animation: fly56 3500ms 1650ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly56 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(170deg) rotateY(-334deg) rotateZ(-24deg) translateZ(-2396px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(170deg) rotateY(-334deg) rotateZ(-24deg) translateZ(-2396px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(57), .an-tit:nth-child(57) {
  color: rgb(255, 255, 255);
  transform-origin: 97% 81%;
  animation: fly57 3500ms 1680ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly57 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(215deg) rotateY(-146deg) rotateZ(318deg) translateZ(-1625px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(215deg) rotateY(-146deg) rotateZ(318deg) translateZ(-1625px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(58), .an-tit:nth-child(58) {
  color: rgb(255, 255, 255);
  transform-origin: 131% 146%;
  animation: fly58 3500ms 1710ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly58 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-61deg) rotateY(323deg) rotateZ(-380deg) translateZ(-2012px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-61deg) rotateY(323deg) rotateZ(-380deg) translateZ(-2012px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(59), .an-tit:nth-child(59) {
  color: rgb(255, 255, 255);
  transform-origin: 103% 89%;
  animation: fly59 3500ms 1740ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly59 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(234deg) rotateY(110deg) rotateZ(497deg) translateZ(-231px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(234deg) rotateY(110deg) rotateZ(497deg) translateZ(-231px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(60), .an-tit:nth-child(60) {
  color: rgb(255, 255, 255);
  transform-origin: 120% 134%;
  animation: fly60 3500ms 1770ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly60 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-10deg) rotateY(301deg) rotateZ(-60deg) translateZ(-2120px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-10deg) rotateY(301deg) rotateZ(-60deg) translateZ(-2120px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(61), .an-tit:nth-child(61) {
  color: rgb(255, 255, 255);
  transform-origin: 28% 178%;
  animation: fly61 3500ms 1800ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly61 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(283deg) rotateY(-73deg) rotateZ(97deg) translateZ(452px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(283deg) rotateY(-73deg) rotateZ(97deg) translateZ(452px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(62), .an-tit:nth-child(62) {
  color: rgb(255, 255, 255);
  transform-origin: -5% 135%;
  animation: fly62 3500ms 1830ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly62 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-102deg) rotateY(364deg) rotateZ(39deg) translateZ(-780px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-102deg) rotateY(364deg) rotateZ(39deg) translateZ(-780px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(63), .an-tit:nth-child(63) {
  color: rgb(255, 255, 255);
  transform-origin: 22% 196%;
  animation: fly63 3500ms 1860ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly63 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-303deg) rotateY(375deg) rotateZ(-443deg) translateZ(-2092px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-303deg) rotateY(375deg) rotateZ(-443deg) translateZ(-2092px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(64), .an-tit:nth-child(64) {
  color: rgb(255, 255, 255);
  transform-origin: 54% 121%;
  animation: fly64 3500ms 1890ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly64 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(469deg) rotateY(195deg) rotateZ(-373deg) translateZ(-1929px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(469deg) rotateY(195deg) rotateZ(-373deg) translateZ(-1929px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(65), .an-tit:nth-child(65) {
  color: rgb(255, 255, 255);
  transform-origin: 49% 211%;
  animation: fly65 3500ms 1920ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly65 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-419deg) rotateY(368deg) rotateZ(-392deg) translateZ(-540px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-419deg) rotateY(368deg) rotateZ(-392deg) translateZ(-540px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(66), .an-tit:nth-child(66) {
  color: rgb(255, 255, 255);
  transform-origin: 29% 156%;
  animation: fly66 3500ms 1950ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly66 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-463deg) rotateY(-327deg) rotateZ(-113deg) translateZ(391px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-463deg) rotateY(-327deg) rotateZ(-113deg) translateZ(391px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(67), .an-tit:nth-child(67) {
  color: rgb(255, 255, 255);
  transform-origin: 86% 170%;
  animation: fly67 3500ms 1980ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly67 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(291deg) rotateY(-295deg) rotateZ(-455deg) translateZ(-401px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(291deg) rotateY(-295deg) rotateZ(-455deg) translateZ(-401px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(68), .an-tit:nth-child(68) {
  color: rgb(255, 255, 255);
  transform-origin: 32% 202%;
  animation: fly68 3500ms 2010ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly68 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-271deg) rotateY(-105deg) rotateZ(-115deg) translateZ(77px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-271deg) rotateY(-105deg) rotateZ(-115deg) translateZ(77px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(69), .an-tit:nth-child(69) {
  color: rgb(255, 255, 255);
  transform-origin: 36% 181%;
  animation: fly69 3500ms 2040ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly69 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(323deg) rotateY(85deg) rotateZ(-278deg) translateZ(348px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(323deg) rotateY(85deg) rotateZ(-278deg) translateZ(348px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(70), .an-tit:nth-child(70) {
  color: rgb(255, 255, 255);
  transform-origin: 16% 120%;
  animation: fly70 3500ms 2070ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly70 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-254deg) rotateY(-42deg) rotateZ(-428deg) translateZ(-2369px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-254deg) rotateY(-42deg) rotateZ(-428deg) translateZ(-2369px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(71), .an-tit:nth-child(71) {
  color: rgb(255, 255, 255);
  transform-origin: 21% 120%;
  animation: fly71 3500ms 2100ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly71 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-203deg) rotateY(145deg) rotateZ(116deg) translateZ(-1134px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-203deg) rotateY(145deg) rotateZ(116deg) translateZ(-1134px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(72), .an-tit:nth-child(72) {
  color: rgb(255, 255, 255);
  transform-origin: 67% 147%;
  animation: fly72 3500ms 2130ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly72 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(92deg) rotateY(-385deg) rotateZ(-140deg) translateZ(-987px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(92deg) rotateY(-385deg) rotateZ(-140deg) translateZ(-987px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(73), .an-tit:nth-child(73) {
  color: rgb(255, 255, 255);
  transform-origin: 64% 189%;
  animation: fly73 3500ms 2160ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly73 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-363deg) rotateY(-403deg) rotateZ(-348deg) translateZ(-2380px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-363deg) rotateY(-403deg) rotateZ(-348deg) translateZ(-2380px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(74), .an-tit:nth-child(74) {
  color: rgb(255, 255, 255);
  transform-origin: 55% 140%;
  animation: fly74 3500ms 2190ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly74 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(499deg) rotateY(23deg) rotateZ(-154deg) translateZ(-2029px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(499deg) rotateY(23deg) rotateZ(-154deg) translateZ(-2029px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(75), .an-tit:nth-child(75) {
  color: rgb(255, 255, 255);
  transform-origin: 106% 165%;
  animation: fly75 3500ms 2220ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly75 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-34deg) rotateY(247deg) rotateZ(34deg) translateZ(-696px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-34deg) rotateY(247deg) rotateZ(34deg) translateZ(-696px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(76), .an-tit:nth-child(76) {
  color: rgb(255, 255, 255);
  transform-origin: 83% 169%;
  animation: fly76 3500ms 2250ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly76 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(326deg) rotateY(-406deg) rotateZ(-404deg) translateZ(-731px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(326deg) rotateY(-406deg) rotateZ(-404deg) translateZ(-731px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(77), .an-tit:nth-child(77) {
  color: rgb(255, 255, 255);
  transform-origin: 134% 176%;
  animation: fly77 3500ms 2280ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly77 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(443deg) rotateY(-74deg) rotateZ(3deg) translateZ(-960px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(443deg) rotateY(-74deg) rotateZ(3deg) translateZ(-960px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(78), .an-tit:nth-child(78) {
  color: rgb(255, 255, 255);
  transform-origin: 113% 143%;
  animation: fly78 3500ms 2310ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly78 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(163deg) rotateY(-273deg) rotateZ(-386deg) translateZ(-930px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(163deg) rotateY(-273deg) rotateZ(-386deg) translateZ(-930px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(79), .an-tit:nth-child(79) {
  color: rgb(255, 255, 255);
  transform-origin: 96% 127%;
  animation: fly79 3500ms 2340ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly79 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-401deg) rotateY(102deg) rotateZ(234deg) translateZ(122px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-401deg) rotateY(102deg) rotateZ(234deg) translateZ(122px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(80), .an-tit:nth-child(80) {
  color: rgb(255, 255, 255);
  transform-origin: 95% 171%;
  animation: fly80 3500ms 2370ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly80 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-229deg) rotateY(297deg) rotateZ(-75deg) translateZ(112px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-229deg) rotateY(297deg) rotateZ(-75deg) translateZ(112px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(81), .an-tit:nth-child(81) {
  color: rgb(255, 255, 255);
  transform-origin: 21% 218%;
  animation: fly81 3500ms 2400ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly81 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-161deg) rotateY(34deg) rotateZ(244deg) translateZ(-936px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-161deg) rotateY(34deg) rotateZ(244deg) translateZ(-936px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(82), .an-tit:nth-child(82) {
  color: rgb(255, 255, 255);
  transform-origin: 27% 184%;
  animation: fly82 3500ms 2430ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly82 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-168deg) rotateY(-240deg) rotateZ(-103deg) translateZ(301px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-168deg) rotateY(-240deg) rotateZ(-103deg) translateZ(301px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(83), .an-tit:nth-child(83) {
  color: rgb(255, 255, 255);
  transform-origin: 18% 183%;
  animation: fly83 3500ms 2460ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly83 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-297deg) rotateY(-185deg) rotateZ(-129deg) translateZ(-2131px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-297deg) rotateY(-185deg) rotateZ(-129deg) translateZ(-2131px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(84), .an-tit:nth-child(84) {
  color: rgb(255, 255, 255);
  transform-origin: 47% 262%;
  animation: fly84 3500ms 2490ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly84 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(121deg) rotateY(466deg) rotateZ(-49deg) translateZ(-1868px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(121deg) rotateY(466deg) rotateZ(-49deg) translateZ(-1868px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(85), .an-tit:nth-child(85) {
  color: rgb(255, 255, 255);
  transform-origin: 63% 220%;
  animation: fly85 3500ms 2520ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly85 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-492deg) rotateY(320deg) rotateZ(482deg) translateZ(-234px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-492deg) rotateY(320deg) rotateZ(482deg) translateZ(-234px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(86), .an-tit:nth-child(86) {
  color: rgb(255, 255, 255);
  transform-origin: 61% 216%;
  animation: fly86 3500ms 2550ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly86 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(278deg) rotateY(453deg) rotateZ(110deg) translateZ(-635px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(278deg) rotateY(453deg) rotateZ(110deg) translateZ(-635px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(87), .an-tit:nth-child(87) {
  color: rgb(255, 255, 255);
  transform-origin: 51% 180%;
  animation: fly87 3500ms 2580ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly87 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(367deg) rotateY(-448deg) rotateZ(494deg) translateZ(-1456px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(367deg) rotateY(-448deg) rotateZ(494deg) translateZ(-1456px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(88), .an-tit:nth-child(88) {
  color: rgb(255, 255, 255);
  transform-origin: -1% 168%;
  animation: fly88 3500ms 2610ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly88 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(146deg) rotateY(-47deg) rotateZ(-448deg) translateZ(-883px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(146deg) rotateY(-47deg) rotateZ(-448deg) translateZ(-883px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(89), .an-tit:nth-child(89) {
  color: rgb(255, 255, 255);
  transform-origin: 88% 245%;
  animation: fly89 3500ms 2640ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly89 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-257deg) rotateY(-209deg) rotateZ(-110deg) translateZ(-2358px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-257deg) rotateY(-209deg) rotateZ(-110deg) translateZ(-2358px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(90), .an-tit:nth-child(90) {
  color: rgb(255, 255, 255);
  transform-origin: 13% 206%;
  animation: fly90 3500ms 2670ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly90 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(447deg) rotateY(-244deg) rotateZ(61deg) translateZ(-1330px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(447deg) rotateY(-244deg) rotateZ(61deg) translateZ(-1330px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(91), .an-tit:nth-child(91) {
  color: rgb(255, 255, 255);
  transform-origin: 31% 194%;
  animation: fly91 3500ms 2700ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly91 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(238deg) rotateY(276deg) rotateZ(455deg) translateZ(-365px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(238deg) rotateY(276deg) rotateZ(455deg) translateZ(-365px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(92), .an-tit:nth-child(92) {
  color: rgb(255, 255, 255);
  transform-origin: 79% 195%;
  animation: fly92 3500ms 2730ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly92 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(153deg) rotateY(253deg) rotateZ(-321deg) translateZ(-453px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(153deg) rotateY(253deg) rotateZ(-321deg) translateZ(-453px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(93), .an-tit:nth-child(93) {
  color: rgb(255, 255, 255);
  transform-origin: 85% 243%;
  animation: fly93 3500ms 2760ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly93 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(432deg) rotateY(228deg) rotateZ(-244deg) translateZ(-737px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(432deg) rotateY(228deg) rotateZ(-244deg) translateZ(-737px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(94), .an-tit:nth-child(94) {
  color: rgb(255, 255, 255);
  transform-origin: 58% 235%;
  animation: fly94 3500ms 2790ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly94 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(180deg) rotateY(-332deg) rotateZ(25deg) translateZ(-1945px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(180deg) rotateY(-332deg) rotateZ(25deg) translateZ(-1945px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(95), .an-tit:nth-child(95) {
  color: rgb(255, 255, 255);
  transform-origin: 59% 211%;
  animation: fly95 3500ms 2820ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly95 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-385deg) rotateY(62deg) rotateZ(52deg) translateZ(-2356px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-385deg) rotateY(62deg) rotateZ(52deg) translateZ(-2356px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(96), .an-tit:nth-child(96) {
  color: rgb(255, 255, 255);
  transform-origin: 56% 188%;
  animation: fly96 3500ms 2850ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly96 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-338deg) rotateY(-479deg) rotateZ(230deg) translateZ(-1141px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-338deg) rotateY(-479deg) rotateZ(230deg) translateZ(-1141px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(97), .an-tit:nth-child(97) {
  color: rgb(255, 255, 255);
  transform-origin: 115% 197%;
  animation: fly97 3500ms 2880ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly97 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(140deg) rotateY(-346deg) rotateZ(87deg) translateZ(-1023px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(140deg) rotateY(-346deg) rotateZ(87deg) translateZ(-1023px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(98), .an-tit:nth-child(98) {
  color: rgb(255, 255, 255);
  transform-origin: 110% 235%;
  animation: fly98 3500ms 2910ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly98 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(287deg) rotateY(209deg) rotateZ(255deg) translateZ(314px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(287deg) rotateY(209deg) rotateZ(255deg) translateZ(314px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(99), .an-tit:nth-child(99) {
  color: rgb(255, 255, 255);
  transform-origin: 129% 240%;
  animation: fly99 3500ms 2940ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly99 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(376deg) rotateY(13deg) rotateZ(-260deg) translateZ(-471px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(376deg) rotateY(13deg) rotateZ(-260deg) translateZ(-471px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(100), .an-tit:nth-child(100) {
  color: rgb(255, 255, 255);
  transform-origin: 79% 186%;
  animation: fly100 3500ms 2970ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly100 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-141deg) rotateY(-88deg) rotateZ(-9deg) translateZ(-1803px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-141deg) rotateY(-88deg) rotateZ(-9deg) translateZ(-1803px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(101), .an-tit:nth-child(101) {
  color: rgb(255, 255, 255);
  transform-origin: -16% 245%;
  animation: fly101 3500ms 3000ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
@keyframes fly101 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-168deg) rotateY(-271deg) rotateZ(-470deg) translateZ(-315px);
  }
  10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(-168deg) rotateY(-271deg) rotateZ(-470deg) translateZ(-315px);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}

/*
//說明 animation: name duration timing-function delay iteration-count direction;
animation-name: 動畫名稱;
animation-duration: 動畫作用時間;
animation-timing-function: ease-in-out 動畫補間時運用的計算公式;
animation-delay: 動畫需間隔多久後才開始;
animation-iteration-count: 動畫作用次數;
animation-direction: 動畫作用的方向;
*/
.an-text {
  animation-iteration-count: 3 !important;
}

.an-tit.space {
  margin-right: 2vw;
}
@media (min-width: 1800px) {
  .an-tit.space {
    margin-right: 1.2121212121vw;
  }
}
.an-tit.i-space {
  margin-right: 1.5vw;
}
@media (min-width: 768px) {
  .an-tit.i-space {
    margin-right: 0.75vw;
  }
}

.popup {
  position: fixed;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.5);
}
.popup.active {
  display: none;
}
.popup-card {
  position: relative;
  max-width: 560px;
  border: 10px solid #ea4e25;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.75);
}
.popup-card img {
  pointer-events: none;
}
.popup-card a {
  display: flex;
}
.popup-close {
  position: absolute;
  right: -25px;
  top: -25px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 0.9rem;
  border-radius: 50%;
  background: #ea4e25;
  color: #fff;
  border: 4px solid #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);
}
@media (min-width: 576px) {
  .popup-close {
    right: -30px;
    top: -30px;
    width: 60px;
    height: 60px;
    border: 5px solid #fff;
  }
}
.popup-close .st0 {
  fill: #FFFFFF;
}
.popup-close:hover {
  cursor: pointer;
  background: #16c59e;
}

/*-------------------------------------------*\
	_story.scss
\*-------------------------------------------*/
.story-wrap {
  padding: 6rem 0;
  background: #fff;
}
.story-content {
  position: relative;
}
.story-box {
  padding: 0 1rem;
}
.story-box .more-btn {
  position: relative;
  display: inline-flex;
  width: 200px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}
.story-box .more-btn:before {
  position: absolute;
  content: "READ MORE";
  z-index: 3;
  font-size: 0.9rem;
  letter-spacing: 1px;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
}
.story-box .more-btn:hover:before {
  opacity: 1;
  transition: all 0.5s;
}
.story-box .more-btn a {
  color: #f00942;
  background: #fff;
  outline: 2px solid #f00942;
}
.story-box .more-btn a:before, .story-box .more-btn a:after {
  height: calc(100% + 1px);
}
.story-inner {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.story-img {
  position: relative;
  margin: 0 20px 4rem 0;
}
.story-img figure {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.story-img figure:after {
  display: block;
  content: "";
  padding-top: 125.43%;
}
.story-img figure:before {
  position: absolute;
  left: 25px;
  top: 25px;
  content: "";
  display: block;
  width: calc(100% - 20px);
  border: 10px solid #cb1e46;
  padding-top: calc(125.43% - 20px);
}
.story-img img {
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.story-title {
  position: relative;
  z-index: 2;
  margin-bottom: 1.5rem;
}
.story-title img {
  width: 135px;
}
.story-text {
  margin-bottom: 2rem;
  line-height: 2;
  text-align: justify;
}

@media (min-width: 992px) {
  .story-box {
    display: flex;
    justify-content: center;
  }
  .story-img {
    min-width: 320px;
    margin: 0;
  }
  .story-content {
    padding-left: 4rem;
  }
}
@media (min-width: 1200px) {
  .story-wrap {
    padding: 6rem 0 7.5rem;
  }
  .story-wrap .container {
    display: flex;
    justify-content: center;
  }
  .story-box {
    align-items: center;
    padding: 0;
    max-width: 1028px;
  }
  .story-img {
    min-width: 360px;
  }
  .story-content {
    padding-left: 6rem;
  }
}
@media (min-width: 1400px) {
  .story-box {
    max-width: 1125px;
  }
  .story-title img {
    width: 180px;
  }
  .story-img {
    min-width: 400px;
  }
  .story-text {
    padding: 0.25rem 0;
  }
  .story-content {
    padding-left: 8rem;
  }
}
@media (min-width: 1600px) {
  .story-box {
    max-width: 1188px;
  }
  .story-title img {
    width: auto;
  }
  .story-img {
    min-width: 460px;
    margin: 0;
  }
}
.story-shape {
  position: absolute;
  top: -1.5rem;
  left: -1rem;
  width: 300px;
}
@media (min-width: 992px) {
  .story-shape {
    left: 1.2rem;
  }
}
@media (min-width: 1200px) {
  .story-shape {
    left: 1rem;
    width: 350px;
  }
}
@media (min-width: 1600px) {
  .story-shape {
    top: -2rem;
    width: 500px;
  }
}

#rt-shape {
  opacity: 0;
}

#rt-shape.active {
  width: 100%;
  opacity: 0.25 !important;
}
#rt-shape.active path {
  fill: none;
  stroke: #ca1339;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: redtable 5s linear forwards;
}

@keyframes redtable {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/*-------------------------------------------*\
	_concept.scss
\*-------------------------------------------*/
.concept-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.concept-wrap .more-btn {
  position: absolute;
  z-index: 2;
  left: calc(28% + 60px);
  top: calc(27vw + 110px);
  display: inline-flex;
  width: 200px;
}
.concept-wrap .more-btn a {
  font-family: -apple-system, "Noto Sans TC", sans-serif;
  font-size: 1.125em;
}
.concept-slogan {
  position: absolute;
  z-index: 2;
  top: 25vw;
  left: 10%;
  filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, 0.25));
}
.concept-slogan img {
  width: 80%;
}
.concept-excellent {
  position: absolute;
  left: 28%;
  top: 27vw;
  z-index: 2;
  border: 1px solid #d7063b;
  padding: 0.75em;
  font-size: 2.25em;
  color: #d7063b;
  font-weight: bold;
  filter: drop-shadow(5px 5px 7px rgba(255, 255, 255, 0.8));
}
.concept-img-lg {
  display: none;
}
@media (min-width: 992px) {
  .concept-img-lg {
    display: flex;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .concept-img-sm {
    display: none;
  }
}
.concept-img img {
  min-height: 100%;
  width: 100%;
}

@media (min-width: 992px) {
  .concept-wrap .more-btn {
    left: calc(25% + 32px);
    top: 210px;
  }
  .concept-excellent {
    left: 25%;
    top: 100px;
  }
  .concept-slogan {
    top: 150px;
    left: 10%;
  }
}
@media (min-width: 1200px) {
  .concept-slogan {
    top: 175px;
    left: 12%;
  }
  .concept-slogan img {
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .concept-wrap .more-btn {
    top: 275px;
  }
  .concept-slogan {
    top: 200px;
  }
  .concept-excellent {
    top: 150px;
    font-size: 2.5rem;
  }
}
@media (min-width: 1600px) {
  .concept-wrap {
    max-height: 750px;
    overflow: hidden;
  }
  .concept-wrap .more-btn {
    top: 300px;
    left: calc(25% + 40px);
  }
  .concept-slogan {
    left: 12%;
  }
  .concept-excellent {
    display: inline-flex;
    top: 150px;
    padding: 2.5rem;
  }
}
@media (min-width: 1800px) {
  .concept-wrap .more-btn {
    top: 300px;
    left: calc(30% + 40px);
  }
  .concept-slogan {
    top: 275px;
    left: 20%;
  }
  .concept-excellent {
    padding: 2.75rem;
    left: 30%;
  }
}
/*-------------------------------------------*\
	_buy.scss
\*-------------------------------------------*/
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate(0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

:root {
  --travel-slider-height: 378px;
  --travel-slider-city-image-size: 250px;
  --travel-slider-vertical-padding: 16px;
}

@media (min-width: 1200px) {
  :root {
    --travel-slider-height: 528px;
  }
}
.step-slider {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}
.step-slider .swiper {
  height: var(--travel-slider-height);
}
.step-slider .swiper-slide {
  width: 80%;
  max-width: 640px;
  max-height: 300px;
  box-sizing: border-box;
  position: relative;
}
.step-slider-bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
  border-radius: 16px;
  box-sizing: border-box;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5019607843), 0 -1px rgba(255, 255, 255, 0.5019607843);
  -webkit-user-select: none;
          user-select: none;
}
.step-slider-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 32px;
  box-sizing: border-box;
  color: #fff;
  text-shadow: 5px 5px 10px #000;
  line-height: 1.5;
  border-radius: 0 0 16px 16px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  font-family: -apple-system, "Microsoft Jhenghei", PingFangTc, "Noto Sans TC", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.step-slider-title {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 2;
}
@media (min-width: 1200px) {
  .step-slider-title {
    font-size: 1.75rem;
  }
}
.step-slider-subtitle {
  font-size: 1rem;
}
.step-slider-planet {
  position: absolute;
  left: 50%;
  top: 38%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
}
.step-slider-planet > img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
  -webkit-user-select: none;
          user-select: none;
}
@media (min-width: 1200px) {
  .step-slider-planet {
    top: 29%;
  }
}
.step-slider-cities img {
  -webkit-user-select: none;
          user-select: none;
  --travel-slider-planet-size: calc(var(--travel-slider-height) + var(--travel-slider-vertical-padding) * 2);
  --travel-slider-image-rotate: 0deg;
  --travel-slider-image-scale: 1;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%) scale(var(--travel-slider-image-scale)) rotate(var(--travel-slider-image-rotate));
  transform-origin: center calc(var(--travel-slider-planet-size) / 2 * 0.9725 * 0.9725 + var(--travel-slider-city-image-size) * 1);
  height: var(--travel-slider-city-image-size);
  width: var(--travel-slider-city-image-size);
  object-position: center bottom;
  object-fit: contain;
  filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, 0.25));
}
.step-slider-cities-5 img:nth-child(2) {
  --travel-slider-image-rotate: 72deg ;
}
.step-slider-cities-5 img:nth-child(3) {
  --travel-slider-image-rotate: 144deg ;
}
.step-slider-cities-5 img:nth-child(4) {
  --travel-slider-image-rotate: 216deg ;
}
.step-slider-cities-5 img:nth-child(5) {
  --travel-slider-image-rotate: 288deg ;
}
.step-slider:after {
  content: "";
  position: absolute;
  height: 50vh;
  top: 50%;
  width: 100%;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffd0a5 30%);
}

#steps {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  line-height: 1.5;
  background: url(../../images/step-bg.jpg) no-repeat center center/cover;
  padding: 3rem 0 4rem;
}
@media (min-width: 1200px) {
  #steps {
    padding: 3rem 0 0;
  }
}

.step-title {
  padding: 3rem 0 5rem;
  margin: 0 0 5rem;
  -webkit-user-select: none;
          user-select: none;
}
.step-title img {
  width: 135px;
}
@media (min-width: 1600px) {
  .step-title img {
    width: initial;
  }
}
@media (min-width: 1200px) {
  .step-title {
    margin: 0 0 9rem;
  }
}

.steps-bgitem span, .steps-bgitem i {
  font-size: 0rem;
  color: rgba(255, 208, 165, 0);
}

@media (min-width: 1200px) {
  .steps-bgitem {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  .steps-bgitem:before {
    content: "";
    position: absolute;
    top: 150px;
    left: calc(50% - 750px);
    width: 226px;
    height: 425px;
    background: url(../../images/step-bg1.svg) no-repeat center center;
  }
  .steps-bgitem:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 950px);
    width: 316px;
    height: 261px;
    background: url(../../images/step-bg2.svg) no-repeat center center;
  }
  .steps-bgitem span:before {
    content: "";
    position: absolute;
    top: 100px;
    left: calc(50% + 300px);
    width: 249px;
    height: 459px;
    background: url(../../images/step-bg3.svg) no-repeat center center;
  }
  .steps-bgitem span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% + 500px);
    width: 256px;
    height: 349px;
    background: url(../../images/step-bg4.svg) no-repeat center center;
  }
  .steps-bgitem i:before {
    content: "";
    position: absolute;
    bottom: -130px;
    left: calc(50% - 820px);
    width: 651px;
    height: 590px;
    background: url(../../images/step-bg5.svg) no-repeat center center;
  }
  .steps-bgitem i:after {
    content: "";
    position: absolute;
    top: 210px;
    left: calc(50% + 650px);
    width: 246px;
    height: 320px;
    background: url(../../images/step-bg6.svg) no-repeat center center/cover;
  }
}
.steps-smoke {
  display: none;
}

@media (min-width: 1200px) {
  .steps-smoke {
    display: block;
  }
  .steps-smoke [class*=smok] {
    position: absolute;
    left: calc(50% - 920px);
    top: 270px;
    scale: 0.1;
    filter: brightness(4);
  }
  .steps-smoke .smoke1 {
    animation: show_smoke 5s linear 1s infinite;
  }
  .steps-smoke .smoke2 {
    animation: show_smoke 7s linear 2.5s infinite;
  }
}
@keyframes show_smoke {
  0% {
    opacity: 0;
    top: 320px;
    transform: scale(7);
  }
  50% {
    opacity: 0.9;
    top: 200px;
    transform: scale(9);
  }
  100% {
    opacity: 0;
    top: 50px;
    transform: scale(11);
  }
}