/**
Theme Name: Astra Child*
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra Child by ezec
Version: 1.0.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
**/
html { -webkit-text-size-adjust: 100%; /* 避免 Safari 自動放大字體 */  }
html { font-size: 100%; /* 通常為 16px，可調整瀏覽器預設字體大小 */ }
body { font-size: 1rem; /* 即 16px，隨 html 的設定而變化 */ line-height: 1.6rem; }
p { font-size: 1rem; /* 保持跟根元素一致 */ line-height: 1.6rem; }
.small-text { font-size: .875rem; /* 約 14px */ }
.site-title { font-size: x-large !important; }
.entry-title { font-size: large !important; }
.ast-blog-meta-container { font-size: small !important; }


/* 修正對比度問題 - 建議在自訂CSS或子主題中加入 */
/* 1. 灰色文字 (例如：內文、次要資訊等) */
/* 假設 .category-text 是指代 #777777 的灰色文字類別 */
.category-text, 
.ast-blog-meta-container, /* 假設此為次要資訊 */
.entry-meta * { 
    /* 將文字顏色調整為 #5e5e5e (深灰) */
    color: #5e5e5e !important; 
}

/* 2. 麵包屑/連結背景 (例如：橘底) */
/* 假設 .breadcrumb-bg 是指代橘色背景類別 */
.breadcrumb-bg { 
    /* 將背景色調整為 #B44600 (深橘) */
    background-color: #B44600 !important;
}

/* 3. 修正 #7C7C7C on #FFFFFF 的問題 (如果文字是從通用變數繼承，請覆寫該變數) */
/* 如果文字顏色是 #7C7C7C，則應改為至少 #6d6d6d on #FFFFFF (4.51:1) */
.page-links .page-link, .single .post-navigation a {
    color: #6d6d6d !important;
}

/*astra 圖片陰影去除*/
.ast-article-single img {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
}
/** Header **/
.ast-primary-header-bar {
    background-image: url(https://creatidea-stg.ezec.com.tw/wp-content/uploads/2025/09/audio_bg_bar.png) !important;
	background-repeat: repeat-x !important;
}
.site-branding.ast-site-identity { padding-top: 0; padding-bottom: 0;}
.ast-site-title-wrap { display: none; }
.site-header-section > div > div { height: 52px; }
.ast-builder-html-element > p { font-size: .875rem; line-height: .625rem; position: relative; top: -0.375rem; }
spam.menu-text { font-weight: bold;}
/* 只影響桌機版寬度：Astra 預設 921px 以上 */
@media (min-width: 921px) {
	 /* 讓中間那一塊可撐滿 */
	.site-header-section .ast-builder-menu {
		flex: 1 1 auto;
		max-width: 100%;
	}
	.ast-builder-menu .main-navigation > ul {
		width: 100%;
		justify-content: space-between;
	}
	.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
		flex: 1 1 0;
		text-align: center;
		width: 10rem;
	}
}

