:root, [data-bs-theme=light] {
  --bs-body-font-family: 'Noto Serif TC', serif;
}

[data-bs-theme=dark] {
  --bs-body-font-family: 'Noto Serif TC', serif;
}

.p-0 {
  padding: 0!important;
}

.px-5 {
  padding-right: 3rem!important;
  padding-left: 3rem!important;
}

.py-3 {
  padding-top: 1rem!important;
  padding-bottom: 1rem!important;
}

.py-4 {
  padding-top: 1.5rem!important;
  padding-bottom: 1.5rem!important;
}

.py-5 {
  padding-top: 3rem!important;
  padding-bottom: 3rem!important;
}

.py-7 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.py-10 {
  padding-top: 10.5rem !important;
  padding-bottom: 10.5rem !important;
}

.pt-5 {
  padding-top: 3rem!important;
}

.pb-5 {
  padding-bottom: 3rem!important;
}

.ps-3 {
  padding-left: 1rem!important;
}

@media (min-width:992px) {
  .py-lg-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
  }
}

@media (min-width:992px) {
  .py-lg-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
  }
}

@media (min-width:1200px) {
  .py-xl-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
  }
}

@media (min-width:1400px) {
  .py-xxl-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
  }
}