body { 
	font-size:13px;
	padding:0;
	margin:0; 
	height: 100%;
	width: 100%; 
	background-color:#b9d3ec;
	background-image: url(../images/banner.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-size: 4000px;
	animation: 300s para infinite linear;
} 

@keyframes para {
	100% {
			background-position: 100% 0
		}
}

.top{
 
}
a:link{
	color:#004492;
	text-decoration:none
}
a:hover{
	color:#004492;
	text-decoration:none
}
a:visited{
	color:#004492
}
.logo{
	text-align:left; 
}
.logo .logo1{ 
	max-width:70px;
}
.logo .logo2{ 
	max-width:250px; 	
}
.desktop_icon{
	 
}
.desktop_icon img{
	height:22px;
}
.panel-primary a{
	color:#FFF
}
.panel-primary a:hover{
	color:#FFF
}
.panel-primary a:active{
	color:#FFF
}

.navbar-default {
    background-color: transparent;
}
#carousel-main .item{
	height:150px;
}
 
#main-content{
	padding:5px; 
} 
.border{
	border:1px solid #6e8fb2;
	padding:5px;
	background-color:#FFF; 
}
.head_border{
	border:1px solid #6e8fb2;
	border-bottom:none; 
	padding:5px;	
	background-color:#dfedfb; height:30px;
	font-weight:bold;
	font-size:15px;
}
.subhead_border{
	border:1px solid #6e8fb2;
	border-bottom:none;
	padding:5px;
	background-color:#dfedfb; 
	height:30px;
}

.art_title{
	font-size:15px;

}
.art_list{
	font-size:13px;
	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;
}
.search_controltab{
	background-color:#dfedfb;  
	border-bottom:none;
	border-top:none;	
	padding:0px;
}
.search_controltab .nav-link{
	color:#07519a; 
	font-size:15px;		
}
 
.searchForm{
	font-size:15px; 
}
.searchForm .form-control-label{
	margin-top:5px; 	  
}
 

.form-group select{
	padding:5px; 
}
.form-group input{
	padding:5px; 
}
#search1,#search2,#search3,#propertylist1,#propertylist2,#propertylist3{
	 
}
#search1 .row,#search2.row,#search3.row{
	padding:10px 25px 10px 25px
}
#search1 .form-group,#search2 .form-group,#search3 .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;
	width:98px;
	max-height:98px;
	overflow:hidden;
	border:1px solid #eaeaea;
	padding:3px;
}
.media-left a img{
	width:90px;
	max-height:80px;
}
.media .contact{
	background-color:#dfedfb;
	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{
	font-size:13px; 
}
#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;
}
 
[class*='col-'] {
    padding-right:0;
    padding-left:0; 
}
[class*='btn-'] {
	font-size:15px;
}

.nav-item a{
	font-weight:bold;
}  
  
#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:#0067c2;
	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
}
.rentprice{
	font-weight:bold;
	color:#090
}

.tt-query,
.tt-hint { 
	width: 100%; 
    font-size: 17px;
	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; 
}

.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:"新細明體", "微軟正黑體", "標楷體";
	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;
}	
#cnp_terms{
	padding:15px; 
}

.padding-right-10{
	padding-right:10px;
}
.padding-left-10{
	padding-left:10px;
}	

#menubar{
	margin-left:5px;
	margin-right:5px;	
} 
 
#menubar .dropdown-menu li{
	border-bottom:1px solid #e8e8e8
}
#menubar .dropdown-menu li a{
	line-height:30px;
	padding-left:10px; 
	font-size:15px;
} 

#menubar .dropdown-menu{
	min-width:100%;
	border-radius:0;
	padding:0;
	margin:0;
	font-size:15px; 
}
#menubar .dropdown-menu a{
	color:#004492
}

#menubar .btn{
	font-size:15px;
	border-right:none;
	padding-left:5px;
	padding-right:5px;
	text-align:center; 
	color:#004492
}
 
#menubar .btn-primary{
	color:#FFF;
	background-color:#245580 
} 

