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