@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #FFFFFF;
	line-height: 18pt;
	letter-spacing: 1pt;
	background: url(); 
	background-attachment : fixed;
	background-color:#000000;
	overflow-x:hidden; 
	
	SCROLLBAR-FACE-COLOR: #000000; 
	SCROLLBAR-HIGHLIGHT-COLOR: #000000; 
	SCROLLBAR-SHADOW-COLOR: #000000; 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
	SCROLLBAR-ARROW-COLOR: #EF4624; 
	SCROLLBAR-TRACK-COLOR: #000000; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	}

#wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#TOP_FLASH {
	width: 815px;
	height: 122px;
	margin-left: auto;
	margin-right: auto;
}
/*#TOP_FLASH a {
	font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#FF6C82;
	line-height: 18pt;
	text-decoration:none;
	letter-spacing:1pt;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
}*/
/*#TOP_FLASH a:hover { 
	color:#FFFFFF;
} */

#language_outside{
	width: 815px;
	position: absolute;
}

#language { /*語系*/
	width: 80px;
	text-align: center;
	padding: 5px;
	border: 1px solid #777;
	-webkit-border-radius: 5px;
	margin-left: 7px;
	position: relative;
	float: left;
	top: -35px;
	z-index: 9999;
}
#language p a { 
	font:15px Verdana, arial, Helvetica, sans-serif, 微軟正黑體, 新細明體;
	color: #fff;
	line-height: 18pt;
	text-decoration: none;
}
#language p a:hover { 
	color: #FF6C82;
}

#FLASH {
	width: 815px;
	height: 336px;
	margin: 0px auto;
}

#content {
	width: 815px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

#content_S {
	width: 765px;
	margin-left: auto;
	margin-right: auto;
}

#content_S ul {
	padding-left:15px;
}
#content_S li {
	font:15px Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#FFFFFF;
	line-height: 18pt;
	text-decoration:none;
	letter-spacing:1pt;
	padding-bottom: 10px;
	list-style-type:disc;
	list-style-position: outside;
}

#content_S li span {
	font:18px Times New Roman, Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#FFFFFF;
	line-height: 18pt;
	text-decoration:none;
	letter-spacing:1pt;
	padding-bottom: 10px;
	list-style-type:disc;
	list-style-position: outside;
}

#content_S h1 {
	font:15px Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#FFFFFF;
	line-height: 18pt;
	letter-spacing:1pt;
	font-weight: bold;
	margin-bottom: 15px;
}

#content_S h2 {
	font:15px Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#FF6C82;
	line-height: 18pt;
	letter-spacing:1pt;
	font-weight: bold;
}

#content_S h3 {
	font:15px Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#FFFFFF;
	line-height: 18pt;
	letter-spacing:1pt;
	margin-bottom: px;
	font-weight: bold;
}

#content_S h4 {
	font:18px Verdana, arial, Helvetica, sans-serif, 微軟正黑體, 新細明體;
	color:#FF6C82;
	line-height: 18pt;
	letter-spacing:1pt;
	font-weight: bold;
}

#content_S h4 span {
	font:18px arial, Verdana, Helvetica, sans-serif, 微軟正黑體, 新細明體;
	color:#FFFFFF;
	line-height: 18pt;
	letter-spacing:1pt;
}

#content_S a {
	font:15px Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#FF6C82;
	line-height: 18pt;
	text-decoration:none;
	letter-spacing:1pt;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
}
#content_S a:hover { 
	color:#FFFFFF;
} 

#content_S span {
	font:15px Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#FF6C82;
	line-height: 18pt;
	text-decoration:none;
	letter-spacing:1pt;
}


/* -------------------------------- PRODUCTS_LIST ----------------------------------- */
/*.PRODUCTS_LIST {
}
.PRODUCTS_LIST ul {
	padding-left:15px;
}
.PRODUCTS_LIST li {
	font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#FFFFFF;
	line-height: 18pt;
	text-decoration:none;
	letter-spacing:1pt;
	padding-bottom: 8px;
	list-style-type:disc;
	list-style-position: outside;
}*/
.Packing{
	font:15px Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#FF6C82;
	line-height: 18pt;
	text-decoration:none;
	letter-spacing:1pt;
}

.TopPic{
	margin-top: 30px;
}

/* -------------------------------- Table ----------------------------------- */
.table_title{
	font-size: 15px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #ffffff;
	line-height: 20pt;
	letter-spacing: 1pt;
	font-weight: bold;
	background-color:#999999;
	text-align:center;
	padding-top: 3px;
}

