#content.container {
    
}
/**********************************************************************
SEARCH SECTION
***********************************************************************/
#search-section {
    background-position: center;
	background-repeat: repeat-x;
    background-size: auto;
	background-attachment: fixed;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
}
#news-section { 
    background-position: center;
	background-repeat: repeat-x;
    background-size: auto;
	background-attachment: fixed;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
}
#news-section .thumb {
	padding-top:15px;
	padding-right:0px;
}
#search-box {
    background: rgb(255,255,255);
    filter: alpha(opacity=90);
    background: rgba(255,255,255,.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0;
    width: auto;
}
#news-box {
    background: rgb(255,255,255);
    filter: alpha(opacity=90);
    background: rgba(255,255,255,.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0;
    width: auto;
}

#search-box .row
{
	position:relative;
}

#news-box .row
{
	position:relative;
}

#search-section .feature-box
{
	margin-top:20px;
}

#search-section .feature-box img
{
	margin:auto;
}
#news-section .feature-box img
{
	margin:auto;
}

@media (min-width:768px)
{
	#search-section .feature-box
	{
		margin-top:27px;
	}

	.slideshow-next {
		margin-right:4px;
	}
}

@media (min-width:992px)
{
	#search-section .feature-box
	{
		margin-top:0;
	}
	#news-section .feature-box
	{
		margin-top:0;
	}
		.slideshow-next {
		margin-right:5px;
	}
}

@media (min-width:1200px)
{
	.slideshow-next {
		margin-right:3px;
	}
}

#search-box .quickSearch
{
	padding-top:10px;
	clear:both;
	 /* 50% right half */
    /*background: #FAFAFA url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACvAAAAABAQAAAAAqT0YHAAAAAnRSTlMAAHaTzTgAAAAOSURBVHgBYxhi4P/QAgDwrK5SDPAOUwAAAABJRU5ErkJggg==) center top repeat-x;*/
	position:relative;
}

#search-box .quickSearch .bgBox
{
	position:absolute;
	background: #F5F4F9;
	height:40%;
	width:100%;
	bottom:1px;
}

#search-box #tablist
{
	padding:10px 0 0 10px;
}

#search-box .input-group
{
	padding: 0 10px 10px 10px;
}

#search-box .quickSearch .item .icon,
#search-box .quickSearch .item .caption
{
	float:left;
}

#search-box .quickSearch .item .caption
{
	padding:5px;
}

#search-box .quickSearch .item .hot
{
	color:#be4242;
}

#search-box .quickSearch .item .rent
{
	color:#75c790;
}

#search-box .quickSearch .item .new
{
	color:#c46a43;
}

#search-box .quickSearch .item .upgrade
{
	color:#519aaf;
}

#search-box .quickSearch .item .markdown
{
	color:#947d44;
}

#search-box .quickSearch .item .house
{
	color:#45897b;
}

#search-box .right_panel
{
	padding:15px;
}
#news-box .right_panel
{
	padding:15px;
}

.i-want {
    color: #FF6E00;
    font-size: 30px;
    font-weight: bold;
}
.i-want h1 {
    margin: 0px;
    padding-top: 8px;
	padding-right: 4px;
    font-size: inherit;
}
#tablist h2 {
    margin: 0px;
    font-size: inherit;
    display: inline-block;
}
#tablist.nav-tabs { border-bottom: 0px }
#tablist > li > a {
    background: #ABB0B3;
    color: #fff;
}
#tablist > li.active > a {
    background: #FD9500;
    color: #fff;
}

#tablist > li.active > a.sales {
}

#tablist > li > a.sales {
}

#tablist > li > a.rent {
}

#tablist > li.active > a.rent {
}

#tabpanel {
	background: #FFFFFF;
}

#buy-house-tab .input-group input,
#rent-house-tab .input-group input {
    border: 1px solid #FD9500;
    font-size: 16px;
    height: 42px;
}
#buy-house-tab .input-group button,
#rent-house-tab .input-group button {
    background: #FD9500;
    color: #fff;
    border: 1px solid #FD9500;
    font-size: 16px;
    height: 42px;
    padding: 9px 20px;
}
.hot-search-label {
    margin-top: 8px;
    text-align: right;
    color: #3277C2;
	background: #fff;
}
.hot-search-label a:hover,
.hot-search-label a:focus { color: #3277C2 }
.hot-search-options {background: #fff;}
.hot-search-options dl {
    margin: 0;
    margin-top: 15px;
    padding-right: 0;
    padding-left: 0;
}
.hot-search-options dl dt {
    color: #3277C2;
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 0.5em 0;
}
.hot-search-options dl dd {
    margin: 0;
    padding: 0px;
}
.hot-search-options dl dd ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 50px;
    overflow: hidden;
}
.hot-search-options dl dd ul li {
    display: inline-block;
	display: inline \9; 
    padding: 0;
    margin: 0;
}
.hot-search-options dl dd ul li a {
    color: #898A8C;
    font-size: 13px;
    padding-right: 10px;
    line-height: 25px;
}
.hot-search-options .btn-more {
    background-color: #5BBBAC;
    font-size: 12px;
	color: #FFF;
    padding: 1px 6px;
}
#promotion-area { margin-top: 15px }
#promotion-area .cycle-slideshow {
    width: 231px;
    margin: 0 auto;
}
#promotion-area .cycle-slideshow a { display: none }
#promotion-area .cycle-caption {
    position: absolute;
    bottom: 0px;
    text-align: right;
    background: #2C2222;
    padding: 2px 5px 2px 2px;
    opacity: .8;
    width: 100%;
    color: #FFFFFF;
    font-weight: bold;
    z-index: 200;
    filter: alpha(opacity=80);
}
#promotion-area .cycle-pager {
    text-align: center;
    width: 231px;
    margin: 0 auto;
    margin-top: 3px;
}
#promotion-area .cycle-pager span:first-child { margin-left: 13px }
#promotion-area .cycle-pager span {
    background-color: #CACACA;
    fonts-size: 13px;
    line-height: 13px;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 13px;
    text-indent: -10000px;
    cursor: pointer;
}
#promotion-area .cycle-pager span.cycle-pager-active { background-color: #FE9506 }

#hot-recommend { margin-bottom: 10px ;padding:0 15px;}

#hot-recommend .hot-recommend-label {
    color: #FF6E00;
    line-height: 25px;
}
#hot-recommend .hot-recommend-tags a,
#hot-recommend .hot-recommend-tags a:link,
#hot-recommend .hot-recommend-tags a:visited {
    color: #666666;
    padding-right: 8px;
    white-space: nowrap;
    line-height: 25px;
}
#hot-recommend .hot-recommend-tags a:last-child {
	padding-right: 0;
}

@media screen and (min-width: 768px) { 
	#search-box .right_panel {
		padding:0 15px 0 0;
	}
	#adv-banner.right_panel {
		padding: 0 0 15px 0;
	}
    #content.container {
        background-size: 100% auto;
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
    }
    #search-box {
		margin-top: 0px;
        /*margin-top: 50px;
        margin-bottom: 50px;*/
    }
	 #news-box {
		margin-top: 0px;
        /*margin-top: 50px;
        margin-bottom: 50px;*/
    }
	
    #search-area { /*width: 65.8%*/ }
	/*
    .hot-search-options {
        display: block;
        visibility: visible;
    }
	*/
    .hot-search-options .btn-more {
        border-top-right-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -moz-border-bottom-right-radius: 0px;

		border-top-left-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-bottom-left-radius: 0px;
    }
    #promotion-area {
        margin-top: 0;
        padding-left: 0;
        width: 34.2%;
		
    }

	#search-section .feature-box img
	{
		display:block;
	}

	#news-section .feature-box img
	{
		display:block;
	}
}
@media screen and (min-width: 992px) { 

    #search-box {
        padding: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    }
	 #news-box {
        padding: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #search-area { /*width: 71%*/ }
    #hot-recommend {
        width: 380px;
		position:absolute;
		left:245px;
		top:15px;
		z-index:1;
    }
	#hot-recommend div {float:right;}
    #hot-recommend .hot-recommend-label { float: left }
    #hot-recommend .hot-recommend-tags {
        float: left;
		max-width: 280px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #promotion-area {
        padding-left: 15px;
        width: 29%;
    }

	#search-section .feature-box img
	{
		display:block;
	}
	#news-section .feature-box img
	{
		display:block;
	}
}
@media screen and (min-width: 1200px) { 
    #search-box {
        margin-top: 0px;
        margin-bottom: 0px;
    }
	  #news-box {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #search-area { /*width: 74%*/ }
    #hot-recommend { 
		width: 520px;  
	}
    #hot-recommend .hot-recommend-tags { max-width: 420px; }
    #promotion-area { width: 26% }

	#search-section .feature-box img
	{
		display:block;
	}
	#news-section .feature-box img
	{
		display:block;
	}
}

