
div#container_product {
    margin-top: 10px;
    width: 100%;
    float: left;
}
div#container_product #tabs {
    overflow: hidden;
    border-bottom: 3px solid #00ab4e;
}
div#container_product #tabs li.active {
    color: #000;
    background: #00ab4e;
    padding: 10px 30px 5px 30px;
}
div#container_product #tabs li a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}



.frame_images{float: left; width: 300px;}
.frame_images .owl-controls{ display: none; }


#tag_sp{ width: 100%; float: left; padding: 20px 0px 20px 0px; background: #f1f1f1; margin: 20px 0px 0px 0px; }
.tag_sp{ width: 100%; float: left; background: #ff0000;}
.tag_sp li {display: inline-block;}
.tag_sp li.spkm a:before{ background: url(images/icon_km.png) no-repeat 0px 0px; content: ''; width: 16px; height: 16px; float: left; margin: 5px 10px 0px 0px; }
.tag_sp li.spm a:before{ background: url(images/icon_moi.png) no-repeat 0px 0px; content: ''; width: 16px; height: 16px; float: left; margin: 7px 10px 0px 0px; }
.tag_sp li a{ 
    background: linear-gradient(top, #ff2222, #ff3e3e);
    background: -webkit-linear-gradient(top, #ff2222, #ff3e3e);
    background: -moz-linear-gradient(top, #ff2222, #ff3e3e);
    background: -o-linear-gradient(top, #ff2222, #ff3e3e);
    border: 1px solid #c80000;
    border-radius: 5px;
    margin: 3px 0px 3px 10px; 
    height: 32px;
    color: #fff;
    font-size: 15px;
    display: block;
    text-transform: uppercase;
    padding: 0px 20px 0px 10px;
    line-height: 32px;
}
.tag_sp li:hover a,.tag_sp li a.active{
    background: linear-gradient(top, #ed0000, #d90000) !important;
    background: -webkit-linear-gradient(top, #ed0000, #d90000) !important;
    background: -moz-linear-gradient(top, #ed0000, #d90000) !important;
    background: -o-linear-gradient(top, #ed0000, #d90000) !important;
} 
.khung_tag{ width: 100%; float: left; background: #fff; padding: 20px; border: 1px solid #d8d8d8;height: 330px; position: relative; }
.hidden_tags{ width: 100%; float: left; opacity: 0; position: absolute; transition: 0.5s; left: 0px;  }
.list_carousel_4{width: 100%; float: left; padding: 0px 60px 0px 60px;}
.list_carousel_4 .owl-dots{ display: none !important; }
.list_carousel_4 .owl-prev{ position: absolute; z-index: 10; left: -55px; top: 100px; width: 37px; height: 39px; background: url(images/left.png)no-repeat !important; float: left; text-indent: -9999px; }
.list_carousel_4 .owl-next{ position: absolute; z-index: 10; right: -55px; top: 100px; width: 37px; height: 39px; background: url(images/right.png)no-repeat !important; float: left; text-indent: -9999px; }
.list_carousel_4 li:hover{ opacity: 0.8; }
.left{
	width:100%;
	float:left;
    border-top: 0px;
	background:#ebebeb;
	border:1px solid #fff;
	padding:5px;
	overflow:hidden;
}

.thongtin{
	width:100%;
	float:left;
	font-weight:bold;
	padding: 20px 0px 22px 20px; 
	font-size:14px;
	background: url(images/bg_tt.jpg) repeat-x bottom;
}
.thongtin li{ display: inline-block;}
.thongtin li a{ border-right: 1px solid #ccc; padding: 0px 10px 0px 10px; color: #323232; font-size: 12px;}
.thongtin li a:hover{ color: #01517A}
.tin_moi{
	padding:0px 10px 0px 10px;
}
.tin_moi a{
	text-decoration:none;
	color:rgba(51,51,51,1);	
}
.tin_moi img{
	float:left;
	border:1px solid rgba(204,204,204,1);
	padding:2px;
	margin-right:10px;
	margin-top:10px;
}
.sang{
padding-left:9px;
}
#content{ width: 100%; float: left; margin: 0px 0px 0px 0px; border-top: 0px;

}
#info{
	
}
#sanpham{
	width:100%;
	float:left;
}
.item_index{ width: 100%; float: left; margin-bottom: -1px;margin-right: -1px; text-align: center;}
.item_index .img{width: 100%; float: left; position: relative;}
.xemsp{ position: absolute; z-index: 10; bottom: 0px; left: 0px; right: 0px; height: 40px; background: rgba(0,0,0,0.8); color: #fff; padding-top: 10px; }
.xemsp:after{ content: ''; background: url(images/muiten.png) no-repeat 0px 0px; width: 5px; height: 9px; display: inline-block; margin-left: 10px; }
.item_index:hover .xemsp{ color: #FFF000; }
.item_index img{ width: 100%; transition: 0.5s;  display: block; } 
.item_index h3{font-size: 14px; font-weight: bold; text-align: center; padding: 10px 0px 0px 0px; width: 100%; float:left; }
.item_index h3 a{ color:#3e3e3e; }
.item_index:hover h3 a{ color: #03669A; text-decoration: underline; }
.item_index:hover img{ 
-webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
        transform: scale(1.05); } 
.item_index .giaban span{ color: #fb4107; font-family: 'UTMAvo'; font-size: 26px; }
.product_list{ float: left; }
.product_list ul{ width: 150px; float: left; height: 533px; background: #e2e2e2; padding: 20px 0px 0px 0px; }
.product_list ul li a{ width: 100%; float: left;padding: 7px 0px 7px 10px; color : #4f4f4f; }
.product_list ul li a:hover{ color: #02719A; text-decoration: underline; } 
#congtrinh{ background: #eeeeee; width: 100%; float: left; margin: 20px 0px 0px 0px;  }
.khung_tt{ float: left; padding-right: 30px; }
.khung_km{ padding-left: 30px;}
.video_con{ width: 100%; float: left; border-bottom: 2px solid #0b7ef4; height: 242px; }
.khachhang{ padding-right: 10px; }
.khachhang_item{ padding:10px; text-align: center; }
.khachhang_item img{ max-width: 100%; width: auto !important; border-radius: 100%; box-shadow: 0px 0px 3px #ccc; }
.khachhang_item h5{  font-size:13px; margin-top: 5px; }
.thuonghieu{ padding-left: 10px; }
.thuonghieu a{ border:1px solid #eee; float: left; margin-bottom: 10px; padding:5px; transition: 0.5s; }
.thuonghieu a:hover{border: 1px solid #FF01EA}

.hotro_tructuyen{ width: 590px; float: right; }
.hotro_online{ width: 240px; float: left; padding: 150px 0px 0px 0px ; background: url(images/hotro.png) no-repeat 0px 0px; }
.frm_lienhe{ width: 325px; float: right; }
.box_lh{ width: 100%; float: left;border: 1px solid #cfcece; margin-top: 10px; border-radius: 5px; padding: 0px 0px 0px 0px; }
.frm_lienhe input{ padding: 7px; width: 100%; border: 0px; border-bottom: 1px solid #cfcece; }
.box_lh li:last-child input{ border-bottom: 0px; border-radius: 0px 0px 5px 5px; }
.box_lh li:first-child input{ border-radius: 5px 5px 0px 0px; }
.frm_lienhe textarea{border-radius: 5px; width: 100%; height: 80px; float: left; margin-top: 10px;border: 1px solid #cfcece; padding: 5px; }
.frm_lienhe button{ background: #009030; border:0px; padding: 5px 20px 5px 20px; color: #fff; float: left; margin-top: 5px; cursor: pointer;}
.frm_lienhe button:hover{ color: #FBF201 }

.khung_in{
  width:100%;
  float:left; 
  position: relative;
  margin-bottom: 10px;
  padding:0px 0px 10px 0px;
  background: url(images/bg_khung.png) no-repeat bottom center;
}
.khung{
  width:100%;
  float:left; 
  position: relative;
  margin-bottom: 10px;

}
.xemtiep{
float:right;
font-size:12px;
background:url(images/xemm.png) no-repeat 80px 12px;
transition: 0.5s;
text-align:center;
font-weight: bold;
}
.xemtiep a{
text-decoration:none;
font-style: italic;
float: left;
padding:7px 0px 7px 0px;
color:#F40000;
}
.xemtiep a:hover{
    color: #036889;
}
.giaohang{ width: 100%; float: left; margin-top: 20px; padding: 0px 0px 30px 0px; }
.thanh_title{ 
width:100%; float:left;
margin: 0px 0px 10px 0px ;
 position: relative;


}
.thanh_title h2,.thanh_title h4{  
font-family:unv_avo;
	color:#005fb8;
	font-size:30px;
	text-transform:uppercase;
	display:block;
	margin-bottom:10px;

}
/*.thanh_title h2:after,.thanh_title h4:after{  
background:url(images/after.jpg) no-repeat top left;
width:40px;
height:44px;
top:0px;
left:100%;
position:absolute;
content:'';
}*/
.phutung_chu:after{
display:none;
}
.phutung_chu:before{
background:url(images/ater1.jpg) no-repeat top left;
width:40px;
height:44px;
top:0px;
right:100%;
position:absolute;
content:'';
}

#sp_banchay{
width:100%;
margin:auto;
height:450px;
background:#eeeeee;
padding-top:55px;
}
.thanh_title h2 a{ color: #000; }

.quangcao_dm{ float: left; transition: 0.5; }
.quangcao_dm:hover{outline-offset: -20px; outline: 1px solid #fff;}
.list_carousel_dm{ float: right; width: 910px; }
.list_carousel_dm .owl-controls{ display: none; }


#hotro{ width: 100%; float: left; padding: 20px 0px 20px 0px; background: url(images/gach_hotro.png) repeat-x bottom }
#gioithieu{ width: 100%; float: left; margin: 30px 0px 0px 0px; }
.gioithieu{ 
width:100%; 
float:left;
background: url(images/bg_gioithieu.png) no-repeat; 
 margin:45px 0px 45px 0px; padding: 0px 0px 0px 0px; color: #595959;
 
 }
.thanh_gt{ width: 100%; float: left; position: relative; }

.xemthem_gt a{ display: inline-block; padding: 7px 30px 7px 30px; color: #000; text-transform: uppercase; background: #ff7e00; font-weight: bold; margin: 20px 0px 0px 0px }
.xemthem_gt:hover a{ color: #fff; }
.noidung_gt{ text-align: justify; width: 550px; float: left; color: #595959;}
.hinh_gt{ float: left; background: url(images/bong_gt.png) no-repeat center bottom; padding-bottom: 24px; }
.hinh_gt img{ padding: 5px; border: 1px solid #d1d1d1; background: #fff; display: block; }

.owl_menu li{ border:10px solid #fff; position: relative; }
.owl_menu li img{ display: block; }
.owl_menu li h3{ position: absolute; background: rgba(0,0,0,0.7);  bottom: -50px;left: 0px; width: 100%; float: left; transition: 0.5s; }
.owl_menu li:hover h3{ bottom: 0px; } 
.owl_menu li h3 a{color: #ff7e00; float: left;width: 100%;padding: 5px;}
.owl_menu .owl-controls{ display: none; }
.thanh_bottom{ width:100%; float:left;margin: 0px 0px 10px 0px ; background: url(images/bg_thanh.png) repeat-x 0px 12px; padding: 0px 0px 0px 0px; color: #00aeef;height: 33px; font-family: 'UTMFlamenco'; }
.thanh_bottom img{ float: left; margin-right: 10px;} 
.thanh_bottom:after{ width: 15px; height: 15px; content: ''; background: #ec0574; display: inline-block; } 
.thanh_bottom  h4{ color:#ec0574; text-transform:uppercase;font-size: 24px;display: inline-block;  background: #fff; padding: 0px 20px 0px 0px; }
.khung_1{ width: 100%; float: left; border: 1px solid #efefef; padding: 10px; margin: 10px 0px 10px 0px; }
.khung_thongtin{ float: right; width: 590px;}
.khung_thongtin li{ padding: 5px 0px 5px 0px; width: 100%; float: left; color: #333; border-bottom:1px solid #ebebeb;}
.khung_thongtin h1{ font-size: 32px; color: #000; text-shadow: 0px 0px 3px #fff; text-transform: uppercase;}
.khung_thongtin b{}
.khung_thongtin .masp{color:#3f71b9; font-size: 18px;}
.khung_thongtin .mota_detail{  border-left: 0px; border-right: 0px; white-space: pre-line; padding: 20px 0px 20px 0px;}
.khung_thongtin .gia_detail{ font-size: 34px; color: #FF0000; font-weight: bold;}
.khung_thongtin .gia_detail b{ }
.khung_thongtin .giacu_detail{ font-size: 16px;color:#999; text-decoration: line-through;}
.khung_thongtin .giacu_detail span{}
.khung_thongtin .baohanh_detail{ color: #015DA4;}
.giamgia_detail{ position: absolute; z-index: 100; right: 10px; top: 10px; height: 50px; width: 50px; background: url(images/sale.png) no-repeat; font-weight: bold; color: #fff; text-align: center; line-height: 50px; font-size: 18px; }
.lienhe_{ font-size: 18px; font-weight: bold; color: #AEAEAE }
.dathang_detail p{ width: 100%; float: left; }
.dathang_detail select{ width: 80px; height: 50px; float: left; border: 1px solid #cccccc; border-radius: 5px; background: url(images/select.png) no-repeat right 0px;}
.tintuc_hot{ width: 340px; float: left; margin-right: 40px; }
.row_video{ width: 440px; float: right; }
#huongdan_dh{ float: right; }
.chonsize label{ padding: 0px 10px 0px 0px;font-weight: 100; cursor: pointer; color: #DC00C0 }
.gia_detail span{ font-size: 14px; color: #666;}

.dathang_detail .thanhtoannhanh{ width: 200px; float: left; background: #e41c2c; height: 50px; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 15px 0px 0px 0px; cursor: pointer; color: #fff; margin-left: 0px; border-radius: 5px; text-align: center;}
.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:#FFF600;}
.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/time.png) no-repeat 5px 9px; color: #035E80; font-style: italic;}
.huongdan_detail a:hover{ color: #04579D}
.input-quantity{ display: inline-block; border: 1px solid #ccc; }
.input-quantity button{ height: 30px; width: 30px; border: 0px; background: none; cursor: pointer; display: inline-block; vertical-align: top; }
.input-quantity input{ width: 60px; height: 30px; border: 1px solid #ccc; border-top: 0px; border-bottom: 0px; padding-left: 25px; display: inline-block; vertical-align: top;} 

.box_new{ width: 50%; float: left; padding: 10px;}
.box_new img{ width: 160px; border:1px solid #ccc; padding:2px; float: left; margin:5px 10px 0px 0px;}
.box_new h3 a{ text-transform: capitalize; font-weight: 100; color: #0049c4; 
text-transform: uppercase; font-family: 'RobotoCondensedBold';
font-size:16px;
}
.box_new p{ font-size: 12px; color: #333;} 
.box_new:nth-child(2n+1){ clear: left;}
.box_new:hover h3 a{ color: #AF0808} 
.content_new{ overflow:hidden; height: 400px; width: 100%; float: left;}
.ngaydang{ font-style: italic; color: #9A9A9A; font-size: 12px; }

.thongtin_detail{ font-style: italic;}
.khuyenmai_detail{ margin: 5px 0px 0px 0px;}
.khuyenmai_detail ul li{ padding: 5px 20px 5px 0px; color: #008c00}
.khuyenmai_detail ul li input{ float: left; margin: 3px 5px 0px 0px;}

.selectors{ border: 1px solid #ccc; text-align: center; float: left; width: 100%; padding: 5px;}
.table_info{ width: 100%; float: left;}

.dieuhuong{
    width: 100%;
    float: left;
    padding: 5px 0px 5px 20px;
    background: url(images/icon_t33.png) no-repeat 0px 7px;
    border-bottom: 1px solid #ccc;
}
.dieuhuong a{ color: #333; padding: 0px 10px 0px 10px; 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;}
#java_km{ width: 100%; float: left;}
#java_km img{ border: 1px solid #ccc; margin: 5px; padding: 1px; }
#java_km img:hover{ opacity: 0.8; }
.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}

.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);}

.item{
    width: 250px;
    float: left;
    position: relative;
    font-family: 'RobotoMedium';
    margin: 0px 26px 20px 0px;
    /* color: #6d6d6d; */
    transition: all 0.5s ease 0s;
    /* border-bottom: 5px solid #dedede; */
    min-height: 290px;
}
.item span{
text-align:left;
color:#464646;
font-size:14px;
}
.sanpham_l ul{
list-style:none;
padding-top:20px;
}
.asa{
	min-height:360px !important;
}
.sanpham_l ul li{
display:block;
width:100%;
float:left;
box-sizing:border-box;
padding-left:10px;
padding-bottom:10px;
}
.sanpham_l ul li a{
font-size:15px;
color:#3e3e3e;
padding-left:20px;
background:url(images/bulet1.jpg) no-repeat 5px 2px;
font-family:RobotoRegular;
text-transform:capitalize;
}
.w285{
width:285px !important;
}
.bo{
margin-right:0px !important;
}
.sanpham_l ul li a:hover{
color:#1b4a74;
}
.row_it{ padding: 0px 15px 0px 15px; }

.item .giacu{ font-size: 20px; color: #999; padding: 0px 0px 0px 0px; text-decoration: line-through;}
.item .giaban{ font-size: 22px; color: #333; padding: 0px 0px 0px 0px; float: left; width: 100%; font-family: 'OpenSansBold'; }
.item .giaban span{ color: #F10404 }
.item .giaban sup{ font-size: 16px; font-weight: 100; }
.lienhe_con{ font-size: 15px; }
.gia_row{ width: 100%; float: left; position: relative; }

.giamgia{ position: absolute; width: 53px; height: 24px; background: url(images/giam.png) no-repeat; line-height:24px; text-align: center; color: #fff; font-weight: bold; left: 120px; top: 5px; z-index: 100; }
.img{
     position: relative;
     overflow: hidden;
         -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    width:100%;
    float: left;
    display: block;
	transition:all 0.5s ease 0s;
	box-sizing:border-box;
	background:#fff;
}

.item  a img{
	max-width:273px;
	height:184px;
	float: left;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transition: 0.5s;
	background:#efefef;
}
.item_info{ width: 145px; float: right; }
.tab_hidden{ display: none; }
.bong_sp{ width: 100%; float: left; height: 12px; content: ''; background: url(images/bong_sp.png) no-repeat center;}
.item h3 a{
	text-decoration:none;
    color: #999;
}
.img:hover img{ transform:scale(1.2);}
.item h3,.sp2 h3{
 font-weight:bold;
 font-size:14px; 
text-transform: uppercase;
font-family:RobotoBold;
width: 100%; 
float: left; 
 position:relative;
 margin-top:15px;
 text-align:center;
 
 }





