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, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 13px;
color:#524d44;
text-decoration:none;
line-height:23px;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
@charset "utf-8";
/* CSS Document */
body{
	background: url(../images/body.gif); 
	font-family: "Arial", "Helvetica", "sans-serif";
}
#wrapper{
	margin-right:auto;
	margin-left:auto;
	width:1000px;
}

#header{
	float:left;
	width:1000px;
	height:192px;
	background: url(../images/header.gif) no-repeat;
}
#language{
	float:left;
	width:975px;
	height:43px;
	padding:5px 25px 0 0;
	text-align:right;
}
#menu{ float:left;}
#header embed{
	float:left;
	width:1000px;
	height:113px;
}
#nav{
	float:left;
	display:block;
	width:975px;
	text-align:right;
	padding-right:25px;
}
#nav a:hover{ text-decoration:underline;}
#content{
	width:1000px;
	float:left;
	background:url(../images/br_wing.gif) no-repeat left top;
	background-color:#eae9e4;
	padding-bottom:20px;
}
#footer{
	float:left;
	width:1000px;
	height:160px;
	background:url(../images/bg_ft.gif) no-repeat left top;
}
#ft_menu{
	float:left;
	margin-top:30px;
	padding:5px 0 5px 70px;
	width:930px;
	border-top:1px dashed #B38648;
	border-bottom:1px dashed #B38648;
	display:block;
}
#ft_menu li{
	display:inline;
	font-size:11px;
}
#sdisk{
	float:left;
	width:1000px;
	text-align:center;
	font-size:11px;
	margin-top:10px;
}
h1{
	font-size:17px;
	font-weight:bold;
}
.date{
	font-size:11px;
	margin-right:10px;
}
#page{
	float:left;
	width:580px;
	height:25px;
	padding:2px 0 0 10px;
	margin-top:20px;
	background:url(../images/bg_page.gif) no-repeat right;
	background-color:#afa58d;
}
#page a{ padding:0 5px 0 3px;}
#page a:hover{ text-decoration:underline;}
#back{
	float:left;
	width:590px;
	height:26px;
	background:url(../images/bg_page.gif) no-repeat left;
	background-color:#afa58d;
}
#back img{
	float:right;
	margin-right:10px;
}

/*------------------------------------------------------------------------------------------------------ index --*/
#news_box h1 a,#about_box h1 a{
	margin:10px;
	padding-bottom:5px;
	float:left;
	width:306px;
	font-size:17px;
	font-weight:bold;
	background:url(../images/w_dash.gif) no-repeat bottom;
}
#news_box img,#about_box img{
	float:left;
}
#news_box,#about_box{
	float:left;
	width:418px;
	height:127px;
	display:block;
	margin:0 0 15px 70px;
	_margin:0 0 15px 35px;
}
#news_box{background:url(../images/index_bg1.gif) no-repeat top right; margin-top:38px;}
#about_box{background:url(../images/index_bg2.gif) no-repeat top right;}
#about_box h4{
	float:left;
	width:300px;
}
#news_box li{
	margin-left:10px;
	float:left;
	width:306px;
}
#about_box p{
	float:left;
	width:306px;
	margin-left:10px;
	text-align:justify;/*--IE左右對齊--*/	
    text-justify:inter-ideograph;
}
#service_box{
	float:right;
	width:500px;
	height:331px;
	display:block;
	background: url(../images/service_bg.gif) no-repeat right bottom;
}
#service_box h1{
	float:left;
	height:33px;
	width:470px;
	padding:55px 0 0 30px;
	background:url(../images/tape_h.gif) no-repeat right top;
	display:block;
}
#service_box embed{
	float:left;
	margin-left:23px;
}
.s_title{
	font-size:17px;
	font-weight:bold;
	float:left;
}
.more{ float:right; margin-right:75px;}
#service_box ul{
	padding-left:23px;
}
.ser_dm{
	float:left;
	width:126px;
	height:69px;
	display:block;
	border:1px solid #b7ae9e;
	padding:3px 0 0 3px;
	background:#FFFFFF;
	margin:5px 5px 0 0;
}
.ser_dm img{ float:left;}
.ser_dm p{ 
	float:left;
	width:56px;
	padding:14px 0 0 2px; 
	font-weight:bold; 
	line-height:17px;
}
.ser_dm a{ 
	float:left; 
	white-space:130px; 
	height:68px; 
	display:block;
}
/*------------------------------------------------------------------------------------------------------ news --*/
#submenu{
	float:left;
	display:block;
	background:url(../images/submenu_bg.gif) repeat-y;
	width:294px;
	margin-left:60px;
	_margin-left:30px;
}
#submenu li a{
	float:left;
	font-size:15px;
	width:208px;
	border:1px solid #9c7635;
	margin:5px 0 0 28px;
	padding:3px 10px;
	background:url(../images/list_icon.gif) no-repeat left;
}
#submenu li a:hover{
	background-color:#eee5ce;
}
#submenu li a.on{
	background:url(../images/list_icon.gif) no-repeat left;
	background-color:#eee5ce;
}
#submenu img{
	float:left;
}
#contact_btn{
	background:url(../images/submenu_top.gif) no-repeat left top;
	float:left;
	width:294px;
}
#contact_btn img{
	float:left;
	margin:80px 0 5px 28px;
	border:1px solid #9c7635;
}
#text{
	float:left;
	width:590px;
}
#text h1{
	margin:22px 0 10px 0;
	padding:3px 0 3px 13px;
	font-size:19px;
	width:577px;
	border-bottom:1px dashed #c39494;
	background:url(../images/list_icon.gif) no-repeat left;
	display:block;
	float:left;
}
#writing{
	background: url(../images/bg_news.gif) no-repeat left top;
	float:left;
	width:579px;
	padding:5px 0 20px 11px;
	min-height:300px;     
	height:auto !important;
	height:300px;  
}
#writing_ab{
	float:left;
	width:590px;
	padding:10px 0 20px 0;
}
#writing h2{
	margin-bottom:20px;
	font-weight:bold;
	font-size:15px;
}
.bar{
	float:left;
	padding-bottom:10px;
	border-bottom:1px dashed #c39494;
}
.list{
	float:left;
	padding-top:20px;
}
.list li{
	float:left;
	display: inherit;
	width:590px;
	margin-bottom:5px;
}
.list li a:hover{text-decoration:underline;}
.newsimg{
	float:left;
	margin:7px 16px 8px 5px;
}
#text iframe{
	float:left;
	border:1px solid #999999;
}
.zoom{
	float:left;
	border-bottom:1px dashed #c39494;
	width:590px;
	margin-bottom:20px;
}
.zoom a{color:#0033CC;}
#text h4{
	float:left;
	width:590px;
}
/*------------------------------------------------------------------------------------------------------ contact --*/
.info{
	float:left;
	width:585px;
	padding-left:5px;
	margin-bottom:20px;
}
.line_bar{
	float:left;
	width:590px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #c39494;
}
#contact_form{
	float:left;
	width:590px;
	background:url(../images/bg_contact.gif) no-repeat right bottom;
}
#contact_form th{ text-align:right; vertical-align:top; padding:2px 10px 2px 0;}
#contact_form td{ vertical-align:middle; padding:2px 10px 2px 0;}
#contact_form label{ width:300px; display: block; color:#CC0000;}
#contact_form input,#contact_form textarea{ width:300px;}
.pass{ margin-right:10px; float:left;}


