html, body, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tfoot,
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;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:150%;font-family:Arial, sans-serif;font-size:13px;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
* img{max-width:100%}
#scrollTop{background-color:#fc5400;border-radius:45px;bottom:20px;display:block;min-height:45px;overflow:hidden;position:fixed;right:10px;text-align:center;transition:all 0.7s ease-in-out 0s;width:45px;z-index:40;}
#scrollTop span{line-height:45px;font-size:1.5em;text-align:center;color:#fff;}
#scrollTop:hover{-ms-opacity:.5;opacity:.5;-webkit-box-shadow:0 0 20px rgba(0,0,0,.5);-ms-box-shadow:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 20px rgba(0,0,0,.5);}
.logo{padding:10px 0 10px 15px;}
/*.search .inputbox{background-color:#fff;background-image:linear-gradient(#f7f7f7, #fff 50%, #fff);background-repeat:no-repeat;border:1px solid #ccc;border-radius:0;box-shadow:0 1px 0 #fff inset;box-sizing:content-box;font-size:12px;padding:5px 10px;width:192px}
.search .btn-search{background:none repeat scroll 0 0 #fc5400;border:medium none;border-radius:0;box-shadow:none;color:#fff;display:inline-block;font-size:12px;line-height:20px;padding:6px 14px 5px 14px;text-shadow:none;vertical-align:top;}*/
#flagstrap-drop-down-TQhmuk0k-list{background:#3b3b3b;}
.mg{margin:15px 0}
.mgt{margin-top:15px}
#ads-banner{margin:20px 0;overflow:hidden;display:block;}
#header {background:#e7e7e7 url("../images/bg-logo.png") no-repeat scroll left top;margin-bottom:15px}
.menutop {background:#3c5a98;}
#main-nav { visibility: visible;  -webkit-transition:  ease-in 0.5s;position: relative;
    -moz-transition:  ease-in 0.5s;
    -ms-transition:  ease-in 0.5s;
    -o-transition:  ease-in 0.5s;
    transition:  ease-in 0.5s;}
#main-nav .arrow { display: none;}
#main-nav .nav-bars { display: none;}
#main-nav > ul > li { display: inline-block;background: url(../img/line.png) no-repeat right center;padding-right: 4px;}
#main-nav > ul > li:hover .main-mega-sub-menu { opacity: 1;visibility: visible;transition: ease 0.4s;}
#main-nav > ul > li:hover > a {text-decoration: none;padding: 10px 15px;color: #222;  margin-left: -4px;background:#c3d6ed}
#main-nav > ul > li:last-child { background: none}
#main-nav > ul > li a { padding: 10px 15px;display: block;color: #eee;font-size: 12px;text-transform:uppercase;margin-left: -4px;font-weight:bold}
#main-nav > li > a:hover ,#main-nav li a.active  { text-decoration: none;border-bottom: 3px solid #f7cf18; padding: 10px 15px; color: #222}

