@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: 6em;
}
@media (max-width: 991px) {
  .txt-title {
    margin-bottom: 3em;
  }
}

.page-zh-title {
  font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  font-size: calc(72 * var(--vw-base));
  line-height: 1.5;
}
@media (max-width: 991px) {
  .page-zh-title {
    font-size: calc(62 * var(--vw-base));
  }
}

.txt-body p {
  font-size: calc(28 * var(--vw-base));
  color: #136097;
  font-weight: 600;
  line-height: 2.5;
  letter-spacing: -0.025em;
}
@media (max-width: 991px) {
  .txt-body p {
    font-size: calc(24 * var(--vw-base));
    letter-spacing: 0.025em;
  }
}

.bannerArea {
  position: relative;
}
.bannerArea .slogan {
  position: absolute;
  z-index: 1;
  visibility: hidden;
}

.page01 {
  background-color: #edefde;
}
.page01 .txt-title .page-zh-title span {
  color: #b64b4b;
}
.page01 .img-wrap::after {
  content: "";
  background-image: url(../images/img/page01-deco.png);
  background-size: contain;
  aspect-ratio: 443/219;
  position: absolute;
  width: 35%;
  top: 1%;
  left: 0%;
}
@media (max-width: 991px) {
  .page01 .img-wrap::after {
    width: 50%;
    top: 1%;
    left: 0%;
  }
}
@media (min-width: 992px) {
  .page01 .txt-wrap {
    padding-left: calc(80 * var(--vw-base));
  }
}
@media (max-width: 991px) {
  .page01 .txt-wrap {
    padding-bottom: calc(80 * var(--vw-base));
  }
}

.page02 {
  background-color: #ebe354;
}
@media (max-width: 991px) {
  .page02 {
    --section-py: calc(112 * var(--vw-base));
  }
}
.page02 .txt-title {
  margin-bottom: 1em;
}
.page02 .txt-title img {
  max-width: 100%;
  width: 100%;
}
@media (max-width: 991px) {
  .page02 .txt-title {
    margin-bottom: 1em;
  }
  .page02 .txt-title img {
    width: 100%;
  }
}
.page02 .form-floating > .form-control {
  background-color: #fff;
  border: 1.5px solid #136097;
  border-radius: 10px;
}
.page02 .form-floating > label {
  color: #136097;
}
.page02 .form-check > .form-check-input {
  border: 1px solid #136097;
}
.page02 .form-check-label,
.page02 .form-label {
  color: #136097;
}
@media (max-width: 991px) {
  .page02 .form-floating > .form-control {
    height: calc(60 * var(--vw-base));
    min-height: calc(60 * var(--vw-base));
    font-size: calc(16.5 * var(--vw-base));
    padding: calc(10 * var(--vw-base)) calc(16 * var(--vw-base));
  }
  .page02 .form-floating > .form-control:not(:-moz-placeholder) {
    padding-top: calc(20 * var(--vw-base));
    padding-bottom: calc(4 * var(--vw-base));
  }
  .page02 .form-floating > .form-control:not(:placeholder-shown),
  .page02 .form-floating > .form-control:focus {
    padding-top: calc(20 * var(--vw-base));
    padding-bottom: calc(4 * var(--vw-base));
  }
  .page02 .form-floating > label {
    font-size: calc(16.5 * var(--vw-base));
    padding: calc(17.5 * var(--vw-base)) calc(16 * var(--vw-base));
  }
  .page02 .form-check-label,
  .page02 .form-label {
    font-size: calc(16.5 * var(--vw-base));
    margin: 0;
  }
  .page02 .form-check {
    display: flex;
    align-items: center;
    padding-left: 0;
    gap: calc(6 * var(--vw-base));
    min-height: auto;
    margin-bottom: 0;
  }
  .page02 .form-check-input {
    float: none;
    margin: 0;
    flex-shrink: 0;
    width: calc(18 * var(--vw-base));
    height: calc(18 * var(--vw-base));
  }
  .page02 .g-recaptcha {
    transform: scale(0.85);
    transform-origin: left top;
    margin-bottom: -11.7px;
  }
}/*# sourceMappingURL=style.css.map */