@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap");
/* Font */
.u-m-1 {
  margin: 0.625em !important;
}

.u-mt-1 {
  margin-top: 0.625em !important;
}

.u-mb-1 {
  margin-bottom: 0.625em !important;
}

.u-ml-1 {
  margin-left: 0.625em !important;
}

.u-mr-1 {
  margin-right: 0.625em !important;
}

.u-mlr-1 {
  margin-left: 0.625em !important;
  margin-right: 0.625em !important;
}

.u-mlr-auto {
  margin: 0 auto;
}

.u-mtb-1 {
  margin-top: 0.625em !important;
  margin-bottom: 0.625em !important;
}

.u-m-2 {
  margin: 1.25em !important;
}

.u-mt-2 {
  margin-top: 1.25em !important;
}

.u-mb-2 {
  margin-bottom: 1.25em !important;
}

.u-ml-2 {
  margin-left: 1.25em !important;
}

.u-mr-2 {
  margin-right: 1.25em !important;
}

.u-mlr-2 {
  margin-left: 1.25em !important;
  margin-right: 1.25em !important;
}

.u-mlr-auto {
  margin: 0 auto;
}

.u-mtb-2 {
  margin-top: 1.25em !important;
  margin-bottom: 1.25em !important;
}

.u-m-3 {
  margin: 1.875em !important;
}

.u-mt-3 {
  margin-top: 1.875em !important;
}

.u-mb-3 {
  margin-bottom: 1.875em !important;
}

.u-ml-3 {
  margin-left: 1.875em !important;
}

.u-mr-3 {
  margin-right: 1.875em !important;
}

.u-mlr-3 {
  margin-left: 1.875em !important;
  margin-right: 1.875em !important;
}

.u-mlr-auto {
  margin: 0 auto;
}

.u-mtb-3 {
  margin-top: 1.875em !important;
  margin-bottom: 1.875em !important;
}

.u-m-4 {
  margin: 2.5em !important;
}

.u-mt-4 {
  margin-top: 2.5em !important;
}

.u-mb-4 {
  margin-bottom: 2.5em !important;
}

.u-ml-4 {
  margin-left: 2.5em !important;
}

.u-mr-4 {
  margin-right: 2.5em !important;
}

.u-mlr-4 {
  margin-left: 2.5em !important;
  margin-right: 2.5em !important;
}

.u-mlr-auto {
  margin: 0 auto;
}

.u-mtb-4 {
  margin-top: 2.5em !important;
  margin-bottom: 2.5em !important;
}

.u-m-5 {
  margin: 3.125em !important;
}

.u-mt-5 {
  margin-top: 3.125em !important;
}

.u-mb-5 {
  margin-bottom: 3.125em !important;
}

.u-ml-5 {
  margin-left: 3.125em !important;
}

.u-mr-5 {
  margin-right: 3.125em !important;
}

.u-mlr-5 {
  margin-left: 3.125em !important;
  margin-right: 3.125em !important;
}

.u-mlr-auto {
  margin: 0 auto;
}

.u-mtb-5 {
  margin-top: 3.125em !important;
  margin-bottom: 3.125em !important;
}

.u-m-6 {
  margin: 3.75em !important;
}

.u-mt-6 {
  margin-top: 3.75em !important;
}

.u-mb-6 {
  margin-bottom: 3.75em !important;
}

.u-ml-6 {
  margin-left: 3.75em !important;
}

.u-mr-6 {
  margin-right: 3.75em !important;
}

.u-mlr-6 {
  margin-left: 3.75em !important;
  margin-right: 3.75em !important;
}

.u-mlr-auto {
  margin: 0 auto;
}

.u-mtb-6 {
  margin-top: 3.75em !important;
  margin-bottom: 3.75em !important;
}

.u-m-7 {
  margin: 4.375em !important;
}

.u-mt-7 {
  margin-top: 4.375em !important;
}

.u-mb-7 {
  margin-bottom: 4.375em !important;
}

.u-ml-7 {
  margin-left: 4.375em !important;
}

.u-mr-7 {
  margin-right: 4.375em !important;
}

.u-mlr-7 {
  margin-left: 4.375em !important;
  margin-right: 4.375em !important;
}

.u-mlr-auto {
  margin: 0 auto;
}

.u-mtb-7 {
  margin-top: 4.375em !important;
  margin-bottom: 4.375em !important;
}

.u-m-8 {
  margin: 5em !important;
}

.u-mt-8 {
  margin-top: 5em !important;
}

.u-mb-8 {
  margin-bottom: 5em !important;
}

.u-ml-8 {
  margin-left: 5em !important;
}

.u-mr-8 {
  margin-right: 5em !important;
}

.u-mlr-8 {
  margin-left: 5em !important;
  margin-right: 5em !important;
}

.u-mlr-auto {
  margin: 0 auto;
}

.u-mtb-8 {
  margin-top: 5em !important;
  margin-bottom: 5em !important;
}

