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

.loadingArea{
	position:fixed;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:999;}

.loadingArea .loadingMask{
	background:#FFF;
	position:absolute;
	width:100%;
	height:100%;}

.loadingArea .loader{
	text-align:center;
	position:absolute;
	width:270px;
	height:82px;
	left:50%;
	top:50%;
	margin-left:-135px;
	margin-top:-41px;
	
	transition:all 0.4s linear;}

.loadingArea .loader .millen{
	opacity:0;
	position:absolute;
	left:95px;
	top:10px;
	transition:all 0.8s ease;}

.loadingArea .loader .line{
	background:#D8D8D8;
	width:0;
	height:1px;
	position: absolute;
    top: 50px;
    left: 95px;
	transition:all 0.8s ease;}

.loadingArea .loader .text{
	opacity:0;
	position:absolute;
	left:95px;
	top:45px;
	transition:all 0.8s ease;}

/*load animate*/
.loadingArea .loader .apex{
	transform:scale(0.01);
	transition:all 0.4s ease;}
	
.loadingArea .loader .apex.zoom{/*放大*/
	transform:scale(1);}
.loadingArea .loader .apex.left{/*左移*/
	transform:scale(1) translateX(-90px);}

.loadingArea .loader .line.go{
	width:180px;}

.loadingArea .loader .millen.go{
	opacity:1;
	top:0;}

.loadingArea .loader .text.go{
	opacity:1;
	top:50px;}

/*load finish*/
.loadingArea .loader.scale{
	transform:scale(2);}

.loadingArea .loader.finish span.left{
	min-height:100%;}

.loadingArea .loader.finish span.top{
	min-width:100%;}

.loadingArea .loader.finish span.right{
	min-height:100%;}

.loadingArea .loader.finish span.bottom{
	min-width:100%;}

/*banner*/
.bannerArea{}

.bannerArea ul li{
	background:none !important;
	position:relative !important;
	min-height:0 !important;}

.bannerArea ul#banner > li{
	transform:scale(1);}

.bannerArea ul li:before{
	display:none;}

.bannerArea ul li .btn{
	width:210px;
	height:50px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-105px;
	margin-top:-25px;}

.bannerArea ul li .btn a{
	display:block;
	
    padding: 15px 50px;
    font-family: 'Lora', serif;
    font-size: 15px;
   	border:1px solid rgba(255,255,255,0.6);
	background:rgba(0,0,0,0.6);
    color: #FFF;
	text-align:center;
    text-transform: uppercase;
    letter-spacing: 2px;}

.bannerArea ul li .btn a:hover{
	background:rgb(189, 157, 112);
	border:1px solid rgb(189, 157, 112);}

/*影片*/
.playerBox{ 
	position:relative;
	background-size:cover; 
	min-height:900px;}

.playerBox:before{ 
	display:none;
	content:""; 
	width:100%; 
	height:100%; 
	background:rgba(0,0,0,0.3); 
	position:absolute; 
	left:0; 
	top:0; 
	z-index:99;}
	
.playerBox .Txt{
	width:100%;
	text-align:center;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:99;}

.playerBox .Txt h2{
	 font-family: 'Lora', serif;
	 font-size:48px;
	 color:#FFF;
	 font-weight:normal;
	 letter-spacing:5px;
	 text-transform:uppercase;
	 text-shadow:2px 2px 2px #474747;
	 
	 position:relative;
	 left:15px;
	 opacity:0;
	 transition:all 0.8s ease;}
	
.playerBox .Txt b{
	margin-top:10px;
	display:block;
	font-family: 'Lora', serif;
	font-size:18px;
	color:#FFF;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
	text-shadow:2px 2px 2px #474747;
	
	position:relative;
	left:-15px;
	opacity:0;
	transition:all 0.8s ease;}

