/* --------------------------------
 * 圖片輪播
 * -------------------------------- */
 
.owl-carousel {
}
.item {
}
.owl-controls .owl-nav [class*=owl-] {
	display: inline-block;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.owl-next,.owl-prev {
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 60px;
	margin-bottom: 25px;
	position: absolute;
	bottom: 50%;
}
.owl-prev {
	left: 60px;
	background-image: url(../img/arrow_left.png);
}
.owl-next {
    right: 60px;
	background-image: url(../img/arrow_right.png);
}
.owl-prev:hover {
	background-image: url(../img/arrow_left_up.png);
}
.owl-next:hover {
	background-image: url(../img/arrow_right_up.png);
}

@media only screen and (max-width:1440px) {
.owl-prev {
	left: -6px;
	background-size: 48px;
}
.owl-next {
    right: -6px;
	background-size: 48px;
}
}
@media only screen and (max-width:1200px) {
.owl-prev {
	left: 30px;
}
.owl-next {
    right: 30px;
}
}
@media only screen and (max-width:960px) {
.owl-prev {
	left: -6px;
}
.owl-next {
    right: -6px;
}
}
@media only screen and (max-width:840px) {
.owl-next,.owl-prev {
	bottom: 8%;
}
.owl-prev {
	left: 30%;
}
.owl-next {
    right: 30%;
}
}
@media only screen and (max-width:480px) {
.owl-next,.owl-prev {
	bottom: 13%;
}
.owl-prev {
	left: 30%;
	background-size: 30px;
}
.owl-next {
    right: 30%;
	background-size: 30px;
}
}