/*PAGE LAYOUT*/
:root {
	--mouse-x: 0px;
	--mouse-y: 0px;
}
/* 定義全局樣式 */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
}

#page {
	width: 100%;
	/*max-width: 1920px;*/
	margin: 0 auto; /* 添加這行來實現水平置中 */
	position: relative; /* 添加這行來確保子元素定位正確 */
}

#content {
	width: 100%;
	/*max-width: 1920px;*/
	margin: 0 auto; /* 添加這行來實現水平置中 */
	position: relative; /* 添加這行來確保子元素定位正確 */
}

#toplinks {
	/*position: absolute;*/
	/*right: 10px;*/
	/*top: 10px;*/
	float: right;
	padding: 15px 20px 0 0;
}
#contenttext-firstpage {
	padding: 0;
	margin: 0;
}

#footer {
	background: url(../images/foot.jpg) no-repeat center;
	background-size: cover;  /* 改為 cover 確保背景圖片完全覆蓋區域 */
	width: 100%;
	height: 240px;  /* 設定固定高度確保背景可見 */			
	padding: 20px 0;
	text-align: center;
	color: #FFFFFF;
}

#logo {
	margin-top: 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999; /* 修改這個值，確保它比其他元素的 z-index 值大 */
	width: 214px;
	height: 170px;
}

	/* 定義頂部標頭的背景樣式 */
	

#topheader {
	background: url(../images/header-bg2.jpg) no-repeat center;
	background-size: cover;  /* 改為 cover 確保背景圖片完全覆蓋區域 */
	width: 100%;
	height: 300px;  /* 設定固定高度確保背景可見 */
	position: relative;  /* 添加相對定位 */
}
#submenu {
	float: right;
	width: 100%;
	height: 32px;
}
#labeltital {
	float: right;
	width: 100%;
	height: 32px;
}
#content {
	width: 100%;
	height: auto;
}

#contenttext-firstpage {
	margin-top: 10px;
	float: left;
	position: relative;
	width: 100%;
	height: auto;
}

#contenttext {
	margin-top: 10px; /* 設置上邊距為10像素，讓內容區塊與上方元素有距離 */
	float: left; /* 將內容區塊設定為左浮動，允許其他元素環繞 */
	position: relative; /* 設置相對定位，用於內部絕對定位的子元素參考 */
	width: 100%; /* 設置內容區塊寬度為100%，佔滿父容器 */
	height: auto; /* 高度自適應內容，讓區塊隨內容調整高度 */
	/*background-repeat: no-repeat; /* 背景圖片不重複顯示 */
	/*background-position: center; /* 將背景圖片置中對齊 */
	/*background-size: cover; /* 背景圖片縮放以完全覆蓋區塊，保持圖片比例 */
	/*background: url(images/middlebg.jpg); /* 設置背景圖片為指定的URL */
}

#leftpanel {
	float: left;
	width: 274px;
}

#footer {
	float: left;
	width: 100%;
	padding: 10px 0px;
}

/*GRAY PANEL*/
.graypanel {
	border: solid 1px #838080;
	background-color: #F7F7F7;
	padding: 10px;
	margin: 10px;
}

/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif; /* 設置字體為Tahoma和無襯線字體，字體大小為0.7em */
	font-family: "Microsoft YaHei"; /* 優先使用微軟雅黑字體 */
	font-size: larger; /* 設置字體大小為相對較大的尺寸 */
	color: #000000; /* 設置文字顏色為黑色 */
}

.titletext {
	font: 0.7em Tahoma, sans-serif; /* 設置字體為Tahoma和無襯線字體，字體大小為0.7em */
	font-family: "Microsoft YaHei"; /* 優先使用微軟雅黑字體 */
	font-size: 36px; /* 設置字體大小為36像素 */
	font-weight: bold; /* 設置字體為粗體 */
	color: #000000; /* 設置文字顏色為黑色 */
}

.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-family: "Microsoft YaHei";
	font-size: 36px;
	font-weight: bold;
	color: #000000;
}

.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
}

.smallwhitetext a {
	font: 0.7em Tahoma, sans-serif;
	font-size: larger;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.smallblacktext a {
	font: 0.7em Tahoma, sans-serif;
	font-size: large;
	/* font-weight:bold; */
	color: #000000;
	text-decoration: none;
}

.smallblacktext a:hover {
	text-decoration: underline;
}

.largeblacktext a {
	font: 0.7em Tahoma, sans-serif;
	font-family: "Microsoft YaHei";
	font-size: x-large;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.largeblacktext a:hover {
	text-decoration: underline;
}

.largeblacktextnormal a {
	font: 0.7em Tahoma, sans-serif;
	font-family: "Microsoft YaHei";
	font-size: x-large;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.largeblacktextnormal a:hover {
	text-decoration: underline;
}

.largebluetext a {
	font: 0.7em Tahoma, sans-serif;
	font-family: "Microsoft YaHei";
	font-size: large;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.largegraytext a:hover {
	text-decoration: underline;
}

.largegraytext a {
	font: 0.7em Tahoma, sans-serif;
	font-family: "Microsoft YaHei";
	font-size: large;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.largegraytext a:hover {
	text-decoration: underline;
}

.smallwhitetext a:hover {
	text-decoration: underline;
}

.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.smallgraytext a {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.smallgraytext a:hover {
	text-decoration: underline;
}

.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.smallredtext a {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.smallredtext a:hover {
	text-decoration: underline;
}

/* 修改 iframe 的樣式來實現置中 */
#iframeAbout {
	width: 1200px; /* 設置固定寬度 */
	height: 560px;
	margin: 0 auto;
	border: 0 !important;
}
        /* iframe 本身的樣式 */
#iframeProduction {
	width: 1200px; /* 設置固定寬度 */
	height: 560px;
	margin: 0 auto;
	border: 0 !important;
}