*{padding:0; margin:0}
a, a:hover{text-decoration:none;}
.fl{float:left}
.fr{float:right}
img {max-width: 100%; width: auto; height:auto}
p, h1, h2, h3, h4, h5, h6, ul {margin: 0;}
.bold {font-weight: 600}
.an{display:none !important}
.red {color: red}
.w30{width:30%}
.w45{width:45%}
.an{display:none}
.upper {text-transform: uppercase}
.italic {font-style: italic}
body {font-family: Tahoma; font-size: 14px; line-height: 140%; color:#333;}
.dialog-container{top:70px}
.dialog-title{padding:0 !important; padding-left:15px !important; color:#fff}
.dialog-header{height:auto !important; background:#1A3A69 !important; padding:10px 0 !important; width:100%; float:left }
.dialog-close-button{color:#fff !important; margin-top:5px; padding-right:15px !important}
.frm{width:100%}
.tab-btn.active{background:#1A3A69 !important; padding:6px 15px; color:#fff}
.tab-btn{padding:6px 15px !important}
.dialog-body{padding:10px !important}
#btn-login{padding:6px 15px !important}
.group-control:last-child{text-align:center}
#btn-register{padding:5px 15px;}
#frm-login{width:100%}
header{width:100%; background:#017FFF; padding:20px 0}
.box-list {width: 100%;z-index: 99; box-shadow:0px 1px 2px 0px #ccc; position:absolute; top:40px; left:0;}
.menu-left{position:relative; margin-top:5px; width:100%; float:left; padding-bottom:10px}
.menu-left:hover .list-menu-child{display:block}
.dm{height:25px; line-height:25px;}
.dm span{width:20px; height:20px; background:url(/icon-menu.png) center left no-repeat; margin-top:5px; background-size:100%; margin-right:5px;}
.dm a{margin-top:5px; min-height:20px; color:#fff; text-transform:none;}
.list-menu {background: #fff; width:100%; float:left}
.list-menu >li { list-style:none; background:url(/ip.png) 6px no-repeat; border-bottom: 1px dotted #ccc; padding:8px 0 8px 35px;}
.list-menu >li:hover{background:#017FFF url(/ip-h.png) 6px no-repeat}
.list-menu >li>a {color: #333;}
.list-menu >li >a:hover {color: #fff;}
.list-menu > li >ul >li{line-height:140%; margin-bottom:8px;}
.list-menu >li:hover .menu-child {display: block;}
.dmsp-child {border: none}
.list-menu-child {display: none}
.menu-child {border:1px solid #ccc; background: #fff none repeat scroll 0 0;display: none;min-height: 480px;left: 100%;position: absolute;top: 0;width: 815px; padding:10px; z-index: 99;}
.menu-child li {font-weight: bold;width: 20%;float: left; list-style:none;padding: 5px;}
.menu-child li a {color: #000;}
.menu-child1{width:100%;}
.menu-child1 li{width:100%; padding:6px 0; border-bottom:1px dotted #ccc; font-weight:normal;}

.menu-child li a:hover {text-decoration: underline;color: #017FFF}
.box-tk{width:100%; border-radius:5px; background:#0D5CB6; box-shadow:0px 1px 2px 0px #eee; overflow:hidden}
.box-tk input[type="text"]{width:71%; background:#fff; padding:10px 10px; border:none;}
.box-tk a{width:25%; padding:8px 10px; color:#fff; font-weight:bold}
.box-tk svg{margin-bottom:-5px; margin-right:10px; font-weight:bold}
.box-dangnhap{position:relative; margin-top:10px}
.td-dn{width:100%; float:left; color:#fff; cursor:pointer;}
.td-dn a{color:#fff}
.box-dangnhap:hover .ct-dn{display:block; z-index:999}
.ct-dn{width:250px;background:#fff; box-shadow:0px 1px 2px 2px #eee; float:left; top:40px; position:absolute; display:none; padding:10px;}
.ct-dn a{width:100%; height:35px; line-height:35px; background:#FDD835; color:#333; text-align:center; float:left; border-radius:5px; margin-bottom:10px; overflow:hidden}
.td-dn p, .td-dn svg .td-dn span{float:left}
.td-dn svg{margin-bottom:-3px; float:left}
.tt-dangnhap{float:left}
.dn-face, .dn-gg, .dn-zl{color:#fff !important; text-align:left !important}
.dn-face{background:#3B5998 !important; }
.dn-face span, .dn-gg span, .dn-zl span{width:35px; height:35px; float:left; margin-right:6px;}
.dn-face span{ background:url(/icon-face.png) center center no-repeat; border-right:1px solid #324B81;  }
.dn-gg{background:#DF4A32 !important}
.dn-gg span{ background:url(/icon-gg.png) center center no-repeat; border-right:1px solid #B8341D;}
.dn-zl{background:#0F8EDD !important}
.dn-zl span{ background:url(/icon-zl.png) center center no-repeat; border-right:1px solid #0D75B3;}
.giohang{color:#fff; margin-top:10px; position:relative}
.giohang a{color:#fff;}
.form-horizontal .form-group{margin-left:15px; margin-right:0}
.ct-tuvan h3{color:#1e73be; text-align:center; line-height:140%; text-transform:uppercase; font-size:25px; font-weight:bold; margin-bottom:30px}
.form-horizontal .control-label{width:100%; text-align:center; margin-bottom:10px}
textarea.form-control{height:60px}
.btn-gui{width:100%; text-align:center; float:left; font-size:0}
.btn-send{padding:10px 25px; text-align:center; display:inline-block; float:none; font-size:15px; background:#1e73be; font-weight:bold; border:none; border-radius:5px; color:#fff; margin-right:20px; cursor: pointer;}
.btn-send:hover{color:#fff}
.simpleCart_items{width:100%;background:#fff;border-bottom:1px solid #999;border-bottom:1px solid #666;float:left}
.cartHeaders{background:#eee;font-weight:700}
.cartHeaders,.itemContainer{width:100%;padding:1% 0 1% 1%;float:left;border-bottom:1px solid #eee}
.itemPrice,.itemTotal,.itemName{width:18%;padding-left:1%;text-align:center;float:left}
.itemName{width:45%;text-align:left}.item_remove,.itemQuantity{width:7%;padding-left:1%;text-align:center;float:left}
.item_remove,.item_remove a{color:red}
.simpleCart_quantity,.simpleCart_total{width:10%;color:#03C;font-weight:700;float:left;margin-left:66.6%}
.simpleCart_total{margin-left:-5px;margin-bottom:20px}
.dsgiohang h2{width:100%; float:left; text-align:center; margin-bottom:20px; margin-top:20px; font-size:24px; font-weight:bold; color:#ff0000; text-transform:uppercase;}
#dsdonhang{width:100%; float:left; margin-bottom:50px;}
.form-group{width:100%; float:left; margin-bottom:15px;}
.giohang .simpleCart_quantity{top: -11px; left: 9px; position: absolute; color: #000; margin-left: 0; padding: 1px 6px; background: #ffff00; width: auto; border-radius: 100%; }
section{background:#F4F4F4; padding-top:30px}

/*banner*/
.banner{width:100%}
.jssorl-009-spin img {
  animation-name: jssorl-009-spin;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


.jssorb052 .i {position:absolute;cursor:pointer;}
.jssorb052 .i .b {fill:#000;fill-opacity:0.3;}
.jssorb052 .i:hover .b {fill-opacity:.7;}
.jssorb052 .iav .b {fill-opacity: 1;}
.jssorb052 .i.idn {opacity:.3;}

.jssora053 {display:block;position:absolute;cursor:pointer;}
.jssora053 .a {fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10;}
.jssora053:hover {opacity:.8;}
.jssora053.jssora053dn {opacity:.5;}
.jssora053.jssora053ds {opacity:.3;pointer-events:none;}
/*End banner*/
.danhmuc-sp{width:100%; background:#fff; float:left; margin-top:30px; padding:30px 0; padding-bottom:0;}
.danhmuc-sp .col-sm-2{border-right:1px solid #F4F4F4; border-top:1px solid #F4F4F4}
.danhmuc-sp .box-dmsp{width:100%; text-align:center; padding:10px 0;}
.danhmuc-sp h2, .timkiem-hd h2{font-size:18px; text-transform:uppercase; font-weight:normal; color:#666; margin-bottom:20px; padding-left:30px}
.box-dmsp h3{font-size:13px; font-weight:normal}
.danhmuc-sp .box-dmsp h3{height:34px}
.danhmuc-sp .box-dmsp h3 a{color:#333}
.box-dmsp h3 a{color:#666;}
.giasoc{width:100%; padding:30px 0; background:#fff; margin-top:30px; float:left}
.giasoc li{list-style:none;}
.giasoc h2{padding-left:30px;}
.giasoc h2 img{margin-right:6px}
.box-doitac{width:100%; padding:10px;}
.box-doitac figure{width:100%; text-align:center; margin-bottom:10px}
.box-doitac img{max-width:100%}
.gia-bc{width:100%; text-align:center; font-weight:bold; margin-bottom:10px;}
.deal-qua{width:100%; background:#FFAAAF url(/icon-fire.svg) -3px 0 no-repeat;color: #fff;border-radius: 10px;position: relative;display: flex;width: 100%;height: 20px; float:left}
.qua-daban{width:75%; min-width: 20px; position: absolute;left: 0px;top: 0px;background-color:#FF424E;height: 20px;border-radius: 10px;}
.deal-qua span{font-size: 11px;line-height: 16px;padding: 0px 0px 0px 6px;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;height: 100%;width: 100%;position: absolute;text-align: center;}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
  display:none;
}

.nbs-flexisel-container {
  position:relative;
  max-width:100%;
}
.nbs-flexisel-ul {
  position:relative;
  width:99999px;
  margin:0px;
  padding:0px;
  list-style-type:none;   
  text-align:center;  
}

.nbs-flexisel-inner {
  overflow:hidden;
  float:left;
  width:100%;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;  
}

.nbs-flexisel-item {
  float:left;
  margin:0px;
  padding:0px;
  cursor:pointer;
  position:relative;
  line-height:0px;
}
.nbs-flexisel-item img {
  width: 100%;
  cursor: pointer;
  position: relative;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
  width: 22px;
  height: 22px; 
  position: absolute;
  cursor: pointer;
  z-index: 100;
  opacity: 0.5;
}

.nbs-flexisel-nav-left {
  left: 20px;
  background: url(/left.png) no-repeat;
}

.nbs-flexisel-nav-right {
  right: 20px;
  background: url(/right.png) no-repeat;
}
.nbs-flexisel-item img{width:90%; height:auto}
.box-anhct{width:100%; background: url(/loading.gif) top center no-repeat; float:left}
.banner-km{width:100%; padding:30px 0; padding-bottom:0; float:left}
.box-km img{width:100%; height:auto; border-radius:10px;}
.timkiem-hd{width:100%; margin-top:30px; padding:30px 0; padding-bottom:0; background:#fff; float:left}
.timkiem-hd h2{border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:0;}
.img-tk{width:100%; position:relative; margin-bottom:15px;}
.box-timkiem{width:100%; padding:10px; padding-top:20px; border-right:1px solid #F4F4F4; float:left}
.img-tk img{width:100%; height:auto}
.td-tk{width:100%; height:30px; line-height:30px; position:absolute; bottom:0; background:#333; opacity:0.6; color:#fff;}
.ten-tk{width:100%; height:30px; color:#666; margin-top:10px; float:left; text-align:center; font-weight:bold;}
.ten-tk a{color:#666; font-size:16px;}
.goiy{width:100%; margin-top:30px; float:left}
.td-goiy{width:100%; padding:10px 0; padding-bottom:0; background:#fff; border-bottom:1px solid #ddd; margin-bottom:8px; float:left}
.td-goiy h2{color:#ff3300; border-bottom:3px solid #ff3300; padding-bottom:10px; padding-left:20px; font-size:20px; text-transform:uppercase;}
.box-goiy{width:100%; padding:10px;border-radius:10px; margin-bottom:20px; background:#fff; box-shadow: 2px 3px 3px 0px #ccc; float:left}
.box-goiy figure{width:100%; margin-bottom:10px; float:left}
.box-goiy h3{font-size:13px; height:30px; line-height:140%; font-weight:normal; overflow:hidden; margin-bottom:10px; float:left;}
.box-goiy h3 a{color:#666;}
.gia-goiy span:nth-child(1){color:#ff3300; font-size:14px; font-weight:bold; float:left; text-align:left}
.gia-goiy span:nth-child(2){font-size:12px; text-align:right; float:right; color:#666;}
.box-dangky{width:100%; margin:30px 0; float:left}
.text-dky{width:100%; min-height:70px; padding-top:20px; line-height:140%; background:url(/bg-dangky.png) center left no-repeat; font-weight:bold; padding-left:120px;}
.ip-dangky{width:100%; padding-top:20px; float:left;}
.ip-dangky input[type="text"]{width:60%; background:#fff; border:1px solid #ccc; padding:8px; margin-right:10px; border-radius:5px; overflow:hidden;}
.ip-dangky button { background: #00AFEF; border: none; border-radius: 5px; overflow: hidden; padding: 8px 15px; color: #fff; }
.ip-dangky a{background:#00AFEF; border:none; border-radius:5px; overflow:hidden; padding:8px 15px; color:#fff;}
footer{width:100%; background:#fff; font-size:12px; padding:30px 0; padding-bottom:20px;}
.box-ft h3{font-size:14px; color:#666; text-transform:uppercase; font-weight:normal; margin-bottom:10px;}
.box-ft p{color:#ff0000; font-size:12px; font-weight:bold; margin-bottom:10px}
.box-ft ul li{width:100%; list-style:none; font-size:11px; margin-bottom:6px;}
.box-ft ul li a{color:#666;}
.box-thanhtoan{width:100%; float:left}
.box-thanhtoan img{margin-right:6px; margin-bottom:6px;}
.box-thanhtoan img:nth-child(3n){margin-right:0;}
.box-kn{width:100%; float:left}
.box-kn a img{margin-right:6px; margin-bottom:6px;}
.ft-top{padding-bottom:30px; width:100%; float:left}
.ft-bottom{width:100%; padding:30px 0; border-top:1px solid #eee; float:left}
.box-bct{width:100%; text-align:right;}
.ft-bt{width:100%; padding:30px 0; padding-bottom:0}
/*Danh mục*/
.path, .bdskhac {width: 100%; float: left; margin: 20px 0 20px; padding-bottom: 0}
.path ul li {float: left; list-style: none; padding: 0 7px; color: #E02012}
.path ul li a {color: #999; text-decoration: none; text-transform:uppercase; padding-left: 7px}
.path ul li:last-child a {color: #999}
.path ul li a:hover {color: #E02012}
.box-left{width:100%; background:#fff; float:left}
.box-dm h2{font-size:15px; font-weight:normal; margin-bottom:20px; text-transform:uppercase; color:#333}
.box-dm{width:100%; padding:15px; margin-bottom:15px; border-bottom:1px solid #eee}
.box-dm li{list-style:none; margin-bottom:10px;}
.box-dm li a{color:#333;}
.fa-star{color:#ffff00;}
.box-dm li span{color:#666; margin-left:10px;}
.dis{color:#ccc !important}
.box-right{width:100%;}
.td-right{width:100%; padding-left:20px; margin-bottom:20px; float:left}
.td-right h1{font-size:22px; font-weight:normal; text-transform:uppercase;}
.nd-dau{width:100%; margin-bottom:20px; float:left}
.nd-dau img{max-width:100%}
.box-right .box-dmsp figure{width:100%; margin-bottom:10px; float:left}
.box-right .box-dmsp{width:100%; padding:5px; margin-bottom:20px; background:#fff; box-shadow: 2px 3px 3px 0px #ccc; float:left}
.box-right .box-dmsp h3{width:100%; height:36px; line-height:140%; margin-bottom:10px; overflow:hidden; float:left;}
.box-right .box-dmsp .danhgia{width:100%; text-align:center; margin-bottom:10px;}
.box-right .box-dmsp .gia-goiy span:nth-child(2){font-size:15px; font-weight:bold; color:#333}
/*End danh mục*/
/*Chi tiết sp*/
.box-chitiet{width:100%; background:#fff; padding:15px;}
.jssorl-009-spin img {
  animation-name: jssorl-009-spin;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#fff;opacity:.3;}
.jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}

.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:none;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:1px solid #ccc;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}
.td-chitiet{width:100%; margin-bottom:20px;}
.td-chitiet h1{font-size:24px; margin-bottom:10px; font-weight:normal;}
.box-giact{width:100%; padding:15px 10px; background:#f0f0f0; margin-bottom:20px}
.giaban-ct{font-size:14px; font-weight:bold; color:#333; }
.giacu-ct{font-size:14px; font-weight:normal; text-decoration:line-through;}
.tk-chitiet{font-size:16px; font-weight:bold;}
.sale-ct{font-size:13px; font-weight:bold; text-transform:uppercase; color:#ff0000; margin-bottom:10px; margin-top:10px;}
.box-ms{width:100%; margin-top:10px;}
.box-ms span{text-align:center; border-radius:3px; margin-right:10px; border:1px solid #ccc}
.datmua{padding:20px 0; border-top:1px solid #eee; display:none}
.datmua p{margin-bottom:10px}
.datmua input{border:1px solid #ccc; text-align:center; height:25px; line-height:25px; border-radius:3px;}
.mua-ct{float:left;}
.mua-ct a{padding:15px 0; width:100%; float:left; background:#ff0000; border-radius:5px; color:#fff; text-align:center; font-weight:bold;}
.muangay{width:100%; padding-top:30px; border-top:1px solid #eee}
.tragop-ct a{width:100%; padding:5px 0; text-align:center; border:1px solid #ff9900; color:#ff9900; border-radius:5px; float:left}
.tragop-ct{float:right}
.box-bh{width:100%; padding:10px}
.box-bh p{margin-bottom:10px; font-size:12px; }
.box-sptt{width:100%; margin:30px 0}
.box-sptt h2{width:100%; padding-left:30px; text-transform:uppercase; font-size:22px; margin-bottom:10px;}
.ct-sptt{width:100%; padding:15px; background:#fff; float:left}
.box-dmsp h3{width:100%; height:36px; line-height:140%; margin-bottom:10px; overflow:hidden; float:left;}
.ct-sptt .box-dmsp{width:95%}
.ct-sptt .box-dmsp .danhgia{height:25px; float:left}
.ct-sptt .box-dmsp h3{text-align:left;}
.ct-sptt .box-dmsp .gia-goiy{width:100%; height:25px; float:left}
.nd-chitiet h2{width:100%; text-transform:uppercase; font-size:22px; margin-top:20px; margin-bottom:20px; float:left}
.box-noidung{width:100%; background:#fff; padding:10px; float:left;}
.box-noidung table{width:100%; border:1px solid #eee}
.box-noidung table td{padding:5px; border:1px solid #eee}
.box-dmsp{width:100%; padding:5px; margin-bottom:20px; background:#fff; box-shadow: 2px 3px 3px 0px #ccc; float:left}
.box-dmsp .danhgia{width:100%; text-align:center; margin-bottom:10px;}
.box-dmsp .gia-goiy span:nth-child(2){font-size:15px; font-weight:bold; color:#333}
/*End chi tiết sp*/
@media (min-width: 768px)
{
  .box-goiy h3{height:35px; overflow:hidden; line-height:140%}
  .danhmuc-sp .box-dmsp figure{height:101px; margin-bottom:10px}
  .danhmuc-sp .box-dmsp h3{overflow:hidden}
  .box-dmsp figure{height:188px; overflow:hidden}
  .box-goiy figure{height:173px; overflow:hidden}

}

@media (min-width: 768px) and (max-width:992px)
{
  .box-tk{margin-top:10px;}

}
@media (min-width: 768px) and (max-width:1024px)
{
  .logo img{height:40px; width:auto}
  .menu-child {border:1px solid #ccc; background: #fff none repeat scroll 0 0;display: none;min-height: 480px;left: 100%;position: absolute;top: 0;width: 615px; padding:10px; z-index: 99;}
  .menu-child li {font-weight: 300;width: 33%;float: left; list-style:none;padding: 5px 15px;}
  .box-tk input[type="text"]{width:65%; background:#fff; padding:10px 10px; border:none;}
  .box-tk a{width:35%; padding:8px 10px; color:#fff; font-weight:bold}

}
@media (min-width: 1025px)
{
  .col-10{width:10%;}
  .col-20{width:20%}
}

@media (max-width: 767px)
{
  .tragop-ct{font-size:12px;}
  .box-left{display:none}
  .navbar-brand img{height:40px; width:auto}
  .navbar-brand{padding:0}
  .navbar-inverse{background:none; border:none;}
  .navbar-inverse .navbar-toggle{border-color:#eee}
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:none}
  .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{background:none; color:#fff;}
  .nav>li{border-bottom:1px dotted #eee}
  .navbar-inverse .navbar-nav>li>a{color:#fff;}
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#fff}
  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background:none}
  .box-dmsp figure{height:188px; overflow:hidden}
  .danhmuc-sp .box-dmsp figure{height:75px;}
  .box-goiy figure{height:173px; overflow:hidden}
  .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{background:none; color:#ffff00}
  header{padding-bottom:0}
  .danhmuc-sp .box-dmsp h3{height:28px; overflow:hidden}
  .box-km img{margin-bottom:20px;}
  .box-goiy h3{height:37px;}
}