::-webkit-scrollbar {
	background: #fff;
	width: 10px;
	height: 11px;
}

::-webkit-scrollbar-thumb {
	background: #BBBBBB;
}
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
	min-width: 100% !important;
}

.fb-comments,
.fb-comments iframe[style],
.fb-like-box,
.fb-like-box iframe[style] {
	width: 100% !important;
}

.fb-comments span,
.fb-comments iframe span[style],
.fb-like-box span,
.fb-like-box iframe span[style] {
	width: 100% !important;
}

.video_popup {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.grecaptcha-badge{
	display: none;
}
.video_popup iframe,
.video_popup object,
.video_popup embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#clickvideo {
	width: 100%;
	padding: 4px 0;
	margin: 3px 0%;
	border: 1px solid #DDD;
	box-sizing: border-box;
}

.addthis_native_toolbox {
	margin: 10px 0px;
	width: 100%;
	clear: both;
	border: 1px solid #ededed;
	padding: 10px 10px;
	margin-bottom: 10px;
	background: #f7f6f6;
	box-sizing: border-box;
}

.addthis_native_toolbox b {
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	margin-right: 10px
}

#toptop {
	width: 37px;
	height: 37px;
	position: fixed;
	bottom: 55px;
	right: 20px;
	text-indent: -99999px;
	cursor: pointer;
	background: url(../images/back_to_top.png) top center no-repeat;
	transition: 0.5s;
	z-index: 200;
}

#toptop:hover {
	background: url(../images/back_to_top.png) bottom center no-repeat;
	transition: 0.5s;
}

.clear {
	clear: both;
}

img {
	max-width: 100% !important;
	height: auto;
}

div.bando img {
	max-width: none !important;
}
.bando_1 iframe{
	height: 220px;
}
div.bando_1 img {
	max-width: none !important;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

/** Generated by FG **/
@font-face {
	font-family: 'myFont';
	src: url('../font/SFUNapoliLight.ttf');
}

@font-face {
	font-family: 'myFontdas';
	src: url('../font/Roboto-Regular.ttf');
}

div#wapper {
	margin: auto;
	max-width: 1366px;
	background: #F8F8F8;
}

div#header {
	position: relative;
	margin: auto;
	background: #276A02;
	height: 100px;
}

div#header a.logo {
	display: block;
	line-height: 0;
}

div#header img.logo_mobi {
	display: none;
}

div#header a.logo img {
	width: 100%;
}

.menu_login {
	list-style: none;
	position: absolute;
	top: 5px;
	right: 70px;
}

.menu_login li {
	display: inline-block;
}

.menu_login li a {
	text-decoration: none;
	color: #fff;
	border-right: 1px solid #fff;
	padding: 0px 5px;
}

div#lang {
	position: absolute;
	top: 5px;
	right: 10px;
}

div#lang a img {
	border: 1px solid #fff;
	margin-left: 3px;
}

.sang_header {
	top: 30%;
	left: 5%;
}

div.header {
	display: none;
}

div.wap_menu {
	position: absolute;
	top: 32px;
	height: 36px;
	line-height: 36px;
	margin: auto;
	left: 23%;
}

div.menu {
	position: relative;
	max-width: 1200px;
	margin: auto;
}

div.menu ul {
	float: left;
	list-style: none;
	padding: 0;
}

#menu>ul>li {
	float: left;
	position: relative;
	z-index: 50;
	border-radius: 4px;
	margin-right: 16px;
}

div.menu ul li.line {
	background: url(../images/menu_gach.png) center no-repeat;
	height: 41px;
	width: 1px;
}

div.menu ul li a {
	color: #fff;
	font-size: 16px;
	padding: 0px 17px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	font-family: 'myFontdas';
	border-radius: 4px;
}

div.menu ul li a:hover,
div.menu ul li a.active,
div.menu ul li a.active2 {
	color: #F1C244;
	background: rgba(0, 0, 0, 0.5);
}

div.menu ul li ul,
div.menu ul li:hover ul li ul {
	position: absolute;
	margin-left: 0px;
	display: none;
	min-width: 200px;
	background: rgba(0, 0, 0, 0.5);
	line-height: 1.5;
}

div.menu ul li ul li {
	float: none;
	position: relative;
	border-radius: 3px;
}

div.menu ul li ul li a {
	padding: 6px 10px;
	text-transform: none;
	display: block;
	border-bottom: 1px solid #fff;
	border-radius: 3px;
}

div.menu ul li ul li ul {
	left: 100%;
	top: 0px;
}

div.search {
	position: absolute;
	right: 0px;
	top: 5px;
	background: #fff;
	border-radius: 2px;
	height: 30px;
}

div.search input {
	padding: 0px 10px;
	float: left;
	margin-top: 8px;
	border: none;
	background: none;
	width: 180px;
	outline: none;
	color: #777;
	font-style: italic;
}

div.search i {
	float: right;
	margin-right: 9px;
	margin-top: 5px;
	color: #222;
	font-size: 17px;
	cursor: pointer;
}

div#slider {
	margin: auto;
}

div#left {
	width: 20%;
	float: left;
}

div.tieude {
	color: #fff;
	text-align: center;
	font-size: 14px;
	background: url(../images/tieude.png) center repeat-x;
	height: 39px;
	line-height: 39px;
	font-weight: bold;
	text-transform: uppercase;
}

div#danhmuc {
	border-bottom: none;
}

div.danhmuc {
	border: 1px solid #d6d6d6;
	margin-bottom: 15px;
}

div.danhmuc:last-child {
	margin-bottom: 0;
}

div#danhmuc ul {
	list-style: none;
}

div#danhmuc ul li {}

div#danhmuc ul li:last-child {
	border: none;
}

