@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html, body, div, span,strong{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
}

.d-block{
   display: block;
}
.m-auto{
   margin: auto;
}
.wrap-content{
   max-width: 1325px;
   width: calc(100% - 30px);
   margin: auto;
}

body {
   font-size:14px;
	font-family: 'BeVietnamRegular';
   line-height:1.5;
   min-width: 1349px;
}

/* Clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
* html > body .clearfix {
display: block;
width: 100%;
}
* html .clearfix {
height: 1%;
}
a{text-decoration:none; color:#333;}

@font-face {
    font-family: 'UTMAvoBold';
    src: url('css/font/UTMAvoBold/UTMAvoBold.eot');
    src: url('css/font/UTMAvoBold/UTMAvoBold.eot') format('embedded-opentype'),
         url('css/font/UTMAvoBold/UTMAvoBold.woff2') format('woff2'),
         url('css/font/UTMAvoBold/UTMAvoBold.woff') format('woff'),
         url('css/font/UTMAvoBold/UTMAvoBold.ttf') format('truetype'),
         url('css/font/UTMAvoBold/UTMAvoBold.svg#UTMAvoBold') format('svg');
}

@font-face {
	font-family: 'BeVietnamBold';
	src: url('css/font/BeVietnamBold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'BeVietnamLight';
	src: url('css/font/BeVietnamLight.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'BeVietnamMedium';
	src: url('css/font/BeVietnamMedium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'BeVietnamRegular';
	src: url('css/font/BeVietnamRegular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'BeVietnamSemiBold';
	src: url('../fonts/BeVietnamSemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}



a:hover{color:#23C129;}
img{border:0;}
.clear
{

overflow:hidden;
clear:both;
}
.txtcenter{
text-align:center;
}
table,tr,td {border-collapse: collapse;}
.margin_auto1{
width:1000px;
position:relative; margin:0px auto;
}
.margin_auto{
width:1200px;
position:relative; margin:0px auto;
}
#container{}
.container{}
#logo{ float: left; width: 230px; position: relative;box-sizing:border-box; text-align: center; }
#logo img{ max-width: 100%; padding-top: 9px}
#bn_top{  position: relative;box-sizing:border-box;}
#bn_top img{ max-width: 100%;}
.hotline1{ color: #1334dc; font-size: 16px;position: relative;background: url(images/hotline.png) no-repeat top left; padding:30px 0px 0px 70px;
position: absolute; top: 50px;
right: 115px;}
.hotline1 span{font-size:24px; color: #ff0000; font-weight: bold;}

img.imgperview{
	max-width: 400px;
}
#main_menu{width: 50%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 15px;}

.box-lang {}
.rollover{ position: relative; float: left; overflow: hidden;}
.ink{display:block;position:absolute;background:rgba(255,255,255,.38);-webkit-border-radius:50%;border-radius:50%;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);}
.rollover .ink{-webkit-border-radius:50%;border-radius:50%;}
.animate{-webkit-animation:ripple .4s ease-out;animation:ripple .4s ease-out}
@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5)}}
@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}
.box_new .new-img:hover span{ opacity: 1; cursor: pointer;}
.rollover span{background: url(images/plus.png) no-repeat center; background-size: 25px 25px;
background-color: rgba(121,0,0,0.4);
background-color: -webkit-linear-gradient(30deg,rgba(121,0,0,0.4) 0%,rgba(175,30,35,0.4) 100%);
background-color: linear-gradient(30deg,rgba(121,0,0,0.4) 0%,rgba(175,30,35,0.4) 100%);
-webkit-transition: all 450ms ease;
transition: all 450ms ease;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;}
.rollover:hover span{opacity: 1; cursor: pointer;}
#slide_show{ margin:0px auto;position: relative; box-sizing:border-box;max-width: 1366px;}
#slide_show .bg_slider{
	background: url(images/bg_slider.png) no-repeat bottom left;
	height: 50px;
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
	z-index: 99999;

}
#danhmuc_l{ width: 100%; padding:20px; background-color: #fff; box-shadow: 0px 0px 3px #D3D2C3}
#danhmuc_l .sp_moi{ width: 100%;}
#danhmuc_l .dm_frm{ width: 100%;position: relative; margin:0px auto; padding-bottom: 10px; margin-bottom: 10px;}
#danhmuc_l .dm_frm .img{ width: 102px; box-sizing: border-box; height: 58px; float: left; position: relative;overflow: hidden; margin-right: 12px;}
#danhmuc_l .dm_frm img{ width: 100%; height: 100%;transition: 0.5s;}
#danhmuc_l .dm_frm .img:hover img{ transform: scale(1.1,1.1); }
#danhmuc_l .dm_frm h3{width: 100%; display: block;font-size: 12px;}
#danhmuc_l .dm_frm h3 a{color: #4b4b4b;}
#danhmuc_l .dm_frm h3 a:hover{ color: #4b4b4b }
#danhmuc_l .dm_frm span{ width: 100%; height: 10px; background: url(images/shadow.png) no-repeat top center; display: block; }
#danhmuc_l .dm_frm p{ font-size: 12px; color: #4b4b4b; text-align: justify; }
.about_index{ width: 100%; background: url(images/bg_gioithieu.png) no-repeat top center,url(images/shadow.png) no-repeat bottom center; background-size: 100%; padding-bottom: 27px; margin-bottom: 5px; margin-top: -65px; position: relative; z-index: 1000}
.about_index img{ float: left; width: 253px; height: 138px; background-color: #fff; margin-right: 14px; box-shadow: 3px 3px 3px #D3D2C3;padding: 2px; }
.about_index p{ font-size: 13px; color: #575757;white-space: inherit; line-height: 2; font-weight: normal; }
#thongtin{ width:100%; float:left; padding: 36px 0px 67px 0px; background: url(images/bg_dmbt.jpg) no-repeat bottom center; background-color:#f3f8fe;}
.download{ padding:5px 20px 5px 20px; background:rgba(0,153,204,1); text-decoration:none; color:rgba(255,255,255,1); font-weight:bold; border-radius:5px;}
.noidung{
text-align:justify;
color:#000; 
padding:10px;
}
.noidung table{ width: auto !important; max-width: 100% !important; }
.thongtin_lh{ width: 100%; float: left; padding: 0px 40px 20px 0px;}
.thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B;}
.dh_l,.dh_r{ width: 40%; float: left; margin-right: 5%; margin-bottom: 30px; }
.slg{ display: block; padding: 5px 0px; }
.form_dh p{ font-weight: bold; font-size: 14px; margin-bottom: 5px; }
.form_dh input,.form_dh select{ width: 250px; float: left; padding: 0px 5px; height: 30px; margin-bottom: 5px; border-radius: 4px; border:1px solid #333; outline:none; }
.form_dh textarea{ width: 100%; height: 70px; border:1px solid #333;padding: 0px 5px; border-radius: 4px; outline:none;}
.form_dh .bton{ height: 30px;padding:  0px 30px; margin-right: 10px; background: url(images/bg_send.png) repeat-x top left; border:none; border-radius: 4px; font-family: 'RobotoCondensed'; color: #fff000; font-size: 14px; }
.form_lh{background: #23c12912;padding: 20px;}
#form_contact input{ padding: 5px;}

#icon{background:url(images/gach_menu.png) no-repeat right;}

#timkiem{width: 350px;height: 50px;border: 1px #23C129 solid;border-radius: 1000px;overflow: hidden;}

#timkiem form {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
}

#timkiem select{ border: 0px; width: 100px;}
#timkiem input{height: 100%;flex: 1;border:0;color: #000;padding:0px 5px 0px;font-size: 16px;outline:none;text-indent: 20px;background: url(images/search-icon.png) no-repeat 5%;text-indent: 40px;}
#timkiem input::-webkit-input-placeholder{
	color:#000;
	font-size:16px;

}
#timkiem button{width: 118px;height: 100%;background: #23C129;border:0px;border-radius: 1000px;cursor:pointer;outline:none;font-family: 'BeVietnamBold';font-size: 16px;color: #fff;}
.timkiem button:hover{ color:rgba(255,255,0,1);}
.sp_frm{ width: 270px; background: url(images/bg_danhmuc.png) no-repeat bottom center; transition:0.5s; text-align: center;}
.sp_frm.left1{float: left; margin-right: 40px;}
.sp_frm.right1{float: right;}
.sp_frm .sp_img{ width: 100%; height: 297px; padding-bottom: 27px; background: url(images/shadow.png) no-repeat bottom center; }
.sp_frm img{ width: 100%; height: 100%; border:7px solid #7FD2A7; border-radius: 50%;}
.sp_frm:hover{ margin-top: -20px; padding-bottom: 20px;}
.sp_frm h3{ font-family: 'RobotoSlabBold'; font-size: 18px; font-weight: normal; color: #3e3e3e; text-transform: uppercase;}
.album { width: 150px; float: left; margin: 15px 0px 0px 16px; position: relative; overflow: hidden;}
.album img{ width: 150px; height: 110px; float: left; padding: 4px; border:1px solid #cde9ff;}
.album h3{ font-size: 12px; position: absolute; z-index: 10; bottom: -30px; left: 0px; right: 0px; background: rgba(0,0,0,0.5); color: #fff; padding: 5px; transition:0.5s;}
.album:hover h3{ bottom: 0px;}
#main{
width:100%; margin:0px auto; padding-top: 0px; margin-bottom: 30px;
}
.main_content{ width: 1144px; margin:19px auto;}
.main{
width:100%;
float:left;
}
.back_gr{
width:100%; float:left; background:rgba(255,255,255,1);
}
#left{
width:250px;
float:left;
}
.danhmuc{
width:100%;
margin-bottom: 20px;
}
#left .content_box{
border: 1px solid #e9e9e9;
border-top: none;
background: url(images/bg_content_left.png) no-repeat top center;
}
.content_box select{ width: 100%; height: 30px}
#video{ }
#video_load{ margin: 0px 0px 0px 0px; position: relative;}
#video_load img{width: 100%;height: 100%;object-fit: cover;border-radius: 15px;}
.video{ width: 100%; padding:5px;}
#left .danhmuc .hotline2{ padding:10px 0px 0px 0px; width: 200px; margin: 0px auto;box-sizing:border-box; display: block;}
#left .danhmuc .hotline2 ul.yahoo1{ list-style:none; padding-bottom: 5px;}
#left .danhmuc .hotline2 ul.yahoo1 span.ten{font-size: 15px;color: #3853a4; text-align: center; float: left; line-height: 25px;}
#left .danhmuc .hotline2 ul.yahoo1 span.dienthoai{ display: block;font-size: 14px; color: #4a4a4a;  }
#left .danhmuc .hotline2 ul.yahoo1 span.em{ display: block;font-size: 12px; color: #4a4a4a;  }
#left .danhmuc .hotline2 ul.yahoo1 li.left_y{ padding-left: 31px }
#left .danhmuc .hotline2 ul.yahoo1 li{ font-size:12px; color:#4a4a4a; width: 100%;}
#left .danhmuc .hotline2 ul.yahoo1 li img{ float:left;margin-right: 8px;}
#left .danhmuc span.htr{  color: #3e3e3e; font-size: 15px; font-family: 'UTMAristote'; margin-left: 30px; }
.email2{ padding:5px 0px 5px 44px; background: url(images/email.png) no-repeat 9px center; color: #3e3e3e; font-size: 13px; }
.hotline3 { padding-left: 26px; background: url(images/phone.png) no-repeat left center; color: #3e3e3e}
.hotline3 span{ font-size: 14px; color: #fc0000; font-weight: bold;}
#left #lkweb{ width: 230px; margin:0px auto; height: 30px; outline: none; border:none; box-shadow: inset 5px 5px 10px #cecece;margin-left: 10px; margin-bottom: 10px;}
.danhmuc1{ width: 275px; height: 237px; box-sizing:border-box; padding:5px; border:1px solid #e0dfdf; box-shadow: 6px 0px 0px #f0f0f0; margin:0px auto;position: relative; overflow: hidden }
.danhmuc1 img{ width: 100%; height: 225px;}
.danhmuc1 h3{ font-size: 14px; color: #fff; font-weight: normal; text-transform: uppercase; position: absolute; bottom:-40px; width:263px; left: 6px; background-color: rgba(0,0,0,0.5); padding:7px 0px; transition:0.5s;  cursor: pointer; text-align: center;}
.danhmuc1 h3 a{ color: #fff;}
.danhmuc1:hover h3{ bottom:25px;}
.danhmuc1 h3:hover{ background-color: rgba(255,255,255,0.5);}
.danhmuc1 h3:hover a{color: #000}
.hotline4{ background: url(images/bg_support.png) no-repeat top left;}
.hotline4 p.hl{ padding-left:110px;padding-top: 60px; margin: 0px; padding-bottom: 10px;}
.hotline4 p.hl span.td{ text-decoration: underline; color: #000; font-size: 14px; font-weight: bold; }
.hotline4 p.hl span.it{ color: #fe0000; font-size: 20px; font-weight: bold; }
.left{
width:100%;
float:left;
padding: 10px 0px 10px 0px;
}
.tinhtrang{ border-top: 1px solid #627079; width: 100%; float: left;}
.tinhtrang li a{  display: block; padding: 5px 0px 5px 20px; background: url(images/muiten.png) no-repeat 10px 13px; color: #1F589F}
.tinhtrang h4{ text-transform:uppercase; font-weight: 100; margin: 5px 0px 0px 5px; color: #999}
.thanh{
width:100%;
text-transform:uppercase;
color:#FFF;
font-size:15px; position: relative;
font-weight: bold;
background: url(images/bg_title_left.png) no-repeat top left;
height: 45px;
line-height: 40px;
padding-left: 55px;
font-family: "UTMAvoBold";
font-size: 16px;
}
.menu_left{
width:100%;

}
.menu_left ul{
list-style-type:none;
margin:0px;
padding:0px;
}
.menu_left ul li{
background: url(images/bg_li.png) repeat-x top left;
padding:10px 20px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #e6e6e6;
position: relative;
}
.menu_left ul li:first-child{
	background: none;
	border-top: none;
}
.menu_left ul li:last-child{
	border-bottom: none;
}
.menu_left ul a{
display: block;
padding:0px 0px 0px 15px;
background: url(images/sao.png) no-repeat 0px 5px;
text-decoration:none;
color:#757575;

font-weight: bold;
}
.menu_left li ul a{
color:#666;
}
.menu_left ul a:hover{
color:#f00;
}
.menu_left li ul a,.menu_left li ul ul a{


}
.menu_left ul ul{ width: 100%;
	z-index: 999999;
top: 0;
font-weight: normal; display: none;
box-shadow:none;box-sizing:border-box;
position: absolute;
left: 100%;
background: #FFF;}
.menu_left li ul li{ background: url(images/bg_li.png) repeat-x top center !important;}
.menu_left li ul li a{ display: block;}
.menu_left li ul li ul a{
padding-left:40px; color: #3e3e3e;
background:url(images/style1.png) no-repeat 24px 10px;
}
.cn_frm{ width: 218px; margin:0px auto; margin-bottom: 11px; }
.cn_frm img{ width: 100%; height: 142px }
#video_c{ width: 100%; display: block;position: relative; overflow: hidden;}
#video_c span{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(images/play.png) no-repeat center;}
.sp_noibat{ width: 100%; float: left;}
.cty{
width:218px;
float:left;
text-align:center;
font-weight:900;
font-size:16px;
color:#000;
}
.ctyhoang{
color:#fff;
padding-bottom:10px;
}
.tencty{
width:218px;
float:left;
text-align:center;
font-weight:900;
font-size:20px;
color:#007700;
}
.ht{
padding-left:10px;
padding-top:20px;
color:#FF0000;
text-transform:uppercase;
font-weight:bold;
}
.kinh{
width:200px;
float:left;
border-left:1px solid rgba(204,204,204,1);
border-right:1px solid rgba(204,204,204,1);
border-bottom:1px solid rgba(204,204,204,1);
padding:5px;
}
.yaho{ width: 100%; float: left; text-align: center; margin: 10px 0px 10px 0px;}
.yahoo{
width:210px;
float:left;
margin:10px 0px 10px 40px;
}
.yahoo img{ float: left; margin: 0px 5px 0px 0px;}
.yahoo p.ten{
width:100%;
float:right;
color: #666;
}
.yahoo p.hinh{
width:100%;
float:left;
font-weight: bold;
font-size: 14px;
height: 30px;
line-height: 30px;
color: #2254f3;
}
.yahoo p.hinh a{
float: left;
}
.yahoo .dienthoai{ float: left; padding-left: 30px; background: url(images/dienthoai.png) no-repeat 0px 5px; margin:0px 0px 5px 0px;}
.yahoo .email{ float: left; padding-left: 30px; background: url(images/email.png) no-repeat 0px 5px; margin:0px 0px 5px 0px;}
.tintuc{ width:330px; float:left; margin:0px 0px 5px  0px; padding: 0px 10px 0px 10px; text-align: justify;}
.tintuc:nth-child(2n+1){ clear: both;}
.tintuc img{ float:left; width: 100%; border:1px solid #c8c8c8; padding:2px; margin:5px 10px 0px 0px;}
.tintuc a{ text-decoration:none;}
.tintuc h3{ padding: 5px 0px 5px 0px}
.tintuc h3 a{ font-size:14px; color:#262625; text-transform: uppercase; font-weight: 100;}
.tintuc:hover  h3 a{ color: #026164}
.tintuc p{ font-size:13px;  color:#666;}
.tintuc:hover h3{ color:rgba(255,0,0,1);}
.tintuc:hover{ opacity: 0.8;}
.img_detail{flex: 1;border: 1px #E7E7E7 solid;padding: 30px;border-radius: 10px;}
.info_detail{
float: right; width: 48%; box-sizing:border-box;
}
.info_detail .name_sp{border-bottom: 1px #ddd solid; padding-bottom: 5px;}
.tinhtrang_sp{

}
.info_detail h1{    color: #878787;
font-size: 20px; text-transform: uppercase;
font-weight: bold;
line-height: 20px;
margin: 0px;}
.info_detail .name_sp .luotmua{float: left;
padding: 0px 10px 0px 20px; color: #000; margin:5px 10px 5px 0px;  background: url(images/ic1.png) no-repeat left center; border-right: 1px solid #ccc}
.info_detail .name_sp .luotxem{float: left;
padding: 0px 10px 0px 20px; color: #000; margin:5px 10px 5px 0px;background: url(images/view.png) no-repeat left center;}
.info_detail p{ font-size: 14px; color: #333 }
.info_detail p.giacu span{ text-decoration: line-through; font-size: 16px;}
.info_detail p.giaban span{  font-size: 20px; color: #f00}
.tinkhac{ width: 100%; float: left; margin: 20px 0px 20px 0px;}
.tinkhac li a{ width: 100%; float: left; padding: 2px 0px 2px 30px; color: #333; background: url(images/sao.png) no-repeat 10px 7px;}
.tinkhac li a:hover{color:#036CAF}
.okt{
padding:0px 0px 10px 10px;
font-weight:bold;
color:#333333;
}
.gc_yah{
width:210px;
float:left;
border-bottom:1px dotted #ccc;
margin:10px 0px 10px 10px;
}
.diachi{
width:970px;
float:left;
font-size:12px;
padding-left:10px;
padding-top:5px;
color:#000;
}
.diachi b{
padding:0px 10px 0px 10px;
}
.quangcao{
width:183px;
float:left;
margin:5px;
}
.xemnhieu{
width:193px;
float:left;
border:1px solid #FF8A00;
background:url(images/left_cham.png) repeat-y;
}
ul.pagination {text-align:center;color:#829994;width: fit-content;}
ul.pagination li {display:inline;padding:0 3px;display: flex;align-items: center;}
ul.pagination a {color: #23C129;display:inline-block;padding:5px 10px;border:1px solid #cde0dc;text-decoration:none;}
ul.pagination a:hover,
ul.pagination a.current {background: #23C129;color:#fff;}
/* ========== Content pagination ========== */
.pagination {
margin: auto;
width: auto;
text-align: center;
margin-top: 10px;
}
.pages {
}
.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(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(images/backgrounds/sideGradient.png) repeat-x;
color: #fff;
border-color: #424852;
}
.pages li .active:hover {
background: #2a313d;
}
.ngaydang{ font-style: italic;; color: #ccc;}
.tim_ten{
width:60px;
float:left;
padding-left:30px;
color:#A6DCFF;
font-size:11px;
line-height:20px;
}
.tim_input{
width:280px;
float:left;
}
.bongl{
width:230px;
float:left;
margin-bottom:20px;
}
.bando{ float:left; border:3px solid #a62401}
.online{
background:url(images/muiten.png) no-repeat 10px 12px;
color:#FFF;
}
.online span{
width:80px;
float:left;
padding-left:20px;
}
.bong_info{
width:730px;
float:right;
height:30px;
font-weight:900;
color:#333333;
text-transform:uppercase;
line-height:30px;
}
.hotline{
float:left;
width:240px;
margin:0px 0px 0px 10px;
color:rgba(51,51,51,1);
font-weight:bold;
font-size:20px;
background: url(images/hotline_l.png) no-repeat 0px 5px;
padding: 0px 0px 0px 80px;
border-bottom: 1px solid #e6e6e6;
}
.hotline h5{ font-weight:100; font-size:12px;}
.hotline span{ color:rgba(255,0,0,1)}
#chungtoi{ width: 100%; float: left; background: url(images/bg_chungtoi.jpg) repeat; border-bottom: 1px solid #daedfb;border-top: 1px solid #daedfb;}

#content{width: 1320px;margin: 0px auto;}
#info{width: 100%;/* float:right; */}
.hocbong{ width: 470px; float: right;padding-left: 60px; background: url(images/line1.png) no-repeat left center; margin-right: 30px; margin-top: 10px}
.hocbong2{  width: 355px; float: right; margin-right: 30px; margin-top: 20px; background: url(images/line1.png) no-repeat left center;}
.hocbong2 .fanpage{ float: right; width: 300px; }
.hocbong1{ float: left; width: 375px; padding:0px 15px;}
#sanpham{width:100%;/* float:left; */}
.khung{
width:100%;
position: relative;
padding-bottom: 18px
}
.xemtiep{
width:auto;
float:right;
font-size:11px;
background:url(images/sao.png) no-repeat 0px 2px;
padding-left:15px;
text-align:center;
}
.xemtiep a{
text-decoration:none;
color:#000;
}
.xemtiep a:hover{
color:#f00;
}
.thanh_title{position: relative;overflow: hidden;margin: 30px 0px;text-align: center;}
.thanh_title h2,.thanh_title h4{color:#ff0000;font-family: 'BeVietnamBold';text-transform:uppercase;font-size: 30px;padding: 0px 10px 0px 55px;position: relative;height: 44px;line-height: 44px;margin:0;}

.thanh_title1{ width:100%; display: block;text-align: center;}
.thanh_title1 h2{ font-family: Tahoma; font-size: 20px; line-height: 1; font-weight: normal; color:#ff0000; text-transform: uppercase; display: inline-block; font-style: italic; padding: 33px 0px 30px 0px}
.thanh_title2{ width:100%; display: block;text-align: center; height: 15px; border-bottom:2px solid #313131; margin-bottom: 25px;}
.thanh_title2 h3{ font-family: 'UVNBaiSauRegular'; font-size: 18px; line-height: 1; font-weight: normal; color:#313131; text-transform: uppercase; display: inline-block;padding: 0px 10px; background-color: #fff;}
.title_doitac{ width: 100%; background: url(images/bg_doitac.png) repeat-x left center;}
.title_doitac span{ display: inline-block; padding:10px; background-color: #fff; font-family: 'RobotoCondensed'; font-weight: bold; font-size: 19px; color: #266400; text-transform: uppercase;}
.item_index{font-size: 14px;position: relative;box-sizing:border-box;transition: 0.3s;text-align: center;margin-right:5px;margin-bottom: 20px;}
.item_index.right1{
	margin-right: 0px;
}
.item_index .sp_img{ position: relative; overflow: hidden;  }
.item_index img{ border:1px solid #efefef;box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.1); }
.item_index .sp_img span{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 208px; transition:0.5s; opacity: 0; background-color: rgba(0,0,0,0.3); border-radius: 8px; cursor: pointer;}
.item_index .sp_img span a{padding:5px 10px;background:url(images/bg_menu1.png) repeat top left;border-radius: 5px;color: #fff;text-transform: uppercase;font-size: 14px;}
.item_index .sp_img span:hover{ opacity: 1 }
.item_index h3{ color: #585858;margin: 5px 0px;}
.item_index h3 a{ font-size: 14px; font-weight: bold; color: #585858; transition: 0.5s}
.item_index h3:hover{}
.item_index h3:hover a{color: #f00}
.item_index p.masp{ color: #000; font-size: 14px;}
.item_index p.giaban{margin: 0px; color: #3e3e3e;}
.item_index p.giaban span, p.giaban a{ color: #fd0000}
.cont{ position:  absolute;
top: 0px;
left: 0px;
bottom: 0px; transition:0.5s; opacity: 0;
right: 0px;
color: white; background-color: rgba(0,0,0,0.5);}
.item_index:before{
content: "";
display: block;
}
.cont div {
display: table;
width: 100%;
height: 100%;
}
.item_index p.mota{display: table-cell;
text-align: center;
vertical-align: middle;font-size: 14px;
color: white;}
.item_index p.mota { color: #fff}
.item_index .sp_img:hover .cont{ opacity: 1 }
.item_index1{ width: 230px;font-size: 12px; position: relative;box-sizing:border-box; transition: 0.3s; background-color: #fff; text-align: center; margin:0px auto; margin-bottom: 5px;}
.item_index1 .sp_img{ width: 100%; height: 172px; position: relative; overflow: hidden;background-color: #fff;  transition: 0.5s;}
.item_index1 img{ width: 100%; height: 100%; transition: 0.5s; }
.item_index1 .sp_img:hover img{ transform: scale(1.1,1.1); }
.item_index1 h3{ color: #0067d6; font-size: 15px; font-weight: normal; margin-top: 15px; }
.item_index1 h3 a{ color: #0067d6;}
.item_index1 h3:hover a{color: #f00}
.partner{ margin: 20px 0px;}
.partner h3{
	background: url(images/line_partner.png) no-repeat bottom left;
	color: #263967;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 5px;
}

.partner img{
	border: 1px solid #efefef;
}
.tt_frm{ position: relative; width: 409px;}
.tt_frm.mg{ margin-bottom: 50px;}
.tt_frm.le{ float: left;}
.tt_frm.chan{ float: right;}
.tt_frm.le img{ float:right; width:171px; height:110px;border:2px solid #14811F;}
.tt_frm.chan img{ float:left; width:171px; height:110px;border:2px solid #14811F;}
.tt_frm h3{ color:#3e3e3e; line-height: 1.5; font-size: 13px;}
.tt_frm h3:hover{ color: #3e3e3e}
.tt_frm p.mota{ font-size:12px; color:#3e3e3e; text-align:justify; padding-top: 7px;}
.tt_frm span.xemthem{ float: right; color: #ec2a2a;}
.tt_frm.le .so{ position: absolute; width: 60px; height: 20px; text-align: center; line-height: 20px; padding-left: 40px; top:21px; right:-59px; background: url(images/so.png) no-repeat right center; color: #fff}
.tt_frm.chan .so{ position: absolute; width: 60px; height: 20px; text-align: center; line-height: 20px; padding-right: 40px; top:74px; left:-58px; background: url(images/so1.png) no-repeat left center; color: #fff}
.img_doitac{ max-width: 90%; }
.dattour{ width: 88px; height: 30px; background-color: #eca100; color: #000; font-family: 'RobotoBold'; display: inline-block; line-height: 30px; font-size: 13px; text-transform: uppercase; border-radius: 0px 10px 0px 10px; cursor: pointer; transition:0.3s;}
.dattour:hover{ color: #eca100 ; background-color:#000; }
.baithuoc_frm{ width: 100%;padding-bottom: 6px; margin-bottom: 6px; border-bottom:1px dashed #e1e1e1;}
.baithuoc_frm:last-child{ border:none;}
.baithuoc_frm img{ width: 69px; height: 60px; border:1px solid #e8e8e8; float: left;  margin-right: 6px; padding: 2px; background-color: #fff;}
.baithuoc_frm h3{ line-height: 1; font-weight: normal; font-size: 12px; color: #2b7200; margin-bottom: 5px;}
.baithuoc_frm h3 a{ color: #0166b3}
.baithuoc_frm p.mota{ line-height: 1; color: #3b3b3b; }
.dt_frm{ width: 100%; height: 133px; border:1px solid #dcdcdc; margin-bottom: 20px;}
.dt_frm img{ width: 100%; height: 100%;}
ul.truycap{ list-style: none}
ul.truycap li{ padding-left: 36px; color: #6a6969; font-size: 12px;}
ul.truycap li span{ font-weight: bold;}
.dathang_detail .thanhtoannhanh{ width: 239px; float: left; background: url(images/thanhtoannhanh.png) no-repeat; height: 46px; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 9px 0px 0px 50px; cursor: pointer;}
.dathang_detail .muangay{ width: 177px; float: left; background: url(images/thanhtoan.png) no-repeat; height: 46px; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 9px 0px 0px 70px;cursor: pointer;}
.dathang_detail .thanhtoannhanh:hover,.dathang_detail .muangay:hover{ color:#9C1515;}
.dathang_detail span{ width: 42px; height: 42px; padding: 7px 0px 0px 0px; float: left; border:3px solid #ccc; border-radius: 50%; text-align: center;}
.huongdan_detail a{ width: 100%; float: left; padding: 5px 0px 10px 30px; background: url(images/giohan.png) no-repeat 0px 5px; color: #333; font-style: italic;}
.huongdan_detail a:hover{ color: #04579D}
.danhmuc_con{ background: #f4f3f3; width: 100%; float:left;}
.danhmuc_con a{ float: left; color: #333; text-transform: uppercase;}
.danhmuc_con a:hover{ text-decoration: underline;}
.danhmuc_con li{ float: left; position: relative; margin: 9px;}
.danhmuc_con h3{ float: left; position: absolute; font-size: 14px; transition: 0.5s; z-index: 10; bottom: 0; left: 0; right: 0;background: rgba(0,0,0,0.6); padding: 5px; color: #FFDE00}
.danhmuc_con li img{ width: 220px; float: left;}
.danhmuc_con li:hover h3{ bottom: 70px;background: rgba(0,0,0,0.2);}
.box_new{ margin:0px 0px 10px;  padding: 10px; border:3px solid #AAAAAA; transition: 0.5s; }
.box_new:hover{border:3px solid #0483EE; border-radius: 10px;}
.box_new img{ float: left; margin:0px 10px 0px 0px; transition: 0.5s}
.box_new img:hover{ opacity: 0.6; }
.box_new h3{  font-weight: 100; color: #333;text-shadow:0px 0px 0px #333; margin: 0px;}
.box_new h3 a{ color: #333; font-size: 15px;}
.box_new h3 a:hover{ color: #f00 }
.box_new p{ font-size: 14px; color: #333;}
.box_new:nth-child(2n+1){ clear: left;}
.box_new:hover h3{ color: #026A90}
.box_new1{ width: 425px;  font-size: 13px; margin-bottom: 35px;}
.box_new1.left2{ float: left;}
.box_new1.right2{ float: right;}
.box_new1 img{ width: 173px; height: 135px; border:1px solid #e9e9e9; padding:8px; background-color: #fff; float: left; margin:0px 18px 0px 0px;}
.box_new1 h3{ color: #2d7401;text-shadow:0px 0px 0px #333; text-transform: uppercase;}
.box_new1 h3 a{ color: #2d7401; font-size: 13px; }
.box_new1 p{ font-size: 13px; color: #666666;}
.box_new1:hover h3{ color: #026A90}
.khung_thongtin{ }
.khung_thongtin li{ padding: 2px 0px 2px 0px;}
.khung_thongtin .masp{ font-weight: bold; color: #333;}
.khung_thongtin .mota_detail{ color: #757575}
.khung_thongtin .gia_detail{ font-size: 24px; color: #cd0000; font-weight: bold;}
.khung_thongtin .gia_detail b{ color: #333}
.khung_thongtin .giacu_detail{ color:#999;}
.khung_thongtin .giacu_detail span{ text-decoration: line-through;}
.khung_thongtin .baohanh_detail{ color: #015DA4;}
.khung_thongtin ul li{ display: block;font-size: 12px;}
.khung_thongtin ul li span{ display: inline-block; width: 80px; font-weight: bold; }
.khung_thongtin .tinhtrang1{display: inline-block; margin:10px 0px; padding:6px 10px; background-color: #f3b00a; color: #fff; font-size: 13px;}
.khung_thongtin .giaban{ display: inline-block; color: #6c6c6c; font-size: 13px; padding:6px 10px; border:1px dashed #ff0000; margin: 0px;}
.khung_thongtin .giaban span{ font-size: 20px; color: #ff0000; font-weight: bold;}
.thongtin_detail{ font-style: italic;}
.khuyenmai_detail{ margin: 5px 0px 0px 0px;}
.khuyenmai_detail label{ text-transform: uppercase;}
.khuyenmai_detail ul li{ padding: 5px 0px 5px 20px; background: url(images/muiten_detail.png) no-repeat 0px 11px; color: #008c00}
.khung_km{ border: 1px solid #dfdcdc; padding: 10px;}
.selectors{
    width: 105px;
}
.table_info{ width: 930px; float: left;}
.quangcao_in{ position: absolute; z-index: 10; top: 48px; left: 410px;}
.quangcao_in:hover{box-shadow: 0px 0px 10px #999;}
.quangcao_in img{ float: left;}
.dieuhuong a{ color: #333; padding: 0px 10px 0px 5px; float: left; background:url(images/muiten_trong.png) no-repeat right;}
.dieuhuong a:hover{ color:#007597;}
.thanhsp{ width:100%; float:left; margin: 0px 0px 20px 0px; background:#ffd800;}
.thanhsp h2{ color:#fff; text-transform:uppercase;font-size: 20px; font-weight:100;display: inline-block; padding: 0px 20px 0px 10px}
.thanhsp h2:before{ content: ""; background: url(images/after.png) no-repeat; height: 18px; float: left; width: 139px; margin: 15px 0px 0px 0px;}
.thanhsp h2:after{ content: ""; background: url(images/after.png) no-repeat; height: 18px; float: right; width: 139px; margin: 15px 0px 0px 0px;}
.thanhsp span{ color: #FE0000}
.khung_khac{ width: 100%; float: left;margin: 0px 0px 20px 0px;}
.thanh_k{ width: 100%; float: left; height: 38px; background: url(images/thanh_k.png) repeat-x; }
.thanh_k h2{ font-size: 16px; padding: 8px 0px 0px 10px; text-transform: capitalize;}
.khung_bc{ width: 250px; float: right; border:3px solid #ccc;}
.khung_bc h2{ background: #ffde00; height: 30px; line-height:30px; font-weight:100;  text-align: center; text-transform: uppercase; font-size: 14px; }
.khung_bc h2 span{ color: #e80000}
.giamgia_bc{
position: absolute;
width: 30px;
float: left;
height: 30px;
z-index: 1;
top: 0px;
left: 70px;
font-size: 13px;
background: #E90000 none repeat scroll 0% 0%;
border-radius: 50%;
line-height: 30px;
text-align: center;
color: #FFF;
}
#java_km{ width: 100%; float: left;}
.thanhdt{ width:100%; float:left; margin: 10px 0px 20px 0px; text-align: center; height: 60px; line-height: 55px;}
.thanhdt h2{ color:#333333; text-transform:uppercase;font-size: 26px;background-color: #fff; display: inline-block; padding: 0px 20px 0px 10px; font-weight: 100;}
.thanhdt span{ color: #FE0000}
.item_bc{ width: 236px; float: left;margin:5px; border-bottom: 1px solid #e2e2e2; padding: 10px 0px 10px 0px; position: relative; }
.item_bc img{ width: 100px; float: left; margin:0px 10px 0px 0px;}
.item_bc h3{ color:#0066cc; font-weight: 100; font-size: 14px}
.item_bc .giaban{ color: #e80000; font-size: 14px;}
.item_bc .giacu{ color: #6991a3; text-decoration: line-through; font-size: 14px;}
.item_bc:hover{ opacity: 0.8}
.title_kt{ color: #333; font-size: 20px; }
.tin_tuc{ width: 100%; float: left; text-align: center; margin-top: 10px;}
.tin_tuc h2{ display: inline-block; background: url(images/thanhsp.png) no-repeat; height: 64px; background-size: 100% 100%; padding: 10px 80px 0px 80px;text-transform:uppercase; color: #fff; font-weight: 100}
.tin_tuc h3{color:#646464; text-transform: uppercase; margin: 10px 0px 5px 0px ;}
.tin_tuc p{color:#666666; font-size: 12px;}
.tin_tuc ul li{ width: 370px;float: left; margin: 20px 0px 0px 10px; text-align: left;}
.tin_tuc ul li img{ width:66px; height:66px; float:left; margin:10px; border-radius: 100%;}
.tin_tuc ul li{ padding:2px 0px 2px 10px;}
.tin_tuc ul li a{ color:#00426f;}
.tin_tuc ul li span{ color:#ccc}
.tin_tuc a:hover{ color:rgba(255,0,0,1);}
.thanh13{
float:right;
}
.item{
width:275px;
float:left;
margin:10px 0px 10px 25px;
text-align: center;
}
.item .product_images{
width:100%;
border-radius: 5px;
border: 1px dotted #e6e6e6;
padding:4px;
float: left;
}
.item .product_images img{
width:100%;
background: #fff;
height: 190px;
padding:1px;
float: left;
border-radius: 5px;
border: 1px solid #e6e6e6;
}
.item .product_images a{
float: left;}
.bong_sp{ width:100%; float:left; height:10px; background:url(images/bong_sp.png) no-repeat center}
.item a,.sp2 a{
text-decoration:none;
}
.item h3,.sp2 h3{ color:#333; font-weight:200;font-size:14px;margin: 20px 0px 0px 0px; }
.item p{ color: #FC0000; font-size: 13px;}
.item p span{color:rgba(255,0,0,1);}
.item_hot{
width:200px;
float:left;
text-align: center;
padding: 10px;
position: relative;
min-height: 230px;
border-right: 1px dotted #ccc;
}
.item_hot:hover{ box-shadow: inset 0px 0px 10px #ccc}
.item_hot img{ width: 100%}
.item_hot .product_images{
width:100%;
border-radius: 5px;
border: 1px dotted #e6e6e6;
padding:6px;
float: left;
}
.item_hot .product_images img{
width:100%;
background: #fff;
height: 190px;
padding:1px;
float: left;
border-radius: 5px;
border: 1px solid #e6e6e6;
}
.item_hot .product_images a{ float: left;}
.bong_sp{ width:100%; float:left; height:10px; background:url(images/bong_sp.png) no-repeat center}
.item_hot a,.sp2 a{
text-decoration:none;
}
.item_hot h3,.sp2 h3{ color:#0066cc; font-weight:100;font-size:12px;margin: 20px 0px 0px 0px; }
.item_hot p{ color: #FC0000; font-size: 11px; width: 50%; float: left; }
.item_hot p span{color:rgba(255,0,0,1);}
.item_hot .giacu{ color: #999; text-decoration: line-through;}
.giamgia_hot{
position: absolute;
width: 40px;
float: left;
height: 40px;
z-index: 1;
top: 3px;
right: 3px;
background: #E90000 none repeat scroll 0% 0%;
border-radius: 50%;
line-height: 40px;
text-align: center;
color: #FFF;
}
.khung_pr{width: 100%;/* float: right; */}
.viewmore{ float: right; padding-left: 15px; background: url(images/style1.png) no-repeat left center; color: #f00; font-size: 13px;}
.visit_hidden{ visibility: hidden; height: 1px;}
.xemthem{ float: right; }
.xemthem1{ float: right; width: 96px; height: 27px; background: url(images/xemthem.png) no-repeat top center; }
.image_boder12{ float:left;}
.chitiet{
float:right;
border-radius:5px;
text-align:center;
height:22px;
color: #fe8152;
text-decoration: underline;
line-height:22px;
}
.chitiet:hover{
color:#03758D;
}
.dathang{
width:80px;
float:left;
height:25px;
border-radius:5px;
background:#39a01f;
text-align:center;
margin-left:40px;
line-height:25px;
font-weight:bold;
color:#fff;
cursor:pointer;
}
.item:hover{
opacity:0.8;
}
.item:hover h3{ color: #0483E5}
.cls{
width:728px;
float:left;
border-bottom:1px dashed #CCCCCC;
}
.gach{
width:100%;
float:left;
border-bottom:1px dotted #ccc;
margin:5px 0px 5px 0px;
}
.lienhe_sp{
text-align:center;
}
.lienhe_sp span{
color:rgba(255,0,0,1);
}
.frame_images{
width:100%;
margin:0px auto;
}
.app-figure{ /*border: 2px solid #CBCBCB */}
.noidung ul li{
list-style-type:none !important;
}
.tieudetin{
color:#000;
text-transform:capitalize;
font-size:18px;
font-weight:900;
}
.tieudetin i{
color:#999999;
font-size:12px;
font-weight:100;
}
#tin{
width:570px;
float:left;
}
.tieudetinn a{
color:#333;
text-decoration:none;
font-size:16px;
font-weight:bold;
}
.tieudetinn a:hover{
color:#006699;
}
.msoct{
padding:5px 0px 5px 0px;
color:#666666;
font-weight:900;
text-transform:capitalize;
}
.motact{
color:#666666;
}

#footer{
}
#footer .coppyright{
	color: #878787;
	text-align: center;
	font-size: 14px;
	padding-top: 3px;
}
.footer_1{
float: left;
border-radius: 5px;
padding:0px 40px 0px 0px;
margin:30px 0px 0px 0px;
}
.footer_1 h4{
font-size: 14px;
color: #333;
background: #eee3c7;
margin:0px;
text-align: center;
height: 30px;
border-radius: 10px;
line-height: 30px;
text-transform: uppercase;
}
.footer_1 ul{ padding: 10px 0px 20px 0px;}
.footer_1 ul li a{
color: #585858;
font-size: 14px;
display: block;
padding: 5px 0px 5px 60px;
background: url(images/chamvang.png) no-repeat 30px 10px;
}
.footer_1 ul li a:hover{ color: #0151B4;}
.footer_1 p{ margin: 10px 0px 10px 0px; font-size: 12px;color: #333;}
.footer_1 form{ width: 100%; float: left;}
.footer_1 form label{width: 100%; float: left; color: #ccc;}
.footer_1 form .input{ width: 230px; padding: 5px;}
.footer_1 form button{ padding: 5px 20px 5px 20px; border: 0px; background: #ffea00; text-transform: uppercase; margin: 5px 5px 20px 0px;}
.footer_1 form button:hover{ background: #027788; color: #fff; cursor: pointer;}
.vien_ng{ width: 100%; float: left;border:1px solid #d2d2d2; border-radius: 10px; padding: 2px; background: url(images/bong_duoi.png) no-repeat 0px 30px; background-color: #f7f7f7; margin: 0px 0px 30px 0px;}
.vien_ng2{ width: 100%; float: left;border:1px solid #d2d2d2; border-radius: 10px; padding: 2px; background: url(images/bong_duoi.png) no-repeat 0px 30px; background-color: #f7f7f7; margin: 0px 0px 0px 0px;}
.baomat{ color: #666 !important}
.dangky_tin{
padding:35px 0px 0px 0px; float: right; width: 577px; color: #fff; }
.dangky_tin h4{ text-transform:uppercase; font-weight: bold; width: 100%; float: left; border-bottom: 1px solid #fff; margin-bottom: 10px; color: #fff;}
.dangky_tin p{ font-size: 14px; margin:5px 0px 5px 0px; font-size: 12px;}
.dangky_tin p span{ text-transform: uppercase; font-size: 16px;}
.dangky_tin input{ width: 100%; border:none; outline: none; border-radius: 5px; height: 36px; background-color:rgba(255,255,255,0.1); padding:0px 5px 0px 5px; color: #fff}
.dangky_tin button{ border:none; outline:none; background: #ee8800; width: 106px; height: 36px; border-radius: 5px; font-weight: bold; color: #fff; text-transform: uppercase; position: absolute; z-index: 100; top: 0px; right: 0px; cursor: pointer;}
.dangky_tin button:hover{ opacity: 0.5;}
.dangkymail{ width: 100%; float: left;position: relative;}

#copy .copyright{ width: 100%; background-color: rgba(32, 79, 65, 0.83); }
#copy .copyright p{ float: left; color:#fff; height: 40px; line-height: 40px; font-size: 13px;}
#copy .copyright ul{ float: right; margin-top: 10px;margin-right: 60px}
#copy .copyright ul li{ display: inline-block; padding-left: 10px; margin-left: 10px; font-size: 12px; color: #fff;}
#copy .copyright ul li span{ color: #ffff00}
.thongtin_ht{min-height: 345px; padding: 30px 0px 0px 20px; }
#info .fanpage{ float: left; width: 445px;}
#info .content_ft{ width: 562px; float: right; color: #fff;font-family: 'RobotoRegular'; font-weight: normal; font-size: 14px}
.content_ft h2{
font-family: 'RobotoBold'; font-size: 18px !important;
}
#bottom{
width:100%;
float:left;
margin: 0px 0px 0px 0px;
}
#bottom h3{ font-size: 16px; font-family: 'RobotoRegular'; font-weight: normal; color: #fff; margin-bottom: 10px;}
.logo_bt{ float: left; text-align: center;}
.logo_bt{ max-width: 90%}
.menu_bt{
width:100%;
float:left;
margin-top:10px;
margin-bottom:10px;
text-align:center;
color: #333;
}
.congty{ position:relative; color:rgba(255,255,255,1); text-align:center; margin-top:10px; text-transform:uppercase; width:100%; float:left;}
.menu_bt a{
text-decoration:none;
color:rgba(255,255,255,1);
font-size:14px;
padding:0px 25px 0px 25px;
text-transform:uppercase;
}
.menu_bt a:hover{
color:rgba(255,255,0,1);
}
.khung_bt{
width:25%;
float:left; padding: 40px 0px 40px 35px;background: url(images/line3.png) no-repeat right center;
}
.khung_bt img{ float: left; margin-right: 13px }
.khung_bt span{ font-family: 'RobotoCondensed'; font-size: 20px; color: #fff ; text-transform: uppercase;}
.khung_bt span.span2{ color: #f6ff00 }
.thongtin_bt{ float: left; margin:0px 0px 10px 0px; color: #fff; width: 200px;
padding:35px 0px 0px 0px;}
.thongtin_bt h2{ text-transform: uppercase; color: #FFE401; margin:5px 0px 5px 0px;font-family: 'RobotoRegular'; }
.copy ul{ width: 100% ; margin-top: 10px}
.copy li{ display: inline-block; margin-right: 2px;}
.copy li span{ color: #FFEA00; font-weight: bold;}
.copy strong{ font-size: 22px !important;}
.mang_xh{ width: 100%; float: left; text-align: center;}
.mang_xh a{  margin:20px 10px 0px 0px;}
.mang_xh a:hover{ opacity: 0.7;}
.mang_xh img{ width: 30px; height: 30px; border-radius: 30px;}
.copy{ color: #fff;line-height:1.5}
.copy p{
	margin-bottom:0px;
}
.thongke {
width: 590px;
float: right;
}
.thongke p{ font-size: 16px; color: #fff; text-align: right; font-style: italic; padding-bottom: 5px;}
.thongke .fanpage{
    float: left;
    width: 300px;
}
.thongke {
    padding-top: 20px;
}
.thongke .box_static{
    float: right;
    color: #FFF;
}
.thongke .box_static h3{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}
.dong_p{
width:190px;
float:left;
margin-top:10px;
}
.map{ float: right; margin: 20px 0px 0px 0px;}
.map h4{ color: #fff; text-align: right; text-transform:uppercase; font-style: italic;}
.map img:hover{ box-shadow: 0px 0px 10px #ccc;}
.lk_bt a{ float: left; margin:5px 0px 0px 5px;}
.lk_bt img:hover{box-shadow: 0px 0px 3px #ccc;}
.bttt2{
width:1230px;
float:left;
margin-top:0px;
min-height:100px;
padding:10px 0px 10px 0px;
color:rgba(255,255,0,1);
font-size:14px;
}
.bttt2 span{
}
.bttt3 a{
color:rgba(255,255,0,1);
font-weight:900;
text-decoration:none;
}
.dangnhap{
width:230px;
float:left;
padding-top:10px;
padding-bottom:5px;
}
.tendang{
color:#FFCC00;
padding-left:10px;
height:25px;
}
.tendang input{
width:130px;
float:right;
padding-right:10px;
}
.nutdang input{
width:82px;
float:right;
height:25px;
background:url(images/dangnhap.png) no-repeat;
border:0;
cursor:pointer;
font-weight:900;
}
.tendd a{
text-decoration:none;
font-weight:bold;
color:#000000;
}
.tendd a:hover{
color:#FF9900;
}
.ngdd{
color:#999999;
font-size:10px;
}
.dangky a{
width:230px;
float:left;
text-align:right;
font-style:italic;
color:#FFFFFF;
text-decoration:none;
background:url(images/dangky.png) no-repeat 100px;
padding-bottom:10px;
padding-bottom:5px;
}
.dangky a:hover{
color:#FFCC00;
}
.nuttt input{
width:170px;
float:left;
margin-left:30px;
}
.nutdangk input{
width:82px;
float:right;
height:25px;
margin-right:70px;
background:url(images/dangnhap.png) no-repeat;
border:0;
cursor:pointer;
font-weight:900;
margin-top:10px;
margin-bottom:10px;
}
.kakadk{
width:82px;
float:left;
height:25px;
margin-left:130px;
background:url(images/dangnhap.png) no-repeat;
border:0;
cursor:pointer;
font-weight:900;
margin-top:10px;
margin-bottom:10px;
}
.dangnhaptv fieldset{
border:1px solid #FFCC00;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding-top:10px;
padding-bottom:10px;
}
.dangnhaptv legend{
margin-left:50px;
text-transform:capitalize;
color:#FFCC00;
font-weight:900;
}
.dangnhaptv label{
width:120px;
float:left;
padding-left:10px;
font-weight:900;
}
.dangnhaptv input{
margin-bottom:5px;
}
.capchaaaa{
width:auto;
float:left;
height:30px;
line-height:50px;
}
.capchaaaa img{
padding-top:5px;
}
.dkt{
width:82px;
float:left;
margin-top:10px;
margin-left:130px;
}
.dntc{
width:230px;
float:left;
color:#FFCC00;
font-weight:900;
text-align:center;
text-transform:capitalize;
}
.thoat a{
width:82px;
float:left;
text-align:center;
line-height:25px;
height:25px;
margin-left:70px;
margin-top:10px;
margin-bottom:5px;
color:#333333;
background:url(images/dangnhap.png) no-repeat;
}
.thoat a:hover{
color:#000000;
}
.xemtheem{
width:315px;
float:left;
text-align:right;
}
.xemtheem a{
text-decoration:none;
color:#0066FF;
font-size:11px;
font-style:italic;
}
.xemtheem a:hover{
color:#FF0000;
}
#doitac{
width: 100%;
float:left;
padding:20px 0px 20px 0px; background-color: #ffffff;
}
.doitac{
width: 100%; border-top:1px solid #cdcdcd; padding-top: 20px;
}
.doitac img:hover{ box-shadow: 0px 0px 3px #ccc; border-radius: 5px;}
.doitac img{ max-width: 100%; margin:5px 0px 0px 10px; transition: 0.3s;}
.sp_left{ width:240px; float:left; margin: 10px 0px 0px 10px; }
.sp_left img{ width:100%; float:left;margin:0px 0px 0px 0px; border-radius:10px; padding: 2px; border:1px solid #e1e1e1;}
.sp_left img:hover{ opacity: 0.8;}
.menu_bot{
width:1230px;
float:left;
padding-top:5px;
text-align:center;
}
.menu_bot a{
text-decoration:none;
color:#fff;
text-shadow: -1px 1px #0033CC , 1px -1px #0033CC , -1px -1px #0033CC ,1px 1px #0033CC;
padding-left:10px;
padding-right:10px;
}
.menu_bot a:hover{
color:#900;
text-shadow: -1px 1px #fff , 1px -1px #fff , -1px -1px #fff ,1px 1px #fff;
}
.tienich{
width:214px;
float:left;
background:url(images/tienich.png) no-repeat 15px 15px;
height:140px;
}
.dmas{
width:200px;
float:left;
padding-top:10px;
height:35px;
}
.cume{
padding-bottom:0px;
}
.cume img{
width:173px;
padding:2px;
height:123px;
border:1px solid #CCC;
}
.cume a{
text-decoration:none;
color:#333333;
font-weight:bold;
}
.cume span{
color:#FF0000;
}
.giohangg{
width:200px;
float:left;
background:url(images/giohang.jpg) no-repeat;
height:90px;
padding-top:60px;
}
.soluong{
padding:10px 0px 0px 10px;
font-weight:bold;
}
.soluong span{
width:110px;
float:right;
color:#F90
}
.ci{
width:70px;
padding-top:10px;
float:right;
}
.ci a{
text-decoration:none;
color:#F00;
font-style:italic;
}
.tienich{
width:130px;
float:left;
padding-left:60px;
padding-top:10px;
}
.tienich a{
width:130px;
float:left;
text-decoration:none;
color:#333333;
font-weight:bold;
padding-top:11px;
}
.tienich a:hover{
color:#F00;
}
s
.new_hot{
width:249px;
float:left;
}
.ten_t{padding:5px 5px 0px 5px;}
.ten_t a{ color: #333;  text-decoration:none;}
.ten_t a:hover{ color:rgba(0,102,153,1);}
.hinh_t{padding:2px; border:1px solid rgba(204,204,204,1); margin:5px; float:left;}
.xem_t a{ float:right; font-size:11px; color: rgba(255,0,0,1); text-decoration:none;}
.xem_t a:hover{ color:rgba(0,102,153,1);}
.xem_t{ padding-right:5px;}
div#container_product{
margin-top:10px;
width:100%;
float:left;
}
div#container_product #tabs {
border: 1px solid #fff;
margin-right:5px;
margin-bottom: 10px;
overflow: hidden;
}
div#container_product #tabs li {
background:rgba(255,0,0,1);
padding: 7px 30px;
margin-right: 1px;
color:rgba(0,102,204,1);
text-transform: uppercase;
font-weight: bold;
}
div#container_product #tabs li.active {
background:#ffde00;
color: #000;
}
div#container_product #tabs li {
float: left;
}
div#container_product #tabs li a {
color: #000;
font-size:16px;
text-decoration:none;
}
.phantrang {
text-align: center;
margin-top: 20px;
}
.noidung_ta{
width:100%;
float:left;
padding:10px;
clear:left;
border: 3px solid #e4e4e4;
}
.clear {
clear: both;
}
form#dangky input.dangky {
width: 80px;
background: #000000;
color: #ffffff;
height: 28px;
text-align: center;
border-radius: 0px;
line-height: 20px;
margin-top: 15px;
cursor: pointer;
margin-left: 180px;
}
form#dangky input.dangky2 {
width: 80px;
background: #000000;
color: #ffffff;
height: 28px;
text-align: center;
border-radius: 0px;
line-height: 20px;
margin-top: 25px;
cursor: pointer;
margin-left: 30px;
}
form#dangky input {
width: 250px;
height: 20px;
margin: 5px 0px;
background: none;
border: 1px solid #ccc;
}
.timmm{
width:170px;
position:absolute;
z-index:10;
float:left;
color:rgba(255,255,255,1);
font-weight:bold;
background:#fff;
height:25px;
margin-left:810px;
border-radius:5px;
margin-top:4px;
}
.timmm .bo5{
width:140px;
margin-left:10px;
margin-top:6px;
outline:none;
float:left;
border:0;
background:none;
}
.timmm .ok{
width:20px;
cursor:pointer;
background:url(images/seach.png) no-repeat;
height:17px;
margin-top:5px;
float:left;
border:0;
outline:none;
}
.khuyenm{
width:450px;
float:left;
margin-left:10px;
margin-top:10px;
height:150px;
}
.hinhkm{
width:120px;
float:left;
border:1px solid rgba(204,204,204,1);
padding:2px;
margin-right:10px;
}
.tenkm a{
text-decoration:none;
color:rgba(153,0,0,1);
}
.tenkm a:hover{
color:rgba(255,0,0,1);
}
.content{ width: 910px; float: right; margin: 0px 10px 0px 0px;}
div#bando
{
margin-top:-23px;
}
.box_containerlienhe .content ul.list_map
{
list-style:none;
}
.box_containerlienhe .content ul.list_map li
{
margin:3px 0px 7px 0px;
}
.bando1{width: 100%; margin:0px auto;}

#box_map_home{
    width: 100%;
    min-width: 1200px;
    position: relative;
}
#box_map_home .box_info{
    position: absolute;
    background: url(images/bg_box.png) no-repeat top left;
    height: 432px;
    width: 372px;
    top: 0px;
    left: 0px;
    z-index: 99999999;
    color: #FFF;
}
#box_map_home .box_info .content_info{
    padding: 120px 20px 0px;
}
#box_map_home .box_info .content_info p{
    margin: 0px;
    padding-top: 10px;
}
#box_map_home .box_info .content_info span{
    display: inline-block;
    width: 80px;
}
#box_map_home .box_info .content_info input[type='text']{
    border-radius: 3px;
    border: 1px solid #FFF;
    width: 245px;
    padding: 6px 0px;
}
#box_map_home .box_info .content_info button[type='submit'],#box_map_home .box_info .content_info button[type='reset']{
    background: #54cb49;
    border: none;
    border-radius: 3px;
    padding: 8px 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
}
#box_map_home .box_info .content_info button[type='reset']{
    background: #ed1c24;
    margin-left: 10px;

}
#box_map_home .box_info .content_info textarea{
    border-radius: 3px;
    border: 1px solid #FFF;
    width: 245px;
    padding: 3px 0px;
}
#map_canvas1 {
height: 432px;
width: 100%;
}
#map_canvas {
height: 545px;
width: 100%;
margin-bottom:10px;
float:left;
margin-left:2px;
}
.map_description {
color: #000000;
overflow: auto;
width: 300px;
}
.map_description .default {
color: #FF0000;
}
.map_description div {
line-height: 18px;
margin: 3px;
}
.map_list_address {
float: left;
height: 500px;
overflow: hidden;
width: 250px;
}
.map_list_address .list {
line-height: 18px;
margin-bottom: 5px;
}
.map_list_address span {
color: #FCFF46;
}
.map_title {
color: #30A602;
font-weight: bold;
}
.navigate .C {
width: 970px;
}
.hinhnho{
margin-top:5px;
float:left;
width:350px;
text-align:center;
}
.hinhnho img{ border:1px solid rgba(204,204,204,1); padding:2px;}
.hinhnho a:hover{
opacity:0.7;
}
.duan{ width:230px; float:left; margin:5px 7px 0px 7px;height:200px;}
.duan a{ text-decoration:none;}
.duan h3{ text-align:center; color:rgba(0,102,153,1)}
.duan img{border:1px solid rgba(204,204,204,1); width:220px; padding:4px; height:140px;}
.hotro_right {
display: block;
position: fixed;
bottom: 0px;
right: 0px;
z-index: 9;
width: 100%;
max-width: 290px;
}
.hotro_right #img {
display: block;
position: relative;
width: 100%;
max-width: 290px;
height: 160px;
border-bottom: 1px solid #d00000;
background: transparent url("images/hotro.png") no-repeat scroll 0% 0%;
}
.hotro_right #img > div.hotline {
position: absolute;
bottom: 0px;
padding: 0px 10px;
background-color: #ffde00;
color: #d00000;
font-size: 17px;
font-weight: bold;
width: 100%;
border: 1px solid #6E7AFF;
border-radius: 5px 5px 0px 0px;
text-align: center;
}
.hotro_right .noidung_20 {
display: none;
background-color: #FFF;
border-left: 1px solid #d00000;
padding: 5px;
}
.hotro_right #img > div.hotline_r {
position: absolute;
bottom: 0px;
padding: 0px 10px;
background-color: #ffde00;
color: #d00000;
font-size: 17px;
font-weight: bold;
width: 100%;
border: 1px solid #d00000;
border-radius: 5px 5px 0px 0px;
text-align: center;
}
.red{ color: #FB0000}
.dieukhoan{ width: 50%; float: left; border: 1px solid #ccc;margin: 10px 0px 10px 0px;}
.dieukhoan h4{ padding: 5px 10px 5px 10px; background: #ccc; text-transform: uppercase; color: #fff}
.cuoncuon{ padding: 10px; height: 400px; overflow-y: scroll;}
.khung_trai{  }
.khung_phai{ }
.thongtin_lh{ width: 100%; float: left; padding: 0px 40px 20px 0px;}
.thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B}
.form_lh{}
.form_lh fieldset{
padding: 10px;
margin: 20px 0px 0px 0px;
}
.form_lh legend{ padding:0px 10px 0px 10px;  font-style: italic; color: #023B70}
.form_lh p{padding: 5px 0px 5px 0px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.form_lh p input{padding: 5px;flex: 1;margin-left: 10px;border-radius: 5px;outline: 0;border: 1px #000 solid;}
.form_lh p label{ width: 100px; float: left;}
.form_lh p textarea{padding: 5px;width: 365px;margin-left: 5px;border: 1px #000 solid;border-radius: 5px;}
.form_lh p button{ border: 0px; background: #303030; padding: 5px 20px 5px 20px; font-weight: bold; color: #fff; cursor: pointer; margin-left: 13px;}
.form_lh p button:hover{ background: #036593}
#form_contact input{ padding: 5px;}
.box_video{float: left;}
.box_video img{ width: 100%}
.box_video h3{ text-align: center; margin:10px 0px 0px 0px; width: 100%; float: left; font-size: 14px;}
.box_video:hover{ opacity: 0.8;}
.dieukhoan{ width: 49%; float: left; border: 1px solid #ccc;margin: 10px 0px 10px 0px;}
.dieukhoan h4{ padding: 5px 10px 5px 10px; background: #eee3c7; text-transform: uppercase; color: #000}
.cuoncuon{ padding: 10px; height: 400px; overflow-y: scroll;}
.xacnhan{width: 100%; float: left;margin: 10px 0px 10px 0px;}
.xacnhan h4{ padding: 5px 10px 5px 10px; background: #eee3c7; text-transform: uppercase; color: #000}
.khungxn p{ padding: 5px 0px 5px 0px; border-bottom: 1px dotted #ccc;}
.khungxn p b{ width: 100px; float: left; font-weight: 100;}
.phuongthuc h4{ padding: 5px 10px 5px 10px; background: #eee3c7; text-transform: uppercase; color: #000; margin-bottom: 10px;}
.dongy { padding: 10px; width: 100%; float: left; font-weight: bold;}

.box_about_home{
    margin-bottom: 20px;
}
.box_about_home .box_about_home_left{
    float: left;
    width: 330px;
}
.box_about_home_right{
    float: right;
    width: 390px;
}

.box_about_home .box_about_home_left .box_about_home_img_lag img{
    border: 7px solid #f5f5f5;
    box-shadow: 7px 7px 0px rgba(0,0,0,0.1);
}
.box_about_home .box_about_home_left .box_about_home_img_orther{
    padding: 10px 0px;
}
.box_about_home .box_about_home_left .box_about_home_img_orther img{
    border: 1px solid #e9e9e9;
    margin: 1px;
}
ul.list_news_left{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.list_news_left li{
padding: 10px 0px;
    border-bottom: 1px dashed #7f7f7f
}
ul.list_news_left li:first-child{
	padding-top: 0px;
}
ul.list_news_left li:last-child{
	border: none;
	padding-bottom:0px;
}
ul.list_news_left li h3{
    margin: 0px;
    padding: 0px;
}
ul.list_news_left li h3 a{
    color: #7f7f7f;
    font-size: 14px;
    font-weight: normal;
}
ul.list_news_left li .img{
    float: left;
    margin-right: 10px;
}
ul.list_news_left li .img img{
    width: 75px;
}

/* Long css */
*{
	margin:0;
   padding: 0;
   box-sizing: border-box;
   line-height: normal;
	font-weight: 400;
}

h3 a{
   color: #000 !important;
}
a{
   color: #000 !important;
   /* line-height: normal; */
   /* font-weight: 400; */
}
h3:hover a{
   color: #23C129 !important;
}
.scale-img {
	overflow: hidden;
}
.scale-img img, .scale-img picture {
	transition: all 0.5s;
}

.scale-img:hover > img, .scale-img:hover > picture {
	transform: scale(1.2, 1.2);
}


p{
   margin-bottom: 0;
}
.w-100{
   width: 100%;
}

.text-split {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 3;
}

/* Swipper */
.swiper .swiper-wrapper {
	width: inherit;
	height: inherit;
}
.swiper.swiper-initialized .swiper-wrapper {
	margin: 0;
	width: 100%;
	height: 100%;
}
.swiper.swiper-initialized .swiper-slide {
	padding: 0;
	margin: 0px;
	overflow: hidden;
}
.swiper-pagination{
    position: initial;
    margin-top: 30px;
}
.swiper-pagination .swiper-pagination-bullet{}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{}

.general-pagination{
   text-align: center;
   margin-top: 20px;
}
.general-pagination .swiper-pagination-bullet{}
.general-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{}

.slogan{
   margin-bottom: 15px;
   font-size: 18px;
}
.title-main{
    text-align: center;
    margin-bottom: 25px;
	border-bottom: 2px #23C129 solid;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.trangtrong h2.title-main {
    margin: 30px 0px;
}
.title-main span{
   font-size: 48px;
   text-transform: uppercase;
   line-height: normal;
   font-family: "Montserrat", sans-serif;
}
.title-main span:nth-child(1){
	color: #052E08;
	font-weight: bold;
}
.title-main span:nth-child(2){
   color: #23C129;
}

.header-wrapper{
    padding-bottom: 3px;
    box-shadow: 0px 3px 12px #dedede;
    background: #fff;
    min-width: 1349px;
}
.header-wrapper .wrap-content{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
}
.header-logo{
    padding-right: 15px;
    position: relative;
}

a.header-logo::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 89%;
    background: #23C129;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header-search{}
span{
   background: transparent !important;
}
.call-btn{
   display: block;
   width: 130px;
   height: 40px;
   background-color: #17A21C;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   color: #fff !important;
   border-radius: 20px 0px;
}

a.call-btn:hover {
    color: #fff;
}
.call-btn span{}


.gioithieu-wrapper{
    margin: 80px 0px;
}
.gioithieu-wrapper .wrap-content{}
.gioithieu-video{
    width: 46%;
}

.gioithieu-video a {
    display: block;
    position: relative;
    padding-right: 50px;
}

.gioithieu-video a::before {
    content: "";
    position: absolute;
    background: url(images/play.png) no-repeat;
    width: 114px;
    height: 114px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 23;
    -webkit-animation: blink 1s linear infinite;
}

.gioithieu-video::before {
}
.gioithieu-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
    width: 90%;
    margin-left: auto;
    margin-top: -60px;
    position: relative;
    z-index: 2;
}
.gioithieu-pic{padding-left: 70px;position: relative;}
.gioithieu-pic a{
    border-radius: 15px;
    overflow: hidden;
}

.gioithieu-year{
    background: #23C129;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 10px;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.gioithieu-year b{
    font-size: 56px;
    font-family: 'BeVietnamBold';
    line-height: 40px;
    margin-bottom: 10px;
}
.gioithieu-year span{
    font-size: 18px;
    display: block;
}
.gioithieu-info{
    flex: 1;
}

.gioithieu-info .title-main {
    text-align: left;
    margin: 0;
    border: 0;
}
.gioithieu-title{
    font-size: 31px;
    font-family: 'BeVietnamBold';
    margin: 0;
    line-height: normal;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 2px #23C129 solid;
}
.gioithieu-desc{
    line-height: 27px;
    margin-bottom: 25px;
}

/* proList */
.proList-wrapper{}
.proList-bg{
   background: url(images/sp-bg.png) no-repeat;
   background-size: cover;
   padding: 15px 0px 70px 0px;
   margin-bottom: 80px;
}
.proList-bg .wrap-content{

}
.proList-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.proList-item{
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    border: 1px transparent solid;
    transition: all .4s ease;
}

.proList-item:hover {
    border-color: #23C129;
    box-shadow: 2px -1px 7px #23c1294f;
}
.proList-pic{margin-bottom: 15px;border-radius: 10px;}

a.proList-pic img {width: 100%;height: 275px;object-fit: cover;}
.proList-name{
   font-size: unset;
   font-family: 'BeVietnamBold';
   height: 60px;
   margin-bottom: 10px;
}
.proList-name a{
	-webkit-line-clamp: 2;
	font-size: 20px;
}
.proList-desc{
    margin-bottom: 10px;
}
.proList-btn{
    display: flex;
    align-items: center;
    gap: 15px;
    height: 24px;
    color: #23C129 !important;
}

a.proList-btn img {
    transition: all .4s ease;
}

a.proList-btn:hover img {
    transform: rotate(45deg);
}

/* proHot */
.proHot-wrapper{
    margin-bottom: 80px;
}
.proHot-wrapper .wrap-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
}
.proHot-left{
    width: 23.8636363636%;
}
.proHot-banner{}
.proHot-right{
    flex: 1;
}
.proHot-heading{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 2px #23C129 solid;
}

.proHot-heading .title-main {
    text-align: left;
    margin: 0;
    border: 0;
    padding: 0;
}
.proHot-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}
.proHot-item{
    padding: 15px;
    background: #F6F6F6;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 15px;
    border: 1px transparent solid;
    transition: all .4s ease;
}

.proHot-item:hover {
    border-color: #23C129;
    box-shadow: 2px -1px 7px #23c1294f;
}
.proHot-pic{
    background: #fff;
    margin-bottom: 15px;
    border-radius: 10px;
}
.proHot-desc{
    -webkit-line-clamp: 6;
    margin-bottom: 10px;
    margin-top: auto;
}
.proHot-name{
    margin-bottom: 15px;
    font-size: unset;
    margin-top: auto;
}

h3.proHot-name a {
    font-size: 20px;
    font-family: 'BeVietnamBold';
    line-height: normal;

}
.proHot-btn{
    display: inline-flex;
    padding: 8px 20px 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px 0px;
    background: #23C129;
    color: #fff !important;
    margin-top: auto;
    border: 1px #23C129 solid;
    transition: all .4s ease;
}

a.proHot-btn:hover img {
    transform: rotate(45deg);
    transition: all .4s ease;
}

a.proHot-btn:hover {
    background: #fff;
}

a.proHot-btn:hover span {
    color: #23C129;
}

a.proHot-btn:hover img {
    filter: url();
}

a.proHot-btn:hover {
    color: #fff;
}

a.proHot-btn img {
    filter: brightness(100);
}

.tukhoa-box{
    background: #F6F6F6;
    padding: 25px;
}
.tukhoa-title{
    font-size: 20px;
    margin: 0;
    margin-bottom: 15px;
    font-family: 'BeVietnamBold';
}
.tukhoa-ul{}
.tukhoa-ul li{
    margin-bottom: 10px;
}
.tukhoa-ul li a{
    display: inline-flex;
    padding: 6px 16px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 30px;
    border: 1px solid var(--Shark-100, #E7E7E7);
    background: var(--Gray-Scale-Gray-50, #F2F2F2);
}

.tukhoa-ul li a:hover {
    background: #23C129;
    color: #fff !important;
    border-color: #23C129;
}

.video-wrapper{
    margin-bottom: 80px;
}
.video-item{
    border-radius: 10px;
    display: block;
    height: 740px;
    overflow: hidden;
    position: relative;
}

a.video-item::before {
    content: "";
    position: absolute;
    background: url(images/play.png);
    width: 114px;
    height: 114px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-animation: blink 1s linear infinite;
}

.video-item img {
    height: 100%;
    object-fit: cover;
}

.tieuchi-wrapper{
    background: #DCFCDC;
    padding: 40px 0px;
    margin-bottom: 50px;
}
.tieuchi-wrapper .wrap-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.tieuchi-box{
    /* width: 60%; */
    flex: 1;
}
.tieuchi-box .title-main{
	text-align:left;
	display: flex;
	flex-direction: column-reverse;
	width: fit-content;
	padding-bottom: 10px;
	border-bottom: 2px #23C129 solid;
	margin-bottom: 15px;
}
.tieuchi-box .title-main span {
    display: block;
}

.tieuchi-box .title-main span:nth-child(1) {
    font-size: 42px;
}
.tieuchi-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px 90px;
}
.tieuchi-item{}

.tieuchi-item:hover .tieuchi-info * {
    color: #F4BD00;
}
.tieuchi-info{
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Montserrat", sans-serif;
}

.tieuchi-info > b {
    font-size: 56px;
    color: #23C129;
    line-height: normal;
    font-weight: bold;
}

.tieuchi-info > div {
    font-size: 48px;
    color: #23C129;
    line-height: normal;
}

.tieuchi-name{
    margin: 0;
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}
.tieuchi-banner{
    width: 31.8181818182%;
}

.tintuc-wrapper{
    margin-bottom: 80px;
}
.tintuc-wrapper .wrap-content{}
#tintuc-owl{
}
#tintuc-owl .tintuc-item{
    margin: 0 15px;

}
.tintuc-item{
    padding: 12px;
    padding-bottom: 20px;
    border: 1px #E7E7E7 solid;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
	transition: all .4s ease;
}
.tintuc-item:hover{
	border-color: #23C129;
    box-shadow: 2px -1px 7px #23c1294f;
	transition: all .4s ease;
}
.tintuc-date{
    position: absolute;
    bottom: 15px;
    left: 15px;
    background: #fff;
    min-width: 135px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
}

.tintuc-date .date {
    font-size: 17px;
    background: #23C129;
    color: #fff;
    padding: 5px 10px;
}

.tintuc-date .month_year {
    color: #23C129;
    font-size: 13px;
    font-family: 'BeVietnamRegular';
    padding: 7px;
}

.tintuc-pic{
   position: relative;
}
.tintuc-pic a{
    display: block;
    border-radius: 5px;
    overflow: hidden;
    /* aspect-ratio: 1; */
}
.tintuc-name{
    text-align: left;
    height: 90px;
    margin-bottom: 15px;
}

h3.tintuc-name a {
    font-size: 20px;
    font-family: 'BeVietnamBold';
    line-height: normal;

}
.tintuc-btn{
   margin-top: auto;
   margin-left: auto;
   width: fit-content;
}
/* doitac */
.doitac-wrapper{
    margin-bottom: 70px;
}

.doitac-wrapper .wrap-content {
    /* max-width: 1000px; */
}

.doitac-wrapper .title-main {

}
#doitac-owl{
    background: #F0FDF0;
    padding: 70px 0px;
}

div#doitac-owl .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.doitac-pic{
    max-width: 180px;
    max-height: 180px;
}

.doitac-pic img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    aspect-ratio: 1;
}

/* dangky */
.dangky-wrapper{
    background: #DCFCDC;
}
.dangky-wrapper .wrap-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 80px 0px;
    border-bottom: 2px #23C129 solid;
}
.dangky-slogan{
    margin: 0;
    font-size: 17px;
}
.dangky-form{
    background: #ffff;
    width: 535px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px #23C129 solid;
    border-radius: 1000px;
    overflow: hidden;
}
.dangky-input{
    border: 0 !important;
    text-indent: 50px;
    background: url(images/mail.png) no-repeat 4% !important;
    flex: 1;
}
.dangky-input::-webkit-input-placeholder{
	font-size:16px;
	color:#000;
	font-family: 'BeVietnamMedium';
}
.dangky-input:focus{
    border: 0;
    outline: 0;
    flex: 1;
    background: url(images/mail.png) no-repeat 4%;
}
.dangky-button{
    width: 152px !important;
    height: 48px;
    border: 0;
    background-color: #23C129 !important;
    border-radius: 1000px !important;
    color: #fff;
    font-size: 16px;
    font-family: 'BeVietnamBold';
}

.mangxahoi-ul{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 5px;
}
/* footer */
.footer-wrapper{
    background: #fff;
}
.footer-info{
    padding: 35px 0px;
}
.footer-info .wrap-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer-logo{}
.footer-name{
   color: var(--Error, #F00000);
   font-family: 'BeVietnamBold';
   font-size: 32px;
   font-style: normal;
   line-height: normal;
   letter-spacing: 0.64px;
}
.footer-desc{
    font-size: 18px;
    color: #242424;
}
.footer-title{
    color: var(--Shark-900, #3D3D3D);

/* Headline 4/Headline 4be */
    font-family: 'BeVietnamBold';
    font-size: 24px;
    font-style: normal;
    text-transform: capitalize;
    line-height: normal; /* 133.333% */
    margin-bottom: 10px;
}
.footer-ul{
    margin-bottom: 30px;
}
.footer-ul li{
    margin-bottom: 5px;
}
.footer-ul li a{
    font-size: 18px;
    font-weight: 400;
}
.footer-noidung{}

.footer-box{}
.footer-box:nth-child(1){
    width: 31%;
}
.footer-box:nth-child(2){
    width: 21%;
}
.footer-box:nth-child(3){
    width: 36%;
}

.footer-powered{
    background: #23C129;
    padding: 17px 0px;
}
.footer-powered .wrap-content{
   text-align: center;
}

.footer-copyright{
	color: #fff;
}

.product-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
}

.news-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
}
.inner_product-wrapper{}
.inner_product-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 80px 0px;
}
.inner_product-left{
    width: 49.2424242424%;
}
.inner_product-pic{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.inner_product-photos{
	width: 105px;
}
.inner_product-up,
.inner_product-down{
   text-align: center;
   margin: 10px 0px;
}
.inner_product-slick{
}

.inner_product-slick .slick-active.slick-current a{
   border-radius: 4px;
   border: 1px solid var(--Malachite-700, #167F1A);
   box-shadow: 0px 0px 12px 0px rgba(35, 193, 41, 0.32);
   padding: 10px;
}

.inner_product-slick .slick-slide a{}
.inner_product-slick .slick-slide a img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.inner_product-right{
    width: 49.2424242424%;
    display: flex;
    flex-direction: column;
}
.inner_product-list{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px #23C129 solid;
}
.inner_product-list p{
    padding: 3px 12px;
    border-radius: 50px;
    background: #2388FF;
    color: #fff;
    display: inline-block;
}

.name_sp{
    font-family: 'BeVietnamBold';
    font-size: 32px;
    line-height: normal;
    margin-bottom: 15px;
}
.tinhtrang_sp{
    color: #F00000;
    margin-bottom: 18px;
}
.desc_sp{
    font-size: 18px;
}
.deco_sp{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}
.lienhe_sp{
	display: flex;
	padding: 12px 24px;
	justify-content: center;
	align-items: center;
	gap: 16px;
	border-radius: 100px;
	background: var(--Success, #23C129);
}

.lienhe_sp p {
    font-size: 20px;
    font-family: 'BeVietnamBold';
    color: #fff;
}

.tabs-pro-detail {}

.tabs-pro-detail > ul {
    border: 0;
    gap: 90px;
    padding-bottom: 15px;
    border-bottom: 2px #888888 solid;
}
.tabs-pro-detail ul li{}
.tabs-pro-detail ul li a{
    border: 0 !important;
    font-size: 20px;
    font-family: 'Montserrat';
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    padding: 0;
    padding-bottom: 6px;
}

.tabs-pro-detail ul li a:hover {
    color: #23C129;
}

.tabs-pro-detail ul li a.active{
	color: #23C129 !important;
	border-bottom: 3px #23C129 solid !important;
}

.fix_menu {
	position: sticky !important;
	box-shadow: 0 0 1px #999;
	top: 0;
	left: 0;
	width: 100%;
	z-index:999;
}
/* phanloai */
.phanloai-box{
    margin-bottom: 20px;
}
.phanloai-title{
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'BeVietnamRegular';
}
.phanloai-ul{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}
.phanloai-ul li{}
.phanloai-ul li p{
    padding: 7px 23px;
    background: #23C129;
    border-radius: 100px;
    color: #Fff;
}

.owl-pagination {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 25px;
}

.owl-page {
    width: 16px;
    height: 16px;
    background: #DCFCDC;
    border-radius: 50%;
}

.owl-page.active {
    background: #23C129;
}
#slideshow-owl .owl-pagination {
   position: absolute;
   bottom: 50px;
   left: 50%;
   transform: translateX(-50%);
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html, body, div, span,strong{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
}

.d-block{
   display: block;
}
.m-auto{
   margin: auto;
}
.wrap-content{
   max-width: 1325px;
   width: calc(100% - 30px);
   margin: auto;
}

body {
   font-size:14px;
   font-family: 'BeVietnamRegular';
   line-height:1.5;
   min-width: 1349px;
}

/* Clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
* html > body .clearfix {
display: block;
width: 100%;
}
* html .clearfix {
height: 1%;
}
a{text-decoration:none; color:#333;}

@font-face {
    font-family: 'UTMAvoBold';
    src: url('css/font/UTMAvoBold/UTMAvoBold.eot');
    src: url('css/font/UTMAvoBold/UTMAvoBold.eot') format('embedded-opentype'),
         url('css/font/UTMAvoBold/UTMAvoBold.woff2') format('woff2'),
         url('css/font/UTMAvoBold/UTMAvoBold.woff') format('woff'),
         url('css/font/UTMAvoBold/UTMAvoBold.ttf') format('truetype'),
         url('css/font/UTMAvoBold/UTMAvoBold.svg#UTMAvoBold') format('svg');
}

@font-face {
	font-family: 'BeVietnamBold';
	src: url('css/font/BeVietnamBold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'BeVietnamLight';
	src: url('css/font/BeVietnamLight.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'BeVietnamMedium';
	src: url('css/font/BeVietnamMedium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'BeVietnamRegular';
	src: url('css/font/BeVietnamRegular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'BeVietnamSemiBold';
	src: url('../fonts/BeVietnamSemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}



a:hover{color:#23C129;}
img{border:0;}
.clear
{

overflow:hidden;
clear:both;
}
.txtcenter{
text-align:center;
}
table,tr,td {border-collapse: collapse;}
.margin_auto1{
width:1000px;
position:relative; margin:0px auto;
}
.margin_auto{
width:1200px;
position:relative; margin:0px auto;
}
#container{}
.container{}
#logo{ float: left; width: 230px; position: relative;box-sizing:border-box; text-align: center; }
#logo img{ max-width: 100%; padding-top: 9px}
#bn_top{  position: relative;box-sizing:border-box;}
#bn_top img{ max-width: 100%;}
.hotline1{ color: #1334dc; font-size: 16px;position: relative;background: url(images/hotline.png) no-repeat top left; padding:30px 0px 0px 70px;
position: absolute; top: 50px;
right: 115px;}
.hotline1 span{font-size:24px; color: #ff0000; font-weight: bold;}

img.imgperview{
	max-width: 400px;
}
#main_menu{width: 50%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 15px;}

.box-lang {}
.rollover{ position: relative; float: left; overflow: hidden;}
.ink{display:block;position:absolute;background:rgba(255,255,255,.38);-webkit-border-radius:50%;border-radius:50%;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);}
.rollover .ink{-webkit-border-radius:50%;border-radius:50%;}
.animate{-webkit-animation:ripple .4s ease-out;animation:ripple .4s ease-out}
@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5)}}
@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}
.box_new .new-img:hover span{ opacity: 1; cursor: pointer;}
.rollover span{background: url(images/plus.png) no-repeat center; background-size: 25px 25px;
background-color: rgba(121,0,0,0.4);
background-color: -webkit-linear-gradient(30deg,rgba(121,0,0,0.4) 0%,rgba(175,30,35,0.4) 100%);
background-color: linear-gradient(30deg,rgba(121,0,0,0.4) 0%,rgba(175,30,35,0.4) 100%);
-webkit-transition: all 450ms ease;
transition: all 450ms ease;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;}
.rollover:hover span{opacity: 1; cursor: pointer;}
#slide_show{ margin:0px auto;position: relative; box-sizing:border-box;max-width: 1366px;}
#slide_show .bg_slider{
	background: url(images/bg_slider.png) no-repeat bottom left;
	height: 50px;
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
	z-index: 99999;

}
#danhmuc_l{ width: 100%; padding:20px; background-color: #fff; box-shadow: 0px 0px 3px #D3D2C3}
#danhmuc_l .sp_moi{ width: 100%;}
#danhmuc_l .dm_frm{ width: 100%;position: relative; margin:0px auto; padding-bottom: 10px; margin-bottom: 10px;}
#danhmuc_l .dm_frm .img{ width: 102px; box-sizing: border-box; height: 58px; float: left; position: relative;overflow: hidden; margin-right: 12px;}
#danhmuc_l .dm_frm img{ width: 100%; height: 100%;transition: 0.5s;}
#danhmuc_l .dm_frm .img:hover img{ transform: scale(1.1,1.1); }
#danhmuc_l .dm_frm h3{width: 100%; display: block;font-size: 12px;}
#danhmuc_l .dm_frm h3 a{color: #4b4b4b;}
#danhmuc_l .dm_frm h3 a:hover{ color: #4b4b4b }
#danhmuc_l .dm_frm span{ width: 100%; height: 10px; background: url(images/shadow.png) no-repeat top center; display: block; }
#danhmuc_l .dm_frm p{ font-size: 12px; color: #4b4b4b; text-align: justify; }
.about_index{ width: 100%; background: url(images/bg_gioithieu.png) no-repeat top center,url(images/shadow.png) no-repeat bottom center; background-size: 100%; padding-bottom: 27px; margin-bottom: 5px; margin-top: -65px; position: relative; z-index: 1000}
.about_index img{ float: left; width: 253px; height: 138px; background-color: #fff; margin-right: 14px; box-shadow: 3px 3px 3px #D3D2C3;padding: 2px; }
.about_index p{ font-size: 13px; color: #575757;white-space: inherit; line-height: 2; font-weight: normal; }
#thongtin{ width:100%; float:left; padding: 36px 0px 67px 0px; background: url(images/bg_dmbt.jpg) no-repeat bottom center; background-color:#f3f8fe;}
.download{ padding:5px 20px 5px 20px; background:rgba(0,153,204,1); text-decoration:none; color:rgba(255,255,255,1); font-weight:bold; border-radius:5px;}
.noidung{
text-align:justify;
color:#000;
padding:10px;
}
.noidung table{ width: auto !important; max-width: 100% !important; }
.thongtin_lh{ width: 100%; float: left; padding: 0px 40px 20px 0px;}
.thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B;}
.dh_l,.dh_r{ width: 40%; float: left; margin-right: 5%; margin-bottom: 30px; }
.slg{ display: block; padding: 5px 0px; }
.form_dh p{ font-weight: bold; font-size: 14px; margin-bottom: 5px; }
.form_dh input,.form_dh select{ width: 250px; float: left; padding: 0px 5px; height: 30px; margin-bottom: 5px; border-radius: 4px; border:1px solid #333; outline:none; }
.form_dh textarea{ width: 100%; height: 70px; border:1px solid #333;padding: 0px 5px; border-radius: 4px; outline:none;}
.form_dh .bton{ height: 30px;padding:  0px 30px; margin-right: 10px; background: url(images/bg_send.png) repeat-x top left; border:none; border-radius: 4px; font-family: 'RobotoCondensed'; color: #fff000; font-size: 14px; }
.form_lh{background: #23c12912;padding: 20px;}
#form_contact input{ padding: 5px;}
#icon{background:url(images/gach_menu.png) no-repeat right;}

#timkiem{width: 350px;height: 50px;border: 1px #23C129 solid;border-radius: 1000px;overflow: hidden;}

#timkiem form {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
}

#timkiem select{ border: 0px; width: 100px;}
#timkiem input{height: 100%;flex: 1;border:0;color: #000;padding:0px 5px 0px;font-size: 16px;outline:none;text-indent: 20px;background: url(images/search-icon.png) no-repeat 5%;text-indent: 40px;}
#timkiem input::-webkit-input-placeholder{
	color:#000;
	font-size:16px;

}
#timkiem button{width: 118px;height: 100%;background: #23C129;border:0px;border-radius: 1000px;cursor:pointer;outline:none;font-family: 'BeVietnamBold';font-size: 16px;color: #fff;}
.timkiem button:hover{ color:rgba(255,255,0,1);}
.sp_frm{ width: 270px; background: url(images/bg_danhmuc.png) no-repeat bottom center; transition:0.5s; text-align: center;}
.sp_frm.left1{float: left; margin-right: 40px;}
.sp_frm.right1{float: right;}
.sp_frm .sp_img{ width: 100%; height: 297px; padding-bottom: 27px; background: url(images/shadow.png) no-repeat bottom center; }
.sp_frm img{ width: 100%; height: 100%; border:7px solid #7FD2A7; border-radius: 50%;}
.sp_frm:hover{ margin-top: -20px; padding-bottom: 20px;}
.sp_frm h3{ font-family: 'RobotoSlabBold'; font-size: 18px; font-weight: normal; color: #3e3e3e; text-transform: uppercase;}
.album { width: 150px; float: left; margin: 15px 0px 0px 16px; position: relative; overflow: hidden;}
.album img{ width: 150px; height: 110px; float: left; padding: 4px; border:1px solid #cde9ff;}
.album h3{ font-size: 12px; position: absolute; z-index: 10; bottom: -30px; left: 0px; right: 0px; background: rgba(0,0,0,0.5); color: #fff; padding: 5px; transition:0.5s;}
.album:hover h3{ bottom: 0px;}
#main{width:100%;margin:0px auto;padding-top: 0px;margin-bottom: 30px;}
.main_content{ width: 1144px; margin:19px auto;}
.main{
width:100%;
float:left;
}
.back_gr{
width:100%; float:left; background:rgba(255,255,255,1);
}
#left{
width:250px;
float:left;
}
.danhmuc{
width:100%;
margin-bottom: 20px;
}
#left .content_box{
border: 1px solid #e9e9e9;
border-top: none;
background: url(images/bg_content_left.png) no-repeat top center;
}
.content_box select{ width: 100%; height: 30px}
#video{ }
#video_load{ margin: 0px 0px 0px 0px; position: relative;}
#video_load img{width: 100%;height: 100%;object-fit: cover;border-radius: 15px;}
.video{ width: 100%; padding:5px;}
#left .danhmuc .hotline2{ padding:10px 0px 0px 0px; width: 200px; margin: 0px auto;box-sizing:border-box; display: block;}
#left .danhmuc .hotline2 ul.yahoo1{ list-style:none; padding-bottom: 5px;}
#left .danhmuc .hotline2 ul.yahoo1 span.ten{font-size: 15px;color: #3853a4; text-align: center; float: left; line-height: 25px;}
#left .danhmuc .hotline2 ul.yahoo1 span.dienthoai{ display: block;font-size: 14px; color: #4a4a4a;  }
#left .danhmuc .hotline2 ul.yahoo1 span.em{ display: block;font-size: 12px; color: #4a4a4a;  }
#left .danhmuc .hotline2 ul.yahoo1 li.left_y{ padding-left: 31px }
#left .danhmuc .hotline2 ul.yahoo1 li{ font-size:12px; color:#4a4a4a; width: 100%;}
#left .danhmuc .hotline2 ul.yahoo1 li img{ float:left;margin-right: 8px;}
#left .danhmuc span.htr{  color: #3e3e3e; font-size: 15px; font-family: 'UTMAristote'; margin-left: 30px; }
.email2{ padding:5px 0px 5px 44px; background: url(images/email.png) no-repeat 9px center; color: #3e3e3e; font-size: 13px; }
.hotline3 { padding-left: 26px; background: url(images/phone.png) no-repeat left center; color: #3e3e3e}
.hotline3 span{ font-size: 14px; color: #fc0000; font-weight: bold;}
#left #lkweb{ width: 230px; margin:0px auto; height: 30px; outline: none; border:none; box-shadow: inset 5px 5px 10px #cecece;margin-left: 10px; margin-bottom: 10px;}
.danhmuc1{ width: 275px; height: 237px; box-sizing:border-box; padding:5px; border:1px solid #e0dfdf; box-shadow: 6px 0px 0px #f0f0f0; margin:0px auto;position: relative; overflow: hidden }
.danhmuc1 img{ width: 100%; height: 225px;}
.danhmuc1 h3{ font-size: 14px; color: #fff; font-weight: normal; text-transform: uppercase; position: absolute; bottom:-40px; width:263px; left: 6px; background-color: rgba(0,0,0,0.5); padding:7px 0px; transition:0.5s;  cursor: pointer; text-align: center;}
.danhmuc1 h3 a{ color: #fff;}
.danhmuc1:hover h3{ bottom:25px;}
.danhmuc1 h3:hover{ background-color: rgba(255,255,255,0.5);}
.danhmuc1 h3:hover a{color: #000}
.hotline4{ background: url(images/bg_support.png) no-repeat top left;}
.hotline4 p.hl{ padding-left:110px;padding-top: 60px; margin: 0px; padding-bottom: 10px;}
.hotline4 p.hl span.td{ text-decoration: underline; color: #000; font-size: 14px; font-weight: bold; }
.hotline4 p.hl span.it{ color: #fe0000; font-size: 20px; font-weight: bold; }
.left{
width:100%;
float:left;
padding: 10px 0px 10px 0px;
}
.tinhtrang{ border-top: 1px solid #627079; width: 100%; float: left;}
.tinhtrang li a{  display: block; padding: 5px 0px 5px 20px; background: url(images/muiten.png) no-repeat 10px 13px; color: #1F589F}
.tinhtrang h4{ text-transform:uppercase; font-weight: 100; margin: 5px 0px 0px 5px; color: #999}
.thanh{
width:100%;
text-transform:uppercase;
color:#FFF;
font-size:15px; position: relative;
font-weight: bold;
background: url(images/bg_title_left.png) no-repeat top left;
height: 45px;
line-height: 40px;
padding-left: 55px;
font-family: "UTMAvoBold";
font-size: 16px;
}
.menu_left{
width:100%;

}
.menu_left ul{
list-style-type:none;
margin:0px;
padding:0px;
}
.menu_left ul li{
background: url(images/bg_li.png) repeat-x top left;
padding:10px 20px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #e6e6e6;
position: relative;
}
.menu_left ul li:first-child{
	background: none;
	border-top: none;
}
.menu_left ul li:last-child{
	border-bottom: none;
}
.menu_left ul a{
display: block;
padding:0px 0px 0px 15px;
background: url(images/sao.png) no-repeat 0px 5px;
text-decoration:none;
color:#757575;

font-weight: bold;
}
.menu_left li ul a{
color:#666;
}
.menu_left ul a:hover{
color:#f00;
}
.menu_left li ul a,.menu_left li ul ul a{


}
.menu_left ul ul{ width: 100%;
	z-index: 999999;
top: 0;
font-weight: normal; display: none;
box-shadow:none;box-sizing:border-box;
position: absolute;
left: 100%;
background: #FFF;}
.menu_left li ul li{ background: url(images/bg_li.png) repeat-x top center !important;}
.menu_left li ul li a{ display: block;}
.menu_left li ul li ul a{
padding-left:40px; color: #3e3e3e;
background:url(images/style1.png) no-repeat 24px 10px;
}
.cn_frm{ width: 218px; margin:0px auto; margin-bottom: 11px; }
.cn_frm img{ width: 100%; height: 142px }
#video_c{ width: 100%; display: block;position: relative; overflow: hidden;}
#video_c span{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(images/play.png) no-repeat center;}
.sp_noibat{ width: 100%; float: left;}
.cty{
width:218px;
float:left;
text-align:center;
font-weight:900;
font-size:16px;
color:#000;
}
.ctyhoang{
color:#fff;
padding-bottom:10px;
}
.tencty{
width:218px;
float:left;
text-align:center;
font-weight:900;
font-size:20px;
color:#007700;
}
.ht{
padding-left:10px;
padding-top:20px;
color:#FF0000;
text-transform:uppercase;
font-weight:bold;
}
.kinh{
width:200px;
float:left;
border-left:1px solid rgba(204,204,204,1);
border-right:1px solid rgba(204,204,204,1);
border-bottom:1px solid rgba(204,204,204,1);
padding:5px;
}
.yaho{ width: 100%; float: left; text-align: center; margin: 10px 0px 10px 0px;}
.yahoo{
width:210px;
float:left;
margin:10px 0px 10px 40px;
}
.yahoo img{ float: left; margin: 0px 5px 0px 0px;}
.yahoo p.ten{
width:100%;
float:right;
color: #666;
}
.yahoo p.hinh{
width:100%;
float:left;
font-weight: bold;
font-size: 14px;
height: 30px;
line-height: 30px;
color: #2254f3;
}
.yahoo p.hinh a{
float: left;
}
.yahoo .dienthoai{ float: left; padding-left: 30px; background: url(images/dienthoai.png) no-repeat 0px 5px; margin:0px 0px 5px 0px;}
.yahoo .email{ float: left; padding-left: 30px; background: url(images/email.png) no-repeat 0px 5px; margin:0px 0px 5px 0px;}
.tintuc{ width:330px; float:left; margin:0px 0px 5px  0px; padding: 0px 10px 0px 10px; text-align: justify;}
.tintuc:nth-child(2n+1){ clear: both;}
.tintuc img{ float:left; width: 100%; border:1px solid #c8c8c8; padding:2px; margin:5px 10px 0px 0px;}
.tintuc a{ text-decoration:none;}
.tintuc h3{ padding: 5px 0px 5px 0px}
.tintuc h3 a{ font-size:14px; color:#262625; text-transform: uppercase; font-weight: 100;}
.tintuc:hover  h3 a{ color: #026164}
.tintuc p{ font-size:13px;  color:#666;}
.tintuc:hover h3{ color:rgba(255,0,0,1);}
.tintuc:hover{ opacity: 0.8;}
.img_detail{flex: 1;border: 1px #E7E7E7 solid;padding: 30px;border-radius: 10px;}
.info_detail{
float: right; width: 48%; box-sizing:border-box;
}
.info_detail .name_sp{border-bottom: 1px #ddd solid; padding-bottom: 5px;}
.info_detail h1{    color: #878787;
font-size: 20px; text-transform: uppercase;
font-weight: bold;
line-height: 20px;
margin: 0px;}
.info_detail .name_sp .luotmua{float: left;
padding: 0px 10px 0px 20px; color: #000; margin:5px 10px 5px 0px;  background: url(images/ic1.png) no-repeat left center; border-right: 1px solid #ccc}
.info_detail .name_sp .luotxem{float: left;
padding: 0px 10px 0px 20px; color: #000; margin:5px 10px 5px 0px;background: url(images/view.png) no-repeat left center;}
.info_detail p{ font-size: 14px; color: #333 }
.info_detail p.giacu span{ text-decoration: line-through; font-size: 16px;}
.info_detail p.giaban span{  font-size: 20px; color: #f00}
.tinkhac{ width: 100%; float: left; margin: 20px 0px 20px 0px;}
.tinkhac li a{ width: 100%; float: left; padding: 2px 0px 2px 30px; color: #333; background: url(images/sao.png) no-repeat 10px 7px;}
.tinkhac li a:hover{color:#036CAF}
.okt{
padding:0px 0px 10px 10px;
font-weight:bold;
color:#333333;
}
.gc_yah{
width:210px;
float:left;
border-bottom:1px dotted #ccc;
margin:10px 0px 10px 10px;
}
.diachi{
width:970px;
float:left;
font-size:12px;
padding-left:10px;
padding-top:5px;
color:#000;
}
.diachi b{
padding:0px 10px 0px 10px;
}
.quangcao{
width:183px;
float:left;
margin:5px;
}
.xemnhieu{
width:193px;
float:left;
border:1px solid #FF8A00;
background:url(images/left_cham.png) repeat-y;
}
ul.pagination {text-align:center;color:#829994;width: fit-content;}
ul.pagination li {display:inline;padding:0 3px;display: flex;align-items: center;}
ul.pagination a {color: #23C129;display:inline-block;padding:5px 10px;border:1px solid #cde0dc;text-decoration:none;}
ul.pagination a:hover,
ul.pagination a.current {background: #23C129;color:#fff;}
/* ========== Content pagination ========== */
.pagination {
margin: auto;
width: auto;
text-align: center;
margin-top: 10px;
}
.pages {
}
.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(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(images/backgrounds/sideGradient.png) repeat-x;
color: #fff;
border-color: #424852;
}
.pages li .active:hover {
background: #2a313d;
}
.ngaydang{ font-style: italic;; color: #ccc;}
.tim_ten{
width:60px;
float:left;
padding-left:30px;
color:#A6DCFF;
font-size:11px;
line-height:20px;
}
.tim_input{
width:280px;
float:left;
}
.bongl{
width:230px;
float:left;
margin-bottom:20px;
}
.bando{ float:left; border:3px solid #a62401}
.online{
background:url(images/muiten.png) no-repeat 10px 12px;
color:#FFF;
}
.online span{
width:80px;
float:left;
padding-left:20px;
}
.bong_info{
width:730px;
float:right;
height:30px;
font-weight:900;
color:#333333;
text-transform:uppercase;
line-height:30px;
}
.hotline{
float:left;
width:240px;
margin:0px 0px 0px 10px;
color:rgba(51,51,51,1);
font-weight:bold;
font-size:20px;
background: url(images/hotline_l.png) no-repeat 0px 5px;
padding: 0px 0px 0px 80px;
border-bottom: 1px solid #e6e6e6;
}
.hotline h5{ font-weight:100; font-size:12px;}
.hotline span{ color:rgba(255,0,0,1)}
#chungtoi{ width: 100%; float: left; background: url(images/bg_chungtoi.jpg) repeat; border-bottom: 1px solid #daedfb;border-top: 1px solid #daedfb;}

#content{width: 1320px;margin: 0px auto;}
#info{width: 100%;/* float:right; */}
.hocbong{ width: 470px; float: right;padding-left: 60px; background: url(images/line1.png) no-repeat left center; margin-right: 30px; margin-top: 10px}
.hocbong2{  width: 355px; float: right; margin-right: 30px; margin-top: 20px; background: url(images/line1.png) no-repeat left center;}
.hocbong2 .fanpage{ float: right; width: 300px; }
.hocbong1{ float: left; width: 375px; padding:0px 15px;}
#sanpham{width:100%;/* float:left; */}
.khung{
width:100%;
position: relative;
padding-bottom: 18px
}
.xemtiep{
width:auto;
float:right;
font-size:11px;
background:url(images/sao.png) no-repeat 0px 2px;
padding-left:15px;
text-align:center;
}
.xemtiep a{
text-decoration:none;
color:#000;
}
.xemtiep a:hover{
color:#f00;
}
.thanh_title{position: relative;overflow: hidden;margin: 30px 0px;text-align: center;}
.thanh_title h2,.thanh_title h4{color:#ff0000;font-family: 'BeVietnamBold';text-transform:uppercase;font-size: 30px;padding: 0px 10px 0px 55px;position: relative;height: 44px;line-height: 44px;margin:0;}

.thanh_title1{ width:100%; display: block;text-align: center;}
.thanh_title1 h2{ font-family: Tahoma; font-size: 20px; line-height: 1; font-weight: normal; color:#ff0000; text-transform: uppercase; display: inline-block; font-style: italic; padding: 33px 0px 30px 0px}
.thanh_title2{ width:100%; display: block;text-align: center; height: 15px; border-bottom:2px solid #313131; margin-bottom: 25px;}
.thanh_title2 h3{ font-family: 'UVNBaiSauRegular'; font-size: 18px; line-height: 1; font-weight: normal; color:#313131; text-transform: uppercase; display: inline-block;padding: 0px 10px; background-color: #fff;}
.title_doitac{ width: 100%; background: url(images/bg_doitac.png) repeat-x left center;}
.title_doitac span{ display: inline-block; padding:10px; background-color: #fff; font-family: 'RobotoCondensed'; font-weight: bold; font-size: 19px; color: #266400; text-transform: uppercase;}
.item_index{font-size: 14px;position: relative;box-sizing:border-box;transition: 0.3s;text-align: center;margin-right:5px;margin-bottom: 20px;}
.item_index.right1{
	margin-right: 0px;
}
.item_index .sp_img{ position: relative; overflow: hidden;  }
.item_index img{ border:1px solid #efefef;box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.1); }
.item_index .sp_img span{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 208px; transition:0.5s; opacity: 0; background-color: rgba(0,0,0,0.3); border-radius: 8px; cursor: pointer;}
.item_index .sp_img span a{padding:5px 10px;background:url(images/bg_menu1.png) repeat top left;border-radius: 5px;color: #fff;text-transform: uppercase;font-size: 14px;}
.item_index .sp_img span:hover{ opacity: 1 }
.item_index h3{ color: #585858;margin: 5px 0px;}
.item_index h3 a{ font-size: 14px; font-weight: bold; color: #585858; transition: 0.5s}
.item_index h3:hover{}
.item_index h3:hover a{color: #f00}
.item_index p.masp{ color: #000; font-size: 14px;}
.item_index p.giaban{margin: 0px; color: #3e3e3e;}
.item_index p.giaban span, p.giaban a{ color: #fd0000}
.cont{ position:  absolute;
top: 0px;
left: 0px;
bottom: 0px; transition:0.5s; opacity: 0;
right: 0px;
color: white; background-color: rgba(0,0,0,0.5);}
.item_index:before{
content: "";
display: block;
}
.cont div {
display: table;
width: 100%;
height: 100%;
}
.item_index p.mota{display: table-cell;
text-align: center;
vertical-align: middle;font-size: 14px;
color: white;}
.item_index p.mota { color: #fff}
.item_index .sp_img:hover .cont{ opacity: 1 }
.item_index1{ width: 230px;font-size: 12px; position: relative;box-sizing:border-box; transition: 0.3s; background-color: #fff; text-align: center; margin:0px auto; margin-bottom: 5px;}
.item_index1 .sp_img{ width: 100%; height: 172px; position: relative; overflow: hidden;background-color: #fff;  transition: 0.5s;}
.item_index1 img{ width: 100%; height: 100%; transition: 0.5s; }
.item_index1 .sp_img:hover img{ transform: scale(1.1,1.1); }
.item_index1 h3{ color: #0067d6; font-size: 15px; font-weight: normal; margin-top: 15px; }
.item_index1 h3 a{ color: #0067d6;}
.item_index1 h3:hover a{color: #f00}
.partner{ margin: 20px 0px;}
.partner h3{
	background: url(images/line_partner.png) no-repeat bottom left;
	color: #263967;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 5px;
}

.partner img{
	border: 1px solid #efefef;
}
.tt_frm{ position: relative; width: 409px;}
.tt_frm.mg{ margin-bottom: 50px;}
.tt_frm.le{ float: left;}
.tt_frm.chan{ float: right;}
.tt_frm.le img{ float:right; width:171px; height:110px;border:2px solid #14811F;}
.tt_frm.chan img{ float:left; width:171px; height:110px;border:2px solid #14811F;}
.tt_frm h3{ color:#3e3e3e; line-height: 1.5; font-size: 13px;}
.tt_frm h3:hover{ color: #3e3e3e}
.tt_frm p.mota{ font-size:12px; color:#3e3e3e; text-align:justify; padding-top: 7px;}
.tt_frm span.xemthem{ float: right; color: #ec2a2a;}
.tt_frm.le .so{ position: absolute; width: 60px; height: 20px; text-align: center; line-height: 20px; padding-left: 40px; top:21px; right:-59px; background: url(images/so.png) no-repeat right center; color: #fff}
.tt_frm.chan .so{ position: absolute; width: 60px; height: 20px; text-align: center; line-height: 20px; padding-right: 40px; top:74px; left:-58px; background: url(images/so1.png) no-repeat left center; color: #fff}
.img_doitac{ max-width: 90%; }
.dattour{ width: 88px; height: 30px; background-color: #eca100; color: #000; font-family: 'RobotoBold'; display: inline-block; line-height: 30px; font-size: 13px; text-transform: uppercase; border-radius: 0px 10px 0px 10px; cursor: pointer; transition:0.3s;}
.dattour:hover{ color: #eca100 ; background-color:#000; }
.baithuoc_frm{ width: 100%;padding-bottom: 6px; margin-bottom: 6px; border-bottom:1px dashed #e1e1e1;}
.baithuoc_frm:last-child{ border:none;}
.baithuoc_frm img{ width: 69px; height: 60px; border:1px solid #e8e8e8; float: left;  margin-right: 6px; padding: 2px; background-color: #fff;}
.baithuoc_frm h3{ line-height: 1; font-weight: normal; font-size: 12px; color: #2b7200; margin-bottom: 5px;}
.baithuoc_frm h3 a{ color: #0166b3}
.baithuoc_frm p.mota{ line-height: 1; color: #3b3b3b; }
.dt_frm{ width: 100%; height: 133px; border:1px solid #dcdcdc; margin-bottom: 20px;}
.dt_frm img{ width: 100%; height: 100%;}
ul.truycap{ list-style: none}
ul.truycap li{ padding-left: 36px; color: #6a6969; font-size: 12px;}
ul.truycap li span{ font-weight: bold;}
.dathang_detail .thanhtoannhanh{ width: 239px; float: left; background: url(images/thanhtoannhanh.png) no-repeat; height: 46px; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 9px 0px 0px 50px; cursor: pointer;}
.dathang_detail .muangay{ width: 177px; float: left; background: url(images/thanhtoan.png) no-repeat; height: 46px; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 9px 0px 0px 70px;cursor: pointer;}
.dathang_detail .thanhtoannhanh:hover,.dathang_detail .muangay:hover{ color:#9C1515;}
.dathang_detail span{ width: 42px; height: 42px; padding: 7px 0px 0px 0px; float: left; border:3px solid #ccc; border-radius: 50%; text-align: center;}
.huongdan_detail a{ width: 100%; float: left; padding: 5px 0px 10px 30px; background: url(images/giohan.png) no-repeat 0px 5px; color: #333; font-style: italic;}
.huongdan_detail a:hover{ color: #04579D}
.danhmuc_con{ background: #f4f3f3; width: 100%; float:left;}
.danhmuc_con a{ float: left; color: #333; text-transform: uppercase;}
.danhmuc_con a:hover{ text-decoration: underline;}
.danhmuc_con li{ float: left; position: relative; margin: 9px;}
.danhmuc_con h3{ float: left; position: absolute; font-size: 14px; transition: 0.5s; z-index: 10; bottom: 0; left: 0; right: 0;background: rgba(0,0,0,0.6); padding: 5px; color: #FFDE00}
.danhmuc_con li img{ width: 220px; float: left;}
.danhmuc_con li:hover h3{ bottom: 70px;background: rgba(0,0,0,0.2);}
.box_new{ margin:0px 0px 10px;  padding: 10px; border:3px solid #AAAAAA; transition: 0.5s; }
.box_new:hover{border:3px solid #0483EE; border-radius: 10px;}
.box_new img{ float: left; margin:0px 10px 0px 0px; transition: 0.5s}
.box_new img:hover{ opacity: 0.6; }
.box_new h3{  font-weight: 100; color: #333;text-shadow:0px 0px 0px #333; margin: 0px;}
.box_new h3 a{ color: #333; font-size: 15px;}
.box_new h3 a:hover{ color: #f00 }
.box_new p{ font-size: 14px; color: #333;}
.box_new:nth-child(2n+1){ clear: left;}
.box_new:hover h3{ color: #026A90}
.box_new1{ width: 425px;  font-size: 13px; margin-bottom: 35px;}
.box_new1.left2{ float: left;}
.box_new1.right2{ float: right;}
.box_new1 img{ width: 173px; height: 135px; border:1px solid #e9e9e9; padding:8px; background-color: #fff; float: left; margin:0px 18px 0px 0px;}
.box_new1 h3{ color: #2d7401;text-shadow:0px 0px 0px #333; text-transform: uppercase;}
.box_new1 h3 a{ color: #2d7401; font-size: 13px; }
.box_new1 p{ font-size: 13px; color: #666666;}
.box_new1:hover h3{ color: #026A90}
.khung_thongtin{ }
.khung_thongtin li{ padding: 2px 0px 2px 0px;}
.khung_thongtin .masp{ font-weight: bold; color: #333;}
.khung_thongtin .mota_detail{ color: #757575}
.khung_thongtin .gia_detail{ font-size: 24px; color: #cd0000; font-weight: bold;}
.khung_thongtin .gia_detail b{ color: #333}
.khung_thongtin .giacu_detail{ color:#999;}
.khung_thongtin .giacu_detail span{ text-decoration: line-through;}
.khung_thongtin .baohanh_detail{ color: #015DA4;}
.khung_thongtin ul li{ display: block;font-size: 12px;}
.khung_thongtin ul li span{ display: inline-block; width: 80px; font-weight: bold; }
.khung_thongtin .tinhtrang1{display: inline-block; margin:10px 0px; padding:6px 10px; background-color: #f3b00a; color: #fff; font-size: 13px;}
.khung_thongtin .giaban{ display: inline-block; color: #6c6c6c; font-size: 13px; padding:6px 10px; border:1px dashed #ff0000; margin: 0px;}
.khung_thongtin .giaban span{ font-size: 20px; color: #ff0000; font-weight: bold;}
.thongtin_detail{ font-style: italic;}
.khuyenmai_detail{ margin: 5px 0px 0px 0px;}
.khuyenmai_detail label{ text-transform: uppercase;}
.khuyenmai_detail ul li{ padding: 5px 0px 5px 20px; background: url(images/muiten_detail.png) no-repeat 0px 11px; color: #008c00}
.khung_km{ border: 1px solid #dfdcdc; padding: 10px;}
.selectors{
    width: 105px;
}
.table_info{ width: 930px; float: left;}
.quangcao_in{ position: absolute; z-index: 10; top: 48px; left: 410px;}
.quangcao_in:hover{box-shadow: 0px 0px 10px #999;}
.quangcao_in img{ float: left;}
.dieuhuong a{ color: #333; padding: 0px 10px 0px 5px; float: left; background:url(images/muiten_trong.png) no-repeat right;}
.dieuhuong a:hover{ color:#007597;}
.thanhsp{ width:100%; float:left; margin: 0px 0px 20px 0px; background:#ffd800;}
.thanhsp h2{ color:#fff; text-transform:uppercase;font-size: 20px; font-weight:100;display: inline-block; padding: 0px 20px 0px 10px}
.thanhsp h2:before{ content: ""; background: url(images/after.png) no-repeat; height: 18px; float: left; width: 139px; margin: 15px 0px 0px 0px;}
.thanhsp h2:after{ content: ""; background: url(images/after.png) no-repeat; height: 18px; float: right; width: 139px; margin: 15px 0px 0px 0px;}
.thanhsp span{ color: #FE0000}
.khung_khac{ width: 100%; float: left;margin: 0px 0px 20px 0px;}
.thanh_k{ width: 100%; float: left; height: 38px; background: url(images/thanh_k.png) repeat-x; }
.thanh_k h2{ font-size: 16px; padding: 8px 0px 0px 10px; text-transform: capitalize;}
.khung_bc{ width: 250px; float: right; border:3px solid #ccc;}
.khung_bc h2{ background: #ffde00; height: 30px; line-height:30px; font-weight:100;  text-align: center; text-transform: uppercase; font-size: 14px; }
.khung_bc h2 span{ color: #e80000}
.giamgia_bc{
position: absolute;
width: 30px;
float: left;
height: 30px;
z-index: 1;
top: 0px;
left: 70px;
font-size: 13px;
background: #E90000 none repeat scroll 0% 0%;
border-radius: 50%;
line-height: 30px;
text-align: center;
color: #FFF;
}
#java_km{ width: 100%; float: left;}
.thanhdt{ width:100%; float:left; margin: 10px 0px 20px 0px; text-align: center; height: 60px; line-height: 55px;}
.thanhdt h2{ color:#333333; text-transform:uppercase;font-size: 26px;background-color: #fff; display: inline-block; padding: 0px 20px 0px 10px; font-weight: 100;}
.thanhdt span{ color: #FE0000}
.item_bc{ width: 236px; float: left;margin:5px; border-bottom: 1px solid #e2e2e2; padding: 10px 0px 10px 0px; position: relative; }
.item_bc img{ width: 100px; float: left; margin:0px 10px 0px 0px;}
.item_bc h3{ color:#0066cc; font-weight: 100; font-size: 14px}
.item_bc .giaban{ color: #e80000; font-size: 14px;}
.item_bc .giacu{ color: #6991a3; text-decoration: line-through; font-size: 14px;}
.item_bc:hover{ opacity: 0.8}
.title_kt{ color: #333; font-size: 20px; }
.tin_tuc{ width: 100%; float: left; text-align: center; margin-top: 10px;}
.tin_tuc h2{ display: inline-block; background: url(images/thanhsp.png) no-repeat; height: 64px; background-size: 100% 100%; padding: 10px 80px 0px 80px;text-transform:uppercase; color: #fff; font-weight: 100}
.tin_tuc h3{color:#646464; text-transform: uppercase; margin: 10px 0px 5px 0px ;}
.tin_tuc p{color:#666666; font-size: 12px;}
.tin_tuc ul li{ width: 370px;float: left; margin: 20px 0px 0px 10px; text-align: left;}
.tin_tuc ul li img{ width:66px; height:66px; float:left; margin:10px; border-radius: 100%;}
.tin_tuc ul li{ padding:2px 0px 2px 10px;}
.tin_tuc ul li a{ color:#00426f;}
.tin_tuc ul li span{ color:#ccc}
.tin_tuc a:hover{ color:rgba(255,0,0,1);}
.thanh13{
float:right;
}
.item{
width:275px;
float:left;
margin:10px 0px 10px 25px;
text-align: center;
}
.item .product_images{
width:100%;
border-radius: 5px;
border: 1px dotted #e6e6e6;
padding:4px;
float: left;
}
.item .product_images img{
width:100%;
background: #fff;
height: 190px;
padding:1px;
float: left;
border-radius: 5px;
border: 1px solid #e6e6e6;
}
.item .product_images a{
float: left;}
.bong_sp{ width:100%; float:left; height:10px; background:url(images/bong_sp.png) no-repeat center}
.item a,.sp2 a{
text-decoration:none;
}
.item h3,.sp2 h3{ color:#333; font-weight:200;font-size:14px;margin: 20px 0px 0px 0px; }
.item p{ color: #FC0000; font-size: 13px;}
.item p span{color:rgba(255,0,0,1);}
.item_hot{
width:200px;
float:left;
text-align: center;
padding: 10px;
position: relative;
min-height: 230px;
border-right: 1px dotted #ccc;
}
.item_hot:hover{ box-shadow: inset 0px 0px 10px #ccc}
.item_hot img{ width: 100%}
.item_hot .product_images{
width:100%;
border-radius: 5px;
border: 1px dotted #e6e6e6;
padding:6px;
float: left;
}
.item_hot .product_images img{
width:100%;
background: #fff;
height: 190px;
padding:1px;
float: left;
border-radius: 5px;
border: 1px solid #e6e6e6;
}
.item_hot .product_images a{ float: left;}
.bong_sp{ width:100%; float:left; height:10px; background:url(images/bong_sp.png) no-repeat center}
.item_hot a,.sp2 a{
text-decoration:none;
}
.item_hot h3,.sp2 h3{ color:#0066cc; font-weight:100;font-size:12px;margin: 20px 0px 0px 0px; }
.item_hot p{ color: #FC0000; font-size: 11px; width: 50%; float: left; }
.item_hot p span{color:rgba(255,0,0,1);}
.item_hot .giacu{ color: #999; text-decoration: line-through;}
.giamgia_hot{
position: absolute;
width: 40px;
float: left;
height: 40px;
z-index: 1;
top: 3px;
right: 3px;
background: #E90000 none repeat scroll 0% 0%;
border-radius: 50%;
line-height: 40px;
text-align: center;
color: #FFF;
}
.khung_pr{width: 100%;/* float: right; */}
.viewmore{ float: right; padding-left: 15px; background: url(images/style1.png) no-repeat left center; color: #f00; font-size: 13px;}
.visit_hidden{ visibility: hidden; height: 1px;}
.xemthem{ float: right; }
.xemthem1{ float: right; width: 96px; height: 27px; background: url(images/xemthem.png) no-repeat top center; }
.image_boder12{ float:left;}
.chitiet{
float:right;
border-radius:5px;
text-align:center;
height:22px;
color: #fe8152;
text-decoration: underline;
line-height:22px;
}
.chitiet:hover{
color:#03758D;
}
.dathang{
width:80px;
float:left;
height:25px;
border-radius:5px;
background:#39a01f;
text-align:center;
margin-left:40px;
line-height:25px;
font-weight:bold;
color:#fff;
cursor:pointer;
}
.item:hover{
opacity:0.8;
}
.item:hover h3{ color: #0483E5}
.cls{
width:728px;
float:left;
border-bottom:1px dashed #CCCCCC;
}
.gach{
width:100%;
float:left;
border-bottom:1px dotted #ccc;
margin:5px 0px 5px 0px;
}
.lienhe_sp{
text-align:center;
}
.lienhe_sp span{
color:rgba(255,0,0,1);
}
.frame_images{
width:100%;
margin:0px auto;
}
.app-figure{ /*border: 2px solid #CBCBCB */}
.noidung ul li{
list-style-type:none !important;
}
.tieudetin{
color:#000;
text-transform:capitalize;
font-size:18px;
font-weight:900;
}
.tieudetin i{
color:#999999;
font-size:12px;
font-weight:100;
}
#tin{
width:570px;
float:left;
}
.tieudetinn a{
color:#333;
text-decoration:none;
font-size:16px;
font-weight:bold;
}
.tieudetinn a:hover{
color:#006699;
}
.msoct{
padding:5px 0px 5px 0px;
color:#666666;
font-weight:900;
text-transform:capitalize;
}
.motact{
color:#666666;
}

#footer{overflow: hidden;}
#footer .coppyright{
	color: #878787;
	text-align: center;
	font-size: 14px;
	padding-top: 3px;
}
.footer_1{
float: left;
border-radius: 5px;
padding:0px 40px 0px 0px;
margin:30px 0px 0px 0px;
}
.footer_1 h4{
font-size: 14px;
color: #333;
background: #eee3c7;
margin:0px;
text-align: center;
height: 30px;
border-radius: 10px;
line-height: 30px;
text-transform: uppercase;
}
.footer_1 ul{ padding: 10px 0px 20px 0px;}
.footer_1 ul li a{
color: #585858;
font-size: 14px;
display: block;
padding: 5px 0px 5px 60px;
background: url(images/chamvang.png) no-repeat 30px 10px;
}
.footer_1 ul li a:hover{ color: #0151B4;}
.footer_1 p{ margin: 10px 0px 10px 0px; font-size: 12px;color: #333;}
.footer_1 form{ width: 100%; float: left;}
.footer_1 form label{width: 100%; float: left; color: #ccc;}
.footer_1 form .input{ width: 230px; padding: 5px;}
.footer_1 form button{ padding: 5px 20px 5px 20px; border: 0px; background: #ffea00; text-transform: uppercase; margin: 5px 5px 20px 0px;}
.footer_1 form button:hover{ background: #027788; color: #fff; cursor: pointer;}
.vien_ng{ width: 100%; float: left;border:1px solid #d2d2d2; border-radius: 10px; padding: 2px; background: url(images/bong_duoi.png) no-repeat 0px 30px; background-color: #f7f7f7; margin: 0px 0px 30px 0px;}
.vien_ng2{ width: 100%; float: left;border:1px solid #d2d2d2; border-radius: 10px; padding: 2px; background: url(images/bong_duoi.png) no-repeat 0px 30px; background-color: #f7f7f7; margin: 0px 0px 0px 0px;}
.baomat{ color: #666 !important}
.dangky_tin{
padding:35px 0px 0px 0px; float: right; width: 577px; color: #fff; }
.dangky_tin h4{ text-transform:uppercase; font-weight: bold; width: 100%; float: left; border-bottom: 1px solid #fff; margin-bottom: 10px; color: #fff;}
.dangky_tin p{ font-size: 14px; margin:5px 0px 5px 0px; font-size: 12px;}
.dangky_tin p span{ text-transform: uppercase; font-size: 16px;}
.dangky_tin input{ width: 100%; border:none; outline: none; border-radius: 5px; height: 36px; background-color:rgba(255,255,255,0.1); padding:0px 5px 0px 5px; color: #fff}
.dangky_tin button{ border:none; outline:none; background: #ee8800; width: 106px; height: 36px; border-radius: 5px; font-weight: bold; color: #fff; text-transform: uppercase; position: absolute; z-index: 100; top: 0px; right: 0px; cursor: pointer;}
.dangky_tin button:hover{ opacity: 0.5;}
.dangkymail{ width: 100%; float: left;position: relative;}

#copy .copyright{ width: 100%; background-color: rgba(32, 79, 65, 0.83); }
#copy .copyright p{ float: left; color:#fff; height: 40px; line-height: 40px; font-size: 13px;}
#copy .copyright ul{ float: right; margin-top: 10px;margin-right: 60px}
#copy .copyright ul li{ display: inline-block; padding-left: 10px; margin-left: 10px; font-size: 12px; color: #fff;}
#copy .copyright ul li span{ color: #ffff00}
.thongtin_ht{min-height: 345px; padding: 30px 0px 0px 20px; }
#info .fanpage{ float: left; width: 445px;}
#info .content_ft{ width: 562px; float: right; color: #fff;font-family: 'RobotoRegular'; font-weight: normal; font-size: 14px}
.content_ft h2{
font-family: 'RobotoBold'; font-size: 18px !important;
}
#bottom{
width:100%;
float:left;
margin: 0px 0px 0px 0px;
}
#bottom h3{ font-size: 16px; font-family: 'RobotoRegular'; font-weight: normal; color: #fff; margin-bottom: 10px;}
.logo_bt{ float: left; text-align: center;}
.logo_bt{ max-width: 90%}
.menu_bt{
width:100%;
float:left;
margin-top:10px;
margin-bottom:10px;
text-align:center;
color: #333;
}
.congty{ position:relative; color:rgba(255,255,255,1); text-align:center; margin-top:10px; text-transform:uppercase; width:100%; float:left;}
.menu_bt a{
text-decoration:none;
color:rgba(255,255,255,1);
font-size:14px;
padding:0px 25px 0px 25px;
text-transform:uppercase;
}
.menu_bt a:hover{
color:rgba(255,255,0,1);
}
.khung_bt{
width:25%;
float:left; padding: 40px 0px 40px 35px;background: url(images/line3.png) no-repeat right center;
}
.khung_bt img{ float: left; margin-right: 13px }
.khung_bt span{ font-family: 'RobotoCondensed'; font-size: 20px; color: #fff ; text-transform: uppercase;}
.khung_bt span.span2{ color: #f6ff00 }
.thongtin_bt{ float: left; margin:0px 0px 10px 0px; color: #fff; width: 200px;
padding:35px 0px 0px 0px;}
.thongtin_bt h2{ text-transform: uppercase; color: #FFE401; margin:5px 0px 5px 0px;font-family: 'RobotoRegular'; }
.copy ul{ width: 100% ; margin-top: 10px}
.copy li{ display: inline-block; margin-right: 2px;}
.copy li span{ color: #FFEA00; font-weight: bold;}
.copy strong{ font-size: 22px !important;}
.mang_xh{ width: 100%; float: left; text-align: center;}
.mang_xh a{  margin:20px 10px 0px 0px;}
.mang_xh a:hover{ opacity: 0.7;}
.mang_xh img{ width: 30px; height: 30px; border-radius: 30px;}
.copy{ color: #fff;line-height:1.5}
.copy p{
	margin-bottom:0px;
}
.thongke {
width: 590px;
float: right;
}
.thongke p{ font-size: 16px; color: #fff; text-align: right; font-style: italic; padding-bottom: 5px;}
.thongke .fanpage{
    float: left;
    width: 300px;
}
.thongke {
    padding-top: 20px;
}
.thongke .box_static{
    float: right;
    color: #FFF;
}
.thongke .box_static h3{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}
.dong_p{
width:190px;
float:left;
margin-top:10px;
}
.map{ float: right; margin: 20px 0px 0px 0px;}
.map h4{ color: #fff; text-align: right; text-transform:uppercase; font-style: italic;}
.map img:hover{ box-shadow: 0px 0px 10px #ccc;}
.lk_bt a{ float: left; margin:5px 0px 0px 5px;}
.lk_bt img:hover{box-shadow: 0px 0px 3px #ccc;}
.bttt2{
width:1230px;
float:left;
margin-top:0px;
min-height:100px;
padding:10px 0px 10px 0px;
color:rgba(255,255,0,1);
font-size:14px;
}
.bttt2 span{
}
.bttt3 a{
color:rgba(255,255,0,1);
font-weight:900;
text-decoration:none;
}
.dangnhap{
width:230px;
float:left;
padding-top:10px;
padding-bottom:5px;
}
.tendang{
color:#FFCC00;
padding-left:10px;
height:25px;
}
.tendang input{
width:130px;
float:right;
padding-right:10px;
}
.nutdang input{
width:82px;
float:right;
height:25px;
background:url(images/dangnhap.png) no-repeat;
border:0;
cursor:pointer;
font-weight:900;
}
.tendd a{
text-decoration:none;
font-weight:bold;
color:#000000;
}
.tendd a:hover{
color:#FF9900;
}
.ngdd{
color:#999999;
font-size:10px;
}
.dangky a{
width:230px;
float:left;
text-align:right;
font-style:italic;
color:#FFFFFF;
text-decoration:none;
background:url(images/dangky.png) no-repeat 100px;
padding-bottom:10px;
padding-bottom:5px;
}
.dangky a:hover{
color:#FFCC00;
}
.nuttt input{
width:170px;
float:left;
margin-left:30px;
}
.nutdangk input{
width:82px;
float:right;
height:25px;
margin-right:70px;
background:url(images/dangnhap.png) no-repeat;
border:0;
cursor:pointer;
font-weight:900;
margin-top:10px;
margin-bottom:10px;
}
.kakadk{
width:82px;
float:left;
height:25px;
margin-left:130px;
background:url(images/dangnhap.png) no-repeat;
border:0;
cursor:pointer;
font-weight:900;
margin-top:10px;
margin-bottom:10px;
}
.dangnhaptv fieldset{
border:1px solid #FFCC00;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding-top:10px;
padding-bottom:10px;
}
.dangnhaptv legend{
margin-left:50px;
text-transform:capitalize;
color:#FFCC00;
font-weight:900;
}
.dangnhaptv label{
width:120px;
float:left;
padding-left:10px;
font-weight:900;
}
.dangnhaptv input{
margin-bottom:5px;
}
.capchaaaa{
width:auto;
float:left;
height:30px;
line-height:50px;
}
.capchaaaa img{
padding-top:5px;
}
.dkt{
width:82px;
float:left;
margin-top:10px;
margin-left:130px;
}
.dntc{
width:230px;
float:left;
color:#FFCC00;
font-weight:900;
text-align:center;
text-transform:capitalize;
}
.thoat a{
width:82px;
float:left;
text-align:center;
line-height:25px;
height:25px;
margin-left:70px;
margin-top:10px;
margin-bottom:5px;
color:#333333;
background:url(images/dangnhap.png) no-repeat;
}
.thoat a:hover{
color:#000000;
}
.xemtheem{
width:315px;
float:left;
text-align:right;
}
.xemtheem a{
text-decoration:none;
color:#0066FF;
font-size:11px;
font-style:italic;
}
.xemtheem a:hover{
color:#FF0000;
}
#doitac{
width: 100%;
float:left;
padding:20px 0px 20px 0px; background-color: #ffffff;
}
.doitac{
width: 100%; border-top:1px solid #cdcdcd; padding-top: 20px;
}
.doitac img:hover{ box-shadow: 0px 0px 3px #ccc; border-radius: 5px;}
.doitac img{ max-width: 100%; margin:5px 0px 0px 10px; transition: 0.3s;}
.sp_left{ width:240px; float:left; margin: 10px 0px 0px 10px; }
.sp_left img{ width:100%; float:left;margin:0px 0px 0px 0px; border-radius:10px; padding: 2px; border:1px solid #e1e1e1;}
.sp_left img:hover{ opacity: 0.8;}
.menu_bot{
width:1230px;
float:left;
padding-top:5px;
text-align:center;
}
.menu_bot a{
text-decoration:none;
color:#fff;
text-shadow: -1px 1px #0033CC , 1px -1px #0033CC , -1px -1px #0033CC ,1px 1px #0033CC;
padding-left:10px;
padding-right:10px;
}
.menu_bot a:hover{
color:#900;
text-shadow: -1px 1px #fff , 1px -1px #fff , -1px -1px #fff ,1px 1px #fff;
}
.tienich{
width:214px;
float:left;
background:url(images/tienich.png) no-repeat 15px 15px;
height:140px;
}
.dmas{
width:200px;
float:left;
padding-top:10px;
height:35px;
}
.cume{
padding-bottom:0px;
}
.cume img{
width:173px;
padding:2px;
height:123px;
border:1px solid #CCC;
}
.cume a{
text-decoration:none;
color:#333333;
font-weight:bold;
}
.cume span{
color:#FF0000;
}
.giohangg{
width:200px;
float:left;
background:url(images/giohang.jpg) no-repeat;
height:90px;
padding-top:60px;
}
.soluong{
padding:10px 0px 0px 10px;
font-weight:bold;
}
.soluong span{
width:110px;
float:right;
color:#F90
}
.ci{
width:70px;
padding-top:10px;
float:right;
}
.ci a{
text-decoration:none;
color:#F00;
font-style:italic;
}
.tienich{
width:130px;
float:left;
padding-left:60px;
padding-top:10px;
}
.tienich a{
width:130px;
float:left;
text-decoration:none;
color:#333333;
font-weight:bold;
padding-top:11px;
}
.tienich a:hover{
color:#F00;
}
s
.new_hot{
width:249px;
float:left;
}
.ten_t{padding:5px 5px 0px 5px;}
.ten_t a{ color: #333;  text-decoration:none;}
.ten_t a:hover{ color:rgba(0,102,153,1);}
.hinh_t{padding:2px; border:1px solid rgba(204,204,204,1); margin:5px; float:left;}
.xem_t a{ float:right; font-size:11px; color: rgba(255,0,0,1); text-decoration:none;}
.xem_t a:hover{ color:rgba(0,102,153,1);}
.xem_t{ padding-right:5px;}
div#container_product{
margin-top:10px;
width:100%;
float:left;
}
div#container_product #tabs {
border: 1px solid #fff;
margin-right:5px;
margin-bottom: 10px;
overflow: hidden;
}
div#container_product #tabs li {
background:rgba(255,0,0,1);
padding: 7px 30px;
margin-right: 1px;
color:rgba(0,102,204,1);
text-transform: uppercase;
font-weight: bold;
}
div#container_product #tabs li.active {
background:#ffde00;
color: #000;
}
div#container_product #tabs li {
float: left;
}
div#container_product #tabs li a {
color: #000;
font-size:16px;
text-decoration:none;
}
.phantrang {
text-align: center;
margin-top: 20px;
}
.noidung_ta{
width:100%;
float:left;
padding:10px;
clear:left;
border: 3px solid #e4e4e4;
}
.clear {
clear: both;
}
form#dangky input.dangky {
width: 80px;
background: #000000;
color: #ffffff;
height: 28px;
text-align: center;
border-radius: 0px;
line-height: 20px;
margin-top: 15px;
cursor: pointer;
margin-left: 180px;
}
form#dangky input.dangky2 {
width: 80px;
background: #000000;
color: #ffffff;
height: 28px;
text-align: center;
border-radius: 0px;
line-height: 20px;
margin-top: 25px;
cursor: pointer;
margin-left: 30px;
}
form#dangky input {
width: 250px;
height: 20px;
margin: 5px 0px;
background: none;
border: 1px solid #ccc;
}
.timmm{
width:170px;
position:absolute;
z-index:10;
float:left;
color:rgba(255,255,255,1);
font-weight:bold;
background:#fff;
height:25px;
margin-left:810px;
border-radius:5px;
margin-top:4px;
}
.timmm .bo5{
width:140px;
margin-left:10px;
margin-top:6px;
outline:none;
float:left;
border:0;
background:none;
}
.timmm .ok{
width:20px;
cursor:pointer;
background:url(images/seach.png) no-repeat;
height:17px;
margin-top:5px;
float:left;
border:0;
outline:none;
}
.khuyenm{
width:450px;
float:left;
margin-left:10px;
margin-top:10px;
height:150px;
}
.hinhkm{
width:120px;
float:left;
border:1px solid rgba(204,204,204,1);
padding:2px;
margin-right:10px;
}
.tenkm a{
text-decoration:none;
color:rgba(153,0,0,1);
}
.tenkm a:hover{
color:rgba(255,0,0,1);
}
.content{ width: 910px; float: right; margin: 0px 10px 0px 0px;}
div#bando
{
margin-top:-23px;
}
.box_containerlienhe .content ul.list_map
{
list-style:none;
}
.box_containerlienhe .content ul.list_map li
{
margin:3px 0px 7px 0px;
}
.bando1{width: 100%; margin:0px auto;}

#box_map_home{
    width: 100%;
    min-width: 1200px;
    position: relative;
}
#box_map_home .box_info{
    position: absolute;
    background: url(images/bg_box.png) no-repeat top left;
    height: 432px;
    width: 372px;
    top: 0px;
    left: 0px;
    z-index: 99999999;
    color: #FFF;
}
#box_map_home .box_info .content_info{
    padding: 120px 20px 0px;
}
#box_map_home .box_info .content_info p{
    margin: 0px;
    padding-top: 10px;
}
#box_map_home .box_info .content_info span{
    display: inline-block;
    width: 80px;
}
#box_map_home .box_info .content_info input[type='text']{
    border-radius: 3px;
    border: 1px solid #FFF;
    width: 245px;
    padding: 6px 0px;
}
#box_map_home .box_info .content_info button[type='submit'],#box_map_home .box_info .content_info button[type='reset']{
    background: #54cb49;
    border: none;
    border-radius: 3px;
    padding: 8px 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
}
#box_map_home .box_info .content_info button[type='reset']{
    background: #ed1c24;
    margin-left: 10px;

}
#box_map_home .box_info .content_info textarea{
    border-radius: 3px;
    border: 1px solid #FFF;
    width: 245px;
    padding: 3px 0px;
}
#map_canvas1 {
height: 432px;
width: 100%;
}
#map_canvas {
height: 545px;
width: 100%;
margin-bottom:10px;
float:left;
margin-left:2px;
}
.map_description {
color: #000000;
overflow: auto;
width: 300px;
}
.map_description .default {
color: #FF0000;
}
.map_description div {
line-height: 18px;
margin: 3px;
}
.map_list_address {
float: left;
height: 500px;
overflow: hidden;
width: 250px;
}
.map_list_address .list {
line-height: 18px;
margin-bottom: 5px;
}
.map_list_address span {
color: #FCFF46;
}
.map_title {
color: #30A602;
font-weight: bold;
}
.navigate .C {
width: 970px;
}
.hinhnho{
margin-top:5px;
float:left;
width:350px;
text-align:center;
}
.hinhnho img{ border:1px solid rgba(204,204,204,1); padding:2px;}
.hinhnho a:hover{
opacity:0.7;
}
.duan{ width:230px; float:left; margin:5px 7px 0px 7px;height:200px;}
.duan a{ text-decoration:none;}
.duan h3{ text-align:center; color:rgba(0,102,153,1)}
.duan img{border:1px solid rgba(204,204,204,1); width:220px; padding:4px; height:140px;}
.hotro_right {
display: block;
position: fixed;
bottom: 0px;
right: 0px;
z-index: 9;
width: 100%;
max-width: 290px;
}
.hotro_right #img {
display: block;
position: relative;
width: 100%;
max-width: 290px;
height: 160px;
border-bottom: 1px solid #d00000;
background: transparent url("images/hotro.png") no-repeat scroll 0% 0%;
}
.hotro_right #img > div.hotline {
position: absolute;
bottom: 0px;
padding: 0px 10px;
background-color: #ffde00;
color: #d00000;
font-size: 17px;
font-weight: bold;
width: 100%;
border: 1px solid #6E7AFF;
border-radius: 5px 5px 0px 0px;
text-align: center;
}
.hotro_right .noidung_20 {
display: none;
background-color: #FFF;
border-left: 1px solid #d00000;
padding: 5px;
}
.hotro_right #img > div.hotline_r {
position: absolute;
bottom: 0px;
padding: 0px 10px;
background-color: #ffde00;
color: #d00000;
font-size: 17px;
font-weight: bold;
width: 100%;
border: 1px solid #d00000;
border-radius: 5px 5px 0px 0px;
text-align: center;
}
.red{ color: #FB0000}
.dieukhoan{ width: 50%; float: left; border: 1px solid #ccc;margin: 10px 0px 10px 0px;}
.dieukhoan h4{ padding: 5px 10px 5px 10px; background: #ccc; text-transform: uppercase; color: #fff}
.cuoncuon{ padding: 10px; height: 400px; overflow-y: scroll;}
.khung_trai{  }
.khung_phai{ }
.thongtin_lh{ width: 100%; float: left; padding: 0px 40px 20px 0px;}
.thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B}
.form_lh{}
.form_lh fieldset{
padding: 10px;
margin: 20px 0px 0px 0px;
}
.form_lh legend{ padding:0px 10px 0px 10px;  font-style: italic; color: #023B70}
.form_lh p{padding: 5px 0px 5px 0px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.form_lh p input{padding: 5px;flex: 1;margin-left: 10px;border-radius: 5px;outline: 0;border: 1px #000 solid;}
.form_lh p label{ width: 100px; float: left;}
.form_lh p textarea{padding: 5px;width: 365px;margin-left: 5px;border: 1px #000 solid;border-radius: 5px;}
.form_lh p button{ border: 0px; background: #303030; padding: 5px 20px 5px 20px; font-weight: bold; color: #fff; cursor: pointer; margin-left: 13px;}
.form_lh p button:hover{ background: #036593}
#form_contact input{ padding: 5px;}
.box_video{float: left;}
.box_video img{ width: 100%}
.box_video h3{ text-align: center; margin:10px 0px 0px 0px; width: 100%; float: left; font-size: 14px;}
.box_video:hover{ opacity: 0.8;}
.dieukhoan{ width: 49%; float: left; border: 1px solid #ccc;margin: 10px 0px 10px 0px;}
.dieukhoan h4{ padding: 5px 10px 5px 10px; background: #eee3c7; text-transform: uppercase; color: #000}
.cuoncuon{ padding: 10px; height: 400px; overflow-y: scroll;}
.xacnhan{width: 100%; float: left;margin: 10px 0px 10px 0px;}
.xacnhan h4{ padding: 5px 10px 5px 10px; background: #eee3c7; text-transform: uppercase; color: #000}
.khungxn p{ padding: 5px 0px 5px 0px; border-bottom: 1px dotted #ccc;}
.khungxn p b{ width: 100px; float: left; font-weight: 100;}
.phuongthuc h4{ padding: 5px 10px 5px 10px; background: #eee3c7; text-transform: uppercase; color: #000; margin-bottom: 10px;}
.dongy { padding: 10px; width: 100%; float: left; font-weight: bold;}

.box_about_home{
    margin-bottom: 20px;
}
.box_about_home .box_about_home_left{
    float: left;
    width: 330px;
}
.box_about_home_right{
    float: right;
    width: 390px;
}

.box_about_home .box_about_home_left .box_about_home_img_lag img{
    border: 7px solid #f5f5f5;
    box-shadow: 7px 7px 0px rgba(0,0,0,0.1);
}
.box_about_home .box_about_home_left .box_about_home_img_orther{
    padding: 10px 0px;
}
.box_about_home .box_about_home_left .box_about_home_img_orther img{
    border: 1px solid #e9e9e9;
    margin: 1px;
}
ul.list_news_left{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.list_news_left li{
padding: 10px 0px;
    border-bottom: 1px dashed #7f7f7f
}
ul.list_news_left li:first-child{
	padding-top: 0px;
}
ul.list_news_left li:last-child{
	border: none;
	padding-bottom:0px;
}
ul.list_news_left li h3{
    margin: 0px;
    padding: 0px;
}
ul.list_news_left li h3 a{
    color: #7f7f7f;
    font-size: 14px;
    font-weight: normal;
}
ul.list_news_left li .img{
    float: left;
    margin-right: 10px;
}
ul.list_news_left li .img img{
    width: 75px;
}

/* Long css */
*{
	margin:0;
   padding: 0;
   box-sizing: border-box;
   line-height: normal;
	font-weight: 400;
}

h3 a{
   color: #000 !important;
}
a{
   color: #000 !important;
   /* line-height: normal; */
   /* font-weight: 400; */
}
h3:hover a{
   color: #23C129 !important;
}
.scale-img {
	overflow: hidden;
}
.scale-img img, .scale-img picture {
	transition: all 0.5s;
}

.scale-img:hover > img, .scale-img:hover > picture {
	transform: scale(1.2, 1.2);
}


p{
   margin-bottom: 0;
}
.w-100{
   width: 100%;
}

.text-split {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 3;
}

/* Swipper */
.swiper .swiper-wrapper {
	width: inherit;
	height: inherit;
}
.swiper.swiper-initialized .swiper-wrapper {
	margin: 0;
	width: 100%;
	height: 100%;
}
.swiper.swiper-initialized .swiper-slide {
	padding: 0;
	margin: 0px;
	overflow: hidden;
}
.swiper-pagination{
    position: initial;
    margin-top: 30px;
}
.swiper-pagination .swiper-pagination-bullet{}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{}

.general-pagination{
   text-align: center;
   margin-top: 20px;
}
.general-pagination .swiper-pagination-bullet{}
.general-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{}

.slogan{
   margin-bottom: 15px;
   font-size: 18px;
}
.title-main{
    text-align: center;
    margin-bottom: 25px;
	border-bottom: 2px #23C129 solid;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.trangtrong h2.title-main {
    margin: 30px 0px;
}
.title-main span{
   font-size: 48px;
   text-transform: uppercase;
   line-height: normal;
   font-family: "Montserrat", sans-serif;
}
.title-main span:nth-child(1){
	color: #052E08;
	font-weight: bold;
}
.title-main span:nth-child(2){
   color: #23C129;
}

.header-wrapper{
    padding-bottom: 3px;
    box-shadow: 0px 3px 12px #dedede;
    background: #fff;
    min-width: 1349px;
}
.header-wrapper .wrap-content{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
}
.header-logo{
    padding-right: 15px;
    position: relative;
}

a.header-logo::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 89%;
    background: #23C129;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header-search{}

.call-btn{
   display: block;
   width: 130px;
   height: 40px;
   background-color: #17A21C;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   color: #fff !important;
   border-radius: 20px 0px;
}

a.call-btn:hover {
    color: #fff;
}
.call-btn span{}


.gioithieu-wrapper{
    margin: 80px 0px;
}
.gioithieu-wrapper .wrap-content{}
.gioithieu-video{
    width: 46%;
}

.gioithieu-video a {
    display: block;
    position: relative;
    padding-right: 50px;
}

.gioithieu-video a::before {
    content: "";
    position: absolute;
    background: url(images/play.png) no-repeat;
    width: 114px;
    height: 114px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 23;
    -webkit-animation: blink 1s linear infinite;
}

.gioithieu-video::before {
}
.gioithieu-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
    width: 90%;
    margin-left: auto;
    margin-top: -60px;
    position: relative;
    z-index: 2;
}
.gioithieu-pic{padding-left: 70px;position: relative;}
.gioithieu-pic a{
    border-radius: 15px;
    overflow: hidden;
}

.gioithieu-year{
    background: #23C129;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 10px;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.gioithieu-year b{
    font-size: 56px;
    font-family: 'BeVietnamBold';
    line-height: 40px;
    margin-bottom: 10px;
}
.gioithieu-year span{
    font-size: 18px;
    display: block;
}
.gioithieu-info{
    flex: 1;
}

.gioithieu-info .title-main {
    text-align: left;
    margin: 0;
    border: 0;
}
.gioithieu-title{
    font-size: 31px;
    font-family: 'BeVietnamBold';
    margin: 0;
    line-height: normal;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 2px #23C129 solid;
}
.gioithieu-desc{
    line-height: 27px;
    margin-bottom: 25px;
}

/* proList */
.proList-wrapper{}
.proList-bg{
   background: url(images/sp-bg.png) no-repeat;
   background-size: cover;
   padding: 15px 0px 70px 0px;
   margin-bottom: 80px;
}
.proList-bg .wrap-content{

}
.proList-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.proList-item{
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    border: 1px transparent solid;
    transition: all .4s ease;
}

.proList-item:hover {
    border-color: #23C129;
    box-shadow: 2px -1px 7px #23c1294f;
}
.proList-pic{margin-bottom: 15px;border-radius: 10px;}

a.proList-pic img {width: 100%;height: 275px;object-fit: cover;}
.proList-name{
   font-size: unset;
   font-family: 'BeVietnamBold';
   height: 60px;
   margin-bottom: 10px;
}
.proList-name a{
	-webkit-line-clamp: 2;
	font-size: 20px;
}
.proList-desc{
    margin-bottom: 10px;
}
.proList-btn{
    display: flex;
    align-items: center;
    gap: 15px;
    height: 24px;
    color: #23C129 !important;
}

a.proList-btn img {
    transition: all .4s ease;
}

a.proList-btn:hover img {
    transform: rotate(45deg);
}

/* proHot */
.proHot-wrapper{
    margin-bottom: 80px;
}
.proHot-wrapper .wrap-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
}
.proHot-left{
    width: 23.8636363636%;
}
.proHot-banner{}
.proHot-right{
    flex: 1;
}
.proHot-heading{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 2px #23C129 solid;
}

.proHot-heading .title-main {
    text-align: left;
    margin: 0;
    border: 0;
    padding: 0;
}
.proHot-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}
.proHot-item{
    padding: 15px;
    background: #F6F6F6;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 15px;
    border: 1px transparent solid;
    transition: all .4s ease;
}

.proHot-item:hover {
    border-color: #23C129;
    box-shadow: 2px -1px 7px #23c1294f;
}
.proHot-pic{
    background: #fff;
    margin-bottom: 15px;
    border-radius: 10px;
}
.proHot-desc{
    -webkit-line-clamp: 6;
    margin-bottom: 10px;
    margin-top: auto;
}
.proHot-name{
    margin-bottom: 15px;
    font-size: unset;
    margin-top: auto;
}

h3.proHot-name a {
    font-size: 20px;
    font-family: 'BeVietnamBold';
    line-height: normal;

}
.proHot-btn{
    display: inline-flex !important;
    padding: 8px 20px 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px 0px;
    background: #23C129;
    color: #fff !important;
    margin-top: auto;
    border: 1px #23C129 solid;
    transition: all .4s ease;
}

a.proHot-btn:hover img {
    transform: rotate(45deg);
    transition: all .4s ease;
}

a.proHot-btn:hover {
    background: #fff;
}

a.proHot-btn:hover span {
    color: #23C129;
}

a.proHot-btn:hover img {
    filter: url();
}

a.proHot-btn:hover {
    color: #fff;
}

a.proHot-btn img {
    filter: brightness(100);
}

.tukhoa-box{
    background: #F6F6F6;
    padding: 25px;
}
.tukhoa-title{
    font-size: 20px;
    margin: 0;
    margin-bottom: 15px;
    font-family: 'BeVietnamBold';
}
.tukhoa-ul{}
.tukhoa-ul li{
    margin-bottom: 10px;
}
.tukhoa-ul li a{
    display: inline-flex;
    padding: 6px 16px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 30px;
    border: 1px solid var(--Shark-100, #E7E7E7);
    background: var(--Gray-Scale-Gray-50, #F2F2F2);
}

.tukhoa-ul li a:hover {
    background: #23C129;
    color: #fff !important;
    border-color: #23C129;
}

.video-wrapper{
    margin-bottom: 80px;
}
.video-item{
    border-radius: 10px;
    display: block;
    height: 740px;
    overflow: hidden;
    position: relative;
}

a.video-item::before {
    content: "";
    position: absolute;
    background: url(images/play.png);
    width: 114px;
    height: 114px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-animation: blink 1s linear infinite;
}

.video-item img {
    height: 100%;
    object-fit: cover;
}

.tieuchi-wrapper{
    background: #DCFCDC;
    padding: 40px 0px;
    margin-bottom: 50px;
}
.tieuchi-wrapper .wrap-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.tieuchi-box{
    /* width: 60%; */
    flex: 1;
}
.tieuchi-box .title-main{
	text-align:left;
	display: flex;
	flex-direction: column-reverse;
	width: fit-content;
	padding-bottom: 10px;
	border-bottom: 2px #23C129 solid;
	margin-bottom: 15px;
}
.tieuchi-box .title-main span {
    display: block;
}

.tieuchi-box .title-main span:nth-child(1) {
    font-size: 42px;
}
.tieuchi-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px 90px;
}
.tieuchi-item{}

.tieuchi-item:hover .tieuchi-info * {
    color: #F4BD00;
}
.tieuchi-info{
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Montserrat", sans-serif;
}

.tieuchi-info > b {
    font-size: 56px;
    color: #23C129;
    line-height: normal;
    font-weight: bold;
}

.tieuchi-info > div {
    font-size: 48px;
    color: #23C129;
    line-height: normal;
}

.tieuchi-name{
    margin: 0;
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}
.tieuchi-banner{
    width: 31.8181818182%;
}

.tintuc-wrapper{
    margin-bottom: 80px;
}
.tintuc-wrapper .wrap-content{}
#tintuc-owl{
}
#tintuc-owl .tintuc-item{
    margin: 0 15px;

}
.tintuc-item{
    padding: 12px;
    padding-bottom: 20px;
    border: 1px #E7E7E7 solid;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
	transition: all .4s ease;
}
.tintuc-item:hover{
	border-color: #23C129;
    box-shadow: 2px -1px 7px #23c1294f;
	transition: all .4s ease;
}
.tintuc-pic{
    display: block;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
    /* aspect-ratio: 1; */
    position: relative;
}
.tintuc-pic:hover img{filter: brightness(0.7);}
.tintuc-name{
    text-align: left;
    height: 90px;
    margin-bottom: 15px;
}

h3.tintuc-name a {
    font-size: 20px;
    font-family: 'BeVietnamBold';
    line-height: normal;
}
.tintuc-btn{
   margin-top: auto;
   margin-left: auto;
   width: fit-content;
}
/* doitac */
.doitac-wrapper{
    margin-bottom: 70px;
}

.doitac-wrapper .wrap-content {
    /* max-width: 1000px; */
}

.doitac-wrapper .title-main {

}
#doitac-owl{
    background: #F0FDF0;
    padding: 70px 0px;
}

div#doitac-owl .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.doitac-pic{
    max-width: 180px;
    max-height: 180px;
}

.doitac-pic img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    aspect-ratio: 1;
}

/* dangky */
.dangky-wrapper{
    background: #DCFCDC;
}
.dangky-wrapper .wrap-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 80px 0px;
    border-bottom: 2px #23C129 solid;
}
.dangky-slogan{
    margin: 0;
    font-size: 17px;
}
.dangky-form{
    background: #ffff;
    width: 535px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px #23C129 solid;
    border-radius: 1000px;
    overflow: hidden;
}
.dangky-input{
    border: 0 !important;
    text-indent: 50px;
    background: url(images/mail.png) no-repeat 4% !important;
    flex: 1;
}
.dangky-input::-webkit-input-placeholder{
	font-size:16px;
	color:#000;
	font-family: 'BeVietnamMedium';
}
.dangky-input:focus{
    border: 0;
    outline: 0;
    flex: 1;
    background: url(images/mail.png) no-repeat 4%;
}
.dangky-button{
    width: 152px !important;
    height: 48px;
    border: 0;
    background-color: #23C129 !important;
    border-radius: 1000px !important;
    color: #fff;
    font-size: 16px;
    font-family: 'BeVietnamBold';
}

.mangxahoi-ul{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 5px;
   list-style: none;
}
/* footer */
.footer-wrapper{
    background: #fff;
}
.footer-info{
    padding: 35px 0px;
}
.footer-info .wrap-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer-logo{}
.footer-name{
   color: var(--Error, #F00000);
   font-family: 'BeVietnamBold';
   font-size: 32px;
   font-style: normal;
   line-height: normal;
   letter-spacing: 0.64px;
}
.footer-desc{
    font-size: 18px;
    color: #242424;
}
.footer-title{
    color: var(--Shark-900, #3D3D3D);

/* Headline 4/Headline 4be */
    font-family: 'BeVietnamBold';
    font-size: 24px;
    font-style: normal;
    text-transform: capitalize;
    line-height: normal; /* 133.333% */
    margin-bottom: 10px;
}
.footer-ul{
    margin-bottom: 30px;
}
.footer-ul li{
    margin-bottom: 5px;
} 
.footer-ul li a{
    font-size: 18px;
    font-weight: 400;
} 
.footer-noidung{}

.footer-box{}
.footer-box:nth-child(1){
    width: 31%;
}
.footer-box:nth-child(2){
    width: 21%;
}
.footer-box:nth-child(3){
    width: 36%;
}

.footer-powered{
    background: #23C129;
    padding: 17px 0px;
}
.footer-powered .wrap-content{
   text-align: center;
}

.footer-copyright{
	color: #fff;
}

.product-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
}

.news-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
}
.inner_product-wrapper{}
.inner_product-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 60px 0px;
}
.inner_product-left{
    width: 49.2424242424%;
}
.inner_product-pic{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.inner_product-photos{
	width: 105px;
}
.inner_product-up,
.inner_product-down{
   text-align: center;
   margin: 10px 0px;
}
.inner_product-slick{
}

.inner_product-slick .slick-active.slick-current a{
   border-radius: 4px;
   border: 1px solid var(--Malachite-700, #167F1A);
   box-shadow: 0px 0px 12px 0px rgba(35, 193, 41, 0.32);
   padding: 10px;
}

.inner_product-slick .slick-slide a{}
.inner_product-slick .slick-slide a img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.inner_product-right{
    width: 49.2424242424%;
    display: flex;
    flex-direction: column;
}
.inner_product-list{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px #23C129 solid;
}
.inner_product-list p{
    padding: 3px 12px;
    border-radius: 50px;
    background: #2388FF;
    color: #fff;
    display: inline-block;
}

.name_sp{
    font-family: 'BeVietnamBold';
    font-size: 32px;
    line-height: normal;
    margin-bottom: 15px;
}
.desc_sp{
    font-size: 18px;
}
.deco_sp{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}
.lienhe_sp{
	display: flex;
	padding: 12px 24px;
	justify-content: center;
	align-items: center;
	gap: 16px;
	border-radius: 100px;
	background: var(--Success, #23C129);
}

.lienhe_sp p {
    font-size: 20px;
    font-family: 'BeVietnamBold';
    color: #fff;
}

.tabs-pro-detail {}

.tabs-pro-detail > ul {
    border: 0;
    gap: 90px;
    padding-bottom: 15px;
    border-bottom: 2px #888888 solid;
}
.tabs-pro-detail ul li{}
.tabs-pro-detail ul li a{
    border: 0 !important;
    font-size: 20px;
    font-family: 'Montserrat';
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    padding: 0;
    padding-bottom: 6px;
}

.tabs-pro-detail ul li a:hover {
    color: #23C129;
}

.tabs-pro-detail ul li a.active{
	color: #23C129 !important;
	border-bottom: 3px #23C129 solid !important;
}

.fix_menu {
	position: sticky !important;
	box-shadow: 0 0 1px #999;
	top: 0;
	left: 0;
	width: 100%;
	z-index:999;
}
/* phanloai */
.phanloai-box{
    margin-bottom: 20px;
}
.phanloai-title{
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'BeVietnamRegular';
}
.phanloai-ul{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}
.phanloai-ul li{}
.phanloai-ul li p{
    padding: 7px 23px;
    background: #23C129;
    border-radius: 100px;
    color: #Fff;
}

.owl-pagination {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 25px;
}

.owl-page {
    width: 16px;
    height: 16px;
    background: #DCFCDC;
    border-radius: 50%;
}

.owl-page.active {
    background: #23C129;
}
#slideshow-owl .owl-pagination {
   position: absolute;
   bottom: 50px;
   left: 50%;
   transform: translateX(-50%);
}

.maps-grid{
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 10px;
   margin-top: 50px;
}
.maps-item{
   
}

.maps-name {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.maps-item iframe {
    width: 100%;
    height: 300px;
    max-width: 100%;
}

.custom-input {
    border-radius: 20px;
    padding: 0.75rem 1rem;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
  }

  .custom-input:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    background-color: #fff;
  }

  .custom-btn {
    border-radius: 25px;
    padding: 0.6rem 1.5rem;
    background-color: #28a745;
    color: white;
    border: none;
    transition: 0.3s;
  }

  .custom-btn:hover {
    background-color: #218838;
  }

  .section-title {
    font-size: 1.5rem;
    font-weight: bold;
  }

  .section-subtitle {
    color: #28a745;
    font-weight: bold;
    margin-left: 0.5rem;
    font-size: 1.5rem;
  }

  .custom-form-container {
    max-width: 800px;
    margin: auto;
    padding: 2rem;
  }