@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,img, p{font: 12px '微軟正黑體',Arial, Helvetica, sans-serif;margin:0;padding:0;border:0;outline:0;vertical-align: baseline;}


address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;}
a,a:hover,img,div,input,background{text-decoration: none;outline: none; /* for Firefox */border:none;
hlbr:expression(this.onFocus=this.blur()); /* for IE */}

body{ background:url(../images/intopbg.jpg) repeat-x #648120;}

/*WRAPPER*/
#wrapper{width:970px;margin:0px auto;}

/*HEADER*/
#header{ height:68px; }

/*LOGO*/
#logo{float:left;}
#logo a{
	margin-left:15px;
	width:217px;
	height:68px;
	display:block;
	overflow:hidden;
	line-height:90000px;
	background: url(../images/logo.png) no-repeat top left;}

/*LANGUAGE*/
#language{}
#language ul{list-style-type:none;}
#language li{ line-height:26px;float:right;color:#fff;}
#language li a{  line-height:26px; margin:0px 12px; color:#fff;display:block;}


/*MENU*/
#menu{ margin-top:10px; float:right; width:700px;}
#menu ul{ list-style-type:none;}
#menu ul li{ float: right;}
#menu ul li a{ font-weight:700; display:block;  margin:7px 0px 0px 50px; font-size:16px; color:#000;}
#menu ul li a:hover{ color:#5d8801;}
#menu ul li a.current{ color:#5d8801;}

/*BANNER*/
#banner{ width: 970px; height:150px; position: relative; overflow: hidden;}
/*MASTER*/
#master{ margin:0px; }
#left{ width:185px; padding:20px 25px 20px 0px; float:left;}
#right{ float:right; width:737px; padding:20px 0px;}

/*SEARCH*/
#search{ background:url(../images/searchbg02.jpg) no-repeat; margin-bottom:25px; width:184px; height:32px;  float: left;}
#search input{ width:135px; float:left; margin:8px 0px 8px 12px; font-size:13px; color:#6e8101; background-color:#fff;}
#search img{ margin:2px; float:right;}

