@import url("/fonts/LeagueGothic/stylesheet.css");
@import url("giohang.css");
@import url("pc.css");
@import url("mobile.css");
@import url("tablet.css");
@import url("icon.css");
#module_view main .container *{
	max-width:100% !important
}
#lehaosNoiDungBV > div.container > h1{
	    display: inline-block;
    padding: 18px 10px;
    width: 100%;
    background: aliceblue;
	font-size:20px;
}
#productViewSanPhamLienQuani{display:flex !important;
flex-wrap:wrap;}
.nopadding2{
	padding-left:0px !important;
	padding-right:0px !important
}
ul#menuSPMindexModule li>ul{

    left: unset;
    top: unset !important;
}
#indexQc1 img{
	max-width:100% !important;
	max-height:auto !important
}
ul#menuSPMindexModule li{min-width:160px;}

ul#menuSPMindexModule li:hover>ul{

    display:inline-block;
	margin-top:-9px;
	margin-left:3px;
}
ul.menudoc,ul.menudoc ul{
	padding:0px !important;
	z-index:9999999999999;
	max-width:100%;
	overflow:unset !important;
}
ul.menudoc i{color:black;right:10px;}
ul.menudoc li>ul{display:none;position:absolute;top:0px !important;left:100%;}
ul.menudoc a{
	    display: inline-block;
    width: 100%;
    float: left;
    text-align: left;
}
ul.menudoc>li{
	clear:both;
}
ul.menudoc li{
	list-style:none;
	float:left;
	width:350px;
	    padding: 8px 5px;
    border: 1px solid #ccc;
	cursor:pointer;
	max-width:100%;
	clear:both;
	
	
}
ul.menudoc li img{
	height:25px;
	width:25px;
	float:left;
	margin-right:5px;
}
.row_view{
	display:flex;
	flex-flow:wrap row;
}

.breacum{
width:100%;
}
#lehaosNoiDungBV img,#lehaosNoiDungBV table *{
	max-width:100%
}
.flex-wrap{
	display:flex;
	flex-wrap:wrap
}
.moduleTitle{
	display:block
}
.item_n_h img{
	height:130px;
	font-size:18px;
}
#lehaosNoiDungBV{
	text-align:left;
}
.moduleContainerList {
	display:flex !important;
	flex-wrap:wrap;
}
.listDes{
display: block;
    width: 100%;
    height: auto;
    border: 1px solid #bce8f1;
    padding: 10px;
    margin-bottom: 22px;
    clear: both;
	border-radius:5px;
}
.library-logo-text{
FONT-SIZE: 14PX;

    color: #dc9417;
    background-image: bisque;
    background-image: linear-gradient(to left, #e4a12d, #ffa407, #dc9417, #8a5e12, #dc9417, orange, #563e15);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: bold;
}
.hidden{
display:none;
}
#listHinhDaiDien{text-align:center}
@media (min-width: 1200px){
.hidden-lg {
    display: none!important;
}
}
.lehaosBannerTitle{
	font-weight:bold;
	color:#033e84;
	font-size:24px;
	border:1px dashed red;
	padding:5px;
	
}
.lehaosBanner{
	background:url("/images/bg-banner.png");
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:top right;
	
}
.lehaosBannerTitle span{
	
}
.bannerUl ul{padding-left:10px;}
.bannerUl ul>li{
	font-size:16px;
	color:#033e84;
	liset-style:inside
}
.lehaosBannerHotline {
	    color: red;
    font-size: 30px;
    font-weight: 600;
    padding: 8% 0px;

    line-height: 54px;
}
.lehaosBannerHotline span{border-bottom:1px solid red;margin-left:5px;}
.bannerUl ul>li>span{color:red;font-weight:bold}
body{
max-width:100% !important;

}
.td_chinh{font-size:33px;color:#6fb534;text-align:center;text-transform:uppercase;padding-bottom:60px;background:url(/images/td.png) bottom center no-repeat;font-weight:bold}
.indexBg{
	background:#f9f9f9;
}
#lehaosProductHeader_1,#lehaosProductHeader_3,#lehaosProductHeader_5{
	background:white;
}


.lehaosModuleTitleIndex {
    position: relative;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
	text-align:center;
	display:inline-flex;
	font-size: 25px;
	margin: 20px 0px;
	text-transform: uppercase;
	    -webkit-box-decoration-break: clone;
		box-sizing: border-box;
		    line-height: 1.3;
			text-rendering: optimizeSpeed;
			font-family: "SFUFuturaBold",sans-serif;
			font-weight: 700;
			
}
.lehaosModuleTitleIndex a,.blockTitle>a>h2{
	font-size: 25px;
    color: #555;
}
div.lehaosModuleTitleIndex::before {
	display:block;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    opacity: .1;
    background-color: currentColor;
	content:" ";
	width:200px;
	margin-right:10px;
	
}
div.lehaosModuleTitleIndex::after {
	display:block;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    opacity: .1;
    background-color: currentColor;
	content:" ";
	width:200px;
	margin-left:10px;
	
}

.blockTitle{margin-bottom:20px;}
.blockTitle h2{
	margin-bottom:20px;
}
.btn-dacthanhdat-xemthem{
	padding:10px 60px;
	border-width:2px;
	border-radius:20px;
	margin-bottom:20px;
}
.box_tool select{height:30px; line-height:30px;padding:0px 25px;}

.c_product_row .card-product .img-wrap{
	 background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;
	border-width:1px;
	border-style:dotted;
}
.lehaosIndex1 .section {
    padding: 7.5rem 0;
}
.lehaosIndex1 .section {
    position: relative;
    padding: 5rem 0;
}

.lehaosIndex1 .justify-content-center {
    justify-content: center!important;
}

.lehaosIndex1 .row {
    display: flex;
    margin-right: -1.5rem;
    margin-left: -1.5rem;
    flex-wrap: wrap;
}

.lehaosIndex1 a.card {
    transition: all .2s ease-in-out;
    transition-property: border-color;
}

.lehaosIndex1 .card {
    display: flex;
}
.lehaosIndex1 .card {
    display: block;
}
@media (min-width: 768px)
.lehaosIndex1 .lehaosIndex1 .mb-md-0, .my-md-0 {
    margin-bottom: 0!important;
}
.lehaosIndex1 .mb-3, .lehaosIndex1 .my-3 {
    margin-bottom: 1rem!important;
}
.lehaosIndex1 .border-0 {
    border: 0!important;
}
.lehaosIndex1 .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 1px solid rgba(0,0,0,.1);
    background-color: transparent;
    background-clip: border-box;
}

.lehaosIndex1 .card-img-bottom,.lehaosIndex1  a.card .card-img-top {
    position: relative;
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.lehaosIndex1 .card-img, .lehaosIndex1 .card-img-bottom, .lehaosIndex1 .card-img-top {
    width: 100%;
}
.lehaosIndex1 *, :after, :before {
    box-sizing: border-box;
}

.lehaosIndex1 .card-title {
    margin-bottom: 1rem;
}
.lehaosIndex1 h1,.lehaosIndex1  h2, .lehaosIndex1 h3, .lehaosIndex1 h4, .lehaosIndex1 h5, .lehaosIndex1 h6 {
    letter-spacing: -.05em;
}
.lehaosIndex1 .h4, .lehaosIndex1 h4 {
    font-size: 18px;
}

.lehaosIndex1 .card-subtitle, .lehaosIndex1 .card-text:last-child {
    margin-bottom: 0;
}
.lehaosIndex1 .card-sm .card-icon,.lehaosIndex1  .card-text {
    margin-bottom: 1rem;
}
.lehaosIndex1 .text-muted {
    color: #828a91!important;
}

.lehaosIndex1 .card-img-bottom:before,.lehaosIndex1  a.card .card-img-top:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: inherit;
    opacity: 0;
    box-shadow: 0 1rem 2rem -1rem rgba(0,0,0,.75);
}
.lehaosIndex1 .card-title {
    margin-bottom: 1rem;
}