div#danhmuc ul li a {
	color: #454545;
	font-family: 'myFont';
	text-decoration: none;
	font-size: 14px;
	transition: 0.4s;
	display: block;
	border-bottom: 1px solid #DDD;
	padding: 9px 5px 9px 23px;
	background: url(../images/muiten.png) 11px 15px no-repeat;
}

div#danhmuc ul li a:hover,
div#danhmuc ul li a.active {
	color: red;
	transition: 0.4s;
}

div#danhmuc ul li ul li a {
	background: url(../images/muiten.png) 22px 15px no-repeat;
	padding: 9px 5px 9px 35px;
}

div#danhmuc ul li ul {
	display: none;
}

div#tinmoi {}

div#tinmoi ul {
	list-style: none;
	padding: 0 10px;
}

div#tinmoi ul li {
	border-bottom: 1px dashed #DDDDDD;
	padding: 10px 0;
}

div#tinmoi ul li a img {
	width: 35%;
	max-width: 150px !important;
	border: 1px solid #d6d6d6;
	float: left;
	margin-right: 10px;
}

div#tinmoi ul li a img:hover {
	transition: 1s;
	border: 1px solid red;
}

div#tinmoi ul li h4 a {
	text-decoration: none;
	color: #111111;
	font-size: 12px;
	transition: 0.4s;
	font-weight: normal;
}

div#tinmoi ul li h4 a:hover {
	color: red;
	transition: 0.4s;
}

div.load_video {
	width: 95%;
	margin: 7px auto;
}

div#hotro {
	background: url(../images/bg_hotro.png) left 40px no-repeat;
}

div#hotro .phone {
	color: #f10b0b;
	font-size: 24px;
	font-weight: bold;
	padding-top: 62px;
	padding-left: 90px;
	padding-bottom: 10px;
	margin-right: 20px;
	font-style: italic;
}

div#hotro ul {
	list-style: none;
	border-bottom: 1px dashed #DDDDDD;
	padding: 7px;
	margin: 0px 10px;
	font-size: 13px;
}

div#hotro ul li {
	clear: both;
	padding: 6px 0;
	color: #555555;
}

div#hotro ul li i {
	font-size: 17px;
	margin-right: 8px;
	clear: both;
}

div#hotro ul li span {
	color: #3853a4;
	font-weight: normal;
	font-size: 14px;
	margin-top: 3px;
	float: left;
}

div#hotro ul li a img {
	margin-right: 5px;
	float: left;
}

div#quangcao a img {
	width: 90%;
	max-width: 300px !important;
	border: 1px solid #DDD;
	margin: 5px auto;
	padding: 4px;
	box-sizing: border-box;
}

div#quangcao a img:hover {
	border: 1px solid red;
}

div#dknt {
	/* max-width:350px; */
	margin-top: 25px;
	width: 94%;
}

#main_footer p {
	margin-top: 22px;
	font-size: 13px;
	padding-right: 15px;
	/* padding: 0px 20px; */
}

form#send_contact {
	background: #fff;
	height: 35px;
	margin: 10px 0;
}

form#send_contact input[type='text'] {
	width: 70%;
	padding: 0px 5px;
	float: left;
	margin-top: 9px;
	border: none;
	background: none;
	outline: none;
	color: #000;
	outline: none;
}

form#send_contact button {
	background: #FFA800;
	color: #fff;
	width: 80px;
	height: 35px;
	line-height: 35px;
	border: none;
	cursor: pointer;
	float: right;
	text-transform: uppercase;
	outline: none;
}
form#send_contact button {
	width: 65px;
}
/* ---- */
form#email_receive {
	background: #fff;
	height: 35px;
	margin: 10px 0;
}

form#email_receive input[type='text'] {
	width: 70%;
	padding: 0px 5px;
	float: left;
	margin-top: 9px;
	border: none;
	background: none;
	outline: none;
	color: #000;
	outline: none;
}

form#email_receive button {
	background: #FFA800;
	color: #fff;
	width: 80px;
	height: 35px;
	line-height: 35px;
	border: none;
	cursor: pointer;
	float: right;
	text-transform: uppercase;
	outline: none;
}
form#email_receive button {
	width: 65px;
}

div#main_content {
	margin: 0px auto;
	padding-top: 20px;
}

div.tieude_giua {
	font-family: 'myFont';
	text-align: center;
	font-size: 35px;
	color: #393939;
	text-transform: capitalize;
}

div.wap_item {
	text-align: center;
	position: relative;
}

.them_tintuc {
	width: 47% !important;
	float: left !important;
	margin-right: 35px;

}

div.item {
	width: 31.3%;
	margin: 0.5% 0.4%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

div.item .sp_img {
	overflow: hidden;
	/* border:1px solid #DDDDDD; */
	/* box-shadow:5px 5px 0px #f2f2f2; */
	/* margin-bottom:10px; */
}

div.item .sp_img a {
	display: block;
	line-height: 0;
}

div.item a img {
	width: 100%;
	height: 100%;
}

div.item .sp_name a {
	text-decoration: none;
	color: #296D03;
	font-weight: normal;
	font-size: 20px;
	display: block;
	text-transform: capitalize;
}

div.item .sp_name a:hover {
	transition: 0.4s;
	color: red;
}

div.item .sp_gia {

	font-size: 14px;
}

div.item .sp_gia span.giacu {
	color: #666666;
	text-decoration: line-through;
	float: left;
}

div.item .sp_gia span.giamoi {
	color: #666666;
	color: red;
	float: right;
}

div.item .sp_gia span.motgia {
	display: block;
	float: none;
}

div#wap_footer {
	background: url(../images/footer.png)no-repeat;
	padding-top: 40px;
	padding-bottom: 10px;
	margin: auto;
	color: #ffffffd6;
}

