@charset "utf-8";
/* CSS Document */


a.btn-food-more { border: 1px solid #ec1e24; font-weight: normal; display: inline-block; padding: 10px 20px; font-size: 22px;font-family: 'DBOzoneXMedium'; line-height: 22px;
 background:#ec1e24; color:#fff; margin:30px auto 0 auto; 
  -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-radius: 6px;}
 
a.btn-food-more:hover  { background:#ec1e24; color:#fff !important;}
.horecaMenu ul li a p {min-height: 74px }
.box-txtdetail-food h2 { color: #ec1e24 !important}
.box-Quote h2 p:before {
content: ' " ';
display: inline-block;
width: 30px;
height: 20px;}

.box-Quote h2 p:after {
content: ' " ';
display: inline-block;
width: 30px;
height: 20px;}

.hr-horeca {border-top: 1px solid #ccc; margin-top: 90px;}

#banner-food {margin: 0 0 30px 0; position: relative}
.box-banner-food {width: 800px; float: left;border-radius: 6px;}
.box-vdo-food {width: 364px; float: right;}
 .box_play { position: relative; border-radius: 6px;}
.icon_play { z-index: 7; position: absolute; background: url(../images/icon/icon_pay.png) no-repeat top center  rgba(0,0,0,0.4); width: 100%; height: 100%;border-radius: 6px}
.box_play h4 {position: absolute; top: 50%; text-align: center; width: 100%; z-index: 7; color: #fff !important}
#banner-food  img {border-radius: 6px; width: 100%}

.box-center table td p {margin: 0;padding: 0;}
.box-center table {margin-bottom: 15px}
.box-rightchef ul {margin-left: 20px !important}
.box-center table td,.box-right table td, .box-left table td {vertical-align: top}

@media screen and (max-width:1100px) {
	.box-banner-food {width:68%; float: left;border-radius: 6px;}
.box-vdo-food {width: 31%; float: right;}
	.box_play h4 {top: 61%}

	.box-center table {width: 80% !important}
	.box-right table  {width:100% !important}
}
@media screen and (max-width:736px) { 
	.box_play h4 {display: none}
		.icon_play {background-size: 100%}
	.box-center table {width: 80% !important}
		.box-center table td, .box-right table td{border-bottom: 1px solid #f5f5f5; padding: 5px 0}
	
	.horecaMenu ul li a .biv {min-height: 120px !important;}
}
@media screen and (max-width: 667px) {
		.horecaMenu ul li a .biv {min-height: 170px !important;}
}


@media screen and (max-width: 533px) {
	.Shohuay_SubMn .col-md-4 {width: 100% !important}
	
	.horecaMenu .col-md-2 {width:50% !important}
	.horecaMenu ul li { margin-bottom: 0 !important;}
	
	.box-txtdetail-food .horecaMenu ul li a p {min-height: 70px}
	.horecaMenu ul li a .biv {min-height: 200px !important; margin-bottom: 20px;}
	
}
@media screen and (max-width:414px) { 
	.box-banner-food {width:100%; float: none;border-radius: 6px;}
.box-vdo-food {width: 100%; float: none; margin: 10px 0 0 0}
	.icon_play {background-size: 100%}
	.box-center table {width: 100% !important}

	.box-center table tr td:first-child  , .box-right table td:first-child {width: 60%!important}
	.box-center table tr td:nth-child(2),.box-right table tr td:nth-child(2) {width: 20% !important}
	.box-center table tr td:nth-child(3),.box-right table tr td:nth-child(3) {width: 20% !important}
	.onlineClick{font-size: 16px!important; padding: 8px!important;}
}


@media screen and (max-width:375px) {
	.horecaMenu .col-md-2 {width: 50% !important}
	.horecaMenu .row { margin-left: 0;}
	.box-txtdetail-food .horecaMenu li {min-height: 180px !important; margin-bottom: 20px !important}
	.onlineClick{font-size: 14px!important; padding: 5px!important;}
}

	@media screen and (max-width:320px) {	
		.horecaMenu li {min-height: 240px !important}
		.onlineClick{font-size: 13px!important; padding: 3px!important;}
		
}