﻿@charset "utf-8";
/* CSS Document */
/*以下為主頁面設定*/
/*整體網站設定(整體邊界及字型)*/
body {
	margin:0px;
	font-size:12px;
	color:#333;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
}

/*整體網站超連結字體樣式設定*/
a {
	color:#00F;
	text-decoration:none;
}

/*整體網站超連結 滑鼠滑入時的字體樣式設定*/
a:hover {
	color:#9C0;
}

/*上方語言切換列的背景設定*/
#maps_bg {
	width:100%;
	background-color:#9C0;
}

/*上方語言切換列主要設定*/
#maps {
	font-size:16px;
	width:1000px;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

/*上方語言切換列超連結字體樣式設定*/
#maps a {
	color:#FFF;
	text-decoration:none;
}

/*上方語言切換列超連結 滑鼠滑入時字體樣式設定*/
#maps a:hover {
	color:#09F;
}

/*上方Banner外框架設定*/
#banner {
	width:100%;
	height:120px;
}

/*上方Banner內框架主要設定*/
#banner_text {
	width:1000px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
}

/*產品頁面上方按鈕列設定*/
#button_pd {
	width:1000px;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#999;
}

/*產品頁面上方按鈕列 超連結字體樣式設定*/
#button_pd a {
	color:#555;
	font-size:16px;
	text-decoration:none;
}

/*產品頁面上方按鈕列 超連結 滑鼠滑入字體樣式設定*/
#button_pd a:hover {
	color:#009;
}

/*中央內容大區塊(含左側按鈕及右側內容)框架設定*/
#mainbox {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

/*左側按鈕列框架設定*/
#menu {
	float:left;
	width:230px;
	margin:0px;
	background-image:url(../images/menu_bg.png);
	background-repeat:no-repeat;
	//height:auto !important;
	height:580px; 
	min-height:580px;
}

/*左側按鈕 UL設定(因按鈕是用UL及LI所組成)*/
#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-top:8px;
}

/*左側按鈕 li設定*/
#menu li {
	margin: 0px;
	float: left;

}

/*左側按鈕 li超連結設定*/
#menu li a {
	width: 192px;
	height: 32px;
	display: block;
	padding-left:20px;
	padding-top:15px;
	font-size:14px;
	color:#009;
	text-decoration:none;
}

/*左側按鈕 li Class Button超連結設定(滑鼠未滑過時的按鈕背景圖片)*/
#menu li.button a {
	background-image:url(../images/button.png);
	background-repeat:no-repeat;
}

/*左側按鈕 li Class Button超連結 滑鼠滑入設定(滑鼠滑入時的按鈕背景圖片)*/
#menu li.button a:hover {
	background-image:url(../images/buttona.png);
	background-repeat:no-repeat;
}

/*中央內容顯示區塊 框架設定*/
#contact {
	width:770px;
	float:right;
}

/*下方公司資訊宣告列框架設定*/
#footer {
	clear:both;
	width:100%;
	background-color:#666;
}

/*下方公司資訊宣告列內容設定*/
#footer_text {
	width:690px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	padding-top:10px;
	padding-left:310px;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}

/*下方公司資訊宣告列超連結文字設定*/
#footer_text a {
	color:#FFF;
	text-decoration:none;
}




/*以下為內頁設定*/

/*內容框架設定*/
.main{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

/*內頁標題設定*/
.main_title {
	width:570px;
	height:30px;
	background-image:url(../images/title_bg.png);
	background-repeat:no-repeat;
	padding-left:30px;
	font-size:16px;
	color:#9C0;
	font-weight:bold;
}



/*以下為內頁文字設定*/
/*產品內頁_灰底黑字框設定*/
.pd_title {
	background-color:#CCC;
	color:#333;
	font-weight:bold;
	font-size:14px;
	height:25px;
	padding-left:15px;
}

/*字距拉大設定(如該段字距需拉大1px請指定此Class給它)*/
.spacing {
	letter-spacing:1px;
}

/*藍色字體設定(如需藍色顯眼字體請指定它)*/
.font_blue01 {
	color:#03C;
	font-weight:bold;
}

/*紅色字體設定(產品紅色字體抬頭)*/
.font_red01 {
	font-size:14px;
	font-weight:bold;
	color:#F00;
	font-family:"Arial Black", Gadget, sans-serif;
}
