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

/** {
	margin: 0;
	padding: 0;
	text-decoration: none
}
body {
	background: #555;
}
header {
	position: relative;
	width: 100%;
	background: #333;
}
.mobile_logo {
	display:none;
	position: relative;
	z-index: 123;
	padding: 10px;
	font-size: 1.375rem;
	color: #fff;
	float: left;
	width: 15%
}
.mobile_logo a {
	color: #fff;
}*/

#nav {
/*position: relative;
	margin: 0 auto;*/
}
/*.cssmenu,*/ .cssmenu ul, .cssmenu ul li, .cssmenu ul li a, .cssmenu #head-mobile {
	border: 0;
	color: #fff;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.cssmenu ul li.slash {
	color: #a3a3a3;
}
.cssmenu:after, .cssmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.cssmenu #head-mobile {
	display: none
}
.cssmenu > ul > li {
	float: left
}
.cssmenu > ul > li > a {
	/*padding: 17px;*/
	height: 30px;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	text-indent: -9999px;
	margin-right: 10px;
	transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	outline: none;
}
/*===MENU BUTTON IMAGE===*/
.cssmenu ul li a.about, .cssmenu ul li a.news, .cssmenu ul li a.room, .cssmenu ul li a.facilities, .cssmenu ul li a.restaurant, .cssmenu ul li a.diner, .cssmenu ul li a.location, .cssmenu ul li a.travel, .cssmenu ul li a.service, .cssmenu ul li a.custombranch, .cssmenu ul li a.contact, .cssmenu ul li a.booking, .cssmenu ul li a.notice, .cssmenu ul li a.externallink, .cssmenu ul li a.group {
	position: relative;
	width: auto;
	height: auto;
	display: block;
	color: #fff;
	padding: 5px 0;
}
/*.cssmenu ul li a.home {
}
.cssmenu ul li:hover a.home {
}
.cssmenu ul li a.about {
	background: url(../../Images/ZH-TW/all/menu_about.png) no-repeat;
    width: 85px;
}
.cssmenu ul li:hover a.about {
	background: url(../../Images/ZH-TW/all/menu_about_o.png) no-repeat;
}
.cssmenu ul li a.news {
	background: url(../../Images/ZH-TW/all/menu_news.png) no-repeat;
    width: 85px;
}
.cssmenu ul li:hover a.news {
	background: url(../../Images/ZH-TW/all/menu_news_o.png) no-repeat;
}
.cssmenu ul li a.rooms {
	background: url(../../Images/ZH-TW/all/menu_rooms.png) no-repeat;
    width: 85px;
}
.cssmenu ul li:hover a.rooms {
	background: url(../../Images/ZH-TW/all/menu_rooms_o.png) no-repeat;
}
.cssmenu ul li a.diner {
	background: url(../../Images/ZH-TW/all/menu_diner.png) no-repeat;
    width: 85px;
}
.cssmenu ul li:hover a.diner {
	background: url(../../Images/ZH-TW/all/menu_diner_o.png) no-repeat;
}
.cssmenu ul li a.facilities {
	background: url(../../Images/ZH-TW/all/menu_facilities.png) no-repeat;
    width: 85px;
}
.cssmenu ul li:hover a.facilities {
	background: url(../../Images/ZH-TW/all/menu_facilities_o.png) no-repeat;
}
.cssmenu ul li a.restaurant {
	background: url(../../Images/ZH-TW/all/menu_restaurant.png) no-repeat;
    width: 85px;
}
.cssmenu ul li:hover a.restaurant {
	background: url(../../Images/ZH-TW/all/menu_restaurant_o.png) no-repeat;
}
.cssmenu ul li a.location {
	background: url(../../Images/ZH-TW/all/menu_location.png) no-repeat;
    width: 85px;
}
.cssmenu ul li:hover a.location {
	background: url(../../Images/ZH-TW/all/menu_location_o.png) no-repeat;
}
.cssmenu ul li a.travel {
	background: url(../../Images/ZH-TW/all/menu_travel.png) no-repeat;
    width: 85px;
}
.cssmenu ul li:hover a.travel {
	background: url(../../Images/ZH-TW/all/menu_travel_o.png) no-repeat;
}
.cssmenu ul li a.contact {
	background: url(../../Images/ZH-TW/all/menu_contact.png) no-repeat;
    width: 85px;
}
.cssmenu ul li:hover a.contact {
	background: url(../../Images/ZH-TW/all/menu_contact_o.png) no-repeat;
}
.cssmenu ul li a.booking {
	background: url(../../Images/ZH-TW/all/menu_booking.png) no-repeat;
    width: 85px;
}
.cssmenu ul li:hover a.booking {
	background: url(../../Images/ZH-TW/all/menu_booking_o.png) no-repeat;
}
.cssmenu ul li a.group {
	background: url(../../Images/ZH-TW/all/menu_group.png) no-repeat;
    width: 85px;
}
.cssmenu ul li:hover a.group {
	background: url(../../Images/ZH-TW/all/menu_group_o.png) no-repeat;
    width: 85px;
}*/

