/* text-shadow: 水平偏移 | 垂直偏移 | 模糊程度 | 顏色 */
.shadow {
    text-shadow: 2px 2px 12px black;
}

/* 反回頂端與AI Engine尺寸與間距（RWD） */
:root {
  --fab-size: clamp(40px, 8vmin, 64px);         /* 外層按鈕大小 */
  --fab-icon: clamp(22px, 5vmin, 36px);         /* 內層圖示大小 */
  --fab-gap: clamp(8px, 2vmin, 12px);           /* 兩顆按鈕的間距 */
  --fab-pad: clamp(12px, 3vmin, 20px);          /* 與螢幕邊緣距離 */
}

/* iOS 安全區域（有瀏海/小白條時不會貼太下方） */
@supports (bottom: env(safe-area-inset-bottom)) {
  :root { --safe-bottom: env(safe-area-inset-bottom); --safe-right: env(safe-area-inset-right); }
}
@supports not (bottom: env(safe-area-inset-bottom)) {
  :root { --safe-bottom: 0px; --safe-right: 0px; }
}

/* 回頂端 固定在右下角 */
#ast-scroll-top {
  position: fixed !important;
  width: var(--fab-size) !important;
  height: var(--fab-size) !important;
  right: calc(var(--fab-pad) + var(--safe-right)) !important;
  bottom: calc(var(--fab-pad) + var(--safe-bottom)) !important;
  padding: 0 !important;
  box-sizing: border-box;
  z-index: 100000 !important;
}


/* 聊天按鈕 疊在回頂端上面（往上位移 自動不重疊） */
#mwai-chatbot-default .mwai-icon-container {
  position: fixed !important;
  width: var(--fab-size) !important;
  height: var(--fab-size) !important;
  right: calc(var(--fab-pad) + var(--safe-right)) !important;
  bottom: calc(var(--fab-pad) + var(--safe-bottom) + var(--fab-size) + var(--fab-gap)) !important;
  padding: 0 !important;
  box-sizing: border-box;
  /* 比回頂端高一層 */
}


/* 內層圖示跟著容器縮放 */
#mwai-chatbot-default .mwai-icon-container img.mwai-icon {
  width: var(--fab-icon) !important;
  height: var(--fab-icon) !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}


/* 讓 AI Engine 對話窗永遠蓋在最上層 */
#mwai-chatbot-default,
#mwai-chatbot-default .mwai-window,
#mwai-chatbot-default .mwai-chatbot,
#mwai-chatbot-default .mwai-container {
  position: fixed;                 /* 確保建立固定定位與堆疊環境 */
  z-index: 100010 !important;      /* 高於返回頂端 */
}


#mwai-chatbot-default .mwai-icon-container{
  position: fixed !important;
  width: var(--fab-size) !important;
  height: var(--fab-size) !important;
  right: calc(var(--fab-pad) + var(--safe-right)) !important;
  /* 平時：在回頂端之上 1 顆按鈕 */
  bottom: calc(var(--fab-pad) + var(--safe-bottom) + (var(--fab-size) + var(--fab-gap))) !important;
  z-index: 100010 !important;
}


/* 小螢幕時，自動縮間距/尺寸，避免壓迫 */
@media (max-width: 380px) {
  :root { --fab-size: clamp(36px, 10vmin, 48px); --fab-gap: 8px; --fab-pad: 12px; }
}


/* 修正返回頂端箭頭置中 */
#ast-scroll-top {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;   /* 避免文字型圖示偏移 */
}


/* SVG，強制在容器中垂直置中 */
#ast-scroll-top svg,
#ast-scroll-top .ast-icon svg {
  width: 70%;
  height: 70%;
  display: block;
  margin: auto;
  transform: translateY(0); /* 保險：歸零任何上移效果 */
  vertical-align: middle !important;
}

#mwai-chatbot-default .mwai-icon-container{
  position: fixed !important;
  width: var(--fab-size) !important;
  height: var(--fab-size) !important;
  right: calc(var(--fab-pad) + var(--safe-right)) !important;


  /* 平時：在回頂端之上 1 顆按鈕 */
  bottom: calc(var(--fab-pad) + var(--safe-bottom) + (var(--fab-size) + var(--fab-gap))) !important;
  z-index: 100010 !important;
}

