@font-face {
    font-family: 'NotoSansThai';
    src: url('../assets/NotoSansThai.ttf')  format('truetype');
      
}
body{
	font-family: 'Noto Sans Thai';background-image: none;
	background-color: /*#A0A18D*/#000;font-size: 1.5em;color: #FFF;padding-top: 0px;
}
#logo-top{display:none;}
nav{margin: 0px; padding: 0;}
nav{background: #000;}
.bg-dark{background-color: #000 !important;border-bottom: solid 1px #BBC63F !important;width: 100%;}
a.nav-link{color: #BBC63F !important;font-weight: bold;font-size: 1.3em;}
a.nav-link:hover{background-color: #BBC63F !important;color: #000 !important;height: 100%;}
nav li{width: 200px;text-align:center;}
nav li:hover{background-color: #BBC63F !important;}
.nav-item{width: 150px;}
ul.nav{margin: auto;}
#all-content{
	background-image: url('../img-dd/bg-main.png');background-repeat: no-repeat;
	background-color: #000;padding-top: 15px;margin-top: -20px;
}
.noChange{margin: 0; padding: 0;}
#web-talk h2{background: #8BC63F;border-radius: 10px; padding: 5px 20px;font-size: 1.9em;}
#title-web-notice{background: #8BC63F;border-radius: 10px; padding: 5px 20px;font-size: 1.8em;}

#bid-popular,#bid-popular2{background: #595B28;}
#bid-popular h2{text-align:center; font: bold 2em 'Noto Sans Thai';width: 100%;display:block;margin-top: 10px;
background: #8BC63F;border-radius: 5px; padding: 4px;background-image: url('../img-dd/bg-bar-title1.png');background-repeat: no-repeat;
  background-size: 100% 80px
}
#shop-area h2{
	background-image: url('../img-dd/bg-bar-title3.png');background-repeat: no-repeat;
  background-size: 100% 80px
}
#shop-area{
	background-image: url('../img-dd/bg-shop-home.png');background-repeat: no-repeat;
}
/*#bid-popular */
.card-body{background-color: #1B4503;color: #FFF;}

#bid-price-top{background: #000;}
#bid-price-top h2{
	text-align:center; font: bold 2em 'Noto Sans Thai';width: 100%;display:block;margin-top: 10px;
	border-radius: 5px; padding: 4px;
	background-image: url('../img-dd/bg-bar-title2.png');background-repeat: no-repeat;
	background-size: 100% 80px
}
.first-box{background-color: #44461F;}
.box-bid-home{padding: 20px;}
.bid-img-left{float: left;padding: 10px;}
.bid-img-left img{border-radius: 10px;width: 100%;}
.bid-img-left-2{width: 30%;float: left;padding: 10px;}
.bid-img-left-2 img{width: 135px;}
.box-bid-home2{background-color: #44461F;margin-bottom: 2px;border-radius: 5px;}

.bid-txt-right{float: right;}
.bid-txt-right h3{font-size: 2em;background-color: #C00;border-radius: 0px 50px;width: 180px;text-align:center;}
.bid-height{font-size: 1.8em;margin-top: 25px;text-align:center; }
strong.top-title a{font-size: 1.6em;color: #FF0;}
.top-title a:hover{text-decoration: none;}

.bid-txt-right2{float: right;width: 70%;}
.bid-txt-right2 h3{font-size: 1.6em;background-color: #006600;border-radius: 0px 50px;width: 100px;text-align:center;margin-top: 5px;}
#top24 h3{font: bold 1.2em 'Noto Sans Thai';color: #000;width: 110px; text-align:center;padding: 4px;border-radius: 10px}
.bid-level2{font-size: 1.2em;background: #ffcc00;}
.bid-level3{font-size: 1.2em;background: #ff9933;}
.bid-level4{font-size: 1.2em;background: #ffcccc;}

.bid-level5{font-size: 1.2em;background: #FFF;}
.bid-level6{font-size: 1.2em;background: #99cc00;}
.bid-level7{font-size: 1.2em;background: #ffffcc;}
.card{background-color: #8BC63F;color: #000;border-color: #004010;margin: 10px 0;}
.card-title{font: bold 0.92em 'Noto Sans Thai';color: #ffff00;white-space: nowrap;overflow: hidden;	
text-overflow: ellipsis;}
#bid-popular h5.card-title{color: #FFFF00;}
#bid-popular .card-text{color: #FFF;}
#shop-area .card-title{font-size: 1.2em;}
#top24 .col-md-4{margin-top: 40px;}
.time-down{background: #000;color: #C00;text-align:center; margin:auto;border-radius: 20px;}
.time-down-big{font: bold 2em Arial;width: 250px;padding: 20px;}
.time-down-small{font: bold 1.1em Arial;width: 100px;padding: 5px;}
#shop-home{background: #ff6600;border-radius: 5px; padding: 4px;}
.show-banner{text-align:center !important; padding: 20px;width: 100%;}
.show-banner img{margin-left: auto;}
#donate-area{
	background-color: #2C0B00;
}
#donate-area h2{
text-align:center; font: bold 2em 'Noto Sans Thai';width: 100%;display:block;margin-top: 10px;
	border-radius: 5px; padding: 4px;
	background-image: url('../img-dd/bg-bar-title4.png');background-repeat: no-repeat;
	background-size: 100% 80px
}
.show-price{font-weight: bold;color: #EC9A44;}

#header-top{background-color: #F00;padding: 0;}
#header-top img{width: 100%;}
h1{font-family: 'Noto Sans Thai';color: #FFF;}
h2{font: bold 2.8em  'Noto Sans Thai' ;}
#web-talk p{border: solid 1px #A0A18D;padding: 20px;border-radius: 20px; width: 95%;margin: auto;line-height: 28px;}
#web-talk form{background: #FFF; border-radius: 5px;width: 60%; padding: 20px;margin: 40px auto;box-shadow: 10px 10px #000;}
#web-talk form input, #web-talk form button{font-size: 1.2em;}
#web-talk form button{width: 100%;background: #44461F;border-color: #A0A18D;}
.banner-group{text-align:center;}
.banner-group a{font-size: 1.2em;}
.banner-group button,.banner-group a, .banner-group a:visited{font-size: 1.2em;margin: 5px 2px;color: #FFF !important;}
.banner-group a:hover{color: #000;}
.banner-group i{color: #FFF !important;}
label{color: #000;}
.no-list{text-align:center; font-size: 1.5em;width: 100%;padding: 20px;color: #CCC;}
/*nav{height:60px;}
nav ul{
	margin: auto;position: fixed; right: 0;padding: 0px;
}
nav ul li{
	width: 120px;padding: 0px;
}*/

.home-banner-top{margin: 20px 20px 5px 20px;}
.home-banner-top img{border-radius: 10px;}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#web-notice{border: solid 1px #595B28; border-radius: 10px;padding: 10px; list-style: none;background-color: #373818;border-radius: 5px;width: 90%; margin:auto;margin-bottom: 10px;}
#web-notice li{border-bottom: solid 1px #595B28;min-height: 40px;padding-top: 4px;}
#web-notice li span{font-size: 0.7em;color: #A0A18D;}
#web-notice li a{text-decoration: none;color: #FFF;font-size: 1.2em;}


#shop-home{text-align:center;font-size: 2em;width: 100%;margin: 20px;}
footer{min-height: 220px; background-color: #05410E;padding-top: 20px;margin-top: 20px;color: #FFF;}
footer h3{font: bold 2em 'Noto Sans Thai';}
#box-social{text-align:center;}
#box-social img{width: 60px;display: block; margin: 5px auto;opacity: 0.7;}
.card{margin-bottom: 5px;}
.row-dark{background: #000;padding: 20px;}
#isadmin{color: #FFF;background-color: #0033cc;width: 35%;padding: 5px;clear: both;text-align:center;}
h5.card-title{min-height: 40px;}
.time-days{font-size: 0.7em;color: #FFF;}
#inbox-alert{display: inline-block;border-radius: 40px; width: 35px;height: 35px; background-color: #E0E0E0;text-align:center;padding-top: 8px;margin:auto;float:right;color: #000;}
#inbox-me{background-color: #C00; color: #FFF;font: bold 0.84em Arial;position: relative;top: -32px;left: 22px;border-radius: 20px;width: 20px;}
.more-100{text-align:center;width: 30%;border: solid 1px #FFF;margin: 5px auto;padding: 10px; border-radius: 10px;font-size: 1.2em;}
.more-100:hover{background-color: #FFF;color: #0C0;border-color: #0C0;}
.more-100 a{color: #FFF;}
.more-100 a:hover{color: #0C0;text-decoration: none;}
@media screen and (max-width: 850px) {
	#logo-top{ 
		display:block; 
	}
	.more-100{width: 80%;}
	#logo-top img{width: 50px;}

	 nav button{float: right;color: #FFF;display:block !important;}
	 nav button a{color: #FFF !important;}
  #humMenu{float:right;width: 25%;text-align: right;background: #025;margin: 0;right: 0;}
  .navbar-header{width: 100%;padding: 0 20px;}
   .navbar-brand {
    float: left;width: 70%;padding:0;
  }
   .navbar-toggle {
		float: left;width: 20%;color: #FFF;
   }
   .navbar-toggler-icon{color: #F00;font-size: 1.4em;outline-color: #FFF;margin-top: 10px;background-color: #000;}
   .navbar-toggler-icon a{color: #F00;}
   nav li{width: 100%;text-align:center;
	border-bottom: solid 1px #555;padding: 0px;margin: 0; }
   ul.nav{margin: 0px;padding: 0;}
   .navbar-collapse{margin-left: 0px !important;margin-right: 0px !important;z-index: 50;background-color: #000;}
   .card-title{font-size: 0.8em;}
   .top-more [class*="col-"] {
		  padding-left: 2px !important;
		  padding-right: 2px !important;
	}

	#web-talk h1{font-size: 1.1em;margin-bottom: 5px;}
	
	#home-show-member a{font-size: 0.9em;}
	#home-show-member span{font-size: 0.8em;}
	.top-more .card-text{font-size: 0.9em;}
	.nav-item{width: 100%;}
	a.nav-link{font-size: 1em;}
}
.top-more .card{margin-top: 5px;}
.card .txt-endtime{font-size: 0.85em;}


@media screen and (max-width: 600px) {
  h2{font: bold 2em  'Noto Sans Thai' ;}
  #web-talk form{width: 90%;margin-top: 5px;}
  #web-notice{width: 95%;}
  #box-social h3{text-align:left;}
  #box-social img{width: 60px;display: inline-block; margin: 10px 5px ;opacity: 0.7;}  
  
}
/* Home CSS*/
#home-show-member{
	background-color: #FFF;color: #000;
}
#home-show-member a{color: #00C;}
#imgmember{width: 120px;height: 120px;float: left;margin: 0 10px;}
.card-title a{color: #ffff33;}
.card img{width: 100%;}
#ModalMap{color: #000 !important;font-size: 1em;text-align:center;width: 80%;}
#ck-accept{position: fixed; bottom: 0;left: 20%;width: 60%;opacity: 0.9;background: #000;text-align:center;margin: auto;border-radius: 20px 20px 0 0;padding: 20px;}
#ck-accept #btn-close{background: #CCC;color: #000;font-size: 1em;}
#ck-accept #btn-accept{background: #0C0;color: #FFF;font-size: 1em;margin: 2px;}
/*End Home*/