.u-m-9 {
  margin: 5.625em !important;
}

.u-mt-9 {
  margin-top: 5.625em !important;
}

.u-mb-9 {
  margin-bottom: 5.625em !important;
}

.u-ml-9 {
  margin-left: 5.625em !important;
}

.u-mr-9 {
  margin-right: 5.625em !important;
}

.u-mlr-9 {
  margin-left: 5.625em !important;
  margin-right: 5.625em !important;
}

.u-mlr-auto {
  margin: 0 auto;
}

.u-mtb-9 {
  margin-top: 5.625em !important;
  margin-bottom: 5.625em !important;
}

.u-m-10 {
  margin: 6.25em !important;
}

.u-mt-10 {
  margin-top: 6.25em !important;
}

.u-mb-10 {
  margin-bottom: 6.25em !important;
}

.u-ml-10 {
  margin-left: 6.25em !important;
}

.u-mr-10 {
  margin-right: 6.25em !important;
}

.u-mlr-10 {
  margin-left: 6.25em !important;
  margin-right: 6.25em !important;
}

.u-mlr-auto {
  margin: 0 auto;
}

.u-mtb-10 {
  margin-top: 6.25em !important;
  margin-bottom: 6.25em !important;
}

.u-m-11 {
  margin: 6.875em !important;
}

.u-mt-11 {
  margin-top: 6.875em !important;
}

.u-mb-11 {
  margin-bottom: 6.875em !important;
}

.u-ml-11 {
  margin-left: 6.875em !important;
}

.u-mr-11 {
  margin-right: 6.875em !important;
}

.u-mlr-11 {
  margin-left: 6.875em !important;
  margin-right: 6.875em !important;
}

.u-mlr-auto {
  margin: 0 auto;
}

.u-mtb-11 {
  margin-top: 6.875em !important;
  margin-bottom: 6.875em !important;
}

.u-m-12 {
  margin: 7.5em !important;
}

.u-mt-12 {
  margin-top: 7.5em !important;
}

.u-mb-12 {
  margin-bottom: 7.5em !important;
}

.u-ml-12 {
  margin-left: 7.5em !important;
}

.u-mr-12 {
  margin-right: 7.5em !important;
}

.u-mlr-12 {
  margin-left: 7.5em !important;
  margin-right: 7.5em !important;
}

.u-mlr-auto {
  margin: 0 auto;
}

.u-mtb-12 {
  margin-top: 7.5em !important;
  margin-bottom: 7.5em !important;
}

.u-pt-1 {
  padding-top: 0.625em !important;
}

.u-pb-1 {
  padding-bottom: 0.625em !important;
}

.u-pl-1 {
  padding-left: 0.625em !important;
}

.u-pr-1 {
  padding-right: 0.625em !important;
}

.u-plr-1 {
  padding-left: 0.625em !important;
  padding-right: 0.625em !important;
}

.u-ptb-1 {
  padding-top: 0.625em !important;
  padding-bottom: 0.625em !important;
}

.u-pt-2 {
  padding-top: 1.25em !important;
}

.u-pb-2 {
  padding-bottom: 1.25em !important;
}

.u-pl-2 {
  padding-left: 1.25em !important;
}

.u-pr-2 {
  padding-right: 1.25em !important;
}

.u-plr-2 {
  padding-left: 1.25em !important;
  padding-right: 1.25em !important;
}

.u-ptb-2 {
  padding-top: 1.25em !important;
  padding-bottom: 1.25em !important;
}

.u-pt-3 {
  padding-top: 1.875em !important;
}

.u-pb-3 {
  padding-bottom: 1.875em !important;
}

.u-pl-3 {
  padding-left: 1.875em !important;
}

.u-pr-3 {
  padding-right: 1.875em !important;
}

.u-plr-3 {
  padding-left: 1.875em !important;
  padding-right: 1.875em !important;
}

.u-ptb-3 {
  padding-top: 1.875em !important;
  padding-bottom: 1.875em !important;
}

.u-pt-4 {
  padding-top: 2.5em !important;
}

.u-pb-4 {
  padding-bottom: 2.5em !important;
}

.u-pl-4 {
  padding-left: 2.5em !important;
}

.u-pr-4 {
  padding-right: 2.5em !important;
}

.u-plr-4 {
  padding-left: 2.5em !important;
  padding-right: 2.5em !important;
}

.u-ptb-4 {
  padding-top: 2.5em !important;
  padding-bottom: 2.5em !important;
}

.u-pt-5 {
  padding-top: 3.125em !important;
}

.u-pb-5 {
  padding-bottom: 3.125em !important;
}

.u-pl-5 {
  padding-left: 3.125em !important;
}

.u-pr-5 {
  padding-right: 3.125em !important;
}

.u-plr-5 {
  padding-left: 3.125em !important;
  padding-right: 3.125em !important;
}

.u-ptb-5 {
  padding-top: 3.125em !important;
  padding-bottom: 3.125em !important;
}

