@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: 20px;
  background: #fff;
}

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/lj-banner/1.jpg) no-repeat center/cover,#fff;
  /* background-position: 50% -93%; */
  /* background-blend-mode: multiply; */
}

@media screen and (min-width:1250px) {
  .hero-wrap{
    position: relative;
    width: 100%;
    background: url(../image/lj-banner/1.jpg) no-repeat center/cover,#fff;
    /* background-position: 50% -24%; */
    /* background-blend-mode: multiply; */
  }
}

@media (max-width: 767px){
  .hero-wrap{
    background: url(../image/lj-banner/1.jpg) no-repeat left/cover , #fff;
    /* background-position: 50% 20%; */
  }

.navbar-brand img{
  width: 50px;
  /* padding: 5px 0px; */
}
}

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

#about{
  background: #fff;
}

#services{
  background: #fff;
}

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

#services h3{
  color: #367b6b;
}


.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/lj-teatture/1.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: #ffffff;
  outline: none;
}

.ftco-intro h3{
  color: #222;
  font-size: 20px;
}

.ftco-intro p{
  color: #333;
}

.ftco-appointment{
  background: url(../image/lj-teatture/2.jpg) no-repeat center/cover;

}
.ftco-appointment h2,
.ftco-appointment h5{
  color: #444;
}

.ftco-appointment a{
  color: #63322b;
  text-shadow: 1p 1p 2lx #333;
}

@media screen and (max-width:576px) {
  .ftco-appointment a{
    color: #63322b;
    text-shadow: 1p 1p 2lx #333;
    font-size: 16px;
  }
}
.appointment{
  background: unset;
}



@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: #fffcf5;
}

.heading-section{position: relative;}

.divider{
  background: url(../image/lj-logo/color-logo.png) no-repeat center/contain;
  width: 100%;
  max-width: 200px;
  height: 60px;
  margin: auto;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}


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


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

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

.bg-cate{background: url(../image/bg-cate.png) no-repeat center/cover , #fff; }
.bg-cate1{background: url(../image/bg-cate/bg-cate1.jpg) no-repeat center/cover , #fff; }
.bg-cate2{background: url(../image/bg-cate/bg-cate2.jpg) no-repeat center/cover , #fff; }
.bg-cate3{background: url(../image/bg-cate/bg-cate3.jpg) no-repeat center/cover , #fff; }

#cate-1,
#cate-2,
#cate-3{
  padding-top: 100px;
}

.bg-fix{
  background-attachment: fixed;
  height: 500px;
}

.product-img{
  object-fit: cover;
  object-position: cover;
  width: 255px;
  height: 243px;
}