@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap");
body {
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #999999;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #999999;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-base-color: #ffffff;
	font-family: Roboto Condensed, Microsoft JhengHei, fantasy, Arial, Helvetica,sans-serif;
	text-align: center;
	color: #333;
	font-size: 13px;
	background-color: #F3F3E9;
}




/* 2021­×§ï */

@media only screen and (min-width: 1400px) {
	body {
		width: 80%;
		transform: scale(1.2);
	}
	
}





td {
	color: #585858;
	font-size: 13px;
	letter-spacing: 1px;
}


a:link{
	text-decoration: underline;
	color: #000;
}
a:visited{
	color: #56562E;
	text-decoration: underline;
}
a:hover,a:active{
	color: #59A94E;
}

#index-bg{
	width: 100%;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/index-bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	float: left;
}

#container-index{
	width: 100%;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/index-header-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
}

#container{
	width: 980px;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	width:980px;
	color: #FFFFFF;
	height: 120px;
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	float: left;
	margin: 0px;

}
#header-index{
	width:980px;
	color: #FFFFFF;
	height:377px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}
#header-top{
	width:980px;
	color: #FFFFFF;
	height: 52px;
	float: left;

}

#logo {
	width:240px;
	height: 120px;
	float: left;
	font-size: 30px;
	color: #FFFFFF;


}

#slogan{
	width:380px;
	float: left;
	color: #999999;
	letter-spacing: 2px;
	text-decoration: none;
	text-align: left;
	line-height: 1.2;
	height: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-top: 5px;

}


#topmenu{
	width:260px;
	height: 28px;
	float: left;
	color: #FFFFFF;
	background-image: url(../images/topmenu-bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 30px;
	padding-left: 50px;
	padding-top: 6px;
	text-align: center;

}





#topmenu ul {
	list-style: none;
	margin: 0px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #B3DBAC;
	float: left;
	width: 225px;
	padding: 0px;
}
#topmenu ul li {
	float: left;
	color: #000000;
	width: auto;
	text-align: center;
	height: 15px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #B3DBAC;
	padding-right: 10px;
	padding-left: 10px;
}
#topmenu ul li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#topmenu ul li a:hover,#topmenu ul li a.current {
	background-repeat: no-repeat;
	background-position: right top;
	font-weight: bold;
	color: #FFFFCC;
}




#add{
	width: 300px;
	color: #563061;
	font-size: 12px;
	letter-spacing: 1px;
	float: left;
	height: 20px;
	text-align: right;
	padding-bottom: 5px;
	padding-top: 5px;


}


#banner{
	width: 720px;
	float: left;
	height: 140px;
	padding-right: 10px;
	padding-left: 10px;

}


#banner-index{
	width: 980px;
	float: left;
	height: 280px;

}



#menu {
	height: 40px;
	width: 740px;
	text-align: left;
	float: left;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
}
#menu ul{
	background-image: url(../images/menu-bg.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 720px;
	margin: 0px;
	padding: 0px;


}

#menu ul li {
	width: 138px;
	float: left;
	list-style-type: none;
	text-align: center;
	background-image: url(../images/menu-line.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 35px;
	padding-top: 3px;

}

#menu li a {
	text-decoration: none;
	float: left;
	color: #56562E;
	width: 138px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 5px;
	height: 35px;

}   
#menu li a:hover {
	float: left;
	color: #59A94E;

}  


#menu li a.current{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	background-image: url(../images/menu-current.gif);
	background-repeat: no-repeat;
	background-position: center center;

}
#master-index{
	width: 980px;
	text-align: left;
	padding: 0px;
	background-repeat: repeat-y;
	margin: 0px;
	float: left;
}

#master-top{
	width: 980px;
	text-align: left;
	padding: 0px;
	background-image: url(../images/master-top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 10px;
}