.lehaosIndex1 {
    font-family: Objective,sans-serif;
  ;
}
.lehaosIndex1 .card-img, .lehaosIndex1 .card-img-bottom, .lehaosIndex1 .card-img-top {
    width: 100%;
}
.lehaosIndex1 .card-img-bottom:before, .lehaosIndex1 a.card .card-img-top:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: inherit;
    opacity: 0;
    box-shadow: 0 1rem 2rem -1rem rgba(0,0,0,.75);
}
.lehaosIndex1 .img-fluid,.lehaosIndex1  .img-thumbnail {
    max-width: 100%;
    height: auto;
}
@media only screen and (max-width: 768px) {
.lehaosIndex1 .col-md-4{
	text-align:center;
	padding:0px;
	}
.lehaosIndex1 .h4, .lehaosIndex1 h4 {
    font-size: 18px;
}
.lehaosIndex1 .text-muted{
height: 95px;
    overflow: hidden;
}

}
.chpcs_more{
padding: 10px;
}
#product-table .sub_1 img{
max-height:20px;
}
#listDanhMucCon{
padding:10px 0px;
}
#listDanhMucCon li{
float:left;
list-style:none;
}
.toolsBox_title {padding:0px !important}
#listHinhDaiDien img{
	max-width:100%;
	max-height: 200px;

}
#lehaos .module{
display:flow-root;
}
.carousel-fade .carousel-control{

background:none !important;
}
.row:before, .row:after {display: none !important;}
@media only screen and (max-width: 768px) {
	.indexLeftCol,.indexRightCol{
		width:50%;
	}
	.indexLeftCol{
		float:left;
	}
	.indexRightCol{
		float:right;
	}
	#lehaosNoiDungBV .tab-content img{
	
	width:unset !important;
	height:unset !important;
	}
	.c_product_row .card-product .info-wrap{
		height:auto !important;
		padding:0px !important;
		max-height:unset !important;
	
		overflow-wrap: break-word;
	}
	.c_product_row .card-product .img-wrap{
		max-width:100%;

	
	}
	.c_product_row .btn{
		display:none !important;
		
	}
	.c_product_row .card-product .bottom-wrap{
		height:auto !important;
		padding:0px !important;
	}
	.c_product_row .card-product .img-wrap img{
	        
	}
}

.lehaosForm div.file>div{

}
#lehaosFooter3.tuvan-khachhang {
    background: #e6e6e6;
    padding: 50px 0 20px;
    margin: 0;
    width: 100%;
    float: left;
}
#lehaosFooter3 .tuvan-hotro {
    display: flex;
    justify-content: center;
}
#lehaosFooter3 .tuvan-hotro .cath-daica {
    font-size: 25px;
    color: #00337a;
    float: left;
}
#lehaosFooter3.tuvan-khachhang .box-img {
    justify-content: center;
    margin-left: 35px;
    font-size: 20px;
    font-weight: bold;
}
#lehaosFooter3 .tuvan-hotro img {
    display: block;
    max-width: 100%;
    margin: auto;
    margin-top: -15px;
    float: left;
    margin: -15px 25px 10px;
}
#lehaosFooter3 .tuvan-hotro .box-img a {
    color: #e30406;
}
@media only screen and (max-width: 768px) {
#lehaosFooter3 .tuvan-hotro{
	display:inline-block;
}
#lehaosFooter3.tuvan-khachhang .box-img{
margin-bottom:30px;
margin-top:30px;
display:inline-block
}
}
.single-product{
width:100%;
display:inline-block;
border: 1px solid #e3dede;
    padding: 5px 0px 20px;
}
.product-img img{
max-width:100%;
}
.c_product_row .price-new{
color:#ff9702;
font-size:20px;
}

.c_product_row{
margin-bottom:5px;
padding:8px;
}
.c_product_row .card-product{
	

}
.c_product_row  .float-right{
float:right;
}
.c_product_row .card-product .bottom-wrap {
    padding: 15px;

	height:auto;
	height:54px;
}
.c_product_row .card-product .img-wrap {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    position: relative;
    height: 300px;
    text-align: center;
	    cursor: pointer;
}
h1.product-title{
font-size:24px;
    padding-top: 20px;
}
.c_product_row .card-product .img-wrap img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
}
.c_product_row .card-product .info-wrap {
    overflow: hidden;
    padding: 0px 15px;
    
	height:50px;
}
.c_product_row .card-product .bottom-wrap {
    padding: 0px 15px 15px;
   
}

.c_product_row .label-rating { margin-right:10px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
}

.c_product_row .card-product .price-old {
    color: #999;
	font-size:15px;
	   
}
#lehaosProductView .tab-content ul{
padding-left:24px;
}
#toTop{
	position: fixed;
    bottom: 90px;
    right: 10px;
    cursor: pointer;
    display: none;
    z-index: 9999;
}
.ViewPrice2{
	    color: black;
    font-size: 14px !important;
    
    display: inline-block;
}
.hot-deal-km-c span{
	position:relative;
	display:inline-block;

}
#checkOutId .img-responsive{
	max-height:50px;
}
#checkOutId .row>div{
	border-right:1px solid #eeeeee;
}
#checkOutId .btn-giohang{
	background:#999999;
	color:white;
	
}
#checkOutId .btn-giohang,#checkOutId .input-giohang{
	border:1px solid #999999;
	height:40px;
}
.form-group-giohang label{
	padding-right:10px;
}
.breadcrumb img{
margin-left:10px;
max-height:19px;
}
#myModal button{
max-width:200px;
}
.block-title {
    padding-bottom: 0;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    padding-right: 80px;
	display:inline-block;
	width:100%
}
.block-title > .title {
    float: left;
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 34px;
    padding: 4px 10px 0;
    text-transform: uppercase;
    border-bottom: 3px solid #199427;
    margin-bottom: -1px;
}
a{color:black}

.center{
text-align:center;
}
.navbar-collapse{
max-width:100%;
overflow:hidden
}
.module{
display:inline-block;
max-width:100%;
}
.nav > li > a{

}
#menutop.affix	 a{font-size:10px;}
.zoomContainer{
	z-index:-1
}

.hieuung1 {
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}
.hieuung1:hover{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}
.hieuung1:hover .thumbnail{
	opacity: 1;
}
#cotTrai.haveRight{
	width:22 !important%;
}
#cotGiua.haveRight{
	width:54%;
}
#cotPhai {
	width:22%;
}
.productLeftRow{
	float:left;
	height:auto;
	clear:both;
	width:100%;
	padding:5px 2px;
}
#silderProduct
{
	
}
#lehaosSearchNav{
display:none;
margin-top:5px;
position:absolute;
right:0px;
}
#menutop.affix nav{
width:auto;
}
#menutop.affix #lehaosSearchNav{
display:block;
}
#menutop a{
font-size:14px;
}
.SearchBar{
height:32px;margin-top:3px;
min-width:100px;
border:none;
}
.productLeftRow img{
	width:30%;
	float:left;
	max-height:80px;
}
.cotGiua
{
	border:1px solid #dbdee1;

}