#menubar .btn-group > .btn.btn-primary.radius-left{
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}  

#menubar .btn-group > .btn.btn-default.radius-left {
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}
#menubar .btn-group > .btn.btn-default.radius-right {
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
	border-right:1px solid #cccccc
}
#menubar .btn-group > .btn.btn-primary.radius-right {
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
	border-right:1px solid #245580
}  

.menu-dot{ 
	margin-right:5px;
}
#xs-menu #navbar-collapse-menu{
	position:absolute; background-color:#FFF; z-index:9999; width:100%; border-bottom:1px solid #888888;
	 box-shadow: 0px 5px 5px #888888;
}
#xs-menu .dropdown{
	border-bottom:1px solid #e8e8e8;
}
#xs-menu .dropdown-menu{
	padding:1px;
}
#xs-menu .dropdown-menu li{ 
	border-bottom:1px solid #e8e8e8;list-style:circle
}

#xs-menu .dropdown-menu .lastitem{
	border-bottom:none;
}
#xs-menu .dropdown-menu li a{
	line-height:26px;
	font-size:15px; 
} 
#xs-menu .dropdown-menu .glyphicon{
	vertical-align: middle;
	margin-top:5px
} 

.glyphicon{
	vertical-align: middle; 
}
 .backbtn{
	 margin-top:-3px;
 }
.panel-cnp .panel-title a,.panel-cnp .panel-title .btn:active,.panel-cnp .panel-title .btn:hover,.panel-cnp .panel-title .btn:focus {
	color:#ffffff;
	font-size:17px;
}
.panel-cnp{border-color:#3079b8}
.panel-cnp>.panel-heading{color:#31708f;background-color:#9fcbe5;border-color:#bce8f1}
.panel-cnp>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}
.panel-cnp>.panel-heading .badge{color:#9fcbe5;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;
  
} 

.listing{
	width:100%;
	overflow:auto
} 
.listing #detail_frame{
	width:100%
}
.lang{
	clear:both;
	float:none ;
	display:block   
}
.lang a{
	text-shadow: 0px 0px 3px #ffffff;
	text-decoration:underline;
	font-weight:bold
}

#adban{
	padding-left:3px
}

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

#adban ul li{
	padding:0;
	margin:0;
	margin-bottom:5px
}
.propertytotal{
	margin-bottom:0px;
}
.propertytotal td{
	font-size:15px;
	text-align:center;
}
.relatelink{
	margin-bottom:8px;
}
.relatelink a{
	margin-left:8px; margin-right:8px;
}

@media (max-width: 767px){
	body { 
		font-size:15px
	}	
	.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;
	} 	
	td{
		font-size:15px;
	}
	
	#head2_button{ 
		padding-top:0px; 
		text-align:center;
		margin:auto;
		font-size: 20px;
		font-family:"新細明體", "微軟正黑體", "標楷體";
		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;
	}
	
	body {  
		background-size: 2500px;
		animation:none;
	} 
	
	.art_list{
		font-size:15px; 
	}
	.logo .logo1{ 
		width:100%;
	}
	.logo .logo2{ 
		width:100%; 	
	}
	 .relatelink a{
		margin-left:3px; margin-right:3px;
	} 
}
@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-size: 1500px;
		background-position:-100px 0;
		animation:none;
	} 
}
@media (min-width: 768px){
	.padding-left-5{
		padding-left:5px;
	}
	
	.padding-right-5{
		padding-right:5px;
	}

	.padding-top-10{
		padding-top:10px;
	}	
	.margin-right-5{
		margin-right:5px;
	}
	td,th{
		font-size:13px;
	}
	#mortgage_searchitem{
		width:400px
	}
	#main-content{ 
		min-height:600px;
	} 
}

@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){
	.search_controltab .nav-link{
		padding-left:10px !important;
		padding-right:10px !important
	}
}
/* hidden xs menu arrow in firefox */
@-moz-document url-prefix() { 
	.top .glyphicon-menu-right{
		visibility:hidden  !important
	}
}