#audio-ex{
    width:200px;
    height:30px;}

.scrollbar {
    
    float: left;
    height: 1500px;
   
    width: 65px;
       overflow-y: scroll;
       
    width:550px;
}

.force-overflow {
    min-height:3000px;
    width:530px;
}
#style-1::-webkit-scrollbar {
    width: 6px;
    background-color:YELLOW;
} 
#style-1::-webkit-scrollbar-thumb {
    background-color:YELLOW;
}

.scrollbar1 {
    
    float: left;
    height: 150px;
   
    width: 65px;
    overflow-y: scroll;
      
    width:200px;
}

.force-overflow1 {
    min-height:490px;
    width:190px;
}
#style-2::-webkit-scrollbar {
    width: 4px;
    background-color:YELLOW;
} 
#style-2::-webkit-scrollbar-thumb {
    background-color:YELLOW;
}

.scrollbar2 {
    
    float: left;
    height: 200px;
   
    width: 65px;
    overflow-y: scroll;
      
    width:200px;
}

.force-overflow2 {
    min-height:490px;
    width:190px;
}
#style-3::-webkit-scrollbar {
    width: 4px;
    background-color:YELLOW;
} 
#style-3::-webkit-scrollbar-thumb {
    background-color:YELLOW;
}

.scrollbar4 {
    
    float: left;
    height: 30px;
   
    width: 65px;
       overflow-y: scroll;
       
    width:200px;
}

.force-overflow4 {
    height:30px;
    min-width:300px;
}
#style-4::-webkit-scrollbar {
    width: 6px;
    background-color:YELLOW;
} 
#style-4::-webkit-scrollbar-thumb {
    background-color:YELLOW;
}

#bosanpham
{
border:2px solid GREEN;
background: url("../images1/bg_sp.png") no-repeat scroll center top transparent;
}
#tieude{
color:YELLOW;
text-decoration:none;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
font-family:arial;

padding:5px;
}
#bomenu tr td{
color:#000;
font: bold 12px/25px Arial,Helvetica,sans-serif;
text-shadow: 1px 1px 2px #C2C2C2;
}
#tieude5,.cart{
	color:#000;
	font: bold 15px/30px Arial,Helvetica,sans-serif;
    margin: 10px 0;
    text-shadow: 1px 1px 2px #C2C2C2;
	text-decoration:none;
}
#tieude5:hover,#tieude:hover,#tin1:hover,#tin2:hover{
color:RED;
}
#tieude1{
color:#065290;
text-decoration:none;
font-size:13px;
font-weight:bold;
font-family:arial;
}
#tieude2{
color:#333;
font-size:12px;
text-decoration:none;
}
#tieude3{
color:#333;
font-size:12px;
text-decoration:none;
font-family:arial;
font-style:italic;
}
#title{
color:YELLOW;
text-decoration:none;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}
#title1{
color:#417401;
text-decoration:none;
font-size:10px;

