/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
 
.owl-carousel, .owl-carousel .owl-item {
	-webkit-tap-highlight-color:transparent;
	position:relative
}
.owl-carousel {
	display:none;
	width:100%;
	z-index:1
}
.owl-carousel .owl-stage {
	position:relative;
	-ms-touch-action:pan-Y
}
.owl-carousel .owl-stage:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
.owl-carousel .owl-stage-outer {
	position:relative;
	overflow:hidden;
	-webkit-transform:translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
	min-height:1px;
	float:left;
	-webkit-backface-visibility:hidden;
	-webkit-touch-callout:none
}
.owl-carousel .owl-item img {
	display:block;
	width:100%;
	-webkit-transform-style:preserve-3d
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	display:none
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
	display:block
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
	cursor:pointer;
	cursor:hand;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.owl-carousel.owl-loading {
	opacity:0;
	display:block
}
.owl-carousel.owl-hidden {
	opacity:0
}
.owl-carousel.owl-refresh .owl-item {
	visibility:hidden
}
.owl-carousel.owl-drag .owl-item {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.owl-carousel.owl-grab {
	cursor:move;
	cursor:grab
}
.owl-carousel.owl-rtl {
	direction:rtl
}
.owl-carousel.owl-rtl .owl-item {
	float:right
}

/*= 動畫特效 ==============================================*/
.owl-carousel .animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}

/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-carousel .owl-animated-in {
	z-index:0;
}

/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-carousel .owl-animated-out {
	z-index:1;
}


/*= owl.js  預設特效動畫特效 ==============================================*/
.owl-carousel .fadeOut {
	-webkit-animation-name:fadeOut;
	animation-name:fadeOut
}
@-webkit-keyframes fadeOut {
	0% {
	opacity:1
	}
	100% {
	opacity:0
	}
}
@keyframes fadeOut {
	0% {
	opacity:1
	}
	100% {
	opacity:0
	}
}


.owl-height {
	transition:height .5s ease-in-out
}


.owl-carousel .owl-item .owl-lazy {
	opacity:0;
	transition:opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy {
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d
}


.owl-carousel .owl-video-wrapper {
	position:relative;
	height:100%;
	background:#000
}
.owl-carousel .owl-video-play-icon {
	position:absolute;
	height:80px;
	width:80px;
	left:50%;
	top:50%;
	margin-left:-40px;
	margin-top:-40px;
	background:url(owl.video.play.png) no-repeat;
	cursor:pointer;
	z-index:1;
	-webkit-backface-visibility:hidden;
	transition:-webkit-transform .1s ease;
	transition:transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
	-webkit-transform:scale(1.3, 1.3);
	-ms-transform:scale(1.3, 1.3);
	transform:scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
	display:none
}
.owl-carousel .owl-video-tn {
	opacity:0;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
transition:opacity .4s ease
}
.owl-carousel .owl-video-frame {
	position:relative;
	z-index:1;
	height:100%;
	width:100%
}