body {
    padding: 0px 0px 0px 0px;font-family:Tahoma, Verdana; 
}
.body-content {width: 100%; margin-top: 0px; padding-left: 0px; padding-right: 0px;}
.body-content .container{padding-left: 0px; padding-right: 0px;}
.left-col {padding-left: 0px;}
.right-col {padding: 15px 0px 0px 0px;}
textarea {max-width: 280px;}
select{max-width: 280px;}
.txtnote{
    max-width: 500px;
}
.cartinfo{
    border: solid 1px #c0c0c0;
    box-shadow: 1px 3px 0px #666;
    padding: 8px; color: #000;
    margin-bottom: 10px; background-color: #fff9c9;
}
#menulabel{
    cursor: pointer;
   
}
/* styles for validation helpers */
.field-validation-error {color: #b94a48;}
.field-validation-valid {display: none;}
input.input-validation-error {border: 1px solid #b94a48;}
input[type="checkbox"].input-validation-error {border: 0 none;}
.validation-summary-errors {color: #b94a48;}
.validation-summary-valid {display: none;}
/*topbar*/
.topmod{width: 100%; padding-left: 0px; padding-right: 0px;}
.topbar{width: 100%; height: auto; background-color: #f0f0f0; border-bottom: solid 1px #c0c0c0;}
.topbar .container{padding-left: 0px; padding-right: 0px;}
.comname{line-height: 35px; text-transform: uppercase; display: inline; float: left;}
.contphone{line-height: 30px; text-transform: uppercase; display: inline; float: right; 
           margin-left: 15px; border-left: solid 1px #c0c0c0; margin-top: 2px; padding-left: 32px; background: url(../images/phone.png) no-repeat 3px center;}
.contmobi{line-height: 30px; text-transform: uppercase; background: url(../images/mobi.png) no-repeat left center;
          display: inline-block; float: right; margin-left: 15px; padding-left: 32px;}
.contmobi a{color: #000; line-height:18px;}
.zalotui{
    display: inline-block; width: 24px; height: 26px; background: url(../images/zalo1.png) no-repeat left bottom; margin-left: 8px; margin-right: 8px;
}
.cartsum{
    line-height: 35px; text-transform: uppercase; display: inline; float: right;  padding-right: 8px;
           margin-left: 15px; border-left: solid 1px #c0c0c0; padding-left: 32px; background: #f9b600 url(../images/cart.png) no-repeat 3px center;
}
.c_header {padding-left: 0px;padding-right: 0px;margin-top: 16px;margin-bottom: 16px;}
.logodiv{padding-left: 0px;}
.logodiv a img.img-responsive{width: 90%;}
.btopdiv{padding-top: 8px;}
.searchdiv{padding-right:0px; padding-left: 0px;}
.sdiv{
    display: inline-block; margin-left: auto; margin-right: auto;
    border: solid 1px #c0c0c0; text-align: center; width: auto;
    width: 100%; margin-top: 15px;
}
.sdiv .form-control{ width: 84%; border: none; float: left;
                     
}
.sdiv .cmdsearch{
    float: right; background: #ee0101 url(../images/s.png) center no-repeat; width: 34px; height: 34px; border: none;
}
    .sdiv .cmdsearch:hover { background-color: #ff9600;
    }
    .exams{
           display: block; margin-left: auto; margin-right: auto;
            width: 100%; font-size: 10pt; font-style: italic; text-align: left; color: #666;
    }
    .ban_topshow {text-align: center;}
.ban_topshow .slogan{display: inline; color: #000; font-size: 13pt; text-transform: uppercase; 
                     border-bottom: solid 1px #ff9600; padding-bottom: 5px; padding-top: 5px}
.ban_topshow .s-slo{display: inline-block; color: #222; padding-top: 3px; 
                    font-size: 13pt; font-style: italic; border-top: solid 1px #ff0000; margin:auto; margin-top: 12px; }
.ban_topshow span.gol{color: #ffcb00;}
.ban_topshow span.green{color: #03a84d;}
.menu-content{padding-left: 0px; padding-right: 0px;}
.menu-content .container{
    background-color: #f3f3f3;  padding-left: 0px; padding-right:0px; border-bottom: solid 1px #c0c0c0;
}
.mainmenu{padding-left: 0px; padding-right: 0px;}
.prodmenucont{
 height: 50px; padding-left: 0px; padding-right: 0px;
}
.mainmenu .navbar-collapse{
    padding-left: 0px; padding-right: 0px;
}
.prodexp-menus{
    width: 100%;
}
.menulabel{
    width: 100%; height: 50px; line-height: 50px; background: #e10000 url(../images/exspand.png) no-repeat right -35px;
    text-transform: uppercase; color: #fff; font-size: 12.5pt; font-weight: bold; text-indent: 8px;
    text-shadow: 1px 1px 1px #333;
}

/*main menu*/
.linktit{display: none; font-size: 15pt;}
.is-sticky .container .mainmenu .linktit{display: none;}
.is-sticky {background-color: #ff9600; padding-left:0px; padding-right: 0px; z-index: 1500; }
.is-sticky #navbarmain{background-color: #f3f3f3; z-index: 1550;}
.is-sticky .container{z-index: 1580; border-bottom: none;}
.is-sticky .menu-content{width: 100%; background-color:#f3f3f3; border-bottom: solid 2px #999;box-shadow: 1px 1px 4px #666;}
#navbarmain{background-color: #f3f3f3; z-index: 1550;}
#navbarmain ul.nav .home{ transition: 0.4s; background: url(../images/home.png) no-repeat center;color: #fff;text-transform: uppercase;text-indent: 20px;font-weight: bold;}
#navbarmain ul.nav .home:hover{background-color: #ff0000;}
    #navbarmain ul.nav li.singleli a.item {
        color: #000;
        font-size: 10.5pt;
       transition: 0.4s; border-left: solid 1px #c0c0c0;
       text-transform: uppercase; font-weight: bold; padding-left: 8px;
    }

#navbarmain ul.nav li.singleli a.item:hover{background-color: #ff0000; color: #fff;}
/*product menus*/

.is-sticky .prodmenucont .prodexp-menus .prodrootpanel{display: none;}
#mnumain{padding-right:0px; padding-left: 0px;}
.is-sticky #mnumain{padding-right:0px; z-index: 1700;}
.prodrootpanel{width: 100%; background-color: #f0f0f0; margin-top: 1px; z-index: 1850;}
.ulroot{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
    list-style: none;  border-top: none;
    width: 100%;
}
.ulroot li.rootitem {
     width: 100%; height: 38px;  color: #333; border-bottom: solid 1px #c0c0c0;
    position: relative; text-indent: 8px; font-size: 11pt;
    background: url(../images/forward.png) no-repeat right top;
}
    .ulroot li.rootitem:hover {
        background-position: right bottom;
    }
.ulroot li.rootitem a{
    font-size: 11pt; color: #333; line-height: 38px;
}
.ulroot li.rootitem:hover{
    border-bottom: solid 2px #666; background-color: #f9f9f9; z-index: 1500; border-right: solid 2px #f9f9f9; margin-right: 2px;
}
    .ulroot li.s-item {
          width: 100%; height: 38px; color: #666; border-bottom: solid 1px #c0c0c0;
     padding-left: 8px;
    }
        .ulroot li.s-item a {
            font-size: 11pt; color: #333; line-height: 38px;
        }
.ulroot li.rootitem ul.prod-dropdown{
   padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
position: absolute;
visibility: hidden;
list-style: none;
z-index: 1880;
}
.ulroot li.rootitem:hover > ul.prod-dropdown{
    position: absolute; background-color: #f9f9f9; 
    display: block; visibility:visible; top: 0px; box-shadow: 2px 2px 2px #333; 
    width: auto; 
}
.ulroot li.rootitem ul.prod-dropdown li{
   width: auto;  width: 220px;
}
.scdropitem{
    background: url(../images/rar.png) no-repeat right 12px;
}
.ulroot li.rootitem ul.prod-dropdown li a{
    line-height: 32px; font-size: 10pt; font-weight: bold; color: #333;
     border-bottom: solid 1px #666; display: block;
}
.ulroot li.rootitem ul.prod-dropdown li a:hover{color: #ee0101; text-decoration: none; background-color: #fff9c9;}
.ulroot li.rootitem ul.prod-dropdown li ul.sub-dropdown{
    list-style: none; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;
    display: none; visibility: hidden; position: absolute;
    background-color: #ffefbd; border: solid 1px #FFBF00; left: 210px;
}
.ulroot li.rootitem ul.prod-dropdown li:hover{
     background-color: #fff9c9;
}
.ulroot li.rootitem ul.prod-dropdown li:hover > ul.sub-dropdown {
    display: block; visibility: visible; width: 220px; top: 0px; 
    }
.ulroot li.rootitem ul.prod-dropdown li ul.sub-dropdown li{
   display: block; border-bottom: solid 1px #c0c0c0; width: 100%; height: 25px; margin-right: 5px;
   padding-right: 0px; padding-left: 0px;
}
.ulroot li.rootitem ul.prod-dropdown li ul.sub-dropdown li a{
    font-weight: normal; color: #333; border-bottom: none; padding-right: 0px; width: 100%;
    padding-left: 0px; text-indent: 8px; height: 25px; line-height: 25px;
}
.ulroot li.rootitem ul.prod-dropdown li ul.sub-dropdown li a:hover{
    background-color: #f0f0f0; color: #ff0000;
}
.btnexpand{
    width: 40px; height: 40px; border: none;
    background: url(../images/exspand.png) no-repeat top center; float: right; margin-top: 5px; visibility: visible;
}
    .btnexpand:hover {
        background-position: bottom center;
    }
.is-sticky .prodmenucont .prodexp-menus .menulabel .btnexpand{
    visibility: visible;
}
/* jssor slider bullet navigator skin 01 css */
.middle-top{padding-right: 0px; padding-left: 0px;}
.slidemain {padding: 0px 0px 0px 0px; width: 100%; display: block;}
.jssorb01 {position: absolute;bottom: 15px;right: 15px; z-index: 1110;}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {position: absolute;width: 24px;height: 24px;overflow: hidden;cursor: pointer;border: #fff 1px solid; border-radius: 100%;}
.jssorb01 div {background-color: #ee0101;}
.jssorb01 div:hover, .jssorb01 .av:hover {background-color: #ffba00;}
.jssorb01 .av {background-color: #ffba00;}
.jssorb01 .dn, .jssorb01 .dn:hover {background-color: #555555;}
.jssora05l, .jssora05r {display: block;position: absolute;width: 40px;height: 40px;cursor: pointer;overflow: hidden;
/* size of arrow element */
}
.jssora05l {background-position: -10px -40px;}
.jssora05r {background-position: -70px -40px;}
.jssora05l:hover {background-position: -130px -40px;}
.jssora05r:hover {background-position: -190px -40px;}
.jssora05l.jssora05ldn {background-position: -250px -40px;}
.jssora05r.jssora05rdn {background-position: -310px -40px;}
.captionOrange {color: #000;text-align: center;position: absolute;bottom: 0px;width: 60%;display: block;background-color: #ffba00;padding: 10px;}
a.captionOrange, A.captionOrange:active, A.captionOrange:visited {color: #000;text-decoration: none;}
a.captionOrange:hover {color: #eb5100;text-decoration: underline;background-color: #eeeeee;background-color: rgba(238, 238, 238, 0.7);}
.loadingslide {position: absolute;display: block;top: 0px;left: 0px;width: 100%;height: 100%;background: url(../images/loading.gif) no-repeat center center;}
.sclides {cursor: move;position: absolute;left: 0px;top: 0px;width: 880px;height: 268px;overflow: hidden; z-index: 1100;}
.slidecontainer {height: 268px;overflow: hidden;width: 880px; z-index: 1000;}
/*end slide*/
/*product tabs*/
.product-tabs{
    width: 100%; display: block; height: auto;
    padding-left: 0px; margin-top: 15px;
}
.tabspanel{
     width: 100%; display: block; height: auto;
    padding-left: 0px;
    border-bottom: solid 2px #FFBF00;
}
.tabcap{
    display: inline-block; margin-left: 0px;
    height: 50px; background-color: #FFBF00;width: 38%;
}
.tabcap span{
    display: block; line-height: 45px; font-size: 11pt; text-transform: uppercase;
    text-indent: 10px; font-weight: bold; color: #000; 
}
.tabitem{
    display: inline-block; border: solid 1px #c0c0c0;border-top: solid 2px #c0c0c0; border-bottom: none; 
    height: 50px;
}
.tabitem:hover{
     border: solid 1px #FFBF00; border-top: solid 2px #FFBF00;border-bottom: none; cursor: pointer;
}
.tabitem span
{
     display: block; line-height: 45px; font-size: 11pt; text-indent: 8px; padding-right: 8px;
}
.tabspanel .active{
    border: solid 1px #ff0000; border-top: solid 2px #ff0000;border-bottom: none;
}
.product-tabcontents{
    padding-left: 0px; padding-right: 0px; 
}
.pctabitem{
    padding-left: 8px; padding-right: 8px; margin-top: 15px;
    border-right: solid 1px #c0c0c0;max-height: 295px;
}
.pctablast{border-right: none;}
.pctabimg{
    padding-left: 0px; padding-right: 0px;
    padding-bottom: 3px;
}
.pctabimg img{
    display: inline-block; width: 100%;
}
.pccontent{
    padding-left: 0px; padding-right: 0px;
}
.prodlinktit{color: #026aba; font-size: 10pt; display: inline-block; width: 100%; height: 58px;}
.pricediv{display: inline-block; border-bottom: dotted 1px #c0c0c0; text-align: center; width: 100%; padding-bottom: 3px; }
.pricediv .p1{color: #666; font-size: 10pt; text-decoration: underline; display: inline-block; padding-right: 8px;}
.pricediv .p2{color: #ff0202; font-size: 11pt; font-weight: bold;}
.cartdivitem{
    display: inline-block; border-top: dotted 1px #c0c0c0; 
    text-align: center; width: 100%; padding-bottom: 5px; margin-top: 2px;
    padding-top: 3px;
}
.cartdivitem a{
    color: #999; padding: 2px 5px 2px 2px; text-decoration:none;
}
.cartdivitem a:hover{
    color: #026aba;  text-decoration:none;
    border-bottom: solid 1px #026aba;
}
/**=km*/
.kmbanner{
    padding-left: 0px; padding-right: 0px;
}
.kmbanner .btit{
    background: #7e0263 url(../images/discount.png) no-repeat 2px center;
    color: #fff; height: 50px; text-indent: 50px;
}
.kmbanner .btit h4{
    display: inline; line-height: 45px;
}
.kmbanner .bancontonly{
    width: 100%; padding: 10px; background-color: #f9f9f9;
    text-align: center;
}
.kmbanner .bancontonly a.btn{
    margin-left: auto; margin-right: auto; display: inline-block;
}
.footcounter{
    margin-top: 8px
}
/*product*/
.product-panel{
    padding-left: 0px;
    margin-top: 15px;
}
.product-panel .prod-titdiv{
    border-bottom: solid 2px #f9d001;
    padding-left: 0px; padding-right: 0px;
}
.pltit{
    display: table;
    background-color: #f9d001; padding-top: 15px;
    padding-left: 10px; padding-right: 15px; padding-bottom: 10px; font-size: 15pt; 
}
.pltit h1 {
    display: inline; color: #000; font-size: 15pt; text-transform:uppercase;
}
.pagerdiv{
    border-top: solid 2px #c0c0c0; border-bottom: solid 2px #c0c0c0;
    margin-top: 10px; display: block; margin-bottom: 15px;
    padding-top: 5px; padding-bottom: 5px; text-align: center;
}
.p_Pager{
    display: inline-block;
}
    .p_Pager a {
        display: inline-block; padding:3px 8px 3px 8px;background-color: #f0f0f0; color: #000;
        margin-left: 5px;
    }
    .p_Pager a:hover{background-color: #ff9600;}
.proddesc{
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 15px; display: inline-block;
}
.proddesc .ptitname{
    padding-left: 0px;display: inline-block;
}
.ptitname .title{
    border-bottom: solid 1px #f0f0f0;
    padding-top: 8px; padding-bottom: 8px;
}
.ptitname .title h1{
    display: inline; color: #000; font-size: 18pt;
}
.ptitname .pinfo
{
    display: inline-block; padding-top: 8px; padding-bottom:  8px;
}
.pinfo .price{
    width: 100%;
    padding-bottom: 8px; color: #ff0000; font-size: 15pt; font-weight: bold;
}
.pinfo .price .gia{
    color: #666; font-weight: normal;
}
.pinfo .price .vnd{
    font-size: 12pt; color: #000;
}
.buydiv a.buylink{
    font-size: 13pt;
    border: solid 1px #026aba; padding: 4px 15px 4px 15px;
    border-radius: 8px;
}
.buydiv a.buylink:hover{
    box-shadow: 1px 2px 3px #999;
}
.artplimg{
    border: solid 1px #c0c0c0;
    padding-left: 0px; padding-right: 0px; text-align: center;
    box-shadow: 1px 0px 3px #999;
}
.artplimg img{
    width: 100%; display: block;
}
.prodinfo{
    padding-left: 0px; padding-right: 0px; display: inline-block; margin-top: 15px;
}
/*footer*/
.footer-bg{
    width: 100%; background-color: #f0f0f0; margin-top: 10px;
}
.footer-bg .container{
    padding-left: 0px; padding-right: 0px;
}
.foo-c{
    padding-left: 0px; padding-right: 0px;
    margin-top: 15px;
}
.foo-l{
    padding-left: 0px; padding-right: 0px; 
}
.foo-l .col-md-3{
    padding-left: 0px; padding-right: 0px;
}
.foo-l .col-md-3 .foocap{
   width: 100%; text-align: center;
   background: url(../images/l1.png) repeat-x center;
}
.foo-l .col-md-3 .foocap span{
    background-color: #ee0101;
    color: #fff;
    padding: 5px 12px 5px 12px;
    font-size: 13pt; display: inline-block;
}
.flink{
    margin-top: 10px;
}
.foo-l .col-md-3 a{
    display: block; width: 100%;
    line-height: 25px;
    color: #333; font-size: 10pt; margin-top: 2px;
    background: url(../images/sq.png) no-repeat 22px center; text-indent: 36px;
}
.foo-l .col-md-9 .foocap{
   width: 100%; text-align: center;
   background: url(../images/l1.png) repeat-x center;
}
    .foo-l .col-md-9 .foocap span {
         background-color: #ee0101;
    color: #fff;
    padding: 5px 24px 5px 24px;
    font-size: 13pt;  display: inline-block;
    margin-left: auto; margin-right: auto;
    }
.foo-l .col-md-9 ul.fmroot{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style: none; margin-top: 10px;
}
.foo-l .col-md-9 ul.fmroot li a{
    color: #333;line-height: 30px; display: block;
    background: url(../images/sq.png) no-repeat 12px center; text-indent: 24px;
}
.foo-l .col-md-9 ul.fmroot li ul{
     padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
}
    .foo-l .col-md-9 ul.fmroot li ul li a{
        text-indent: 10px; font-size: 10pt; color: #666;
        background: url(../images/sq4.png) no-repeat 24px center; text-indent: 32px;
    }
.foo-r{
    padding-left: 0px; padding-right: 0px;
}
.socialitem{ width: 100%; padding-top: 25px; text-align: center;}
.socialitem div.mxh a{display: inline-block; width: 44px; height: 44px; border-radius: 100%; margin-left: 4px; margin-right: 4px;background-color: #ff9600; }
.socialitem div.mxh a:hover{background-color: #ee0101; }
a.youtbeL { background: url(../images/youtubeico.png) no-repeat center;}
a.googleL {background: url(../images/googlepicon.png) no-repeat center;}
a.faceL {background: url(../images/faceico.png) no-repeat center;}
.twiterL {background: url(../images/twitter.png) no-repeat center;}
.pinterestL{background: url(../images/pinterest.png) no-repeat center;}
.sharebottom{ 
    width: auto; display: inline-block; text-align: center; 
    margin-top: 25px; margin-bottom: 15px;
    text-align: center;
    border-top: solid 1px #999; width: 100%;
}
    .sharebottom div {
        display: inline-block; float: left;
        color: #333; padding-top: 5px; width: 100%;
        border-top: solid 1px #999; margin-top: 5px;
    }
.sharef{display: inline-block; width: 30px; height: 30px; border: solid 1px #c0c0c0; background: url(../images/f24.png) no-repeat center;margin-left: 8px; border-radius: 100%;margin-right: 8px;}
.sharet{display: inline-block; width: 30px; height: 30px; border: solid 1px #c0c0c0; background: url(../images/t24.png) no-repeat center;margin-left: 8px; border-radius: 100%;margin-right: 8px;}
.shareg{display: inline-block; width: 30px; height: 30px; border: solid 1px #c0c0c0; background: url(../images/g24.png) no-repeat center; margin-left: 8px; border-radius: 100%;margin-right: 8px;}
.sharep{display: inline-block; width: 30px; height: 30px; border: solid 1px #c0c0c0; background: url(../images/p24.png) no-repeat center;margin-left: 8px; border-radius: 100%;margin-right: 8px;}
.sharei{display: inline-block; width: 30px; height: 30px; border: solid 1px #c0c0c0; background: url(../images/l24.png) no-repeat center; margin-left: 8px; border-radius: 100%;margin-right: 8px;}
.techsupp{
    padding-left: 0px; padding-right: 0px;
    margin-top: 15px; background-color: #f9f9f9;
    display: inline-block; text-align: center;
}
.arttop{
    width: 100%;display: inline-block;
    border-bottom: solid 1px #ff9600; text-align: left;
    color: #333; font-size: 10pt; padding-top: 8px; padding-bottom: 8px;
}
.techsupp .artopcap{
    background: #ee0101 url(../images/tech.png) no-repeat 5px center;
    height: 50px; text-align: left;
    text-indent: 60px;
}
.techsupp .artopcap div h3{
    display: inline; font-size: 15pt; color: #fff;
    line-height: 50px;
}
.techsupp .artopcap div a{
    color: #fff; text-indent: 60px;
}
.techsupp .btn{
    margin-left: auto; margin-right: auto;
    margin-top: 10px; margin-bottom: 10px; display: inline-block;
}
.techsupp .title{
    color: #333; font-size: 11pt;
}
.faqtoplist{
    padding-left: 0px; padding-right: 0px;
    margin-top: 15px; background-color: #f9f9f9;
    display: inline-block; text-align: center;
}
.faqtoplist .artopcap{
    background: #7e0263 url(../images/faq1.png) no-repeat 5px center;
    height: 50px; text-align: left;
    text-indent: 60px;
}
.faqtoplist .artopcap div h3{
    display: inline; font-size: 15pt; color: #fff;
    line-height: 50px;
}
.faqtoplist .artopcap div a{
    color: #fff; text-indent: 60px;
}
.faqtoplist .title{
    color: #333; font-size: 11pt;
}
.faqtoplist .btn{
    margin-left: auto; margin-right: auto;
    margin-top: 10px; margin-bottom: 10px; display: inline-block;
}
.faqarticle, .tuvanarticle, .servicearticle{
    padding-left: 0px; margin-top: 15px;
}
.content-tit{
    width: 100%;
    border-top: solid 2px #f0f0f0;
    border-bottom: solid 2px #f0f0f0; text-align: left;
    padding-top: 10px; padding-bottom: 10px;
}
.content-tit .btit{
    display: inline-block;
}
.content-tit .btit h3{
    display: inline;
}
.faqarticle .content-tit {
    background: url(../images/faq1.png) no-repeat left center;
    text-indent: 25px;
}
.tuvanarticle .content-tit {
    background: url(../images/tech.png) no-repeat left center;
    text-indent: 25px;
}
.servicearticle .content-tit {
    background: url(../images/support_icon.png) no-repeat left center;
    text-indent: 25px;
}
.articlelist{
    padding-left: 0px; padding-right: 0px; border-right: solid 1px #f0f0f0;
}
.artviewcontent{
    padding-left: 0px;
}
.artplimg{margin-top: 15px;}
.artviewtit .title h1{
    font-size: 24pt;
}
.otherarticle{
    border-top: solid 1px #c0c0c0;
    padding-left: 0px;
    margin-top: 15px; margin-bottom: 15px;
}
.otherit{
    background-color: #ff9600;
    color: #000;
    padding-top: 10px; padding-bottom: 10px;
}
.otherit span{
    display: inline-block; float: left;
    font-size: 13pt;
}
.spanttit{
    display:inline-block; 
    width: 80%;padding-left: 10px;
}
.otherarts{
    margin-top: 10px;
}
.otherarts ol{
    font-size: 13pt;
}
.otherarts ol li {
    border-bottom: dotted 1px #c0c0c0;
    padding-top: 8px; padding-bottom: 8px;
}
.otherarts ol li a{
    font-size: 12pt;
}
.otherarts ol li a img{
    width: 20%;
}
.content-tit .btit{
    display: inline-block;
}
.content-tit .btit h1{
    display: inline; font-size: 18pt;
}
.artitem{
    width: 100%;
    margin-bottom: 15px; padding-top: 15px;
    border-top: solid 1px #f0f0f0;
}
    .artitem .artlinkimg img {
        float: left; width: 30%; margin-right: 15px;
        
    }
.artitem .artlink{
    font-size: 15pt;
}
.artsingle{
    margin-top: 15px;
}
.lefttit{
     width: 100%;
    border-top: solid 2px #f0f0f0;
    border-bottom: solid 2px #f0f0f0; text-align: left;
    padding-top: 10px; padding-bottom: 10px;
}
.lefttit .btit h1{
   display: inline; font-size: 18pt;
}
.artsingle .dtext{
    padding-left: 15px; padding-top: 15px;
}
.contactdiv{
     padding-left: 0px; margin-top: 15px;
}
contact-form table{margin-top: 25px; font-size: 9pt;}
.contact-form span.caption{
    font-size: 12pt; text-transform: uppercase; margin-top: 15px;
    display: block; width: 100%; margin-bottom: 10px;}
.contact-form table td.errordiv{border: solid 1px #f8931f;color: red; padding: 5px;}
.form-horizontal{margin-top: 15px;}
.form-horizontal .control-label{font-size: 9pt; color: #666; padding-left: 0px;}
.form-horizontal .form-group{padding-left: 0px;}
.inputsub .iptext{display: block; width: 300px; padding: 8px; border: solid 1px #c0c0c0; border-radius: 8px;}
.form-horizontal .btn-info{float: right;}
.tab-content .tab-pane{padding: 15px;}
.contacttable a{color: #808080; }
.cofrm .error{border: solid 1px #f8931f; background: #fff8bd;}
.captext{border: none; text-decoration: line-through; background-color: #f0f0f0;font-family: sans-serif; font-size: 17pt; color: #c0c0c0;width: 80px;}
.codecap{border: solid 1px #c0c0c0;font-size: 17pt; width: 80px;}
span.tencongty{display: block; padding-top: 5px; padding-bottom: 5px; font-size: 16pt;}
span.addtext{display: block; padding-top: 5px;}
.restext{width: 100%; color: #333; font-size: 13pt; padding-top: 8px; padding-bottom: 8px;}
.resitem{
    width: 100%; display: inline-block; border-bottom: solid 1px #c0c0c0;
    padding-left: 0px; padding-top: 15px; padding-bottom: 15px;
}
.refitem{
   padding-left: 0px;
     margin-top: 8px; padding-bottom: 5px;
   height: 110px;
}
.refitem .col-xs-12 .prodlinktit{
    font-size: 10pt;
}
.refitem .col-xs-12 .pricetext{
    display: inline-block; font-size: 10pt;
}
.cartlink{display: inline-block; margin-left: 8px; color: #666}
.refitem .col-xs-12 .pricetext .p2{color: #f60000;}
/*shopping cart*/
.cartlistdiv{
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px; width: 100%;
}
#tablecartlist{
    width: 100%;
}
.carthead{
    background-color: #ff0000;
    color: #000; font-weight: bold; font-size: 10pt;
    padding-top: 16px; padding-bottom: 16px;
    color: #fff;
}
.cartimg{
    width: 80px; border: solid 1px #c0c0c0; padding: 2px 2px 2px 2px; float: left; margin-right: 8px;
}
.cartprod{
    width: 45%;
}
.qtycarttext{
    width: 50px; text-align: center; text-align: center;
}
.cartprice{
    color: #000; font-size: 12pt;
}
.carttt{
    color: #ff0000; font-size: 13pt;
}
.carttotal{
    font-size: 14pt; color: #ff0000; font-weight: bold;
}
.removecart{
    display: block; width: 32px; height: 32px;
    background: url(../images/rrmc32.png) no-repeat left center;
}
.cartsteps{
    width: 100%;
    display: inline-block;
    margin-top: 15px; margin-bottom: 15px;
}
.dathangstep1{
    width: 30%;display: inline-block;
    border: solid 1px #999; text-align: center; text-transform: uppercase;
    padding-top: 12px; padding-bottom: 12px;
}
.activestep{
    color: #ee0101; box-shadow: 1px 0px 3px #666;
}
.activestep .steplink{
    color: #ee0101; display: inline-block;
}
.dathangstep2{
    width: 33%;display: inline-block;
    border: solid 1px #999;text-align: center;text-transform: uppercase; margin-left: 1%;
    padding-top: 12px; padding-bottom: 12px;
}

.dathangstep3{
      width: 33%;display: inline-block;padding-top: 12px; padding-bottom: 12px;
    border: solid 1px #999;text-align: center;text-transform: uppercase; float: right;
}
.nextstepdiv{
    width: 100%; display: inline-block;
}
.nextstepdiv .vatcheck{
    width: 100%; padding-top: 5px; padding-bottom: 8px; display: inline-block;
}
.nextstepbutton{
     width: 100%; padding-top: 8px; padding-bottom: 8px; display: inline-block;
     border-top: solid 1px #c0c0c0;
}
.nextstepbutton .btn {
    float: right;
}
.carttextbox{
    width: 50%;
}
.vatdiv{
    text-align: right; display: inline-block; padding-top: 5px; padding-bottom: 5px;
    border-bottom: solid 1px #ccc; width: 100%;
    font-size: 15pt; color: #000; margin-bottom: 8px;
}
.vatdiv .text1{
    font-size: 15pt; color: #ff0000; font-weight: bold;
}
.cartinfosuma{
    display: inline-block; width: 100%; margin-top: 8px;
}
.cartreview{
    width: 100%; display: inline-block; margin-top: 8px; margin-bottom: 8px;
}
.cartreview span{
    display: inline-block; padding-bottom: 5px; border-bottom: solid 1px #333; color: #000;
    font-size: 13pt;
}
.sitemap{
    background: url(../images/homeyell.png) no-repeat left center;
    display: block;
    padding-top: 5px; padding-bottom: 5px; margin-top: 15px;
}
.sitemap .rnode{
    color: #000; background: url(../images/homeyell.png) no-repeat left center;
    padding-left: 30px;
}
.mnode{
    color: #333; background: url(../images/rar.png) no-repeat left center;
    padding-left: 15px;
}
.producttop{
    margin-top: 8px; padding-left: 0px; padding-right: 0px;
}
.producttop .prod-titdiv{
    border-bottom: solid 2px #f9d001;
    padding-left: 0px; padding-right: 0px;
}
.producttop .prod-titdiv .pltit{
    display: inline-block;
}
.producttop .prod-titdiv .pltit h3{
    display: inline; color: #000;
}
.producttop .prod-titdiv .pltit h3 a{color: #000; font-size: 13pt; text-transform: uppercase;}
.moreprod{
    float: right;
    margin-top: 15px; color: #666; border-bottom: solid 1px #666;
}
.searchrestit{
    width: 100%;
    display: inline-block; padding: 8px 8px 8px 8px;
    background-color: #fff9c9; border: solid 1px #c0c0c0;
    box-shadow: 1px 0px 3px #999;
    margin-top: 10px; margin-bottom: 10px;
}
.searchrow{
    padding-left: 0px; border-top: dotted 1px #c0c0c0;
    margin-top: 8px; margin-bottom: 8px; padding-top: 8px; padding-bottom: 8px;
}
.pctabimg{
    padding-left: 0px;
}
.searchprice .p1{
    color: #000;
}
.searchprice .p2{
    color: #f60000;
}
.searchprice a{
    display: inline-block; margin-left: 15px; color: #333;
}
.keywords{
    color: #f60000; font-weight: bold; 
}
.viewedlist{
    display: inline-block;
    padding-left: 0px; padding-right: 0px; padding-top: 0px;
    background-color: #f0f0f0;
}
.viewedlist .rtit{
    background: #ff0000 url(../images/viewed.png) no-repeat 8px center; color: #fff; height: 50px;
    text-indent: 60px;
}
.viewedlist .rtit h3{
    display: inline; font-size: 15pt;
    line-height: 50px; 
}
.pdaxem{
    display: inline-block; padding-top: 8px; padding-bottom: 8px;
}
.daxeminfo{
    padding-left: 0px;
}
.viewedlist .pctabimg{
    padding-left: 5px;
}
.viewedlist .link{
    color: #222;
}
.tourp{
    display: block; font-weight: bold;
}
.closepop{font-size: 16pt;color: #333;font-weight: bold;cursor: pointer;display: none;width: 24px;line-height: 20px;float: right;}
.popdiv{width: 250px;height: 240px;position: fixed;z-index: 1550;right: 0px;top: 20%;border: solid 1px #666;background-color: #fff;box-shadow: 0px 1px 5px #333;}
.openpop{display: block;font-size: 16pt;color: #fff;font-weight: bold;cursor: pointer;float: right;width: 24px;background-color: #de4a4a;height: 24px;text-align: center;line-height: 24px;}
.openpop:hover{background-color: #239bed;}
.closepop{font-size: 16pt;color: #fff;font-weight: bold;cursor: pointer;display: none;float: right;width: 24px;background-color: #239bed;height: 24px;text-align: center;line-height: 24px;}
.poptitle{background: #76b51b url(../images/hl.png) no-repeat left center;height: 240px; width: 24px;float: left; cursor:pointer;}
.hotlineinfo{width: 250px;height: 240px;  border: solid 1px #666;background-color: #fff;box-shadow: 0px 1px 3px #666;}
.hotlineinfo .htit{width: 100%;line-height: 30px;background-color: #ffa33a; text-align: center; color: #fff; font-size: 12pt; font-weight: bold;}
.hcontact span{color: #000; font-size: 8pt;font-weight: bold; display: block; line-height: 20px;text-indent: 10px; margin-top: 6px; text-transform: uppercase; text-decoration: underline;}
.hcontact a.mobiphone{display:inline-block; line-height: 24px; font-size: 11pt; color: #000;text-indent: 10px;}
.skypechat{display:inline-block; background: url(../images/skype24.png) no-repeat 4px center; padding-left: 26px; font-size: 8pt; color: #02aac7;line-height: 24px; }
.zalome{display:inline-block; background: url(../images/zalo.png) no-repeat 4px center;width: 56px;height: 24px; }
/*Scroll top*/
.scrollToTop{
	width:40px; 
	height:40px; border-radius: 100%;
	text-align:center; 
	font-weight: bold;
	color: #333;
	text-decoration: none; padding-top: 3px;
	position:fixed;
	bottom: 0px;
	left:0px;
	display:none;
	background: #FFBF00 url("../images/up.png") no-repeat center bottom;
    border: solid 1px #c0c0c0;
}
.scrollToTop:hover{
	text-decoration:none;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */

    .c_header{
    }
    .c_header .logodiv
    {
        padding-left: 0px; padding-right: 0px;
    }
    .left-col{padding-right: 0px;}
    .product-tabs{padding-right: 0px;}
    .product-tabcontents{padding-left: 8px; padding-right: 8px;}
    .logodiv a img.img-responsive{width: 100%;}
    .btopdiv{padding-right: 0px;}
     .ban_topshow {text-align: center;}
.ban_topshow .slogan{display: inline; color: #333; font-size: 12pt; text-transform: uppercase; 
                     border-bottom: none; padding-bottom: 5px; padding-top: 0px}
.ban_topshow .s-slo{display: none; }
.ban_topshow span.gol{color: #ffcb00;}
.ban_topshow span.green{color: #03a84d;}

#stickymenu .prodrootpanel{display: none; z-index: 1850; position: relative;}
.is-sticky .prodmenucont .prodexp-menus .prodrootpanel{display: none;}
.tabcap{
    display: inline-block; margin-left: 0px;
    height: 50px; background-color: #FFBF00;width: 100%;
}
.tabcap span{
    display: block; line-height: 45px; font-size: 11pt; text-transform: uppercase;
    text-indent: 10px; font-weight: bold; color: #000; 
}
.tabitem{
    display: inline-block; border: solid 1px #c0c0c0;border-top: solid 2px #c0c0c0; border-bottom: none; 
    height: 35px;
}
.tabitem span
{
     display: block; line-height: 35px; font-size: 9pt; text-indent: 5px; padding-right: 3px; font-weight: bold;
}
.refitem{
    border-bottom: dotted 1px #d0d0d0;
}
.is-sticky .container .mainmenu .linktit{display: block; float: left; position: relative; color: #000; line-height: 45px; font-size: 15pt; padding-left: 5px;}
.linktit span{color: #f60000;}
.navbar-toggle{border: solid 1px #666;}
#navbarmain ul.nav .home{ transition: 0.4s; background: url(../images/home.png) no-repeat 24px center;color: #fff;text-transform: uppercase;text-indent: 20px;font-weight: bold;}
#navbarmain ul.nav .home:hover{background-color: #ff0000;}
.product-panel{
    padding-left: 8px;
}
.closepop{font-size: 16pt;color: #333;font-weight: bold;cursor: pointer;display: none;width: 24px;line-height: 20px;float: right;}
.popdiv{width: 250px;height: 240px;position: fixed;z-index: 1550;right: 0px;top: 50%;border: solid 1px #666;background-color: #fff;box-shadow: 0px 1px 5px #333;}
.openpop{display: block;font-size: 16pt;color: #fff;font-weight: bold;cursor: pointer;float: right;width: 24px;background-color: #de4a4a;height: 24px;text-align: center;line-height: 24px;}
.openpop:hover{background-color: #239bed;}
.closepop{font-size: 16pt;color: #fff;font-weight: bold;cursor: pointer;display: none;float: right;width: 24px;background-color: #239bed;height: 24px;text-align: center;line-height: 24px;}
.poptitle{background: #76b51b url(../images/hl.png) no-repeat left center;height: 240px; width: 24px;float: left; cursor:pointer;}
.hotlineinfo{width: 250px;height: 240px;  border: solid 1px #666;background-color: #fff;box-shadow: 0px 1px 3px #666;}
.hotlineinfo .htit{width: 100%;line-height: 30px;background-color: #ffa33a; text-align: center; color: #fff; font-size: 12pt; font-weight: bold;}
.hcontact span{color: #000; font-size: 8pt;font-weight: bold; display: block; line-height: 20px;text-indent: 10px; margin-top: 6px; text-transform: uppercase; text-decoration: underline;}
.hcontact a.mobiphone{display:inline-block; line-height: 24px; font-size: 11pt; color: #000;text-indent: 10px;}
.skypechat{display:inline-block; background: url(../images/skype24.png) no-repeat 4px center; padding-left: 26px; font-size: 8pt; color: #02aac7;line-height: 24px; }
.zalome{display:inline-block; background: url(../images/zalo.png) no-repeat 4px center;width: 56px;height: 24px; }
.product-tabcontents{
    padding-left: 15px; padding-right: 15px; 
}
.prodlinktit{font-size: 9pt;}
.pctabitem{
    padding-left: 8px; padding-right: 8px; margin-top: 15px; height: 235px;
    border-right: solid 1px #c0c0c0;max-height: 285px;
}
}