/*
--------- .details-base -------------------- */
.details-base-left {
     padding-top: 18px;
    border-right: 1px solid #e6e6e6;
}
.details-base-right {
	    border-left: 1px solid #e6e6e6;
    margin-left: -1px;
    padding: 0;
}
	
.frame_left { 
   margin-bottom: 18px;
}
.item_code { 
 color: #4e4e4e; 
 line-height: 18px; 
 font-weight: bold; 
 margin-bottom: 6px; 
 padding-left: 15px; 
 background: url('../images/icon-pro-detail.png') no-repeat left center;
}
.lable_pr { 
 font-size: 13px; 
 color: #c61627;
}
/*
--------- .default_related -------------------- */
.vertical { 
 
}
.name-row-car {
  font-size: 13px;
  color: #015f95;
  line-height: 18px;
  padding: 18px 0px 15px;
  margin-left: 10px;
}
.item-img {
  float: left;
  margin-right: 10px;
  border: 1px solid #d0d0d0;
  padding: 2px;
  margin-left: 10px;
}
.title-item {
  margin-bottom: 5px;
}
.title-item a {
  color: #015f95;
  font-weight: bold;
  line-height: 18px;
}
.col-item-district, .col-item-price {
  color: #4e4e4e;
  line-height: 18px;
  margin-bottom: 2px;
}
.col-item-price-ct {
  font-weight: bold;
  color: #c61627;
}
.item-contents {
     padding-right: 30px;
    display: table;
}
.col-item-cl {
  float: left;
  width: 100%;
  padding: 10px 0px;
  border-top: 1px solid #e8e8e8;
}
.col-filter {
  border-bottom: 1px solid #e8e8e8;
  padding: 5px 0px;
}
.sl-sv-sear {
  border: none;
  width: 118px;
  margin-right: 20px;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
}
/*
--------- .default_map -------------------- */
#gmap {
  height: 380px;
  width: 100%;
}
.frame-map{ 
 margin-bottom: 18px;
}
/*
--------- .default_info -------------------- */
.col-item-info{
    border-bottom: 1px dotted #cacaca;
    padding: 6px 0px;
    color: #333333;
    font-size: 14px;
    margin-right:20px;
    
}
.col-item-info-2{
    border-bottom: 1px dotted #cacaca;
    padding: 10px 0px;
    color: #333333;
    font-size: 13px;
    text-align: center;
}
.pr-info-it-1 {
	float: left;  
}
.pr-info-it-2{
	color:#015f95;
}
.pr-info-it-2 a{
	color:#e80404;
}

.pr-info-red-book span, .pr-info-governmental span {
  background: url('../images/icon-check.png') no-repeat left center;
  padding: 10px 0px 5px 30px;
}
.sp-info-left {
}
.sp-info-right {
	margin:10px 10px 10px 10px;
	border:1px #e3e3e3 solid;
}
.row-cl-full {
  padding: 10px;
}
  
