.h1, .h2, .h3, h1, h2, h3{padding: 0; margin: 0;}
h1{font-size:2em;}
h2{font-size:1.5em;}
h3{font-size:1.17em;}
h4{font-size:inherit;}
h5{font-size:0.83em;}
h6{font-size:0.67em;}
*{ margin: 0; padding: 0; } 
.clear{clear:both;}
.clear_after::after{ content:''; display:block; clear:both; }

body{ font-family:Arial, Helvetica, sans-serif;	font-size:13px;	line-height:1.5; }
::-webkit-scrollbar { width: 5px; height: 5px;}
::-webkit-scrollbar-button {  width: 0px; height: 0px; }
::-webkit-scrollbar-track {  background-color: #c3c3c3;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #ffffff;}}
::-webkit-resizer { background-color: #666;}

a,a:link,a:visited,a:hover{ text-decoration:none;}
ul{ list-style:none; padding:0; margin:0;}
img{max-width:100%; height:auto !important;}
 
.vshd{ height:0px; display:none; overflow:hidden;}
#wapper{width:100%; margin:auto; position:relative; overflow:hidden;}

.top{ height:45px; background:#cccccc;}
.content-top{width:98%; max-width:1200px; margin:auto; height:45px; line-height:45px; position:relative; z-index:99;}
.top-diachi{ float:left;background:url(images/tel.png) no-repeat left center; padding-left:45px; font-family: 'SFUSigvar-DemiBold'; color:#f00; font-size: 20px; line-height: 45px; height: 45px;}
 
.top-web{ float:right;}
#smoothmenu1{ float:left; }
#smoothmenu1 li{float:left; position:relative; }
#smoothmenu1 li a{font-size:18px; padding:0 20px; font-family:'SFUSigvarLight'; color:#fff; display:block; height:45px; line-height:45px; position:relative;}
.m,#smoothmenu1 li:hover a{ color:#f00 !important;}
#smoothmenu1 li:last-child a.c{ padding-right:0px;}

#smoothmenu1 ul{z-index:100;}
#smoothmenu1 ul li{ position: relative;}
#smoothmenu1 ul li ul{ position: absolute; display: none; visibility: hidden; min-width:220px; top:100% !important; padding-left:0px; overflow: visible; text-align: left;}

#smoothmenu1 ul li ul li{display:list-item; float:none; height:40px; line-height:39px; background:#cccccc !important; border-top: 1px #9f9e9e solid; background:none; padding:0; margin-left:0px;}
#smoothmenu1 ul li ul li:hover{ background:#9f9e9e  !important; padding:0; margin-left:0px;}
#smoothmenu1 ul li ul li a{color:#fff ; height:39px; line-height:39px;}
#smoothmenu1 ul li:hover ul li a{color:#fff !important; }
#smoothmenu1 ul li:hover ul li a:hover{color:#f00 !important;}
#smoothmenu1 ul li ul li{ width:100%; text-align:left;}
#smoothmenu1 ul li ul li ul{top:-1px !important;}
 

.header{ width:100%; position:relative; } 
.header-content{ width:98%; max-width:1200px; position:relative; margin:auto; padding:10px 0;}
.banner{float:left; padding:26px 0; } 
 
.logo{display:block; float:left; }
.banner{display:block; float:left; margin-left:5%; }

.right-head {float: right; width: 32%; margin-right: 7%; padding: 40px 0;}
#search{width:100%; height:40px; outline:none; }
#search input{width: calc( 100% - 75px ); font-family: 'SFUSigvarLight'; font-size:14px; color:#999999; height:40px; border:1px #e2e2e2 solid; border-right:none; background:#fff; padding-right:10px; padding-left:10px; outline:none; float:left;}
#search input::-webkit-input-placeholder{color:#999999;}
#search input::-moz-placeholder{color:#999999;}
#search input:-ms-input-placeholder{color:#999999;}
#search input:-moz-placeholder{color:#999999;} 
#search button{ height:40px; border:1px #e2e2e2 solid; border-left:none; width:75px; background:#ebebeb; outline:none; float:left;}

.menu-mobile{ display:none;}

.wrap_menu1{ height:40px;}
.wrap_menu{ position:relative; width: 100%; height:40px; background:#3399ff; z-index:99;}
 
.menu{ width:98%; max-width:1200px; position:relative; height:40px; margin:auto; z-index:1; }
.danhmucsp{width:21%; float:left; height:40px; position:relative;}
.title-danhmucsp {width:100%; display:block; height:40px; background:url(images/mn.png) no-repeat 10px center,#66ccff; color:#fff; font-family: 'SFUSigvar-DemiBold'; font-size:17px; line-height:40px; padding-left:38px; cursor:pointer; padding-right:10px; }
.left-menu2{position:absolute; left:0px; top:100%; max-height: calc( 100vh - 40px ); width:100%; display:none;}
 
.left-menu2 ul{width:100%; background:#fff; padding-top:10px; }

.left-menu2 li{ width:100%; padding: 0 10px; position:relative; }
.left-menu2 li a{display:block; height:36px; line-height:36px; width:100%; color:#0099ff; font-size:17px; font-family: 'SFUSigvarLight';}
.left-menu2 li a:hover{ color:#f00; }
.left-menu2 ul li ul{ position:absolute; z-index:99; display:none; top:0px; left:100%; min-width:100%; background:#fff;}
.left-menu2 ul li:hover ul{ display:block; }
.left-menu2 ul li ul li a{display:block; white-space:nowrap;}


#smoothmenu2{ float:left; margin-right: 10px;}
#smoothmenu2 li{float:left; position:relative; margin-right:2px;}
 
#smoothmenu2 li a{font-size:17px; margin-left:40px; padding-left:30px; background:url(images/check.png) no-repeat left center; font-family: 'SFUSigvar-DemiBold'; color:#fff; display:block; height:40px; line-height:40px; position:relative;}
.m2,#smoothmenu2 li:hover a{ color:#ff0 !important;}

.giaohang2h{ float:left; background:url(images/24h.png) no-repeat left center; padding:5px 0; padding-left:30px; color:#fff; font-family: 'SFUSigvarLight'; font-size:14px; line-height:1.1; margin-left:50px;}
.spchinhhien{ float:left; background:url(images/quali.png) no-repeat left center; padding:5px 0; padding-left:30px; color:#fff; font-family: 'SFUSigvarLight'; font-size:14px; line-height:1.1; margin-left:50px;}
 
/*------end menu-------*/
.slider_full{ width:100%; position:relative; margin:auto; background:#F0F0F0; padding:10px 0;}
.wrap-slider{position:relative; width:98%; max-width:1200px; margin:auto; background:#fff;}
.left-menu{ width:21%; border:1px #b8b8b8 solid; border-right:none; position:absolute; left:0px; top: 0%; height:100%;}
.left-menu1{position:absolute; left:0px; top:0%; height:calc( 100% - 52px ); width:100%;}
.left-menu1 ul{height:424px; width:100%; overflow-y:scroll;}
.left-menu1 ul::-webkit-scrollbar { width: 1px; height: 5px;}
.left-menu1 ul::-webkit-scrollbar-button {  width: 0px; height: 0px; }
.left-menu1 ul::-webkit-scrollbar-track {  background-color: #c3c3c3;}
.left-menu1 ul::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.left-menu1 ul::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px;}
.left-menu1 ul::-webkit-scrollbar-corner { background-color: #ffffff;}}
.left-menu1 ul::-webkit-resizer { background-color: #666;}

.left-menu1 li{ width:100%; padding: 0 10px; }
.left-menu1 li a{display:block; height:36px; line-height:36px; width:100%; color:#0099ff; font-size:17px; font-family: 'SFUSigvarLight';}
.left-menu1 li a:hover{ color:#f00; }
.left-menu1 ul li:hover li a{ color:#2e2e2e; }
.left-menu1 ul li:hover li:hover a{ color:#f00; }
 
.left-menu1 ul li ul{ height:auto; overflow-y:initial; position:absolute; z-index:99; display:none; transform:translateY(-36px); left: calc( 100% - 3px ); min-width:100%; background:#fff;}
.left-menu1 ul li:hover ul{ display:block; }
.left-menu1 ul li ul li a{display:block; white-space:nowrap;}


.right-slider{ float:right; width:79%; }
#slider{ color: #fff;  position:relative; width:100%;}
#slider #owl-slider.owl-theme .owl-dots {position: absolute;bottom: 20px;left: 0;width: 100%; }
#slider #owl-slider.owl-theme .owl-dots .owl-dot.active span, #slider #owl-slider.owl-theme .owl-dots .owl-dot:hover span {border: 1px solid #e51515 !important; }
#slider #owl-slider.owl-theme .owl-dots .owl-dot.active span::before, #slider #owl-slider.owl-theme .owl-dots .owl-dot:hover span::before {background: #e51515; }
#slider #owl-slider .ms-img {display: block; position: relative; }
#slider #owl-slider .ms-img img {width: 100%; position: relative; z-index: 1; }
#slider #owl-slider .ms-img .ms-desc {position:absolute; display:none; top:50%; left:50%; transform: translateY(-50%); right:0; z-index:2; padding-right:50px;}
#slider #owl-slider .ms-img .ms-desc .line-1{font-size:36px; line-height:40px; letter-spacing:5px;}
#slider #owl-slider .ms-img .ms-desc .line-2 {text-align:justify; margin: 20px 0 20px; letter-spacing: 1px;}
#slider #owl-slider .ms-img .ms-desc a {margin-top:10px;display: inline-block; color: #fff; background: #f00; padding: 10px 30px; }
#slider #owl-slider .ms-img .ms-desc a:hover { background: #e51515; color: #fff; -webkit-box-shadow: 0 0 20px 5px rgba(229, 21, 21, 0.3); box-shadow: 0 0 20px 5px rgba(229, 21, 21, 0.3); }
#slider #owl-slider .ms-img .ms-desc a:hover span {background: #fff; }
#slider #owl-slider.owl-theme {position: relative; }
#slider #owl-slider.owl-theme:hover .owl-next, #slider #owl-slider.owl-theme:hover .owl-prev {opacity: 1; }
#slider #owl-slider.owl-theme .owl-next, #slider #owl-slider.owl-theme .owl-prev {width:50px; height:50px; line-height:52px; position:absolute; top:calc(50% - 25px); margin:0px; padding:0px; color:#fff; background:none; opacity: 0;  border-radius: 50%; }
#slider #owl-slider.owl-theme .owl-next:hover, #slider #owl-slider.owl-theme .owl-prev:hover { }
#slider #owl-slider.owl-theme .owl-prev { left: 50px; }
#slider #owl-slider.owl-theme .owl-next { right: 50px; }
#slider #owl-slider.owl-theme .owl-dot span::before { background: #fff; }
#slider #owl-slider.owl-theme .owl-item.active .ms-desc { display: block; }

.owl-theme .owl-nav { margin: 0 !important; }
.owl-theme .owl-nav.disabled + .owl-dots { margin: 0 !important; }
.owl-theme .owl-nav [class*='owl-'] { transition: all .3s ease; }
.owl-theme .owl-dots .owl-dot span { width: 15px !important; height: 15px !important; margin: 0 !important; border-radius: 0 !important; background: 0 !important; border: none; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.owl-theme .owl-dots .owl-dot span::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 7px; height: 7px; background: #5a6069; }
.owl-theme .owl-dots .owl-dot { position: relative !important; margin: 0 15px; }
.owl-theme .owl-dots .owl-dot.active span { border: 1px solid #e51515 !important; }
.owl-theme .owl-dots .owl-dot.active span::before { background: #e51515 !important; }
.owl-theme .owl-dots .owl-dot:hover span::before { background: #e51515 !important; }

/*-----------end slider-------------*/
.box_title{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr ; grid-gap: 12px; margin-bottom:20px;}
.tab_title{ color:#999999; font-size:18px; padding:10px; text-align:center; border:1px solid #999;font-family: 'SFUSigvar-DemiBold'; cursor:pointer;}
.tab_title:hover,.tab_active{color:#fff; background:#3399ff; border:1px solid #3399ff; }

.title{ height:46px; border-bottom:2px solid #3399ff; margin-bottom:30px; }
.title span{display:inline-block; height:44px; font-family: 'SFUSigvar-DemiBold'; font-size:24px; color:#fff; text-align:center; background:#3399ff; position:relative; padding:0 20px; line-height:42px; }
.title span::before{ content:''; width:40px; height:44px; background:url(images/tt.png); position:absolute; top:0px; left:100%; }
.title::after{ content:''; display:block; clear:both;}
.list2{ float:right;}
.list2 a{ color:#3399ff; font-size:17px; height:44px; line-height:44px; display:inline-block; padding:0 10px; font-family: 'SFUSigvarLight'; }
.list2 a:hover{ color:#f00; }
 
.item_nav{ width:96%; max-width:270px; margin: 20px auto; position:relative; 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=11, Direction=130, Color=#000000)"; 
-moz-box-shadow: 5px 6px 11px rgba(0,0,0,0.2); 
-webkit-box-shadow: 5px 6px 11px rgba(0,0,0,0.2); 
box-shadow: 5px 6px 11px rgba(0,0,0,0.2); 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=11, Direction=135, Color=#000000); 
}
.item_nav .box_item_img{border:1px #cccccc solid; position:relative; transition:all 0.2s;}
.item_nav .box_item_img a{ display:block; overflow:hidden;}
.item_nav .box_item_img a img{ width:100%; transform:scale(1); transition:all 0.3s; display:block;}
.item_nav:hover .box_item_img a img{ width:100%; transform:scale(1.05); transition:all 0.3s; display:block;}
.item_nav .item_content{ width:100%; text-align:center; padding:10px 0; }
.item_nav .item_content .name a{ width:100%; font-family: 'SFUSigvar-DemiBold';  color:#000000; display:block; font-size:18px; transition: all 0.2s ease; }
.item_nav:hover .item_content .name a{ color:#f00;}
.item_nav .item_content .gia{ font-family: 'SFUSigvar-DemiBold'; font-size:18px; color:#000;}
.item_nav .item_content .gia span{ font-size:18px; color:#f00;}
.item_nav .item_content .muangay{display:block; width:90px; height:28px; line-height:28px; text-align:center; color:#fff; font-size:13px; font-family: 'SFUSigvar-DemiBold'; background:url(images/muangay.png); margin:auto; margin-top:5px; border-radius:6px; }
.item_nav .item_content .muangay:hover{ color:#ff0; }
 
 
.fire{ position:absolute; top:5px; right:5px; width:48px; height:46px; background:url(images/sale.png) no-repeat; background-size:100% 100%; z-index:99;font-family: 'RobotoCondensed-Bold'; color:#fff; font-size:14px; text-align:center; line-height:1; padding:10px 0;
-moz-transform: rotate(-35deg); 
	-webkit-transform: rotate(-35deg); 
	-o-transform: rotate(-35deg); 
	-ms-transform: rotate(-35deg); 
	transform: rotate(-35deg);
}


.grid_sp{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr ; grid-gap: 35px; padding-bottom:30px;}
.item{background:#fff; box-shadow: 5px 6px 11px rgba(0,0,0,0.2); 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=11, Direction=130, Color=#000000)"; 
-moz-box-shadow: 5px 6px 11px rgba(0,0,0,0.2); 
-webkit-box-shadow: 5px 6px 11px rgba(0,0,0,0.2); 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=11, Direction=135, Color=#000000); 
}
.item .box_item_img{border:1px #cccccc solid; position:relative; transition:all 0.2s;}
.item .box_item_img a{ display:block; overflow:hidden;}
.item .box_item_img a img{ width:100%; transform:scale(1); transition:all 0.3s; display:block;}
.item:hover .box_item_img a img{ width:100%; transform:scale(1.05); transition:all 0.3s; display:block;}
.item .item_content{ width:100%; text-align:center; padding:10px 0; }
.item .item_content .name a{ width:100%; font-family: 'SFUSigvar-DemiBold';  color:#000000; display:block; font-size:18px; transition: all 0.2s ease; }
.item:hover .item_content .name a{ color:#f00;}
.item .item_content .gia{font-family:'SFUSigvar-DemiBold';font-size:18px; color:#000;}
.item .item_content .gia span{ font-size:18px; color:#f00;}
.item .item_content .muangay{display:block; width:90px; height:28px; line-height:28px; text-align:center; color:#fff; font-size:13px; font-family: 'SFUSigvar-DemiBold'; background:url(images/muangay.png); margin:auto; margin-top:5px; border-radius:6px; }
.item .item_content .muangay:hover{ color:#ff0; }
 
.main{ }
.main_content{ width:98%; max-width:1200px; margin:auto; padding:40px 0; }
 
.wrap-noibat{ background:#f0ffff;}
.content-noibat{ width:98%; max-width:1200px; margin:auto; }

.wrap-bottom{ padding:40px 0; position:relative; }
.bottom{width:98%; max-width:1200px; margin:auto;}

.item_bottom{width:calc( 100% / 3 - 8px ); margin-right:12px; float:left; min-height:520px;}
.item_bottom:nth-child(3){  margin-right:0;}
 
.big_news{padding:13px; border:1px #add6ff solid;}
.big_news .img-news{ display:block; overflow:hidden; width:100%; margin-bottom:12px;}
.big_news img{ width:100%; transform:scale(1); transition:all 0.4s; display:block; }
.big_news:hover img{ transform:scale(1.2); transition:all 0.4s; }
.big_news .n_name { line-height:1.2; margin-bottom:5px;}
.big_news .n_name a{color:#3399ff; font-family: 'SFUSigvar-DemiBold'; font-size:18px; transition:all 0.4s;}
.big_news:hover .n_name a{ color:#f00; text-decoration:none; transition:all 0.4s;}
.big_news .box_content_news{width:100%; color:#000; font-family: 'SFUSigvarLight'; font-size:15px;} 
  
.news{ width:100%;margin:auto; position:relative; }
.news .img-news{ display:block; overflow:hidden; width:44%; float:left; border:1px solid #add6ff; }
.news img{ width:100%; transform:scale(1); transition:all 0.4s; display:block; }
.news:hover img{ transform:scale(1.2); transition:all 0.4s; }
.news .n_name { line-height:1.2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.news .n_name a{color:#3399ff; font-family: 'SFUSigvar-DemiBold'; font-size:18px; transition:all 0.4s;}
.news:hover .n_name a{ color:#f00; text-decoration:none; transition:all 0.4s;}
.news .box_content_news{width:54%; float:right; color:#000; font-family: 'SFUSigvarLight'; font-size:15px;} 
  
.wrap-tieuchi{ background:url(images/bg.png) no-repeat center; background-size:cover; padding:40px 0;}
.item_tieuchi{ width:94%; margin:auto; text-align:center;}
.item_tieuchi img{ max-width:94%; margin:15px auto; transform:scale(1); transition:all 0.3s;}
.item_tieuchi:hover img{transform:scale(1.05); transition:all 0.3s;}
.item_tieuchi .ten_tieuchi{color:#3399ff; font-size:20px; font-family: 'SFUSigvar-DemiBold';}
.item_tieuchi .mota_tieuchi{color:#000; font-size:15px; font-family: 'SFUSigvarLight';}
  
.wrap-gioithieu{ padding:30px 0;}
.box-gioithieu{ width:98%; max-width:1200px; margin:auto; font-size:15px; color:#000; font-family: 'SFUSigvarLight';}
.title_gt{color:#3399ff; font-size:24px; font-family: 'SFUSigvar-DemiBold'; margin-bottom:16px;}
  
.ft_content{ background:#94dbff; }
.footer_content{width:98%; padding:40px 0; padding-bottom:20px; max-width:1200px; margin:auto; font-size:16px; font-family:'SFUSigvarLight'; position:relative; z-index:9; color:#fff;}
.info1{width: 38%; float: left; margin-right: 5%; }
.info2{ width:28%; float:left; }
.box-tag iframe{ width:100%; height:210px;}

.info3{ width:22%; float:right; }
.info3 ul{ list-style:none;}
.info3 ul li{ padding:3px 0; font-size:18px;}
.info3 ul li span{ display:inline-block; width:25px; text-align:center; margin-right:10px;}
.ft_tt1{color:#fff; font-family:'SFUSigvar-DemiBold'; font-size:30px; margin-bottom:10px; position:relative;}
.ft_tt{color:#3399ff; font-family:'SFUSigvar-DemiBold'; font-size:20px; margin-bottom:12px; }
 

.mxh1{margin-top:10px; }
.mxh1 a{display:inline-block; padding-right:12px; border-right:1px #fff solid; margin-right:10px;}
.mxh1 a:last-child{ padding-right: 0px; border-right:none; margin-right: 0px;}
.mxh1 img{ height:22px; display:block; }

.copy-content{ width:98%; max-width:1200px; margin:auto; border-top:1px solid #fff; padding-top:10px; padding-bottom:40px; color:#fff;}
.copy-content div:nth-child(1){float:left;}
.copy-content div:nth-child(2){float:right;}
 
.pagination{ display:block !important; }
.pages_ajax{ display:block; text-align:center;}
.pages_ajax li {display:inline-block; padding:5px 10px; text-decoration:none; box-sizing:border-box; margin: 0px 4px; cursor:pointer; color:#434343; font-size:13px; border:1px solid #dedede; background:#fff; transition:all 0.5s;}
.pages_ajax li a{color:#000;}
.pages_ajax li.actived,.pages_ajax li:hover{background:#ffa800; border-color:#ffa800;}
.pages_ajax li.actived a,.pages_ajax li:hover a { color: #fff; }
span.total{ display:none;}

 /*-----------phân trang---------------*/	
 
.phantrang{text-align:center; margin-bottom:10px;}
.phantrang a{ background: #fff; color:#666; padding: 5px 8px; border:1px #d9e2e7 solid; text-align:center; text-decoration:none; margin:0px 2px; font-weight:bold;}
.phantrang a:hover{ background:#0473bd; border:1px #0473bd solid; color:#fff;}
.phantrang span{ background:#0473bd; border:1px #0473bd solid; padding: 5px 8px; color:#fff;}
/*------------------------------------*/
.lh_cont{width:48%; float:left;}
.frm_lienhe{width:50%; float:right;}
.bando{width:100%;}
.bando iframe{ width:100%; height:400px;}
.lhtt{font-family: 'SFUSigvar-DemiBold'; font-size:18px; color:#f1c807; text-align:center;}
.lhtt1{font-family: 'SFUSigvar-DemiBold'; font-size:16px; color:#333; text-align:center; margin-bottom:20px;}

.ipct{width: 100%; height:40px; border: 1px solid #cccccc; padding:0 10px; margin-bottom:8px; color:#333; outline:none; background: #fff;}
.ipct:nth-child(3n),.ipct:nth-child(4n){ float:left; width:49%}
.ipct:nth-child(4n){ float:right;}
.ipct:nth-child(4n+1){clear:both;}
.ipct::-webkit-input-placeholder { color:#cccccc;}
.ipct::-moz-placeholder { color:#cccccc;}
.ipct:-ms-input-placeholder { color:#cccccc;}
.ipct:-moz-placeholder { color:#cccccc;}

.tact{ border: 1px solid #cccccc; color:#333; width: 100%; padding: 0 10px; background:#fff; outline:none;}
.tact::-webkit-input-placeholder { color:#cccccc;}
.tact::-moz-placeholder { color:#cccccc;}
.tact:-ms-input-placeholder { color:#cccccc;}
.tact:-moz-placeholder { color:#cccccc;}

.btnct{ background:#df1010; padding:5px 20px; border:none; font-size:16px; font-family: 'OpenSansBold'; border-radius:3px; color:#fff;}

.chitietsanpham{ position:relative; margin-bottom:15px;}
.wrap-cungloai{ width:98%; max-width:1300px; margin:auto;}
 
.chitietsanpham{width:100%;  }
.zoom_slick{ width:40%; float:left;}
.product_info{ width:58%; float:right;}
.mota{ font-size:14px; color:#000; font-family: 'SFUSigvarLight'; margin-bottom:6px;}
.noidung{ margin-bottom:30px;}
.detailsp{font-size:14px; color:#000;  margin:6px 0; font-family: 'SFUSigvarLight'; position:relative; margin-bottom:5px; }
.addfont{ font-size: 20px; font-family: 'SFUSigvar-DemiBold'; color: #e64100; text-transform:uppercase; }
.detail{ font-size:15px; font-family:arial; margin-bottom:3px;}
.detail font{ font-family: 'SFUSigvar-DemiBold'; font-size:18px; color:#cb020c;}
.detail span{ font-family: 'SFUSigvarLight'; font-size:15px; color:#000; text-decoration:line-through;}
 
.title-t{color:#3399ff; font-size:24px; margin-bottom:10px; font-family: 'SFUSigvar-DemiBold';}
 
.grid-news{display: grid; grid-template-columns: 1fr 1fr 1fr ; grid-gap: 20px;}
.box_news{ background:#F4F4F4; color:#888888; font-family: 'SFUSigvarLight'; font-size:15px; position:relative;}
.box_news .img-news{ display:block; overflow:hidden; width:100%; }
.box_news img{ width:100%; transform:scale(1); transition:all 0.3s; display:block; }
.box_news:hover img{ transform:scale(1.05); transition:all 0.3s; }
.box_news .n_name { padding:10px 10px; line-height:1.2;}
.box_news .n_name a{color:#21409a; font-family: 'SFUSigvar-DemiBold'; font-size:16px;}
.box_news:hover .n_name a{ color:#f00; text-decoration:none;}
.box_news .box_content_news{width: 100%; border:1px #e1e1e1 solid; color:#666666; font-family: 'SFUSigvarLight'; font-size:13px;} 
.box_news .n_mota{padding:10px; padding-top:0px;} 
 
.date{background:#3399ff; width:60px; position:absolute; left:0px; top:0px; border:1px solid #3399ff; text-align:center; z-index:9; font-family: 'Roboto-Light'; font-size:11px; font-style:italic; color:#fff; line-height:2;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000)"; 
-moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.5); 
-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.5); 
box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.5); 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); 
}
.date div{ color:#3399ff; background:#fff; font-size:20px; font-family: 'Roboto-Bold'; font-style:normal; line-height:1.5;}

.toolbar {background: #3399ff; display: none; width: 100%; padding: 2px; bottom: 0; position: fixed; z-index: 500; height: auto; border-top: 1px solid #cbcbcb;}
.toolbar ul li { text-align: center; float: left; width: 25%;}
.toolbar ul li a { display: inline-block; width: 100%; color: #fff;}
.toolbar ul li a img { height: 18px !important; width: auto;}
.toolbar ul li a span { font-family: arial; font-weight: 400; color: #fff; font-size: 12px;} 

  
.copy{ padding:15px 0; width:98%; text-align:center; color:#fff; font-size:15px;}

@media (max-width: 1200px){
	.right-head { width: 32%; margin-right: 0; } 
	.danhmucsp,.left-menu{ display:none;}
	.right-slider{ width:100%;}
	
	.item_nav { width: 94%; }
	.grid_sp { grid-gap: 15px; }
	.big_news { padding: 10px; }
	.item_tieuchi .ten_tieuchi { font-size: 16px; }
	.info2 { width: 32%; }
	.menu-mobile{display:block; color: #fff !important; font-size: 16px; float:left; height:40px; line-height:40px; margin-left:3px;}
	.menu-mobile i{ font-size: 20px; }
	.toolbar { display: block; }
	.ft_content{ padding-bottom:42px;}
	.grid-news{ grid-gap: 12px;}
}
@media (max-width: 991px){	
	#smoothmenu2{ display:none;}
	#smoothmenu1 li a { padding: 0 8px; }
	.banner { margin-left: 3%;padding: 10px 0;}
	.logo{width:90px;}
	.right-head { padding: 23px 0; width: 35%; }
	.item_nav .item_content .name a,.item .item_content .name a { font-size: 16px; }
	.item_nav .item_content .gia, .item .item_content .gia { font-size: 15px; }
	.tab_title { font-size: 15px; padding: 10px 5px; }
 	.info1 { width: 100%; margin-bottom:20px;}
	.info2 { width: 49%; }
	.info3 { width: 49%; } 
	.item_bottom { width: calc( 100% / 2 - 8px ); }
	.big_news:nth-child(2){ display:none; }
	.grid-news{display: grid; grid-template-columns: 1fr 1fr ; grid-gap: 12px;}
	.list2{ display:none;}
}
@media (max-width:770px){ 
	.grid_sp { grid-template-columns: 1fr 1fr; }
	.top-web{ display:none;}
	.right-head { padding: 0; width: 100%; margin-top: 10px;}
	.box_title { grid-template-columns: 1fr 1fr; }
	.item_nav{ max-width:initial;}
}
 
@media (max-width:700px){ 
	.item_bottom { width: 100% ; } 
	.big_news{ display:none;}
	.news .img-news { width: 35%; }
	.news .box_content_news { width: 63%; }
	.main_content { padding: 20px 0;}
}
@media (max-width:650px){ 
	 
	.zoom_slick{ width:100%; float:left;}
	.product_info{ width:100%; float:right;}
	.lh_cont { width: 100%; float: left;}
	.frm_lienhe{ width: 100%; float: right;}
	.title-t{color:#3399ff; font-size:18px; font-family: 'SFUSigvar-DemiBold';} 
}
@media (max-width:590px){	 
	
}

@media (max-width:500px){
	.info2 { width: 100%; margin-bottom:20px; }
	.info3 { width: 100%; } 
	.logo { width: 19%;}
	.banner { margin-left: 2%; width: 75%;}
	.spchinhhien { margin-left: 10px;}
	.giaohang2h { margin-left: 10px;}
	.menu-mobile { font-size: 14px; }
	.menu-mobile i { font-size: 16px; }
	.grid-news{display: grid; grid-template-columns: 1fr ; grid-gap: 12px;}
}
@media (max-width:375px){
	.menu-mobile { font-size: 12px; }
	.menu-mobile i { font-size: 13px; } 
	.giaohang2h { background: url(images/24h.png) no-repeat left center; padding: 7px 0; padding-left: 20px; color: #fff; font-family: 'SFUSigvarLight'; font-size: 12px;  background-size: 18px; margin-left:3px;}
	.spchinhhien { background: url(images/quali.png) no-repeat left center; padding: 7px 0; padding-left: 20px; font-size: 12px; line-height: 1.1; background-size: 18px; margin-left:3px;}
}
@media (max-width:350px){
	
}