@charset "utf-8";
/* CSS Document */
ul.facList{
	margin-top: 45px;
}
ul.facList li{
	width: 49%;
	padding: 0;
	margin: 0 0.5% 1% 0.5%;
}
ul.facList li .item{
	position: relative;;
}
ul.facList li .Img{
	background: #f4a053;
	position:relative;}

ul.facList li .Img a{
	display:block;
	overflow:hidden;}

ul.facList li .Img img{
	display:block;
	width:100%;
	transition:all 0.3s ease;}
ul.facList li .item:hover .Img img{
	opacity: 0.15;
}
ul.facList li .Txt{
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	transform: translate(-50%,-50%);
	opacity: 0;
	margin-top: 30px;
	transition: all 0.6s ease;}
ul.facList li .item:hover .Txt{
	opacity: 1;
	margin-top: 0;
}
ul.facList li .Txt h3{
	position: relative;
	padding-bottom: 35px;
	font-weight: normal;
	display:block;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:20px;
	color:#fff;
	letter-spacing: 7px;}
ul.facList li .Txt h3 strong{
	font-weight: normal;
}
ul.facList li .Txt p{
	font-size: 14px;
	line-height: 1.8;
	color: #fff;
}
ul.facList li .Txt .btn{
	display: inline-block;
	margin-top: 25px;
	color: #a88e50;
}
ul.facList li .Txt .btn i{
	margin-left: 10px;
}

/******內頁******/
.fac_ins .slick-initialized .slick-slide{
	padding:0 40px;}
