html{font-size: 0.9em;}
body{letter-spacing: 0.0625em}
main{background: #f1f2f2; height: 100%;}
img{max-width: 100%;}

a:link{color: #d7b562}
a:hover{color: #c0a16d!important; text-decoration: none!important;}
a:visited{color: #d7b562;}
h4{color: #d7b562;}
h5{
  font-family: 'Tangerine', cursive;
  font-size: 2em!important;
  letter-spacing: 0.1em;
}
.black_txt{color: black;}

.container{ line-height: 1.8;}
.max_small{max-width: 1000px!important; padding: 1.5rem;}
.max_small2{max-width: 1000px!important; padding: 0 1.5rem;}

.header{
  /* border-bottom: 5px solid #522888; */
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%) white;
}
footer{
  background: #0d0b06;
  color: #505050;
}
.main_bg{background: url('../img/pattern1-4.png'); background-size: 600px 600px;}
.gold_bg{background: #d7b562;}

.logo{background: url('../img/logo.svg') no-repeat; background-size: contain; width:120px; height: 64px;}
.logo a{text-indent: -9999px; display: block; width:100%; height: 100%;}
.menu{justify-content: space-between;}
.menu a{font-size: 1.2em;}
.menu_highlight{color: #c0a16d!important;}
.mountain{background: url('../img/logo_mountain.svg') no-repeat; background-size: contain; width: 15px; height: 12px; display: inline-block;}

.banner{
background-color: rgb(235, 227, 215);
background-image: url('../img/pattern1-3-2.png');
background-size: 600px 600px;
background-position: center center;
}
.slider-nav .slick-current{
  outline: 4px solid #d7b562;
}
/* 跑馬燈 */
ul.marquee {
	   display: block;
	   line-height: 1;
	   position: relative;
	   overflow: hidden;
	   width: 100%;
     color: #888077;
 }
   ul.marquee li {
	   display: inline-block;
	   white-space: nowrap;
     margin: 0;
     padding: 0;
	   text-indent:5em;
	}
/* news */
.news_list{border-bottom: 1px solid #e5e0e3;}
.sub-txt{color: #999;}
.no-wrap{white-space:nowrap;}
/* mobile */
.logo_mobile{
  background: url('../img/logo.svg') no-repeat; background-size: contain;
  width:75px; height: 40px; position: fixed; margin: 14px 0 0 -38px; left:50%;
}
.logo_mobile a{text-indent: -9999px; display: block; width:100%; height: 100%;}

.z-top{z-index: 255;}
.mobile_space{width: 100%; height: 65px;}
.mobile_menu{background: white; height: 65px;}
.news_info img{margin: 0px 0px 1em 0px;}
ul {
  padding: 0;
  list-style-type: none;
}
nav {
  background-color: white;
  /* height: 65px; */
}
.tab_padding{margin: 1px 0px 0px 0px;}
#menuToggle {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 25px;
  left: 25px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: flex;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}

#menuToggle span
{
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #d7b562;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #36383F;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

#menu
{
  position: absolute;
  width: 180px;
  height: 320px;
  box-shadow: 0 0 10px #85888C;
  margin: -80px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  transition-delay: 2s;
}

#menuToggle input:checked ~ ul
{
  transform: none;
}

/* map */
#map {
width: 100%;
height: 500px;
/* background: pink; */
}
/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: block!important;     /* undo display:none          */
    height: 0!important;          /* height:0 is also invisible */
    overflow-y: hidden!important; /* no-overflow                */
}
.tab-content > .active,
.pill-content > .active {
    height: auto!important;       /* let the content decide it  */
} /* bootstrap hack end */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background: rgb(235, 227, 215)!important; color: #c0a16d!important;}
nav{background: transparent;}
.room_tab .active{
  color: #c0a16d!important;
  background: transparent!important;
  /* border: none!important; */
  border:1px solid transparent!important;
}
.room_tab .active span{
  border-bottom: 2px solid #c0a16d;
  padding: 0 0 3px 0;
}
.room_tab a:hover{
  border:1px solid transparent!important;
}