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;">à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸² </span></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;"><br></div><div style="text-align: center;" data-mce-style="text-align: center;"> <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 </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;"> </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"> </span><span style="font-family: Itim; font-size: 18px;" data-mce-style="font-family: Itim; font-size: 18px;">สำà¸à¸±à¸à¸à¸²à¸ à¸à¸µà¹à¸à¸±à¹à¸ 9 หมู๠1 à¸.à¸à¸³à¹à¸à¸·à¹à¸à¸à¹à¸à¹à¸§ à¸.สิริà¸à¸à¸£ à¸.à¸à¸¸à¸à¸¥à¸£à¸²à¸à¸à¸²à¸à¸µ 34350 </span><br></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 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"> </span> à¸à¸´à¸à¸à¹à¸ 083-2743757 </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"> </span> 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"> </span> FACEBOOK : <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"> </span> 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;"> <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;"> <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"> </span> 9 moo 1 T.kamkuenkaew Siridhon Ubon Thailand 34350 </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"> </span> :</strong></span> 083-2743757 </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"> </span> :</strong></span> <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"> </span> :</strong></span> @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 à¹à¸¥à¸° <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.