/*Kich thuoc chuan*/
body{ overflow-x: hidden; }

.frowweb_f, .rowweb{ width:100%; float:left; margin-bottom:20px;  }
.frowweb{ width:1170px; margin:auto; }
.frowwebleft{ width:1170px; float:left;}
.rowweb{ margin-bottom:10px;  }
.rowweb .spcl_row{ margin-bottom:0px; }

.width_margin10{ width:100%; float:left; margin-top:10px;}
.none_shadow{ webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none; }

.overflow_hidden{ overflow:hidden;}
.ld-margin-b10{ margin-bottom:10px; }
.ld-margin-b20{ margin-bottom::20px; }

.ld-row{  display: flex; width: 100%; min-height:30px; height: auto; float:left; }
.ld-clpt40{ width:40%;  float:left;  box-sizing: border-box;  }
.ld-clpt60{ width:60%; float:left;   box-sizing: border-box;    }
.ld-row div[class*="ld-cl"]{ margin-right:20px; }
.ld-row div[class*="ld-cl"]:last-child{ margin-right:0px; }	

.wld_content{ width:100%; float:left; margin:20px 0px 20px 0px; }
.wlayout2_l{ width:-moz-calc(100% - 300px); width: -webkit-calc(100% - 300px); width:-o-calc(100% - 300px); width:calc(100% - 300px); float:left;  }
.wlayout2_r{ width:280px; float:left; margin-left:20px; }
.wlayout3_l{ width:320px; float:left;  }
.wlayout3_r{  width:-moz-calc(100% - 340px); width: -webkit-calc(100% - 340px); width:-o-calc(100% - 340px); width:calc(100% - 340px); float:left; margin-left:20px;   }
.wlayout4_l{ width:300px; float:left;  }
.wlayout4_c{  width:-moz-calc(100% - 640px); width: -webkit-calc(100% - 640px); width:-o-calc(100% - 640px); width:calc(100% - 640px); float:left; margin-left:20px; margin-right:20px;   }
.wlayout4_r{ width:300px; float:left;  }

