/* CSS Document */

body{
	background:#FFFFFF url(../images/bg.png)no-repeat;
	width:100%;
	height:auto;
	margin:auto;
	font-family: 'supermarketregular';
	
	
	}
.content{
	width:1006px;
	height:auto;
	margin:auto;
	
	}
	
.menu{
	background:url(../images/menu_02.png);
	width:1006px;
	height:123px;
	margin:auto;
	padding-top:10px;
	}
	
.sub{
	width:751px;
	height:48px;
	float:right;
	
	}
.th{
	width:120px;
	height:30px;
	float:right;
	color:#5ab689;
	text-align:right;
	margin-right:30px;
	margin-bottom:20px;
	
	}
	.th a:link, .th a:active, .th a:visited{text-decoration:none; color:#5ab689;}
.th a:hover{text-decoration: none; color:#5ab689;}
.clear{
	clear:both;
	}
.div-menu{
	width:auto;
	height:auto;
	float:right;
	padding:13px;
	font-size:20px;
	color:#323232;
	
	margin:2px 20px 2px 2px;
	
	
	}
	
	.div-menu a:link, .div-menu a:active, .div-menu a:visited{text-decoration:none; color:#026934;}
.div-menu a:hover{text-decoration: none; color:#5ab689;}
	
.div-menu:hover{
	border:#5ab689 solid 2px;
	width:auto;
	height:auto;
	float:right;
	padding:13px;
	font-size:20px;
	margin:0px 18px 0px 0px;
	
	
	}
	
.fade{
	width:1006px;
	height:487px;
	position: relative;
	
	}
.bg-pro{
	background:url(../images/pic-promo_17.png);
	width:327px;
	height:340px;
	float:left;
	margin-right:10px;
	margin-top:30px;
	
	
	}
.h-pro{
	background:#5ab689 ;
	width:148px;
	height:41px;
	color:#FFFFFF;
	font-size:20px;
	padding-top:10px;
	text-align:center;
	
	}
	.h-pro2{
	width:148px;
	height:41px;
	color:#FFFFFF;
	font-size:20px;
	padding-top:10px;
	text-align:center;
	
	}
.text-pro{
	width:300px;
	height:250px;
	margin:auto;
	margin-top:30px;
	color:#323232;
	

	}
	
	.text-pro a:link, .text-pro a:active, .text-pro a:visited{text-decoration:none; color:#323232;}
.text-pro a:hover{text-decoration: none; color:#5ab689;}

.pic-pro{
	width:667px;
	height:340px;
	float:left;
	margin-top:30px;
	}
	
.div-ac{
	width:503px;
	height:388px;
	float: left;
	margin-top:30px;
	}
	
.div-txt-ac{
	background:#e4f3ec;
	width:420px;
	height:320px;
	margin:auto;
	color:#323232;
	padding:10px;
	
	}
	
.div-bg-pomo{
	background:url(../images/bg-xx_74.png);
	width:496px;
	height:388px;
	margin:auto;
	
	}
	
.div-pic-pomo{
	width:427px;
	height:208px;
	margin:auto;
	margin-top:20px;
	
	}
.div-text-pomo{
	width:427px;
	height: auto;
	margin:auto;
	margin-top:10px;
	text-align:center;
	color:#323232;
	
	}
	.div-text-pomo a:link, .div-text-pomo a:active, .div-text-pomo a:visited{text-decoration:none; color:#323232;}
.div-text-pomo a:hover{text-decoration: none; color:#5ab689;}
	
.clear{
	clear:both;
	
	}
	
.div-pic-sevic{
	width:340px;
	height:349px;
	float:left;
	margin-top:30px;
	
	}
	
.div-sevic-list{
	width:300px;
	height: auto;
	float:left;
	margin-left:30px;
	
	}
	
.div-text-list-s{
	width:300px;
	height:30px;
	margin-top:10px;
	font-size:16px;
	color:#323232;
	}
	.div-text-list-s a:link, .div-text-list-s a:active, .div-text-list-s a:visited{text-decoration:none; color:#323232;}
.div-text-list-s a:hover{text-decoration: none; color:#5ab689;}
	
.icon-s{
	width:15px;
	height:14px;
	float:left;
	margin-top:5px;
	margin-right:10px;
	
	}.icon-2{
	width:15px;
	height:14px;
	float:left;
	
	margin-right:10px;
	
	}
	
.foot{
	background:url(../images/bg-foot_11.png);
	width:100%;
	height:208px;
	margin-top:30px;
	}
	
.div-haf-foot{
	width:503px;
	height:160px;
	float:left;
	padding-top:5px;
	
	}
	
.icon-foot{
	width:26px;
	height:25px;
	float:left;
	}
	
.div-foot{
	width:400px;
	height:25px;
	margin-top:7px;
	color:#FFFFFF;
	}
	
.menu-foot{
	width:500px;
	height:30px;
	margin-top:10px;
	color:#FFFFFF;
	}
	
	.menu-foot a:link, .menu-foot a:active, .menu-foot a:visited{text-decoration:none; color:#FFFFFF;}
.menu-foot a:hover{text-decoration: none; color:#5ab689;}
	
.coppy-foot{
	
	width:1006px;
	height:25px;
	color:#FFFFFF;
	margin-top:15px;
	font-size:14px;
	}
	
/*--------------------------service-------------------*/

.div-h-bar{
	border:#5ab689 solid 2px;
	width:987px;
	height:47px;
	margin:auto;
	padding-left:15px;
	margin-top:15px;
	
	margin-top:15px;
	
	}
	
.div-text-s{
	width:800px;
	height:30px;
	margin-top:10px;
	font-size:16px;
	
	}
	
.div-pic-ser{
	width:411px;
	height:277px;
	float:left;
	margin-top:20px;
	
	}
	
.div-1-taxt{
	width:580px;
	height:auto;
	float:left;
	margin-left:15px;
	margin-top:20px;
	}
	
	.div-2-taxt{
	background:#5ab689;
	width:560px;
	font-size:18px;
	color:#323232;
	padding-left:20px;
	padding-top:5px;
	}
	
	.div-3-taxt{
	background:#5ab689;
	width:580px;
	height:auto;
	font-size:18px;
	color:#323232;
	color:#FFFFFF;
	}


	
	.div-h-3{
		width:260px;
		height:30px;
		float:left;
		color:#FFF3F3;
		font-size:16px;
		padding-left:30px;
		margin-top:10px;
		
		
		}
		.div-h-4{
		width:260px;
		height:30px;
		float:left;
		color:#FFF3F3;
		font-size:16px;
		padding-right:30px;
		text-align:right;
		margin-top:10px;
		
		}
		
/*------------------contact-us--------------*/

.div-haf-con{
	width:503px;
	height:467px;
	float:left;
	
	
	}
	
.hcon{
	width:300px;
	height:30px;
	color:#5ab689;
	font-size:20px;
	
	}
	
	
.name-f{
	width:250px;
	height:57px;
	float:left;
	margin-top:10px;
	
	}
	
	.name-con{
	width:250px;
	height:20px;
	float:left;
	font-size:14px;
	color:#323232;
	}
	
	.f1{
	background:#e0e0e0;
	width:240px;
	height:30px;
	float:left;
	border:none;
	
	}
	.f1x{

	width:240px;
	height:30px;
	float:left;
	text-align:center;
	color:#5ab689;
	
	}
	
	.name-f2{
	width:500px;
	height:57px;
	float:left;
	margin-top:10px;
	
	}
	
	.name-con2{
	width:500px;
	height:20px;
	float:left;
	font-size:14px;
	color:#323232;
	}
	
	.f2{
	background:#e0e0e0;
	width:490px;
	height:82px;
	float:left;
	border:none;
	
	}
	
.bt-con{
	width:495px;
	height:34px;
	margin:auto;
	margin-top:10px;
	
	}
	
.div-add{
	width:400px;
	height:25px;
	margin:auto;
	margin-top:5px;
	color:#323232;
	
	}
	
	.div-add2{
	width:400px;
	height:35px;
	margin:auto;
	margin-top:5px;
	color:#323232;

	}
	
.map1{
	width:393px;
	height:164px;
	margin:auto;
	margin-top:20px;
	
	}
	
.map2{
	width:1006px;
	height:176px;
	margin:auto;
	margin-top:20px;
	
	}
	
/*--------------------gallery----------------*/

.gall1{
	width:495px;
	height:181px;
	float:left;
	margin:15px 4px 4px 4px;
	
	}
	
	.gall-pic{
	width:241px;
	height:181px;
	float:left;
	
	
	}
	
.gall-bg{
	background:url(../images/gallery_13.png);
	width:254px;
	height:100px;
	float:left;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	padding-top:81px;

	
	}
	
/*---------------------knowledge------------*/

.div-know{
	width:330px;
	height:auto;
	float:left;
	
}
.div-know-pic{
	width:673px;
	height:auto;
	float:left;
	
	}
	
.know-pic{
	width:673px;
	height: auto;
	
	}
	
.know-tex{
	width:666px;
	height: auto;
	margin-top:10px;
	color:#323232;
	
	}
	
.data{
	background:#5ab689;
	width:120px;
	height:25px;
	margin:10px 10px 10px 0px;
	color:#FFFFFF;
	padding-top:5px;
	text-align:center;
	
	}
	
.div-bg-know{
	background:url(../images/konw_07.png);
	width:325px;
	height:202px;
	
	
	}
	
.div-t-know{
	width:300px;
	height:130px;
	margin:auto;
	text-align:center;
	color:#323232;
	
	}
	
.div-bg-know2{
	background:url(../images/konw_17.png);
	width:325px;
	height:158px;
	margin-top:10px;
	
	}
	

/*---------------------knowledge-detail-----------*/

.div-bg-knowledge{
	border:#5ab689 solid 2px;
	width:492px;
	height: auto;
	float:left;
	margin:3px;
	margin-top:10px;
	padding-bottom:5px;
	}
	
.div-bg-knowledge2{
	background:url(../images/fame1_09.png);
	width:496px;
	height:388px;
	float:left;
	margin:3px;
	margin-top:10px;
	
	}
	
/*---------------------promotion-----------*/
.div-bg-promotion{
	background:url(../images/bg-pro_21.png);
	width:325px;
	height:339px;
	
	}
	
.div-t-promotion{
	width:300px;
	height:230px;
	margin:auto;
	margin-top:20px;
	text-align:center;
	color:#323232;
	
	}
	
.div-pic-promo{
	width:243px;
	height:121px;
	float:left;
	
	}
	
.content3{
	width:1006px;
	height:auto;
	margin:auto;
	margin-top:10px;
	
	}
	
	
.div-bg-promo{
	border:#5ab689 solid 2px;
	width:741px;
	height: 119px;
	float:left;
	margin-left:10px;
	
	}
	
	.text-promoxx{
		width:702px;
		height: auto;
		margin: auto;
		margin-top:21px;
		color:#323232;
		
		}
		
	.text-promoxx a:link, .text-promoxx a:active, .text-promoxx a:visited{text-decoration:none; color:#323232;}
..text-promoxx a:hover{text-decoration: none; color:#5ab689;}
		
	.text-promoxx-date{
		background:#5ab689;
		width:162px;
		height:25px;
		float:right;
		color:#ffffff;
		font-size:16px;
		padding-top:5px;
		padding-left:15px;
		margin-top: 45px;
		}
	
.box1 {
	padding-left: 30px;
	width: 630px;
	float: left;
	margin-top:30px;
}
.box2 {
	width: 50%;
	float: left;
	color:#000000;
	font-size:20px;
}
.box2  a:link, .box2  a:active, .box2  a:visited{text-decoration:none; color:#000000;}
.box2  a:hover{text-decoration: none; color:#5ab689;}


.pagination li{
	margin-left: 1px;
	background: #5AB689;
	padding: 5px 10px;
	display: inline;
}
.pagination a{
	color: white;
}
a.active {
	color: red;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}