.page-index-zh-tw-special {
    max-width: 100%;
    margin: auto;
    position: relative;
    overflow: hidden;
    font-family: 'Noto Sans TC', sans-serif;
  }
  
  .page-index-zh-tw-special section h2 {
    color: #092846;
    font-size: 36px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0.8em;
    line-height: 1.4;
  }
  
  .page-index-zh-tw-special section h2 b {
    font-weight: 500;
  }
  
  .page-index-zh-tw-special section h3 {
    color: #092846;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0.8em;
  }
  
  .page-index-zh-tw-special section h4 {
    color: #3c3b39;
    font-size: 22px;
    font-weight: 500;
    margin: 0;
    line-height: 1;
  }
  
  .page-index-zh-tw-special section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 2;
    margin-top: 0;
    margin-bottom: 1em;
  }
  
  .page-index-zh-tw-special section .color-green {
    color: #27bea5;
  }
  
  .page-index-zh-tw-special section .color-orange {
    color: #fe9a24;
  }
  
  .page-index-zh-tw-special section .wrapper {
    max-width: 1000px;
    margin: auto;
  }
  
  .page-index-zh-tw-special section img {
    display: block;
    max-width: 100%;
  }
  
  .page-index-zh-tw-special section .btn_box, .page-index-zh-tw-special section .txt_box {
    position: relative;
    z-index: 1;
  }
  
  .page-index-zh-tw-special section .btn {
    position: absolute;
    z-index: 3;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
  }
  
  .page-index-zh-tw-special section .btn:hover {
    opacity: 0.8;
  }
  
  .page-index-zh-tw-special section .txt {
    position: absolute;
    z-index: 2;
  }
  
  .page-index-zh-tw-special section .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .page-index-zh-tw-special section .flex.wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
  .page-index-zh-tw-special section .flex .f-box {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  
  .page-index-zh-tw-special section .center {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
  }
  
  .page-index-zh-tw-special section .title_line h2 {
    margin-bottom: 0.35em;
  }
  
  .page-index-zh-tw-special section .title_line span {
    width: 120px;
    display: block;
    height: 3px;
    background: #27bea5;
    margin: auto;
  }
  
  .page-index-zh-tw-special section .title_line span.long {
    width: 248px;
  }
  
  .page-index-zh-tw-special section .pc {
    display: unset;
  }
  
  .page-index-zh-tw-special section .sp {
    display: none;
  }
  
  @media only screen and (max-width: 1100px) {
    .page-index-zh-tw-special section h3 {
      font-size: 28px;
    }
    .page-index-zh-tw-special section p {
      font-size: 16px;
    }
  }
  

  .page-index-zh-tw-special section.sec01 {
    background: url(../user/images/index/special-zh-tw/sec01_bg.jpg) no-repeat center top/auto 100%;
  }
  
  .page-index-zh-tw-special section.sec01 .wrapper {
    max-width: 1100px;
  }
  
  .page-index-zh-tw-special section.sec01 .btn {
    top: 67%;
    left: 63%;
  }
  
  @media only screen and (max-width: 1100px) {
    .page-index-zh-tw-special section.sec01 .wrapper {
      max-width: 100%;
    }
    .page-index-zh-tw-special section.sec01 .fv {
      max-width: 110%;
      -o-object-fit: cover;
         object-fit: cover;
      margin-left: -5%;
    }
  }
  

  .page-index-zh-tw-special section.sec02 {
    background: url(../user/images/index/special-zh-tw/sec02_bg.jpg) no-repeat center top/auto 100%;
  }
  
  .page-index-zh-tw-special section.sec02 .txt_01 {
    top: 54%;
    width: 100%;
  }
  
  .page-index-zh-tw-special section.sec02 .txt_02 {
    top: 50%;
    width: 100%;
  }
  
  .page-index-zh-tw-special section.sec02 .txt_03, .page-index-zh-tw-special section.sec02 .txt_04, .page-index-zh-tw-special section.sec02 .txt_05, .page-index-zh-tw-special section.sec02 .txt_06 {
    font-size: 14px;
    line-height: 1.8;
  }
  
  .page-index-zh-tw-special section.sec02 .txt_03 {
    left: 20%;
    top: 60%;
    width: 72%;
  }
  
  .page-index-zh-tw-special section.sec02 .txt_04 {
    left: 8%;
    top: 60%;
    width: 74%;
  }
  
  .page-index-zh-tw-special section.sec02 .txt_05 {
    left: 20%;
    top: 53%;
    width: 72%;
  }
  
  .page-index-zh-tw-special section.sec02 .txt_06 {
    left: 8%;
    top: 53%;
    width: 74%;
  }
  
  @media only screen and (max-width: 1100px) {
    .page-index-zh-tw-special section.sec02 .f-box {
      width: 50%;
    }
    .page-index-zh-tw-special section.sec02 .txt_03, .page-index-zh-tw-special section.sec02 .txt_04, .page-index-zh-tw-special section.sec02 .txt_05, .page-index-zh-tw-special section.sec02 .txt_06 {
      font-size: 12px;
    }
    .page-index-zh-tw-special section.sec02 .txt_03 {
      left: 16%;
      top: 60%;
      width: 78%;
    }
    .page-index-zh-tw-special section.sec02 .txt_05 {
      left: 16%;
      top: 53%;
      width: 78%;
    }
  }
  
  .page-index-zh-tw-special section.sec03 {
    background: url(../user/images/index/special-zh-tw/sec03_bg.jpg) no-repeat center top/auto 100%;
    background-color: #f6f8f8;
  }
  
  .page-index-zh-tw-special section.sec03 .txt_06 {
    top: 20%;
    width: 82%;
  }
  
  .page-index-zh-tw-special section.sec03 .txt_07 {
    top: 44%;
    width: 72%;
    left: 14%;
  }
  
  .page-index-zh-tw-special section.sec03 .txt_08 {
    top: 62%;
    width: 100%;
  }
  
  .page-index-zh-tw-special section.sec03 .f-box {
    width: 30%;
  }
   
  .page-index-zh-tw-special section.sec04 {
    background: url(../user/images/index/special-zh-tw/sec04_bg.jpg) no-repeat center top/auto 100%;
    background-color: #f6f8f8;
  }
  
  .page-index-zh-tw-special section.sec04 h3 {
    padding-left: 15%;
  }
  
  .page-index-zh-tw-special section.sec04 p {
    line-height: 1.6;
  }
  
  .page-index-zh-tw-special section.sec04 .txt_09, .page-index-zh-tw-special section.sec04 .txt_10 {
    top: 15%;
  }
  
  .page-index-zh-tw-special section.sec04 .txt_09 {
    width: 34%;
    left: 10%;
  }
  
  .page-index-zh-tw-special section.sec04 .txt_10 {
    width: 32%;
    left: 57%;
  }
  
  .page-index-zh-tw-special section.sec04 .btn {
    top: 75%;
  }
  
  @media only screen and (max-width: 1100px) {
    .page-index-zh-tw-special section.sec04 h3 {
      padding-left: 10%;
    }
  }
    
  .page-index-zh-tw-special section.sec05 {
    background: #fff;
  }
  
  .page-index-zh-tw-special section.sec05 .txt_11 {
    top: 62%;
    width: 100%;
  }
  
  @media only screen and (max-width: 760px) {
    .page-index-zh-tw-special section.sec05 .txt_11 {
      top: 42%;
    }
    .page-index-zh-tw-special section.sec05 h2 {
      font-size: 8.13334vw;
    }
    .page-index-zh-tw-special section.sec05 .title_line span.long {
      width: 24.3vw;
    }
  }
  
  .page-index-zh-tw-special section.sec06 {
    background: url(../user/images/index/special-zh-tw/sec06_bg.jpg) no-repeat center bottom/auto 100%;
    background-color: #fff;
  }
  
  .page-index-zh-tw-special section.sec06 .f-box {
    width: 31.6%;
  }
  
  .page-index-zh-tw-special section.sec06 .txt_12, .page-index-zh-tw-special section.sec06 .txt_13, .page-index-zh-tw-special section.sec06 .txt_14 {
    width: 70%;
    top: 34.3%;
    left: 53%;
  }
  
  .page-index-zh-tw-special section.sec06 .video {
    padding: 120px 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    gap: 50px;
  }
  
  .page-index-zh-tw-special section.sec06 .video .iframe {
    width: 100%;
  }
  
  .page-index-zh-tw-special section.sec06 .video .iframe iframe {
    width: 100%;
    height: 223px;
  }
  
  .page-index-zh-tw-special section.sec06 .btn {
    top: 50%;
  }
    
  .page-index-zh-tw-special section.sec07 {
    background: #f6f8f8;
  }
  
  .page-index-zh-tw-special section.sec07 .btn {
    top: 76.5%;
  }
  
  .page-index-zh-tw-special section.sec07 .btn_dl_01 {
    left: 19%;
  }
  
  .page-index-zh-tw-special section.sec07 .btn_dl_02 {
    left: 49%;
  }
  
  .page-index-zh-tw-special section.sec07 .btn_last {
    padding-bottom: 5%;
    position: relative;
    display: block;
    width: max-content;
  }

  .page-index-zh-tw-special section.sec07 .btn_last > img {
    margin: 0 auto;
  }