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:#666666;
text-decoration:none;
line-height:20px;
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:#20383d; 
	font-family:Arial, Helvetica, sans-serif;
}
.red{ color:#CC0000;}
h1{
	font-size:20px;
	color:#000000;
	font-weight:bold;
}
a:hover{ text-decoration:underline;}
#wrapper{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#content{
	width:1000px;
	background:url(../images/bg_content.gif) repeat-y left top;
	float:left;
	display:block;
}
#submenu,#submenu_1{
	width:250px;
	height:288px;
	float:left;
	padding-left:38px;
	background:url(../images/bg_contact.gif) no-repeat left top;
}
#submenu_1{
	background:url(../images/bg_contact1.gif) no-repeat left top;
}
#submenu p,#submenu_1 p{
	text-align:right;
	padding-right:20px;
	margin-bottom:5px;
	
}
#submenu li,#submenu_1 li{
	border:1px solid #CCCCCC;
	width:229px;
	height:25px;
	float:left;
	display:block;
	margin-top:5px;
	padding-top:5px;
}
#submenu li h3,#submenu_1 h3{
	padding-left:30px;
	margin-left:10px;
	float:left;
}
#submenu_1 h4{
	float:right;
	display:block;
	padding-right:45px;
}
#submenu_1 h4 a{
	color:#000000;
}
#submenu_1 h5{
	float:left;
	display:block;
	padding-left:55px;
	color:#000000;
	font-weight:bold;
}
#submenu_1 h5 a{
	color:#000000;
}
.tel{background:url(../images/icon_tel.gif) no-repeat left top;}
.mail{background:url(../images/icon_mail.gif) no-repeat left top;}
.mail a{ color:#006699; text-decoration:underline;}
.add{background:url(../images/icon_add.gif) no-repeat left top; font-size: 11px;}
.company,.map,.contact{
	text-align:right;
	font-weight:bold;
}
.company a, .map a, .contact a{
	display:block;
	width:174px;
	height:25px;
}
.company{ background: url(../images/bg_company.gif) no-repeat left;}
.map{ background: url(../images/bg_map.gif) no-repeat left;}
.contact{ background: url(../images/bg_contactg.gif) no-repeat left;}
.border_gray{border:1px solid #999999;}
#header_index{
	float:left;
	background:url(../images/11_flash_index.gif);
	width:660px;
	padding:0 0 0 350px;
	height:262px;
}
#header_index .menu{
	display: block;
	float: left;
	height: 100px;
	padding: 60px 10px 0 10px;
	color: #ffffff;
}
#header_index a:hover{ 
	text-decoration-line: underline;
	color: #E3D312;
}
#header{
	background:url(../images/11_bg_header.gif) no-repeat left top;
	float:left;
	width:1000px;
	padding:0 0 0 0;
	height:170px;
}
#header .link{
	display: block;
	float: left;
	height: 110px;
	padding: 0 10px;
	margin-top: 60px;
	color: #ffffff;
}
#header a:hover{ 
	text-decoration-line: underline;
	color: #E3D312;
}
#news_index{
	float:left;
	width:430px;
	background: url(../images/icon_indexnews.gif) no-repeat left top;
}
#news_index h1{
	height:37px;
	padding:18px 0 0 30px;
	float:left;
}
.date{
	float:right;
	height:25px;
	width:120px;
	padding-top:30px;
	margin-right:12px;
	color:#669900;
}
#news_index p{
	padding:5px 10px 10px 20px;
	float:left;
	display:block;
	width:400px;
	height:60px;
	background:url(../images/bg_newsp.gif) no-repeat right top;
}
#news_index{
	float:left;
}

