@charset "UTF-8";
@font-face {
  font-family: "Uniform";
  src: url(../fonts/Uniform.otf);
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Uniform";
  src: url(../fonts/Uniform-Medium.otf);
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Uniform";
  src: url(../fonts/Uniform-Bold.otf);
  font-weight: 700;
  font-display: swap;
}
/**
 * * Allows you to use retina images at various pixel densities.
 * * Examples:
 * *
 * *   +retina(/images/mypic.jpg, 2);
 * *   +retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 * *
 * * @param  {Value}  $path               The path to the file name minus extension.
 * * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * * @param  {Value}  $extras: null       Any other `background` values to be added.
 * */
/**
 * * 往上適應
 * * 引用方式: +media-up($breakpoint-value)
 * */
/**
 * * 往上適應
 * * 引用方式: +media-up-num(自訂數值)
 * */
/**
 * * 往下適應
 * * 引用方式: +media-down($breakpoint-value)
 * */
/**
 * * 往下適應
 * * 引用方式: +media-up-num(自訂數值)
 * */
/**
 * * 範圍內適應
 * * 引用方式: +media-between($lower-breakpoint, $upper-breakpoint)
 * */
/**
 * * 引用方式: +lh(15,22) 前面放 line-height 的 px 值, 後面放 font-size 的 px 值（計算）
 * */
/**
 * * 引用方式: +ls(15,22) 前面放 letter-spacing 的 px 值, 後面放 font-size 的 px 值（計算）
 * */
/*  ===== firefox font weight bold 統一設定為 normal (firefox 在小字為粗體的時候會過粗) ===== */
/**
 * * 引用方式: +gradient(180deg,#fff,4%,#eee,92%)
 * */
/**
 * * margin
 * * 引用方式: +mb(15,22) 前面放 margin 的 px 值, 後面放 font-size 的 px 值
 * */
/**
 * * padding
 * * 引用方式: +pb(15,22) 前面放 padding 的 px 值, 後面放 font-size 的 px 值
 * */
.container-fluid {
  padding-left: 20px;
  padding-right: 20px;
}

.container {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 100%;
    padding-right: 14vw;
    padding-left: 14vw;
  }
}

.row {
  margin-left: -5px;
  margin-right: -5px;
}
@media (min-width: 768px) {
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.row > * {
  padding-right: 5px;
  padding-left: 5px;
}
@media (min-width: 768px) {
  .row > * {
    padding-right: 15px;
    padding-left: 15px;
  }
}

:root {
  scroll-behavior: smooth;
}

*:focus, *:active, *:visited,
*::before:focus,
*::before:active,
*::before:visited,
*::after:focus,
*::after:active,
*::after:visited {
  outline: none !important;
  box-shadow: none !important;
}

noscript {
  position: absolute;
  top: 0;
  z-index: 9999;
}

body {
  color: #474747;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.04em;
  overflow-x: hidden;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
  image-rendering: auto;
  touch-action: manipulation;
  -moz-osx-font-smoothing: grayscale;
}
body.is-hidden {
  overflow: hidden;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: #1E1E1E;
  text-decoration: none;
  transition: all linear 300ms;
}
a:hover {
  color: currentColor;
}
a:active, a:hover, a:visited, a:focus {
  text-decoration: none;
  outline: 0;
  transition: all linear 300ms;
}

button {
  background-color: transparent;
  border: none;
  padding: 0;
  outline: 0;
  cursor: pointer;
  transition: all linear 300ms;
}
button:active, button:hover, button:visited, button:focus {
  outline: 0;
  transition: all linear 300ms;
}

ul, ol {
  padding: 0;
  margin-bottom: 0;
}

ul {
  list-style: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}

p, label {
  margin-bottom: 0;
}

input, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background-color: transparent;
  border: none;
  outline: 0;
}
input:active, input:hover, input:visited, input:focus, select:active, select:hover, select:visited, select:focus, textarea:active, textarea:hover, textarea:visited, textarea:focus {
  outline: 0;
}

input[type=submit], [type=date], [type=checkbox] {
  cursor: pointer;
  transition: all linear 300ms;
}

::placeholder {
  color: #999999;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

[fade-in] {
  opacity: 0;
  transition: all ease 400ms;
}
[fade-in].has-animate {
  opacity: 1;
  transition: all ease 400ms;
}

.u-pile {
  display: grid;
}
.u-pile > * {
  grid-area: 1/1;
  transition: all ease-out 400ms;
  transition-duration: inherit;
}
.u-pile__item.-active- {
  opacity: 0;
  pointer-events: none;
}
.u-pile.-active- .u-pile__item.-default- {
  opacity: 0;
  pointer-events: none;
}
.u-pile.-active- .u-pile__item.-active- {
  opacity: 1;
  pointer-events: revert;
}

.u-link-range {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.u-pointer {
  cursor: pointer;
}

.u-pointer-none {
  pointer-events: none;
}

.u-hidden {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.u-img-cover {
  object-fit: cover;
  object-position: center center;
}

.u-img-contain {
  object-fit: contain;
  object-position: center center;
}

.u-bg-cover {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.u-16x9 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}
.u-16x9 > * {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.u-flex-1 {
  flex: 1;
}

.nas-article h1 {
  font-size: 2.375rem;
  letter-spacing: 0.01em;
  line-height: normal;
}

.nas-article h2 {
  font-size: 2rem;
  letter-spacing: 0.01em;
}

.nas-article h3 {
  font-size: 1.5rem;
  letter-spacing: 0.01em;
}

.nas-article h4 {
  font-size: 1.375rem;
  line-height: 170%;
  letter-spacing: 0.01em;
}

.nas-article h5 {
  font-size: 1.25rem;
  letter-spacing: 0.01em;
}

.select2-results__option, .c-input > *, .c-input-file > *, .select2-container--default .select2-selection--single > *, .selectric > *, .nas-article h6 {
  font-size: 1.125rem;
  letter-spacing: 0.01em;
  line-height: normal;
}

.nas-article p {
  font-size: 1rem;
  line-height: 170%;
  letter-spacing: 0.01em;
}

[data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .title, [data-page=index] .page-section.-keterangan- .page-section__title, [data-page=index] .page-section.-aktiviti- .page-section__title, [data-page=index] .page-section.-undi-sekarang- .page-section__title {
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: normal;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .title, [data-page=index] .page-section.-keterangan- .page-section__title, [data-page=index] .page-section.-aktiviti- .page-section__title, [data-page=index] .page-section.-undi-sekarang- .page-section__title {
    font-size: 1.625rem;
  }
}
@media (max-width: 575.98px) {
  [data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .title, [data-page=index] .page-section.-keterangan- .page-section__title, [data-page=index] .page-section.-aktiviti- .page-section__title, [data-page=index] .page-section.-undi-sekarang- .page-section__title {
    font-size: 1.28rem;
  }
}

[data-page=index] .page-section.-keterangan- .page-section__subtitle, [data-page=index] .page-section.-keterangan- .info .info-title, [data-page=index] .page-section.-senarai-pemenang- .no-result, [data-page=index] .page-section.-senarai-pemenang- .intro, .-general-.m-popup .m-popup__body .content, .-form-check-.m-popup .m-popup__body .content, .-scroll-content-.m-popup .m-popup__body .content, .-form-end-.m-popup .m-popup__body .content {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: normal;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section.-keterangan- .page-section__subtitle, [data-page=index] .page-section.-keterangan- .info .info-title, [data-page=index] .page-section.-senarai-pemenang- .no-result, [data-page=index] .page-section.-senarai-pemenang- .intro, .-general-.m-popup .m-popup__body .content, .-form-check-.m-popup .m-popup__body .content, .-scroll-content-.m-popup .m-popup__body .content, .-form-end-.m-popup .m-popup__body .content {
    font-size: 1rem;
  }
}

[data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .paragraph, [data-page=index] .page-section.-keterangan- .info .info-text, .-popup-btn-.c-btn .c-btn__text, .-popup-btn-.c-btn-pill .c-btn__text {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: normal;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .paragraph, [data-page=index] .page-section.-keterangan- .info .info-text, .-popup-btn-.c-btn .c-btn__text, .-popup-btn-.c-btn-pill .c-btn__text {
    font-size: 0.8125rem;
    line-height: 140%;
  }
}

.nas-article {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .nas-article {
    margin-top: 0;
  }
}
.nas-article h1, .nas-article h2, .nas-article h3, .nas-article h4, .nas-article h5, .nas-article h6 {
  font-weight: 700;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .nas-article h1, .nas-article h2, .nas-article h3, .nas-article h4, .nas-article h5, .nas-article h6 {
    margin-bottom: 20px;
  }
}
.nas-article a {
  color: #7F908F;
}
.nas-article img {
  width: 100%;
}
.nas-article ul, .nas-article ol {
  padding-left: 1.5rem;
}
.nas-article ul {
  list-style: revert;
}
.nas-article table {
  caption-side: initial;
  border-collapse: initial;
}
.nas-article tbody, .nas-article td, .nas-article tfoot, .nas-article th, .nas-article thead, .nas-article tr {
  border-style: inherit;
  border-width: inherit;
}

.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after {
  display: none;
}
.swiper .swiper-button-next:hover,
.swiper .swiper-button-prev:hover {
  transition: all linear 300ms;
}
.swiper .swiper-button-next:focus, .swiper .swiper-button-next:focus-visible,
.swiper .swiper-button-prev:focus,
.swiper .swiper-button-prev:focus-visible {
  outline: none;
  border: none;
}
.swiper .swiper-button-next .icon,
.swiper .swiper-button-prev .icon {
  color: #7F908F;
}
.swiper .swiper-pagination-bullet:focus, .swiper .swiper-pagination-bullet:focus-visible {
  outline: none;
  border: none;
}

.c-input, .c-input-file, .select2-container--default .select2-selection--single, .selectric {
  border-radius: 10px !important;
  border: 1px solid #474747;
  padding: 12px 16px;
  border-radius: 8px;
  transition: all ease 400ms;
}
@media (hover: hover) {
  .c-input:hover, .c-input-file:hover, .select2-container--default .select2-selection--single:hover, .selectric:hover {
    transition: all ease 400ms;
  }
  .c-input:hover .icon, .c-input-file:hover .icon, .select2-container--default .select2-selection--single:hover .icon, .selectric:hover .icon {
    transition: all ease 400ms;
  }
}

.selectric-wrapper {
  width: 100%;
  cursor: pointer;
}

.selectric {
  position: relative;
  height: initial;
  background: transparent;
  transition: all ease 400ms;
}
.selectric::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
  border: 1px solid #1FA809;
  transition: all ease 400ms;
}
.selectric .button {
  background-color: transparent;
  display: none;
}
.selectric .label {
  color: #999999;
  height: inhert;
  margin: 0;
}
.selectric .label.is-selected {
  color: #1E1E1E;
}

.selectric-items {
  width: 100% !important;
  background-color: #ffffff;
  border: 1px solid #999999;
  box-shadow: none;
  border-radius: 10px;
  overflow: hidden;
  cursor: auto;
  margin-top: 6px;
}

.selectric-items li {
  position: relative;
  font-size: 1rem;
  color: #1E1E1E;
  line-height: 145%;
  font-weight: 300;
  padding: 10px 22px;
  transition: all ease 400ms;
}
.selectric-items li:last-child {
  margin-bottom: 0;
}
.selectric-items li.selected, .selectric-items li.highlighted {
  background-color: transparent;
}
.selectric-items li:hover {
  background: #7F908F;
  color: #ffffff;
  transition: all ease 400ms;
}

.selectric-scroll {
  overflow: hidden;
  border-radius: 10px;
  max-height: 250px;
}

.selectric-open {
  z-index: 1020;
}
.selectric-open .selectric {
  border-color: #7F908F;
}
.selectric-open .selectric::after {
  transform: rotate(180deg);
  transition: all ease 400ms;
}
.selectric-open .selectric-items {
  z-index: 1030;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  width: 100%;
  color: #999999;
  padding: 0 16px 0 0;
  transition: all ease 400ms;
}
.select2-container .select2-selection--single .select2-selection__rendered.is-selected {
  color: #1E1E1E;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: relative;
  width: auto;
  height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border: 1px solid #1FA809;
  transition: all ease 400ms;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--open {
  z-index: 1020;
}

.select2-dropdown {
  border: 1px solid #999999 !important;
  border-radius: 10px !important;
  top: 6px;
}

.select2-search--dropdown {
  padding: 12px 18px;
  display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #999999;
  border-radius: 10px;
  padding: 12px 18px;
}

.select2-results__options {
  cursor: pointer;
  max-height: 250px !important;
}
.select2-results__options::-webkit-scrollbar {
  width: 6px;
}
.select2-results__options::-webkit-scrollbar-button {
  width: 6px;
  height: 5px;
}
.select2-results__options::-webkit-scrollbar-track {
  background-color: #F0F0F0;
  border: 0;
  border-radius: 50px;
}
.select2-results__options::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
  border: 0;
  border-radius: 50px;
}
.select2-results__options::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.select2-results__option {
  padding: 10px 22px;
  transition: all ease 400ms;
}

.select2-results__option--selectable {
  color: #1E1E1E;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: #7F908F;
  color: #ffffff;
  transition: all ease 400ms;
}

.os-custom > .os-scrollbar-vertical {
  width: 6px;
}

.os-custom > .os-scrollbar-corner {
  width: 6px;
  background-color: transparent;
}

.os-custom > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-custom > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-custom > .os-scrollbar-vertical > .os-scrollbar-track:before {
  content: "";
  display: block;
  position: absolute;
  background: #F0F0F0;
  border-radius: 50px;
}

.os-custom > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-custom > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
}

.os-custom > .os-scrollbar-vertical > .os-scrollbar-track:before,
.os-custom > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
}

.os-custom > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50px;
}

.os-custom > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-custom > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}

.os-custom > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before,
.os-custom > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
  background: rgba(0, 0, 0, 0.7);
}

.os-custom > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  height: 100%;
}

.os-custom > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  width: 100%;
}

.os-custom.os-host-transition > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
  transition: height 0.3s, margin-top 0.3s, background 0.2s;
}

.os-custom.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
  transition: width 0.3s, margin-left 0.3s, background 0.2s;
}

.air-datepicker-global-container {
  z-index: 1055;
}

.air-datepicker {
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);
}

.air-datepicker-nav--action path {
  stroke: #7F908F;
  stroke-width: 1px;
}

.air-datepicker-nav--action:hover {
  background-color: transparent;
}

.air-datepicker-nav--title {
  color: #7F908F;
}
.air-datepicker-nav--title i {
  color: #7F908F;
}
.air-datepicker-nav--title:hover {
  background-color: transparent;
}

.air-datepicker-body--day-names,
.air-datepicker-body--cells {
  justify-items: center;
  align-items: center;
}

.air-datepicker-body--day-name {
  color: #7F908F;
  width: 30px;
  height: 30px;
}

.air-datepicker-cell {
  transition: all ease 400ms;
}
.air-datepicker-cell.-focus- {
  transition: all ease 400ms;
}

.air-datepicker-body.-days- .air-datepicker-cell {
  width: 30px;
  height: 30px;
  border-radius: 50px;
}
.air-datepicker-body.-days- .air-datepicker-cell.-focus- {
  background-color: #7F908F;
  color: #ffffff;
}
.air-datepicker-body.-days- .air-datepicker-cell.-current- {
  color: #7F908F;
}
.air-datepicker-body.-days- .air-datepicker-cell.-current-.-focus- {
  color: #ffffff;
}
.air-datepicker-body.-days- .air-datepicker-cell.-selected- {
  background-color: #7F908F;
  color: #ffffff;
}

.air-datepicker-body--cells.-months- .air-datepicker-cell.-focus- {
  background-color: transparent;
}
.air-datepicker-body--cells.-months- .air-datepicker-cell.-current- {
  color: #7F908F;
}
.air-datepicker-body--cells.-months- .air-datepicker-cell.-selected- {
  background-color: transparent;
  color: #7F908F;
}

.air-datepicker-body--cells.-years- .air-datepicker-cell.-focus- {
  background-color: transparent;
}
.air-datepicker-body--cells.-years- .air-datepicker-cell.-current- {
  color: #7F908F;
}
.air-datepicker-body--cells.-years- .air-datepicker-cell.-selected {
  background-color: transparent;
  color: #7F908F;
}

.modal {
  overflow-y: hidden;
}

.modal-dialog {
  max-width: 100%;
}
@media (min-width: 414px) {
  .modal-dialog {
    max-width: 650px;
  }
}