text-transform:uppercase;
}
#chitiet{
color:RED;
text-decoration:none;
font-size:11px;
font-weight:bold;
}
#tieude1:hover,.sp1:hover,#tieude2:hover,#chitiet:hover{
text-decoration:underline;
}
.tintuc{


}
.sp1,#tin{
color:#004f8a;
text-decoration:none;
font-size:12px;
text-transform:uppercase;
}
#tintomtat{
font-size:10px;
display:block;
}
/*phan trang----------------------------*/
.pagination {
    margin: 0 0 30px;
}
.pagination ul {
    float: right;
    margin: 10px 0;
}
.pagination li a {
    color: #696969;
	text-decoration:none;
	font-size:9px;
}
.pagination li a:hover{
text-decoration:underline;
}
.pagination ul li {
    background: none repeat scroll 0 0 transparent;
    display: block;
    float: left;
    margin: 0 0 0 3px;
    overflow: hidden;
    padding: 0;
}
.pagination li span, .pagination li strong {
    border: 1px solid #E4E4E4;
    display: inline-block;
    font-weight: normal;
    line-height: 20px;
    padding: 0 7px 0 5px;
}
.pagination ul li span.pagenav, .pagination ul li a.pagenav {
    background: none repeat scroll 0 0 #555555;
    color: #FFFFFF;
}
.pagination li strong, .pagination-start span, .pagination-prev span, .pagination-next strong, .pagination-end strong, .pagination-next span, .pagination-end span {
    background: none repeat scroll 0 0 transparent !important;
    color: #696969 !important;
}
/*phan trang----------------------------*/
.text{
height:20px; width:300px;
color:#777;
border:1px solid #ccc;
font-size:12px;
background: url('../images1/giaodien/form_control_bg.gif') repeat-x scroll left top #FFFFFF;
}
.text1{
color:#777;
font-size:8pt;
font-family:arial;
font-style:italic;

}
#button{
 background: url("../images1/cmd_bg1.png") no-repeat scroll center top transparent;
    border: medium none;
    color: White;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    margin-top: 10px;
    text-align: center;
    width: 70px;
 
 }
 #button:hover{
 background: url("../images1/cmd_bg.png") no-repeat scroll center top transparent;
    border: medium none;
    color: White;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    margin-top: 10px;
    text-align: center;
    width: 70px;
 
 }
 #button1{
 background: url("../images1/dathang.gif") no-repeat scroll center top transparent;
    border: medium none;
    color: #666;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
   font-weight:bold;
    text-align: center;
    width: 90px;
 font-family:Arial;
 font-size:11px;
 }
#button1:hover{
color:#f8030e;
}
 #content{
 height:100px; width:301px;
 border:1px solid #ccc;
 color:#777;
 background: url('../images1/giaodien/form_control_bg.gif') repeat-x scroll left top #FFFFFF;
 }
 .code{
 border:1px solid #ccc;
 height:20px;
 width:100px;
color:#777;
font-size:8pt;
font-style:italic;
font-family:arial;
background: url('../images1/giaodien/form_control_bg.gif') repeat-x scroll left top #FFFFFF;
 }
 .maxn{
 width:60px;
 height:20px;
 position:relative;
 top:6px;
 background: url('../images1/giaodien/form_control_bg.gif') repeat-x scroll left top #FFFFFF;
 }
 .option{
  height:18px;
  font-size:11px;
  font-family:Arial;
  font-weight:normal;
 }
 .option option{
 font-size:11px;
  font-family:Arial;
  padding-left:10px;
   font-weight:normal;
 }
 #sanpham1{
 margin-left:40px;
 font-size:14px;
 font-family:Arial;
 font-weight:bold;
 text-transform:uppercase;
 }
 #asanpham{
 background: url("../images1/right-header-bg.png") no-repeat scroll 11px 9px #EDEDED;
    border-bottom: 1px solid #D8D8D8;
    height: 33px;
    line-height: 33px;
    margin-bottom: 10px;
 }

 .imgenews{
 border:1px solid #ddd;
 padding:2px;
 }
.img{
max-width:150px;
border:4px solid GREEN;
border-radius:10px;
} 
.img7{
max-width:200px;
} 
 #gia{
 color:#d60710;
 font-weight:bold;
 font-size:12px;
 font-family:arial;
 text-shadow: 1px 1px 2px #C2C2C2;
 }
.trong{
color:RED;
 font-weight:bold;
 font-size:11px;
 font-family:arial;
}

.chitiet{
color:#6bbb42;
font-family:Arial;
font-size:14px;
text-decoration:none;
}
.chitiet:hover{
color:#000;
}
.thongtin p,.tintuc{
font-size:10px;
}
#home{
color:#000;
text-decoration:none;
font-size:10px;
font-family:tahoma;
font-weight:bold;
}
#ttieude{
color:#888;
text-decoration:none;

