@charset "utf-8";
/* ==========================================================================
   首頁專屬樣式（index.php / cnindex.php / enindex.php）
   僅供首頁載入，不影響 css.css / encss.css 的其他頁面
   版面：左欄 676px（縮圖列 + 主 Banner）＋ 右欄 .homeright 277px
   ========================================================================== */

/* 左欄容器 */
.homeleft {
	float: left;
	width: 676px;
}

/* ---- Banner 縮圖列 ---- */
.homeThumbs {
	display: flex;
	gap: 4px;
	margin: 0 0 12px 0;
	padding: 0;
	height: 64px;
	overflow: hidden;
}

.homeThumbs li {
	flex: 1 1 0;
	min-width: 0;
	height: 64px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.homeThumbs li img {
	display: block;
	width: 100%;
	height: 64px;
	object-fit: cover;
	opacity: .72;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.homeThumbs li:hover img,
.homeThumbs li.on img {
	opacity: 1;
}

/* 目前選取的縮圖：底部金色指示條 */
.homeThumbs li.on:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: #867c15;
}

/* ---- 主 Banner ---- */
.homeBanner {
	position: relative;
	width: 676px;
	height: 350px;
	overflow: hidden;
	background: #f0eee0;
}

.homeBanner .slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 676px;
	height: 350px;
	opacity: 0;
	z-index: 1;
	-webkit-transition: opacity .6s ease;
	transition: opacity .6s ease;
}

.homeBanner .slide.on {
	opacity: 1;
	z-index: 2;
}

.homeBanner .slide img.bg {
	display: block;
	width: 676px;
	height: 350px;
	border: 0;
}

/* 文字疊圖（TextURLHK / CN / EN，220x158） */
.homeBanner .slide img.txt {
	position: absolute;
	left: 390px;
	top: 186px;
	width: 220px;
	height: 158px;
	border: 0;
}

/* ---- 沒有 Banner 時的替代區塊 ---- */
.homeEmpty {
	width: 676px;
	height: 350px;
	background: #f0eee0 url(../images/right_bg.png) no-repeat center bottom;
	color: #867c15;
	text-align: center;
	line-height: 350px;
	font-size: 18px;
}

/* ---- 小螢幕：維持固定版寬，僅避免水平溢出 ---- */
@media screen and (max-width: 1000px) {
	.homeleft,
	.homeBanner,
	.homeBanner .slide,
	.homeBanner .slide img.bg,
	.homeEmpty {
		width: 100%;
		max-width: 676px;
	}
	.homeBanner .slide img.txt {
		left: auto;
		right: 10px;
	}
}