/* ---------------------------------------------------------------- 基本設定 -----------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin:0;
	padding:0;
	}
img {
	border:0;
	}

body {
	background: #ffffff url(back.jpg) repeat-x left top;
}

TD {
	COLOR: #727272;
	FONT-SIZE: 12px;
	MARGIN: 0px;

	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
}  

TD a {
	color: #333;
	text-decoration: none;

}
TD a:hover {
	color: #4b7d02;
}


/* ---------------------------------------------------------------- 字型 ---------------------------------------------------*/


h1 {
	font-size: 15px;
	color: #346B83;
	padding:0px 0px 5px 0px;
	margin:0px;
}
h2 {
	font-size: 13px;
	color: #346B83;
	padding:0px 0px 0px 0px;
	margin:0px;
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}



/* ---------------------------------------------------------------- 內頁背景 -----------------------------------------------*/

#wrap_out {
	margin: 0 auto;
	width: 1003px;
	background-image: url(back2.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#wrap {
	margin: 0 auto;
	width: 1003px;
	background-image: url(back1.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
}

#wrap_in {
	margin: 0 auto;
	width: 969px;
}	

/* ----------------------------------------------------------- header -----------------------------------------------*/

#header {
	position: relative;	
	width:969px;
	height:77px;	
	}

#logo {
	width:324px;
	height:77px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;	
	}

#info {
	width: 645px;
	height:34px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;		
}

/* ---------------------------------------------------------------- 主選單 -----------------------------------------------*/

#nav {
	background-image:url(nav.jpg);
	background-repeat: no-repeat;	
	width: 598px;
	height:43px;
	padding: 0 25px 0 22px;
	position: absolute;
	right: 0px;
	top: 34px;
	z-index: 2;		
}
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav ul li {
	float:left;
}
#nav ul li a {
	display: block;
	background-image:url(nav.jpg);
	background-repeat: no-repeat;
	height:43px;
	color: #FFFFFF;
}
#nav ul li a span {
	display: none;
}
#nav ul li#n1 a {
    width: 102px;
	background-position: -22px 0;
}
#nav ul li#n2 a {
    width: 99px;	
	background-position: -124px 0;
}
#nav ul li#n3 a {
    width: 101px;	
	background-position: -223px 0;
}
#nav ul li#n4 a {
    width: 99px;	
	background-position: -324px 0;
}
#nav ul li#n5 a {
    width: 99px;	
	background-position: -423px 0;
}
#nav ul li#n6 a {
    width: 98px;	
	background-position: -522px 0;
}

#nav ul li#n1 a:hover {	
	background-position: -22px -43px;
}
#nav ul li#n2 a:hover {	
	background-position: -124px -43px;
}
#nav ul li#n3 a:hover {	
	background-position: -223px -43px;
}
#nav ul li#n4 a:hover {	
	background-position: -324px -43px;
}
#nav ul li#n5 a:hover {	
	background-position: -423px -43px;
}
#nav ul li#n6 a:hover {	
	background-position: -522px -43px;
}


/* --------------------------------------------------------- flash --------------------------------------------------------*/

#flash {
	width:969px;
	height:149px;		
	}


/* -------------------------------------------------------- container ------------------------------------------------------*/


#container {
	background-image: url(content_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:600px;
	_height:600px;
	position: relative;
}

	
/* ---------------------------------------------------------------- 次選單 ------------------------------------------------*/


#nav_sub {
	width: 227px;
	position: absolute;
	left: 36px;
	top: -25px;
	z-index: 5;
	}
	
#nav_sub h1 {
	width: 228px;
	height:42px;
}
#nav_sub ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0 5px 0;	
}
#nav_sub ul li {
	margin: 0px 16px;
	padding:0;
	border-bottom: 1px solid #ededed;
}
#nav_sub ul li a:link, #nav_sub ul li a:visited  {
	color: #333;
	text-decoration: none;
	margin: 0px;
	zoom: 1;
	display: inline-block;
	display: block;
	text-align: left;
	padding:0 0 0 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 40px;
	font-weight: normal;
}
#nav_sub ul li a:hover {
}


#adv {
	width: 195px;
	margin: 20px 16px 0 16px;
}
#adv h1 {
	width: 195px;
	height: 80px;
}	
	
/* ---------------------------------------------------------------- 標題 ---------------------------------------------------*/

