@charset "utf-8";
/* CSS Document */
@import url("https://a7868d.claudeassets.com/20260514190512cs_/https://khuonchaugiare.com/css/fonts.css");
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;/* outline: none; */margin: 0;}
body{font-family: 'Roboto', sans-serif;font-size:14px;line-height:1.5;margin: 0;padding: 0;}
img{max-width: 100%;height: auto;vertical-align: middle;}
iframe{max-width: 100%; }
.grecaptcha-badge{display: none !important;}
a{text-decoration: none;outline: none;} a:hover,a:focus{color: unset;outline: none;}
ul{visibility: visible;}
.slick-slider .slick-slide > div{display: flex;}
.clearfix {float: none;clear: both;}
.clearfix:before{content: ""; display: table;}
.clearfix:after{content: ""; clear: both;}
.table-responsive {width: 100%;overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;}
#main{width:100%;position: relative;}
#info{width:100%;position:  relative;padding: 10px 0;border-top: 1px solid #dddddd;}
#info .noidung_detail{display: block;width: 100%;}
#info .noidung_detail .noidung *{max-width: 100%;height: auto;}
#info .noidung_detail .noidung{margin: 10px 0;}
.addthis_inline_share_toolbox{width: 100%;display: inline-flex;}
.margin_auto{width: 1200px;margin: 0 auto;}
#container{position: relative;transition: 0.5s all;background: #ffffff;width: 1366px;max-width: 100%;margin: 0 auto;}
.bando iframe{width: 100%;display: block;}
#popup{display: none;}
.loading{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.updating{width: 100%;text-align:center;color: #000000;font-family: Roboto, sans-serif;font-weight: 400;font-size: 14px;text-transform:uppercase;padding: 10px 0;}
.khung_flex{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;}
/* MXH */
.mangxh h4{  margin-top: 8px; font-size: 16px; color: #fff; }
.mangxh a{  padding: 2px 5px 0px 5px; }
/* Header */
#header{position: relative;width: 100%;}


#header .head_top{background: #ebebeb;font-size: 14px;color: #3a3a3a;}
#header .head_top p:nth-child(1){background: url(https://f56f9c.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/maps.png) no-repeat left center;padding: 0 0 0 20px;}
#header .head_top p:nth-child(2){background: url(https://0971a7.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/email.png) no-repeat left center;padding: 0 0 0 20px;}

#header .header{position: relative;padding: 20px 0;}
.hotline{font-size: 15px;color:#000000;font-weight: 400;display: inline-flex;align-items: center;line-height: 20px;background: url(https://0e6bad.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/phone.png) no-repeat left center;padding: 0 0 0 50px;max-width: 305px;}
.hotline label{font-weight: 500; display: block;}
.hotline span{display: block;font-size: 33px;color: #df0000;font-family: UTMImpact;font-weight: 100;margin: 0 0 0 10px;}
#logo img,#banner img{display: block;}

#header.fixed #mainmenu{position: fixed;top: 0;left: 0;z-index: 99;padding: 0;box-shadow: 0 1px 5px 0 #0000007a;display: block;}
/* Main menu */
#mainmenu{position: relative;background: #a6ff51;width: 100%;display: none;}
#mainmenu.noindex{display: block;}

/* Title */
.title{width: 100%;position: relative;margin: 0 0 30px 0;}
.title:after{position: absolute; content: ''; width: 100%; height: 2px; background: #005f1d;; top: 50%; transform: translateY(-50%);;}
.title h4,.title h2{font-size: 20px;font-weight: 100;display: inline-block;color: #005f1d;text-transform: uppercase;font-family: UTMImpact;line-height: 47px;position: relative;padding: 0 20px;margin: 0;background: #a6ff51;border-top: 1px solid #047746;border-bottom: 1px solid #047746;z-index: 1;}
.title h4 a,.title h2 a{color: #005f1d;}
.title h4:before,.title h2:before{position: absolute; content: ''; width: 100%; height: 2px; background: #ffffff; left: 0;top: 0;}
.title h4:after,.title h2:after{position: absolute; content: ''; width: 100%; height: 2px; background: #ffffff; left: 0;bottom: 0;}
.title .khung_title{display: flex;flex-wrap: wrap;justify-content: center;}
.title.title_l .khung_title{justify-content: end;margin: 0 0 0 15px;}
.title .khung_title:before,.title .khung_title:before{position: relative;content: '';width: 15px;height: 50px;background: url('https://edad38.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/title1.png') no-repeat center;z-index: 1;}
.title .khung_title:after,.title .khung_title:after{position: relative;content: '';width: 15px;height: 50px;background: url('https://bbdf74.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/title2.png') no-repeat center;z-index: 1;}
.title.white h2, .title.white h4{background: url(https://d50c4a.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/title_w.png) no-repeat bottom center;}

.tab_sp{padding: 0;text-align: center;position: relative;margin: 10px 0 0 0;}
.tab_sp li{position: relative;list-style: none;font-size: 15px;cursor: pointer;font-weight: 400;color: #333333;display: inline-flex;padding: 15px 30px;line-height: 1;margin: 0 2px 5px 2px;border: 1px solid #666666;border-radius: 40px;}
.tab_sp.white li{background: #ffffff;}
.tab_sp li:after{position: absolute;content: '';width: 8px;height: 1px;background: #f5f5f5;left: 100%;top: 50%;transform: translateY(-50%);}
.tab_sp.white li:after{background: #ffffff;}
.tab_sp li.active,.tab_sp li:hover{background: #d80000;color: #ffffff;border-color: #d80000;}
.tab_sp li:last-child:after{display: none;}
/* Slider */
#slider{width: 100%;position: relative;display: none;}
#slider .khung{display: flex; flex-wrap: wrap; justify-content: space-between;}
#slider .slider{width: 940px;}
/*Hỗ trợ */
.hotro{width: 100%;display: inline-block;border: 1px solid #dddddd;padding: 37px 0 0 0;margin: -37px 0 0 0;}
.hotro .phone img{display: inline-block;}
.hotro .phone span{font-family: UTMAvoBold;color: #fe0000;font-size: 22px;font-weight: 100;text-transform: uppercase;background: url('https://1f6ea1.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/hotline_ht.png') no-repeat top center;position: relative;display: block;padding: 10px 0 10px 60px;margin: 10px 0;}
.hotro .khung{width: 100%;display: inline-block;padding: 0 10px;}
.yahoo{width:100%;border-bottom: 1px dashed #cccccc;display: block;padding: 5px 0;line-height: 30px;}
.yahoo:last-child{border: none;}
.yahoo .hinh{display: flex; flex-wrap: wrap; align-items: center;}
.yahoo .hinh span{font-size: 15px;color: #3853a4;}
.yahoo .thongtin span:nth-child(1){background: url('https://0971a7.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/email.png') no-repeat left center;padding: 0 0 0 25px;font-size: 13px;color: #4a4a4a;font-weight: 400;}
.yahoo .thongtin span:nth-child(2){background: url('https://0e6bad.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/phone.png') no-repeat left center;padding: 0 0 0 25px;font-size: 13px;color: #707070;font-weight: 400;}
/*-----CART-------*/
.cart{font-weight: 400;background: url('https://1ce2dd.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/cart.png') no-repeat left center;padding: 10px 0 10px 40px;margin: 0 0 0 50px;display: inline-block;font-size: 12px;color: #ffffff;position: relative;}
.cart p{display: inline-block;}
.cart p span{display: block; text-align: right;}
.cart_fix{position: fixed;right: 5px;top: 200px;background: #754c24 url(https://1ce2dd.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/cart.png) no-repeat center center;width: 45px;height: 45px;z-index: 9999;border-radius: 50%;}
.cart_fix span{position: absolute;background-color: #333333;border-radius: 15px;right: 0px;top: 0;color: #fff000;font-family: RobotoRegular;font-size: 12px;width: 20px;height: 20px;text-align: center;line-height: 20px;}
/* Product detail */
.product_ct{display: flex;flex-wrap: wrap; flex-wrap: wrap;}
.khung_product_detail{width: 100%;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
.khung_product_detail .daxem{width: 250px;}
.khung_product_detail .daxem h4{font-family: SFUFuturaBook;font-size: 14px;color: #ffffff;text-transform: uppercase;text-align: center;background: #000000;padding: 10px 0;font-weight: 100;}
.khung_product_detail .daxem .bao_sp{display: none;}
.khung_product_detail .daxem .sp{display: inline-flex;align-items: center;justify-content: space-between;width: 100%;}
.khung_product_detail .daxem .sp > a{width: 80px;}
.khung_product_detail .daxem .sp .noidung{width: calc(100% - 90px);font-family: RobotoRegular;font-size: 13px;color: #333333;}
.khung_product_detail .daxem .sp .noidung .giaban{color: #ff0000;}
.khung_product_detail .daxem .sp .noidung .giacu{text-decoration: line-through;}
.khung_product_detail .daxem .sp h3 a{font-family: RobotoRegular;font-size: 13px;color: #333333;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 500;}
.slick_daxem{border: 1px solid #dddddd;padding: 5px;border-top: 0;}
.slick_daxem .slick-slide{margin: 5px 0;}

.frame_images{padding: 0;width: 45%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.MagicZoom{width: 100%;text-align: center;background: #ffffff;}
.app-figure{width: 100%;}
.selectors{width: 100%;margin: 5px 0 0 0;}
.list_carousel {width: 100%;position:relative;}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel #foo3{margin: 0 -5px;}
.list_carousel .slick-slide{margin: 0 5px;}
.foo3_l{position: absolute;top: 50%;left: 0;transform: translateY(-50%);z-index: 99;}
.foo3_r{position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 99;}
.list_carousel li {display: none;}
.list_carousel li img{display: block;}
.list_carousel li a{ text-decoration:none;}
.list_carousel li a h3{ color:#835410; text-align:center; font-weight:500; margin-top:10px; font-size:16px; margin-bottom:10px; text-transform:uppercase;}
.list_carousel.responsive {width: auto; margin-left: 0;}
.pager {width: 320px;text-align: center;}
.pager a {margin: 0 5px;text-decoration: none;}
.pager a.selected {text-decoration: underline;}
.timer {background-color: #999;height: 6px;width: 0px;}
.prev13{ width: 12px; height: 19px; position: absolute; z-index: 10; background: url(https://0e2b59.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/left_ow.png) no-repeat; top: 50%; left: 0; transform: translate(0,-50%); }
.next13{ width: 12px; height: 19px; position: absolute; z-index: 10; background: url(https://bc2b2f.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/right_ow.png) no-repeat; top: 50%; right:0;transform: translate(0,-50%); }
.caroufredsel_wrapper{width: 100% !important;}
/* Khung thong tin */
#container_product{width: 100%;margin: 20px 0 0 0;}
#container_product .noidung_tab{width: 100%; display: block; margin-bottom: 20px;}
div#container_product #tabs {overflow: hidden;background: #f2f2f2;display: flex;border: 1px solid #ebebeb;border-bottom: 0;position: relative;list-style: none;margin: 0;padding: 0;}
div#container_product #tabs li {text-transform: uppercase;}
div#container_product #tabs li.active {background: #ffffff;border-bottom: none;position: relative;border-top: 2px solid #000000;top: 0px;}
div#container_product #tabs li {padding: 8px 10px;background: #eeeeee;list-style: none;text-align: center;}
div#container_product #tabs li a {color: #000000;font-size: 14px;text-decoration:none;cursor: pointer;font-weight: 700;}
.khung_thongtin{width: 55%;padding: 0 0 0 20px;}
.khung_thongtin > a{background: #70eea0;color: #ffffff;padding: 5px 30px;display:inline-block;margin: 10px 0;font-family: RobotoRegular;text-transform: uppercase;cursor: pointer;}
.khung_thongtin .addthis_inline_share_toolbox{width: 100%;}
.khung_thongtin > div{font-weight: 400;font-size: 14px;color: #333333;padding: 3px 0;width: 100%;}
.khung_thongtin > div label{font-size: 15px;color: #000000;font-weight: 500;}
.khung_thongtin .tags a{color: #333333;}
.khung_thongtin .tags a:hover{color: #1aa527;}
.khung_thongtin > .size,.khung_thongtin > .color{display: inline-flex; align-items: center; flex-wrap: wrap;}
.khung_thongtin > .size span{display: inline-block;border: 1px solid #c9c9c9;padding: 2px 8px;margin: 0 5px 0 0;border-radius: 3px;cursor: pointer;color: #ff0000;}
.khung_thongtin > .size span:hover,.khung_thongtin > .size span.active{border-color: #000000;}
.khung_thongtin > .color span{padding: 15px;margin: 0 5px 0 0;position: relative;cursor: pointer;}
.khung_thongtin > .color span.active:after{position: absolute;content: '';width: 3px;height: 8px;border-right: 2px solid #a09c9c;border-bottom: 2px solid #a09c9c;top: 10px;left: 12px;transform: rotate(45deg);}
.khung_thongtin div p a{font-family: RobotoRegular; font-size: 14px; color: #006a48;}
.khung_thongtin h1{font-size: 20px;color: #047746;font-weight: 900;text-transform: uppercase;}
.khung_thongtin b{font-weight: 100;margin: 0 10px 0 0;font-family: RobotoRegular;font-weight: 500;}
.khung_thongtin span.giacu{text-decoration: line-through;}
.khung_thongtin span.giaban{color: #ff0000;font-size: 16px;font-weight: 700;}
.khung_thongtin .dathang{background: #d00;color: #fff;padding: 5px 20px;border-radius: 20px;margin: 10px 0;display: inline-block;font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 14px;cursor: pointer;text-transform: uppercase;}
.khung_thongtin .dathang:hover{background: #047c24;}

#social-air-sp{display: inline-flex;}
#social-air-sp img{display: inline-block !important;}
.zalo-share-button{position: relative;width: 30px !important;height: 30px !important;margin: 0 0 0 5px;}
.zalo-share-button img{width: 30px !important;}

/* buy product detail */
.input-number{padding: 8px 8px;border-radius: 3px;border: 1px solid #c9c9c9;width: 60px;}
.add_to_cart{width: 100%;margin: 10px 0 0 0;}
.add_to_cart a{display: inline-block;font-family: 'Roboto', sans-serif;font-size: 13px;color: #ffffff;border-radius: 5px;cursor: pointer;font-weight: 500;}
.add_to_cart a.buy{background: #326e52 url(https://53a71b.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/icon_add_cart_white.svg) no-repeat 10px center;background-size: 30px;padding: 8px 10px 8px 40px;}
.add_to_cart a.muangay{background: #ff6600 url(https://f10b9f.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/icon_buy_now.svg) no-repeat 10px center;background-size: 20px;padding: 8px 10px 8px 40px;}
/* Share gia soc */
#giasoc{padding: 10px;border-radius: 5px;background: #eaaf2d;overflow: unset;display: none;text-align: center;}
#giasoc .buy_giasoc{background: #ffffff url('https://3311db.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/hot.gif') no-repeat 10px center;padding: 10px 10px 10px 80px;color: #000000;font-family: 'Roboto', sans-serif;font-weight: 400;border-radius: 5px;cursor: pointer;margin: 0 0 10px 0;cursor: pointer;}
#giasoc .buy_giathuong{background: #000000;color: #ffffff;display: table;margin: 0 auto;padding: 8px 30px;font-family: 'Roboto', sans-serif;cursor: pointer;font-weight: 500;}
#giasoc .buy_giathuong:hover{background: #ff0000;color: #ffffff;}
#giasoc .fancybox-close-small{background: #ffffff;border-radius: 50%;width: 30px;height: 30px;right: 0;top: -15px;right: -15px;}
#giasoc .fancybox-close-small:after{width: 20px;height: 20px;top: 1px;}
/* Video */
#video_load{ margin: 0px 0px 0px 0px;background: url(https://3778fe.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/bg_pro.png) repeat;width: 100%;}
#video_load .object{ background: #fff; width: 100%;}
.select_video{width: 100%;}
.select_video select{width: 100%;padding: 10px;outline:  none;color: #5c5c5c;font-family: 'Roboto', sans-serif;font-weight: 500;text-indent: 5px;font-size: 13px;border: 1px solid #d6d6d6;margin-top: 5px;}
.select_video::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #F5F5F5;border-radius: 10px;}
.select_video::-webkit-scrollbar{ width: 5px;background-color: #F5F5F5;}
.select_video::-webkit-scrollbar-thumb{ border-radius: 10px;background-color: #FFF;background-image: -webkit-linear-gradient(top,#e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);}
/* Search */
#timkiem{width: 500px;text-align: center;}
#timkiem p{font-size: 18px;color: #000000;font-weight: 600;margin: 0 0 10px 0;}
#timkiem form{position: relative;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
#timkiem select{border: 0px;width: 100%;text-indent: 5px;background: #ffffff;padding: 12px 0;}
#timkiem input{font-weight: 400;font-size: 14px;color: #bababa;background: #ffffff;padding: 10px;width: 0;opacity: 0;transition: opacity 0.5s, width 0.5s;outline: none;border: 2px solid #047746;border-radius: 5px 0 0 5px;}
#timkiem input.show{width: calc(100% - 50px);opacity: 1;}
#timkiem button{cursor:pointer;outline:none;border:  none;display: inline-block;background: #047746 url('https://87329c.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/search.png') no-repeat center;width: 50px;border-radius: 0 5px 5px 0;}
#timkiem input::-webkit-input-placeholder {color: #bababa;}
#timkiem input:-moz-placeholder {color: #bababa;}
#timkiem input::-moz-placeholder { color: #bababa;}
#timkiem input:-ms-input-placeholder {  color: #bababa;  }

#timkiem_m{cursor:  pointer;position: absolute;display: none;}
#timkiem_m > img{position: relative;}
#timkiem_m form{position: relative;}
#timkiem_m select{border: 0px;width: 100%;text-indent: 5px;background: #ffffff;padding: 12px 0;}
#timkiem_m input{font-weight: 500;font-size: 12px;color: #a0a0a0;padding: 13px  5px;width: 0;opacity: 0;transition: opacity 0.5s, width 0.5s;outline: none;border: none;border: 1px solid #dddddd;text-indent: 10px;border-radius: 20px;position: absolute;right: 0;top: -6px;}
#timkiem_m input.show{width: 250px;opacity: 1;}
#timkiem_m button{cursor:pointer;outline:none;border:  none;display: inline-block;background: #009251 url(https://87329c.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/search.png) no-repeat center;border-radius: 50%;padding: 15px;position: relative;z-index: 1;right: 5px;top: 0;}
#timkiem_m input::-webkit-input-placeholder {color: #a0a0a0;}
#timkiem_m input:-moz-placeholder {color: #a0a0a0;}
#timkiem_m input::-moz-placeholder { color: #a0a0a0;}
#timkiem_m input:-ms-input-placeholder {  color: #a0a0a0;  }

/* Menu left */
#menu_left {width: 250px;position: relative;background: #a6ff51;padding: 5px;z-index: 2;}
#menu_left .box_left{border: 1px solid #56b000;}
#menu_left h4{width: 100%;line-height: 50px;color: #2a2a2a;font-size: 18px;cursor: pointer;font-weight: 700;background:  url('https://83b70d.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/danhmuc.png') no-repeat 20px center;position: relative;text-indent: 50px;border-bottom: 1px solid #56b000;}
#menu_left .left{position: relative;width: 100%;}
.menu_left{width:100%;position: relative;}
.danhmuc{width: 100%;display: inline-block;margin: 0 0 20px 0;}
.danhmuc ul{list-style: none;}
.danhmuc h4{width: 100%;color: #000000;text-transform: uppercase;font-size: 18px;cursor: pointer;font-weight: 500;position: relative;background: #a6ff51;line-height: 45px;padding: 0 25px;text-align: center;}
.menu_left ul::-webkit-scrollbar{ width: 5px; background-color: #F5F5F5;}
.menu_left ul::-webkit-scrollbar { width: 5px; height: 5px;}
.menu_left ul::-webkit-scrollbar-button {  width: 0px; height: 0px; }
.menu_left ul::-webkit-scrollbar-track {  background-color: #c3c3c3;}
.menu_left ul::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.menu_left ul::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px;}
.menu_left ul::-webkit-scrollbar-corner { background-color: #ffffff;}}
.menu_left ul::-webkit-resizer { background-color: #666;}
.menu_left ul{list-style: none; padding: 0;}
.menu_left > ul{list-style-type:none;width:  100%;max-height: 300px;overflow: auto;border-top: 0;padding: 0;}
.menu_left > ul > li{line-height: 40px;padding: 0 25px !important;}
.menu_left > ul > li:last-child{border-bottom: 0;}
.menu_left ul li a{color: #000000;font-size: 15px;font-weight: 400;position: relative;display: block;}
.menu_left ul li:hover > a{color: #047746;}
.menu_left ul li a img{vertical-align: middle;margin: 0 10px 0 0;}
.menu_left ul li{width:100%;display: block;border-bottom: 1px solid #56b000;padding: 0 20px;}
.menu_left > ul > li > ul{border-left: 0;}
.menu_left ul li > ul{position: absolute;width: 100%;height: auto;left: calc(100% + 1px);/* transition: 0.5s all; */display: none;background: #a6ff51;}
.menu_left ul li > ul > li > ul{left: 100%;}
.menu_left ul li:hover > ul{display: block;}
.fixed .left, .detail .left{ display: none; transition: 2s;}
.fixed #menu_left:hover .left, .detail:hover .left{ display: block;}
/* Menu danh mục left */
.isfixed {position: -webkit-sticky !important;position: sticky !important;top: 55px;}
.danhmuc_l{width: 100%;background: #ffffff;overflow: auto;padding: 0 10px;border: 1px solid #bfbfbf;border-top: 0;}
.danhmuc_l::-webkit-scrollbar{ width: 5px; background-color: #F5F5F5;}
.danhmuc_l::-webkit-scrollbar { width: 5px; height: 5px;}
.danhmuc_l::-webkit-scrollbar-button {  width: 0px; height: 0px; }
.danhmuc_l::-webkit-scrollbar-track {  background-color: #c3c3c3;}
.danhmuc_l::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.danhmuc_l::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px;}
.danhmuc_l::-webkit-scrollbar-corner { background-color: #ffffff;}}
.danhmuc_l::-webkit-resizer { background-color: #666;}
.danhmuc_l li a{font-size: 15px;color: #333333;width: 100%;display: inline-block;padding: 10px 0;}
.danhmuc_l > li > a{/* border-bottom: 1px dashed #bfbfbf; */font-weight: 500;text-indent: 15px;}
.danhmuc_l > li:after {position: absolute;width: 4px;height: 4px;content: '';background: #000000;border-radius: 50%;left: 0;top: 20px;}
.danhmuc_l li {position: relative;border-bottom: 1px dashed #bfbfbf;}
.danhmuc_l > li:last-child {border-bottom: 0;}
.danhmuc_l li.active > a, .danhmuc_l li:hover > a, .danhmuc_l li:hover > a:after{color: #047746;}
.danhmuc_l li > i{position: absolute;right: 0;top: 12px;background: #ffffff;color: #000000;border-radius: 50%;width: 20px;height: 20px;text-align:center;line-height: 20px;transition: 0.5s all;}
.danhmuc_l li > ul{padding: 0;margin: 0;list-style: none;display: none;}
.danhmuc_l li > ul li{border-bottom: 0;}
.danhmuc_l li > ul li a{text-indent: 5px;}
/* HTTT */
.hotro_right {position: fixed;top: 20%;left: -300px;z-index: 100;width: 345px;display: flex;flex-wrap: wrap;transition: 0.5s all;}
.hotro_right.active{left: 0;}
.hotro_right #img {display: inline-block;position: relative;width: 45px;cursor: pointer;}
.hotro_right div.hotline_r { bottom: 0px;padding: 0px 10px;background-color: #ffde00; color: #d00000;font-size: 17px;font-weight: bold;width: 100%;text-align: center;}
.hotro_right .noidung_20 { display: none;width: 100%; background-color: #FFF;border-left: 1px solid #d00000;border-top: 1px solid #d00000;padding: 5px;}
.hotro_tt img{ display: block; }
.hotro_bt{width: calc(100% - 45px);display: inline-block;padding: 10px;background: #ffffff;border: 1px solid #dddddd;}
.hotro_bt p b{color: #444444;font-size: 13px;font-family: RobotoRegular;font-weight: 100;display: inline-block;}
.hotline_bt{width: 100%;background: url(https://6df7c2.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/hotline.png) no-repeat;text-indent: 70px;margin-bottom: 10px;}
.hotline_bt p{font-size: 27px;font-family: RobotoRegular;color: #d50000;}
.yahoo_top{ text-align: center; margin:5px 0px 0px 0px; }
.yahoo p.hinh a{display: inline-block;margin: 0 10px 0 0;}
.yahoo p.hinh a img{width: 30px;}
.yahoo .dienthoai{color: #333;}
.yahoo .email{  color: #333; padding: 2px 0px 2px 40px; background: url(https://0971a7.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/email.png) no-repeat 10px 7px;}
.yahoo p b{color: #ff0000;font-family: RobotoRegular;font-weight: 100;}
.visit_hidden{visibility: hidden;height: 0;}
.tinkhac{width: 100%;margin: 0;}
.tinkhac ul{margin: 0;padding: 0;}
.tinkhac ul li{width: 100%;line-height: 30px;list-style: none;}
.tinkhac li a{color: #333;font-size: 14px;font-weight: 500;text-indent: 10px;display: inline-block;}
.tinkhac li a img:hover{ opacity: 0.5;}
.tinkhac li a i{ margin-right: 20px; }
.tinkhac li a:hover{color: #d90000;}
.xemnhieu{width:193px; border:1px solid #FF8A00;background:url(https://db126b.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/left_cham.png) repeat-y;}
ul.pagination {text-align:center;color:#829994;}
ul.pagination li {display:inline; padding:0 3px;}
ul.pagination a {color:#fff;display:inline-block;padding:5px 10px;border:1px solid #cde0dc;text-decoration:none;background: #333333;font-size: 12px;}
ul.pagination a:hover, 
ul.pagination a.current {background:#0d7963;color:#fff; }
.page_info{ display: none !important; }
/* ========== Content pagination ========== */
.paging{ width: 100%;  text-align: center; margin: 10px 0px 0px 0px; }
.paging .pagination {margin: auto;float:  unset;width: auto !important;text-align: center;margin: 10px 0 20px 0;}
.pages li.prev {margin-right: 15px;}
.pages li.next {margin-left: 15px;}
.pages li {display: inline-block;margin: 5px 2px;}
.pages li a {height: 25px;padding: 4px 8px;text-decoration: none;color: #666666;font-weight: bold;background: url(https://cb65fe.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/backgrounds/pagingBg.png) repeat-x 0 0;border: 1px solid #d5d5d5;font-size: 11px;}
.pages li a:hover {background: #f6f6f6;}
.pages li .active {background: url(https://5039cb.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/backgrounds/sideGradient.png) repeat-x;color: #fff;border-color: #424852;}
.pages li .active:hover {background: #2a313d;}
/* Thong ke */
.thongke ul{background: url('https://75c46e.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/thongke.png') no-repeat left center;padding: 0 0 0 40px;line-height: 30px;font-family: Roboto;font-weight: 400;color: #ffffff;}
.thongke li{display: block;}
/* Thanh title */
.thanh_title{width: 100%;position: relative;margin: 0 0 20px 0;text-align: center;padding: 0 0 10px 0;} 
.thanh_title:after{position: absolute;content: '';width: 50px;height: 1px;background: #7f7f7f;bottom: 0;left: 50%;transform: translateX(-50%);}
.thanh_title h2,.thanh_title h4{font-family: UTMFrenchVanilla;font-size: 45px;font-weight: 100;text-align: center;display: inline-block;text-transform: capitalize;color: #954b00;background-size: 100% 100%;position: relative;}
.thanh_title p{font-family: 'Roboto', sans-serif;font-size: 15px;color: #555555;font-weight: 400;}
.thanh_title.white h2,.thanh_title.white h4,.thanh_title.white p{color: #ffffff;}
.thanh_title.white:after{background: #ffffff;}
/* Gioi thieu */
#gioithieu{width: 100%;position: relative;padding: 50px 0;}
.title_gt{width: 100%;font-family: Roboto,sans-serif;position: relative;text-transform: uppercase;line-height: 1;}
.title_gt h3,.title_gt h2,.title_gt h4{color: #000000;font-size: 44px;font-family: SFUTradeGothicBoldCondensedTwenty;font-weight: 100;}
.title_gt p{color: #262626;font-size: 24px;font-weight: 300;}
#gioithieu .gioithieu{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.img_gt {width: 520px;height: 500px; position: relative;}
.img_gt:after{position: absolute; content: ''; width: 400px; height: 400px; border: 1px solid #ffffff69; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.img_gt > a:nth-child(1){position: absolute;z-index: 2;-webkit-animation-name: hinha;-webkit-animation-duration: 8s;-webkit-animation-iteration-count: infinite;animation-name: hinha;animation-duration: 8s;animation-iteration-count: infinite;}
.img_gt > a:nth-child(2){position: absolute;z-index: 2;-webkit-animation-name: hinhb;-webkit-animation-duration: 8s;-webkit-animation-iteration-count: infinite;animation-name: hinhb;animation-duration: 8s;animation-iteration-count: infinite;}
.img_gt > a:nth-child(3){position: absolute;z-index: 2;-webkit-animation-name: hinhc;-webkit-animation-duration: 8s;-webkit-animation-iteration-count: infinite;animation-name: hinhc;animation-duration: 8s;animation-iteration-count: infinite;}
@-webkit-keyframes hinha {  0%   {left:0px; top:0px;}  25%  {left: 0; top: calc(100% - 265px);}  50%  {left: calc(100% - 265px); top: calc(100% - 265px);}  75%  {left: calc(100% - 265px); top:0;}  100% {left:0px; top:0px;}}
@keyframes hinha {  0%   {left:0px; top:0px;}  25%  {left: 0; top: calc(100% - 265px);}  50%  {left: calc(100% - 265px); top: calc(100% - 265px);}  75%  {left: calc(100% - 265px); top:0;} 100% {left:0px; top:0px;}}
@-webkit-keyframes hinhb {0%   {left: 95px; top: 300px;}25%  {left: calc(100% - 170px); top: calc(50% - 170px);}50%  {left:calc(50%); top: 0;}75%  {left: 0; top: calc(50% - 170px);}100% {left:95px; top: 300px;}}
@keyframes hinhb {0%   {left: 95px; top: 300px;}25%  {left: calc(100% - 170px); top: calc(50% - 170px);}50%  {left:50%; top: 0;}75%  {left: 0; top: calc(50% - 170px);}100% {left:95px; top: 300px;}}
@-webkit-keyframes hinhc {0%   {left: calc(100% - 225px); top: 100px;}25%  {left: calc(50% - 170px); top: 0;}50%  {left: 0; top: calc(50% - 170px);}75%  {left: calc(50% - 170px); top: calc(100% - 280px);}100% {left: calc(100% - 225px); top: 100px;}}
@keyframes hinhc {0%   {left: calc(100% - 225px); top: 100px;}25%  {left: calc(50% - 170px); top: 0;}50%  {left: 0; top: calc(50% - 170px);}75%  {left: calc(50% - 170px); top: calc(100% - 280px);}100% {left: calc(100% - 225px); top: 100px;}}
#gioithieu .mota{color: #333333;margin: 30px 0;}
.noidung_gt{width: calc(100% - 600px);position: relative;}
.noidung_gt .mota_gt{width: 100%;margin: 20px 0;font-family: RobotoRegular;font-size: 14px;color: #333333;}
/*Tin tức*/
.box_news{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;}
.box_news .news{text-align: center;}
.box_news .news .img{margin-bottom:10px;}
.box_news .news .img a{display: table;margin: 0 auto;background: #289417;border-radius: 50%;padding: 10px;}
.box_news .news:hover h3 a{color: #289417;}
.box_news .news h3 a{font-size: 18px;color: #333333;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;height: 25px;display: -webkit-box;-webkit-box-orient: vertical;}
.box_news .news p{font-size: 14px;color: #333333;font-weight: 400;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;height: 50px;display: -webkit-box;-webkit-box-orient: vertical;}
/*Quảng cáo*/
#quangcao{padding: 40px 0;}
.slick_qc{display: none;0}
/*Điều hướng*/
.dieuhuong{width: 100%;padding: 0 0 10px 0;position:  relative;border-bottom: 1px dashed #dddddd;margin-bottom: 10px;}
.dieuhuong a{color: #000000;font-size: 15px;font-weight: 400;padding:0px 10px;position:  relative;}
.dieuhuong a:first-child{padding: 0 10px 0 0;}
.dieuhuong a:first-child i{margin-right: 5px;font-size: 16px;color: #191919;font-weight: 100;}
.dieuhuong a:before{font-family: FontAwesome;position: absolute;content: '\f105';right: -5px;top: -2px;}
.dieuhuong a:last-child,.dieuhuong a:hover{color: #d90000;}
.dieuhuong a:last-child:before{display: none;}
.noidung_tt{width: calc(100% - 380px);}
.noidung_tt .hinhanh{margin-bottom: 20px;}
/*Tab*/
.khung_tab{ width: 100%;  display: none; }
.khung_tab.active{ display: block; }
.tags_sp a{display: inline-block;font-family: RobotoRegular;font-size: 14px;color: #333333;padding: 5px 10px;border: 1px solid #dddddd;margin: 0 0 5px 0;}
.tags_sp a:hover{color: #ed1c24; border-color: #ed1c24;}
/* sp noi bat  */
#sanpham{width: 100%;position: relative;display: block;}
/* product */
.spkhac{margin: 0 -7.5px;display: none;}
.spkhac .slick-slide{margin: 0 7.5px;}
.spkhac .item{display: none;}

.box_sp{display: flex; flex-wrap: wrap; justify-content: space-between;}
.box_sp .sanpham{width: calc(100% - 385px);}
.box_sp > .img{display: block;width: 370px;position: relative;}
.box_sp .owl_sp{width: calc(100% - 380px);margin: 0 -7px;}
.sanpham{width: 100%;display:  grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 15px;}
.khung_sp{width: 100%;padding: 20px 0 10px 0;}
.khung_sp a.xemtatca{display: table;margin: 0 auto;margin-top: 20px;font-size: 18px;color: #ff0000;}

.list_daxem{padding: 5px 10px;border: 1px solid #56b000;}
.list_daxem .daxem{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 5px 0;}
.list_daxem .daxem h3{width: calc(100% - 90px);overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;max-height: 75px;display: -webkit-box;-webkit-box-orient: vertical;}
.list_daxem .daxem h3 a{font-size: 14px;color: #333333;font-weight: 400;}
.list_daxem .daxem:hover h3 a{color: #047746;}
/* slider sp */
.owl_sp{margin: 0 -11.5px;display: none;}
.owl_sp .slick-slide{margin: 0 7px;}
.owl_sp .spl{position: absolute;left: 5px;top: calc(50% - 80px);z-index: 1;}
.owl_sp  .spr{position: absolute;right: 5px;top: calc(50% - 80px);z-index: 1;}
.item .img{position: relative;-webkit-backface-visibility:a hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);overflow: hidden;}
.item .img img{display: block;}
.item .img .sale{position: absolute;right: 10px;top: 10px;background: url('https://8f9696.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/sale.png');width: 48px;height: 48px;line-height: 48px;text-align: center;font-family: RobotoBold;font-size: 14px;color: #ffffff;}
.blink_me {-webkit-animation-name: blinker;-webkit-animation-duration: 0.5s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-moz-animation-name: blinker;-moz-animation-duration: 0.5s;-moz-animation-timing-function: linear;-moz-animation-iteration-count: infinite;animation-name: blinker;
    animation-duration: 0.5s;animation-timing-function: linear;animation-iteration-count: infinite;}
    @-moz-keyframes blinker {  0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
    @-webkit-keyframes blinker {  0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
    @keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
.item:hover a.buy{-webkit-transform: translateY(0) translateZ(0);transform: translateY(0) translateZ(0);}
.item:hover a.buy span{display: block;-webkit-transition: transform .25s ease,opacity .15s ease;-webkit-transition: opacity .15s ease,-webkit-transform .25s ease; transition: opacity .15s ease,-webkit-transform .25s ease;transition: transform .25s ease,opacity .15s ease;transition: transform .25s ease,opacity .15s ease,-webkit-transform .25s ease;}
.item a.buy:hover:before{transform: translateY(0) translateZ(0);}
.item a.buy:hover span{-webkit-transform: translateY(-100%) translateZ(0);transform: translateY(-150%) translateZ(0);}
.item {transition: 0.5s all;position: relative;transition: border 1s;}
.item .mota{font-family: 'Roboto', sans-serif;font-size: 13px;color: #666666;font-weight: 400;}
.item .mota p{overflow: hidden;text-overflow: ellipsis;line-height: 23px;-webkit-line-clamp: 1;max-height: 23px;display: -webkit-box;-webkit-box-orient: vertical;padding: 0 0 0 25px;}
.item .mota p:nth-child(1){background: url('https://5a3154.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/i1.png') no-repeat left center;}
.item .mota p:nth-child(2){background: url('https://832a39.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/i2.png') no-repeat left center;}
.item .mota p:nth-child(3){background: url('https://a2c9a6.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/i3.png') no-repeat left center;}
.item .mota p:nth-child(4){background: url('https://f82ab9.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/i4.png') no-repeat left center;}
.item .mota p span{font-family: Muli;font-weight: 700; color: #e70007;} 
.item .noidung .gia{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;font-size: 15px;color: #000000;font-weight: 400;}
.item .giacu{text-decoration: line-through;color: #3c3c3c;margin: 0 0 0 10px;font-size: 13px;}
.item .giaban{color: #cd0000;font-weight: 900;}
.item .giaban span{ color: #F10404 }
.item .giasi{font-family: 'Roboto', sans-serif; font-size: 14px; color: #e60000; font-weight: 600;}
.item .noidung{position: relative;width: 100%;border-top: 0;text-align: center;font-weight: 500;font-size: 15px;background: #ffffff;padding: 8px 5px;}
.item h3{width: 100%;}
.item:hover h3 a{color: #005f1d;}
.item h3 a{color: #414141;font-weight: 400;font-size: 15px;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;height: 50px;display: -webkit-box;-webkit-box-orient: vertical;}
.item a.lienhe{font-family: 'Roboto', sans-serif;font-size: 14px;color: #ffffff;text-transform: capitalize;background: #898989;padding: 5px 12px;display: inline-block;}
.item a.lienhe:hover{background: #d8261c;}
/* Tab product */
.tab_show{display: block !important;border: 1px solid #ebebeb;border-top: 0;padding: 10px;width:  100%;font-family: RobotoRegular;background: #ffffff;position: relative;z-index: 1;}
.tab_hidden{ display: none; }
.noidung_ta *{max-width: 100%;}
/* Nhận tin */
#nhantin{position: relative;padding: 20px;width: 500px;max-width: 90%;display: none;}
.lh{position: relative;display: flex;flex-wrap: wrap;align-items: center;}
.lh h4{width: 100%;font-family: UTMImpact;font-weight: 100;font-size: 28px;text-align: center;text-transform: uppercase;color: #005f1d;}
.lh form{position: relative;width: 100%;}
.lh form p{width: 100%;margin: 0 0 20px 0;}
.lh form .input{outline: none;font-size: 13px;width: 100%;color: #575757;padding: 10px;border: 1px solid #dddddd;background: transparent;font-family: Roboto;font-weight: 400;}
.lh form input[type=submit],.lh form input[type=reset]{border: none;outline: none;cursor: pointer;color: #ffffff;font-size: 15px;font-weight: 500;text-transform: uppercase;padding: 10px 0;width: 100%;background: #005f1d;}
.lh form .input::-webkit-input-placeholder,.lh form textarea::-webkit-input-placeholder {color: #575757;}
.lh form .input:-moz-placeholder,.lh form textarea:-moz-placeholder {color: #575757;  }
.lh form .input::-moz-placeholder,.lh form textarea::-moz-placeholder {  color: #575757; }
.lh form .input:-ms-input-placeholder,.lh form textarea:-ms-input-placeholder {  color: #575757;  }

/* Footer */
#footer{width:100%;position: relative;overflow: hidden; padding: 30px 0;}
.footer{display: flex;flex-wrap: wrap;justify-content: space-between;color: #ffffff;}
.footer .thongtin_ct{width: 450px;}
.bocongthuong{margin-top: 10px;display: inline-block;}
.tieude_f{color: #ffffff;font-size: 15px;margin-bottom: 20px;font-weight: 900;width: 100%;display: inline-block;position: relative;text-transform: uppercase;}

.hotro_f{width: 350px;}
.hotline_f{background: url('https://6df7c2.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/hotline.png') no-repeat left center;padding: 0 0 0 60px;margin: 0 0 10px 0;}
.hotline_f label{display: block; font-size: 14px; font-weight: 400;}
.hotline_f span{font-size: 27px; font-weight: 900;}
/* Chinh sach */
.chinhsach:nth-child(1){width: 300px;}
.chinhsach{width: 200px;}
.chinhsach ul{width: 100%;list-style: none;margin: 0;color: #393939;padding: 0;line-height: 25px;}
.chinhsach ul li{font-weight: 400;}
.chinhsach ul li a{font-size: 14px;color: #ffffff;font-weight: 400;}
.chinhsach ul li:hover a{text-decoration: underline;}
/* coppy */
.coppy{font-weight: 400;font-size: 14px;padding: 10px 0;color: #1a1a1a;background: #a6ff51;text-align: center;}
.coppy .khung{display: flex; flex-wrap: wrap; justify-content: space-between;}
.coppy p span{font-weight: 900;}
.coppy ul{list-style: none;margin: 0;padding: 0;}
.coppy ul li{display: inline-flex;line-height: 1;}
.coppy ul li span{font-weight: 900;}
/* back to top  */
#back-to-top {position: fixed;bottom: 18px;right: 10px;text-align: center;line-height: 50px;width: 50px;height: 50px;cursor: pointer;z-index: 99999;background: #d90000;border-radius: 50%;}
#back-to-top a {display: block;color: #ffffff;font-size: 25px;}
#back-to-top .back-circle {height: 50px;width: 50px; }
#back-to-top .back-circle .circle {border: 1px solid #034790 !important;}
/*---------------Spin----------------- */
@keyframes spin1 {  0% {    -webkit-transform: rotate(0);    transform: rotate(0); }  100% {    -webkit-transform: rotate(360deg);    transform: rotate(360deg); } }
@-webkit-keyframes spin2 {  0% {    -webkit-transform: rotate(72deg);    transform: rotate(72deg); }  100% {    -webkit-transform: rotate(-288deg);    transform: rotate(-288deg); } }
@keyframes spin2 {  0% {    -webkit-transform: rotate(72deg);    transform: rotate(72deg); }  100% {    -webkit-transform: rotate(-288deg);    transform: rotate(-288deg); } }
@-webkit-keyframes spin3 {  0% {    -webkit-transform: rotate(-144deg);    transform: rotate(-144deg); }  100% {    -webkit-transform: rotate(216deg);    transform: rotate(216deg); } }
@keyframes spin3 {  0% {    -webkit-transform: rotate(-144deg);    transform: rotate(-144deg); }  100% {    -webkit-transform: rotate(216deg);   transform: rotate(216deg); } }
@-webkit-keyframes spin4 {  0% {    -webkit-transform: rotate(216deg);    transform: rotate(216deg); }  100% {    -webkit-transform: rotate(-144deg);    transform: rotate(-144deg); } }
@keyframes spin4 {  0% {    -webkit-transform: rotate(216deg);    transform: rotate(216deg); }  100% {    -webkit-transform: rotate(-144deg);    transform: rotate(-144deg); } }
#back-to-top .back-circle {position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;margin: 0 auto;-webkit-transform: translate3D(-50%, -50%, 0);-moz-transform: translate3D(-50%, -50%, 0);-ms-transform: translate3D(-50%, -50%, 0);-o-transform: translate3D(-50%, -50%, 0);transform: translate3D(-50%, -50%, 0);}
#back-to-top .back-circle .circle {    position: absolute;    box-sizing: border-box;    width: 100%;    height: 100%;    -webkit-transition: all .5s ease;    -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border: 1px solid transparent;border-radius: 92% 110% 132% 88%; }
#back-to-top .back-circle .circle:nth-child(1) {-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%; -webkit-animation: spin1 6s linear infinite;animation: spin1 6s linear infinite;border-color: #c7c7c7; }
#back-to-top .back-circle .circle:nth-child(2) { -webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-animation: spin2 6s linear infinite;animation: spin2 6s linear infinite;border-color: #c7c7c7; }
#back-to-top .back-circle .circle:nth-child(3) {-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%; transform-origin: 50% 50%;-webkit-animation: spin3 6s linear infinite; animation: spin3 6s linear infinite;border-color: #c7c7c7; }
#back-to-top .back-circle .circle:nth-child(4) { -webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%; -webkit-animation: spin4 6s linear infinite;animation: spin4 6s linear infinite;border-color: #c7c7c7; }
/* Bottom */
#bottom{width:100%;padding: 40px 0;position: relative;}
/*bottom*/
.bottom{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.bottom .facebook{width: 400px;}
.title_b {width: 100%;position: relative;margin: 0 0 20px 0;display: flex;flex-wrap: wrap;align-items: center;}
.title_b h4{font-family: UTMImpact;color: #005f1d;font-size: 20px;cursor: pointer;font-weight: 100;position: relative;line-height: 1;text-transform: uppercase;}
.tintuc{width: calc(100% - 430px);font-family: Roboto,sans-serif;}
.tintuc .khung{display: flex; flex-wrap: wrap; justify-content: space-between;}

.tintuc_r{width: 100%;margin: -12px 0;display: none;}
.tintuc_r .slick-slide{margin: 12px 0;}
.tintuc_r .tintucr_it{position: relative;display: flex !important;align-items: center;justify-content: space-between;}
.tintuc_r .tintucr_it .img{position: relative;}
.tintuc_r .noidung{width: calc(100% - 215px);position: relative;}
.tintuc_r .noidung > a{font-size: 15px;color: #d80000;display: inline-block;border-radius: 10px;font-weight: 700;}
.tintuc_r .noidung h3{position: relative;margin: 0 0 5px 0;}
.tintuc_r .noidung h3 a{font-size: 18px;color: #2a2a2a;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 700;}
.tintuc_r .noidung h3:hover a{color: #005f1d;}
.tintuc_r .noidung .mota{font-size: 14px;color: #5a5a5a;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;max-height: 75px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 400;text-align: justify;}
/* Mang XH*/
.mang_xh {position:  relative;text-align: center;display: inline-block;margin: 20px 0 0 0;}
.mang_xh span{font-size: 18px;color: #ffffff;font-weight: 400;}
.mang_xh a{margin: 0 2px;}
.mang_xh a:last-child{margin: 0;}
.mang_xh a img{vertical-align: middle;}
.mang_xh a:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}

.mang_xh a:hover img{opacity: 0.8;}
/*--------------Liên kết website---------------------*/
.lienket{display: flex; flex-wrap: wrap; align-items: center;}
.lienket span{font-weight: 100;font-size: 18px;color: #ffffff;font-family: SFUTradeGothicBoldCondensedTwenty;text-transform: uppercase;}
.lienket a{margin: 0 0 0 5px;}
.lienket a:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}
/* contact */
.khung_contact{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 0 20px 0;}
.khung_contact .noidung_detail{margin-bottom: 20px;}
.khung_contact .bando{width: 100%;margin-top: 20px;}
.khung_trai,.khung_phai{width: 48%;}
.thongtin_lh{ width: 100%;  padding: 0px 40px 20px 0px;}
.thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B}
.form_lh{max-width: 100%;width: 600px;margin: 0 auto;text-align: center;}
.form_lh h4{font-weight: 700;font-size: 30px;color: #000000;margin: 0;text-align: center;text-transform: uppercase;}
.form_lh p.mxn{width: 100%; }
.form_lh p.mxn > b{padding: 0px 20px 0px 0px;font-family: RobotoRegular;}
.form_lh p.mxn b span{font-family: Captchacode;font-size: 25px;color: red;}
.form_lh p.mxn input{width: 100px; }
.form_lh p{padding: 5px 0px 5px 0px;margin: 0;width: 100%;display: inline-block;}
.form_lh p input,.form_lh p textarea{padding: 10px;width: 100%;border: 1px solid #dddddd;font-weight: 400;border-radius: unset;font-family: Roboto,sans-serif;}
.form_lh p label{ width: 120px; }
.form_lh p button{border: 0px;background: #047746;padding: 10px 20px;margin: 0;color: #fff;cursor: pointer;font-family: 'Roboto', sans-serif;text-transform:  uppercase;font-weight: 600;}
.form_lh p button:hover{background: #a6ff51;}
.form_van input{ width: 100% ; padding: 5px;}
.form_van button{ position: absolute; z-index: 1000; top: 1px; right: 0px; color: #eee; padding: 5px; border: 0px; background: #E78D00}
.form_contact{   padding: 0 0 10px 0;}
#form_contact input{ padding: 5px;}
/* Download */
.download_box {width: 230px;margin: 0px 25px 10px 0px;text-align: center;border: 1px solid #ddd;}
.download_box p {margin: 0;font-family: RobotoRegular;}
.download_box img {padding: 5px;transform: scale(1);}
.download_box img:hover{transform: scale(1.05);   }
.download_box h3 {text-align: center;font-weight: 100;color: #333;margin: 0px 0px 0px 0px;font-size: 15px;font-family: RobotoBold;width: 100%;display: inline-block;}
.download_box a {margin: auto;display: inline-block;padding: 3px 20px 3px 20px;background: #ff0000;color: #fff;}
.download_box a:hover{background: #13b119;}
/* Album */
.khung_album{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;}
.khung_album img{display: block;}
.khung_album h3{text-align: center;width: 100%;margin: 5px 0 0 0;}
.khung_album h3 a{width:  100%;font-family: 'Roboto', sans-serif;color: #333333;font-size: 15px;font-weight: 700;}
.khung_album .hinhanh:hover h3 a{color: #d81818;}
.khung_album_images{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}

.hinhanh_detail{margin-top: 20px;}
.slick_ab{display: none;margin: 10px -10px 0 -10px;}
.slick_ab .slick-slide{margin: 0 10px;}
/*--------------tags---------------------*/
.tags{width: 100%;color: #ffffff;}
.tags span{font-family: RobotoBlack; font-size: 14px; font-weight: 100;;}
.tags a{font-family: 'Roboto', sans-serif;color: #ffffff;display: inline-flex;font-size: 13px;padding: 5px 10px;margin: 0 3px 6px 0;border: 1px solid #46733a;border-radius: 10px;}
.tags a:hover{color: #fff000;}
/*-----------------end tags-----------------------*/
#frmPrjSearch{}
#frmPrjSearch .khung{display:  grid;grid-template-columns: 1fr 1fr 1fr 1fr 0.5fr;width: 100%;grid-gap: 20px;}
#frmPrjSearch input[type=text]{width: 100%;font-family:  R;font-size:  13px;color: #333333;padding: 11px 10px;border: none;border-right:  none;outline: none;text-indent: 20px;background: url('https://87329c.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/search.png') no-repeat 5px center;}
#frmPrjSearch button{font-family: RobotoBold;font-size: 14px;background: #ffd800;color: #000000;font-weight: 100;border: none;width: 100%;display:  inline-block;padding: 8px 10px;text-transform: uppercase;cursor:  pointer;}
.comboboxs{padding: 0;}
.key{  margin: 0;    padding: 0;    width: 100%;}
.comboboxs select,.comboboxs input{width: 100%;padding: 12px 10px;margin: 0px 0px 0px 0px;color: #333333;font-family: RobotoRegular;font-size: 13px;border:  none;border-left: 1px solid #dddddd;outline:none;}
.entry-title{text-transform: uppercase; font-size: 14px; border-bottom: 1px solid #ccc; color: #666}
.search-btn{to; */right: 10px;}
/*-----------fanpage----------------*/
.fanpage { position: fixed; top: 200px;right: -300px;z-index: 9999999999;width: 300px;height: 250px;transition: all 0.5s;}
.fanpage .title_fanpage {position: absolute;top: 0px;left: -45px;}
.fanpage:hover {right: 0px;}
/*-----------fanpage-right---------------*/
.face_right{position: fixed;bottom: 0;right: -290px;width: 350px;transition: 0.5s;display:  flex;justify-content: space-between;z-index: 10;}
.face_right.active{right: 0px;z-index: 999999999;}
.face_right .img_face{width: 50px;padding: 0;}
.face_right .rowf_right{width: 290px;}
.fanpage_right{position: fixed;bottom: 300px;right: -303px;width: 355px;transition: 0.5s;display:  flex;flex-wrap:  wrap;z-index: 100;}
.fanpage_right.active{ right: 0px; }
.fanpage_right .img_fanpage{width: 55px;padding: 0;}
.fanpage_right .rowf_right{width: 300px;}
/*-----------fanpage-right---------------*/
/* Doitac */
#doitac{width: 100%;padding: 30px 0;border-top: 1px solid #e9e9e9;}
.owl_doitac{margin: 0 -50px;display: none;}
.owl_doitac .slick-slide {margin: 0 50px;}
.owl_doitac .doitac{}
/*++++++++++LEFT+++++++++++*/
.sp_index{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.sp_home{background: #f2f2f2;padding: 25px;}
div#left {width: 250px;position:  relative;}
.product_detail{width: calc(100% - 265px);}
.product_detail .item .noidung{padding: 10px 0;}
/*Hover images*/
.hover_img {  width: 100%;    overflow: hidden;}
.hover_img:before {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #ffffff5e;  content: '';  z-index: 10;  -webkit-transition: -webkit-transform .6s;  transition: transform .6s;  -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);  transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.hover_img:hover:before {  webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);  transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}
/* Zoom In #1 */
.hover_zoom{position: relative;overflow:  hidden;display: block;}
.hover_zoom img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;position: relative;}
.hover_zoom:hover img {-webkit-transform: scale(1.09);transform: scale(1.09);}

.hover1:before {z-index: 1;content: "";position: absolute;left: 10px;right: 10px;top: 10px;bottom: 10px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scale(0, 1);-moz-transform: scale(0, 1);-webkit-transform: scale(0, 1);-ms-transform: scale(0, 1);transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
.hover1:after {z-index: 1;content: "";position: absolute;left: 10px;right: 10px;top: 10px;bottom: 10px;border-left: 1px solid #fff;border-right: 1px solid #fff;transform: scale(1, 0);-moz-transform: scale(1, 0);-webkit-transform: scale(1, 0);-ms-transform: scale(0, 1);transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
.hover1:before, .hover1:after {transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1); }

/* Service detail */
.baiviet2{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;}
.baiviet2.box4{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;margin: 20px 0;}
.baiviet2 .baiviet2_it{transition: 0.5s all;}
.baiviet2 .baiviet2_it:hover .arrows_left,.baiviet2 .baiviet2_it:hover .arrows_right{opacity: 1;}
.baiviet2 .baiviet2_it .img{width: 100%;margin: 0 0 5px 0;overflow: hidden;}
.baiviet2 .baiviet2_it .arrows_right{position: absolute; top: 50%; right: 5px; transform: translateY(-50%); z-index: 99; opacity: 0; transition: 0.5s all;}
.baiviet2 .baiviet2_it .arrows_left{position: absolute; top: 50%; left: 5px; transform: translateY(-50%); z-index: 99; opacity: 0; transition: 0.5s all;}
.baiviet2 .baiviet2_it .noidung{width: 100%;} 
.baiviet2 .baiviet2_it .noidung > span{font-family: RobotoRegular;font-size: 12px;color: #b8b8b8;font-style: italic;}
.baiviet2 .baiviet2_it .khung > a{display: block;margin: 0 0 5px  0;}
.baiviet2 .baiviet2_it img{display: block;}
.baiviet2 .baiviet2_it h3{width:  100%;position:  relative;}
.baiviet2 .baiviet2_it h3 a{font-size: 15px;color: #000000;font-weight: 600;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;}
.baiviet2 .baiviet2_it:hover h3 a{color: #047746;}
.baiviet2 .baiviet2_it p{font-size: 13px;color: #333333;font-weight: 400;width:  100%;padding: 0;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;max-height: 75px;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;}
.baiviet2 .baiviet2_it p.ngaydang{background: url('https://598b8d.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/calender.png') no-repeat left center;padding: 0 0 0 20px;font-size: 12px;-webkit-line-clamp: 1;max-height: 25px;font-style: italic;}
.baiviet2 .baiviet2_it a.xemthem{font-size:  14px;color:  #2882ce;font-family:  RobotoRegular;padding: 10px 30px;border: 1px solid #2882ce;border-radius: 10px; transition: 1s all;display:  inline-block;}
.baiviet2 .baiviet2_it a.xemthem:hover{color: #000000; border: 1px solid #000000;}
.owl_tinkhac{margin: 0 -10px;}
.owl_tinkhac .slick-slide{margin: 0 10px;}
.owl_tinkhac .baiviet2_it{display: none;}
/* news nb */
.tintuc_nb{padding: 0 10px;border: 1px solid #bfbfbf;border-top: 0;}
.tintuc_nb .new{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px 0;border-bottom: 1px dashed #cccccc;}
.tintuc_nb .new:last-child{border-bottom: 0;}
.tintuc_nb .new h3{width: calc(100% - 100px);}
.tintuc_nb .new h3 a{font-size: 14px;color: #333333;font-weight: 400;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 3;height: 60px;display: -webkit-box;-webkit-box-orient: vertical;}
.tintuc_nb .new:hover h3 a{color: #d90000;}
/* Vi sao */
#visao{padding: 30px 0;margin: 20px 0 0 0;}
.slick_visao{margin: 0 -10px;display: none;}
.slick_visao .slick-slide{margin: 0 10px;}
.visao{display: flex !important;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.bao_visao .visao:first-child{margin-bottom: 25px;}
.visao img{display: table;}
.visao:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}
.visao:hover h3{color: #047746;}
.visao .noidung{font-size: 14px;color: #ffffff;width: calc(100% - 60px);}
.visao h3{color: #000000;font-size: 14px;font-weight: 900;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 1;max-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;}
.visao p{font-size: 13px;color: #919191;font-weight: 400;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 2;max-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;}

.list_visao{padding: 10px;border: 1px solid #56b000;}
.list_visao .visao{padding: 5px 0;}
/* danh muc */
#danhmuc{padding: 30px 0;}
.slick_danhmuc{position: relative;margin: 0 -10px;display: none;}
.slick_danhmuc .owl-next{position: absolute;left: 5px;top: 50%;transform: translateY(-50%);font-size: 50px !important;}
.slick_danhmuc .owl-prev{position: absolute; right: 5px; top: 50%; transform: translateY(-50%); font-size: 50px !important;}
.slick_danhmuc .slick-slide{margin: 0 10px;}
.dm > a{display: table;border-radius: 50%;margin: 0 auto;overflow: hidden;}
.dm h3{text-align: center;margin: 10px 0 0 0;}
.dm{padding: 10px 0; border-radius: 5px;}
.dm:hover{background: #a6ff51;}
.dm h3 a{font-family: Roboto,sans-serif;font-size: 15px;color: #4b4b4b;text-transform: uppercase;font-weight: 900;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;max-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;}
.dm:hover h3 a{color: #000000;}
/* video album */
#video_album{padding: 50px 0;background: #e7e7e7;}
#video_album .khung{display: flex;flex-wrap: wrap;justify-content: space-between;}
/* Video */
#video_album #video{width: 765px}
.box_video{display: flex; flex-wrap: wrap; justify-content: space-between;}
.box_video .video{position: relative;width: 560px;}
.box_video .video > a:after{position: absolute; content: ''; width: 160px; height: 160px; background: url('https://7d9f13.claudeassets.com/20260514190512im_/https://khuonchaugiare.com/images/play.png') no-repeat center; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.box_video .video a{display: block;}
.box_video > .video img{height: 380px;}
.box_video > .video h3{text-align: center;background: #ffffff;padding: 13px 10px;}
.box_video > .video h3 a{font-size: 17px;color: #383838;font-weight: 500;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;max-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;} 
.slick_video{width: 190px;display: none;margin: -5px 0;}
.slick_video .slick-slide{margin: 5px 0;} 
.slick_video .video img{height: 135px;}
.slick_video .video > a:after{zoom: 0.5;}

.box_vid{display: flex;flex-wrap: wrap;justify-content: space-between;background: #333;}
.box_vid iframe{width: 60%;}
.box_vid .list_video{width: 40%;max-height: 480px;overflow: auto;}
.box_vid .list_video::-webkit-scrollbar {width: 7px;border-radius: 10px;}
.box_vid .list_video::-webkit-scrollbar-thumb {background-color: #c4c4c4;border-radius: 10px;outline: 1px solid slategrey;}
.box_vid .list_video::-webkit-scrollbar-track {padding: 1px; border-radius: 10px;}
.box_vid .list_video .video_it{display: flex;align-items: center;padding: 10px 10px;border-bottom: 1px solid #c4c4c4;color: #ffffff;}
.box_vid .list_video .video_it.active,.box_vid .list_video .video_it:hover{background: #555;}
.box_vid .list_video .video_it img{width: 100px;margin: 0 10px;}
.box_vid .list_video .video_it a{font-size: 13px; color: #c4c4c4 ;}
/* Album */
#video_album #hinhanh{width: 400px;}
.slick_hinhanh{display: none; background: #ffffff;}
.hinhanh{padding: 15px; text-align: center;}
.hinhanh h3{margin-top: 25px;font-size: 18px;color: #383838;text-transform: uppercase;font-weight: 900;}
.hinhanh p{font-size: 12px; color: #b7b7b7; font-weight: 400;}

.social{position: fixed;bottom: 5px;right: 5px;z-index: 99;}
.social a{display: block;position: relative;margin: 5px 0;}
.social a:nth-child(1) span{font-size: 19px;font-family: UTMImpact;color: #df0000;position: absolute;right: 20px;top: 7px;}
/* responsive */
@media(max-width: 1200px){
	.margin_auto{width: 100%;}
	#info{padding: 10px;}
    div#left{display: none;}
    .product_detail{width: 100%;}
}
@media(max-width: 1000px){
    .khung_flex{justify-content: center;}

    #banner{display: none;}
    #header .head_r{display: none;}
    
    .head_top{padding: 10px 0;}
    .head_top p{margin: 0 10px;}
    .lienket,.hotline{display: none;}
    #header{height: 55px;}
    #header .header{padding: 0;}
    #header.fixed .header{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;background: #ffffff;box-shadow: 0 2px 4px 0px #00000066;padding: 0;}
    #header .header img{width: 200px;}
    #header.fixed #mainmenu{display: none;}


    #header .header.fixed{position: fixed;top: 0;left: 0;width: 100%;background: #ffffff;box-shadow: 0 1px 5px #00000059;}
    #timkiem{display: none;}
    #timkiem_m{display: block;right: 5px;top: 50%;transform: translateY(-50%);}
    #header .header_mm a{display: block;}
    #header .header_mm a span,#header .header_mm a:after,#header .header_mm a:before{background: #009252;}

    #mainmenu.noindex{display: none;}
    #mainmenu nav.menu_top > ul > li.icon{display: none;}

    #menu_left{display: none;}
    #slider .slider{width: 100%;}

    #visao{margin: 0;}
    .slick_visao{margin: 0;}
    .slick_visao .slick-slide{margin: 0 20px;}

    .slick_danhmuc{margin: 0;}
    .slick_danhmuc .slick-slide{margin: 0 20px;}
    
    .slick_hinhanh{margin: 0; padding: 10px 0;}
    .slick_hinhanh .slick-slide{margin: 0 10px;}
    .hinhanh{padding: 0;}
    
    .khung_sp{padding: 10px 0;}
    #sanpham{ padding: 0 10px; }
    .spkhac,.owl_sp{margin: 0;}
    .spkhac .slick-slide,.owl_sp .slick-slide{margin: 0 5px;}
    .box_sp > .img{display: none;}
    .box_sp > .owl_sp{width: 100%; margin: 0;}

    #gioithieu .noidung_gt{width: 100%; padding: 30px 10px;}
    #gioithieu  .img_gt{display: none;}

    #video_album{padding: 0 10px;}
    #video_album #video,#video_album #hinhanh{width: 100%;margin: 0 0 30px 0;}
    .box_video .video{width: 100%;}
    .video img{max-width: 100% !important;height: auto !important;width: 100%;}
    .slick_video{position: unset !important;padding: 0;width: 100%;margin-top: 4px;}
    .slick_video .slick-slide{margin: 0 2px;}
    .slick_video .vi img{height: auto;}
    .box_video .video > a:after{zoom: 0.3 !important;}
    .box_video > .video h3 a{font-size: 13px;}

    .tintuc_r{margin: 0 !important;}
    .tintuc_r .slick-slide{margin:5px 0 !important;}
    .tintuc_r .tintucr_it .img{width: 150px;}
    .tintuc_r .tintucr_it .noidung{width: calc(100% - 160px);}
    .tintuc_r .tintucr_it .noidung h3 a{font-size: 14px;}
    .tintuc_r .noidung .mota{-webkit-line-clamp: 2;max-height: 50px;}



    .bottom .video{width: 100%;padding: 0 10px;margin-bottom: 20px;}
    .bottom .facebook,.bottom .tintuc{width: 100%;padding: 0 10px;margin: 30px 0 0 0;}
    
    .coppy{padding-bottom: 60px;}
    .coppy p,.coppy ul{text-align: center; width: 100%;}
    .coppy .khung{justify-content: center;}
    
    #bottom{padding: 20px 0;}
    .bottom .bot{width: 100%;margin-bottom: 20px;overflow: hidden;}
    
    .slick_camnhan{margin: 0 30px;}
    .slick_camnhan .slick-slide{margin: 0 30px;}

    .khung_trai, .khung_phai{width: 100%; margin-bottom: 20px;}
    #footer .footer{overflow: hidden;padding: 0 10px;}
}
@media(max-width: 980px){
    .sanpham{grid-template-columns: 1fr 1fr !important;grid-gap: 10px;}
    .baiviet2,.box_news{grid-template-columns: 1fr 1fr;grid-gap: 10px;margin: 0;}
    .owl_tinkhac .slick-slide{margin: 5px;}
    .khung_album{grid-gap: 10px;grid-template-columns: 1fr 1fr;}
    .footer .thongtin_ct,.hotro_f{width: 100%;}
    .footer .chinhsach{width: 48%;margin: 20px 0;}
    .footer .bando{width: 100%;}
    
    #header .head_top{display: none;}
    .social a{zoom: 0.9;}
    .social a:nth-child(1){top: 170px;}

    .social a:nth-child(1){position: fixed;top: 150px;right: 5px;}
    .social a:nth-child(2){position: fixed;bottom: 10px;right: 5px;}
    .social a:nth-child(3){position: fixed;bottom: 10px;left: 5px;}

    .box_vid .list_video,.box_vid iframe{width: 100%;}
}
@media(max-width: 750px){
    .khung_thongtin,.frame_images{width: 100% !important;padding: 0;margin-bottom: 20px;}
    #sp_info .khung .img{width: 100%;}
    .tab_sp{zoom: 0.7;}


}
@media(max-width: 650px){
}
@media(max-width: 600px){   
    .video .img > a{border: none; padding: 0;}
    .video .img > a span{display: none;}
    .video .iframe > iframe{height: 50vw;}
 }
@media(max-width: 500px){
    .footer .chinhsach{width: 100%;}
    #header .head_top{font-size: 12px;}
    .thanh_title h4:after, .thanh_title h2:after{display: none;}
    .bottom .tintuc .tintuc_r .ngaydang{display: none;}

    .slick_hinhanh .slick-slide{margin: 0;}

    div#container_product #tabs li{padding: 5px 10px;}
    div#container_product #tabs li a{font-size: 10px;}
}
@media(max-width: 380px){
    .frm_dutoan p.nua,.frm_dutoan p.nut button,.frm_dutoan p.nut span{width: 100%;}
    .frm_dutoan p.nut span{padding: 10px;}
    .item .img,.item .noidung{width: 100%;padding: 5px 0;}
}
/*
     FILE ARCHIVED ON 09:08:39 Apr 23, 2026 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:25:08 Oct 04, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.457
  exclusion.robots: 0.05
  exclusion.robots.policy: 0.036
  esindex: 0.008
  cdx.remote: 6.059
  LoadShardBlock: 98.029 (3)
  PetaboxLoader3.datanode: 93.129 (5)
  PetaboxLoader3.resolve: 167.244 (3)
  load_resource: 271.456 (2)
*/