PageSourceSearch

https://www.jk-green.com/product/41118-45933/%E0%B9%81%E0%B8%9C%E0…0%B8%A8%E0%B8%99%E0%B8%B2%E0%B9%82%E0%B8%99

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