@charset "utf-8";

/*  整體
---------------------------------------------*/
body  {
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #595757;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: .2em;
	line-height: 1.5;
}

li {
	margin-bottom: .3em;
}

dl {
	margin: 0px;
}
dt {
	font-weight: bold;
	float: left;
}
dd {
	margin-left: 6.5em;
	margin-bottom: 0em;
}

a {
noFocusLine:expression(this.onFocus=this.blur());
}
a:focus {
-moz-outline-style:none;
}

.eng {
	letter-spacing: normal;
}

/*  頁面主區塊
---------------------------------------------*/
#container {
	width: 650px;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	background-color: #FFFFFF;
} 

/*  頁首
---------------------------------------------*/
#header {
	background: #ffffff;
	padding: 0;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	position: relative;
	margin-bottom: 5px;
} 
#header h1#logo {
	padding: 0; /* 使用欄位間隔而非邊界便可讓元素遠離 Div 的邊緣 */
	background-image: url(../images/logo.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 66px;
	width: 218px;
	font-size: 1px;
	color: #FFFFFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5PX;
	margin-left: 0;
}

#header h1#logo a {
	display: block;
	height: 82px;
	width: 238px;
	color: #FFFFFF;
	text-decoration: none;
}

/*  頁首-右上角連結列
---------------------------------------------*/
#header #navTop {
	font-size: 13px;
	position: absolute;
	top: 25px;
	right: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	letter-spacing: normal;
}
#header #navTop li {
	float: left;
	width: 60px;
	padding-left: 13px;
	background: url(../images/dot.gif) no-repeat 0px 3px;
}
#header #navTop li a {
	text-decoration: none;
	color: #666666;
}
#header #navTop li a:hover {
	color: #99CC00;
}
/*  頁首-主導覽列
---------------------------------------------*/
#header #navMain {
	position: absolute;
	top: 46px;
	right: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 432px;
}
#header #navMain li {
	float: left;
}

#nav01 { width: 84px; }
#nav02 { width: 84px; }
#nav03 { width: 96px; }
#nav04 { width: 84px; }
#nav05 { width: 84px; }

#header #navMain li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:20px;
	padding-top: 20px;
	background-image: url(../images/navMain.gif);
	color: #FFFFFF;
}

	/* offMouse時位置 */
	#nav01 a { background-position:  0     0; }
	#nav02 a { background-position: -84px  0; }
	#nav03 a { background-position: -168px 0; }
	#nav04 a { background-position: -264px 0; }
	#nav05 a { background-position: -348px 0; }

	/* onMouse時位置 */
	#nav01 a:hover { background-position:  0     -20px; }
	#nav02 a:hover { background-position: -84px  -20px; }
	#nav03 a:hover { background-position: -168px -20px; }
	#nav04 a:hover { background-position: -264px -20px; }
	#nav05 a:hover { background-position: -348px -20px; }

/*  主印象-flash
---------------------------------------------*/
#header #mainImage {
	padding: 0;
	height: 212px;
	width: 650px;
	margin: 0;
}

/*  內容
---------------------------------------------*/
#mainContent {
	width: 100%;
	position: relative;
} 

#mainContent #navSnd {
	font-size: 13px;
	position: absolute;
	top: 12px;
	right: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	letter-spacing: normal;
}
#mainContent #navSnd li {
	float: left;
	padding-left: 13px;
	background: url(../images/dotB.gif) no-repeat 0px 3px;
}

#mainContent #navSnd.w4 li {
	width: 60px;
}
#mainContent #navSnd.w6 li {
	width: 85px;
}

#mainContent #navSnd li a {
	text-decoration: none;
	color: #666666;
}
#mainContent #navSnd li a:hover {
	color: #99CC00;
}

#mainContent h2 {
	background-repeat: repeat-x;
	height: 16px;
	background-image: url(../images/headBg.gif);
	background-position: left top;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

/*  主要內容
---------------------------------------------*/
#content {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#content h3 {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: .75em;
}

#content h4 {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: .3em;
}

#content p {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: .5em;
	text-align: justify;
	text-justify:inter-ideograph
}



/*  右側欄-內容-產品介紹
---------------------------------------------*/
.pic {
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	_display: inline;
}
.pic p { 
	float: left; 
	padding: 4px; 
	border: 1px solid #ddd; 
	background: #fff; 
	margin: 5px; 
}


/*  右側欄-內容-表單
---------------------------------------------*/
#inquiry {
	width: 550px; /* 指定區塊寬度 */
	margin-right: auto;
	margin-left: auto;
}

#inquiry p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#inquiry table {
	border-top: 1px solid #dbdbdb;
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-size: 100%;
	width: 100%;
}
#inquiry td {
	border-top: none;
	border-bottom: 1px solid #dbdbdb;
	border-left: none;
	border-right: none;
	padding: 10px;
}
#inquiry th {
	border-top: none;
	border-bottom: 1px solid #dbdbdb;
	border-left: none;
	border-right: none;
	background-color: #EFFFDD;
	font-weight: normal;
	padding: 10px;
	width: 125px;
	text-align: right;
}

#inquiry th em {
	font-style: normal;
	color: #FF0000;
	padding-left: 5px;
}
.text {
	border: 1px solid #dbdbdb;
	background-color: #FAFAFA;
	padding: 2px;
}
#inquiry input,textarea {
	font-size: 13px;
}
.text:focus {
	background-color: #FFFFFF; /* 指定游標移入欄位時的欄位底色 */
	border-color: #FF9900;
}
#inquiry .submit {
	text-align: center;
	margin-top: 20px;
}
.btn1_mouseout {
	BORDER: #eeeeee 1px solid; 
	PADDING: 2px; 
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cccccc); 
	CURSOR: pointer; 
	COLOR: black; 
}
.btn1_mouseover {
	BORDER: #eeeeee 1px solid; 
	PADDING: 2px; 
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#dddddd); 
	CURSOR: pointer; 
	COLOR: black; 
}

/*  頁尾
---------------------------------------------*/
#footer {
	font-size: 12px;
	letter-spacing: normal;
	margin-top: 20px;
	color: #919191;
	background-image: url(../images/footerBg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 20px;
	padding-bottom: 20px;
} 
#footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
	text-align: center;
}

/*  其他設定
---------------------------------------------*/
.clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*  圖片陰影
---------------------------------------------*/
.imagecontainer{
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
}

.right {
	float: right;
	margin: 5px 0px 10px 20px;
	clear: right;
}

.left {
	float: left;
	margin: 5px 10px 10px 0px;
	clear: left;
}

.imagecontainer img{
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: 0px 5px 5px 0px;
	padding: 4px;
}
.imagecontainer iframe {
		display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: 0px 5px 5px 0px;
	padding: 4px;
}

/*  滑動門
---------------------------------------------*/
#basic-accordian{
	border:1px dotted #B2B2B2;
	padding:4px;
	width:620px;
	z-index:2;
}

.accordion_headings{
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#467C26;
}

.accordion_child{
	padding:10px;
	background:#fefefe;
}

.header_highlight{
	background:#467C26;
}

/*  喬木修剪原則
---------------------------------------------*/
#alone {
	border: 5px solid #99CC00;
	padding: 10px;
	overflow: auto;
	width: 620px;
}

#alone h2 {
	color: #333333;
	font-size: 16px;
	margin: 0px 0px .5em;
	padding: 0px;
}

#alone .gblock {
	border-top: 1px dotted #99CC00;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: auto;
}

#alone .gblock h3 {
	color: #467C26;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}