@charset "utf-8";
/* CSS Document */
*{
margin:0px;
padding:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;

}
img {border:0px;}
a{ text-decoration: none;} 
@font-face {
    font-family: 'RobotoMedium';
    src: url('css/font/RobotoMedium/RobotoMedium.eot');
    src: url('css/font/RobotoMedium/RobotoMedium.eot') format('embedded-opentype'),
         url('css/font/RobotoMedium/RobotoMedium.woff2') format('woff2'),
         url('css/font/RobotoMedium/RobotoMedium.woff') format('woff'),
         url('css/font/RobotoMedium/RobotoMedium.ttf') format('truetype'),
         url('css/font/RobotoMedium/RobotoMedium.svg#RobotoMedium') format('svg');
}
@font-face {
    font-family: 'RobotoRegular'; 
    src: url('css/font/RobotoRegular/RobotoRegular.eot');
    src: url('css/font/RobotoRegular/RobotoRegular.eot') format('embedded-opentype'),
         url('css/font/RobotoRegular/RobotoRegular.woff2') format('woff2'),
         url('css/font/RobotoRegular/RobotoRegular.woff') format('woff'),
         url('css/font/RobotoRegular/RobotoRegular.ttf') format('truetype'),
         url('css/font/RobotoRegular/RobotoRegular.svg#RobotoMedium') format('svg');
}
@font-face {
    font-family: 'RobotoCondensed'; 
    src: url('css/font/RobotoCondensed/RobotoCondensed.eot');
    src: url('css/font/RobotoCondensed/RobotoCondensed.eot') format('embedded-opentype'),
         url('css/font/RobotoCondensed/RobotoCondensed.woff2') format('woff2'),
         url('css/font/RobotoCondensed/RobotoCondensed.woff') format('woff'),
         url('css/font/RobotoCondensed/RobotoCondensed.ttf') format('truetype'),
         url('css/font/RobotoCondensed/RobotoCondensed.svg#RobotoMedium') format('svg');
}
@font-face {
    font-family: 'unicode_display_UVNBaiSau_N';
    src: url('css/font/unicode_display_UVNBaiSau_N/unicode_display_UVNBaiSau_N.eot');
    src: url('css/font/unicode_display_UVNBaiSau_N/unicode_display_UVNBaiSau_N.eot') format('embedded-opentype'),
         url('css/font/unicode_display_UVNBaiSau_N/unicode_display_UVNBaiSau_N.woff2') format('woff2'),
         url('css/font/unicode_display_UVNBaiSau_N/unicode_display_UVNBaiSau_N.woff') format('woff'),
         url('css/font/unicode_display_UVNBaiSau_N/unicode_display_UVNBaiSau_N.ttf') format('truetype'),
         url('css/font/unicode_display_UVNBaiSau_N/unicode_display_UVNBaiSau_N.svg#RobotoMedium') format('svg');
}
@font-face {
    font-family: 'unicode_display_UVNBaiSau_B';
    src: url('css/font/unicode_display_UVNBaiSau_B/unicode_display_UVNBaiSau_B.eot');
    src: url('css/font/unicode_display_UVNBaiSau_B/unicode_display_UVNBaiSau_B.eot') format('embedded-opentype'),
         url('css/font/unicode_display_UVNBaiSau_B/unicode_display_UVNBaiSau_B.woff2') format('woff2'),
         url('css/font/unicode_display_UVNBaiSau_B/unicode_display_UVNBaiSau_B.woff') format('woff'),
         url('css/font/unicode_display_UVNBaiSau_B/unicode_display_UVNBaiSau_B.ttf') format('truetype'),
         url('css/font/unicode_display_UVNBaiSau_B/unicode_display_UVNBaiSau_B.svg#RobotoMedium') format('svg');
}
.bg-1{
    background: #f3f3f3;
}
.margin_auto{
	width:1200px;
	margin:auto;
	position:relative;
	/*overflow:hidden;*/
}
#container{
    width:100%;
    float: left;
}
#container.fix-header{
    margin-top: 70px;
}
.container{ width:100%; float:left; background:url(images/footer.png) no-repeat bottom center;}
#logo{ float: left;height: 50px;margin: 0.7em 0;}
#top{
	width:100%;
	float:left;
	background: url(images/gocphai.png) no-repeat right top;
}
#header{ 
    width:100%;
    float: left; 
    background-color: #ffea00;
}
#header.fix-header{ 
    position: fixed; 
    z-index: 2000; 
    top: 0px; 
    left: 0px;
}
#banner{
	float:left;
} 
#banner img{ float: left;}
#logo img{ float: left;width: 100%;height: 100%;}
#slogan{ height: 65px; float: left; width: 100%; border-left: 7px solid #7aaa00;border-right: 7px solid #7aaa00;border-top: 7px solid #7aaa00; margin: -65px 0px 0px 0px; background: #fdfbe9; border-radius: 5px; padding:15px 0px 0px 0px; text-align: center; color: #ff0000; font-size: 22px; text-transform: uppercase; font-style: italic;}
#album img{ width: 230px; float: left; padding: 4px; margin: 8px; border:1px solid #cde0fe; height: 150px;}
#album img:hover{ opacity: 0.8;}
#menu{
	float:left;
	margin:0px 0px 0px 0px;
	width: 100%;
	background: url(images/menu.png) repeat-x;
	height: 45px;
}
.khongtimthay{ width: 100%; color: #333; font-size: 18px; grid-column: 1 / -1; float: left; margin:20px 0px 20px 0px; }
#menu_top{
    float: left;
    margin:10px 0px 0px;
    position: relative;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    left: 0px;
    min-height: 375px;
    padding: 0px;
    top: 0px;
    width: 230px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 10%), 0 2px 6px 2px rgb(60 64 67 / 15%);
}
#menu_top h2{ text-align: center; height: 42px; line-height: 47px; background: #ffea00 url(images2/bg_dmsp.jpg) no-repeat; text-transform:uppercase; font-size: 16px; font-weight: bold; padding-left: 20px;}
#menu_top ul.big{
    width: 100%;
    float: left;
    height: 480px;
    background: #fff;
    border: 1px solid #ddd;
    overflow-y: auto;
    border-radius: 10px;
}
#menu_top ul.big::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

#menu_top ul.big::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

#menu_top ul.big::-webkit-scrollbar-thumb {
  background-color: #000000;
}
#menu_top ul li.fi{ width: 100%; float: left;padding: 5px 0px 0px 10px; font-size: 12px; color: #333; height: 34px; line-height: 25px; border-bottom: 1px solid #eee;}
#menu_top ul li.fi a.fi1{color: #333; display: block; font-size: 14px;}
#menu_top ul li.fi .fi1 span img{  width: 15px; height: 15px;float: left;}
#menu_top ul li.fi .fi1 span{float: left; background: #fff;margin-right: 10px; margin-top: 4px;}
#menu_top ul li.fi:hover{ }
#menu_top ul li.fi:hover a.fi1{ color: #d42027}
#menu_top .sub_menu{
    background: #fff;
    position: absolute;
	display: none;
	left: 223px;
    border-radius: 0px 10px 10px 0px;
    flex-wrap: wrap;
    top: 0px;
    z-index: 990;
    border: 1px solid #ddd;
    min-height: 478px;
    width: 990px;
    overflow:hidden;
}
#menu_top .sub_menu li{ line-height: 1.5; text-transform: capitalize;height: 217px; width: 100%; float: left; position: relative;}
#menu_top .sub_menu li img{ width: 210px; position: absolute;  z-index: 100;top: 0px; left: -9px; transition: 0.5s;height: 217px; padding: 5px;}
#menu_top .sub_menu li img:hover{ box-shadow: 0px 0px 10px #666; z-index: 1000;}
#menu_top .sub_menu .quangcao_in {
    top: 0px !important;
    left: 213px !important;
}
/*#menu_top .martop{margin-top: 20px;}*/
#menu_top .sub_menu .cat_item{
    line-height: normal;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d0d0d0;
}
#menu_top .sub_menu .cat_item a{color: red; font-size: 14px; /*font-family: 'arial';*/ font-weight: bold;}
#menu_top .sub_menu .item_item{line-height: normal; margin: 10px 0;}
#menu_top .sub_menu .item_item a{color: #333; font-size: 13px; /*font-family: 'RobotoRegular';*/position: relative;}
#menu_top .sub_menu a:hover {color: red}
.col-submenu{
	float: left;
	padding: 9px;
    line-height: 20px;
    width: 25%;
    text-align: left;
}
.col-submenu.martop{
	padding-top: 0px;
}
#loadding{  background:url(images/icon/loading.gif) no-repeat center;  background-color:rgba(255,255,255,0.5); position: fixed; height: 100%; width: 100%; z-index: 10000; display: none; }
#slide_show{ width: 935px; float: right; margin:10px 0px 0px 0px;}

.hot-menu {
    font-size: 10px;
    position: absolute;
    background: #ed1b24;
    color: #fff;
    padding: 0 5px;
    margin-left: 8px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 16px;
}
.hot-menu:before {
    position: absolute;
    left: -6px;
    top: 0;
    content: '';
    border-left: none;
    border-right: 6px solid #ed1b24;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.hot-menu:after {
    position: absolute;
    right: -5px;
    top: 0;
    content: '';
    border-right: 5px solid transparent;
    border-top: 8px solid #ed1b24;
    border-bottom: 8px solid #ed1b24;
}

/*Banner Homepage*/
#banner_area{
    width: 960px;
    height: 480px;
    float: left;
    margin: 10px 0px 0px 7px;
}
.ban_row1{
    float: left;
    width: 100%;
}
.ban_row1_col1{
    width: 725px;
    float: left;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 5px;
}
.ban_row1_col2{
    width: 230px;
    float: left;
}
.ban_row1_col2 img{
    width: 100%;
    height: 100%;
}
.ban_row1_col2_row1{
    width: 230px;
    height: 170px;
    float: left;
    margin-bottom: 5px;
}
.ban_row1_col2_row11{
    width: 100%;
    height: 82px;
    float: left;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 5px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 10%), 0 2px 6px 2px rgb(60 64 67 / 15%);
}
.ban_row1_col2_row11:not(:last-child){
    margin-bottom: 6px;
}
.ban_row1_col2_row2{
    width: 230px;
    height: 170px;
    float: left;
    border-radius: 10px;
    overflow: hidden;
}
.ban_row2{
    float: left;
    width: 100%;
    margin-top: 5px;
}
.ban_row2_col{
    width: 32.5%;
    float: left;
    height: 125px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 10%), 0 2px 6px 2px rgb(60 64 67 / 15%);
}
.ban_row2_col:not(:last-child){
    margin-right: 10px;
}
.ban_row2_col img{
    width: 100%;
    height: 100%;
}
.ban_km_head{
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 10px;
    height: 20px;
}
.ban_km_head h4{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
.ban_km_head a{
    color: #333;
    margin-left: auto;
}
.ban_km_detail{
    background: #e9e9e9;
    padding: 8px;
    border-radius: 6px;
    height: 140px;
}
.ban_km_item{
    width: 100%;
    padding: 5px 0px;
    border-bottom: 1px solid #b4b4b4;
    margin-bottom: 6px;
}
.ban_km_item a{
    color: black;
}
/*End Banner Homepage*/

/*Header*/
.header-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    float: left;
    width: 971px;
    margin: 0.7em 0;
}
#menu-header{
    height: 40px;
    width: 13%;
    margin: 5px 0px 5px 10px;
    line-height: 40px;
    cursor: pointer;
    background: url(images/menu-header.png) no-repeat 6px 3px;
    background-size: 35px;
    position: relative;
    background-color: white;
    padding: 0px 6px 0px 45px!important;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    float:left;
}
#timkiem{
    border-radius: 0.9em;
    background-color: #FFFFFF;
    height: 40px;
    position: relative;
    width: 28%;
    float: left;
    margin: 5px 0px 5px 5px;
}
#timkiem input {
    height: 40px;
    border: none;
    padding: 0 10px;
    color: #111;
    font-size: 15px;
    border-radius: 0.9em;
    width: 100%;
    float: none;
    background: none;
    margin: unset;
    outline: none;
}
#timkiem button {
    background-color: white;
    height: 40px;
    width: 56px;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: 0.9em;
    border-bottom-right-radius: 0.9em;
    outline: none;
    float: none;
    margin: unset;
    font-size: 20px;
    color: unset;
}
#bm-right {
    padding: 5px 0 0;
    width: 58%;
    position: relative;
    /* float: right; */
    display: flex;
    justify-content: flex-end;
}
#bm-right>ul {
    /*display: flex;
    justify-content: space-evenly;
    width: 100%;*/
}
#bm-right ul li {
    font-size: 14px;
    float: left;
    font-weight: bold;
    line-height: 35px;
    padding: 0px 0px 0px 35px;
}
#bm-right ul li:not(:last-child) {
    margin: 0 8px;
}
#bm-right ul li:last-child {
    margin-left: 8px;
}
.bm-cart .so-luong{
    color: #000;
    text-align: center;
    margin-right: -10px;
    display: inline-block;
    font-size: 13px;
    background: #fff;
    height: 20px;
    line-height: 20px;
    top: 0px;
    left: 20px;
    position: absolute;
    width: 20px;
    border-radius: 50%;
    z-index: 1;
}
.bm-cart .so-luong.da-mua{
    background: red;
    color: white;
}
.bm-cart {
    background: url(images/cart-header-min.png) no-repeat 0px 3px;
    background-size: 30px;
    position: relative;
    padding: 0px 0px 0px 40px!important;
}
.bm-km {
    background: url(images/km-header-min.png) no-repeat 0px 3px;
    background-size: 30px;
    position: relative;
}
.bm-news {
    background: url(images/news.svg) no-repeat 0px 3px;
    background-size: 30px;
    position: relative;
}
.bm-prj {
    background: url(images/project.svg) no-repeat -3px -5px;
    background-size: 45px;
    position: relative;
}
.bm-acc {
    background: url(images/acc-header-min.png) no-repeat 0px 3px;
    background-size: 30px;
    position: relative;
}
.bm-phone {
    background: url(images/phone-header-min.png) no-repeat 6px 3px;
    background-size: 30px;
    position: relative;
    border: 1px solid red;
    background-color: white;
    padding: 0px 6px 0px 45px!important;
    border-radius: 10px;
}
.account-hover-container {
    display: none;
    position: absolute;
    top: 30px;
    right: -30px;
    -webkit-animation: fadein .2s cubic-bezier(0.4, 0, 0.2, 1);
    animation: fadein .2s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    z-index: 99;
}
.account-hover-container .up-arrow {
    display: flex;
    height: 10px;
    justify-content: center;
}
.account-hover-container .arrow-outer, .hotline-hover-container .arrow-outer {
    position: relative;
    bottom: -1px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0,0,0,.09);
}
.account-hover-container .arrow-outer .arrow-inner, .hotline-hover-container .arrow-outer .arrow-inner {
    position: absolute;
    bottom: -10px;
    left: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}