.modal-dialog-scrollable .modal-content {
  overflow: initial;
}
.modal-dialog-scrollable .os-host {
  overflow: hidden !important;
}

.modal-body {
  position: relative;
}

.modal-title {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
}
@media (min-width: 768px) {
  .modal-title {
    font-size: 1.5rem;
  }
}

.btn-close:focus {
  box-shadow: none;
}

.c-modal {
  padding: 10px;
}
.c-modal .modal-content {
  height: 100%;
  max-height: 800px;
}

.c-spinner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: -1;
  transition: opacity 300ms;
}
.c-spinner.is-active {
  opacity: 1;
  z-index: 9999;
  transition: opacity 300ms;
}

.c-inner-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: -1;
  transition: opacity 300ms;
}
.c-inner-spinner.is-active {
  opacity: 1;
  z-index: 9999;
  transition: opacity 300ms;
}

.accordion-button:focus {
  box-shadow: none;
  border: none;
}

.accordion-button:not(.collapsed) {
  color: currentColor;
  background-color: transparent;
  box-shadow: none;
}

.accordion-button {
  background-color: transparent;
  padding: 0;
}
.accordion-button::after {
  display: none;
}

.accordion-body {
  padding: 0;
}

.accordion-item {
  background-color: transparent;
  border: none;
}

.c-accordion * {
  line-height: normal;
}
.c-accordion-num {
  color: #b45e0e;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  flex-shrink: 0;
  margin-right: 20px;
}
@media (min-width: 576px) {
  .c-accordion-num {
    margin-right: 40px;
  }
}
@media (min-width: 1200px) {
  .c-accordion-num {
    margin-right: 80px;
  }
}
.c-accordion-title {
  width: 100%;
  font-weight: 700;
}
.c-accordion-icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/icon/symbol-defs.svg#icon-open");
  flex-shrink: 0;
  margin-left: 20px;
  transition: all linear 300ms;
}
@media (min-width: 576px) {
  .c-accordion-icon {
    margin-left: 40px;
  }
}
@media (min-width: 1200px) {
  .c-accordion-icon {
    margin-left: 80px;
  }
}
.c-accordion .accordion-button {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dotted #b45e0e;
  padding: 20px 0;
}
@media (min-width: 576px) {
  .c-accordion .accordion-button {
    padding: 20px 22px;
  }
}
@media (min-width: 1200px) {
  .c-accordion .accordion-button {
    padding: 20px 44px;
  }
}
.c-accordion .accordion-button:not(.collapsed) .c-accordion-icon {
  background-image: url("../images/icon/symbol-defs.svg#icon-close");
  transform: rotate(180deg);
  transition: all ease 400ms;
}
.c-accordion .accordion-body {
  padding: 26px 44px;
}

.c-breadcrumb {
  position: relative;
  z-index: 1030;
}
.c-breadcrumb .c-breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
}
.c-breadcrumb .c-breadcrumb-item {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 145%;
  font-size: 0.8125rem;
}
@media (min-width: 768px) {
  .c-breadcrumb .c-breadcrumb-item {
    font-size: 1rem;
  }
}
.c-breadcrumb .c-breadcrumb-item .c-breadcrumb-link {
  display: block;
  color: #7F908F;
}
.c-breadcrumb .c-breadcrumb-item .c-breadcrumb-link:hover {
  color: #7F908F;
}
.c-breadcrumb .c-breadcrumb-item + .c-breadcrumb-item {
  padding-left: 8px;
}
.c-breadcrumb .c-breadcrumb-item + .c-breadcrumb-item::before {
  content: "/";
  vertical-align: middle;
  margin-right: 8px;
}

.c-pagination {
  display: flex;
  justify-content: center;
}
.c-pagination .c-pagination-item {
  width: 36px;
  height: 36px;
}
.c-pagination .c-pagination-item.is-active .c-pagination-link {
  background-color: #7F908F;
  color: #ffffff;
}
.c-pagination .c-pagination-link {
  color: #1E1E1E;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: none;
}
@media (hover: hover) {
  .c-pagination .c-pagination-link:hover {
    color: #1E1E1E;
    background-color: transparent;
  }
}

.c-gotop {
  width: 44px;
  height: 44px;
  border-radius: 50px;
  background-color: #F0F0F0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease 400ms;
}
@media (min-width: 768px) {
  .c-gotop {
    right: 30px;
  }
}

.c-btn-pill, .c-btn {
  cursor: pointer;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 4px;
  border: 3px solid var(--border-color, #fff);
  transition: all ease 400ms;
  color: var(--text-color, #000);
  background: var(--bg-color, #fff);
  min-width: 243px;
}
@media (hover: hover) {
  .c-btn-pill:hover, .c-btn:hover {
    background: var(--bg-hover-color, #f95932);
    color: var(--text-hover-color, #fff);
    border-color: var(--border-hover-color, #fff);
  }
}
.c-btn-pill:active, .c-btn:active {
  background: var(--bg-active-color, #f95932);
  color: var(--text-active-color, #fff);
  border-color: var(--border-active-color, #f95932);
}
@media (max-width: 991.98px) {
  .c-btn-pill, .c-btn {
    border-width: 2px;
    padding: 6px;
    min-width: 153px;
  }
}
.c-btn-pill .c-btn__text, .c-btn .c-btn__text {
  text-align: center;
  color: inherit;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: normal;
}
@media (max-width: 991.98px) {
  .c-btn-pill .c-btn__text, .c-btn .c-btn__text {
    font-size: 1rem;
  }
}
.-nav-.c-btn-pill, .-nav-.c-btn {
  border-width: 2px;
  padding: 8px 14px;
  min-width: 165px;
  --text-color: #f95932;
  --text-hover-color: #ffd00d;
  --text-active-color: #ffd00d;
  --border-color: #ffd00d;
  --border-hover-color: #fff;
  --border-active-color: #f95932;
  --bg-color: #ffd00d;
  --bg-hover-color: #f95932;
  --bg-active-color: #f95932;
}
.-nav-.c-btn-pill .c-btn__text, .-nav-.c-btn .c-btn__text {
  font-size: 1.125rem;
  font-weight: 700;
}
.-check-.c-btn-pill, .-check-.c-btn {
  border-width: 0px;
  padding: 15px 12px;
  min-width: 100px;
  --text-color: #fff;
  --text-hover-color: #fff;
  --text-active-color: #fff;
  --bg-color: #f95932;
  --bg-hover-color: #ffd00d;
  --bg-active-color: #f95932;
}
.-check-.c-btn-pill .c-btn__text, .-check-.c-btn .c-btn__text {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 150%;
}
.-submit-.c-btn-pill, .-submit-.c-btn {
  border-width: 0px;
  padding: 16.41px 11px;
  min-width: 243px;
  --text-color: #fff;
  --text-hover-color: #fff;
  --text-active-color: #fff;
  --bg-color: #f95932;
  --bg-hover-color: #ffd00d;
  --bg-active-color: #f95932;
}
.-submit-.c-btn-pill .c-btn__text, .-submit-.c-btn .c-btn__text {
  font-size: 1.375rem;
}
.-popup-btn-.c-btn-pill, .-popup-btn-.c-btn {
  border-width: 0px;
  padding: 18px 26px;
  min-width: 170px;
  --text-color: #000;
  --text-hover-color: #fff;
  --text-active-color: #fff;
  --border-color: #fff;
  --border-hover-color: #f95932;
  --border-active-color: #f95932;
  --bg-color: #fff;
  --bg-hover-color: #f95932;
  --bg-active-color: #f95932;
}
.-popup-btn-.c-btn-pill .c-btn__text, .-popup-btn-.c-btn .c-btn__text {
  font-weight: 500;
}
@media (max-width: 991.98px) {
  .-popup-btn-.c-btn-pill, .-popup-btn-.c-btn {
    min-width: 60px;
  }
}

.c-btn-pill {
  position: relative;
  border-radius: 50px;
}

.c-btn-count {
  display: inline-flex;
  align-items: center;
  border: 1px solid #999999;
  background-color: #ffffff;
  border-radius: 3px;
}
.c-btn-count.is-disabled {
  pointer-events: none;
}
.c-btn-count.is-disabled .c-btn-del {
  opacity: 0.2;
}
.c-btn-count.is-disabled .c-btn-count-num {
  opacity: 0.2;
}
.c-btn-count.is-disabled .c-btn-add {
  opacity: 0.2;
}
.c-btn-count button {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}
.c-btn-count button.is-disabled {
  opacity: 0.2;
  pointer-events: none;
}
.c-btn-count .c-btn-del, .c-btn-count .c-btn-add {
  color: #1E1E1E;
}
.c-btn-count .c-btn-del::after, .c-btn-count .c-btn-add::after {
  color: #1E1E1E;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.c-btn-count .c-btn-num {
  width: 100%;
  height: 42px;
  text-align: center;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
}

.c-title {
  display: inline-flex;
  flex-direction: column;
}
.c-title > * {
  display: block;
}

.c-title-en {
  font-size: 2rem;
  color: #7F908F;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 768px) {
  .c-title-en {
    font-size: 4.6875rem;
  }
}

.c-title-cn {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 768px) {
  .c-title-cn {
    font-size: 2.375rem;
  }
}

.c-tag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -2.5px;
  margin-right: -2.5px;
  margin-bottom: -5px;
}
.c-tag .c-tag-item {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  background-color: #F0F0F0;
  border-radius: 50px;
  height: max-content;
  padding: 6px 12px;
  margin-right: 2.5px;
  margin-left: 2.5px;
  margin-bottom: 5px;
}

.c-card {
  position: relative;
  cursor: pointer;
  transition: all ease 400ms;
}
@media (hover: hover) {
  .c-card:hover {
    transition: all ease 400ms;
  }
  .c-card:hover .c-card-img img {
    transform: translate(-50%, -50%) scale(1.1);
    transition: all ease 400ms;
  }
}
.c-card .c-card-head {
  position: relative;
  overflow: hidden;
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  .c-card .c-card-head {
    margin-bottom: 16px;
  }
}
.c-card .c-card-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1px;
}
.c-card .c-card-footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.c-card .c-card-img {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.2162162162%;
}
.c-card .c-card-img img, .c-card .c-card-img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all ease 400ms;
}
.c-card .c-card-img video {
  z-index: -1;
}
.c-card .c-card-img .c-tag {
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 10;
}
.c-card .c-card-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
  font-weight: 700;
}
.c-card .c-card-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
}
.c-card .c-card-text-sm {
  font-size: 0.875rem;
}
.c-card .c-card-icon-group {
  display: flex;
  align-items: center;
}
.c-card .c-card-icon-group .icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  object-position: center center;
  margin-right: 6px;
}

.c-field {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .c-field {
    flex-direction: row;
  }
}
.c-field + .c-field {
  margin-top: 15px;
}
.c-field:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .c-field.c-field-column {
    flex-direction: column;
  }
}
.c-field.c-field-column .c-field-start {
  margin-bottom: 8px;
  width: 100%;
}

.optional-section {
  margin-top: 10px;
  margin-bottom: 15px;
}

.c-field-start {
  width: 30%;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .c-field-start {
    margin-bottom: 0;
  }
}

.c-field-end {
  width: 100%;
}
.c-field-end.has-btn {
  column-gap: 16px;
  row-gap: 10px;
}
.c-field-end.has-btn [input-state] {
  flex: 1;
}

.c-label {
  width: 100%;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 150%;
  color: #474747;
  transition: all ease 400ms;
}
@media (max-width: 991.98px) {
  .c-label {
    font-size: 1rem;
    line-height: 120%;
  }
}
.c-label .required-star {
  margin-inline-start: 0px;
}

.c-input-group {
  width: 100%;
  display: flex;
}
.c-input-group > * {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}
.c-input-group > *:last-child {
  margin-right: 0;
}

.c-input {
  width: 100%;
  display: flex;
  align-items: center;
}
.c-input input {
  width: 100%;
  transition: all ease 400ms;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 991.98px) {
  .c-input input {
    font-size: 1rem;
    line-height: 120%;
  }
}
.c-input input:placeholder {
  color: #c7c7c7;
}
.c-input input:-webkit-autofill {
  box-shadow: inset 0 0 0 2000px #ffffff;
}
.c-input input:autofill {
  box-shadow: inset 0 0 0 2000px #ffffff;
}

.c-input-file {
  cursor: pointer;
}
.c-input-file * {
  cursor: pointer;
}
.c-input-file input[type=file] {
  width: 0;
  height: 0;
  display: inline-block;
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.c-input-file .c-input-text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-input-file .c-input-text .icon {
  width: 16px;
  height: 16px;
  border: 1px solid #1FA809;
  margin-left: 8px;
}

.c-file-group {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  margin-left: -20px;
  margin-right: -20px;
}
.c-file-group > * {
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.c-file-group > *:last-child {
  margin-bottom: 0;
}
.c-file-group .icon-clear {
  cursor: pointer;
  width: 25px;
  height: 25px;
  position: absolute;
  top: -10px;
  right: -10px;
  border: 1px solid #1FA809;
}

.c-file-img {
  height: 360px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #F0F0F0;
  border-radius: 10px;
  position: relative;
  padding: 30px;
}
.c-file-img img {
  width: auto;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

.c-file-text {
  position: relative;
  display: inline-flex;
  font-size: 0.875rem;
  margin-top: 4px;
}

.c-textarea {
  position: relative;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #999999;
  transition: all ease 400ms;
}
.c-textarea textarea {
  width: 100%;
  height: 100%;
  height: 128px !important;
  padding: 12px 22px !important;
}
.c-textarea .os-custom {
  height: 100%;
}

.c-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
}
.c-checkbox-group > * {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}

.c-radio-group {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: -32px;
}
.c-radio-group > * {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 32px;
}

.c-checkbox, .c-radio {
  display: flex;
  align-items: center;
}
.c-checkbox label, .c-radio label {
  cursor: pointer;
}
.c-checkbox input[type=checkbox], .c-checkbox input[type=radio], .c-radio input[type=checkbox], .c-radio input[type=radio] {
  position: relative;
  width: 35px;
  height: 35px;
  flex-shrink: 0;
  cursor: pointer;
  margin-right: 16px;
  border: 1px solid #474747;
  background: #fff;
}
.c-checkbox input[type=checkbox]::before, .c-checkbox input[type=radio]::before, .c-radio input[type=checkbox]::before, .c-radio input[type=radio]::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.c-checkbox input[type=checkbox]:checked::before, .c-checkbox input[type=radio]:checked::before, .c-radio input[type=checkbox]:checked::before, .c-radio input[type=radio]:checked::before {
  content: "";
}
@media (max-width: 991.98px) {
  .c-checkbox input[type=checkbox], .c-checkbox input[type=radio], .c-radio input[type=checkbox], .c-radio input[type=radio] {
    width: 18px;
    height: 18px;
    margin-right: 8px;
  }
}

.c-radio {
  flex: 1 1 50%;
}
.c-radio label {
  font-family: "Noto Sans", sans-serif;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 109.091%;
  letter-spacing: normal;
  color: #474747;
}
@media (max-width: 991.98px) {
  .c-radio label {
    font-size: 0.75rem;
    line-height: normal;
  }
}
@media (max-width: 991.98px) {
  .c-radio {
    flex: 1 1 100%;
  }
}
.c-radio input[type=radio] {
  border-radius: 50%;
}
.c-radio input[type=radio]:checked {
  border: 2px solid #f95932;
}
.c-radio input[type=radio]:checked::before {
  width: 60%;
  height: 60%;
  border-radius: 50%;
  background-color: #f95932;
}

.c-checkbox {
  align-items: flex-start;
}
.c-checkbox label {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 125%;
  color: #474747;
}
@media (max-width: 991.98px) {
  .c-checkbox label {
    font-size: 0.875rem;
    line-height: 110%;
  }
}
.c-checkbox input[type=checkbox] {
  border-radius: 8px;
}
.c-checkbox input[type=checkbox]:checked {
  background-color: #f95932;
}
@media (max-width: 991.98px) {
  .c-checkbox input[type=checkbox] {
    border-radius: 4px;
  }
}

.c-input-clear {
  background-image: url(../images/icon/SVG/icon-cancel.svg);
  border: 1px solid #1FA809;
  width: 15px;
  height: 15px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all ease 400ms;
}

.c-select {
  width: 100%;
  transition: all ease 400ms;
}

.c-btn-pill.-submit- {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 32px;
}

.c-hint {
  font-size: 0.75rem;
  color: #474747;
  margin-top: 11px;
  transition: all ease 400ms;
}
@media (min-width: 992px) {
  .c-hint {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 100%;
  }
}
.c-hint.is-error {
  margin-top: 0px;
  color: #FE2828;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 991.98px) {
  .c-hint.is-error {
    font-size: 1rem;
    line-height: 120%;
  }
}

.format-hint__item {
  display: none;
}
.format-hint.-pass-, .format-hint.-error- {
  margin-top: 11px;
}
.format-hint.-pass- .text, .format-hint.-error- .text {
  margin-inline-start: -2px;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
}
.format-hint.-pass- .format-hint__item.-pass- {
  display: block;
}
.format-hint.-error- .format-hint__item.-error- {
  display: block;
}
.format-hint.-error- .text {
  color: #FE2828;
}

[field-state] {
  transition: all ease 400ms;
}
[field-state] .c-hint.is-error {
  display: none;
}
[field-state].is-disabled {
  pointer-events: none;
}
[field-state].is-disabled .c-input, [field-state].is-disabled .c-textarea {
  border: 1px solid #d0d0d0;
}
[field-state].is-disabled .c-input input, [field-state].is-disabled .c-textarea input {
  color: #c7c7c7;
}
[field-state].is-disabled .c-hint {
  color: #c7c7c7;
}
[field-state].is-hidden {
  display: none;
}
[field-state].is-error .required-star {
  color: #FE2828;
}
[field-state].is-error .c-hint.is-error {
  display: block;
}

[input-state] {
  transition: all ease 400ms;
}
[input-state].is-disabled {
  pointer-events: none;
}
[input-state].is-disabled input::placeholder {
  color: #c7c7c7;
}
[input-state].is-hidden {
  display: none;
}
[input-state].is-focus .c-input {
  border-color: #7F908F;
}
[input-state].is-typing .c-input-clear {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: all ease 400ms;
}
[input-state].is-error .c-input, [input-state].is-error .c-textarea {
  border: 1px solid #FE2828;
}
[input-state].is-error .c-input-clear {
  background-image: url(../images/icon/SVG/icon-cancel-error.svg);
  transition: all ease 400ms;
}
[input-state].is-error .c-select .selectric, [input-state].is-error .c-select .select2-container--default .select2-selection--single {
  border-color: #FE2828;
}
[input-state].is-error .c-hint.is-error {
  display: block;
}

.c-toast {
  min-width: 214px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  border-radius: 10px;
  line-height: 145%;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  padding: 27px 42px;
  opacity: 0;
  pointer-events: none;
  z-index: 1080;
  transition: all ease 400ms;
}
.c-toast.is-show {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -50%);
  transition: all ease 400ms;
}
.c-toast .c-toast-icon {
  width: 56px;
  height: 56px;
  border-radius: 50px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}
.c-toast .c-toast-icon .icon {
  width: 28px;
  height: 28px;
  color: #7F908F;
}
.c-toast .c-toast-text {
  text-align: center;
}

.c-share {
  display: flex;
  align-items: center;
}
.c-share .c-share-item {
  margin-right: 6px;
}
@media (min-width: 992px) {
  .c-share .c-share-item {
    margin-right: 12px;
  }
}
.c-share .c-share-item:last-child {
  margin-right: 0;
}
@media (min-width: 992px) {
  .c-share .c-share-item:last-child {
    margin-right: 0;
  }
}
.c-share .c-share-icon {
  width: 28px;
  height: 28px;
  object-fit: contain;
  object-position: center center;
}
@media (min-width: 992px) {
  .c-share .c-share-icon {
    width: 32px;
    height: 32px;
  }
}

.c-tab.swiper {
  position: relative;
  width: fit-content;
  margin-bottom: 40px;
}
.c-tab.swiper::before, .c-tab.swiper::after {
  content: "";
  width: 105px;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  display: none;
}
.c-tab.swiper::after {
  right: 0;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0.68) 63.55%, rgba(255, 255, 255, 0) 100%);
  transform: translateY(-50%);
}
.c-tab .swiper-wrapper {
  width: fit-content;
}
.c-tab .swiper-slide {
  width: auto;
}
.c-tab .swiper-slide:last-child {
  margin-right: 0 !important;
}
.c-tab .swiper-button-next {
  width: 10px;
  height: 10px;
}
@media (min-width: 992px) {
  .c-tab .swiper-button-next {
    display: none;
  }
}
.c-tab .swiper-button-next.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.c-tab .c-btn-rounded {
  color: #999999;
  padding: 16px;
  min-width: 147px;
}
@media (max-width: 767.98px) {
  .c-tab .c-btn-rounded {
    border: 1px solid #999999;
  }
}
.c-tab .c-btn-rounded.is-active {
  color: #ffffff;
  border: none;
}

.area {
  width: 50%;
  height: 50vh;
  background-color: #ccc;
  margin: 0 auto;
}

.area__img {
  display: none;
}

.c-cursor {
  position: fixed;
  width: 30px;
  height: 30px;
  background: white;
  border-radius: 50%;
  top: 0;
  transform: translate3d(-50%, -50%, 0) translate3d(var(--x), var(--y), 0) scale(0);
  mix-blend-mode: difference;
  pointer-events: none;
  opacity: 0;
  z-index: 99999;
  transition: opacity 200ms linear, width 200ms linear, height 200ms linear;
}
.c-cursor.sty-sq {
  border-radius: 0;
  background-color: red;
}
.c-cursor.sty-img {
  width: auto;
  height: auto;
  mix-blend-mode: initial;
  transition: mix-blend-mode 200ms linear;
}
.c-cursor.sty-img.is-link {
  width: auto;
  height: auto;
  mix-blend-mode: screen;
}
.c-cursor.is-active {
  opacity: 1;
  transform: translate3d(-50%, -50%, 0) translate3d(var(--x), var(--y), 0) scale(1);
  transition: opacity 200ms linear, width 200ms linear, height 200ms linear;
}
.c-cursor.is-link {
  width: 50px;
  height: 50px;
  transition: all 200ms linear;
}

.c-trigger:not(.-for-nav-) {
  position: relative;
  top: calc(var(--nav-height, 97px) * -1);
}
@media (max-width: 991.98px) {
  .c-trigger:not(.-for-nav-) {
    top: calc(var(--nav-height, 100px) * -1);
  }
}

.c-float-tab {
  position: fixed;
  right: 9.7916666667%;
  bottom: 26.0185185185%;
  z-index: 100;
}
@media (max-width: 1399.98px) {
  .c-float-tab {
    right: 1.25%;
    bottom: 18.2222222222%;
  }
}
.c-float-tab .u-link-range {
  z-index: 1;
}
.c-float-tab .icon {
  position: relative;
  width: 169px;
  height: 169px;
}
@media (max-width: 991.98px) {
  .c-float-tab .icon {
    width: 88px;
    height: 88px;
  }
}
.c-float-tab .icon svg {
  width: 100%;
  height: 100%;
}
.c-float-tab .icon .text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transition: all ease 0.3s;
  transition-timing-function: cubic-bezier(1, -0.5, 0.58, 1);
  transform: translate(-50%, -50%) scale(var(--scale, 1));
}
.c-float-tab .icon .text svg {
  position: relative;
  width: 100%;
  height: 100%;
  animation: rotateRound 12s linear 0s infinite;
}
@keyframes rotateRound {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.c-float-tab .icon .bg-circle {
  transition: all ease 0.3s;
}
.c-float-tab .icon .arrow {
  transition: all ease 400ms;
  transform-origin: center;
  transform: scale(0);
}
@media (min-width: 992px) {
  .c-float-tab .icon .arrow {
    transform: scale(1);
  }
}
.c-float-tab .icon .title {
  transition: all ease 400ms;
  transform-origin: center;
  transform: scale(1);
}
@media (min-width: 992px) {
  .c-float-tab .icon .title {
    transform: scale(0);
  }
}
.c-float-tab:hover .icon .arrow {
  transform: scale(0);
}
.c-float-tab:hover .icon .title {
  transform: scale(1);
}
.c-float-tab.-active- .icon .arrow {
  transform: scale(0);
}
.c-float-tab.-active- .icon .title {
  transform: scale(1);
}
.c-float-tab.-active- .icon .bg-circle {
  fill: #fff;
}
.c-float-tab.-active- .icon .text {
  --scale: 1.2;
  opacity: 0;
}

.m-editor .article-system-wrap {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .m-editor .article-system-wrap {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}
.m-editor .nsdi-article-system {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .m-editor .nsdi-article-system {
    margin-bottom: 50px;
  }
}
.m-editor .nsdi-article-system .row {
  align-items: center;
}
.m-editor .nas-image-wrapper img {
  width: 100%;
}
.m-editor #T6 {
  margin-bottom: -24px;
}
.m-editor #T6 .nas-image-wrapper {
  margin-bottom: 24px;
}
.m-editor > div:last-child .nsdi-article-system {
  margin-bottom: 0;
}

