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

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5{
  color: #111;
}

img{
  max-width: 100%;
}

span{
  color: #888;
}

a{
  color: #797979;
}

.navbar-brand img{
  width: 80px;
  border-radius: 50%;
}
.hero-wrap{
  position: relative;
  width: 100%;
  background: url(../pic/首頁大圖/banner.jpg) no-repeat right center/cover,#aaa;
  /* background-blend-mode: multiply; */
}

@media (max-width: 767px){
  .hero-wrap{
    display: none;
    background: url(../pic/首頁大圖/banner.jpg) no-repeat right/cover , #888;
  }
}

.video-background{
  object-fit: cover;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.btn.btn-primary{
  background: rgba(214, 179, 132,0.3);
  border: 2px double rgb(214, 179, 132);
  min-width: 160px;
}

.btn.btn-primary:hover{
  background: rgb(214, 178, 132);
  border: 2px double rgb(214, 179, 132);
  color: #fff;
}

#services{
  background-image: url(../pic/公司形象照/4.jpg);
}

#services .heading-section h2{
  color: #eee;
}

.heading-section h2::before{
  background: url(../image/logo.png) no-repeat center/contain;
}

#services .heading-section h2::before,
.heading-section h2::before{
  background: none;
}

.staff a.btn-sns{
  color: #e4c039;
  border: 1px solid #e4c039;
  border-radius: 50%;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 5px;
}

.staff a.btn-sns:hover{
  border: 1px solid #e4c039;
  background-color: #e4c039;
  color: #fff;
}

.staff .info p{
  margin-bottom: 10px;
}

/* .ftco-navbar-light.scrolled{
  background: url(../image/bg-nav.jpg) no-repeat bottom/cover;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
} */

.ftco-navbar-light.scrolled .nav-item>.nav-link {
  color: #363636;
}

.ftco-navbar-light.scrolled .navbar-toggler{
  color: #45775ebf;
  outline: none;
}

.ftco-intro .wrap .info p{
  color: #fff;
  border-bottom: 1px solid #fff;
}

.ftco-intro .wrap h3{
  color: #fff;
}

.ftco-intro .wrap .info{
  background: url(../image/bg-intro.jpg) no-repeat center/cover;
}

.ftco-appointment{
  background: #111;
}
.ftco-appointment h2,
.ftco-appointment h5{
  color: #fff;
}

.ftco-appointment a{
  color: #f7d7ba
}

/* .appointment{
  background: url(../image/bg-contact.png) no-repeat center/cover;
} */

.ftco-intro a{
  color: #fff;
}

@media (min-width: 991px){
  .ftco-intro {
      margin-top: -75px;
  }
}

.text-shadow-heavy{
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}

.hero-sns-link{
  border: 1px solid #000;
  background: #fffaf088;
  border-radius: 50%;
  color: #000;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-right: 15px;
  font-size: 25px;
  transition: 0.4s;
}

.hero-sns-link:hover{
  filter: brightness(1.1);
  border-color: #e4c039;
}

.btn-work-photo{
  position: relative;
  transition: 0.4s;
  display: block;
  z-index: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.btn-work-photo::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border: goldenrod 1px solid;
  transform: rotate(3deg) translate(-53%,-50%);
  transform-origin: 0%;
  z-index: -1;
}

.btn-work-photo:hover{
  filter: brightness(0.8);
}



#team{
  background: url(../image/bg-team.jpg) no-repeat center/cover;
}

.divider{
  background: url(../image/divider.png) no-repeat center/contain;
  width: 100%;
  max-width: 400px;
  height: 30px;
  margin: auto;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
}


.fb-comments span, 
.fb-comments iframe {
  width: 100% ! important;
}