.account-hover-wrap {
    display: flex;
    flex-direction: column;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 9%);
    background: #fff;
    border-radius: 0.125rem;
    border: 1px solid rgba(0,0,0,.09);
}
.bm-info.bm-acc:hover .account-hover-container {
    display: block;
}
.hotline-hover-container {
    display: none;
    position: absolute;
    top: 34px;
    right: 0;
    -webkit-animation: fadein .2s cubic-bezier(0.4, 0, 0.2, 1);
    animation: fadein .2s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    z-index: 101;
    font-weight: normal;
}
.hotline-hover-wrap {
    width: 750px;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0,0,0,.09);
    background-color: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 15%);
    padding: 10px;
}
.bm-info.bm-phone:hover .hotline-hover-container {
    display: block;
}
.hotline-hover-container .up-arrow {
    display: flex;
    height: 10px;
    padding-right: 45px;
    justify-content: right;
}
.hotline-col2{
    width: 48%;
    float: left;
    margin: 0 5px;
}
.phone-color {
    color: #ed1b24!important;
}
/*End Header*/

/*MENU HEADER*/
#menu-wrapper{
    display:none;
    max-width: 1200px;
    top: 70px;
    z-index: 100;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#menu-wrapper.open{
    display:block;
}
#menu-wrapper.fixed{
    top: 70px;
}

/*#menu_top .sub_menu .item_item a,#menu_top .sub_menu .cat_item a {
    font-size: 14px;
}*/
.sub_menu_left{
    width:81%;
    float:left;
}
.sub_menu_right{
    width:19%;
    float:right;
    height:408px;
}
.sub_menu_right a{
    display: inline-block;
}
.sub_menu_right img{
    max-width: 100%;
    max-height: 100%;
}
/*END MENU HEADER*/

