/******************carousel page1**********************/
#carousel{
	background:#f3f3f1;
	overflow:hidden;
	position:relative;
	padding:28px 40px 31px;
}
	#carousel .es-carousel{width:100%; overflow:hidden;}
		#carousel li{float:left;}
			#carousel img{opacity:0.4; -moz-opacity: 0.4; filter:alpha(opacity=40);}
#carousel .es-nav-prev, #carousel .es-nav-next{
	display:block !important;
	width:25px;
	height:51px;
	overflow:hidden;
	position:absolute;
	top:32px;
	text-indent: 100%;
	white-space: nowrap;
	cursor:pointer;
	z-index:999;
}
#carousel .es-nav-prev{left:0px; background:url(../images/carousel-prev.jpg) 0 top no-repeat;}
#carousel .es-nav-next{right:0px; background:url(../images/carousel-next.jpg) 0 top no-repeat;}
	#carousel .es-nav-prev:hover, #carousel .es-nav-next:hover{background-position:0 bottom;}

/******************carousel page4**********************/
#carousel1{
	background:#f3f3f1;
	overflow:hidden;
	position:relative;
	padding:19px 40px 25px;
}
	#carousel1 .es-carousel{width:100%; overflow:hidden;}
		#carousel1 li{float:left;}
			#carousel1 figure a{display:block; overflow:hidden;}
				#carousel1 img{width:100%; height:auto;}
#carousel1 .es-nav-prev, #carousel1 .es-nav-next{
	display:block !important;
	width:25px;
	height:51px;
	overflow:hidden;
	position:absolute;
	top:87px;
	text-indent: 100%;
	white-space: nowrap;
	cursor:pointer;
	z-index:999;
}
#carousel1 .es-nav-prev{left:0px; background:url(../images/carousel-prev1.jpg) 0 top no-repeat;}
#carousel1 .es-nav-next{right:0px; background:url(../images/carousel-next1.jpg) 0 top no-repeat;}
	#carousel1 .es-nav-prev:hover, #carousel1 .es-nav-next:hover{background-position:0 bottom;}

/*-------------------------------------------------------------------*/

@media only screen and (max-width: 995px) {
	/* carousel page1 */
	#carousel{padding:28px 38px 31px;}
	/* carousel page4 */
	#carousel1{padding:19px 34px 25px;}
	#carousel1 .es-nav-prev, #carousel1 .es-nav-next{top:80px;}
}

@media only screen and (max-width: 767px) {
	/* carousel page1 */
	#carousel{padding:28px 52px 31px;}
	/* carousel page4 */
	#carousel1{padding:19px 45px 25px;}
}

@media only screen and (max-width: 479px) {
	/* carousel page1 */
	#carousel{padding:28px 35px 31px;}
	#carousel .es-nav-prev, #carousel .es-nav-next{top:24px;}
	/* carousel page4 */
	#carousel1{padding:19px 34px 25px;}
	#carousel1 .button{padding: 4px 10px 6px; display:block; text-align:center;}
	#carousel1 .es-nav-prev, #carousel1 .es-nav-next{top:60px;}
}