@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* CSS Document */

/*@import url("css/fonts.css");
*/
body{min-width:1200px;}
*{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
a{cursor:pointer;}
.noidung_ta iframe{width:100%!important}
.breadcrumb{display:block;}
table{border-spacing:0;}
a{text-decoration:none!important;outline:none!important;}
ul{list-style-type:none;margin:0!important;padding:0;}
input[type=text],input[type=tel],textarea{-webkit-appearance:none;}
p{margin:0;}
div.breadcrumb{margin:10px 0;float:left;width:100%;font-family:'RobotoRegular';background:#fff;padding:10px 0;position:relative;border-radius:5px;color:#000;font-size:13px;}
#inner{padding-left:10px;margin-bottom:0;float:left;width:100%;}
#inner li:nth-last-child(1) span{display:none;}
#inner li{display:inline-block;float:left;list-style:none;}
#inner a{padding:0 10px;}
div.breadcrumb a{color:#000;}
div.breadcrumb a:hover{color:#f15a25;}

/*.fixmenu {
position:fixed !important;
top:0 !important;
left:0 !important;
margin:auto !important;
width:100% !important;
z-index:999999 !important;
}

*/
.noidung_ta{padding:10px;}
.btn-disabled{cursor:not-allowed;pointer-events:none;}
.enable_buttom{cursor:pointer;background:#09bdff!important;}
.clear{clear:both;}
.clearfix:before{content:"";clear:both;}
.clearfix:after{content:"";clear:both;}
.visit_hidden{display:none;}
.margin-auto{max-width:1200px;margin:0 auto;}
.red{color:#FB0000;}
.div_css{margin:0 -10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;}
.div_css2{background:#fff;margin:0 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;margin-bottom:10px;}
.div_css3{background:#fff;margin:0 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;padding:20px;}
.bg_con{background:#fff;}
#info{width:100%;float:right;margin-top:0;padding-left:0;}
#info_main{padding:30px 0;}
#content{width:100%;margin:0 0 0 0;border-top:0;float:left;}
#container{width:100%;margin:auto;  /* overflow-x: hidden; */}
.container{width:100%;float:left;}
#sanpham{width:100%;float:left;padding-bottom:15px;min-height:570px;}
#main{width:100%;}
#wrap_noidung{float:left;width:100%;}
.wraper_trangtrong{width:100%;float:left;position:relative;margin-bottom:10px;font-family:'RobotoRegular';}
.content_trangcon{float:left;width:100%;}
.content_trangcon img{max-width:100%;height:auto;}
.transition{transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;-transition:0.5s;}
.zit{z-index:9999!important;}
.zib{z-index:0;}
.i-map-at{background:#0097c9!important;color:#FFF;}
.map{width:100%;height:500px;box-sizing:border-box;}
.box-map{position:relative;height:500px;}
.map{position:absolute;}
.i-map{float:left;padding:5px 10px;background:#F5F5F5;cursor:pointer;}
.hidden_img{z-index:999;width:100%;float:left;overflow:hidden;transform:translateZ(0);position:relative;height:100%;}
.zoom img{border:none;float:left;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;-transition:0.5s;width:100%;}
.zoom:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.thanh_title{float:left;width:100%;text-transform:uppercase;margin-bottom:10px;}
.thanh_title h3{font-family:'RobotoCondensedBold';font-size:20px;color:#000;padding:0 5px;}
.hv_light2{overflow:hidden;position:relative;}
.hv_light2:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;z-index:1;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.hv_light2:after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.hv_light2:hover:before{right:50%;left:50%;width:0;background:rgba(255,255,255,0.5);}
.hv_light2:hover:after{height:0;top:50%;bottom:50%;background:rgba(255,255,255,0.5);}
.fixcart{position:fixed;top:25%;right:0;width:70px;z-index:99999999;}
.fixcart img{max-width:100%;height:auto;}
.w_chayhinh{float:left;width:100%;padding:20px 0 50px;}
.item_hinh2 img{max-width:100%;}

/*-------slider------*/
#slide_show{margin-top:10px;float:left;width:100%;}
#slider{float:left;width:790px;position:relative;overflow:hidden;}
#slider:hover .sl-next{right:10px;}
#slider:hover .sl-prev{left:10px;}
#slider .sl-next{right:-70px;}
#slider .sl-prev{left:-70px;}
#slider .sl-prev,#slider .sl-next{transition:all 0.3s;top:50%;transform:translate(0px,-50%);position:absolute;margin:0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:rgba(0,0,0,.3);width:48px;height:45px;text-align:center;font-size:46px;color:#fff;cursor:pointer;zoom:1;font-family:-webkit-body;display:flex!important;align-items:center;justify-content:center;z-index:9;}
#slider .sl-prev span,#slider .sl-next span{position:relative;top:-5px;}

/*===*/
.chay_hinh2 .sl-next{right:10px;}
.chay_hinh2 .sl-prev{left:10px;}
.chay_hinh2 .sl-prev,.chay_hinh2 .sl-next{transition:all 0.3s;top:50%;transform:translate(0px,-50%);position:absolute;margin:0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:rgba(0,0,0,.3);width:48px;height:45px;text-align:center;font-size:46px;color:#fff;cursor:pointer;zoom:1;font-family:-webkit-body;display:flex!important;align-items:center;justify-content:center;z-index:9;}
.chay_hinh2 .sl-prev span,.chay_hinh2 .sl-next span{position:relative;top:-5px;}

/*===*/
.w_info_slider{float:left;width:100%;}
.chay_info_slider{margin:0 -0.5px;}
.item_ten_slider{padding:0 0.5px;}
.item_ten_slider{cursor:pointer;width:168px;left:0!important;opacity:1!important;font-family:'RobotoRegular';font-size:13px;color:#404040;height:55px;text-align:center;}
.bg_item_sl{float:left;width:100%;background:rgba(255,255,255,0.8);padding:0 10px;height:100%;display:flex;justify-content:center;align-items:center;}
.bg_item_sl span{display:block;max-height:37px;overflow:hidden;}
.slick-current .bg_item_sl{color:#000;font-family:'RobotoBold';}
#slider #amazingslider-wrapper-1{margin:0!important;}
#slider .amazingslider-arrow-right-1{background:url(images/next_sl.png)center center no-repeat!important;}
#slider .amazingslider-arrow-right-1:hover{opacity:0.5;}
#slider .amazingslider-arrow-left-1{background:url(images/prev_sl.png) center center no-repeat!important;}
#slider .amazingslider-arrow-left-1:hover{opacity:0.5;}

/*-------slider------*/
.wrap_banner{float:left;width:100%;background:#f15a25;}
div#menu_mobi{display:none;}
div#menu{position:relative;margin:auto;width:100%;}
div#menu ul{list-style:none;float:left;}
div#menu ul li{float:left;position:relative;z-index:50;padding:0 0;}
div#menu ul li a{color:#1a1a1a;font-size:12px;padding:0 13px;text-transform:uppercase;display:block;font-family:'RobotoCondensedBold';padding-top:32px!important;height:53px;filter:brightness(0) invert(1);}
div#menu ul li:nth-last-child(1) a{padding-right:8px;padding-left:8px;}
.dienthoai{background:url(images/bg_icon_menu.png) no-repeat 8px 5px;}
.tablet{background:url(images/bg_icon_menu.png) no-repeat -85px 5px;}
.laptop{background:url(images/bg_icon_menu.png) no-repeat -156px 5px;}
.phukien{background:url(images/bg_icon_menu.png) no-repeat -232px 5px;}
.maycugiare{background:url(images/bg_icon_menu.png) no-repeat -316px 5px;}
.khuyenmai{background:url(images/bg_icon_menu.png) no-repeat -425px 5px;}
.congnghe{background:url(images/bg_icon_menu.png) no-repeat -437px 5px;}
.hoidap{background:url(images/bg_icon_menu.png) no-repeat -630px 5px;}
.simso{background:url(images/bg_icon_menu.png) no-repeat -713px 5px;text-align:center;}
.baohanh{background:url(images/icon_bh1.png) no-repeat top 5px center;text-align:center;}
.quayso{background:url(images/bg_icon_menu.png) no-repeat -436px 5px;text-align:center;}

/*div#menu div ul li:after {
content:"";
width:1px;
height:11px;
background:url(images/gach_menu.jpg) no-repeat;
position:absolute;
right:0;
top:22px;
}

div#menu div ul li:nth-last-child(1):after {
display:none;
}

*/
div#menu ul li a.active,div#menu ul li a.active2{color:#1a1a1a;filter:brightness(1) invert(0);}
div#menu>div>ul>li>a:hover,div#menu>div>ul>li>a.active,div#menu>div>ul>li>a.active2{}
div#menu ul li a:hover span,div#menu ul li a.active span,div#menu ul li a.active2 span{}
div#menu ul li ul,div#menu ul li:hover ul li ul{position:absolute;margin-left:0;display:none;}
div#menu ul li:hover ul{display:block;}
div#menu ul li ul li{width:220px;line-height:1.5;background:#17a400;border-bottom:1px solid #fff;}
div#menu ul li ul li a{padding:6px 10px;text-transform:none;}
div#menu ul li ul li a:hover{color:#ff0;}
div#menu ul li ul li ul{left:220px;top:0;}

/*-------------------------------*/

/*-------meu-danhmucleft-------*/

#left{width:275px;float:left;}
#right{float:right;width:888px;}
div.khung_danhmuc{margin-bottom:15px;float:left;width:100%;}
div#danhmuc{border-left:none;border-right:none;padding:0 0;float:left;width:100%;}
div#danhmuc ul li{position:relative;background:url(images/bg_li_dm.jpg) repeat;}
div#danhmuc>ul>li:last-child>a{border:none;}
div#danhmuc ul li ul{position:absolute;left:100%;width:100%;top:0;display:none;z-index:999999;background:#fff;}
div#danhmuc ul li a{padding:10px 10px 10px 35px;color:#7f7f7f;font-family:'RobotoRegular';font-size:15px;display:block;position:relative;}
div#danhmuc ul li a:hover{color:red;}
div#danhmuc ul li a:before{position:absolute;left:23px;top:15px;content:"";float:left;width:4px;height:7px;background:url(images/bf_li.png) no-repeat;}
div#danhmuc ul li ul li a{padding:9px 5px 9px 22px;}
div#danhmuc ul li ul li a:after,div#danhmuc ul li ul li a:before{display:none;}
div#danhmuc ul li ul li:nth-last-child(1) a{border-bottom:none;}
.khung_danhmuc .thanh{position:relative;float:left;width:100%;font-family:'UTMAvoBold';font-size:17px;color:#fff;text-transform:uppercase;background:#17a400;padding:12px 15px;line-height:1;}
.khung_danhmuc .thanh:before{content:"";background:url(images/bf_danhmuc.jpg) no-repeat;width:41px;height:35px;position:absolute;top:3px;left:4px;}
.khung_danhmuc .thanh p{padding-left:35px;}

/*------endcotleft----------*/

/*---------header---------*/

#header{float:left;width:100%;}
.wrap_banner{float:left;width:100%;padding-bottom:0;}
.logo{float:left;margin:0 15px 0 0;}

/*---------header---------*/

/*------timkiem-----*/

.w_top_l{display:flex;align-items:center;width:420px;padding:9px 10px;}
.content_top{display:flex;align-items:center;}
#timkiem{width:220px;float:right;background-color:#fff;height:35px;position:relative;border-radius:6px;}
#timkiem select{border:0;width:100px;}
#timkiem input{float:left;width:calc(100% - 40px);height:35px;outline:none;border:none;background-color:#fff;font-size:14px;color:#000;padding-left:10px;border-radius:6px;}
#timkiem button{float:left;width:40px;height:35px;outline:none;border:none;background:url(images/search.png) center no-repeat #fff;border-radius:5px;}
#timkiem input::-webkit-input-placeholder{color:#818181;font-size:13px;}
#timkiem input:-moz-placeholder{  /* Firefox 18- */

color:#818181;font-size:13px;}
#timkiem input::-moz-placeholder{  /* Firefox 19+ */

color:#818181;font-size:13px;}
#timkiem input:-ms-input-placeholder{color:#818181;font-size:13px;}
#search_mobi input::-webkit-input-placeholder{color:#fff;font-size:13px;}
#search_mobi input:-moz-placeholder{  /* Firefox 18- */

color:#fff;font-size:13px;}
#search_mobi input::-moz-placeholder{  /* Firefox 19+ */

color:#fff;font-size:13px;}
#timsearch_mobikiem input:-ms-input-placeholder{color:#fff;font-size:13px;}

/*------timkiem-----*/

/*-----------------------------------*/

.lienket{margin:0 0 0 0;float:right;padding-top:0;position:relative;}
.lienket label{float:left;font-weight:bold;color:#fff;margin:3px 10px 0 0;}
.lienket p{float:left;font-size:14px;font-family:"RobotoCondensedRegular";color:#000000;margin-right:37px;padding-top:8px;}
.lienket p:nth-child(2){margin-right:20px;}
.lienket a{padding:0 8px 0 8px;float:left;color:#fff;}
.lienket h4{float:left;font-size:13px;color:#fff;font-weight:normal;margin-right:19px;padding-top:8px;font-family:"RobotoRegular";}
.lienket img:hover{opacity:0.7;}

/*==============*/

/*-----sanpham----*/

.content_sanpham{float:left;width:100%;}
.sanpham{float:left;width:100%;}
.chay_spmain{margin:0 -15px;}
.item{float:left;position:relative;padding:15px 15px;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;width:20%;}
.item .giohang_sp{width:150px;height:50px;background:url(images/bg_dh.png) no-repeat;position:absolute;top:145px;right:0;left:0;margin:0 auto;z-index:100;cursor:pointer;opacity:0;}
.item:hover .giohang_sp{opacity:1;}
.item .product_images{position:relative;width:100%;padding:0;float:left;}
.item .product_images img{border:none;float:left;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;-transition:0.5s;width:100%;}
.item .product_images:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.item > .product_images > a > span{position:absolute;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:url(images/i_km.png) no-repeat;top:9px;right:9px;font-size:14px;color:#fff;}
.ten_item{float:left;width:100%;background:#eeeeee;border-top:1px solid #fff;padding:5px;text-align:center;}
.ten_item h3{font-size:17px;font-family:'RobotoCondensedRegular';color:#515151;}
.ten_item .giaban{font-size:17px;font-family:'RobotoCondensedRegular';color:#c22121;}
.ten_item .giasi{font-size:14px;font-family:'RobotoCondensedRegular';color:#515151;padding-bottom:5px;}
.slick-prev{position:absolute;top:-45px;right:40px;width:20px;height:20px;background:url(images/prev_s.png);}
.slick-next{transform:rotate(180deg);position:absolute;top:-45px;right:16px;width:20px;height:20px;background:url(images/prev_s.png);}

/*-----------------------------------*/
#thongke{float:right;width:228px;height:132px;background:url(images/i_thongke.png) no-repeat;padding:40px 33px 0 97px;margin-top:5px;}
#thongke li{color:#f9f9f9;font-size:14px;padding:0 0 0 0;line-height:1.4;}
#thongke span{float:right;}

/*===========*/

/*==============================Top================================*/

#top{width:37px;height:37px;position:fixed;bottom:30px;right:20px;text-indent:-99999px;cursor:pointer;background:url(images/back_to_top.png) top center no-repeat;transition:0.5s;z-index:200;}
#top:hover{background:url('images/back_to_top.png') bottom center no-repeat;transition:0.5s;}
.left-right{float:left;width:100%;}

/*======================*/

/*=======css trang trong======*/

.box_new:nth-child(1),.box_new:nth-child(2){padding-top:0;}
.box_new{width:49%;float:left;padding:15px 0 15px 0;text-align:justify;border-bottom:1px dashed #D9D9D9;}
.box_new:nth-child(2n+2){margin-right:0;float:right;}
.box_new:nth-last-child(1),.box_new:nth-last-child(2){border:none;}
.img_boxnew{float:left;width:250px;margin-right:10px;}
.box_new img{padding:0;float:left;padding:3px;background:#fff;width:100%;}
.box_new img:hover{}
.info_boxnew{float:right;width:328px;}
.box_new h3{font-size:18px;color:#333;font-weight:normal;line-height:23px;margin-bottom:5px;font-family:'RobotoCondensedBold';}
.info_boxnew p{font-size:14px;color:#3E3E3E;line-height:21px;float:left;width:100%;padding:3px 0;}
.box_new a.xemtintrong{font-family:'RobotoItalic';text-decoration:underline;color:#0864bb;font-size:13px;float:right;}
.box_new p a:hover{color:red;}
.box_new span{float:left;color:#a4a4a4;font-size:13px;}
.box_new:nth-child(2n+1){clear:left;}
.info_boxnew:hover h3{color:#288ad6;}

/*================Chi tiết sản phẩm======================*/
.ten_sp{padding:0 10px;font-size:18px;color:#e70d0d;font-weight:normal;font-family:'RobotoBold';position:relative;padding-bottom:10px;margin-bottom:10px;line-height:26px;display:flex;justify-content:space-between;align-items:center;}
.ten_sp:before{content:"";background:#e5e5e5;position:absolute;height:1px;width:100%;bottom:0;left:0;}
.ten_sp span{font-size:13px;color:#0084ff;}
.chitiet_sanpham{margin-bottom:10px;margin-top:10px;float:left;width:100%;}
.imgsp{float:left;width:35%;margin-bottom:20px;text-align:center;}
.custom-container{width:100%;float:right;}
.custom-container .prev,.custom-container .netxt{float:left;}
.custom-container .next,.custom-container .prev{font-size:20px;}
.custom-container .next:hover,.custom-container .prev:hover{color:red;}
.img_detail{float:left;width:100%;}
.main_img_detail{float:left;width:100%;padding-top:15px;padding-left:5px;}
.main_img_detail img{max-width:100%}
.box_des_detail{padding:0 5px;width:40%;float:left;margin-left:15px;}
.item_des_detail{font-family:'RobotoBold';font-size:15px;color:black;clear:both;}
.item_des_detail span{color:#005FAF;font-weight:bold;font-size:13px;}
.item_des_detail b{font-weight:normal!important;}
.hotline-detail{margin-top:10px;}
.hotline-detail p{font-size:16px;text-align:center;}
.hotline-detail p a{font-weight:700;}
.chitiet_sanpham > p{text-align:justify;}
.quotation{margin-bottom:5px;display:block;line-height:30px;text-align:right;}
.quotation a{background:transparent url('images/baogia.png') no-repeat left center;background-size:14px 14px;padding-left:20px;color:#288ad6;font-size:13px;font-weight:bold;}
.app-figure{width:100%!important;float:left;margin-top:10px;}
.abulum{width:100%!important;float:left;}
.anh_daidien{width:100%;text-align:center;}
.MagicZoom img{max-width:100%!important;position:relative;}
.selectors{margin-top:10px;}
.selectors .mz-thumb img{max-width:56px;}
.img_item{width:100%!important;}
.item_sub_img{margin-right:5px;}
.des-soluong{margin-bottom:10px;float:left;width:100%;}
.item_des_detail .qty{display:block;float:none;margin-bottom:5px;text-align:left;text-transform:uppercase;font-size:12px;font-weight:bold;font-family:'RobotoBold';}
.item_des_detail button{background-color:#f5f5f5;border:1px #eaeaea solid;transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;color:#333;font-size:15px;padding:8px 8px 8px 8px;font-weight:normal;cursor:pointer;float:left;}
.item_des_detail button:nth-of-type(2){padding:8px 8px 8px 8px;}
.item_des_detail input{padding:0 5px 1px;height:33px;border:1px #ddd solid;text-align:center;margin:0 5px;width:65px;color:#333;float:left;}
#hinhcon_mo{clear:both;margin:auto;width:90%;margin-top:15px;}
#hinhcon_mo .owl-theme3 .owl-prev{width:28px;height:44px;position:absolute;left:-26px;top:11%;background:url(images/pre_sl.png);cursor:pointer;transform:rotate(180deg);}
#hinhcon_mo .owl-theme3 .owl-next{width:28px;height:44px;position:absolute;right:-26px;top:10%;background:url(images/pre_sl.png);cursor:pointer;}
.chayhinhcon{margin:0 -5px;}
.item_sub_img{padding:0 5px;}
.controls{}
.show{display:none!important;margin-bottom:0;}
.product-qty{float:none;width:100%;margin-top:10px;}
.right_chitiet_sp{float:right;width:23.5%;padding-right:5px}
.right_chitiet_sp img{max-width:100%;}
.title-tv{font-size:16px;color:#333;background:#f5f5f5;padding:10px;font-weight:700;text-align:center;display:block;}
.chinhsach{list-style:none;}
.chinhsach li{background:#f5f5f5;margin:0px auto 12px;padding:10px 9px;display:flex;justify-content:flex-start;align-items:center;}
.chinhsach img{width:25px;margin-right:10px;}
.chinhsach li span{font-size:15px;color:#333;font-weight:500;}
.maps-link{margin:12px auto;padding:10px 9px;display:flex;justify-content:flex-start;align-items:center;}
.maps-link img{width:25px;margin-right:10px;}
.maps-link span{font-size:15px;color:#333;font-weight:500;}
.maps-link a{color:#428bca;font-weight:700;}
.phone-tv{list-style:none;}
.phone-tv li{margin:0px auto;padding:5px 9px;display:flex;justify-content:flex-start;align-items:center;}
.phone-tv img{width:25px;margin-right:10px;}
.phone-tv li span{font-size:15px;color:#333;font-weight:500;}
.box-prod{padding:15px;border:1px solid #f1f1f1;border-radius:4px;margin-top:15px;}
.box-prod hr{margin:10px 0px;}
.noidung_flex{display:flex;justify-content:space-between;}
.left_noidung_detail{width:775px;padding:0;border-right:10px solid #F5F5F5;background:#fff;}
.right_noidung_detail{width:425px;}
.right_noidung_detail table{width:100%!important;}
.right_noidung_detail img{width:100%!important;}
.right_noidung_detail ul{width:100%!important;}
.box_thongsokythuat{float:left;width:100%;margin-bottom:15px;overflow:hidden;padding:10px;}
.box_thongsokythuat li{float:left;width:100%!important;}
.giacu_detai{font-family:'RobotoRegular';font-size:20px;color:#717171;font-weight:normal;text-decoration:line-through;margin-left:15px;}
.gia_saulien,.gia_online{font-family:'RobotoCondensedBold';font-size:14px;color:#363636;font-weight:normal;}
.giacty{}
.giasl{color:#e10c00;font-size:25px;}
.giaon{color:#e10c00;font-size:27px;}
.flex_gia_chon{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;display:none;}
.box_tietkiem{padding:1px 0px;font-family:'RobotoRegular';font-size:13px;color:#9b9b9b;display:inline-block;}
.box_tietkiem .box_tietkiem_c{color:#9b9b9b}
.box_mausac{float:left;width:100%;margin:10px 0px;display:flex;align-items:center;padding:15px 20px 0px;justify-content:center;}
.box_mausac .item_mausac{border:1px solid #e5e5e5;border-radius:50%;width:25px;height:25px;margin:0px 4px;cursor:pointer;position:relative;transition:all 0.3s;}
.box_mausac .item_mausac:before{content:'';top:0px;left:0px;right:0px;bottom:0px;z-index:0;border-radius:50%;border:2px solid #FFF;position:absolute;}
.box_mausac .item_mausac.active{border:1px solid #9f9f9f;transform:scale(1.1)}

/*======chitietsanpham=======*/
.gia_saulien{display:flex;align-items:center;}
.box_giaon{padding:2px 15px;background:#fd6e1d;margin-bottom:10px;border-radius:10px;font-size:14px;color:#fff!important;display:inline-block;line-height:37px}
.box_giaon .giaon{color:#fff!important;}

/*----hinhanh*/
.tieude{margin:0 0 2px 0;width:100%;float:left;color:#666;font-size:24px;}
.hinhanh-item{float:left;text-align:center;margin-bottom:30px;}
.hinhanh-item img{float:left;width:100%;}
.loaded{float:left;width:calc(100% / 4);padding:0 15px;}
.loaded .rel{position:relative;}
.loaded img{width:100%;}
.ten_item h3:hover{color:#ff0000;}
#grid{margin:0 -15px!important;}

/*----hinhanh*/

/*--------videotrangcon------*/

.box_video{float:left;margin-bottom:23px;}
.box_video img{width:100%;}
.box_video h3{text-align:center;margin:10px 0 0 0;width:100%;float:left;font-size:14px;}
.box_video:hover{opacity:0.8;}
.box_video:nth-child(4n){margin-right:0;}
.box_video:hover a h3{color:#d5aa16;}
.box_video a h3{text-align:left;margin:5px 0 0 0;width:100%;float:left;font-size:14px;color:#035F67;font-weight:bold;overflow:hidden;}
.video_info{font-size:12px;color:#767676;line-height:1.3em;}

/*--------videotrangcon------*/

/*---------tranglienhe--------*/

.khung_trai{width:100%;float:left;margin-left:0;color:#fff;}
.khung_phai{width:100%;float:right;padding:0;}
.thongtin_lh{width:100%;float:left;padding:0 40px 20px 0;}
.thongtin_lh h1{font-size:20px;text-transform:uppercase;color:#04608B;}
.form_contact{float:left;width:49%;}
.form_lh{float:right;width:49%;}
.form_lh fieldset{padding:0 10px 10px 10px;margin:0 0 0 0;border:1px solid #61AE01;}
.form_lh legend{padding:0 10px 0 10px;font-style:italic;color:#61AE01;}
.form_lh p{padding:5px 0 5px 0;}
.form_lh p input{border-radius:4px;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;}
.form_lh p label{width:115px;float:left;color:black;}
.form_lh p textarea{border-radius:4px;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;height:auto;}
.form_lh p button{color:#fff;background-color:#e5e5e5;border-color:#24720C;display:inline-block;padding:6px 13px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;border:1px solid transparent;border-radius:4px;}
.form_van input{width:100%;padding:5px;}
.form_van button{position:absolute;z-index:1000;top:1px;right:0;color:#eee;padding:5px;border:0;background:#E78D00;}
#form_contact input{padding:5px;}
#map_canvas{float:left;width:100%;height:400px;}

/*---------tranglienhe--------*/

/*========end csstrangtrong======*/

/*=====video-list====*/

.video{width:415px;float:right;padding-top:20px;}
.clip_index{float:right;width:100%;}
.content_clip_index{float:left;width:100%;border-top:none;}
.box_video_index{float:left;width:100%;height:270px;margin-bottom:2px;}
#chon_video{margin-top:5px;outline:none;width:100%;height:33px;border:1px solid #ccc;background:#fff;font-size:13px;color:#000;font-family:"RobotoRegular";padding-left:10px;}
.box_video{margin:0 auto;padding:0;box-sizing:border-box;width:280px;margin-right:23px;margin-bottom:23px;}
.box_video img{max-width:100%;}
.box_video a h3{text-align:left;margin:5px 0 0 0;width:100%;float:left;font-size:14px;color:#035F67;font-weight:bold;overflow:hidden;}
.box_video:hover a h3{color:#d5aa16;}
.box_video:hover{opacity:0.8;}
.video_info{font-size:12px;color:#767676;line-height:1.3em;}
.video_info .loai_vid a{font-size:13px;color:#767676;}
.video_info .loai_vid:hover a{color:#167ac6;}
.box_vid{width:70%;float:left;}
.box_vid iframe{height:500px;}
.box_vid h1{font-size:24px;color:#fff;width:100%;background:rgba(0,0,0,.7);padding:15px 10px;box-sizing:border-box;}
.vid_cmt{width:100%;height:auto;float:left;margin-top:10px;}
.other_vid{width:28%;float:right;}
.title_other{color:#003466;font-size:14px;font-weight:bold;border-bottom:1px solid #ccc;text-transform:uppercase;}
.other_vid .box_video_detail{width:100%;padding:7px;box-sizing:border-box;}
.other_vid .box_video_detail img{width:40%;float:left;height:auto;}
.box_video_detail .vid_info{width:58%;float:right;color:#767676;line-height:1.3em;font-size:12px;}
.box_video_detail .vid_info a h3{font-size:13px;font-weight:500;color:#08678E;font-weight:bolder;}
.box_video_detail:hover .vid_info a h3{color:#d5aa16;}
.vid_info .loai_vid a{font-size:13px;color:#767676;}
.vid_info .loai_vid:hover a{color:#167ac6;}
.box_video .luotxem{font-style:italic;color:#666;font-size:12px;}

/*======video-list=====*/

/*=====footer========*/

#footer{float:left;width:100%;}
#bottom_ft{width:100%;float:left;background:#fff;}
.title_ft{margin-bottom:10px;position:relative;float:left;width:100%;color:#404040;font-size:16px;font-family:'RobotoBold';text-transform:uppercase;}
.title_ft p{margin-bottom:0;}
.content_ft{float:left;width:100%;margin:30px 0;}
.cot1_ft{float:left;width:410px;margin-right:15px;}
.cot2_ft{float:left;width:230px;margin-right:15px;}
.cot3_ft{float:left;width:230px;}
.cot4_ft{float:right;width:290px;}
.content_cot1{float:left;width:100%;}
.content_cot2{float:left;width:100%;}
.baiviet_ft{float:left;width:100%;color:#288ad6;font-family:'RobotoCondensedRegular';font-size:14px;margin-bottom:7px;transition:0.5s;}
.baiviet_ft:hover{margin-left:10px;}
.content_cot3{float:left;width:100%;}
.hidden_bando{float:left;width:100%;height:415px;}
#bando_ft{float:left;width:100%;height:415px;}

/*---------copyright----*/
#copyright{float:left;width:100%;font-family:'RobotoRegular';font-size:13px;color:#000;padding:15px 0;text-align:center;}

/*=====footer========*/
.lienket_ft{float:left;width:100%;margin-top:10px;display:flex;align-items:center;}
.lienket_ft p{float:left;color:#404040;font-size:13px;}
.icon-footer{float:right;padding-left:15px;}
.lienket_ft a:last-child{margin-right:0;}
.lienket_ft a{margin:0 10px 0 0;float:left;}
.lienket_ft img{border:none;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;-transition:0.5s;}
.lienket_ft img:hover{opacity:0.6;}

/*=====*/
.boxphao_slider{float:right;width:400px;}
.boxtincongnghe{float:left;width:100%;background:#fff;}
.linktin:hover{color:#ff0000}
.linktin{margin-left:20px;position:relative;padding-left:20px;font-size:13px;color:#ff0000;font-family:'RobotoRegular';text-transform:none;display:flex;align-items:center;}
.linktin i{font-size:7px;padding-right:5px;}
#dot{width:10px;height:10px;background-color:#f33;border-radius:100%;position:absolute;left:0;top:50%;margin-top:-5px;display:block;}
#dot .ping{border:1px solid #f33;width:10px;height:10px;opacity:1;background-color:rgba(238,46,36,.2);border-radius:100%;-webkit-animation-duration:1.25s;animation-duration:1.25s;-webkit-animation-name:sonar;animation-name:sonar;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;display:block;}
@-webkit-keyframes sonar{
  0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
  100%{-webkit-transform:scale(3);transform:scale(3);opacity:0}
}
@keyframes sonar{
  0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
  100%{-webkit-transform:scale(3);transform:scale(3);opacity:0}
}
.thanh_tincongnghe{float:left;min-width:100px;padding:9.5px 10px;background:#fec500;font-family:'RobotoBold';color:#343434;text-transform:uppercase;font-size:13px;position:relative;}
.thanh_tincongnghe:after{content:"";position:absolute;right:-18px;top:0;background:url(images/hinh-v.png) no-repeat;width:24px;height:38px;}
.content_tincongnnghe{float:left;width:100%;padding:10px;}
.flex{display:flex;align-items:center;}
.img_tincongnghe{width:100px;}
.img_tincongnghe img{max-width:100%;}
.info_tincongnghe{width:275px;margin-left:10px;color:#000;font-size:14px;}
.info_tincongnghe p{float:left;width:100%;line-height:1.5;height:38px;overflow:hidden;font-family:'RobotoCondensedRegular';}
.info_tincongnghe span{color:#ada8a8;font-size:12px;}

/*====*/
.box_banner{float:left;width:100%;}
.item_banner{float:left;width:100%;margin-top:5px;}
.item_banner img{max-width:100%;}

/*=====*/
.banner_duoislider{float:left;width:100%;margin:10px 0;}
.banner_duoislider img{max-width:100%;}

/*===*/
.boxsanpham{float:left;width:100%;background:#ffffff;margin-bottom:15px;}
.thanh_dienthoai{background:url(images/i_dt.png) no-repeat left center;}
.content_sanpham{float:left;width:100%;padding:0 10px;}
.item_sanpham{padding:0 10px;float:left;width:20%;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;min-width:20%;flex-flow:row wrap;webkit-flex-flow:row wrap;padding-bottom:10px;}
.item_cobanner{float:left;width:40%;padding:0 10px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;min-width:40%;flex-flow:none;-webkit-flex-flow:none;padding-bottom:10px;}
.item_sanpham .img_sanpham{float:left;width:100%;height:200px;margin-top:10px;position:relative;}
.img_sanpham img{width:100%;transition:all ease 500ms;margin-top:10px;}
.info_sanpham{float:left;width:100%;margin-top:10px;}
.ten_sanpham{color:#2e2e2e;font-family:'RobotoRegular';font-size:13px;}
.ten_sanpham:hover{color:#288ad6;}
.gia_sanpham{display:flex;align-items:center;padding:5px 0;}
.gianew{color:#ea1100;font-family:'RobotoBold';font-size:13px;margin-right:15px;}
.giacu{color:#7b7b7b;font-family:'RobotoRegular';font-size:12px;text-decoration:line-through;}
.quatang{float:left;font-size:13px;color:#2e2e2e;font-family:'RobotoRegular';}
.item_sanpham .img_sanpham:hover img{margin-top:-5px;}
.row_tablet{overflow:hidden;flex-flow:nowrap!important;}
.row_tablet .item_cobanner,.row_tablet .item_sanpham{border-right:none;border-left:1px solid #e2e2e2;}
.row_tablet .item_cobanner:nth-child(1),.row_tablet .item_sanpham:nth-child(1){border-left:none;}

/*=======*/
.boxtopkm{float:left;width:100%;background:#ffffff;margin-bottom:15px;border:1px solid #e4363b;  /* background: url(images/bg_km.png) no-repeat #fff top 1px center; */padding-bottom:15px;position:relative;margin-top:30px;}
.thanh_tieude{color:#343434;font-family:'OpenSansExtraBold';font-size:16px;text-transform:uppercase;border-top:3px solid #f15a25;border-bottom:1px solid #f15a25;float:left;width:100%;padding:11px 0;padding-left:60px;}
.thanh_km{display:block;width:100%;text-align:center;position:absolute;top:-15px;left:0px;font-family:'RobotoBold';font-size:20px;text-transform:uppercase;color:#fff;z-index:1}
.thanh_km span{background:#e4363b;padding:8px 20px;border-radius:10px;}
.content_topkm{float:left;width:100%;padding:10px 15px 31px 15px;}
.chay_protop{margin:0 -10px;}
.item_protop{padding:0 10px;border-right: 1px solid #dfdfdf;}
.img_protop{float:left;width:100%;height:200px;margin-top:10px;position:relative;}
.img_protop img{width:100%;transition:all ease 500ms;margin-top:10px!important;}
.info_protop{float:left;width:100%;margin-top:10px;}
.ten_protop{color:#2e2e2e;font-family:'RobotoCondensedRegular';font-size:14px;}
.ten_protop:hover{color:#288ad6;}
.gia_protop{display:flex;align-items:center;padding:5px 0;}
.gianew{color:#ea1100;font-family:'RobotoBold';font-size:13px;margin-right:15px;}
.giacu{color:#7b7b7b;font-family:'RobotoCondensedRegular';font-size:13px;text-decoration:line-through;}
.quatang{float:left;font-size:14px;color:#2b2b2b;font-family:'RobotoCondensedRegular';}
.img_protop:hover img{margin-top:-5px!important;}
.chay_protop .slick-prev{position:absolute;top:35%;left:0;width:38px;height:78px;background:url(images/slick_preve.png);}
.chay_protop .slick-next{transform:rotate(180deg);position:absolute;top:35%;right:0;width:38px;height:78px;background:url(images/slick_preve.png);}

/*====*/
.cacchuongtrinhkm{float:left;width:100%;background:#fff;margin-bottom:20px;border-top:3px solid #f15a25;padding:10px 10px 20px 10px;}
.thanhkm{float:left;width:100%;font-family:'UTMAvo';color:#343434;font-size:16px;text-transform:uppercase;margin-bottom:5px;}
.content_chuongtrinhkm{float:left;width:100%;}
.margin_bannerkm{margin:0 -20px;}
.item_bannerkm{max-width:98%;margin:0 auto;}
.item_bannerkm img{width:100%;}

/*====*/
.w_slider_tt{width:800px;float:left;}
.dou-banner_tt{float:right;width:390px;}
.banner_trangcon{float:left;width:100%;margin:10px 0px;}
.chay_slider_sub .slick-dots{bottom:3px}
.chay_slider_sub .slick-dots li{margin:0 3px;}
.chay_slider_sub .slick-dots li button{width:10px;height:10px;padding:0;}
.chay_slider_sub .slick-dots li button:before{width:10px;height:10px;line-height:10px;}
.chay_slider_sub .slick-dots li.slick-active button:before{color:#ff0}
.chay_slider_sub .slick-dots  li button:before{color:#fff;opacity:0.9}
.item_banner_sub{float:left;width:100%;margin-bottom:9px}
.item_banner_sub:nth-last-child(1){margin-bottom:0px;}
.item_banner_sub img{width:100%;}

/*===*/

/*===*/

.w_locdienthoai{display:block;min-height:40px;background:#fff;border-right:1px solid #fff;width:100%;}
.w_locdienthoai li{display:inline-block;height:40px;width:auto;vertical-align:top;font-size:12px;position:relative;white-space:nowrap;margin-left:5px;}
.w_locdienthoai li h3{display:inline-block;vertical-align:top;line-height:40px;padding-left:10px;font-size:13px;font-weight:bold;color:#666;}
.w_locdienthoai li a{color:#288ad6;display:inline-block;vertical-align:top;padding-left:10px;line-height:40px;}
.w_locdienthoai li .criteria,.w_locdienthoai li .selected{display:inline-block;overflow:hidden;font-size:12px;color:#288ad6;padding-left:10px;cursor:pointer;line-height:40px;}
.w_locdienthoai li .criteria:after{content:'';width:0;height:0;border-top:4px solid #288ad6;border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;vertical-align:middle;margin-left:3px;position:relative;top:-1px;}
.w_locdienthoai li.loaisanpham{display:inline-block;overflow:hidden;vertical-align:top;line-height:40px;}
.w_locdienthoai li.loaisanpham label{display:inline-block;font-size:12px;color:#288ad6;margin-right:10px;cursor:pointer;font-weight:normal!important;}
.w_locdienthoai li label{display:block;padding:5px 0;cursor:pointer;font:13px/18px 'RobotoRegular';margin-bottom:0;}
.w_locdienthoai li.loaisanpham a{display:inline;line-height:normal;padding-left:0;vertical-align:top;line-height:18px;}
.w_locdienthoai li.loaisanpham i{margin-right:5px;}
.icontt-checkbox,.icontt-closefilter{background-image:url(images/icontt.png);background-repeat:no-repeat;display:inline-block;height:30px;width:30px;line-height:30px;vertical-align:middle;}
.icontt-checkbox{background-position:0 0;width:16px;height:16px;vertical-align:sub;margin-right:3px;}
.w_locdienthoai li .check .icontt-checkbox{background-position:-20px 0;}

/*===*/
.closefilter + label.check{font-size:15px;font-family:Arial;line-height:1.5;margin-bottom:3px;display:block;font-weight:700;padding:0;}
.w_locdienthoai li strong{font-size:15px;margin-bottom:3px;display:block;}
.w_locdienthoai li .manufacture{width:300px;}
.w_locdienthoai li div:before,.w_locdienthoai li div:after{content:'';width:0;height:0;position:absolute;bottom:100%;left:45%;border-bottom:10px solid #d9d9d9;border-left:10px solid transparent;border-right:10px solid transparent;}
.w_locdienthoai li .closefilter{border:0;background:none;width:20px;height:20px;position:absolute;right:8px;top:10px;cursor:pointer;}
.w_locdienthoai li div .all{display:block;overflow:hidden;border-bottom:1px solid #d9d9d9;font-size:14px;color:#333;padding:10px 0;}
.w_locdienthoai li div{display:none;overflow:visible;background:#fff;border:1px solid #e2e2e2e2;border-radius:4px;box-shadow:0 10px 10px 0 rgba(0,0,0,.1);padding:5px 10px;position:absolute;right:-41%;top:40px;z-index:11;}
.w_locdienthoai li div a{color:#333;display:inline;padding:0;margin:0;line-height:normal;font-size:15px;}
.icontt-closefilter{background-position:-60px 0;width:18px;height:18px;}
.w_locdienthoai li .rowfeature{float:none;width:100%;border-bottom:1px solid #d9d9d9;display:block;padding:0;}
.w_locdienthoai li aside{float:left;overflow:hidden;width:50%;padding:10px 0;}
.w_locdienthoai li .feature{text-align:left;right:0;width:500px;}
.w_locdienthoai li div:after{border-width:9px;border-bottom-color:#fff;margin-left:1px;}
.w_locdienthoai li .feature:before,.w_locdienthoai li .feature:after{left:90%;}
.morefeature{display:block;overflow:hidden;position:relative;line-height:46px;font-size:14px;border:0;color:#288ad6;text-align:center;width:100%;background:none;margin-bottom:-10px;cursor:pointer;}
.morefeature:after{content:'';width:0;right:0;border-top:6px solid #288ad6;border-left:6px solid transparent;border-right:6px solid transparent;display:inline-block;vertical-align:middle;margin:-2px 0 0 5px;}
button{outline:none;}
.noresult{display:block;overflow:hidden;background:#fafafa;position:relative;line-height:38px;font-size:14px;color:#999;border:1px solid #eee;border-radius:4px;margin:10px 0 5px;text-align:center;clear:both;width:100%;}
.viewresult{display:block;overflow:hidden;background:#288ad6;position:relative;line-height:38px;font-size:14px;color:#fff;border:1px solid #288ad6;border-radius:4px;margin:10px 0 5px;text-align:center;font-weight:600;clear:both;width:100%;cursor:pointer;}
.loadingcover{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.75);z-index:999999999999999999999999999999;}
.loadingcover .csslder{top:50%;}
@-webkit-keyframes fx{
  50%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
  100%{opacity:0;}
}
@keyframes fx{
  50%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
  100%{opacity:0;}
}
.csslder{display:block;text-align:center;height:20px;position:relative;clear:both;}
.csslder .csswrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.cssdot{width:10px;height:10px;border:1px solid #288ad6;background:#288ad6;border-radius:50%;float:left;margin:0 5px;-webkit-transform:scale(0);transform:scale(0);-webkit-animation:fx 1000ms ease infinite 0ms;animation:fx 1000ms ease infinite 0ms;}
.cssdot:nth-child(2){-webkit-animation:fx 1000ms ease infinite 300ms;animation:fx 1000ms ease infinite 300ms;}
.cssdot:nth-child(3){-webkit-animation:fx 1000ms ease infinite 600ms;animation:fx 1000ms ease infinite 600ms;}

/*===*/
.w_sub_phukien{display:block;overflow:hidden;background:#fff;padding:10px;font-family:'RobotoRegular';border-radius:4px;margin-bottom:11px;}
.item_sub_phukien{display:inline-block;vertical-align:text-top;overflow:hidden;width:6.3%;text-align:center;margin-bottom:5px;}
.w_sub_phukien .img_sub_pk{display:block;width:50px;height:50px;margin:auto;background:#f3f3f3;border-radius:30px;}
.w_sub_phukien .img_sub_pk img{width:22px;height:22px;margin-top:14px;}
.w_sub_phukien .img_sub_pk:hover{background:#fec500;}
.active_pk{background:#fec500!important;}
.item_sub_phukien .ten_sub_pk{display:block;overflow:hidden;line-height:1.3em;font-size:13px;color:#333;padding:5px 0;}

/*===*/
.bg_trang{float:left;width:100%;background:#fff;padding:5px;}

/*===*/
#wapper_tag{display:block;overflow:hidden;margin-top:10px;}
#wapper_tag span{display:inline-block;vertical-align:text-bottom;padding:6px;background:#288ad6;font-size:12px;color:#fff;border-radius:4px;margin-right:5px;position:relative;padding-right:20px;cursor:pointer;}
#wapper_tag span:after{content:"";width:10px;height:10px;position:absolute;right:2px;top:10px;background:url(images/icontt.png) no-repeat left -105px top;cursor:pointer;}
#wapper_tag span.delall{background:#c10017;}
.cart{display:inline-block;width:100%;}
.cart .themvaogiohang{line-height:normal;padding:10px 10px;text-align:center;margin:0 0 0;background:rgb(131,58,180);background:linear-gradient(0deg,rgba(131,58,180,1) 0%,rgba(241,90,37,1) 0%,rgba(251,158,59,1) 100%);color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-size:16px;text-transform:uppercase;width:100%;float:none;display:inline-block;font-weight:300;border:none;margin-bottom:12px;font-family:'Roboto',sans-serif;}
.cart .themvaogiohang span{display:block;}
.cart .themvaogiohang span:nth-child(1){font-size:18px;color:#FFF;}
.cart .themvaogiohang span:nth-child(2){font-size:13px;color:#FFF;text-transform:none;font-weight:400;}
.flex-btn{display:flex;justify-content:space-between;flex-wrap:wrap;}
.nutmuatragop_big{line-height:normal;display:block;padding:10px 10px;text-align:center;margin:0 0 0;background:#0084FF;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-size:16px;font-family:'Roboto',sans-serif;text-transform:uppercase;width:calc(100% / 2 - 7px);cursor:pointer;}
.nutmuatragop_big span{display:block;}
.nutmuatragop_big span:nth-child(1){font-size:16px;color:#FFF;}
.nutmuatragop_big span:nth-child(2){font-size:13px;color:#FFF;text-transform:none;font-weight:400;}
.nutmuatragop_big:hover{color:#fff;}
.add_big{line-height:normal;display:block;padding:10px 10px;text-align:center;margin:0 0 0;background:#0084FF;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-size:16px;font-family:'Roboto',sans-serif;text-transform:uppercase;width:calc(100% / 2 - 7px);cursor:pointer;}
.add_big span{display:block;}
.add_big span:nth-child(1){font-size:16px;color:#FFF;}
.add_big span:nth-child(2){font-size:13px;color:#FFF;text-transform:none;font-weight:400;}
.add_big:hover{color:#fff;}

/*====*/
.simresult{display:block;overflow:hidden;border-bottom:1px solid #ddd;padding-bottom:10px;margin-top:20px;margin-bottom:15px;}
.simbar{display:table;background:#288ad6;width:100%;padding:0 10px;box-sizing:border-box;}
.simbar div{display:table-cell;font-size:14px;padding:12px 0;text-transform:uppercase;color:#fff;font-weight:600;}
.width_1{font-weight:600;color:#288ad6;width:30%;text-align:left;}
.width_2{font-weight:600;color:#d0021b;width:21%;}
.width_3{color:#333;width:23%;}
.width_4{color:#288ad6;width:15%;text-align:center;}
.listsim{display:block;overflow:hidden;}
.listsim li div{display:table-cell;font-size:14px;padding:12px 0;}
.listsim li{display:table;width:100%;padding:0 10px;box-sizing:border-box;background:#fff;}
.listsim li:nth-child(2n+1){background:#e8e7e7;}
.width_1 span{font-size:15px;}
.width_4 a{color:#288ad6;display:block;font-weight:600;}

/*===*/
.loaisim{float:left;width:49%;}
.loaisim:nth-child(2n){float:right!important;}
.w_1000{margin:auto;max-width:820px;}
.thanh_sim{display:inline-block;margin-bottom:15px;}
.thanh_sim h3{float:left;font-family:'RobotoBold';font-size:17px;color:#635f5f;}
.thanh_sim h3 span{color:#000;font-size:20px;text-transform:uppercase;}
.content_timdanhsachsim{float:left;width:100%;}
.loc_sim{float:left;width:100%;margin-bottom:20px;}
.w_nhapso{float:left;width:100%;margin-bottom:10px;}
.keysim{float:left;width:79%;height:36px;padding:0 10px;border:1px solid #ccc;border-radius:3px;font-size:14px;color:#333;min-width:220px;}
.submitsim{float:right;border:1px solid #288ad6;background:#288ad6;border-radius:3px;font-size:14px;color:#fff;text-transform:uppercase;text-align:center;width:20%;height:38px;cursor:pointer;}
.simfilter{display:block;position:relative;height:40px;background:#fff;padding:0 10px;margin:5px 0;}
.simfilter label{display:inline-block;vertical-align:middle;line-height:40px;font-weight:normal;margin-bottom:0;}
.simfilter .navifil{display:inline-block;line-height:40px;vertical-align:middle;color:#288ad6;margin:0 10px;}
.simfilter span,.simfilter span.selected{display:block;overflow:hidden;font-size:14px;color:#288ad6;cursor:pointer;}
.simfilter span:after{content:'';width:0;height:0;border-top:6px solid #288ad6;border-left:6px solid transparent;border-right:6px solid transparent;display:inline-block;vertical-align:middle;margin-left:5px;}
.simtype{display:none;}
.simtype,.simprice,.simlength{display:none;position:absolute;top:40px;left:10px;right:45%;background:#fff;padding:10px;border-radius:3px;border:1px solid #e4e4e4;box-shadow:0 4px 6px 0 rgba(156,156,156,.5);z-index:1;}
.navifil a{display:block;line-height:42px;font-size:14px;color:#333;padding-left:10px;}
.simtype aside,.simprice aside{float:left;width:50%;overflow:hidden;}
.closedrop{position:absolute;top:12px;right:10px;width:18px;height:18px;border:1px solid #ccc;border-radius:30px;text-align:center;font-size:12px;line-height:1.6;color:#ccc;font-family:sans-serif;}
.navifil a.all{color:#288ad6;border-bottom:1px solid #ddd;margin-top:-5px;}
.navifil a.check{color:#288ad6;}
.iconsimcard-check{background:url(images/icon_sim.png) no-repeat;background-position:0 -52px;width:10px;height:10px;margin:0 5px 0 -10px;visibility:hidden;vertical-align:middle;display:inline-block;line-height:30px;}
.navifil a.check .iconsimcard-check{display:inline-block;visibility:visible;}
.check .icontt-checkbox{background-position:-20px 0;}

/*===*/
.row_simso{margin:0 -12px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;}
.par_sim{padding:0 12px!important;}
.item_sim{margin-bottom:24px;}
.bg_sim{align-items:center;display:flex;align-items:center;background:#fff;border-radius:7px;border:1px solid #ddd;overflow:hidden;transition:0.2s;}
.img_sim{float:left;min-width:135px;margin-right:10px;}
.info_simso{float:left;min-width:235px;}
.gia_chonso{display:flex;align-items:center;margin-top:10px;}
.giabansim{float:left;font-family:'RobotoBold';font-size:16px;color:#000;}
.giabansim span{color:#ff0000;float:left;width:100%;}
.chonso{float:left;overflow:hidden;padding:6px 15px;background:#fff;border:1px solid #288ad6;border-radius:3px;font-size:14px;text-transform:uppercase;font-weight:600;color:#288ad6;margin-right:15px;}
.bg_sim:hover{box-shadow:0 -1px 5px 3px #d8d8d8;}

/*===*/
.readmore{border:1px solid;padding:0 8px;width:150px;display:block;position:relative;line-height:35px;font-size:14px;color:#fff;background:#fd6e1d;margin:10px auto;cursor:pointer;border-radius:5px;text-align:center;}
.show-more{margin-top:-46px;background:#fff;width:100%;position:relative;display:inline-block;}
.show-more:before{position:absolute;width:100%;left:0px;height:100px;content:'';background:rgb(255,255,255);background:linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);top:-100px;}
.readmore:after{content:'';width:0;right:0;border-top:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;display:inline-block;vertical-align:middle;margin:-2px 0 0 5px;}
.w_hiddeen{margin-bottom:20px;}

/*==*/
.readmoreright{padding:0 5px;width:calc(100% - 20px);display:block;position:relative;line-height:35px;font-size:14px;color:#fff;background:#fd6e1d;margin:10px auto;cursor:pointer;text-align:center;border-radius:5px;}
.show-moreright{background:#fff;width:100%;display:inline-block;border-bottom:10px solid #f0f0f0;}
.readmoreright:after{content:'';width:0;right:0;border-top:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;display:inline-block;vertical-align:middle;margin:-2px 0 0 5px;}
.cssthugon{background:#fd6e1d;padding:0 5px;width:calc(100% - 20px);display:block;position:relative;line-height:35px;font-size:14px;color:#fff;margin:10px auto;cursor:pointer;text-align:center;border-radius:5px;}
.show-moreright{background:#fff;width:100%;display:inline-block;}
.cssthugon:after{content:'';width:0;right:0;border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;display:inline-block;vertical-align:middle;margin:-2px 0 0 5px;}
.item .info_sanpham a.a_sosanh{display:block;overflow:hidden;color:#288ad6;}
#info_main{margin:20px 0;padding:20px 20px;background:#fff;}
.title_main h2{font-size:20px;width:100%;padding-bottom:15px;border-bottom:1px solid #eee;margin-bottom:15px;}
.compare-table{display:flex;}
.cp-cell{border:1px solid #eee;border-left:0;vertical-align:top;position:relative;}
.compare-product .cp-cell{border-top:0;}
.compare-product .cp-cell-1{border-left-color:transparent;}
.cp-cell-4{border-right:0;}
.cp-title{font-size:16px;text-align:left;line-height:1.6;padding:10px;}
.cp-cell-1{width:19%;}
.cp-cell-2{width:34%;}
.cp-cell-3{width:34%;}
.icon-cp-close{border:solid 1px #ccc;height:25px;width:25px;border-radius:15px;position:absolute;top:5px;right:10px;color:#ccc;font-size:16px;text-align:center;cursor:pointer;font-style:normal;box-sizing:border-box;}
.cp-add-more-title{font-size:13px;font-family:'RobotoCondensedBold';text-transform:uppercase;color:#444;padding:10px 0 15px 10px;text-align:center;}
.cp-plus{display:block;margin:0 auto;border:solid 1px #ddd;width:52px;height:52px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:41px;color:#ccc!important;text-shadow:1px 1px 1px #fff;background:-webkit-linear-gradient(#fff,#f4f4f4);background:-o-linear-gradient(#fff,#f4f4f4);background:-moz-linear-gradient(#fff,#f4f4f4);background:linear-gradient(#fff,#f4f4f4);border-radius:5px;box-shadow:0 1px 0 #e8e8e8;cursor:pointer;}
.cp-product a{display:block;padding:10px;}
.cp-product img{width:100%;max-width:200px;margin:0 auto;display:block;}
.cp-cell a{color:#4a90e2;}
.cp-product h3{font-weight:700;font-size:16px;color:#333;padding:7px 0;}
.cp-price{font-size:16px;font-weight:700;padding:0 0 10px 0;color:#c70101;margin-top:5px;display:block;float:left;}
.cp-cell label{display:inline-block;position:relative;font-size:11px;color:#fff;font-weight:600;background:#fff;border-radius:3px;padding:0 5px 0 8px;margin:4px 0 5px 15px;height:18px;}
.cp-cell label.installment{background:#ff6a00;}
.cp-cell label.installment:before{content:'';width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:7px solid #ff6a00;position:absolute;top:0;left:-6px;}
.cp-cell label.installment::after{content:"•";color:#fff;display:inline-block;vertical-align:middle;margin-right:5px;font-size:16px;position:absolute;top:-2px;right:85%;}
.cp-add-item-list{padding:0 0 0 25px;}
.cp-add-item{display:block;float:left;padding:0 10px;width:calc(100% / 4);text-align:center;}
.cp-add-item img{width:100%;}
.cp-add-item-img{border-radius:3px;max-width:100%;}
.cp-add-item-name{font-size:11px;line-height:15px;color:#333;margin-top:10px;}
.cp-typing{margin-left:5px;border-radius:3px;border:1px solid #dfdfdf;padding:0;margin-top:15px;margin-left:10px;width:calc(100% - 20px);margin-bottom:15px;position:relative;}
.cp-typing-input{border:none;width:100%;height:32px;text-overflow:ellipsis;padding-left:15px;outline:none;}
.search-suggestion-wrapper{position:absolute;margin-top:2px;width:100%;top:100%;left:0;}
.search-suggestion-wrapper1{position:inherit;}
.search-suggestion-wrapper .search-suggestion-list{background:#fff;border:1px solid #ccc;border-radius:3px;font-size:12px;line-height:18px;width:100%;z-index:1000;max-height:200px;overflow-y:auto;}
.search-suggestion-wrapper .search-suggestion-list li{margin:0!important;text-align:left;overflow:hidden;}
.search-suggestion-wrapper .search-suggestion-list li a{display:inline-block;color:#999;width:100%;height:30px;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:5px;}
.search-suggestion-wrapper .search-suggestion-list li:hover a{background:#ebebeb;}
#popAddProd{display:none;max-width:400px;}
.modal_sim{padding:40px!important;}
.cp-cell-row{width:29%!important;}
.compare-table-title{background:#eee;padding:10px;font-size:16px;font-family:'RobotoCondensedBold';font-weight:normal;text-transform:uppercase;box-sizing:border-box;}
.compare-row{display:table-row;width:100%;}
.cp-space{padding:10px;display:block;}
.compare-row{display:flex;}
.compare-row .cp-cell-1{border-left:1px solid #eee;}
.compare-row .cp-cell-4{border-right:1px solid #eee;}
.compare-table1 .cp-cell{border-top:0;}
.menu_list{width:100%;margin-bottom:20px!important;}
.menu_list li{display:inline-block;}
.menu_list li a{display:block;padding:7px 15px 6px;font-size:16px;color:#333;text-transform:uppercase;font-weight:300;background:#fff;border-radius:3px;transition:0s;font-family:'RobotoRegular';}
.menu_list li:hover a{background:#f15a25;color:#fff;}
.hinhcon{padding:0 5px;}
.hinhcon .owl-stage-outer{  /*display: flex;*/justify-content:center;}
.items_owl{padding:5px;text-align:center;cursor:pointer;}
.items_owl .img-owl{height:50px;border-radius:6px;width:50px;border:1px solid #dfdfdf;padding:5px;display:flex;align-items:center;justify-content:center;margin:auto;margin-bottom:5px;}
.items_owl i{font-size:25px;}
.items_owl img{width:100%;}
.items_owl p{font-size:11px;color:#000;}
#modal_video{display:none;}
#modal_video{padding:10px;}
div.title_main{width:100%;font-family:'RobotoRegular';background:#fff;padding:10px;position:relative;border-radius:5px;color:#000;font-size:15px;margin:0 0 10px;}
div.title_main b{font-weight:normal;font-family:'RobotoCondensedBold';}
.margin-top-0{margin-top:0!important;}
.content_trangcon a.viewmore{width:350px;text-align:center;height:40px;line-height:40px;border-radius:4px;border:1px solid #333;display:block;margin:15px auto;color:#333;font-size:16px;background:#fff;transition:all 0.5s;}
.content_trangcon a.viewmore:hover{background:#f15a25;border-color:#fff;color:#fff;}
.banner_khuyenmai{width:100%;position:relative;max-width:1366px;margin:auto;}
.banner_khuyenmai img{width:100%;max-width:1366px;}
.banner_khuyenmai h3{font-family:'RobotoRegular';font-size:13px;font-weight:normal;color:#fff;}
.banner_khuyenmai h3 a{color:#fff;font-size:20px;}
.kmvang{text-align:center;font-size:23px;font-family:'RobotoBold';color:#fff;background:#ff0000;border-radius:15px;max-width:60%;margin:auto;text-transform:uppercase;padding:15px}
.banner_khuyenmai h3 a:hover{text-decoration:underline;}
#modal_khuyenmai{display:none;padding:40px!important;font-size:20px;color:#000;}
.title_banner_km{width:45%;padding:10px 0;background:#c1c1c1;text-align:center;border-radius:10px;margin:auto;margin-top:16px;}
#countdown_p{text-align:center;font-size:25px;color:#000;font-family:'RobotoBold';display:flex;align-items:center;justify-content:center;}
.title_banner_km h3{font-family:'RobotoBold';color:#000;}
.title_banner_km h3 a{color:#d70000}
#countdown_p a{color:#fff;}
#countdown_p span{margin-left:20px;font-family:'RobotoBold';color:#000}
#countdown_p span a{display:inline-block;padding:0px 5px;font-size:30px;color:#000;font-family:'RobotoBold';background:#fff;border-radius:5px;}
#countdown_p span{display:inline-block;}
#countdown_p span i{font-size:30px;float:left;margin-right:5px;}
.share{clear:both;margin-top:15px;width:100%;}
.view{margin:20px 0;}
.view b{font-weight:normal;}
.ngaydang{font-family:'RobotoRegular';clear:both;font-size:13px;margin-bottom:15px!important;}
.tinkhac_item{display:block;line-height:25px;font-family:'RobotoRegular'}
.tinkhac{text-transform:uppercase;font-family:'RobotoCondensedBold';color:red;font-size:18px;margin-bottom:5px;}
.baiviet_khac{font-size:14px;}
.fs-newsh1{clear:both;font-size:36px;font-family:'RobotoBold';color:#555;margin:15px 0;}
.fs-newsh1 h3{font-size:36px;margin:0;text-transform:uppercase;}
.fs-newsmenu{list-style:none;padding:0;margin:0 0 10px!important;}
.fs-newsmenu>li{float:left;margin-right:45px;}
.fs-newsmenu>li>a{display:inline-block;font-size:16px;color:#3d3d3d;text-transform:uppercase;padding-bottom:10px;margin-bottom:10px;border-bottom:4px solid transparent;}
.fs-newsmenu>li.active>a{font-weight:bold;border-bottom:4px solid #d0021b;}
.fs-newsrow{display:flex;justify-content:space-between;}
.fs-newscol1{width:70.8%;}
.fs-newscol2{width:27.5%;}
.fs-newsboxs{padding:20px;background:#fff;}
.fs-newsbmrb{margin-bottom:20px;}
.fs-news-rboxs{background:#fff;margin-bottom:20px;}
.fs-newscol3{width:60.5%;}
.fs-newscol4{width:37%;}
.fs-ne1-img{display:block;margin-bottom:10px;}
.fs-ne1-img img{width:100%;}
.fs-ne1-tit{font-family:'Arial';display:block;font-size:20px;font-weight:bold;color:#3d3d3d;line-height:1.2;margin-bottom:5px;max-height:48px;overflow:hidden;}
.fs-ne1-time{font-family:'Arial';color:#9b9b9b;}
.fs-necmt{display:inline-block;vertical-align:middle;width:15px;height:15px;background:url(images/pm.png) no-repeat center;}
.fs-ne1-it{margin-bottom:20px;}
.fs-ne1-it:last-child{margin-bottom:17px;}
.fs-ne1-rimg{display:block;width:120px;float:left;}
.fs-ne1-rimg img{width:100%;}
.fs-ne1-if{margin-left:130px;}
.fs-ne1-name{font-family:'Arial';display:block;height:57px;overflow:hidden;font-size:15px;font-weight:bold;line-height:1.33;color:#3d3d3d;}
.fs-ne1-name:hover{color:#d00;}
.fs-ne2-it{border-bottom:1px solid #e3e3e3;padding-bottom:20px;margin-bottom:20px;}
.fs-ne2-it:last-child{padding-bottom:0;border-bottom:none;}
.fs-ne2-img{display:block;float:left;width:300px;}
.fs-ne2-img img{width:100%;}
.fs-ne2-if{margin-left:330px;}
.fs-ne2-ct{color:#337ab7;display:inline-block;margin-bottom:7px;}
.fs-ne2-tit{font-family:'Arial';display:block;font-size:22px;font-weight:bold;line-height:1.18;color:#3d3d3d;margin-bottom:10px;}
.fs-ne2-txt{font-family:'Arial';font-size:14px;line-height:1.57;color:#555;margin-bottom:10px;}
.fs-ne2-bot{font-family:'Arial';color:#9b9b9b;}
.fs-ne2-bot span{display:inline-block;vertical-align:middle;margin-right:5px;}
.fs-news-rhd{font-family:'Arial';padding:10px 15px;font-size:18px;color:#3d3d3d;border-bottom:1px solid #e3e3e3;}
.fs-news-rxn{font-family:'Arial';list-style:none;padding:22px 15px;margin:0;}
.fs-news-rxnh:hover{color:#337ab7;}
.fs-news-rxn>li{margin-bottom:24px;}
.fs-news-rxn>li:last-child{margin-bottom:0;}
.fs-news-rxn>li>a{display:block;position:relative;}
.fs-news-rxn>li>a .fs-news-rxnst{float:left;display:block;width:40px;height:40px;line-height:40px;font-size:20px;font-weight:bold;text-align:center;background-color:#ccc;color:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.fs-news-rxn>li:nth-child(1)>a .fs-news-rxnst{background:#f5a623;}
.fs-news-rxn>li:nth-child(2)>a .fs-news-rxnst{background:#9b9b9b;}
.fs-news-rxnh{margin-left:50px;font-size:14px;line-height:1.29;color:#3d3d3d;}
.box_product_sale{margin-top:10px;font-family:'Arial';}
.box_product_sale_tit{display:block;line-height:1.3em;font-size:20px;color:#333;margin:0 0 10px;padding:0 10px;}
.box_product_sale ul{display:flex;justify-content:space-between;overflow:hidden;margin-top:10px;border:1px solid #f0f0f0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;padding:10px;}
.box_product_sale ul.n6 li.tt{padding:20px}
.box_product_sale ul li{display:block;width:100%;}
.box_product_sale li div{display:block;overflow:hidden;color:#288ad6;text-align:center;}
.box_product_sale .bb{margin-top:30px;text-align:left;}
.box_product_sale .buy_now{display:block;overflow:hidden;padding:7px 0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-size:16px;line-height:normal;text-transform:uppercase;color:#fff;text-align:center;background:#fd6e1d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));background:-webkit-linear-gradient(top,#f59000,#fd6e1d);background:-moz-linear-gradient(top,#f59000,#fd6e1d);background:-ms-linear-gradient(top,#f59000,#fd6e1d);background:-o-linear-gradient(top,#f59000,#fd6e1d);}
.box_product_sale li div img{height:100px;}
.box_product_sale li div.info{text-align:left;padding:0 5px;}
.box_product_sale li div.first{padding-left:60px;}
.box_product_sale li h3{color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-top:10px;font-weight:bold;cursor:pointer;font-size:14px;line-height:18px;}
.box_product_sale li strong{display:inline-block;color:#d0021b;padding:10px 0 10px 0;}
.box_product_sale li span{color:#666;font-size:12px;padding:10px 0 10px 0;}
.box_product_sale li span.line{text-decoration:line-through;}
.box_product_sale .list li .augment{background:#fff;width:18px;height:18px;position:relative;float:left;margin-top:50px;display:inline-block!important;cursor:pointer;}
.box_product_sale .list li .augment:before{content:'';width:18px;height:4px;background:#BFBFBF;display:block;margin:7px auto;}
.box_product_sale .list li .augment:after{content:'';width:4px;height:18px;background:#BFBFBF;display:block;margin:0px auto;position:absolute;top:0px;left:0;right:0;}
.box_product_sale .bb{margin-top:30px;text-align:left;}
.box_product_sale .bb label{font-family:'RobotoRegular';font-size:16px;font-weight:normal;line-height:18px;color:#333;margin-bottom:0;}
.box_product_sale li .area_price{padding:0;text-align:left;}
.box_product_sale li .area_price strong{display:inline-block;font-size:20px;padding:0;margin:10px 0;line-height:20px;}
.box_product_sale li .area_price strong.line{display:inline-block;vertical-align:middle;font-size:16px;color:#999;text-decoration:line-through;margin:0;}
.box_product_sale .buy_now b{font-family:'RobotoBold';font-weight:normal;}
.box_product_sale .buy_now span{display:block;font-size:13px;color:#fff;text-transform:none;padding:3px 0;}
.box_product_sale li div.info a{font-family:'RobotoRegular';font-size:13px;text-align:left;text-transform:lowercase;display:block;}
.box_product_sale li div.info a::first-letter{text-transform:uppercase;}
.box_product_sale li a.botbtn{display:none!important;}
[class^="icontgdd-"],[class*="icontgdd-"],[class^="iconmobile-"],[class*="iconmobile-"]{background-image:url(https://cdn.thegioididong.com/v2015/Content/desktop/images/V4/icondesktop@2x.png);background-size:500px 100px;}
.iconmobile-uncheck{background-position:-145px -30px;width:16px!important;height:16px!important;display:inline-block;vertical-align:sub;margin-right:5px;}
.active .iconmobile-uncheck{background-position:-165px -30px;}
#cboxContent{position:relative;background:#fff;overflow:visible;}
#cboxOverlay{background:#000!important;opacity:0.9;filter:alpha(opacity = 90)}
#cboxLoadedContent{overflow:auto;padding:0!important;}
#popup{width:900px;height:100%;max-height:700px;position:relative;background-color:#fff;overflow-x:hidden;}
#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:border-box!important;}
a.cls.back{position:absolute;right:10px;top:10px;cursor:pointer;z-index:999;}
.icontgdd-closefilter{background-position:-205px -30px;width:18px;height:18px;display:block;}
#popup .content{position:relative;overflow:hidden;padding:0px 15px;}
#popup b.h{padding:0 10px;margin:10px 0;text-align:left;text-transform:lowercase;display:block;}
#popup b.h::first-letter{text-transform:uppercase;}
.gamecombo .cates{overflow:hidden;margin:0 auto 10px;width:100%;display:flex;-ms-flex:1 100%;-webkit-flex:1 100%;flex:1 100%;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:0;border:none;-moz-border-radius:inherit;-webkit-border-radius:inherit;border-radius:inherit}
.gamecombo .cates li:nth-child(4n - 3){margin-left:0}
.gamecombo .cates li{float:left;position:relative;width:200px;overflow:hidden;cursor:pointer;border:1px solid #ececec;margin-left:17px;margin-bottom:15px;padding-bottom:40px}
.gamecombo .cates li a{display:block;overflow:hidden;padding:0 0 8px}
.gamecombo .cates li .iconmobile-uncheck{display:none}
.gamecombo .cates li img{display:block;margin:10px auto 0;height:100px;width:auto;max-width:150px}
.gamecombo .cates li strong{display:inline-block;overflow:hidden;font-size:14px;color:#c10017;padding:0;margin-right:5px;vertical-align:middle}
.gamecombo .cates li span{display:inline-block;overflow:hidden;font-size:12px;color:#666;vertical-align:middle}
.gamecombo .cates li span.line{text-decoration:line-through}
.gamecombo .cates li .botbtn{position:absolute;width:80px;display:block;color:#f89406;border:1px solid #f89406;padding:5px;bottom:10px;left:0;right:0;margin:auto;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-decoration:none;text-transform:uppercase;font-size:12px;text-align:center}
.gamecombo .cates li .compdetail{display:none}
.gamecombo li h3{font-family:'Arial';font-size:14px;line-height:18px;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-top:10px;font-weight:bold;cursor:pointer;}
.gamecombo li div.info{text-align:left;padding:0 5px;}
.slick-khuyenmai .slick-prev{left:0;top:calc(50% - 10px);}
.slick-khuyenmai .slick-next{right:0;top:calc(50% - 10px);}
#modal_detail{display:none;}
#modal_detail .modal_detail{padding:10px;}

/*===*/
.memory{margin-top:15px;display:flex;}
.memory .item.active{border:1px solid #f89008;}
.memory .item{position:relative;background:#fff;border:1px solid #ddd;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.15);box-shadow:0 2px 3px 0 rgba(0,0,0,.15);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:22.5%;float:left;text-align:center;padding:10px 4px 10px 4px;margin-right:10px;margin-bottom:10px;cursor:pointer;}
.memory .item.active span{font-weight:bold;}
.memory .item span{color:#333;}
.memory .item strong{font-size:12px;display:block;margin-top:5px;color:#e10c00;}
.memory i.iconmobile-opt{background-position:-380px -30px;width:16px;height:16px;display:inline-block;vertical-align:sub;margin-right:5px;}
.memory .item.active i.iconmobile-opt{background:url(images/check.png);width:14px;height:14px;}
[class^="iconmobile-"],[class*="iconmobile-"]{background-image:url(images/icondesktop@1x.png);background-repeat:no-repeat;display:inline-block;height:20px;width:20px;line-height:30px;vertical-align:middle;}
.left_giohang{float:left;width:880px;}
.right_giohang{float:right;width:300px;}
.right_giohang label{display:none;}
.right_giohang .form-group div{width:100%;padding:0px!important;}
.right_giohang .form-group{margin-bottom:8px;}
.right_giohang .form-group input{font-size:13px!important;}
.form-group .sl{height:30px;padding-left:5px;font-size:13px}
#giohang{font-family:'RobotoRegular'!important}

/*===*/
.waper-search{padding:15px;background:#eee;width:90%;margin:0 auto;margin-top:5px;}
.title-search{font-size:13px;font-family:'RobotoCondensedBold';text-transform:uppercase;color:#444;text-align:left;}
.cp-typing__{margin:10px 0px 0px 0px;width:100%}
.flex_gia_tragop{display:flex;align-items:center;}
.tragop0{border-radius:4px;background:#fd6e1d;color:#fff;font-family:'RobotoRegular';font-size:12px;padding:2px 5px;font-weight:300;}
.tragop0 a{color:#fff}
.tragop0 a:hover{color:#fff}
.tt-11{margin-left:10px;}
.tt-1{position:absolute;left:0px;bottom:0px;}
.filter{margin-top:10px;}
.filter .manu{padding:0 0 10px 1px;overflow:hidden;}
.filter .manu a{float:left;width:calc(100% / 8);border:1px solid #D5D5D5;height:40px;line-height:40px;position:relative;color:#288ad6;text-align:center;background:#FFF;margin:0 0 -1px -1px;}
.filter .manu a img{max-height:70%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;}
.box_thongsokythuat{font-family:'Roboto',sans-serif;}
.box_thongsokythuat h3{font-size:20px;font-weight:500;padding:6px 0px;border-bottom:1px solid #e5e5e5;margin-bottom:10px;}
.box_thongsokythuat table tr{border-bottom:1px solid #e5e5e5;}
.box_thongsokythuat table td{padding:10px 0px;font-size:14px;font-weight:400;font-family:'Roboto',sans-serif;}
.detail_thongso h3{font-size:20px;font-weight:500;padding:6px 0px;border-bottom:1px solid #e5e5e5;margin-bottom:10px;}
.detail_thongso table tr{border-bottom:1px solid #e5e5e5;}
.detail_thongso table td{padding:10px 10px;font-size:14px;font-weight:400;font-family:'Roboto',sans-serif;}
.detail_thongso td[colspan]{background:#e5e5e5;color:#F15A25;}
.hide{display:none!important;}
.detail-promotion{}
.detail-promotion h4{font-size:16px;text-transform:uppercase;padding-top:0px;margin-top:5px;}
.detail-promotion ul li{padding-left:25px;margin-bottom:5px;font-size:15px;}
.detail-promotion ul li:before{content:'';margin-left:-20px;background:url(images/check2x.png);width:13px;height:13px;background-size:13px 13px;margin-right:0;float:left;margin-top:5px;}
.service-add{padding:10px;border:1px solid #e5e5e5;border-radius:5px;font-family:'Roboto',sans-serif;margin-bottom:10px;margin-top:5px;}
.service-add h5{font-size:15px;font-weight:700;margin-bottom:15px;margin-top:0px;border-top:1px solid #e5e5e5;padding-top:15px;margin-top:20px;}
.service-add h5 span{color:#F00;}
.service-add label{font-size:14px;color:#333;font-weight:400;}
.service-add ul.service-ul{list-style:none;padding:0px;}
.service-add .checkbox{display:block;position:relative;padding-left:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.service-add .checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.service-add .checkbox .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#f8f8f8;border-radius:3px;border:1px solid #e5e5e5;}
.service-add .checkbox:hover input[type=checkbox] ~ .checkmark{background-color:#428bca;border:1px solid #428bca;}
.service-add .checkbox input[type=checkbox]:checked ~ .checkmark{background-color:#428bca;border:1px solid #428bca;}
.service-add .checkbox .checkmark:after{content:"";position:absolute;display:none;}
.service-add .checkbox input[type=checkbox]:checked ~ .checkmark:after{display:block;}
.service-add .checkbox input[type=checkbox]:hover ~ .checkmark:after{display:block;}
.service-add .checkbox .checkmark:after{left:6px;top:2px;width:6px;height:11px;border:solid #fffbfb;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.service-add input[type=text]{width:100%;height:30px;padding:5px 10px;border:1px solid #e5e5e5;border-radius:5px;background:#FFF;margin-top:10px;outline:none;display:none;}
.service-add input[type=text]:focus{border:1px solid #008800;}
.service-add .checkbox input[type=checkbox]:checked ~ .checkmark ~ input[type=text]{display:block;}
.notemoreproduct .last{display:none;padding:10px;margin-top:10px;position:relative;background:#fff;border:1px solid #eaeaea;border-radius:4px;}
.notemoreproduct .last:before,.notemoreproduct .last:after{content:'';position:absolute;bottom:100%;left:29px;width:0;height:0;border-bottom:10px solid #eaeaea;border-left:10px solid transparent;border-right:10px solid transparent;}
.notemoreproduct .last:before{border-bottom:10px solid #eaeaea;}
ul.listmorecolor{display:flex;overflow:hidden;margin-top:10px;flex-wrap:wrap;justify-content:center}
ul.listmorecolor li{float:left;overflow:hidden;padding-bottom:3px;margin:0 10px 0 0;text-align:center;font-size:11px;color:#333;min-height:0;border-bottom:none;width:60px;}
ul.listmorecolor li:last-child{margin-right:0px;}
ul.listmorecolor li p{display:flex;justify-content:center;position:relative;height:30px;}
ul.listmorecolor li div{display:block;height:60px;position:relative;border:1px solid #dfdfdf;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:6px;background:#fff;margin:auto;margin-bottom:3px;}
ul.listmorecolor li.active div{border:1px solid #f15a25;}
ul.listmorecolor li img{width:auto;height:40px;display:block;max-width:100%;margin:auto;}
.service-add ul.listmorecolor li .checkbox{display:block;position:relative;padding-left:0px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:11px;}
.service-add ul.listmorecolor li .checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.service-add ul.listmorecolor li .checkbox .checkmark{position:relative;top:0;left:0;height:20px;width:20px;background-color:#f8f8f8;border-radius:3px;border:1px solid #e5e5e5;}
.service-add ul.listmorecolor li .checkbox:hover input[type=checkbox] ~ .checkmark{background-color:#428bca;border:1px solid #428bca;}
.service-add ul.listmorecolor li .checkbox input[type=checkbox]:checked ~ .checkmark{background-color:#428bca;border:1px solid #428bca;}
.service-add ul.listmorecolor li .checkbox .checkmark:after{content:"";position:absolute;display:none;}
.service-add ul.listmorecolor li .checkbox input[type=checkbox]:checked ~ .checkmark:after{display:block;}
.service-add ul.listmorecolor li .checkbox input[type=checkbox]:hover ~ .checkmark:after{display:block;}
.service-add ul.listmorecolor li .checkbox .checkmark:after{left:6px;top:2px;width:6px;height:11px;border:solid #fffbfb;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.popup-quotation{position:fixed;width:100%;height:100vh;z-index:999999;left:0;top:0;background:rgba(0,0,0,.75);display:none;}
.popup-quotation form>*{display:block;margin-bottom:15px;}
.popup-quotation form,.popup-quotation .q-success{width:90%;max-width:500px;margin:20px auto;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:20px 15px;position:relative;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:chained;}
.popup-quotation form::-webkit-scrollbar{width:10px;}
.popup-quotation form::-webkit-scrollbar-track{background:#f1f1f1;}
.popup-quotation form::-webkit-scrollbar-thumb{background:#888;}
.popup-quotation form::-webkit-scrollbar-thumb:hover{background:#555;}
.popup-quotation .q-success{max-width:300px;display:none;margin-top:10%;}
.popup-quotation .q-close{position:absolute;right:10px;top:6px;width:20px;height:20px;cursor:pointer;z-index:999;}
.popup-quotation .q-close:before{content:"×";font-size:32px;color:#999;line-height:20px;text-align:center;width:100%;height:100%;font-family:Tahoma;display:block;}
.popup-quotation .q-success h3{display:block;color:#00af1d;font-size:16px;text-align:center;font-weight:bold;}
.popup-quotation .q-success h3 i{display:inline-block;vertical-align:middle;margin-right:10px;}
.popup-quotation .q-success p{line-height:1.6;padding:15px 0;text-align:center;}
.popup-quotation p{text-align:center;}
.popup-quotation .q-success a:nth-child(4){display:block;width:120px;height:35px;line-height:35px;text-align:center;margin:auto;color:#228ad6;border:1px solid #228ad6;border-radius:4px;margin-bottom:15px;}
.popup-quotation .q-success span{text-align:center;color:#8c8c8c;display:block;font-size:13px;}
.popup-quotation form h3{font-size:20px;text-align:center;}
.popup-quotation form strong{margin-bottom:5px;font-size:15px;padding:0;text-transform:unset;}
.popup-quotation form div span *{display:inline-block;vertical-align:middle;margin-right:5px;}
.popup-quotation form div span{display:inline-block;vertical-align:top;margin-right:20px;cursor:pointer;}
.popup-quotation form div span i{width:18px;height:18px;padding:3px;border:1px solid #ccc;border-radius:50%;margin-right:10px;}
.popup-quotation form div span b{font-weight:normal;font-size:15px;}
.popup-quotation form div span.active i:after{content:'';display:block;border-radius:50%;background-color:#288ad6;height:100%;}
.popup-quotation .inline-col{display:flex;justify-content:space-between;}
.popup-quotation form *{outline:none!important}
.popup-quotation form div.inline{display:inline-block;vertical-align:top;width:calc(50% - 10px);margin-bottom:10px;}
.popup-quotation form input{width:100%;padding:0 2%;height:40px;line-height:40px;border:1px solid #ccc;border-radius:4px;}
.popup-quotation form textarea{padding:2%;width:100%;border:1px solid #ccc;border-radius:4px;display:block;}
.popup-quotation form div em{color:#f01;display:block;margin-top:5px;font-size:13px;display:none;}
.popup-quotation form div.q-phone{}
.popup-quotation form button{height:40px;width:200px;background-color:#288ad6;border:none;border-radius:4px;color:#fff;font-size:16px;text-align:center;line-height:40px;margin:0 auto 10px auto;text-transform:uppercase;cursor:pointer;}
.popup-quotation form div.error input,.popup-quotation div.error textarea{border-color:#f01;}
.popup-quotation form div.error em{display:block;}
#dlding,#imgtrack,.none{display:none;}
.auto-cart{max-width:600px;margin:0 auto;width:100%;}
.buymore{float:left;overflow:hidden;position:relative;line-height:40px;font-size:14px;color:#288ad6;padding:15px 0 0 15px;}
.buymore:before,.buymore:after{content:'';width:0;height:0;border-right:7px solid #288ad6;border-top:7px solid transparent;border-bottom:7px solid transparent;position:absolute;left:0;top:28px;}
.buymore:after{margin-left:2px;border-width:9px;border-right-color:#f0f0f0;top:26px;}
.yourcart{display:block;overflow:hidden;background:#f0f0f0;text-align:right;color:#333;line-height:40px;padding-top:15px;}
.box-cart-bg{width:100%;margin-top:15px;padding:20px;background:#FFF;border:1px solid #d8d8d8;-moz-box-shadow:0 0 20px rgba(0,0,0,.15);-webkit-box-shadow:0 0 20px rgba(0,0,0,.15);box-shadow:0 0 20px rgba(0,0,0,.15);margin-bottom:30px;}
.row-cart{display:flex;justify-content:space-between;flex-wrap:wrap;}
.row-cart:not(:last-child){border-bottom:1px solid #e4e4e4;padding-bottom:10px;margin-bottom:20px;}
.row-cart .area-total{width:100%;}
.row-cart.border{border-bottom:1px solid #e4e4e4;padding-bottom:10px;margin-bottom:20px;}
.row-cart .colimg{width:80px;}
.row-cart .colimg a,.row-cart .colimg span{display:block;width:100%;text-align:center;}
.row-cart .colimg img{display:block;margin:0 auto}
.row-cart .colimg p a{font-size:12px;display:block;text-align:center;color:#9a9898;margin-top:10px;}
.row-cart .colinfo{width:calc(100% - 180px);}
.row-cart .colinfo h4{margin:0px auto 10px;font-size:15px;}
.row-cart .colprice{width:90px;text-align:right;}
.row-cart .colprice .price-real{color:#FF0000;}
.detail-cart h4{display:none;}
.detail-cart ul{list-style:none;}
.detail-cart ul li{padding-left:10px;margin-bottom:5px;font-size:13px;}
.detail-cart ul li:before{content:'';margin-left:-10px;background:#777;width:4px;height:4px;margin-right:0;float:left;border-radius:50%;margin-top:7px;}
.product-option{display:flex;align-items:center;margin-top:10px;}
.product-option label{font-size:14px;font-weight:700;margin-bottom:0px;}
.product-option select{padding:5px 10px 5px 5px;border:1px solid #2897de;outline:none!important;cursor:pointer;color:#2897de;}
.area-total div{font-size:14px;color:#333;line-height:22px;}
.area-total .total{display:block;width:100%;font-size:14px;color:#333;line-height:22px;}
.area-total .total .row-total{display:flex;align-items:center;justify-content:space-between;margin:5px 0px;}
.area-total .total .row-total strong{font-size:16px;color:#c10017;}
.area_total div{display:block;overflow:hidden;font-size:14px;color:#333;line-height:22px;}
.hide{display:none!important;}
.textcode{color:#288ad6!important;cursor:pointer;text-align:right;}
.inputcode{display:flex;justify-content:flex-end;overflow:hidden;margin:10px 0;}
.inputcode button{background:#288ad6;border-radius:4px;border:0;height:40px;font-size:14px;color:#fff;width:90px;text-align:center;cursor:pointer;outline:none;}
.inputcode input{display:block;width:40%;border:1px solid #d9d9d9;border-radius:4px;padding:9px;height:40px;float:right;margin-right:10px;outline:none;}
.row-input{display:flex;width:100%;justify-content:flex-start;}
.row-input .col{position:relative;margin-right:40px;}
.row-input input[type=radio]{position:absolute;visibility:hidden;margin-top:2px;width:18px;height:18px;}
.row-input input[type=radio] ~ label{padding-left:25px;position:relative;font-size:14px;margin-bottom:0px;cursor:pointer;font-weight:500;}
.row-input input[type=radio] ~ label:before{width:18px;height:18px;border:1px solid #CCC;content:'';position:absolute;left:0px;top:2px;border-radius:50%;}
.row-input input[type=radio]:checked ~ label:after{width:10px;height:10px;background:#2897de;content:'';position:absolute;left:4px;top:6px;border-radius:50%;}
.row-input input[type=radio]:checked ~ label{color:#2897de;}
.row-input .col-2{width:49%;}
.row-input .col-2:not(:last-child){margin-right:2%;}
.row-input .col-1{width:100%;}
.row-input input,.row-input select{display:block;padding:9px 0;height:40px;border:1px solid #d9d9d9;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin:10px 0 5px;text-indent:10px;width:100%;outline:none}
.row-input label.error{font-size:12px;color:#FF0000;font-weight:300;font-style:italic;display:none;}
.row-input input.error,.row-input select.error{border:1px solid #FF0000;}
.row-input input.error ~ label.error,.row-input select.error ~ label.error{display:block;}
.box-row-input{width:100%;padding:5px 15px 10px;background:#f0f0f0;position:relative;}
.box-row-input.b-add1:before{content:'';position:absolute;bottom:100%;left:65px;width:0;height:0;border-bottom:10px solid #f0f0f0;border-left:10px solid transparent;border-right:10px solid transparent;}
.box-row-input.b-add0:before{content:'';position:absolute;bottom:100%;left:210px;width:0;height:0;border-bottom:10px solid #f0f0f0;border-left:10px solid transparent;border-right:10px solid transparent;}
.row-input.mrg{margin-top:10px;margin-bottom:10px;}
.payoffline{overflow:hidden;width:80%;padding:12px 0;margin:0px 0 0px 30px;border-radius:4px;font-size:14px;font-weight:600;line-height:normal;text-transform:uppercase;color:#fff;text-align:center;background:#fd6e1d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));background:-webkit-linear-gradient(top,#f59000,#fd6e1d);background:-moz-linear-gradient(top,#f59000,#fd6e1d);background:-ms-linear-gradient(top,#f59000,#fd6e1d);background:-o-linear-gradient(top,#f59000,#fd6e1d);border:none;}
.btn-tgb{width:100%;text-align:center;}
.box-row-info{width:100%;padding:15px 15px 15px;background:#f0f0f0;position:relative;}
.box-row-info.pay-1:before{content:'';position:absolute;bottom:100%;left:65px;width:0;height:0;border-bottom:10px solid #f0f0f0;border-left:10px solid transparent;border-right:10px solid transparent;}
.box-row-info h3{font-size:15px;font-weight:700;margin-bottom:5px;}
.box-row-info p{line-height:25px;}
.box-row-info hr{margin-top:10px;margin-bottom:10px;border:0;border-top:1px solid #d8d8d8;}
.box-return{max-width:600px;margin:30px auto;}
.box-cart-bg-return{width:100%;margin-top:15px;padding:20px;background:#FFF;border:1px solid #d8d8d8;-moz-box-shadow:0 0 20px rgba(0,0,0,.15);-webkit-box-shadow:0 0 20px rgba(0,0,0,.15);box-shadow:0 0 20px rgba(0,0,0,.15);margin-bottom:30px;}
.img-return{text-align:center;}
.img-return img{max-height:150px;}
.return-top{text-align:center;}
.return-top .name-type{font-size:15px;margin-top:10px;}
.return-top .desc-type{font-size:14px;font-style:italic;margin-top:10px;}
.info-return{border:1px solid #e2e2e2;margin-top:15px;}
.info-return h4{font-size:15px;text-transform:uppercase;padding:10px 10px;border-bottom:1px solid #e2e2e2;margin:0px;font-weight:700;}
.return-po{padding:5px 15px;}
.row-in{display:flex;justify-content:flex-start;margin:10px 0px;}
.return-po label{margin-bottom:0px;font-weight:300;width:160px;}
.return-po span{font-weight:700;}
.row-order{display:flex;justify-content:flex-start;margin:20px 0px;}
.row-order img{max-height:55px;}
.img-order{width:70px;}
.info-order{width:calc(100% - 160px);}
.price-order{width:90px;}
.btn-return{display:block;text-align:center;margin-top:15px;}
.btn-return a{display:inline-block;padding:10px 30px;min-width:200px;text-align:center;border:1px solid #0099FF;color:#0099FF;text-transform:uppercase;}
.img_sanpham{position:relative;}