/** 主題展覽 **/
/* 內頁 - Tab */
.nmth-tabs-section {
	background-color: #E8D79E;
    background-image: url(https://creatidea-stg.ezec.com.tw/wp-content/uploads/2025/06/audio_bg_item.png);
    background-position: bottom center;
    background-repeat: repeat-x;
	min-height: 32rem;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/**Post Head**/
/*麵包屑*/
.trail-items > li {
	font-size: .875rem;
	font-weight: 300;
}
/*字級大小*/
.font-size-ctrl {
	font-size:.875rem;
	margin-bottom: .125rem;
}
.font-btn {
    display: inline-block;
    padding: .25rem;
    background-color: #c8c8c8;
	color: #000000;
	line-height: 1rem;
    margin-bottom: .25rem;
}
.font-btn:hover {
	background-color: #ebc95a;
	color: #000000;
}
/*Page-首頁*/
.exhibition-summary .slick-slide {
	padding: 3rem 1rem !important;
}
.exhibition-summary a {
	text-decoration: none !important;
}
.e-n-tabs-content a.nmth-thumb-link {
	text-decoration: none;
}
.e-n-tabs-content a.nmth-thumb-link:hover {
	text-decoration: underline !important;
}
.audio-summary h3 > a {
	text-decoration: none !important;
}
.audio-summary h3 > a:hover {
	text-decoration: underline !important;
}
/*Page-最新消息*/
table.posts-data-table tbody td a {
	text-decoration: none !important;
}
table.posts-data-table tbody td.col-title a:hover {
	text-decoration: underline !important;
}
.posts-table-controls .posts-table-select-filters {
	display: flex;
}
.posts-table-controls.posts-table-above {
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}
.posts-table-controls input[type=search] {
	background-color: #ffffff !important;
    border: 1px solid !important;
}
@media screen and (min-width: 600px) {
    .posts-table-controls .dataTables_filter:first-child, .posts-table-controls .dataTables_length:first-child, .posts-table-controls .posts-table-select-filters:first-child, .posts-table-controls>.posts-table-reset:first-child {
        margin-left: 0;
        margin-right: 0 !important;
    }
	.posts-table-controls>div {
        margin-left: 0 !important;
        margin-right: 0;
    }
}
.posts-data-table.theme-default tbody td.col-title a {
    color: #927002 !important;
}

.posts-data-table.theme-default tbody td.col-title a:hover {
    color: #cc9e09 !important;
	text-decoration: underline;
}
.meta-info > p {
	font-weight: normal !important;
	font-size: 1.1rem !important;
}
.meta-info > .mi01 {
	font-weight: bold !important;
	font-size: 1.3rem !important;
}
/*Page-主題展覽*/
.e-con-boxed.e-grid {
    display: grid;
	justify-content: center;
}
/**Post**/
.single-news .entry-content,
.single-research .entry-content {
    margin: 3rem 0 5rem 0;
}
.post-template-default .primary {
    width: 1280px !important;
    margin: 0 auto !important;
}
.post-template-default .site-main .post-thumb {
	width: 35% !important;
	float: left;
	margin: 0;
	padding-top: 2rem;
}
.post-template-default .site-main article {
	width: 65% !important;
	float: right;
}

/*以下未整理*/
/*
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select, textarea,input.audio_btn_search:focus,select:focus {
    font-size: 1.2rem;
    background: none;
    color: white;
    border: 0;
    border-bottom: 0.1rem solid white;
    border-radius: 0rem;
}
*/
/*
option {
    background-color: #333333;
    color: white;
}
*/
/* 強制 UAEL 所有元件使用 rem 單位 */
[class*="uael-"], .uael-module, .uael-button, .uael-icon {
    font-size: 1rem;
}
.dashicons,.dashicons-before:before {
    font-size: 1rem !important;
}

input.audio_btn_search::placeholder {
  color: #ffffff; /* 將 placeholder 文本顏色設為白色 */
}

/*table的下一頁隱藏部分功能*/
.dataTables_length {
    display: none;
}
.dataTables_info {
    display: none;
}
.posts-table-controls.posts-table-below {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}
/*搜尋音聲年代 寬度*/
.audio_btn_choose,.audio_btn_search {
    width: 20rem !important;
}
@media (max-width: 544px) {
	.audio_btn_search {
		width: 100% !important;
	}
}
/*首頁隱藏麵包屑*/
body.home .ast-breadcrumbs-wrapper {
    display: none;
}
/*首頁slider貼文樣式*/
.draggable .uael-post__bg-wrap.uael-bg-wrap-disabled {
    border: 0.15rem solid;
}
.uael-post__meta-line {
    align-items: baseline !important;
}
/*單篇文章*/
/* 桌面版固定寬度 */
@media (min-width: 1025px) {
  body.single.ast-page-builder-template .site-main > article, 
  body.single.ast-page-builder-template .post-navigation {
      width: 1280px;
      margin: 0 auto;
  }
}

/* 手機與平板版自動寬度 */
@media (max-width: 1024px) {
  body.single.ast-page-builder-template .site-main > article, 
  body.single.ast-page-builder-template .post-navigation {
      width: 100%;
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box;
  }
}
nav.navigation.post-navigation {
    display: none;
}

#link-top,
#link-home {
  display: inline-block;
  width: 64px; /* 根據你的圖片大小調整 */
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
}
#link-top {
  background-image: url('https://creatidea-stg.ezec.com.tw/astra-advanced-hook/574/audio_btn_side_gototop/');
}
#link-home {
  background-image: url('https://creatidea-stg.ezec.com.tw/astra-advanced-hook/574/audio_btn_side_home/');
}
    #link-top:hover {
  background-image: url('https://creatidea-stg.ezec.com.tw/astra-advanced-hook/574/audio_btn_side_gototop-2/');
}
#link-home:hover {
  background-image: url('https://creatidea-stg.ezec.com.tw/astra-advanced-hook/574/audio_btn_side_home-2/');
}
/*首頁歌曲撥放清單樣式*/
#custom-post-grid .uael-post__thumbnail {
  margin: 3rem 0;
    display: flex;
    justify-content: center;
}

