.position-relative.index-swiper-1{
  height: calc(100vw*0.75)!important;
}

.position-relative.index-swiper-2{
  height: calc(100vw*0.75)!important;
}

.position-relative.index-swiper-3{
  height: calc(100vw*0.6)!important;
  min-height: 300px;
  z-index: 2;
  position: relative;
}

.position-relative.team-list-swiper-1{
  height: calc(50vw*0.8)!important;
  min-height: 400px;
}

/* 團隊卡片內容優化 */
.team-list .card {
  height: 100%;
}

.team-list .person-profile {
  min-height: 0;
}

.team-list .person-profile .row {
  max-height: 100%;
}

.comment-block{
  background: #F5F5F5;
  border-radius: 20px;
  padding: 30px;
  border: 1px solid #ccc;
  margin: 5px;
}
.comment-icon{
  width: 40px;
}
.comment-content{
  width: 100%;
  height: 100%;
  background: #F5F5F5;
}

.contact-line img{
  margin-left: 0px;
}

.person-pic{
  padding: 0px;
}

.contact-form{
  font-size: 18px;
}

a.tel{
  color: #f18d27;
}
/*
  針對平板電腦 (螢幕寬度 768px 或以上)
*/
@media (min-width: 768px) {
    .position-relative.index-swiper-1{
        height: 225px!important;
    }

    .position-relative.index-swiper-2{
      height: 225px!important;
  }

  .position-relative.index-swiper-3{
    height: 335px!important;
    min-height: 335px;
  }

  .position-relative.team-list-swiper-1{
    height: 400px!important;
    min-height: 400px;
  }
  
  /* 平板版分頁器間距優化 */
  .team-list .swiper-pagination-1,
  .team-list .swiper-pagination-2,
  .team-list .swiper-pagination-3 {
    margin-top: 0.5rem !important;
  }
}

/*
  針對中等螢幕 (螢幕寬度 577px 到 767px)
*/
@media (min-width: 577px) and (max-width: 767px) {
  .position-relative.index-swiper-3{
    height: calc(100vw*0.65)!important;
    min-height: 320px;
  }
  
  .position-relative.team-list-swiper-1{
    height: calc(98vh*0.8)!important;
    min-height: 420px;
  }
  
  /* 中等螢幕分頁器間距優化 */
  .team-list .swiper-pagination-1,
  .team-list .swiper-pagination-2,
  .team-list .swiper-pagination-3 {
    margin-top: 0.5rem !important;
  }
  
  .comment-block{
    padding: 25px;
    margin: 5px;
  }
}

/*
  針對手機 (螢幕寬度 576px 以下)
*/
@media (max-width: 576px) {
  .position-relative.index-swiper-3{
    height: calc(100vw*0.7)!important;
    min-height: 280px;
  }
  
  .position-relative.team-list-swiper-1{
    height: calc(98vh*0.8)!important;
    min-height: 450px;
  }
  
  /* 手機版分頁器間距優化 */
  .team-list .swiper-pagination-1,
  .team-list .swiper-pagination-2,
  .team-list .swiper-pagination-3 {
    margin-top: 0.25rem !important;
  }
  
  .comment-block{
    padding: 20px;
    margin: 3px;
  }
  
  .comment-content p{
    font-size: 14px;
    line-height: 1.5;
  }
}
  
  /*
    針對桌機 (螢幕寬度 1024px 或以上)
  */
@media (min-width: 1024px) {
  .position-relative.index-swiper-3{
    height: 400px!important;
    min-height: 400px;
  }
  
  .position-relative.team-list-swiper-1{
    height: 420px!important;
    min-height: 420px;
  }
  
  /* 桌機版分頁器間距優化 */
  .team-list .swiper-pagination-1,
  .team-list .swiper-pagination-2,
  .team-list .swiper-pagination-3 {
    margin-top: 0.5rem !important;
  }
  
  .comment-block{
    padding: 35px;
    margin: 8px;
  }
}