body,html{ 
	font-size:13px;
	padding:0;
	margin:0; 
	height: 100%;
	width: 100%; 
	background-image:url(../image/bg2.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: 100% auto;
	background-color:#ffffff;
	/*font:13px/1.231 "PingFang HK",STHeitiTC-Light,Arial,Meiryo,"Microsoft JhengHei",sans-serif;*/
	font-family: 'PingFang HK', STHeitiTC-Light, Arial, Meiryo, 'Microsoft JhengHei', sans-serif;
    font-weight: normal;
	font-size:14px;

	background-attachment: fixed; 
} 
* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
a:link{
	color:#0066ff;
	text-decoration:none !important;
	text-shadow:none !important;
	font-weight:normal !important;
}
a:hover{
	color:#00acaa;
	text-decoration:none
}
a:visited{
	color:#0066ff
}
select{
	font-size:13px !important
}
select.form-control{
	padding-left:5px !important;
	padding-right:5px !important
}
input.form-control{
	 
}
#collapse-menu{
	position:absolute;
	z-index:99999999; 
	margin:0; padding:0; display:none; 	
	border-top:2px solid #054241
}
#collapse-menu #navbar-collapse-menu{ 	 
	background-image:url(../image/dropdown_menebg.png);
	width:100%; overflow:auto;   
	padding:0 5px 0 5px;
}
#collapse-menu #navbar-collapse-menu::-webkit-scrollbar {display:none;}
.collapse-menu-fixed{
	position:fixed !important; overflow:auto;
	width:100%; 
	left: 0; 
	right:0;
	bottom:0;
	top:45px;
}
#collapse-menu .menu_item a{   
	display:block;
	height:40px;
	overflow:hidden;
	padding:6px;
	margin:2px;	
	margin-bottom:2px;
	font-size:15px; 
	color:#ffffff;
	text-align:center;
	border:1px solid #114242;
	border-left:4px solid #006564;
	border-radius:none !important;
	 
}
#collapse-menu .menu_item{
	margin:0px;
	padding:0px
}
#collapse-menu .menu_item .menu_title{ 
	padding:5px;  
	margin-top:10px;
	color:#ffffff;
	text-shadow:1px 1px #022627 !important;  
	font-size:17px;
	text-align:center;
}
 

#collapse-menu .menu_item div{
	padding:0;
	margin:0
}
 
#collapse-menu .menu_item a:hover{
	background-color:#006564;
}
#collapse-menu .menu_line{
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:1px solid #006564
}
#collapse-menu .menu_item .menu-dot{
 
}
/*
#collapse-menu .menu_subitem div{
	display:block;
	line-height:25px;
	float:left;
	margin-right:10px;
	padding:0 5px 0 5px
}
 */
#collapse-menu .dropdown-menu .glyphicon{
	vertical-align: middle;
	margin-top:5px
}  
 
#weather2{color:#ffffff;}
#weather2 .caption{color:#ffffff;}
#weather2 .bd{padding-right:5px;line-height:35px;}
#weather2 .weathericon{}
#weather2 .warningicon{}
#weather2 .temperature{}
#weather2 .humidity{}
#finance2{color:#ffffff;}
#finance2 .caption{float:left;}
#finance2 .change_up{color:#00d205; display:block; float:left; margin-left:5px;}
#finance2 .change_dn{color:#FF0000; display:block; float:left; margin-left:5px;}


#adban{
	padding-left:3px
}

#adban ul{
	list-style:none;
	padding:0;
	margin:0;
}

#adban ul li{
	padding:0;
	margin:0;
	margin-bottom:5px
}

#main-content{
	padding:5px; 
} 
.border{
	border:1px solid #87cfc8;
	padding:6px;
	background-color:#FFF; 
}
.head_border{
	border:1px solid #87cfc8;
	border-bottom:none; 
	padding:4px;
	padding-left:8px;
	background-color:#b5e9dc;
	height:35px;
	line-height:25px;
	font-weight:bold;
	font-size:16px;
}
.subhead_border{
	border:1px solid #87cfc8;
	border-bottom:none;
	padding:10px;
	background-color:#b5e9dc; 
	height:35px;
}