/* ===========================
   第三顆按鈕：回首頁（疊在AI Engine上方）   
=========================== */

/* 回首頁按鈕固定在右下角（在 AI Engine 上面） */
#go-home-fab {
  position: fixed !important;
  width: var(--fab-size) !important;
  height: var(--fab-size) !important;
  right: calc(var(--fab-pad) + var(--safe-right)) !important;

  /* 第三顆：在 AI Engine 上面再往上推一格 */
  bottom: calc(
    var(--fab-pad) + var(--safe-bottom) + 
    (var(--fab-size) + var(--fab-gap)) * 2
  ) !important;

  padding: 0 !important;
  box-sizing: border-box;
  border-radius: 999px;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  z-index: 100020 !important; /* 高於AI Engine與回頂端 */
  cursor: pointer;

  background: black;
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
  border: 1px solid rgba(0,0,0,0.08);
}

/* 回首頁 icon 尺寸跟著縮放 */
#go-home-fab svg {
  width: 70%;
  height: 70%;
  display: block;
}

 /* 第四顆按鈕：Pony Blue */
#pony-blue-fab {
  position: fixed !important;
  width: var(--fab-size) !important;
  height: var(--fab-size) !important;
  right: calc(var(--fab-pad) + var(--safe-right)) !important;

  /* 第四顆：在 go home 上面再往上推一格 */
  bottom: calc(
    var(--fab-pad) + var(--safe-bottom) +
    (var(--fab-size) + var(--fab-gap)) * 3
  ) !important;

  padding: 0 !important;
  box-sizing: border-box;
  border-radius: 999px;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  z-index: 100021 !important; /* 高於前三顆 */
  cursor: pointer;

  background: black;
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
  border: 1px solid rgba(0,0,0,0.08);
}

/* icon 尺寸跟著縮放 */
#pony-blue-fab svg {
  width: 70%;
  height: 70%;
  display: block;
}

 /* 第五顆按鈕：Line */
#line-fab {
  position: fixed !important;
  width: var(--fab-size) !important;
  height: var(--fab-size) !important;
  right: calc(var(--fab-pad) + var(--safe-right)) !important;

  /* 第四顆：在 go home 上面再往上推一格 */
  bottom: calc(
    var(--fab-pad) + var(--safe-bottom) +
    (var(--fab-size) + var(--fab-gap)) * 4
  ) !important;

  padding: 0 !important;
  box-sizing: border-box;
  border-radius: 999px;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  z-index: 100022 !important; /* 高於前四顆 */
	position: fixed !important;
  cursor: pointer;

  background: black;
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
  border: 1px solid rgba(0,0,0,0.08);
}




/* icon 尺寸跟著縮放 */
#line-fab svg {
  width: 70%;
  height: 70%;
  display: block;
}


/* 所有 FAB 按鈕 hover 變色 */
#mwai-chatbot-default .mwai-icon-container:hover,
#go-home-fab:hover,
#line-fab:hover,
#pony-blue-fab:hover {
  background: #013162 !important;
}


#mwai-chatbot-default .mwai-icon-container,
#go-home-fab,
#line-fab,
#pony-blue-fab {
  transition: background-color 0.25s ease !important;
}

/* 漢堡按鈕：圓形黑底，使用 aria-label 選擇器 */
button[aria-label="開啟選單"] {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background-color: #000 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;

  cursor: pointer !important;
  transition: background-color 0.25s ease, transform 0.2s ease !important;
}

/* hover 背景變深藍並略微放大 */
button[aria-label="開啟選單"]:hover {
  background-color: #013162 !important;
  transform: scale(1.1);
}

/* 點擊時保持深藍 */
button[aria-label="開啟選單"]:active {
  background-color: #013162 !important;
}

/* 漢堡 icon 變白色 */
button[aria-label="開啟選單"] svg path {
  fill: #fff !important;
}

/* 漢堡 icon 放大 */
button[aria-label="開啟選單"] svg {
  width: 27px !important;
  height: 27px !important;
}