.fac_ins ul.side_album a{
	background:#000;}
.fac_ins ul.side_album li a{
	margin:15% 0 0 0;
	width:50%;}
.fac_ins ul.side_album li.prev a{
	float:right;}
.fac_ins ul.side_album img{
	opacity:0.6;}
.fac_ins ul.side_album .slick-center a{
	margin:0;
	width:100%;}
.fac_ins ul.side_album .slick-center img{
	opacity:1;}
.fac_ins header,
.fac_ins .bookArea{
	display:none;}
.fac_ins .mainArea{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
	padding:0;}
.fac_ins .mainArea a.close{
	position:absolute;
	right:0;
	top:0;
	width:110px;
	height:110px;
	background:#6f4d1a;}

.fac_ins .mainArea a.close .left{
	position:absolute;
	top:53px;
	left: 34px;
	width:50px;
	height:1px;
	background:#fff;
	transform:rotate(45deg);
	}
.fac_ins .mainArea a.close .right{
	position:absolute;
	top:53px;
	right: 26px;
	width:50px;
	height:1px;
	background:#fff;
	transform:rotate(-45deg);
	}
.fac_ins .btn_book{
	position:absolute;
	right:111px;
	top:0;
	height:110px;
	line-height:110px;
	color:#fff;
	font-size:15px;
	letter-spacing:2px;
	background:#f4a053;
	padding: 0 55px;}
.fac_ins .contentBox{
	position:static;
	padding-top:190px;}
ul.faclist{
	position:fixed;
	width:100%;
	z-index:100;
	box-sizing:border-box;
	padding:50px 0 20px 25px;}
ul.faclist.shrink{
	background:rgba(0,0,0,0.7);}
ul.faclist li{
	display:inline-block;
	padding:0 20px;}
ul.faclist li a{
	position:relative;
	display:block;
	padding-bottom:20px;
	font-size:15px;
	color:#fff;}
ul.faclist li a:after{
	content:"";
	position:absolute;
	left:50%;
	margin-left:-15px;
	bottom:0;
	width:30px;
	height:0;
	background:#f4a053;
	transition:all 0.3s ease;}
ul.faclist li a:hover:after,
ul.faclist li a.current:after{
	height:2px;}
.fac_ins .contentBox p.intro{
	position:relative;
	padding:150px 0 100px 0;
	text-align:center;
	font-size:15px;
	color:#a88e50;
	line-height:1.8;}
.fac_ins .contentBox p.intro:before{
	content:"";
	position:absolute;
	left:50%;
	top:0;
	width:1px;
	height:100px;
	background:#fff;}
.fac_ins .contentBox p.intro:after{
	content:"";
	position:absolute;
	left:50%;
	top:60px;
	width:1px;
	height:40px;
	background:#f4a053;}
.serviceBox{
	background:url(../images/bg_news.jpg) center center;
	position:relative;
	padding:95px 0 105px 0;}
.serviceBox:before{
	content:"";
	position:absolute;
	left:50%;
	top: -40px;
	width:1px;
	height:40px;
	background:#f4a053;}
.serviceBox:after{
	content:"";
	position:absolute;
	left:50%;
	top:0;
	width:1px;
	height:65px;
	background:#fff;}
.serviceBox p.title{
	text-align:center;
	font-size:20px;
	color:#fff;
	letter-spacing:2px;
	margin-bottom:60px;}
.tabBox{
	position:relative;
	padding:130px 0 140px 0;}
.tabBox:before{
	content:"";
	position:absolute;
	left:50%;
	top:70px;
	width:1px;
	height:90px;
	background:#6f4d1a;}
.tabBox:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:140px;
	width:1px;
	height:90px;
	background:#6f4d1a;}
.tabcontent{
	padding:55px 95px 105px 95px;
	border:7px solid #1e1c1b;}
.shareBox{
	padding-top:30px;
	font-size:15px;
	text-align:right;}
.shareBox a{
	position:relative;
	display:inline-block;
	margin-left:53px;
	padding-bottom:14px;}
.shareBox a.fb:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	opacity:0;
	background: #3859d4;
	transition: all 0.3s ease; }
.shareBox a.line:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	opacity:0;
	background:#2dad00;
	transition: all 0.3s ease; }

.shareBox a:hover:after{
	opacity:1;}
.shareBox a i{
	position:relative;
	margin-left:30px;}
.shareBox a i:after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-right: 5px;
	width:20px;
	height: 1px;
	background: #3859d4;
	opacity: 0;
	transition: all 0.3s ease;
}
.shareBox a.line i:after{
	background:#2dad00;}
.shareBox a:hover i:after{
	opacity: 1;
	margin-right: 0;
}
.shareBox a.fb{
	color:#3859d4;}
.shareBox a.line{
	color:#2dad00;}
@media (max-width: 1180px){
	ul.facList li .item:hover .Img img{
		opacity: 1;
	}
	ul.facList li .Txt{
		position:static;
		opacity:1;
		margin:0;
		padding-top:20px;
		transform:none;}
	ul.faclist{
		padding:150px 0 0 25px;
		text-align:center;}
	.fac_ins .slick-initialized .slick-slide{
		padding:0;}
	.fac_ins ul.side_album a{
		background:#000;}
	.fac_ins ul.side_album li a{
		margin:0;
		width:100%;}
	.fac_ins .slick-dots{
		bottom:30px;}
	.fac_ins .contentBox{
		padding:90px 0 0 0;}


	ul.facList li{
	margin-bottom: 5%;
	}

	ul.facList li .Txt h3{
	color:#333;
	padding-bottom: 5px; 
	}
ul.facList li .Txt p{
	color: #a88e50;
}
	
}
@media (max-width:1100px){
	.room_ins .wrap{
		width:100%;
		padding:0 20px;}
	.room_ins .bannerArea .wrap{
		padding:0;}	
	.serviceBox ul li{
		
		width:50%!important;}
	.tabcontent{
		padding:55px 20px;}
}
/*640*/
@media (max-width: 960px){
	.fac_ins .mainArea a.close{
		width: 80px;
		height: 80px;
		}
	.fac_ins .mainArea a.close .left{
		top: 40px;
		left: 25px;
		width: 30px;
		}
	.fac_ins .mainArea a.close .right{
		top: 40px;
		right: 25px;
		width: 30px;
		}
	.fac_ins .btn_book{
		right: 81px;
		height: 80px;
		line-height: 80px;
		}
	.mainArea .contentBox h3.articleTitle{
		padding:0 20px 80px 20px;}
}
@media (max-width: 820px){
	.serviceBox ul li{
		height:auto;
		width:100%!important;}	
}
/*480*/
@media (max-width: 760px){
	.tabBox:after{
		display:none;}
	
}
@media (max-width: 640px){
	ul.faclist{
		padding:0;}
	ul.faclist li{
		display:none;}
	.fac_ins .m_classLink{
		margin:180px 20px 0 20px;}
		

		ul.facList li{
	width: 100%;
	}
}
@media (max-width:480px){
}