#lehaosNoiDungBV
{
	padding-left:5px !important;
	padding-right:5px !important;
	padding-top:5px !important;
	margin:0px;
}
#lehaosProductView.preview-pic{
min-height:100%;
height:100%;
visibility:unset !important;
}
#lehaosNoiDungBV .container
{
	display:inline-block
}
#tab-content *
{
	
}
.productLeftTitle
{
	float:left;
	width:67%;
	margin-left:5px;
	font-weight:bold;	
}
.productLeftPrice
{
	font-weight:bold;
	color:red;
	margin-top:8px;
}
.lehaosModuleActive
{
	position:relative;
	
}
.abso
{
	width:100%;
	height:100%;
position:fixed;
top:10px;
left:10px;

	
}
.list-tieude{
font-size:18px;
}

#cotTrai.lehaosThemeNotActive {
	width:3px;
}
.notLeft
{
	width:100%;
}
#lehaosContentMain
{
	margin-top:5px;
	max-width:100%;
	padding:0px 0px;
	display:block;
	clear:both;

}

.lehaosArticleRow:nth-child(1),.lehaosArticleRow:nth-child(2),.lehaosArticleRow:nth-child(3),.lehaosArticleRow:nth-child(4){

}
.lehaosArticleRow:nth-child(4n+4){
	
	
}
#articleIndexContent
{
	margin-top:5px;
	margin-bottom:10px;
}
.themeEditSet
{
	min-height:10px;
	clear:bot;
	
}
.lehaosThemeNotActive
{
	min-height:50px;
	background:#cccccc
}
.editTheme
{
	position:absolute;
	right:0px;
	top:0px;
	background:red;
	padding:5px 10px;
	color:white;
	cursor:pointer;
	z-index:9999999;
}
.classEditThemeNotActive
{
	min-height:50px;	
}
.modal-dialog
{
	
}
.editTheme a
{
	color:white;
}
.blogGrid {
  position: relative; height:378px; overflow:hidden}
  
  
  .blogGrid .linkOver {
    z-index: 20; }
  .blogGrid .titleBlogGrid {
    font-weight: bold;
    font-family: 'Roboto Slab', sans-serif;
    margin: 10px 0 5px;
    font-size: 15px;
    line-height: 1.4;
	height:auto;
	overflow:hidden;
	}
  .blogGrid .descBlogGrid {
    opacity: 0.8;
    text-align: justify;
    margin-top: 10px; 
	display:inline;

	display:block;
	height:130px;
	}
  .blogGrid .pubDate {
    opacity: 0.8;
    font-size: 13px; 
	font-style:normal;
	}
  .blogGrid:hover .titleBlogGrid {
    color: #33cbcc; 
	
	}

