/*
# Counts
/*--------------------------index------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100&display=swap');
#botton{
	font-family:'Kanit', sans-serif;
}

.container{
	width:100%;
	margin:0;
	padding:0;
	max-width: 1080px;
}
/* body{
	padding:0;
	margin:0;
} */

.sild-head{	
	width:auto;
}
.carousel-inner{
	width: auto;    
}
#hoverimg:hover{
	cursor:pointer;
}

.carousel-inner img{
    width: 100%;    
}

.uk-card-body1 {
	font-family: 'Kanit', sans-serif;
	width: 100%;
	padding:20px 20px;

}
.uk-card-body h4 {
	font-size:16px;
	font-family:inherit;
}
.uk-card-body1 h5 {
	font-size:16px;
	font-family:inherit;
	text-align: center;
	overflow: hidden;
	/* white-space: nowrap; 
  	width: 210px; 
  	text-overflow: ellipsis;  */
}
.uk-card-body p {
	font-size:18px;
	font-family:inherit;	
}
.uk-card-body:hover {
	cursor: pointer;
}

.imguk{
	width: 100%;
	margin:60px 0 0 0;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.content-a{
	margin:60px 0;
	/* background-color: #6bb7ff; */
	width:100% auto;
	padding:25px 25px;
	height: auto;
}
#content-in{
	color:rgb(248, 105, 105);
} 
#content-in h3{
	color:rgb(219, 0, 0);
} 
.bg-bar{
	font-family: 'Kanit', sans-serif;
	font-size: 35px;
	text-align: center;
	color: #fff;
	display: inline-block;
}
.bg-bar2 p{
	font-family: 'Kanit', sans-serif;
	font-size: 30px;
	display: inline-block;
}
.bg-bar3 p{
	font-family: 'Kanit', sans-serif;
	font-size: 30px;
	display: inline-block;
}
#content-a-1{
	font-size: 1.5rem;
}

/* feed news */

.feed-news{
	padding:0;
	margin:50px 0 50px 0;
	height:auto;
	width:100%;
}


/*end feed news*/

#counts {
	background-color: #f4f9fc;
	height: 200px;
	width: 100%;
  }
      
.count p {		
	font-family: 'Kanit', sans-serif;
	font-size: 18px;
	color: #49788c;
	text-align: center;
	display: block;
	
  }
  
.box1 span {
	text-align:center;
	display: block;	
	color: #49788c;
	font-size: 42px;
	font-family: 'Kanit', sans-serif;
	transition: 0.3s ease-in-out;	
	font-size: 40px;	
	font-weight: 300;	
  }
.box2 span {
	text-align:center;
	display: block;
	color: #49788c;
	font-size: 42px;
	font-family: 'Kanit', sans-serif;
	transition: 0.3s ease-in-out; 
	font-size: 40px;	
	font-weight: 300;

  } 

.box1{
	 width:auto;
	 display:inline-block;	 
	 height:auto;
	 margin:50px;
 } 
.box1 p{
	 text-align: center;
	 font-family: 'Kanit', sans-serif;
 }
.box2{
	 width:auto;
	 display:inline-block;		 
	 height:auto;
	 margin:50px;
 }
.box2 p{
	 text-align: center;
	 font-family: 'Kanit', sans-serif;
 }
 .count-box-gride{
	display:grid;
	grid-template-columns: 50% 50%;
	justify-items: center;
}
.food-truckcontent{
	width:100% auto;
	/* background-color: rgb(228, 228, 228); */
	padding:30px;
}
.imgcar img{
	cursor: default;
}


/* #botnews{	
	border:none;
}
#botnews:hover{
	background-color:#57C203;
	border:none;
} */
/* #botnews:active{
	background-color:#ebae2d;
	border:none;
} */
/* #botsnav button:active{
	background:yellow;
}   */
#botsnav2 li{
	color: aquamarine;
	
}  
  /* -----------------CO_OP_ShowKO-------------------------- */


/* ----------------------------------page newsall ---------------------------------------------*/

.bg-top{
	margin:0;
	padding:0;
	
}
.bg-top h3{
	font-family: 'Kanit', sans-serif;
	padding:40px 20px;
	font-size:50px;
}
.bg-top p{
	width:100%;
}