.playerBox .Txt b:before,
.playerBox .Txt b:after{
	content:"";
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
	width:15px;
	height:1px;
	background:#FFF;}

.playerBox .Txt.show h2{
	opacity:1;
	left:0;}
.playerBox .Txt.show b{
	opacity:1;
	left:0;}

.mainArea{
	padding:0;}

.enTitle{
	margin-bottom:40px;
	font-family: 'Lora', serif;
	font-size:30px;
	color:#a99473;
	font-weight:normal;
	text-align:center;
	letter-spacing:4px;
	text-transform:uppercase;}

/**最新消息**/
.newsArea{
	padding-top:45px;}

.newsArea ul{
	margin:0 -5px;}

.newsArea ul li{
	padding:0 5px;}

.newsArea ul li .item{
	position:relative;
	background:#af242c;
	overflow:hidden;}

.newsArea ul li .Img{
	transition:all 0.4s ease;}

.newsArea ul li .Img a{
	display:block;}

.newsArea ul li .Img img{
	display:block;
	width:100%;}

.newsArea ul li .Txt{
	text-align:center;
	width:100%;
	padding:0 15px;
	box-sizing:border-box;
	
	position:absolute;
	top:100%;
	margin-top:-65px;
	z-index:10;
	
	transition:all 0.4s ease;}

.newsArea ul li .Txt:after{
	content:"";
	width:100%;
	height:150%;
	
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

	position:absolute;
	top:100%;
	left:0;
	margin-top:-100px;
	z-index:-1;
	
	transition:all 0.1s ease;}

.newsArea ul li .Txt .date{
	font-family: 'Lora', serif;
	font-size:13px;
	color:#FFF;}

.newsArea ul li .Txt .date:after{
	content:"";
	display:block;
	margin:7px auto;
	width:30px;
	height:1px;
	background:#cb212e;
	transition:all 0.4s ease;}

.newsArea ul li .Txt h3{
	font-size:14px;
	font-weight:normal;}

.newsArea ul li .Txt h3 a{
	display:block;
	color:#FFF;
	
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}

.newsArea ul li .Txt h3 a:hover{
	text-decoration:underline;}

.newsArea ul li .Txt p{
	margin-top:7px;
	font-size:13px;
	line-height:1.8;}

.newsArea ul li .Txt .btn{
	margin-top:20px;}

.newsArea ul li .Txt .btn a{
	font-size:13px;
	color:#FFF;
	text-transform:uppercase;
	letter-spacing:1px;}

.newsArea ul li .Txt .btn a:hover{
	text-decoration:underline;}

/*hover效果*/
.newsArea ul li .item:hover .Img{
	opacity:0.2;}
.newsArea ul li .item:hover .Txt{
	top:50%;
	margin-top:-40px;}
.newsArea ul li .item:hover .Txt:after{
	opacity:0;}
.newsArea ul li .item:hover .Txt .date:after{
	background:#FFF;}

/*箭頭*/
.newsArea .slick-prev{
	background:url(../images/bx_arrow_left.png) no-repeat center;
	width:25px;
	height:35px;
	text-indent:-9999px;}
.newsArea .slick-next{
	background:url(../images/bx_arrow_right.png) no-repeat center;
	width:25px;
	height:35px;
	text-indent:-9999px;}

/*roomArea*/
.roomArea{
	padding: 70px 0 0 0;
	overflow:hidden;}

.roomArea .wrap{
	width:100%;
	padding:0;}

ul#room{
	margin:0;
	background:#f8f8f8;}

ul#room li{
	transition:all 0.4s ease;}

@media screen and (min-width:640px){
	ul#room li{
		opacity:0.2;}
}

ul#room li.slick-current{
	position:relative;
	opacity:1;
	z-index:99;}

ul#room li .item{
	background:#f8f6f3;}

ul#room li .Img{
	float:left;
	width:70%;}

ul#room li img{
	display:block;
	width:100%;}

ul#room li .Txt{
	overflow:hidden;
	padding:35px;}

ul#room li .Txt h3{}

ul#room li .Txt h3 strong{
	display:inline-block;
	border:1px solid #cdc8c0;
	font-weight:normal;
	border-left:none;
	border-right:none;}

ul#room li .Txt h3 strong a{
	display:block;
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	font-size:17px;
	color:#483f2b;
	padding:5px;
	letter-spacing:1px;}

ul#room li .Txt h3 em{
	margin-top:15px;
	width:80%;
	display:block;
	font-family:'Lora', serif;
	font-size:22px;
	font-weight:normal;
	color:#675b3d;
	text-transform:uppercase;}

ul#room li .Txt p{
	margin-top:20px;
	font-size:13px;
	color:#666;
	line-height:2;
	height:160px;
	overflow:hidden;}

ul#room li .Txt .btn{
	margin-top:25px;}

ul#room li .Txt .btn a{
	display:inline-block;
	padding:10px 25px;
	font-family:'Lora', serif;
	font-size:13px;
	background:#253d5f;
	color:#cbc7bd;
	text-transform:uppercase;
	letter-spacing:2px;}