#custom-post-grid .uael-post-grid .slick-slide img {
    width: 12rem;
}
/*共用橫幅 - 搜尋*/
.input-wrapper {
  position: relative;
  display: inline-block;
}

.input-wrapper i {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff; /* 白色 */
  font-size: 14px;
}

.input-wrapper input {
  padding-left: 30px; /* 預留 icon 空間 */
  background: transparent;
  border: none;
  border-bottom: 2px solid #fff; /* 白色下底線 */
  color: #fff; /* 文字顏色 */
  outline: none;
  font-size: 1.2rem;      /* 統一字體大小 */
  font-weight: 300;
}

.input-wrapper input::placeholder {
  color: #fff; /* placeholder 白色 */
  opacity: 1; /* 半透明 */
	font-weight: 300;
}

/*共用橫幅 - 年代下拉*/
.audio_btn_choose {
  background: transparent;
  border: none;
  border-bottom: 2px solid #fff; /* 白色底線 */
  color: #fff; /* 文字白色 */
  padding: 5px 10px 5px 0;
  font-size: 1.2rem;
  font-weight: 300;
  outline: none;
  appearance: auto;      /* 隱藏預設箭頭 (Chrome/Safari) */
  -webkit-appearance: auto;
  -moz-appearance: none;
  cursor: pointer;
}

.audio_btn_choose option {
  color: #000;   /* 下拉展開後選項要能看得清楚，這裡設黑字 */
  background: #fff; /* 選單背景白色 */
}

.audio_btn_choose:focus {
  border-bottom-color: #fff; /* focus 時維持白色 */
}

.form-control-line {
  background: transparent;
  border: none;
  border-bottom: 2px solid #fff;
  color: #fff;
  
  line-height: 1.5;
  padding: 5px 10px 5px 0;
  font-family: inherit;
  outline: none;
}

.form-control-line::placeholder {
  color: #fff;
  opacity: 1;
}

.form-control-line option {
  color: #000;
  background: #fff;
}
/* === nmth_item 單篇：左圖（audio_area_album_play）樣式 === */
.single-nmth_item .audio_area_album_play{
  width:40%;
  text-align:center;
  vertical-align:top;
  letter-spacing:normal;
  padding:0 15px;
  float:left;
}
.single-nmth_item .img-responsive{
  display:block;
  height:auto;
  max-width:100%;
  margin:0 auto;
  vertical-align:middle;
}
/* 若要跟原站一樣強制拉滿高寬，開啟下一行 */
 /* .single-nmth_item .audio_area_article_s img{ width:100% !important; height:100% !important; } */