.u-pt-6 {
  padding-top: 3.75em !important;
}

.u-pb-6 {
  padding-bottom: 3.75em !important;
}

.u-pl-6 {
  padding-left: 3.75em !important;
}

.u-pr-6 {
  padding-right: 3.75em !important;
}

.u-plr-6 {
  padding-left: 3.75em !important;
  padding-right: 3.75em !important;
}

.u-ptb-6 {
  padding-top: 3.75em !important;
  padding-bottom: 3.75em !important;
}

.u-pt-7 {
  padding-top: 4.375em !important;
}

.u-pb-7 {
  padding-bottom: 4.375em !important;
}

.u-pl-7 {
  padding-left: 4.375em !important;
}

.u-pr-7 {
  padding-right: 4.375em !important;
}

.u-plr-7 {
  padding-left: 4.375em !important;
  padding-right: 4.375em !important;
}

.u-ptb-7 {
  padding-top: 4.375em !important;
  padding-bottom: 4.375em !important;
}

.u-pt-8 {
  padding-top: 5em !important;
}

.u-pb-8 {
  padding-bottom: 5em !important;
}

.u-pl-8 {
  padding-left: 5em !important;
}

.u-pr-8 {
  padding-right: 5em !important;
}

.u-plr-8 {
  padding-left: 5em !important;
  padding-right: 5em !important;
}

.u-ptb-8 {
  padding-top: 5em !important;
  padding-bottom: 5em !important;
}

.u-pt-9 {
  padding-top: 5.625em !important;
}

.u-pb-9 {
  padding-bottom: 5.625em !important;
}

.u-pl-9 {
  padding-left: 5.625em !important;
}

.u-pr-9 {
  padding-right: 5.625em !important;
}

.u-plr-9 {
  padding-left: 5.625em !important;
  padding-right: 5.625em !important;
}

.u-ptb-9 {
  padding-top: 5.625em !important;
  padding-bottom: 5.625em !important;
}

.u-pt-10 {
  padding-top: 6.25em !important;
}

.u-pb-10 {
  padding-bottom: 6.25em !important;
}

.u-pl-10 {
  padding-left: 6.25em !important;
}

.u-pr-10 {
  padding-right: 6.25em !important;
}

.u-plr-10 {
  padding-left: 6.25em !important;
  padding-right: 6.25em !important;
}

.u-ptb-10 {
  padding-top: 6.25em !important;
  padding-bottom: 6.25em !important;
}

.u-pt-11 {
  padding-top: 6.875em !important;
}

.u-pb-11 {
  padding-bottom: 6.875em !important;
}

.u-pl-11 {
  padding-left: 6.875em !important;
}

.u-pr-11 {
  padding-right: 6.875em !important;
}

.u-plr-11 {
  padding-left: 6.875em !important;
  padding-right: 6.875em !important;
}

.u-ptb-11 {
  padding-top: 6.875em !important;
  padding-bottom: 6.875em !important;
}

.u-pt-12 {
  padding-top: 7.5em !important;
}

.u-pb-12 {
  padding-bottom: 7.5em !important;
}

.u-pl-12 {
  padding-left: 7.5em !important;
}

.u-pr-12 {
  padding-right: 7.5em !important;
}

.u-plr-12 {
  padding-left: 7.5em !important;
  padding-right: 7.5em !important;
}

.u-ptb-12 {
  padding-top: 7.5em !important;
  padding-bottom: 7.5em !important;
}

