@charset "utf-8";
.an{
display:none !important;
}
.mg0{
margin:0 !important;
}
.mgr0{
margin-right:0 !important;
}
.pd0{
padding:0 !important;
}
.full-width{
width:100% !important;
}
.other-articles{
border-top: solid 1px #bbbbbb;
  margin-top: 15px;
  padding-top: 5px;
}
.other-articles ul{
padding-left:0;list-style:none;
}
.other-articles ul li{

}
.other-articles ul li a{
font:14px Arial;color: #444242;
-webkit-transition: color .20s ease-in-out;
  -moz-transition: color .20s ease-in-out;
  -ms-transition: color .20s ease-in-out;
  -o-transition: color .20s ease-in-out;
  transition: color .20s ease-in-out;
}
.other-articles ul li a:hover{
color:#1DA075;
}
.title-other{
font:18px Arial;color: rgb(68, 66, 66);  margin: 20px 0;
}
.title-main{
    border-bottom: 2px solid rgba(194, 0, 0, 1);
  font-family: 'arial';
  font-size: 20px;
  word-spacing: 2px;
  line-height: 30px;
  font-weight: normal;
  margin: 0px 5px 15px 0;
}
.post-date{
font:bold 14px Arial;
margin-bottom:5px;
}
/* **************breadcrumbs 
<ul id="breadcrumbs-one">
    <li><a href="">Lorem ipsum</a></li>
    <li><a href="" class="current">Current crumb</a></li>
</ul>
*/
#breadcrumbs-one{
padding-left:0;
  background: #eee;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #e5e5e5 #ccc;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
  overflow: hidden;
  width: 100%;
}

#breadcrumbs-one li{
  float: left;
}

#breadcrumbs-one a{
  padding: .7em 1em .7em 2em;
  float: left;
  text-decoration: none;
  color: #444;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #ddd;
  background-image: linear-gradient(to right, #f5f5f5, #ddd);  
}

#breadcrumbs-one li:first-child a{
  padding-left: 1em;
  border-radius: 5px 0 0 5px;
}

#breadcrumbs-one a:hover{
  background: #fff;
}

#breadcrumbs-one a::after,
#breadcrumbs-one a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}

#breadcrumbs-one a::after{ 
  z-index: 2;
  border-left-color: #ddd;  
}

#breadcrumbs-one a::before{
  border-left-color: #ccc;  
  right: -1.1em;
  z-index: 1; 
}

#breadcrumbs-one a:hover::after{
  border-left-color: #fff;
}

#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
  font-weight: bold;
  background: none;
}

#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{
  content: normal;  
}
/* 
<div class="breadcrums">
  <a href="/iaso.aspx" title="IASO" class="CMSBreadCrumbsLink">IASO</a> &gt; <a href="/iaso/san-pham.aspx" title="Sản phẩm" class="CMSBreadCrumbsLink">Sản phẩm</a> &gt; <a href="/iaso/san-pham/lam-sach.aspx" title="Làm sạch" class="CMSBreadCrumbsLink">Làm sạch</a> &gt; <span class="CMSBreadCrumbsCurrentItem">Sữa rửa mặt IASO</span>
</div>
 */
div.breadcrums {
  overflow: hidden;
  background: url(../images/bg-breadcrums.png) repeat-x;
  height: 27px;
  padding-top: 12px;
  padding-left: 10px;
  font-weight: bold;
}
div.breadcrums a,div.breadcrums span{
  color:#000;text-transform:uppercase;
}
div.breadcrums a:hover{
  color:#DB7124;
}
/**************selectbox
<select class="soflow" id="dk_nsx" name="dk_nsx">
  <!-- This method is nice because it doesn't require extra div tags, but it also doesn't retain the style across all browsers. -->
  <option value="">Nhà sản xuất ...</option>
  <option value="72">Dulux</option>  
</select>
*/
select.soflow{
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background: #fff url(../images/lienket_icon.png);
  /* background-image: url(images/lienket_icon.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); */
  background-position: 97% center;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  color: #333333;
  font-size: inherit;
  
  overflow: hidden;
  padding: 5px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 324px;
  
  margin-top: 10px;
}
/* *********************style for tabs */
#tabs {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;  margin-top: 10px;
}