@media (max-width: 992px){
  .single-nmth_item .audio_area_album_play{
    width:100%;
    padding:0 15px 20px;
  }
}
/* nmth_item 單篇：保底隱藏所有 meta 容器與子元素 */
.single-nmth_item .entry-meta,
.single-nmth_item .ast-article-meta,
.single-nmth_item .ast-single-post-order .entry-meta,
.single-nmth_item .posted-on,
.single-nmth_item .byline,
.single-nmth_item .author-name,
.single-nmth_item .ast-post-term,
.single-nmth_item .cat-links,
.single-nmth_item .tags-links {
  display: none !important;
}
/* ===== NMTH item 與 NMTH new item 單篇：左圖右欄位 ===== */
.single-nmth_item .nmth-item-hero,
.single-nmth_new_item .nmth-item-hero{
  display:grid;
  grid-template-columns: 420px 1fr;
  gap: 28px;
  align-items:start;
  margin: 24px 0 36px;
}
@media (max-width: 544px) {
	.single-nmth_item .nmth-item-hero,
	.single-nmth_new_item .nmth-item-hero {
		display:flex;
		flex-direction: column;
	}
}

.single-nmth_item .nmth-item-hero .nmth-left .nmth-cover,
.single-nmth_new_item .nmth-item-hero .nmth-left .nmth-cover{
  width: 100%;
  height: auto;
  display: block;
  box-shadow: none;
}

.single-nmth_item .nmth-item-hero .nmth-right,
.single-nmth_new_item .nmth-item-hero .nmth-right{ 
  font-size: 16px; 
  line-height: 1.8; 
}

.single-nmth_item .nmth-item-hero .nmth-row,
.single-nmth_new_item .nmth-item-hero .nmth-row{
  display:flex; gap: 12px;
  padding: 4px 0;
}

.single-nmth_item .nmth-item-hero .nmth-dt,
.single-nmth_new_item .nmth-item-hero .nmth-dt{
  flex: 0 0 92px;
  color:#333; font-weight:600;
}

.single-nmth_item .nmth-item-hero .nmth-dd,
.single-nmth_new_item .nmth-item-hero .nmth-dd{
  flex: 1 1 auto; color:#222;
  word-break: break-word;
}


/* 關鍵詞高亮（#tag #tag） */
.single-nmth_item .nmth-item-hero .nmth-dd:has(> span),
.single-nmth_item .nmth-item-hero .nmth-dd{
  /* 可依需要再強化 */
}
.single-nmth_item .nmth-item-hero .nmth-dd a{ text-decoration:none; }
.single-nmth_item .nmth-item-hero .nmth-dd em{ font-style:normal; }