.newsletter {
  margin-top: 30px;
  padding: 30px 0;
  background: #33cbcc;
  color: #fff; }
  .newsletter.notNewsletter {
    padding: 2px 0; }
  .newsletter h3 {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    -webkit-align-items: center;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    line-height: 1.5;
    font-size: 18px;
    height: 44px;
    text-transform: uppercase; }
  .newsletter form {
    position: relative; }
    .newsletter form button {
      position: absolute;
      right: 0;
      top: 0;
      height: 42px;
      line-height: 42px;
      width: 44px;
      text-align: center;
      color: #333;
      opacity: 0.7;
      font-size: 16px; }
      .newsletter form button:hover {
        color: #33cbcc; }
  .newsletter .input-control {
    height: 44px;
    line-height: 44px;
    background: #fff;
    padding: 10px 50px 10px 15px;
    color: #262626; }
    .newsletter .input-control.err {
      border-color: red; }
    .newsletter .input-control:hover, .newsletter .input-control:focus {
      border-color: #8b8b8b; }
.img-fix
{
	max-width:100%;
}
.linkOver {
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
.imgBlogGrid
{
	max-height:180px;
	overflow:hidden;
	text-align:center;
	height:180px;

}
.imgBlogGrid img
{
	height:100% !important;
}
.lehaosArticleRow
{
	height:auto;	
	overflow:hidden;
	padding:10px;


	margin-bottom:10px;
}
.menuFooter li {
    border-right-color: #fff;
    border-right-style: solid;
    border-right-width: 1px;
    color: white;
    display: inline;
    line-height: 28px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    text-align: center;
}
#myModal
{
	z-index:9999999999
}
#lehaosfooter
{
	max-width:1250px;
}
footer{

}
.socia {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/templates/shop9/images/line.png");
    background-origin: padding-box;
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 160px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
    padding-top: 15px;
    width: 290px;
}
.cotGiua .lehaosProductCatRight
{
	width:100%;
	display:flex;
	flex-wrap:wrap
	
}
.cotGiua .lehaosProductCatLeft 
{
	position:relative;
	width:73%;
	float:right;
	height:40px;
	margin-top:-49px !important;
	background:none !important;
	overflow:hidden;
	margin-left:130px !important;
}
.articleRowDes
{
	max-height:50%;
	overflow:hidden;
}
.cotGiua .lehaosProductCatIndexRow
{
	width:auto;
	background:none !important;
}
.cotGiua .lehaosProductCatIndexRow .col-sm-4
{
	width:auto !important;
	padding:0px !important;
	margin:0px !important;
	display:none;
}
.cotGiua .lehaosProductCatIndexRow .col-sm-8
{
	width:auto !important;
	padding:10px  !important;
	margin:0px !important;
	
}
.cotGiua .lehaosProductCatIndexRow .col-sm-8 a
{
	color:white;
	font-style:normal;
	font-weight:bold
}
.cotGiua .lehaosProductCatIndexRow img
{
	height:30px;
	width:30px;
}


@media (min-width:1200px){}

       .lehaosQuanly
       {
          float: right;
    font-size: 10px;
    margin-right: 5px;

       }
.shopee-item-card__text-name {
    height: 3.5rem;
    line-height: 1.8rem;
    overflow: hidden;
    overflow-wrap: break-word;
}
.shopee-item-card--full {
    cursor: pointer;
}
.shopee-item-card {
    cursor: pointer;
}
.shopee-item-card-padding {
    cursor: pointer;
}
.shopee-item-card--link {
    color: rgba(0, 0, 0, 0.8);
}
body
{
    
}

body{color:#777}
body, html {
    color: rgba(0, 0, 0, 0.8);

}



.top {

}
.top .navbar-brand {
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0 10px;
  background-color: #CCC;
  color: #474747;
  text-decoration: none;
}

#banner
{
    width:100%;
    height:100px;    
}
.banner {
  background-color: #373737;
  margin-bottom:1px;
}
.banner .container {
 
}
.banner .container p {
  font-size: 22px;
  padding-left: 5px;
  font-weight: 300;
}
.middle {
  background-color: #CCC;
  overflow:hidden;
}
.middle .container {
  background-color: #FFF;
  min-height: 300px;


}


.bottom {
  margin-top:5px;
}
.bottom .container {

  min-height: 150px;
}


.navbar-toggle {
  color: #009b9b;
  font-size: 32px;
  margin: 3px;
  padding: 12px 10px;
  line-height: 32px;
}
.navbar-toggle:hover {
  background-color: #373737;
}
.navbar-nav {
  margin: 0;
}
.content p {
  line-height: 30px;
  font-size: 16px;
}
.to-tutorial {
  text-align: center;
}
      

.lehaosModule
{
    width:100%;
    height:auto;
    min-width:10px;
    float:left; 
	
}
#cotGiua .lehaosModule.lehaosModuleActive.module.moduleContainerList .lehaosModuleTitle{
	text-indent:0px;
	
}
.lehaosModuleTitle
{
    width:100%;
    min-height:30px;
	height:auto;
    line-height:30px;
    text-indent:10px;
    text-transform:uppercase;

    font-weight:bold;


	
	display:block;	
	margin-right: 15px;
    padding-bottom: 3.5px;
    border-bottom: 0;
    margin-bottom: 10px;
    padding: 4px 15px;
    font-size: 14px;
    padding-top: 7px;

        
}
.lehaosModuleContent
{
    padding:5px;
    width:100%;
    height:auto;
	display:inline-block;
	position:relative;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.lehaosHeader
{
    margin-bottom:1px;
}
.navbar-nav>li>ul
{
   
}
.navbar-nav>li:hover>ul
{
   
}

.navbar-nav>li>ul>li
{
  
    
}
#menuLeft>ul
{
    padding:0px;
    margin:0px;
}
#menuLeft>ul>li>ul
{
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    display: none;
    left: calc(100% - 1px);
    position: absolute;
    margin-top:-40px;
    width: 300px;
    z-index: 9;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
}
#menuLeft>ul>li>ul>li
{
    width:100%
}
#menuLeft>ul>li:hover>ul
{
   display: block;
}
#menuLeft>ul a
{
    color:#474747;
	padding-left:15px;
}

#menuLeft>ul li
{
	
    width:100%;
    text-indent:15px;
    height:45px;
    line-height:45px;
    list-style:none;
    background:#efe8e8;    
    border-bottom:1px dotted #FFF;    
    list-style:none;
    float:left;
    padding:0px;
    margin:0px;
	
}
.lehasProduct1
{
    padding:5px;
}
img.hovereffect {
    opacity: 1;
}
img.hovereffect:hover {
 
  opacity: 0.5; //giá trị 0.5 làm cho hình ảnh rõ ràng hơn hoặc mờ đục
 -webkit-transition: all .3s linear; //3s thời gian thực hiện hành động
 -moz-transition: all .3s linear;
 -o-transition: all .3s linear;
 transition: all .3s linear;
 cursor:pointer;
}
.lehaosProduct1Price
{
    color:#e43a3f
}
#cart-popover
{
    float:right;
    line-height:15px
}
.header-search {
    position: relative;
   
}
#header-search-input {
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    font-size: 12px;
    font-style: italic;
    padding: 9px 10px;
    width: 100%;
}
#header-search-btn {
    background-color: #30a9de;
    border: medium none;
    border-radius: 0 3px 3px 0;
    color: #fff;
    padding: 8px 25px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
}
.lehaosBannerImage
{
    height:150px;
    width:100%;
}
@media (min-width: 1200px)
{
	.container {
 

}
}
.container{

}
#menutop
{
    margin:1px 0px;
	min-height:50px;
	
}
#top
{
    height:auto;
	min-height:110px;
    width:100%;
    margin:15px 0px 15px auto;
	 -webkit-background-size: 100%; 
    -moz-background-size: 100%  ; 
    -o-background-size: 100%  ; 
    background-size: 100% !important; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
	background-position:0px !important;
    background-repeat:no-repeat;

}
.header-hotline {
    background-color: #e53a40;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    padding: 8px 8px 7px;
    text-align: center;
}
.lehaosProductRow
{
   
   
    box-sizing: border-box;
    transition: box-shadow 0.1s cubic-bezier(0.4, 0, 0.6, 1) 0s, background-color 0.1s cubic-bezier(0.4, 0, 0.6, 1) 0s;
    
    height:auto; 
    text-align:center;
	padding:0px;
	
    background:white;
	border:5px solid white;
}

.lehaosProductCatLeft
{
      border-right: 1px solid rgba(0, 0, 0, 0.09);
    max-height: 730px;
	height:auto;
    background:rgba(0, 0, 0, 0.03);
	padding-bottom:10px;
	overflow:hidden;
}
.lehaosProductRow:hover 
{
     box-shadow: 5px 5px 5px 9px rgba(0, 0, 0, 0.09);
     cursor:pointer;
       background:url("/images/trongsuot.png");
       background-repeat:repeat;
     
}
.lehaosProductRow:hover>.lehaosProductBtn
{
    display:block;
    
}
.lehaosProductRowThumb
{
    width:100%;
    height:210px;
	max-height:230px;


    text-align:center;
	border:1px solid #e6e6e6;
	padding:3px;
	overflow:hidden;
	position:relative;
}
.lehaosProductRowThumb img
{
       height: 100%;
    width: auto;

    max-width: 100%;
    POSITION: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    
}
.lehaosProductRowThumb a{
	 width:100%;
    height:210px;
	max-height:230px;

    padding:5px;
    text-align:center;
	border:1px solid #ccc;
	padding:3px;

	position:relative;
	display:contents;
}
.lehaosProductRowTitle
{
    height: auto;
    line-height: 1.8rem;
    overflow: hidden;
    overflow-wrap: break-word;
    margin:5px 0px;
	padding:10px;
	font-size:16px;

	

}
.lehaosProductRowTitle a{

}
.lehaosProductRowPrice
{
    -moz-box-align: center;
    align-items: center;
    display: block;
    height: 2.4rem;
    overflow: hidden;
    position: relative;
    color: #f00;
    flex-shrink: 0;
    width:100%;
   height:35px;
}
.lehaosProductRowLike
{
   color:#bdbdbd;
   width:100%;
   height:20px;
   margin:5px 0px;
   font-size:11px;
}
.lehaosStart
{
    color:#ffce3d;
    font-size:10px;
    
}
.lehaosDealKM img{
	margin-right:5px;
	height:30px;
}
#lehaosLeft
{
    width:20.8333%
}
#lehaosRight
{
 height: auto !important;
    margin-left: 1px !important;
    width: 54%;
    
}
.lehaosIndexEvent
{
    width:100%;
    height:auto;
}
#lehaosIndexTop
{

}
.lehaosProductHeader
{
	margin-top:20px;
	
}
.lehaosProductHeader ul{
padding:0px;
margin:0px;
display:inline-block;

}
.lehaosProductHeader ul li{
	list-style:none;
	float:left;
	padding:0px 10px;
	font-size:18px;
    border-width: 1px;
	border-style:solid;
    margin: 0px 5px 5px auto;
    padding: 7px;
   
}
.lehaosProductHeader ul li a{
	
}
.index-product-not-col-img-icon{
max-height:30px;
margin-right:5px;
}
.lehaosProductHeader .lehaosModuleTitle
{

   display:inline-block
}
.index_product_not_col_ul a{
text-transform:none;
font-weight:400;
}
.lehaosProductHeader .lehaosModuleTitle:before{
 
}
.lehaosProductCatIndexRow
{
    -moz-box-align: center;
    -moz-box-pack: center;
    align-items: center;
    background-color: #fdfdfd;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.8);
    
    justify-content: center;
    text-decoration: none;
    transition: box-shadow 0.1s cubic-bezier(0.4, 0, 0.6, 1) 0s, background-color 0.1s cubic-bezier(0.4, 0, 0.6, 1) 0s;    
    float:left;
    padding:5px;
    height:auto;
    overflow:hidden;
}
.lehaosProductBtn
{
    text-align: center;
    position: absolute;
    top: 10%;
    display:none;
	width:100%;
	z-index:999;
}
.lehaosProductBtn .btn
{
    margin:5px;
}

.lehaosProductCatIndexRow:hover
{
    cursor:pointer;
    background:white;
}
.lehaosProductCatIndexRow img
{
    width:70px;  
    height:70px;
   
    
}
.lehaosProductCatRowTitle {
    color: rgba(0, 0, 0, 0.8);
    height: auto;
    margin: 0 0.5rem;
    overflow-wrap: break-word;
    overflow-y: hidden;    
    margin:5px 0px;
}
.lehaosProductCatIndexRowXemTiep
{
    position:relative;
    float:right;
    margin-right:10px;
    text-transform:none;
    font-size:12px;
}
#lehaosHeaderPage
{
    height:30px;
    padding:0px;
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.09);
}
.flipkart-navbar {
    background-color: #2874f0;
    color: #FFFFFF;
}

.row1{
    padding-top: 10px;
}

.row2 {
    padding-bottom: 20px;
}

.flipkart-navbar-input {
    padding: 11px 16px;
    border-radius: 2px 0 0 2px;
    border: 0 none;
    outline: 0 none;
    font-size: 15px;
}

.flipkart-navbar-button {
    background-color: #ffe11b;
    border: 1px solid #ffe11b;
    border-radius: 0 2px 2px 0;
    color: #565656;
    padding: 10px 0;
    height: 43px;
    cursor: pointer;
}

.cart-button {
    background-color: #2469d9;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2);
    padding: 10px 0;
    text-align: center;
    height: 41px;
    border-radius: 2px;
    font-weight: 500;
    width: 120px;
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    color: inherit;
    border: none;
    outline: none;
}

.cart-button:hover{
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.cart-svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
}

.item-number {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .1);
    height: 20px;
    padding: 3px 6px;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    line-height: 12px;
    margin-left: 10px;
}

.upper-links {
    display: inline-block;
    padding: 0 11px;
    line-height: 23px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    color: inherit;
    border: none;
    outline: none;
    font-size: 12px;
}

.dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
}

.dropdown:hover {
    background-color: #fff;
}

.dropdown:hover .links {
    color: #000;
}

.dropdown:hover .dropdown-menu {
    
}

.dropdown .dropdown-menu {
   
}

.links {
    color: #fff;
    text-decoration: none;
}

.links:hover {
    color: #fff;
    text-decoration: none;
}

.profile-links {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    border-bottom: 1px solid #e9e9e9;
    display: block;
    padding: 0 11px;
    line-height: 23px;
}

.profile-li{
    padding-top: 2px;
}
.news_post_loop_content
{
    height:100px;
    overflow:hidden;    
}


/************************************************************
*************************Footer******************************
*************************************************************/


.footer1 {
    background: #fff url("../images/footer/footer-bg.png") repeat scroll left top;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;/*	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #003;*/
}





.widget_nav_menu ul {
    list-style: outside none none;
    padding-left: 0;
}

.widget_archive ul li {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 3px;
}


.widget_nav_menu ul li {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
	position: relative;
    text-transform: uppercase;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 7px;
    padding-bottom: 7px;
	width:95%;
}



.title-median {
    color: #636363;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 15px;
    text-transform: uppercase;
	font-family: 'Fjalla One', sans-serif;
}

.footerp p {font-family: 'Gudea', sans-serif; }


#social:hover {
    			-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1); 
			}
			#social {
				-webkit-transform:scale(0.8);
                /* Browser Variations: */