#title {
	background: url(title_bg.jpg) no-repeat left bottom;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	width: 641px;
	height:33px;
	padding: 20px 0px 10px 0px;
	margin: 0px 0px 5px 0px;
	color:#CCCCCC;
}
#title h3 {
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	float:left;
	color:#037600;
	font-family: 華康中黑體, 新細明體, sans-serif, Verdana, Geneva;
	font-weight: bold;
}	
	
#title h3 span {
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	color:#303030;
	font-family: 華康中黑體, 新細明體, sans-serif, Verdana, Geneva;
	font-weight: bold;	
}	
#title h4 {
	float:right;
	padding: 4px 0px 0px 0px;
	margin: 0px;
	color: #535353;
	font-size: 9px;
	font-weight: normal;
}

	
/* -------------------------------------------------------- content ------------------------------------------------------*/	


#content {
	width:641px;
	margin: 0 34px 0px 297px;
	}

#content_sub{
	font-size: 13px;
	line-height: 40px;
	color: #C00;
	text-align: center;
	}
.products_alist	{
	float:right;
	}
.other {
	font-size: 12px;
	line-height: 40px;
	text-align: left;
	margin: 0 20px ;
}
	

/* --------------------------------------------------------- adv --------------------------------------------------------*/


.advbox ul{
	margin:0px;
	padding:0px;
	list-style: none;
}

.advtbox {
	margin:10px 0px 10px 0px;
}
.advbox li{
	width: 190px;
	min-height: 76px;
	display: inline-block;
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	zoom: 1;
    *display: inline;
	_height: 76px;
	padding: 0px 0px 0px 30px;
}
*+html .advbox li{
	padding: 0px 0px 0px 34px;
}
*html .advbox li{
	padding: 0px 0px 0px 34px;
}
.advbox .row_leader {
	padding-left: 18px;
	clear: left;
}

.advbox img {
	display: block;
	margin: 0px;
	padding: 0px;
	width:190px;
	height:76px;
}


/* ----------------------------------------------------------- 產品目錄列表 ----------------------------------------------------*/

.aboutbox ul{
	margin:0px;
	padding:0px;
	list-style: none;
}

.aboutbox { margin:0; }

.aboutbox li{
	width: 152px;
	min-height: 291px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	zoom: 1;
    *display: inline;
	_height: 291px;
	padding: 0px 0px 0px 5px;	
	*padding: 0px 0px 0px 10px;		
}

.aboutbox .row_leader {
	padding-left: 0px;
	clear: left;
}

.aboutbox img {
	display: block;
	margin: 0px;
	padding: 0px;
	border: 1px solid #DBDBDB;
	width:150px;
	height:281px;
}
.aboutbox a:hover img {
	border: 1px solid #4b7d02;
}

.aboutbox p.tags {
	margin: 0px 5px 20px 5px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}




.aboutbox2 ul{
	margin:0px;
	padding:0px;
	list-style: none;
}

.aboutbox2 { margin:0; }

.aboutbox2 li{
	width: 190px;
	min-height: 280px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	zoom: 1;
    *display: inline;
	_height: 280px;
	padding: 0px 0px 0px 30px;	
	*padding: 0px 0px 0px 32px;		
}

.aboutbox2 .row_leader {
	padding-left: 0px;
	clear: left;
}

.aboutbox2 img {
	display: block;
	margin: 0px;
	padding: 4px;
	border: 1px solid #DBDBDB;
	width:180px;
	height:270px;
}
.aboutbox2 a:hover img {
	border: 1px solid #4b7d02;
}

.aboutbox2 p.tags {
	margin: 0px 5px 20px 5px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}


.aboutbox3 ul{
	margin:0px;
	padding:0px;
	list-style: none;
}

.aboutbox3 { margin:0; }

.aboutbox3 li{
	width: 190px;
	min-height: 210px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	zoom: 1;
    *display: inline;
	_height: 210px;
	padding: 0px 0px 0px 30px;	
	*padding: 0px 0px 0px 32px;		
}

.aboutbox3 .row_leader {
	padding-left: 0px;
	clear: left;
}

.aboutbox3 img {
	display: block;
	margin: 0px;
	padding: 4px;
	border: 1px solid #DBDBDB;
	width:180px;
	height:200px;
}
.aboutbox3 a:hover img {
	border: 1px solid #4b7d02;
}