/* RWD */
@media (max-width: 900px){
  .single-nmth_item .nmth-item-hero{
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .single-nmth_item .nmth-item-hero .nmth-dt{ flex-basis: 88px; }
}
/*首頁tab區塊*/
.e-n-tabs-heading {
	background-color: #ffffff;
	justify-content: center !important;
}
.e-n-tabs-heading .e-n-tab-title {
	background-color: rgba(0, 0, 0, 0) !important;
	color: #555555 !important;
}
.e-n-tab-title {
    background: url(/wp-content/uploads/2025/09/audio_btn_tab_inactive.png) no-repeat center bottom !important;
    background-size: cover;
    min-width: 16rem;
	box-shadow: none;
    margin-right: 5rem;
}
.e-n-tab-title.e-active,
.e-n-tab-title[aria-selected="true"] {
    background: url(/wp-content/uploads/2025/09/audio_btn_tab_active.png) no-repeat center bottom !important;
    background-size: cover;
}
.e-n-tab-title-text {
	font-size: 1.3rem !important;
}
.e-con >.e-con-inner {
  margin: 0 !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
/* 進階查詢頁：撤銷全站位移置中，避免空頁跑版 */
body.page-template-page-advancedsearch .e-con > .e-con-inner {
  position: static !important;
  left: auto !important;
  transform: none !important;
  margin: 0 auto !important;
}

.tax-exhibition_category .e-n-tabs-heading > button {
	border: 0;
	padding-bottom: .875rem;
}
/******************************************************************/
/* === 放大卡片縮圖（維持 1:1）=== */

/* 1) 卡片欄寬一樣維持 4 欄（你可依需要再調） */
.uael-post-grid__inner.nmth-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.75rem;
  align-items:stretch;
}

/* 2) 縮圖外框：佔滿整個欄寬、正方形、不要被任何預設 max-width 侷限 */
.uael-post__thumbnail.nmth-thumb-wrap{
  position:relative;
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  aspect-ratio:1/1;      /* ★固定正方形 */
  overflow:hidden;
}

/* 3) 內層錨點要撐滿外框（不要用絕對定位以免塌縮） */
.uael-post__thumbnail.nmth-thumb-wrap > a{
  position:static !important;
  display:block;
  width:100% !important;
  height:100% !important;
}

/* 4) 圖片本體：滿版裁切；強制拿掉任何外掛/主題的縮小寬高限制 */
.e-n-tabs-content .uael-post-grid__inner .uael-post-wrapper
  .uael-post__thumbnail.nmth-thumb-wrap img{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover;
  object-position:center;
}

/* 5) 播放／連結浮層：獨立絕對定位，不參與高度計算 */
.nmth-card-play{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  pointer-events:none;
}
.nmth-card-play .nmth-play-btn,
.nmth-card-play .nmth-link-btn{ pointer-events:auto; }

/* 6) 內容區把標題貼到底，維持同列等高觀感 */
.uael-post-wrapper.nmth-card{ display:flex; flex-direction:column; height:100%; }
.uael-post__content-wrap.nmth-card-title{ display:flex; flex-direction:column; flex:1; padding-top:10px; }
.uael-post__content-wrap .uael-post__title{ margin-top:auto; }

/* RWD 欄數（可照你原本需求調整） */
@media (max-width:1024px){ .uael-post-grid__inner.nmth-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:540px){  .uael-post-grid__inner.nmth-grid{ grid-template-columns:1fr; } }


/******************************************************************/
/* 首頁 tab：手機版橫排三等分 */
@media (max-width: 540px){
  /* 父層一定要是橫向 flex */
  .e-n-tabs-heading{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
	height: 80px;
  }

  /* 子項目：取消原本的 absolute/100% 寬，平均分配 */
	.e-n-tabs-heading .e-n-tab-title{
    position: static !important;      /* 取消 absolute */
    display: flex !important;
    flex: 1 1 0 !important;           /* 平均分配寬度 */
    width: auto !important;           /* 覆蓋掉 100% */
    max-width: none !important;
    min-width: 0 !important;
    justify-content: center;
    align-items: center;
    padding: .5rem .25rem !important;
    margin: 0 !important;
    white-space: nowrap;              /* 文字不換行 */
  }

  /*（可選）內容區與標籤留點距離 */
  .e-n-tabs-content{ margin-top: .5rem; }
}
/* =========================
   NMTH Tabs：外層背景（固定在整個區塊）
   ========================= */
/*
.nmth-tabs-section{
  --nmth-bg-img: url("https://creatidea-stg.ezec.com.tw/wp-content/uploads/2025/06/audio_bg_item.png");
  background-color: #E8D79E;
  background-image:
    linear-gradient(to bottom,
      rgba(232,215,158,1) 0%,
      rgba(232,215,158,0.9) 35%,
      rgba(232,215,158,0.85) 100%),
    var(--nmth-bg-img);
  background-repeat: no-repeat, no-repeat;
  background-position: center bottom, center bottom;
  background-size: 100% auto, 100% 260px; /* 底部音波高度可調 */
/*  padding: 0;
}
*/
/* 最大內容寬度（置中） */
.nmth-tabs-section .e-n-tabs-content{
  max-width: var(--content-width, 1280px);
  margin: 4rem auto 0 auto;
}
@media screen and (max-width: 544px) {
	.nmth-tabs-section .e-n-tabs-content {
	  margin: 4rem 1rem 0 1rem;
	}
}

/* =========================
   內層容器/overlay 全部透明，避免吃到白底或覆蓋
   ========================= */
.nmth-tabs-section .elementor-element,
.nmth-tabs-section .elementor-element::before,
.nmth-tabs-section .e-con,
.nmth-tabs-section .e-con::before,
.nmth-tabs-section .e-n-tabs-content,
.nmth-tabs-section .e-n-tabs-content::before,
.nmth-tabs-section .uael-post__bg-wrap,
.nmth-tabs-section .uael-post__complete-box-overlay,
.nmth-tabs-section .uael-post__inner-wrap,
.nmth-tabs-section .nmth-thumb-wrap,
.nmth-tabs-section .nmth-thumb-wrap a{
  background: transparent !important;
  box-shadow: none !important;
}

/* =========================
   Grid / 卡片
   ========================= */
.nmth-grid {
  display: flex; flex-wrap: wrap;
  margin-left: -10px; margin-right: -10px;
}
.nmth-card {
  position: relative;
  padding: 10px 10px 20px;
  box-sizing: border-box;
  text-align: center;
}
.nmth-cols-4 .nmth-card { width: 25%; }
.nmth-cols-tablet-2 .nmth-card { width: 50%; }
.nmth-cols-mobile-1 .nmth-card { width: 100% !important; }


.nmth-thumb-wrap { position: relative; overflow: hidden; }
.nmth-thumb-wrap img { width: 100%; display: block; transition: transform .3s linear; }

/*單篇音聲精選圖片置中*/
.nmth-col.nmth-left {display: flex; justify-content: center;}
img.nmth-pg {
    width: 80%;
	background: #222222;
}

/* Hover 遮罩（半透明黑） */
.nmth-card-play{
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  background: rgba(0,0,0,.25) !important;
  opacity: 0; transform: translateY(6px);
  transition: opacity .24s ease, transform .24s ease;
  pointer-events: none;
}
.nmth-card:hover .nmth-card-play{
  opacity: 1; transform: translateY(0); pointer-events: auto;
}
/* 播放按鈕：強制透明，不吃任何預設背景 */
.nmth-play-btn {
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent !important; /* ← 關鍵 */
  border: none !important;
  padding: 0;
  margin: 0;
  cursor: pointer;
  line-height: 1;
}
.nmth-play-btn:focus,
.nmth-play-btn:hover,
.nmth-play-btn:active {
  background-color: transparent !important;
  box-shadow: none !important;
}
/* 右上角「前往頁面」icon */
.nmth-link-btn{
  all: unset;
  position: absolute; top: 10px; right: 10px;
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: transform .2s ease;
  z-index: 20; color: #fff;
}
.nmth-link-btn:hover{ transform: scale(1.1); }
.nmth-link-icon{ width: 1.5em; height: 1.5em; fill: #fff; }

.nmth-card-title{ padding: 20px; }
.nmth-card-title h3{ font-size: 1.2rem !important; font-weight: 600; margin: 0; }

/* 手機：右上角 icon 尺寸微調 */
@media (max-width:768px){
  .nmth-link-btn{ top:8px; right:8px; width:28px; height:28px; }
  .nmth-link-icon{ width:14px; height:14px; }
}
.nmth-slider .uael-post__title {
  font-size: 1.1rem;
  margin: 0 0 12px;
  text-align: center;
}
.nmth-slider .uael-post__thumbnail {
  text-align: center;
  margin-bottom: 12px;
}
.nmth-slider .uael-post__thumbnail img {
  max-width: 100%;
  height: auto;
}
.nmth-slider .uael-post__excerpt {
  font-size: 0.95rem;
  color: #333;
  line-height: 1.5;
  text-align: justify;
}
.nmth-slider__track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
.nmth-slider__track > .uael-post-wrapper {
  flex: 0 0 auto;
  width: 380px; /* 一張卡片寬度 */
  scroll-snap-align: start;
}
/* 精選圖片容器：固定高度，裁切置中 */
.nmth-slider .uael-post__thumbnail {
  margin: 1rem 0;          /* 上下間距可調 */
  width: 100%;
  height: 240px;           /* 固定高度，確保一致 */
  display: flex;
  align-items: center;     /* 垂直置中 */
  justify-content: center; /* 水平置中 */
  overflow: hidden;        /* 超出裁切 */
  background: #f9f9f9;     /* 無圖時背景 */
}

/* 精選圖片：強制填滿容器並置中裁切 */
.nmth-slider .uael-post__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* 填滿容器 */
  object-position: center; /* 置中裁切 */
  display: block;
}
/*撥放器標題連結樣式*/
#nmth-global-player .jp-title a {
  color: inherit;
  text-decoration: none;
}
#nmth-global-player .jp-title a:hover {
  text-decoration: underline;
}
/*搜尋結果-Table*/
.table-striped {
	border-width: 0;
}
/*隱藏astra麵包屑*/
#ast-mobile-header .ast-breadcrumbs-wrapper {
	display:none;
}
/*******************************處理飛出去**********************************************************************/
/* 讓搜尋/篩選列在小螢幕可換行且不外溢 */
@media (max-width: 768px) {
  /* 外層容器（請依你實際 class 擇一或全留） */
  .news-filter-bar,
  .nmth-search-bar,
  .nmth-filter-row,
  .search-form,
  form[role="search"] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px;
  }

  /* 讓輸入框可縮、不撐破容器 */
  .news-filter-bar input[type="search"],
  .news-filter-bar input[type="text"],
  .nmth-search-bar input[type="search"],
  .nmth-search-bar input[type="text"],
  .search-form input[type="search"],
  form[role="search"] input[type="search"],
  form[role="search"] input[type="text"] {
    box-sizing: border-box;   /* 避免 padding + border 把寬度撐爆 */
    flex: 1 1 220px;          /* 允許縮到 ~220px，不夠就自動換行 */
    min-width: 0;             /* 關鍵：讓 flex item 可以小於內容寬 */
    width: 100%;              /* 占滿可用寬 */
    max-width: 100%;          /* 不超過容器 */
    font-size: 16px;          /* iOS Safari 防縮放/防字體擠壓（可留） */
  }

  /* 下拉欄位若也在同一列，給同樣規則 */
  .news-filter-bar select,
  .nmth-filter-row select {
    box-sizing: border-box;
    flex: 1 1 160px;
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }

  /* 查詢/進階查詢按鈕：維持內容寬度，不要把整列撐寬 */
  .news-filter-bar .btn,
  .nmth-search-bar .btn,
  .nmth-filter-row .btn,
  .search-form button,
  form[role="search"] button {
    flex: 0 0 auto;
    max-width: 100%;
  }

  /* 如果外層會出現水平捲軸，先保險關掉 */
  .news-filter-bar-wrapper,
  .nmth-filter-row-wrapper,
  body, html {
    overflow-x: hidden;
  }
}

