.zone-title { position: relative; }
.zont-title { text-align: center; margin: 15px 0px 35px; position: relative;color:#333; }
.zone-title .title { display: block; text-align: left; font-size: 6rem; color: #1a1a1a; font-family: 'DB HelvethaicaX Med'; line-height: 1;}
.zone-title .sub-title { font-size: 3.6rem; display: block; text-align: left; color: #1a1a1a; font-family: 'DBHelvethaicaX'; line-height: 1;}
.zone-title .button-part {position: absolute; bottom: 0; right: 0; }
.zone-title .btn.btn-default { background-color: #245aa3; color: #fff; border-radius: 4px; height: 34px; width: 46px; font-size: 20px; }

.darkcard { margin-bottom: 30px; position: relative; height: 300px; font-family: 'DB HelvethaicaX Med';}
.darkcard .image { z-index: 0; width: 100%; position: absolute; height: 100%; top: 0; background: white; }
.darkcard .image a { width: 100%; }
.darkcard .image img { width: 100%; height: 100%; object-fit: cover; }
.darkcard .detail { position: absolute; top: 0; font-size: 3.6rem; text-align: center; width: 100%; height: 100%; }
.darkcard:hover .detail {transition: background-color 0.5s; background-color: rgba(0, 0, 0, 0.5);}
.darkcard .text {display:none; }
.darkcard:hover .text {position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); color: white; padding: 0 15px;display:block; -webkit-transition: -webkit-transform 0.35s;transition: transform 0.5s;}
.darkcard .text .detail-title { display: block; font-family: 'DB HelvethaicaX Med'; margin-bottom: 5px; line-height: 1;}
.darkcard .text .detail-row { display: block; font-size: 2.2rem; font-family: 'DBHelvethaicaX'; line-height: 1;}
.darkcard a { display: block; width: 100%; height: 100%; color: white; }
.darkcard:hover .image  {overflow: hidden;}
.darkcard:hover .image img  {-webkit-transform: scale(1.03);transform: scale(1.03);-webkit-transition: -webkit-transform 0.35s;transition: transform 0.5s;}


.fontLarge .darkcard .detail { font-size: 4.2rem; }
.fontLarge .darkcard .text .detail-row { font-size: 2.6rem; }
.fontSmall .darkcard .detail { font-size: 3rem; }
.fontSmall .darkcard .text .detail-row { font-size: 1.6rem; }

#search-zone {padding: 25px 0px 15px;}

.homecard {margin-bottom: 15px; }
.homecard .image {box-shadow: 5px 5px 5px rgba(125, 125, 125, 0.34); height: 180px; position: relative;}
.homecard .image img {object-fit: cover; width: 100%; height: 100%;}
.homecard .image .openhour {position: absolute; bottom: 15px; right: 15px; padding: 1px 15px; background-color: #ccc; font-size: 1.9rem; color: #fff; font-family: 'DBHelvethaicaX';}
.homecard .image .openhour.OPEN {background-color: #339933;}
.homecard .image .openhour.CLOSE {background-color: #e11130;}
.homecard .image .openhour.NEARLYCLOSE {background-color: #f1ba39;}
.homecard .detail {font-size: 2rem; padding: 15px 0px 7px;line-height: 22px}
.homecard .detail .detail-title {font-size: 2.8rem; line-height: 1; font-family: 'DB HelvethaicaX Med'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height: 1.2;}
.homecard .detail .detail-row {position: relative;float: left;margin-bottom: 5px;width: 100%;font-size: 2.4rem;}
.homecard .detail .detail-address { font-family: 'DBHelvethaicaX'; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;float: left;width: 270px; font-size: 2.4rem; line-height: 1.2;}
.homecard .detail .detail-rating {/*width: 100px;*/ display: block; /*position: absolute; top: 0; right: 0;*/float: right;}
.homecard .detail .detail-rating img {width: 11px; display: inline-block;}
.homecard .detail .detail-date {  font-family: 'DBHelvethaicaX'; color: #048426;font-size: 2.4rem;}
.homecard .detail .detail-symbol {height: 35px;float: left;}
.homecard .detail .detail-symbol img {height: 24px; display: inline-block;}
.homecard .detail .detail-title a {color:#000;}

.slide-panel .slick-dots li button::before {font-size: 14px; }
.slide-panel .slick-dots li.slick-active button::before {color: #3183d6; opacity: 1;}
.slide-panel .slick-arrow {display: none;}

.homecarousel {padding-bottom: 20px;}
.homecarousel .carousel-indicators {}
.homecarousel .carousel-indicators li {background-color: #dfdfdf; width: 14px; height: 14px;}
.homecarousel .carousel-indicators li.active {background-color: #3183d6; width: 15px; height: 15px;}
.homecarousel .carousel-indicators {bottom: 0;}

.content-box-zone {clear: both;}
.content-box-zone .content-intro, .content-box-zone .content-box {float: left; width: 60%; display: block; height: 250px;}
.content-box-zone .content-intro {width: 60%; background-color: #245aa3; padding: 15px; position: relative;}
.content-box-zone .content-intro p {/*font-family: 'ThaiSans Neue';*/ font-size: 6.9rem; font-weight: normal; color: #fff;line-height: 57px;}
.content-box-zone .content-intro p:nth-child(2) {text-align: center;font-family: 'DBHelvethaicaX'; font-size: 35px;}
.content-box-zone .content-intro a.viewall {font-size: 2.1rem; position: absolute; bottom: 15px; right: 15px; color: #fff;}
.content-box-zone .content-intro a.viewall:hover {text-decoration: underline;}
.content-box-zone .content-box {width: 20%; background-color: #fff; position: relative;}
.content-box-zone .content-box .content { max-width: initial; padding: 0px; }
.content-box-zone .content-box .content .content-overlay {  background: rgba(0,0,0,0.7);  position: absolute;  height: 100%;  width: 100%;  left: 0;  top: 0;  bottom: 0;  right: 0;  opacity: 0;  -webkit-transition: all 0.4s ease-in-out 0s;  -moz-transition: all 0.4s ease-in-out 0s;  transition: all 0.4s ease-in-out 0s;}
.content-box-zone .content-box .content:hover .content-overlay{opacity: 1;}
.content-box-zone .content-box .content-image{width: 100%; height: 250px; object-fit: cover;}
.content-box-zone .content-box .content-details {position: absolute;text-align: center;padding-left: 1em;padding-right: 1em;width: 100%;top: 50%;left: 50%;opacity: 0;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.content-box-zone .content-box .content:hover .content-details{top: 50%;left: 50%;opacity: 1;}
.content-box-zone .content-box .content-details .content-title {color: #fff;margin-bottom: 0.5em;font-size: 3rem;}
.content-box-zone .content-box .content-details .content-title small {font-weight: normal; font-size: 2.1rem;}
.content-box-zone .content-box .content-details p {color: #fff;font-size: 0.8em;}
.content-box-zone .content-box .fadeIn-bottom{top: 80%;}
.content-box-zone .content-box .fadeIn-top{top: 20%;}
.content-box-zone .content-box .fadeIn-left{left: 20%;}
.content-box-zone .content-box .fadeIn-right{left: 80%;}
.content-box-zone .content-intro p:nth-child(1) {font-family: 'DBHelvethaicaX'; font-size: 39px;padding-top: 50px;/*padding-left: 30px;*/text-align: center;}
.content-box-zone .content-intro a.viewall .fa-plus-circle {font-size: 28px;}


#store-zone .container-outer { background: url(/images/bg/BG3.jpg); position: relative; }

#store-zone {margin-bottom: 30px;}
#store-zone .zone-title {text-align: center; margin: 25px 0px 15px; position: relative;color:#333;}
#store-zone .zone-title .title { text-shadow: 2px 2px 5px #3e3e3e; text-align: center; padding: 7px 20px 0px; display: inline-block; margin-bottom: 0px; color: white; }

#store-zone .homecard { margin-bottom: 15px; display: grid; border-radius: 5px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.34); }
#store-zone .homecard .image { box-shadow: unset; background: white; border-top-left-radius: 5px; border-top-right-radius: 5px; height:225px; position: relative; overflow: hidden; }
#store-zone .homecard .image img { object-fit: cover; width: 100%; height: 100%;  }
#store-zone .homecard .image .openhour {position: absolute; bottom: 15px; right: 15px; padding: 1px 15px; background-color: #ccc; font-size: 1.9rem; color: #fff;}
#store-zone .homecard .image .openhour.OPEN {background-color: #339933;}
#store-zone .homecard .image .openhour.CLOSE {background-color: #e11130;}
#store-zone .homecard .image .openhour.NEARLYCLOSE {background-color: #f1ba39;}
#store-zone .homecard .detail {  font-size: 2rem; padding: 15px 10px 7px;line-height: 22px; overflow: hidden; background: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#store-zone .homecard .detail .detail-title { float: left; width: 45%;}
#store-zone .homecard .detail .detail-row {position: relative;float: left;margin-bottom: 5px;width: 100%;font-size: 23px;}
#store-zone .homecard .detail .detail-address { display: inline-block; color: #333; }
#store-zone .homecard .detail .detail-symbol {padding: 3px 0px;}
#store-zone .homecard .detail .detail-rating {display: block; float: right; padding: 3px 0px;}
#store-zone .homecard .detail .detail-rating img {width: 11px; display: inline-block;}
#store-zone .homecard .detail .detail-date {color: #048426;font-size: 23px;}

#store-zone .homecard .detail .detail-symbol img {height: 22px; display: inline-block;}
#store-zone .homecard .detail .detail-title a {color:#000;  }

#store-zone .slide-panel .slick-dots li button::before {font-size: 14px; }
#store-zone .slide-panel .slick-dots li.slick-active button::before {color: #3183d6; opacity: 1;}
#store-zone .slide-panel .slick-arrow {display: none;}

#store-zone .btn-zone { margin: 8px 30px 30px 30px; text-align: center; }
#store-zone .btn-zone a { background: #c1272d;  padding: 5px 25px; border-radius: 20px; font-size: 2.8rem; color: #fff; font-family: 'DB HelvethaicaX Li'; }
#store-zone .homecard .detail .detail-symbol { height: 35px; width: 55%; float: right; text-align: right; }
#store-zone .slide-panel { padding: 25px 0px; }
#store-zone .galleryNext { width: 60px; position: absolute; top: 50%; right: 25px; font-size: 60px; cursor: pointer; color: #FFF; padding: 0px 5px 0px 10px; }
#store-zone .galleryPrev { width: 60px; position: absolute; top: 50%; left: 25px; font-size: 60px; cursor: pointer; color: #FFF; padding: 0px 10px 0px 5px; }

.fontLarge #store-zone .btn-zone a { font-size: 3.4rem; }
.fontSmall #store-zone .btn-zone a { font-size: 2.2rem; }

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 992px) {

}

@media screen and (max-width: 768px) {
    #accommodation-zone .container { padding-left: 35px; padding-right: 35px; }
    #accommodation-zone .galleryNext { right: 0px; }
    #accommodation-zone .galleryPrev { left: 0px; }
    #accommodation-zone .galleryPrev {width: 40px;}
    #accommodation-zone .galleryNext {width: 40px;}
}

@media screen and (max-width: 425px) {
    #accommodation-zone .galleryPrev {width: 40px;}
    #accommodation-zone .galleryNext {width: 40px;}
}

@media screen and (max-width: 375px) {
    #accommodation-zone .galleryPrev {width: 40px;}
    #accommodation-zone .galleryNext {width: 40px;}

}

@media screen and (max-width: 320px) {
    #accommodation-zone .galleryPrev {width: 40px;}
    #accommodation-zone .galleryNext {width: 40px;}

}


#accommodation-zone { margin-bottom: 15px; }
#accommodation-zone .container-outer { background-size: 100%; background: url(../../images/bg/BG2.jpg); position: relative; padding-bottom: 15px; }

#accommodation-zone .zone-title {text-align: center; margin: 25px 0px 35px; position: relative;color:#333;}
#accommodation-zone .zone-title .title { text-shadow: 2px 2px 5px #3e3e3e; color: #fff; padding: 7px 20px 0px; display: inline-block; margin-bottom: 7px;}
#accommodation-zone .zone-title .title .sub-title { font-size: 3.2rem; color: #fff; margin-top: -10px; }

#accommodation-zone .homecard {margin-bottom: 15px; display: grid; background: #fff; border-radius: 5px; box-shadow: 1px 1px 10px #333; overflow: hidden; }
#accommodation-zone .homecard .image { height: 180px; position: relative; box-shadow: unset; }
#accommodation-zone .homecard .image img {object-fit: cover; width: 100%; height: 100%;}
#accommodation-zone .homecard .image .openhour {position: absolute; bottom: 15px; right: 15px; padding: 1px 15px; background-color: #ccc; font-size: 1.9rem; color: #fff;}
#accommodation-zone .homecard .image .openhour.OPEN {background-color: #339933;}
#accommodation-zone .homecard .image .openhour.CLOSE {background-color: #e11130;}
#accommodation-zone .homecard .image .openhour.NEARLYCLOSE {background-color: #f1ba39;}
#accommodation-zone .homecard .detail { font-size: 1.8rem; padding: 15px 15px 7px;line-height: 22px; overflow: hidden; }
#accommodation-zone .homecard .detail .detail-title { }
#accommodation-zone .homecard .detail .detail-title, 
.homecard .detail .detail-row, .homecard .detail .detail-date, 
.homecard .detail .detail-symbol {padding: 3px 0px;}
#accommodation-zone .homecard .detail .detail-row { padding-bottom: 10px; position: relative; float: left; border-bottom: 1px solid #c6c6c6; margin-bottom: 5px; width: 100%; font-size: 23px; }
#accommodation-zone .homecard .detail .detail-address {color: #1a1a1a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;float: left;width: calc(100% - 55px); }
#accommodation-zone .homecard .detail .detail-rating { display: block; float: right; line-height: 1.5; height: 35px; }
#accommodation-zone .homecard .detail .detail-rating img {width: 11px; display: inline-block;}
#accommodation-zone .homecard .detail .detail-date {color: #048426;font-size: 23px;}
#accommodation-zone .homecard .detail .detail-symbol {height: 35px;float: left;}
#accommodation-zone .homecard .detail .detail-symbol img { display: inline-block; overflow: hidden; }

#accommodation-zone .slide-panel .slick-dots li button::before {font-size: 14px; }
#accommodation-zone .slide-panel .slick-dots li.slick-active button::before {color: #3183d6; opacity: 1;}
#accommodation-zone .slide-panel .slick-arrow {display: none;}

#accommodation-zone .galleryNext { width: 60px; position: absolute; top: 50%; right: 25px; font-size: 60px; cursor: pointer; color: #FFF; padding: 0px 5px 0px 10px; }
#accommodation-zone .galleryPrev { width: 60px; position: absolute; top: 50%; left: 25px; font-size: 60px; cursor: pointer; color: #FFF; padding: 0px 10px 0px 5px; }

#accommodation-zone .btn-zone { margin: 25px 30px 30px 30px; text-align: center; }
#accommodation-zone .btn-zone a { font-family: 'DB HelvethaicaX Li'; background: #245aa3;  padding: 5px 25px; border-radius: 20px; font-size: 2.8rem; color: #fff; }

.fontLarge #accommodation-zone .btn-zone a { font-size: 3rem; }
.fontSmall #accommodation-zone .btn-zone a { font-size: 2.6rem; }


@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 992px) {

}

@media screen and (max-width: 768px) {
    #accommodation-zone .container { padding-left: 35px; padding-right: 35px; }
    #accommodation-zone .galleryNext { right: 0px; }
    #accommodation-zone .galleryPrev { left: 0px; }
    #accommodation-zone .galleryPrev {width: 40px;}
    #accommodation-zone .galleryNext {width: 40px;}
}

@media screen and (max-width: 425px) {
    #accommodation-zone .galleryPrev {width: 40px;}
    #accommodation-zone .galleryNext {width: 40px;}
}

@media screen and (max-width: 375px) {
    #accommodation-zone .galleryPrev {width: 40px;}
    #accommodation-zone .galleryNext {width: 40px;}

}

@media screen and (max-width: 320px) {
    #accommodation-zone .galleryPrev {width: 40px;}
    #accommodation-zone .galleryNext {width: 40px;}

}

#restaurant-zone .container-outer { position: relative; }

#restaurant-zone .zone-title {text-align: center; margin: 25px 0px 35px; position: relative; color:#333; }
#restaurant-zone .zone-title .title { padding: 7px 20px 0px; display: inline-block; margin-bottom: 7px;}
#restaurant-zone .zone-title .title .sub-title { font-size: 3.2rem; color: #333; margin-top: -10px; }

#restaurant-zone .homecard {margin-bottom: 15px; border-radius: 5px;}
#restaurant-zone .homecard .image { background-color: white; box-shadow: 3px 3px 3px rgba(125, 125, 125, 0.34); height: 220px; position: relative; border-radius: 5px;}
#restaurant-zone .homecard .image img {object-fit: cover; width: 100%; height: 100%; border-radius: 5px; }
#restaurant-zone .homecard .image .openhour {position: absolute; bottom: 15px; right: 15px; padding: 1px 15px; background-color: #ccc; font-size: 1.9rem; color: #fff;}
#restaurant-zone .homecard .image .openhour.OPEN {background-color: #339933;}
#restaurant-zone .homecard .image .openhour.CLOSE {background-color: #e11130;}
#restaurant-zone .homecard .image .openhour.NEARLYCLOSE {background-color: #f1ba39;}
#restaurant-zone .homecard .detail { font-size: 2rem; line-height: 22px; position: absolute; bottom: 0; padding: 7px 15px; background: rgba(0,0,0,0.4); width: 100%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
#restaurant-zone .homecard .detail .detail-title { width: 60%; float: left;}
#restaurant-zone .homecard .detail .detail-title a { color:#fff; overflow: hidden; width: 100%; text-overflow: ellipsis; display: inherit; }
#restaurant-zone .homecard .detail .detail-row {position: relative;float: left;margin-bottom: 5px;width: 100%;font-size: 23px;}
#restaurant-zone .homecard .detail .detail-address {color: #fff; float: left;width: 180px; }
#restaurant-zone .homecard .detail .detail-rating {display: block; float: right; padding-top: 3px;}
#restaurant-zone .homecard .detail .detail-rating {display: block; float: right; padding-top: 3px;}
#restaurant-zone .homecard .detail .detail-rating img {width: 11px; display: inline-block; margin-right: 2px;}
#restaurant-zone .homecard .detail .detail-date {color: #048426;font-size: 23px;}
#restaurant-zone .homecard .detail .detail-symbol { float: right; width: 40%; text-align: right; padding: 3px 0px; }

#restaurant-zone .homecard .detail .detail-symbol img { display: inline-block; width: auto; height: 24px; }

#restaurant-zone .slide-panel .slick-dots li button::before {font-size: 14px; }
#restaurant-zone .slide-panel .slick-dots li.slick-active button::before {color: #3183d6; opacity: 1;}
#restaurant-zone .slide-panel .slick-arrow {display: none;}

#restaurant-zone { margin-bottom: 15px; }

#restaurant-zone .galleryNext { width: 60px; position: absolute; top: 50%; right: 25px; font-size: 60px; cursor: pointer; color: #FFF; padding: 0px 5px 0px 10px; }
#restaurant-zone .galleryPrev { width: 60px; position: absolute; top: 50%; left: 25px; font-size: 60px; cursor: pointer; color: #FFF; padding: 0px 10px 0px 5px; }

#restaurant-zone .btn-zone { margin: 25px 30px 30px 30px; text-align: center; }
#restaurant-zone .btn-zone a { font-family: 'DB HelvethaicaX Li'; background: #245aa3;  padding: 5px 25px; border-radius: 20px; font-size: 2.8rem; color: #fff; }

.fontLarge #restaurant-zone .btn-zone a { font-size: 3rem; }
.fontSmall #restaurant-zone .btn-zone a { font-size: 2.6rem; }

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 992px) {

}

@media screen and (max-width: 768px) {
    #restaurant-zone .container { padding-left: 35px; padding-right: 35px; }
    #restaurant-zone .galleryNext { right: 0px; }
    #restaurant-zone .galleryPrev { left: 0px; }
    #restaurant-zone .galleryPrev {width: 40px;}
    #restaurant-zone .galleryNext {width: 40px;}
}

@media screen and (max-width: 425px) {
    #restaurant-zone .galleryPrev {width: 40px;}
    #restaurant-zone .galleryNext {width: 40px;}
}

@media screen and (max-width: 375px) {
    #restaurant-zone .galleryPrev {width: 40px;}
    #restaurant-zone .galleryNext {width: 40px;}

}

@media screen and (max-width: 320px) {
    #restaurant-zone .galleryPrev {width: 40px;}
    #restaurant-zone .galleryNext {width: 40px;}

}

#attractiondirectoryupdated-zone { margin-top: 30px; }
#attractiondirectoryupdated-zone .zone-title { margin: 10px 0px 30px; }
#attractiondirectoryupdated-zone .zone-title .title:nth-child(2) { color: #245aa3; }
#attractiondirectoryupdated-zone .slide-panel .slick-dots {position: absolute;bottom: -40px;}
#attractiondirectoryupdated-zone .zone-title .title .hilight {color: #ED1D24;}
#attractiondirectoryupdated-zone .container-outer { background: #ededed; padding: 30px 0px 60px; }
#attractiondirectoryupdated-zone .homecard { padding-bottom: 10px; border-bottom: 1px solid #c4c4c4; display: inline-block; width: 100%; }
#attractiondirectoryupdated-zone .homecard .image { border-radius: 5px; overflow: hidden; box-shadow: unset; background: white; height: 210px; }
#attractiondirectoryupdated-zone .homecard .image .openhour { right: 0px; }

.fontLarge #attractiondirectoryupdated-zone .homecard .detail .detail-title { font-size: 3.4rem; }

.fontSmall #attractiondirectoryupdated-zone .homecard .detail .detail-title { font-size: 2.2rem; }

#activity-zone { position: relative; margin-top: 0px; padding-bottom: 30px; }
#activity-zone .container-outer { background: url(/images/bg/BG4.jpg) no-repeat; position: relative; padding: 30px 0 30px; }
#activity-zone .zone-title { margin: 15px 0 30px; }
#activity-zone .zone-title .btn.btn-default { border: unset; }
#activity-zone .zone-title .title { text-shadow: 2px 2px 5px #3e3e3e; color: white; }
#activity-zone .zone-title .sub-title { text-shadow: 2px 2px 5px #3e3e3e; color: white; }
#activity-zone .slick-list .homecard .detail-row .detail-rating {display:none;}
#activity-zone .homecard { box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.34); }
#activity-zone .homecard .image { border-top-right-radius: 5px; border-top-left-radius: 5px; overflow: hidden; box-shadow: unset; }
#activity-zone .homecard .detail { font-size: 2rem; padding: 10px 15px 10px; line-height: 22px; overflow: hidden; background: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#activity-zone .homecard .detail .detail-title {}
#activity-zone .homecard .detail .detail-row { width: 100%; margin-top: 5px; }
#activity-zone .homecard .detail .detail-address { width: 100%; color: #245aa3; }
#activity-zone .homecard .detail .detail-date { color: #009245; width: 100%; margin-bottom: 5px; }
#activity-zone .homecard .detail .detail-symbol img { height: 20px; }
#activity-zone .slick-dots { position: absolute;bottom: -40px; }

.fontLarge #activity-zone .homecard .detail .detail-symbol img { height: 22px; }

.fontSmall #activity-zone .homecard .detail .detail-symbol img { height: 18px; }

#smart-interactive-map-zone {position: relative; margin-top: 30px;}
#smart-interactive-map-zone .container {position: relative; padding: 0px; }
#smart-interactive-map-zone .detail-zone .detail-part .intro {position: relative; height: 250px; padding: 0 15px; }
#smart-interactive-map-zone .detail-zone .detail-part .intro img {width: 100%; height: 100%; object-fit: cover;}
#smart-interactive-map-zone .detail-zone .detail-part .intro .intro-text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; width: 100%; }
#smart-interactive-map-zone .detail-zone .detail-part .intro .intro-text p { text-shadow: 2px 2px 5px #3e3e3e; font-family: 'DB HelvethaicaX Med'; font-size: 6rem; color: #fff; padding: 15px 0px;}
#smart-interactive-map-zone .detail-zone .detail-part .intro .intro-text a { font-family: 'DB HelvethaicaX Li'; background: #245aa3; padding: 5px 25px; border-radius: 20px; font-size: 2.8rem; color: #fff; }
#smart-interactive-map-zone .detail-zone .detail-part .list-item {width: 100%; white-space: nowrap; padding: 20px 10px 20px;}
#smart-interactive-map-zone .detail-zone .detail-part .item-item {margin-right: -15px; margin-left: -15px;  }
#smart-interactive-map-zone .detail-zone .detail-part .item {width: 250px; padding-right: 7px; padding-left: 7px; display: inline-block;}
#smart-interactive-map-zone .detail-zone .detail-part .item .item-box {cursor: pointer;}
#smart-interactive-map-zone .detail-zone .detail-part .item .item-box .image { height: 265px; }
#smart-interactive-map-zone .detail-zone .detail-part .item .item-box .image img {height: 100%; width: 100%; object-fit: cover;}
#smart-interactive-map-zone .detail-zone .detail-part .item .item-box .detail {padding: 5px 5px 7px;}
#smart-interactive-map-zone .detail-zone .detail-part .item .item-box .detail .detail-title { 
    font-family: 'DB HelvethaicaX Med';
    color: #000000;
    font-size: 2.8rem;
    white-space: normal;
    overflow: hidden;
    line-height: 1.2;
    padding: 10px 0px;
    height: 67.2px;
    margin-bottom: 10px;
}
#smart-interactive-map-zone .detail-zone .detail-part .item .item-box .detail .detail-desc { overflow: hidden; margin-bottom: 15px; font-family: 'DBHelvethaicaX'; min-height: 135px; font-size: 2.2rem; line-height: 1.2; white-space: normal; }
#smart-interactive-map-zone .detail-zone .detail-part .item .item-box .detail .detail-desc span { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
#smart-interactive-map-zone .detail-zone .detail-part .item .item-box .detail .detail-more { padding: 0px; }
#smart-interactive-map-zone .detail-zone .detail-part .item .item-box .detail .detail-more img { height: 25px; display: inline-block; margin-right: 10px; float: left; }
#smart-interactive-map-zone .detail-zone .detail-part .item .item-box .detail .detail-more span { font-size: 2.2rem; font-family: 'DBHelvethaicaX'; color: #f4333d; line-height: 1.2; }

.fontLarge #smart-interactive-map-zone .detail-zone .detail-part .intro .intro-text p { font-size: 4.2rem; }
.fontLarge #smart-interactive-map-zone .detail-zone .detail-part .intro .intro-text a { font-size: 3rem; }
.fontLarge #smart-interactive-map-zone .detail-zone .detail-part .item .item-box .detail .detail-title { font-size: 3.4rem; height: 81.6px; }
.fontLarge #smart-interactive-map-zone .detail-zone .detail-part .item .item-box .detail .detail-desc { font-size: 2.8rem; }
.fontLarge #smart-interactive-map-zone .detail-zone .detail-part .item .item-box .detail .detail-more span { font-size: 2.8rem; }
.fontLarge #smart-interactive-map-zone .detail-zone .detail-part .item .item-box .detail .detail-more img { height: 27px; }

.fontSmall #smart-interactive-map-zone .detail-zone .detail-part .intro .intro-text p { font-size: 3.8rem; }
.fontSmall #smart-interactive-map-zone .detail-zone .detail-part .intro .intro-text a { font-size: 2.6rem; }
.fontSmall #smart-interactive-map-zone .detail-zone .detail-part .item .item-box .detail .detail-title { font-size: 2.2rem; height: 52.8px;}
.fontSmall #smart-interactive-map-zone .detail-zone .detail-part .item .item-box .detail .detail-desc { font-size: 1.6rem; }
.fontSmall #smart-interactive-map-zone .detail-zone .detail-part .item .item-box .detail .detail-more span { font-size: 1.6rem; }
.fontLarge #smart-interactive-map-zone .detail-zone .detail-part .item .item-box .detail .detail-more img { height: 23px; }

.tab-content #tab02 .itemBox .detail-std .fa-map-marker {display:none !important;}

#attraction-zone {margin-top: 10px; background: url('../../images/bg/BG1.jpg') no-repeat; }
#attraction-zone .slide-panel .slick-dots {position: absolute;bottom: -25px;}
#attraction-zone .zone-title { margin: 50px 0px 25px; }

#attraction-slide2 .recommend .detail {background: #d1d3d424;float: left;width: 100%;padding: 5px 15px 0px;}
#attraction-slide2 .recommend .detail .detail-symbol {float:right;}
#attraction-slide2 {margin-bottom:20px;margin-top: 13px;}
#attraction-slide2 .recommend .image {width: 100%;float: left;}
#attraction-slide2 .recommend .detail a {float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 85%;}

#attractionupdated-zone {margin-top: 50px;}

#stat-zone {background: #353861;position: relative;  padding: 50px 0px; margin-bottom: 30px; }
#stat-zone .stat-icon-zone {clear: both;}
#stat-zone .stat-icon-zone .stat-box {display: block; width: 20%; float: left;}
#stat-zone .stat-icon-zone .stat-box a {width: 100%; }
#stat-zone .stat-icon-zone .stat-box .icon, 
#stat-zone .stat-icon-zone .stat-box .number, 
#stat-zone .stat-icon-zone .stat-box .name {display: block; text-align: center;} 
#stat-zone .stat-icon-zone .stat-box .icon img { height: 100px; margin-bottom: 15px; }
#stat-zone .stat-icon-zone .stat-box .number {font-family: 'Prompt SemiBold'; font-size: 29px;}
#stat-zone .stat-icon-zone .stat-box .name {font-family: 'Prompt Regular'; font-size: 20px; margin-top: 5px; }
#stat-zone .stat-icon-zone .stat-box .name .verified {color: #FFCC66;}
#stat-zone .stat-icon-zone .stat-box .name .unverified {color: #EF9D20;}
#stat-zone .stat-icon-zone #stat-box-1.stat-box a {color: #fff; }
#stat-zone .stat-icon-zone #stat-box-2.stat-box a {color: #fff; }
#stat-zone .stat-icon-zone #stat-box-3.stat-box a {color: #fff; }
#stat-zone .stat-icon-zone #stat-box-4.stat-box a {color: #fff; }
#stat-zone .stat-icon-zone #stat-box-5.stat-box a {color: #fff; }

#stat-zone {background-image: url(../../images/bg/stat-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
#stat-zone .slide-panel {position: relative;}
#stat-zone .slide-panel .col-md-3 {padding-left: 0px;}
#stat-zone .stat-box2 {border-left: 1px solid #fff; font-family: 'DB HelvethaicaX Li'; text-align: center; font-size: 30px; color: #fff; line-height: 1.5; padding-left: 15px;}
#stat-zone .stat-box2 .info { font-weight: bold; padding: 15px 0px 15px; font-size: 30px; line-height: 1;}
#stat-zone .stat-box2 .number {color: #ffcc00; border-top: 2px solid #ffcc00; border-bottom: 2px solid #ffcc00; padding: 5px 0px; font-size: 52px; font-weight: bold; }
#stat-zone .stat-box2 .unit {padding: 5px 0px;}
#stat-zone .slick-current .stat-box2 {border-left: none;}
#stat-zone .galleryNext { width: 60px; position: absolute; top: 50%; right: -85px; font-size: 60px; cursor: pointer; color: #FFF; padding: 0px 5px 0px 10px; }
#stat-zone .galleryPrev { width: 60px; position: absolute; top: 50%; left: -85px; font-size: 60px; cursor: pointer; color: #FFF; padding: 0px 10px 0px 5px; }

.fontLarge #stat-zone .stat-icon-zone .stat-box .number { font-size: 34px; }
.fontLarge #stat-zone .stat-icon-zone .stat-box .name { font-size: 25px; }
.fontLarge #stat-zone .stat-box2 {font-size: 36px;}
.fontLarge #stat-zone .stat-box2 .info {font-size: 36px;}
.fontLarge #stat-zone .stat-box2 .number {font-size: 58px;}

.fontSmall #stat-zone .stat-icon-zone .stat-box .number { font-size: 27px; }
.fontSmall #stat-zone .stat-icon-zone .stat-box .name { font-size: 18px; }
.fontSmall #stat-zone .stat-box2 {font-size: 24px;}
.fontSmall #stat-zone .stat-box2 .info {font-size: 24px;}
.fontSmall #stat-zone .stat-box2 .number {font-size: 46px;}

/***************** abotthailand *************************/
#abotthailand-zone {position: relative; padding-top: 45px; padding-bottom: 30px; }
#abotthailand-zone .zone-title { margin: 15px 0 15px; }
#abotthailand-zone .zone-title .title { text-align: center; }
#abotthailand-zone .box-zone {}
#abotthailand-zone .box-zone .row {margin-left: -5px; margin-right: -5px;}
#abotthailand-zone .box-zone .box-item {padding: 0px 5px; position: relative; margin-bottom: 10px; height: 225px;}
#abotthailand-zone .box-zone .box-item .box-title {background-color: #003366; width: 100%; height: 100%; color: #fff; font-family: 'DBHelvethaicaX'; position: relative;}
#abotthailand-zone .box-zone .box-item .box-title .box-title-inner {position: absolute; padding: 0px 30px; top: 50%; left: 0; transform: translateY(-50%);}
#abotthailand-zone .box-zone .box-item .box-title .title {font-size: 50px; font-weight: bold;}
#abotthailand-zone .box-zone .box-item .box-title .subtitle {font-size: 32px;}
#abotthailand-zone .box-zone .box-item .box-box {width: 100%; height: 100%; position: relative;}
#abotthailand-zone .box-zone .box-item .box-box .box-link {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none;}
#abotthailand-zone .box-zone .box-item .box-box:hover .box-link {display: unset;}
#abotthailand-zone .box-zone .box-item img {width: 100%; height: 100%; object-fit: cover;}
#abotthailand-zone .box-zone .box-item a { transition: background-color 0.5s; left: 0; font-family: 'DBHelvethaicaX'; padding: 7px 15px; color: #fff; position: absolute; top: 0; background-color: rgba(0, 0, 0, 0); font-size: 3.6rem; text-align: center; width: 100%; height: 100%; }
#abotthailand-zone .box-zone .box-item a:hover { background-color: rgba(0, 0, 0, 0.5); }
#abotthailand-zone .box-zone .box-item span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 15px; }

.fontLarge #abotthailand-zone .box-zone .box-item .box-title .title {font-size: 56px;}
.fontLarge #abotthailand-zone .box-zone .box-item .box-title .subtitle {font-size: 38px;}
.fontLarge #abotthailand-zone .box-zone .box-item a {font-size: 4.2rem; }

.fontSmall #abotthailand-zone .box-zone .box-item .box-title .title {font-size: 44px;}
.fontSmall #abotthailand-zone .box-zone .box-item .box-title .subtitle {font-size: 26px;}
.fontSmall #abotthailand-zone .box-zone .box-item a {font-size: 3rem; }
/***************** End: abotthailand *************************/

/***************** thaimedicalhub *************************/
#thaimedicalhub-zone {}
#thaimedicalhub-zone .banner-img img {width: 100%;}
/***************** End: thaimedicalhub *************************/

/***************** thainess *************************/
#thainess-zone {margin-top: 30px;}
#thainess-zone .zone-title { margin: 15px 0 15px; }
#thainess-zone .container-outer { padding: 30px 0 15px; background-color: #f2f2f2; }
#thainess-zone .hilight {margin-bottom: 15px;}
#thainess-zone .thainess-box-cover {position: relative;}
#thainess-zone .thainess-box {position: absolute; width: 400px; padding: 15px 15px 15px 25px; box-shadow: 5px 5px 5px rgba(125, 125, 125, 0.2); z-index: 850; top: 50px; right: 0px; background-color: #fff;}
#thainess-zone .thainess-box .title {font-family: 'Prompt Medium'; font-size: 3.1rem; color: #1179c0; line-height: 50px;margin: 0px; }
#thainess-zone .thainess-box .subtitle {font-family: 'Prompt Regular'; font-size: 2.6rem;color: #000000; line-height: 32px; margin-bottom: 10px; }
#thainess-zone .thainess-box .detail {font-family: 'Prompt Regular'; font-size: 1.6rem;color: #000; margin-bottom: 10px; }
#thainess-zone .thainess-box .btn { color: #fff;font-family: 'DB HelvethaicaX Li'; font-size: 2.2rem; background-color: #245aa3;float: right; height: 40px; border-radius: 5px; }
#thainess-zone #thainess-carousel {height: 350px;}
#thainess-zone #thainess-carousel .item {height: 350px;}
#thainess-zone #thainess-carousel img {height: 100%; width: 100%; object-fit: cover;}
#thainess-zone .homecard .detail .detail-title { font-family: 'Prompt Medium'; }
#thainess-zone .homecard .detail .detail-address {margin-right: 0; font-family: 'Prompt Regular'; } 
#thainess-zone .homecard .image {height: 230px; box-shadow: unset; }
#thainess-zone .thainess-box p {margin: 0px;}

#thainess-zone {background-image: url(../../images/bg/thainess-bg.jpg); background-size: cover; background-position: center center; padding: 45px 0px 60px;}
#thainess-zone .thainess-inner {}
#thainess-zone .thainess-inner .row {margin-left: 0px; margin-right: 0px;}
#thainess-zone .thainess-inner .row .col-md-3, #thainess-zone .thainess-inner .row .col-md-9 {padding: 0px;}
#thainess-zone .thainess-inner .thainess-box2 {height: 275px; position: relative;}
#thainess-zone .thainess-inner .thainess-box2 .info {color: #fff; position: absolute; top: 50%; left: 0; font-size: 30px; padding: 0px 30px; font-family: 'DBHelvethaicaX'; transform: translateY(-50%);}
#thainess-zone .thainess-inner .thainess-box2 .info .info-title {color: #ffcc00; font-size: 54px; font-weight: bold;}
#thainess-zone .thainess-inner .thainess-box2 .info .info-subtitle {font-size: 48px; font-weight: bold;}
#thainess-zone .thainess-inner .thainess-box2 .info .info-detail {}
#thainess-zone .thainess-inner .thainess-box2 .img {width: 100%; height: 100%; background-color: rgba(255,255,255,0.5);}
#thainess-zone .thainess-inner .thainess-box2 .img img {width: 100%; height: 100%; object-fit: cover;}
#thainess-zone .thainess-inner .thainess-box2 .detail {position: absolute; bottom: 0px; left: 0px; width: 100%; background-color: rgba(255,255,255,0.5); padding: 10px; text-align: center; font-family: 'DB HelvethaicaX Li'; font-size: 2.2rem; }
#thainess-zone .thainess-inner .thainess-box2 .detail a {color: #003366;}
#thainess-zone .thainess-inner .thainess-box2 .detail .detail-title {width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; font-size: 3.2rem;}
#thainess-zone .thainess-inner .thainess-box2 .detail .detail-address {width: 100%; display: block;}
#thainess-zone .thainess-inner .thainess-box2.odd .detail {background-color: rgba(0,0,0,0.5); }
#thainess-zone .thainess-inner .thainess-box2.odd .detail a {color: #fff;}
#thainess-zone .thainess-inner .thainess-box2:hover .detail {transition: background-color 0.5s; background-color: rgba(255,255,255,0.8); }
#thainess-zone .thainess-inner .thainess-box2.odd:hover .detail {transition: background-color 0.5s; background-color: rgba(0,0,0,0.8); }

.fontLarge #thainess-zone .thainess-box .title { font-size: 3.3rem; }
.fontLarge #thainess-zone .thainess-box .subtitle { font-size: 2.8rem; }
.fontLarge #thainess-zone .thainess-box .detail { font-size: 1.8rem; }
.fontLarge #thainess-zone .thainess-box .btn { font-size: 2.4rem; }
.fontLarge #thainess-zone .thainess-inner .thainess-box2 .info {font-size: 36px;}
.fontLarge #thainess-zone .thainess-inner .thainess-box2 .info .info-title {font-size: 60px;} 
.fontLarge #thainess-zone .thainess-inner .thainess-box2 .info .info-subtitle {font-size: 54px;} 
.fontLarge #thainess-zone .thainess-inner .thainess-box2 .detail {font-size: 2.8rem; }
.fontLarge #thainess-zone .thainess-inner .thainess-box2 .detail .detail-title {font-size: 3.8rem;}

.fontSmall #thainess-zone .thainess-box .title { font-size: 2.9rem; }
.fontSmall #thainess-zone .thainess-box .subtitle { font-size: 2.4rem; }
.fontSmall #thainess-zone .thainess-box .detail { font-size: 1.4rem; }
.fontSmall #thainess-zone .thainess-box .btn { font-size: 2.0rem; }
.fontSmall #thainess-zone .thainess-inner .thainess-box2 .info {font-size: 24px;}
.fontSmall #thainess-zone .thainess-inner .thainess-box2 .info .info-title {font-size: 48px;} 
.fontSmall #thainess-zone .thainess-inner .thainess-box2 .info .info-subtitle {font-size: 42px;} 
.fontSmall #thainess-zone .thainess-inner .thainess-box2 .detail {font-size: 1.6rem; }
.fontSmall #thainess-zone .thainess-inner .thainess-box2 .detail .detail-title {font-size: 2.6rem;}
/***************** End: thainess *************************/

/***************** campaign *************************/
#campaign-zone {margin-top: 30px;}
#campaign-zone .zone-title { margin: 15px 0 15px; }
#campaign-zone .container-outer { padding: 30px 0 15px; background-color: #f2f2f2; }
#campaign-zone .hilight {margin-bottom: 15px;}
#campaign-zone .campaign-box-cover {position: relative;}
#campaign-zone .campaign-box {position: absolute; width: 400px; padding: 15px 15px 15px 25px; box-shadow: 5px 5px 5px rgba(125, 125, 125, 0.2); z-index: 850; top: 50px; right: 0px; background-color: #fff;}
#campaign-zone .campaign-box .title {font-family: 'Prompt Medium'; font-size: 3.1rem; color: #1179c0; line-height: 50px;margin: 0px; }
#campaign-zone .campaign-box .subtitle {font-family: 'Prompt Regular'; font-size: 2.6rem;color: #000000; line-height: 32px; margin-bottom: 10px; }
#campaign-zone .campaign-box .detail {font-family: 'Prompt Regular'; font-size: 1.6rem;color: #000; margin-bottom: 10px; }
#campaign-zone .campaign-box .btn { color: #fff;font-family: 'DB HelvethaicaX Li'; font-size: 2.2rem; background-color: #245aa3;float: right; height: 40px; border-radius: 5px; }
#campaign-zone #campaign-carousel {height: 350px;}
#campaign-zone #campaign-carousel .item {height: 350px;}
#campaign-zone #campaign-carousel img {height: 100%; width: 100%; object-fit: cover;}
#campaign-zone .homecard .detail .detail-title { font-family: 'Prompt Medium'; }
#campaign-zone .homecard .detail .detail-address {margin-right: 0; font-family: 'Prompt Regular'; } 
#campaign-zone .homecard .image {height: 230px; box-shadow: unset; }
#campaign-zone .campaign-box p {margin: 0px;}

#campaign-zone {background-image: url(../../images/bg/thainess-bg.jpg); background-size: cover; background-position: center center; padding: 45px 0px 60px;}
#campaign-zone .campaign-inner {}
#campaign-zone .campaign-inner .row {margin-left: 0px; margin-right: 0px;}
#campaign-zone .campaign-inner .row .col-md-3, #campaign-zone .campaign-inner .row .col-md-9 {padding: 0px;}
#campaign-zone .campaign-inner .campaign-box2 {height: 275px; position: relative;}
#campaign-zone .campaign-inner .campaign-box2 .info {color: #fff; position: absolute; top: 50%; left: 0; font-size: 30px; padding: 0px 30px; font-family: 'DBHelvethaicaX'; transform: translateY(-50%);}
#campaign-zone .campaign-inner .campaign-box2 .info .info-title {color: #ffcc00; font-size: 54px; font-weight: bold;}
#campaign-zone .campaign-inner .campaign-box2 .info .info-subtitle {font-size: 48px; font-weight: bold;}
#campaign-zone .campaign-inner .campaign-box2 .info .info-detail {}
#campaign-zone .campaign-inner .campaign-box2 .img {width: 100%; height: 100%; background-color: rgba(255,255,255,0.5);}
#campaign-zone .campaign-inner .campaign-box2 .img img {width: 100%; height: 100%; object-fit: cover;}
#campaign-zone .campaign-inner .campaign-box2 .detail {position: absolute; bottom: 0px; left: 0px; width: 100%; background-color: rgba(255,255,255,0.5); padding: 10px; text-align: center; font-family: 'DB HelvethaicaX Li'; font-size: 2.2rem; }
#campaign-zone .campaign-inner .campaign-box2 .detail a {color: #003366;}
#campaign-zone .campaign-inner .campaign-box2 .detail .detail-title {width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; font-size: 3.2rem;}
#campaign-zone .campaign-inner .campaign-box2 .detail .detail-address {width: 100%; display: block;}
#campaign-zone .campaign-inner .campaign-box2.odd .detail {background-color: rgba(0,0,0,0.5); }
#campaign-zone .campaign-inner .campaign-box2.odd .detail a {color: #fff;}
#campaign-zone .campaign-inner .campaign-box2:hover .detail {transition: background-color 0.5s; background-color: rgba(255,255,255,0.8); }
#campaign-zone .campaign-inner .campaign-box2.odd:hover .detail {transition: background-color 0.5s; background-color: rgba(0,0,0,0.8); }
#campaign-zone .campaign-inner .campaign-box2 a.lnkCampaign {position: absolute; top: 0; right: 0; background: #ffffff; padding: 5px; width: 45px; height: 34px; border-radius: 4px;}
#campaign-zone .campaign-inner .campaign-box2 a.lnkCampaign em {position: relative; color: #245AA3; font-size: 24px; left: 8px; }

.fontLarge #campaign-zone .campaign-box .title { font-size: 3.3rem; }
.fontLarge #campaign-zone .campaign-box .subtitle { font-size: 2.8rem; }
.fontLarge #campaign-zone .campaign-box .detail { font-size: 1.8rem; }
.fontLarge #campaign-zone .campaign-box .btn { font-size: 2.4rem; }
.fontLarge #campaign-zone .campaign-inner .campaign-box2 .info {font-size: 36px;}
.fontLarge #campaign-zone .campaign-inner .campaign-box2 .info .info-title {font-size: 60px;} 
.fontLarge #campaign-zone .campaign-inner .campaign-box2 .info .info-subtitle {font-size: 54px;} 
.fontLarge #campaign-zone .campaign-inner .campaign-box2 .detail {font-size: 2.8rem; }
.fontLarge #campaign-zone .campaign-inner .campaign-box2 .detail .detail-title {font-size: 3.8rem;}

.fontSmall #campaign-zone .campaign-box .title { font-size: 2.9rem; }
.fontSmall #campaign-zone .campaign-box .subtitle { font-size: 2.4rem; }
.fontSmall #campaign-zone .campaign-box .detail { font-size: 1.4rem; }
.fontSmall #campaign-zone .campaign-box .btn { font-size: 2.0rem; }
.fontSmall #campaign-zone .campaign-inner .campaign-box2 .info {font-size: 24px;}
.fontSmall #campaign-zone .campaign-inner .campaign-box2 .info .info-title {font-size: 48px;} 
.fontSmall #campaign-zone .campaign-inner .campaign-box2 .info .info-subtitle {font-size: 42px;} 
.fontSmall #campaign-zone .campaign-inner .campaign-box2 .detail {font-size: 1.6rem; }
.fontSmall #campaign-zone .campaign-inner .campaign-box2 .detail .detail-title {font-size: 2.6rem;}
/***************** End: campaign *************************/

.container-outer {  max-width: 1344px; margin: auto; }