.them_td {
	margin-top: 9px;
	padding-left: 13px;
}

div#footer {
	max-width: 1200px;
	margin: auto;
}

div#main_footer {
	width: 34%;
	float: left;
	background: url(../images/ghj.png)no-repeat;
	/* width: 414px; */
	height: 293px;
	padding: 0px 52px;
}

div#lienket {
	margin-top: 25px;
	/* margin-right: 15px; */
	margin-left: 17px;
}

div#lienket a {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-size: 22px;
	height: 45px;
	line-height: 45px;
	width: 45px;
	text-align: center;
	text-decoration: none;
	margin: 0px 2px;
	background: #0F0F0F;
	transition: 1s;
	border-radius: 50%;
	margin-right: 7px;
}

div#lienket a:hover {
	transition: 1s;
	transform: rotate(360deg);
}

div#thongke {
	width: 28%;
	float: right;
}

div#thongke .td_ft {
	color: #FFFF33;
	margin-bottom: 7px;
	font-size: 14px;
	text-transform: uppercase;
}

div#thongke ul {
	list-style: none;
}

div#thongke ul li {
	clear: both;
	padding: 4px 0px;
}

div#thongke ul li img {
	float: left;
	margin-right: 15px;
	width: 16px;
	margin-top: 2px;
}

/* --------------------- Phan trang ------------------*/
div#doitac {
	box-sizing: border-box;
	max-width: 1200px;
	margin: auto;
}

div#doitac a img {
	height: 100px;
	margin: 0 5px;
	border: 1px solid #DDD;
}

/*----------------------------------------------------*/
div.wap_pro {
	margin: 15px auto;
	clear: both;
}

.zoom_slick {
	width: 45%;
	float: left;
	text-align: center;
}

.zoom_slick .slick2 {
	border: 1px solid #DDD;
}

.zoom_slick .slick {
	margin-top: 5px;
}

.zoom_slick .slick img {
	width: 95%;
	margin: auto;
	border: 1px solid #DDD;
	box-sizing: border-box;
	cursor: pointer;
}

.zoom_slick .slick img:hover {
	border: 1px solid #F60;
	opacity: 0.5;
	transition: 1s;
}

.product_info {
	float: right;
	list-style: none;
	width: 52%;
}

.product_info li {
	font-size: 13px;
	border-bottom: 1px solid #EEE;
	padding: 6px 0;
}

.product_info li.ten {
	color: #0033FF;
	font-size: 18px;
}

.product_info li.giacu {
	font-size: 15px;
	text-decoration: line-through;
}

.product_info li.gia {
	color: red;
	font-size: 16px;
}

.product_info li b {
	font-weight: normal;
	font-size: 14px;
}

.xemgiohang {
	color: #E80019;
	display: block;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	font-size: 13px;
	transition: 0.4s;
	margin: auto;
	margin-top: 7px;
}

.product_info li .dathang {
	background: #e93b35;
	color: #fff;
	display: block;
	max-width: 300px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	font-size: 14px;
	transition: 0.4s;
}

.product_info li .dathang i {
	margin-right: 10px;
	font-size: 25px;
	margin-top: 3px;
}

.product_info li .dathang:hover {
	transition: 0.4s;
	background: #E00;
}

span.size {
	display: inline-block;
	padding: 2px 10px;
	border: 1px solid #DDD;
	border-radius: 3px;
	margin-right: 5px;
	cursor: pointer;
}

span.mausac {
	display: block;
	float: left;
	border: 1px solid #DDD;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	cursor: pointer;
	font-size: 0;
}

span.active_size,
span.size:hover,
span.mausac:hover,
span.active_mausac {
	border: 1px solid #EE0000;
}

input.soluong {
	width: 50px;
	border: 1px solid #C7C6C6;
	padding: 2px 0px;
	text-align: center;
	font-size: 15px;
	margin-right: 5px;
}

table#giohang input {
	margin: 5px 0px;
}

table#giohang input.btn,
.click_ajax {
	background: #DC0018;
	color: #ffffff;
	padding: 7px 15px;
	border: none;
	cursor: pointer;
	margin: 5px 1px;
	border-radius: 3px;
}

table#tt td {
	height: 30px;
}

table#tt td input.t {
	width: 300px;
	height: 20px;
	margin: 3px 0px 5px 0px;
	border: 1px solid #DDD;
}

table#tt td textarea {
	width: 300px;
}

table#tt span {
	color: red;
}

@-webkit-keyframes star {
	0% {
		-webkit-transform: rotate(0) scale(0);
	}

	50% {
		-webkit-transform: rotate(180deg) scale(1.5);
	}

	100% {
		-webkit-transform: rotate(360deg) scale(0);
	}
}

@-o-keyframes star {
	0% {
		-o-transform: rotate(0) scale(0);
	}

	50% {
		-o-transform: rotate(180deg) scale(1.5);
	}

	100% {
		-o-transform: rotate(360deg) scale(0);
	}
}

@-moz-keyframes star {
	0% {
		-moz-transform: rotate(0) scale(0);
	}

	50% {
		-moz-transform: rotate(180deg) scale(1.5);
	}

	100% {
		-moz-transform: rotate(360deg) scale(0);
	}
}

.start-animate {
	z-index: 99999999999999999 !important;
	position: absolute;
	animation: star linear 1.75s infinite;
	-moz-animation: star linear 1.75s infinite;
	-webkit-animation: star linear 1.75s infinite;
	-o-animation: star linear 1.75s infinite;
}

@keyframes star {
	0% {
		transform: rotate(0) scale(0);
	}

	50% {
		transform: rotate(180deg) scale(1.5);
	}

	100% {
		transform: rotate(360deg) scale(0);
	}
}

