PageSourceSearch

https://www.koffeetools.com/cart

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