.table_txt{
	font-size: 15px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #ffffff;
	line-height: 18pt;
	letter-spacing: 1pt;
	padding:5px 5px 5px 10px;
}
.table_txt ul {
	padding:5px 5px 0px 10px;
}
.table_txt li {
	font:15px Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#FFFFFF;
	line-height: 18pt;
	text-decoration:none;
	letter-spacing:1pt;
	list-style-type:disc;
	list-style-position: outside;
}
/*.table_txt span{
	font:15px Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#FF6C82;
	line-height: 18pt;
	letter-spacing:1pt;
	font-weight: bold;
	padding: 5px 5px 5px 0px;
}*/

/* -------------------------------- Faq ----------------------------------- */
.Faq_Q, .Faq_A {
	padding: 0px 0px 5px 25px;
	font-size: 15px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #ffffff;
	line-height: 18pt;
	letter-spacing: 1pt;
	padding: 0px 0px 5px 25px;
}
.Faq_Q{
	background-image: url(../images/icon_Q.gif);
	background-repeat : no-repeat;
}

.Faq_A{
	background-image: url(../images/icon_A.gif);
	background-repeat : no-repeat;
}
/* -------------------------------- 主選單 / MAIN_NAV ----------------------------------- */
#MAIN_NAV{
	width: 815px;
	/*margin: 30px auto 0px auto;*/
	margin: 0px auto 0px auto;
}
#MAIN_NAV ul {
}
#MAIN_NAV li {
	float: left;
}

#MAIN_NAV .About a {
	display: block;
	width: 116px;
	height: 16px;
	background-image: url(../images/Tmenu1_a.gif);
	text-indent: -9999px;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
}
#MAIN_NAV .About a:hover { 
	background-image: url(../images/Tmenu1_ahover.gif);
} 

#MAIN_NAV .Products a {
	display: block;
	width: 154px;
	height: 16px;
	background-image: url(../images/Tmenu2_a.gif);
	text-indent: -9999px;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
}
#MAIN_NAV .Products a:hover { 
	background-image: url(../images/Tmenu2_ahover.gif);
} 

#MAIN_NAV .Oil a {
	display: block;
	width: 306px;
	height: 16px;
	background-image: url(../images/Tmenu3_a.gif);
	text-indent: -9999px;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
}
#MAIN_NAV .Oil a:hover { 
	background-image: url(../images/Tmenu3_ahover.gif);
} 

#MAIN_NAV .Faq a {
	display: block;
	width: 108px;
	height: 16px;
	background-image: url(../images/Tmenu4_a.gif);
	text-indent: -9999px;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
}
#MAIN_NAV .Faq a:hover { 
	background-image: url(../images/Tmenu4_ahover.gif);
} 

#MAIN_NAV .Contact a {
	display: block;
	width: 131px;
	height: 16px;
	background-image: url(../images/Tmenu5_a.gif);
	text-indent: -9999px;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
}
#MAIN_NAV .Contact a:hover { 
	background-image: url(../images/Tmenu5_ahover.gif);
} 

/* -------------------------------- 首頁 / BOTTOM_NAV ----------------------------------- */
#BOTTOM_NAV{
	width: 815px;
	margin-top: 20px;
}
#BOTTOM_NAV ul {
}
#BOTTOM_NAV li {
	float: left;
}

#BOTTOM_NAV .ProductsA a {
	display: block;
	width: 294px;
	height: 164px;
	background-image: url(../images/Bmenu1_a.gif);
	text-indent: -9999px;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
}
#BOTTOM_NAV .ProductsA a:hover { 
	background-image: url(../images/Bmenu1_ahover.gif);
} 

#BOTTOM_NAV .ProductsB a {
	display: block;
	width: 263px;
	height: 164px;
	background-image: url(../images/Bmenu2_a.gif);
	text-indent: -9999px;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
}
#BOTTOM_NAV .ProductsB a:hover { 
	background-image: url(../images/Bmenu2_ahover.gif);
} 

#BOTTOM_NAV .ProductsC a {
	display: block;
	width: 258px;
	height: 164px;
	background-image: url(../images/Bmenu3_a.gif);
	text-indent: -9999px;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
}
#BOTTOM_NAV .ProductsC a:hover { 
	background-image: url(../images/Bmenu3_ahover.gif);
} 

/* -------------------------------- 產品頁(上) / PRODUCTS_NAV ----------------------------------- */
.PRODUCTS_NAV {
	display:block;	
	width: 765px;
	margin: 0;

	}