-moz-transform:scale(0.8);
-o-transform:scale(0.8); 
-webkit-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
			}           
/* 
    Only Needed in Multi-Coloured Variation 
                                               */
			.social-fb:hover {
				color: #3B5998;
			}
			.social-tw:hover {
				color: #4099FF;
			}
			.social-gp:hover {
				color: #d34836;
			}
			.social-em:hover {
				color: #f39c12;
			}
			.nomargin { margin:0px; padding:0px;}





.footer-bottom {
    background-color: #15224f;
    min-height: 30px;
    width: 100%;
}
.copyright {
    
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
}
.design {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    text-align: right;
}
.design a {
    color: #fff;
}


.lehaosHeaderLeft
{
	border-right: 1px solid white;
	width:auto;
	padding:0px 10px;
	float:left
}
#lehaosMenuTop
{
	height:40px;
		
	line-height:40px;
	color:white;
	padding:0px 17px;

}
#lehaosMenuTop *{
	font-size:12px;
}
#lehaosMenuTop a
{
	color:white;
	
}
#menuLeft > ul li:first-child>a
{
    background: rgba(0, 0, 0, 0) url("/images/icon/phone.png?1484150777630") no-repeat scroll 7px center;
    display: block;
}

#menuLeft > ul li:nth-child(2) > a{
	background : url('/images/icon/diengiadung.png?1484150777630') 7px center no-repeat;display:block;
}
#menuLeft > ul li:nth-child(3) > a{
	background : url('/images/icon/dienlanh.png?1484150777630') 7px center no-repeat;display:block;
}
#menuLeft > ul li:nth-child(4) > a{
	background : url('/images/icon/kythuatso.png?1484150777630') 7px center no-repeat;display:block;
}
#menuLeft > ul li:nth-child(5) > a{
	background : url('/images/icon/maytinhxachtay.png?1484150777630') 7px center no-repeat;display:block;
}
#menuLeft > ul li:nth-child(6) > a{
	background : url('/images/icon/tablet.png?1484150777630') 7px center no-repeat;display:block;
}
#menuLeft > ul li:nth-child(7) > a{
	background : url('/images/icon/thietbivanphong.png?1484150777630') 7px center no-repeat;display:block;
}
#menuLeft > ul li:nth-child(8) > a{
	background : url('/images/icon/tainghe.png?1484150777630') 7px center no-repeat;display:block;
}
#menuLeft > ul li:nth-child(9) > a{
	background : url('/images/icon/thietbi.png?1484150777630') 7px center no-repeat;display:block;
}
#menuLeft > ul li:nth-child(10) > a{
	background : url('/images/icon/diengiadung.png?1484150777630') 7px center no-repeat;display:block;
}
#menuLeft > ul li:nth-child(11) > a{
	background : url('/images/icon/dienlanh.png?1484150777630') 7px center no-repeat;display:block;
}
#menuLeft > ul li:nth-child(12) > a{
	background : url('/images/icon/kythuatso.png?1484150777630') 7px center no-repeat;display:block;
}
#menuLeft > ul li:nth-child(13) > a{
	background : url('/images/icon/maytinhxachtay.png?1484150777630') 7px center no-repeat;display:block;
}
#lehaoslogotop
{
	height:auto;
	position:absolute;	
text-align:center	;
top:0px;

padding:10px;
font-family:museo-slab,Georgia,"Times New Roman",Times,serif;

}
#lehaoslogotop>a
{
	font-size:70px;
	font-family:'League Gothic';font-weight:normal;font-size:42px;
	color:#5a5a5a;

	
}
#cotTrai
{
	padding-right:15px !important;

}
.lehaosLogo1
{
	padding:25px;
	color:white;
		background:url("/images/bglogo1.png");
		background-repeat:no-repeat;
		background-position:center;
		 -webkit-background-size: 100%; 
    -moz-background-size: 100%  ; 
    -o-background-size: 100%  ; 
    background-size: 100% !important; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
	
}
.lehaosLogo2,.lehaosLogo3,.lehaosLogo4,.lehaosLogo5,.lehaosLogo6,.lehaosLogo7,.lehaosLogo8,.lehaosLogo9
{
	border-bottom:3px solid white;
}
.nav>li>a
{
	
}
#menutop.affix {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index:10 !important;
	margin-top:0px !important;
	left:0px;
}
.lehaosSologan
{
	width:100%
	font-family:"Open Sans",sans-serif;
	margin-top:10px
}
.lehaosSologanLeft
{
	background:url("/images/sologanleft.png");
	float:left;
	padding:5px 30px;
	
}
.lehaosSologanRight
{
	background:url("/images/sologanright.png");
	float:right;
	padding:5px 36px;
	background-repeat:no-resize
}

