@charset "utf-8";
/* vietnamese */
@import 'https://fonts.googleapis.com/css?family=Roboto:400,700&subset=vietnamese,latin';
/*@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=vietnamese';*/
/**
 * RESET
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary, time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

/* HTML5 display-role reset for older browsers */
ol,ul{list-style:none}
strong, b{font-weight:bold;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border:solid 1px #CCC;border-collapse:collapse; max-width:100%}
tr:first-child td,tr:hover td{background-color:#fbfbfb;}
td{vertical-align:middle;background-color:#ffffff;border:1px solid #CCC;border-width:0px 1px 1px 0px;text-align:left;padding:5px;font-size:14px;font-family:Roboto,tahoma;font-weight:normal;color:#000000;}
tr:last-child td{border-width:0px 1px 0px 0px;}
tr td:last-child{border-width:0px 0px 1px 0px;}
tr:last-child td:last-child{border-width:0px 0px 0px 0px;}
tr:first-child td:first-child{border-width:0px 0px 1px 0px;}
tr:first-child td:last-child{border-width:0px 0px 1px 1px;}
em { font-style:italic;}
/* make IE scale images properly https://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img{-ms-interpolation-mode:bicubic}

/* Default link */
a{color:#00a3de;text-decoration:none; outline:none}
a:hover,a:focus{color:#f97e05}
/*a:active,a:visited{color:#F00}*/

body{line-height:22px;font-family:Roboto,tahoma, Helvetica, sans-serif; font-size:14px;color:#333;margin-top:auto; margin-left:auto; text-align:justify}

.boxxanh,.boxdo,.boxvang,.boxtim{padding:0 5px;margin:5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFC}
.boxxanh{border:dashed 2px #39F}
.boxdo{border:dashed 2px #F00}
.boxvang{border:dashed 2px #FC0}
.boxtim{border:dashed 2px #F0C}
.center{text-align:center !important}
.do{color:#F00}
p{margin-bottom:10px}

a:hover > img,.zoom:hover{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scal:hovere(1.1);transform: scal:hovere(1.1);}
a > img,.zoom{-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
a,a:hover{transition:color 0.3s ease, background-color 0.3s ease;-moz-transition:color 0.3s ease, background-color 0.3s ease;-webkit-transition:color 0.3s ease, background-color 0.3s ease;-o-transition:color 0.3s ease, background-color 0.3s ease}

.gotop { display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space: nowrap;background: rgba(249, 126, 5, 0.8) url(cd-top-arrow.png) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.75);-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.75);box-shadow: 0 3px 3px rgba(0, 0, 0, 0.75);}
.gotop.cd-is-visible, .gotop.cd-fade-out, .no-touch .gotop:hover, .gotop:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.gotop.cd-is-visible { visibility: visible; opacity: 1;}
.gotop.cd-fade-out { opacity: .5;}
.no-touch .gotop:hover, .gotop:hover {background-color: #f97e05;opacity: 1;}
.qsm1{float:left; width:710px; padding:2px 20px; font-weight:700}
.qsm2{float:left; width:650px; padding:2px 50px;}
.qsm3{float:left; width:590px; padding:2px 80px; font-style:italic}
.qsm{background-color:#F7F7F7}
.qsm1:hover, .qsm2:hover, .qsm3:hover{ background-color:#FFC}

.vcard{position:fixed; bottom:-1000px; left:0px;}
.social{ width:100%; padding:5px 0; margin:5px 0; float:right; text-align:right}
.slink{top:5px;float:right}
.slinkt{padding:3px 10px 0; float:right}
.ss{float:left;width:18px; height:18px; margin:0 5px !important; background-image:url(../images/social.png); opacity:.6}
.ss:hover{opacity:1}
.sfb{}
.stw{background-position:left 0 top -18px}
.sg{background-position:left 0 top -36px}
.syt{background-position:left 0 top -54px}
.add{float:left;}
.sub{margin-right:5%; float:left;}
.slink a,.slinkt a{margin:0 2px}
.slink0{position:relative}
.b{font-weight:700}
.i{font-style:italic}
.qm img{max-width:100%; height:auto !important}

.cl{float:left; text-align:right; width:140px; margin-right:20px; padding-top:3px}
.cr{float:left; text-align:left;}
.ct{text-align:center}
.combo,.combot1,.combot2,.combob{padding:3px}

.combo,.combot1,.combot2{border:solid 1px #666666;}
.combob{border:solid 1px #666666;background-color:#0095da; cursor:pointer; color:#FFF}
.combo:hover,.combot1:hover,.combot2:hover,.combob:hover{border:solid 1px #C00;background-color:#FFC}
.combob:hover{ color:#333}
.fnc{float:left;padding:2px 0; width:100%}
.fnct{float:left; width:100%}

.bookcar input,.bookcar textarea,.bookcar select{width:calc(100% - 6px);border:solid 1px #666666 !important; padding:3px !important}
.bookcar input:hover,.bookcar textarea:hover,.bookcar select:hover{border:solid 1px #C00;background-color:#FFC}
.cc{width:65px !important}

.dlang{padding:3px 10px 0; float:right}
.ds{padding-left:10px; float:right}
.sb{border:solid 1px #CCC;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; background-color:#FFF; color:#CCC; padding:3px 22px 3px 2px; background-image:url(../images/search.jpg); background-position:center right; background-repeat:no-repeat}

.qm{clear:both; position:relative}
.qm ul > li:before{content:"✓ "; color:#ae0089}
.qm ul{list-style-type:none; list-style:none; padding:0}
.qm ul > li > ul > li:before{content:"➤ "; color:#ae0089; margin-left:20px}
.qm ul > li > ul > li > ul > li:before{content:"➤ "; color:#ae0089; margin-left:50px}
.qm ul > ul{list-style-type:none; list-style:none; padding:0 0 0 15px}
.qm h1,.qm h2,.qm h3{font-size:14px; font-weight:700; padding:10px 0 5px; margin-top:10px; clear:both}
.qm h4,.qm h5{font-size:14px; font-weight:700; padding:5px 0; margin-top:5px; clear:both}
h1{text-transform:uppercase}

.dtopdown{float:left; width:100%; background-color:#2c2c2e; color:#e8e8e8; padding:4px 0 4px 0; text-align:center}
.d{text-align:justify; margin:auto; color:#2c2c2e; font-family:Roboto; width:100%}

.fright{float:right; width:auto}
.fleft{float:left; width:auto}
.fleft p{margin-bottom:0}
.dtopdown > .fleft > p{font-size:13px}
.mlr{margin-left:10px; margin-right:10px}
.hemail,.htel,.hmap{float:left; padding-left:20px; height:16px; margin-top:5px; position:relative;}
.hemail:before{content:url('../images/ico-email.png')}
.htel:before{content:url('../images/ico-tel.png')}
.hmap:before{content:url('../images/ico-map.png')}
.hemail:before,.htel:before,.hmap:before{width:16px; height:16px;position:absolute; left:0; top:0; padding-right:20px}
.htel,.hmap{margin-left:30px}
.hemail,.htel,.hmap,.hemail a,.htel a,.hmap a{color:#BBB}
.hemail a:hover,.htel a:hover,.hmap a:hover{color:#ff931e}

.dfull{float:left; margin:auto; text-align:justify; width:calc(100% - 2px);padding:0 1px 0 1px;}
.d100{float:left; margin:auto; text-align:justify; width:100%}
.d10005{float:left; margin:auto; text-align:justify; width:calc(100% - 10px); padding:0 5px}
.bdmn{border-bottom:solid 1px #bcbcbc; color:white}
.dlogo{float:left;padding-top:6px; padding-bottom:5px}

.dcop{position:relative}
.dcop .slinkt{position:absolute; right:0; top:0}

.dmn > ul,.Mobmn,.Mobmn2{-webkit-transition: height 0.5s linear;-moz-transition: height 0.5s linear;-ms-transition: height 0.5s linear; -o-transition: height 0.5s linear;transition: height 0.5s linear;}
.dlogo > a{width:100%; height:100%; position:relative}
.dlogo > a > img{border:none; width:auto; height:85px}
.dmn{float:left;padding-top:1px; position:relative}
.Mobmn{display:none; position:absolute; top:70px; left:3px; font-size:18px; font-weight:700; color:#A52A2A}
.Mobmn2{top:130px; right:3px}
.Mobmn > img{width:28px; height:28px}
.dmn > ul{float:left; width:100%}
.dmn > ul > li{float:left; position:relative; width:auto}
.dmn > ul > li > a{color:#333333; text-transform:uppercase}
.dmn > ul > li:hover > a{float:left; width:auto; padding:38px 20px; font-weight:700; color:white; background-color:#ff931e}
.dmn > ul > li > a{float:left; width:auto; padding:38px 20px; font-weight:700}
.dmn > ul > li > ul{background-color:rgba(255,147,30, 0.85); z-index:9;padding:0;margin:0;list-style:none; margin-top:38px;left:auto;position:absolute; visibility: hidden;transition: visibility 0s linear 0.5s, opacity 0.5s linear;opacity: 0}
.dmn > ul > li:hover >ul,.dmn > ul > li:hover >ul > li:hover >ul{left:auto;-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.75);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;visibility: visible;transition-delay: 0.3s;opacity: 1; width:230px}
.dmn > ul > li >ul{top:56px}
.dmn > ul{-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.dmn > ul > li > ul > li > a,.dmn > ul > li:hover > ul > li > a,.dmn > ul > li > ul > li > ul > li > a,.dmn > ul > li:hover > ul > li:hover > ul > li > a{display:block;float:left;padding:8px 10px;font-weight:normal;text-decoration:none;text-align:left;color:#FFF; text-transform:uppercase; font-size:14px; width:210px}
.dmn > ul > li:hover > ul > li:hover > a,.dmn > ul > li:hover > ul > li:hover > ul > li:hover > a{background-color:rgba(0,113,188, 0.75);color:#FFF; text-transform:uppercase; font-size:14px}
.dmn > ul > li > ul > li{position:relative; float:left}
.dmn > ul > li > ul > li > ul{background-color:rgba(255,147,30, 0.85); z-index:9;padding:0;margin:0;list-style:none; margin-left:230px;position:absolute; visibility: hidden;transition: visibility 0s linear 0.5s, opacity 0.5s linear;opacity: 0;}

.clear{clear:both}

.bg1{background-color:#f7f6fc}
.boxHbg{background-color:#eae8ef}
.bg2{background-color:#FFF}
.boxH{float:left; text-align:center; padding:20px 0}
.boxH > p{float:left; width:100%;}
.boxH > p img{width:auto; height:auto}
.boxH > p:nth-child(2){float:left; font-weight:700; text-transform:uppercase}
.boxH > p:nth-child(3){float:left; text-align:justify; padding-bottom:0}

.dabout > div{width:100%; float:left}
.dabout > div:nth-child(1){float:left}
.dabout > div:nth-child(1) >  div{margin-top:5px; margin-bottom:5px}
.dabout > div:nth-child(2){float:left}
.dabout > div:nth-child(2) > iframe, .dabout > div:nth-child(2) > img{width:100%; height:auto}

.pdtd20{padding-top:20px !important; padding-bottom:20px !important}
.pdtd10{padding-top:10px !important; padding-bottom:10px !important}
.mgt20{margin-top:20px !important}.mgt10{margin-top:10px !important}
.divLine{font-size:16px; font-weight:700; margin-top:0}
/*.divLine{font-size:16px; font-weight:700; background-image:url(../images/dot-blue.png); background-size:100px 2px; background-position:top 25px left; background-repeat:no-repeat; padding-bottom:20px; margin-top:0}*/
h1.divLine > a, h2.divLine > a, h3.divLine > a{color:#333}
h1.divLine:hover > a, h2.divLine:hover > a, h3.divLine:hover > a{color:red}

h1.divLine{width: calc(100% - 20px);background-color: #f7f6fc;padding: 10px;border-bottom: solid 1px #e9e9e9;text-transform: uppercase; margin-bottom:10px}
h2.divLine , h3.divLine{font-size:16px; font-weight:700; background-image:url(../images/dot-blue.png); background-size:100px 2px; background-position:top 25px left; background-repeat:no-repeat; padding-bottom:20px; margin-top:0;text-transform:uppercase}
.btn,.btn2{padding:5px 25px; text-align:center;color:#FFC; font-weight:700; line-height:22px;text-decoration:none;background: rgb(0,113,188);margin:5px 0; text-transform:uppercase;border-radius: 5px;}
.btn2{padding:10px 20px}
.btn:hover,.btn2:hover{color:#FFC;cursor:pointer;text-decoration:none;background: rgb(255,147,30)}
/*.btn{padding:5px 25px; text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#FFC; font-weight:700; line-height:22px;text-decoration:none;-moz-box-shadow:0 1px 3px rgba(0,0,0,.55);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.55);box-shadow:0 1px 3px rgba(0,0,0,.55);background: rgb(0,113,188);background: -moz-linear-gradient(top, rgba(66,131,254,1) 0%, rgba(0,113,188,1) 100%);background: -webkit-linear-gradient(top, rgba(66,131,254,1) 0%,rgba(0,113,188,1) 100%);background: linear-gradient(to bottom, rgba(66,131,254,1) 0%,rgba(0,113,188,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4283FE', endColorstr='#0071bc',GradientType=0 ); margin:5px 0; text-transform:uppercase}
.btn:hover{color:#FFC;cursor:pointer;text-decoration:none;-moz-box-shadow:0 0 2px rgba(0,0,0,.75);-webkit-box-shadow:0 0 2px rgba(0,0,0,.75);box-shadow:0 0 2px rgba(0,0,0,.75);background: rgb(255,147,30);background: -moz-linear-gradient(top, rgba(255,147,30,1) 0%, rgba(245,0,81,1) 100%);background: -webkit-linear-gradient(top, rgba(255,147,30,1) 0%,rgba(245,0,81,1) 100%);background: linear-gradient(to bottom, rgba(255,147,30,1) 0%,rgba(245,0,81,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff931e', endColorstr='#F50051',GradientType=0 );}*/

.bgblue{background-color:#0071bc}
.bgblue > h2{line-height:30px}
.pd35{padding:45px 0}
.big{font-size:28px; font-weight:700; text-transform:uppercase}
.white{color:white}
.star{float:left;width:80px; height:16px; margin:0 10px !important; background-image:url(../images/star.png);background-position:left 0 top -64px}
.star1{background-position:left 0 top 0}
.star2{background-position:left 0 top -16px}
.star3{background-position:left 0 top -32px}
.star4{background-position:left 0 top -48px}
.star5{}

.white{color:white}
.gray{color:#bfbfbf}

.d100 img{max-width:100%; height:auto !important}
.divLineC{font-size:16px; font-weight:700; background-image:url(../images/dot-blue.png); background-size:100px 2px; background-position:top 25px center; background-repeat:no-repeat; padding-bottom:20px; margin-top:0; text-transform:uppercase}
.tntH{text-transform:uppercase !important}
.listCatH{float:left; width:100%}
.listCatH > li{float:left; padding:5px 15px; text-align:center}
.listCatH > li{background-image:url(../images/dot-blue.png); background-size:1px 13px; background-position:top 8px right; background-repeat:no-repeat;}
.listCatH > li:last-child{border-right:none; margin-right:0}
.listCatH > li > a{font-weight:700; text-transform:uppercase}

.BoxProSlide > li, li.BoxPli,.BoxNews > li, li.BoxNli{float:left;margin:5px !important; border:solid 1px #e9e9e9; background-color:white; display:inline-block}
.BoxProSlide > li:hover, li.BoxPli:hover,.BoxNews > li:hover, li.BoxNli:hover{border-color:#ff931e}
.BoxProSlide > li > p, li.BoxPli > p,.BoxNews > li > p, li.BoxNli > p{line-height:18px; margin:0; width:100%}
.boxPi,.boxNi{float:left; overflow:hidden}
.boxPi > a > img,.boxNi > a > img{width:100%; height:auto; max-height:150px}
.boxPn > a,.boxNn > a,.BoxProSlide > li > h2 > a, .BoxProSlide > li > h3 > a{float:left; width:calc(100% - 20px); padding:10px; text-align:center; text-transform:uppercase; font-weight:700;color:#333; height:30px; overflow:hidden; margin-top:5px; margin-bottom:5px}

.boxPn:hover > a,.boxNn:hover > a,.BoxProSlide > li > h2:hover > a, .BoxProSlide > li > h3:hover > a{color:red}
.boxPp{float:left; width:calc(100% - 20px); padding:0 10px; text-align:center}
.boxPs{float:left; width:calc(50% - 50px); text-align:center; padding:2px calc(50% - 50px); margin:auto}
.boxPb,.boxNb{float:left; width:100%; text-align:center; padding:10px 0}
.boxPicon{float:left; width:100%; border-top:solid 1px #e9e9e9; padding:5px 0}
.boxPicon > span{background-repeat:no-repeat; background-position:center left; margin:0 5px; border-right:solid 1px #e9e9e9; overflow:hidden; float:left; height:18px; text-align:justify;padding-left:28px;}
.boxPicon > span:nth-child(1){width:calc(50% - 39px); background-image:url(../images/icon-hang-xe-2.jpg)}
.boxPicon > span:nth-child(2){width:calc(30% - 39px); background-image:url(../images/icon-nam-sx-2.jpg)}
.boxPicon > span:nth-child(3){width:calc(20% - 39px); background-image:url(../images/icon-so-cho-2.jpg); border-right:none}
.BoxProSlide,.BoxNews{margin:0; padding:0; width:100%}
.boxNn{text-align:justify}
.boxNl{float:left; width:calc(100% - 20px); padding:0 10px; text-align:justify; height:40px; overflow:hidden}
.boxPp > a{color:#f9980d}.boxPp > a:hover{color:red}

.dleft{float:left;margin-right:10px; border:solid 1px #e9e9e9; padding-bottom:2px}
.dmain{float:left; width:100%}
.hleft{float:left; width:calc(100% - 20px); background-color:#f7f6fc; padding:10px; border-bottom:solid 1px #e9e9e9; text-transform:uppercase; font-weight:700; font-size:16px}
.mnleft > ul,.mnleft > ul > li > ul{float:left; width:100%}
.mnleft > ul > li > a, .mnleft > ul > li:hover > a,.mnleft > ul > li > ul > li > a, .mnleft > ul > li > ul > li:hover > a{float:left; width:calc(100% - 40px);padding:8px 10px 5px 30px; border-bottom:solid 1px #e9e9e9; background-image:url(../images/dot.png); background-repeat:no-repeat; background-position:center left 15px; color:#333}
.mnleft > ul > li > ul > li > a, .mnleft > ul > li > ul > li:hover > a{background-image:none !important}
.mnleft > ul > li:hover > a, .mnleft > ul > li > ul > li:hover > a,.mnleft > ul > li > a.selected, .mnleft > ul > li > ul > li > a.selected{background-color:#f7f6fc; color:red}
.suppleft > p, .suppleft > div{float:left; width:calc(100% - 20px);padding:5px 10px; border-bottom:solid 1px #e9e9e9}

.ProductDetail{border:solid 1px #e9e9e9; width:calc(100% - 2px)}
.ProductDetail > div:first-child{float:left; text-align:center; margin-right:25px; max-height:400px; width:100%}
.ProductDetail > div:last-child{float:left; border-left:solid 1px #e9e9e9}
.ProductDetail .btn{font-size:22px}
.ProIMGslide .slick-slide{padding:0 !important; margin:0 !important; text-align:center !important}
.slick-slide li{float:left; text-align:center !important; width:100%}
.slick-slide li a{width:calc(100% - 20px); text-align:center !important}
.boxNb,.boxPb{text-align:center; width:100%}
.boxNb > a, .boxPb > a{padding:5px 25px !important; width:80px !important; text-align:center;color:#FFC; font-weight:700; line-height:22px;text-decoration:none;background: rgb(0,113,188);margin:5px 0; text-transform:uppercase}
.slick-slide li a img{text-align:center !important; width:100%; height:auto}
.slick-slide li, .slick-slide li a{text-align:center !important}
.slick-list{padding:0 !important; text-align:center !important; width:100%}
.slick-track{padding:0 !important; margin:0 !important; text-align:center !important}
.ProThumbs .slick-track .slick-slide{width:90px !important}
.ProIMGslide img{max-width:100%; height:auto; text-align:center !important}
.ProThumbs img{max-width:90px; width:90px; height:auto}
.ProThumbs .slick-slide{padding:0 !important; margin:5px !important}
.ProThumbs .slick-slide:hover{margin:0 !important; border:solid 5px #f7f6fc}
.hPdetail{float:left; width:calc(100% - 30px); padding:15px;background-color:#fbfbfb;text-transform:uppercase; font-weight:700; font-size:16px; margin-bottom:10px; line-height:22px; text-align:center}
.dPLead > p, .dPLead > div{float:left; width:calc(100% - 45px); margin:5px 15px; border-bottom:dashed 1px #e9e9e9; padding-bottom:8px}
.dPLeadNew > p, .dPLeadNew > div{background-image:url(../images/list-style1.png); background-position:left top 5px; background-repeat:no-repeat; padding-left:15px}
.dPLead table{width:100%}
iframe{border: none;}

/*POPUP*/
.b-iframe{width:100%; height:100%}
#Qpopup{display:none; width:calc(100% - 50px); height:calc(100% - 50px); border:solid 3px #000000; background-color:white; position:relative; float:left;box-shadow:0 0 15px #000}
#Qpopup iframe{width:calc(100% - 50px); height:calc(100% - 50px); border:none}
.clspop{position:absolute; top:-10px; right:-10px; width:20px; background-color:#000; color:white; text-align:center; font-weight:700; border-radius:50%; box-shadow:0 0 2px #FFF}
.clspop:hover{background-color:red;color:white;}
.d13{float:left; width:calc(33.3% - 10px); padding:5px}
.d23{float:left; width:calc(66.6% - 10px); padding:5px}
/*POPUP*/

.mnList{padding:5px 0}
.mnList > ul{float:left; width:100%; text-align:center !important}
.mnList > ul > li > a{float:left; padding:0 15px; color:#333}
.mnList > ul > li:hover > a{color:red}

.dpage{float:left;margin:5px 0; background-color:#eeeff1; padding:10px 0; text-align:center; border-top:solid 1px #ce1317}
.dpage span{ color:#282828; padding:5px 10px; margin:2px}
.dpage a{ color:#282828; border-radius:5px; background-color:#e0e0e0; padding:5px 10px; margin:2px}
.dpage a:hover,.dpage a.pclick{ color:#FFF; border-radius:5px; background-color:#165094; padding:5px 10px; margin:2px}
.dpage{width:100%}

/*-------NIVO SLIDE-----*/
.hbn{overflow:hidden; width:100%; position:relative; background:url(loading.gif) no-repeat center center; text-align:left; float:left}
.hbn .img{display:none;}
.hbn .active > a{ border-bottom:1px solid #fff;}
.hbn .img img{ width:100%; height:auto;}
.dba .bgnv,.dbl .bgnv,.hbn .bgnv{background:rgba(255, 255, 255, 0.5);padding:10px 15px; display:inline-block;border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;}
.dba .bgnv:hover,.dbl .bgnv:hover,.hbn .bgnv:hover{background:rgba(255, 255, 255, 0.75)}
.dba .bgnv .tit,.dbl .bgnv .tit,.hbn .bgnv .tit{color:#FFF;font-size:24px; text-transform:uppercase; line-height:30px; display:block;text-shadow:1px 1px 0px black;}
.dba .bgnv:hover .tit,.dbl .bgnv:hover .tit,.hbn .bgnv:hover .tit{color:#FF0}
.dba span,.dbl span,.hbn span{color:#fff;font-size:14px; text-transform:uppercase;}
.hbn .bgnv a:hover{color:#FC0}

/* The Nivo Slider styles */
.nivoSlider {position:relative;width:100%;height:auto;overflow: hidden;}
.nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;}
.nivo-main-image {display: block !important;position: relative !important; width: 100% !important;}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white; filter:alpha(opacity=0); opacity:0;}
/* The slices and boxes in the Slider */
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {position:absolute; bottom:20px; left:0; width:100%; z-index:10; display:none !important;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {}
.tit,.bgnv .desc{}
.hnews .tit{ }
.nivo-txt {display:none;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {background:url(next-prev.png) no-repeat right 0; position:absolute; z-index:10; left:20px; top:50%; margin-top:-22px; height:45px; width:27px; cursor:pointer; opacity:.5; filter:alpha(opacity=20); text-indent:-9999px; display:none;}
.nivo-directionNav .nivo-nextNav {background-position:0 0; left:auto; right:20px;}
.hbn:hover .nivo-nextNav, .hbn:hover .nivo-prevNav{ display:block;}
.hbn .nivo-nextNav:hover, .hbn .nivo-prevNav:hover{opacity:1; filter:alpha(opacity=40);}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{ position:absolute; bottom:8px; right:8px; z-index:10;}
.nivo-controlNav a{background:url(bullets3.png) no-repeat 0 0; width:22px; height:22px; display:block; text-indent:-9999em;float:left; cursor:pointer;}
.nivo-controlNav a.active,.nivo-controlNav a:hover{background-position: 0 -22px;}
/*-------NIVO SLIDE-----*/
.boxh > h2 > a{color:#333}.boxh > h2:hover > a{color:red}
.dabout > div{position:relative}
.dabout > div > iframe{width: 100%;height:250px !important;background-size: 100% 100%;background-color: black; /* in case the video doesn't fit the whole page*/
  		background-image: /* our video */;
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover; /*cover video background */
   		z-index:3;
	}
#loadvoted{text-align:center !important; margin-bottom:5px}
#loadvoted > ul{float:left; width:100px; margin-left:calc(50% - 50px)}
.overall-rating{display:none}
.bMob1,.bMob2{display:block}
.boxPi{position:relative}.boxPi img.showleft{position:absolute; top:0; left:0}.boxPi img.showright{position:absolute; top:0; right:0}
/* Dành cho điện thoại */
@media all and (max-width: 375px) {
.d100,.boxH,.d,.dmn,.dmn > ul > li,.dmain,.dleft{width:100%}
.bgblue > h2{line-height:40px}
.fleft,.slinkt{display:none}
.dlogo{width:100%; text-align:center}
.Mobmn{display:block}
.dmn > ul{height:0; overflow:hidden}
.ShowHide{height:100% !important; overflow:auto}
.dmn > ul > li:hover > a{width:calc(100% - 20px); padding:10px}
.dmn > ul > li > a{width:calc(100% - 20px); padding:10px}
.dmn > ul > li >ul{top:4px; overflow:hidden}
.dfull{width:calc(100% - 6px);padding:0 3px;overflow-x: hidden}
.boxH > p img{max-width:100px; max-height:100px}
.boxH > p:nth-child(2){width:calc(100% - 20px); padding:20px 10px 5px}
.boxH > p:nth-child(3){width:calc(100% - 20px);padding:10px}
.dabout > div:nth-child(1),.dabout > div:nth-child(2){width:100%; padding-right:0}
.BoxProSlide > li, li.BoxPli,.BoxNews > li, li.BoxNli{width:calc(100% - 12px)}
.boxPi,.boxNi{width:100%; height:150px}
.boxPi > a > img,.boxNi > a > img{width:100%; height:auto; max-height:150px}

.dleft,.bMob1,.bMob2{display:none}
.ProductDetail > div:first-child{width:100%;margin-right:0}
.ProductDetail > div:last-child{width:100%;border-left:none}
.dcop{width:calc(100% - 6px); margin:0 3px}
.dcopLogo{width:100%; text-align:center}
.dcopAdd{width:100%; padding-right:0}
.dcop,.dcopLogo,.dcopAdd{float:left}
.dcop > ul{width:100%; float:left}
.dcop > ul > li > a{float:left; width:100%; padding:2px 0;color:#bfbfbf}
.dcop > ul > li:hover > a{color:#ff931e}
#Qpopup{width:calc(100% - 50px); height:calc(100% - 50px); top:0; position:fixed}
#Qpopup iframe{width:calc(100% - 50px); height:calc(100% - 50px);}
.d13{float:left; width:calc(100% - 10px); padding:5px}
.d23{float:left; width:calc(100% - 10px); padding:5px}
.listCatH > li{width:calc(50% - 10px); padding:5px}
.listCatH > li:nth-child(2n + 1){clear:both}
.listCatH > li:nth-child(2n + 2){background-image:none}
.listCatH > li > a{text-transform:none;font-weight:400}
.listCatH > li:last-child{border-right:none; margin-right:0}
.d10005{width:calc(100% - 10px); padding:0 5px}.add{width:50%}.sub{width:45%}.slink{right:245px}.combo{width:400px}.combot1{width:100px}.combot2{width:300px}.combob{width:60px}.sb{width:120px}
.boxHbg{display:none}
.dabout > div:nth-child(1){max-height:175px; margin-bottom:15px; overflow:hidden}
}

/* Dành cho điện thoại ngang- min-width: 425px*/
@media only screen and (min-width: 400px) {
.dmn,.d100,.d,.dmain,.dleft{width:100%}
.bgblue > h2{line-height:40px}
.fleft,.slinkt{display:none}
.dlogo{width:100%; text-align:center}
.Mobmn{display:block}
.dmn > ul{height:0; overflow:hidden}
.ShowHide{height:100% !important; overflow:auto}
.dmn > ul > li,.boxH{width:50%}
.dmn > ul > li:nth-child(2n+1){clear:both}
.dmn > ul > li:hover > a{width:calc(100% - 20px); padding:10px}
.dmn > ul > li > a{width:calc(100% - 20px); padding:10px}
.dmn > ul > li >ul{top:4px; overflow:hidden}
.dfull{width:calc(100% - 6px);padding:0 3px;overflow-x: hidden}

.boxH > p img{max-width:100px; max-height:100px}
.boxH > p:nth-child(2){width:calc(100% - 20px); padding:20px 10px 5px}
.boxH > p:nth-child(3){width:calc(100% - 20px);padding:10px}
.dabout > div:nth-child(1),.dabout > div:nth-child(2){width:100%; padding-right:0}
.BoxProSlide > li, li.BoxPli,.BoxNews > li, li.BoxNli{width:calc(50% - 14px)}
.boxPi,.boxNi{width:100%; height:120px}
.boxPi > a > img,.boxNi > a > img{width:100%; height:auto; max-height:120px}

.ProductDetail > div:first-child{width:100%;margin-right:0}
.ProductDetail > div:last-child{width:100%;border-left:none}
.dcop{width:calc(100% - 6px); margin:0 3px}
.dcopLogo{width:100%; text-align:center}
.dcopAdd{width:100%; padding-right:0}
.dcop,.dcopLogo,.dcopAdd{float:left}
.dcop > ul{width:100%; float:left}
.dcop > ul > li > a{float:left; width:100%; padding:2px 0;color:#bfbfbf}
.dcop > ul > li:hover > a{color:#ff931e}
#Qpopup{width:calc(100% - 50px); height:calc(100% - 50px);top:0; position:fixed}
#Qpopup iframe{width:calc(100% - 50px); height:calc(100% - 50px);}
.d13{float:left; width:calc(100% - 10px); padding:5px}
.d23{float:left; width:calc(100% - 10px); padding:5px}
.bMob1,.bMob2,.dleft{display:none}
.listCatH > li{width:calc(33.3% - 10px); padding:5px}
.listCatH > li:nth-child(3n + 1){clear:both}
.listCatH > li:nth-child(3n + 3){background-image:none}
.listCatH > li:nth-child(2n + 1){clear:none}
.listCatH > li:nth-child(2n + 2){background-image:url(../images/dot-blue.png)}
.listCatH > li > a{text-transform:none;font-weight:400}
.listCatH > li:last-child{border-right:none; margin-right:0}

.d10005{width:calc(100% - 10px); padding:0 5px}.add{width:50%}.sub{width:45%}.slink{right:245px}.combo{width:400px}.combot1{width:100px}.combot2{width:300px}.combob{width:60px}.sb{width:120px}
.boxHbg{display:none}
.dabout > div:nth-child(1){max-height:175px; margin-bottom:15px; overflow:hidden}
}
 
/* Dành cho máy tính bảng chiều dọc */
@media only screen and (min-width: 600px) {
.dmn,.d100,.d,.dmain,.dleft{width:100%}
.bgblue > h2{line-height:40px}
.fleft{display:none}
.slinkt{display:block}
.dlogo{width:100%; text-align:center}
.Mobmn{display:block}
.dmn > ul{height:0; overflow:hidden}
.ShowHide{height:100% !important; overflow:auto}
.dmn > ul > li{width:33.3%}
.boxH{width:50%}
.dmn > ul > li:nth-child(2n+1){clear:none}
.dmn > ul > li:nth-child(3n+1){clear:both}
.dmn > ul > li:hover > a{width:calc(100% - 20px); padding:10px}
.dmn > ul > li > a{width:calc(100% - 20px); padding:10px}
.dmn > ul > li >ul{top:4px; overflow:hidden}
.dfull{width:calc(100% - 6px);padding:0 3px;overflow-x: hidden}

.boxH > p img{max-width:100px; max-height:100px}
.boxH > p:nth-child(2){width:calc(100% - 20px); padding:20px 10px 5px}
.boxH > p:nth-child(3){width:calc(100% - 20px);padding:10px}
.dabout > div:nth-child(1),.dabout > div:nth-child(2){width:100%; padding-right:0}
.BoxProSlide > li, li.BoxPli,.BoxNews > li, li.BoxNli{width:calc(50% - 14px)}
.boxPi,.boxNi{width:100%; height:160px}
.boxPi > a > img,.boxNi > a > img{width:100%; height:auto; max-height:160px}

.ProductDetail > div:first-child{width:100%;margin-right:0}
.ProductDetail > div:last-child{width:100%;border-left:none}
.dcop{width:calc(100% - 6px); margin:0 3px}
.dcopLogo{width:100%; text-align:center}
.dcopAdd{width:100%; padding-right:0}
.dcop,.dcopLogo,.dcopAdd{float:left}
.dcop > ul{width:100%; float:left}
.dcop > ul > li > a{float:left; width:100%; padding:2px 0;color:#bfbfbf}
.dcop > ul > li:hover > a{color:#ff931e}
#Qpopup{width:650px; height:calc(100% - 50px);}
#Qpopup iframe{width:650px; height:calc(100% - 50px);}
.d13{float:left; width:calc(33.3% - 10px); padding:5px}
.d23{float:left; width:calc(66.6% - 10px); padding:5px}
.dleft{display:none}
.bMob1,.bMob2{display:block}
.listCatH > li{width:auto; padding:5px; clear:none !important;background-image::url(../images/dot-blue.png) !important}
.listCatH > li:nth-child(3n + 1){clear:none}
.listCatH > li:nth-child(3n + 3){background-image:url(../images/dot-blue.png)}
.listCatH > li:nth-child(2n + 1){clear:none}
.listCatH > li:nth-child(2n + 2){background-image:url(../images/dot-blue.png)}


.listCatH > li > a{text-transform:none;font-weight:400}
.listCatH > li:last-child{border-right:none; margin-right:0}

.d10005{width:calc(100% - 10px); padding:0 5px}.add{width:50%}.sub{width:45%}.slink{right:245px}.combo{width:400px}.combot1{width:100px}.combot2{width:300px}.combob{width:60px}.sb{width:120px}

}

/* Dành cho máy tính bảng TO chiều dọc */
@media only screen and (min-width: 768px) {
.dmn,.d100,.d,.dmain,.dleft{width:100%}
.bgblue > h2{line-height:40px}
.slinkt,.hmap{display:none}
.fleft{display:block}
.dlogo{width:100%; text-align:center}
.Mobmn{display:block}
.dmn > ul{height:0; overflow:hidden}
.ShowHide{height:100% !important; overflow:auto}
.dmn > ul > li{width:33.3%}
.boxH{width:50%}
.dmn > ul > li:nth-child(2n+1){clear:none}
.dmn > ul > li:nth-child(3n+1){clear:both}
.dmn > ul > li:hover > a{width:calc(100% - 20px); padding:10px}
.dmn > ul > li > a{width:calc(100% - 20px); padding:10px}
.dmn > ul > li >ul{top:4px; overflow:hidden}
.dfull{width:calc(100% - 6px);padding:0 3px;overflow-x: hidden}

.boxH > p img{max-width:100px; max-height:100px}
.boxH > p:nth-child(2){width:calc(100% - 20px); padding:20px 10px 5px}
.boxH > p:nth-child(3){width:calc(100% - 20px);padding:10px}
.dabout > div:nth-child(1),.dabout > div:nth-child(2){width:100%; padding-right:0}
.BoxProSlide > li, li.BoxPli,.BoxNews > li, li.BoxNli{width:calc(33.3% - 14px)}
.boxPi,.boxNi{width:100%; height:135px}
.boxPi > a > img,.boxNi > a > img{width:100%; height:auto; max-height:135px}

.ProductDetail > div:first-child{width:100%;margin-right:0}
.ProductDetail > div:last-child{width:100%;border-left:none}
.dcop{width:calc(50% - 20px); margin:0 10px}
.dcopLogo{width:100px}
.dcopAdd{width:calc(100% - 120px); padding-right:20px}
.dcop,.dcopLogo,.dcopAdd{float:left}
.dcop > ul{width:100%; float:left}
.dcop > ul > li > a{float:left; width:100%; padding:2px 0;color:#bfbfbf}
.dcop > ul > li:hover > a{color:#ff931e}
#Qpopup{width:650px; height:400px}
#Qpopup iframe{width:650px; height:400px}
.d13{float:left; width:calc(33.3% - 10px); padding:5px}
.d23{float:left; width:calc(66.6% - 10px); padding:5px}
.dleft{display:none}
.bMob1,.bMob2{display:block}
.listCatH > li{width:auto; padding:5px; clear:none !important;background-image::url(../images/dot-blue.png) !important}
.listCatH > li:nth-child(3n + 1){clear:none}
.listCatH > li:nth-child(3n + 3){background-image:url(../images/dot-blue.png)}
.listCatH > li:nth-child(2n + 1){clear:none}
.listCatH > li:nth-child(2n + 2){background-image:url(../images/dot-blue.png)}


.listCatH > li > a{text-transform:none;font-weight:400}
.listCatH > li:last-child{border-right:none; margin-right:0}

.d10005{width:calc(100% - 10px); padding:0 5px}.add{width:50%}.sub{width:45%}.slink{right:245px}.combo{width:400px}.combot1{width:100px}.combot2{width:300px}.combob{width:60px}.sb{width:120px}}

/* Dành cho máy tính bảng chiều ngang */
@media only screen and (min-width: 800px) {
.dmn,.d100,.d,.dmain,.dleft{width:100%}
.bgblue > h2{line-height:40px}
.slinkt,.hmap{display:none}
.fleft{display:block}
.dlogo{width:100%; text-align:center}
.Mobmn{display:block}
.dmn > ul{height:0; overflow:hidden}
.ShowHide{height:100% !important; overflow:auto}
.dmn > ul > li{width:33.3%}
.boxH{width:50%}
.dmn > ul > li:nth-child(2n+1){clear:none}
.dmn > ul > li:nth-child(3n+1){clear:both}
.dmn > ul > li:hover > a{width:calc(100% - 20px); padding:10px}
.dmn > ul > li > a{width:calc(100% - 20px); padding:10px}
.dmn > ul > li >ul{top:4px; overflow:hidden}
.dfull{width:calc(100% - 6px);padding:0 3px;overflow-x: hidden}

.boxH > p img{max-width:100px; max-height:100px}
.boxH > p:nth-child(2){width:calc(100% - 20px); padding:20px 10px 5px}
.boxH > p:nth-child(3){width:calc(100% - 20px);padding:10px}
.dabout > div:nth-child(1),.dabout > div:nth-child(2){width:100%; padding-right:0}
.BoxProSlide > li, li.BoxPli,.BoxNews > li, li.BoxNli{width:calc(33.3% - 14px)}
.boxPi,.boxNi{width:100%; height:135px}
.boxPi > a > img,.boxNi > a > img{width:100%; height:auto; max-height:135px}

.ProductDetail > div:first-child{width:100%;margin-right:0}
.ProductDetail > div:last-child{width:100%;border-left:none}
.dcop{width:calc(50% - 20px); margin:0 10px}
.dcopLogo{width:100px}
.dcopAdd{width:calc(100% - 120px); padding-right:20px}
.dcop,.dcopLogo,.dcopAdd{float:left}
.dcop > ul{width:100%; float:left}
.dcop > ul > li > a{float:left; width:100%; padding:2px 0;color:#bfbfbf}
.dcop > ul > li:hover > a{color:#ff931e}
#Qpopup{width:650px; height:400px}
#Qpopup iframe{width:650px; height:400px}
.d13{float:left; width:calc(33.3% - 10px); padding:5px}
.d23{float:left; width:calc(66.6% - 10px); padding:5px}
.dleft{display:none}
.bMob1,.bMob2{display:block}
.listCatH > li{width:auto; padding:5px; clear:none !important;background-image::url(../images/dot-blue.png) !important}
.listCatH > li:nth-child(3n + 1){clear:none}
.listCatH > li:nth-child(3n + 3){background-image:url(../images/dot-blue.png)}
.listCatH > li:nth-child(2n + 1){clear:none}
.listCatH > li:nth-child(2n + 2){background-image:url(../images/dot-blue.png)}


.listCatH > li > a{text-transform:none;font-weight:400}
.listCatH > li:last-child{border-right:none; margin-right:0}

.d10005{width:calc(100% - 10px); padding:0 5px}.add{width:50%}.sub{width:45%}.slink{right:245px}.combo{width:400px}.combot1{width:100px}.combot2{width:300px}.combob{width:60px}.sb{width:120px}
.boxHbg{display:block}
.dabout > div:nth-child(1){max-height:none; margin-bottom:0; overflow:auto}
}

/* Dành cho máy tính bảng TO chiều ngang */
@media only screen and (min-width: 1024px) {
.Mobmn,.fright.slinkt{display:none}
.dmn > ul{height:auto; overflow:visible}
.dleft,.hmap{display:block}
.fleft{display:block}
.boxH{width:25%}
.boxH > p img{max-width:150px; max-height:100px}
.boxH > p:nth-child(2){width:calc(100% - 40px); padding:20px 20px 5px}
.boxH > p:nth-child(3){width:calc(100% - 30px);padding:15px}
.dmn{width:calc(100% - 120px)}
.dmn > ul > li{width:auto; clear:none !important}
.dmn > ul > li:hover > a{width:auto; padding:38px 20px}
.dmn > ul > li > a{width:auto; padding:38px 20px;}
.dmn > ul > li >ul{top:56px}
.dlogo{width:120px}
.d{width:100%}
.dfull{width:calc(100% - 2px);padding:0 1px 0 1px; overflow:visible}
.d100{width:100%}
.d10005{width:calc(100% - 10px); padding:0 5px}
.add{width:50%}
.sub{width:45%}
.slink{right:245px}
.combo{width:400px}
.combot1{width:100px}
.combot2{width:300px}
.combob{width:60px}
.sb{width:120px}
.dabout > div:nth-child(1){width:calc(60% - 20px); padding-right:20px}
.dabout > div:nth-child(2){width:40%}
.BoxProSlide > li, li.BoxPli,.BoxNews > li, li.BoxNli{width:calc(25% - 14px)}
.dmain li.BoxPli,.dmain .BoxNews > li,.dmain  li.BoxNli{width:calc(33% - 14px)}
.boxPi,.boxNi{width:100%; height:135px}
.boxPi > a > img,.boxNi > a > img{width:100%; height:auto; max-height:135px}
.dleft{width:calc(25% - 14px)}
.dmain{width:75%}
.ProductDetail > div:first-child{width:calc(100% - 261px);margin-right:10px}
.ProductDetail > div:last-child{width:250px;border-left:solid 1px #e9e9e9}
.dcop{width:calc(50% - 20px); margin:0 10px}
.dcopLogo{width:100px}
.dcopAdd{width:calc(100% - 120px); padding-right:20px}
.dcop,.dcopLogo,.dcopAdd{float:left}
.dcop > ul{width:100%; float:left}
.dcop > ul > li > a{float:left; width:100%; padding:2px 0;color:#bfbfbf}
.dcop > ul > li:hover > a{color:#ff931e}
#Qpopup{width:650px; height:400px}
#Qpopup iframe{width:650px; height:400px}
.d13{float:left; width:calc(33.3% - 10px); padding:5px}
.d23{float:left; width:calc(66.6% - 10px); padding:5px}
.listCatH > li{padding:5px 15px; width:auto}
.listCatH > li,.listCatH > li:nth-child(2n + 1),.listCatH > li:nth-child(2n + 2),.listCatH > li:nth-child(2n + 3){background-image:url(../images/dot-blue.png) !important; border-right: 1px}
.listCatH > li:nth-child(2n + 1),.listCatH > li:nth-child(2n + 3),.listCatH > li:nth-child(2n + 4){clear:none}
.listCatH > li > a{font-weight:700; text-transform:uppercase}
.listCatH > li:last-child{border-right:none; margin-right:0}
.bMob1,.bMob2{display:block}}
 
/* Dành cho màn hình desktop */
@media only screen and (min-width: 1280px) {
.dleft{display:block}
.fleft,.slinkt{display:block}
.boxH{width:25%}
.boxH > p img{max-width:150px; max-height:100px}
.boxH > p:nth-child(2){width:calc(100% - 40px); padding:20px 20px 5px}
.boxH > p:nth-child(3){width:calc(100% - 30px);padding:15px}
.dmn{width:calc(100% - 120px)}
.dmn > ul > li{width:auto}
.dmn > ul > li:hover > a{width:auto; padding:38px 20px}
.dmn > ul > li > a{width:auto; padding:38px 20px;}
.dmn > ul > li >ul{top:56px; overflow:visible}
.dlogo{width:120px}
.d{width:1200px}
.dfull{width:calc(100% - 2px);padding:0 1px 0 1px;}
.d100{width:100%}
.d10005{width:calc(100% - 10px); padding:0 5px}
.add{width:50%}
.sub{width:45%}
.slink{right:245px}
.combo{width:400px}
.combot1{width:100px}
.combot2{width:300px}
.combob{width:60px}
.sb{width:120px}
.dabout > div:nth-child(1){width:calc(60% - 20px); padding-right:20px}
.dabout > div:nth-child(2){width:40%}
.BoxProSlide > li, li.BoxPli,.BoxNews > li, li.BoxNli{width:288px}
.boxPi,.boxNi{width:100%; height:150px}
.boxPi > a > img,.boxNi > a > img{width:100%; height:auto; max-height:150px}
.dleft{width:288px}
.dmain{width:900px}
.ProductDetail > div:first-child{width:575px;margin-right:25px}
.ProductDetail > div:last-child{width:297px;border-left:solid 1px #e9e9e9}
.dcop{width:calc(50% - 20px); margin:0 10px}
.dcopLogo{width:100px}
.dcopAdd{width:calc(100% - 120px); padding-right:20px}
.dcop,.dcopLogo,.dcopAdd{float:left}
.dcop > ul{width:100%; float:left}
.dcop > ul > li > a{float:left; width:100%; padding:2px 0;color:#bfbfbf}
.dcop > ul > li:hover > a{color:#ff931e}
#Qpopup{width:650px; height:400px}
#Qpopup iframe{width:650px; height:400px}
.d13{float:left; width:calc(33.3% - 10px); padding:5px}
.d23{float:left; width:calc(66.6% - 10px); padding:5px}
.listCatH > li{padding:5px 15px; width:auto}
.listCatH > li,.listCatH > li:nth-child(2n + 1),.listCatH > li:nth-child(2n + 2),.listCatH > li:nth-child(2n + 3){background-image:url(../images/dot-blue.png)}
.listCatH > li:nth-child(2n + 1),.listCatH > li:nth-child(2n + 3),.listCatH > li:nth-child(2n + 4){clear:none}
.listCatH > li > a{font-weight:700; text-transform:uppercase}
.listCatH > li:last-child{border-right:none; margin-right:0}
.bMob1,.bMob2{display:block}
} #histats_counter{display:none !important}