#line_news{
	background:url(../images/line_indexnews.gif) no-repeat left;
	width:415px;
	display:block;
	text-align:right;
	color:#669900;
	padding-right:15px;
}
#title_serviceindex{
	float:left;
	background:url(../images/title_indexservice.gif) no-repeat left;
	width:430px;
	height:56px;
}
#title_serviceindex h1{
	color:#FFFFFF;		
}
#flash_service{
	float:left;
}
#title_plantindex{
	float:left;
	width:282px;
	height:35px;
	padding-top:20px;
	background:url(../images/bg_plant.gif) no-repeat left top;
}
#content_plantindex{
	float:left;
	background:url(../images/bg_plant2.gif) repeat-x left top;
	width:282px;
	display:block;
}
#content_plantindex p{
	padding:0 10px 10px 10px;
}
.plant_p{
	padding:5px 20px 10px 25px;
	width:237px;
	height:60px;
	float:left;
	display:block;
}
#bottom{
	float:left;
	width:1000px;
	background:url(../images/bg_bottom.gif) no-repeat top;
	height:23px;
}
#footer{
	float:left;
	width:1000px;
}
#ft_menu{
	float:left;
	width:520px;
	margin:10px 0 0 10px;
}
#ft_menu li{
	float:left;
	color:#669999;
}
#ft_menu a{
	color:#669999;
}
#copyright{
	float:right;
	margin-top:10px;
	text-align:right;
}
#sdisk{
	float:right;
	color:#FFFFFF;
	font-size:11px;
	width:1000px;
	text-align:right;
}
#sdisk a{ 
	color:#FFFFFF;
	font-size:11px;
}
/*---------------------------------------------------------------------------------------------------------------版型a--*/

#content_a{
	width:550px;
	float:left;
	background:url(../images/icon_title.gif) no-repeat left;
	background-position:0 5px;
}
#content_a ul{
	background:url(../images/dashed01.gif) no-repeat left top;
	float:left;
	display:block;
	width:550px;
	margin-top:10px;
	padding-top:10px;
}

#content_a li{
	float:left;
	background:url(../images/icon_li.gif) no-repeat left;
	background-position:18px 3px;
	width:510px;
	margin-top:3px;
	padding-left:40px;
}
.space{
	background:url(../images/space.gif) no-repeat left top;
	height:37px;
	float:left;
	width:970px;
	text-align:right;
	padding:10px 30px 0 0 ;
}
.space a{
	color:#336666;
}
.title{
	background: url(../images/550_line.gif) no-repeat left bottom;
	height:35px;
	padding-left:30px;
	line-height:25px;
}
#fla_r{
	float:left;
	width:162px;
	height:360px;
	background:url(../images/flash_right.gif);
}





/*---------------------------------------------------------------------------------------------------------------news--*/
#title_news{
	font-weight:bold;
	line-height:35px;
}
.news_date{
	height:25px;
	color:#669900;
	margin-top:2px;
	margin-right:10px;
	line-height:24px;
}
#page{
	float:left;
	width:530px;
	padding:20px 0 10px 20px;
	color:#006699;
}
#page a{
	display:inline;
	padding:2px;
	border:1px solid #FFFFFF;
	text-decoration:underline;
}
#page a:hover{
	border:1px solid #003333;
}
#news_img{
	padding:10px;
	float:left;
	display:block;
	margin-right:10px;
	background:url(../images/img_news_bg.gif) no-repeat left top;
}
#news_content{
	float:left;
	width:535px;
	padding-left:15px;
	line-height:19px;
	margin-top:10px;
	text-align:justify;/*--IE左右對齊--*/	
    text-justify:inter-ideograph;
}
#last{
	background:#d0dada;
	margin-top:20px;
	width:100%;
	float:left;
	text-align:right;
}



/*---------------------------------------------------------------------------------------------------------------about--*/
#about{
	margin:10px 20px 10px 5px;
	display:block;
}
#map_top{
	float:left;
	background:url(../images/map_top.gif) no-repeat left top;
	padding-top:10px;
}
#googlemap{
	background:url(../images/bg_mapbg.gif) repeat-y left top;
	padding-left:10px;
	width:525px;
}
#ys_info{
	float:left;
	width:100%;
	background:url(../images/map_bottom.gif) no-repeat left top;
	padding-top:20px;
}
/*---------------------------------------------------------------------------------------------------------------contact--*/
#form_contact{
	float:left;
	margin-top:20px;
	width:550px;
	background: url(../images/bg_form.gif) no-repeat left top;
}
#form_contact table{ 
	width:350px;
	float:right;
	margin-right:20px;
}
#form_contact th{
	text-align:right;
	vertical-align:top;
	font-weight:bold;
	line-height:20px;
	font-size:13px;
	color:#666666;
	padding-right:10px;
	padding-bottom:2px;
}
.pass{
	width::66px;
	height:33px;
	margin-right:6px;
	float:left;
}
.explain{
	height:30px;
	width:200px;
	padding:3px 0;
	display:block;
	float:left;
	color:#999999;
}
#form_contact td{padding-bottom:2px;}

