select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.absolute-100 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.absolute-100>a { display: block; width: 100%; height: 100%; }

.head-label { font-weight: 100; font-size: 80px; line-height: 1; }
.relative .head-label { margin: -0px 0; }
.head-label span { font-style: italic; font-weight: 500; }
.head-content { font-weight: 500; font-size: 16px; line-height: 1.6; }
.head-button { font-weight: 500; font-size: 18px; line-height: 1.2; }

.section-title { font-weight: 300; font-size: 36px; line-height: 1.2 }

.square-box { width: 500px; height: 500px; left: 50%; text-align: center; transform: translate(-50%, -50%); border: #ffffff 1px solid; }
.center-box { color: #ffffff; text-align: center; padding: 15px; }

.border-line { width: 100%; height: 5px; background: url('./../img/common/border_line_hoz.png') 50% 50% repeat-y; background-size: 100% auto;}
.border-line-gold { background: #509E2F; }
.bistro .border-line-gold { background: #EF7E09; }
.loong-yuen .border-line-gold { background: #917433; }
.osteria .border-line-gold { background: #B3541E; }
.haris .border-line-gold { background: #CABF14; }
.Bistro-on-the-Mile .border-line-gold { background: #EF7E09; }
.Loong-Yuen .border-line-gold { background: #917433; }
.Osteria-Ristorante-Italiano .border-line-gold { background: #B3541E; }
.HARI-BAR .border-line-gold { background: #CABF14; }
.background-line { width: 100%; height: 100px; background: url('./../img/common/background_line_hoz.png') 50% 50% repeat-y; background-size: 100% auto;}

.background-cover .relative {position: relative; }
.background-cover>.cover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(./../img/common/lg_banner_cover.png) 50% 50% repeat-x; background-size: auto 100%; }

.btn-green-p { text-align: center; margin: 0; padding: 10px 0; font-size: 18px }
.btn-green-p a { border: #509E2F 1px solid; color: #509E2F; padding: 8px 15px; text-decoration: none; font-weight: 500; display: inline-block; display: -webkit-inline-block; text-align: center; }
.btn-white-p { text-align: center; margin: 0; padding: 10px 0; font-size: 18px }
.btn-white-p2 { text-align: center; margin: 0; padding: 10px 0; font-size: 16px }
.btn-white-p a { border: #ffffff 1px solid; color: #ffffff; padding: 8px 15px; text-decoration: none; font-weight: 500; display: inline-block; display: -webkit-inline-block; text-align: center; white-space: nowrap; }
.btn-white-p2 a { border: #ffffff 1px solid; color: #ffffff; padding: 8px 15px; text-decoration: none; font-weight: 500; display: inline-block; display: -webkit-inline-block; text-align: center; white-space: nowrap; }

select option[disabled=disabled] { color: #333333; }


/******************************************************************
 * Header Section                                                 *
 ******************************************************************/
 
.section-header.website .menu-logo { cursor: pointer; }
.section-header.website { position: fixed; left: 0; top: 0; right: 0; height: 140px; }
.section-header.website .content { margin-top: 0px; }
.section-header.website .content>div:first-child { padding-top: 40px; }
.section-header.website .content .container-fluid { background: rgba(0,0,0,.7); }
.section-header.website .part-left, .section-header.website .part-right { width: calc( 50% - 75px); width: calc( 50% - 90px); height: 40px; }
.section-header.website .part-left .btn-group-justified, .section-header.website .part-right .btn-group-justified, .section-header.website .part-book .btn-group-justified { display: inline-block; display: -webkit-inline-block; }
.section-header.website .part-left { float: left; }
.section-header.website .part-center { margin: auto; width: 145px; width: 175px; height: 70px; margin-top: -40px; text-align: center; }
.section-header.website .part-right { float: right; }
.section-header.website .part-left .dropdown-menu li:hover a, .section-header.website .part-right .dropdown-menu li:hover a { background: url('../img/common/background_line_hoz.png') center repeat-y; color: #ffffff; }
.section-header.website .part-left .dropdown-menu li:focus a, .section-header.website .part-right .dropdown-menu li:focus a { background: url('../img/common/background_line_hoz.png') center repeat-y; color: #ffffff; }
.section-header.website .part-left .dropdown-menu li:active a, .section-header.website .part-right .dropdown-menu li:active a { background: url('../img/common/background_line_hoz.png') center repeat-y; color: #ffffff; }
.section-header .btn-group .btn { padding: 6px 12px 0; border: none; }
.section-header .btn-group a { color: #ffffff; font-size: 16px; line-height: 1; text-decoration: none; }
.section-header .btn-group .btn>a:hover, .section-header .btn-group .btn:hover>a, .section-header .btn-group .btn>a.active { border-top: #509E2F 5px solid; padding-top: 10px; }
.section-header .btn-group .btn.social>a { border-top: none !important; }
.section-header .btn-group .btn:hover .dropdown-menu, .section-header .btn-group .btn>a:hover+.dropdown-menu, .section-header .btn-group .btn .dropdown-menu:hover { display: block; }
.section-header .btn-group .btn .dropdown-menu.hover { display: block; }
.section-header .dropdown-menu { left: 50%; transform: translateX(-50%); background: rgba(0,0,0,.7); border-radius: 0; padding-top: 8px; margin-top: 0; }
.section-header .dropdown-menu a { line-height: 1.5; }
.section-header .language button { outline: none; padding: 2px 15px; font-weight: 300; background: transparent; border: #fff 1px solid; border-radius: 0; margin: -4px 0 0; vertical-align: middle; color: #fff; padding-right: 30px; background: url(../img/common/arrow_down_white.png) no-repeat scroll calc(100% - 6px);}
.section-header.website .part-right .social a {margin: -4px 5px 0; }
.section-header.website .part-right .social a img {margin: -4px 0 0; }
.section-header.website .part-book { width: 100%; height: 35px; background: rgba(0,0,0,.7); font-weight: 100; }
.section-header.website .part-book .btn { padding-top: 0; float: left; }
.section-header.website .part-book input { outline: none; background: none; border: #ffffff 1px solid; padding: 2px 20px 2px 8px; width: 140px; font-weight: 100; }
.section-header.website .part-book .arrival input, .section-header.website .part-book .departure input { background: url("../img/common/calandar.png") no-repeat scroll calc(100% - 5px); color: #ffffff; }
.section-header.website .part-book .room button { width: 250px; height: 25px; text-align: left; background: url("../img/common/arrow_down_white.png") no-repeat scroll calc(100% - 7px); outline: none; border: #ffffff 1px solid; padding: 2px 20px 2px 8px; border-radius: 0; font-weight: 100; }
.section-header.website .part-book .room .dropdown-menu { width: 100%; margin-top: 25px; }
.section-header.website .part-book .room .dropdown-menu li { color: #ffffff; text-align: center; height: 28pt; line-height: 1.5; font-size: 14px; }
.section-header.website .part-book .room .dropdown-menu .btn { float: none; display: inline-block; display: -webkit-inline-block; }
.section-header.website .part-book .room .dropdown-menu .btn[data-for=minus] { float: left; }
.section-header.website .part-book .room .dropdown-menu .btn[data-for=add] { float: right; clear: none; }
.section-header.website .part-book .btn-book-start { float: right; }
.section-header.website .part-book .btn-book-start input { font-family: 'Montserrat', 'Noto Sans TC', 'Noto Sans SC'; text-align: center; background: url('../img/common/background_line_hoz.png') center repeat-y; background-size: 100% auto; color: #fff; font-weight: 500; font-size: 16px; border: none; height: 24px; border-radius: 0; width: 120px; padding: 0; }
 
.section-popup .popup-room .arrival input, .section-popup .popup-room .departure input { background: url("../img/common/calandar.png") no-repeat scroll calc(100% - 10px); color: #ffffff; background-size: 16px 16px; }
.section-popup .popup-room .btn-gp { color: #ffffff; text-align: center; height: 28pt; line-height: 2; font-size: 14px; margin: 10px 0 0 !important; }
.section-popup .popup-room .btn-gp .btn { float: none; display: inline-block; display: -webkit-inline-block; border: #fff 1px solid; border-radius: 0; padding: 5px 6px; }
.section-popup .popup-room .btn-gp .btn[data-for=minus] { float: left; }
.section-popup .popup-room .btn-gp .btn[data-for=add] { float: right; clear: none; }

 
/******************************************************************
 * Footer Section                                                 *
 ******************************************************************/
 

.section-footer {
	font-family: 'Montserrat', 'Noto Sans TC', 'Noto Sans SC'; padding: 50px 0 20px;
	background: #e4e4e4;
    background: -webkit-linear-gradient(#b6b6b8 0%, #e4e4e4 calc(0% + 60px), #e4e4e4 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b6b6b8 0%, #e4e4e4 calc(0% + 60px), #e4e4e4 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b6b6b8 0%, #e4e4e4 calc(0% + 60px), #e4e4e4 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b6b6b8 0%, #e4e4e4 calc(0% + 60px), #e4e4e4 100%); /* Standard syntax */
	background-repeat: repeat-x; padding-top: 50px; 
}
.section-footer .footer-info p { font-size: 14px; line-height: 1.2; margin-bottom: 40px; }
.section-footer .footer-info ul { font-size: 14px; line-height: 1.2; font-weight: 300; padding-left: 20px; margin-bottom: 20px; }
.section-footer .footer-info ul:nth-child(6) { word-break: break-all; }
.section-footer .footer-info span { font-weight: 500; font-size: 14px; color: #509E2F; white-space: nowrap; }
.section-footer .footer-info a { margin-right: 20px; color: #000000; white-space: nowrap; }
.section-footer .footer-search { color: #509E2F; }
.section-footer .footer-search h3 { margin-top: 0; font-size: 24px; font-weight: 300; margin-bottom: 20px; line-height: 1.2; }
.section-footer .footer-search span { font-weight: 700; }
.section-footer .footer-search input { outline: none; font-size: 14px; line-height: 1; padding: 2px 15px; font-weight: 300; height: 28px; background: transparent; border: #000 1px solid; margin-left: 10px; vertical-align: top; color: #000; }
.section-footer .footer-search input.btn { font-size: 18px; line-height: 1.2; background: url('../img/common/background_line_hoz.png'); background-position: 50% 50%; background-size: 100% auto; background-repeat: repeat-y; color: #fff; font-weight: 500; border: none; border-radius: 0; }
.section-footer .footer-site { padding-left: 0; }
.section-footer .footer-site ul { margin: 0; padding: 0; list-style: none; }
.section-footer .footer-site ul p { border-bottom: #509E2F 1px solid; color: #509E2F; font-size: 14px; font-weight: 300; text-decoration: none; }
.section-footer .footer-site ul p a { color: #509E2F; font-size: 14px; font-weight: normal; text-decoration: none; }
.section-footer .footer-site li { color: #000; font-size: 14px; margin-bottom: 8px; line-height: 1.4; }
.section-footer .footer-site li a { color: #4D4D4D; text-decoration: none; font-weight: 300; }
.section-footer .copyright { font-size: 16px; line-height: 1.2; text-align: right; font-weight: 300; }
 
 
 
/******************************************************************
 * Landing Section                                                *
 ******************************************************************/
 
.alert-box { position: absolute !important; top: 250px; top: 50%; width: 500px; height: auto; border: #fff 1px solid; background: rgba(0, 0, 0, .7); left: 50%; transform: translateX(-50%) translateY(-50%); color: #ffffff; z-index: 11; }
.alert-box>div { position: relative; width: 100%; height: 100%; padding: 20px; }
.alert-box .close-btn { position: absolute; right: -10px; top: -10px; width: 20px; height: 20px; cursor: pointer; }
.alert-box h3 { font-size: 21px; line-height: 1.2; font-weight: 700; margin: 0 0 5px;  }
.alert-box p { font-size: 14px; line-height: 1.2; margin: 0; }
.alert-box img { width: 100%; height: auto; }

#SubscribeMessage { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.2); z-index: 100; pointer-events: none; }
#SubscribeMessage .center-box { width: 90vw; max-width: 500px; height: auto; border: #ffffff 1px solid; background: rgba(0,0,0,.7); color: #509E2F; font-size: 18px; line-height: 1.3; }
#SubscribeMessage .close-btn { position: absolute; right: -10px; top: -10px; width: 20px; height: 20px; cursor: pointer; pointer-events: auto; }

.section-landing p, .section-landing div { position: relative; text-align: center; }
.section-landing .language .dropdown-toggle { font-weight: 100; line-height: 1.2;border-color: #fff; background: transparent; color: #fff; border-radius: 0px; background: url("../img/common/arrow_down_white.png") no-repeat scroll calc(100% - 7px); }
.section-landing ul { width: 120px; min-width: auto; margin-left: calc(50% - 60px); margin-top: 0; } 
.section-landing button, .section-landing ul li { width: 120px; text-align: center; }
.section-landing button { padding-right: 30px; }
.section-landing ul li:hover a { width: 118px; text-align: center; border: none; }
.section-landing p.logo img { width: 174px; height: 174px; }
.section-landing .language { margin-top: 20px; }
.section-landing .dropdown-menu>li>a { font-weight: 100; }
.section-landing .banner { top: 50px; }
.section-landing .banner h3 { font-weight: 100; text-align: center; font-size: 80px; z-index: 10; color: #ffffff; position: relative; text-align: center; width: 100%; }
.section-landing .banner h3 span { font-weight: 500; font-style: italic; }
.section-landing .banner .btn-explore { position: relative; top: 20px; margin-top: 20px; border: #fff 1px solid; background: transparent; color: #fff; padding: 4px 26px; border-radius: 0px; text-decoration: none; cursor: pointer; font-size: 18px; line-height: 1.5; padding: 8px 40px; }
.section-landing .fun-layer { position: absolute; height: 100vh; background: url('../img/home/landing_cover_lighting_img.png'); background-position: 50% 0; background-size: 100vw auto; background-repeat: no-repeat; background-color: transparent; left: 0; top: 0; }
.anim-start-move { animation-name: mymove; -webkit-animation-duration: 6000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in; -moz-animation-duration: 6000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in; -ms-animation-duration: 6000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: ease-in; -o-animation-duration: 6000ms; -o-animation-iteration-count: infinite; -o-animation-timing-function: ease-in; animation-duration: 6000ms; animation-iteration-count: infinite; animation-timing-function: ease-in; }
@-webkit-keyframes mymove { from {left: 50%; width: 0%;} to {left: 0%; width: 100%;} } 
@-moz-keyframes mymove { from {left: 50%; width: 0%;} to {left: 0%; width: 100%;} } 
@-ms-keyframes mymove { from {left: 50%; width: 0%;} to {left: 0%; width: 100%;} } 
@-o-keyframes mymove { from {left: 50%; width: 0%;} to {left: 0%; width: 100%;} } 
@keyframes mymove { from {left: 50%; width: 0%;} to {left: 0%; width: 100%;} }
.section-landing.mobile { height: 100vh; max-height: none; z-index: 0; }
.section-landing.mobile.express { height: auto; max-height: none; z-index: 0; }
.section-landing .mobile-cover { background: url('./../img/home/landing_cover_bg.png'); background-position: 50% 100%; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; height: calc(100vh + 250px); }

.section-landing.website { width: 100vw; overflow-x: hidden; }
.section-landing.section-weddings { position: absolute; left: 0; right: 0; top: 0; height: 100vh; }
.section-landing.website>div { width: auto; height: 100vh; overflow: hidden; margin-left: 0; background: url(../img/fixed/landing_cover_bg.png) 50% 0 no-repeat; background-size: auto 1560px; position: relative; z-index: 1; }
.section-landing.website.express>div { width: auto; height: auto; background-image: none; position: relative; z-index: 1; }
.section-landing.section-weddings>div { width: auto; height: 100vh; overflow: hidden; margin-left: 0; position: relative; background: none; }
.section-landing.website video { left: 50%; top: 100%; min-width: 100%; min-height: calc(100vw * 0.5625); width: auto; height: auto; position: absolute; transform: translate(-50%, -100%); }
.section-landing.section-weddings video { left: 50%; top: 100%; min-width: 100%; min-height: calc(100vw * 0.5625); width: auto; height: auto; position: absolute; transform: translate(-50%, -100%); }
.section-landing .fun-layer { position: absolute; left: 0; top: 100%; height: 100vh; min-height: calc(100vw * 0.5625); transform: translateY(-100%); background: url(../img/fixed/landing_cover_lighting_img.png) 50% no-repeat; background-size: calc(100vh * 1.7778) auto; background-size: 100vw calc(698 * 100vh / 1080); }
.section-slider { margin-top: 0; background: url('./../img/fixed/harbour.jpg') 50% 0 no-repeat; background-size: 1920px auto; }
.section-slider .theme-default .nivoSlider { overflow: visible; }
.section-slider .theme-default .nivo-caption { top: -200px; height: calc(400px); width: calc(400px - 100vw + 100%); left: calc(50vw - 200px); right: calc(50vw - 200px); border: #fff 1px solid; background: rgba(0,0,0,.7); opacity: 1; }
.section-slider .inner-text { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 17; }
.section-slider .center-box { z-index: 18; }
.section-slider .box { position: absolute; left: 0; width: 100%; height: 0; }
.section-slider .square-box { background: rgba(0,0,0,.7); position: relative; background-size: cover; transform: translate(-50%, calc(-50% + 0px)); }
.section-slider .item .box:first-child .square-box { filter: blur(2px); background-repeat: no-repeat; background-position: 50% 50%; background-size: 500px 500px; }
.section-slider .item { padding-top: 487px; }
.section-slider .owl-carousel .owl-stage-outer {  }
.section-slider .owl-theme .owl-nav.disabled+.owl-dots { top: calc(487px + 250px - 50px); position: absolute; width: 100%; }
/*
.section-slider .title { position: absolute; left: 0; bottom: 300px; width: 100%; height: auto; color: #ffffff; }
.section-slider .title .center-box { transform: translateX(-50%); top: 0; }
.section-slider .desc { position: absolute; left: 0; top: 200px; width: 100%; height: 150px; color: #ffffff; padding: 0 35px 15px; font-size: 16px; line-height: 1.6; }
.section-slider .desc { position: absolute; left: 0; top: 200px; width: 100%; height: 150px; color: #ffffff; padding: 0 35px 15px; font-size: 16px; line-height: 1.6; }
*/
.section-slider .title { position: absolute; left: 0; bottom: 250px; width: 100%; height: auto; color: #ffffff; }
.section-slider .title .center-box { transform: translateX(-50%); top: 0; }
.section-slider .desc { color: #ffffff; padding: 0 40px 15px; font-size: 16px; top: 250px; line-height: 1.6; position: absolute; width: 100%; }
.section-slider .btn-white-p { position: absolute; bottom: 50px; width: 100%; left: 0; font-size: 18px; line-height: 1.2; }


/******************************************************************
 * Welcome Section                                                *
 ******************************************************************/

.section-welcome { position: relative; z-index: 15; margin-top: -10px; padding-top: 80px; background: url('../img/common/background_line_hoz.png'); background-position: 50% 50%; background-size: 100% auto; background-repeat: repeat-y; color: #fff; padding-bottom: 60px; }
.section-welcome h3 { font-weight: 100; font-size: 72px; line-height: 1; }
.section-welcome h3 span { font-weight: 500; font-style: italic; padding-bottom: 0px; line-height: 1; }
.section-welcome p { font-size: 16px; line-height: 1.5; margin-bottom: 40px; text-align: justify; }
.section-welcome ul { font-size: 16px; line-height: 1.2; padding-left: 30px; margin-bottom: 20px; }
.section-welcome span { font-weight: 500; line-height: 2; white-space: nowrap; }
.section-welcome p.mylabel { font-size: 12px; line-height: 16px; font-weight: normal; transform: scale(.9); transform-origin: 0 50%; margin-bottom: 20px; width: 115%; }
.section-welcome a { color: #ffffff; text-decoration: none; }
.section-welcome a.btn-custom { border: #ffffff 1px solid; background: transparent; color: #ffffff; padding: 8px 26px; text-decoration: none; }
.section-welcome p.mylabel { font-weight: normal; transform: scale(.8695); transform-origin: 0 50%; margin-bottom: 20px; width: 115%; }



/******************************************************************
 * Top Section                                                    *
 ******************************************************************/

.section-top .border-line { height: 10px; }
.section-top .box { height: 0px; min-height: auto; }
.section-top .box>.center-box { width: 500px; height: 500px; border: #ffffff 2px solid; }
.section-top .box>.center-box.background-cover { background-size: 500px 500px; background-position: 50% 50%; }
.section-top .box>.center-box.background-cover:first-child { -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }
.section-top .box>.center-box .center-box { background: none; padding: 30px; }
.section-top .box>.center-box .title { font-weight: 100; line-height: 1.1; }
.section-top .box>.center-box .desc { font-weight: 300; margin: 20px 0; padding: 0 40px; text-align: center; text-align-last: center; font-size: 16px; line-height: 1.5; }
.section-top .box>.center-box .btn-white-p>a { margin: 0 15px; }
.section-top .margin-header { width: 100%; height: calc(100% - 170px); margin-top: 170px; position: relative; }
.section-top .box>.center-box .cover .title { position: absolute; bottom: 250px; height: auto; width: 100%; }
.section-top .box>.center-box .cover .title>.relative { height: auto; }
.section-top .box>.center-box .cover .title-center { position: absolute; top: 0; height: 100%; width: 100%; }
.section-top .box>.center-box .cover .title-center>.relative { height: 100%; }
.section-top .box>.center-box .cover .content { position: absolute; top: 240px; height: 140px; width: 100%; }
.section-top .box>.center-box .cover .content>.relative { height: 120px; }
.section-top .box>.center-box .cover .box-btn { position: absolute; bottom: 0px; height: 100px; width: 100%; }
.section-top .box>.center-box .cover .box-btn>.relative { height: 100px; }
.section-top .detail { position: absolute; bottom: 0; width: 100%; height: auto; background: rgba(0,0,0,.7); color: #ffffff; padding: 30px 0; }
.section-top .detail.detail-center { text-align: center; }
.section-top .detail.detail-center span { padding: 0 16px 0 15px; border-right: #ffffff 1px solid; }
.section-top .detail.detail-center span:last-child { border-right: none; }
.section-top .center-box.box-fix-btn .btn-white-p { position: absolute; left: 0; right: 0; bottom: 20px; }

.section-top.section-restaurant-top .head-label { font-size: 70px; }
.section-top.section-restaurant-top .restaurant-detail { color: #ffffff; padding: 30px 0; }
.section-top.section-restaurant-top .restaurant-detail label { font-weight: 500; }
.section-top.section-restaurant-top .restaurant-logo { position: absolute; left: 0; right: 0; top: 140px; bottom: 270px; }
.section-top.section-restaurant-top .restaurant-logo>div {  }
.section-top.section-restaurant-top .restaurant-logo .center-box { max-width: none; }
.section-top.section-restaurant-top .dropup { display: inline-block; display: -webkit-inline-block; position: relative; margin: 0 10px; }
.section-top.section-restaurant-top .section-restaurant .restaurant ul { margin-left: 0; left: 50%; transform: translateX(-50%); }
.section-top .section-restaurant .dropdown-menu-restaurant-reservation { margin-left: 50%; transform: translateX(-50%); box-shadow: none; border: none; }
.section-top .btn-reservation { position: relative; }

.paragraph-top { margin-top: 140px; margin-bottom: 30px; }

.section-restaurant.website { overflow-x: hidden; }



/******************************************************************
 * Restaurant Section                                             *
 ******************************************************************/
 
.section-restaurant h3 { color: #509E2F; text-align: center; font-size: 72px; margin: 30px; font-weight: 100; }
.section-restaurant img { pointer-events: none; }
.section-restaurant h3 span { font-weight: 500; font-style: italic; }
.section-restaurant .restaurant { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; color: #fff; position: relative; clear: both; padding: 40px 0; overflow: hidden; }
.section-restaurant .restaurant .restaurant-hero { position: absolute; width: 590px; z-index: 1; }
.section-restaurant .restaurant table { min-height: 480px; }
.section-restaurant .restaurant h4 { font-size: 36px; font-weight: 300; color: #ffffff; line-height: 1.2 }
.section-restaurant .restaurant td p { text-align: justify; font-size: 16px; line-height: 1.7; }
.section-restaurant .restaurant .content { margin-top: 52px; margin-bottom: 32px; vertical-align: top; color: #fff; }
.section-restaurant .restaurant .info { margin: 0 0 20px; }
.section-restaurant .restaurant .info>div { margin-top: 20px; position: relative; }
.section-restaurant .restaurant .info>p.infot, .section-restaurant .restaurant .info>div.infot { font-weight: 400; margin-top: 20px; margin-bottom: 0px; color: #fff; }
.section-restaurant .restaurant .info>div:last-child { margin-top: 68px; }
.section-restaurant .restaurant .info p span{ font-weight: 700; }
.section-restaurant .restaurant .info a { border: #fff 1px solid; font-size: 18px; font-weight: 500; padding: 6px; width: 150px; display: inline-block; display: -webkit-inline-block; text-align: center; color: #fff; text-decoration: none; margin-right: 8px; border-radius: 0; color: #fff; }
.section-restaurant .restaurant .info div.dropup { position: relative; width: 150px; display: inline-block; display: -webkit-inline-block; margin-right: 8px; vertical-align: top; }
.section-restaurant .restaurant ul { background: none; margin-left: -25px; z-index: 20; }
.section-restaurant .restaurant ul, .section-restaurant .restaurant ul li { width: 200px; min-width: auto; box-shadow: none; border: none; }
.section-restaurant .restaurant ul li { background-position: 50% 50%; background-size: 100% auto; background-repeat: repeat-y; background: rgba(0,0,0,.7); }
.section-restaurant .restaurant ul li.drop-up-end,
.section-restaurant .dropdown-menu-restaurant-reservation .drop-up-end { background: url('./../img/home/landing_popup_arrow_element.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 20px; height: 20px; pointer-events: none; }
.section-restaurant .restaurant .dropdown-menu-restaurant a { width: 200px; margin-right: 0; border: none; font-size: 14px; font-weight: 300; }
.section-restaurant .restaurant .dropdown-menu-restaurant li:active, .section-restaurant .restaurant .dropdown-menu-restaurant li:hover, .section-restaurant .restaurant .dropdown-menu-restaurant li:focus { background: url('./../img/common/border_line_hoz.png'); }
.section-restaurant .restaurant .dropdown-menu-restaurant li:active a, .section-restaurant .restaurant .dropdown-menu-restaurant li:focus a, .section-restaurant .restaurant .dropdown-menu-restaurant li:hover a { color: #fff; font-weight: 400; }
.section-restaurant .dropdown-menu-restaurant-reservation { width: 516px; margin-left: -183px; background: none; z-index: 16; box-shadow: none; border: none; }
.section-restaurant .dropdown-menu-restaurant-reservation>div { background: rgba(0,0,0,.7); padding: 5px 10px 0; }
.section-restaurant .dropdown-menu-restaurant-reservation>div .form-group { margin: 10px 0; }
.section-restaurant .dropdown-menu-restaurant-reservation>div .form-group input, .section-restaurant .dropdown-menu-restaurant-reservation>div .form-group select { border-radius: 0; border: #fff 1px solid; color: #fff; display: inline-block; display: -webkit-inline-block; background: none; font-size: 14px; padding: 4px 8px; height: auto; }
.section-restaurant .dropdown-menu-restaurant-reservation>div .form-group input { padding: 4px 12px; }
.section-restaurant .dropdown-menu-restaurant-reservation>div .form-group input.type1, .section-restaurant .dropdown-menu-restaurant-reservation>div .form-group select.type1 { width: 300px; }
.section-restaurant .dropdown-menu-restaurant-reservation>div .form-group input.type2, .section-restaurant .dropdown-menu-restaurant-reservation>div .form-group select.type2 { width: 180px; margin-left: 10px; }
.section-restaurant .dropdown-menu-restaurant-reservation>div .form-group input.type3, .section-restaurant .dropdown-menu-restaurant-reservation>div .form-group select.type3 { width: 106px; }
.section-restaurant .dropdown-menu-restaurant-reservation>div .form-group a { border: none; text-decoration: underline; font-size: 12px; width: auto; }
.section-restaurant .dropdown-menu-restaurant-reservation>div .form-group input[type=submit] { font-size: 18px; font-weight: 500; line-height: 1.2; background: url('./../img/common/border_line_hoz.png') 50% repeat-y; background-size: 100% auto;; border: none; padding: 2px 20px; }
.section-restaurant .close-btn { position: absolute; right: -10px; top: -5px; width: 20px; height: 20px; cursor: pointer; }
 
.section-restaurant .dropdown-menu-restaurant-reservation>div .form-group select { background: url("../img/common/arrow_down_white.png") no-repeat scroll calc(100% - 7px); outline: none; }
.section-restaurant.section-dining { font-weight: 300; overflow-x: hidden; }
.section-restaurant.section-dining .restaurant:nth-child(odd)>img { right: 0; top: 0; }
.section-restaurant.section-dining .restaurant:nth-child(even)>img { left: 0; }
.section-restaurant.section-dining .restaurant:nth-child(2)>img { top: 0; }
.section-restaurant.section-dining .information {  width: 262.5px; min-height: 262.5px; margin: 0 0 20px; padding: 0 0 80px; line-height: 1.1; }
.section-restaurant.section-dining .information>div:last-child { position: absolute; /*bottom: 20px;*/ margin: 0; min-width: 190px; }
.section-restaurant.section-dining .information>p, .section-restaurant.section-dining .information>div { margin: 0 0 1.1em; }
.section-restaurant.section-dining .btn-white-p { padding: 0 0 8px; position: relative; }
.section-restaurant.section-dining .btn-more, .section-restaurant.section-dining .btn-menu { width: calc(50% - 3.75px); }
.section-restaurant.section-dining .btn-menu { margin-left: 4px; }
.section-restaurant.section-dining .btn-reservation { width: 100%; }
.section-restaurant.section-dining .btn-white-p>a { width: 100%; display: inline-block; display: -webkit-inline-block; }
.section-restaurant.section-dining .dropdown-menu-restaurant-reservation { margin-left: -50%; }
.section-restaurant.section-dining .dropdown-menu { transform: translateX(-50%); left: 50%; margin: 0; box-shadow: none; border: none;}
.section-restaurant.section-dining .dropdown-backdrop { position: relative; }
.section-restaurant.section-dining .restaurant:nth-child(odd) .dropdown-menu { left: 150%; margin: 0 0px 0 -28px; left: 50%; transform: none; }
.section-restaurant.section-dining .restaurant:nth-child(odd) .drop-up-end { background-position: 0% 50%; }
.section-restaurant.section-dining .promotion { z-index: 10; background: transparent; border: #ffffff 2px solid; height: 262.5px; padding: 0px; box-shadow: rgba(80, 80, 80, .3) 2px 2px 2px 0px, rgba(80, 80, 80, .1) 5px 5px 2px 0px; }
.section-restaurant.section-dining .bistro .promotion { background: #16283F; }
.section-restaurant.section-dining .loong-yuen .promotion { background: #89805E; }
.section-restaurant.section-dining .osteria .promotion { background: #3B2619; }
.section-restaurant.section-dining .haris .promotion { background: #2A3957; }
.section-restaurant.section-dining .restaurant:nth-child(1) .promotion, .section-restaurant.section-dining .restaurant-mobile:nth-child(2) .promotion { background: #16283F; }
.section-restaurant.section-dining .restaurant:nth-child(2) .promotion, .section-restaurant.section-dining .restaurant-mobile:nth-child(3) .promotion { background: #89805E; }
.section-restaurant.section-dining .restaurant:nth-child(3) .promotion, .section-restaurant.section-dining .restaurant-mobile:nth-child(4) .promotion { background: #3B2619; }
.section-restaurant.section-dining .restaurant:nth-child(4) .promotion, .section-restaurant.section-dining .restaurant-mobile:nth-child(5) .promotion { background: #2A3957; }
.section-restaurant.section-dining .promotion .inline { height: 100%; width: calc(50% - 0px); vertical-align: top; position: relative; }
.section-restaurant.section-dining .promotion .inline:first-child { border-right: #ffffff 2px solid }
.section-restaurant.section-dining .promotion .inline img { width: 100%; height: 100%; border-right: #ffffff 2px solid; }
.section-restaurant.section-dining .promotion .inline:nth-child(2) { width: calc(50% - 15px); margin-left: 10px; padding-right: 10px; }
.section-restaurant.section-dining .promotion .inline h5 { font-weight: 400; }
.section-restaurant.section-dining .promotion .inline h5, .section-restaurant.section-dining .promotion .inline div { color: #ffffff; font-size: 22px; }
.section-restaurant.section-dining .promotion .btn-white-p2 { position: absolute; bottom: 10px; width: 100%; }
.section-restaurant.section-dining .promotion .btn-green-p { position: absolute; bottom: 10px; width: 100%; }

.section-restaurant.section-dining .restaurant .logo { text-align: center; }

.section-restaurant.section-dining .restaurant .content { text-align: justify; margin-top: 0; font-size: 16px; line-height: 1.7; }
.section-restaurant.section-dining .restaurant.first-choice .btn-white-p { text-align: left; }
.section-restaurant.section-dining .restaurant.first-choice .btn-white-p>a { width: auto; }
.section-restaurant.section-dining .restaurant.first-choice>div { padding: 100px 0; background: rgba(0,0,0,.7); margin: -40px 0; }

.section-restaurant.section-dining .restaurant-mobile h4 { font-size: 36px; }
.section-restaurant.section-dining .restaurant-mobile .info { width: 100%; }
.section-restaurant.section-dining .restaurant-mobile .info p { font-size: 25px; font-weight: 500; }
.section-restaurant.section-dining .restaurant-mobile .info p span { font-weight: 700; }
.section-restaurant.section-dining .restaurant-mobile .content { font-size: 28px; font-weight: 300; }
.section-restaurant.section-dining .restaurant-mobile .promotion { padding-top: 50%; margin-bottom: 40px; position: relative; height: auto; }
.section-restaurant.section-dining .restaurant-mobile .promotion>div { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.section-restaurant.section-dining .restaurant-mobile .promotion .inline:nth-child(2) { width: calc(50% - 30px); }
.section-restaurant.section-dining .restaurant-mobile .promotion .btn-green-p { width: auto; left: calc(-50% - 30px); transform: translate(50%, 50%); bottom: 0; background: #ffffff; padding: 0; }
.section-restaurant.section-dining .restaurant-mobile .promotion .inline h5 { font-size: 18px; }
.section-restaurant.section-dining .promotion .inline div { font-size: 14px; text-align: justify }

.restaurants-banner { height: 50vh; max-height: 765px; min-height: 765px; background-size: 1920px 765px; }
.restaurants-banner .cover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(./../img/common/lg_banner_cover.png) 50% 50% repeat-x; background-size: auto 100%; z-index: 1; }
.restaurants-banner .center-box { max-width: 50%; z-index: 2; }
.restaurants-banner .border-line { height: 20px; }
.restaurants-banner .restaurant-detail { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); /*height: 30%;*/ }
.restaurants-banner .restaurant-detail .center-box { width: 100%; max-width: none; padding: 0; font-weight: 300; }
.restaurants-banner .restaurant-detail .center-box>div { min-width: 390px; border-right: #ffffff 1px solid; }
.restaurants-banner .restaurant-detail .center-box>div:last-child { border-right: none; }

.btn-restaurant { cursor: pointer; }

.restaurant-mobile:nth-child(2n) .restaurant-anim-mobile img { float: right; }
.restaurant-mobile:nth-child(2n+1) .restaurant-anim-mobile img { float: left; }

.section-restaurant.box-btn { overflow: visible; }
.section-restaurant .in-restaurant .info div.dropup { position: relative; width: 150px; display: inline-block; display: -webkit-inline-block; margin-right: 8px; vertical-align: top; }
.section-restaurant .in-restaurant ul { background: none; margin-left: -25px; z-index: 20; margin-left: 50%; transform: translateX(-50%); box-shadow: none; border: none;}
.section-restaurant .in-restaurant ul, .section-restaurant .restaurant ul li { width: 200px; min-width: auto; box-shadow: none; border: none; }
.section-restaurant .in-restaurant ul li { background-position: 50% 50%; background-size: 100% auto; background-repeat: repeat-y; background: rgba(0,0,0,.7); }
.section-restaurant .in-restaurant ul li.drop-up-end { background: url('./../img/home/landing_popup_arrow_element.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 20px; height: 20px; pointer-events: none; }
.section-restaurant .in-restaurant .dropdown-menu-restaurant a { width: 200px; margin-right: 0; border: none; font-size: 14px; font-weight: 300; }
.section-restaurant .in-restaurant .dropdown-menu-restaurant li:active, .section-restaurant .in-restaurant .dropdown-menu-restaurant li:hover, .section-restaurant .in-restaurant .dropdown-menu-restaurant li:focus { background: url('./../img/common/border_line_hoz.png'); }
.section-restaurant .in-restaurant .dropdown-menu-restaurant li:active a, .section-restaurant .in-restaurant .dropdown-menu-restaurant li:focus a, .section-restaurant .in-restaurant .dropdown-menu-restaurant li:hover a { color: #fff; font-weight: 400; }
.section-restaurant .in-restaurant .btn-white-p.head-button { display: inline-flex; display: -webkit-inline-flex; gap: 20px; justify-content: center; }
.section-restaurant .in-restaurant .btn-white-p.head-button>a,.section-restaurant .in-restaurant .btn-white-p.head-button>div { margin: 0; }



/******************************************************************
 * Overview Reward Section                                        *
 ******************************************************************/
 
.overview-contact a { color: #000000; text-decoration: none; }

.overview-content img { display: inline-block; display: -webkit-inline-block; vertical-align: top; margin-top: -4px; }
.overview-content>div .bold-in-mobile p { display: inline-block; width: calc(100% - 40px); padding-left: 10px; }

.overview-section-link a { display: block; width: 100%; height: 100%; }

.overview-contact, .overview-rating { margin-bottom: 30px; /*margin-top: 0px; transform: none;*/ }
.overview-rating, .overview-map { margin-top: 30px; margin-bottom: 30px; }

/******************************************************************
 * Room Section                                                   *
 ******************************************************************/

.rooms-banner { height: 50vh; max-height: 765px; min-height: 520px; background-size: 1920px 765px; background-position: 50% 50%; margin-top: -1px; }
.rooms-banner .cover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(./../img/common/lg_banner_cover.png) 50% 50% repeat-x; background-size: auto 100%; z-index: 1; }
.rooms-banner .center-box { max-width: 50%; z-index: 2; }
.rooms-banner .border-line { height: 20px; }
.room-item { background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 500px; max-height: 765px; }
.room-item .box { margin-top: 40px; margin-bottom: 40px }
.room-item .content { background: rgba(0, 0, 0, .7); color: #ffffff; padding: 30px; }
.room-item .content * { margin: 0; }
.room-item .content .title { font-weight: 300; font-size: 36px; }
.room-item .content .desc { min-height: calc(14pt * 1.5 * 5); }
.room-item .content .info { font-weight: 500; }
.room-item .content .btn-green-p { text-align: left; }
.room-item .content .btn-green-p a { margin-right: 20px; white-space: nowrap; }
.room-item:last-child { position: relative; }
.room-item:last-child .box {  position: absolute; transform: translateY(-50%); left: 30%; top: 50%; width: 40%; margin: 0;}
.room-item:last-child .desc { min-height: auto; margin-bottom: 14pt; }
.room-item:last-child .content, .room-item:last-child .content .btn-green-p { text-align: center; }
.room-item:last-child .content .btn-green-p a { margin-right: 0px; }
.rooms-banner .room-detail { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); height: 30%; }
.rooms-banner .room-detail .center-box { width: 100%; max-width: none; padding: 0; font-weight: 300; }
.rooms-banner .room-detail .center-box>div { min-width: 390px; border-right: #ffffff 1px solid; }
.rooms-banner .room-detail .center-box>div:last-child { border-right: none; }
.features-title { font-weight: 300; text-align: center; color: #509E2F; }
.section-feature { margin: 30px 0 60px; }
.features-item { margin: 20px 0; font-weight: 100; }
.features-item .title h3 { border-top: #509E2F 1px solid; color: #509E2F; margin: 0 0 20px; padding: 10px 0; font-weight: bold; }
.features-item .content ul { -webkit-columns: 2; -moz-columns: 2; columns: 2; list-style-type: none; padding: 0; }
.features-item .content ul li:before { content: "- "; }
.features-title * { font-weight: 300; }



/******************************************************************
 * Promotion Section                                              *
 ******************************************************************/
 
.section-top+.section-promotions { margin-top: -140px; }
.section-promotions.section-weddings { margin-top: -140px; }
.section-weddings+.section-promotions.section-weddings { margin-top: 20px; }
.section-top+.section-promotion2 { margin-top: 150px; }
.promotion-item { z-index: 5; margin-bottom: 40px; }
.promotion-item>div {
    background: #ffffff;
    padding: 2px;
    box-shadow: rgba(80, 80, 80, .3) 2px 2px 2px 0px, rgba(80, 80, 80, .1) 5px 5px 2px 0px;
}
.promotion-item .content { padding: 15px; min-height: 356px; }
.promotion-item .content .title { margin: 0; font-size: 28px; font-weight: 300; color: #333; }
.promotion-item .content .desc { margin: 15px 0; font-size: 18px; font-weight: 300; max-height: 214px; overflow: hidden; line-height: 1.3; }
.promotion-item .content .desc * { margin: 0; }
.promotion-item .content .btn-green-p { position: absolute; left: 0; right: 0; bottom: 20px; }
.promotion-item .content .btn-green-p+.btn-green-p { bottom: 60px; }
.section-promotions .background-line { height: 155px; margin-top: -90px; }
.section-promotions .background-line a {}
.section-promotions .background-line .btn-white-p { position: absolute; left: 0; right: 0; bottom: 30px; }

.section-promotion2 .promotion-title * { font-size: 42px; font-weight: 100; line-height: 1; color: #509E2F; text-align: center; margin: 10px 0; }

.section-promotion2 .promotion-cell>div { z-index: 10; }
.section-promotion2 .promotion-cell>div .content { padding-top: 100%; position: relative; font-size: 18px; }
.section-promotion2 .promotion-cell>div .content>div { position: absolute; left: 15px; right: 15px; top:0; bottom: 0; }
.gallery-title h1, .section-promotion2 .promotion-cell h3 { font-size: 28px; font-weight: 300; padding: 0; line-height: 1.2; }
.gallery-title h1 { font-weight: 100; font-size: 42px; }
.section-promotion2 .promotion-cell p { font-size: 18px; font-weight: 300; padding: 0; line-height: 1.4; }



.section-event-promotion .background { position: relative; margin-top: -200px; }
.section-event-promotion .background>div { background: #ffffff; padding: 3px; box-shadow: rgba(80, 80, 80, .3) 2px 2px 2px 0px, rgba(80, 80, 80, .1) 5px 5px 2px 0px; }
.section-event-promotion .background>div>div { position: relative; }
.section-event-promotion .background>div>div.mobile { padding-top: 50%; }
.section-event-promotion .background-cover { display: inline-block; display: -webkit-inline-block; width: calc(50% - 2px); height: 400px; }
.section-event-promotion .background>div>div.mobile .background-cover { position: absolute; top: 0; width: calc(50% - 1.5px); height: calc(100% - 6px);}
.section-event-promotion .background>div>div.mobile .background-cover:nth-child(odd) { left: 0; }
.section-event-promotion .background>div>div.mobile .background-cover:nth-child(even) { right: 0; }
.section-event-promotion .background .center-box { width: 50%; }
.section-event-promotion .content { color: #000000; padding: 15px 15px; font-size: 16px; font-weight: 300; line-height: 1.2; }
.section-event-promotion .content .title { font-size: 30px; font-weight: 500; line-height: 1.2; }
.section-event-promotion .border-line { transform: translateY(-3px); }
.section-event-promotion .bottom-line { background: url('./../img/common/background_line_hoz.png') repeat-y; background-size: 100% auto; height: 100px; margin-top: -50px; z-index: -1; )}

.promotion-nav ul li a { color: #666666; font-weight: 500; font-size: 18px; padding: 10px 0; }

.section-promotion2 .promotion-img .seeing { width: calc(85% - 15px); display: inline-block; display: -webkit-inline-block; position: relative; vertical-align: top; }
.section-promotion2 .promotion-img .seeing img { position: absolute; width: 100%; top: 0; }
.section-promotion2 .promotion-img .seeing img.active { position: absolute; width: 100%; top: 0; }
.section-promotion2 .promotion-img .listing { width: calc(15%); display: inline-block; display: -webkit-inline-block; position: relative; vertical-align: top; float: right; overflow-y: auto; min-height: 405px; overflow: hidden; }
.section-promotion2 .promotion-img .listing>div { width: 100%; height: 100%; overflow: hidden; }
.section-promotion2 .promotion-img .listing>div>div { cursor: pointer; padding-top: 100%; margin-bottom: 15px; position: relative; display: block; }
.section-promotion2 .promotion-img .listing>div>div.active>div { background: rgba(0,0,0,.5); left: 0; top: 0; width: 100%; height: 100%; position: absolute; }

.promotion-img .btn-up { background: url('./../img/fixed_v2/fancy_up.png'); width: 74px; height: 44px; top: 0; right: 7.5%; transform: translate(50%, -50%); }
.promotion-img .btn-down { background: url('./../img/fixed_v2/fancy_down.png'); width: 74px; height: 44px; bottom: 0; right: 7.5%; transform: translate(50%, 50%); }
.promotion-img .btn-left { background: url('./../img/fixed_v2/fancy_left.png'); width: 44px; height: 74px; top: 50%; left: 22px; transform: translate(-50%, -50%); }
.promotion-img .btn-right { background: url('./../img/fixed_v2/fancy_right.png'); width: 44px; height: 74px; top: 50%; left: 655px; transform: translate(50%, -50%); }
.promotion-img .btn-up, .promotion-img .btn-down, .promotion-img .btn-left, .promotion-img .btn-right { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; display: block; cursor: pointer; }

.promotion-content p { margin: 14px 0; }
.promotion-content p:first-child { margin: 0 0 14px; }



/******************************************************************
 * Gallery Section                                                *
 ******************************************************************/
 
.section-top+.section-gallery-page { margin-top: 150px; }
.section-gallery-page .promotion-title * { font-weight: 100; line-height: 1; color: #509E2F; text-align: center; margin: 20px 0 10px; }




/******************************************************************
 * Service Section                                                *
 ******************************************************************/
 
.section-service { font-size: 16px; line-height: 2; }
.section-promotions+.section-service { background: none; }
.section-service p { padding-left: 45px; height: auto; }
.section-service span { line-height: 1.1; vertical-align: top; display: block; }
.section-service img { width: 100px; height: 100px; }
.check-in { background: url('./../img/fixed_v2/contact-check-in-green.png') 0% no-repeat; }
.check-out { background: url('./../img/fixed_v2/contact-check-out-green.png') 0% no-repeat; }
.check-in, .check-out { background-size: auto 21px; }
.section-service .services { text-align: center; }
.service-item { width: 24%; vertical-align: top; position: relative; margin-bottom: 28pt; }
.service-item label { white-space: nowrap; }
	
.section-service .check-in-out { transform: translateY(25%); }


/******************************************************************
 * More Section                                                   *
 ******************************************************************/
 
.section-more .title { font-weight: 100; color: #509E2F; text-align: center; margin-top: 30px; }
.section-more .title * { font-weight: 100; margin: 0 0 15px; }
.item-square>div {position: relative; }
.item-square img { border: none; }
.item-square .sub-title p { display: none; position: absolute; text-align: left; bottom: 0; left: 0; right: 0;  color: #ffffff; padding: 10px 20px; background: rgba(0,0,0,.7); margin: 0; min-height: calc(20px + 16pt); font-weight: 300; }
.item-square .border:hover .sub-title { display: block; }
.item-square.no-hover .sub-title p { display: block !important; }
.item-square.no-title .sub-title p { display: none !important; }
.section-more .btn-green-p { margin: 30px 0;}
 
 
 
/******************************************************************
 * Weddings Section                                               *
 ******************************************************************/
 
.rooms-banner.weddings-banner .center-box { background: rgba(255,255,255,.85) !important; color: #4d4d4d; }
.rooms-banner.weddings-banner .center-box>div { padding: 0 80px;  }
.rooms-banner.weddings-banner+.border-line { background: #4ccab9; }
.section-weddings .center-box { color: #4d4d4d; }
.section-weddings .border-line, .section-weddings .background-line { background: #4ccab9; }
.section-weddings .background-line { height: 95px; }
.section-weddings .btn-white-p a, .section-weddings .btn-green-p a { color: #4ccab9; border-color: #4ccab9; font-weight: 700; }
.section-weddings .promotion-item .content .btn-green-p a { width: 80%; }
.section-weddings .event-item .content { background: rgba(255,255,255,.85); color: #4d4d4d; }
.section-weddings .background-cover>.cover { background: rgba(255,255,255,.85); color: #4d4d4d; }
.section-top.section-restaurant-top.section-weddings .restaurant-detail { background: rgba(255,255,255,.85); color: #4d4d4d; min-height: 200px; }
.section-weddings .restaurants-banner { min-height: 520px; }
.section-top.section-weddings .desc.mobile { background: rgba(255,255,255,.85); color: #4d4d4d; }
.section-weddings .restaurants-banner-mobile { background: #cccccc; color: #4d4d4d; }
.section-weddings .features-title * { color: #4ccab9; }
.section-weddings .features-item * { color: #4d4d4d; }
.section-feature.section-weddings { 
	background: #ffffff;
    background: -webkit-linear-gradient(#ffffff 0%, #ffffff calc(100% - 30px), #f6f6f6 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff 0%, #ffffff calc(100% - 30px), #f6f6f6 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff 0%, #ffffff calc(100% - 30px), #f6f6f6 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff 0%, #ffffff calc(100% - 30px), #f6f6f6 100%); /* Standard syntax */
	padding: 0 0 40px;
	margin-bottom: 0;
}
.section-youtube iframe { width: 1024px; height: 576px; }
.section-enquire { background: #4ccab9; margin-top: -7px; }
.section-enquire.section-enquire-meeting { background: #509e2e; }
.section-enquire .box { background: rgba(255,255,255,.85); color: #4d4d4d; margin: 40px 0; padding: 40px;}
.section-enquire .box a { color: #4d4d4d; text-decoration: none; }
.section-enquire .box h4 { text-align: center; font-size: 32px; margin: 10px 0 30px; }
.section-enquire .box input.form-control, .section-enquire .box textarea.form-control { background: none; outline: none; border-radius: 0; border: #4ccab9 1px solid; font-size: 16px; resize: none; }
.section-enquire.section-enquire-meeting .box input.form-control, .section-enquire.section-enquire-meeting .box textarea.form-control { border-color: #509e2e; }
.section-enquire .box .col-xs-6:first-child { padding-right: 3px; }
.section-enquire .box .col-xs-6:last-child { padding-left: 3px; }
.section-enquire .box .form-group { margin-bottom: 6px; }
.section-enquire .btn-send-enquire-div { text-align: center; }
.section-enquire .btn-send-enquire { background: none; outline: none; border-radius: 0; border: #4ccab9 1px solid; color: #4ccab9; font-size: 20px; font-weight: 500; margin: 10px 0; }
.section-enquire.section-enquire-meeting .btn-send-enquire { border-color: #509e2e; color: #509e2e; }
.section-enquire .box input[placeholder]::-webkit-input-placeholder {
	color: #999999;
}
.section-enquire .box input[placeholder]::-moz-placeholder {
	color: #999999;
	opacity: 1;
}
.section-enquire .box input[placeholder]:-ms-input-placeholder {
	color: #999999;
}
.section-enquire .box input[placeholder]:-moz-placeholder {
	color: #999999;
	opacity: 1;
}
.section-enquire .box input[placeholder]::placeholder {
	color: #999999;
}


 
/******************************************************************
 * Meeting And Event Benefits Section                             *
 ******************************************************************/

.section-benefits .background-cover { min-height: 40vh; }
.section-benefits .desc { color: #ffffff; padding: 30px 30px; background: url('./../img/common/background_line_hoz.png') repeat-y; background-size: 100% auto; min-height: 40vh; }
.section-benefits .desc { line-height: 1.5; }
.section-benefits h2 { margin-top: 48px; }
.section-benefits .desc h1, .section-benefits .desc h2, .section-benefits .desc h3, .section-benefits .desc h4, .section-benefits .desc h5, .section-benefits .desc h6 { font-size: 20px; margin: 0 0 1em; font-family: 'Montserrat', 'Noto Sans TC', 'Noto Sans SC'; font-weight: bold; }
.section-benefits .desc, .section-benefits .desc p { font-weight: 300; }
.section-benefits .title { font-weight: 300; color: #509E2F; text-align: center; font-size: 42px; margin: 15px 0; }
.section-benefits .content { margin-bottom: 48px; }
.section-benefits .content ul { columns: 2; list-style-type: none; padding: 0; width: 100%; }
.section-benefits .content ul li { padding: 0 20px; background: url('./../img/common/dash.jpg') 0 11px no-repeat; background-size: 10px 1px; }
.section-benefits .content * { color: #000000; }


/******************************************************************
 * Meeting And Event Accommodation Section                        *
 ******************************************************************/
 
.section-accommodation { position: relative; }
.section-accommodation .content { font-weight: 300; font-size: 16px; line-height: 1.2; }
.section-accommodation .title { font-weight: 300; font-size: 36px; line-height: 1.2; }
.section-accommodation .background-cover { min-height: 520px; }
.section-accommodation .content { min-height: 520px; }
.section-accommodation .content .center-box { height: 487.5px; }
.section-accommodation .content .center-box>div { background: rgba(0,0,0,.7); width: 100%; height: 100%; position: relative; padding: 48px 48px 72px; text-align: justify; }
.section-accommodation .content .center-box .border-line { position: absolute; left: 0; top: 0; }
.section-accommodation .content .center-box .btn-green-p { position: absolute; left: 0; bottom: 30px; text-align: left; padding: 0 48px; }
.section-accommodation .container-fluid .reverse { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
 
 
 
/******************************************************************
 * Social Events and Meeting Venues Section                       *
 ******************************************************************/

.events-banner { height: 50vh; max-height: 100vh; min-height: 520px; }
.events-banner .cover { position: absolute; left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(./../img/common/lg_banner_cover.png) 50% 50% repeat-x;
	background-size: auto 100%;
	z-index: 1;
}
.events-banner .center-box { max-width: 50%; z-index: 2; }
.events-banner .border-line { height: 20px; }
.event-item { background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 500px; }
.event-item .box { margin-top: 40px; margin-bottom: 40px }
.event-item .content { background: rgba(0, 0, 0, .7); color: #ffffff; padding: 30px; font-weight: 300; font-size: 16px; line-height: 1.2; }
.event-item .content * { margin: 0; }
.event-item .content .title { font-weight: 300; font-size: 36px; line-height: 1.2; }
.event-item .content .desc { min-height: calc(14pt * 1.5 * 5); text-align: justify; text-align: justify; }
.event-item .content .desc+div { min-height: calc(14pt * 1.5 * 5); text-align: justify; text-align: justify; }
.event-item .content .info { font-weight: 500; }
.event-item .content .btn-green-p { text-align: left; }
.event-item .content .btn-green-p a { margin-right: 20px; white-space: nowrap; min-width: 50%; }
.section-events.section-weddings.event-item .content .btn-green-p a { margin-right: 20px; white-space: nowrap; min-width: 50%; }
.events-banner .event-detail { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); height: 30%; }
.events-banner .event-detail .center-box { width: 100%; max-width: none; padding: 0; font-weight: 300; }
.events-banner .event-detail .center-box>div { min-width: 390px; border-right: #ffffff 1px solid; }
.features-title { font-weight: 300; text-align: center; color: #509E2F; }
.features-title * { font-size: 42px; margin: 0 0 15px; }
.section-feature { margin: 30px 0 60px; }
.features-item { margin: 20px 0; font-weight: 300; }
.features-item .title h3 { border-top: #509E2F 1px solid; color: #509E2F; margin: 0 0 20px; padding: 10px 0; font-weight: 400; }
.features-item .content ul { -webkit-columns: 2; -moz-columns: 2; columns: 2; list-style-type: none; padding: 0; }
.features-item .content ul li:before { content: "- "; }
.section-events #social-events .btn-green-p a { width: 60%; margin-bottom: 10px; }


 
/******************************************************************
 * Venues Section                                                 *
 ******************************************************************/

.section-venue {
	background: #ffffff;
    background: -webkit-linear-gradient(#ffffff 0%, #ffffff calc(100% - 30px), #f6f6f6 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff 0%, #ffffff calc(100% - 30px), #f6f6f6 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff 0%, #ffffff calc(100% - 30px), #f6f6f6 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff 0%, #ffffff calc(100% - 30px), #f6f6f6 100%); /* Standard syntax */
	padding: 40px 0;
}
.section-venue img { margin: 20px 0; }



/******************************************************************
 * Pop Up Section                                                 *
 ******************************************************************/

.btn-book-now.mobile { cursor: pointer; }
.btn-book-now.mobile>div { padding: 15px 0 0 15px; }
.btn-book-room-now.mobile { cursor: pointer; }
.btn-book-room-now.mobile>div { padding: 15px 0 0 15px; }
.section-popup .close-btn { z-index: 40; background: url('./../img/common/popup_close_btn.png') 50% 50% no-repeat; width: 36px; height: 36px; background-size: 36px; position: absolute; right: 0; cursor: pointer; }
.section-popup .popup-reservation { background: rgba(0,0,0,.9); position: fixed; left: 0; right: 0; bottom: 0; height: auto; min-height: 400px; display: none; z-index: 30; color: #ffffff; }
.section-popup .popup-reservation>div { margin: 15px 15px 30px; position: relative; }
.section-popup .popup-reservation .title { font-size: 36px; line-height: 1.5; font-weight: 100; }
.section-popup .popup-reservation input, .section-popup .popup-reservation select { color: #ffffff; background-color: transparent; border-radius: 0; font-size: 24px; height: auto; }
.section-popup .popup-reservation select { background: url('./../img/common/arrow_down_white.png') calc(100% - 20px) no-repeat; }
.section-popup .popup-reservation a { font-size: 24px; color: #ffffff; text-decoration: underline; }
.section-popup .popup-reservation .btn-confirm-book { background: #509E2F; font-weight: 700; float: right; border: none; outline: none; }

.section-popup .popup-room { background: rgba(0,0,0,.9); position: fixed; left: 0; right: 0; bottom: 0; height: auto; min-height: 340px; display: none; z-index: 30; color: #ffffff; }
.section-popup .popup-room>div { margin: 15px 15px 30px; position: relative; }
.section-popup .popup-room .title { font-size: 36px; line-height: 1.5; font-weight: 100; }
.section-popup .popup-room input, .section-popup .popup-room select { color: #ffffff; background-color: transparent; border-radius: 0; font-size: 24px; height: auto; }
.section-popup .popup-room select { background: url('./../img/common/arrow_down_white.png') calc(100% - 20px) no-repeat; }
.section-popup .popup-room a { font-size: 24px; color: #ffffff; text-decoration: underline; }
.section-popup .popup-room .btn-confirm-book { background: #509E2F; font-weight: 700; float: right; border: none; outline: none; }

.section-popup .popup-rest-menu { background: rgba(0,0,0,.9); position: fixed; left: 0; right: 0; bottom: 0; height: auto; min-height: 400px; display: none; z-index: 30; color: #ffffff; }
.section-popup .popup-rest-menu>div { margin: 15px 15px 30px; position: relative; }
.section-popup .popup-rest-menu .title { font-size: 36px; line-height: 1.5; font-weight: 100; }
.section-popup .popup-rest-menu input, .section-popup .popup-rest-menu select { color: #ffffff; background-color: transparent; border-radius: 0; font-size: 24px; height: auto; }
.section-popup .popup-rest-menu select { background: url('./../img/common/arrow_down_white.png') calc(100% - 20px) no-repeat; }
.section-popup .popup-rest-menu a { font-size: 24px; color: #ffffff; text-decoration: underline; }
.section-popup .popup-rest-menu .btn-confirm-book { background: #509E2F; font-weight: 700; float: right; border: none; outline: none; }

.section-popup .popup-room-gallery { background: rgba(0,0,0,.9); position: fixed; left: 0; right: 0; top: 0; bottom: 0; height: auto; min-height: 400px; display: none; z-index: 30; color: #ffffff; }
.section-popup .popup-room-gallery .close-btn { transform: translate(50%, -50%); }
.section-popup .popup-room-gallery>div { width: 100%; height: 100%; position: relative;  }
.section-popup .popup-room-gallery .grid { width: 700px; height: 700px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
.section-popup .popup-room-gallery .grid>div { width: 100%; height: 100%; position: relative; }
.section-popup .popup-room-gallery .grid .mainImg { width: 100%; position: absolute; padding-top: 75%; top: 0; left: 0; }
.section-popup .popup-room-gallery .grid .mainImg>div { width: 100%; position: absolute; padding-top: 75%; top: 0; left: 0; display: none; }
.section-popup .popup-room-gallery .grid .title { font-size: 24px; padding-top: calc(75% + 10px); color: #ffffff; line-height: 1.3; }
.section-popup .popup-room-gallery .grid .thumbnails { width: 100%; position: absolute; bottom: 0; left: 0; height: calc( 25% - 50px); }
.section-popup .popup-room-gallery .grid .thumbnails>div { width: 100%; height: 175px; position: relative; overflow-y: hidden; }
.section-popup .popup-room-gallery .grid .thumbnails>div>div>div { width: 175px; height: 175px; display: inline-block; display: -webkit-inline-block; margin-right: 15px; cursor: pointer; }
.section-popup .popup-room-gallery .grid .thumbnails>div>div>div:last-child { margin-right: 0; }
.section-popup .popup-room-gallery .grid .thumbnails>div>div>div.active>div { background-color: rgba(0,0,0,.5); width: 100%; height: 100%; }



.lSAction>.lSPrev { background: url(./../img/fixed_v2/fancy_left.png) !important; background-size: contain !important; background-position: 0px 0px !important; }
.lSAction>.lSNext { background: url(./../img/fixed_v2/fancy_right.png) !important; background-size: contain !important; background-position: 0px 0px !important; }
.lSAction>a { width: 44px !important; height: 74px !important; opacity: .9 !important; }
.lSSlideWrapper { max-height: calc(100vh - 200px); }
.lSSlideOuter .lSPager, .lSSlideOuter .lightSlider { padding-bottom: calc(100vh - 200px) !important; }
.lSSlideWrapper.usingCss .lSFade>.active, .lSSlideWrapper.usingCss .lSFade>.active img { max-height: calc(100vh - 200px); }
#gal_modal .btn-close { background: url(./../img/common/popup_close_btn.png); background-size: cover; background-repeat: no-repeat; width: 32px; height: 32px; position: absolute; top: 0; right: 0; cursor: pointer; z-index: 40; }
#gallery_close_btn.btn-close { background: url(./../img/common/popup_close_btn.png); background-size: cover; background-repeat: no-repeat; width: 32px; height: 32px; position: absolute; top: 0; right: 0; cursor: pointer; z-index: 40; }

.ug-strip-panel .ug-strip-arrow-left.ug-skin-default>div { background-image: url(./../img/fixed_v2/fancy_left.png) !important; }
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default>div { background-image: url(./../img/fixed_v2/fancy_right.png) !important; }



/******************************************************************
 * desktop size                                                   *
 ******************************************************************/

@media (min-width: 992px) {
	.section-footer .btn-sitemap {
		display: none;
	}
	
	#photo_list .gallery-cell:nth-child(3n+1) { clear: both; }
	#promotion2_list .promotion-cell:nth-child(3n+1) { clear: both; }
	
	.section-restaurant .restaurant .restaurant-hero { width: 345px; }
}

@media (min-width: 1100px) {
	.section-restaurant .restaurant .restaurant-hero { width: 430px; }
}

/******************************************************************
 * lg size                                                        *
 ******************************************************************/
@media (min-width: 1200px) {
	.section-landing.website>div { /*width: 1440px; height: 1170px; margin-left: calc(50vw - 720px); background-size: auto 1170px;*/ }
	.section-landing.website video { /*width: 1440px; height: 810px;*/ }
	.section-landing .fun-layer { /*height: 810px; background-size: 1440px auto;*/ }
	.rooms-banner .center-box {
		max-width: 585px;
	}
	.section-footer .footer-site li { /*white-space: nowrap;*/ }
	.section-restaurant.section-dining .promotion .inline>div {  font-size: 16px; line-height: 1.2; }
	
	.section-promotion2 .promotion-img .listing { min-height: 500px; }
	
	.overview-content>div:nth-child(1) { margin-top: 80px; }
	.section-service { margin-top: 40px; }
	.section-welcome+.section-service { margin-top: 0; }
	
}

@media (min-width: 1280px) {
	.section-restaurant .restaurant .restaurant-hero { width: 480px; }
}

/******************************************************************
 * xlg size                                                        *
 ******************************************************************/
@media (min-width: 1400px) {
	.section-landing.website>div { width: /*1920px; height: 1560px; margin-left: calc(50vw - 960px); background-size: auto 1560px;*/ }
	.section-landing.website video { /*width: 1920px; height: 1080px;*/ }
	.section-landing .fun-layer { height: /*1080px; background-size: 1920px auto;*/ }
}

@media (min-width: 1440px) {
	.section-restaurant .restaurant .restaurant-hero { width: 590px; }
}

@media (min-width: 1921px) {
	.owl-carousel.owl-drag .owl-item .desktyp.background-cover { background-size: cover !important; }
	.section-slider { background-size: 100vw auto; }
	.rooms-banner, .restaurants-banner { background-size: cover }
}


/******************************************************************
 * md size                                                        *
 ******************************************************************/
@media (min-width: 992px) and (max-width: 1199px) {
	.section-header.website .part-book input { width: 110px; }
	.section-header.website .part-book .room button { width: 180px; }
	.section-landing.website>div { /*width: 1280px; height: 1040px; margin-left: calc(50vw - 640px); background-size: auto 1040px;*/ }
	.section-landing.website video { /*width: 1280px; height: 720px;*/ }
	.section-landing .fun-layer { /*height: 720px; background-size: 1280px auto;*/ }
	.section-welcome h3 { font-size: 60px; }
	.section-restaurant .restaurant .info a, .section-restaurant .restaurant .info div.dropup { width: auto; }
	.section-restaurant .restaurant .info div.dropup { margin-right: 0; }
	.section-restaurant .restaurant ul { margin-left: -100%; }
	.section-restaurant .dropdown-menu-restaurant-reservation { margin-left: calc(50% - 258px); }
	.rooms-banner .center-box { max-width: 485px; }
	.rooms-banner .room-detail .center-box>div { min-width: 320px; }
	
	.section-service img { width: 80px; height: 80px; }
	
	.section-restaurant.section-dining .promotion { height: 227.5px; }
	.section-restaurant.section-dining .promotion .inline:nth-child(2) { width: calc(50% - 15px); }
	.section-restaurant.section-dining .promotion .inline>div {  font-size: 14px; line-height: 1.2; }
	
	.special-label h3 { font-size: 50px; line-height: 1.2; }
	
	.section-promotion2 .promotion-cell h3 { font-size: 20px; }
	.promotion-item .content .desc, .section-promotion2 .promotion-cell>div .content { font-size: 14px; }
	
	.section-header .part-left .btn, .section-header .part-right .btn { padding: 6px 0px 0; }
	.section-header .part-left .btn-group a, .section-header .part-right .btn-group a { font-size: 14px; padding: 6px 6px 0; }
	.section-header .part-right .dropdown.language button { font-size: 14px; }
	.section-header.website .part-right .social { padding: 6px 0 0; }
	.section-header.website .part-right .social a { margin: -4px 0px 0; }
	
	.section-youtube iframe { width: 800px; height: 450px; }
	
	.promotion-item .content .desc { line-height: 1.5; }
	
	.rooms-banner.weddings-banner .center-box>.head-label { font-size: 70px; }
	.rooms-banner.weddings-banner .center-box>div { padding: 0 40px; }
	
	.overview-banner-middle-content { padding: 60px 45px; }
}



/******************************************************************
 * mobile size                                                    *
 ******************************************************************/
@media (max-width: 991px) {
	.square-box { width: 400px; height: 400px; }
	.section-top .box>.center-box { width: 400px; height: 400px; }
	.section-top .detail2 { background: #808080; color: #ffffff; font-size: 16px; font-weight: 300; padding: 15px; }
	.section-pages { min-height: 600px; }
	.section-slider .mobile.background-cover { height: 600px; }
	.section-slider .title { bottom: 220px; }
	.section-slider .desc { top: 180px; height: 120px; }
	.section-slider .owl-theme .owl-nav.disabled+.owl-dots { top: calc(487px + 200px - 50px); }
	.head-label { font-size: 70px; }
	.head-content { font-size: 28px; }
	.head-button { font-size: 25px; }
	.alert-box { top: calc(50vh - 100px); margin-top: 20px; }
	.alert-box h3 { font-size: 30px; }
	.alert-box p { font-size: 25px; }
	.section-landing .banner h3 { font-size: 90px; }
	.section-welcome { padding-top: 10px; }
	.section-welcome ul.special-case { font-weight: 500; }
	.section-pages .theme-default .nivo-caption { top: 0; width: 400px; left: calc(35vh * 1.778 - 200px); right: calc(35vh * 1.778 - 200px); z-index: 19; }
	.section-top .box>.center-box .center-box { padding: 0; width: 100%; }
	.section-top .box>.center-box .cover .title { bottom: 50%; transform: translateY(50%); }
	.section-top .box>.center-box { /*width: 90%; height: 90vw;*/ z-index: 2; }
	.section-top .box>.center-box { /*width: 90%; height: 0; padding-top: 90%;*/ z-index: 2; }
	.section-top .box>.center-box .btn-white-p.normal { /*position: initial;*/ }	
	.section-top .box>.center-box .btn-white-p { /*position: absolute; top: 0; left: 0; right: 0;*/ width: 100%; margin: auto; transform: translateY(-50%); top: auto; transform: none; }	
	.section-top .center-box.box-fix-btn .btn-white-p { position: absolute; left: 0; right: 0; bottom: 20px; }
	.section-top .desc.mobile { position: absolute; z-index: 1; padding	: 230px 30px 15px; color: #ffffff; background: rgba(0,0,0,.7); text-align: center; font-weight: 300; }
	.section-top .detail.detail-center { text-align: left; padding: 15px 0; }
	.section-top .detail.detail-center .title { display: inline-block; display: -webkit-inline-block; }
	.section-top .detail.detail-center span { padding: 0 6px 0 5px; }
	.room-item { min-height: 100vh; }
	.rooms-banner { height: calc(100vh - 200px); min-height: auto; }
	.rooms-banner.rooms-banner2 { height: calc(100vh); min-height: auto; }
	.rooms-banner .room-detail { height: 130px; }
	.rooms-banner .room-detail .mobile { text-align: left; padding: 40px; }
	.rooms-banner .room-detail .mobile label { font-family: 'Montserrat', 'Noto Sans TC', 'Noto Sans SC'; width: 200px; }
	.features-item .title h3 { border-top: none; border-bottom: #509E2F 1px solid; }
	.section-promotions img { width: calc(50% - 5px); border-right: #509E2F 5px solid; }
	.section-promotions .content { width: 50%; display: inline-block; display: -webkit-inline-block; vertical-align: top; max-height: calc(50vw - 55px); min-height: auto; overflow: hidden; }
	.section-promotions .desc { margin-bottom: 0; }
	.section-promotions .btn-green-p a { background: #ffffff; position: absolute; left: 50%; top: 20px; transform: translateX(-50%);}
	.section-weddings .promotion-item .content .btn-green-p a { width: 80%; }
	.section-weddings .promotion-item .content .btn-green-p { bottom: 20px; }
	.section-weddings .promotion-item .content .desc+.btn-green-p { left: 50%; }
	.afterVideo .section-weddings .promotion-item .content .desc+.btn-green-p { left: 0; }
	.section-weddings .promotion-item .content .desc+.btn-green-p+.btn-green-p { right: 50%; }
	.section-promotions .background-line { height: 200px; }
	
	.section-top+.section-promotion2 { margin-top: 100px; }
	.section-top+.section-gallery-page  { margin-top: 100px; }
	.section-promotion2 .promotion-title * { font-size: 42px; }
	.section-gallery-page .promotion-title * {  }
	.section-event-promotion .btn-green-p { position: absolute; left: 0; right: 0; bottom: 0; padding: 0; transform: translateY(50%); }
	.section-event-promotion .btn-green-p a { background: #ffffff; border: none; border-right: 1px #509E2F solid; border-left: 1px #ffffff solid; }
	.mobile-cat:nth-child(2n) { padding-right: 5px; }
	.mobile-cat:nth-child(2n+1) { padding-left: 5px; }
	.mobile-cat:last-child { margin-bottom: 10px; }
	.mobile-cat:nth-child(2n+1)+.mobile-cat:last-child { width: 100%; padding: 0 15px; }
	.mobile-cat>div { border: #509E2F 1px solid; padding: 0; text-align: center; margin: 10px 0 0; }
	.mobile-cat>div a { color: #666666; text-decoration: none; font-size: 21px; font-weight: 500; width: 100%; line-height: 2.5; display: block; }
	.mobile-cat.active>div { background:  #509E2F; }
	.mobile-cat.active>div a { color: #ffffff; }
	
	.section-events #social-events .btn-green-p a { width: 100%; }
	.section-service .services { margin-top: 30px; }
	.service-item label { white-space: normal; position: absolute; width: auto; height: auto; left: 50%; transform: translateX(-50%); margin: 0;  margin-right: -50%; }
	.item-square:nth-child(n+3) { display: none; }
	.section-footer .footer-search { padding: 0; }
	.section-footer .footer-search fieldset * { vertical-align: top; transform: translateY(-50%); }
	.section-footer .footer-search h3 { font-size: 36px; }
	.section-footer .footer-search input { font-size: 25px; }
	.section-footer .footer-search input.btn { float: right; }
	.section-footer .footer-site ul { margin-top: 15px; }
	.section-footer .footer-site ul p { border: none; }
	.section-footer .footer-site ul p, .section-footer .footer-site ul p a { font-size: 25px; line-height: 100%; font-weight: 700; }
	.section-footer .footer-site li { margin-bottom: 4px; }
	.section-footer .footer-site li a { font-size: 12px; line-height: 100%; color: #808080; }
	.section-footer .footer-info span { font-size: 25px; }
	.section-footer .footer-info ul {  line-height: 1.2; font-size: 25px; color: #808080; padding-left: 32px; }
	.section-footer .footer-info.mobile { margin-top: 25px; }
	.section-footer .footer-info.mobile img { width: auto; height: 24px; margin-top: 2px; }
	.section-footer .footer-info.mobile img:nth-child(5) { margin-top: 5px; }
	.section-footer .footer-logo { text-align: center; /*margin-top: 25px;*/ }
	.section-footer .footer-logo a img { width: auto; height: 32px; margin: 20px 5px 0; } 
	.section-footer .footer-logo>a img { width: 100%; max-width: 168px; height: auto; padding: 15px; }
	.section-footer .copyright { line-height: calc(25px * 1.2); float: right; }
	.section-footer .btn-sitemap { font-size: 25px; font-weight: 700; text-decoration: underline; float: left; color: #509E2F; line-height: 1.2; }
	.section-footer .sitemap { display: none; }
	.section-footer .sitemap .footer-site ul p { border-bottom: #509E2F 1px solid; }
	.section-footer .sitemap .footer-site ul p a { font-size: 25px; font-weight: 300; line-height: 1.4; color: #509E2F; }
	.section-footer .sitemap .footer-site li a { font-size: 25px; font-weight: 300; line-height: 1.5; color: #4D4D4D; }
	
	.section-accommodation .reverse:nth-child(2n) { top: 50%; }
	.section-accommodation .content { font-weight: 300; font-size: 20px; line-height: 1.2; }
	.section-accommodation .title { font-weight: 300; font-size: 40px; line-height: 1.2; }
	
	.section-promotion2 .col-md-4>div .content { padding-top: 0; position: initial; }
	.section-promotion2 .col-md-4>div .content>div { left: 50%; }
	.section-promotion2 .col-md-4 a { transform: translateX(-50%); left: 0; }
	
	.section-top.section-restaurant-top .head-label { font-size: 56px; }
	.section-restaurant.section-dining .restaurant-mobile .btn-grouping { width: 100%; float: none; max-width: none; text-align: center; }
	.section-restaurant.section-dining .restaurant-mobile .btn-grouping a { float: none; width: calc(32vw - 35px); display: inline-block; display: -webkit-inline-block; }
	.section-restaurant.section-dining .restaurant-mobile .promotion { margin-top: 0px; }
	.restaurants-banner { /*min-height: calc(100vh - 150px);*/ }
	
	.restaurants-banner .restaurant-detail { 	 }
	.restaurants-banner-mobile { background: #666666; text-align: justify; color: #ffffff; font-weight: 300; padding: 30px 0; }
	
	.gallery-cell:nth-child(2n) { padding-left: 7px; }
	.gallery-cell:nth-child(2n+1) { padding-right: 7px; }
	

	.section-promotion2 .promotion-img .seeing { width: calc(100% - 30px); margin: 0 15px 15px; }
	.section-promotion2 .promotion-img .seeing img { position: absolute; width: 100%; top: 0; }
	.section-promotion2 .promotion-img .seeing img.active { position: absolute; width: 100%; top: 0; }
	.section-promotion2 .promotion-img { min-height: auto; }
	.section-promotion2 .promotion-img .listing-grid { width: calc(100% - 30px); position: relative; vertical-align: top; float: right; overflow-x: hidden; overflow-y: hidden; margin: 0 15px; float: left; }
	.section-promotion2 .promotion-img .listing { width: auto; position: relative; vertical-align: top; float: right; overflow-y: visible; margin: 0; float: left; min-height: auto; }
	.section-promotion2 .promotion-img .listing>div>div { width: 80px; padding-top: 80px; margin-right: 12px; display: inline-block; display: -webkit-inline-block; }
	.section-promotion2 .promotion-img .listing>div>div:last-child { margin-right: 0; }
	.section-promotion2 .promotion-img .listing>div>div.active>div { background: rgba(0,0,0,.5); left: 0; top: 0; width: 80px; height: 80px; position: absolute; }
	
	.section-event-promotion .background { margin-top: -100px; }
	
	.section-service .check-in-out { transform: none; }
	
	.overview-banner-top.mobile { background-position: 50% 100%; }
	
	.section-restaurant .restaurant-mobile:nth-child(even) .restaurant-logo-mobile { margin-left: 8vw; }
	.section-restaurant .restaurant-mobile:nth-child(odd) .restaurant-logo-mobile { margin-right: 8vw; }
	
	.section-restaurant.section-dining .restaurant-mobile .info p { font-size: 18px; }
	.section-restaurant.section-dining .restaurant-mobile .content { font-size: 24px; }
	.section-restaurant.section-dining .restaurant-mobile .promotion .btn-green-p { left: -20px; transform: translate(-50%, 50%); }
	
	.section-restaurant.section-dining .restaurant.first-choice .logo { margin: 30px 0 60px; }
	.section-restaurant.section-dining .restaurant.first-choice>div { padding: 0 0 30px; }

	.section-restaurant .in-restaurant .btn-white-p.head-button { gap: 10px; }
	
	.section-youtube .ifDiv { margin-left: -15px; }
	.section-youtube iframe { width: 100vw; height: calc(100vw * 0.5625); }
	
	.event-item .content .btn-green-p { text-align: center; }
	.event-item .content .btn-green-p a { width: 280px; }
	
	.section-promotions.section-weddings .background-line { height: 100px; }
	
	.section-feature.section-weddings .features-item { margin-top: 0; margin-bottom: 0; }
	.section-feature.section-weddings .features-title+.features-item { margin-top: 20px; }
	.section-feature.section-weddings .features-item:last-child { margin-bottom: 20px; }
	
	.overview-map { margin-top: 0; }
	
	#photo_list .gallery-cell:nth-child(2n+1) { clear: both; }
	#promotion2_list .promotion-cell:nth-child(2n+1) { clear: both; }
}



/******************************************************************
 * sm size                                                        *
 ******************************************************************/
@media (min-width: 768px) and (max-width: 991px) {
	.alert-box { width: 70%; top: 250px; transform: translateX(-50%); }
	
	.rooms-banner .center-box { max-width: 625px; }
	.room-item:last-child .box { width: 750px; left: calc(50% - 375px); }
	.rooms-banner .room-detail .center-box>div { min-width: 240px; }
	
	.section-service img { width: 80px; height: 80px; }
	.section-footer .footer-search input[type=text] { width: 410px !important; margin-left: 0; }
	.section-footer .footer-site:nth-child(3n+2) { clear: both; }
	.section-footer .sitemap .footer-site { clear: none; }
	.section-footer .sitemap .footer-site:nth-child(3n+1) { clear: both; }
	
	.section-gallery-page .more-promotion { margin-top: -80px; }
	.section-promotion2 .more-promotion { margin-top: -80px; }
	
	.section-popup .popup-room-gallery .grid { width: 600px; height: 600px; }
	
	.section-youtube .container { width: 100%; }
	.section-youtube .ifDiv { margin-left: -15px; }
	
	.section-things h1 { margin-top: 10px; }
	.section-gallery-page .promotion-title * { margin-top: 10px; }
}



/******************************************************************
 * xs size                                                        *
 ******************************************************************/
@media (max-width: 767px) {
	.alert-box { width: 90%; top: 250px; transform: translateX(-50%); }
	.section-pages .theme-default .nivo-caption { width: 280px; height: 280px; left: calc(35vh * 1.778 - 140px); right: calc(35vh * 1.778 - 140px); }
	.section-welcome .head-label { font-size: 70px; }
	.section-welcome .head-label span { font-size: 70px; }
	/*.section-top .desc.mobile { margin: 0 -15px; }*/
	.rooms-banner .center-box { max-width: calc(90vw - 30px); }
	.room-item:last-child .box { width: calc(100% - 30px); left: 15px; }
	.rooms-banner .room-detail .center-box>div { min-width: 30%; }
	.features-item .content ul { -webkit-columns: 1; -moz-columns: 1; columns: 1; }
	.section-top+.section-promotions { margin-top: -25vw; }
	.section-promotions.section-weddings { margin-top: -25vw; }
	.section-service img { width: 70px; height: 70px; }
	.item-square .sub-title p { padding: 5px 10px; min-height: calc(14pt + 10px); }
	.section-footer .footer-search input.btn { float: none; }
	.section-footer .footer-site li a { font-size: 25px; line-height: 1.2; }
	.section-footer .footer-info span { font-size: 25px; line-height: 1.2; }
	.section-footer .footer-info ul { font-size: 25px; line-height: 1.2; }
	.section-footer .footer-search input[type=text] { width: calc(100vw - 140px) !important; margin-left: 0; }
	.section-footer .footer-site:nth-child(2n) { clear: both; }
	.section-footer .sitemap .footer-site { clear: none; }
	.section-footer .sitemap .footer-site:nth-child(2n+1) { clear: both; }
	
	.promotion-item .content .title, .section-promotion2 .promotion-cell h3, .section-promotion2 .promotion-cell p { font-size: 20px; }
	.promotion-item .content .desc, .section-promotion2 .col-md-4>div .content>div { font-size: 14px; line-height: 1.3; }
	
	.ui-widget.ui-widget-content { width: calc(100vw - 30px); }
	.ui-datepicker .ui-datepicker-title { font-size: 32px; }
	.ui-datepicker table { font-size: 24px; }
	
	.section-restaurant h3 { font-size: 48px; margin: 10px 0px; }
	
	.section-popup .popup-room-gallery .grid { width: 480px; height: 480px; }
	
	.section-restaurant.section-dining .restaurant-mobile .info p { font-size: 16px; }
	.section-restaurant.section-dining .restaurant-mobile .content { font-size: 20px; }
	
	.section-benefits .content ul { columns: 1; }
	
	.section-event-promotion .content .title { font-size: 24px; }
	
	.section-enquire .col-xs-12 .box { margin-top: 0; }
	.section-enquire .col-xs-12:first-child .box { margin-top: 40px; }
	
	.section-promotion2 .promotion-title * { margin: 0 0 15px; font-size: 36px; } 
	
	.features-title * { font-size: 36px; }
	.rooms-banner.weddings-banner .center-box>div { padding: 0 10px; }
	.section-gallery-page .promotion-title * { margin: 0 0 15px; }
	.section-benefits .title { font-size: 36px; }
	.font-40 { font-size: 36px; }
	
	.overview-rating, .overview-map { margin-top: 0; }
	
	/*.section-restaurant .restaurant-mobile .restaurant-anim-mobile img { width: auto; height: calc((50vw - 15px) / 3 * 2 - 5vw); max-height: 245px; }*/
	.section-restaurant .restaurant-mobile .restaurant-anim-mobile img { width: 50vw; height: auto; max-height: none; }
	
	.gallery-title h1 { font-size: 36px; }
	.section-gallery-page .promotion-title * { font-size: 36px; }
	
	.promotion-img .btn-right { left: calc(100vw - 94px); }
	
	.section-restaurant.section-dining .promotion .inline:nth-child(2) { margin-left: 0px; padding-right: 0px; }
	
	.section-restaurant.section-dining .restaurant .content { font-size: 20px; }
	.section-restaurant.section-dining .restaurant.first-choice .btn-white-p>a { font-size: 14px; line-height: 1.5; }
	.section-restaurant.section-dining .restaurant.first-choice .logo { margin: 30px 0 10px; }
}



/******************************************************************
 * xxs size                                                        *
 ******************************************************************/
@media (max-width: 500px) {
	.square-box { width: 280px; height: 280px; }
	.section-top .box>.center-box { width: 280px; height: 280px; }
	.square-box .head-label { font-size: 40px; }
	.mobile .sidenav a, .mobile .sidenav .panel-collapse ul li a { font-size: 18px; white-space: nowrap;	 }
	.section-pages { min-height: 100vw; }
	.section-slider .mobile.background-cover { height: 100vw; }
	.section-slider .title { bottom: 140px; }
	.section-slider .desc { top: 140px; height: 90px; font-size: 14px; padding: 0 5px; line-height: 1.1; }
	.section-slider .owl-theme .owl-nav.disabled+.owl-dots { top: 450px; }
	.section-slider .btn-white-p { font-size: 14px; bottom: 30px; }
	.section-slider .owl-theme .owl-nav.disabled+.owl-dots { top: calc(487px + 150px - 50px); }
	.head-label { font-size: 48px; }
	.section-welcome .head-label { font-size: 42px; }
	.section-welcome .head-label span { font-size: 42px; }
	.head-button { font-size: 14px; }
	.section-landing .banner h3 { font-size: 56px; }
	.section-top .desc.mobile { padding: 160px 30px 15px; }
	.section-top .box>.center-box .cover .box-btn { height: 80px; }
	.section-top .box>.center-box .btn-white-p.normal { /*margin: 0 -30px;*/ }
	.rooms-banner .room-detail .mobile { padding: 20px; }
	.rooms-banner .room-detail .mobile label { width: 200px; }
	.section-service p {padding-left: 30px; }
	.check-in, .check-out { background-size: auto 12px; background-position: 0 4px; }
	.section-footer .footer-info.mobile { width: 100%; }
	.section-footer .footer-logo { width: 100%; }
	.section-footer .copyright { float: none; text-align: center; }
	.section-footer .sitemap .footer-site ul p a, .section-footer .sitemap .footer-site li a { font-size: 16px; }
	
	.section-accommodation .content .center-box>div { padding: 24px 24px 36px; }
	.section-accommodation .content { font-weight: 300; font-size: 14px; line-height: 1.2; }
	.section-accommodation .title { font-weight: 300; font-size: 32px; line-height: 1.2; }
	.promotion-item .content .desc, .section-promotion2 .col-md-4>div .content>div>div { /*display: none;*/ line-height: 1; font-size: 12px; }
	
	.section-restaurant.section-dining .restaurant-mobile .promotion>div h5+div{ /*display: none;*/line-height: 1.15; }
	.section-restaurant.section-dining .restaurant-mobile .restaurant-anim-mobile { max-width: 100%; }
	.section-top.section-restaurant-top .restaurant-logo { top: 70px; bottom: 140px; }
	.section-restaurant.section-dining .restaurant-mobile .restaurant-logo-mobile { margin-left: 50%; transform: translateX(-50%); }
	.restaurants-banner:first-child { min-height: calc(100vh - 70px); }
	.restaurants-banner:nth-child(1) { height: calc(100vh); max-height: 765px; min-height: auto; }
	.section-top .box>.center-box .cover .box-btn>.relative { height: 50px; margin-top: 20px; }
	
	.section-top.section-restaurant-top .head-label { font-size: 40px; }
	
	.section-promotion2 .promotion-title * { font-size: 36px; }
	
	.gallery-cell .gallery-sub-title p { font-size: 16px; }
	
	.mobile-cat>div { padding: 0; }
	.mobile-cat>div a { font-size: 14px; }
	
	.section-popup .popup-reservation>div { margin: 15px 15px 0; }
	.section-popup .popup-reservation input, .section-popup .popup-reservation select { font-size: 16px; }
	.section-popup .popup-reservation a { font-size: 16px; }
	.section-popup .popup-reservation .form-group { margin-bottom: 11px; }
	
	.section-popup .popup-room>div { margin: 15px 15px 0; }
	.section-popup .popup-room input, .section-popup .popup-room select { font-size: 16px; }
	.section-popup .popup-room a { font-size: 16px; }
	.section-popup .popup-room .form-group { margin-bottom: 11px; }
	
	.section-popup .popup-rest-menu>div { margin: 15px 15px 0; }
	.section-popup .popup-rest-menu input, .section-popup .popup-rest-menu select { font-size: 16px; }
	.section-popup .popup-rest-menu a { font-size: 16px; }
	.section-popup .popup-rest-menu .form-group { margin-bottom: 11px; }
	.section-restaurant h3 { font-size: 42px; margin: 10px 0px; }
	
	.section-restaurant.section-dining .restaurant-mobile .btn-grouping a:nth-child(n+1) { margin-left: 0; }
	.section-restaurant.section-dining .restaurant-mobile .btn-grouping a:last-child { width: calc(33vw - 5px); }
	.section-restaurant.section-dining .restaurant-mobile .btn-grouping a:last-child { margin-right: 0; }
	
	.section-popup .popup-room-gallery .grid { width: 300px; height: 300px; }
	.section-popup .popup-room-gallery .grid .title { font-size: 14px; }
	.section-popup .popup-room-gallery .grid .thumbnails>div>div>div { width: 100px; height: 100px; }
	
	.section-slider .item { height: calc(65vh + 487px) !important; }
	.owl-carousel.owl-drag .owl-item .desktyp.background-cover { height: 65vh !important; }

	.section-restaurant .restaurant-mobile .restaurant-logo-mobile { max-width: calc(40vw - 15px); }
	.section-restaurant.section-dining .restaurant-mobile .restaurant-anim-mobile { max-width: calc(40vw - 15px); }
	.section-restaurant.section-dining .restaurant-mobile .restaurant-anim-mobile { max-width: calc(60vw - 15px); }
	.section-restaurant.section-dining .restaurant-mobile .restaurant-logo-mobile { margin: 0; transform: translate(0%, 0%);; }
	.section-restaurant.section-dining .restaurant-mobile .info p { font-size: 14px; }
	.section-restaurant.section-dining .restaurant-mobile .content { font-size: 14px; }
	
	.overview-header-left-text { padding: 10px; }
	.overview-banner-middle-content { left: 15px; right: 15px; padding: 15px; }
	
	.section-footer .footer-site ul p, .section-footer .footer-site ul p a { font-size: 16px; }
	.section-footer .footer-info ul, .section-footer .footer-info span { font-size: 16px; }
	.section-footer .footer-info.mobile img { height: 16px; }
	.section-footer .copyright { font-size: 12px; }
	.section-footer .btn-sitemap { font-size: 16px; }
	.section-things .modal-header .modal-title { font-size: 24px; margin: 0 0 10px; line-height: 1; }
	.section-footer .footer-logo a img { margin: 0 5px 10px; }
	.rooms-banner { height: calc(100vh - 100px); }
	.rooms-banner .room-detail { height: 50px; }
	.btn-green-p a { padding: 8px; }
	.section-restaurant.section-dining .restaurant-mobile .btn-grouping a { width: calc(32vw - 20px); margin: 0 3px 20px; }
	
	.event-item .content .btn-green-p a { width: 230px; }
	
	.rooms-banner.weddings-banner .center-box>div { padding: 0; }
	
	.section-restaurant.section-dining .restaurant .content { font-size: 14px; }
}

@media (max-width: 400px) {
	.promotion-item .content .desc, .section-promotion2 .col-md-4>div .content>div>div { display: none !important; }
}



/******************************************************************
 * Landscape size                                                 *
 ******************************************************************/
 
/* Portrait */
@media screen and (orientation:portrait) {
    /* Portrait styles */
}
/* Landscape */
@media (orientation:landscape) and (max-width: 991px) {
    /* Landscape styles */
	.rooms-banner { min-height: 100vh; }
	.section-top+.section-promotions { margin-top: -20px; }
	.section-promotions.section-weddings { margin-top: -20px; }
	.overview-banner-top.mobile { min-height: 100vh; }
}