@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 */
/* Layout Pattern */
/* ========================
  page12 預約表單
======================== */
.page12 {
  min-height: 100vh;
  padding-top: calc(40 * var(--vw-base));
  padding-bottom: calc(120 * var(--vw-base));
  background: url("../images/img/pc-bg-img.png") center top/cover no-repeat;
}
.page12 .container {
  max-width: none;
  padding: 0;
}
.page12 .booking-logo {
  width: calc(1190 * var(--vw-base));
  margin: 0 auto calc(70 * var(--vw-base));
}
.page12 .booking-logo .logo1-svg {
  width: auto;
  height: calc(147 * var(--vw-base));
}
.page12 .form-dec {
  font-size: calc(84 * var(--vw-base));
  color: #fff;
  position: absolute;
  text-wrap: nowrap;
  left: 46.5%;
  letter-spacing: 0.1em;
}
.page12 .booking-form {
  --bs-gutter-x: calc(20 * var(--vw-base));
  --bs-gutter-y: calc(14 * var(--vw-base));
  width: calc(1236 * var(--vw-base));
  margin-inline: auto;
}
.page12 .booking-form .form-control {
  height: calc(58 * var(--vw-base));
  padding: 0 calc(18 * var(--vw-base));
  border: 0;
  border-radius: 0;
  font-family: "Noto Serif TC", "PMingLiU", serif;
  font-size: calc(20 * var(--vw-base));
  color: #000;
  background-color: #fff;
}
.page12 .booking-form__select {
  margin-top: calc(21 * var(--vw-base));
}
.page12 .booking-form__notice {
  margin-top: calc(38 * var(--vw-base));
  font-family: "Noto Serif TC", "PMingLiU", serif;
  font-size: calc(20 * var(--vw-base));
  line-height: 1.4;
  color: #000;
}
.page12 .booking-form__agree {
  display: flex;
  align-items: center;
  gap: calc(10 * var(--vw-base));
  margin: calc(24 * var(--vw-base)) 0 0;
  padding: 0;
  font-family: "Noto Serif TC", "PMingLiU", serif;
  font-size: calc(20 * var(--vw-base));
}
.page12 .booking-form__agree .form-check-input {
  float: none;
  flex-shrink: 0;
  width: calc(30 * var(--vw-base));
  height: calc(30 * var(--vw-base));
  margin: 0;
  border: 0;
  border-radius: 0;
}
.page12 .booking-form__agree a {
  color: #0000ee;
}
.page12 .booking-form__submit {
  height: calc(60 * var(--vw-base));
  margin-top: calc(2 * var(--vw-base));
  border: calc(1 * var(--vw-base)) solid rgba(255, 255, 255, 0.8);
  background: #849be6;
  font-family: "Noto Serif TC", "PMingLiU", serif;
  font-size: calc(32 * var(--vw-base));
  letter-spacing: 0.05em;
  color: #fff;
  line-height: 0;
}
.page12 .booking-form__submit:hover {
  background: #6e86d4;
  color: #fff;
}
.page12 .booking-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: calc(54 * var(--vw-base));
  font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  font-size: calc(32 * var(--vw-base));
  letter-spacing: 0.15em;
  color: #fff;
}
.page12 .booking-info__line {
  width: calc(2 * var(--vw-base));
  height: calc(26 * var(--vw-base));
  margin: 0 calc(20 * var(--vw-base));
  background: rgba(255, 255, 255, 0.7);
}
.page12 .booking-info__row {
  display: flex;
  align-items: center;
}
.page12 .booking-info__row + .page12 .booking-info__row {
  margin-left: calc(30 * var(--vw-base));
}
@media (max-width: 991px) {
  .page12 {
    padding-top: calc(36 * var(--vw-base));
    padding-bottom: calc(100 * var(--vw-base));
    background-image: url("../images/img/pc-bg-img.png");
  }
  .page12 .form-title {
    align-items: center;
    gap: calc(24 * var(--vw-base));
  }
  .page12 .booking-logo {
    width: calc(391 * var(--vw-base));
    margin: 0;
  }
  .page12 .booking-logo .logo2-svg {
    width: 100%;
    height: auto;
  }
  .page12 .form-dec {
    font-size: calc(54 * var(--vw-base));
    color: #fff;
    text-wrap: nowrap;
    left: 46.5%;
    letter-spacing: 0.1em;
    position: unset;
    margin-bottom: calc(72 * var(--vw-base));
  }
  .page12 .booking-form {
    --bs-gutter-y: calc(18 * var(--vw-base));
    width: calc(504 * var(--vw-base));
  }
  .page12 .booking-form .form-control {
    height: calc(58 * var(--vw-base));
    padding: 0 calc(16 * var(--vw-base));
    font-size: calc(20 * var(--vw-base));
  }
  .page12 .booking-form__notice {
    margin-top: calc(32 * var(--vw-base));
    font-size: calc(18.9 * var(--vw-base));
    line-height: calc(27.4 * var(--vw-base));
  }
  .page12 .booking-form__agree {
    gap: calc(12 * var(--vw-base));
    margin-top: calc(6 * var(--vw-base));
    font-size: calc(20 * var(--vw-base));
  }
  .page12 .booking-form__agree .form-check-input {
    width: calc(29 * var(--vw-base));
    height: calc(29 * var(--vw-base));
  }
  .page12 .form-check-label {
    font-size: calc(18.9 * var(--vw-base));
  }
  .page12 .booking-form__submit {
    height: calc(58 * var(--vw-base));
    margin-top: calc(32 * var(--vw-base));
    font-size: calc(28 * var(--vw-base));
  }
  .page12 .booking-info {
    flex-direction: column;
    margin-top: calc(52 * var(--vw-base));
    font-size: calc(24 * var(--vw-base));
    line-height: 1.5;
  }
  .page12 .booking-info__line {
    width: calc(1 * var(--vw-base));
    height: calc(18 * var(--vw-base));
    margin: 0 calc(12 * var(--vw-base));
  }
  .page12 .booking-info__row + .page12 .booking-info__row {
    margin-left: 0;
  }
}/*# sourceMappingURL=style.css.map */