.top_header {
	background: #2F8301;
}

.header_1200 {
	width: 88%;
	margin: auto;
	height: 40px;
	line-height: 40px;
	position: relative;
}

.dt {
	background: url(../images/dt.png)0px 11px no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-left: 20px;
	color: #ffffffa6;
	font-size: 13px;
}

.logo_1 {
	position: absolute;
	top: -26px;
	left: 4.5%;
	z-index: 9;
}

.menu_1200 {
	width: 88%;
	margin: auto;
}

.bao_bao {

	background: #EAEAEA;

	padding: 20px;
}

.mota_menu {
	color: #000000d9;
	font-size: 13px;
	text-align: justify;
	margin-top: 5px;
}

.tieude_chinh {
	font-family: 'myFont';
	text-align: center;
	font-size: 35px;
	color: #393939;
}


.dong_ll {
	background: url(../images/dong_xr.png)no-repeat;
	margin: auto;
	width: 484px;
	height: 34px;
}

.gt_left {
	width: 42%;
	float: left;
}

.gt_right {
	width: 56%;
	float: right;
}

.gt_1200 {
	width: 88%;
	margin: auto;
}

.ten_slogan {
	color: #000000eb;
	margin-top: 10px;
	font-size: 22px;
}

.mota_gt {
	color: #0000009e;
	font-size: 15px;
	line-height: 33px;
}

.wap_gioithieu {
	margin-top: 30px;
}

.gt_left img:hover {
	transition: 0.5s;
	opacity: 0.5;
}

.qc_1200 {
	width: 88%;
	margin: auto;
}

.qc_1200 img {
	display: block;
}

.quangcao {
	margin-top: 25px;
	margin-bottom: 25px;
}

.mn_left {

	float: left;
}

.mn_right {

	float: right;

	color: #FFFC00;

	text-transform: lowercase;

	background: rgba(0, 0, 0, 0.2);

	padding: 0px 20px;

	/* line-height: 17px; */

	/* height: 35px; */
}

/* Cac khung noi dung cua trang chu deu dung 88% (menu_1200, gt_1200, qc_1200,
   wap_1200, header_1200). Rieng khung nay truoc day de 91% nen 4 muc "Thuc don"
   (Best Seller + 3 nhom menu) rong hon 41px va tho ra 20.5px MOI BEN so voi cac
   muc khac - nhin thay ro la le mep trai/phai. Doi ve 88% cho bang cac khung con lai. */
.thucdon_1200 {
	width: 88%;
	margin: auto;
}

.ten_thucdon {
	font-family: 'myFont';
	text-align: left;
	font-size: 35px;
	color: #393939;
	padding-left: 19px;
	text-transform: capitalize;
}

.ite_mn {
	width: 31.1%;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #ddd;
	padding: 5px;
	background: #fff;
	margin: 0.8% 1%;
}
.best_seller .ite_mn {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #ddd;
	padding: 5px;
	background: #fff;
	margin: 0.8% 1%;
}

.copy-right a{
	color: white;
}

.ten_mn {
	height: 40px;
	line-height: 29px;
	background: #296D03;
	text-transform: uppercase;
	color: #ffffffdb;
	font-size: 16px;
	padding: 6px 6px;
}

.laysp_left {
	width: 80%;
	float: left;
	color: #000000d1;
	font-size: 14px;
}

.laysp_right {
	width: 20%;
	float: right;
	text-align: right;
	font-weight: bold;
	color: #000000b5;
	font-size: 14px;
}

.laysp_left span {
	background: #296D03;
	padding: 2px 7px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
}

.laysp {
	height: 32px;
	line-height: 32px;
	/* padding: 0px 10px; */
	border-bottom: 1px solid #ddd;

}

.bao_oop {
	width: 96%;
	margin: auto;
	height: 190px;
	overflow: auto;
}

.anhcap2 {
	margin-bottom: 10px;
	margin-top: 4px;
}
.anhcap2 img{
	width: 100%;
}

/* Card dau tien phai bat dau dung mep trai cua khung (bang voi muc Gioi thieu,
   Y kien khach hang, Tin tuc...). Truoc day:
     .bestsellerz co padding 0 12px  -> day carousel vao 12px
     .ite_mn ben trong con margin 1% -> them ~2.9px nua
   => card dau nam o 128.8px trong khi cac muc khac o 114px (thut vao 14.8px).
   Bo padding, va bo margin ngang cua .ite_mn RIENG trong carousel - owl-carousel
   da tu dat khoang cach giua cac item bang margin cua .owl-item roi. */
.bestsellerz{
	padding: 0;
}

.bestsellerz .ite_mn {
	margin-left: 0;
	margin-right: 0;
}

/* Cac muc "Menu mau / Menu tu chon / Menu chay" dung .bao_kkll.
   Truoc day: card .ite_mn la inline-block, width 31.1% + margin ngang 1%
   => 3 card chiem 3 x 33.1% = 99.3%, KHONG phai 100%. Hau qua:
     - card dau thut vao 12px so voi mep khung
     - hang card ket thuc som 2-8px nen mep phai cung khong bang cac muc khac
     - lai con khe trang thua cua inline-block giua cac the
   Doi sang flex + gap: 3 x 32% + 2 khe 2% = 100% chan, card dau trung mep trai,
   card cuoi trung mep phai. Hang thieu card van dan trai binh thuong (flex-start). */
.bao_kkll {
	display: flex;
	flex-wrap: wrap;
	gap: 18px 2%;
}