font-family:tahoma;
font-size:10px;
}
#tin1{
color:#2a6203;
font-family:Arial;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-shadow: 1px 1px 2px #C2C2C2;
}
#tin2{
color:#2a6203;
font-family:Arial;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-shadow: 1px 1px 2px #C2C2C2;
}
#home:hover,#ttieude:hover,#tinnb:hover{
text-decoration:underline;
}
.duongdan{
float:left;
width:777px;
}
.duongdan1{
position:relative;
top:2px;
}
#tinnb{
color:#333638;
text-decoration:none;
font-size:12px;
}
.timkiem{
width:1000px;
float:left;
}
.tukhoa{
    margin-left: 25px;
    width: 145px;
    height: 30px;
    margin-top: 10px;
    font-size: 9pt;
    background: #16760F;
    color: #fff;
    border: 1px solid #0C6B05;
    text-align: center;
}
.inter
{
    background: #16760F;
    color: #fff;
    margin-left: 70px;
    margin-top: 10px;
    padding-bottom: 2px;
     font-size: 9pt;
    border: 1px solid #0C6B05;
    height:30px;
    width:60px;
    text-align:center;
}
}  
.search{
position:relative;
width:200px;
top:4px;
right:6px;
text-align: center;

height:50px;
}
.btnSearch {
     background-image: Transparent;
    height: 22px;
    width: 27px;
	position:relative;
	top:-20px;
}
#tim{
 background-color: Transparent;
    border: medium none;
    color: #888;
    float: left;
    height: 20px;
    padding-left: 32px;
    width:182px;
	font-size:10px;
	font-family:tahoma;
	
}

#slec{
width:100px;
border:1px solid #f2efef;
color:#777;
font-family:arial;
font-size:12px;
height:17px;
background: url('../images1/giaodien/form_control_bg.gif') repeat-x scroll left top #FFFFFF;
}
#slec option{
color:#777;
font-size:12px;
font-family:arial;
}
.chuchay1{
height:32px;
width:750px;
float:right;

line-height:32px;
}

.chuchay1 p{


font-size:16px;
font-weight:bold;

}
ul.veiw{
margin:20px;
}
ul.veiw li{
line-height:25px;
font-size:12px;
font-weight:bold;
color:#000;
text-shadow: 1px 1px 2px #C2C2C2;
border-bottom:1px dotted #ddd;
}
#slideshow{
width:992px;
height:320px;
margin-top:0px;


}
#slideshow1{
width:992px;
height:320px;
margin-top:0px;
padding:5px;
}
.menulink{
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
height:32px;
width:1000px;
margin:0 auto;
background-color:#eee;
line-height:32px;
}
.dongho{
width:220px;
float:left;
}

.dongho .below_body #clock{
height:20px;
color:#000;
padding-left:20px;
padding-top:5px;
font-family:arial;
font-size:12px;
font-weight:bold;
}
.read{
float:right;
}

.date{
color:#888;
font-family:arial;
font-size:11px;
}
.date1{
color:#888;
font-family:tahoma;
font-size:10px;
font-style:italic;

padding:2px;
}

