/* CSS Document */

.indexpage {
  padding-top:0px;
  padding-left:8%;
  padding-right:8%;
  padding-bottom:0px;
  border: 0px solid 000000;
  }

.indexpage h2 {
	line-height:28px;
margin-top:50px; 
margin-bottom:60px; 
padding-top:10px;/*控制上方距離*/
font-size: 19px;
color: #666; 
font-family: 'Montserrat-Regular';
text-align: left;
}





/*	跳出燈相*/		
	.reveal-modal-bg { /*黑背景*/
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {	/*主框*/
	/*使用(不包含英文單字斷行)：*/	
word-wrap:break-word;
word-break:normal;
	
        width: 720px;	
		height: auto;
		visibility: hidden;
		top: 160px; 
		left: 50%;
		margin-left: -300px;
		background: #eee url(/css/linebox/modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal .close-reveal-modal {		
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*	跳出燈相 */
	
	
	
	
	

/* 首頁住宿背景 */
.home{
	/*background:url(../images/roombg.jpg);
	background-repeat: repeat; 重複*/
	/*background:url(../images/roombg.jpg) ; /*不重複固定在左上角*/
}

/* 單元標題共用 開始*/
/*  TITLE標題  */
h2{
	text-align:center;
	position:relative;}
h2 strong{
	color:#594541;
	font-size:68px;
	font-family: 'Cormorant Unicase', serif;
	font-weight:400;
	display:inline-block;
	padding:10px 65px 0 65px;
	/* background:url(../images/title_icon.png) right top no-repeat;*/
	}
	
h2 b{
	font-family: 'Cormorant Unicase', serif;
	color:#FD7E17;
	font-size:55px;	
	}		
	
/*	標題兩旁的橫線圖
h2:before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:43%;
	height:5px;
	background:url(/images/title_bg.png);}
h2:after{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	width:43%;
	height:5px;
	background:url(/images/title_bg.png);}
	*/
	
h2 em{
	display:block;
	font-size:15px;
	color:#000;
	font-weight:normal;
	}	
	
/*  TITLE標題  */
.indexfuture{
line-height:40px; 
}

.indexfuture h2 {
line-height:40px; 
padding:20px 100px 0 100px;/*左又邊框*/
margin-top:0px; 
margin-bottom:40px; 
/*padding-top:60px;控制上方距離*/

/*文字描述*/
  font-size: 2em;
  color: #666;
 
font-family: 'Montserrat-Regular';
  text-align: center;
}
.indexfuture h2:after,.indexfuture h2:before {
  width: 500px;/*文字背景白空*/
}
/* 單元標題共用 結束*/






/* 住宿房型 電話 */
/*----*/
.futuretel h3 {
padding-top:5px;/*控制上方距離*/
 margin: 0 0 0em;/*控制下方距離*/
  font-size: 2.4em;
  color: #FF6600;
 
font-family: 'Montserrat-Regular';
  text-align: center;
}

.futuretel h3:after,.futuretel h3:before {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: #FF6600;
  margin: 0 1%;
}



/*交通指引 */
.featureAreamap img{
width:100%;	
/*background:#000;*/
}








/* 住宿房型背景 */
/**推薦房型**/
	
.featureArea ul{
	margin:0;
}
.featureArea ul li{
	width:29.33%;
	margin:0 2% 40px 2%;
	transition: all 0.4s ease 0s;
}





/*解決客房照片寬高形成標準圓形 */

/* 方形 */
.featureArea ul li .Img{
	/*background:#fff;*/
	border-radius:100%;
	transition:all 0.4s ease;
}

.featureArea ul li .Img a img{	
	width:100%;/* 解決客房照片寬高形成標準圓形 */
	transition:all 0.4s ease;
}

/****.featureArea ul li .Img a:after{
	content: "看客房介紹";
	font-size: 18px;
	color:#808080;	
	position:absolute;
	left:20%;
	top:30%;
	width:300px;
	height:130px;
	background:url(../images/00.png) no-repeat center 8px; 框框內的照片
	padding-top:50px;字的高度
	margin-left: -40px;
	border:0px solid #fff;
	text-align:center;
	line-height:50px;
	display:block;
	opacity:0;
	transition:all 0.4s ease;
	}****/
	
/*圖片hover效果*/
.featureArea ul li:hover .Img{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transform:rotate(0deg);}

.featureArea ul li:hover .Img a img{
	opacity:0.20;
	transform:scale(1.05);
}
.featureArea ul li:hover .Img a:after{
	opacity:1;
	margin-top:-40px;
}
.featureArea ul li .Txt{
	margin-top:20px;
	
	}
.featureArea ul li .Txt h3{
	font-weight:normal;}
.featureArea ul li .Txt h3 a{
	margin-top:6px;
	position:relative;
	display:block;
	font-family:"微軟正黑體", "新細明體", sans-serif;
	font-size:28px;	color:#00aabb;
	}	
.featureArea ul li .Txt h3 a:hover{text-decoration:none;}
.featureArea ul li .Txt p{/*小字*/}	
	
.homedonw{
	/*background:url(../images/index-4.jpg) no-repeat right bottom;*/
	padding-bottom:50px;
	}		
	
	
	
	
/*關於我們*/
.aboutArea{	
	background:url(/images/aboutDecoration.jpg) fixed;
	background-size:cover;
	padding-top:260px;
	padding-left:120px;
	padding-bottom:10px;
	}


/* 關於我們倫波圖框的控制 */	
.aboutArea div.mainbox{
	background:#fff;
	/*藍色背景*/
	/*background-color: rgba(255,255,255,0.7);透明度 */
	/*background:url(../images/aboutBg.jpg) no-repeat;
	background-size:cover;
	*/
		
	float:right;
	width:810px; /*文字框框邊界*/
	height:550px;
	padding:3px 0%; /*文字框框邊界*/
	}
	
	
	
.aboutArea .Txt{/*精采圖片*/
	width:797px; /*文字框框邊界*/
	height:550px;
	
	margin-top:8px;	
	margin-left:8px;
	overflow:hidden;
	}	
			
.aboutArea div.mainbox h2{
	font-family: 'cwTeXMing', serif;
	color:#f0e1d6;
	font-size:31px;
	margin-bottom:20px;
	font-weight:300;
	}
	
.aboutArea .Txt{
	font-size:13px;
    /* color:#f0e1d6; */
	line-height:2;
	}
	

	
.aboutArea  a.btn{
	color:#d593dc;
	font-size:12px;}

	/* 輪圖整個框 */
  .col-md-6 {
    width: 820px;
  }	
  
.menuArea{
	height:50px;/*藍色高度*/
	background:#fff; 
	padding-top:0px;
	}	
		
/*頂部訊息大圖*/
.topArea{	
	height:770px;/*藍色高度*/
	background:url(/images/home-about-bg.png);	
	/* background:url(../images/home-about-bg.jpg) fixed; fixed控制圖片定住	*/
	/*background:#BA2529; 紅色背景*/
	padding-top:30px;
	
	}		
		
		
	

	
	
	
	
/* 設施服務 單元標題 */
/*----*/
.future2 h3 {
padding-top:40px;/*控制上方距離*/
 margin: 0 0 1.5em;/*控制下方距離*/
  font-size: 3em;
  color: #fff;
 
font-family: 'Montserrat-Regular';
  text-align: left;
}
.future2 h3:after,.future2 h3:before {
  width: 200px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: #fff;
  margin: 0 1%;
}

/*電腦設施訊息*/
.facilityArea{
	height:600px;
	background:url(../image/index-5.jpg) no-repeat right bottom;	
	/*background:url(../images/roombg.jpg) ;*/
	  /*background-repeat: repeat;*/
	background-color: #96EFF6;
	/*background:#CBE8E9; 背景*/
	padding-top:60px;
	}
	
.facilityArea div.facilitymainbox{	
margin-left:-7px;/*可控制手機畫面顯示邊界*/
	background-size:cover;
	width:100%;
	padding:0px 0%;	
	}
		
	
.facilityArea div.facilitymainbox li{	
	margin-right:20px;
	}	
	
.facilityArea div.facilitymainbox h2{
	font-family: 'cwTeXMing', serif;
	color:#f0e1d6;
	font-size:31px;
	margin-bottom:20px;
	font-weight:300;
	}

.facilityArea .Txt{
	height:20px;
	font-size:13px;
	color:#fff; /*設施字*/
	}
	
.facilityArea .Txt img{
	margin-top:-10px;
	float:right;
	border-radius:99em;
	margin-left:200px;
	overflow:hidden;

	}

	
.facilityArea  a.btn{
	color:#d593dc;
	font-size:12px;}	
		
	
	
	
	


/*連結 左邊倫波*/
.linkArea{
	margin-top:0px;
	padding:38px 5% 0 3%;/*頂部高度*/
	width:27%;
	float:left;
	/*background:url(../images/web-link.jpg) no-repeat top;*/
}
.linkArea ul{clear:both;}


/*連結 左邊 */
.linkArea li {
	list-style-type:none; /*去除li前面黑點*/
	padding:12px;
	margin-bottom:0px;
	font-size:18px;
	color:#000;
	
	/* 首頁最新消息 間格線 */
	background:url(../image/nb.png) no-repeat bottom;
	background-repeat: repeat-x; /*向x方向重複*/
	}
	
	
	
	
	
.linkArea li img{
	display:block;
	width:100%;
	border-radius:20px;
	transition: all 0.4s ease 0s;
}
.linkArea li:hover img{
	transform:scale(0.95);}
	
	
.linkArea h4{
	display:none;}
	
/***ad Area  友站連結 圖片輪動**/
.adArea{
	width:65%;
	float:left;}
.adArea img.decoration{
	max-width:100%;}
.adArea ul{margin:0;}

.adArea ul li{
	width:46%;
	margin:0 2% 36px 2%;/*首頁活動框上下間距36px*/
	transition: all 0.4s ease 0s;
}

.adArea ul li .Img{
	position:relative;
	overflow:hidden;
	background:#422c21;
	transition:all 0.4s ease;
}

.adArea ul li .Img a img{
	opacity:1;
	display:block;
	width:100%;	
	transition:all 0.2s linear;}	
	
.adArea ul li .Img a:after{
	content: "看內容";
	font-size: 12px;
	color:#fff;	
	position:absolute;
	left:50%;
	top:50%;
	width:80px;
	height:40px;
	/* background:url(../images/.png) no-repeat center 8px; */
	padding-top:40px;
	margin-left: -40px;
	border:1px solid #C0C0C0;
	text-align:center;
	line-height:40px;
	display:block;
	opacity:0;
	transition:all 0.4s ease;}
	

	
	
	
	
/*圖片hover效果*/
.adArea ul li:hover .Img{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transform:rotate(0deg);}
	
	
/* 首頁活動框  這個地方造成框框會亂移 */	
.adArea ul li:hover .Img a img{
	opacity:0.10;
	transform:scale(1.1);
	border:0px solid #DDD6CA;
}



.adArea ul li:hover .Img a:after{
	opacity:1;
	margin-top:-40px;
}
.adArea ul li .Txt{
	background:#fff;
	border:1px solid #DDD6CA;
	padding:20px;
	color:#666;
	font-size:12px;
	line-height:20px;
	height:100px;
	overflow:hidden;
}
.adArea ul li .Txt h3{
	font-weight:normal;
	border-bottom:1px solid #d0d0d0;
	padding:0 0 10px 0;
	margin-bottom:10px;}

.adArea ul li .Txt h3 a{
	position:relative;
	display:block;
	font-size:16px;
	color:#268570;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.adArea ul li .Txt h3 a:hover{
	text-decoration:none;}
.adArea ul li .Txt p{
	height:60px;
	overflow:hidden;
	}
	
	
	
	
	
	
@media (max-width: 1600px){	/* PC規格 不要放這裡 */	}



@media (max-width: 1300px){

.home{background-size:100%;}
/* PC規格 */
/* 單元標題公用開始 */
/*  TITLE標題  */
h2{
	text-align:center;
	position:relative;}
h2 strong{
	color:#594541;
	font-size:36px;
	font-family: 'Lora', serif;
	font-weight:400;
	display:inline-block;
	padding:10px 65px 0 65px;
	/* background:url(../images/title_icon.png) right top no-repeat; */
	}
h2:before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:43%;
	height:5px;
	background:url(/images/title_bg.png);
	}
h2:after{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	width:43%;
	height:5px;
	background:url(/images/title_bg.png);
	}
h2 em{
	display:block;
	font-size:15px;
	color:#000;
	font-weight:normal;}
/*  TITLE標題  */
.indexfuture h2 {
margin-top:0px; 
margin-bottom:60px; 
padding-top:10px;/*控制上方距離*/
font-size: 1em;
color: #666; 
font-family: 'Montserrat-Regular';
text-align: center;
}
.indexfuture h2:after,.indexfuture h2:before {
width: 60px;
}
/* 單元標題公用結束 */
}









@media (max-width: 768px){

/*關於我們*/
.aboutArea{	
	background:url(/images/aboutDecoration.jpg) fixed;
	background-size:cover;
	padding-left:250px;
	padding-top:210px;
	padding-bottom:60px;
	}	

/* 關於我們倫波圖框的控制 */	
.aboutArea div.mainbox{
	background:#fff;
	/*藍色背景*/
	/*background-color: rgba(255,255,255,0.7);透明度 */
	/*background:url(../images/aboutBg.jpg) no-repeat;
	background-size:cover;
	*/
		
	float:right;
	width:318px; /*文字框框邊界*/
	height:250px;
	padding:0px 0%; /*文字框框邊界*/
	}
	
	

	
.aboutArea div.mainbox h2{
	font-family: 'cwTeXMing', serif;
	color:#f0e1d6;
	font-size:31px;
	margin-bottom:20px;
	font-weight:300;
	}
	
.aboutArea .Txt{
	width: 330px;
	font-size:13px;
    /* color:#f0e1d6; */
	line-height:2;
	}
	
	
.aboutArea  a.btn{
	color:#d593dc;
	font-size:12px;
	}
	
	/* 輪圖整個框 */
  .col-md-6 {
    width: 320px;
  }		
	
	
	
	
	
	
	/*	跳出燈相*/		
	.reveal-modal-bg { /*手機不要設寬度  Width*/
	
		position: fixed; 
		height: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {/*手機不要設寬度*/
		width: 500px;
		height: auto;
		visibility: hidden;
		top: 150px; 
		left: 300px;
		margin-left: -300px;		
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
	}
		
		.reveal-modal img{		
		width: 100%;	
		height: 100%;	
		} 
	
	
	
	
/*左邊倫波*/
.linkArea{
	margin-top:10px;
	padding:30px 5% 0 3%;
	width:27%;
	float:left;
	background:url(/images/title-links.jpg) no-repeat top;
	background-size:100%;
}


	

/*頂部訊息大圖*/
.topArea{
height:570px;/*藍色高度*/
background:url(/images/home-about-m.png);	
width:100%;
	/* background:url(../images/home-about-bg.jpg) fixed;  fixed 圖片背景定住*/
	/*background:#BA2529; 紅色背景*/
	}
	
	
	
	

	
	
	
	

/* 住宿房型 單元標題 */
/*----*/
.future2 h3 {
padding-top:52px;/*控制上方距離*/
 margin: 0 0 0.2em;/*控制下方距離*/
  font-size: 3em;
  color: #fff;
 
font-family: 'Montserrat-Regular';
  text-align: center;
}
.future2 h3:after,.future2 h3:before {
  width: 40px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: #fff;
  margin: 0 1%;
}	
	
	
	
	
	
	
	
/* 住宿房型 電話 */
/*----*/
.futuretel h3 {
padding-top:1px;/*控制上方距離*/
 margin: 0 0 0em;/*控制下方距離*/
 padding-bottom:10px; 
  font-size: 1.5em;
  color: #FF6600;
 
font-family: 'Montserrat-Regular';
  text-align: center;
}

.futuretel h3:after,.futuretel h3:before {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: #FF6600;
  margin: 0 1%;
}
	
	
	
	
	
	
/*設施訊息*/
.facilityArea{
	width:100%;
	height:800px;/*框高*/
	background:url(../image/index-5.jpg) no-repeat right bottom;	
	/*background:url(../images/roombg.jpg) ;*/
	  background-repeat: repeat;
	/* background-color: #96EFF6; */
	padding-top:40px;
	}
	
.facilityArea div.facilitymainbox{
	background-size:cover;
	width:100%;	
	}
	
.facilityArea div.facilitymainbox ul li{
margin-top:15px;
margin-right:0px;
	}
	
	.facilityArea div.facilitymainbox li img{

width:90px;
	}
	
	
	
	
.facilityArea div.facilitymainbox h2{
	font-family: 'cwTeXMing', serif;
	color:#f0e1d6;
	font-size:31px;
	margin-bottom:20px;
	font-weight:300;}
	
.facilityArea .Txt{
	height:20px;
	font-size:13px;
	color:#fff; /*設施字*/
	margin-bottom:10px;
	}
	

	
	
.facilityArea  a.btn{
	color:#d593dc;
	font-size:12px;
	}	
	
		
}/*結束*/


	











@media (max-width: 540px){

/*設施訊息*/
.facilityArea{
	width:100%;
	height:800px;/*框高*/
	background:url(../image/index-5.jpg) no-repeat right bottom;	
	/*background:url(../images/roombg.jpg) ;*/
	  background-repeat: repeat;
	/* background-color: #96EFF6; */
	padding-top:10px;
	}
	
.facilityArea div.facilitymainbox{
	background-size:cover;
	width:100%;	
	}
	
.facilityArea div.facilitymainbox ul li{
margin-top:15px;
margin-right:0px;
	}
	
	.facilityArea div.facilitymainbox li img{

width:90px;
	}
	
	
	
	
.facilityArea div.facilitymainbox h2{
	font-family: 'cwTeXMing', serif;
	color:#f0e1d6;
	font-size:31px;
	margin-bottom:20px;
	font-weight:300;}
	
.facilityArea .Txt{
	height:20px;
	font-size:13px;
	color:#fff; /*設施字*/
	margin-bottom:10px;
	}
	

	
	
.facilityArea  a.btn{
	color:#d593dc;
	font-size:12px;
	}	

}











@media (max-width: 640px){
	
/*手機首頁客房列表*/
.featureArea ul {	
margin-left: 14px;	
text-align:center;

}

.featureArea ul li .Img a img{	
	width:100%;/* 解決客房照片寬高形成標準圓形 */
	transition:all 0.4s ease;
}

.featureArea ul li .Txt {
    margin-top: 10px;
	margin-bottom: 40px;
}
.featureArea ul li .Txt h3{
	font-weight:normal;}
.featureArea ul li .Txt h3 a{
    text-decoration:none;
	position:relative;
	display:block;
	font-family:"微軟正黑體", "新細明體", sans-serif;
	font-size:28px;	color:#00aabb;
	}	
.featureArea ul li .Txt h3 a:hover{text-decoration:none;}
.featureArea ul li .Txt p{/*小字*/
	}	
	
}





/*iPhone XS Max*/
@media (max-width: 414px){
	


/*	跳出燈相*/		
	.reveal-modal-bg { /*黑背景*/
		position: fixed; 
		width: 100%;
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {	/*主框*/
        width: 90%;	
		height: auto;
		visibility: hidden;
		top: 150px; 
		left: 320px;
		margin-left: -300px;
		background: #eee url(/css/linebox/modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal .close-reveal-modal {		
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		
		.reveal-modal img{		
		width: 100%;	
		height: 100%;	
		} 
	/*	跳出燈相 */
	
	
	

/* 單元標題共用 開始*/
/*  TITLE標題  */
h2{
	text-align:center;
	position:relative;}

h2 b{
	font-family: 'Cormorant Unicase', serif;
	color:#FD7E17;
	font-size:30px;	
	}	
	
	
h2 em{
	display:block;
	font-size:15px;
	color:#000;
	font-weight:normal;
	}	
/*  TITLE標題  */
.indexfuture{
line-height:40px; 
}

.indexfuture h2 {
line-height:30px; /*行具*/
padding:20px 20px 0 20px;/*左又邊框*/
margin-top:0px; 
margin-bottom:30px; 
/*padding-top:60px;控制上方距離*/

  font-size: 1.3em;
  color: #666;
 
font-family: 'Montserrat-Regular';
  text-align: center;
}
/* 單元標題共用 結束*/

	
/**推薦房型**/
.featureArea{
background-size:50%;
padding-bottom:10px;
}

.featureArea ul li{
width:86%;
margin:0 5% 10px 5%;
}

.adArea ul li{
width:86%;
margin:0 2% 15px 2%;
transition: all 0.4s ease 0s;
}		




/*****************設施訊息*/
.facilityArea{
	width:100%;
	height:600px;/*框高*/
	background:url(../image/index-5.jpg) no-repeat right bottom;	
	/*background:url(../images/roombg.jpg) ;*/
	  background-repeat: repeat;
	/* background-color: #96EFF6; */
	padding-top:0px;
	}
	
.facilityArea div.facilitymainbox{
	background-size:cover;
	width:100%;	
	}
	
/*.facilityArea div.facilitymainbox ul li{
margin-right:0px;
	}*/	
	
.facilityArea div.facilitymainbox ul {
margin-right:0px;
	}
	
	.facilityArea div.facilitymainbox li img{
width:50px;
	}	
	
.facilityArea div.facilitymainbox h2{
	font-family: 'cwTeXMing', serif;
	color:#f0e1d6;
	font-size:31px;
	margin-bottom:20px;
	font-weight:300;}
	
.facilityArea .Txt{
	height:20px;
	font-size:13px;
	color:#fff; /*設施字*/
	margin-bottom:10px;
	}
	

	
	
.facilityArea  a.btn{
	color:#d593dc;
	font-size:12px;
	}	
	/*****************設施訊息*/



}


@media (max-width: 375px){	
/**推薦房型**/
.featureArea{
	background-size:50%;
	padding-bottom:10px;
}
	.featureArea ul li{
	width:86%;
margin:0 5% 10px 5%;

}
.adArea ul li{
	width:86%;
	margin:0 2% 15px 2%;
	transition: all 0.4s ease 0s;
}	
	



/*****************設施訊息*/
.facilityArea{
	height:600px;
	background:url(../image/index-5.jpg) no-repeat right bottom;	
	/*background:url(../images/roombg.jpg) ;*/
	  /*background-repeat: repeat;*/
	background-color: #96EFF6;
	/*background:#CBE8E9; 背景*/
	padding-top:60px;
	}
	
.facilityArea div.facilitymainbox{	
	background-size:cover;
	width:100%;	
	}
	
.facilityArea div.facilitymainbox ul li{
margin-top:16px;
margin-right:0px;
	}
	
	.facilityArea div.facilitymainbox li img{

width:50px;
	}	
	
.facilityArea div.facilitymainbox h2{
	font-family: 'cwTeXMing', serif;
	color:#f0e1d6;
	font-size:31px;
	margin-bottom:20px;
	font-weight:300;}
	
.facilityArea .Txt{
	height:20px;
	font-size:13px;
	color:#fff; /*手機設施字*/
	margin-bottom:10px;
	}
	

	
	
.facilityArea  a.btn{
	color:#d593dc;
	font-size:12px;
	}	
	/*****************設施訊息*/
	
	
	
}




/*iPhone XS Max*/
@media (max-width: 320px){
/**推薦房型**/
.featureArea{
	background-size:50%;
	padding-bottom:10px;
}
	.featureArea ul li{
margin:0 0% 0px 0%;

}
.adArea ul li{
	margin:0 0% 0px 0%;
	transition: all 0.4s ease 0s;
}	





/* 單元標題共用 開始*/
/*  TITLE標題  */
h2{
	text-align:center;
	position:relative;}

h2 b{
	font-family: 'Cormorant Unicase', serif;
	color:#FD7E17;
	font-size:30px;	
	}	
	
	
h2 em{
	display:block;
	font-size:15px;
	color:#000;
	font-weight:normal;
	}	
/*  TITLE標題  */
.indexfuture{
line-height:40px; 
}

.indexfuture h2 {
line-height:30px; /*行具*/
padding:20px 20px 0 20px;/*左又邊框*/
margin-top:30px; 
margin-bottom:30px; 
/*padding-top:60px;控制上方距離*/

  font-size: 1.3em;
  color: #666;
 
font-family: 'Montserrat-Regular';
  text-align: center;
}

/* 單元標題共用 結束*/

/**推薦房型**/
}