body, html {
  /*height: 100%;*/

    /*-webkit-user-select: none; /* Safari 3.1+ */
    /*-moz-user-select: none; /* Firefox 2+ */
    /*-ms-user-select: none; /* IE 10+ */
   /* user-select: none; /* Standard syntax */
    
    scrollbar-color: #b32d00 white;
    scrollbar-width:  1em;
    scroll-behavior: smooth;
    
      font-family: 'Kanit', sans-serif;
}
body::-webkit-scrollbar {
  width: 1em;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #b32d00;
}
 
body::-webkit-scrollbar-thumb {
  background-color: #b32d00;
}

body h2{
  color: #733131 !important;
  padding-top: 1%;
  padding-bottom: 1%;
  text-align: left;
}
#myBackToTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  font-size: 30px;
  font-weight: bold;
  border: none;
  outline: none;
  background-color: rgba(0, 51, 102,0.4);
  color: rgba(0, 51, 102,0.9);
  cursor: pointer;
  padding: 10px;
}

#myBackToTopBtn:hover {
  color: rgba(252, 90, 3,1);
  background-color: rgba(0, 51, 102,0.9);
}

.news{
height:100% !important;
border:1px solid black;
margin: 0.5%;
}
.news-date{
text-align: center;
font-weight: bold;
background-color: #733131;/*rgba(0, 51, 102,0.1);*/
color:#ffffff;
}
.news-date label{
font-size: 30px;
}
.news-details{
padding: 2%;
}


.list a{
  font-family: 'Kanit', sans-serif;
  font-size: 20px;
  color: rgba(0, 51, 102,0.9);
}

.list a:hover{
  padding: 0.4%;
  background-color: rgba(252, 90, 3,0.8);
  text-decoration: none;
  text-shadow:0px 0px 30px #ffffff;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}


.accord-list a{
  font-family: 'Kanit', sans-serif;
  font-size: 16px;
  color: rgba(0, 51, 102,0.9);
}

.accord-list a:hover{
  text-decoration: none;
  text-shadow:0px 0px 30px #ffffff;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}


.footer{
  /*background-color: rgba(252, 90, 3,0.7);*/
   background-image: url('../images/siteImages/bg11.png');
   background-size: cover;
  background-repeat: none;
  color: #ffffff;/*rgba(0, 51, 102,0.9);*/
  font-size: 20px;
  padding:0px !important;
  /*padding-top:0.5%;
  padding-bottom:0.5%;*/
}

.footer a{
  font-family: 'Kanit', sans-serif;
  font-size: 20px;
  color: #ffffff;/*rgba(0, 51, 102,0.9);*/
}

.footer a:hover{
  padding: 0.4%;
  background-color: #00b3b3;/*rgba(252, 90, 3,0.8);*/
  text-decoration: none;
  text-shadow:0px 0px 30px #ffffff;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}