.bocuc_1 { display: block; background-color: #D02355; color: #FFFFFF; }
.bocuc_1 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_2 { display: block; background-color: #EF3D87; }
.bocuc_2 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_3 { display: inline-block; width: 25%; vertical-align: middle; }
.bocuc_4 { display: inline-block; width: 35%; background-color: #FFFFFF; color: #FFFFFF; vertical-align: middle; }
.bocuc_4 > .loprong > .header { background-color: #FFFFFF; }
.bocuc_4 > .loprong > .header > .header_text { color: #FFFFFF; }
.bocuc_5 { display: inline-block; width: 20%; vertical-align: middle; }
.bocuc_6 { display: inline-block; width: 10%; vertical-align: middle; }
.bocuc_6 > .loprong > .header { background-color: #FFFFFF; }
.bocuc_6 > .loprong > .header > .header_text { color: #FFFFFF; }
.bocuc_7 { display: block; width: 100%; background-color: #FFFFFF; color: #010000; }
.bocuc_7 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_7 > .loprong > .padding { padding: 10px 0; }
.bocuc_8 { display: flex; }
.bocuc_8 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_9 { display: flex; }
.bocuc_10 { display: block; background-color: #F1EDED; color: #010000; }
.bocuc_10 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_10 > .loprong > .header { padding: 50px 0 0 0; text-align: center; }
.bocuc_10 > .loprong > .header > .header_text { color: #010000; font-size: 30px; }
.bocuc_10 > .loprong > .padding { padding: 0 0 50px 0; }
.bocuc_11 { display: flex; background-color: #D02355; color: #FFFFFF; }
.bocuc_11 > .loprong > .padding { padding: 40px 0; }
.bocuc_12 { display: inline-block; width: 25%; color: #FFFFFF; font-size: 13px; vertical-align: top; }
.bocuc_12 > .loprong > .header > .header_text { color: #FFFFFF; font-size: 20px; font-weight: bold; }
.bocuc_12 > .loprong > .padding { padding: 10px 0; }
.bocuc_13 { display: inline-block; width: 25%; vertical-align: top; }
.bocuc_14 { display: inline-block; width: 25%; vertical-align: top; }
.bocuc_14 > .loprong > .header > .header_text { font-size: 20px; }
.bocuc_15 { display: inline-block; width: 25%; vertical-align: top; }
.bocuc_15 > .loprong > .header > .header_text { color: #FFFFFF; font-size: 20px; font-weight: bold; }
.bocuc_3 > .loprong > .padding img { width: 100%; max-width: 100%; height: auto; vertical-align: middle; }
.bocuc_9 > .loprong > .padding .baiviet_box ul { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0; list-style: none; margin: 0; padding: 0; }
.bocuc_9 > .loprong > .padding .baiviet_box li { margin: 0; }
.bocuc_9 > .loprong > .padding .baiviet_noidung { display: block; }
.bocuc_9 > .loprong > .padding .anh { position: relative; }
.bocuc_9 > .loprong > .padding .anh a { display: block; }
.bocuc_9 > .loprong > .padding .anh img { display: block; width: 50px; max-width: 100%; height: auto; object-fit: cover; }
.bocuc_9 > .loprong > .padding .tieude { margin: 0; font-size: 14px; font-weight: 400; }
.bocuc_9 > .loprong > .padding .tieude a { color: inherit; text-decoration: none; }
.bocuc_9 > .loprong > .padding .mota, .bocuc_9 > .loprong > .padding .luotxem, .bocuc_9 > .loprong > .padding .ngaycapnhat, .bocuc_9 > .loprong > .padding .danhmuc { margin: 0; }
.bocuc_9 > .loprong > .padding .anh { display: block; vertical-align: middle; }
.bocuc_9 > .loprong > .padding .tieude { display: block; vertical-align: middle; }
.bocuc_9 > .loprong > .padding .mota { display: block; vertical-align: middle; }
.bocuc_15 > .loprong > .padding .baiviet_box ul { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0; list-style: none; margin: 0; padding: 0; }
.bocuc_15 > .loprong > .padding .baiviet_box li { margin: 0; }
.bocuc_15 > .loprong > .padding .baiviet_noidung { display: block; }
.bocuc_15 > .loprong > .padding .anh { position: relative; }
.bocuc_15 > .loprong > .padding .anh a { display: block; }
.bocuc_15 > .loprong > .padding .anh img { display: block; width: 50px; max-width: 100%; height: auto; object-fit: cover; }
.bocuc_15 > .loprong > .padding .tieude { margin: 0; font-size: 14px; font-weight: 400; }
.bocuc_15 > .loprong > .padding .tieude a { color: inherit; text-decoration: none; }
.bocuc_15 > .loprong > .padding .mota, .bocuc_15 > .loprong > .padding .luotxem, .bocuc_15 > .loprong > .padding .ngaycapnhat, .bocuc_15 > .loprong > .padding .danhmuc { margin: 0; }
.bocuc_15 > .loprong > .padding .anh { display: block; vertical-align: middle; }
.bocuc_15 > .loprong > .padding .tieude { display: block; vertical-align: middle; }
.sanpham_danhmuc ul, .baiviet_danhmuc ul { --cat-cols: 2; display: grid; grid-template-columns: repeat(var(--cat-cols), minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; }
.sanpham_danhmuc a, .baiviet_danhmuc a { color: inherit; text-decoration: none; }
.sanpham_danhmuc .anh img, .sanpham_danhmuc .anh_icon img, .baiviet_danhmuc .anh img, .baiviet_danhmuc .anh_icon img { display: block; max-width: 100%; height: auto; object-fit: cover; }
.sanpham_danhmuc .tieude, .baiviet_danhmuc .tieude { margin: 0; }
.sanpham_danhmuc .danhmuccon, .baiviet_danhmuc .danhmuccon { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
@media (max-width: 767px) { .sanpham_danhmuc ul, .baiviet_danhmuc ul { grid-template-columns: 1fr; } }
.bocuc_14 > .loprong > .padding > .sanpham_danhmuc > ul, .bocuc_14 > .loprong > .padding > .baiviet_danhmuc > ul { --cat-cols: 1; text-align: left; }
.layout-menu-box { position: relative; }
.layout-menu-box .layout-menu-box-item { position: relative; }
.layout-menu-box .layout-menu-box-link { text-decoration: none; color: inherit; }
.layout-menu-box .layout-menu-box-sublist { position: absolute; z-index: 999; top: 100%; left: 0; min-width: 180px; display: none !important; list-style: none; margin: 0; padding: 4px 0; background: #ffffff; border: 1px solid rgba(0,0,0,.12); box-shadow: 0 8px 22px rgba(0,0,0,.14); }
.layout-menu-box .layout-menu-box-sublist .layout-menu-box-sublist { top: -5px; left: 100%; }
.layout-menu-box .layout-menu-box-item:hover > .layout-menu-box-sublist, .layout-menu-box .layout-menu-box-item:focus-within > .layout-menu-box-sublist { display: grid !important; gap: 0; }
.layout-menu-box .layout-menu-box-sublist .layout-menu-box-link { display: block; padding: 8px 12px; white-space: nowrap; }
.layout-menu-box .layout-menu-box-sublist .layout-menu-box-link:hover, .layout-menu-box .layout-menu-box-sublist .layout-menu-box-link:focus { background: rgba(0,0,0,.06); }
.layout-menu-box--vertical > .layout-menu-box-list > .layout-menu-box-item > .layout-menu-box-sublist { top: 0; left: 100%; }
.bocuc_7 > .loprong > .padding > .layout-menu-box > .layout-menu-box-list > .layout-menu-box-item > .layout-menu-box-link { color: #D02355; font-size: 16px; font-weight: bold; text-transform: capitalize; padding: 10px 18px; }
.bocuc_7 > .loprong > .padding > .layout-menu-box > .layout-menu-box-list > .layout-menu-box-item:hover > .layout-menu-box-link, .bocuc_7 > .loprong > .padding > .layout-menu-box > .layout-menu-box-list > .layout-menu-box-item:focus-within > .layout-menu-box-link { color: #239DC7; }
.bocuc_7 > .loprong > .padding > .layout-menu-box > .layout-menu-box-list > .layout-menu-box-item > .layout-menu-box-sublist > .layout-menu-box-item > .layout-menu-box-link { padding: 20px; }
.bocuc_7 > .loprong > .padding > .layout-menu-box > .layout-menu-box-list > .layout-menu-box-item.dang_chon > .layout-menu-box-link { color: #239DC7; }
.bocuc_7 > .loprong > .padding > .layout-menu-box > .layout-menu-box-list > .layout-menu-box-item > .layout-menu-box-sublist > .layout-menu-box-item.dang_chon > .layout-menu-box-link { color: #239DC7; }
.bocuc_7 > .loprong > .padding > .layout-menu-box > .layout-menu-box-list > .layout-menu-box-item > .layout-menu-box-sublist > .layout-menu-box-item > .layout-menu-box-sublist > .layout-menu-box-item.dang_chon > .layout-menu-box-link { color: #239DC7; }
.cart-box { display: inline-flex; align-items: center; justify-content: center; color: var(--cart-icon-color, #111); text-decoration: none; line-height: 1; }
.cart-box svg { display: block; width: var(--cart-icon-size, 30px); height: var(--cart-icon-size, 30px); color: var(--cart-icon-color, #111); }
.cart-box-badge { display: inline-grid; min-width: var(--cart-badge-size, 22px); height: var(--cart-badge-size, 22px); place-items: center; border-radius: 999px; background: var(--cart-badge-bg, #ef4444); color: var(--cart-badge-color, #fff); font-size: calc(var(--cart-badge-size, 22px) * .55); font-weight: 700; line-height: 1; }
.cart-box-label { color: var(--cart-text-color, #111); font-size: var(--cart-font-size, 14px); font-weight: 700; white-space: nowrap; }
.cart-box-icon-wrap { position: relative; display: inline-flex; align-items: center; justify-content: center; }
.cart-box-icon-wrap .cart-box-badge { position: absolute; top: -8px; right: -10px; }
.cart-box--style-1, .cart-box--style-3, .cart-box--style-5 { position: relative; padding: var(--cart-padding, 8px 10px); background: var(--cart-bg, transparent); border-radius: var(--cart-radius, 6px); }
.cart-box--style-2 { display: inline-grid; gap: 3px; min-width: 72px; min-height: 70px; place-items: center; padding: var(--cart-padding, 8px 10px); background: var(--cart-bg, transparent); border-radius: var(--cart-radius, 0); }
.cart-box--style-2 .cart-box-label { display: block; }
.cart-box--style-2 .cart-box-icon-wrap .cart-box-badge { top: -6px; right: -8px; min-width: calc(var(--cart-badge-size, 22px) * .78); height: calc(var(--cart-badge-size, 22px) * .78); font-size: calc(var(--cart-badge-size, 22px) * .45); }
.cart-box--style-4 { gap: 8px; padding: var(--cart-padding, 8px 14px); background: var(--cart-bg, transparent); border: 1px solid var(--cart-border-color, #d1d5db); border-radius: var(--cart-radius, 6px); }
.cart-box--style-4 .cart-box-badge { position: static; }
.cart-box--style-4 .cart-box-label { display: block; }
.cart-box--style-1 .cart-box-label, .cart-box--style-3 .cart-box-label, .cart-box--style-5 .cart-box-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.bocucbay_7 { position: fixed; top: 0px; left: 0; z-index: 9999; width: 100%; -webkit-animation: stuckMoveDown .6s; animation: stuckMoveDown .6s; box-shadow: 1px 1px 10px rgba(0,0,0,.15); }
@-webkit-keyframes stuckMoveDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes stuckMoveDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes stuckMoveUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes stuckMoveUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes stuckFadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes stuckFadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
body.pc { margin: auto; font-family: "Quicksand", Arial, sans-serif; color: #2E2E2E; }
body.pc #khung_chinh { font-size: 15px; }
body.pc { overflow-x: hidden; }
body.pc img { max-width: 100%; }
body.pc #khung_chinh { width: 100%; max-width: 100%; overflow-x: hidden; }
body.pc #khung_chinh > div { width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; }
body.pc #khung_chinh > div > .bocuc, body.pc #khung_chinh .bocuc[data-block-type="container_box"] { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; }
body.pc #khung_chinh > div > .bocuc > .loprong, body.pc #khung_chinh .bocuc[data-block-type="container_box"] > .loprong { box-sizing: border-box; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding-left: 15px; padding-right: 15px; }
@media (min-width: 992px) { body.pc #khung_chinh > div > .bocuc > .loprong, body.pc #khung_chinh .bocuc[data-block-type="container_box"] > .loprong { max-width: 100% !important; padding-left: 20px; padding-right: 20px; } }
@media (min-width: 1200px) { body.pc #khung_chinh > div > .bocuc > .loprong, body.pc #khung_chinh .bocuc[data-block-type="container_box"] > .loprong { max-width: 1900px !important; } }
@media (min-width: 1400px) { body.pc #khung_chinh > div > .bocuc > .loprong, body.pc #khung_chinh .bocuc[data-block-type="container_box"] > .loprong { padding-left: 75px; padding-right: 75px; } }
@media (max-width: 767px) { body.pc #khung_chinh > div > .bocuc > .loprong, body.pc #khung_chinh .bocuc[data-block-type="container_box"] > .loprong { padding-left: 7px; padding-right: 7px; } }
.bocuc_1 ul {
  list-style: none;
  padding: 0;
margin: auto;
}
.bocuc.bocuc_1 li {
padding: 10px 0;
  display: inline-block;
  margin-right: 50px;}
.pc a {
  text-decoration: none;
}