.art_title{
	 

}
.art_list{
	
	padding:0
}
.art_list_line{
	border-bottom:1px solid #efefef;
	margin-top:3px;
	margin-bottom:3px;
}
.float_left{
	float:left;
}
.float_right{
	float:right
}
.texttl{ 
	font-size:15px
}
.textt2{
	font-size:15px
}
.search_header{
background-image: linear-gradient(90deg, #4F364C, #FFFFFF);
	padding:10px 10px 5px 10px;
	border-bottom:1px solid #06F;
	font-size:17px;		
	font-weight:bold;
	color:#FFF;
	text-align:center;
} 

#search1 .row,#search2.row,#search3.row,#search4.row,#search5.row{
	padding:10px 25px 10px 25px
}
#search1 .form-group,#search2 .form-group,#search3 .form-group,#search4 .form-group,#search5 .form-group{ 
	padding:0;
	margin:5px 0 0 0 
}
.btn-primary{
	text-shadow:none;
}
.btn-primary:link{
	color:#FFF
}
.btn-primary:visited{
	color:#FFF
}
.btn-primary a.dropdown-toggle{
	color:#FFF
}
.media-list{
	 
}
.media{

}
.media-left{
	padding-right:5px
}
.media-left a{
	display:block;
	overflow:hidden;
  /*
	border:1px solid #eaeaea;
	padding:3px;
  */
}
.media-left a img{
	max-width:90px;
	max-height:100px;
	margin:auto;
}
.media-left .photo{
	display:block;
	width:130px;
	height:100px;
	overflow:hidden;
	/*
  border:1px solid #eaeaea;
	padding:0;
  */
}
.media-left .photo img{
	max-width:180px;
	max-height:300px;
	margin:auto;
}   
.media-left .photo .image{
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0;
  vertical-align: middle;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.left-photo{
	display:block;
	width:200px;
	height:120px;
	overflow:hidden;
	/*
  border:1px solid #eaeaea;
	padding:0;
  */
}
.left-photo .image{
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0;
  vertical-align: middle;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.media .contact{
	background-color:#b5e9dc;
	border-bottom:1px solid #acc7e5;
	padding:3px;
	text-align:center;
	font-size:15px;
	color:#000;
	margin-bottom:8px
}
.media-body div{ 
	font-size:15px;
	line-height:18px;
}
.media .bname{
	font-weight:bold;
	color:#069
}
.media .input{
	font-size:12px;
	color:#999
}
.media .other2{
	
}
#proplist .nav-item{
	width:33%; text-align:center
}
#proplist th{
	font-weight:normal;
}
#proplist td{
	padding-left:2px;
	padding-right:2px;
}
#proplist .pimg{
	width:70px;
	max-height:90px
}
#proplist .bname{
	font-weight:bold;
	color:#069;
  font-size:1.2em;
}
.green{
	color:#009900
}

#proplist .right_item div{
 
	margin-bottom:3px;
	font-size:13px;
	padding:3px;
	margin-bottom:3px;
 
}
.bt_nav{
	border-top:none; background-color:#b5e9dc; display:inline-block; width:100%
}
.table-hover > tbody > tr:hover{
    background-color: #fffee8 !important;
}

[class*='col-'] {
    padding-right:0;
    padding-left:0; 
}
[class*='btn-'] {
	font-size:15px;
}

.nav-item a{
	font-weight:bold;
}  
#top-link-block{
	z-index:98;
}
#top-link-block.affix-top { 
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    right: 10px; /* padding from the left side of the window */
}
#top-link-block a{
	color:#FFF
}
.backtop{
	background-color:#2d8a89;
	padding:10px 15px 15px 15px; 
}
#copyright{
	color:#4c4c4c;
	text-align:center;
	margin:10px 10px 50px 10px;
	font-size:11px
}
#copyright ul{
	list-style:none;
}
#copyright ul li{
	display:inline-block;
	padding:8px; 
}
.ellipsis {  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis 
}
.saleprice{
	font-weight:bold;
	color:#F60;
  font-size:1.2em;
}
.rentprice{
	font-weight:bold;
	color:#090;
  font-size:1.2em;
}

.tt-query,
.tt-hint { 
	width: 100%; 
    font-size: 15px;
	border: 1px solid #ccc;  
    outline: none;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #fff; 
	height:40px;
}

