/* global <BODY> setting */
BODY {
	FONT-SIZE: 12px;
	MARGIN: 0px;
	LINE-HEIGHT: 23px;
	FONT-FAMILY: Arial;
	color: #333333;
	background-repeat: repeat-x;
	background-image: url(bg.gif);
}
a{
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}

HR {
	display: none;
}

/* global <A> setting */

A:link {
	TEXT-DECORATION: none;
	color: #333333;
}
A:visited {
	COLOR: #930;
	text-decoration: none;
}
A:hover {
	TEXT-DECORATION: underline;
}

/* global <TD> setting */

TD {
	LINE-HEIGHT: 23px;
	font-size: 12px;
}
img {
         border: none;
}

/* global <H?> setting */


H1 {
	FONT-SIZE: 16px;
	MARGIN-BOTTOM: 10px;
	color: #00C;
}
H1 A:link, H1 A:visited, H1 A:hover {
	TEXT-DECORATION: none;
	color: #00C;
}
H2 {
	FONT-SIZE: 14px;
	color: #606;
}
H2 A:link, H2 A:visited, H2 A:hover {
	TEXT-DECORATION: none;
	color: #606;
}
H3 {
	color: #03C;
	font-size: 13px;
}
H3 A:link, H3 A:visited, H3 A:hover {
	TEXT-DECORATION: none;
	color: #03C;
}

/* global <UL>,<LI> setting */

UL {

}
LI {

}

/* global <B>,<STRONG> setting */


/* global <TEXTAREA> setting */

TEXTAREA {
	FONT-SIZE: 13px;
	WIDTH: 90%;
	HEIGHT: 200px;
	font-family: Arial;
}


/* ===== 5 fixed main block <DIV> setting ===== */

.whole_table {
	MARGIN: auto;
	background-repeat: repeat-y;
	background-image: url(whole_table_bg.gif);
	width: 1000px;
}
.menu_td {
	height: 29px;
	vertical-align: top;
	background-repeat: no-repeat;
	background-image: url(menu_td_bg.gif);
}
.footer_td {
	VERTICAL-ALIGN: top;
	BACKGROUND-REPEAT: repeat-x;
	height: 75px;
	background-image: url(Copyright_bg.gif);
}

/* <DIV ID=tp_header> */

#tp_header {
	background-repeat: no-repeat;
	height: 229px;
	background-image: url(top.jpg);
	background-position: 0px 28px;
}
/* <DIV ID=tp_menu> */

#tp_menu{
	margin: auto;
	overflow: hidden;
}

#tp_menu .table_class {
	float: right;
}
#tp_menu .table_class td img{
	margin-right: 30px;
	margin-left: 30px;

}
#tp_menu A:link, #tp_menu A:visited {
	COLOR: #FAFAFA;
	TEXT-DECORATION: none;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
#tp_menu A:hover {
	TEXT-DECORATION: none;
	color: #F00;
}

/* SUB_MENU */

.tp_menu_child {
	Z-INDEX: 5;
	WHITE-SPACE: nowrap;
	POSITION: absolute;
	border: 1px solid #ccc;
	padding:1px;
	background-color: #333;
}

.tp_menu_child TD {
	BORDER-BOTTOM: #666 1px dotted;
	WHITE-SPACE: nowrap;
	text-align: left;
	padding: 0px 3px ;
	font-size: 12px;
}

/* main content block */

.tp_body_side {
	background-repeat: no-repeat;
	background-image: url(tp_body_side_bg.jpg);
	background-position: bottom;
	width: 277px;
}
.tp_body_main {
	background-repeat: no-repeat;
	background-image: url(tp_body_main_bg.jpg);
	background-position: left bottom;
	width: 722px;
}
.tp_misc_top {
	height: 0px;
	margin: 0px;
}
.tp_misc_side {
	MARGIN: 0px;
	width: 0px;
}

/* <DIV ID=tp_main> */

