/*==========================================
Scrollbar
==========================================*/
#banner-location::-webkit-scrollbar {
    width: 3px;
    cursor: pointer;
}
#banner-location::-webkit-scrollbar-thumb {
    background: rgba(0,52,102, 0.5);
    border-radius: 4px;
}

.pop-content::-webkit-scrollbar {
    width: 3px;
    cursor: pointer;
}
.pop-content::-webkit-scrollbar-thumb {
    background: rgba(0,52,102, 0.5);
    border-radius: 4px;
}

.room-line-height{line-height: 28px !important;}
option{padding: 0;}
body {
    font-family: 'Balthazar', 'Microsoft JhengHei';
    -webkit-text-size-adjust: 100%; }
.page-container {
    position: relative;
    padding: 0;
    overflow: hidden;
    clear: both;
    width: 100%;
    margin-top: 110px;
    background-color: #eeedea;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    transform: translate(0px);}

header, footer {
    position: relative;
    width: 100%; }

.wrap {
    position: relative;
    margin: 0 auto;
    padding: 0 30px;
    overflow: hidden;
    width: 100%; }

.wrap-inner {
    position: relative;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width: 1200px; }
/*==========================================
Header
==========================================*/
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: #003466;
    /*    padding: 20px 40px;*/
    padding: 0px 40px 20px;
    height: 160px;/*135px;*/ }
header .wrap {
    overflow: visible; }
header #head-left {
    /*width: calc(100% - 450px);*/
    float: left;
    margin-top: 20px; 
}
header #head-right {
    width: calc(100% - 450px);
    float: right;
    margin-top: 20px; }
#head-right .btn-more{padding: 0 200px 0 30px;}
header nav {
    margin-top: 5px;
    position: absolute;
    /*float: right;*/
    /*margin-left: calc(100% - 1260px);*/
}
header nav > div {
    position: relative;
    float: left;
    margin-left: 30px;
    padding-bottom: 50px; }
header nav > div > a {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    font-weight: 600;
}
header nav > div > .header-nav-more:after {
    display: inline-block;
    margin-left: 5px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4.5px 0 4.5px;
    border-color: #fff transparent transparent transparent; }
header nav > div > a:hover {
    color: #f6e066; }
header nav > div > a:hover:after {
    border-color: #f6e066 transparent transparent transparent; }
header nav > div:hover .nav-sub {
    display: block; }
header nav > div .nav-sub {
    display: none;
    width: 200px;
    border: 1px solid #ccc;
    position: absolute;
    top: 64px/*65px*/;
    left: 0;
    /*background-color: #fff;*/
    background-color: rgba(218, 217, 214, 0.8);
    padding: 10px; }
header nav > div .nav-sub li {
    font-size: 16px;
    line-height: 14px;
    color: #000;
    padding: 5px 0;
}
header nav > div .nav-sub li:nth-last-of-type{margin-bottom: 0px;}
header nav > div .nav-sub li a {
    color: #000; }
header nav > div .nav-sub li a:hover {
    color: #f6e066;
    font-weight: bold;
}
header #head-social {
    margin-top: 5px; }
header #head-social a {
    font-size: 16px;
    line-height: 20px;
    padding-right: 20px;
    background: url("../images/icons/icon_arrow01.png") no-repeat right center;
    color: #fff;
    margin-left: 30px; }
header #head-book {
    position: relative;
    width: 380px;
    margin-top: -5px;
    float: right; }
header #head-book input {
    height: 32px;
    border: 0;
    padding-right: 30px; }
header #head-book input:focus {
    background-color: #f7e066; }
header #book-submit {
    position: absolute;
    display: block;
    top: 0px;
    right: 0px;
    width: 32px;
    height: 32px;
    background: url("../images/icons/icon_arrow02.png") no-repeat center; }
header .lang-bar {
    float: right;
    margin: 0 0 0 35px;
    margin-top: 8px; }
header .lang-bar > a {
    font-size: 14px;
    color: #fff;
    margin-right: 15px; }
header .lang-bar > a:hover, header .lang-bar > a.selected {
    color: #f6e066; }

#header-anchor {
    position: absolute;
    top: 135px;
    left: 0; }
.header-cover{width: 100%;height: 47px;margin-bottom: 25px;}
.top-nav{width: 100%; /*margin-bottom: 20px;*/text-align: center;position: absolute;}
.top-nav-inner{max-width: 1200px;}
.top-nav-item{opacity: 1/*0.6*/; width: 34%;/*34%;*/ text-align: center; padding: 5px 0px;/*7px 0px;*/  font-size: 16px;/*20px*/ color: #003468; font-weight: bold;
              display: inline-block;margin-right: -3px;max-height: 0px;}