.key_in input,#form_contact textarea {
	border:1px solid #999999;
	width:270px;
}
.submit{
	padding-top:5px;
}
/*---------------------------------------------------------------------------------------------------------------client--*/
#page2{
	float:left;
	width:525px;
	color:#739ba3;
	background-color:#d0dada;
	text-align:right;
	padding-right:10px;
	margin-bottom:10px;
}
#page3{
	float:left;
	width:630px;
	color:#739ba3;
	background-color:#d0dada;
	text-align:right;
	padding-right:10px;
	margin-bottom:10px;
}

#page2 a, #page3 a{
	display:inline;
	padding:2px;
	color:#20383d;
}
#page2 a:hover, #page2 a:hover{
	color:#739ba3;
	text-decoration:underline;
}
.client{
	width:533px;
	height:100px;
	float:left;
	display:block;
	border:1px solid #d0dada;
	margin-bottom:10px;	
}
.client img{
	float:left;
	margin:10px 0 0 10px;
	border:1px solid #CCCCCC;
}
.client p{
	float:left;
	width:420px;
	margin-left:10px
}

.client_name{
	float:left;
	color:#6699cc;
	margin:10px 0 0 10px;
	font-weight:bold;
}
/*---------------------------------------------------------------------------------------------------------------版型b--*/
#content_b{
	width:712px;
	float:left;
	background:url(../images/icon_title.gif) no-repeat left;
	background-position:0 5px;
}
.title_b{
	background: url(../images/712_line.gif) no-repeat left bottom;
	height:35px;
	padding-left:30px;
	line-height:25px;
}
/*---------------------------------------------------------------------------------------------------------------plant--*/
#plant_content{
	float:left;
	width:697px;
	padding-left:15px;
	line-height:19px;
	margin-top:10px;
	text-align:justify;/*--IE左右對齊--*/	
    text-justify:inter-ideograph;
}
#mov{
	float:left;
	width:310px;
}
#mov embed{
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #333333;
}
#mov select{
	float:left;
	width:302px;
}
.plant_txt{
	width:640px;
	margin:0 0 10px 2px;
	display:block;
	float:left;
}
#plant_img{
	background:url(../images/plant_bg.gif) no-repeat left top;
	width:108px;
	height:90px;
	display:block;
	padding-top:9px;
	float:left;
	text-align:center;
	margin-right:1px;
}
/*---------------------------------------------------------------------------------------------------------------service--*/
#service_content{
	float:left;
	padding:0 0 20px 10px;
}
#service_content span{
	float:left;
	width:136px;
	height:265px;
	text-align:center;
	margin-top:10px;
	padding-top:10px;
}
#service_content span p{
	width:126px;
	padding-left:10px;
	text-align:left;
}
#service_content span img{
	border:1px solid #CCCCCC;
	margin-top:3px;
}

