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"> <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> </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> <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"> <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> </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> <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;"> ศูà¸à¸¢à¹à¸£à¸§à¸¡à¸à¸·à¹à¸à¸à¸£à¸°à¹à¸à¸·à¹à¸à¸à¸¢à¸²à¸ SPC à¸à¸µà¹à¸à¸¥à¸´à¸à¸à¸²à¸à¸§à¸±à¸ªà¸à¸¸à¸à¸¸à¸à¸ าà¸à¸à¸µ มีà¸à¸§à¸²à¸¡à¹à¸à¹à¸à¹à¸£à¸à¸à¸à¸à¸²à¸ à¹à¸¥à¸°à¸à¸²à¸¢à¸¸à¸à¸²à¸£à¹à¸à¹à¸à¸²à¸à¸¢à¸²à¸§à¸à¸²à¸ à¸à¸²à¸à¸´ à¸à¸·à¹à¸à¹à¸¡à¹à¸¥à¸²à¸¡à¸´à¹à¸à¸ à¸à¸£à¸°à¹à¸à¸·à¹à¸à¸ SPC à¸à¸£à¸°à¹à¸à¸·à¹à¸à¸à¸¢à¸²à¸à¸à¸¹à¸à¸·à¹à¸ à¸à¸£à¸°à¹à¸à¸·à¹à¸à¸à¸¢à¸²à¸à¹à¸à¸à¸¡à¹à¸§à¸ à¸à¸£à¸°à¹à¸à¸·à¹à¸à¸à¸¢à¸²à¸à¸¥à¸²à¸¢à¹à¸¡à¹ à¸à¸£à¸°à¹à¸à¸·à¹à¸à¸à¹à¸à¸£à¸à¸´à¸à¹à¸à¹ à¸à¸·à¹à¸à¹à¸¡à¹à¸ªà¸³à¹à¸£à¹à¸à¸£à¸¹à¸ หà¸à¹à¸²à¹à¸à¸µà¸¢à¸¡ à¹à¸¥à¸°à¸à¸·à¹à¸ ๠à¸à¸µà¸à¸¡à¸²à¸à¸¡à¸²à¸¢ ภายà¹à¸à¹à¹à¸à¸§à¸à¸´à¸ <em><span style="font-family: Kanit_Medium, Tahoma;" data-mce-style="font-family: Kanit_Medium, Tahoma;">âà¹à¸£à¸²à¸à¸³à¹à¸«à¹à¸à¹à¸²à¸...à¹à¸à¹à¸à¸¡à¸²à¸à¸à¸§à¹à¸²à¸à¹à¸²à¸â</span></em> <br><br> à¹à¸£à¸²à¸à¸¶à¸à¸à¸±à¸à¸ªà¸£à¸£à¹à¸à¸à¸²à¸°à¸à¸·à¹à¸à¸à¸£à¸°à¹à¸à¸·à¹à¸à¸à¸¢à¸²à¸ à¸à¸µà¹à¸¡à¸µà¸à¸¸à¸à¸ าà¸à¸£à¸°à¸à¸±à¸à¸¡à¸²à¸à¸£à¸à¸²à¸à¸ªà¸²à¸à¸¥ à¸à¸£à¹à¸à¸¡à¸à¸£à¸´à¸à¸²à¸£à¸à¸´à¸à¸à¸±à¹à¸à¹à¸à¸¢à¸à¸µà¸¡à¸à¹à¸²à¸à¸à¸¹à¹à¹à¸à¸µà¹à¸¢à¸§à¸à¸²à¸à¸¡à¸²à¸à¸à¸§à¹à¸² 15 à¸à¸µ à¸à¸²à¸£à¸±à¸à¸à¸µà¸à¸¥à¸à¸²à¸à¹à¸à¹à¸à¸£à¸à¸à¸²à¸£à¸à¹à¸²à¸ ๠à¸à¸±à¹à¸à¸ าà¸à¸£à¸±à¸à¹à¸¥à¸°à¹à¸à¸à¸à¸ หลาà¸à¸«à¸¥à¸²à¸¢à¹à¸à¸£à¸à¸à¸²à¸£à¸à¸±à¹à¸§à¸à¸£à¸°à¹à¸à¸¨<br><br> à¹à¸£à¸²à¸¢à¸´à¸à¸à¸µà¹à¸«à¹à¸à¸³à¸à¸£à¸¶à¸à¸©à¸² à¹à¸à¸·à¹à¸à¹à¸«à¹à¸¡à¸±à¹à¸à¹à¸à¸§à¹à¸²à¸à¸¸à¸à¸à¸°à¹à¸à¹à¸£à¸±à¸à¸à¸£à¸°à¹à¸à¸·à¹à¸à¸à¸¢à¸²à¸à¸à¸¹à¸à¸·à¹à¸à¸à¸µà¹à¸¡à¸µà¸à¸¸à¸à¸ าภà¹à¸¥à¸°à¸à¸£à¸à¸à¸±à¸à¸à¸§à¸²à¸¡à¸à¹à¸à¸à¸à¸²à¸£à¸¡à¸²à¸à¸à¸µà¹à¸ªà¸¸à¸</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 "> </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 "> </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 "> </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 "> </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 "> </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 "> </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 "> </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 "> </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 = '/category';" 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 = '/gallery/5273';" 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;">à¸à¸´à¸à¸à¸±à¹à¸à¸à¹à¸²à¸¢ à¸à¸à¸à¸²à¸à¸£à¸§à¸à¹à¸£à¹à¸§ <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;">à¸à¸±à¸à¸ªà¸£à¸£à¹à¸à¸à¸²à¸°à¸à¸£à¸°à¹à¸à¸·à¹à¸à¸à¸¢à¸²à¸à¸à¸¹à¸à¸·à¹à¸à¸à¸¸à¸à¸ าà¸à¸ªà¸¹à¸ </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;">มีà¸à¸·à¹à¸à¸à¸£à¸°à¹à¸à¸·à¹à¸à¸à¸¢à¸²à¸à¹à¸«à¹à¹à¸¥à¸·à¸à¸à¸«à¸¥à¸²à¸à¸«à¸¥à¸²à¸¢ </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> </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> <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 à¹à¸¥à¸° <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.