.top-nav-1{
    /*border-top: 10px solid #01746c;*/
    background-color: #0b7c8d;
    color:rgba(11, 124, 141,0);
}
.top-nav-2{
    /*border-top: 10px solid #f47121;*/
    background-color: #f6e066;
    color:rgba(246,224,102,0);
}
.top-nav-3{border-top: 10px solid #a624a2;}
.top-nav-4{border-top: 10px solid #80bd00;}
/*.top-nav-item.selected{opacity: 1;}
.top-nav-item.opacity{opacity: 0.6}
.top-nav-item.hover{opacity: 1}*/
.top-nav-1.hover{
    /*border-top: 10px solid #01746c;*/
    background-color: #01756c;
    color: #fff;
    max-height: 80px;
}
.top-nav-2.hover{
    color: #fff;
    max-height: 80px;
}
.mobile-icon {
    display: none;
    position: absolute;
    top: 10px;
    right: -30px/*20px*/;
    height: 40px;
    width: 40px;
    background-color: #003466;
    padding: 8px;
    /*border: 2px solid #fff;*/
    border-radius: 5px;
    z-index: 999;
}
.mobile-icon.opened {
    padding: 3px 8px;
}
.mobile-icon span {
    margin: 0 auto;
    display: block;
    width: 17px;
    height: 2px;
    background-color: #fff;
    margin-bottom: 5px;
    transition: 0.6s;
    -webkit-transition: 0.6s;
}
.mobile-icon.opened span:nth-of-type(1) {
    transform: translate(0px, 13px) rotate(-45deg) scalex(1.3);
    -webkit-transform: translate(0px, 13px) rotate(-45deg) scalex(1.3);
    margin-bottom: 0;
}
.mobile-icon.opened span:nth-of-type(2) {
    /*display: none;*/
    width: 0%;
    opacity: 0;
    position: absolute;
}
.mobile-icon.opened span:nth-last-of-type(1) {
    -webkit-transform: translate(0px, 11px) rotate(45deg) scalex(1.3);
    transform: translate(0px, 11px) rotate(45deg) scalex(1.3);
}


/*==========================================
Common
==========================================*/
.home-article {
    padding: 50px 0; }
.home-article .text {
    padding-right: 40px; }
.home-article .white-box {
    padding-left: 5px;
    position: relative;
    background-color: #fff;
    padding: 20px 30px;
    height: 100%; }
.white-box h3{
    text-transform: uppercase;
}
.home-article .white-box ul {
    width: 100%;
    overflow: hidden;
    text-transform: uppercase;}
.home-article .white-box ul li {
    float: left;
    width: 50%;
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
    color: #000; }
.home-article .white-box ul li img {
    position: relative;
    top: 3px;
    margin-right: 10px; }
.home-article .white-box ul.fullwidth li {
    width: 100%; }
.home-article .bg-text {
    background: url("../images/home04.jpg") no-repeat;
    background-repeat: no-repeat;
    background-size: cover; }

.highlight {
    padding: 5px;
    background-color: #0087e3;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
}
#home h2{text-transform: uppercase;}
#home-room ul li {
    float: left;
    width: calc( (100% - 20.5px) / 3);
    margin-right: 10px;
    margin-bottom: 40px;
    position: relative;
    border-bottom: 10px solid #0087e3; }
#home-room ul li:nth-last-child(1) {
    margin-right: 0; }
#home-room ul li:hover h3 {
    text-decoration: underline; }
#home-room ul li:hover p {
    opacity: 1;
    height: 50px; }
#home-room ul li:hover img, #home-menu li:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2); }
#home-room ul li .img-thumb img,  #home-menu li .img-thumb img{
    transition: 0.4s;
    -webkit-transition: 0.4s; }
#home-room ul li figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); }
#home-room ul li figcaption > div {
    position: absolute;
    bottom: 60px;
    /*bottom: 20px;*/
    left: 20px; }
.room-list .btn-more{position:absolute;bottom: 20px;left: 20px;}

#home-room ul li figcaption h3, #home-room ul li figcaption p {
    color: #fff; }
#home-room ul li figcaption h3 {
    font-size: 24px;
    line-height: 40px; }
#home-room ul li figcaption p {
    height: 0;
    opacity: 0;
    transition: 0.4s;
    -webkit-transition: 0.4s; }
.text-uppercase{text-transform: uppercase;}
.line {
    display: inline-block;
    width: 60px;
    height: 1px;
    background-color: #000;
    position: relative;
    top: -3px;
    margin-left: 10px; }

