@charset "utf-8";

/* CSS Document */

html {
	scroll-behavior: smooth;
}

/* Product image stack: match other product pages (1024px content width) */
.product_stack {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 0;
	line-height: 0;
	font-size: 0;
}

.product_stack img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

/* 背景通用：抵消固定選單高度 */
.bg {
	height: 84px;
}

/* 桌機版主選單：css.css 只處理平板/手機寬度，桌機版需各產品頁自行補上 */
@media only screen and (min-width:961px) {
	.top_bar {
		width: 100%;
		height: 50px;
		float: left;
		background-color: #FFFFFF;
		border-bottom: 1px solid #cccccc;
	}
	.main_menu_block {
		width: 1024px;
		height: 50px;
		margin: 0 auto;
		position: relative;
		z-index: 999;
	}
	.logo {
		width: 120px;
		height: 30px;
		float: left;
		margin-top: 0.7em;
	}
	.main_menu {
		width: 650px;
		height: 50px;
		float: right;
		margin-left: 10%;
	}
	#nav-btn,
	.sub-menu {
		display: none;
		font-size: 0.5em;
	}
	.nav>.menu {
		display: block !important;
	}
	.nav>ul>li {
		float: left;
		margin-left: 15px;
		padding-left: 15px;
		line-height: 3.2em;
		border-left: 1px solid #e2e2e2;
	}

	/* Intro / Spec 分頁按鈕：桌機版 */
	.menu_block_tablet,
	.menu_block_phone {
		display: none;
	}
	.menu_block_pc {
		width: 100%;
		height: 32px;
		float: left;
		border-bottom: 1px solid #ccc;
		background-color: #fff;
	}
	.menu_pc {
		width: 1024px;
		height: 32px;
		margin: 0 auto;
	}
	.menu_pc a {
		float: right;
		width: auto;
	}
	.subnavi {
		width: 80px;
		height: 30px;
		float: left;
		background: #fff;
		border: none;
		border-top: 2px solid #000;
		text-align: center;
	}
}

@media only screen and (min-width:481px) and (max-width:960px) {
	.bg {
		height: 82px;
	}

	/* Intro / Spec 分頁按鈕：平板版 */
	.menu_block_pc,
	.menu_block_phone {
		display: none;
	}
	.menu_block_tablet {
		width: 100%;
		height: 35px;
		float: right;
		border-bottom: 1px solid #ccc;
	}
	.menu_tablet {
		float: right;
		width: 40%;
	}
	.menu_tablet a {
		width: 50%;
		height: 30px;
		float: left;
	}
	.subnavi {
		width: 100%;
		height: 30px;
		float: left;
		text-align: center;
	}
}

@media only screen and (max-width: 480px) {
	.product_stack {
		max-width: 100%;
	}
	.bg {
		height: 82px;
	}

	/* Intro / Spec 分頁按鈕：手機版 */
	.menu_block_pc,
	.menu_block_tablet {
		display: none;
	}
	.subnavi {
		width: 49.8%;
		height: 40px;
		float: left;
		text-align: center;
	}
}