#Pony-banner3-1 {
  display: block;
}


#Pony-banner3-2 {
  display: none;
}
	
body.page-id-10604 {
  background-color: #e44a48;
}

.page-id-10604 footer,
.page-id-10604 .site-footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#line-fab {
  position: fixed !important;
  z-index: 2147483647 !important;
}


.pony-banner-col .pony-banner-btn {
  position: relative !important;
  bottom: 12% !important;
  left: 22% !important;
  z-index: 99999 !important;
}


.pony-banner-btn {
  display: inline-block !important;
  width: 50% !important;
 }

.pony-btn-mobile {
  display: none !important;
}






/* 桌機版（預設） */
@media only screen and (min-width:1024px) {
/* 隱藏桌機版客服圖示及隱私權 */
  .customer-service-icon, #privacy {
    display: none !important;
  }
	 /* 漢堡選單縮小成螢幕 1/4 */
  .wp-block-navigation__responsive-container {
    width: 25% !important;
    height: 100% !important;
    position: fixed !important;
    top: 0;
    right: 0;
    background-color: #000 !important; /* 黑色背景 */
    color: #fff !important;           /* 白色文字 */
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    overflow-y: auto !important;
    z-index: 9999;
  }

  /* 選單內容填滿容器 */
  .wp-block-navigation__responsive-container-content {
    width: 100% !important;
    height: 100% !important;
    padding: 1em !important;
    background-color: transparent !important; /* 背景由容器控制 */
    color: #fff !important;                   /* 文字白色 */
  }

  /* 選單連結 */
  .wp-block-navigation__responsive-container-content a {
    color: #fff !important;                   /* 連結文字白色 */
    text-decoration: none !important;
  }

  /* 選單連結 hover */
  .wp-block-navigation__responsive-container-content a:hover {
    color: #e44a48 !important;                /* hover 顏色可自行調整 */
  }		
	
	/* ==========================================
   Gutenberg 左右拼圖兩欄：完全無縫最終版
   支援 Jetpack Slideshow (Swiper)
   ========================================== */

/* 最外層區塊清空 */
.split-image-block {
  margin: 0 !important;
  padding: 0 !important;
}

/* 兩欄容器：清掉間距，強制貼齊 */
.split-image-block .wp-block-columns {
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  align-items: stretch !important;
}

/* 每一欄都清空 */
.split-image-block .wp-block-column {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
}

/* Gutenberg 常見 block-gap 來源，強制清掉 */
.split-image-block .wp-block-column.is-layout-flow > * + * {
  margin-block-start: 0 !important;
}

/* 左欄圖片區塊清空 */
.split-image-block .wp-block-image {
  margin: 0 !important;
  padding: 0 !important;
}

/* 左欄圖片滿版 */
.split-image-block .wp-block-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* 右欄群組清空並滿版 */
.split-image-block .wp-block-group {
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  min-height: 0 !important;

  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* 群組內部容器也清空 */
.split-image-block .wp-block-group__inner-container {
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
}

/* 群組內的所有內容（包含幻燈片）強制貼齊 */
.split-image-block .wp-block-group > *,
.split-image-block .wp-block-group__inner-container > * {
  margin: 0 !important;
  padding: 0 !important;
}

/* ==========================================
   Jetpack Slideshow (Swiper) 強制貼齊修正
   ========================================== */

/* Jetpack slideshow 所有外層容器強制滿高 */
.split-image-block .wp-block-jetpack-slideshow,
.split-image-block .wp-block-jetpack-slideshow_container,
.split-image-block .wp-block-jetpack-slideshow_container .swiper,
.split-image-block .wp-block-jetpack-slideshow_container .swiper-wrapper,
.split-image-block .wp-block-jetpack-slideshow_container .swiper-slide {
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
}

/* Jetpack 常用 ::before / ::after 撐比例，直接移除 */
.split-image-block .wp-block-jetpack-slideshow::before,
.split-image-block .wp-block-jetpack-slideshow_container::before,
.split-image-block .wp-block-jetpack-slideshow::after,
.split-image-block .wp-block-jetpack-slideshow_container::after {
  display: none !important;
  content: none !important;
}

/* 幻燈片圖片 */
.split-image-block .wp-block-jetpack-slideshow_container .swiper-slide {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.split-image-block .wp-block-jetpack-slideshow_container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: scale(0.82) !important;
  transform-origin: center center !important;
  display: block !important;
}


/* ==========================================
   保險：清掉 figure / ul / li 預設空間
   ========================================== */
.split-image-block figure,
.split-image-block ul,
.split-image-block li {
  margin: 0 !important;
  padding: 0 !important;
}

/* ==========================================
   ★最重要：如果您要左右圖片100%拼接
   必須固定整體高度（請擇一使用）
   ========================================== */


.split-image-block .wp-block-columns {
  height: 80vh !important;


	
}}


