@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, "新細明體"; background:url(bg.jpg) top no-repeat #FFFFFF;}
a img{border:0px}

img{border:0px;}

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

.wrapper{width:1002px; margin:0 auto; overflow:hidden}

/*----- top -----*/
.top_box{ margin:0 auto; width:966px; margin-left:36px;}
.top_box div.logo{ float:left}
.top_box div.nav{ float:right }


/*----- container -----*/
.container{margin:0 auto; width:966px; background:url(container_c.jpg) repeat-y;  margin-left:36px;}


.left_bar{ width:184px; vertical-align:top}

.left_menu{ margin:0 auto; width:164px; margin-top:10px}
.left_menu ul{ list-style:none; margin-top:5px;}
.left_menu ul li{ background:url(ico1.gif) 5px no-repeat; text-align:left}
.left_menu ul li a{ margin-left:15px; color:#7bae0f; display:block}
.left_menu ul li a:hover{ color:#fdee00}


.left_ad{ margin:0 auto; margin-top:30px;}
.left_ad ul{ list-style:none}
.left_ad ul li{ margin-bottom:10px;; text-align:center}


.main{ vertical-align:top}

.tit{ background:url(tit_bg.jpg) repeat-x bottom; line-height:40px; width:729px; margin:0 auto; font-size:14px; font-weight:bold; color:#FFFFFF; margin-bottom:15px; overflow:hidden; position:relative}
.tit span.ico{ background:url(tit_pic.jpg) left center no-repeat; position:absolute; display:block; width:550px; padding-left:15px; left:0px;}

.tit span.station{ float:right; display:inline; font-weight:normal; font-size:12px}

.content_box{ margin:0 auto; width:729px; background:url(content_c.jpg) repeat-y; width:731px; margin-bottom:30px;}
.content_box tr td.content{padding:10px 20px; vertical-align:top}


/*----- prd_list -----*/
.prd_list{ width:100%;}
.prd_list ul{ list-style:none}
.prd_list ul li{ border-bottom:1px dashed #7d9c1b; margin-bottom:15px; overflow:hidden; padding-bottom:15px;}
.prd_list ul li span.left_img{ float:left}
.prd_list ul li span.left_img img{ border:3px solid #b0be8d; margin-right:20px;}

.prd_list ul li p.right_box{ text-align:left; float:left; width:525px; color:#52602b; overflow:hidden}
.prd_list ul li p.right_box span.name{ display:block; font-size:14px; font-weight:bold; color:#244648}
.prd_list ul li p.right_box span.name a{ font-size:14px; color:#244648}
.prd_list ul li p.right_box span.name a:hover{ color:#196231}
.prd_list ul li p.right_box span.detail{ display:block; margin-bottom:5px;}
.prd_list ul li p.right_box span.btn{ display:block;}


/*----- prd_detail -----*/
.detail_imgbox{ width:90%; margin:0 auto; overflow:hidden}
.detail_imgbox span.left_bigimg{ float:left}
.detail_imgbox span.left_bigimg img{ border:3px solid #b3c190}
.detail_imgbox span.righ_smallimg{ float:right; display:block; width:140px;}
.detail_imgbox span.righ_smallimg div ul{ list-style:none}
.detail_imgbox span.righ_smallimg div ul li{ }
.detail_imgbox span.righ_smallimg div ul li img{ border:2px solid #b3c190}
.detail_box{ width:90%; margin:0 auto; text-align:left; color:#3d4643; margin-top:15px;}
.detail_box P.name{ font-weight:bold; font-size:14px; color:#000004}


/*== panel == */
.panel_tit{ width:100%; height:31px; line-height:30px; overflow:hidden}
.panel_tit span.tit_pic{ float:left; margin-left:37px; margin-top:7px;}
.panel_tit span.more{ color:#dcf99e; float:right}
.panel_tit span.more a{ color:#f3ffda;}
.panel_tit span.more a:hover{ color:#000000}
.panel{ margin:0 auto; overflow:hidden; background:url(panle_bg1.jpg) no-repeat; width:747px; height:210px;}

.panel div.NewsList{ width:680px; margin:0 auto; text-align:left; line-height:20px; position:relative; overflow:hidden}
.panel div.NewsList ul{ list-style:none; margin:0; padding:0px; margin-top:15px;}
.panel div.NewsList ul li{ background:url(news_ico.jpg) left center no-repeat; line-height:22px; border-bottom:1px dashed #bdcd78; margin-bottom:5px; overflow:hidden}
.panel div.NewsList ul li span{ color:#75a70b; position:absolute; right:0px;}
.panel div.NewsList ul li a{ color:#4e6d0b; display:inline; margin-left:15px;}
.panel div.NewsList ul li a:hover{ color:#d51103}


.pane2{ margin:0 auto; overflow:hidden; background:url(panle2_bg.jpg) no-repeat; width:747px; height:401px;}
.pane2 div.prd{ width:100%; margin:0 auto; text-align:center}
.pane2 div.prd ul{ margin:0px; list-style:none; margin:15px 25px 0 40px;}
.pane2 div.prd ul li{ display:inherit; float:left; width:140px; height:160px; overflow:hidden; margin-right:30px;  margin-bottom:20px; text-align:center}
.pane2 div.prd ul li img{ border:2px solid #75a70b;}
.pane2 div.prd ul li a{  color:#4f7107; display:block;width:130px; text-align:center}
.pane2 div.prd ul li a:hover{ color:#d51103;}


/*== pages == */
.Pages {
	clear:both;
	margin:0 auto;
	text-align:center;
	margin-top:30px;
}
.Pages A {
	border:1px solid #aed066;
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 4px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 3px; COLOR: #666666; PADDING-TOP: 1px;  FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.Pages A:hover {border:1px solid #295148; COLOR: #ffffff; background:#285c50;}


.contact_tab{ width:100%}
.contact_tab tr td.left_f{ text-align:right; background:#b6db6c; color:#214845}
.contact_tab tr td.right_f{ background:#e2eec9}
.contact_tab tr td{ padding:5px;}




/*----- footer -----*/
.footer{ margin:0 auto; margin-top:10px; color:#8db88b; overflow:hidden; background:url(footer_bg.jpg) repeat-x; height:54px; position:relative; width:100%;}

.footer p{ width:1002px; display:block; margin:0 auto; position:relative;}
.footer span.left_f{ position:absolute; left:38px; top:5px;  text-align:left}
.footer span.left_r{ position:absolute; right:25px; top:17px;}

.footer a{ color:#8db88b}
.footer a:hover{ text-decoration:underline; color:#c3e9c2}