@charset "utf-8";
/* CSS Document */
.inner {width: 920px;margin: 0 auto;}
.inner:after {content: "";clear: both;display: block;}
/* header */
#top-head {
color: #fff;
text-align: left;
width: 100%;
margin: 0 auto;
position: fixed;
z-index: 100;
line-height: 0;
font-size: 0;
background-image: url(../images/header_bg.png);
background-position: left top;
background-repeat: repeat-x;
}
#top-head a{color:#fff;}
#top #top-head .logo{display:none;}
#top-head .logo{display: none;margin:0 0 9px 0;}
#top-head .logo img{width:120px; height: auto;}
#top-head .logo{}
#top-head .inner{position: relative;}
#top-head .logo{float: left;z-index:1000;}
#top-head .parent{float:right;height:18px;padding-right:22px;background:url(../img/arrow.png) no-repeat right 0;line-height:18px;}
#top #global-nav{margin: 0 auto;height: 120px;width: 785px;position: relative;z-index: 101;}
#global-nav {margin: 0 auto;height: 75px;width:960px;position: relative;z-index: 101;}
*+html #top #global-nav {/*ie7*/
margin: 0 auto;
width:2400px;
background-color: #CE2326;
}
*+html #global-nav {/*ie7*/
position: relative;
left:-500px;
width:100%;
background-color: #000;
}

#top #global-nav ul {
list-style: none;
position: absolute;
font-size: 16px;
}
#global-nav ul li {
float: left;
position: relative;
line-height: 0;
font-size: 0;
}
#global-nav ul li a{
text-decoration: none;
height: 85px;
background-image:url(../images/global-nav.png);
background-repeat: no-repeat;
}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a  {
display:inline-block;
}
#global-nav ul li a:hover {
text-decoration: none;
background-image: url(../images/global-nav.png);
background-repeat: no-repeat;
}
#global-nav ul li#about a,
#global-nav ul li#bath a,
#global-nav ul li#cuisine a,
#global-nav ul li#roomtype a,
#global-nav ul li#facilities a,
#global-nav ul li#rate a,
#global-nav ul li#rate a,
#global-nav ul li#access a,
#global-nav ul li#mail a{font-size:0;}
#global-nav ul li#about a { width:175px; background-position: 0 0;}
#global-nav ul li#bath a { width:77px; background-position: -175px 0px;}
#global-nav ul li#cuisine a { width:78px; background-position: -252px 0px;}
#global-nav ul li#roomtype a { width:96px; background-position: -330px 0px;}
#global-nav ul li#facilities a { width:80px; background-position: -426px 0px;}
#global-nav ul li#rate a { width:140px; background-position: -506px 0px;}
#global-nav ul li#access a { width:102px; background-position: -646px 0px;}
#global-nav ul li#mail a { width:37px; background-position: -748px 0px;}

#page-about #global-nav ul li#about a { width:175px; background-position: 0 -150px; }
#page-bath #global-nav ul li#bath a { width:77px; background-position: -175px -150px; }
#page-cuisine #global-nav ul li#cuisine a { width:78px; background-position: -252px -150px; }
#page-roomtype #global-nav ul li#roomtype a { width:96px; background-position: -330px -150px; }
#page-facilities #global-nav ul li#facilities a { width:80px; background-position: -426px -150px; }
#page-rate #global-nav ul li#rate a{ width:140px; background-position: -506px -150px; }
#page-access #global-nav ul li#access a { width:102px; background-position: -646px -150px; }
#page-mail #global-nav ul li#mail a { width:37px; background-position: -748px -150px; }
#global-nav ul li#about a:hover { width:175px; background-position: 0 -75px; }
#global-nav ul li#bath a:hover { width:77px; background-position: -175px -75px; }
#global-nav ul li#cuisine a:hover { width:78px; background-position: -252px -75px; }
#global-nav ul li#roomtype a:hover { width:96px; background-position: -330px -75px; }
#global-nav ul li#facilities a:hover { width:80px; background-position: -426px -75px; }
#global-nav ul li#rate a:hover { width:140px; background-position: -506px -75px; }
#global-nav ul li#access a:hover { width:102px; background-position: -646px -75px; }
#global-nav ul li#mail a:hover { width:37px; background-position: -748px -75px; }


/* Fixed */
#top-head.fixed {
margin-top: 0;
top: 0;
position: fixed;
height: 85px;
background: #fff;
background: rgba(255,255,255,.7);
transition: top 0.65s ease-in;
-webkit-transition: top 0.65s ease-in;
-moz-transition: top 0.65s ease-in;
}
/* Fixed Btn Hover */
#top-head.fixed #global-nav ul li:after {bottom: -10px;}
#top-head.fixed #global-nav ul li:hover:after {background: #999;bottom: 0;}
/* Toggle Button */
#nav-toggle {
display: none;
position: absolute;
right: 12px;
top: 14px;
width: 34px;
height: 36px;
cursor: pointer;
z-index: 101;
}
#nav-toggle div {position: relative;}
#nav-toggle p {
margin-top:30px;
color:#C3D731;
font-size:10px;
font-weight:bold;
}
#nav-toggle span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #C3D731;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}