.phone{
color:GREEN;
font-size:17px;
font-weight:bold;

}
#content1{
width:204px;
height:100px;
color:#777;
font-size:8pt;
font-style:italic;
font-family:arial;
border:1px solid #ccc;
background: url('../images1/giaodien/form_control_bg.gif') repeat-x scroll left top #FFFFFF;

}
#bochinh{
width:90%;
margin-left:50px;
}
.ttin{
color:#d60710;
	font: bold 15px/30px Arial,Helvetica,sans-serif;
    margin: 10px 0;
    text-shadow: 1px 1px 2px #C2C2C2;
	text-decoration:none;
	text-transform:uppercase;
}
.pre1{
 color:#000;
font: bold 12px/25px sans-serif;
text-shadow: 1px 1px 2px #C2C2C2;
}
.imgcode{
color:#8ff846;
font: bold 20px/25px Arial,Helvetica,sans-serif;
text-shadow: 1px 1px 2px #C2C2C2;
}
.formdn{
 background: none repeat scroll 0 0 #F2F2F2;
 border: 1px solid #E2E2E2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    height: 100%;
    padding: 10px;
}
.formdn2{
 background: none repeat scroll 0 0 #F2F2F2;
 border: 1px solid #E2E2E2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    height: 100px;
    padding: 10px;
	width:400px;
}
.formdn1{

 border: 1px solid #ACCFFC;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    height: 430px;
    padding: 10px;
}
.dangnhap{
border:1px solid #ccc;
width:111px;
background: url('../images1/giaodien/form_control_bg.gif') repeat-x scroll left top #FFFFFF;
}
.tindn{
 color: #E97D13;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 5px;

}
.cart a{
color:RED;
text-decoration:none;
font-size:14px;
font-style:italic;
}
.cart a:hover{
text-decoration:underline;
}
.pre{
font-style:italic;
color:RED;
}
.headerdn{
background-image:url('../images1/giaodien/formheader.jpg');
height:25px;
}
.formheader{
width:1000px;
margin:0 auto;
}
.formheader p{
float:right;
padding-right:20px;
color:#666;
text-shadow:0px 1px 0px #fff;
}
.formheader p a{
text-decoration:none;
color:#666;
text-shadow:0px 1px 0px #fff;
}
.dk,.dk a{
text-decoration:underline;
color:#666;
text-shadow:0px 1px 0px #fff;
}
.formheader p a:hover{
text-decoration:underline;
}
.hienthi{
color:RED;
font-size:14px;
font-weight:bold;
}
.topcuoi{
height:37px;
width:992px;
margin-bottom:-10px;
background-image:url('../images1/giaodien/topcuoi.jpg');
}
.topcuoi ul{
padding-top:8px;
color:#fff;
}
.topcuoi ul li{
display:inline;
}
.topcuoi ul li a{
padding-left:10px;
padding-right:10px;
color:#fff;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;

font-size:13px;
}
.topcuoi ul li a:hover{
color:#000;
}
.topcuoi ul li a.active{
color:#000;
}
#mota2{

height:35px;
}
.lienquan{
padding-left:10px;
padding-bottom:0px;
color:#000;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
font-family:Arial;
font-size:16px;
text-shadow: 1px 1px 2px #C2C2C2;
line-height:40px;
}
.counter{
color:RED;
padding-left:25px;
font-weight:bold;
}
#userCounter{
 background-image:url('../images1/giaodien/truycap.png');
 width:215px;
 height:80px;
 float:right;
}
.truycap{
padding-top:8px;
padding-left:15px;
}

.khung{
background-image:url('../images1/giaodien/product_box.png');
height:180px;
width:200px;
}
.anh{
padding:2px;
border:1px solid #ddd;
background-color:#f6f5f5;
}
.img5{
}
.khung2{
background-image:url('../images1/giaodien/product_box1.png');
height:250px;
width:250px;
}
.khung1{
background-image:url('../images1/giaodien/product_box2.png');
height:150px;
width:250px;
}
.goc{

}
.goc2{
border:1px solid #888;
background-color:#eee;
padding:5px;
}

.art-postmetadataheader1{
 
}
.art-postheader1{

    color: #7A5C5C;
    font-size: 20px;
    height: 44px;
  
   font-family:time new roman;
   text-shadow: 1px 1px 2px #C2C2C2;
    
}
.khungtitle{
height:120px;
width:120px;
background-image:url('../images1/giaodien/title.png');
}
.ig{
margin:2px;
}
.sptitle{
margin-top:5px;
text-align:center;
color:#82d107;
text-decoration:none;
font-size:9px;
font-weight:bold;
text-transform:uppercase;
font-family:arial;
}
.hotro{
background-image: url("../images1/blockheader.png");
    
height: 30px;
width:215px;
line-height:30px;
    
}
.tinhotro{
padding-left:20px;
font-size:11px;
color:#fbf80b;
font-family:Arial;
font-weight:bold;
text-transform:uppercase;
}
.nameht b{
color:#2a6203;
font-size:12px;
text-shadow: 1px 1px 2px #C2C2C2;
}
.nameht i{
color:#666;
font-size:11px;
font-family:tahoma;
text-shadow: 1px 1px 2px #C2C2C2;
font-style:normal;
}
.hoidap{
color: #64A000;
font-size: 16px;
font-weight: bold;
text-align:center;
}
#sp td img{