.bao_kkll .ite_mn {
	width: 32%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.tieude_lh {
	background: #246202;
	font-family: 'myFont';
	color: #fff;
	font-size: 30px;
	height: 51px;
	line-height: 51px;
	padding-left: 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.thongtin_lh ul {
	list-style: none;
	padding-inline-start: unset;
}

.thongtin_lh ul li {

	padding-left: 36px;

	font-size: 13px;

	padding: 5px 0px;

	padding-left: 36px;

	margin-bottom: 10px;
}

.aa {
	background: url(../images/aa.png)no-repeat;
}

.bb {
	background: url(../images/bb.png)no-repeat;
}

.cc {
	background: url(../images/cc.png)no-repeat;
}

.dd {
	background: url(../images/dd.png)no-repeat;
}















/*------------------- wap tintuc - fanpage------------------*/
div.wap-tin-fan {
	padding: 40px 0px;
	width: 88%;
	margin: auto;
}

div.box-tin-video {
	margin: 0 auto;
	margin-top: 3%;
	padding-bottom: 2%;
}

.tieude_chung {
	margin-bottom: 15px;
	/* border-bottom:1px solid #ccc; */
}

.tieude_chung span {
	display: block;
	float: left;
	height: 30px;
	line-height: 21px;
	color: #303233;
	text-transform: capitalize;
	font-size: 30px;
	padding: 0px 69px 0px 0px;
	font-family: 'myFont';
	/* font-family:'utm-time'; */
}

.box-tin {
	width: 32%;
	float: left;
	margin-right: 30px;
}

.box-tin ul {
	padding-inline-start: unset;
	display: block;
	width: 100%;
}

.ten-ngoai a {
	color: #2B2727;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
}

.box-tin .xemthem-in {
	display: block;
	width: 87px;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	text-align: center;
	color: #999;
	border: 1px solid #999;
	float: right;
	background: #e9e6e6;
	text-decoration: none;
	transition: 0.5s;
}

.box-tin .xemthem-in:hover {
	background: #0063b0;
	color: #fff;
}

.ten-ngoai a:hover {
	color: #f00;
}

.mota-ngoai {
	font-size: 15px;
	text-align: justify;
	line-height: 27px;
}

.tintuc-tc {
	padding: 0px 0px;
	border-bottom: none;
	margin-bottom: 10px !important;
}

.tintuc-tc img {
	width: 145px !important;
}

.tintuc-tc h3 {
	height: 46px;
	overflow: hidden;
	padding-top: 5px;
	margin-bottom: 0!important;
}

.tintuc-tc h3 a {
	color: #000;
	font-size: 14px;
	line-height: 1.4;
	font-weight: bold;
}

.tintuc-tc .mota {
	font-size: 13px;
	text-align: justify;
	color: #3e3b3b;
	line-height: 20px;
	/* font-family: 'myfont'; */
}

.tintuc-tc-r img {
	float: right !important;
	margin: 4px 0px 3px 15px !important;
}

.box-video {
	width: 33%;
	float: left;
}

.box-video #video {
	margin-top: 32px;
}

.box-video .item-video {
	height: 271px;
}

.box-video .item-video iframe {
	height: 271px;
}

.box-video__item {
	width: 100%;

	margin-top: 5px;

}

.box-video__item .video__item {
	width: 90px;
	/* float:left; */
	/* height:60px; */
	display: block;
	/* margin-right:8px; */
	transition: 0.5s;
	cursor: pointer;
}

.box-video__item .video__item:hover,
.act-vd {
	opacity: 0.6;
}

.box-fan {
	width: 31%;
	float: right;
	border-radius: 5px;
	/* overflow:  hidden; */
}

.tintuc-tc img {
	border: none !important;
}


.bao_form {
	margin: auto;
	background: #296D03;
	padding: 20px;
	padding-bottom: 50px;
	position: relative;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.item_dangky input {
	width: 100%;
	padding: 8px 0px;
	background: none;
	border: none;
	color: white;
	padding-left: 10px;
}
.item_dangky input::placeholder{
	color: rgb(220, 220, 220);
}

.item_dangky {
	margin-bottom: 10px;
	border: 1px solid #dddddd9e;
	border-radius: 5px;

}

.ten_fo {
	color: #fff;
	text-align: center;
	margin-top: 19px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.in_k {
	width: 100%;
	background: #F0F0F0;
	border-radius: 10px;
	height: 60px;
	padding-left: 10px;

}

.item_dangky_k button {
	width: 100%;
	background: #DADADA;
	text-transform: uppercase;
	/* height: 26px; */
	/* line-height: 24px; */
	text-align: center !important;
	color: #000000bf;
	font-weight: bold;
	padding-right: 28px;
	font-size: 16px;
	border: none;
	padding: 7px;
	text-align: center;
	border-radius: 5px;

}

.bao_form p {
	color: #ffffffd9;
	font-size: 14px;
	margin-bottom: 12px;
}



.hyhy::-webkit-input-placeholder {
	color: #dddddd9e;
}

.hyhy:-moz-placeholder {
	/* Firefox 18- */
	color: #dddddd9e;
}

.hyhy::-moz-placeholder {
	/* Firefox 19+ */
	color: #dddddd9e;
}

.hyhy:-ms-input-placeholder {
	color: #dddddd9e;
}

.item_dangky_k input:hover {
	color: red;
	cursor: pointer;
}

.dia {
	background: url(../images/diacom.png)no-repeat;
	width: 341px;
	height: 155px;
	position: absolute;
	border: 0px;
	right: -79px;
	z-index: 999;
}

.thongtin_lh {
	width: 32%;
	float: left;
	margin-left: 45px;
}

.ten_ftdk {
	text-transform: uppercase;
	font-size: 17px;
	color: #fffffff2;
	margin-bottom: 10px;
}


div.copy-right {
	background: #296D03;
	padding: 15px 0px;
	color: #ffffffd1;
	font-size: 12px;
	border-top: 1px solid #dddddd52;
}

div.copy-right .cop-l {
	width: 48%;
	float: left;
}

div.copy-right .cop-r {
	text-align: right;
	width: 48%;
	float: right;
}

div.copy-right .cop-r .counter span {
	color: #ff0;
}


.wap_1200 {
	width: 88%;
	margin: auto;
}

.bao_pppp {
	width: 88%;
	margin: auto;
}

.xem_them a {
	text-decoration: none;
	color: #fff;
	background: #296D03;
	padding: 10px 20px;
	font-size: 15px;
	text-transform: uppercase;
}

.xem_them {
	margin-top: 35px;
}

.xem_them a:hover {
	color: #296D03;
	background: #fff;
	border: 1px solid #296D03;
}
.wap_ppp .item .sp_img.zoom_hinh{
	margin: 0;
}

.feedback.owl-carousel{
	position: relative;
}
.feedback.owl-carousel .owl-nav{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
a.show__all__menu{
	display: block;
	width: max-content;
	padding: 3px 20px;
	background-color: #296D03;
	color: white;
	margin: 10px auto;
	font-size: 16px;
}
.feedback.owl-carousel .owl-nav button.owl-prev{
	background-color: white;
	color: #656565;
	width: 50px;
	height: 50px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 50%;
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
}
.feedback.owl-carousel .owl-nav button.owl-next{
	background-color: white;
	color: #656565;
	width: 50px;
	height: 50px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 50%;
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
}
.feedback.owl-carousel{
	display: grid;
	padding: 0 100px;
}

.ykien-kh .item{
	width: 100%;
	display: grid;
	grid-gap: 20px;
	align-items: center;
	justify-content: center;
}
.ykien-kh .item .avatar img{
	width: 200px;
	height: 200px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	margin: 0 auto;
}
.ykien-kh .item .username{
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}
.ykien-kh .item .content{
	font-style: italic;
	font-size: 14px;
	color: rgb(72, 72, 72);
	text-align: center;
}


/* 
.chay-dichvu .box-news{
	display: grid;
	grid-template-columns: repeat(2,1fr);
}
.chay-dichvu .box-news img{
	height: 100%;
}
.chay-dichvu .box-news h3 a{
	color: rebeccapurple!important;
}
 */

 .super__zalo{
	display: none;
 }



 .video__list{
	width: 100%;
 }
.video__list .video__item img{
	height: 84px;
}

.mmisbutton{position:fixed;bottom:20px;left:20px;width:60px;z-index:99999}
.mmisbutton a .sms{float:left;width:50px;height:50px;padding:0px;text-align:center;line-height:50px;margin:5px;border-radius:50%;background:url('../images/sms.png') top center;background-size: 50px 50px;}
.mmisbutton a .ic{float:left;width:50px;height:50px;padding:0px;text-align:center;line-height:50px;margin:5px;border-radius:50%;background:url('../images/call.png') top center;background-size: 50px 50px;}
.super__hotline {
    position: fixed;
    height: 50px;
    bottom: 25px;
    left: 25px;
    border-radius: 25px;
    z-index: 99998;
    width: max-content;
    padding-left: 60px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    font-size: 24px;
    color: white;
    font-weight: bold;
    background-color: #2e8303;
	box-shadow: 1px 1px 15px 3px white;
    z-index: -1;
}
.mmisbutton a .iz{float:left;width:50px;height:50px;padding:0px;text-align:center;line-height:50px;margin:5px;border-radius:50%;background:url('../images/zalo.png') top center;background-size: 50px 50px;}

/* ---------------------------------------------------------------------------
   Hieu ung lac icon SMS / Zalo / Hotline o goc trai duoi.
   Lam theo mau nautiectainhahoangphat.com (do bang getComputedStyle tren trang do):
     - icon lac qua lai +-25 do trong 40% dau moi chu ky 1s, 60% con lai dung yen
     - mot vong do nhat (opacity .2) phap phong scale .7 <-> 1 trong 2s quanh icon.
       Mau co 40px icon + vong 50px; o day icon 50px nen vong 62px cho dung ti le.
   Khac mau mot chut, co chu y: icon nam TREN vong (z-index 1 > 0) de icon luon ro
   net, vong chi toa ra phia sau nhu quang sang.

   CHU HOTLINE (.super__hotline) KHONG LAC: no la anh em cua icon .ic chu khong phai
   con, nen transform tren .ic khong keo theo no.
   TUYET DOI khong dat transform / filter / perspective len .mmisbutton hay the <a>:
   .super__hotline la position:fixed, ma to tien nao co mot trong cac thuoc tinh do
   se tro thanh khung chua no -> chu se nhay khoi cho va lac theo icon.
   --------------------------------------------------------------------------- */
.mmisbutton a {
	display: block;
	position: relative;   /* moc cho vong ::before. KHONG them transform o day */
	width: 60px;
	height: 60px;         /* = icon 50px + margin 5px moi ben, dung bang khoang cach cu */
}
.mmisbutton a::before {
	content: "";
	position: absolute;
	z-index: 0;
	top: -1px;            /* vong 62px dat tam trung tam icon: (60 - 62) / 2 */
	left: -1px;
	width: 62px;
	height: 62px;
	box-sizing: border-box;
	border: 2px solid rgb(252, 32, 32);
	border-radius: 50%;
	background-color: rgb(255, 131, 131);
	opacity: .2;
	pointer-events: none; /* bam trung vong van ra link cua icon */
	animation: mmis-vong 2s ease-in-out infinite;
}
.mmisbutton a .sms,
.mmisbutton a .iz,
.mmisbutton a .ic {
	position: relative;
	z-index: 1;
	animation: mmis-lac 1s ease-in-out infinite;
	will-change: transform;
}
@keyframes mmis-lac {
	0%, 50%, 100% { transform: rotate(0deg); }
	10%, 30%      { transform: rotate(-25deg); }
	20%, 40%      { transform: rotate(25deg); }
}
@keyframes mmis-vong {
	0%, 100% { transform: scale(.7); }
	50%      { transform: scale(1); }
}
/* CO Y KHONG tat hieu ung khi nguoi dung bat "giam chuyen dong"
   (@media (prefers-reduced-motion: reduce)). Trang mau cung khong tat, va may cua chu
   site dang bat cai dat do -- neu tat thi chinh chu site se khong thay icon lac.
   Muon ton trong cai dat nay cho khach thi them:
     @media (prefers-reduced-motion: reduce) {
       .mmisbutton a::before, .mmisbutton a .sms, .mmisbutton a .iz, .mmisbutton a .ic { animation: none; }
     }
*/
.wap_ppp .owl-item .item{
	width: 100%!important;
}
.m_wap_ppp .owl-item .item{
	width: 100%!important;
	transform: translateX(-6px);
}
.m_wap_ppp p{
	margin-bottom: unset;
}
@media screen and (max-width: 1024px) {
	div.menu ul li a {
		padding: 0px 20px;
	}

	.logo_1 {
		top: 0px;
	}

	.logo_1 img {
		width: 65%;
	}

	div.menu ul li a {
		padding: 0px 9px;
		font-size: 13px;
	}

	.menu_1200 {
		width: 98%;
	}

	.gt_1200 {
		width: 98%;
	}

	.qc_1200 {
		width: 98%;
	}

	.thucdon_1200 {
		width: 98%;
	}

	div.wap-tin-fan {
		width: 98%;
	}

	/* Hai khung nay TRUOC DAY BI BO SOT trong media query: moi khung khac doi sang 98%
	   con chung van giu 88%, nen o man hinh <= 1024px chung hep hon 102px va thut vao
	   50.7px MOI BEN so voi phan noi dung - nhin rat ro la le mep.
	     .header_1200 : khung header tren cung
	     .wap_1200    : khung footer (the <div class="wap_1200 clearfix">)
	   Rieng muc tin tuc cung mang class wap_1200 nhung da duoc phu boi
	   `div.wap-tin-fan` o tren nen truoc gio khong bi loi. */
	.header_1200 {
		width: 98%;
	}

	.wap_1200 {
		width: 98%;
	}

	.tintuc-tc a img {
		float: none !important;
		margin: auto;
		width: 70% !important;
		max-width: 100% !important;
	}

	.tintuc-tc {
		text-align: center;
	}

	.dia {
		right: 0px;
	}

	div#footer {
		max-width: 98%;
		margin: auto;
	}

	div#lienket a {
		height: 37px;
		line-height: 37px;
		width: 37px;
	}

	div#main_footer {
		background: none;
		border: 1px solid #dddddd52;
		height: auto;
		padding-bottom: 15px;
	}

	.box_container {
		width: 98%;
	}

	.bao_pppp {
		width: 98%;
	}

	.them_tintuc {
		width: 47% !important;
		float: left !important;
		margin-right: 3%;
	}
}

@media screen and (max-width: 960px) {
	div.wap_menu {
		position: relative;
		display: none;
	}

	div.header {
		display: block;
	}

	nav#menu {
		display: none;
	}

	/* Truoc day de 97%. Cac khung noi dung (_1200) nam BEN TRONG khung nay va da rong 98%,
	   nen be rong thuc te cua chung chi con 97% x 98% = 95.1%, trong khi header va footer
	   nam NGOAI khung nay nen van du 98% -> lech mep o man hinh <= 960px.
	   De 100% thi khung con giu dung 98%, bang mep voi header/footer. */
	div#main_content {
		width: 100%;
	}

	div#footer {
		width: 97%;
	}

	div#slider {
		width: 100%;
		padding: 0;
		border: none;
	}

	div#danhmuc {
		display: none;
	}

	div#right {
		width: 100%
	}

	div#left {
		width: 100%;
	}

	div.item {
		width: 30%;
		margin: 1.5%
	}

	div#main_footer {
		width: 100%;
	}

	div#thongke {
		width: 100%;
	}

	div.thongke_an {
		display: none;
	}

	div.tt_lh {
		width: 100%;
	}

	div.bando {
		width: 100%;
	}

	.menu_login {
		display: none;
	}

	div#header {
		height: auto;
		text-align: center;
		background: none;
	}

	.logo_1 img {
		width: auto;
	}

	.logo_1 {
		top: 0px;
		position: relative;
		left: 0px;
	}

	.wap_menu {
		position: relative !important;
		top: 0px !important;
		left: 0px !important;
		height: 41px !important;
		line-height: 41px !important;
	}

	div#wap_footer {
		background: #296D03;
	}

	.thongtin_lh {
		width: 100%;
		float: left;
		margin-left: 0px;
		margin-top: 10px;
	}
}

