.s-status { } 
/************************************* CSS FOR SHOW PRODUCT *******************************/
 
#List_View { 
	padding:0px; 
	padding-top: 20px;
}
.floatImgPro {
	margin-top:2px;
	margin-left:120px;
	position:absolute;
}
 

/*----------------- VIEW 1 ----------------*/
#List_View .View1 {
  float:left;  
	width:100%;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #e5e5e5;
}
#List_View .last { border-bottom:none; }

#List_View div.View1 div.item{
  float:left;
	margin:0; 
	width:235px ;
	margin-right:20px;
}
#List_View div.View1 div.item.last { margin-right:0px;}
 
#List_View .View1 div.item .boxItem {
	/*margin:5px;	*/
}
#List_View .View1 h3 { 
	text-align:center;
}
#List_View .View1 h3 a {}
#List_View .View1 h3 a:hover { 
  text-decoration:none;
}

#List_View .View1 .divImg {
	margin:0px auto;     
	height:auto;
	width:235px;  
	position: relative;
}

#List_View .View1 .div_title{
	
}
#List_View .View1 .div_title .ctn-div_title{
 	padding: 7px; text-align: center;
}
#List_View .View1 .div_title .ctn-div_title h3{
	font-size: 18px; font-weight: normal; text-transform: uppercase; color: #ffffff; font-family: "Roboto";
}
#List_View .View1 .div_title .ctn-div_title h3 a{display: block; color: #ffffff;line-height: 26px;}
#List_View .View1 .div_short{
	font-size: 12px; color: #777777; padding-top: 10px; line-height: 22px; text-align: justify;
}

#List_View .View1 .img {  	 
	text-align:center; 
	overflow:hidden;
}

#List_View .View1 .maso {
	font-weight:bold;
	padding-top:5px;
}
#List_View .View1 .price {
	color:#c82d33 ;
	font-weight:bold;
	text-align:left;
}
#List_View .View1 .price_old {
	color:#333333;
	font-weight:normal;
	text-decoration:line-through;
}
 

/*----------------- VIEW 2 ----------------*/
 
#List_View .View2 {
   
}
#List_View .col1{
	padding-bottom:25px;
	margin-bottom: 30px;
	border-bottom: 1px solid #cccccc;
}
#List_View .col2{
	margin-bottom: 30px;
	padding-bottom:25px;
	border-bottom: 1px solid #cccccc;
}
#List_View .col_select{
	background:#F4EAD2;
}
 

#List_View .View2 h3 {
	font-weight:normal;
	margin-bottom:5px;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 1.5em;
}
#List_View .View2 h3 a{color:#000000;}
#List_View .View2 h3 a:hover { color:#00755A; text-decoration:none;}
#List_View .View2 .img{
	text-align:center;
	position: relative;
}

#List_View .View2 .img .box_datepost{
	height: 48px;
	background: url("../images/lb_date.png") center no-repeat;
    position: absolute;
    right: -7px;
    top: -10px;
    width: 47px;
    padding-top: 5px;
}

#List_View .View2 .img .box_datepost .date{
	color: #fff;
    font-size: 16px;
    text-align: center;
    display: block;
}
#List_View .View2 .img .box_datepost .month{
	color: #fff;
    font-size: 12px;
    text-align: center;
}

table.table_info{
	width: 100%;
}
table.table_info tr:nth-child(2n) td{background: #f2f2f2;}
table.table_info td{
	border-top: 1px dotted #b2b2b2;
	padding: 5px 0;
	font-size: 12px;
	color: #666666;
	line-height: 22px;
}
table.table_info td.colInfo2{
	font-weight: bold;
}
	
#List_View .View2 .check{
	float:left;
	width:25px;
	padding-top:80px;
	text-align:center;
	vertical-align:middle;
}

#List_View .View2 .maso{
	margin:0px;
	padding:0px;
	color:#CC0000;
	font-weight:bold;
}

#List_View .View2 .hr{
	height:1px;
	background:url(../images/hr.gif) center repeat-x;
	padding:1px;
}

#List_View .noProduct {
	padding:50px;
	text-align:center;
	color:#ff0000;
}



.font_keyword{
	background-color: yellow; 
	color: red; 
	font-weight: bold;
}
.font_keyword a {
	background-color: yellow; 
	color: red; 
	font-weight: bold;
}
/*********** DETAIL **********/
#divInfo{ }
 
#divInfo .p_name { font-weight: bold; font-size: 13px; text-transform: uppercase;} 
 
.picDetail {   } 

.picDetail .imgPro { }

#divInfo table tr td{
	border-bottom: 1px solid #b2b2b2;
}
#divInfo .colInfo1 {
	padding: 6px 4px;  font-weight: bold; color: #444444;
}

#divInfo .colInfo2 {
	padding: 6px 4px;	color: #666666;
}
#divInfo .fTitle { color:#ff0000; font-size:16px; font-weight:bold; text-transform:uppercase;}
.boxDetail {}
.boxDetail .title{
	font-size: 20px; color: #5c5c5c; text-transform: uppercase; font-family: "RobotoB";
	line-height: 40px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px;
}