.m-header {
  position: relative;
  overflow: hidden;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 29.1666666667%;
}
.m-header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.m-tabs {
  position: relative;
}

.m-cards {
  margin-bottom: -36px;
}
@media (min-width: 1200px) {
  .m-cards {
    margin-bottom: -96px;
  }
}
.m-cards > * {
  margin-bottom: 36px;
}
@media (min-width: 1200px) {
  .m-cards > * {
    margin-bottom: 96px;
  }
}

.m-gallery {
  position: relative;
}
.m-gallery__row {
  display: flex;
  flex-wrap: nowrap;
}
.m-gallery__img {
  width: auto;
  display: inline-block;
  position: relative;
  box-sizing: content-box;
}
.m-gallery__img img {
  width: 100%;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  vertical-align: bottom;
}

.m-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 300ms;
  opacity: 0;
  pointer-events: none;
  padding: 79px 12px;
}
.m-popup.-active- {
  opacity: 1;
  pointer-events: auto;
}
.m-popup.-active- .m-popup__bg {
  backdrop-filter: blur(5.4px);
}
.m-popup__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: all ease 600ms;
  transition-delay: 300ms;
  backdrop-filter: blur(0px);
}
.m-popup__content {
  position: relative;
  z-index: 1;
}

@media (min-width: 992px) {
  .-general-.m-popup, .-form-check-.m-popup, .-scroll-content-.m-popup, .-form-end-.m-popup {
    --popup-inner-push: 40px;
  }
}
.-general-.m-popup .m-popup__content, .-form-check-.m-popup .m-popup__content, .-scroll-content-.m-popup .m-popup__content, .-form-end-.m-popup .m-popup__content {
  width: calc(100% - 48px);
  max-width: 623px;
  max-height: 100%;
  background: #ECE6DE;
  border-radius: 12px;
  padding: var(--popup-inner-push, 20px);
  display: flex;
  flex-direction: column;
}
.-general-.m-popup .m-popup__scrollable-container, .-form-check-.m-popup .m-popup__scrollable-container, .-scroll-content-.m-popup .m-popup__scrollable-container, .-form-end-.m-popup .m-popup__scrollable-container {
  position: relative;
  width: 100%;
  max-height: calc(100% - var(--other-content-height, 0px));
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 22px;
}
.-general-.m-popup .m-popup__scrollable-container::-webkit-scrollbar-track, .-form-check-.m-popup .m-popup__scrollable-container::-webkit-scrollbar-track, .-scroll-content-.m-popup .m-popup__scrollable-container::-webkit-scrollbar-track, .-form-end-.m-popup .m-popup__scrollable-container::-webkit-scrollbar-track {
  background: transparent;
}
.-general-.m-popup .m-popup__scrollable-container::-webkit-scrollbar, .-form-check-.m-popup .m-popup__scrollable-container::-webkit-scrollbar, .-scroll-content-.m-popup .m-popup__scrollable-container::-webkit-scrollbar, .-form-end-.m-popup .m-popup__scrollable-container::-webkit-scrollbar {
  width: 0px;
}
@media (min-width: 992px) {
  .-general-.m-popup .m-popup__scrollable-container::-webkit-scrollbar, .-form-check-.m-popup .m-popup__scrollable-container::-webkit-scrollbar, .-scroll-content-.m-popup .m-popup__scrollable-container::-webkit-scrollbar, .-form-end-.m-popup .m-popup__scrollable-container::-webkit-scrollbar {
    width: 34px;
  }
  .-general-.m-popup .m-popup__scrollable-container::-webkit-scrollbar-thumb, .-form-check-.m-popup .m-popup__scrollable-container::-webkit-scrollbar-thumb, .-scroll-content-.m-popup .m-popup__scrollable-container::-webkit-scrollbar-thumb, .-form-end-.m-popup .m-popup__scrollable-container::-webkit-scrollbar-thumb {
    background: #f95932;
    width: 34px;
    border-radius: 9px;
  }
}
.-general-.m-popup .m-popup__head, .-form-check-.m-popup .m-popup__head, .-scroll-content-.m-popup .m-popup__head, .-form-end-.m-popup .m-popup__head {
  position: relative;
  z-index: 1;
}
.-general-.m-popup .m-popup__body .icon, .-form-check-.m-popup .m-popup__body .icon, .-scroll-content-.m-popup .m-popup__body .icon, .-form-end-.m-popup .m-popup__body .icon {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 106px;
  height: 103px;
  margin-bottom: 15px;
}
.-general-.m-popup .m-popup__body .icon svg, .-form-check-.m-popup .m-popup__body .icon svg, .-scroll-content-.m-popup .m-popup__body .icon svg, .-form-end-.m-popup .m-popup__body .icon svg {
  width: 100%;
  height: 100%;
}
.-general-.m-popup .m-popup__body .content, .-form-check-.m-popup .m-popup__body .content, .-scroll-content-.m-popup .m-popup__body .content, .-form-end-.m-popup .m-popup__body .content {
  color: #000;
  text-align: center;
  margin-bottom: 36px;
}
.-general-.m-popup .m-popup__body .paragraph, .-form-check-.m-popup .m-popup__body .paragraph, .-scroll-content-.m-popup .m-popup__body .paragraph, .-form-end-.m-popup .m-popup__body .paragraph {
  padding-top: 27px;
  padding-left: 30px;
  padding-right: 26px;
  padding-bottom: 30px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: normal;
  color: #000;
}
@media (max-width: 991.98px) {
  .-general-.m-popup .m-popup__body .paragraph, .-form-check-.m-popup .m-popup__body .paragraph, .-scroll-content-.m-popup .m-popup__body .paragraph, .-form-end-.m-popup .m-popup__body .paragraph {
    font-size: 0.875rem;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.-general-.m-popup .m-popup__foot .btn-group, .-form-check-.m-popup .m-popup__foot .btn-group, .-scroll-content-.m-popup .m-popup__foot .btn-group, .-form-end-.m-popup .m-popup__foot .btn-group {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.-general-.m-popup .m-popup__foot .btn-group > *, .-form-check-.m-popup .m-popup__foot .btn-group > *, .-scroll-content-.m-popup .m-popup__foot .btn-group > *, .-form-end-.m-popup .m-popup__foot .btn-group > * {
  cursor: pointer;
}

.-form-end-.m-popup {
  --popup-inner-push: 32px;
}
.-form-end-.m-popup .m-popup__body .content {
  margin-bottom: 48px;
  margin-top: 48px;
}

.-scroll-content-.m-popup .m-popup__content {
  padding-top: 12px;
  padding-right: 12px;
}
.-scroll-content-.m-popup .m-popup__foot {
  padding-top: 62px;
}

[data-page] {
  --nav-height: 85px;
}
@media (max-width: 1399.98px) {
  [data-page] {
    --nav-height: 65px;
  }
}

.l-nav {
  background-color: #ffffff;
  position: sticky;
  top: 0;
  left: 0;
  padding: 10px 29px 10px 36px;
  z-index: 1040;
  color: #fff;
  background: #f95932;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all ease 400ms;
}
@media (min-width: 1400px) {
  .l-nav {
    gap: 60px;
  }
}
@media (max-width: 1399.98px) {
  .l-nav {
    padding: 4px 35px 10px 19px;
  }
}
@media (min-width: 1400px) {
  .l-nav .pc-hidden {
    display: none !important;
  }
}
@media (max-width: 1399.98px) {
  .l-nav .mobile-hidden {
    display: none !important;
  }
}
.l-nav__logo__inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.l-nav__menu-btn .switch-btn {
  cursor: pointer;
  transition: all 0.45s cubic-bezier(0.34, -0.62, 0.73, 1.51);
}
.l-nav__menu-btn .switch-btn.-active- {
  transform: rotate(180deg);
}
.l-nav__menu-btn .switch-btn > * {
  transition: all ease 400ms;
  transition-delay: 0.15s;
  transition-duration: 0.2s;
}
.l-nav__menu {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (min-width: 1400px) {
  .l-nav__menu {
    flex: 1;
    justify-content: space-between;
  }
}
@media (max-width: 1399.98px) {
  .l-nav__menu {
    opacity: 0;
    pointer-events: none;
    transition: all ease 400ms;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 100%;
    left: 0;
    gap: 22px;
    width: 100%;
    padding-top: 32px;
    height: calc(var(--vh, 1vh) * 100 - var(--nav-height, 0));
    background: #f95932;
  }
}
@media (max-width: 1399.98px) {
  .l-nav__item {
    padding-left: 78px;
  }
}
.l-nav__item .anchor {
  font-family: "Inter", sans-serif;
  position: relative;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: normal;
}
@media (max-width: 1619.98px) {
  .l-nav__item .anchor {
    font-size: 1rem;
    font-weight: 600;
  }
}
@media (max-width: 1399.98px) {
  .l-nav__item .anchor {
    font-weight: 700;
    line-height: 136%;
  }
}
@media (max-width: 1399.98px) {
  .l-nav.-active- .l-nav__menu {
    opacity: 1;
    pointer-events: revert;
  }
}

.l-footer {
  padding-top: 40px;
  padding-bottom: 68px;
  background: #fff;
}
@media (max-width: 991.98px) {
  .l-footer {
    padding-top: 44px;
    padding-bottom: 44px;
  }
}
.l-footer__wrapper {
  position: relative;
  padding-left: 80px;
  padding-right: 91px;
}
@media (max-width: 991.98px) {
  .l-footer__wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.l-footer .social-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  margin-bottom: 43px;
  width: 100%;
}
@media (min-width: 992px) {
  .l-footer .social-group {
    position: absolute;
    top: 0;
    right: 91px;
    width: 190px;
    gap: 23px;
  }
}
.l-footer .social-group .social-item {
  position: relative;
}
.l-footer .l-footer__logo {
  width: 267px;
  height: 63.8px;
  display: block;
}
@media (max-width: 991.98px) {
  .l-footer .l-footer__logo {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .l-footer .l-footer__logo {
    width: 226px;
    height: 54px;
    margin-bottom: 21.96px;
  }
}
.l-footer .l-footer__logo svg {
  width: 100%;
  height: 100%;
}
.l-footer .l-footer__copy {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: normal;
  color: #444444;
  width: 300px;
  display: inline-block;
}
@media (max-width: 991.98px) {
  .l-footer .l-footer__copy {
    text-align: center;
    width: 100%;
    display: block;
  }
}
.l-footer .l-footer__info {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: normal;
  color: #444444;
}
@media (max-width: 991.98px) {
  .l-footer .l-footer__info {
    text-align: center;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .l-footer .l-footer__info {
    margin-inline-start: 31px;
  }
}

.l-loading {
  background-color: #ffd00d;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}
.l-loading.is-hidden {
  opacity: 0;
  z-index: -99;
  transition: all ease 400ms;
}

.opening {
  position: relative;
  width: 100%;
  height: 100%;
  --window-position-y: 219;
  --window-position-x: 720;
  --window-width: 508;
  --window-height:732;
  --glass-position-y: 260;
  --glass-position-x: 752;
  --glass-width: 426;
  --glass-height: 656;
  --curtain-position-y: 0%;
}
@media (max-width: 767.98px) {
  .opening {
    --window-position-y: 205;
    --window-position-x: 354;
    --window-width: 365.4915;
    --window-height: 530.3805;
    --glass-position-y: 225;
    --glass-position-x: 354;
    --glass-width: 304.5;
    --glass-height: 471;
  }
}
@media (max-width: 413.98px) {
  .opening {
    --window-position-y: 205;
    --window-position-x: 354;
    --window-width: 243.661;
    --window-height: 353.587;
    --glass-position-y: 225;
    --glass-position-x: 354;
    --glass-width: 203;
    --glass-height: 314;
  }
}
.opening__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffd00d;
  z-index: 0;
}
.opening__fg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.opening .sky {
  position: absolute;
  top: calc(50% + (0.0862068966 * 100vh + -63.1034482759px));
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--ratio, 1));
  width: calc(var(--glass-width, 1) * 1px);
  aspect-ratio: calc(var(--glass-width, 1) / var(--glass-height, 1));
  background-color: #f1512d;
  z-index: 0;
  border-radius: 5000px;
  overflow: hidden;
  transition: all 1.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .opening .sky {
    top: calc(50% + (-0.1592356688 * 100vh + 84.3949044586px));
  }
}
.opening .sky .content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.opening .sky .page-logo {
  width: calc(23466% / var(--glass-width, 1));
  max-width: 234.66px;
}
@media (max-width: 767.98px) {
  .opening .sky .page-logo {
    width: calc(16950% / var(--glass-width, 1));
    max-width: 169.5px;
  }
}
@media (max-width: 413.98px) {
  .opening .sky .page-logo {
    width: calc(11300% / var(--glass-width, 1));
    max-width: 113px;
  }
}
.opening .sky .page-logo svg {
  width: 100%;
  height: 100%;
}
.opening .sky .loading-progress {
  position: relative;
  margin-top: 30px;
}
.opening .sky .loading-progress__percentage {
  position: relative;
  letter-spacing: -4px;
  text-align: center;
}
.opening .sky .loading-progress__percentage .number, .opening .sky .loading-progress__percentage .unit {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: normal;
}
@media (max-width: 767.98px) {
  .opening .sky .loading-progress__percentage .number, .opening .sky .loading-progress__percentage .unit {
    font-size: 0.625rem;
  }
}
.opening .sky .loading-progress__percentage::before, .opening .sky .loading-progress__percentage::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 77px;
  height: 2px;
  background-color: #fff;
  z-index: 1;
  transition: transform 0.3s;
}
@media (max-width: 767.98px) {
  .opening .sky .loading-progress__percentage::before, .opening .sky .loading-progress__percentage::after {
    width: 37px;
  }
}
.opening .sky .loading-progress__percentage::before {
  right: calc(100% + 15px);
}
@media (max-width: 767.98px) {
  .opening .sky .loading-progress__percentage::before {
    right: calc(100% + 5.66px);
  }
}
.opening .sky .loading-progress__percentage::after {
  left: calc(100% + 15px);
}
@media (max-width: 767.98px) {
  .opening .sky .loading-progress__percentage::after {
    left: calc(100% + 5.66px);
  }
}
.opening .window {
  position: absolute;
  top: calc(50% + (0.0862068966 * 100vh + -63.1034482759px));
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--ratio, 1));
  width: calc(var(--window-width, 1) * 1px);
  aspect-ratio: calc(var(--window-width, 1) / var(--window-height, 1));
  transition: all 1.2s ease-in-out;
}
@media (max-width: 767.98px) {
  .opening .window {
    top: calc(50% + (-0.1592356688 * 100vh + 84.3949044586px));
  }
}
.opening .window svg {
  width: 100%;
  height: 100%;
}
.opening .curtain {
  position: absolute;
  top: calc(50% + (0.0862068966 * 100vh + -63.1034482759px));
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--ratio, 1));
  width: calc(var(--glass-width, 1) * 1px);
  aspect-ratio: calc(var(--glass-width, 1) / var(--glass-height, 1));
  z-index: 2;
  transition: all 1.2s ease-in-out;
}
@media (max-width: 767.98px) {
  .opening .curtain {
    top: calc(50% + (-0.1592356688 * 100vh + 84.3949044586px));
  }
}
.opening .curtain .cloth {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 5000px;
  overflow: hidden;
}
.opening .curtain .cloth::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(var(--curtain-position-y, 0));
  transition: transform 0.8s linear;
  background: linear-gradient(180deg, #FF7F00 0%, #FFF 100%);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.opening .curtain .grip {
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, var(--curtain-position-y, 0));
  transition: transform 0.8s linear;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .opening .curtain .grip {
    bottom: -6px;
  }
}
.opening .curtain .grip::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(7800% / var(--glass-width, 1));
  height: 24px;
  background: linear-gradient(180deg, #FFDC4B, #FFF);
  border-radius: 99px;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .opening .curtain .grip::after {
    width: calc(5700% / var(--glass-width, 1));
    height: 12px;
  }
}
@media (max-width: 413.98px) {
  .opening .curtain .grip::after {
    width: calc(3800% / var(--glass-width, 1));
  }
}
.opening.-active- {
  --ratio: 5;
}
.opening.-active- .sky, .opening.-active- .window, .opening.-active- .curtain {
  transition-delay: 0.3s;
}
.opening.-active- .sky .content {
  opacity: 0;
}
.opening.-active- .cloth::after, .opening.-active- .grip {
  transition: unset;
}
.opening.-active- .pregress__percentage::before {
  transform: translateX(-30%);
}
.opening.-active- .pregress__percentage::after {
  transform: translateX(30%);
}

