@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=Teko:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap");
/*-------------------------------------------------------------------------------*/
/*    $Sidebar                                                                    */
/*-------------------------------------------------------------------------------*/
.sidebar {
  position: fixed;
  z-index: 9;
  right: 1.75rem;
  bottom: 3rem;
  width: 60px;
  height: 60px;
  cursor: pointer;
  opacity: 0;
  transition: 0.3s;
  animation: FadeInTop 0.5s ease-in-out 3.3s forwards;
  -webkit-user-select: none;
          user-select: none;
}
@media (min-width: 1200px) {
  .sidebar {
    bottom: 3.5rem;
  }
}
.sidebar.hide {
  animation: none;
  opacity: 0 !important;
  pointer-events: none;
}
.sidebar a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 10px;
  background: #ffb048;
  color: #fff;
  overflow: hidden;
  border-radius: 99em;
  transition: 0.3s;
}
.sidebar a.line {
  background: #399B4A;
}
.sidebar a.fb {
  background: #3A5883;
}

@keyframes FadeInTop {
  0% {
    opacity: 0;
    transform: translateY(15%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
.progress-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 3px;
  background: #ffb048;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.75;
  transition: all 200ms linear;
}
.progress-wrap.active-progress {
  opacity: 1;
  transition: all 200ms linear;
}
.progress-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background: url(../../images/sidebar.svg) no-repeat center center/contain;
  cursor: pointer;
  transition: all 200ms linear;
}
.progress-wrap svg {
  position: relative;
  z-index: 2;
}
.progress-wrap svg path {
  fill: none;
}
.progress-wrap svg.progress-circle path {
  stroke: rgba(0, 0, 0, 0.95);
  stroke-width: 2px;
  box-sizing: border-box;
  transition: all 200ms linear;
}

/*-------------------------------------------*\
	_common.scss

  Index
  - 1.title
  - 2.more
  - 3.img-slide
  - 4.anmiate
\*-------------------------------------------*/
@media (min-width: 1200px) {
  .id-x.maskbg .header-wrap {
    background: rgba(0, 0, 0, 0);
  }
}

.id-title {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
.id-title [lang=en] {
  display: flex;
  margin-bottom: 0.5rem;
  font-family: "Fugaz One", sans-serif, Arial, "Noto Sans TC";
  font-size: 1.25em;
  letter-spacing: 5px;
  color: #ffb048;
}
@media (min-width: 1400px) {
  .id-title [lang=en] {
    font-size: 1.875em;
  }
}
.id-title small {
  color: #000;
  font-family: "Fugaz One", sans-serif, Arial, "Noto Sans TC";
  font-weight: bold;
  font-size: 1.25rem;
}

.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: #ffb048;
  color: #000;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 100%;
  height: 63px;
}
.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 calc(100% - 10px) 0 0);
  background: #000;
  transition: all 0.75s ease-in-out;
}
.more-btn a:after {
  background: #000;
  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: "Fugaz One", sans-serif, Arial, "Noto Sans TC";
  letter-spacing: 4px;
  font-size: 1.25rem;
  font-weight: 300;
}
.more-btn a span:before {
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  width: 12px;
  height: 12px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
  transition: all 0.5s ease-in-out;
}
.more-btn a:hover span:before, .more-btn a:focus span:before {
  transition: all 0.5s ease-in-out;
}
.more-btn a:hover:before, .more-btn a:focus:before {
  clip-path: inset(0 0 0 0);
  transition: all 0.5s ease-in-out;
}
.more-btn a:hover:after, .more-btn a:focus:after {
  clip-path: inset(0 0 0 0);
  background: #ee834f;
  transition: all 0.75s ease-in-out;
}

.color-reverse a:before {
  background: #ee834f;
}
.color-reverse a:after {
  background: #fff;
}

