/* CSS Document */
html,body{margin:0;padding:0;background:#dcecca;font:500 13px Arial}
@font-face {font-family: "Merriweather"; src:url('Merriweather-VariableFont_opsz,wdth,wght.ttf') format('truetype');}
h1, h2, h3, h4, h5, h6 {line-height: inherit;font-size: inherit; font-weight: inherit;}
.clear{clear:both}
.container{margin:0 auto;width:1024px;clear:both;position:relative}
.hr{width:100%;border-top:1px solid #ccc;}
.hr2{width:98%;border-top:1px solid #ccc;text-align:center;margin:1%}
.clear{clear:both}
.logo{width:318px;height:60px;position:absolute}
#top{background:#fff;height:60px;position:relative}
#menu{background:#fff;height:auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:100%;transition-duration: 200ms;}
.menu_scroll{position:fixed;top:0;display:block;z-index:10000}
#content{margin-top:10px;clear:both;min-height:500px}

.top_list{right:0;top:5px;position:absolute}
.top_list ul{margin:0;list-style:none}
.top_list ul li{float:left;padding-right:10px;font-size:15px;line-height:50px;}
.top_list ul li a{text-decoration:none;color:#2f4f4f;display: block; white-space: nowrap;}
.top_list ul li a:hover{color:#900;text-decoration:underline}

#menu ul{margin:0;list-style:none}
#menu ul li{float:left;font-size:15px;line-height:50px;position: relative;padding:0 7px}
#menu ul li a{text-decoration:none;color:#2f4f4f;display: block; white-space: nowrap;}
#menu ul li a:hover{color:#900}
#menu ul li:not(:first-child):not(:nth-child(2))::before {  content: ""; position: absolute; left: 0; top: 15%; height: 70%;  width: 1px; background-color: #ccc;}
ul li .home{margin-top:7px}
ul li .more{margin-top:10px}
/*Home*/
ul.homecat{list-style:none;transition-duration: 200ms;margin:10px 0;padding:0}
ul.homecat li{margin-bottom:10px;background:#f1f1f1;}
.homenamecat{font:700 25px  "Merriweather", serif;padding:10px }
.homenamecat a{text-decoration:none;color:#900;border-bottom:1px solid #900;padding-bottom:5px}
.homenamecat a:hover{color:#00F}
/*Tin Tức home*/
.homenews_l{background:#FFF;width:550px;overflow:hidden;float:left;height:500px}
.homenews_l_img {border:10px solid #f1f1f1;margin:5px}
.homenews_l_t a{font-family: "Merriweather", serif;line-height:160%;text-decoration:none;font-size: 22px;font-weight: bold;color:#2f4f4f; display:block;padding:10px;position: relative;  margin-bottom: 14px; padding-bottom: 6px; border-bottom: 1px solid #E2E2E2;  transform-origin: left;  transition: transform 2s 0.1s ease-in-out;  overflow:hidden;text-overflow: ellipsis; white-space: nowrap;display:block;}
.homenews_l_t a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 30%; /* Ban đầu chỉ dài 10% */ height: 3px; /* Độ dày của border */  background-color: #FF0000;  transition: width 0.3s ease-in-out;}
.homenews_l_t a:hover::before {  width: 100%; /* Khi hover, mở rộng ra toàn bộ */}
.homenews_l_t a:hover{color:#900;}
.homenews_l_d{line-height:160%;color:#2f4f4f;padding:0 15px 10px 15px;font:400 15px arial}

.homenews_r{float:right;width:445px;border-left:1px solid #ccc;padding-left:15px;float:right;height:500px}
.homenews_r_t{font-family: "Merriweather", serif;font-size: 25px;font-weight: bold;color:#390}
.homenews_r ul{list-style:none;margin:0;padding:0}
.homenews_r ul li{border-top:1px solid #ccc;padding:15px 0;line-height:160%;color:#2f4f4f;overflow:hidden;height:130px;text-align:justify}
.homenews_r ul li img{float:left;padding-right:10px}
.homenews_r ul li .homenews_r_tt{float:left;width:280px;}
.homenews_r ul li a{text-decoration:none;color:#2f4f4f;font-family: "Merriweather", serif;font-weight:bold;font-size:18px;position: relative; float:left}
.homenews_r ul li .homenews_r_tt a{padding-bottom:10px;margin-bottom:0;}
.homenews_r ul li .homenews_r_tt a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 30%; /* Ban đầu chỉ dài 10% */ height: 3px; /* Độ dày của border */  background-color: #FF0000;  transition: width 0.3s ease-in-out;}

.homenews_r ul li .homenews_r_tt  a:hover::before {  width: 100%; /* Khi hover, mở rộng ra toàn bộ */}
.homenews_r ul li a:hover{color:#900}
.homenews {border-bottom:1px solid #ccc;padding-bottom:10px}
/**Video Home*/
.Homebg_video{background:#603814;width:100%;height:355px;margin:10px 0}
.Home_video_l{float:left;width:420px;background:url(../images/bg_video.png);height:355px}
.Home_video_l_nd{margin:200px 10px 10px 10px;background:url(../images/bg_v_nd.png);padding:10px}
/*#ac7645*/
.Home_video_l_t{font-family: "Merriweather", serif;font-weight:bold;font-size:25px;}
.Home_video_l_d{color:#000000;font: 400 15px arial;line-height:160%;transition-duration: 200ms;margin:10px 10px 0 20px}
.Home_video_l_t a{color:#000;text-decoration:none;display:block;margin:15px 0;cursor:pointer}
.Home_video_l_t a:hover{color:#886d54}
.Home_video_r{float:right;width:560px;height:315px;border:10px solid #886d54;margin:10px 0;border-radius:20px;}
/*Hỗ Trợ Home*/
.Home_HT_l{float:left;background:url(../images/hotro.png) no-repeat;width:450px;height:200px;position:relative}
.Home_HT_lsdt_tv{position:absolute;right:0;top:20px;background:#F90;padding:30px 25px 10px 25px;font:700 30px arial;color:#FFF}
.Home_HT_lsdt_tv span{font:400 15px arial;position:absolute;left:10px;top:5px}
.Home_HT_lsdt_kt{position:absolute;right:0;top:110px;background:#990;padding:30px 25px 10px 25px;font:700 30px arial;color:#9C0}
.Home_HT_lsdt_kt span{font:400 15px arial;position:absolute;left:10px;top:5px}
.Home_HT_r{float:right;height:200px;width:500px}
.Home_HT_r ul{margin-bottom:10px}
.Home_HT_r ul li{margin-bottom:10px}
.Home_HT_r ul li a{text-decoration:none;font:400 15px arial;color:#666}
.Home_HT_r ul li a:hover{color:#900}
/*Goc Chia Sẻ*/
.Home_GCS{}
.Home_GCS_tt{margin:10px 0 0 0 ;font-family:"Merriweather", serif;font-size:25px;font-weight:bold;color:#ac7645;background:#CCC;padding:10px 10px}
.Home_GCS ul{list-style:none;margin:0;padding:0}
.Home_GCS ul li{float:left;width:235px;margin:10px;overflow:hidden;}
.Home_GCS_img{padding:1px;background:#f1f1f1;height:150px}
.Home_GCS_t a{display:block;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;display:block;transition-duration: 200ms;text-decoration:none;color:#333;font:700 15px Arial;margin-top:20px}
.Home_GCS_t a:hover{color:#900}
/*Sản Phẩm*/
.top_title{background:#fff;width:98%;margin:0 auto 10px auto}
.product_title{font-family:"Merriweather", serif;color:#4f4f4f !important;font-size: 28px;font-weight:bold;float:left;display:inherit;margin-left:20px;transition-duration: 200ms;}
ul.product_title_list {list-style:none;background:#fff;transition-duration: 200ms;}
ul.product_title_list li{float:left;font:400 15px arial;margin:0 5px} 
ul.product_title_list li a{text-decoration:none;color:#2f4f4f;display:block;margin-top:30px;margin-left:10px}
ul.product_title_list li a:hover{color:#900;}
.product{width:48%;height:400px;background:#fff;float:left;margin:1%; color:#2f4f4f;overflow:hidden}
.product .product_t{font:700 18px arial;margin:0 10px;padding:0 10px}
.product .product_t a{font-size: 18px;font-weight: bold;font-family: "Merriweather", serif;line-height:160%;text-decoration:none;color:#222;transition-duration: 200ms;}
.product .product_t a:hover{cursor:pointer;color:#087cce}
.product .product_img{text-align:center}
.product .product_img img{width:90%;height:250px;transition-duration:200ms;margin:20px 0;border:1px solid #f1f1f1 }
.product .product_detail{ margin:10px 20px;line-height:160%;height:40px;overflow:hidden ;transition-duration: 200ms;}
/*Chi tiết danh mục*/
.clip_dm{border-bottom:1px solid #ccc;padding-bottom:20px}
.clip_right{border:10px solid #CCC;width:560px;height:315px;float:left;background:#fff;margin-left:10px;transition-duration: 200ms;}
.clip_left{float:right;margin-right:10px;width:390px;height:315px;background:#fff;transition-duration: 200ms;color:#2f4f4f;padding:10px;line-height:160%;overflow:hidden;transition-duration: 200ms;}
.pro_list{width:320px;height:350px;background:#fff;margin:20px 10px ;float:left;overflow:hidden}
.pro_img{width:298px;margin:0 auto;margin:10px;border:1px solid #ccc;overflow:hidden;transition-duration: 200ms;}
.pro_img img{width:298px;height:200px}
.namesp{font:700 18px  "Merriweather", serif;margin:10px;}
.namesp a{text-decoration:none;color:#222;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;display:block;transition-duration: 200ms;}
.namesp a:hover{color:#087cce}
.descriptionsp{font:400 15px arial;color:#2f4f4f;padding:0 10px;overflow:hidden;text-overflow: ellipsis; white-space: pre-wrap;height:55px;transition-duration: 200ms;}
.f_pro{margin:10px;}
.price{float:left;width:200px;overflow:hidden;transition-duration: 200ms;}
.price span{color:#00F;font:700 15px arial}
.xemthem{text-align:right;width:100px;float:right;transition-duration: 200ms;}
.xemthem a{text-decoration:none;color:#900;display:block;font:400 15px arial}
.xemthem a:hover{color:#087cce}
/*Chi tiết sản phẩm*/
.listdm{font:400 15px arial;color:#2f4f4f;border-bottom:1px solid #CCC;padding-bottom:10px;margin-bottom:10px;transition-duration: 200ms;}
.listdm span{font:700 28px  "Merriweather", serif;}
.listdm a{text-decoration:none;margin-left:20px;color:#2f4f4f;}
.listdm a:hover{color:#900}
.pro_l{float:left;background:#fff;width:530px;padding:10px;margin-left:10px;transition-duration: 200ms;margin-bottom:20px;height:562px;overflow:hidden;}
.pro_l .img{width:528px; overflow:hidden;border:1px solid #ccc;transition-duration: 200ms;}
.pro_l .img img {width:100%; height:100%}
.pro_l .imglist{background:#f1f1f1;width:530px;height:105px;margin:5px 0;padding-top:5px;overflow-x: auto;white-space: nowrap; scrollbar-width: thin; /* Firefox */  scrollbar-color: #888 #f1f1f1; /* Firefox */}
.pro_l .imglist::-webkit-scrollbar {  height: 8px; /* Độ cao của thanh cuộn ngang */}
.pro_l .imglist::-webkit-scrollbar-track {  background: #f1f1f1; /* Màu nền của thanh cuộn */  border-radius: 10px;}
.pro_l .imglist::-webkit-scrollbar-thumb { background: #888; /* Màu của thanh cuộn */  border-radius: 10px;}
.pro_l .imglist::-webkit-scrollbar-thumb:hover {background: #555; /* Màu khi hover */}
.pro_l .imglist ul{margin:0;list-style:none;width:500px;padding:0;display: flex; /* Xếp ảnh trên cùng một hàng ngang */}
.pro_l .imglist ul li{float:left;width:80px;height:80px;background:#FFF;margin:5px;flex: 0 0 auto; /* Đảm bảo ảnh không co lại */border:1px solid #ccc}
.pro_l .imglist ul li img{width:100%;height:100%}

.pro_r{float:right;background:#fff;width:420px;padding:10px;margin-right:10px;transition-duration: 200ms;margin-bottom:20px;height:562px;overflow:hidden;line-height:160%;color:#2f4f4f}
.namepro{font:700 22px  "Merriweather", serif;margin:10px 0}
.motapro span{width:96%;overflow:auto;display:block;margin:2%;line-height:160%;}
.pricepro{font:700 20px  "Merriweather", serif;margin:10px 0;background:#f1f1f1;padding:10px 5px}
.pricepro strong{color:#900;font-size:22px}
.detailpro {font:400 15px arial; background:#fff;margin:10px;padding:10px;line-height:160%;transition-duration: 200ms;}
.t_detailpro{font:700 18px  "Merriweather", serif;padding-bottom:10px;border-bottom:1px solid #ccc;margin-bottom:20px }
.nddetailpro{padding:10px;color:#2f4f4f}
.listcolor ul{margin:0;list-style:none;width:500px;padding:0;display: flex;}
.listcolor ul li{float:left;width:30px;height:30px;background:#FFF;margin:5px;flex: 0 0 auto;border:1px solid #ccc;cursor:pointer}
.listcolor ul li.textmau span{display:block;width:30px;height:30px;}
.listcolor ul li.imgmau img{width:100%;height:100%}

.backpro {margin-top:50px}
.backpro a{text-decoration:none;color:#FFF;background:#09F;padding:5px;display:block;width:80px;text-align:center;float:right;}
.backpro a:hover{color:#900}

/*Tin tức*/
.news_top{margin:1%;background:#fff;padding:1%;transition-duration: 200ms;}
.news_top_img{float:left;width:500px;height:350px;border:1px solid #f1f1f1}
.news_top_t{float:right;width:460px;font:700 30px "Merriweather";padding:10px }
.news_top_t a{text-decoration:none;color:#4f4f4f !important;line-height:160%;position: relative; margin-bottom: 14px; padding-bottom: 6px; border-bottom: 1px solid #E2E2E2;  transform-origin: left;  transition: transform 2s 0.1s ease-in-out;display:block;}
.news_top_t a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 30%; height: 3px;  background-color: #FF0000;  transition: width 0.3s ease-in-out;}
.news_top_t a:hover::before {  width: 100%; }
.news_top_d{float:right;width:460px;padding:10px;display:block;color:#666}

.news_l{float:left;width:690px;margin-bottom:10px;border-right:1px solid #ccc;margin-right:10px}
.news_l .news_l_c{background:#fff;margin-right:10px}
.news_c{margin:1%;transition-duration: 200ms;}
.news_r{float:right;width:300px;background:#fff}
.news_l ul{list-style:none;margin:0;padding:0}
.news_l ul li{border-bottom:1px solid #f1f1f1;padding-bottom:10px;padding-top:10px}
.news_l ul li img{border:1px solid #f1f1f1;float:left;margin-left:10px}
.news_l ul li .news_l_t{float:right;width:63%}
.news_l ul li .news_l_t a{text-decoration:none;display:block;font:700 18px "Merriweather";position: relative; margin-bottom: 14px; padding-bottom: 6px; transform-origin: left;  transition: transform 2s 0.1s ease-in-out;color:#666;margin-left:10px}
.news_l ul li .news_l_t a::before{content: ""; position: absolute; left: 0; bottom: 0; width: 30%; height: 3px; background-color: #FF0000;  transition: width 0.3s ease-in-out;}
.news_l ul li .news_l_t a:hover::before {  width: 100%;}
.news_l ul li .news_l_t a:hover{color:#900;}
.news_l ul li .news_l_t .news_l_d{padding:10px;line-height:160%;color:#666}
/*Chi Tiết tin tức*/
.newstitle{font:400 15px arial;margin-bottom:10px;}
.newstitle ul{list-style:none;margin:0;padding:0;margin-block-start: 1em; margin-block-end: 1em;   padding-inline-start: 40px; unicode-bidi: isolate;}
.newstitle ul li{display: inline-block;margin-right:20px;position: relative;list-style-type: none;}
.newstitle ul li:after{border-top: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; -webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;  top: 5px;content: ""; width: 7px;   height: 7px;right: -15px}
.newstitle ul li:last-child:after { content: none;}
.newstitle ul li:first-child a{  color: #076db6;}
.newstitle ul li a{text-decoration:none;color:#222}
.newstitle ul li a:hover{cursor:pointer}
.news_detail_l{float:left;width:700px;background:#fff;margin-bottom:20px}
.news_detail_l_t{margin:5%}
.news_detail_l_t_t{font: 700 36px / 1.6 "Merriweather", serif}
.news_detail_l_t_nd{font-size: 18px; line-height: 160%; font-weight: 400;  margin-bottom: 15px;color:#222}
.news_detail_l_t_nd p { margin: 0 0 1em; line-height: 160%; text-rendering: optimizeSpeed;}

.GetnewsDetailList{border:1px solid #E2E2E2;margin:2%}
.GetnewsDetailList ul{list-style:none;margin:10px;padding:0;}
.GetnewsDetailList ul li{margin-bottom:10px;padding-bottom:10px;}
.GetnewsDetailList ul li:after{content: "";position: absolute;width: 63%;padding-bottom:10px;border-bottom:1px solid #E2E2E2; }
.GetnewsDetailList ul li:last-child:after { content: none;}

.GetnewsDetailList img{float:left;margin-right:10px;border:1px solid #E2E2E2 }
.GetnewsDetailList .GetnewsDetailList_t{float:left;width:62%}
.GetnewsDetailList .GetnewsDetailList_t a:hover{color:#900}
.GetnewsDetailList .GetnewsDetailList_t a{text-decoration:none;color:#4f4f4f;line-height:160%;position: relative; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid #E2E2E2;  transform-origin: left;  transition: transform 2s 0.1s ease-in-out;display:block;font:700 18px "Merriweather";}
.GetnewsDetailList .GetnewsDetailList_t a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 30%; height: 3px;  background-color: #FF0000;  transition: width 0.3s ease-in-out;}
.GetnewsDetailList .GetnewsDetailList_t a:hover::before {  width: 100%; }
.GetnewsDetailList .GetnewsDetailList_d{color:#222}
.news_detail_r{float:right;width:300px;background:#fff}

/*SP góc phải*/
.Sp_r_list{margin:10px}
.Sp_r_list_t{background:#643c18;padding:20px 20px;color:#FFF;font:700 16px "Merriweather";}
.Sp_r_list ul{list-style:none;margin:0;padding:0}
.Sp_r_list ul li{padding-bottom:10px}
.Sp_r_list ul li .sp_r a{text-decoration:none;font:700 16px "Merriweather";color:#73441b;transform-origin: left;  transition: transform 2s 0.1s ease-in-out;  overflow:hidden;text-overflow: ellipsis; white-space: nowrap;display:block;}
.Sp_r_list ul li .sp_r a:hover{color:#900}
.Sp_r_list ul li:after{content: "";position: absolute;width: 63%;padding-bottom:10px;border-bottom:1px dotted #E2E2E2; }
.Sp_r_list ul li:last-child:after { content: none;}
.Sp_r_list ul li .sp_r_g{color:#FF0;font:700 14px arial;background:#9c581b;padding:10px;margin:10px 0;text-align:center}
.Sp_r_list ul li .sp_r_img img{width:100%}
.Sp_r_list ul li .sp_r_img{overflow:hidden;width:100%;border:1px solid #E2E2E2;margin:10px 0}

/*Video*/
.videogo{font:700 22px/1.6 "Merriweather";color:#603814;margin:10px 0;background:#f1f1f1;display:inline-block;padding:10px 20px;transition-duration: 200ms;}
.videospage{margin:1%}
.video_v{float:left;width:560px;height:315px;background:#603814;border:10px solid #886d54;margin-bottom:10px;transition-duration: 200ms;}
.video_t{float:right;width:423px;height:335px;overflow:auto;background:#603814;margin-bottom:10px;overflow:hidden}
.video_t a{text-decoration:none;color:#fff;font:700 22px/1.6 "Merriweather";display:block;padding:10px;transition-duration: 200ms;}
.video_d{padding:10px;line-height:160%;font:400 15px arial;color:#ccc;transition-duration: 200ms;}
ul.listvideo{list-style:none;margin:0 0 50px 0;padding:0}
ul.listvideo li{width:240px;overflow:hidden;display:inline-block;margin:7px;border:1px solid #222;background:#fff;height:250px;transition-duration: 200ms;}
ul.listvideo li img{border:1px solid #f1f1f1;width:228px;margin:5px}
ul.listvideo li a.listvideo_t{transition: transform 2s 0.1s ease-in-out;  overflow:hidden;text-overflow: ellipsis; white-space: nowrap;display:block;margin:7px;text-decoration:none;font:700 15px "Merriweather";color:#603814;transition-duration: 200ms;}
ul.listvideo li a.listvideo_t:hover{color:#886d54}
ul.listvideo li p{margin:7px;color:#2f4f4f}
/*Liên Hệ*/
.lh_ct{font:400 30px/1.6 arial;color:#F00;background:#FC9;display:inline-block;padding:5px 25px}
.lh_tt{font:400 25px/1.6 arial;color:#FFF;background:#3C0;display:inline-block;padding:5px 25px;margin-top:10px}
.lh_tt_ct{border:3px dashed #096;width:520px;margin:20px auto;background-image: radial-gradient(circle at right bottom, #096, white);}
.contact_lh{margin:0 auto;width:70%;font:400 30px/1.8 arial;text-align:justify;padding:30px;border:3px dotted #CCC ;border-radius:50px;background:#f1f1f1;margin-bottom:50px}
.contact_lh_t{width:500px;margin:20px auto;font:700 30px/1.6 arial;}
  
.contact_lh_t span{color:#900}
.contact_lh:before{content:"\""; font-size:50px }
.contact_lh:after{content:"\""; font-size:50px;top:-10px }
.contact{margin:1%;min-height:400px;background:#fff;padding:10px}
.contact ul{list-style:none;margin:0;padding:0;}
.contact ul li:first-child{font:700 22px/1.6 "Merriweather";margin-left:10px}
.contact ul li{margin-bottom:10px;font:400 15px/1.6 Arial;margin-left:30px}
/*Thông báo Lỗi*/
.error{width:500px;background:#fff;margin:20px auto;border:10px solid #900;padding:10px;}
.icon_error{background:url(../images/tb_error.png);width:50px;height:50px;display:inline-block;position:absolute;top:2px;left:10px}
.tb_error{font:700 28px arial;margin-bottom:10px;padding-bottom:10px;background:#CCC;padding:10px;color:#F00;padding-left:70px;position:relative}
.nd_error{border-bottom:1px solid #999;margin-bottom:10px;padding-bottom:10px;min-height:300px;background:url(../images/bg_error.png) no-repeat center center}
.back_error{text-align:center;}
.back_error a{text-decoration:none;color:#666;}
.text_error{font:500 16px arial;line-height:160%;margin-top:90px;position:absolute;margin-left:50px;transform: rotate(-2deg);width:200px;}
/*Chân trang*/

#footer{background:#fff;border-top:1px solid #ccc;padding:10px 0;color:#2f4f4f;}
.f_logo{border-bottom:1px solid #ccc;margin-bottom:10px}
.f_sologan{width:25%;float:left}
.f_info{width:40%;float:left}
.f_info ul{list-style:none;margin:0;}
.f_info ul li{padding:2px 0 }
.f_copy{width:30%;float:right} 
.scrollup {background: #ffb319 none repeat scroll 0 0; bottom: 300px;color: #ffffff; cursor: pointer;display: none;font-family: Verdana,Geneva,sans-serif; font-size: 12px; font-weight: bold; padding: 10px;position: fixed; right: 0;text-align: center; text-decoration: none; text-transform: uppercase; width: 35px;z-index: 2147483647;}

/*Slide*/
.slide_w{margin:10px auto 10px auto;clear:both}

.jssorb01 { position: absolute; }
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
	position: absolute;
	/* size of bullet elment */
	width: 12px;
	height: 12px;
	filter: alpha(opacity=70);
	opacity: .7;
	overflow: hidden;
	cursor: pointer;
	border: #000 1px solid;
}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
*/
.jssora05l, .jssora05r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url('../images/a17.png') no-repeat;
	overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
/*End*/
/* --- Responsive Text Adjustments --- */


@media (max-width: 480px) {
	.logo{width:318px;height:60px;position:relative}
	#top{background:#fff;height:auto;position:relative}
	#menu{clear:both;margin-top:0%}	
    .top_list{position:inherit;margin-bottom:2%;clear:both;}
	.top_list ul {  display: grid;  grid-auto-rows: 1fr; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); /* Tự chia đều */    gap: 1px;  padding: 1px;  margin: 0;  list-style: none;  background-color: #deb887;  justify-items: center; min-height: 60px;}	
	.top_list ul li { width: 100%;  background-color: #A0522D;  text-align: center; transition: background-color 0.3s ease; box-sizing: border-box;padding-right:0}	
	.top_list ul li a {   padding: 0;  text-decoration: none;  color: white; font-weight: bold;  word-wrap: break-word;
    transition: background-color 0.3s ease;}	
	.top_list ul li a:hover {background-color: #8B4513;color:#F90;text-decoration:none;} 
	#menu ul{padding:0}
	#menu ul li{font-size:15px;line-height:30px;padding:7px}
	#menu.open { height: auto; /* mở rộng khi có class .open */  clear:both}
	.hidden { display: none;}	
	#toggleIcon { cursor: pointer;}
	
  #content{margin:2% auto;width:96%}
  .container{width:100%}
  .homenews_l{width: 100%;  max-width: 550px; /* Giới hạn tối đa như cũ */ height: auto; /* không nên cố định */ margin: 0 auto; /* căn giữa nếu cần */ float:inherit}  
  .homenews_l_img {width: calc(100% - 10px); /* ảnh hoặc nội dung bên trong full khối chứa */ height: auto; /* để ảnh giữ tỉ lệ */ border: 10px solid #f1f1f1; margin: 5px ; box-sizing: border-box; /* đảm bảo padding/border không vượt khỏi width */
	  display: block;}
	.homenews_l_img img{width:100%}
	.homenews_r{width:100%;float:inherit;margin-top:2%;border-left:0;padding-left:0;height:auto}
	.homenews_r ul li .homenews_r_tt{float:left;width:55%;}
	.pro_list{width:calc(100% - 20px);margin:2% 10px;height:auto;overflow:inherit;float:left;}
	.pro_img{width:96%;margin:2%}
	.pro_img img{width:100%;height:auto;min-height:200px}
	.descriptionsp{height:auto}
	.xemthem a{margin-bottom:10px}
	.Home_GCS ul li{width:calc(50% - 20px);}
	.Home_video_l_nd{float:inherit}		
	.Homebg_video{width:100%;height:auto;min-height:355px;margin:10px 0 30px 0}
	.Home_video_l{float:none;width:100%;min-height:355px;}
	.Home_video_l_nd{margin:2%;padding:10px}
	.Home_video_r{float:none;width:calc(100% - 40px);height:315px;border:10px solid #886d54;margin:10px;border-radius:20px;overflow:hidden}
	.Home_video_r iframe{width:90%;height:315px}
	.Home_HT_l{width:100%}
	.Home_HT_r{width:100%;height:auto}
	.Home_HT_r ul{padding-left:4%}
	#footer{width:100%}
	.f_sologan{width:96%;margin:2% 0;float:none;font-weight:bold;padding:2%;text-align:center}
	.f_info{width:100%;float:none;margin:2% 0;}
	.f_info ul{margin:0;padding-left:2%}
	.f_copy{width:96%;float:none;font-weight:bold;padding:2%}	

}

@media (min-width: 481px) and (max-width: 767px)
{
	/*Menu hiển thi khi lớn hon 6*/
	 .hide-on-small:nth-child(n+6) {
    display: none;
	  }
	  #toggleIcon {
		display: inline-block;
	  }

	
}

@media (min-width: 768px) and (max-width: 979px)) {
	/*Menu hiển thi khi lớn hon 6*/
	 .hide-on-small:nth-child(n+6) {
    display: none;
	  }
	  #toggleIcon {
		display: inline-block;
	  }


}