/* iOS 文字自動放大保險 */
html { -webkit-text-size-adjust: 100%; }

/* 若底部播放器為固定定位，避免遮擋內容（高度依你的播放器調整） */
body.has-player-fixed { padding-bottom: max(72px, env(safe-area-inset-bottom)); }

/**處理被某支 CSS 寫死成 width: 400px 之類**/
@media (max-width: 768px) {
#ptp_28167f71ea08b670_1_filter > label > input[type=search] { width: 100% !important; max-width: 100% !important; margin:0;}
}
/**處理主題展覽手機板**/
@media (max-width: 544px) {
    .exh-tab {
        max-width: 48%;
    }
	.audio_info_location {
		padding: 8px !important;
	}
}
/*修補聲音內頁版的問題*/
.nmth_new_item-template-default .site-content > .ast-container {
	max-width: 100%;
	padding: 0;
}
.nmth-new-item {max-width: 1280px;margin: 0 auto !important;}
/*下載功能*/
.nmth-export-actions > a ,
.nmth-export-actions > button{
	color: #535457;
	border: 2px solid #535457;
	border-radius: 4px;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
}
.nmth-export-actions > a:hover,
.nmth-export-actions > button:hover{
	color: #ebc95a;
    background-color: #535457;
    border: 2px solid #ebc95a;
}
@media (min-width: 1201px) {
	.ast-separate-container .ast-article-single,
	.audio_area_article,
	.e-con-inner {
		min-width: 1280px;
		padding: 24px 12px;
	}
	/* Advanced Search 頁面容器：以 1280px 為「最大寬」置中，不要硬撐最小寬 */
	.advanced-search-wrap {
		max-width: 1280px;
		width: 100%;
		margin: 0 auto;
		padding: 24px 12px;
	}
}