[data-page=index] .page-section {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
[data-page=index] .page-section.-kv- {
  width: 100%;
  aspect-ratio: 16/9;
  margin-bottom: -8px;
}
@media (min-width: 1400px) {
  [data-page=index] .page-section.-kv- {
    max-height: 1080px;
  }
}
@media (max-width: 1399.98px) {
  [data-page=index] .page-section.-kv- {
    aspect-ratio: 390/744;
  }
}
[data-page=index] .page-section.-full-vw- {
  --section-width: 1920;
  --section-height: 1080;
  width: 100%;
  height: 100vh;
}
@media (min-width: 992px) {
  [data-page=index] .page-section.-full-vw- {
    max-height: 855px;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section.-full-vw- {
    --section-width: 390;
    --section-height: 844;
    height: calc(844px + 0.9493670886 * 100vw + -341.7721518987px);
  }
}
[data-page=index] .page-section.-min-full-vw- {
  --section-width: 1920;
  --section-height: 1080;
  width: 100%;
  min-height: 100vh;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section.-min-full-vw- {
    --section-width: 390;
    --section-height: 844;
  }
}
[data-page=index] .page-section.-in-view- {
  --section-active: 1;
}
[data-page=index] .page-section__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section__bg.-pc- {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-page=index] .page-section__bg.-mobile- {
    display: none;
  }
}
[data-page=index] .page-section__bg-item {
  position: absolute;
  transition: all ease-in-out 800ms;
}
[data-page=index] .page-section__wrapper.-common-wrapper- {
  position: relative;
  max-width: 1200px;
  width: calc(100% - 100px);
  margin: 0 auto;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section__wrapper.-common-wrapper- {
    max-width: 768px;
    width: calc(100% - 27.34px);
  }
}
[data-page=index] .page-section__wrapper.-common-wrapper- .intro {
  padding-top: 16vh;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section__wrapper.-common-wrapper- .intro {
    padding-top: 12vh;
    row-gap: 18px;
  }
}
[data-page=index] .page-section__wrapper.-common-wrapper- .intro__video {
  position: relative;
  background-color: var(--intro-video-bg, transparent);
  border-radius: 9px;
  padding: 8.11px 10.1px;
  aspect-ratio: 828/478;
  width: 100%;
}
@media (min-width: 992px) {
  [data-page=index] .page-section__wrapper.-common-wrapper- .intro__video {
    flex: 828 828 0;
    max-width: 69%;
    padding: 19px 23px;
  }
}
[data-page=index] .page-section__wrapper.-common-wrapper- .intro__video iframe {
  width: 100%;
  height: 100%;
}
[data-page=index] .page-section__wrapper.-common-wrapper- .intro__content {
  color: var(--intro-content-color, #000);
}
@media (min-width: 992px) {
  [data-page=index] .page-section__wrapper.-common-wrapper- .intro__content {
    flex: 313 313 0;
    max-width: 26.0833333333%;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section__wrapper.-common-wrapper- .intro__content {
    padding-left: 21.33px;
    padding-right: 21.33px;
  }
}
[data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .title {
  font-weight: 700;
  color: inherit;
}
[data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .title + .subtitle {
  margin-top: 15px;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .title + .subtitle {
    margin-top: 8px;
  }
}
[data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .subtitle {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: normal;
  color: inherit;
}
[data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .subtitle + .paragraph {
  margin-top: 15px;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .subtitle + .paragraph {
    margin-top: 8px;
  }
}
[data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .paragraph {
  letter-spacing: normal;
  color: inherit;
}
@media (min-width: 992px) {
  [data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .paragraph {
    width: 92.3322683706%;
  }
}
[data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .paragraph + .go2vote {
  margin-top: 35px;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .paragraph + .go2vote {
    margin-top: 21px;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section__wrapper.-common-wrapper- .intro__content .go2vote {
    text-align: center;
  }
}
[data-page=index] .kv {
  height: 100%;
  background: #004a9b;
}
@media (max-width: 1399.98px) {
  [data-page=index] .kv {
    background: #ece6de;
  }
}
[data-page=index] .kv__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
}
[data-page=index] .kv__group {
  height: 100%;
}
[data-page=index] .kv__group > * + * {
  margin-top: -0.5px;
}
[data-page=index] .kv__group.-start- {
  --kv-group-width-basic: 360;
  flex: 360 360 0;
}
@media (max-width: 1399.98px) {
  [data-page=index] .kv__group.-start- {
    display: none;
  }
}
[data-page=index] .kv__group.-center- {
  position: relative;
  --kv-group-width-basic: 1200;
  flex: 1200 1200 0;
}
@media (max-width: 1399.98px) {
  [data-page=index] .kv__group.-center- {
    --kv-group-width-basic: 390;
    flex: 390 390 0;
  }
}
[data-page=index] .kv__group.-end- {
  --kv-group-width-basic: 360;
  flex: 360 360 0;
}
@media (max-width: 1399.98px) {
  [data-page=index] .kv__group.-end- {
    display: none;
  }
}
[data-page=index] .kv .kv__bg-block.-width-clip-, [data-page=index] .kv .kv__bg-block.-fixed-height-width-, [data-page=index] .kv .kv__bg-block.-height-stretch-, [data-page=index] .kv .kv__bg-block.-proportionally- {
  flex: 0 0 calc(var(--kv-bg-block-width, 1) / var(--kv-group-width-basic, 1) * 100%);
  --kv-bg-block-height-ratio: calc( var(--kv-bg-block-height, 1) / var(--kv-bg-block-width, 1) );
  aspect-ratio: var(--kv-bg-block-width, 1)/var(--kv-bg-block-height, 1);
}
@media (min-width: 1400px) {
  [data-page=index] .kv .kv__bg-block.-width-clip-, [data-page=index] .kv .kv__bg-block.-fixed-height-width-, [data-page=index] .kv .kv__bg-block.-height-stretch-, [data-page=index] .kv .kv__bg-block.-proportionally- {
    max-height: calc(var(--kv-bg-block-height, 300) * 1px);
  }
}
[data-page=index] .kv .kv__bg-block.-width-clip- .graph, [data-page=index] .kv .kv__bg-block.-fixed-height-width- .graph, [data-page=index] .kv .kv__bg-block.-height-stretch- .graph, [data-page=index] .kv .kv__bg-block.-proportionally- .graph {
  width: var(--graph-width, 100px);
  height: var(--graph-height, 100px);
}
[data-page=index] .kv__bg-block {
  position: relative;
}
[data-page=index] .kv__bg-block .graph {
  position: absolute;
}
[data-page=index] .kv__bg-block .graph svg {
  display: block;
  width: 100%;
  height: 100%;
}
[data-page=index] .kv__bg-block .graph img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-page=index] .kv__bg-block.-taipei101- {
  --kv-bg-block-width: 360;
  --kv-bg-block-height: 360;
  --graph-width: 100%;
  --graph-height: 100%;
}
[data-page=index] .kv__bg-block.-taipei101- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-taiwan-text- {
  --kv-bg-block-width: 142;
  --kv-bg-block-height: 215;
  --graph-width: calc( 100% * 79.853 / 142 );
  --graph-height: auto;
  background: #964312;
}
[data-page=index] .kv__bg-block.-taiwan-text- .graph {
  top: 4.3395348837%;
  left: 23.2394366197%;
}
[data-page=index] .kv__bg-block.-taiwan-blackbear- {
  --kv-bg-block-width: 218;
  --kv-bg-block-height: 215;
  --graph-width: 100%;
  --graph-height: auto;
  background: #ffd00d;
}
[data-page=index] .kv__bg-block.-taiwan-blackbear- .graph {
  bottom: 0;
  left: -1px;
}
[data-page=index] .kv__bg-block.-cable-car- {
  --kv-bg-block-width: 360;
  --kv-bg-block-height: 360;
  --graph-width: 100%;
  --graph-height: 100%;
}
[data-page=index] .kv__bg-block.-cable-car- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-mountain- {
  --kv-bg-block-width: 360;
  --kv-bg-block-height: 142;
  --graph-width: 100%;
  --graph-height: 100%;
  background: #ff7f00;
}
[data-page=index] .kv__bg-block.-mountain- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-queen-head- {
  --kv-bg-block-width: 284;
  --kv-bg-block-height: 142;
  --graph-width: 100%;
  --graph-height: 100%;
}
[data-page=index] .kv__bg-block.-queen-head- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-hot-air-ballon- {
  --kv-bg-block-width: 127;
  --kv-bg-block-height: 142;
  --graph-width: calc( 100% * 86.988 / 127 );
  --graph-height: auto;
  background: #d3efd7;
}
[data-page=index] .kv__bg-block.-hot-air-ballon- .graph {
  left: 12.5984251969%;
  top: 8.4507042254%;
}
[data-page=index] .kv__bg-block.-yellow-totem- {
  --kv-bg-block-width: 339;
  --kv-bg-block-height: 142;
  --graph-width: 100%;
  --graph-height: auto;
  background: #ffd00d;
}
[data-page=index] .kv__bg-block.-yellow-totem- .graph {
  top: 14.7887323944%;
  left: 0;
}
[data-page=index] .kv__bg-block.-orange-bowl- {
  --kv-bg-block-width: 142;
  --kv-bg-block-height: 142;
  --graph-width: 100%;
  --graph-height: 100%;
  background: #ff7f00;
}
[data-page=index] .kv__bg-block.-orange-bowl- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-teapot- {
  --kv-bg-block-width: 166;
  --kv-bg-block-height: 142;
  --graph-width: 100%;
  --graph-height: 100%;
}
[data-page=index] .kv__bg-block.-teapot- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-blue-bowl- {
  --kv-bg-block-width: 142;
  --kv-bg-block-height: 142;
  --graph-width: 100%;
  --graph-height: 100%;
  background: #2db3e8;
}
[data-page=index] .kv__bg-block.-blue-bowl- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-train- {
  --kv-bg-block-width: 240;
  --kv-bg-block-height: 218;
  --graph-width: 100%;
  --graph-height: 100%;
}
[data-page=index] .kv__bg-block.-train- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-tile-pattern- {
  --kv-bg-block-width: 239;
  --kv-bg-block-height: 124;
  --graph-width: 100%;
  --graph-height: 100%;
  background: #ff7f00;
}
[data-page=index] .kv__bg-block.-brown-totem- {
  --kv-bg-block-width: 477;
  --kv-bg-block-height: 124;
  --graph-width: calc( 100% * 212.879 / 477 );
  --graph-height: auto;
  background: #964312;
}
[data-page=index] .kv__bg-block.-brown-totem- .graph {
  top: 14.685483871%;
  right: -4.6582809224%;
}
[data-page=index] .kv__bg-block.-fu-word- {
  --kv-bg-block-width: 125;
  --kv-bg-block-height: 125;
  --graph-width: 100%;
  --graph-height: 100%;
  background: #ef3d14;
}
[data-page=index] .kv__bg-block.-fu-word- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-lighthouse- {
  --kv-bg-block-width: 119;
  --kv-bg-block-height: 218;
  --graph-width: 100%;
  --graph-height: 100%;
  background: #ff7f00;
}
[data-page=index] .kv__bg-block.-lighthouse- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-dark-star-night- {
  --kv-bg-block-width: 600;
  --kv-bg-block-height: 575;
  --graph-width: 56px;
  --graph-height: 54px;
  background: #004a9b;
}
[data-page=index] .kv__bg-block.-dark-star-night- .graph {
  top: 22px;
  left: 12px;
}
[data-page=index] .kv__bg-block.-light-star-night- {
  --kv-bg-block-width: 600;
  --kv-bg-block-height: 575;
  --graph-width: 56px;
  --graph-height: 54px;
  background: #2db3e8;
}
[data-page=index] .kv__bg-block.-light-star-night- .graph {
  top: 22px;
  right: 15px;
}
[data-page=index] .kv__bg-block.-bird- {
  --kv-bg-block-width: 142;
  --kv-bg-block-height: 142;
  --graph-width: 100%;
  --graph-height: 100%;
  background: #d3efd7;
}
[data-page=index] .kv__bg-block.-bird- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-blue-totem- {
  --kv-bg-block-width: 360;
  --kv-bg-block-height: 142;
  --graph-width: 100%;
  --graph-height: calc( 100% * 113.229 / 142 );
  background: #004a9b;
}
[data-page=index] .kv__bg-block.-blue-totem- .graph {
  top: 9.7887323944%;
}
[data-page=index] .kv__bg-block.-flower- {
  --kv-bg-block-width: 147;
  --kv-bg-block-height: 142;
  --graph-width: 100%;
  --graph-height: 100%;
  background: #d3efd7;
}
[data-page=index] .kv__bg-block.-flower- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-blue-door- {
  --kv-bg-block-width: 191;
  --kv-bg-block-height: 142;
  --graph-width: 100%;
  --graph-height: 100%;
  background: #2db3e8;
}
[data-page=index] .kv__bg-block.-blue-door- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-lantern- {
  --kv-bg-block-width: 360;
  --kv-bg-block-height: 142;
  --graph-width: 100%;
  --graph-height: 100%;
  background: #ff7f00;
}
[data-page=index] .kv__bg-block.-bubble-tea- {
  --kv-bg-block-width: 360;
  --kv-bg-block-height: 360;
  --graph-width: 100%;
  --graph-height: 100%;
  background: #ffd00d;
}
[data-page=index] .kv__bg-block.-bubble-tea- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-sika-deer- {
  --kv-bg-block-width: 185;
  --kv-bg-block-height: 204;
  --graph-width: 100%;
  --graph-height: 100%;
  background: #004a9b;
}
[data-page=index] .kv__bg-block.-sika-deer- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-pine-apple- {
  --kv-bg-block-width: 175;
  --kv-bg-block-height: 204;
  --graph-width: 100%;
  --graph-height: 100%;
  background: #964312;
}
[data-page=index] .kv__bg-block.-pine-apple- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-umbrella- {
  --kv-bg-block-width: 185;
  --kv-bg-block-height: 156;
  --graph-width: 100%;
  --graph-height: 100%;
  background: #2db3e8;
}
[data-page=index] .kv__bg-block.-umbrella- .graph {
  top: 0;
  left: 0;
}
[data-page=index] .kv__bg-block.-bag- {
  --kv-bg-block-width: 175;
  --kv-bg-block-height: 156;
  --graph-width: calc( 100% * 87.427 / 175 );
  --graph-height: auto;
  background: #d3efd7;
}
[data-page=index] .kv__bg-block.-bag- .graph {
  top: 5.7692307692%;
  left: 24.5714285714%;
}
[data-page=index] .kv__bg-block.-sky-lattern- {
  --kv-bg-block-width: 360;
  --kv-bg-block-height: 360;
  --graph-width: 100%;
  --graph-height: 100%;
  background: #004a9b;
}
[data-page=index] .kv__bg-block.-sky-lattern- .graph {
  top: 0;
  left: 0;
}
@media (max-width: 1399.98px) {
  [data-page=index] .kv__bg-block.-taipei101- {
    --kv-bg-block-width: 130;
    --kv-bg-block-height: 130;
    --graph-width: 100%;
    --graph-height: 100%;
  }
  [data-page=index] .kv__bg-block.-taipei101- .graph {
    top: 0;
    left: 0;
  }
  [data-page=index] .kv__bg-block.-sky-lattern- {
    --kv-bg-block-width: 130;
    --kv-bg-block-height: 130;
    --graph-width: 100%;
    --graph-height: 100%;
  }
  [data-page=index] .kv__bg-block.-sky-lattern- .graph {
    top: 0;
    left: 0;
  }
  [data-page=index] .kv__bg-block.-bubble-tea- {
    --kv-bg-block-width: 130;
    --kv-bg-block-height: 130;
    --graph-width: 100%;
    --graph-height: 100%;
  }
  [data-page=index] .kv__bg-block.-bubble-tea- .graph {
    top: 0;
    left: 0;
  }
  [data-page=index] .kv__bg-block.-brown-totem- {
    --kv-bg-block-width: 195;
    --kv-bg-block-height: 85;
    --graph-width: calc( 100% * 148.164 / 195 );
    --graph-height: calc( 100% * (61 / 85) );
  }
  [data-page=index] .kv__bg-block.-brown-totem- .graph {
    top: 14.1176470588%;
    left: 0;
  }
  [data-page=index] .kv__bg-block.-tile-pattern- {
    --kv-bg-block-width: 195;
    --kv-bg-block-height: 85;
    --graph-width: 100%;
    --graph-height: 100%;
    background: #ff7f00;
  }
  [data-page=index] .kv__bg-block.-rest-space- {
    --kv-bg-block-width: 390;
    --kv-bg-block-height: 383;
    --graph-width: 100%;
    --graph-height: 100%;
  }
  [data-page=index] .kv__bg-block.-queen-head- {
    --kv-bg-block-width: 145;
    --kv-bg-block-height: 75;
    --graph-width: calc( 100% * 149 / 145 );
    --graph-height: 100%;
  }
  [data-page=index] .kv__bg-block.-queen-head- .graph {
    top: 0;
    right: 0;
  }
  [data-page=index] .kv__bg-block.-taiwan-blackbear- {
    --kv-bg-block-width: 74;
    --kv-bg-block-height: 75;
    --graph-width: 100%;
    --graph-height: auto;
    background: #ffd00d;
  }
  [data-page=index] .kv__bg-block.-taiwan-blackbear- .graph {
    bottom: 0;
    left: -1px;
  }
  [data-page=index] .kv__bg-block.-flower- {
    --kv-bg-block-width: 77;
    --kv-bg-block-height: 75;
    --graph-width: 100%;
    --graph-height: 100%;
    background: #d3efd7;
  }
  [data-page=index] .kv__bg-block.-flower- .graph {
    top: 0;
    left: 0;
  }
  [data-page=index] .kv__bg-block.-lantern- {
    --kv-bg-block-width: 94;
    --kv-bg-block-height: 75;
    --graph-width: calc( 100% * 191.81 / 94 );
    --graph-height: 100%;
    background: #ff7f00;
  }
  [data-page=index] .kv__bg-block.-lantern- .graph {
    top: 0;
    left: 0;
  }
  [data-page=index] .kv__bg-block.-taiwan-text- {
    --kv-bg-block-width: 47;
    --kv-bg-block-height: 73;
    --graph-width: calc( 100% * 27.39581 / 47 );
    --graph-height: auto;
    background: #964312;
  }
  [data-page=index] .kv__bg-block.-taiwan-text- .graph {
    top: 4.2876712329%;
    left: 24.085106383%;
  }
  [data-page=index] .kv__bg-block.-train- {
    --kv-bg-block-width: 80;
    --kv-bg-block-height: 73;
    --graph-width: 100%;
    --graph-height: 100%;
  }
  [data-page=index] .kv__bg-block.-train- .graph {
    top: 0;
    left: 0;
  }
  [data-page=index] .kv__bg-block.-hot-air-ballon- {
    --kv-bg-block-width: 63.267;
    --kv-bg-block-height: 73;
    --graph-width: calc( 100% * 44 / 63.267 );
    --graph-height: auto;
    background: #d3efd7;
  }
  [data-page=index] .kv__bg-block.-hot-air-ballon- .graph {
    top: 8.2602739726%;
    left: 11.2064741492%;
  }
  [data-page=index] .kv__bg-block.-orange-bowl- {
    --kv-bg-block-width: 72.31;
    --kv-bg-block-height: 73;
    --graph-width: 100%;
    --graph-height: 100%;
    background: #ff7f00;
  }
  [data-page=index] .kv__bg-block.-orange-bowl- .graph {
    top: 0;
    left: 0;
  }
  [data-page=index] .kv__bg-block.-teapot- {
    --kv-bg-block-width: 84.53;
    --kv-bg-block-height: 73;
    --graph-width: 100%;
    --graph-height: 100%;
  }
  [data-page=index] .kv__bg-block.-teapot- .graph {
    top: 0;
    left: 0;
  }
  [data-page=index] .kv__bg-block.-red-bowl- {
    --kv-bg-block-width: 72.31;
    --kv-bg-block-height: 73;
    --graph-width: 100%;
    --graph-height: 100%;
    background: #f1512d;
  }
  [data-page=index] .kv__bg-block.-red-bowl- .graph {
    top: 0;
    left: 0;
  }
}
[data-page=index] .kv__core {
  position: absolute;
  top: 4.3518518519%;
  bottom: 13.1481481481%;
  width: 100%;
  z-index: 10;
}
@media (max-width: 1399.98px) {
  [data-page=index] .kv__core {
    top: 9.9462365591%;
    bottom: 19.8924731183%;
  }
}
[data-page=index] .kv__core__content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-page=index] .kv__core__content .taiwan-logo {
  position: relative;
  top: 10.6621773288%;
  left: 50%;
  transform: translateX(-50%);
  width: 17.4206666667%;
}
@media (max-width: 1399.98px) {
  [data-page=index] .kv__core__content .taiwan-logo {
    top: 11.1781609195%;
    width: 24.1579487179%;
  }
}
[data-page=index] .kv__core__content .taiwan-logo img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
[data-page=index] .kv__core__content .dialog {
  position: absolute;
  z-index: 20;
  bottom: calc(59.4837261504% + 0.0480769231 * 100vw + -92.3076923077px);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 21px;
  background: #ffd00d;
  width: 683px;
  padding: 16px;
  padding-top: 13px;
  animation: floating 3.2s linear infinite;
}
@keyframes floating {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-16px);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}
@media (max-width: 1399.98px) {
  [data-page=index] .kv__core__content .dialog {
    width: 77.9487179487%;
    padding: 10px;
    padding-top: 13px;
    padding-bottom: 10px;
    bottom: 56.5134099617%;
  }
}
[data-page=index] .kv__core__content .dialog .duration {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background: #ee421a;
  border-radius: 415px;
  width: 448px;
  padding: 14px 0;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 150%;
  letter-spacing: normal;
}
@media (max-width: 1399.98px) {
  [data-page=index] .kv__core__content .dialog .duration {
    font-size: 1rem;
    font-weight: 600;
    line-height: 155%;
    width: 272px;
    padding-top: 2.71px;
    padding-bottom: 2.91px;
  }
}
[data-page=index] .kv__core__content .dialog .text {
  color: #f1512d;
  font-size: 1.375rem;
  font-weight: 600;
  letter-spacing: -0.66px;
  line-height: 150%;
  text-align: center;
}
[data-page=index] .kv__core__content .dialog .text::first-letter {
  font-size: 2rem;
  letter-spacing: -0.96px;
}
@media (max-width: 1399.98px) {
  [data-page=index] .kv__core__content .dialog .text {
    font-size: 0.875rem;
    line-height: 141%;
    letter-spacing: -0.42px;
  }
  [data-page=index] .kv__core__content .dialog .text::first-letter {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.6px;
  }
}
[data-page=index] .kv__core__content .dialog .tail {
  position: absolute;
  top: calc(100% - 13px);
  left: 45.0951683748%;
  width: 8.6383601757%;
}
[data-page=index] .kv__core__content .dialog .tail svg {
  display: block;
  width: 100%;
  height: auto;
}
[data-page=index] .kv__core__content .big-title-img {
  position: absolute;
  right: -1px;
  bottom: -5.3872053872%;
  width: 89.5%;
  height: auto;
}
@media (max-width: 1399.98px) {
  [data-page=index] .kv__core__content .big-title-img {
    width: 100%;
    bottom: 5.1724137931%;
  }
}
[data-page=index] .kv__core__content .big-title-img img {
  display: block;
  width: 100%;
  height: auto;
}
[data-page=index] .kv__core__bg, [data-page=index] .kv__core__fg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
}
[data-page=index] .kv__core__bg {
  z-index: -1;
}
[data-page=index] .kv__core__fg {
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
[data-page=index] .kv__core__fg .white-cloud {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 45%;
}
@media (max-width: 1399.98px) {
  [data-page=index] .kv__core__fg .white-cloud {
    width: 101.7948717949%;
    left: -17.1794871795%;
    transform: translateY(12.03%);
  }
}
[data-page=index] .kv__core__fg .orange-cloud {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 68.75%;
}
@media (max-width: 1399.98px) {
  [data-page=index] .kv__core__fg .orange-cloud {
    width: 124.358974359%;
    right: -12.8205128205%;
    transform: translateY(38.57%);
  }
}
[data-page=index] .kv__core .graph {
  width: 100%;
}
[data-page=index] .kv__core .graph svg {
  width: 100%;
  max-width: 100%;
  height: auto;
}
[data-page=index] .kv__core .extra-space {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: #ef3d14;
}
@media (max-width: 991.98px) {
  [data-page=index] .-cityscape- .c-trigger, [data-page=index] .-romantic- .c-trigger, [data-page=index] .-cultural- .c-trigger, [data-page=index] .-eco-ethos- .c-trigger {
    transform: translateY(calc(0.4746835443 * 100vw + -170.8860759494px));
  }
}
[data-page=index] .page-section.-cityscape- {
  --intro-video-bg: #fff;
  --intro-content-color: #000;
  background: #ece6de;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-pc- .page-section__bg-item svg {
  width: 100%;
  height: 100%;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-pc- .page-section__bg-item.spire {
  width: calc(9800% / var(--section-width, 1));
  aspect-ratio: 98/200;
  right: 11.8229166667%;
  bottom: min(227px + 0.1291667026 * 100vw + -248.0000689655px, 227px);
  transform: translateX(calc(-1.09375vw * var(--section-active, 0)));
  z-index: 1;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-pc- .page-section__bg-item.right-rect {
  width: calc(45400% / var(--section-width, 1));
  aspect-ratio: 454/440;
  right: -10.3125%;
  bottom: calc(-4600% / var(--section-height, 1));
  transform: translateX(calc(-9.2708333333vw * var(--section-active, 0)));
  z-index: 2;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-pc- .page-section__bg-item.highspeed-railway {
  width: calc(39700% / var(--section-width, 1));
  aspect-ratio: 397/119;
  left: 100%;
  bottom: calc(2595% / var(--section-height, 1));
  transform: translateX(calc(-100% * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-pc- .page-section__bg-item.T-shape {
  width: calc(30300% / var(--section-width, 1));
  aspect-ratio: 303/114;
  left: calc(19200% / var(--section-width, 1));
  bottom: 0px;
  transform: translateX(calc(100vw * 217 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-pc- .page-section__bg-item.left-rect {
  width: calc(31600% / var(--section-width, 1));
  aspect-ratio: 316/315;
  left: calc(-11900% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * 75 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-pc- .page-section__bg-item.taipei101 {
  width: calc(16300% / var(--section-width, 1));
  aspect-ratio: 163/356;
  left: 4.21875%;
  bottom: min(234px + 0.1291667026 * 100vw + -248.0000689655px, 234px);
  transform: translateX(calc(100vw * 17.54 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 0;
}
@media (min-width: 1200px) and (max-width: 1619.98px) {
  [data-page=index] .page-section.-cityscape- .page-section__bg.-pc- .page-section__bg-item.taipei101 {
    left: 1%;
  }
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-pc- .page-section__bg-item.city-bg {
  width: calc(100% + 40px);
  aspect-ratio: 1920/331;
  left: -40px;
  bottom: 0;
  transform: translateX(calc(40px * var(--section-active, 0)));
  z-index: 1;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-pc- .page-section__bg-item.city-bg svg {
  width: 100%;
  height: 100%;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-pc- .page-section__bg-item.building {
  width: calc(18600% / var(--section-width, 1));
  aspect-ratio: 186/110;
  right: calc(67600% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(-5.1041666667vw * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-pc- .page-section__bg-item.bottom-rect {
  width: 100%;
  height: 69px;
  left: 0;
  bottom: 0;
  background: #ffb800;
  z-index: 3;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-mobile- .page-section__bg-item svg {
  width: 100%;
  height: 100%;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-mobile- .page-section__bg-item.spire {
  width: calc(5452.6% / var(--section-width, 1));
  aspect-ratio: 54.526/111.278;
  right: calc(5640% / var(--section-width, 1));
  bottom: calc(123px + 0.3322259136 * 100vw + -129.5681063123px);
  transform: translateX(calc(100vw * -10 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 1;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-mobile- .page-section__bg-item.bottle {
  width: calc(11309% / var(--section-width, 1));
  aspect-ratio: 113.09/55.57;
  left: calc(5830% / var(--section-width, 1));
  bottom: calc(59.8px + 0.1661129568 * 100vw + -64.7840531561px);
  transform: translateX(calc(100vw * 20 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-mobile- .page-section__bg-item.left-rect {
  width: calc(3500% / var(--section-width, 1));
  aspect-ratio: 35/172;
  right: calc(37600% / var(--section-width, 1));
  bottom: calc(-60% / var(--section-height, 1));
  transform: translateX(calc(100vw * 20 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 2;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-mobile- .page-section__bg-item.left-bottom-rect {
  width: calc(6244% / var(--section-width, 1));
  aspect-ratio: 62.44/52.63;
  left: calc(-3200% / var(--section-width, 1));
  bottom: calc(-530% / var(--section-height, 1));
  transform: translateX(calc(100vw * 50.5 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-mobile- .page-section__bg-item.T-shape {
  width: calc(5700% / var(--section-width, 1));
  aspect-ratio: 57/21;
  left: calc(3800% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * 50 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-mobile- .page-section__bg-item.right-rect {
  width: calc(8055% / var(--section-width, 1));
  aspect-ratio: 80.55/68.995;
  right: calc(-2600% / var(--section-width, 1));
  bottom: calc(1440% / var(--section-height, 1));
  transform: translateX(calc(100vw * -49 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-mobile- .page-section__bg-item.highspeed-railway {
  width: calc(15700% / var(--section-width, 1));
  aspect-ratio: 157/39;
  right: calc(-14700% / var(--section-width, 1));
  bottom: calc(1362% / var(--section-height, 1));
  transform: translateX(calc(100vw * -140 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 5;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-mobile- .page-section__bg-item.bottom-building {
  width: calc(6100% / var(--section-width, 1));
  aspect-ratio: 61/32;
  left: calc(10600% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * 50 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-mobile- .page-section__bg-item.middle-T-shape {
  width: calc(3700% / var(--section-width, 1));
  aspect-ratio: 37/20;
  left: calc(15300% / var(--section-width, 1));
  bottom: calc(4500% / var(--section-height, 1));
  transform: translateX(calc(100vw * 50 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-mobile- .page-section__bg-item.taipei101 {
  width: calc(7900% / var(--section-width, 1));
  aspect-ratio: 79/142;
  bottom: calc(127px + 0.3322259136 * 100vw + -129.5681063123px);
  left: calc(8100% / var(--section-width, 1));
  z-index: 0;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-mobile- .page-section__bg-item.city-bg {
  width: 100%;
  aspect-ratio: 390/179;
  left: 0;
  bottom: 0;
  z-index: 1;
}
[data-page=index] .page-section.-cityscape- .page-section__bg.-mobile- .page-section__bg-item.bottom-rect {
  width: 100%;
  aspect-ratio: 390/37;
  left: 0;
  bottom: 0;
  background: #ffb800;
  z-index: 3;
}
[data-page=index] .page-section.-romantic- {
  --intro-video-bg: #412215;
  --intro-content-color: #fff;
  background: #f1512d;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item svg {
  width: 100%;
  height: 100%;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.hole-train {
  width: calc(687px + 0.2155172414 * 100vw + -413.7931034483px);
  aspect-ratio: 687/151;
  left: calc(4800% / var(--section-width, 1));
  bottom: 0;
  z-index: 5;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.hole-train .train > * {
  transform: translateX(calc(-500px + 500px * var(--section-active, 0)));
  transition: all ease 800ms;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.many-tri {
  width: calc(155600% / var(--section-width, 1));
  aspect-ratio: 1556/349;
  left: calc(12100% / var(--section-width, 1));
  bottom: calc(7800% / var(--section-height, 1));
  z-index: 5;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.left-tri {
  width: calc(36px + 0.0107758621 * 100vw + -20.6896551724px);
  aspect-ratio: 36/33;
  left: calc(-2100% / var(--section-width, 1));
  bottom: calc(5800% / var(--section-height, 1));
  transform: translateX(calc(100vw * 51 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 5;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.middle-mountain {
  width: calc(411px + 0.2155172414 * 100vw + -413.7931034483px);
  aspect-ratio: 411/80;
  left: calc(61600% / var(--section-width, 1));
  bottom: 0;
  z-index: 4;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.bike {
  width: calc(25000% / var(--section-width, 1));
  aspect-ratio: 250/189;
  right: calc(-5900% / var(--section-width, 1));
  bottom: min(155px + 0.079058944 * 100vw + -151.7931724138px, 155px);
  transform: translateX(max(100vw * -59 / var(--section-width, 1) * var(--section-active, 0), -59px));
  z-index: 6;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.cliff {
  width: calc(34100% / var(--section-width, 1));
  aspect-ratio: 341/158;
  right: 0;
  bottom: 0;
  z-index: 5;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.small-ballon {
  width: calc(5074% / var(--section-width, 1));
  aspect-ratio: 50.74/67.01;
  left: calc(33400% / var(--section-width, 1));
  bottom: calc(52100% / var(--section-height, 1));
  transform: translateX(calc(100vw * -73 / var(--section-width, 1) * var(--section-active, 0))) rotate(6.767deg);
  z-index: 4;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.big-ballon {
  width: calc(8500% / var(--section-width, 1));
  aspect-ratio: 85/112.27;
  left: calc(-2400% / var(--section-width, 1));
  bottom: calc(47700% / var(--section-height, 1));
  transform: translateX(calc(100vw * 48 / var(--section-width, 1) * var(--section-active, 0))) rotate(6.767deg);
  z-index: 4;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.right-mountain {
  width: calc(30000% / var(--section-width, 1));
  aspect-ratio: 300/79;
  right: calc(8720% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(-9600vw / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.mountain-behind-duck {
  width: calc(30000% / var(--section-width, 1));
  aspect-ratio: 300/79;
  right: calc(68800% / var(--section-width, 1));
  bottom: 0;
  z-index: 4;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.left-mountain {
  width: calc(22400% / var(--section-width, 1));
  aspect-ratio: 224/159;
  left: calc(-5100% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(min(5100vw / var(--section-width, 1) * var(--section-active, 0), 51px));
  z-index: 4;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.mountain-bg {
  width: calc(192000% / var(--section-width, 1));
  aspect-ratio: 1920/640;
  left: 0;
  bottom: 0;
  z-index: 0;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.cable-car {
  width: calc(408px + 0.1077586207 * 100vw + -206.8965517241px);
  aspect-ratio: 408/215;
  right: 0;
  top: 0;
  z-index: 5;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.mountain-with-shape {
  width: calc(46500% / var(--section-width, 1));
  aspect-ratio: 465/159;
  right: calc(28500% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * -96 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.unknown-shape {
  width: calc(7000% / var(--section-width, 1));
  aspect-ratio: 70/55;
  right: calc(43200% / var(--section-width, 1));
  bottom: 0;
  z-index: 5;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-pc- .page-section__bg-item.duck-family {
  width: calc(28200% / var(--section-width, 1));
  aspect-ratio: 282/108;
  right: calc(60300% / var(--section-width, 1));
  bottom: calc(-2200% / var(--section-height, 1));
  z-index: 6;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-mobile- svg {
  width: 100%;
  height: 100%;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-mobile- .page-section__bg-item.red-duck {
  width: calc(4000% / var(--section-width, 1));
  aspect-ratio: 40/21;
  right: calc(14500% / var(--section-width, 1));
  bottom: 0;
  z-index: 5;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-mobile- .page-section__bg-item.left-tri {
  width: calc(1700% / var(--section-width, 1));
  aspect-ratio: 17/15;
  left: calc(-400% / var(--section-width, 1));
  bottom: calc(1700% / var(--section-height, 1));
  transform: translateX(calc(100vw * 11 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 5;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-mobile- .page-section__bg-item.middle-hill {
  width: calc(13200% / var(--section-width, 1));
  aspect-ratio: 132/37.23;
  left: calc(14800% / var(--section-width, 1));
  bottom: 0;
  z-index: 4;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-mobile- .page-section__bg-item.left-hill {
  width: calc(8100% / var(--section-width, 1));
  aspect-ratio: 81/63;
  left: calc(-1700% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(17px * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-mobile- .page-section__bg-item.small-hot-ballon {
  width: calc(2881% / var(--section-width, 1));
  aspect-ratio: 28.81/38.06;
  left: calc(700% / var(--section-width, 1));
  bottom: calc(278px + 0.2491694352 * 100vw + -97.1760797342px);
  transform: translateX(calc(100vw * 16.5 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-mobile- .page-section__bg-item.big-hot-ballon {
  width: calc(3850% / var(--section-width, 1));
  aspect-ratio: 38.5/50.86;
  left: calc(1600% / var(--section-width, 1));
  bottom: calc(166px + 0.1661129568 * 100vw + -64.7840531561px);
  transform: translateX(calc(100vw * 48 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-mobile- .page-section__bg-item.bike-on-cliff {
  width: calc(11700% / var(--section-width, 1));
  aspect-ratio: 117/182;
  right: calc(-6100% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * -59 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 6;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-mobile- .page-section__bg-item.duck-family {
  width: calc(6378% / var(--section-width, 1));
  aspect-ratio: 63.78/41;
  right: calc(7790% / var(--section-width, 1));
  bottom: calc(-1700% / var(--section-height, 1));
  z-index: 4;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-mobile- .page-section__bg-item.hole-train {
  width: calc(21900% / var(--section-width, 1));
  aspect-ratio: 219/48.251;
  left: calc(1100% / var(--section-width, 1));
  bottom: 0;
  z-index: 5;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-mobile- .page-section__bg-item.hole-train .train > * {
  transform: translateX(calc(-200px + 200px * var(--section-active, 0)));
  transition: all ease 800ms;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-mobile- .page-section__bg-item.many-tri {
  width: calc(28700% / var(--section-width, 1));
  aspect-ratio: 287/91;
  left: calc(1400% / var(--section-width, 1));
  bottom: calc(4500% / var(--section-height, 1));
  z-index: 3;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-mobile- .page-section__bg-item.near-mountain {
  width: calc(113000% / var(--section-width, 1));
  aspect-ratio: 1130/377;
  right: calc(-14100% / var(--section-width, 1));
  bottom: calc(-8300% / var(--section-height, 1));
  transform: translateX(calc(-40px * var(--section-active, 0)));
  z-index: 2;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-mobile- .page-section__bg-item.middle-mountain {
  width: calc(76000% / var(--section-width, 1));
  aspect-ratio: 760/241;
  left: calc(-8100% / var(--section-width, 1));
  bottom: calc(13px + 0.1661129568 * 100vw + -64.7840531561px);
  transform: translateY(calc(-36px * var(--section-active, 0)));
  z-index: 1;
}
[data-page=index] .page-section.-romantic- .page-section__bg.-mobile- .page-section__bg-item.far-mountain {
  width: calc(47700% / var(--section-width, 1));
  aspect-ratio: 477/223;
  left: calc(-100% / var(--section-width, 1));
  bottom: calc(36px + 0.2491694352 * 100vw + -97.1760797342px);
  transform: translateY(calc(-72px * var(--section-active, 0)));
  z-index: 0;
}
[data-page=index] .page-section.-cultural- {
  margin-top: -3px;
  --intro-video-bg: #004a9b;
  --intro-content-color: #fff;
  background: #002f62;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- svg {
  width: 100%;
  height: 100%;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.big-door {
  width: calc(18200% / var(--section-width, 1));
  aspect-ratio: 182/108;
  left: calc(41700% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * 48 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 6;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.big-sky-lantern {
  width: calc(8200% / var(--section-width, 1));
  aspect-ratio: 82/93;
  right: calc(-9000% / var(--section-width, 1));
  top: calc(20100% / var(--section-height, 1));
  transform: translateX(calc(100vw * -137 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.middle-sky-lantern {
  width: calc(4700% / var(--section-width, 1));
  aspect-ratio: 47/52;
  right: calc(17800% / var(--section-width, 1));
  top: calc(26600% / var(--section-height, 1));
  transform: translateX(calc(100vw * 24 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.small-sky-lantern {
  width: calc(4000% / var(--section-width, 1));
  aspect-ratio: 40/44;
  right: calc(7070% / var(--section-width, 1));
  top: calc(36300% / var(--section-height, 1));
  transform: translateX(calc(100vw * -17 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.moon {
  width: calc(25500% / var(--section-width, 1));
  aspect-ratio: 255/255;
  right: calc(2700% / var(--section-width, 1));
  bottom: calc(-117px + -0.0538793103 * 100vw + 103.4482758621px);
  transform: translateY(calc((-221px + -0.1077586207 * 100vw + 206.8965517241px) * var(--section-active, 0)));
  z-index: 1;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.right-star {
  width: calc(77500% / var(--section-width, 1));
  aspect-ratio: 775/93;
  right: calc(3470% / var(--section-width, 1));
  bottom: calc(4080% / var(--section-height, 1));
  z-index: 6;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.right-city-bg {
  width: calc(62400% / var(--section-width, 1));
  aspect-ratio: 624/349;
  right: 0;
  bottom: 0;
  z-index: 2;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.right-smoke-bg {
  width: calc(101600% / var(--section-width, 1));
  aspect-ratio: 1016/549;
  right: 0;
  bottom: 0;
  z-index: 0;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.left-star {
  width: calc(61300% / var(--section-width, 1));
  aspect-ratio: 613/183;
  left: calc(7700% / var(--section-width, 1));
  bottom: calc(2080% / var(--section-height, 1));
  z-index: 6;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.left-city-bg {
  width: calc(130700% / var(--section-width, 1));
  aspect-ratio: 1307/182;
  left: 0;
  bottom: 0;
  z-index: 2;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.left-smoke-bg {
  width: calc(104500% / var(--section-width, 1));
  aspect-ratio: 1045/549;
  left: 0;
  bottom: 0;
  z-index: 0;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.temple-shadow {
  width: calc(26100% / var(--section-width, 1));
  aspect-ratio: 261/180;
  left: calc(-9200% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * 76 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 5;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.orange-tri {
  width: calc(7300% / var(--section-width, 1));
  aspect-ratio: 73/21;
  left: calc(18400% / var(--section-width, 1));
  bottom: calc(2820% / var(--section-height, 1));
  z-index: 6;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.orange-rect {
  width: calc(8900% / var(--section-width, 1));
  aspect-ratio: 89/46;
  right: calc(27400% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * -55 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 5;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.lantern-group {
  width: calc(31500% / var(--section-width, 1));
  aspect-ratio: 315/117;
  left: calc(-31500% / var(--section-width, 1));
  top: calc(16500% / var(--section-height, 1));
  transform: translateX(min(100vw * 315 / var(--section-width, 1) * var(--section-active, 0), 315px));
  z-index: 4;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-pc- .page-section__bg-item.blue-right-rect {
  width: calc(5500% / var(--section-width, 1));
  aspect-ratio: 55/46;
  right: calc(-5500% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(max(100vw * -55 / var(--section-width, 1) * var(--section-active, 0), -55px));
  z-index: 5;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- svg {
  width: 100%;
  height: 100%;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.big-sky-lantern {
  width: calc(2700% / var(--section-width, 1));
  aspect-ratio: 27/52;
  right: calc(-7300% / var(--section-width, 1));
  bottom: calc(270px + 0.250166113 * 100vw + -97.5647840532px);
  transform: translateX(calc(100vw * -73 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.small-sky-lantern {
  width: calc(2700% / var(--section-width, 1));
  aspect-ratio: 27/30;
  right: calc(-1300% / var(--section-width, 1));
  bottom: calc(256px + 0.250166113 * 100vw + -97.5647840532px);
  transform: translateX(calc(100vw * -46 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.moon {
  width: calc(11900% / var(--section-width, 1));
  aspect-ratio: 119/138;
  right: 0;
  bottom: calc(-22px + 0.1863903654 * 100vw + -72.6922425249px);
  transform: translateY(calc(-7800vh / var(--section-height) * var(--section-active, 0)));
  z-index: 3;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.east-door {
  width: calc(7500% / var(--section-width, 1));
  aspect-ratio: 75/54;
  left: calc(-1200% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * 37.6 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 7;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.near-right-smoke {
  width: calc(28300% / var(--section-width, 1));
  aspect-ratio: 283/382;
  right: 0;
  bottom: 0;
  transform: scale(calc(1.2335 - 0.2335 * var(--section-active, 0)));
  transform-origin: right bottom;
  z-index: 2;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.near-left-smoke {
  width: calc(28700% / var(--section-width, 1));
  aspect-ratio: 287/382;
  left: 0;
  bottom: 0;
  transform: scale(calc(1.2335 - 0.2335 * var(--section-active, 0)));
  transform-origin: left bottom;
  z-index: 2;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.far-right-smoke {
  width: calc(27300% / var(--section-width, 1));
  aspect-ratio: 273/472;
  right: 0;
  bottom: 0;
  transform: scale(calc(1.24485 - 0.24485 * var(--section-active, 0)));
  transform-origin: right bottom;
  z-index: 1;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.far-left-smoke {
  width: calc(27900% / var(--section-width, 1));
  aspect-ratio: 279/472;
  left: 0;
  bottom: 0;
  transform: scale(calc(1.24485 - 0.24485 * var(--section-active, 0)));
  transform-origin: left bottom;
  z-index: 1;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.city-bg {
  width: 100%;
  aspect-ratio: 390/104;
  left: 0;
  bottom: 0;
  z-index: 4;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.many-star {
  width: calc(34100% / var(--section-width, 1));
  aspect-ratio: 341/124;
  left: calc(1400% / var(--section-width, 1));
  bottom: 8.48px;
  z-index: 8;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.orange-rect {
  width: calc(4800% / var(--section-width, 1));
  aspect-ratio: 48/24;
  right: calc(9700% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * -48 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 5;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.lighthouse {
  width: calc(6500% / var(--section-width, 1));
  aspect-ratio: 65/112;
  right: calc(359% / var(--section-width, 1));
  bottom: calc(75.3px + 0.1830681063 * 100vw + -71.3965614618px);
  transform: translateX(calc(100vw * -10 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 3;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.lantern-group {
  width: calc(9400% / var(--section-width, 1));
  aspect-ratio: 94/44;
  left: calc(-6400% / var(--section-width, 1));
  bottom: calc(167px + 0.250166113 * 100vw + -97.5647840532px);
  transform: translateX(calc(100vw * 64 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 4;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.darkblue-roof {
  width: calc(6000% / var(--section-width, 1));
  aspect-ratio: 60/26;
  right: 0;
  bottom: calc(75.3px + 0.1830681063 * 100vw + -71.3965614618px);
  z-index: 3;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.blue-roof {
  width: calc(6200% / var(--section-width, 1));
  aspect-ratio: 62/14;
  right: calc(6900% / var(--section-width, 1));
  bottom: calc(40px + 0.1134186047 * 100vw + -44.233255814px);
  transform: translateX(calc(100vw * -15 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 5;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.blue-bottom-roof {
  width: calc(8100% / var(--section-width, 1));
  aspect-ratio: 81/19;
  right: calc(-3900% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * -53 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 5;
}
[data-page=index] .page-section.-cultural- .page-section__bg.-mobile- .page-section__bg-item.orange-roof {
  width: calc(6100% / var(--section-width, 1));
  aspect-ratio: 61/14;
  left: calc(11400% / var(--section-width, 1));
  bottom: calc(40px + 0.1134186047 * 100vw + -44.233255814px);
  transform: translateX(calc(100vw * 10 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 5;
}
[data-page=index] .page-section.-eco-ethos- {
  --intro-video-bg: #ff7f00;
  --intro-content-color: #000;
  background: #ffd00d;
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- svg {
  width: 100%;
  height: 100%;
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.right-fg-tree {
  width: calc(20017.5% / var(--section-width, 1));
  aspect-ratio: 200.175/903;
  right: calc(-3800% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * -116.8 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 6;
  mask: linear-gradient(to bottom, transparent 0%, black 5%);
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.right-bg-tree01 {
  width: 21px;
  aspect-ratio: 21/461;
  right: calc(35300% / var(--section-width, 1));
  bottom: min(394px + 0.2262931034 * 100vw + -434.4827586207px, 394px);
  transform: translateX(calc(100vw * -8 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 1;
  mask: linear-gradient(to bottom, transparent 0%, black 5%);
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.right-bg-tree02 {
  width: 21px;
  aspect-ratio: 21/461;
  right: calc(11800% / var(--section-width, 1));
  bottom: min(394px + 0.2262931034 * 100vw + -434.4827586207px, 394px);
  transform: translateX(calc(100vw * -16 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 1;
  mask: linear-gradient(to bottom, transparent 0%, black 5%);
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.right-bg-tree03 {
  width: 21px;
  aspect-ratio: 21/444;
  right: calc(5800% / var(--section-width, 1));
  bottom: min(411px + 0.2262931034 * 100vw + -434.4827586207px, 411px);
  z-index: 1;
  mask: linear-gradient(to bottom, transparent 0%, black 5%);
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.left-fg-tree {
  width: calc(17600% / var(--section-width, 1));
  aspect-ratio: 176/903;
  left: calc(3400% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * 102 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 6;
  mask: linear-gradient(to bottom, transparent 0%, black 5%);
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.left-bg-tree01 {
  width: 21px;
  aspect-ratio: 21/461;
  left: calc(-200% / var(--section-width, 1));
  bottom: min(394px + 0.2262931034 * 100vw + -434.4827586207px, 394px);
  transform: translateX(calc(100vw * 28 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 1;
  mask: linear-gradient(to bottom, transparent 0%, black 5%);
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.left-bg-tree02 {
  width: 21px;
  aspect-ratio: 21/461;
  left: calc(11800% / var(--section-width, 1));
  bottom: min(394px + 0.2262931034 * 100vw + -434.4827586207px, 394px);
  z-index: 1;
  mask: linear-gradient(to bottom, transparent 0%, black 5%);
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.left-bg-tree03 {
  width: 21px;
  aspect-ratio: 21/444;
  left: calc(28000% / var(--section-width, 1));
  bottom: min(319px + 0.2262931034 * 100vw + -434.4827586207px, 319px);
  transform: translateX(calc(100vw * 28 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 1;
  mask: linear-gradient(to bottom, transparent 0%, black 5%);
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.sun {
  width: calc(18400% / var(--section-width, 1));
  aspect-ratio: 184/184;
  left: calc(6000% / var(--section-width, 1));
  bottom: calc(187px + 0.1713362069 * 100vw + -328.9655172414px);
  transform: translateY(calc(-36300vh / var(--section-height, 1) * var(--section-active, 0)));
  z-index: 0;
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg {
  width: calc(192000% / var(--section-width, 1));
  aspect-ratio: 1920/566;
  left: 0;
  bottom: 0;
  z-index: 2;
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .right-fg-hill, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .dot06, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .dot05, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .dot04, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .dot03, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .dot02, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .dot01, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .brown-boat, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .orange-small-boat, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .brown-small-boat, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .yellow-small-boat, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .orange-boat, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .right-tent {
  transition: all ease 800ms;
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .right-fg-hill {
  transform: translateX(calc(-42px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .dot06 {
  transform: translateX(calc(-12px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .dot05 {
  transform: translateX(calc(-31px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .dot04 {
  transform: translateX(calc(-17px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .dot03 {
  transform: translateX(calc(24px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .dot02 {
  transform: translateX(calc(-15px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .dot01 {
  transform: translateX(calc(-15px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .brown-boat {
  transform: translateX(calc(-20px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .orange-small-boat {
  transform: translateX(calc(29px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .brown-small-boat {
  transform: translateX(calc(-20px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .yellow-small-boat {
  transform: translateX(calc(-33px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .orange-boat {
  transform: translateX(calc(-33px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.hill-river-bg .right-tent {
  transform: translateX(calc(-42px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.right-fg-orange-dot {
  width: calc(2800% / var(--section-width, 1));
  aspect-ratio: 28/28;
  left: calc(5700% / var(--section-width, 1));
  bottom: calc(49300% / var(--section-height, 1));
  z-index: 8;
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.right-fg-yellow-dot {
  width: calc(2800% / var(--section-width, 1));
  aspect-ratio: 28/28;
  left: calc(11000% / var(--section-width, 1));
  bottom: calc(38900% / var(--section-height, 1));
  transform: translateX(calc(100vw * -57 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 8;
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.deer {
  width: calc(25800% / var(--section-width, 1));
  aspect-ratio: 258/419;
  left: calc(-8100% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * 102 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 7;
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-pc- .page-section__bg-item.yellow-dot-beside-deer {
  width: calc(2800% / var(--section-width, 1));
  aspect-ratio: 28/28;
  left: calc(6100% / var(--section-width, 1));
  bottom: calc(14800% / var(--section-height, 1));
  z-index: 8;
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- svg {
  width: 100%;
  height: 100%;
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun {
  width: calc(39000% / var(--section-width, 1));
  aspect-ratio: 390/319;
  left: 0;
  bottom: 0;
  z-index: 2;
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .sun, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .right-hill, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .big-brown-boat, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .small-orange-boat, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .small-brown-boat, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .big-orange-boat, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .middle-hill, [data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .yellow-hill-group {
  transition: all ease 800ms;
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .sun {
  transform: translateY(calc(84px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .right-hill {
  transform: translateX(calc(26px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .big-brown-boat {
  transform: translateX(calc(14px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .small-orange-boat {
  transform: translateX(calc(-28px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .small-brown-boat {
  transform: translateX(calc(-10px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .big-orange-boat {
  transform: translateX(calc(24px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .middle-hill {
  transform: translateX(calc(-9px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.hill-river-sun .yellow-hill-group {
  transform: translateX(calc(-14px * (1 - var(--section-active, 0))));
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.middle-bg-tree {
  width: calc(1400% / var(--section-width, 1));
  aspect-ratio: 14/729;
  right: calc(7300% / var(--section-width, 1));
  bottom: calc(138px + 0.2262931034 * 100vw + -434.4827586207px);
  transform: translateX(calc(100vw * -40 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 1;
  mask: linear-gradient(to bottom, transparent 0%, black 5%);
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.right-bg-tree {
  width: calc(1400% / var(--section-width, 1));
  aspect-ratio: 14/721;
  right: calc(3200% / var(--section-width, 1));
  bottom: calc(137px + 0.2262931034 * 100vw + -434.4827586207px);
  transform: translateX(calc(100vw * -50 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 1;
  mask: linear-gradient(to bottom, transparent 0%, black 5%);
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.right-fg-tree {
  width: calc(9370% / var(--section-width, 1));
  aspect-ratio: 93.7/888;
  right: calc(-6900% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * -69 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 6;
  mask: linear-gradient(to bottom, transparent 0%, black 5%);
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.left-fg-tree {
  width: calc(9370% / var(--section-width, 1));
  aspect-ratio: 93.7/872;
  left: calc(-7300% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * 73 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 6;
  mask: linear-gradient(to bottom, transparent 0%, black 5%);
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.tent {
  width: calc(22274% / var(--section-width, 1));
  aspect-ratio: 222.74/83.93;
  right: calc(-7700% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(100vw * -79 / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 6;
}
[data-page=index] .page-section.-eco-ethos- .page-section__bg.-mobile- .page-section__bg-item.deer {
  width: calc(14700% / var(--section-width, 1));
  aspect-ratio: 147/198;
  left: calc(-8100% / var(--section-width, 1));
  bottom: 0;
  transform: translateX(calc(8100% / var(--section-width, 1) * var(--section-active, 0)));
  z-index: 7;
}
[data-page=index] .page-section.-keterangan- {
  margin-top: -2px;
  background: #ece6de;
  overflow: hidden;
}
[data-page=index] .page-section.-keterangan- .page-section__bg.-pc- svg {
  width: 100%;
  height: 100%;
}
[data-page=index] .page-section.-keterangan- .page-section__bg.-pc- .page-section__bg-item.white-bg {
  max-width: 1280px;
  width: calc(100% - 48px);
  aspect-ratio: 1280/784;
  left: 50%;
  top: min(21300% / var(--section-height, 1), 425px);
  transform: translate(-50%, calc(121px - 121px * var(--section-active, 0)));
  z-index: 0;
}
[data-page=index] .page-section.-keterangan- .page-section__bg.-pc- .page-section__bg-item.rest-bg {
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  max-width: 1280px;
  width: calc(100% - 48px);
  height: calc(100% - min((100vw - 70px) * 784 / 1280, 784px) - min(21300% / var(--section-height, 1), 425px));
  background: #fff;
}
[data-page=index] .page-section.-keterangan- .page-section__bg.-pc- .page-section__bg-item.right-bottom-ticket {
  width: calc(37600% / var(--section-width, 1));
  aspect-ratio: 376/161;
  right: calc(2510% / var(--section-width, 1));
  bottom: calc(3450% / var(--section-height, 1));
  transform: translateY(calc(7350vh / var(--section-height, 1) * var(--section-active, 0)));
  z-index: 1;
}
[data-page=index] .page-section.-keterangan- .page-section__bg.-pc- .page-section__bg-item.right-middle-ticket {
  width: calc(40400% / var(--section-width, 1));
  aspect-ratio: 404/394;
  right: 0;
  bottom: calc(19700% / var(--section-height, 1));
  z-index: 1;
}
[data-page=index] .page-section.-keterangan- .page-section__bg.-pc- .page-section__bg-item.right-top-ticket {
  width: calc(24400% / var(--section-width, 1));
  aspect-ratio: 244/161;
  right: 0;
  bottom: calc(76400% / var(--section-height, 1));
  transform: translateY(calc(7300vh / var(--section-height, 1) * var(--section-active, 0)));
  z-index: 1;
}
[data-page=index] .page-section.-keterangan- .page-section__bg.-pc- .page-section__bg-item.left-bottom-ticket {
  width: calc(39600% / var(--section-width, 1));
  aspect-ratio: 396/394;
  left: 0;
  bottom: calc(4270% / var(--section-height, 1));
  transform: translateY(calc(2470vh / var(--section-height, 1) * var(--section-active, 0)));
  z-index: 1;
}
[data-page=index] .page-section.-keterangan- .page-section__bg.-pc- .page-section__bg-item.left-top-ticket {
  width: calc(31500% / var(--section-width, 1));
  aspect-ratio: 315/425;
  left: 0;
  bottom: calc(39400% / var(--section-height, 1));
  z-index: 1;
}
[data-page=index] .page-section.-keterangan- .page-section__bg.-mobile- svg {
  width: 100%;
  height: 100%;
}
[data-page=index] .page-section.-keterangan- .page-section__bg.-mobile- .page-section__bg-item.left-top-ticket {
  width: calc(9900% / var(--section-width, 1));
  aspect-ratio: 99/113;
  left: 0;
  bottom: calc(52900% / var(--section-height, 1));
  transform: translateY(calc(-11900vh / var(--section-height, 1) * var(--section-active, 0)));
  z-index: 1;
}
[data-page=index] .page-section.-keterangan- .page-section__bg.-mobile- .page-section__bg-item.left-middle-ticket {
  width: calc(7100% / var(--section-width, 1));
  aspect-ratio: 71/121;
  left: 0;
  bottom: calc(17800% / var(--section-height, 1));
  transform: translateY(calc(-11800vh / var(--section-height, 1) * var(--section-active, 0)));
  z-index: 1;
}
[data-page=index] .page-section.-keterangan- .page-section__bg.-mobile- .page-section__bg-item.left-bottom-ticket {
  width: calc(11200% / var(--section-width, 1));
  aspect-ratio: 112/149;
  left: 0;
  bottom: calc(-6200% / var(--section-height, 1));
  transform: translateY(calc(-11830vh / var(--section-height, 1) * var(--section-active, 0)));
  z-index: 1;
}
[data-page=index] .page-section.-keterangan- .page-section__bg.-mobile- .page-section__bg-item.right-top-ticket {
  width: calc(9900% / var(--section-width, 1));
  aspect-ratio: 76/123;
  right: 0;
  bottom: calc(44700% / var(--section-height, 1));
  transform: translateY(calc(-11900vh / var(--section-height, 1) * var(--section-active, 0)));
  z-index: 1;
}
[data-page=index] .page-section.-keterangan- .page-section__bg.-mobile- .page-section__bg-item.right-bottom-ticket {
  width: calc(10500% / var(--section-width, 1));
  aspect-ratio: 105/113;
  right: 0;
  bottom: calc(-10100% / var(--section-height, 1));
  transform: translateY(calc(-11840vh / var(--section-height, 1) * var(--section-active, 0)));
  z-index: 1;
}
[data-page=index] .page-section.-keterangan- .page-section__content {
  position: relative;
  top: 50vh;
  transform: translateY(-50%);
  padding-left: 24px;
  padding-right: 24px;
  padding-top: calc(8700vh / var(--section-height, 1));
  padding-bottom: calc(3400vh / var(--section-height, 1));
}
[data-page=index] .page-section.-keterangan- .page-section__wrapper {
  max-width: 1280px;
  margin: auto;
}
[data-page=index] .page-section.-keterangan- .page-section__title {
  text-align: center;
  color: #474747;
}
[data-page=index] .page-section.-keterangan- .page-section__title + .page-section__subtitle {
  margin-top: 21px;
}
[data-page=index] .page-section.-keterangan- .page-section__subtitle {
  text-align: center;
  color: #474747;
}
[data-page=index] .page-section.-keterangan- .landscape-group {
  margin-top: 45.45px;
  justify-content: space-between;
  gap: calc(75px + 0.0484913793 * 100vw + -93.1034482759px);
}
@media screen and (max-height: 950px) {
  [data-page=index] .page-section.-keterangan- .landscape-group {
    width: calc(60% + -0.2004310345 * 100vw + 384.8275862069px);
    margin: 0 auto;
  }
}
[data-page=index] .page-section.-keterangan- .landscape-group .landscape-item {
  flex: 1 1 0;
}
[data-page=index] .page-section.-keterangan- .landscape-group .landscape-item svg {
  width: 100%;
  height: auto;
}
@media screen and (max-height: 800px) {
  [data-page=index] .page-section.-keterangan- .landscape-group {
    display: none !important;
  }
}
[data-page=index] .page-section.-keterangan- .info {
  margin-top: 30px;
  justify-content: center;
  gap: calc(80px + max(0.0323275862 * 100vw + -62.0689655172px, -50px));
  transition: all ease 800ms;
}
@media (min-width: 992px) {
  [data-page=index] .page-section.-keterangan- .info {
    transform: translateY(calc(231px - 231px * var(--section-active, 0)));
  }
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section.-keterangan- .info {
    align-items: center;
  }
}
[data-page=index] .page-section.-keterangan- .info .info-item {
  max-width: 410px;
}
[data-page=index] .page-section.-keterangan- .info .info-item .orange-ticket, [data-page=index] .page-section.-keterangan- .info .info-item .blue-ticket {
  position: relative;
}
@media (min-width: 992px) {
  [data-page=index] .page-section.-keterangan- .info .info-item .orange-ticket, [data-page=index] .page-section.-keterangan- .info .info-item .blue-ticket {
    height: 162px;
  }
}
[data-page=index] .page-section.-keterangan- .info .info-item .orange-ticket svg, [data-page=index] .page-section.-keterangan- .info .info-item .blue-ticket svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  overflow: visible;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section.-keterangan- .info .info-item .orange-ticket svg, [data-page=index] .page-section.-keterangan- .info .info-item .blue-ticket svg {
    position: relative;
    top: 0;
    transform: translateX(-50%);
  }
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section.-keterangan- .info .info-item .blue-ticket {
    margin-top: -22px;
  }
}
[data-page=index] .page-section.-keterangan- .info .info-item .travel-case {
  transition: all ease 800ms;
  transform: translateX(calc(-66px + 66px * var(--section-active, 0)));
}
[data-page=index] .page-section.-keterangan- .info .info-item .airplane {
  transition: all ease 800ms;
  transform: translateX(calc(94px - 94px * var(--section-active, 0)));
}
[data-page=index] .page-section.-keterangan- .info .info-title {
  color: #000;
}
[data-page=index] .page-section.-keterangan- .info .info-title + .info-text {
  margin-top: 7px;
}
[data-page=index] .page-section.-keterangan- .info .info-text {
  color: #000;
}
[data-page=index] .page-section.-aktiviti- {
  background: #f95932;
  padding-top: 64px;
  padding-bottom: 67px;
}
[data-page=index] .page-section.-aktiviti- .page-section__wrapper {
  margin: auto;
  max-width: 1200px;
  width: calc(100% - 48px);
  height: 100%;
}
[data-page=index] .page-section.-aktiviti- .page-section__title {
  text-align: center;
  color: #fff;
}
[data-page=index] .page-section.-aktiviti- .page-section__title + .page-section__scrollable {
  margin-top: 48px;
}
[data-page=index] .page-section.-aktiviti- .page-section__scrollable {
  height: calc(100vh - 67px - 162px);
  max-height: 731px;
  padding-top: 21px;
  padding-bottom: 21px;
  padding-left: 40px;
  padding-right: 14px;
  border-radius: 10px;
  background: #f4f4f4;
}
[data-page=index] .page-section.-aktiviti- .page-section__scrollable .scrollbar-space-push {
  overflow: auto;
  padding-right: 22px;
  height: 100%;
}
[data-page=index] .page-section.-aktiviti- .page-section__scrollable .scrollbar-space-push::-webkit-scrollbar-track {
  background: transparent;
}
@media (min-width: 992px) {
  [data-page=index] .page-section.-aktiviti- .page-section__scrollable .scrollbar-space-push::-webkit-scrollbar {
    width: 34px;
  }
  [data-page=index] .page-section.-aktiviti- .page-section__scrollable .scrollbar-space-push::-webkit-scrollbar-thumb {
    background: #f95932;
    width: 34px;
    border-radius: 9px;
  }
}
[data-page=index] .page-section.-aktiviti- .page-section__content {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: normal;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section.-aktiviti- .page-section__content {
    font-size: 0.9375rem;
  }
}
[data-page=index] .page-section.-undi-sekarang- {
  margin-top: -1px;
  background: #f95932;
}
[data-page=index] .page-section.-undi-sekarang- .page-section__bg .page-section__bg-item.white-bg {
  max-width: 1145px;
  width: calc(100% - 100px);
  top: 13px;
  left: 50%;
  transform: translateX(-50%);
}
[data-page=index] .page-section.-undi-sekarang- .page-section__bg .page-section__bg-item.white-bg svg {
  width: 100%;
  height: auto;
}
@media (max-width: 575.98px) {
  [data-page=index] .page-section.-undi-sekarang- .page-section__bg .page-section__bg-item.white-bg {
    width: calc(100% - 48px);
  }
}
[data-page=index] .page-section.-undi-sekarang- .page-section__bg .page-section__bg-item.rest-space {
  max-width: 1145px;
  width: calc(100% - 100px);
  height: calc(100% - min(1328px, 80.2212518195vw) - 13px);
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background: #fff;
}
@media (max-width: 575.98px) {
  [data-page=index] .page-section.-undi-sekarang- .page-section__bg .page-section__bg-item.rest-space {
    width: calc(100% - 48px);
  }
}
[data-page=index] .page-section.-undi-sekarang- .page-section__wrapper {
  position: relative;
  z-index: 1;
  max-width: 1145px;
  width: 100%;
  margin: 0 auto;
  padding-top: 13px;
  padding-bottom: 28px;
  padding-left: 74px;
  padding-right: 74px;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section.-undi-sekarang- .page-section__wrapper {
    padding-left: 106px;
    padding-right: 106px;
  }
}
@media (max-width: 575.98px) {
  [data-page=index] .page-section.-undi-sekarang- .page-section__wrapper {
    padding-left: 66px;
    padding-right: 66px;
  }
}
[data-page=index] .page-section.-undi-sekarang- .page-section__title {
  text-align: center;
  color: #474747;
  margin-bottom: 23px;
}
[data-page=index] .page-section.-undi-sekarang- .page-section__form {
  padding-top: 36%;
}
@media (min-width: 992px) {
  [data-page=index] .page-section.-undi-sekarang- .page-section__form {
    padding-top: 179px;
    position: relative;
    max-width: 605px;
    margin: 0 auto;
  }
}
[data-page=index] .page-section.-undi-sekarang- .page-section__form .underline {
  display: inline;
  text-align: start;
  word-break: break-all;
  word-wrap: break-word;
  text-decoration: underline;
  color: inherit;
  font-weight: inherit;
}
[data-page=index] .page-section.-senarai-pemenang- {
  margin-top: -1px;
  background: #ece6de;
}
[data-page=index] .page-section.-senarai-pemenang- .page-section__wrapper {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding-top: 70.18px;
  padding-bottom: 28px;
  padding-left: 74px;
  padding-right: 74px;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section.-senarai-pemenang- .page-section__wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }
}
[data-page=index] .page-section.-senarai-pemenang- .page-section__title {
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  color: #474747;
  margin-bottom: 37px;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section.-senarai-pemenang- .page-section__title {
    font-size: 1.5rem;
    margin-bottom: 21px;
  }
}
[data-page=index] .page-section.-senarai-pemenang- .no-result, [data-page=index] .page-section.-senarai-pemenang- .intro {
  padding: 34px 0;
  text-align: center;
  color: rgba(130, 130, 130, 0.6);
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section.-senarai-pemenang- .no-result, [data-page=index] .page-section.-senarai-pemenang- .intro {
    padding-top: 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=index] .page-section.-senarai-pemenang- .no-result, [data-page=index] .page-section.-senarai-pemenang- .intro {
    text-align: start;
  }
}
[data-page=index] .page-section.-senarai-pemenang-:not(.-no-result-) .no-result {
  display: none;
}
[data-page=index] .page-section.-senarai-pemenang-.-no-result- .info-group {
  display: none;
}
[data-page=index] .page-section.-senarai-pemenang- .info-group {
  margin-bottom: 350px;
}
@media (max-width: 991.98px) {
  [data-page=index] .page-section.-senarai-pemenang- .info-group {
    margin-bottom: 120px;
  }
}
@media (max-width: 767.98px) {
  [data-page=index] .page-section.-senarai-pemenang- .info-group {
    padding-left: 8px;
    margin-bottom: 60px;
  }
}
[data-page=index] .page-section.-senarai-pemenang- .info-group .info-item {
  position: relative;
}
[data-page=index] .page-section.-senarai-pemenang- .info-group .info-item__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: -1;
}
@media (max-width: 767.98px) {
  [data-page=index] .page-section.-senarai-pemenang- .info-group .info-item__bg {
    width: 200%;
  }
}
[data-page=index] .page-section.-senarai-pemenang- .info-group .info-item__content {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 767.98px) {
  [data-page=index] .page-section.-senarai-pemenang- .info-group .info-item__content {
    flex-direction: column;
  }
}
[data-page=index] .page-section.-senarai-pemenang- .info-group .info-item__start {
  position: relative;
  padding-top: 36px;
}
@media (min-width: 768px) {
  [data-page=index] .page-section.-senarai-pemenang- .info-group .info-item__start {
    width: 31.9005714286%;
    padding-top: 0;
    padding-left: 10.5142857143%;
    padding-right: 5.4857142857%;
  }
}
[data-page=index] .page-section.-senarai-pemenang- .info-group .info-item__end {
  padding-top: 20px;
  padding-bottom: 36px;
  padding-right: 48px;
}
@media (min-width: 768px) {
  [data-page=index] .page-section.-senarai-pemenang- .info-group .info-item__end {
    width: 67.8994285714%;
    padding-top: 72px;
    padding-left: 8.2285714286%;
    padding-right: 5.4857142857%;
  }
}
[data-page=index] .page-section.-senarai-pemenang- .info-group .info-item .title {
  position: relative;
  font-size: 1rem;
  font-weight: 800;
  line-height: 150%;
  letter-spacing: normal;
  color: #3c3c3c;
}
@media (min-width: 768px) {
  [data-page=index] .page-section.-senarai-pemenang- .info-group .info-item .title {
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
  }
}
[data-page=index] .page-section.-senarai-pemenang- .info-group .info-item .text-group .text + .text {
  margin-top: 15px;
}
[data-page=index] .page-section.-senarai-pemenang- .info-group .info-item .text-group .text {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: normal;
  color: #3c3c3c;
}
@media (max-width: 767.98px) {
  [data-page=index] .page-section.-senarai-pemenang- .info-group .info-item .text-group .text {
    font-size: 0.875rem;
  }
}
[data-page=index] .page-section.-senarai-pemenang- .info-group .info-item .text-group .text:first-child {
  font-weight: 800;
}
[data-page=index] .page-section.-senarai-pemenang- .info-group .info-item:nth-child(odd) {
  transform: rotate(2deg);
}
[data-page=index] .page-section.-senarai-pemenang- .info-group .info-item:nth-child(odd) .info-item__bg {
  background-image: url(../images/senarai-pemenang/ticket-yellow.png);
}
[data-page=index] .page-section.-senarai-pemenang- .info-group .info-item:nth-child(even) {
  transform: rotate(-2deg);
}
[data-page=index] .page-section.-senarai-pemenang- .info-group .info-item:nth-child(even) .info-item__bg {
  background-image: url(../images/senarai-pemenang/ticket-white.png);
}
[data-page=index] .page-section.-senarai-pemenang- .info-group .info-item + .info-item {
  margin-top: 10px;
}
@media (min-width: 768px) {
  [data-page=index] .page-section.-senarai-pemenang- .info-group .info-item + .info-item {
    margin-top: 20.56px;
  }
}