PageSourceSearch

https://www.matsumotokiyoshi.co.th/product/44278-39706/mk-zigzag-toothbrush-soft

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