.u-text-lowercase {
  text-transform: lowercase !important;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-capitalize {
  text-transform: capitalize !important;
}
.u-text-justify {
  text-align: justify !important;
  font-style: oblique;
}
.u-text-wrap {
  white-space: normal !important;
}
.u-text-nowrap {
  white-space: nowrap !important;
}
.u-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-text-left {
  text-align: left !important;
}
.u-text-right {
  text-align: right !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-height--15 {
  line-height: 1.5 !important;
}
.u-text-height--25 {
  line-height: 1.25 !important;
}
.u-text-height--75 {
  line-height: 1.75 !important;
}
.u-text-height--2 {
  line-height: 2 !important;
}

.u-font-weight-light {
  font-weight: 300 !important;
}
.u-font-weight-lighter {
  font-weight: lighter !important;
}
.u-font-weight-normal {
  font-weight: 400 !important;
}
.u-font-weight-bold {
  font-weight: 700 !important;
}
.u-font-weight-bolder {
  font-weight: bolder !important;
}
.u-font-italic {
  font-style: italic !important;
}
.u-font-min {
  font-size: 14px !important;
}
.u-font-xxs {
  font-size: 18px !important;
}
.u-font-xs {
  font-size: 20px !important;
}
.u-font-sm {
  font-size: 24px !important;
}
.u-font-md {
  font-size: 26px !important;
}
.u-font-lg {
  font-size: 30px !important;
}
.u-font-xl {
  font-size: 36px !important;
}
.u-font-white {
  color: #d7c8c0 !important;
}
.u-font-yellow {
  color: #ffdd00 !important;
}
.u-font-green {
  color: #00ff1a !important;
}
.u-font-black {
  color: #000000 !important;
}
.u-font-primary {
  color: #d9ab87 !important;
}
.u-font-serif {
  font-family: "Noto Serif TC" !important;
}

.u-opt-0 {
  opacity: 0;
}
.u-opt-25 {
  opacity: 0.25;
}
.u-opt-75 {
  opacity: 0.75;
}
.u-opt-100 {
  opacity: 1;
}

.u-d-none {
  display: none !important;
}
.u-d-block {
  display: block !important;
}
.u-d-flex {
  display: flex !important;
}
.u-d-inlineflex {
  display: inline-flex !important;
}
.u-d-inline {
  display: inline-block !important;
}
@media (min-width: 0px) {
  .u-d-sm-none {
    display: none !important;
  }
  .u-d-sm-block {
    display: block !important;
  }
  .u-d-sm-flex {
    display: flex !important;
  }
  .u-d-sm-inlineflex {
    display: inline-flex !important;
  }
  .u-d-sm-inline {
    display: inline-block !important;
  }
}
@media (min-width: 768px) {
  .u-d-md-none {
    display: none !important;
  }
  .u-d-md-block {
    display: block !important;
  }
  .u-d-md-flex {
    display: flex !important;
  }
  .u-d-md-inlineflex {
    display: inline-flex !important;
  }
  .u-d-md-inline {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .u-d-lg-none {
    display: none !important;
  }
  .u-d-lg-block {
    display: block !important;
  }
  .u-d-lg-flex {
    display: flex !important;
  }
  .u-d-lg-inlineflex {
    display: inline-flex !important;
  }
}

.fade-enter-active,
.fade-leave-active {
  transition: all 0.5s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.fade-enter {
  transform: translateX(100%);
}

.fade-leave-to {
  transform: translateX(100%);
}

/* ________________________________________________________________________________ */
/* XS 超小屏幕（手机，大於 0px） 及共用 ___________________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 0px) {
  .formPage {
    background: url("../../../images/page/star-form/2022/bg_m.jpg") no-repeat center;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    background-color: #000;
  }
  .formPage .section__title {
    margin: 0;
  }
  .formPage .section__bg {
    box-shadow: none;
    padding: 20px 20px;
    background: rgba(14, 33, 68, 0.8);
  }
  .formPage .section__card {
    padding: 0 !important;
    margin-top: 20%;
    background: rgba(14, 33, 68, 0.8);
  }
  .formPage .section__card img {
    width: 100%;
    box-shadow: none;
  }
  .formPage .section__padding {
    padding: 20px 20px;
    box-shadow: none;
    padding-bottom: 50px;
    background: rgba(14, 33, 68, 0.8);
  }
}
/* ________________________________________________________________________________ */
/* S 小屏幕（手机，大於 552px） 及共用 ___________________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 552px) {
  .formPage .section__bg {
    padding: 20px 50px;
  }
  .formPage .section__padding {
    padding: 20px 50px;
  }
}
/* ________________________________________________________________________________ */
/* SM 小屏幕（平板，大於等於 768px） ______________________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 768px) {
  .formPage {
    background: url("../../../images/page/star-form/2022/bg_pc.jpg") no-repeat center;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    background-color: #000;
  }
  .formPage .section__bg {
    padding: 20px 100px;
  }
  .formPage .section__padding {
    padding: 20px 100px;
    padding-bottom: 50px;
  }
}
/* ________________________________________________________________________________ */
/* MD 中等屏幕（桌面显示器，大於等於 992px） ______________________________________ */
/* ________________________________________________________________________________ */
/* ________________________________________________________________________________ */
/* LG 大屏幕（大桌面显示器，大於等於 1200px） _____________________________________ */
/* ________________________________________________________________________________ */
/* ________________________________________________________________________________ */
/* XLG 超大屏幕（大桌面显示器，大於等於 1440px） _____________________________________ */
/* ________________________________________________________________________________ */
.formPage {
  /* ________________________________________________________________________________ */
  /* XS 超小屏幕（手机，大於 0px） 及共用 ___________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* SM 小屏幕（平板，大於等於 768px） ______________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* MD 中等屏幕（桌面显示器，大於等於 992px） ______________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* LG 大屏幕（大桌面显示器，大於等於 1200px） _____________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* XS 超小屏幕（手机，大於 0px） 及共用 ___________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* S 小屏幕（手机，大於 552px） 及共用 ___________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* SM 小屏幕（平板，大於等於 768px） ______________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* MD 中等屏幕（桌面显示器，大於等於 992px） ______________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* LG 大屏幕（大桌面显示器，大於等於 1200px） _____________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* XS 超小屏幕（手机，大於 0px） 及共用 ___________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* SM 小屏幕（平板，大於等於 768px） ______________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* MD 中等屏幕（桌面显示器，大於等於 992px） ______________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* LG 大屏幕（大桌面显示器，大於等於 1200px） _____________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* XS 超小屏幕（手机，大於 0px） 及共用 ___________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* SM 小屏幕（平板，大於等於 768px） ______________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* MD 中等屏幕（桌面显示器，大於等於 992px） ______________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* LG 大屏幕（大桌面显示器，大於等於 1200px） _____________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* XS 超小屏幕（手机，大於 0px） 及共用 ___________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* SM 小屏幕（平板，大於等於 768px） ______________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* MD 中等屏幕（桌面显示器，大於等於 992px） ______________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* LG 大屏幕（大桌面显示器，大於等於 1200px） _____________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* XS 超小屏幕（手机，大於 0px） 及共用 ___________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* SM 小屏幕（平板，大於等於 768px） ______________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* MD 中等屏幕（桌面显示器，大於等於 992px） ______________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* LG 大屏幕（大桌面显示器，大於等於 1200px） _____________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* XS 超小屏幕（手机，大於 0px） 及共用 ___________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* SM 小屏幕（平板，大於等於 768px） ______________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* MD 中等屏幕（桌面显示器，大於等於 992px） ______________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* LG 大屏幕（大桌面显示器，大於等於 1200px） _____________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* XS 超小屏幕（手机，大於 0px） 及共用 ___________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* SM 小屏幕（平板，大於等於 768px） ______________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* MD 中等屏幕（桌面显示器，大於等於 992px） ______________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* LG 大屏幕（大桌面显示器，大於等於 1200px） _____________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* XS 超小屏幕（手机，大於 0px） 及共用 ___________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* SM 小屏幕（平板，大於等於 768px） ______________________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* MD 中等屏幕（桌面显示器，大於等於 992px） ______________________________________ */
  /* ________________________________________________________________________________ */
  /* ________________________________________________________________________________ */
  /* LG 大屏幕（大桌面显示器，大於等於 1200px） _____________________________________ */
  /* ________________________________________________________________________________ */
}
@media (min-width: 0px) {
  .formPage .icon {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
  }
  .formPage .icon .badge {
    position: absolute;
    color: #ffffff;
    top: -1px;
    right: -1px;
    padding: 2px 5px;
    min-width: 16px;
    height: 16px;
    border-radius: 16px;
    background-color: #e72f62;
  }
  .formPage .icon .tips,
  .formPage .icon .tips--added {
    z-index: 9;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-size: 12px;
    width: 65px;
    height: 22px;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #666666;
    color: #ffffff;
    border-radius: 5px;
  }
  .formPage .icon .tips::before,
  .formPage .icon .tips--added::before {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #666666;
  }
  .formPage .icon::before, .formPage .icon::after {
    content: "";
    display: block;
    position: absolute;
  }
  .formPage .iconstar::before {
    width: 30px;
    height: 36px;
    background: url("./assets/icon/origin/star.png") no-repeat center/100%;
  }
  .formPage .iconphone::before {
    width: 30px;
    height: 36px;
    background: url("./assets/icon/origin/phone.png") no-repeat center/100%;
  }
  .formPage .iconlandmark::before {
    width: 30px;
    height: 36px;
    background: url("./assets/icon/origin/landmark.png") no-repeat center/100%;
  }
  .formPage .iconfacebook::before {
    width: 30px;
    height: 36px;
    background: url("./assets/icon/origin/facebook.png") no-repeat center/100%;
  }
  .formPage .iconyoutube::before {
    width: 30px;
    height: 36px;
    background: url("./assets/icon/origin/youtube.png") no-repeat center/100%;
  }
  .formPage .iconline::before {
    width: 30px;
    height: 36px;
    background: url("./assets/icon/origin/line.png") no-repeat center/100%;
  }
  .formPage .iconliff::before {
    width: 30px;
    height: 36px;
    background: url("./assets/icon/origin/liff.png") no-repeat center/100%;
  }
}
@media (min-width: 0px) {
  .formPage .title {
    margin: 0;
    position: relative;
    font-weight: bold;
    text-align: center;
    font-family: "Noto Serif TC";
    letter-spacing: 0.08em;
    line-height: 48px;
    white-space: nowrap;
  }
  .formPage .title-big {
    width: 100%;
    font-size: 26px;
    font-weight: bolder;
    color: transparent;
    margin-bottom: 16px;
    background: linear-gradient(139deg, #be7e5f 0%, #e9b079 20%, rgba(233, 175, 121, 0.4941176471) 80%, #f5bc80 100%);
    background-size: cover;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .formPage .title-big::after, .formPage .title-big::before {
    content: "";
    display: block;
    position: absolute;
    width: 15vw;
    height: 5px;
    top: 50%;
    transform: translateY(-50%);
  }
  .formPage .title-big::after {
    left: -30px;
    background: url("../../../images/page/star-form/icon/titleft.png") no-repeat center/100%;
  }
  .formPage .title-big::before {
    right: -30px;
    background: url("../../../images/page/star-form/icon/titright.png") no-repeat center/100%;
  }
  .formPage .title-med {
    color: #d7c8c0;
    font-size: 22px;
    margin-bottom: 30px;
  }
  .formPage .title-med::after {
    content: "";
    display: block;
    position: absolute;
    width: 102px;
    height: 3px;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    background: url("../../../images/page/star-form/icon/titcenter.png") no-repeat center/100% 100%;
  }
  .formPage .title-small {
    color: #d9ab87;
    text-align: left;
    line-height: 48px;
    font-size: 22px;
    font-family: "Noto Serif TC";
    margin-bottom: 15px;
  }
  .formPage .title-small span {
    display: block;
    font-size: 16px;
    line-height: 24px;
  }
  .formPage .title-small::after {
    content: "";
    display: block;
    position: absolute;
    width: 163px;
    height: 3px;
    bottom: -2px;
    left: 0;
    background: url("../../../images/page/star-form/icon/titright.png") no-repeat center/100%;
  }
}
@media (min-width: 552px) {
  .formPage .title-big::after, .formPage .title-big::before {
    width: 140px;
    height: 3px;
  }
  .formPage .title-big::after {
    left: -60px;
  }
  .formPage .title-big::before {
    right: -60px;
  }
}
@media (min-width: 768px) {
  .formPage .title-big {
    font-size: 32px;
  }
  .formPage .title-big::after, .formPage .title-big::before {
    width: 160px;
    height: 4px;
  }
  .formPage .title-big::after {
    left: -90px;
  }
  .formPage .title-big::before {
    right: -90px;
  }
  .formPage .title-small {
    font-size: 22px;
    letter-spacing: 0.04em;
  }
  .formPage .title-small::after {
    bottom: -8px;
  }
  .formPage .title-small span {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .formPage .title-big::after, .formPage .title-big::before {
    width: 180px;
  }
  .formPage .title-big::after {
    left: -60px;
  }
  .formPage .title-big::before {
    right: -60px;
  }
}
@media (min-width: 0px) {
  .formPage .content {
    width: 100%;
    text-align: center;
    font-weight: normal;
    font-family: "Noto Sans TC";
    line-height: 30px;
    letter-spacing: 0.04em;
  }
  .formPage .content-white {
    color: #d7c8c0;
    padding-bottom: 10px;
  }
  .formPage .content-primary {
    color: #d9ab87;
    margin: 10px 0;
  }
  .formPage .content-primary a {
    color: #d9ab87;
    display: block;
    text-decoration: underline !important;
    text-decoration-color: #d9ab87;
  }
  .formPage .content-primary a:hover {
    color: #d9ab87;
    text-decoration: underline !important;
    text-decoration-color: #d9ab87;
  }
  .formPage .content-big {
    font-size: 18px;
    font-weight: bold;
    font-family: "Noto Serif TC";
    margin: 20px 0 10px;
  }
  .formPage .content-big2 {
    font-size: 16px;
    font-weight: bold;
    font-family: "Noto Serif TC";
    margin: 20px 0 10px;
  }
  .formPage .content-med {
    font-size: 16px;
  }
  .formPage .content-med span {
    font-weight: lighter;
    display: block;
    font-size: 14px;
  }
  .formPage .content-small {
    font-size: 14px;
  }
  .formPage .content-left {
    text-align: left;
  }
  .formPage .content__icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 0.5px solid #d9ab87;
  }
  .formPage .content-meal {
    width: 80%;
    margin: auto;
    border: 1px solid #d9ab87;
  }
  .formPage .content-meal img {
    margin: 0 !important;
  }
}
@media (min-width: 768px) {
  .formPage .content-small {
    font-size: 16px;
    line-height: 32px;
  }
  .formPage .content-big2 {
    font-size: 18px;
  }
}
@media (min-width: 0px) {
  .formPage .courteous {
    height: auto;
    overflow: hidden;
    position: relative;
    padding: 20px 20px;
    background: rgba(14, 33, 68, 0.8);
  }
  .formPage .courteous__title {
    margin-top: 15px;
    color: #d7c8c0;
    font-size: 18px;
    letter-spacing: 0.04em;
  }
  .formPage .courteous .content {
    margin: 0;
  }
  .formPage .courteous__list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 20px;
    margin: 30px 0 0;
  }
  .formPage .courteous__item {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .formPage .courteous__content {
    line-height: 32px;
    font-size: 18px;
  }
  .formPage .courteous__img {
    width: 90%;
  }
}
@media (min-width: 768px) {
  .formPage .courteous {
    padding: 20px 80px;
  }
  .formPage .courteous__list {
    padding: 0 100px;
    margin: 50px 0 0;
  }
}
@media (min-width: 0px) {
  .formPage .overview {
    height: auto;
    overflow: hidden;
    position: relative;
    padding: 20px 20px;
    background: rgba(14, 33, 68, 0.8);
  }
  .formPage .overview .section__title:nth-of-type(2) {
    margin-top: 80px;
  }
  .formPage .overview .quote {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    padding: 15px;
    margin-bottom: 40px;
    background: url("../../../images/page/star-form/quote-bg.png") no-repeat center/100% 100%;
  }
  .formPage .overview img {
    margin: 8px 0;
    width: 100%;
  }
  .formPage .overview__title {
    color: #d9ab87;
    font-size: 28px;
    line-height: 48px;
    margin-bottom: 16px;
  }
  .formPage .overview__line {
    display: block;
    height: 1px;
    width: 100%;
    background-color: #d9ab87;
    margin: 24px auto;
  }
  .formPage .overview__menu {
    margin: 24px 0;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
  }
  .formPage .overview__menu img {
    width: 80%;
    height: auto;
    margin: auto;
    margin-bottom: 20px;
    border: 1px solid #d9ab87;
  }
  .formPage .overview__menu img:first-child {
    width: 100%;
  }
  .formPage .overview__menu .overview__textbox {
    width: 80%;
    margin: 0 auto;
  }
  .formPage .overview__menu .overview__textbox:first-child, .formPage .overview__menu .overview__textbox:nth-child(2) {
    width: 100%;
  }
  .formPage .overview__menu .overview__textbox--wide {
    width: 80%;
  }
  .formPage .overview__textbox {
    box-sizing: border-box;
  }
  .formPage .overview__textbox .content-primary {
    margin-top: 16px;
  }
  .formPage .overview__textbox .title-small {
    font-size: 20px;
  }
  .formPage .overview .iconstar {
    margin: 35px auto 7px;
  }
}
@media (min-width: 768px) {
  .formPage .overview {
    padding: 20px 80px;
  }
  .formPage .overview__content {
    text-align: center;
    margin: 20px 0;
  }
  .formPage .overview__menu {
    width: 100%;
    grid-template-columns: 50% 50%;
    grid-row-gap: 0;
  }
  .formPage .overview__menu .menu__main {
    width: 100%;
    grid-column: 1/3;
  }
  .formPage .overview__menu .menu__item {
    width: 100%;
    grid-column: 1/2;
  }
  .formPage .overview__menu .menu__item:nth-of-type(odd) {
    grid-column: 2/3;
  }
  .formPage .overview__menu .menu__item:nth-of-type(even) {
    grid-column: 1/2;
  }
  .formPage .overview__menu .overview__textbox {
    width: 100%;
  }
  .formPage .overview__menu .overview__textbox--wide {
    width: 110%;
  }
  .formPage .overview__textbox {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 0 16px;
  }
  .formPage .overview__textbox .content-small {
    font-size: 14px;
    line-height: 26px;
  }
  .formPage .overview__textbox .content-primary {
    margin-top: 10px;
  }
  .formPage .overview__textbox:nth-of-type(odd) {
    grid-column: 1/2;
    padding-right: 30px;
  }
  .formPage .overview__textbox:nth-of-type(even) {
    grid-column: 2/3;
  }
  .formPage .overview__textbox:nth-of-type(1) {
    grid-column: 1/3;
  }
  .formPage .overview__textbox:nth-of-type(3) {
    grid-row: 3/4;
  }
  .formPage .overview__textbox:nth-of-type(5) {
    grid-row: 5/6;
  }
  .formPage .overview__textbox:nth-of-type(7) {
    grid-row: 7/8;
  }
  .formPage .overview__title {
    font-size: 36px;
  }
  .formPage .overview .iconstar {
    margin: 7px auto;
  }
  .formPage .overview .iconstar::before {
    width: 34px;
  }
}
@media (min-width: 0px) {
  .formPage .reservation {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 40px 0;
  }
  .formPage .reservation__btn {
    width: 195px;
    height: 60px;
    background: url("./assets/button/reserve__m--default.png") no-repeat center/100%;
  }
  .formPage .reservation__btn:hover, .formPage .reservation__btn:active {
    background: url("./assets/button/reserve__m--active.png") no-repeat center/100%;
  }
}
@media (min-width: 768px) {
  .formPage .reservation {
    margin: 80px 0;
  }
  .formPage .reservation__btn {
    width: 390px;
    height: 88px;
    background: url("./assets/button/reserve__pc--default.png") no-repeat center/100%;
  }
  .formPage .reservation__btn:hover, .formPage .reservation__btn:active {
    background: url("./assets/button/reserve__pc--active.png") no-repeat center/100%;
  }
}
@media (min-width: 0px) {
  .formPage .step {
    height: auto;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
    background: rgba(14, 33, 68, 0.8);
  }
  .formPage .step .title-big::after {
    left: -30px;
  }
  .formPage .step .title-big::before {
    right: -30px;
  }
  .formPage .step__container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 10%;
  }
  .formPage .step__title {
    color: #d7c8c0;
    font-size: 18px;
    text-align: left;
    letter-spacing: 0.04em;
  }
  .formPage .step__box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 70px;
  }
  .formPage .step__box img {
    width: 100px;
    height: 100px;
    margin-right: 16px;
  }
  .formPage .step__box .content-small {
    margin: 0;
    text-align: left;
  }
  .formPage .step__box::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 80px;
    bottom: 0;
    background: url("../../../images/page/star-form/icon/step_arrow.png") no-repeat center/100%;
  }
  .formPage .step__box:last-of-type {
    padding-bottom: 20px;
  }
  .formPage .step__box:last-of-type::after {
    display: none;
  }
}
@media (min-width: 768px) {
  .formPage .step .title-big::after {
    left: -20px;
  }
  .formPage .step .title-big::before {
    right: -20px;
  }
  .formPage .step__title {
    font-size: 21px;
    text-align: center;
    margin-bottom: 8px;
  }
  .formPage .step__container {
    padding: 0;
    align-items: flex-start;
    flex-direction: row;
  }
  .formPage .step__box {
    position: relative;
    flex-direction: column;
    padding: 0;
  }
  .formPage .step__box img {
    width: 120px;
    height: 120px;
  }
  .formPage .step__box .content-small {
    max-width: 235px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.03em;
  }
  .formPage .step__box::after {
    transform: rotate(-90deg);
    width: 260px;
    height: 66px;
    top: 30%;
    right: -130px;
  }
}
@media (min-width: 992px) {
  .formPage .step .title-big::after {
    left: 10px;
  }
  .formPage .step .title-big::before {
    right: 10px;
  }
}
@media (min-width: 0px) {
  .formPage .alcohol {
    height: auto;
    overflow: hidden;
    position: relative;
    padding: 20px 20px;
    padding-bottom: 80px;
    background: rgba(14, 33, 68, 0.8);
  }
  .formPage .alcohol__tit {
    margin-top: 0;
    position: relative;
    font-weight: bold;
    text-align: center;
    font-family: "Noto Serif TC";
    letter-spacing: 0.08em;
    line-height: 30px;
    white-space: nowrap;
    color: #d9ab87;
    font-size: 22px;
    margin: 10px 0;
  }
  .formPage .alcohol__tit span {
    font-size: 28px;
  }
  .formPage .alcohol__tit::after {
    content: "";
    display: block;
    position: absolute;
    width: 102px;
    height: 3px;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    background: url("../../../images/page/star-form/icon/titcenter.png") no-repeat center/100% 100%;
  }
  .formPage .alcohol__container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .formPage .alcohol__box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
  }
  .formPage .alcohol__box img {
    margin: 10px 0;
    width: 67px;
    height: 172px;
  }
  .formPage .alcohol .content-big {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .formPage .alcohol__tit span {
    font-size: 36px;
  }
  .formPage .alcohol__box div {
    max-width: 400px;
  }
  .formPage .alcohol__box .content-small {
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 0.03em;
  }
  .formPage .alcohol__box::after {
    transform: rotate(-90deg);
    width: 260px;
    height: 66px;
    top: 30%;
    right: -130px;
  }
  .formPage .alcohol__box img {
    width: 87px;
    height: 223px;
  }
}
@media (min-width: 0px) {
  .formPage .rule {
    height: auto;
    overflow: hidden;
    position: relative;
    padding: 20px 20px;
    padding-bottom: 80px;
    background: rgba(14, 33, 68, 0.8);
  }
  .formPage .rule__container {
    overflow: hidden;
    border: 1px solid #d9ab87;
    padding: 16px;
    margin: 16px 16px 60px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.04em;
    color: #d7c8c0;
    background-color: #2f0000;
  }
  .formPage .rule__container p {
    color: #d7c8c0;
  }
  .formPage .rule__container span {
    font-weight: 900;
  }
  .formPage .rule__container span a {
    color: #d7c8c0;
    text-decoration: underline !important;
  }
  .formPage .rule__container span a:hover, .formPage .rule__container span a:link {
    color: #d7c8c0;
  }
  .formPage .rule__container ul {
    list-style: disc;
    list-style-position: outside;
  }
  .formPage .rule__container ul li {
    margin-left: 30px;
  }
  .formPage .rule__container ul li ul {
    list-style: lower-alpha;
  }
  .formPage .rule__container ul li a {
    color: #d7c8c0;
    text-decoration: underline !important;
  }
  .formPage .rule__container ul li a:hover, .formPage .rule__container ul li a:link {
    color: #d7c8c0;
  }
  .formPage .rule__container ol {
    list-style: decimal;
  }
  .formPage .rule__container ol li {
    margin-left: 20px;
  }
}
@media (min-width: 768px) {
  .formPage .rule {
    padding: 20px 80px;
  }
  .formPage .rule__container {
    font-size: 16px;
    line-height: 32px;
    padding: 32px;
    margin: 56px 0;
  }
}
.formPage .cta {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 5em;
}
.formPage .cta img {
  width: 100%;
}
@media (min-width: 768px) {
  .formPage .cta img {
    width: 60%;
  }
}/*# sourceMappingURL=all.css.map */