@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);@charset "UTF-8";

body {
  /* 先套用 Noto Sans TC 這個 思源黑體 */
  font-family: 'Noto Sans TC', '\5FAE\8EDF\6B63\9ED1\9AD4', sans-serif;
}

/* Slider */

.slick-loading .slick-list {
  background: #fff url("/ajax-loader.gif") center center no-repeat;
}

/* Icons */

@font-face {
  font-family: 'slick';

  font-weight: normal;

  font-style: normal;

  src: url("./fonts/slick.eot");

  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.svg#slick") format("svg");
}

.img-hover-2 {
  overflow: hidden;
  position: relative;
}

.img-hover-2:after {
  background: #000;
  content: "";
  height: 200%;
  left: -300%;
  opacity: .2;
  position: absolute;
  top: -150px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 800px;
  z-index: 10;
}

.img-hover-2:hover:after {
  left: -150px;
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.flatpickr-prev-month svg, .flatpickr-next-month svg {
  display: inline;
}

.box_title::before {
  content: '';
  border-right: solid 2px #DEAE5B;
  position: absolute;
  left: 99%;
  z-index: 1;
  height: 20%;
}

.box_title::after {
  content: '';
  border-right: solid 2px #DEAE5B;
  position: absolute;
  left: 99%;
  bottom: 0%;
  z-index: 1;
  height: 20%;
}

.nav_btn {
  display: block;
  padding: 8px 16px;
}

.btn_effect::before, .btn_effect::after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #DEAE5B;
}

.nav_btn::before, .nav_btn::after {
  content: "";
  width: 2px;
  height: 0;
  position: absolute;
  transition: all 0.2s linear;
  background: #DEAE5B;
}

.btn_effect:hover::before, .btn_effect:hover::after {
  width: 100%;
}

.btn_effect:hover .nav_btn::before, .btn_effect:hover .nav_btn::after {
  height: 100%;
}

.btn_effect::after {
  left: 0;
  bottom: 0;
  transition-delay: 0.6s;
}

.btn_effect .nav_btn::after {
  transition-delay: 0.4s;
  right: 0;
  bottom: 0;
}

.btn_effect::before {
  right: 0;
  top: 0;
  transition-delay: 0.2s;
}

.btn_effect .nav_btn::before {
  transition-delay: 0s;
  left: 0;
  top: 0;
}

.btn_effect:hover::after {
  transition-delay: 0s;
}

.btn_effect:hover .nav_btn::after {
  transition-delay: 0.2s;
}

.btn_effect:hover::before {
  transition-delay: 0.4s;
}

.btn_effect:hover .nav_btn::before {
  transition-delay: 0.6s;
}