.cssmenu > ul > li:hover > a, .cssmenu ul li.active a {
	color: #fff
}
.cssmenu > ul > li:hover, .cssmenu ul li.active:hover, .cssmenu ul li.active, .cssmenu ul li.has-sub.active:hover {
	/*background: #448D00!important;*/
	-webkit-transition: background .3s ease;
	-ms-transition: background .3s ease;
	transition: background .3s ease;
}
.cssmenu > ul > li.has-sub > a {
	padding-right: 30px
}
.cssmenu > ul > li.has-sub > a:after {
	position: absolute;
	top: 22px;
	right: 27px;
	width: 8px;
	height: 2px;
	display: block;
	background: #ddd;
	content: ''
}
.cssmenu > ul > li.has-sub > a:before {
	position: absolute;
	top: 19px;
	right: 30px;
	display: block;
	width: 2px;
	height: 8px;
	background: #ddd;
	content: '';
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease
}
.cssmenu > ul > li.has-sub:hover > a:before {
	top: 23px;
	height: 0
}
.cssmenu ul ul {
	position: absolute;
	left: -9999px;
	padding-top: 10px;
}
.cssmenu ul ul li {
	height: 0;
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	background: rgba(0, 0, 0, .75);
	transition: all .25s ease
}
.cssmenu ul ul li:hover {
}
.cssmenu li:hover > ul {
	left: auto;
}
.cssmenu li:hover > ul > li {
	height: 37px
}
.cssmenu ul ul ul {
	margin-left: 100%;
	top: 0
}
.cssmenu ul ul li a {
	border-bottom: 1px solid #404040;
	padding: 11px 15px;
	width: 130px;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	outline: none;
}
.cssmenu ul ul li:last-child > a, .cssmenu ul ul li.last-item > a {
	border-bottom: 0
}
.cssmenu ul ul li:hover > a, .cssmenu ul ul li a:hover {
	background-color: #404040;
	color: #fff;
}
.cssmenu ul ul li.has-sub > a:after {
	position: absolute;
	top: 16px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #ddd;
	content: ''
}
.cssmenu ul ul li.has-sub > a:before {
	position: absolute;
	top: 13px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #ddd;
	content: '';
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease
}
.cssmenu ul ul > li.has-sub:hover > a:before {
	top: 17px;
	height: 0
}
.cssmenu ul ul li.has-sub:hover, .cssmenu ul li.has-sub ul li.has-sub ul li:hover {
	background: #363636;
}
.cssmenu ul ul ul li.active a {
	border-left: 1px solid #333
}
.cssmenu > ul > li.has-sub > ul > li.active > a, .cssmenu > ul ul > li.has-sub > ul > li.active> a {
	border-top: 1px solid #333
}

@media screen and (max-width:1024px) {
.cssmenu {
	left: 52.5%;
}
}

