/* 
--------------------------------------------------------------
探索臺灣 tourism.html
--------------------------------------------------------------
*/
.tourism {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  transition: transform 0.4s ease; /* 放大動畫 */
}
/* 讓連結整個卡片填滿 */
.tourism-link{
    display: block;
    text-decoration: none;  /* 去掉下劃線 */
    color: inherit;         /* 保留文字原本顏色 */
}
/* hover 放大效果 */
.tourism-link:hover .tourism {
    transform: scale(1.05);
}
.tourism::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
  z-index: 1;
}
.tourism-txt {
  width: 100%;
  position: absolute;
  bottom: 10px;   /* 距離底部 */
  left: 10px;     /* 距離左側 */
  color: white;
  padding: 5px 10px;
  z-index: 2;
}
.tourism-img img {
  width: 100%;
  display: block;
  transition: transform 0.4s ease; /* 平滑過渡 */
}
.tourism-title {
  font-weight: 500;
  text-shadow: 2px 4px 8px rgba(26, 42, 108, 0.3);
}
.ai-start {
  align-items: flex-start;
  display: grid;
  grid-template-columns: 1fr 2fr; /* 左小右大 */
  gap: 30px;
  align-items: start;
  padding: 60px 5rem 64px 60px;
}
/* 右側卡片區 */
.tourism-wrapper{
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 一排兩個 */
    gap: 20px;
}
.ai-start::before  {
  align-items: flex-start;
  /*background: -webkit-gradient(linear, left top, right top, from(#1539ee), to(#2addc8));
  background: linear-gradient(90deg, #1539ee 0%, #2addc8 100%);*/
  background: #5BC2E7;
}
.txt-991 {
  padding-right: 10px;
}
@media (max-width: 991px) {
  .ai-start, .tourism-wrapper {
    grid-template-columns: 1fr;
  }

}
@media (max-width:1399px){
  .txt-991 {
    width: 100%;
    white-space: nowrap;      /* 單行 */
    overflow: hidden;         /* 超出隱藏 */
    text-overflow: ellipsis;  /* 尾端顯示 ... */
  }
}
@media (max-width:991px){
  .txt-991 {
    width: 100%;              /* 手機螢幕寬度用滿版 */
    white-space: normal;      /* 可以換行 */
    overflow: visible;        /* 文字不隱藏 */
    text-overflow: clip;      /* 不顯示省略號 */
  }
}
@media (max-width:776px){
  .txt-991 {
    width: 100%;
    white-space: nowrap;      /* 單行 */
    overflow: hidden;         /* 超出隱藏 */
    text-overflow: ellipsis;  /* 尾端顯示 ... */
  }
}
@media (max-width:5756px){
  .ai-start {
    padding: 2rem;
  }
}

/* 
--------------------------------------------------------------
臺灣旗艦館 taiwan-pavilion.html
--------------------------------------------------------------
*/
.font-size-40 {
  font-size: 40px !important;
}

/* 
--------------------------------------------------------------
首頁 index.html
--------------------------------------------------------------
*/
.index-btn > h3 > a {
  position: relative; /* 必須加上，讓偽元素定位 */
  z-index: 1;
  overflow: hidden; /* 確保圓角不破格 */
  
  width: 100%;
  font-size: 22px;
  padding: 0.8rem 1.5rem;
  display: block;
  font-weight: 500;
  text-decoration: none;
  border-radius: 50px;
  
  /* 初始狀態 */
  background: #fff;
  color: #000; 
  border: 1px solid #ddd;
  
  /* 文字變白的速度：這裡調慢到 0.8s (原本通常是 0.3s) */
  transition: color 0.4s ease, border-color 0.5s ease;
}
/* 建立漸層背景層 */
.index-btn > h3 > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; /* 放在文字下方 */
  
  /* 漸層設定 */
  background: linear-gradient(90deg, #1539ee, #2addc8);
  
  /* 初始透明度為 0 (淡入效果的關鍵) */
  opacity: 0;
  transition: opacity 0.6s ease;
}
/* Hover 效果 */
.index-btn > h3 > a:hover {
  color: #fff !important;
  border-color: transparent;
}
/* 當滑鼠移上去時，讓漸層層淡入 */
.index-btn > h3 > a:hover::before {
  opacity: 1;
}
.gt-event-schedule-wrapper .gt-event-schedule-item .index-btn {
  margin-right: 0 !important;
  padding-right: 0 !important;
  padding-top: 20px;
}

.index-banner img {
  width: 80%;
}
@media (max-width:1400px) {
  .index-banner img {
      width: 100%;
  }
}

.partners-title {
  position: relative;
  display: inline-block; /* 讓容器寬度等於文字長度 */
  z-index: 1;
  padding: 0 10px; /* 為左右多出的底線留出一點安全邊距，避免被切掉 */
}

.partners-title::after {
  content: "";
  position: absolute;
  
  /* 控制底線垂直位置，數值越大底線越往上壓 */
  bottom: 5px; 
  
  /* 水平置中三部曲 */
  left: 50%;
  transform: translateX(-50%);
  
  /* --- 關鍵修改：寬度超過 100% --- */
  width: 90%; 
  height: 6px; /* 您指定的高度 */
  
  /* 漸層顏色 */
  /* background: linear-gradient(90deg, #1539ee, #2addc8); */
  background: #5BC2E7;
  
  /* 圓角讓視覺更流線 */
  border-radius: 10px;
  
  /* 確保在文字下方 */
  z-index: -1;
  
  /* 可選：稍微調低透明度，增加設計感 */
  opacity: 0.9;
}
.gt-event-details-wrapper .gt-event-main-sideber .gt-event-sideber-widget {
  text-align: center;
}

.tourism_remark {
  width: 80%;
  margin: 0 auto;
  font-size: 14px;
  color: #777;
  text-align: center;
  margin-bottom: 3rem;
}
.tourism_remark a:hover {
  color: #1539ee;/*#5BC2E7*/
}
@media (max-width:991px){
  .tourism_remark {
    margin-bottom: 0;
  }
}

.gt-video-card-item .gt-video-content h3 {
  font-size: 36px;
  overflow-wrap: break-word; /* 現代標準寫法 */
  word-wrap: break-word;     /* 舊版瀏覽器相容寫法 */
}