.lehaosSologanTxt
{
	width:auto;
	float:left;
	line-height:8px;
	font-size:10px;
	text-transform:uppercase
}
#lehaosbannertext
{
	font-size:34px;
	font-family:"FontAwesome";
	padding:0px;
	margin-bottom:5px;
}
#lehaosbannertext p
{
	font-size:12px;
	font-style:italic
	
}
.lehaosGiamGia
{
	position:absolute;
	width:50px;
	height:50px;
	right:15px;
	top:15px;
	color:white;
	padding:15px 10px;
	background:#f00 ;
	z-index:1
}
.price-old
{
	text-decoration: line-through;
	color:#ccc;
	padding:0px 10px;
	font-size:10px
}
#myCarousel img{
	max-height:700px;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#lienhe .lehaosTable 
{
width:100% !important;
}
#lienhe .txt
{
width:99%
}
.formDy 
{
	display:none
}
#lienhe iframe
{
	max-height:425px
}

#login-modal .modal-dialog {
    width: 350px;
}

#login-modal input[type=text], input[type=password] {
	margin-top: 10px;
}

#div-login-msg,
#div-lost-msg,
#div-register-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
    background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
    background-color: #eb575b !important;
}

#img_logo {
    max-height: 100px;
    max-width: 100px;
}

/* #########################################
   #    override the bootstrap configs     #
   ######################################### */

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}
.lehaos_view
{
	max-width:83% !important
}
.modal-content {
    background-color: #ececec;
    border: 1px solid #bdc3c7;
    border-radius: 0px;
    outline: 0;
	max-width:100%;
	overflow:hidden;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px 15px 15px 15px;
    border-bottom: 0px;
}

.modal-body {
    position: relative;
    padding: 5px 15px 5px 15px;
}

.modal-footer {
    padding: 15px 15px 15px 15px;
    text-align: left;
    border-top: 0px;
}

.checkbox {
    margin-bottom: 0px;
}

.btn {
  
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.btn-lg, .btn-group-lg>.btn {
    border-radius: 0px;
}

.btn-link {
    padding: 5px 10px 0px 0px;
    color: #95a5a6;
}

.btn-link:hover, .btn-link:focus {
    color: #2c3e50;
    text-decoration: none;
}

.glyphicon {
    top: 0px;
}

.form-control {
  border-radius: 0px;
}
#lehaosLogoMenuTop
{
	display:block;
	float:left;
}

.navbar-nav > li{

}
.navbar-nav > li > ul>li>ul
{
	
}
.navbar-nav > li > ul>li:hover>ul
{
	
}
#first-slider,.carousel
{
	z-index:0;
}


.navbar-nav
{
	z-index:999;
	display:inline-block
}
header{
	z-index:2;
	
}
#lehaosIndexTop
{
	z-index:1;
}
.cat_title_index
{
	width:auto;


	background-color:white;
}
.titleBlogGrid {
    color: #4c4c4c;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    
}
.descBlogGrid {
    line-height: 25px;
    margin: 10px 0 20px;
}
.pubDate
{
	
	float: left;
    margin: 10px auto;
    width: 100%;
}


.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
	background-color: #d6e9c6;
	border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
	color: #3c763d;
	background-color: #fff;
	border-color: #d6e9c6;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;   
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
	background-color: #bce8f1;
	border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	color: #31708f;
	background-color: #fff;
	border-color: #bce8f1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
	color: #8a6d3b;
	background-color: #fff;
	border-color: #faebcc;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b; 
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
	background-color: #ebccd1;
	border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
	color: #a94442;
	background-color: #fff;
	border-color: #ebccd1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */  
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}
.panel-heading
{
	border-radius:0px; 
}
.nav-tabs > li > a
{
	border-radius:0px;
}
.view-mode{
width:auto;
float:left;
font-size:25px;
}
#lehaosBoxTool{
	    position: relative;
    top: 20px;
    width: auto;
    right: 0px;
	float:right;
}
.result-count{
	display: inline-block;
    float: left;
    width: auto;
	line-height:33px;
}
.filter-xs{
	display: block;
    float: right;
	margin-left:5px;
}
.box_tool{

    display: inline-block;
    width: 100%;
}
.product-img{
float:left;
overflow:hidden;
max-width:100%;
display:inline-block;
}
.product-img img{
max-height:100%;
}
.lehaosProductHotDeal .lehaosProductRowThumb{
height:280px;
max-height:unset;

}
.SearchButton {
height:32px;
margin-top:-6px;
}
.lehaosProductHotDeal .lehaosProductBtn{
top:25%;
}
.lehaosDealKM{
position:relative;
top:0px;
margin:auto;
height:30px;
width:100%;
margin:5px;

background: rgba(0, 0, 0, 0.55);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	color:white;
	
	font-size:12px;
	line-height:30px;
}
.lehaosProductHotDeal .lehaosProductRowTitle
{
	line-height:35px;
}
.hot-deal-km-c{
position:absolute;
z-index:999
}
.lehaosProductHotDeal .lehaosProductRowPrice{
font-size:28px;
display:inline;
}
.lehaosProductHotDeal .lehaosProductRowThumb img{
	max-width:unset;
	max-height:unset;
}
.lehaosProductHotDeal{
margin-bottom:40px;
}
@media only screen and (max-width: 768px) {
	#csbwfs-right{
	display:none !important;
	}
	.gt{
		height:auto !important;
	}
	.ctrlq.fb-button{
		width:30px !important;
		height:30px !important;
	}
	.bubble-msg{
	font-size:11px !important;
	
	top:-4px !important;
	max-width:300px
	}
	.carousel-inner{
	max-height:300px;
	}
	.lehaosDealKM{
		font-size:12px;
		width:100%;
	}
	.lehaosDealKM img{
	margin-right:1px;
	height:25px;
	margin-left:-5px;
}
#lehaosProductView .tab-content{
width:100%;
}
}



