/*#region font*/
@font-face { font-weight: normal; font-style: normal; font-family: 'AvenirBlackOblique'; 
             src: url('./fonts/avenirltstd-blackoblique.eot'); 
             src: url('./fonts/avenirltstd-blackoblique.eot?#iefix') format('embedded-opentype'), 
                  url('./fonts/avenirltstd-blackoblique.woff') format('woff'), 
                  url('./fonts/avenirltstd-blackoblique.ttf') format('truetype'), 
                  url('./fonts/avenirltstd-blackoblique.svg#avenir_lt_std95_black_oblique') format('svg'); 
}
@font-face { font-weight: normal; font-style: normal; font-family: 'AvenirBlack'; 
             src: url('./fonts/avenirltstd-black.eot'); 
             src: url('./fonts/avenirltstd-black.eot?#iefix') format('embedded-opentype'), 
                  url('./fonts/avenirltstd-black.woff') format('woff'), 
                  url('./fonts/avenirltstd-black.ttf') format('truetype'), 
                  url('./fonts/avenirltstd-black.svg#avenir_lt_std95_black') format('svg'); 
}
@font-face { font-weight: normal; font-style: normal; font-family: 'AvenirBookOblique';
             src: url('./fonts/avenirltstd-bookoblique.eot');
             src: url('./fonts/avenirltstd-bookoblique.eot?#iefix') format('embedded-opentype'),
                  url('./fonts/avenirltstd-bookoblique.woff') format('woff'),
                  url('./fonts/avenirltstd-bookoblique.ttf') format('truetype'),
                  url('./fonts/avenirltstd-bookoblique.svg#avenir_lt_std45_book_oblique') format('svg'); 
}
@font-face { font-weight: normal; font-style: normal; font-family: 'AvenirBook'; 
             src: url('./fonts/avenirltstd-book.eot'); 
             src: url('./fonts/avenirltstd-book.eot?#iefix') format('embedded-opentype'),
                  url('./fonts/avenirltstd-book.woff') format('woff'),
                  url('./fonts/avenirltstd-book.ttf') format('truetype'),
                  url('./fonts/avenirltstd-book.svg#avenir_lt_std45_book') format('svg'); 
}
@font-face { font-weight: normal; font-style: normal; font-family: 'AvenirHeavyOblique'; 
             src: url('./fonts/avenirltstd-heavyoblique.eot'); 
             src: url('./fonts/avenirltstd-heavyoblique.eot?#iefix') format('embedded-opentype'),
                  url('./fonts/avenirltstd-heavyoblique.woff') format('woff'),
                  url('./fonts/avenirltstd-heavyoblique.ttf') format('truetype'),
                  url('./fonts/avenirltstd-heavyoblique.svg#avenir_lt_std85_heavy_oblique') format('svg'); 
}
@font-face { font-weight: normal; font-style: normal; font-family: 'AvenirHeavy';
             src: url('./fonts/avenirltstd-heavy.eot'); 
             src: url('./fonts/avenirltstd-heavy.eot?#iefix') format('embedded-opentype'),
                  url('./fonts/avenirltstd-heavy.woff') format('woff'),
                  url('./fonts/avenirltstd-heavy.ttf') format('truetype'),
                  url('./fonts/avenirltstd-heavy.svg#avenir_lt_std85_heavy') format('svg'); 
}
@font-face { font-weight: normal; font-style: normal; font-family: 'AvenirLightOblique'; 
             src: url('./fonts/avenirltstd-lightoblique.eot'); 
             src: url('./fonts/avenirltstd-lightoblique.eot?#iefix') format('embedded-opentype'),
                  url('./fonts/avenirltstd-lightoblique.woff') format('woff'),
                  url('./fonts/avenirltstd-lightoblique.ttf') format('truetype'),
                  url('./fonts/avenirltstd-lightoblique.svg#avenir_lt_std35_light_oblique') format('svg'); 
}
@font-face { font-weight: normal; font-style: normal; font-family: 'AvenirLight'; 
             src: url('./fonts/avenirltstd-light.eot'); 
             src: url('./fonts/avenirltstd-light.eot?#iefix') format('embedded-opentype'),
                  url('./fonts/avenirltstd-light.woff') format('woff'),
                  url('./fonts/avenirltstd-light.ttf') format('truetype'),
                  url('./fonts/avenirltstd-light.svg#avenir_lt_std35_light') format('svg'); 
}
@font-face { font-weight: normal; font-style: normal; font-family: 'AvenirOblique'; 
             src: url('./fonts/avenirltstd-oblique-webfont.eot'); 
             src: url('./fonts/avenirltstd-oblique-webfont.eot?#iefix') format('embedded-opentype'),
                  url('./fonts/avenirltstd-oblique-webfont.woff') format('woff'),
                  url('./fonts/avenirltstd-oblique-webfont.ttf') format('truetype'),
                  url('./fonts/avenirltstd-oblique-webfont.svg#avenir_lt_std55_oblique') format('svg'); 
}
@font-face { font-weight: normal; font-style: normal; font-family: 'AvenirMedium'; 
             src: url('./fonts/avenir-lt-65-medium.eot'); 
             src: url('./fonts/avenir-lt-65-medium.eot?#iefix') format('embedded-opentype'),
                  url('./fonts/avenir-lt-65-medium.woff') format('woff'),
                  url('./fonts/avenir-lt-65-medium.ttf') format('truetype'),
                  url('./fonts/avenir-lt-65-medium.svg#AvenirLT65MediumRegular') format('svg'); 
}
@font-face { font-weight: normal; font-style: normal; font-family: 'Avenir';
             src: url('./fonts/avenir-55-roman-webfont.eot');
             src: url('./fonts/avenir-55-roman-webfont.eot?#iefix') format('embedded-opentype'),
                  url('./fonts/avenir-55-roman-webfont.woff') format('woff'),
                  url('./fonts/avenir-55-roman-webfont.ttf') format('truetype'),
                  url('./fonts/avenir-55-roman-webfont.svg#avenir_lt_std55_roman') format('svg'); 
}
/*#endregion*/

