/*list-product*/
.sum-product-top{text-align:justify}
.sum-product-top li{width:95%; margin-left:30px; float:left}
.arrow-r{width:40px;height:50px;float:left;background:url(/images/icon.png) 
  -369px -72px}
.icon-bike {width: 65px; height: 50px;float: left; 
  background:url(/images/icon.png) -197px -59px}
/*Calendar*/
.dkh-b { position: absolute; font-size: 12px; color: #fff; background: orange; border-radius: 3px; top: 0px; right: 0px; padding: 0 3px; opacity: .8; line-height: 18px;}
.dkh-b:hover{opacity: 1; cursor:pointer}
#calendar{width:100%; margin:0 auto}
#calendar th,#calendar td{padding:3px}
#calendar td:first-child{text-align:center; line-height:36px;font-weight:bold}
#calendar .monthtask td:first-child{text-align:unset; line-height:unset}
.m-taskdate{position:absolute; top:0; right:0; padding:5px; color:#aaa}
.currentmonth .m-taskdate{color:#000}
.m-taskcontent{width:100%; height:100px; float:left;}
#calendar td:first-child .usertask .anhdd{margin:0;}
/*#calendar tr td:nth-child(odd){background:#eee}
#calendar tr td:nth-child(even){background:#f1f2f3}*/

.head{text-align:center; height:55px}
.head, .head svg, .head span{position:relative;}
.head span{line-height:55px;font-size:23px; display:inline-block; margin-left:5px}
.head svg{top:3px}
.day, .date{display:inline-block}
.task,.usertask{max-height:550px; overflow:scroll}
table{border:none; border-spacing:0}
#calendar table{border:1px solid #fff;}
.task table,.usertask table{border:none}
.task,.usertask,.monthtask, .head, table{width:100%;}
.task td{font-size:12px; line-height:100%; font-weight:normal}
th, td{width:12%; padding: 5px; border-top: 1px solid #ccc; white-space: nowrap;position:relative}
.today th, .today td, .usertask th, .usertask td{width:4%}
#calendar th,#calendar td{border: 1px solid #fff; white-space:normal; background:#febd68; color:#fff;padding:3px}
#calendar td{background:#f7d5d5;}
th{border-bottom:1px solid #ccc}
.button3{background:#fff; border-radius:5px; padding:5px; color:#999; font-size:15px; margin:5px; border:1px solid #ccc}
.button3:hover{color:#666; cursor:pointer}
.button3 div{padding:9px 3px}
.button3 p{width:50px; padding:0px 3px}
.button3 p:hover{font-weight:bold}
.calenda-icon{top:0; right:5px}
.event_c{height: 36px; max-height: 200px; overflow: hidden; cursor: pointer; white-space:nowrap; position: relative;}
.event_c img, .event_c .event-item{position:absolute; top:0; left:0}
.event_c .anhdd img{height:36px; border-radius:100%; border:1px solid #ccc; overflow:hidden}
.event_c .event-item{width:36px}
.event_c:hover .event-item{width:100%}
.event_c .event-item:nth-child(2){left:5px}
.event_c .event-item:nth-child(3){left:10px}
.event_c:hover .event-item{left:0!important}
.event_c:hover img,.event_c:hover .event-item{position: relative;}
.event_c:hover{position:absolute; width:260px; background:#fff; height:auto; border-radius:5px; border:1px solid #ccc; color:#fff; z-index:1;overflow: scroll;}
.event_c span{line-height:46px; display:none}
.event_c:hover span{display:block}
.event_c .user,.usertask .user{width:36px; line-height:36px; background:#fff; border-radius:100%; border:1px solid #ccc; overflow:hidden; float:left;}
.event_c:hover .user{border:none; overflow:unset; border-radius:unset;width:unset; line-height:unset;margin:5px}
#timebox{width:100px; border:none; }
/*Calendar end*/
.logo2{padding:0px 15px}
.name-product {text-transform: uppercase; margin: 0; font-weight: 600; height: 
  38px; line-height:140%; overflow: hidden}
.box-text .name-product {font-size: 16px; margin-top: 50px}
.name-product a {color: #000}
.navbar-nav .ion-ios-heart:before, .navbar-nav .ion-ios-heart-outline:before { color: orange; font-size: 30px; margin-top: 10px; }
.ion-ios-heart a:hover{background:none !important}
.price-old {color: #888; text-decoration: line-through}
.price-new {color: #e02012; font-size: 24px; text-align: center; margin: 20px 0}
.sale { width: 100px; height: 27px; line-height: 27px; position: absolute; top: 1px; left: 1px; text-align: center; color: #fff; background: orange; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
.ma{position: absolute; top: 1px; right: 1px; background: #0059aa; border-top-right-radius: 10px; border-bottom-left-radius: 10px; text-transform: uppercase; width: 100px; text-align: center; height: 27px; line-height: 27px; color: #fff; }
.yeuthich{position: absolute; top: 35px; right: 13px; font-size: 30px; color:orange; text-shadow: 0 1px 0 #eee;}
.ion-ios-heart a{float:right !important}
.like-counter{height: 16px; width: 16px; border: 1px solid orange; border-radius: 100%; float: left; line-height: 16px; text-align: center; position: relative; top: 8px; left: -35px; z-index: 1; background: #fff; color: orange; font-size: 10px; font-weight: normal;}
.view {font-family: Tahoma; font-size: 12px; color: #fff; background: #E02012; 
  width: 85px; text-align: center; line-height: 30px; height: 30px;display:block; 
  text-transform: uppercase}
.box-text .view { margin: 20px auto 69px}
.view .mt {width: 5px; height: 30px; float: right; margin-right: 10px; 
  background:url(/images/icon.png) -226px -123px}
.icon-km {width: 20px; height: 25px; float: left; 
  background:url(/images/icon.png) -386px -24px}
.box-text-item .view {float: left; }
.box-text-item .price-old {float: right; width:100%; line-height: 30px; 
  text-align:center}
.box-text-item .sale {float: right}
.box-text-item .price-new {font-size: 22px; font-weight:600; text-shadow:0 2px 
  0 #e9e9e9; width: 100%; float: left; margin: 10px 0}
.box-text-item .name-product {font-size: 14px}
.km {width: 100%; float: left; line-height: 25px; height:50px; font-style: 
  italic; font-size: 13px}
.box-text .km {margin-bottom: 20px}
.box-product .col-md-3, .box-product .col-md-6, .box-splq .col-md-3, .box-splq 
.col-md-6 {border: 1px solid #ccc; padding-bottom: 10px; padding-top: 10px; 
  margin-bottom: 10px; overflow: hidden}
.box-product .col-sm-6, .box-splq .col-sm-6 {padding-right: 0}
.icon-new {position: absolute; top: 0; left: 0; width: 50px; height: 50px; 
  background:url(/images/icon.png) -316px -72px}
.box-product .col-md-3 figure, .box-splq .col-md-3 figure {padding:20px 
  0;overflow: hidden; height:186px}
.icon-moto {width: 65px; height: 50px;float: left; 
  background:url(/images/icon.png) -10px -69px}
/*list-news*/
.list-news {width: 100%; float: left}
.icon-news {width: 65px; height: 50px;float: left; 
  background:url(/images/icon.png) -90px -69px}
.news-index {width: 100%; float: left}
.news-index .nbs-flexisel-item {height: auto; line-height: 140%; border: none}
.news-index .nbs-flexisel-item img {max-width: 267px; max-height: 208px}
.box-news {border: 1px solid #ccc; border-bottom: 3px solid rgba(204, 204, 204, 
  0.49); margin-right: 20px; padding-top: 10px;}
.date {font-style: italic; font-size: 13px; margin: 7px 0 10px; width: 100%; 
  float: left}
.sum-news {height: 60px; overflow: hidden; text-align:justify;}
.more {color: #e02012; text-decoration: underline;}
.more span {width: 12px; height: 7px; display: inline-block; background: 
  url(/images/icon.png) -149px -88px}
.news-more {float: right; line-height: 50px; margin-right: 12px}
.title-news-sub {font-size: 13px; font-weight: 600; }
.title-news-sub a {color: #000;}
.title-news-sub a:hover {color: #E02012}
.item-news {border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 
  10px}
.title-news {font-size: 14px; font-weight: 600}
.title-news a {color: #000}
.title-news a:hover {color: #E02012}
.list-news-sub .row {border-bottom: 1px solid #ccc;padding-bottom: 10px; 
  margin-bottom: 10px}
.news-index .nbs-flexisel-item img {max-width: 267px; max-height: 208px}
.box-news {width:100%; border: 1px solid #ccc; border-bottom: 3px solid 
  rgba(204, 204, 204, 0.49); margin-right: 20px; padding: 10px 0; float:left}
.des-news {text-align: left; padding: 10px; font-family: Tahoma;}
.des-news h3 {font-size: 14px; color: #000; height: 30px; overflow: hidden}
.des-news h3 a {color: #000}
.news-index .nbs-flexisel-nav-right {right: 20px; width:50px;height:35px; 
  background: #888 url(/images/icon.png) -323px -120px}
.news-index .nbs-flexisel-nav-left {left: 1px; width:50px;height:35px; 
  background: #888 url(/images/icon.png) -368px -121px}
.des-news h3 {height: 38px; line-height: 20px; overflow: hidden}
.date {font-style: italic; font-size: 13px; margin: 7px 0 10px; width: 100%; 
  float: left}
.sum-news {height: 60px; overflow: hidden; text-align:justify;}
.more {width:100%; color: #e02012; text-decoration: underline; float:right}
.more span {width: 12px; height: 7px; display: inline-block; background: 
  url(/images/icon.png) -149px -88px}
.news-more {float: right; line-height: 50px; margin-right: 12px}
.news-title {font-size: 24px; font-weight: 600; margin-bottom: 10px}
.box-comment {margin: 20px 0}
#trangtruoc, #banin, #guithu {
  padding-left: 5px;
  float: right;
  text-align: right;
  margin-right: 10px;

}
#trangtruoc span, #banin span, #guithu span {width: 16px; height: 20px; 
  display: inline-block} 
#trangtruoc span {background: url(/images/icon.png) -259px -150px}
#banin span {background: url(/images/icon.png) -241px -149px}
#guithu span {background: url(/images/icon.png) -216px -146px}
.lienhe {background: #fff;}
.lienhe label {font-weight: 300}
.lienhe label span {color: red}
.form-horizontal .form-group {margin-left: 0; margin-right: 0}
.btn-send { width: 90px; height: 35px; line-height: 35px;color: #fff; 
  text-transform: uppercase; transition: all 0.5s ease 0s; border: none; 
  font-weight: 600;}
.btnBack { background: #767676;}
.btnSend {background: #E60F1E; margin-right: 10px;}
.button-send input {border-radius: 5px}
.total-mary {text-align: justify}
.nav>li>a {background: none;}
.nav>li>a:hover, .nav>li>a:focus {background: #4a4a4a}
.nav-tabs>li>a {text-transform: uppercase; color: #fff; font-size: 20px; 
  font-weight: 600}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus 
{background: #ff0000; color: #fff}
tabbable .nav>li>a {padding: 8px 15px}
.tab-pane {border: 1px solid #ccc; border-top: none; padding: 10px; 
  padding-top:20px; margin-bottom:20px;}
.title-pro {color: #0059aa; font-size: 24px; font-weight: 600}
.chungnhan {text-align: center;}
.price-ct {font-size: 24px; font-weight: 600; color: #000; margin-top: 20px }
.price-ct span {color: #E02012; margin-left: 20px}
.hotline {background: #E02012; color: #fff; width: 345px; border-radius: 
  7px;margin: 30px auto; text-align: center; padding: 10px; font-size: 18px}
.hotline a{color:#fff;}
.box-ts {width:100%; float:left}
.box-km {margin-bottom: 20px}
.box-km p {border-bottom: 1px solid #ccc; font-weight: 600; padding-bottom: 
  4px; margin-bottom: 7px}
.box-km ul li, .box-km p:nth-child(1n+2), .box-km div {list-style: none; 
  background: url(/Images/tt-sp.png) no-repeat left center; padding-left: 25px; 
  margin-bottom: 5px}
.like-fb {text-align: right; width:100%; float:left; margin-top:10px}
.khung-sp {width: 100%; float: left}
/*box-right*/
.arrow-s {
  height: 35px;
  margin: auto;
  background: #183544;
  position: relative;
}
.arrow-s h2 {
  line-height: 35px;
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 20px;
}
.arrow-s h2 a{color:#fff}
.arrow-s::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #183544 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 8px;
  content: "";
  height: 0;
  left: 7%;
  position: absolute;
  bottom: -16px;
  width: 0;
}
#twitter-widget-0{padding-top:8px !important; height:30px !important}
.icon-sptb {height: 35px; width: 25px; float: left; background: 
  url(/images/icon.png) -389px -46px}
.icon-tttb {height: 35px; width: 25px; float: left; background: 
  url(/images/icon.png) -24px 8px}
.danhmuc-sptb h3 {font-size: 13px; font-weight: 600}
.danhmuc-sptb h3 a {color: #000}
.danhmuc-sptb h3 a:hover {color: #E02012}
.danhmuc-sptb ul li {list-style: none; border-bottom: 1px solid #ccc; 
  padding-bottom: 10px; margin-bottom: 10px; padding-left: 10px}
.danhmuc-sptb figure {border: 1px solid #ccc}
.danhmuc-sptb .col-sm-8 {padding-left: 0;}
.price-sptb {color: #E02012; font-style: italic}
.danhmuc-sptb ul {border: 1px solid #ccc; padding-top: 20px}
.danhmuc-sptb ul li:last-child {border: none}
.list-news-sub, .suport {float: left; overflow: hidden}
.suport {width:100%; margin-bottom: 20px; border:1px solid #ccc; 
  border-top:none}
content h2, .nd-cuoi h2{font-size:20px; color:#FF8C00; font-weight:bold; 
  margin-top:20px; margin-bottom:20px}
.nd-cuoi table{width:100%}
.nd-cuoi table td{padding:5px}
content h3, .nd-cuoi h3{width:100%; color:#183544; font-size:17px; 
  font-weight:bold; margin-top:20px; margin-bottom:20px; float:left; 
  margin-top:10px}
content, .nd-cuoi{text-align:justify; line-height:160%}
content table{width:100%}
content table td{padding:5px}
content a, .nd-cuoi a{font-weight:bold}
content p, content div, .nd-cuoi p, .nd-cuoi div{width:100%; margin-bottom:8px; 
  float:left}
/*end box-right*/
/*footer*/
footer {margin-top: 45px}
.footer {background: #f8f8f8; color: #000; padding: 50px 0; padding-bottom:0; 
  opacity: 0.9; font-size: 13px;border-top: 1px solid #ff6600;}
.footer h4 {text-transform: uppercase; font-family: Tahoma; font-size: 18px; 
  color: #183544; border-bottom: 1px solid; padding-bottom: 10px; margin: 15px 0 
    20px; margin-top:0;font-weight:bold}
.footer p {line-height: 20px; font-size: 13px}
.footer ul li {list-style: none; height: 20px; margin-bottom: 3px}
.footer ul li span {
  width: 13px;
  height: 20px;
  float: left;
  margin-right: 5px;
  background: url(/images/icon.png) -174px -82px no-repeat;
}
.footer ul li a {color: #000}
.social ul li {list-style: none; float: left}
.social ul li a {width: 37px; height: 37px; margin: 0 5px; display: 
  inline-block}
.fb {background: url(/images/icon.png) -8px -122px no-repeat}
.yt {background: url(/images/icon.png) -47px -122px no-repeat}
.gl {background: url(/images/icon.png) -90px -122px no-repeat}
.tw {background: url(/images/icon.png) -132px -122px no-repeat}
.zl {background: url(/images/zalo.png) no-repeat}
.social {text-align: center; margin-top: 10px; overflow: hidden}
.social li {height: 37px !important}
.fanpage {padding-top: 0; text-align: right}
.footer .col-pad {padding-right: 60px}
.bottom {background: #1a1a1a; opacity: 0.9; padding: 5px 0; color: 
  #9d9d9d;margin-top:15px}
.bottom ul li {float: left; list-style: none}
.bottom ul li a {color: #9d9d9d; font-size: 13px; text-transform: uppercase; 
  font-family: Tahoma; border-right: 1px solid #9d9d9d; padding: 0 10px}
.tab-pane{width:100%; float:left}
.tab-pane li{margin-bottom:10px;}
.tab-content li{width:98%; margin-left:20px; float:left;}
.tab-content>.tab-pane iframe{width:70%;}
/*chi tiết sanr phẩm*/
.section-inner{width:100%}
.section-inner .row{margin-left:-15px; margin-right:-15px;}
.section-inner .row .col-md-6, .section-inner .row .col-sm-6{width:50%; padding-left:15px; padding-right:15px; float:left}
.khung-sp ul li{list-style:none}
.section-inner .col-sm-12{width:100%; padding-left:15px; padding-right:15px; float:left}
.chitiet-noidung{width:100%; margin:30px 0}
.chitiet-noidung h2, .chitiet-noidung h3 {font-weight:bold; margin-top:20px; margin-bottom:10px}
.chitiet-noidung h2{ font-size:22px; color:#303846;}
.chitiet-noidung h3{ font-size:18px; color:#f05526;}
.chitiet-noidung li{ width:92%; list-style: inherit; margin-left:30px;}
/*End chi tiết sản phẩm*/

@media screen and (max-width: 480px){ 
  .title-name h2 {font-size: 12px}
  .sum-news-sub {display: none}
  .hotline {width: 100%}
  .tabbable .nav-tabs>li {margin-bottom: 5px}
  .tab-content>.tab-pane iframe{width:100%;}
  .box-product .col-md-3{width:50%; float:left}
}
@media screen and (max-width: 767px) and (min-width: 480px){
  .box-product .col-md-3, .col-mb {width: 50%; float: left}
  .footer {padding: 20px 0}
  .tab-content>.tab-pane iframe{width:100%;}

}
@media screen and (min-width: 768px)
  {
    .anh_nho{height:292px; overflow:scroll}
}

@media screen and (max-width: 992px) and (min-width: 768px){
  .head-logo {font-size: 7px}
  .nav>li>a {padding: 10px 6px; font-size: 12px}
  .nbs-flexisel-item img {max-width: 65px}
  .name-product {height: 40px}
  .box-text .view { margin: 20px auto 36px;}
  .box-product .col-md-3 figure {height: 155px}
  .news-index .nbs-flexisel-item img {max-width: 138px;max-height: 208px;}
  .suport {width: 48%; float: left}
  .col-md-3 .suport:first-child {margin-right: 4%}
  #carousel .slides li {width: 108px !important;}
}
@media screen and (max-width: 1259px) and (min-width: 1024px){ 
  .head-logo {font-size: 11px}
  .head-logo .col-md-5 {width: 30%}
  .head-logo .col-md-7 {width: 70%}
  .nav>li>a {padding: 10px 10px; font-size: 12px}
  .title-name h2 {font-size: 19px}
  .name-product {height: 35px}
  .box-product .col-md-3 figure {height: 188px}
  .news-index .nbs-flexisel-item img {max-width: 190px}
}
/*scrollTOTOp*/
.scrollToTop {
  background: url(/images/icon.png) -182px -124px no-repeat;
  bottom: 40px;
  height: 30px;
  opacity: 1;
  position: fixed;
  right: 20px;
  width: 30px;
  display: none;
  z-index: 999;
}
.scrollToTop:hover {
  opacity: 0.8;
  transition: all 0.6s ease 0s;
}

/*e02012*/
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  list-style: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  margin: auto;
  display: block;
}
.flexslider {
  margin: 0 0 10px;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
#slider  {padding: 0}
.fb_iframe_widget{float:left; margin-right:8px;}
.tab-pane table{width:100%; border:1px solid #ccc;}
.tab-pane table td{border:1px solid #ccc; padding:5px 5px;}
.tab-pane table tr td:nth-child(1){width:50% !important;}
.tab-pane table tr td:nth-child(2){width:50% !important;}
.tab-pane h3{font-size:17px; font-weight:bold;}
.fb_iframe_widget_fluid{width:100%; float:left}
.tab-pane table.tskt-sp tr td:nth-child(1){width:30% !important}
.tab-pane table.tskt-sp tr td:nth-child(2){width:30% !important}
.tab-pane table.tskt-sp tr td:nth-child(3){width:40% !important}
.comment{width:100%; float:left;}
.phantrang{width:100%; float:left;}
.phantrang a{padding:5px 10px;margin-right:5px; margin-bottom:10px; border:1px 
  solid #54a21b; float:left}
.phantrang a:hover{background:#54a21b; color:#fff}
.related{width:100%; float:left;}
.related .title-name{width:100%; float:left; margin-bottom:20px}
.related ul li{width:100%; list-style:none; margin-bottom:10px;}
#carousel .slides{margin-bottom:10px;}
#carousel .slides li{width:19%; float:left; margin-right:5px;}
#carousel .slides li:last-child{margin-right:0;}
#carousel .slides li img{width:100%; height:auto; padding:5px; border:1px solid 
  #ccc;}
.phantrang a{padding:5px 10px;margin-right:5px; border:1px solid #ff0000; 
  float:left}
.phantrang a:hover{background:#ff0000; color:#fff}
/*css mÛi*/
.nav li>.megamenu {
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -webkit-transform: rotateX(-90deg);
  visibility: hidden; box-shadow:7px 1px 7px #ccc;
}
.megamenu { width: 100%;left: 0;position: absolute;top: 37px;z-index: 
  1000;margin: 0;text-align: left;padding: 14px;font-size: 
    15px;border: none; border-top:none; background-color:#f8f8f8;opacity: 0;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -o-transition: -o-transform .3s,opacity .3s;
  -ms-transition: -ms-transform .3s,opacity .3s;
  -moz-transition: -moz-transform .3s,opacity .3s;
  -webkit-transition: -webkit-transform .3s,opacity .3s;
}
.clearfix { zoom: 1;}
.megamenu .title {border-bottom: 1px solid #ccc;font-size: 14px;padding: 9px 
  5px 9px 0;font-size: 17px;color: #424242;margin-bottom: 7px;text-align: 
    left;height: 39px;width: 100%;}
.col-lg-3 li {width: 100%;}
.link-list li{list-style:none}
.link-list li a{color:#fd5f32; width:100%; padding:5px 0; 
  white-space:norwap;float:left}
.link-list li a:hover{color:#fd5f32; text-decoration:underline}


.logo img{height:60px;}
.box-menu3 li{border:none !important; }
.box-menu3 li a{text-transform:none !important; font-size:13px; color:#eee}
.box-menu3 li a:hover{color:#ff9900 !important; }
.box-slider img{width:100%}
.box-slider{overflow:hidden}
..vertical-align span{width:auto;height:40px;line-height:40px}
.dm-tt li:first-child {padding-top: 15px;}
.dm-tt li {border-bottom: 1px solid #dadada;padding: 8px 0 8px 8px;}
.dm-tt li a { color: #343434;}
.dm-tt li a:hover {color: #EF1120}
.dm-tt li:last-child {border: none}
.phone-support li {padding: 5px 0; color: #343434; border-bottom: 1px solid 
  #eee;}
.row-margin {margin-left: -3px; margin-right: -3px}
.pad {padding-left: 3px; padding-right: 3px}
.pro-tb li {list-style: none}
.title-tb {text-transform: uppercase; color: #fff; background: #60a62d; 
  text-align: center; font-size: 16px; padding: 10px; border-radius: 5px 5px 0 0}
.pro-tb {border: 1px solid #ccc; border-top: none;}
.suport .pro-tb {border: none}
.pro-tb figure {border: 1px solid #ccc; padding: 5px;}
.news-tb .pro-tb figure {border: none; padding: 0;}
.pro-tb h3 a {color: #333}
.pro-tb h3 a:hover {color: #EF1120}
.suport .pro-tb .price, .suport .pro-tb .price-old {font-size: 13px;} 
.suport .pro-tb .price-old{display:none;}
.pro-tb .price {text-align: left; font-size: 14px; color: #ff1100; font-weight: 
  600}
.pro-tb .price-old {text-align: left; text-decoration: line-through; padding: 
  0; background: #fff}
.pro-tb li {border-bottom: 1px solid #ccc;padding: 15px 10px}
.pro-tb li:last-child {border: none}
.pad h3{font-size:14px;}
.khung-sp ul li:nth-child(1){border:1px solid #ccc; border-radius:10px; margin-bottom:20px; overflow:hidden; padding:0; text-align:center}
.khung-sp ul li:nth-child(n+2) img{width:auto; height:80px; }

.khung-sp ul li:nth-child(n+2){width:18.5%; margin-right:8px; text-align:center; 
  margin-bottom:10px; border:1px solid #ccc; border-radius:5px; overflow:hidden; 
  float:left;}
.khung-sp ul li:nth-child(6){margin-right:0;}
.anh_nho li{width:18.5% !important; margin-right:8px !important; text-align:center !important; margin-bottom:10px !important; border:1px solid #ccc !important; border-radius:5px !important; overflow:hidden; float:left;}
.anh_nho li:nth-child(5){margin-right:0;}
.anh_nho li img{width:auto; height:80px; }
.content li{width:90%; line-height:140%; float:left; margin-left:30px;}
content li {width:95%; line-height:140%; float:left; margin-left:30px; list-style:inherit}
.box-price{width:90%; border:1px solid #e4e4e4; padding:10px; 
  border-radius:5px; min-height:80px}
.box-price .price{text-align:left; font-size:25px; text-shadow:0 2px 0 #e9e9e9; 
  font-weight:bold}
.box-price .price span:nth-child(2){font-size:17px}
.gkm{width:100%; float:left; margin-bottom:10px; font-weight:bold;}
.thongtinsp{margin-top:20px;}
.box-oder{width:100%; float:left; margin-top:10px;}
.tomtat01{width:100%; margin-top:10px; float:left; background:none}
.box-km1{width:100%; border:1px solid #ddd; float:left; margin-top:10px;  border-radius:5px; display:none}
.box-km1 span{width:100%; padding:10px; background:#eee; border-bottom:1px 
  solid #ddd; float:left; margin-bottom:10px; font-weight:bold}
.ct-km{width:100%; padding:10px; float:left}
.ct-km p, .ct-km div, .ct-km li{width:100%; padding-left:20px; 
  margin-bottom:10px; background:url(/imgs/bg-khuyenmai-ct.png) 3px 2px 
    no-repeat}
.box-goiy .col-20{width:20%}
.ct-km li{list-style:none}
.colct-20{width:20%; float:left}
.box-spmk{margin-right:10px; float:left; padding:10px; border:1px solid #ccc;}
.tt-mk{height:38px; line-height:140%; overflow:hidden; margin-bottom:8px}
.box-spmk .price-old{display:none}
.share-mxh .zalo-share-button{float:left; padding-top:8px; 
  padding-bottom:10px; height:auto !important}
.share-mxh .fb_iframe_widget{margin-left:8px; float:left; padding-top:8px; 
  padding-bottom:10px}
.share-mxh .fl{padding-top:8px}
.at4-show{margin-right:10px; float:left}
.share-mxh{width:100%; margin-top:10px; float:left}
.share-mxh #button{height:21px !important}
.zalo-follow-only-button{float:left;}
.zalo-follow-only-button body{margin:0 !important}
.zb-btn-blue--small{float:left !important; margin-left:-8px !important; 
  margin-top:-8px !important;}
.oder {width: 46%;float: left; border-radius: 5px;margin:10px 2%}
.dat-hang {color: #fff; background: #0059aa; padding:6px 
  0; font-size:14px; text-align: center;}
.dat-hang:hover {color: #fff}
.tu-van, .giaohang {text-align: center; padding: 6px 0; background:#3498db; 
  color: #fff;}
.tu-van:hover{color:#ffff00;}
.giaohang{background:#694404; border-radius:5px; padding:5px; cursor:pointer}
.giaohang:hover{color:#fff}
.sum-chitiet { padding: 20px 10px;margin-bottom: 10px}
.sum-chitiet span {width: 17px; height: 15px; display: block; margin-right: 
  10px; background: url(/4725803700178A8C/gz/icon-index.png) no-repeat -742px 
    -281px}
.sum-chitiet li {width:100%; display: block; background: 
  url(/besthouse1.nsf/Img/$File/tt-sp.png) no-repeat 0 1px; padding-left:20px; 
  list-style:none; margin-bottom:5px;}
.sum-chitiet p {display: flex;flex-direction: row; margin-bottom: 5px;}
.sum-ck span {width: 23px; height: 25px; display: block; margin-right: 10px; 
  background: url(/4725803700178A8C/gz/icon-index.png) no-repeat -768px -272px}
.sum-ck .upper {font-size: 11px}
.title-goiy {width:100%; height: 30px; line-height: 30px; margin: 10px 0; 
  float:left;}
.title-goiy span {width: 15px; height: 30px; display: inline-block; background: 
  url(/4725803700178A8C/gz/icon-index.png) no-repeat 0px -255px}
.box-goiy {border: 1px solid #fff; margin-bottom:20px; overflow: hidden}
.box-goiy .price-old {font-size: 13px; text-decoration: line-through; 
  margin-right: 10px}
.box-goiy .price {font-size: 15px}
.box-goiy .row {border-bottom: 1px solid #f2f2f2;padding: 10px}
.box-ctsp {border: 1px solid #f2f2f2; padding: 20px; overflow: hidden}
.box-ctsp .support {margin: 20px 0}
.box-ctsp .oder{width: 190px}
.line-through {text-decoration: line-through}
.box-ts .title-pro {font-size: 24px; line-height:150%;}
.box-ts .price {color: #694404;}
.box-ts p{margin-bottom:10px;}
.title-ttsp {border-bottom: 1px solid #f2f2f2; margin-bottom: 10px; 
  padding-bottom: 5px;}
.title-ttsp span {width: 30px; height: 21px; display: inline-block;background: 
  url(/4725803700178A8C/gz/icon-index.png) no-repeat -752px -223px}
.box-store {border-bottom: 1px solid #f2f2f2;overflow: hidden; padding-bottom: 
  20px;}
.store span {background: url(/4725803700178A8C/gz/icon-index.png) no-repeat 
  -783px -223px}
.list-store {width: 100%;float: left; margin-bottom: 5px}
.list-store .vertical-align {margin-right: 30px}
.icon-status{width:10px;height:8px;display:inline-block;float:left;margin-right:
  5px;margin-top:4px;background-color:#ec1c24;position:relative}
.icon-status:after{content:"";left:0;top:100%;right:0;border:5px solid 
  #ec1c24;border-bottom:4px solid transparent;position:absolute;border-top:0 
    solid #919191}
.status-product p{width:90%; float:left;margin-right:10px;color:#333; margin-bottom:7px}
.status-product a{width:90%; color:#333; margin-bottom:8px; float:left}
.tab-content table{width:100% !important}
.title-name h2{height:35px;line-height:35px;padding-left:10px;padding-right: 
  20px; 
  text-transform:uppercase;color:#fff;font-size:17px;background:#ff6600;float:left
    ;font-weight:bold}
.list-product {width:100%; border-bottom: 2px solid #ff6600; border-left:1px 
  solid #ccc; margin:0; margin-bottom:10px; float:left}
.title-name span{width:33px; height:35px; 
  background:url(/tafaloNet.nsf/icon-td.png) top left no-repeat; float:left}
.arrow-r{width:40px;height:50px;float:left;background:url(/images/icon.png) 
  -369px -72px}
.box-splq .row{margin-left:0; margin-right:0}
.box-pro-f{margin-top:40px;}
.information .title-name h2{font-size:13px; font-weight:bold}
.tab-content>.active{line-height:160%;}
.tab-content>.active h2, .tab-content>.active h3, .noidungcm h2, .noidungcm 
h3{margin-top:10px; margin-bottom:10px}
.tab-content>.active h2, .noidungcm h2{font-size:22px; font-weight:bold; 
  color:#ff6600; margin-top:20px; margin-bottom:20px}
.tab-content>.active h3, .noidungcm h3{font-size:18px; font-weight:bold; 
  color:#183544; margin-top:20px; margin-bottom:20px}
.noidungcm{width:100%; margin-bottom:10px}
.nd-cuoi{width:100%; margin-top:15px}
.hotline-ft{height:52px; line-height:41px; position:fixed; bottom:20px; 
  left:10px; background:#ff0000 
    url(http://bepgashathanh.vn/imgs/icon-hotline.png) 5px no-repeat; 
  padding-left:55px; border-radius:20px; -webkit-border-radius: 20px; 
  padding-top:5px; padding-bottom:5px; padding-right:10px; overflow:hidden; 
  z-index:99}
.hotline-ft a{font-size:18px; font-weight:bold; color:#fff;}

@media screen and (max-width: 479px) and (min-width: 1px){
  .dat-hang{width:94%;}
  .tu-van{width:94%}
  .box-price{margin-bottom:10px; width:100%}
  .box-ctsp{text-align:justify}
  .box-ctsp .oder{width:94%}
  .danhgiahienthi{ font-size:14px;}
  .giaohang{width:95%}
  .box-km1{width:100%}
  #lightbox-container-image-box{width:100% !important; height:auto !important}
  #lightbox-container-image{width:100% !important; height:auto !important}
  #lightbox-image{width:100% !important; height:auto !important}
  .box-text-item .price-new{font-size:18px}
  .box-text-item .name-product{text-align:center}
}