* {
  font-family: "Cinzel", "Times New Roman", "Kozuka Mincho Pr6N", "Microsoft JhengHei", serif;
}

.en {
  font-weight: 600;
}

:root {
  --mainColor: ;
  --mainFontColor: rgba(254, 254, 254, 0.85);
  --mainBorder: 1.5px solid var(--mainFontColor);
}

.home {
  background: url(img/banner1.jpg) center no-repeat;
  background-size: cover;
  animation-name: banner;
  animation-duration: 20s;
  animation-iteration-count: infinite;
}

@keyframes banner {
  0% {
    background: url(img/banner1.jpg) center no-repeat;
    background-size: cover;
  }

  28% {
    background: url(img/banner1.jpg) center no-repeat;
    background-size: cover;
  }

  33% {
    background: url(img/banner2.jpg) center no-repeat;
    background-size: cover;
  }

  61% {
    background: url(img/banner2.jpg) center no-repeat;
    background-size: cover;
  }

  66% {
    background: url(img/banner3.jpg) center no-repeat;
    background-size: cover;
  }

  95% {
    background: url(img/banner3.jpg) center no-repeat;
    background-size: cover;
  }

  100% {
    background: url(img/banner1.jpg) center no-repeat;
    background-size: cover;
  }
}

.listBg {
  background: url(img/texture.png) top left repeat fixed;
  background-size: 200px;
  background-color: rgba(254, 243, 235, 0.95);
}

.menu ol li.menuSp {
  text-align: center;
  flex-wrap: wrap;
  width: 100%;
}

.menuSp * {
  width: 100%;
  max-width: none;
}

.menu ol li.menuSp p {
  font-size: 16px;
  margin: 0 auto;
}

.menuSp h5 {
  font-size: 28px;
  color: rgb(13, 13, 13);
  margin: 75px auto 10px auto;
}

.menuSp h6 {
  font-size: 20px;
  color: rgb(13, 13, 13);
  margin-bottom: 5px;
}

.menuSp h5:first-child {
  margin-top: 0;
}

.menuSp hr {
  width: 80%;
  margin: 15px auto;
  border:  0.5px solid #e45008;
}


.news .item>div {
  width: 60%;
  padding: 30px 5%;
}

.Blogger {
  width: 45%;
  margin: 1%;
  margin-bottom: 4%;
}

a.gallerynew {
  width: 85% !important;
  margin: auto;
}

@media only screen and (max-width: 1240px) {

  #area4-2 .gallery .box a,
  #area4-1 .gallery .box a {
    width: 100%;
    height: 40vw;
  }

  a.gallerynew {
    width: 100% !important;
    margin: auto;
  }
}