/**********************************************************************
FEATURE SECTION
***********************************************************************/
#feature-section { padding: 50px 0 }
#feature-section a:hover { text-decoration: none }
.feature-title {
    color: #0DACC1;
    margin: 0;
    margin-bottom: 60px;
    padding: 0;
    text-align: center;
    font-size: 35px;
}
.feature-circle {
    background: transparent url("http://resrc.hkp.com.hk/images/feature-circles.png") no-repeat 0 0;
    display: inline-block;
    width: 85px;
    height: 85px;
    position: relative;
}
.feature-circle.tx-history { background-position: 0px 0px }
.feature-circle.map { background-position: -85px 0px }
.feature-circle.data { background-position: -170px 0px }
.feature-circle.club { background-position: -255px 0px }
.feature-icon {
    background: transparent url("http://resrc.hkp.com.hk/images/feature-icon.png") no-repeat 0 0;
    display: inline-block;
}
.feature-icon.tag {
    top: -27px;
    left: 92px;
    width: 48px;
    height: 48px;
    position: absolute;
}
.feature-icon.star {
    background-position: 0px -100px;
    top: -22px;
    left: 76px;
    width: 40px;
    height: 40px;
    position: absolute;
}
.feature-box {
    text-align: center;
    /*margin-bottom: 50px;*/
}
.feature-box:last-child { margin-bottom: 0px }
.feature-box h2 {
    color: #0D90A4;
    margin: 15px 0;
    font-size: 18px;
}

.feature-box div p {
    /*display: inline-table;*/
    text-align: left;
    font-size: 16px;
}
@media screen and (min-width: 768px) { 
    .feature-box { margin-bottom: 0px }
}

/**********************************************************************
NEWS SECTION
***********************************************************************/
#news-section .right_panel {
	padding-left : 5px;
	
}



/**********************************************************************
SECOND / FIRST HAND SECTION
***********************************************************************/
#cs-firsthand-section{
	margin-top:10px;
}

#cs-firsthand-section .title
{
	font-size:15px;
	border-bottom:3px solid #5BBBAC;
	margin: 0;
	padding: 0 0 0 0;
	color:#646464;
	display:inline-table;
}

/**********************************************************************
FIRST HAND SECTION
***********************************************************************/
#first-hand-section {
    padding: 0 15px 0 0;
}

.first-hand-title 
{
	margin: 15px 0 10px 0;
	width:100%;
	border-bottom:1px solid #e1e1e1;
	text-align: left;
}

.first-hand-title .more
{
	margin: 5px 16px 0 0;
	background:#5BBBAC;
	color: #FFF;
	padding:1px 8px;
	display:inline;
	float:right;
	font-size:12px;
	cursor: pointer;
	cursor: hand;
	position:relative;
	text-decoration: none;
}

#first-hand-section p  
{
	color:#898A8C;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.first-hand-slideshow-prev
{
	top: -82%;
	position: absolute;
	z-index: 999;
	left:0px;
}

.first-hand-slideshow-next{
	top: -82%;
	position: absolute;
	z-index: 999;
	right: 0px;
}

@media (min-width: 768px) {

	#first-hand-section .odd
	{
		padding:0 1px 0 0;
	}

	#first-hand-section .even
	{
		padding:0 0 0 1px;
	}

	.first-hand-title  {
		margin: 25px 0;
	}
}

@media (min-width: 992px) {

	#first-hand-section .odd
	{
		padding:0 1px 0 0;
	}

	#first-hand-section .even
	{
		padding:0 0 0 1px;
	}

	.first-hand-title  {
		margin: 30px 0 25px 0;
	}
}

@media (min-width: 1200px) {

	#first-hand-section .first-hand-title 
	{
		margin-left:0;
	}

	#first-hand-section .odd
	{
		padding:0 1px 0 0;
	}

	#first-hand-section .even
	{
		padding:0 0 0 1px;
	}

	.first-hand-title  {
		margin: 10px 0 0 0;
	}

	.first-hand-slideshow-prev
	{
		left:8px;
	}

	.first-hand-slideshow-next{
	  right: 8px;
	}
}

#first-hand-section a:hover { text-decoration: none }
#first-hand-section .container { text-align: center }
#first-hand-section .title-border {
    display: inline-block;
    border: 2px solid #8B8CA1;
    position: relative;
    margin-bottom: 40px;
}
#first-hand-section .title-border div {
    position: absolute;
    top: -15px;
    width: 100%;
    text-align: center;
}
#first-hand-section .title-border div i.fa {
    color: #8B8CA1;
    padding: 0 5px;
    background-color: #F4F4F4;
}
#first-hand-section .title-border .first-hand-title {
    color: #8B8CA1;
    font-size: 13px;
    font-weight: bold;
    margin: 16px 21px 10px 21px;
}
#first-hand-section .title-border .first-hand-title a { color: #8B8CA1 }
#first-hand-slideshow-container {
    width: 180px;
    /*height: 186px;*/
    overflow-y: hidden;
    margin: 5px auto 0 auto;
}
#first-hand-slideshow-container div {/* float: left;*/margin: auto;}
#first-hand-slideshow-container div.cycle-slideshow { width: 308px;}
#first-hand-slideshow-container p {
    font-size: 13px;
    margin: 10px 0 0 0;
    text-align: left;
    color: #2D2D2D;
	display: inline-table;
	display:none;
}
#first-hand-prev {
    margin-right: 0;
    margin-top: 30%;
    display: block;
	cursor: hand;
	cursor: pointer;
	position:absolute;
	left:8;
	z-index:999;
	top: 117px;
}
#first-hand-next {
    margin-left: 0;
    margin-top: 30%;
    display: block;
	cursor: hand;
	cursor: pointer;
	position:absolute;
	right:0px;;
	z-index:999;
	top: 117px;
}
#first-hand-prev i,
#first-hand-next i {
    font-weight: bold;
    color: #CDCDCD;
}
@media screen and (min-width: 768px) { 
/*    #first-hand-slideshow-container { width: auto  }*/
    #first-hand-slideshow-container div.cycle-slideshow { /*width: 648px;*/ }
    #first-hand-slideshow-container div.cycle-slideshow a { padding: 0px 6px 0 0px; }
}
@media screen and (min-width: 992px) { 
    #first-hand-slideshow-container div.cycle-slideshow { /*width: 868px;*/ }
    #first-hand-slideshow-container div.cycle-slideshow a { padding: 0px 6px 0 0px; }
}
@media screen and (min-width: 1200px) { 
	#first-hand-slideshow-container { width: auto;  }
    #first-hand-slideshow-container div.cycle-slideshow { width: 375px; }
    #first-hand-slideshow-container div.cycle-slideshow a { padding: 0px 6px 0 0px; }
}
/**********************************************************************
SECOND HAND SECTION
***********************************************************************/
/**********************************************************************
SECOND HAND SECTION
***********************************************************************/
#vr-second-hand-section, 
#last-second-hand-section, 
#sell-second-hand-section, 
#rent-second-hand-section,
#first-buy-second-hand-section,
#change-house-second-hand-section,
#reduce-price-second-hand-section,
#sole-agent-second-hand-section,
#fh-news-section
{
    padding: 0 5px 0 0;
}

#vr-second-hand-section a:hover, 
#last-second-hand-section a:hover, 
#sell-second-hand-section a:hover, 
#rent-second-hand-section a:hover,
#first-buy-second-hand-section a:hover,
#change-house-second-hand-section a:hover,
#reduce-price-second-hand-section a:hover,
#sole-agent-second-hand-section a:hover,
#fh-news-section a:hover
{ text-decoration: none }

#vr-second-hand-section .container, 
#last-second-hand-section .container, 
#sell-second-hand-section .container, 
#rent-second-hand-section .container,
#first-buy-second-hand-section .container,
#change-house-second-hand-section .container,
#reduce-price-second-hand-section .container,
#sole-agent-second-hand-section .container,
#fh-news-section .container{ text-align: center }

