@charset "utf-8";
/* CSS Document */

/*****banner******/
.bannerBox{
	max-height:none;
	position:relative;
}

#banner li{
	min-height:0;}

.bannerBox .bx-wrapper img{
	width:100% !important;
}

.mainArea.home{
	padding:50px 0;
	background:url(../images/bg_texture.jpg);
	/*background:#FFF;*/
}

/*關於我們*/
.aboutArea{
	/*background:url(../images/bg_texture.jpg);*/
	background:transparent;
	background-size:cover;
}

.aboutArea .wrap{
	padding:100px 0 70px 0;	
}

.aboutArea .Img{
	float:left;
	width:40%;
	padding-right:25px;
	padding-top:15px;
	text-align:right;
}

.aboutArea .Img a{
	display:block;
	float:right;}

.aboutArea .Txt{
	float:left;
	width:60%;
	color:#000;}

.aboutArea .Txt h2{
	font-weight:normal;
	font-size:30px;}

.aboutArea .Txt p{
	font-size:15px;
	padding-top:5px;
	line-height:1.8;}

.aboutArea .btn_more{
	padding-top:15px;
	text-align:right;}

.aboutArea .btn_more a.more{
	background:none;
	border:1px solid #47679e;
	color:#a0b3d3;}

.aboutArea .btn_more a.more:hover{
	background:#FF0;
	color:#000;}

.newsBox{
	padding:0;
	margin-top:5px;}

/*
.newsBox h2{
	font-weight:normal;
	font-size:30px;
}
*/

.newsBox h2{
	font-weight:normal;
	margin-bottom:10px;
	border-bottom:1px dashed #c0c0c0;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	color:#000;
	font-size:30px;
}

ul.newsContent{
	border-bottom:0px dashed #CECECE;/*訊息分隔線*/
	padding:5px 0;/*訊息間距*/
}


.newsDate{/*發布日期*/
	float:left;
	margin-right:15px;
	padding:0px;
	width:60px;
	border:1px solid #E4E4E4;}

.newsDate b{/*發布日期*/
	display:block;
	padding:0px 0;
	background:#8a9b14;
	font-size:8px;
	font-weight:normal;
	color:#FFF;
	text-align:center;}

.newsDate strong{
	display:block;
	padding:5px 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#8a9b14;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
}

/*精選房型*/
.roomList{
	margin-right:-40px;}

.roomList li{
	padding-right:40px;}

.roomList li .item{}

.roomList li .Img{
	margin-bottom:15px;
	position:relative;}

.roomList li img{
	width:100%;}

.roomList li .Img a.dec{
	width:19px;
	height:19px;
	position:absolute;
	right:0;
	top:0;}

.roomList li .Txt{}

.roomList li .Txt h2.sectionTitle strong{
	background:url(../images/bg_texture.jpg);
	font-style:italic;}

.roomList li .Txt h2.sectionTitle strong a{
	color:#000;}
.roomList li .Txt h2.sectionTitle strong a:hover{
	color:#09C;}

.roomList li .Txt p{
	margin-top:20px;
	font-size:13px;
	color:#666666;
	line-height:1.8;
	text-align:center;}

/*廣告*/
.adList{
	margin-top:60px;}

.adList ul{
	margin-right:-40px;}

.adList ul li{
	padding-right:40px;}

.adList ul li .Img{
	position:relative;}

.adList ul li .Img img{
	width:100%;}

.adList ul li .Img a.dec{
	width:19px;
	height:19px;
	position:absolute;
	right:0;
	top:0;}

.adList ul li .Txt h2{
	display:none;}

.adList ul li .Txt p{
	padding:15px 10px;
	font-size:13px;
	color:#666666;
	line-height:1.8;}

/*大地圖*/
#gmap_s{
	height:510px;}

/**************/
/***導覽說明****/

.mask{
	display:none;
	background:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	
	position:fixed;
	top:0;
	left:0;
	z-index:999;}

.functionNav{
	display:none;
	font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size: 15px;
	color: #FFF;
	line-height: 1.8;
	width: 250px;
	position: fixed;
	top: 30px;
	left: 50%;
	margin-left: -125px;
	z-index: 999;}

.functionNav .arrow{
	text-align:center;}

.functionNav i{
	padding:0 8px;
	font-size:25px;}

.favorate{
	display:none;
	width:250px;
	position:fixed;
	bottom:10px;
	left:50%;
	margin-left:-125px;
	z-index:9999;
	box-shadow:0 0 10px #000;
	
	font-size:13px;
	color:#333;
	
	padding:15px;
	border-radius:8px;
	
	background: rgb(254,255,232);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmRiYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(254,255,232,1) 0%, rgba(214,219,191,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,232,1)), color-stop(100%,rgba(214,219,191,1)));
	background: -webkit-linear-gradient(top,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%);
	background: linear-gradient(to bottom,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 );

}

.favorate img.faIcon{
	display:block;
	float:left;
	margin-right:8px;}

.favorate:before{
	content:"";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 15px 0 15px;
	border-color: #d6dbbf transparent transparent transparent;
	
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-15px;}

.start{
	display:none;
	background:#FFF;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:16px;
	padding:10px;
	text-align:center;

	width:100px;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-60px;
	z-index:999;}

@media (max-width: 767px){

#banner li{
	min-height:0;}
	
.aboutArea{}

.aboutArea .wrap{
	/*background:#48497A;*/
	padding:20px;}

.aboutArea .Img{
	float:none;
	width:100%;
	text-align:center;
	padding:0;}

.aboutArea .Txt{
	float:none;
	width:100%;
	margin-top:10px;
	text-align:center;}

.aboutArea .btn_more{
	text-align:center;}

/*地圖區塊*/
.mapArea{
	display:none;}
}

@media (max-width: 640px){
	
/*精選房型*/
.roomList ul li{
	width:50% !important;
	margin-bottom:25px;}

.adList ul li{
	width:50% !important;
	margin-bottom:25px;}
}

@media (max-width: 360px){
/*精選房型*/
.roomList{
	padding:20px;}

.roomList ul li{
	float:none !important;
	width:100% !important;
	padding-left:0 !important;}

.adList{
	padding:20px;}

.adList ul li{
	float:none !important;
	width:100% !important;
	padding-left:0 !important;}
}