.aboutbox3 p.tags {
	margin: 0px 5px 20px 5px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}


.aboutbox4 ul{
	margin:0px;
	padding:0px;
	list-style: none;
}

.aboutbox4 { margin:0; }

.aboutbox4 li{
	width: 300px;
	min-height: 220px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	zoom: 1;
    *display: inline;
	_height: 220px;
	padding: 0px 0px 30px 32px;	
	*padding: 0px 0px 30px 36px;		
}

.aboutbox4 .row_leader {
	padding-left: 0px;
	clear: left;
}

.aboutbox4 img {
	display: block;
	margin: 0px;
	padding: 9px;
	border: 1px solid #DBDBDB;
	width:280px;
	height:200px;
}
.aboutbox4 a:hover img {
	border: 1px solid #4b7d02;
}

.aboutbox4 p.tags {
	margin: 0px 5px 20px 5px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}




/* ------------------------------------------------------- 最新消息 -------------------------------------------------*/

.news {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5d5d5d;
	border-bottom: 3px solid #487b43;
	margin: 0;
}
.news th {
	text-align: center;
	color: #FFFFFF;
	background: url(news_bg.gif) no-repeat right top;
	height: 24px;	
}
.news td {
	padding:0px 5px;
	line-height: 30px;
	border-bottom: 1px solid #d9d9d9;
	text-align: center;
}
.news span {
	padding: 2px 0px 0px 0px;
	display: block;
	height: 25px;	
}	
.news .thead_l {
	text-align: left;
}
.news_l {
	text-align: center;
	line-height: 30px;
	font-size: 11px;
}
.news_f {
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	background-color: #eeeded;
}
.news_r2 {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5d5d5d;
	border-bottom: 3px solid #d4d4d4;	
	border-left: 1px solid #d4d4d4;	
	border-right: 1px solid #d4d4d4;			
	margin: 0;	
}
.thead_r2 {
	text-align: left;
	background-image: url(news_title2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0 0px 80px;
	height: 30px;
	color: #e1f6ff;	
}
#news_content {
	font-size: 12px;
	text-align: left;
	margin: 10px 20px;
}
#back_news {
	margin: 0px;
	padding: 10px 26px 0px 0px;
	float: right;
}


/* ---------------------------------------------------------- 意見表單 ------------------------------------------------------*/


form {
	width: 86%;
	margin: 0px auto;
	padding: 10px 0px;	
}
.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 22px;
	margin: 0px;
	font-weight: bold;


}
.form tr {
	border: 1px dashed #d4e4d2;
}
.form th {
	text-align: left;
	padding: 4px 10px 5px 25px;
	color: #85a482;
	font-weight: bold;
	vertical-align: middle;
	background-image: url(form_04.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.form td {
	padding: 5px 10px 5px 10px;
	text-align: left;
}
.form .thk {
	background: #ffffff url(form_06.jpg) no-repeat left center;
}
.form .thr {
	background: #ffffff url(form_05.jpg) no-repeat left center;
}
.input {
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	text-decoration: none;
	border: 1px solid #d4e4d2;
	width: 200px;
	height: 18px;
}
.input2 {
	BACKGROUND-COLOR: #85a482;
	COLOR: #FFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	text-decoration: none;
	width: 50px;
	height: 22px;
	border: 1px solid #d4e4d2;
	border-collapse:collapse;
	font-weight: bold;
}
.input3 {
	BACKGROUND-COLOR: #ECF2F9;
	COLOR: #3775B3;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	text-decoration: none;
	width: 100px;
	height: 22px;
	border: 1px solid #B0CBE6;
	border-collapse:collapse;
}





/* ---------------------------------------------------------------- 網底 ---------------------------------------------------*/

#footer {
	width: 1003px;
	font-size: 11px;
	text-align: center;
	height: 98px;
	padding: 0px 0px 0px 0px;
	color: #727272;
	font-family: Arial, Helvetica, sans-serif;
}



#msn_word{
	position: absolute;
	z-index: 9;
	top: 209px;
	right: 150px;
	font-size: 13px;
	color: #006600;
	text-align: right;
	font-weight: bold;
}

#msn_id {
	position: absolute;
	z-index: 10;
	top: 200px;
	right: 43px;
	height: 50px;
	width: 100px;
}