.ca-container{
	position:relative;
	margin:0px auto 0px auto;
	width:1140px;
	height:300px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:25%;
	height:100%;
	text-align:center;
}

.ca-item-main{
	padding:10px;
	position:absolute;
	left:5px;
	right:5px;
	background:#fff;
	overflow:hidden;
}
.ca-icon{
	width:100%;
	height:189px;
	position:relative;
	margin:0 auto;
}

.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(/images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.ca-item {
    width: 100%;
	}
	.ca-container {
    width: 100%;
	}
	.ca-nav span{
	left:-25px;
}
.ca-nav span.ca-nav-next {
    right: -25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.ca-item {
    width: 50%;
	}
	.ca-container {
    width: 100%;
	}
	.ca-nav span{
	left:-25px;
}
.ca-nav span.ca-nav-next {
    right: -25px;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1100px) {
	.ca-item {
    width: 25%;
	}
	.ca-container {
    width: 100%;
	}
	.ca-nav span{
	left:-25px;
}
.ca-nav span.ca-nav-next {
    right: -25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.ca-icon{
	 height: 207px;	
}
}