.bag{background:url(../images/service_bg01.gif) no-repeat left;}
.bag h4{ color:#FF3333; font-weight:bold;}
.decor{background:url(../images/service_bg02.gif) no-repeat left;}
.decor h4{ color:#FF6600; font-weight:bold;}
.shoes{background:url(../images/service_bg03.gif) no-repeat left;}
.shoes h4{ color:#FF9900; font-weight:bold;}
.cloth{background:url(../images/service_bg04.gif) no-repeat left;}
.cloth h4{ color:#22724a; font-weight:bold;}
.special{background:url(../images/service_bg05.gif) no-repeat left;}
.special h4{ color:#2762d9; font-weight:bold;}




/*---------------------------------------------------------------------------------------------------------------edm--*/

.category{
	float:left;
	padding:0 10px;
	color:#20383d;
	font-weight:bold;
}
.id{
	font-weight:normal;
}
.edm{
	float:left;
	width:205px;
	height:100px;
	display:block;
	border:1px solid #d0dada;
	margin:0 10px 10px 0;	
}
.edm img{
	float:left;
	margin:10px 5px 0 10px;
	border:1px solid #CCCCCC;
}
.edm_name{
	float:left;
	color:#6699cc;
	margin-top:8px;
	font-weight:bold;
	height:60px;
	width:105px;
	display:block;
}
.inquiry{
	background:url(../images/inquiry.gif) no-repeat;
	width:101px;
	height:23px;
	display:block;
	float:left;
	text-align:center;
}
.inquiry a{
	display:block;
	width:101px;
	height:23px;
}

.menu_bag { background: url(../images/bg_bag.gif) no-repeat left;}
.menu_bag2 { background: url(../images/bg_bag2.gif) no-repeat left;}
.menu_decor{ background: url(../images/bg_decor.gif) no-repeat left;}
.menu_decor2{ background: url(../images/bg_decor2.gif) no-repeat left;}
.menu_shoes{ background: url(../images/bg_shoes.gif) no-repeat left;}
.menu_shoes2{ background: url(../images/bg_shoes2.gif) no-repeat left;}
.menu_cloth{ background: url(../images/bg_cloth.gif) no-repeat left;}
.menu_cloth2{ background: url(../images/bg_cloth2.gif) no-repeat left;}
.menu_special{ background: url(../images/bg_special.gif) no-repeat left;}
.menu_special2{ background: url(../images/bg_special2.gif) no-repeat left;}
.menu_bag a, .menu_decor a, .menu_shoes a, .menu_cloth a, .menu_special a{ display:block; width:174px; height:25px;}

.border_gray{border:1px solid #999999;}



#classification{
	background:url(../images/bg_classification.gif) repeat-x top;
	float:left;
	width:640px;
	height:30px;
}
#backto{
	background-color:#d0dada;
	float:left;
	width:640px;
	height:19px;
	margin-top:20px;
}
#dm_content{
	float:left;
	background:url(../images/detail_bg.gif) no-repeat left top;
	width:640px;
	height:320px;
	display:block;
}
.inquiry_bg{
	float:left;
	background:url(../images/inquiry_bg.gif) no-repeat left top;
	width:207px;
	height:207px;
	display:block;
}
.inquiry_img{
	float:left;
	margin:11px 15px 15px 11px;
	border:1px solid #999999;
}
.sample_img{
	float:left;
	margin:9px 15px 15px 9px;
	border:1px solid #999999;
}
.zoom{
	margin:11px 5px 0 0;
}
#dm_content img{
	float:left;
}
#dm_content table{ 
	float:left;
	width:300px;
	margin:10px 0 30px 0;
}
#dm_content th{
	font-weight:bold;
	color:#669999;
} 
.back{
	background: url(../images/bg_back.gif) no-repeat top right;
	display:block;
	width:70px;
	height:19px;
	text-align:left;
	padding-left:30px;
	float:right;
	color:#669999;
}
.description_title{
	float:left;
	width:630px;
	color:#669999;
	padding-left:10px;
	margin-bottom:10px;
	border-bottom:1px solid #d0dada;
	font-weight:bold;
}
.description{
	float:left;
	display:block;
	width:600px;
	padding-left:10px;
}
#form_inquiry{
	float:left;
	width:420px;
	margin-left:10px;
	display:block;
}
#form_inquiry th{
	text-align:right;
	font-weight:bold;
	vertical-align:top;
	padding:2px 0;
}
#form_inquiry td{
	padding-left:5px;
}

.txt{
	width:300px;
	border:1px solid #999999;
}
.instruction{
	float:left;
	display:block;
	width:630px;
	color:#669999;
	border-bottom:1px solid #669999;
	padding:0 0 10px 10px;
	margin-bottom:10px;
}