.post-slide{
    
    
}
.post-slide .post-header{
    
}
.post-slide .title{
    margin-bottom: 5px;
	height:51px;
	overflow:hidden;
	line-height:25px;
}
.post-slide .title a{
    font-size: 15px;

    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
.post-slide .title a:hover{
    color: #fd6058;
    text-decoration: none;
}
.post-slide .post-bar{
    margin: 15px 0 0 0;
    padding: 0;
    list-style: none;
	display:inline-block;
}
.post-slide .post-bar li{
    display: inline-block;
    margin-right: 20px;
    color: #808080;
}
.post-slide .post-bar li a{
    font-size: 15px;
    color: #808080;
    text-transform: capitalize;
}
.post-slide .post-bar li a:hover{
    text-decoration: none;
    color: #fd6058;
}
.post-slide .post-bar li img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.post-slide .post-bar li i,
.post-slide .post-bar li img{
    margin-right: 5px;
}
.post-slide .pic{
    overflow: hidden;
    position: relative;
	height:235px;
}
.post-slide .pic:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0);
    transition: all 0.9s ease 0s;
}
.post-slide:hover .pic:after{
    background: rgba(255,255,255,0.2);
}
.post-slide .pic img{
    width: 100%;
    height: auto;
    transform: rotate(0deg) scale(1,1);
    transition: all 0.6s ease-in-out 0s;
}
.post-slide:hover .pic img{
    transform: rotate(10deg) scale(1.5,1.5);
}
.post-slide .post-category{
    padding: 5px 15px;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 0;
    left: 0;

    z-index: 1;
}
.post-slide .post-category li{
    display: inline-block;
    text-transform: uppercase;
}
.post-slide .post-category li:after{
    content: " ,";
    color: #fff;
}
.post-slide .post-category li:last-child:after{
    content: "";
}
.post-slide .post-category li a{
    color: #fff;
}
.post-slide .post-category li a:hover{
    text-decoration: none;
    color: #333;
}
.post-slide .post-description{
    font-size: 16px;
    padding: 15px 0px;;
	height:145px;
	overflow:hidden;
}
@media only screen and (max-width: 480px) {
    .post-header .post-bar li{
        margin-right: 5px;
    }
}
.moduleContainerList_title{
font-size:13px;
padding:0px;
}


div#nz-div {
    border-bottom: 2px solid red;
    margin-bottom: 40px;
    display: block;
}

#nz-div h3.tde {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    text-transform: uppercase;
}

#nz-div h3.tde :after {
    content: "";
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-left: 20px solid #EA3A3C;
    border-bottom: 0px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    top: 0px;
    right: -20px;
}

#nz-div h3.tde span {
   
    padding: 10px 20px 8px 20px;
    color: white;
    position: relative;
    display: inline-block;
    margin: 0;
}

.sub-cat {
    display: inline-block;
    margin: 0;
    line-height: 45px;
    margin-left: 100px;
    float: right;
}

/* 2  ========================= */

#nz-div-2 h3.tde :after {
    content: "";
    width: 0;
    height: 0;
    border-top: 19px solid transparent;
    border-left: 15px solid #EA3A3C;
    border-bottom: 19px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    top: 0px;
    right: -15px;
}

#nz-div-2 h3.tde span {
    background: #EA3A3C;
    padding: 10px 20px 8px 20px;
    color: white;
    position: relative;
    display: inline-block;
    margin: 0;
}

#nz-div-2 h3.tde {
    margin: 15px 0;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}

#nz-div-2 hr {
    margin: -34px 0px 54px 0px;
    border: 1px solid red;
}

/* 3  ========================= */

#nz-div-3 h3.tde span {
    background: #EA3A3C;
    padding: 10px 20px 8px 20px;
    color: white;
    position: relative;
    display: inline-block;
    margin: 0;
    border-radius: 23px 23px 0px 0px;
}

#nz-div-3 h3.tde {
    margin: 15px 0;
    border-bottom: 2px solid #ea3a3c;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}

/* 4  ========================= */

#nz-div-4 h3.tde :after {
    content: "";
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-left: 20px solid #EA3A3C;
    border-bottom: 0px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    top: 0px;
    right: -20px;
}


#nz-div-4 h3.tde :before {
    content: "";
    width: 0;
    height: 0;
    border-width: 40px 20px 0px 0px;
    border-style: solid;
    border-color: transparent;
    border-right-color: #EA3A3C;
    position: absolute; 
    top: 0px;
    left: -20px;
}

#nz-div-4 h3.tde span {
    background: #EA3A3C;
    padding: 10px 20px 8px 20px;
    color: white;
    position: relative;
    display: inline-block;
    margin: 0;
 
}

#nz-div-4 h3.tde {
    text-align: center;
    margin: 10px 0;
    border-bottom: 2px solid #ea3a3c;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}

/*6  ========================= */

#nz-div-6 {
  text-align: center;
}

#nz-div-6 h3.tde {
    display: inline-block;
    background: #ea3a3c;
    color: white;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
  width: auto;
}
 

/*5 ========================= */


#nz-div-5 h3.tde {    text-align: center;    margin: 45px 0;    font-size: 16px;    line-height: 20px;    text-transform: uppercase;}
#nz-div-5 h3.tde span {    background: #8CC63F;    height: 50px;    line-height: 50px;    padding: 0px 20px;    color: white;    position: relative;    display: inline-block;    margin: 0;    z-index: 45;    border-radius: 10px 10px 0px 0px;    border: 1px solid #8bb54b;}
#nz-div-5 h3.tde :before,#nz-div-5 h3.tde :after {    content: "";    background: url(/images/codemau/bgh-nz1-l.png);    width: 87px;    height: 50px;    position: absolute;    top: 19px;    z-index: -1;}
#nz-div-5 h3.tde :before {    left: -44px;    }
#nz-div-5 h3.tde :after {    transform: rotateY(180deg);    right: -44px !important;}

