PageSourceSearch

https://www.iddecoration.com/

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