.tt-dropdown-menu {
    width: 100%; 
    margin-top: 0;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);   
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 5px; 
    font-size: 17px;  
}
.tt-suggestion p{
    padding: 0;
	margin:0;
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #0097cf;
}  

.ad_bd{
	padding-left:5px;
	padding-bottom:5px
}
.spacebt5{
	height:5px;
}	
.rightadv{	 
	
}
.advphoto img{
	width:100%;
}

#head2_content{ 
}
#head2_button{
	float:left;
	padding-top:0px; 
	text-align:center;
	font-size: 20px;
	font-family: 'PingFang HK', STHeitiTC-Light, Arial, Meiryo, 'Microsoft JhengHei', sans-serif;
	font-weight:bolder;
	color: #fdca13;
	zoom: 1;
	text-shadow: #000000 1px 1px 1px;
	filter: progid:DXImageTransform.Microsoft.Shadow( Strength=2, Direction=135, Color='#000000' );	
}
#head2_button a:link{
	color: #fdca13;	
}
#head2_button a:active{
	color: #fdca13;	
}
#head2_button a:visited{
	color: #fdca13;	
}
#head2_button a:hover{
	color: #ffffff;	
}

#head2_ads{
	clear:both;
	margin:auto;
	width: 728px;
	overflow:hidden;
	display:block;
}
.padding-10{
	padding:10px;
} 
 
.padding-right-10{
	padding-right:10px;
}
.padding-left-10{
	padding-left:10px;
}	 
.glyphicon{
	vertical-align: middle; 
}
 .backbtn{
	 margin-top:0px;
	 vertical-align:middle
 }
 .backbtn .glyphicon-chevron-left{
	 margin-top:-1px;
 }
 .backbtn span{
	 vertical-align:middle;
 }
 
.listing{
	width:100%;
	overflow:auto
} 
.listing #detail_frame{
	width:100%
}
 
.propertytotal{
	margin-bottom:0px;
}
.propertytotal td{
	font-size:13px;
	text-align:center;
}
#hotsearch{ 
	overflow:hidden;
	background-color:#2a8b8c;
	color:#FFF
}
 
#hotsearch a:hover{
	background-color:#127273
}
#hotsearch .hottitle{
	background-color:#127273;
	font-weight:bold;
	line-height:40px; 
	padding:0 15px 0 15px;
	width:150px;
	text-align:center;	
}
  
#hotsearch .spacing{
	height:10px
}
#hotsearch .line{
	height:1px;
	background-color:#3ba0a1	 
}
#hotsearch td{
	vertical-align:middle
}
#hotsearch a {
	display: block;
	float: left;
	color: #FFF;
	line-height:30px; 
	vertical-align:middle;
	text-align:center;
	padding: 0 10px 0 10px !important;
	margin: 0 1px 0 1px; 			 
}

#footer{
	background:#eeeeee;
	border-top:2px solid #e0e0e0;
	padding:15px;
	padding-bottom:25px;
	font-size:13px;
}
#footer .row{
	max-width:1200px;
	margin:auto;
}
#footer .app_title{
	font-size:15px;
	color:#666; text-align:center !important
}

.panel-cnp .panel-title a,.panel-cnp .panel-title .btn:active,.panel-cnp .panel-title .btn:hover,.panel-cnp .panel-title .btn:focus {
	color:#03547f;
	font-size:17px;
	font-weight:bold !important;
}
.panel-cnp{border-color:#87cfc8}
.panel-cnp>.panel-heading{color:#31708f;background-color:#b5e9dc;border-color:#bce8f1}
.panel-cnp>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}
.panel-cnp>.panel-heading .badge{color:#b5e9dc;background-color:#31708f}
.panel-cnp>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}

.panel-cnp>.panel-heading {
	
	/*
    background-image: -webkit-linear-gradient(top, #3079b8 0, #5ca9eb 100%);
    background-image: -o-linear-gradient(top, #3079b8 0, #5ca9eb 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3079b8), to(#5ca9eb));
    background-image: linear-gradient(to bottom, #3079b8 0, #5ca9eb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff3079b8', endColorstr='#ff5ca9eb', GradientType=0);
    background-repeat: repeat-x;   
	*/
} 

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

#property_search{
	background-image:url(../image/bg3b.jpg);
	background-repeat:no-repeat; 
	background-size: 100% auto !important;
}

