@charset "utf-8";
.mgr0{
margin-right:0 !important;
}
.mgb10{
margin-bottom:10px !important;
}
.an{
display:none !important;
}
.ta-c{text-align:center !important;}
.bold{font-weight:bold;}
.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: #164B9B;
}
.title-other{
font:18px Arial;color: rgb(68, 66, 66);  margin: 20px 0;
}
.title-main {
  position: relative;
  margin: 0;
  font-weight: bold;
  color: #000;
  font-size: 20px;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  padding: 7px 0;
}


.main .title-main:after{background: #359507;}
.title-main:after{/*content:"";width:100px;height:2px;background:#197717;display:block;margin:12px auto 0*/}
.main .title-main:after{background: #339305;}
.post-date{font:  13px Arial;margin: 0;color: #444444;margin-bottom: 7px;}
/* **************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;  
}
/**************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-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: 100%;
  margin: 0 auto 10px;
  display: block;
}
/* 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: 100%;
} */
/* *********************style for tabs */
#info_deals{
    position: relative;
    margin-top: 10px;
}
#info_deals table{width: 100% !important;}
#info_deals ul#tab_content{
	border-bottom: 3px solid #eee;
	margin-bottom: 10px;
	padding: 0;
}
#info_deals ul.fixed{
	position: fixed;
	z-index: 10;
	width: 892px;
	background-color: #fff;
}
#info_deals ul#tab_content li{
	display: inline-block;
	/* padding: 5px 20px; */
	box-sizing:border-box;
	margin-bottom:-3px;
	border-bottom: solid 3px transparent;
}
#info_deals ul#tab_content li a, #info_deals .title{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	cursor: pointer;
	color:#000;
	text-decoration: none;
}
#info_deals ul#tab_content li a:hover{color:#f00}
#info_deals ul#tab_content li:hover, #info_deals ul#tab_content li.selected,#info_deals ul#tab_content li#current{
	border-bottom: 3px solid #333;
}
@media only screen and (min-width : 320px) {
  #info_deals ul#tab_content li {
  padding: 5px 5px;
}
}
@media only screen and (min-width : 480px) {
  #info_deals ul#tab_content li {
  padding: 5px 20px;
}
}
/* #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);  
} */
/* *account* */
#account{
position:absolute;  right: 20px;
  top: 45px;
}
#account a{
color:#fff;display:inline-block;text-transform:uppercase;font:13px Arial;
}
/* *dangki_tpl* */
.form{
	/* background:#f1f1f1; margin:0 auto;*/ width:470px;  padding-left:50px; padding-top:20px;
}
.form fieldset{border:0px; padding:0px; margin:0px;}
.form p.contact { font-size: 12px; margin:0px 0px 10px 0;line-height: 14px; font-family:Arial, Helvetica;}