@media screen and (max-width: 980px) {
#top .inner {width: 880px;margin: 0 auto;}
.inner {width: 880px;margin: 0 auto;}
#top-head .logo {margin:0 0 9px 10px;}
}
@media screen and (max-width: 640px) {
article {padding: 0 3%;}
#top-head,
#top .inner,
#top .inner:nth-child(1),
.inner {width: 100%;height:100px;padding: 0;}
#top-head .logo{display: block;}
#top-head .logo {position: absolute;left:13px;top:0;width:50%; display:inline!important;margin:0; line-height:0;}
#top-head .logo img {width:auto; height:90%!important;}
#top-head {top:0;position:fixed;margin-top:0;height:65px;}
#top-head nav{height:0;}
/* Fixed reset */
#top-head.fixed {padding-top: 0;background: transparent;}
#mobile-head {
position: relative;
background: #000;
width: 100%;
height: 65px!important;
z-index: 999;
}
#global-nav {
position: relative;
top: -556px;
width: 100%!important;
height: 120px;
margin: 0 auto;
text-align: center;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.pNav {display:none;}
.openm{display:block;}
#top #global-nav ul,
#global-nav ul {
list-style: none;
position: static;
right: 0;
bottom: 0;
margin-right:0!important;
font-size: 11px;
}
#global-nav ul li {
float: none;
position: static;
border-bottom: #999 1px solid;
border-left:none;
}
#global-nav ul li a{
background-image:none!important;
background: #222;
height:40px!important;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
#global-nav ul li:after  {display: none;}
#global-nav ul li#about a,
#global-nav ul li#bath a,
#global-nav ul li#cuisine a,
#global-nav ul li#roomtype a,
#global-nav ul li#facilities a,
#global-nav ul li#rate a,
#global-nav ul li#rate a,
#global-nav ul li#access a,
#global-nav ul li#qa a,
#global-nav ul li#mail a{width: 100%;font-size:1.0rem;}
#global-nav ul li.lang a{width: 100%;font-size:0.7rem;}
#global-nav ul li.lang{float: left;width: 49.85%;}
#top #global-nav ul li.lang:nth-child(odd){border-left: #999 1px solid;}
#page-about      #global-nav ul li.lang:nth-child(odd),
#page-bath       #global-nav ul li.lang:nth-child(odd),
#page-cuisine    #global-nav ul li.lang:nth-child(odd),
#page-roomtype   #global-nav ul li.lang:nth-child(odd),
#page-facilities #global-nav ul li.lang:nth-child(odd),
#page-access     #global-nav ul li.lang:nth-child(odd),
#page-mail       #global-nav ul li.lang:nth-child(odd),
#sitemap         #global-nav ul li.lang:nth-child(odd){border-left: #999 1px solid;}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a{display:block;color:#fff;padding:0;line-height:40px;}
#global-nav ul li#about a:hover,
#global-nav ul li#bath a:hover,
#global-nav ul li#cuisine a:hover,
#global-nav ul li#roomtype a:hover,
#global-nav ul li#facilities a:hover,
#global-nav ul li#rate a:hover,
#global-nav ul li#rate a:hover,
#global-nav ul li#access a:hover,
#global-nav ul li#qa a:hover,
#global-nav ul li#mail a:hover,
#global-nav ul li.lang a:hover{
width:100%!important;
background: #121412;
color:#C3D731!important;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
#page-about #global-nav ul li#about a,
#page-bath #global-nav ul li#bath a,
#page-cuisine #global-nav ul li#cuisine a,
#page-roomtype #global-nav ul li#roomtype a,
#page-facilities #global-nav ul li#facilities a,
#page-rate #global-nav ul li#rate a,
#page-access #global-nav ul li#access a,
#page-mail #global-nav ul li#qa a,
#page-mail #global-nav ul li#mail a { width:100%;}
#nav-toggle {display: block;}
#nav-toggle p.menu {display:block; text-align:center;}
#nav-toggle p.close {display:none;}
/* ---------- SUB DROP MENU ---------- */
#global-nav ul li ul {position: relative;}
#global-nav ul li:hover ul li{overflow:visible;height:38px;}/*subnav open*/
#global-nav ul li ul li{width:100%;overflow:hidden;height:0;border-bottom:none;transition:.2s;}
#global-nav ul li ul li:first-child a{border-top:none;}
#global-nav ul li ul.pNav li a{
padding:13px 15px;
border-top:1px dotted #999;
background:#666!important;
text-align:center;
line-height:1em;
color:#FFF!important;
}
#global-nav ul li ul.pNav li a:hover{background:#444!important;}
#top-head #global-nav ul > li a:hover{color:#000;background:#A6A6A6 url(../images/sparrowoff.png) no-repeat 15% 45%;}
#global-nav ul li:not(.pul) a:hover,
#global-nav ul li ul li a:hover{background-image:none!important;}
/* ---------- SUB DROP roomtype MENU ---------- */
#global-nav #roomtype .pNav{background:#666;}
#global-nav #roomtype .pNav li{
  float:left;width:19.75%;
  border-right:#999 1px solid;
}
#global-nav #roomtype .pNav li a{font-size:12px;}
#global-nav #roomtype .pNav li:nth-child(6),
#global-nav #roomtype .pNav li:nth-child(11),
#global-nav #roomtype .pNav li:nth-child(16),
#global-nav #roomtype .pNav li:nth-child(22){border-right:none;}
#global-nav #roomtype .pNav li.roomtitle{
  width:100%;background:#444;color:#fff;
  line-height:40px;
}
.open #nav-toggle span:nth-child(1){
top:11px;
-webkit-transform:rotate(315deg);
-moz-transform:rotate(315deg);
transform:rotate(315deg);
}
.open #nav-toggle span:nth-child(2){width: 0;left: 50%;}
.open #nav-toggle span:nth-child(3){
top:11px;
-webkit-transform:rotate(-315deg);
-moz-transform:rotate(-315deg);
transform:rotate(-315deg);
}
.open #nav-toggle p.menu{display:none;}
.open #nav-toggle p.close{display:block; text-align:center;}
.open #global-nav{
-moz-transform:translateY(556px);
-webkit-transform:translateY(556px);
transform:translateY(556px);
}
#footer_menu{display:none;}
.copyright{float:none!important;}
}