:root {

  --mainColor: ;

  --mainFontColor: rgb(255, 255, 255);

  /* --mainBorder: 1.5px solid var(--mainFontColor); */
  --mainBorder: 1.5px solid rgba(31, 31, 31, 0.7);
}

*,
.menuItem ol li,
.proItem h4,
ul,
li {

  font-weight: bold;
  color: rgba(31, 31, 31, 0.7);


}

#mainBg {

  /* background-image: url(img/bg.jpg); */
  background-color: rgba(255, 255, 255, 0.7);

}



/* .mainCover {

  background-color: rgba(34, 24, 20, 0.7);

} */



#home {

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

}



/* .homeCover{

    background-color:rgba(64,33,15,0.1);

} */



#toTop {

  opacity: 0;

  text-decoration: none;

  /* position: fixed;

    bottom: 30px;

    right: 2%; */

  overflow: hidden;

  z-index: 999;

  width: 30px;

  height: 30px;

  border: none;

  text-indent: 100%;

  background: url(img/top.svg) no-repeat 0 0;

  cursor: pointer;

  background-size: 100%;

  background-position: center;

  transition: 0.5s;

}



#about p a {

  padding: 5px 18px;

  background-color: #df7e46;

  color: rgb(255, 255, 255);

  transition: all .2s ease-in-out;

  border-radius: 30px;

  font-size: 1.5em;

  font-weight: bold;

  width: 100px;

  text-align: center;

}



img {

  border-radius: 15px
}



.mainList li a {

  font-weight: 600;

  font-size: 18px;



}

#picture article a span {
  color: rgb(255, 255, 255);
}

article h3 {
  color: rgba(31, 31, 31, 0.7);
}

#about p {
  color: rgba(31, 31, 31, 0.7);
}

.notice h4,
p {
  color: rgba(31, 31, 31, 0.7);
}

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

  #home {

    height: 50vw;

  }

}



.newsText p a:hover {

  display: block;

}





.newsText p a:hover {

  color: rgb(0, 0, 0);

  background-color: rgb(245, 245, 245);

  transition: 0.5s;

}

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

  .menuItem.item3 {

    width: 80%;

  }

}