/* Windows 會優先用微軟正黑體，其他平台用近似開源字體 */
body,
h1,h2,h3,h4,h5,h6,
.sppb-addon-title,
.sppb-btn{
  font-family:
    "Microsoft JhengHei", "微軟正黑體",
    "Noto Sans TC", "Source Han Sans TC", "PingFang TC",
    system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
h4 .sppb-addon-title{
  font-weight: 700 !important;
}


#sp-component, #sp-left{ padding: 0px;}
/* #sp-position1{width: 0px;} */

#sp-left a { 
  color: #FFFFFF; 
  transition: color 0.2s, background 0.2s;
}
#sp-left a:hover, 
#sp-left a:focus {
  color: #34A4D9;         /* 亮藍色，和標題呼應 */
  background: rgba(255,255,255,0.08); /* 微微亮底 */
  outline: none;
  text-decoration: underline;
}

/* 上方 CTA */
#sp-section-1{ background-color: #000000;}
#sp-section-1 a { 
  color: #FFFFFF; 
  transition: color 0.2s, background 0.2s;
}
#sp-section-1 a:hover, 
#sp-section-1 a:focus {
  color: #34A4D9;         /* 亮藍色，和標題呼應 */
  background: rgba(255,255,255,0.08); /* 微微亮底 */
  outline: none;
  text-decoration: underline;
}

#sp-section-1 span { color: #FFFFFF; }
li.sp-contact-time { color: #FFFFFF; }
#sp-section-1 li { padding-right: 20px; }

#sp-section-1 #sp-top1 .sp-column {
  display: flex;               /* 讓內層可用 margin-left 推到右邊 */
}
#sp-section-1 .container{
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
}

#sp-section-1 #sp-top1 .sp-contact-info {
  display: flex;               /* 水平排；避免換行 */
  align-items: center;
  gap: 16px;                   /* 項目間距 */
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: auto;           /* 核心：把整列推到最右側 */
}

/* 可選：每個項目垂直置中 */
#sp-section-1 #sp-top1 .sp-contact-info li {
  display: inline-flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  #sp-section-1 #sp-top1 .sp-column { justify-content: center; }
  #sp-section-1 #sp-top1 .sp-contact-info { margin-left: 0; }
}

/* page title */
/* 精準選擇父層 id="sp-title" 下的 <div class="sp-page-title"> */
#sp-title > .sp-column > .sp-page-title {
padding-top: 70px;
padding-bottom: 150px;
}
.sppb-panel-title {
  font-size: 20px;
  font-weight: 500;
}

.nav-btn{
  text-align: left !important;  /* 蓋掉 .btn 預設置中 */
}


/* ====== UL/LI 輪播（Scroll Snap）====== */
.snap-wrap { overflow: visible; }
.snap-figcap { font-size: .92rem; color: #667; margin-top: .35rem; text-align: center; }


/* 可視區，負責橫向捲動 */
.snap-x {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  scrollbar-width: none;        /* Firefox */
  -ms-overflow-style: none;     /* IE/Edge 舊版 */
}
.snap-x::-webkit-scrollbar {    /* Chrome / Safari / Edge 新版 */
  width: 0;
  height: 0;
  display: none;
}

/* 列表本體 */
ul.snap-list {
  display: flex;
  gap: 0;
  list-style: none !important;   /* ← 避免出現 • 圓點 */
  margin: 0 !important;
  padding: 0 !important;
}

/* 每張投影片 */
.snap-slide {
  min-width: 100%;
  scroll-snap-align: start;
  position: relative;
}

/* 讓放在 ratio 裡的圖填滿框且不變形 */
.snap-ratio > img { width:100%; height:100%; object-fit:cover; }


/* 指示點 */
ul.snap-dots {
  display: flex;
  gap: .5rem;
  justify-content: center;
  margin: .5rem 0 0;
  padding: 0;
  list-style: none !important;
}

.snap-dot {
  display: inline-block;
  width: .75rem; height: .75rem;
  border-radius: 999px;
  background: rgba(0,0,0,.28);
  text-indent: -9999px; overflow: hidden;
}

.snap-dot[aria-current="true"] { background: rgba(0,0,0,.6); }

/* 有些模板容器會把子元素橫向裁掉： */
.snap-wrap, .snap-x { overflow-y: visible; /* 只限制 X 軸 */ }

/* 如果外層有全站樣式把 <ul> 加了 list-style，這裡再補一刀： */
.snap-wrap ul { list-style: none; }


/* 文章容器：預設內文字色 */
.article-details-content p, .article-details-content span { color: #000D48; }
.article-details-content h1, .article-details-content h2, .article-details-content h3, .article-details-content h4, .article-details-content h5, .article-details-content h6 { color: #34A4D9 }