@media screen and (max-width: 800px) {}

@media screen and (max-width: 700px) {}

@media screen and (max-width: 603px) {
	.bestsellerz{
		padding: 0 5px;
	}

	.feedback.owl-carousel{
		padding: 0 20px;
	}
	form#email_receive input[type='text']{
		width: auto;
	}
	.mmisbutton{bottom:50px;}

	/* .mmisbutton a .iz{
		display: none;
	} */
	/* .mmisbutton a .ic{
		display: none;
	} */
	/* .super__zalo{
		position: fixed;
		bottom: 0;
		left: 0;
		border-radius: 0 4px 0 0;
		z-index: 9999;
		width: max-content;
		height: 30px;
		padding: 0px 12px;
		display: flex;
		align-items: center;
		font-size: 18px;
		padding-left: 30px;
		color: white;
		font-weight: bold;
		text-shadow: 0 0 2px #9a9a9a;
		background-color: #0380c7;
		background-image: url('../images/zalo.png');
		background-position: left center;
		background-size: auto 100%;
		background-repeat: no-repeat;
	}
	.super__hotline{
		position: fixed;
		bottom: 0;
		right: 0;
		left: unset;
		height: auto;
		border-radius: 4px 0 0 0;
		z-index: 99998;
		width: max-content;
		padding: 0px 12px;
		display: block;
		align-items: center;
		font-size: 20px;
		color: white;
		font-weight: bold;
		text-shadow: 0 0 2px #9a9a9a;
		background-color: #a3de23;	
	} */
	.logo_1 img {
		width: 150px;
	}
	.menuchinh h3 a{
		font-size: 18px;
	}
	.bao_bao{
		padding: 10px 0;
	}
	.super__hotline{
		position: fixed;
		height: auto;
		bottom: 0;
		left: 0;
		border-radius: 0;
		z-index: 99998;
		width: 100%;
		padding: 3px 0px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		color: white;
		text-align: center;
		font-weight: bold;
		text-shadow: unset;
    	background-color: #276a05;
		z-index: -1;
	}
	.them_td{
		padding-left: 0;
	}
	div#lienket{
		margin-left: 0;
	}
	div#main_footer{
		padding: 0px 0px!important;
		border: none;
		margin-bottom: 20px;
	}
	form#email_receive button{
		width: 100px;
	}
	div#header a.logo {
		display: none;
	}

	div#header img.logo_mobi {
		display: block;
		margin: auto;
		width: 100%;
	}

	div.item {
		width: 44%;
	}

	.zoom_slick {
		width: 85%;
		max-width: 400px;
		float: none;
		margin: auto;
	}

	.product_info {
		width: 100%;
		margin-top: 10px;
	}

	.gh_an {
		display: none;
	}

	.dong_ll {
		background: url(../images/dong_xr.png)no-repeat;
		background-size: 100% 100%;
		margin: auto;
		width: 100%;
		height: 34px;
	}

	.tieude_chinh {
		font-size: 28px;
	}

	.gt_left {
		width: 100%;
		float: left;
	}

	.gt_right {
		width: 100%;
		float: right;
	}

	.xem_them {
		margin-top: 35px;
		text-align: center;
	}

	.xem_them a {
		font-size: 12px;
	}

	.ten_thucdon {
		font-size: 30px;
	}

	.box-tin {
		width: 100%;
		float: left;
		margin-right: 30px;
	}

	.tieude_chung span {
		font-size: 27px;
	}

	.box-video {
		width: 100%;
	}

	.box-fan {
		width: 100%;

		margin-top: 10px;
	}

	.them_tintuc {
		width: 100% !important;
	}

	.ite_mn {
		width: 100%;
		margin: 0%;
		margin-bottom: 15px;
	}

	/* Rule `.bao_kkll .ite_mn { width: 32% }` o phan desktop co do uu tien cao hon
	   (2 class) nen no DE LEN dong `width: 100%` ngay tren (1 class) va lam card
	   chi con 118px, 3 cot tren dien thoai. Phai ghi de lai voi cung do uu tien. */
	.bao_kkll .ite_mn {
		width: 100%;
	}
}

