/*header*/
header .topArea .topnav {
  padding: 0;
}

header .topArea .topnav li a {
  white-space: nowrap;
  font-size: 1.6rem;
}

header .topArea .fontControl {
  font-size: 1.6rem;
}

header .topArea .sharebtn > a {
  font-size: 1.6rem;
}

header .searchArea {
  padding: 10px;
  padding-left: 0;
}

header .searchArea .speechsearch {
  transform: none;
  margin-left: -5%;
}

header .searchArea .popular {
  font-size: 1.6rem;
}

header .searchArea .popular a {
  font-size: 1.6rem;
}

header .searchArea .searching .search-btn {
  margin-left: 10px;
}

nav #dropdownnavT .dropdown-menu {
  width: 1280px;
}

nav .dropdownnav .dropdown {
  margin: 0 20px;
}

nav .dropdownnav .dropdown > a {
  white-space: unset;
}

nav #dropdownnavT .dropdown-menu li a {
  white-space: initial;
}

.dropdown-menushow {
  grid-template-columns: repeat(4, auto);
}
/*大圖輪播*/
.hero-wrapper{
/*    overflow:unset;*/
}
/*醫療服務*/
#informationPanel {
    padding: 5%;
}
.service {
    background-size: cover;
    background: linear-gradient(to bottom, #ffffff, #eefcfe 30%, #eefcfe 100%, #ffffff);
}

.information .specail-area > ul > li .box .pic {
  font-size: 2rem;
}

.information .specail-area > ul > li .box .pic .name {
  min-height: 60px;
}
/*院務消息*/

.areaBg_2 {
    position: relative;

}

#Pnl_TSGH_News {
    padding-top: 5%;
}

#Pnl_TSGH_News .item .content {
/*  background: rgba(255, 255, 255, 0.7);*/
}

#Pnl_TSGH_News .item .content li {
  margin-top: 20px;
}

/*超連結輪播*/


/*這裡先不調，看客戶*/
/*#Pnl_Hyperlink .tab-content .swiper-slide a {
    border: 1px solid var(--border-color);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    height: 80px;*/ /* 統一高度 */
/*}

#Pnl_Hyperlink .tab-content .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;*/ /* 填滿並裁切，不變形 */
    /*object-position: left center;*/ /* 裁切時以中心為基準 */
/*}*/



/*RWD*/
@media (max-width: 1024px) {
  .service {
    background-size: contain;
  }
  .information .specail-area > ul {
    grid-auto-rows: 300px;
  }
}

@media (max-width: 821px) {
  .information .specail-area {
    margin-bottom: 10px;
  }
  .information .specail-area > ul {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
  }
  .information .specail-area > ul > li {
    min-width: 150px;
    min-height: 150px;
  }
  .information .specail-area > ul > li .box .pic .name {
    min-height: 100px;
    top: -15px;
  }
}

@media (max-width: 580px) {
  .information .specail-area > ul {
    grid-template-columns: repeat(2, 180px);
    grid-auto-rows: 250px;
  }
  .information .specail-area > ul > li .box {
    background-size: 150% auto;
  }
  .information .specail-area > ul > li .box .pic .name {
    white-space: break-spaces;
  }
  .service {
    background-size: cover;
  }
}

@media (max-width: 321px) {
  .information .specail-area > ul {
    grid-template-columns: repeat(2, 160px);
  }
}