@charset "UTF-8";
/*@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap');

html, body {
  /*image-rendering: -webkit-optimize-contrast;*/
  /*image-rendering: optimize-contrast;*/
}

body {  
  color: #272727;
  font-family: 'Noto Sans TC', sans-serif;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.bg-dot {
  background: url(../images/bg.jpg);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #000;
}
.btn-caution {
  right: 5px;
  bottom: 5px;
}
.btn-caution .btn {
  font-size: 12px;
  padding: 0.25rem 0.5rem;
}

@media (min-width: 1200px) {
  .btn-caution {
    right: 0px;
    bottom: 20px;
  }
  .btn-caution .btn {
    font-size: 16px;
    padding: 0.5rem 0.75rem;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 24px;
    left: 0;
    width: 100%;
  }
  .swiper-pagination-bullet {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;
  }
  .swiper-pagination-bullet-active {
    background: #000;
  }
}