#banner {
    position: relative;
    background: url("../images/banner01.jpg") no-repeat;
    width: 100%;
    height: calc(780vw / 19.2);
    background-size: cover; 
}
#banner-background{
    position: absolute;
    background: url("../images/NEW2.jpg") no-repeat;
    width: 100%;
    height: calc(780vw / 19.2);
    background-size: cover; 
}
#banner-background.showMap, #banner-background.showMapStreet {pointer-events:none;}

#banner-booking {
    position: absolute;
    right: 5%;
    top: 15%;
    background-color: rgba(0, 52, 102, 0.7);/*#003466;*/
    padding: calc(20vw / 19.2);
    z-index: 10; }
#banner-booking h2 {
    font-size: calc(23vw / 19.2);
    /*line-height: calc(23vw / 19.2);*/
    line-height: calc(30vw / 19.2);
    color: #f6e066; 
    text-transform: uppercase;
}
#banner-booking .checking-box {
    margin-top: 10px;
    padding: 8px;
    background-color:  rgba(255, 255, 255, 0.5);/*#fff;*/ }
#banner-booking .checking-box p {
    font-size: calc(14vw / 19.2);
    color: #000;
    line-height: 20px;
    margin: 0; }
#banner-booking .checking-box ul {
    width: 100%;
    overflow: hidden; }
#banner-booking .checking-box ul li {
    float: left;
    margin-right: calc(10vw / 19.2); }
#banner-booking .checking-box ul li:nth-last-child(1) {
    margin: 0; }
#banner-booking .checking-box ul input {
    border: 1px solid #464646;
    border-radius: 5px;
    width: calc(150vw / 19.2);
    height: calc(30vw / 19.2);
    padding-right: 30px;
    background: url("../images/icons/icon_calendar01.png") no-repeat right 5px center; }
#banner-booking .checking-box .btn-booking {
    padding: 0 calc(40vw / 19.2);
    height: calc(30vw / 19.2);
    font-size: calc(16vw / 19.2);
    background-color: #464646;
    color: #fff;
    margin-top: calc(20vw / 19.2);
    transition: 0.4s;
    -webkit-transition: 0.4s; }
#banner-booking .checking-box .btn-booking:hover {
    background-color: #009cff; }


.widgetHotelsForm .acessa_widget_block .widgetHotelsInputText.date{
    width: 118px !important;
}


.banner-bottom {
    position: absolute;
    bottom: 0; 
    z-index: 1;}
.banner-bottom p {
    /*    font-size: calc(16vw / 19.2);*/
    font-size: 17px;
    /*line-height: calc(20vw / 19.2);*/
    line-height: 20px;
    margin: 0; }

#banner-location {
    /*    width: calc(430vw / 19.2);*/
    width: 450px;
    overflow: hidden;
    /*overflow-y: auto;*/
    /*    height: 400px;*/
    padding: calc(20vw / 19.2);
    /*padding: 20px;*/
    background-color: rgba(255,255,255,0.8); /*#fff;*/
    left: 0;/*calc(60vw / 19.2);*/
    bottom: 0;
    z-index: 1;}
#banner .show{height:92%;}
#banner-location.show .pop-content {
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch;
    height: 95%;
    /*height: auto;*/
    /*padding-top: 30px;*/
    padding-right: 10px;}
#banner-location.show .pop-content a{color:#000;}
.pop-content-detail span{font-weight: bold;}
#banner-location.show .title:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg); }
#banner-location .title {
    width: 100%;
    overflow: hidden; 
    text-transform: uppercase;
}
#banner-location .title:after {
    content: "";
    position: absolute;
    top: 25px;
    right: 20px;
    width: 6px;
    height: 10px;
    background: url("../images/icons/icon_arrow02.png") no-repeat;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); }
#banner-location .title p {
    color: #000;
    position: relative;
    margin-left: 0;
    margin-bottom: 5px;
    width: 90%;
    /*margin-top: 4px;*/
}
#banner-location img {
    margin-right: 10px; }
#banner-location .pop-content {
    height: 0;
    overflow: hidden;
    width: 100%;
}
#banner-location .banner-location-contact{
    padding-bottom: 30px;
    text-transform: uppercase;
}
#banner-street-view {
    background-color: rgba(0, 0, 0, 0.4);
    /*left: calc(600vw / 19.2);*/
    left: 500px;/*600*/
    padding: calc(20vw / 19.2);
    /*padding: 20px;*/
    text-transform: uppercase;
}
#banner-street-view p {
    color: #fff; }
#banner-street-view img {
    margin-right: 10px; }