#tp_main {
	background-image: url(tp_main_bg.jpg);
	background-repeat: no-repeat;
	width: 722px;
}
.tp_main_header {
	padding: 25px 20px 20px 20px;
}
.tp_main_header h1{
	color: #7e7a7a;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 16px;
}
.tp_main_header h2{
	font-family: Verdana;
	font-size: 11px;
	color: #333;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	text-align: right;
}
A.tree_header:link {
	FONT-SIZE: 11px;
	MARGIN-BOTTOM: 20px;
	COLOR: #333;
	font-weight: normal;
}
A.tree_header:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	MARGIN-BOTTOM: 20px;
	color: #333;
}


.tp_main_body {
	padding: 20px;
}

#page_cart{
	margin-left: 500px;
}
#page_cart .table_class{}

#page_cart form{
	margin: 0px 0px 0px 50px;
}
#tp_side_searchbar form{
	margin-right: 45px;

}

/* <DIV ID=tp_inquiry> */

#tp_inquiry{
	padding: 20px;
}

#tp_inquiry .table_class {
	width: 92%;
}
.inquiry_col_0{
	text-align: right;
}


/* <DIV ID=tp_product_menu> */


#tp_product_menu{
	text-align: left;
	padding: 20px;
}

#tp_product_menu input{
	float: left;
}

#tp_product_menu .table_class {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}

#tp_product_menu .table_class td H2 {
	FONT-SIZE: 12px;
	color: #000;
	font-family: Arial;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	border-left: 7px solid #d70000;
}
#tp_product_menu .cate_img_0 img, #tp_product_menu .cate_img_1 img{
	border: 1px solid #ccc;
	padding: 10px;

}
#tp_product_menu .cate_img_0 {
	text-align: left;
}
#tp_product_menu .cate_img_1 {
	text-align: left;
}
#tp_product_menu .cate_list_0 {
	vertical-align: top;
}
#tp_product_menu .cate_list_1 {
	vertical-align: top;
}



/* <DIV ID=tp_product_info> */

#tp_product_info {
	padding: 20px;
}
#tp_product_info .table_class {
	MARGIN: 20px auto; 
	WIDTH: 100%;
}

/* <DIV ID=tp_rlink_bottom> */
#tp_rlink_bottom{
	width:100%;
	margin-top:5px;
         margin-bottom:5px;
}
#tp_rlink_bottom .table_class {
	WIDTH: 100%;
}
#tp_rlink_bottom .table_class li{
	line-height: 15px;
	background-image: url(none);
	list-style-type: square;
}
#tp_rlink_bottom A:link, #tp_rlink_bottom A:visited {
	FONT-WEIGHT: normal;
	COLOR: #666666;
	LINE-HEIGHT: 9px;
	FONT-FAMILY: Verdana;
	font-size: 11px;
}

#tp_rlink_bottom A:hover {
	TEXT-DECORATION: none;
}

/* side block */
/* <div id=tp_side> */

#tp_side {
	width: 277px;
	background-image: url(tp_side.jpg);
	background-repeat: no-repeat;
	padding-top: 60px;
}

.box {
	text-align: left;
	margin: 0px 20px 10px 30px;
}
.box A:link, .box A:visited {
	COLOR: #333;
	text-transform: none;
	display: block;
	margin-bottom: 10px;
	padding-left: 15px;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}
.box A:hover {
	color: #900;
	text-decoration: none;
}


/* <DIV ID=tp_rlink_side> */
#tp_rlink_side{
  margin:0px;
}
#tp_rlink_side .table_class {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	WIDTH: 100%;
	COLOR: #000000;
	font-family: Verdana;
}

/* footer block */
/* <div id=tp_footer> */

#tp_footer {
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: right;
	line-height: 20px;
	color: #FFF;
	padding: 12px 10px 0px 0px;
}
#tp_footer span{
	padding-right: 10px;

}
#tp_footer A:link, #tp_footer A:visited, #tp_footer A:hover {
	color: #FFF;
	text-decoration: none;
}

/* <DIV ID=quick_menu> */
#quick_menu {

}

/* below => customize id or class*/