a.cardnews:hover{
	text-decoration: none;
	
}
a.cardnews:hover h4{
	color:#C02200;

}
#content1 img{	
	width:100%;
	height:auto;
}
#card h4{
	font-family:inherit;
	font-size: 21px;
}
#card p{
	font-family:inherit;
	font-size: 18px;
}
#card{
	padding:20px 20px;
	font-family: 'Kanit', sans-serif;
}
.headcard-newall{
	line-height: 1.5;
}


/*---botton link  page---*/

.linkpage{
	width: 100%;
	height:auto;
	margin:40px 0;
}
.linkpage a{
	font-size:18px;
	font-family: 'Kanit', sans-serif;
}
.linkpage span{
	font-size:18px;
	font-family: 'Kanit', sans-serif;
	text-align: center;
}

#activebot span{
	color:#fff;
	background-color: crimson;
	height: 30px;
	width: 30px;
	text-align: center;
	padding: 4px 0 0 0;
	font-weight: bold;
	text-align: center;
}
.history{
	margin:20px 0 30px 0;
}
.history a{
	font-size:18px;
}

/* ---------------------------------------container-product ---------------------------------------------*/

.container-product {
	height:900px;
	background: #000;
	margin:0;
	padding:0;
}







/* ---------------------------------------end container-product ---------------------------------------------*/

/*----------------------------------------newsdirec page ----------------------------------------*/
.top-newdirec{
	margin:20px 0 40px 0; 
}

.gride-newdirec{
	display:grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap:1.5em;
	margin:0 0 60px 0;
}

/*--------------------------------------dl-paper-page --------------------------------------*/
.top-paper-page{
	margin:0 0 200px 0;
}
.top-paper-page h3{
	font-family: 'Kanit', sans-serif;
}

/*-------------------------------------- new-page1  --------------------------------------*/
.history-new-page1{
	margin:30px 0 30px 0;
}
.bg-news-content{
	height:auto;
	width:100%;

}
.content-name{
	height:auto;
	width:100%;
}
.content-name p{
	font-family: 'Kanit', sans-serif;
	font-size:25px;
}
.content-name h2{
	font-family: inherit;
}
.content-text{
	font-family: 'Kanit', sans-serif;
	font-size:20px;
}
.gallery{
	height:auto;
	width:100%;
	/* display:flex;
	flex-direction:row;
	flex-wrap: wrap; */
	margin:50px 0;
}
.gallery img{
	width:250px;
	height:150px;
}


/* ------------------------------------ page test4-co-op_showko ------------------------------------ */
.container-showko{
	width:100%;
	height:auto;
}
.history-showko{
	margin:30px 0;
	padding:0 10%;
}
.head-showko{	
	width:100%;
	margin:50px 0;
}
.head-showko h3{
	text-align:center;
	font-family: 'Kanit', sans-serif;	
}
.center-showko{
	width:100%;
	height:auto;	
}
.table-showko{
	width:auto;
	margin:auto;
}
.t-table{
	width:auto;
	margin:0 0 50px 0;
}
.t-table td{
	padding-left: 10px;
}
tr:nth-child(even) {
	background-color: #fffdfd;
	font-family: 'Kanit', sans-serif;	
	border-left: black 2px solid;
}
tr:nth-child(odd) {
	background-color: #e4e4e4;
	font-family: 'Kanit', sans-serif;	
}
.styles101{
	height:50px;
	background-color:#6bb7ff;
	font-size:18px;
	color:black;
	font-family: 'Kanit', sans-serif;
	text-align:center;	
}


/*----------------------------------- footer index ------------------------------------------*/
footer{
	width:100%;
	min-height:400px auto;
	background:#292929;
	margin:0;
	padding:0; 
	
}

.footer-text{
	width:100%;
	min-height:400px auto;
	background:#0f4c75;
	margin:0;
	padding:0; 
	
}

