@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;700&display=swap');

.main-blue{color: #137fa8;}
.main-blue-light{color: #b7eaf4;}
.bg-main{background-color: #137fa8;}
.bg-main-linear{background: linear-gradient(#b7eaf4,#fff,#b7eaf4);}

body{
  font-family: 'Noto Sans TC', sans-serif;
  color: #555;
  font-size: 16px;
  background: #fffcf3;
}

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;
}
.hero-wrap{
  position: relative;
  width: 100%;
  background: url(../image/0901/bg-hero.jpg) no-repeat  center/cover,#aaa;
  /* background-blend-mode: multiply; */
}

/* @media (max-width: 767px){
  .hero-wrap{
    background: url(../images/banner/1.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: #fff;
}

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

#services h3{
  color: #111;
}


.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-blue.jpg) no-repeat top/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: #363636;
  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/bg1.jpg) no-repeat center/cover;
}

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

.ftco-appointment a{
  color: #137fa8;
}

.appointment{
  background: unset;
}

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

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

}

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

.hero-sns-link{
  border: 1px solid #fff;
  background: #008fd9;
  border-radius: 50%;
  color: #fff;
  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: #3958e4;
  background: #fff;

}

.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: #3958e4 1px solid;
  transform: rotate(3deg) translate(-53%,-50%);
  transform-origin: 0%;
  z-index: -1;
}

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




.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;
}


.sns-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.sns-list li{
  margin: 0 10px 10px 0;
}

.sns-list li a{
  border: 1px solid #363636;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  color: #363636;
  transition: 0.3s;
  background: #fff;
  font-size: 20px;
}

.sns-list li a:hover{
  border: 1px solid #8f4d26;
  color: #8f4d26;
  background: #fff9f6;
}

.img-wrap{
  padding: 20px;
  /* border: 1px solid #8f4d26; */
  border-radius: 5px;
}

.img-wrap img{border-radius: 5px;}

.center-item-slider .item{
  margin:10px;
}

@media(max-width: 991px){
  .ftco-navbar-light{
    background: url(../image/bg-blue.jpg) no-repeat top/cover;
  }
  .ftco-navbar-light .navbar-nav>.nav-item>.nav-link{color: #444;}
}