#index_owlslider .owl-nav .owl-prev { left:15px; }
#index_owlslider .owl-nav .owl-next { right:15px; }
#index_owlslider .owl-dots {  bottom:2.5%; width: 100%; position: absolute; }
#index_owlslider .owl-dots .owl-dot { width:12px; height:12px; margin: 0 5px 0 5px; }

/* ----------------------------------------------------------------
	Owl Carousel CSS
-----------------------------------------------------------------*/
.owl-height { -webkit-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out}
.owl-carousel {	display:none; -webkit-tap-highlight-color:transparent; position:relative; z-index:1; width: 100%;}
.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-loaded { display:block;}
.owl-carousel .owl-refresh .owl-item { display:none }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;} 
.owl-carousel .owl-item img { display:block; width:100%; -webkit-transform-style:preserve-3d;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }
.owl-nav .owl-prev,.owl-nav .owl-next,.owl-dot,.owl-dots button { cursor: pointer; cursor: hand; padding: 0; border: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { display: none; }
.owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;}
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.owl-carousel .owl-item img { transform-style:preserve-3d }

/* Owl Carousel - Controls
-----------------------------------------------------------------*/

.owl-carousel .owl-dots,.owl-carousel .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; line-height: 1;}

/* Owl Carousel - Controls - Arrows
-----------------------------------------------------------------*/

.owl-carousel .owl-nav [class*=owl-] {position:absolute; top:50%; margin-top:-18px; left:-36px; width:36px; height:36px; line-height:38px; color:#999999; background:rgba(100%,100%,100%,0.6); font-size:16px; border-radius:50%; opacity:0; -webkit-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.owl-carousel .owl-nav .owl-next { left: auto;	right: -36px;}
.owl-carousel:hover .owl-nav [class*=owl-] { opacity: 1; left: -18px;}
.owl-carousel:hover .owl-nav .owl-next { left: auto; right: -18px;}
.owl-carousel .owl-nav [class*=owl-]:hover { background-color: #009fa8 !important; color: #FFFFFF !important; text-decoration: none;}
.owl-carousel .owl-nav .disabled { display: none !important; }

/* Owl Carousel - Controls - Dots
-----------------------------------------------------------------*/

.owl-carousel .owl-dots .owl-dot {display: inline-block; zoom: 1; width: 8px; height: 8px; margin:30px 4px 0 4px; opacity:0.3; border-radius:50%; background-color:#666666; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.owl-carousel .owl-dots .owl-dot.active,.owl-carousel .owl-dots .owl-dot:hover { background-color:#009fa8; opacity: 1; }

/*===平版型區===*/
@media (min-width: 685px) and (max-width: 1050px) {
#index_owlslider .owl-nav .owl-prev { left:15px; }
#index_owlslider .owl-nav .owl-next { right:15px; }
#index_owlslider .owl-dots {  bottom:3%; }
#index_owlslider .owl-dots .owl-dot { width:8px; height:8px; margin: 0 4px 0 4px; }

.owl-carousel .owl-nav [class*=owl-] { margin-top:-15px; left:-30px; width:30px; height:30px; line-height:31px; font-size:16px;}
.owl-carousel .owl-nav .owl-next { left: auto; right:-30px;}
.owl-carousel:hover .owl-nav [class*=owl-] { opacity:1; left:-15px;}
.owl-carousel:hover .owl-nav .owl-next { left: auto; right: -15px;}
}

/*===手機版型區===*/
@media screen and (max-width: 686px) {
#index_owlslider .owl-nav .owl-prev { display:none; left:10px; }
#index_owlslider .owl-nav .owl-next { display:none; right:10px; }
#index_owlslider .owl-dots {  bottom:4%; }
#index_owlslider .owl-dots .owl-dot { width:6px; height:6px; margin: 0 3px 0 3px; }
}