.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: #ee834f;
  z-index: 1;
}
.slide-img:after {
  background: #ffb048;
  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: #ffb048;
  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;
}
.banner-owl {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-bottom: 10px solid #ffb048;
}
.banner-owl .owl-dots .owl-dot span {
  width: 50px !important;
  height: 5px !important;
  background: rgba(255, 255, 255, 0.4) !important;
  box-shadow: none !important;
  transform: skewX(-36deg);
}
.banner-owl .owl-dots .owl-dot.active span {
  background: #ffb048 !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: 700px;
}
@media (min-width: 576px) {
  .banner-owl .item figure:before {
    padding-top: 800px;
  }
}
@media (min-width: 768px) {
  .banner-owl .item figure:before {
    padding-top: calc(100vh - 10px);
  }
}
.banner-owl .item figure img {
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.banner-animate {
  position: absolute;
  left: 0;
  top: 1rem;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: #ffb048;
  font-family: "Noto Sans TC", sans-serif;
  text-align: center;
  overflow: hidden;
  pointer-events: none;
}
.banner-animate .effect {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.banner-animate .ef1, .banner-animate .ef2 {
  display: flex;
  margin-left: 15vw;
  font-size: 13.3333333333vw;
  letter-spacing: 2vw;
  font-weight: 900;
  font-style: italic;
}
.banner-animate .ef1 .an-text.space, .banner-animate .ef2 .an-text.space {
  margin-right: 4.6153846154vw;
}
.banner-animate .ef1, .banner-animate .ef2 {
  margin-bottom: 1rem;
}
.banner-animate .ef3 {
  display: flex;
  margin-left: 3vw;
  color: #fff !important;
  font-size: 3.8095238095vw;
  letter-spacing: 1px;
  font-weight: 500;
}

@media (min-width: 768px) {
  .banner-animate .ef1, .banner-animate .ef2 {
    font-size: 10vw;
  }
  .banner-animate .ef3 {
    font-size: 3.1578947368vw;
  }
}
@media (min-width: 1200px) {
  .banner-animate .ef1, .banner-animate .ef2 {
    font-size: 6.6666666667vw;
  }
  .banner-animate .ef3 {
    margin-left: 7vw;
    font-size: 2.1052631579vw;
    letter-spacing: 2px;
  }
}
@media (min-width: 1200px) {
  .banner-animate:before, .banner-animate:after {
    content: "";
    position: absolute;
    z-index: 1;
  }
  .banner-animate:before {
    left: calc(50% - 15px);
    bottom: 7rem;
    width: 27px;
    height: 41px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 5rem;
  }
  .banner-animate:after {
    left: 50%;
    bottom: 8.75rem;
    height: 13px;
    width: 2px;
    background: #fff;
    animation: mouseicon 1.5s linear 0.2s infinite;
  }
  .banner-owl .owl-dots {
    bottom: 2rem !important;
  }
  .banner-owl .owl-dots .owl-dot span {
    height: 5px !important;
  }
}
@media (min-width: 1800px) {
  .banner-animate .effect[lang=zh] {
    display: flex;
    flex-direction: row;
  }
  .banner-animate .ef1, .banner-animate .ef2 {
    margin-left: 0vw;
    font-size: 5vw;
    font-weight: bold;
    letter-spacing: 1vw;
  }
  .banner-animate .ef1 {
    margin-left: 10vw;
  }
  .banner-animate .ef3 {
    font-size: 1.8181818182vw;
    letter-spacing: 10px;
  }
}
/* 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 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, .an-tit, .an-text-oth {
  display: inline-block; /* 確保 transform 100% 生效 */
  will-change: transform, opacity; /* 提前叫手機撥 GPU 資源 */
  backface-visibility: hidden; /* 防止 3D 旋轉時手機畫面閃爍 */
  perspective: 500px; /* 強化 3D 空間深度感 */
}

@keyframes globalFly3D {
  0%, 10% {
    opacity: 0;
    transform: translate(-50%, -50%) rotateX(var(--initX)) rotateY(var(--initY)) rotateZ(var(--initZ)) translateZ(var(--initDepth));
  }
  90%, 100% {
    opacity: 1;
    transform: translate(-50%, -50%) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0px);
  }
}
.an-text:nth-child(1) {
  --initX: -10deg;
  --initY: -150deg;
  --initZ: 124deg;
  --initDepth: -248px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(1) {
    --initX: -126deg;
    --initY: 142deg;
    --initZ: 500deg;
    --initDepth: -1251px;
  }
}
.an-text:nth-child(1) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 0ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(2) {
  --initX: 121deg;
  --initY: 123deg;
  --initZ: -108deg;
  --initDepth: -2px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(2) {
    --initX: 423deg;
    --initY: 247deg;
    --initZ: -118deg;
    --initDepth: -269px;
  }
}
.an-text:nth-child(2) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 20ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(3) {
  --initX: 115deg;
  --initY: -49deg;
  --initZ: 64deg;
  --initDepth: -384px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(3) {
    --initX: 422deg;
    --initY: 459deg;
    --initZ: -128deg;
    --initDepth: -645px;
  }
}
.an-text:nth-child(3) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 40ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(4) {
  --initX: 145deg;
  --initY: 107deg;
  --initZ: -26deg;
  --initDepth: 321px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(4) {
    --initX: 175deg;
    --initY: -224deg;
    --initZ: 374deg;
    --initDepth: 328px;
  }
}
.an-text:nth-child(4) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 60ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(5) {
  --initX: 100deg;
  --initY: -138deg;
  --initZ: -8deg;
  --initDepth: 330px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(5) {
    --initX: -123deg;
    --initY: -238deg;
    --initZ: -469deg;
    --initDepth: 1px;
  }
}
.an-text:nth-child(5) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 80ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(6) {
  --initX: 31deg;
  --initY: 56deg;
  --initZ: 77deg;
  --initDepth: -382px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(6) {
    --initX: -7deg;
    --initY: -414deg;
    --initZ: 110deg;
    --initDepth: 394px;
  }
}
.an-text:nth-child(6) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 100ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(7) {
  --initX: 71deg;
  --initY: -167deg;
  --initZ: 30deg;
  --initDepth: -137px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(7) {
    --initX: 43deg;
    --initY: 360deg;
    --initZ: 435deg;
    --initDepth: -571px;
  }
}
.an-text:nth-child(7) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 120ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(8) {
  --initX: -73deg;
  --initY: 175deg;
  --initZ: -104deg;
  --initDepth: -282px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(8) {
    --initX: -478deg;
    --initY: 417deg;
    --initZ: 234deg;
    --initDepth: 127px;
  }
}
.an-text:nth-child(8) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 140ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(9) {
  --initX: 99deg;
  --initY: 81deg;
  --initZ: -46deg;
  --initDepth: 155px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(9) {
    --initX: -113deg;
    --initY: 219deg;
    --initZ: -289deg;
    --initDepth: -682px;
  }
}
.an-text:nth-child(9) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 160ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(10) {
  --initX: -150deg;
  --initY: -35deg;
  --initZ: -36deg;
  --initDepth: 188px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(10) {
    --initX: 348deg;
    --initY: -429deg;
    --initZ: 190deg;
    --initDepth: -659px;
  }
}
.an-text:nth-child(10) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 180ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(11) {
  --initX: 61deg;
  --initY: -169deg;
  --initZ: 63deg;
  --initDepth: -445px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(11) {
    --initX: 232deg;
    --initY: 435deg;
    --initZ: -400deg;
    --initDepth: -1169px;
  }
}
.an-text:nth-child(11) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 200ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(12) {
  --initX: 14deg;
  --initY: 139deg;
  --initZ: -24deg;
  --initDepth: 251px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(12) {
    --initX: 234deg;
    --initY: 130deg;
    --initZ: 104deg;
    --initDepth: 241px;
  }
}
.an-text:nth-child(12) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 220ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(13) {
  --initX: -14deg;
  --initY: -130deg;
  --initZ: -175deg;
  --initDepth: 253px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(13) {
    --initX: -359deg;
    --initY: 29deg;
    --initZ: 38deg;
    --initDepth: -386px;
  }
}
.an-text:nth-child(13) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 240ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(14) {
  --initX: -15deg;
  --initY: -160deg;
  --initZ: -168deg;
  --initDepth: 245px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(14) {
    --initX: 150deg;
    --initY: 453deg;
    --initZ: -256deg;
    --initDepth: 199px;
  }
}
.an-text:nth-child(14) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 260ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(15) {
  --initX: 135deg;
  --initY: 79deg;
  --initZ: -124deg;
  --initDepth: -154px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(15) {
    --initX: -459deg;
    --initY: 498deg;
    --initZ: 313deg;
    --initDepth: -1127px;
  }
}
.an-text:nth-child(15) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 280ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(16) {
  --initX: -86deg;
  --initY: 67deg;
  --initZ: -175deg;
  --initDepth: 189px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(16) {
    --initX: 367deg;
    --initY: -4deg;
    --initZ: -305deg;
    --initDepth: -834px;
  }
}
.an-text:nth-child(16) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 300ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(17) {
  --initX: 83deg;
  --initY: 178deg;
  --initZ: 45deg;
  --initDepth: 320px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(17) {
    --initX: 195deg;
    --initY: -365deg;
    --initZ: 201deg;
    --initDepth: -246px;
  }
}
.an-text:nth-child(17) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 320ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(18) {
  --initX: 133deg;
  --initY: 84deg;
  --initZ: 13deg;
  --initDepth: 279px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(18) {
    --initX: 53deg;
    --initY: 320deg;
    --initZ: -393deg;
    --initDepth: -834px;
  }
}
.an-text:nth-child(18) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 340ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(19) {
  --initX: 120deg;
  --initY: -62deg;
  --initZ: 74deg;
  --initDepth: -222px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(19) {
    --initX: 306deg;
    --initY: 7deg;
    --initZ: -204deg;
    --initDepth: -141px;
  }
}
.an-text:nth-child(19) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 360ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(20) {
  --initX: -85deg;
  --initY: -2deg;
  --initZ: -162deg;
  --initDepth: -465px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(20) {
    --initX: 269deg;
    --initY: -391deg;
    --initZ: -161deg;
    --initDepth: -716px;
  }
}
.an-text:nth-child(20) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 380ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(21) {
  --initX: -89deg;
  --initY: 162deg;
  --initZ: -1deg;
  --initDepth: 149px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(21) {
    --initX: -335deg;
    --initY: -461deg;
    --initZ: 299deg;
    --initDepth: -982px;
  }
}
.an-text:nth-child(21) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 400ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(22) {
  --initX: -150deg;
  --initY: 157deg;
  --initZ: 47deg;
  --initDepth: -162px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(22) {
    --initX: 486deg;
    --initY: 149deg;
    --initZ: -79deg;
    --initDepth: -427px;
  }
}
.an-text:nth-child(22) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 420ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(23) {
  --initX: -31deg;
  --initY: 124deg;
  --initZ: -70deg;
  --initDepth: 100px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(23) {
    --initX: -83deg;
    --initY: -1deg;
    --initZ: 99deg;
    --initDepth: -247px;
  }
}
.an-text:nth-child(23) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 440ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(24) {
  --initX: 65deg;
  --initY: -117deg;
  --initZ: 142deg;
  --initDepth: -294px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(24) {
    --initX: 234deg;
    --initY: 232deg;
    --initZ: 138deg;
    --initDepth: -947px;
  }
}
.an-text:nth-child(24) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 460ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(25) {
  --initX: -123deg;
  --initY: 49deg;
  --initZ: -135deg;
  --initDepth: -196px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(25) {
    --initX: -343deg;
    --initY: -392deg;
    --initZ: 439deg;
    --initDepth: -1120px;
  }
}
.an-text:nth-child(25) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 480ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(26) {
  --initX: 83deg;
  --initY: -100deg;
  --initZ: -44deg;
  --initDepth: 183px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(26) {
    --initX: -370deg;
    --initY: -163deg;
    --initZ: -321deg;
    --initDepth: 456px;
  }
}
.an-text:nth-child(26) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 500ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(27) {
  --initX: -59deg;
  --initY: -62deg;
  --initZ: 148deg;
  --initDepth: -392px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(27) {
    --initX: -395deg;
    --initY: -477deg;
    --initZ: 376deg;
    --initDepth: -1444px;
  }
}
.an-text:nth-child(27) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 520ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(28) {
  --initX: 156deg;
  --initY: 13deg;
  --initZ: 24deg;
  --initDepth: -258px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(28) {
    --initX: 249deg;
    --initY: -213deg;
    --initZ: 294deg;
    --initDepth: -101px;
  }
}
.an-text:nth-child(28) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 540ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(29) {
  --initX: -58deg;
  --initY: 72deg;
  --initZ: 103deg;
  --initDepth: -304px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(29) {
    --initX: 276deg;
    --initY: -462deg;
    --initZ: 166deg;
    --initDepth: -1350px;
  }
}
.an-text:nth-child(29) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 560ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(30) {
  --initX: 135deg;
  --initY: -70deg;
  --initZ: -164deg;
  --initDepth: 277px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(30) {
    --initX: -168deg;
    --initY: -223deg;
    --initZ: -459deg;
    --initDepth: -200px;
  }
}
.an-text:nth-child(30) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 580ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(31) {
  --initX: 72deg;
  --initY: -43deg;
  --initZ: 85deg;
  --initDepth: -229px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(31) {
    --initX: -300deg;
    --initY: -248deg;
    --initZ: -126deg;
    --initDepth: -322px;
  }
}
.an-text:nth-child(31) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 600ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(32) {
  --initX: -15deg;
  --initY: -139deg;
  --initZ: 71deg;
  --initDepth: -273px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(32) {
    --initX: 455deg;
    --initY: -103deg;
    --initZ: 147deg;
    --initDepth: 411px;
  }
}
.an-text:nth-child(32) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 620ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(33) {
  --initX: -36deg;
  --initY: -111deg;
  --initZ: 84deg;
  --initDepth: -368px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(33) {
    --initX: 360deg;
    --initY: 82deg;
    --initZ: 181deg;
    --initDepth: -680px;
  }
}
.an-text:nth-child(33) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 640ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(34) {
  --initX: -6deg;
  --initY: 15deg;
  --initZ: 92deg;
  --initDepth: 244px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(34) {
    --initX: -409deg;
    --initY: -289deg;
    --initZ: -399deg;
    --initDepth: -212px;
  }
}
.an-text:nth-child(34) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 660ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(35) {
  --initX: -17deg;
  --initY: -5deg;
  --initZ: -65deg;
  --initDepth: -67px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(35) {
    --initX: -407deg;
    --initY: -208deg;
    --initZ: -128deg;
    --initDepth: 164px;
  }
}
.an-text:nth-child(35) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 680ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(36) {
  --initX: 100deg;
  --initY: 116deg;
  --initZ: 104deg;
  --initDepth: -251px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(36) {
    --initX: -461deg;
    --initY: -162deg;
    --initZ: 24deg;
    --initDepth: 103px;
  }
}
.an-text:nth-child(36) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 700ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(37) {
  --initX: -35deg;
  --initY: 4deg;
  --initZ: -165deg;
  --initDepth: -119px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(37) {
    --initX: 95deg;
    --initY: 180deg;
    --initZ: -63deg;
    --initDepth: 280px;
  }
}
.an-text:nth-child(37) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 720ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(38) {
  --initX: 169deg;
  --initY: -63deg;
  --initZ: -32deg;
  --initDepth: 378px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(38) {
    --initX: 304deg;
    --initY: 341deg;
    --initZ: 47deg;
    --initDepth: 60px;
  }
}
.an-text:nth-child(38) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 740ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(39) {
  --initX: -11deg;
  --initY: -110deg;
  --initZ: -2deg;
  --initDepth: -278px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(39) {
    --initX: -186deg;
    --initY: 446deg;
    --initZ: 271deg;
    --initDepth: -765px;
  }
}
.an-text:nth-child(39) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 760ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(40) {
  --initX: -81deg;
  --initY: -95deg;
  --initZ: -153deg;
  --initDepth: -473px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(40) {
    --initX: 39deg;
    --initY: 42deg;
    --initZ: 357deg;
    --initDepth: 476px;
  }
}
.an-text:nth-child(40) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 780ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(41) {
  --initX: 129deg;
  --initY: -94deg;
  --initZ: -34deg;
  --initDepth: -193px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(41) {
    --initX: -335deg;
    --initY: -479deg;
    --initZ: 7deg;
    --initDepth: -154px;
  }
}
.an-text:nth-child(41) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 800ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(42) {
  --initX: 170deg;
  --initY: 5deg;
  --initZ: -61deg;
  --initDepth: -288px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(42) {
    --initX: -351deg;
    --initY: 296deg;
    --initZ: -149deg;
    --initDepth: -699px;
  }
}
.an-text:nth-child(42) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 820ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(43) {
  --initX: -158deg;
  --initY: -13deg;
  --initZ: -127deg;
  --initDepth: -201px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(43) {
    --initX: -359deg;
    --initY: -263deg;
    --initZ: -359deg;
    --initDepth: -81px;
  }
}
.an-text:nth-child(43) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 840ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(44) {
  --initX: -13deg;
  --initY: -104deg;
  --initZ: -75deg;
  --initDepth: -258px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(44) {
    --initX: -414deg;
    --initY: 430deg;
    --initZ: -306deg;
    --initDepth: -418px;
  }
}
.an-text:nth-child(44) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 860ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(45) {
  --initX: -131deg;
  --initY: -10deg;
  --initZ: -103deg;
  --initDepth: -118px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(45) {
    --initX: -165deg;
    --initY: -194deg;
    --initZ: -53deg;
    --initDepth: -1320px;
  }
}
.an-text:nth-child(45) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 880ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(46) {
  --initX: 37deg;
  --initY: 110deg;
  --initZ: 127deg;
  --initDepth: -154px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(46) {
    --initX: 60deg;
    --initY: 25deg;
    --initZ: -393deg;
    --initDepth: -1328px;
  }
}
.an-text:nth-child(46) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 900ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(47) {
  --initX: 56deg;
  --initY: 49deg;
  --initZ: -43deg;
  --initDepth: -291px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(47) {
    --initX: 25deg;
    --initY: 102deg;
    --initZ: -483deg;
    --initDepth: -1091px;
  }
}
.an-text:nth-child(47) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 920ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(48) {
  --initX: 30deg;
  --initY: -25deg;
  --initZ: 3deg;
  --initDepth: 51px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(48) {
    --initX: 391deg;
    --initY: -311deg;
    --initZ: -433deg;
    --initDepth: -813px;
  }
}
.an-text:nth-child(48) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 940ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(49) {
  --initX: 38deg;
  --initY: -93deg;
  --initZ: 25deg;
  --initDepth: -145px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(49) {
    --initX: 247deg;
    --initY: 306deg;
    --initZ: 393deg;
    --initDepth: 251px;
  }
}
.an-text:nth-child(49) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 960ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(50) {
  --initX: -67deg;
  --initY: 86deg;
  --initZ: 16deg;
  --initDepth: -433px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(50) {
    --initX: 417deg;
    --initY: -474deg;
    --initZ: 414deg;
    --initDepth: -452px;
  }
}
.an-text:nth-child(50) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 980ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(51) {
  --initX: -46deg;
  --initY: 36deg;
  --initZ: 143deg;
  --initDepth: -444px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(51) {
    --initX: -192deg;
    --initY: 261deg;
    --initZ: -58deg;
    --initDepth: -1121px;
  }
}
.an-text:nth-child(51) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1000ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(52) {
  --initX: 124deg;
  --initY: -94deg;
  --initZ: 143deg;
  --initDepth: 377px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(52) {
    --initX: 413deg;
    --initY: -415deg;
    --initZ: 91deg;
    --initDepth: -1016px;
  }
}
.an-text:nth-child(52) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1020ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(53) {
  --initX: 158deg;
  --initY: -113deg;
  --initZ: 168deg;
  --initDepth: -277px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(53) {
    --initX: -28deg;
    --initY: 25deg;
    --initZ: -43deg;
    --initDepth: -623px;
  }
}
.an-text:nth-child(53) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1040ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(54) {
  --initX: 103deg;
  --initY: 162deg;
  --initZ: -71deg;
  --initDepth: -430px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(54) {
    --initX: 35deg;
    --initY: 208deg;
    --initZ: 237deg;
    --initDepth: 63px;
  }
}
.an-text:nth-child(54) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1060ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(55) {
  --initX: -177deg;
  --initY: 113deg;
  --initZ: -25deg;
  --initDepth: -425px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(55) {
    --initX: 142deg;
    --initY: -148deg;
    --initZ: 342deg;
    --initDepth: 284px;
  }
}
.an-text:nth-child(55) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1080ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(56) {
  --initX: 20deg;
  --initY: 100deg;
  --initZ: 98deg;
  --initDepth: -10px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(56) {
    --initX: 268deg;
    --initY: 433deg;
    --initZ: 122deg;
    --initDepth: -1043px;
  }
}
.an-text:nth-child(56) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1100ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(57) {
  --initX: 2deg;
  --initY: -58deg;
  --initZ: -39deg;
  --initDepth: 64px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(57) {
    --initX: 131deg;
    --initY: -443deg;
    --initZ: -305deg;
    --initDepth: -585px;
  }
}
.an-text:nth-child(57) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1120ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(58) {
  --initX: 83deg;
  --initY: -41deg;
  --initZ: 55deg;
  --initDepth: 23px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(58) {
    --initX: 373deg;
    --initY: -355deg;
    --initZ: -36deg;
    --initDepth: -342px;
  }
}
.an-text:nth-child(58) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1140ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(59) {
  --initX: -51deg;
  --initY: 105deg;
  --initZ: -121deg;
  --initDepth: -206px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(59) {
    --initX: -273deg;
    --initY: 286deg;
    --initZ: -59deg;
    --initDepth: -627px;
  }
}
.an-text:nth-child(59) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1160ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(60) {
  --initX: -83deg;
  --initY: -120deg;
  --initZ: 59deg;
  --initDepth: 167px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(60) {
    --initX: 173deg;
    --initY: 324deg;
    --initZ: 235deg;
    --initDepth: -670px;
  }
}
.an-text:nth-child(60) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1180ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(61) {
  --initX: -28deg;
  --initY: 67deg;
  --initZ: 73deg;
  --initDepth: 262px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(61) {
    --initX: -86deg;
    --initY: -241deg;
    --initZ: -161deg;
    --initDepth: 384px;
  }
}
.an-text:nth-child(61) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1200ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(62) {
  --initX: 85deg;
  --initY: -115deg;
  --initZ: -162deg;
  --initDepth: 238px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(62) {
    --initX: 453deg;
    --initY: 298deg;
    --initZ: 112deg;
    --initDepth: -491px;
  }
}
.an-text:nth-child(62) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1220ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(63) {
  --initX: 85deg;
  --initY: 118deg;
  --initZ: 40deg;
  --initDepth: -211px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(63) {
    --initX: 92deg;
    --initY: 21deg;
    --initZ: -495deg;
    --initDepth: -1274px;
  }
}
.an-text:nth-child(63) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1240ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(64) {
  --initX: 160deg;
  --initY: 35deg;
  --initZ: -143deg;
  --initDepth: -115px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(64) {
    --initX: -94deg;
    --initY: 73deg;
    --initZ: 23deg;
    --initDepth: -1364px;
  }
}
.an-text:nth-child(64) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1260ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(65) {
  --initX: -99deg;
  --initY: -32deg;
  --initZ: -164deg;
  --initDepth: 381px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(65) {
    --initX: 431deg;
    --initY: 421deg;
    --initZ: 114deg;
    --initDepth: 381px;
  }
}
.an-text:nth-child(65) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1280ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(66) {
  --initX: 100deg;
  --initY: -85deg;
  --initZ: -163deg;
  --initDepth: -273px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(66) {
    --initX: -87deg;
    --initY: -71deg;
    --initZ: -302deg;
    --initDepth: -293px;
  }
}
.an-text:nth-child(66) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1300ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(67) {
  --initX: -36deg;
  --initY: 53deg;
  --initZ: -138deg;
  --initDepth: -262px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(67) {
    --initX: -310deg;
    --initY: -308deg;
    --initZ: 208deg;
    --initDepth: 274px;
  }
}
.an-text:nth-child(67) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1320ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(68) {
  --initX: 26deg;
  --initY: -166deg;
  --initZ: -92deg;
  --initDepth: -396px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(68) {
    --initX: -497deg;
    --initY: 331deg;
    --initZ: -404deg;
    --initDepth: -888px;
  }
}
.an-text:nth-child(68) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1340ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(69) {
  --initX: -58deg;
  --initY: 14deg;
  --initZ: -68deg;
  --initDepth: -465px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(69) {
    --initX: -278deg;
    --initY: 218deg;
    --initZ: 339deg;
    --initDepth: 156px;
  }
}
.an-text:nth-child(69) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1360ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(70) {
  --initX: -132deg;
  --initY: -62deg;
  --initZ: -160deg;
  --initDepth: 189px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(70) {
    --initX: 325deg;
    --initY: -197deg;
    --initZ: 66deg;
    --initDepth: -758px;
  }
}
.an-text:nth-child(70) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1380ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(71) {
  --initX: 29deg;
  --initY: -178deg;
  --initZ: 134deg;
  --initDepth: -226px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(71) {
    --initX: 132deg;
    --initY: 470deg;
    --initZ: -283deg;
    --initDepth: -1459px;
  }
}
.an-text:nth-child(71) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1400ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(72) {
  --initX: 80deg;
  --initY: -95deg;
  --initZ: -62deg;
  --initDepth: -250px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(72) {
    --initX: -234deg;
    --initY: -237deg;
    --initZ: 196deg;
    --initDepth: -1330px;
  }
}
.an-text:nth-child(72) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1420ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(73) {
  --initX: 56deg;
  --initY: -45deg;
  --initZ: 122deg;
  --initDepth: -466px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(73) {
    --initX: -152deg;
    --initY: 347deg;
    --initZ: -188deg;
    --initDepth: 408px;
  }
}
.an-text:nth-child(73) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1440ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(74) {
  --initX: 9deg;
  --initY: -130deg;
  --initZ: 150deg;
  --initDepth: 32px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(74) {
    --initX: -430deg;
    --initY: 183deg;
    --initZ: -79deg;
    --initDepth: -172px;
  }
}
.an-text:nth-child(74) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1460ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(75) {
  --initX: 73deg;
  --initY: 111deg;
  --initZ: -4deg;
  --initDepth: -62px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(75) {
    --initX: 416deg;
    --initY: -450deg;
    --initZ: -439deg;
    --initDepth: -134px;
  }
}
.an-text:nth-child(75) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1480ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(76) {
  --initX: -3deg;
  --initY: 4deg;
  --initZ: 141deg;
  --initDepth: 139px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(76) {
    --initX: -310deg;
    --initY: 102deg;
    --initZ: 174deg;
    --initDepth: -894px;
  }
}
.an-text:nth-child(76) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1500ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(77) {
  --initX: 44deg;
  --initY: -23deg;
  --initZ: -85deg;
  --initDepth: -194px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(77) {
    --initX: 277deg;
    --initY: -260deg;
    --initZ: 384deg;
    --initDepth: -72px;
  }
}
.an-text:nth-child(77) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1520ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(78) {
  --initX: -155deg;
  --initY: -71deg;
  --initZ: -85deg;
  --initDepth: 27px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(78) {
    --initX: -182deg;
    --initY: -64deg;
    --initZ: -52deg;
    --initDepth: 292px;
  }
}
.an-text:nth-child(78) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1540ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(79) {
  --initX: 81deg;
  --initY: -102deg;
  --initZ: 34deg;
  --initDepth: 391px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(79) {
    --initX: -59deg;
    --initY: -437deg;
    --initZ: 250deg;
    --initDepth: -722px;
  }
}
.an-text:nth-child(79) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1560ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(80) {
  --initX: 48deg;
  --initY: 15deg;
  --initZ: 23deg;
  --initDepth: -260px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(80) {
    --initX: 201deg;
    --initY: 306deg;
    --initZ: -369deg;
    --initDepth: -1464px;
  }
}
.an-text:nth-child(80) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1580ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(81) {
  --initX: -38deg;
  --initY: 105deg;
  --initZ: 115deg;
  --initDepth: 36px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(81) {
    --initX: -95deg;
    --initY: 259deg;
    --initZ: -304deg;
    --initDepth: -577px;
  }
}
.an-text:nth-child(81) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1600ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(82) {
  --initX: -113deg;
  --initY: -48deg;
  --initZ: -169deg;
  --initDepth: 260px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(82) {
    --initX: -7deg;
    --initY: 175deg;
    --initZ: 185deg;
    --initDepth: 75px;
  }
}
.an-text:nth-child(82) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1620ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(83) {
  --initX: 58deg;
  --initY: -164deg;
  --initZ: 12deg;
  --initDepth: -225px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(83) {
    --initX: 45deg;
    --initY: 218deg;
    --initZ: -319deg;
    --initDepth: 445px;
  }
}
.an-text:nth-child(83) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1640ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(84) {
  --initX: -133deg;
  --initY: 149deg;
  --initZ: 49deg;
  --initDepth: -33px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(84) {
    --initX: -234deg;
    --initY: -230deg;
    --initZ: -17deg;
    --initDepth: -168px;
  }
}
.an-text:nth-child(84) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1660ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(85) {
  --initX: 97deg;
  --initY: -69deg;
  --initZ: -74deg;
  --initDepth: 207px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(85) {
    --initX: -22deg;
    --initY: 172deg;
    --initZ: -209deg;
    --initDepth: -1296px;
  }
}
.an-text:nth-child(85) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1680ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(86) {
  --initX: 161deg;
  --initY: 89deg;
  --initZ: 134deg;
  --initDepth: 193px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(86) {
    --initX: -152deg;
    --initY: -345deg;
    --initZ: 450deg;
    --initDepth: 21px;
  }
}
.an-text:nth-child(86) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1700ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(87) {
  --initX: 69deg;
  --initY: -93deg;
  --initZ: -132deg;
  --initDepth: -348px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(87) {
    --initX: -407deg;
    --initY: 326deg;
    --initZ: 49deg;
    --initDepth: -826px;
  }
}
.an-text:nth-child(87) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1720ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(88) {
  --initX: -141deg;
  --initY: -93deg;
  --initZ: 80deg;
  --initDepth: 33px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(88) {
    --initX: -95deg;
    --initY: 457deg;
    --initZ: -132deg;
    --initDepth: -895px;
  }
}
.an-text:nth-child(88) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1740ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(89) {
  --initX: 138deg;
  --initY: 134deg;
  --initZ: -46deg;
  --initDepth: 209px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(89) {
    --initX: -3deg;
    --initY: 349deg;
    --initZ: 394deg;
    --initDepth: -246px;
  }
}
.an-text:nth-child(89) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1760ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(90) {
  --initX: 161deg;
  --initY: -8deg;
  --initZ: -151deg;
  --initDepth: -345px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(90) {
    --initX: 348deg;
    --initY: 185deg;
    --initZ: -47deg;
    --initDepth: 284px;
  }
}
.an-text:nth-child(90) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1780ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(91) {
  --initX: 2deg;
  --initY: 56deg;
  --initZ: 153deg;
  --initDepth: 369px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(91) {
    --initX: 301deg;
    --initY: -82deg;
    --initZ: 246deg;
    --initDepth: -963px;
  }
}
.an-text:nth-child(91) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1800ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(92) {
  --initX: -46deg;
  --initY: -105deg;
  --initZ: 34deg;
  --initDepth: 398px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(92) {
    --initX: -185deg;
    --initY: 409deg;
    --initZ: 189deg;
    --initDepth: -406px;
  }
}
.an-text:nth-child(92) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1820ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(93) {
  --initX: -7deg;
  --initY: -72deg;
  --initZ: -154deg;
  --initDepth: -109px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(93) {
    --initX: 195deg;
    --initY: -154deg;
    --initZ: -186deg;
    --initDepth: -1493px;
  }
}
.an-text:nth-child(93) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1840ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(94) {
  --initX: 36deg;
  --initY: -86deg;
  --initZ: 62deg;
  --initDepth: -433px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(94) {
    --initX: 146deg;
    --initY: -35deg;
    --initZ: -287deg;
    --initDepth: -54px;
  }
}
.an-text:nth-child(94) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1860ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(95) {
  --initX: 62deg;
  --initY: -113deg;
  --initZ: 152deg;
  --initDepth: -111px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(95) {
    --initX: -80deg;
    --initY: 437deg;
    --initZ: -63deg;
    --initDepth: -336px;
  }
}
.an-text:nth-child(95) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1880ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(96) {
  --initX: -64deg;
  --initY: -14deg;
  --initZ: -129deg;
  --initDepth: -347px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(96) {
    --initX: 325deg;
    --initY: -491deg;
    --initZ: 101deg;
    --initDepth: -209px;
  }
}
.an-text:nth-child(96) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1900ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(97) {
  --initX: 152deg;
  --initY: -28deg;
  --initZ: 180deg;
  --initDepth: -252px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(97) {
    --initX: 255deg;
    --initY: 370deg;
    --initZ: -281deg;
    --initDepth: -798px;
  }
}
.an-text:nth-child(97) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1920ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(98) {
  --initX: 30deg;
  --initY: 104deg;
  --initZ: 7deg;
  --initDepth: -123px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(98) {
    --initX: -150deg;
    --initY: 368deg;
    --initZ: 59deg;
    --initDepth: -983px;
  }
}
.an-text:nth-child(98) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1940ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(99) {
  --initX: 101deg;
  --initY: -93deg;
  --initZ: -155deg;
  --initDepth: -385px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(99) {
    --initX: 394deg;
    --initY: 266deg;
    --initZ: -278deg;
    --initDepth: -1054px;
  }
}
.an-text:nth-child(99) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1960ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(100) {
  --initX: 123deg;
  --initY: 78deg;
  --initZ: 19deg;
  --initDepth: -19px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(100) {
    --initX: -18deg;
    --initY: -498deg;
    --initZ: 433deg;
    --initDepth: -1460px;
  }
}
.an-text:nth-child(100) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 1980ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text:nth-child(101) {
  --initX: 37deg;
  --initY: 8deg;
  --initZ: 66deg;
  --initDepth: -355px;
}
@media (min-width: 1200px) {
  .an-text:nth-child(101) {
    --initX: -151deg;
    --initY: 142deg;
    --initZ: -449deg;
    --initDepth: 144px;
  }
}
.an-text:nth-child(101) {
  transform-origin: center center;
  animation: globalFly3D 3000ms 2000ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}