#vr-second-hand-section .title-border, 
#last-second-hand-section .title-border, 
#sell-second-hand-section .title-border, 
#rent-second-hand-section .title-border,
#first-buy-second-hand-section .title-border, 
#change-house-second-hand-section .title-border, 
#reduce-price-second-hand-section .title-border, 
#fh-news-section .title-border,
#sole-agent-second-hand-section .title-border{
    display: inline-block;
    border: 2px solid #8B8CA1;
    position: relative;
    margin-bottom: 40px;
}
#vr-second-hand-section .title-border div, 
#last-second-hand-section .title-border div, 
#sell-second-hand-section .title-border div, 
#rent-second-hand-section .title-border div, 
#first-buy-second-hand-section .title-border div, 
#change-house-second-hand-section .title-border div, 
#reduce-price-second-hand-section .title-border div, 
#fh-news-section .title-border div,
#sole-agent-second-hand-section .title-border div {
    position: absolute;
    top: -15px;
    width: 100%;
    text-align: center;
}
#vr-second-hand-section .title-border div i.fa,
#last-second-hand-section .title-border div i.fa,
#sell-second-hand-section .title-border div i.fa,
#rent-second-hand-section .title-border div i.fa,
#first-buy-second-hand-section .title-border div i.fa,
#change-house-second-hand-section .title-border div i.fa,
#reduce-price-second-hand-section .title-border div i.fa,
#fh-news-section .title-border div i.fa,
#sole-agent-second-hand-section .title-border div i.fa {
    color: #8B8CA1;
    padding: 0 5px;
    background-color: #F4F4F4;
}



#vr-second-hand-section .cs-second-hand-title,
#last-second-hand-section .cs-second-hand-title,
#sell-second-hand-section .cs-second-hand-title,
#rent-second-hand-section .cs-second-hand-title,
#first-buy-second-hand-section .cs-second-hand-title,
#change-house-second-hand-section .cs-second-hand-title,
#reduce-price-second-hand-section .cs-second-hand-title,
#fh-news-section .fh-news-title,
#sole-agent-second-hand-section .cs-second-hand-title
{
	width:100%;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:5px;
}

#news-section .news-title
{
	width:100%;
	border-bottom:1px solid #e1e1e1;

}
.news-topic{
			border-left:1px solid #e1e1e1;
		
	}
@media (max-width:1200px){
	.news-topic{
			border-left:0px ;
			
	}
	#news-section .right_panel {
		padding-left:15px;
	}
}
#vr-second-hand-section .cs-second-hand-title span,
#last-second-hand-section .cs-second-hand-title span,
#sell-second-hand-section .cs-second-hand-title span,
#rent-second-hand-section .cs-second-hand-title span,
#first-buy-second-hand-section .cs-second-hand-title span,
#change-house-second-hand-section .cs-second-hand-title span,
#reduce-price-second-hand-section .cs-second-hand-title span,
#fh-news-section .fh-news-title span,
#sole-agent-second-hand-section .cs-second-hand-title span

{
	font-size:15px;
	border-bottom:3px solid #5BBBAC;
	margin: 0;
	padding: 0 0 0 0;
	color:#646464;
	display:inline-table;
}

#vr-second-hand-section .cs-second-hand-title .more,
#last-second-hand-section .cs-second-hand-title .more,
#sell-second-hand-section .cs-second-hand-title .more,
#rent-second-hand-section .cs-second-hand-title .more,
#first-buy-second-hand-section .cs-second-hand-title .more,
#change-house-second-hand-section .cs-second-hand-title .more,
#reduce-price-second-hand-section .cs-second-hand-title .more,
#sole-agent-second-hand-section .cs-second-hand-title .more,
#fh-news-section .fh-news-title .more,
#tx-news-section .more, #news-section .more

{
	margin: 5px 16px 0 0;
	background:#5BBBAC;
	color: #FFF;
	padding:1px 8px;
	display:inline;
	float:right;
	font-size:12px;
	cursor: pointer;
	cursor: hand;	
	text-decoration: none;
}

#cs-section .btn-pre
{
	top:12%;position:absolute;z-index:999;margin-left:5px;
}

#cs-section .btn-next
{
	top:12%;position:absolute;z-index:999; right:0;margin-right:3px;
}

#cs-section .btn-pre
{
	top:12%;position:absolute;z-index:999;margin-left:5px;
}

#cs-section .btn-next
{
	top:12%;position:absolute;z-index:999; right:0;margin-right:3px;
}

#fh-news-section {
    padding: 10px 0;
    padding-top: 0px;
}

#second-hand-section {
    padding: 50px 0;
    background-color: #F4F4F4;
    padding-top: 0px;
}
#fh-news-section,
#second-hand-section a:hover { text-decoration: none }
#fh-news-section .container,
#second-hand-section .container { text-align: center }
#fh-news-section .title-border,
#second-hand-section .title-border {
    display: inline-block;
    border: 2px solid #8B8CA1;
    position: relative;
    margin-bottom: 40px;
}
#second-hand-section .title-border div {
    position: absolute;
    top: -15px;
    width: 100%;
    text-align: center;
}
#second-hand-section .title-border div i.fa {
    color: #8B8CA1;
    padding: 0 5px;
    background-color: #F4F4F4;
}
#second-hand-section .title-border .second-hand-title {
    color: #8B8CA1;
    font-size: 28px;
    font-weight: bold;
    margin: 16px 21px 10px 21px;
}
#second-hand-section .title-border .second-hand-title a { color: #8B8CA1 }


.stock {
    margin-bottom: 10px;
    display: block;
	vertical-align: top; 
    padding: 0 5px;
}
.stock:last-child { margin-bottom: 0px }
.stock-photo {
    text-align: center;
    border: 1px solid #ddd;
    border-bottom: none;
}
.stock-photo img { display: inline }
.stock-info {
    background: #fff;
    text-align: left;
    padding: 5px;
    height: 77px;
    position: relative;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.stock-info .address {
    color: #4c4c4c;
    font-size: 14px;
    margin-bottom: 5px;	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.stock-info .sell,
.stock-info .sell-hos {
    color: #F61D28;
    font-size: 14px;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.stock-info .rent {
    color: #1C9013;
    font-size: 14px;
}
.stock-info .desc {
    color: #686868;
    font-size: 14px;
    position: absolute;
    bottom: 5px;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#rent-second-hand-slideshow-container .stock-info
{
	/*height:106px;*/
}
.stock-detail {
    background-color: #FAFAFA;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
}
.stock-detail div {
    border-left: 1px solid #DDD;
    color: #9B9999;
    font-size: 14px;
    padding: 2px 0;
	text-align:center;
}
.stock-detail div span {
    font-weight: bold;
    color: #666666;
}
@media screen and (min-width: 1200px) { 
    .stock { margin-bottom: 10px }
    .stock-photo img { display: block }
}

.slideshow-prev {
	top:12%;
	position:absolute;
	z-index:999;
	margin-left:5px;
}
.slideshow-next {
	top:12%;
	position:absolute;
	z-index:999; 
	right:0;
}

/**********************************************************************
Hot sales, Price Chart, Blue Chip
***********************************************************************/
#txlist
{
	margin-top:10px;
	padding-bottom:1px;
	border-bottom: 1px solid #e1e1e1;
}
#txlist h2 {
    margin: 0px;
    font-size: inherit;
    display: inline-block;
}

#txlist > li > a {
    background: #ABB0B3;
    color: #fff;
	padding:4px 6px;
}
#txlist > li.active > a {
    background: #FD9500;
    color: #fff;
}


#hot-chart-blue-section
{
	padding:0 15px;
}

@media (min-width:768px){
	#hot-chart-blue-section
	{
		padding:0 15px 0 0 ;
	}

	#hot-tx-section .hot-tx-title .more
	{
		margin: 5px 0 0 0;
	}
}
/**********************************************************************
PUT FOR SALE SECTION
***********************************************************************/
#put-for-sale-section {
    padding: 50px 0;
    background-color: #F4F4F4;
    padding-top: 0px;
}
#put-for-sale-section a:hover { text-decoration: none }
#put-for-sale-section div.container div {
    background-color: #FFF;
    border: 1px solid #E0E0E0;
    text-align: center;
    padding: 35px 0;
    vertical-align: middle;
}
#put-for-sale-section p {
    color: #676767;
    font-size: 21px;
    line-height: 35px;
    margin: 0;
}
#put-for-sale-section a {
    background: rgb(60, 144, 190);
    border-radius: 3px;
    padding: 10px 20px;
	margin: 0 10px;
}
#put-for-sale-section a:hover { background-image: none }
/**********************************************************************
MIDLAND CLUB & TV SECTION
***********************************************************************/
#midland-club-section a:hover,
#midland-tv-section a:hover { text-decoration: none }
#midland-club-section h1,
#midland-tv-section h1 {
    font-size: 25px;
    margin-top: 0;
}
#midland-club-section h1 a,
#midland-tv-section h1 a { color: #0C677A }
#midland-tv-section { margin-top: 25px }
@media screen and (min-width: 768px) { 
    #midland-tv-section { margin-top: 0 }
}
/**********************************************************************
EXPERT NEWS SECTION
***********************************************************************/
#expert-news-section {
    padding: 50px 0;
    background-image: url("http://resrc.hkp.com.hk/images/expert-news-bg-1600x890.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
#expert-news-section .container { text-align: center }
#expert-news-section a:hover { text-decoration: none }
#expert-news-section .title-border {
    display: inline-block;
    border: 2px solid #FDCC03;
    position: relative;
    margin-bottom: 40px;
}
#expert-news-section .title-border .expert-news-title {
    font-size: 28px;
    font-weight: bold;
    margin: 16px 21px 10px 21px;
}
#expert-news-section .title-border .expert-news-title a { color: #FDCC03 }
#expert-news-slideshow-container { position: relative }
#expert-news-slideshow-container div { padding: 0 }
#expert-news-slideshow-container a,
#expert-news-slideshow-container i { color: #fff }
#expert-news-slideshow-container .article {
    min-height: 240px;
    background: none;
    vertical-align: top;
}
#expert-news-slideshow-container .article div { background: none }
#expert-news-slideshow-container .article p {
    color: #FFF;
    font-size: 24px;
    line-height: 130%;
    margin: 0.5em 0;
    white-space: normal;
}
#expert-news-slideshow-container .article p.title { text-align: left }
#expert-news-slideshow-container .article p.author {
    text-align: right;
    font-size: 18px;
}
#expert-news-slideshow-container .article div.link i {
    margin: 50px 0;
    padding: 20px;
    color: #000;
    background: #FC0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