/* global <home> setting */

#index {
	MARGIN: auto;
	TEXT-ALIGN: left;
	width: 1000px;
	overflow: hidden;
}
#search_bg{
	background-image: url(search_bg.jpg);
	background-repeat: no-repeat;
	height: 28px;
	overflow: hidden;
	width: 1000px;
	margin: auto;
}
#in_search_bg{
	background-image: url(in_search_bg.jpg);
	background-repeat: no-repeat;
	height: 28px;
	overflow: hidden;
}
.search{
	float: right;
	margin-right: 10px;
	margin-top: 2px;
}
#pro_bg{
	background-repeat: no-repeat;
	height: 642px;
	background-image: url(pro_bg.jpg);
	width: 445px;
	float: right;
}
.pro{
	margin-top: 75px;
}
#mark_bg{
	background-repeat: no-repeat;
	height: 250px;
	background-image: url(mark_bg.jpg);
	width: 555px;
	float: left;
}

#icon_bg{
	background-repeat: no-repeat;
	height: 27px;
	background-image: url(icon_bg.gif);
	width: 555px;
	float: left;
}
.icon{
	text-align: center;
	padding-top: 3px;
}
.icon img{
	margin-right: 20px;
	margin-left: 20px;
}
.icon A:link, .icon A:visited {
	COLOR: #FAFAFA;
	TEXT-DECORATION: none;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 15px;
	padding-left: 15px;
}
.icon A:hover {
	TEXT-DECORATION: none;
	color: #F00;
}
.active{
	TEXT-DECORATION: none;
	color: #F00;
}

#word_bg{
	background-repeat: no-repeat;
	background-image: url(word_bg.jpg);
	height: 365px;
	width: 555px;
	float: left;
}


.word{
	line-height: 20px;
	text-align: left;
	position: absolute;
	margin: 360px 0px 0px 10px;
	width: 550px;
	color: #000;
}
.word A:link, .word A:visited, .word A:hover {
	TEXT-DECORATION: none;
	color: #000;
}
.word img{
	margin-right: 10px;
}
.word h1{
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	color: #333;
}
.word h1 A:link, .word h1 A:visited, .word h1 A:hover {
	TEXT-DECORATION: none;
	color: #333;
}
#pro-all{
	position: absolute;
	margin-top: 680px;
	width: 1000px;
}
.pro-a{
	float: left;
	margin: 0px 10px 10px 10px;
	width: 47%;
	height: 220px;
	padding-right: 5px;
}
.pro-a h1{
	font-size: 13px;
	color: #333;
}
.pro-a h1 A:link, .pro-a h1 A:visited, .pro-a h1 A:hover {
	color: #333;
	text-decoration: none;
}
.pro-a img{
	float: left;
	border: 2px double #666;
	margin-right: 10px;
}
.pro-a ul{
	margin-left: 150px;
}
#pro_height{
	height: 720px;
	clear: both;
}
#Copyright {
	width: 100%;
	background-repeat: repeat-x;
	background-image: url(Copyright_bg.gif);
	height: 75px;
	clear: both;

}
.space{
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: right;
	color: #FFF;
	line-height: 20px;
	padding: 12px 10px 0px 0px;
	width: 1000px;
	margin: auto;
}

.space span{
	margin-right: 10px;
}
.space A:link, .space A:visited, .space A:hover {
	color: #FFF;
	text-decoration: none;
}
a img {
		border: none;
	}
#abgne_fade_pic {
	width: 445px;
	height: 382px;
	border: 0px solid #ccc;
}
#abgne_fade_pic a.ad {
	position: absolute;	/* 讓圖片疊在一起 */
}
#abgne_fade_pic .control {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: none;		/* 隱藏按鈕選單 */
}
#abgne_fade_pic .control a {
	display: inline-block;
	padding: 3px;
	margin: 0 3px;
	width: 16px;
	color: #fff;
	background: #000;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
}
#abgne_fade_pic .control a.on {
	font-weight: bold;
	color: #f00;
}

