@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

@font-face {
  font-family: sukhumvit;
  src: url(fonts/SukhumvitSet-Text.ttf);
}


html, body{
	/*font-family: 'Noto Sans Thai', sans-serif !important;*/
	font-family: 'Oswald', 'Sarabun' !important;

}
.bg-mainmenu{
	background: #000000;
}

.boxlogo{
	height: auto !important;
}

.bgorange{
	background: #ff5e00;
}

.txtorange{
	color: #ff5e00;
}

.bgonsite{
	background: #ffe7ca;
}

.textonsite{
	color: #c98834;
}

.border-left-onsite {
    border-left: .25rem solid #c98834!important;
}

.fstb{
	font-size: 1.2em;
}

.txtred{
	color: red;
}

.bdr{
	border-radius: 20px;
	border: 8px solid #000000;
}

.fsakp{
	font-size: 30px;
	color: #000 !important;
}

.hh{
	height: 100px;
}

.form-check-input.custom-checkbox {
    width: 1.3em;
    height: 1.3em;
  }

.bdr0{
	border-radius: 0 !important;
	border: none;
}

.bgpink{
	background: #FFCDCD !important;
}

.bgpink a{
	color: #858796 !important;
}

.btnw{
	width: 150px;
}

#productdisplay_wrapper .paginate_button {
	color: #000 !important;
}

#productdisplay_filter input{
	background: #fff;
}

.cblack{
	color: #000;
}

.linkboxfooter{
	font-weight: 600;
	text-decoration: underline;
}

.text-black{
	color: #000;
}

.textyellow{
	color: #fef200;
}

.btnyellow{
	color: #000;
	background: #fef200;
}

.btnyellow:hover{
	color: #000;
	background: #ffd400;
}

/*#filter-select{
	float: right;
}*/


footer.sticky-footer {
    padding: 2rem 0;
    flex-shrink: 0;
}

footer.sticky-footer .copyright {
    line-height: 1;
    font-size: .8rem;
}


.txtdisplay{
	font-size: 90px;
	font-weight: 900;
}

.txtdisplaysm{
	font-size: 50px;
}

.txtdisplaylast{
	font-size: 40px;
}

.blinkyellow {
  animation: blinker 0.8s linear infinite;
  color: #fef200;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.txtstage{
	font-size: 40px;
	color: #000;
}

.bgyellow{
	background: #fef200;
}

.txtyellow{
	color: #fef200;
}


@keyframes blink {
  0% { background-color: yellow; color: black; }
  50% { background-color: transparent; color: white; }
  100% { background-color: yellow; color: black; }
}

.bgyell{
	background-color: yellow;
	color: black;
}


.bggyellow {
  animation: blink 1s infinite;
}

.bgbb{
	background: #181a20 !important;
}

.bgboxbid{
	background: #242834;
}

.boxtop{
	height: 100px;
}

.boxhcal{
	height: calc(100vh - 100px);
}

.boxhcalcoming{
	height: calc(100vh - 100px);
}

.boxhcalbid{
	height: calc(100vh - 140px);
}

.boxhcalbidright{
	height: calc(100vh - 100px);
}

.blink {
  color: yellow !important;
}

.txth1{
	font-size: 1.8em;
}

.txtlot{
	font-size: 1.5em;
}

.dismobile{
	display: none;
}

.disdesk{
	display: block;
}

.bdb{
	border-bottom: 1px solid #343c52; 
}

.bginputcon, .bginputcon:focus{
	background: #242834;
	border: 0;
}

.tbcontrol tr:hover{
	background: #16275a !important;
	color: #fff;
}

.tbcontrol tr:hover a{
	color: #fff !important;
}

.winput{
	width: 300px;
}

.bdr20{
	border-radius: 10px;
}

fieldset.scheduler-border {
    border: 1px groove #424550 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
/*    margin: 0 0 1.5em 0 !important;*/
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

    legend.scheduler-border {
        font-size: 1.2em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        padding:0 10px;
        border-bottom:none;
        color: #fff;
    }

.disabledcursor {
  cursor: not-allowed !important;
}


.loader svg path,
.loader svg rect {
  fill: #fef200;
}

.boxhi{
	height: 40px;
}

.ytlive{
	height: 650px;
}

@media screen and (max-width: 1200px) {
 .txtdisplay{
	font-size: 60px;
	font-weight: 900;
}

.txtdisplaysm{
	font-size: 40px;
}

.txtstage{
	font-size: 30px;
	color: #000;
}

.ytlive{
	height: 500px;
}


}

@media screen and (max-width: 600px) {
 .txtdisplay{
	font-size: 30px;
	font-weight: 900;
}

.txtdisplaysm{
	font-size: 18px;
}

.txtstage{
	font-size: 18px;
	color: #000;
}

}

@media screen and (max-width: 767px) {
.ytlive{
	height: 300px;
}

.boxhcalbid{
	height: auto;
}

.boxhcalbidright{
	height: auto;
}

.logofront img{
	width: 100px;
}

.baxhbid{
	min-height: 300px;
}

.boxhcalcoming{
	height: 200px;
}

.dismobile{
	display: block;
}

.disdesk{
	display: none;
}

.hmobile{
	height: 100px;
}

}