@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;700&family=Noto+Serif+TC:wght@300;400;700;900&display=swap");
body {
  font-family: 'Noto Sans TC', sans-serif;
}

.text-primary {
  color: #959539 !important;
}

.bg-primary {
  background-color: #959539 !important;
}

img {
  max-width: 100%;
  display: block;
}

p {
  font-size: 16px;
  line-height: 2;
}

.link-item {
  text-transform: uppercase;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-light .navbar-toggler {
  border: none;
}

main {
  margin-top: 101px;
}

.text-serif {
  font-family: 'Noto Serif TC', serif;
}

.grey {
  filter: grayscale(1);
}

.ls-4 {
  letter-spacing: 4px;
}

.btn-primary {
  color: #fff;
  background: #959539;
  outline: none;
  border: none;
}

.btn-primary:hover {
  background: #757525;
  text-decoration: none !important;
}

.slick .item {
  margin: 0 20px 40px 20px;
}

.slick img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 768px) {
  .slick img {
    height: 400px;
  }
}

.uppercase {
  text-transform: uppercase;
}

.hero {
  position: relative;
}

@media (max-width: 768px) {
  .hero .content {
    padding: 40px;
  }
}

.hero .content .title {
  font-size: 20px;
  letter-spacing: 3px;
  margin-bottom: 80px;
}

@media (max-width: 768px) {
  .hero .content .title {
    margin-bottom: 40px;
  }
}

.hero .content .txt {
  color: #777;
}

.hero .content .txt small {
  line-height: 1;
}

.hero .image {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero .image img {
  width: 300px;
  display: block;
}

@media (max-width: 768px) {
  .hero .image {
    padding: 40px;
  }
  .hero .image img {
    width: 200px;
  }
}

.navbar .navbar-brand img {
  width: 50px;
}

.navbar .navbar-brand h1 span {
  display: block;
  font-size: 24px;
  letter-spacing: 2px;
}

.navbar .navbar-brand h1 small {
  display: block;
  font-size: 12px;
}

.navbar .navbar-nav .nav-item .nav-link {
  letter-spacing: 3px;
  font-size: 14px;
  color: #444;
}

.navbar .navbar-nav .nav-item .nav-link:hover {
  color: #959539;
}

.navbar .sns-list .item {
  display: block;
  width: 30px;
  height: 30px;
  background: #959539;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  opacity: 0.75;
  transition: opacity 0.3s;
}

.navbar .sns-list .item i {
  color: #fff;
  font-size: 16px;
}

.navbar .sns-list .item:hover {
  opacity: 1;
}

section {
  padding: 75px 0;
}

section .hero {
  padding: 0;
}

section .section-title {
  font-size: 20px;
  color: #111;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.contact a {
  text-decoration: none;
}

.contact a:hover {
  text-decoration: underline;
}

.ls-2 {
  letter-spacing: 0.2rem;
}
/*# sourceMappingURL=all.css.map */