.an-text-oth:nth-child(1), .an-tit:nth-child(1) {
  --initX: 99deg;
  --initY: -1deg;
  --initZ: -68deg;
  --initDepth: 31px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(1), .an-tit:nth-child(1) {
    --initX: 333deg;
    --initY: -67deg;
    --initZ: 167deg;
    --initDepth: -1444px;
  }
}
.an-text-oth:nth-child(1), .an-tit:nth-child(1) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 0ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(2), .an-tit:nth-child(2) {
  --initX: -54deg;
  --initY: -153deg;
  --initZ: 104deg;
  --initDepth: 113px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(2), .an-tit:nth-child(2) {
    --initX: 458deg;
    --initY: -176deg;
    --initZ: 13deg;
    --initDepth: -904px;
  }
}
.an-text-oth:nth-child(2), .an-tit:nth-child(2) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 25ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(3), .an-tit:nth-child(3) {
  --initX: 126deg;
  --initY: -157deg;
  --initZ: 49deg;
  --initDepth: -235px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(3), .an-tit:nth-child(3) {
    --initX: 183deg;
    --initY: -63deg;
    --initZ: -163deg;
    --initDepth: 173px;
  }
}
.an-text-oth:nth-child(3), .an-tit:nth-child(3) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 50ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(4), .an-tit:nth-child(4) {
  --initX: 93deg;
  --initY: 169deg;
  --initZ: 127deg;
  --initDepth: -217px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(4), .an-tit:nth-child(4) {
    --initX: -411deg;
    --initY: -317deg;
    --initZ: -444deg;
    --initDepth: -825px;
  }
}
.an-text-oth:nth-child(4), .an-tit:nth-child(4) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 75ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(5), .an-tit:nth-child(5) {
  --initX: -89deg;
  --initY: 74deg;
  --initZ: -146deg;
  --initDepth: -280px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(5), .an-tit:nth-child(5) {
    --initX: -302deg;
    --initY: -21deg;
    --initZ: 43deg;
    --initDepth: -1335px;
  }
}
.an-text-oth:nth-child(5), .an-tit:nth-child(5) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 100ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(6), .an-tit:nth-child(6) {
  --initX: 131deg;
  --initY: 7deg;
  --initZ: -37deg;
  --initDepth: -145px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(6), .an-tit:nth-child(6) {
    --initX: 427deg;
    --initY: 332deg;
    --initZ: -300deg;
    --initDepth: 195px;
  }
}
.an-text-oth:nth-child(6), .an-tit:nth-child(6) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 125ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(7), .an-tit:nth-child(7) {
  --initX: 180deg;
  --initY: 160deg;
  --initZ: -65deg;
  --initDepth: -428px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(7), .an-tit:nth-child(7) {
    --initX: 40deg;
    --initY: -348deg;
    --initZ: -80deg;
    --initDepth: -726px;
  }
}
.an-text-oth:nth-child(7), .an-tit:nth-child(7) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 150ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(8), .an-tit:nth-child(8) {
  --initX: 58deg;
  --initY: -77deg;
  --initZ: 25deg;
  --initDepth: -52px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(8), .an-tit:nth-child(8) {
    --initX: 17deg;
    --initY: 74deg;
    --initZ: 53deg;
    --initDepth: 73px;
  }
}
.an-text-oth:nth-child(8), .an-tit:nth-child(8) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 175ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(9), .an-tit:nth-child(9) {
  --initX: 82deg;
  --initY: 66deg;
  --initZ: 167deg;
  --initDepth: 321px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(9), .an-tit:nth-child(9) {
    --initX: -443deg;
    --initY: 453deg;
    --initZ: 93deg;
    --initDepth: -653px;
  }
}
.an-text-oth:nth-child(9), .an-tit:nth-child(9) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 200ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(10), .an-tit:nth-child(10) {
  --initX: 47deg;
  --initY: 83deg;
  --initZ: -125deg;
  --initDepth: 27px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(10), .an-tit:nth-child(10) {
    --initX: 383deg;
    --initY: -89deg;
    --initZ: 384deg;
    --initDepth: -491px;
  }
}
.an-text-oth:nth-child(10), .an-tit:nth-child(10) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 225ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(11), .an-tit:nth-child(11) {
  --initX: -161deg;
  --initY: 7deg;
  --initZ: -89deg;
  --initDepth: 238px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(11), .an-tit:nth-child(11) {
    --initX: -179deg;
    --initY: -32deg;
    --initZ: -17deg;
    --initDepth: -276px;
  }
}
.an-text-oth:nth-child(11), .an-tit:nth-child(11) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 250ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(12), .an-tit:nth-child(12) {
  --initX: -79deg;
  --initY: 126deg;
  --initZ: -139deg;
  --initDepth: 379px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(12), .an-tit:nth-child(12) {
    --initX: 165deg;
    --initY: -419deg;
    --initZ: 311deg;
    --initDepth: 481px;
  }
}
.an-text-oth:nth-child(12), .an-tit:nth-child(12) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 275ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(13), .an-tit:nth-child(13) {
  --initX: 75deg;
  --initY: -98deg;
  --initZ: -82deg;
  --initDepth: 161px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(13), .an-tit:nth-child(13) {
    --initX: -461deg;
    --initY: -426deg;
    --initZ: 56deg;
    --initDepth: -933px;
  }
}
.an-text-oth:nth-child(13), .an-tit:nth-child(13) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 300ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(14), .an-tit:nth-child(14) {
  --initX: 60deg;
  --initY: -142deg;
  --initZ: 62deg;
  --initDepth: -263px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(14), .an-tit:nth-child(14) {
    --initX: 408deg;
    --initY: 38deg;
    --initZ: 384deg;
    --initDepth: -1222px;
  }
}
.an-text-oth:nth-child(14), .an-tit:nth-child(14) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 325ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(15), .an-tit:nth-child(15) {
  --initX: -117deg;
  --initY: 156deg;
  --initZ: -79deg;
  --initDepth: 76px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(15), .an-tit:nth-child(15) {
    --initX: 312deg;
    --initY: -203deg;
    --initZ: -276deg;
    --initDepth: -673px;
  }
}
.an-text-oth:nth-child(15), .an-tit:nth-child(15) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 350ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(16), .an-tit:nth-child(16) {
  --initX: -177deg;
  --initY: -160deg;
  --initZ: 134deg;
  --initDepth: -118px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(16), .an-tit:nth-child(16) {
    --initX: -410deg;
    --initY: -275deg;
    --initZ: -493deg;
    --initDepth: -127px;
  }
}
.an-text-oth:nth-child(16), .an-tit:nth-child(16) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 375ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(17), .an-tit:nth-child(17) {
  --initX: 114deg;
  --initY: -20deg;
  --initZ: -89deg;
  --initDepth: -258px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(17), .an-tit:nth-child(17) {
    --initX: 246deg;
    --initY: -104deg;
    --initZ: -270deg;
    --initDepth: 25px;
  }
}
.an-text-oth:nth-child(17), .an-tit:nth-child(17) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 400ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(18), .an-tit:nth-child(18) {
  --initX: -73deg;
  --initY: 115deg;
  --initZ: -25deg;
  --initDepth: -374px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(18), .an-tit:nth-child(18) {
    --initX: -39deg;
    --initY: -204deg;
    --initZ: 391deg;
    --initDepth: 248px;
  }
}
.an-text-oth:nth-child(18), .an-tit:nth-child(18) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 425ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(19), .an-tit:nth-child(19) {
  --initX: 164deg;
  --initY: -121deg;
  --initZ: -48deg;
  --initDepth: 281px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(19), .an-tit:nth-child(19) {
    --initX: 139deg;
    --initY: 405deg;
    --initZ: -211deg;
    --initDepth: 421px;
  }
}
.an-text-oth:nth-child(19), .an-tit:nth-child(19) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 450ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(20), .an-tit:nth-child(20) {
  --initX: 38deg;
  --initY: -39deg;
  --initZ: -88deg;
  --initDepth: -367px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(20), .an-tit:nth-child(20) {
    --initX: 40deg;
    --initY: -467deg;
    --initZ: 170deg;
    --initDepth: 157px;
  }
}
.an-text-oth:nth-child(20), .an-tit:nth-child(20) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 475ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(21), .an-tit:nth-child(21) {
  --initX: -9deg;
  --initY: 68deg;
  --initZ: 9deg;
  --initDepth: -130px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(21), .an-tit:nth-child(21) {
    --initX: -3deg;
    --initY: -294deg;
    --initZ: 291deg;
    --initDepth: -434px;
  }
}
.an-text-oth:nth-child(21), .an-tit:nth-child(21) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 500ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(22), .an-tit:nth-child(22) {
  --initX: -69deg;
  --initY: 101deg;
  --initZ: 4deg;
  --initDepth: -464px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(22), .an-tit:nth-child(22) {
    --initX: -277deg;
    --initY: -435deg;
    --initZ: -277deg;
    --initDepth: -728px;
  }
}
.an-text-oth:nth-child(22), .an-tit:nth-child(22) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 525ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(23), .an-tit:nth-child(23) {
  --initX: 139deg;
  --initY: 91deg;
  --initZ: 22deg;
  --initDepth: -154px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(23), .an-tit:nth-child(23) {
    --initX: 144deg;
    --initY: -337deg;
    --initZ: -2deg;
    --initDepth: -702px;
  }
}
.an-text-oth:nth-child(23), .an-tit:nth-child(23) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 550ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(24), .an-tit:nth-child(24) {
  --initX: -114deg;
  --initY: 20deg;
  --initZ: 17deg;
  --initDepth: -476px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(24), .an-tit:nth-child(24) {
    --initX: -155deg;
    --initY: 384deg;
    --initZ: -267deg;
    --initDepth: 175px;
  }
}
.an-text-oth:nth-child(24), .an-tit:nth-child(24) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 575ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(25), .an-tit:nth-child(25) {
  --initX: 56deg;
  --initY: 137deg;
  --initZ: 62deg;
  --initDepth: -90px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(25), .an-tit:nth-child(25) {
    --initX: -316deg;
    --initY: -269deg;
    --initZ: 330deg;
    --initDepth: 220px;
  }
}
.an-text-oth:nth-child(25), .an-tit:nth-child(25) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 600ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(26), .an-tit:nth-child(26) {
  --initX: 105deg;
  --initY: 62deg;
  --initZ: 178deg;
  --initDepth: 300px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(26), .an-tit:nth-child(26) {
    --initX: -170deg;
    --initY: -127deg;
    --initZ: -325deg;
    --initDepth: -365px;
  }
}
.an-text-oth:nth-child(26), .an-tit:nth-child(26) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 625ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(27), .an-tit:nth-child(27) {
  --initX: -41deg;
  --initY: -171deg;
  --initZ: 26deg;
  --initDepth: 59px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(27), .an-tit:nth-child(27) {
    --initX: 135deg;
    --initY: -162deg;
    --initZ: 212deg;
    --initDepth: -37px;
  }
}
.an-text-oth:nth-child(27), .an-tit:nth-child(27) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 650ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(28), .an-tit:nth-child(28) {
  --initX: -171deg;
  --initY: 119deg;
  --initZ: 99deg;
  --initDepth: -229px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(28), .an-tit:nth-child(28) {
    --initX: -20deg;
    --initY: -324deg;
    --initZ: -262deg;
    --initDepth: 422px;
  }
}
.an-text-oth:nth-child(28), .an-tit:nth-child(28) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 675ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(29), .an-tit:nth-child(29) {
  --initX: -81deg;
  --initY: -109deg;
  --initZ: -109deg;
  --initDepth: -71px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(29), .an-tit:nth-child(29) {
    --initX: -437deg;
    --initY: -256deg;
    --initZ: -101deg;
    --initDepth: -795px;
  }
}
.an-text-oth:nth-child(29), .an-tit:nth-child(29) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 700ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(30), .an-tit:nth-child(30) {
  --initX: -36deg;
  --initY: -104deg;
  --initZ: 129deg;
  --initDepth: -493px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(30), .an-tit:nth-child(30) {
    --initX: 2deg;
    --initY: 355deg;
    --initZ: -433deg;
    --initDepth: 184px;
  }
}
.an-text-oth:nth-child(30), .an-tit:nth-child(30) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 725ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(31), .an-tit:nth-child(31) {
  --initX: -171deg;
  --initY: -97deg;
  --initZ: -138deg;
  --initDepth: -334px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(31), .an-tit:nth-child(31) {
    --initX: 232deg;
    --initY: 76deg;
    --initZ: 477deg;
    --initDepth: 40px;
  }
}
.an-text-oth:nth-child(31), .an-tit:nth-child(31) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 750ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(32), .an-tit:nth-child(32) {
  --initX: -33deg;
  --initY: -33deg;
  --initZ: 23deg;
  --initDepth: 48px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(32), .an-tit:nth-child(32) {
    --initX: -189deg;
    --initY: -243deg;
    --initZ: -19deg;
    --initDepth: -525px;
  }
}
.an-text-oth:nth-child(32), .an-tit:nth-child(32) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 775ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(33), .an-tit:nth-child(33) {
  --initX: 21deg;
  --initY: 165deg;
  --initZ: -90deg;
  --initDepth: 352px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(33), .an-tit:nth-child(33) {
    --initX: 43deg;
    --initY: 122deg;
    --initZ: 476deg;
    --initDepth: -1396px;
  }
}
.an-text-oth:nth-child(33), .an-tit:nth-child(33) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 800ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(34), .an-tit:nth-child(34) {
  --initX: 138deg;
  --initY: -169deg;
  --initZ: -13deg;
  --initDepth: 360px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(34), .an-tit:nth-child(34) {
    --initX: -104deg;
    --initY: 481deg;
    --initZ: 7deg;
    --initDepth: -734px;
  }
}
.an-text-oth:nth-child(34), .an-tit:nth-child(34) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 825ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(35), .an-tit:nth-child(35) {
  --initX: 100deg;
  --initY: -121deg;
  --initZ: 40deg;
  --initDepth: 324px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(35), .an-tit:nth-child(35) {
    --initX: 404deg;
    --initY: 249deg;
    --initZ: -408deg;
    --initDepth: -837px;
  }
}
.an-text-oth:nth-child(35), .an-tit:nth-child(35) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 850ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(36), .an-tit:nth-child(36) {
  --initX: -57deg;
  --initY: 69deg;
  --initZ: 50deg;
  --initDepth: 131px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(36), .an-tit:nth-child(36) {
    --initX: 221deg;
    --initY: -301deg;
    --initZ: -304deg;
    --initDepth: -691px;
  }
}
.an-text-oth:nth-child(36), .an-tit:nth-child(36) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 875ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(37), .an-tit:nth-child(37) {
  --initX: -128deg;
  --initY: -8deg;
  --initZ: 119deg;
  --initDepth: -229px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(37), .an-tit:nth-child(37) {
    --initX: 347deg;
    --initY: -403deg;
    --initZ: -170deg;
    --initDepth: 186px;
  }
}
.an-text-oth:nth-child(37), .an-tit:nth-child(37) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 900ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(38), .an-tit:nth-child(38) {
  --initX: -161deg;
  --initY: -139deg;
  --initZ: -67deg;
  --initDepth: -284px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(38), .an-tit:nth-child(38) {
    --initX: -85deg;
    --initY: 199deg;
    --initZ: 495deg;
    --initDepth: -612px;
  }
}
.an-text-oth:nth-child(38), .an-tit:nth-child(38) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 925ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(39), .an-tit:nth-child(39) {
  --initX: 82deg;
  --initY: 11deg;
  --initZ: 98deg;
  --initDepth: 379px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(39), .an-tit:nth-child(39) {
    --initX: 164deg;
    --initY: 69deg;
    --initZ: 206deg;
    --initDepth: -143px;
  }
}
.an-text-oth:nth-child(39), .an-tit:nth-child(39) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 950ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(40), .an-tit:nth-child(40) {
  --initX: -102deg;
  --initY: -146deg;
  --initZ: -77deg;
  --initDepth: -211px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(40), .an-tit:nth-child(40) {
    --initX: -431deg;
    --initY: 103deg;
    --initZ: 120deg;
    --initDepth: -1185px;
  }
}
.an-text-oth:nth-child(40), .an-tit:nth-child(40) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 975ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(41), .an-tit:nth-child(41) {
  --initX: -143deg;
  --initY: 87deg;
  --initZ: 90deg;
  --initDepth: 146px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(41), .an-tit:nth-child(41) {
    --initX: 80deg;
    --initY: 231deg;
    --initZ: 330deg;
    --initDepth: -379px;
  }
}
.an-text-oth:nth-child(41), .an-tit:nth-child(41) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1000ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(42), .an-tit:nth-child(42) {
  --initX: -6deg;
  --initY: -79deg;
  --initZ: 96deg;
  --initDepth: 340px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(42), .an-tit:nth-child(42) {
    --initX: 176deg;
    --initY: -176deg;
    --initZ: 302deg;
    --initDepth: -166px;
  }
}
.an-text-oth:nth-child(42), .an-tit:nth-child(42) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1025ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(43), .an-tit:nth-child(43) {
  --initX: 46deg;
  --initY: 23deg;
  --initZ: 114deg;
  --initDepth: -121px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(43), .an-tit:nth-child(43) {
    --initX: 384deg;
    --initY: 345deg;
    --initZ: -261deg;
    --initDepth: -1323px;
  }
}
.an-text-oth:nth-child(43), .an-tit:nth-child(43) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1050ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(44), .an-tit:nth-child(44) {
  --initX: 33deg;
  --initY: -37deg;
  --initZ: 163deg;
  --initDepth: -458px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(44), .an-tit:nth-child(44) {
    --initX: -165deg;
    --initY: -473deg;
    --initZ: 189deg;
    --initDepth: -62px;
  }
}
.an-text-oth:nth-child(44), .an-tit:nth-child(44) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1075ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(45), .an-tit:nth-child(45) {
  --initX: -143deg;
  --initY: -82deg;
  --initZ: -50deg;
  --initDepth: -174px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(45), .an-tit:nth-child(45) {
    --initX: 351deg;
    --initY: -246deg;
    --initZ: 419deg;
    --initDepth: -170px;
  }
}
.an-text-oth:nth-child(45), .an-tit:nth-child(45) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1100ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(46), .an-tit:nth-child(46) {
  --initX: -46deg;
  --initY: 6deg;
  --initZ: -88deg;
  --initDepth: -454px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(46), .an-tit:nth-child(46) {
    --initX: 67deg;
    --initY: 153deg;
    --initZ: 471deg;
    --initDepth: -501px;
  }
}
.an-text-oth:nth-child(46), .an-tit:nth-child(46) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1125ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(47), .an-tit:nth-child(47) {
  --initX: -63deg;
  --initY: -5deg;
  --initZ: -44deg;
  --initDepth: -33px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(47), .an-tit:nth-child(47) {
    --initX: 215deg;
    --initY: 85deg;
    --initZ: 439deg;
    --initDepth: 224px;
  }
}
.an-text-oth:nth-child(47), .an-tit:nth-child(47) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1150ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(48), .an-tit:nth-child(48) {
  --initX: -69deg;
  --initY: 18deg;
  --initZ: 48deg;
  --initDepth: -394px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(48), .an-tit:nth-child(48) {
    --initX: 418deg;
    --initY: -97deg;
    --initZ: 368deg;
    --initDepth: 472px;
  }
}
.an-text-oth:nth-child(48), .an-tit:nth-child(48) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1175ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(49), .an-tit:nth-child(49) {
  --initX: -41deg;
  --initY: 66deg;
  --initZ: 9deg;
  --initDepth: 276px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(49), .an-tit:nth-child(49) {
    --initX: 82deg;
    --initY: 2deg;
    --initZ: -228deg;
    --initDepth: -1342px;
  }
}
.an-text-oth:nth-child(49), .an-tit:nth-child(49) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1200ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(50), .an-tit:nth-child(50) {
  --initX: 40deg;
  --initY: 100deg;
  --initZ: -103deg;
  --initDepth: 276px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(50), .an-tit:nth-child(50) {
    --initX: -310deg;
    --initY: -283deg;
    --initZ: 427deg;
    --initDepth: 432px;
  }
}
.an-text-oth:nth-child(50), .an-tit:nth-child(50) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1225ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(51), .an-tit:nth-child(51) {
  --initX: 101deg;
  --initY: 16deg;
  --initZ: -116deg;
  --initDepth: -30px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(51), .an-tit:nth-child(51) {
    --initX: 263deg;
    --initY: -188deg;
    --initZ: 106deg;
    --initDepth: -1136px;
  }
}
.an-text-oth:nth-child(51), .an-tit:nth-child(51) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1250ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(52), .an-tit:nth-child(52) {
  --initX: -38deg;
  --initY: -101deg;
  --initZ: 10deg;
  --initDepth: -139px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(52), .an-tit:nth-child(52) {
    --initX: 162deg;
    --initY: 452deg;
    --initZ: 197deg;
    --initDepth: -281px;
  }
}
.an-text-oth:nth-child(52), .an-tit:nth-child(52) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1275ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(53), .an-tit:nth-child(53) {
  --initX: -74deg;
  --initY: 42deg;
  --initZ: -20deg;
  --initDepth: 263px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(53), .an-tit:nth-child(53) {
    --initX: 108deg;
    --initY: 114deg;
    --initZ: 0deg;
    --initDepth: -980px;
  }
}
.an-text-oth:nth-child(53), .an-tit:nth-child(53) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1300ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(54), .an-tit:nth-child(54) {
  --initX: 55deg;
  --initY: 13deg;
  --initZ: -9deg;
  --initDepth: 386px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(54), .an-tit:nth-child(54) {
    --initX: -118deg;
    --initY: 74deg;
    --initZ: -435deg;
    --initDepth: -319px;
  }
}
.an-text-oth:nth-child(54), .an-tit:nth-child(54) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1325ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(55), .an-tit:nth-child(55) {
  --initX: 49deg;
  --initY: 149deg;
  --initZ: -34deg;
  --initDepth: -236px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(55), .an-tit:nth-child(55) {
    --initX: -96deg;
    --initY: 197deg;
    --initZ: 268deg;
    --initDepth: 477px;
  }
}
.an-text-oth:nth-child(55), .an-tit:nth-child(55) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1350ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(56), .an-tit:nth-child(56) {
  --initX: 157deg;
  --initY: 122deg;
  --initZ: -127deg;
  --initDepth: -157px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(56), .an-tit:nth-child(56) {
    --initX: -450deg;
    --initY: 412deg;
    --initZ: 50deg;
    --initDepth: -372px;
  }
}
.an-text-oth:nth-child(56), .an-tit:nth-child(56) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1375ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(57), .an-tit:nth-child(57) {
  --initX: -31deg;
  --initY: 26deg;
  --initZ: -88deg;
  --initDepth: 113px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(57), .an-tit:nth-child(57) {
    --initX: -201deg;
    --initY: -22deg;
    --initZ: -74deg;
    --initDepth: -976px;
  }
}
.an-text-oth:nth-child(57), .an-tit:nth-child(57) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1400ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(58), .an-tit:nth-child(58) {
  --initX: 6deg;
  --initY: -146deg;
  --initZ: -42deg;
  --initDepth: -323px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(58), .an-tit:nth-child(58) {
    --initX: 26deg;
    --initY: 120deg;
    --initZ: 23deg;
    --initDepth: 128px;
  }
}
.an-text-oth:nth-child(58), .an-tit:nth-child(58) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1425ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(59), .an-tit:nth-child(59) {
  --initX: 41deg;
  --initY: 54deg;
  --initZ: 86deg;
  --initDepth: 186px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(59), .an-tit:nth-child(59) {
    --initX: -483deg;
    --initY: 307deg;
    --initZ: -4deg;
    --initDepth: -1402px;
  }
}
.an-text-oth:nth-child(59), .an-tit:nth-child(59) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1450ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(60), .an-tit:nth-child(60) {
  --initX: 136deg;
  --initY: 44deg;
  --initZ: 76deg;
  --initDepth: -377px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(60), .an-tit:nth-child(60) {
    --initX: 48deg;
    --initY: 219deg;
    --initZ: 49deg;
    --initDepth: -1158px;
  }
}
.an-text-oth:nth-child(60), .an-tit:nth-child(60) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1475ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(61), .an-tit:nth-child(61) {
  --initX: 86deg;
  --initY: -149deg;
  --initZ: 143deg;
  --initDepth: -480px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(61), .an-tit:nth-child(61) {
    --initX: 464deg;
    --initY: -356deg;
    --initZ: 6deg;
    --initDepth: -1353px;
  }
}
.an-text-oth:nth-child(61), .an-tit:nth-child(61) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1500ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(62), .an-tit:nth-child(62) {
  --initX: 146deg;
  --initY: -163deg;
  --initZ: 155deg;
  --initDepth: -115px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(62), .an-tit:nth-child(62) {
    --initX: -326deg;
    --initY: 246deg;
    --initZ: 463deg;
    --initDepth: 361px;
  }
}
.an-text-oth:nth-child(62), .an-tit:nth-child(62) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1525ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(63), .an-tit:nth-child(63) {
  --initX: 121deg;
  --initY: 37deg;
  --initZ: -98deg;
  --initDepth: 158px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(63), .an-tit:nth-child(63) {
    --initX: 323deg;
    --initY: 415deg;
    --initZ: 30deg;
    --initDepth: 81px;
  }
}
.an-text-oth:nth-child(63), .an-tit:nth-child(63) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1550ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(64), .an-tit:nth-child(64) {
  --initX: -170deg;
  --initY: 93deg;
  --initZ: -81deg;
  --initDepth: -275px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(64), .an-tit:nth-child(64) {
    --initX: -257deg;
    --initY: 95deg;
    --initZ: -367deg;
    --initDepth: -726px;
  }
}
.an-text-oth:nth-child(64), .an-tit:nth-child(64) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1575ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(65), .an-tit:nth-child(65) {
  --initX: 34deg;
  --initY: 57deg;
  --initZ: 76deg;
  --initDepth: -480px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(65), .an-tit:nth-child(65) {
    --initX: -145deg;
    --initY: -374deg;
    --initZ: 355deg;
    --initDepth: -1172px;
  }
}
.an-text-oth:nth-child(65), .an-tit:nth-child(65) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1600ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(66), .an-tit:nth-child(66) {
  --initX: 90deg;
  --initY: -3deg;
  --initZ: -22deg;
  --initDepth: -109px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(66), .an-tit:nth-child(66) {
    --initX: -455deg;
    --initY: -441deg;
    --initZ: 430deg;
    --initDepth: 12px;
  }
}
.an-text-oth:nth-child(66), .an-tit:nth-child(66) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1625ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(67), .an-tit:nth-child(67) {
  --initX: 130deg;
  --initY: 76deg;
  --initZ: 175deg;
  --initDepth: 116px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(67), .an-tit:nth-child(67) {
    --initX: -56deg;
    --initY: 292deg;
    --initZ: -197deg;
    --initDepth: -1166px;
  }
}
.an-text-oth:nth-child(67), .an-tit:nth-child(67) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1650ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(68), .an-tit:nth-child(68) {
  --initX: -176deg;
  --initY: 104deg;
  --initZ: 47deg;
  --initDepth: 379px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(68), .an-tit:nth-child(68) {
    --initX: 15deg;
    --initY: 85deg;
    --initZ: -54deg;
    --initDepth: -1421px;
  }
}
.an-text-oth:nth-child(68), .an-tit:nth-child(68) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1675ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(69), .an-tit:nth-child(69) {
  --initX: 66deg;
  --initY: 82deg;
  --initZ: -76deg;
  --initDepth: -107px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(69), .an-tit:nth-child(69) {
    --initX: -64deg;
    --initY: -62deg;
    --initZ: 323deg;
    --initDepth: -76px;
  }
}
.an-text-oth:nth-child(69), .an-tit:nth-child(69) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1700ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(70), .an-tit:nth-child(70) {
  --initX: -125deg;
  --initY: 133deg;
  --initZ: 108deg;
  --initDepth: -351px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(70), .an-tit:nth-child(70) {
    --initX: -301deg;
    --initY: 330deg;
    --initZ: -171deg;
    --initDepth: -150px;
  }
}
.an-text-oth:nth-child(70), .an-tit:nth-child(70) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1725ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(71), .an-tit:nth-child(71) {
  --initX: 83deg;
  --initY: 92deg;
  --initZ: 71deg;
  --initDepth: -347px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(71), .an-tit:nth-child(71) {
    --initX: -466deg;
    --initY: -42deg;
    --initZ: -5deg;
    --initDepth: -1258px;
  }
}
.an-text-oth:nth-child(71), .an-tit:nth-child(71) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1750ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(72), .an-tit:nth-child(72) {
  --initX: -26deg;
  --initY: -96deg;
  --initZ: 65deg;
  --initDepth: -445px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(72), .an-tit:nth-child(72) {
    --initX: 244deg;
    --initY: 486deg;
    --initZ: -57deg;
    --initDepth: 359px;
  }
}
.an-text-oth:nth-child(72), .an-tit:nth-child(72) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1775ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(73), .an-tit:nth-child(73) {
  --initX: -23deg;
  --initY: 55deg;
  --initZ: -29deg;
  --initDepth: -162px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(73), .an-tit:nth-child(73) {
    --initX: 411deg;
    --initY: 455deg;
    --initZ: 280deg;
    --initDepth: -832px;
  }
}
.an-text-oth:nth-child(73), .an-tit:nth-child(73) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1800ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(74), .an-tit:nth-child(74) {
  --initX: 117deg;
  --initY: -157deg;
  --initZ: -69deg;
  --initDepth: -78px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(74), .an-tit:nth-child(74) {
    --initX: -226deg;
    --initY: -300deg;
    --initZ: -323deg;
    --initDepth: -1408px;
  }
}
.an-text-oth:nth-child(74), .an-tit:nth-child(74) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1825ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(75), .an-tit:nth-child(75) {
  --initX: -40deg;
  --initY: -24deg;
  --initZ: -110deg;
  --initDepth: -375px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(75), .an-tit:nth-child(75) {
    --initX: 31deg;
    --initY: 500deg;
    --initZ: -239deg;
    --initDepth: -623px;
  }
}
.an-text-oth:nth-child(75), .an-tit:nth-child(75) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1850ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(76), .an-tit:nth-child(76) {
  --initX: 162deg;
  --initY: 106deg;
  --initZ: 84deg;
  --initDepth: -81px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(76), .an-tit:nth-child(76) {
    --initX: 77deg;
    --initY: -380deg;
    --initZ: 25deg;
    --initDepth: 208px;
  }
}
.an-text-oth:nth-child(76), .an-tit:nth-child(76) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1875ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(77), .an-tit:nth-child(77) {
  --initX: 177deg;
  --initY: -159deg;
  --initZ: -158deg;
  --initDepth: 229px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(77), .an-tit:nth-child(77) {
    --initX: -443deg;
    --initY: 255deg;
    --initZ: -35deg;
    --initDepth: -680px;
  }
}
.an-text-oth:nth-child(77), .an-tit:nth-child(77) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1900ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(78), .an-tit:nth-child(78) {
  --initX: 118deg;
  --initY: -7deg;
  --initZ: 111deg;
  --initDepth: -97px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(78), .an-tit:nth-child(78) {
    --initX: 214deg;
    --initY: -432deg;
    --initZ: 376deg;
    --initDepth: -290px;
  }
}
.an-text-oth:nth-child(78), .an-tit:nth-child(78) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1925ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(79), .an-tit:nth-child(79) {
  --initX: -96deg;
  --initY: -155deg;
  --initZ: -59deg;
  --initDepth: 320px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(79), .an-tit:nth-child(79) {
    --initX: -257deg;
    --initY: 390deg;
    --initZ: -450deg;
    --initDepth: -455px;
  }
}
.an-text-oth:nth-child(79), .an-tit:nth-child(79) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1950ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(80), .an-tit:nth-child(80) {
  --initX: -27deg;
  --initY: 139deg;
  --initZ: 60deg;
  --initDepth: -144px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(80), .an-tit:nth-child(80) {
    --initX: 407deg;
    --initY: 449deg;
    --initZ: 195deg;
    --initDepth: -781px;
  }
}
.an-text-oth:nth-child(80), .an-tit:nth-child(80) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 1975ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(81), .an-tit:nth-child(81) {
  --initX: 18deg;
  --initY: -109deg;
  --initZ: -136deg;
  --initDepth: -273px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(81), .an-tit:nth-child(81) {
    --initX: -129deg;
    --initY: 38deg;
    --initZ: -363deg;
    --initDepth: -1471px;
  }
}
.an-text-oth:nth-child(81), .an-tit:nth-child(81) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2000ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(82), .an-tit:nth-child(82) {
  --initX: 85deg;
  --initY: 0deg;
  --initZ: 123deg;
  --initDepth: -129px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(82), .an-tit:nth-child(82) {
    --initX: 105deg;
    --initY: -56deg;
    --initZ: -112deg;
    --initDepth: 249px;
  }
}
.an-text-oth:nth-child(82), .an-tit:nth-child(82) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2025ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(83), .an-tit:nth-child(83) {
  --initX: -134deg;
  --initY: -149deg;
  --initZ: -106deg;
  --initDepth: 303px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(83), .an-tit:nth-child(83) {
    --initX: -47deg;
    --initY: 49deg;
    --initZ: 295deg;
    --initDepth: -1283px;
  }
}
.an-text-oth:nth-child(83), .an-tit:nth-child(83) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2050ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(84), .an-tit:nth-child(84) {
  --initX: -170deg;
  --initY: -10deg;
  --initZ: 75deg;
  --initDepth: -487px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(84), .an-tit:nth-child(84) {
    --initX: 234deg;
    --initY: -369deg;
    --initZ: -132deg;
    --initDepth: 461px;
  }
}
.an-text-oth:nth-child(84), .an-tit:nth-child(84) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2075ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(85), .an-tit:nth-child(85) {
  --initX: -165deg;
  --initY: -143deg;
  --initZ: -15deg;
  --initDepth: 190px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(85), .an-tit:nth-child(85) {
    --initX: 39deg;
    --initY: 55deg;
    --initZ: 389deg;
    --initDepth: -188px;
  }
}
.an-text-oth:nth-child(85), .an-tit:nth-child(85) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2100ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(86), .an-tit:nth-child(86) {
  --initX: -95deg;
  --initY: -74deg;
  --initZ: 10deg;
  --initDepth: 373px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(86), .an-tit:nth-child(86) {
    --initX: -257deg;
    --initY: 411deg;
    --initZ: 249deg;
    --initDepth: -367px;
  }
}
.an-text-oth:nth-child(86), .an-tit:nth-child(86) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2125ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(87), .an-tit:nth-child(87) {
  --initX: -49deg;
  --initY: 93deg;
  --initZ: -21deg;
  --initDepth: 262px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(87), .an-tit:nth-child(87) {
    --initX: 7deg;
    --initY: 107deg;
    --initZ: -14deg;
    --initDepth: -1358px;
  }
}
.an-text-oth:nth-child(87), .an-tit:nth-child(87) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2150ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(88), .an-tit:nth-child(88) {
  --initX: 26deg;
  --initY: 135deg;
  --initZ: 107deg;
  --initDepth: -292px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(88), .an-tit:nth-child(88) {
    --initX: 352deg;
    --initY: -499deg;
    --initZ: 185deg;
    --initDepth: -290px;
  }
}
.an-text-oth:nth-child(88), .an-tit:nth-child(88) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2175ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(89), .an-tit:nth-child(89) {
  --initX: 126deg;
  --initY: -35deg;
  --initZ: 125deg;
  --initDepth: -132px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(89), .an-tit:nth-child(89) {
    --initX: -420deg;
    --initY: -405deg;
    --initZ: 278deg;
    --initDepth: -907px;
  }
}
.an-text-oth:nth-child(89), .an-tit:nth-child(89) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2200ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(90), .an-tit:nth-child(90) {
  --initX: -70deg;
  --initY: -10deg;
  --initZ: 56deg;
  --initDepth: 31px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(90), .an-tit:nth-child(90) {
    --initX: -110deg;
    --initY: 421deg;
    --initZ: -179deg;
    --initDepth: 179px;
  }
}
.an-text-oth:nth-child(90), .an-tit:nth-child(90) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2225ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(91), .an-tit:nth-child(91) {
  --initX: -51deg;
  --initY: 81deg;
  --initZ: -64deg;
  --initDepth: -204px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(91), .an-tit:nth-child(91) {
    --initX: 321deg;
    --initY: -138deg;
    --initZ: -482deg;
    --initDepth: -284px;
  }
}
.an-text-oth:nth-child(91), .an-tit:nth-child(91) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2250ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(92), .an-tit:nth-child(92) {
  --initX: -43deg;
  --initY: 156deg;
  --initZ: -129deg;
  --initDepth: -270px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(92), .an-tit:nth-child(92) {
    --initX: -138deg;
    --initY: 146deg;
    --initZ: -349deg;
    --initDepth: -1152px;
  }
}
.an-text-oth:nth-child(92), .an-tit:nth-child(92) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2275ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(93), .an-tit:nth-child(93) {
  --initX: -1deg;
  --initY: 23deg;
  --initZ: -176deg;
  --initDepth: 240px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(93), .an-tit:nth-child(93) {
    --initX: 174deg;
    --initY: -203deg;
    --initZ: 11deg;
    --initDepth: 167px;
  }
}
.an-text-oth:nth-child(93), .an-tit:nth-child(93) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2300ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(94), .an-tit:nth-child(94) {
  --initX: 88deg;
  --initY: 52deg;
  --initZ: 111deg;
  --initDepth: -476px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(94), .an-tit:nth-child(94) {
    --initX: 30deg;
    --initY: -53deg;
    --initZ: 277deg;
    --initDepth: -253px;
  }
}
.an-text-oth:nth-child(94), .an-tit:nth-child(94) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2325ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(95), .an-tit:nth-child(95) {
  --initX: 153deg;
  --initY: -164deg;
  --initZ: -68deg;
  --initDepth: 183px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(95), .an-tit:nth-child(95) {
    --initX: 469deg;
    --initY: 477deg;
    --initZ: -155deg;
    --initDepth: -830px;
  }
}
.an-text-oth:nth-child(95), .an-tit:nth-child(95) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2350ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(96), .an-tit:nth-child(96) {
  --initX: -55deg;
  --initY: 136deg;
  --initZ: -156deg;
  --initDepth: 120px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(96), .an-tit:nth-child(96) {
    --initX: 458deg;
    --initY: 339deg;
    --initZ: -252deg;
    --initDepth: -840px;
  }
}
.an-text-oth:nth-child(96), .an-tit:nth-child(96) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2375ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(97), .an-tit:nth-child(97) {
  --initX: -69deg;
  --initY: 123deg;
  --initZ: 140deg;
  --initDepth: 188px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(97), .an-tit:nth-child(97) {
    --initX: -88deg;
    --initY: 436deg;
    --initZ: 414deg;
    --initDepth: -1210px;
  }
}
.an-text-oth:nth-child(97), .an-tit:nth-child(97) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2400ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(98), .an-tit:nth-child(98) {
  --initX: 74deg;
  --initY: -49deg;
  --initZ: -114deg;
  --initDepth: -9px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(98), .an-tit:nth-child(98) {
    --initX: 186deg;
    --initY: 255deg;
    --initZ: -83deg;
    --initDepth: 9px;
  }
}
.an-text-oth:nth-child(98), .an-tit:nth-child(98) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2425ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(99), .an-tit:nth-child(99) {
  --initX: -19deg;
  --initY: -132deg;
  --initZ: 167deg;
  --initDepth: 304px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(99), .an-tit:nth-child(99) {
    --initX: -403deg;
    --initY: 299deg;
    --initZ: 444deg;
    --initDepth: -1468px;
  }
}
.an-text-oth:nth-child(99), .an-tit:nth-child(99) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2450ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(100), .an-tit:nth-child(100) {
  --initX: -168deg;
  --initY: 160deg;
  --initZ: 62deg;
  --initDepth: 290px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(100), .an-tit:nth-child(100) {
    --initX: 327deg;
    --initY: 178deg;
    --initZ: 225deg;
    --initDepth: 389px;
  }
}
.an-text-oth:nth-child(100), .an-tit:nth-child(100) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2475ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}
.an-text-oth:nth-child(101), .an-tit:nth-child(101) {
  --initX: 24deg;
  --initY: 8deg;
  --initZ: 23deg;
  --initDepth: 148px;
}
@media (min-width: 1200px) {
  .an-text-oth:nth-child(101), .an-tit:nth-child(101) {
    --initX: 233deg;
    --initY: 234deg;
    --initZ: 429deg;
    --initDepth: -984px;
  }
}
.an-text-oth:nth-child(101), .an-tit:nth-child(101) {
  transform-origin: center center;
  animation: globalFly3D 3200ms 2500ms cubic-bezier(0.36, 0.1, 0.16, 1) 1 forwards alternate;
}

