@charset "utf-8";
/*@font-face {
  font-family:  'Myriad Pro';
  src: url('../font/MyriadPro/MyriadPro-Regular.eot');
  src: url('../font/MyriadPro/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/MyriadPro/MyriadPro-Regular.woff2') format('woff2'),
       url('../font/MyriadPro/MyriadPro-Regular.woff') format('woff'),
       url('../font/MyriadPro/MyriadPro-Regular.ttf') format('truetype'),
       url('../font/MyriadPro/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Century Gothic';
  src: url('CenturyGothic.eot');
  src: url('../font/GOTHIC/CenturyGothic.eot?#iefix') format('embedded-opentype'),
       url('../font/GOTHIC/CenturyGothic.woff2') format('woff2'),
       url('../font/GOTHIC/CenturyGothic.woff') format('woff'),
       url('../font/GOTHIC/CenturyGothic.ttf') format('truetype'),
       url('../font/GOTHIC/CenturyGothic.svg#CenturyGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
/*@font-face { font-family: "PingFang TC"; font-weight: 500; src: local("PingFang-TC-Medium"); }
@font-face { font-family: "PingFang TC"; font-weight: 400; src: local("PingFang-TC-Regular"); }
@font-face { font-family: "PingFang TC"; font-weight: 300; src: local("PingFang-TC-Light"); }
@font-face{ font-family:"PingFang TC"; font-weight:800; src:local("PingFang SC Heavy") }*/
 
@font-face{ font-family: "PingFang TC"; font-weight:100; src: local("PingFang TC Ultralight") }
@font-face{ font-family: "PingFang TC"; font-weight:200; src: local("PingFang TC Thin") }
@font-face{ font-family: "PingFang TC"; font-weight:300; src: local("PingFang TC Light") }
@font-face{ font-family: "PingFang TC"; font-weight:400; src: local("PingFang TC Regular") }
@font-face{ font-family: "PingFang TC"; font-weight:500; src: local("PingFang TC Medium") }
@font-face{ font-family: "PingFang TC"; font-weight:600; src: local("PingFang TC Semibold") }
@font-face{ font-family: "PingFang TC"; font-weight:700; src: local("PingFang TC Semibold") }
@font-face{ font-family: "PingFang TC"; font-weight:800; src: local("PingFang TC Heavy") }

/* ===============  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; /*background: #000;*/
	   font-size: 100%; line-height: 100%; font-weight:normal;
	   /*font-family: 'Century Gothic', 'Myriad Pro',  Arial, sans-serif, 'PingFang TC', 'MHei', 'Helvetica', 'STHeitiTC-Light', '微軟正黑體' , 'Microsoft JhengHei' ; */
	   font-family: 'Arial, sans-serif, 'Helvetica', '微軟正黑體' , 'Microsoft JhengHei';
	   text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern';
      -webkit-overflow-scrolling: touch; /*background: #000;*/ }
 
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; } 
a{ color: inherit; text-decoration:none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
a:active, a:hover { outline: 0; }
img { border: 0;  }
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; }
p{ margin: 1em auto; line-height:150%; font-family:  'Myriad Pro',  Arial, sans-serif, 'PingFang TC', 'MHei', 'Helvetica', 'STHeitiTC-Light', '微軟正黑體' ; }


/* ===============  Typography  =============== */
h1 { font-weight: inherit; }
h2 { font-weight: inherit;  }
h3 {  }
h4 {  }
h5 { font-size: 1.5rem ;   /*24px*/  line-height:160%; font-weight:normal;   }
h6 { font-weight: normal; }