#master{
	width: 980px;
	text-align: left;
	padding: 0px;
	background-image: url(../images/master.gif);
	background-repeat: repeat-y;
	margin: 0px;
	float: left;
}
#master-bottom{
	width: 980px;
	text-align: left;
	padding: 0px;
	background-image: url(../images/master-bottom.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 10px;
}
.index-box{
	float: left;
	width: 300px;
	padding: 13px;
	font-size: 12px;
	line-height: 1.6;


}

.index-box div{
	padding-bottom: 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;

}
#left{
	width:210px;
	float: left;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;

}

#left-text{
	width:150px;
	float: left;
	text-align: left;
	margin: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E4E5F5;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;

}





#submenu  {
	width: 170px;
	float: left;
	text-align: left;
	letter-spacing: 1px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 270px;
	padding-left: 20px;
	background-image: url(../images/left-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;

}

#submenu ul {
	margin: 0px;
	list-style-type: none;
	float: left;
	width: 170px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
#submenu ul li {
	margin: 0px;
	list-style-type: none;
	float: left;
	width: 170px;
	height: 28px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;


}
#submenu ul li a {
	text-decoration: none;
	color: #417838;
	width: 140px;
	float: left;
	height: 21px;
	background-image: url(../images/submenu-li.jpg);
	background-repeat: repeat;
	padding-top: 7px;
	padding-left: 30px;
}
#submenu ul li a:hover{
	color: #417838;
	background-image: url(../images/submenu-hover.jpg);
	background-repeat: no-repeat;

}
#submenu ul li a.current{
	color: #55A24A;
	font-weight: bolder;
	background-image: url(../images/submenu-current.jpg);
	background-repeat: no-repeat;

}









#content{
	float: left;
	width: 740px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;

}


h1{
	font-size: 24px;
	font-weight: bolder;
	color: #59A94E;
	letter-spacing: 1px;
	margin: 0px;
	width: 380px;
	float: left;
	height: 25px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: left;

}








#main{
	width:720px;
	float: left;
	text-align: left;
	line-height: 1.6;
	color: #535353;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}







h3{
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;

	
}

h4{
	font-size: 25px;
	color: #333333;
	margin: 0px;
	letter-spacing: 2px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;

}

h5{
	font-size: 15px;
	font-weight: bold;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin: 0px;
	color: #333333;
	letter-spacing: 1px;

}
















.leftimg {
	float: left;
	border: none;
	margin-right: 15px;
}
.rightimg {
	float: right;
	border: none;
	clip:  rect(auto,auto,auto,auto);
	margin-left: 15px;
	margin-bottom: 15px;
}

.leftimg-icon {
	float: left;
	border: none;
	margin-right: 6px;
}







.product-list{
	width: 190px;
	height: 170px;
	float: left;
	background-image: url(../images/index/products-list.gif);
	background-repeat: no-repeat;
	padding: 5px;
	margin: 10px;
}


.product-item{
	float: left;
	width: 190px;
	color: #000000;
	height: 30px;
	font-size: 11px;


}



#products-show-pic {
	FLOAT: left;
	WIDTH: 360px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}
#products-show-pic * {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WORD-BREAK: break-all; PADDING-TOP: 0px
}



#sitemap{
	line-height: 2;


}

#footer-index{
	width:100%;
	text-align: center;
	font-size: 12px;

	background-repeat: repeat-x;
	background-position: left top;

	height: 110px;
	padding-top: 40px;
	margin: 0px;
	float: left;
	
}
#footer {
	width:980px;
	text-align: center;
	font-size: 12px;
	height: 50px;
	padding-top: 20px;
	float: left;
	letter-spacing: 1px;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}




