PageSourceSearch

https://www.mumnungfarm.com/about-us

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