@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

body{font:13px/150% Arial, "新細明體"; color:#454545; background:url(bg.jpg) top repeat-x #FFFFFF; text-align:center;}
a img{border:0px}

.img_border1{ border:3px solid #CCCCCC; padding:1px; background:#FFFFFF}

img{border:0px;}

a:link {text-decoration: none; color:#000000}
a:visited {text-decoration: none;}
a:hover {color: #FF0000;text-decoration: none;}


/*----- top -----*/
.top{ margin:0 auto; width:980px; height:326px; overflow:hidden; background:url(top_bg.png);}

.nav_box{ position:relative; width:940px; margin-top:20px; overflow:hidden; height:95px;}
.logo{ position:absolute; left:15px; top:0px;}
.nav{ position:absolute; right:0; top:44px;}
.nav ul{ list-style:none}
.nav ul li{ float:left; margin-right:2px; width:140px;}

.banner{ margin:0 auto; width:940px; height:210px}



/*----- container -----*/
.container{ background:url(center_bg.png); width:980px; margin:0 auto}

/*----- left_bar -----*/
.left_bar{ width:258px; padding-top:20px; background:url(left_bg.jpg) no-repeat 5px bottom; padding-bottom:450px; vertical-align:top}

.left_menu{ margin:0 auto; width:200px; margin-bottom:5px;}
.left_menu_sub{ margin:0 auto; width:200px; margin-bottom:20px;}
.left_menu_sub ul{ list-style:none}
.left_menu_sub ul li{ color:#333333; text-align:left; line-height:30px; margin-bottom:3px;}
.left_menu_sub ul a{ width:200px; display:block; height:30px; color:#333333; font-size:14px;  background:url(ico1.gif) 15px center no-repeat;}
.left_menu_sub ul a:hover,.left_menu_sub ul a.current{ background:url(menu_hover_bg.gif); font-weight:bold; color:153e0d}
.left_menu_sub ul a span{ margin-left:30px;}


/*----- main_bar -----*/
.main_bar{ text-align:left; vertical-align:top; padding-top:20px; padding-bottom:30px;}

.tit{ background:url(tit_bg.gif) no-repeat left; height:43px; line-height:43px;}
.tit span{ margin-left:50px;}

.tit2{background:url(tit_bg2.gif) no-repeat; height:108px; overflow:hidden}
.tit2 span{ display:block; margin-top:17px; margin-left:60px;}


/*----- prd_list -----*/
.prd_list{ margin: 0 auto; font-size:12px; margin-left:20px; margin-top:20px; overflow:hidden}
.prd_list ul{ list-style:none}
.prd_list ul li{ float:left; width:200px; display:block; margin-right:25px; margin-bottom:20px;}
.prd_list ul li a{}
.prd_list ul li a.prdlist_name{ display:block; width:200px; background:url(ico1.gif) left center no-repeat; border-bottom:1px dashed #999999; margin-bottom:5px;}
.prd_list ul li a.prdlist_name span{ margin-left:15px; color:#205e13; font-weight:bold; height:30px; line-height:30px; }
.prd_list ul li a:hover{ color:#006633}

.prd_list ul li p{ line-height:16px; display:block; width:184px; margin-left:14px;}
.prd_list ul li img{ border:1px solid #d6d6d6; padding:4px;}

.page_num{ margin:0 auto; margin-top:30px; width:100%; text-align:center;}
.page_num ul{ list-style:none; margin:0 auto;}
.page_num ul li{ display:inline; width:20px; width:20px; padding:5px; margin-left:5px;}
.page_num ul li.page_current{width:20px; background:#e0e4d7; font-weight:bold;}
.page_num ul li a{  color:#666666; overflow:hidden; font-weight:bold;}
.page_num ul li a:hover{ color:#FF0000}

/*----- content -----*/
.content{ text-align:left; margin-top:20px; width:670px; margin-left:15px;}

/*----- new_prd -----*/
.new_prd_list1{ overflow:hidden}
.new_prd_list1 ul{ list-style:none}
.new_prd_list1 ul li{ float:left}
.new_prd_list1 ul li p{ text-align:center; font-weight:bold;}

.new_prd_f1{ margin-top:30px;}
.new_prd_f1 p{ font-weight:bold; color:#669900; margin-bottom:10px;}
.new_prd_f1 ul{ list-style:none}
.new_prd_f1 ul li{ background:url(ico2.gif) left center no-repeat}
.new_prd_f1 ul li span{ margin-left:20px;}


.new_prd_f2{ margin-top:30px;}
.new_prd_f2 p{ font-weight:bold; color:#669900; margin-bottom:10px;}
.new_prd_f2 ul{ list-style:none}
.new_prd_f2 ul li{ background:url(ico3.gif) left 7px no-repeat; color:#cc3399; font-weight:bold;}
.new_prd_f2 ul li span{ margin-left:20px;}
.new_prd_f2 ul li font{ margin-left:20px; font-weight:normal; font-size:12px; color:#333333; display:block}


/*----- contact -----*/
.map{ margin:0 auto; text-align:center}

.contact_tab{ margin-top:20px; margin-left:90px;}
.contact_tab tr td{ padding:5px;}
.contact_tab tr td.left_f{ text-align:left}
.contact_tab tr td.right_f{ text-align:left}
.txt1{ border:1px solid #cccccc; width:400px;}

/*----- footer -----*/
.footer{ width:980px; height:88px; background:url(bottom_bg.png); color:#333333; overflow:hidden; margin:0 auto} 

.footer p{ float:left; text-align:left; margin-left:170px; margin-top:60px;}
.footer p span{ margin-left:20px;}
.footer a{ color:#333333}
.footer a:hover{ color:#000000; text-decoration:underline}

/*----- product_name -----*/
.prd_list ul li .prdlist_name{ display:block; width:200px; background:url(ico1.gif) left center no-repeat; border-bottom:1px dashed #999999; margin-bottom:5px;}
.prd_list ul li .prdlist_name label{ margin-left:15px; color:#205e13; font-weight:bold; height:30px; line-height:30px; }


.tab1{}
.tab1 tr td{ padding:3px;}