/*
--------- .details-base -------------------- */
.view-all-product-member{
	padding: 10px 10px;
    background: #d6f3e9 url('../images/icon-hot.gif') no-repeat 10px 10px;
    margin:20px 0px 20px 0px;
    width:100%;
    display:block;
    text-indent:75px;
    font-weight:bold;
    line-height:14px;
    color: #015f95;
}
.view-all-product-member:hover{
    background: #e2e87e url('../images/icon-hot.gif') no-repeat 10px 10px;
    color: #015f95;
}

.details-base-left {
     padding-top: 18px;
    border-right: 1px solid #e6e6e6;
}
.details-base-right {

}
	
.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: #0074e4;
  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: #0074e4;
  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: 350px;
  width: 100%;
}
.frame-map{
  margin-bottom: 18px;
}
.content-tienich{
	display:none;
}
/*
--------- .default_info -------------------- */
.col-item-info{
    border-bottom: 1px dotted #cacaca;
    padding: 6px 0px;
    color: #000000;
    font-size: 13px;
    
}
.col-item-info-2{
    border-bottom: 1px dotted #cacaca;
    padding: 10px 0px;
    color: #000000;
    font-size: 13px;
    text-align: center;
}
.pr-info-it-1 {
  color: #0074e4;
	float: left;  
}
.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 {
}
.row-cl-full {
  padding: 10px;
}
  
.box-tienich{
	border:1px #ddd solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:6px 10px 0px 10px;
	margin-bottom:10px;
	cursor:pointer;
}
.title-tienich{
	font-size: 15px;
    color: #0074e4;
    margin-bottom:5px;
}
.title-sub-tienich{
	font-size: 12px;
    color: #0074e4;
    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;
}
.list-tienich li label{
	float:left;
}

.content-product{
	border:1px #ddd solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.details-base-right .list-project{
	padding-top:0px;
}
.details-base-right .list-project .border-top0{
	border-top:none;
}
	.box-img-mobile{
	display:none;}


/*
----------.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: 1200px){
    .details-base-left {
            padding-left: 100px !important;
    	width: 69%;
    }
    
    .details-base-right {
             
    }
    .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: 746px;
      height: 422px;
    }
    .connected-carousels .carousel-stage {
      width: 100%;
      margin: auto;
    }
}

@media only screen and (max-width: 767px){
    .frame_right , .sp-info-left , .sp-info-right{
      margin-bottom: 15px;
      font-size: 14px;
    }
    .details-base-right {
    margin: 0 0px;
}

    .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:290px;
	    width: 100%;
	}    
    #slider1_container{
        display: block;
        margin: 0px auto;
    }
    .connected-carousels{
        display: none;
    }
    #header-tienich{
		cursor:pointer;
	}
    .content-tienich{
		display:none;
	}
	.box-img-mobile{
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding-top:10px;
	margin:0px -10px 10px -10px;
	display:block;
}
.box-img-mobile img{
	display:block;
	width:100%;
	height:auto;
	margin-bottom:10px;
}

    
    
}
@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;
    }
    
}