@media screen and (max-width:1060px) {
.language {
	display: none;
}
.mobile_logo {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*height: 46px;*/
	text-align: center;
	padding: 10px 0 0 0;
	float: none
}
.logo2 {
	display: none
}
#nav {
	width: 100%;
}
.hideme1 .cssmenu {
	position: fixed;
	width: 100%;
	margin-left: auto;
	left: 0%;
	top: 0;
	background: rgba(0, 0, 0, .75);
	padding: 0px 30px;
	z-index: 99999;
}
.cssmenu ul {
/*width: 100%;
	display: none*/
}
.cssmenu ul li {
	width: 100%;
	border-bottom: 1px solid #464646;
}
.cssmenu ul li:hover {
	background: #475a63;
}
.cssmenu ul ul {
	padding-top: 0px;
}
.cssmenu ul ul li, .cssmenu li:hover > ul > li {
	height: auto
}
.cssmenu ul li a, .cssmenu ul ul li a {
	width: 100%;
	border-bottom: 0
}
.cssmenu > ul > li {
	float: none
}
.cssmenu ul ul li a {
/*padding-left: 25px*/
}
.cssmenu ul ul li {
	background: #2d2d2d !important;
}
.cssmenu ul ul li:hover {
	background: #363636!important
}
.cssmenu ul ul ul li a {
	padding-left: 35px
}
.cssmenu ul ul li a {
	color: #fff;
	background: none
}
.cssmenu ul ul li:hover > a, .cssmenu ul ul li.active > a {
	color: #fff;
}
.cssmenu ul ul, .cssmenu ul ul ul {
	position: relative;
	left: 0;
	width: 100%;
	margin: 0;
	text-align: left
}
.cssmenu > ul > li.has-sub > a:after, .cssmenu > ul > li.has-sub > a:before, .cssmenu ul ul > li.has-sub > a:after, .cssmenu ul ul > li.has-sub > a:before {
	display: none
}
.cssmenu #head-mobile {
	display: block;
	padding: 23px;
	color: #ddd;
	font-size: 12px;
	font-weight: 700
}
.button {
	width: 55px;
	height: 46px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 12399994;
}
.button:after {
	position: absolute;
	top: 22px;
	right: 20px;
	display: block;
	height: 4px;
	width: 20px;
	border-top: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	content: ''
}
.button:before {
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	position: absolute;
	top: 16px;
	right: 20px;
	display: block;
	height: 2px;
	width: 20px;
	background: #ddd;
	content: ''
}
.button.menu-opened:after {
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	top: 23px;
	border: 0;
	height: 2px;
	width: 19px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.button.menu-opened:before {
	top: 23px;
	background: #fff;
	width: 19px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotte(-45deg)
}
.cssmenu .submenu-button {
	position: absolute;
	z-index: 99;
	right: 0;
	top: 0;
	display: block;
	border-left: 0px solid #444;
	height: 37px;
	width: 100%;
	cursor: pointer
}
.cssmenu .submenu-button.submenu-opened {
/*background: #262626*/
}
.cssmenu ul ul .submenu-button {
	height: 34px;
	width: 100%;
}
.cssmenu .submenu-button:after {
	position: absolute;
	top: 17px;
	right: 19px;
	width: 8px;
	height: 2px;
	display: block;
	background: #ddd;
	content: ''
}
.cssmenu ul ul .submenu-button:after {
	top: 15px;
	right: 13px
}
.cssmenu .submenu-button.submenu-opened:after {
	background: #fff
}
.cssmenu .submenu-button:before {
	position: absolute;
	top: 14px;
	right: 22px;
	display: block;
	width: 2px;
	height: 8px;
	background: #ddd;
	content: ''
}
.cssmenu ul ul .submenu-button:before {
	top: 12px;
	right: 16px
}
.cssmenu .submenu-button.submenu-opened:before {
	display: none
}
.cssmenu ul ul ul li.active a {
	border-left: none
}
.cssmenu > ul > li.has-sub > ul > li.active > a, .cssmenu > ul ul > li.has-sub > ul > li.active > a {
	border-top: none
}
/*===MENU BUTTON IMAGE===*/

.cssmenu > ul > li > a {
	text-indent: 0;
	font-size: 1.0625rem;
	height: 32px;
	line-height: 32px;
}
.cssmenu > ul > li:hover > a {
	color: #bd8400;
}
	.cssmenu ul li a.home, .cssmenu ul li a.about, .cssmenu ul li a.news, .cssmenu ul li a.room, .cssmenu ul li a.service, .cssmenu ul li a.custombranch, .cssmenu ul li a.diner, .cssmenu ul li a.facilities, .cssmenu ul li a.location, .cssmenu ul li a.travel, .cssmenu ul li a.contact, .cssmenu ul li a.booking, .cssmenu ul li a.group {
		background: none;
		width: auto;
		height: inherit;
		text-indent: 0;
		padding: 10px;
	}
	.cssmenu ul li:hover a.home, .cssmenu ul li:hover a.about, .cssmenu ul li:hover a.news, .cssmenu ul li:hover a.room, .cssmenu ul li:hover a.service, .cssmenu ul li:hover a.custombranch, .cssmenu ul li:hover a.diner, .cssmenu ul li:hover a.facilities, .cssmenu ul li:hover a.location, .cssmenu ul li:hover a.travel, .cssmenu ul li:hover a.contact, .cssmenu ul li:hover a.booking, .cssmenu ul li:hover a.group {
		background: none;
		width: auto;
	}
.cssmenu ul ul li a {
	font-size: 1rem;
}
}