.font-8 { -webkit-transform: scale(0.8);
	display:inline-block;
	font-size: 7px;
}
.font-11 {font-size: 11px;}
.font-14 {font-size: 14px;}
.font-15 {font-size: 15px;}
.font-18 {font-size: 18px;}
.font-20 {
	font-size: 22px;
	color: #333333;
	font-weight: bold;
}
.color-0 {color: #333333;}
.color-1 {color: #E66F20;}
.color-2 {color: #563061;}
.color-3 {color: #593694;}
.color-4 {color: #669933;}
.color-5 {color: #999933;}
.color-6 {color: #333333;}
.color-7 {color: #5B5B31;}


.list-pic{
	float: left;
	height: 110px;
	width: 180px;
	margin-right: 20px;
	padding: 5px;
	background-image: url(../images/list-pic-bg.gif);
	background-repeat: no-repeat;
}



.pic{
	float: left;
	height: 150px;
	width: 200px;
	margin-right: 10px;
	padding: 5px;
	background-image: url(../images/pic.gif);
	background-repeat: no-repeat;
}



















/* pic-roll */
#ifocus * { margin:0; padding:0; word-break:break-all; }


#ifocus {
	width:341px;
	background-image: url(../images/store-pic-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 7px;
	height: 291px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#ifocus_pic {
word-break:break-all;
	display:inline;
	position:relative;
	float:left;
	width:340px;
	height:225px;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
}
#ifocus_piclist {
	position:absolute;
	margin: 0px;
	padding: 0px;
}
#ifocus_piclist ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#ifocus_piclist ul li {
	width:340px;
	height:225px;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style:none;
	margin: 0px;
}

#ifocus_piclist img {
	width:340px;
	height:225px;
	margin: 0px;
	padding: 0px;
}
#ifocus_btn {
	display:inline;
	float:left;
	width:340px;
	margin:0px;
}

#ifocus_btn ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#ifocus_btn ul li {
	width:75px;
	height:50px;
	cursor:pointer;
	opacity:0.5;


-moz-opacity:0.5; 			filter:alpha(opacity=50);
	float: left;
	margin: 0px;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-image: url(../images/store-pic-s-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	list-style:none;
	margin: 0px;
}


#ifocus_btn img { width:75px; height:50px; margin:0px; }
#ifocus_btn .current {
	opacity:1;

-moz-opacity:1; 		filter:alpha(opacity=100);
	background-image: url(../images/store-focus_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
}
#ifocus_opdiv {
	position:absolute;
	left:0;
	bottom:0;
	width:340px;
	height:35px;
	background:#000;
	opacity:0.5;

-moz-opacity:0.5; 		filter:alpha(opacity=50);
	float: left;
}
#ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; }
#ifocus_tx ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#ifocus_tx ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#ifocus_tx .normal {
	display:none;
}








.line{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;

}









.input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	padding-left: 5px;
	background-color: #EBEBEB;
	border: 1px dashed #BCBCBC;
	padding-top: 5px;
	letter-spacing: 2px;
	padding-bottom: 3px;
	line-height: 1;
}













.datatable {
	border-collapse: collapse;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7EBF75;
	width: 100%;
}

.datatable th {
	background-color:#7EBF75;
	font-size: 12px;
	line-height: 1.2;
	padding-top: 5px;
	text-align: center;
	padding-left: 15px;
	color: #FFFFFF;
	padding-bottom: 5px;
	font-weight: normal;
}
.datatable td {

	color: #666666;
	text-align: left;
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.datatable a:link{
	color: #666666;
	text-decoration: none;
}
.datatable a:visited{
	color: #666666;
	text-decoration: none;
}
.datatable a:hover,a:active{
	color: #59A94E;
}

.datatable  tr.altrow {	background-color: #EEEEEE;}




.datatable2 {
	border-collapse: collapse;
	background-color: #FFFFFF;
}

.datatable2 th {
	background-color:#77C3B7;
	font-size: 12px;
	line-height: 1.2;
	padding-top: 3px;
	text-align: center;
	padding-left: 15px;
	color: #FFFFFF;
	padding-bottom: 3px;
	font-weight: normal;
}
.datatable2 td {
	
	color: #666666;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECECDD;
	font-size: 12px;
}
.datatable2  tr.altrow {	background-color: #EEEEEE;}


/* page */
.guestbook{
	width: 710px;
	background-color: #F7F7FD;
	padding: 0px;
	border: 1px solid #C2CEEA;
	float: left;
	margin-bottom: 30px;
}
.guestbook-inquire{
	float: left;
	width: 690px;
	padding: 10px;
}

.guestbook-reply{
	width: 690px;
	float: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C2CEEA;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.guestbook-date{
	font-weight: bold;
	color: #669933;
	text-align: right;

}
.guestbook-name{
	float: left;
	width: 150px;
	font-weight: bold;
	color: #3D5AA0;
	text-align: center;
}
.guestbook-content{
	float: left;
	width: 540px;
}










#page {
	TEXT-ALIGN: center;
	width: 720px;
	font-size: 13px;
	letter-spacing: 1px;
	float: left;
	margin: 0px;
	padding-top: 10px;
	color: #666666;
	padding-bottom: 10px;
}
#page a {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none;
	font-size: 13px;
	background-image: url(../images/icon-point02.gif);
	background-repeat: no-repeat;
	background-position: right center;
	letter-spacing: 1px;
	font-weight: bold;
}
#page a:hover {
	COLOR: #59A94E;
}
#page a:active {
}
#page span.current {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	COLOR: #593694;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	font-size: 16px;
}
#page-focus{
	float: right;
	width: 100px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	height: 40px;
	padding-top: 10px;
}