.PRODUCTS_NAV a.ProductsA {
	background-image: url(../images/Tmenu_Products1_a.gif);
	display:inline-block;
	padding:0px;
	margin:0px;
	width: 150px;
	height: 105px;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
	}
.PRODUCTS_NAV a:hover.ProductsA, 
.PRODUCTS_NAV a.ProductsA_AT  {
	background-image: url(../images/Tmenu_Products1_ahover.gif);
	display:inline-block;
	padding:0px;
	margin:0px;
	width: 150px;
	height: 105px;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
	}
.PRODUCTS_NAV a.ProductsB {
	background-image: url(../images/Tmenu_Products2_a.gif);
	display:inline-block;
	padding:0px;
	margin:0px;
	width: 323px;
	height: 105px;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
	}
.PRODUCTS_NAV a:hover.ProductsB, 
.PRODUCTS_NAV a.ProductsB_AT  {
	background-image: url(../images/Tmenu_Products2_ahover.gif);
	display:inline-block;
	padding:0px;
	margin:0px;
	width: 323px;
	height: 105px;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
	}
.PRODUCTS_NAV a.ProductsC {
	background-image: url(../images/Tmenu_Products3_a.gif);
	display:inline-block;
	padding:0px;
	margin:0px;
	width: 197px;
	height: 105px;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
	}
.PRODUCTS_NAV a:hover.ProductsC, 
.PRODUCTS_NAV a.ProductsC_AT  {
	background-image: url(../images/Tmenu_Products3_ahover.gif);
	display:inline-block;
	padding:0px;
	margin:0px;
	width: 197px;
	height: 105px;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
	}


/* -------------------------------- 產品頁(左) / LEFT_NAV ----------------------------------- */
/*2016年改成：水平排列於上方*/
#LEFT_NAV, #LEFT_NAV_b{
	margin-left: -15px;
	margin-bottom: 30px;
}
#LEFT_NAV ul, #LEFT_NAV_b ul{
}
#LEFT_NAV li, #LEFT_NAV_b li{
	display: inline-block;
	list-style-type: none; 
	vertical-align: top;
}
#LEFT_NAV a{
	display: block;
	width: 200px;
	height: 34px;
	/*background-image: url(../images/Lmenu_bk.gif);*/
	border-left: 2px dotted #6b6b6b;
	border-bottom: 1px solid #6b6b6b;
	font:15px Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#FF6C82;
	line-height: 15pt;
	text-decoration:none;
	letter-spacing:1pt;
	padding: 7px 10px 13px 10px;
	margin-right: 10px;
	/*text-align: center;*/
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
}
#LEFT_NAV_b a{
	display: block;
	width: 100%;
	border-left: 2px dotted #6b6b6b;
	border-bottom: 1px solid #6b6b6b;
	font:15px Verdana, arial, Helvetica, sans-serif, 新細明體;
	color:#FF6C82;
	line-height: 15pt;
	text-decoration:none;
	letter-spacing:1pt;
	padding: 7px 10px 13px 10px;
	margin-right: 10px;
	outline: none; /* for Firefox Google Chrome 去除超連結虛線*/
	behavior:expression(this.onFocus=this.blur()); /* for IE 去除超連結虛線*/
}
#LEFT_NAV a:hover, #LEFT_NAV_b a:hover,
#LEFT_NAV .AT, #LEFT_NAV_b .AT { 
	color:#FFFFFF;
} 

/* -------------------------------- 產品頁(產品圖) / PRODUCTS Pic ----------------------------------- */
.Pic{
	width: 224px;
	height: 224px;
	border: 2px solid #C5C5C5;
	margin-right: 30px;
}


/* -------------------------------- footer ----------------------------------- */
#footer {
	clear: both;
	height: 55px;
	background: url(../images/footer_bg.gif); 
}

#footer p{
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #777A82;
	line-height: 32pt;
	letter-spacing: 1pt;
	text-align: center;
}

.by: 	   {font:11px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#C0C0C0;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
.by:link    {font:11px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#C0C0C0;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
.by:visited {font:11px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#C0C0C0;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
.by:active  {font:11px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#C0C0C0;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
.by:hover   {font:11px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#C0C0C0;line-height: 18pt;text-decoration:none;letter-spacing:1pt;}
/* ----------------------------------------------------------------------------------------- */

/* -------------------------------- line / 分格線 ----------------------------------- */
.line {
	color: #AEAEAE;
}
/* ----------------------------------------------------------------------------------------- */