.footer-grid{
	width:auto;
	display:grid;
	grid-template-columns: repeat(3,1fr);	
	grid-gap: 1rem;
		
}
.item1 ,.item2 ,.item3{
	padding: 1rem;
	
}
.item1 h3{	
	text-align: left;
	color:#fff;
	font-size:20px;
	font-family: 'Kanit', sans-serif;

}
.item1 p{	
	text-align: left;
	font-size:14px;
	color:#fff;
	text-transform: uppercase;
	font-family: 'Kanit', sans-serif;
}
.item1 img{	
	align-items: left;
	width:100%;
	height:200px;
}
.item2{
	font-family: 'Kanit', sans-serif;
}
.item2 a{
	color: #fff;
	text-decoration:none;
}
.item2 a:hover{
	color:#fff;
}

.item2 h3{	
	color:#fff;
	font-size:20px;
	text-align: left;
	font-family: inherit;
}
.item2 p{	
	color:#fff;
	font-size:14px;
	text-align: left;
	margin:0;
}

.item2 span{	
	color:#fff;
	text-align: left;
}
.item2 i{
	color:#fff;
	font-size:14px;
	width: auto;
	
	/* padding:0 0 0 80px; */
}
.item2 p:hover{
	color:#FFB242;
	text-decoration: none;	
}


.item3 h3{	
	color:#fff;
	font-size:20px;
	text-align: left;
	font-family: 'Kanit', sans-serif;
	
}
.item3 p{	
	color:#fff;
	font-size:14px;
	text-align: left;
	font-family: 'Kanit', sans-serif;
	margin:0;
}
.item3 h4{
	margin-top: 8px;
	color:#fff;
	font-family: 'Kanit', sans-serif;
	font-size: 20px;
}
.item3 p a{
	color:#fff;
	font-size: 14px;
}
.item4{
	height:auto;
	background:#292929;		
	padding:1rem;
}
.item4 p{
	text-align: center;
	color:#fff;	
	margin:0;
}

@media only screen and (max-width: 850px){
		.footer-grid {
			grid-template-columns: 1fr;
		}
		.steak-flexbox{
			display:flex;
			flex-direction: row;
			flex-wrap: wrap;
		}
}

@media only screen and (max-width: 480px){
		.footer-grid {
			grid-template-columns: 1fr;
		}
		.steak-flexbox{
			display:flex;
			flex-direction: row;
			flex-wrap: wrap;
		}
		
}

/*--------------------------------------------  steak-easy ----------------------------------------------*/

.steak-top h2{
	font-family: 'Kanit', sans-serif;
	font-weight: 500;
}

.content-steak{
	font-family:'Kanit', sans-serif;
	font-size: 20px;
	font-weight: 250;
}
.content-steak img{
	margin:5px 5px;
}
.text-steak p{
	font-family:'Kanit', sans-serif;
	font-size: 20px;
	font-weight: 500;
}
.steak-flexbox{
	display:flex;
	flex-direction: row;	
}

.steak-flexbox p{
	font-family:inherit;
	font-size: 20px;
	font-weight: 250;
	margin:10px 0 70px 0;
}

/* ---------------------------------------------- page resume  ------------------------------------------------- */
.history{
	font-family:'Kanit', sans-serif;
}
.history p{
	font-family:inherit;
	font-size: 20px;
	font-weight: 250;
}
.history h2{
	font-family:inherit;
	margin:10px 0 20px 0;

}.history img{
	width:700px;
}

/* ---------------------------------------------- page food truck  ------------------------------------------------ */
.ft-text h2{
	margin-top:20px;
}
.ft-text p{
	padding:0 0 0 10px;
}
.ft-text h4{
	font-family:inherit;
	margin:25px;
	padding: 0;
	margin: 40px 0 0 0;
}

/* ---------------------------------------------- page mange beef ------------------------------------------- */
.flex-img{
	display:flex;
	flex-wrap: wrap;
	align-content: space-around;
}
.text-img{
	margin-left: 20px;
}
.mange-beef-tb{
	width:100%;
	
}
.mange-beef-tb tr{
	width:300px;
	border-left: none;
}

.mange-beef-tb td{
	text-align: left;
	font-size: 20px;
	padding-left: 20px;	
}

#myCarousel .list-inline {
    white-space:nowrap;
	overflow-x:auto;
	width: 900px;
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}

#myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
}