#expert-news-prev,
#expert-news-next {
    width: 48px;
    height: 48px;
    border: 3px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	cursor: hand;
	cursor: pointer;
}
#expert-news-prev,
#expert-news-next { border: 0px\9 }
#expert-news-prev {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -80px;
    z-index: 1;
}
#expert-news-next {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -80px;
    z-index: 1;
}
#expert-news-prev i {
    margin-right: 5px;
    margin-top: -1px;
}
#expert-news-next i {
    margin-left: 5px;
    margin-top: -1px;
}
/**********************************************************************
OTHER NEWS SECTION
***********************************************************************/
#other-news-section {
    padding: 50px 0;
    padding-bottom: 0;
}
#other-news-section a { text-decoration: none }
#other-news-section p:hover { text-decoration: underline }
#other-news-section .title-yellow-box {
    background-color: #FFCC00;
    color: #13040B;
    font-size: 18px;
    line-height: 100%;
    margin: 0 auto;
    margin-bottom: 56px;
    padding: 16px 30px;
    width: 138px;
}
#other-news-section .media {
    margin-bottom: 50px;
    display: block;
}
#other-news-section .media-body {
    color: #464646;
    font-size: 18px;
    line-height: 120%;
    margin: 3px 0;
}
#other-news-section .media-heading { color: #1B9193 }

/**********************************************************************
MARKET EXPRESS SECTION
***********************************************************************/
#market-express-section.market-express-border { border: 1px solid #E0E0E0 }
#market-express-section h1.media-heading a {
    color: #3895B7;
    font-size: 28px;
    font-weight: bold;
    margin: .3em 0;
}
#market-express-section h1.media-heading a:hover {
    color: #3895B7;
    text-decoration: none;
}
#market-express-section .media-body {
    color: #6E7176;
    font-size: 13px;
    margin: 0;
    vertical-align: middle;
}
#market-express-section .button { text-align: center }
#market-express-section .button a {
    text-shadow: none;
    box-shadow: none;
    border: none;
    background: rgb(60, 144, 190);
    border-radius: 3px;
    padding: 10px 20px;
    margin: 29px auto;
}


/* HOMEPAGE CSS START */

.tagit-input {
    outline: none;
    border-color: rgba(229, 103, 23, 0.8);
}

.form-ctrl-main {
    padding: 0;
    border-color: rgba(229, 103, 23, 0.8);
}

#buy-house-tab .input-group input, #rent-house-tab .input-group input
{
    border: 0
}

ul.tagit > li
{
    float:none;
    margin-left: 5px 
}

ul.tagit li.tagit-choice
{
    margin-top: 8px;
    margin-left: 3px;
}

.ui-autocomplete {
	position:absolute; 
    margin-top: 42px;
    width: 100%;
}

ul.tagit input[type="text"]
{
    margin-top: -10px;
}

.tagit-new {
    margin-top: 10px !important;
}

.ui-autocomplete-input {
    /*width: 160px !important;*/
}

#search-area {
	/*z-index:1000;*/
}

