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


img,
object,
embed,
video {
	max-width: 100%;
	border: 0;
}

ol,
ul {
	margin: 0;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #fff;
	font-size: 1rem;
	color: #333;
	font-family: Avenir Next, Calibri, "Heiti TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}

.stage {
	width: 100%;
}


/*header*/
.header {
	width: 100%;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.header-menu-area {
	position: fixed;
	width: 100%;
	height: 72px;
	border-bottom: 1px solid rgba(30, 30, 30, 0.1);
	background-color: #fff;
	z-index: 5;
}

.header-logo-area {
	position: relative;
	width: 100%;
	height: 263px;
}

.header-logo {
	position: absolute;
	left: 38px;
	bottom: 34px;
	width: 110px;
}

.header-logo-intro-text {
	position: absolute;
	left: 35%;
	bottom: 34px;
	width: fit-content;
	font-size: 0.75rem;
	color: #333;
	line-height: 1.5rem;
	padding-left: 30px;
	padding-right: 25px;
}

.header-logo-text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 38px;
	font-size: 0.813rem;
	color: #333;
	cursor: pointer;
}

.header-menu {
	position: absolute;
	left: 35%;
	top: 50%;
	transform: translateY(-50%);
	width: fit-content;
}

.header-menu ul {
	padding: 0;
}

.header-menu ul li {
	margin: 0px 30px;
	display: inline-block;
	list-style: none;
}

.header-menu ul li a {
	font-size: 1rem;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.header-menu ul li a:hover {
	color: #e56330;
	margin-bottom: 15px;
}

.header-community {
	position: absolute;
	display: flex;
	top: 50%;
	transform: translateY(-50%);
	right: 38px;
}

.header-community>div {
	width: 22px;
	height: 22px;
	margin-right: 20px;
	cursor: pointer;
}

.header-community>div:last-child {
	margin-right: 0px;
}

/* .header {
	position: fixed;
	top: 0px;
	width: 100%;
	background-color: #fff;
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-ms-transition-duration: 0.1s;
	transition-duration: 0.1s;
	z-index: 999;
	border-bottom: 1px solid #ededed;
}

.header-index {
	background-color: rgba(255, 255, 255, 0.7);
	border-bottom: 0px solid #ededed;
}

.header-min {
	position: fixed;
	top: 0px;
	height: 70px;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.header-logo {
	width: 130px;
	height: 130px;
	background-image: url(images/logo.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
    display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-top: 5px;
}

.header-min > .header-logo {
	width: 180px;
	height: 70px;
	background-image: url(images/logo-min.png);
	background-size: contain;
	margin-left: 0px;
}

.header-menu {
	width: 100%;
	height: 60px;
    display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 6px;
}

.header-menu ul {
	padding: 0;
}

.header-menu ul li {
	margin: 0px 30px;
	display: inline-block;
    list-style: none;
}

.header-menu ul li a {
	font-size: 1.125rem;
	color: #333;
	text-decoration: none;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.header-menu ul li a:hover {
	color: #e56330;
	margin-bottom: 15px;
}

.header-min > .header-menu {
	width: auto;
    border-top: 0px solid #d9d9d9;
	margin-top: inherit;
	padding-bottom: 0px;
}

.header-community {
	position: absolute;
    display: flex;
	top: 25px;
	right: 30px;
}

.header-min > .header-community {
	position: static;
	top: inherit;
	right: inherit;
	margin-right: 30px;
}

.header-community > div {
	width: 28px;
	height: 28px;
	margin-right: 20px;
    cursor: pointer;
}

.header-community > div:last-child {
	margin-right: 0px;
} */


/*booking-button*/
.booking-button {
	position: fixed;
	width: 500px;
	height: 70px;
	background-color: #f8963b;
	margin: 0 auto;
	bottom: 0;
	left: 50%;
	margin-left: -250px;
	z-index: 999;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.booking-button:hover {
	background-color: #a95a37;
}

.booking-button-text-a {
	font-size: 1.625rem;
	line-height: 1.625rem;
	color: #fff;
}

.booking-button-text-b {
	font-size: 1.625rem;
	line-height: 1.625rem;
	color: #fff;
	margin-left: 15px;
}

.booking-button-arw {
	width: 28px;
	margin-left: 20px;
	font-size: 0;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.booking-button-min {
	width: 130px;
	height: 110px;
	left: inherit;
	margin-left: inherit;
	right: 15px;
	bottom: 15px;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	background-color: #e2733e;
}

.booking-button-min>.booking-button-text-a {
	width: 100%;
	font-size: 1.25rem;
	line-height: inherit;
	text-align: center;
}

.booking-button-min>.booking-button-text-b {
	width: 100%;
	font-size: 1.25rem;
	line-height: inherit;
	margin-left: inherit;
	margin-top: 5px;
	text-align: center;
}

.booking-button-min>.booking-button-arw {
	width: 25px;
	margin-left: inherit;
	margin-top: 15px;
}


/*content*/
.content {
	width: 100%;
	margin: 0 auto;
}


/*index-main*/
.index-main {
	width: 100%;
	margin: 0 auto;
}

.index-main-mov {
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: none;
}

.index-video {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.index-main-mov-mute {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 30px;
	right: 30px;
	cursor: pointer;
}


/*index-event*/
.index-event {
	width: 96%;
	margin: 0 auto;
	margin-top: 100px;
}

.index-event-detail {
	width: 100%;
	display: flex;
	background-color: #f8f1df;
}

.index-event-detail-left {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	padding: 40px;
}

.index-event-detail-left-content {
	width: 100%;
}

.index-event-detail-left-title {
	width: 100%;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #e2513e;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.index-event-detail-left-date {
	width: 100%;
	font-size: 1rem;
	color: #f3765d;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 12px;
}

.index-event-detail-left-text {
	width: 100%;
	font-size: 0.875rem;
	color: #393939;
	display: flex;
	margin-top: 40px;
	word-wrap: break-word;
	word-break: break-word;
}

.index-event-detail-left-more {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.index-event-detail-left-more-btn {
	font-size: 0.875rem;
	color: #fff;
	background-color: #e2513e;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px 14px;
	cursor: pointer;
}

.index-event-detail-right {
	width: 50%;
	display: flex;
	align-items: flex-start;
}

.index-event-detail-right-pic {
	width: 100%;
	text-align: center;
	font-size: 0;
}

.index-event-detail-right-pic img {
	width: 100%;
}


/*about*/
.about {
	width: 100%;
	margin-top: 100px;
}

.about-01 {
	width: 100%;
	display: flex;
}

.about-01-left {
	width: 52%;
	display: flex;
}

.about-01-left-pic {
	width: 100%;
	font-size: 0;
}

.about-01-right {
	width: 48%;
	padding: 0px 80px 0px 80px;
	display: flex;
	align-items: center;
}

.about-01-right-vn {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.about-01-right-vn-title {
	width: 100%;
	font-size: 1.5rem;
	color: #f8963b;
	font-weight: bold;
}

.about-01-right-vn-text {
	width: 100%;
	font-size: 0.875rem;
	line-height: 1.5rem;
	color: #393939;
	margin-top: 18px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.about-02 {
	width: 100%;
	margin-top: 120px;
	display: flex;
}

.about-02-left {
	width: 48%;
	padding: 0px 80px 0px 80px;
	display: flex;
	align-items: center;
}

.about-02-left-vn {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.about-02-left-vn-title {
	width: 100%;
	font-size: 1.5rem;
	color: #f8963b;
	font-weight: bold;
}

.about-02-left-vn-text {
	width: 100%;
	font-size: 0.875rem;
	line-height: 1.5rem;
	color: #393939;
	margin-top: 18px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.about-02-right {
	width: 52%;
	display: flex;
}

.about-02-right-pic {
	width: 100%;
	font-size: 0;
}

.about-03 {
	width: 100%;
	margin-top: 120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.about-03-pic {
	width: 75%;
	font-size: 0;
}

.about-03-text {
	width: 75%;
	font-size: 0.875rem;
	line-height: 1.5rem;
	color: #393939;
	margin-top: 30px;
	padding-right: 35%;
	display: flex;
	text-align: justify;
	text-justify: inter-ideograph;
}

.about-04 {
	width: 100%;
	margin-top: 90px;
	display: flex;
}

.about-04-a {
	width: 33.333%;
	font-size: 0;
}

.about-04-b {
	width: 33.333%;
	font-size: 0;
}

.about-04-c {
	width: 33.333%;
	font-size: 0;
}

.about-05 {
	width: 100%;
	margin-top: 120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 100px;
}

.about-05-pic {
	width: 100%;
	font-size: 0;
}

.about-05-text {
	width: 75%;
	font-size: 0.875rem;
	line-height: 1.5rem;
	color: #393939;
	margin-top: 30px;
	padding-right: 35%;
	display: flex;
	text-align: justify;
	text-justify: inter-ideograph;
}


/*footer*/
.footer {
	width: 100%;
	margin: 0 auto;
}

.footer-restaurant {
	width: 100%;
	margin: 0 auto;
	background-color: #f8963b;
	padding: 82px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-restaurant-detail {
	width: 75%;
	display: flex;
}

.footer-restaurant-detail-left {
	width: 350px;
}

.footer-restaurant-detail-left-date {
	width: 100%;
}

.footer-restaurant-detail-left-date-title {
	font-size: 1.375rem;
	color: #fff;
}

.footer-restaurant-detail-left-date-text {
	font-size: 0.875rem;
	line-height: 1.5rem;
	color: #121212;
	margin-top: 20px;
}

.footer-restaurant-detail-left-winebar {
	width: 100%;
	margin-top: 80px;
}

.footer-restaurant-detail-left-winebar-title {
	font-size: 1.375rem;
	color: #fff;
}

.footer-restaurant-detail-left-winebar-text {
	font-size: 0.875rem;
	line-height: 1.5rem;
	color: #121212;
	margin-top: 20px;
}

.footer-restaurant-detail-right {
	margin-left: 235px;
}

.footer-restaurant-detail-map {
	width: 100%;
}

.footer-restaurant-detail-map-title {
	font-size: 1.375rem;
	color: #fff;
}

.footer-restaurant-detail-map-text {
	margin-top: 20px;
	display: flex;
	align-items: center;
}

.footer-restaurant-detail-map-address {
	font-size: 0.875rem;
	line-height: 1.5rem;
	color: #121212;
	display: flex;
}

.footer-restaurant-detail-map-text-btn {
	width: 118px;
	height: 24px;
	background-color: #2b2b2b;
	border-radius: 999px;
	font-size: 0.813rem;
	color: #e2e2e2;
	line-height: 24px;
	margin-left: 12px;
	display: flex;
	justify-content: center;
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.footer-restaurant-detail-map-text-btn:hover {
	color: #fff;
	background-color: #a95a37;

}

.footer-restaurant-detail-map-pic {
	width: 100%;
	margin-top: 40px;
	font-size: 0;
}

.footer-restaurant-detail-map-pic img {
	width: 380px;
}

.footer-company {
	width: 100%;
	margin: 0 auto;
	background-color: #595253;
	padding: 75px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-company-detail {
	width: 75%;
	display: flex;
}

.footer-company-detail-area {
	width: 440px;
	display: flex;
	flex-wrap: wrap;
}

.footer-company-detail-title {
	width: 100%;
	font-size: 1.375rem;
	color: #fff;
}

.footer-company-detail-cu01 {
	width: 100%;
	margin-top: 48px;
	display: flex;
}

.footer-company-detail-cu01-logo {
	width: 125px;
}

.footer-company-detail-cu01-right {
	margin-left: 25px;
	margin-top: 18px;
}

.footer-company-detail-cu01-right-contact {
	display: flex;
	align-items: center;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.footer-company-detail-cu01-right-contact:hover {
	margin-left: 5px;
}

.footer-company-detail-cu01-right-contact-text {
	font-size: 1.25rem;
	color: #f8963b;
	display: flex;
	cursor: pointer;
}

.footer-company-detail-cu01-right-contact-icon {
	width: 24px;
	height: 21px;
	margin-left: 7px;
	cursor: pointer;
}

.footer-company-detail-cu01-right-cp {
	font-size: 1rem;
	color: #fff;
	letter-spacing: 0.5px;
	margin-top: 28px;
}

.footer-company-detail-cu01-right-email {
	width: fit-content;
	font-size: 0.875rem;
	color: #9a9a9a;
	cursor: pointer;
	border-bottom: 1px solid rgba(154, 154, 154, 0);
	transition: border-bottom 400ms;
	margin-top: 2px;
}

.footer-company-detail-cu01-right-email:hover {
	border-bottom: 1px solid rgba(154, 154, 154, 1);
}

.footer-company-detail-cu02 {
	width: 100%;
	margin-top: 45px;
	padding: 18px 0px;
	border-top: 1px solid #767676;
	display: flex;
	justify-content: space-between;
}

.footer-company-detail-cu02-a {
	font-size: 0.875rem;
	color: #d5d5d5;
}

.footer-company-detail-cu02-b {
	font-size: 0.875rem;
	color: #d5d5d5;
}

.footer-company-detail-cu02-c {
	font-size: 0.875rem;
	color: #d5d5d5;
}

.footer-company-detail-community {
	width: 100%;
	margin-top: 62px;
	display: flex;
}

.footer-company-detail-community-fb {
	width: 25px;
	height: 25px;
	margin-right: 35px;
	cursor: pointer;
}

.footer-company-detail-community-ig {
	width: 25px;
	height: 25px;
	margin-right: 35px;
	cursor: pointer;
}

.footer-company-detail-community-in {
	width: 25px;
	height: 25px;
	cursor: pointer;
}


/* urban-savour */
.urban-savour-pic {
	width: 100%;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
	cursor: pointer;
	display: block;
}

.urban-savour-pic-mobile {
	width: 100%;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
	cursor: pointer;
	display: none;
}