/* 平板版 */
@media only screen and (min-width:769px) and (max-width:1023px){
/* 隱藏平板版客服圖示及隱私權 */  
	.customer-service-icon, #privacy {
    display: none !important;
  }
	}

/* 手機版*/
@media only screen and (max-width: 768px) {
/* 手機板頁尾樣式 */
  #F2,
  #F3 {
    display: none !important;
  }

  /* 手機端啟用堆疊（垂直排列） */
  .footer {
    display: flex;
    flex-direction: column; /* 垂直堆疊 */
    align-items: flex-start; /* 可改為 center 視需求 */
  }
	
	/* 手機板去掉space樣式 */
	 .space {
    display: none !important;
  }
	
	.space-down {
		padding-bottom: 0px !important;
	}
	
	.space-up {
		padding-top: 0px !important;
	}

	#space {
		height: 32px !important;
	}
	
	
	
	
/* 手機版漢堡按鈕外圍移除背景 */
  /* 導覽列外層容器 */
  .wp-block-group.is-layout-flow.wp-block-group-is-layout-flow,
  nav.wp-block-navigation {
    background-color: transparent !important;
  }

  /* 漢堡按鈕本身 */
  .wp-block-navigation__responsive-container-open.always-shown {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background-color: #000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: background-color 0.25s ease !important;
  }

  /* hover 背景變深藍 */
  .wp-block-navigation__responsive-container-open.always-shown:hover {
    background-color: #013162 !important;
  }

  /* icon 變白色 */
  .wp-block-navigation__responsive-container-open.always-shown svg path {
    fill: #fff !important;
  }

  /* icon 放大 */
  .wp-block-navigation__responsive-container-open.always-shown svg {
    width: 22px !important;
    height: 22px !important;
  }

	 /* 漢堡選單背景還原成原本紅色 */
  .wp-block-navigation__responsive-container {
    background-color: #e44a48 !important; /* 原本紅色背景 */
  }

  .wp-block-navigation__responsive-container-content {
    background-color: transparent !important; /* 保持透明，跟容器一致 */
    color: #fff !important; /* 文字維持白色 */
  }

  /* 手機選單連結文字 */
  .wp-block-navigation__responsive-container-content a {
    color: #fff !important;
  }

  .wp-block-navigation__responsive-container-content a:hover {
    color: #013162 !important;
  }
	
	#Pony-banner1 img{
		 width: 100%;
  height: 320px;
  object-fit: cover; 
  display: block;
	}
	
	#Pony-banner2-1 img{
		 width: 100%;
  height: 352px;
  object-fit: cover; 
  display: block;
	}
	
	#Pony-banner2-2 img{
		 width: 100%;
  height: 352px;
		margin-top: -102px;
  object-fit: cover; 
  display: block;
	}
	
	
	/* 手機版顯示圖片B */

  #Pony-banner3-1 {
    display: none;
  }

  #Pony-banner3-2 {
    display: block;
  }
	
	 #Pony-banner3-2 img {
    width: 100%;
    height: 520px;      
    object-fit: cover; 
    object-position: center;
    display: block;
  }
	
	.pony-banner-btn {
    display: none !important;
  }

  .pony-btn-mobile {
    display: inline-block !important;
    width: 50% !important;
   	bottom: 12% !important;
		left: 12% !important;
		padding: 2px !important;
		font-size: 12px !important;
		
  }
 
		
	}