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