.item{
	background-image: url(../images/icon-point01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}




#banner-index{
	background-image: url(../images/banner-index.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 274px;
	width: 960px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}






#index-text{
	float: left;
	width: 980px;

}
.index-text-title{
	font-size: 14px;
	font-weight: bold;
	color: #59A94E;
	background-image: url(../images/title-bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 32px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;


}
#index-text-left{
	float: left;
	width: 300px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/index-text-line.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 1.4;

}
#index-text-left div{
	float: left;
	width: 100%;

}
#index-text-middle{
	float: left;
	width: 340px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-image: url(../images/index-text-line.jpg);
	background-repeat: no-repeat;
	background-position: right center;

}
#index-text-middle div{
	float: left;
	width: 100%;

}
#index-text-middle div ul{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;


}
#index-text-middle div li{
	background-image: url(../images/icon-item.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	padding-left: 15px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	width: 300px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;

}
#index-text-middle div li a{
	text-decoration: none;


}

#index-text-right{
	float: left;
	width: 240px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;

}
#index-text-right div{
	float: left;
	width: 100%;




}




.table {
	border-collapse: collapse;
	width: 720px;
	margin-bottom: 8px;
}

.table th {
	color: #666666;
	background-color:#D5D8D3;
	text-align:left;
	font-weight: bold;
	line-height: 1.2;
	padding-top: 5px;
	padding-bottom: 5px;
	letter-spacing: 1px;
	border: 1px solid #AFB5AC;
	padding-left: 10px;
}
.table td {
	
	height: 20px;
	color: #333333;
	text-align: left;
	border: 1px solid #CCCCCC;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 8px;
	font-size: 13px;
}

.table tr.altrow  {	background-color: #F5F5F5;}
.ps{
	color: #E66F20;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}





#title{
	height: 40px;
	width: 700px;
	background-image: url(../images/title-bg.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;

}

h2{
	font-size: 18px;
	font-weight: bold;
	height: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: auto;
	float: left;
	padding-top: 0px;
	color: #563673;
	margin-top: -2px;
	background-color: #FFFFFF;
	letter-spacing: 1px;

}



.list{
	width: 720px;
	line-height: 1.6;
	font-size: 12px;
	padding-bottom: 5px;
	margin: 0px;
	float: left;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E0E0C4;
}





.list-pic-goodlink{
	float: left;
	height: 70px;
	width: 170px;
	margin-right: 20px;
	background-image: url(../images/list-pic-goodlink.jpg);
	background-repeat: no-repeat;
	behavior: url(js/iepngfix.htc);
	padding: 10px;
}