.title01{ font-size: 3.75rem; line-height: 160%; text-transform:uppercase; font-weight: bolder; font-family: 'Century Gothic',  Arial, sans-serif, 'PingFang TC', '微軟正黑體' ;  }
.title02{ font-size: 3rem;  line-height: 130%; margin: .5em auto;  }
.gold{ color: #DCC99D; }
.white{ color: #fff; }

.f11{ font-size: 0.69rem; }
.f14{ font-size: 0.875rem; }
.f15{ font-size: 0.9375rem;}
.f18{ font-size: 1.125rem;  /*18px*/  line-height:140%; font-weight:normal; }
.f20{ font-size: 1.25rem;}

.fontSTYLE1{ font-family: 'Myriad Pro', 'PingFang TC', 'MHei', 'STHeitiTC-Light', '微軟正黑體', 'Microsoft JhengHei' , Arial, sans-serif ;  }
 
abbr[title] { border-bottom: 1px dotted; }
/*b, strong { font-weight: bold; }*/
blockquote { margin: 1em 40px; }
mark { background: #ff0; color: #000; }
p { 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; }


/* ===============  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; }

/* ===============  Global  =============== */
.container{ width:90%; margin-right: auto; margin-left:auto; max-width: 1230px; position: relative;    } 
.container_s{ width:90%; margin-right: auto; margin-left:auto; max-width: 945px; position: relative;    }
.wrapperH100{ position: relative; height: 100%; width:100%; max-width:100%; overflow:hidden;    }
.wrapper{ position: relative; width:100%; max-width:100%; }

.bg000,
.wrapperH100.bgBLK{ background: #000; }

.txtRight{ text-align:right; }
.txtCenter{ text-align:center; }
.txtLeft{ text-align:left; }
.clear{ clear:both; }
hr{ /*height:1px; background: #CCC;  border: none;*/ }
.R{ float:right; }

.posREL{ position:relative; }

span.x{ display:block; width: 24px; height: 24px; position:relative;  }
span.x:before, span.x:after { cursor: pointer; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; height: 1px; width: 100%; background: #DCC99D;  display: block; content: ''; position: absolute; top: 50%;left:50%;  margin-left:-12px; }
span.x:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);    }
span.x:after {  -webkit-transform: rotate(-45deg); -ms-transform:  rotate(-45deg); transform: rotate(-45deg);  }

.edit{ line-height: 1.5em; }
.edit img{ max-width: 100%; height: auto; }

/* =============== phone hover  =============== */
.grid-hover{  tap-highlight-color: rgba(0,0,0,0);  text-decoration: none;  touch-callout: none;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
.grid-hover.tap {  /*background:rgba(0,0,0,.9);*/ }


/* ===============  Header Nav  =============== */
.drawer-main { position: fixed; z-index: 5300;  top: 0; left: -220px; overflow: hidden; width: 220px; height: 100%; text-align:center;  
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: -o-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); 
	-webkit-transform: translate3d(-220px, 0px, 0px); transform: translate3d(-220px, 0px, 0px); }
.drawer-open .drawer-main { left: 0; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);   }
.drawer-overlay { position: relative; }
.drawer-nav{ position:absolute; bottom: 4em; width:100%; }
/* background */
.drawer-overlay-upper { position: fixed; z-index: 5200; height: 100%; width: 100%; left: 0; top: 0; display: none; background-color: rgba(0, 0, 0, 0.5); opacity:0; }
.drawer-open .drawer-overlay-upper { display: block !important; opacity:1; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
/* 三  */
.drawer-hamburger { border: 0; position: fixed; display: block; top: 0; left: 98px; padding: 0 38px; width: 98px; height: 98px; line-height:98px; background-color: #930000; z-index: 5221; outline: 0; 
		-webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); }
.drawer-hamburger:hover { cursor: pointer; }
.drawer-hamburger-icon { position: relative;  display: block;  }
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after { height: 2px; width: 100%; border-radius: 1px;  background-color: #DCC99D; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); }		
.drawer-hamburger-icon:before, .drawer-hamburger-icon:after { position: absolute; content: " "; top: -5px; left: 0; }
/* X */
.drawer-hamburger-icon:after { top: 5px; }
.drawer-open .drawer-hamburger-icon { background-color: transparent; }
.drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after { top: 0; }
.drawer-open .drawer-hamburger-icon:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.drawer-open .drawer-hamburger-icon:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.drawer-open .drawer-hamburger { left: 0px; -webkit-transform: translateX(220px) translateY(0px); -ms-transform: translateX(220px) translateY(0px); -o-transform: translateX(220px) translateY(0px); transform: translateX(220px) translateY(0px); 
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0,.33,1,.61); -o-transition: -o-transform 0.4s cubic-bezier(0,.33,1,.61); transition: transform 0.4s cubic-bezier(0,.33,1,.61);   }
/* Home btn */
.btnHome{ width: 98px; height: 98px; line-height:98px; position: fixed; display: block; top: 0; left:0; background-color: #402914; z-index: 5220; text-align:center;  }

.btnHome img{ width: 35px; display:inline-block; vertical-align:middle; }
.btnHome h1 { } 
/* drawer */
.drawer-default { background-color: #402914;   -webkit-box-shadow: inset 0 0px 0px #000000; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.5);  box-shadow: inset 0 0px 0px #000000; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.5); }
.drawer-default .drawer-brand { position: relative; display: block; }
.sr-only{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.sr-only-focusable:active,.sr-only-focusable:focus{ position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto }

/* navigation in drawer */
.LOGO{ margin: 33px auto; width:100px; height:90px; display:block; background:url(../img/LOGO_2.png) no-repeat center 0; background-size: 100% auto; color:#DCC99D; }
.navList{  width:90%; margin: 0 auto 2em auto; }
.navList li a{ font-size: 0.875rem; line-height:220%; text-transform:uppercase; color:#DCC99D; letter-spacing:1px;  }
.navList li a:hover{ letter-spacing: 3px;}
a.storeName{ font-size: 0.875rem; display:block; width:80%; margin: 1.5em auto; padding: 13px 0;  text-transform:uppercase; font-weight: bold; border-top: solid 1px #DCC99D;  border-bottom: solid 1px #DCC99D; color: #fff;  font-family: 'Century Gothic' ;  }
a.lang{ font-size: 0.75rem; display:block; width:80%; margin: 1em auto; color: #8f919b;  text-transform:uppercase;  letter-spacing:1px;  } 

.social{ width:90%; margin: 2em auto 0 auto; }
a.social_icon { display: inline-block; vertical-align:middle; width:32px; height:32px; line-height: 32px; margin:2px; border:solid 1px #8f919b;  -webkit-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; border-radius: 50em; }
a.social_icon i { color: #8f919b; font-size:.9em }
a.social_icon:hover i{ color: #1f2336 ; }
a.social_icon svg{ width:18px; height:18px; margin:7px auto; fill: #8f919b; display: block; }
a.social_icon:hover{ background: #8f919b; } 
a.social_icon:hover svg{ fill: #1f2336 ; }

@media (max-width:600px){
	.btnHome{ width: 60px; height: 60px; line-height: 56px;  }
	.drawer-hamburger{ width: 60px; height: 60px; line-height:60px; padding: 0 22px; left: 60px;  } 
	.btnHome img{ width: 45px; } /*25px*/
	.LOGO{ width: 80px; }
}
@media (max-width:770px){
	.btnHome{ width: 60px; height: 60px; line-height: 56px;  }
	.drawer-hamburger{ width: 60px; height: 60px; line-height:60px; padding: 0 22px; left: 60px;  } 
	.btnHome img{ width: 45px; }
	.LOGO{ width: 80px; }
}
@media (max-height:700px){ 
	.drawer-nav{ bottom:2em; }
	a.storeName{ margin: 1em auto; padding: 10px 0; width: 70%;   }
	.social{ margin-top: 1em;}
}
@media (max-height:460px){ 
	.drawer-nav{ bottom:1em; }
	.navList{ margin-bottom: 1em; }
}
@media (max-height:400px){ 
	.LOGO {display:none; }
}
@media (min-height:500px) and (max-height:800px){
	.navList li a{ font-size: 1rem; }
}


/* ===============  index  =============== */ 
.indexTitle_tb{ display: table; width:80%; max-width:320px; height:90%; margin:6% 10% 0 auto;  text-align:left;  }
.indexTitle_tc{ display: table-cell; vertical-align:middle; /*animation: all 1s ease-in-out 2s;*/ }
.indexTitle_tc h2{ font-size: 3.75rem; font-weight: 700; line-height:1em; color:#DCC99D; }
.indexTitle_tc h3{ font-size: 1.5rem; margin: 1.6em 0; line-height: 160%; letter-spacing:1px;font-weight: 500; color:#fff; font-family: 'Myriad Pro', 'PingFang TC', 'Helvetica', 'STHeitiTC-Light', '微軟正黑體' ;  }
/*.slick-slide[aria-hidden=true] .indexTitle_tc{ opacity: 0;  }
.slick-slide[aria-hidden=false] .indexTitle_tc{ opacity: 1; }*/

/* ken 改半透明 20210510 */
/* .aaIND{ position:relative; display: inline-block; width:100%; max-width:290px; padding: 1.5em 1em; text-align:center; background: #1F2336; color:#DCC99D; font-size: .75rem; letter-spacing:1px;  } */
.aaIND{ position:relative; display: inline-block; width:100%; max-width:290px; padding: 1.5em 1em; text-align:center; background-color: rgba(31, 34, 54, 0.5); color:#DCC99D; font-size: .95rem; letter-spacing:1px;  }
.aaIND:after{ position:absolute; bottom:0; left:0; width: 66px; height: 4px; content:''; display:inline-block; background:#004B59;  }
.aaIND:hover:after{ width:100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;  }

.scrolldown{ position:absolute; bottom: 3%; left:0; right:0; margin:0 auto; display:inline-block; width: 80px; height: 80px;  padding: 10px 20px 30px 20px;   }
.scrolldown div{ margin:auto; width: 40px; height: 40px; line-height: 40px; background: #fff; text-align:center;  /* background: url(../img/arDOWN_ff.png) no-repeat center center;*/
	  -webkit-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; border-radius: 50em; }
.scrolldown i{ color: #000; }
.scrolldown:hover{ padding-bottom: 10px; padding-top:30px; opacity:.8;  }
.scrolldown svg{ width:100%; height:100%; fill:#000;  -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
 
@media (max-width:600px){ 
	.indexTitle_tc h2{ font-size: 2.2rem;  }
	.indexTitle_tc h3{ font-size: 1.2rem; }
    .aaIND{ width: 70%; padding-top: 1.3em; padding-bottom:1.3em; }
}

 
/* ===============  ROOM  =============== */
#ROOM_1{ background-color: #111; /*background-image: url(../img/room_main.jpg);  background-repeat: no-repeat; background-position: center center;  background-size: cover; */ }
.slogan_tb { display:table; margin:auto; width: 80% ; height:100%; max-width: 600px;  }
.slogan_tc { display:table-cell; vertical-align:middle; text-align:center; }
@media (max-width:600px){ #ROOM_1 p br{ display:none; } }
/*@media (min-width:1000px){ #ROOM_1{ background-attachment: fixed; } }
*/

#ROOM_2{ background: #f5f5f5; padding: 4.5em 0 2em 0;}
.overviewTT{ text-align:center; margin: 1em auto; }
.overviewTT h6 { font-size: 3rem; /*48px*/  line-height: 1em; }

.roomType{ width:100%; margin:2em auto 4em auto; }
.roomType li{ width: 100%; display: table; margin-bottom: 30px; overflow:hidden; }
.roomType_IMG{ width: 67%; display: table-cell; vertical-align:top;  }
.roomType_TXT{ width: 33%; display: table-cell; vertical-align:top; color: #DCC99D; padding: 3em; background: #1F2336; direction: ltr; position:relative;  }
.roomType_IMG img{ width:100%; vertical-align:top; }
.roomType li:nth-child(even) .roomType_TXT{ background: #004B59; }
.roomType li:nth-child(even) { direction:rtl; }
.roomType_TXT h3{ font-size: 1.875rem; line-height: 1.2em; font-weight: normal; }
.roomType_TXT p{ font-size: .875rem;  }
.roomType_link{ padding-bottom:2em;  display:block;  }
.roomType_link:hover{ opacity: .6; }

.roomType .bnBooking_style{ position:absolute; bottom:3em; left:3em; } 
.bnBooking_style{  display: inline-block; padding:.8em .8em .8em 1.2em; letter-spacing:1px; color:#DCC99D; border: solid 1px #DCC99D;font-family:"Century Gothic";  }
.bnBooking_style span{ font-size:.75rem; }
.bnBooking_style:hover{ background-color: #DCC99D; color: #1F2336; }
svg.mm{ width:13px; height:13px;  margin-right:1em; display:inline-block; vertical-align: middle; fill: #DCC99D; }
.bnBooking_style:hover svg.mm{ fill: #402914; }
.roomType li:nth-child(even) .bnBooking_style:hover span{ color: #004B59;  }
.roomType li:nth-child(even) .bnBooking_style:hover svg.mm{ fill: #004B59; }
@media (max-width:1060px){ 
	.roomType_IMG{ width: 60%; }
	.roomType_TXT{ width: 40%; padding: 2em; }
	.bnBooking_style { bottom:2em; left:2em; padding:.5em 1em .5em 1em; }
	svg.mm{ margin-right: .5em; }
}
@media (max-width:980px){ 
	.roomType_TXT h3{ font-size: 1.6rem;   }
}
@media (min-width:751px) and (max-width:830px){ 
	 .roomType li{ height:280px; }
	 .roomType_IMG img{ -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); transform: scale(1.6);  -webkit-transform-origin: top 50%; -moz-transform-origin: top 50%; -ms-transform-origin: top 50%; transform-origin: top 50%;  }
}
@media (max-width:750px){ 
	.roomType li{ width: 100%; display: block;   }
	.roomType_IMG{ width: 100%; display: block;    }
	.roomType_TXT{ width: 100%; display: block;   }
	.roomType .bnBooking_style{ position: relative; left:0; bottom:0; }
}



.goTop{ width: 27px; height:27px; line-height:27px; display:block; border:solid 1px #000; margin:2em auto; text-align:center;  -webkit-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; border-radius: 50em;
/*background:url(../img/arUP_00.svg) no-repeat center center;*/ }
.goTop svg{ width:100%; height:100%; fill: #000; }
.goTop i{ color: #000; }
.goTop:hover{ background: #000; }
.goTop:hover svg{ fill: #fff; }
.goTop:hover i{ color: #fff; }



 /* ===============  footer  =============== */
footer{ width:100%; }
footer a:hover{ text-decoration:underline; }
.foo1{ background: #fff; padding: 3em 0;  }
.foo2{ background: #000; color: #888888; padding:2em 0; font-size: .69rem;  }

.foo1 h6{ display:inline-block; font-size: 1.3rem; line-height:1.5em; margin-bottom:1em; font-weight: bold;}
.foo1_L{ display:inline-block; vertical-align:top; width: 80%; }
.foo1_R{ display:inline-block; vertical-align:top; width: 19%; font-size: .875rem;  }
.siteMap{ display: table; width:95%; }
.siteMap li{ display: table-cell; vertical-align: top; padding: 0 2.3em; border-right: solid 1px #CCC; position:relative; }
.siteMap li:nth-child(1){ padding-left:0;  }
.siteMap li:last-child{ border-right: none; padding-right: 3px; }
.siteMap a{ display:block; padding: .5em 0; font-family:"Myriad Pro"; font-size: .875rem; letter-spacing:1px; }

.foo1_R p{ margin-top: 0;}

@media (min-width:991px) and (max-width:1300px){
 	.foo1_L{  width: 76%;  }
 	.foo1_R{  width: 23%; }	 
	.siteMap a{ letter-spacing:0;  }
}
@media (min-width:1231px) and (max-width:1300px){	 
	.siteMap li{ padding: 0 1.5em; }	 
}
@media (max-width:1230px){	 
	.siteMap li{ padding: 0 1em; }
}
@media (min-width:991px) and (max-width:1100px){
	.foo1 h6{ font-size: 1rem; }
}  
@media (max-width:990px){
	.foo1_L{ display:none;}
	.foo1_R{ width:100%;  text-align:center;}
 }

.copyRight{ display: inline-block; vertical-align:middle; width: 100% ; text-align:center; }  
/*.copyRight{ display: inline-block; vertical-align:middle; width: 40%;  }*/
/*.brand{ display: inline-block; vertical-align:middle; width: 58%; text-align:right; }*/
.brand{ display: inline-block; vertical-align:middle; width: 100%; text-align:center; }
.dotDiv{ font-style:normal; margin-left: 1em; margin-right: 1em; }   
.brand a{ display:inline-block; margin-left: 2em; }
.brand a:hover{ opacity: .6;}
@media (max-width:990px){
	 .copyRight span{ display:block; }
 }
@media (max-width:700px){ 
	.copyRight, .brand{ display: block; width:90%; margin:0 auto; text-align:center; line-height:180%; padding-bottom: 1em; }
}
 
/* ===============  Slider  =============== */
.slick-slider
{ position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; 
  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;
  -webkit-touch-callout: 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: 1.5em; 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 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 30px; height: 30px; position:relative;  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 { content:''; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left:-5px; width: 10px; height: 10px; text-align: center; background: #004B59; display:block;  }
.slick-dots li.slick-active button:before { background: #DCC99D; }

/* arrows */
.slick-prev,
.slick-next{ z-index: 99; position: absolute; top:45%; display:block; width: 80px; height: 80px; margin-top:0px; padding:0; cursor:pointer;  color:transparent;  border:none; outline:none; opacity:.7;  
background-repeat: no-repeat; background-position: center center; background-size: auto 60px; background-color: transparent;   }
.slick-prev{ left: 0; background-image:  url(../img/slick_arL.svg);    }
.slick-next{ right: 0;  background-image:  url(../img/slick_arR.svg) ; } 
.slick-prev:hover, 
.slick-next:hover{  opacity: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.slick-prev:hover{ background-position: 30% center; } 
.slick-next:hover{ background-position: 70% center; } 
 
/*各種slide
#sliderPC , #sliderPhone{ overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%;    }
#sliderPC  div, #sliderPhone div{ width:100%; height:100%;  }*/

#indexSlide, #roomSlide, #traSlide { width: 100%; height:100%; margin:0;  }
#indexSlide div,
#roomSlide div,
#traSlide div{ width:100%; height:100%;  }

.wrapperH100_album{ position: relative; width:100%; max-width:100%; overflow:hidden;   }
#album{ width: 100%;  margin:0;  }
@media (min-width:641px){
	.wrapperH100_album{ height: 100%;   }
	#album{ height:100%;  }
	#album div{ width:100%; height:100%;  }
	 }


/* ===============  album  =============== */
/* X  */
.iconAlbum{ position:absolute; top:0; right:0; z-index: 998; clear:both; }
.iconAlbum:after{ clear:both; content:''; display:block; }
a.xCLOSE{ display:block; width: 98px; height: 98px; background-color: #930000; position:relative;  }
a.xCLOSE span:before, a.xCLOSE span:after { cursor: pointer; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; height: 1px; width: 24px; background: #DCC99D;  display: block; content: ''; position: absolute; top: 50%;left:50%;  margin-left:-12px; }
a.xCLOSE span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);    }
a.xCLOSE span:after {  -webkit-transform: rotate(-45deg); -ms-transform:  rotate(-45deg); transform: rotate(-45deg);  }
a.xCLOSE:hover, a.aaDetail:hover{ opacity:.8; transition-duration:1s; -webkit-transition-duration:1s; -ms-transition-duration:1s; -moz-transition-duration:1s;  }

a.aaDetail{ width: 98px; height: 98px; display: block; background: #402914; color: #DCC99D; font-weight:bold; text-align:center; position:relative;  }
a.aaDetail span{ position:absolute; left:0; top:50%; margin-top: -1.1em; width:100%; line-height:1.2em; letter-spacing:1px; }

a.xDetail{ z-index:9999; position: absolute; top: 0; right: 98px; width: 98px; height: 98px; display: block;  background: #1F2336; color: #DCC99D; font-weight:bold; text-align:center;  }
a.xDetail span:before, a.xDetail span:after { cursor: pointer;  -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; height: 1px; width: 24px; background: #DCC99D;  display: block; content: ''; position: absolute; top: 50%; left:50%;  margin-left:-12px; }
a.xDetail span:before {  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);  }
a.xDetail span:after {  -webkit-transform: rotate(-45deg); -ms-transform:  rotate(-45deg); transform: rotate(-45deg);  }

#roomDet{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 999;  }
.roomDet_tb { display: table; margin:auto; width: 90% ; height:100%; max-width:620px;  }
.roomDet_tc {  visibility: hidden; display: table-cell; vertical-align:middle; text-align:center; position:relative;  }
.roomDet_content{ font-size: 1rem; color:#DCC99D; padding: .3em 0; margin:.6em auto; line-height:150%;    }
@media (min-width:641px){
	.roomDet_content{ max-height: 38vh; padding-left: 30px; }
}
#roomDet p{ line-height: 165%; }

hr.hrBlue{ display: block; border:none; background:#004B59; width: 166px; height:10px; margin:3em auto; }
.aaLinkList{ text-align:center; margin: 1em auto; }
.aaLinkList li{ display:inline-block; color: #fff; font-weight:bold; position:relative;  }
.aaLinkList li:after{ position:absolute; top:5%; content:''; width:1px; height:90%; margin:0 2px; background: #DCC99D; display:inline-block;  }
.aaLinkList li:last-child:after{ display:none; }
.aaLinkList li a{ padding: .2em 2em; font-size: .875rem; display:inline-block; }
.aaLinkList li a:hover{ opacity: .6; }

.bgAlbum{ background: #1F2336; }
.picSize img{ width: 100%; height: auto; }

#roomDet_mobile{ display:none; width: 86%; margin: 1em auto; padding:2em 0; text-align:center;   }
#roomDet_mobile .title02{ font-size: 1.6rem; }
#roomDet_mobile .roomDet_content{ font-size: .9rem; /*padding-bottom:1em; min-height:3em; max-height: 6em; overflow:hidden; overflow-y:scroll;*/  }
#roomDet_mobile .hrBlue{ width: 130px; }
#roomDet_mobile .aaLinkList li{ max-width: 49%; text-align:center;   }
#roomDet_mobile .aaLinkList li a{ font-size:.78rem; }

@media (max-width:640px){ 
	a.xCLOSE{ -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin:right top; -moz-transform-origin:right top; -ms-transform-origin:right top;  -o-transform-origin:right top; transform-origin:right top; }
	a.xCLOSE span:before, a.xCLOSE span:after { width: 40px; margin-left:-20px; }
	a.aaDetail, a.xDetail{ display:none; }
	#roomDet_mobile{ display:block; }
	#roomDet, a.xDetail{ display:none !important; }
}	


.contentA{ transform: none; transition: transform .6s, opacity 1s;  }
.contentB{ height:0; overflow: hidden; opacity:0; transform: translateY(2em); transition: all 1s;   }
.is-open .contentA{ transform: translateY(-2em); opacity:0; height:0; overflow: hidden;  }
.is-open .contentB{ height: auto; opacity:1; transform: none;  }
 
#aaRoomDet,
#aaRoomDet_xs{ padding: 1em; color: #fff; margin: 1em auto; text-align:center; display:inline-block; }
#aaRoomDet:hover{ opacity: .7; }
.listFaci{ display: block; text-align:center;    }
.listFaci li{ width: 100%; display:block; margin: .5em 0; }
.listFaci li span{ display:inline-block; line-height: 2em; position:relative;  }
.listFaci li span:after{ content:''; width: 100%; height:1px; background: rgba(255,255,255,0.5); position:absolute; bottom:0; left:0;  }
	 	 
		 
/*@media (max-height:600px){ 	 
	 #roomDet_mobile .hrBlue{ width: 120px; margin: 1.6em auto; }
	}
@media (max-width:320px) and (max-height:520px) and (orientation:portrait) { 
	#roomDet_mobile { margin-top:2em;   }	
	#roomDet_mobile .roomDet_content{ min-height: 3em; max-height: 5em; }	
	}
@media (min-width:414px) and (min-height:736px) and (orientation:portrait) { 
	#roomDet_mobile { margin-top: 4em;  }	
	#roomDet_mobile .roomDet_content{  min-height:6em; max-height: 11em;}	
	}
.txtBottomGradient{ position:relative; }
.txtBottomGradient:after{ position:absolute; bottom:-2px; left:0; right:0; margin:0 auto; width:99%; height:1.2em; content:' '; display:block; 
background: -moz-linear-gradient(top, rgba(31,35,54,0) 0%, rgba(31,35,54,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(31,35,54,0)), color-stop(100%, rgba(31,35,54,1)));
background: -webkit-linear-gradient(top, rgba(31,35,54,0) 0%, rgba(31,35,54,1) 100%);
background: -o-linear-gradient(top, rgba(31,35,54,0) 0%, rgba(31,35,54,1) 100%);
background: -ms-linear-gradient(top, rgba(31,35,54,0) 0%, rgba(31,35,54,1) 100%);
background: linear-gradient(to bottom, rgba(31,35,54,0) 0%, rgba(31,35,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2336', endColorstr='#1f2336', GradientType=0 );
}
.roomDet_content::-webkit-scrollbar {  width: 3px; }
.roomDet_content::-webkit-scrollbar-track { background-color: transparent; }
.roomDet_content::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.5); border-radius:50em;  }
.roomDet_content::-webkit-scrollbar-button { background-color: transparent;  }
.roomDet_content::-webkit-scrollbar-corner { background-color: transparent;}*/


/* ============= 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; 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 #000 ; -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: #fff; }
.dropdown:hover .carat:after{ border-top-color: #fff;}
.dropdown.focus .carat{ border-top-color: #000; }
.dropdown.focus .carat:after{ border-top-color: #fff; }
.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; opacity:0; }
.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 {     } 
.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;   }
/* 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; }

 

/* =============== index  =============== */
#ind_02{ width:100%; background: #fff; padding:3em 0;  }
.ind_navList{ display:table; width:100%; max-width: 1360px; margin: 1em auto; } 
.ind_navList li{ display:table-cell; width:25%; margin: 1em 0; padding:0; border-right: solid 4px #E6E6E6;   }
.ind_navList li a{ display:block; width:88%; max-width:230px; margin:0 auto;    }
.ind_navList li:last-child  { border-right: none; }
.ind_navList li a h2{ height:1.5em; overflow: hidden; font-size: 1.5em; /*24px*/ line-height:1.3em; padding-right: 1em; margin-top:.3em; position:relative; font-weight: 600; font-family: 'Myriad Pro', 'PingFang TC', 'MHei', 'STHeitiTC-Light', '微軟正黑體' ; }
.ind_navList li a h2:after{ content:'+'; position:absolute; top: 0; right:0; display: inline-block; font-weight: 600; color:#151F49;    }
.ind_navList li a:hover h2:after{ color:#DCC99D; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;  }
 
@media (max-width:1000px){
	.ind_navList{ display:block; margin: 0 auto;  }
	.ind_navList:after{ content:''; clear:both; display:block; }
	.ind_navList li{ width:50%; display:block; float: left;  }
	.ind_navList li:nth-child(2n+2){  border-right: none;   }
	.ind_navList li a h2{ font-size: 1.2em; /*24px*/    }
	.ind_navList li a p{ margin-top: 0; height:3.4em; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box;  }
	}
@media (max-width:600px){ 
	#ind_02{ padding: 1em 0;  }
	.ind_navList li a h2{ font-size: 1em; /*24px*/ /*height: 3em; padding-right: 2em;*/   }
	.ind_navList li a p{ line-height: 120%; height:3.5em;  }
	}

#ind_03{ background: #000; }
.gridLinks{ width:100%; overflow:hidden; } 
.gridLinks img {  vertical-align: top; width:100%; } 
.gridLinks a:hover img { -webkit-filter:brightness(.8); filter:brightness(.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.grid-sizer{ opacity:0; }
.gridLinks .grid-sizer, .gridLinks .grid-item{ width:25%;  }
.gridLinks .grid-item.w2{ width:50%; } 

@media (max-width: 720px){
	.gridLinks .grid-sizer, .gridLinks .grid-item{ width: 50%; }
	.gridLinks .grid-item.w2{ width: 100%; }
	}



.aaPage{ position:relative; display:block;  }
.note{ width: 80%; max-width:450px; padding: 2em; display:inline-block; max-height:12em; }
.note h2{ font-size: 1.75rem; font-weight: bold; line-height:120%; display: inline-block; vertical-align: middle;    }
.note strong{ max-height: 3em; display: inline-block; }
.note small{ margin-top: .5em; height: 3em; font-size: .875rem; line-height:150%; display: block; overflow: hidden; font-weight: normal; 
 /*text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/  }
.bigNumber{ font-family:  /*"Charlemagne Std", "Hoefler Text" , */ "Times New Roman", serif ; font-size: 6.37rem; display: inline-block; line-height:1em;  }
#BIG_TITLE .bigNumber{ max-width: 27%; padding-right:1.5%; vertical-align: middle;  }
#BIG_TITLE h2{ width: 71%; vertical-align: middle; }
@media (min-width:1300px){
	#BIG_TITLE{ padding: 4em; max-height:14em; max-width:650px; }
}
@media (max-width:500px){
	.bigNumber{ font-size: 5rem;}
	.note h2{ font-size: 1.5rem; } 
 	.note small{ display:none; }
	.note{ width: 90%;  }
}

.TopL{ position:absolute; top:0; left:0; }
.TopM{ position:absolute; top:0; left:0; right:0; margin-left: auto; margin-right:auto; }
.TopR{ position:absolute; top:0; right:0; }
.MidL{ position:absolute; top:0; bottom:0; left:0; margin-top: auto; margin-bottom:auto; }
.MidM{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
.MidR{ position:absolute; top:0; right:0; }
.BottomL{ position:absolute; bottom:0; left:0; }
.BottomM{ position:absolute; bottom:0; left:0; right:0; margin-left: auto; margin-right:auto; }
.BottomR{ position:absolute; bottom:0; right:0; }
.word_white{ color: #fff; }
.word_black{ color: #000; }


#ind_04{ width:100%; background:url(../img/bgExp.jpg) no-repeat center center; background-size:cover; padding: 4em 0;  }
.slogan_exp{ letter-spacing: 1px; padding: 1em 1em;  width:80%; }
.slogan_exp h2{ font-size: 2.25rem; /*36px*/ line-height: 1.2em; font-weight: bolder; }
.slogan_exp p{ font-family: inherit; }
@media (min-width:1300px){
	.slogan_exp{ padding-left: 6em; } 
}

#ind_05{ width:100%; background: url(../img/bg01.jpg) no-repeat center 0; background-size:cover; padding: 8em 0; }
.gold_frame{  display:block; margin: 0 auto; width:80%; max-width: 438px; position:relative; /*border: solid 16px #DCC99D;*/ text-align: center; padding: 7em 0; }
.gold_frame h2{ opacity: .2; font-size: 3rem ; /*48px*/ color: #fff; line-height:1em; display:inline-block; position:relative; padding-bottom: 26px; margin-bottom:15px; }
.gold_frame.active h2{ opacity: 1; transition: opacity 1s .3s; }
.gold_frame h2.active:after{ position:absolute; left:0; bottom:0; content:''; display:block; width:100%; height: 8px; background: #068faa;
-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
-webkit-animation-name: scaleX; animation-name: scaleX; animation-delay: 1s; -webkit-animation-delay:1s; }
.gold_frame h3{ font-size: 1.125rem; color:#fff; line-height:1.4em; }
@-webkit-keyframes scaleX {
    0% {  opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); }
    100% {  opacity: 1;  -webkit-transform: none; transform: none; }
}
@keyframes scaleX {
    0% {  opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); }
    100% {  opacity: 1;  -webkit-transform: none; transform: none; }
}


@media (max-width:600px){ 
	.gold_frame{  padding: 3em 0; }

}


.gold_frame[data-fancy-btn] .lines {
  position: absolute; background: #DCC99D; visibility:hidden; 
  transition: all ease 1.3s; -webkit-transition: all ease 1.3s; -moz-transition: all ease 1.3s; -o-transition: all ease 1.3s;
  transition-delay: .5s; -webkit-transition-delay: .5s; -moz-transition-delay: .5s;  -o-transition-delay: .5s; 
  /*-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;*/
}
.gold_frame[data-fancy-btn] .top {
  top: -1px;
  left: -1px;
  height: 16px;
  width: 0;   
}
.gold_frame[data-fancy-btn] .right {
  top: -1px;
  right: -1px;
  width: 16px;
  height: 0;  
}
.gold_frame[data-fancy-btn] .bottom {
  bottom: -1px;
  right: -1px;
  width: 0;   
  height: 16px;
}
.gold_frame[data-fancy-btn] .left {
  bottom: -1px;
  left: -1px;
  width: 16px;
  height: 0;  
}


.gold_frame[data-fancy-btn].active .top,
.gold_frame[data-fancy-btn].active .bottom {
  width: 100%;  padding-right: 1px; visibility: visible; 
}

.gold_frame[data-fancy-btn].active .left,
.gold_frame[data-fancy-btn].active .right {
  height: 100%;  padding-top: 1px; visibility: visible; 
}
 
.gold_frame[data-fancy-btn].active:hover  {
  background:#DCC99D;
}




/* =============== ABOUT  =============== */
#AB02, #AB03, #AB04, #AB05{ position:relative;  /*padding: 8em 0;*/ color:#fff;  }
#AB01{ background:url(../img/bgAB1.jpg) no-repeat center 0; background-size: cover; }
#AB02{ width:100%; background:url(../img/bgAB2.jpg) no-repeat center 0; background-size: cover; min-height:100%; display: table; }
#AB03{ width:100%; background:url(../img/bgAB3.jpg) no-repeat center 0; background-size: cover; min-height:100%; text-align:center; display:table; }
#AB04{ width:100%; background:url(../img/bgAB4.jpg) no-repeat center 0; background-size: cover; min-height:100%; text-align:center; display:table; }
#AB05{ width:100%; background:url(../img/bgAB5.jpg) no-repeat center 0; background-size: cover; min-height:100%; text-align:center; display:table; }
@media (min-width:1200px){ #AB01, #AB02, #AB03, #AB04, #AB05 { background-attachment: fixed; } }

.ab1_tt_tb{ display:table; width:90%; height:100%; margin:0 auto;  }
.ab1_tt_tc{ display:table-cell; vertical-align: middle; text-align:center; color: #fff;    }
.ab1_tt_tc h2{ font-size: 3.75rem; color: #DCC99D; line-height:1em; text-transform: uppercase; font-weight: bolder;   }
.ab1_tt_tc p{ max-width: 350px; margin-right:auto; margin-left:auto; }

.ab2_tc, .ab3_tc, .ab4_tc, .ab5_tc{ width: 100%; height:100%; display:table-cell; vertical-align:middle; }
.ab3_txt, .ab4_txt, .ab5_txt{  width: 90%; max-width:600px; margin:auto; padding:2em;   }  
.ab2_txt{ width: 90%; max-width:530px; margin-left:10%; padding:5em 2em;    }

.ab2_txt h2, .ab3_txt h2, .ab4_txt h2, .ab5_txt h2{ font-size: 3rem; color: #DCC99D; line-height:1em; text-transform: uppercase; font-weight: bolder;   }
.ab2_txt h3, .ab3_txt h3, .ab4_txt h3, .ab5_txt h3{ margin: 1em 0; font-size: 1.875rem; line-height:1em; font-weight: normal; font-family: 'Myriad Pro', 'PingFang TC','MHei', 'STHeitiTC-Light', '微軟正黑體' ;  }
.ab2_txt .words, .ab3_txt .words, .ab4_txt .words, .ab5_txt .words{   }

.bnCenter{ margin:2em auto;}

@media (max-width:680px){
	.ab2_txt{ margin-left:0; }
	.ab2_txt .words p, .ab3_txt .words p, .ab4_txt .words p, .ab5_txt .words p{ line-height:130%; }
	.ab2_txt, .ab3_txt, .ab4_txt, .ab5_txt{ padding-top: 6em; padding-bottom: 6em;  }  
}
@media (max-width:480px){
	.ab1_tt_tc h2{ font-size: 2.5rem; }
	.ab2_txt h2, .ab3_txt h2, .ab4_txt h2, .ab5_txt h2{ font-size: 1.9rem; }
	.ab2_txt h3, .ab3_txt h3, .ab4_txt h3, .ab5_txt h3{ font-size: 1.4rem; }
}
@media (max-width:350px){  .ab2_txt, .ab3_txt, .ab4_txt, .ab5_txt{  width: 100%; } }

/* =============== CONTACT  =============== */
#contact{ background: #f5f5f5; padding: 8em 0 3em 0; }
.contact_inner{ width:90%; max-width:660px; margin: 0 auto; }
.contact_tt{ padding: 2em; border-bottom: solid 6px #000; text-align:center; }
.contact_tt h4{ font-size: 3.75rem; /*60px*/ font-weight: bolder; line-height:1em;  }
.contact_tt p{ font-size: 1.125rem; }

@media (max-width:600px){
	#contact{  padding-top: 3em;  }
	.contact_tt h4{ font-size: 2.5rem;  } 
	.contact_tt p{ font-size: 1rem; line-height:130%; }
}

input:focus, textarea:focus{ outline:none; }
input:focus:placeholder { color: transparent; }
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; }
input:focus::-moz-placeholder  { color: transparent; }
input:focus:-ms-input-placeholder  { color: transparent;}
 
.contactForm{ width:100%; margin: .5em auto 1em auto; font-size: .875em;  }
.contactForm > li{ padding: 8px 0; border-bottom: solid 1px rgba(0,0,0,0.5); }
.contactForm label, .fill, .wrongMSG, .fill_code{ display:inline-block; vertical-align: top;  }
.contactForm label{  width: 23%; /*width: 7.5em;*/ font-weight: bold;  }
.fill{  width: 50%;  }
.wrongMSG{ width: 25%; color: #004B59;  display: none; }
.wrongMSG, .contactForm label, .contactForm input, .contactForm textarea{ padding: .5em 2px; vertical-align: text-bottom; }
.fill input, .fill_code input, .fill textarea{ width:100%; border: none; background:transparent;    }
.fill textarea{ height: 10em;  }

input:focus, textarea:focus{ outline:none; }
input:focus:placeholder { color: transparent; }
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; }
input:focus::-moz-placeholder  { color: transparent; }
input:focus:-ms-input-placeholder  { color: transparent; }

.fill_code{ width: 75%; }
.fill_code input{ max-width: 13em;  }
.fill_code img{ float:right; margin-top:5px; }
.fill_code .wrongMSG{ width:auto; max-width:40%;}
 
@media screen and (max-width: 700px)  {  
   .contactForm label, .fill, .wrongMSG, .fill_select, .fill_code{ width:100%; }
   .contactForm > li{ margin-bottom: .5em; padding-bottom: .5em; }
   .contactForm label{ padding-bottom: 0; }
   .fill input, .fill_code input{  padding-left: 0;  }
}

.contactForm > li.wrong{ border-bottom: solid 1px #004B59; }
.contactForm > li.wrong .wrongMSG{ display: inline-block; }

.confirm{ text-align:center; font-size:.75rem;  display:table; width:80%; max-width:430px; margin:4em auto 9em auto; }
.confirm a{ color: #DCC99D; display: table-cell; padding: 1.1em 0; width: 50%; border-left:solid 1px #f5f5f5;    }
.confirm .ok{ background:#1F2336; }
.confirm .no{ background:#004B59; }
.confirm a:hover{ background:#DCC99D; letter-spacing:1px;   }
.confirm .ok:hover{ color:#1F23 36; }
.confirm .no:hover{ color:#004B59; }
 
/* ===============  NEWS  ===============*/
#newsBanner{ width:100%; height:545px; /*background:url(../img/bgNEWS.jpg) no-repeat center top;*/ background-color: #ebebeb; background-repeat: no-repeat; background-position: center top;  background-size: cover; padding: 90px 0 0 0; position: fixed; z-index:99;  transition: height 0.5s; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -o-transition: height 0.5s;    }
#newsBanner.-on{ height:98px; } 
#newsBanner.-on .news_tt{ display:none; }
.news_tt{ width: 80%; max-width: 420px; padding:2em 1em; margin: 0 auto; text-align: center; display:block; }
.dateNews{ font-size: 1.5rem; /*24px*/ font-weight: bold; line-height: 1.3em; }
.news_tt h2{ font-size: 2.25rem; font-weight: bold; text-transform: uppercase; line-height: 1.3em; margin: .3em auto; }
.news_tt p{ font-size: .875rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  }

.arrowToggle{ display: block; position:absolute; bottom:0; left:0; right:0;  margin: 0 auto -20px auto; width:100px; text-align:center; z-index:9999; }
.arrowToggle svg,
.arrowToggle span{ display:block; fill:#000; background: #DCC99D; width:40px; height:40px; line-height: 40px; margin:0 auto;  -webkit-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; border-radius: 50em; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.arrowToggle i:before{ content:'CLOSE'; display:block; width:100%; line-height:3em; letter-spacing: 1px; font-style:normal; text-transform:uppercase; font-size: .875rem; color: #fff; font-weight:bold;   }
.arrowToggle:hover svg{ fill: #DCC99D ; background: #000; } 
.arrowToggle:hover span{ color: #DCC99D ; background: #000; }
.arrowToggle:hover i:before{ }  

.arrowToggle.-on svg,
.arrowToggle.-on span{  -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.arrowToggle.-on i:before{ content:'OPEN'; }








.HEIGHT{ height:540px; background: #f5f5f5; }
.HEIGHT.-on{ height:90px;  }
.newsList{ background: #f5f5f5; padding:6em 0 2em 0; text-align:center; } 
.newsList_tt { margin-bottom: 3em; text-align:center;} 
.newsList_tt h2{ color: #1f2336; font-size:3rem; line-height:1em; }
.newsList_tt p{ font-size: 1.125rem; }

.topic{ position: relative; text-align:center; margin:1em auto; width:100%; display:inline-block; }
.newsList_topic{ width: 100%; text-align:center; margin: 0 auto; display: inline-block;  position:relative;  }
.newsList_topic li{ display:inline-block; padding:0 1em; border-right:solid 1px rgba(0,0,0,0.2); font-size: 1.125rem; font-weight: 600; font-family: 'Myriad Pro', 'PingFang TC','MHei', 'STHeitiTC-Light', '微軟正黑體' ;   }
.newsList_topic li:last-child{ border-right:none; }
.newsList_topic li a{ display:block;  }
.newsList_topic li a span{ padding: .3em; border-bottom: solid 7px transparent;   }
.newsList_topic li a:hover span, .newsList_topic li.-on a span{ border-bottom: solid 7px #DCC99D; }

#bn_topicMobile{   }
.topicMobile{ display:none; width: 80%; max-width:300px; margin:-20px auto 0 auto;     }	
.topicMobile_list{ display:none; background: rgba(241,213,0,0.37); position:absolute; top:100%; left:0; right:0; max-width:300px; margin:0 auto; z-index:9999;   }
.topicMobile_list li a{ width:100%; display:block; padding:.5em 0; line-height: 2em; background: #1F2336;  color: #DCC99D;   }
.topicMobile_list li a:hover{ background: #DCC99D; color: #1F2336;  }
/* V  */   
.bn_V { width:100%; height:2em; display: block; /*vertical-align:middle;*/ position:relative;    } 
.bn_V .arrow, .bn_V .arrow:after{ content: ''; position: absolute; right: 10px; top: 50%; margin-top: -4px; border: 6px solid transparent; border-top: 6px solid #1F2336 ; -webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; -ms-transform-origin: 50% 20%; transform-origin: 50% 20%;}
.bn_V .arrow:after{ margin-top: -8px; right: -6px; border-top-color: #f5f5f5 ; }
.bn_V:hover .arrow{ border-top: 6px solid  #DCC99D; }
.bn_V.open .arrow{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

@media (max-width:1000px){
    .topicMobile, .bn_V{ display:block; }
	.newsList_topic{ width: auto; max-width:300px;  }
	.newsList_topic li:not(.-on){ display:none; }
	.newsList_topic li.-on {  border: none; vertical-align:middle; margin: auto;   } 
	.newsList_topic li.-on a{ /*padding:.3em 2em;*/ border: none;   } 
	}

.video-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.newsPreview{ width:100%; margin:1em auto 3em auto; }
.newsPreview li{ width:100%; margin-bottom:8px; background: #fff; padding: 4em 0;  }
.newsPreview_one{ /*padding:4em 5.6em 4em 5.6em;*/ width:90%; max-width:770px; margin:0 auto; }
.newsPreview_one img{ width:100%; height:auto; margin-bottom:3em; }
/*.newsPreview_one iframe{ width:100%; margin-bottom:3em; }*/
.newsPreview_one .video-container{  margin-bottom:3em; }
.newsPreview_one time{ font-size:1.5rem; color: #B7B7B7;   font-weight: bold;  }
.newsPreview_one h3{ font-size: 2.25rem; line-height:1.1em; margin:.5em 0 1em 0; font-weight:normal; }
.newsPreview_one hr{ background: #ccc; border:none; height:1px; margin:2em auto; display:block;   }
.newsPreview_one p{ font-size: .875rem; letter-spacing:1px; }

.aaLearn{  display: inline-block; padding: .7em 1.5em; letter-spacing:1px; margin: 0 auto; border: solid 1px #000;  }
.aaLearn span{ font-size:.75rem; }
.aaLearn:hover{ background-color: #000; color: #fff; }
.aaLearn svg.mm,
.aaLearn svg.mm use,
.aaLearn svg.mm polygon{ /*width:13px; height:13px; margin-right:1em; display:inline-block; vertical-align: middle;*/ fill: #000; }
.aaLearn:hover svg.mm,
.aaLearn:hover svg.mm use,
.aaLearn:hover svg.mm polygon{ fill: #fff; } 
#newsDetail{ padding: 2em 0 5em 0; width:100%; min-height:100%; margin: 0 auto; }

.share{ margin: 1em auto;  }
.share_icon { display: inline-block; vertical-align:middle; width:32px; height:32px; line-height:32px; margin:5px 2px; border:solid 1px #333;   -webkit-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; border-radius: 50em; text-align:center; }
.share_icon svg{ width:18px; height:18px; margin:7px auto; fill: #000; display: block;  }
.share_icon:hover{ background: #000; } 
.share_icon:hover svg{ fill: #fff ; }
.share_icon.fa:hover{ background: #4965A0; border:solid 1px #4965A0;  }
.share_icon.tw:hover{ background: #55ACEE; border:solid 1px #55ACEE;  }    
.share_icon.in:hover{ background: #6A453B; border:solid 1px #6A453B;  }
.share_icon.pi:hover{ background: #CC2127; border:solid 1px #CC2127;  }
.share_icon.yo:hover{ background: #DF192A; border:solid 1px #DF192A;  }
.share .share_icon:first-child{ margin-left: 0; }
.share .share_icon:last-child{ margin-right: 0; }
.share_icon i{ color: #000; }
.share_icon:hover i{ color: #fff; }

.newsDet_content{ width:90%; max-width: 780px; margin:2em auto; }
.newsDet_tit{ text-align:center; }
.newsDet_tit time{ font-size:1.5rem; color: #B7B7B7; font-weight: bold;  }
.newsDet_tit h3{ font-size: 2.25rem; line-height:1.1em; margin:.5em 0 1em 0; font-weight:normal; }
.newsDet_editbox{ margin: 2em 0;   }
.newsDet_editbox img{ max-width: 100%; height:auto; }

.xCLOSE.fixRight{ position: fixed; right:0; top:0; }

@media (max-width:600px){
	.newsList_tt h2{ font-size:2.5rem;}
	.news_tt h2, .newsPreview_one h3, .newsDet_tit h3 { font-size:1.8rem;}
 	#newsBanner.-on{ height: 60px; padding-top: 60px; }
	.arrowToggle{  margin-bottom: -15px  ; }
	.arrowToggle svg{ width:30px; height:30px; }
	.arrowToggle i:before{ line-height:2em;  }
	}
@media (max-height:600px){
	#newsBanner{ padding-top: 70px; }
	}
@media (max-height:560px){
	#newsBanner{ height:450px; }
	}

/* ===============  Travel  =============== */
#travel_01{ background: #1F2336; /*background:url(../img/bgTravel.jpg) no-repeat center top; background-repeat: no-repeat; background-position: center top;  background-size: cover;*/}
.tra_tt_tb{ display:table; width:90%; height:100%; margin:0 auto;  }
.tra_tt_tc{ display:table-cell; vertical-align: middle; text-align:center; color: #fff;    }
.tra_tt_tc h2{ font-size: 3.75rem; color: #DCC99D; line-height:1em; text-transform: uppercase; font-weight: bolder;   }
.tra_tt_tc p{ max-width: 350px; margin-right:auto; margin-left:auto; }

#travel_02{ background: #f5f5f5; padding:6em 0 2em 0; /*text-align:center; */ }
.travelSpots{ width:90%; max-width:1300px; margin:1em auto; }
.TRVgrid{ width:100%; margin:1em auto 2em auto;  overflow:hidden; min-height: 200px;  } 
.TRVgrid:after {content: ''; display: block;clear: both;}
.TRVgrid img {  vertical-align: top; width:100%; } 
.TRVgrid a:hover img { -webkit-filter:brightness(.8); filter:brightness(.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.Tgrid-sizer{ opacity: 0;}
.Tgrid-sizer, .Tgrid-item { width: 23.5%; overflow:hidden; }
.Tgutter-sizer {  width: 2%;  }
.Tgrid-item{ margin-bottom: 25px; }
.Tgrid-item.w2 { width: 49%;} 
.TraDes{  padding: 25px 20px; height:100px; text-align:left; background: #fff;   }
.TraDes p{ margin:0; height:3em; line-height: 1.5em;  font-weight: 600;color:#656565;  font-family: 'Myriad Pro', 'PingFang TC','MHei', 'STHeitiTC-Light', '微軟正黑體' ; 
overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  } 
@media (max-width: 720px){
	.Tgutter-sizer {  width: 6%;  }
	.Tgrid-sizer, .Tgrid-item{ width: 47%; }
	.Tgrid-item.w2{ width: 47%; }
	}

.trav_pageL{ position: fixed; width:50%; height:100%; padding:2em 0; float:left; }
.trav_pageR{ width:50%; float:right; background: #111; min-height: 100%; }
.trav_pageL:after, .trav_pageR:after{ content:''; float:none; clear:both; }
.trav_pageR img{ width: 100%; height: auto; vertical-align: top; }
.spot_scroll{ overflow:hidden; height: 100%;  }

.trav_google{ width:100%; height:450px;}
.mapDetail{ padding: 0 0 1em 0; }
.mapDetail_h1{ font-size:1.5rem; letter-spacing:1px; line-height:1em; padding: .6em 0; margin-bottom: .6em; position:relative;  }
.mapDetail_h1:after{ content:''; width: 30px; height: 1px; display:block; position:absolute; left:0; bottom:0; background: #DCC99D; }
.mapDetail_txt{ line-height:130%; }

.spot_content{ width: 80%; max-width:460px; margin-left: 10%; }
.spot_tt{ font-size: 2.25rem; font-weight: normal; margin-top:1em; margin-bottom:1em; line-height:1.2em; }

.spot_add:before{ width:130px; height:4px; content:''; background: #000; display:block; position:absolute; top:0; left:0; }
.spot_add{ padding: 2em 0; margin-top: 100px; position:relative; font-size: .875rem; line-height: 200%;  }
.spot_add h6{ font-size: 1.3rem; line-height:2em; font-weight: bold; }

 
@media (max-height:700px){
	.spot_tt{ font-size: 1.6rem;}
	/*.spot_add{ padding-top: 1em; margin-top: 2em; }*/
	}
@media (max-height:600px){ 
	.trav_pageL, .trav_pageR {  width:100%; height:auto; position:relative; float:none; }  
	.trav_pageL { padding-bottom:4em; } 
	.spot_scroll { height:auto; }
	}
@media (max-width:680px) { 
	.trav_pageL, .trav_pageR{  width:100%; height:auto; position:relative; float:none; }  
	.trav_pageL{ padding-bottom:4em; }  
	.spot_scroll { height:auto; }
	}


/* ===============    =============== */
.aa1{ background:#1F2336; color:#DCC99D; display: inline-block; padding: 1.1em 3.5em; margin:1em auto; font-size:.75rem; letter-spacing:1px; }
.aa1:hover{ background:#DCC99D; color:#1F2336; }


/* =============== global  =============== */
#gb{ background: url(../img/bgGB1.jpg) no-repeat center center; background-size: cover; width: 100%; min-height: 100%; /*position:fixed;*/ text-align: center; color: #dcc99d; padding: 3em 0 6em 0; position:relative;  }
.gb-logo{ height: 96px; margin: 1em auto;   }
.gb-logo img{ max-height: 100%; width: auto;  }
.gb-logo span{ font-size: 0; color: transparent; z-index:-1; }

.gb-lang{ margin: 2em auto 0 auto; display:inline-block; }
.gb-lang li{ margin: .8em 0; display:inline-block;  }
.gb-lang li:not(:last-child){ border-right: solid 1px #dcc99d;  }
.gb-lang a{ padding: 0 1.2em; letter-spacing: .05em; color: #fff; font-size: .9rem; font-weight: 500;  }
.gb-lang a:hover{ opacity: .7; }

.gb-spot{ margin: 1em auto 2em auto; width:100%; max-width: 760px;    }
.gb-spot li{ width: 21%; margin: 1em 2%; float:left; display: block;   }
.gb-spot:after, 
.gb-spot li:after{ clear:both; content:''; display:block; }

a.aaSPOT{ display: block; width: 100%; margin:0 auto; padding: 1em 0; height: 160px;  border: solid 1px #dcc99d;  /*border: solid 9px transparent;*/ transition: none; transition: box-shadow .5s, background 1s; -webkit-transition: box-shadow .5s, background 1s;  position:relative; 
	-webkit-box-shadow: inset 0px 0px 0px 9px rgba(0,0,0,0.0); -moz-box-shadow: inset 0px 0px 0px 9px rgba(0,0,0,0.0); box-shadow: inset 0px 0px 0px 9px rgba(0,0,0,0.0);  }
a.aaSPOT:after{ display: inline-block; *zoom: 1; content: ''; height: 100%; vertical-align: middle; }
a.aaSPOT span{ display: inline-block; vertical-align:middle; line-height: 1.5em; font-size: 1.125rem; font-weight: 700; /*position:absolute; top:0; bottom:0; left:0; right:0; margin: auto; padding: 0 .5em;*/      }
a.aaSPOT:hover{ /*border-color:  #dcc99d;  */ background:rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0px 0px 0px 9px #dcc99d; -moz-box-shadow: inset 0px 0px 0px 9px #dcc99d; box-shadow: inset 0px 0px 0px 9px #dcc99d;
}
@media (max-width:700px){ 
	a.aaSPOT{ height: 140px; }
}
@media (max-width:680px){ 
	.gb-spot li{  width: 29%; }
	a.aaSPOT{ max-width: 140px;}
}
@media (max-width:450px){ 
	.gb-spot li{  width: 46%;   } 
}
 
/*a.aaSPOT::before,
a.aaSPOT::after{ -webkit-transition: all 0.5s; transition: all 0.5s;   content: ''; border-style: solid; position: absolute; pointer-events: none; box-sizing: content-box; z-index: 1;} 
a.aaSPOT::before { width: 0;  height: calc( 100% - 17px ); border-width: 9px 0 9px 0; top: 0px; left: 0px; border-color: #000; }
a.aaSPOT::after { width: calc( 100% - 17px ); height: 0;    border-width: 0 9px 0 9px; top: 0; left: 0; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
a.aaSPOT:hover::before { width: 100%; border-color: #dcc99d; }
a.aaSPOT:hover::after { height: 100%; border-color: #dcc99d; } */

.gb-footer{ position: absolute; bottom:0; left:0; width: 100%; padding: .5em 0 1em 0;   }
.gb-foo{ display:block; width:100%; }
.gb-foo li{ width:100%; display:inline-block; padding: .5em 0; vertical-align:middle;    }
.gb-foo li:nth-child(1){ color: #888; text-transform: uppercase; letter-spacing: .05em;   }
.gb-foo li:nth-child(2) a{ display: inline-block; } 
@media (min-width:721px){
	.gb-foo li:nth-child(1){ width: 58%; text-align:left;    }
	.gb-foo li:nth-child(2){ width: 40%; text-align:right;   }
}
@media (max-width:720px){
	#gb{ padding-bottom:10em; } 
	.gb-foo li{ padding-left: .5em; padding-right: .5em; }
}

/* ==========================================================================
Waypoints
========================================================================== */
.hide, .wp1, .wp2, .wp3, .wp4, .wp5, .wp6{ visibility: hidden;  }
.flipInY, .fadeInUp, .fadeIn, .slideInUp, .fadeInRight, .fadeInLeft, .slideInRight { visibility: visible !important; }
.delay-02s { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
.delay-03s { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
.delay-04s { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-06s { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.delay-07s { animation-delay: 0.7s; -webkit-animation-delay: 0.7s; }
.delay-08s { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }
.delay-09s { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; } 
.delay-1s  { animation-delay: 1.0s; -webkit-animation-delay: 1.0s; } 

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated-slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes fadeInUp {
    0% {  opacity: 0; -webkit-transform: translate3d(0, 3%, 0); transform: translate3d(0, 3%, 0); }
    100% {  opacity: 1;  -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp {
    0% {  opacity: 0; -webkit-transform: translate3d(0, 3%, 0); transform: translate3d(0, 3%, 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 slideInUp {
    0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; }
    100% { -webkit-transform: translateY(0);  transform: translateY(0); }
}
@keyframes slideInUp {
    0% {  -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; }
    100% {  -webkit-transform: translateY(0); transform: translateY(0); }
}
.slideInUp {  -webkit-animation-name: slideInUp;  animation-name: slideInUp; }

@-webkit-keyframes fadeInRight {
  0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInRight {
  0% {  opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }


@-webkit-keyframes fadeInLeft {
  0% { opacity: 0;  -webkit-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInLeft {
  0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes flipInY {
    0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0;  }
    40% {  -webkit-transform: perspective(400px) rotateY(-10deg); }
    70% {  -webkit-transform: perspective(400px) rotateY(10deg); } 
    100% { -webkit-transform: perspective(400px) rotateY(0deg);  opacity: 1;  }
}
@-moz-keyframes flipInY {
    0% { -moz-transform: perspective(400px) rotateY(90deg);  opacity: 0; }
    40% {  -moz-transform: perspective(400px) rotateY(-10deg); }
    70% {  -moz-transform: perspective(400px) rotateY(10deg); }
    100% {  -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; }
}
@-o-keyframes flipInY {
    0% { -o-transform: perspective(400px) rotateY(90deg);  opacity: 0; }   
    40% { -o-transform: perspective(400px) rotateY(-10deg); }    
    70% {  -o-transform: perspective(400px) rotateY(10deg); }  
    100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; }
}
@keyframes flipInY {
    0% { transform: perspective(400px) rotateY(90deg);  opacity: 0; }  
    40% { transform: perspective(400px) rotateY(-10deg); } 
    70% { transform: perspective(400px) rotateY(10deg);  } 
    100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }
}
.flipInY { -webkit-backface-visibility: visible !important;-webkit-animation-name: flipInY;-moz-backface-visibility: visible !important;-moz-animation-name: flipInY;-o-backface-visibility: visible !important;-o-animation-name: flipInY;backface-visibility: visible !important;animation-name: flipInY; }

@-webkit-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
    50% { opacity: 1; }
}
@keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
    50% { opacity: 1; }
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn;}

@-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 slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}


@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}


[data-sr] { visibility: hidden; }


.loading {  /*Adding a loader and background color. The user will see it if the image is loading slow.*/
	 width: 100%; background: #1E1E1E url(../img/loader.gif)  center center no-repeat;  } 
.b-lazy { /*max-width: 100%;*/
    -webkit-transition: opacity 500ms ease-in-out 100ms;
    -moz-transition: opacity 500ms ease-in-out 100ms;
    -o-transition: opacity 500ms ease-in-out 100ms;
    transition: opacity 500ms ease-in-out 100ms;	 		
	opacity: 0;
}
.b-lazy.b-loaded { opacity: 1; }


















.gb-lang-XS{ display: none;  position:relative; width: 100%; max-width:300px; margin: 0 auto;  font-size: .85rem; }
.gb-lang-XS-bn{ padding: 1em 0; display: block;  }
.gb-lang-XS-bn span{ color: #fff; }
.gb-lang-XS-bn i{ padding-left: 1em; }
.gb-lang-XS-bn:hover{ opacity: .7; }
.gb-lang-XS-list{ display:none; background: #DCC99D; color: #1F2336;  position:absolute; top:100%; left:0; right:0;  margin:0 auto; z-index:9999;   }
.gb-lang-XS-list li a{ display: block; padding: .8em 0; }
.gb-lang-XS-list li a:hover{ background: rgba(0,0,0,0.05); }

@media (max-width:600px){
	.gb-lang-XS{ display: block; visibility:visible; opacity:1; }
	.gb-lang{ display: none; }
}