@charset "UTF-8";
/* ========================
  🎨 Design Tokens - Variables
======================== */
/* Color */
/* Breakpoints（對齊 Bootstrap） */
/* Font Family */
/* Section Spacing */
/*
  content-edge：內容版心與瀏覽器邊界的預設距離
  section-py：section 上下留白
  如果不需要上下 padding，可用 .section-py--mobile-0 等類別局部去除。
*/
/* Section Spacing - Mobile */
/* Section Spacing - Desktop */
/* Text Block Padding */
.txt-title {
  margin-bottom: 1.5em;
}

.page-zh-title {
  font-size: calc(60 * var(--vw-base));
  font-family: "Noto Serif TC", "PMingLiU", serif;
}
@media (max-width: 991px) {
  .page-zh-title {
    font-size: calc(30 * var(--vw-base));
  }
}

.page-zh-subtitle {
  font-size: calc(32 * var(--vw-base));
  font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
}
@media (max-width: 991px) {
  .page-zh-subtitle {
    font-size: calc(17 * var(--vw-base));
  }
}

.page-en-title {
  font-size: calc(25 * var(--vw-base));
  text-transform: none;
}
@media (max-width: 991px) {
  .page-en-title {
    font-size: calc(17 * var(--vw-base));
  }
}

.txt-body p {
  font-size: calc(26 * var(--vw-base));
  font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
}
@media (max-width: 991px) {
  .txt-body p {
    font-size: calc(17 * var(--vw-base));
  }
}

.page-zh-label {
  font-family: "Noto Serif TC", "PMingLiU", serif;
  font-size: calc(34 * var(--vw-base));
}
@media (max-width: 991px) {
  .page-zh-label {
    font-size: calc(25 * var(--vw-base));
  }
}

.page01 {
  aspect-ratio: 1846/1080;
}
.page01 .page-zh-title {
  font-size: calc(60 * var(--vw-base));
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.678);
}
@media (max-width: 991px) {
  .page01 .page-zh-title {
    font-size: calc(34 * var(--vw-base));
  }
}
@media (max-width: 991px) {
  .page01 {
    aspect-ratio: 610/793;
  }
}

.page02 .page-zh-subtitle {
  display: inline-block;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding: calc(10 * var(--vw-base));
}

.page03 {
  background-image: url(../images/img/page03-img-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  aspect-ratio: 1920/1650;
}
@media (min-width: 992px) {
  .page03 {
    --section-py: calc(137 * var(--vw-base));
  }
}
.page03 .top-box {
  margin-bottom: calc(760 * var(--vw-base));
}
@media (max-width: 991px) {
  .page03 .top-box {
    margin-bottom: calc(292 * var(--vw-base));
  }
}
.page03 .mid-box {
  margin-bottom: calc(226 * var(--vw-base));
}
@media (max-width: 991px) {
  .page03 .mid-box {
    margin-bottom: calc(70 * var(--vw-base));
  }
}

.page04 {
  background: #f1f1f1;
  overflow: hidden;
}
.page04 .form-box {
  margin-top: 3%;
  background: #fff;
  border: 1px solid #bbbbbb;
  padding: 5% 7%;
}
@media (max-width: 991px) {
  .page04 .form-box {
    padding: 7%;
  }
}
.page04 .form-box::after {
  content: "";
  width: 96%;
  height: 95%;
  position: absolute;
  top: 3%;
  left: 2%;
  border: 1px solid #333333;
  opacity: 0.2;
}
@media (max-width: 991px) {
  .page04 .form-box::after {
    height: 98%;
    top: 1%;
  }
}
.page04 .form-box form {
  z-index: 99;
  color: #000;
}
.page04 .form-box form .form-control {
  background-color: rgba(255, 255, 255, 0);
  border: none;
  border-bottom: 1px solid #000;
  color: #000;
}
@media (max-width: 991px) {
  .page04 .form-box form .g-recaptcha {
    transform: scale(0.85);
    transform-origin: left top;
  }
}/*# sourceMappingURL=style.css.map */