@charset "utf-8";/* ^^^css by:tuanlinhtb@gmail.com - Mobile:0979 444 398 */
 
@import url(modules.css);@import url(Codltd.css);@import url(font-awesome.css);html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {
background: #fff;
color: #222;
font-size: 13px;
font-family: Roboto,Arial,Helvetica,sans-serif;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}

img{width:auto;height:auto;max-width:100%;/* max-height:100%;*/
vertical-align:middle}
:focus{outline:0!important}
figure{margin:0;padding:0} 
img[src*=".svg"]{height:100%}
iframe{border:none}
::selection{background:#B4D5FF;/* Safari */
color:#333333}
::-moz-selection{background:#B4D5FF;/* Firefox */
color:#333333}
p{margin-bottom:10px}
* > p:last-child{margin-bottom:0!important}
p a:hover{border-color:transparent}
a:hover,a:focus{text-decoration:none}
a{text-decoration:none;color:inherit;background-color:transparent;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out}
ul,ol{margin:0}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:inherit;font-family:inherit;font-weight:500;margin:0}
h1{font-size:39px}
h2{font-size:32px}
h3{font-size:26px}
h4{font-size:19px}
h5{font-size:15px}
h6{font-size:13px}
ol{position:relative}
ul{list-style:none}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
.fl{float:left}
.fr{float:right}
.all{float:left;width:100%}
.lazy{background:#fff url(images/loading1.gif) center center no-repeat;min-width:32px;min-height:32px}
.hm-reponsive{position:relative;height:auto!important;width:100%;padding-top:56.25%;overflow:hidden}
.hm-reponsive img{margin:auto;position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;}
.reponsive-img{position:relative;height:auto!important;width:100%;padding-top:56.25%;overflow:hidden}
.reponsive-img img{margin:auto;position:absolute;max-width:100%;max-height:100%;top:0;left:0;right:0;bottom:0}
.alink-all{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
.back-to-top{position:fixed;bottom:-50px;right:-50px;transition:all .5s ease-out;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;width:40px;height:40px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-background-clip:padding;background-color:#E41C2C;line-height:45px;text-align:center;color:#fff;display:inline;z-index:999999;cursor:pointer}
.back-to-top a{display:block}
.back-to-top:hover{background:#eb9007;color:#fff}
.back-to-top:hover a,.back-to-top a:focus{color:#fff}
.back-to-top.display{bottom: 90px;right: 35px;}
.form-group{margin-bottom:15px}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive-4by3{padding-bottom:75%}
.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}
.btn-primary:hover{color:black;background-color:#fdd504;border-color:#fdd504}
.btn-xs,.btn-group-xs > .btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.pl0{padding-left:0}
.pr0{padding-right:0}
/*===================================================================================*/

.news_archicle {
width: 100%; border-bottom: 1px solid #ddd;
display: inline-block;
}
.news_archicle .news_archicle2 {
background: #ecf8ff;
}
.news_archicle ul li {
position: relative;
display: inline-block;
}
.news_archicle .normal:last-child {
margin-right: 0;
}
.news_archicle .news_archicle1 h2, .news_archicle .news_archicle2 h2 {
width: 100%;
background: #fff;
font-family: 'Roboto',sans-serif;
font-size:23px;
color: #383838;
padding-bottom: 15px;
}
.news_archicle .news_archicle1 h2 a, .news_archicle .news_archicle2 h2 a {
color: #1c1c1c;
}
.news_archicle .news_archicle2 img {
width: 49%; float:right;
height: 225px;
}
.news_archicle .news_archicle2 .infohl {
float: left;
margin-right: 24px;
margin-left: 24px;
width: 45%;
margin-top: 20px;
}
.news_archicle .news_archicle2 p {
font-size: 14px;
line-height: 19px;
font-weight: normal;
display: inline-block; 
color: #737373;
}
.news_archicle .normal {
margin-top: 25px;
width: 31.7%;
float: left;
margin-right: 20px;
}
.news_archicle .normal img {
width: 100%;
height: 158px;
}
.news_archicle .normal h2 a {
color: #060606;
display: inline-block;
font-family: 'Roboto',sans-serif;
margin-top: 12px;
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
font-weight: 500;
}
.news_archicle span.labelbrand {
color: #8ca0af;
font: normal 12px/16px Arial;
margin-top: 14px;
margin-bottom: -8px;
display: block;
}



/*  Index
/*===================================================================================*/
.headtop{line-height:35px;/* background-color:#F3F3F3;*/}
ul.menutop{float:left}
ul.menutop li{float:left;padding:0 13px}
ul.menutop li a{text-decoration:none;color:#333;font-weight:500;text-transform:uppercase;font-family:'Roboto',sans-serif;font-size:14px}
ul.menutop li a:hover{color:#f16233}
.headmiddle{width:100%;background:#fff;margin:auto;position:relative;display:block;padding:5px 0}
.logotext{text-indent:-9999px;font-size:0;position:fixed}
.logo{float:left;width:17%;text-align:left;padding:3px 0 5px 5px;position:relative}
.logo img{max-height:70px}
.headsearch {
float: left;
width: 30%;
height: 40px;
margin: 15px 0 0 0;
background: #fff;
position: relative; /* border-radius:4px;*/
/* -webkit-border-radius:4px;*/
-moz-border-radius: 4px;
border: 1px solid #e8e8e8
}
.headsearch .topinput{float:left;width:100%;padding-top:1px;border:0;position:relative;background:#fff;height:38px;text-indent:10px;font-size:14px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.headsearch .btntop{float:right;width:50px;height:38px;border:0;cursor:pointer;background:none;position:absolute;right:0;background:#fdd504}
.headsearch .btntop i.fa{font-size:20px;color:#353535}
[class^="iconltd-"],[class*="iconltd-"]{background-image:url(images/iconltd.png);background-repeat:no-repeat;display:inline-block;height:30px;width:30px;line-height:30px;vertical-align:middle}
.iconltd-cart{background-position:-89px 6px;width:26px;height:28px;display:block;margin:auto;float:left;margin-right:8px}
.notify-box{padding-top:0}
.notify-box ul li{float:left;text-align:center;padding:10px 0;position:relative}
.notify-box ul li a{ padding: 0 15px;display:inline-block}
.notify-box ul li a span.fa{font-size:20px;margin-bottom:5px;position:relative}
.notify-box ul li a i{font-size:12px;color:#000}
.notify-box ul li a label{display:block;margin:0;font-weight:normal;font-size:14px;color:#000;cursor:pointer;overflow:hidden;text-overflow:ellipsis}
.notify-box ul li a label strong{display:block}
.notify-box ul li.hotline-li{text-align:left;padding:0 5px}
.notify-box ul li.hotline-li a i{font-size:16px}
.notify-box ul li.cart-hea span i{font-size:13px;background:#fdd504;border-radius:10px;height:20px;width:20px;display:inline-block;color:#000;line-height:20px;font-style:normal;font-weight:bold;position:absolute;text-align:center;top:-10px;right:-13px}
.wh-menu{background:#fdd504;z-index:999;position:relative;margin-bottom:1px;box-shadow:0 0 25px 0 rgba(0,0,0,.2)}
.wh-menu .container{padding:0;position:relative}
ul.navmenu{width:100%;float:left}
ul.navmenu > li{text-align:center;padding:0 8px;float:left}
ul.navmenu > li:last-child ul.submenu{left:inherit;right:0;min-width:240px}
ul.navmenu > li > a{font-weight:300;line-height:20px;text-overflow:ellipsis;text-transform:uppercase;display:block;padding:8px 10px 3px;overflow:hidden;font-size:12px;color:#211f1f}
ul.navmenu > li > a *{cursor:pointer;font-weight:300}
ul.navmenu > li > a i.fa{font-size:16px}
ul.navmenu > li > a > span{text-align:center;width:100%;height:30px;position:relative;display:table;vertical-align:middle;margin-bottom:2px}
ul.navmenu > li > a > span img{display:inline-block;max-height:30px}
ul.navmenu > li > a > label{margin:0;font-weight:bold;font-size:12px}
ul.navmenu > li::after{content:"";display:block;width:100%;height:4px;background-color:#d21212;transform:scale(0,1);transform-origin:left center 0;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out}
ul.navmenu > li:hover::after,ul.navmenu > li.active::after{transform:scale(1,1)}
.sub-menu{display:none;position:absolute;background:#fff;box-shadow:0 5px 7px -1px rgba(0,0,0,.4);padding:20px;top:100%;left:0;text-align:left;width:100%;z-index:9999}
.nsm-title{color:#f36f20;font-size:14px;padding-bottom:10px;background:url("images/bg-sub-ttile.png") repeat-x bottom left;font-weight:bold}
ul.nsm-list{list-style:none;margin-top:15px;width:100%;overflow:hidden}
ul.nsm-list > li{line-height:29px;border-bottom:1px solid #eaeaea;float:left;height:29px;overflow:hidden}
ul.nsm-list > li > a{font-size:12px;display:block;color:#333;text-transform:none}
ul.nsm-list > li > a:hover{color:#c91010}
ul.nsm-list-2 li{width:45%;margin-right:10%}
ul.nsm-list-2 li:nth-child(2n+2){margin-right:0}
ul.nsm-only > li{width:100%}
.img-msm img{position:absolute;bottom:0;right:0;height:100%;top:0}
.navmenu li:hover .sub-menu{display:block}
.big-banner{padding-top:10px;float:right;width:100%;min-height:280px}
.big-bn-left{float:left;width:65.834%}
.big-bn-right{float:right;width:33.33%}
.big-bn-right img{width:100%}
.big-bn-right ul li:nth-child(2){margin-top:0px}
.big-banner img{width:100%}
#sync2{border-top:none;border-left:1px solid #ddd;border-right:1px solid #ddd}
#sync2 .item{display:table;vertical-align:middle;position:relative;background:#fff;text-align:center;cursor:pointer;height:55px;font-size:13px;width:100%;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;color:#656565}
#sync2 .owl-item.synced .item:before{content:'';position:absolute;top:-8px;left:calc((100% - 10px)/2);width:0;height:0;border-style:solid;border-width:0 5px 8px 5px;border-color:transparent transparent #d6321c transparent;z-index:9}
#sync2 .owl-item.synced .item{background-color:#ea0209;color:#ffffff}
#sync2 .owl-item.synced .item h3{font-size:13px;font-weight:bold}
#sync2.owl-item:first-child .item{border-left:1px solid #d4d4d4}
#sync2 .item span{font-size:12px;font-weight:normal;line-height:18px;vertical-align:middle;display:table-cell;text-align:center;padding:0 15px}
.title-homenew{display:block;position:relative;overflow:hidden;border-bottom:3px solid #fdd504;vertical-align:middle}
.title-homenew .txt{display:inline-block;float:left;padding:3px 10px 8px 10px;background:#fdd504;line-height:2.3em;text-transform:uppercase;text-align:center;font-size:14px}
.title-homenew .txt a{font-size:15px;color:#333;font-weight:bold}
.title-homenew b{float:left;width:0;height:0;border-left:0 solid transparent;border-right:20px solid transparent;border-bottom:38px solid #af9300}
.title-homenew .readmore{float:right;padding:3px 10px;background:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;font-size:12px;color:#288ad8;text-transform:uppercase;margin-top:8px}
.navcate b{float:left;width:0;height:0;border-left:0 solid transparent;border-right:20px solid transparent;border-bottom:38px solid #af9300}
ul.list-new-home li{display:block;background:#fff;float: left;width: 100%;padding:8px 0;position:relative}
ul.list-new-home li .box-thumbnail{float:right;width:100px;vertical-align:middle;overflow:hidden}
ul.list-new-home li h3 { 
height: auto;    padding-right: 5px;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
-webkit-box-orient: vertical;
line-height: 1.3em;
font-size: 14px;
color: #333;
margin-bottom: 5px;
}
ul.list-new-home li span{font-size:12px;color:#999;margin-right:10px}
.homevideo{background:#2b2b2b;padding:25px 10px 15px;color:#fff;border-radius:10px}
ul.list-video{padding-bottom:10px}
ul.list-video li{float:left}
ul.list-video > li.part1{width:60%;padding-right:15px}
ul.list-video > li.part2{width:40%;height:512px;overflow-y:scroll}
.cont_video iframe{width:100%}
ul.playlist-videos-list li{display:block;margin:0 0 8px;padding:0 0 8px;border-bottom:1px dotted #343434;width:100%}
ul.playlist-videos-list li:hover{background:#333}
ul.playlist-videos-list li .box-thumbnail{width:90px;display:table-cell;vertical-align:middle;overflow:hidden}
ul.playlist-videos-list li .box-thumbnail .hm-reponsive{padding-top:78%}
ul.playlist-videos-list li .recent-content{display:table-cell;padding-left:15px;padding-right:5px}
ul.playlist-videos-list li .recent-content .recent-title{overflow:hidden;line-height:0;margin:0 0 3px;padding:0}
ul.playlist-videos-list li .recent-content .recent-title a{color:#fff;font-weight:500;font-size:16px;line-height:1.5em;font-family:'Roboto',sans-serif}
.recent-content .reviewd-by{color:#ccc;display:block;padding:3px 0;font-size:12px}
.statistics-meta{color:#bbb;float:left;padding:4px 0;min-width:100px;display:block;text-align:left}
.statistics-meta > div{display:inline-block;line-height:16px;padding:0 7px}
.statistics-meta > div i.fa{padding-right:5px}
.statistics-meta > div i.fa-eye{color:#ff8000}
.statistics-meta > div i.fa-facebook-square{color:#0080ff}
.statistics-meta span{font-size:12px}
ul.playlist-videos-list li:last-child{border-bottom:none;margin:0;padding:0}
.c-product-item_info{padding:6px 15px 0;float:left;width:100%;text-align:center}
.fix-height{height:103px!important}
.price-box{
padding:3px 0 1px;/* overflow:hidden;*/
position:relative;
height: 65px;
}
.price-box .c-price{float:left;font-weight:bold;font-size:16px;line-height:30px;white-space:nowrap;color:#c10017;padding-right:8px}
.price-box .o-price{font-size:14px;color:#4d4d4d;font-weight:300;display:inline-block;vertical-align:middle;text-decoration:line-through;white-space:nowrap;line-height:30px}
.box-bg{background:#f0f0f0;padding:5px 0 0 5px}
.fx-btn{position:absolute;right:0;bottom:8px}
.info-des span {
display: block;
padding: 4px 0;
position: relative;
padding-left: 18px
}

.info-des span:before {
content: "";
font-family: FontAwesome;
color: #ff7f25;
font-size: 10px;
position: absolute;
top: 3px;
left: 0
}

.info-des label {
display: block;
padding: 4px 0;
position: relative;
padding-left: 18px;
font-weight: normal;
}

.info-des label:before {
content: "\f00c";
font-family: FontAwesome;
color: #ff7f25;
font-size: 12px;
position: absolute;
top: 5px;
left: 0
}
.navcate{display:block;overflow:hidden;background:#fff;margin-bottom:5px;width:100%;border-bottom:2px solid #fdd504;padding-top:10px}
.navcate .title{display:inline-block;vertical-align:middle;font-size:15px;color:#333;text-transform:uppercase;/*border-bottom:2px solid #333;*/
font-size:14px;font-weight:600;background-color:#fdd504;float:left}
.navcate a{display:inline-block;vertical-align:middle;font-size:14px;color:#0074c1;padding:10px}
.navcate .title a{display:inline-block;vertical-align:middle;font-size:14px;color:#333;padding:10px}
.listproduct02 li{float:left;position:relative;width:12.5%;margin:0 0 5px;overflow:hidden;padding:5px 5px;/*border:1px solid #fff;*/}
.bglipro{display:block;overflow:hidden;background:#fff;padding-top:10px}
.bglipro .reponsive-img{padding-top:105.25%}
/*.c-product-item_info h4,.c-product-item_info h3{display:block;line-height:1.3em;font-size:13px;color:#333;font-weight:600;overflow:hidden;height:33px;text-align:left}*/

.c-product-item_info h4, .c-product-item_info h3 {
display: block;
line-height: 18px;
font-size: 13px;
color: #333;
font-weight: 600;
height: 35px;
text-align: left;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.listproduct02 li .price-box .c-price{font-size:14px}
.listproduct02 li:hover{/*box-shadow:0 2px 4px 0 rgba(220,220,220,.5);border:1px solid #e8e8e8;*/}
.listproduct-col3 li{width:25%}
.listproduct-col4 li{width:25%}
#footer{border-top:1px solid #F1F1F1;margin-top:20px;background:#fff}
.footer_top{padding:20px 0 10px;background:#f6f6f6}
ul.mf-listmn > li{margin-bottom:15px;padding:0 15px}
ul.mf-listmn > li .heading{color:#636363;position:relative;font-family:'Roboto',sans-serif;text-transform:uppercase;font-weight:700;display:block;padding:0 0 15px;font-size:15px}
ul.mf-listmn > li .heading a{}
ul.mf-listmn > li .bg-ft{color:#636363}
ul.list-mn li{padding:5px 0}
ul.list-mn li a{color:#636363;font-size:13px;font-family:'Roboto',sans-serif}
ul.list-mn li a:hover{color:#cecece}
.mobile-sw{margin:0 0 10px;text-transform:uppercase;text-align:left}
.mobile-sw a{font-weight:400;text-shadow:none;color:#666;font-size:11px}
.mobile-sw i.fa{font-size:20px;vertical-align:middle;padding-right:5px}
.ft-tt span{display:block;padding-bottom:6px;text-transform:uppercase;color:#0079c4;font-weight:bold}
.fs-ftr2 li{float:left;padding:0 15px;font-size:13px;color:#464646;position:relative}
.fs-ftr2 li a{font-size:16px;font-weight:bold;color:#d02c2c}
.fs-ftr2 li:nth-child(1){padding-left:60px;background:url(images/ic-hotline.png) no-repeat 0 5px;width:52%}
.btn-social-icon {
position: relative;
padding-left: 44px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 60px;
width: 60px;
padding: 0;
}
.btn-social-icon >:first-child{position:absolute;left:0;top:0;bottom:0;line-height:30px;font-size:16px;text-align:center;width:100%!important}

.footer_bottom{padding:23px 0 15px;border-top:1px solid #ccc;background:#f6f6f6;color:#636363}
.breadcrumb{display:block;overflow:hidden;margin:0;background:#fff;line-height:32px;padding:5px 15px}
.breadcrumb > li{font-size:14px;color:#288ad6}
/*product*/
.lprod-fillter{position:relative;padding:3px 0}
.lprod-fillter{width:100%;float:left;position:relative}
.lprod-fprodname{width:20%;float:left;padding-right:10px;line-height:28px}
.lprod-fprodname h1,.lprod-fprodname h2{display:inline-block;color:#1c1c1c;font-size:20px;font-weight:normal;text-transform:uppercase}
.lprod-fprodname span{color:#9b9b9b;font-size:12px}
.filter{display:block;overflow:visible;position:relative;text-align:center;width:80%}
.filter > li{float:left;font-size:12px;color:#333;text-align:center;font-weight:bold;cursor:pointer;position:relative}
.filter li div.selected{background:gray;color:#333;background-color:#e6e6e6;border-color:#adadad}
.filter > li > .click-filter,.filter > li > a{display:block;font-weight:500;border-radius:0;padding:5px 20px;position:relative;padding-right:25px}
.filter > li > .click-filter:before{font-size:10px;position:absolute;right:5px;top:7px;content:"\f078";font-family:FontAwesome}
.filter > li > .click-filter.selected:before{content:"\f077"}
.filter > li > a{line-height:20px}
.filter > li > .filter-bg{display:none;position:absolute;top:100%;left:0;right:0;z-index:9;min-width:285px;border:1px solid #dadada;padding:10px;background:#fff;text-indent:0;text-align:left;margin-top:2px}
.filter > li > .filter-bg ul li{}
.filter > li.order > .filter-bg{display:none;position:absolute;top:100%;right:0; left:auto;z-index:9;min-width:185px;border:1px solid #dadada;padding:10px;background:#fff;text-indent:0;text-align:left;margin-top:2px}
.filter > li > .filter-bg ul li a{font-size:12px;border-bottom:1px dotted #ccc;margin:0 10px;padding:9px 0;clear:both;font-weight:normal;line-height:1.42857143;color:#333;display:block}
.filter > li > .filter-bg ul li.active > a{background:url(images/icon-hover-mn.png) no-repeat center right;background-color:#fff;text-decoration:underline;font-weight:bold;color:#333}
ul.service-item{display:table;width:100%;border-top:1px solid #adadad;background-color:#f6f6f6}
ul.service-item li{float:left;display:block;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;text-align:center;width:20%;padding:5px 0}
ul.service-item li span{display:inline-block;text-align:center;font-size:30px;color:#cccccc;padding:5px 5px 5px 0;vertical-align:middle}
ul.service-item li small{font-size:14px;color:#404040;line-height:40px;padding:0 3px;display:inline-block;text-align:center}
ul.service-item li:hover{background-color:#f3f3f3}
ul.service-item li:nth-child(5){border-right:none}
ul.listproduct{/*border-right:1px solid #e8e8e8;border-top:1px solid #e8e8e8;*/
float:left;width:100%;background-color:#f0f0f0;/* padding:5px;*/}
ul.fix{float:left;width:100%;background-color:#f0f0f0;/* padding:5px;*/
overflow:hidden;height:398px;border:solid 5px #f0f0f0}
ul.fix li{width:20%;float:left}
ul.listproduct li .bglipro .reponsive-img{padding-top:83.25%}
ul.listproduct li{/*border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;*/
margin:0;/* padding-bottom:5px;*/
    
/* padding-top:5px;*/}
ul.listproduct li .bginfo{display:block;/*height:100%;background:#fff;*/
font-size:12px;color:#333;line-height:16px;padding:15px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:6;-ms-opacity:0;opacity:0;margin:5px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);pointer-events:none;-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;background:#e0e0e0;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#e0e0e0));background:-webkit-linear-gradient(top,#e0e0e0,#fff);background:-moz-linear-gradient(top,#e0e0e0,#fff);background:-ms-linear-gradient(top,#e0e0e0,#fff);background:-o-linear-gradient(top,#e0e0e0,#fff)}
ul.listproduct li:hover .bginfo{-ms-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-khtml-opacity:1;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}
ul.listproduct li .bginfo h4{display:block;overflow:hidden;font-size:13px;color:#4a90e2;font-weight:600;width:50%;height:auto;float:left;white-space:nowrap;text-overflow:ellipsis}
ul.listproduct li .fx-btn{right:3px;pointer-events:auto}
ul.listproduct li .bginfo .c-price{float:right;width:50%;color:#c10017;font-weight:bold;font-size:14px;text-align:right}
ul.listproduct li .info-gif{border-bottom:1px solid #ccc}
ul.listproduct li .info-des{max-height:120px;overflow:hidden;margin-bottom: 10px;}
/*detail*/
.pd-title-top{font-family:'Roboto Condensed',sans-serif}
.rowdetail{
display: block;
overflow: hidden; 
background-attachment: fixed !important; 
background-size: cover !important; 
padding: 30px 0 80px 0;
}
.pd-picture{float:left;overflow:hidden; background:#fff;width:49.5%;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
position:relative}
.pd-price_sale{ 
float: left;
position: relative; 
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
width: 50.5%;
min-height:583px; 
padding: 0px;
}
.pd-checkexist{float:right;width:20%;overflow:visible;background:#fff;position:relative}
.pd-picture .pdl-image{
width:90%;
float:left; 
position: relative; 
margin-bottom: 50px;

}
.pd-picture .pdl-image + .cl{display:none}
.pd-picture .pdl-image img{max-width:100%;background:#dfdfdf;max-height:448px}
.pdl-small-images{float:left;width:100%;margin:0 0 15px}
.pdl-small-images ul{overflow:hidden;width:100%;margin:0}

.pdl-small-images li {
height: 70px;
text-align: center;
position: relative
}
.pdl-small-images li img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
height: 100%;
}

/*.pdl-small-images li{height:70px; text-align:center;position:relative}
.pdl-small-images li:first-child{}
.pdl-small-images li img{max-width:100%;max-height:60px}
.pdl-small-images li a{display:block;vertical-align:middle;width:100%;height:65px;text-align:center}
.pdl-small-images li a.active{border:solid 1px #b10000}*/
.viewlarg{display:block;overflow:hidden;padding:10px 0;font-size:14px;color:#288ad6;width:125px;margin:auto}
.pdrl-name{display:inline-block;overflow:hidden;line-height:1.3em;font-size:24px;padding:0 0 10px;float:left}
.pd-social{float:left;width:100%;margin:10px;text-align:left}
.sp-detail-name{display:inline-block;overflow:hidden;line-height:30px;padding-right:15px;font-size:15px}
.area_price{overflow:hidden;/* padding:20px 0 10px 0;*/
line-height:20px;float:left;width:calc(100% - 0px);text-align:left;/*margin-bottom:10px;*/}
.area_price .curr-price{color:#f00;font-size:23px;font-weight:bold;padding:10px 0 5px}
.area_price .priceline{text-decoration:line-through;font-weight:normal}
.area_price .label{font-size:15px;color:#666}
.area_price .status{color:#f44336;margin-left:18px;font-size:12px;font-weight:bold}
.area_price a{padding-top:10px}
.colpolicy{display:block;overflow:hidden;padding:10px;border:1px solid #edede4}
.colpolicy p{display:block;overflow:hidden;line-height:1.3em;font-weight:600;padding:0 0 5px 4px;font-size:13px}
.colpolicy p:before{display:inline-block;margin-right:8px;content:'';width:0;height:0;border-left:5px solid #f56d0b;border-top:5px solid transparent;border-bottom:5px solid transparent}
.colpolicy p span{display:block;padding-bottom:10px;line-height:18px;font-size:12px;margin-left:20px;color:#666;font-weight:300;padding:4px 0}
.promo{display:table;width:100%;float:left;margin-bottom:10px}
.promo label{display:block;color:red;font:bold 12px/20px arial;margin-bottom:9px}
.promo li{width:100%;margin-bottom:5px;float:left; font:12px/17px arial}
.promo li:before{content:"\f00c";font:9px FontAwesome;vertical-align:middle;color:#2b8dd9;margin-right:5px}
.promo img{width:50px;float:left;margin-right:5px}
.promo b{color:red}
/****** Style Star Rating Widget *****/
.rating > input{display:none}
.rating > label:before{/* margin:5px;*/
font-size:14px;font-family:FontAwesome;display:inline-block;content:"\f005";width:20px}
.rating > .half:before{content:"\f089";position:absolute}
.rating > label{color:#ddd;float:left}
/***** CSS Magic to Highlight Stars on Hover *****/
.rating > input:checked ~ label,/* show gold star when clicked */
.rating:not(:checked) > label:hover,/* hover current star */
.rating:not(:checked) > label:hover ~ label{color:#FFD700}
/* hover previous stars in list */
.rating > input:checked + label:hover,/* hover current star when changing rating */
.rating > input:checked ~ label:hover,.rating > label:hover ~ input:checked ~ label,/* lighten current selection */
.rating > input:checked ~ label:hover ~ label{color:#FFED85}
.area_order{display:block;margin:5px 0 5px;float:left;width:100%;padding-bottom:5px}
.area_order a{margin-bottom:5px}
.area_order .buy_now{float:left;width:100%;overflow:hidden;padding:9px 0;border-radius:4px;font-size:16px;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)}
.area_order span{display:block;font-size:12px;color:#fff;text-transform:none}
.area_order label{display:block;font-size:12px;color:#fff;text-transform:none}
.area_order .phone_pd_btn{line-height:normal;float:right;width:100%;padding:9px 0;text-align:center;color:#fff;border-radius:4px;font-size:16px;text-transform:uppercase;font-weight:600;background:#288ad6; background:-webkit-gradient(linear,center top,center bottom,from(#399eec),to(#288ad6));}
.area_order .time{line-height:normal;float:right;width:100%;padding:9px 0;text-align:center;color:#288ad6;border-radius:4px;font-size:16px;text-transform:uppercase;font-weight:600;background:-webkit-gradient(linear,center top,center bottom,from(#5ab452),to(#49a342));background:linear-gradient(#eeeeee,#eeeeee)}
.area_order .order-instalments{line-height:normal;float:right;width:100%;padding:9px 0;text-align:center;background:#288ad6;color:#fff;border-radius:4px;font-size:16px;text-transform:uppercase;font-weight:600}
.content-pd-head{z-index: 9999;float:left;width:100%;background:#eee;margin-bottom:20px;}
ul.tabs-pd{list-style:none;position:relative;width:1200px;margin:0 auto}
ul.tabs-pd li{display:inline-block}
ul.tabs-pd li a{text-align:center;font-size:16px;padding:15px 20px;display:block;text-decoration:none;color:#666;border-bottom:1px solid transparent}
ul.tabs-pd li a:hover,ul.tabs-pd li.active a{color:#e91e63;border-bottom:1px solid #e91e63}
.pd-article-lf,.pd-article-rf{float:left}
.pd-article-lf{padding-right:15px;width:72%}
.pd-article-rf{padding:0;width:28%}
.article-content .pd-title{font-family:'Roboto Condensed',sans-serif;font-size:19px;/* padding:0 0 15px;*/
line-height:150%;color:#d7291d}
.article-content .bg-article{line-height:180%;font-size:14px}
.article-content .bg-article h2, .article-content .bg-article h3 {
font-size: 20px;
margin: 0 0 10px 0
}
/*comment*/
.wrapcomment{display:block;overflow:hidden;width:100%;margin:0 auto;float:left}
.id-comment-title{color:#666;display:block;font-size:15px;font-weight:600;line-height:15px;margin:0 0 15px 0;overflow:hidden}
.id-comment-title span{font-weight:normal}
.wrapcomment .txtEditor{display:block;background:#fff;min-height:50px;border:1px solid #c1bfbf;padding:10px;font-size:16px;color:#333;max-height:200px;width:calc(100% - 2px)}
.wrap-attaddsend{display:block;overflow:hidden;background:#fff;border:1px solid #c1bfbf;position:relative;margin-top:-1px;width:calc(100% - 2px)}
.wrap-attaddsend .attach{float:left;font-size:14px;color:#666;padding:12px 16px 20px;cursor:pointer;width:100%;border-bottom:1px solid #ccc;margin-bottom:5px}
.wrap-attaddsend .star-rating{}
.rating-container{margin-bottom:10px}
.star-rating .caption{color:#999;display:inline-block;vertical-align:middle;padding-left:5px;font-size:16px}
.caption .label{display:inline;padding:.2em .6em .3em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;font-family:Helvetica Neue}
.caption .label-default{background-color:#777}
.sendnow{float:left;width:100%;padding:5px 10px}
.sendnow .finalpost{float:right;font-weight:600;padding:5px 15px;font-size:14px;color:#fff;text-transform:uppercase;border:1px solid #d97f00;border-radius:4px;background:#f89406;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#f76b1c),to(#f89406));background:-webkit-linear-gradient(top,#f89406,#f76b1c);background:-moz-linear-gradient(top,#f89406,#f76b1c);background:-ms-linear-gradient(top,#f89406,#f76b1c);background:-o-linear-gradient(top,#f89406,#f76b1c)}
.sendnow .infoname{padding:5px 8px;border:1px solid #dadada;font-size:14px;color:#333;float:left;width:100%;margin:auto;margin-bottom:10px}
.sortcomment{display:block;overflow:hidden;padding:15px 0;border-bottom:1px solid #e0e0e0}
.sortcomment a{float:left;font-size:13px;color:#4a90e2;padding:6px 12px}
.sortcomment a.activedsort{background:#ececec;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px}
.sortcomment span{float:left;font-size:13px;color:#999;padding:6px 12px}
.infocomment{display:block;clear:both;overflow:hidden;margin-bottom:20px}
.comment_ask{display:block;overflow:visible;margin:10px 0 0}
.iconcom-user{width:25px;height:25px;background-image:none;background-color:#ccc;margin-right:7px;text-align:center;color:#fff;text-transform:uppercase;font-size:12px;line-height:26px;font-style:normal;display:inline-block;vertical-align:middle}
.comment_ask strong{font-size:14px;color:#333;text-transform:capitalize}
.infocom_ask{display:block;font-size:14px;color:#4a4a4a;line-height:22px;margin-left:30px}
.relate_infocom{display:block;overflow:visible;height:28px;/* padding:5px 0;*/
font-size:12px;color:#666;margin-left:30px;line-height:28px}
.relate_infocom span{float:left}
.relate_infocom .reply{cursor:pointer;color:#4a90e2}
.relate_infocom .dot{float:left;display:inline;font-size:8px;vertical-align:middle;margin:2px 5px;color:#babbb8}
.relate_infocom .numlike{color:#999}
.relate_infocom span .like{color:#4a90e2;font-weight:bold;cursor:pointer}
.comment_reply{display:block;margin-top:5px;position:relative;background:#f1f1f1;border:1px solid #e7e7e7;padding:15px 10px;font-size:14px;color:#333;margin-left:30px}
.arrow_box{position:relative;left:7px;display:block;margin-top:-15px;z-index:9;background:#f1f1f1}
.arrow_box:after,.arrow_box:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.arrow_box:before{border-bottom-color:#e7e7e7;border-width:12px;margin-left:-12px}
.arrow_box:after{border-bottom-color:#f1f1f1;border-width:11px;margin-left:-11px}
.comment_ask img.imgU{float:left;width:25px;height:25px;margin-right:7px!important;vertical-align:middle}
.comment_ask .qtv{text-transform:uppercase;margin-right:10px;color:#000;font-weight:normal;font-size:10px;background:#eebc49;padding:2px 6px;border-radius:3px;line-height:18px;height:18px;margin-left:10px}
.wrap-attaddsend > .motionsend > a{float:left;margin-right:10px;padding:0 10px;border:1px solid #4a90e2;border-radius:4px;height:30px;line-height:30px;font-size:16px;color:#4a90e2}
.wrap-attaddsend .motionsend .usermember{float:right;cursor:pointer;margin:3px 10px 0 0}
.wrap-attaddsend .motionsend .usermember span{display:inline-block;float:left;padding:4px 0 0;border:0;font-size:14px;margin:0 5px}
.wrap-attaddsend .motionsend .usermember div{float:left;width:25px;height:25px;background:#ccc;margin-right:7px;text-align:center;color:#666;text-transform:uppercase;font-size:12px;line-height:26px;font-weight:600;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.wrap-attaddsend .motionsend .usermember a{display:inline-block;padding:4px 0 0;border:0;font-size:14px;color:#4a90e2;margin:0}
.sidebox-title{position:relative;z-index:1;margin-bottom:10px;line-height:33px}
.sidebox-title h2.title{display:inline-block;position:relative;background-color:#fff;color:#1c1c1c;font-size:15px;letter-spacing:-.4px;text-transform:uppercase;font-weight:700;z-index:1;margin:0;padding-right:15px;padding-left:25px;color:#1c1c1c}
.sidebox-title:after{content:"";position:absolute;z-index:0;top:12px;left:0;width:98%;border:4px double #eee}
.sidebox-title h2.title:before{position:absolute;content:"";width:12px;height:12px;display:inline-block;background-color:#ffd439;left:0;top:49%;-webkit-transform:translateY(-49%);-ms-transform:translateY(-49%);transform:translateY(-49%);z-index:5}
.accessories-list li{margin-bottom:15px;float:left;width:100%}
.accessories-list li .reponsive-img{padding-top:35%;width:30%;float:left}
.accessories-list li h3{font-size:14px;display:block;color:#333;line-height:1.3em;font-weight:bold;padding-top:20px;padding-left:15px}
.accessories-list li > h3 a{}
.accessories-list li > strong{display:block;overflow:hidden;font-size:14px;color:#d0021b;padding:3px 0}
.accessories-list li .desc{max-height:56px;overflow:hidden}
.accessories-list li .desc span{display:block;overflow:hidden;font-size:13px;color:#666;line-height:1.5}
.accessories-list li .compdetail{display:block;color:#288ad6;padding:5px 0;padding-left:30%;font-size:14px}
.custom-search-form{position:relative}
.custom-search-form .form-control{box-shadow:none}
.custom-search-form .btnsearch{position:absolute;top:0;right:0;width:40px;height:100%;background:transparent}
ul.list-video > li.part1 .c-product-item_info{padding-top:20px}
ul.list-video > li.part1 .price-box .c-price{color:#fdd504}
ul.list-video > li.part1 .price-box .o-price{color:#ccc}
ul.list-video > li.part1 .price-box .area_order{float:right;width:40%;margin:0;position:absolute;right:0;top:-25px;margin-top:20px;margin-bottom:10px}
.leftcate{float:left;width:25%}
.rightcate{float:left;width:75%;padding-left:0px;padding-right:20px}
.pagefb iframe{width:100%!important}
.detail-rating-info{border:1px solid #d2d2d2;padding:15px 20px;margin-bottom:20px}
h3.detail-title{font-family:'Roboto',sans-serif;font-size:28px;line-height:37px;font-weight:normal;margin-bottom:25px;font-weight:300}
.detail-rating{margin-top:10px;color:#666;font-size:13px;margin-bottom:10px}
.detail-rating .rating{padding:0}
.icon-star-list .active{color:#f86900}
.box-detail-rating .detail-rating{display:block}
.detail-rating-dropdown{display:none;border:1px solid #d2d2d2;position:relative;padding:10px;margin-bottom:10px;font-size:14px;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px}
.dt-ra-head{font-weight:300;text-align:center;margin:5px 0 15px;font-size:13px}
.dt-ra-row{display:table;width:100%;margin-bottom:12px}
.dt-ra-col30{display:table-cell;vertical-align:middle;width:30%;text-align:right;padding-right:10px}
.dt-ra-imguser{width:50px;height:50px;margin:0 auto}
.dt-ra-col70{display:table-cell;vertical-align:middle;width:70%}
.dt-ra-textarea{width:100%;height:55px;font-size:14px;padding:5px;border:1px solid #cacaca;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px}
.dt-ra-bnt{padding:6px 15px;background:#d41212;color:#fff;font-size:14px;border:0;margin-bottom:5px;outline:none;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px}
.dt-ra-bnt:hover{background:#aa0e0e;color:#fff}
.detail-rating-mark{margin-bottom:20px;color:#949495}
.rating-item{display:table;width:100%;margin-bottom:20px}
.rating-item > span{display:inline-block;position:relative}
.rating-item > span.rating-level{width:20%;color:#0082f1}
.rating-item > span.rating-bar{width:52%;background:#d4d4d4;height:12px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:inset 1px 1px 4px -1px rgba(0,0,0,.3)}
.rating-item > span > span{display:block;position:absolute;left:0;top:0;height:100%;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;background:#ffa63e;box-shadow:inset 0 1px 4px -1px rgba(0,0,0,.4);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.rating-item > span.rating-counter{margin-left:25px}
.adv-side img{width:100%;margin-bottom:5px}
ul.listproduct-col5 li{width:20%}
ul.listproduct-col5 li .info-des{max-height:95px}
ul.listproduct-col5 li .bginfo .c-price{display:none}
.new-list-cate h3{font-size:21px;line-height:30px;margin-bottom:6px;color:#333;font-weight:400}
ul.items-new li{padding-top:10px;color:#999;line-height:20px;font-size:14px}
ul.items-new li a{color:#288ad6}
ul.items-new li:before{content:'●';font-size:12px;margin-right:10px;color:#d8d8d8}
.listprodeposit{display:block;overflow:hidden;margin:0 auto;max-width:1200px;width:100%;border-top:1px solid #ececec;border-left:1px solid #ececec}
.listprodeposit li{float:left;width:19.917%;background:#fff;position:relative;overflow:hidden;border-bottom:1px solid #ececec;border-right:1px solid #ececec}
.listprodeposit li .bglipro{display:block;overflow:hidden;background:#fff}
.listprodeposit li .bglipro .reponsive-img{padding-top:83.25%}
.listprodeposit li .c-product-item_info .txtname{display:block;line-height:1em;font-size:13px;color:#333;font-weight:600;margin:0 35px 0 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.listprodeposit li .c-product-item_info label{display:block;padding:3px 0 0;font-size:13px;color:#ababab;font-weight:400;text-align:left}
.listprodeposit li .c-product-item_info{padding:6px 8px 10px;height:160px;position:relative}
.listprodeposit li .bginfo{display:block;height:195px;background:#fff;font-size:12px;color:#333;line-height:16px;padding:15px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:6;-ms-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);pointer-events:none;-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;background:rgba(245,245,245,.95)}
.listprodeposit li:hover .bginfo{-ms-opacity:1;opacity:1}
.listprodeposit li .count-product{position:absolute;right:0;top:15px;font-weight:normal;background:#eee;padding:2px;border-radius:3px;color:#333;font-size:11px}
.wrapp-navigation ul{margin:10px 0 20px}
.wrapp-navigation ul li{float:left;width:8.33333333333%;text-align:center;padding:0 5px}
.wrapp-navigation ul li a{position:relative;margin:10px 5px;padding:10px 10px;width:50px;height:50px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:#ebebeb;color:#288ad6;display:inline-block;font-size:14px;transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;text-align:center}
.wrapp-navigation ul li a.active,.wrapp-navigation ul li a:hover{background:#fdd504}
.wrapp-navigation ul li label{display:block;text-align:center;font-size:12px;line-height:14px;clear:both;height:28px;font-weight:400}
.wrapp-navigation ul li a img{max-height:30px}
/*detail Pk*/
.pd-left{float:left;width:62%}
.pd-right{float:left;width:38%;padding-left:40px}
.pd-right .area_price{padding:0}
.pd-right .area_price .curr-price{padding-top:0}
.callorder{display:block;overflow:hidden;padding:0 10px;text-align:center;font-size:14px;color:#333;margin-top:-5px}
.callorder span{display:block;padding:5px 0 0}
.callorder a{color:#288ad6}
.box-accessories{display:block;overflow:hidden;border-top:1px solid #e4e4e4;padding:20px 0 20px}
.nav-title{display:block;clear:both;margin-bottom:10px}
.nav-title span.tl{font-size:20px;color:#333}
.nav-title span.tl b{font-size:16px;text-transform:uppercase}
.nav-title span.tl a{position:relative;padding:0 0 0 10px;color:#288ad6;text-transform:none;font-size:14px}
.box-accessories ul li{margin-bottom:25px}
.listproduct-col2 li{width:50%}
.ul-menu-new{display:block;overflow:visible;height:70px;clear:both;margin:auto;width:100%;font-family:'Roboto Condensed',sans-serif}
.ul-menu-new li{display:inline-block;height:30px;margin:15px 0}
.ul-menu-new li a{display:block;padding:8px 15px 4px;font-size:16px;color:#333;text-transform:uppercase;font-weight:400;background:#fff;border-radius:2px}
.ul-menu-new li.active a{background:#fed701}
ul.list-new-01{border-bottom:4px double #eee;padding-bottom:5px;margin-bottom:5px}
ul.list-new-01 > li.part1{width:50%;position:relative;float:left;padding-right:1.4%;overflow:hidden}
ul.list-new-01 > li.part2{display:block;width:50%;float:right}
ul.list-new-01 > li.part2 ul li{display:block;margin:0 0 10px;padding:0 0 10px;border-bottom:1px dotted #f5f5f5}
ul.list-new-01 > li.part2 ul li .box-thumbnail{width:90px;display:table-cell;vertical-align:middle;overflow:hidden}
ul.list-new-01 > li.part2 ul li .box-thumbnail .hm-reponsive{padding-top:78%}
ul.list-new-01 > li.part2 ul li .recent-content{display:table-cell;padding-left:15px;padding-right:5px}
ul.list-new-01 > li.part2 ul li .recent-content .recent-title{overflow:hidden;line-height:0;margin:0 0 3px;padding:0}
ul.list-new-01 > li.part2 ul li .recent-content .recent-title a{color:#1c1c1c;font-weight:500;font-size:15px;line-height:1.5em;font-family:'Roboto',sans-serif}
.recent-date{color:#bdbdbd;font-size:12px;font-weight:400;font-family:'Open Sans',sans-serif}
.recent-date:before{content:'\f017';font-family:fontawesome;margin-right:5px}
ul.list-new-01 > li.part1 .bx-item{width:100%;position:relative;overflow:hidden}
ul.list-new-01 > li.part1 .bf-content{position:absolute;bottom:0;width:100%;z-index:2;padding:15px;box-sizing:border-box}
ul.list-new-01 > li.part1 .bf-content .recent-title a{display:block;font-size:18px;color:#fff;font-weight:500;line-height:1.5em;text-shadow:0 0.5px 0.5px rgba(34,34,34,0.3);margin-bottom:8px;font-family:'Roboto',sans-serif}
ul.list-new-01 > li.part1 .bx-item .hm-reponsive{padding-top:92.25%;margin:0}
ul.list-new-01 > li.part1 .bx-item .hm-reponsive a:after{content:no-close-quote;position:absolute;left:0;bottom:0;width:100%;height:151px;background:url(images/metabg.png) repeat-x;opacity:.8}
ul.list-new-02 li .pdl{padding: 0 15px 0 0}
ul.list-new-02 li{padding:15px 0;float:left;width:100%;border-bottom:1px dashed #e5e5e5;position:relative;font-family:'Roboto',sans-serif}
ul.list-new-02 li figure{}
ul.list-new-02 li figure a{display:block}
ul.list-new-02 li figure img{}
ul.list-new-02 li .blogtitle{display:block;font-weight:700;margin-bottom:5px;line-height:24px;max-height:70px;color:#1c1c1c;font-weight:500;font-size:15px;overflow:hidden}
ul.list-new-02 li:hover .blogtitle{color:#cc0f0f}
ul.list-new-02 li .blogsummary{color:#555;font-size:15px;line-height:22px;max-height:65px;overflow:hidden;margin-top:9px}
.share_facebook_button{display:block;opacity:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;position:absolute;right:0;bottom:4px}
ul.list-new-02 li:hover .share_facebook_button{opacity:1;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.newsproduct li{margin-bottom:5px;float:left;width:100%}
.newsproduct li .reponsive-img{padding-top:30%;width:30%;float:left}
.newsproduct li h3{display:block;overflow:hidden;line-height:1.3em;font-weight:300;max-height:40px;font-size:16px;color:#333}
.newsproduct li > strong{padding:3px 0;display:block;overflow:hidden;color:#666;font-size:14px;line-height:27px}
.newsproduct li .compdetail{display:block;color:#288ad6;padding:2px 0;padding-left:30%;font-size:14px}
/*newdetail*/
.bgcover{width:100%;position:relative;overflow:hidden}
.bgcover .hm-reponsive{padding-top:30%;margin:0}
.bgcover .bgtrans{position:absolute;bottom:0;left:0;right:0;display:block;overflow:hidden;height:225px;background:rgba(0,0,0,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(0,0,0,.8)),to (rgba(0,0,0,.6)),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,.6),rgba(0,0,0,.8));background:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,.6),rgba(0,0,0,.8));background:-ms-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,.6),rgba(0,0,0,.8));background:-o-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,.6),rgba(0,0,0,.8))}
.bgtrans h1 {
display: block;
overflow: hidden;
font-size: 25px;
font-weight: bold;
}
.userdetail{display:block;overflow:hidden;margin:0 10px 0 0;padding:15px 0}
.userdetail a{display:inline-block;font-size:12px;font-weight:600;color:#333;vertical-align:middle;overflow:hidden;margin:0}
.userdetail span{display:inline-block;font-size:12px;color:#999;vertical-align:middle;margin:-2px 5px 0;cursor:pointer}
 
.bgcover .bgtrans .userdetail{width:800px;margin:auto;position:absolute;left:0;right:0;bottom:10px}
.bgcover .bgtrans .userdetail a{color:#fff}
.bgcover .bgtrans .userdetail i.fa{padding-right:4px;color:#f99406}
.artrating-new{display:block;overflow:hidden;width:920px;margin:auto;box-shadow:0 0 50px 0 rgba(0,0,0,.15)}
.thumbnail-news-view{position:relative;font-size:15px;overflow:hidden;padding:15px}
.post_content{word-wrap:break-word;padding-bottom:20px;line-height:25px}
.post_content p,.post_content h2,.post_content h3{font-size:15px; font-weight: 400; color:#333;line-height:20px;padding-bottom:10px}
.post_content h2,.post_content h3{font-weight: 600;}
.block_tag{margin:10px 0}
.block_tag .txt_tag{background:#f1f1f1;padding:0 10px 0 10px;height:20px;color:#939393;float:left;font:400 11px/20px arial;margin:0 5px 0 0}
.block_tag .tag_item{display:inline-block;height:20px;font:400 11px/20px arial;color:#656565;padding:0 10px;white-space:nowrap;background:#f1f1f1;margin:0 5px 5px 0;float:left}
.list-other-news{border-bottom:dotted 1px #ccc;padding:0 0 8px 0;margin:0 0 8px 0}
.titlerelate{display:block;overflow:hidden;font-size:18px;font-weight:600;color:#333;font-family:'Roboto Condensed',sans-serif;line-height:26px;text-transform:uppercase;padding:30px 0 10px;border-top:1px solid #eee}
.list-other-news li{width:23.8%;margin:0 1.5% 0 0;padding-bottom:10px;float:left;position:relative}
.list-other-news li .img-thumb{display:block;margin-bottom:6px;position:relative}
.list-other-news li h3{font-size:14px;color:#666;margin:0 5px 5px;font-weight:400;min-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.list-other-news li:nth-child(4n){margin-right:0}
.thumbnail-news-view > p:first-child:first-letter,.thumbnail-news-view h2:first-child:first-letter{float:left;color:#333;font-size:62px;line-height:48px;font-weight:600;padding:8px 8px 0 0}
.post_content a{color:#288ad6;font-size:16px}
.infoprod{width:100%;max-width:600px;height:auto;padding:10px 5px;margin:0 85px;display:inline-block;border:1px solid #eee}
.infoprod .accessories-list li{margin:0}
.infoprod .accessories-list li .desc{max-height:104px}
.infoprod .accessories-list li .desc span{font-size:14px;line-height:1.5;color:#777}
.infoprod .accessories-list li h3{padding-bottom:7px}
/*giohag*/
.boxFormPayment{display:block;overflow:hidden;width:1200px;margin:auto}
.boxFormPayment .title{color:#ff0000;float:left;font-size:15px;margin-bottom:15px;text-transform:uppercase;width:100%;font-weight:bold}
.boxFormPayment label{display:block;font-weight:normal;margin-bottom:10px}
.boxFormPayment .gender{display:inline-block;padding-right:20px}
.boxFormPayment .form-group{float:left;margin-bottom:10px;width:100%}
.boxFormPayment .form-control{border-radius:0}
.title-form{font-weight:bold;font-size:14px}
.header-cart .title{margin-bottom:5px}
.header-cart .madh,.header-cart .datedh{font-style:italic}
.table-popcart table{margin-bottom:0}
.table-popcart table th{text-align:center;font-weight:normal;font-size:13px;font-weight:bold}
.table-popcart table tr{background-color:#fff}
.table-popcart table td{vertical-align:middle;padding:10px}
.table-popcart .img{width:100%;height:65px;text-align:center;float:left;overflow:hidden;border:1px solid #e5e5e5;background:#fff}
.table-popcart .img img{max-width:100%;max-height:100%}
.table-popcart .name{width:100%;float:left;padding-left:10px}
.table-popcart .name .name-product{    font-size: 11px;
margin: 5px 0;color:#000;display:block;float:left}
.table-popcart .name .name-product:hover{color:#e23a24}
.table-popcart .status{float:left;width:100%;display:block;margin-top:5px}
.table-popcart .status li{display:inline-block;float:left}
.table-popcart .status li:after{content:"|";padding:0 5px;float:right;color:#808080}
.table-popcart .status li:last-child:after{content:none;padding:0}
.table-popcart .status li.status-pro{color:#72b656}
.table-popcart .status li .gift{color:#199cb7}
.table-popcart .status li .remove{color:#e23a24}
.table-popcart strong{color:#303030;font-weight:normal;font-size:13px}
.inline-block{display:inline-block!important}
.total-price,.total-payment{border-top:1px solid #e1e1e1;float:left;padding:10px 0;width:100%}
.total-price span,.total-payment span{float:left;width:40%;font-size:14px}
.total-price strong,.total-payment strong{float:right;font-weight:bold;text-align:right;width:60%}
.total-payment span{font-weight:bold}
.total-payment strong{color:#e23a24}
.bt-payment{background-color:#e23a24;border:0 none;border-radius:3px;color:#fff;float:left;font-size:14px;font-weight:bold;padding:5px 10px;text-align:center;text-transform:uppercase;width:100%}
.bt-payment:hover,.bt-payment:focus{background-color:#333d94}
.boxFormPayment .table-popcart{float:left;width:100%;background-color:#fff;margin-bottom:15px;overflow-x:auto}
.form-group-check .itemCheckBox{display:block;width:100%;padding:0}
#show-hd{display:none;float:left;width:100%}
.export-invoice label{color:#4a90e2;cursor:pointer;font-size:15px}
/*radio*/
.radioPure{cursor:pointer;display:inline-block;font-size:14px;padding-right:20px}
.radioPure:hover .inner{background-color:#e23a24;opacity:0.5;transform:scale(0.5)}
.radioPure input{height:1px;opacity:0;width:1px}
.radioPure input:checked + .outer .inner{opacity:1;transform:scale(1)}
.radioPure input:checked + .outer{border:2px solid #e23a24}
.radioPure input:focus + .outer .inner{background-color:#e23a24;opacity:1;transform:scale(1)}
.radioPure .outer{background-color:#fff;border:2px solid #999;border-radius:50%;display:block;float:left;height:18px;width:18px}
.radioPure .inner{background-color:#e23a24;border-radius:50%;display:block;height:10px;margin:2px;opacity:0;transform:scale(0);transition:all 0.25s ease-in-out 0s;width:10px}
.radioPure i{color:#333;display:inline-block;font-style:normal;font-weight:normal;padding-left:5px}
/*checkbox*/
.itemCheckBox{float:left;padding-right:30px;position:relative;margin:0}
.itemCheckBox input[type="checkbox"]{height:0.1px;opacity:0;width:0.1px}
.itemCheckBox span{padding-left:5px;position:relative;top:-4px;font-weight:600}
.check-box{background-color:transparent;border:2px solid #999;border-radius:2px;box-sizing:border-box;cursor:pointer;display:inline-block;height:20px;position:relative;transition:border-color 0.2s ease 0s;width:20px}
.check-box input[type="checkbox"]{display:none}
.check-box::before,.check-box::after{background-color:#e23a24;border-radius:5px;box-sizing:border-box;content:" ";display:inline-block;height:0;position:absolute;transform-origin:left top 0;width:4px}
.check-box::before{left:8.2px;top:14.4px;transform:rotate(-135deg)}
.check-box::after{left:1px;top:7.4px;transform:rotate(-45deg)}
input[type="checkbox"]:checked + .check-box,.check-box.checked{border-color:#e23a24}
input[type="checkbox"]:checked + .check-box::after,.check-box.checked::after{animation:0.2s ease 0s normal forwards 1 running dothabottomcheck;height:7px}
input[type="checkbox"]:checked + .check-box::before,.check-box.checked::before{animation:0.2s ease 0s normal forwards 1 running dothatopcheck;height:24px}
/*login*/
.box-dndk{padding:15px;display:inline-block;overflow:hidden;width:800px;margin:auto}
.hr_title{font-weight:500;font-size:16px;padding:0 10px;line-height:29px;position:relative;text-align:center;margin:15px 0}
.hr_title:before{content:"";background-color:#d7d7d7;bottom:0;height:1px;position:absolute;top:0;width:100%;left:0;margin:auto}
.hr_title .text{position:relative;background:#fff;padding:0 10px;font-weight:bold;font-size:14px}
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:0;border:none}
.btn-social >:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:17px;text-align:center}
.btn-social + .btn-social{margin-left:5px}

ul.form-register li{margin-top:10px;float:left;width:100%;box-sizing:border-box}
ul.form-register li .table_left{float:left;width:30%;color:#494949;text-align:right;padding-right:10px}
ul.form-register li .table_left label{padding-top:7px;display:block;padding-bottom:5px;color:#666}
ul.form-register li .table_right{width:70%;float:right;line-height:27px}
ul.form-register li .form-control{box-shadow:none;height:30px;border-radius:0;font-size:13px;display:inline-block}
ul.form-register li textarea.form-control{height:100px}
.btn-danger{color:#fff;background-color:#dc2121;border-color:#dc2121}
.label-wrap{display:-webkit-flex;display:-ms-flex;display:flex;flex-direction:column;width:50px;position:absolute;text-align:center;left:8px;top:6px;color:#fff;font-size:13px}
.label-wrap span{border-radius:3px;margin-bottom:5px;height:20px;line-height:21px}
span.lb-sale{height:60px;padding-top:10px}
.label-wrap .lb-hot{background-color:#f86900}
.label-wrap .lb-sale{background-color:#ea0209;background-image:url("/Content/images/khuyenmai.png");background-size:cover}
.label-wrap .lb-new{background-color:#34a853}
.category-images img{padding:0 2px}
.titleside{display:block;overflow:hidden;background:#ea0209;margin-bottom:10px}
.titleside .title{color:#fff;text-transform:uppercase;/*border-bottom:2px solid #fdd504;*/
font-size:14px;font-weight:600;display:inline-block;padding:10px}
#content img{display: block; width:100%}
.boxFormPayment input[type='number']{height:30px;width:50px;text-align:center;font-size:14px;font-weight:bold}
.date{width:170px}
/*user*/
ul.user-menu{position:absolute;min-width:200px;left:inherit;left:-50px;background:#fff;box-shadow:0 5px 7px -1px rgba(0,0,0,.4);padding:5px;display:none;z-index:9999}
ul.user-menu li{text-align:left;float:left;width:100%;padding:0}
ul.user-menu li a{width:100%;font-weight:600;font-size:13px;padding:5px;color:#686868;border-bottom:1px dotted #686868}
ul.user-menu li a i{margin:0 5px 0 0}
ul.user-menu li strong{height:40px;float:left;width:100%;line-height:40px;padding:0 0 0 23px}
.notify-box ul li.login{position:relative}
.notify-box ul li.login:hover .user-menu{display:block}
/*end user*/
.view_more_coment{background:url(images/bg_1x1_gray.gif) repeat-x scroll left 13px;height:26px;margin:10px 0;text-align:center;width:100%;float:left}
.view_more_coment a{background:#eee none repeat scroll 0 0;color:#666;display:inline-block;font:700 11px/26px arial;padding:0 20px;text-align:center}
/*rating*/
.ratingStars{float:left;height:25px}
.detail-rate-counter{float:left}
/*end rating*/
.video h4 a{font-size:18px;color:#fff;font-weight:600}
.video_fancy{display:none}
.benefit{color:#fff;font-size:15px;font-family:"Roboto-Light";padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:4px;/*background-color:rgba(102,102,102,0.72);*/}
.benefit h3{font-size:16px;color:rgb(255,255,255);padding-bottom:10px;font-family:Roboto;line-height:1.4;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.6)}
.benefit li{min-height:30px}
ul.luachon_paymen li{display:inline-block;width:100%;margin:10px 0;font-size:15px;font-weight:700}
.fa.fa-circle-o{float:left;line-height:20px;margin-right:10px;min-height:21px;color:#ddd}
ul.luachon_paymen li i.fa-check-circle{color:#0388cd}
.chord{font-weight:bold;color:red;text-decoration:underline}
/*#song-info{margin-top:50px}
*/
#song-info #song-title{margin-top:0;margin-bottom:5px;text-transform:capitalize;font-weight:300;font-size:40px;line-height:45px}
#song-info #song-title #song-favorite-btn.starred{color:#fab400}
#song-info #song-title #song-favorite-btn{color:#eee;text-shadow:0 1px 1px rgba(0,0,0,.3);font-size:25px;cursor:pointer}
#song-info #song-title span{vertical-align:middle}
#song-info #song-title #song-favorite-btn #song-favorite-note{position:relative;display:none;padding:2px 5px;border:1px solid #999;border-radius:3px;background:#fff;color:#777;text-transform:none;text-shadow:0 0;font-weight:400;font-size:11px;line-height:2em}
#song-info #song-title span{vertical-align:middle}
#song-info #song-author{margin-bottom:5px;color:#777;font-size:14px}
#song-info #song-author span:not(:last-child){margin-right:15px}
#song-info #song-author .author-item{white-space:nowrap}
#song-action-bar{margin:10px 0;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.15)}
#song-action-bar #song-ab-content{padding:8px 15px;font-size:13px}
#song-action-bar #song-ab-content #song-detail-info{margin:5px 0}
#song-action-bar #song-ab-content #song-detail-info table{width:100%;text-align:left;font-size:11px}
#song-action-bar #song-ab-content #song-detail-info table th{width:1%;white-space:nowrap}
#song-action-bar #song-ab-content #song-detail-info table td{padding-left:20px;max-width:100px}
#song-action-bar #song-ab-buttons{border-bottom:1px solid #e5e7e9;color:#777;font-size:13px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none}
tbody{display:table-row-group;vertical-align:middle;border-color:inherit}
tr{height:30px}
/* add css 22/5/2017
*/

/*div.gallery{border:1px solid #ccc;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
div.gallery:hover{border:1px solid #777}
div.gallery img{width:100%;height:auto}
div.desc{padding:15px;text-align:left}
.clearfix:after{content:"";display:table;clear:both}
a:link{color:#4197ee;background-color:transparent;text-decoration:none}
a:hover{color:red;background-color:transparent;text-decoration:none}
.clearfix:after{content:"";display:table;clear:both}
table{border-collapse:collapse;width:60%}
td.one{width:135px;padding:8px;text-align:left;font-weight:bold;border-bottom:1px solid #ddd}
td.two{padding:8px;text-align:left;border-bottom:1px solid #ddd}
tr:nth-child(even){background-color:#f2f2f2}
a:link{color:#4197ee;background-color:transparent;text-decoration:none}
a:hover{color:red;background-color:transparent;text-decoration:none}
.infoprod{width:100%;max-width:600px;height:auto;padding:10px 5px;margin:0 85px;display:inline-block;border:1px solid #eee}
.image{float:left;width:36%}
.infor{text-align:left;font-size:20px;float:right;width:64%}
h{display:block;font-style:normal;font-size:16px;color:#444;line-height:150%;text-align:left}
.buyinstall{margin-top:5px;padding:5px;color:#fff;text-transform:uppercase;text-align:center;border:2px solid #288ad6;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background:#288ad6;font-size:14px;text-decoration:none;display:inline-block}
.buyinstall:active{position:relative;top:1px}
.Buton_Detail{margin-top:5px;padding:5px;color:#ffffff;text-transform:uppercase;text-align:center;border:2px solid #f89406;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background:#f89406;font-size:14px;text-decoration:none;display:inline-block}
.Buton_Detail:active{position:relative;top:1px}
*/

/* 11:05:52 09/12/2015 */
.stickcompare{display:block;background:#fff;position:fixed;bottom:0;z-index:99;width:100%;max-height:180px;box-shadow:0 0 1px 0 rgba(0,0,0,.25);left:0}
.stickcompare .small{position:absolute;right:0;top:-39px}
.stickcompare .small ul{float:right;width:200px;background:#fff;border-radius:10px 10px 0 0;border:1px solid #ddd;border-bottom:0}
.stickcompare .small li{float:left;padding:10px 6px;font-size:14px;color:#666;font-weight:600;cursor:pointer}
.stickcompare .small li i{width:0;height:0;border-top:6px solid #288ad6;border-left:6px solid transparent;border-right:6px solid transparent;position:relative;top:6px;margin-left:5px;float:right}
.stickcompare .small li i.v2{border-bottom:6px solid #288ad6;border-top:none}
.stickcompare .small li:first-child{color:#288ad6}
.stickcompare .small li:last-child{color:red}
.stickcompare .small li span{float:left;font-size:12px;color:#999;margin:0}
.stickcompare .comlist{*display:block;display:table;max-width:1198px;width:100%;margin:0 auto;border-left:1px solid #ddd;min-height:166px}
.stickcompare .comlist li{*float:left;display:table-cell;vertical-align:middle;padding:20px 1% 20px 1%;border-right:1px solid #ddd;position:relative}
.stickcompare .comlist li:last-child{border:0}
.stickcompare .comlist li img{float:left;width:80px;height:80px;margin-right:10px}
.stickcompare .comlist li figure{overflow:hidden;max-width:220px;max-height:150px}
.stickcompare .comlist li h3{display:block;line-height:1.3em;font-size:14px;color:#288ad6;margin-bottom:3px;font-weight:600;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stickcompare .comlist li strong{float:left;font-size:13px;color:#d0021b}
.stickcompare .comlist li label{color:#888;font-size:12px;margin-left:0px}
.stickcompare .comlist li div{display:block;font-size:12px;color:#666;clear:both}
.stickcompare .comlist li p{ margin-top: 5px;clear:both}
.stickcompare .comlist li figure span{text-decoration:none;font-size:12px;color:#333;float:none;display:block;line-height:18px}
.stickcompare .comlist li button{position:absolute;top:4px;right:5px;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:20px;width:20px;height:20px}
.stickcompare .comlist li button sub{position:absolute;left:-1px;top:0;right:0;bottom:0;width:14px;height:14px;margin:auto;font-size:14px;color:#999;line-height:1}
.stickcompare .comlist li form{position:relative;display:block}
.stickcompare .comlist li form button{width:35px;height:34px;border:0;border-radius:0;position:absolute;top:1px;right:1px}
.stickcompare .comlist li input[type="search"]{display:block;width:90%;padding:8px;border:1px solid #ddd;font-size:14px;color:#666}
.stickcompare .comlist li .viewdisable{display:block;padding:10px;background:#d5d6d7;border-radius:5px;font-size:16px;text-transform:uppercase;color:#9e9e9e;text-align:center;width:60%;margin:auto}
.stickcompare .comlist li .viewfullcomp{display:block;padding:10px;background:#288ad6;border-radius:5px;font-size:16px;text-transform:uppercase;color:#fff;text-align:center;width:80%;margin:auto}
.stickcompare .comlist li .textmin{font-size:12px;color:#888;display:block;line-height:18px;text-align:center;margin-top:5px}
.stickcompare .search-suggestion-wrapper{position:absolute;margin-left:60px;margin-top:2px}
.stickcompare .search-suggestion-wrapper .search-suggestion-list{background:#fff;border:1px solid #ccc;font-size:12px;line-height:18px;position:absolute;bottom:40px;left:-59px;width:263px;z-index:1000}
.stickcompare .search-suggestion-wrapper .search-suggestion-list li{height:30px;margin:0!important;padding:0!important;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:355px;display:inline-block!important;width:100%}
.stickcompare .search-suggestion-wrapper .search-suggestion-list a{color:#333}
.stickcompare .search-suggestion-wrapper .search-suggestion-list li.selected,.stickcompare .search-suggestion-wrapper .search-suggestion-list li:hover{background-color:#2889d6;color:#fff}
.stickcompare .search-suggestion-wrapper .search-suggestion-list li a{display:inline-block;width:100%;padding-left:5px;vertical-align:-webkit-baseline-middle}
.stickcompare .search-suggestion-wrapper .search-suggestion-list li:hover a,.stickcompare .search-suggestion-wrapper .search-suggestion-list li.selected a{color:#fff;vertical-align:-webkit-baseline-middle}
.icontgdd-scomp{background-position:-175px -85px;width:18px;height:18px;position:absolute;top:8px;right:10px}
#search-autocomplete{background-color:#fff;border:1px solid #dfdfdf;box-sizing:border-box;display:none;left:-1px;padding:10px 0;position:absolute;top:40px;width:100%;z-index:99999;/* max-height:380px;*/
    
/* overflow-y:scroll;*/}
.bginfo,.box-promotion{position:absolute;top:0}
#search-autocomplete .autocomplete-item{box-sizing:border-box;float:left;padding:10px;width:100%}
#search-autocomplete .autocomplete-item div.img{border:1px solid #ccc;box-sizing:border-box;float:left;height:70px;padding:1px;text-align:center;vertical-align:middle;width:20%}
#search-autocomplete .autocomplete-item div.img img{max-height:100%;max-width:100%;height:100%}
#search-autocomplete .autocomplete-item div.content{box-sizing:border-box;float:right;width:75%}
.news_jobs *,ul.four_column *{box-sizing:border-box}
#search-autocomplete .autocomplete-item div.content a{color:#0072bc;float:left;font-size:14px;width:100%}
#search-autocomplete .autocomplete-item div.content span{float:left;margin:10px 0 0;width:100%}
#search-autocomplete .autocomplete-item div.content span.price{color:red;font:700 14px/17px Arial}
/*Thêm css 12/6/2017*/

/*Nút thời gian còn lại*/
.title-event{line-height:normal;float:LEFT;width:100%;padding:9px 0;text-align:center;color:#ffffff!important;border-radius:4px;font-size:16px;text-transform:uppercase;font-weight:600}
i.fa.fa-clock-o{font-size:14px;margin-right:10px;/* font-weight:normal;*/
color:#fdd504}
/*css cho đoạn text chính sách*/
.colpolicy li{display:block;overflow:hidden;line-height:1.3em;font-weight:600;padding:0 0 5px 4px;font-size:13px}
.colpolicy li:before{display:inline-block;margin-right:8px;content:'';width:0;height:0;border-left:5px solid #f56d0b;border-top:5px solid transparent;border-bottom:5px solid transparent}
/*css cho sản phẩm đã mua*/
a.preview{color:blue;text-decoration:underline}
/* Confront */
.confront .confront_title h3{font-size:20px;font-weight:100;padding:0 0 15px;border-bottom:1px solid #eee;margin-bottom:20px;margin-top:-1px;line-height:25px}
.confront .confront_title h3 span{font-weight:700}
.compare-table{display:table;border-spacing:0;border-collapse:collapse;width:100%;margin-top:-1px;box-sizing:border-box}
.cp-cell{display:table-cell;border:1px solid #eee;position:relative}
.cp-cell-1{width:20%}
/*.cp-cell-2{width:40%}
.cp-cell-3{width:40%}
*/
.cp-product{text-align:center}
.cp-product a{display:block;padding:10px}
.cp-product img{max-width:100%}
.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}
.cp-title{font-weight:700;font-size:16px;text-transform:uppercase;text-align:left;line-height:1.6;padding:10px}
.cp-color{text-align:center;padding:10px}
.cp-color-tag{display:inline-block;background:#fff;border:1px solid #288ad6;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;font-size:12px;color:#288ad6;text-align:center;margin-bottom:5px;padding:0 10px;margin-right:3px}
.cp_khuyenmai{text-align:left;padding:10px;min-height:165px}
.compare-table-title{background:#eee;padding:10px;font-size:16px;font-weight:700;text-transform:uppercase;box-sizing:border-box}
.cp-space{padding:10px;display:block}
.compare-row{display:table-row;width:100%}
.compare-buy{margin:20px 0}
.compare-buy .cp-cell{border:none!important}
.compare-buy-btn{display:block;padding:12px 5px;border-radius:5px;background:#f65400;text-align:center;font-size:15px;font-weight:700;color:#fff!important;margin:0 0 30px 25px;width:90%}
.compare-buy .cp-social{margin:0 0 5px 0;display:block}
.box_comment_aa h3{font-size:22px;margin:0 0 10px 0}
/* End Confront */
.compare-close-btn{/* display:block;*/
float:right;padding:5px;border-radius:5px;background:#f65400;text-align:center;font-size:15px;font-weight:700;color:#fff!important;margin:0 0 30px 25px;/* width:90%;*/}
.pull-left{float:left}
/*Add css 10/7/2017*/
button.btntop.btn-gui.btn.checkOrder{background-color:green;color:white}
button.btntop.btn-gui.btn.skipOrder{background-color:red;color:white}
/*add css 11/7*/

/*#style-7::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;border-radius:10px}
#style-7::-webkit-scrollbar{width:10px;background-color:#F5F5F5}
#style-7::-webkit-scrollbar-thumb{border-radius:10px;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.44,rgb(122,153,217)),color-stop(0.72,rgb(73,125,189)),color-stop(0.86,rgb(28,58,148)))}
*/

/*#style-7::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F5F5}
#style-7::-webkit-scrollbar{width:12px;background-color:#F5F5F5}
#style-7::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}
*/
#style-7::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5}
#style-7::-webkit-scrollbar{width:10px;background-color:#F5F5F5}
#style-7::-webkit-scrollbar-thumb{background-color:#F90;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}
/*add css 11/7/2017*/
.seeall{background-color:#fdd504;padding:10px;text-transform:uppercase;color:#12130e;font-weight:bold}
p.tvShpping{font-size:18px;font-family:'Roboto Condensed',sans-serif;font-weight:600;/* padding-top:5px;*/
height:27px}
.newsvideo a.follow{background-color:red;display:inline-block;float:right;padding:0 5px;margin:10px 0 0;text-transform:none;border-radius:2px;font-size:11px}
.newsvideo a.follow .btnYt{background:#fff;width:18px;height:12px;border-radius:2px;display:inline-block;vertical-align:middle;margin-right:5px;position:relative}
.newsvideo a.follow .btnYt .icyt{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid red;display:block;position:absolute;top:1px;left:50%;margin-left:-3px}
.newsvideo a.follow span{font-size:14px;vertical-align:middle}
ul.list-new-home li h3:hover{color:blue}
/*button announce*/
.buttonAnnounce{float:right;margin-top:10px;margin-right:30px;border-radius:10px;border:none;color:#FFFFFF;cursor:pointer;display:inline-block;font-family:Arial;font-size:43px;padding:9px 9px;text-align:center;text-decoration:none}
@-webkit-keyframes glowing{0%{background-color:#004A7F;-webkit-box-shadow:0 0 3px #004A7F}50%{background-color:#0094FF;-webkit-box-shadow:0 0 10px #0094FF}100%{background-color:#004A7F;-webkit-box-shadow:0 0 3px #004A7F}}
@-moz-keyframes glowing{0%{background-color:#004A7F;-moz-box-shadow:0 0 3px #004A7F}50%{background-color:#0094FF;-moz-box-shadow:0 0 10px #0094FF}100%{background-color:#004A7F;-moz-box-shadow:0 0 3px #004A7F}}
@-o-keyframes glowing{0%{background-color:#004A7F;box-shadow:0 0 3px #004A7F}50%{background-color:#0094FF;box-shadow:0 0 10px #0094FF}100%{background-color:#004A7F;box-shadow:0 0 3px #004A7F}}
@keyframes glowing{0%{background-color:red;box-shadow:0 0 3px red}50%{background-color:rgb(77,255,0);box-shadow:0 0 10px rgb(77,255,0)}100%{background-color:red;box-shadow:0 0 3px red}}
.buttonAnnounce{-webkit-animation:glowing 1500ms infinite;-moz-animation:glowing 1500ms infinite;-o-animation:glowing 1500ms infinite;animation:glowing 1500ms infinite}
/*button theo dõi youtube*/
a.subcribe.follow{/* float:right;*/
background-color:red;display:inline-block;float:right;padding:5px 5px;/* margin:10px 0 0;*/
text-transform:none;border-radius:2px;font-size:11px}
span.btnYt{background:#fff;width:18px;height:12px;border-radius:2px;display:inline-block;vertical-align:middle;margin-right:5px;position:relative}
b.icyt{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid red;display:block;position:absolute;top:1px;left:50%;margin-left:-3px}
.stickcompare{display:none;max-height:180px}
.wrapper{width:50%;margin:5em auto;position:relative}
.wrapper p{color:#fff;margin-top:50px}
.btn-sonar{position:absolute;background:#f33;border:0;border-radius:50%;width:10px;height:10px;display:block;color:#fff;outline:none;top:14px}
.btn-sonar::before{content:'';display:inline-block;position:absolute;width:100%;height:100%;border-radius:50%;top:0;left:0}
.btn-sonar::before{animation:sonar-effect 1s ease-in-out .1s infinite}
.down{position:relative;display:inline-block;animation:fade-down 2s infinite}
@keyframes sonar-effect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 5px #f00,0 0 10px 10px #f00,0 0 0 10px #f00}100%{box-shadow:0 0 0 5px #f00,0 0 10px 10px #f00,0 0 0 10px #f00;transform:scale(1.5);opacity:0}}
@keyframes fade-down{0%{opacity:1;transform:translateY(-20px)}50%{opacity:0.8;transform:translateY(15px)}100%{opacity:0;transform:translateY(20px)}}

.title-homenew p {
width: 100%;
display: inline-block;
color: red;
font-size: 12px;
text-align: right;
padding-left: 35px;
padding-top: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.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;padding-top:2px;padding-left:1px;cursor:pointer;font-style:normal;box-sizing:border-box}
ul#listItem2 {
background: #fff;
position: absolute;
right: 0;
width: auto;
z-index: 1000;
display: none;
top: 35px;
bottom: auto;
z-index: 99999;
background: #fff;
border: 1px solid #ccc;
}
ul#listItem2 li {
padding: 0 10px;
white-space: nowrap;
display: inline-block !important;
width: 100%;
border-top: solid 1px #ccc;
}
ul#listItem2 li:first-child {
border-top: none;
}
ul#listItem2 li a {
height: 30px;
line-height: 30px;
display: inline-block;
}
ul#listItem2 li:hover{background-color:#2889d6;color:#fff}
ul#listItem3{background:#fff;font-size:12px;line-height:18px;position:absolute;bottom:104px;left:12px;width:270px;z-index:1000}
ul#listItem3 li{/* padding:10px;*/
border:none;height:30px;margin:0!important;padding:10px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:355px;display:inline-block!important;width:100%;border-left:solid 1px #ccc;border-right:solid 1px #ccc;border-top:solid 1px #ccc}
ul#listItem3 li:hover{background-color:#2889d6;color:#fff}
.video-compare{width:100px;margin:auto;padding:5px!important;margin-bottom:10px}
.cp_khuyenmai span{display:block;padding:4px 0;position:relative;padding-left:18px}
.cp_khuyenmai a{color:#f65400;display:inline-block}
.cp_khuyenmai span::before{content:"\f00c";font-family:FontAwesome;color:#ff7f25;font-size:12px;position:absolute;top:5px;left:0}
.info-des-com p{display:block;padding:10px;position:relative;padding-left:18px;text-align:left;border-bottom:solid 0.1px #eeeeee;height:50px}
.sddnb{display:block;overflow:hidden;position:initial;cursor:pointer;width:310px;height:auto;text-align:center;vertical-align:middle}
li.cp-cell-1.cp-cell.cp-product{vertical-align:middle}
span.eImg{display:block;background-color:#f4f2f3;color:#999;vertical-align:middle;text-align:center;height:234px;padding-top:25%;box-sizing:border-box;margin:5%}
input.search-compare-detail{display:block;width:90%;padding:8px;border:1px solid #ddd;font-size:14px;color:#666}
.sddnb ul#listItem3{background:#fff;font-size:12px;position:absolute;bottom:216px;left:0;width:297px;z-index:1000;border:1px solid #ddd}
.sddnb ul#listItem3 li{padding:0;border:none}
.sddnb ul#listItem2{background:#fff;font-size:12px;position:absolute;bottom:216px;left:0;width:297px;z-index:1000;border:1px solid #ddd}
.sddnb ul#listItem2 li{padding:0;border:none}
.bankBox{display:none}
.img-bank{width:15%;display:inline-block;vertical-align:top}
.detail-bank{width:80%;display:inline-block;padding-left:25px}
.detail-bank p{margin-bottom:5px}
ul.listBankATM{height:85px;overflow-y:scroll}
input#credit{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}
.boxFormPayment input[type='number']{height:30px;width:50px;text-align:center;font-size:14px;font-weight:bold}
.row-order{min-height:70px;vertical-align:middle!important;padding:5px}
th{vertical-align:middle!important}
.img-chord img{padding:10px;height:120px;width:100%;object-fit:cover}
li.order{float:right}
.filter-bg-child{width:49%;display:inline-block;vertical-align:top}
#otherProp .filter-bg{width:350px}
.filter-bg-child .btn{font-size: 12px; padding: 5px 10px;font-weight:bold}
div#tone{display:inline-block;min-width:25px}
.compareWith{bottom:35px!important;width:327px!important;left:0!important;border:1px solid #ccc}
.filter li.barpage{display:inline-block;overflow:hidden;vertical-align:top;line-height:40px}
.filter li.barpage label{display:inline-block;font-size:12px;color:#288ad6;margin-right:10px;cursor:pointer}
.filter li.barpage.prevent a{pointer-events:none}
.filter li label{display:block;padding:5px 0 6px;cursor:pointer}
.filter li.barpage a{display:inline;line-height:normal;padding-left:0;vertical-align:top;line-height:18px}
.filter li a{color:#288ad6;display:inline-block;vertical-align:top;padding-left:10px;line-height:40px}
.filter li.barpage i{margin-right:5px}
li#prom{height:32px;padding:5px 50px}
input#prom_input{width:20px;/* height:20px;*/
vertical-align:text-bottom}
span#prom_span{font-size:14px;color:#288ad6}
#bg-article ul{list-style:inherit!important;padding-left:15px}
#bg-article ol{padding-left:15px}
.post_content ul{list-style:inherit;padding:0 15px}
.post_content ol{list-style:inherit;padding:15px}
.listEvent{position:relative;float:left;display:block;padding-top:5px;padding-left:16px;color:#f33;font-size:12px;border-radius:3px 3px 0 0;width:68%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.c-product-item_info.main-video h4 > a{color:#fff;display:block;font-size:18px}
#cfacebook{position:fixed;bottom:0;right:10px;z-index:999999999999999;width:300px;height:auto;box-shadow:6px 6px 6px 10px rgba(0,0,0,0.2);border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden}
#cfacebook .fchat{float:left;width:100%;height:270px;overflow:hidden;display:none;background-color:#fff}
#cfacebook .fchat .fb-page{margin-top:-130px;float:left}
#cfacebook a.chat_fb{float:left;padding:0 25px;width:300px;color:#fff;text-decoration:none;height:40px;line-height:40px;text-shadow:0 1px 0 rgba(0,0,0,0.1);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAMAAABFoMFOAAAAWlBMV�8/UxBxQDQuFwlpqgBZBq6+P+unVY1GnDgwqbD2zGz5e1lBdwvGGPE6OgAAAABJRU5ErkJggg==);background-repeat:repeat-x;background-size:auto;background-position:0 0;background-color:#3a5795;border:0;border-bottom:1px solid #133783;z-index:9999999;margin-right:12px;font-size:18px}
#cfacebook a.chat_fb:hover{color:yellow;text-decoration:none}
a.bt-payment.next{background-color:#0084cb;margin-top:5px}
a.bt-payment.next:hover{background-color:#58ae39}
.pagination > li > a.active{background:#fdd504;color:#000}
/*==== start style thêm phần lọc====*/
.filter1{display:block;height:40px;background:#f5f5f5;border-right:1px solid #f5f5f5;width:100%}
.filter1 li:nth-child(1){margin-left:0}
.filter1 li{display:inline-block;height:40px;width:auto;vertical-align:top;font-size:12px;position:relative;white-space:nowrap;margin-left:10px}
.filter1 li h2{display:inline-block;vertical-align:top;line-height:40px;padding-left:10px;font-size:13px;font-weight:bold;color:#666}
.filter1 li a{color:#288ad6;display:inline-block;vertical-align:top;padding-left:15px;line-height:40px}
.filter1 li .criteria{display:inline-block;overflow:hidden;font-size:12px;color:#288ad6;padding-left:10px;cursor:pointer;line-height:40px}
.filter1 li .criteria: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}
.filter1 li:last-child{float:right;margin-right:10px}
.filter1 li .manufacture{min-width:400px;display:block;padding:15px 10px;left:30%}
.filter1 li div:before,.filter1 li div:after{content:'';width:0;height:0;position:absolute;bottom:100%;left:85%;border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent}
.filter1 li div a{color:#333;display:inline;padding:0;margin:0;line-height:normal}
.filter1 li div .all{display:block;overflow:hidden;border-bottom:1px solid #d9d9d9;font-size:14px;color:#333;padding:10px 0}
.filter1 li div{/* display:block;*/
overflow:visible;background:#fff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 10px 10px 0 rgba(0,0,0,.1);position:absolute;top:40px;z-index:11}
.filter1 li aside{float:left;width:50%;padding:10px 0}
.filter1 li.fmenu label{display:block;padding:5px 0 6px;cursor:pointer}
.filter1 li .feature{text-align:left;right:0;width:500px;display:block}
.filter1 li .feature i{margin-left:-20px}
.filter1 li .feature:before,.filter1 li .feature:after{left:90%}
.filter1 li .rowfeature{float:none;width:100%;border-bottom:1px solid #d9d9d9;display:block;padding:0}
.filter1 li .rowfeature aside{width:50%}
.filter1 li aside{float:left;overflow:hidden;width:50%;padding:10px 0}
.filter1 li aside.property strong{padding-top:10px}
.filter1 li .feature label{padding-left:20px;padding-top:5px}
.filter1 li label{display:block;padding:10px 0 6px;cursor:pointer}
.filter1 li.barpage label{display:inline-block}
.filter1 li aside.rowfeature a.other{display:block;padding:10px;text-align:center;color:#288AD6}
.filter1 li aside.rowfeature a.other: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:1px}
/*====END THÊM PHẦN LỌC====*/
.ul-edit-finter li{display:list-item;height:30px!important;width:30%;float:left;vertical-align:baseline;position:unset;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ul-edit-finter li:nth-child(1){margin-left:10px!important}
.ul-edit-finter li:last-child{float:left;margin-right:auto}
.filter1 li div a.active{color:#288ad6}
.filter1 li .feature{min-width:400px;padding:15px 10px}
.filter1 > li > .click-filter,.filter > li > a{display:block;font-weight:400;border-radius:0;padding:5px 20px;position:relative;padding-right:25px}
.filter1 > li > .click-filter:before{font-size:10px;position:absolute;right:5px;top:7px;content:"\f078";font-family:FontAwesome}
.filter1 > li > .click-filter.selected:before{content:"\f077"}
.filter1 > li > .filter-bg{display:none;top:100%;right:-11px;z-index:9;min-width:180px;padding:10px;color:#fff;height:auto;min-height:130px}
.filter1 > li > .filter-bg ul li{display:table-row;height:0;width:100%;vertical-align:unset;font-size:12px;white-space:nowrap;margin-left:0;float:initial}
.filter1 > li > .filter-bg ul li a{font-size:12px;border-bottom:1px dotted #ccc;margin:0 15px;padding:9px 15px 9px 0;clear:both;font-weight:normal;line-height:1.42857143;color:#333;display:block}
.filter1 > li > .filter-bg ul li.active > a{background:url(images/icon-hover-mn.png) no-repeat center right;background-color:#fff;text-decoration:underline;font-weight:bold;color:#333;width:100%;float:left}
a.delete.mng-data-set{top:2px;font-size:20px;color:red}
span.txt-tin.fr{font-style:italic;font-size:14px;color:#288ad6}
.table-popcart.all.mb20.mt20.table-responsive{max-height:450px;overflow-y:scroll}
/*css mua hàng thành công*/
.picsuccess{display:block;overflow:visible;position:relative;width:600px}
.picsuccess img{display:block;width:100%;max-width:640px;height:auto}
.picsuccess .notistatus{position:absolute;left:0;right:0;bottom:-18px;width:280px;line-height:36px;font-size:16px;color:#00af1d;font-weight:600;text-align:center;display:block;margin:auto;text-transform:uppercase;background:#fff;border-radius:20px;box-shadow:0 1px 2px 0 rgba(0,0,0,.16)}
.iconsuccess{background-position:-25px 0;width:19px;height:15px;margin-right:3px}
.iconnoti{background:url(https://cdn.tgdd.vn/v2015/Content/desktop/images/V4/iconcartmobile@2x.png) no-repeat;background-size:80px 85px;width:20px;height:20px;vertical-align:middle;display:inline-block}
.thank{display:block;overflow:hidden;width:560px;margin:auto;color:#333;line-height:22px;padding:40px 20px 20px;background:#fff}
.clr{clear:both}
.titlebill{display:block;margin:0 20px;line-height:30px;font-size:14px;color:#333;background:#f3f3f3;text-transform:uppercase;padding:0 10px}
.infoorder,.callship,.cty{display:block;overflow:hidden;font-size:14px;color:#333;padding:10px 20px 0 20px;margin:auto;background:#fff}
.infoorder div{display:block;overflow:hidden;margin-bottom:5px;padding-left:10px}
.infoorder div:before{content:'•';display:inline-block;vertical-align:middle;margin-right:5px;font-size:20px;color:#999;margin:0 3px 0 -10px}
.infoorder a{color:#288ad6}
.callship{line-height:22px;padding-bottom:10px}
.infoorder,.callship,.cty{display:block;overflow:hidden;font-size:14px;color:#333;padding:10px 20px 0 20px;margin:auto;background:#fff}
.titlebill{display:block;margin:0 20px;line-height:30px;font-size:14px;color:#333;background:#f3f3f3;text-transform:uppercase;padding:0 10px}
.listorder{display:block;overflow:visible;background:#fff;width:600px;margin:auto}
.buyother{display:block;overflow:hidden;background:#fff;line-height:40px;text-align:center;margin:15px auto;width:300px;font-size:14px;color:#288ad6;font-weight:600;text-transform:uppercase;border:1px solid #288ad6;border-radius:4px}
.vuivui .container{width:600px;background:#fff;margin:20px auto 0 auto;padding-bottom:5px;margin-bottom:20px;box-shadow:0 0 20px rgba(0,0,0,.15);min-width:50%;padding:0 0 0 0}
section.vuivui{max-width:1200px;width:100%;min-width:980px;margin:0 auto 0;position:relative}
.listorder li{display:block;overflow:visible;border-bottom:1px solid #eee;padding:10px 0;margin:0 20px}
.listorder li .colimg{float:left;overflow:hidden;width:75px}
.listorder li a{display:block;overflow:hidden}
.listorder li .colinfo{display:block;overflow:visible;margin-left:75px}
.listorder li .colinfo strong{font-weight:300;font-size:14px;color:#c10017;float:right;margin-right:10px}
.listorder li .colinfo a{display:inline-block;font-size:14px;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;width:62%}
.onecolor{float:left;position:relative;background:#fff;font-size:14px;color:#333;margin-top:10px}
.onecolor span{color:#999}
.quan{float:right;margin-top:10px;margin-right:10px}
.quan span{color:#999}
.listorder li .promotion.choose{overflow:visible!important;margin-top:5px!important;float:left;width:90%}
.listorder li .promotion{background:#fff;padding:5px;height:auto;margin:10px 10px 0 0;display:block;overflow:hidden}
.listorder li .promotion.choose .title{color:#288ad6;font-size:12px;text-align:left;pointer-events:none}
.listorder li .promotion.choose .title label{cursor:pointer;color:#288ad6;font-size:12px;position:relative}
.listorder li .promotion.choose .title label:after{content:'';width:0;right:-20px;border-top:6px solid #288ad6;border-left:6px solid transparent;border-right:6px solid transparent;display:inline-block;vertical-align:middle;float:right;position:absolute;top:5px}
.listorder li .promotion span{display:block;overflow:hidden;padding-left:10px;color:#333;margin-bottom:5px;font-size:12px}
.listorder li .promotion span:before{content:'•';display:inline-block;vertical-align:middle;margin-right:5px;font-size:20px;color:#999;margin:0 3px 0 -10px}
.listorder li .promotion.choose a{display:inline-block;width:auto;font-size:12px;overflow:initial;color:#288ad6}
/*update*/
.img-giasu{margin-bottom:50px;text-align:center}
.img-giasu img{height:150px;width:150px;border-radius:50%}
.upload-img-giasu input[type="file"]{height:0.1px;width:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.blah{border-radius:50%}
.chonanh-giasu{background:#fdd504;padding:5px 10px;/*color:white;*/
border-radius:5px}
.chonanh-giasu:hover{opacity:0.8}
.frm-giasu .form-group{width:100%;padding:0 5px;float:left}
.frm-giasu .form-group .control-div input{}
.frm-l-giasu{width:50%}
.frm-r-giasu{width:50%;float:right}
.gia-dhoc-giasu{width:50%!important;float:left}
.busy{background-color:#4CAF50}
.lich-gday-giasu tr,.lich-gday-giasu td,.lich-gday-giasu th{border:1px solid #cecece!important}
.btn-capnhat-gs{text-align:center}
.capnhat-giasu{text-align:center;padding:10px 30px;background:#e7361f;color:white;font-weight:bold;border:0;border-radius:5px}
.capnhat-giasu:hover{opacity:0.8}
.upload-img-giasu{margin-top:15px}
.legend{display:inline-block;width:25pt;height:18pt;background-color:#4CAF50}
.frm-left-khoc-video{width:33%;float:left;margin-bottom:20px}
.sl-trinhdo{height:35px;width:100%;border:1px solid #cecece}
.sl-baihoc{height:35px;width:100%;border:1px solid #cecece}
.add-video-kh-r{width:65%;float:right}
.item-upload-video{position:relative;width:49%;float:left;height:170px;/*  padding:5px;*/
margin-right:1%;margin-bottom:5px}
.item-upload-video [type="file"]{height:unset;width:70px;overflow:hidden;position:absolute;z-index:1;top:0;width:100%;height:130px;opacity:0}
.tieude-baihoc-video{width:100%;height:30px;text-indent:5px}
.add-video-kh-r{padding:10px;height:510px;overflow-x:hidden;border:1px solid #d5d5d5}
.chon-video-bh{font-size:15px;font-weight:bold;margin-bottom:15px}
.giadagiam-kh-video{width:49%;float:right}
.giagoc-kh-video{width:49%;float:left}
.gioithieu-kh-video{width:100%;margin:10px 0;margin-top:20px;clear:left}
.noidung-kh-video{width:100%;margin:10px 0}
.thongtin-giangvien{width:100%;margin:10px 0;clear:left}
.btn-dang-kh-video{text-align:center;padding:10px 30px;background:#e7361f;color:white;font-weight:bold;border:0;border-radius:5px}
.btn-dang-kh-video:hover{opacity:0.8}
.frm-kh-tt-l{width:40%;float:left;min-height:500px}
.frm-kh-tt-r{width:58%;float:right;min-height:500px}
.box-upload-img-tt{height:260px;margin-bottom:15px}
.thongtin-ttam{width:100%;float:left}
.tit-lb{font-size:13px;font-weight:bold}
.box-video-tqua-hv{height:55%;float:left;width:100%;position:relative}
.uploadPreview>div{width:110px;height:110px;float:left;margin-right:10px;margin-bottom:10px}
.uploadPreview>div>img{width:100%;height:100%}
.input-them-kh-tt{width:110px;height:110px;/* position:relative;*/
float:left;background-image:url(../../../css/images/avata_upload.png);background-size:cover;border:1px solid #d0d0d0;margin-right:10px}
.input-them-kh-tt>input{width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:0}
.themanhtt{width:100%;float:left;overflow-x:hidden;height:100%;padding:15px;border:1px solid #d8cdcd;margin:10px 0}
li.list-group-item i.active{border-radius:100%;width:16px;background:#19dc51}
.u-learn-what{background:#fff;border:1px solid #d7d7d7;border-radius:3px;padding:15px;display:inline-block;margin-top:10px;width:100%}
.u-learn-what h3{font-size:18px;font-weight:bold;margin-bottom:20px}
.u-learn-what .title{color:#333;padding:0 30px;margin:0 0 15px 0;position:relative;font-size:14px}
.u-learn-what .title:before{position:absolute;content:"\f00c";left:10px;top:0;font-family:FontAwesome;color:green}
.u-learn-what .col-sm-6{width:50%;float:left}

.lprod-fillter .filter li .filter-bg{
z-index: 9999;
}
.lprod-fillter .filter li:nth-child(2) {
width: auto;
    
}
 

.lprod-fillter .filter li:nth-child(2) .filter-bg ul li{
width: 50%;
float: left;
}
.lprod-fillter .filter li:last-child .filter-bg ul li{
width: 100%;
float: left;
}

.cd-box {
color: #fff;
background: #ff0000;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff0000 0%, #bc0000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#bc0000));
background: -webkit-linear-gradient(top, #ff0000 0%,#bc0000 100%);
background: -o-linear-gradient(top, #ff0000 0%,#bc0000 100%);
background: -ms-linear-gradient(top, #ff0000 0%,#bc0000 100%);
background: linear-gradient(to bottom, #ff0000 0%,#bc0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#bc0000',GradientType=0 );
}

.cd-box #getting-started {
font-size: 2.5em;
color: #fff;
text-shadow: 0px -1px 0px #555;
}

.news_archicle {
width: 100%;
display: inline-block;
}

.news_archicle .news_archicle2 {
background: #ecf8ff;
}

.news_archicle ul li {
position: relative;
display: inline-block;
}

.news_archicle .normal.last {
margin-right: 0;
}

.news_archicle .news_archicle1 h2, .news_archicle .news_archicle2 h2 {
width: 100%;
background: #fff;
font-family: 'Roboto',sans-serif;
font-size: 23px;
color: #383838;
padding-bottom: 15px;
}

.news_archicle .news_archicle1 h2 a, .news_archicle .news_archicle2 h2 a {
color: #1c1c1c;
}

.news_archicle .news_archicle2 img {
width: 49%;
float: right;
height: 225px;
}

.news_archicle .news_archicle2 .infohl {
float: left;
margin-right: 24px;
margin-left: 24px;
width: 45%;
margin-top: 20px;
}

.news_archicle .news_archicle2 p {
font-size: 14px;
line-height: 19px;
font-weight: normal;
display: inline-block;
color: #737373;
}
 

.news_archicle .normal img {
width: 100%;
height: 158px;
}

.news_archicle .normal h2 a {
color: #060606;
display: inline-block;
font-family: 'Roboto',sans-serif;
margin-top: 12px;
font-size: 14px;
line-height: 20px;
margin-bottom: 24px;
font-weight: 500;
}

.news_archicle span.labelbrand {
color: #8ca0af;
font: normal 12px/16px Arial;
margin-top: 14px;
margin-bottom: -8px;
display: block;
}

.compare-table .btn-primary {
display: inline-block;
padding: 5px 20px;
}

.flash-sale-header-with-countdown-timer__header {
padding-left: 16px;
width: auto;
height: 30px;
line-height: 30px;
text-transform: uppercase;
display: inline-block;
background-size: contain;
float: left;
margin-top: 7px
}
.flash-sale-header-with-countdown-timer__header img { -webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);}
.area_order {
width: 100%;
background-image: url(https://cdngarenanow-a.akamaihd.net/shopee/shopee-pcmall-live-sg/assets/a4320a9a13d12e6adf5b81c81fdce433.jpg),linear-gradient(-90deg,#f0451e 9%,#f32424 96%);
height: 40px;
line-height: 40px;
border-radius: 5px
}

.number {
background: #333;
width: auto;
height: 20px;
border-radius: 5px;
float: right;
margin-right: 10px;
line-height: 20px;
text-align: center;
font-weight: bold;
color: #fff;
margin-top: 10px;
padding: 0 10px;
}

.oclock {
margin-right: 5%;
}

/*mua combo*/
.h2game {
display: block;
line-height: 1.3em;
font-size: 20px;
color: #333;
margin: 20px 0 10px 0;
}
.gamecombo ul {
display: block;
overflow: hidden;
margin-top: 10px;
border: 1px solid #ddd;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 10px;
}
.gamecombo ul.n6 li {
float: left;
overflow: hidden;
/*width: 20%;*/
}
.gamecombo li div {
overflow: hidden;
color: #288ad6;
text-align: center;
}
.gamecombo li div img {
width: auto;
height: 100px;
}
.gamecombo li div.first {
padding-left: 60px;
}
.gamecombo li div.info {
text-align: left;
padding: 0 5px;
}
.gamecombo 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: 14px/18px Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
}
[class^="icontgdd-"], [class*="icontgdd-"], [class^="iconmobile-"], [class*="iconmobile-"] {
background-image: url(//cdn.thegioididong.com/v2015/Content/desktop/images/V4/icondesktop@1x.png?v=001);
background-repeat: no-repeat;
display: inline-block;
height: 30px;
width: 30px;
line-height: 30px;
vertical-align: middle;
}
.iconmobile-uncheck {
background-position: -145px -30px;
width: 16px;
height: 16px;
display: inline-block;
vertical-align: sub;
margin-right: 5px;
}
.active .iconmobile-uncheck {
background-position: -165px -30px;
}
.gamecombo li strong {
display: inline-block;
color: #d0021b;
padding: 10px 0 10px 0;
}
.gamecombo li span.line {
text-decoration: line-through;
}
.gamecombo li span {
color: #666;
font-size: 12px;
padding: 10px 0 10px 0;
}
.gamecombo li div.info a {
text-align: left;
}
.gamecombo li a {
display: block;
overflow: hidden;
color: #288ad6;
text-align: center;
}
.gamecombo li a.botbtn {
display: none;
}
.gamecombo ul.n6 li.tt {
padding: 20px;
}
.gamecombo .bb {
margin-top: 30px;
text-align: left;
}
.gamecombo .bb label {
font-size: 16px;
}
.gamecombo li .area_price {
padding: 0;
text-align: left;
}
.gamecombo li .area_price strong {
display: inline-block;
font-size: 20px;
padding: 0;
margin: 10px 0;
}
.gamecombo li .area_price strong.line {
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #999;
text-decoration: line-through;
margin: 0;
}
.gamecombo .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);
}
.gamecombo .buy_now span {
display: block;
font-size: 13px;
color: #fff;
text-transform: none;
padding: 3px 0;
}
/*end mua combo*/

/*wholesale*/
.wholesale-box {
float: left;
width: 100%;
}
.wholesale-box li {
float: left;
width: 25%;
height: 50px;
margin: 15px 0;
}
.wholesale-box li span {
float: left;
width: 100%;
font-size: 15px;
}
.wholesale-box li p {
float: left;
width: 100%;
font-size: 15px;
font-weight: bold;
color: #f00;
margin: 5px 0 0;
}
.quantity-box {
float: left;
width: 100%;
margin: 0 0 15px 0;
}
.quantity-box label {
float: left;
width: 120px;
height: 35px;
line-height: 35px;
font-size: 15px;
font-weight: normal;
margin: 0;
}
.quantity-box input {
float: left;
width: 100px;
height: 35px;
font-size: 18px;
font-weight: bold;
text-align: center;
border: 1px solid #ccc;
}
/*end wholesale*/

/*sp da xem*/
.box-view {
top: 50%;
right: 0;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
position: fixed;
box-sizing: border-box;
z-index: 9999;
}
.box-view-min {
width: 75px;
border: 3px solid #000;
}
.box-view-min .title {
text-align: center;
line-height: 20px;
color: #fff;
font-weight: 700;
height: 30px;
background: #000;
color: #fff;
padding: 5px 7px;
margin: 0;
}
.box-view-min .icon {
position: fixed;
right: 75px;
width: 25px;
height: 45px;
top: 30px;
background: #000;
z-index: 9999;
color: #fff;
cursor: pointer;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}
.box-view-min .icon::before {
content: "\2039";
position: absolute;
font-size: 30px;
line-height: 20px;
left: 15px;
cursor: pointer;
color: #ffffffa6;
padding: 10px 0;
}
.box-view-min .icon::after {
content: "\2039";
position: absolute;
font-size: 30px;
line-height: 20px;
left: 10px;
padding: 10px 0;
}
.box-view-min ul li {
width: 100%;
padding: 5px;
}
.box-view-min ul li .p-img {
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 2px;
background-color: #fff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.56);
box-sizing: border-box;
}
.box-view-min ul li .p-img img {
width: 100%;
}

.box-view-max {
width: 500px;
display: none;
}
.box-view-max .title {
color: #fff;
font-weight: 700;
background: #000;
color: #fff;
padding: 10px;
margin: 0;
font-size: 16px;
}
.box-view-max .title .icon-mini, .box-view-max .title .icon-close {
float: right;
width: 25px;
height: 25px;
background: rgb(41, 41, 41);
margin: 0 0 0 10px;
text-align: center;
line-height: 25px;
}
.box-view-max ul {
float: left;
width: 100%;
background: #fff;
border: 3px solid #000;
}
.box-view-max ul li {
padding: 5px;
float: left;
width: 33.33%;
}
.box-view-max ul li .p-img {
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 2px;
background-color: #fff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.56);
box-sizing: border-box;
}
.box-view-max ul li .p-img img {
width: 100%;
}
.box-view-max ul li a.name {
width: 100%;
text-align: center;
float: left;
margin: 10px 0 0;
font-size: 15px;
height: 35px;
overflow: hidden;
}
.box-view-max ul li p.price {
width: 100%;
text-align: center;
float: left;
margin: 10px 0 0;
font-size: 16px;
font-weight: bold;
color: #f00;
}

/*sp da xem*/
.fancy-box {
display: none;
}
.fancy-box ul {
width: 100%;
float: left;
}
.fancy-box ul li {
width: 25%;
float: left;
}
.fancy-box ul li .combo-item {
margin: 10px;
padding: 15px;
box-sizing: border-box;
border: 1px solid #ccc;
float: left;
}
.fancy-box ul li .combo-item a {
height: 45px;
}
.fancy-box ul li .combo-item a.img-box {
height: 230px;
position: relative;
}
.fancy-box ul li .combo-item a.img-box img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}

.fancy-box ul li a {
font-weight: bold;
overflow: hidden;
text-align: center;
width: 100%;
float: left;
}
.fancy-box ul li span {
float: left;
text-align: center;
}
.fancy-box ul li .combo-item p {
float: left;
text-align: center;
width: 100%;
}
.fancy-box ul li span.current-price {
font-weight: bold;
color: #c10017;
font-size: 14px;
}
.fancy-box ul li span.line {
color: #999;
font-size: 14px;
text-decoration: line-through;
float: right;
}
.fancy-box ul li span.old-price {
text-decoration: line-through
}
.fancy-box ul li a.select {
border: 1px solid #c10017;
text-transform: uppercase;
line-height: 37px;
margin: 15px 0 0;
height: 40px;
}
#view-cart .line {
text-decoration: line-through;
color: #666;
font-weight: normal;
}

.learn-history {
position: fixed;
left: 0;
bottom: 0;
width: 300px;
z-index: 9999;
background: #fff;
}
.learn-history .title {
background: #1aaf3a;
height: 35px;
text-align: center;
line-height: 35px;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
position: relative;
color: #fff;
}
.learn-history .title .close {
position: absolute;
right: 10px;
top: 0;
font-weight:bold;
color:#f00;
font-size: 20px;
}
.learn-history .title .open {
position: absolute;
right: 0px;
top: 0px;
font-weight: bold;
color: #fff;
font-size: 20px;
width: 30px;
height: 30px;
border: 2px solid #fff;
border-radius: 100%;
margin: 5px;
line-height: 25px;
background: #000;
}
.learn-history .note {
height: 200px;
overflow-y: scroll;
}
.learn-history .note, .learn-history .form {
padding: 15px 15px 0 15px;
}
.learn-history .note li {
border-bottom: 1px dotted #ccc;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
line-height: 20px;
}
.learn-history button {
background-color: #1aaf3a;
border: 0 none;
border-radius: 2px;
color: #fff;
font-size: 13px;
font-weight: bold;
padding: 9px 13px;
text-align: center;
}
.fancybox-image, .fancybox-spaceball {
width: auto !important;
right: 0;
margin: auto;
}
.detail-fix{
display: none;
}
.area_order.detail-fix {
width: 100%;
background: none;
margin: 0;
padding: 0;
float: none;
}
.detail-fix .buy_now {
display: inline-block;
float: none;
overflow: hidden;
padding: 0 30px;
border-radius: 5px;
font-size: 14px;
height: 35px;
line-height: 35px;
width: auto;
margin: 0;
}
.detail-fix .phone_pd_btn {
line-height: normal;
float: none;
padding: 0 30px;
border-radius: 5px;
font-size: 14px;
height: 35px;
line-height: 35px;
width: auto;
margin: 0 0 0 20px;
}
.detail-fix a:hover{
color: #fff;
}
.cart-box a {
background: #fff url(images/ic-cart.png) no-repeat left center / 20px 20px;
border: 1px solid #ccc;
border-radius: 5px;
/* padding: 0 0 0 20px; */
height: 30px;
line-height: 30px;
float: left;
width: 100%;
text-align: center;
}
.cart-box a:hover {
background: #288ad6 url(images/ic-cart.png) no-repeat left center / 20px 20px;
color: #fff;
}
.owl-next i, .owl-prev i {
width: 20px;
line-height: 50px;
}
.saving-complete {
position: absolute;
top: 634px;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.map-link a {
background: url(images/6_chi_duong_icon.png) no-repeat 0 0 / auto 15px;
margin: 0 0 0 10px;
text-indent: -9999px;
display: inline-block;
width: 80px;
height: 15px;
}

.countDownMiniGame {
text-align: center;
font-size: 22px;
padding: 20px 0;
background: #131313;
color: white;
}
.countDownMiniGame > span {
display: inline-block;
color: white;
}
.titleCountDown {
margin: 0;
font-size: 20px;
font-weight: 500;
}
.countDownMiniGame span, .countDownMiniGame .lof-clock-detail {
display: inline-block;
}
.titleCountDown {
margin: 0;
font-size: 20px;
font-weight: 500;
}
.countDownMiniGame .lof-clock-detail b {
font-size: 19px;
margin: 0 5px 0 0;
}
.countDownMiniGame ul {
margin: 0;
}
.countDownMiniGame ul li {
margin: 0;
padding: 0 20px;
display: inline-block;
border-right: 1px solid #fff;
}
.countDownMiniGame ul li:last-child {
border-right: none;
}
.countDownMiniGame ul li span {
font-size: 12px;
}
.menu-sale{
width: 100%;
display: block;
text-align: center;
}
.menu-sale li {
display: inline-block;
padding: 0 20px;
}
.menu-sale li a {
font-size: 14px;
text-transform: uppercase;
}
.menu-sale li a label {
cursor: pointer;
}
.border-box li {
display: inline-block;
border: 1px solid #333;
padding: 5px 15px;
border-radius: 5px;
margin: 0 10px 10px 0;
-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);
}
.border-box li.active {
border: 1px solid #fdd504;
}

#dat_hang {
display: none;
}
.title_dat_hang {
padding: 0 0 20px 0;
text-align: center;
font-size: 20px;
font-weight: bold;
display: block;
text-transform: uppercase;
width: 100%;
}
.body_dat_hang {
padding: 0 0 20px 0;
font-size: 15px;
line-height: 22px;
}
.link_dat_hang {
padding: 0 0 20px 0;
font-size: 15px;
}
.link_dat_hang a {
color: #00f
}
.form_dat_hang {
background: #f2f2f2;
padding: 15px;
box-sizing: border-box;
}
.form_dat_hang li {
width: 100%;
margin: 0 0 20px 0;
}
.form_dat_hang li label {
display: inline-block;
width: 15%;
}
.form_dat_hang li input[type="text"] {
display: inline-block;
width: 80%;
height: 35px;
line-height: 35px;
padding: 0 10px;
box-sizing: border-box;
}
.form_dat_hang li input[type="button"] {
width: 40%;
display: inline-block;
overflow: hidden;
padding: 10px 0;
border-radius: 4px;
font-size: 14px;
border: none;
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);
}
.fancybox-container{
z-index: 9 !important;
}
.map-link a {
background: url(images/6_chi_duong_icon.png) no-repeat 0 0 / auto 15px;
margin: 0 0 0 10px;
text-indent: -9999px;
display: inline-block;
width: 80px;
height: 15px;
}

.zoomContainer{ z-index: 9999;}
.zoomWindow{ z-index: 9999;}
.list-new-02 li .hm-reponsive {
padding: 0;
height: 185px !important;
}
.list-new-home li .hm-reponsive {
padding: 0;
height: 80px !important;
}
.article-content{
max-height: 600px;
overflow: hidden;
}
.article-content.open {
max-height: none;
overflow: hidden;
}
.pd-article-lf .show-more .readmore {
width: 120px;
display: block;
overflow: hidden;
position: relative;
line-height: 40px;
font-size: 16px;
color: #288ad6;
margin: 10px auto;
cursor: pointer;
border: solid;
border-width: thin;
text-align: center;
}
.pd-article-lf .show-more:before {
height: 55px;
margin-top: -45px;
content: -webkit-gradient(linear,0% 100%,0% 0,from(#fff),color-stop(0.2,#fff),to(rgba(255,255,255,0)));
display: block;
}
.p-slide-block {
border-top: 1px solid #edeff1;
margin: 15px 0 0;
padding: 15px 0 0;
}

/*rating*/
.bg-article .boxRatingCmt {
margin-bottom: 20px;
width: 100%;
}

.bg-article .boxRatingCmt .toprt {
border: solid 1px #ddd;
border-radius: 5px;
padding: 30px 15px;
margin-bottom: 20px;
}

.bg-article .boxRatingCmt .hrt {
overflow: hidden;
padding-bottom: 5px;
margin-bottom: 15px;
}

.bg-article .boxRatingCmt .crt {
height: 120px;
box-sizing: border-box;
}

.bg-article .boxRatingCmt .crt .lcrt {
width: 17%;
float: left;
border-right: solid 1px #eee;
padding-top: 31px;
height: 90%;
text-align: center;
box-sizing: border-box;
margin: 5px 10px 5px 5px;
}

.bg-article .boxRatingCmt .crt .lcrt b {
font-size: 40px;
color: #fd9727;
line-height: 40px;
}

.bg-article .boxRatingCmt .crt .lcrt b i {
vertical-align: initial;
width: 32px;
height: 32px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAABulJREFUeAHtW22IVFUYPu+ZYXe1rdytzE2x2IL9Si3sw7R00TJRwYKUjKC29rMgSuxfSFBBf8o+iN1hzUAIarEfoSUKqX2R/RA03Z3RIiIyU3R2CT92Z3fO23OuzjLNzp2558zcOys1IPfe975fz3Pe895zz15JlOiX7K5/g4jbdXgmGQl1RF8pRSpUiqDc3fCSEurt9NhSyA3UFd2cLgviPHACuK+pks8mT7LgynSAJOgcXReqoXX959Llfp9LvwNM8H82uT4TvNZxZIPJJybo+ywInAAAbXPDxCxc77nZFCoPlADuaZrHQtztljQz36V13O77IQ+UACWSeUfYi04xiQisCXLffVM4Hv8TZT4tFwAiMUTV1TfRuh8u5tIr1r3gKiA+tDYfeA3K0YFusQDm8xMYASxU3vJPJWuim7KxPQYyBTgyp16pRNQkSSnLGqjjSMzExkY3kApQPOp59FMgbGxStiZH3ysAK78yjo+dwNy+3igxEmeoOjwTK8OEiZ2prv8VcJYfMQWvQTg2cfWoKSBTfd8JKKShFWLrlQhfpwBvnVPLicQvGE2rOFgTMJWV3UbPHPnVKyBTPV8rQI2MPmsLXgPRtiox2moKykTfNwJ4X3MYI9hikkw2XZTO09pXtnvFkPlGgDh2ehVebmoKTdLxcfzU6kL9uNn7RkAxGxiz91WkG1A3uefmxB/WXS1YVgslq9DSqgUnq0QSR0FVipRzhDMcuQqtSx/1q29RCIZfJYgOwecggMSZKI4dlDicxxF/UJ+LEDsyocrjQoYHqePgBTfQ6XKHAO6uv0VIXosos+GsipgdQJeAAhBAYiPDt3mYnlCxzgFsBKSBIJDDIIdAnCYL11Lw74IrtlPX4RPEvY0P8FhyN0ZrSrGCXwl+nD1IEsslwL/1XwOvB0jvQQL3Zj1Hb78SRsyXHJnnSswTo9dUXxIpmVOKSZJig9MwSpZEaQITUYLCoY2S2mNfkwgvw6rtTGlSCT4qwMeJxcPU1r/XeQzqFJwXl5HETjSGhuBTCi4iwP+Mql+NgT+uo44vVPQbF1VMWYhK+Cq4dIKNBPDfoOwXpMD/iwB9QS2HhqiuZgUaY2+wqQUQjWgbVYceotZ+vTga/41PgXHJ5ROO1L3MSryJKTFeJZk6V8I1KpoBchN1Hns9W76uBGhljjRgO4s/xr+p2Ywnuwzgh4lDT1HXQJ9brjkJ0EbcWz+fk2JHMV5t3ZLwQw5gpyks11Bb9EAu/3nLm9piBylUdg/YPJzL0WS6h2bXj7X+vfnA65zzEqCVqO2nP7BFfT+c7tTXk/kH8Huo8tqF1BX7zUuengjQjvSXG9T5+BpB8l0vjkuiQ7KH6masoid//Ntr/Lw9IJsj7ml4Djs+72HTMpTtftAygFAk5Eabb4ysCNAA8SHDCuaxT/GYvCZowOnxUPLnAWI9dcZ2pMu9nlsToANwpH65UrzbazA/9GQotJLaB3bZ+vbcA7IGIJ6VVR6kUCVnFBKuIAKUoiWFBC+GLfYxmwvxUxABeKUsOQGF5mBNgN5Jxr7azYWwXwxbnQNHmmbb+rImAEuoko/+OGhWzePnhifWBKhJUP4prIXkYk0A/ngyaSqASFnnYkUA986dxULUpkag1EesSG/l7nkzbfKwIkCMjVgzbpOkJxtpl5MVAYpK//zPJMW2D1gRgPXzpKsA2/WA8bsAf9Q0Qw2PncwcAZtrvMjsgx36KTfb2GfayIpwDbX0/5Upz3VtXgEj9h03lQh2l4aklG2yM7aUOqJL9bmWpe5bH4d5samtMQGKCyMAo76dysP4DDa6RSeLa9bnjkzQZ6YA0vUVJY2npvFHD0h4CUo2Pa6nc4zwCRKh56lz4PNsBpdL9zHuaVzDIvkBQhg/1rBlZ0yAUQXw1jtvAPjGbADcZACODzOwVVU5rdENfLqt1tG6jo22NfpxI0fmG32Sa0SAGLtoNMcAPkYUXhzqjHYZ7dNhT8+xga324ZUDVA0oO2+UoxEBSnl7/GGajCLp12h27R3U0f+dVwCZetpW+3B8XfKZqTLhWgnRPEGYQ2DUA/DMXJSvJjEPD5CUrbJ9oF+IYzlCe7tFK3eNQHMTb2noE6OiF6+/C3JZ6hxz3c+8Z1QBMMbXY9l/AH5OEr2ArfNF2KMD+OL+qDV6VPt2YiBWDu/+9QCM/v5sgVHyX+AxhiYXe5/oVVShPz/t24khQ03oDV9mi4Icv88md5MZrQR529zpfGFkD5qN83/7APwUSXqR2qOfuAXwU8499evxVHoHoKfrOE7T5YoH9fd/XuMaEaCdct/akIgf1fOsXJTf+C217B/2GswPPTz2pqLzL8MOVULwVXvxhahuwP//vDLwD24ZMzJkloX5AAAAAElFTkSuQmCC");
background-size: 32px 32px;
}

.bg-article .boxRatingCmt .crt .lcrt span {
display: block;
color: #999;
font-size: 13px;
margin-top: 8px;
}

.bg-article .boxRatingCmt .crt .rcrt {
font-size: 13px;
overflow: hidden;
box-sizing: border-box;
padding: 10px 0;
width: 45%;
float: left;
border-right: solid 1px #eee;
}

.bg-article .boxRatingCmt .crt .rcrt span.t {
display: inline-block;
color: #333;
}

.bg-article .boxRatingCmt .crt .rcrt span.t i {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAj1JREFUSA21ljuLE1EUxzOTDRMYtpg0phdsAoIirlss4naCIllIgmDARbPNEj+AVTo7EWJjsIiEsHl0sh9g++CrSLWWrpAUu4UPlGwSf0dmwp0XM8h44HDPPed//ufcx+RGS8WUer1uTCaToyWSz+dvNZvN33FS9TggwUyn0yLcNzA3KbQTNy92gcViUVNIVVtx+03N7/J7KpXKRQocE3HwS+xLw+Hwsx/t9sRaAeSPFXJhkEKPxIiSyAKNRmMNkodeIk3Tdu2YN+SaRxYYj8d3yci7sphw4BfsmDfkmjt7mqpWq+ZsNsvRmUVybj6fWyBz6B563ZVlT8COwL5ieqqqZVlnrVbrp8C0crn8hvE+wIw4EhT5Tg7WIL6JkTS59Gmg23o6nS5inIgnSWH7vuq6XtR7vd4HiDdQGZOSj5lMZqPf77//e4v4YE6y2ewW7G8TqHAIx1a32/0iXKtr2ul0fhQKBdmu5xL4F2FbXsBxj4a/O/mra+o4ZORm7XP4L1VflM1+P2FLml7cagVqgE7eqfOY9igIF1jAvrpB+FBfWM5/L+A7g1KplKbNM3Q9tN3gwDfcFgc8V8O+FXBYVwEEkS85m9eixOU98Mo6H+0Vr9NXIGQvj0neHgwGNVGxIZIHyCW8G/Kz45KoAud0/Mw0zct88UdOptjikxi+c8fP6Csgj4lLSMqyihTjCK1xtz+5APak3W7/wnzKc9qnc9m2a+SZXmzQCqqAbgPeDCNXSWyM/Nu4YxjGAzUm9h+0KskbKVc12wAAAABJRU5ErkJggg==");
width: 12px;
height: 12px;
background-size: 12px 12px;
display: inline-block;
}

.bg-article .boxRatingCmt .crt .rcrt span.c {
display: inline-block;
color: #288ad6;
cursor: pointer;
}

.bg-article .boxRatingCmt .crt .rcrt span.c:hover {
color: #0c72c1;
}

.bg-article .boxRatingCmt .crt .rcrt span.n {
color: #333;
text-decoration: unset !important;
cursor: unset !important;
}

.bg-article .boxRatingCmt .crt .bcrt a.close-btt {
background: #fff;
color: #288ad6;
border: 1px solid #ddd;
}

.bg-article .boxRatingCmt .crt .rcrt .bgb {
width: 55%;
background-color: #e9e9e9;
height: 5px;
display: inline-block;
margin: 0 10px;
border-radius: 5px;
}

.bg-article .boxRatingCmt .crt .rcrt .bgb .bgb-in {
background-color: #f25800;
background-image: linear-gradient(90deg, #ff7d26 0%, #f25800 97%);
height: 5px;
border-radius: 5px 0 0 5px;
max-width: 100%;
}

.bg-article .boxRatingCmt .crt .rcrt .r {
padding: 1px 20px;
}

.bg-article .boxRatingCmt .crt .bcrt {
overflow: hidden;
}

.bg-article .boxRatingCmt .crt .bcrt a {
display: block;
width: 200px;
margin: 41px auto 0;
padding: 10px;
color: #fff;
background-color: #288ad6;
border-radius: 5px;
text-align: center;
box-sizing: border-box;
}

.bg-article .boxRatingCmt .rtpLnk {
display: inline-block;
padding: 7px 20px;
color: #288ad6;
border: solid 1px #288ad6;
border-radius: 3px;
text-align: center;
box-sizing: border-box;
margin: 0 0 20px;
}

.bg-article .boxRatingCmt .rtpLnk span {
margin-left: 10px;
font-size: 18px;
}

.bg-article .boxRatingCmt .tltRt {
float: left;
overflow: hidden;
display: inline-block;
width: 100%;
margin-right: 15px;
}

.bg-article .boxRatingCmt .tltRt h3 {
display: inline-block;
line-height: 1.3em;
font-size: 20px;
color: #333;
}

.bg-article .boxRatingCmt .tltRt a {
color: #288ad6;
font-size: 13px;
}

.bg-article .boxRatingCmt .tltRt form {
float: right;
display: inline-block;
padding: 0;
position: relative;
}

.bg-article .boxRatingCmt .tltRt form input {
padding: 10px 8px 10px 35px;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
font-size: 14px;
color: #999;
width: 240px;
height: 36px;
box-sizing: border-box;
margin: 0;
}

.bg-article .boxRatingCmt .tltRt form i {
position: absolute;
top: 10px;
left: 10px;
width: 20px;
height: 20px;
}

.bg-article .boxRatingCmt .first {
max-width: none;
}

.bg-article .boxRatingCmt .sRt {
overflow: hidden;
padding: 5px 0;
width: auto;
border-left: solid 1px #ddd;
padding-left: 20px;
vertical-align: middle;
box-sizing: border-box;
float: left;
}

.bg-article .boxRatingCmt .sRt a {
padding: 6px 10px;
border: 1px solid #288ad6;
background: #288ad6;
font-size: 13px;
color: #fff;
border-radius: 4px;
height: 34px;
text-align: center;
width: 190px;
}

.bg-article .boxRatingCmt .sRt span {
cursor: pointer;
}

.bg-article .boxRatingCmt .sRt i {
margin-right: 8px;
display: inline-block;
width: 11px;
height: 11px;
background-position: -201px -83px;
text-indent: -999999px;
margin-top: -3px;
}

.bg-article .boxRatingCmt form {
display: block;
overflow: hidden;
padding: 10px 0;
width: 100%;
}

.bg-article .boxRatingCmt form .ips {
margin: 0 0 10px;
height: 25px;
}

.bg-article .boxRatingCmt form .ips span:first-child {
display: inline-block;
margin-top: 2px;
float: left;
margin-right: 5px;
}

.bg-article .boxRatingCmt form .ips span.rsStar {
display: inline-block;
margin-left: 10px;
position: relative;
background: #52b858;
color: #fff;
padding: 2px 8px;
box-sizing: border-box;
font-size: 12px;
border-radius: 2px;
}

.bg-article .boxRatingCmt form .ips span.rsStar:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(82, 184, 88, 0);
border-right-color: #52b858;
border-width: 6px;
margin-top: -6px;
}

.bg-article .boxRatingCmt form .lStar {
cursor: pointer;
margin-left: 5px;
display: block;
float: left;
}

.bg-article .boxRatingCmt form .lStar i {
display: inline-block;
}

.bg-article .boxRatingCmt form .ct {
box-sizing: border-box;
width: 50%;
float: left;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
margin-top: 5px;
}

.bg-article .boxRatingCmt form .if {
box-sizing: border-box;
width: 49%;
float: right;
}

.bg-article .boxRatingCmt form .shr {
margin: 25px 0 0;
cursor: pointer;
display: inline-block;
box-sizing: border-box;
}

.bg-article .boxRatingCmt form .shr i {
vertical-align: text-bottom;
margin-right: 5px;
}
/*
.bg-article .boxRatingCmt form textarea {
font-size: 14px;
color: #999;
padding: 5px;
margin: 5px 0;
width: 100%;
height: 78px;
resize: none;
border: none;
box-sizing: border-box;
}

.bg-article .boxRatingCmt form textarea:focus {
color: #333;
}*/

.bg-article .boxRatingCmt form input {
border: 1px solid #ddd;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
font-size: 14px;
color: #999;
padding: 5px;
margin: 5px 0;
height: 28px;
width: 43%;
display: inline-block;
float: left;
margin-right: 10px;
color: #333;
}

.bg-article .boxRatingCmt form a {
background: #288ad6;
border: 1px solid #288ad6;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
font-size: 14px;
color: #fff;
padding: 9px 0;
margin: 5px 0;
width: 46%;
box-sizing: border-box;
display: inline-block;
text-align: center;
}

.bg-article .boxRatingCmt .pgrc {
display: none;
overflow: hidden;
clear: both;
}

.bg-article .boxRatingCmt .pgrc .pagcomment {
margin: 5px 0;
}

.bg-article .boxRatingCmt .pgrc a {
float: left;
padding: 4px 10px;
background: #eee;
border-radius: 3px;
text-align: center;
color: #333;
margin-right: 4px;
font-size: 12px;
cursor: pointer;
}

.bg-article .boxRatingCmt .pgrc a:hover {
background: #ddd;
}

.bg-article .boxRatingCmt .pgrc span {
float: left;
padding: 4px 10px;
background: #eee;
border-radius: 3px;
text-align: center;
color: #333;
margin-right: 4px;
font-size: 12px;
clear: none !important;
cursor: pointer;
}

.bg-article .boxRatingCmt .pgrc span.active {
float: left;
padding: 4px 10px;
background: #ccc;
border-radius: 3px;
text-align: center;
color: #333;
margin-right: 4px;
font-size: 12px;
clear: none !important;
cursor: pointer;
}

.bg-article .boxRatingCmt .ratingLst li.reply {
margin-left: 18px;
}

.bg-article .boxRatingCmt .ratingLst li.reply input {
border: 1px solid #ddd;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
font-size: 14px;
color: #999;
padding: 8px;
width: 385px;
margin-right: 8px;
}

.bg-article .boxRatingCmt .ratingLst li.reply input:focus {
color: #333;
}

.bg-article .boxRatingCmt .ratingLst .rrSend {
padding: 9px 10px;
border: 1px solid #288ad6;
background: #fff;
font-size: 13px;
color: #288ad6;
border-radius: 4px;
box-sizing: border-box;
height: 36px;
display: inline-block;
}

.bg-article .boxRatingCmt .ratingLst .ifrl {
margin: 10px 0;
color: #ccc;
}

.bg-article .boxRatingCmt .ratingLst .ifrl span {
color: #333;
}

.bg-article .boxRatingCmt .ratingLst .ifrl a {
color: #288ad6;
}

.bg-article .boxRatingCmt .rtQRp {
font-size: 13px;
margin-bottom: 15px;
}

.bg-article .boxRatingCmt .rtQRp .c {
border-right: solid 1px #ddd;
padding-right: 10px;
margin-right: 10px;
}

.bg-article .boxRatingCmt .rtQRp .a {
color: #288ad6;
cursor: pointer;
}
.modal {
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
height: 0vh;
background-color: transparent;
overflow: hidden;
transition: background-color 0.25s ease;
z-index: 100;
}

.modal.open {
position: fixed;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
transition: background-color 0.25s;
}

.modal.open > .content-wrapper {
transform: scale(1);
}

.modal .content-wrapper {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: 50%;
margin: 0;
padding: 2.5rem;
background-color: white;
border-radius: 0.3125rem;
box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5);
transform: scale(0);
transition: transform 0.25s;
transition-delay: 0.15s;
}

.modal .content-wrapper .close {
position: absolute;
top: 0.5rem;
right: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
border: none;
background-color: transparent;
font-size: 1.5rem;
transition: 0.25s linear;
z-index: 10;
background: none;
}

.modal .content-wrapper .close:after,
.modal .content-wrapper .close:before {
position: absolute;
content: "";
width: 1.25rem;
height: 0.125rem;
background-color: black;
}

.modal .content-wrapper .close:before {
transform: rotate(-45deg);
}

.modal .content-wrapper .close:after {
transform: rotate(45deg);
}

.modal .content-wrapper .close:hover {
transform: rotate(360deg);
}

.modal .content-wrapper .close:hover:after,
.modal .content-wrapper .close:hover:before {
background-color: tomato;
}

.modal .content-wrapper .modal-header {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 0;
padding: 0 0 1.25rem;
}

.modal .content-wrapper .modal-header h2 {
font-size: 1.5rem;
font-weight: bold;
}

.modal .content-wrapper .content {
position: relative;
display: flex;
}

.modal .content-wrapper .content p {
font-size: 0.875rem;
line-height: 1.75;
}

.modal .content-wrapper .modal-footer {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
margin: 0;
padding: 1.875rem 0 0;
}

.modal .content-wrapper .modal-footer .action {
position: relative;
margin-left: 0.625rem;
padding: 0.625rem 1.25rem;
border: none;
background-color: slategray;
border-radius: 0.25rem;
color: white;
font-size: 0.87rem;
font-weight: 300;
overflow: hidden;
z-index: 1;
}

.modal .content-wrapper .modal-footer .action:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 0%;
height: 100%;
background-color: rgba(255, 255, 255, 0.2);
transition: width 0.25s;
z-index: 0;
}

.modal .content-wrapper .modal-footer .action:first-child {
background-color: #2ecc71;
}

.modal .content-wrapper .modal-footer .action:last-child {
background-color: #e74c3c;
}

.modal .content-wrapper .modal-footer .action:hover:before {
width: 100%;
}
.comment-box .list-cmt {
list-style: none;
padding: 0;
margin: 0;
}

.comment-box .list-cmt > li {
margin-bottom: 20px;
display: inline-block;
width: 100%;
}

.comment-box .list-cmt > li .listreply-box {
display: block;
position: relative;
margin: 5px 0 0 0;
padding: 15px;
clear: both;
font-size: 14px;
color: #333;
line-height: 24px;
background: #f8f8f8;
border: 1px solid #dfdfdf;
}

.comment-box .list-cmt > li .listreply-box:after,
.comment-box .list-cmt > li .listreply-box:before {
top: -20px;
left: 18px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.comment-box .list-cmt > li .listreply-box:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #dfdfdf;
border-width: 10px;
margin-left: -10px;
}

.comment-box .list-cmt > li .listreply-box:before {
border-color: rgba(238, 238, 238, 0);
border-bottom-color: #f8f8f8;
border-width: 11px;
margin-left: -11px;
z-index: 1;
}

.comment-box .list-cmt > li .listreply-box > ul.listreply {
list-style: none;
margin: 0;
padding: 0;
}

.comment-box .list-cmt > li .listreply-box > ul.listreply > li {
border-bottom: 1px solid #dfdfdf;
padding-bottom: 5px;
margin-bottom: 10px;
}

.comment-box .list-cmt > li .listreply-box > ul.listreply > li:last-child {
border-bottom: 0;
}

.comment-box .heading-user {
display: flex;
align-items: center;
}

.comment-box .heading-user .avt {
width: 25px;
height: 25px;
border-radius: 100%;
background-color: #e7e7e7;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
margin-right: 5px;
}

.comment-box .heading-user .name {
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
}

.comment-box .heading-user .rankting {
margin-left: 15px;
}

.comment-box .comment-user {
padding: 5px 0px;
display: flex;
align-items: center;
}

.comment-box .comment-user p {
margin: 0;
}

.comment-box .control-user .btn-rep-cmt {
cursor: pointer;
display: inline-block;
color: var(--default);
}

.comment-box .control-user .time-cmt {
color: gray;
font-size: 12px;
}

.box-cmt-and-rank {
width: 100%;
}

.box-cmt-and-rank .block-rep {
margin-bottom: 40px;
}

.box-cmt-and-rank .block-rep textarea {
width: 100%;
border: 1px solid #dadada;
border-radius: 4px 4px 0 0;
padding: 10px;
box-sizing: border-box;
line-height: 20px;
margin-bottom: 0;
}

.box-cmt-and-rank .block-rep .bottom-send-block {
border: 1px solid #dadada;
margin-top: -7px;
padding: 5px 15px;
display: flex;
justify-content: space-between;
align-items: center;
}

.box-cmt-and-rank .block-rep .bottom-send-block .item-file-upload label.upload-photo {
cursor: pointer;
display: inline-flex;
align-items: center;
margin-bottom: 0;
color: #6a6a6a;
padding: 5px 10px;
border-right: 1px solid #dadada;
font-weight: normal;
font-size: 13px;
}

.box-cmt-and-rank .block-rep .bottom-send-block .item-file-upload label.upload-photo svg {
margin-right: 5px;
}

.box-cmt-and-rank .block-rep .bottom-send-block .item-file-upload input[type="file"] {
opacity: 0;
position: absolute;
z-index: -1;
}

#rating_form p {
font-style: italic;
}

#comment_form .btn, #rating_form .btn {
background: #288ad6;
color: #fff;
font-size: 15px;
padding: 6px 25px;
}

.box-cmt-and-rank .block-rep .fb_iframe_widget_fluid_desktop iframe {
width: 100% !important;
}
.modal .content-wrapper .content {
padding: 15px 0;
width: 100%;
}
svg {
overflow: hidden;
vertical-align: middle;
width: 15px;
}
.star-group {
position: relative;
top: -2px;
}
.star-group svg {
width: 15px;
color: #dedede;
}
.star-group .active svg {
color: #ff9e00;
}
/*end rating*/
.post_content h3.title {
font-family: 'Roboto Condensed',sans-serif;
font-size: 19px;
line-height: 150%;
color: #d7291d;
border-top: 1px solid #edeff1;
padding-top: 15px;
}
.list-faq {
width: 100%;
padding: 0 !important;
}
.list-faq li {
width: 100%;
list-style: none;
float: left;
text-align: justify;
border-top: 1px solid #edeff1;
padding-top: 10px;
margin-bottom: 10px;
}
.list-faq li>a {
}
.list-faq li>div {
display: none;
padding: 5px;
}
.feature-box table {
border-collapse: collapse;
border: 1px solid #ccc;
width: 100%;
}
.feature-box table td:first-child {
width: 110px;
font-weight: 500;
}
.feature-box table td {
padding: 10px;
border: 1px solid #ccc;
}
.feature-box tr:nth-child(2n+1) {
background: #f2f2f2;
}
.sticky-sidebar {
position: -webkit-sticky;
position: sticky;
top: 60px;
}

.filter-price ul {
overflow-x: scroll;
position: relative;
/* text-align: center; */
width: 80%;
height: 45px;
white-space: nowrap;
padding: 5px 0 0 20px;
float: right;
}
.filter-price li {
display: inline-block;
margin: 0 0 0 10px;
}
.filter-price h1 {
float: left;
width: 15%;
font-size: 20px;
margin: 0 0 0 15px;
}
.filter-price li h1 {
font-size: 20px;
}
.filter-price li a {
display: inline-block;
color: #007bff
}
/*
.filter2 {
overflow-x: scroll;
position: relative;
text-align: center;
width: 60%;
height: 45px;
white-space: nowrap;
padding: 6px 0 0;
}
.filter2 > li {
display: inline-block;
float: none;
}
.filter2 > li.active {
font-weight: bold;
}
.filter2 > li > a {
padding: 0 25px 0 0;
color: #288ad6
}
.lprod-fprodname {
width: 15%;
}
.filter {
width: 25%;
}
li#prom {
padding: 5px 30px;
}*/
/* custom scrollbar */
ul::-webkit-scrollbar {
height: 20px;
}

::-webkit-scrollbar {
width: 20px;
}

::-webkit-scrollbar-track {
background-color: transparent;
}

::-webkit-scrollbar-thumb {
background-color: #d6dee1;
border-radius: 20px;
border: 8px solid transparent;
background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
background-color: #fdd504;
}


/*plugin*/
.plugin-box {
    position: fixed;
    right: 25px;
    bottom: 85px;
    z-index: 9999;
}

.plugin-control {
    margin: 10px 0 0;
    position: relative;
}

.plugin-title {
    display: none;
    border-radius: 5px;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    padding: 0 10px !important;
    position: absolute;
    top: 0;
    right: 50px;
    font-size: 12px !important;
    background: rgba(29, 36, 62, 0.7);
    color: #fff;
}

    .plugin-title::after {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -5px;
        right: -10px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent rgba(29, 36, 62, 0.7) transparent transparent !important;
        transform: rotateZ(-180deg);
    }

.plugin-a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    position: relative;
    border-radius: 50%;
}

.plugin-control:hover .plugin-title {
    display: block;
}

.plugin-a.contact {
    background: url(images/contact.svg) no-repeat center center / 40px 40px;
    background-color: #f7a400;
}

.plugin-a.zalo {
    background: url(images/zalo.svg) no-repeat center center / 40px 40px;
    background-color: #f7a400;
}

.plugin-a.facebook {
    background: url(images/facebook.svg) no-repeat center center / 40px 40px;
    background-color: #0068ff;
}

.plugin-a.call {
    background: url(images/call.svg) no-repeat center center / 40px 40px;
    background-color: #0068ff;
}

.plugin-a.scroll {
    background: url(images/scroll-top.png) no-repeat center center / 40px 40px;
    background-color: #f7a400;
}
/*end plugin*/