.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 */