PageSourceSearch

https://www.yourtripthailand.com/product/28113-21017/one-day-doi-inthanon-national-park

html yourtripthailand.com collected 2026-10-05 01:02:01 UTC 250,514 bytes, 5,488 lines download raw bytes

1<!doctype html>
2<html lang="en-US">
3    <head>
4        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
5        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6        <meta name="description" content="Doi Inthanon National Park, nicknamed &amp;quot;the roof of Thailand&amp;quot;. located in the Thanon Thong Chai Range with 2565 meters above the sea level it is the highest peak in Thailand.There is a board saying &amp;quot;This is the highest spot !&amp;quot; with its altitude on the mountaintop" />
7        <meta name="Keywords" content="" />
8        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
9                <meta name="apple-mobile-web-app-capable" content="yes">
10        <!-- facebook -->
11        <meta property="fb:app_id" content="160631041153580" />
12                        <meta property="og:type" content="product" />
13       
14        <meta property="og:title" content="One Day Doi Inthanon National Park" />
15        <meta property="og:image" content="https://image.makewebcdn.com/makeweb/m_1200x600/W7lTZBRXV/DoiInthanon/Profile_Picture.jpg" />
16        <meta property="og:description" content="Doi Inthanon National Park, nicknamed &amp;quot;the roof of Thailand&amp;quot;. located in the Thanon Thong Chai Range with 2565 meters above the sea level it is the highest peak in Thailand.There is a board saying &amp;quot;This is the highest spot !&amp;quot; with its altitude on the mountaintop" />
17        <meta property="og:url" content="https://www.yourtripthailand.com/product/28113-21017/one-day-doi-inthanon-national-park" />
18        <meta property="og:site_name" content="yourtripthailand.com" />
19        <!-- twitter -->
20        <meta name="twitter:card" content="summary_large_image">
21        <meta name="twitter:site" content="yourtripthailand.com">
22        <meta name="twitter:title" content="One Day Doi Inthanon National Park">
23        <meta name="twitter:description" content="Doi Inthanon National Park, nicknamed &amp;quot;the roof of Thailand&amp;quot;. located in the Thanon Thong Chai Range with 2565 meters above the sea level it is the highest peak in Thailand.There is a board saying &amp;quot;This is the highest spot !&amp;quot; with its altitude on the mountaintop">
24        <meta name="twitter:image" content="https://image.makewebcdn.com/makeweb/m_1200x600/W7lTZBRXV/DoiInthanon/Profile_Picture.jpg">
25        <meta name="twitter:domain" content="https://www.yourtripthailand.com/product/28113-21017/one-day-doi-inthanon-national-park">
26        <!-- google -->
27                <meta name="generator" content="MakeWebEasy" />
28        <!-- Phone number-->
29        <meta name="format-detection" content="telephone=no">
30                                                <link rel="alternate" href="https://www.yourtripthailand.com/product/28113-21017/one-day-doi-inthanon-national-park" hreflang="x-default" />
31                                                            <link rel="alternate" href="https://www.yourtripthailand.com/cn/product/28113-21017/因他暖国家公园一日游" hreflang="zh-cn" />
32                                                            <link rel="alternate" href="https://www.yourtripthailand.com/th/product/28113-21017/โปรแกรมเต็มวัน-อุทยานแห่งชาติดอยอินทนนท์" hreflang="th-th" />
33                    
34        <link rel="canonical" href="https://www.yourtripthailand.com/product/28113-21017/one-day-doi-inthanon-national-park" />
35                    <link rel="shortlink" href="https://www.yourtripthailand.com/product/28113-21017/" />
36        
37                <link rel="apple-touch-icon" sizes="32x32" href="https://image.makewebcdn.com/makeweb/0/W7lTZBRXV/attach_file/favicon/favicon_20161021070354-0.ico?v=202604291000" />
38        <link rel="shortcut icon" href="https://image.makewebcdn.com/makeweb/0/W7lTZBRXV/attach_file/favicon/favicon_20161021070354-0.ico?v=202604291000" type="image/x-icon" />
39        <link rel="icon" href="https://image.makewebcdn.com/makeweb/0/W7lTZBRXV/attach_file/favicon/favicon_20161021070354-0.ico?v=202604291000" type="image/x-icon" />
40
41        <!-- CSS Main -->
42                <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Nunito|Lora|Dancing+Script|Satisfy|Fjalla+One|Oswald|Montserrat|Supermarket|Sanchez|Roboto|Quicksand|Pacifico|Raleway|Kanit|Prompt|Trirong|Taviraj|Itim|Chonburi|Mitr|Athiti|Pridi|Maitree|Pattaya|Sriracha|Sarabun|Chakra+Petch|Mali|Bai+Jamjuree|Krub|K2D|Niramit|Charm|Srisakdi|Thasadith|Kodchasan|KoHo|Charmonman|Poppins|Fahkwang|Noto+Sans+Thai|IBM+Plex+Sans+Thai|Noto+Serif+Thai|Noto+Sans+Thai+Looped|IBM+Plex+Sans+Thai+Looped&subset=thai,latin" />
43        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.
43com/makeweb/prod/css/font.min.css?v=202101271138" />
44        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/bootstrap.min.css" />
45        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe.css?v=202508081425" />
46        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe2.css?v=202508081425" />
47                <!-- CSS Page -->
48        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/fullcalendar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/fullcalendar.print.min.css?v=0" media="print" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/homebox_eventcalendar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/page_calendar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/page_faq.min.css?v=202012190947" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/owl.carousel.min.css?v=202001111111" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/owl.theme.default.min.css?v=202001111111" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/perfect-scrollbar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/magnific-popup.min.css?v=202012190947" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/circular-loading.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/hamburgers.min.css?v=0" />        <!-- CSS Main -->
49                <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/all.min.css?v=202310021145" />
50        <!-- byAir -->
51        <!-- <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.min.css?v=202306151430" /> -->
52        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.css?v=20261005010158" />
53        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system2.css?v=202306151430" />
54        <link rel="stylesheet" type="text/css" href="/customer-css/style_W7lTZBRXV.min.css?v=1782024682" />
55        
56        <title>One Day Doi Inthanon National Park</title>
57
58        <!-- JS Main -->
59                
59<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js?v=202604291000" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
59
60        
60<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/imagesloaded.min.js?v=1"></script>
60
61        
61<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/vue@2_6_11.js?v=202604291000"></script>
61
62                
62<script type="text/javascript" src="https://www.instagram.com/embed.js" async="true"></script>
62
63        <!-- JS Page -->
64                <!-- Script Embed -->
65        
66        <style>
67            #divMWEAds .mweColor{
68                color: #28bee3;
69            }
70
71            /* #divMWEAds .webFreeColor{
72                color: #ffffff;
73                background-color: #28bee3;
74            }           */
75
76            .webFreeColor { background-color: #28bee3; border-color: #24BEE2; color: #FFFFFF; border-radius: 20px;width: 148px; height: 36px; line-height: normal;}
77            .webFreeColor:hover,
78            .webFreeColor.active {
79                background-color: #09A1E0; border-color: #1EA7C7; color: #FFFFFF;
80}
81        </style>
82    </head>
83    <body>
84        <!-- Script Embed -->
85        
86        <!-- 
86<script>
87                    </script>
87 -->
88        <style type="text/css">
89                        .pagination>li>a, .pagination>li>span {
90                font-size: 14px;
91                color: inherit;
92            }
93            .dropdown.areacontext.open{
94                z-index: 1001 !important;
95            }
96            .table-responsive table {
97                margin-bottom: 20px;
98                white-space: nowrap;
99            }
100            @media only screen and (min-width: 1200px) {
101                .table-responsive table {
102                    white-space: normal;
103                }
104            }
105            @media only screen and (min-width: 1200px) {
106                .section-container > .slimScrollDiv {
107                    display: none;
108                }
109            }
110            a[data-mce-href] {
111                font-size: inherit;
112                font-family: inherit;
113                /*color: inherit;*/
114            }
115            /* areacontext menu */
116            .areacontext {
117                border: 1px solid rgb(9,10,12);
118            }
119            .areacontext .btn-primary {
120                background: #373e44!important;
121                color: #FFF!important;
122                border-color: #23292f!important;
123                padding: 1px 5px;
124                display: block;
125            }
126            .areacontext > div {
127                font-family: Open Sans !important;
128                font-size: 12px !important;
129            }
130            .areacontext ul.dropdown-menu {
131                border-radius: 0px !important;
132                background: #373E44 !important;
133                margin-top: 0px !important;
134                border: 1px solid rgb(9,10,12);
135                padding: 0px !important;
136                min-width: 100px !important;
137                transform: translate3d(-1px, 20px, 0px) !important;
138            }
139            .areacontext ul.dropdown-menu > li > a {
140                font-family: "Helvetica Neue",Helvetica,Tahoma !important;
141                font-size: 12px !important;
142                color: rgb(145, 159, 174) !important;
143                padding: 3px 5px !important;
144                display: block;
145            }
146            .areacontext ul.dropdown-menu > li > a:hover {
147                background: #262D33 !important;
148                color: #FFF !important;
149                text-decoration: none;
150            }
151            /* addition */
152            /* facebook like box */
153            .fb-like.fb_iframe_widget > span > iframe{
154                max-width:none!important
155            }
156            /* img in table */
157            table img {
158                max-width:initial!important;
159            }
160            /* iframe */
161            iframe {
162                max-width:100%;
163            }
164            /* pagination */
165            .pagination>li>a,.pagination>li>span{
166                font-size:14px;color:inherit
167            }
168            /* table */
169            .table-responsive table {
170                margin-bottom:20px;
171                white-space:nowrap;
172            }
173            @media only screen and (min-width: 1200px){
174                .table-responsive table{
175                    white-space:normal
176                }
177            }
178            /* img width and rendering */
179            div#section-content img:not(.fill),
180            div#section-footer img:not(.fill) {
181                overflow:hidden;
182                opacity:0;
183                -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
184                transition:opacity .3s ease-in-out,transform .3s ease-in-out;
185                max-width:100%;
186            }
187            @media (max-width: 768px) {
188                body {
189                    max-width: 100vw;
190                }
191            }
192            /* force show img */
193            .map_outter img {
194                opacity: 1 !important;
195            }
196            /* link in tinymce */
197            a[data-mce-href] {
198                font-size: inherit;
199                font-family: inherit;
200            }
201            /* top layout */
202            nav > #top-area > .container-fluid {
203                padding-left: 8px;
204                padding-right: 8px;
205            }
206            nav > #top-area > .row {
207                margin: 0;
208            }
209            nav > #top-area > .row > .col {
210                padding: 0;
211            }
212            .navbar-link {
213                display: inline-block;
214                padding: 8px;
215                border: none;
216                margin: 8px 0px;
217                vertical-align: middle;
218                line-height: 1;
219            }
220            /*.navbar-fa {
221                width: 24px !important;
222                height: 24px !important;
223            }*/
224            .navbar-toggler-icon {
225                margin: 0;
226                padding: 0;
227            }
228            .dropdown > .dropdown-toggle > svg {
229                transition: all 300ms ease;
230                -webkit-transition: all 300ms ease;
231                -o-transition: all 300ms ease;
232                -ms-transition: all 300ms ease;
233            }
234            .dropdown.show > .dropdown-toggle > svg {
235                transform: rotate(180deg);
236                -webkit-transform: rotate(180deg);
237                -moz-transform: rotate(180deg);
238                -o-transform: rotate(180deg);
239            }
240            .dropdown-menu > li > .dropdown-toggle > svg {
241                transition: all 300ms ease;
242                -webkit-transition: all 300ms ease;
243                -o-transition: all 300ms ease;
244                -ms-transition: all 300ms ease;
245            }
246            .dropdown-menu > li.show > .dropdown-toggle > svg {
247                transform: rotate(90deg);
248                -webkit-transform: rotate(90deg);
249                -moz-transform: rotate(90deg);
250                -o-transform: rotate(90deg);
251            }
252            /* cart widget */
253            nav span.fa-layers.fa-fw > i.navbar-fa + span.fa-layers-counter {
254                display: none;
255            }
256            nav span.fa-layers.fa-fw > svg.navbar-fa + span.fa-layers-counter {
257                -webkit-transform: scale(0.75) !important;
258                transform: scale(0.75) !important;
259                top: -75%;
260                right: auto;
261                left: 50%;
262                -webkit-transform-origin: top center;
263                transform-origin: top center;
264                display: inline-block;
265            }
266            /* list style */
267            ul {
268                margin-bottom: 0 !important;
269            }
270            li {
271                /* list-style: none;*/
272            }
273            /* hide caret */
274            .dropdown-toggle::after{
275                display:none!important;
276            }
277            /* social widget */
278            .social-widget {
279                display: inline-block;
280            }
281            .social-widget a {
282                font-size: 30px;
283                width: 30px;
284                height: 30px;
285                min-width: 30px;
286                min-height: 30px;
287            }
288            @media (min-width: 401px) {
289                .social-widget a {
290                    font-size: 36px;
291                    width: 36px;
292                    height: 36px;
293                    min-width: 36px;
294                    min-height: 36px;
295                }
296            }
297            .social-widget a svg.fa-twitter {
298                margin-right: -1px !important;
299            }
300            .social-widget a svg.fa-instagram {
301                margin-right: 2px !important;
302            }
303            .social-widget a svg.fa-google-plus-g {
304                margin-right: -6px !important;
305            }
306            .social-widget a svg.fa-youtube {
307                margin-right: -3px !important;
308            }
309            /* vertical align text widget */
310            .navbar-text {
311                line-height: 150%;
312                vertical-align: middle;
313                min-height: 50px;
314            }
315            @media (min-width: 401px) {
316                .navbar-text {
317                    min-height: 56px;
318                }
319            }
320        </style>
321
322                <!--// ! ------------arrow scroll to top -->
323                            <a href="javascript:void(0);" id="toTop" class="back-to-top widget-to-top  " style="display: none; width: 45px !important; height: 45px !important; z-index: 55;">
324                <span class="fa-stack" style="font-size: 22px;">
325                    <i class="fas fa-circle fa-stack-2x" style="color: #2b2a2a;"></i>
326                    <i class="fas fa-arrow-up fa-stack-1x fa-inverse" style="color: #ffffff;"></i>
327                </span>
328            </a>
329               
330        <!-- //! facebook messager -->
331                <div class="section-container">
332            <!-- BoxLoading -->
333            <div class="boxLoading" id="boxLoading">
334                <div class="loader">
335                    <svg class="circular" viewBox="25 25 50 50">
336                    <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"></circle>
337                    </svg>
338                </div>
339            </div>
340
341            <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_standard"></div>
342<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_popup"></div>
343<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_coupon"></div>
344
345<script type="text/javascript">
346
347    function showModalBS(isClose, path, size) {
348        if (size == 'small') {
349            var siz = 'sm';
350        } else if (size == 'medium') {
351            var siz = 'md';
352        } else if (size == 'large') {
353            var siz = 'lg';
354        } else if (size == 'full') {
355            var siz = 'full';
356        } else if (size == 'cartlogin') {
357            var siz = 'modalCartLogin';
358        } else if (size === 'addToCartGroupProduct') {
359            var siz = 'groupProduct modal-dialog-centered'
360        } else if (size === 'addToCart') {
361            var siz = 'addToCart modal-dialog-centered'
362        } else if (size === 'medium-center') {
363            var siz = 'md modal-dialog-centered'
364        } else {
365            var siz = 'md';
366        }
367
368        if (isClose == 1) {
369            var backdrop = true;
370        } else if (isClose == 0) {
371            var backdrop = 'static';
372        } else {
373            var backdrop = true;
374        }
375        jQuery('#modal_standard').html('<div class="modal-dialog modal-' + siz + '"><div class="modal-content"><div class="modal-loading text-center"><i class="fas fa-circle-notch fa-spin fa-3x"></i></div></div></div>');
376        jQuery('#modal_standard').modal({
377            backdrop: backdrop,
378            // remote: path,
379            show: true,
380            keyboard: true
381        });
382        jQuery('#modal_standard').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
383        });
384    }
385
386    function showModalPopup(isClose, path) {
387        if (isClose == 1) {
388            var backdrop = true;
389        } else if (isClose == 0) {
390            var backdrop = 'static';
391        } else {
392            var backdrop = true;
393        }
394        jQuery('#modal_popup').html('<div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-loading text-center"><i class="fas fa-circle-notch fa-spin fa-3x"></i></div></div></div>');
395        jQuery('#modal_popup').modal({
396            backdrop: backdrop,
397            // remote: path,
398            show: true,
399            keyboard: true
400        });
401        jQuery('#modal_popup').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
402        });
403    }
404
405    function showModalCouponBS(path) {
406        jQuery('#modal_coupon').html('<div class="modal-dialog modal-coupon modal-dialog-centered"><div class="modal-content"><div class="modal-loading text-center"><i class="fas fa-circle-notch fa-spin fa-3x"></i></div></div></div>');
407        jQuery('#modal_coupon').modal({
408            backdrop: true,
409            // remote: path,
410            show: true,
411            keyboard: true
412        });
413        jQuery('#modal_coupon').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
414        });
415    }
416
417</script>
417                        <div class="disabled-filter"></div>
418            <div class="section-body ">
419                <div id="section-header" class="sps sps--abv">
420                    
421<style type="text/css">
422    @media  only screen and (min-width: 1025px){
423        .headerMobile {
424            display: none !important;
425        }
426        .navbar-toggler {
427            display: none !important;
428        }
429        .navbar-expand-xl .navbar-collapse {
430            display: flex !important;
431            flex-basis: auto;
432        }
433        .navbar-expand-xl .navbar-nav {
434            flex-direction: row;
435        }
436        .navbar-expand-xl .navbar-nav .nav-link {
437            padding-right: 0.5rem;
438            padding-left: 0.5rem;
439        }
440        /* sticky */
441        .headerDesktop nav #top-sticky {
442            transition: transform 450ms;
443            -webkit-transition: transform 450ms;
444            -moz-transition: transform 450ms;
445            -o-transition: transform 450ms;
446        }
447        .sps--abv .headerDesktop nav #top-sticky {
448            position: relative;
449            transform: translate3d(0, 0, 0);
450            -webkit-transform: translate3d(0, 0, 0);
451            -moz-transform: translate3d(0, 0, 0);
452            -ms-transform: translate3d(0, 0, 0);
453        }
454        .sps--abv .headerDesktop nav #top-mb {
455            margin-bottom: 0;
456        }
457                .sps--abv .headerDesktop nav #top-sticky #cart{
458            display: none !important;
459        }
460                .sps--blw .headerDesktop nav #top-sticky {
461            position: fixed;
462            top: -56px;
463            left: 0;
464            right: 0;
465            z-index: 1000;
466            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
467            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
468            -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
469            transform: translate3d(0, 56px, 0);
470            -webkit-transform: translate3d(0, 56px, 0);
471            -moz-transform: translate3d(0, 56px, 0);
472            -ms-transform: translate3d(0, 56px, 0);
473        }
474        .sps--blw .headerDesktop nav #top-mb {
475            padding-bottom: 56px;
476                    }
477                    .sps--blw #top-sticky #logotop{
478                display: none !important;
479            }
480        
481        .sps--blw .headerDesktop nav #top-sticky #cart{
482            display: inline-flex !important
483        }
484
485    }
486    @media (max-width: 1024px){
487        .headerDesktop {
488            display: none !important;
489        }
490        /* sticky */
491        .sps--abv .headerMobile nav #top-sticky {
492                            position: static;
493                    }
494        .sps--abv .headerMobile nav #top-mb {
495            margin-bottom: 0;
496        }
497        .sps--blw .headerMobile nav #top-sticky {
498            position: fixed;
499            top: 0;
500            left: 0;
501            right: 0;
502            z-index: 1000;
503            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
504            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
505            -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
506        }
507        .sps--blw .headerMobile nav #top-mb {
508            margin-bottom: 56px;
509        }
510                    .icoMember ,#iconsMember{
511                display: none;
512            }
513                ul.navbar-topmenu.navbar-nav .arrowCollapse{
514            transition: transform .3s ease 0s;
515        }
516         ul.navbar-topmenu.navbar-nav .arrowCollapse > svg{
517            transition: transform .3s ease 0s;
518        }
519    }
520    .sb {
521        visibility: visible;
522        /*position: absolute;
523        top: 0;
524        left: 0;
525        right: 0;
526        bottom: 0;
527
528        opacity: 1;
529        z-index: 999;
530        padding: 0 16px;
531        /*margin: 0 16px;*/
532    }
533    .sb > input {
534        /*width: calc(100% - 39px);
535        border-top: 0;
536        border-left: 0;
537        border-right: 0;
538        border-bottom: 2px solid #FFF;
539        background: #333 !important;
540        padding: 6px;
541        color: #FFF;
542        vertical-align: middle;*/
543    }
544    .sb > input::placeholder {
545        color: #333;
546    }
547    .sb > input:focus {
548        outline: none;
549    }
550    .aCloseSearchIcon {
551        height: 36px;
552        padding: 6px 12px;
553    }
554    #top-sticky > div {
555        position: relative;
556    }
557    div.headerMobile{
558        position: relative;
559        z-index: 56;
560    }
561        #divMWEAds {
562        bottom: unset;
563        width: 100vw !important;
564        background: #fff;
565        color: #000;
566    }
567    #divMWEAds:hover {
568        background: #fff;
569    }
570    #topZone {
571        padding-top: 0px;
572    }
573    .marginBot {
574        margin-bottom: 0px;
575    }
576
577    .headerMobile #divMWEAds {
578        font-family: 'DB Heavent' !important; 
579        font-size:21px;
580        z-index:999999;
581    }
582    .headerMobile #divMWEAds a {
583        font-size: 20px; 
584        font-family: 'DB Heavent' !important;
585        font-weight: bold;
586    }
587    @media only screen and (max-width: 400px) {
588        .headerMobile #divMWEAds {
589            font-size:16px;
590        }
591        #divMWEAds img {
592            max-height: 25px;
593            max-width: 25px;
594        }
595        .headerMobile #divMWEAds a {
596            font-size: 16px;
597        }
598    }
599</style>
600<div class="headerDesktop">
601            <style type="text/css">
602    @media (min-width: 1025px) {
603        .navbar-brand {
604            font-size: 24px !important;
605            border: none !important;
606            padding: 0;
607            margin: auto;
608        }
609        .navbar-text{
610            min-height: 24px;
611        }
612        .text-truncate{
613            width: 100%;
614        }
615        .text-truncate p{
616            margin-bottom: 0 !important;
617            line-height: 24px;
618        }
619
620        #menutop{
621            margin: 10px 10px 10px 0 !important;
622        }
623        .topwidget-menu{
624            margin: 0 !important;
625        }
626        .sps--abv .row-display-justify {
627            -webkit-box-pack: center !important;
628            -ms-flex-pack: center !important;
629            justify-content: center !important;
630        }
631        .sps--blw .row-display-justify {
632            -webkit-box-pack: flex-start !important;
633            -ms-flex-pack: flex-start !important;
634            justify-content: flex-start !important;
635        }
636        #top-area  #logotop {
637            margin: 10px 0px 0px 0px;
638        }
639        .navbar-brand .img-logo {
640            max-width: 100%;
641            min-width: 1px;
642            min-height: 1px;
643            max-height: 100%;
644        }
645        #top-sticky #cart2{
646            display: none !important;
647        }
648        .sps--blw #top-sticky #cart2{
649            display: inline-flex !important;
650
651        }
652    }
653</style>
654
655<nav id="topZone" class="navbar-expand-xl">
656            <div id="top-bar">
657            <div id="top-mb">
658                <div class="container">
659                                        <div class="row align-items-center justify-content-end">
660                        
661                                                    <div class="col-lg-auto">
662                                                                    <div id="toptext" class="hoverOverlay d-inline-flex align-middle my-1">
663                                        <div class="navbar-text text-truncate text-right py-1">
664                                            <div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-family: Athiti; font-size: 16px; color: rgb(255, 255, 255);" data-mce-style="font-family: Athiti; font-size: 16px; color: #ffffff;">
664Open: 8.00 am.- 5.30 pm. Mobile: +66(0) 99-243-8090, +66(0) 81-595-7588 Office Tel: +66(53) 281-045 E-mail: [email protected]</span></div>                                        </div>
665                                    </div>
666                                                                                                                                                                    <div id="socialnetwork" class="hoverOverlay d-inline-flex align-middle my-1">
667                                        <div class="d-inline">
668<style>
669    .empty {
670        padding-top: 15px;
671        padding-right: 22px;
672        padding-bottom: 12px;
673        padding-left: 29px;
674    }
675    .wechatSocial{
676        cursor: pointer;
677    }
678    .pointer-none {
679        pointer-events: none;
680    }
681</style>
682<div class="social-widget">
683                <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/yourtripthailand " style="">
684            <i class="fas fa-circle colorFacebookBG pointer-none"></i>
685            <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i>
686        </a>
687                    <a class="faco-top fa-layers fa-fw instagramSocial" target="_blank" href="http://instagram.com/yourtripthailand" style="">
688            <i class="fas fa-circle colorInstagramBG pointer-none"></i>
689            <i class="fa-inverse fab fa-instagram colorInstagram pointer-none" data-fa-transform="shrink-7"></i>
690        </a>
691                            <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/~yourtripthailand " style="">
692            <i class="fas fa-circle colorLineBG pointer-none"></i>
693            <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i>
694        </a>
695    
696            <a class="faco-top fa-layers fa-fw whatappSocial" target="_blank" href="https://wa.me/66815957588" style="">
697            <i class="fas fa-circle colorwhatappBG pointer-none"></i>
698            <i class="fa-inverse fab fa-whatsapp colorwhatapp pointer-none" data-fa-transform="shrink-7"></i>
699        </a>
700    
701            <!-- <a class="faco-top fa-layers fa-fw wechatSocial" href="weixin://dl/chat?yourtrip-thailand" target="_blank" style=""> -->
702        <a class="faco-top fa-layers fa-fw wechatSocial" style="">
703            <i class="fas fa-circle colorWechatBG pointer-none"></i>
704            <i class="fa-inverse fab fa-weixin colorWechat pointer-none" data-fa-transform="shrink-7 left-1"></i>
705        </a>
706    </div>
707<script type="text/javascript">
708
709    jQuery(".wechatSocial").click(function () {
710        window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1);
711    });
712    
713</script>
713</div>
714                                    </div>
715                                                                                                                                    <div id="languagetab" class="hoverOverlay d-inline-flex align-middle my-1">
716                                        <style type="text/css">
717    .headerDesktop .topwidget-lang .dropdown-menu.dropdown-menu-right.show{
718        padding: 0;
719        border-radius: .25rem;
720        transform: translate3d(0px, 40px, 0px) !important;
721    }
722    .headerDesktop .topwidget-lang ul, .topwidget-lang li {
723        min-width: 1px;
724        border-radius: 0;
725    }
726    .headerMobile .topwidget-lang {
727    }
728    .headerMobile .topwidget-lang ul, .topwidget-lang li {
729        min-width: 1px;
730        width: 100%;
731        border-radius: 0;
732    }
733    .headerDesktop .topwidget-lang #chooseLanguage{
734        line-height: 24px;
735    }
736    .flag-icon{
737        box-shadow : 0px 0px 2px 0px rgb(0 0 0 / 25%);
738    }
739</style>
740<div class="topwidget-lang">
741    <ul class="navbar-nav">
742        <li class="nav-item dropdown">
743                                                <a data-toggle="dropdown" class="dropdown-toggle aLanguage nav-link" id="chooseLanguage" href="javascript:void(0)">
744                        <i class="flag-icon flag-icon-us"></i>
745                        EN <i class="fal fa-chevron-down" id="arrowLanguage"></i>                    </a>
746                                                                                                                <ul class="dropdown-menu dropdown-menu-right dropdown-chooselang">
747                                                                                                                    <li>
748                                <a class="dropdown-item nav-link" href="/cn/product/28113-21017/因他暖国家公园一日游">
749                                    <i class="flag-icon flag-icon-cn"></i>&nbsp;&nbsp;CN                                    <input type="hidden" class="languageCodeSetting" value="425"/>
750                                </a>
751                            </li>
752                                                                                                <li>
753                                <a class="dropdown-item nav-link" href="/th/product/28113-21017/โปรแกรมเต็มวัน-อุทยานแห่งชาติดอยอินทนนท์">
754                                    <i class="flag-icon flag-icon-th"></i>&nbsp;&nbsp;TH                                    <input type="hidden" class="languageCodeSetting" value="437"/>
755                                </a>
756                            </li>
757                                                            </ul>
758                    </li>
759    </ul>
760</div>                                    </div>
761                                                            </div>
762                                            </div>
763                </div>
764            </div>
765        </div>
766        <div id="top-area">
767                    <div id="top-mb">
768                <div class="container">
769                    <div class="row no-gutters">
770                        <div class="col col-lg text-center">
771                            <div id="logotop" class="hoverOverlay d-inline-flex">
772                                <span class="navbar-brand">
773                                    <a href="/" style="text-decoration: none;">
774                                            <style> 
775        @media (min-width: 1025px){ 
776            .img-logo { 
777                                                                                    } 
778        } 
779    </style>
780    <img src="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/home/logo.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/>
781                                    </a>
782                                </span>
783                            </div>
784                        </div>
785                    </div>
786                </div>
787            </div>
788                            <div id="top-sticky">
789                <div class="container">
790                    <div class="row no-gutters justify-content-center">
791                                                    <div class="collapse topSearchBar">
792                                <div class="topSearchBarInner">
793                                    <div class="input-group mb-3">
794                                        <input type="text" class="form-control textStringSearchTopWidget" placeholder="Enter your search...">
795                                        <div class="input-group-append">
796                                            <button class="btn border-left-0 rounded-right btn-outline-secondary btnSearchTopWidget" type="button"><i class="fas fa-search"></i></button>
797                                        </div>
798                                    </div>
799                                </div>
800                            </div>
801                        
802                                                    <div class="col-12 col-lg-auto d-lg-inline-flex align-items-center">
803                                <div id="menutop" class="hoverOverlay d-inline-flex">
804                                    <div class="collapse navbar-collapse">
805                                        <style type="text/css">
806    .topwidget-menu .navbar-nav .dropdown-menu {
807        padding: 0;
808        margin: 0;
809    }
810    .topwidget-menu .navbar-nav .dropdown-menu.hidden {
811        visibility: hidden;
812    }
813    /*PC hack to hover*/
814    @media (min-width: 1025px) {
815        ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{
816            display:block !important;
817        }
818        ul.navbar-topmenu.navbar-nav > li.nav-item >
818 ul.dropdown-menu li:hover > .dropdown-menu{
819            display:block !important;
820        }
821        ul.navbar-topmenu.navbar-nav ul{
822            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
823        }
824        .topwidget-menu {
825            margin: 10px;
826        }
827        ul.dropdown-menu.dropdown-menu-right{
828            left: unset;
829            right:0;
830        }
831        .dropdownfix-menu-right {
832            right:100% !important;
833            left:auto !important;
834        }
835        .public-topmenu .dropdown-menu-right .fa-chevron-right {
836            transform: rotate(180deg);
837            left: 0;
838            position: absolute;
839            top: 12px;
840        }
841        .public-topmenu .dropdown-menu-right .fa-chevron-down{
842            transform: rotate(90deg);
843            left: 0;
844            position: absolute;
845            top: 12px;
846        }
847        .more.hidden{
848            display:none;
849        }
850        .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
851            transform: rotate(-90deg);
852        }
853        ul.navbar-topmenu.navbar-nav > li.nav-item ul{
854            position: absolute;
855        }
856        .public-topmenu .topmenuLg{
857            border-right:none !important;
858        }
859    }
860    /* tablet*/
861    @media only screen and (min-width: 768px) and (max-width: 1112px) {
862        ul.navbar-topmenu.navbar-nav ul{
863            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
864        }
865    }
866    /*mobile tablet*/
867    @media  only screen and (max-width: 1024px) {
868        
869        ul.navbar-topmenu .abl1 .arrowCollapse,
870        ul.navbar-topmenu .abl2 .arrowCollapse{
871            position: absolute;
872            right: 20px !important;
873            top: 25%;
874            text-align: center;
875            height: 16px;
876        }
877        ul.navbar-topmenu.navbar-nav a{
878            text-align: left !important;
879            white-space: normal;
880        }
881        ul.navbar-topmenu.navbar-nav .fa-chevron-down{
882                        transition: all .3s ease 0s;
883            -ms-transition: all .3s ease 0s;
884            -webkit-transition: all .3s ease 0s;
885            -moz-transition: all .3s ease 0s;
886        }
887        ul.navbar-topmenu.navbar-nav .fa-chevron-right{
888                         transform: rotate(90deg);
889            transition: all .3s ease 0s;
890            -ms-transition: all .3s ease 0s;
891            -webkit-transition: all .3s ease 0s;
892            -moz-transition: all .3s ease 0s;
893           /* width: 15px;
894            height: 15px; */
895        }
896        
897        ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
898            right: 12px;
899            top: 27%;
900        }
901
902        ul.navbar-topmenu.navbar-nav a{
903            word-wrap: break-word;
904        }
905        ul.navbar-topmenu.navbar-nav .more{
906            display:none !important;
907        }
908        .public-topmenu .dropdown.show > a > .arrowCollapse{
909            transform: rotate(180deg);
910            -ms-transform: rotate(180deg);
911            -webkit-transform: rotate(180deg);
912            -moz-transform: rotate(180deg);
913        }
914        .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{
915            transform: rotate(270deg);
916            -ms-transform: rotate(270deg);
917            -webkit-transform: rotate(270deg);
918            -moz-transform: rotate(270deg);
919        }
920        .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
921            transform: rotate(270deg);
922            -ms-transform: rotate(270deg);
923            -webkit-transform: rotate(270deg);
924            -moz-transform: rotate(270deg);
925        }
926        ul.navbar-topmenu.navbar-nav > li > ul > li > a {
927            padding-left: 30px !important;
928        }
929        ul.navbar-topmenu.navbar-nav ul ul a {
930            padding-left: 45px !important;
931        }
932    }
933</style>
934<div class="topwidget-menu">
935    <ul class="navbar-nav navbar-topmenu public-topmenu">
936                                    <li class="nav-item ">
937                    <a class="nav-link abl1"  data-onhome="home" href="/" target="_self">
938                        Home                    </a>
939                </li>
940                                                <li class="nav-item dropdown ">
941                    <a class="nav-link abl1"   href="/category/5015/bikes---scooters" target="_self" style="position: relative;">
942                        Bikes&Scooters                                                    <sp
942an class="arrowCollapse">
943                                <i class="fal fa-chevron-down"></i>
944                            </span>
945                                            </a>
946                    <ul class="dropdown-menu">
947                                                                                    <li>
948                                    <a class="nav-link dropdown-item abl2"   href="/category/5015/872/bikes-rent" target="_self">
949                                        Bikes Rent                                    </a>
950                                </li>
951                                                                                                                <li>
952                                    <a class="nav-link dropdown-item abl2"   href="/category/5015/873/scooters-rent" target="_self">
953                                        Scooters Rent                                    </a>
954                                </li>
955                                                                        </ul>
956                </li>
957                                                <li class="nav-item dropdown ">
958                    <a class="nav-link abl1"   href="/category/5016/cars---van-rent" target="_self" style="position: relative;">
959                        Cars & Van Rent                                                    <span class="arrowCollapse">
960                                <i class="fal fa-chevron-down"></i>
961                            </span>
962                                            </a>
963                    <ul class="dropdown-menu">
964                                                                                    <li>
965                                    <a class="nav-link dropdown-item abl2"   href="/category/5016/874/cars-rent" target="_self">
966                                        Cars Rent                                    </a>
967                                </li>
968                                                                                                                <li>
969                                    <a class="nav-link dropdown-item abl2"   href="/category/5016/1057/van-rent-with-driver-(one-way)" target="_self">
970                                        Van Rent With Driver (One Way)                                    </a>
971                                </li>
972                                                                                                                <li>
973                                    <a class="nav-link dropdown-item abl2"   href="/category/5016/875/van-rent-with-driver" target="_self">
974                                        Van Rent With Driver (Round Trip)                                    </a>
975                                </li>
976                                                                        </ul>
977                </li>
978                                                <li class="nav-item ">
979                    <a class="nav-link abl1"   href="/category/5017/hoteltours" target="_self">
980                        Bus Service                    </a>
981                </li>
982                                                <li class="nav-item ">
983                    <a class="nav-link abl1"   href="/ferry" target="_blank">
984                        Ferry                    </a>
985                </li>
986                                                <li class="nav-item ">
987                    <a class="nav-link abl1"   href="/package-to-laos" target="_blank">
988                        Package to Laos                    </a>
989                </li>
990                                                <li class="nav-item topmenuLg">
991                    <a class="nav-link abl1"   href="/contactus" target="_self">
992                        Contact us                    </a>
993                </li>
994                    
995        <li class="nav-item dropdown more hidden" data-width="80">
996            <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)">
997                More <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
998            </a>
999            <ul class="dropdown-menu"></ul>
1000        </li>
1001    </ul>
1002</div>
1003    
1003<script>
1004        /*width auto more*/
1005        if (jQuery(window).width() > 1024) {
1006                        calcWidth();
1007                        var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu  > li.nav-item:visible:last');
1008            last_visible_element.css('border-right', 'none');
1009        }
1010        function calcWidth() {
1011            var navwidth = 0;
1012            var availablespace = 0;
1013            var logwid = jQuery('#logotop').outerWidth(true);
1014            var defwidth = 0;
1015            var intIsEnableSearchTop = "1";
1016            var intIsEnableCart = "0";
1017            var calAweDropdown = "34";
1018            navwidth = navwidth + parseInt(calAweDropdown);
1019            let isLayoutId = '38';
1020            let fullcontainer = '0';
1021            if (intIsEnableSearchTop == 1) {
1022                defwidth = defwidth + 60;
1023            }
1024
1025            if (intIsEnableCart == 1) {
1026                defwidth = defwidth + 60;
1027            }
1028
1029          /*  if (calAweDropdown != 0) {
1030                defwidth = defwidth + calAweDropdown;
1031            }*/
1032           
1033            if (typeof logwid === "undefined") {
1034                var logwid = 0;
1035            }
1036            if (isLayoutId == '37' || isLayoutId == '38') {
1037                var logwid = 0;
1038            }
1039            if(fullcontainer=='1'){
1040                var pls_pad = 30;
1041            }else{
1042                var pls_pad = 0;
1043            }
1044            /* if(isLayoutId=='38'){
1045             var defwidth = 180;
1046             }*/
1047            var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17;
1048            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
1049                navwidth += jQuery(this).outerWidth(true);
1050            });
1051            /*jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.dropdown:not(.more)').each(function () {
1052                navwidth += 17;
1053            });*/
1054            var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 49);
1055            if (navwidth > availablespace) {
1056                var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
1057                var jimwidtest = lastItem.outerWidth(true);
1058                lastItem.removeClass('nav-item');
1059                lastItem.removeClass('dropdown');
1060                lastItem.children('a.nav-link').addClass('dropdown-item');
1061                lastItem.attr('data-width', lastItem.outerWidth(true));
1062                if (jimwidtest > 0) {
1063                    lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul'));
1064                }
1065                delete lastItem;
1066                calcWidth();
1067                return 0;
1068            } else {
1069                if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') {
1070                    var firstMoreElement = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1071                    if (navwidth + firstMoreElement.data('width') < availablespace) {
1072                        firstMoreElement.addClass('nav-item');
1073                        firstMoreElement.children('a.nav-link').removeClass('dropdown-item');
1074                        firstMoreElement.removeAttr("data-width");
1075                        firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
1076                    }
1077                    delete firstMoreElement;
1078                }
1079            }
1080            /*hide more*/
1081            if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') {
1082                var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length;
1083                if (thelast == 1) {
1084                    //remove more
1085                    var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1086                    if ((navwidth + firstMoreElement2.width()) < availablespace) {
1087                        firstMoreElement2.addClass('nav-item');
1088                        firstMoreElement2.addClass('topmenuLg');
1089                        firstMoreElement2.children('a.nav-link').removeClass('dropdown-item');
1090                        firstMoreElement2.removeAttr("data-width");
1091                        firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
1092                        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
1093                    } else {
1094                        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1095                    }
1096                    delete firstMoreElement2;
1097                } else {
1098                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1099                }
1100            } else {
1101                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
1102                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
1103            }
1104        }
1105
1106        function calcWidthAfter() {
1107                                
1108            //affix if reflesh topbar appear
1109            if ($(window).scrollTop() > 0) {
1110                var logwid = 220;
1111            }else{
1112                var logwid = jQuery('#logotop').outerWidth(true);
1113            }
1114            
1115            var navwidth = 0;
1116            var availablespace = 0;
1117            var defwidth = 0;
1118            var serwid = jQuery('#searchtop').outerWidth(true);
1119            var car2id = jQuery('#cart2').outerWidth(true);
1120            var intIsEnableSearchTop = "1";
1121            var intIsEnableCart = "0";
1122            let isLayoutId = '38';
1123            let fullcontainer = '0';
1124            if (intIsEnableSearchTop == 1) {
1125                defwidth = defwidth + serwid;
1126            }
1127
1128            if (intIsEnableCart == 1) {
1129                defwidth = defwidth + car2id;
1130            }
1131
1132            jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg');
1133    
1134            if (typeof logwid === "undefined") {
1135               var logwid = 0;
1136            }
1137            if (isLayoutId == '37' || isLayoutId == '38') {
1138               var logwid = 0;
1139            }
1140            if(fullcontainer=='1'){
1141                var pls_pad = 30;
1142            }else{
1143                var pls_pad = 0;
1144            }
1145            var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true);
1146            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
1147                navwidth += (jQuery(this).outerWidth(true));
1148            });
1149
1150            var availablespace = parseFloat(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60);
1151            
1152            if (navwidth > availablespace) {
1153               var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
1154               var jimwidtest = lastItem.outerWidth(true);
1155               lastItem.removeClass('nav-item');
1156               lastItem.removeClass('dropdown');
1157               lastItem.children('a.nav-link').addClass('dropdown-item');
1158               lastItem.attr('data-width', lastItem.outerWidth(true));
1159               if (jimwidtest > 0) {
1160                   lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul'));
1161               }
1162               delete lastItem;
1163               calcWidthAfter();
1164               return 0;
1165            } else {
1166               if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') {
1167                                   }
1168            }
1169
1170            if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') {
1171                var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length;
1172                if (thelast == 1) {
1173                                          var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1174                     if ((navwidth + firstMoreElement2.width()) < availablespace) {
1175                                             }
1176                      jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1177                } else {
1178                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1179                }
1180            } else {
1181                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
1182            }
1183
1184            //add class last item menu ขอบโค้ง
1185            jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
1186        }
1187
1188        jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").hover(function(){
1189            var vjim = jQuery(this);
1190            if (jQuery('ul', this).length) {
1191                vjim.find('ul.dropdown-menu').addClass('d-block hidden');  //แอบ render element เพื่อ get ค่ามาคำนวน
1192                var elm = jQuery('ul:first', this);
1193                var off = elm.offset();
1194                var l = off.left;
1195                var docW = jQuery("#top-area > #top-sticky").width();
1196                let _maxWidthLv2 = vjim.find('ul.dropdown-menu:first').width();
1197                let _maxWidthLv3 = 0;
1198                let _maxWidthLv4 = 0;
1199                let menuLv2Li = vjim.find('ul.dropdown-menu:first > li');
1200                Array.prototype.forEach.call(menuLv2Li, menu2li => {
1201                    let menuLv3Width = jQuery(menu2li).find('ul.dropdown-menu:first').width();
1202                    if (menuLv3Width > _maxWidthLv3) {
1203                        _maxWidthLv3 = menuLv3Width;
1204                    }
1205                    let menuLv3Li = jQuery(menu2li).find('ul.dropdown-menu:first > li');
1206                    Array.prototype.forEach.call(menuLv3Li, menu3li => {
1207                        let menuLv4Width = jQuery(menu3li).find('ul.dropdown-menu').width();
1208                        if (menuLv4Width > _maxWidthLv4) {
1209                            _maxWidthLv4 = menuLv4Width;
1210                        }
1211                    });
1212                });
1213                
1214                vjim.find('ul.dropdown-menu').removeClass('d-block hidden');  //คำนวนเสร็จแล้วเอา render ออก
1215
1216                let centerHover = l + (jQuery(this).width()/2)
1217                let centerScreen = docW / 2
1218                var isEntirelyVisible = ((l + _maxWidthLv2 + _maxWidthLv3 + _maxWidthLv4) <= docW);
1219                if (!isEntirelyVisible && (centerHover > centerScreen)){
1220                    vjim.children('ul.dropdown-menu').addClass('dropdown-menu-right');
1221                    vjim.children('ul.dropdown-menu.dropdown-menu-right').find('ul.dropdown-menu').addClass('dropdownfix-menu-right');
1222                } 
1223            }
1224        })
1225        
1226        /*nomobile*/
1227           /* }*/
1228    </script>
1228
1229                                    </div>
1230                                </div>
1231                            </div>
1232                                                                            <div class="col-auto col-lg-auto d-lg-inline-flex align-items-center">
1233                                <div id="searchtop" class="hoverOverlay d-inline-flex align-middle">
1234                                    <style type="text/css">
1235    div.topSearchBar {
1236        position: absolute;
1237        z-index: 999;
1238        width: 100%;
1239        left: 0;
1240        margin: 0 auto;
1241        max-width: 768px;
1242        right: 0;
1243        top: 100%;
1244    }
1245    @media  only screen and (max-width: 1024px) {
1246        div.topSearchBar {
1247            bottom: unset !important;
1248            top: 56px !important;
1249        }
1250        div.topSearchBarInner {
1251            padding: 15px 15px 15px 15px;
1252        }
1253    }
1254
1255    @media  only screen and (min-width: 1024px) {
1256        div.topSearchBarInner {
1257            padding: 15px 15px 1px 15px;
1258        }
1259    }
1260    div.topSearchBarInner {
1261        background: #FFF;
1262        box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1263        -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1264        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1265    }
1266    div.topSearchBarInner .btn.btn-default {
1267        border-left: 0px !important;
1268    }
1269    div.topSearchBarInner .btn.btn-default:hover {
1270        /*        background: none !important;*/
1271    }
1272    div.topSearchBarInner .form-control:focus {
1273        border-color: inherit !important;
1274    }
1275    .textStringSearchTopWidget, .btnSearchTopWidget {
1276        font-size: 16px;
1277        height: 36px;
1278    }
1279    .aOpenSearchIcon, .aCloseSearchIcon{
1280        font-size: 22px !important;
1281        margin: 0;
1282        line-height: 20px;
1283    }
1284
1285</style>
1286
1287<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;">
1288    <i class="far fa-search fa-fw navbar-fa"></i>
1289</div>
1290<script>
1291    jQuery('input.textStringSearchTopWidget').on('keypress', function (e) {
1292        jQuery('input.textStringSearchTopWidget').val(this.value);
1293        if (e.keyCode == 13) {
1294            clickSearch(jQuery(this).val());
1295        }
1296    });
1297
1298    jQuery('.btnSearchTopWidget').on('click', function () {
1299        var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val();
1300        clickSearch(textStringSearch);
1301    });
1302
1303    jQuery('.aCloseSearchIcon').on('click', function (e) { 
1304        e.preventDefault();
1305        var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val();
1306        if(textStringSearch!=''){
1307            clickSearch(textStringSearch);
1308        }
1309    });
1310    
1311    function clickSearch(textStringSearch) {
1312        if (textStringSearch != '') {
1313            let lpart = '';
1314            let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/');
1315            if(lpart!=''){
1316                document.location.href = '/' + lpart + '/search&text=' + encodedSearch;
1317            }else{
1318                document.location.href = '/search&text=' + encodedSearch;
1319            }
1320        }
1321    }
1322</script>
1322                                </div>
1323                            </div>
1324                                                                    </div>
1325                </div>
1326            </div>
1327            </div>
1328</nav></div>
1329<div class="headerMobile">
1330        <style type="text/css">
1331    .navbar-nav .dropdown-menu .dropdown-item {
1332        padding: 6px 20px;
1333    }
1334    @media (max-width: 1024px) {
1335        nav > #top-area > .row {
1336            margin: 0 6px;
1337        }
1338        .navbar-nav .dropdown-menu {
1339            position: relative !important;
1340            transform: translate3d(0px, 0px, 0px) !important;
1341            -webkit-transform: translate3d(0px, 0px, 0px) !important;
1342            top: auto !important;
1343            left: auto !important;
1344            padding: 0;
1345            margin: 0;
1346        }
1347        .navbar-nav .dropdown-menu .dropdown-item {
1348            padding: 9px 15px 9px 15px;
1349        }
1350        .navbar-text {
1351            margin: 0 auto;
1352        }
1353        .navbar-brand {
1354            padding: 4px 8px !important;
1355            font-size: 24px !important;
1356            line-height: 40px !important;
1357            border: none !important;
1358            margin: 0px 4px !important;
1359        }
1360        .navbar-brand span{
1361            line-height: 40px;
1362        }
1363        .navbar-brand img {
1364            max-height: 44px;
1365            max-width: 100%;
1366        }
1367    }
1368    @media (max-width: 350px) {
1369        nav > #top-bar {
1370            padding-left: 5px;
1371            padding-right: 5px;
1372        }
1373    }
1374    label[for="mobile-menu"] {
1375        cursor: pointer;
1376        width: 52px;
1377        height: 56px;
1378        position: absolute;
1379        margin: 0;
1380        z-index: 1;
1381    }
1382    @media only screen and (max-width: 1024px) {
1383        .navbar-toggler {
1384            padding: 9px 10px !important;
1385            margin-left: 3px !important;
1386            margin-top: 6px;
1387            margin-right: 0px;
1388            margin-bottom: 6px;
1389            font-size: 16px !important;
1390            height: 44px;
1391        }
1392
1393        input[type="checkbox"]#mobile-menu:checked ~ label[for="mobile-menu"] {
1394            display: block;
1395            width: auto;
1396            height: auto;
1397            margin: 0 !important;
1398            padding: 0 !important;
1399            position: fixed;
1400            left: 0;
1401            right: 0;
1402            bottom: 0;
1403            top: 0;
1404            /* background-color: rgba(0,0,0,3); */
1405            z-index: 998;
1406            transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
1407        }
1408
1409        input[type="checkbox"]#mobile-menu:not(:checked) ~ div.nav-overlay {
1410            visibility: hidden;
1411            width: auto;
1412            height: auto;
1413            margin: 0 !important;
1414            padding: 0 !important;
1415            position: fixed;
1416            left: 0;
1417            right: 0;
1418            bottom: 0;
1419            top: 0;
1420            z-index: 997;
1421            transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
1422        }
1423
1424        input[type="checkbox"]#mobile-menu:checked ~ div.nav-overlay {
1425            display: block;
1426            width: auto;
1427            height: auto;
1428            margin: 0 !important;
1429            padding: 0 !important;
1430            position: fixed;
1431            left: 0;
1432            right: 0;
1433            bottom: 0;
1434            top: 0;
1435            background-color: rgba(0,0,0,0.3);
1436            z-index: 997;
1437            transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
1438        }
1439
1440        div.navbar-collapse {
1441            -webkit-transform: translate3d(-250px,0,0);
1442            -moz-transform: translate3d(-250px,0,0);
1443            -ms-transform: translate3d(-250px,0,0);
1444            transform: translate3d(-250px,0,0);
1445            position: fixed;
1446            display: block !important;
1447            left: 0;
1448            top: 0;
1449            margin: 0;
1450            width: 250px;
1451            height: 100vh;
1452            z-index: 999;
1453            visibility: visible;
1454            /* background-color: #999;*/
1455            overflow-y: visible;
1456            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
1457            transition: all .5s cubic-bezier(.685,.0473,.346,1);
1458            overflow-x: hidden;
1459            /*overflow-y: scroll;*/
1460        }
1461        input[type="checkbox"]#mobile-menu:checked ~ div.navbar-collapse {
1462            -webkit-transform: translate3d(0,0,0);
1463            -moz-transform: translate3d(0,0,0);
1464            -ms-transform: translate3d(0,0,0);
1465            transform: translate3d(0,0,0);
1466
1467        }
1468        input[type="checkbox"]#mobile-menu {
1469            display: none;
1470        }
1471        nav .brandingBox {
1472            flex-basis: 0;
1473            flex-grow: 1;
1474            max-width: 100%;
1475        }
1476        .cart-nav, .aOpenSearchIcon{
1477        /*    padding-top: 15%;
1478            padding-bottom: 15%;*/
1479        }
1480        .navbar-link.cart-nav{
1481            font-size: 22px;
1482        }
1483        .navbar-link.aOpenSearchIcon,.navbar-link.cart-nav{
1484            margin-left: 0px;
1485            margin-top: 0px;
1486            margin-bottom: 0px;
1487            padding: 0px;
1488        }
1489        .widgetCartNumber {
1490            top: -11px;
1491        }
1492    }
1493    nav .navbar-link {
1494        min-width: 40px;
1495    }
1496    nav #top-area {
1497        transition: all 300ms ease;
1498        -webkit-transition: all 300ms ease;
1499        -moz-transition: all 300ms ease;
1500        -o-transition: all 300ms ease;
1501    }
1502    /* widget */
1503    nav #socialnetwork,nav #linewidget {
1504        min-height: 34px;
1505    }
1506
1507</style>
1508<nav id="topZone" class="navbar-expand-xl">
1509        <div id="top-bar">
1510        <div id="top-mb">
1511            <div class="container-fluid">
1512                                <div class="row">
1513                    <div class="col-12 col-sm-12 col-md-12 col-lg text-truncate text-center">
1514                        <div id="toptext" class="navbar-text">
1515                            <div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-family: Athiti; font-size: 16px; color: rgb(255, 255, 255);" data-mce-style="font-family: Athiti; font-size: 16px; color: #ffffff;">
1515Open: 8.00 am.- 5.30 pm. Mobile: +66(0) 99-243-8090, +66(0) 81-595-7588 Office Tel: +66(53) 281-045 E-mail: [email protected]</span></div>                        </div>
1516                    </div>
1517                      </div>
1518                                                                <div class="row">
1519                    <div class="col-12 col-sm-12 col-md-12 col-lg text-center">
1520                        <div class="navbar-text">
1521                                                            <div id="socialnetwork" class="d-inline">
1522<style>
1523    .empty {
1524        padding-top: 15px;
1525        padding-right: 22px;
1526        padding-bottom: 12px;
1527        padding-left: 29px;
1528    }
1529    .wechatSocial{
1530        cursor: pointer;
1531    }
1532    .pointer-none {
1533        pointer-events: none;
1534    }
1535</style>
1536<div class="social-widget">
1537                <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/yourtripthailand " style="">
1538            <i class="fas fa-circle colorFacebookBG pointer-none"></i>
1539            <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i>
1540        </a>
1541                    <a class="faco-top fa-layers fa-fw instagramSocial" target="_blank" href="http://instagram.com/yourtripthailand" style="">
1542            <i class="fas fa-circle colorInstagramBG pointer-none"></i>
1543            <i class="fa-inverse fab fa-instagram colorInstagram pointer-none" data-fa-transform="shrink-7"></i>
1544        </a>
1545                            <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/~yourtripthailand " style="">
1546            <i class="fas fa-circle colorLineBG pointer-none"></i>
1547            <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i>
1548        </a>
1549    
1550            <a class="faco-top fa-layers fa-fw whatappSocial" target="_blank" href="https://wa.me/66815957588" style="">
1551            <i class="fas fa-circle colorwhatappBG pointer-none"></i>
1552            <i class="fa-inverse fab fa-whatsapp colorwhatapp pointer-none" data-fa-transform="shrink-7"></i>
1553        </a>
1554    
1555            <!-- <a class="faco-top fa-layers fa-fw wechatSocial" href="weixin://dl/chat?yourtrip-thailand" target="_blank" style=""> -->
1556        <a class="faco-top fa-layers fa-fw wechatSocial" style="">
1557            <i class="fas fa-circle colorWechatBG pointer-none"></i>
1558            <i class="fa-inverse fab fa-weixin colorWechat pointer-none" data-fa-transform="shrink-7 left-1"></i>
1559        </a>
1560    </div>
1561<script type="text/javascript">
1562
1563    jQuery(".wechatSocial").click(function () {
1564        window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1);
1565    });
1566    
1567</script>
1567</div>
1568                                                    </div>
1569                    </div>
1570                </div>
1571                            </div>
1572        </div>
1573    </div>
1574        <div id="top-area">
1575        <div id="top-sticky">
1576            <div class="container-mobile">
1577                                <div class="sb collapse topSearchBar">
1578                    <div class="topSearchBarInner">
1579                        <div class="input-group">
1580                            <input type="text" class="form-control textStringSearchTopWidget" placeholder="Enter your search..." />
1581                            <div class="input-group-append">
1582                                <button class="btn border-left-0 rounded-right btn-outline-secondary aCloseSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" type="button">
1583                                    <i class="fas fa-search fa-fw navbar-fa" style="font-size: 16px; vertical-align: initial;"></i>
1584                                </button>
1585                            </div>
1586                        </div>
1587                    </div>
1588                </div>
1589                                <div class="row no-gutters">
1590                    <div class="col col-lg-auto d-inline-flex brandingBox" style="width:20%;">
1591                                                <input type="checkbox" id="mobile-menu">
1592                        <div class="nav-overlay"></div>
1593                        <label for="mobile-menu">
1594                        </label>
1595                                                                            <button class="navbar-toggler hamburger hamburger--squeeze" type="button">
1596                                <span class="hamburger-box">
1597                                    <span class="hamburger-inner"></span>
1598                                </span>
1599                            </button>
1600                                                                            <a class="navbar-brand" href="/" style="display: flex;flex-direction: column; justify-content: center;">
1601                                <style>
1602    .logotextmobile{
1603        display: inline-block;
1604        max-width: 200px;
1605        height: 1.5em;
1606        overflow: hidden;
1607        text-overflow: ellipsis;
1608        white-space: nowrap;
1609        color: #000;
1610    }
1611    .logotextmobile span{
1612        /* font-size: 30px !important; */
1613        line-height: 40px !important;
1614    }
1615
1616    @media (max-width: 364.98px) {
1617        .logotextmobile{
1618            max-width: 150px;
1619        }
1620            }
1621
1622    @media (min-width: 365px) and (max-width: 575.98px) {
1623        .logotextmobile{
1624            max-width: 200px;
1625        }
1626                            }
1627
1628    @media (min-width: 576px) and (max-width: 767.98px) {
1629        .logotextmobile{
1630            min-width: calc(400px + 4vw);
1631            max-width: 500px;
1632        }
1633            }
1634
1635    @media (min-width: 768px) and (max-width: 991.98px) {
1636        .logotextmobile{
1637            max-width: 600px;
1638        }
1639                    }
1640    @media (min-width: 992px) {
1641        .logotextmobile{
1642            max-width: 800px;
1643        }
1644    }
1645
1646
1647</style>
1648
1649                    <img src="https://image.makewebcdn.com/makeweb/m_200x200/W7lTZBRXV/home/logo.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/>
1650                                </a>
1651                                                <div class="collapse navbar-collapse pt-3" id="navbarNavDropdown">
1652                            <style type="text/css">
1653    .headerMobile .topwidget-menu .navbar-nav .dropdown-menu {
1654        padding: 0;
1655        margin: 0;
1656    }
1657    /*PC hack to hover*/
1658    @media (min-width: 1025px) {
1659        .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{
1660            display:block !important;
1661        }
1662        .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{
1663            display:block !important;
1664        }
1665        .headerMobile ul.navbar-topmenu.navbar-nav ul{
1666            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
1667        }
1668        .headerMobile .topwidget-menu {
1669            margin: 10px;
1670        }
1671        .headerMobile ul.dropdown-menu.dropdown-menu-right{
1672            left: unset;
1673            right:0;
1674        }
1675        .headerMobile .dropdownfix-menu-right {
1676            right:100% !important;
1677            left:auto !important;
1678        }
1679        .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-right {
1680            transform: rotate(180deg);
1681            left: 0;
1682            position: absolute;
1683            top: 12px;
1684        }
1685        .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-down{
1686            transform: rotate(90deg);
1687            left: 0;
1688            position: absolute;
1689            top: 12px;
1690        }
1691        .headerMobile .more.hidden{
1692            display:none;
1693        }
1694        .headerMobile .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
1695            transform: rotate(-90deg);
1696        }
1697        .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item ul{
1698            position: absolute;
1699        }
1700        .headerMobile .public-topmenu .topmenuLg{
1701            border-right:none !important;
1702        }
1703    }
1704    /* tablet*/
1705    @media only screen and (min-width: 768px) and (max-width: 1112px) {
1706        .headerMobile ul.navbar-topmenu.navbar-nav ul{
1707           box-shadow: none;
1708        }
1709        /*.topwidget-menu {
1710            margin: 10px;
1711        }*/
1712    }
1713    /*mobile tablet*/
1714    @media  only screen and (max-width: 1024px) {
1715        .headerMobile ul.navbar-topmenu.navbar-nav a{
1716            text-align: left !important;
1717            white-space: normal;
1718        }
1719        .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-down{
1720                        transition: all .3s ease 0s;
1721            -ms-transition: all .3s ease 0s;
1722            -webkit-transition: all .3s ease 0s;
1723            -moz-transition: all .3s ease 0s;
1724
1725        }
1726        .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-right{
1727                         transform: rotate(90deg);
1728            transition: all .3s ease 0s;
1729            -ms-transition: all .3s ease 0s;
1730            -webkit-transition: all .3s ease 0s;
1731            -moz-transition: all .3s ease 0s;
1732                    }
1733        
1734        .headerMobile ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
1735            right: 12px;
1736            top: 27%;
1737        }
1738        
1739        .headerMobile ul.navbar-topmenu.navbar-nav a{
1740            word-wrap: break-word;
1741        }
1742        .headerMobile ul.navbar-topmenu.navbar-nav .more{
1743            display:none !important;
1744        }
1745        .headerMobile .public-topmenu .dropdown.show > a > .arrowCollapse{
1746            transform: rotate(180deg);
1747            -ms-transform: rotate(180deg);
1748            -webkit-transform: rotate(180deg);
1749            -moz-transform: rotate(180deg);
1750        }
1751        .headerMobile .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
1752            transform: rotate(270deg);
1753            -ms-transform: rotate(270deg);
1754            -webkit-transform: rotate(270deg);
1755            -moz-transform: rotate(270deg);
1756        }
1757        
1758        .headerMobile ul.navbar-topmenu.navbar-nav > li > ul > li > a {
1759             padding-left: 30px !important;
1760        }
1761        .headerMobile ul.navbar-topmenu.navbar-nav ul ul a {
1762            padding-left: 45px !important;
1763        }
1764        .headerMobile ul.navbar-topmenu.navbar-nav ul ul ul a {
1765            padding-left: 60px !important;
1766        }
1767    }
1768</style>
1769
1770<div class="topwidget-menu">
1771    <ul class="navbar-nav navbar-topmenu public-topmenu">
1772                                    <li class="nav-item ">
1773                    <a class="nav-link abl1"  data-onhome="home" href="/" target="_self">
1774                        Home                    </a>
1775                </li>
1776                                                <li class="nav-item dropdown ">
1777                    <a class="nav-link abl1"   href="/category/5015/bikes---scooters" target="_self" style="position: relative;">
1778                        Bikes&Scooters                                                    <sp
1778an class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;">
1779                                <i class="fal fa-chevron-down"></i>
1780                            </span>
1781                                            </a>
1782                    <ul class="dropdown-menu">
1783                                                                                    <li>
1784                                    <a class="nav-link dropdown-item abl2"   href="/category/5015/872/bikes-rent" target="_self">
1785                                        Bikes Rent                                    </a>
1786                                </li>
1787                                                                                                                <li>
1788                                    <a class="nav-link dropdown-item abl2"   href="/category/5015/873/scooters-rent" target="_self">
1789                                        Scooters Rent                                    </a>
1790                                </li>
1791                                                                        </ul>
1792                </li>
1793                                                <li class="nav-item dropdown ">
1794                    <a class="nav-link abl1"   href="/category/5016/cars---van-rent" target="_self" style="position: relative;">
1795                        Cars & Van Rent                                                    <span class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;">
1796                                <i class="fal fa-chevron-down"></i>
1797                            </span>
1798                                            </a>
1799                    <ul class="dropdown-menu">
1800                                                                                    <li>
1801                                    <a class="nav-link dropdown-item abl2"   href="/category/5016/874/cars-rent" target="_self">
1802                                        Cars Rent                                    </a>
1803                                </li>
1804                                                                                                                <li>
1805                                    <a class="nav-link dropdown-item abl2"   href="/category/5016/1057/van-rent-with-driver-(one-way)" target="_self">
1806                                        Van Rent With Driver (One Way)                                    </a>
1807                                </li>
1808                                                                                                                <li>
1809                                    <a class="nav-link dropdown-item abl2"   href="/category/5016/875/van-rent-with-driver" target="_self">
1810                                        Van Rent With Driver (Round Trip)                                    </a>
1811                                </li>
1812                                                                        </ul>
1813                </li>
1814                                                <li class="nav-item ">
1815                    <a class="nav-link abl1"   href="/category/5017/hoteltours" target="_self">
1816                        Bus Service                    </a>
1817                </li>
1818                                                <li class="nav-item ">
1819                    <a class="nav-link abl1"   href="/ferry" target="_blank">
1820                        Ferry                    </a>
1821                </li>
1822                                                <li class="nav-item ">
1823                    <a class="nav-link abl1"   href="/package-to-laos" target="_blank">
1824                        Package to Laos                    </a>
1825                </li>
1826                                                <li class="nav-item topmenuLg">
1827                    <a class="nav-link abl1"   href="/contactus" target="_self">
1828                        Contact us                    </a>
1829                </li>
1830                    
1831        <li class="nav-item dropdown more hidden" data-width="80">
1832            <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)">
1833                More <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
1834            </a>
1835            <ul class="dropdown-menu"></ul>
1836        </li>
1837    </ul>
1838</div>
1839                                                            <div class="d-md-none theme-td-border my-0"></div>
1840                                                                                    <div class="topwidget-menu">
1841    <ul class="navbar-nav navbar-topmenu">
1842        <li class="nav-item dropdown li-smooth-lang">
1843                                                <a data-toggle="dropdown" class="dropdown-toggle aLanguage nav-link" id="chooseLanguage" href="javascript:void(0)">
1844                        <i class="flag-icon flag-icon-us"></i>
1845                        EN <i class="fal fa-chevron-down" id="arrowLanguage"></i>                    </a>
1846                                                                                                                <ul class="dropdown-menu dropdown-menu-right smooth-lang">
1847                                                                                                                    <li>
1848                                <a class="dropdown-item nav-link" style="padding:10px 15px 10px 15px;
1848" href="/cn/product/28113-21017/因他暖国家公园一日游">
1849                                    <i class="flag-icon flag-icon-cn"></i>&nbsp;&nbsp;CN                                    <input type="hidden" class="languageCodeSetting" value="425"/>
1850                                </a>
1851                            </li>
1852                                                                                                <li>
1853                                <a class="dropdown-item nav-link" style="padding:10px 15px 10px 15px;" href="/th/product/28113-21017/โปรแกรมเต็มวัน-อุทยานแห่งชาติดอยอินทนนท์">
1854                                    <i class="flag-icon flag-icon-th"></i>&nbsp;&nbsp;TH                                    <input type="hidden" class="languageCodeSetting" value="437"/>
1855                                </a>
1856                            </li>
1857                                                            </ul>
1858                    </li>
1859    </ul>
1860</div>
1861<script>
1862  $('.li-smooth-lang').on('show.bs.dropdown', function() {
1863    $(this).find('.dropdown-menu').first().stop(true, true).slideDown();
1864  });
1865  
1866  $('.li-smooth-lang').on('hide.bs.dropdown', function () {
1867    $(this).find('.dropdown-menu').first().stop(true, true).slideUp();
1868  });
1869</script>
1869                        </div>
1870                    </div>
1871                                            <div class="col-auto col-lg-auto text-right order-1 order-lg-12 d-inline-flex align-items-center">
1872                            <style type="text/css">
1873    div.topSearchBar {
1874        position: absolute;
1875        z-index: 999;
1876        width: 100%;
1877        left: 0;
1878        margin: 0 auto;
1879        max-width: 768px;
1880        right: 0;
1881        top: 100%;
1882    }
1883    @media  only screen and (max-width: 1024px) {
1884        div.topSearchBar {
1885            bottom: unset !important;
1886            top: 56px !important;
1887        }
1888        div.topSearchBarInner {
1889            padding: 15px 15px 15px 15px;
1890        }
1891    }
1892
1893    @media  only screen and (min-width: 1024px) {
1894        div.topSearchBarInner {
1895            padding: 15px 15px 1px 15px;
1896        }
1897    }
1898    div.topSearchBarInner {
1899        background: #FFF;
1900        box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1901        -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1902        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1903    }
1904    div.topSearchBarInner .btn.btn-default {
1905        border-left: 0px !important;
1906    }
1907    div.topSearchBarInner .btn.btn-default:hover {
1908        /*        background: none !important;*/
1909    }
1910    div.topSearchBarInner .form-control:focus {
1911        border-color: inherit !important;
1912    }
1913    .textStringSearchTopWidget, .btnSearchTopWidget {
1914        font-size: 16px;
1915        height: 36px;
1916    }
1917    .aOpenSearchIcon, .aCloseSearchIcon{
1918        font-size: 22px !important;
1919        margin: 0;
1920        line-height: 20px;
1921    }
1922
1923</style>
1924
1925<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;">
1926    <i class="far fa-search fa-fw navbar-fa"></i>
1927</div>
1928<script>
1929    jQuery('input.textStringSearchTopWidget').on('keypress', function (e) {
1930        jQuery('input.textStringSearchTopWidget').val(this.value);
1931        if (e.keyCode == 13) {
1932            clickSearch(jQuery(this).val());
1933        }
1934    });
1935
1936    jQuery('.btnSearchTopWidget').on('click', function () {
1937        var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val();
1938        clickSearch(textStringSearch);
1939    });
1940
1941    jQuery('.aCloseSearchIcon').on('click', function (e) { 
1942        e.preventDefault();
1943        var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val();
1944        if(textStringSearch!=''){
1945            clickSearch(textStringSearch);
1946        }
1947    });
1948    
1949    function clickSearch(textStringSearch) {
1950        if (textStringSearch != '') {
1951            let lpart = '';
1952            let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/');
1953            if(lpart!=''){
1954                document.location.href = '/' + lpart + '/search&text=' + encodedSearch;
1955            }else{
1956                document.location.href = '/search&text=' + encodedSearch;
1957            }
1958        }
1959    }
1960</script>
1960                                                    </div>
1961                                    </div>
1962            </div>
1963        </div>
1964    </div>
1965</nav>
1966<script>
1967jQuery("input[type='checkbox']#mobile-menu").change(function() {
1968    if (jQuery(this).is(':checked')) {
1969        jQuery('body').css('overflow-y','hidden');
1970    } else {
1971        jQuery('body').css('overflow-y','');
1972    }
1973});
1974</script>
1974
1975</div>
1976<script>
1977    jQuery('.widgetCartNumber').hide();
1978    jQuery(document).ready(function () {
1979        jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]').click(function (event) {
1980            // event.preventDefault();
1981            jQuery(this).blur();
1982            if (jQuery(this).attr('class') == 'abl1') {
1983                jQuery(this).attr('id', 'topmenuonpage');
1984            } else if (jQuery(this).attr('class') == 'abl2') {
1985                jQuery(this).attr('id', 'topmenusubonpage');
1986            }
1987        });
1988
1989        jQuery('a').click( function(e) {
1990            var targetSelector = this.hash
1991            if(targetSelector) {
1992                e.stopImmediatePropagation();
1993
1994                var $target = $(targetSelector);
1995                var iscls = $(targetSelector).attr('class'); //targethash //fttargethash
1996                // Animate the scroll to the destination...
1997                if(iscls==='fttargethash'){
1998                    var tr_po = 0;
1999                }else{
2000                    var tr_po = $target.offset().top;
2001                }
2002                $('html, body').animate(
2003                    {
2004                        scrollTop: tr_po // Scroll to this location.
2005                    }, {
2006                        // Set the duration long enough to allow time
2007                        // to lazy load the elements.
2008                        duration: 1000,
2009
2010                        // At each animation step, check whether the target has moved.
2011                        step: function( now, fx ) {
2012
2013                            // Where is the target now located on the page?
2014                            // i.e. its location will change as images etc. are lazy loaded
2015                            if ($(window).width() > 1024) {
2016                                if(iscls==='fttargethash'){
2017                                    var newOffset = 0;
2018                                }else{
2019                                    var h_top_sticky = 0;
2020                                    // top bar space for calculations scroll position
2021                                    var viewable = isElementInView($('#top-sticky'))
2022                                    jQuery('.targethash').css('top', '0px');
2023                                    if(viewable){
2024                                        h_top_sticky = $('#top-sticky').height();
2025                                    }
2026                                    var newOffset = $target.offset().top - h_top_sticky;
2027                                }
2028                               // var newOffset = $target.offset().top - 70;
2029                            }else{
2030                                var newOffset = $target.offset().top;
2031                            }
2032                            // If where we were originally planning to scroll to is not
2033                            // the same as the new offset (newOffset) then change where
2034                            // the animation is scrolling to (fx.end).
2035                            if(fx.end !== newOffset)
2036                                fx.end = newOffset;
2037                        }
2038                    }
2039                );
2040            }
2041        })
2042
2043        // check element is visible in current windows display
2044        function isElementInView(element) {
2045            var $window = $(window);
2046            var windowHeight = $window.height();
2047            var windowWidth = $window.width();
2048            var rect = element.get(0).getBoundingClientRect();
2049
2050            return (
2051                rect.top >= 0 && rect.top <= windowHeight &&
2052                rect.left >= 0 && rect.left <= windowWidth
2053            );
2054        }
2055
2056        jQuery('.navbar-topmenu.public-topmenu a[data-onhome]').click(function (event) {
2057            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
2058                $('html,body').animate({
2059                    scrollTop: 0
2060                }, 1800);
2061                return false;
2062            }
2063        });
2064        var aChildren = jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]');
2065        var highlinow = jQuery('.navbar-topmenu.public-topmenu a#topmenuonpage');
2066        var highlinowLv2 = jQuery('.navbar-topmenu.public-topmenu a#topmenusubonpage');
2067        var stickyHeaderhi = jQuery('#menutop').height() + 75;
2068
2069        var aArray = [];
2070        for (var i = 0; i < aChildren.length; i++) {
2071            var aChild = aChildren[i];
2072            var ahref = jQuery(aChild).attr('href');
2073            var res = ahref.split("#");
2074            var last_hash = res[res.length - 1];
2075            aArray.push(last_hash);
2076        }
2077
2078        jQuery('.widgetCartNumber').show();
2079
2080        jQuery(window).scroll(function () {
2081            var windowPos = jQuery(window).scrollTop();
2082            var windowHeight = jQuery(window).height();
2083            var docHeight = jQuery(document).height();
2084            for (var i = 0; i < aArray.length; i++) {
2085                var theID = aArray[i];
2086                if (jQuery('#' + theID).length > 0) {
2087                    if (jQuery('#' + theID).data('orderbox') == 'onest') {
2088                        /* if firstbox */
2089                        var divPos = jQuery('#' + theID).offset().top - stickyHeaderhi;
2090                        var divHeight = jQuery('#' + theID).height();
2091                    } else {
2092                        /* if non first */
2093                        var divPos = jQuery('#' + theID).parent().offset().top - stickyHeaderhi;
2094                        var divHeight = jQuery('#' + theID).parent().height();
2095                    }
2096                    if (windowPos >= divPos && windowPos < (divPos + divHeight)) {
2097                        highlinow.removeAttr('id');
2098                        highlinowLv2.removeAttr('id');
2099                        if (jQuery("a.abl1[data-onpage-link='" + theID + "']").length > 0) {
2100                            jQuery("a.abl1[data-onpage-link='" + theID + "']").attr('id', 'topmenuonpage');
2101                        }
2102                        if (jQuery("a.abl2[data-onpage-link='" + theID + "']").length > 0) {
2103                            jQuery("a.abl2[data-onpage-link='" + theID + "']").attr('id', 'topmenusubonpage');
2104                        }
2105                    } else {
2106                        jQuery("a.abl1[data-onpage-link='" + theID + "']").removeAttr('id');
2107                        jQuery("a.abl2[data-onpage-link='" + theID + "']").removeAttr('id');
2108                        if (jQuery("a[data-onpage-link][id='topmenuonpage']").length < 1 && jQuery("a[data-onpage-link][id='topmenusubonpage']").length < 1) {
2109                            if (highlinow.length > 0) {
2110                                highlinow.attr('id', 'topmenuonpage');
2111                            }
2112                            if (highlinowLv2.length > 0) {
2113                                highlinowLv2.attr('id', 'topmenusubonpage');
2114                            }
2115                        }
2116                    }
2117                }
2118            }
2119            if (windowPos + windowHeight == docHeight) {
2120                /* last position */
2121                var lastsectionl1 = jQuery("a.targethash").parent().parent('#section-content').find('div:not(.insadsbygoogle) > a').last().attr('id');
2122                //L1
2123                if (jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").length > 0) {
2124                    highlinow.removeAttr('id');
2125                    jQuery('a.abl1#topmenuonpage').removeAttr('id');
2126                    jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenuonpage');
2127                }
2128                //L2 L3
2129                if (jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").length > 0) {
2130                    highlinowLv2.removeAttr('id');
2131                    jQuery('a.abl2#topmenusubonpage').removeAttr('id');
2132                    jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenusubonpage');
2133                }
2134            }
2135        });
2136
2137    });
2138
2139    //!navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) &&
2140    if (screen.width > 1024) { // is desktop
2141        var isSubmenuLv2Overflow = 0;
2142        var isSubmenuLv3Overflow = 0;
2143        var elem_headerDesktop = document.getElementsByClassName("headerDesktop")[0];
2144        var elem_topmenu = elem_headerDesktop.getElementsByClassName("navbar-topmenu")[0];
2145        var sectionHeader = document.getElementById("section-header");
2146        var arr_li_lv1 = elem_topmenu.getElementsByClassName("nav
2146-item dropdown"); // li (Lv1) (has submenu)
2147        if (arr_li_lv1.length > 0) {
2148            // console.log(arr_li_lv1);
2149            for (i = 0; i < arr_li_lv1.length; i++) {
2150                var li_lv1 = arr_li_lv1[i];
2151                var arr_child_li_lv1 = li_lv1.children; // a, ui.dropdown-menu
2152                if (arr_child_li_lv1.length > 0) {
2153
2154                    for (j = 0; j < arr_child_li_lv1.length; j++) {
2155                        if (arr_child_li_lv1[j].classList.contains('dropdown-menu')) { // ui.dropdown-menu
2156                            var ui_lv2 = arr_child_li_lv1[j];
2157                            var arr_li_lv2 = ui_lv2.children; // li (Lv2)
2158                            var length_li_lv2 = arr_li_lv2.length;
2159
2160                            // get heightest dropdown-menu
2161                            var maxHeight = 0;
2162                            $('.dropdown-menu').each(function() {
2163                                var height = $(this).outerHeight();
2164                                if (height > maxHeight) {
2165                                    maxHeight = height;
2166                                }
2167                            });
2168
2169                            if (maxHeight > screen.height) {
2170                                isSubmenuLv2Overflow += 1;
2171                            }
2172                            
2173                            //LV 3 LIMITED EDITION
2174                            if (arr_li_lv2.length > 0) {
2175                                for (k = 0; k < arr_li_lv2.length; k++) {
2176                                    if (arr_li_lv2[k].children.length > 1) {
2177                                        if (arr_li_lv2[k].children[1].classList.contains('dropdown-menu')) { // ui.dropdown-menu
2178                                            //k = ตำแหน่งที่มี ul
2179                                            var posiUllv3 = k;
2180                                            var arr_li_lv3 = arr_li_lv2[k].children[1]; // li (Lv2)
2181                                            var obj_li_lv3 = arr_li_lv3.children;
2182                                            var length_li_lv3 = obj_li_lv3.length;
2183                                            var limiLv3High = length_li_lv3 + k;
2184
2185                                            if (screen.height >= 1440 && screen.height < 2880 && limiLv3High > 34) { // height:1440
2186                                                isSubmenuLv3Overflow += 1;
2187                                            } else if (screen.height >= 1080 && screen.height < 1440 && limiLv3High > 20) { // height:1080
2188                                                isSubmenuLv3Overflow += 1;
2189                                            } else if (screen.height >= 768 && screen.height < 1080 && limiLv3High > 14) { // height:768
2190                                                isSubmenuLv3Overflow += 1;
2191                                            } else if (screen.height >= 500 && screen.height < 768 && limiLv3High > 10) { // w:768
2192						isSubmenuLv3Overflow += 1;
2193                                            }
2194
2195                                        }
2196                                    }
2197                                }
2198                            }
2199
2200
2201                        }
2202                    }
2203                }
2204
2205            }
2206        }
2207
2208        if (isSubmenuLv2Overflow > 0) { // no stricky
2209            sectionHeader.classList.remove('sps');
2210            sectionHeader.classList.remove('sps--abv');
2211            sectionHeader.classList.remove('sps--blw');
2212        }
2213        //if lavel 3 is Too Damn High
2214        if (isSubmenuLv3Overflow > 0) { // no stricky
2215            sectionHeader.classList.remove('sps');
2216            sectionHeader.classList.remove('sps--abv');
2217            sectionHeader.classList.remove('sps--blw');
2218        }
2219
2220        //if screen height not than 1080 disable
2221        jQuery(window).ready(function () {
2222            setTimeout(() => {
2223                if ($(window).height() > jQuery('#section-content').height() + jQuery('#section-footer').height()) {
2224                    sectionHeader.classList.remove('sps');
2225                    sectionHeader.classList.remove('sps--abv');
2226                    sectionHeader.classList.remove('sps--blw');
2227                }
2228            }, 200);
2229        });
2230    }
2231</script>
2231
2232                </div>
2233                <!-- <div id="section-content" style=""> -->
2234                <div id="section-content">
2235                                                                        <div class="container">
2236                                <div class="row">
2237                                    <!-- <div class="">-->
2238                                                                
2239<style type="text/css">
2240    /* reveal */
2241    @media only screen and (min-width: 1200px) {
2242        .reveal { background-attachment: fixed !important; }
2243    }
2244    /* rellax */
2245    .rellax-view { position: relative; overflow: hidden; }
2246    .rellax { position: absolute; width: 100%; top: 0px; bottom: 0px; left: 0; right: 0; }
2247    .marginBottomSpace {
2248        
2249        margin-bottom: 20px;
2250    }
2251    .img-responsive{margin:auto;}
2252    @media only screen and (max-width: 767px){
2253        .maginBottomCaption{
2254            margin-bottom: 40px;
2255        }
2256        .maginBottomCaptionmini{
2257            margin-bottom: 15px;
2258        }
2259        .marginBottomSpaceMobile{
2260            margin-bottom: 20px;
2261        }
2262        .coverslidebox{
2263            padding: 0px 0px;
2264        }
2265    }
2266    @media only screen and (min-width: 768px){
2267        .maginBottomCaption{
2268            margin-bottom: 0px;
2269        }
2270        .maginBottomCaptionmini{
2271            margin-bottom: 0px;
2272        }
2273        .marginBottomSpaceMobile{
2274            margin-bottom: 0px;
2275        }
2276        .coverslidebox{
2277            padding: 0px 15px;
2278        }
2279        .textlayout-maxwidth{
2280            max-width: 585px;
2281        }
2282        .textlayout-marlauto{
2283            margin-left: auto;
2284        }
2285    }
2286    .noImgSimpleBG{
2287        background-color:#E1E4E9;
2288    }
2289    .box-not-overflow{
2290        overflow: hidden;
2291    }
2292    .play-button {
2293        left: 50%;
2294        top: 50%;
2295        width: 72px;
2296        height: 64px;
2297        margin-left: -36px;
2298        margin-top: -32px;
2299        z-index: 1;
2300        color: #212121;
2301        opacity: 0.85;
2302    }
2303    .play-button:hover,
2304    .play-button:hover::before {
2305        opacity: 1;
2306        color: #f00;
2307    }
2308    .play-button .fa-youtube {
2309        font-size: 64px;  
2310    }
2311    .play-button:before {
2312        content: "";
2313        width: 0;
2314        height: 0;
2315        border-top: 11px solid transparent;
2316        border-left: 20px solid #ffffff;
2317        border-bottom: 11px solid transparent;
2318        position: absolute;
2319        top: 21px;
2320        left: 29px;
2321    } 
2322    .wrapper .youtube {
2323	    background-color: #000;
2324	    position: relative;
2325	    padding-top: 56.25%;
2326	    overflow: hidden;
2327	    cursor: pointer
2328    }
2329
2330    .wrapper .youtube img {
2331	    width: 100%;
2332        top: -16.82%;
2333        left: 0;
2334        max-height: none !important;
2335        opacity: .7
2336    }
2337    .wrapper .youtube .play-button,
2338    .wrapper .youtube img {
2339        cursor: pointer
2340    }
2341
2342    .wrapper .youtube .play-button,
2343    .wrapper .youtube .play-button:before,
2344    .wrapper .youtube iframe,
2345    .wrapper .youtube img {
2346        position: absolute
2347    }
2348    .wrapper .youtube iframe {
2349        height: 100%;
2350        width: 100%;
2351        top: 0;
2352        left: 0
2353    }
2354    @media only screen and (-webkit-min-device-pixel-ratio: 2) and ( max-width: 768px),only screen and (min-device-pixel-ratio: 2) and ( max-width: 768px) {
2355        a.targethash{
2356            top: -112px;
2357        }
2358    }
2359</style>
2360        <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;">
2361                    </div>
2362                <style type="text/css">
2363            @media only screen and (min-width: 768px) {
2364                .divPageTitle {
2365                                            margin-bottom: 40px;
2366                                                                margin-top: 10px;
2367                                    }
2368                .divPageDescription {
2369                    margin-bottom: 40px;
2370                    margin-top: 40px;
2371                    word-wrap: break-word;
2372                }
2373                .divPageData {
2374                                                                        margin-top: 10px;
2375                                                                margin-bottom: 60px;
2376                }
2377            }
2378            @media  only screen and (max-width: 767px) {
2379                .divPageTitle {
2380                    margin-bottom: 40px;
2381                                                                        margin-top: 10px;
2382                                                            }
2383                .divPageDescription {
2384                    margin-bottom: 40px;
2385                    margin-top: 40px;
2386                    word-wrap: break-word;
2387                }
2388                .divPageData {
2389                                            margin-top: 10px;
2390                                        margin-bottom: 60px;
2391                }
2392            }
2393
2394        </style>
2395                            <div class="container">
2396                        <div class="col-md col-lg">
2397<div>
2398<style>
2399    .disabled-filter{
2400        width: 100%;
2401        height: 3000px;
2402        background-color: black;
2403        opacity: 0.8;
2404        position: absolute;
2405        top: 0;
2406        left: 0;
2407        z-index: 9999;
2408        display: none;
2409    }
2410    .lock-scroll{
2411        overflow: hidden;
2412    }
2413    .icon-check{
2414        position: absolute;
2415        font-size: 9px;
2416        bottom: 7px;
2417        left: 20px;
2418        display: none;
2419    }
2420    #buttonFilter{
2421        display: none;
2422        position: relative; 
2423        float:right; 
2424        width: fit-content;
2425        border-radius: 5px;
2426    }
2427    .margin-menu{
2428        margin-right: 10px;
2429    }
2430    @media only screen and (max-width: 767px) {
2431        .margin-menu{
2432            margin-right: 0;
2433        }
2434        #buttonFilter{
2435                            display: none;
2436                    }
2437
2438        #section-content .productImage img {
2439            max-height: 100%;
2440        }
2441    }
2442</style>
2443            <div class="row">
2444            <div class="col-sm-12">
2445                <nav aria-label="breadcrumb">
2446                    <ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
2447                                                    <li class="breadcrumb-item "  itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
2448                                                                    <a itemscope itemtype="https://schema.org/Thing" itemprop="item" itemid="/" href="/"
2449                                       alt="Click to Home" title="Click to Home" >
2450                                        <span itemprop="name">Home</span>
2451                                    </a>
2452                                    <meta itemprop="position" content="1">
2453                                                            </li>
2454                                                    <li class="breadcrumb-item "  itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
2455                                                                    <a itemscope itemtype="https://schema.org/Thing" itemprop="item" itemid="/category" href="/category"
2456                                       alt="Click to All products" title="Click to All products" >
2457                                        <span itemprop="name">All products</span>
2458                                    </a>
2459                                    <meta itemprop="position" content="2">
2460                                                            </li>
2461                                                    <li class="breadcrumb-item "  itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
2462                                                                    <a itemscope itemtype="https://schema.org/Thing" itemprop="item" itemid="/category/5020/chiang-mai" href="/category/5020/chiang-mai"
2463                                       alt="Click to Chiang Mai" title="Click to Chiang Mai" >
2464                                        <span itemprop="name">Chiang Mai</span>
2465                                    </a>
2466                                    <meta itemprop="position" content="3">
2467                                                            </li>
2468                                                    <li class="breadcrumb-item "  itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
2469                                                                    <a itemscope itemtype="https://schema.org/Thing" itemprop="item" itemid="/category/5020/829/one-day-tours" href="/category/5020/829/one-day-tours"
2470                                       alt="Click to One Day Tours" title="Click to One Day Tours" >
2471                                        <span itemprop="name">One Day Tours</span>
2472                                    </a>
2473                                    <meta itemprop="position" content="4">
2474                                                            </li>
2475                                                    <li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
2476                                                                    <a itemscope itemtype="https://schema.org/Thing" itemprop="item" itemid="/product/28113-21017/one-day-doi-inthanon-national-park" href="/product/28113-21017/one-day-doi-inthanon-national-park"
2477                                       alt="Click to One Day Doi Inthanon National Park" title="Click to One Day Doi Inthanon National Park" >
2478                                        <span itemprop="name">One Day Doi Inthanon National Park</span>
2479                                    </a>
2480                                    <meta itemprop="position" content="5">
2481                                                            </li>
2482                                            </ol>
2483                </nav>
2484            </div>
2485        </div>
2486    
2487                    <div class="divPageData">
2488            
2488<script type="text/javascript" src="/include/bootstrap-tagsinput.js?v=202604291000"></script>
2488
2489<link rel="stylesheet" href="/include/bootstrap-tagsinput.css" type="text/css" />
2490<script type="text/javascript" src="/include/jquery-ui-1.11.4.custom/jquery-ui.min.js?v=202604291000"></script>
vendor: 1 bytes, line 2490
2490
2491<script type="text/javascript" src="/include/xregexp-all/xregexp-all-3.2.0.js?v=202604291000"></script>
2491
2492<style>.badgeProductFlash {
2493    margin-top: 15px;
2494    position: absolute;
2495    border-radius: 0px;
2496    z-index: 1;
2497}
2498
2499.badgeFlash {
2500    background: linear-gradient(90deg, #EC0E00 0%, #FF8A00 100%);
2501    /* display: inline-block; */
2502    padding: 3px;
2503    width: 80px;
2504    height: 22px;
2505    text-align: center;
2506}
2507
2508.badgeFlash .badge-txt-flsale {
2509    vertical-align: text-top;
2510    color: #ffffff;
2511    font-family: 'Sarabun';
2512    font-size: 11px;
2513}
2514
2515.badgeFlash .fa-bolt {
2516    color: #F8CF5B;
2517}</style>
2518<style type="text/css">
2519    /* COLOR BUTTON START */
2520    .productItemDetail .colorItems:not(.disabled):hover:after{
2521        content: "";
2522        border-radius: 50%;
2523        display: block;
2524        height: 34px;
2525        width: 34px;
2526        margin-left: -4px;
2527        margin-top: -4px;
2528    }
2529    .productItemDetail .colorItems.selected:not(.disabled)::after{
2530        content: "";
2531        border-radius: 50%;
2532        display: block;
2533        height: 34px;
2534        width: 34px;
2535        margin-left: -4px;
2536        margin-top: -4px;
2537    }
2538    .productItemDetail .colorItems:hover:after{
2539        border: 2px solid rgba(0, 0, 0, 0.38);
2540    }
2541    .productItemDetail .colorItems.selected::after{
2542        border: 2px solid rgba(0, 0, 0);
2543    }
2544    .productItemDetail .colorItems {
2545        margin-top: 4px;
2546        margin-right: 10px;
2547        cursor: pointer;
2548        border: 2px solid #7c7c7c;
2549        border-radius: 50%;
2550    }
2551    .productItemDetail .colorDetail {
2552        display: flex;
2553        align-items: center;
2554        flex-wrap: wrap;
2555    }
2556    .productItemDetail .colorDetail:last-child {
2557        margin-right: 0px;
2558    }
2559    .productItemDetail .productItemDetail .colorDetail div {
2560        height: 30px;
2561        width: 30px;
2562        display: inline-block;
2563    }
2564    .productItemDetail .colorItems:not(.disabled):hover {
2565        border: 0px;
2566        margin-right: 12px;
2567        margin-left: 2px;
2568        width: 26px !important;
2569        height: 26px !important;
2570    }
2571    .productItemDetail .colorItems.selected:not(.disabled) {
2572        border: 0px;
2573        margin-right: 12px;
2574        margin-left: 2px;
2575        width: 26px !important;
2576        height: 26px !important;
2577    }
2578    .productItemDetail .colorItems.disabled {
2579        cursor: not-allowed;
2580        opacity: 0.3;
2581    }
2582    /* COLOR BUTTON END */
2583
2584    /* Start Button Detail Style */
2585    .productItemDetail .buttonDetail{
2586          margin-top: -10px;
2587    }
2588    .productItemDetail .buttonDetail span {
2589        font-size: 16px;
2590        padding: 10px;
2591        border-radius: 4px;
2592        margin-right: 5px;
2593        display: inline-block;
2594        margin-top: 10px;
2595        cursor: pointer;
2596        position: relative;
2597    }
2598    .productItemDetail .buttonDetail span:hover {
2599        /* border: 1px solid #646869; */
2600    }
2601    .productItemDetail .buttonDetail span.selected {
2602        cursor: pointer;
2603    }
2604    .productItemDetail .buttonDetail span.selected::before{
2605        position: absolute;
2606        bottom: 0;
2607        height: 0;
2608        width: 0;
2609        right:0;
2610        border: 8px solid transparent;
2611        content: "";
2612    }
2613    .productItemDetail .buttonDetail span .fa-check {
2614        display: none;
2615        position: absolute;
2616        font-weight: 900;
2617        font-size: .7em;
2618        bottom: 0em;
2619        right: 0em;
2620    }
2621    .productItemDetail .buttonDetail span.selected .fa-check {
2622        display: block;
2623    }
2624    .productItemDetail .buttonDetail span.disabled {
2625        cursor: not-allowed;
2626        opacity: 0.3;
2627    }
2628    /* End Button Detail Style */
2629
2630    .productItemDetail .button-wrapper {
2631        display: flex;
2632        margin-bottom: 30px;
2633    }
2634    .productItemDetail .productName {
2635        margin-bottom: 10px;
2636    }
2637    .productItemDetail .productSku {
2638        margin-bottom: 10px;
2639        display: none;
2640    }
2641    .productItemDetail .starRating > .fa-star {
2642        color: #EDA100;
2643        font-size: 14px;
2644        font-family: tahoma;
2645    }
2646    .productItemDetail .fa-lg {
2647        line-height: 1.05em !important;
2648    }
2649    .productItemDetail .attrHeader {
2650        font-weight: bold;
2651    }
2652    .productItemDetail .thumbnail {
2653        cursor: -moz-zoom-in;
2654        cursor: -webkit-zoom-in;
2655    }
2656
2657    .productItemDetail .colorDetail div {
2658        border: 3px solid transparent;
2659        height: 30px;
2660        width: 30px;
2661        border-radius: 50%;
2662        display: inline-block;
2663        border: 1px solid #B9B9B9;
2664    }
2665    .productItemDetail .colorDetail div:hover, .productItemDetail .colorDetail > div.selected {
2666        
2667    }
2668    .productItemDetail .buttonDetail{
2669          margin-top: -10px;
2670    }
2671    /* .productItemDetail .buttonDetail span {
2672        border: 1px solid #646869;
2673        color: #646869;
2674        padding: 10px;
2675        border-radius: 4px;
2676        margin-right: 5px;
2677        display: inline-block;
2678        margin-top: 10px;
2679    } */
2680    /* .productItemDetail .buttonDetail span:hover, .productItemDetail .buttonDetail span.selected {
2681        background-color: #646869;
2682        color: #FFF;
2683        cursor: pointer;
2684    } */
2685    .productItemDetail .divProductDescription {
2686        padding-top: 10px;
2687        padding-bottom: 10px;
2688    }
2689    .productItemDetail .divProductDescription img {
2690        max-width: 100%;
2691    }
2692    .productItemDetail .thumbnail {
2693                    max-height: 458px;
2694            line-height: 450px;
2695                text-align: center;
2696    }
2697    .productItemDetail .gall-item {
2698        display: block;
2699        vertical-align: middle;
2700        max-width: 100%;
2701        width: 800px;
2702                    height: 458px;
2703        
2704    }
2705    .productItemDetail .img-responsive {
2706        display: inline;
2707                    max-height: 458px;
2708            }
2709    .productItemDetail .zoomThumb {
2710        margin-top: 10px;
2711        text-align: center;
2712        display: inline-block;
2713        margin-bottom: 30px;
2714    }
2715    .productItemDetail .zoomThumbLink {
2716        text-decoration: none;
2717    }
2718    .productItemDetail .zoomThumbLink > img {
2719        margin-bottom: 5px;
2720        margin-right: 5px;
2721        padding: 5px;
2722        border: 1px solid #CCC;
2723        cursor: pointer;
2724    }
2725    .productItemDetail .spanOutofStock {
2726        color: red;
2727    }
2728    .productItemDetail .divProductDescription .h3 {
2729        line-height: 40px;
2730    }
2731    .divProductRelate, .divProductRecent {
2732        margin: 20px auto;
2733    }
2734    .divProductRelate > .h3, .divProductRecent > .h3 {
2735        margin: 10px auto;
2736        font-weight: bold;
2737        display: block;
2738    }
2739    .productItemDetail .productPrice {
2740    }
2741    .productItemDetail .productOldPrice s{
2742        text-decoration: line-through;
2743    }
2744    .productItemDetail .productMemberPrice {
2745        margin-top: 5px;
2746    }
2747    .productItemDetail .productPrice .h3 {
2748        font-weight: bold;
2749    }
2750    .productItemDetail .social-count {
2751        font-family: "Open Sans";
2752    }
2753
2754    .productItemDetail .dropdownDetail.disabled, .productItemDetail .dropdownDetail:disabled {
2755        border: solid 1px rgba(0, 0, 0, 0.13);
2756        background-color: #f7f7f7;
2757        opacity: 1;
2758        color: rgba(0, 0, 0, 0.38);
2759    }
2760
2761    .productList1 .productWidget .item {
2762        height: auto;
2763        margin-bottom: 15px;
2764        display: block;
2765    }
2766    .productList1 .productWidget .thumbnail {
2767        text-align: center;
2768    }
2769    .productList1 .productWidget .productPrice .h3 {
2770        font-weight: bold;
2771    }
2772    .productList1 .productWidget .productOldPrice s{
2773        text-decoration: line-through;
2774    }
2775    .productList1 .productWidget .productImage {
2776        display: table-cell;
2777        width: 800px;
2778        text-align: center;
2779        vertical-align: middle;
2780                                    height: 260px;
2781                        }
2782    .productList1 .productWidget img {
2783        max-width: 100% !important;
2784                    max-height: 260px;
2785                transition: 0.3s ease 0s;
2786        -moz-transition: 0.3s ease 0s;
2787        -webkit-transition: 0.3s ease 0s;
2788        -o-transition: 0.3s ease 0s;
2789    }
2790    .productList1 .productWidget .productImage:hover img {
2791        transform: scale(1.1);
2792        -moz-transform: scale(1.1);
2793        -webkit-transform: scale(1.1);
2794        -o-transform: scale(1.1);
2795    }
2796    .productList1 .productWidget .productImage * {
2797        vertical-align: middle;
2798    }
2799
2800    .productList1 .productWidget .thumbnail {
2801        height: auto;
2802    }
2803    .productList1 .productWidget .img-responsive {
2804        display: inline-block !important;
2805        max-height: 260px;
2806        transition: 0.3s ease 0s;
2807        -moz-transition: 0.3s ease 0s;
2808        -webkit-transition: 0.3s ease 0s;
2809        -o-transition: 0.3s ease 0s;
2810    }
2811    .productList1 .productWidget .productImage:hover .img-responsive {
2812        transform: scale(1.1);
2813        -moz-transform: scale(1.1);
2814        -webkit-transform: scale(1.1);
2815        -o-transform: scale(1.1);
2816    }
2817    .productList1 .productCaption {
2818        margin-top: 20px;
2819        margin-left: 15px;
2820        margin-right: 15px;
2821    }
2822            .productList1 .productName, .productList1 .productIntro, .productList1 .productPrice, .productList1 .productAction {
2823            margin-top: 10px;
2824            margin-bottom: 10px;
2825        }
2826        .productList1 .divProductMemberPrice, .productList1 .divProductNormalPrice {
2827            line-height: 25px;
2828        }
2829        .productList1 .divPriceWhole {
2830            line-height: 25px;
2831        }
2832        .productList1 .productName a {
2833        text-decoration: none !important;
2834    }
2835    .productList1 .productName h3 {
2836        line-height: 30px;
2837    }
2838    .productList1 .productIntro > p {
2839        line-height: 25px;
2840    } 
2841    .productList1 .productAction > .productAddToCart {
2842        margin-bottom: 10px;
2843    }
2844    .productList1 .productCompare {
2845        height: 30px;
2846        line-height: 30px;
2847    }
2848    #productList1_{
2849        padding-bottom: 40px;
2850        padding-top: 40px;
2851    }
2852    .badgeProduct{
2853        text-align:left;
2854        margin-top:15px;
2855        color: #fff;
2856        position: absolute;
2857        border-radius: 0px;
2858        z-index:1;
2859        font-size: 14px;
2860        font-family: 'Open Sans',Tahoma;
2861    }
2862    .badgeOuter {
2863        margin-bottom: 2px;
2864    }
2865    .badgeOuter .badgeNew {
2866        background-color: #2bbe1f;
2867        display: inline-block;
2868        padding: 0 8px;
2869    }
2870    .badgeOuter .badgeBestseller {
2871        background-color: #ffa800;
2872        display: inline-block;
2873        padding: 0 8px;
2874    }
2875    .badgeOuter .badgePreorder {
2876        background-color: #40bade;
2877        display: inline-block;
2878        padding: 0 8px;
2879    }
2880    .badgeInner {
2881        margin-bottom: 2px;
2882    }
2883    .badgeInner .badgeNew {
2884        background-color: #2bbe1f;
2885        display: inline-block;
2886        padding: 0 8px;
2887    }
2888    .badgeInner .badgeBestseller {
2889        background-color: #ffa800;
2890        display: inline-block;
2891        padding: 0 8px;
2892    }
2893    .badgeInner .badgePreorder {
2894        background-color: #40bade;
2895        display: inline-block;
2896        padding: 0 8px;
2897    }
2898    span.priceDiscount {
2899        background: red;
2900        color: #FFF;
2901        margin-left: 3px;
2902        font-size: 11px;
2903    }
2904    span.priceOvercharge {
2905        padding: 2px 5px;
2906        background: #61c13c;
2907        color: #FFF;
2908        margin-left: 3px;
2909        font-size: 11px;
2910    }
2911    .group-min-width{ min-width: 175px }
2912    .fb-like{ float: left; margin-bottom: 5px; min-width: 90px;}
2913    .line-it{ float: left; margin-bottom: 5px; margin-right: 5px; margin-left: 0; }
2914    .tagsPadding{ padding: 10px 0 30px 0; }
2915    .tagsA{ word-break: keep-all; line-height: 2.5em !important; }
2916    @media only screen and (min-width: 768px) {
2917        .productItemDetail .divSocialButton {
2918            text-align: right;
2919        }
2920    }
2921
2922    .customProduct-navigation a{
2923        text-shadow: none;
2924        color: inherit;
2925        cursor: pointer;
2926        position:absolute;
2927        top: 25%;
2928    }
2929    .customProduct-navigation .flex-disabled{
2930        opacity : 0;
2931    }
2932    .infoThumbProduct1{
2933        cursor:pointer;
2934        display:table-cell;
2935        vertical-align:middle;
2936        text-align:center;
2937    }
2938    #flslideProduct{
2939        margin-bottom: 30px;
2940        margin-top: 10px;
2941        position: relative;
2942        padding: 0 15px;
2943        height: 70px;
2944    }
2945    #flslideProductUl> li{
2946        border: 1px solid #ccc;
2947        cursor: pointer;
2948        margin-bottom: 5px;
2949        margin-right: 5px;
2950        padding: 5px;
2951        background:#FFFFFF;
2952        /* line-height: 60px !important; */
2953        width: 63px !important;
2954    }
2955    #flslideProduct .zoomThumbLink2 > div {
2956        width: 50px !important;
2957                    height: 50px !important;
2958        
2959        background-repeat: no-repeat !important;
2960        background-position: center !important;
2961        background-size: cover !important;
2962    }
2963
2964    .zoomThumbLink {
2965        float: left;
2966    }
2967
2968    .badgeProduct{
2969        text-align:left;
2970        margin-top:15px;
2971        margin-left:15px;
2972        color: #fff;
2973        position: absolute;
2974        border-radius: 0px;
2975        z-index:1;
2976        font-size: 14px;
2977        font-family: 'Open Sans',Tahoma;
2978    }
2979
2980    .badgeProductRelate{
2981        margin-top:15px;
2982        color: #fff;
2983        text-align:left;
2984        position: absolute;
2985        border-radius: 0px;
2986        z-index:1;
2987    }
2988    .badgeProductRecently{
2989        margin-top:15px;
2990        color: #fff;
2991        text-align:left;
2992        position: absolute;
2993        border-radius: 0px;
2994        z-index:1;
2995    }
2996    .spanShareText {
2997        height: 34px;
2998        line-height: 34px;
2999        font-size: 15px;
3000        margin-right: 7px;
3001        margin-top: 0;
3002        margin-bottom: 0;
3003        float: left;
3004    }
3005    .loader {
3006        position: absolute;
3007        top:0;
3008        bottom:0;
3009        left: 0;
3010        right: 0;
3011    } 
3012    .breadcrumb {
3013        background-color: transparent;
3014        padding: 0;
3015        margin: 5px 0 10px 0;
3016    }
3017    .btnMainCart{
3018        width: 100%;
3019        min-height: 44px;
3020    }
3021    .btnMessageUs,.btnMessageUsCC{
3022        width: 100%;
3023        min-height: 44px;
3024        background-color: #0F84FD;
3025        color: #FFFFFF;
3026        border: none;
3027    }
3028    .btnMessageUs:hover, .btnMessageUsCC:hover{
3029        background-color: #0268c7 !important;
3030        color: #FFFFFF;
3031        border: none;
3032    }
3033    .colorFacebookBGPD{
3034        background: #4267b2;
3035        color: transparent;
3036    }
3037    .colorFacebookPD{
3038        color: #ffffff;
3039    }
3040    .facebookSocialPD:hover .colorFacebookPD{
3041        color: #ffffff;
3042    }
3043    .facebookSocialPD:hover .colorFacebookBGPD{
3044        background: #4267b2;
3045        color: transparent;
3046        filter:brightness(130%);
3047    }
3048
3049    .colorTwitterBGPD{
3050        background: black;
3051        color: transparent;
3052    }
3053    .colorTwitterPD{
3054        color: #ffffff;
3055    }
3056    .twitterSocialPD:hover .colorTwitterBGPD{
3057        background: black;
3058        color: transparent;
3059        filter:contrast(0.1);
3060    }
3061    .twitterSocialPD:hover .colorTwitterPD{
3062        color: #ffffff;
3063    }
3064    .colorGoogleplusBGPD{
3065        background: #db4437;
3066        color: transparent;
3067    }
3068    .colorGoogleplus{
3069        color: #ffffff;
3070    }
3071    .googleplusSocialPD:hover .colorGoogleplusBGPD{
3072        background: #db4437;
3073        color: transparent;
3074        filter:brightness(130%);
3075    }
3076    .googleplusSocialPD:hover .colorGoogleplusPD{
3077        color: #ffffff;
3078    }
3079    .colorPinterestBGPD{
3080        background: #BD081C;
3081        color: transparent;
3082    }
3083    .colorPinterestPD{
3084        color: #ffffff;
3085    }
3086    .pinterestSocialPD:hover .colorPinterestBGPD{
3087        background: #BD081C;
3088        color: transparent;
3089        filter:brightness(130%);
3090    }
3091    .pinterestSocialPD:hover .colorPinterestPD{
3092        color: #ffffff;
3093    }
3094
3095    .colorLineBGPD{
3096        background: #00b800;
3097        color: transparent;
3098    }
3099    .colorLinePD{
3100        color: #FFFFFF;
3101    }
3102    .LineSocialPD:hover .colorLinePD{
3103        color: #ffffff;
3104    }
3105    .LineSocialPD:hover .colorLineBGPD{
3106        background: #00b800;
3107        color: transparent;
3108        filter:brightness(130%);
3109    }
3110    .labelShare{
3111        display: block;
3112        float: left;
3113        padding-top: 34px;
3114        margin-right: 5px;
3115    }
3116    .divSocilaGroupNew{
3117        display: inline-block;
3118    }
3119    .divSocilaGroup {
3120        display: block;
3121        float: left;
3122    }
3123    /*--------------IPAD PRO------------------*/
3124    @media only screen and (min-width: 993px) and (max-width: 1024px) {
3125        .productItemDetail .thumbnail {
3126                            max-height: 368px;
3127                line-height: 363px;
3128                        text-align: center;
3129        }
3130        .productItemDetail .gall-item {
3131            display: block;
3132            vertical-align: middle;
3133            max-width: 100%;
3134            width: 800px;
3135                            height: 368px;
3136            
3137        }
3138        .productItemDetail .img-responsive {
3139            display: inline;
3140                            max-height: 368px;
3141                    }
3142        .productList1 .productWidget .productImage{
3143                                                height: calc(25vw - 30px);
3144                                    }
3145        .productList1 .productWidget .productImage img{
3146                                                max-height: calc(25vw - 30px);
3147                                    }
3148    }
3149
3150    /*--------------IPAD----------------------*/
3151    @media only screen and (min-width: 768px) and (max-width: 992px) {
3152        .productItemDetail .thumbnail {
3153                            max-height: 270px;
3154                line-height: 265px;
3155                        text-align: center;
3156        }
3157        .productItemDetail .gall-item {
3158            display: block;
3159            vertical-align: middle;
3160            max-width: 100%;
3161            width: 800px;
3162                            height: 270px;
3163            
3164        }
3165        .productItemDetail .img-responsive {
3166            display: inline;
3167                            max-height: 270px;
3168                    }
3169        .productList1 .productWidget .productImage{
3170                                                height: calc(50vw - 30px);
3171                                    }
3172        .productList1 .productWidget .productImage img{
3173                                                max-height: calc(50vw - 30px);
3174                                    }
3175    }
3176
3177    /*---------------mobile------------------*/
3178    @media (max-width: 767px) {
3179        .button-wrapper {
3180            position: fixed;
3181            bottom: 0;
3182            z-index: 55;
3183            left: 0;
3184            right: 0;
3185            min-height: auto;
3186            flex-direction: row-reverse;
3187            margin: 0 !important;
3188        }
3189        .my-col-3 {
3190            flex: 1;
3191            padding: 0px;
3192        }
3193        .my-col-9 {
3194            flex: 2;
3195            padding: 0px;
3196        }
3197        .my-col-12 {
3198            width: 100%;
3199            padding: 0px;
3200        }
3201        .btnMainCart{
3202            min-width: 100%;
3203            height: 60px;
3204            border-radius: 0px;
3205            font-size: 16px;
3206        }
3207        .btnMessageUs, .btnMessageUsCC {
3208            min-width: 100%;
3209            height: 60px;
3210            border-radius: 0px;
3211            font-size: 16px;
3212        }
3213        .navcustom-left, .navcustom-right{
3214            font-size: 70px !important;
3215            line-height: 20px !important;
3216            background: rgba(0, 0, 0, 0.2) !important;
3217        }
3218        .productList1 .productWidget .thumbnail {
3219            border-radius: 0px;
3220            border: none;
3221            box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1);
3222        }
3223
3224        .labelShare{
3225            padding-top: 0;
3226        }
3227
3228                    .productList1 .productCompare {
3229                height: 26px;
3230                line-height: 20px;
3231                margin-bottom: 5px;
3232            }
3233            .productList1 .productCompare .mobile12px {
3234                font-size: 14px !important;
3235                vertical-align: middle;
3236            }
3237            .productList1 .productAction > .productAddToCart {
3238                margin-bottom: 5px;
3239                position: unset;
3240                bottom: unset;
3241                left: unset;
3242                right: unset;
3243            }
3244                            .productList1 .productAction {
3245                    height: auto;
3246                }
3247                    
3248
3249        .SpePriceeSym, .MemPriceeSym{
3250            display:inline !important;
3251            font-size: 16px;
3252        }
3253        .productList1 .NmPriceSym{
3254            display:inline !important;
3255            font-size: 16px;
3256
3257        }
3258        .productList1 .productOldPrice > .NmPriceSym{
3259            font-size: 12px;
3260        }
3261        .productList1 .divProductNormalPrice > .price > .NmPriceSym{
3262            font-size: 16px;
3263        }
3264        .NmPrice, .SpePrice, .MemPrice{
3265            display:none;
3266        }
3267
3268        .productList1 .productWidget .item {
3269            margin-bottom: 5px;
3270        }
3271        .productList1 .productCaption {
3272            margin-left: 5px;
3273            margin-right: 5px;
3274            margin-top: 9px;
3275        }
3276        .productList1 .productName, .productList1 .productIntro,  .productList1 .productCode {
3277            margin-bottom: 0;
3278            margin-top: 5px;
3279            overflow: hidden;
3280        }
3281        .productList1 .productAction{
3282            margin-bottom: 8px;
3283            margin-top: 5px;
3284            overflow: hidden;
3285        }
3286        .productList1 .mobileProductList1{
3287            padding: 0 3px;
3288        }
3289        .productList1 .productIntro{
3290            height: 37px;
3291        }
3292        .productList1 .productIntro > p {
3293            font-size: 14px;
3294            overflow: hidden;
3295            text-overflow: ellipsis;
3296            line-height: 19px;
3297        }
3298                    .productList1 .productName {
3299                height: auto;
3300            }
3301        
3302        .productList1 .productName h3{
3303            font-size: 14px;
3304            font-weight: bold;
3305        }
3306        .productList1 .productCode {
3307            height: 20px;
3308            margin-bottom:4px
3309        }
3310        .productList1 .productCode > p {
3311            font-size: 14px;
3312            line-height: 18px;
3313        }
3314        .productList1 .divProductNormalPrice .productOldPrice {
3315            font-size: 14px !important;
3316        }
3317        .productList1 .divProductNormalPrice .price {
3318            font-size: 12px;
3319        }
3320        .productList1 .divPriceWhole{
3321            height: 22px;
3322            line-height: 16px;
3323        }
3324        .productList1 .divPriceWhole .priceWhole{
3325            margin-top: 3px;
3326            margin-bottom: 5px;
3327        }
3328        .productList1 .divProductMemberPrice .productMemberPrice{
3329            font-size: 10px;
3330            font-weight: bold;
3331        }
3332        .productList1 .productPrice{
3333            margin-bottom: 10px;
3334            margin-top: 5px;
3335            overflow: hidden;
3336        }
3337        .productList1 .productWidget .productPrice .h3{
3338            font-size: 14px;
3339            font-weight: bold;
3340            margin: 0;
3341        }
3342        .productList1 .divProductMemberPrice, .productList1 .divProductNormalPrice{
3343            height: 45px;
3344        }
3345        .productList1 .productAction .productAddToCart button{
3346            font-size: 14px;
3347            padding: 6px 16px;
3348            line-height: 150%;
3349            height: 38px;
3350        }
3351        .productList1 .productAction .productAddToCart button > .fa{
3352            vertical-align: baseline !important;
3353        }
3354        .productList1 .badgeProduct {
3355            margin-top: 10px;
3356        }
3357        .productList1 .badgeProduct .badgeOuter{
3358            font-size: 12px;
3359        }
3360
3361        span.priceDiscount{
3362            font-size: 12px;
3363            font-weight: normal;
3364        }
3365        .productList1 .divProductNormalPrice > .priceDiscount {
3366            vertical-align: top !important;
3367        }
3368        .productList1 .divProductMemberPrice > .productMemberPrice > .priceDiscount{
3369            vertical-align: text-top !important;
3370        }
3371        .priceWhole{
3372            font-size: 10px;
3373        }
3374        .mobile12px{
3375            font-size: 12px;
3376        }
3377        .productList1 .mobileProductList1:nth-child(odd) {
3378            padding-left: 5px;
3379        }
3380        .productList1 .mobileProductList1:nth-child(even) {
3381            padding-right: 5px;
3382        }
3383        .oosstock{
3384            font-size: 14px !important;
3385        }
3386        .productList1 .productAction .productDescription{
3387            height: 15px;
3388        }
3389        .productList1 .productAction .productDescription > p {
3390            font-size: 12px;
3391        }
3392        .productList1 .productWidget .productImage{
3393                                                height: calc(50vw - 8px);
3394                                    }
3395        .productList1 .productWidget .productImage img{
3396                                                max-height: calc(50vw - 8px);
3397                                    }
3398
3399        .productItemDetail .thumbnail {
3400                            max-height: calc(100vw - 30px);
3401                line-height: calc(100vw - 35px);
3402                        text-align: center;
3403        }
3404        .productItemDetail .gall-item {
3405            display: block;
3406            vertical-align: middle;
3407            max-width: 100%;
3408            width: auto;
3409                            height: calc(100vw - 30px);
3410            
3411        }
3412        .productItemDetail .img-responsive {
3413            display: inline;
3414                            max-height: calc(100vw - 30px);
3415                    }
3416    }
3417
3418    .NmPriceSym, .SpePriceeSym, .MemPriceeSym{
3419        display:none;
3420    }
3421
3422    .oosstock{
3423        background-color:transparent;
3424        color:red;
3425        cursor:default;
3426        border: none !important;
3427    }
3428    .oosstock:hover{
3429        background-color:transparent;
3430        color:red;
3431        cursor:default;
3432        border: none !important;
3433    }
3434    .oosstock:focus{
3435        background-color:transparent;
3436        color:red;
3437        cursor:default;
3438        border: none !important;
3439    }
3440    .productAddToCart button .fa, .btnAddToCartpdetail .fa {
3441        vertical-align: baseline !important;
3442    }
3443    @media (max-width: 991px) {
3444        .btnAddToCartpdetail {
3445            max-width: 450px;
3446            width: 100%;
3447            padding: 9px 12px;
3448        }
3449
3450    }
3451
3452    #additionalTabs .nav-item {
3453        cursor: pointer;
3454    }
3455
3456    #additionalTabs .nav-item {
3457        max-width: 300px
3458    }
3459
3460    #additionalTabs .ellipsis-overflow {
3461        background-color: transparent;
3462        white-space: nowrap;
3463        overflow: hidden;
3464        text-overflow: ellipsis;
3465        max-width: 50vw;
3466    }
3467
3468    .tab-btn {
3469        padding: 10px;
3470        cursor: pointer;
3471        margin: 0;
3472        font-size: 16px;
3473    }
3474    .tab-btn.active {
3475        border: 1px solid #CCC;
3476        border-bottom: 0px;
3477        border-top-right-radius: 4px;
3478        border-top-left-radius: 4px;
3479    }
3480    .tab-btn:not(.active) {
3481        padding: 10px;
3482        border-bottom: 1px solid #CCC;
3483    }
3484    .tab-btn:hover {
3485        text-decoration: underline !important;
3486    }
3487    .other-btn {
3488        width: 100%;
3489        border-bottom: 1px solid #CCC;
3490    }
3491    .tab-content {
3492        padding: 10px 0px;
3493    }
3494    .tab-description {
3495        display: none;
3496    }
3497
3498    .productItemDetail .subAction .fa {
3499        vertical-align: baseline !important;
3500    }
3501    .productItemDetail .subAction a {
3502        font-size: 12px;
3503        padding: 9px 12px;
3504    }
3505
3506    .navcustom-left, .navcustom-right{
3507        color: #ffffff !important;
3508        font-size: 45px !important;
3509        opacity: 1 !important;
3510        border:none !important;
3511    }
3512    .navcustom-left:after{
3513        content: "\f104" !important;
3514        border:none !important;
3515    }
3516    .navcustom-right:after{
3517        content: "\f105" !important;
3518        border:none !important;
3519    }
3520    .navcustom-left:before{
3521        border:none !important;
3522    }
3523    .navcustom-right:before{
3524        border:none !important;
3525    }
3526    .dividerVertical{
3527       border-left: 1px solid rgba(0,0,0,0.13);
3528    } 
3529
3530    .divErrorText{
3531        color: #FF0000;
3532    }
3533    .borderError{
3534        border-color: #FF0000 !important;
3535    }
3536
3537    .text-ellipsis {
3538        white-space: nowrap; 
3539        overflow: hidden; 
3540        text-overflow: ellipsis;
3541    }
3542    .category-link:last-child{
3543        display:none;
3544    }
3545    .qty-product-instock {
3546        font-size: 14px;
3547        opacity: 0.65;
3548    }
3549    .qty-product-outstock {
3550        font-size: 14px;
3551        color: red;
3552    }
3553    .button-group, .btn.button-group:disabled:hover{
3554        background-color: #FFFFFF !important;
3555        width: 30px;
3556        border: 1px solid #CDCED2 !important;
3557        background: inherit;
3558        padding: 0 7px !important;
3559        font-size: 16px !important;
3560        border-radius: 4px;
3561        font-family: 'Open sans' !important;
3562        height: 30px;
3563        cursor: not-allowed;
3564    }
3565    .button-group:focus {
3566        box-shadow: 0 0 0 0 !important;
3567    }
3568    .button-left-group, .btn.button-left-group:disabled:hover{
3569        border-top-right-radius: 0;
3570        border-bottom-right-radius: 0;
3571        border-right: 0 !important;
3572    }
3573    .button-right-group, .btn.button-right-group:disabled:hover{
3574        border-top-left-radius: 0;
3575        border-bottom-left-radius: 0;
3576        border-left: 0 !important;
3577    }
3578    .input-padding{
3579        width: 60px;
3580        padding: 0 !important;
3581        text-align: center;
3582        border-radius: 0;
3583        box-shadow: none;
3584    }
3585    .padding-0 {
3586        padding: 0;
3587    }
3588    .position-detail-product{
3589        position: absolute;
3590        top: 8px;
3591        left: 150px;
3592    }
3593    .input-padding::-webkit-outer-spin-button,
3594    .input-padding::-webkit-inner-spin-button {
3595        -webkit-appearance: none;
3596        margin: 0;
3597    }
3598    .errProductNumber {
3599        display: none;
3600        margin-top: 5px;
3601    }
3602    .errProductlimit {
3603        display: none;
3604        margin-top: 5px;
3605    }
3606    .group-product-number{
3607        display: -webkit-box;
3608        display: -ms-flexbox;
3609        display: flex;
3610        width: 120px;
3611    }
3612    .disabled-tag-a {
3613        pointer-events: none;
3614        opacity: 0.3;
3615    }
3616    #productNumber[readonly] {
3617        background-color: #FFFFFF;
3618    }
3619    .productAttr {
3620        display: none;
3621    }
3622
3623    html {
3624        touch-action: manipulation;
3625    }
3626    .out-stock-opa > div{
3627        opacity: 0.3;
3628    }
3629    .out-stock-opa > input{
3630        opacity: 0.3;
3631    }
3632    .promotion-list {
3633        display: flex;
3634        margin-top: 10px;
3635    }
3636    .promotion-label {
3637        background: #b3b3b3;
3638        border-radius: 2px;
3639        padding: 0px 6px;
3640        margin-right: 10px;
3641        margin-top: 10px;
3642        display: inline-block;
3643    }
3644    .promotion-label span {
3645        font-family: 'DB Heavent';
3646        font-size: 21px
3647    }
3648    .text-promotion-header {
3649        font-family: 'DB Heavent';
3650        font-size: 24px;
3651    }
3652    .promotion-wrapper {
3653        position: absolute; 
3654        display: grid; 
3655        width: 72px; 
3656        right: 15px;
3657        top: 10px;
3658    }
3659
3660    .img-promotion {
3661        z-index: 1; 
3662        width: 100%; 
3663        max-height: 72px !important; 
3664        object-fit: cover;
3665        margin-top: 5px;
3666    }
3667    .productItemDetailDisplay {
3668        position: relative;
3669    }
3670     .productItemDetail .flash-wrap-no{
3671        color: #373E44;
3672        padding:0px 5px;
3673        background: #F8F9FA;
3674    } 
3675    .productItemDetail .flash-wrap{
3676        color: #ffffff;
3677        background: linear-gradient(90.15deg, #EC0E00 0%, #FF8A00 100%);
3678        padding:0px 5px;
3679    } 
3680    .flash-wrap .fa-bolt{
3681        color: #F8CF5B;
3682    }
3683
3684    .flashbar .remain-clock-be{
3685        font-size: 18px;
3686        vertical-align: text-bottom;
3687        line-height: 21px;
3688        margin-left: 10px;
3689        font-family: 'Sarabun',Tahoma !important;
3690    }
3691    .flashbar .wrap-time{
3692        display: inline-flex;
3693        vertical-align: middle;
3694    }
3695   .flash-wrap-no .fa-bolt{
3696        color: #EC0F01;
3697    }
3698    .flash-wrap .txt-flsale{
3699        color: #ffffff;
3700    }
3701    .flash-wrap-no .txt-flsale{
3702        color: #EC0E00;
3703    }
3704
3705    /* Firefox */
3706    #productNumber[type=number] {
3707        -moz-appearance: textfield;
3708    }
3709    @media (max-width: 767px) {
3710        .flashbar .txt-flsale{
3711            font-size: 20px;
3712            display: inline-block;
3713            margin-left: 15px;
3714            line-height: 28px;
3715            font-family: 'Sarabun';
3716            font-style: italic;
3717        }
3718        .flashbar .txt-flsale-be{
3719            color: #EC0E00;
3720            font-size: 18px;
3721        }    
3722        .flashbar .remain-clock{
3723            display: block;
3724            font-size: 14px;
3725            font-family: 'Sarabun',Tahoma !important;
3726        }
3727        .flashbar .fsui-time{
3728            font-family: 'Sarabun';
3729            font-size: 14px;
3730            padding: 3px;
3731            background-color: transparent;
3732            color: #ffffff;
3733            border-radius: 3px;
3734            margin: 0px;
3735            line-height: 17px;
3736            font-weight: bold;
3737        }
3738        .flash-wrap{
3739            border-radius: 0px;
3740            padding:0px 5px;
3741        } 
3742        .flash-wrap .txt-flsale{
3743            color: #ffffff;
3744        }
3745        .flash-wrap .remain-clock{
3746            margin-top: 5px;
3747        }
3748        .flash-wrap .wrap-time{
3749            margin-bottom: 5px;
3750        }
3751         .flash-wrap .col-flash-clock{
3752            display: flex;
3753            align-items: center;
3754        }
3755        .flash-wrap-no{
3756            border-radius: 0px;
3757            padding:0px 5px;
3758        } 
3759        .flash-wrap-no .txt-flsale{
3760            font-size: 20px;
3761        }
3762        .flash-wrap-no .remain-clock{
3763            line-height: 18px;
3764            margin: 4px 0px;
3765        }
3766        .flash-wrap-no .col-flash-clock{
3767            display: flex;
3768            align-items: center;
3769        }
3770        .flashbar .sapper{
3771            line-height: 22px;
3772            font-size: 16px;
3773        }
3774    }
3775    @media only screen and (min-width: 768px){
3776        .flashbar .txt-flsale{
3777            font-size: 20px;
3778            display: inline-block;
3779            margin-left: 15px;
3780            font-family: 'Sarabun';
3781            font-style: italic;
3782            line-height: 28px;
3783        }
3784        .flashbar .txt-flsale-be{
3785            color: #EC0E00;
3786            font-size: 20px;
3787        }    
3788        .flashbar .remain-clock{
3789            display: inline-block;
3790            font-size: 14px;
3791            vertical-align: middle;
3792            font-family: 'Sarabun';
3793        }
3794        .flashbar .fsui-time{
3795            font-family: 'Sarabun';
3796            font-size: 16px;
3797            padding: 3px;
3798            background-color: #ffffff;
3799            color: #373E44;
3800            border-radius: 3px;
3801            margin: 3px 3px;
3802            line-height: 18px;
3803            font-weight: bold;
3804            width: 26px;
3805        }
3806        .flashbar .wrap-time{
3807            margin-right: 10px;
3808        }
3809         .flash-wrap{
3810            border-radius: 20px;
3811            padding:0px 5px;
3812        } 
3813        .flash-wrap-no{
3814            border-radius: 20px;
3815        } 
3816        .flash-wrap-no .remain-clock{
3817            line-height: 31px;
3818            margin-right: 15px;
3819            font-family: 'Sarabun';
3820        }
3821        .flashbar .sapper{
3822            line-height: 26px;
3823            font-size: 16px;
3824        }
3825    }
3826
3827    #config-product-sold {
3828        top: 3px;
3829        right: 60px;
3830    }
3831</style>
3832<!-- <div id="testBugs"></div> -->
3833<!-- Start Product Detail -->
3834<div class="productItemDetail">
3835    <input type="hidden" id="hiddenProductID" value="28113" />
3836    <input type="hidden" id="hiddenProductSkuID" value="21017" />
3837    <input type="hidden" id="hiddenProductTypeID" value="1" />
3838    <input type="hidden" id="hiddenProductCode" />
3839    <input type="hidden" id="hiddenProductWeight" value="0" />
3840    <div class="row">
3841        <!-- Start Product image -->
3842        <div class="col-12 col-md-5">
3843            <div class="productItemDetailDisplay">
3844                <div class="badgeProduct">
3845                                        <div class="badgeInner"><div class="badgeBestseller">Best Seller</div></div>                </div>
3846                                <div id="zoomProduct" class="zoom thumbnail marginInner">
3847                    <a id="" class="gall-item" title="One Day Doi Inthanon National Park" href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/Profile_Picture.jpg?v=202405291424">
3848                        <img class="zoomImage img-responsive" data-mag="info0" 
3849                            data-src="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/Profile_Picture.jpg?v=202405291424"
3850                            src='https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/Profile_Picture.jpg?v=202405291424' 
3851                            alt='One Day Doi Inthanon National Park'
3852                            title=''/>
3853                    </a>
3854                </div>
3855                                                            <div id="imgFullSlide0" class="gall-item-container">
3856                            <a href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/Profile_Picture.jpg?v=202405291424"></a>
3857                        </div>
3858                                            <div id="imgFullSlide1" class="gall-item-container">
3859                            <a href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/9_TURONE03.jpg?v=20240529
38591424"></a>
3860                        </div>
3861                                            <div id="imgFullSlide2" class="gall-item-container">
3862                            <a href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/2_TURONE03.jpg?v=202405291424"></a>
3863                        </div>
3864                                            <div id="imgFullSlide3" class="gall-item-container">
3865                            <a href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/7_TURONE03.jpg?v=202405291424"></a>
3866                        </div>
3867                                            <div id="imgFullSlide4" class="gall-item-container">
3868                            <a href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/6_TURONE03.JPG?v=202405291424"></a>
3869                        </div>
3870                                            <div id="imgFullSlide5" class="gall-item-container">
3871                            <a href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/5_TURONE03.JPG?v=202405291424"></a>
3872                        </div>
3873                                            <div id="imgFullSlide6" class="gall-item-container">
3874                            <a href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/12_TURONE03.jpg?v=202405291424"></a>
3875                        </div>
3876                                            <div id="imgFullSlide7" class="gall-item-container">
3877                            <a href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/10_TURONE03.JPG?v=202405291424"></a>
3878                        </div>
3879                                            <div id="imgFullSlide8" class="gall-item-container">
3880                            <a href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/11_TURONE03.jpg?v=202405291424"></a>
3881                        </div>
3882                                            <div id="imgFullSlide9" class="gall-item-container">
3883                            <a href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/8_TURONE03.JPG?v=202405291424"></a>
3884                        </div>
3885                                            <div id="imgFullSlide10" class="gall-item-container">
3886                            <a href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/1_TURONE03.jpg?v=202405291424"></a>
3887                        </div>
3888                                            <div id="imgFullSlide11" class="gall-item-container">
3889                            <a href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/4_TURONE03.jpg?v=202405291424"></a>
3890                        </div>
3891                                    
3892                                    <div id="flslideProduct">
3893                        <div class="iconLoadSlider loader" style="width: 50px;"><svg class="circular" viewBox="25 25 50 50"><circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/></svg></div>
3894                        <ul id="flslideProductUl" class="slides" style="display:none;">
3895                                                            <li href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/Profile_Picture.jpg?v=202405291424">
3896                                    <a class="zoomThumbLink2">
3897                                        <div id="info0" class="infoThumbProduct1" data-large="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/Profile_Picture.jpg?v=202405291424">
3898                                            <img 
3899                                                src="https://image.makewebcdn.com/makeweb/r_60x60/W7lTZBRXV/DoiInthanon/Profile_Picture.jpg?v=202405291424" 
3900                                                alt="One Day Doi Inthanon National Park"
3901                                                title="One Day Doi Inthanon National Park"
3902                                            />
3903                                        </div>
3904                                    </a>
3905                                </li>
3906                                                            <li href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/9_TURONE03.jpg?v=20240529
39061424">
3907                                    <a class="zoomThumbLink2">
3908                                        <div id="info1" class="infoThumbProduct1" data-large="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/9_TURONE03.jpg?v=202405291424">
3909                                            <img 
3910                                                src="https://image.makewebcdn.com/makeweb/r_60x60/W7lTZBRXV/DoiInthanon/9_TURONE03.jpg?v=202405291424" 
3911                                                alt="One Day Doi Inthanon National Park"
3912                                                title="One Day Doi Inthanon National Park"
3913                                            />
3914                                        </div>
3915                                    </a>
3916                                </li>
3917                                                            <li href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/2_TURONE03.jpg?v=202405291424">
3918                                    <a class="zoomThumbLink2">
3919                                        <div id="info2" class="infoThumbProduct1" data-large="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/2_TURONE03.jpg?v=202405291424">
3920                                            <img 
3921                                                src="https://image.makewebcdn.com/makeweb/r_60x60/W7lTZBRXV/DoiInthanon/2_TURONE03.jpg?v=202405291424" 
3922                                                alt="One Day Doi Inthanon National Park"
3923                                                title="One Day Doi Inthanon National Park"
3924                                            />
3925                                        </div>
3926                                    </a>
3927                                </li>
3928                                                            <li href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/7_TURONE03.jpg?v=202405291424">
3929                                    <a class="zoomThumbLink2">
3930                                        <div id="info3" class="infoThumbProduct1" data-large="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/7_TURONE03.jpg?v=202405291424">
3931                                            <img 
3932                                                src="https://image.makewebcdn.com/makeweb/r_60x60/W7lTZBRXV/DoiInthanon/7_TURONE03.jpg?v=202405291424" 
3933                                                alt="One Day Doi Inthanon National Park"
3934                                                title="One Day Doi Inthanon National Park"
3935                                            />
3936                                        </div>
3937                                    </a>
3938                                </li>
3939                                                            <li href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/6_TURONE03.JPG?v=202405291424">
3940                                    <a class="zoomThumbLink2">
3941                                        <div id="info4" class="infoThumbProduct1" data-large="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/6_TURONE03.JPG?v=202405291424">
3942                                            <img 
3943                                                src="https://image.makewebcdn.com/makeweb/r_60x60/W7lTZBRXV/DoiInthanon/6_TURONE03.JPG?v=202405291424" 
3944                                                alt="One Day Doi Inthanon National Park"
3945                                                title="One Day Doi Inthanon National Park"
3946                                            />
3947                                        </div>
3948                                    </a>
3949                                </li>
3950                                                            <li href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/5_TURONE03.JPG?v=202405291424">
3951                                    <a class="zoomThumbLink2">
3952                                        <div id="info5" class="infoThumbProduct1" data-large="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/5_TURONE03.JPG?v=20240529
39521424">
3953                                            <img 
3954                                                src="https://image.makewebcdn.com/makeweb/r_60x60/W7lTZBRXV/DoiInthanon/5_TURONE03.JPG?v=202405291424" 
3955                                                alt="One Day Doi Inthanon National Park"
3956                                                title="One Day Doi Inthanon National Park"
3957                                            />
3958                                        </div>
3959                                    </a>
3960                                </li>
3961                                                            <li href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/12_TURONE03.jpg?v=202405291424">
3962                                    <a class="zoomThumbLink2">
3963                                        <div id="info6" class="infoThumbProduct1" data-large="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/12_TURONE03.jpg?v=202405291424">
3964                                            <img 
3965                                                src="https://image.makewebcdn.com/makeweb/r_60x60/W7lTZBRXV/DoiInthanon/12_TURONE03.jpg?v=202405291424" 
3966                                                alt="One Day Doi Inthanon National Park"
3967                                                title="One Day Doi Inthanon National Park"
3968                                            />
3969                                        </div>
3970                                    </a>
3971                                </li>
3972                                                            <li href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/10_TURONE03.JPG?v=202405291424">
3973                                    <a class="zoomThumbLink2">
3974                                        <div id="info7" class="infoThumbProduct1" data-large="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/10_TURONE03.JPG?v=202405291424">
3975                                            <img 
3976                                                src="https://image.makewebcdn.com/makeweb/r_60x60/W7lTZBRXV/DoiInthanon/10_TURONE03.JPG?v=202405291424" 
3977                                                alt="One Day Doi Inthanon National Park"
3978                                                title="One Day Doi Inthanon National Park"
3979                                            />
3980                                        </div>
3981                                    </a>
3982                                </li>
3983                                                            <li href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/11_TURONE03.jpg?v=202405291424">
3984                                    <a class="zoomThumbLink2">
3985                                        <div id="info8" class="infoThumbProduct1" data-large="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/11_TURONE03.jpg?v=202405291424">
3986                                            <img 
3987                                                src="https://image.makewebcdn.com/makeweb/r_60x60/W7lTZBRXV/DoiInthanon/11_TURONE03.jpg?v=202405291424" 
3988                                                alt="One Day Doi Inthanon National Park"
3989                                                title="One Day Doi Inthanon National Park"
3990                                            />
3991                                        </div>
3992                                    </a>
3993                                </li>
3994                                                            <li href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/8_TURONE03.JPG?v=202405291424">
3995                                    <a class="zoomThumbLink2">
3996                                        <div id="info9" class="infoThumbProduct1" data-large="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/8_TURONE03.JPG?v=202405291424">
3997                                            <img 
3998                                                src="https://image.makewebcdn.com/makeweb/r_60x60/W7lTZBRXV/DoiInthanon/8_TURONE03.JPG?v=20240529
39981424" 
3999                                                alt="One Day Doi Inthanon National Park"
4000                                                title="One Day Doi Inthanon National Park"
4001                                            />
4002                                        </div>
4003                                    </a>
4004                                </li>
4005                                                            <li href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/1_TURONE03.jpg?v=202405291424">
4006                                    <a class="zoomThumbLink2">
4007                                        <div id="info10" class="infoThumbProduct1" data-large="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/1_TURONE03.jpg?v=202405291424">
4008                                            <img 
4009                                                src="https://image.makewebcdn.com/makeweb/r_60x60/W7lTZBRXV/DoiInthanon/1_TURONE03.jpg?v=202405291424" 
4010                                                alt="One Day Doi Inthanon National Park"
4011                                                title="One Day Doi Inthanon National Park"
4012                                            />
4013                                        </div>
4014                                    </a>
4015                                </li>
4016                                                            <li href="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/4_TURONE03.jpg?v=202405291424">
4017                                    <a class="zoomThumbLink2">
4018                                        <div id="info11" class="infoThumbProduct1" data-large="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/4_TURONE03.jpg?v=202405291424">
4019                                            <img 
4020                                                src="https://image.makewebcdn.com/makeweb/r_60x60/W7lTZBRXV/DoiInthanon/4_TURONE03.jpg?v=202405291424" 
4021                                                alt="One Day Doi Inthanon National Park"
4022                                                title="One Day Doi Inthanon National Park"
4023                                            />
4024                                        </div>
4025                                    </a>
4026                                </li>
4027                                                    </ul>
4028                        <div class="customProduct-navigation">
4029                            <a href="#" class="flex-prev" style="left:0px;">
4030                                <i class="far fa-chevron-left fa-lg" ></i>
4031                            </a>
4032                            <a href="#" class="flex-next" style="right:0px;">
4033                                <i class="far fa-chevron-right fa-lg"></i>
4034                            </a>
4035                        </div>
4036                    </div>
4037                 
4038            </div>
4039        </div>
4040        <!-- End Product image --> 
4041
4042        <!-- Start Product information -->
4043        <div class="col-12 col-md-7">
4044            <div class="marginInner">
4045                 <div class="flashbar d-block d-sm-none"></div>
4046                                    <h1 class="productName">One Day Doi Inthanon National Park</h1>
4047                                <div class="flashbar d-none d-sm-block"></div>
4048                    <h2 class="productAttr p">Attribute: <span class="stringAttr"></span></h2>
4049                                    <p class="productSku">SKU : CNXFUSEE01</p>
4050                            </div>
4051            <div class="row">
4052                <div style="margin-left: 15px; margin-right:11px;">
4053                                    </div>
4054                <div id="config-product-sold">
4055                </div>
4056            </div>
4057                            <div class="row">
4058                    <div class="col-12">
4059                        <div class="form-group">
4060                            <div class="marginInner mb-4 mb-md-4">
4061                                <p>Doi Inthanon National Park, nicknamed &quot;the roof of Thailand&quot;. located in the Thanon Thong Chai Range with 2565 meters above the sea level it is the highest peak in Thailand.There is a board saying &quot;This is the highest spot !&quot; with its altitude on the mountaintop</p>
4062                            </div>
4063                        </div>
4064                    </div>
4065                </div> 
4066                                    <div class="marginInner mb-4 mb-md-4"><div class="dividerFix"></div></div>
4067                                    <div class="row mt-15px">
4068                <div class="col-12">
4069                    <div class="form-group">
4070                        <div class="marginInner">
4071                            <div class="productPrice">
4072                            </div>
4073                        </div>
4074                    </div>
4075                </div>
4076            </div>
4077
4078                            <input type="hidden" class="hiddenAttributeSelected" name="hiddenAttributeSelected[]" value="
40780" />
4079                        <div class="row">
4080                <div class="col-md-12">
4081                    <div class="form-group h5">
4082                        <div class="marginInner mb-4 mb-md-4">
4083                            <p class="productStock"> </p>
4084                        </div>
4085                    </div>
4086                </div>
4087            </div>
4088            <div class="marginInner d-md-none mb-4 mb-md-0">
4089                                    <div class="dividerFix"></div>
4090                            </div>
4091                        <div class="button-wrapper">
4092                                    <div class="
4093                    my-col-12 col-md-7 col-lg-6 pl-0">
4094
4095                        <button class="btn btn-style btnMainCart btnProductCart btnAddToCartpdetail" type="button">
4096                            <i class="fa fa-shopping-cart fa-1x">&nbsp;</i>
4097                            Add to Cart                        </button>
4098                        <input type="hidden" class="hiddenAttributeGroupID" value="" />
4099                        <input type="hidden" class="hiddenCheckAddToCart" value="0" />
4100                        <input type="hidden" id="hiddenCartImageDefault" value="DoiInthanon/Profile_Picture.jpg" />
4101                        <input type="hidden" id="hiddenCartImageDefaultFull" value="https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/Profile_Picture.jpg?v=202405291424" />
4102                    </div>
4103                                                            </div>
4104
4105                            <div class="row">
4106                    <div class="col-md-12">
4107                        <div class="form-group">
4108                            <div class="marginInner mb-4 mb-md-4">
4109                                                                    <a class="addWishlist" href="javascript:void(0);"><i class="far fa-heart"></i>&nbsp;Add to wishlist</a>
4110                                                                
4111                                                                    <div class="dividerVertical ml-3 mr-3" style="height:26px; width: 2px; display: inline;"></div>
4112                                                                
4113                                                                    <a class="compareProduct" href="javascript:compareProductClickDetail();"><i class="fa fa-exchange">&nbsp;</i> Compare</a>
4114                                 
4115
4116                                                                    <div class="ml-1 mr-1" style="height:26px; width: 2px; display: inline;">&nbsp;</div>
4117                                 
4118
4119                                                                                                     
4120                                        <p class="m-0 d-none d-md-inline">Share</p>
4121                                        <div class="divSocilaGroupNew d-none d-md-inline-block">
4122                                            <div class="btn-group social-widget">
4123                                                                                                    <a class="faco-top fa-layers fa-fw facebookSocialPD" target="_blank" href="https://www.facebook.com/sharer.php?u=https://www.yourtripthailand.com/product/28113-21017/">
4124                                                        <i class="fas fa-square colorFacebookBGPD"></i>
4125                                                        <i class="fa-inverse fab fa-facebook-f colorFacebookPD" data-fa-transform="shrink-7"></i>
4126                                                    </a>
4127                                                                                                                                                                                                        <a class="faco-top fa-layers fa-fw twitterSocialPD" target="_blank" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.yourtripthailand.com%2Fproduct%2F28113-21017%2Fone-day-doi-inthanon-national-park&text=One+Day+Doi+Inthanon+National+Park">
4128                                                        <i class="fas fa-square colorTwitterBGPD"></i>
4129                                                        <svg class="svg-inline--fa fa-twitter fa-w-16 fa-inverse colorTwitterPD" data-fa-transform="shrink-7" aria-hidden="true" data-prefix="fab" data-icon="twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="" style="transform-origin: 0.5em 0.5em;"><g transform="translate(256 256)"><g transform="translate(0, 0)  scale(0.5625, 0.5625)  rotate(0 0 0)">
4129<path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" transform="translate(-256 -256)"></path></g></g></svg>
4130                                                    </a>
4131                                                                                                                                                    <a class="faco-top fa-layers fa-fw pinterestSocialPD" target="_blank" href="https://pinterest.com/pin/create/button/?url=https://www.yourtripthailand.com/product/28113-21017/&media=https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/Profile_Picture.jpg&description=One Day Doi Inthanon National Park">
4132                                                        <i class="fas fa-square colorPinterestBGPD"></i>
4133                                                        <i class="fa-inverse fab fa-pinterest-p colorPinterestPD" data-fa-transform="shrink-7"></i>
4134                                                    </a>
4135                                                                                                                                                     <a class="faco-top fa-layers fa-fw LineSocialPD" target="_blank" href="javascript:void(0);" onclick="window.open('https://social-plugins.line.me/lineit/share?url=https://www.yourtripthailand.com/product/28113-21017/one-day-doi-inthanon-national-park?v=1791162118','popup','width=600,height=600,scrollbars=no,resizable=no,status=no,toolbar=no'); return false;">
4136                                                         <i class="fas fa-square colorLineBGPD"></i>
4137                                                         <i class="fa-inverse fab fa-line colorLinePD" data-fa-transform="grow-2.2" data-fa-mask="fas fa-circle"></i>
4138                                                     </a>
4139                                                                                            </div> 
4140                                        </div> 
4141                                  
4142                                     
4143                            </div>
4144                        </div>
4145                    </div>
4146                    <div class="col-6 d-none d-md-none">
4147                        <button class="btn btn-style btn-block addWishlist d-md-none" type="button">
4148                            <i class="fa fa-heart fa-1x">&nbsp;</i> Add to wishlist                        </button>
4149                    </div>
4150                    <div class="col-6 d-none d-md-none">
4151                        <button class="btn btn-style btn-block  d-md-none" type="button">
4152                            <i class="fa fa-exchange fa-1x">&nbsp;</i> Compare                        </button>
4153                    </div>
4154                </div>
4155                        
4156            
4157            <div class="row">
4158                <div class="col-md-12">
4159                    <div class="form-group">
4160                        <div class="marginInner mb-4 mb-md-4">
4161                            <p>
4162                                Categories :
4163                                                                                                                                                        <a href="/category/5020/chiang-mai">
4164                                                    Chiang Mai                                                </a> <span class="category-link">,&nbsp</span> 
4165                                                                                                                                <a href="/category/5020/829/one-day-tours">
4166                                                    One Day Tours                                                </a> <span class="category-link">,&nbsp</span> 
4167                                                                                                                                                                                    </p>
4168                        </div>
4169                    </div>
4170                </div>
4171            </div>
4172            <!-- Brand Name -->
4173                        <!-- Brand Name -->
4174                            <div class="row d-md-none">
4175                    <div class="col-md-12">
4176                        <div class="form-group">
4177                            <div class="marginInner mb-4 mb-md-4">
4178                                <div class="labelShare"><p>
4178Share</p></div>
4179                                <div class="divSocilaGroup">
4180                                    <div class="btn-group social-widget">
4181                                                                                    <a class="faco-top fa-layers fa-fw facebookSocialPD" target="_blank" href="https://www.facebook.com/sharer.php?u=https://www.yourtripthailand.com/product/28113-21017/">
4182                                                <i class="fas fa-square colorFacebookBGPD"></i>
4183                                                <i class="fa-inverse fab fa-facebook-f colorFacebookPD" data-fa-transform="shrink-7"></i>
4184                                            </a>
4185                                                                                                                                                                        <a class="faco-top fa-layers fa-fw twitterSocialPD" target="_blank" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.yourtripthailand.com%2Fproduct%2F28113-21017%2Fone-day-doi-inthanon-national-park&text=One+Day+Doi+Inthanon+National+Park">
4186                                                <i class="fas fa-square colorTwitterBGPD"></i>
4187                                                <i class="fa-inverse fab fa-twitter colorTwitterPD" data-fa-transform="shrink-7"></i>
4188                                            </a>
4189                                                                                                                            <a class="faco-top fa-layers fa-fw pinterestSocialPD" target="_blank" href="https://pinterest.com/pin/create/button/?url=https://www.yourtripthailand.com/product/28113-21017/&media=https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/Profile_Picture.jpg&description=One Day Doi Inthanon National Park">
4190                                                <i class="fas fa-square colorPinterestBGPD"></i>
4191                                                <i class="fa-inverse fab fa-pinterest-p colorPinterestPD" data-fa-transform="shrink-7"></i>
4192                                            </a>
4193                                                                                                                            <a class="faco-top fa-layers fa-fw LineSocialPD" target="_blank" href="javascript:void(0);" onclick="window.open('https://social-plugins.line.me/lineit/share?url=https://www.yourtripthailand.com/product/28113-21017/one-day-doi-inthanon-national-park?v=1791162118','popup','width=600,height=600,scrollbars=no,resizable=no,status=no,toolbar=no'); return false;">
4194                                                <i class="fas fa-square colorLineBGPD"></i>
4195                                                <i class="fa-inverse fab fa-line colorLinePD" data-fa-transform="grow-2.2" data-fa-mask="fas fa-circle"></i>
4196                                            </a>
4197                                                                            </div> <!-- Socila btn -->
4198                                </div> <!-- divSocilaGroup-->
4199                            </div> <!-- marginInner -->
4200                        </div>
4201                    </div>
4202                </div> <!-- row --> 
4203                    </div>
4204        <!-- End Product information -->
4205    </div>
4206    <div class="row">
4207        <div class="col-12 mt-5">
4208            <!-- Start Product Addtional tab -->
4209            <div class="marginInner mb-4 mb-md-4">
4210                <div class="divProductDescription">
4211                    <div class="row">
4212                        <div class="col-md-12" style="word-wrap: break-word;">
4213                            <div id="additional-tabs">
4214                                <div class="d-flex" id="additionalTabs" role="tablist">
4215                                                                            <div class="" title="Product description">
4216                                            <p class="tab-btn nav-link ellipsis-overflow" id="menu-25689" onclick="openTab(event, 'tab-25689')" data-toggle="tab" 
4217                                                role="tab" 
4218                                                aria-controls="tab-Product description" aria-selected="true">Product description</p>
4219                                        </div>
4220                                                                            <div class="other-btn">
4221
4222                                        </div>
4223                                </div>
4224                                <div class="tab-content" id="additionalTabsContent">
4225                                                                            <div class="tab-description p" id="tab-25689" role="tabpanel" 
4226                                            aria-labelledby="menu-25689">
4227                                            <p><span style="font-family: Roboto; font-size: 15px;" data-mce-style="font-family: Roboto; font-size: 15px;"><span style="color: #000000;" data-mce-style="color: #000000;"><strong>Pick up time:</strong> 08.00 am – 08.30 am.</span><br><span style="color: #000000;" data-mce-style="color: #000000;"> <strong>Drop off time:</strong> 5.00 pm – 5.30 pm.&nbsp;</span><br> <strong>&nbsp;</strong></span><span style="font-family: Roboto; font-size: 15px;" data-mce-style="font-family: Roboto; font-size: 15px;"><br><strong>ITINERARY</strong><br>- Visit the highest peak in Thailand with 2,565 meters above sea level.<br>- Ang Ka nature trail, short walk through an accessible trail and see the natural beauty of the forest.<br>- Visit King &amp; Queen pagodas, the twin chedis which built to honor King Bhumibal and Queen Sirikit of Thailand.<br>- Visit Wachiratharn &amp; Siritarn waterfall.<br>- Hmong hill tribe market</span><span style="font-family: Roboto; font-size: 15px;" data-mce-style="font-family: Roboto; font-size: 15px;"><br> <span style="background-color: #ffffff;" data-mce-style="background-color: #ffffff;">&nbsp;</span></span><br><span style="font-family: Roboto; font-size: 15px;" data-mce-style="font-family: Roboto; font-size: 15px;"> <strong>Remark: </strong>Children height not over than 120 cms.</span><br><span style="font-family: Roboto; font-size: 15px;" data-mce-style="font-family: Roboto; font-size: 15px;"> <strong><span style="background-color: #ffffff;" data-mce-style="background-color: #ffffff;">Tour Included: </span></strong><span style="background-color: #ffffff;" data-mce-style="background-color: #ffffff;">Entrance fee / English Speaking Guide / Lunch / Insurance / Transportation from hotel.&nbsp;</span></span></p><p><span style="font-family: Roboto; font-size: 15px; background-color: #ff0000; color: #ffffff;" data-mce-style="font-family: Roboto; font-size: 15px; background-color: #ff0000; color: #ffffff;"><strong>Notice:</strong></span></p><ul><li><span style="color: #ff0000;" data-mce-style="color: #ff0000;"><span style="font-family: Roboto; font-size: 15px;" data-mce-style="font-family: Roboto; font-size: 15px;"><span style="background-color: #ffffff;" data-mce-style="background-color: #ffffff;">In case you make a reservation via our website, you can inform us as a note in the note box for hotel name, date and amount of people. Then we will&nbsp;</span></span><span style="font-family: Roboto; font-size: 15px;" data-mce-style="font-family: Roboto; font-size: 15px;"><span style="background-color: #ffffff;" data-mce-style="background-color: #ffffff;">reply you back for availability.<br></span></span></span></li><li><span style="font-family: Roboto; font-size: 15px; color: #ff0000;" data-mce-style="font-family: Roboto; font-size: 15px; color: #ff0000;"><span style="background-color: #ffffff;" data-mce-style="background-color: #ffffff;">Please make a reservation at least 1 - 2 days in advance.&nbsp;</span></span><br><br></li></ul>                                        </div>
4228                                                                    </div> 
4229                            </div>
4230                        </div>
4231                    </div>
4232                </div>
4233            </div>
4234            <div class="marginInner mb-4 mb-md-4"><div class="dividerFix"></div></div>
4235            <!-- End Product Addtional tab -->
4236                            <div class="row">
4237                    <div class="col-12">
4238                        <div class="form-group tagsPadding">
4239                                                            <a class="tagsA" href="/tag&text=Northern+Trip" alt="Northern Trip" title="Northern Trip"><span class="badge label label-default">Northern Trip</span></a>
4240                                                    </div>
4241                    </div>
4242                </div>
4243                <div class="marginInner mb-4 mb-md-4"><div class="dividerFix"></div></div>
4244                    </div>
4245    </div>
4246    <input type="hidden" id="hiddenProductPromotion" value="" />
4247</div>
4248<!-- END Product Detail -->
4249
4250<!-- Start Relate Product -->
4251    <div class="divProductRelate">
4252        <h3 class="h3-hover">Related Product</h3>
4253<div class="productList1">
4254    <div class="productWidget">
4255        <div class="row">
4256                                                <div class="item col-6 col-md-6 col-lg-3 mobileProductList1" style='display: flex;'>
4257                        <div class="itemInner border rounded" style='position: relative; display: grid;'>
4258                            <div class="badgeProductRelate">
4259                                <div class="badgeOuter"><div class="badgeBestseller">Best Seller</div></div>                            </div>
4260                            <div class="thumbnail rounded" style='height: 100%;'>
4261                                <div class="productImage rounded-top">
4262                                    <a href="/product/54353/one-day-3-temple-white-templeblack-museumblue-temple">
4263                                        <img src="https://image.makewebcdn.com/makeweb/r_409x409/W7lTZBRXV/BlueTempleChiangRai/Profile_picture_TURONE12.jpg?v=20240529
42631424" 
4264                                            alt="One Day 3 Temple (White Temple+Black Museum+Blue Temple)"
4265                                            title="One Day 3 Temple (White Temple+Black Museum+Blue Temple)"
4266                                        />
4267                                    </a>
4268                                </div>
4269                                <div class="productCaption">
4270                                    <div class="productName">
4271                                        <a href="/product/54353/one-day-3-temple-white-templeblack-museumblue-temple">
4272                                            <h3 class="h3-hover text-ellipsis">
4273                                                One Day 3 Temple (White Temple+Black Museum+Blue Temple)                                            </h3>
4274                                        </a>
4275                                    </div>
4276                                </div>
4277                            </div>
4278                        </div>
4279                    </div>
4280                                        <div class="item col-6 col-md-6 col-lg-3 mobileProductList1" style='display: flex;'>
4281                        <div class="itemInner border rounded" style='position: relative; display: grid;'>
4282                            <div class="badgeProductRelate">
4283                                <div class="badgeOuter"><div class="badgeNew">New</div></div>                            </div>
4284                            <div class="thumbnail rounded" style='height: 100%;'>
4285                                <div class="productImage rounded-top">
4286                                    <a href="/product/54111/one-day-chiang-rai-golden-triangle-amp-karen-longneck-village-trip">
4287                                        <img src="https://image.makewebcdn.com/makeweb/r_409x409/W7lTZBRXV/ChiangRaiOneday/62268863_1147039792170994_7561235464422686720_n.jpg?v=202405291424" 
4288                                            alt="One Day Chiang Rai Golden Triangle &amp;  Karen Longneck Village trip"
4289                                            title="One Day Chiang Rai Golden Triangle &amp;  Karen Longneck Village trip"
4290                                        />
4291                                    </a>
4292                                </div>
4293                                <div class="productCaption">
4294                                    <div class="productName">
4295                                        <a href="/product/54111/one-day-chiang-rai-golden-triangle-amp-karen-longneck-village-trip">
4296                                            <h3 class="h3-hover text-ellipsis">
4297                                                One Day Chiang Rai Golden Triangle &amp;  Karen Longneck Village trip                                            </h3>
4298                                        </a>
4299                                    </div>
4300                                </div>
4301                            </div>
4302                        </div>
4303                    </div>
4304                                        <div class="item col-6 col-md-6 col-lg-3 mobileProductList1" style='display: flex;'>
4305                        <div class="itemInner border rounded" style='position: relative; display: grid;'>
4306                            <div class="badgeProductRelate">
4307                                <div class="badgeOuter"><div class="badgeNew">New</div></div>                            </div>
4308                            <div class="thumbnail rounded" style='height: 100%;'>
4309                                <div class="productImage rounded-top">
4310                                    <a href="/product/54110/one-day-chiang-rai-golden-triangle-amp-boat-trip">
4311                                        <img src="https://image.makewebcdn.com/makeweb/r_409x409/W7lTZBRXV/ChiangRaiOneday/10_TURONE02.jpg?v=202405291424" 
4312                                            alt="One Day Chiang Rai Golden Triangle &amp; Boat trip"
4313                                            title="One Day Chiang Rai Golden Triangle &amp; Boat trip"
4314                                        />
4315                                    </a>
4316                                </div>
4317                                <div class="productCaption">
4318                                    <div class="productName">
4319                                        <a href="/product/54110/one-day-chiang-rai-golden-triangle-amp-boat-trip">
4320                                            <h3 class="h3-hover text-ellipsis">
4321                                                One Day Chiang Rai Golden Triangle &amp; Boat trip                                            </h3>
4322                                        </a>
4323                                    </div>
4324                                </div>
4325                            </div>
4326                        </div>
4327                    </div>
4328                                        <div class="item col-6 col-md-6 col-lg-3 mobileProductList1" style='display: flex;'>
4329                        <div class="itemInner border rounded" style='position: relative; display: grid;'>
4330                            <div class="badgeProductRelate">
4331                                <div class="badgeOuter"><div class="badgeBestseller">Best Seller</div></div>                            </div>
4332                            <div class="thumbnail rounded" style='height: 100%;'>
4333                                <div class="productImage rounded-top">
4334                                    <a href="/product/52768/one-day-elephant-safari">
4335                                        <img src="https://image.makewebcdn.com/makeweb/r_409x409/W7lTZBRXV/Elephantsafari/25_9_2560_15_57_30.jpg?v=202405291424" 
4336                                            alt="One Day Elephant Safari"
4337                                            title="One Day Elephant Safari"
4338                                        />
4339                                    </a>
4340                                </div>
4341                                <div class="productCaption">
4342                                    <div class="productName">
4343                                        <a href="/product/52768/one-day-elephant-safari">
4344                                            <h3 class="h3-hover text-ellipsis">
4345                                                One Day Elephant Safari                                            </h3>
4346                                        </a>
4347                                    </div>
4348                                </div>
4349                            </div>
4350                        </div>
4351                    </div>
4352                                        </div>
4353    </div>
4354</div>    </div>
4355<!-- END Relate Product --> 
4356<script type="text/javascript">
4357    var laogekgimember = '0';
4358    var laogekgilanguse = 'en';
4359    var imwishlist = 'DoiInthanon/Profile_Picture.jpg';
4360    jQuery('.btnMessageUs').on('click', function () {
4361        clickConversion('facebook');
4362        var fbUser = 'facebook';
4363        window.open('https://m.me/' + fbUser, '_blank');
4364    });
4365    jQuery('.btnMessageUsCC').on('click', function () { 
4366        var pageID = '0';
4367        var productID = '28113';
4368        window.open('https://m.me/' + pageID + '?ref=productId=' + productID, '_blank');
4369    });
4370    $('#additionalTabs p').on('click', function (e) {
4371        //e.preventDefault()
4372        $(this).tab('show');
4373    });
4374    $(function () {
4375        $($('#additionalTabs:first-child p')[0]).addClass('active');
4376    });
4377
4378    $(document).ready(function () {
4379        setConversionTracking();
4380
4381        $(".tab-description").css("display", "none");
4382        $($(".tab-description")[0]).css("display","block");
4383        if($("#hiddenProductTypeID").val() == 1) {
4384            $(".productSku").css("display", "block");
4385        }
4386
4387        var timeoutId;
4388        jQuery(".productItemDetail").on("input propertychange paste", "#productNumber", function () {
4389            clearTimeout(timeoutId);
4390            timeoutId = setTimeout(function() {
4391              //  checkLimitCountProductAfter();
4392            }, 800);
4393        });
4394    });
4395
4396    function setConversionTracking() {
4397            }
4398
4399    function openTab(evt, tabId) {
4400        var i, tabcontent, tablinks;
4401        tabcontent = document.getElementsByClassName("tab-description");
4402        for (i = 0; i < tabcontent.length; i++) {
4403            tabcontent[i].style.display = "none";
4404        }
4405        tablinks = document.getElementsByClassName("tab-btn");
4406        for (i = 0; i < tablinks.length; i++) {
4407            tablinks[i].className = tablinks[i].className.replace(" active", "");
4408        }
4409        document.getElementById(tabId).style.display = "block";
4410        evt.currentTarget.className += " active";
4411    }
4412    if($("#hiddenProductTypeID").val() == 1) {
4413        $(".productSku").css("display", "block");
4414    } 
4415
4416    function checkLimitCountProduct(){ //old not use
4417        var maxProductNumber = parseInt($('#hiddenCountProduct').val());
4418        var currentProductNumber = parseInt($('#productNumber').val());
4419        var stocktype = $('#stocktype').val();
4420        $('.errProductNumber').hide();
4421        if(currentProductNumber < 1){
4422            $('#productNumber').val('1');
4423        } 
4424
4425        if(currentProductNumber > maxProductNumber){
4426            $('#productNumber').val(maxProductNumber);
4427            if(stocktype == 'instock'){
4428                $('.errProductNumber').show();
4429            }
4430        }
4431
4432        if(currentProductNumber > 1) {
4433            $('#decreaseProduct').prop('disabled',false);
4434        }else{
4435            $('#decreaseProduct').prop('disabled',true);
4436        }
4437
4438        if(currentProductNumber >= maxProductNumber){
4439            $('#increaseProduct').prop('disabled',true);
4440        }else{
4441            $('#increaseProduct').prop('disabled',false);
4442        }
4443
4444        //check promotion limit
4445        var gsku = jQuery('#hiddenProductSkuID').val();
4446        var gattr = jQuery(".productItemDetail .hiddenAttributeGroupID").val();
4447        $.ajax({
4448            type: "POST",
4449            url: "/page/page_product_item/ajaxPageProductItemController.php",
4450            data: {
4451                'type': "checkStockQuantity",
4452                'productID': '28113',
4453                'productSkuID': gsku,
4454                'attributeCrossID': gattr,
4455                'quantity': currentProductNumber
4456            },
4457            beforeSend: function() {
4458             
4459            },
4460            success: function (data_be) {
4461                //console.log(data);
4462                 var data = data_be.split('@@');
4463                if(data[0] == 3){
4464                   //incart + stockchoose
4465                    let passtoadd = checkLimitbuyAddtoCartProductDetail('','28113',gsku,currentProductNumber).done(function(dataxhr) {
4466                        if(dataxhr!=1){
4467                            let tex_po = JSON.parse(dataxhr);
4468                            $('.errProductlimit').show();
4469                            $('.errProductlimit').html('You have added more products than the limit amount. Product prices will change.<br>('+tex_po[0].des_warn+')');
4470                            //disable plus
4471                            $('#increaseProduct').prop('disabled',true);
4472                            $('#productNumber').val(currentProductNumber);
4473                           //set new price
4474                        }else{
4475                            $('.errProductlimit').html('');
4476                            $('.errProductlimit').hide();
4477                            //enable
4478                        }
4479                    });
4480                }else if(data[0] == 5){
4481                    $('.errProductlimit').html('');
4482                    $('.errProductlimit').hide();
4483                }else if(data[0] == 1){
4484                    $('.errProductlimit').html('');
4485                    $('.errProductlimit').hide();
4486                }
4487            }
4488        });
4489
4490    }
4491
4492    function checkLimitCountProductAfter(){
4493        var maxProductNumber = parseInt($('#hiddenCountProduct').val());
4494        var currentProductNumber = parseInt($('#productNumber').val());
4495        currentProductNumber = ~~currentProductNumber;
4496        $('#productNumber').val(currentProductNumber);
4497        var iffla = $('#isstockfl').val();
4498        var stocktype = $('#stocktype').val();
4499        $('.errProductNumber').hide();
4500        if(currentProductNumber < 1){
4501            $('#productNumber').val('1');
4502        } 
4503        if(iffla==''){ // normal stock
4504            if(currentProductNumber > maxProductNumber){
4505                $('#productNumber').val(maxProductNumber);
4506                if(stocktype == 'instock'){
4507                    $('.errProductNumber').show();
4508                }
4509            }
4510            if(currentProductNumber > 1) {
4511                $('#decreaseProduct').prop('disabled',false);
4512            }else{
4513                $('#decreaseProduct').prop('disabled',true);
4514            }
4515
4516            if(currentProductNumber >= maxProductNumber){
4517                $('#increaseProduct').prop('disabled',true);
4518            }else{
4519                $('#increaseProduct').prop('disabled',false);
4520            }
4521        }else{ //is prostock // is id real?
4522            if(currentProductNumber > maxProductNumber){
4523                if(stocktype == 'instock'){
4524                    $('.errProductlimit').show();
4525                }
4526            }
4527            if(currentProductNumber > 1) {
4528                $('#decreaseProduct').prop('disabled',false);
4529            }else{
4530                $('#decreaseProduct').prop('disabled',true);
4531            }
4532        }
4533
4534
4535        //check promotion limit
4536        var gsku = jQuery('#hiddenProductSkuID').val();
4537        var ptyid = jQuery('#hiddenProductTypeID').val();
4538        var gattr = jQuery(".productItemDetail .hiddenAttributeGroupID").val();
4539        $.ajax({
4540            type: "POST",
4541            url: "/page/page_product_item/ajaxPageProductItemController.php",
4542            data: {
4543                'type': "checkStockPromoProductDetail",
4544                'productID': '28113',
4545                'productSkuID': gsku,
4546                'producttype' : ptyid,
4547                'attributeCrossID': gattr,
4548                'quantity': currentProductNumber
4549            },
4550            beforeSend: function() {
4551             
4552            },
4553            success: function (data) {
4554                var arrayPrice = data.split('@@');
4555                if(arrayPrice[0] == 3){
4556                   //incart + stockchoose
4557                    if(arrayPrice[3]!=''){
4558                        jQuery('#hiddenCountProduct').val(arrayPrice[3]);
4559                        if(arrayPrice[3]==99999){
4560                            jQuery('.qty-product-instock').hide()
4561                        }else{
4562                            jQuery('.qty-product-instock').show()
4563                        }
4564                    }
4565                    if(arrayPrice[2]!=''){
4566                        $('.errProductlimit').show();
4567                        $('.errProductlimit').html('You have added more products than the limit amount. Product prices will change.<br>('+arrayPrice[2]+')');
4568                    }else{
4569                        //new oversto
4570                        $('.errProductlimit').show();
4571                        $('.errProductlimit').html('You have added more products than the limit amount. Product prices will change.');
4572                    }
4573                    //reder price div
4574                    jQuery(".productItemDetail .productPrice").html(arrayPrice[1]);
4575                }else if(arrayPrice[0] == 1){
4576                    //1 //2
4577                    if(arrayPrice[3]!=''){
4578                        $('#hiddenCountProduct').val(arrayPrice[3]);
4579                        if(arrayPrice[3]==99999){
4580                            jQuery('.qty-product-instock').hide()
4581                        }else{
4582                            jQuery('.qty-product-instock').show()
4583                        }
4584                    }
4585                    $('.errProductlimit').html('');
4586                    $('.errProductlimit').hide();
4587                    //reder price div
4588                    jQuery(".productItemDetail .productPrice").html(arrayPrice[1]);
4589
4590                }
4591            }
4592        });
4593
4594    }
4595
4596    function checkLimitbuyAddtoCartProductDetail(promotionid,pid,skuid,valuestock) {
4597        return jQuery.ajax({
4598            type: "POST",
4599            url: '/page/page_cart/ajaxCartController.php',
4600            data: {
4601                type: "checkonstocklimit",
4602                valueitem : valuestock,
4603                proid : promotionid,
4604                skuChg : skuid,
4605                pid : pid
4606            }
4607        });
4608      
4609    }
4610
4611    function increaseProductNumber(){
4612        $('.errProductNumber').hide();
4613        var maxProductNumber = parseInt($('#hiddenCountProduct').val());
4614        var currentProductNumber = parseInt($('#productNumber').val());
4615        currentProductNumber++;
4616        $('#productNumber').val(currentProductNumber)
4617        //checkLimitCountProduct();
4618        checkLimitCountProductAfter();
4619    }
4620
4621    function decreaseProductNumber(){
4622        $('.errProductNumber').hide();
4623        var maxProductNumber = parseInt($('#hiddenCountProduct').val());
4624        var currentProductNumber = parseInt($('#productNumber').val());
4625        currentProductNumber--;
4626        $('#productNumber').val(currentProductNumber)
4627        //checkLimitCountProduct();
4628        checkLimitCountProductAfter();
4629    }
4630
4631    function getTextErrorInProductDetail(){
4632        return 'Unavailable, please select another option.'
4633    }
4634
4635    function getStockQuantityBalance(productID,productSkuID,attributeCrossID,quantity){
4636        return  $.ajax({
4637            type: "POST",
4638            url: "/page/page_product_item/ajaxPageProductItemController.php",
4639            data: {
4640                'type': "checkStockQuantity",
4641                'productID': productID,
4642                'productSkuID': productSkuID,
4643                'attributeCrossID': attributeCrossID,
4644                'quantity': quantity
4645            }
4646        });
4647    }
4648
4649</script>
4649
4650
4651        </div>
4652        
4653<script type="text/javascript">
4654    jQuery("input[name='productshowType']:radio").change(function () {
4655        var tog = jQuery("#sortitempublic").val();
4656        if (jQuery("#gridproduct:radio").is(':checked')) {
4657            document.location.href = '/product/28113-21017/one-day-doi-inthanon-national-park/&sortby=' + tog + '&show=grid' + '';
4658        }
4659        if (jQuery("#listproduct:radio").is(':checked')) {
4660            document.location.href = '/product/28113-21017/one-day-doi-inthanon-national-park/&sortby=' + tog + '&show=list' + '';
4661        }
4662    });
4663</script>
4663
4664</div>
4665</div>                                        </div>
4666                            <div class="col-12 insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;">
4667                    </div>
4668                                                                            <!-- </div>-->
4669                                </div>
4670                            </div>
4671                                                            </div>
4672                <div id="section-footer">
4673                    <style>.menuCol {
4674    width: 100% !important;
4675    padding-right: 15px;
4676    padding-left: 15px;
4677}
4678</style><style>
4679        .subscribeInput {
4680            display: block !important;
4681        }
4682        @media  only screen and (max-width: 768px) {
4683        .fieldSubscribe {
4684                line-height: 10px !important;
4685        }
4686    }
4687</style>
4688<footer class="footer02 footerZone">
4689            <div id="footer-area">
4690            <div class="container">
4691                <div class="row">
4692                    <div class="col-12 col-sm-4">
4693                        <div class="row">
4694                            <div class="col-12">
4695                                                                    <div style="margin-bottom:10px;">
4696                                        <div class="wordWrapFooterHtml footer-mb-mobile">
4697    <div><span style="font-size: 16px; color: rgb(255, 255, 255);" data-mce-style="font-size: 16px; color: #ffffff;"><strong><span style="font-family: Athiti; line-height: 2;" data-mce-style="font-family: Athiti; line-height: 2;">CONTACT US: YOURTRIPTHAILAND BY SM TRAVEL </span></strong></span><br></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 16px; color: rgb(255, 255, 255);" data-mce-style="font-size: 16px; color: #ffffff;"><strong><span style="font-family: Athiti; line-height: 1.4;" data-mce-style="font-family: Athiti; line-height: 1.4;">Office location :</span></strong></span><br><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;"><strong><span style="font-size: 16px;" data-mce-style="font-size: 16px;"><span style="font-family: Athiti; line-height: 1.4;" data-mce-style="font-family: Athiti; line-height: 1.4;">87–95 Rajchadamnuen Road, Tambon Prasing, Amphur Muang, Chiang Mai 50200, Thailand</span></span><span style="font-size: 16px;" data-mce-style="font-size: 16px;"><span style="font-family: Athiti; line-height: 1.4;" data-mce-style="font-family: Athiti; line-height: 1.4;"><br>Mobile: +6699-243-8090, +6681-595-7588</span></span></strong></span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;"><strong>Office telephone: +6653281-045</strong></span><br><span style="font-size: 16px; color: rgb(255, 255, 255);" data-mce-style="font-size: 16px; color: #ffffff;"><strong><span style="font-family: Athiti; line-height: 1.4;" data-mce-style="font-family: Athiti; line-height: 1.4;">Email:&nbsp;[email protected]</span></strong></span><br></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 16px; color: rgb(255, 255, 255);" data-mce-style="font-size: 16px; color: #ffffff;"><strong><span style="font-family: Athiti; line-height: 1.4;" data-mce-style="font-family: Athiti; line-height: 1.4;">WhatsApp: +6681-595-7588</span></strong></span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span color="#000000" face="Athiti" data-mce-style="color: #ffffff; font-family: Athiti; font-size: 16px;" style="color: rgb(255, 255, 255); font-family: Athiti; font-size: 16px;"><b>Wechat ID: yourtrip-thailand</b></span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span color="#000000" face="Athiti" data-mce-style="color: #ffffff; font-family: Athiti; font-size: 16px;" style="color: rgb(255, 255, 255); font-family: Athiti; font-size: 16px;"><b>Line ID: yourtripthailand</b></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: rgb(255, 255, 255); font-size: 16px;" data-mce-style="color: #ffffff; font-size: 16px;"><strong><span style="font-family: Tahoma;" data-mce-style="font-family: Tahoma;">&nbsp;</span></strong></span><br></div></div>                                    </div>
4698                                                            </div>
4699                        </div>
4700                        <div class="row">
4701                            <div class="col-12">
4702                                                            </div>
4703                        </div>
4704                        <div class="row">
4705                            <div class="col-12">
4706                                                                    <div class="footerSocial" style="margin-bottom:10px;">
4707                                        <style type="text/css">
4708    .footerLineWidget, .footerLineWidget:focus,.footerLineWidget:active {
4709        background-image: linear-gradient(#80D544, #65BC3E);
4710        background-image: -webkit-linear-gradient(top, #80D544, #65BC3E);
4711        background-image: -moz-linear-gradient(top, #80D544, #65BC3E);
4712        background-image: -ms-linear-gradient(top, #80D544, #65BC3E);
4713        background-image: -o-linear-gradient(top, #80D544, #65BC3E);
4714        background-image: linear-gradient(to bottom, #80D544, #65BC3E);
4715        -webkit-border-radius: 5px;
4716        border-radius: 5px;
4717        color: #FFF;
4718        font-size: 14px;
4719        padding: 5px 8px;
4720        padding-bottom: 8px;
4721        text-decoration: none;
4722        cursor: pointer;
4723        display: inline-block;
4724        margin-right: 11px;
4725    }
4726    .footerLineWidget:hover {
4727        background-image: linear-gradient(#80D544, #65BC3E);
4728        color: #FFF;
4729        background-image: -webkit-linear-gradient(top, #65BC3E, #80D544);
4730        background-image: -moz-linear-gradient(top, #65BC3E, #80D544);
4731        background-image: -ms-linear-gradient(top, #65BC3E, #80D544);
4732        background-image: -o-linear-gradient(top, #65BC3E, #80D544);
4733        background-image: linear-gradient(to bottom, #65BC3E, #80D544);
4734        text-decoration: none;
4735    }
4736    .footerLineWidget{
4737        font-size: 14px;
4738    }
4739    .footerWechatWidget, .footerWechatWidget:focus,.footerWechatWidget:active {
4740        background: #00BC0C;
4741        background-image: -webkit-linear-gradient(top, #00BC0C, #3cbf1c);
4742        background-image: -moz-linear-gradient(top, #00BC0C, #3cbf1c);
4743        background-image: -ms-linear-gradient(top, #00BC0C, #3cbf1c);
4744        background-image: -o-linear-gradient(top, #00BC0C, #3cbf1c);
4745        background-image: linear-gradient(to bottom, #00BC0C, #3cbf1c);
4746        -webkit-border-radius: 5px;
4747        border-radius: 5px;
4748        color: #FFF;
4749        font-size: 14px;
4750        padding: 5px 8px;
4751        padding-bottom: 8px;
4752        text-decoration: none;
4753        cursor: pointer;
4754        display: inline-block;
4755    }
4756
4757    .footerWechatWidget:hover {
4758        background: #3cbf1c;
4759        color: #FFF;
4760        background-image: -webkit-linear-gradient(top, #3cbf1c, #00BC0C);
4761        background-image: -moz-linear-gradient(top, #3cbf1c, #00BC0C);
4762        background-image: -ms-linear-gradient(top, #3cbf1c, #00BC0C);
4763        background-image: -o-linear-gradient(top, #3cbf1c, #00BC0C);
4764        background-image: linear-gradient(to bottom, #3cbf1c, #00BC0C);
4765        text-decoration: none;
4766    }
4767    .imgLineWidget,.imgWechatWidget{  
4768        width: 145px !important;
4769        height: 145px !important;
4770    }
4771    .qrcodeLogo{
4772        width: 25px;
4773        height: 25px;
4774    }
4775    #fsocial-widget {
4776         display:block;
4777    }
4778
4779    #fsocial-widget>.faco-top {
4780        margin-bottom: 25px;
4781    }
4782
4783    .pointer-none {
4784        pointer-events: none;
4785    }
4786
4787    </style>
4788<div class="social-widget" id="fsocial-widget">
4789            <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/yourtripthailand">
4790            <i class="fas fa-circle colorFacebookBG pointer-none"></i>
4791            <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i>
4792        </a>
4793                    <a class="faco-top fa-layers fa-fw instagramSocial" target="_blank" href="http://instagram.com/yourtripthailand">
4794            <i class="fas fa-circle colorInstagramBG pointer-none"></i>
4795            <i class="fa-inverse fab fa-instagram colorInstagram pointer-none" data-fa-transform="shrink-7"></i>
4796        </a>
4797        
4798    
4799            <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/~yourtripthailand" >
4800            <i class="fas fa-circle colorLineBG pointer-none"></i>
4801            <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i>
4802        </a>
4803    
4804            <a class="faco-top fa-layers fa-fw whatappSocial" target="_blank" href="https://wa.me/66815957588">
4805            <i class="fas fa-circle colorwhatappBG pointer-none"></i>
4806            <i class="fa-inverse fab fa-whatsapp colorwhatapp pointer-none" data-fa-transform="shrink-7"></i>
4807        </a>
4808    
4809            <a class="faco-top fa-layers fa-fw wechatSocial">
4810            <i class="fas fa-circle colorWechatBG pointer-none"></i>
4811            <i class="fa-inverse fab fa-weixin colorWechat pointer-none" data-fa-transform="shrink-7 left-1"></i>
4812        </a>
4813    </div>
4814
4815    
4816    
4816<script type="text/javascript">
4817
4818    jQuery(".footerWechatWidget").click(function () {
4819        window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1);
4820    });
4821    
4822</script>
4822                                    </div>
4823                                                            </div>
4824                        </div>
4825                        <!-- <div class="row">
4826                            <div class="col-12">
4827                                                            <div class="divFooterLine">
4828                                                            </div>
4829                                                    </div>
4830                        </div> -->
4831                    </div>
4832                    <div class="col-12 col-sm-4">
4833                        <div class="row">
4834                            <div class="col-12">
4835                                                                        <style>
4836        .footerTopic{
4837            border-bottom: 1px solid #ffffff;
4838                            padding: 5px 0;
4839                margin-bottom: 10px;
4840                        color: #ffffff;
4841            font-size:18px;
4842            font-family : 'Athiti';
4843            font-weight : normal;
4844            font-style : normal;
4845            text-decoration : none;
4846        }
4847        .li-footer-sub{
4848            border-bottom: 1px solid transparent;
4849                    }
4850        .li-footer-sub a{
4851            padding-left: 0px;
4852            color: #ffffff;
4853            font-size:16px;
4854            font-family : 'Athiti';
4855            font-weight : normal;
4856            font-style : normal;
4857            text-decoration : none;
4858        }
4859        .li-footer-sub a:hover{
4860            color: #99cc00;
4861        }
4862        .menuCol{
4863            margin-bottom: 10px;
4864        }
4865        /*.menuCol:last-child{
4866            margin-bottom: 0;
4867        }*/
4868    </style>
4869<div class="row">
4870                    <div class="menuCol">
4871                    <div class="footerTopic" id="footermenu-head_1">
4872                        THAILAND TRAVEL UPDATE                    </div>
4873                    <div class="advdividerF"style="visibility: hidden;"></div>
4874                                            <ul class="ul-footermenu-sub">
4875                                                            <li class="li-footer-sub">
4876                                    <a href="/categorycontent/2072/popular-now-in-thailand----" target="_self">
4877                                        POPULAR NOW IN THAILAND                                    </a>
4878                                </li>
4879                                                            <li class="li-footer-sub">
4880                                    <a href="/categorycontent/361/news" target="_self">
4881                                        NEWS                                    </a>
4882                                </li>
4883                                                    </ul>
4884                                    </div>
4885                                <div class="menuCol">
4886                    <div class="footerTopic" id="footermenu-head_2">
4887                        BOOKING WITH US                    </div>
4888                    <div class="advdividerF"style="visibility: hidden;"></div>
4889                                            <ul class="ul-footermenu-sub">
4890                                                            <li class="li-footer-sub">
4891                                    <a href="/how-to-order" target="_self">
4892                                        HOW TO ORDER                                     </a>
4893                                </li>
4894                                                            <li class="li-footer-sub">
4895                                    <a href="/how-to-pay" target="_self">
4896                                        HOW TO PAY                                     </a>
4897                                </li>
4898                                                            <li class="li-footer-sub">
4899                                    <a href="/download-booking" target="_self">
4900                                        DOWNLOAD BOOKING FORM                                    </a>
4901                                </li>
4902                                                            <li class="li-footer-sub">
4903                                    <a href="/cancel-amendment" target="_self">
4904                                        CANCEL &amp; AMENDMENT                                    </a>
4905                                </li>
4906                                                    </ul>
4907                                    </div>
4908                </div>
4909                                                            </div>
4910                        </div>
4911                    </div>
4912                    <div class="col-12 col-sm-4">
4913                        <div class="row">
4914                            <div class="col-12">
4915                                                                        <div class="fb-page" data-href="https://www.facebook.com/yourtripthailand"
4916                 data-width="350"
4917                               data-height="300"
4918                           data-tabs="timeline,"
4919         data-hide-cover="true"
4920         data-show-facepile="true"
4921         data-hide-cta="false"
4922         data-small-header="false"
4923         data-adapt-container-width="true"
4924                  > 
4925    </div>
4926    <!--<blockquote cite="https://www.facebook.com/yourtripthailand" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/yourtripthailand">Page</a></blockquote>-->
4927                                                            </div>
4928                        </div>
4929                    </div>
4930                </div>
4931            </div>
4932        </div>
4933                    <div id="footer-bar">
4934            <div class="container">
4935                                    <div class="row">
4936                        <div class="col-12">
4937                            <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: 'Open sans'; font-size: 14px; color: rgb(255, 255, 255);" data-mce-style="font-family: 'Open sans'; font-size: 14px; color: #ffffff;">© Copyright 2015 All Rights Reserved</span></div>                        </div>
4938                    </div>
4939                                            </div>
4940        </div>
4941    </footer>
4942
4943
4944                </div>
4945                                    <div id="section-engine" style="font-size: 12px; font-family: 'Tahoma' !important; ">
4946                        Powered by
4947                        <a style="font-size: 12px; font-family: 'Tahoma' !important;" class="spanMWE" href="https://www.makewebeasy.com/en" target="_blank" title="ทำเว็บฟรี สร้างเว็บฟรี เว็บฟรี เว็บไซต์ฟรี">MakeWebEasy.com</a>
4948                    </div>
4949                
4950                                    <div class="widget_cart_fix_display open"></div>
4951                            </div>
4952                            <div class="pm_overlay pm_hide"></div>
4953                                </div>
4954
4955        <!-- cookie consent-->
4956        
4957<div class="policy-position">
4958    <div class="wrap-con">
4959        <div class="container">
4960            <div class="row pad-row-pdpa policy-container">
4961                <div class="col-12 col-md-9 col-lg-9">
4962                    <span class="txt-pdconsent">This website uses cookies for best user experience, to find out more you can go to our                        <a class="" href="/privacy-policy" target="_blank">Privacy Policy</a>
4963                        &nbsp;and&nbsp;                        <a class="" href="/cookies-policy" target="_blank">Cookies Policy</a>
4964                    </span>
4965                </div>
4966                <div class="col-12 col-md-3 col-lg-3 colbtn">
4967                    <button class="btnAcceptPd btn btn-style " type="button" id="btn_setting_cookie">Set Cookies</button>
4968                    <button class="btnAcceptPd btn btn-style" type="button" id="btnAcceptPd">Accept All</button>
4969                </div>
4970            </div>
4971        </div>
4972    </div>
4973</div>        
4974        
4974<script type="text/javascript">
4975            var plugins = {};
4976                            plugins['fontawesome'] = {'isEnable': false};
4977                            plugins['hamburgers'] = {'isEnable': true};
4978                            plugins['imagesloaded'] = {'isEnable': false};
4979                            plugins['magnificpopup'] = {'isEnable': true};
4980                            plugins['masonry'] = {'isEnable': true};
4981                            plugins['owlcarousel'] = {'isEnable': true};
4982                            plugins['perfectscrollbar'] = {'isEnable': true};
4983                            plugins['scrollposstyler'] = {'isEnable': false};
4984                            plugins['style_mwe'] = {'isEnable': false};
4985                            plugins['all'] = {'isEnable': false};
4986                            plugins['circularloading'] = {'isEnable': true};
4987                            plugins['customerjs'] = {'isEnable': false};
4988                            plugins['customerstyle'] = {'isEnable': false};
4989                            plugins['font'] = {'isEnable': false};
4990                            plugins['fullcalendar'] = {'isEnable': true};
4991                            plugins['homebox_eventcalendar'] = {'isEnable': true};
4992                            plugins['page_calendar'] = {'isEnable': true};
4993                            plugins['page_faq'] = {'isEnable': true};
4994                            plugins['themesystem'] = {'isEnable': false};
4995                    </script>
4995
4996        <!-- JS Main -->
4997                
4997<script src="https://cloud.makewebstatic.com/makeweb/prod/js/scrollPosStyler.min.js?v=202012190947"></script>
4997
4998        
4998<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.flexslider-min.js?v=202604291000"></script>
4998
4999        
4999<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.zoom.js?v=202604291000"></script>
4999
5000        
5000<script src="https://cloud.makewebstatic.com/makeweb/prod/js/social-buttons.min.js?v=202604291000"></script>
5000
5001        
5001<script src="https://cloud.makewebstatic.com/makeweb/prod/js/popper.min.js?v=202604291000"></script>
5001
5002        
5002<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js?v=202604291000" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
5002
5003        
5003<script src="https://cloud.makewebstatic.com/makeweb/prod/js/formValidation.min.js?v=202604291000"></script>
5003
5004        
5004<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap.min.js?v=202604291000"></script>
5004
5005        
5005<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=202604291000"></script>
5005
5006        
5006<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-datetimepicker.min.js?v=202604291000"></script>
5006
5007        
5007<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-checkbox.min.js?v=202604291000"></script>
5007
5008        
5008<script src="https://cloud.makewebstatic.com/makeweb/prod/js/backtotop.min.js?v=202604291000"></script>
5008
5009        
5009<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootbox.min.js?v=202102081700"></script>
5009
5010        
5010<script src="https://cloud.makewebstatic.com/makeweb/prod/js/simplepagination.min.js?v=202604291000"></script>
5010
5011        
5011<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-toggle.min.js?v=202604291000"></script>
5011
5012        
5012<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-context.min.js?v=202604291000"></script>
5012
5013        
5013<script src="https://cloud.makewebstatic.com/makeweb/prod/js/spectrum.min.js?v=202604291000"></script>
5013
5014        
5014<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-select.min.js?v=202604291000"></script>
5014
5015        
5015<script>var lang = "en";</script>
5015
5016        
5016<script src="https://cloud.makewebstatic.com/makeweb/prod/js/modernizr.min.js?v=202604291000"></script>
5016
5017        
5017<script src="https://cloud.makewebstatic.com/makeweb/prod/js/rellax_new_min.js?v=202604291000"></script>
5017
5018                <!-- JS Page -->
5019        
5019<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=0"></script>
5019<script src="https://cloud.makewebstatic.com/makeweb/prod/js/fullcalendar.min.js?v=0"></script>
5019<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel.min.js?v=202001111111"></script>
5019<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel2.thumbs.min.js?v=202001111111"></script>
5019<script src="https://cloud.makewebstatic.com/makeweb/prod/js/perfect-scrollbar.jquery.min.js?v=0"></script>
5019<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.magnific-popup.min.js?v=202012190947"></script>
5019<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/masonry.pkgd.min.js?v=0"></script>
5019        <!-- JS Main -->
5020                
5020<script defer src="https://cloud.makewebstatic.com/makeweb/prod/js/all.min.js?v=1"></script>
5020
5021                
5021<script type="text/javascript" src="/include/customer/customer.js?v=202510071324"></script>
5021
5022        
5022<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/hideShowPassword.min.js?v=202604291000"></script>
5022
5023                <!-- Script CustomerPage -->
5024                <!-- Script Body -->
5025        
5025<script type="text/javascript">
5026            $(document).ready(function () {
5027                if (
5028                    navigator.platform == 'iPhone' ||
5029                    navigator.platform == 'iPod' ||
5030                    navigator.platform == 'iPad' ||
5031                    (navigator.platform == 'MacIntel' && navigator.maxTouchPoints != 0)
5032                ) {
5033                    var $body = $('body');
5034                    var bg_attachment = $body.css('background-attachment');
5035                    if (bg_attachment == 'fixed') {
5036                        var bg_size = $body.css('background-size');
5037                        if (bg_size == 'auto') {
5038                            var bg_img = $body.css('background-image');
5039                            var bg_repeat = $body.css('background-repeat');
5040                            $bodyBG = $('<div class="pseudo-body-bg"></div>');
5041                            $bodyBG.css('width', '100vw');
5042                            $bodyBG.css('height', '100vh');
5043                            $bodyBG.css('position', 'fixed');
5044                            $bodyBG.css('top', '0');
5045                            $bodyBG.css('left', '0');
5046                            $bodyBG.css('background-image', bg_img);
5047                            $bodyBG.css('background-repeat', bg_repeat);
5048                            $bodyBG.css('z-index', '-99');
5049                            $body.prepend($bodyBG);
5050
5051                        } else if (bg_size == 'cover') {
5052                            var bg_img = $body.css('background-image');
5053                            var bg_repeat = $body.css('background-repeat');
5054                            var bg_pos = $body.css('background-position');
5055                            var bg_size = $body.css('background-size');
5056                            $bodyBG = $('<div class="pseudo-body-bg"></div>');
5057                            $bodyBG.css('width', '100vw');
5058                            $bodyBG.css('height', '100vh');
5059                            $bodyBG.css('position', 'fixed');
5060                            $bodyBG.css('top', '0');
5061                            $bodyBG.css('left', '0');
5062                            $bodyBG.css('background-image', bg_img);
5063                            $bodyBG.css('background-repeat', bg_repeat);
5064                            $bodyBG.css('background-position', bg_pos);
5065                            $bodyBG.css('background-size', bg_size);
5066                            $bodyBG.css('-webkit-background-size', bg_size);
5067                            $bodyBG.css('-moz-background-size', bg_size);
5068                            $bodyBG.css('-o-background-size', bg_size);
5069                            $bodyBG.css('z-index', '-99');
5070                            $body.prepend($bodyBG);
5071                        }
5072                    }
5073                }
5074            });
5075        </script>
5075
5076        <!-- Script Rellax -->
5077        
5077<script type="text/javascript">
5078            if (document.getElementsByClassName("rellax").length > 0) {
5079                if (!navigator.userAgent.match(/SamsungBrowser/i) && Modernizr.csstransforms) {
5080                    var rellax = new Rellax('.rellax', {
5081                        speed: -4,
5082                        round: true
5083                    });
5084                } else {
5085                    $(document).ready(function () {
5086                        $('.rellax-view').each(function (index) {
5087                            var $rellax = $(this).find('>.rellax');
5088                            var bg_img = $rellax.css('background-image');
5089                            var bg_repeat = $rellax.css('background-repeat');
5090                            var bg_xpos = $rellax.css('background-position-x');
5091                            var bg_ypos = $rellax.css('background-position-y');
5092                            var bg_size = $rellax.css('background-size');
5093                            $(this).css({
5094                                'background-image': bg_img,
5095                                'background-repeat': bg_repeat,
5096                                'background-position-x': bg_xpos,
5097                                'background-position-y': bg_ypos,
5098                                '-webkit-background-size': bg_size,
5099                                '-moz-background-size': bg_repeat,
5100                                '-o-background-size': bg_repeat,
5101                                'background-size': bg_repeat,
5102                            }).addClass('rellax-not-support');
5103                            $rellax.remove();
5104                        });
5105                    });
5106                }
5107            }
5108        </script>
5108
5109        <!-- Script Slide -->
5110                <!-- Script WidgetCart -->
5111                    
5111<script>
5112                drawWidgetCartFix();
5113            </script>
5113
5114        
5115        <!-- Script MWEAds -->
5116        
5116<script>
5117            // $("#divMWEAds").on("click", function (e) {
5118            //     var aNode = e.target.nodeName;
5119            //     if (aNode !== "B") {
5120            //         window.open('https://www.makewebeasy.com');
5121            //     }
5122            // });
5123        </script>
5123
5124        <!-- Script FB -->
5125        
5126    
5126<script>
5127        (function (d, s, id) {
5128            var lang = "en_EN";
5129            var js, fjs = d.getElementsByTagName(s)[0];
5130            if (d.getElementById(id))
5131                return;
5132            js = d.createElement(s);
5133            js.id = id;
5134            js.async = true;
5135                js.src = "https://connect.facebook.net/" + lang + "/sdk.js#xfbml=1&version=v21.0&appId=160631041153580";
5136            fjs.parentNode.insertBefore(js, fjs);
5137        }(document, "script", "facebook-jssdk"));
5138    </script>
5138
5139        <!-- Script Embed -->
5140                <!-- Script More -->
5141        
5141<script type="text/javascript">
5142            function myFunctionincount(id, gid, page, homid, place, local, pagetype) {
5143                if (id !== '' && page !== '' && local !== '') {
5144                    jQuery.ajax({
5145                        type: 'POST',
5146                        url: '/customer/banner/store.php',
5147                        data: {
5148                            bnid: id,
5149                            gid: gid,
5150                            page: page,
5151                            home: homid,
5152                            place: place,
5153                            local: local,
5154                            pagetype: pagetype
5155                        },
5156                        success: function (returnData) {
5157                            if (returnData != '') {
5158                                console.log(returnData);
5159                            }
5160                        }
5161                    });
5162                }
5163            }
5164            $(function () {
5165                $('a[href*="#"]:not([href="#"])').click(function () {
5166                    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
5167                        var target = $(this.hash);
5168                        target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
5169                        if (target.length) {
5170                            disable_scroll();
5171                            $('html,body').animate({
5172                                scrollTop: target.offset().top
5173                            }, 'slow', function () {
5174                                enable_scroll();
5175                            });
5176                            return false;
5177                        }
5178                    }
5179                });
5180            });
5181            function preventDefault(e) {
5182                e = e || window.event;
5183                if (e.preventDefault)
5184                    e.preventDefault();
5185                e.returnValue = false;
5186            }
5187            function wheel(e) {
5188                preventDefault(e);
5189            }
5190            function disable_scroll() {
5191                if (window.addEventListener) {
5192                    window.addEventListener('DOMMouseScroll', wheel, false);
5193                }
5194                window.onmousewheel = document.onmousewheel = wheel;
5195            }
5196            function enable_scroll() {
5197                if (window.removeEventListener) {
5198                    window.removeEventListener('DOMMouseScroll', wheel, false);
5199                }
5200                window.onmousewheel = document.onmousewheel = null;
5201            }
5202
5203                        $(function () {
5204                $('#whatsappIcon').click(function () {
5205                    let toggle = $(this).data("toggle");
5206                    if (toggle == 0) {
5207                        $("#whatsappDialog").css({"opacity": "1", "pointer-events": "all", "visibility": "visible", "touch-action": "auto", "margin-bottom": "96px"});
5208                        let date = new Date();
5209                        $('.whatsappTime').html(("0" + date.getHours()).slice(-2)+':'+("0" + date.getMinutes()).slice(-2));
5210                        $(this).data("toggle", 1);
5211                    } else {
5212                        $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"});
5213                        $(this).data("toggle", 0);
5214                    }
5215                });
5216                $('.whatsappBtnCancel').click(function () {
5217                    $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"});
5218                    $('#whatsappDialog').data("toggle", 0);
5219                });
5220            });
5221        </script>
5221
5222        
5222<script type="text/javascript">
5223            // Img LazyLoad
5224            document.addEventListener("DOMContentLoaded", function() {
5225                var lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));
5226                if ("IntersectionObserver" in window) {
5227                    let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
5228                        entries.forEach(function(entry) {
5229                            if (entry.isIntersecting) {
5230                                let lazyImage = entry.target;
5231                                lazyImage.src = lazyImage.dataset.src;
5232                                lazyImage.classList.remove("lazy");
5233                                lazyImageObserver.unobserve(lazyImage);
5234                            }
5235                        });
5236                    });
5237
5238                    lazyImages.forEach(function(lazyImage) {
5239                        lazyImageObserver.observe(lazyImage);
5240                    });
5241                } else {
5242                    // Possibly fall back to a more compatible method here
5243                    lazyImages.forEach(function(lazyImage) {
5244                        lazyImage.src = lazyImage.dataset.src;
5245                        lazyImage.classList.remove("lazy");
5246                    });
5247                }
5248            });
5249            // Iframe LazyLoad
5250            document.addEventListener("DOMContentLoaded", function() {
5251                var lazyIframes = [].slice.call(document.querySelectorAll("iframe.lazy"));
5252                if ("IntersectionObserver" in window) {
5253                    let lazyIframeObserver = new IntersectionObserver(function(entries, observer) {
5254                        entries.forEach(function(entry) {
5255                            if (entry.isIntersecting) {
5256                                let lazyIframe = entry.target;
5257                                lazyIframe.src = lazyIframe.dataset.src;
5258                                lazyIframe.classList.remove("lazy");
5259                                lazyIframeObserver.unobserve(lazyIframe);
5260                            }
5261                        });
5262                    });
5263
5264                    lazyIframes.forEach(function(lazyIframe) {
5265                        lazyIframeObserver.observe(lazyIframe);
5266                    });
5267                } else {
5268                    lazyIframes.forEach(function(lazyIframe) {
5269                        lazyIframe.src = lazyIframe.dataset.src;
5270                        lazyIframe.classList.remove("lazy");
5271                    });
5272                }
5273            });
5274        </script>
5274
5275        
5275<script type="text/javascript">
5276            // Img Opacity
5277            (function ($) {
5278                "use strict";
5279                $.fn.visible = function (partial) {
5280                    if (typeof ($(this).offset()) !== 'undefined') {
5281                        var $t = $(this),
5282                                $w = $(window),
5283                                viewTop = $w.scrollTop(),
5284                                viewBottom = viewTop + $w.height(),
5285                                _top = $t.offset().top,
5286                                _bottom = _top + $t.height(),
5287                                compareTop = partial === true ? _bottom : _top,
5288                                compareBottom = partial === true ? _top : _bottom;
5289                        return (((compareBottom <= viewBottom) && (compareTop >= viewTop)) || ((compareBottom <= viewBottom) && (compareTop >= viewTop)));
5290                    }
5291                };
5292                jQuery(window).ready(function ($) {
5293                    var bkWindow = jQuery(window), bkthumbnail = [], bkthumbnailfooter = [];
5294                    //bkRatingBars = $('.bk-overlay').find('.bk-zero-trigger'),
5295
5296                    jQuery('body img').not('.imgLineWidget').imagesLoaded(function () {
5297                        bkthumbnail = $('#section-content').find('img:not(.zoomImg)');
5298                        bkthumbnailfooter = $('#section-footer').find('img:not(.zoomImg)');
5299                    }).progress(function (instance, image) {
5300                        var result = image.isLoaded ? 'loaded' : 'broken';
5301                        if (($(image.img).visible(true)) && ($(image.img).css('opacity') == 0)) {
5302                            $(image.img).css('opacity', '1');
5303                        }
5304                        if ($(image.img).hasClass("infoThumbProduct") || $(image.img).attr("id") == "compareProductDisplay" || $(image.img).hasClass("fill")) {
5305                            $(image.img).css('opacity', '1');
5306                        }
5307                        if ($(image.img).closest(".owl-item").length > 0) {
5308                            $(image.img).css('opacity', '1');
5309                            var height = $(image.img).height();
5310                            $(image.img).css("height", height);
5311                        }
5312                    });
5313                    bkWindow.scroll(function (event) {
5314                        $.each(bkthumbnail, function (i, value) {
5315                            var bkValue = $(value);
5316                            if ((bkValue.visible(true)) && (bkValue.css('opacity') == 0) && !bkValue.hasClass('lazy')) {
5317                                bkValue.css('opacity', '1');
5318                            }
5319                        });
5320                        $.each(bkthumbnailfooter, function (i, value) {
5321                            var bkValueft = $(value);
5322                            if ((bkValueft.visible(true)) && (bkValueft.css('opacity') == 0) && !bkValueft.hasClass('lazy')) {
5323                                bkValueft.css('opacity', '1');
5324                            }
5325                        });
5326                    });
5327                });
5328            })(jQuery);
5329        </script>
5329
5330        
5331        
5331<script type="text/javascript">
5332            $(function () {
5333                $('a[href^="tel:"], a[href^="Tel:"]').click(function () {
5334                    clickConversion('call');
5335                });
5336                $('a[href*="line.me"], a[href*="lin.ee"]').click(function () {
5337                    if($(this).hasClass('LineSocialPD')) return;
5338                    clickConversion('line');
5339                });
5340                $('a[href*="instagram.com"]').click(function () {
5341                    clickConversion('instagrams');
5342                })
5343                $('a[href*="facebook.com"], a[href*="fb.me"]').click(function () {
5344                    if($(this).hasClass('facebookSocialPD')) return;
5345                    clickConversion('facebook');
5346                })
5347            });
5348            function clickConversion(snippetType, value = null, transectionId = null) {
5349                            }
5350        </script>
5350
5351
5352        
5353        <!-- Script Schema -->
5354        
5355<!-- PRODUCT -->
5356<script type="application/ld+json">
5357{
5358    "@context": "https://schema.org",
5359    "@type": "Product",
5360    "name": "One Day Doi Inthanon National Park",
5361    "description": "Pick up time: 08.00 am – 08.30 am. Drop off time: 5.00 pm – 5.30 pm.&nbsp; &nbsp;ITINERARY- Visit the highest peak in Thailand with 2,565 meters above sea level.- Ang Ka nature trail, short walk through an accessible trail and see the natural beauty of the forest.- Visit King &amp; Queen pagodas, the twin chedis which built to honor King Bhumibal and Queen Sirikit of Thailand.- Visit Wachiratharn &amp; Siritarn waterfall.- Hmong hill tribe market &nbsp; Remark: Children height not over than 120 cms. Tour Included: Entrance fee / English Speaking Guide / Lunch / Insurance / Transportation from hotel.&nbsp;Notice:In case you make a reservation via our website, you can inform us as a note in the note box for hotel name, date and amount of people. Then we will&nbsp;reply you back for availability.Please make a reservation at least 1 - 2 days in advance.&nbsp;",
5362    "sku": "CNXFUSEE01",
5363        "category": "Chiang Mai/One Day Tours",
5364    "weight" : "0",
5365    "image": [
5366        "https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/Profile_Picture.jpg",
5367"https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/9_TURONE03.jpg",
5368"https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/2_TURONE03.jpg",
5369"https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/7_TURONE03.jpg",
5370"https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/6_TURONE03.JPG",
5371"https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/5_TURONE03.JPG",
5372"https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/12_TURONE03.jpg",
5373"https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/10_TURONE03.JPG",
5374"https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/11_TURONE03.jpg",
5375"https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/8_TURONE03.JPG",
5376"https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/1_TURONE03.jpg",
5377"https://image.makewebcdn.com/makeweb/m_1920x0/W7lTZBRXV/DoiInthanon/4_TURONE03.jpg"    ],
5378    "url": "https://www.yourtripthailand.com/product/28113-21017/one-day-doi-inthanon-national-park",
5379    "offers": {  
5380            "@type":"Offer",
5381            "price":"1400.00",
5382            "priceCurrency":"THB",
5383            "availability" : "https://schema.org/InStock",
5384            "url":"https://www.yourtripthailand.com/product/28113-21017/one-day-doi-inthanon-national-park"
5385        }
5386    }
5387</script>
5387
5388
5389<!-- RELATED PRODUCTS -->
5390<script type="application/ld+json">
5391{
5392    "@context": "https://schema.org",
5393    "@type": "ItemList",
5394    "name": "Related Products",
5395    "itemListElement": [
5396        
5397        {
5398            "@type": "ListItem",
5399            "position": 1,
5400            "item": {
5401                "@type": "Product",
5402                "name": "One Day 3 Temple (White Temple+Black Museum+Blue Temple)",
5403                "sku": "CNXFUSEE04",
5404                "image": "https://image.makewebcdn.com/makeweb/r_409x409/W7lTZBRXV/BlueTempleChiangRai/Profile_picture_TURONE12.jpg",
5405                
5406                "offers" : {  
5407                    "@type": "Offer",
5408                    "price": "1350.00",
5409                    "priceCurrency": "THB",
5410                    "availability" : "https://schema.org/InStock"
5411                }
5412            }
5413        },
5414        {
5415            "@type": "ListItem",
5416            "position": 2,
5417            "item": {
5418                "@type": "Product",
5419                "name": "One Day Chiang Rai Golden Triangle &amp;  Karen Longneck Village trip",
5420                "sku": "CNXFUSEE09",
5421                "image": "https://image.makewebcdn.com/makeweb/r_409x409/W7lTZBRXV/ChiangRaiOneday/62268863_1147039792170994_7561235464422686720_n.jpg",
5422                
5423                "offers" : {  
5424                    "@type": "Offer",
5425                    "price": "1850.00",
5426                    "priceCurrency": "THB",
5427                    "availability" : "https://schema.org/InStock"
5428                }
5429            }
5430        },
5431        {
5432            "@type": "ListItem",
5433            "position": 3,
5434            "item": {
5435                "@type": "Product",
5436                "name": "One Day Chiang Rai Golden Triangle &amp; Boat trip",
5437                "sku": "CNXFUSEE08",
5438                "image": "https://image.makewebcdn.com/makeweb/r_409x409/W7lTZBRXV/ChiangRaiOneday/10_TURONE02.jpg",
5439                
5440                "offers" : {  
5441                    "@type": "Offer",
5442                    "price": "1850.00",
5443                    "priceCurrency": "THB",
5444                    "availability" : "https://schema.org/InStock"
5445                }
5446            }
5447        },
5448        {
5449            "@type": "ListItem",
5450            "position": 4,
5451            "item": {
5452                "@type": "Product",
5453                "name": "One Day Elephant Safari",
5454                "sku": "CNXFUSEE11",
5455                "image": "https://image.makewebcdn.com/makeweb/r_409x409/W7lTZBRXV/Elephantsafari/25_9_2560_15_57_30.jpg",
5456                
5457                "offers" : {  
5458                    "@type": "Offer",
5459                    "price": "1850.00",
5460                    "priceCurrency": "THB",
5461                    "availability" : "https://schema.org/InStock"
5462                }
5463            }
5464        }    ]
5465}
5466</script>
5466        <style> 
5467            @media (max-width: 992px){
5468                .widget-overlay .fb-customerchat span iframe , 
5469                .widget-overlay .fb_dialog .fb_dialog_content iframe , 
5470                .widget-overlay .fb_dialog_mobile .fb_dialog_content iframe,
5471                .widget-overlay iframe.fb_mpn_mobile_landing_page_slide_up { 
5472                    bottom: 70px !important 
5473                }
5474                #toTop.widget-to-top {
5475                    bottom :  150px !important;
5476                }
5477                #unknown{
5478                    bottom : 60px !important;
5479                }
5480            }
5481            .fb_new_ui_mobile_overlay_active {
5482                overflow: auto !important;
5483            }
5484        </style>
5485
5486        
5487    </body>
5488</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.