/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
/*箭頭滑入顯示*/
.owl-carousel .owl-nav {
  /*visibility: hidden; 不顯示*/
}
.owl-carousel:hover .owl-nav {
  visibility: visible; /*顯示*/
}
.owl-theme .owl-nav {
  width: 98%;
  text-align: center;
  position: absolute;
  top: 40%;
  left: 1%;
  margin: auto;
  -webkit-tap-highlight-color: transparent;
}
.c_owl .owl-nav {
  width: 110%;
  text-align: center;
  position: absolute;
  top: 55%;
  left: -5%;
  margin: auto;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
  margin: 5px;
  display: inline-block;
  cursor: pointer;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
/*箭頭樣式*/
.c_owl .owl-nav button.owl-prev {
  width: 20px;
  height: 20px;
  opacity: 1;
  position: absolute;
  left: 0;
  background-image: url("../images/arrowL_n.png"); /* 你的左箭頭圖檔 */
  background-size: contain; /* 讓圖片完整顯示 */
  background-position: center;
  background-repeat: no-repeat;
  border: none; /* 去掉預設邊框 */
  text-indent: -9999px; /* 隱藏文字箭頭 */
}
.c_owl .owl-nav button.owl-prev:hover {
  opacity: 1;
}
.c_owl .owl-nav button.owl-next {
  width: 20px;
  height: 20px;
  opacity: 1;
  position: absolute;
  right: 0;
  background-image: url("../images/arrowR_n.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  text-indent: -9999px; /* 隱藏文字箭頭 */
}
.c_owl .owl-nav button.owl-next:hover {
  opacity: 1;
}
.owl-theme .prev {
  width: 20px;
  height: 20px;
  opacity: 1;
  position: absolute;
  left: 0;
  background-image: url("../images/arrowL_n.png"); /* 你的左箭頭圖檔 */
  background-size: contain; /* 讓圖片完整顯示 */
  background-position: center;
  background-repeat: no-repeat;
  border: none; /* 去掉預設邊框 */
  text-indent: -9999px; /* 隱藏文字箭頭 */
}
.owl-theme .prev:hover {
  opacity: 1;
}
.owl-theme .next {
  width: 20px;
  height: 20px;
  opacity: 1;
  position: absolute;
  right: 0;
  background-image: url("../images/arrowR_n.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  text-indent: -9999px; /* 隱藏文字箭頭 */
}
.owl-theme .next:hover {
  opacity: 1;
}
/*點點樣式*/
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  padding: 10px 0;
}
.standard-carousel.owl-theme .owl-dots {
  bottom: -60px;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 8px;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 50px;
  border: 1px solid #d0d0d0;
  background-color: #d0d0d0;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #fe689d;
  border: 1px solid #fe689d;
}
@media (min-width: 533px) {
  .owl-theme .owl-nav {
    top: 40%;
    width: 100%;
    left: 0;
  }
  .c_owl .owl-nav {
    width: 100%;
    top: 55%;
    left: 0%;
  }
  /*箭頭樣式*/
  .owl-theme .prev {
    width: 40px;
    height: 40px;
  }
  .owl-theme .next {
    width: 40px;
    height: 40px;
  }
  .c_owl .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
  }
  .c_owl .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 768px) {
  .owl-theme .owl-nav {
    top: 40%;
    width: 100%;
    left: 0;
  }
  .c_owl .owl-nav {
    top: 60%;
    width: 100%;
    left: 0;
  }
}
@media (min-width: 992px) {
  .owl-theme .owl-nav {
    top: 40%;
    width: 100%;
    left: 0;
  }
  .c_owl .owl-nav {
    top: 40%;
    width: 100%;
    left: 0;
  }
  /*箭頭樣式*/
  .owl-theme .prev {
    width: 60px;
    height: 60px;
  }
  .owl-theme .next {
    width: 60px;
    height: 60px;
  }
  .c_owl .owl-nav button.owl-prev {
    width: 60px;
    height: 60px;
  }
  .c_owl .owl-nav button.owl-next {
    width: 60px;
    height: 60px;
  }
}