ul#room li .Txt .btn a:hover{
	background:#BD9D70;
	color:#FFF;}

.roomArea .bx-wrapper .bx-controls-direction a{
	width:60px;
	height:60px;
	margin-top:-30px;
	
	-webkit-transform:none;
	-moz-transform:none;
	-o-transform:none;
	transform:none;}

/*箭頭*/
.roomArea .slick-prev{
	left:19%;
	margin-left:-22.5px;
	width:45px;
	height:60px;
	background:url(../images/bx_arrow_left.png) no-repeat center #FFF;
	text-indent:-9999px;
	z-index:99;}
.roomArea .slick-next{
	right:19%;
	margin-right:-22.5px;
	width:45px;
	height:60px;
	background:url(../images/bx_arrow_right.png) no-repeat center #FFF;
	text-indent:-9999px;
	z-index:99;}

.roomArea .slick-prev:hover{
	background:url(../images/bx_arrow_left.png) no-repeat center #b3aa8e;}
.roomArea .slick-next:hover{
	background:url(../images/bx_arrow_right.png) no-repeat center #b3aa8e;}

/*關於我們*/
.aboutArea{}

.aboutArea .wrap{
	width:100%;
	padding:0;}

.aboutArea ul{}

.aboutArea ul li{
	position:relative;
	min-height:680px;}

.aboutArea ul li .Img{
	width:100%;
	height:100%;
	
	position:absolute;
	left:0;
	top:0;
	
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;}

.aboutArea ul li > a{
	display:block;}

.aboutArea ul li img{
	display:none;}

.aboutArea .Txt{
	width:100%;
	box-sizing:border-box;
	padding:0 30px;
	text-align:center;
	
	position:absolute;
	left:0;
	top:40%;
	z-index:10;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);}

.aboutArea h4{
	font-family:'Lora', serif;
	font-weight:normal;
	font-size:40px;
	color:#d5c49c;
	text-transform:uppercase;
	letter-spacing:5px;}

.aboutArea p{
	margin:30px auto;
	font-size:15px;
	color:#FFF;
	line-height:1.8;
	max-width:400px;}

.aboutArea .btn{
	margin-top:30px;
	text-align:center;}

.aboutArea .btn a{
	display:inline-block;
	padding:8px 50px;
	border:1px solid #4874b2;
	font-family:'Lora', serif;
	font-size:15px;
	color:#cbc7bd;
	text-transform:uppercase;
	letter-spacing:2px;}

.aboutArea .btn a:hover{
	padding:8px 80px;
	border:1px solid #BD9D70;
	background:#BD9D70;
	color:#FFF;}

/*bx小圓點*/
.aboutArea .bx-wrapper .bx-pager, 
.bx-wrapper .bx-controls-auto{
	bottom:auto;
	top:40px;
	z-index:100;}

.aboutArea .bx-wrapper .bx-pager.bx-default-pager a{
	background:none;
	border:1px solid #FFF;
	border-radius:100%;}

.aboutArea .bx-wrapper .bx-pager.bx-default-pager a:hover{
	background:#FFF;}

.aboutArea .bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#FFF;}

@media screen and (min-width:1024px){/*大於1024才有動畫*/
	/*關於我們*/
	#bannerAbout li .Img{
		transition:all 2s ease !important;
		transform:scale(1.5);}
	
	#bannerAbout.here li .Img{
		transform:scale(1);}
	
	.aboutArea h4{
		opacity:0;
		transform:translateX(20px);
		transition:all 1s ease;}
	
	.aboutArea p{
		opacity:0;
		transform:translateX(-20px);
		transition:all 1s ease;}
	
	.aboutArea .btn{
		opacity:0;
		transform:translateY(-20px);
		transition:all 1s 0.4s ease;}

	.aboutArea ul li.current h4{
		opacity:1;
		transform:translateX(0);}
	
	.aboutArea ul li.current p{
		opacity:1;
		transform:translateX(0);}
	
	.aboutArea ul li.current .btn{
		opacity:1;
		transform:translateY(0);}
	
	/*餐廳*/
	#bannerFood li .Img{
		transition:all 2s ease !important;
		transform:scale(1.5);}
	
	#bannerFood.here li .Img{
		transform:scale(1);}
	
	#bannerFood h4{
		opacity:0;
		transform:translateY(-20px);
		transition:all 1s ease;}
	
	#bannerFood em{
		opacity:0;
		transform:translateY(-20px);
		transition:all 1s 0.4s ease;}
	
	#bannerFood strong{
		opacity:0;
		transform:translateY(-20px);
		transition:all 1s 0.6s ease;}
	
	#bannerFood .btn{
		opacity:0;
		transform:translateY(-20px);
		transition:all 1s 0.8s ease;}

	#bannerFood li.current h4,
	#bannerFood li.current em,
	#bannerFood li.current strong,
	#bannerFood li.current .btn{
		opacity:1;
		transform:translateY(0);}
}

