.icon-1:before {
  background-position: 0% 0;
}
.icon-2:before {
  background-position: 2.04% 0;
}
.icon-3:before {
  background-position: 4.08% 0;
}
.icon-4:before {
  background-position: 6.12% 0;
}
.icon-5:before {
  background-position: 8.16% 0;
}
.icon-6:before {
  background-position: 10.2% 0;
}
.icon-7:before {
  background-position: 12.24% 0;
}
.icon-8:before {
  background-position: 14.29% 0;
}
.icon-9:before {
  background-position: 16.33% 0;
}
.icon-10:before {
  background-position: 18.37% 0;
}
.icon-11:before {
  background-position: 20.41% 0;
}
.icon-12:before {
  background-position: 22.45% 0;
}
.icon-13:before {
  background-position: 24.49% 0;
}
.icon-14:before {
  background-position: 26.53% 0;
}
.icon-15:before {
  background-position: 28.57% 0;
}
.icon-16:before {
  background-position: 30.61% 0;
}
.icon-17:before {
  background-position: 32.65% 0;
}
.icon-18:before {
  background-position: 34.69% 0;
}
.icon-19:before {
  background-position: 36.73% 0;
}
.icon-20:before {
  background-position: 38.78% 0;
}
.icon-21:before {
  background-position: 40.82% 0;
}
.icon-22:before {
  background-position: 42.86% 0;
}
.icon-23:before {
  background-position: 44.9% 0;
}
.icon-24:before {
  background-position: 46.94% 0;
}
.icon-25:before {
  background-position: 48.98% 0;
}
.icon-26:before {
  background-position: 51.02% 0;
}
.icon-27:before {
  background-position: 53.06% 0;
}
.icon-28:before {
  background-position: 55.1% 0;
}
.icon-29:before {
  background-position: 57.14% 0;
}
.icon-30:before {
  background-position: 59.18% 0;
}
.icon-31:before {
  background-position: 61.22% 0;
}
.icon-32:before {
  background-position: 63.27% 0;
}
.icon-33:before {
  background-position: 65.31% 0;
}
.icon-34:before {
  background-position: 67.35% 0;
}
.icon-35:before {
  background-position: 69.39% 0;
}
.icon-36:before {
  background-position: 71.43% 0;
}
.icon-37:before {
  background-position: 73.47% 0;
}
.icon-38:before {
  background-position: 75.51% 0;
}
.icon-39:before {
  background-position: 77.55% 0;
}
.icon-40:before {
  background-position: 79.59% 0;
}
.icon-41:before {
  background-position: 81.63% 0;
}
.icon-42:before {
  background-position: 83.67% 0;
}
.icon-43:before {
  background-position: 85.71% 0;
}
.icon-44:before {
  background-position: 87.76% 0;
}
.icon-45:before {
  background-position: 89.8% 0;
}
.icon-46:before {
  background-position: 91.84% 0;
}
.icon-47:before {
  background-position: 93.88% 0;
}
.icon-48:before {
  background-position: 95.92% 0;
}
.icon-49:before {
  background-position: 97.96% 0;
}
.icon-50:before {
  background-position: 100% 0;
}
.faq_body .answer h1,
.faq_body .answer h2,
.faq_body .answer h3,
.faq_body .answer h4,
.faq_body .answer h5,
.faq_body .answer h6 {
  font-family: var(--font-family);
  font-size: clamp(18px, 1.25vw, 30px);
}
.faq_body .answer strong,
.faq_body .answer strong span {
  font-weight: bold !important;
}
.faq_body .answer table {
  border: 1px solid var(--color-border);
  border-collapse: collapse;
  width: auto !important;
}
.faq_body .answer table caption {
  padding-bottom: 0.5em;
  font-weight: bold;
  font-size: 1.125em;
  text-align: left;
  background-color: transparent !important;
}
.faq_body .answer table tr {
  border-bottom: 1px solid var(--color-border);
}
.faq_body .answer table tr:nth-of-type(2n + 1) {
  background-color: #f9f9f9;
}
.faq_body .answer table th,
.faq_body .answer table td {
  border: none !important;
  border-left: 1px solid var(--color-border) !important;
  padding: 0.25em 0.5em;
}
.faq_body .answer table th:first-of-type,
.faq_body .answer table td:first-of-type {
  border-left: none;
}
@media (min-width: 0) and (max-width: 739px) {
  .faq_body .answer .table-wrap {
    width: 100%;
    padding-bottom: 1em;
  }
  .faq_body .answer .table-wrap.ori table {
    width: 100% !important;
  }
  .faq_body .answer .table-wrap.scroll {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .faq_body .answer .table-wrap.scroll table {
    min-width: 500px;
  }
  .faq_body .answer .table-wrap.scroll:after {
    content: '請左右捲動查看表格';
    font-size: 12px;
    color: #999;
  }
}
.faq_body .answer p {
  text-align: justify;
  text-justify: distribute;
}
:lang(eng) .faq_body .answer p {
  text-align: initial;
}
.faq_body .answer em,
.faq_body .answer em span {
  font-style: italic !important;
}
.faq_body .answer ul {
  list-style: disc;
  padding-left: 1.5em;
  padding-bottom: 2em;
}
.faq_body .answer ul li {
  padding-left: 0.5em;
}
.faq_body .answer ol {
  list-style: decimal;
  padding-left: 1.5em;
  padding-bottom: 2em;
}
.faq_body .answer ol li {
  padding-left: 0.5em;
}
.faq_body .answer u,
.faq_body .answer u span {
  text-decoration: underline !important;
}
.faq_body .answer * {
  font-family: var(--font-family) !important;
}
.faq_body .answer img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}
@media (min-width: 740px) {
  .faq .page_header {
    padding-bottom: var(--height-banner-bottom-md);
  }
}
.faq_section_wrap {
  counter-reset: faq-counter;
}
.faq_section {
  border-bottom: 1px solid var(--color-border-dark);
  counter-increment: faq-counter;
}
.faq_section:last-of-type {
  border-bottom: none;
}
.faq_section .fz-A {
  padding-right: 1em;
}
.faq_section .fz-A:before {
  content: counter(faq-counter, decimal-leading-zero);
  font-weight: bold;
  display: block;
  font-family: var(--font-family-en);
  color: var(--color-main);
  padding-bottom: 0.25em;
}
@media (min-width: 0) and (max-width: 979px) {
  .faq_section .fz-A {
    margin-bottom: 1.5em;
    margin-top: 2em;
  }
  .faq_section:first-of-type .fz-A {
    margin-top: 0;
  }
}
@media (min-width: 980px) {
  .faq_section {
    display: flex;
    padding-bottom: 6vw;
    padding-top: 4.8vw;
  }
  .faq_section:first-of-type {
    padding-top: 0;
  }
  .faq_section .fz-A {
    width: 24%;
  }
  .faq_section .faq_pool {
    width: 76%;
  }
}
@media (min-width: 1500px) {
  .faq_section .fz-A {
    width: 17.2%;
  }
  .faq_section .faq_pool {
    width: 82.8%;
  }
}
.faq_body {
  display: flex;
}
.faq_body:last-of-type .item {
  border-bottom: none;
}
.faq_body .cross_animate {
  position: absolute;
  right: 0;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translateY(-80%);
}
.faq_body .cross_animate:before,
.faq_body .cross_animate:after {
  content: '';
  display: block;
  width: 70%;
  border-top: 3px solid #adadad;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all 0.4s ease;
}
.faq_body .cross_animate:before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.faq_body .cross_animate:after {
  transform: translate(-50%, -50%);
}
.faq_body .item {
  width: 100%;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 1.5em;
}
.faq_body .item.active .cross_animate:before,
.faq_body .item.active .cross_animate:after {
  width: 100%;
  border-top: 3px solid var(--color-text);
}
.faq_body .item.active .cross_animate:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.faq_body .item.active .cross_animate:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.faq_body .fz-C {
  display: block;
  position: relative;
  line-height: 1.5em;
  cursor: pointer;
  width: 100%;
  padding: 0 50px 1em 0;
}
@media (min-width: 0) and (max-width: 739px) {
  .faq_body .fz-C {
    font-size: 16px;
  }
}
@media (min-width: 740px) {
  .faq_body .fz-C {
    line-height: 2em;
    padding: 0 28% 1em 0;
  }
}
@media (min-width: 1500px) {
  .faq_body .fz-C {
    padding: 0 37.4% 1em 0;
  }
}
.faq_body .answer {
  display: none;
  padding-bottom: 4em;
  padding-top: 2.3vw;
  border-top: 1px solid #f0f0f0;
}
@media (min-width: 740px) {
  .faq_body .answer {
    width: 72%;
  }
}
@media (min-width: 1500px) {
  .faq_body .answer {
    width: 62.6%;
  }
}
.faq_body .answer img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 2.3vw;
}
.faq_body .answer .desc {
  padding-bottom: 2.3vw;
  text-align: justify;
  text-justify: distribute;
}
.faq_v3 {
  counter-reset: faqv3-counter;
}
.faq_v3 .faq_section {
  border: none;
  counter-increment: faqv3-counter;
}
@media (min-width: 980px) {
  .faq_v3 .faq_section {
    padding-bottom: 6.5vw;
    padding-top: 0;
  }
}
.faq_v3 .faq_section .fz-A {
  display: block;
}
@media (min-width: 980px) {
  .faq_v3 .faq_section .fz-A {
    min-width: calc(30vw - var(--pd-inside-lg));
  }
}
.faq_v3 .faq_section .fz-A:before {
  content: '';
  display: block;
  width: 80%;
  border-top: 1px solid var(--color-text);
  margin-top: 0.5em;
}
@media (min-width: 0) and (max-width: 979px) {
  .faq_v3 .faq_section .fz-A:before {
    width: 100%;
  }
}
.faq_v3 .faq_section .fz-A strong {
  display: block;
  padding-top: 0.75em;
}
.faq_v3 .faq_section .fz-A:after {
  content: counter(faqv3-counter, decimal-leading-zero);
  font-size: 1.25vw;
  color: var(--color-main);
  font-family: var(--font-family-en);
  display: block;
  padding-top: 1em;
}
@media (min-width: 0) and (max-width: 979px) {
  .faq_v3 .faq_section .fz-A:after {
    font-size: 1rem;
  }
}
@media (min-width: 980px) {
  .faq_v3 .faq_section .faq_pool {
    width: 100%;
    flex: auto;
    padding-left: 3.125vw;
  }
}
@media (min-width: 740px) {
  .faq_v3 .faq_body .fz-C {
    padding: 0 28% 2.5vw 0;
  }
}
@media (min-width: 1500px) {
  .faq_v3 .faq_body .fz-C {
    padding: 0 24.5% 2.5vw 0;
  }
}
@media (min-width: 740px) {
  .faq_v3 .faq_body .item {
    margin-bottom: 3.2vw;
  }
}
.faq_v3 .faq_body .cross_animate {
  top: 0;
  transform: none;
}
@media (min-width: 740px) {
  .faq_v3 .faq_body .answer {
    width: 72%;
  }
}
@media (min-width: 1500px) {
  .faq_v3 .faq_body .answer {
    width: 86%;
  }
}
@media (min-width: 1500px) {
  .faq_v3 .faq_body .desc {
    padding-right: 10.5%;
  }
}
@media (min-width: 0) and (max-width: 575px) {
  .inpage .page_header h1 {
    padding-bottom: 10px;
  }
}
.faq_body .answer iframe {
  max-width: 100% !important;
}
@media (max-width: 700px) {
  .faq_body .answer iframe {
    height: 200px !important;
  }
}

/* terms  start */
.no_banner {
  margin-top: 110px;
}
@media (min-width: 767px) {
  .no_banner {
    margin-top: 140px;
  }
}
@media (min-width: 1199px) {
  .no_banner {
    margin-top: 220px;
  }
}
/* terms  end */