#main-nav .main-mega-sub-menu { position: absolute;visibility: hidden;opacity: 0;transition: ease 0.4s;width: 100%;left: 5px;background:#c3d6ed;z-index: 9999;border-radius: 0 0 4px 4px}
#main-nav .main-mega-sub-menu .item-maga-sub-menu { width: 24%;margin-left: 1%;display: inline-block;float: left;text-transform: none;text-align: left;}
/*#main-nav .main-mega-sub-menu .item-maga-sub-menu h3 { color: #333;font-size: 14px;text-transform: none;}
#main-nav .main-mega-sub-menu .item-maga-sub-menu h3 a { padding: 0px 0px;text-transform:none}*/
/*#main-nav .main-mega-sub-menu .item-maga-sub-menu ul { margin-top: 5px;}*/
#main-nav .main-mega-sub-menu .item-maga-sub-menu a { text-transform:none;padding: 8px 5px;color: #222;font-weight: normal;}
#main-nav .main-mega-sub-menu .item-maga-sub-menu a:hover { border: none;text-decoration: none; color: #f7cf18 } 
#main-nav .main-mega-sub-menu .item-maga-sub-menu ul li { border-bottom: 1px solid #777;display: block;background: url(../img/arrow-mega-menu.png) no-repeat left center;padding-left: 10px; }
#main-nav .main-mega-sub-menu .item-maga-sub-menu ul li:hover { border-bottom: 1px solid #777 !important; }
.box-product-img {height:180px;overflow:hidden}
p.btn.btn-primary.btn-xs.pull-right{margin-top:8px}
.bgFooter{background:#414141;color:#fff;padding-top:10px}
#footer h4{text-align:center;width:100%;padding:15px 0px;border-top:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;font-size:16px;line-height:1.2em}
#footer .menuFooter{margin-top:10px}
#footer .menuFooter a{padding:0px 5px;color:#fff;font-size:12px;}
#footer .menuFooter a:hover{color:#be0000;}
#footer .footer-info{background:#3c5a98;color:#fff;}
.nav-res .nav-bars i {
  font-weight: bold;
    display: inline-block;padding-left: 15px;
}
.nav-res.mobile {
  width: 100%;
    margin-top: 15px;
    background: #3b3b3b !important;
    border-radius: 0 !important;
}
.mobile .arrow { float: right;color: #fff;}
.nav-res.mobile ul {
  display: none;
}
.nav-res.mobile ul li {
  width: 100%;
  float: none;
}
.nav-res.mobile ul li span.arrow {
  display: block;
  top: 10px;
  font-size: 16px;
  margin: 0;
  right: 10px;
  left: auto;
    position: absolute;
}
.nav-res.mobile ul li span.arrow:hover {
  color: #aaa;
}
.nav-res.mobile ul li span.arrow.arrow-rotate {
    -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.nav-res.mobile ul li a {
  padding: 15px;
    color: #fff;
}
.nav-res.mobile ul li ul {
  position: static;
  width: 100%;
}
.nav-res.mobile ul li ul li {
  width: 100%;
}
.nav.mobile ul li:hover a {
  background: #464646;
  border-bottom: 1px solid #606060;
}
.nav.mobile ul li:hover a:hover {
  background: #535353;
}
.nav-res.mobile ul li:hover ul {
  display: none;
}
.nav-res.mobile ul li:hover ul a {
  background: #535353;
}
.nav-res.mobile ul li:hover ul a:hover {
  background: #606060;
}
.nav-res.mobile .nav-bars {
  display: block;
  line-height: 40px;
    color: #fff;
    padding-right: 15px;
    margin-bottom: 15px;
}
.accordion{width:100%;max-width:360px;background:#FFF;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.accordion .link{font-size:14px;font-weight:700;color:#0d5fb4;cursor:pointer;padding:10px 10px 15px 10px;border-bottom:1px solid #ccc;display:block;position:relative;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.accordion li:last-child .link{border-bottom:0;}
.accordion li i{position:absolute;top:12px;left:16px;font-size:1em;color:#595959;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.accordion li i.fa-chevron-down{right:12px;left:auto;color:#c6c6c6;font-size:1em;}
.accordion li.open .link{color:#0d5fb4;}
.accordion li.open i{color:#0d5fb4;}
.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.PagePage{text-align:center;clear:both;margin-top:10px;}
.image-source-link{color:#98C3D1;}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg{opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.mfp-with-zoom.mfp-ready .mfp-container{opacity:1;}
.mfp-with-zoom.mfp-ready.mfp-bg{opacity:0.8;}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0;}
.mod-title{border-bottom:1px solid #be0000;color:#be0000;font-size:14px;text-transform:uppercase;padding-bottom:8px;margin-bottom:8px;font-weight:bold}
.mod-title-FAQ{background:#960000;font-size:14px;text-transform:uppercase;padding:8px;color:#fff;font-weight:bold}
.tin-y-hoc{font-size:14px;text-transform:uppercase;color:#fff;font-weight:bold}
.tin-moi-nhat{}
.tin-moi-nhat ul li,.tin-y-hoc ul li{border-bottom:1px solid #f2f2f2;line-height:20px;margin-bottom:5px;padding:5px 0 5px 3%;}
.box-home{margin:15px 0;border-top:1px solid #ddd}
.box-home h2{margin-bottom:10px;}
.box-home .home-cat{margin-bottom:10px;}
.box-home .home-cat a{line-height:32px;display:inline-block}
.box-home .home-cat a:first-child{text-transform:uppercase;padding:0 8px 0 20px;font-weight:bold;background:url(../images/bg_Tab.png) no-repeat top left;color:#960000}
.ads-home {margin:-5px 0 15px 0}
.product-item {margin-bottom:15px;padding:5px;text-align:center;height:280px;position:relative;border:1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: 0 0 5px -3px #999;
    width: 100%;
}
.product-item a.roll {width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/icon-roll.png) no-repeat center center, rgba(0,0,0,0.5);opacity:0;transition:ease-in 0.5s; visibility:hidden;border-radius:3px}
.product-item:hover a.roll{visibility:visible;opacity:1;transition:ease-in 0.5s}
.group-item{margin-bottom:15px;padding:5px;text-align:center;height:220px;position:relative;border:1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: 0 0 5px -3px #999;
    width: 100%;
}
.group-item:hover{margin-bottom:15px;padding:5px;text-align:center;height:220px;position:relative;border:1px solid #333;
    border-radius: 3px;
    box-shadow: 0 0 5px -3px #999;
    width: 100%;
}
.group-item .img{max-height:175px;overflow:hidden}
.hethang{position:absolute;left:10px;top:10px;z-index:1000;background:#ed1c2a;color:#fff;border-radius:5px;padding:0 5px}
.moi{position:absolute;right:10px;top:10px;z-index:1000;background:#f47d31;color:#fff;border-radius:5px;padding:0 5px}
.discount{position:absolute;left:33%;top:25%;z-index:1000;background:url(../images/discount.png) no-repeat center;width:50px;height:50px;color:#fff;border-radius:5px;padding:0 5px;line-height:50px}
.product-hot{border-bottom:1px dotted #ccc;margin-bottom:10px}
.product-hot h3 {font-weight: bold;}
.product-hot .price{font-weight: bold;color:#bd0100}
.title{font-weight: bold;font-size:18px}
.imageDetail{position:relative}
.image_view_zoom{width:100%; height:292px; border:1px solid #dbdada;}
.image_view_zoom img{width:100%;height:290px;}
.image_view_scroll{ height:20px; padding:16px 0px 0px 0px; }
.image_view_scroll ul{ list-style-type:none; margin:0; padding:0; }
.image_view_scroll ul li{ float:left; margin-right:12px; }
.image_view_scroll ul li.last{ margin-right:0; }
.image_view_scroll ul li img{ border:1px solid #dbdada;width:73px;height:63px}
/*========Promotion========*/
.i-promotion{background:#F3F5ED;border:#DCE0D1 1px solid;margin:0 10px 15px 10px;padding:8px;width:592px}
.i-promotion .img{float:left;width:196px;margin-right:15px}
.i-promotion .dathang{background:#F6700E;padding:10px 20px;margin:0 15px 0 0;color:#fff}
.i-promotion .dathang .Larger-price{font-size:20px}
.i-promotion .soluong{font-size:16px}
.i-promotion .soluong span{color:#f30}
.content-product h3{text-transform:uppercase;font-size:16px; margin-bottom:15px;border-bottom:1px solid #ccc}
.price {
    color: #c60000;
    font-size: 20px;margin:5px 0
}
.line{margin:10px 0;border-bottom:1px solid #ccc}
.unprice {
    text-decoration: line-through;font-size:14px;color:#333;
}
.box-footer {
    border-left: 1px solid #ccc;
    display: block;
    min-height: 160px;
    overflow: hidden;
}
.box-footer-title {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: 25px;
    margin: 10px 0 0 15px;
    overflow: hidden;
    text-transform: uppercase;
    width: 100%;
}
.box-footer-title a {
    color: #000;
}
.box-footer-body {
    clear: left;
    display: block;
    margin: 0 0 0 15px;
    min-height: 110px;
    overflow: hidden;
    width: 100%;
}
.box-footer-body ul {
    margin: 0;
    padding: 0;
}
.box-footer-body ul li {
    clear: left;
    list-style-type: inherit;
    margin: 3px 0 0 18px;
}
.box-footer-body ul li a {
    color: #666;
    font-size: 13px;
    text-decoration: none;
}
.box-footer-body ul li a:hover {
    color: #000;
}
.box-email {
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 31px;
    overflow: hidden;
    width: 265px;
}
.frmemail {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    height: 26px;
    margin: 2px 0 2px 2px;
    width: 210px;
}
.btnEmail {
    background: rgba(0, 0, 0, 0) url("../images/icon-email.png") no-repeat scroll left center;
    border: medium none;
    cursor: pointer;
    height: 29px;
    width: 39px;
}
.box-flow {
    float: left;
    height: 35px;
    margin: 5px 0 0;
}
.box-flow span {
    display: block;
    float: left;
    margin: 3px;
}
.other {margin-top:25px}
.other-news {
    margin-top: 10px;
    overflow: hidden;
}
.other-news .title {
    border-bottom: 1px solid #3b3b3b;
    color: #3b3b3b;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0;
    text-transform: uppercase;
    width: 100%;
}
.other-news .body ul {
    margin: 5px 0;
}
.other-news .body ul li {
    background: rgba(0, 0, 0, 0) url("../images/ico_left_news_other.png") no-repeat scroll left 7px;
    display: block;
    padding: 3px 0 3px 10px;
    width: 100%;
}
.other-news .body ul li a {
    color: #333;
    font-size: 13px;
}
.other-news .body ul li a:hover {
    color: #333;
}
.other-news .body ul li span {
    color: #777;
    font-size: 12px;
    padding-left: 10px;
}
.ads-right {max-width: 300px;margin-bottom:10px}
.bg-info {margin:10px 0}
.order-info {background:#f1f1f1;padding:10px 0;border:1px solid #ccc}
.order-info div{padding:3px 10px}