/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{margin-top:0px;}
.owl-theme .owl-nav [class*=owl-]{/*color:#FFF;font-size:14px;margin:5px;padding:4px 7px;*/background:#D6D6D6;display:inline-block;cursor:pointer;/*border-radius:3px*/}
.owl-theme .owl-nav [class*=owl-]:hover{background:transparent;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.3;cursor:default}
.owl-theme .owl-dots{margin: 10px 0 30px 0;}
.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next { position: relative; width: 50px; height: 50px; border: 1px solid #aeaeae !important; border-radius: 30px; transition: all 0.35s ease 0s;}
.owl-theme .owl-nav .owl-prev span { display: block; width: 16px; height: 16px; background: url("https://www.tn-testing.com.tw/images/icon_prev_01.svg") no-repeat center / contain; margin: auto;}
.owl-theme .owl-nav .owl-next span { display: block; width: 16px; height: 16px; background: url("https://www.tn-testing.com.tw/images/icon_next_01.svg") no-repeat center / contain; margin: auto;}
.owl-theme .owl-nav .owl-prev:hover, .owl-theme .owl-nav .owl-next:hover { background: #f5911f; border: 1px solid #f5911f!important;}
.owl-theme .owl-nav .owl-prev:hover span, .owl-theme .owl-nav .owl-next:hover span { filter: brightness(0) invert(1);}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;}
.owl-theme .owl-dots .owl-dot span{ width: 13px; height: 13px; border-radius: 10px; margin: 0 6px; background: rgba(0, 64, 152, 0.2); display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease; transition: all 0.35s ease 0s;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span { background: #004098;}

/*banner*/
.banner .owl-carousel {position: relative;}
.banner .owl-dots {margin-top: 0px!important; position: absolute; bottom: 14px; left: 0px; width: 100%;}


@media only screen and (max-width:992px){
    .owl-theme .owl-nav .owl-next { width: 50px; height: 50px;}
}
@media only screen and (max-width:430px){
    .owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next { width: 40px; height: 40px;}
    .owl-theme .owl-nav .owl-prev span, .owl-theme .owl-nav .owl-next span { width: 13px; height: 13px;}
    .owl-theme .owl-dots .owl-dot span { margin: 7px;}
}