PageSourceSearch

https://www.khothai.net/privacy-policy

html khothai.net collected 2026-10-03 01:56:36 UTC 185,531 bytes, 3,049 lines download raw bytes

1<!doctype html>
2<html lang="th-TH">
3    <head>
4        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
5        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6        <meta name="description" content="" />
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>&nbsp; &nbsp; ข้อมูลส่วนบุคคล หมายถึงข้อมูลเกี่ยวกับบุคคลซึ่งสามารถระบุตัวบุคคลนั้นได้ไม่ว่าทางตรงหรือทางอ้อม&nbsp;โดยที่เรานั้นได้รวบรวมข้อมูลส่วนบุคคลในกรณีที่จำเป็นและใช้ข้อมูลเท่านั้น</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>&nbsp; &nbsp;&nbsp;3.1 เก็บรวบรวมข้อมูลส่วนบุคคลจากท่านโดยตรง</p>
2356        <p>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;- เมื่อท่านสมัครสมาชิก โดยการกรอกข้อมูลต่าง ๆ ในแบบฟอร์ม ไม่ว่าในรูปแบบเอกสาร ผ่านเว็บไซต์ สื่อสังคมออนไลน์ หรือทางช่องทางใด ๆ<br />&nbsp; &nbsp; &nbsp; &nbsp; - เมื่อท่านสั่งซื้อสินค้าและบริการ<br />&nbsp; &nbsp; &nbsp; &nbsp; - เมื่อท่านกรอกข้อมูลผ่านแบบฟอร์ม<br />&nbsp; &nbsp; &nbsp; &nbsp; - เมื่อท่านกรอกข้อมูลผ่านกระทู้เว็บบอร์ด<br />&nbsp; &nbsp; &nbsp; &nbsp; - เมื่อท่านติดต่อสื่อสาร สอบถามข้อมูล ให้ความเห็นหรือคำแนะนำแก่สินค้าและบริการของเรา<br />&nbsp; &nbsp; &nbsp; &nbsp; - เมื่อท่านเลือกรับข่าวสารหรือสื่อประชาสัมพันธ์จากเรา</p>
2357        <p>&nbsp; &nbsp; 3.2 เก็บรวบรวมข้อมูลส่วนบุคคลโดยอัตโนมัติ<br />&nbsp; &nbsp; &nbsp; &nbsp; -&nbsp; เมื่อท่านเข้าชมหรือใช้บริการเว็บไซต์ที่มีการใช้คุกกี้ (Cookies) หรือเทคโนโลยีที่มีลักษณะคล้ายคลึงกันเพื่อเก็บรวบรวมข้อมูลทางเทคนิคเกี่ยวกับรายละเอียดการใช้งานของท่าน<br />&nbsp; &nbsp; &nbsp; &nbsp; - ข้อมูลที่ได้รับจากการใช้บริการ และข้อมูลที่เกี่ยวข้องกับการใช้บริการ เช่น ข้อมูลอุปกรณ์ที่เข้าใช้งานบริการ (IP Address &amp; MAC Address)</p>
2358        <p>&nbsp; &nbsp; 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>&nbsp; &nbsp; เราอาจแชร์ข้อมูลที่ไม่ระบุตัวตนของท่านสู่สาธารณะ หรือ พาร์ทเนอร์ หรือเพื่อจุดประสงค์ทางการตลาด การวิเคราะห์ประสิทธิภาพของเว็บไซต์ และการดำเนินงาน การส่งเสริมการขาย หรือเพื่อแสดงเทรนด์เกี่ยวกับการใช้สินค้าและบริการของเราà¹
2416‚ดยทั่วไป</p>
2417        <p><span style="line-height: 1;"><strong>6. การเปิดเผยข้อมูลส่วนบุคคล ต่อบุคคลภายนอก</strong></span></p>
2418        <p>โดยเราอาจเปิดเผยข้อมูลส่วนบุคคลเท่าที่จำเป็นให้แก่หน่วยงานหรือบุคคลภายนอกภายใต้ความยินยอมของเจ้าของข้อมูลส่วนบุคคลนั้น เว้นแต่จะได้กระทำภายในกรอบที่กฎหมายให้อำนาจไว้</p>
2419        <p>&nbsp; &nbsp; 1. ผู้ให้บริการด้านการขนส่ง<br />&nbsp; &nbsp; 2. ผู้ให้บริการด้านการชำระเงิน<br />&nbsp; &nbsp; 3. ผู้ให้บริการด้านการวิเคราะห์ข้อมูล การทำวิจัยเพื่อทำการตลาด <br />&nbsp; &nbsp; 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>กรณีที่ผู้ใช้ต้องการลบบัญชีผู้ใช้งาน สามารถแจ้งเราเพื่อร้องขอการลบบัญชีผู้ใช้งานได้ตลอดเวลา โดยการส่งอีเมลมาที่&nbsp;[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">&nbsp;<br></div><div style="text-align: center;" data-mce-style="text-align: center;">&nbsp;<br></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 16px;" data-mce-style="font-size: 16px;"><strong><span style="color: #000000;" data-mce-style="color: #000000;">
2503จัดทำโดยศูนย์สารสนเทศ&nbsp;โครงการส่งน้ำและบำรุงรักษาสุโขทัย</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&nbsp; กระทรวงเกษตรและสหกรณ์</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;">&nbsp;</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 &nbsp;:&nbsp;0 5564 1799<br>Fax :&nbsp;0 5564 1927</span></strong></span></div><div>&nbsp;<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>&nbsp;</span></strong><br></span></span></div><div style="text-align: center;" data-mce-style="text-align: center;">&nbsp;<br></div><div style="text-align: center;" data-mce-style="text-align: center;"><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;">&nbsp;</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                        &nbsp;และ&nbsp;                        <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.