/*設施*/
.facArea{}

.facArea .wrap{
	padding:0;
	width:100%;
	position:relative;
	background:#b0957a;}

.facArea .wrap .g-tl-6{
	padding:0;}

.facArea .leftBox{
	width:50%;
	height:100%;
	position:absolute;
	left:0;
	top:0;}

.facArea .leftBox .Img{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;}

.facArea .leftBox .Img img{
	display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;}

.facArea .leftBox:after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 20px 0;
	border-color: transparent #b0957a transparent transparent;
	
	position:absolute;
	top:50%;
	right:0;
	margin-top:-25px;}

.facArea .rightBox{
	margin-left:50%;
	background:#b0957a;}

.facArea .rightBox .Txt{
	padding:6%;
	background:#b0957a;
	box-sizing:border-box;}

.facArea .rightBox .Txt h2{
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	font-size:26px;
	font-weight:normal;
	color:#FFF;}

.facArea .rightBox .Txt h2:after{
	content:"";
	display:block;
	width:50px;
	height:1px;
	background:#FFF;
	margin:15px 0;}

.facArea .rightBox .Txt p{
	font-size:15px;
	color:#FFF;
	line-height:1.8;}
.facArea .rightBox .Txt .btn{
	margin-top:50px;}

.facArea .rightBox .Txt .btn a{
	display:inline-block;
	padding:8px 50px;
	background:rgb(138, 110, 83);
	border:1px solid rgba(255,255,255,0.3);
	font-family:'Lora', serif;
	font-size:15px;
	color:#cbc7bd;
	text-transform:uppercase;
	letter-spacing:2px;}

.facArea .rightBox .Txt .btn a:hover{
	padding:8px 60px;
	background:rgba(0,0,0,0.6);
	border:1px solid rgba(255,255,255,0.3);
	color:#FFF;}
	
.facArea .adImg{
	background-repeat:no-repeat;
	background-size:cover;
	padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;}
	
.facArea .adImg img{
	display: none;}

/*餐廳*/
.foodArea{}

.foodArea .wrap{
	width:100%;
	padding:0;}

.foodArea ul{}

.foodArea ul li{
	position:relative;
	min-height:950px;}

.foodArea ul li .Img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;}

.foodArea ul li img{
	display:none;}

.foodArea .Txt{
	width:100%;
	text-align:center;
	
	position:absolute;
	left:0;
	top:40%;
	z-index:10;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);}

.foodArea h4{
	font-family:'Lora', serif;
	font-weight:normal;
	font-size:46px;
	color:#d5c49c;
	text-transform:uppercase;
	letter-spacing:5px;
	text-shadow:0 0 10px rgba(0,0,0,0.8),
						0 0 10px rgba(0,0,0,0.8);}

.foodArea em{
	display:block;
	margin:8px 0 15px 0;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	color:#FFF;
	text-shadow:0 0 10px rgba(0,0,0,0.8);
	letter-spacing:1px;}

.foodArea strong{
	display:block;
	font-size:32px;
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	font-weight:normal;
	color:#FFF;
	text-shadow:0 0 10px rgba(0,0,0,0.8), 0 0 5px rgba(0,0,0,0.5);;
	letter-spacing:5px;}

.foodArea .btn{
	margin-top:50px;
	text-align:center;}

.foodArea .btn a{
	display:inline-block;
	padding:10px 50px;
	background:rgba(0,0,0,0.2);
	border:1px solid rgba(255,255,255,0.3);
	font-family:'Lora', serif;
	font-size:15px;
	color:#cbc7bd;
	text-transform:uppercase;
	letter-spacing:2px;}

.foodArea .btn a:hover{
	padding:10px 80px;
	background:#BD9D70;
	border:1px solid #BD9D70;
	color:#FFF;}

/*bx小圓點*/
.foodArea .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom:auto;
	top:40px;
	z-index:100;}

.foodArea .bx-wrapper .bx-pager.bx-default-pager a{
	background:none;
	border:1px solid #FFF;
	border-radius:100%;}

.foodArea .bx-wrapper .bx-pager.bx-default-pager a:hover{
	background:#FFF;}

.foodArea .bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#FFF;}

/*圖文外連*/
.linkArea{
	padding:40px 0;}

.linkArea ul{
	margin:0 -10px;}

.linkArea ul li{
	padding:0 10px;}

.linkArea ul li .Img{}

.linkArea ul li .Img img{
	display:block;
	width:100%;}

.linkArea ul li .Txt{
	padding: 15px;
	text-align:center;
	
	background:#FFF;}

.linkArea ul li .Txt h3{
	
	font-size:20px;}

.linkArea ul li .Txt h3 strong{
	font-weight:normal;}

.linkArea ul li .Txt h3 strong a{
	position:relative;
	display:block;
	font-size:16px;
	color:#333;
	padding-bottom:10px;
	border-bottom:1px solid #E6E6E6;}

.linkArea ul li .Txt h3 strong a:hover{
	color:#da2441;}

.linkArea ul li .Txt p{
	margin-top:10px;
	font-size:13px;
	color:#524846;
	line-height:1.8;
	height:50px;}

/*廣告跑馬燈*/
.adArea{
	padding:40px 0;}

.adArea ul li{
	padding:0;}

.adArea .item{}

.adArea .Img img{
	display:block;
	width:100%;}

.adArea h4{
	display:none;}

@media (max-width: 1400px){	
	ul#room li .Txt h3 em{
		width:100%;}
		
	ul#room li .Txt p{
		height:80px;}
}

@media (max-width: 1180px){
	.bookBox{
		display:block;}
	
	ul#room li .Img{
		width:100%;
		float:none;}
	
	ul#room li .Txt{
		padding:30px 20px 50px 20px;}
	
	ul#room li .Txt p{
		height:100px;}
	
	.roomArea .slick-dots{
		bottom:10px;}
	
	.roomArea .slick-prev{
		left:0;
		margin:0;}
	
	.roomArea .slick-next{
		right:0;
		margin:0;}
	
	.facArea .wrap{
		background:#FFF;}
	
	.facArea .leftBox{
		float:none;
		width:100%;
		position:static;}
	
	.facArea .leftBox .Img{
		position:static;}
	
	.facArea .leftBox .Img img{
		height:auto;}
	
	.facArea .leftBox:after{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		right:auto;
		top:auto;
		margin:0 0 0 -20px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 20px 20px 20px;
		border-color: transparent transparent #b0957a transparent;}
	
	.facArea .rightBox{
		float:none;
		margin:0;
		width:100%;}
	
	.facArea .adImg{
		width:100%;
		background:none !important;
		position:static;
		text-align:center;}
	
	.facArea .adImg img{
		display:block;
		margin:0 auto;
		max-width:100%;}
}

@media (max-width: 1024px){
	
}

@media (max-width: 768px){	
	.aboutArea ul li{
		min-height:450px;}
	
	.aboutArea .Txt{
		top:45%;}
	
	.aboutArea .bx-wrapper .bx-pager, 
	.aboutArea .bx-wrapper .bx-controls-auto{
		bottom:25px;
		top:auto;
		padding:0;}
	
	.foodArea ul li{
		min-height:450px;}
	
	.foodArea .bx-wrapper .bx-pager, 
	.foodArea .bx-wrapper .bx-controls-auto{
		bottom:25px;
		top:auto;
		padding:0;}
}

@media (max-width: 640px){
	.facArea .rightBox .Img{
		position:static;
		width:100%;}
	
	.facArea .rightBox .Img img{
		height:auto;}
}

@media (max-width: 480px){
	.bannerArea ul li .btn{
		width:120px;
		margin-left:-60px;}
	
	.bannerArea ul li .btn a{
		padding:7px 10px;
		font-size:12px;}
	
	.playerBox .Txt h2{
		font-size:36px;}
	
	.aboutArea h4{
		font-size:32px;}
	
	.aboutArea ul li .Img{
		background-attachment:scroll !important;}
	
	.foodArea ul li .Img{
		background-attachment:scroll !important;}
	
}