/* 進階查詢頁：不要用 min-width 撐爆，改成容器 max-width 置中 */
@media (min-width: 1201px) {
  body.page-template-page-advancedsearch .e-con-inner,
  body.page-template-page-advancedsearch .advanced-search-wrap {
    min-width: auto !important;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
  }
}


/* Advanced Search：避免全站 .e-con 置中規則影響本頁排版 */
.advanced-search-wrap .e-con > .e-con-inner {
  position: static !important;
  left: auto !important;
  transform: none !important;
  margin: 0 auto !important;
}

/* Advanced Search：表單穩定化 */
.advanced-search-wrap .nmth-adv-form, 
.advanced-search-wrap .nmth-adv-form * { box-sizing: border-box; }
.advanced-search-wrap .nmth-adv-form .adv-grid { display: grid !important; }
.advanced-search-wrap .nmth-adv-form select,
.advanced-search-wrap .nmth-adv-form input[type="text"],
.advanced-search-wrap .nmth-adv-form input[type="search"],
.advanced-search-wrap .nmth-adv-form button {
  -webkit-appearance: auto; appearance: auto;
  min-width: 180px; max-width: 100%;
  line-height: 1.4;
}

/* Advanced Search 頁：撤銷全站 .e-con 位移 */
.advanced-search-wrap .e-con > .e-con-inner{
  position:static !important;
  left:auto !important;
  transform:none !important;
  margin:0 auto !important;
}