/*
//說明 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, .an-text-oth {
  animation-iteration-count: 1 !important;
}
@media (min-width: 1200px) {
  .an-text, .an-text-oth {
    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: -0.5vw;
}
@media (min-width: 768px) {
  .an-tit.i-space {
    margin-right: -0.5vw;
  }
}

/*-------------------------------------------*\
	_about.scss
\*-------------------------------------------*/
.at-wrap {
  position: relative;
}
.at-desc {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.at-content {
  padding: 5rem 3rem;
  max-width: 500px;
}
.at-text {
  margin-bottom: 2rem;
  font-family: "Fugaz One", sans-serif, Arial, "Noto Sans TC";
  font-weight: 500;
  line-height: 1.7;
  text-align: justify;
}
.at-text ol li {
  position: relative;
  display: flex;
  align-items: center;
}
.at-text ol li:before {
  content: "";
  display: inline-flex;
  width: 15px;
  height: 15px;
  margin-right: 0.5rem;
  background: #a30023;
}
.at-text ol li span {
  position: relative;
  display: inline-flex;
}
.at-text ol li span:after {
  content: "";
  position: absolute;
  top: 0.65rem;
  left: 0;
  z-index: -1;
  width: 105%;
  height: 14px;
  background: #ffcc73;
}
.at-img figure:before {
  padding-top: 62.5%;
}

@media (min-width: 992px) {
  .at-wrap {
    display: flex;
  }
  .at-img {
    flex: 1;
    min-width: 50%;
  }
  .at-img figure:before {
    padding-top: 85%;
  }
  .at-content {
    flex: 1;
    padding: 3rem 3rem 4rem;
  }
}
@media (min-width: 1400px) {
  .at-img {
    min-width: 50%;
  }
  .at-img figure:before {
    padding-top: 65%;
  }
}
@media (min-width: 1600px) {
  .at-img figure:before {
    padding-top: 55%;
  }
  .at-content {
    max-width: 500px;
    margin-left: 5rem;
  }
}
@media (min-width: 1800px) {
  .at-img figure:before {
    padding-top: 50%;
  }
}
/*-------------------------------------------*\
	_products.scss
\*-------------------------------------------*/
.pt-wrap {
  position: relative;
  padding-bottom: 5rem;
  background: url(../../images/pt-bg.jpg) no-repeat center top/cover;
}
@media (min-width: 1200px) {
  .pt-wrap {
    background-attachment: fixed;
  }
}
.pt-wrap .more-btn {
  position: relative;
  z-index: 1;
  padding: 0 1rem;
}
@media (min-width: 576px) {
  .pt-wrap .more-btn {
    margin: 2rem 0 3rem;
  }
  .pt-wrap .more-btn a {
    max-width: 400px;
  }
}
@media (min-width: 1200px) {
  .pt-wrap:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 100px;
    width: 800px;
    height: 460px;
    background: url(../../images/jp_white.svg) no-repeat center center/contain;
    opacity: 0.1;
    pointer-events: none;
    -webkit-user-select: none;
            user-select: none;
  }
}
.pt-img {
  margin-bottom: 1.5rem;
  -webkit-user-select: none;
          user-select: none;
}
.pt-tit {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7rem 0 2rem;
}
.pt-tit [lang=en], .pt-tit small {
  color: #fff !important;
  opacity: 0.95;
}
.pt-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 768px) {
  .pt-content {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1600px) {
  .pt-content {
    padding: 0 2.5rem;
  }
}
.pt-item {
  flex: 1;
  margin: 1rem 1rem 3rem;
  color: #fff;
}
@media (min-width: 992px) {
  .pt-item {
    flex: calc(50% - 2rem);
  }
}
@media (min-width: 1200px) {
  .pt-item {
    flex: 1;
  }
}
.pt-item:hover img {
  transform: scale(1.1);
}
.pt-desc {
  margin: 0 0 1rem;
}
@media (min-width: 768px) {
  .pt-desc {
    margin: 0 0 2rem;
  }
}
.pt-desc h3, .pt-desc strong, .pt-desc p {
  margin: 1rem 0;
}
.pt-desc h3 {
  position: relative;
  padding-left: 45px;
  font-family: "Noto Sans TC", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.pt-desc h3:before, .pt-desc h3:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 2px;
  width: 13px;
  height: 22px;
  background: #ee834f;
  transform: skewX(-36deg);
}
.pt-desc h3:after {
  width: 12px;
  left: 22px;
  background: #ffb048;
}
.pt-desc strong {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1200px) {
  .pt-desc strong {
    min-height: 66px;
  }
}
@media (min-width: 1400px) {
  .pt-desc strong {
    min-height: initial;
  }
}
.pt-desc p {
  line-height: 1.5;
  min-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.pt-more {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
}
.pt-more a {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 1.2rem 1rem 1.1rem;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  font-family: "Fugaz One", sans-serif, Arial, "Noto Sans TC";
  font-size: 1.25rem;
  letter-spacing: 2px;
  -webkit-user-select: none;
          user-select: none;
}
.pt-more a:before, .pt-more a:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  clip-path: inset(0 100% 0 0);
}
.pt-more a:before {
  clip-path: inset(0 100% 0 0);
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.75s ease-in-out;
}
.pt-more a:after {
  background: white;
  transition: all 0.5s ease-in-out;
}
.pt-more a:hover, .pt-more a:focus {
  border: 1px solid white;
}
.pt-more a:hover span, .pt-more a:focus span {
  color: #ee834f;
}
.pt-more a:hover:before, .pt-more a:focus:before {
  clip-path: inset(-1px -1px -1px 0);
  transition: all 0.5s ease-in-out;
}
.pt-more a:hover:after, .pt-more a:focus:after {
  clip-path: inset(-1px -1px -1px 0);
  transition: all 0.75s ease-in-out;
}

/*-------------------------------------------*\
	_contact.scss
\*-------------------------------------------*/
.ct-wrap {
  position: relative;
  padding: 5rem 0 5rem;
  background: url(../../images/contact_bg.jpg);
}
@media (min-width: 576px) {
  .ct-wrap {
    padding: 8rem 0 8rem;
  }
}
@media (min-width: 1200px) {
  .ct-wrap {
    padding: 8rem 7rem;
  }
}
.ct-wrap .id-title {
  margin: 0 1rem 2rem;
}
.ct-wrap .id-title small {
  color: #fff;
}
@media (min-width: 1200px) {
  .ct-wrap .id-title {
    margin: 0 0 3rem;
  }
}
@media (min-width: 768px) {
  .ct-wrap:before {
    content: "JUNGPENG";
    position: absolute;
    top: 5rem;
    left: 5rem;
    font-family: "Fugaz One", sans-serif, Arial, "Noto Sans TC";
    font-size: 15.3846153846vw;
    opacity: 0.15;
  }
}
@media (min-width: 1200px) {
  .ct-wrap:before {
    left: 8rem;
  }
}
@media (min-width: 1800px) {
  .ct-wrap:before {
    left: calc(50% - 2.5em);
    font-size: 18rem;
  }
}
.ct-content {
  position: relative;
  padding: 0 1rem;
  margin: 0 auto 1rem;
}
.ct-content:before {
  content: "為必填";
  position: absolute;
  top: -30px;
  right: 1rem;
  color: #ffb048;
  font-family: "Fugaz One", sans-serif, Arial, "Noto Sans TC";
  font-weight: bold;
  font-size: 1.1rem;
  letter-spacing: 2px;
}
.ct-content:after {
  content: "";
  position: absolute;
  top: -30px;
  right: 5.5rem;
  height: 0;
  width: 0;
  border-bottom: 15px solid #ffb048;
  border-left: 15px solid transparent;
}
.ct-content .ct-form:nth-child(2) textarea {
  height: 150px;
  max-height: inherit !important;
}
@media (min-width: 576px) {
  .ct-content {
    margin: 0 auto 3rem;
  }
}
@media (min-width: 1200px) {
  .ct-content {
    padding: 0;
    display: flex;
  }
  .ct-content:before {
    right: 0;
  }
  .ct-content:after {
    right: 4.5rem;
  }
  .ct-content .ct-form:nth-child(1) {
    flex: 3.75;
    margin-right: 16px;
  }
  .ct-content .ct-form:nth-child(2) {
    flex: 6.25;
  }
  .ct-content .ct-form:nth-child(2) textarea {
    height: 218px;
  }
}
.ct-submit {
  display: flex;
  justify-content: center;
  font-weight: bold;
  margin: 8px -0.5rem;
}
.ct-submit button {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.5rem;
  background: #ffb048;
  color: #000;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 100%;
  height: 63px;
  border: 0;
}
.ct-submit button:before, .ct-submit button:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  clip-path: inset(0 100% 0 0);
}
.ct-submit button:before {
  clip-path: inset(0 calc(100% - 10px) 0 0);
  background: #000;
  transition: all 0.75s ease-in-out;
}
.ct-submit button:after {
  background: #fff;
  transition: all 0.5s ease-in-out;
}
.ct-submit button 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: "Fugaz One", sans-serif, Arial, "Noto Sans TC";
  letter-spacing: 4px;
  font-size: 1.25rem;
  font-weight: 300;
}
.ct-submit button span:before {
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  transition: all 0.5s ease-in-out;
}
@media (min-width: 576px) {
  .ct-submit button span:before {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
  }
}
.ct-submit button.color-reverse {
  background: #ee834f;
}
.ct-submit button:hover span:before {
  transition: all 0.5s ease-in-out;
}
.ct-submit button:hover:before {
  clip-path: inset(0 0 0 0);
  transition: all 0.5s ease-in-out;
}
.ct-submit button:hover:after {
  clip-path: inset(0 0 0 0);
  background: #ee834f;
  transition: all 0.75s ease-in-out;
}
.ct-tips {
  position: absolute;
  padding: 1rem;
  line-height: 1.5;
}