/*----------------------------------------------------------------------------------------------- edm--*/
.nav_category{
	float:left;
	background-color:#afa58d;
	width:580px;
	padding-left:10px;
	margin-bottom:5px;
	}
#nav_category{
	float:left;
	background-color:#afa58d;
	width:580px;
	padding:3px 0 1px 10px;
	margin-bottom:5px;
}
.active,.inactive{ float:left; margin-right:3px; cursor:pointer; padding-top:2px;}
.sec{ float:right;}
#nav_category h2{ float:left; font-weight:normal; margin-right:115px;}
#edm{
	float:left;
	width:134px;
	height:194px;
	border:4px solid #afa58d;
	margin:10px 5px 0 0;
	display:block;

}
.dm{
	float:left;
	border:1px solid #333333;
	margin:5px 6px;
}
.name{
	float:left;
	width:118px;
	padding:0 8px;
	text-align:center;
	display:block;
}
#inquiry, #review{
	float:left;
	margin-left:23px;
}
#submenu2{
	float:left;
	display:block;
	background:url(../images/submenu_bg.gif) repeat-y;
	width:294px;
	margin-left:60px;
	_margin-left:30px;
}
#submenu2 img{
	float:left;
}

.sub_01 a, .sub_02 a, .sub_03 a,.sub_04 a,.sub_05 a,.sub_06 a,.sub_01o a, .sub_02o a, .sub_03o a,.sub_04o a,.sub_05o a,.sub_06o a{
	float:left;
	font-size:15px;
	width:158px;
	border:1px solid #9c7635;
	margin:5px 0 0 28px;
	padding:3px 10px 3px 60px;
}
.sub_01o a{background:url(../images/sub_01_o.gif) no-repeat;}
.sub_02o a{background:url(../images/sub_02_o.gif) no-repeat;}
.sub_03o a{background:url(../images/sub_03_o.gif) no-repeat;}
.sub_04o a{background:url(../images/sub_04_o.gif) no-repeat;}
.sub_05o a{background:url(../images/sub_05_o.gif) no-repeat;}
.sub_06o a{background:url(../images/sub_06_o.gif) no-repeat;}

.sub_01 a{background:url(../images/sub_01.gif) no-repeat;}
.sub_02 a{background:url(../images/sub_02.gif) no-repeat;}
.sub_03 a{background:url(../images/sub_03.gif) no-repeat;}
.sub_04 a{background:url(../images/sub_04.gif) no-repeat;}
.sub_05 a{background:url(../images/sub_05.gif) no-repeat;}
.sub_06 a{background:url(../images/sub_06.gif) no-repeat;}