/* Advanced Search 頁：容器用 max-width 置中（不要 min-width:1280px） */
.advanced-search-wrap{max-width:1280px;width:100%;margin:0 auto;}

/* 只在進階查詢頁撤銷 Elementor 內層位移，避免空頁破版 */
body.page-template-page-advancedsearch .e-con > .e-con-inner {
  position: static !important;
  left: auto !important;
  transform: none !important;
  margin: 0 auto !important;
}

/* 進階查詢頁不要把 .e-con-inner 硬撐到 1280，避免超出容器 */
@media (min-width: 1201px) {
  body.page-template-page-advancedsearch .e-con-inner {
    min-width: auto !important;
  }
}

/* 進階查詢頁容器寬度以 1280 為上限，置中 */
body.page-template-page-advancedsearch .advanced-search-wrap {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 24px 12px;
}


/* 熱門搜尋顯示：只把 # 上色 */
.nmth-hot-term { text-decoration: none; margin-right: .25em; }
.nmth-hot-term .nmth-hash { color: #EBC95A; }
.nmth-hot-term:hover { text-decoration: underline; }
a.nmth-srch-link.nmth-hot-term { text-decoration: none; }

/*首頁-熱門關鍵字*/
.hot-keywords .elementor-shortcode > a {
	color: #ffffff;
}
.hot-keywords .elementor-shortcode:before {
	content:"熱門關鍵字：";
	color: #ffffff;
}