@charset "utf-8";
/* 當 li 具有 active 類別時，選取其內部的 a 標籤 */
.service-menu li.active a {
    color: #f7c02d; /* 標準黃色 */
}

/* 行動版修正（螢幕寬度小於 768px 時） */
@media (max-width: 1000px) {     
    .service-dtail {
		padding: 40px 0;
	}
}
.a_img {

  /* 關鍵 1：設定平滑過渡效果，時間通常設為 0.3 秒最自然 */
  transition: transform 0.3s ease; 
}

/* 關鍵 2：當滑鼠移入容器時，圖片向上位移 */
.a_img:hover {
  /* 負值代表向上移動，20px 可以根據你想跳的高度自行調整 */
  transform: translateY(2px); 
}

ul.products {
    display: flex;
    flex-wrap: wrap;
    list-style: none; /* 移除點點 */
    padding: 0;
}

/* 2. 讓 li 內部的高度也撐開 */
ul.products li.product {
    display: flex;
    flex-direction: column;
}

/* 3. 關鍵：讓 product-inner 填滿 li 的 100% 高度 */
ul.products li.product .product-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
    /* 如果你想讓標題永遠在底部或中間，可以對 product-info 做調整 */
}

/* 確保文字區域也有基礎高度或自動分配空間 */
.product-info {
    flex-grow: 1;
}
						
/* 自定義獨立容器，不依賴 Bootstrap */
.custom-grid-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px; /* 抵消內層 padding，保持邊距對齊 */
	margin-left: -15px;
}

/* 獨立的卡片外層欄位 */
.custom-grid-item {
	padding: 0 15px;
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; /* 讓欄位變成 Flex 容器，使內部內容可撐開 */

	/* 預設手機版：100% 寬 */
	width: 100%;
}

/* 電腦版 (寬度大於 992px)：三欄 */
@media (min-width: 992px) {
	.custom-grid-item {
		width: 33.333%;
	}
}

/* 平板版 (寬度大於 768px)：兩欄 */
@media (min-width: 768px) and (max-width: 991px) {
	.custom-grid-item {
		width: 50%;
	}
}

/* 核心：強迫內層內容填滿 100% 高度 */
.custom-grid-item .blog-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	background: #fff; /* 視需求加入背景色 */
	border: 1px solid #eee; /* 視需求加入邊框 */
}

/* 讓底部閱讀更多按鈕自動對齊到底部 */
.custom-grid-item .entry-footer {
	margin-top: auto;
}
/* 子選單 */
ul.nav-submenu li a {
	border: 1px solid #efefef;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	font-size: 18px;
	color: #393939;
	padding: 7px 15px 4px 15px;
	cursor: pointer;
	display: block;
	background-color: #fff;
}
ul.nav-submenu {
	text-align: center; /* 讓內部的 inline-block 元素置中 */
	padding: 0;         /* 消除 ul 預設的內邊距 */
	list-style: none;   /* 確保沒有清單符號 */
	margin-bottom: 30px;
}
ul.nav-submenu li {
	display: inline-block;
	margin: 0 5px 10px 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
ul.nav-submenu li a.active, ul.nav-submenu li a:hover{
	background-color: #f7c02d;
	border-color: #f7c02d;
}
/* 子選單 */

/* 1. 設定初始狀態與動畫過渡時間 */
.comments-link {
    display: inline-block; /* 確保元素可以進行位移 */
    transition: transform 0.3s ease; /* 讓移動過程平滑，0.3秒完成 */
}

/* 2. 當滑鼠移上去時，向左位移 3px */
.comments-link:hover {
    transform: translateX(-3px);
}

/*分頁樣式表*/

.page{font-family:Tahoma; font-size:16px;}
	
.pages {

  PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center;

}

.page A {

  BORDER-RIGHT: #4e6458 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #4e6458 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #4e6458 1px solid; COLOR: #4e6458; PADDING-TOP: 5px; BORDER-BOTTOM: #4e6458 1px solid; TEXT-DECORATION: none;border-radius: 5px;

}

.page A:hover {

  BORDER-RIGHT: #4e6458 1px solid; BORDER-TOP: #4e6458 1px solid; BORDER-LEFT: #4e6458 1px solid; COLOR: #fff; BORDER-BOTTOM: #4e6458 1px solid; BACKGROUND-COLOR: #4e6458;

}

.page A:active {

  BORDER-RIGHT: #4e6458 1px solid; BORDER-TOP: #4e6458 1px solid; BORDER-LEFT: #4e6458 1px solid; COLOR: #fff; BORDER-BOTTOM: #4e6458 1px solid; BACKGROUND-COLOR: #4e6458;

}

.page SPAN.current {

  BORDER-RIGHT: #4e6458 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #4e6458 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #4e6458 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #4e6458 1px solid; BACKGROUND-COLOR: #4e6458;

}

.page SPAN {

  BORDER-RIGHT: #253B2F 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #253B2F 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #253B2F 1px solid; COLOR: #fff; PADDING-TOP: 5px; BORDER-BOTTOM: #253B2F 1px solid;

BACKGROUND-COLOR: #253B2F;border-radius: 5px;

}