#home-menu {
    background-color: #eeedea;
    padding: 5px;
    overflow: hidden; 
    text-transform: uppercase;
}
#home-menu ol{width:100%;}
#home-menu li {
    position: relative;
    float: left;
    padding: 5px; }
#home-menu li.item-i3 {
    width: 33.33%;/*calc(100% / 3);*/
    padding: 5px; }
#home-menu li.item-i3 a {
    display: block;
    background-color: #003466;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    transition: 0.4s;
    -webkit-transition: 0.4s; }
#home-menu li.item-i3 a:hover {
    background-color: #009cff;
    text-decoration: underline;}
#home-menu li.item-i2 {
    width: 33.33%;/*calc(100% / 3);*/
    padding: 5px;
    position: relative;
}
.item-i2-borderline{border-bottom: 10px solid #0087e3;}
#home-menu li.item-i2 img {
    /*border-bottom: 10px solid #0087e3;*/ 
}
#home-menu li.item-i2 .btn-more {
    position: absolute;
    bottom: 40px;
    left: 40px; }

h1 .line{top: -11px;}

.basic-heading {
    padding-top: 40px;
    padding-bottom: 20px;
}
.full-width{width: 100%;position: relative;overflow: hidden;}
/*==========================================
Index location
==========================================*/
#location-map{
    height: calc(780vw / 19.2);
    width: 100%;
    /*    display: none; */
    position: absolute;
    top: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.6s linear;
    pointer-events:none;
}
#street-view{
    height: calc(780vw / 19.2);
    width: 100%;
    /*    display: none; */
    position: absolute;
    top: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.6s linear;
    z-index: 0;
    pointer-events:none;

}
.display{
    /*    display: block !important;*/
    opacity: 1 !important;
    transition: opacity 0.6s linear;
    pointer-events:auto !important;
}
/*==========================================
ContactUs
==========================================*/
.q-and-a-info li a.questions {
    font-size: 18px;
    color: #000;
    line-height: 33px;
    font-weight: bold;
}
.q-and-a-info li a.questions i {
    font-size: 18px;
    margin-left: 10px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.answer {
    margin-top: 10px;
    display: none;
}
.answer span {
    float: left;
    font-size: 18px;
    line-height: 25px;
}
.answer div p {
    margin-top: 0px;
}
.answer p {
    font-size: 18px;
    color: #000;
    line-height: 25px;
    margin-top: 10px;
}
.answer div.clear {
    clear: both;
    float: none;
}
.clear {
    width: 100%;
    overflow: hidden;
}
.table-tr {
    width: 100%;
    overflow: hidden;
    float: left;
}
.table-tr > div {
    float: left;
}
.contactus-form .table-tr > div {
    width: 49%;/*100%*/
    position: relative;
    margin-bottom: 30px;
    float: left;
}
.contactus-form .table-tr > div:nth-of-type(2) {
    float:right;
}
.contactus-form .table-tr > div input, .contactus-form .table-tr > div select {
    width: 100%;
    border: 1px solid transparent;
    /*    border-radius: 12px;*/
    background-color: #fff;
    padding: 0 20px;
    height: 50px;
}
.contactus-form .table-tr > div textarea {
    width: 100%;
    height: 200px;
    padding: 20px;
    border: 1px solid transparent;
    /*    border-radius: 12px;*/
    background-color: #fff;
}
.contactus-form .table-tr .table-single, .contactus-form .table-tr .slidercaptcha-card{width:100%;}
.btn-calltoaction {
    display: inline-block;
    /*    border-radius: 15px;*/
    font-size: 20px;
    line-height: 50px;
    padding: 0 60px;
    background-color: #f6e066;
    color: #000;
    margin: 0 10px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}
.btn-calltoaction:hover{
    background-color: #000;
    color: #fff;
}
.card-header{
    text-align: center;
}
.contactus-form p span{color: #ff0000;}
.contactus-form .table-tr > div input[type="text"].error, .contactus-form .table-tr > div select.error, .contactus-form .table-tr > div textarea.error {
    border-color: #ff0000;
}
.contactus-form .table-tr > div .error-msg {
    display: inline;
}
.contactus-form .table-tr > div .error-msg, .error-msg {
    /*display: none;*/
    position: absolute;
    padding-left: 18px;
    right: 0;
    bottom: -20px;
    font-size: 13px;
    color: #ff0000;
    background: url(../images/icons/icon_close02.png) no-repeat left center;
}
.contactus-form .captcha-error{
    left: 40% !important;
    right: 0 !important;
}
#table-checkbox{height: 80px;}
/*==========================================
Group
==========================================*/
#group h2{
    font-size: 25px;
}
.group-banner{overflow: hidden;}
.wrap-inner .columns{
    /*    width: 80%;
        margin: 0 auto;*/
}
#group .wrap-inner .columns p{
    text-align: center;
}
.columns a{
    color:rgba(0,0,0, 0.87);
}
.group p{font-size: 20px;}
.group-left{background: #ccc;padding: 20px;width: 64%;float:left;}
.group-right{width: 35%;float:right;}
.group-left p{font-size: 16px;}
.group-right ul{list-style-type: disc;margin-left: 20px;line-height: 1.6;margin-bottom: 16px;list-style-position: outside;}
.group-right ul li{font-size:18px;}
.group-form .table-tr > div {
    width: 49%;
    position: relative;
    margin-bottom: 30px;
    float: left;
}
.group-form p span{color:#FF0000;}
.group-form .table-tr > div:nth-of-type(2) {
    float:right;
}
.group-form .table-tr > div input, .group-form .table-tr > div select, .less-form .table-tr > div select{
    width: 100%;
    border: 1px solid transparent;
    /*    border-radius: 12px;*/
    background-color: #fff;
    padding: 0 20px;
    height: 50px;
}
.group-form .table-tr > div textarea {
    width: 100%;
    height: 200px;
    padding: 20px;
    border: 1px solid transparent;
    /*    border-radius: 12px;*/
    background-color: #fff;
}
#imgdiv{position: relative;overflow: inherit;}
.g-recaptcha{width: 100% !important;text-align: center;}
.g-recaptcha div{display: inline-block;}
.group-form .table-tr > div input[type="text"].error, .group-form .table-tr > div select.error {
    border-color: #ff0000;
}
.group-form .table-tr > div .error-msg {
    display: inline;
}
.group-form .table-tr > div .error-msg, .error-msg {
    /*display: none;*/
    position: absolute;
    padding-left: 18px;
    right: 0;
    bottom: -20px;
    font-size: 13px;
    color: #ff0000;
    background: url(../images/icons/icon_close02.png) no-repeat left center;
}
#imgdiv .error-msg{bottom: 10px;right: 30%;}
.captcha-error{
    right: 62% !important;
}
.form-required{    position: absolute;
                   bottom: 23px;
                   left: 30px;}
.group-form .table-tr .table-textarea{width: 100%;}
.group-form .table-tr .small-td{width: 49%;}
.group-form .table-tr .small-td:last-child{width: 50%;float: right;}
.groupFemaleAndMaleTitle{margin: 0 0 2px;font-weight: bold;}
.groupFemaleAndMale{float: left;width:50%;margin-bottom: 2px;}
.group-form .table-tr .slidercaptcha-card{width: 100%;}
.group-form .datepicker{background: url(../images/icons/icon_calendar01.png) no-repeat right 5px center;}
.less-title{padding: 50px 0 20px;}
.less-title p{margin: 0;}
.less-form{
    background: #000;
    width: 100%;
    padding: 30px 16px;
    margin-bottom: 50px;
}
.less-form .row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 85%;/*65%;*/
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.less-form .row::after, .row::before {
    content: ' ';
    display: table;
}
.less-form-div{
    width: calc(100%/3);
}
#less-form-title{
    float: left;
    margin: 0 -5% 0 5%;
}
.book-direct-banner__title {
    display: inline;
    color: #fff;
    margin-bottom: 0;
    border-bottom: 2px solid #ff8c7b;
    text-transform: none;
    font-size: 20px;
}
.less-form .btn-more{padding: 5px 120px 5px 20px;}
#group.btn-more{padding: 5px 120px 5px 20px;}
#locationSticky{padding: 0 25px;}
/*==========================================
promotion
==========================================*/
.basic-heading h1 {text-transform: uppercase;}
.basic-heading p {text-transform: uppercase;font-size: 20px;line-height: 24px;color: #000;}
#promotion h2{font-size: 25px;}
#promotion h3{text-transform: uppercase;}
.promotion p{font-size: 20px;}
.promotion .columns{width: 83.5%;margin: 0 auto;}
.promotion-content{width: 83.5%;position: relative;overflow: hidden;margin: 0 auto;}
.promotion-item{width: 100%;position: relative;overflow: hidden;margin-bottom: 20px;background-color: #fff;}
.promotion-item-img{width: 50%;float: left;padding-right: 6px;}
.promotion-item-detail{width: 50%;float:right;}
.promotionImg{height: 365px;/*background-size: cover;background-position: center center;background-repeat: no-repeat;*/display: block;overflow: hidden;text-align: center;}
.promotionImg:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2); }
.promotionImg img{
    transition: 0.4s;
    -webkit-transition: 0.4s; }
.promotion-item-frame{padding: 16px;background-color: #fff;margin-bottom: 6px;}
/*.promotion-item-frame > div{font-size: 20px;}*/
#promotionDetail-link{color:#000;}
#promotionDetail-link:hover{text-decoration: underline;}
.promotion-item-frame > .offer-detail, .offer-detail{font-size: 16px;
                                                     /*font-weight: 700;*/
                                                     line-height: 20px;}

#promotion .btn-more{padding: 7px 140px 5px 20px;/*padding: 7px 80px 5px 20px;*/}
.promotion-item-detail .btn-more{float: right;margin-bottom: 10%;right: 20px;}
/*#promotion .btn-more{color: #fff;background-color: #000;background-image:url('../images/icons/icon_arrow02a.png');padding: 7px 80px 5px 20px;}
#promotion .btn-more:before{background-color: #f6e066;}*/

/*==========================================
promotion detail
==========================================*/

#promotionDetail h1{color: #fff;margin-bottom: 0;}
#promotionDetail .line{background-color:#fff;height: 2px;}
#promotionDetail h1 a{font-weight: 700;
                      text-transform: none;
                      font-size: 80px;
                      line-height: 96px;
                      margin-bottom: 20px;
                      letter-spacing: -2px;
                      background-image: -webkit-gradient(linear,left top,right top,color-stop(100%,#7fc9d8),to(#7fc9d8));
                      background-image: linear-gradient(to right,#7fc9d8 100%,#7fc9d8 100%);
                      background-repeat: no-repeat;
                      background-position: 0 72px;
                      background-size: 100% 10px;
                      display: inline;
                      color: #fff;
                      text-transform: none;    
                      background-color: transparent;
                      text-decoration: none;
                      cursor: pointer;
}
#promotionDetail a{color: #000;}
.promotionDetail-banner{
    background-image: url(../images/promotion01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;opacity: 1;min-height: 550px;}
.hero_gradient {background: linear-gradient(to bottom,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 100%);}
.hero__content {color: #fff;letter-spacing: 0;margin-top: 60px;/*25px;*/}
.promotionDetail-content{margin-top: 25px;}
.promotionDetail-content .wrap-inner{overflow: unset;}
.promotionDetail-left{margin: -150px 0 50px;/*-150px 0 50px;*/float: left;width:69%;}
.promotionDetail-right{float: right;width:29%;}
.promotionDetail-title{font-size: 2rem;letter-spacing: 0;color: #fff;text-transform: uppercase;}
.promotionDetail-available-at{color: #fff;font-size: 1.125rem;font-weight: 700;line-height: 22px;margin-bottom: 10px;}

.promotionDetail-frame{padding: 16px;background-color: #fff;margin-bottom: 6px;}
.promotionDetail-frame h2{margin: 0;}
.promotionDetail-frame p{font-size: 18px;font-weight: bold;line-height: 24px;color: #000;}
.promotionDetail-frame > .offer-detail{font-size: 13px;font-weight: 700;line-height: 20px;}
.promotionDetail-frame-dark{padding: 16px;background-color: #000;margin-bottom: 6px;}
.promotionDetail-frame-dark h4{font-size: 14px;line-height: 24px;color: #fff;}
.promotionDetail-frame-dark p{font-size: 13px;line-height: 15px;color: #fff;}
.promotionDetail-frame-dark p:last-child{margin: 0;}
.promotionDetail-share-menu li{vertical-align: middle;display: table-cell;}
.promotionDetail-share-title {padding-right: 20px;font-size: 16px;font-weight: bold;line-height: 17px;color: #000;}
.promotionDetail-share-icon{
    /*width: 52px;height: 52px;*/
}
.promotionDetail-share-icon a{display: block;width: 52px;height: 52px;}
.promotionDetail-share-icon a.fb{background-color: #3b5998;background-image: url('../images/icons/fb.png');margin-right: 1px;}
.promotionDetail-share-icon a.tw{background-color: #1da1f2;background-image: url('../images/icons/tw.png');}
/*.promotionDetail-share-icon a i {top: 7px;left: 2px;position: relative;}*/
/*==========================================
pop up
==========================================*/
.redText{
    color:#ed2667;
}
#popUpRoom-slider{
    /*width: 700px;*/
    /*    height: 300px;*/
    max-width: 100%;
}
/*#popUpRoom .swiper-wrapper {
     height:auto !important;
}

#popUpRoom .swiper-slide {
     height:auto !important;
}*/
#popUpRoom .swiper-slide img {
    max-height: 100%;
    max-width: 100%;
    /*    width: auto;
        height: auto;*/
}
#popUpRoom .imgFullCenter {
    display: flex;
    justify-content: center;
    align-items: center;
    height: unset;
}
.swiperAndText{
    /*padding-bottom: 45%;*/
}
.popUpRoom .fl-left{
    width: 58%;/*49%;*/
    margin-right: 2%; 
}
.popUpRoom .fl-left:last-child{
    margin-right: 0px; 
    width: 40%;
}
.popUpRoom-left , .popUpRoom-right{
}
.swiperAndText h2{
    font-size: 35px;
}
.swiperAndText p{
    font-size: 28px;
    line-height: 24px;
    margin: 0 0 25px 0;
}
.popUpRoom p{
    font-size: 25px;
    line-height: 24px;
    margin: 0 0 20px 0;
    overflow: hidden;
}
.popUpRoom .btn-more{
    padding: 0 220px 0 30px;
}
.normal-link{color:#000;}
.title-p{margin: 0 0 15px 0 !important;line-height: 28px !important;}
.popUpRoom-content, .popUpRoom-content p{font-size: 18px !important;}
.popUpRoom-content{margin: 0 0 20px 0;}
.popUpRoom-content p{overflow: inherit;margin: 0 0 0px 0;}
.boldText{font-weight: bold;}
.popUpRoom-list{float: left;width: 50%;padding-right: 50px;}
.popUpRoom-list:last-child{padding-right: 0;}
.swiperAndText ul li{font-size: 19px; padding-bottom: 25px;}
.swiperAndText ul li ol{
    padding-top: 5px;
}
.swiperAndText ul li ol li{
    float: none;
    padding-bottom: 0;
    padding-top: 10px;
    padding-left: 40px;
    font-weight: normal;
    font-size: 17px;
}
.popup-icon{
    /*    padding-right: 10px;
        float: left;*/
    position: relative;
}
.popup-icon img{
    position: absolute;
    top: -4px;
    left: -40px;
    max-width: none;
}
.swiper-slide img {
    width:100%
}
.swiper-button-prev, .swiper-button-next {
    width:25px;
    height:25px;
    background:url('images/icons/sliderArrow.png')
}
.swiper-button-prev {
    background-position:top left;
    &:hover {
        background-position:bottom left;
    }
}
.swiper-button-next {
    background-position:top right;
    &:hover {
        background-position:bottom right;
    }
}
.swiper-pagination {
    bottom:35px;
    .swiper-pagination-bullet {
        width:12px;
        height:12px;
        background-color:#fff;        
        border:1px solid #9e9e9e;
        opacity:1;
        &.swiper-pagination-bullet-active {
            background-color:#ccc;
        }
    }
}
.btn-max-width{width:100%;}
.popup-more-product{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 40px;
}
.popup-more-product .line {
    top: -6px;
}
.popup-more-product .more-product-menu {
    /*    display: grid;
        grid-template-columns: auto;
        grid-column-gap: .5rem;
        grid-template-rows: auto;
        grid-row-gap: .5rem;
        grid-auto-flow: column; */
}

.product-menu-btn {
    display: block;
    background-color: #003466;
    line-height: 48px;
    text-align: center;
    font-size: 25px;
    text-decoration: none;
    color: #fff;
    transition: 0.4s;
    -webkit-transition: 0.4s; }
.product-menu-btn:hover {
    background-color: #009cff;
    /*    text-decoration: underline;*/
}
.font-16{
    font-size: 16px;
}
.popup-more-product .item-i1 {
    /*    display: grid;
        grid-template-columns: auto;
        grid-column-gap: .5rem;
        grid-template-rows: auto;
        grid-row-gap: .5rem;
        grid-auto-flow: column; */
    vertical-align: top;
    text-align: left;
    display: inline-block;
    /*width: calc( (100% - 110px) / 3 );*/
    width: 30%;/*46%;*/
    float: left;
    margin: 0 2% 0 0;
}
.popup-more-product .item-i1:nth-child(2) {width: 30%;/*46%;*/float: left; /*right;*/margin: 0 2%;}
.popup-more-product .item-i1:nth-last-child {width: 30%;/*46%;*/float: left; /*right;*/margin: 0 0 0 2%;}
.popup-more-product .item-i2 {
    float:left; 
    padding-bottom: 0;
    padding: 25px;
    /*    padding-left: 40px;*/
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    width: 100%;
}
.popup-more-product .item-i1:nth-last-child(1) .item-i2 {
    /*width: 50%;*/
}
.product-item{
    /*    border-right: 1px solid #e4e4e4;*/
    position: relative;
}
.product-item img{max-width:310px;/* 350px;*/}
.product-item span{
    display: inherit;
    width: 1px;
    height: 290px;
    background-color: #e4e4e4;
    position: absolute;
    top: -6%;
    margin-left: 104%;
}
.product-item-content{
    padding: 10px 0 15px;
}
.product-item-title{
    font-size: 20px;
    font-weight: bold;
}
.padg{
    padding-bottom: 5px;
}
/*
.paging-nav {
    margin-top: 25px;
    li {
        float: left;
        display: block;
        width: 26px;
        line-height: 26px;
        margin-right: 5px;
        text-align: center;
        font-size: 18px;
        color: #000;
        border-bottom:5px solid transparent;
        &:nth-last-child(1) {
            margin-right: 0;
        }
        a {
            display:block;
            color: #000;
            height:34px;
            line-height: 26px;
            &:hover, &.selected {
                border-bottom:3px solid $color-red01;
            }
        }
    }
    .paging-prev, .paging-next {
        width: 26px;
        height: 26px;
        background: url("../images/icons/btn_arrow03.png");
        border:0;
        padding:0;
    }
    .paging-prev {
        background-position: left top;
        &:hover {
            background-position: left bottom;
        }
    }
    .paging-next {
        background-position: right top;
        &:hover {
            background-position: right bottom;
        }
    }
}
*/
/* mobile */
/*
.mobile-icon {
  display: none;
  position: relative;
  top: 10px;
  height: 36px;
  width: 36px;
  background-color: #fff;
  padding: 8px;
  border: 2px solid #fff;
  border-radius: 5px;
  z-index: 999;
  span {
    margin: 0 auto;
    display: block;
    width: 17px;
    height: 2px;
    background-color: #10498f;
    margin-bottom: 5px;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    &:nth-last-of-type(1) {
      margin-bottom: 0;
    }
  }
  &.opened {
    padding: 3px 8px;
    span {
      &:nth-of-type(1) {
        transform: translate(0px, 13px) rotate(-45deg) scalex(1.3);
        -webkit-transform: translate(0px, 13px) rotate(-45deg) scalex(1.3);
        margin-bottom: 0;
      }
      &:nth-of-type(2) {
        display: none;
      }
      &:nth-last-of-type(1) {
        -webkit-transform: translate(0px, 11px) rotate(45deg) scalex(1.3);
        transform: translate(0px, 11px) rotate(45deg) scalex(1.3);
      }
    }
  }
}
*/
/*==========================================
Footer
==========================================*/
footer {
    padding: 30px 0;
    background-color: #003466; }
footer #footer-nav {
    float: left;
    width: calc(100% - 300px);
    height: 180px; }
footer #footer-nav a {
    font-size: 16px;
    line-height: 24px;
    color: #fff; }
footer #footer-nav a:hover {
    color: #f6e066; }
footer #footer-nav > li {
    position: relative;
    float: left;
    margin-right: 80px; }
footer #footer-nav > li:last-child{margin-right:0;}
footer #footer-nav > li .footer-sub.footerRoom > li a{font-size: 13px;}
footer #footer-nav > li .footer-sub {
    position: absolute;
    left: 0;
    top: 30px;
    width: 200px; }
footer #footer-nav > li .footer-sub > li a {
    font-size: 14px;
    line-height: 20px; }
footer #footer-right {
    float: right;
    width: 160px; }
footer #footer-right h3 {
    color: #fff; }
#footer-bottom{padding-top: 50px;}
footer #footer-bottom > img {
    margin: 0 20px; }

.copyright {
    font-size: 13px;
    line-height: 18px;
    color: #000; }
.copyright a {
    color: #000;
    text-decoration: none; }

#social-nav {
    margin-top: 10px; }
#social-nav li {
    float: left;
    margin-right: 10px; }
#social-nav li a {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../images/icons/btn_social.png"); }
#social-nav li a:hover {
    background-position-y: 30px; }
#social-nav li a.icon-fb {
    background-position-x: calc(100% / 1 * 0); }
#social-nav li a.icon-tw {
    background-position-x: calc(100% / 1 * 1); }
#social-nav li a.icon-ig {
    background-position-x: calc(100% / 1 * 2); }
#social-nav li a.icon-yt {
    background-position-x: calc(100% / 1 * 3); }

/*Top btn*/
#back-top {
    display: none;
    position: fixed;
    z-index: 999;
    bottom: 60px;
    right: 30px; }
#back-top a {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../images/icons/btn_top.png") no-repeat left top;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
#back-top a:hover {
    background-position: left bottom; }

/*
#back-top {
  display: block;
  z-index: 999;
  a {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: url('../images/icons/btn_top.png') no-repeat left top;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    &:hover {
      background-position: left bottom;
    }
  }
}
*/

/*# sourceMappingURL=main.css.map */