PageSourceSearch

https://www.l2btravel.net/contact

html l2btravel.net collected 2026-10-02 18:15:18 UTC 166,753 bytes, 3,034 lines download raw bytes

1<!doctype html>
2<html lang="th-TH">
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="ทริปเที่ยวลาวใต้ 3วัน2คืน ทัวร์ลาว หลวงพระบาง เที่ยวเวียดนามกลาง เที่ยวลาวด้วยตัวเอง เช่ารถไปเที่ยวลาวใต้ ราคาเริ่มต้น 3999 บาท ไปกับแอลทูบีทราเวล" />
7        <meta name="Keywords" content="ทัวร์ลาว ,เที่ยวลาว,เที่ยวลาวใต้,เที่ยวหลวงพระบาง,เท่ียวลาว3วัน2คืน,ทัวร์ลาวใต้,ทัวร์ลาว3วัน2คืน,ทริปเที่ยวลาว" />
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="2269529606640671" />
12                        <meta property="og:type" content="website" />
13       
14        <meta property="og:title" content="เกี่ยวกับ แอลทูบีทราเวล " />
15        <meta property="og:image" content="https://image.makewebcdn.com/makeweb/m_1200x600/wHkUiuBR5/attachfile/IMG_4042.jpg" />
16        <meta property="og:description" content="ทริปเที่ยวลาวใต้ 3วัน2คืน ทัวร์ลาว หลวงพระบาง เที่ยวเวียดนามกลาง เที่ยวลาวด้วยตัวเอง เช่ารถไปเที่ยวลาวใต้ ราคาเริ่มต้น 3999 บาท ไปกับแอลทูบีทราเวล" />
17        <meta property="og:url" content="https://www.l2btravel.net/contact" />
18        <meta property="og:site_name" content="l2btravel.net" />
19        <!-- twitter -->
20        <meta name="twitter:card" content="summary_large_image">
21        <meta name="twitter:site" content="l2btravel.net">
22        <meta name="twitter:title" content="เกี่ยวกับ แอลทูบีทราเวล ">
23        <meta name="twitter:description" content="ทริปเที่ยวลาวใต้ 3วัน2คืน ทัวร์ลาว หลวงพระบาง เที่ยวเวียดนามกลาง เที่ยวลาวด้วยตัวเอง เช่ารถไปเที่ยวลาวใต้ ราคาเริ่มต้น 3999 บาท ไปกับแอลทูบีทราเวล">
24        <meta name="twitter:image" content="">
25        <meta name="twitter:domain" content="https://www.l2btravel.net/contact">
26        <!-- google -->
27        <meta name="google-site-verification" content="oGaukba8CmvnU4qzsVac8VYlNWMioZDDU5UW2Jagttg" />        <meta name="generator" content="MakeWebEasy" />
28        <!-- Phone number-->
29        <meta name="format-detection" content="telephone=no">
30                                                <link rel="alternate" href="https://www.l2btravel.net/contact" hreflang="x-default" />
31                    
32        <link rel="canonical" href="https://www.l2btravel.net/contact" />
33        
34                <link rel="apple-touch-icon" sizes="32x32" href="https://image.makewebcdn.com/makeweb/0/wHkUiuBR5/attach_file/favicon/favicon_20190214064739-0.ico?v=202604291000" />
35        <link rel="shortcut icon" href="https://image.makewebcdn.com/makeweb/0/wHkUiuBR5/attach_file/favicon/favicon_20190214064739-0.ico?v=202604291000" type="image/x-icon" />
36        <link rel="icon" href="https://image.makewebcdn.com/makeweb/0/wHkUiuBR5/attach_file/favicon/favicon_20190214064739-0.ico?v=202604291000" type="image/x-icon" />
37
38        <!-- CSS Main -->
39                <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" />
40        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.
40com/makeweb/prod/css/font.min.css?v=202101271138" />
41        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/bootstrap.min.css" />
42        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe.css?v=202508081425" />
43        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe2.css?v=202508081425" />
44                <!-- CSS Page -->
45        <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 -->
46                <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/all.min.css?v=202310021145" />
47        <!-- byAir -->
48        <!-- <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.min.css?v=202306151430" /> -->
49        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.css?v=20261002181516" />
50        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system2.css?v=202306151430" />
51        <link rel="stylesheet" type="text/css" href="/customer-css/style_wHkUiuBR5.min.css?v=1789552325" />
52        
53        <title>เกี่ยวกับ แอลทูบีทราเวล </title>
54
55        <!-- JS Main -->
56                
56<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js?v=202604291000" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
56
57        
57<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/imagesloaded.min.js?v=1"></script>
57
58        
58<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/vue@2_6_11.js?v=202604291000"></script>
58
59                
59<script type="text/javascript" src="https://www.instagram.com/embed.js" async="true"></script>
59
60        <!-- JS Page -->
61                <!-- Script Embed -->
62        <!-- Google Tag Manager -->
63<script>
vendor: 331 bytes, lines 63-67
63(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
64new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
65j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
66'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
67})(window,document,'script','dataLayer','
67GTM-5V723CTK
vendor: 3 bytes, line 67
67');
67</script>
67
68<!-- End Google Tag Manager --><!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 68-69
68
69<script async src="https://www.googletagmanager.com/gtag/js?id=
69UA-122530048-2
vendor: 13 bytes, line 69
69"></script>
70<script>
71  
vendor: 138 bytes, lines 71-75
71window.dataLayer = window.dataLayer || [];
72  function gtag(){dataLayer.push(arguments);}
73  gtag('js', new Date());
74
75  gtag('config', '
75UA-122530048-2
vendor: 5 bytes, line 75
75');
76</script>
76
77
78        <style>
79            #divMWEAds .mweColor{
80                color: #28bee3;
81            }
82
83            /* #divMWEAds .webFreeColor{
84                color: #ffffff;
85                background-color: #28bee3;
86            }           */
87
88            .webFreeColor { background-color: #28bee3; border-color: #24BEE2; color: #FFFFFF; border-radius: 20px;width: 148px; height: 36px; line-height: normal;}
89            .webFreeColor:hover,
90            .webFreeColor.active {
91                background-color: #09A1E0; border-color: #1EA7C7; color: #FFFFFF;
92}
93        </style>
94    </head>
95    <body>
96        <!-- Script Embed -->
97        <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 97-98
97
98<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
98GTM-5V723CTK
vendor: 85 bytes, lines 98-99
98"
99height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
100<!-- End Google Tag Manager (noscript) -->
101        <!-- 
101<script>
102                    </script>
102 -->
103        <style type="text/css">
104                        .pagination>li>a, .pagination>li>span {
105                font-size: 14px;
106                color: inherit;
107            }
108            .dropdown.areacontext.open{
109                z-index: 1001 !important;
110            }
111            .table-responsive table {
112                margin-bottom: 20px;
113                white-space: nowrap;
114            }
115            @media only screen and (min-width: 1200px) {
116                .table-responsive table {
117                    white-space: normal;
118                }
119            }
120            @media only screen and (min-width: 1200px) {
121                .section-container > .slimScrollDiv {
122                    display: none;
123                }
124            }
125            a[data-mce-href] {
126                font-size: inherit;
127                font-family: inherit;
128                /*color: inherit;*/
129            }
130            /* areacontext menu */
131            .areacontext {
132                border: 1px solid rgb(9,10,12);
133            }
134            .areacontext .btn-primary {
135                background: #373e44!important;
136                color: #FFF!important;
137                border-color: #23292f!important;
138                padding: 1px 5px;
139                display: block;
140            }
141            .areacontext > div {
142                font-family: Open Sans !important;
143                font-size: 12px !important;
144            }
145            .areacontext ul.dropdown-menu {
146                border-radius: 0px !important;
147                background: #373E44 !important;
148                margin-top: 0px !important;
149                border: 1px solid rgb(9,10,12);
150                padding: 0px !important;
151                min-width: 100px !important;
152                transform: translate3d(-1px, 20px, 0px) !important;
153            }
154            .areacontext ul.dropdown-menu > li > a {
155                font-family: "Helvetica Neue",Helvetica,Tahoma !important;
156                font-size: 12px !important;
157                color: rgb(145, 159, 174) !important;
158                padding: 3px 5px !important;
159                display: block;
160            }
161            .areacontext ul.dropdown-menu > li > a:hover {
162                background: #262D33 !important;
163                color: #FFF !important;
164                text-decoration: none;
165            }
166            /* addition */
167            /* facebook like box */
168            .fb-like.fb_iframe_widget > span > iframe{
169                max-width:none!important
170            }
171            /* img in table */
172            table img {
173                max-width:initial!important;
174            }
175            /* iframe */
176            iframe {
177                max-width:100%;
178            }
179            /* pagination */
180            .pagination>li>a,.pagination>li>span{
181                font-size:14px;color:inherit
182            }
183            /* table */
184            .table-responsive table {
185                margin-bottom:20px;
186                white-space:nowrap;
187            }
188            @media only screen and (min-width: 1200px){
189                .table-responsive table{
190                    white-space:normal
191                }
192            }
193            /* img width and rendering */
194            div#section-content img:not(.fill),
195            div#section-footer img:not(.fill) {
196                overflow:hidden;
197                opacity:0;
198                -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
199                transition:opacity .3s ease-in-out,transform .3s ease-in-out;
200                max-width:100%;
201            }
202            @media (max-width: 768px) {
203                body {
204                    max-width: 100vw;
205                }
206            }
207            /* force show img */
208            .map_outter img {
209                opacity: 1 !important;
210            }
211            /* link in tinymce */
212            a[data-mce-href] {
213                font-size: inherit;
214                font-family: inherit;
215            }
216            /* top layout */
217            nav > #top-area > .container-fluid {
218                padding-left: 8px;
219                padding-right: 8px;
220            }
221            nav > #top-area > .row {
222                margin: 0;
223            }
224            nav > #top-area > .row > .col {
225                padding: 0;
226            }
227            .navbar-link {
228                display: inline-block;
229                padding: 8px;
230                border: none;
231                margin: 8px 0px;
232                vertical-align: middle;
233                line-height: 1;
234            }
235            /*.navbar-fa {
236                width: 24px !important;
237                height: 24px !important;
238            }*/
239            .navbar-toggler-icon {
240                margin: 0;
241                padding: 0;
242            }
243            .dropdown > .dropdown-toggle > svg {
244                transition: all 300ms ease;
245                -webkit-transition: all 300ms ease;
246                -o-transition: all 300ms ease;
247                -ms-transition: all 300ms ease;
248            }
249            .dropdown.show > .dropdown-toggle > svg {
250                transform: rotate(180deg);
251                -webkit-transform: rotate(180deg);
252                -moz-transform: rotate(180deg);
253                -o-transform: rotate(180deg);
254            }
255            .dropdown-menu > li > .dropdown-toggle > svg {
256                transition: all 300ms ease;
257                -webkit-transition: all 300ms ease;
258                -o-transition: all 300ms ease;
259                -ms-transition: all 300ms ease;
260            }
261            .dropdown-menu > li.show > .dropdown-toggle > svg {
262                transform: rotate(90deg);
263                -webkit-transform: rotate(90deg);
264                -moz-transform: rotate(90deg);
265                -o-transform: rotate(90deg);
266            }
267            /* cart widget */
268            nav span.fa-layers.fa-fw > i.navbar-fa + span.fa-layers-counter {
269                display: none;
270            }
271            nav span.fa-layers.fa-fw > svg.navbar-fa + span.fa-layers-counter {
272                -webkit-transform: scale(0.75) !important;
273                transform: scale(0.75) !important;
274                top: -75%;
275                right: auto;
276                left: 50%;
277                -webkit-transform-origin: top center;
278                transform-origin: top center;
279                display: inline-block;
280            }
281            /* list style */
282            ul {
283                margin-bottom: 0 !important;
284            }
285            li {
286                /* list-style: none;*/
287            }
288            /* hide caret */
289            .dropdown-toggle::after{
290                display:none!important;
291            }
292            /* social widget */
293            .social-widget {
294                display: inline-block;
295            }
296            .social-widget a {
297                font-size: 30px;
298                width: 30px;
299                height: 30px;
300                min-width: 30px;
301                min-height: 30px;
302            }
303            @media (min-width: 401px) {
304                .social-widget a {
305                    font-size: 36px;
306                    width: 36px;
307                    height: 36px;
308                    min-width: 36px;
309                    min-height: 36px;
310                }
311            }
312            .social-widget a svg.fa-twitter {
313                margin-right: -1px !important;
314            }
315            .social-widget a svg.fa-instagram {
316                margin-right: 2px !important;
317            }
318            .social-widget a svg.fa-google-plus-g {
319                margin-right: -6px !important;
320            }
321            .social-widget a svg.fa-youtube {
322                margin-right: -3px !important;
323            }
324            /* vertical align text widget */
325            .navbar-text {
326                line-height: 150%;
327                vertical-align: middle;
328                min-height: 50px;
329            }
330            @media (min-width: 401px) {
331                .navbar-text {
332                    min-height: 56px;
333                }
334            }
335        </style>
336
337                <!--// ! ------------arrow scroll to top -->
338                            <a href="javascript:void(0);" id="toTop" class="back-to-top   " style="display: none; width: 45px !important; height: 45px !important; z-index: 55;">
339                <span class="fa-stack" style="font-size: 22px;">
340                    <i class="fas fa-circle fa-stack-2x" style="color: #2b2a2a;"></i>
341                    <i class="fas fa-arrow-up fa-stack-1x fa-inverse" style="color: #ffffff;"></i>
342                </span>
343            </a>
344               
345        <!-- //! facebook messager -->
346                <div class="section-container">
347            <!-- BoxLoading -->
348            <div class="boxLoading" id="boxLoading">
349                <div class="loader">
350                    <svg class="circular" viewBox="25 25 50 50">
351                    <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"></circle>
352                    </svg>
353                </div>
354            </div>
355
356            <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_standard"></div>
357<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_popup"></div>
358<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_coupon"></div>
359
360<script type="text/javascript">
361
362    function showModalBS(isClose, path, size) {
363        if (size == 'small') {
364            var siz = 'sm';
365        } else if (size == 'medium') {
366            var siz = 'md';
367        } else if (size == 'large') {
368            var siz = 'lg';
369        } else if (size == 'full') {
370            var siz = 'full';
371        } else if (size == 'cartlogin') {
372            var siz = 'modalCartLogin';
373        } else if (size === 'addToCartGroupProduct') {
374            var siz = 'groupProduct modal-dialog-centered'
375        } else if (size === 'addToCart') {
376            var siz = 'addToCart modal-dialog-centered'
377        } else if (size === 'medium-center') {
378            var siz = 'md modal-dialog-centered'
379        } else {
380            var siz = 'md';
381        }
382
383        if (isClose == 1) {
384            var backdrop = true;
385        } else if (isClose == 0) {
386            var backdrop = 'static';
387        } else {
388            var backdrop = true;
389        }
390        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>');
391        jQuery('#modal_standard').modal({
392            backdrop: backdrop,
393            // remote: path,
394            show: true,
395            keyboard: true
396        });
397        jQuery('#modal_standard').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
398        });
399    }
400
401    function showModalPopup(isClose, path) {
402        if (isClose == 1) {
403            var backdrop = true;
404        } else if (isClose == 0) {
405            var backdrop = 'static';
406        } else {
407            var backdrop = true;
408        }
409        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>');
410        jQuery('#modal_popup').modal({
411            backdrop: backdrop,
412            // remote: path,
413            show: true,
414            keyboard: true
415        });
416        jQuery('#modal_popup').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
417        });
418    }
419
420    function showModalCouponBS(path) {
421        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>');
422        jQuery('#modal_coupon').modal({
423            backdrop: true,
424            // remote: path,
425            show: true,
426            keyboard: true
427        });
428        jQuery('#modal_coupon').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
429        });
430    }
431
432</script>
432                        <div class="disabled-filter"></div>
433            <div class="section-body ">
434                <div id="section-header" class="sps sps--abv">
435                    
436<style type="text/css">
437    @media  only screen and (min-width: 1025px){
438        .headerMobile {
439            display: none !important;
440        }
441        .navbar-toggler {
442            display: none !important;
443        }
444        .navbar-expand-xl .navbar-collapse {
445            display: flex !important;
446            flex-basis: auto;
447        }
448        .navbar-expand-xl .navbar-nav {
449            flex-direction: row;
450        }
451        .navbar-expand-xl .navbar-nav .nav-link {
452            padding-right: 0.5rem;
453            padding-left: 0.5rem;
454        }
455        /* sticky */
456        .headerDesktop nav #top-sticky {
457            transition: transform 450ms;
458            -webkit-transition: transform 450ms;
459            -moz-transition: transform 450ms;
460            -o-transition: transform 450ms;
461        }
462        .sps--abv .headerDesktop nav #top-sticky {
463            position: relative;
464            transform: translate3d(0, 0, 0);
465            -webkit-transform: translate3d(0, 0, 0);
466            -moz-transform: translate3d(0, 0, 0);
467            -ms-transform: translate3d(0, 0, 0);
468        }
469        .sps--abv .headerDesktop nav #top-mb {
470            margin-bottom: 0;
471        }
472                .sps--abv .headerDesktop nav #top-sticky #cart{
473            display: none !important;
474        }
475                .sps--blw .headerDesktop nav #top-sticky {
476            position: fixed;
477            top: -56px;
478            left: 0;
479            right: 0;
480            z-index: 1000;
481            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
482            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
483            -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
484            transform: translate3d(0, 56px, 0);
485            -webkit-transform: translate3d(0, 56px, 0);
486            -moz-transform: translate3d(0, 56px, 0);
487            -ms-transform: translate3d(0, 56px, 0);
488        }
489        .sps--blw .headerDesktop nav #top-mb {
490            padding-bottom: 56px;
491                    }
492                    .sps--blw #top-sticky #logotop{
493                display: none !important;
494            }
495        
496        .sps--blw .headerDesktop nav #top-sticky #cart{
497            display: inline-flex !important
498        }
499
500    }
501    @media (max-width: 1024px){
502        .headerDesktop {
503            display: none !important;
504        }
505        /* sticky */
506        .sps--abv .headerMobile nav #top-sticky {
507                            position: static;
508                    }
509        .sps--abv .headerMobile nav #top-mb {
510            margin-bottom: 0;
511        }
512        .sps--blw .headerMobile nav #top-sticky {
513            position: fixed;
514            top: 0;
515            left: 0;
516            right: 0;
517            z-index: 1000;
518            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
519            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
520            -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
521        }
522        .sps--blw .headerMobile nav #top-mb {
523            margin-bottom: 56px;
524        }
525                    .icoMember ,#iconsMember{
526                display: none;
527            }
528                ul.navbar-topmenu.navbar-nav .arrowCollapse{
529            transition: transform .3s ease 0s;
530        }
531         ul.navbar-topmenu.navbar-nav .arrowCollapse > svg{
532            transition: transform .3s ease 0s;
533        }
534    }
535    .sb {
536        visibility: visible;
537        /*position: absolute;
538        top: 0;
539        left: 0;
540        right: 0;
541        bottom: 0;
542
543        opacity: 1;
544        z-index: 999;
545        padding: 0 16px;
546        /*margin: 0 16px;*/
547    }
548    .sb > input {
549        /*width: calc(100% - 39px);
550        border-top: 0;
551        border-left: 0;
552        border-right: 0;
553        border-bottom: 2px solid #FFF;
554        background: #333 !important;
555        padding: 6px;
556        color: #FFF;
557        vertical-align: middle;*/
558    }
559    .sb > input::placeholder {
560        color: #333;
561    }
562    .sb > input:focus {
563        outline: none;
564    }
565    .aCloseSearchIcon {
566        height: 36px;
567        padding: 6px 12px;
568    }
569    #top-sticky > div {
570        position: relative;
571    }
572    div.headerMobile{
573        position: relative;
574        z-index: 56;
575    }
576        @media (max-width: 1024px){
577        ul.navbar-topmenu.navbar-nav .abl1 span.arrowCollapse{
578            right: 0px !important;
579        }
580        ul.navbar-topmenu.navbar-nav .abl2 span.arrowCollapse{
581                        right: 8px !important;
582                    }
583    }
584        #divMWEAds {
585        bottom: unset;
586        width: 100vw !important;
587        background: #fff;
588        color: #000;
589    }
590    #divMWEAds:hover {
591        background: #fff;
592    }
593    #topZone {
594        padding-top: 0px;
595    }
596    .marginBot {
597        margin-bottom: 0px;
598    }
599
600    .headerMobile #divMWEAds {
601        font-family: 'DB Heavent' !important; 
602        font-size:21px;
603        z-index:999999;
604    }
605    .headerMobile #divMWEAds a {
606        font-size: 20px; 
607        font-family: 'DB Heavent' !important;
608        font-weight: bold;
609    }
610    @media only screen and (max-width: 400px) {
611        .headerMobile #divMWEAds {
612            font-size:16px;
613        }
614        #divMWEAds img {
615            max-height: 25px;
616            max-width: 25px;
617        }
618        .headerMobile #divMWEAds a {
619            font-size: 16px;
620        }
621    }
622</style>
623<div class="headerDesktop">
624            <style type="text/css">
625    @media (min-width: 1025px) {
626        .navbar-brand {
627            font-size: 24px !important;
628            border: none !important;
629            padding: 0;
630            margin: auto;
631        }
632        .navbar-text{
633            min-height: 24px;
634        }
635        .text-truncate{
636            width: 100%;
637        }
638        .text-truncate p{
639            margin-bottom: 0 !important;
640            line-height: 24px;
641        }
642
643        #menutop{
644            margin: 10px 10px 10px 0 !important;
645        }
646        .topwidget-menu{
647            margin: 0 !important;
648        }
649        .sps--abv .row-display-justify {
650            -webkit-box-pack: center !important;
651            -ms-flex-pack: center !important;
652            justify-content: center !important;
653        }
654        .sps--blw .row-display-justify {
655            -webkit-box-pack: flex-start !important;
656            -ms-flex-pack: flex-start !important;
657            justify-content: flex-start !important;
658        }
659        #top-area  #logotop {
660            margin: 10px 0px 0px 0px;
661        }
662        .navbar-brand .img-logo {
663            max-width: 100%;
664            min-width: 1px;
665            min-height: 1px;
666            max-height: 100%;
667        }
668        #top-sticky #cart2{
669            display: none !important;
670        }
671        .sps--blw #top-sticky #cart2{
672            display: inline-flex !important;
673
674        }
675    }
676</style>
677
678<nav id="topZone" class="navbar-expand-xl">
679        <div id="top-area">
680                    <div id="top-mb">
681                <div class="container">
682                    <div class="row no-gutters">
683                        <div class="col col-lg text-center">
684                            <div id="logotop" class="hoverOverlay d-inline-flex">
685                                <span class="navbar-brand">
686                                    <a href="/" style="text-decoration: none;">
687                                            <style> 
688        @media (min-width: 1025px){ 
689            .img-logo { 
690                                                                                    } 
691        } 
692    </style>
693    <img src="https://image.makewebcdn.com/makeweb/m_1920x0/wHkUiuBR5/attachfile/IMG_4042.jpg?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/>
694                                    </a>
695                                </span>
696                            </div>
697                        </div>
698                    </div>
699                </div>
700            </div>
701                            <div id="top-sticky">
702                <div class="container">
703                    <div class="row no-gutters justify-content-center">
704                                                    <div class="collapse topSearchBar">
705                                <div class="topSearchBarInner">
706                                    <div class="input-group mb-3">
707                                        <input type="text" class="form-control textStringSearchTopWidget" placeholder="ใส่คำค้นหาของคุณ...">
708                                        <div class="input-group-append">
709                                            <button class="btn border-left-0 rounded-right btn-outline-secondary btnSearchTopWidget" type="button"><i class="fas fa-search"></i></button>
710                                        </div>
711                                    </div>
712                                </div>
713                            </div>
714                        
715                                                    <div class="col-12 col-lg-auto d-lg-inline-flex align-items-center">
716                                <div id="menutop" class="hoverOverlay d-inline-flex">
717                                    <div class="collapse navbar-collapse">
718                                        <style type="text/css">
719    .topwidget-menu .navbar-nav .dropdown-menu {
720        padding: 0;
721        margin: 0;
722    }
723    .topwidget-menu .navbar-nav .dropdown-menu.hidden {
724        visibility: hidden;
725    }
726    /*PC hack to hover*/
727    @media (min-width: 1025px) {
728        ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{
729            display:block !important;
730        }
731        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{
732            display:block !important;
733        }
734        ul.navbar-topmenu.navbar-nav ul{
735            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
736        }
737        .topwidget-menu {
738            margin: 10px;
739        }
740        ul.dropdown-menu.dropdown-menu-right{
741            left: unset;
742            right:0;
743        }
744        .dropdownfix-menu-right {
745            right:100% !important;
746            left:auto !important;
747        }
748        .public-topmenu .dropdown-menu-right .fa-chevron-right {
749            transform: rotate(180deg);
750            left: 0;
751            position: absolute;
752            top: 12px;
753        }
754        .public-topmenu .dropdown-menu-right .fa-chevron-down{
755            transform: rotate(90deg);
756            left: 0;
757            position: absolute;
758            top: 12px;
759        }
760        .more.hidden{
761            display:none;
762        }
763        .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
764            transform: rotate(-90deg);
765        }
766        ul.navbar-topmenu.navbar-nav > li.nav-item ul{
767            position: absolute;
768        }
769        .public-topmenu .topmenuLg{
770            border-right:none !important;
771        }
772    }
773    /* tablet*/
774    @media only screen and (min-width: 768px) and (max-width: 1112px) {
775        ul.navbar-topmenu.navbar-nav ul{
776            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
777        }
778    }
779    /*mobile tablet*/
780    @media  only screen and (max-width: 1024px) {
781        
782        ul.navbar-topmenu .abl1 .arrowCollapse,
783        ul.navbar-topmenu .abl2 .arrowCollapse{
784            position: absolute;
785            right: 20px !important;
786            top: 25%;
787            text-align: center;
788            height: 16px;
789        }
790        ul.navbar-topmenu.navbar-nav a{
791            text-align: left !important;
792            white-space: normal;
793        }
794        ul.navbar-topmenu.navbar-nav .fa-chevron-down{
795                        transition: all .3s ease 0s;
796            -ms-transition: all .3s ease 0s;
797            -webkit-transition: all .3s ease 0s;
798            -moz-transition: all .3s ease 0s;
799        }
800        ul.navbar-topmenu.navbar-nav .fa-chevron-right{
801                         transform: rotate(90deg);
802            transition: all .3s ease 0s;
803            -ms-transition: all .3s ease 0s;
804            -webkit-transition: all .3s ease 0s;
805            -moz-transition: all .3s ease 0s;
806           /* width: 15px;
807            height: 15px; */
808        }
809        
810        ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
811            right: 12px;
812            top: 27%;
813        }
814
815        ul.navbar-topmenu.navbar-nav a{
816            word-wrap: break-word;
817        }
818        ul.navbar-topmenu.navbar-nav .more{
819            display:none !important;
820        }
821        .public-topmenu .dropdown.show > a > .arrowCollapse{
822            transform: rotate(180deg);
823            -ms-transform: rotate(180deg);
824            -webkit-transform: rotate(180deg);
825            -moz-transform: rotate(180deg);
826        }
827        .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{
828            transform: rotate(270deg);
829            -ms-transform: rotate(270deg);
830            -webkit-transform: rotate(270deg);
831            -moz-transform: rotate(270deg);
832        }
833        .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
834            transform: rotate(270deg);
835            -ms-transform: rotate(270deg);
836            -webkit-transform: rotate(270deg);
837            -moz-transform: rotate(270deg);
838        }
839        ul.navbar-topmenu.navbar-nav > li > ul > li > a {
840            padding-left: 30px !important;
841        }
842        ul.navbar-topmenu.navbar-nav ul ul a {
843            padding-left: 45px !important;
844        }
845    }
846</style>
847<div class="topwidget-menu">
848    <ul class="navbar-nav navbar-topmenu public-topmenu">
849                                    <li class="nav-item ">
850                    <a class="nav-link abl1"  data-onhome="home" href="/" target="_self">
851                        หน้าแรก                    </a>
852                </li>
853                                                <li class="nav-item dropdown ">
854                    <a class="nav-link abl1"   href="javascript:void(0);" target="_self" style="position: relative;">
855                        โปรแกรมทัวร์                                                    <sp
855an class="arrowCollapse">
856                                <i class="fal fa-chevron-down"></i>
857                            </span>
858                                            </a>
859                    <ul class="dropdown-menu">
860                                                                                    <li>
861                                    <a class="nav-link dropdown-item abl2"   href="/category/4632/ทัวร์วังเวียง-เวียงจันทน์" target="_blank">
862                                        ทัวร์วังเวียง เวียงจันทน์                                    </a>
863                                </li>
864                                                                                                                <li>
865                                    <a class="nav-link dropdown-item abl2"   href="/category/4633/ทัวร์หลวงพระบาง" target="_blank">
866                                        ทัวร์หลวงพระบาง                                    </a>
867                                </li>
868                                                                                                                <li>
869                                    <a class="nav-link dropdown-item abl2"   href="/category/4631/ทัวร์ลาวใต้" target="_blank">
870                                        ทัวร์ลาวใต้                                    </a>
871                                </li>
872                                                                                                                <li>
873                                    <a class="nav-link dropdown-item abl2"   href="/category/2889/ทัวร์เวียดนาม" target="_self">
874                                        ทัวร์เวียดนาม                                    </a>
875                                </li>
876                                                                                                                <li>
877                                    <a class="nav-link dropdown-item abl2"   href="/category/2892/ทัวร์กัมพูชา-" target="_self">
878                                        ทัวร์กัมพูชา                                    </a>
879                                </li>
880                                                                                                                <li>
881                                    <a class="nav-link dropdown-item abl2"   href="/category/2894/ทัวร์สิบสองปันนา" target="_self">
882                                        ทัวร์สิบสองปันนา                                    </a>
883                                </li>
884                                                                        </ul>
885                </li>
886                                                <li class="nav-item dropdown ">
887                    <a class="nav-link abl1"   href="javascript:void(0);" target="_self" style="position: relative;">
888                        รีวิวที่พัก                                                    <span class="arrowCollapse">
889                                <i class="fal fa-chevron-down"></i>
890                            </span>
891                                            </a>
892                    <ul class="dropdown-menu">
893                                                                                    <li>
894                                    <a class="nav-link dropdown-item abl2"    href="/laoshotels" target="_self" style="position: relative;">
895                                        LAOS                                                                                    <span class="arrowCollapse">
896                                                <i class="fal fa-chevron-right fa-xs fa-fw"></i>
897                                            </span>
898                                                                            </a>
899                                    <ul class="dropdown-menu">
900                                                                                                                                    <li>
901                                                    <a class="nav-link dropdown-item abl2"    href="/categorycontent/1486/ที่พักหลวงพระบาง" target="_self">
902                                                        Luangprabang                                                    </a>
903                                                </li>
904                                                                                                                                                                                <li>
905                                                    <a class="nav-link dropdown-item abl2"    href="/categorycontent/1487/ที่พักวังเวียง" target="_self">
906                                                        Vangvieng                                                    </a>
907                                                </li>
908                                                                                                                                                                                <li>
909                                                    <a class="nav-link dropdown-item abl2"    href="/categorycontent/1488/ที่พักเวียงจันทน์" target="_self">
910                                                        Vientiane                                                    </a>
911                                                </li>
912                                                                                                                                                                                <li>
913                                                    <a class="nav-link dropdown-item abl2"    href="/categorycontent/1489/ที่พักปากเซ" target="_self">
914                                                        Pakxe                                                    </a>
915                                                </li>
916                                                                                                                                                                                <li>
917                                                    <a class="nav-link dropdown-item abl2"    href="/categorycontent/1492/ที่พักเซียงขวาง" target="_self">
918                                                        Xiang Khoang                                                    </a>
919                                                </li>
920                                                                                                                        </ul>
921                                </li>
922                                                                                                                <li>
923                                    <a class="nav-link dropdown-item abl2"    href="/vietnamhotels" target="_self" style="position: relative;">
924                                        VIETNAM                                                                                    <sp
924an class="arrowCollapse">
925                                                <i class="fal fa-chevron-right fa-xs fa-fw"></i>
926                                            </span>
927                                                                            </a>
928                                    <ul class="dropdown-menu">
929                                                                                                                                    <li>
930                                                    <a class="nav-link dropdown-item abl2"    href="/categorycontent/1701/ที่พักเวียดนามกลาง" target="_self">
931                                                        Central Vietname                                                    </a>
932                                                </li>
933                                                                                                                                                                                <li>
934                                                    <a class="nav-link dropdown-item abl2"    href="/categorycontent/1700/ที่พักเวียดนามเหนือ" target="_self">
935                                                        Northern Vietnam                                                    </a>
936                                                </li>
937                                                                                                                                                                                <li>
938                                                    <a class="nav-link dropdown-item abl2"    href="/categorycontent/1702/ที่พักเวียดนามใต้" target="_self">
939                                                        Southern Vietnam                                                    </a>
940                                                </li>
941                                                                                                                        </ul>
942                                </li>
943                                                                        </ul>
944                </li>
945                                                <li class="nav-item dropdown ">
946                    <a class="nav-link abl1"  data-onpage-link="0" href="javascript:void(0)" target="_self" style="position: relative;">
947                        Travel Blog                                                    <span class="arrowCollapse">
948                                <i class="fal fa-chevron-down"></i>
949                            </span>
950                                            </a>
951                    <ul class="dropdown-menu">
952                                                                                    <li>
953                                    <a class="nav-link dropdown-item abl2"   href="/categorycontent/1491/ข้อมูลท่องเที่ยวประเทศไทย" target="_self">
954                                        THAILAND                                    </a>
955                                </li>
956                                                                                                                <li>
957                                    <a class="nav-link dropdown-item abl2"    href="/categorycontent/1480/ข้อมูลท่องเที่ยวประเทศลาว" target="_self" style="position: relative;">
958                                        LAOS                                                                                    <span class="arrowCollapse">
959                                                <i class="fal fa-chevron-right fa-xs fa-fw"></i>
960                                            </span>
961                                                                            </a>
962                                    <ul class="dropdown-menu">
963                                                                                                                                    <li>
964                                                    <a class="nav-link dropdown-item abl2"    href="https://www.l2btravel.net/categorycontent/2183/%E0%B9%80%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B8%A5%E0%B8%B2%E0%B8%A7%E0%B9%83%E0%B8%95%E0%B9%89" target="_self">
965                                                        เที่ยวลาวใต้                                                    </a>
966                                                </li>
967                                                                                                                                                                                <li>
968                                                    <a class="nav-link dropdown-item abl2"    href="https://www.l2btravel.net/categorycontent/2184/%E0%B9%80%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B8%A5%E0%B8%B2%E0%B8%A7%E0%B9%80%E0%B8%AB%E0%B8%99%E0%B8%
968B7%E0%B8%AD" target="_self">
969                                                        เที่ยวลาวเหนือ                                                    </a>
970                                                </li>
971                                                                                                                                                                                <li>
972                                                    <a class="nav-link dropdown-item abl2"    href="https://www.l2btravel.net/categorycontent/2185/%E0%B9%80%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B8%A5%E0%B8%B2%E0%B8%A7%E0%B8%81%E0%B8%A5%E0%B8%B2%E0%B8%87" target="_self">
973                                                        เที่ยวลาวกลาง                                                    </a>
974                                                </li>
975                                                                                                                        </ul>
976                                </li>
977                                                                                                                <li>
978                                    <a class="nav-link dropdown-item abl2"    href="/categorycontent/1481/ข้อมูลท่องเที่ยวประเทศเวียดนาม" target="_self" style="position: relative;">
979                                        VIETNAM                                                                                    <span class="arrowCollapse">
980                                                <i class="fal fa-chevron-right fa-xs fa-fw"></i>
981                                            </span>
982                                                                            </a>
983                                    <ul class="dropdown-menu">
984                                                                                                                                    <li>
985                                                    <a class="nav-link dropdown-item abl2"    href="https://www.l2btravel.net/categorycontent/2186/%E0%B9%80%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B9%80%E0%B8%A7%E0%B8%B5%E0%B8%A2%E0%B8%94%E0%B8%99%E0%B8%B2%E0%B8%A1%E0%B8%81%E0%B8%A5%E0%B8%B2%E0%B8%87" target="_self">
986                                                        เที่ยวเวียดนามกลาง                                                    </a>
987                                                </li>
988                                                                                                                                                                                <li>
989                                                    <a class="nav-link dropdown-item abl2"    href="https://www.l2btravel.net/categorycontent/2187/%E0%B9%80%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B9%80%E0%B8%A7%E0%B8%B5%E0%B8%A2%E0%B8%94%E0%B8%99%E0%B8%B2%E0%B8%A1%E0%B9%80%E0%B8%AB%E0%B8%99%E0%B8%B7%E0%B8%AD" target="_self">
990                                                        เที่ยวเวียดนามเหนือ                                                    </a>
991                                                </li>
992                                                                                                                                                                                <li>
993                                                    <a class="nav-link dropdown-item abl2"    href="https://www.l2btravel.net/categorycontent/2188/%E0%B9%80%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B9%80%E0%B8%A7%E0%B8%B5%E0%B8%A2%E0%B8%94%E0%B8%99%E0%B8%B2%E0%B8%A1%E0%B9%83%E0%B8%95%E0%B9%89" target="_self">
994                                                        เที่ยวเวียดนามใต้                                                    </a>
995                                                </li>
996                                                                                                                        </ul>
997                                </li>
998                                                                                                                <li>
999                                    <a class="nav-link dropdown-item abl2"   href="/categorycontent/1483/ข้อมูลท่องเที่ยวประเทศจีน" target="_blank">
1000                                        CHINA                                    </a>
1001                                </li>
1002                                                                        </ul>
1003                </li>
1004                                                <li class="nav-item ">
1005                    <a class="nav-link abl1"   href="/payl2btravel" target="_self">
1006                        ชำระเงิน                    </a>
1007                </li>
1008                                                <li class="nav-item dropdown ">
1009                    <a class="nav-link abl1"   href="/categorycontent/1479/ขั้นตอนการทำหนังสือเดินทาง-พาสปอร์ต" target="_self" style="position: relative;">
1010                        PASSPORT                                                    <sp
1010an class="arrowCollapse">
1011                                <i class="fal fa-chevron-down"></i>
1012                            </span>
1013                                            </a>
1014                    <ul class="dropdown-menu">
1015                                                                                    <li>
1016                                    <a class="nav-link dropdown-item abl2"   href="/categorycontent/1494/ด่านพรหมแดน-จุดผ่อนปรน-ชั่วคราว-สากล-ถาวร-ชายแดน-ไทย-ลาว" target="_self">
1017                                        Border land                                    </a>
1018                                </li>
1019                                                                        </ul>
1020                </li>
1021                                                <li class="nav-item ">
1022                    <a class="nav-link abl1" id="topmenuonpage"  href="/contact" target="_self">
1023                        ติดต่อเรา                    </a>
1024                </li>
1025                                                <li class="nav-item ">
1026                    <a class="nav-link abl1"   href="javascript:void(0);" target="_self">
1027                        ข้อมูลท่องเที่ยวประเทศจีน                     </a>
1028                </li>
1029                                                <li class="nav-item topmenuLg">
1030                    <a class="nav-link abl1"   href="/categorycontent/1483/ข้อมูลท่องเที่ยวประเทศจีน" target="_self">
1031                        ข้อมูลท่องเที่ยวจีน                    </a>
1032                </li>
1033                    
1034        <li class="nav-item dropdown more hidden" data-width="80">
1035            <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)">
1036                เพิ่มเติม <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
1037            </a>
1038            <ul class="dropdown-menu"></ul>
1039        </li>
1040    </ul>
1041</div>
1042    
1042<script>
1043        /*width auto more*/
1044        if (jQuery(window).width() > 1024) {
1045                        calcWidth();
1046                        var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu  > li.nav-item:visible:last');
1047            last_visible_element.css('border-right', 'none');
1048        }
1049        function calcWidth() {
1050            var navwidth = 0;
1051            var availablespace = 0;
1052            var logwid = jQuery('#logotop').outerWidth(true);
1053            var defwidth = 0;
1054            var intIsEnableSearchTop = "1";
1055            var intIsEnableCart = "0";
1056            var calAweDropdown = "68";
1057            navwidth = navwidth + parseInt(calAweDropdown);
1058            let isLayoutId = '38';
1059            let fullcontainer = '0';
1060            if (intIsEnableSearchTop == 1) {
1061                defwidth = defwidth + 60;
1062            }
1063
1064            if (intIsEnableCart == 1) {
1065                defwidth = defwidth + 60;
1066            }
1067
1068          /*  if (calAweDropdown != 0) {
1069                defwidth = defwidth + calAweDropdown;
1070            }*/
1071           
1072            if (typeof logwid === "undefined") {
1073                var logwid = 0;
1074            }
1075            if (isLayoutId == '37' || isLayoutId == '38') {
1076                var logwid = 0;
1077            }
1078            if(fullcontainer=='1'){
1079                var pls_pad = 30;
1080            }else{
1081                var pls_pad = 0;
1082            }
1083            /* if(isLayoutId=='38'){
1084             var defwidth = 180;
1085             }*/
1086            var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17;
1087            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
1088                navwidth += jQuery(this).outerWidth(true);
1089            });
1090            /*jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.dropdown:not(.more)').each(function () {
1091                navwidth += 17;
1092            });*/
1093            var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 49);
1094            if (navwidth > availablespace) {
1095                var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
1096                var jimwidtest = lastItem.outerWidth(true);
1097                lastItem.removeClass('nav-item');
1098                lastItem.removeClass('dropdown');
1099                lastItem.children('a.nav-link').addClass('dropdown-item');
1100                lastItem.attr('data-width', lastItem.outerWidth(true));
1101                if (jimwidtest > 0) {
1102                    lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul'));
1103                }
1104                delete lastItem;
1105                calcWidth();
1106                return 0;
1107            } else {
1108                if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') {
1109                    var firstMoreElement = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1110                    if (navwidth + firstMoreElement.data('width') < availablespace) {
1111                        firstMoreElement.addClass('nav-item');
1112                        firstMoreElement.children('a.nav-link').removeClass('dropdown-item');
1113                        firstMoreElement.removeAttr("data-width");
1114                        firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
1115                    }
1116                    delete firstMoreElement;
1117                }
1118            }
1119            /*hide more*/
1120            if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') {
1121                var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length;
1122                if (thelast == 1) {
1123                    //remove more
1124                    var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1125                    if ((navwidth + firstMoreElement2.width()) < availablespace) {
1126                        firstMoreElement2.addClass('nav-item');
1127                        firstMoreElement2.addClass('topmenuLg');
1128                        firstMoreElement2.children('a.nav-link').removeClass('dropdown-item');
1129                        firstMoreElement2.removeAttr("data-width");
1130                        firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
1131                        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
1132                    } else {
1133                        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1134                    }
1135                    delete firstMoreElement2;
1136                } else {
1137                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1138                }
1139            } else {
1140                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
1141                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
1142            }
1143        }
1144
1145        function calcWidthAfter() {
1146                                
1147            //affix if reflesh topbar appear
1148            if ($(window).scrollTop() > 0) {
1149                var logwid = 230;
1150            }else{
1151                var logwid = jQuery('#logotop').outerWidth(true);
1152            }
1153            
1154            var navwidth = 0;
1155            var availablespace = 0;
1156            var defwidth = 0;
1157            var serwid = jQuery('#searchtop').outerWidth(true);
1158            var car2id = jQuery('#cart2').outerWidth(true);
1159            var intIsEnableSearchTop = "1";
1160            var intIsEnableCart = "0";
1161            let isLayoutId = '38';
1162            let fullcontainer = '0';
1163            if (intIsEnableSearchTop == 1) {
1164                defwidth = defwidth + serwid;
1165            }
1166
1167            if (intIsEnableCart == 1) {
1168                defwidth = defwidth + car2id;
1169            }
1170
1171            jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg');
1172    
1173            if (typeof logwid === "undefined") {
1174               var logwid = 0;
1175            }
1176            if (isLayoutId == '37' || isLayoutId == '38') {
1177               var logwid = 0;
1178            }
1179            if(fullcontainer=='1'){
1180                var pls_pad = 30;
1181            }else{
1182                var pls_pad = 0;
1183            }
1184            var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true);
1185            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
1186                navwidth += (jQuery(this).outerWidth(true));
1187            });
1188
1189            var availablespace = parseFloat(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60);
1190            
1191            if (navwidth > availablespace) {
1192               var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
1193               var jimwidtest = lastItem.outerWidth(true);
1194               lastItem.removeClass('nav-item');
1195               lastItem.removeClass('dropdown');
1196               lastItem.children('a.nav-link').addClass('dropdown-item');
1197               lastItem.attr('data-width', lastItem.outerWidth(true));
1198               if (jimwidtest > 0) {
1199                   lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul'));
1200               }
1201               delete lastItem;
1202               calcWidthAfter();
1203               return 0;
1204            } else {
1205               if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') {
1206                                   }
1207            }
1208
1209            if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') {
1210                var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length;
1211                if (thelast == 1) {
1212                                          var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1213                     if ((navwidth + firstMoreElement2.width()) < availablespace) {
1214                                             }
1215                      jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1216                } else {
1217                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1218                }
1219            } else {
1220                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
1221            }
1222
1223            //add class last item menu ขอบโค้ง
1224            jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
1225        }
1226
1227        jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").hover(function(){
1228            var vjim = jQuery(this);
1229            if (jQuery('ul', this).length) {
1230                vjim.find('ul.dropdown-menu').addClass('d-block hidden');  //แอบ render element เพื่อ get ค่ามาคำนวน
1231                var elm = jQuery('ul:first', this);
1232                var off = elm.offset();
1233                var l = off.left;
1234                var docW = jQuery("#top-area > #top-sticky").width();
1235                let _maxWidthLv2 = vjim.find('ul.dropdown-menu:first').width();
1236                let _maxWidthLv3 = 0;
1237                let _maxWidthLv4 = 0;
1238                let menuLv2Li = vjim.find('ul.dropdown-menu:first > li');
1239                Array.prototype.forEach.call(menuLv2Li, menu2li => {
1240                    let menuLv3Width = jQuery(menu2li).find('ul.dropdown-menu:first').width();
1241                    if (menuLv3Width > _maxWidthLv3) {
1242                        _maxWidthLv3 = menuLv3Width;
1243                    }
1244                    let menuLv3Li = jQuery(menu2li).find('ul.dropdown-menu:first > li');
1245                    Array.prototype.forEach.call(menuLv3Li, menu3li => {
1246                        let menuLv4Width = jQuery(menu3li).find('ul.dropdown-menu').width();
1247                        if (menuLv4Width > _maxWidthLv4) {
1248                            _maxWidthLv4 = menuLv4Width;
1249                        }
1250                    });
1251                });
1252                
1253                vjim.find('ul.dropdown-menu').removeClass('d-block hidden');  //คำนวนเสร็จแล้วเอา render ออก
1254
1255                let centerHover = l + (jQuery(this).width()/2)
1256                let centerScreen = docW / 2
1257                var isEntirelyVisible = ((l + _maxWidthLv2 + _maxWidthLv3 + _maxWidthLv4) <= docW);
1258                if (!isEntirelyVisible && (centerHover > centerScreen)){
1259                    vjim.children('ul.dropdown-menu').addClass('dropdown-menu-right');
1260                    vjim.children('ul.dropdown-menu.dropdown-menu-right').find('ul.dropdown-menu').addClass('dropdownfix-menu-right');
1261                } 
1262            }
1263        })
1264        
1265        /*nomobile*/
1266           /* }*/
1267    </script>
1267
1268                                    </div>
1269                                </div>
1270                            </div>
1271                                                                            <div class="col-auto col-lg-auto d-lg-inline-flex align-items-center">
1272                                <div id="searchtop" class="hoverOverlay d-inline-flex align-middle">
1273                                    <style type="text/css">
1274    div.topSearchBar {
1275        position: absolute;
1276        z-index: 999;
1277        width: 100%;
1278        left: 0;
1279        margin: 0 auto;
1280        max-width: 768px;
1281        right: 0;
1282        top: 100%;
1283    }
1284    @media  only screen and (max-width: 1024px) {
1285        div.topSearchBar {
1286            bottom: unset !important;
1287            top: 56px !important;
1288        }
1289        div.topSearchBarInner {
1290            padding: 15px 15px 15px 15px;
1291        }
1292    }
1293
1294    @media  only screen and (min-width: 1024px) {
1295        div.topSearchBarInner {
1296            padding: 15px 15px 1px 15px;
1297        }
1298    }
1299    div.topSearchBarInner {
1300        background: #FFF;
1301        box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1302        -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1303        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1304    }
1305    div.topSearchBarInner .btn.btn-default {
1306        border-left: 0px !important;
1307    }
1308    div.topSearchBarInner .btn.btn-default:hover {
1309        /*        background: none !important;*/
1310    }
1311    div.topSearchBarInner .form-control:focus {
1312        border-color: inherit !important;
1313    }
1314    .textStringSearchTopWidget, .btnSearchTopWidget {
1315        font-size: 16px;
1316        height: 36px;
1317    }
1318    .aOpenSearchIcon, .aCloseSearchIcon{
1319        font-size: 22px !important;
1320        margin: 0;
1321        line-height: 20px;
1322    }
1323
1324</style>
1325
1326<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;">
1327    <i class="far fa-search fa-fw navbar-fa"></i>
1328</div>
1329<script>
1330    jQuery('input.textStringSearchTopWidget').on('keypress', function (e) {
1331        jQuery('input.textStringSearchTopWidget').val(this.value);
1332        if (e.keyCode == 13) {
1333            clickSearch(jQuery(this).val());
1334        }
1335    });
1336
1337    jQuery('.btnSearchTopWidget').on('click', function () {
1338        var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val();
1339        clickSearch(textStringSearch);
1340    });
1341
1342    jQuery('.aCloseSearchIcon').on('click', function (e) { 
1343        e.preventDefault();
1344        var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val();
1345        if(textStringSearch!=''){
1346            clickSearch(textStringSearch);
1347        }
1348    });
1349    
1350    function clickSearch(textStringSearch) {
1351        if (textStringSearch != '') {
1352            let lpart = '';
1353            let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/');
1354            if(lpart!=''){
1355                document.location.href = '/' + lpart + '/search&text=' + encodedSearch;
1356            }else{
1357                document.location.href = '/search&text=' + encodedSearch;
1358            }
1359        }
1360    }
1361</script>
1361                                </div>
1362                            </div>
1363                                                                    </div>
1364                </div>
1365            </div>
1366            </div>
1367</nav></div>
1368<div class="headerMobile">
1369        <style type="text/css">
1370    nav .orderingMenu {
1371        order: 1;
1372    }
1373    .navbar-nav .dropdown-menu .dropdown-item {
1374        padding: 6px 20px;
1375    }
1376    @media (max-width: 1024px) {
1377        .navbar-toggler {
1378            padding: 9px 10px !important;
1379            margin-left: 3px !important;
1380            margin-top: 6px;
1381            margin-right: 0px;
1382            margin-bottom: 6px;
1383            font-size: 16px !important;
1384            height: 44px;
1385        }
1386        nav > #top-area > .row {
1387            margin: 0 6px;
1388        }
1389        .navbar-nav .dropdown-menu {
1390            position: relative !important;
1391            transform: translate3d(0px, 0px, 0px) !important;
1392            -webkit-transform: translate3d(0px, 0px, 0px) !important;
1393            top: auto !important;
1394            left: auto !important;
1395            padding: 0;
1396            margin: 0;
1397        }
1398        .navbar-nav .dropdown-menu .dropdown-item {
1399            padding: 9px 40px 9px 15px;
1400        }
1401        .navbar-text {
1402            margin: 0 auto;
1403        }
1404        .navbar-brand {
1405            padding: 4px 8px !important;
1406            font-size: 24px !important;
1407            line-height: 40px !important;
1408            border: none !important;
1409            margin: 0px 4px !important;
1410        }
1411        .navbar-brand span{
1412            line-height: 40px;
1413        }
1414        .navbar-brand img {
1415            /*max-height: 48px;*/
1416            max-height: 44px;
1417            max-width: 100%;
1418        }
1419        nav .navbar-link {
1420            min-width: 40px;
1421        }
1422        nav #top-area {
1423            transition: all 300ms ease;
1424            -webkit-transition: all 300ms ease;
1425            -moz-transition: all 300ms ease;
1426            -o-transition: all 300ms ease;
1427        }
1428        /* widget */
1429        nav #socialnetwork,nav #linewidget {
1430            min-height: 34px;
1431        }
1432        nav .orderingMenu {
1433            order: 12;
1434            flex-basis: auto;
1435        }
1436        nav .brandingBox {
1437            flex-basis: 0;
1438            flex-grow: 1;
1439            max-width: 100%;
1440        }
1441        .navbar-link.cart-nav{
1442            font-size: 22px;
1443        }
1444        .navbar-link.aOpenSearchIcon,.navbar-link.cart-nav{
1445            margin-left: 0px;
1446            margin-top: 0px;
1447            margin-bottom: 0px;
1448            padding: 0px;
1449        }
1450        .widgetCartNumber {
1451            top: -11px;
1452        }
1453        .navbar-nav.member-nav .nav-item{
1454            width: 100%;
1455            text-align: left !important;
1456        }
1457        .navbar-nav.member-nav{
1458            height: auto;
1459            margin: 0px 5px;
1460            text-align: left !important;
1461        }
1462        .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show{
1463            background: transparent;
1464            border: none;
1465        }
1466        .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show a:hover {
1467            background-color: transparent;
1468        }
1469    }
1470    @media (max-width: 350px) {
1471        nav > #top-bar {
1472            padding-left: 5px;
1473            padding-right: 5px;
1474        }
1475    }
1476    /*lang*/
1477    .topwidget-lang{
1478        margin: 0px 5px;
1479    }
1480    .topwidget-lang a {
1481        padding-left: 10px !important;
1482        padding-right: 10px !important;
1483    }
1484
1485    #section-header.sps--blw .headerMobile .navbar-collapse {
1486        max-height: 79vh;
1487        overflow-y: scroll;
1488        position: relative;
1489        -webkit-overflow-scrolling: touch;
1490    }
1491    #section-header.sps--abv .headerMobile .navbar-collapse {
1492        max-height: 73vh;
1493        overflow-y: scroll;
1494        -webkit-overflow-scrolling: touch;
1495    }
1496</style>
1497<nav id="topZone" class="navbar-expand-xl airry">
1498        <div id="top-area">
1499        <div id="top-sticky">
1500            <div class="">
1501                                <div class="sb collapse topSearchBar">
1502                    <div class="topSearchBarInner">
1503                        <div class="input-group">
1504                            <input type="text" class="form-control textStringSearchTopWidget" placeholder="ใส่คำค้นหาของคุณ..." />
1505                            <div class="input-group-append">
1506                              <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">
1507                                  <i class="fas fa-search fa-fw navbar-fa" style="font-size: 16px; vertical-align: initial;"></i>
1508                              </button>
1509                            </div>
1510                        </div>
1511                    </div>
1512                </div>
1513                                <div class="row no-gutters">
1514                    <div class="col pl-1 col-lg-auto d-lg-inline-flex brandingBox position-relative" style="display: flex;flex-direction: column; justify-content: center; width: 20%;">
1515                                                    <a class="navbar-brand position-absolute" href="/" style="display: flex;flex-direction: column; justify-content: center;">
1516                                <style>
1517    .logotextmobile{
1518        display: inline-block;
1519        max-width: 200px;
1520        height: 1.5em;
1521        overflow: hidden;
1522        text-overflow: ellipsis;
1523        white-space: nowrap;
1524        color: #000;
1525    }
1526    .logotextmobile span{
1527        /* font-size: 30px !important; */
1528        line-height: 40px !important;
1529    }
1530
1531    @media (max-width: 364.98px) {
1532        .logotextmobile{
1533            max-width: 150px;
1534        }
1535            }
1536
1537    @media (min-width: 365px) and (max-width: 575.98px) {
1538        .logotextmobile{
1539            max-width: 200px;
1540        }
1541                            }
1542
1543    @media (min-width: 576px) and (max-width: 767.98px) {
1544        .logotextmobile{
1545            min-width: calc(400px + 4vw);
1546            max-width: 500px;
1547        }
1548            }
1549
1550    @media (min-width: 768px) and (max-width: 991.98px) {
1551        .logotextmobile{
1552            max-width: 600px;
1553        }
1554                    }
1555    @media (min-width: 992px) {
1556        .logotextmobile{
1557            max-width: 800px;
1558        }
1559    }
1560
1561
1562</style>
1563
1564                    <img src="https://image.makewebcdn.com/makeweb/m_200x200/wHkUiuBR5/attachfile/IMG_4042.jpg?v=20240529
15641424" alt="logo" title="logo" class="d-inline-block img-logo"/>
1565                                </a>
1566                                            </div>
1567                                            <div class="col-12 col-lg d-lg-inline-flex orderingMenu">
1568                            <div class="collapse navbar-collapse pb-1" id="navbarNavDropdown">
1569                                <style type="text/css">
1570    .headerMobile .topwidget-menu .navbar-nav .dropdown-menu {
1571        padding: 0;
1572        margin: 0;
1573    }
1574    /*PC hack to hover*/
1575    @media (min-width: 1025px) {
1576        .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{
1577            display:block !important;
1578        }
1579        .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{
1580            display:block !important;
1581        }
1582        .headerMobile ul.navbar-topmenu.navbar-nav ul{
1583            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
1584        }
1585        .headerMobile .topwidget-menu {
1586            margin: 10px;
1587        }
1588        .headerMobile ul.dropdown-menu.dropdown-menu-right{
1589            left: unset;
1590            right:0;
1591        }
1592        .headerMobile .dropdownfix-menu-right {
1593            right:100% !important;
1594            left:auto !important;
1595        }
1596        .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-right {
1597            transform: rotate(180deg);
1598            left: 0;
1599            position: absolute;
1600            top: 12px;
1601        }
1602        .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-down{
1603            transform: rotate(90deg);
1604            left: 0;
1605            position: absolute;
1606            top: 12px;
1607        }
1608        .headerMobile .more.hidden{
1609            display:none;
1610        }
1611        .headerMobile .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
1612            transform: rotate(-90deg);
1613        }
1614        .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item ul{
1615            position: absolute;
1616        }
1617        .headerMobile .public-topmenu .topmenuLg{
1618            border-right:none !important;
1619        }
1620    }
1621    /* tablet*/
1622    @media only screen and (min-width: 768px) and (max-width: 1112px) {
1623        .headerMobile ul.navbar-topmenu.navbar-nav ul{
1624           box-shadow: none;
1625        }
1626        /*.topwidget-menu {
1627            margin: 10px;
1628        }*/
1629    }
1630    /*mobile tablet*/
1631    @media  only screen and (max-width: 1024px) {
1632        .headerMobile ul.navbar-topmenu.navbar-nav a{
1633            text-align: left !important;
1634            white-space: normal;
1635        }
1636        .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-down{
1637                        transition: all .3s ease 0s;
1638            -ms-transition: all .3s ease 0s;
1639            -webkit-transition: all .3s ease 0s;
1640            -moz-transition: all .3s ease 0s;
1641
1642        }
1643        .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-right{
1644                         transform: rotate(90deg);
1645            transition: all .3s ease 0s;
1646            -ms-transition: all .3s ease 0s;
1647            -webkit-transition: all .3s ease 0s;
1648            -moz-transition: all .3s ease 0s;
1649                    }
1650        
1651        .headerMobile ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
1652            right: 12px;
1653            top: 27%;
1654        }
1655        
1656        .headerMobile ul.navbar-topmenu.navbar-nav a{
1657            word-wrap: break-word;
1658        }
1659        .headerMobile ul.navbar-topmenu.navbar-nav .more{
1660            display:none !important;
1661        }
1662        .headerMobile .public-topmenu .dropdown.show > a > .arrowCollapse{
1663            transform: rotate(180deg);
1664            -ms-transform: rotate(180deg);
1665            -webkit-transform: rotate(180deg);
1666            -moz-transform: rotate(180deg);
1667        }
1668        .headerMobile .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
1669            transform: rotate(270deg);
1670            -ms-transform: rotate(270deg);
1671            -webkit-transform: rotate(270deg);
1672            -moz-transform: rotate(270deg);
1673        }
1674        
1675        .headerMobile ul.navbar-topmenu.navbar-nav > li > ul > li > a {
1676             padding-left: 30px !important;
1677        }
1678        .headerMobile ul.navbar-topmenu.navbar-nav ul ul a {
1679            padding-left: 45px !important;
1680        }
1681        .headerMobile ul.navbar-topmenu.navbar-nav ul ul ul a {
1682            padding-left: 60px !important;
1683        }
1684    }
1685</style>
1686
1687<div class="topwidget-menu">
1688    <ul class="navbar-nav navbar-topmenu public-topmenu">
1689                                    <li class="nav-item ">
1690                    <a class="nav-link abl1"  data-onhome="home" href="/" target="_self">
1691                        หน้าแรก                    </a>
1692                </li>
1693                                                <li class="nav-item dropdown ">
1694                    <a class="nav-link abl1"   href="javascript:void(0);" target="_self" style="position: relative;">
1695                        โปรแกรมทัวร์                                                    <sp
1695an class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;">
1696                                <i class="fal fa-chevron-down"></i>
1697                            </span>
1698                                            </a>
1699                    <ul class="dropdown-menu">
1700                                                                                    <li>
1701                                    <a class="nav-link dropdown-item abl2"   href="/category/4632/ทัวร์วังเวียง-เวียงจันทน์" target="_blank">
1702                                        ทัวร์วังเวียง เวียงจันทน์                                    </a>
1703                                </li>
1704                                                                                                                <li>
1705                                    <a class="nav-link dropdown-item abl2"   href="/category/4633/ทัวร์หลวงพระบาง" target="_blank">
1706                                        ทัวร์หลวงพระบาง                                    </a>
1707                                </li>
1708                                                                                                                <li>
1709                                    <a class="nav-link dropdown-item abl2"   href="/category/4631/ทัวร์ลาวใต้" target="_blank">
1710                                        ทัวร์ลาวใต้                                    </a>
1711                                </li>
1712                                                                                                                <li>
1713                                    <a class="nav-link dropdown-item abl2"   href="/category/2889/ทัวร์เวียดนาม" target="_self">
1714                                        ทัวร์เวียดนาม                                    </a>
1715                                </li>
1716                                                                                                                <li>
1717                                    <a class="nav-link dropdown-item abl2"   href="/category/2892/ทัวร์กัมพูชา-" target="_self">
1718                                        ทัวร์กัมพูชา                                    </a>
1719                                </li>
1720                                                                                                                <li>
1721                                    <a class="nav-link dropdown-item abl2"   href="/category/2894/ทัวร์สิบสองปันนา" target="_self">
1722                                        ทัวร์สิบสองปันนา                                    </a>
1723                                </li>
1724                                                                        </ul>
1725                </li>
1726                                                <li class="nav-item dropdown ">
1727                    <a class="nav-link abl1"   href="javascript:void(0);" target="_self" style="position: relative;">
1728                        รีวิวที่พัก                                                    <span class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;">
1729                                <i class="fal fa-chevron-down"></i>
1730                            </span>
1731                                            </a>
1732                    <ul class="dropdown-menu">
1733                                                                                    <li>
1734                                    <a class="nav-link dropdown-item abl2"    href="/laoshotels" target="_self" style="position: relative;">
1735                                        LAOS                                                                                    <span class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;">
1736                                                <i class="fal fa-chevron-right fa-xs fa-fw"></i>
1737                                            </span>
1738                                                                            </a>
1739                                    <ul class="dropdown-menu">
1740                                                                                                                                    <li>
1741                                                    <a class="nav-link dropdown-item abl2"   href="/categorycontent/1486/ที่พักหลวงพระบาง" target="_self">
1742                                                        Luangprabang                                                    </a>
1743                                                </li>
1744                                                                                                                                                                                <li>
1745                                                    <a class="nav-link dropdown-item abl2"   href="/categorycontent/1487/ที่พักวังเวียง" target="_self">
1746                                                        Vangvieng                                                    </a>
1747                                                </li>
1748                                                                                                                                                                                <li>
1749                                                    <a class="nav-link dropdown-item abl2"   href="/categorycontent/1488/ที่พักเวียงจันทน์" target="_self">
1750                                                        Vientiane                                                    </a>
1751                                                </li>
1752                                                                                                                                                                                <li>
1753                                                    <a class="nav-link dropdown-item abl2"   href="/categorycontent/1489/ที่พักปากเซ" target="_self">
1754                                                        Pakxe                                                    </a>
1755                                                </li>
1756                                                                                                                                                                                <li>
1757                                                    <a class="nav-link dropdown-item abl2"   href="/categorycontent/1492/ที่พักเซียงขวาง" target="_self">
1758                                                        Xiang Khoang                                                    </a>
1759                                                </li>
1760                                                                                                                        </ul>
1761                                </li>
1762                                                                                                                <li>
1763                                    <a class="nav-link dropdown-item abl2"    href="/vietnamhotels" target="_self" style="position: relative;">
1764                                        VIETNAM                                                                                    <sp
1764an class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;">
1765                                                <i class="fal fa-chevron-right fa-xs fa-fw"></i>
1766                                            </span>
1767                                                                            </a>
1768                                    <ul class="dropdown-menu">
1769                                                                                                                                    <li>
1770                                                    <a class="nav-link dropdown-item abl2"   href="/categorycontent/1701/ที่พักเวียดนามกลาง" target="_self">
1771                                                        Central Vietname                                                    </a>
1772                                                </li>
1773                                                                                                                                                                                <li>
1774                                                    <a class="nav-link dropdown-item abl2"   href="/categorycontent/1700/ที่พักเวียดนามเหนือ" target="_self">
1775                                                        Northern Vietnam                                                    </a>
1776                                                </li>
1777                                                                                                                                                                                <li>
1778                                                    <a class="nav-link dropdown-item abl2"   href="/categorycontent/1702/ที่พักเวียดนามใต้" target="_self">
1779                                                        Southern Vietnam                                                    </a>
1780                                                </li>
1781                                                                                                                        </ul>
1782                                </li>
1783                                                                        </ul>
1784                </li>
1785                                                <li class="nav-item dropdown ">
1786                    <a class="nav-link abl1"  data-onpage-link="0" href="javascript:void(0)" target="_self" style="position: relative;">
1787                        Travel Blog                                                    <span class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;">
1788                                <i class="fal fa-chevron-down"></i>
1789                            </span>
1790                                            </a>
1791                    <ul class="dropdown-menu">
1792                                                                                    <li>
1793                                    <a class="nav-link dropdown-item abl2"   href="/categorycontent/1491/ข้อมูลท่องเที่ยวประเทศไทย" target="_self">
1794                                        THAILAND                                    </a>
1795                                </li>
1796                                                                                                                <li>
1797                                    <a class="nav-link dropdown-item abl2"    href="/categorycontent/1480/ข้อมูลท่องเที่ยวประเทศลาว" target="_self" style="position: relative;">
1798                                        LAOS                                                                                    <span class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;">
1799                                                <i class="fal fa-chevron-right fa-xs fa-fw"></i>
1800                                            </span>
1801                                                                            </a>
1802                                    <ul class="dropdown-menu">
1803                                                                                                                                    <li>
1804                                                    <a class="nav-link dropdown-item abl2"   href="https://www.l2btravel.net/categorycontent/2183/%E0%B9%80%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B8%A5%E0%B8%B2%E0%B8%A7%E0%B9%83%E0%B8%95%E0%B9%89" target="_self">
1805                                                        เที่ยวลาวใต้                                                    </a>
1806                                                </li>
1807                                                                                                                                                                                <li>
1808                                                    <a class="nav-link dropdown-item abl2"   href="https://www.l2btravel.net/categorycontent/2184/%E0%B9%80%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B8%A5%E0%B8%B2%E0%B8%A7%E0%B9%80%E0%B8%AB%E0%B8%99%E0%B8%
1808B7%E0%B8%AD" target="_self">
1809                                                        เที่ยวลาวเหนือ                                                    </a>
1810                                                </li>
1811                                                                                                                                                                                <li>
1812                                                    <a class="nav-link dropdown-item abl2"   href="https://www.l2btravel.net/categorycontent/2185/%E0%B9%80%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B8%A5%E0%B8%B2%E0%B8%A7%E0%B8%81%E0%B8%A5%E0%B8%B2%E0%B8%87" target="_self">
1813                                                        เที่ยวลาวกลาง                                                    </a>
1814                                                </li>
1815                                                                                                                        </ul>
1816                                </li>
1817                                                                                                                <li>
1818                                    <a class="nav-link dropdown-item abl2"    href="/categorycontent/1481/ข้อมูลท่องเที่ยวประเทศเวียดนาม" target="_self" style="position: relative;">
1819                                        VIETNAM                                                                                    <span class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;">
1820                                                <i class="fal fa-chevron-right fa-xs fa-fw"></i>
1821                                            </span>
1822                                                                            </a>
1823                                    <ul class="dropdown-menu">
1824                                                                                                                                    <li>
1825                                                    <a class="nav-link dropdown-item abl2"   href="https://www.l2btravel.net/categorycontent/2186/%E0%B9%80%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B9%80%E0%B8%A7%E0%B8%B5%E0%B8%A2%E0%B8%94%E0%B8%99%E0%B8%B2%E0%B8%A1%E0%B8%81%E0%B8%A5%E0%B8%B2%E0%B8%87" target="_self">
1826                                                        เที่ยวเวียดนามกลาง                                                    </a>
1827                                                </li>
1828                                                                                                                                                                                <li>
1829                                                    <a class="nav-link dropdown-item abl2"   href="https://www.l2btravel.net/categorycontent/2187/%E0%B9%80%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B9%80%E0%B8%A7%E0%B8%B5%E0%B8%A2%E0%B8%94%E0%B8%99%E0%B8%B2%E0%B8%A1%E0%B9%80%E0%B8%AB%E0%B8%99%E0%B8%B7%E0%B8%AD" target="_self">
1830                                                        เที่ยวเวียดนามเหนือ                                                    </a>
1831                                                </li>
1832                                                                                                                                                                                <li>
1833                                                    <a class="nav-link dropdown-item abl2"   href="https://www.l2btravel.net/categorycontent/2188/%E0%B9%80%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B9%80%E0%B8%A7%E0%B8%B5%E0%B8%A2%E0%B8%94%E0%B8%99%E0%B8%B2%E0%B8%A1%E0%B9%83%E0%B8%95%E0%B9%89" target="_self">
1834                                                        เที่ยวเวียดนามใต้                                                    </a>
1835                                                </li>
1836                                                                                                                        </ul>
1837                                </li>
1838                                                                                                                <li>
1839                                    <a class="nav-link dropdown-item abl2"   href="/categorycontent/1483/ข้อมูลท่องเที่ยวประเทศจีน" target="_blank">
1840                                        CHINA                                    </a>
1841                                </li>
1842                                                                        </ul>
1843                </li>
1844                                                <li class="nav-item ">
1845                    <a class="nav-link abl1"   href="/payl2btravel" target="_self">
1846                        ชำระเงิน                    </a>
1847                </li>
1848                                                <li class="nav-item dropdown ">
1849                    <a class="nav-link abl1"   href="/categorycontent/1479/ขั้นตอนการทำหนังสือเดินทาง-พาสปอร์ต" target="_self" style="position: relative;">
1850                        PASSPORT                                                    <sp
1850an class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;">
1851                                <i class="fal fa-chevron-down"></i>
1852                            </span>
1853                                            </a>
1854                    <ul class="dropdown-menu">
1855                                                                                    <li>
1856                                    <a class="nav-link dropdown-item abl2"   href="/categorycontent/1494/ด่านพรหมแดน-จุดผ่อนปรน-ชั่วคราว-สากล-ถาวร-ชายแดน-ไทย-ลาว" target="_self">
1857                                        Border land                                    </a>
1858                                </li>
1859                                                                        </ul>
1860                </li>
1861                                                <li class="nav-item ">
1862                    <a class="nav-link abl1" id="topmenuonpage"  href="/contact" target="_self">
1863                        ติดต่อเรา                    </a>
1864                </li>
1865                                                <li class="nav-item ">
1866                    <a class="nav-link abl1"   href="javascript:void(0);" target="_self">
1867                        ข้อมูลท่องเที่ยวประเทศจีน                     </a>
1868                </li>
1869                                                <li class="nav-item topmenuLg">
1870                    <a class="nav-link abl1"   href="/categorycontent/1483/ข้อมูลท่องเที่ยวประเทศจีน" target="_self">
1871                        ข้อมูลท่องเที่ยวจีน                    </a>
1872                </li>
1873                    
1874        <li class="nav-item dropdown more hidden" data-width="80">
1875            <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)">
1876                เพิ่มเติม <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
1877            </a>
1878            <ul class="dropdown-menu"></ul>
1879        </li>
1880    </ul>
1881</div>
1882                                                                                                                            </div>
1883                        </div>
1884                                                                <div class="col-auto pr-1 col-lg-auto text-right order-6 d-inline-flex align-items-center">
1885                                                            <style type="text/css">
1886    div.topSearchBar {
1887        position: absolute;
1888        z-index: 999;
1889        width: 100%;
1890        left: 0;
1891        margin: 0 auto;
1892        max-width: 768px;
1893        right: 0;
1894        top: 100%;
1895    }
1896    @media  only screen and (max-width: 1024px) {
1897        div.topSearchBar {
1898            bottom: unset !important;
1899            top: 56px !important;
1900        }
1901        div.topSearchBarInner {
1902            padding: 15px 15px 15px 15px;
1903        }
1904    }
1905
1906    @media  only screen and (min-width: 1024px) {
1907        div.topSearchBarInner {
1908            padding: 15px 15px 1px 15px;
1909        }
1910    }
1911    div.topSearchBarInner {
1912        background: #FFF;
1913        box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1914        -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1915        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1916    }
1917    div.topSearchBarInner .btn.btn-default {
1918        border-left: 0px !important;
1919    }
1920    div.topSearchBarInner .btn.btn-default:hover {
1921        /*        background: none !important;*/
1922    }
1923    div.topSearchBarInner .form-control:focus {
1924        border-color: inherit !important;
1925    }
1926    .textStringSearchTopWidget, .btnSearchTopWidget {
1927        font-size: 16px;
1928        height: 36px;
1929    }
1930    .aOpenSearchIcon, .aCloseSearchIcon{
1931        font-size: 22px !important;
1932        margin: 0;
1933        line-height: 20px;
1934    }
1935
1936</style>
1937
1938<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;">
1939    <i class="far fa-search fa-fw navbar-fa"></i>
1940</div>
1941<script>
1942    jQuery('input.textStringSearchTopWidget').on('keypress', function (e) {
1943        jQuery('input.textStringSearchTopWidget').val(this.value);
1944        if (e.keyCode == 13) {
1945            clickSearch(jQuery(this).val());
1946        }
1947    });
1948
1949    jQuery('.btnSearchTopWidget').on('click', function () {
1950        var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val();
1951        clickSearch(textStringSearch);
1952    });
1953
1954    jQuery('.aCloseSearchIcon').on('click', function (e) { 
1955        e.preventDefault();
1956        var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val();
1957        if(textStringSearch!=''){
1958            clickSearch(textStringSearch);
1959        }
1960    });
1961    
1962    function clickSearch(textStringSearch) {
1963        if (textStringSearch != '') {
1964            let lpart = '';
1965            let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/');
1966            if(lpart!=''){
1967                document.location.href = '/' + lpart + '/search&text=' + encodedSearch;
1968            }else{
1969                document.location.href = '/search&text=' + encodedSearch;
1970            }
1971        }
1972    }
1973</script>
1973                                                                                                                    <button class="navbar-toggler hamburger hamburger--squeeze" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
1974                                    <span class="hamburger-box">
1975                                        <span class="hamburger-inner"></span>
1976                                    </span>
1977                                </button>
1978                                                    </div>
1979                                    </div>
1980            </div>
1981        </div>
1982    </div>
1983</nav>
1984</div>
1985<script>
1986    jQuery('.widgetCartNumber').hide();
1987    jQuery(document).ready(function () {
1988        jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]').click(function (event) {
1989            // event.preventDefault();
1990            jQuery(this).blur();
1991            if (jQuery(this).attr('class') == 'abl1') {
1992                jQuery(this).attr('id', 'topmenuonpage');
1993            } else if (jQuery(this).attr('class') == 'abl2') {
1994                jQuery(this).attr('id', 'topmenusubonpage');
1995            }
1996        });
1997
1998        jQuery('a').click( function(e) {
1999            var targetSelector = this.hash
2000            if(targetSelector) {
2001                e.stopImmediatePropagation();
2002
2003                var $target = $(targetSelector);
2004                var iscls = $(targetSelector).attr('class'); //targethash //fttargethash
2005                // Animate the scroll to the destination...
2006                if(iscls==='fttargethash'){
2007                    var tr_po = 0;
2008                }else{
2009                    var tr_po = $target.offset().top;
2010                }
2011                $('html, body').animate(
2012                    {
2013                        scrollTop: tr_po // Scroll to this location.
2014                    }, {
2015                        // Set the duration long enough to allow time
2016                        // to lazy load the elements.
2017                        duration: 1000,
2018
2019                        // At each animation step, check whether the target has moved.
2020                        step: function( now, fx ) {
2021
2022                            // Where is the target now located on the page?
2023                            // i.e. its location will change as images etc. are lazy loaded
2024                            if ($(window).width() > 1024) {
2025                                if(iscls==='fttargethash'){
2026                                    var newOffset = 0;
2027                                }else{
2028                                    var h_top_sticky = 0;
2029                                    // top bar space for calculations scroll position
2030                                    var viewable = isElementInView($('#top-sticky'))
2031                                    jQuery('.targethash').css('top', '0px');
2032                                    if(viewable){
2033                                        h_top_sticky = $('#top-sticky').height();
2034                                    }
2035                                    var newOffset = $target.offset().top - h_top_sticky;
2036                                }
2037                               // var newOffset = $target.offset().top - 70;
2038                            }else{
2039                                var newOffset = $target.offset().top;
2040                            }
2041                            // If where we were originally planning to scroll to is not
2042                            // the same as the new offset (newOffset) then change where
2043                            // the animation is scrolling to (fx.end).
2044                            if(fx.end !== newOffset)
2045                                fx.end = newOffset;
2046                        }
2047                    }
2048                );
2049            }
2050        })
2051
2052        // check element is visible in current windows display
2053        function isElementInView(element) {
2054            var $window = $(window);
2055            var windowHeight = $window.height();
2056            var windowWidth = $window.width();
2057            var rect = element.get(0).getBoundingClientRect();
2058
2059            return (
2060                rect.top >= 0 && rect.top <= windowHeight &&
2061                rect.left >= 0 && rect.left <= windowWidth
2062            );
2063        }
2064
2065        jQuery('.navbar-topmenu.public-topmenu a[data-onhome]').click(function (event) {
2066            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
2067                $('html,body').animate({
2068                    scrollTop: 0
2069                }, 1800);
2070                return false;
2071            }
2072        });
2073        var aChildren = jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]');
2074        var highlinow = jQuery('.navbar-topmenu.public-topmenu a#topmenuonpage');
2075        var highlinowLv2 = jQuery('.navbar-topmenu.public-topmenu a#topmenusubonpage');
2076        var stickyHeaderhi = jQuery('#menutop').height() + 75;
2077
2078        var aArray = [];
2079        for (var i = 0; i < aChildren.length; i++) {
2080            var aChild = aChildren[i];
2081            var ahref = jQuery(aChild).attr('href');
2082            var res = ahref.split("#");
2083            var last_hash = res[res.length - 1];
2084            aArray.push(last_hash);
2085        }
2086
2087        jQuery('.widgetCartNumber').show();
2088
2089        jQuery(window).scroll(function () {
2090            var windowPos = jQuery(window).scrollTop();
2091            var windowHeight = jQuery(window).height();
2092            var docHeight = jQuery(document).height();
2093            for (var i = 0; i < aArray.length; i++) {
2094                var theID = aArray[i];
2095                if (jQuery('#' + theID).length > 0) {
2096                    if (jQuery('#' + theID).data('orderbox') == 'onest') {
2097                        /* if firstbox */
2098                        var divPos = jQuery('#' + theID).offset().top - stickyHeaderhi;
2099                        var divHeight = jQuery('#' + theID).height();
2100                    } else {
2101                        /* if non first */
2102                        var divPos = jQuery('#' + theID).parent().offset().top - stickyHeaderhi;
2103                        var divHeight = jQuery('#' + theID).parent().height();
2104                    }
2105                    if (windowPos >= divPos && windowPos < (divPos + divHeight)) {
2106                        highlinow.removeAttr('id');
2107                        highlinowLv2.removeAttr('id');
2108                        if (jQuery("a.abl1[data-onpage-link='" + theID + "']").length > 0) {
2109                            jQuery("a.abl1[data-onpage-link='" + theID + "']").attr('id', 'topmenuonpage');
2110                        }
2111                        if (jQuery("a.abl2[data-onpage-link='" + theID + "']").length > 0) {
2112                            jQuery("a.abl2[data-onpage-link='" + theID + "']").attr('id', 'topmenusubonpage');
2113                        }
2114                    } else {
2115                        jQuery("a.abl1[data-onpage-link='" + theID + "']").removeAttr('id');
2116                        jQuery("a.abl2[data-onpage-link='" + theID + "']").removeAttr('id');
2117                        if (jQuery("a[data-onpage-link][id='topmenuonpage']").length < 1 && jQuery("a[data-onpage-link][id='topmenusubonpage']").length < 1) {
2118                            if (highlinow.length > 0) {
2119                                highlinow.attr('id', 'topmenuonpage');
2120                            }
2121                            if (highlinowLv2.length > 0) {
2122                                highlinowLv2.attr('id', 'topmenusubonpage');
2123                            }
2124                        }
2125                    }
2126                }
2127            }
2128            if (windowPos + windowHeight == docHeight) {
2129                /* last position */
2130                var lastsectionl1 = jQuery("a.targethash").parent().parent('#section-content').find('div:not(.insadsbygoogle) > a').last().attr('id');
2131                //L1
2132                if (jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").length > 0) {
2133                    highlinow.removeAttr('id');
2134                    jQuery('a.abl1#topmenuonpage').removeAttr('id');
2135                    jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenuonpage');
2136                }
2137                //L2 L3
2138                if (jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").length > 0) {
2139                    highlinowLv2.removeAttr('id');
2140                    jQuery('a.abl2#topmenusubonpage').removeAttr('id');
2141                    jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenusubonpage');
2142                }
2143            }
2144        });
2145
2146    });
2147
2148    //!navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) &&
2149    if (screen.width > 1024) { // is desktop
2150        var isSubmenuLv2Overflow = 0;
2151        var isSubmenuLv3Overflow = 0;
2152        var elem_headerDesktop = document.getElementsByClassName("headerDesktop")[0];
2153        var elem_topmenu = elem_headerDesktop.getElementsByClassName("navbar-topmenu")[0];
2154        var sectionHeader = document.getElementById("section-header");
2155        var arr_li_lv1 = elem_topmenu.getElementsByClassName("nav
2155-item dropdown"); // li (Lv1) (has submenu)
2156        if (arr_li_lv1.length > 0) {
2157            // console.log(arr_li_lv1);
2158            for (i = 0; i < arr_li_lv1.length; i++) {
2159                var li_lv1 = arr_li_lv1[i];
2160                var arr_child_li_lv1 = li_lv1.children; // a, ui.dropdown-menu
2161                if (arr_child_li_lv1.length > 0) {
2162
2163                    for (j = 0; j < arr_child_li_lv1.length; j++) {
2164                        if (arr_child_li_lv1[j].classList.contains('dropdown-menu')) { // ui.dropdown-menu
2165                            var ui_lv2 = arr_child_li_lv1[j];
2166                            var arr_li_lv2 = ui_lv2.children; // li (Lv2)
2167                            var length_li_lv2 = arr_li_lv2.length;
2168
2169                            // get heightest dropdown-menu
2170                            var maxHeight = 0;
2171                            $('.dropdown-menu').each(function() {
2172                                var height = $(this).outerHeight();
2173                                if (height > maxHeight) {
2174                                    maxHeight = height;
2175                                }
2176                            });
2177
2178                            if (maxHeight > screen.height) {
2179                                isSubmenuLv2Overflow += 1;
2180                            }
2181                            
2182                            //LV 3 LIMITED EDITION
2183                            if (arr_li_lv2.length > 0) {
2184                                for (k = 0; k < arr_li_lv2.length; k++) {
2185                                    if (arr_li_lv2[k].children.length > 1) {
2186                                        if (arr_li_lv2[k].children[1].classList.contains('dropdown-menu')) { // ui.dropdown-menu
2187                                            //k = ตำแหน่งที่มี ul
2188                                            var posiUllv3 = k;
2189                                            var arr_li_lv3 = arr_li_lv2[k].children[1]; // li (Lv2)
2190                                            var obj_li_lv3 = arr_li_lv3.children;
2191                                            var length_li_lv3 = obj_li_lv3.length;
2192                                            var limiLv3High = length_li_lv3 + k;
2193
2194                                            if (screen.height >= 1440 && screen.height < 2880 && limiLv3High > 34) { // height:1440
2195                                                isSubmenuLv3Overflow += 1;
2196                                            } else if (screen.height >= 1080 && screen.height < 1440 && limiLv3High > 20) { // height:1080
2197                                                isSubmenuLv3Overflow += 1;
2198                                            } else if (screen.height >= 768 && screen.height < 1080 && limiLv3High > 14) { // height:768
2199                                                isSubmenuLv3Overflow += 1;
2200                                            } else if (screen.height >= 500 && screen.height < 768 && limiLv3High > 10) { // w:768
2201						isSubmenuLv3Overflow += 1;
2202                                            }
2203
2204                                        }
2205                                    }
2206                                }
2207                            }
2208
2209
2210                        }
2211                    }
2212                }
2213
2214            }
2215        }
2216
2217        if (isSubmenuLv2Overflow > 0) { // no stricky
2218            sectionHeader.classList.remove('sps');
2219            sectionHeader.classList.remove('sps--abv');
2220            sectionHeader.classList.remove('sps--blw');
2221        }
2222        //if lavel 3 is Too Damn High
2223        if (isSubmenuLv3Overflow > 0) { // no stricky
2224            sectionHeader.classList.remove('sps');
2225            sectionHeader.classList.remove('sps--abv');
2226            sectionHeader.classList.remove('sps--blw');
2227        }
2228
2229        //if screen height not than 1080 disable
2230        jQuery(window).ready(function () {
2231            setTimeout(() => {
2232                if ($(window).height() > jQuery('#section-content').height() + jQuery('#section-footer').height()) {
2233                    sectionHeader.classList.remove('sps');
2234                    sectionHeader.classList.remove('sps--abv');
2235                    sectionHeader.classList.remove('sps--blw');
2236                }
2237            }, 200);
2238        });
2239    }
2240</script>
2240
2241                </div>
2242                <!-- <div id="section-content" style=""> -->
2243                <div id="section-content">
2244                                                                            
2245<style type="text/css">
2246    /* reveal */
2247    @media only screen and (min-width: 1200px) {
2248        .reveal { background-attachment: fixed !important; }
2249    }
2250    /* rellax */
2251    .rellax-view { position: relative; overflow: hidden; }
2252    .rellax { position: absolute; width: 100%; top: 0px; bottom: 0px; left: 0; right: 0; }
2253    .marginBottomSpace {
2254        
2255        margin-bottom: 20px;
2256    }
2257    .img-responsive{margin:auto;}
2258    @media only screen and (max-width: 767px){
2259        .maginBottomCaption{
2260            margin-bottom: 40px;
2261        }
2262        .maginBottomCaptionmini{
2263            margin-bottom: 15px;
2264        }
2265        .marginBottomSpaceMobile{
2266            margin-bottom: 20px;
2267        }
2268        .coverslidebox{
2269            padding: 0px 0px;
2270        }
2271    }
2272    @media only screen and (min-width: 768px){
2273        .maginBottomCaption{
2274            margin-bottom: 0px;
2275        }
2276        .maginBottomCaptionmini{
2277            margin-bottom: 0px;
2278        }
2279        .marginBottomSpaceMobile{
2280            margin-bottom: 0px;
2281        }
2282        .coverslidebox{
2283            padding: 0px 15px;
2284        }
2285        .textlayout-maxwidth{
2286            max-width: 585px;
2287        }
2288        .textlayout-marlauto{
2289            margin-left: auto;
2290        }
2291    }
2292    .noImgSimpleBG{
2293        background-color:#E1E4E9;
2294    }
2295    .box-not-overflow{
2296        overflow: hidden;
2297    }
2298    .play-button {
2299        left: 50%;
2300        top: 50%;
2301        width: 72px;
2302        height: 64px;
2303        margin-left: -36px;
2304        margin-top: -32px;
2305        z-index: 1;
2306        color: #212121;
2307        opacity: 0.85;
2308    }
2309    .play-button:hover,
2310    .play-button:hover::before {
2311        opacity: 1;
2312        color: #f00;
2313    }
2314    .play-button .fa-youtube {
2315        font-size: 64px;  
2316    }
2317    .play-button:before {
2318        content: "";
2319        width: 0;
2320        height: 0;
2321        border-top: 11px solid transparent;
2322        border-left: 20px solid #ffffff;
2323        border-bottom: 11px solid transparent;
2324        position: absolute;
2325        top: 21px;
2326        left: 29px;
2327    } 
2328    .wrapper .youtube {
2329	    background-color: #000;
2330	    position: relative;
2331	    padding-top: 56.25%;
2332	    overflow: hidden;
2333	    cursor: pointer
2334    }
2335
2336    .wrapper .youtube img {
2337	    width: 100%;
2338        top: -16.82%;
2339        left: 0;
2340        max-height: none !important;
2341        opacity: .7
2342    }
2343    .wrapper .youtube .play-button,
2344    .wrapper .youtube img {
2345        cursor: pointer
2346    }
2347
2348    .wrapper .youtube .play-button,
2349    .wrapper .youtube .play-button:before,
2350    .wrapper .youtube iframe,
2351    .wrapper .youtube img {
2352        position: absolute
2353    }
2354    .wrapper .youtube iframe {
2355        height: 100%;
2356        width: 100%;
2357        top: 0;
2358        left: 0
2359    }
2360    @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) {
2361        a.targethash{
2362            top: -112px;
2363        }
2364    }
2365</style>
2366    <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;">
2367            </div>
2368    
2369            <div  style="position: relative; background-color:#ffffff; "  data-orderbox="onest">
2370                                                    <a id="customize-19019" class="fttargethash" style="top: 2px; display: block;position: relative; visibility: hidden;"></a>
2371                                                                                <div class="container">
2372                                                    
2373                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
2374                                                                                                                                                <div >
2375                                        <style type="text/css">
2376    .brakeword10 {
2377        word-wrap: break-word;
2378    }
2379</style>
2380<div class="row brakeword10 area-tinymce">
2381    <div class="col-12">
2382        <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: Itim; font-size: 22px;" data-mce-style="font-family: Itim; font-size: 22px;">เกี่ยวกับเรา&nbsp;</span></div><div style="text-align: center;" data-mce-style="text-align: center;">&nbsp;<br></div><div style="text-align: center;" data-mce-style="text-align: center;"><br></div><div style="text-align: center;" data-mce-style="text-align: center;">&nbsp;<br></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-family: Itim; font-size: 18px; color: #ff6600;" data-mce-style="font-family: Itim; font-size: 18px; color: #ff6600;">ใบอนุญาตนำเที่ยวเลขที่ 51-00600&nbsp;</span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="color: #999999;" data-mce-style="color: #999999;"><span style="font-family: Itim; font-size: 18px;" data-mce-style="font-family: Itim; font-size: 18px;">&nbsp;</span><span style="font-family: Itim; font-size: 18px;" data-mce-style="font-family: Itim; font-size: 18px;">แอลทูบีทราเวล ดำเนินการจัดท่องเที่ยว ทัวร์ต่างประเทศ มานานกว่า 10 ปี และมีความชำนาญในพื้นที่ ประเทศลาว เวียดนาม กัมพูชา เป็นอย่างดี</span></span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span class="fas fa-forward mceNonEditable" style="vertical-align: middle; color: #ff0000; font-size: 20px;" data-mce-style="vertical-align: middle; color: #ff0000; font-size: 20px;" contenteditable="false">&nbsp;</span><span style="font-family: Itim; font-size: 18px;" data-mce-style="font-family: Itim; font-size: 18px;">สำนักงาน &nbsp;ที่ตั้ง 9 หมู่ 1 ต.คำเขื่อนแก้ว อ.สิรินธร จ.อุบลราชธานี 34350&nbsp;&nbsp;</span><br></div><div style="text-align: left;" data-mce-style="text-align: left;">&nbsp;<br></div><div style="text-align: left;" data-mce-style="text-align: left;"><span face="Itim" size="4" data-mce-style="font-family: Itim; font-size: 18px;" style="font-family: Itim; font-size: 18px;"><span class="fas fa-phone-volume mceNonEditable" style="vertical-align: middle; color: #373e44;" data-mce-style="vertical-align: middle; color: #373e44;" contenteditable="false">&nbsp;</span>&nbsp;ติดต่อ 083-2743757&nbsp;</span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span face="Itim" size="4" data-mce-style="font-family: Itim; font-size: 18px;" style="font-family: Itim; font-size: 18px;"><span class="fab fa-line mceNonEditable" style="vertical-align: middle; color: #6aa84f; font-size: 24px;" data-mce-style="vertical-align: middle; color: #6aa84f; font-size: 24px;" contenteditable="false">&nbsp;</span>&nbsp;ID LINE : L2BTRAVEL</span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span face="Itim" size="4" data-mce-style="font-family: Itim; font-size: 18px;" style="font-family: Itim; font-size: 18px;"><span class="fab fa-facebook-square mceNonEditable" style="vertical-align: middle; color: #0000ff; font-size: 24px;" data-mce-style="vertical-align: middle; color: #0000ff; font-size: 24px;" contenteditable="false">&nbsp;</span>&nbsp;FACEBOOK :&nbsp;<a href="https://www.facebook.com/l2btravel" data-mce-href="https://www.facebook.com/l2btravel">https://www.facebook.com/l2btravel</a></span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span face="Itim" size="4" data-mce-style="font-family: Itim; font-size: 18px;" style="font-family: Itim; font-size: 18px;"><span class="fas fa-globe mceNonEditable" style="vertical-align: middle;
2382 color: #e06666; font-size: 24px;" data-mce-style="vertical-align: middle; color: #e06666; font-size: 24px;" contenteditable="false">&nbsp;</span>&nbsp;Email : <a href="mailto:[email protected]" data-mce-href="mailto:[email protected]">[email protected]</a></span></div><div style="text-align: left;" data-mce-style="text-align: left;">&nbsp;<br></div><div style="text-align: left;" data-mce-style="text-align: left;"><span face="Itim" size="4" data-mce-style="font-family: Itim; font-size: large;" style="font-family: Itim; font-size: large;"><img src="https://image.makewebcdn.com/makeweb/0/wHkUiuBR5/BannerTour/ติดต่อ.jpg?v=202405291424" data-mce-src="https://image.makewebcdn.com/makeweb/0/wHkUiuBR5/BannerTour/ติดต่อ.jpg?v=202405291424" width="608" height="405" style="display: block; margin-left: auto; margin-right: auto;" data-mce-style="display: block; margin-left: auto; margin-right: auto;"></span></div><div style="text-align: left;" data-mce-style="text-align: left;">&nbsp;<br></div>    </div>
2383</div>                                    </div>
2384                                                                        </div>
2385                                                                                                </div>
2386                                            </div>
2387                <!-- end background div -->
2388                        <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;">
2389                    </div>
2390        
2390<script>
2391            function renderYoutubeIframe(e, video_id) {
2392                var iframe = document.createElement( "iframe" );
2393                iframe.setAttribute( "frameborder", "0" );
2394                iframe.setAttribute( "allowfullscreen", "" );
2395                iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ video_id +"?rel=0&showinfo=0&autoplay=1&mute=1" );
2396                e.innerHTML = "";
2397                e.appendChild( iframe );
2398            }
2399
2400            function secflascounter(timer,boxid,turn) {
2401                if(timer!=''){
2402                    arrayData3 = timer;
2403                    //var timeParsed = arrayData3.replace(' ', 'T');
2404                    //var countDownDate = new Date(timer).getTime();
2405                    var countDownDate = new Date(new Date(timer).toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime();
2406                    var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime();
2407                    var asx = setInterval(function() {
2408                        //var now = new Date().getTime();
2409                        var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime();
2410                        var distance = countDownDate - now;
2411                        var days = Math.floor(distance / (1000 * 60 * 60 * 24));
2412                        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
2413                        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
2414                        var seconds = Math.floor((distance % (1000 * 60)) / 1000);
2415                        jQuery(".rowcounter-promotion"+boxid+" .fsui-day").html(('0' +days).slice(-2));
2416                        jQuery(".rowcounter-promotion"+boxid+" .fsui-hour").html(('0' +hours).slice(-2));
2417                        jQuery(".rowcounter-promotion"+boxid+" .fsui-min").html(('0' +minutes).slice(-2));
2418                        jQuery(".rowcounter-promotion"+boxid+" .fsui-sec").html(('0' +seconds).slice(-2));
2419                        if (distance < 0) {
2420                            clearInterval(asx);
2421                        }
2422                    }, 1000);
2423                }else{
2424                    clearInterval(asx);
2425                }
2426            }
2427        </script>
2427
2428                                                                            </div>
2429                <div id="section-footer">
2430                    <style>.menuCol {
2431    width: 100% !important;
2432    padding-right: 15px;
2433    padding-left: 15px;
2434}
2435</style><style>
2436        .subscribeInput {
2437            display: block !important;
2438        }
2439        @media  only screen and (max-width: 768px) {
2440        .fieldSubscribe {
2441                line-height: 10px !important;
2442        }
2443    }
2444</style>
2445<footer class="footer02 footerZone">
2446            <div id="footer-area">
2447            <div class="container">
2448                <div class="row">
2449                    <div class="col-12 col-sm-4">
2450                        <div class="row">
2451                            <div class="col-12">
2452                                                                    <div style="margin-bottom:10px;">
2453                                        <div class="wordWrapFooterHtml footer-mb-mobile">
2454    <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: Itim; font-size: 26px;" data-mce-style="font-family: Itim; font-size: 26px;"><span style="color: #ff6600;" data-mce-style="color: #ff6600;">CONTACT</span> <span style="color: #343434;" data-mce-style="color: #343434;">US</span></span></div><div style="text-align: left;" data-mce-style="text-align: left;"><br></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-family: Itim; font-size: 18px; color: #343434;" data-mce-style="font-family: Itim; font-size: 18px; color: #343434;"><span class="fas fa-map-marker-alt mceNonEditable" style="vertical-align: middle; color: #ff9900; font-size: 20px;" data-mce-style="vertical-align: middle; color: #ff9900; font-size: 20px;" contenteditable="false">&nbsp;</span>&nbsp;9 moo 1 T.kamkuenkaew Siridhon Ubon Thailand &nbsp;34350&nbsp;</span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-family: Itim; font-size: 18px; color: #343434;" data-mce-style="font-family: Itim; font-size: 18px; color: #343434;"><span style="color: #ff6600;" data-mce-style="color: #ff6600;"><strong><span class="fas fa-phone mceNonEditable" style="vertical-align: middle; color: #d5a6bd; font-size: 22px;" data-mce-style="vertical-align: middle; color: #d5a6bd; font-size: 22px;" contenteditable="false">&nbsp;</span>&nbsp;&nbsp;:</strong></span> 083-2743757&nbsp;</span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-family: Itim; font-size: 18px; color: #343434;" data-mce-style="font-family: Itim; font-size: 18px; color: #343434;"><span style="color: #ff6600;" data-mce-style="color: #ff6600;"><strong><span class="fas fa-globe mceNonEditable" style="vertical-align: middle; color: #4a86e8; font-size: 22px;" data-mce-style="vertical-align: middle; color: #4a86e8; font-size: 22px;" contenteditable="false">&nbsp;</span>&nbsp;&nbsp;:</strong></span>&nbsp;<a href="mailto:[email protected]" data-mce-href="mailto:[email protected]">[email protected]</a></span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-family: Itim; font-size: 18px; color: #343434;" data-mce-style="font-family: Itim; font-size: 18px; color: #343434;"><span style="color: #ff6600;" data-mce-style="color: #ff6600;"><strong><span class="fab fa-line mceNonEditable" style="vertical-align: middle; color: #6aa84f; font-size: 22px;" data-mce-style="vertical-align: middle; color: #6aa84f; font-size: 22px;" contenteditable="false">&nbsp;</span>&nbsp;&nbsp;:</strong></span>&nbsp;@L2BTRAVEL</span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-family: Itim; font-size: 18px; color: #343434;" data-mce-style="font-family: Itim; font-size: 18px; color: #343434;"><span style="color: #ff6600;" data-mce-style="color: #ff6600;"><strong><span style="color: #ff0000;" data-mce-style="color: #ff0000;">TAT LICENSE</span> :</strong> </span>51-00600</span></div></div>                                    </div>
2455                                                            </div>
2456                        </div>
2457                        <div class="row">
2458                            <div class="col-12">
2459                                                            </div>
2460                        </div>
2461                        <div class="row">
2462                            <div class="col-12">
2463                                                            </div>
2464                        </div>
2465                        <!-- <div class="row">
2466                            <div class="col-12">
2467                                                            <div class="divFooterLine">
2468                                                            </div>
2469                                                    </div>
2470                        </div> -->
2471                    </div>
2472                    <div class="col-12 col-sm-4">
2473                        <div class="row">
2474                            <div class="col-12">
2475                                                            </div>
2476                        </div>
2477                    </div>
2478                    <div class="col-12 col-sm-4">
2479                        <div class="row">
2480                            <div class="col-12">
2481                                                                        <div class="fb-page" data-href="https://www.facebook.com/l2btravel"
2482                 data-width="300"
2483                               data-height="300"
2484                           data-tabs="timeline,"
2485         data-hide-cover="false"
2486         data-show-facepile="true"
2487         data-hide-cta="false"
2488         data-small-header="false"
2489         data-adapt-container-width="true"
2490                  > 
2491    </div>
2492    <!--<blockquote cite="https://www.facebook.com/l2btravel" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/l2btravel">Page</a></blockquote>-->
2493                                                            </div>
2494                        </div>
2495                    </div>
2496                </div>
2497            </div>
2498        </div>
2499                    <div id="footer-bar">
2500            <div class="container">
2501                                    <div class="row">
2502                        <div class="col-12">
2503                            <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: Raleway; font-size: 14px; color: rgb(255, 255, 255);" data-mce-style="font-family: Raleway; font-size: 14px; color: #ffffff;">Copy right by makewebeasy.com</span></div>                        </div>
2504                    </div>
2505                                                    <div class="row" style="text-align: center;" id='statcounter'>
2506                             <style>#stabox{
2507    display: block; 
2508    border: 1px solid #E5E5E5; 
2509    background: #ffffff;
2510}
2511
2512#tableStat{
2513    width: 100%; 
2514    border-spacing: 0; 
2515    border-collapse: collapse; 
2516    border-bottom: 1px solid #e5e5e5;
2517}
2518
2519#tableTdLStat{
2520    width: 50%; 
2521    text-align: center; 
2522    padding: 10px; 
2523    border-right: 1px solid #e5e5e5;
2524}
2525
2526#tableTdRStat{
2527    width: 50%; 
2528    text-align: center; 
2529    padding: 10px;
2530}
2531
2532.numInStat{
2533    font-size: 24px; 
2534    color: #242424;
2535    font-family:Open Sans;
2536}
2537
2538.txtInStat{
2539    font-size: 14px; 
2540    color: #636363;
2541    font-family:Open Sans;
2542}
2543
2544#divTotalStat{
2545    display: block; 
2546    text-align: center; 
2547    padding: 10px;
2548}
2549#boxstatfadeOnFooter{
2550    display: table; 
2551    border: 1px solid #E5E5E5;
2552    background: #ffffff; 
2553    margin: 0 auto;
2554    padding: 2px;
2555}
2556.staboxFooter{
2557    display: table;
2558    width: 170px;
2559}
2560.staboxTxtFooter{
2561    padding-left: 5px; 
2562    font-size: 14px; 
2563    color: #636363; 
2564    font-family:Open Sans; 
2565    float: left;
2566}
2567.staboxNumFooter{
2568    padding-right: 5px;
2569    font-size: 14px;
2570    color: #242424; 
2571    font-family:Open Sans; 
2572    float: right;
2573    font-weight: bold;
2574}</style><div id="boxstatfadeOnFooter">
2575    <div id="staboxFooterA" class="staboxFooter">
2576        <span class="staboxTxtFooter">ผู้เข้าชมทั้งหมด</span>
2577        <span class="staboxNumFooter">2,621,837</span>
2578    </div>
2579    <div id="staboxFooterB" class="staboxFooter">
2580        <span class="staboxTxtFooter">ผู้เข้าชมวันนี้</span>
2581        <span class="staboxNumFooter">1</span>
2582    </div>
2583    <div id="staboxFooterC" class="staboxFooter">
2584        <span class="staboxTxtFooter">ผู้เข้าชมขณะนี้</span>
2585        <span class="staboxNumFooter">23</span>
2586    </div>
2587</div>
2588<script>
2589    
2590    jQuery(document).ready(function() {
2591        jQuery('#boxstatfadeOnFooter .staboxFooter:gt(0)').hide();
2592        setInterval(function(){
2593            jQuery('#boxstatfadeOnFooter > div:first-child').hide().next('.staboxFooter').fadeIn().end().appendTo('#boxstatfadeOnFooter');
2594        },5000);
2595    });
2596    
2597</script>
2597                    </div>
2598                            </div>
2599        </div>
2600    </footer>
2601
2602
2603                </div>
2604                                    <div id="section-engine" style="font-size: 12px; font-family: 'Tahoma' !important; ">
2605                        Powered by
2606                        <a style="font-size: 12px; font-family: 'Tahoma' !important;" class="spanMWE" href="https://www.makewebeasy.com/th" target="_blank" title="ทำเว็บฟรี สร้างเว็บฟรี เว็บฟรี เว็บไซต์ฟรี">MakeWebEasy.com</a>
2607                    </div>
2608                
2609                                    <div class="widget_cart_fix_display "></div>
2610                            </div>
2611                                </div>
2612
2613        <!-- cookie consent-->
2614        
2615<div class="policy-position">
2616    <div class="wrap-con">
2617        <div class="container">
2618            <div class="row pad-row-pdpa policy-container">
2619                <div class="col-12 col-md-9 col-lg-9">
2620                    <span class="txt-pdconsent">เว็บไซต์นี้มีการใช้งานคุกกี้ เพื่อเพิ่มประสิทธิภาพและประสบการณ์ที่ดีในการใช้งานเว็บไซต์ของท่าน  ท่านสามารถอ่านรายละเอียดเพิ่มเติมได้ที่                        <a class="" href="/privacy-policy" target="_blank">นโยบายความเป็นส่วนตัว</a>
2621                        &nbsp;และ&nbsp;                        <a class="" href="/cookies-policy" target="_blank">นโยบายคุกกี้</a>
2622                    </span>
2623                </div>
2624                <div class="col-12 col-md-3 col-lg-3 colbtn">
2625                    <button class="btnAcceptPd btn btn-style " type="button" id="btn_setting_cookie">ตั้งค่าคุกกี้</button>
2626                    <button class="btnAcceptPd btn btn-style" type="button" id="btnAcceptPd">ยอมรับทั้งหมด</button>
2627                </div>
2628            </div>
2629        </div>
2630    </div>
2631</div>        
2632        
2632<script type="text/javascript">
2633            var plugins = {};
2634                            plugins['fontawesome'] = {'isEnable': false};
2635                            plugins['hamburgers'] = {'isEnable': true};
2636                            plugins['imagesloaded'] = {'isEnable': false};
2637                            plugins['magnificpopup'] = {'isEnable': true};
2638                            plugins['masonry'] = {'isEnable': true};
2639                            plugins['owlcarousel'] = {'isEnable': true};
2640                            plugins['perfectscrollbar'] = {'isEnable': true};
2641                            plugins['scrollposstyler'] = {'isEnable': false};
2642                            plugins['style_mwe'] = {'isEnable': false};
2643                            plugins['all'] = {'isEnable': false};
2644                            plugins['circularloading'] = {'isEnable': true};
2645                            plugins['customerjs'] = {'isEnable': false};
2646                            plugins['customerstyle'] = {'isEnable': false};
2647                            plugins['font'] = {'isEnable': false};
2648                            plugins['fullcalendar'] = {'isEnable': true};
2649                            plugins['homebox_eventcalendar'] = {'isEnable': true};
2650                            plugins['page_calendar'] = {'isEnable': true};
2651                            plugins['page_faq'] = {'isEnable': true};
2652                            plugins['themesystem'] = {'isEnable': false};
2653                    </script>
2653
2654        <!-- JS Main -->
2655                
2655<script src="https://cloud.makewebstatic.com/makeweb/prod/js/scrollPosStyler.min.js?v=202012190947"></script>
2655
2656        
2656<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.flexslider-min.js?v=202604291000"></script>
2656
2657        
2657<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.zoom.js?v=202604291000"></script>
2657
2658        
2658<script src="https://cloud.makewebstatic.com/makeweb/prod/js/social-buttons.min.js?v=202604291000"></script>
2658
2659        
2659<script src="https://cloud.makewebstatic.com/makeweb/prod/js/popper.min.js?v=202604291000"></script>
2659
2660        
2660<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js?v=202604291000" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
2660
2661        
2661<script src="https://cloud.makewebstatic.com/makeweb/prod/js/formValidation.min.js?v=202604291000"></script>
2661
2662        
2662<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap.min.js?v=202604291000"></script>
2662
2663        
2663<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=202604291000"></script>
2663
2664        
2664<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-datetimepicker.min.js?v=202604291000"></script>
2664
2665        
2665<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-checkbox.min.js?v=202604291000"></script>
2665
2666        
2666<script src="https://cloud.makewebstatic.com/makeweb/prod/js/backtotop.min.js?v=202604291000"></script>
2666
2667        
2667<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootbox.min.js?v=202102081700"></script>
2667
2668        
2668<script src="https://cloud.makewebstatic.com/makeweb/prod/js/simplepagination.min.js?v=202604291000"></script>
2668
2669        
2669<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-toggle.min.js?v=202604291000"></script>
2669
2670        
2670<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-context.min.js?v=202604291000"></script>
2670
2671        
2671<script src="https://cloud.makewebstatic.com/makeweb/prod/js/spectrum.min.js?v=202604291000"></script>
2671
2672        
2672<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-select.min.js?v=202604291000"></script>
2672
2673        
2673<script>var lang = "th";</script>
2673
2674        
2674<script src="https://cloud.makewebstatic.com/makeweb/prod/js/modernizr.min.js?v=202604291000"></script>
2674
2675        
2675<script src="https://cloud.makewebstatic.com/makeweb/prod/js/rellax_new_min.js?v=202604291000"></script>
2675
2676                <!-- JS Page -->
2677        
2677<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=0"></script>
2677<script src="https://cloud.makewebstatic.com/makeweb/prod/js/fullcalendar.min.js?v=0"></script>
2677<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel.min.js?v=202001111111"></script>
2677<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel2.thumbs.min.js?v=202001111111"></script>
2677<script src="https://cloud.makewebstatic.com/makeweb/prod/js/perfect-scrollbar.jquery.min.js?v=0"></script>
2677<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.magnific-popup.min.js?v=202012190947"></script>
2677<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/masonry.pkgd.min.js?v=0"></script>
2677        <!-- JS Main -->
2678                
2678<script defer src="https://cloud.makewebstatic.com/makeweb/prod/js/all.min.js?v=1"></script>
2678
2679                
2679<script type="text/javascript" src="/include/customer/customer.js?v=202510071324"></script>
2679
2680        
2680<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/hideShowPassword.min.js?v=202604291000"></script>
2680
2681                <!-- Script CustomerPage -->
2682                <!-- Script Body -->
2683        
2683<script type="text/javascript">
2684            $(document).ready(function () {
2685                if (
2686                    navigator.platform == 'iPhone' ||
2687                    navigator.platform == 'iPod' ||
2688                    navigator.platform == 'iPad' ||
2689                    (navigator.platform == 'MacIntel' && navigator.maxTouchPoints != 0)
2690                ) {
2691                    var $body = $('body');
2692                    var bg_attachment = $body.css('background-attachment');
2693                    if (bg_attachment == 'fixed') {
2694                        var bg_size = $body.css('background-size');
2695                        if (bg_size == 'auto') {
2696                            var bg_img = $body.css('background-image');
2697                            var bg_repeat = $body.css('background-repeat');
2698                            $bodyBG = $('<div class="pseudo-body-bg"></div>');
2699                            $bodyBG.css('width', '100vw');
2700                            $bodyBG.css('height', '100vh');
2701                            $bodyBG.css('position', 'fixed');
2702                            $bodyBG.css('top', '0');
2703                            $bodyBG.css('left', '0');
2704                            $bodyBG.css('background-image', bg_img);
2705                            $bodyBG.css('background-repeat', bg_repeat);
2706                            $bodyBG.css('z-index', '-99');
2707                            $body.prepend($bodyBG);
2708
2709                        } else if (bg_size == 'cover') {
2710                            var bg_img = $body.css('background-image');
2711                            var bg_repeat = $body.css('background-repeat');
2712                            var bg_pos = $body.css('background-position');
2713                            var bg_size = $body.css('background-size');
2714                            $bodyBG = $('<div class="pseudo-body-bg"></div>');
2715                            $bodyBG.css('width', '100vw');
2716                            $bodyBG.css('height', '100vh');
2717                            $bodyBG.css('position', 'fixed');
2718                            $bodyBG.css('top', '0');
2719                            $bodyBG.css('left', '0');
2720                            $bodyBG.css('background-image', bg_img);
2721                            $bodyBG.css('background-repeat', bg_repeat);
2722                            $bodyBG.css('background-position', bg_pos);
2723                            $bodyBG.css('background-size', bg_size);
2724                            $bodyBG.css('-webkit-background-size', bg_size);
2725                            $bodyBG.css('-moz-background-size', bg_size);
2726                            $bodyBG.css('-o-background-size', bg_size);
2727                            $bodyBG.css('z-index', '-99');
2728                            $body.prepend($bodyBG);
2729                        }
2730                    }
2731                }
2732            });
2733        </script>
2733
2734        <!-- Script Rellax -->
2735        
2735<script type="text/javascript">
2736            if (document.getElementsByClassName("rellax").length > 0) {
2737                if (!navigator.userAgent.match(/SamsungBrowser/i) && Modernizr.csstransforms) {
2738                    var rellax = new Rellax('.rellax', {
2739                        speed: -4,
2740                        round: true
2741                    });
2742                } else {
2743                    $(document).ready(function () {
2744                        $('.rellax-view').each(function (index) {
2745                            var $rellax = $(this).find('>.rellax');
2746                            var bg_img = $rellax.css('background-image');
2747                            var bg_repeat = $rellax.css('background-repeat');
2748                            var bg_xpos = $rellax.css('background-position-x');
2749                            var bg_ypos = $rellax.css('background-position-y');
2750                            var bg_size = $rellax.css('background-size');
2751                            $(this).css({
2752                                'background-image': bg_img,
2753                                'background-repeat': bg_repeat,
2754                                'background-position-x': bg_xpos,
2755                                'background-position-y': bg_ypos,
2756                                '-webkit-background-size': bg_size,
2757                                '-moz-background-size': bg_repeat,
2758                                '-o-background-size': bg_repeat,
2759                                'background-size': bg_repeat,
2760                            }).addClass('rellax-not-support');
2761                            $rellax.remove();
2762                        });
2763                    });
2764                }
2765            }
2766        </script>
2766
2767        <!-- Script Slide -->
2768                <!-- Script WidgetCart -->
2769                    
2769<script>
2770                drawWidgetCartFix();
2771            </script>
2771
2772        
2773        <!-- Script MWEAds -->
2774        
2774<script>
2775            // $("#divMWEAds").on("click", function (e) {
2776            //     var aNode = e.target.nodeName;
2777            //     if (aNode !== "B") {
2778            //         window.open('https://www.makewebeasy.com');
2779            //     }
2780            // });
2781        </script>
2781
2782        <!-- Script FB -->
2783        
2784    
2784<script>
2785        (function (d, s, id) {
2786            var lang = "th_TH";
2787            var js, fjs = d.getElementsByTagName(s)[0];
2788            if (d.getElementById(id))
2789                return;
2790            js = d.createElement(s);
2791            js.id = id;
2792            js.async = true;
2793                js.src = "https://connect.facebook.net/" + lang + "/sdk.js#xfbml=1&version=v21.0&appId=2269529606640671";
2794            fjs.parentNode.insertBefore(js, fjs);
2795        }(document, "script", "facebook-jssdk"));
2796    </script>
2796
2797        <!-- Script Embed -->
2798                <!-- Script More -->
2799        
2799<script type="text/javascript">
2800            function myFunctionincount(id, gid, page, homid, place, local, pagetype) {
2801                if (id !== '' && page !== '' && local !== '') {
2802                    jQuery.ajax({
2803                        type: 'POST',
2804                        url: '/customer/banner/store.php',
2805                        data: {
2806                            bnid: id,
2807                            gid: gid,
2808                            page: page,
2809                            home: homid,
2810                            place: place,
2811                            local: local,
2812                            pagetype: pagetype
2813                        },
2814                        success: function (returnData) {
2815                            if (returnData != '') {
2816                                console.log(returnData);
2817                            }
2818                        }
2819                    });
2820                }
2821            }
2822            $(function () {
2823                $('a[href*="#"]:not([href="#"])').click(function () {
2824                    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
2825                        var target = $(this.hash);
2826                        target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
2827                        if (target.length) {
2828                            disable_scroll();
2829                            $('html,body').animate({
2830                                scrollTop: target.offset().top
2831                            }, 'slow', function () {
2832                                enable_scroll();
2833                            });
2834                            return false;
2835                        }
2836                    }
2837                });
2838            });
2839            function preventDefault(e) {
2840                e = e || window.event;
2841                if (e.preventDefault)
2842                    e.preventDefault();
2843                e.returnValue = false;
2844            }
2845            function wheel(e) {
2846                preventDefault(e);
2847            }
2848            function disable_scroll() {
2849                if (window.addEventListener) {
2850                    window.addEventListener('DOMMouseScroll', wheel, false);
2851                }
2852                window.onmousewheel = document.onmousewheel = wheel;
2853            }
2854            function enable_scroll() {
2855                if (window.removeEventListener) {
2856                    window.removeEventListener('DOMMouseScroll', wheel, false);
2857                }
2858                window.onmousewheel = document.onmousewheel = null;
2859            }
2860
2861                        $(function () {
2862                $('#whatsappIcon').click(function () {
2863                    let toggle = $(this).data("toggle");
2864                    if (toggle == 0) {
2865                        $("#whatsappDialog").css({"opacity": "1", "pointer-events": "all", "visibility": "visible", "touch-action": "auto", "margin-bottom": "96px"});
2866                        let date = new Date();
2867                        $('.whatsappTime').html(("0" + date.getHours()).slice(-2)+':'+("0" + date.getMinutes()).slice(-2));
2868                        $(this).data("toggle", 1);
2869                    } else {
2870                        $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"});
2871                        $(this).data("toggle", 0);
2872                    }
2873                });
2874                $('.whatsappBtnCancel').click(function () {
2875                    $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"});
2876                    $('#whatsappDialog').data("toggle", 0);
2877                });
2878            });
2879        </script>
2879
2880        
2880<script type="text/javascript">
2881            // Img LazyLoad
2882            document.addEventListener("DOMContentLoaded", function() {
2883                var lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));
2884                if ("IntersectionObserver" in window) {
2885                    let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
2886                        entries.forEach(function(entry) {
2887                            if (entry.isIntersecting) {
2888                                let lazyImage = entry.target;
2889                                lazyImage.src = lazyImage.dataset.src;
2890                                lazyImage.classList.remove("lazy");
2891                                lazyImageObserver.unobserve(lazyImage);
2892                            }
2893                        });
2894                    });
2895
2896                    lazyImages.forEach(function(lazyImage) {
2897                        lazyImageObserver.observe(lazyImage);
2898                    });
2899                } else {
2900                    // Possibly fall back to a more compatible method here
2901                    lazyImages.forEach(function(lazyImage) {
2902                        lazyImage.src = lazyImage.dataset.src;
2903                        lazyImage.classList.remove("lazy");
2904                    });
2905                }
2906            });
2907            // Iframe LazyLoad
2908            document.addEventListener("DOMContentLoaded", function() {
2909                var lazyIframes = [].slice.call(document.querySelectorAll("iframe.lazy"));
2910                if ("IntersectionObserver" in window) {
2911                    let lazyIframeObserver = new IntersectionObserver(function(entries, observer) {
2912                        entries.forEach(function(entry) {
2913                            if (entry.isIntersecting) {
2914                                let lazyIframe = entry.target;
2915                                lazyIframe.src = lazyIframe.dataset.src;
2916                                lazyIframe.classList.remove("lazy");
2917                                lazyIframeObserver.unobserve(lazyIframe);
2918                            }
2919                        });
2920                    });
2921
2922                    lazyIframes.forEach(function(lazyIframe) {
2923                        lazyIframeObserver.observe(lazyIframe);
2924                    });
2925                } else {
2926                    lazyIframes.forEach(function(lazyIframe) {
2927                        lazyIframe.src = lazyIframe.dataset.src;
2928                        lazyIframe.classList.remove("lazy");
2929                    });
2930                }
2931            });
2932        </script>
2932
2933        
2933<script type="text/javascript">
2934            // Img Opacity
2935            (function ($) {
2936                "use strict";
2937                $.fn.visible = function (partial) {
2938                    if (typeof ($(this).offset()) !== 'undefined') {
2939                        var $t = $(this),
2940                                $w = $(window),
2941                                viewTop = $w.scrollTop(),
2942                                viewBottom = viewTop + $w.height(),
2943                                _top = $t.offset().top,
2944                                _bottom = _top + $t.height(),
2945                                compareTop = partial === true ? _bottom : _top,
2946                                compareBottom = partial === true ? _top : _bottom;
2947                        return (((compareBottom <= viewBottom) && (compareTop >= viewTop)) || ((compareBottom <= viewBottom) && (compareTop >= viewTop)));
2948                    }
2949                };
2950                jQuery(window).ready(function ($) {
2951                    var bkWindow = jQuery(window), bkthumbnail = [], bkthumbnailfooter = [];
2952                    //bkRatingBars = $('.bk-overlay').find('.bk-zero-trigger'),
2953
2954                    jQuery('body img').not('.imgLineWidget').imagesLoaded(function () {
2955                        bkthumbnail = $('#section-content').find('img:not(.zoomImg)');
2956                        bkthumbnailfooter = $('#section-footer').find('img:not(.zoomImg)');
2957                    }).progress(function (instance, image) {
2958                        var result = image.isLoaded ? 'loaded' : 'broken';
2959                        if (($(image.img).visible(true)) && ($(image.img).css('opacity') == 0)) {
2960                            $(image.img).css('opacity', '1');
2961                        }
2962                        if ($(image.img).hasClass("infoThumbProduct") || $(image.img).attr("id") == "compareProductDisplay" || $(image.img).hasClass("fill")) {
2963                            $(image.img).css('opacity', '1');
2964                        }
2965                        if ($(image.img).closest(".owl-item").length > 0) {
2966                            $(image.img).css('opacity', '1');
2967                            var height = $(image.img).height();
2968                            $(image.img).css("height", height);
2969                        }
2970                    });
2971                    bkWindow.scroll(function (event) {
2972                        $.each(bkthumbnail, function (i, value) {
2973                            var bkValue = $(value);
2974                            if ((bkValue.visible(true)) && (bkValue.css('opacity') == 0) && !bkValue.hasClass('lazy')) {
2975                                bkValue.css('opacity', '1');
2976                            }
2977                        });
2978                        $.each(bkthumbnailfooter, function (i, value) {
2979                            var bkValueft = $(value);
2980                            if ((bkValueft.visible(true)) && (bkValueft.css('opacity') == 0) && !bkValueft.hasClass('lazy')) {
2981                                bkValueft.css('opacity', '1');
2982                            }
2983                        });
2984                    });
2985                });
2986            })(jQuery);
2987        </script>
2987
2988        
2989        
2989<script type="text/javascript">
2990            $(function () {
2991                $('a[href^="tel:"], a[href^="Tel:"]').click(function () {
2992                    clickConversion('call');
2993                });
2994                $('a[href*="line.me"], a[href*="lin.ee"]').click(function () {
2995                    if($(this).hasClass('LineSocialPD')) return;
2996                    clickConversion('line');
2997                });
2998                $('a[href*="instagram.com"]').click(function () {
2999                    clickConversion('instagrams');
3000                })
3001                $('a[href*="facebook.com"], a[href*="fb.me"]').click(function () {
3002                    if($(this).hasClass('facebookSocialPD')) return;
3003                    clickConversion('facebook');
3004                })
3005            });
3006            function clickConversion(snippetType, value = null, transectionId = null) {
3007                            }
3008        </script>
3008
3009
3010        
3011        <!-- Script Schema -->
3012                <style> 
3013            @media (max-width: 992px){
3014                .widget-overlay .fb-customerchat span iframe , 
3015                .widget-overlay .fb_dialog .fb_dialog_content iframe , 
3016                .widget-overlay .fb_dialog_mobile .fb_dialog_content iframe,
3017                .widget-overlay iframe.fb_mpn_mobile_landing_page_slide_up { 
3018                    bottom: 70px !important 
3019                }
3020                #toTop.widget-to-top {
3021                    bottom :  150px !important;
3022                }
3023                #unknown{
3024                    bottom : 60px !important;
3025                }
3026            }
3027            .fb_new_ui_mobile_overlay_active {
3028                overflow: auto !important;
3029            }
3030        </style>
3031
3032        
3033    </body>
3034</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.