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