/*7========================= */
.nz-div-7 {    position: relative;    margin: 50px 0; text-align: center;}
.nz-div-7 .box-title-name {    font-size: 24px;    font-weight: bold;    text-transform: uppercase;    color: #333;    display: inline-block;    vertical-align: top;    position: relative;    z-index: 1;    padding-bottom: 10px;margin-bottom:15px;}
.nz-div-7 .box-title-name:before {    content: "";    position: absolute;    border-top: 10px solid #00aa46;    border-left: 15px solid transparent;    border-bottom: 7px solid transparent;    border-right: 15px solid transparent;  left: calc(50% - 40px);
    bottom: -7px;
    width: 50px;}
.nz-div-7 .box-title-name:after {    content: "";    position: absolute;    z-index: 2;    bottom: 0;    height: 9px;    width: 200px;    left: calc(50% - 100px);    border-top: 2px solid #00aa46;}



.title-comm *,.title-comm *:before,.title-comm {*:after}{4}
.title-comm h3{color:#555;width:100%;margin-top:0;margin-bottom:.5em;text-rendering:optimizeSpeed;}
.title-comm h3{font-size:1.25em;}
@media (max-width:549px){
.title-comm h3{font-size:1em;}
}
.title-comm h3>span{-webkit-box-decoration-break:clone;box-decoration-break:clone;}
.title-comm h3{;!important;}
.title-comm{color:#fff;font-size:18px;position:relative;margin-top:30px;margin-bottom:30px;font-weight:700;background-color:#fff;text-align:center;}
 h3.title-comm:before{content:'';position:absolute;top:50%;left:0;right:0;margin-top:0;border-top:2px solid #d0d2d3;z-index:1;display:block;}
.title-comm .title-holder{min-width:350px;height:45px;background:#56bbe7;height:auto;line-height:45px;padding:0 20px;position:relative;z-index:2;text-align:center;display:inline-block;min-width:280px;}
.title-comm .title-holder:before{content:"";position:absolute;right:-15px;border-width:0;bottom:0;border-style:solid;border-color:#5c9efe transparent;display:block;width:0;height:0;border-top:23px solid transparent;border-bottom:22px solid transparent;border-left:15px solid #56bbe7;}
.title-comm .title-holder:after{content:"";position:absolute;left:-15px;border-width:0;bottom:0;border-style:solid;border-color:#5c9efe transparent;display:block;width:0;height:0;border-top:23px solid transparent;border-bottom:22px solid transparent;border-right:15px solid #56bbe7;}

.title-comm h3{;,sans-serif;}
.title-comm h3{font-weight:700;}
.title-header-mau-9.section-title-center {
    color: #232323!important;
    padding-bottom: 20px;
    background: url(/images/codemau/styled10.png) no-repeat 50% 100%;
}


.title-header-mau-11{position:relative;margin:10px 0 30px;text-align:center;}
.title-header-mau-11 .box-title-name-new{font-size:24px;font-weight:900;text-transform:uppercase;color:#fff;background:#00AA46;display:inline-block;vertical-align:top;position:relative;z-index:1;padding:10px 20px;marrgin-bottom:20px;border-radius:15px;}
.title-header-mau-11 .box-title-name-new:before{content:"";position:absolute;border-top:10px solid #00aa46;border-left:15px solid transparent;border-bottom:7px solid transparent;border-right:15px solid transparent;left:calc(50% - 40px);bottom:-25px;width:50px;}
.title-header-mau-11 .box-title-name-new:after{content:"";position:absolute;z-index:2;bottom:-18px;height:9px;width:200px;left:calc(50% - 100px);border-top:2px solid #00aa46;}

.title-header-mau-8 h2 {
    text-align: center;
    padding-bottom: 40px;
    color: #0b5f70;
    font-size: 28px;
    background: url(/images/codemau/bg_con10.png) bottom center no-repeat;
}


@media all{
#giohangDisplay section{display:block;}

#giohangDisplay a:active,a:hover{outline-width:0;}
#giohangDisplay strong{font-weight:inherit;}
#giohangDisplay strong{font-weight:bolder;}
#giohangDisplay small{font-size:80%;display:inline-block;}
#giohangDisplay *,#giohangDisplay *:before,#giohangDisplay *:after{box-sizing:border-box;}
#giohangDisplay p:empty{display:none;}
#giohangDisplay a{-ms-touch-action:manipulation;touch-action:manipulation;}
#giohangDisplay .col{position:relative;margin:0;padding:0 15px 30px;width:100%;}
#giohangDisplay .col-inner{position:relative;margin-left:auto;margin-right:auto;width:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;-ms-flex:1 0 auto;flex:1 0 auto;}
@media screen and (min-width: 850px){
#giohangDisplay .col:first-child .col-inner{margin-left:auto;margin-right:0;}
#giohangDisplay .col+.col .col-inner{margin-right:auto;margin-left:0;}
}
@media screen and (max-width: 849px){
#giohangDisplay .col{padding-bottom:30px;}
}
@media screen and (min-width: 850px){
#giohangDisplay .large-5{max-width:41.66667%;-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;}
#giohangDisplay .large-7{max-width:58.33333%;-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;}
#giohangDisplay .large-12{max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;}
}
#giohangDisplay .row{width:100%;margin-left:auto;margin-right:auto;}
#giohangDisplay .row{max-width:1080px;}
#giohangDisplay .row{width:100%;-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;}
#giohangDisplay .row .row:not(.row-collapse){padding-left:0;padding-right:0;margin-left:-15px;margin-right:-15px;width:auto;}
#giohangDisplay table{width:100%;margin-bottom:1em;border-color:#ececec;border-spacing:0;}
#giohangDisplay th,#giohangDisplay td{padding:.5em;text-align:left;border-bottom:1px solid #ececec;line-height:1.3;font-size:.9em;}
#giohangDisplay td{color:#666;}
#giohangDisplay th:first-child,td:first-child{padding-left:0;}
#giohangDisplay th:last-child,td:last-child{padding-right:0;}

#giohangDisplay a:focus{outline:none;}
#giohangDisplay a:hover{color:#000;}
#giohangDisplay ul{list-style:disc;}
#giohangDisplay ul{margin-top:0;padding:0;}
#giohangDisplay li{margin-bottom:.6em;}
#giohangDisplay .entry-content ul li,#giohangDisplay .col-inner ul li{margin-left:1.3em;}
#giohangDisplay p,#giohangDisplay ul{margin-bottom:1.3em;}
#giohangDisplay h2{color:#555;width:100%;margin-top:0;margin-bottom:.5em;text-rendering:optimizeSpeed;}
#giohangDisplay h2{font-size:1.6em;line-height:1.3;}
@media (max-width: 549px){
#giohangDisplay h2{font-size:1.2em;}
}
#giohangDisplay p{margin-top:0;}
#giohangDisplay th{line-height:1.05;letter-spacing:.05em;text-transform:uppercase;}
#giohangDisplay .row:after,.clear:after{content:"";display:table;clear:both;}
#giohangDisplay .success-color{color:#7a9c59;}
#giohangDisplay .is-well{padding:30px;background-color:rgba(0,0,0,0.02);box-shadow:1px 1px 3px 0px rgba(0,0,0,0.2),0 1px 0 rgba(0,0,0,0.07),inset 0 0 0 1px rgba(0,0,0,0.05);}
#giohangDisplay .entry-content{padding-top:1.5em;padding-bottom:1.5em;}
}

@media all{
#giohangDisplay span.amount{white-space:nowrap;color:#111;font-weight:bold;}
#giohangDisplay td.product-name{word-break:break-word;text-overflow:ellipsis;}
#giohangDisplay .shop_table tfoot th{font-size:85%;text-transform:inherit;letter-spacing:0;}
#giohangDisplay td.product-total,#giohangDisplay .shop_table tfoot tr td,#giohangDisplay .shop_table thead tr th:last-of-type,#giohangDisplay .shop_table tr td:last-of-type{text-align:right;}
#giohangDisplay .shop_table thead th{border-width:3px;}
#giohangDisplay .shop_table th:last-child{border-right:0;}
@media (max-width: 849px){
#giohangDisplay .shop_table{font-size:.9em;}
#giohangDisplay .shop_table .product-name{min-width:80px;}
}
@media (max-width: 549px){
#giohangDisplay .product-quantity{text-align:right;}
}
}
/*! CSS Used from: Embedded */
#giohangDisplay h2{font-family:"Roboto", sans-serif;}
#giohangDisplay h2{font-weight:700;}
#giohangDisplay h2{color:#1e73be;}

/*! CSS Used from: Embedded */
#giohangDisplay span.woocommerce-Price-amount.amount{color:red;}
.table>tbody>tr>td, .table>tfoot>tr>td{vertical-align: middle;}@media screen and (max-width: 600px) {table#cart tbody td .form-control{width:20%;display: inline !important;}.actions .btn{width:36%;margin:1.5em 0;}.actions .btn-info{float:left;}.actions .btn-danger{float:right;}table#cart thead { display: none; }table#cart tbody td { display: block; padding: .6rem; min-width:320px;}table#cart tbody tr td:first-child { background: #333; color: #fff; }table#cart tbody td:before {content: attr(data-th); font-weight: bold;display: inline-block; width: 8rem;}table#cart tfoot td{display:block; }table#cart tfoot td .btn{display:block;}}

.lehaosProductCatRight
{

	display:flex;
	flex-wrap:wrap
}
.bg-1{
	background-color:#fcfcfc!important
}
.bg-2{
	background-color:#f7941d!important
}
.bg-1{background:#ccc}