/*FOOTER*/
#footer{ background:url(../images/footerbg.jpg) repeat-x; clear:both; padding:20px 0px; }
.footer-w{color:#4c4b4b; line-height:22px; width:1002px; margin:0px auto;}
.footer-w a{color:#4c4b4b; }

/*TYPEFACE*/
h1{ color:#dbff02; font-size:18px; font-weight:700; line-height:25px;}
h2{ color:#dbff02; font-size:14px; line-height:22px;}
p{ color:#fff; font-size:13px; line-height:22px;}
p a{ color:#fff;}
p sapn{ color:#dbff02;}

#path{ clear:both; margin-bottom:10px;font-size:11px;  margin-right:13px;line-height:30px; color:#fff; padding-right:5px;}
#path a{ font-size:11px;  padding:0px 5px;color:#d8dfc7; }
#path a:hover{color: #fff;}

.btn01{float:left; }
.btn01 a{font-weight:700;  margin-right:3px; padding:0px 12px; font-size:13px; display:block; line-height:24px; background-color:#afaeae; color:#585757;}
.btn01 a:hover{ color:#585757; background-color:#dbff02;}

.btn02{float:left;}
.btn02 a{background:url(../images/icon04.png) no-repeat left center; font-weight:700; float:left; margin:15px 30px; padding-left:15px;font-size:13px; display:block; line-height:24px;  color:#fff;}


.btn03{float:left;}
.btn03 a{background:url(../images/icon05.png) no-repeat right center; font-weight:700; float:left; margin:15px 30px; padding-right:15px; font-size:13px; display:block; line-height:24px;  color:#dbff02;}

/*SUBMENU*/
.submenutitle{ margin-bottom:20px; background-color:#dbff02; width:160px;  float:left;  font-weight:700; height:30px; color:#5b7c0d; padding:0px 12px; font-size:15px; line-height:30px;}
.submenu{ padding-bottom:10px; }

.menu_head {color: #fff;}
.menu_head a{ clear:both; padding:8px 10px; border-top:#b1c08f solid 1px; border-bottom:#b1c08f solid 1px;line-height:22px;display:block;font-size: 15px;color: #fff;}
.menu_head a:hover{color: #dbff02;}
.menu_head a.current{ padding-left:16px; background:url(../images/icon02.jpg) no-repeat left 13px;font-weight:700; color: #dbff02;}


.menu_body {margin:5px 0px; display: none;}
.menu_body ul{overflow:hidden; }
.menu_body li{overflow:hidden;}
.menu_body li a{display:block;margin:0px 5px 0px 15px;padding:3px;line-height:22px;color:#c7d18a;font-size:13px;}
.menu_body li a:hover{color: #dbff02;}
.menu_body li a.current{ background:url(../images/icon03.jpg) no-repeat left 12px; padding-left:10px; color:#dbff02;}

/*--PRODUCTS--*/
.product_list{overflow: hidden; margin:0px 10px 50px 10px;color:#bcbcbc;width:159px;height:195px;float: left; display:block; padding-bottom:8px; border-bottom:2px #dbff02 solid;}
.product_list a{color:#fff;}
.product_list a:hover{color:#dbff02;}

.product_pic{width: 159px;height: 159px; margin-bottom:5px;}
.product_list_title { font-size:13px;margin:0px;line-height:18px;}

.product_list p{margin-top:10px; color:#c7d18a; font-size:13px; line-height:15px;}




/*PRODUCTS-SHOW*/
#products-show{ clear:both; overflow:hidden; }
#show-pic{ float:left;  width:400px; margin:0px 23px 23px 0px;}


.products_show_title{font-size:16px;padding-right:10px;line-height:25px;margin-bottom:10px;font-weight:bold;color:#fa682f;clear:both;}
.products_show_name{ color:#fff; font-size:13px; font-weight:700; line-height:22px; padding-bottom:10px;}
.products_show_introduction{ font-size:13px;line-height:22px; color:#c4dc7f;overflow:hidden; }
.products_show_introduction a{ color:#c4dc7f;}
.products_show_introduction ul{ list-style:none;}
.products_show_introduction li{font-size:13px;line-height:22px; color:#c4dc7f;list-style: circle outside none; margin-left: 15px;}

.introduction01 {border-top:2px #dbff02 solid;padding:10px 5px;}
.introduction02 {}

.show-btn{ float:left; padding:25px 0px; border-bottom:1px solid #c1cc83;border-top:1px solid #c1cc83; width: 314px;}


/*頁籤css設定*/
.wrap{ clear:both;overflow:hidden; margin-bottom:20px; }
.domtab{ clear:both;overflow:hidden;font-size:13px; padding-bottom:37px; margin-bottom:15px;}
.domtab ul{margin:0px; list-style:none;}
.domtab li{list-style-type:none;float:left;color:#648120;}
.domtab li a, .domtab li a:visited{
	font-size:12px;
	font-weight:700;
	display:block;
	margin-top:8px;
	float:left;
	color:#fff;
	text-align:center;
	background:#41570e;
	height:33px;
	line-height:32px;
	padding:0px 15px;}

.domtab li a:hover{color:#c7d18a;}
.domtab li.current a, .domtab li.current a:visited{
	border-top:1px #41570e solid;border-left:1px #41570e solid;border-right:1px #41570e solid;
	height:32px;display:block; line-height:33px; margin-top:0px; padding-top:7px; color:#648120;display:block;background:#c7d18a;}
.page-word{width:670px;overflow:hidden;margin: 0px;clear:both;line-height:20px;}

/* DATATABLE */
.datatable {border-top: 1px solid #95a955;border-left: 1px solid #95a955;}
.datatable thead th {background: #c7d18a;color: #41570e;border-right: 1px solid #95a955;}
.datatable th {
	background: #c7d18a;
	color: #41570e;
	text-align: left;padding:2px 8px;
	font-size: 12px;
	letter-spacing: 1px;
	border-right: 1px solid #95a955;
	border-bottom: 1px solid #95a955; 
	
}
.datatable tbody td {border-bottom: 1px solid #95a955;}
.datatable td {
	background-color:#41570e;
	color: #fff;
	padding:2px 8px;
	font-size: 12px;
	text-align: left;
	letter-spacing: 1px;
	border-right: 1px solid #95a955;
	border-bottom: 1px solid #95a955;
}
.datatable  tr.altrow {}


/*NEWS*/
.news_list{color:#c1cc83;line-height:18px;border-bottom: 1px dotted #dbff02;
    margin: 15px 10px 10px 0px;overflow: hidden;padding-bottom: 15px;}
.news_list_pic{float: left;margin-right: 10px;padding-right: 10px;}
.news_title{margin-bottom:10px;overflow:hidden;float:left;width:535px;}
.news_title a{background:url(../images/icon-products-title.jpg) left no-repeat;color:#fff;font-size:14px;}
.news_date{width:535px;float:left;letter-spacing:1px;font-weight:bold;color: #dbff02;display: block;font-size: 11px;}


/*CONTACTUS*/
#contactus{float:left;padding:0px;margin:0px 0px 20px 0px;display:inline;width: 600px;}
.contact_table {clear:both;border-top: 1px solid #95A955;background:none;}
.contact_table th {color: #41570E;font-weight:normal;background-color: #b3d16e;text-align: left;padding-left: 10px;
	border-bottom: 1px solid #333;border-right: 1px solid #95A955;}
.contact_table td { background-color:#41570E;height: 24px;color: #fff;text-align: left;padding: 4px 0px 4px 10px;
	border-bottom: 1px solid #95A955;border-right: 1px solid #95A955;}
.contact_table input{ border:#95A955 1px solid;}

/*---- ADD ----*/
#banner .slide_pic{
	position: absolute;
	top: 0;
	left: 0;
	width: 970px;
	height: 150px;
}
#slide_move{
	position: absolute;
	top: 0;
	left: 0;
}

.contact_table a{
	color: #FF9;
}
.contact_table a:hover{
	color: #FFF;
}