body {
  font-family: 'Noto Sans Thai', sans-serif;
  background-color: black;
  color: #f8f8ff;
  font-size:1em;
}
h1,h2,h3 {
  font-weight: 700;
  font-style: italic;
}
h6 {margin:0;
  font-weight: 700;
padding:10px 0 10px 0;}
mark {
  padding: 1px 3px;
  border-radius: 3px;
}
a:link , a:visited {
  color:#FFDF01;
  font-weight: 700;
  text-decoration: none;
}
.a-color-transparent {
  color: transparent !important;
}
.text-black {
  color: black;
}

.text-gold {
  color: #FFDF01;
}

.text-white {
  color:#f8f8ff;
}

.bg-red {
  background:#bd001b;
}

.bg-gold {
  background: #FFDF01
}

.bg-silver {
  background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );

}

.btn {
  border-radius: 5px;
  padding: 10px 15px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  font-style: italic;
}

.btn-line {
  background-color: #8fc800;
  color: #f8f8ff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.btn-danger {
  background-color:#bd001b;
}
.btn-warning {
  background-color:#ffdf01;
}

.btn-confirm {
  background: #FFDF01;
  color: #000000;
  border-radius: 5px;
  padding: 10px 20px;
}

.main-menu a {
  color: #000;
  text-decoration: none;
  font-style: italic;
  font-size:1.4em;
}

.bd-ra {
  border-radius: 5px;
}

.bd-a {
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.bd-a-gold {
  border: 1px solid #f8f8ff;
}

.bd-r {
  border-right: 1px solid #000;
}

.form-control {
  background-color: #f8f8ff;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #f8f8ff;
  color: #252525;
  font-size: 1em;
  padding:15px;
  border-radius:5px;
}

.form-control:focus {
  background-color: transparent;
  box-shadow: none;
  border-bottom: 2px dashed #f8f8ff;
  color: #f8f8ff;
}

.sticky {
  position: fixed;
  bottom:0;
}
.btn-img {
    position: relative;
}

.btn-text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1rem;
    font-weight: 600;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 100%;
}

.nav-link {
    font-size: 0.95rem;
    font-weight: 600 !important;
}

.nav-item {
    text-align: center !important;
}

.silver-img {
    filter: grayscale(100%);
}
.bg-dark-menu {
    background-image: linear-gradient(180deg, rgb(63, 73, 91) 0%, rgb(37, 46, 57) 76%, rgb(11, 14, 15) 100%);
    border: 0.1rem solid rgb(0, 0, 0);
}