/* 2021 August restyled css */

body {
  font-family: 'Maven Pro', 'Noto Sans TC', sans-serif;
}

h1, h2, h3, h5 {
  color: #009687;
}

ul {
  padding-left: 16px !important;
}

a {
  color: #00B3A1;
  font-weight: 500;
  transition: .5s;
}

a:hover {
  color: #009687;
  text-decoration: none;
}

hr {
  background-color: transparent;
  border-top: 0;
  height: 1px;
}

.custom {
  font-family: 'Maven Pro', 'Noto Sans TC', sans-serif;
}

/* Nav */

.custom nav {
  font-size: 18px;
  font-weight: 500;
  background-color: #D49A64;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
  padding-left: 12px;
  padding-right: 12px;
}

.navbar img {
  height: 80px;
  display: block;
}

.navbar-brand {
  padding: 0;
}

.custom .navbar-dark .social-media a {
  display: inline-block;
  margin-right: 8px;
  color: rgba(255, 255, 255, 1);
  transition: .5s;
}

.custom .navbar-dark .social-media a:hover {
  color: rgba(255, 255, 255, .75);
}

.follow-us {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: white;
  letter-spacing: 0.5px;
}

.fa-2x {
  font-size: 44px;
}

@media only screen and (max-width: 600px) {
  h1 {
    font-size: 24px !important;
  }
  .navbar img {
    width: 60px;
  }
  .social-media, .follow-us {
    margin-left: 28px;
  }
}

/* Footer */

.footer {
  padding: 24px;
}

.footer ul li {
  list-style: none;
}

/* Main */

main>.content {
  padding: 24px 24px 0 24px;
}

.shift-header {
  margin-top: 96px;
}

/* --Carousel */

.carousel.cover img {
  height: calc(100vh - 96px);
  object-fit: cover;
}

.carousel-caption h1 {
  font-size: 40px;
}

.carousel-caption h3 {
  color: #009687;
  font-size: 32px;
}

.carousel-caption {
  padding-bottom: 60px;
}

.jumbotron.transparent {
  background: transparent;
}

/* --Tab */

.tab-content {
  padding-top: 24px;
}

/* Button */

.btn {
  padding: 8px;
  border: 0;
}

.btn-light {
  color: #FFFFFF;
  background-color: #00B3A1;
}

.btn-light:hover {
  color: #FFFFFF;
  background-color: #009687;
}

/*以下未修改

.copy {
  background: rgba(0, 0, 0, 0.5);
  padding: 20px;
  padding-top: 20px;
  color: #fff;
  font-size: 1.2em;
  font-weight: normal;
}

.copy h1 {
  margin: 0px;
  margin-bottom: 20px;
  font-family: 'Oswald', sans-serif;
  color: #dee615
}

.copy h2, .copy h3, .copy h4 {
  font-family: 'Oswald', sans-serif;
  color: #dee615
}

.copy .jumbotron h2, .copy .jumbotron h3, .copy .jumbotron h4 {
  font-family: 'Oswald', sans-serif;
}

.copy a {
  color: #dee615;
  text-decoration: none;
  transition: .5s;
}

.copy a:hover {
  color: deepskyblue;
}
*/

@media only screen and (max-width: 1023px) {
  h1.banner {
    font-size: 24px !;
  }
  .carousel-caption h1 {
    font-size: 24px;
    margin-bottom: 8px;
  }
  .carousel-caption h3 {
    font-size: 18px;
  }
  .carousel-caption {
    padding-bottom: 10px;
    bottom: 0;
  }
  .carousel-caption p {
    font-size: 12px;
    margin-bottom: 0;
  }
}