@charset "UTF-8";
/* ========================
  🎨 Design Tokens - Variables
======================== */
/* Color */
/* Breakpoints（對齊 Bootstrap） */
/* Font Family */
/* Section Spacing - 常見預設 */
/*
  手機常用：padding-inline 20-48px、padding-block 32-64px
  桌機常用：padding-inline 90-150px、padding-block 48-80px
  row 間距：手機 16-28px、桌機 24-36px
  如果不需要 gutter，可用 .section-pad--px-0 / .section-pad--py-0 等類別來局部去除。
*/
/* Section Spacing - Desktop */
/* Section Spacing - 常見預設 end*/
/* Section Spacing - Mobile */
/* Section Spacing - Desktop */
body {
  background-image: url(../images/img/body-bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #4a0000;
  color: #fff;
}
@media (max-width: 991px) {
  body {
    padding-bottom: 72px;
  }
}

@media (max-width: 991px) {
  .page01 {
    aspect-ratio: 9/16;
  }
}

.page02 {
  aspect-ratio: 1920/717;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}
@media (min-width: 992px) {
  .page02 .content-wrap {
    width: 665px;
  }
}
@media (min-width: 1200px) {
  .page02 .content-wrap {
    width: clamp(465px, 46.88vw, 900px);
  }
}
.page02 .logo {
  max-width: 100%;
  width: clamp(166px, -0.76px + 16.81vw, 322px);
}
@media (max-width: 991px) {
  .page02 .logo {
    width: clamp(206px, 0.29px + 52.75vw, 305px);
  }
}

#f2-note::-moz-placeholder, #f2-know::-moz-placeholder {
  color: #fff;
}

#f2-note::placeholder,
#f2-know::placeholder {
  color: #fff;
}

#checkme {
  color: #000;
}
#checkme .btn-dark {
  color: #fff;
}

.recaptcha-wrap {
  margin-top: 0.5em;
}
@media (min-width: 992px) {
  .recaptcha-wrap {
    width: 212.8px;
    height: 54.6px;
  }
  .recaptcha-wrap .g-recaptcha {
    transform-origin: left top;
    transform: scale(0.7);
  }
}

.btn {
  color: #960606;
  font-weight: bold;
  border-radius: 8px;
}

#form2 .form-check-input[type=radio]:checked {
  background-color: #fff !important;
  border-color: #fff !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23960606'/%3e%3c/svg%3e") !important;
}
#form2 .form-check-input[type=checkbox]:checked {
  background-color: #fff !important;
  border-color: #fff !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23960606' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}
@media (min-width: 992px) {
  #form2 .row.justify-content-end {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    justify-content: normal !important;
  }
  #form2 .row.justify-content-end > .order-lg-0 {
    grid-column: 1;
    grid-row: 1/3;
    display: flex;
    align-items: center;
  }
  #form2 .row.justify-content-end > .order-lg-1 {
    grid-column: 2;
    grid-row: 1;
  }
  #form2 .row.justify-content-end > .order-lg-2 {
    grid-column: 2;
    grid-row: 2;
  }
}/*# sourceMappingURL=style.css.map */