@charset "UTF-8";
.pointer{cursor: pointer;}
.font-orange {color:#ff7200}
.txt-upper{text-transform: uppercase;}
.font-weight-bold{font-weight: bold}
/*
.font-blink {color:#0259aa}
.font-green {color:#006600}
.font-blue  {color:#0000FF} 
.font-gold  {color:#ed9c28} 
.font-primary  {color:#0088cc}
.font-red   {color:#FF0000} 
.font-grey  {color:#CCC}
.font-darkgrey  {color:#444}
.font-purple{color:#9900CC}
*/

.text-center{text-align: center}
.text-center-flex {display: flex;justify-content: center;align-items: center;}

/* #ACCORDION #NEW
=========================================================*/
.according > dt{margin-bottom: 10px;font-weight:bold;letter-spacing: 1px;}
.according > dt > a{display: block;position: relative;text-decoration: none;padding:0px 0px;
-webkit-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
-moz-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
-o-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.according > dt > a:hover{text-decoration: none;color: #444;}
.according > dt > a.active{cursor: default;}
.according > dt > a:after{content: "\f107";
	width: 15px;
	height: 15px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right: 10px;
	font-family: "Font Awesome 6 Free";
	speak: none;
	font-style: normal;
	font-weight: 900;
	font-variant: normal;
	text-transform: none;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.according > dt > a.active:after,
.according > dt > a.active:hover:after{
	content: "\f106";

}
.according > dt > a:hover:after{
	color: #444;
}
.according > dd{margin-bottom:15px;padding-left:5px}
.according > dd li:before{content: "- ";}

/*----- COLUMNS -----*/
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.mw250{max-width:250px}
.mw300{max-width:300px}
.mw350{max-width:350px}
.clear {clear: both}
.columns {
-webkit-column-gap: 10px;
-webkit-column-fill: auto;
column-gap: 15px;
/*column-fill: auto;  remove 2023-03-11 */
-moz-column-fill: balance;
-moz-column-gap: 10px;
}
.count2{-webkit-column-count: 2;column-count: 2;-moz-column-count: 2;}
.count3{-webkit-column-count: 3;column-count: 3;-moz-column-count: 3;}
.count4{-webkit-column-count: 4;column-count: 4;-moz-column-count: 4;}
.count5{-webkit-column-count: 5;column-count: 5;-moz-column-count: 5;}


.text-underline{text-decoration: underline}
.text-ellipsis {overflow: hidden;display:-webkit-box;-webkit-box-orient: vertical}
.text-ellipsis.line-clamp1 {-webkit-line-clamp: 1;height:25px;}
.text-ellipsis.line-clamp2 {-webkit-line-clamp: 3;height:58px;font-size:14px;line-height:20px}
.text-ellipsis.line-clamp3 {-webkit-line-clamp: 3;height:75px;font-size:14px;line-height:20px}
.text-ellipsis.line-text   {-webkit-line-clamp: 1;height:18px;}

.text-small-mark {font-size:10px;color:#747d7e;font-weight:600;text-transform:uppercase;display: flex;align-items: center;height:18px;white-space: pre}


.btn-rating{color:#fff;background-color:#5d8ea1;display: flex;align-items: center;height:16px;line-height:17px;
text-align: center;border-radius: 3px;font-size: 12px;padding-left:4px;padding-right:4px;font-weight:600;}
.btn-rating i{font-size: 10px}

.catalog-vertical {position:relative;width:100%;color:#444;text-align:left;display:inline-block;background:#fff;border:0px;margin: 0 0px 15px;-webkit-column-break-inside: avoid;-moz-column-break-inside: avoid;column-break-inside: avoid;}
.catalog-vertical img[src$=".jpg"],.catalog-vertical img[src$=".jpeg"] {object-fit: cover;width: 100%;height:250px;}
.catalog-vertical.video img[src$=".jpg"] {filter: brightness(70%);}
.catalog-vertical.video:hover img[src$=".jpg"] {filter: brightness(35%);transition-duration: 0.5s;}
.box-vertical{width:auto;margin:15px 10px;overflow: hidden}


.catalog-horizon {position:relative;width:100%;height:185px;color:#444;text-align:left;display:inline-block;background:#fff;border:0px;margin: 0 0 10px 0;}
.catalog-horizon-image{height:185px;width:325px;overflow:hidden;text-align:center;position:absolute;top:0px;left:0px;background-color: #000}
.catalog-horizon-image img[src$=".jpg"] {min-width: 325px;max-width: none;height:185px;}
.catalog-horizon-image.video img[src$=".jpg"] {filter: brightness(70%);}
.catalog-horizon-image.video:hover img[src$=".jpg"] {filter: brightness(35%);transition-duration: 0.5s;}
.box-horizon{position:absolute;top:0px;left:325px;height:185px;right:0px;padding:5px}

.catalog-thumb {position:relative;width:100%;height:58px;color:#444;text-align:left;display:inline-block;background:#fff;margin: 0;border-bottom: 1px solid #E5E3E1}
.catalog-thumb-image,.catalog-thumb-image img[src$=".jpg"]{height:57px;width:100px;overflow:hidden;text-align:center;position:absolute;top:0px;left:0px}
.catalog-thumb-image.video img[src$=".jpg"] {filter: brightness(70%);}
.catalog-thumb-image.video:hover img[src$=".jpg"] {filter: brightness(35%);transition-duration: 0.5s;}
.box-thumb{position:absolute;top:0px;left:110px;height:58px;right:0px;overflow: hidden;padding: 6px 5px 8px 0px}


.div-table {display: table;width: 100%;position: relative;}
.div-table-cell-50 {display: table-cell;vertical-align: top;width:50%}

.container-v-overview {margin: 0px 0px 10px 0px;height: 45px;overflow-y: hidden;}
.container-h-overview {padding: 20px 15px 5px 15px;border-bottom: 1px solid #ede7e1;}
.container-h-des     {padding: 10px 15px 5px 15px;}

.container-v-mark  {width: calc(100% - 80px);}
.container-v-price {width: 80px;border-left:2px solid #ede7e1;text-align:right}

.container-h-mark  {width: calc(100% - 110px);}
.container-h-price {width: 110px;height:185px;border-left: 1px solid #ede7e1;vertical-align: center;text-align: center;padding: 45px 10px 0 10px;}

.container-v-price b,
.container-h-price b 
{font-weight: normal;letter-spacing: -0.03em;display: block;font-size: 18px;margin:5px 0 0px 0;color:#ff7200;line-height: 15px}
.container-v-price span,
.container-h-price span{font-size: 9px;font-weight: 600;color: #939393;line-height:9px;}



.catalog-thumb .div-table{position:relative;height:57px;overflow: hidden;}
.catalog-thumb .div-table a{font-size:12px;color:#5d8ea1;text-transform: uppercase}
.catalog-thumb .tour-overview{color:#545454;font-size: small;}

.catalog-thumb .show_depart{margin-top:-3px}
.catalog-vertical a span{position:absolute;top:15%;left:40%;color:#FFF;font-size:70px;}
.catalog-thumb-image a span{position:absolute;top:20%;left:35%;color:#FFF;font-size:32px;}
.catalog-horizon-image a span{position:absolute;top:30%;left:40%;color:#FFF;font-size:70px;}


.catalog-vertical a div,.catalog-thumb-image a div,.catalog-horizon-image a div{position:absolute;top:0;right:0;}






/*----- CUSTOME LIE LIST-STYLE -----*/
ul.circle-check,
ul.award,ul.yes,
ul.next,ul.square-plus,ul.square-minus,ul.square-right,ul.circle,ul.circle-dot,ul.question-circle,ul.check-square-o  {list-style: none;padding: 0;margin:0px}

ul.circle-check li:before,
ul.award li:before,
ul.yes li:before,
ul.next li:before,ul.square-plus li:before,ul.square-minus li:before,ul.square-right li:before,ul.circle li:before,ul.circle-dot li:before,ul.question-circle li:before,ul.check-square-o li:before
{
font-family: "Font Awesome 6 Free";display: inline-block;font-weight: 400;font-size:16px;height:16px;line-height:16px;vertical-align:inherit;margin-right:5px;
}

ul.award li:before {content: "\f058"}
ul.circle-check  li:before {content: "\f058";color:#5d8ea1}
ul.circle li:before {content: "\f10c"}
ul.circle-dot li:before {content: "\f192"}

ul.yes li:before {content: "\f14a"}
ul.next li:before {content: "\f35a"}
ul.square-plus li:before {content: "\f0fe"}
ul.square-minus li:before {content: "\f146"}
ul.square-right li:before {content: "\f152"}


ul.question-circle li:before {content: "\f059"}
ul.check-square-o li:before {content: "\f046";color:green}

ul.why   {list-style-type: none;padding: 0;margin: 0;margin-left:10px}
ul.why li {border-bottom: 1px solid #E5E3E1;height:45px;line-height:45px;text-indent:20px;min-height:25px;vertical-align: middle;}
ul.why img{height:30px;width:30px;margin-left:25px;margin-top:6px;float: left}



ul.m-media{list-style: none;padding: 0;margin:0px;color: #5d8ea1;height:24px;}
ul.m-media i{font-size: 18px;margin-right: 5px}
ul.m-media li{display: inline-block;border-right: 1px solid #E5E3E1;padding:0px 10px;font-size:12px;line-height:24px;vertical-align:inherit}
ul.m-media li.active a{color:#5d8ea1;}
ul.m-media li.right{display: inline-block;border: 0px;padding:5px 0px}
ul.m-media li a{color:#333;}
ul.m-media li a:hover{color:#5d8ea1;}
ul.m-media li a.active{color:#5d8ea1;}








/*--เบ็ดเตร็ด-*/
.bg-black{background-color: #000;}
.catalog-tour{margin:40px 0 20px 0; padding:30px 40px}
.flightbox{border: 1px solid #e3e3e3;border-radius: 3px;margin:0px 0px 10px 0px;background-color:#f9f9f9;padding:0px}
.control-search{font-weight:bold;margin-bottom:5px;cursor: pointer;color:#666;font-size:14px}
.none{display:none}
.box-subject{border-top: 1px solid #E5E3E1;border-bottom: 1px solid #E5E3E1;margin:0px -20px 15px -20px;padding:10px 20px;}
.box-blue{border: 1px solid #E3E3E3;background-color: #EAF3F8;padding: 10px 15px;margin-bottom: 8px; border-radius:4px}

.btn-day{color:#318506;width:20px;height:16px;line-height:14px; text-align: center;padding:0px;display: inline-block;border: 1px solid #c5c2c2;border-radius: 3px;font-size: 12px;font-weight: 600;margin-right:2px;}



.mt-3 { margin-top:3px;}

.obj-red{color:#cc0000}
/*.obj-orange{color:#0687ec}*/
.obj-orange{color:#ff7200}
.obj-blue{color:#5d8ea1}
.obj-green{color:#318506}
.obj-lightgrey{color:#f1f1f1}
.obj-darkgrey{color:#777}
.txt-upper{text-transform: uppercase;}
.progress{float:left;width:100%;max-width:350px;height:15px;max-height:15px;margin-top:5px;margin-bottom:0px}
.progress-bar{width: 60%;font-size:10px;line-height:15px;transition-duration: 3s;}
.span80{width:80px;display: inline-block}
.span100{width:100px;display: inline-block}
#video {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;}
.youtube {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.flight{background-color: #fff;text-align:center}
.packageday {cursor: pointer;font-weight: bold;padding-top: 7px;border-bottom: 1px solid #D0D0D0;}
.packageday:hover{color:#000;text-decoration:none}
.packagedetail        {display:block;margin-bottom:25px;text-align:justify}
/*.tour-reason-to-book{width:100%;height:188px;overflow-y:auto}  WITTx REMOVE 2023-08-29  */ 
.tour-catalog-list{width:100%;height:370px;overflow-y:auto}
.img-wrapper {position: relative}
.img-wrapper img{width:100%;height:auto}

.box-image {position: relative;overflow: hidden;background-color: #000;}
.box-image img{width:100%;height:auto;margin-bottom:-6px}
.box-image.buttom img {opacity: 0.7;}


.box-wrapper {width: 100%;position: relative; background-color: #fff}
.box-wrapperx.special:after {padding-top:60%;margin-bottom:57%;}
.box-wrapper:after {padding-top:45%;display: block;content:'';}
.box-wrapperx:after {padding-top:90%;margin-bottom:90%;}

.wrap {width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:1px 0px;position: absolute;  top: 0;  bottom: 0;  right: 0;left: 0;height:100%;}
.wrap div {background-color: #000}

.col {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0px; height: 100%;width: 25%; }
.col.w25 {width:25%}
.col.w33 {width:33%}
.col.w33.extra {display:none}
.col.w34 {width:34%}

.colbox {width: 100%;clear: both;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #ccc;border:2px solid #FFF; text-align:center;overflow: hidden;position: relative;text-shadow: 1px 2px 2px #333;}
.colbox span {line-height:30px;font-weight: bold}
.colbox div {position: absolute;bottom:-30px;width:100%;color:#fff;text-align: left;padding: 0px 15px 8px;background-color: transparent;transition: .3s;transition-delay: .3s;}
.colbox:hover div {bottom:0px;
				   -moz-box-shadow: inset 0 -50px 60px -50px #000000;
				   -webkit-box-shadow: inset 0 -50px 60px -50px #000000;
				   box-shadow: inset 0 -50px 60px -50px #000000;
				   /*background-color: rgba(0, 0, 0, 0.7);*/
}
.colbox img{height:100%;max-width:none;width:auto;position: absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;}


.colbox.h100{height:100%}
.colbox.h50{height:50%}
.colbox.h33{height:33%}
.colbox.h34{height:34%}
.colbox.h67{height:67%}
/*.dl-horizontal dd{padding-bottom:5px}*/
.mb-lg-20-sm-3,.mb-lg-20-sm-0 {margin-bottom:20px}
.btn-group.open .dropdown-menu {
        right: 0;
        left: auto;
    }

.sm-show{display:none}
.white-bg-sm-transparent{background-color:#fff}
    .dropdown-menu {
        padding: 5px;
    }
    .input-wrapper {
        position: relative;
        margin-bottom: 5px;
    }
    .input-wrapper input {
        text-align: right;
        padding-right: 40px;
        font-weight: bold;
        font-size: 18px;
    }
    .input-label {
        position: absolute;
        left: 8px;
        top: 5px;
    }
    .close-btn {
        display: block;
        width: 100%;
        text-align: center;
    }

.mobile-overflow-auto {
    overflow: visible;
}

#tour-content2,
#tour-content3 {
display: none;
}

/* Mobile active style */
@media (max-width: 767px) 
{
/* Display all content */
#tour-content1,#tour-content2,#tour-content3 {display: block;}
	

#tab-menu-fixed 
{
position: fixed;
top: 0px;
left: 0;
width: 100%;
z-index: 1000;
background-color: #fff;
height: 30px;
text-align: center;
box-shadow: 0 1px 15px rgba(0,0,0, .15);
-webkit-box-shadow: 0 1px 15px rgba(0,0,0, .15);
}
	
#tab-menu-fixed a 
{
display: inline-block;
padding:2px 10px;
color: #555;
font-size: 15px;
text-align: center;
border: none;
text-decoration: none; 
cursor: pointer;
font-weight: bold;
}

#tab-menu-fixed .active,
#tab-menu-fixed a:active,
#tab-menu-fixed a:focus,
#tab-menu-fixed a:hover {
color: #ff7200;
border-bottom:2px solid #ddd;
}


	
}

	
    
	
#tab-menu-static a 
{
display: inline-block;
padding:8px 20px;
background-color: #e7e7e7;
color: #444;
text-align: center;
border: none;
border-radius: 4px;
border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;
text-decoration: none; 
cursor: pointer;
transition: background-color 0.3s ease; 
}

#tab-menu-static .active,
#tab-menu-static a:active,
#tab-menu-static a:focus,
#tab-menu-static a:hover {
background-color: #FFF;font-weight: bold;color: #ff7200;
}
.sm-alert{padding:2px 7px}

/* MENU FOOTER */

.sm-menu-footer{display:none}
	
@media only screen and (max-width: 767px) 
{
	
.sm-menu-footer
{
display: flex;
justify-content: space-between;
width: 100%;
background-color: #fff;
padding: 0;
border-top:1px solid #ede7e1;
border-bottom:1px solid #ede7e1;
z-index: 1000;
}
	

.sm-menu-footer.main-footer 
{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2);
border:0px
}
	
	
#BoxTour {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 0;
    z-index: 2000;
    height: 100%;
    transform: translateY(100%); 
    transition: transform 0.3s ease-in-out;
}
#BoxTour.visible
{transform: translateY(0);}

	
}
.sm-menu-item 
{
/*color: #0687ec;*/
font-size: 15px;
font-weight: bold;
align-items: center;
padding: 10px 15px;
cursor: pointer;
text-align: center;
}
.sm-menu-book {flex-grow: 1;} /*Width 100% in space*/

.sm-menu-item i {font-size:22px}
	

.sm-menu-user {border-right: 1px solid #ede7e1;width: 60px;}
.sm-menu-user:hover {color:#0687ec}
.sm-menu-cart {border-left: 1px solid #ede7e1;width:100px;}
.sm-menu-close{border-left: 1px solid #ede7e1;width:60px;}
	
.item-nowrap{text-align: left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;cursor: default}

.sm-menu-close:hover,.sm-menu-cart:hover {background-color: #f4f4f4;}
.sm-menu-book:hover {background-color: #0687ec;color:#fff}


.web_icon{text-align: center;padding:20px}
.web_icon i{font-size:80px;margin:20px}


.menu-cart i {margin-right: 5px;}
.item-price{color: #ff7200}
	
#footer-cart 
{
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 0;
    z-index: 2000;
    height: 100%;
    transform: translateY(100%); 
    transition: transform 0.3s ease-in-out;
}
#footer-cart.visible	
{transform: translateY(0);}