/*more district*/
.more-district .modal-header{padding:0;background:none}
.more-district .modal-content{}
.more-district .nav-tabs {border:none;margin-left:15px}
.more-district .nav-tabs > li a{background-color:#B8B8B8;color:#6A6A6A;border:none}
.more-district .nav-tabs > li a:hover > a:focus{color:#fff}

.more-district .nav-tabs .active a,
.more-district .nav-tabs .active a:focus,
.more-district .nav-tabs .active a:hover
{background-color:#5BBBAC;color:#FFF}
.more-district .nav-tabs .active a:hover > a:focus{color:#fff}
.more-district .modal-header{background-color:#fff}
.more-district .district-panel-title{
    padding:10px 10px;
    background-color:#f5f5f5;
    border-color:#ddd;
    color:#333;
    background-image:linear-gradient(to bottom, #f5f5f5 0px, #e8e8e8 100%);
    background-repeat:repeat-x;
}
.more-district .modal-body{padding-top:25px}
.more-district .district-title{padding-bottom:15px}
.more-district label{padding-left:5px; font-size:13px; font-weight: normal;display: initial;}
.more-district .nav-tabs > li.active > a,
.more-district .nav-tabs > li.active > a:hover,
.more-district .nav-tabs > li.active > a:focus {
  border:none;
}
.district{padding:15px 0;clear:both;display:table;box-sizing:border-box;width:100%}
.district span{box-sizing:border-box;float:left}

.breadcrumb{padding:0;margin:0;xpadding-top:8px;margin-left:15px}
.breadcrumb li{padding-left:1px}

.district span {
	height: 27px;
}

@media (max-width:479px) {
	.areanavtop{margin-top:-20px!important}
	.more-district .district span{width:50%;white-space:nowrap;
	    text-overflow:ellipsis; overflow:hidden;}
	.breadcrumb{margin-left:0px}
	.cs-height{min-height:268px}
}
@media (min-width:480px) and (max-width:767px){
.areanavtop{margin-top:-20px!important}
.more-district .district span{width:33%;white-space:nowrap;
    text-overflow:ellipsis; overflow:hidden;}
    .cs-height{min-height:268px}
}
@media (min-width:768px) and (max-width:991px) {
	.more-district .district span{width:25%;white-space:nowrap;
    	text-overflow:ellipsis; overflow:hidden;}
    .cs-height{min-height:268px}
}
@media (min-width:992px) and (max-width:1199px) {
	.more-district .district span{width:20%;white-space:nowrap;
    	text-overflow:ellipsis; overflow:hidden;}
    .cs-height{min-height:257px}
}
@media (min-width:1200px) {
	.more-district .district span{width:20%;white-space:nowrap;
    	text-overflow:ellipsis; overflow:hidden;}
    .cs-height{min-height:245px}
}

/*more district*/
@media (max-width:479px) {
.breadcrumb{font-size:11px;padding-bottom:10px}
.breadcrumb > li + li:before {padding:0}
.midland-main-tab li > a {font-size:12px;padding:9px 0px 10px}
.midland-main-tab > li.pull-right > a {padding:7px 8px 6px}
}
@media (min-width:480px) and (max-width:767px) {
/*.navbar-header{padding-left:15px}*/
.breadcrumb{font-size:11px}
.midland-main-tab li > a {font-size:14px;padding:8px 2px 8px;color:#333}
.midland-main-tab > li.pull-right > a {padding:7px 8px 6px}
}

.recently-searched
{
    font-weight: bold;
    padding-bottom:15px;
}
.recently-searched span
{
    font-weight: normal;
}



#land-tx-market-section #land-reg-rec-section, #land-tx-market-section #market-msg-section
{
	padding:0;
}

#land-tx-market-section #tx-news-section
{
	padding:0  10px 0 0;
}

#market-blueChips-LandReg-section
{
	margin-bottom:20px;
}

#market-blueChips-LandReg-section #market-msg-section, 
#market-blueChips-LandReg-section #land-reg-rec-section
{
	padding:0;
}

#market-blueChips-LandReg-section #blue-chip-section
{
	padding:0 5px 0 0;
}


@media (min-width:480px) and (max-width:767px) {#land-tx-market-section #hot-tx-section {padding:0;}}
@media (min-width:992px) {#land-tx-market-section #market-msg-section {border-right:1px solid #e1e1e1;}}

#tx-news-section, 
#hot-tx-section, 
#property-price-chart-section
{
	/*min-height:420px;*/
	padding-bottom:10px;
}

@media (max-width:767px) {
/*.navbar-header{padding-left:15px}*/
.breadcrumb{font-size:11px}
.midland-main-tab li > a {font-size:14px;padding:8px 2px 8px;color:#333}
.midland-main-tab > li.pull-right > a {padding:7px 8px 6px}
.stock{padding: 0 0;}
.slideshow-prev{margin-left: 0px;}
.slideshow-next{margin-right: 0px;}
}

/* tx news section */
#tx-news-section .tx-news-title, 
#property-price-chart-section .property-price-chart-title,
/*#market-msg-section .market-msg-title, */
#land-reg-rec-section .land-reg-rec-title,
#cs-second-hand-section .cs-second-hand-title,
#cs-lease-section .cs-lease-title,
#cs-interest-section .cs-interest-title
{
	width:100%;
	border-bottom:1px solid #e1e1e1;
	
}



@media (min-width:992px) {
	#tx-news-section .tx-news-title
	{
		padding-left:5px;
	}
}

#tx-news-section .tx-news-title .title, #hot-tx-section .hot-tx-title .title, #property-price-chart-section .property-price-chart-title .title,
#market-msg-section .market-msg-title .title, #land-reg-rec-section .land-reg-rec-title .title , #blue-chip-section .blue-chip-title .title,
.first-hand-title .title, #cs-second-hand-section .cs-second-hand-title .title,#cs-lease-section .cs-lease-title .title,
#cs-interest-section .cs-interest-title .title, #news-section .news-title .title
{
	font-size:15px;
	border-bottom:3px solid #5BBBAC;
	margin: 0;
	padding: 0 0 0 0;
	color:#646464;
	display:inline-table;
}

#tx-news-section .hdr_hot_news,
#market-msg-section .hdr-market-msg
{
	position:relative;
	/*border-bottom:1px solid #e1e1e1;*/
	padding:10px 0;
}


#tx-news-section .hdr_hot_news
{
	padding-left:10px;
	position:relative;
}

#tx-news-section .hdr_hot_news .thumb
{
	float:left;
	
}

#tx-news-section .hdr_hot_news .thumb img
{
	width:86px;
	height:65px;
}

#tx-news-section .hdr_hot_news .content
{
	float:left;
	width:67%;
	padding-left: 10px;
	color:#666666;
}

#tx-news-section .hdr_hot_news .tag
{
	font-weight:bold;
}

#tx-news-section .hdr_hot_news .content a,
#market-msg-section .hdr_market-msg .content a
{
	color:#666666;
}


#tx-news-section .other
{
	padding:10px 0;
}

#tx-news-section .dtl
{
	/*padding-left:10px;*/
	
}

#tx-news-section .dtl ul
{
	margin: 0;
	padding: 0;
}


#tx-news-section .dtl ul li
{
	padding: 0 0 5px 0 ;
	list-style-type: square;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	list-style-position:inside;
}

#tx-news-section .dtl ul li a
{
	color:#666666;
}


/* Hot estate tx section */

#hot-tx-section
{
  position:relative;
  margin-top:9px;
}

#hot-tx-section .hot-tx-title
{
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 5px;
}




#hot-tx-section .hdr
{
	height:40px;
}


#hot-tx-section .dtl
{
	padding: 0px 0 5px 0;
}

#hot-tx-section .dtl table
{
	width: 100%;
}

#hot-tx-section .hot-tx-title .more
{
	margin: 5px 16px 0 0;
	background:#5BBBAC;
	color: #FFF;
	padding:1px 8px;
	display:inline;
	float:right;
	font-size:12px;
	cursor: pointer;
	cursor: hand;
	position:relative;
}

#hot-tx-section .hot-tx-title a
{
	
	color:#666666;
	
}

#hot-tx-section .hot-tx-title .more a
{
	
	color:#FFF;
	
}

#hot-tx-section .dtl table .hdr
{
	
	background:#EFEFEF;
}

#hot-tx-section .dtl table .hdr td
{
	color:#989898;
}

#hot-tx-section .dtl table td
{
	color:#343434;
	
}

#hot-tx-section .dtl table td
{
	padding:1px 5px;
}

#hot-tx-section .dtl table .align_right
{
	text-align:right;
}

#hot-tx-section .dtl .other_tx
{
	float:right;
	padding-top:10px;
}

#hot-tx-section .dtl .other_tx span
{
	padding:5px 10px 5px 10px;
	background:#0095CC;
	color:white;
	cursor:pointer;
}

@media (min-width:768px){
	#hot-tx-section .hot-tx-title .more
	{
		margin: 5px 0 0 0;
	}

	#hot-tx-section
	{
	  position:relative;
	  margin-top:30px;
	}

	#hot-tx-section .dtl table td
	{
		padding:2px 5px;
	}
}


@media (min-width:992px){
	#hot-tx-section .hot-tx-title .more
	{
		margin: 5px 16px 0 0;
	}

	#hot-tx-section
	{
	  position:relative;
	  margin-top:21px;
	}

	#hot-tx-section .dtl table td
	{
		padding:12px 4px 1px 4px;
	}
}

@media (min-width:1200px){
	#hot-tx-section .hot-tx-title .more
	{
		margin: 5px 16px 0 0;
	}

	#hot-tx-section
	{
	  position:relative;
	  margin-top:9px;
	}
}

/**********************************************************************
PROPERTY PRICE TREND SECTION
***********************************************************************/
#property-price-chart-section   span a,
#blue-chip-section   a,
#hot-tx-section   a
{ color: #646464 }
#hot-tx-section .more a
{ color: #FFF }
#property-price-chart-section   span a:hover ,
#blue-chip-section   a:hover,
#hot-tx-section   a:hover
{
	color: #646464;
/*    
	color: #0C677A;
    text-decoration: none;
*/
}
#property-price-chart-section   img {
    margin:auto;
	margin-top:5px;
}

#property-price-chart-section  .sales { color: #011248 }

#property-price-chart-section  .sales:before {
    content: "\f068";
    font-family: FontAwesome;
	color:#011248;
	font-size:14px;
 }

#property-price-chart-section  .gross { color: #51bcce }

#property-price-chart-section  .gross:before {
    content: "\f068";
    font-family: FontAwesome;
	color:#a4d8d6;
	font-size:14px;
 }

#property-price-chart-section .hdr {

}

#property-price-chart-section .dtl {
	float:right;
    background:#FAFAFA;
	/*padding: 0 5px 0 5px;*/
	border: 1px solid #e1e1e1;
	width:100%;
}

#property-price-chart-section   .update-date {
    padding-left:5px;
	color: #979797;
}


#property-price-chart-section   #mppc-avg-hdr {
    border-bottom:1px solid #e1e1e1;
	padding:3px 0;
}

#property-price-chart-section   #mppc-avg-hdr .avg-title{
    font-size:13px;
	border-bottom:3px solid #51bcce;
	margin: 0;
	padding: 0 0 2px 0;
	color:#666666;
}

#property-price-chart-section  .chart_idx{
    font-size:14px;
	margin: 0;
	color:#666666;
	padding-left:10px;
	display: inline;
	float: right;
}

#property-price-chart-section  .sales-area{
    font-size:14px;
	margin: 0;
	color:#666666;
	padding-left:10px;
	display: inline;
	float: right;
}

#property-price-chart-section   #mppc-avg-dtl{
    padding:1px 0;
	border-bottom:1px solid #e1e1e1;
}

#property-price-chart-section   #mppc-avg-dtl .all-price{
    font-size:26px;
	color:#0095b8;
}