@media (max-width: 1374px){
	#property_search{
		background-size:auto 283px !important;
	} 
}
 
#tran_search{
	background-image:url(../image/bg3b.jpg);
	background-repeat:no-repeat; 
	background-size: 100% auto !important;
}

@media (max-width: 1445px){ 
	#tran_search{
		background-size:auto 300px !important;
	}	
}

@media (max-width: 767px){
	#property_search{
		background-position:center top;
		background-size:auto 390px !important;
	}
	#tran_search{
		background-position:center top;
		background-size:auto 450px !important;
	}		
	body { 
		font-size:15px;
		background-attachment:scroll !important;
	}	
	.xs-margin-left-5{
		margin-left:5px;
	} 	
	.xs-margin-right-5{
		margin-right:5px;
	}
	.xs-padding-bottom-10{
		padding-bottom:10px;
	}	
	.xs-padding-right-5{
		padding-bottom:5px;
	}	
	.xs-margin-top-5{
		margin-top:5px;
	} 
	.margin-right-5-10{
		margin-right:5px
	}
	.xs-padding-left-2{
		padding-left:2px;
	}
	.xs-padding-right-2{
		padding-right:2px;
	}	
	td{
		font-size:15px;
	}
	
	#head2_button{ 
		padding-top:0px; 
		text-align:center;
		margin:auto;
		font-size: 20px;
		font-family: 'PingFang HK', STHeitiTC-Light, Arial, Meiryo, 'Microsoft JhengHei', sans-serif;
		font-weight:bolder;
		color: #fdca13; 
		text-shadow: #000000 1px 1px 1px;
		filter: progid:DXImageTransform.Microsoft.Shadow( Strength=2, Direction=135, Color='#000000' );	
	}	
	
	.listing #detail_frame{
		min-width:600px;
		margin-left:-30px;
		margin-top:-30px;
	}
 
	.art_list{
		font-size:15px; 
	}
	.logo .logo1{ 
		width:100%;
	}
	.logo .logo2{ 
		width:100%; 	
	}
	.padding-2-5{
		padding:2px;
	}
	.center-right{
		text-align:center;
	}
	.center-left{
		text-align:center;
	}	
}
@media (max-width: 767px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
/*
	.logo .logo1{ 
		width:70px;
	}
	.logo .logo2{ 
		width:250px; 	
	}*/
	

}
@media (max-width: 500px){
	#head2_button{  
		font-size: 15px; 
	}	
 
	body{ 		
		background-image:url(../image/bg_mx500.jpg);
		background-repeat:no-repeat;
		background-position:center 20px; 
	}
	 
}
@media (min-width: 768px){
	.padding-left-5{
		padding-left:5px;
	}
	.padding-0-5{
		padding:5px;
	}
	.padding-2-5{
		padding:5px;
	}
	.padding-right-5{
		padding-right:5px;
	}

	.padding-top-10{
		padding-top:10px;
	}	
	.padding-top-5{
		padding-top:5px;
	}		
	.margin-right-5{
		margin-right:5px;
	}
	.margin-right-5-10{
		margin-right:10px
	}
	td,th{

	} 	
	#main-content{ 
		min-height:600px;
	} 
	.center-left{
		text-align:left;
	}		
	.center-right{
		text-align:right;
	}	
}

@media (max-width: 930px){
	.rightadv{
		zoom:0.90;
	}

}
@media (max-width: 990px){
	.font_s11{
		font-size:11px
	}
}
@media (max-width: 850px){
	.rightadv{
		zoom:0.85;
	}
}
@media (max-width: 800px){
	.rightadv{
		zoom:0.8;
	}
}
@media (min-width: 1016px) {

	.main-width{ 
		width:1000px;
		margin:0 auto;
		overflow:hidden;
	}	

}

@media (max-width: 325px){
	 input.form-control{
		padding:5px;
	}
}
/* hidden xs menu arrow in firefox */
@-moz-document url-prefix() { 
	.top .glyphicon-menu-right{
		visibility:hidden  !important
	}
}

img.btn-citival{
  width: 132px;
  height:35px;  
}