.form input[type="text"] { width: 400px; }
.form input[type="email"] { width: 400px; }
.forminput[type="password"] { width: 400px; }
.form input.birthday{width:60px;}
.form input.birthyear{width:120px;}
.form label { color: #000; font-weight:bold;font-size: 12px;font-family:Arial, Helvetica; }
.form label.month {width: 135px;}
.form input, textarea { background-color: rgba(255, 255, 255, 0.4); border: 1px solid rgba(122, 192, 0, 0.15); padding: 7px; font-family: Keffeesatz, Arial; color: #4b4b4b; font-size: 14px; -webkit-border-radius: 5px; margin-bottom: 15px; margin-top: -10px; }
.form input:focus, textarea:focus { border: 1px solid #ff5400; background-color: rgba(255, 255, 255, 1); }
.form .select-style {
  -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-image: url(../images/select-arrow.png), 
    -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  background-position: center right;
  background-repeat: no-repeat;
  border: 0px solid #FFF;
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;}
.form .gender {
  width:410px;
  }
.form input.buttom{ background: #4b8df9; display: inline-block; padding: 5px 10px 6px; color: #fbf7f7; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border: none; position: relative; cursor: pointer; font-size: 14px; font-family:Verdana, Geneva, sans-serif;}
.form input.buttom:hover	{ background-color: #2a78f6; }
/* --------------------- Phan trang ------------------*/
.phantrang{
	text-align:center;
	  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);
}
/*============== STYLE FOR PAGING ==============*/
 /*============== ĐỊNH DẠNG PHẦN PHÂN TRANG ==============*/
    .pagination ul li.active,
    .pagination ul li.inactive:hover{
        /*background-color: #DB2E66; color:#fff;
        border:1px solid #DB2E66;*/ cursor: default;color:#717171;
    }
    .pagination ul li.inactive{
        background-color: #000; color: #dedede; 
        /*border: 1px solid #eaeaea;*/ cursor: default;
    }
    .pagination ul li.actived{
    /*color:#DB2E66;background-color:#fff; border:1px solid #fff;*/
      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);
    }
    .data ul li{
        list-style: none;
        margin: 5px 0; color: #fff;
        font:normal 13px verdana;
    }

    .pagination{    width: 100%;  height: 25px;  margin-top: 20px;  text-align: center;}
    .pagination ul li{
        /*list-style: none;
        float: left; margin: 0 3px;
        border: 1px solid #eaeaea;
        padding: 2px 6px 2px 6px;
        font: bold 14px arial;
        background-color: #000; color: #DB2E66;*/
        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); */
    }
    .pagination ul li:hover{
        background-color: #DB2E66;
        border: 1px solid #DB2E66;
        cursor: pointer; color: #fff;
    }
    .go_button{
        background-color:#DB2E66;
        border:1px solid #fff;
        color:#cc0000;padding:2px 6px;
        cursor:pointer;position:absolute;margin-top:-1px;
    }
    .total{    float:right;font-family:arial;color:#999;display: none;}
    .track3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.track3:hover,
.track3.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0.15);
}

.handle3 {
    width: 7px;
    right: -20px;
    background: #999;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
    z-index: 100;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 10px;
}
.simplePagerContainer{text-align: center;}
ul.simplePagerNav li{
    display: inline-block;
    font-family: georgia;
    width: 27px;
    line-height: 20px;
    height: 24px;
    margin-top: 3px;
    border: 1px solid #ffffff;
    background: #f2f2f2;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
    border-radius: 3px;
    margin-right: 5px;
}
ul.simplePagerNav {
    text-align: center;
    /* background: url(../images/bg_page.png)no-repeat center center; */
    padding: 0;
    margin: 0;
    height: 28px;
    /* background: #dbdbdb; */
    margin-bottom: 10px;
    padding: 1px 20px;
    display: inline-block;
    border-radius: 5px;
}
.simplePagerNav {
        /* width: 1200px !important; */
        clear: both;
}
li.currentPage {
    background: #40BD40 !important;
}
li.currentPage.simplePageNav1 {
display: inline-block;
width: 27px;
height: 24px;
border: 1px solid #ffffff;
background: #282828;
background: -moz-linear-gradient(top, #ebebeb 0%, #f0f0f0 29%, #fbfbfb 72%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(29%,#f0f0f0), color-stop(72%,#fbfbfb), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ebebeb 0%,#f0f0f0 29%,#fbfbfb 72%,#ffffff 100%);
background: -o-linear-gradient(top, #ebebeb 0%,#f0f0f0 29%,#fbfbfb 72%,#ffffff 100%);
background: -ms-linear-gradient(top, #ebebeb 0%,#f0f0f0 29%,#fbfbfb 72%,#ffffff 100%);
background: linear-gradient(to bottom, #ebebeb 0%,#f0f0f0 29%,#fbfbfb 72%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
border-radius: 3px;
}
li.currentPage.simplePageNav1 a{
    color: white;
}
ul.simplePagerNav li a{
    color: #000;
}
.map-tab-content {
  margin: 10px auto;
}

/*--------------------------START paging-----------------------------*/
.wrap_paging {
	margin:10px auto;
	
	position: relative;
	width: 100%;
	    padding: 0px 0px;
	text-align: right;
}
.wrap_paging_top {
	position: relative;
	width: 100%;
	padding: 7px 0px;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	text-align: right;
}
.paging {
	margin:0px auto;
	text-align:center;
}
ul.pages li a i
{

		position:relative;
}
ul.pages .fa
{
	line-height: 25px !important;
}
.paging a {
	float: left;
	   
	margin-right: 5px;
	width: 25px;
	height: 25px;
	line-height: 25px !important;
	text-align: center;
	border: 1px solid #CCC;
	background: #f9f9f9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #000;
	font-weight: bold;
}
.paging a.paginate_active {
	background: #2ba40d;
	border: 1px solid #27910d;
	color: #FFF;
}
.paging a:hover {
	background: #CCC;
}
.paging a.paginate_active:hover {
	background: #2ba40d;
	border: 1px solid #27910d;
	color: #FFF;
}

.pages {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.pages li {
	/*float: left;*/
	    list-style: none;
	    display: inline-block;
	margin-right: 5px;
}
.pages li a.active {
	background: #b11116;
	  border: 1px solid #b11116;
	  color: #FFF;
}

/*--------------------------END paging-----------------------------*/