#property-price-chart-section   .compare-title {
    color: #ADADAD;
    font-size: 13px;
}
#property-price-chart-section   .num-red {
    color: #FF0000;
    font-size: 16px;
    font-weight: bold;
}
#property-price-chart-section   .num-green {
    color: #0EA524;
    font-size: 16px;
    font-weight: bold;
}

#property-price-chart-section   .num-red:before {
    content: "\f175";
    font-family: FontAwesome;
	color:#FF0000;
	font-size:13px;
	padding: 1px 1px 0 0;
	font-weight: normal;
}
#property-price-chart-section   .num-green:before {
	content: "\f176";
    font-family: FontAwesome;
	color:#0EA524;
	font-size:13px;
	padding: 1px 1px 0 0;
	font-weight: normal;
}

#property-price-chart-section #mppc-avg-dtl .col-xs-3{
    margin-top:10px;
}

#property-price-chart-section   .white-line { border-right: 2px solid #fff }

#property-price-chart-section   #mppc-hk .price {
    color: #046EAC;
    font-size: 13px;
    font-weight: bold;
}
#property-price-chart-section   #mppc-hki,
#property-price-chart-section   #mppc-kln,
#property-price-chart-section   #mppc-nt {
    /*margin-top: 4px;
    padding: 10px 0;*/
	padding: 1px 0;
}
#property-price-chart-section   #mppc-hki .region-title,
#property-price-chart-section   #mppc-kln .region-title,
#property-price-chart-section   #mppc-nt .region-title {
    color: #666666;
    font-size: 13px;
}
#property-price-chart-section   #mppc-hki .num-green,
#property-price-chart-section   #mppc-kln .num-green,
#property-price-chart-section   #mppc-nt .num-green,
#property-price-chart-section   #mppc-hki .num-red,
#property-price-chart-section   #mppc-kln .num-red,
#property-price-chart-section   #mppc-nt  .num-red{
    font-size: 13px;
}

#property-price-chart-section   #mppc-hki .price,
#property-price-chart-section   #mppc-kln .price,
#property-price-chart-section   #mppc-nt .price {
    color: #0E84C2;
    font-size: 13px;
}
#property-price-chart-section   .remark {
    text-align: left;
    color: #9A9A9A;
    font-size: 13px;
}

#property-price-chart-section   .alignRight {
    text-align: right;
}

#property-price-chart-section   .col-xs-2, 
#property-price-chart-section   .col-xs-3, 
#property-price-chart-section   .col-xs-6 , 
#property-price-chart-section   .col-xs-7 {
    padding: 0 5px;
}


@media (min-width:768px)
{
	#property-price-chart-section .hdr{
		/*display:none;*/
	}

	#property-price-chart-section   #mppc-avg-dtl .all-price{
		font-size:20px;
	}

	#property-price-chart-section .dtl
	{
		width:100%;
	}

	#property-price-chart-section   .col-xs-2, 
	#property-price-chart-section   .col-xs-3, 
	#property-price-chart-section   .col-xs-6 , 
	#property-price-chart-section   .col-xs-7 {
		padding: 2px 5px;
	}

	#property-price-chart-section   #mppc-avg-dtl{
    padding:3px 0;
	border-bottom:1px solid #e1e1e1;
	}

	#property-price-chart-section  .chart_idx{
		display: table-footer-group;
		float: inherit;
	}

	#property-price-chart-section  .sales-area{
		display: table-header-group;
		float: none;
	}
}

@media (min-width:992px)
{
	#property-price-chart-section   #mppc-avg-dtl .all-price{
		font-size:26px;
	}

	#property-price-chart-section   .col-xs-2, 
	#property-price-chart-section   .col-xs-3, 
	#property-price-chart-section   .col-xs-6 , 
	#property-price-chart-section   .col-xs-7 {
		padding: 3px 5px;
	}

	#property-price-chart-section   #mppc-avg-dtl{
    padding:1px 0;
	border-bottom:1px solid #e1e1e1;
	}

	#property-price-chart-section  .sales-area{
		float: right;
		padding-left: 0;
	}

	#property-price-chart-section  .chart_idx{
		float: right;
		padding-left: 0;
	}
}

@media (min-width:1200px)
{
	#property-price-chart-section .hdr{
		/*display:block;*/
	}

	#property-price-chart-section .dtl
	{
		width:100%;;
	}

	#property-price-chart-section   .col-xs-2, 
	#property-price-chart-section   .col-xs-3, 
	#property-price-chart-section   .col-xs-6 , 
	#property-price-chart-section   .col-xs-7 {
		padding: 0px 5px;
	}

	#property-price-chart-section   #mppc-avg-dtl{
    padding:1px 0;
	border-bottom:1px solid #e1e1e1;
	}
}


/* Market message / Blue Chip / Lang reg */
#market-msg-section,
#land-reg-rec-section
{
	/*height:400px;*/
}

#blue-chip-section
{
	/*height:270px;*/
}

@media (min-width:768px) and (min-width:992px) and (min-width:1200px)
{

	#market-msg-section .hdr-market-msg .content
	{
		float:left;
		width:60%;
		color:#666666;
		overflow: inherit;
		white-space: inherit;
		text-overflow: normal;
	}
	#land-reg-rec-section
	{
		margin-bottom:10px
	}
}


#market-blueChips-LandReg-section{
	margin-top:20px
}




@media (min-width:992px)
{
	#market-blueChips-LandReg-section{
		margin-top:0px
	}

	#market-msg-section,
	#blue-chip-section,
	#land-reg-rec-section
	{
		height:auto;
	}
	#land-reg-rec-section
	{
		margin-bottom:10px
	}
}


@media (min-width:1200px)
{
	#market-blueChips-LandReg-section{
		margin-top:0px
	}

	#market-msg-section,
	#blue-chip-section,
	#land-reg-rec-section
	{
		height:auto;
	}
	
	#land-reg-rec-section
	{
		margin-bottom:10px
	}
}




/* market msg */
#market-msg-section .hdr-market-msg
{
	position:relative;
	border-top:1px solid #e1e1e1;
	padding:10px 0;
}

#market-msg-section .hdr-market-msg:hover
{
	background:#EFEFEF;
}

#market-msg-section .hdr-market-msg .thumb
{
	float:left;
	padding-right:10px;
}

#market-msg-section .hdr-market-msg .tag
{
	font-weight:bold;
}

#market-msg-section .hdr-market-msg .content a
{
	color:#666666;
}


#market-msg-section .hdr-market-msg .content
{
	/*float:left;*/
	/*width:67%;*/
	color:#666666;
	overflow: hidden;
	/*white-space: nowrap;
	text-overflow: ellipsis;
	*/
}

#market-msg-section .hdr-market-msg .content .subject{
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (min-width:768px) and (min-width:992px) and (min-width:1200px)
{

	#market-msg-section .hdr-market-msg .content
	{
		float:left;
		width:73%;
		color:#666666;
		overflow: inherit;
		white-space: inherit;
		text-overflow: normal;
	}
}



#market-msg-section .hdr-market-msg .content:before {
    /*content: "\f054";
    font-family: FontAwesome;
    position: absolute; 
	z-index: 999;
	right:10px;
	top:30%;
	color:#d2d2d2;
	font-size:28px;*/
 }

/* Blue Chip */ 
#blue-chip-section
{
	position:relative;
}

#blue-chip-section .blue-chip-title 
{
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 5px;
}


#blue-chip-section .blue-chip-title .more
{
	margin: 5px 16px 0 0;
	background:#5BBBAC;
	color: #FFF;
	padding:1px 8px;
	display:inline;
	float:right;
	font-size:12px;
	cursor: pointer;
	cursor: hand;
	position:relative;
	text-decoration: none;
}

#blue-chip-section .blue-chip-title a
{
	
	color:#FFF;
}

#blue-chip-section .dtl
{
	padding: 0px 0 5px 0;
}

#blue-chip-section .dtl table
{
	width: 100%;
}

#blue-chip-section .dtl table tbody td
{
	padding:16px 2px 1px 2px;
}

#blue-chip-section .dtl table thead th
{
	padding:0px 5px;
	color:#989898;
	font-weight:normal;
}

#blue-chip-section .dtl table .hdr
{
	
	background:#EFEFEF;
}

