:root {
  --mainColor: ;
  --mainFontColor: rgb(5, 5, 5);
  --mainBorder: 1.5px solid var(--mainFontColor);
}

#mainBg {
  background-image: url(img/bg.jpg);
}

.mainCover {
  background-color: rgba(255, 248, 249, 0.658);
}

#home {
  background-image: url(img/home.jpg);
}

.homeCover {
  /*background-color:rgba(64,33,15,0.1);*/
}

#logo img {
  max-height: 90px;

}

ul, ol, li, h1, h2, h3, h4, h5, h6, p, a, footer {
  font-family: 'Noto Sans TC','微軟正黑體', sans-serif;
  color: var(--mainFontColor);
  font-weight: bold;
}

.aboutText p {
  margin-bottom: 24px;
  line-height: 24px;
}

.aboutItem {
  width: 46%;
  margin: 0 auto 30px;
}

@media only screen and (max-width: 950px) {
  #logo img {
    max-height: 90px;
    

  }
  #home {
    height: 50vh;
    
  }
}

@media screen and (max-width: 576px){
.item3 {
    width: 90%;
}

.scollMenu a:hover {
  color: rgb(247, 137, 35) !important;
}

.scollMenu {
  background-color: rgb(245, 244, 241) !important;
}

.mainList li a {
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
  color: rgb(17, 17, 17);
}