@media screen and (max-width: 460px) {

	.m_best_seller.owl-carousel .owl-nav {position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; width: 100%;}
	.m_best_seller.owl-carousel .owl-nav .owl-prev{padding: 5px 8px!important; color: #444; background-color: rgb(237, 237, 237); border: solid 2px white; box-shadow: 0 0 3px #a9a9a9; font-weight: bold;}
	.m_best_seller.owl-carousel .owl-nav .owl-next{padding: 5px 8px!important; color: #444; background-color: rgb(237, 237, 237); border: solid 2px white; box-shadow: 0 0 3px #a9a9a9; font-weight: bold;}
	.m_wap_ppp.owl-carousel .owl-nav {position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; width: 100%;}
	.m_wap_ppp.owl-carousel .owl-nav .owl-prev{padding: 5px 8px!important; color: #444; background-color: rgb(237, 237, 237); border: solid 2px white; box-shadow: 0 0 3px #a9a9a9; font-weight: bold;}
	.m_wap_ppp.owl-carousel .owl-nav .owl-next{padding: 5px 8px!important; color: #444; background-color: rgb(237, 237, 237); border: solid 2px white; box-shadow: 0 0 3px #a9a9a9; font-weight: bold;}
	
	.gt_left {
		display: none;
	}

	.laysp_right {
		font-size: 12px;
	}

	.bao_oop {
		height: 190px;
	}

	div.item {
		width: 46%;
	}

	div.tieude_giua {
		font-size: 23px;
	}

	div.frm_lienhe .item_lienhe input[type='text'],
	div.frm_lienhe .item_lienhe textarea,
	div.frm_lienhe .item_lienhe input[type='password'] {
		width: 100%;
	}

	div.frm_lienhe .item_lienhe select {
		width: 100%;
	}

	.map_description {
		width: 100%;
	}

	.box_news a img {
		width: 110px;
	}

	div.frm_lienhe .item_lienhe p {
		width: 100%;
	}

	.othernews ul.phantrang {
		margin-left: 0px;
	}

	.box_news h3 a {
		font-size: 14px;
	}
}

@media screen and (max-width: 360px) {}

@media screen and (max-width: 320px) {}