.ct-form {
  display: block;
}
.ct-group {
  position: relative;
  display: inline-flex;
  width: 100%;
  margin: 8px 0;
}
.ct-group label {
  position: absolute;
  line-height: 0;
  width: 100%;
  height: 100%;
  color: transparent;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ct-group label.required:before {
  content: "";
  position: absolute;
  right: 5px;
  bottom: 5px;
  height: 0;
  width: 0;
  border-bottom: 15px solid #ffb048;
  border-left: 15px solid transparent;
}
.ct-group.vcode {
  position: relative;
}
.ct-group.vcode img {
  position: absolute;
  top: 7px;
  left: 0.5rem;
  max-width: 120px;
}
@media (min-width: 1200px) {
  .ct-group.vcode img {
    top: 10px;
  }
}
.ct-group.vcode:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 137px;
  height: 55px;
  background: #000;
}
@media (min-width: 1200px) {
  .ct-group.vcode:before {
    height: 62px;
  }
}
.ct-group.vcode input {
  padding-left: 155px;
}
.ct-half {
  width: calc(33.33% - 8px);
  margin-right: 10px;
}
@media (min-width: 576px) {
  .ct-half + .ct-half {
    margin-left: 6px;
  }
  .ct-half + .ct-half + .ct-half {
    margin-left: 2px;
  }
  .ct-half + .ct-half + .ct-half + .ct-half {
    margin-left: 6px;
  }
  .ct-half + .ct-half + .ct-half + .ct-half + .ct-half {
    margin-left: 2px;
  }
  .ct-half + .ct-half + .ct-half + .ct-half + .ct-half + .ct-half {
    margin-left: 6px;
  }
}
@media (min-width: 1200px) {
  .ct-half {
    width: calc(25% - 8px);
  }
}
.ct-input {
  width: 100%;
  max-width: 100%;
  padding: 0.95rem;
  border: 0;
  outline: 1px solid #615D5D;
  -webkit-appearance: none;
  border-radius: 0;
  box-sizing: border-box;
  font-family: "Noto Sans TC", sans-serif;
  transition: all 0.3s ease-in-out;
}
.ct-input::placeholder {
  color: #3c3c3c;
  transition: all 0.3s ease-in-out;
}
.ct-input:focus {
  color: #000;
  background: #fcf8ee;
  outline: 2px solid #ffb048;
  transition: all 0.3s ease-in-out;
}
.ct-input:focus::placeholder {
  color: #ffb048;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .ct-input {
    height: 62px;
  }
}
.ct-input[readonly] {
  background: #f4f4f4;
}
.ct-input[readonly]:focus {
  outline: 2px solid #ffb048;
}
.ct-select {
  width: 100%;
  padding: 0.95rem 2.5rem 0.95rem 0.95rem;
  border: 0;
  outline: 1px solid #615D5D;
  -webkit-appearance: none;
  border-radius: 0;
  box-sizing: border-box;
  background: url(../../images/select-arrow-triangle.svg) no-repeat bottom 0.5rem right 0.5rem #fff;
  color: #3c3c3c;
  font-family: "Noto Sans TC", sans-serif;
  min-height: 54px;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .ct-select {
    max-height: 54px;
  }
}
@media (min-width: 1200px) {
  .ct-select {
    padding: 0.95rem 2.5rem 0.95rem 2rem;
    height: 70px;
    max-height: 70px;
  }
}
.ct-select:focus {
  outline: 2px solid #ffb048;
  transition: all 0.3s ease-in-out;
}

.in-wrap {
  padding: 3rem 0;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15));
}
.in-wrap .container {
  display: flex;
  justify-content: center;
}
@media (min-width: 576px) {
  .in-wrap .container {
    padding: 0 2rem;
  }
}
.in-wrap .container img {
  width: 100%;
}
@media (min-width: 1200px) {
  .in-wrap {
    padding: 3rem 1rem;
  }
}
.in-xl {
  display: none;
}
@media (min-width: 1200px) {
  .in-xl {
    display: block;
  }
}
.in-xs {
  max-width: 720px;
}
@media (min-width: 1200px) {
  .in-xs {
    display: none;
  }
}