.boxDetail .table_info tr > td{
	border-top: none;
	border-bottom: 1px dotted #b2b2b2 !important;
}

.plugin{background: none; width: 100%;}
.plugin table.social_network td{background: none; border: none !important; padding:0 !important;  }

.fDetail {   
	background: #00755a none repeat scroll 0 0;
    color: #fff;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 135px;
}
.boxDetail .desc{
	border-top: 2px solid #00755a;
	padding-top: 10px;
}
.desc ul {
	list-style:inherit;
	margin:0px;
	margin-left:15px;
}
.desc ol{
	list-style:decimal;
	margin:0px;
	margin-left:15px;
}
.div-other { position:relative; border-top:1px dotted #37332a ; padding-top:10px; margin-top:10px;}
.div-other .fOther { text-transform:uppercase; margin-bottom:5px; font-weight:bold;}

.box-project{

}
.box-project .item{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}
.box-project .item:last-child{
	border-bottom: none;
	margin-bottom: 0px;
}
.box-project .wrimg{
	position: relative;
	padding-top: 75%;
	overflow: hidden;
}
.box-project .wrimg img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.box-project .tend{
	margin: 0px 0px 10px 0px;
}
.box-project .tend a{
	font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
}
.table-para tr td:nth-child(1){
	width: 110px;
}
.table-para tr td:nth-child(2){
	width: 40px;
}
.table-para tr td:nth-child(3) span{
	font-weight: 550;
	opacity: .8;
}
.table-para tr td{
	padding: 5px 0px;
}

.productThumbnail{
	margin-bottom: 15px;
}
div#vnt-thumbnail-for{
    margin-bottom: 20px;
}
div#vnt-thumbnail-for .img{
    position: relative;
    padding-top: 75%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd;
}
div#vnt-thumbnail-for .img img {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div#vnt-thumbnail-nav{
    
}
div#vnt-thumbnail-nav .slick-list{
    margin: 0 -8px;
}
div#vnt-thumbnail-nav .item{
    padding: 0 8px;
}
div#vnt-thumbnail-nav .img{
    overflow: hidden;
    position: relative;
    background: #f5f5f5;
    cursor: pointer;
    padding: 50% 0 0;
}
div#vnt-thumbnail-nav .img:after{
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border: 2px solid #999;
}
div#vnt-thumbnail-nav .slick-current .img:after{
    border: 2px solid #a80101;
}
div#vnt-thumbnail-nav .img img {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#vnt-thumbnail-nav .slick-arrow {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    display: block;
}
#vnt-thumbnail-nav .slick-arrow:after {
    position: absolute;
    font-family: FontAwesome;
    font-size: 16px;
    top: 50%;
    left: 50%;
    color: #3e4095;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#vnt-thumbnail-nav .slick-next:after {
    content: '\f105';
}
#vnt-thumbnail-nav .slick-prev:after {
    content: '\f104';
}
#vnt-thumbnail-nav .slick-next {
    right: -2px;
}
#vnt-thumbnail-nav .slick-prev {
    left: -2px;
}

/*==================================================*/
.productOther{
	margin-top: 20px;
	margin-bottom: 40px;
}
.productOther .title{
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: solid 1px rgba(0,0,0,0.15);
    position:relative;
}
.productOther .title:before{
    content:"";
    position:absolute;
    bottom:-1px;
    left:0;
    width:55px;
    border-bottom:solid 1px #f09028;
}
.productOther .title h2{
    font-size: 26px;
    line-height: 36px;
    text-transform: uppercase;
    font-weight: 600;
}
.slideOther .slick-list{
	margin: 0 -7px;
}
.slideOther .slick-slide{
	padding: 0 7px;
}
.slideOther .slick-arrow {
    position: absolute;
    right: 0;
    top: -80px;
    background: #e5e5e5;
    border: none;
    font-size: 0;
    width: 40px;
    height: 40px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 2;
}
.slideOther .slick-prev{
    margin-right: 45px;
}
.slideOther .slick-arrow:before{
    font-family: FontAwesome;
    font-size:20px;
    line-height: 28px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.slideOther .slick-prev:before{
    content:"\f104";
}
.slideOther .slick-next:before{
    content:"\f105";
}
.slideOther .slick-arrow:hover{
    background: #00755a;
}
.slideOther .slick-arrow:hover:before{
    color:#ffffff;
}
.slideOther .product{
    margin-bottom: 0;
}
.product {
    border: solid 1px #dfdfdf;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
    margin-bottom: 20px;
}
.product .img a {
    display: block;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}
.product .img a img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-height: 75%;
    max-width: 75%;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.product .tend {
    margin-bottom: 5px;
}
.product .tend a {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: normal;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.product .caption {
    padding: 15px 10px;
    background: #f8f8f8;
}

/*==========================================================================*/
/*============================RESPONSIVE====================================*/
/*==========================================================================*/
@media all and (max-width: 480px){
	.productOther .title h2{
		font-size: 20px;
	}
}