.article-top{
      margin-top: 88px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      background-color: #FEFFFE;
}

.article-top.service{
      margin-top: 0px;
      background-color: transparent;
      flex-direction: row-reverse;
}

.article-top.team{
      flex-direction: row-reverse;
}
.article-top-right{
      width: calc( ( 100% - 1440px ) / 2 + 640px );
      flex-shrink: 0;
}
.article-top-right-photo{
      width: 100%;
      height: 640px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
}
.article-top-left{
      padding: 0 80px 0 calc( ( 100% - 1440px ) / 2 + 120px );
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      width: 100%;
}

.article-top.service .article-top-right{
      width: calc( ( 100% - 1440px ) / 2 + 720px );
      flex-shrink: 0;
}
.article-top.service .article-top-right-photo{
      width: 100%;
      height: 720px;
}
.article-top.service .article-top-left, .article-top.team .article-top-left{
      padding: 0 calc( ( 100% - 1440px ) / 2 + 80px ) 0 65px;
      display: flex;
}

.article-top.team .article-top-right-photo{
     background-size: auto 100%;
     background-repeat: no-repeat;
     background-position: right center;
}



.article-content .cac-btn{
      margin-top: 40px;
      text-decoration: none;
}

.title{
      margin: 24px 0;
      font-family: Inter, Roboto, Arial, sans-serif;
}
.date{
      color: rgba(142, 142, 147, 1);

}

.article-top.service .title{
      margin: 16px 0 32px;
}
.article-top.service .intro{
      margin-bottom: 16px;
}


.article-content{
      width: 100%;
      padding: 80px calc( ( 100% - 1440px ) / 2 + 370px );
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      background-color: #FEFFFE;
}

.article-content h2{
      font-size: 28px;
      line-height: 1.4em;
      font-weight: 600;
      margin-bottom: 24px;
      width: 100%;
      color: #A0C7A2;
}
.article-content h3{
      font-size: 24px;
      line-height: 1.4em;
      font-weight: 600;
      /* margin-bottom: 20px; */
      width: 100%;
}
.article-content>div{
      width: 100%;
}
.article-content.service{
      padding-top: 120px;
      padding-bottom: 120px;
}
.article-content .h6{
      width: 100%;
}
.article-content .h5{
      width: 100%;
}
.article-content .a-txt{
      margin-bottom: 40px;
      width: 100%;
}
.article-content .a-img{
      margin-bottom: 40px;
      width: 100%;
}
.article-content ul{
      margin-top: 0;
}
.article-content img{
      max-width: 100%;
}
.related{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      background-color: #FEFFFE;
      padding-top: 110px;
      padding-bottom: 100px;
}
.related.service{
      background-color: transparent;
      padding-top: 80px;
}
.related .h4{
      margin-bottom: 32px;
}

.related-list{
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
}
.si-photo-in{
      transition: 1s;
}

.ri-services{
      margin-bottom: 4px;
}

.stitle{
      margin-bottom: 20px;
      color: rgba(142, 142, 147, 1);
}

.ri-photo-in{
      transition: 1s;
}

.related.service .review-item{
      margin-bottom: 40px;
}

.service .h6{
      font-family: Inter, Roboto, Arial, sans-serif;
}

.tfile{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      background-color: #FEFFFE;
      padding-top: 110px;
      padding-bottom: 100px;
}

.article-content figure{
      margin: 0;
}

.article-content .arcontent{
      margin-bottom: 40px;
}

@media( max-width:1440px ){
      .article-top-left{
            padding-left: 4%;
            padding-right: 4%;
      }
      .article-top-right{
            width: 45%;
      }
      .article-top.service .article-top-right, .article-top.team .article-top-right{
            width: 50%;
      }
      .article-top.service .article-top-left, .article-top.team .article-top-left{
            padding: 0 4% 0 4%;
      }
}
@media( max-width:991px ){
      .article-top{
            margin-top: 80px;
      }
}
@media( max-width:768px ){
      .article-top{
            flex-direction: column-reverse;
            background-color: transparent;
            padding: 20px 16px 40px;
      }

      .article-top.service, .article-top.team{
            margin-top: 80px;
            flex-direction: column-reverse;
            padding: 20px 16px 24px;
      }
      .article-top.service .article-top-right, .article-top.team .article-top-right{
            width: 100%;
      }
      .article-top.service .article-top-right-photo{
            height: auto;
            padding-top: 100%;
      }
      .article-top.team .article-top-right-photo{
            background-size: cover;
            background-position: center;
            height: auto;
            padding-top: 100%;
      }

      .article-top-right{
            width: 100%;
            margin-bottom: 16px;
      }
      .article-top-right-photo{
            height: auto;
            padding-top: 100%;
            border-radius: 8px;
      }
      .article-content{
            padding: 40px 16px;
      }

      .title{
            margin: 12px 0;
      }
      .cac-container.related{
            background-color: transparent;
            padding: 40px 0px 20px;
      }
      .ris-item{
            background-color: #F5F5F5;
      }
      .a-img{
            border-radius: 4px;
      }
      .article-top.service .title{
            margin: 16px 0;
            font-size: 26px;
      }
      .article-content.service{
            padding-top: 24px;
            padding-bottom: 24px;
      }
      .article-content .h5{
            margin-bottom: 10px;
      }
}


.faq-container { 
      max-width: 600px; 
      margin: 30px auto; 
      font-family: "Noto Sans TC", sans-serif;
}
.faq-item { 
      border-bottom: 1px solid #ddd; 
      padding: 12px 0;
}
.faq-block{
      margin-bottom: 50px;
}
.faq-question { 
      cursor: pointer; 
      font-weight: bold; 
      position: relative; 
      padding-right: 20px;
}
.faq-question::after { 
      content: '+'; 
      position: absolute; 
      right: 0; 
      top: 0; 
      transition: 
      transform 0.3s;
}
.faq-question.active::after { 
      content: '-';
}
.faq-answer { 
      display: none; 
      padding-top: 8px; 
      color: #555;
}

.index{
      background-color:#f9f9f9;
      border-radius:8px;
      border:1px solid #dddddd;
      padding:20px;
}
.index-title{
      color: #A0C7A2;
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 20px;
}
.index-list{
}
.index-list li{
      
}
.index-list li a{
      text-decoration: none;
      color: #727272;
}

figure.table table td{
      padding: 8px 16px;
      border: 1px solid #dddddd;
      white-space: normal; /* 允許換行 */
      word-break: break-word;
}

.arcontent a{
      color:#A0C7A2;
      text-decoration:none;
}

figure.table{
      /* margin: 0;
      overflow-x: auto;
      width: 100%;
      -webkit-overflow-scrolling: touch; */
}

figure.table table{
      width: 100%;
      min-width: 100%;
      max-width: 100%;
      border-collapse: collapse;
      width: max-content;
}

@media( max-width:600px ){
      figure.table table td{
            padding: 4px;
            font-size: 10px;
            line-height: 1.8em;
      }
      
}