.toast-container {
  color: #f8f8f8;
  position: fixed;
  bottom: 5px;
  left: 2%;
  width: 50%;
  margin: 0 25% 0 25%;
}
.toast {
	text-align: center;
	padding: 17px 0 20px 0;
	margin: 0 25% 0 25%;
	height: 54px;
	font-size: 20px;
	background-color:maroon;
	color:#fff;
}

body {
    background: #4a0000;
    margin: 0 auto;
    font-family: 'Kanit'!important;
    color: #fff;
    font-size: 15px;
}
/* thai */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit Regular'), local('Kanit-Regular'), url(../fonts/nKKZ-Go6G5tXcraBGwCYdA.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit Regular'), local('Kanit-Regular'), url(../fonts/nKKZ-Go6G5tXcraaGwCYdA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit Regular'), local('Kanit-Regular'), url(../fonts/nKKZ-Go6G5tXcrabGwCYdA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit Regular'), local('Kanit-Regular'), url(../fonts/nKKZ-Go6G5tXcraVGwA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.well{
	color:#000;
}
a {
    color:#ffae00;
    text-decoration:none;
}
a:hover {
    font-style:normal;
    color:#fff;
    text-decoration:none;
    text-shadow:1px 1px black;
}
a:activem a:focus {
    font-style:normal;
    color:#fff;
    text-shadow:1px 1px black;
}
button,.btn-main {
    background: linear-gradient(#e99400,#ffc400,#e99400);
    border: 2px solid red;
    font-size: 17px;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 5px;
    min-width: 100px;
    font-weight: 600;
    color:#4a0000;
}
button:hover,.btn-main:hover {
    font-style: normal;
    text-shadow: 0px 0px black;
}
.border-r{
    padding:15px;
    border: 2px solid #ffae00;
    border-radius: 5px;
    margin:0;
}
h3{
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.fyellow{
	color:green;
}
.fyellow:hover{
	color:green;
	font-weight: bold;
}
h2{
    display: block;
    font-size: 1.5em;
    font-weight: bold;
}
button:hover,.isbutton:hover{
	background-color: rgb(85, 125, 189);
	background: rgb(85, 125, 189);
}
ul li a:hover,a:hover{
	font-weight: bold;
}
@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
.lg{
	font-size: 18px;
	padding:10px;
}
.subtitle,button{
	font-size: 14px;
}
#cover-spin::after {
    content:'';
    display:block;
    position: absolute;
   left: 50%;
   top: 50%;
   height:60px;
   width:60px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(0,174,239,.8);
   border-radius:100%;
   z-index: 100;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}
#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display: none;
   
}
.bg-badge{
	background-color: rgb(182, 182, 184);
}
.pall-5{
	padding:5px;
}
.ptb-5{
	padding-top:5px;
	padding-bottom:5px;
}
.mb-2{
	margin-bottom:2px;
}


.btn-red{
    background: rgb(255, 0, 0);
    border-color:rgb(255, 0, 0);
    color:#fff;
}
.tbl-content th,.tbl-content td{
		padding:5px;
		text-align: center;
	}
.all-center *{
	text-align: center!important;
}
.tbl-style,.tbl-style *{
	padding:5px;
	font-size: 14px!important;
}
.form-control-block{
	width: 100%;
	padding:5px;
	background-color : #fff;
}
input,select,button{
	padding:5px;
}
.fred,.fred *{
	color:#ff0000;
}
.link-none,.link-none:active,.link-none:hover{
	text-decoration: none;
}
.mb-15{
	margin-bottom:15px;
}


a button, button,.isbutton{
	color: #FFF;
	border:none;
	 background: rgb(59, 89, 152);
	padding: 5px 10px;
}
input,select,textarea{
	color: #000;
}
input {
    background : white ! important;
    color : black !important
}
.content{
	text-align: center;
	font-familly:'Ruda' !important;
}

.error{
	color: #d00;
}

.success{
	color: #0e9800;
}

.info{
	color: #0026cb;
}

ul{
	padding: 0;
	margin:0;
	list-style : none;
}

.general-ul li{
	border: 2px solid #fd7700;
    padding: 15px 10px;
}
.menuhome li,.menulocation li{
	display: block;
}
.menuhome li a{
	display:block;
	border: 1px solid #ffae00;
	padding: 10px;
}
.menuhome li a:hover{
    background: rgb(50, 89, 142);	
	text-decoration: none;
}
.menulocation li{
	background: #a56000;
}
.menulocation li a{
	display:block;
    color: #FFF;
    border: 1px solid #FFF;
	padding: 5px;
}
.menulocation li a:hover{
	background: #d17d09;	
	text-decoration: none;
}
.purchaser{
	width: 100%;
	height: 200px;
}
.general-table td,.general-table th{
	padding: 5px;
}
label.errorz,label.error{
	display:block;
	color: red;
}
.info table{
	width: 100%;
	margin-bottom: 10px;
}
.info table td,.info table th{
	padding: 1px 5px;
	border: 1px solid #000;
	border-collapse: collapse;
}
.btncover a{
	text-decoration:none;
}