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