#blue-chip-section .dtl table .hdr td
{
	color:#989898;
}

#blue-chip-section .dtl table td
{
	color:#343434;
	
}


#blue-chip-section .dtl table .align_right
{
	text-align:right;
}

#blue-chip-section .dtl .other_tx
{
	float:right;
	padding-top:10px;
}

#blue-chip-section .dtl .other_tx span
{
	padding:5px 10px 5px 10px;
	background:#0095CC;
	color:white;
	cursor:pointer;
}

#blue-chip-section .dtl .tx_growth_td
{
	text-align:right;
}


#blue-chip-section .dtl .tx_growth_td .tx_profit:before
{
	content: "\f176";
    font-family: FontAwesome;
	color:#0EA524;
	font-size:13px;
}

#blue-chip-section .dtl .tx_growth_td .tx_loss:before
{
	content: "\f175";
    font-family: FontAwesome;
	color:#FF0000;
	font-size:13px;
}
#blue-chip-section table thead tr th:nth-child(3),
#blue-chip-section table thead tr th:nth-child(4),
#blue-chip-section table thead tr th:nth-child(5),
#blue-chip-section table tbody tr td:nth-child(4),
#blue-chip-section table tbody tr td:nth-child(5) { display: none }

@media screen and (min-width: 768px) { 
    #blue-chip-section .dtl .tx_growth_td
	{
		display:none; /9
	}
}


@media screen and (min-width: 992px) { 
	#blue-chip-section .dtl .tx_growth_td
	{
		display:table-cell;
	}

    #land-reg-rec-section .land-reg-rec-dropdown {
        float: right;
        margin-top: 0;
    }
	#blue-chip-section table thead tr th:nth-child(3),
    #blue-chip-section table thead tr th:nth-child(4),
    #blue-chip-section table thead tr th:nth-child(5),
    #blue-chip-section table tbody tr td:nth-child(4),
    #blue-chip-section table tbody tr td:nth-child(5) { display: table-cell }
}


/**********************************************************************
LAND REG REC SECTION
***********************************************************************/

#land-reg-rec-section
{
	margin-top:10px;
	margin-bottom: 10px;
}

#land-reg-rec-section .update-date {
    color: #979797;
    font-size: 14px;
	padding-left:10px;
}
#land-reg-rec-section .land-reg-rec-border { margin-top:4px; }

#land-reg-rec-section .land-reg-rec-dropdown { float: right; }
#land-reg-rec-section .land-reg-rec-table {
    width: 100%;
    margin-bottom: 0px;
	background-color:#FAFAFA;
	border:1px solid #EFEFEF;
	
}
#land-reg-rec-section .land-reg-rec-table thead th {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    border-bottom: 1px solid #E0E0E0;
	padding:0px 5px 0px 2px;
	border:1px solid #EFEFEF;
	background:#EFEFEF;
}
#land-reg-rec-section .land-reg-rec-table tbody th {
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    border-top: 0px;
	padding:8px 2px 8px 5px;
	border:1px solid #EFEFEF;
	
}
#land-reg-rec-section .land-reg-rec-table tbody td {
	color: #666666;
    text-align: right;
    font-size: 14px;
    border-top: 0px;
	padding:8px 5px 8px 2px;
	border:1px solid #EFEFEF;

}


#land-reg-rec-section .land-reg-rec-title a
{
	color:#FFF;
}

#land-reg-rec-section .land-reg-rec-title .more
{
	margin: 5px 16px 0 0;
	background:#5BBBAC;
	color: #FFF;
	padding:1px 8px;
	display:inline;
	float:right;
	font-size:12px;
	cursor: pointer;
	cursor: hand;
	position:relative;
}

#land-reg-rec-section .land-reg-rec-table thead tr th:nth-child(4),
#land-reg-rec-section .land-reg-rec-table thead tr th:nth-child(5),
#land-reg-rec-section .land-reg-rec-table tbody tr td:nth-child(4),
#land-reg-rec-section .land-reg-rec-table tbody tr td:nth-child(5) { display: none }

@media screen and (min-width: 768px) and (max-width: 992px) {
	#land-reg-rec-section .land-reg-percent-vol-val
	{
		display:none !important; 
	}
}

@media screen and (min-width: 768px) { 
	#land-reg-rec-section
	{
		margin-top:0;
	}
    #land-reg-rec-section .land-reg-rec-dropdown {
        float: right;
        margin-top: 0;
    }
    #land-reg-rec-section .land-reg-rec-table thead tr th:nth-child(4),
    #land-reg-rec-section .land-reg-rec-table thead tr th:nth-child(5),
    #land-reg-rec-section .land-reg-rec-table tbody tr td:nth-child(4),
    #land-reg-rec-section .land-reg-rec-table tbody tr td:nth-child(5) { display: table-cell }
}

#land-reg-rec-section .btn {
	padding:1px;
}

/*Promotion section */
#promotion-section .row 
{
	padding: 15px 15px 0 15px;
}
#promotion-section .feature-box 
{
	padding:1px 1px 2px 1px;	
	margin:0;
}

#promotion-section .col-xs-6 img,
#promotion-section .col-xs-12 img
{
	width:100%;
}

/* Banner section*/
#banner-section .feature-box
{
	padding:1px;
}

#banner-section img,
#banner-section img
{
	width:100%;
}