/*Cột max*/
.ld-row-bvleft{}
.ld-row-bvleft .spbox-img{  }
.ld-row-bvleft h3{ font-size:14px; }
.ld-row-bvleft p{ font-size:14px; color:#333; }
.ld-row-bv{ width:100%; float:left; margin-bottom:10px; }
.ld-row-bv .ld-row-bvimg{ width:180px; height:120px; /* height:90px; */ float:left; margin-right:20px; padding:0px; }
.ld-row-bv .ld-row-bvct{ width:-moz-calc(100% - 200px); width: -webkit-calc(100% - 200px); width:-o-calc(100% - 200px); width:calc(100% - 200px); float:left;  }
.ld-row-bv .ld-row-bvct h3{ font-size:14px; margin:5px 0px 5px 0px; }
.ld-row-bv .ld-row-bvct p{ margin:0px; font-size:14px; color:#333; }

.clmargin20{ margin-top:20px; margin-bottom:15px;}
.wcl_content1{width:-moz-calc(100% - 300px); width: -webkit-calc(100% - 300px); width:-o-calc(100% - 300px); width:calc(100% - 300px); float:left; }
.wcl_content2{ width:280px; float:left; margin-left:20px; min-height:100px; }
#wnoidung_xem{ width:100%; float:left; margin-bottom:10px; }
#wnoidung_xem img{ max-width:100%; height:auto; }
.clnoidung_xem{}
#wnoidung_td{ width:100%; float:left; margin-bottom:10px; }
#wnoidung_td h1{ margin:15px 0px 0px 0px; font-size:20px; }
#wnoidung_td p{ margin:0px; color:#999999; }
#wnoidung_td .clxem_ngaydang{ border-left:1px solid #ccc; padding-left:5px; }
.cltd_sanpham{ width:-moz-calc(100% - 15px); width: -webkit-calc(100% - 15px); width:-o-calc(100% - 15px); width:calc(100% - 15px); float:left; margin-bottom:15px; padding-left:10px; border-left:5px groove #0066CC; }
.cltd_sanpham h4{ float:left; border-bottom:2px solid #CCCCCC; padding-bottom:5px; font-size:18px; margin:0px; }

#wnoidung_menutab{ width:100%; float:left; margin-bottom:0px; background-color:#3d4842; }
#wnoidung_menutab ul{ float:left; padding:0px; margin:8px; color:#FFF; }
#wnoidung_menutab ul li{ float:left; padding-right:10px; margin-right:15px; list-style:none; border-right:2px solid #fff; font-size:15px; margin-top:3px; cursor:pointer; } 
#wnoidung_menutab ul li:last-child{ border-right:0px; }
#wnoidung_showimg{ width:100%; float:left; position:relative; margin-bottom:20px; }
#wnoidung_showimg img{ width:100%; height:auto; }
#wnd_showimg_info{ position: absolute; bottom:50px; left:20px; width:60%; min-height:35px; padding:10px; background-color: rgba(255, 255, 255, 0.78); }
#wnd_showimg_info h4{ width:100%; float:left; margin:0px 0px 7px 0px; font-size:18px; font-weight:600; color:#000; text-transform:uppercase; }
#wnd_showimg_info p{ width:100%; float:left; margin:0px 0px 6px 0px; color:#333; font-size:15px;  }
#wnd_showimg_info h4 a{}
 
 /*Hop thoai tim kiem & loc san pham*/
.boxtimkiem{ box-sizing:border-box; width:100%;  float:left; padding:10px; margin-bottom:5px;border:1px solid #ccc;}
.boxtimkiem-td{ width:100%; float:left; padding:5px 0px 5px 0px; margin-bottom:5px; background-color:#2b7c0b; }
.boxtimkiem-td p{ margin:5px 5px 2px 5px; color:#fff; font-weight:600; font-size:15px; text-align:center; text-transform:uppercase; }
.boxtimkiem .clstimkiem{ width:100%; float:left; margin-bottom:6px; }
.boxtimkiem .clstimkiem:last-child{ margin-bottom:0px; }
.boxtimkiem .clstimkiem select{ width:100%; float:left; padding:5px 0px 5px 0px; border:1px solid #ccc; border-radius:5px; }
.boxtimkiem_thongbao{ font-size:13px; color:#990000; margin-bottom:-3px; }
.stybtweb01{ float:left; padding:5px 10px 5px 10px; background-color:#666666; cursor:pointer; color:#FFFFFF;  }
.stybtweb01:hover{ background-color:#990000; }
.button_sty1{ background-color:#666666; border: none; color:#FFF;  text-align: center; padding:5px 12px 5px 12px; text-decoration: none; display: inline-block; font-size: 14px; cursor: pointer;
}
.button_sty1:hover{background-color:#990000; }
.boxtimkiem .clstimkiem input{ width:-moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width:-o-calc(100% - 12px); width:calc(100% - 12px); padding:5px;   border:1px solid #ccc; border-radius:5px; }
.boxtimkiem .clstimkiem50{ width:49%; float:left; margin-right:2%; margin-bottom:6px;  }
.clstimkiem50 select{ width:100%; float:left; padding:5px 0px 5px 0px; border:1px solid #ccc; border-radius:5px; }
.clstimkiem50 input{ width:-moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width:-o-calc(100% - 12px); width:calc(100% - 12px); padding:5px;   border:1px solid #ccc; border-radius:5px; }
.boxtimkiem .clstimkiem50:nth-child(2n){ margin-right:0px;  }


/*Kieu trinh bay 03*/
.ldcol-sp60{ width:64%; float:left;  }
.ldcol-sp40{ width:-moz-calc(36% - 12px); width: -webkit-calc(36% - 12px); width:-o-calc(36% - 12px); width:calc(36% - 12px); float:left; margin-left:12px;  }
.sp-boxinfo{ width:100%; height:auto; box-sizing: border-box; padding:6px; margin-bottom:20px; border:2px solid #09C; }

.sp3info_form{ width:100%;  box-sizing: border-box; background-color:#f6f9fa;   }
.sp3info_form h4{ margin:5px 0px 6px 0px; text-align:center; color:#C60; font-size:16px; }
.sp3info_form p{ margin:0px 0px 5px 0px; }
.sp3info_ul{ padding:0px; margin:0px 0px 10px 0px; width:100%; float:left; background-color:#fff;   box-sizing: border-box;}
.sp3info_ul li{ width:50%; float:left;  box-sizing: border-box; padding:5px; list-style:none; }
.sp3info_ul li i{ font-size:28px; float:left; width:40px; margin-right:10px; color:#333;   }
.sp3info_ul li span{ width:-moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width:-o-calc(100% - 50px); width:calc(100% - 50px);  float:left; min-height:45px;  word-break:break-all; }
.sp3info_1{ width:100%; margin-bottom:15px; box-sizing: border-box; text-align:center; padding:5px; color:#C60; background-color:#C90; }
.sp3info_1 h4{ font-size:18px; margin:0px 0px 5px 0px; font-size:20px; color:#fff; }
.sp3info_1 p{ margin:10px 0px 8px 0px;color:#ddd; font-weight:600; }
.ldcol-sp60 .fotorama__nav{ background-color:#fff; border-bottom:1px solid #ccc; }

/*
////////////////////////////////////////////////////////////////////////////////////////
Box bên trái
*/
.ld-row-bv .ld-row-bvimg2{ width:70px; height:45px; float:left; margin-right:10px; padding:2px; border:1px solid #ccc; }
.ld-row-bv .ld-row-bvct2{ width:-moz-calc(100% - 86px); width: -webkit-calc(100% - 86px); width:-o-calc(100% - 86px); width:calc(100% - 86px); float:left;  }
.ld-row-bv .ld-row-bvct2 h4{ font-size:14px; margin:2px 0px 5px 0px; font-weight:300; }
.ld-row-bv .ld-row-bvct2 h4 a{}
.ld-row-bv .ld-row-bvct2 p{ margin:0px; font-size:14px; color:#333; }

.row-bvct01{ width:100%; float:left; border-bottom:1px dashed #ddd; margin-bottom:6px;  }
.row-bvct01 h3{ border-left:2px solid #C60; padding-left:6px; margin:5px 0px 10px 0px; font-size:14px; font-weight:500; color:#333; }
.row-bvct01 p{ margin:0px; color:#333; font-size:12px; }
.row-bvct01 p .fa{ color:#333; margin-right:6px; }
h3.bvh3-text{ font-weight:600; color:#030; font-size:13px; }

/*
.clbox_tieude{ width:100%; float:left; padding:5px 0px 5px 0px; margin-top:10px; margin-bottom:10px; background-color:#2b7c0b; }
.clbox_tieude p{ margin:5px 5px 2px 5px; color:#fff; font-weight:600; font-size:14px; text-align:center; text-transform:uppercase; }
.clw_baivietmoi{ width:100%; float:left; margin-bottom:15px; }
.clw_baivietmoi .clwbvmoi_img{ width:80px; float:left; margin-right:5px; }
.clw_baivietmoi .clwbvmoi_img img{ width:100%; height:auto; }
.clw_baivietmoi .clwbvmoi_td{ width:100%; float:left; margin-bottom:5px; }
.clw_baivietmoi .clwbvmoi_td h3{ margin:0px; font-size:15px; border-left:2px solid #ccc; padding-left:5px; }
.clw_baivietmoi .clwbvmoi_ct{ width:-moz-calc(100% - 85px); width: -webkit-calc(100% - 85px); width:-o-calc(100% - 85px); width:calc(100% - 85px); float:left;  }
.clw_baivietmoi .clwbvmoi_mota{  margin:0px; font-size:14px; color:#333; }
.clw_baivietmoi .clwbvmoi_mota2{  margin:0px; font-size:13px; color:#333; }
.clw_baivietmoi .clwbvmoi_ct h3{ margin:0px 0px 5px 0px; font-size:15px; } 
*/




/*
.clbox_tintuc .cltintuc_ct{ width:-moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px); float:left; padding:5px; }
.cltintuc_img{ width:100%; float:left; }
.cltintuc_img img{  }
.clbox_tintuc .cltintuc_ct h3{ margin:5px 0px 10px 0px; }
.clbox_tintuc .cltintuc_ct p{ margin:8px; color:#333; }
.bttintuc_xemthem{ padding:4px 8px 4px 8px; background-color:#CC0000; float:left; color:#fff; cursor:pointer; }
.bttintuc_xemthem:hover{ background-color:#333333; color:#FFFFFF;}
*/

/*Lien ket quang cao banner*/
.cl_lkquangcao{ width:100%; float:left; margin-bottom:15px; }
.cl_lkquangcao img{ width:100%; height:auto; margin-top:3px; }

/*
#wdanhmuc_td{ width:100%; float:left; margin-bottom:15px;}
#wdanhmuc_td h1{ font-size:19px; text-transform:uppercase; padding-left:10px; border-left:3px solid #999999; }
*/
/*Phan trang _______*/
.clphantrang{ width:100%; float:left; margin-bottom:20px; }
.clphantrang a{ float:left; padding:4px 6px 4px 6px; margin-right:6px; border:1px solid #ccc; }
.clphantrang strong{ float:left;  padding:4px 6px 4px 6px; margin-right:6px; border:1px solid #ccc; background-color:#990000; color:#FFFFFF;  }
#breadcrumbs{ width:100%; float:left; margin:5px 0px 15px 0px; padding-bottom:5px; 
border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #ddd 0%, #fff 70%); border-image-slice: 1
}
#breadcrumbs ul{ width:100%; float:left; padding:0px; margin:0px;  }
#breadcrumbs ul li{ float:left; margin-right:10px; list-style:none; }
#breadcrumbs ul li a{ color:#333333; }

/*Lien he ____*/
#wlienhe{ width:100%; float:left; margin-bottom:20px; }
#wlienhe1{ width:50%; float:left; margin-right:5%; }
#wlienhe2{ width:45%; float:left; }
#google-map, .googlemap{ width:100%; float:left; margin-bottom:10px; }

.input_lh{ width:85%; padding:5px; border:1px solid #ccc; }
.input_textarea{ height:60px;}
.input_lh50{ width:40%; float:left; margin-right:16px;  padding:5px; border:1px solid #ccc; }
#wlienhe1 div .input_lh50:last-child{ margin-right:0px;} 
#wlienhe1 div{ width:100%; float:left; margin:0px 0px 6px 0px; }
.ld_input_dk{ width:-moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); padding:6px 9px 6px 9px; border:1px solid #ddd;   }
.ld_row_dk{ margin:0px 0px 6px 0px; }

/*Danh sach show sp, bv*/
/*
.images-bdsnd-left {
    float: left;
    width: 100%;
}

.img-bdsnd {
    float: left;
    width: 100%;
    overflow: hidden;
}
.img-bdsnd img {
    width: 100%;
    float: left;
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
    transform: translateZ(0);
}
*/
.spbox-img, .spbox-img2{
    background:#ecf2f8;
    /*width:100%;*/
    height:200px;
    padding:10px;
    margin:0 auto;
    position:relative;
}
.spbox-img img, .spbox-img2 img{
	/*height:100%; width:auto; */
    margin:auto;
    position:absolute;
    top:0; left:0; right:0; bottom:0;
}
.spbox-img2{ height:250px; }
.spbox-img3{ width:100%; float:left;}
.spbox-img3 img{ width:100%; height:auto; float:left;}
.spcl_column1{ width:100%; float:left; margin-bottom:15px; }
.spcl_column1 .dsbv_img{ width:200px; float:left; margin-right:20px; }
.spcl_column1 .dsbv_img img{ width:100%; height:auto; }
.spcl_column1 .dsbv_ct{ width:-moz-calc(100% - 220px); width: -webkit-calc(100% - 220px); width:-o-calc(100% - 220px); width:calc(100% - 220px); float:left; padding-bottom:5px; border-bottom:1px dotted #ddd;  }
.spcl_column1 .dsbv_ct h3{ margin:0px 0px 5px 0px; font-size:15px; } 
.spcl_column1 .dsbv_mota{  margin:0px; font-size:14px; color:#333; }
.btxemthem_sty1{ float:left; padding:3px 7px 3px 7px; border:1px solid #ddd; color:#333; font-size:12px; border-radius:5px; font-style:italic; }
.btxemthem_sty1:hover{ background-color:#ddd; }


.spcl_row{/* width:100%; float:left; margin-bottom:20px;box-sizing: border-box;*/
   box-sizing: border-box;
   display: flex;
   margin:0px; padding:0px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap; float:left; margin-bottom:10px; width:100%; 
}
.spcl_row .spcl_column3{ width:-moz-calc((100% - 30px)/3); width: -webkit-calc((100% - 30px)/3); width:-o-calc((100% - 30px)/3); width:calc((100% - 30px)/3);float:left; margin-right:15px; margin-bottom:20px; box-sizing: border-box;  overflow: hidden; position: relative; }
/*.spcl_row .spcl_column3:last-child{ margin-right:0px; }*/
.spcl_row .spcl_column3:nth-child(3n+0){ margin-right:0px; }
/*
.spcl_row .spcl_column3:nth-last-child(1), .spcl_row .spcl_column3:nth-last-child(2), .spcl_row .spcl_column3:last-child{ margin-bottom:150px;}
*/

.sp_col3_img, .spcl_img{ width:100%; float:left; margin-bottom:6px;  overflow: hidden;box-sizing: border-box; }
.sp_col3_img img, .spcl_img img{ width:100%; float:left;  }
.spcl_row .spcl_column2{ width:-moz-calc((100% - 20px)/2); width: -webkit-calc((100% - 20px)/2); width:-o-calc((100% - 20px)/2); width:calc((100% - 20px)/2); float:left;  margin-right:20px; margin-bottom:25px; box-sizing: border-box; /* overflow: hidden; position: relative; */ }
.spcl_row .spcl_column2:nth-child(2n+0){ margin-right:0px;  }
.spcl_ct1{ width:100%; float:left; }
.spcl_ct1 h3{ margin:5px 0px 6px 0px; font-size:14px; }
.spcl_ct1 p{ font-size:14px;  }
.spcl_ct1 .ct1_mota{ color:#333; }
.ct1_info1{ position:absolute;  background-color: rgba(28, 50, 58, 0.6 ); padding:5px; color:#FFF; z-index:10; left:3px; bottom:3px; font-size:12px; }

.spcl_img2{ width:180px; height:auto; float:left; margin-right:10px; overflow: hidden;box-sizing: border-box;  }
.spcl_img2 .spbox-img{ height:110px; }
.spcl_ct2{ width:-moz-calc(100% - 190px); width: -webkit-calc(100% - 190px); width:-o-calc(100% - 190px); width:calc(100% - 190px); float:left;  }
.spcl_ct2 h3{ margin:5px 0px 6px 0px; font-size:14px; text-transform:uppercase; }
.spcl_ct2 h3 a{ color:#333; }
.spcl_ct2 .ct1_mota{  margin:0px;  color:#333; font-size:13px;  }
.ct1_info2{ margin:0px;  color:#666; font-size:11px; }

.spcl_img3{ width:320px; height:auto; float:left; margin-right:20px; overflow: hidden;box-sizing: border-box;  }
.spcl_img3 img{ width:100%; float:left; }
.spcl_img3 .spbox-img{ height:180px; }
.spcl_ct3{width:-moz-calc(100% - 340px); width: -webkit-calc(100% - 340px); width:-o-calc(100% - 340px); width:calc(100% - 340px); float:left;  }


.spds_info, .spds_info2{ width:100%; float:left; padding:0px; margin:0px; list-style:none; }
.spds_info li{ width:49%; float:left; margin-bottom:8px; margin-right:2%; color:#333; font-size:13px;  }
.spds_info li:nth-child(2n){ margin:0px; }
.spds_info li:last-child{ margin-bottom:0px; }
.spds_info li .fa, .spds_info2 li .fa{ margin-right:5px; }
.spds_info2 li{ width:32%; float:left; margin-bottom:8px; margin-right:2%; color:#333; font-size:13px;  }
.spds_info2 li:nth-child(3n+1){ margin:0px; }


.spcl_bg1{ background-color:#fff;  padding:8px; }
.spcl_bg_gia{background-color: rgba(35, 117, 220, 0.8 ); position:absolute; z-index:999; right:8px; padding:5px 10px 5px 10px; color:#FFF; font-size:16px;   }
.spcl_bg2{ float:left;  background-color:#fff; padding:8px 8px 15px 8px; }
.dtl01 .spcl_bg3{  background-color:#525354; width:-moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); padding: 0 15px 0 15px;  }
.dtl01 .spcl_bg3 p{ color:#FFF; text-indent:0px;  text-align:justify;   } 
.sp_col_ct .spcl_gia2{  margin:6px 0px 0px 0px;}
.sp_col_ct.spcl_gia2 label{font-weight:800; }
.sp_col_ct .spcl_gia2 span{ font-size:16px; color:#900; font-weight:900;}
.width_padding18{ width:-moz-calc(100% - 18px); width: -webkit-calc(100% - 18px); width:-o-calc(100% - 17px); width:calc(100% - 18px); }

.sp_colrow{ width:100%; float:left;  }
.sp_col_ct{ width:100%; float:left;  }
.sp_col_ct h3{ width:100%; float:left;   font-size:17px; }
.sp_col_ct p{ width:100%; float:left; margin:0px 0px 10px 0px; color:#333; font-size:13px; text-align:justify;;}
.spcl_tdtext1{ margin:10px 0px 10px 0px;  font-weight:600; font-size:17px;   }
.spcl_tdtext2{  margin:5px 0px 10px 0px; text-align:center; text-transform:uppercase; }
.spcl_tdtext3{ margin:-6px 0px 10px 0px; padding:8px 0px 5px 0px;  font-weight:600; font-size:17px; background-color:#f4f3f1;  }
.spcl_tdtext3 a{ margin:8px; color:#333; }
.spcl_tdtext4{  margin:5px 0px 10px 0px; text-transform:uppercase; }

.read-btn, .read-btn2 {
   letter-spacing: 2px;
	float: right;
	padding: 5px 26px;
    padding-left: 26px;
	padding-left: 32px;
	margin-top: -25px;
	margin-right: -17px;
	border-right: 8px solid rgba(173,19,32,1);
	background: rgba(173,19,32,1);
	position: relative;
	border-radius: 0 3px 0 0;
	transition: all .3s ease;
	color: #fff;	
	 
}
.read-btn2{ border-left:2px solid transparent;border-top:2px solid red; border-bottom-left-radius:10px; padding: 5px 20px 5px 16px;  }
.read-btnbox{   position:absolute; margin-top:30px; z-index:999; right:20px;   }
.read-btn:hover { background-color:#c35518; border-right: 8px solid rgba(195,85,24,1);}
.read-btn::before {
    content: '';
    position: absolute;
    margin-left: -33px;
    margin-top: -14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 44px 0 0 15px;
    border-color: transparent transparent transparent #fff;
}
.read-btn::after, .read-btn2::after {
    content: '';
    position: absolute; 
    right: 0;
    bottom: 0;
    margin-right: -8px;
    margin-bottom: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 8px 0 0;
    border-color: #afafaf transparent transparent;
}
.read-btn3 {
    letter-spacing:1px;
	padding: 5px 26px;
    padding-left: 26px;
	padding-left: 32px;
	bottom:0px; margin-left:10px;
	background: rgba(173,19,32,1);
	position:absolute;
	transition: all .3s ease;
	color: #fff;	 
}
.read-btn3::before {
	width: 0; 
    height: 0; 
    border-top: 15px solid #ccc; 
    border-left: 10px solid transparent; 
    content: '';
    position: absolute; margin-left:-42px;  bottom:0px;
}
.read-btn3::after{
	width: 0; 
    height: 0; 
    border-top: 15px solid #ccc; 
    border-right: 10px solid transparent; 
    content: '';
    position: absolute; right:-10px;  bottom:0px;
}


.sptn_title{
    background: rgba(195,85,24,0.85 );
    width: 100%;
    height: auto;
    bottom: 0%;
    position: absolute;
    left: 0;
    overflow: auto;
    padding:10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	z-index:999;
}
.sptn_title:hover{ background: rgba(61,58,54,0.8 ) }
.sptn_title a{ color:#fff; }
.sptn_title h3{ color:#fff; margin:0px; }
.sptn_des{ margin:5px 0px 12px 0px; font-weight:500; font-size:14px; text-align:justify; color:#333; }
.cptn10 .cptn_des{ width:65%; margin:0px 0px 12px 0px; font-weight:500; font-size:14px; text-align:justify;  background-color:#369; z-index:999; }
.cptn10 .cptn_des p{ color:#fff; }
.dtl18 .dtl18_bg{  background-color:#0875c1; width:-moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); padding:15px;   }
.dtl18 .dtl18_bg p{ margin:10px 0px 10px 0px; color:#FFF; text-indent:0px;  text-align:justify;   } 
.dtl18 .dtl18_bg h4{ color:#fff; margin:0px 0px; font-size:15px; }
.ldbg_hotleft{ width:70px; height:70px; position:absolute; background:url(../img/icon_hot2.png) no-repeat; left:0px; top:0px; z-index:600;  }
.ldbg_hotright{ width:70px; height:70px; position:absolute; background:url(../img/icon_hot3.png) no-repeat; right:0px; top:0px; z-index:600;  }
.sty_padding0{ padding:0px; }
.sty_textalignleft{ text-align:left; }






/*
.owl-carousel .owl-item img {
    display: block;
    width: auto; }
 */

		
/*#doitac_carousel .owl-nav{ width:100%; position:absolute; margin-top:-80px;  }
#doitac_carousel .owl-prev{ position:absolute; left:-25px; }
#doitac_carousel .owl-next{ position:absolute; right:-25px; }
*/  


/*boxtrai temp 2*/
.clbox_ld{ width:-moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px);
 float:left; padding:10px; background-color:#f6f7f8; border-top:3px solid #030;  }
.clbox_tieude2{ font-family: OpenSans-Semibold; text-transform: uppercase; font-size: 18px; font-weight:600; text-align: center; color: #066313; margin:0px 0px 8px  0px; padding: 5px 0;}
.clbox_tieude2 i{   margin-right:8px; }
.clbox_tieude2 label{  }
.clbox_baivietmoi2 p{ margin:0px 0px 3px 0px; color:#666; font-size:12px; }
.clbox_baivietmoi2 h3{ margin:0px 0px 8px 0px; color:#666; font-size:14px; font-weight:500;   }

/*
CSS TIEU DE BLOCK /////////////////////////////////////////////////////////////////////////////////////////////
*/
.ldtitle_sty1{ margin:10px 0px 10px 0px; text-align:center; font-size:21px; }
.lddes_sty1{    text-align:center; margin:0px 0px 10px 0px;  }
.ldbg_line1{  padding-bottom:25px; background:url(../img/vien/line1.png) no-repeat; background-position:bottom center; }
.ldbg_line2{  padding-bottom:38px; background:url(../img/vien/line2.png) no-repeat; background-position:bottom center; }
.ldbg_line3{  padding-bottom:25px; background:url(../img/vien/line3.png) no-repeat; background-position:bottom center; }
.ldbg_line4{  padding-bottom:25px; background:url(../img/vien/line4.png) no-repeat; background-position:bottom center; }
.ldbg_line5{  padding-top:17px;  padding-bottom:15px; background:url(../img/vien/line5.png) no-repeat; background-position:top center; }
.ldbg_line6{  padding-bottom:25px; background:url(../img/vien/line6.png) no-repeat; background-position:bottom center; }
.ldbg_line7{  padding-bottom:30px; background:url(../img/vien/line7.png) no-repeat; background-position:bottom center; }
.ldbg_line8{  padding-bottom:29px; background:url(../img/vien/line8.png) no-repeat; background-position:bottom center; }
.ldbg_line9{  padding-bottom:40px; background:url(../img/vien/line9.png) no-repeat; background-position:bottom center; }
.ldbg_line10{ padding-bottom:25px; background:url(../img/vien/line10.png) no-repeat; background-position:bottom center; }
.ldbg_line11{ padding-bottom:20px; background:url(../img/vien/line11.png) no-repeat; background-position:bottom center; }


.ld-tieude1{ width:100%; float:left; margin-bottom:10px; border-bottom:1px solid #ccc; }
.ld-tieude1 label h4{ float:left; margin:0px; font-size:16px; }
.ld-tieude1 label{ float:left; color:#fff;  height:100%; padding:7px 5px 4px 10px; border-left:3px groove #ccc;   background-color:#088c34; }
.ld-tieude1 label i{ float:left; margin-right:10px; margin-top:2px; }
.label_trapezium { height: 0px; min-width: 20px; border-bottom:30px; float:left; color:#fff;  border-right:12px solid transparent; border-bottom-style:solid; border-bottom-color:#088c34; } 
.ld-tieude2{ width:100%; float:left; margin-bottom:15px; border-bottom: 3px solid #ddd;  }
.ld-tieude2 h4{ color: #111; width:auto; float:left; margin:0px; padding:10px 10px 10px 0px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-size:18px; position: relative; }
.ld-tieude2 h4::after { content: ""; display: block; border-bottom: 3px solid #8dc540; width:100%; padding-bottom:10px; position: absolute; left:0; bottom:-3px; }
.ld-tieude3{ font-size:18px; color: #272727;text-transform: uppercase; position: relative; padding-bottom: 15px; margin: 0 0 20px; text-align:center; }
.ld-tieude3::after{	content: ""; position: absolute; width: 12px; height: 12px;	bottom: -11px; left: 50%; margin-left:-12px; border:5px solid #fff; border-radius: 20px; background:#0B65A7; }
.ld-tieude3::before{ content:""; position: absolute; width:140px; height:1px; bottom:0; left:50%; margin-left:-70px; background:#ebebeb; }
.ld-tieude4{ width:100%; float:left; margin:5px 0px 15px 0px; }
.ld-tieude4 h4{ margin:0px; font-size:18px; text-transform:uppercase; padding-left:10px; border-left:3px solid #999999; }

/*gach tieu de*/ 
.line-break { margin: 10px auto 20px; position: relative; width: 150px; }
.line-break .line-silver{ height: 2px; background-color: #bcbcbc; }
.line-break .line-orange{ height: 6px; width: 48px; border-radius: 25px; background-color: #ff6816; position: absolute; top: -2px; margin: 0 auto; left: 0; right: 0; } 
.line-break2{ background-color: transparent;width: 160px; height: 3px; border-top: 2px solid #cd000b; border-bottom: 5px solid #cd000b; margin: 0px auto 10px auto; }

/*
//////////////////////////////////////////////////////////////////////////////////////////////////
Show siser : Doi tac, hinh lkqc, san pham, bai viet
*/
.item{ }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background-color:#FF6600; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot  { font-size:40px; color:#CC3300; padding:0px; }
.slider_temp1 .owl-prev{ position:absolute;  left:-20px;  font-size:19px; }
.slider_temp1 .owl-next{ position:absolute; right:-20px;  font-size:19px; background-color:#060; z-index:999; }
.slider_temp1 .owl-nav{ width:100%; position:absolute; top:30%;    }
.slider_temp1 .fa{ color:#900; }
.slider_temp1 .owl-prev i, .slider_temp1 .owl-next i { font-size:20px;} 
.slider_temp1  .owl-dots{ margin-top:20px;}

.carouse_w1{ width:-moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); float:left;  margin-bottom:20px; margin-left:20px; }
.carouse_sp_info{ width:100%; float:left; }
.carouse_sp_info h3{ margin:6px 0px 10px 0px; text-transform:uppercase;  }
.carouse_sp_info p{ margin:0px 0px 8px 0px; font-size:13px; color:#333;  }
.carouse_sp_info h3 a{ font-size:13px; color:#333; }
.carouse_sp_img{ height:130px;  }
.carouse_sp_img img{ height:100%;	}	

.slider1_carousel .owl-item img{  width: auto; }
.cldoitac_img{  display: flex; justify-content: center; background-color:#fcfcfc; }
.cldoitac_img img{  width:auto; }

/*BV lien quan*/
#bvlq_maxtp1{ width:100%; float:left; margin-bottom:20px; }
#bvlq_maxtp1 h4{ font-size:15px; text-transform:uppercase;   }
#bvlq_maxtp1 h4 label{ padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #ccc;   }
#bvlq_maxtp1 h3{ font-size:14px; margin:0px 0px 10px 0px; font-weight:300; }

.social_share{ }
.social_share a {
	text-align:center;
	width: 28px;
  	height: 28px;
  	display: inline-block;
  	margin: 2px;
  	border-radius: 50%;
  	font-size: 13px;
  	color: #fff;
	opacity: 0.75;
	transition: opacity 0.15s linear;
}
.social_share a:hover {
	opacity: 1;
}
/* icons */
.social_share i {
  	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}

/* colors */

.facebook {
 	background: #3b5998;
}

.twitter {
  	background: #55acee;
}

.googleplus {
  	background: #dd4b39;
}

.linkedin {
  	background: #0077b5;
}

.pinterest {
  	background: #cb2027;
}
.btn-sty1 {
	min-width:120px;
	float:left; margin-right:20px;
    font-size:16px;
    padding:7px 12px 6px 12px;
    border-radius:5px;
    border: 0;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    color: #fff; 
}
.btn-sty1:hover{ box-shadow: 0 6px 8px 0 rgba(0,0,0,.16), 0 6px 8px 0 rgba(0,0,0,.12); }
.bgcolor-blue{ background-color:#0062cc;}
.bgcolor-orange{ background-color:#C60; }

/*xem san pham*/
.clspx-t1{ width:50%; float:left; margin-right:20px; }
.clspx-t2{ width:-moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); float:left; }
.row-spxtitle{ width:100%; float:left; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.row-spxtitle .text-cl1{ width:120px; float:left; margin-right:10px; font-weight:600;word-break: break-all; }
.row-spxtitle .text-cl2{ width:-moz-calc(100% - 130px); width: -webkit-calc(100% - 130px); width:-o-calc(100% - 130px); width:calc(100% - 130px); float:left; text-align:left; }
.none-bordersty{ border-bottom:0px;}
.row-spxtitle h3{ margin:10px 0px; font-size:19px;  }
.clspx-t2 p{ margin:0px 0px 10px 0px; }
.spx-bordersty1{ padding-bottom:10px; border-bottom:1px solid #ccc; }
#rowxsp-title, #rowxsp-content{ width:100%; float:left; margin-bottom:15px; }
#rowxsp-title{ border-bottom:1px solid #ddd; padding-bottom:5px; }
#rowxsp-content img{ max-width:100%; height:auto }

/*Popup magic*/
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 750px;
  margin: 30px auto;
}
.ld-tablesty1 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.ld-tablesty1 td, .ld-tablesty1 th {
  border: 1px solid #ddd;
  padding: 8px;
}
.ld-tablesty1 tr:nth-child(even){background-color: #f2f2f2;}
.ld-tablesty1 tr:hover {background-color: #ddd;}
.ld-tablesty1 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

@media only screen  and (max-width: 1280px) {
.slider_temp1 .owl-prev, .slider_temp1 .owl-next{ display:none; }
.carouse_w1{ width:100%; margin-left:0px;  }

}
@media only screen and (min-width:1024px)  and (max-width: 1170px) {


}

@media only screen  and (max-width:1170px) {
.frowweb{  float:left; width:-moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); padding-left:10px; padding-right:10px;  }
.frowwebleft{ width:98%; margin:0px 1% 0px 1%; }
.spbox-img2{ height:230px; }
.carouse_sp_img{ height:160px; }
}

@media only screen and (min-width:860px)  and (max-width: 1024px) {

}
@media only screen  and (max-width: 1024px) {
.frowwebleft{ width:96%; margin:0px 2% 0px 2%; }

.spcl_img2{ width:100%; height:auto; margin-right:0px;   }
.spcl_img2 .spbox-img{ height:180px; }
.spcl_ct2{ width:100%;  }
.ct1_info2{ margin:4px 0px; }
.spcl_img3{ width:230px;  }
.spcl_img3 .spbox-img{ height:125px;   }
.spcl_ct3{ width:-moz-calc(100% - 250px); width: -webkit-calc(100% - 250px); width:-o-calc(100% - 250px); width:calc(100% - 250px);  }
.spbox-img2{ height:200px; }


.ldcol-sp60{ width:100%;   }
.ldcol-sp40{ width:100%; margin:10px 0px 20px 0px; }
}

@media only screen  and (max-width: 860px) {
.spcl_row .spcl_column3{ width:-moz-calc((100% - 20px)/2); width: -webkit-calc((100% - 20px)/2); width:-o-calc((100% - 20px)/2); width:calc((100% - 20px)/2); margin-right:20px;   }
.spcl_row .spcl_column3:nth-child(3n+0){ margin-right:20px; }
.spcl_row .spcl_column3:nth-child(2n+0){ margin-right:0px; }


.wcl_content1, .wlayout2_l, .wlayout3_l{ width:100%; }
.wcl_content2,  .wlayout2_r, .wlayout3_r{ width:100%; margin-left:0px;  }
.cl_lkquangcao{ width:70%; float:left; margin-bottom:15px; padding:0px 15% 0px 15%; }

.ld-row{ flex-wrap:wrap; }
.ld-clpt40 , .ld-clpt60{ width:100%; margin-bottom:10px;  }
.ld-row div[class*="ld-cl"]{ margin-right:0px;  }

/*Lien he*/
#wlienhe1{ width:100%; margin-right:0; }
#wlienhe2{ width:100%;  }

/*xem san pham*/
.clspx-t1, .clspx-t2{ width:100%; margin-right:0px; margin-bottom:15px;}
}
@media only screen  and (max-width: 640px) {
.spcl_row .spcl_column3{ width:100%; margin-right:0px; margin-bottom:15px;   }
.spcl_row .spcl_column3:nth-child(3n+0){ margin-right:0px; }
.spcl_row .spcl_column3:nth-child(2n+0){ margin-right:0px; }
.spcl_row .spcl_column2{ width:100%; float:left; margin-right:0px; }
.spcl_img2 .spbox-img{ height:260px; }
.spcl_img3{ width:100%;  }
.spcl_img3 .spbox-img{ height:300px;   }
.spcl_ct3{ width:100%;  }
 
 
/*Lien he*/
.input_lh{ width:-moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width:-o-calc(100% - 12px); width:calc(100% - 12px); padding:5px;  }

.ld-row-bv{ width:100%; float:left; margin-bottom:10px; }
.ld-row-bv .ld-row-bvimg{ width:100%; height:250px; margin-right:0px;  }
.ld-row-bv .ld-row-bvct{ width:100%;  }
.ld-row-bvleft .spbox-img{ padding:0px; height:250px; }
  

}
@media only screen and (min-width:224px)  and (max-width: 480px) {
.boxtimkiem .clstimkiem50{ width:100%; margin-right:0px; }




}