.box-tienich{
	border:1px #ddd solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding:6px 10px 0px 10px;
	margin-bottom:10px;
}
.title-tienich{
	font-size: 15px; 
   color: #015f95; 
   margin-bottom:5px;
}
.title-sub-tienich{
	font-size: 12px;
    color: #015f95;
    margin-bottom:12px;
    padding-bottom:2px;
    border-bottom:1px #ddd solid;
}
.list-tienich{
	margin-bottom:px;
}
.list-tienich li{
	float:left;
	margin:0px 17px 7px 0px;
	line-height:14px;
	color:#666;
}
.list-tienich li input{
	float:left;
	margin:0px 4px 0px 0px;
}
.content-product{
	border:1px #ddd solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* member */
.box-info-member{
	background:#f0f2f5;
	margin-bottom:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:320px;
	top:20px;
	left:50%;
	z-index:9;
}
.header-box-info-member{
	color:#333;
	line-height:30px;
	padding-top:20px;
	text-align:center;
	font-size:18px;
}
.content-info-member{
	padding-top:5px;
}
.avatar-member{
	width:140px;
	height:140px;
	margin:0px auto 15px;
	display:block;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	border-radius: 75px;
	border:5px #fff solid;
	overflow:hidden;
}
.avatar-member img{
	width:140px;
	display:block;
	margin-top:-15px;
}

.note-info-member{
	margin:0px 10px 0px 10px;
	color:#999;
	font-size:16px;
	text-align:center;
	margin-bottom:10px;
}
.list-attr-member{
	padding:10px 15px;
}
.list-attr-member li{
	line-height:26px;
	padding:5px 0px;
	text-align:center;
}

.member-name{
	display:block;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#333;
	margin-bottom:10px;

}
.label-member{
	color:#333;
	width:90px;
	font-size:13px;
	font-style:italic;
}
.label-member-email{
	width:auto;
	margin-right:10px;
}
.value-member{
	color:#000;
	font-size:14px;
	text-transform: capitalize;
}
.row-contact-product{
	text-align:center;
}
.hotline-member-detail{
	color:#fff;
	font-size:15px;
	font-weight:bold;
	background:#f93239 url('../images/call.png') no-repeat 10px 6px;
	background-size:16px 16px;
	box-shadow:0px 0px #eb3002;
	line-height:30px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	margin:0px 2% 15px;
	width:44%;
	text-indent:20px;
}
.hotline-member-detail:hover{
	color:#fff;
	background:#02c1db url('../images/call.png') no-repeat 10px 6px;
	background-size:16px 16px;
}

.zalo-member-detail{
	color:#fff;
	font-size:15px;
	background:#03b14e url('../images/zalo.png') no-repeat 7px 5px;
	background-size:20px 20px;
	box-shadow:0px 0px #eb3002;
	line-height:30px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	margin:0px 2% 15px;
	width:44%;
	text-indent:24px;
}
.zalo-member-detail:hover{
	color:#fff;
	background:#01cb58 url('../images/zalo.png') no-repeat 9px 5px;
	background-size:20px 20px;
}


.view-all-post{
	display:block;
	line-height:30px;
	border-top:1px #ccc dashed;
	color:#333;
	font-size:14px;
	margin:0px 15px 10px 15px;
	padding-left:30px;
	background:url(../images/arrow04.gif) no-repeat center left;
}
.view-all-post:hover{
	color:#03b14e;
}

.avatar-member01-product{
    width: 40px;
    height: 40px;
    overflow:hidden;
    display:block;
}
.avatar-member01-product img {
    margin-top: -5px;
    display: block;
    width:40px;
}
/*
----------.responsive ---------------*/
/* To fill the container and nothing else */
@media only screen and (min-width: 768px){
    .frame_right {
      margin-bottom: 15px;
    }
    .vertical {
      border-left:none;
    }
    .frame_ct_pro{
        padding: 10px;
        background: #F7F7F7;
    }
    .sp-info-right {
      padding-left: 15px;
    }
    .sp-info-left {
      padding-right: 15px;
    }
    .fb_iframe_widget iframe, .fb_iframe_widget span, .fb_iframe_widget{
        width: auto !important;
    }
    
    .connected-carousels .carousel li a > img ,.iframe-video {
      width: 400px;
      height: 293px;
    }
    .connected-carousels .carousel-stage {
      width: 402px;
      margin: 0px auto;
    }
    #slider1_container{
        display: none;
    }
    
}
@media only screen and (min-width: 992px){
    .vertical {
    }
    
}
@media only screen and (min-width: 1100px){
    .details-base-left {
            padding-left: 100px !important;
    	width: 69%;
    }
    
    .details-base-right {
              width: 31%;
    }
    .frame_right {
      padding: 0px;
    }
    .frame_left { 
     float: left; 
     width: 746px; 
     margin-bottom: 18px; 
     padding: 0px; 
     margin-right: 20px; 
     position: relative; 
     z-index: 999; 
   } 
   .frame-map , .frame-info , .frame-share{ 
       padding: 0px; 
   } 
   .frame_ct_pro{
        padding: 0px;
        background: none;
    }
    .connected-carousels .carousel li a > img ,.iframe-video { 
     width: 738px; 
     height: 422px; 
   } 
   .connected-carousels .carousel-stage { 
     width: 100%; 
     margin: auto; 
   }
      
}

@media only screen and (max-width: 1100px){ 
	
   .frame_right , .sp-info-left , .sp-info-right{ 
     margin-bottom: 15px; 
     font-size: 14px; 
   } 
   .box-info-member {
		display:none;
	}
   .details-base-right { 
   margin: 0 10px;
} 
   .frame_ct_pro{ 
       padding: 10px; 
       background: #F7F7F7; 
   } 
   .vertical { 
     border-left: none; 
   } 
   .row-cl-full {
      font-size: 15px;
    }
    .details-base-left {
      padding-top: 0px;
    }
    .connected-carousels .carousel li a > img ,.iframe-video {
      width: 400px;
      height: 293px;
    }
    .connected-carousels .carousel-stage {
      width: 402px;
      margin: 0px auto;
    }
    #gmap{
    	height:200px;
    }
    .box-tienich{
	display:none;
}
    #slider1_container{
        display: block;
        margin: 0px auto;
    }
    .connected-carousels{
        display: none;
    }
    
    
}
@media only screen and (max-width: 440px){
    
    .connected-carousels .carousel li a > img ,.iframe-video {
      width: 100%;
      height: 350px;      
    }
    .connected-carousels .carousel-stage {
      width: 302px;
    }
    #slider1_container{
        margin-left: -10px;
    }
    
}