@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&display=swap");

@font-face {
  font-family: "Futura";
  src: url("./../font/futura/FuturaMedium.ttf");
}

* {
  font-family: "Noto Sans TC", "Noto Sans SC";
}

.futura {
  font-family: "Futura";
}

/* For the entire scrollbar */
::-webkit-scrollbar {
  width: 6px;
  z-index: 9999;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  z-index: 9999;
}

::-webkit-scrollbar-thumb {
  background-color: #4353ffac;
  border-radius: 10px;
  z-index: 9999;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #4353ff95;
}

::-webkit-scrollbar-corner {
  background-color: #f1f1f1;
}

#scrollbarHeight ::-webkit-scrollbar {
  height: 2px;
}

.scrollbar_none ::-webkit-scrollbar {
  display: none;
}

.slick-dots li button:before {

  transition: opacity .25s ease-in !important;
  opacity: .3 !;
  filter: alpha(opacity=30);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .9) !important;
  background: #fff !important;
  border-radius: 50% !important;
  width: 8px !important;
  height: 8px !important;
  cursor: pointer;
  display: inline-block;
  color: transparent !important;
  margin: 0 8px !important;

}

.slick-dots {
  bottom: 15px !important;
}

@media (max-width:576px) {
  .slick-dots {
    bottom: 0px !important;
  }

}