@font-face {
  font-family: 'Microsoft JhengHei';
  unicode-range: U+7db0, U+78A7, U+7B75; 
  src: local(微軟正黑體), local(Microsoft JhengHei);
} 
body,td,th {
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,'PingFang HK', STHeitiTC-Light, Meiryo, 'Microsoft JhengHei', sans-serif;
	
	font-size: 14px;
	line-height:normal;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
 
a{
	color:#06F;
	text-decoration:none;
	cursor:hnad;
	cursor:pointer;
}
a:hover{
	color:#666
}
a:visited{
	color:#06F;
}

:focus{ 
	outline:none;
}
[class*='col'] {
    padding-right: 0;
    padding-left: 0;
}
.row{
	--bs-gutter-x:0;
	margin-left:0px;
	margin-right:0px;
}
[class*='container']{
	padding-right: 0;
    padding-left: 0;
}
.form-control {
	padding:6px !important;
}
.offcanvas-start{
	max-width:90%
} 

.main{
	width:100%; 
}
.maincontent{
	width:100%; 
	min-height:60px;
	max-width:1200px;
	padding:5px; 
	margin:auto; 
}
.maincontent .topmenu{
	font-size:16px;
	font-weight:bold;
	display:table; 
	float:right;
}
.maincontent .topmenu a{
	display:table-cell; 
	padding-left:30px; 
	color:#0759c1
}
.maincontent .topmenu a:hover{
	color:#007eff
}
.topvline{
	height:4px;
	background-color:#1e64bf; 
}
.topnavlink{ 	 
	width:100%; 
	background-color:#ffffff;
	color:#707070;
	font-size:15px;
	height:35px;
	overflow: hidden;
	border-bottom: 1px solid #e8e8e8;
}
.topnavlink a{
	color:#707070;	
}
.topnavlink .topnavlist{
	width:100%;
	max-width:1188px;
	margin:auto;
	padding:8px
}
.footer{
	min-height:150px;
	text-align:center;
	margin-top:20px;
	padding-top:15px;
	padding-bottom:20px;
	background-color:#f1f1f1;
	color:#666;
	border-top: 1px solid #cccccc;
}
.copyright{
	font-size:13px;
}
.fmenu a{
	margin-left:10px;
	margin-right:10px;
	font-size:15px;
	line-height:25px
}
.fmenu a:hover{
	color:#007eff
}
.relativelink{
	margin-top:15px;
	margin-bottom:15px;
}
.relativelink a{
	margin-left:8px;
	margin-right:8px;
	line-height:22px;
}
.footer .hline{
	height:1px;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#CCC;	
}
 
.offcanvas-body{
	padding:0px !important;
}
.leftmenu{
	color:#666;
}
.leftmenu a{
	display:block;
	color:#666;
	font-size:17px;
	padding:10px 15px; 
	padding-left:20px;
	border-bottom:1px solid #e4e4e4;
	background-image:url("image/chevron_right_24dp.svg");
	background-repeat:no-repeat;
	background-size:30px auto;
	background-position:right 10px center
}
.leftmenu a:hover{
	background-color:#eeeeee
}
.leftmenu .btnicon{
	float:right;
	margin-top:53px;
	padding-right:35px;	
}
.leftmenu .btnicon button{ 
	margin-right:10px; 
	border-radius: 10px;
	padding:2px 6px;
}
.offcanvas-header{
	box-shadow: rgb(0 0 0 / 20%) 0px 0px 5px 3px;
	padding:6px;
	align-items:normal !important; 
	border-bottom: 4px solid #1e64bf;
}
.offcanvas-header .btn-close{
	padding:12px;
}

.flowtop{
	position:fixed;
	top:0;
	width:100%;
	height:60px;
	background-color:#ffffff;
	box-shadow: rgb(0 0 0 / 20%) 0px 0px 3px 2px;
	z-index:100
}
.topsubmenu{
	margin-bottom:10px; margin-top:5px; color:#7d7d7d
}
.topsubmenu a{
	color:#7d7d7d;
	margin-left:5px;
	margin-right:5px;
}
.backtbn{
	display:block;
	width:80px;
	margin:auto;
	margin-top:10px;
	color: #6c757d !important;
}
.backtbn:hover{
	color:#ffffff !important;
}
.bi {
    display: inline-block;
    vertical-align: -.125em;
}

#propertydetailModal .modal-body{
		padding:0;
		background-color:transparent
}
#propertydetailModal .modal-content{
	border:none;
	background-color:transparent;
}
#propertydetailModal .modal-dialog {
		max-width: 100%;
		margin: 0rem auto; 
}
.modalclose{
	width:60px;
	height:60px;
	z-index:1066;
	position:fixed; right:0; top:0;
	cursor:hand;
	cursor:pointer  
}
.modalclose2{
	width:48px;
	height:48px;
	z-index:1066;
	position:fixed; left:0; top:0;
	background-color:#ffffff;
	cursor:hand;
	cursor:pointer  	 
}
.modal-content{
	background-image: url(image/loading.gif); 
    background-position: center;
	background-size:50px 50px;
    background-repeat: no-repeat;
}
.modal-header{
	background-color:#ffffff
}
.modal-body{
	background-color:#ffffff
	 
}
@media (min-width: 576px){


}
@media (max-width: 767px) {
	.modalclose{
		width:50px;
		height:48px; 
		z-index:1059;
		background-color:#ffffff;
		position:fixed; left:0; top:0;
		display:none;
	}	
	#propertydetailModal{
		top:50px;
	}
	.modal-backdrop{
		top:60px;
	}
	.offcanvas{
		z-index:1061
	}
	
	.show-sm{
		display:block;
	}
	.footer{
		padding-top:0
	}
	.maincontent{
		padding:2px;
	}
	#propertydetailModal .modal-dialog { 
		padding-left:0px;
		padding-right:0px;
	}
}
@media (max-width: 500px) {
	  
}
@media (max-width: 991px) {
	.fmenu a{
		margin-left:5px;
		margin-right:5px;	
	}
	.maincontent .topmenu{
		width:100%;
	}
	.maincontent .topmenu a{
		padding-left:4px;
	}
}
@media (min-width: 768px) {
	.flowtop{
		display:none;
	}	
	.show-sm{
		display:none;
	}
	
}