margin-right:5px;
}
#sp{
border:2px solid GREEN;
background: url("../images1/bg_sp.png") no-repeat scroll center top transparent;
}
#sp td{
color:#888;
font-family:Arial;
font-size:11px;
font-weight:bold;
text-shadow:0px 1px 0px #fff;
}
.main1{
border:1px dashed #666;
}
.cauhoi{
color: #64A000;
font-size: 11px;
font-weight:bold;
text-decoration:none;
font-family:Arial;

}
.cauhoi:hover{
color:red;
font-size:11px;
font-weight:bold;
}
.ph{
color:#999;
font-size:10px;
}
.tlcontent{
width:510px;
border:2px solid #ddd;
background-color:#eee;
padding:10px;
color:#666;
font-family:Arial;
}
.goc1{
border:1px solid #888;
background-color:#eee;
padding:10px;
}
.bottomlink{
width:998px;
margin:0 auto;
background-color:#eee;
}
.tablebottom{
width:1000px;
margin:0 auto;
}
/*hiinh anh*/
.khungbottom1{
width:315px;
border-left:1px solid #888;
border-right:1px solid #888;
padding:5px;
float:left;
}
.titlebottom{
height:41px;
}
.headerbottom{
color:#888;
padding-left:14px;
font-weight:bold;
margin-top:2px;
font-family:Arial;
text-transform:uppercase;
font-size:14px;
text-shadow:0px 1px 0px #fff;
}
.giohang{
width:200px;
float:left;
color:#666;
font-family:Arial;
font-size:12px;
text-decoration:none;
}
.giohang a{
color:#666;
font-family:Arial;
font-size:12px;
text-decoration:none;
}
.giohang a:hover{
text-decoration:underline;
}
.ah{
width:999px;
margin:0 auto;
height:160px;
background-color:#fff;
}

/* === CLAUDE 2026-09-24: THAY NEN SOC XANH BANG LOGO MO (WATERMARK) O O SAN PHAM ===
   Muon khoi phuc nen soc cu: xoa tu dong nay den dong "HET" ben duoi.
   Doi do dam logo: thay file images1/bg_logo.png (ban goc: images1/logo_hoanong_goc.png). */
#sp,
#bosanpham {
  background: #fff; /* Cac kieu cu: [goc phai nho] url("../images1/logo_goc_100.png") right 3px top 13px / 26px 26px no-repeat; [watermark] url("../images1/bg_logo.png") center 8px / 150px auto no-repeat */
  border: 2px solid #2e8b3a;
  border-radius: 6px;
}
#sp tr:last-child td {
  background: #2ea043;
  border-radius: 0 0 4px 4px;
}
#sp tr:last-child td a#title {
  color: #fff;
  text-shadow: none;
}
/* Bo lop phu den mo tren banner header (slideshow). Khoi phuc: xoa rule nay */
#SliderName_1 > div > div > div:first-child:not(:only-child),
#SliderName_2 > div > div > div:first-child:not(:only-child) { display: none !important; }
/* Logo cty day du (co chu hn.angiang) nam DE LEN goc tren phai anh san pham */
#sp tr:first-child td { position: relative; }
#sp tr:first-child td::after {
  content: "";
  position: absolute; top: 4px; right: 2px;
  width: 36px; height: 37px;
  background: url("../images1/logo_hoanong_goc.png") center / contain no-repeat;
  pointer-events: none; z-index: 2;
}
/* === HET CLAUDE 2026-09-24 === */