.ngonngu{ float:right; margin:12px 0px 0px 10px;}
.ngonngu img{ margin-left: 5px;}
.ngonngu img:hover{ opacity:0.7;} 
#thongtin{ width:100%; float:left; padding: 36px 0px 67px 0px; background: url(images/bg_dmbt.jpg) no-repeat bottom center; background-color:#f3f8fe;}
.khung_tt1{ width: 390px; float: left; padding: 20px 0px 0px 140px; min-height: 140px;}
.danhmuc11{ background: url(images/danhmuc1.png) no-repeat 10px 10px;}
.danhmuc12{ background: url(images/danhmuc2.png) no-repeat 10px 10px;}
.danhmuc13{ background: url(images/danhmuc3.png) no-repeat 10px 10px;}
.khung_tt1 h4{ color: #017ab8; font-size: 14px; text-transform:uppercase;}
.khung_tt1 li a{ width: 100%; float: left; padding: 5px 0px 0px 20px; color: #9a9ea1; background: url(images/thongtin_icon.jpg) no-repeat 0px 12px;} 
.khung_tt1 li a:hover{color: #0266EE;}
.bong_tren{width:100%; float:left; background:url(images/bongtren.png) no-repeat; height:17px;margin:20px 0px 0px 0px;}
.bong_duoi{width:100%; float:left; background:url(images/bongduoi.png) no-repeat; height:40px;margin:0px 0px 0px 0px;}

#video{ width:100%; float:left;}
.video{ text-align:center;}
#video_load{ margin: 30px 0px 20px 0px; padding:6px; background: url(images/bg_pro.png) repeat;width: 100%; float: left}
#video_load .object{ background: #fff; padding:7px; width: 100%; float: left}
.video li{ padding:0px 7px 0px 7px; background:rgba(0,102,153,1); color:#fff; cursor:pointer; display:inline-block; border-radius:100%}
.video li:hover,.video li.active{ background:rgba(0,102,153,0.7);}
.sanpham_dm ul li a{ text-decoration:none; width:300px; float:left; padding:0px 0px 8px 10px; color:rgba(255,255,255,1)}
.sanpham_dm ul li a:hover{ color:rgba(255,255,0,1)}
.tailieu td{ padding:10px; border-bottom:1px solid rgba(204,204,204,1);border-right:1px solid rgba(204,204,204,1);}
.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 .des {
    font-size: 16px;
    text-align: justify;
    border: unset;
    margin: unset;
    padding: 8px 0;
}
.noidung{
text-align:justify;
color:#000;
padding:10px;
}
.noidung p{
font-size:16px;
padding:5px 0;
}
.noidung .caption{
padding: 10px 0;
text-align: center;
}
.noidung h2, .noidung h3{
padding: 10px 0;
}
.noidung .column-image img{
    height: 100%;
}
.noidung img{
	max-width: 100%;
	height: auto;
}
.noidung .caption img{
	max-width: 85%;
	height: auto;
}
.thongtin_lh{ width: 100%; float: left; padding: 0px 40px 20px 0px;}
.thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B}
.form_lh{ width: 100%; float: left;}
.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;}
.form_lh p input{ padding: 5px; width: 300px; margin-left: 10px;}
.form_lh p label{ width: 100px; float: left;}
.form_lh p textarea{ padding: 5px; width: 400px; margin-left: 5px; border: 1px solid #ccc;}
.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;}
ul{
list-style-type:none;
margin:0px;
padding:0px;
}
#icon{background:url(images/gach_menu.png) no-repeat right;}
/*#timkiem{ width: 630px;  float: left; background-color: #fff; height: 30px; margin: 5px 0px 5px 50px; position: relative;}*/
#timkiem select{ border: 0px; width: 100px;}
/*#timkiem input{
	width:370px;
	height:30px;
	float:left;
	background:none;
	border:0;
	 margin: 1px 0px 0px 6px;
	padding:2px 10px 2px 10px;
	outline:none;
}
#timkiem button{
	width:100px;
	float:right;
	margin-left:5px;
	background:none;
	border:0px;
	font-size: 14px;
	background: #000;
	color:rgba(255,255,255,1);
	height:30px;
	cursor:pointer;
	outline:none;
}
.timkiem button:hover{ color:rgba(255,255,0,1);}*/
.giohang_top{  float: left;
	width: 45px;
	height: 31px;
	line-height: 45px;
	 font-size: 14px; 
	background:url(images/giohang.png) no-repeat 3px center ; 
	background-size: 30px 25px;
	position: relative;
	border:thin #fff solid;
	line-height: 30px; font-size: 14px;
		margin-top: 5px;
		margin-left: 20px;
	
	}
.giohang_top2{
	background:#FF9600 url(images/giohang.png) no-repeat 3px center ; 
	background-size: 30px 25px;
}
.giohang_top a{ display: block; color: #333}
.giohang_top a:hover{ color: #E90404; } 
.giohang_top:hover{background-color: #f37540;}

.giohang_top span{
	color: #000;
	text-align: center;
	margin-right: -10px;
	display:inline-block;
	font-size: 13px;
	background: #fff;
	height: 20px;
	line-height: 20px;
	top: 12px;
	right: 0px;
	position: absolute;
	width: 20px;
	border-radius: 50%;
}

#slide_top{ width:100%; float:left; position: relative; border-bottom: 5px solid #7aaa00;}
#giaohang{ width: 900px; float: right;}
#giaohang li{ width: 165px; float: left; padding: 0px 20px 0px 45px;text-transform: uppercase;font-size: 12px; font-weight: bold;}
#giaohang li a{ display: inline-block; color: #000;  }

.giaohang_tq{ background: url(images/giaohang.png) no-repeat 0px 3px}
.giaohang_nt{ background: url(images/nhantien.png) no-repeat 0px 3px}
.giaohang_dt{ background: url(images/doitra.png) no-repeat 0px 3px}
.giaohang_lh{ width: 350px !important; background: url(images/lienhe.png) no-repeat 0px 3px}
.giaohang_lh span{ font-weight: bold; color: #df0000; font-size: 16px;}
#giaohang li a:hover{ color: #047FBE}

.vien_slide{ width: 100%; float: left; position: absolute; background: url(images/bong_slide.png) no-repeat; height: 55px; background-size: 100%; bottom: 10px;}
.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%;
float:left;

}
.main{
width:100%;
float:left;
}
.back_gr{
	width:100%; float:left; background:rgba(255,255,255,1);	
}
#right{
	width:315px;
	float:right;
}

#left{
width:220px;
float:right;
margin: 0px 0px 0px 0px;
}
#left-tintuc
{
width:290px;
float:right;
margin: 0px 0px 0px 0px;
}
.danhmuc{
width:100%;
float:left;
margin-bottom: 10px;
box-shadow: 0px 0px 3px #ccc;
border-radius: 5px 5px 0px 0px;
/*background: #f1f1f0;*/
}
.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; margin: 5px 0px 0px 5px; color: #999}
.thanh{
width:100%;
float:left;
text-transform:uppercase;
color:#000;
font-size:16px;
text-align: center;
font-weight: bold;
height:40px;
background: #ffea01;
line-height: 40px;
}
.thanh2{
width:183px;
float:left;
text-transform:uppercase;
color:#fff;
font-size:18px;
margin: 0px 0px 0px 30px;
text-align: center;
font-weight: bold;
height:38px;
line-height: 38px;
text-shadow:0px 0px 3px #333;
}
.hotline_l{ font-size: 16px; font-weight:bold; text-align: center; margin-top: 10px; color:#010101;  }
.hotline_l span{ color: #FC0303;font-size: 20px;}
.hotro{
	width:200px;
	float:left;
	background:rgba(255,255,255,1);
	margin:10px 0px 10px 20px;
	border-radius:10px;
	border:1px solid #0a4dbe;
	}
.thanh img{ float:left; margin:2px 10px 0px 10px;}
.thanh h4{ color:rgba(255,255,255,1); margin-top:8px; font-weight:100;}
.menu_left{
width:100%;

float:left;
padding-bottom:10px;
}
.menu_left ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.menu_left ul li{
	width:100%;
	float:left;
}
.menu_left ul li:last-child{ border-bottom: 0px;}
.menu_left ul a{
	width:100%;
	float:left;
	padding:5px 0px 5px 25px;
	background: url(images/muiten_detail.png) no-repeat 5px 10px;
	text-decoration:none;
	color:#333;
	font-size: 12px;
}
.menu_left li ul a{
	width:100%;
	float:left;
	color:#666;
}
.menu_left ul a:hover{
	color:#05628D;
}
.menu_left li ul a{
	padding-left:30px;
	background:url(images/pagination.png) no-repeat 15px 12px;
}

.menu_left li ul li ul a{
	padding-left:40px;
	background:url(images/muiten_trong.png) no-repeat 30px 10px;
}

.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:50%; float:left; margin:5px 0px 5px  0px; padding: 10px;}
.tintuchp{ width: 25%;float: left;margin: 5px 0px 5px 0px;padding: 0 10px 0 0;}
.tintuchp h2{display: inline-block;padding-top: 5px;font-size: 15px;}
.tintuc:nth-child(2n+1){ clear: both;}
.tintuc img{ float:left; width: 150px; border:1px solid #cbeaff; padding:2px; margin:5px 10px 0px 10px; box-shadow:2px 2px 3px #CCCCCC;}
.tintuchp img{ float:left; width: 100%; height:100%; border:1px solid #cbeaff; padding:2px; box-shadow:2px 2px 3px #CCCCCC;}
.tintucmore {line-height: 3.4;
    float: right;
    margin-right: 10px;}
.tintucmore a{   
    color: #fff;
    padding: 5px 15px;
    background: #ed1c24;
    cursor: pointer;
    border-radius: 3px;
    font-size: 15px;
}
.tintuc a{ text-decoration:none;}
.tintuc h2 a{ font-size:16px; color:#333;}
.tintuc a p{ font-size:13px;  color:rgba(51,51,51,1);}
.tintuc:hover h3{ color:rgba(255,0,0,1);}
.tintuc:hover{ opacity: 0.8;}
.visit_hidden{ visibility: hidden; height: 1px;}
.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;
}
ul.pagination li {
    display:inline;
    padding:0 3px;
}
ul.pagination a {
    color:#0d7963;
    display:inline-block;
    padding:5px 10px;
    border:1px solid #cde0dc;
    text-decoration:none;
}
ul.pagination a:hover, 
ul.pagination a.current {
    background:#0d7963;
    color:#fff; 
}
/* ========== Content pagination ========== */
.paging{padding: 0px 0px 10px 0px;}
.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}
.thongke{
	background: url(images/thongke.png) no-repeat 0px 30px;
	height: 150px;
}
.thongke ul li{
	width:100%;
	float:left;
	font-size: 12px;
	padding:0px 0px 10px 45px;
	background:url(images/muiten_vang.jpg) no-repeat 30px 10px;
	color: #fff;
}
.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)}
.thongtin{
	width:250px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	border-bottom:1px dotted #999999;
	font-weight:bold;
	font-size:14px;
}
.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;
}
#chungtoi{ width: 100%; float: left; background: url(images/bg_chungtoi.jpg) repeat; border-bottom: 1px solid #daedfb;border-top: 1px solid #daedfb;}
#content{ width: 100%; float: left; margin: 20px 0px 0px 0px;}

#info{
	width:100%;
	float:right;
}

#sanpham{
	width:100%;
	float:left;
}
#sanpham .dieuhuong, #info .dieuhuong{
    background: #f5f5f5;
    padding: 5px;
}
#qc_home{margin-bottom: 10px;}
#qc_home img{max-width: 100%; height: auto;}
.slide_pro_home{margin-bottom: 10px;}
.khung{
  width:100%;
  float:left; 
  position: relative;
  margin-bottom: 10px;
}
.xemtiep{
width:auto;
float:right;
font-size:11px;
background:url(images/sao.png) no-repeat 0px 3px;
padding-left:20px;
text-align:center;
}
.xemtiep a{
text-decoration:none;
color:rgba(0,153,204,1);
}
.xemtiep a:hover{
color:rgba(153,0,0,1);
}
.thanh_title{
    width:100%;
    float:left;
    margin-bottom: 20px;
    border-bottom: 2px solid #ffea01;
}
/*.thanh_title span{ width: 45px; height: 45px; border: 5px solid #e6e6e6; border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; float: left; text-align: center; line-height: 36px; background: #fff; font-size: 20px; font-weight: bold; margin-left: -23px;}*/
.thanh_title .count{ padding-left: 10px; float: left; color:rgba(0,0,0,1); text-transform:uppercase; text-align: center; font-size: 18px; height: 40px; line-height: 40px; margin-top: 5px; font-weight: bold;}
.thanh_title h2{ padding:0px 50px 0px 20px; float: left; background: #ffea01;color:rgba(0,0,0,1); text-transform:uppercase; text-align: center; font-size: 16px; height: 45px; line-height: 48px;
position: relative;}
.thanh_title h2:after{content: ''; background: url(images2/line_name.jpg); width: 24px; height: 45px; position: absolute; right: 0px; bottom: 0px; background-size: 100% 100%;}
.thanh_title1{ width:100%; float:left; background:#f0f0f0; margin-bottom: 10px; border-top: 4px solid #ffea01;}
.thanh_title1 h4, .thanh_title1 h2, .thanh_title1 h3{ padding:0px 50px 0px 20px; float: left; background: #ffea01;color:rgba(0,0,0,1); text-transform:uppercase; text-align: center; font-size: 16px; height: 45px; line-height: 48px;
position: relative;}
.thanh_title1 h4:after,.thanh_title1 h2:after{content: ''; background: url(images2/line_name.jpg); width: 24px; height: 45px; position: absolute; right: 0px; bottom: 0px; background-size: 100% 100%;}
.thanh_title h1{ padding:0px 10px; float: left; color:rgba(0,0,0,1); text-transform:uppercase; text-align: center; font-size: 18px; height: 40px; line-height: 40px; margin-top: 5px; font-weight: bold;}
.thanh_title a{ color: #000;} 
.thanh_title a:hover{ color: #d42027;}
.danhmuc_1{ }
.danhmuc_1 a{ padding: 13px 10px 13px 10px; color: #000; font-size: 13px; display: block;} 
.danhmuc_1 a:hover{ color: #f30a0a}
.danhmuc_1 ul li{ float: left; position: relative;}
.danhmuc_1 ul li ul{ position: absolute; z-index: 1000; left: 0px; top: 40px; width: 200px; background: #f1f1f1; display: none;}
.danhmuc_1 ul li:hover ul{ display: block;} 
.danhmuc_1 ul li.view_all{float: right; position: relative;}
.danhmuc_1 ul li.view_all > a{color: #f30a0a; text-transform: uppercase;}
.danhmuc_1 ul li.view_all ul{width: 170px; position: absolute; right: 0px; top: 40px; background: #f1f1f1; left: auto;}
.danhmuc_1 ul li.view_all ul li{width: 100%; border-bottom: 1px solid #eee; position: relative;}
.danhmuc_1 ul li.view_all ul li a{padding: 7px;}
.danhmuc_1 ul li.view_all:hover ul{display: block;}

.danhmuc_1 ul li.view_all ul ul{right: 170px; top: 0px;}
.danhmuc_1 ul li.view_all:hover ul ul{display: none;}
.danhmuc_1 ul li.view_all ul li:hover ul{display: block;}
.danhmuc_1 ul ul li{width: 100%;}
.danhmuc_1 ul ul li{width: 100%; border-bottom: 1px solid #eee; position: relative;}
.danhmuc_1 ul ul li a{padding: 7px;}
.danhmuc_2 ul{ width: 210px; float: left; padding: 0px 10px 0px 10px}
.danhmuc_2 ul li:first-child{ width: 100%; float: left;border-bottom: 1px dotted #ccc; }
.danhmuc_2 ul.u_1{ margin-left: 365px; border-right: 1px solid #ccc; width: 211px}


.item_index{ width: 190px; float: left; font-size: 12px;height: 212px; margin: 5px 0px 0px 0px; position: relative; transition: 0.3s;}
.item_index img{ width: 210px; height: 217px;position:absolute; z-index: 10; padding: 5px; left: -10px; top: -5px;transition: 0.5s;} 
.item_index h3{ color: #333; text-transform: uppercase;font-size: 12px;}
.item_index .mota{ color: #666;} 
.item_index  .giaban{color:#FF0000; position: absolute; top: 60px; font-weight: bold; text-shadow: -1px 1px #fff , 1px -1px #fff , -1px -1px #fff ,1px 1px #fff;}
.item_index  .giacu{color:#666;position: absolute; top: 80px; text-decoration: line-through;text-shadow: -1px 1px #fff , 1px -1px #fff , -1px -1px #fff ,1px 1px #fff; font-size: 11px;}
.item_index img:hover{ box-shadow: 0px 0px 10px #666; z-index: 100;}
.item_index:hover h3{color: #047CB4}
.item_index .giamgia{ position: absolute; z-index: 10; right: 0px; top: 70px; width: 50px; height: 50px; border: 2px solid #ccc; text-align: center; background: #fff; border-radius: 50%; color: #bf1522; padding: 5px 0px 0px 0px; font-weight: bold; font-size: 14px;}
.item_index .giamgia p{ font-size: 10px; color: #ccc;} 

.mota_detail{
    margin-top: 18px;
    display: inline-block;
    font-size: 16px;
    width: 100%;
    padding: 10px;
    border: 1px solid #ffea01;
    border-radius: 10px;
    background: #f8ffff;
}
.mota_detail .mota_title{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 18px;
}
.khung_thongtin{ width: 460px; float: right}
.khung_thongtin li{ padding: 2px 0px 2px 0px;}
.khung_thongtin h1{ font-size: 26px; color: #00289c}
.khung_thongtin .luotxem{font-size: 12px;color: #ccc;}
.khung_thongtin .star .checked{color: #ffb909;}
.khung_thongtin .star {color: #ccc;}
.khung_thongtin .mota_detail{ color: #757575}
.khung_thongtin .gia_detail{ font-size: 24px; color: #cd0000; font-weight: bold;}
.khung_thongtin .gia_detail span{ font-size: 14px; color: #666;}
.khung_thongtin .gia_detail b{ color: #333}
.khung_thongtin .giacu_detail{
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}
.khung_thongtin .cuahang_detail p{
    font-size:12px;
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}
.khung_thongtin .cuahang_detail p:nth-child(2n+0) {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 7px;
}
.khung_thongtin .cuahang_detail p:nth-child(2n+1){
    margin-top:8px;
}
.khung_thongtin .giacu_detail .giamgia_sp{ font-size: 14px;
    padding: 3px 6px;
    line-height: 16px;
    background-color: #ee1e25;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    margin: 0 5px 0 0;
    font-weight: 400;
}
.khung_thongtin .giacu_detail .gia_giam{ text-decoration: line-through;color:#999;font-size: 17px;}
.khung_thongtin .baohanh_detail{ color: #015DA4;}
.dathang_detail .thanhtoannhanh{
    width: 239px;
    float: left;
    /*background: url(images/thanhtoannhanh.png) no-repeat;*/
    height: 60px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    padding: 9px;
    cursor: pointer;
    word-spacing: 2px;
    background: linear-gradient(#f52f32,#e11b1e);
    border: solid 1px #e11b1e;
    border-radius: 5px;
    color: white;
    text-align: center;
}
.dathang_detail .thanhtoannhanh p{
    font-size: 10px;
}
.dathang_detail .muangay{
    width: 210px;
    float: left;
    /* background: url(images/thanhtoan.png) no-repeat; */
    height: 60px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    padding: 9px;
    cursor: pointer;
    background-color: #ffea01;
    text-align: center;
    border-radius: 5px;
    margin-left: 10px;
    line-height: 45px;
}

.dathang_detail .thanhtoannhanh:hover{ color:yellow;}
.dathang_detail .muangay:hover{ color:red;}
.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; /*margin-bottom: 10px;*/}
.danhmuc_con a{ float: left; color: #333; text-transform: uppercase;}
.danhmuc_con a:hover{ text-decoration: underline;}
.danhmuc_con h2{ float: left; font-size: 14px; transition: 0.5s;padding: 5px; color: #333; text-align: center; width: 100%; margin-top: 1px;}
.danhmuc_con li img{ width: 100%; float: left;padding:1px;}
.danhmuc_con li:hover h2{ bottom: 70px;background:#f37022; color: #fff;}
.danhmuc_con li:hover{     box-shadow: inset 0px 0px 0px 1px #bf7f57; } 
.danhmuc_con li:nth-child(8n+1){ clear: left; }
#header.hide-header {
    top: -96px;
    animation: slideUpHeader .4s ease-in-out;
}
#header.scroll-header {
    animation: slideDownHeader .3s ease-in-out;
}
.bo_loc_sp.hide-header {
    top: -96px;
    animation: slideUpHeader .4s ease-in-out;
}
.bo_loc_sp.scroll-header {
    animation: slideDownHeader .4s ease-in-out;
    box-shadow: 0 2px 12px rgba(0,0,0,.12);
}
@keyframes slideDownHeader {
from {
    top: -96px
}
to {
    top: 0
}
}
@keyframes slideUpHeader {
from {
    top: 0
}
to {
    top: -96px
}
}
.bo_loc_sp{
    position:sticky;
    top:0px;
    background: #fff;
    z-index: 1;
    display:inline-block;
    width:100%;
    padding-bottom: 10px;
    box-shadow: 0 2px 2px rgba(0,0,0,.12);
}
.attr_pro{
    position: relative;
    display: inline-block;
    width: 100%;
    /*border-top: 1px solid #e4e4e4;*/
    padding: 10px 0 5px;
}
.sort_ft{
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom:10px;
}
.filter_title{
    font-size: 15px;
    font-weight: 700;
    margin-left:5px;
}
.danhmuc_filter, .danhmuc_brand {
    float: left;
    margin-bottom: 5px;
    padding-top: 5px;
    cursor:pointer;
}
.danhmuc_filter p,.danhmuc_brand p{
    padding: 5px 20px 5px 10px;
    border: 1px solid #00000040;
    border-radius: 5px;
    margin: 0 5px;
    position: relative;
}
.danhmuc_filter p::before,.danhmuc_brand p::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333;
    content: '';
    height: 0;
    position: absolute;
    top: 14px;
    right: 6px;
    width: 0;
}
.danhmuc_filter.selected p::before,.danhmuc_brand.selected p::before {
    transform: rotate(-180deg);
}
.danhmuc_filter .list_attr,.danhmuc_brand .list_attr{
    position: absolute;
    display: none;
    top: 58px;
    z-index: 2;
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(0,0,0,.5);
    border-radius: 4px;
    min-width:200px;
}
.danhmuc_filter .list_attr ul,.danhmuc_brand .list_attr ul{
    display: flex;
    flex-wrap: wrap;
}
.danhmuc_filter .list_attr .filter_close,.danhmuc_brand .list_attr .filter_close{
    padding: 8px 0px;
    text-align: center;
    width: 100%;
}
.danhmuc_filter .list_attr .filter_close a,.danhmuc_brand .list_attr .filter_close a{
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 0;
    width: 170px;
    border: 1px solid #dd1c1a;
    color: #dd1c1a;
}
.danhmuc_brand li {
    float: left;
    position: relative;
    margin: 5px;
    border: 1px solid #adadad;
    border-radius: 5px;
}
.danhmuc_filter li {
    float: left;
    position: relative;
    padding: 5px 10px;
    margin: 5px;
    border: 1px solid #adadad;
    border-radius: 5px;
}
.danhmuc_filter li a{
    color: black;
    display:block;
    padding: 5px 10px;
}
.danhmuc_filter li.active{
    background: #ffff00;
    position: relative;
}
.danhmuc_filter li.active a{
    color:red;
}
.danhmuc_filter li.active:after {
    content: "";
    display: block;
    position: absolute;
    right: -10px;
    top: -3px;
    width: 15px;
    height: 15px;
    background: url(../images/cancel-icon.png) no-repeat center right 5px;
    background-size: 15px;
    padding-right: 27px;
}
.danhmuc_filter li:hover,.danhmuc_brand li:hover {
    border: 1px solid #2f80ed;
    color: #2f80ed;
}
.danhmuc_brand li.active {
    background: #f5f5dc;
    position: relative;
}
.danhmuc_brand li.active:after {
    content: "";
    display: block;
    position: absolute;
    right: -10px;
    top: -3px;
    width: 15px;
    height: 15px;
    background: url(../images/cancel-icon.png) no-repeat center right 5px;
    background-size: 15px;
    padding-right: 27px;
}
.danhmuc_brand li img {
    width: 100%;
    float: left;
    padding: 5px 10px;
}
.attr_detail.selected .list_attr{
    display:block;
}
.danhmuc_brand.attr_detail.selected .list_attr ul {
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(5,minmax(0,1fr));
    width: 550px;
}
.attr_detail.selected .list_attr:before {
    content: "";
}
.attr_detail .list_attr:before {
    content: none;
    position: absolute;
    top: 0;
    left: 50px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    border-top: 0;
    margin-left: -10px;
    margin-top: -9px;
}
.filter_active{
    background-color: #f89406;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    top: -8px;
    text-align: center;
    right: 2px;
    width: 16px;
}
.attr_pro .number{
    position: absolute;
    top: -10px;
    font-size: 10px;
    right: 0;
    background: #fffe00;
}
.thongtin_detail{ font-style: italic;}
.cuahang_detail{
    display: flex;
    flex-direction: column;
    float: left;
}
.khuyenmai_detail{
    margin: 5px 0px 0px 0px;
    border: 1px solid #0000ff;
    padding: unset!important;
    border-radius: 5px;
    overflow: hidden;
}
.khuyenmai_detail .km_title{
    text-transform: uppercase;
    width: 100%;
    background: #0000ff;
    font-weight: bold;
    color: #fff;
}
.khuyenmai_detail p{
    padding: 5px 10px;
}
.khuyenmai_detail ul{
    padding-top: 5px;
    padding-bottom: 5px;
}
.khuyenmai_detail ul li{
    padding: 5px 5px 5px 20px;
    background: url(images/muiten_detail.png) no-repeat 0px 13px;
    margin-left: 10px;
    font-size: 16px;
}
.khung_km{ border: 1px solid #dfdcdc; padding: 10px;}
/*Máy tính UPS - chi tiết sp*/
.calc_time{
	float: left;
	width: 100%;
}
.calculate .col_1{
	width: 250px;
	position: relative;
}
.calculate input{
    width: 50px;
	box-sizing: border-box;
    color: rgb(51, 51, 51);
    font-size: 1rem;
    line-height: inherit;
    height: 30px;
    width: 58px;
    padding: 0px 8px;
    font-weight: normal;
    border: 1px solid rgb(203, 203, 203);
    outline: none;
}
.calculate input::-webkit-outer-spin-button, .calculate input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.calculate input {
    -moz-appearance: textfield;
}
.calculate .time-result{
    line-height: 1.8em;
    color: #0000ff;
    font-size: 16px;
}
.calculate .row_1, .calculate .row_2{
    display:flex;
    margin: 10px 0;
    padding: 8px;
    border-top: 1px solid #dedede;
}
.calculate .row_2{
    border-bottom: 1px solid #dedede;
}
.calculate .require{
    position: absolute;
    top: 25px;
    color: #9fa0a4;
}
.progress-result{
    width: 290px;
}
.progress-calc {
    width: 250px;
    overflow: hidden;
    background: linear-gradient(to right, rgb(0 196 37) 49%, rgb(255, 209, 0) 89%, rgb(228, 127, 0) 96%, rgb(177, 0, 67) 100%);
    border-radius: 21px;
    float:left;
}
.progress-calc-left {
    height: 21px;
    width: 0;
    line-height: 21px;
    color: white;
    text-align: center;
    float: left;
}
.progress-calc-right {
    height: 21px;
    background-color: #e9e9e9;
    width: 0;
    line-height: 21px;
    color: white;
    text-align: center;
    float: right;
}
.progress_result{
    margin-left: 5px;
    float: right;
}
/*End Máy tính UPS - chi tiết sp*/
/*Bảng thời gian UPS*/
.runtime{
    width:100%;
    border: 1px solid #e7e7e7;
}
.runtime tr:nth-child(odd) {
    background-color: #6d6d6d;
    color: #fff;
}
.runtime td{
    padding: 5px;
    border: 1px solid #e7e7e7;
}
.other-tools{
    padding: 10px;
    background: aliceblue;
    line-height: 2em;
}
.other-tools ul{
    list-style-type: disc;
    margin-inline-start: 20px;
}
.other-tools ul li a{
    color: #0000ff;
}
/*End Bảng thời gian UPS*/
/*App tìm kiếm UPS*/
.calc_block{
    background: aliceblue;
    padding: 20px;
    display: inline-block;
    width: 100%;
}
.calc_left{
    width: 350px;
    float: left;
}
.calc_content{
    border: 1px solid black;
    font-size: 15px;
    border-collapse: unset;
    text-align: center;
    color: #000;
    width: 350px;
    background: #f1f1f1;
    padding: 20px 40px;
}
.calc_content input{
    color: #ff0000;
    font-family: Calibri,sans-serif;
    font-size: 15pt;
    text-align: center;
    vertical-align: bottom;
    min-height: 35px;
    width: 100%;
    margin: 5px 0;
}
.calc_filter{
    font-size: 17px;
    border-collapse: unset;
    color: #000;
    padding: 10px;
    margin-top: 10px;
}
.calc_filter div{
    margin-bottom: 10px;
}
.calc_filter p{
    margin: 5px 0;
}
.calc_filter label{
    font-weight: normal;
}
.ups_suggest{
    float: left;
    width: calc(100% - 400px);
    margin-left: 20px;
}
.ups_suggest .wrap{
    max-height: 500px;
    overflow-y: auto;
}
#calc_button{
    background: #0018ff;
    color: #fff;
    cursor: pointer;
    padding: 5px;
}
.calc_content p{
    padding-top:5px;
}
.ups_search {
    margin-bottom: 10px;
    text-align: left;
    background: #fff;
    padding: 10px;
    border: 1px solid #cccccc;
}
.ups_search .img {
    float: left;
}
.ups_search .img img {
    width: 100%;
    height: auto;
}
.ups_search .info {
    float: left;
    margin: 10px;
    width: 370px;
}
.ups_search .name {
    color: #000;
    font-size: 18px;
}
.ups_search .price {
    color: #ff0000;
    font-size: 20px;
}
.ups_search .price_old {
    font-size: 14px;
    color: #868585;
    text-decoration: line-through;
}
.ups_search .giamgia_hot1 {
    color: #eb5757;
    background: #fff0e9;
    border-radius: 4px;
    padding: 3px;
    margin-left: 7px;
    font-size: 14px;
    font-weight: bold;
}
.attr_ups{
    margin:5px 0;
    display: inline-block;
}
.attr_ups span{
    background: #f2f2f2;
    padding: 5px;
    border-radius: 7px;
    border: 1px solid #cccccc;
    display: inline-block;
}
.attr_ups span:nth-child(2){
    margin-left:20px;
}
.time_backup{
    margin:5px 0;
    font-weight:bold;
}
.time_backup span{
    color: #0000ff;
}
.display{
    float: left;
    width: calc(100% - 400px);
    margin-left: 20px;
    margin-bottom: 5px;
}
.progress-container {
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
    background: linear-gradient(to right, rgb(0 196 37) 49%, rgb(255, 209, 0) 89%, rgb(228, 127, 0) 96%, rgb(177, 0, 67) 100%);
    border: 1px solid;
}
.progress-bar-left {
    height: 30px;
    width: 0;
    line-height: 30px;
    color: white;
    text-align: center;
    float: left;
}
.progress-bar-right {
    height: 30px;
    background-color: #fff;
    width: 0;
    line-height: 30px;
    color: white;
    text-align: center;
    float: right;
}
/*End App tìm kiếm UPS*/
/*App tính toán UPS*/
.calc_content.calculate{
    margin:0 auto;
}
/*End App tính toán UPS*/
.selectors{ border: 1px solid #ccc; text-align: center; float: left; width: 100%}
.table_info{ width: 930px; float: left;}

.quangcao_in{ position: relative; float: left;}
.quangcao_in:hover{box-shadow: 0px 0px 10px #999;} 
.quangcao_in img{ float: left;}
.list_spnb{float: right; width: calc(100% - 335px);}
.pronb{float: left;border: 1px solid #eee; width: 25%; background: #fff; padding: 8px 15px 5px 15px; text-align: left; position: relative;}
.pronb .info{height: 82px;}
.pronb .name{margin-bottom: 5px; text-align: center;}
.pronb .name h3{font-size: 12px; height: 36px; overflow: hidden;}
.pronb .name a{color: #000;}
.pronb .desc{color: #636262; font-size: 11px; height: 32px; overflow: hidden;}
.pronb .price{color: #000; font-family: 'Arial'; font-size: 13px; text-align: center; font-weight: bold;}
.pronb .price span{color: #f30a0a;}
.pronb .price_old{font-size: 11px; color: #868585; text-align: center; text-decoration: line-through;}
.pronb .price_old2{text-align: center; font-size: 12px;}
.pronb:hover{border: 1px solid #f37022;}
.pronb:hover a{color: #f30a0a;}

.dieuhuong a span{ color: #333; padding: 0px 10px 0px 5px; float: left;/* background:url(images/muiten_trong.png) no-repeat right;*/}
.dieuhuong span{float: left;}
.dieuhuong a:hover{ color:#007597;}
.thanhsp{ width:100%; float:left; margin: 0px 0px 20px 0px; text-align: center; background:#ffd800; height: 40px; line-height: 40px;}
.thanhsp h1{ color:#fff; text-transform:uppercase;font-size: 20px; font-weight:100;display: inline-block; padding: 0px 20px 0px 10px}

.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;*/width: 300px; float: right; border:3px solid #ccc;}
.khung_bc h2{ background: #ffea01; height: 30px; line-height:30px; font-weight:bold;  text-align: center; text-transform: uppercase; font-size: 14px; } 
.khung_bc h2 span{ color: #e80000}
.bang-tskt table{
    border-collapse: collapse;
    font-size: 14px;
    width: 100%;
}
.bang-tskt table tr:nth-child(odd) {
    background-color: #f5f5f5;
}
.bang-tskt table td {
    padding: 10px;
    vertical-align: baseline;
    word-wrap: break-word;
}
.bang-tskt table td:nth-child(1) {
    width: 130px;
}
.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;}
.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 5px 0px 0px;} 
.item_bc .banchay{width: 170px;float: right;}
.item_bc p{ color:#0066cc; font-weight: 500; font-size: 14px}
.item_bc .giaban{ color: #e80000; font-size: 14px;float: left;margin-right: 10px;font-weight: bold;}
.item_bc .giacu{ color: #6991a3; text-decoration: line-through; font-size: 13px;    line-height: 1.7em;}
.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;}
.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);}

.gach_item{ border-bottom: 2px solid #ccc; width: 100%; float: left; padding:10px 0px 10px 0px;}
.item_hot{
	width:200px;
	float:left;
	text-align: center;
	padding: 5px;
	position: relative;
	min-height: 260px;
	margin: 0 5px;
}
.item_hot:hover{ box-shadow: inset 0px 0px 0px 1px #bf7f57}
.item_hot img{ width: 100%}
.item_hot .product_images{
	width:100%;
	border-radius: 5px;
	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-size:12px;margin: 20px 0px 0px 0px; }
.item_hot p.daxem{ color:#0066cc;font-size:12px;margin: 20px 0px 0px 0px; }
.item_hot p{ color: #FC0000; font-size: 11px; width: 100%; text-align: center; float: left; } 

.item_hot p span{color:rgba(255,0,0,1); }
.item_hot .giacu{ color: #999; text-decoration: line-through;font-size: 11px;}
.mua_ngay{ position:absolute; z-index: 100; transition: 0.5s; background: #f37022; border: 1px solid #f37022; bottom: 2px; left: 2px; right: 2px; height: 30px; line-height: 30px; text-align: center; display: none;}
.mua_ngay a{ display: block; color: #fff;}
.item_hot p.giaban{font-size: 13px; font-weight: bold;}
.item_hot p.km {color: blue;font-size: 12px;}
.item_hot:hover .mua_ngay{ display: block;}
.hidekm {
    position: absolute;
    z-index: 101;
    background: #fff;
    border: 1px solid #243a76;
    box-shadow: 0 3px 7px 0 rgb(0 0 0 / 25%);
    display: none;
    padding-bottom: 10px;
    width: 350px;
    left: 195px;
    top: 0px;
    text-align:left;
    font-size:13px;
    top:-100px;
}
.hidekm_left {
    position: absolute;
    z-index: 101;
    background: #fff;
    border: 1px solid #243a76;
    box-shadow: 0 3px 7px 0 rgb(0 0 0 / 25%);
    display: none;
    padding-bottom: 10px;
    width: 350px;
    right: 195px;
    top: 0px;
    text-align:left;
    font-size:13px;
    top:-100px;
}
.hidekm .bang-tooltip,.hidekm table, .hidekm_left table {
    margin-top: 8px;
}
.item_hot:hover .hidekm,.item_hot:hover .hidekm_left {
  display: block;
}
.hover_name {
    display: block;
    padding: 5px;
    background: linear-gradient(to right,#243a76,#ed1b24);
    color: #fff;
    margin: 1px;
    font-weight: 600;
    font-size: 20px;
}
.hover_star .checked{color: #ffb909;}
.hover_star {padding-left: 10px;padding-top: 8px;color: #ccc;}
.hover_luotxem{font-size: 12px;color: #ccc;} 
td.cot1 {
    text-align: left;
    padding: 0 10px;
    font-size: 13px;
    width: 95px !important;
}
td.cot2 {
    text-align: left;
    font-size: 13px;
}
td.cot2 .gia {
    color: red;
    font-weight: 600;
}
td.cot2 .bh {
    color: green;
}
td.cot2_kho {
    text-align: left;
    font-size: 12px;
}
td.cot2_kho ul {
    list-style-type: disclosure-closed;
    padding: 0 0 0 10px;
}
td.cot2_kho ul li {
    padding: 5px 0;
}

.bang-tooltip .cot1 {
    text-align: left;
    padding: 0 10px;
    font-size: 13px;
    width: 95px !important;
    display: inline-block;
}
.bang-tooltip .kho{
    vertical-align: middle;
    height: 76px;
}
.bang-tooltip .cot2 {
    text-align: left;
    font-size: 13px;
}
.bang-tooltip .cot2 .gia {
    color: red;
    font-weight: 600;
}
.bang-tooltip .cot2 .bh {
    color: green;
}
.bang-tooltip .cot2_kho {
    text-align: left;
    font-size: 12px;
}
.bang-tooltip .cot2_kho ul {
    list-style-type: disclosure-closed;
    padding: 0 0 0 10px;
    display: inline-block;
}
.bang-tooltip .cot2_kho ul li {
    padding: 5px 0;
}
.bang-tooltip div{
    padding: 1px 0;
}

.hover-title {
    display: inline-block;
    background: #243a76;
    color: #fff;
    border-radius: 3px;
    padding: 5px 12px;
    margin-bottom: 10px;
    margin-left: 10px;
    line-height: 16px;
}
.hover-offer {
    padding: 0 10px 10px;
}
.hover-offer p {
    color: #000000;
    font-size: 12px;
    width: auto;
    text-align: left;
    float: unset;
}
.mua_ngay:hover{ background: #fff;}
.mua_ngay:hover a{ color: #f37022}
.giamgia_hot{
    position: absolute;
    width: 40px;
    font-size: 12px;
    float: left;
    height: 40px;
    z-index: 1;
    top: 3px;
    right: 3px;
    background: url(images2/icon_phantram.png) no-repeat;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    color: #FFF;
}
/*.km_detail{
    position: absolute;
    width: 40px;
    font-size: 12px;
    float: left;
    height: 40px;
    z-index: 1;
    top: 3px;
    left: 3px;
    background: url(/images/gift.png) no-repeat;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    color: #FFF;
}
.hidekm {
  display: none;
    position: absolute;
    top: -50px;
    background: #777;
    border-radius: 3px;
}
.item_hot .hidekm p, .item_hot .hidekm span
{
    color: #fff
}*/

.khung_pr{ width: 960px; /*width:100%;*/ float: left;}
.khung_pr-tintuc{ width: 900px; float: left;border: 1px solid #e4e4e4;}

.xemthem{ float: right;}
.image_boder12{ float:left;}
.chitiet{
	width:77px;
	float:left;
	background:url(images/chitiet.png) repeat-x;
	border-radius:5px;
	text-align:center;
	height:22px;
	margin-left:70px;
	margin-top:20px;
	line-height:22px;
}
.chitiet a{
color:rgba(255,255,255,1);
line-height:25px;
width:77px;
float:left;
text-align:center;
text-decoration:none;
}

.chitiet a:hover{
	color:rgba(255,255,0,1);
}
.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:450px;
float:left;
}
.noidung .toc ul li, .noidung .toc ol li{
    list-style-type:none !important;
}
.noidung .toc ul, .noidung .toc ol{
    list-style-type:none !important;
    padding-inline-start: 20px;
}
.noidung ul, .noidung ol{
    list-style-type: disc;
    padding-inline-start: 40px;
}
.noidung ul li, .noidung ol li{
    margin: 2px 0;
}
.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{
	width:100%;
	float:left;
	background:url(images/bg_bottom.png) repeat;
	min-height:300px;
	border-top: 5px solid #e3e3e3;
}
.footer_1{
    float: left;
    width: 25%;
    border-radius: 5px;
    padding: 20px 10px 0px 0px;
}
.footer_1 h4{
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
}
.footer_1 h2 a{
	color: #333;
}
.footer_1 ul{ padding: 10px 0px 20px 0px;}
.footer_1 ul li a{
	color: #585858;
	font-size: 12px;
	display: block;
	padding: 2px 0px 2px 0px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.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;}
.baomat{ color: #666 !important}

.footer_2 {
    float: left;
    width: 50%;
    border-radius: 5px;
    padding: 20px 10px 0px 0px;
}

.footer_box{
    width: 100%;
    float: left;
}
.footer-bottom-title {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #333e48;
    padding: 15px 0 0;
}
#congty_local {
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
}
.showroom-container {
    width: 33.3333333333%;
    font-size: 13px;
    padding-left: 0;
    float: left;
    display: table-cell;
    padding-top: 20px;
    height: 200px;
    margin-bottom: 10px;
}
.showroom-container p {
    line-height: 1.5;
    margin: 6px 0;
}
.showroom-container p:nth-child(2){
    font-weight: bold;
    width:380px;
}
.number-footer {
    display: inline-block;
    background-color: #ed1b24;
    font-weight: 700;
    width: 31px;
    height: 31px;
    line-height: 30px;
    border-radius: 3px 0 0 3px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.showroom-title {
    display: inline-block;
    width: calc(100% - 61px);
    background-color: #ffe732;
    padding: 0 10px;
    line-height: 31px;
    color: #000;
    border-radius: 0 3px 3px 0;
    font-weight: 700;
    font-size: 13px!important;
}
.dangkytt{
    padding: 20px 0 20px 0;
}
.dangkytt p{
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
}
.dangkytt form {
    text-align: center;
    width: 600px;
    margin: auto;
    position: relative;
}
.dangkytt input {
    background: #fff;
    border: none;
    border-radius: 2px;
    padding: 10px;
    width: 600px;
    height: 40px;
    font-size: 13px;
    margin-bottom: 10px;
}
.dangkytt button {
    background: #ed1b24;
    color: #fff!important;
    padding: 10.5px 55px;
    border-radius: 0 3px 3px 0;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
}
#bottom{
	width:100%;
	float:left;
	background-color: #ffea00;
	margin: 20px 0px 0px 0px;
}
.logo_bt{ float: left;}
.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);
}
.slidef{
	width:770px;
	float:left;
	height:290px;
	border:5px solid #CFCFCF;
}
.bong_slide{
	width:770px;
	float:left;
	height:13px;
	background:url(images/bong_slide.png) no-repeat center;
}
.bottom{
width:100%;
float:left;
background:url(images/bottom.jpg) no-repeat center;
padding:20px 0px 0px 0px;
position:relative;
}
.khung_bt{
	width:100%;
	float:left;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
}
.khung_bt1{ width: 260px; float: left; margin: 0px 30px 0px 10px;}
.khung_bt1 a{ color: #a3a3a3;}
.khung_bt1 h4 {overflow: hidden;position: relative; }
.khung_bt1 h4 span{ color: #f2ff00; text-transform: uppercase; font-size: 16px; margin-bottom: 10px;position: relative; display: inline-block; padding: 0px 20px 0px 0px;}
.khung_bt1 h4:after{content: ""; position: absolute; width: 100%; background-color: #ccc; height: 10px; background: url(images/gach_bt.png) repeat-x; top: 7px;}
.khung_bt1 ul li a{ width: 100%; float: left; padding: 3px 0px 3px 20px; background: url(images/muiten.png) no-repeat 5px 12px; color: #fff;}
.khung_bt1 ul li a:hover{ color: #FFF000}
.khung_bt2{ width: 600px; float: left; color: #fff; padding:10px 0px 10px 0px;}
.thongtin_bt{ width: 480px; float: left; margin:10px 0px 10px 0px; }
.thanhtoan_bt{ float: left; margin-left: 50px; font-size: 12px;}
.thanhtoan_bt h4{ margin: 10px 0px 10px 0px}
.bocongthuong{ float: right}
.bocongthuong h4{ margin: 10px 0px 10px 0px; font-size: 12px;}
.bocongthuong_right{ float: left; }


.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{ width:100%; float:left; color: #fff; height: 40px; font-size: 12px; line-height: 40px;margin:0px 0px 0px 0px; background:#000}
.copy p{ width: 550px; float: left;}
.copy a{color: yellow;}
.copy ul{ 
	display: inline-block;
	float: right;
} 
.copy li{ float: left; margin: 0px 0px 0px 20px;}
.copy li span{ color: #FFEA00; font-weight: bold;}
.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:1200px;
	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;
	margin:10px 0px 50px 0px;
}
.doitac{
	width: 200px;
	float:left;
	margin:10px 0px 10px 20px;
}
.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:1000px;
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;
}
.lienket{ width:270px; float:right; margin:35px 0px 10px 0px; text-align: center;}
.lienket img{ height: 31px;}
.lienket a:hover{ opacity:0.7;}
.hotline_top{width:270px; background: url(images/hotline.png) no-repeat left; height: 49px; padding: 0px 0px 0px 120px; float:right; font-size: 26px; line-height: 49px;text-shadow: -1px 1px #fff , 1px -1px #fff , -1px -1px #fff ,1px 1px #fff; color: #F20622}

.vitri_1{ width:420px; float:left; margin-top:20px;}
.vitri_2,.vitri_3{ width:280px; float:left; text-align:center;}
.vitri_2 img.ban{ margin-top:15px; margin-left:-20px; margin-bottom:5px;}
.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%;*/
	width:900px;
	float:left;
}
div#container_product #tabs {
border: 1px solid #fff;
margin-right:5px;
margin-bottom: 10px;
overflow: hidden;
}
div#container_product #tabs li.nonactive {
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:#ffea01;
color: #000;
text-transform: uppercase;
font-weight: bold;
padding: 7px 30px;
margin-right: 1px;
}
div#container_product #tabs li.active, div#container_product #tabs li.nonactive {
float: left;
}
div#container_product #tabs li a {
color: #000;
font-size:16px;
text-decoration:none;
}
div#container_product #tabs .noidung_ta li a {
    color: blue;
}
.phantrang {
text-align: center;
margin-top: 20px;
}
.noidung_ta{
	width:100%;
	/*float:left;*/
	padding:10px;
	clear:left;
	border: 3px solid #e4e4e4;
}
.noidung_ta .hinh-sp{
	width:50%;
	float:left;
	padding:10px;
	height: 165px;
}
.noidung_ta .hinh-sp img{
	width:100%;
	height:100%;
}
.noidung_ta .hinh-sp:hover{
	filter: drop-shadow(2px 4px 6px black);
}
.noidung_ta .caption{
    padding-bottom: 15px;
    text-align: center;
}
.noidung_ta .caption figcaption{
    font-style: italic;
    font-weight: bold;
}
.noidung_ta .caption img{
    border: 1px solid yellow;
    width: 100%;
    height: 100%;
}
.noidung_ta .caption img.logo{
    width: 200px;
}
.noidung_ta h2,.noidung_ta h3,.noidung_ta p{
    padding-bottom: 15px;
}
.noidung_ta p{
    font-size: 15px;
}
.noidung_ta blockquote{
    font-style: italic;
    padding: 0 0 0 45px;
    margin: 0 0 1.5rem;
    border-left: 5px solid #276ae6;
    line-height: 1.5;
}
.noidung_ta table{
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}
.noidung_ta table td, .noidung_ta table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.noidung_ta table tr:nth-child(even){background-color: #f2f2f2;}

.noidung_ta table td:nth-child(odd){width:277px;}

.noidung_ta table.bang tr:nth-child(even){background-color:unset;}

.noidung_ta table.bang td:nth-child(odd){width:unset;}

.noidung_ta table tr:hover {background-color: #ddd;}

.noidung_ta table th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #4c4faf;
  color: white;
}
.noidung_ta ul{
    margin-block-end: 1em;
    padding-inline-start: 20px;
}
.noidung_ta ul li{
    list-style-type: initial;
}
.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;
}
#map_canvas {    
    height: 530px;
    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: 9999;
    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: #ffea01;
    color: #d00000;
    font-size: 17px;
    font-weight: bold;
    width: 100%;
    border: 1px solid #d00000;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
}
.hotro_right span{
    display: inline-block;
    text-align: center;
}
.hotro_right span:nth-child(1) {
    width: 75px;
}
.hotro_right span:nth-child(2) {
    width: 125px;
}
.red{ color: #FB0000}
.dieukhoan{ width: 49%; float: left; border: 1px solid #ccc;margin: 10px 0px 10px 0px;}
.dieukhoan h4{ padding: 5px 10px 5px 10px; background: #ffea00; text-transform: uppercase; color: #000}
.cuoncuon{ padding: 10px; height: 400px; overflow-y: scroll;}
.xacnhan{width: 49%; float: right;margin: 10px 0px 10px 0px;}
.xacnhan h4{ padding: 5px 10px 5px 10px; background: #ffea00; text-transform: uppercase; color: #000}
.khungxn p{ padding: 5px 0px 5px 0px; border-bottom: 1px dotted #ccc;}
.khungxn p b{ width: 100px; float: left;}
.khungxn p span{color: #FA0000;}
.phuongthuc h4{ padding: 5px 10px 5px 10px; background: #ffea00; text-transform: uppercase; color: #000; margin-bottom: 10px;}
.dongy { padding: 10px; width: 100%; float: left; font-weight: bold;}
.khung_trai{ width: 49%; float: left;}
.khung_phai{ width: 49%; float: right;}
.close_sup{ float: right; cursor: pointer;}

.date{font-size: 13px; color: #333; margin-bottom: 10px;}
#log{background: #fff; position: absolute; top: 41px; width: 100%;  max-width: 390px; z-index: 9; /*left: 140px;*/
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);/*FF 3.5+*/
-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 2px rgba(0,0,0,0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#000000); /*IE 5.5-7*/
max-height: 300px; overflow: auto;}
#log .wrap{padding: 15px;}
.item_search{margin-bottom: 10px; text-align: left;}
.item_search .img{float: left; width: 55px;}
.item_search .img img{width: 100%; height: auto;}
.item_search .info{float: right; width: calc(100% - 70px);}
.item_search .name{color: #000; font-size: 12px;}
.item_search .price{color: #ff0000; font-size: 12px;}
.item_search:hover .name{color: #ff0000;}
.item_search:hover .img img{opacity: 0.9;}
.owl_pro{margin-bottom: 10px;}
.owl_pro img{width: 100%; height: auto; max-width: 100%}
.close_search{position: absolute; right: 5px; top: 5px; z-index: 99; font-size: 20px; color: red; cursor: pointer;}
.dieuhuong ol, .dieuhuong ul {list-style-type: none;}
.dieuhuong ol li, .dieuhuong ul li{
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    color: #8d9293;
}
.dieuhuong a {
    color: #000;
}
.dieuhuong ol li:before, .dieuhuong ul li:before {
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    content: '';
    height: 4px;
    position: absolute;
    right: 1px;
    transform: rotate(45deg);
    top: 8px;
    width: 4px;
}
.mota_danhmuc {
    border: 1px solid #ccc;
    padding: 6px 10px;
    box-shadow: 2px 2px 2px #607d8b;
    margin-bottom: 10px;
}
#seeMore {
    display: block;
    text-align: center;
    padding: 10px 0;
    border-top-style: outset;
    cursor: pointer;
    position:absolute;
    bottom: 0;
    width: 100%;
    background: #fffffffc;
}
#buttonSeeMore i{
	font-size:22px;
	vertical-align: middle;
}
.mota_danhmuc {
    height: 1000px;
    overflow: hidden;
    padding-bottom: 30px;
}
.page_des {
    position:relative;
}
#seeMore.active:before {
    height: 45px;
    margin-top: -45px;
    margin-left: -15px;
    content: "";
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 );
    display: block;
}
.page_des {
    border-top: 2px solid #ffea00;
    padding: 10px 0;
    width: 960px;
    float: left;
}
#form-lien-he-nghia {
    width: 100%;
    display: block;
    margin: 0px auto;
    max-width: 640px;
    clear: both;
    font-size: 12px;
    padding-top: 30px;
}
#form-lien-he-nghia .hotline-khoi p {
    font-size:12px;
}
#form-lien-he-nghia a {
    text-decoration: none;
}
div#container_product #tabs #form-lien-he-nghia ul {
    display: block;
    margin: 0px auto;
    width: 60%;
    list-style: none;
    font-size: 110%;
}
div#container_product #tabs #form-lien-he-nghia p .sdt {
    float: left;
    margin-top: 0px;
    margin-left: 3%;
    padding-left: 2%;
    line-height: 20px;
}
div#container_product #tabs #form-lien-he-nghia ul li {
    background: none;
    padding: 0;
    margin-right: 0;
    color: black;
    text-transform: none;
    font-weight: unset;
    width:390px;
    float: none;
    list-style-type: none;
}
div#container_product #tabs #form-lien-he-nghia ul li a {
    text-decoration: none;
    background: yellow;
    color: red;
}
  #form-lien-he-nghia ul a{
    color: #0c48a1;
    font-size: 1.1em;
    font-weight: bold;
}
.khoi-van-phong {
    width: 27%;
    float: left;
}
.manh-so-hotline {
    font-size: 120%;
    border-bottom: 1px solid #ff7f00;
}
.khoi-tong-dai {
    width: 24%;
    float: left;
}
.khoi-hotline {
    width: 24%;
    float: left;
}
.khoi-dai-ly {
    width: 25%;
    float: left;
}
.youtube {
 position:relative;
 padding-bottom:56.25%;
 height:0;
 overflow:hidden;
}
.youtube iframe, .youtube object, .youtube embed {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}
.wy {
 width: 80%;
 margin: 0 auto;
 padding-bottom: 20px;
}
ol ul {
 list-style-type: circle;
 margin-left: 1.2em;
}
.mota_danhmuc ol {
 margin-block-start: 1em;
 margin-block-end: 1em;
 margin-inline-end: 0px;
 padding-inline-start: 40px;
}
.mota_danhmuc ul {
 margin-block-end: 1em;
 margin-inline-end: 0px;
 padding-inline-start: 40px;
 list-style-type: circle;
}
.mota_danhmuc .caption{
    padding-bottom: 15px;
    text-align: center;
}
.mota_danhmuc .caption figcaption{
    font-weight: bold;
}
.mota_danhmuc .caption img{
    width: 80%;
    height: 80%;
}
.mota_danhmuc .caption img.brand{
    width: 30%;
}
.info-box {
    margin: 10px auto;
    padding: 10px;
    border: 2px solid #c3e5f8;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: #dbedf9;
    line-height: 155%;
    clear: both;
    font-size: 16px;
}
.mota_danhmuc h1,.mota_danhmuc h2,.mota_danhmuc h3,.mota_danhmuc p{
    padding-bottom: 15px;
}
.mota_danhmuc .mucluc{
    background-color: #fffed1;
    padding: 10px;
    margin-bottom: 15px;
}
.mota_danhmuc .mucluc li{
    margin-bottom: 2px;
}
.mota_danhmuc table{
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}
.mota_danhmuc table td{
  border: 1px solid #ddd;
  padding: 8px;
}
.mota_danhmuc a:hover{
  text-decoration: underline;
}
.mota_danhmuc table tr:hover {background-color: #ddd;}
.mota_danhmuc .caption img.logo{
    width: auto;
    height: auto;
}
.overlay-hethang{
    width: 90%;
    height: 95%;
    background-color: rgb(0 0 0 / 28%);
    position: absolute;
    color: red;
    z-index: 100;
    text-align: center;
}
.hethang{
    line-height: 250px;
    font-size: 26px;
    border: 2px dashed #f69c55;
    color: red;
    background: yellow;
}
.het-hang:hover {box-shadow: unset;}
.row-image > .column-image {
    border: 1px solid darkgrey;
    border-radius: 10px;
    overflow: hidden;
    height: 170px;
}
.column-image {
    display: inline-block;
    width: 24.5%;
}
.row-image{
    /*border-bottom: 2px solid #00252d;*/
    margin-bottom: 15px;
}
.hotlines{
    position: fixed;
    bottom: 50%;
    right: 0;
    background: #ffffdc;
    padding: 5px !important;
    border: 1px solid red;
    border-radius: 10px;
    box-shadow: 0 15px 35px rgb(50 50 93 / 10%), 0 5px 15px rgb(0 0 0 / 7%);
}
.mota_danhmuc .table-thong-so{
    margin: 10px auto;
    border: 1px solid black;
    font-size: 15px;
    border-collapse: unset;
    width: unset;
}
.mota_danhmuc .table-thong-so>tbody>tr>td{
    padding: 8px;
}
/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000a3;
}

/* Modal Content */
.modal-content {
  position: relative;
    /*background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 60%;
    max-width: 1200px;*/
    height: 100%;
    text-align: center;
    width: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding: 40px 6.66%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-image{
    /*margin: 0 100px;
    display: inline-block;*/
    position: relative;
    height: 100%;
}
.modal-image img{
    width: 100%;
    height: 100%;
}
.modal-content2{
    position: relative;
    height: 100%;
    text-align: center;
    width: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-content2{
    padding: 40px 6.66%;
}
/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 55px;
  font-size: 35px;
  font-weight: bold;
    position: fixed;
    z-index:10000;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}
.hover-shadow{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
}

/* Next & previous buttons */
.prev-slide,
.next-slide {
  cursor: pointer;
    position: fixed;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    border: 1px solid white;
    -webkit-user-select: none;
    z-index: 9999;
    height: auto;
    margin-right: 1em;
    background-color: transparent;
}

/* Position the "next button" to the right */
.next-slide {
  right: 0;
}
/* On hover, add a black background color with a little bit see-through */
.prev-slide:hover,
.next-slide:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color:white;
}
.mota_danhmuc .muc-luc-noi-bat{
    border-bottom: 2px solid #00252d;
    margin: 10px 0;
    font-size: 15px;
    padding-bottom: 7px;
}
.mota_danhmuc .tieu-de-noi-bat{
    text-align: center;
    border-bottom: 2px dashed black;
    margin: 20px 0;
}
.mota_danhmuc .tieu-de-noi-bat span{
    color: #0012e5;
    font-size: 18px;
    background-color: #fdffd7;
    padding: 10px;
    border-radius: 10px;
    text-transform: uppercase;
}
.mota_danhmuc .diachimua p{
    padding:0;
}
.mota_danhmuc .diachimua span{
    border: 1px solid #ddd;
    padding: 8px;
    display: inline-block;
}
.mota_danhmuc .diachimua span:first-child {
    width: 20%;
}
.mota_danhmuc .diachimua span:last-child {
    width: 80%;
}
#menu-toggle li a:hover {
    text-decoration: underline;
}
#toggle{
    padding: 1px 10px;
    margin-left: 10px;
}
#chon-mau-sac button {
    width: 32px;
    height: 32px;
    border-radius: 10%;
    position: relative;
    border: 1px solid transparent;
    margin-right: 5px;
}
#mau-da-chon{height: 450px;}
  #chon-mau-sac .active .check{opacity:1;}
  #chon-mau-sac .check{color:white;font-weight:bold;opacity:0;}
  #chon-mau-sac .mau-trang.active .check,#chon-mau-sac .mau-vang.active .check{opacity:1;}
  #chon-mau-sac .mau-trang .check,#chon-mau-sac .mau-vang .check{color:black;font-weight:bold;opacity:0;}
  #chon-mau-sac .mau-den{background:black;}
  #chon-mau-sac .mau-cam{background:#fe6a23;}
  #chon-mau-sac .mau-do{background:red;}
  #chon-mau-sac .mau-tim{background:purple;}
  #chon-mau-sac .mau-trang{background:white;border: 1px solid black;}
  #chon-mau-sac .mau-vang{background:yellow;}
  #chon-mau-sac .mau-xam{background:grey;}
  #chon-mau-sac .mau-xanh-duong{background:blue;}
  #chon-mau-sac .mau-xanh-la{background:#cfe600;}
.bang-chon-mau{width:100%;display:flex;}
.hinh-anh-gio{width:50%;}
.hinh-anh-gio img{width:100%;}
.thong-tin-gio{width:45%;margin-left:40px}
.tab-mau,.size-basket,.logo-demo{display:none;position:absolute;max-width:450px}
.logo-demo{z-index:1;}
.size-basket.bl-to-wt {-webkit-filter: invert(100%);filter: invert(100%);}
.background-basket,.nen-trang-basket{display:none;}
.tuy-chon-hien-thi{
    margin: 10px 0;
    padding: 5px 5px 0px 5px;
    background: #f4faff;
    width: fit-content;
    border: 1px solid red;
    border-radius: 5px;
}
.tab-thong-tin{display:none;}
.noidung_ta .shop-basket td:nth-child(odd) {
    width: unset;
}
.thong-tin-sp{display:flex;}
.thong-tin-sp p {padding-bottom: 10px;}
.news-noibat{
    width:100%;
    float:left;
}
.block-news{
    float:left;
    margin-bottom: 20px;
    width:100%;
}
.block-news-noibat{
    width:50%;
    float:left;
}
.tintucnb{
    width:50%;
    height: 320px;
}
.tintucnb,.tintucnb1 {
    float: left;
    margin: 5px 0px 5px 0px;
    padding: 0 10px 0 0;
}
.tintucnb img,.tintucnb1 img {
    float: left;
    width: 100%;
    height: 100%;
    border: 1px solid #cbeaff;
    padding: 2px;
    box-shadow: 2px 2px 3px #cccccc;
}
.box_news_other {
    width: 31%;
    float: left;
    border: 1px solid #e6e6e6;
    padding: 10px;
    margin: 10px;
    height: 350px;
}
.image_news_other img {
    max-width: 100%;
    max-height: 100%;
}
.title_news_other {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
}
.date_news_other {
    color: rgba(153,153,153,1);
    font-size: 12px;
    margin-bottom: 3px;
}
.mota_news_other {
    text-align: justify;
    font-size: 13px;
    margin-top: 5px;
}
.items-product-rel{
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.images-rel{
    width:40%;
}
.images-rel img{
    width:100%;
}
.info-rel {
    width: 60%;
    margin-left: 10px;
}
.price-rel{
    margin: 5px 0 0;
    color: #ec0606;
    font-weight: bold;
}
.price-sale-rel{
    color: #6991a3;
    text-decoration: line-through;
}
.sanpham-lienquan{
    float: left;
    margin-bottom: 10px;
    box-shadow: 0px 0px 3px #ccc;
}
.title-catalog{
    color: #000;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    height: 40px;
    background: #ffea01;
    line-height: 40px;
    margin-bottom: 10px;
}
.item_news {
    /*width: 210px;*/
    float: left;
    margin: 5px;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0px 10px 0px;
    position: relative;
}
.item_news img {
    width: 100%;
    display:block;
    margin-bottom: 10px;
}
.gach_list{
    float: left;
    width: 100%;
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(8,minmax(0,1fr));
}
.danhmuc_con li {
    float: left;
    position: relative;
    border: 1px solid #e2e2e2;
    margin: 5px;
    border-radius: 5px;
}
.danhmuc_con h2 {
    font-size: 12px;
}
.danhmuc_con span {
    font-size: 12px;
    padding: 5px;
    color: #333;
    text-align: center;
    width: 100%;
    margin-top: 1px;
    display:block;
}
.list_product {
    width: 100%;
    /*display: inline-block;*/
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(4,minmax(0,1fr));
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    gap:10px;
    padding: 10px;
    background: #ededed;
}
.item_product {
    float: left;
    border: 1px solid #eee;
    /*width: 20%;*/
    background: #fff;
    padding: 15px 10px 10px 10px;
    text-align: left;
    position: relative;
    /*height: 430px;*/
    overflow: unset;
    border-radius:8px;
}
.item_product .km{
    color: blue;
    font-size: 13px;
    margin-top: 5px;
}
.item_product .tt_noibat{
    margin: 7px 0;
    position: absolute;
    top:0;
}
.item_product .tt_noibat span {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    color: #333;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    margin-right: 5px;
    padding: 4px 5px;
    white-space: nowrap;
}
.item_product:hover {
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.12);
    -moz-box-shadow: 0 2px 12px rgba(0,0,0,.12);
    box-shadow: 0 2px 12px rgba(0,0,0,.12);
}
.item_product a:hover .img_product {
    margin-top: 10px;
    margin-bottom: 20px;
}
.item_product .img_product {
    margin-top: 20px;
    position: relative;
    margin-bottom:10px;
}
.item_product .img_product {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.item_product .icon-noibat {
    height: 40px;
    position: absolute;
    max-width: 40px !important;
    right: 5px;
    top: 35px;
}
.item_product .img_product img {
    width: 100%;
}
.item_product a:hover h3 {
    color: #288ad6;
}
.item_product .info_product{
    /*position: relative;*/
}
.item_product .name {
    margin-bottom: 5px;
}
.item_product .name h3 {
    font-size: 14px;
    height: 42px;
    overflow: hidden;
    font-weight: 400;
    color: #000;
}
.ttin_product {
    display:flex;
    height: 28px;
}
.label_product {
    border-radius: 20px;
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    max-width: 100%;
    padding-right: 8px;
    margin-bottom: 8px;
}
.label_product img {
    float: left;
    max-width: 20px;
    height: auto;
    border-radius: 12px;
    margin: unset;
    width: 100%;
}
.label_product span {
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 11px;
    line-height: 13px;
    margin-left: 3px;
    overflow: hidden;
    padding: 4px 0 0 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 2;
    text-transform: uppercase;
}
.item_product .price {
    color: #000;
    font-size: 19px;
    font-weight: bold;
}
.item_product .price span {
    color: #f30a0a;
}
.item_product .price_old {
    font-size: 14px;
    color: #868585;
    text-decoration: line-through;
}
.giamgia_hot1{
    color: #eb5757;
    background: #fff0e9;
    border-radius: 4px;
    padding: 3px;
    margin-left: 7px;
    font-size: 14px;
    font-weight: bold;
}
.info_km{
    font-size: 13px;
    color: #333;
    border: 1px solid #e5e7eb;
    padding: 4px 10px;
    background: #f3f4f6;
    border-radius: 5px;
    margin: 8px 0 5px;
}
.text_center {
    clear: both;
    margin: 20px auto;
    width: 100%;
    display: block;
    text-align: center;
}
.read_more_sp{
    display: block;
    margin: auto;
    max-width: 350px;
    background-color: #ffea00;
    color: #000000;
    border-radius: 4px;
    text-align: center;
    padding: 10px;
}
.read_more_sp .this_count{
    color: #ff0000;
    font-weight: bold;
}
/*filter sort*/
.sort-select {
    float: right;
    position: relative;
    margin: 5px;
}
.sort-select .click-sort {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    padding: 10px;
}
.sort-select .sort-show {
    padding-right: 12px;
    position: relative;
}
.sort-select .sort-show::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333;
    content: '';
    height: 0;
    position: absolute;
    top: 6px;
    right: 0;
    width: 0;
}
.sort-select-main {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0,0,0,.2);
    display: none;
    position: absolute;
    padding: 0 7px;
    top: 35px;
    right: 0;
    width: 160px;
    z-index: 2;
}
.sort-select-main p {
    border-bottom: 1px solid #f1f1f1;
}
.sort-select-main span {
    color: #000;
    font-size: 14px;
    line-height: 17px;
    padding: 11px 3px;
    display: block;
}
.sort-select-main .check i {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 16px;
    border: 2px solid transparent;
    border-radius: 100px;
    vertical-align: middle;
}
.sort-select-main .check i:after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 3px;
    top: -4px;
    width: 6px;
    height: 10px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    transform-origin: bottom left;
    transform: rotate(45deg);
}
.sort_ft ul {
    float: left;
    position: relative;
    margin-bottom: unset;
    display: flex;
    align-items: center;
}
.sort_ft li{
    float:left;
}
.sort_ft li.active{
    color:#ff0000;
    display: flex;
}
.sort_ft li.active i {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 16px;
    border: 2px solid transparent;
    border-radius: 100px;
    vertical-align: middle;
}
.sort_ft li.active i:after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 3px;
    top: -4px;
    width: 6px;
    height: 10px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    transform-origin: bottom left;
    transform: rotate(45deg);
}
.sort_ft i.ellipse {
    content: "";
    width: 4px;
    height: 4px;
    background: rgba(234,236,240,1);
    margin: 10px;
    border-radius: 2px;
}
/*star rating*/
.item-rating {
    margin-top: 5px;
    display: inline-block;
}
.item-rating p{
    float: left;
}
.item-rating-total{
    color: #000;
    line-height: 2.1em;
    margin-left: 5px;
    font-size: 12px;
}
.icon-star,.icon-star-dark,.icon-star-half {
    background-image: url(images/stars-min.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 59px 14px;
}
.icon-star {
    background-position: 2px 1px;
    height: 17px;
    width: 17px;
}
.icon-star-half {
    background-position: -42px 1px;
    height: 17px;
    width: 17px;
}
.icon-star-dark {
    background-position: -21px 1px;
    height: 17px;
    width: 17px;
}
/*deal hot*/
.deal_hot{
    background-color: #e2252d;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100%;
    padding: 5px;
    border-radius: 5px;
    background-image: url(images/bg-oltk-dt-min.png);
    display: flex;
    color: white;
    font-size: 13px;
    margin-top: 5px;
}
.dh_price{
    width:50%;
}
.dh_time{
    width:50%;
    text-align:right;
    font-size:11px;
}
.dh_price .giacu_dh,.dh_price .tietkiem_dh{
    font-size: 10px;
    display: block;
}
.dh_price .giacu_dh{
    font-size: 14px;
    text-decoration: line-through;
}
.dh_price .giakm_dh{
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: yellow;
    line-height: 1.2em;
}
.title_dh{
    font-size: 12px;
}
.clock_dh{
    font-size: 15px;
}
.dh_count{
    color:yellow;
}
.suggest_search{
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}
.suggest_search p{
    float: left;
    line-height: 2.5em;
    margin-right: 10px;
}
.suggest_search ul{
    display: flex;
    flex-wrap: wrap;
    float: left;
}
.suggest_search a{
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 52px;
    color: #333;
    display: flex;
    font-size: 14px;
    line-height: 13px;
    margin-right: 8px;
    min-height: 36px;
    max-height: 36px;
    padding: 6px 13px;
    vertical-align: top;
}
.suggest_search img{
    vertical-align: middle;
    width: auto;
    height: 30px;
}
.suggest_search a:hover {
    border: 1px solid #2f80ed;
    color: #2f80ed;
}
/*Review*/
.rep-box{
    display:none;
    margin-top: 10px;
}
.rep-box .textarea{
    margin-bottom: 10px;
}
/*.rep-box .button-send {
    margin: unset;
}*/
.rep-review{
    margin-right: 10px;
    cursor: pointer;
    font-size: 13px;
    color: #0001ff;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    font-size: 17px;
    font-weight: bold;
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
}
.review-header .txtname {
    font-weight: bold;
    margin-right: 8px;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 0;
}
.review-header .txtname span {
    font-weight: normal;
    color: #828282;
}
.review-body .diem-sao i {
    margin-right: 3px;
    background-size: 15px;
    padding-left: 15px;
}
.review-body .diem-sao .verified-purchase {
    background: url(../images/verified.svg) no-repeat 10px 0px;
    background-size: 17px;
    padding-left: 32px;
    color: #10a64a;
    margin-left: 5px;
    border-left: 2px solid #cacaca85;
}
.review-body .noidung-review, .comment-detail .comment-body{
    margin-top:5px;
}
.review-body .noidung-review p, .comment-detail .comment-body p{
    padding:unset;
}
.review-footer {
    width: 100%;
    float: left;
    margin-top: 5px;
}
.comment-footer {
    margin-top: 5px;
}
.review-footer .time-review, .comment-footer .time-review{
    color: #999;
    font-size: 13px;
    position: relative;
}
.review-footer .time-review:hover .real-time, .comment-footer .time-review:hover .real-time{
    display: block;
}
.review-footer .helpful {
    background: url(../images/liked.svg) no-repeat 0px 0px;
    background-size: 15px;
    padding-left: 20px;
    color: #3688ff;
    font-size: 13px;
    margin-right: 2px;
    border-right: 2px solid #cacaca85;
    padding-right: 8px;
    cursor: pointer;
}
.real-time {
    background-color: #ebebeb;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    border-radius: 4px;
    color: #333;
    display: none;
    padding: 5px;
    position: absolute;
    left: 0px;
    width:130px;
}
.row1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 33%;
    max-width: 33%;
}
.text-center {
    text-align: center!important;
}
.diem-so{
    font-size: 25px;
}
.diem-so,.so-sao,.sl-review{
    margin-bottom: 10px;
}
.sao-detail:not(:last-child){
    margin-bottom: 10px;
}
.sao-detail{
    display:flex;
}
.review-detail {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 0;
}
.ava-review {
    width: 4%;
    float: left;
}
.cont-review {
    width: calc(100% - 6.2%);
    float: left;
    margin-left: 10px;;
}
.review-body{
    display: flex;
    flex-direction: column;
}
.review-body .diem-sao{
    margin: 3px 0;
}
.cont-review .img-review, .cont-review .comment-review{
    width: 100%;
    float: left;
    margin-top: 5px;
}
.cont-review .img-detail{
    width: 100px;
    height: 100px;
    float: left;
    border: 1px solid #d8d8d8;
    margin-right: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.cont-review .img-review img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.text-white {
    color: #d21f26!important;
    font-weight: bold;
}
.col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.rounded-circle {
    border-radius: 20%;
    background-color: #ffea00;
    padding-top: 5px;
    padding-bottom: 5px;
}
.rounded-circle p {
    padding: unset;
    text-transform: uppercase;
}
.progress-label-left {
    float: left;
    margin-right: 0.5em;
    line-height: 1em;
}
.progress-label-right {
    float: right;
    margin-left: 0.3em;
    line-height: 1em;
}
.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    width: 220px;
}
.bg-warning {
    background-color: #ffc107!important;
}
.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-primary {
    color: #fff;
    background-color: #ff0000;
    border-color: #007bff;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#review_content{
    margin-top: 10px;
}
.comment-detail {
    padding: 8px;
    background-color: #f7f7f7;
    margin-top: 5px;
}
.comment-detail .comment-name{
    color: #da251c;
    font-weight: bold;
    word-break: break-word;
}
.comment-detail .comment-name span{
    background-color: #eebc49;
    color: #222;
    font-size: 12px;
    padding: 5px;
    border-radius: 2px;
    margin-left: 5px;
    display: inline-block;
}
.comment-detail .comment-name img{
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    background-size: 200px 150px;
    height: 25px;
    width: 25px;
    margin-right: 5px;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: hidden;
    outline: 0;
}
.modal.show {
    display: block;
}
.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.modal-dialog {
    max-width: 500px;
    margin: 6.75rem auto;
}
.modal-content1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
}
.close1 {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.close1:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.modal-header .close1 {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}
button.close1 {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px 40px;
}
.box-cmt-popup {
    display: block;
    overflow: hidden;
    padding: 12px 0;
}
.box-cmt-popup .info-pro {
    display: flex;
    overflow: hidden;
    align-items: center;
}
.box-cmt-popup .info-pro .img-cmt {
    width: 65px;
    height: 65px;
    margin: 0 19px 0 0;
    display: flex;
    align-items: center;
}
.box-cmt-popup .info-pro .img-cmt img {
    width: 100%;
}
.box-cmt-popup .info-pro .text-pro {
    display: block;
    overflow: hidden;
    width: calc(100% - 84px);
}
.box-cmt-popup .info-pro .text-pro h3 {
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.select-star {
    display: flex;
    margin: 20px 0 0;
    justify-content: center;
}
.ul-star {
    display: flex;
    justify-content: center;
    margin-block-end: unset!important;
    padding-inline-start: unset!important;
}
.ul-star li {
    cursor: pointer;
    margin: 0 6px;
    text-align: center;
    width: 45px;
    list-style-type: none!important;
}
.ul-star li i {
    background-size: 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
}
.so-sao i {
    background-size: 20px;
    padding-left: unset;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.star-light {
    background: url(../images/star-grey.svg) no-repeat 0px 0px;
}
.text-warning {
    background: url(../images/star-yellow.svg) no-repeat 0px 0px;
}
.box-content{
    display:none;
}
.box-content .textarea {
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    margin-bottom:10px;
}
.box-content textarea {
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    resize: none;
    border: 0;
    color: #323232;
    height: 67px;
    padding: 10px;
    width: 100%;
}
.image-area {
    border: 1px solid #bdbdbd;
    font-size: 0;
    padding: 11px 10px;
    border-radius: 4px;
}
.image-area .upload__btn {
    color: #2f80ed;
    cursor: pointer;
    font-size: 15px;
    font-weight: normal;
}
.image-area .upload__btn:hover {
    background-color: unset;
    color: #ff0000;
    transition: all .3s ease;
}
.image-area .upload__btn span {
    color: #323232;
    margin-left: 5px;
}
.image-area li{
    list-style-type: none!important;
}
.list-input {
    font-size: 0;
    margin-bottom: 10px;
    display: flex;
}
.input-assess {
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    color: #666;
    height: 40px;
    line-height: 20px;
    margin-right: 12px;
    padding: 10px;
    flex: auto;
}
/*.button-send{
    margin: 10px 0;
}*/
.list-error span{
    display: block;
    color: red;
}
.upload__box {
    padding: 40px;
}
#multiple_files {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.upload__btn-box {
    margin-bottom: 10px;
}
  
.upload__img-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
    
.upload__img-box {
    width: 30%;
    padding: 10px;
    border: 1px solid #dddddd;
    margin: 5px;
    border-radius: 10px;
}
    
.upload__img-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 24px;
    z-index: 1;
    cursor: pointer;
}
.upload__img-close:after {
    content: '\2716';
    font-size: 14px;
    color: white;
}

.img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%;
}
/*End review*/

/*Pagination Review*/
#pagination{
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
#pagination span.active {
    background: #b11116;
    border: 1px solid #b11116;
    color: #FFF;
}
#pagination span {
    float: left;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    line-height: 25px !important;
    text-align: center;
    border: 1px solid #CCC;
    background: #f9f9f9;
    border-radius: 3px;
    color: #000;
    font-weight: bold;
    cursor:pointer;
}
/*End Pagination Review*/

/*--Review Image--*/
.review_image{
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(7,minmax(0,1fr));
}
.review_image .owl-prev{
    left: -30;
}
.review_image .owl-next{
    right: -30;
}
.review_image .image-detail{
    padding: 0 5px;
}
.review_image .image-detail img{
    width: 100%;
}
.modal-content1-image {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    height: calc(100vh - 160px);
}
.modal-dialog-image {
    max-width: 80%;
    margin: 6em auto;
}
.modal-header-image {
    display: flex;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    justify-content: space-between;
}
.modal-body-image {
    padding: 10px;
    overflow: auto;
}
.review-image-popup{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.review-image-popup .diem-sao .text-warning {
    margin-right: 3px;
    background-size: 15px;
    padding-left: 15px;
}
.review-image-popup .diem-sao {
    text-align: center;
    margin-top: 10px;
}
.all_images_review{
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding-bottom: 20px;
}
.header_review_image{
    display: flex;
    margin: 10px 0;
    align-items: center;
}
.left_header {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}
.right_header {
    margin-left: auto;
    cursor: pointer;
    color: #0024ff;
}
.right_header:hover {
    text-decoration: underline;
    color: #c7511f;
}
.modal-content-image-review{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    height: calc(100vh - 160px);
    width: 80%;
}
.modal-header-image-review{
    display: flex;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    justify-content: space-between;
}
.modal-body-image-review{
    display: flex;
    background-color: #fff;
    border-radius: 0.3rem;
    padding: 10px;
    height: calc(80vh - 125px);
    margin: unset;
}
.modal-body-image-review .left-modal{
    width: 100%;
    background: #f7fafa;
}
.modal-body-image-review .left-modal img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.modal-body-image-review .right-modal{
    padding-left: 25px;
    width: 500px;
    text-align: left;
    overflow: auto;
}
#myModal .next-slide {
    right: 15%;
}
#myModal .prev-slide {
    left: 16%;
}
#myModal .next-slide, #myModal .prev-slide {
    color: #000;
    border: 1px solid #000;
    background: rgb(255 255 255 / 36%) !important;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    padding: 0;
}
/*--End Review Image--*/

/*Tab phone*/
.tab button {
    display: block;
    color: black;
    width: 49%;
    border: none;
    outline: none;
    cursor: pointer;
    float: left;
    background: #ff3737;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
    margin: 0 2px;
    color:#fff;
}
.tab button:hover {
    /*background-color: #ddd;*/
}
.tab button.active {
    background-color: #fffe00;
    border: 1px solid #a5a5a5;
}
.content-cat {
    float: left;
    padding: 0px 12px;
    width: 50%;
}
.cat-area,.time-contact,.tab{
    width: 100%;
    float: left;
    margin: 8px 0;
}
.time-contact {
    text-align: center;
}
.time-contact p{
    display: inline-block;
    border-radius: 100px;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #ed1b24;
    padding: 1px 10px;
    text-align: center;
}
.header-overlay {
    background: rgba(0,0,0,.53);
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 64px;
    transition: .3s;
    visibility: hidden;
    width: 100%;
    z-index: 100;
}
.header-overlay.active {
    opacity: 1;
    visibility: visible;
}
.search-overlay {
    background: rgba(0,0,0,.53);
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 70px;
    transition: .3s;
    visibility: hidden;
    width: 100%;
    z-index: 30;
}
.search-overlay.active {
    opacity: 1;
    visibility: visible;
}

#giaohang {
    width: 900px;
    float: left;
}

#search_review.active{
    display:block;
}
#search_review.fixed{
    top: 70px;
}
#search_review{
    display:none;
    max-width: 1200px;
    top: 70px;
    z-index: 100;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: white;
    border-radius: 0px 0px 10px 10px;
}
.search-col{
    float: left;
    padding: 10px;
    height: 500px;
}
.search-col-title{
    padding: 0 7px 5px 7px;
}
.search-col:not(:last-child) {
    border-right: 1px solid rgba(0,0,0,.15);
}
.search-col.danh-muc{
    width:25%;
    padding: 10px 0;
}
.search-col.danh-muc li{
    padding: 10px 7px;
    border-top: 1px solid rgba(0,0,0,.15);
    display: flex;
    align-items: inherit;
}
.search-col.danh-muc li:last-child{
    border-bottom: 1px solid rgba(0,0,0,.15);
}
.search-col.danh-muc .sllist{
    margin-left: auto;
}
.search-col.san-pham{
    width:40%;
}
.search-col.khuyen-mai{
    width:35%;
}
.item_bai_km, .item_sanpham{
    width: 100%;
    float: left;
    margin: 5px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}
.item_bai_km{
    padding: 10px 0px 10px 0px;
}
.item_bai_km .tt_bai_km{
    float: right;
    width: 67%;
}
.item_bai_km .tt_bai_km p {
    color: #000;
    font-weight: 500;
    font-size: 14px;
}
.item_bai_km img {
    width: 30%;
    float: left;
    margin: 0px 10px 0px 0px;
}
.item_sanpham .giamgia_bc{
    left: 85px;
}
.item_sanpham img {
    width: 25%;
    float: left;
    margin: 0px 10px 0px 0px;
}
.item_sanpham .tt_sp {
    width: 72%;
    float: right;
}
.item_sanpham .giaban {
    color: #e80000;
    font-size: 14px;
}
.item_sanpham .giacu {
    color: #6991a3;
    text-decoration: line-through;
    font-size: 14px;
}
.item_sanpham p {
    color: #000;
    font-weight: 500;
    font-size: 14px;
}
.close_search_review {
    position: absolute;
    right: 5px;
    top: -5px;
    z-index: 99;
    font-size: 30px;
    color: red;
    cursor: pointer;
}
#search_review.active:before {
    content: "";
}
#search_review:before {
    content: none;
    position: absolute;
    top: 0;
    left: 40%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-bottom-color: #fff;
    border-top: 0;
    margin-left: -20px;
    margin-top: -20px;
}
#log_sp, #log_dm, #log_news{
    overflow-y: auto;
    overflow-x: hidden;
}
/* width */
#log_sp::-webkit-scrollbar, #log_dm::-webkit-scrollbar {
  width: 10px;
}

/* Track */
#log_sp::-webkit-scrollbar-track, #log_dm::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
#log_sp::-webkit-scrollbar-thumb, #log_dm::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
#log_sp::-webkit-scrollbar-thumb:hover, #log_dm::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
/*End Tab phone*/

/*san pham trong bai viet*/
.images-rel {
    position: relative;
}
.discount-tag{
    position: absolute;
    width: 30px;
    float: left;
    height: 30px;
    z-index: 1;
    top: -5px;
    left: 86px;
    font-size: 13px;
    background: #E90000 none repeat scroll 0% 0%;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    color: #FFF;
}
.item_product_news {
    float: left;
    border: 1px solid #eee;
    /*width: 20%;*/
    background: #fff;
    padding: 8px 10px 5px 10px;
    text-align: left;
    position: relative;
    /* height: 430px; */
    overflow: unset;
}
.item_product_news .km{
    color: blue;
    font-size: 13px;
    margin-top: 5px;
}
.item_product_news .tt_noibat{
    margin: 7px 0;
}
.item_product_news .tt_noibat span {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    color: #333;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    margin-right: 5px;
    padding: 4px 5px;
    white-space: nowrap;
}
.item_product_news:hover {
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.12);
    -moz-box-shadow: 0 2px 12px rgba(0,0,0,.12);
    box-shadow: 0 2px 12px rgba(0,0,0,.12);
}
.item_product_news a:hover .img_product {
    margin-top: 10px;
    margin-bottom: 10px;
}
.item_product_news .img_product {
    margin-top: 20px;
    position: relative;
}
.item_product_news .img_product {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.item_product_news .icon-noibat {
    height: 40px;
    position: absolute;
    max-width: 40px !important;
    right: 5px;
    top: 5px;
}
.item_product_news .img_product img {
    width: 100%;
}
.item_product_news a:hover p {
    color: #288ad6;
}
.item_product_news .info_product{
    position: relative;
}
.item_product_news .name {
    margin-bottom: 5px;
}
.item_product_news .name p {
    font-size: 14px;
    /* height: 42px; */
    overflow: hidden;
    font-weight: 400;
    color: #000;
}
.ttin_product {
    display:flex;
    height: 28px;
}
.label_product {
    border-radius: 20px;
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    max-width: 100%;
    padding-right: 8px;
    margin-bottom: 8px;
}
.label_product img {
    float: left;
    max-width: 20px;
    height: auto;
    border-radius: 12px;
    margin: unset;
    width: 100%;
}
.label_product span {
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 11px;
    line-height: 13px;
    margin-left: 3px;
    overflow: hidden;
    padding: 4px 0 0 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 2;
    text-transform: uppercase;
}
.item_product_news .price {
    color: #000;
    font-size: 19px;
    font-weight: bold;
}
.item_product_news .price span {
    color: #f30a0a;
}
.item_product_news .price_old {
    font-size: 14px;
    color: #868585;
    text-decoration: line-through;
}
.giamgia_hot1{
    color: #eb5757;
    background: #fff0e9;
    border-radius: 4px;
    padding: 3px;
    margin-left: 7px;
    font-size: 14px;
    font-weight: bold;
}
.info_km{
    font-size: 13px;
    color: #333;
    border: 1px solid #e5e7eb;
    padding: 4px 10px;
    background: #f3f4f6;
    border-radius: 5px;
    margin: 8px 0 5px;
}
/*end san pham trong bai viet*/

/*danh sach san pham table*/
.table_product_news {
    display: grid;
    overflow: scroll;
    width: 100%;
    position: relative;
    gap: 10px;
    z-index: 2;
    margin: 0 0 0 5px;
    height: 100%;
    max-height: 711px;
}
.detail_table_product_news {
    overflow-x: scroll;
    border: none;
    border-collapse: separate !important;
    border-spacing: 0;
    padding-bottom: 2px;
}
.detail-content table {
    padding: 0;
}
.detail-content table, .detail-content table th, .detail-content table td {
    border: 1px solid #e7e7e7 !important;
}
.detail-content table {
    margin-bottom: 12px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.detail-content table, .detail-content table th, .detail-content table td {
    border: 1px solid #000;
    margin: auto;
    padding: 10px;
}
.detail_table_product_news thead tr.headrow {
    background-color: #f3f6f9;
    font-weight: bold;
    height: 80px;
    font-size: 17px;
    position: sticky !important;
    top: 0;
    z-index: 99;
}
.detail_table_product_news tr th.headcol {
    position: sticky !important;
    left: 0 !important;
    max-width: 200px !important;
    padding: 10px;
    min-width: 150px;
    z-index: 1 !important;
    background-color: #f3f6f9;
    box-shadow: 7px 0 7px rgba(105,101,101,.15);
    clip-path: inset(0 -15px 0 0);
}
.detail_table_product_news tr th, .detail_table_product_news tr td {
    width: 150px !important;
    border: none;
    border: 1px solid #e7e7e7;
    text-align: left;
    padding: 0 18px 0 20px;
}
.detail_table_product_news tbody tr th.headcol {
    background-color: #fff;
}
.detail_table_product_news tbody tr th, .detail_table_product_news tbody tr td {
    height: 150px;
    width: 160px;
    min-width: 160px;
    font-size: 14px;
}
.detail_table_product_news .price span {
    font-size: 18px;
    font-weight: bold;
    color: #f00;
}
/*end danh sach san pham table*/

/*san pham dang single*/
.product_detail {
    display: flex;
}
.product_detail .img {
    max-width: 40%;
    margin-right: 2%;
    width: 36%;
}
.product_detail .info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.product_detail .tt_noibat span {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    color: #333;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    margin-right: 5px;
    padding: 4px 5px;
    white-space: nowrap;
}
.product_detail .price{
    font-size: 18px;
    font-weight: bold;
    color: #f00;
}
.product_detail .name {
    font-size: 18px;
}
/*end san pham dang single*/
.zalo-chat-widget{
    left:52px;
    width:50px!important;
    height:50px!important;
    animation: pulse-blue 2s infinite;
    border-radius: 33%;
}
@keyframes pulse-blue {
    0% {
        box-shadow: 0 0 0 0 rgba(42, 98, 255, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(42, 98, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(42, 98, 255, 0);
    }
}