@charset "utf-8";

@font-face {
    font-family: 'estasmallcapsregular';
    src:url('../2018/font/estasmallcaps/estasmallcaps-webfont.eot'); 
    src: url('../2018/font/estasmallcaps/estasmallcaps-webfont.eot?#iefix') format('embedded-opentype'),
         url('../2018/font/estasmallcaps/estasmallcaps-webfont.woff2') format('woff2'),
         url('../2018/font/estasmallcaps/estasmallcaps-webfont.woff') format('woff'),
         url('../2018/font/estasmallcaps/estasmallcaps-webfont.ttf') format('truetype'),
         url('../2018/font/estasmallcaps/estasmallcaps-webfont.svg#estasmallcapsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family:'CalifornianFB-Bold';
	src:url('../2018/font/CalifornianFB-Bold/CalifornianFB-Bold_gdi.eot') url('CalifornianFB-Bold_gdi.eot');
	src: url('../2018/font/CalifornianFB-Bold/CalifornianFB-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('../2018/font/CalifornianFB-Bold/CalifornianFB-Bold_gdi.woff') format('woff'),
		url('../2018/font/CalifornianFB-Bold/CalifornianFB-Bold_gdi.ttf') format('truetype'),
		url('../2018/font/CalifornianFB-Bold/CalifornianFB-Bold_gdi.svg#CalifornianFB-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
  font-family: 'MyriadPro-Regular';
  src:url('../2018/font/Myriad%20Pro/MyriadPro-Regular.eot');
  src: url('../2018/font/Myriad%20Pro/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
       url('../2018/font/Myriad%20Pro/MyriadPro-Regular.woff2') format('woff2'),
       url('../2018/font/Myriad%20Pro/MyriadPro-Regular.woff') format('woff'),
       url('../2018/font/Myriad%20Pro/MyriadPro-Regular.ttf') format('truetype'),
       url('../2018/font/Myriad%20Pro/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ===============  HTML5 display definitions  =============== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; } 
[hidden] { display: none; }

/* ===============  Base  =============== */
html { width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;  }
body { width:100%; height:100%; margin: 0; overflow-x:hidden; position:relative; 
	   font-size: 100%; line-height: 100%; font-weight:400;
	   font-family: 'CalifornianFB-Bold',  'estasmallcapsregular', '微軟正黑體';
	   /*text-rendering: optimizeLegibility;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern';                                      
	   -webkit-overflow-scrolling: touch;  }

*{ box-sizing: border-box; margin:0; padding:0; } 
a{ text-decoration:none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;   }
a:active, a:hover { outline: 0; }
img { border: 0; /*max-width:100%; height:auto;*/ }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
dl, menu, ol, ul { margin: 0; }
ul{ list-style:none; list-style-image: none; }
table { border-collapse: collapse; border-spacing: 0; }
button, input, select, textarea { font-family: inherit;  }

/* ===============  Global  =============== */
.container{ width:96%; margin-right: auto; margin-left: auto; max-width:1440px; position:relative; }
.posREL{ position: relative; }
.txtCenter{ text-align: center; }
.txtRight { text-align: right; }
.txtLeft { text-align: left; }

.R{ float:right; }
.L{ float:left;}
.R:after, .L:after{ clear:both; }
.M{ margin-left:auto; margin-right:auto;}
.clear{ clear:both; }
.bgGold{ background:#C59952; }
.gold{ color: #C59952;}
.wine{ color: #B01F39; }
.black{ color: #000; }
.w100{ width: 100% ; }
 
.font12{ font-size:.75rem; }
.font13{ font-size:.813rem; }
.font14{ font-size:.875rem; }
.font18{ font-size: 1.625rem; }
.font24{ font-size:1.5rem;   }
.font26{ font-size:1.625rem; line-height:1em;  }
.ffLight{ font-weight: 300; }

.aaUnderline{ color: #C59952; text-align:center; display:inline-block; margin:1em auto; font-size: 1.125em  /*18px*/;   }
.aaUnderline:after{ width: 40px; height: 2px; background: #C59952; display: block; content: ''; margin: .3em auto; }
.aaUnderline:hover::after{ width: 100%;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.aaArrow, .aaArrowRed{ display: inline-block; border:solid 1px transparent; color: #fff; padding:.5em 4.6em .5em 1em; position: relative; margin-top:1em;  }
.aaArrow{ background: #C59952;   }
.aaArrowRed{ background: #B02039; }
.aaArrow .carat, .aaArrow .carat:after,
.aaArrowRed .carat, .aaArrowRed .carat:after{
	content: ''; position: absolute; right: 10px; top: 50%; margin-top: -4px; border: 6px solid transparent;border-top: 6px solid #fff ;/* z-index: 2;*/
	-webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; -ms-transform-origin: 50% 20%; transform-origin: 50% 20%;
}
.aaArrow .carat:after{ margin-top: -8px; right: -6px; border-top-color: #C59952; }
.aaArrow:hover{ opacity:.8;  border:solid 1px #A88245; }

.aaArrowRed .carat:after{ margin-top: -8px; right: -6px; border-top-color: #B02039; }
.aaArrowRed:hover{ opacity:.9;  border:solid 1px rgb(148,26,47); } 

.carat.right { transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); }
.aaArrow01{float:right; margin-top:.8em}
@media screen and (max-width:700px){
	.aaArrow01{ float:none}
	}
/* ===============  Typography  =============== */
h1, h2, h3, .fontSerif{ font-family:'CalifornianFB-Bold', '微軟正黑體' ; }
h1 { font-size: 3.375rem  /*54px*/; font-weight:300; line-height:1em; }
h2 { font-size: 2.625rem  /*42px*/; font-weight:normal; line-height:1em; }
h3 { font-size: 2.25rem   /*36px*/; font-weight:normal; line-height:130%;   }
h4 { font-size: 1.313rem  /*21px*/; font-weight:normal; line-height:1.1em;   }
h5 { font-weight:normal; }
h6 { font-size: 1.125rem  /*18px*/; font-weight:normal;  line-height:1.1em;  }


@media screen and (max-width:980px){
	body { font-size: 95%; }
	h1 { font-size: 2.9rem ; }
	h2 { font-size: 2.2rem ; }
	h3 { font-size: 1.6rem ; }
	h4 { font-size: 1.2rem ; }
	h6 { font-size: 1.1rem ; }	
	}

@media screen and (max-width:480px){
	h1 { font-size: 1.8rem ; }
	}
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0; line-height:160%; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

hr{ height:1px; margin: 1em 0;   background: rgba(0,0,0,0.1); border:none; }
hr.hr1{ width:135px; height:1px; margin-top:1em; margin-bottom:1em; background: #C69953; border:none; }
 
/* ===============  Forms  =============== */
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px;  }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;  }
button, input { line-height: normal; }
button, html input[type="button"], 
input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

/* ===============  Header  =============== */

.wrapperH100{ position: relative; height: 100%; width:100%;  overflow:hidden; }
.wrapper{ position: relative; width:100%;   }

/* ===============  Navigation  =============== */

/* ===============  Slider  =============== */
.slick-slider
{ position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; 
  -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none;  user-select: none;
  -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list{ position: relative; display: block; overflow: hidden;  margin: 0; padding: 0; }
.slick-list:focus{ outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{ position: relative; top: 0; left: 0; display: block; }
.slick-track:before,.slick-track:after{  display: table; content: '';}
.slick-track:after{ clear: both; }
.slick-loading .slick-track{ visibility: hidden; }
.slick-slide{ display: none; float: left; text-align:center; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{ float: right; }
.slick-slide img{ display: block; }
.slick-slide.slick-loading img{ display: none; }
.slick-slide.dragging img{ pointer-events: none; }
.slick-initialized .slick-slide{ display: block; }
.slick-loading .slick-slide{ visibility: hidden; }
.slick-vertical .slick-slide{  display: block; height: auto;  }

/*dots*/
.slick-dots{ position:absolute; bottom: 4rem; z-index:999;  
             display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
.slick-dots li{  position: relative; display: inline-block; width: 30px; height: 30px; margin: 0 3px; padding: 0; cursor: pointer; }
.slick-dots li button { 
	font-size: 0; line-height: 0; display: block; width: 30px; height: 30px; padding: 5px;
    cursor: pointer;  color: transparent;  border: 0; outline: none; background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus{ outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{ opacity: 1; }
.slick-dots li button:before {
  position: absolute; top: 0; left: 0; width: 30px; height: 30px;
  font-size: 12px; line-height: 30px; content: '●';  text-align: center; opacity: .5; color: #fff;   
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
}
.slick-dots li.slick-active button:before { opacity: 1; color: #B02039; }
 
 
 
 
/*各種slide*/
.sliderPhone, 
#sliderPhone_AD
{  display:none;  }
.sliderPC, .sliderPhone,
#sliderPC_AD , #sliderPhone_AD
{ overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%;     }
.sliderPC  div, .sliderPhone div, 
#sliderPC_AD div, #sliderPhone_AD div
{ width:100%; height:100%; color:#fff;  }
 

.slogan_tb { display:table; position:absolute; margin:auto;   }
.slogan_tc { display:table-cell; vertical-align:middle; text-align: center; padding:0 1em;  }
.slogan_tc p{ font-size:2rem; margin:.2rem auto; line-height:1em; font-weight:300; } 
.slogan_tc h1{ margin:.2rem auto; line-height:1em; }
.slogan_tc h1.CH{ margin-bottom:20px;}
.slogan_tc span.CH{ letter-spacing:2px;font-size:2em; line-height:100%;  }
.slogan_tc a{ font-size:.9rem; color:#fff; display: inline-block; margin:30px auto; font-weight:normal;  }
.slogan_tc a:after{ width: 40px; height:2px; background:#fff; display:block; content:''; margin:8px auto ; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;  }
.slogan_tc a:hover{  /*margin-top:30px;*/ margin-bottom: 0; /*color:#C69953;*/ }
/*.slogan_tc a:hover::after{  
width: 0; height: 0;
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: #fff transparent transparent transparent;
background:none;
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;  }*/

@media only screen and (max-width:640px){	
	.sliderPC, #sliderPC_AD{  display:none;  }
	.sliderPhone, #sliderPhone_AD{  display:block;  }
	#slidecounter{  display:none;  }
	.slogan_tc p{ font-size:1.5rem; } 
	.slogan_tc h1{ line-height:.9em;font-size:2.5rem }
	}	

/*主畫面下方 天氣 頁數 訂房*/
.indBottom{ position: absolute; bottom:4em; right:0; width:100%;  z-index: 999;   }
.indBottom:after{ display:block; content:''; clear:both;   }
.indBottom_L{ display: inline-block;   }
.indBottom_L li{ display:inline-block; }
.indBottom_L li:last-child{ padding-left:1.6em; margin-left: 1.6em; border-left:solid 1px rgba(255,255,255,0.5); }
.weather { text-align:center; color: #fff; font-size:.8rem;  }
.weather img{ display:block; margin: 7px auto; width:44px; height:auto;}

@media only screen and (max-width:640px){ 
	.indBottom{ bottom:1em; } 		
	}
	
#slidecounter { width: 62px; height: 62px;  color: #fff;  position:relative; }
#slidecounter span { position: relative; width: 50%; height: 50%;  font-size: 12px; display: block; text-align: center; margin: 0 auto;  cursor:pointer; }
#slidecounter span:hover { font-weight: bold; }
#slidecounter span.totalslides { padding-top: 15px; }
#slidecounter:before, #slidecounter:after { content: ""; display: block;  width: 82px; height: 1px; position: absolute; z-index: 0; top: 31px; left: -10px;  background: rgba(255,255,255,0.5); }
#slidecounter:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand'); zoom: 1; }
#slidecounter:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); 
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand'); zoom: 1; }
#prevslide,  #nextslide {  width: 20px; height: 20px; margin-top: -10px;  position:absolute; top:50%; cursor: pointer; }
#nextslide { right: 0; background:url(../img/arNEXT_2.png) no-repeat right center;  }
#prevslide { left: 0; background:url(../img/arPREV_2.png) no-repeat left center;  }
#nextslide:hover { right:-5px; }
#prevslide:hover { left: -5px; }

 /*灰色頁數選單*/
#slidecounter_g { width: 62px; height: 62px;  color: #ccc; position:relative;    }
#slidecounter_g span { position: relative; width: 50%; height: 50%;  font-size: 14px; display: block; text-align: center; margin: 0 auto;  cursor:pointer;  }
#slidecounter_g span:hover { color:#B02039; }
#slidecounter_g span.totalslides { padding-top: 15px; }
#slidecounter_g:before, #slidecounter_g:after { content: ""; display: block;  width: 82px; height: 1px; position: absolute; z-index: 0; top: 31px; left: -10px;  background: #ccc; }
#slidecounter_g:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand'); zoom: 1; }
#slidecounter_g:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); 
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand'); zoom: 1; }

#slidecounter_g #nextslide { right: 0; background:url(../img/arNEXT_3.png) no-repeat right center;  }
#slidecounter_g #prevslide { left: 0; background:url(../img/arPREV_3.png) no-repeat left center;  }
#slidecounter_g #nextslide:hover {  background:url(../img/arNEXT_3ov.png) no-repeat right center;  }
#slidecounter_g #prevslide:hover {  background:url(../img/arPREV_3ov.png) no-repeat left center;  }


 /*訂房日期*/
.booking{ max-width:400px; width:100%; height:140px; position:fixed; right:-100%; bottom:0; top:0; margin:auto; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;}
.booking.on{right:0;}
.book_day { display:block; -webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-fill-mode: both; animation-fill-mode: both;  }
.book_day{ padding:15px 0; width:100%; height:140px;  display:inline-block; background:#fff;  }
.book_day:after{ display:block; clear:both; content:''; }
.book_day li{ width:33%; float:left; text-align:center; line-height: 130%; cursor:pointer;   }
.book_day li:nth-child(1), .booking li:nth-child(2){ border-right:solid 1px #ccc; }
.book_day li:nth-child(3){ padding-right:2rem}
.book_day small{ font-size:.75rem; display:block; margin-bottom:1em; /*font-family:'Cinzel', "Times New Roman", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L",  serif,'微軟正黑體'; */}
.book_day span{ display:block; }
.book_day .dd{ font-size: 3.75rem; line-height:1em;/* font-family:  'Myriad Pro', 'PT Sans','微軟正黑體'; */ font-weight:300;  }
.book_day .mm{ font-size: .875rem; }
.book_day svg{ width:60px; height:50px; display:block; margin:1em auto;}

.book_now{ display:block; width:2rem; padding:.6em; position:fixed; right:0px; height:140px; bottom:0; top:0; margin:auto; background:#B02039; color:#fff; text-align:center; font-size: .8rem;
writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; /*-ms-writing-mode: tb-lr;*/letter-spacing:2px;}
 


/* ===============  index  =============== */
#indAD{overflow:hidden;}
#indAD, #moment{ margin:1em auto; }
.WF_indAD:after, .WF_moment:after { content: ''; display: block; clear: both;}
.WF_indAD img, .WF_moment img{ vertical-align:top; width:100%; height:auto; }
.grid-sizerA, .grid-itemA, .grid-sizerB, .grid-itemB { width:25%; }
.grid-itemA, .grid-itemB { position:relative; overflow:hidden; }

.w2{ width:50%; }
 
.WF_indAD, .WF_moment{ width:100%; margin:2em auto; font-family: 'estasmallcapsregular','微軟正黑體'; overflow:hidden;}
.WF_moment{ border-top: solid 1px #eee; padding-top: 2em; }
.WF_indAD .frame, .WF_moment .frame{ position: absolute; top:0; height:100%; width:100%; border: solid 5px #fff; overflow:hidden;  }



.mask{ position:absolute; bottom:0; left:0; width:100%; height:100%; color:#fff; background:rgba(0,0,0,.8); overflow:hidden; opacity:0;
	 opacity:0; -moz-opacity: 0;  -khtml-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	 -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;  } 
.WF_indAD  span{ line-height:110%; width:80%; text-align:center; padding:1em 2em; margin:0 auto; display:block; opacity:0; }	 
.WF_indAD .mask{ display:table; }
.mask_txt_center{  font-family:'estasmallcapsregular', '微軟正黑體'; width:80%; height:100%; display:table-cell; vertical-align:middle; text-align:center; }	
.WF_moment .mask span{ line-height:115%; position:absolute; bottom:0; left:0; right:0; width:90%; text-align:center; padding:1em 2em; margin:0 auto; max-height:4.2em; /*height:4.2em;*/ display:block;
	border-top:solid 1px rgba(255,255,255,0.2); opacity:0; }
	
.plus{  display:block; text-align:center; margin:auto; position:relative;
		 /*content:'+';position:absolute; top:0; bottom:0; left:0; right:0; */
		 font-size:2em; width: 1.2em; height:1.2em; line-height:1.2em;   color: #fff; /*border:solid 2px #fff;  */
		 border-radius: 50em; -webkit-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; 
		  }
.plus:before{ content: '+'; /*color: #BE8A3A;*/ position:absolute; width:100%; display:inline-block; left:0; top:50%; margin-top: -20px; font-size:20px; font-style:normal; }

.WF_indAD .plus{ color:#BE8A3A;/* border-color: #BE8A3A;*/  /*transform: scale(.6); -webkit-transform: scale(.6); 20151007*/}
.WF_moment .plus{ position:absolute; top:0; bottom:0; left:0; right:0;}

/*.grid-itemA a, .grid-itemB a{ display:block;}*/

.grid-itemA a:hover .plus, .grid-itemA a:hover .mask span,
.grid-itemB a:hover .plus, .grid-itemB a:hover .mask span
{ opacity: 1; -moz-opacity: 1;  -khtml-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } 
/*.grid-itemA a:hover .plus, .grid-itemA a:hover .mask span,
.grid-itemB:hover .plus, .grid-itemB:hover .mask span
{  transform: scale(1); -webkit-transform: scale(1);  } 20151007*/

.grid-itemA a:hover .mask, .grid-itemB a:hover .mask{ opacity:1;}

.topicAD{ display:table; text-align:center; height:100%; padding:0 1em; width:100%; }
.topicAD h2{ color: #E0E0E0;   } 
.topicAD h4{ color: #fff; font-weight:200; display:inline-block; border-top: solid 1px rgba(255,255,255,0.40); padding-top:.5em; margin-top:1em;   font-family: 'estasmallcapsregular'}

.topic{  position:absolute; top:0; width:100%; height:100%; color: #CCC; display:table;  }
.topic-txt{ display:table-cell; vertical-align: middle; padding:0 4em 0 1em; }
.moment1 .topic{ background: #B02139; }
.moment2 .topic{ background: #BE8A3A; }
.topic h2{ line-height:.9em;  }
.topic h4:before{ width:30%; height:1px; background: #ccc; display: block; content:''; margin-bottom:.5em; }
.topic h4{ line-height:1em; margin-top:1em; /*font-family: 'MyriadPro-Regular';*/}


@media only screen and (max-width:980px){
	.WF_indAD .frame, .WF_moment .frame{ border: solid 3px #fff;  }	
	.grid-sizerB, .grid-itemB{ width:50% } 
	}	

@media only screen and (max-width:850px){
	.mask_txt_center h2 { font-size:1.8rem;}
	.mask_txt_center h4 {font-size:.9rem}
	}
@media only screen and (min-width:501px) and (max-width:650px){
	/*.grid-itemA { width:100%;}*/
	.mask_txt_center h2 { font-size:1.2rem;}
	.mask_txt_center h3 { font-size:.8rem }
	.mask_txt_center span , .mask_txt_center h4{ display:none;}
	}
@media only screen and (max-width:700px){
	.mask{ height:100%;}
	.grid-itemA a:hover .mask, .grid-itemB a:hover .mask{ height:100%;}
	}
@media only screen and (min-width:320px) and (max-width:500px){
	.mask_txt_center h2 { font-size:.9rem;}
	.mask_txt_center h3 { font-size:1rem }
	.mask_txt_center span , .mask_txt_center h4{ display:none;}
	.topicAD { padding:.1em; }
	.plus{transform:scale(0.6); -webkit-transform:scale(0.6);-ms-transform:scale(0.6) }
	

	.WF_moment .mask span{ font-size:.8rem; padding:.5em;}
	}

@media only screen and (min-width:320px) and (max-width:450px){	
	.topic-txt{ padding:0 1em;}
	.topic h2 { font-size:1.5rem; line-height:110%;}
	.topic h4 { font-size:1rem;}
	}
/* ===============  index  =============== */
.loadMore{ color:#BE8A3A; text-align:center; width: 100%; margin:0 auto 6em auto;  display:block; padding:10px 5px; }
.loadMore i{ width: 55px; height: 55px; line-height:20px; border:solid 15px #fff;  border-radius:50em; -webkit-border-radius:50em; -moz-border-radius:50em; margin:.5em auto; background:#BE8A3A; display:block; margin-top: -30px; margin-bottom:5px;  }
.loadMore h4{ font-family:'estasmallcapsregular', '微軟正黑體' ;/*font-family: "Times New Roman", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L",  serif;*/ }
.loadMore h4:after{ width:100%; height:1px; background: #EDEBEE; content:''; display:block; margin:30px auto 0 auto;  }
.loadMore:hover i, .loadMore:hover h4{ opacity:.8;   }

.whatNew{ background:url(../img/bgRedWave.jpg) no-repeat 0 center; background-size: cover; background-attachment:fixed; padding: 5em 0 3em 0; width:100%; position:relative;   }
.whatNew h1{ color:#fff;  }
.whatNewSlider{ position:relative; }

.whatNewList{ margin:1em auto; width:98%; max-width:1060px;   text-align:center;    }
.whatNewList li{ width:33%; display:inline-block; vertical-align:top;  padding:1.2em 0; text-align:left; }
.whatNewList li .inner{width:95%; margin:auto;}
.whatNewList h4{ color:#fff; margin:1em 0 .5em 0;  font-family:'CalifornianFB-Bold', '微軟正黑體' ; width:90%; line-height:150%; text-align: center;}
.whatNewList span{ color:#999; font-size: 0.813em; letter-spacing:1px;  }
.whatNew_img{ width:100%;    }
.whatNew_img img{ max-width:100%; height:auto; -moz-box-shadow: 1px 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 3px 3px rgba(0,0,0,0.3); box-shadow: 1px 3x 3px rgba(0,0,0,0.3); }

.whatNew_dot{ text-align:center;  }
.whatNew_dot li{ display:inline-block; }
/*.whatNew_dot a{ display: block; padding:1em .6em; }
.whatNew_dot a span{ width: 5px; height:5px; display:block; text-align: center; border-radius: 50em; background:#333;  }
.whatNew_dot a.-on span, .whatNew_dot a:hover span{ background: #BE8A3A; }*/
.whatNew_dot li button:before { color: #333 ; }
.whatNew_dot li.slick-active button:before {  color: #BE8A3A; }
.whatNew_dot .slick-dots { position:relative; bottom: 0; }

.whatNew_prev, .whatNew_next{ width: 28px; height: 45px; position:absolute; top:40%; margin-top:-20px; background-size: 90% auto !important;  }
.whatNew_prev{ left:4.5rem; background:url(../img/arPREV_1_gold.png) no-repeat center center; }
.whatNew_next{ right:4.5rem; background:url(../img/arNEXT_1_gold.png) no-repeat center center; }
.whatNew_prev:hover, .whatNew_next:hover{ opacity: .6; }
.whatNew_prev.noData{ background:url(../img/arPREV_1_gold.png) no-repeat center center; }
.whatNew_next.noData{ background:url(../img/arNEXT_1_gold.png) no-repeat center center; }

@media only screen and (max-width:1370px){
	.whatNewList { width:85%; }
	.whatNew_prev{ left: 1rem;  }
	.whatNew_next{ right: 1rem;   }	 
	}
@media only screen and (max-width:980px){
	.whatNewList li{  padding:1em 0;  }
	/*.whatNew_prev, .whatNew_next{ width: 2em; height: 2em;}*/
	}
@media only screen and (max-width:650px){
	.whatNew_dot { display:none;}
	.whatNew_prev, .whatNew_next{ transform: scale(.7)}
	.whatNew_next { right:0}
	.whatNew_prev { left:0;}
	
	.loadMore { padding:0 5px; margin:0 auto;}
	}
@media only screen and (max-width:500px){
	.whatNew{ padding-bottom:1em;}
	.whatNewList h4{ text-align:center;}
	}
/* ===============  Footer  =============== */
footer { width:100%; max-width:100%; }
.tripADV{ width:100%; padding:3em 1em; background:url(../img/bg-1.jpg) no-repeat center center; background-size:cover;  text-align:center;}
.tripADV_L, .tripADV_R{  display:inline-block; vertical-align:middle; max-width:460px; }
.tripADV_L{ width:40%; padding:1em; }
.tripADV_R{ width:58%; text-align:left; }
.tripADV_L img{ max-width:98%; height:auto; }

.tripADV h1{ line-height:1em; font-size:3.125rem; margin-bottom:1em;}
.tripADV p{ max-width: 400px; color: #666; }
.tripADV_link { max-width:306px; }
.tripADV_link:after { display:block; content:''; clear:both; }
.tripADV_link li{ width:50%; float:left; }
.tripADV_link li a{ padding:.8em 0; color:#fff; font-size: .875rem; display:block; text-align:center; }
.tripADV_link li:nth-child(1) a{ background: rgba(176,33,57,1); border: solid 1px #B02139; }
.tripADV_link li:nth-child(2) a{ background: #000; border: solid 1px #000; }
.tripADV_link li:nth-child(1) a:hover{ background: rgba(176,33,57,.8);}
.tripADV_link li:nth-child(2) a:hover{ background: rgba(0,0,0,.8);}

@media only screen and (max-width:640px){
	.tripADV_L, .tripADV_R { width:80%; }
	.tripADV_L{ margin-bottom:2em;}
	.tripADV h1{ font-size:2.3rem; }
	}
@media only screen and (max-width:350px){
	.tripADV h1{ font-size:2rem; }
	}
	
.eihr{width:100%; background:url(https://s3-ap-southeast-1.amazonaws.com/assets.fevercdn.com/kentingcaesar/2018/eihr-bg.jpg) no-repeat center center; background-size:cover; text-align:center; height:auto; padding-top:65px; padding-bottom:55px;}
.eihr .inner{ max-width:440px; width:96%; margin:auto; }
.eihr img {margin-bottom:55px;}
.eihr h5{ font-size:1.875rem; font-weight:bold; text-shadow:0px 1px 4px #888; }
.eihr p{ font-size:1.125rem; text-shadow:0px 1px 4px #888;}
@media only screen and (max-width:400px){
	.eihr img{ margin-bottom:30px;}
	.eihr h5 { font-size:1.5rem}
	.eihr p{ font-size:1rem;}
	}
.share{ width:100%; padding: 3em 1em; background:url(../img/bg-2.jpg) no-repeat center center; background-size: cover; text-align:center; }
.share ul{ margin:1em;}
.share li{ display:inline-block; vertical-align:middle; }
.share li:after{ display:inline-block; content:''; width:1px; height:1em; background: rgba(0,0,0,.1); vertical-align:middle; }
.share li:last-child:after{ display: none;  }
.share li a{ padding:6px; }
.share li a img{ vertical-align:top;}
.share li a:hover{ opacity: .8; -moz-opacity: .8;  -khtml-opacity: .8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";    }
 
.fooTXT{ width:100%; padding: 2em 1em; background:#000; text-align:center; font-size: .75rem; }
.fooLINK{ padding:1em; }
.fooLink a{ width: 4.88rem; height: 4.88rem; line-height:4.88rem; margin:1em; display: inline-block;/* border-radius: 50em; -moz-border-radius: 50em; -webkit-border-radius: 50em; -o-border-radius: 50em; border: solid 1px #A6A090;*/ }
.fooLink a img{ vertical-align:middle; }
.fooLink a:hover{ opacity: .6; -moz-opacity: .6;  -khtml-opacity: .6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
/*transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -0-transform: rotate(360deg); -ms-transform: rotate(360deg);*/
  }

@media only screen and (max-width:500px){
 .fooLink a{ width: 5em; height: 5em; line-height: 5em; margin:1em .5em;}
 
 .share { padding:1em;}
	}

.fooContact{ margin: 0 auto; padding: 1.3em; border-top: solid 1px rgba(255,255,255,0.1); border-bottom: solid 1px rgba(255,255,255,0.1); color:#999; }
.fooContact p{ margin:0 auto 22px;  }
.fooContact  ul{ margin-bottom:40px;}
.fooContact li{ display:inline-block; vertical-align:middle; }
.fooContact li:after{ display:inline-block; vertical-align:middle; content:'|'; margin:0 5px; }
.fooContact li:last-child:after {display:none}
.tel{ color: #999 !important; } 
.fooContact div{ margin-bottom:10px}
.fooContact div a{ display:inline-block; color:#FFF; padding:0 15px; }
.fooContact div a:last-child{ padding-right:0; border-right:0;}
address{padding:40px 0 130px; }
address, address a{ font-style: normal; color:#666666; line-height:150%; display:inline-block;}  

.fooContact a:hover, address a:hover{ text-decoration:underline; }

.fooContact .footer-menu{ margin:40px 0; text-align:center;}
.fooContact .footer-menu a{ display:inline-block; color:#FFF; padding:0 1em; margin-bottom:1em;}

.footer-add{}
.pageTop{ color: #000; margin:1em; position:fixed; bottom:0; right:0px; display:none; z-index:99999}
.pageTop i{ 
font-size:1.5rem; color:#000; width:50px; height:50px; line-height:40px; margin: 5px auto; display:block; background:#B9935C url(https://s3-ap-southeast-1.amazonaws.com/assets.fevercdn.com/kentingcaesar/2018/arrowBtn01.png) no-repeat center center;  border-radius: 50em; -moz-border-radius: 50em; -webkit-border-radius: 50em; -o-border-radius: 50em; 
}
@media only screen and (max-width:550px){
	.footer-add li{ margin-bottom:10px;}
	}
@media only screen and (max-width:500px){
	.pageTop i {transform:scale(0.7); -webkit-transform:scale(0.7); -ms-transform:scale(0.7)}
	address{padding-bottom:40px;}
	}

@media only screen and (max-width:370px){
	.fooContact .footer-menu a:last-child{padding:0;}
	}
@media only screen and (max-width:350px){
	.fooContact li{ display:block;}
	.fooContact li:after{ display:none;}
	}
/*.pageTop:after{ display:block; margin:5px auto; width:20px; height:2px; content:''; background:#BE8A3A; }*/
.pageTop:hover {  /*opacity: .8; -moz-opacity: .8;  -khtml-opacity: .8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */ }

 

/* ===============  album  =============== */ 
.albumDES{ position: absolute; right: 0; left: 0; bottom:2em; width:100%; max-width: 1250px; height: 90px; margin:0 auto !important; z-index: 999;  display: table; }
.albumDES:after{ display: block; clear:both; content: '';   }

.albumDes_L, .albumDes_R{ display: table-cell; vertical-align: middle;  }
.albumDes_L{  background: rgba(255,255,255,.8);   }
.albumDes_R{  width:92px;  }

.square-fff{ background: #fff; width: 90px; height: 90px; padding:16px; margin-left:auto; margin-right:0;   }

.albumDes_L ul{ display: table; width: 100%;  position: relative; height: 100%;}
.albumDes_L li{ display: table-cell; vertical-align: middle; height: 100%; position:relative; width:100%;}
.albumDes_L ul:after{ display: inline-block; width:100%; content: '';  }
.albumDes_L li:nth-child(1){ width:90px; display:inline-block;  }
.albumDes_L li:nth-child(2){ color: #B02039; padding-left:2em;   }
.albumDes_L li:nth-child(3){ text-align:right; padding-right:1em; min-width:180px;  }

.albumDes_L h4, .albumDes_L small{ display:inline-block; vertical-align:top; }
.albumDes_L small{ color: #666; max-width:70%; /*max-width:400px; width:100%;*/ line-height:150%}

.albumDes_L h4{ padding-right: 1em; line-height:130%;  }
.albumDes_L h4:before{ width:1em; height:2px; vertical-align:middle; background:#B02039; content:''; display:inline-block; margin-right:1em; }

.goINDEX{  position:absolute; top:0; left:0;  width: 100%; height:100%; /*line-height:90px;*/ display:block; background: rgba(176,32,57,1);}
.goINDEX span:before, .goINDEX span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 2px; width: 26px; background: #CCCCCC; display: block; content: ''; position: absolute; top: 50%;left:50%;  margin-left:-12px; }
.goINDEX span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);   }
.goINDEX span:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform:  rotate(-45deg);   }

.goINDEX:hover{ background: rgba(200,200,200,1);  /*border:solid 2px rgba(176,32,57,1);*/} 
.goINDEX:hover span:before, .goINDEX:hover span:after { background: rgba(176,32,57,1);}

.shareTXT{ display:inline-block; vertical-align:middle; padding:.2em 0 .2em 1em; margin-left:1em; border-left: solid 1px rgba(0,0,0,0.2); color:#000; font-family: 'Cinzel', "Times New Roman", Baskerville,  serif; }
.shareICON{ display:inline-block; vertical-align:middle; marign:0 5px; background-color: /*rgba(0,0,0,0.2);*/ width:20px; height: 20px; line-height:20px;  -moz-border-radius: 50em; -webkit-border-radius: 50em; -o-border-radius: 50em;  }
.shareICON.FB, .shareICON.MAIL, .shareICON.LINE{ background-position: center center; background-repeat: no-repeat; background-size: auto 70%; }
.FB{ background-image: url(../img/facebook.svg);}
.MAIL{ background-image: url(../img/mail.svg); }
.LINE{ background-image: url(../img/line.svg); }
.netWork{/*background:url(../img/network19.svg) no-repeat; */width:40px; height:20px; cursor:pointer}

.socialLink{position:absolute; z-index:9999; bottom:8em; width:100%; max-width: 1250px; left:0; right:0; margin:auto; text-align:right;padding-right:90px; display:none}
.socialLink a{ display:inline-block; width:25px; height:25px; border-radius:50%; margin-left:5px; background:#171717; text-align:center; line-height:30px;}
.socialLink a img{ width:70%; margin:auto;}
.socialLink a.fb:hover{ background:#3a5795}
.socialLink a.twitter:hover{ background:#28a9e0}
.socialLink a.google:hover{ background:#e04006}
.socialLink a.wechat:hover{ background:#0dce1b}
.socialLink a.webo:hover{ background:#f29600}
.socialLink a.line:hover{background:#3ccf36}
.socialLink a.pinterest:hover{ background:#cb2027}
.socialLink a.tumblr:hover{ background:#35455c}




@media screen and (max-width:1000px){ 
	.shareTXT{ display:none; }
	.albumDes_L li:nth-child(3){ min-width:120px; }
	.albumDes_L small{ vertical-align:middle; }
	 }
	 
#phone_current_describe{ display:none;}	 
@media screen and (max-width:815px){ 
.socialLink{ padding-right:0}
}
@media screen and (max-width:800px){ 
	.albumDES{ bottom:0;}
 	.albumDes_R{  display:none;  }
	.albumDes_L li:nth-child(2){  padding-left:.5em;   }	
	
	 #pc_current_describe{ display:none;}
	 #phone_current_describe{ display:inline-block}	
	 }
	 
@media screen and (max-width:600px){ 	 
	 .albumDes_L h4:before{ display:none;}
}

@media screen and (max-width:500px){ 
	.albumDes_L small{ max-width:100%;}
}

@media screen and (max-width:400px){ 
.socialLink{ bottom:0; top:1em;}
}
/* ===============  ＲＯＯＭ  =============== */
.ROOM{}
.ROOM li{  width:100%; direction:ltr; display:table; }
.ROOM li:after{ clear:both; content:''; display:block; }
.ROOM_img, .ROOM_txt{  display:table-cell; width:50%; vertical-align:middle; overflow:hidden;  }
.ROOM_txt .txtTC{ width:80%; max-width:500px; margin:auto; text-align:left; color: #666; padding:1em 0; }
.ROOM li:nth-child(even){ direction:rtl;  }
.txtTC h3{ margin-bottom: .5em;}
.txtTC h4{ letter-spacing: 1px; font-weight:300; }

.ROOM_img{ background:#000; }
.ROOM_img img{ width:100%; max-width:100%; height:auto; vertical-align:top; }
.ROOM_img:hover img{ transform: scale(1.05);  -webkit-transform: scale(1.05);-moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); 
                     transition: all 2s; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s;  opacity:.6 }

@media screen and (min-width:641px) and (max-width:980px){
	.txtTC p{ display:none;}
	.ROOM_img img{ transform:  }
	}
@media screen and (max-width:640px){
	.ROOM li{ display:block; }
	.ROOM_img, .ROOM_txt{ width:100%; display:block;}
	.ROOM_txt{ padding:3em 0 5em 0;}
	.txtTC p{ display:block;}
	}
 
.ROOM .more{ float:left;  margin-top:3em; margin-bottom:1em; }

.more{  display:block; text-align:center; width: 16px; height:16px;  position:relative; 
		color: #999; border-radius: 50em; -webkit-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; 	 
	  }
.more:before{ content:'+'; position: absolute; width:100%; height:100%; left:0; top:50%; font-size:50px; margin-top: -8px; } 
.more:after{ clear:left; content:''; display:block; }
.more:hover{ color:#BE8A3A; border-color: #BE8A3A;  }


.menufixed{ background:#DFDFDF; width:100%; position:relative;}
.menufixed .container{ text-align:center;}
.navType{ /*display:inline-block; width:98%; max-width:1440px; */text-align: center; display: inline-block; width: 95%; margin:auto; }
.navType li{ display:inline-block; color:#fff; margin:0; padding:0; vertical-align:middle;}
.navType li a{ color:#707070; padding:1em; display:block; }
.navType li.-on a{ color:#000; }
.navType:after { content: ''; clear:both; }
/*.navType li:last-child{   float:right; }
.navType li:last-child:after{ clear:both; display:block; content:''; }*/

.navType_phone { padding: 1px 0 ; border-top: solid 1px #CCC; display:none; }
.navType_phone ul{ width:96%; margin:auto; text-align:center;}
.navType_phone .-on a{ color:#000; }
.navType_phone a{ /*padding:.7em 1em .7em 1.5em; */display:block; color:#707070; padding:.7em 1em;}
.navType_phone a:hover{color:#000}

.fixed_sc { position: fixed; left:0; width: 100%; z-index:999999; }
.menufixed.fixed_sc { background:#dfdfdf; top:45px; text-align:center;}


.iconMenu { /*cursor: pointer;*/ padding: 23px 30px 23px 10px;  display:inline-block; position:absolute; top:0; right:0; }
.iconMenu span, .iconMenu span:before, .iconMenu span:after {  border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 3px; width: 26px; background: rgba(255,255,255,1); position: absolute; display: block; content: ''; } 
.iconMenu span:before { top: -8px; }
.iconMenu span:after { bottom: -8px; }

.arrowMenu{ transform: scale(.9); background:url(../img/arrowBtn.png) no-repeat center center; width:22px; height:13px;  position:absolute; right:2%; top:35%; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;  }
.arrowMenu.on{transform: rotate(180deg); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;  }

#bn_type{ display:none; }
@media screen and (max-width:960px){
	 #bn_type{ display:inline-block; }
	 .navType li{ display:none; text-align:center; width:100%}
	 .navType li a{ padding:.6em;}
	 .navType li.-on{ display:block; }
	 .navType li.-on a{ color:#000; }
	}
@media screen and (min-width:961px){
	 .navType_phone{ display:none !important; }
	 .navType li.pcHide{ display:none;}
	}
@media screen and (min-width:927px){
	 .menufixed.fixed_sc { top:48px; }
	}
@media screen and (max-width:800px){
	.menufixed.fixed_sc { top:61px; }
	}
.ROOMTYPE{ padding:3em 0; }
.ROOMTYPE h1{ margin:.5em 0;}
.ROOMTYPE h4{ color:#666; font-weight:300; }
.edit_room{ max-width:900px; margin:0 auto 1em auto; color:#999;}
.ROOMTYPE .flex-images,
.BANQTYPE .flex-images,
.DININGTYPE .flex-images,
.SPATYPE .flex-images{ max-width: 1370px; }

.ROOMTYPE .flex-images,
.DININGTYPE .flex-images,
.SPATYPE .flex-images{ margin:3em auto; }
.BANQTYPE .flex-images{ margin:1em auto; }

.flex-images { overflow: hidden; }
.flex-images .item { float: left; margin: 4px;  box-sizing: content-box; overflow: hidden; position: relative;/* background: #000; */ }
.item img { display: block; width: auto; height: 100%; }
/*.item a:hover img{ opacity:.3; -ms-transform: scale(1.02,1.02);  -webkit-transform: scale(1.02,1.02);  transform: scale(1.02,1.02); 
	-webkit-animation-fill-mode: both; animation-fill-mode: both;
	-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;  }*/
.albumMask{ position:absolute; background:rgba(0,0,0,.8); width:100%; height:0%; bottom:0; left:0; opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.albumMask p{ font-size:.9rem; color:#FFF; text-align:left; margin:0; line-height:150%; padding:1em;}
.item:hover .albumMask{ opacity:1; height:25%}

.tb{ display:table; position:absolute; width:100%; height:100%;   }
.tc{ display:table-cell; vertical-align:middle; height:100%; }	
.des p{ color:#DDC499; font-size: .875em; width:70%; max-width:230px; margin:0 auto .5em auto; }	
.des .plus{ color: #C59952; border-color: #C59952;}
.des{ opacity:0; }	
.item a:hover .des{ opacity:1; }

.ADV{}
.ADV ul{ }
.ADV ul:after{ content:''; display:block; clear:both; }
.ADV li{ width:50%; float:left;  color:#fff; position:relative; overflow:hidden; display:block;  }
.ADV a{ display:block; color:#fff; }
.ADV li img, .ADVbig img{ width:100%; height:auto; min-height:300px; vertical-align:top; }
.advMask{  width:100%; height:100%; background:rgba(0,0,0,0.8); position:absolute; top:0; left:0;  }
.advMask_txt{ width:80%; max-width:380px; position:absolute; top:40%; margin-top:-2em;   }
.advMask_txt h3{ font-family:'微軟正黑體', 'Myriad Pro', 'PT Sans'; font-weight:200;  }
.advMask_txt h3 span{ font-size:1.5rem; display:block}
.advMask_txt p{  margin-top:.5em;  font-weight:300; letter-spacing:1px; }
.ADV li:nth-child(1) .advMask_txt{ right:10%; text-align:right;  }
.ADV li:nth-child(2) .advMask_txt{ left: 10%; }
.ADV a:hover, .ADVbig a:hover { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;  }
.ADV a:hover .advMask{ transform: scale3d(0.97,0.92,1); -webkit-transform: scale3d(0.97,0.92,1);
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;  }
.ADV a:hover .advMask_txt,
.ADVbig a:hover .advMask_txt {  transform: scale3d(1.03,1.03,1); -webkit-transform: scale3d(1.03,1.03,1);-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 0.5s; transition: all 1s; }
 

@media screen and (max-width:700px){
	.ADV li{ width:100%; }
	.albumMask p{ position:absolute; text-align:center; top:35%; display:block; width:90%; left:0; right:0; margin:auto;}
	.albumMask{height:100%;}
	.item:hover .albumMask{ height:100%;}
	}
 
.ADVbig { position:relative; height:300px; overflow:hidden; text-align:center; }
.ADVbig a{ display:block; color:#ccc; }
.ADVbig a:hover .advMask{ transform: scale3d(0.98,0.94,1); -webkit-transform: scale3d(0.98,0.94,1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;  }
@media screen and (min-width: 1360px){
	.ADVbig a:hover .advMask{ transform: scale3d(0.99,0.95,1); -webkit-transform: scale3d(0.99,0.95,1);   }
	}
.advMaskL_txt{ width:80%; max-width:380px; position:absolute; top:40%; left:0; right:0; margin:-3em auto;    }
.advMaskL_txt h3{/* font-family: 'Myriad Pro', 'PT Sans';*/ font-weight:200;  }
.advMaskL_txt p{  margin-top:.5em;   }

.aaGO{ border:solid 2px #BE8A3A; background:url(../img/arRight-01.svg) no-repeat center center; background-size: 15px auto;
	width: 48px; height:48px; margin: 10px auto; 
	border-radius: 50em; -webkit-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em;  }
 

/* ============= VILLA ==================== */
.VILLATYPE{ padding:4em 0; text-align:center; }
.VILLATYPE h1{ margin:.5em 0;}
.VILLATYPE h4{ color:#666; font-weight:300; font-size: 1.625rem; display: inline-block; letter-spacing: 1px; margin:0 auto;  }
.VILLATYPE h6{ font-weight:300;}
.VILLATYPE h4:after{ width:130px; height: 1px; background: #C59952; display: block; content: ''; margin: .7em auto; }
.VILLATYPE h6:after{ width:130px; height: 1px; background: #C59952; display: block; content: ''; margin: .7em auto; }
.edit_villa{  /*column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; 
              column-gap: 2em; -webkit-column-gap: 2em; -moz-column-gap: 2em; 20151002*/ text-align:center; 
              color:#666666; width: 90%; max-width: 960px; margin:2em auto;/* text-align: left 20151002*/;
}
@media screen and (max-width: 500px){
	.VILLATYPE { padding:3em 0 0;}
	}
@media screen and (max-width: 480px){
	.VILLATYPE h1{ font-size:2rem; line-height:120%}
	.VILLATYPE h4 { font-size:1.2rem;}
	}
.edit_villa p{ margin:0 0 1em 0;}

.mask_FRAME{ position: absolute; top:0; height:100%; width:100%; overflow:hidden; }

.mask_TB{ position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; background:rgba(0,0,0,.8); display: table; 
	 opacity:0; -moz-opacity: 1;  -khtml-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	 -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;  } 

.mask_TC{ display: table-cell; height:100%;  vertical-align:middle; text-align:center;  }	
.plusGOLD:before{ content: '+'; position:absolute; width:100%; display:inline-block; left:0; top:50%; margin-top: -24px; font-size:30px; }	
.plusGOLD{  color:#BE8A3A; display:block; text-align:center; margin: 12px auto 0 auto; position:relative; 
		 width: 48px; height:48px; line-height:48px; 
		 border:solid 2px #BE8A3A; border-radius: 50em; -webkit-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; 
		  }
.mask_TB .plusGOLD{ transform: scale(.6); -webkit-transform: scale(.6); }
li:hover .plusGOLD{ transform: none; -webkit-transform: none; }

.adv-villa{ background: #000;}
.adv-villa li{ overflow: hidden; height: 595px; position: relative; text-align: center;  }
.adv-villa img{  min-width: 100%; height: 100%; vertical-align:top;}
.adv-villa p{ max-width: 500px; margin:1.5em auto; }

.adv-villa li:hover .mask_TB{ opacity: 1; -moz-opacity: 1;  -khtml-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}


@media screen and (max-width: 640px){
	.adv-villa li{height:340px;}
	.adv-villa li .mask_TB{ opacity: 1; background:rgba(0,0,0,.3); z-index: 99;}
	.mask_TC{ padding: 0 2em;}
	.adv-villa img{ /* transform: translate(-45%, 0);	 -webkit-transform: translate(-45%, 0); -moz-transform: translate(-45%, 0); -ms-transform: translate(-45%, 0); -o-transform: translate(-45%, 0); */} 

	.edit_villa{ column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
}

.VILLATYPE .flex-images{ max-width: 1370px;  }

.subType{  width:100%; font-size: 1.5em; margin:1em auto; }
.subType li{ padding:.5em 1em; display:inline-block; color: #666; border-right: solid 1px #ccc; cursor:pointer; line-height:130%; width:20%}
.subType li.-on{ color: #C59952; }
.subType li:last-child{ border:none; }
.subTypeTab{ margin:4em auto; 
			-webkit-animation-duration: 1s; animation-duration: 1s;
			-webkit-animation-fill-mode: both; animation-fill-mode: both; /*20151007*/
			/*-webkit-animation-name: slideInLeft; animation-name: slideInLeft; 20151007*/}

.VILLAINTRO{ background: #F0F0F0; padding:6em 0; text-align:center; color:#999999;}
.VILLAINTRO h4{ margin:1em auto; font-weight:300; font-size:1.7rem; /*字體大小for中文 20151007*/}
.content{ width:90%; max-width:900px; margin:0 auto; }
@media screen and (max-width: 500px){
	.VILLAINTRO { padding:3em 1em;}
	.subType li { border-right:0; width:100%;}
	.subTypeTab { margin:2em auto}
	}
/* ============= ROOM RATE ==================== */
.ROOMRATE{ padding:3em 0; min-height:300px; width:90%; max-width:890px; margin: 0 auto;  }
.ROOMRATE h1.chFont{font-size:3.2rem;}
.close{ display:block;  width: 25px; height: 25px; position:relative; margin: 3em auto;  }
.close span:before, .close span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; 
height: 2px; width: 25px; background: #C69953; display: block; content: ''; position: absolute; top: 50%;  }
.close span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);   }
.close span:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform:  rotate(-45deg);   }
.close:hover{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } 

.edit_rate{ color: #666; font-size:.87rem; margin:2em auto; }
.edit_rate h4, .edit_rate h6{ font-weight:300; }

.tablePrice{ margin:1em auto 3em auto;}
.tableRWD { width:100%; max-width:100%; margin: 1em auto 4em auto; }
.tableRWD3 { width:100%; max-width:100%; margin: 1em auto 4em auto; }

.tb_style1 td, .tb_style1 th{ padding:.6em;   }
.tb_style1 th{ background: #999999; color: #fff; border:solid 1px #fff;  font-size:1.125rem; font-weight: normal;
	font-family: /*'Californian FB', "Times New Roman", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L",  serif;*/  }
.tb_style1 tr{ font-size: .88rem; border-bottom: solid 1px #E0E0E0; }

.tb_style1_a td { padding:1em;   }
.tb_style1_a th{ padding: .7em;   }
.tb_style1_a th{ background: #999999; color: #fff; border:solid 1px #fff; font-size:1.125rem; font-weight: normal;
	/*font-family: 'Californian FB', "Times New Roman", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L",  serif;*/  }
.tb_style1_a tr{ font-size: .88rem; border-bottom: solid 1px #E0E0E0; }
.tb_style1_a tr:nth-child(2n){ background: #F6F6F6; }

.tableRWD2{ width:100%; margin: 1em auto 4em auto;  }
.tableRWD2 td{ width:50%; }

.tb_style2 th{ padding:.5em 1em; border-bottom:solid 2px #999; font-weight: 300; }
.tb_style2 td{ padding: 1em 2em; vertical-align: middle; text-align: left; border-bottom: solid 1px #E0E0E0;   }
.tb_style2 div{ position:relative; padding-left: 1em; }
.tb_style2 div:before{ content:'+'; color: #C59952; position:absolute; left:0; height:1em; /*top: 50%; margin-top:-.5em;*/ }

.tb_style3 th{ padding:.5em 1em; background: #C59952; color: #fff; font-size:1.5rem;  font-weight: normal;
		/* 英文版的字型 20151007 font-family: 'Californian FB', "Times New Roman", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L",  serif;*/   
		font-family: /*'Myriad Pro','PT Sans', 'Century Gothic', 'Tahoma, Geneva', 'sans-serif', '微軟正黑體','Microsoft JhengHei', 'STHeitiTC-Light', 'STHeitiTC', 'MHei' ;*/ }
.tb_style3 td{ padding: 1em 2em; vertical-align: middle; text-align: left; border-bottom: solid 1px #E0E0E0;   }

.tb_style4 tr:first-child { border-top: solid 2px #C69953; }
.tb_style4 tr{ border-bottom: solid 1px #E0E0E0;  }
.tb_style4 tr:nth-child(2n){ background:#F6F6F6; }
.tb_style4 td{ padding: .7em 2em; line-height:150%; vertical-align: middle; text-align: left;  border-left: solid 1px #E0E0E0;  border-right: solid 1px #E0E0E0;  }
.tb_style4 td:nth-child(2n){ color: #333; }
.tb_style4 td:nth-child(2n+1){ text-align:right; }

@media only screen and (max-width: 800px) {
	/* Force table to not be like tables anymore */
	.tableRWD table, .tableRWD thead, .tableRWD tbody, 
	.tableRWD th, .tableRWD td, .tableRWD tr,
	.tableRWD3 table, .tableRWD3 thead, .tableRWD3 tbody, 
	.tableRWD3 th, .tableRWD3 td, .tableRWD3 tr
	{ display: block; }

	/* Hide table headers (but not display: none;, for accessibility) */
	.tableRWD thead tr, .tableRWD3 thead tr { position: absolute; top: -9999px; left: -9999px; }
 	
	/* 一筆資料 */
	.tableRWD tr { }
	.tableRWD td {   /* Behave  like a "row" */
		position: relative; padding-left: 40%; white-space: normal; text-align:left;
	}
	.tableRWD td:before{ 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0; left: 0; padding:.5em 0;
		width: 38%; white-space: nowrap; text-align:left; color:#666;	 
	}
	.tableRWD3 td { position: relative; padding-left: 6em; white-space: normal; text-align:left;}
	.tableRWD3 td:before { position: absolute;top: 0; left: 0; padding:1em 0 1em 1em; width: 5em; white-space: nowrap; text-align:left; color:#666;	 }
	
	/* Label the data*/
	.tableRWD td:before , .tableRWD3 td:before { content: attr(data-title); }
	
	/* rwd table style*/
	.tb_style1 tr{ padding:.5em 1em;  margin-bottom: 1em; border:solid 1px #eee; border-bottom: solid 1px #999;   }
	.tb_style1 td{ border:none; color:#C59952;}
	 
	
}

@media only screen and (max-width: 500px) {
	/* Force table to not be like tables anymore */
	.tableRWD2 table, .tableRWD2 thead, .tableRWD2 tbody, 
	.tableRWD2 th, .tableRWD2 td, .tableRWD2 tr
	{ display: block; } 
	.tableRWD2 td{ width:100%; }	
	.last-noBorder{ border:none !important; }
	
	.tb_style4 td:nth-child(2n+1){ text-align: left; padding-bottom:0;  }
}



.itemRate{ width:100%; margin:2em auto;  }
.itemRate_title{ background: #999; color:#fff; padding:.6em; font-size: 1.5rem; line-height:180%}
.itemRate p{ padding:.5em 3em;}

.content_half{ display:table; width:100%; margin:1em auto 2em auto; }
.content_half li{ display:table-cell; width:50%; text-align:left; letter-spacing:1px; }
.content_half li:first-child{ padding-right:2em;}
.content_half li:last-child{ padding-left:2em; border-left: solid 1px rgba(0,0,0,0.1) }
 

/* ===============  Banquet waterfall  =============== */
.WF_banq{ margin: 4em 0; }
.WF_banq:after{ content: ''; display: block; clear: both; }
.WF_banq img{ vertical-align:top; width:100%; height:auto; }
.grid-sizerC, .grid-itemC { width:50%; }
.grid-itemC { position:relative; overflow:hidden; }

.WF_banq .mask{ display:table; } 
@media only screen and (max-width:580px){
	.grid-sizerC, .grid-itemC { width:100% } 
	}	

.WF_banq .mask_TC{ color: #C59952; }	
.WF_banq li:hover	.mask_TB{ opacity:1; }
	
.hrAfter {  /*position:relative; padding-bottom: .3em;*/ margin-bottom:.5em;  }
.hrAfter:after{ /*position:absolute; bottom:0; right:0;*/ display: block; width:135px; height:1px; background: #C69953; content: ''; /*margin-left:auto; margin-right:0; 20151002*/ margin: .5em auto 0;   }
 	
.subjBANQ{ position: absolute; top:0; height:100%; width:100%; overflow:hidden; color:#fff; }
.subjBANQ p{ /*color: #E5E5E5;*/ color: rgba(255,255,255,0.6); }
.subjBANQ .tc{ padding:1em 10%; }
.subjBANQ.bgWine{ background: #B02039; }
.subjBANQ.bgGold{ background: #C59952; }

.hotel_gray{ background: #F0F0F0; padding: 1em 0 5em 0;   }
.hotel_upper , .hotel{  width:90%; max-width:1000px;   }
.hotel_upper{ margin:-9em auto 3em auto;  }
.hotel{ margin: 3em auto;  }

.hotel_ov{ width:90%; max-width:820px; margin:5em auto; color:#666; }
.hotel_ov:after{ clear:both; display:block; content:''; }
.hotel_ovL, .hotel_ovR {/* width: 50%; 20151002*/margin-bottom:2em; letter-spacing:1px;  }
.hotel_ovL { /*float:left; text-align:right; padding-right:6%; 20151002*/ text-align:center}
.hotel_ovR {/* float:right; 20151002*/ min-height:260px;text-align:center; }
.hotel_ovL h1{ line-height: 1.1em; text-align:center; }
.hotel_ov h5{ margin-bottom: 15px;   }
.hotel_ov h5.CHtxt {line-height:120%; letter-spacing:0; margin-top:1.5em;}
@media only screen and (max-width:920px){
	.hotel_ovL, .hotel_ovR { width: 100%; float:none; padding-right:0;  }
	}	
@media only screen and (max-width:650px){
	.hotel_ovL h1{ font-size:2.5rem;}
	.hotel_ov h5 { font-size:1.2rem; line-height:120%}
	.hotel_ovR{ min-height:auto}
	}	
@media only screen and (max-width:500px){
	.hotel_ov { margin: 3em auto}
	}	
.BANQTYPE{ padding:4em 0; text-align:center; }
.BANQTYPE h1{ margin:.5em 0;}
.BANQTYPE h4{ color:#666; font-weight:300; font-size: 1.625rem; display: inline-block; letter-spacing: 1px; margin:0 auto;  }
.BANQTYPE h6{ font-weight:300;  }

.subTypeSSS, .manyLinks{ width:90%; max-width:700px; font-size: 1.125rem; margin:1em auto; text-align:center;  }
.subTypeSSS li, .manyLinks li{ margin:.3em 0; padding:.3em 1em; display:inline-block; color: #999; border-right: solid 1px #ccc; vertical-align:middle; }
.subTypeSSS li a, .manyLinks li a{ color: #999; }
.subTypeSSS li.-on a, .subTypeSSS li:hover a{ color: #666; text-decoration:underline;  }
.manyLinks li:hover a{ color: #000;}
.subTypeSSS li:last-child, .manyLinks li:last-child{ border:none; }

/*.subTypeSSS li:nth-child(4n){ border:none; }	*/

.subTypeSSSTab{ color: #999; width:80%; margin:0 auto; max-width:870px;  }
.subTypeSSSTab_price { color: #999; width:100%; margin:3em auto;  }
@media only screen and (max-width:650px){
	.BANQTYPE{ padding:0} 
	}	

/* ============= Dinging & SPA overview ==================== */ 
.category_cake, .category_spa{ margin: 3em auto;  }
.category_cake > li, .category_spa >li  { margin-bottom: 6px; }
.catContainer{ width:100%; background: #E3E3E3; position:relative; }
.catIMG, .catTXT { display: inline-block; width:50%; vertical-align: middle; overflow:hidden;   }
.catIMG { width:50%; background:#000;   }
.catTXT { width: 49%; padding:0 3em; position:absolute; height: 70%; top:15%;  }
.catIMG img{ vertical-align:top; width:100%;  }
.catTXT h3{ font-weight: 300; line-height:1em;  }
.catTXT p{ color: #666666; }

.catTXT-words h3{ color:#666;}

.category_cake > li, .category_cake:after, .catContainer:after,
.category_spa > li , .category_spa:after 
{ display:block; content:''; clear:both;  }

/*.category_cake > li:last-child .catContainer { background: #B02039; color: #fff; }*/
/*.category_spa > li:nth-child(1) .catContainer */
/*.category_cake > li:last-child .catTXT p { color: rgba(240,240,240,0.8) }*/
/*.category_spa > li:nth-child(1) .catTXT p */
.category_cake > li:nth-child(even) .catIMG{ float: right; } 
.category_cake > li:nth-child(even) .catIMG:after{ clear: right; } 

.category_spa > li:nth-child(odd) .catIMG{ float: right; } 
.category_spa > li:nth-child(odd) .catIMG:after{ clear: right; } 
 
.aaCatMore{  color:#000; position:absolute; bottom:0; left:3em;  width: 16px; height: 16px; display:block;  }
/*.aaCatMore span:before, .aaCatMore span:after { border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 2px; width: 100%;
 background: #000; display: block; content: ''; position: absolute; top: 50%; }
.aaCatMore span:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);   }
.aaCatMore:hover{   }
.aaCatMore:hover span:before, .aaCatMore:hover span:after{ background: #C59952; }*/
.aaCatMore span:before{content:'+'; position: absolute; width:100%; height:100%; left:0; bottom:0; font-size:50px; margin-top: -8px; }
.aaCatMore span:after{clear:left; content:''; display:block;}
 
.openDiv{ position:absolute; bottom:0; left:3em; width: 16px; height:16px; display:block;     }
.openDiv span:before, .openDiv span:after { border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 2px; width: 100%;
 background: #000; display: block; content: ''; position: absolute; top: 50%; }
.openDiv span:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);   }
.openDiv.-on { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);   }
.openDiv:hover span:before, .openDiv:hover span:after { background: #C59952 ; } 
.openDiv.BLK span:before, .openDiv.BLK span:after { background: #000; }
 
@media screen and (min-width:601px) and (max-width: 980px) {
	/*.catTXT p{ display:none; }*/
	.catTXT h3{ font-size:1.5rem;}
	.catIMG img{ transform: scale(1.6) translateY(20px); -webkit-transform: scale(1.6) translateY(20px); -moz-transform: scale(1.6) translateY(20px); -ms-transform: scale(1.6) translateY(20px);}
	.catIMG{ min-height: 240px; }
	}
 
@media screen and (max-width:600px){
	.category_cake > li, .category_spa >li  { margin-bottom: 1.5em; }
	.catIMG, .catTXT { width:100%; float:none; position:relative; }
	.catTXT { padding-top:2em; padding-bottom: 6em; }
	.aaCatMore, .open{ bottom: 2em;}

	.openDiv{ bottom:2em;}
	}

.buy{  width:100%; min-height: 200px;  }
.buyList{ }
.buyList:after{ display:block; content:''; clear:both;   }

.buyList li{ width:100%; position:relative; width:100%;}
.buyList li .inner{ padding:95px 40px 85px 55px;}
.buyList li:after{ height: 1px; width:100%; display:block; background:#CCC; content:''; position:absolute; bottom:0}
.buyList li:nth-child(3n+1)::after{ width:100%; margin-left:auto; margin-right:0;  }
.buyList li:nth-child(3n+2)::after{ width:100%; }
.buyList li:nth-child(3n+3)::after{ width:100%;}
/*.buyList li:nth-child(3n+1),
.buyList li:nth-child(3n+2){  border-right: solid 1px #ccc;  }*/

.buyList h6{color:#000; font-weight: bold; overflow:hidden; position:relative; vertical-align:top;}
/*.buyList h6:after{ content:''; position:absolute; width:1px; height:100%; background:#CCC; right:0; top:0;}*/
.spaBuyDes{font-size: .8rem; color: #000; font-weight:bold; margin-top:0; margin-bottom:0; vertical-align:middle; margin-bottom:20px;}
.factSheet{ font-size:.8rem; color:#666; margin-bottom:30px;}
.spaTips{font-size: .8rem; width:100%;}
.spaTips .Tit, .spaTips .Txt{display:inline-block; margin-right:-4px; vertical-align:top;}
.spaTips .Tit{ font-weight:bold; color:#000; width:10%;}
.spaTips .Txt{ line-height:150%; color:#666; width:90%;}
.buyITEM{ width:100%; margin:0 auto;}
.buyITEM h6{ margin-bottom:30px; min-height:20px; line-height:150%;}
.buyITEM .left, .buyITEM .right{ display:inline-block; margin-right:-4px; vertical-align:top;}
.buyITEM .left { width:25%; margin-right:2%}
.buyITEM .right { width:73%;}

.aaBuyNow_1{ color:#999; font-size:.875rem; display:block;  }
.aaBuyNow_1:hover{ color:#B02039; text-decoration: underline; }
.aaBuyNow_2{ display: block; max-width: 120px; padding:.5em 2em; background: #C59952; color:#fff; font-size:.875rem;}
.aaBuyNow_2:hover{ opacity:.9; letter-spacing:1px;}

.imgBuySPA{ width:180px; height:180px; margin:1em auto; }
.imgBuySPA img{ width:100%; height:auto; object-fit:cover; }
.imgCircle{ /*width:150px; height:150px;*/ width:9.2em; height:9.2em; margin:1em auto; border-radius: 50em; -moz-border-radius: 50em; -webkit-border-radius: 50em; -o-border-radius: 50em; overflow:hidden; border:solid 3px transparent; }
.imgCircle img{ width:100%; height:auto; object-fit:cover; }

.buyList li:hover .imgCircle img{ opacity:.8; }
.buyList li:hover .imgCircle{ border:solid 3px rgba(0,0,0,.1); transition: all .5s ease; }

.price{ color:#777; margin-bottom:15px;}
.price span{ color:#000;}
.price_original, .price_member{ display:inline-block; text-align:center; }
.price_original{ width: 35%; padding-right: 6px; color: #666;}
.price_member{ width: 63%; border-left:solid 1px #ccc; padding-left: 6px;  color: #B01F39;    }

.buyList01{}
.buyList01 li{ display:inline-block; width:33%; margin-right:-4px; padding:1em .5em; border-right:1px solid #CCC; border-bottom:1px solid #CCC;}
.buyList01 li:nth-child(3n+1){border-left:1px solid #CCC;}
.aaBuyNow_3{ display: block; max-width: 120px; padding:.5em 2em; /*margin:.5em auto 3em auto;*/ background: #ccc; color:#fff; font-size:.875rem; margin:1em auto 0em;}
.aaBuyNow_3:hover{background: #C59952;}

.phonePrice{ display:none;}
@media screen and (max-width:900px){ 
	.buyList li .inner{ padding:10% 5%;}
	.buyITEM .left, .buyITEM .right{ display:block; width:100%;}
	.pcPrice{ display:none;}
	.phonePrice{ display:block; margin-top:30px;}
	.spaTips .Tit{ display:block; width:100%; margin-bottom:5px;}
	.spaTips .Txt{ display:block; width:100%}
}
@media screen and (max-width:500px){
	.imgBuySPA { width:100%; height:100%;}
	}

.series{ background: #E3E3E3; padding:1.3em 2em; text-align:center; }
.series ul{ width:100%; font-size: 1.125em;  }
.series li{ display:inline-block; }
.series li:after{ content:'/'; padding:0 5px; color: #999; }
.series li:last-child::after{ content:''; }
.series li a{ padding:0 10px; color: #000; }
.series li a:hover, .series li.-on a{ color: #B01F39; }

.closeCircle{ text-align:center;  display:block; margin:3em auto; width:240px; position:relative; color: #666666; font-size: .8125rem;  }

.cross{ width: 26px; height: 26px; border: solid 2px #C59953; display:inline-block; position:relative; border-radius: 50em; -moz-border-radius: 50em; -webkit-border-radius: 50em; -o-border-radius: 50em;   }
.cross:before, .cross:after { width:65px; height:1px; background: #C59953; content:''; position:absolute; top:50%;  }
.cross:before{ left:35px;  }
.cross:after{ right:35px;  }
.cross span:before, .cross span:after { border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; width: 12px;  height: 2px; 
background: #C59953; display: block; content: ''; position: absolute; top: 50%; left: 50%; margin-left:-6px;  }
.cross span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);   }
.cross span:after  { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);   }

/* ============= ＳＰＡ ==================== */ 
.special{ width:100%; height:390px; background:url(../img/spa-special3.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;  }
.special_txt{ color: #fff; width: 90%; margin:0 auto; max-width:1000px; padding: 80px 30% 0 0; }
@media screen and (max-width:600px){ 
	.special_txt{ padding-right:20%; }
}

.SPATYPE{ padding:4em 0; text-align:center; color:#666; }
.SPATYPE h1{ margin:.5em 0;}
.SPATYPE h4{ font-weight:300; font-size: 1.625rem; display: inline-block; letter-spacing: 1px; margin:0 auto;  }
.SPATYPE h6{ font-weight:300;  }

.box{ display:inline-block; margin: 2em auto; width: 80%; max-width: 330px; padding:.7em 2em; text-align:center; border:solid 1px #ccc;  }
.edit_spa{ margin:2em auto; } 
.spa_intro > li{ border-top: solid 1px #ccc; text-align:left; padding:2em 1em;  }
.spa_intro_L { display:inline-block; vertical-align:top; width:30%; padding-right:2em; margin-bottom: 2em; }
.spa_intro_R { display:inline-block; vertical-align:top; width:67%; }
.spa_intro_R p{ margin-top:0; }

.ul_dot_gold{ width:100%; margin:1em auto;   }
.ul_dot_gold li{ padding-left:10px; position:relative; margin-bottom:.5em;  }
.ul_dot_gold li:before{ position:absolute; top:.6em; left:0; display:inline-block; content:'●';  font-size:7px; line-height:.8em; color:#C59952;   }

.aaBLK{ border:solid 1px #000; background: #000; color: #fff; display:inline-block; margin-top:1em; margin-bottom:1em; padding: .4em 1.4em;}
.aaBLK:hover{ background:none; color: #000; }

.aaBorder{ display:block; margin-left: auto; margin-right:auto; width:230px; text-align:center; color:#C59952; margin-top:2em; margin-bottom:2em;     }
.aaBorder:after{ display:inline-block; width:100%; height:7px; content:''; border-right:solid 1px #C59952; border-bottom: solid 1px #C59952; margin-top:-5px;  }
.aaBorder:hover{ letter-spacing:2px;  }

.spa_member{ width:100%;padding:3em 0; border-bottom:1px solid #e5e5e5;}
.spa_member h4{margin:0 auto 1.5em}
.spa_member ul{ width:100%;margin:1em auto;}
.spa_member li{ width:48%;padding-left:10px; position:relative; margin-bottom:.5em;text-align:left; margin-left:1%;display:inline-block;}
.spa_member li:before{ position:absolute; top:.3em; left:0; display:inline-block; content:'●';  font-size:7px; line-height:.8em; color:#C59952;   }
.spa_member .box01{ width:48%;display:inline-block;text-align:left;margin-left:1%;}
.spa_member span{ padding-left:10px; position:relative; margin-bottom:.5em;text-align:left;display:block;}
.spa_member span:before{ position:absolute; top:.5em; left:0; display:inline-block; content:'●';  font-size:7px; line-height:.8em; color:#C59952;}
.spa_member table { width:95%;margin:1em auto 3em;}
.spa_member table th{ background:#999;padding:1em;color:#FFF;}
.spa_member table tr{ border-bottom:1px solid #CCC;}
.spa_member table tr:first-child{ border-bottom:none;}
.spa_member table td{ padding:1em;}
.spa_member table tr:nth-child(odd){ background:#f6f6f6;}
.spa_member .aaapplyLink{ display:block;width:48%;padding:1em;color:#999;background:#fafafa;margin-left:1%; text-align: left;margin-bottom:12px;float:left;}
.spa_member .aaapplyLink:hover{ background:#c69953;color:#FFF;}
.aasignup{text-align: center ;margin:0 auto; display:block; width:141px; height:141px; background:#C59952; border-radius:50%; font-size:1.5em;/* line-height:150%; 英文*/ line-height:320%; padding-top:40px; color:#FFF; margin-top:80px; border:1px solid #C59952}
.aasignup:hover{background:#FFF;color:#C59952;border:1px solid #C59952;}

.spa_tips{width:100%;padding:2em 0;border-bottom:1px solid #e5e5e5;text-align:left;}

@media screen and (max-width:640px){
	.spa_intro_L, .spa_intro_R { width: 100%;  }
	}
@media screen and (max-width:480px){
	.aasignup{ width:80px; height:80px; line-height:70%; font-size:1em;}
	}
.spaSign{  min-height:390px; background-image: url(../img/bgSign.png); background-repeat: no-repeat; background-position: 20% bottom; color: #666666; position:relative;     }
.spaSign_txt{ width:90%; max-width:1000px; margin:0 auto; text-align:right;/* padding-left:40%; 英文版設定20151007*/padding-top: 70px;   }

.spaResv{ min-height:390px; background:#f0f5fb url(../img/bgRes.png) no-repeat left center;/*background-attachment:fixed;*/ }
.spaResv_txt{ width:90%; max-width:1000px; margin:0 auto; /*padding-right:30%; */ padding-top: 80px;  text-align:right;/}
.spaResv_txt p{ color: #666666; }

.spaMassage{ min-height:390px; background:url(../img/bgMassage.jpg) no-repeat 80% center;}
.spaMassage_txt{ width:90%; max-width:1000px; margin:0 auto; padding-right:30%;  padding-top: 80px;  }
.spaMassage_txt p{ color: #666666; }
@media screen and (max-width:800px){
	
	/*.spaMassage { background:url(../img/bgMassage.jpg) no-repeat left center;}*/
	}
@media screen and (max-width:700px){
	.spaResv{ background:#E3E3E3}
	.spaSign{background:#E3E3E3}
	.spaMassage{background:#FFF;}
	}
@media screen and (max-width:640px){
	.spaSign{ padding-bottom: 50px; min-height:auto;}
	.spaSign_txt{ padding-left: 20%; }
	.spaMassage,.spaResv{ min-height:auto; padding-bottom:50px;}
	.spaResv_txt{ padding-right: 10%; }	
	}
@media screen and (max-width:600px){
	.spa_member li{ float:none; width:100%;margin:.7em auto;}
	.spa_member .box01{ float:none;width:100%;}
	.spa_member .aaapplyLink{ float:none;width:100%;}
	.spa_member span{ line-height:150%;}
	.spa_member .box01:first-child{ margin-bottom:1em;}

	}	

.wantMore{ padding: 3em; background: #F6F6F6; text-align: center;   }
.wantMore ul{ margin: 2em auto 1em auto; }
.wantMore li{ display:inline-block; }
.wantMore li:last-child{ border-left: solid 1px rgba(0,0,0,0.1); }
.wantMore li a{ padding:2em 1em; margin:0 .5em; display:block; cursor: pointer; color: #666; }
.wantMore li a:hover{ text-decoration:underline; color: #C59952; }

/* ============= dinging ==================== */ 
.adv-dining{ min-height:370px; position:relative; }
.DININGTYPE{ padding:2em 0 5em 0;}
.DINING_INTRO{ padding:4em 0; }
.DINING_TIME{ padding:4em 0; background: #F5F5F5; }
.container-s{ width:90%; max-width:900px; margin:0 auto; } 
 
.DINING_INTRO h4{ margin:1em; color: #666; font-weight:300; }
.edit_DINING{ margin:1em auto; color: #666; }

.padd3em{ padding-left: 3em; padding-right: 3em; }

.openHours { margin:2em 0;  }
.openHours li{ display: inline-block; width: 49%; text-align:left; vertical-align:top; color:#333; line-height:170%; }
.openHours li:first-child{ padding-right:4%; } 
.openHours li:last-child{ padding-left:4%; border-left: solid 1px rgba(0,0,0,0.1); } 

.openNote{ background: #fff; border:solid 1px #ccc; font-size:.8rem; color:#666; width:100%; padding:1.5em 2em;   }
.openNote li{ width:49%; padding: 5px 1em 5px 3em; display:inline-block; vertical-align:top;  }
.openNote li:before{  display:inline-block; content:'●';  padding-right:1em;  margin-left:-1.8em; font-size:7px; line-height:.8em;   }

@media screen and (max-width:650px){
	.openHours li{ width:100%; margin-bottom:2em; padding:0 !important; border:none !important; }
	.openNote li{ width:100%;}
	}
@media screen and (max-width:340px){ 
.openHours li h4{ margin-bottom:10px;}
.openHours li h4 span{ display:block;}
.DINING_INTRO h1 { font-size:2.2rem;}
.padd3em {padding: 0 1em;}
}
	
 
/* ============= FACILITY ==================== */  
.intro{ width:100%;  direction:ltr; margin: 3em 0; }
.intro:after, .intro li:after{ clear:both; display:block; content:''; } 
.intro li{ margin-bottom: 3em; position:relative; display:block }
.intro li:nth-child(even){ direction:rtl;  }
.intro li:nth-child(even) .aaMore{}
.content{ direction:ltr; width:100%;  }
.intro li:nth-child(even) .content {/* text-align:right;*/  }

.intro_img, .intro_txt{ display: inline-block; width:50%; margin-right:-4px; vertical-align:middle; overflow:hidden;  padding-right: 3em;    }
.intro_img img{  max-width:100%; height:auto; vertical-align:top; }
.intro_txt h3 a{ color: #666; }
.intro_txt h4{ margin: 2em 0 2em 0; line-height:1.5em; letter-spacing:2px; }
.intro_txt h4 a{ color:#666;}
.links { font-size: 1.125rem; line-height:1.5em; margin: 1em 0; }
.links a{ color: #999; display:inline-block;  }
.links a:hover{ color: #B01F39; }
.links span{ margin:0 .5em; font-weight:100; color:rgba(0,0,0,0.15) }

.faci-des a{ color: #666; } 

.xsShow_intro{ display:none; margin-top: 2em; direction: ltr;  }

@media screen and (max-width:600px){
	 .links { font-size: .9rem; }
	 .links span{ margin:0 .3em;   }
	 .intro_img{  width:100%; /*width: 20%;*/ padding-right:0; overflow:hidden;/* min-height:300px;*/ position:relative; vertical-align:bottom;      } 
	 .intro_img img{  top:0;/* position:absolute; left:-10%; height:100%; width:auto; min-width:100%;  max-width: none;*/ }
	 .intro_txt{ width: 80%; padding:3em 0 5em 0; vertical-align:bottom;  } 
	  
	 .xsHide_intro{ display:none;}
	 .xsShow_intro{ display:block; }
	 .intro li:nth-child(even) .content { text-align:left;  }
}
@media screen and (max-width:400px){
	.intro_img { width:100%;}
	.intro_txt h3 { margin-top:10px;}
	}

/* ============= NEWS ==================== */ 
.NEWSov{   }
/*.NEWSov .inner{ max-width:990px; width:90%; margin:auto; }*/
.NEWSov-title{ width:80%; max-width:860px; margin:95px auto 77px; text-align:center; letter-spacing:1px;}
.newsList{ max-width:1050px; margin: 3em auto; }
.newsList li{ width:33%; display:inline-block; vertical-align:top;     }
.newsList li a{ display:block; width: 96%; max-width:330px; padding:15px; margin:.5em auto; color: #666;  }
.newsList li img{ max-width:100%; margin-bottom:1em; -moz-box-shadow: 1px 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 3px 3px rgba(0,0,0,0.3); box-shadow: 1px 3x 3px rgba(0,0,0,0.3); }
.newsList li h4{ overflow:hidden; color: #333; }
.newsList a:hover{ outline: solid 1px rgba(197,153,82,.3); background: rgba(150,150,150,.1) }
.newsList a:hover h4{ color: rgba(197,153,82,1); }

@media screen and (max-width:800px){
	.newsList li{ width: 49%; }
	}
@media screen and (max-width:330px){
	.newsList li{ width: 100%;   }
	}
	
.NEWStxt{ width:90%; max-width:700px; margin:1em auto 2em auto; text-align:center; height:auto !important;}	
.newsDate{ color: #333; font-weight:300; margin:1em 0;  }
.edit_news{ color: #666;  }
.edit_news p{/* font-size:.85rem;*/ font-size:.9rem; text-align:left;}
.edit_news img{ max-width:100%; height:auto !important; vertical-align: top }
.edit_news table{ max-width:100% !important; width:100%  !important; height:auto !important}
	
/* ============= Contact ==================== */ 
.contact_ov{ width:90%; max-width:820px; margin:5em auto 3em auto; color:#666; }
.contact_ov:after{ clear:both; display:block; content:''; }
.contact_ovL, .contact_ovR { width: 50%; margin-bottom:1em; letter-spacing:1px;  }
.contact_ovL { float:left; padding-right:6%; color: #C59952 }
.contact_ovR { float:right; min-height:200px; }
.contact_ovL h1{ line-height: 1.1em;  }
.contact_ov h5{ margin-bottom: 15px;   }
@media only screen and (max-width:920px){
	.contact_ovL, .contact_ovR { width: 100%; float:none; padding-right:0;  }
	}	
	
 
.talkInfo li{ border-bottom: solid 1px rgba(0,0,0,0.1); padding:.5em 1em;  margin-bottom:1em;  }	
.talkInfo li:last-child{ border-bottom:none; }
.talkInfo p{ margin-top: .5em; color: #666;  }	

	
.contact_form{ width:90%; max-width:750px; margin:2em auto; padding:1em 0; color: #666;  }
.contact_form h3{ color: #000; }				
.contact_form_write{ margin: 1em auto;   }
.contact_form_write:after{ display:block; content:''; clear:both; }
.contact_form_write > li{ width: 50%; float:left; padding:1em; margin-bottom:1em; }
.contact_form_write > li.w100{ width:100%; }				
.contact_form_write label{ font-size:.9em; }	

.contact_form_write input[type="text"], 
.contact_form_write textarea, .contact_form_write select 
{ background: #F5F5F5; width:100%; border:none; padding:.5em; font-weight: 200; }	

.contact_form_write input:focus, .contact_form_write textarea:focus  { outline:none; }
.contact_form_write label{ margin-bottom:.3em; display:block;}

.confirm{ text-align:center; margin-bottom:2em; }
.confirm a{ display:inline-block; margin:1em; width:110px; height:110px; text-align:center; vertical-align:middle; font-size:.9em; color: #aaa;  
	border-radius: 50em; -webkit-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; border: solid 3px #d1d1d1;  margin-right:-4px;}
.confirm a:hover{ border: solid 3px #C59952; color: #C59952; letter-spacing:1px; }
.confirm svg{ width:22px; height: 22px; fill: #aaa; display:block; margin: 30px auto 10px auto; }
.confirm a:hover svg{ fill: #C59952; }

.star{ color: #B01F39 ; padding-right: .5em; }	

.color333{ color: #333; }
.color666{ color: #666; }
.color999{ color: #999; }	
.ffspace1{ letter-spacing: 1px; }

@media screen and (max-width:400px){
	.contact_form_write li{ width: 100%; float:none;} 
	.confirm a { width:90px; height:90px;font-size:.5em } 
	.confirm svg { width:15px;height:15px; }
	}
		
					 
/* ============= dropdown ==================== */  
.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after,
.dropdown .carat,
.dropdown .carat:after,
.dropdown .selected::after,
.dropdown:after{
	-webkit-transition: all 150ms ease-in-out;	-moz-transition: all 150ms ease-in-out;	-ms-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;
}
.dropdown .selected::after,
.dropdown.scrollable div::after{
	-webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; pointer-events: none;
}

/* WRAPPER */
.dropdown{ position: relative; width: 100%; cursor: pointer; background: #f5f5f5; color: #000; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.dropdown.open{ z-index: 2; }
.dropdown:hover{ }
.dropdown:after{ content: ''; position: absolute; right: 3px; bottom: 3px; top: 2px; width: 30px; background: transparent; }

/* CARAT */    
.dropdown .carat,
.dropdown .carat:after{
	content: ''; position: absolute; right: 10px; top: 50%; margin-top: -4px; border: 6px solid transparent;
	border-top: 6px solid #666 ;/* z-index: 2;*/
	-webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; -ms-transform-origin: 50% 20%; transform-origin: 50% 20%;
}
.dropdown .carat:after{ margin-top: -8px; right: -6px; border-top-color: #f0f0f0; }
.dropdown:hover .carat:after{ border-top-color:  #f5f5f5;}
.dropdown.focus .carat{ border-top-color: #666; }
.dropdown.focus .carat:after{ border-top-color: #f5f5f5; }
.dropdown.open .carat{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);  }

/* OLD SELECT (HIDDEN) */
.dropdown .old{ position: absolute;left: 0;top: 0;height: 0;width: 0; overflow: hidden;}
.dropdown select{position: absolute; left: 0px;top: 0px;}
.dropdown.touch .old{width: 100%;height: 100%;}
.dropdown.touch select{width: 100%;height: 100%;opacity: 0;}

/* SELECTED FEEDBACK ITEM */ 
.dropdown .selected {  color: #666; } 
.dropdown li{  color: #fff; } 
.dropdown .selected, .dropdown li{
	display: block; line-height: 100%;  font-size: inherit; padding: .75em; overflow: hidden; white-space: nowrap; width:100%; text-transform: inherit; letter-spacing:1px; } 
.dropdown .selected::after{
	content: ''; position: absolute;right: 0;top: 0;bottom: 0; width: 60px; border-radius: 0 2px 2px 0; background:  }
/* DROP DOWN WRAPPER */
.dropdown div{ position: absolute; height: 0; left: 0;right: 0; top: 100%; margin-top: -1px; background: #333; overflow: hidden;opacity: 0;}
/* Height is adjusted by JS on open */
.dropdown.open div{ opacity: 1; z-index: 2;}
/* FADE OVERLAY FOR SCROLLING LISTS */
.dropdown.scrollable div::after{ content: ''; position: absolute; left: 0; right: 0;bottom: 0; height: 50px; box-shadow: inset 0 -50px 30px -35px #f8f8f8;}
.dropdown.scrollable:hover div::after{ box-shadow: inset 0 -50px 30px -35px #f4f4f4; }
.dropdown.scrollable.bottom div::after{ opacity: 0;}
/* DROP DOWN LIST */
.dropdown ul{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; list-style: none; overflow: hidden;}
.dropdown.scrollable.open ul{ overflow-y: auto;}
/* DROP DOWN LIST ITEMS */
.dropdown li{ list-style: none; padding: .75em;}
/* .focus class is also added on hover */
.dropdown li.focus{ background: rgba(255,255,255,.1); position: relative; z-index: 3; }
.dropdown li.active{ background: rgba(255,255,255,.3) ; color: #fff; }
 

/* ============= Travel ==================== */
.map{ }
.map iframe{ width:100% !important; }

@media screen and (max-width:640px){
	.map iframe{ height: 360px; }
	}
.waytogo{ width:100%; margin:3em auto; }
.waytogo > li{ margin-bottom: 4em; }
.waytogo_L, .waytogo_R{ display:inline-block; vertical-align:top; }
.waytogo_L { width:25%; text-align:right; margin-right:4%; font-weight: 300;   }
.waytogo_R { width:70%; padding-left: 1em;  }
.waytogo_L p{ width:95%; max-width:180px; margin:0 0 0 auto; }
.waytogoIMG{ width:95%; max-width:180px; border-bottom: solid 2px rgba(0,0,0,0.1); display:block; margin: 0 0 5px auto; padding-bottom:.2em; }

.txtWay{ color: #666; margin:1em 0; font-size:.82em; letter-spacing:1px; }
.txtWay p{ margin-top:0; }
.txtWay ol{ padding-left:1em; line-height: 160%; }
.txtWay ol li{ margin-bottom:1em;}

.waytogo_title{ line-height:100%;  margin:1em 0; }


@media screen and (max-width:500px){
	.waytogo_L {  width:100% }
	.waytogo_R { width:100%;}
	.waytogo_L p{ max-width:100%;}
	.waytogoIMG{  max-width:100%;}
	}
/* ============= About ==================== */
.edit_about{  column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; 
              column-gap: 2em; -webkit-column-gap: 2em; -moz-column-gap: 2em; 
              color:#666666; width: 90%; max-width: 960px; margin:2em auto; text-align: left; 
}
.edit_about p{ margin-top:0; line-height:180%; }

.abov{ padding: 3em 0; }
.abov_L, .abov_R
{ display:inline-block; vertical-align:middle; width: 49%; color: #666;  }
.abov_L{ text-align:center; margin-bottom:2em; }
.abov_R{ padding-left: 2em;  }
.abov_R h1{ line-height: 100%; }
.abov_R h4{ margin-top:1em; font-weight: 300; }

@media screen and (max-width:915px){
	.abov_L, .abov_R{ width:100%;  }
	.abov_L img{ width:100%;}
	.abov_R {padding-left:0;}
	}
@media screen and (max-width:500px){
	.abov {padding:3em 0 1em;}
	.edit_about {column-count:1; -webkit-column-count:1; -moz-column-count:1; width:100%;}
	}
@media screen and (max-width:450px){
	
	.abov_R h1 {max-width:250px;}
	
	}
	
.abIMG { padding: 3em 0; }
.abIMG img{ width:100%; height:auto; }

.QA{ border-top:solid 1px #ccc; margin-bottom:2em; padding:2em 0; }
.QA_item{ text-align: center; border-left: solid 1px #ccc; border-right: solid 1px #ccc;  border-bottom: solid 1px #ccc; margin:1em 0;   }
.QA_item > li{ width:33%; display:inline-block; vertical-align:top; border-bottom: solid 2px transparent; margin-left:-2px; padding:1em .6em;  }
.QA_item > li.-on{ border-bottom: solid 2px #C69953;  }
.QA_item > li img{ max-width: 100%; height:auto;  }
.QA_tabs > li{ padding:1em 0; margin-bottom:1em; border-bottom: solid 1px #ececec;}
.QA_tabs > li:last-child{ border-bottom: none; }

.QAdes p{ color: #666; }
.numberList{ margin: 1em auto;}
.numberList li{ width:32.8%; display:inline-block; vertical-align:top; position:relative; padding:.4em 1em 1em 2.2em; line-height:130%; color: #666;  }
.num{ position:absolute; top:0; left:0; background: #C59952; color: #fff; font-size:.8rem; text-align:center; width:24px; height:24px; line-height:24px; 
	border-radius:50em; -webkit-border-radius:50em; -moz-border-radius:50em; -ms-border-radius:50em; -o-border-radius:50em;  }
@media screen and (max-width:600px){
	.numberList li{ width:49%;}
	}

.boxNote{ width:100%; padding:1em 3em; line-height:150%; border: solid 1px #ccc; letter-spacing: 1px; }


/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.fadeInUp, .fadeIn { visibility: visible; }
.delay-02s { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes fadeInUp {
    0% {  opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); }
    100% {  opacity: 1;  -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp {
    0% {  opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); }
    100% {  opacity: 1;  -webkit-transform: none; transform: none; }
}
.fadeInUp { -webkit-animation-name: fadeInUp;  animation-name: fadeInUp; }
@-webkit-keyframes fadeIn {
    0% {opacity: 0; }
    100% {opacity: 1; }
}
@keyframes fadeIn {
    0% {opacity: 0; }
    100% {opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes slideInLeft {
    0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible;  }
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes slideInLeft {
    0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible;  }
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft;}

@-webkit-keyframes slideInRight {
    0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; }
    100% {  -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes slideInRight {
    0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; }
    100% {  -webkit-transform: translateX(0); transform: translateX(0); }
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }


@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
	to {opacity: 1;}
}

.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn;}
 
/* ============= SVG ==================== */  
.icon-w16{ width:16px; height:16px;  }
.svg-color-666{ fill: #666; }

.social{ text-align:center; margin: 1em auto;  }
.social a { display:inline-block; width: 32px; height: 32px; padding-top:6px; margin:1em .3em;   
		 border-radius: 50em; -webkit-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; vertical-align:top; }
.social svg{ fill: #999; }
.social_fb:hover{ background: #4867AA; border:solid 1px #4867AA; }
.social_tw:hover{ background: #00B4FF; border:solid 1px #00B4FF; }
.social_gg:hover{ background: #DF4B38;  border:solid 1px #DF4B38; }
.social_line{width:20px; height:20px; background:url(../img/icon-line.svg) center center no-repeat;}
.social_line:hover{ background:#45B035 url(../img/icon-line_H.svg)  center center no-repeat; border:1px solid #45B035;}
.social a:hover svg{ fill: #fff; }


.icoBack{ width:50px; height:50px; margin:10px auto ; border:solid 2px #C59952; text-align:center; 
		 border-radius: 50em; -webkit-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em;
		 background:url(../img/icon-arrowG.png) no-repeat center center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;  }
		 
.icoBack:hover{background: #C59952 url(../img/icon-arrowN.png) no-repeat center center;}
.icoBack svg{ fill: #C59952; width:26px; height:26px; display: block; margin: 11px auto; /*transform: translate(50%,50%); -webkit-transform: translate(50%,50%);*/    }
.bnBack{ margin: 3em auto; display:block; padding:1em; text-align:center; }
/*.bnBack:hover .icoBack { background: #C59952;}*/
.bnBack:hover svg{ fill: #fff;  animation : RightToLeft 1s ; -webkit-animation : RightToLeft 1s ; -moz-animation : RightToLeft 1s ;  }

@-webkit-keyframes RightToLeft {
	  0% { -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; }
	 60% { -webkit-transform: translateX(-150%); transform: translateX(-150%); }
	 61% { -webkit-transform: translateX(100%); transform: translateX(100%); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes RightToLeft {
	  0% { -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; }
	 60% { -webkit-transform: translateX(-150%); transform: translateX(-150%); }
	 61% { -webkit-transform: translateX(100%); transform: translateX(100%); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }

}
 
/* ============= policy ==================== */  
.policyBox{ padding:4em 1em;position:relative;}
.policyBox h4{ margin:2em 0 1em;}
.policyBox div{ margin:1em 0;}
.policyBox div span{ display:inline-block;width:35%}
.closeBox{ position:absolute;top:0;right:0;background:url(../js/vendor/fancybox/fancybox_sprite.jpg);width:50px;height:50px;display:block;}

@media screen and (max-width:950px) {
	.policyBox h1 { font-size:2.3rem;}
	}
	
@media screen and (min-width:601px) and (max-width:920px){
	.policyBox div span { width:100%;margin:.3em 0;}
	}

@media screen and (max-width:600px){
	.policyBox div span{ width:100%;margin:.3em 0;}	
	}
	

/* ==================== banquet ==================== */ 

.banquet_box, .category_spa{ margin: 3em auto;  }
.banquet_boxContainer{ width:100%; position:relative; }
.banquetIMG, .banquetTXT { display: inline-block; width:50%; vertical-align: middle; overflow:hidden;   }
.banquetIMG { width:50%; background:#000;   }
.banquetTXT { width: 49%; padding:0 3em; position:absolute; height: 70%; top:15%;  }
.banquetIMG img{ vertical-align:top; width:100%;  }
.banquetTXT h3{ font-weight: 300; line-height:1em;  }
.banquetTXT p{ color: #FFF; }

.banquet_box > li, .banquet_box:after, .banquet_boxContainer:after,
.category_spa > li , .category_spa:after 
{ display:block; content:''; clear:both;  }

/*.banquet_box > li:first-child .banquet_boxContainer { background: #B02039; color: #FFF; }
.banquet_box > li:nth-child(2) .banquet_boxContainer { background: #C59952; color: #FFF; }*/
.banquet_box > li{background:#F0F0F0}
.banquet_box > li:first-child{position:relative; color:#B02039}
.banquet_box > li:first-child:before{ content:''; position:absolute; width:100%; height:10px; background:#B02039; color:#B02039}

.banquet_box > li:nth-child(2){position:relative; color:#C59952}
.banquet_box > li:nth-child(2):before{ content:''; position:absolute; width:100%; height:10px; background:#C59952; color:#C59952}

.banquet_box > li:nth-child(even) .banquetIMG{ float: right; } 
.banquet_box > li:nth-child(even) .banquetIMG:after{ clear: right; } 

.banquet_box .more{ position:absolute; bottom:1em;}
.banquet_box .more{ display:block; text-align:center; width: 36px; height:36px; /* position:relative; */
		color: #FFF; border:0;}
.banquet_box li:first-child .more {color:#B02039}
.banquet_box li:nth-child(2) .more {color:#C59952;}
.banquet_box .more:before{ content:'+'; position: absolute; width:100%; height:100%; left:0; bottom:0; font-size:50px; margin-top: -8px; } 
.banquet_box .more:after{ clear:left; content:''; display:block; }
.banquet_box .more:hover{ color:#CCC; border-color: #CCC;  }

@media screen and (min-width:791px) and (max-width: 1000px) {
	.banquetTXT h3{ font-size:1.5rem;}
	.banquetTXT p {line-height:18px;}
	.banquetIMG img{ transform: scale(1.6) translateY(20px); -webkit-transform: scale(1.6) translateY(20px); -moz-transform: scale(1.6) translateY(20px); -ms-transform: scale(1.6) translateY(20px);}
	.banquetIMG{ min-height: 240px; bottom:0;}
	}
 
@media screen and (max-width:790px){
	.banquet_box > li, .category_spa >li  { margin-bottom: 1.5em; }
	.banquetIMG, .banquetTXT { width:100%; float:none; position:relative; }
	.banquetTXT { padding-top:2em; padding-bottom: 5em; }
	.aaCatMore, .open{ bottom: 2em;}
	}
.banquetBtn{margin-top:5em}
/*.banquetBtn a:first-child{margin-right:3em}*/
.banquetBook_bg{ background:#F5F5F5;margin-top:2em;margin-bottom:6em;}
.banquetBook_bgInner{ width:45%;margin:0 auto;padding:4em 3em; text-align: center;}
.banquetBook_bgInner > h3 + div{ width:100%;display:block;text-align:right;color:#666;border-bottom:1px solid #dcdcdc;margin-top:2em;margin-bottom:2em;}
.banquetBook_bgInner > h3 + div > span{ color:#bd465c;}
.bookingBox{width:48%;margin-bottom:3em;text-align:left;}
.bookingBox:nth-child(odd) {float:left;}
.bookingBox:nth-child(even) {float:right;}
.bookingBox:after {content:''; clear:both; display:block;}
.bookingBox h6{ margin-bottom:.9em;padding-left:10px; position:relative;}
.bookingBox h6:before{ position:absolute; top:.1em; left:0; display:inline-block; content:'*';  font-size:7px; line-height:.8em; color:#BD465C;}
.bookingBox input[type="text"] { width:100%;border:none;padding:.5em}

.bookingBox01{ width:100%;}


@media screen and (min-width:701px) and (max-width: 1500px) {
	.banquetBook_bgInner { width:70%;}
	
}
@media screen and (max-width:700px){
	.banquetBtn a{ width:50%;}
	.banquetBtn a:first-child{margin-right:0;}
	.banquetBook_bgInner { width:100%;}
	.bookingBox{ width:100%;margin-bottom:2em;}
	}
	

.icons { display:inline-block; width:113px; height:113px; border-radius: 50%; border: 2px solid #999; display:inline-block;position:relative;color:#999;margin-right:1.5em;}
.icons svg{ fill: #999;width:32px;height:32px;margin:30px auto 0;}
.icons p{margin:0;}
.icons:hover p{color:#C59953;}
.icons:hover svg { fill: #C59953;}
.icon_check:hover {border:2px solid #C59953;}

@media screen and (max-width:600px){
	.icons { width:90px; height:90px; }
	.icons svg{ margin:18px auto 0; width:10px;height:10px; border:solid 1px red;  }
	.icons svg { viewbox:}
	.icons p{ font-size:.75rem; }
	}
/*SPA按摩 message*/
.massage .container-s{ padding-bottom:5%}
.massage h1{ color:#C59952; text-align:center; margin:110px 0 60px;}
.massageTit{font-weight:bold; width:100%; color:#666; padding-bottom:8px; border-bottom:5px solid #CCC}
.massageTit:after{content:''; display:block; clear:both;}
.massageTit span{ margin-right:-4px;s}
.massageTit .list{ float:left; width:60%;}
.massageTit .pricie {float:right;  width:40%;}
.massageTit .pricie small{ font-weight:normal; display:block; margin-top:10px}

.massageList, .massageList li{ width:100%;}
.massageList li { padding:1em 0; border-bottom:1px solid #CCC;}
.massageList-tit{color:#666; padding:1em 0; cursor: pointer;}
.massageList-tit span{ display:inline-block; margin-right:-4px; vertical-align:top; padding:0 .5em;}
.massageList-tit .tit{ width:60%; line-height:150%; padding-left:0;}
.massageList-tit .messagePrice {width:20%; }
.massageList-tit .messageBtn, .massageList-tit .moreBtn {width:10%;background:#CCC; color:#333; text-align:center; padding:.5em; border-radius:3px; }
.massageList-tit .messageBtn-phone {width:10%;background:#CCC; color:#333; text-align:center; padding:.5em; border-radius:3px; display:none;}
.massageList-tit .moreBtn-phone {width:5%;background:#CCC; color:#333; text-align:center; padding:.5em; border-radius:3px; display:none;}
.massageList-cont{ line-height:150%; color:#BBB;}
@media screen and (max-width:850px){
	.massageList-tit .messageBtn {display:none; }
	.massageList-tit .moreBtn {display:none; }
	.massageList-tit .messageBtn-phone {display:inline-block;}
	.massageList-tit .moreBtn-phone{ display: inline-block; }
	
	}
@media screen and (max-width:500px){
	.massageList-cont{background:#F4F4F4; padding:5px;}
	}
.facility-picSide{ width:100%; padding:1em 0;}
.facility-picBox li{width:33.3%; display:inline-block; margin-right:-4px; margin-bottom:.3%;}
.facility-picBox li .inner{ width:98.5%; margin:auto; position:relative; text-align:center;  }
.facility-picBox li .inner img {max-width:100%; width:100%;}
.facility-picBox li .inner .tit{ color:#FFF; width:100%; background:#B02039; padding:8px; position:absolute; bottom:2em; /*display:none;*/ text-align:left;-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity:0;} 
.facility-picBox li .inner:hover .tit{opacity:1;}

@media screen and (max-width:1000px){
	.facility-picBox li{ width:50%;}
	}
@media screen and (max-width:550px){
	.facility-picBox li {width:100%;}
	}
	
/*360度環景攝影*/
#videoBox {display:none; background: rgba(0,0,0,0.9); top:0px; left:0px; width:100%; height:100%; z-index:999; position:fixed;}
#video-panel {display:none;  top:0; bottom:0; right:0; left:0; margin:auto; max-width:600px; width:100%; height:420px;  z-index:1001; position:fixed; }
#closeX{ width:25px; height:25px; background:url(../img/X.svg) no-repeat center center; display:block; position:absolute; top:-100px; right:0; margin:auto;  z-index:9999; }
#closeX:hover{ transform:scale(1.2); -webkit-transform:scale(1.2)}

@media screen and (max-width:500px){
	#closeX {left:0; right:0; margin:auto; top:-50px;}
	#video-panel{ height:300px; padding:1em;}
	}

.spa-learning .img { margin:3em 0;}
.spa-learning .img img{ max-width:100%;}
.spa-learning h1{text-align:center;}
.spa-learning h3 {font-size:1.1rem; font-weight:bold;}
.spa-learning p{ font-size:.9rem; line-height:150%; }

.memberships img{ width:100%}


#menuFixed{ }
.fixed_sc { position: fixed; top:0; left:0; width: 100%; z-index:999; }
#menuFixed.fixed_sc{ }

#submenu_gold{ position: relative; background:#DFDFDF; text-align: center;    }
.submenu1{display:block; text-align:center; }
.submenu1 li{ display:inline-block; vertical-align:middle; position:relative; color:#fff; margin:0; padding:0;  }
.submenu1 a{  padding:1em .6em; position:relative; color:#707070; display:block; }
.submenu1 li.current a, .submenu1 li:hover a{ color:#000;  transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;  }  



/*.xsMenu_on{ display:none; }*/
#xsMenu_1{  display:block; width:100%; position: absolute; top:100%;  z-index:99; border-top:1px solid #CCC;}
#xsMenu_1{  background: #DFDFDF; color:#707070; display: none;  }
#xsMenu_1.-on{ display: block; }

.xsMenu_list{ width:100%; }
.xsMenu_list a{  display: block; padding:1em; color:#707070; }
.xsMenu_list a:hover{ color:#000; }

 

@media screen and (max-width:800px){
	.submenu1{ text-align:center;}
	.submenu1 a { padding:.6em;}
	.submenu1 li:not(.current){ display: none; }
	#bn_xsMenu{ display: block; }
	/*.xsMenu_on{ display: block; margin:auto; width:80%; max-width:300px; margin-left:0; text-align:left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 1.2em; padding-left:1em; color:#FFF;}*/
	}

@media screen and (min-width:801px){
	#bn_xsMenu{ display: none; }
	#xsMenu_1{ display:none !important; }
	}
 
/*#bn_xsMenu { position:absolute; top:26%; right: 0; width: 30px; height: 30px;  
  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; 
}
#bn_xsMenu span { display: block; position: absolute;  height: 2px; width: 100%; background: #FFF; border-radius: 2px; opacity: 1; left: 0;
  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
}
#bn_xsMenu span:nth-child(1) { top: 0px; }
#bn_xsMenu span:nth-child(2) { top: 8px; }
#bn_xsMenu span:nth-child(3) { top: 16px; }*/


/*主選單*/
.pcMenu{ position:relative;}
.page-header {background-color: rgba(255, 255, 255, .9);  width: 100%;  
	 -webkit-transition: top 0.25s;
     transition: top 0.25s;
	-webkit-transition: all 0.5s; 
	-moz-transition: all 0.5s; 
	-o-transition: all 0.5s; 
    transition: all 0.5s;}
.no-boxshadow .page-header {border-bottom: 1px solid rgb(204, 204, 204);}
.page-header > .inner {margin:0 auto; width: 95%; text-align:center;  position:relative; padding:1em 0;}

/*語言選擇*/
.lang{ font-size:.8rem; position:absolute; left:0; top:46%; width:200px; text-align:left; z-index:99999;  }
.langBtn{ display:inline-block; width:42%; cursor:pointer; vertical-align:top;  margin-right:-4px; text-align:left;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.langBtn:hover{color:#BE8A3A}
.langBtn:after{ display:inline-block; 
        display: block;
        content: '';
        width:5px; height:5px;
        border-bottom: 1px solid #7f8084;
        border-right: 1px solid #7f8084;
        transform: rotate(45deg) translateY(-50%);
		-webkit-transform: rotate(45deg) translateY(-50%);
		-moz-transform: rotate(45deg) translateY(-50%);
		-ms-transform: rotate(45deg) translateY(-50%);
		-o-transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
        transform-origin: 50% 0; 
		-webkit-transform-origin: 50% 0; 
		-moz-transform-origin: 50% 0; 
		-ms-transform-origin: 50% 0; 
		-o-transform-origin: 50% 0; 
		vertical-align:top; margin-right:-4px; float:right; margin-top:7px;}
		
.langBtn.on:after { transform: rotate(225deg) translateY(-100%) ; -webkit-transform: rotate(225deg) translateY(-100%); -moz-transform: rotate(225deg) translateY(-100%); -ms-transform: rotate(225deg) translateY(-100%); -o-transform: rotate(225deg) translateY(-100%);}
.lang-list { padding:.5em 0; margin-top:5px; text-align:left; display:none; width:100%;}
.lang-list li{ font-size:.85rem; margin-right:6px; display:inline-block; }
.lang-list li a{ color:#000}
.lang-list li a:hover{color:#BE8A3A; }


.logo-s{ display:none;}
 
 /*PC版選單按鈕*/
.menuBtn{ display:inline-block; position:absolute; right:0; width:55px; height:auto; top:43%; cursor:pointer; z-index:99999; border-left:1px solid #D8DCE3; padding:3px 0 3px 22px}
.menuBtn div{ display:block; width:100%; height:2px; background:#000; margin-bottom:7px; transition: all 0.3s; backface-visibility: hidden;}
.menuBtn div:last-child{margin-bottom:0}
.menuBtn.on .one { transform: rotate(45deg) translate(8px, 8px);-webkit-transform: rotate(45deg) translate(8px, 8px);-ms-transform: rotate(45deg) translate(8px, 8px);-o-transform: rotate(45deg) translate(8px, 8px); }
.menuBtn.on .two { opacity: 0;}
.menuBtn.on .three { transform: rotate(-45deg) translate(5px, -5px);-webkit-transform: rotate(-45deg) translate(5px, -5px); -ms-transform: rotate(-45deg) translate(5px, -5px); -o-transform: rotate(-45deg) translate(5px, -5px);}


/*BOOKING BTN*/
.bookBtn{ font-size:.8rem; font-family:'estasmallcapsregular','微軟正黑體'; color:#000; position:absolute; right:70px; top:46%; z-index:99999}
.bookBtn:hover{ color:#BE8A3A}

/*中間選單*/
.meun-bar, .left-menu, .logo, .right-menu {display:inline-block; vertical-align:top;}
.meun-bar { max-width:800px; width:90%; margin:auto; position:relative;  font-family:'estasmallcapsregular','微軟正黑體'; /*background:pink;*/}
.meun-barJ{max-width:900px; width:90%; margin:auto;}
.left-menu , .right-menu{ position:absolute; top:45%;}
.left-menu{left:80px}
.EN-left-menu{ left:20px;}
.right-menu{right:80px}
.EN-right-menu{right:20px;}
.CH-right-menu{right:0;}
.left-menu li, .right-menu li{ display:inline-block; vertical-align:top; margin-right:28px;}
.left-menu li a, .right-menu li a{ color:#000;}
.left-menu li a:hover, .right-menu li a:hover{ color:#BE8A3A}
.left-menu li:last-child, .right-menu li:last-child{margin-right:0}
.center-menu{ display:none;}

.left-menuJ{left:80px}
.right-menuJ{right:0}
/*手機版選單*/
.rwdMenu{ position:relative; width:100%; display:none;}
.innAB{ position:absolute; padding-top:22px; padding-bottom:11px; height:auto;  width:100%; background:rgba(255,255,255,.9); z-index:99999;}
.rwdMenu .inner{width:95%; margin:auto; position:relative;}

.logo-rwd.on{ display:none}

.bookMenu-rwd{ font-family:'estasmallcapsregular','微軟正黑體';font-size:.75rem; position:absolute; right:80px; top:25%; display:block;}
.bookMenu-rwd a{ color:#000; }
.bookMenu-rwd a:hover{color:#BE8A3A}
.bookMenu-rwd.on { display:none;}

.menuBtn-s{ top:5%; display:inline-block; position:absolute; right:0; width:55px; height:auto; cursor:pointer; border-left:1px solid #D8DCE3; padding:3px 0 3px 22px; z-index:999999;}
.menuBtn-s div{ display:block; width:100%; height:2px; background:#000; margin-bottom:7px; transition: all 0.3s; }
.menuBtn-s div:last-child{margin-bottom:0}
.menuBtn-s.on { border-left:0;}
.menuBtn-s.on .one { transform: rotate(45deg) translate(8px, 8px);}
.menuBtn-s.on .two { opacity: 0;}
.menuBtn-s.on .three { transform: rotate(-45deg) translate(5px, -5px);}

/* Sticky header (clone) */   
.bodyOverflow{ overflow: hidden; overflow-y:scroll; position: fixed; left:0; right:0; margin:auto; }

.menuFixed00{ opacity:0; position: fixed; top:0; width: 100%;z-index:999999;}
.menuFixed01{position: fixed; top:0px; width: 100%; z-index:999999;}
.page-header.menuFixed00 {  }

.page-header.menuFixed00 > .inner { margin: auto; width: 95%; text-align:center; position:relative;   }
.page-header.menuFixed00 > .inner ul{text-align:center;}
.page-header.menuFixed00 > .inner .logo{display:none}
.page-header.menuFixed00 > .inner .logo-s{display:block; position:absolute; left:0; top:20%;}
.page-header.menuFixed00 > .inner .lang{ display:none;}
.page-header.menuFixed00 > .inner .left-menu{display:none}
.page-header.menuFixed00 > .inner .right-menu{ display:none;}
.page-header.menuFixed00 > .inner .center-menu{display:block;}
.page-header.menuFixed00 > .inner .center-menu li{ display:inline-block; margin-right:28px;}
.page-header.menuFixed00 > .inner .center-menu li a{ color:#000;}
.page-header.menuFixed00 > .inner .center-menu li a:hover{ color:#BE8A3A}
.page-header.menuFixed00 > .inner .center-menu li:last-chld{ margin-right: 0;}
.page-header.menuFixed00 > .inner .bookBtn{ top:36%; z-index:999999999;}
.page-header.menuFixed00 > .inner .menuBtn{ top:26%; z-index:999999999;}


/*展開全屏選單*/
.openMenu{  position:fixed; top:0; left:0; background:rgba(255,255,255,.98); width:100%; height:100%; z-index:9999; display:none; text-align:center; padding-top:105px; overflow-y:auto;}
.openMenu .logo{ margin-bottom:85px;}
.openMenu .mainMenu{ font-size:1.875rem; margin-bottom:72px;}
.openMenu .mainMenu li{ margin-bottom:35px } 
.openMenu .mainMenu li a{ color:#222} 
.openMenu .mainMenu li a:hover{color:#BE8A3A} 

.openMenu .subMenu{ max-width:320px; margin:auto;}
.openMenu .subMenu li{ font-size:.8rem; display:inline-block; margin-bottom:18px;}
.openMenu .subMenu li a{color:#222;}
.openMenu .subMenu li a:hover{ color:#BE8A3A}
.openMenu .subMenu li:after{content:'|' ; display:inline-block; margin:0 .5em;}
.openMenu .subMenu li:last-child:after{ display:none;}

.openMenu .langMenu{ font-size:.8rem; margin:50px 0; display:none;}
.openMenu .langMenu li{ margin-right:25px; display:inline-block;}
.openMenu .langMenu li:last-child{margin-right:0px;}
.openMenu .langMenu li a{ color:#222}
.openMenu .langMenu li a:hover{ color:#BE8A3A}
 
@-webkit-keyframes headerFadeIn {
    0% {  opacity: 0; -webkit-transform: translate3d(0, -120%, 0); transform: translate3d(0, -120%, 0); }
    100% {  opacity: 1;  -webkit-transform: none; transform: none; }
}
@keyframes headerFadeIn {
    0% {  opacity: 0; -webkit-transform: translate3d(0, -120%, 0); transform: translate3d(0, -120%, 0); }
    100% {  opacity: 1;  -webkit-transform: none; transform: none; }
} 
.headerFadeIn{ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: headerFadeIn;  animation-name: headerFadeIn;   }

@media screen and (max-width:1220px){
	.left-menu , .right-menu{ display:none;}
	.page-header.menuFixed00 > .inner .center-menu{ display:none;}
	}

@media screen and (max-width:800px){
	.pcMenu{ display:none;}
	.rwdMenu{ display:block;}
	.openMenu{ padding-top:75px; z-index:999}
	.openMenu .logo { display:none}
	.openMenu .mainMenu{ font-size:1.125rem; margin-bottom:67px;}
	.openMenu .mainMenu li { margin-bottom:24px;}
	.openMenu .langMenu{ display:block;}
	}
@media screen and (max-height:580px){
	.openMenu{ padding-top:85px; }
	}
@media screen and (max-height:530px){
	.openMenu{ padding-top:60px;}
	.openMenu .langMenu {margin-top:15px;}
	.openMenu .mainMenu{ margin-bottom:45px;}
}
/*@media screen and (max-height:480px){
	.openMenu .mainMenu {font-size:1rem; margin-bottom:30px;}
	.openMenu .mainMenu li{ margin-bottom:25px;}
	}*/
	
	
.spotDetail{width:100%; max-width:100%; background:#f0f0f0; padding:53px 0 58px; margin:0;}
.spotDetail .inner{ max-width:990px; width:90%; margin:auto; }
.spotTitle{ font-size:2.25rem; color:#c39c51; margin-bottom:40px; line-height:110%;}
.spotTxt{ font-size:.8rem; color:#676767; max-width:590px; margin:0 auto;}
.spotTxt img{max-width:100%; width:100%; height:auto;}
.spotTxt p{ margin-bottom:45px; text-align:left;}

.soptX{ color:#c08937; width:22px; margin:auto; display:block; font-size:.8rem; margin-top:72px;}
.soptX i{ display:block; background:url(../img/spotX.svg) no-repeat; width:24px; height:24px; margin-top:9px;}

.spotList{width:100%}
.spotList li{width:50%; display:inline-block; margin-right:-4px; margin-bottom:50px; vertical-align: top}
.spotList li img{width:100%; max-width:100%;}
.spotList li.on .inner{border-bottom:2px solid #c59952;}
.spotList li:hover{}
.spotList li .inner{width:90%; margin:auto; padding-bottom:100px; min-height:605px;}
.spotList li:hover .inner{border-bottom:2px solid #c59952;}
.spotList li a h4{color:#000; margin-top:27px;}
.spotList li a p{color:#666; margin-top:23px;}

.facilityInfo{max-width:1000px; width:90%; margin:50px auto 0; text-align:center; color:#666;}


.spotClose{ display:block;  width: 25px; height: 25px; position:relative; margin: 3em auto;  }
.spotClose span:before, .spotClose span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; 
height: 2px; width: 25px; background: #bdbdbd; display: block; content: ''; position: absolute; top: 50%;  }
.spotClose span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);   }
.spotClose span:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform:  rotate(-45deg);   }
.spotClose:hover{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } 

.faci-font{font-size:1rem; color:#666; letter-spacing:1px;}
@media screen and (max-width:1000px){
	.spotList li .inner{min-height:400px; padding-bottom:50px;}
	}
@media screen and (max-width:500px){
	.spotList li .inner{min-height:300px; padding-bottom:30px;}
	}
.aaMore{ position:absolute; color:#000; bottom:2.5em;}
.aaMore:before{content:'+'; position: absolute; width:100%; height:100%; left:0; bottom:0; font-size:50px; margin-top: -8px;}
.aaMore:after{clear:left; content:''; display:block; }

.newsSocial{ margin-bottom: 20px}
.newsSocial a{ display:inline-block; margin-right:10px; width:25px; height:25px; border-radius:50%; background:#717171; text-align:center; line-height:35px;}
.newsSocial a img{width:80%;}

.newsSocial a.fb:hover{ background:#3a5795}
.newsSocial a.twitter:hover{ background:#28a9e0}
.newsSocial a.google:hover{ background:#e04006}
.newsSocial a.wechat:hover{ background:#0dce1b}
.newsSocial a.webo:hover{ background:#f29600}
.newsSocial a.line:hover{background:#3ccf36}
.newsSocial a.mail:hover{background:#000}