body { margin: 0px; color: #3c3c3c; font-weight: normal; font-size: 14px; font-family: Avenir; line-height: normal; }
h1 { color: #333333; font-weight: normal; font-size: 28px; font-family: AvenirLight; line-height: normal; }
h2 { color: #3c3c3c; font-weight: normal; font-size: 18px; font-family: AvenirHeavy; line-height: normal; }
h3 { color: #3c3c3c; font-weight: normal; font-size: 18px; font-family: Avenir; line-height: normal; }
h4, h5, h6 { font-family: Avenir; }
p { margin: 0; }
li p { line-height: normal; }
a, a:visited { color: #76581f; text-decoration: none; font-family: Avenir; cursor: pointer; }
    a:hover { color: #76581f; text-decoration: underline; }
textarea { font-family: Avenir; }
input[type="button"],
input[type="submit"] { min-width: 98px; height: 28px; border: none; border-right: 1px solid #3d3d3d; border-left: 1px solid #3d3d3d; background: url('./img/buttons/btn_red_h28_mid.png') repeat-x; color: White; text-transform: uppercase; cursor: pointer; }
    input[type="button"]:hover,
    input[type="submit"]:hover { background: url('./img/buttons/btn_red_h28_hover.png') repeat-x; }
img { border: none; vertical-align: middle; }
.clear { clear: both; }
.DnnModule { display: block; min-height: 30px; width: 100%; }
.dnnFormInfo, .Title { display: none; }
.TitleH2 { display: none !important; }
/* header horizontal menu */
.global-top-bar,
.top-bar { position: fixed; z-index: 999; width: 100%; background-color: #004557; min-width:1024px;}
.top-navbg { width: 100%; }
.top-nav { margin: 0 auto; padding: 0; width: 1200px; text-align: center; }
.left-link { float: left; }
.right-link { float: right; }
.top-nav-link { height: 32px; list-style: none; }
    .top-nav-link li { display: inline-block; padding: 8px 10px; font-size: 12px; vertical-align: middle;}
        .top-nav-link li.tbselected { background-color: white; }
    .top-nav-link .secrow a { color: #333333; }
    .top-nav-link a { color: #e4f1f4; font-size: 11px; }
    .top-nav-link .secrow a:hover { color: #76581f; }

.menu { float: right; clear: right; margin: 0; padding: 0; text-transform: uppercase; white-space: nowrap; }
.menuActive { color: #76581f !important; }
.menu-spacing { height: 20px; }
.menu li, .global-menu li { display: inline-block; *display: inline; vertical-align: middle; *zoom: 1; }
.ddmain a { font-size: 17px; }
.global-menu { float: left; clear: right; margin: 0; padding: 0; text-transform: uppercase; white-space: nowrap; }
#global-link, #find-link { float: left; }
.booknow-btn { margin-left: 33px; width: 105px; height:16px; border-right: 1px solid #3d3d3d; border-left: 1px solid #3d3d3d; background: url('./img/buttons/btn_red_h32_mid.png') repeat-x; cursor: pointer; }
    .booknow-btn > a { text-decoration: none; font-size: 13px; font-family: avenirheavy; }
    .booknow-btn:hover { background: url('./img/buttons/btn_red_h32_mid_hover.png') repeat-x; }
/* Menu End*/

/*Drop down menu*/
.drop { position: absolute; z-index: 999; display: none; margin: 0px 0 0 -25px; padding: 25px 25px 20px 25px; background-color: #fffdf9; box-shadow: 2px 2px 10px grey; text-align: left; white-space: nowrap; opacity: 0.92; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)"; -moz-opacity: 0.92; filter: alpha(opacity=92); *zoom: 1; }
    .drop.last { right: 0; margin-left: 0px; }
    .drop li { display: block; margin-bottom: 20px; padding: 0 !important; }
.top-nav-info { position: relative; float: right; clear: right; margin-top: 13px; color: #4b4b4b; font-size: 11px; }
.top-nav-menu { font-size: 15px; }
    .top-nav-menu a { color: #333333; font-family: AvenirMedium; }
    .top-nav-menu .ddmain > a { font-size: 16px; font-family: AvenirHeavy; }
    .top-nav-menu a:hover { color: #76581f; }
    .top-nav-menu li { padding: 15px 0 0px 18px; }

/*landing page: header*/
.header { position: relative; z-index: 904; display: inline-block; box-sizing: border-box; width: 100%; height: 90px; border-bottom: solid 1px #d9d9d9; vertical-align: top; float:left; }
    .header .header-overlay { position: absolute; width: 100%; height: 100%; background: #fffdf9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)"; -khtml-opacity: 0.92; -moz-opacity: 0.92; opacity: 0.92; filter: alpha(opacity=92); }
    .header.graybg { /*min-width: 1200px;R*/ border-bottom: 0; background: url('./img/TopBanner_LogoBg.png') repeat-x; }
.innerHeader,
.innerFooter { position: relative; margin: 0 auto; width: 1200px; }
.hotel-logo { float: left; margin-top: 15px; }
.hotel-logopane { z-index: 990; float: left; height: 90px; }
.hotel-logopane a img { max-height:75px; width: auto;}
.alignhelper { display: inline-block; height: 100%; vertical-align: middle; }
.hotel-info { display: inline-block; float: right; padding-top: 44px; }
.hotel-shortinfo p { margin: 0 0 5px 0; color: #4b4b4b; text-align: right; font-size: 11px; }

/* column properties */
.column { display: inline-block; *display: inline; vertical-align: top; *zoom: 1; /*IE 7*/ }
ul, li, ul li { margin: 0; padding: 0; /*list-style: none;*/ } 

/*Footer*/
.footer { padding-bottom: 50px; }
    .footer h4 { color: #2c2c2c; letter-spacing: 0.1px; font-weight: normal; font-size: 14px; line-height: normal; }
        .footer h4.FindUsTitle { margin-bottom: 7px; }
        .footer h4.NewsLetterTitle { margin-bottom: 4px; }
    .footer .news-sub-container > h4 { margin-bottom: 10px; }
    .footer li a { display: block; }
#footer-shadow { clear: both; margin: 0 auto; margin-bottom: 29px; }
.footer-right { float: right; }
.footer .newsletter-container { float: left; margin: 0 0px 0px 70px; padding: 0; white-space: nowrap; }
    .footer .newsletter-container input[type="submit"] { margin: 0; }
.footer .proposal-input { margin: 0px !important; padding: 3px !important; }
.newsletter-container .title, .findus-container .title { font-size: 14px; font-family: AvenirHeavy; }
.newsletter-container input[type="text"] { border: 3px solid #ddd; border-radius: 3px 3px; }
.findus-container { margin: 0px 0px 0px 70px; }
.icon_social { display: inline-block; width: 21px; height: 21px; }
.icon_facebook { background-image: url('./img/icons/Icon_Facebook.png'); }
    .icon_facebook:hover { background-image: url('./img/icons/Icon_Facebook_Hover.png'); }
.icon_twitter { background-image: url('./img/icons/Icon_Twiiter.png'); }
    .icon_twitter:hover { background-image: url('./img/icons/Icon_Twiiter_Hover.png'); }
.icon_youtube { background-image: url('./img/icons/Icon_Youtube.png'); }
    .icon_youtube:hover { background-image: url('./img/icons/Icon_Youtube_Hover.png'); }
.icon_tripadvisor { background-image: url('./img/icons/Icon_TripAdvisor.png'); }
    .icon_tripadvisor:hover { background-image: url('./img/icons/Icon_TripAdvisor_Hover.png'); }
.icon_weibo { background-image: url('./img/icons/Icon_Weibo.png'); }
    .icon_weibo:hover { background-image: url('./img/icons/Icon_Weibo_Hover.png'); }
.icon_instagram { background-image: url('./img/icons/Icon_Instagram.png'); }
    .icon_instagram:hover { background-image: url('./img/icons/Icon_Instagram_Hover.png'); }
.footer.innerFooter { margin-top: 40px; padding-top: 29px; padding-bottom: 0px; border-top: 1px solid #e8e3db; }
    .footer.innerFooter.no-top { margin-top: 0; border-top: 0; }

/*Footer link*/
#footer-nav { clear: both; *margin: 0 35px; padding: 17px 0; border-top: 1px solid #e8e3db; line-height: 1; }
#footer-nav-div { float: left; }
    #footer-nav-div a { color: #333333; font-size: 11px; font-family: AvenirMedium; }
#copyRight { float: right; color: #666666; font-size: 12px; }

/* Landing CSS */
.global-logobg { width: 100%; height: 60px; background-color: White; }
.global-logo { max-width:109px; max-height:38px; display: inline-block; float: right; margin-top:10px;}
.global-40years { display: inline-block; float: left; }
.global-branding { margin: 0 auto; width: 1200px; }
.landingBody, .tier1-body { clear: both; margin: 0 auto; margin-top: -90px; padding: 0; min-width: 1200px; max-width: 1600px; width: 100%; }
    .landingBody .TopPane,
    .tier1-body .TopPane { position: relative; display: inline-block; overflow: hidden; width: 100%; }
    .landingBody .BottomPane { margin: 0 auto; margin-top: 30px; width: 1200px; }
    .landingBody .BottomLeftPane { display: inline-block; width: 879px; }
    .landingBody .BottomRightPane { display: inline-block; float: right; width: 275px; }
        .landingBody .BottomRightPane h1 { color: #393939; letter-spacing: 0px; font-weight: lighter; line-height: 27px; }
    /*Tier one CSS*/
    .tier1-body .TopPane { min-height: 100px; }
    .tier1-body .BottomPane { margin: 0 auto; margin-top: 6px; width: 1200px; }
    .tier1-body .BottomLeftPane { position: relative; display: inline-block; float: left; width: 879px; }
    .tier1-body .BottomRightPane { position: relative; display: inline-block; float: right; width: 275px; }
        .tier1-body .BottomRightPane h1 { color: #393939; letter-spacing: 0px; font-weight: lighter; line-height: 27px; }

/*Tier two CSS*/
.tier2-body { margin: 0 auto; padding: 0; width: 1200px; }
    .tier2-body .LeftPane { position: relative; display: inline-block; float: left; margin-bottom: 10px; width: 879px; }
    .tier2-body .RightPane { position: relative; display: inline-block; float: right; width: 275px; }
        .tier2-body .RightPane h1 { color: #393939; letter-spacing: 0px; font-weight: lighter; font-size: 28px; line-height: 27px; }

/*Login*/
#liLogin { padding: 0; }
    #liLogin > p { margin: 0; padding: 8px 10px; }
    #liLogin.tbselected > p a { color: #76581f; }
.login-container { position: absolute; width: 250px; background-color: rgba(255,255,255,0.95); box-shadow: 2px 2px 10px grey; }
.login-panel { margin: 15px; text-align: left; }
    .login-panel h2 { color: #2c2c2c; font-size: 16px; font-family: Avenir; }
    .login-panel a { font-size: 13px; }
    .login-panel .secrow { margin-bottom: 10px; }
        .login-panel .secrow p { margin: 0; color: #2c2c2c; }
    .login-panel > .secrow > p { margin-bottom: 10px; }
/*Language*/
.global-top-bar .top-nav-link li.liLanguage { margin: 0; padding: 0; }
    .liLanguage:hover { background-color: #ffffff; color: #3d3d3d; }
    .liLanguage > p { margin: 0; padding: 8px 10px; }
    .liLanguage .drop { margin: 0; padding: 20px; background-color: #fff; }
        .liLanguage .drop p a { font-size: 14px; font-family: AvenirHeavy; }
/*breadcrumb*/
.breadcrumb { display: inline-block; margin: 0px 0 27px 0; width: 100%; }
    .breadcrumb h1 { display: inline-block;}
    .breadcrumb a { color: #666; text-transform: uppercase; font-size: 14px !important; font-family: AvenirLight; }
        .breadcrumb a:hover { color: #76581f; }
    .breadcrumb .separator { margin: 0 10px; }
/*subsite-container*/
.subsite-container { position: absolute; margin-left: -14px; padding: 10px; width: 200px; background-color: white; box-shadow: 2px 2px 3px black; text-transform: uppercase; }
    .subsite-container ul li { padding: 10px; border-top: 1px solid white; }

/* title */
.shtitle-container { min-width: 891px; width: 100%; }
    .shtitle-container h1 { border-bottom: 1px solid gray; }

/**cmslogin**/
.dnnlogin { top: 30px; left: 0; z-index: 10000; padding: 6px 0; width: 100%; }
.cmslogin-top-container { width: 100%; background-color: #f3f0eb; }
.cmslogin-top { margin: 0 auto; width: 1200px; background-color: #f3f0eb; text-align: right; }
    .cmslogin-top li { display: inline-block; padding-left: 20px; text-transform: uppercase; }

.cmslogin-container { margin-top: 50px; width: 1200px; }
.cmslogin, .cmslogout { margin: 0 auto; width: 600px; }
    .cmslogout h1 a { text-decoration: none; font-size: 28px; font-family: AvenirHeavy; }
    .cmslogout ul li { margin-left: 20px; list-style: disc outside; }

/*Override Jquery UI*/
.dnnFormPopup.ui-dialog .ui-dialog-titlebar-close { position: relative; top: 0px; right: 0px; }
.dnnFormPopup .ui-state-hover .ui-icon, .dnnFormPopup .ui-state-focus .ui-icon, .dnnFormPopup .ui-state-active .ui-icon, .dnnFormPopup .ui-state-default .ui-icon { background-image: none; }
.dnnFormPopup.ui-dialog { padding: 18px; }

/*letterspacing*/
.wholeContent * { letter-spacing: 0.06em !important; }

/*Override html Module*/
.ModDNNHTMLC * { font-size: 18px; line-height: 1.3; }

.html-text-container { font-size: 18px; line-height: 1.3; }
    .html-text-container ul li { margin-left: 20px; list-style: disc outside; }

.landingBody .BottomRightPane .html-text-container,.tier1-body .BottomRightPane .html-text-container,.tier2-body .RightPane .html-text-container{ color: #393939; letter-spacing: 0px; font-family: AvenirLight; font-size: 28px; line-height: 27px; }
/*Error Page*/
.ErrorPane { width: 100%; }
#error-container { margin-top: 100px; text-align: center; }
    #error-container h1 { font-family: AvenirHeavy; }

/*Screen Fit: height for global promo */
.global-logobg { margin-top: -3px; height:57px; }
.global-top-bar .top-nav-link { height: 27px; }
.global-top-bar #liLogin > p , .global-top-bar .top-nav-link li, .global-top-bar .liLanguage > p{ padding: 6px 10px; }
.global-top-bar .booknow-btn { height: 15px; }
.global-header.header { height: 85px; }
.global-header .hotel-info { padding-top: 35px; }
.hotel-info { padding-top: 35px; }
.global-header .landingBody { margin-top: -85px; }
.global-header .menu-spacing { height: 15px; }

@media screen and (max-width: 1279px) {
    .global-branding { width: 100%; }
    .global-logo { margin-right: 20px; }
    .global-40years { margin-left: 20px; }
    .top-nav { width: 100%; }
    .right-link { margin-right: 20px; }
    .innerHeader, .innerFooter { width: 100%; }
    .hotel-info { margin-left: 235px; display: block; float: none; }
    .hotel-shortinfo { margin-right: 20px; }
    .top-nav-menu { margin-right: 20px; }
    .landingBody, .tier1-body { min-width: 800px; }
    .gp-promotion-container { width: 100% !important; }
    .footer .newsletter-container {margin: 0 0 20px 0; float:none;}
    .findus-container { margin: 0px; }
    #footer-nav-div { margin-left: 20px; }
    #copyRight { margin-right: 20px; }
    .header.graybg { min-width: initial; }
    .tier1-body .BottomPane, .tier2-body,.landingBody .BottomPane { width: 100%; padding: 0 20px; box-sizing: border-box; }
    .tier1-body .BottomLeftPane, .tier2-body .LeftPane,.landingBody .BottomLeftPane  { width: 70%; }
    .tier1-body .BottomRightPane,.tier2-body .RightPane,.landingBody .BottomRightPane { width: 25%; }
    .footer.innerFooter { padding: 29px 20px 0 20px; box-sizing: border-box; }
    /*Banjaran*/
    .left-link { margin: 0; }
}

@media screen and (max-width: 1023px) {
    body { min-width: 1024px; }
}

@media print {
    body>*{
        display: none !important;
    }
    body>form{
        display:block !important;
    }
    form>*{
        display: none !important;
    }
    form>.landingBody,form>.tier1-body,form>.tier2-body{
        display:block !important;
    }
    .RightPane{
        display:none !important;
    }
    .gp-promotion-container { width: 100% !important; }  
    .tier1-body .BottomPane, .tier2-body,.landingBody .BottomPane { width: 100%; padding: 0 20px; box-sizing: border-box; }
    .tier2-body .LeftPane{ width: 100%; }
    .tier1-body .BottomLeftPane, .landingBody .BottomLeftPane  { width: 60% !important; }
    .tier1-body .BottomRightPane,.landingBody .BottomRightPane { width: 35% !important; }
}

html[lang="zh-CN"] #footer-nav-div a{
    font-size: 12px;
}

html[lang="zh-CN"] .top-nav-link a{
        font-size: 12px;
}

html[lang="zh-CN"] .booknow-btn > a{
    font-size: 15px;
}

[name="google_conversion_frame"] { position: absolute; top: -1000px; }