#tabs li {
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a {
  position: relative;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  padding: .7em 3.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after {
  background: #fff;
}

#tabs a:focus {
  outline: 0;
}

#tabs a::after {
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;  
}

#tabs #current a,
#tabs #current a::after {
  background: #fff;
  z-index: 3;
}

#tab_content {
  background: #fff;
  padding: 2em;
  /* height: 220px; */
  position: relative;
  z-index: 2; 
  border-radius: 0 5px 5px 5px;
  box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);  
}
/* ****************giohang */
.basket-img {
  width: 130px;
  height: 120px;
}
.basket-name {
  font-size: 14px;
}
/* **********doitac */
#idx_doitac_wrap{
background:#f5dd09;
padding:30px 0;
}
.doitac-img {
width:124px;height:82px;border:1px solid #d0ceba;
}
#owl_doitac .owl-prev,#owl_doitac .owl-next {
color:#000;width:19px;height:30px;position:relative;
}
#owl_doitac .owl-prev {
background: url(../images/owl-prev.png) 0 0 no-repeat;
  position: absolute;
  left: -30px;
  top: 20px;
}
#owl_doitac .owl-next {
  background: url(../images/owl-next.png) 0 0 no-repeat;
  position: absolute;
    right: -10px;
  top: 20px;

}
#owl_doitac .owl-controls{
margin:0;
}
#owl_doitac{
position:relative;
}
#owl_doitac .owl-wrapper-outer{
width:98%;
}
#owl_hact .owl-prev,#owl_hact .owl-next {
color:#000;width:19px;height:30px;position:relative;
}
#owl_hact .owl-prev {
background: url(../images/owl-prev.png) 0 0 no-repeat;
  position: absolute;
    left: -6px;
  top: 50px;
}
#owl_hact .owl-next {
  background: url(../images/owl-next.png) 0 0 no-repeat;
  position: absolute;
    right: -5px;
  top: 50px;

}
#owl_hact .owl-controls{
margin:0;
}
#owl_hact{
position:relative;
}
#owl_hact .owl-wrapper-outer{
width:97%;  margin: 0 auto;
}
/*selectbox*/
select.soflow{
-webkit-appearance: button;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end: 20px;
-webkit-padding-start: 2px;
-webkit-user-select: none;
background: #fff url(../images/lienket_icon.png);
/* background-image: url(images/lienket_icon.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); */
background-position: 97% center;
background-repeat: no-repeat;
border: 1px solid #AAA;
color: #333333;
font-size: inherit;
margin: 20px;
overflow: hidden;
padding: 5px 10px;
text-overflow: ellipsis;
white-space: nowrap;
width: 178px;
margin-left: 10px;
margin-right: 0px;
margin:0;
}
/* --------------------- Phan trang ------------------*/
.phantrang{
	text-align:right;
	  margin: 15px 0px 5px 0px;
}
.phantrang a{
	/*display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	margin-right:5px;
	text-decoration:none;
	font-weight:bold;*/
  
  display: inline-block;
    padding: 1px 5px;
  margin-right: 4px;
  border-radius: 3px;
  border: solid 1px #c0c0c0;
  background: #e9e9e9;
  box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  color: #717171;
  text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.phantrang span{
	/*color:red;
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	margin-right:5px;
	font-weight:bold;*/
  display: inline-block;
    padding: 1px 5px;
  margin-right: 4px;
  border-radius: 3px;
  border: solid 1px #c0c0c0;
  background: #e9e9e9;
  box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  color: #717171;
  text-shadow: 0px 1px 0px rgba(255,255,255, 1);
  
  border: none;
  background: #616161;
  box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
  color: #f0f0f0;
  text-shadow: 0px 0px 3px rgba(0,0,0, .5);
  
}
.phantrang a:hover{
  background: #fefefe;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
  background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}