@media print {
    * { background: transparent !important; text-shadow: none !important; filter:none !important;
    -ms-filter: none !important; -webkit-print-color-adjust:exact !important; } /* Black prints faster: sanbeiji.com/archives/953 */
    p a, p a:visited { color: #444 !important; text-decoration: underline; }
    p a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    a:link:after, a:visited:after, .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" !important; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img { page-break-inside: avoid; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }
    .hide-on-print, #top-nav, #main-nav-bg, .pull-right { display: none !important; }
    .print-only, dd, dl { display: block !important; }
    dd, dl, dt {display: block !important; color:black !important;}
    #search-section {
    	background-image: url(http://resrc.hkp.com.hk/images/homepage-bg/02.jpg);
	}
}

.ui-menu .ui-menu-item 
{
	/* replace autocomplete font with new one */
	color:#656668;
	display:block;
	font-size:1em;
	line-height:1.6em;
	text-decoration:none;
}


.autocomplete-left-span
{
	display:inline-block;
	width: 60%;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
}

.autocomplete-right-span
{
	display:inline-block;
	width: 110px;
}

.autocomplete-right-span-text
{
	float:right;
}

@media (max-width:400px) {

	.ui-menu .ui-menu-item 
	{
		/* replace autocomplete font with new one */
		color:#656668;
		display:block;
		font-size:1em;
		line-height:2.5em;
		text-decoration:none;
	}

	.ui-autocomplete
	{
		width: 260px !important;
		min-width: 260px !important;
	}

	.autocomplete-left-span
	{
		display:inline-block;
		width: 110px;
		text-overflow: ellipsis;
		overflow:hidden;
		white-space: nowrap;
	}
	
	.autocomplete-right-span
	{
		display:inline-block;
		width: 110px;
	}
}

@media (min-width:401px) and (max-width:450px){
	.ui-menu .ui-menu-item 
	{
		/* replace autocomplete font with new one */
		color:#656668;
		display:block;
		font-size:1em;
		line-height:2.5em;
		text-decoration:none;
	}

	.ui-autocomplete
	{
		width: 300px !important;
		min-width: 300px !important;
	}

	.autocomplete-left-span
	{
		display:inline-block;
		width: 150px;
		text-overflow: ellipsis;
		overflow:hidden;
		white-space: nowrap;
	}
	
	.autocomplete-right-span
	{
		display:inline-block;
		width: 110px;
	}
}
.ui-state-focus > .autocomplete-left-span
{
	color: white !important;	
}

.ui-state-focus > .autocomplete-right-span
{
	color: yellow !important;	
}

.more-district .recently-searched-title{
	background-image: linear-gradient(to bottom, #B0E3DA 0px, #5BBBAC 100%);      background-repeat:repeat-x;
}

.more a 
{
	text-decoration: none;
	color:#FFF;
}

.quick-search
{
	width:100%; 
	border-collapse: collapse; 
	table-layout: fixed;
}

.quick-search-cat-title
{
	vertical-align: top;
	padding-top:4px;
	width:90px;
}

.quick-search-cat-title-span
{
	font-size:13px; 
	color: #3277C2;
}

.quick-search-cat-contents
{
	width: 100%;
}

.quick-search-cat-content-ul
{
	font-size:13px; 
	padding-left: 0;
	margin-top: 4px;
	margin-bottom:7px; 
	height: 18px;
	/*white-space: nowrap;*/ 
	overflow:hidden; 
	/*text-overflow: ellipsis;*/
}

.quick-search-table-cat-more
{
	vertical-align: top;
	padding-top: 4px;
	width: 50px;
}

.quick-search-more-button
{
	float:right; 
	margin-top: 0;
}

@media (max-width:400px) {

	.quick-search-cat-content-ul
	{
		height: 36px;
	}
}

@media (min-width:401px) {
	.quick-search-cat-content-ul
	{
		height: 18px;
	}
}

/**fh news box**/
.modal-dialog {
    top: 130px;
}
.modal-content {
    height: auto;
}
.firsthand-video {
    position: relative;
    padding-bottom: 64.25%;
    margin-bottom: 15px;
}
.firsthand-video iframe, .firsthand-video object, .firsthand-video embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height:auto;
}
@media screen and (min-width: 768px) {
    .modal-dialog  {
        width: 768px;
    }
    .firsthand-video {
        padding-bottom: 59.25%;
    }
    .firsthand-video iframe, .firsthand-video object, .firsthand-video embed{
        right: 0;
        width: 96%;
        margin: 0 auto;
    }
}

.fhnewboxtitle{
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    background-color: #FA6400;
    color: #fff;}

.hotLineNo {
    padding-right: 20px;
    display: inline-block;
}
.hotLineNo a {
    color: #333;
}
.nr-property-table-video {
    width: 100%;
}
.listing-video-button-td {
    text-align: center;
}
.listing-video-button {
    border-radius: 14px;
    color: #3cc;
    background: #FFF;
    border: 1px solid #3cc;
    text-decoration: none;
    padding: 5px 20px;
}.listing-video-button:hover {
    border-radius: 14px;
    color: #FFF;
    background: #3cc;
    border: 1px solid #3cc;
    text-decoration: none;
    padding: 5px 20px;
}
.firsthand-video-button {
    margin-top: 10px;
    border-radius: 9px;
    width: 100%;
    color: #FFF;
    background: #3cc;
    border: 1px solid #FFF;
    height: 50px;
}
.modal-header {
    border-bottom: none;
    padding: 15px 15px 30px 15px;
}
.modal-body {
    text-align: left;
    padding-top:0px;
}

.detail-firsthand-video {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin-bottom: 15px;
}

.detail-firsthand-video iframe, .detail-firsthand-video object, .detail-firsthand-video embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height:auto;
}

.detail-video-icon {
    background: url(//resrc.hkp.com.hk/images/icon/firsthand_detail_play.png) no-repeat;
    background-size: 60% auto;
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 50px;
    margin-left: 32px;
}

.detail-video-icon:hover {
    background: url(//resrc.hkp.com.hk/images/icon/firsthand_detail_play_hover.png) no-repeat;
    background-size: 60% auto;
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 50px;
    margin-left: 32px;
}

@media screen and (min-width: 414px) {
.detail-video-icon, .detail-video-icon:hover {
background-size: 100% auto;
    top: 0;
}}

.detail-video-title {
    font-size: 16px;
    color: #6169AB;
    font-weight: 600;
}
.detail-video-title:hover {
    color: #7A86DE;
}

.video-thumbnail {
    position: relative;
}

.video-thumbnail:before {
	position: absolute;
    font-family: 'dashicons';
    bottom: 0px;
    left: 26px;
    content: "\f236";
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.62);
    font-size: 32px;
}

.video-thumbnail.hide-video-icon:before {
    content: '';
}

.video-section{
	padding: 0px;
}

	.fh_news_col_title {
		padding-bottom:10px;
		padding-top:10px;
	}
	.fh_news_span_title {
		font-weight: bold;
		font-size: 20px;
		padding: 0 10px 10px 10px;
	}
	.fh_news_box {
		padding: 0 10px;
	}
	.fhnews_playbtn {
		background: url(//resrc.midland.com.hk/images/icon/firsthand_detail_play.png) no-repeat;
        background-size: 100% auto;
        height: 30px;
        width: 30px;
    }
	.fh_new_row_box {
		padding: 0 20px;
	}
	.fh_new_box {
	    padding: 0 5px;
	}
	.fh_new_box_row_content {
	    padding:5px 0px;
	}
	.fh_new_box_content {
	   
	}
	
	.fhvideo-box-title {
		color: #333;
	}

.pointer {cursor: pointer;}
.d-none {display: none}
.d-block {display: none}

.fh-more-4 {display: none;}

.btn-fh-more {
    margin: 5px 16px 0 0;
    color: #FFF;
    padding: 1px 8px;
    display: inline;
    float: right;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
}

.btn-fh-less {
    margin: 5px 16px 0 0;
    color: #FFF;
    padding: 1px 8px;
    display: inline;
    float: right;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    display:none;
}

.banner-m-show {
	padding-top:15px;
	display:block;
}

.feature-box.col-sm-4.clearfix.right_panel.stocks.m-show {
	display:block;
}

section#fh-news-section.m-hide{
	display:none;
}

@media screen and (min-width: 992px) { 
	.banner-m-show {
		padding-top:15px;
		display:none;
	}

	.feature-box.col-sm-4.clearfix.right_panel.stocks.m-show {
		display:block;
	}

	section#fh-news-section.m-hide{
		display:block;
	}
}

.carousel-indicators .active {
    background-color: #FA6400 !important;
}
.carousel-indicators li {
    background-color: #8d8b8b !important;
}

.feature-box.col-sm-4.clearfix.right_panel.h_fhbox {
	display:none;
}
.carousel.slide.d-none {
	display:block;
}

@media screen and (min-width: 992px) { 
	.carousel.slide.d-none {
		display:none;
	}
	.feature-box.col-sm-4.clearfix.right_panel.h_fhbox {
		display:block;
	}
}

.stocks{

  .swiper-container {
    margin: initial;
    margin-top: 30px;
    background-color: #f1f2f4;
    .flex-display();   
    .align-items(center);
    .align-content(center);       
    .swiper-wrapper {
      height: auto;
   
      .swiper-slide{
        background-size: 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        height: auto;
        min-height: 190px;
        .flex-display();      
        .align-items(center);
        img {
          padding: 15px 0;
          width: 100%;
        }   
        cursor: pointer;
      }
        
    }

    .swiper-button-next, .swiper-button-prev{
      width: 26px;
      height: 22px;
      margin-top: -8px;
      background-size: 50%;
      background-position: 50% 50%;
      background-repeat: no-repeat;      
    }
    .swiper-button-prev {
      left: -4px;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%233cc'%2F%3E%3C%2Fsvg%3E");
    }    
    .swiper-button-next {
      right: -4px;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%233cc'%2F%3E%3C%2Fsvg%3E");
    }

    .swiper-pagination-white .swiper-pagination-bullet-active{
      background: @TiffanyBlue;
    }
  }

  .stock-list {
    .nav-tabs>li {
      min-height: 35px;
      .flex-display();
      .flex-direction(column);
      .justify-content(center);
    }
    padding-left: 0px;
    padding-right: 0px;
    .nav-tabs {
      border-bottom: 0px;
      margin-bottom: 18px;
      .flex-display(); 
      color: @TiffanyBlue; 
      margin-bottom: 20px;
      >li {
        font-size: 12px;
        text-align: center;
        border-radius: 0;
        border-top: 1px solid @TiffanyBlue;
        border-bottom: 1px solid @TiffanyBlue;
        border-left: 1px solid @TiffanyBlue;
        &.active a{
          color: @White;
        }     
        a {
          margin-right: 0px; 
          color: @TiffanyBlue;
          background-color: transparent;
          border: none;
          padding: 2px;
          border-radius: 0; 
        }
        &:last-child {
            border-right: 1px solid @TiffanyBlue;
        }
        &.active, &.active>a:focus {
            cursor: default;
            background-color: @TiffanyBlue;
            position: relative;
            color: #fff;
        }
        &.active:after {
            content: '';
            position: absolute;
            left: calc(~"50% - 10px");
            top: 100%;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid @TiffanyBlue;
            clear: both;
        } 
        &.active>a, &.active>a:focus, &.active>a:hover {
              border: 0px;
        }
        &.active>a:hover {
          background-color: @TiffanyBlue;
          color: #fff;
        }
      } 
    }
  }
    
}