.btn-cat {
	border: 1px solid #bbbbbb;
	padding: 8px 2px;
	float: left;
	border-radius: 5px;
	background-color:#513521d4;
	line-height:32px;
}
a.btn-cat{color:#ffffff !important;}
.width-full{width:100% !important;}


.hide{display:none !important;}
.mgt-10{margin-top:10px !important;}
.mgt-20{margin-top:20px !important;}
.mgt-30{margin-top:30px !important;}
.mgt-40{margin-top:40px !important;}
.pdt-1{padding-top:1px!important;}
.pdt-5{padding-top:5px!important;}
.pdt-10{padding-top:10px!important;}
.pdt-20{padding-top:20px!important;}
.pdt-50{padding-top:50px!important;}
.pdt-55{padding-top:55px!important;}

.btnContact{margin-bottom:5px !important;}
.color-green{color:#008d36 !important;}
.iconMark:hover{cursor:pointer;}

.slider_section{
	/* background-image:url('/assets/images/backgrounds/bg_sldie.png?v=1'); */
}

.bgMain{background-color:#e5d1b5!important;}
.bgW{background-color:#ffffff!important;}
.bgW50{background-color:#ffffff!important;}
.bgB{background-color:#222222!important;}
.bgB50{background-color:#ffffff!important;}
.border-bottom-red-main{border-bottom:1px solid #cc1414 !important}

.menu_item a:hover{border-bottom:1px solid  #cc1414;}



/*Modify-----------------*/
body{background-color:#e5d1b5}
.alldepartments_dropdown .alldepartments_menulist > li > a {
	color: #444444;
	display: block;
	font-size: 16px !important;
	padding: 3px 0px !important;
	font-weight:300;
}
.supermarket_header .header_top {
	display: flex;
	min-height: 50px;
	padding: 10px 0px;
	align-items: center;
	background-color: #b75d10 !important; /*#ffa300*/
}
.bg-white {
	/*background-image: url('../../assets/images/backgrounds/bg-head.png');*/
	background-size:cover;/*contain;*/
}

.alldepartments_dropdown .alldepartments_menulist > li:hover > a {
	color: #a31c2b !important;
}
.alldepartments_dropdown .alldepartments_menulist > li .icon {
	width: 40px;
	text-align: center;
	margin-right: -5px;
	display: inline-block;
}

.supermarket_section_title .sub_title {
	font-size: 26px;
	margin-bottom: 0px;
	font-family: Kanit !important;
}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu a {
	padding: 5px;
}
.list-group-item:hover{background-color:#ffd24c;}
.list-group-item:hover a{color:#0036d9;}


.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #ce0b2b;
	border-color: #ce0b2b;
}
.page-link {	color: #ce0b2b;}
.page-link:hover {	color: #660000;font-weight:500}
/*End Modify-----------------------------------------------------------------------------------------------------------*/
/*custom-------------------*/
.shadow_menu{box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;}
.shadow_banner{box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}

/*font*/
.font-athiti{font-family: 'Athiti', sans-serif !important}

.black-100{color:#000 !important;}
.black-50{color:#888888 !important;}
.black-30{color:#999999 !important;}
.black-20{color:#cccccc !important;}

.kanit{font-family:"Kanit" !important;}
.athiti{font-family:"Athiti" !important;}
.prompt{font-family:"prompt" !important;}

.weight-300{font-weight:300 !important;}
.weight-400{font-weight:400 !important;}
.weight-500{font-weight:500 !important;}

.font-12{font-size:12px !important;}
.font-14{font-size:14px !important;}
.font-16{font-size:16px !important;}
.font-18{font-size:18px !important;}
.font-20{font-size:20px !important;}
.font-22{font-size:22px !important;}
.font-24{font-size:24px !important;}
.font-26{font-size:26px !important;}
.font-28{font-size:28px !important;}
.font-32{font-size:32px !important;}

.color-red{color:#ff0000;}
.color-red-main{color:#ac0000 !important}
.color-red-main:hover{color:#ff1111 !important}
.color-black{color:#000000;}
.color-black-20{color:#333333;}
.color-black-50{color:#888888;}
.color-black-main{color:#424251;}
.color-black-main:hover{color:#111111;}

.pd-0{padding:0 !important;}
.pd-1{padding:1px !important;}
.pd-2{padding:2px !important;}
.pd-3{padding:3px !important;}
.pd-5{padding:5px !important;}
.pd-10{padding:10px !important;}
.pd-20{padding:20px !important;}

.pdl-1{padding-left:1px !important;}
.pdl-2{padding-left:2px !important;}
.pdl-5{padding-left:5px !important;}
.pdl-10{padding-left:10px !important;}
.pdl-15{padding-left:15px !important;}
.pdl-20{padding-left:20px !important;}

.pdb-5{padding-bottom:5px !important}
.pdb-10{padding-bottom:10px !important}
.pdb-15{padding-bottom:15px !important}
.pdb-20{padding-bottom:20px !important}
.pdb-25{padding-bottom:25px !important}
.pdb-30{padding-bottom:30px !important}
.pdb-50{padding-bottom:50px !important}

.mgb-5{margin-bottom:5px !important}
.mgb-10{margin-bottom:10px !important}
.mgb-15{margin-bottom:15px !important}
.mgb-20{margin-bottom:20px !important}
.mgb-25{margin-bottom:25px !important}
.mgb-30{margin-bottom:30px !important}
.mgb-50{margin-bottom:50px !important}

.lh-20{line-height:20px !important;}
.lh-22{line-height:22px !important;}

.limitLine1{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.limitLine2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.limitLine3{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.limitLine4{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

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

.imgFull{width:100% !important;}

.space80{clear:both;height:80px !important;}
.space100{clear:both;height:100px !important;}
.searchTitle{padding:5px;background-color:#ce0b2b;color:#ffffff;text-align:center;border-radius:10px}
.catActive{background-color:#ffdc73;border-radius:0 12px 12px 0;border-left:3px solid #ff0000;}
.boxPrd{border:1px solid #dddddd;background-color:#ffffff;}
.prdImgSmall{widht:175px;height:175px;}

/*view--*/
.boxMsgDetail{min-height:100px !important;}
.inline{display:inline !important;}
.imgMain{margin-bottom:28px;}
.prd_name{font-size:1.5em;}
.boxPrdDetail{padding:10px;background-color:#ffffff5e;border-radius:10px;border:1px solid #bbbbbb87}
.imgPrd{box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;}
.space-10{height:10px;clear:both;}
.space-20{height:20px;clear:both;}
.space-30{height:30px;clear:both;}
.space-50{height:50px;clear:both;}
.prdCode{border-bottom:1px solid #cccccc;margin-bottom:5px;}
.iconSocial{height:32px !important;}
.imgFrmQz{height:85px !important;}
.boxCallMsg{width:100%;border-top:1px solid #bbbbbb;margin-top:25px;}
.boxRead{padding:3px;font-size:12px;float:right;border-top:1px solid #b35900;margin-top:18px;}
.clicked{line-height: 20px;padding-top: 5px;}
.tdPrd{padding-left:5px}
.tdPrd:hover{background-color:#dddddd;border-radius:10px}
.iconMark{position:absolute;top:-10px;right:-8px;}
.imgMark{height:42px}

/*Other page*/
.boxSearchTop{width:100%;position:absolute;top:-20px;}
.catTitle { background-color: #b45b0f; color: #ffffff !important; width: 100%; padding: 10px; text-align: center; position: fixed; z-index: 9; top: 80px; } 
.catTitle h1 {color:#ffffff;}
.spaceCat{clear:both;color:#ffffff;height:32px;}

/*Slide*/
.txtSlide{}

/*--Blog*/
blockquote{border-left:none;padding-left:20px !important;}
.quote-badge{background-color: rgba(0, 0, 0, 0.2);}
.quote-box{
overflow: hidden;
margin-top: -50px;
padding-top: -100px;
border-radius: 17px;
background-color: #DBA65B;
margin-top: 25px;
color:white;
width: 95%;
box-shadow: 2px 2px 2px 2px #E0E0E0;
}

.quotation-mark{
margin-top: -25px;
font-weight: bold;
font-size:100px;
color:white;
font-family: "Times New Roman", Georgia, Serif;
}

.quote-text{
font-size: 20px;
color:#ffffff;
font-weight:400;
margin-top: -85px;
}
.cntDate{font-size:14px;color:#bbbbbb;margin-bottom:10px;}
.btn-font-size{border:1px solid #bbbbbb;padding:0 10px;}
.blogListRight{border:1px solid #bbbbbb;margin-bottom:3px;padding:3px;border-radius:10px;font-size:1em;list-style: none;}
.blogListMobile{padding-left:1px;}
.bullet{height:22px;float:left;margin-right:5px;}
.listCnt{list-style: none;padding-left:5px;}
.blogImg { margin-bottom: 15px; border-radius: 20px; border: 1px solid #eed7d7; padding: 10px; }
.boxBlog img{height:100% !important;width:100% !important;}
.imgSpecialList{border-radius:10px 10px 0 0;margin-bottom:3px;}

.boxList a{color:#b35900;}
.boxList {
	margin-bottom: 10px;
	background-color: #eeeeee;
	border: 1px solid #fa9654;
	border-radius: 10px 10px 0 0;
}