/* anh san pham */
.anh_sanpham_danhsach:hover {
  opacity: 0.8;
}
/* slide */
.wmp-slick-slider { position: relative; width: 100%; overflow: hidden; }
.wmp-slick-slider:not(.slick-initialized) > :not(:first-child) { display: none; }
.wmp-slick-slider .wmp-slick-slide, .wmp-slick-slider .wmp-slick-slide > span, .wmp-slick-slider .wmp-slick-slide > span > a { display: block; min-width: 0; }
.wmp-slick-slider .wmp-slick-slide img { display: block; width: 100%; max-width: 100%; height: auto; }
/* nen tang bo cuc */
.bocuc_4 { display: block; color: #000000; }
.bocuc_4 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_4 > .loprong > .header > .header_text { color: #000000; }
.bocuc_4 > .loprong > .padding { color: #000000; }
.bocuc_4 > .loprong > .padding a { color: #000000; }
.bocuc_1 { display: block; width: 100%; background-color: #FFFFFF; color: #000000; }
.bocuc_1 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_1 > .loprong > .header > .header_text { color: #000000; }
.bocuc_1 > .loprong > .padding { color: #000000; }
.bocuc_1 > .loprong > .padding a { color: #000000; }
.bocuc_3 { display: block; margin: 0px auto 5px auto; background-color: #0299F4; color: #000000; }
.bocuc_3 > .loprong { text-align: center; }
.bocuc_3 > .loprong > .header > .header_text { color: #000000; }
.bocuc_3 > .loprong > .padding { color: #000000; }
.bocuc_3 > .loprong > .padding a { color: #000000; }
.bocuc_2 { display: block; background-color: #CC0000; color: #000000; }
.bocuc_2 > .loprong > .header > .header_text { color: #000000; }
.bocuc_2 > .loprong > .padding { color: #000000; }
.bocuc_2 > .loprong > .padding a { color: #000000; }
.bocuc_10 { display: block; margin: 8px auto; color: #000000; }
.bocuc_10 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_10 > .loprong > .header > .header_text { color: #000000; }
.bocuc_10 > .loprong > .padding { color: #000000; }
.bocuc_10 > .loprong > .padding a { color: #000000; }
.bocuc_8 { display: inline-block; width: 50%; vertical-align: middle; }
.bocuc_11 { display: inline-block; width: 18%; margin: auto auto auto 32%; color: #000000; vertical-align: middle; }
.bocuc_11 > .loprong { text-align: right; }
.bocuc_11 > .loprong > .header > .header_text { color: #000000; }
.bocuc_11 > .loprong > .padding { color: #000000; }
.bocuc_11 > .loprong > .padding a { color: #000000; }
.bocuc_7 { display: block; margin: auto auto 8px auto; color: #000000; }
.bocuc_7 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_7 > .loprong > .header > .header_text { color: #000000; }
.bocuc_7 > .loprong > .padding { color: #000000; }
.bocuc_7 > .loprong > .padding a { color: #000000; }
.bocuc_14 { display: block; color: #000000; }
.bocuc_14 > .loprong > .header > .header_text { color: #000000; }
.bocuc_14 > .loprong > .padding { color: #000000; }
.bocuc_14 > .loprong > .padding a { color: #000000; }
.bocuc_9 { display: block; margin: 5px auto; color: #000000; }
.bocuc_9 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_9 > .loprong > .header > .header_text { color: #000000; font-weight: 600; }
.bocuc_9 > .loprong > .padding { padding: 30px 0 0 0; color: #000000; }
.bocuc_9 > .loprong > .padding a { color: #000000; }
.bocuc_12 { display: block; margin: 5px auto; color: #000000; }
.bocuc_12 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_12 > .loprong > .header > .header_text { color: #000000; font-weight: 600; }
.bocuc_12 > .loprong > .padding { padding: 30px 0 0 0; color: #000000; }
.bocuc_12 > .loprong > .padding a { color: #000000; }
.bocuc_13 { display: block; margin: 5px auto; color: #000000; }
.bocuc_13 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_13 > .loprong > .header > .header_text { color: #000000; font-weight: 600; }
.bocuc_13 > .loprong > .padding { padding: 30px 0 0 0; color: #000000; }
.bocuc_13 > .loprong > .padding a { color: #000000; }
.bocuc_15 { display: block; color: #000000; vertical-align: top; }
.bocuc_15 > .loprong > .header > .header_text { color: #000000; }
.bocuc_15 > .loprong > .padding { color: #000000; }
.bocuc_15 > .loprong > .padding a { color: #000000; }
.bocuc_16 { display: block; background-color: #F2F2F2; color: #000000; vertical-align: top; }
.bocuc_16 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_16 > .loprong > .header > .header_text { color: #000000; }
.bocuc_16 > .loprong > .padding { color: #000000; }
.bocuc_16 > .loprong > .padding a { color: #000000; }
.bocuc_17 { display: inline-block; width: 100%; margin: 10px auto; color: #000000; vertical-align: top; }
.bocuc_17 > .loprong { width: 1250px; }
.bocuc_17 > .loprong > .header > .header_text { color: #000000; }
.bocuc_17 > .loprong > .padding { color: #000000; }
.bocuc_17 > .loprong > .padding a { color: #000000; }
.bocuc_18 { display: inline-block; width: 100%; margin: 20px auto; color: #000000; vertical-align: top; }
.bocuc_18 > .loprong { width: 1250px; }
.bocuc_18 > .loprong > .header > .header_text { color: #1F1F1F; }
.bocuc_18 > .loprong > .padding { padding: 5px 0 20px 0; color: #000000; }
.bocuc_18 > .loprong > .padding a { color: #000000; }
.bocuc_19 { display: inline-block; width: 24%; color: #000000; vertical-align: top; }
.bocuc_19 > .loprong > .header > .header_text { color: #000000; }
.bocuc_19 > .loprong > .padding { padding: 10px 0 0 0; color: #000000; }
.bocuc_19 > .loprong > .padding a { color: #000000; }
.bocuc_20 { display: inline-block; width: 23%; color: #000000; vertical-align: top; }
.bocuc_20 > .loprong > .header > .header_text { color: #1F1F1F; text-transform: uppercase; }
.bocuc_20 > .loprong > .padding { padding: 10px 0 0 0; color: #000000; }
.bocuc_20 > .loprong > .padding a { color: #000000; }
.bocuc_21 { display: inline-block; width: 22%; color: #000000; vertical-align: top; }
.bocuc_21 > .loprong > .header > .header_text { color: #1F1F1F; text-transform: uppercase; }
.bocuc_21 > .loprong > .padding { padding: 10px 0 0 0; color: #000000; }
.bocuc_21 > .loprong > .padding a { color: #000000; }
.bocuc_22 { display: inline-block; width: 31%; color: #000000; vertical-align: top; }
.bocuc_22 > .loprong > .header > .header_text { color: #1F1F1F; text-transform: uppercase; }
.bocuc_22 > .loprong > .padding { padding: 5px 0 0 0; color: #000000; }
.bocuc_22 > .loprong > .padding a { color: #000000; }
.bocuc_23 { display: inline-block; width: 100%; margin: 5px auto; color: #000000; vertical-align: top; }
.bocuc_23 > .loprong { width: 1250px; text-align: left; }
.bocuc_23 > .loprong > .header > .header_text { color: #000000; }
.bocuc_23 > .loprong > .padding { padding: 0 0 15px 0; color: #000000; }
.bocuc_23 > .loprong > .padding a { color: #000000; }
.bocuc_24 { display: inline-block; width: 33%; color: #000000; vertical-align: top; }
.bocuc_24 > .loprong > .header { padding: 10px 0; }
.bocuc_24 > .loprong > .header > .header_text { color: #1F1F1F; font-size: 16px; font-weight: bold; text-transform: uppercase; }
.bocuc_24 > .loprong > .padding { color: #000000; }
.bocuc_24 > .loprong > .padding a { color: #000000; }
.bocuc_25 { display: inline-block; width: 33%; color: #000000; vertical-align: top; }
.bocuc_25 > .loprong > .header { padding: 10px 0; }
.bocuc_25 > .loprong > .header > .header_text { color: #1F1F1F; font-size: 16px; font-weight: bold; text-transform: uppercase; }
.bocuc_25 > .loprong > .padding { color: #000000; }
.bocuc_25 > .loprong > .padding a { color: #000000; }
.bocuc_26 { display: inline-block; width: 33%; color: #000000; vertical-align: top; }
.bocuc_26 > .loprong > .header > .header_text { color: #000000; }
.bocuc_26 > .loprong > .padding { color: #000000; }
.bocuc_26 > .loprong > .padding a { color: #000000; }
.bocuc_27 { display: block; margin: 20px auto; color: #000000; vertical-align: top; }
.bocuc_27 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_27 > .loprong > .header { padding: 10px 20px; text-align: left; }
.bocuc_27 > .loprong > .header > .header_text { color: #1F1F1F; font-size: 18px; font-weight: bold; text-transform: uppercase; }
.bocuc_27 > .loprong > .padding { padding: 10px 20px; color: #000000; }
.bocuc_27 > .loprong > .padding a { color: #000000; }
.bocuc_28 { display: block; margin: auto; background-color: #FFFFFF; color: #000000; vertical-align: top; }
.bocuc_28 > .loprong { width: 100%; max-width: 1250px; text-align: center; margin: 0 auto; }
.bocuc_28 > .loprong > .header > .header_text { color: #000000; }
.bocuc_28 > .loprong > .padding { padding: 5px 0 30px 0; color: #000000; }
.bocuc_28 > .loprong > .padding a { color: #000000; }
.bocuc_30 { display: block; margin: auto auto 8px auto; color: #000000; }
.bocuc_30 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_30 > .loprong > .header > .header_text { color: #000000; }
.bocuc_30 > .loprong > .padding { color: #000000; }
.bocuc_30 > .loprong > .padding a { color: #000000; }
.bocuc_6 { display: block; color: #000000; }
.bocuc_6 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_6 > .loprong > .header { background-color: #FCD242; padding: 11px 10px 7px 10px; margin: auto; }
.bocuc_6 > .loprong > .header > .header_text { color: #FFFFFF; font-size: 18px; }
.bocuc_6 > .loprong > .padding { padding: 10px; color: #000000; }
.bocuc_6 > .loprong > .padding a { color: #000000; }
.bocuc_29 { display: block; margin: 5px auto; color: #000000; }
.bocuc_29 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_29 > .loprong > .header > .header_text { color: #000000; font-weight: 600; }
.bocuc_29 > .loprong > .padding { padding: 30px 0 0 0; color: #000000; }
.bocuc_29 > .loprong > .padding a { color: #000000; }
.bocuc_31 { display: block; color: #CC0000; }
.bocuc_31 > .loprong > .header > .header_text { color: #000000; }
.bocuc_31 > .loprong > .padding { padding: 15px 15px 40px 15px; color: #CC0000; }
.bocuc_31 > .loprong > .padding a { color: #CC0000; }
/* chuc nang he thong */
.bocuc { box-sizing: border-box; position: relative; }
.bocuc .padding { position: relative; }
.bocuc_9 .sanpham_box ul { padding: 0; margin: 0; list-style: none; }
.bocuc_9 .sanpham_box li { display: inline-block; width: 25%; box-sizing: border-box; margin: 0 0 40px; vertical-align: bottom; clear: both; text-align: center; transition: box-shadow .28s ease, transform .28s ease; }
.bocuc_9 .sanpham_box li > div { height: 100%; position: relative; }
@media all and (max-width: 768px) { .bocuc_9 .sanpham_box li { width: 50% !important; } }
.bocuc_9 .sanpham_box .truong { margin-bottom: 5px; }
.bocuc_9 .sanpham_box .anh { display: block; position: relative; margin: 0; vertical-align: top; justify-content: flex-start; text-align: center; }
.bocuc_9 .sanpham_box .anh a { display: block; }
.bocuc_9 .sanpham_box .anh a > .anh_sanpham_danhsach, .bocuc_9 .sanpham_box .doianh { margin-left: auto; margin-right: auto; }
.bocuc_9 .sanpham_box .doianh { position: relative; display: block; width: 300px; max-width: 100%; overflow: hidden; }
.bocuc_9 .sanpham_box .chinh, .bocuc_9 .sanpham_box .phu { display: block; width: 100%; transition: opacity .28s ease, transform .28s ease; }
.bocuc_9 .sanpham_box .chinh { position: relative; z-index: 1; opacity: 1; }
.bocuc_9 .sanpham_box .phu { position: absolute; z-index: 2; inset: 0; height: 100%; opacity: 0; pointer-events: none; }
.bocuc_9 .sanpham_box .doianh:hover .phu { opacity: 1; transform: scale(1.03); }
.bocuc_9 .sanpham_box .doianh:hover .chinh { opacity: 0; transform: scale(1.03); }
.bocuc_9 .sanpham_box .doi-anh-icon { display: none; }
.bocuc_9 .sanpham_box .doianh-kieu2 .chinh, .bocuc_9 .sanpham_box .doianh-kieu2 .phu { transition: transform .38s cubic-bezier(.22,.61,.36,1), opacity .18s ease; }
.bocuc_9 .sanpham_box .doianh-kieu2 .chinh { opacity: 1; transform: translateX(0); }
.bocuc_9 .sanpham_box .doianh-kieu2 .phu { opacity: 1; transform: translateX(100%); }
.bocuc_9 .sanpham_box .doianh-kieu2:hover .chinh { opacity: 1; transform: translateX(-100%); }
.bocuc_9 .sanpham_box .doianh-kieu2:hover .phu { opacity: 1; transform: translateX(0); }
.bocuc_9 .sanpham_box .doianh-kieu2::after { content: ""; position: absolute; inset: 0; z-index: 3; background: rgba(255,255,255,.08); opacity: 0; pointer-events: none; transition: opacity .28s ease; }
.bocuc_9 .sanpham_box .doianh-kieu2 .doi-anh-icon { position: absolute; z-index: 4; top: 50%; left: 50%; display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 999px; background: rgba(255,255,255,.94); color: #d02355; font-size: 20px; line-height: 1; box-shadow: 0 10px 28px rgba(15,23,42,.18); opacity: 0; transform: translate(-50%, -38%) scale(.9); transition: opacity .28s ease, transform .28s ease; pointer-events: none; }
.bocuc_9 .sanpham_box .doianh-kieu2:hover::after { opacity: 1; }
.bocuc_9 .sanpham_box .doianh-kieu2:hover .doi-anh-icon { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.bocuc_9 .sanpham_box .khong_anh { background: #e5e7eb; display: flex; align-items: center; justify-content: center; color: #6b7280; }
.bocuc_9 .sanpham_box .tieude a { color: inherit; text-decoration: none; }
.bocuc_9 .sanpham_box .ochua { gap: 8px; align-items: center; }
.bocuc_9 > .loprong > .header > .danhmuc_capcon { display: flex; flex: 1 1 0; min-width: 0; flex-wrap: wrap; align-items: center; column-gap: 10px; row-gap: 4px; margin-left: 0; font: inherit; font-weight: 400; line-height: 1.35; }
.bocuc_9 > .loprong > .header > .danhmuc_capcon a { color: inherit; font-weight: inherit; text-decoration: none; white-space: nowrap; }
.bocuc_9 > .loprong > .header > .danhmuc_capcon a:hover { text-decoration: underline; }
.bocuc_9 > .loprong > .header > .danhmuc_capcon--left { order: 1; }
.bocuc_9 > .loprong > .header > .danhmuc_capcon--right { flex: 0 1 auto; order: 1; margin-left: auto; justify-content: flex-end; text-align: right; }
.bocuc_9 > .loprong > .header > .danhmuc_capcon .danhmuc_sep { color: currentColor; opacity: .55; }
.bocuc_9 > .loprong > .header > .link_xem_toanbo { order: 2; margin-left: auto; color: inherit; text-decoration: none; font: inherit; font-weight: 400; white-space: nowrap; }
.bocuc_9 > .loprong > .header > .danhmuc_capcon--right + .link_xem_toanbo { margin-left: 0; }
.bocuc_9 > .loprong > .header > .link_xem_toanbo:hover { text-decoration: underline; }
.bocuc_9 .sanpham_box .xemtoanbo { margin-top: 16px; }
.bocuc_9 .sanpham_box .xemtoanbo--right { text-align: right; }
.bocuc_9 .sanpham_box .xemtoanbo--center { text-align: center; }
.bocuc_9 .sanpham_box .xemtoanbo .link_xem_toanbo { color: inherit; text-decoration: none; font: inherit; font-weight: 400; white-space: nowrap; }
.bocuc_9 .sanpham_box .xemtoanbo .link_xem_toanbo:hover { text-decoration: underline; }
.bocuc_9 .sanpham_box .gia strong, .bocuc_9 .sanpham_box .giacu strong, .bocuc_9 .sanpham_box .giasi strong { color: inherit; font: inherit; }
.bocuc_9 .sanpham_box .anh { display: block; vertical-align: top; }
.bocuc_9 .sanpham_box .tieude { display: block; vertical-align: top; margin: 0; padding: 0; font-size: 14px; font-weight: 700; color: #333333; }
.bocuc_9 .sanpham_box .gia { display: block; vertical-align: top; font-size: 19px; font-weight: 700; color: #FF3DA5; }
.bocuc_12 .sanpham_box ul { padding: 0; margin: 0; list-style: none; }
.bocuc_12 .sanpham_box li { display: inline-block; width: 25%; box-sizing: border-box; margin: 0 0 40px; vertical-align: bottom; clear: both; text-align: center; transition: box-shadow .28s ease, transform .28s ease; }
.bocuc_12 .sanpham_box li > div { height: 100%; position: relative; }
@media all and (max-width: 768px) { .bocuc_12 .sanpham_box li { width: 50% !important; } }
.bocuc_12 .sanpham_box .truong { margin-bottom: 5px; }
.bocuc_12 .sanpham_box .anh { display: block; position: relative; margin: 0; vertical-align: top; justify-content: flex-start; text-align: center; }
.bocuc_12 .sanpham_box .anh a { display: block; }
.bocuc_12 .sanpham_box .anh a > .anh_sanpham_danhsach, .bocuc_12 .sanpham_box .doianh { margin-left: auto; margin-right: auto; }
.bocuc_12 .sanpham_box .doianh { position: relative; display: block; width: 300px; max-width: 100%; overflow: hidden; }
.bocuc_12 .sanpham_box .chinh, .bocuc_12 .sanpham_box .phu { display: block; width: 100%; transition: opacity .28s ease, transform .28s ease; }
.bocuc_12 .sanpham_box .chinh { position: relative; z-index: 1; opacity: 1; }
.bocuc_12 .sanpham_box .phu { position: absolute; z-index: 2; inset: 0; height: 100%; opacity: 0; pointer-events: none; }
.bocuc_12 .sanpham_box .doianh:hover .phu { opacity: 1; transform: scale(1.03); }
.bocuc_12 .sanpham_box .doianh:hover .chinh { opacity: 0; transform: scale(1.03); }
.bocuc_12 .sanpham_box .doi-anh-icon { display: none; }
.bocuc_12 .sanpham_box .doianh-kieu2 .chinh, .bocuc_12 .sanpham_box .doianh-kieu2 .phu { transition: transform .38s cubic-bezier(.22,.61,.36,1), opacity .18s ease; }
.bocuc_12 .sanpham_box .doianh-kieu2 .chinh { opacity: 1; transform: translateX(0); }
.bocuc_12 .sanpham_box .doianh-kieu2 .phu { opacity: 1; transform: translateX(100%); }
.bocuc_12 .sanpham_box .doianh-kieu2:hover .chinh { opacity: 1; transform: translateX(-100%); }
.bocuc_12 .sanpham_box .doianh-kieu2:hover .phu { opacity: 1; transform: translateX(0); }
.bocuc_12 .sanpham_box .doianh-kieu2::after { content: ""; position: absolute; inset: 0; z-index: 3; background: rgba(255,255,255,.08); opacity: 0; pointer-events: none; transition: opacity .28s ease; }
.bocuc_12 .sanpham_box .doianh-kieu2 .doi-anh-icon { position: absolute; z-index: 4; top: 50%; left: 50%; display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 999px; background: rgba(255,255,255,.94); color: #d02355; font-size: 20px; line-height: 1; box-shadow: 0 10px 28px rgba(15,23,42,.18); opacity: 0; transform: translate(-50%, -38%) scale(.9); transition: opacity .28s ease, transform .28s ease; pointer-events: none; }
.bocuc_12 .sanpham_box .doianh-kieu2:hover::after { opacity: 1; }
.bocuc_12 .sanpham_box .doianh-kieu2:hover .doi-anh-icon { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.bocuc_12 .sanpham_box .khong_anh { background: #e5e7eb; display: flex; align-items: center; justify-content: center; color: #6b7280; }
.bocuc_12 .sanpham_box .tieude a { color: inherit; text-decoration: none; }
.bocuc_12 .sanpham_box .ochua { gap: 8px; align-items: center; }
.bocuc_12 > .loprong > .header > .danhmuc_capcon { display: flex; flex: 1 1 0; min-width: 0; flex-wrap: wrap; align-items: center; column-gap: 10px; row-gap: 4px; margin-left: 0; font: inherit; font-weight: 400; line-height: 1.35; }
.bocuc_12 > .loprong > .header > .danhmuc_capcon a { color: inherit; font-weight: inherit; text-decoration: none; white-space: nowrap; }
.bocuc_12 > .loprong > .header > .danhmuc_capcon a:hover { text-decoration: underline; }
.bocuc_12 > .loprong > .header > .danhmuc_capcon--left { order: 1; }
.bocuc_12 > .loprong > .header > .danhmuc_capcon--right { flex: 0 1 auto; order: 1; margin-left: auto; justify-content: flex-end; text-align: right; }
.bocuc_12 > .loprong > .header > .danhmuc_capcon .danhmuc_sep { color: currentColor; opacity: .55; }
.bocuc_12 > .loprong > .header > .link_xem_toanbo { order: 2; margin-left: auto; color: inherit; text-decoration: none; font: inherit; font-weight: 400; white-space: nowrap; }
.bocuc_12 > .loprong > .header > .danhmuc_capcon--right + .link_xem_toanbo { margin-left: 0; }
.bocuc_12 > .loprong > .header > .link_xem_toanbo:hover { text-decoration: underline; }
.bocuc_12 .sanpham_box .xemtoanbo { margin-top: 16px; }
.bocuc_12 .sanpham_box .xemtoanbo--right { text-align: right; }
.bocuc_12 .sanpham_box .xemtoanbo--center { text-align: center; }
.bocuc_12 .sanpham_box .xemtoanbo .link_xem_toanbo { color: inherit; text-decoration: none; font: inherit; font-weight: 400; white-space: nowrap; }
.bocuc_12 .sanpham_box .xemtoanbo .link_xem_toanbo:hover { text-decoration: underline; }
.bocuc_12 .sanpham_box .gia strong, .bocuc_12 .sanpham_box .giacu strong, .bocuc_12 .sanpham_box .giasi strong { color: inherit; font: inherit; }
.bocuc_12 .sanpham_box .anh { display: block; vertical-align: top; }
.bocuc_12 .sanpham_box .tieude { display: block; vertical-align: top; margin: 0; padding: 0; font-size: 14px; font-weight: 700; color: #333333; }
.bocuc_12 .sanpham_box .gia { display: block; vertical-align: top; font-size: 19px; font-weight: 700; color: #FF3DA5; }
.bocuc_13 .sanpham_box ul { padding: 0; margin: 0; list-style: none; }
.bocuc_13 .sanpham_box li { display: inline-block; width: 25%; box-sizing: border-box; margin: 0 0 40px; vertical-align: bottom; clear: both; text-align: center; transition: box-shadow .28s ease, transform .28s ease; }
.bocuc_13 .sanpham_box li > div { height: 100%; position: relative; }
@media all and (max-width: 768px) { .bocuc_13 .sanpham_box li { width: 50% !important; } }
.bocuc_13 .sanpham_box .truong { margin-bottom: 5px; }
.bocuc_13 .sanpham_box .anh { display: block; position: relative; margin: 0; vertical-align: top; justify-content: flex-start; text-align: center; }
.bocuc_13 .sanpham_box .anh a { display: block; }
.bocuc_13 .sanpham_box .anh a > .anh_sanpham_danhsach, .bocuc_13 .sanpham_box .doianh { margin-left: auto; margin-right: auto; }
.bocuc_13 .sanpham_box .doianh { position: relative; display: block; width: 300px; max-width: 100%; overflow: hidden; }
.bocuc_13 .sanpham_box .chinh, .bocuc_13 .sanpham_box .phu { display: block; width: 100%; transition: opacity .28s ease, transform .28s ease; }
.bocuc_13 .sanpham_box .chinh { position: relative; z-index: 1; opacity: 1; }
.bocuc_13 .sanpham_box .phu { position: absolute; z-index: 2; inset: 0; height: 100%; opacity: 0; pointer-events: none; }
.bocuc_13 .sanpham_box .doianh:hover .phu { opacity: 1; transform: scale(1.03); }
.bocuc_13 .sanpham_box .doianh:hover .chinh { opacity: 0; transform: scale(1.03); }
.bocuc_13 .sanpham_box .doi-anh-icon { display: none; }
.bocuc_13 .sanpham_box .doianh-kieu2 .chinh, .bocuc_13 .sanpham_box .doianh-kieu2 .phu { transition: transform .38s cubic-bezier(.22,.61,.36,1), opacity .18s ease; }
.bocuc_13 .sanpham_box .doianh-kieu2 .chinh { opacity: 1; transform: translateX(0); }
.bocuc_13 .sanpham_box .doianh-kieu2 .phu { opacity: 1; transform: translateX(100%); }
.bocuc_13 .sanpham_box .doianh-kieu2:hover .chinh { opacity: 1; transform: translateX(-100%); }
.bocuc_13 .sanpham_box .doianh-kieu2:hover .phu { opacity: 1; transform: translateX(0); }
.bocuc_13 .sanpham_box .doianh-kieu2::after { content: ""; position: absolute; inset: 0; z-index: 3; background: rgba(255,255,255,.08); opacity: 0; pointer-events: none; transition: opacity .28s ease; }
.bocuc_13 .sanpham_box .doianh-kieu2 .doi-anh-icon { position: absolute; z-index: 4; top: 50%; left: 50%; display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 999px; background: rgba(255,255,255,.94); color: #d02355; font-size: 20px; line-height: 1; box-shadow: 0 10px 28px rgba(15,23,42,.18); opacity: 0; transform: translate(-50%, -38%) scale(.9); transition: opacity .28s ease, transform .28s ease; pointer-events: none; }
.bocuc_13 .sanpham_box .doianh-kieu2:hover::after { opacity: 1; }
.bocuc_13 .sanpham_box .doianh-kieu2:hover .doi-anh-icon { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.bocuc_13 .sanpham_box .khong_anh { background: #e5e7eb; display: flex; align-items: center; justify-content: center; color: #6b7280; }
.bocuc_13 .sanpham_box .tieude a { color: inherit; text-decoration: none; }
.bocuc_13 .sanpham_box .ochua { gap: 8px; align-items: center; }
.bocuc_13 > .loprong > .header > .danhmuc_capcon { display: flex; flex: 1 1 0; min-width: 0; flex-wrap: wrap; align-items: center; column-gap: 10px; row-gap: 4px; margin-left: 0; font: inherit; font-weight: 400; line-height: 1.35; }
.bocuc_13 > .loprong > .header > .danhmuc_capcon a { color: inherit; font-weight: inherit; text-decoration: none; white-space: nowrap; }
.bocuc_13 > .loprong > .header > .danhmuc_capcon a:hover { text-decoration: underline; }
.bocuc_13 > .loprong > .header > .danhmuc_capcon--left { order: 1; }
.bocuc_13 > .loprong > .header > .danhmuc_capcon--right { flex: 0 1 auto; order: 1; margin-left: auto; justify-content: flex-end; text-align: right; }
.bocuc_13 > .loprong > .header > .danhmuc_capcon .danhmuc_sep { color: currentColor; opacity: .55; }
.bocuc_13 > .loprong > .header > .link_xem_toanbo { order: 2; margin-left: auto; color: inherit; text-decoration: none; font: inherit; font-weight: 400; white-space: nowrap; }
.bocuc_13 > .loprong > .header > .danhmuc_capcon--right + .link_xem_toanbo { margin-left: 0; }
.bocuc_13 > .loprong > .header > .link_xem_toanbo:hover { text-decoration: underline; }
.bocuc_13 .sanpham_box .xemtoanbo { margin-top: 16px; }
.bocuc_13 .sanpham_box .xemtoanbo--right { text-align: right; }
.bocuc_13 .sanpham_box .xemtoanbo--center { text-align: center; }
.bocuc_13 .sanpham_box .xemtoanbo .link_xem_toanbo { color: inherit; text-decoration: none; font: inherit; font-weight: 400; white-space: nowrap; }
.bocuc_13 .sanpham_box .xemtoanbo .link_xem_toanbo:hover { text-decoration: underline; }
.bocuc_13 .sanpham_box .gia strong, .bocuc_13 .sanpham_box .giacu strong, .bocuc_13 .sanpham_box .giasi strong { color: inherit; font: inherit; }
.bocuc_13 .sanpham_box .anh { display: block; vertical-align: top; }
.bocuc_13 .sanpham_box .tieude { display: block; vertical-align: top; margin: 0; padding: 0; font-size: 14px; font-weight: 700; color: #333333; }
.bocuc_13 .sanpham_box .gia { display: block; vertical-align: top; font-size: 19px; font-weight: 700; color: #FF3DA5; }
.bocuc_20 > .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_20 > .loprong > .padding > .baiviet_box li { margin: 0; }
.bocuc_20 > .loprong > .padding > .baiviet_box .baiviet_noidung { display: block; }
.bocuc_20 > .loprong > .padding > .baiviet_box .anh { position: relative; }
.bocuc_20 > .loprong > .padding > .baiviet_box .anh a { display: block; }
.bocuc_20 > .loprong > .padding > .baiviet_box .anh img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; }
.bocuc_20 > .loprong > .padding > .baiviet_box .tieude { margin: 0; font-size: 16px; font-weight: 400; }
.bocuc_20 > .loprong > .padding > .baiviet_box .tieude a { color: inherit; text-decoration: none; }
.bocuc_20 > .loprong > .padding > .baiviet_box .mota, .bocuc_20 > .loprong > .padding > .baiviet_box .luotxem, .bocuc_20 > .loprong > .padding > .baiviet_box .ngaycapnhat, .bocuc_20 > .loprong > .padding > .baiviet_box .danhmuc { margin: 0; }
.bocuc_20 > .loprong > .padding > .baiviet_box li { overflow: hidden; }
.bocuc_20 > .loprong > .padding > .baiviet_box .baiviet_noidung { text-align: left; }
.bocuc_20 > .loprong > .padding > .baiviet_box .tieude { display: block; vertical-align: middle; }
.bocuc_21 > .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_21 > .loprong > .padding > .baiviet_box li { margin: 0; }
.bocuc_21 > .loprong > .padding > .baiviet_box .baiviet_noidung { display: block; }
.bocuc_21 > .loprong > .padding > .baiviet_box .anh { position: relative; }
.bocuc_21 > .loprong > .padding > .baiviet_box .anh a { display: block; }
.bocuc_21 > .loprong > .padding > .baiviet_box .anh img { display: block; width: 50px; max-width: 100%; height: auto; object-fit: cover; }
.bocuc_21 > .loprong > .padding > .baiviet_box .tieude { margin: 0; font-size: 16px; font-weight: 400; }
.bocuc_21 > .loprong > .padding > .baiviet_box .tieude a { color: inherit; text-decoration: none; }
.bocuc_21 > .loprong > .padding > .baiviet_box .mota, .bocuc_21 > .loprong > .padding > .baiviet_box .luotxem, .bocuc_21 > .loprong > .padding > .baiviet_box .ngaycapnhat, .bocuc_21 > .loprong > .padding > .baiviet_box .danhmuc { margin: 0; }
.bocuc_21 > .loprong > .padding > .baiviet_box li { overflow: hidden; }
.bocuc_21 > .loprong > .padding > .baiviet_box .tieude { display: block; vertical-align: middle; }
.menu_div { position: relative; width: 100%; }
.menu_div ul { list-style: none; margin: 0; padding: 0; }
.menu_div li { position: relative; }
.menu_div a { display: block; text-decoration: none; color: inherit; }
.menu_div .ngoihome svg { display: block; width: 20px; height: 20px; }
.menu_div .ul_con { position: absolute; z-index: 999; top: 100%; left: 0; min-width: 180px; display: none !important; padding: 4px 0; background: #ffffff; border: 1px solid rgba(0,0,0,.12); box-shadow: 0 8px 22px rgba(0,0,0,.14); }
.menu_div .ul_con .ul_con { top: -5px; left: 100%; }
.menu_div li:hover > .ul_con, .menu_div li:focus-within > .ul_con { display: grid !important; gap: 0; }
.menu_div.menu-child-display-always-visible .ul_con, .menu_div.menu-child-display-always-visible li:hover > .ul_con, .menu_div.menu-child-display-always-visible li:focus-within > .ul_con { position: static !important; inset: auto !important; display: grid !important; gap: 0; min-width: 0; padding: 0; background: transparent; border: 0; box-shadow: none; }
.menu_div.menu-child-display-click-tree .ul_con { position: static !important; inset: auto !important; min-width: 0; padding: 0; background: transparent; border: 0; box-shadow: none; }
.menu_div.menu-child-display-click-tree li:hover > .ul_con, .menu_div.menu-child-display-click-tree li:focus-within > .ul_con { display: none !important; }
.menu_div.menu-child-display-click-tree li.is-menu-expanded > .ul_con { display: grid !important; gap: 0; }
.menu_div.menu-child-display-mobile li.is-menu-expanded > .ul_con { display: grid !important; gap: 0; }
.menu_div.menu-child-display-mobile li:hover > .ul_con, .menu_div.menu-child-display-mobile li:focus-within > .ul_con { display: none !important; }
.menu_div.menu-child-display-load-and-display li.dang_chon > .ul_con { display: grid !important; gap: 0; }
.menu_div.menu-child-display-load-and-display li:hover > .ul_con, .menu_div.menu-child-display-load-and-display li:focus-within > .ul_con { display: none !important; }
.menu_div .ul_con a { padding: 8px 12px; white-space: nowrap; }
.menu_div.menu-child-display-click-tree a, .menu_div.menu-child-display-always-visible a { white-space: normal; overflow-wrap: anywhere; }
#menu_3 > ul { display: flex; width: 100%; flex-wrap: wrap; align-items: center; gap: 0; }
#menu_3 > ul > li { flex: 1 1 0; min-width: 0; text-align: center; }
#menu_3 > ul > .ngoihome_li { flex: 0 0 auto; }
#menu_3 > ul > li > a { background-color: #0299F4; color: #FFFFFF; font-size: 15px; font-weight: 600; padding: 10px 15px; }
#menu_3 > ul > li:hover > a, #menu_3 > ul > li:focus-within > a { color: #FFFFFF; }
#menu_3 > ul > li > ul > li > a { background-color: #FFFFFF; color: #FFFFFF; }
#menu_3 > ul > li > ul > li:hover > a, #menu_3 > ul > li > ul > li:focus-within > a { background-color: #FFFFFF; color: #FFFFFF; }
#menu_3 > ul > li > ul > li > ul > li > a { background-color: #FFFFFF; color: #FFFFFF; }
#menu_3 > ul > li > ul > li > ul > li:hover > a, #menu_3 > ul > li > ul > li > ul > li:focus-within > a { background-color: #FFFFFF; color: #FFFFFF; }
#menu_3 > ul > li.dang_chon > a { color: #FFFFFF; }
#menu_3 > ul > li > ul > li.dang_chon > a { color: #FFFFFF; }
#menu_3 > ul > li > ul > li > ul > li.dang_chon > a { color: #FFFFFF; }
#menu_3 > ul > .ngoihome_li > .ngoihome { background-color: #0299F4; color: #FFFFFF; font-weight: 600; font-size: medium; padding: 0px 20px; vertical-align: middle; }
#menu_3 > ul > .ngoihome_li:hover > .ngoihome, #menu_3 > ul > .ngoihome_li:focus-within > .ngoihome { color: #FFFFFF; }
#menu_2 > ul { display: flex; width: 100%; flex-wrap: wrap; align-items: center; gap: 0; }
#menu_2 > ul > li { flex: 1 1 0; min-width: 0; text-align: center; }
#menu_2 > ul > .ngoihome_li { flex: 0 0 auto; }
#menu_2 > ul > li > a { color: #FFFFFF; font-size: 15px; font-weight: 600; padding: 13px 15px; }
#menu_2 > ul > li > ul > li > a { padding: 10px 30px 10px 15px; }
#menu_2 > ul > li > ul > li { text-align: left; }
#menu_2 > ul > li > ul > li:hover > a, #menu_2 > ul > li > ul > li:focus-within > a { background-color: #FCD242; color: #FFFFFF; }
#menu_2 > ul > li > ul > li > ul > li > a { background-color: #FFFFFF; color: #FFFFFF; }
#menu_2 > ul > li > ul > li > ul > li:hover > a, #menu_2 > ul > li > ul > li > ul > li:focus-within > a { background-color: #FFFFFF; color: #FFFFFF; }
#menu_2 > ul > .ngoihome_li > .ngoihome { color: #FFFFFF; font-weight: 600; font-size: medium; padding: 0px 20px; vertical-align: middle; }
#menu_19 > ul { display: grid; }
#menu_19 > ul > li > .ul_con { top: 0; left: 100%; }
#menu_19 > ul > .ngoihome_li > .ngoihome { font-size: medium; padding: 0px 20px; vertical-align: middle; }
.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-total { display: block; margin-top: 2px; color: var(--cart-text-color, #111); font-size: var(--cart-font-size, 14px); font-weight: 400; white-space: nowrap; }
.cart-box-view-text { display: block; margin-top: 4px; color: var(--cart-view-text-color, #111); font-size: var(--cart-font-size, 14px); font-weight: var(--cart-view-text-weight, normal); white-space: nowrap; }
.cart-box--style-6 { display: grid; grid-template-columns: auto auto; column-gap: 8px; align-items: start; justify-self: end; margin-left: auto; background: var(--cart-bg, transparent); border-radius: var(--cart-radius, 6px); }
.cart-box--style-6 .cart-box-badge { grid-row: 1 / span 2; position: static; min-width: 20px; height: 20px; background: #FACC15; color: #fff; font-size: 12px; }
.cart-box--style-6 .cart-box-total, .cart-box--style-6 .cart-box-view-text { grid-column: 2; margin-top: 0; }
.cart-box--style-6 .cart-box-total { font-weight: 400; }
.cart-box--style-6 .cart-box-view-text { margin-top: 1px; font-weight: 700; }
.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; }
.wmp-search-tool{position:relative;width:100%;max-width:100%;--wmp-search-placeholder-color:#8b98a8;--wmp-search-input-bg:#fff;--wmp-search-icon-color:#078a39;--wmp-search-button-bg:transparent;--wmp-search-radius:6px;--wmp-search-border-color:transparent;--wmp-search-input-height:42px}
.wmp-search-tool-form{display:flex;width:100%;max-width:100%;align-items:center}
.wmp-search-tool-field{display:flex;width:100%;min-width:0;height:var(--wmp-search-input-height);align-items:center;overflow:hidden;border:1px solid var(--wmp-search-border-color);border-radius:var(--wmp-search-radius);background:var(--wmp-search-input-bg)}
.wmp-search-tool-input{min-width:0;height:100%;flex:1 1 auto;border:0;background:transparent;color:inherit;font:inherit;font-size:14px;outline:0;padding:0 12px}
.wmp-search-tool-input::placeholder{color:var(--wmp-search-placeholder-color);opacity:1}
.wmp-search-tool-submit{display:inline-flex;width:46px;height:100%;flex:0 0 46px;align-items:center;justify-content:center;border:0;background:var(--wmp-search-button-bg);color:var(--wmp-search-icon-color);cursor:pointer}
.wmp-search-tool-submit svg{width:20px;height:20px;display:block}
.wmp-search-tool--style-2{--wmp-search-input-height:38px}
.wmp-search-tool--style-2 .wmp-search-tool-field{border-radius:var(--wmp-search-radius)}
.wmp-search-tool--style-2 .wmp-search-tool-submit{height:calc(var(--wmp-search-input-height) - 6px);margin-right:4px;border-radius:5px;flex-basis:74px;width:74px}
.wmp-search-tool--style-3{--wmp-search-input-height:50px}
.wmp-search-tool--style-3 .wmp-search-tool-submit{height:calc(var(--wmp-search-input-height) - 4px);margin-right:2px;border-radius:8px;flex-basis:46px}
.wmp-search-tool--style-4{--wmp-search-input-height:36px}
.wmp-search-tool--style-4 .wmp-search-tool-submit{background:transparent}
.wmp-search-tool--style-5{--wmp-search-input-height:36px}
.wmp-search-tool--style-5 .wmp-search-tool-submit{flex-basis:58px;width:58px}
.wmp-search-tool--style-6{--wmp-search-input-height:42px}
.wmp-search-tool--style-6 .wmp-search-tool-field{flex-direction:row-reverse}
.wmp-search-tool--style-6 .wmp-search-tool-submit{background:transparent;flex-basis:38px;width:38px}
.wmp-search-tool--style-6 .wmp-search-tool-input{padding-left:0}
.wmp-search-tool-suggestions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;padding-left:16px}
.wmp-search-tool-suggestion{color:#6b7280;font-size:12px;line-height:1.4;text-decoration:none}
.wmp-search-tool-suggestion:hover{text-decoration:underline}
.wmp-search-tool-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:80;display:none;max-height:min(520px,70vh);overflow:auto;border:1px solid #d8dee8;border-radius:8px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.18);opacity:0;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease}
.wmp-search-tool-results.is-open{display:block;opacity:1;transform:translateY(0)}
.wmp-search-tool-results-heading{margin:10px 12px 2px;padding:8px 10px;border-radius:5px;background:#f3f4f6;color:#111827;font:700 13px/1.3 Arial,Helvetica,sans-serif}
.wmp-search-tool-result{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;padding:4px 14px;border-bottom:1px solid #edf0f3;color:#111827;text-decoration:none}
.wmp-search-tool-result:hover{background:#f8fafc;text-decoration:none}
.wmp-search-tool-result:last-child{border-bottom:0}
.wmp-search-tool-result img{width:46px;height:46px;object-fit:contain;border-radius:4px;background:#fff}
.wmp-search-tool-result-title{display:block;color:#111827;font:700 14px/1.35 Arial,Helvetica,sans-serif}
.wmp-search-tool-result-price{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin-top:5px;color:#e11d48;font:700 14px/1.2 Arial,Helvetica,sans-serif}
.wmp-search-tool-result-old-price{color:#6b7280;font-size:12px;font-weight:400;text-decoration:line-through}
.wmp-search-tool-results-empty{padding:14px;color:#6b7280;font:13px/1.35 Arial,Helvetica,sans-serif}
.bocuc_8 > .loprong > .padding > .wmp-search-tool { --wmp-search-placeholder-color: #6B7280; --wmp-search-input-bg: #FFFFFF; --wmp-search-icon-color: #000000; --wmp-search-button-bg: transparent; --wmp-search-radius: 999px; --wmp-search-border-color: #9E9E9E; --wmp-search-input-height: 36px; }
@media (max-width: 767px) { .bocuc_1 { background-color: #CC0000; } }
@media (max-width: 767px) { .bocuc_3 { margin: auto; background-color: transparent; display: inline-block; width: 30%; vertical-align: middle; } }
@media (max-width: 767px) { .bocuc_2 { background-color: transparent; display: inline-block; width: 70%; vertical-align: middle; } }
@media (max-width: 767px) { .bocuc_10 { width: 96%; }
.bocuc_10 > .loprong > .padding { padding: 0 1%; } }
@media (max-width: 767px) { .bocuc_11 { margin: auto auto auto 12%; width: 30%; } }
@media (max-width: 767px) { .bocuc_23 > .loprong > .padding { padding: 10px 20px; } }
/* Responsive image demo: preserve the original aspect ratio. */
.bocuc_4 > .loprong > .padding img {
    max-width: 100%;
    height: auto;
}
@media (max-width: 767px) {
.bocuc_1 {
    position: sticky;
    top: 0;
    z-index: 99999;
  }
}
#menu_3 > ul > li > a {
  border-right: 1px dashed;
}
.bocuc_3 > .loprong > .padding a {
  text-transform: uppercase;
}
#menu_2 > ul > li {
  background-image: url(/files/assets/menungang_chia.png);
  background-repeat: repeat-y;
  background-position: top right;
}
#menu_2 .ul_con li {
  border-bottom: 1px dashed #dfdfdf;
}
.cart-box--style-6 .cart-box-view-text {
  margin-top: 5px;}
.bocuc_14.bocuc_14 .sanpham_box .truong.tieude {
  min-height: 55px;
line-height: 1.5;
}
.bocuc_14 .header_text {
  display: block;
}
.bocuc_14 .header {
  background: url(/files/assets/bg-header-trai.png) left top no-repeat,url(/files/assets/bg-header-phai.png) right top no-repeat,url(/files/assets/bg-header-nen.png) left top repeat-x;
    background-clip: border-box, border-box, border-box;
  padding: 0px 89px 0px 24px;
  color: #000000;
  border-left: 0px solid #CCCCCC;
  border-right: 0px solid #CCCCCC;
  border-top: 0px solid #CCCCCC;
  border-bottom: 0px solid #CCCCCC;
}
.bocuc_14 .header a {
  padding: 15px 0px 10px 10px !important;
}
.bocuc_14 .sanpham_box .anh_sanpham_danhsach {
    width: auto; 
    height: 200px; 
}
.bocuc_9 > .loprong > .padding {
  border-left: 1px solid #DBDBDB;
  border-right: 1px solid #DBDBDB;
  border-top: 0px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  border-radius: 0px 0 8px 8px;
  padding-bottom: 20px;
}
.bocuc_12 > .loprong > .padding {
  border-left: 1px solid #DBDBDB;
  border-right: 1px solid #DBDBDB;
  border-top: 0px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  border-radius: 0px 0 8px 8px;
  padding-bottom: 20px;
}
.bocuc_13 > .loprong > .padding {
  border-left: 1px solid #DBDBDB;
  border-right: 1px solid #DBDBDB;
  border-top: 0px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  border-radius: 0px 0 8px 8px;
  padding-bottom: 20px;
}
@media all and (max-width: 768px){
.bocuc_16 > .loprong, .bocuc_16 {
    width: 100%!important;}

}
.footer-ser {
    padding: 25px 0;
    border-bottom: 1px solid 
    #ccc;
    overflow: hidden;
}
.footer-ser li {
    width: 220px;
    height: 60px;
    float: left;
    margin-left: 20px;
list-style: none;
}
.footer-ser li.ser-gia-tot-nhat{
	background: url(/files/assets/sergiatotnhat.png) no-repeat left top;
}
.footer-ser li.ser-giao-hang{
	background: url(/files/assets/sergiaohang.png) no-repeat left top;
}
.footer-ser li.ser-doi-tra-hang{
	background: url(/files/assets/serdoitrahang.png) no-repeat left top;
}
.footer-ser li.ser-tu-van{
	background: url(/files/assets/sertuvan.png) no-repeat left top;
}
.footer-ser li.ser-ho-tro{
	background: url(/files/assets/serhotro.png) no-repeat left top;
}
@media all and (max-width: 768px){
.bocuc_17 {
display: none;}

}
.bocuc_18 .header{
font-size:16px;
font-weight:bold;
}
.bocuc_18 > .loprong > .padding {
border-bottom: 1px solid
    #ccc;
}
.bocuc_18 {
    line-height: 27px;
    font-size: 15px;
}
.bocuc_18 p {
    margin: 5px 0;
}
@media all and (max-width: 768px){


.bocuc_18 > .loprong > .padding {
    padding: 20px !important
}

.bocuc_18 > .loprong, .bocuc_18 {
    width: 100%!important;}


}
@media all and (max-width: 768px){
.bocuc_19 > .loprong, .bocuc_19 {
    width: 100%!important;}

}
@media all and (max-width: 768px){
.bocuc_20 > .loprong, .bocuc_20 {
    width: 100%!important;}

}
@media all and (max-width: 768px){
.bocuc_21 > .loprong, .bocuc_21 {
    width: 100%!important;}

}
.button-yellow {
  background-color: #ffe71e;
  color: #1f1f1f;
  padding: 15px 20px;
  border-radius: 5px;
}
.menu-bottom.row-item {
    list-style: none;
    margin-left: -40px;
}
.bocuc_22 h3 {
  margin-bottom: 0;
}
.app {
  color: green;
  font-weight: bold;
  margin-bottom: 15px !important;
}
@media all and (max-width: 768px){
.bocuc_22 > .loprong, .bocuc_22 {
    width: 100%!important;}

}
@media all and (max-width: 768px){
.bocuc_23 > .loprong, .bocuc_23 {
    width: 100%!important;}

}
.bocuc_24 img {
    margin-right: 10px;
}
@media all and (max-width: 768px){
.bocuc_24 > .loprong, .bocuc_24 {
    width: 100%!important;}

}
.bocuc_25 img {
    margin-right: 10px;
}
@media all and (max-width: 768px){
.bocuc_25 > .loprong, .bocuc_25 {
    width: 100%!important;}

}
@media all and (max-width: 768px){
.bocuc_26 > .loprong, .bocuc_26 {
    width: 100%!important;}

}
.bocuc_27 > .loprong > .padding a {
  color: #0F7FC1;
}
.map-detail {
    color: 
    #0f7fc1;
}
.hethongrow {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid 
    #f2f2f2;
    overflow: hidden;
}
.hethongcol {
    width: 33%;
    display: inline-block;
}
.hethong {
    font-size: 14px;
}
.hethong h4 {
    font-size: 15px;
    text-transform: uppercase;
    margin: auto;
}
.hethong p {
    margin: 10px auto;
}
@media all and (max-width: 768px){

.hethong p {
    margin: 6px auto;
}

.hethongcol {
    border-bottom: 1px solid #f2f2f2;}

.bocuc_27 > .loprong, .bocuc_27 {
    width: 100%!important;}

.hethongcol {
  width: 100%;
margin: 15px auto auto;
  display: block;
padding-bottom: 10px;
}

.hethongrow {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.hethongrow:nth-child(1) .hethongcol:nth-child(1) {
  margin: auto;
}

}
@media all and (max-width: 768px){
.bocuc_28 > .loprong, .bocuc_28 {
    width: 100%!important;}

}
.bocuc_6 > .loprong > .header {
  display: block;
}
.bocuc_6 > .loprong > .padding {
  border: 1px solid #E6E4E4;
}
.bocuc_6 .sanpham_box .truong.tieude {
    min-height: 50px;
}
.bocuc_6 .sanpham_box .anh_sanpham_danhsach {
  width: auto;
  height: 200px;
}
.bocuc_6.mauchitietsanpham_1 .anhchitiet .product-gallery-main-button {
  height: 300px;
}
.bocuc_6 > .loprong > .header > .header_text {
  display: block;
}
.bocuc_6.mauchitietsanpham_1 .html.html_3 {
  margin: 10px auto 5px auto;
  border-top: 1px dashed #ddd;
  padding: 10px 0;
  font-size: 15px;
  color: #403f3f;
}
.bocuc_6.mauchitietsanpham_1 .mota.dtct li {
  line-height: 1.5;
}
.mauchitietsanpham_1 .product-global-tabs-button {
  font-size: 15px;
}
.bocuc_29 .sanpham_box ul { padding: 0; margin: 0; list-style: none; }
.bocuc_29 .sanpham_box li { display: inline-block; width: 25%; box-sizing: border-box; margin: 0 0 40px; vertical-align: bottom; clear: both; text-align: center; transition: box-shadow .28s ease, transform .28s ease; }
.bocuc_29 .sanpham_box li > div { height: 100%; position: relative; }
@media all and (max-width: 768px) { .bocuc_29 .sanpham_box li { width: 50% !important; } }
.bocuc_29 .sanpham_box .truong { margin-bottom: 5px; }
.bocuc_29 .sanpham_box .anh { display: block; position: relative; margin: 0; vertical-align: top; justify-content: flex-start; text-align: center; }
.bocuc_29 .sanpham_box .anh a { display: block; }
.bocuc_29 .sanpham_box .anh a > .anh_sanpham_danhsach, .bocuc_29 .sanpham_box .doianh { margin-left: auto; margin-right: auto; }
.bocuc_29 .sanpham_box .doianh { position: relative; display: block; width: 300px; max-width: 100%; overflow: hidden; }
.bocuc_29 .sanpham_box .chinh, .bocuc_29 .sanpham_box .phu { display: block; width: 100%; transition: opacity .28s ease, transform .28s ease; }
.bocuc_29 .sanpham_box .chinh { position: relative; z-index: 1; opacity: 1; }
.bocuc_29 .sanpham_box .phu { position: absolute; z-index: 2; inset: 0; height: 100%; opacity: 0; pointer-events: none; }
.bocuc_29 .sanpham_box .doianh:hover .phu { opacity: 1; transform: scale(1.03); }
.bocuc_29 .sanpham_box .doianh:hover .chinh { opacity: 0; transform: scale(1.03); }
.bocuc_29 .sanpham_box .doi-anh-icon { display: none; }
.bocuc_29 .sanpham_box .doianh-kieu2 .chinh, .bocuc_29 .sanpham_box .doianh-kieu2 .phu { transition: transform .38s cubic-bezier(.22,.61,.36,1), opacity .18s ease; }
.bocuc_29 .sanpham_box .doianh-kieu2 .chinh { opacity: 1; transform: translateX(0); }
.bocuc_29 .sanpham_box .doianh-kieu2 .phu { opacity: 1; transform: translateX(100%); }
.bocuc_29 .sanpham_box .doianh-kieu2:hover .chinh { opacity: 1; transform: translateX(-100%); }
.bocuc_29 .sanpham_box .doianh-kieu2:hover .phu { opacity: 1; transform: translateX(0); }
.bocuc_29 .sanpham_box .doianh-kieu2::after { content: ""; position: absolute; inset: 0; z-index: 3; background: rgba(255,255,255,.08); opacity: 0; pointer-events: none; transition: opacity .28s ease; }
.bocuc_29 .sanpham_box .doianh-kieu2 .doi-anh-icon { position: absolute; z-index: 4; top: 50%; left: 50%; display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 999px; background: rgba(255,255,255,.94); color: #d02355; font-size: 20px; line-height: 1; box-shadow: 0 10px 28px rgba(15,23,42,.18); opacity: 0; transform: translate(-50%, -38%) scale(.9); transition: opacity .28s ease, transform .28s ease; pointer-events: none; }
.bocuc_29 .sanpham_box .doianh-kieu2:hover::after { opacity: 1; }
.bocuc_29 .sanpham_box .doianh-kieu2:hover .doi-anh-icon { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.bocuc_29 .sanpham_box .khong_anh { background: #e5e7eb; display: flex; align-items: center; justify-content: center; color: #6b7280; }
.bocuc_29 .sanpham_box .tieude a { color: inherit; text-decoration: none; }
.bocuc_29 .sanpham_box .ochua { gap: 8px; align-items: center; }
.bocuc_29 > .loprong > .header > .danhmuc_capcon { display: flex; flex: 1 1 0; min-width: 0; flex-wrap: wrap; align-items: center; column-gap: 10px; row-gap: 4px; margin-left: 0; font: inherit; font-weight: 400; line-height: 1.35; }
.bocuc_29 > .loprong > .header > .danhmuc_capcon a { color: inherit; font-weight: inherit; text-decoration: none; white-space: nowrap; }
.bocuc_29 > .loprong > .header > .danhmuc_capcon a:hover { text-decoration: underline; }
.bocuc_29 > .loprong > .header > .danhmuc_capcon--left { order: 1; }
.bocuc_29 > .loprong > .header > .danhmuc_capcon--right { flex: 0 1 auto; order: 1; margin-left: auto; justify-content: flex-end; text-align: right; }
.bocuc_29 > .loprong > .header > .danhmuc_capcon .danhmuc_sep { color: currentColor; opacity: .55; }
.bocuc_29 > .loprong > .header > .link_xem_toanbo { order: 2; margin-left: auto; color: inherit; text-decoration: none; font: inherit; font-weight: 400; white-space: nowrap; }
.bocuc_29 > .loprong > .header > .danhmuc_capcon--right + .link_xem_toanbo { margin-left: 0; }
.bocuc_29 > .loprong > .header > .link_xem_toanbo:hover { text-decoration: underline; }
.bocuc_29 .sanpham_box .xemtoanbo { margin-top: 16px; }
.bocuc_29 .sanpham_box .xemtoanbo--right { text-align: right; }
.bocuc_29 .sanpham_box .xemtoanbo--center { text-align: center; }
.bocuc_29 .sanpham_box .xemtoanbo .link_xem_toanbo { color: inherit; text-decoration: none; font: inherit; font-weight: 400; white-space: nowrap; }
.bocuc_29 .sanpham_box .xemtoanbo .link_xem_toanbo:hover { text-decoration: underline; }
.bocuc_29 .sanpham_box .gia strong, .bocuc_29 .sanpham_box .giacu strong, .bocuc_29 .sanpham_box .giasi strong { color: inherit; font: inherit; }
.bocuc_29 .sanpham_box .anh { display: block; vertical-align: top; }
.bocuc_29 .sanpham_box .tieude { display: block; vertical-align: top; margin: 0; padding: 0; font-size: 14px; font-weight: 700; color: #333333; }
.bocuc_29 .sanpham_box .gia { display: block; vertical-align: top; font-size: 19px; font-weight: 700; color: #FF3DA5; }
@media (max-width: 767px) { .bocuc_29 > .loprong > .padding { padding: 10px 15px; } }
.bocuc_29 > .loprong > .padding {
  border-left: 1px solid #DBDBDB;
  border-right: 1px solid #DBDBDB;
  border-top: 0px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  border-radius: 0px 0 8px 8px;
  padding-bottom: 20px;
}
.bocuc_29.bocuc_29 .sanpham_box .truong.tieude {
  min-height: 55px;
line-height: 1.5;
}
.bocuc_29 .header {
  padding: 15px 0px 10px 30px !important;
}
.bocuc_29 .header_text {
  display: block;
}
.bocuc_29 .header {
  background: url(/files/assets/bg-header-trai.png) left top no-repeat,url(/files/assets/bg-header-phai.png) right top no-repeat,url(/files/assets/bg-header-nen.png) left top repeat-x;
    background-clip: border-box, border-box, border-box;
  padding: 0px 89px 0px 24px;
  color: #000000;
  border-left: 0px solid #CCCCCC;
  border-right: 0px solid #CCCCCC;
  border-top: 0px solid #CCCCCC;
  border-bottom: 0px solid #CCCCCC;
}
.bocuc_29 .header a {
  padding: 15px 0px 10px 10px !important;
}
.bocuc_29 .sanpham_box .anh_sanpham_danhsach {
    width: auto; 
    height: 200px; 
}
.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 li, .baiviet_danhmuc li { list-style: none; display: flex; align-items: flex-start; gap: 4px; }
.sanpham_danhmuc li::before, .baiviet_danhmuc li::before { content: "=>"; flex: 0 0 auto; color: inherit; }
.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_31 > .loprong > .padding > .sanpham_danhmuc > ul, .bocuc_31 > .loprong > .padding > .baiviet_danhmuc > ul { --cat-cols: 1; text-align: center; }
.bocuc_31 h3 {
  margin: auto;
}
.bocuc_31 > .loprong > .padding .category-list-marker, .bocuc_31 > .loprong > .padding a {
  color: #CC0000 !important;
}
.bocuc_31 .sanpham_danhmuc li::before{
  font-weight: bold;
}
.bocuc_31 .sanpham_danhmuc ul{
  gap: 8px;}
/* trang danh muc san pham */
.bocuc_6.mausanpham_1 .sanpham_box ul { padding: 0; margin: 0; list-style: none; }
.bocuc_6.mausanpham_1 .sanpham_box li { display: inline-block; width: 25%; box-sizing: border-box; margin: 0 0 40px; vertical-align: bottom; clear: both; text-align: center; transition: box-shadow .28s ease, transform .28s ease; }
.bocuc_6.mausanpham_1 .sanpham_box li > div { height: 100%; position: relative; }
@media all and (max-width: 768px) { .bocuc_6.mausanpham_1 .sanpham_box li { width: 50% !important; } }
.bocuc_6.mausanpham_1 .sanpham_box .truong { margin-bottom: 5px; }
.bocuc_6.mausanpham_1 .sanpham_box .anh { display: block; position: relative; margin: 0; vertical-align: top; justify-content: flex-start; text-align: center; }
.bocuc_6.mausanpham_1 .sanpham_box .anh a { display: block; }
.bocuc_6.mausanpham_1 .sanpham_box .anh a > .anh_sanpham_danhsach, .bocuc_6.mausanpham_1 .sanpham_box .doianh { margin-left: auto; margin-right: auto; }
.bocuc_6.mausanpham_1 .sanpham_box .doianh { position: relative; display: block; width: 300px; max-width: 100%; overflow: hidden; }
.bocuc_6.mausanpham_1 .sanpham_box .chinh, .bocuc_6.mausanpham_1 .sanpham_box .phu { display: block; width: 100%; transition: opacity .28s ease, transform .28s ease; }
.bocuc_6.mausanpham_1 .sanpham_box .chinh { position: relative; z-index: 1; opacity: 1; }
.bocuc_6.mausanpham_1 .sanpham_box .phu { position: absolute; z-index: 2; inset: 0; height: 100%; opacity: 0; pointer-events: none; }
.bocuc_6.mausanpham_1 .sanpham_box .doianh:hover .phu { opacity: 1; transform: scale(1.03); }
.bocuc_6.mausanpham_1 .sanpham_box .doianh:hover .chinh { opacity: 0; transform: scale(1.03); }
.bocuc_6.mausanpham_1 .sanpham_box .doi-anh-icon { display: none; }
.bocuc_6.mausanpham_1 .sanpham_box .doianh-kieu2 .chinh, .bocuc_6.mausanpham_1 .sanpham_box .doianh-kieu2 .phu { transition: transform .38s cubic-bezier(.22,.61,.36,1), opacity .18s ease; }
.bocuc_6.mausanpham_1 .sanpham_box .doianh-kieu2 .chinh { opacity: 1; transform: translateX(0); }
.bocuc_6.mausanpham_1 .sanpham_box .doianh-kieu2 .phu { opacity: 1; transform: translateX(100%); }
.bocuc_6.mausanpham_1 .sanpham_box .doianh-kieu2:hover .chinh { opacity: 1; transform: translateX(-100%); }
.bocuc_6.mausanpham_1 .sanpham_box .doianh-kieu2:hover .phu { opacity: 1; transform: translateX(0); }
.bocuc_6.mausanpham_1 .sanpham_box .doianh-kieu2::after { content: ""; position: absolute; inset: 0; z-index: 3; background: rgba(255,255,255,.08); opacity: 0; pointer-events: none; transition: opacity .28s ease; }
.bocuc_6.mausanpham_1 .sanpham_box .doianh-kieu2 .doi-anh-icon { position: absolute; z-index: 4; top: 50%; left: 50%; display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 999px; background: rgba(255,255,255,.94); color: #d02355; font-size: 20px; line-height: 1; box-shadow: 0 10px 28px rgba(15,23,42,.18); opacity: 0; transform: translate(-50%, -38%) scale(.9); transition: opacity .28s ease, transform .28s ease; pointer-events: none; }
.bocuc_6.mausanpham_1 .sanpham_box .doianh-kieu2:hover::after { opacity: 1; }
.bocuc_6.mausanpham_1 .sanpham_box .doianh-kieu2:hover .doi-anh-icon { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.bocuc_6.mausanpham_1 .sanpham_box .khong_anh { background: #e5e7eb; display: flex; align-items: center; justify-content: center; color: #6b7280; }
.bocuc_6.mausanpham_1 .sanpham_box .tieude a { color: inherit; text-decoration: none; }
.bocuc_6.mausanpham_1 .sanpham_box .ochua { gap: 8px; align-items: center; }
.bocuc_6.mausanpham_1 > .loprong > .header > .danhmuc_capcon { display: flex; flex: 1 1 0; min-width: 0; flex-wrap: wrap; align-items: center; column-gap: 10px; row-gap: 4px; margin-left: 0; font: inherit; font-weight: 400; line-height: 1.35; }
.bocuc_6.mausanpham_1 > .loprong > .header > .danhmuc_capcon a { color: inherit; font-weight: inherit; text-decoration: none; white-space: nowrap; }
.bocuc_6.mausanpham_1 > .loprong > .header > .danhmuc_capcon a:hover { text-decoration: underline; }
.bocuc_6.mausanpham_1 > .loprong > .header > .danhmuc_capcon--left { order: 1; }
.bocuc_6.mausanpham_1 > .loprong > .header > .danhmuc_capcon--right { flex: 0 1 auto; order: 1; margin-left: auto; justify-content: flex-end; text-align: right; }
.bocuc_6.mausanpham_1 > .loprong > .header > .danhmuc_capcon .danhmuc_sep { color: currentColor; opacity: .55; }
.bocuc_6.mausanpham_1 > .loprong > .header > .link_xem_toanbo { order: 2; margin-left: auto; color: inherit; text-decoration: none; font: inherit; font-weight: 400; white-space: nowrap; }
.bocuc_6.mausanpham_1 > .loprong > .header > .danhmuc_capcon--right + .link_xem_toanbo { margin-left: 0; }
.bocuc_6.mausanpham_1 > .loprong > .header > .link_xem_toanbo:hover { text-decoration: underline; }
.bocuc_6.mausanpham_1 .sanpham_box .xemtoanbo { margin-top: 16px; }
.bocuc_6.mausanpham_1 .sanpham_box .xemtoanbo--right { text-align: right; }
.bocuc_6.mausanpham_1 .sanpham_box .xemtoanbo--center { text-align: center; }
.bocuc_6.mausanpham_1 .sanpham_box .xemtoanbo .link_xem_toanbo { color: inherit; text-decoration: none; font: inherit; font-weight: 400; white-space: nowrap; }
.bocuc_6.mausanpham_1 .sanpham_box .xemtoanbo .link_xem_toanbo:hover { text-decoration: underline; }
.bocuc_6.mausanpham_1 .sanpham_box .gia strong, .bocuc_6.mausanpham_1 .sanpham_box .giacu strong, .bocuc_6.mausanpham_1 .sanpham_box .giasi strong { color: inherit; font: inherit; }
.bocuc_6.mausanpham_1 .sanpham_box .anh { display: block; vertical-align: top; }
.bocuc_6.mausanpham_1 .sanpham_box .tieude { display: block; vertical-align: top; margin: 0; padding: 0; font-size: 14px; font-weight: 700; color: #1F1F1F; }
.bocuc_6.mausanpham_1 .sanpham_box .gia { display: block; vertical-align: top; font-size: 18px; font-weight: 700; color: #FF3DA5; }
/* trang chi tiet san pham */
.mauchitietsanpham_1 .anhchitiet { position:relative; overflow:hidden; border-radius:12px; }
.mauchitietsanpham_1 .anhchitiet .product-gallery-main-button { position:relative; display:block; width:100%; aspect-ratio:1 / 1; padding:0; overflow:hidden; isolation:isolate; border:0; background:transparent; cursor:grab; touch-action:pan-y; user-select:none; }
.mauchitietsanpham_1 .anhchitiet img { display:block; width:100%; max-width:100%; height:100%; max-height:none; object-fit:contain; color:transparent; font-size:0; }
.mauchitietsanpham_1 .product-gallery-main-button.is-transitioning { cursor:default; }
.mauchitietsanpham_1 .product-gallery-main-button.is-dragging, .mauchitietsanpham_1 .product-gallery-modal-figure.is-dragging { cursor:grabbing; }
.mauchitietsanpham_1 .product-gallery-main-button img, .mauchitietsanpham_1 .product-gallery-modal-figure img { -webkit-user-drag:none; }
.mauchitietsanpham_1 .product-gallery-main-button.is-dragging img, .mauchitietsanpham_1 .product-gallery-modal-figure.is-dragging img { user-select:none; will-change:transform; backface-visibility:hidden; }
.mauchitietsanpham_1 .product-gallery-transition-image { position:absolute; inset:0; z-index:2; width:100%; height:100%; object-fit:contain; pointer-events:none; will-change:transform; }
.mauchitietsanpham_1 .product-gallery-drag-track { position:absolute; inset:0; z-index:3; display:flex; width:300%; height:100%; pointer-events:none; will-change:transform; backface-visibility:hidden; }
.mauchitietsanpham_1 .product-gallery-drag-pane { display:grid; flex:0 0 33.333333%; width:33.333333%; min-width:0; height:100%; place-items:center; overflow:hidden; }
.mauchitietsanpham_1 .product-gallery-drag-pane img { display:block; width:100%; max-width:100%; height:100%; max-height:none; object-fit:contain; user-select:none; -webkit-user-drag:none; }
.mauchitietsanpham_1 .product-gallery-arrow { position:absolute; top:50%; z-index:2; display:grid; width:42px; height:42px; padding:0; place-items:center; transform:translateY(-50%); border:1px solid rgba(148,163,184,.3); border-radius:999px; background:rgba(255,255,255,.9); box-shadow:0 4px 14px rgba(15,23,42,.14); color:#e83e8c; font:400 34px/1 Arial,sans-serif; cursor:pointer; }
.mauchitietsanpham_1 .product-gallery-arrow:hover, .mauchitietsanpham_1 .product-gallery-arrow:focus-visible { background:#fff; outline:2px solid #ec4899; outline-offset:2px; }
.mauchitietsanpham_1 .product-gallery-arrow:disabled { opacity:.35; cursor:default; }
.mauchitietsanpham_1 .product-gallery-arrow-prev { left:10px; }
.mauchitietsanpham_1 .product-gallery-arrow-next { right:10px; }
.mauchitietsanpham_1 .anhthumb { position:relative; }
.mauchitietsanpham_1 .product-gallery-thumb-track { display:flex; min-width:0; gap:8px; overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x proximity; scrollbar-width:none; }
.mauchitietsanpham_1 .product-gallery-thumb-track::-webkit-scrollbar { display:none; }
.mauchitietsanpham_1 .product-gallery-thumb { flex:0 0 auto; padding:2px; border:2px solid transparent; border-radius:9px; background:#fff; cursor:pointer; scroll-snap-align:start; transition:border-color .18s ease, opacity .18s ease; }
.mauchitietsanpham_1 .product-gallery-thumb:hover { opacity:.82; }
.mauchitietsanpham_1 .product-gallery-thumb:focus-visible { outline:2px solid #ec4899; outline-offset:2px; }
.mauchitietsanpham_1 .anhthumb img { display:block; border-radius:6px; object-fit:contain; color:transparent; font-size:0; }
.mauchitietsanpham_1 .product-gallery-thumb-arrow { position:absolute; top:50%; z-index:2; display:grid; width:32px; height:32px; padding:0; place-items:center; transform:translateY(-50%); border:1px solid #e2e8f0; border-radius:999px; background:rgba(255,255,255,.94); box-shadow:0 3px 10px rgba(15,23,42,.12); color:#e83e8c; font:400 26px/1 Arial,sans-serif; cursor:pointer; }
.mauchitietsanpham_1 [data-product-gallery-thumbs-prev] { left:4px; }
.mauchitietsanpham_1 [data-product-gallery-thumbs-next] { right:4px; }
.mauchitietsanpham_1 .product-gallery-thumb-arrow:disabled { opacity:.35; cursor:default; }
.mauchitietsanpham_1 .product-gallery-thumb-arrow.is-unneeded { display:none; }
.mauchitietsanpham_1 .product-gallery-thumb-arrow:hover, .mauchitietsanpham_1 .product-gallery-thumb-arrow:focus-visible { border-color:#ec4899; outline:none; }
.mauchitietsanpham_1 .product-gallery-modal { box-sizing:border-box; width:100vw; max-width:none; height:100vh; max-height:none; margin:0; padding:20px; border:0; background:rgba(2,6,23,.94); color:#fff; overflow:hidden; }
.mauchitietsanpham_1 .product-gallery-modal::backdrop { background:transparent; }
.mauchitietsanpham_1 .product-gallery-modal-inner { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:100%; margin:auto; }
.mauchitietsanpham_1 .product-gallery-modal-figure { position:relative; display:grid; width:100%; min-width:0; height:100%; margin:0; overflow:visible; grid-template-rows:minmax(0,1fr) auto; place-items:center; cursor:grab; touch-action:pan-y; user-select:none; }
.mauchitietsanpham_1 .product-gallery-modal-figure.is-transitioning { overflow:hidden; }
.mauchitietsanpham_1 .product-gallery-modal-figure img { display:block; width:auto; max-width:100%; height:auto; max-height:calc(100vh - 80px); object-fit:contain; touch-action:pan-y; }
.mauchitietsanpham_1 .product-gallery-modal-transition-image { position:absolute; inset:0 0 28px; z-index:2; width:100%; max-width:none; height:calc(100% - 28px); max-height:none; object-fit:contain; pointer-events:none; will-change:transform; }
.mauchitietsanpham_1 .product-gallery-modal-figure .product-gallery-drag-track { inset:0 0 28px; height:auto; }
.mauchitietsanpham_1 .product-gallery-modal-figure .product-gallery-drag-pane img { width:100%; height:100%; max-width:100%; max-height:none; }
.mauchitietsanpham_1 .product-gallery-modal-figure figcaption { position:fixed; top:18px; left:20px; z-index:3; padding:0; color:#fff; font:500 14px/1.3 Arial,sans-serif; }
.mauchitietsanpham_1 .product-gallery-modal-close, .mauchitietsanpham_1 .product-gallery-modal-arrow { border:0; border-radius:999px; background:rgba(255,255,255,.14); color:#fff; cursor:pointer; }
.mauchitietsanpham_1 .product-gallery-modal-close:hover, .mauchitietsanpham_1 .product-gallery-modal-close:focus-visible, .mauchitietsanpham_1 .product-gallery-modal-arrow:hover, .mauchitietsanpham_1 .product-gallery-modal-arrow:focus-visible { background:rgba(255,255,255,.28); outline:2px solid #fff; outline-offset:2px; }
.mauchitietsanpham_1 .product-gallery-modal-close { position:fixed; top:18px; right:20px; z-index:4; width:44px; height:44px; font:300 34px/1 Arial,sans-serif; }
.mauchitietsanpham_1 .product-gallery-modal-arrow { display:grid; width:48px; height:48px; padding:0; place-items:center; font:400 38px/1 Arial,sans-serif; }
.mauchitietsanpham_1 .product-gallery-modal-prev, .mauchitietsanpham_1 .product-gallery-modal-next { position:fixed; top:50%; z-index:4; transform:translateY(-50%); }
.mauchitietsanpham_1 .product-gallery-modal-prev { left:20px; }
.mauchitietsanpham_1 .product-gallery-modal-next { right:20px; }
.mauchitietsanpham_1 .product-gallery-modal-arrow:disabled { visibility:hidden; }
@media (max-width:640px) { .mauchitietsanpham_1 .product-gallery-arrow { width:36px; height:36px; font-size:29px; } .mauchitietsanpham_1 .product-gallery-modal { padding:10px; } .mauchitietsanpham_1 .product-gallery-modal-arrow { width:38px; height:38px; font-size:30px; } .mauchitietsanpham_1 .product-gallery-modal-prev { left:8px; } .mauchitietsanpham_1 .product-gallery-modal-next { right:8px; } .mauchitietsanpham_1 .product-gallery-modal-close { top:10px; right:10px; width:40px; height:40px; } .mauchitietsanpham_1 .product-gallery-modal-figure figcaption { top:14px; left:12px; } }
.mauchitietsanpham_1 .nutmuahang { --buy-red:#e51b23; --buy-blue:#1f57b5; --buy-deep-blue:#1400d7; --buy-pink:#ed1974; --buy-orange:#ff6b2f; --buy-ink:#111827; --buy-line:#d9dee8; display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.mauchitietsanpham_1 .buy_button_quantity_wrap { display:inline-flex; align-items:center; gap:8px; }
.mauchitietsanpham_1 .buy_button_quantity_label { color:var(--buy-ink); font-weight:700; }
.mauchitietsanpham_1 .osoluong { display:inline-flex; overflow:hidden; border:1px solid var(--buy-line); border-radius:6px; background:#fff; }
.mauchitietsanpham_1 .osoluong label, .mauchitietsanpham_1 .osoluong input { width:40px; height:38px; border:0; text-align:center; }
.mauchitietsanpham_1 .osoluong label { display:inline-flex; align-items:center; justify-content:center; background:#fff; color:var(--buy-ink); font-size:20px; cursor:pointer; user-select:none; }
.mauchitietsanpham_1 .osoluong input { border-left:1px solid var(--buy-line); border-right:1px solid var(--buy-line); color:var(--buy-ink); font-size:15px; outline:none; }
.mauchitietsanpham_1 .nut_dat { display:inline-flex; min-height:42px; align-items:center; justify-content:center; gap:8px; box-sizing:border-box; border:1px solid transparent; border-radius:6px; padding:0 24px; background:var(--buy-red); color:#fff; font-weight:800; line-height:1.2; text-align:center; text-decoration:none; cursor:pointer; user-select:none; transition:filter .15s ease, transform .15s ease; }
.mauchitietsanpham_1 .nut_dat:hover { filter:brightness(.96); }
.mauchitietsanpham_1 .nut_dat_primary { flex:1 1 220px; }
.mauchitietsanpham_1 .nut_dat_secondary { flex:0 0 auto; }
.mauchitietsanpham_1 .nut_dat_text { display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; }
.mauchitietsanpham_1 .nut_dat_subtext { font-size:12px; font-weight:500; text-transform:none; }
.mauchitietsanpham_1 .danhgia { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.mauchitietsanpham_1 .rating-stars { display:inline-flex; flex-direction:row; gap:2px; }
.mauchitietsanpham_1 .rating-star { appearance:none; border:0; padding:0 1px; background:transparent; color:#d1d5db; font-size:24px; line-height:1; cursor:pointer; transition:color .15s ease, transform .15s ease; }
.mauchitietsanpham_1 .rating-star.is-active, .mauchitietsanpham_1 .rating-star.is-preview { color:#f5b301; }
.mauchitietsanpham_1 .rating-star:hover, .mauchitietsanpham_1 .rating-star:focus-visible { transform:scale(1.15); outline:none; }
.mauchitietsanpham_1 .phanhoi { width:100%; }
.mauchitietsanpham_1 .product-feedback-form { display:grid; gap:10px; margin:14px 0 22px; }
.mauchitietsanpham_1 .product-feedback-form label { display:grid; gap:4px; font-weight:400; }
.mauchitietsanpham_1 .product-feedback-form input, .mauchitietsanpham_1 .product-feedback-form textarea { width:100%; box-sizing:border-box; border:1px solid #9ca3af; padding:6px 8px; font:14px Arial,sans-serif; }
.mauchitietsanpham_1 .product-feedback-form button { width:max-content; border:0; border-radius:4px; background:#ffd22f; padding:12px 22px; color:#111; font-weight:700; cursor:pointer; }
.mauchitietsanpham_1 .product-feedback-message { color:#15803d; font-weight:700; }
.mauchitietsanpham_1 .product-feedback-error { color:#dc2626; font-weight:700; }
.mauchitietsanpham_1 .product-feedback-list { display:grid; gap:22px; }
.mauchitietsanpham_1 .product-feedback-list.is-loading { opacity:.72; transition:opacity .18s ease; }
.mauchitietsanpham_1 .product-feedback-item { display:grid; grid-template-columns:54px 1fr; gap:12px; align-items:start; }
.mauchitietsanpham_1 .product-feedback-item.is-new { animation:productFeedbackIn .22s ease both; }
.mauchitietsanpham_1 .product-feedback-avatar { display:block; width:54px; height:54px; border:1px solid #cbd5e1; object-fit:cover; }
.mauchitietsanpham_1 .product-feedback-meta { margin:0 0 8px; font-size:14px; }
.mauchitietsanpham_1 .product-feedback-content { margin:0; }
.mauchitietsanpham_1 .product-feedback-more { display:block; min-width:170px; margin:22px auto 0; border:1px solid #ef4444; border-radius:999px; background:#fff; box-shadow:0 8px 18px rgba(239,68,68,.12); padding:11px 22px; color:#dc2626; font:700 14px/1.2 Arial,sans-serif; cursor:pointer; transition:background .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease, opacity .15s ease; }
.mauchitietsanpham_1 .product-feedback-more:hover { background:#ef4444; color:#fff; box-shadow:0 10px 22px rgba(239,68,68,.22); transform:translateY(-1px); }
.mauchitietsanpham_1 .product-feedback-more:focus-visible { outline:2px solid #ef4444; outline-offset:3px; }
.mauchitietsanpham_1 .product-feedback-more:disabled { opacity:.55; cursor:default; }
.mauchitietsanpham_1 .product-feedback-more[hidden] { display:none; }
@keyframes productFeedbackIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.mauchitietsanpham_1 .product-global-tabs { width:100%; margin:16px 0; border:1px solid #e5e7eb; border-radius:8px; background:#fff; overflow:hidden; }
.mauchitietsanpham_1 .product-global-tabs-nav { display:flex; flex-wrap:wrap; border-bottom:1px solid #e5e7eb; background:#f9fafb; }
.mauchitietsanpham_1 .product-global-tabs-button { min-height:38px; padding:0 14px; border:0; border-right:1px solid #e5e7eb; background:transparent; color:#374151; font:700 14px/1.2 Arial,sans-serif; cursor:pointer; }
.mauchitietsanpham_1 .product-global-tabs-button.is-active { background:#fff; color:#111827; }
.mauchitietsanpham_1 .product-global-tabs-panel { display:none; padding:16px; line-height:1.7; }
.mauchitietsanpham_1 .product-global-tabs-panel.is-active { display:block; }
.mauchitietsanpham_1 .buy-button-style-2 .buy_button_quantity_label { display:none; }
.mauchitietsanpham_1 .buy-button-style-2 { flex-wrap:nowrap; width:min(100%, 676px); }
.mauchitietsanpham_1 .buy-button-style-2 .buy_button_quantity_wrap { flex:0 0 auto; }
.mauchitietsanpham_1 .buy-button-style-2 .osoluong label, .mauchitietsanpham_1 .buy-button-style-2 .osoluong input { width:48px; height:42px; }
.mauchitietsanpham_1 .buy-button-style-2 .nut_dat_secondary { flex:0 0 146px; width:auto; min-height:44px; padding:0 14px; border-color:#e51b23; border-radius:4px; background:#fff; color:#e51b23; font-size:14px; text-transform:none; }
.mauchitietsanpham_1 .buy-button-style-2 .nut_dat_secondary .nut_dat_icon { display:none; }
.mauchitietsanpham_1 .buy-button-style-2 .nut_dat_primary { flex:1 1 auto; min-width:260px; min-height:44px; border-radius:4px; background:#e51b23; color:#fff; text-transform:uppercase; }
@media (max-width:640px) { .mauchitietsanpham_1 .nutmuahang.dtct.buy-button-style-2 { flex-wrap:wrap; width:100%; } .mauchitietsanpham_1 .nutmuahang.dtct.buy-button-style-2 .nut_dat_primary, .mauchitietsanpham_1 .nutmuahang.dtct.buy-button-style-2 .nut_dat_secondary { flex:1 1 100%; min-width:0; } }
@media (max-width:640px) { .mauchitietsanpham_1 .nutmuahang { align-items:stretch; } .mauchitietsanpham_1 .buy_button_quantity_wrap { flex:1 1 100%; } .mauchitietsanpham_1 .nut_dat_primary, .mauchitietsanpham_1 .nut_dat_secondary { flex:1 1 100%; } }
.mauchitietsanpham_1 .anhchitiet.dtct { width:100%; }
.mauchitietsanpham_1 .anhthumb.dtct { width:100%; }
.mauchitietsanpham_1 .gia.dtct { display:block; }
.mauchitietsanpham_1 .giacu.dtct { display:block; }
.mauchitietsanpham_1 .ochua_1 { display:inline-block;vertical-align:top;width:49%; }
.mauchitietsanpham_1 .ochua_2 { display:inline-block;vertical-align:top;width:49%; }
.mauchitietsanpham_1 .html_3 { display:block;vertical-align:top; }
.mauchitietsanpham_1 .anhchitiet { width:500px; max-width:100%; }
.mauchitietsanpham_1 .tieude { font-weight:400; }
.mauchitietsanpham_1 .gia { font-size:24px; font-weight:400; color:#CC0000; }
.mauchitietsanpham_1 .anhchitiet {
  width: 350px;
  margin: auto;
}
.mota.dtct .giatri {
  font-size: 14pt;}
.mauchitietsanpham_1 .product-gallery-thumb {
  border: 2px solid #e9e7e7;}
@media all and (max-width: 768px){
.mauchitietsanpham_1 .ochua_1, .mauchitietsanpham_1 .ochua_2 {
  display: block;
  width: 100%;
}


.mauchitietsanpham_1 .product-global-tabs-button {
  margin: 5px;
font-size: 13px;
  font-weight: normal;
  border-radius: 5px;
  padding: 0 10px;
}
.mauchitietsanpham_1 .product-global-tabs-button.is-active {
  border: 1px solid #c5c5c5;
}
.mauchitietsanpham_1 .product-global-tabs-button {
  background: #e3e3e3 !important;
}
.mauchitietsanpham_1 .product-global-tabs-button.is-active {
  background: #fff !important;}

}
/* css tuy chinh */
a {
  text-decoration: none;
  color: inherit;
}
.nut_dat.nut_dat_secondary {
  display: none;
}
#giachitiet .giatri {
  font-weight: bold;
}
.mauchitietsanpham_1 .product-global-tabs-button {
  background: #f0f0f0;}
.product-global-tabs-panel.is-active {
  font-size: 14pt;
}
.wmp-basic-payment-title {
  text-align: left !important;
  margin-bottom: 10px;
}
.mauchitietsanpham_1 .ochua_2 {
  margin-top: 20px;
}
.wmp-basic-payment {
  display: block !important;}
.mauchitietsanpham_1 .gia.dtct {
  margin: auto;
}
.bocucbay_1 .bocuc_3 {
  display: none;
}
.wmp-basic-grand-total {
  color: #f00 !important;
}
.wmp-basic-field input, .wmp-basic-field textarea {
  border-radius: 6px;
}
.wmp-basic-alert.is-update {
  border-radius: 10px;
}
.mauchitietsanpham_1 .product-global-tabs-panel p {
  margin: 10px auto;
}
.mauchitietsanpham_1 .product-global-tabs-panel {
  line-height: 1.2 !important;}
.mauchitietsanpham_1 .anhthumb img {
  width: auto;
  height: 60px;
}
.mauchitietsanpham_1 .product-gallery-thumb-track {
  display: list-item;
  text-align: center;
}
@media all and (max-width: 768px) { 
.wmp-basic-button.nut-quay-lai {
  display: none;
}

.sanpham_box li > .div_noidung {
    padding: 0 10px;
    margin: auto 5px;
}

}
/* trang danh sach bai viet */
.bocuc_trangdanhsach_baiviet_1 .anh { display:inline-block;width:30%; }
.bocuc_trangdanhsach_baiviet_1 .tieude { display:inline-block;width:69%; }