.sub_01 a:hover{background:url(../images/sub_01_o.gif) no-repeat;}
.sub_02 a:hover{background:url(../images/sub_02_o.gif) no-repeat;}
.sub_03 a:hover{background:url(../images/sub_03_o.gif) no-repeat;}
.sub_04 a:hover{background:url(../images/sub_04_o.gif) no-repeat;}
.sub_05 a:hover{background:url(../images/sub_05_o.gif) no-repeat;}
.sub_06 a:hover{background:url(../images/sub_06_o.gif) no-repeat;}
/*------------------------------------------------------------------------------------------------------edm_detail--*/

#product_detail{
	float:left;
	width:590px;
	padding-bottom:10px;
}
.large{
	float:left;
	border:3px solid #333333;
	margin:10px 0;
}
.layer{
	float:left;
	width:590px;
	padding-bottom:10px;
	border-bottom:1px dashed #c39494;
}
.layer img{
	float:left;
	margin-right:10px;
	border:2px solid #333333;
}
#info,#form{
	float:left;
	margin-top:10px;
}
#info th{
	font-weight:bold;
	vertical-align:top;
	text-align:justify; /*--分散對齊--*/
	text-align-last:justify; 
	text-justify:distribute-all-lines;
	padding-right:10px;
}
#info td{
	vertical-align:top;
}
#form{
	width:400px;
	margin:10px 0;
}
#right{ float:right; width:87px;}
#form th{ width:80px; text-align:right; padding:2px 0; vertical-align:top;}
#form td{ width:300px; padding:2px 0;}
#form input,#form textarea{ width:300px;}
#form label{ width:300px; color:#CC0000;}
#show{
	float:left;
	width:271px;
	padding-left:23px;
}
#show img{
	border:2px solid #999999;
	margin:0 10px 5px 0;
}
.next a{
	float:left; 
	width:55px;
	padding-left:8px;
	background:url(../images/next.gif) right no-repeat;
	display:block;
	font-size:11px;
	line-height:15px;
}
.next a:hover{background:url(../images/next_o.gif) right no-repeat;}
.last a{
	float:left; 
	width:55px;
	text-align:right;
	padding-right:8px;
	background:url(../images/last.gif) left no-repeat;
	font-size:11px;
	line-height:15px;
}
.last a:hover{background:url(../images/last_o.gif) left no-repeat;}
.browse a{
	float:left;
	width:110px;
	text-align:center;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	font-size:11px;
	line-height:15px;
}

/*--------------------------------------------------------------------------------------------------client--*/
#client{
	float:left;
	border:3px solid #d2cdbf;
	background:#FFFFFF;
	width:584px;
	margin-top:5px;
	padding-bottom:5px;
}
#client img{
	margin:5px 5px 0 5px;
	border:1px solid #d2cdbf;
	float: left;
}
#client h3{ font-weight:bold;}

/*--------------------------------------------------------------------------------------------------------service--*/
#service{
	float:left;
	border:3px solid #d2cdbf;
	background:#FFFFFF;
	width:280px;
	margin:5px 5px 0 0;
	padding:0 2px 5px 0;
	line-height:20px;
}
#service img{
	margin:5px 5px 0 5px;
	border:1px solid #d2cdbf;
	float: left;
}
#service h2{
	font-weight:bold;
	color:#7e6729;
}

#item{
	float:left;
	background:url(../images/bg_service.gif) no-repeat;
	width:190px;
	height:336px;
	text-align:center;
}
#item p{
	margin:0 15px 0 25px;
	text-align:left;
}

#title{
	margin:22px 0 10px 30px;
	_margin:22px 0 10px 15px;
	padding:3px 0 3px 13px;
	font-size:19px;
	width:957px;
	border-bottom:1px dashed #c39494;
	background:url(../images/list_icon.gif) no-repeat left;
	display:block;
	float:left;
}

/*-----------------------------------------------------------------------------------------------------plant--*/
#video{
	float:left;
	background:url(../images/video_top.gif) top right no-repeat;
	width:441px;
	margin-left:24px;
	_margin-left:12px;
}
#movie{
	margin-top:85px;
	float:left;
	background:url(../images/video_bg.gif) right repeat-y;
	width:441px;
}
#movie embed{
	margin:10px 0 0 68px;
	border:1px solid #999999;
	border-bottom:none;
}
#movie select{
	margin:5px 0 20px 68px;
	width:330px;
}
#movie img{
	float:left;
}
#plant{
	float:left;
	width:520px;
}
#plant h1{
	margin:22px 0 10px 0;
	padding:3px 0 3px 13px;
	font-size:19px;
	width:507px;
	border-bottom:1px dashed #c39494;
	background:url(../images/list_icon.gif) no-repeat left;
	display:block;
	float:left;
}
#plant img{
	float:left;
	border:2px solid #cbc4b2;
	background-color:#FFFFFF;
	margin-right:5px;
	padding:2px;
}
#plant_txt{
	float:left;
	width:510px;
	padding:20px 0 10px 0;
	margin-top:10px;
	border-top:1px dashed #c39494;
}