/*GENERAL*/
 @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
  margin: 0;
  padding: 0;
} 
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
.left { float: left; }
.right { float: right; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
:focus { outline: none; }
.hidden { display: none; }
.clickableArea {width:100vw;height: 100vh;position: absolute;z-index: 1;}
span.nobreak, i.nobreak {white-space: nowrap; }

* html .clearfix { zoom: 1; }
/* IE6 */
*:first-child + html .clearfix { zoom: 1; }
/* IE7 */
img { max-width: 100%; display: block; -webkit-backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;}
img.ctrImg { display: block; margin: auto; }
@font-face {
  font-family: 'openrice';
  src:  url('../fonts/icomoon.eot?vcyzrx');
  src:  url('../fonts/icomoon.eot?vcyzrx#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?vcyzrx') format('truetype'),
    url('../fonts/icomoon.woff?vcyzrx') format('woff'),
    url('../fonts/icomoon.svg?vcyzrx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class*=" icon-"], [class^=icon-] {
    font-family: openrice!important;
    speak: none;
    font-style: normal;
    font-weight: 700;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {content: "\ea90";}
.icon-chevron-thin-left:before {content: "\e902";}
.icon-chevron-thin-right:before {content: "\e901";}
h1 {font-size: 2.9em; line-height: 1.2;}
h3 { font-size: 1.6rem; line-height: 1.3; }
h4 { font-size: 1.4rem; line-height: 1.3; }
p { font-size: 1rem; line-height: 1.6; }
/* a { text-decoration: none !important; } */
.zh h1, .zh h3, .zh p, .zh a, .zh small {letter-spacing: .5px; }
small { font-size: 14px; line-height: 1.5; }
.txtYellow {color: #ffd54a;}
.alignCtr { margin: auto; width: 90%; }
.noScroll { overflow: hidden; }
.txtCtr { text-align: center; }
.noPmargin > p { margin: 0; }
.fx {-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.row1, .row2, .row3 {text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;white-space: normal; }
.row1 {-webkit-line-clamp: 1;}
.row2 {-webkit-line-clamp: 2;}
.row3 {-webkit-line-clamp: 3;}
.line-clamp {display: block; display : -webkit-box; -webkit-box-orient : vertical; position: relative; line-height        : 1.2; overflow: hidden; text-overflow: ellipsis; padding: 0 !important; }
.line-clamp:after {content: ''; text-align : right; bottom: 0; right: 0; width: 25%; display : block; position: absolute; height: calc(1em * 1.2); background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%); }
@supports (-webkit-line-clamp: 1) {.line-clamp:after {display : none !important; } }
.line-clamp-1 {-webkit-line-clamp : 1; height : calc(1em * 1.2 * 1); }
.line-clamp-2 {-webkit-line-clamp : 2; height : calc(1em * 1.2 * 2); }
.line-clamp-3 {-webkit-line-clamp : 3; height : calc(1em * 1.2 * 3); }
.line-clamp-4 {-webkit-line-clamp : 4; height : calc(1em * 1.2 * 4); }
.line-clamp-5 {-webkit-line-clamp : 5; height : calc(1em * 1.2 * 5); }
.preloader { text-align: center; padding: 4em;color:#e2e5e7;}
#preloader {font-size: 0; padding: 0; text-align: center;color:#e2e5e7;}    
#preloader *, .preloader * {color: inherit;}
#preloader *:before {background-color: #e2e5e7; }
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#000;background:rgba(0,0,0,0.8);outline:none!important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity.lity-opened{opacity:1}
.lity.lity-closed{opacity:0}
.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important}
.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity-loading .lity-loader{opacity:1}
.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important}
.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease; position: relative; border: 15px solid #fff;background-color: #fff;max-height: 100vh!important;}
.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}
.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:10px; top: 10px; margin:auto;background-color: #000; -webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:32px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;outline:0;-webkit-box-shadow:none;    box-shadow: 0 2px 3px rgba(0,0,0,.6); border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; border: 2px solid #fff;}
.lity-close::-moz-focus-inner{border:0;padding:0}
.lity-image img{max-width:100%;display:block;line-height:0;border:0}
.lity-iframe .lity-container{width:100%;}
.lity-iframe-container{width:100%;height:0;padding-top:100vh;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}
.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);}
.lity-hide{display:none!important}
.linkbtn {display: inline-block;box-shadow: inset -0.5px -1.9px 5px 0 rgba(0, 1, 0, 0.35);
  background-image: linear-gradient(to top, #b5c0e7, #eeeaf3); padding: 7px 20px; color: #1a3444; text-align: center; letter-spacing: 2px; font-weight: 600; line-height: 1;}
.containerL { width: 100%; margin: auto; max-width: 1200px; }
.containerS { width: 100%; margin: auto; max-width: 1000px; }
.mbo {display: none;}
#tcBtn {display: inline-block;}

/* skeleton */
.skeleton {background-color: #e2e5e7; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-size: 40px 100%; background-repeat: no-repeat; background-position: left -40px top 0; -webkit-animation: shine 1s ease infinite; animation: shine 1s ease infinite; }

@-webkit-keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}

@keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}
.KV{background-color: #feb217;}
.KVimg{margin: 0 auto;    width: 100%;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.headerInner{position:relative}@font-face{font-family:icomoon;src:url(https://www.openrice.com/info/global/icomoon/icomoon.eot?ee7fk8);src:url(https://www.openrice.com/info/global/icomoon/icomoon.eot?ee7fk8#iefix) format('embedded-opentype'),url(https://www.openrice.com/info/global/icomoon/icomoon.ttf?ee7fk8) format('truetype'),url(https://www.openrice.com/info/global/icomoon/icomoon.woff?ee7fk8) format('woff'),url(https://www.openrice.com/info/global/icomoon/icomoon.svg?ee7fk8#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:700;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-google:before{content:"\e900"}.icon-facebook:before{content:"\ea90"}.icon-twitter:before{content:"\ea96"}.icon-youtube:before{content:"\ea9d"}.icon-instagram:before{content:"\ea92"}.icon-chevron-thin-left:before{content:"\e902"}.icon-chevron-thin-right:before{content:"\e901"}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.headerInner .li,.headerInner .li a{color:#4e3c2e;font-size:14px}* html .clearfix{zoom:1}img{max-width:100%}.globalContainer{max-width:1000px;width:100%;margin:auto;padding:8px}.headerInner>a{float:left}.headerInner>div.headerDesktop{float:right;margin-top:8px}.headerInner .openrice-logo>img{max-width:110px;display:inline-block}.headerInner .li{font-weight:700;display:inline-block;vertical-align:middle;margin-left:25px}@media (max-width:640px){.headerInner>div.headerDesktop{display:none}.headerInner .openrice-logo>img{max-width:100px}}
#headerNew {position: relative; z-index: 100;box-shadow: 0px 0px 6px 1px rgba(0,0,0,.2);}
#headerNew > .inner { background-color: #fff; padding: 10px 4%; }
#headerNew .maxWidth {max-width: 1200px;margin: auto;}
#headerNew .openrice-logo > img { height: 30px; display: inline-block; padding-right:5px;}
#headerNew .booking-logo {display: inline-block;max-width: 150px;vertical-align: middle;margin-left: .75em;padding-left: .75em;position: relative;}
#headerNew .booking-logo:before {content: '';display: block;width: 1px;height: 80%;background: #ccc;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
#headerNew .headerDesktop { float: right; margin-top: 6px;}
#headerNew .headerDesktop .li { color: #4e3c2e;font-size: 12px;font-weight: 700;display: inline-block;vertical-align: middle;margin-left: 5px; position: relative;}
#headerNew .headerDesktop .li:first-child {font-size: 13px;}
#headerNew .headerDesktop .li > a , #headerNew .headerDesktop .li > div:first-child {color: #4e3c2e;font-size: 12px;border: 1px solid #4e3c2e;padding: 5px 12px;border-radius: 20px;line-height: 1;cursor: pointer;}
#headerNew .headerDesktop .li > a.btn {border: 1px solid #CF9B64;}
#headerNew .headerDesktop .li a.facebook-share {padding: 5px 6px; margin-left: 5px; border-radius: 50%; line-height: 1.2;}
#headerNew .headerDesktop a.booknow{font-weight: 800;border: initial;font-size: 15px; background-color: #009342; padding: 5px 12px;border-radius: 3px;line-height: 1; cursor: pointer; letter-spacing: 2px;  color: #ffffff;margin-top: 1%;display: inline-block;}




#headbarFaq.open .caret, #headbarLang.open .caret {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.lang-dropmenu-block, .how-dropmenu-block {opacity: 0;display: none; position: relative;background: #fff;-webkit-border-radius: 4px; border-radius: 4px;position: absolute;top: 100%;right: 0;z-index: 1000;padding: 5px 0; margin: 0;margin-top: 7px; font-size: 14px; text-align: left;-webkit-background-clip: padding-box;background-clip: padding-box; border: 1px solid #ccc;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.lang-dropmenu-block {min-width: 80px;}
.how-dropmenu-block {min-width: 130px}
#headbarFaq.open .how-dropmenu-block, #headbarLang.open .lang-dropmenu-block {opacity: 1;display: block;animation: animShowLangMenu .3s;-webkit-transform: translateY(0px);transform: translateY(0px);}
@keyframes animShowLangMenu {
  0% {opacity: 0;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
  100% {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.lang-dropmenu-block ul, .how-dropmenu-block ul {list-style: none; padding: 0;}
.lang-dropmenu-block ul li a, .how-dropmenu-block ul li a {color: #8b817a; font-size: 13px; font-weight: 400; line-height: 1.5em; padding: 0.5em 12px 0.55em; display: block;
}
.lang-dropmenu-block ul li a:hover, .how-dropmenu-block ul li a:hover{background-color: #e5e5e5;}
.lang-dropmenu-block ul li a.active span, .how-dropmenu-block ul li a.active span {font-size:15px;font-weight: 700;color:#3e75d9;}

@media (min-width: 769px) {
  #headerNew .headerDesktop .li > a:hover {color: #dc0000;}
}



@media (min-width: 1599px) {
  .containerL, .containerS {max-width: 1600px;}
}



@media (max-width:640px) {
  #headerNew .openrice-logo > img {height: 30px; display: block; float: left;}
  #headerNew > .inner {padding: 15px 10px;}
  #headerNew .headerDesktop {margin-top: 1px;}
}




@media screen and (min-width:280px) and (max-width:375px){
  #headerNew .openrice-logo > img{height: 25px;}
  #headerNew .headerDesktop {display: none;}
  #headerNew .booking-logo {max-width: 130px;}
}


body { 
  margin: 0px; background-color: #fff; position: relative; height: 100%; 
  /* font-family: Lato, Arial,Verdana,sans-serif;  */
  font-weight: 500;}
#bodyWrap { margin: auto;}
#bodyContent {overflow: hidden;}
/*.result_wrapper {background: url(../images/pattern_list.png);} */

.kv-main .row{
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  #bodyWrap { margin: auto; min-width: 0;  }
  p {font-size: 18px;}
  .mbo {display: block;} .dko {display: none!important;}
  .grid-button {padding: 0; position: absolute; z-index: 1000; right: 0px; top: 0px;}
  .grid-button .grid {position: relative;display: block; width: 55px; height: 55px; cursor: pointer; margin: 0 auto; -webkit-transition: all 0.3s; transition: all 0.3s; }
  .grid-button .grid:before,
  .grid-button .grid:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }
  .grid-button .grid:before {opacity: 0; background: url(../images/menu-2.png);background-size: contain;}
  .grid-button .grid:after {opacity: 1; background: url(../images/menu-1.png);background-size: contain;}
  .grid-button .grid.open:before {opacity: 1;}
  .grid-button .grid.open:after {opacity: 0;}
  #headmenus {opacity: 1;visibility: visible;width: calc(100% - 50px);height: 100%;position: fixed;top: 0;left: 100%;z-index: 1000;background:#32014a;-webkit-transition: all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
  #headmenus.navOpened {left: 55px;box-shadow: -4px 0px 4px rgba(0,0,0,0.15);}
  #headmenus > .wrap {overflow-y: scroll; padding: 60px 0 0; text-align: left; height: 100%;}
  #headmenus > .wrap .mmenuKv {background: url(../images/main-TT.png) no-repeat center center; background-size: contain; padding-bottom: 55%; margin-bottom: 30px;}
  #headmenus > .wrap > a {display: block; font-weight: 600; font-size: 24px; letter-spacing: 3px; margin: 10px 30px; line-height: 50px; color: #fff; position: relative; padding-left: 80px; border-radius: 50px;}
  #headmenus > .wrap > a:before {content: ''; display: block; width: 35px; height: 35px; border-radius: 50%; position: absolute; left: 25px; top: 0; bottom: 0; margin: auto; border: 1px solid;} 
  #headmenus > .wrap > a.active {border: 1px solid #fff; color: #fff;}
  #headmenus > .wrap > a.active:before {background: url(../images/menu-flower.png) no-repeat center 50%; background-size: 70%; background-color: #0d0018; border: none;}
}

@media only screen and (max-width: 340px) {
  #headmenus > .wrap > a {font-size: 20px; letter-spacing: 3px; margin: 5px 20px; padding-left: 70px;}
}
footer .contain1200 {max-width: 1200px;margin: auto;}
.footerWrap .footerTop {background-color: #000; padding: 30px 4%;}
.buPage .footerWrap .footerTop {padding: 30px; background-color: #000000; position: relative;}
.footTopTxt {color: #fff;}
.footTopTxt p {font-weight: 600; margin-bottom: 5px; font-size: 1.1rem;}
.footTopTxt small {font-size: 0.8rem;}
.footTopSocialGroup {text-align: right;}
.footTopSocialGroup .foot-social {display: inline-block; vertical-align: middle; margin: 0 5px; }
.footTopSocialGroup .foot-social.ig {background: url(../images/instagram.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.yt {background: url(../images/youtube.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.fb {background: url(../images/facebook.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.mw {background: url(../images/mewe.svg) no-repeat center center; width: 35px; height: 35px;}
.footerCR {color: #fff; margin-top: 5px; text-align: right;}
.footerCR > span {display: inline-block; vertical-align: middle;}
.footerCR > span.copyright-text {font-size: .7rem; margin-left: 5px;}
#backtopBtn {position: absolute;right: 20px;top: -20px;width: 41px;height: 41px;background: url(https://www.openrice.com/info/global/img/backtopArr.png) no-repeat center center / contain;cursor: pointer;}
@media only screen and (min-width: 1500px) {
	footer .contain1200 {max-width:80rem;}
}
@media only screen and (min-width: 769px) {
  .buPage footer {position: relative; bottom: 0;width: 100%;}
}
@media only screen and (max-width: 640px) {
  .footTopSocialGroup {text-align: center; margin-top: 20px;}
  .footerCR {text-align: center;}
  .footerCR > span#OR_FOOT_logo {max-width: 15px; vertical-align: top;}
  .footerCR .mRowDrop {display: block;}
  #backtopBtn{top: 110px;}
}
@media (max-width: 360px) {.footerCR > span {font-size: 9px;}}



@media (min-width: 769px) {
   /*.buPage #bodyWrap {font-size: 0; min-width: 936px;width: 78vw;left: 22%;}*/
  .buPage #bodyContent {width: 100%;display: inline-block;position: relative; z-index: 0;}
  .result_wrapper {padding: 0 0 50px;}
  .result-container {padding: 0 30px; }
}


.anchorNav {
  /* height: 50px;  */
  margin: 0px auto;
  text-align: center;
}
.anchorNav .container {-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; top: -70px; text-align: center; font-size: 0;}
.anchorNav.sticky .container {position: fixed; z-index: 5; width: 100%; max-width: 100%; right: 0; top: 0;  -webkit-transition: all .1s; -moz-transition: all .1s; transition: all .1s; box-shadow: 0px 0px 6px 1px rgba(0,0,0,.2); background: rgba(255, 255, 255, 0.9)}
.anchorNav .filterBtn, .anchorNav .allBtn {
  display: inline-block; vertical-align: middle; 
  position: relative; cursor: pointer; 
  /* font-size: 1.45rem; font-weight: 600; 
  padding: 0.3em 5%; line-height: 2; */
  text-align: center;
  border-radius: 50px;
  color: #000000;
  font-weight: 600;
  /* background-image: linear-gradient(to top, #ffc600, #fffdfe); */
  /*box-shadow: 1.6px 2.5px 3px 0 rgb(25 71 155 / 26%);
  border: solid 2px #ffffff;*/
}

#tap-1 {}
#tap-2 {}
#tap-3 {}
#tap-4 {}
#tap-5 {}

#tap-1:hover, #tap-2:hover, #tap-3:hover, #tap-4:hover{filter: sepia(0.5);}
#tap2-1:hover, #tap2-2:hover, #tap2-3:hover, #tap2-4:hover{filter: sepia(0.8);}

#tap2-1 { width: 200px; height: 205px;margin: 0 30px;}
#tap2-2 {width: 200px; height: 205px;margin: 0 30px;}
#tap2-3 { width: 200px; height: 205px;margin: 0 30px;}
#tap2-4 {width: 200px; height: 205px;margin: 0 30px;}



.anchorNav .filterBtn.active { background-color: #ff5c03; color: #fff;}
.anchorNav .allBtn {    background-image: linear-gradient(to top, #008543, #fdfdfd);color:#ffffff; letter-spacing: 0;}
.catListTTImg {margin: 0 auto 50px;  background-size: contain; width: 365px; height: 100px; text-align: center; position: relative;}
.catListTTImg span {color: #0c0c0c;; font-size: 2.1rem; font-weight: 600; position: absolute; top: 27%; left: 0; right: 0; letter-spacing: 1px;}
.catListTTImg span:before {content: "";display: block;width: 130px;height: 4px;background: #191970;left: -50px;top: 50%;position: absolute;}
.catListTTImg span:after {content: ""; display: block; width: 130px;  height: 4px;  background: #191970;  right: -50px;  top: 50%;  position: absolute;}


@media (max-width: 768px) {
  #tap-1, #tap-2, #tap-3, #tap-4, #tap-5 {
    width: 30%;
    float: left;
    padding: 10px;
    line-height: 1em;
    margin-top: 10px;
   }
  .anchorNav {
    /* height: 45px; 
    margin: 40px auto; */
  }
  .anchorNav .container {font-size: 0; white-space: nowrap;overflow-y: scroll;-ms-overflow-style: none;scrollbar-width: none;}
  .anchorNav .container::-webkit-scrollbar {display: none;}
  .anchorNav.sticky .container {width:100%;}
  .anchorNav .filterBtn, .anchorNav .allBtn { margin: 0 3px; line-height: 33px;padding:0 2.5% ;}
  .catListTTImg {width: 100%; height: 80px; margin: 0 auto 20px;}
  .catListTTImg span {font-size: 2rem;}
  .catListTTImg span:before {left:0px;width:115px ;}
  .catListTTImg span:after {right:0px;width:115px;}

}

@media (max-width: 420px) {
  /* .catListTTImg {width: 300px; height: 60px;} */
  .catListTTImg span {font-size: 1.7rem; top: 29%;}
}
@media (max-width: 375px) {
  #tap-1, #tap-2, #tap-3, #tap-4, #tap2-1, #tap2-2, #tap2-3, #tap2-4 {
    /* width: 220px;  */
  }
  

  .catListTTImg span {font-size: 1.6rem; top: 29%;}
}
@media (max-width: 320px) {
  .catListTTImg {height: 60px;}
  .catListTTImg span {font-size: 1.25rem; top: 29%;}
}


.subcatWrap {margin: 0px auto 50px;}
.subcatWrap .holder {}
.subcatWrap .holder > .filterBtn {display: inline-block;vertical-align: middle;position: relative;margin: 0 8px;cursor: pointer;font-size: 1.3rem;color: #ed5e58;border-radius: 5px;letter-spacing: 1px;font-weight: 600;padding: 0.3em 3%;line-height: 2;border: 1px solid;}
.subcatWrap .holder > .filterBtn.active {background-color: #ed5e58; color: #fff; border-color: #ed5e58;}
@media (min-width: 769px) {
  .subcatWrap .holder > .filterBtn {min-width: 140px;}
}
@media (max-width: 768px) {
  .subcatWrap {margin-bottom: 30px;}
  .subcatWrap .holder > .filterBtn {font-size: 1.15rem; margin: 0 3px; line-height: 33px;padding:0 2.5% ;}
}




.poiList {margin: auto; font-size: 0; text-align: center; display: none;}
.poiList.active {display: block;}
.offerItem {box-shadow: 0px 1px 2px #ddd; position: relative; text-align: left; background-color: #fff;}

@media (min-width: 769px) {
  .poiList {padding: 0;}
  .offerItem {width: 32%; display: inline-block; vertical-align: top; margin: 0 5px 15px; padding: 0 0 90px; max-width: 330px}
}

@media (max-width: 768px) {
  .pageTT {margin: auto;}
  #bookingPage .pageTT {max-width: 80%; }
  .result-container {padding:10% 10px 20px;}
} 



/*------------------Prizeslider-------------------*/

.prizelist-slider {
  /* padding: 120px 20px 60px 20px; */
  /* padding: 20px; */
   z-index: 1; 
  /* background: url(../images/yellow_bg.jpg);  */
}
.prizelist-slider .imgCol {position: relative; }
/* .prizelist-slider .prizeImg-1:before {content: ''; display: block; position: absolute; z-index: 5; width: 305px; height: 100px; left: 25%;top: -75px;}
.prizelist-slider .prizeImg-1:before {
  background: url(../images/prize_tt_1.png) no-repeat center center;
   background-size: contain;
  }
.prizelist-slider .prizeImg-2:before {content: ''; display: block; position: absolute; z-index: 5; width: 234px; height: 100px; left:39%;top: -75px;}
.prizelist-slider .prizeImg-2:before {
  background: url(../images/prize_tt_2.png) no-repeat center center; 
  background-size: contain;
} */
.prizelist-slider .sliderCol {position: relative;}
.prizelist-slider .sliderCol .swiper-wrapper {}
.prizelist-slider .sliderCol .swiper-slide {
  padding: 10px;
}
.prizelist-slider .sliderCol .swiper-slide > a {display: block; background-color: #fff;}
.prizelist-slider .sliderCol .swiper-slide .evImg {
  position: relative; 
  height: 180px;
}
.prizelist-slider .sliderCol .swiper-slide .evImg .badge {position: absolute; top: 15px; left: 20px; }
.prizelist-slider .sliderCol .swiper-slide .evImg .badge .tag {background-color: #008543; color: #fff; border-radius: 3px;font-weight: 600;display: inline-table;vertical-align: middle;text-align: center;font-size: 1.4em;line-height: 2;padding: 0 10px;letter-spacing: 0;margin-right: 3px;}
.prizelist-slider .sliderCol .swiper-slide .txt {padding: 20px;}
.prizelist-slider .sliderCol .swiper-slide .txt .tt {
  /* font-size: 1.4em;  */
  /* padding: 20px; */
  padding-bottom: 20px;
  color: #000;
  text-align: left;
  height: 80px;
}
.prizelist-slider .sliderCol .swiper-slide .txt .desc {
  /* font-size: 1em; 
  letter-spacing: 1px; 
  color: #000; */
}
.prizelist-slider .sliderCol .swiper-button-prev, .prizelist-slider .sliderCol .swiper-button-next {
  /* left:-20px;
  right: -20px; */
  width: 45px; 
  height: 45px;     
  background-color: #f9bb02;
  color: #fff;
   border-radius: 50%; 
   /* margin-top: -60px; */
  }
  .prizelist-slider .sliderCol .swiper-button-prev{
    left: -60px;
  }
  .prizelist-slider .sliderCol .swiper-button-next {
    right: -60px;
  }
.prizelist-slider .sliderCol .swiper-button-prev:after, .prizelist-slider .sliderCol .swiper-button-next:after {color: #fff; font-size: 18px;}
.prizelist-slider .btn {display: block; font-size: 24px; font-weight: 600; color: #fff; width: 80%; max-width: 320px; border-radius: 8px; border: 2px solid #fff; padding: 0; margin: 30px auto 0; letter-spacing: 2px; line-height: 2.5; text-align: center; background-color: #96b0d5;}
.prizelist-slider .inner{
  position: relative;
  padding: 0 20px 20px; 
  max-width: 80rem; margin: auto;}


@media (min-width: 769px) {
  .prizelist-slider .btn:hover {background-color: #fff;}
}
@media (max-width: 768px) {
  .prizelist-slider {
    /* padding: 85px 20px 35px 20px; */
  }
  .prizelist-slider .sliderCol {margin-top: 10px;}
  .prizelist-slider .sliderCol .swiper-slide .evImg {height: 215px;}
  .prizelist-slider .sliderCol .swiper-slide .evImg .badge {top: 10px; left: 10px;}
  .prizelist-slider .sliderCol .swiper-slide .evImg .badge .tag {font-size: 1.15em;}
  .prizelist-slider .sliderCol .swiper-slide .txt {
    /* padding: 1em; */
    height: 150px;
  }
  .prizelist-slider .sliderCol .swiper-slide .txt .tt {
    /* font-size: 1.2em; */
  }
  .prizelist-slider .sliderCol .swiper-slide .txt .desc {
    /* font-size: 1em; */
  }
  .prizelist-slider .sliderCol .swiper-button-prev, .prizelist-slider .sliderCol .swiper-button-next {
    width: 35px; height: 35px; 
    /* margin-top:-30px;  */
    /* opacity: .9; */
  }
  .prizelist-slider .sliderCol .swiper-button-prev {left: -18px;}
  .prizelist-slider .sliderCol .swiper-button-next {right: -18px;}
  .prizelist-slider .btn {font-size: 18px; margin-top: 20px; width: 90%;}
  
  .prizelist-slider .imgCol {position: relative; padding-bottom: 80px;}
  /* .prizelist-slider .prizeImg-1:before {content: ''; display: block; position: absolute; z-index: 5; width: 244px; height: 80px; left: 15%;top: -55px;}
  .prizelist-slider .prizeImg-2:before {content: ''; display: block; position: absolute; z-index: 5; width: 187px; height: 80px; left: 20%;top: -55px;} */
}


#prize {background: url(../images/orange_bg.gif)center center; padding: 60px 15px 60px 15px; }
#prize .prizeImg-3, #prize .prizeImg-4 {position: relative;}
/* #prize .prizeImg-3:before {content: ''; display: block; position: absolute; z-index: 5; width: 234px; height: 100px; left: 18%;top: -55px;}
#prize .prizeImg-3:before {background: url(../images/prize_tt_3.png) no-repeat center center; background-size: contain;}
#prize .prizeImg-4:before {content: ''; display: block; position: absolute; z-index: 5; width: 268px; height: 100px; left: 18%;top: -55px;}
#prize .prizeImg-4:before {background: url(../images/prize_tt_4.png) no-repeat center center; background-size: contain;}
*/
#prize > small {text-align: center; display: block; margin-top: 20px; color: #fff; font-weight: 600;}

@media print, screen and (min-width: 48.125em) {
  #prize .prizeImg {padding-right: 1.1rem;padding-left: 1.1rem;}
}

@media (max-width: 768px) {
  #prize {padding: 35px 20px 40px; background-size: cover}
  #prize .prizeImg {margin-bottom: 5px;}
  #prize > small {font-size: .75em; margin-top: 10px;}
  #prize .prizeImg-3, #prize .prizeImg-4 {position: relative; }
  #prize .prizeImg-3:before {content: ''; display: block; position: absolute; z-index: 5; width: 187px; height: 80px; left: 20%;top: -55px;}
  #prize .prizeImg-4:before {content: ''; display: block; position: absolute; z-index: 5; width: 214px; height: 80px; left: 20%;top: -55px;}
}

/*------------------end of Prizeslider-------------------*/


#indextop {
  position: relative;
  background-color: #fcf5e4;
  /* padding: 50px 20px;
  text-align: center;
  background: url(../images/KV_part_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  background-color: #fcf5e4; */
  
}
#indextop::after{
  content: "";
  background-image: url(../images/border.png);
  background-repeat: repeat-x;
  background-size: contain;
  display: block;
  height: 100px;
  width: 100%;
  position: absolute;
  left: 0;
}
#kv-main {
  position: relative;
  padding: 50px 20px 0 20px;
  text-align: center;
  background: url(../images/bg-16-9.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #fcf5e4;
}
#introBoxWrap {position: relative; }
/* #introBoxWrap:before, #introBoxWrap:after {content: ''; display: block; position: absolute; z-index: 1; left: 0; width: 100%; height: 20px; background: url(../images/intro_wave.png) repeat-x center bottom;}
*/
/* #introBoxWrap:before {top: -15px;transform: rotate(180deg);} */
/* #introBoxWrap:after {bottom: -15px;} */
#introBoxWrap .containerL {max-width: 1280px;}
#introBoxWrap h3 {margin-bottom: 15px; font-size: 1.7rem;color: #f57144;}
#introBoxWrap p {line-height: 1.8; color: #000000; max-width: 600px; font-weight: 600;}
#introBoxWrap p.period {
  border-bottom: 1px solid #f9bb02;
  border-top: 1px solid #f9bb02;
  color: #4e3d2d;
  /* font-size: 16px; */
  font-weight: 700;
  padding: 15px 0;
  text-align: center;
}
#introBoxWrap .intromenu {display: inline-block; vertical-align: top; width: 47%; margin: 0 1%; position: relative; text-align: center; padding: 43px 0 10px 0;}
#introBoxWrap .intromenu.anc1 {background: url(../images/00_index/intro_offer_1.png) no-repeat center center;background-size: contain;}
#introBoxWrap .intromenu.anc2 {background: url(../images/00_index/intro_offer_2.png) no-repeat center center; background-size: contain;}
/* #introBoxWrap .intromenu:before {content: ''; display: block; position: absolute; left: 0; width: 100%; height: 80px; bottom: 100%;}
#introBoxWrap .intromenu.anc1:before {background: url(../images/00_index/frame-top.png) no-repeat center bottom; background-size: 100.5% 100%;}
#introBoxWrap .intromenu.anc2:before {background: url(../images/00_index/frame2-top.png) no-repeat center bottom; background-size: 100.5% 100%;} */
#introBoxWrap .intromenu span.tt {font-size: 1.5rem; color: #fff; font-weight: 600; text-shadow: 3px 3px 5px rgba(0, 0, 0, .35); letter-spacing: 1px; line-height: 1.3;}
#introBoxWrap .intromenu span.tt .big {font-size: 1.6em; margin-left: 5px;}
#introBoxWrap .intromenu span.btn {color: #fff; border-radius: 30px; border: 1px solid; padding: 0; line-height: 1.8; margin: 5px auto 0; max-width: 100px; display: block; letter-spacing: 2px; font-size: 1rem;  -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#introBoxWrap .cou {display: inline-block; vertical-align: top; width: 30%; position: relative; text-align: center;margin: 0 1%;}
#introBoxWrap .cou:nth-child(1) {width: 28%;}
#introBoxWrap .cou:nth-child(2) {width: 68%;}

.kv-image{
  display: flex;
  align-items: center;
  /* animation: float 12s ease-in-out infinite; */
}
@media only screen and (min-width: 769px) {
  /* #bodyWrap {min-width: 1280px;} */
  #introBoxWrap .intromenu:hover span.btn {background-color: #990e0e;}
  .section .poiBlock:hover {transform: scale(1.02);}
}



@media (max-width: 768px) {
  #introBoxWrap:before, #introBoxWrap:after {background-size: 400%; height: 6px;}
  #introBoxWrap:before {top: -5px;}
  #introBoxWrap:after {bottom: -5px;}
  #introBoxWrap .intromenu {margin: 0 1.5%; width: 46%;  padding-top: 2%;}
  #introBoxWrap .intromenu:before {height: auto; padding-bottom: 40%; background-size: contain!important; bottom: 99%;}
  #introBoxWrap .intromenu span.tt {font-size: 1.3rem;}
  #introBoxWrap .intromenu span.btn {font-size: .8rem; line-height: 1.9; margin-top: 5px; max-width: 70px; border-radius: 15px;}
  .tnc-img{
    padding-bottom: 10px;
  }
  #kv-main {
    background: initial;
    background-color: initial;
    padding: 10px 20px;
  }
  #indextop {
    position: relative;
    background-color: #fcf5e4;
    position: relative;
    /* padding: 50px 20px 0 20px; */
    /* text-align: center; */
    background: #fcf5e4 url(../images/bg-mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
  #introBoxWrap .introBoxWrap-deco1{
    display: none;
  }
  #introBoxWrap .introBoxWrap-deco2{
    display: none;
  }
  #kv-main .kv-image {
    padding: 0 20%;
  }
  #kv-main .kv-dagron{
    padding-top: 2%;
    padding-left: 0;
    padding-right: 0;
  }
  #article .article-deco3{
    display: none;
  }
  #dbs img.ctrImg{
    padding: 0 10px;
  }
}

@media (max-width: 640px) {
  html, body {font-size: 13px;}
  #headerNew { top: -1px; left: 0; width: 100%; z-index: 100;}
  #introBoxWrap {padding: 30px 10px; text-align: center;}
  #introBoxWrap h3 {margin-top: 20px;font-size: 1.7rem; margin-left: 0;}
  #introBoxWrap p {font-size: 15px;}
  #introBoxWrap p.period {
    /* font-size: 14px; letter-spacing: 0;padding:1px 4rem; */
  }
}

@media (max-width: 330px) {
  #introBoxWrap .intromenu span.tt {font-size: 1.15rem;}
}

.row .row {margin: 0}

.item {display: block; background-color: #fff; border-radius: 10px; height: 100%; overflow: hidden; width: 96%; margin: auto; position: relative;}
.item .img {position: relative; height: 140px;}
.item .img .badge {position: absolute; top: 10px; left: 15px;}
.item .img .badge .offerTxt {font-size: 1.2rem; color: #fff; font-weight: 600; line-height: 1.8; border-radius: 3px; padding: 0 10px; background-color: #008043; min-width: 50px; text-align: center;}
.item .txt {padding: 0.5em 1em 1em;}
.item .txt p {color: #32004A;}
.item .txt .tt {font-weight: 600; line-height: 1.4;}
.item .txt .poiName {font-weight: 600; font-size: 1.2rem;margin-top: 0.2rem;letter-spacing: 0;}
.item .txt .desc {font-size: 14px; margin-top: 5px; line-height: 1.3;letter-spacing: 1px;}
.item .txt small {color: #777;}
.item .linkWrap {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}


@media (max-width: 640px) {
  .item {font-size: 0;height: 100%; min-height: 115px; border-radius: 5px; margin-bottom: 10px; width: 100%;}
  .item .img, .item .txt {display: inline-block; vertical-align: top; height: 100%!important;}
  .item .img {width: 37.5%; }
  .item .txt {width: 62%; font-size: 1rem; padding: 10px 5px 0.5rem 15px; position: relative;}
  .item .txt small {margin-bottom: 5px; display: block; font-size: 13px;}
  .item .txt .poiName {font-size: 1.4rem;height: auto;overflow:auto;}
  /*.item .txt .poiName.line-clamp-1 {-webkit-line-clamp: 2;height: calc(1em * 1.2 * 2);}*/
  .item .txt .badge .offerTxt { color: #fff; display: inline-block;font-weight: 600;line-height: 1.8;border-radius: 3px;padding: 0 10px;background-color: #008043;min-width: 30px;text-align: center; margin-top: 10px;}
  .item .txt .badge .offerTxt small {display: inline-block; color: #fff; font-size: .8em;}

}

#hottest { padding: 70px 20px 40px; position: relative; background: rgb(44,0,71); background: linear-gradient(180deg, #d5c2db 0%, #eedae4 30%, #b2a2ca 75%, #89669F 100%);}
#hottest .ttImg {margin-bottom: 30px; max-width: 540px;}
#hottest .inner {position: relative; padding: 0 20px 20px; max-width: 80rem; margin: auto;}
#hottest .inner .deco {position: absolute; z-index: 3; width: 180px; height: 265px; }

@media (min-width: 769px) {
  /* #hottest .deco {position: absolute; z-index: 3; width: 270px; height: 280px; left: 0; right: 0; margin: auto;}
  #hottest span.deco1 {background: url(../images/00_index/index_deco1.png) no-repeat center center; background-size: contain; transform: translateX(-460px); top: -105px;}
  #hottest span.deco2 {background: url(../images/00_index/index_deco2.png) no-repeat center center; background-size: contain; transform: translateX(460px); top: -98px;} */
}

@media (max-width: 640px) {
  #hottest {padding: 40px 0 10px;}
  #hottest:before {background-size: 1100px!important; height: 25px; background-position: left bottom;}
  #hottest .ttImg {max-width: 360px; margin-bottom: 10px; width: 100%;}
 
}

.section {padding: 10px 0px 0;}
.section .secTTbox {position: relative; background: url(../images/00_index/frame-middle.png) center; background-size: contain; margin-top: 13%; width: 85%; color: #fff; padding: 0 10px; text-align: center; }
.section .secTTbox:before, .section .secTTbox:after {content: ''; display: block; position: absolute; left: 0; width: 100%;}
.section .secTTbox:before {padding-bottom: 27%; bottom: 99%; background: url(../images/00_index/frame-top.png) no-repeat center bottom; background-size: contain;}
.section .secTTbox:after {padding-bottom: 27%; top: 99%; background: url(../images/00_index/frame-bottom.png) no-repeat center top; background-size: contain;}
.section .secTTbox > .columns {padding: 0;}
.section .secTTbox .secTT {letter-spacing: 1px; margin-bottom: 10px; text-shadow: 3px 3px 5px rgba(0, 0, 0, .35); font-size: 1.3rem;}
.section .secTTbox .secOffer {font-size: 1.7rem; letter-spacing: 1px; line-height: 1;margin: 0.3em auto;}
.section .secTTbox .secOffer .big {font-size: 2.4rem;}
.section .secTTbox .secOffer small {font-size: 1.4rem;}
.section .secTTbox .secOffer2 {font-size: 1.6rem; letter-spacing: 1px; line-height: 1; text-shadow: 3px 3px 5px rgba(0, 0, 0, .35);}
.section .secTTbox .btn {color: #fff; border-radius: 30px; border: 1px solid; padding: 0; line-height: 2; margin: 25px auto 0; max-width: 120px; display: block; letter-spacing: 2px; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.section .ttImg {max-width: 400px;}
.section .list {}
#voucher .item .txt .poiName {color: #777; font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 5px;overflow: auto;height: auto;}
#voucher .item .txt .oDetailTitle {font-weight: 600;font-size: 1.1rem;letter-spacing: 1px;margin-top: 0.5rem;}
.section .btn {border: none; line-height: 2.5; margin-top: 30px;}

@media print, screen and (min-width: 48.125em) {
  .section .inner > .row > .medium-3 {-ms-flex: 0 0 20%;-webkit-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
  .section .inner > .row > .medium-9 {-ms-flex: 0 0 80%;-webkit-flex: 0 0 80%;flex: 0 0 80%;max-width: 80%;}
  .section .secTTbox {height: calc(100% - 25%);}
  .section .secTTbox .btn:hover {background-color: #990e0e;}
}


@media (max-width: 640px) {
  .section {padding: 30px 0px 40px; }
  .section:last-child {margin-bottom: 0;}
  .section .ttImg {max-width: 260px;}
  .section .btn {line-height: 3; max-width: 240px;}
  .section .secTTbox { width: 100%; margin: 20px auto 60px; padding: 5px 10px 0px; background: url(../images/00_index/frame-m-middle.png) center; background-size: contain;}
  .section .secTTbox:before {background: url(../images/00_index/frame-m-top.png) no-repeat center bottom; background-size: contain; padding-bottom: 15%; bottom: 98%;}
  .section .secTTbox:after {background: url(../images/00_index/frame-m-bottom.png) no-repeat center top; background-size: contain; padding-bottom: 9%; top: 98%;}
  .section .secTTbox .secTT {margin-bottom: 3px; font-size: 1.7rem;}
  .section .secTTbox .secOffer {font-size: 2.7rem;}
  .section .btn {display: block;margin: 15px auto 0; border: solid 2px #EAB782;background: #F2D0E0; max-width: 230px;text-align: center;border-radius: 30px;line-height: 3;letter-spacing: 2px;color: #6C2558;font-weight: 600;font-size: 18px; box-shadow: 1.6px 2.5px 3px 0 rgba(155, 25, 26, 0.26);}
  .section .btn:before {content: ''; display: inline-block; vertical-align: bottom; width: 35px; height: 52px; background: url(../images/00_index/bn_icon.png) no-repeat center center; background-size: contain; }
  .section .poiBlock {padding-bottom: 0.5rem;}
}

.float-effect {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float-effect:hover {
  transform: translateY(-5px);
}


#sponsors { background: url(../images/sponsor_bg.png);font-size: 0;padding: 30px 30px 20px 30px; text-align: center; background-color: #ffffff;  position: relative;}
#sponsors > .row { max-width: 83rem;}
#sponsors .ttImg { margin: 0 auto 2rem; width: 100%; max-width: 13rem;}
#sponsors ul { display: inline-block; vertical-align: middle; padding: 0;}
#sponsors li {  list-style: none;  display: inline-block;  vertical-align: inherit;  margin-right: 22px;  margin-bottom: 5px;}

@media (max-width: 499px) {
  #sponsors .ttImg { max-width: 13rem; }
  #sponsors li {max-width: 22%; margin-right: 3%;}
  #sponsors li img { max-width: 100% }
}


/*Button*/
.button-53 {
  background-color: #fff;
  border: 2px solid #4e3d2d;
  border-radius: 30px;
  box-shadow: 4px 4px 0 0 #4e3d2d;
  color: #4e3d2d;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
  padding: 0 18px;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  touch-action: manipulation;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  width: 100%;
  /* display: inline-block!important;margin: 0 3%; background-color: #009347; color:white;border: 0 solid #E5E7EB; box-sizing: border-box;  display: flex; font-family: ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 1rem; font-weight: 700; justify-content: center; line-height: 1.75rem; padding: .75rem 1.65rem; position: relative; text-align: center; text-decoration: none #000000 solid; text-decoration-thickness: auto; width: 100%; max-width: 42%; position: relative; cursor: pointer; transform: rotate(-2deg); user-select: none; -webkit-user-select: none; touch-action: manipulation;  */
} 
.button-53:focus { outline: 0; } 
  .button-53:after { 
    /* content: ''; position: absolute; border: 1px solid #000000; bottom: 4px; left: 4px; width: calc(100% - 1px); height: calc(100% - 1px); */
    /* background-color: #fbeee0; */
   }
   .button-53:hover:after { 
    /* bottom: 2px; left: 2px;  */
    background-color: #fbeee0;
  } 
  @media (min-width: 768px) { .button-53 { padding: .75rem 3rem; font-size: 1.25rem; } }
                                

#whatsappBox {position: fixed;z-index: 5;bottom: 2rem;right: 100px;opacity: 0;transition: all .3s ease-in-out;}
#whatsappBox.show {right: 1rem;opacity: 1;}
#whatsappBox a {display: block; width: 250px; height: 90px; background: url(../images/whatsapp-book.png) no-repeat center center; background-size: contain; }
@media screen and ( max-width:768px) {
  #whatsappBox a {width: 160px; height: 50px;}
}

/*doris 20230829 */
.blue-btn {
  text-align: end;
}
.blue-btn a {
  background-color: #0063be;
  border:1px #0063be solid;
  color:#fff;
  padding: 2% 10%;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  text-decoration: none;
}
.blue-btn a:hover {
  background-color: #fff;
  border:1px #0063be solid;
  color:#0063be;
}
.swiper-bg{
  background-color: #fff;
}
.swiper-bg > iframe{
  width: 100%;
}
/* country */
#country {
  background: url(../images/booking_part_bg.png);
    padding: 100px 0;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
#country:before {
  background: url(../images/booking_title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 200px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: -69px;
  width: 330px;
  z-index: 2;
}
#country .greenbtn{
  background: none;
  background-color: #009342;
  bottom: 5%;
  color: #fff;
  /* font-size: 14px; */
  font-weight: 700;
  /* height: 30px;
  line-height: 30px; */
  padding-bottom: 0!important;
  position: absolute;
  right: 5%;
  text-align: center;
  width: 120px;
  border-radius: 25px;
  text-decoration: none;
}
#country .box{
  background-color: #fff;
  border-radius: 10px;
  font-weight: bold;
  padding: 4%;
}
#country .box a{
  text-decoration: none;
  color: #000;
}
#country .bi{
  color: #3ac43b;
}
#country h4 {
  margin: 0;
  font-size: large;
}
/*article tag */
#article {
  /* background: url(../images/video_part_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top; */
  background-color: #f2eadd;
  /* height: auto; */
  /* padding: 100px 0; */
  position: relative;
  overflow: hidden;
}
#article .article-deco1{
  position: absolute;
    background: url(../images/video_part_bg-1.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    width: 40%;
    height: 40%;
    top: 0;
    /* animation: float 6s ease-in-out infinite; */
}
#article .article-deco2{
  position: absolute;
  background: url(../images/video_part_bg-2.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  width: 50%;
  height: 50%;
  right: 0;
  top: 10%;
  /* animation: float 8s ease-in-out infinite; */
}
#article .article-deco3{
  position: absolute;
  background: url(../images/video_part_bg-3.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  width: 50%;
  height: 30%;
  bottom: 0;
  left: 15%;
}
/* #article ::after{
  background: url(../images/graphic_people01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  height: 170px;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 2;
} */
.graphicPeople{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#introBoxWrap .introBoxWrap-deco1{
  position: absolute;
  background-image: url(../images/text_part_bg_L.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  width: 30%;
  height: 112%;
  left: 0;
  top: 0;
}
#introBoxWrap .introBoxWrap-deco2{
  position: absolute;
  background-image: url(../images/text_part_bg_R.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  width: 51%;
  height: 120%;
  right: 0;
}
@media (min-width: 769px){
  .result-container {
      padding: 0 30px 5% 30px !important;
  }
}
#article .title {
  margin: auto;
  overflow: hidden;
  width: 30%;
}
#article .title-img{
  margin: 0 auto;
  padding: 2% 10%;
}
#article iframe {
  border: 0;
  border-radius: 5px;
  /* height: 200px; */
  /* height: 390px; */
  margin: auto;
  overflow: hidden;
  /* width: 640px; */
}
#article .nav-pills .nav-link {
  background-color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  color: #0062bd;
}
#article .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color:  #fff;
  background-color: #0062bd;
}
#article .nav-fill .nav-item, .nav-fill>.nav-link {
  margin: 0 10px;
}
.region-name{
  padding: 10px;
}
.region-name h3{
  text-align: center;
  font-weight: bold;
}
.region-name h4{
  text-align: center;
  font-weight: bold;
}
.region_margin{
  margin: 2% 0;
}
.introBtn a{
  background-color: #fff;
  border: 2px solid #4e3d2d;
  border-radius: 30px;
  box-shadow: 4px 4px 0 0 #4e3d2d;
  color: #4e3d2d;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
  padding: 0 18px;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  touch-action: manipulation;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  width: 100%;
}
.introBtn a:hover{
  background-color: #fbeee0;
}
.introBtn{
  float: left;
  width: 100%;
}
.period {
  /* border-bottom: 1px solid #f9bb02;
  border-top: 1px solid #f9bb02; */
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
  text-align: center;
  /* font-size: large; */
  background-color: #0186a5;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  box-shadow: -1px 8px 0px -2px rgba(50,190,217,1);
-webkit-box-shadow: -1px 8px 0px -2px rgba(50,190,217,1);
-moz-box-shadow: -1px 8px 0px -2px rgba(50,190,217,1);
}
#extra-section{
  background-image: url('../images/update/colour.png');
  background-size: cover;
  background-position: center;
  position: relative;
    padding: 50px 20px;
}
.red-box{
  width: 45%;
}
.red-plane{
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.girl{
  margin-top: 5%;
}
.boy{
  margin-top: 5%;
}
.title02{
  margin: 0% auto; 
  width: 30%;
}
.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}
.thai-btn-sp {
  padding: 10px;
}
#country .box2 {
  width: 100%;
}
/* #country .box2 a{
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 2%;
  background-color: #008543;
  font-size: 1.2em;
  font-weight: bold;
}
#country .box2 a:hover{
  background-color:#009342;
} */
.thai-btn-sp2 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 2%;
  background-color: #008543;
  color: #fff;
}
#introBoxWrap .flight-left{
  position: absolute;
  left: 0;
  bottom: 20%;
}
#introBoxWrap .flight-right{
  position: absolute;
  right: 0;
  top: 10%;
}
#dbs {
  padding: 100px 20px;
  background-image: url(../images/DBS_part_bg.png);
  background-repeat: no-repeat;
  background-size: 65%;
  background-position: center center;
}

#dbs img.ctrImg{
  width: 500px;
}
.mob_deco {
  display: none;
}
/* Dbs Promo */
#dbspromo{ 
  position: relative;
  background: url(../images/dbs_area-7.png)no-repeat center center;
  background-size: cover;
  padding: 30px 0;
}
.ctrImg.offer{width: 70%;margin-bottom: 25%;
  margin-top: -15%;
}
.ctrImg.btn{ 
  width: 200px;
  /* margin-left:-1%; */
  position: absolute; 
  top: 68%;
}
.text{
  padding-bottom: 20px;
  position: absolute;
  bottom: 0;
  font-weight: bold;
  font-size: smaller;
}
.text-area{
  margin-left: 54%;
}
/* sp thai */
.thai-sp{
  margin-top: 6%;
}
#dbspromo .tnc{
  text-align: center;
}
#dbspromo .tnc a{
  text-decoration: underline;
  color: #032e35;
  font-weight: bold;
}
#dbspromo .tnc a:hover{
  color: #02778a;
}
.dbsbg-star{
  background-image: url(../images/line.png);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position-x: 80%;
  background-position-y: center;
}
.offer-padding{
  padding: 2% 0;
}
.offer-tnc-padding{
  padding-top: 2%;
}
.info-zindex{
  z-index: 3;
  position: relative;
}
.info-text{
  position: relative;
}
.info-text a{
  position: absolute;
  width: 200px;
  height: 50px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,0);
}
@media (max-width: 1400px) {
  .flight-left{
    display: none;
  }
  .flight-right{
    display: none;
  }
}
@media (max-width: 640px) {
  #dbspromo{ 
    background: url(../images/dbs_area-7.png)no-repeat center center;
    background-size: cover;
  }
  #introBoxWrap .flight-left{
    display: none;
  }
  #introBoxWrap .flight-right{
    display: none;
  }
  .ctrImg.btn {
    width: 65%;
    margin-left: -1%;
    position: absolute;
    bottom: -30%;
    left: 50%;
    transform: translateX(-50%);
    top: 40%;
  }
  #dbspromo{
    padding: 30px 5%;
  }
  #dbspromo .dbs-tnc-padding{
    padding-bottom: 15%;
  }
  #dbspromo .dbsbg-star {
    background-size: 100%;
    background-position-x: 80%;
    background-position-y: 90%;
  }
  #dbspromo .offer-tnc-padding {
    padding-top: 5%;
  }
  .text-area{
    margin-left: inherit;
  }
  .text {
    padding-bottom: inherit;
    position: absolute;
    bottom: 10px;
    font-weight: bold;
    top: inherit;
    width: 100%;
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
  }
  .graphicPeople{
    display: none;
  }
  .thai-sp{
    margin-top: inherit;
  }
  .dbs-img{
    padding: 2% 0;
  }
  .ctrImg.offer {
    margin-top: inherit;
  }
  #dbs {
    padding: 30px 20px;
  }
  #article .article-deco2 {
    width: 30%;
  }
  #article .article-deco1 {
    width: 17%;
  }
  #country {
    background: #fef7d3 url(../images/booking_part_bg.png);
    padding: 100px 0;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
  }
}
#kv-main .kv-dagron{
  /* animation: float 6s ease-in-out infinite; */
}

@keyframes float {
	0% {
	
		transform: translatey(0px);
	}
	50% {
		
		transform: translatey(-20px);
	}
	100% {
	
		transform: translatey(0px);
	}
}