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" /> 8 <meta name="Keywords" content="ลูà¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸², ลูà¹à¸§à¸´à¹à¸, à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¸à¸à¸³à¸¥à¸±à¸à¸à¸²à¸¢, mega fitness, megamax, mega ลูà¹à¸§à¸´à¹à¸,à¹à¸à¸£à¸·à¹à¸à¸à¸¢à¸à¸à¹à¸³à¸«à¸à¸±à¸,smithmachine,homegym,à¹à¸®à¸¡à¸¢à¸´à¸¡,สมิà¸à¹à¸¡à¸à¸à¸µà¸" /> 9 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 10 <meta name="apple-mobile-web-app-capable" content="yes"> 11 <!-- facebook --> 12 <meta property="fb:app_id" content="247654985728313" /> 13 <meta property="og:type" content="website" /> 14 15 <meta property="og:title" content="megamaxfitness" /> 16 <meta property="og:image" content="https://image.makewebcdn.com/makeweb/m_1200x600/xxNrjRVJP/DefaultData/logo_1.png" /> 17 <meta property="og:description" content="à¹à¸¥à¸·à¸à¸à¸à¸·à¹à¸à¸¥à¸¹à¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸² ลูà¹à¸§à¸´à¹à¸à¹à¸à¹à¹à¸à¸à¹à¸²à¸ ลูà¹à¸§à¸´à¹à¸à¸à¸´à¸à¹à¸à¸ª à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¸à¸à¸³à¸¥à¸±à¸à¸à¸²à¸¢ สมิà¸à¹à¸¡à¸à¸à¸µà¸ à¹à¸¥à¸°à¹à¸®à¸¡à¸¢à¸´à¸¡ ราà¸à¸²à¸à¸²à¸à¹à¸£à¸à¸à¸²à¸à¸à¸à¸¥à¸à¸à¸ªà¸´à¸à¸à¹à¸²à¹à¸à¹à¸à¸µà¹à¸ªà¸²à¸à¸² à¸à¸±à¸à¸ªà¹à¸à¸à¸±à¹à¸§à¸à¸£à¸°à¹à¸à¸¨ 18" /> 19 <meta property="og:url" content="https://www.megamaxfitness.com/contact" /> 20 <meta property="og:site_name" content="megamaxfitness.com" /> 21 <!-- twitter --> 22 <meta name="twitter:card" content="summary_large_image"> 23 <meta name="twitter:site" content="megamaxfitness.com"> 24 <meta name="twitter:title" content="megamaxfitness"> 25 <meta name="twitter:description" content="à¹à¸¥à¸·à¸à¸à¸à¸·à¹à¸à¸¥à¸¹à¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸² ลูà¹à¸§à¸´à¹à¸à¹à¸à¹à¹à¸à¸à¹à¸²à¸ ลูà¹à¸§à¸´à¹à¸à¸à¸´à¸à¹à¸à¸ª à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¸à¸à¸³à¸¥à¸±à¸à¸à¸²à¸¢ สมิà¸à¹à¸¡à¸à¸à¸µà¸ à¹à¸¥à¸°à¹à¸®à¸¡à¸¢à¸´à¸¡ ราà¸à¸²à¸à¸²à¸à¹à¸£à¸à¸à¸²à¸à¸à¸à¸¥à¸à¸à¸ªà¸´à¸à¸à¹à¸²à¹à¸à¹à¸à¸µà¹à¸ªà¸²à¸à¸² à¸à¸±à¸à¸ªà¹à¸à¸à¸±à¹à¸§à¸à¸£à¸°à¹à¸à¸¨ 26"> 27 <meta name="twitter:image" content=""> 28 <meta name="twitter:domain" content="https://www.megamaxfitness.com/contact"> 29 <!-- google --> 30 <meta name="google-site-verification" content="9mupkkeaEuJwJ3gnJtKWn1FvGeDfuTMfU1w6qSQAA2g" /> <meta name="generator" content="MakeWebEasy" /> 31 <!-- Phone number--> 32 <meta name="format-detection" content="telephone=no"> 33 <link rel="alternate" href="https://www.megamaxfitness.com/contact" hreflang="x-default" /> 34 35 <link rel="canonical" href="https://www.megamaxfitness.com/contact" /> 36 37 <link rel="apple-touch-icon" sizes="32x32" href="/customer/include/favicon.ico?v=202604291000" /> 38 <link rel="shortcut icon" href="/customer/include/favicon.ico?v=202604291000" type="image/x-icon" /> 39 <link rel="icon" href="/customer/include/favicon.ico?v=202604291000" type="image/x-icon" /> 40 41 <!-- CSS Main --> 42 <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" /> 43 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.
43com/makeweb/prod/css/font.min.css?v=202101271138" /> 44 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/bootstrap.min.css" /> 45 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe.css?v=202508081425" /> 46 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe2.css?v=202508081425" /> 47 <!-- CSS Page --> 48 <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 --> 49 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/all.min.css?v=202310021145" /> 50 <!-- byAir --> 51 <!-- <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.min.css?v=202306151430" /> --> 52 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.css?v=20261008111452" /> 53 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system2.css?v=202306151430" /> 54 <link rel="stylesheet" type="text/css" href="/customer-css/style_xxNrjRVJP.min.css?v=1791423799" /> 55 56 <title>megamaxfitness</title> 57 58 <!-- JS Main --> 59
59<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js?v=202604291000" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
59 60
60<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/imagesloaded.min.js?v=1"></script>
60 61
61<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/vue@2_6_11.js?v=202604291000"></script>
61 62
62<script type="text/javascript" src="https://www.instagram.com/embed.js" async="true"></script>
62 63 <!-- JS Page --> 64 <!-- Script Embed --> 65 <!-- Google Tag Manager -->
66<script>
vendor: 331 bytes, lines 66-70
66(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 67new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 68j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 69'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 70})(window,document,'script','dataLayer','
70GTM-TQ8F8GH
vendor: 3 bytes, line 70
70');
70</script>
70 71<!-- End Google Tag Manager --> 72 73<meta name="facebook-domain-verification" content="v6kyq9anvx8tsazhjh9ii1narqs77a" /><!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 73-74
73 74<script async src="https://www.googletagmanager.com/gtag/js?id=
74G-5RQ4GQYTWV
vendor: 13 bytes, line 74
74"></script>
75<script> 76
vendor: 138 bytes, lines 76-80
76window.dataLayer = window.dataLayer || []; 77 function gtag(){dataLayer.push(arguments);} 78 gtag('js', new Date()); 79 80 gtag('config', '
80G-5RQ4GQYTWV
vendor: 5 bytes, line 80
80');
81</script>
81 82<!-- Facebook Pixel Code -->
83<script>
vendor: 426 bytes, lines 83-92
83 84 !function(f,b,e,v,n,t,s) 85 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 86 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 87 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 88 n.queue=[];t=b.createElement(e);t.async=!0; 89 t.src=v;s=b.getElementsByTagName(e)[0]; 90 s.parentNode.insertBefore(t,s)}(window, document,'script', 91 'https://connect.facebook.net/en_US/fbevents.js'); 92 fbq('init', '
921675061649400898
vendor: 34 bytes, lines 92-93
92'); 93 fbq('track', 'PageView');
94</script>
94 95<noscript><img height="1" width="1" style="display:none" 96 src="https://www.facebook.com/tr?id=1675061649400898&ev=PageView&noscript=1" 97/></noscript> 98<!-- End Facebook Pixel Code --><!-- TikTok Pixel Code Start -->
99<script> 100!function (w, d, t) { 101 w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for( 102var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script") 103;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)}; 104 105 106 ttq.load('D3LJVQ3C77U8AFC9OI7G'); 107 ttq.page(); 108}(window, document, 'ttq'); 109</script>
109 110<!-- TikTok Pixel Code End --><!-- Global site tag (gtag.js) - Google Ads: 302885587 -->
vendor: 64 bytes, lines 110-111
110 111<script async src="https://www.googletagmanager.com/gtag/js?id=
111AW-302885587
vendor: 12 bytes, line 111
111"></script>
112<script> 113
vendor: 134 bytes, lines 113-117
113window.dataLayer = window.dataLayer || []; 114 function gtag(){dataLayer.push(arguments);} 115 gtag('js', new Date()); 116 117 gtag('config', '
117AW-302885587
vendor: 4 bytes, line 117
117');
118</script>
118 119 120 <style> 121 #divMWEAds .mweColor{ 122 color: #28bee3; 123 } 124 125 /* #divMWEAds .webFreeColor{ 126 color: #ffffff; 127 background-color: #28bee3; 128 } */ 129 130 .webFreeColor { background-color: #28bee3; border-color: #24BEE2; color: #FFFFFF; border-radius: 20px;width: 148px; height: 36px; line-height: normal;} 131 .webFreeColor:hover, 132 .webFreeColor.active { 133 background-color: #09A1E0; border-color: #1EA7C7; color: #FFFFFF; 134} 135 </style> 136 </head> 137 <body> 138 <!-- Script Embed --> 139 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 139-140
139 140<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
140GTM-TQ8F8GH
vendor: 85 bytes, lines 140-141
140" 141height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
142<!-- End Google Tag Manager (noscript) --> 143 144 <!--
144<script> 145 </script>
145 --> 146 <style type="text/css"> 147 .pagination>li>a, .pagination>li>span { 148 font-size: 14px; 149 color: inherit; 150 } 151 .dropdown.areacontext.open{ 152 z-index: 1001 !important; 153 } 154 .table-responsive table { 155 margin-bottom: 20px; 156 white-space: nowrap; 157 } 158 @media only screen and (min-width: 1200px) { 159 .table-responsive table { 160 white-space: normal; 161 } 162 } 163 @media only screen and (min-width: 1200px) { 164 .section-container > .slimScrollDiv { 165 display: none; 166 } 167 } 168 a[data-mce-href] { 169 font-size: inherit; 170 font-family: inherit; 171 /*color: inherit;*/ 172 } 173 /* areacontext menu */ 174 .areacontext { 175 border: 1px solid rgb(9,10,12); 176 } 177 .areacontext .btn-primary { 178 background: #373e44!important; 179 color: #FFF!important; 180 border-color: #23292f!important; 181 padding: 1px 5px; 182 display: block; 183 } 184 .areacontext > div { 185 font-family: Open Sans !important; 186 font-size: 12px !important; 187 } 188 .areacontext ul.dropdown-menu { 189 border-radius: 0px !important; 190 background: #373E44 !important; 191 margin-top: 0px !important; 192 border: 1px solid rgb(9,10,12); 193 padding: 0px !important; 194 min-width: 100px !important; 195 transform: translate3d(-1px, 20px, 0px) !important; 196 } 197 .areacontext ul.dropdown-menu > li > a { 198 font-family: "Helvetica Neue",Helvetica,Tahoma !important; 199 font-size: 12px !important; 200 color: rgb(145, 159, 174) !important; 201 padding: 3px 5px !important; 202 display: block; 203 } 204 .areacontext ul.dropdown-menu > li > a:hover { 205 background: #262D33 !important; 206 color: #FFF !important; 207 text-decoration: none; 208 } 209 /* addition */ 210 /* facebook like box */ 211 .fb-like.fb_iframe_widget > span > iframe{ 212 max-width:none!important 213 } 214 /* img in table */ 215 table img { 216 max-width:initial!important; 217 } 218 /* iframe */ 219 iframe { 220 max-width:100%; 221 } 222 /* pagination */ 223 .pagination>li>a,.pagination>li>span{ 224 font-size:14px;color:inherit 225 } 226 /* table */ 227 .table-responsive table { 228 margin-bottom:20px; 229 white-space:nowrap; 230 } 231 @media only screen and (min-width: 1200px){ 232 .table-responsive table{ 233 white-space:normal 234 } 235 } 236 /* img width and rendering */ 237 div#section-content img:not(.fill), 238 div#section-footer img:not(.fill) { 239 overflow:hidden; 240 opacity:0; 241 -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out; 242 transition:opacity .3s ease-in-out,transform .3s ease-in-out; 243 max-width:100%; 244 } 245 @media (max-width: 768px) { 246 body { 247 max-width: 100vw; 248 } 249 } 250 /* force show img */ 251 .map_outter img { 252 opacity: 1 !important; 253 } 254 /* link in tinymce */ 255 a[data-mce-href] { 256 font-size: inherit; 257 font-family: inherit; 258 } 259 /* top layout */ 260 nav > #top-area > .container-fluid { 261 padding-left: 8px; 262 padding-right: 8px; 263 } 264 nav > #top-area > .row { 265 margin: 0; 266 } 267 nav > #top-area > .row > .col { 268 padding: 0; 269 } 270 .navbar-link { 271 display: inline-block; 272 padding: 8px; 273 border: none; 274 margin: 8px 0px; 275 vertical-align: middle; 276 line-height: 1; 277 } 278 /*.navbar-fa { 279 width: 24px !important; 280 height: 24px !important; 281 }*/ 282 .navbar-toggler-icon { 283 margin: 0; 284 padding: 0; 285 } 286 .dropdown > .dropdown-toggle > svg { 287 transition: all 300ms ease; 288 -webkit-transition: all 300ms ease; 289 -o-transition: all 300ms ease; 290 -ms-transition: all 300ms ease; 291 } 292 .dropdown.show > .dropdown-toggle > svg { 293 transform: rotate(180deg); 294 -webkit-transform: rotate(180deg); 295 -moz-transform: rotate(180deg); 296 -o-transform: rotate(180deg); 297 } 298 .dropdown-menu > li > .dropdown-toggle > svg { 299 transition: all 300ms ease; 300 -webkit-transition: all 300ms ease; 301 -o-transition: all 300ms ease; 302 -ms-transition: all 300ms ease; 303 } 304 .dropdown-menu > li.show > .dropdown-toggle > svg { 305 transform: rotate(90deg); 306 -webkit-transform: rotate(90deg); 307 -moz-transform: rotate(90deg); 308 -o-transform: rotate(90deg); 309 } 310 /* cart widget */ 311 nav span.fa-layers.fa-fw > i.navbar-fa + span.fa-layers-counter { 312 display: none; 313 } 314 nav span.fa-layers.fa-fw > svg.navbar-fa + span.fa-layers-counter { 315 -webkit-transform: scale(0.75) !important; 316 transform: scale(0.75) !important; 317 top: -75%; 318 right: auto; 319 left: 50%; 320 -webkit-transform-origin: top center; 321 transform-origin: top center; 322 display: inline-block; 323 } 324 /* list style */ 325 ul { 326 margin-bottom: 0 !important; 327 } 328 li { 329 /* list-style: none;*/ 330 } 331 /* hide caret */ 332 .dropdown-toggle::after{ 333 display:none!important; 334 } 335 /* social widget */ 336 .social-widget { 337 display: inline-block; 338 } 339 .social-widget a { 340 font-size: 30px; 341 width: 30px; 342 height: 30px; 343 min-width: 30px; 344 min-height: 30px; 345 } 346 @media (min-width: 401px) { 347 .social-widget a { 348 font-size: 36px; 349 width: 36px; 350 height: 36px; 351 min-width: 36px; 352 min-height: 36px; 353 } 354 } 355 .social-widget a svg.fa-twitter { 356 margin-right: -1px !important; 357 } 358 .social-widget a svg.fa-instagram { 359 margin-right: 2px !important; 360 } 361 .social-widget a svg.fa-google-plus-g { 362 margin-right: -6px !important; 363 } 364 .social-widget a svg.fa-youtube { 365 margin-right: -3px !important; 366 } 367 /* vertical align text widget */ 368 .navbar-text { 369 line-height: 150%; 370 vertical-align: middle; 371 min-height: 50px; 372 } 373 @media (min-width: 401px) { 374 .navbar-text { 375 min-height: 56px; 376 } 377 } 378 </style> 379 380 <!--// ! ------------arrow scroll to top --> 381 <a href="javascript:void(0);" id="toTop" class="back-to-top " style="display: none; width: 45px !important; height: 45px !important; z-index: 55;">
382 <span class="fa-stack" style="font-size: 22px;"> 383 <i class="fas fa-circle fa-stack-2x" style="color: #2b2a2a;"></i> 384 <i class="fas fa-arrow-up fa-stack-1x fa-inverse" style="color: #ffffff;"></i> 385 </span> 386 </a> 387 388 <!-- //! facebook messager --> 389 <div class="section-container"> 390 <!-- BoxLoading --> 391 <div class="boxLoading" id="boxLoading"> 392 <div class="loader"> 393 <svg class="circular" viewBox="25 25 50 50"> 394 <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"></circle> 395 </svg> 396 </div> 397 </div> 398 399 <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_standard"></div> 400<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_popup"></div> 401<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_coupon"></div> 402
403<script type="text/javascript"> 404 405 function showModalBS(isClose, path, size) { 406 if (size == 'small') { 407 var siz = 'sm'; 408 } else if (size == 'medium') { 409 var siz = 'md'; 410 } else if (size == 'large') { 411 var siz = 'lg'; 412 } else if (size == 'full') { 413 var siz = 'full'; 414 } else if (size == 'cartlogin') { 415 var siz = 'modalCartLogin'; 416 } else if (size === 'addToCartGroupProduct') { 417 var siz = 'groupProduct modal-dialog-centered' 418 } else if (size === 'addToCart') { 419 var siz = 'addToCart modal-dialog-centered' 420 } else if (size === 'medium-center') { 421 var siz = 'md modal-dialog-centered' 422 } else { 423 var siz = 'md'; 424 } 425 426 if (isClose == 1) { 427 var backdrop = true; 428 } else if (isClose == 0) { 429 var backdrop = 'static'; 430 } else { 431 var backdrop = true; 432 } 433 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>'); 434 jQuery('#modal_standard').modal({ 435 backdrop: backdrop, 436 // remote: path, 437 show: true, 438 keyboard: true 439 }); 440 jQuery('#modal_standard').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 441 }); 442 } 443 444 function showModalPopup(isClose, path) { 445 if (isClose == 1) { 446 var backdrop = true; 447 } else if (isClose == 0) { 448 var backdrop = 'static'; 449 } else { 450 var backdrop = true; 451 } 452 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>'); 453 jQuery('#modal_popup').modal({ 454 backdrop: backdrop, 455 // remote: path, 456 show: true, 457 keyboard: true 458 }); 459 jQuery('#modal_popup').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 460 }); 461 } 462 463 function showModalCouponBS(path) { 464 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>'); 465 jQuery('#modal_coupon').modal({ 466 backdrop: true, 467 // remote: path, 468 show: true, 469 keyboard: true 470 }); 471 jQuery('#modal_coupon').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 472 }); 473 } 474 475</script>
475 <div class="disabled-filter"></div> 476 <div class="section-body "> 477 <div id="section-header" class="sps sps--abv"> 478 479<style type="text/css"> 480 @media only screen and (min-width: 1025px){ 481 .headerMobile { 482 display: none !important; 483 } 484 .navbar-toggler { 485 display: none !important; 486 } 487 .navbar-expand-xl .navbar-collapse { 488 display: flex !important; 489 flex-basis: auto; 490 } 491 .navbar-expand-xl .navbar-nav { 492 flex-direction: row; 493 } 494 .navbar-expand-xl .navbar-nav .nav-link { 495 padding-right: 0.5rem; 496 padding-left: 0.5rem; 497 } 498 /* sticky */ 499 .headerDesktop nav #top-sticky { 500 transition: transform 450ms; 501 -webkit-transition: transform 450ms; 502 -moz-transition: transform 450ms; 503 -o-transition: transform 450ms; 504 } 505 .sps--abv .headerDesktop nav #top-sticky { 506 position: relative; 507 transform: translate3d(0, 0, 0); 508 -webkit-transform: translate3d(0, 0, 0); 509 -moz-transform: translate3d(0, 0, 0); 510 -ms-transform: translate3d(0, 0, 0); 511 } 512 .sps--abv .headerDesktop nav #top-mb { 513 margin-bottom: 0; 514 } 515 .sps--abv .headerDesktop nav #top-sticky #cart{ 516 display: none !important; 517 } 518 .sps--blw .headerDesktop nav #top-sticky { 519 position: fixed; 520 top: -56px; 521 left: 0; 522 right: 0; 523 z-index: 1000; 524 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 525 -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 526 -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 527 transform: translate3d(0, 56px, 0); 528 -webkit-transform: translate3d(0, 56px, 0); 529 -moz-transform: translate3d(0, 56px, 0); 530 -ms-transform: translate3d(0, 56px, 0); 531 } 532 .sps--blw .headerDesktop nav #top-mb { 533 padding-bottom: 56px; 534 } 535 536 .sps--blw .headerDesktop nav #top-sticky #cart{ 537 display: inline-flex !important 538 } 539 540 } 541 @media (max-width: 1024px){ 542 .headerDesktop { 543 display: none !important; 544 } 545 /* sticky */ 546 .sps--abv .headerMobile nav #top-sticky { 547 position: static; 548 } 549 .sps--abv .headerMobile nav #top-mb { 550 margin-bottom: 0; 551 } 552 .sps--blw .headerMobile nav #top-sticky { 553 position: fixed; 554 top: 0; 555 left: 0; 556 right: 0; 557 z-index: 1000; 558 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 559 -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 560 -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 561 } 562 .sps--blw .headerMobile nav #top-mb { 563 margin-bottom: 56px; 564 } 565 .icoMember ,#iconsMember{ 566 display: none; 567 } 568 ul.navbar-topmenu.navbar-nav .arrowCollapse{ 569 transition: transform .3s ease 0s; 570 } 571 ul.navbar-topmenu.navbar-nav .arrowCollapse > svg{ 572 transition: transform .3s ease 0s; 573 } 574 } 575 .sb { 576 visibility: visible; 577 /*position: absolute; 578 top: 0; 579 left: 0; 580 right: 0; 581 bottom: 0; 582 583 opacity: 1; 584 z-index: 999; 585 padding: 0 16px; 586 /*margin: 0 16px;*/ 587 } 588 .sb > input { 589 /*width: calc(100% - 39px); 590 border-top: 0; 591 border-left: 0; 592 border-right: 0; 593 border-bottom: 2px solid #FFF; 594 background: #333 !important; 595 padding: 6px; 596 color: #FFF; 597 vertical-align: middle;*/ 598 } 599 .sb > input::placeholder { 600 color: #333; 601 } 602 .sb > input:focus { 603 outline: none; 604 } 605 .aCloseSearchIcon { 606 height: 36px; 607 padding: 6px 12px; 608 } 609 #top-sticky > div { 610 position: relative; 611 } 612 div.headerMobile{ 613 position: relative; 614 z-index: 56; 615 } 616 #divMWEAds { 617 bottom: unset; 618 width: 100vw !important; 619 background: #fff; 620 color: #000; 621 } 622 #divMWEAds:hover { 623 background: #fff; 624 } 625 #topZone { 626 padding-top: 0px; 627 } 628 .marginBot { 629 margin-bottom: 0px; 630 } 631 632 .headerMobile #divMWEAds { 633 font-family: 'DB Heavent' !important; 634 font-size:21px; 635 z-index:999999; 636 } 637 .headerMobile #divMWEAds a { 638 font-size: 20px; 639 font-family: 'DB Heavent' !important; 640 font-weight: bold; 641 } 642 @media only screen and (max-width: 400px) { 643 .headerMobile #divMWEAds { 644 font-size:16px; 645 } 646 #divMWEAds img { 647 max-height: 25px; 648 max-width: 25px; 649 } 650 .headerMobile #divMWEAds a { 651 font-size: 16px; 652 } 653 } 654</style> 655<div class="headerDesktop"> 656 <style type="text/css"> 657 @media (min-width: 1025px) { 658 .navbar-brand { 659 font-size: 24px !important; 660 border: none !important; 661 padding: 0; 662 margin: auto; 663 } 664 .navbar-text{ 665 min-height: 24px; 666 } 667 .text-truncate{ 668 width: 100%; 669 } 670 .text-truncate p{ 671 margin-bottom: 0; 672 line-height: 24px; 673 } 674 #logotop{ 675 margin: 5px 0; 676 min-height: 50px; 677 } 678 #menutop{ 679 margin: 10px 10px 10px 0 !important; 680 } 681 .topwidget-menu{ 682 margin: 0 !important; 683 } 684 .cart-nav{ 685 margin-top: 0 !important; 686 } 687 .sps--blw #top-sticky #logotop{ 688 /* display: none !important; */ 689 } 690 .sps--blw #top-sticky #logotop .img-logo { 691 width: auto; 692 max-height: 50px; 693 } 694 .sps--blw #top-sticky #logotop .img-logo { 695 width: auto; 696 max-height: 50px; 697 } 698 #top-sticky #cart2{ 699 display: none !important; 700 } 701 .sps--blw #top-sticky #cart2{ 702 display: inline-flex !important; 703 } 704 } 705</style> 706<nav id="topZone" class="navbar-expand-xl"> 707 <div id="top-bar"> 708 <div id="top-mb"> 709 <div class="container-fluid"> 710 <div class="row align-items-center justify-content-end"> 711 712 <div class="col-lg-auto"> 713 <div id="toptext" class="hoverOverlay d-inline-flex align-middle my-1"> 714 <div class="navbar-text text-truncate text-right py-1"> 715 <a data-mce-href="https://www.megamaxfitness.com/contact" href="https://www.megamaxfitness.com/contact"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/xxNrjRVJP/DefaultData/line_1.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/xxNrjRVJP/DefaultData/line_1.png" width="147" height="36"></a> </div> 716 </div> 717 <div id="cart" class="hoverOverlay d-inline-flex align-middle my-1"> 718 <style type="text/css"> 719 .cart-nav{ 720 margin: 0; 721 } 722</style> 723 724 725 726<a class="navbar-link cart-nav" href="/cart"> 727 <span class="fa-layers fa-fw navbar-fa2"> 728 <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i>
729 <span class="widgetCartNumber d-none">0</span> 730 </span> 731</a> 732 </div> 733 <div id="languagetab" class="hoverOverlay d-inline-flex align-middle my-1"> 734 <style type="text/css"> 735 .headerDesktop .topwidget-lang .dropdown-menu.dropdown-menu-right.show{ 736 padding: 0; 737 border-radius: .25rem; 738 transform: translate3d(0px, 40px, 0px) !important; 739 } 740 .headerDesktop .topwidget-lang ul, .topwidget-lang li { 741 min-width: 1px; 742 border-radius: 0; 743 } 744 .headerMobile .topwidget-lang { 745 } 746 .headerMobile .topwidget-lang ul, .topwidget-lang li { 747 min-width: 1px; 748 width: 100%; 749 border-radius: 0; 750 } 751 .headerDesktop .topwidget-lang #chooseLanguage{ 752 line-height: 24px; 753 } 754 .flag-icon{ 755 box-shadow : 0px 0px 2px 0px rgb(0 0 0 / 25%); 756 } 757</style> 758<div class="topwidget-lang"> 759 <ul class="navbar-nav"> 760 <li class="nav-item dropdown"> 761 <a data-toggle="dropdown" class="dropdown-toggle aLanguage nav-link" id="chooseLanguage" href="javascript:void(0)"> 762 <i class="flag-icon flag-icon-th"></i> 763 TH </a> 764 </li> 765 </ul> 766</div> </div> 767 </div> 768 </div> 769 </div> 770 </div> 771 </div> 772 773 <div id="top-area"> 774 <div id="top-sticky"> 775 <div class="container-fluid"> 776 <div class="collapse topSearchBar"> 777 <div class="topSearchBarInner"> 778 <div class="input-group mb-3"> 779 <input type="text" class="form-control textStringSearchTopWidget" placeholder="à¹à¸ªà¹à¸à¸³à¸à¹à¸à¸«à¸²à¸à¸à¸à¸à¸¸à¸..."> 780 <div class="input-group-append"> 781 <button class="btn border-left-0 rounded-right btn-outline-secondary btnSearchTopWidget" type="button"><i class="fas fa-search"></i></button> 782 </div> 783 </div> 784 </div> 785 </div> 786 <div class="row no-gutters "> 787 <div class="col col-lg d-lg-inline-flex"> 788 <div id="logotop" class="hoverOverlay d-inline-flex align-middle"> 789 <span class="navbar-brand"> 790 <a href="/" style="text-decoration: none;"> 791 <style> 792 @media (min-width: 1025px){ 793 .img-logo { 794 } 795 } 796 </style> 797 <img src="https://image.makewebcdn.com/makeweb/m_1920x0/xxNrjRVJP/DefaultData/logo_1.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/> 798 </a> 799 </span> 800 </div> 801 </div> 802 <div class="col-12 col-lg-auto d-lg-inline-flex align-items-center"> 803 <div id="menutop" class="hoverOverlay d-inline-flex"> 804 <div class="collapse navbar-collapse"> 805 <style type="text/css"> 806 .topwidget-menu .navbar-nav .dropdown-menu { 807 padding: 0; 808 margin: 0; 809 } 810 .topwidget-menu .navbar-nav .dropdown-menu.hidden { 811 visibility: hidden; 812 } 813 /*PC hack to hover*/ 814 @media (min-width: 1025px) { 815 ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{ 816 display:block !important; 817 } 818 ul.navbar-topmenu.navbar-nav > li.nav-item >
818 ul.dropdown-menu li:hover > .dropdown-menu{ 819 display:block !important; 820 } 821 ul.navbar-topmenu.navbar-nav ul{ 822 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 823 } 824 .topwidget-menu { 825 margin: 10px; 826 } 827 ul.dropdown-menu.dropdown-menu-right{ 828 left: unset; 829 right:0; 830 } 831 .dropdownfix-menu-right { 832 right:100% !important; 833 left:auto !important; 834 } 835 .public-topmenu .dropdown-menu-right .fa-chevron-right { 836 transform: rotate(180deg); 837 left: 0; 838 position: absolute; 839 top: 12px; 840 } 841 .public-topmenu .dropdown-menu-right .fa-chevron-down{ 842 transform: rotate(90deg); 843 left: 0; 844 position: absolute; 845 top: 12px; 846 } 847 .more.hidden{ 848 display:none; 849 } 850 .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{ 851 transform: rotate(-90deg); 852 } 853 ul.navbar-topmenu.navbar-nav > li.nav-item ul{ 854 position: absolute; 855 } 856 .public-topmenu .topmenuLg{ 857 border-right:none !important; 858 } 859 } 860 /* tablet*/ 861 @media only screen and (min-width: 768px) and (max-width: 1112px) { 862 ul.navbar-topmenu.navbar-nav ul{ 863 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 864 } 865 } 866 /*mobile tablet*/ 867 @media only screen and (max-width: 1024px) { 868 869 ul.navbar-topmenu .abl1 .arrowCollapse, 870 ul.navbar-topmenu .abl2 .arrowCollapse{ 871 position: absolute; 872 right: 20px !important; 873 top: 25%; 874 text-align: center; 875 height: 16px; 876 } 877 ul.navbar-topmenu.navbar-nav a{ 878 text-align: center !important; 879 white-space: normal; 880 } 881 ul.navbar-topmenu.navbar-nav .fa-chevron-down{ 882 position:unset; transition: all .3s ease 0s; 883 -ms-transition: all .3s ease 0s; 884 -webkit-transition: all .3s ease 0s; 885 -moz-transition: all .3s ease 0s; 886 } 887 ul.navbar-topmenu.navbar-nav .fa-chevron-right{ 888 position:unset; transform: rotate(90deg); 889 transition: all .3s ease 0s; 890 -ms-transition: all .3s ease 0s; 891 -webkit-transition: all .3s ease 0s; 892 -moz-transition: all .3s ease 0s; 893 /* width: 15px; 894 height: 15px; */ 895 } 896 897 ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{ 898 right: 12px; 899 top: 27%; 900 } 901 902 ul.navbar-topmenu.navbar-nav a{ 903 word-wrap: break-word; 904 } 905 ul.navbar-topmenu.navbar-nav .more{ 906 display:none !important; 907 } 908 .public-topmenu .dropdown.show > a > .arrowCollapse{ 909 transform: rotate(180deg); 910 -ms-transform: rotate(180deg); 911 -webkit-transform: rotate(180deg); 912 -moz-transform: rotate(180deg); 913 } 914 .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{ 915 transform: rotate(270deg); 916 -ms-transform: rotate(270deg); 917 -webkit-transform: rotate(270deg); 918 -moz-transform: rotate(270deg); 919 } 920 .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{ 921 transform: rotate(270deg); 922 -ms-transform: rotate(270deg); 923 -webkit-transform: rotate(270deg); 924 -moz-transform: rotate(270deg); 925 } 926 ul.navbar-topmenu.navbar-nav > li > ul > li > a { 927 padding-left: 30px !important; 928 } 929 ul.navbar-topmenu.navbar-nav ul ul a { 930 padding-left: 45px !important; 931 } 932 } 933</style> 934<div class="topwidget-menu"> 935 <ul class="navbar-nav navbar-topmenu public-topmenu"> 936 <li class="nav-item "> 937 <a class="nav-link abl1" data-onhome="home" href="/" target="_self"> 938 หà¸à¹à¸²à¹à¸£à¸ </a> 939 </li> 940 <li class="nav-item dropdown "> 941 <a class="nav-link abl1" href="javascript:void(0);" target="_self" style="position: relative;"> 942 สิà¸à¸à¹à¸² <sp
942an class="arrowCollapse"> 943 <i class="fal fa-chevron-down"></i> 944 </span> 945 </a> 946 <ul class="dropdown-menu"> 947 <li> 948 <a class="nav-link dropdown-item abl2" href="/ลูà¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸²" target="_self"> 949 ลูà¹à¸§à¸´à¹à¸ ลูà¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸² </a> 950 </li> 951 <li> 952 <a class="nav-link dropdown-item abl2" href="/smith" target="_self"> 953 สมิà¸à¹à¸¡à¸à¸à¸µà¸ à¹à¸®à¸¡à¸¢à¸´à¸¡ </a> 954 </li> 955 <li> 956 <a class="nav-link dropdown-item abl2" href="/cycling" target="_self"> 957 à¸à¸±à¸à¸£à¸¢à¸²à¸ à¹à¸à¸£à¸·à¹à¸à¸à¹à¸à¸´à¸à¸§à¸à¸£à¸µ </a> 958 </li> 959 <li> 960 <a class="nav-link dropdown-item abl2" href="/fitness-gym" target="_self"> 961 สิà¸à¸à¹à¸² สำหรัภGym </a> 962 </li> 963 <li> 964 <a class="nav-link dropdown-item abl2" href="/items" target="_blank"> 965 สิà¸à¸à¹à¸²à¸à¸±à¹à¸à¸«à¸¡à¸ </a> 966 </li> 967 </ul> 968 </li> 969 <li class="nav-item "> 970 <a class="nav-link abl1" id="topmenuonpage" href="/contact" target="_self"> 971 สà¸à¸à¸à¸²à¸¡à¸«à¸£à¸·à¸à¸ªà¸±à¹à¸à¸à¸·à¹à¸ </a> 972 </li> 973 <li class="nav-item "> 974 <a class="nav-link abl1" href="/faq" target="_self"> 975 FAQ à¸à¸³à¸à¸²à¸¡à¸à¸µà¹à¸à¸à¸à¹à¸à¸¢ </a> 976 </li> 977 <li class="nav-item "> 978 <a class="nav-link abl1" href="/aboutus" target="_self"> 979 à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸² </a> 980 </li> 981 <li class="nav-item "> 982 <a class="nav-link abl1" href="/categorycontent" target="_self"> 983 à¸à¸à¸à¸§à¸²à¸¡ </a> 984 </li> 985 <li class="nav-item "> 986 <a class="nav-link abl1" href="/branch" target="_self"> 987 สาà¸à¸² </a> 988 </li> 989 <li class="nav-item "> 990 <a class="nav-link abl1" href="/fitness-gym" target="_blank"> 991 หà¹à¸à¸à¸à¸´à¸à¹à¸à¸ª à¹à¸à¹à¸£à¸à¹à¸£à¸¡ à¸à¸à¸à¹à¸ หมูà¹à¸à¹à¸²à¸ สà¹à¸§à¸à¸à¸¥à¸²à¸ สà¹à¸¡à¸ªà¸£ </a> 992 </li> 993 <li class="nav-item "> 994 <a class="nav-link abl1" href="http://m.facebook.com/megamaxfitness" target="_blank"> 995 Facebook Fanpage </a> 996 </li> 997 <li class="nav-item dropdown "> 998 <a class="nav-link abl1" href="javascript:void(0);" target="_self" style="position: relative;"> 999 วิà¸à¸´à¹à¸ <sp
999an class="arrowCollapse"> 1000 <i class="fal fa-chevron-down"></i> 1001 </span> 1002 </a> 1003 <ul class="dropdown-menu"> 1004 <li> 1005 <a class="nav-link dropdown-item abl2" href="https://www.facebook.com/MEGAMAXFITNESS/videos" target="_blank"> 1006 Facebook วิà¸à¸´à¹à¸ </a> 1007 </li> 1008 <li> 1009 <a class="nav-link dropdown-item abl2" href="http://www.youtube.com/@MEGAMAXFITNESSCOM" target="_blank"> 1010 Youtube </a> 1011 </li> 1012 <li> 1013 <a class="nav-link dropdown-item abl2" href="https://www.tiktok.com/@fit2future" target="_blank"> 1014 Tiktok </a> 1015 </li> 1016 </ul> 1017 </li> 1018 <li class="nav-item "> 1019 <a class="nav-link abl1" href="/termscondition" target="_self"> 1020 à¸à¹à¸à¸à¸³à¸«à¸à¸à¹à¸¥à¸°à¹à¸à¸·à¹à¸à¸à¹à¸ </a> 1021 </li> 1022 <li class="nav-item "> 1023 <a class="nav-link abl1" href="/how2pay" target="_self"> 1024 วิà¸à¸µà¸à¸²à¸£à¸à¸³à¸£à¸°à¹à¸à¸´à¸ </a> 1025 </li> 1026 <li class="nav-item "> 1027 <a class="nav-link abl1" href="/review-fitness" target="_self"> 1028 ภาà¸à¸£à¸µà¸§à¸´à¸§à¸à¸²à¸à¸¥à¸¹à¸à¸à¹à¸² </a> 1029 </li> 1030 <li class="nav-item topmenuLg"> 1031 <a class="nav-link abl1" href="/video" target="_self"> 1032 รายà¸à¸²à¸£à¸§à¸´à¸à¸´à¹à¸ </a> 1033 </li> 1034 1035 <li class="nav-item dropdown more hidden" data-width="80"> 1036 <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)"> 1037 à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i> 1038 </a> 1039 <ul class="dropdown-menu"></ul> 1040 </li> 1041 </ul> 1042</div> 1043
1043<script> 1044 /*width auto more*/ 1045 if (jQuery(window).width() > 1024) { 1046 calcWidth(); 1047 var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last'); 1048 last_visible_element.css('border-right', 'none'); 1049 } 1050 function calcWidth() { 1051 var navwidth = 0; 1052 var availablespace = 0; 1053 var logwid = jQuery('#logotop').outerWidth(true); 1054 var defwidth = 0; 1055 var intIsEnableSearchTop = "1"; 1056 var intIsEnableCart = "1"; 1057 var calAweDropdown = "34"; 1058 navwidth = navwidth + parseInt(calAweDropdown); 1059 let isLayoutId = '39'; 1060 let fullcontainer = '1'; 1061 if (intIsEnableSearchTop == 1) { 1062 defwidth = defwidth + 60; 1063 } 1064 1065 if (intIsEnableCart == 1) { 1066 defwidth = defwidth + 60; 1067 } 1068 1069 /* if (calAweDropdown != 0) { 1070 defwidth = defwidth + calAweDropdown; 1071 }*/ 1072 1073 if (typeof logwid === "undefined") { 1074 var logwid = 0; 1075 } 1076 if (isLayoutId == '37' || isLayoutId == '38') { 1077 var logwid = 0; 1078 } 1079 if(fullcontainer=='1'){ 1080 var pls_pad = 30; 1081 }else{ 1082 var pls_pad = 0; 1083 } 1084 /* if(isLayoutId=='38'){ 1085 var defwidth = 180; 1086 }*/ 1087 var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17; 1088 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { 1089 navwidth += jQuery(this).outerWidth(true); 1090 }); 1091 /*jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.dropdown:not(.more)').each(function () { 1092 navwidth += 17; 1093 });*/ 1094 var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 49); 1095 if (navwidth > availablespace) { 1096 var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); 1097 var jimwidtest = lastItem.outerWidth(true); 1098 lastItem.removeClass('nav-item'); 1099 lastItem.removeClass('dropdown'); 1100 lastItem.children('a.nav-link').addClass('dropdown-item'); 1101 lastItem.attr('data-width', lastItem.outerWidth(true)); 1102 if (jimwidtest > 0) { 1103 lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul')); 1104 } 1105 delete lastItem; 1106 calcWidth(); 1107 return 0; 1108 } else { 1109 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') { 1110 var firstMoreElement = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first(); 1111 if (navwidth + firstMoreElement.data('width') < availablespace) { 1112 firstMoreElement.addClass('nav-item'); 1113 firstMoreElement.children('a.nav-link').removeClass('dropdown-item'); 1114 firstMoreElement.removeAttr("data-width"); 1115 firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); 1116 } 1117 delete firstMoreElement; 1118 } 1119 } 1120 /*hide more*/ 1121 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') { 1122 var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length; 1123 if (thelast == 1) { 1124 //remove more 1125 var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1126 if ((navwidth + firstMoreElement2.width()) < availablespace) { 1127 firstMoreElement2.addClass('nav-item'); 1128 firstMoreElement2.addClass('topmenuLg'); 1129 firstMoreElement2.children('a.nav-link').removeClass('dropdown-item'); 1130 firstMoreElement2.removeAttr("data-width"); 1131 firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); 1132 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1133 } else { 1134 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1135 } 1136 delete firstMoreElement2; 1137 } else { 1138 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1139 } 1140 } else { 1141 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); 1142 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1143 } 1144 } 1145 1146 function calcWidthAfter() { 1147 1148 //affix if reflesh topbar appear 1149 if ($(window).scrollTop() > 0) { 1150 var logwid = 110; 1151 }else{ 1152 var logwid = jQuery('#logotop').outerWidth(true); 1153 } 1154 1155 var navwidth = 0; 1156 var availablespace = 0; 1157 var defwidth = 0; 1158 var serwid = jQuery('#searchtop').outerWidth(true); 1159 var car2id = jQuery('#cart2').outerWidth(true); 1160 var intIsEnableSearchTop = "1"; 1161 var intIsEnableCart = "1"; 1162 let isLayoutId = '39'; 1163 let fullcontainer = '1'; 1164 if (intIsEnableSearchTop == 1) { 1165 defwidth = defwidth + serwid; 1166 } 1167 1168 if (intIsEnableCart == 1) { 1169 defwidth = defwidth + car2id; 1170 } 1171 1172 jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg'); 1173 1174 if (typeof logwid === "undefined") { 1175 var logwid = 0; 1176 } 1177 if (isLayoutId == '37' || isLayoutId == '38') { 1178 var logwid = 0; 1179 } 1180 if(fullcontainer=='1'){ 1181 var pls_pad = 30; 1182 }else{ 1183 var pls_pad = 0; 1184 } 1185 var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true); 1186 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { 1187 navwidth += (jQuery(this).outerWidth(true)); 1188 }); 1189 1190 var availablespace = parseFloat(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60); 1191 1192 if (navwidth > availablespace) { 1193 var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); 1194 var jimwidtest = lastItem.outerWidth(true); 1195 lastItem.removeClass('nav-item'); 1196 lastItem.removeClass('dropdown'); 1197 lastItem.children('a.nav-link').addClass('dropdown-item'); 1198 lastItem.attr('data-width', lastItem.outerWidth(true)); 1199 if (jimwidtest > 0) { 1200 lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul')); 1201 } 1202 delete lastItem; 1203 calcWidthAfter(); 1204 return 0; 1205 } else { 1206 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') { 1207 } 1208 } 1209 1210 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') { 1211 var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length; 1212 if (thelast == 1) { 1213 var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1214 if ((navwidth + firstMoreElement2.width()) < availablespace) { 1215 } 1216 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1217 } else { 1218 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1219 } 1220 } else { 1221 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1222 } 1223 1224 //add class last item menu à¸à¸à¸à¹à¸à¹à¸ 1225 jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); 1226 } 1227 1228 jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").hover(function(){ 1229 var vjim = jQuery(this); 1230 if (jQuery('ul', this).length) { 1231 vjim.find('ul.dropdown-menu').addClass('d-block hidden'); //à¹à¸à¸ render element à¹à¸à¸·à¹à¸ get à¸à¹à¸²à¸¡à¸²à¸à¸³à¸à¸§à¸ 1232 var elm = jQuery('ul:first', this); 1233 var off = elm.offset(); 1234 var l = off.left; 1235 var docW = jQuery("#top-area > #top-sticky").width(); 1236 let _maxWidthLv2 = vjim.find('ul.dropdown-menu:first').width(); 1237 let _maxWidthLv3 = 0; 1238 let _maxWidthLv4 = 0; 1239 let menuLv2Li = vjim.find('ul.dropdown-menu:first > li'); 1240 Array.prototype.forEach.call(menuLv2Li, menu2li => { 1241 let menuLv3Width = jQuery(menu2li).find('ul.dropdown-menu:first').width(); 1242 if (menuLv3Width > _maxWidthLv3) { 1243 _maxWidthLv3 = menuLv3Width; 1244 } 1245 let menuLv3Li = jQuery(menu2li).find('ul.dropdown-menu:first > li'); 1246 Array.prototype.forEach.call(menuLv3Li, menu3li => { 1247 let menuLv4Width = jQuery(menu3li).find('ul.dropdown-menu').width(); 1248 if (menuLv4Width > _maxWidthLv4) { 1249 _maxWidthLv4 = menuLv4Width; 1250 } 1251 }); 1252 }); 1253 1254 vjim.find('ul.dropdown-menu').removeClass('d-block hidden'); //à¸à¸³à¸à¸§à¸à¹à¸ªà¸£à¹à¸à¹à¸¥à¹à¸§à¹à¸à¸² render à¸à¸à¸ 1255 1256 let centerHover = l + (jQuery(this).width()/2) 1257 let centerScreen = docW / 2 1258 var isEntirelyVisible = ((l + _maxWidthLv2 + _maxWidthLv3 + _maxWidthLv4) <= docW); 1259 if (!isEntirelyVisible && (centerHover > centerScreen)){ 1260 vjim.children('ul.dropdown-menu').addClass('dropdown-menu-right'); 1261 vjim.children('ul.dropdown-menu.dropdown-menu-right').find('ul.dropdown-menu').addClass('dropdownfix-menu-right'); 1262 } 1263 } 1264 }) 1265 1266 /*nomobile*/ 1267 /* }*/ 1268 </script>
1268 1269 </div> 1270 </div> 1271 <div id="searchtop" class="hoverOverlay d-inline-flex align-middle pr-2"> 1272 <style type="text/css"> 1273 div.topSearchBar { 1274 position: absolute; 1275 z-index: 999; 1276 width: 100%; 1277 left: 0; 1278 margin: 0 auto; 1279 max-width: 768px; 1280 right: 0; 1281 top: 100%; 1282 } 1283 @media only screen and (max-width: 1024px) { 1284 div.topSearchBar { 1285 bottom: unset !important; 1286 top: 56px !important; 1287 } 1288 div.topSearchBarInner { 1289 padding: 15px 15px 15px 15px; 1290 } 1291 } 1292 1293 @media only screen and (min-width: 1024px) { 1294 div.topSearchBarInner { 1295 padding: 15px 15px 1px 15px; 1296 } 1297 } 1298 div.topSearchBarInner { 1299 background: #FFF; 1300 box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1301 -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1302 -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1303 } 1304 div.topSearchBarInner .btn.btn-default { 1305 border-left: 0px !important; 1306 } 1307 div.topSearchBarInner .btn.btn-default:hover { 1308 /* background: none !important;*/ 1309 } 1310 div.topSearchBarInner .form-control:focus { 1311 border-color: inherit !important; 1312 } 1313 .textStringSearchTopWidget, .btnSearchTopWidget { 1314 font-size: 16px; 1315 height: 36px; 1316 } 1317 .aOpenSearchIcon, .aCloseSearchIcon{ 1318 font-size: 22px !important; 1319 margin: 0; 1320 line-height: 20px; 1321 } 1322 1323</style> 1324 1325<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;"> 1326 <i class="far fa-search fa-fw navbar-fa"></i> 1327</div>
1328<script> 1329 jQuery('input.textStringSearchTopWidget').on('keypress', function (e) { 1330 jQuery('input.textStringSearchTopWidget').val(this.value); 1331 if (e.keyCode == 13) { 1332 clickSearch(jQuery(this).val()); 1333 } 1334 }); 1335 1336 jQuery('.btnSearchTopWidget').on('click', function () { 1337 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 1338 clickSearch(textStringSearch); 1339 }); 1340 1341 jQuery('.aCloseSearchIcon').on('click', function (e) { 1342 e.preventDefault(); 1343 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 1344 if(textStringSearch!=''){ 1345 clickSearch(textStringSearch); 1346 } 1347 }); 1348 1349 function clickSearch(textStringSearch) { 1350 if (textStringSearch != '') { 1351 let lpart = ''; 1352 let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/'); 1353 if(lpart!=''){ 1354 document.location.href = '/' + lpart + '/search&text=' + encodedSearch; 1355 }else{ 1356 document.location.href = '/search&text=' + encodedSearch; 1357 } 1358 } 1359 } 1360</script>
1360 </div> 1361 </div> 1362 <div class="col-auto col-lg-auto text-right order-1 order-lg-12 d-lg-inline-flex align-items-center"> 1363 <div id="cart2" class="hoverOverlay d-inline-flex align-middle"> 1364 <style type="text/css"> 1365 .cart-nav{ 1366 margin: 0; 1367 } 1368</style> 1369 1370 1371 1372<a class="navbar-link cart-nav" href="/cart"> 1373 <span class="fa-layers fa-fw navbar-fa2"> 1374 <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i> 1375 <span class="widgetCartNumber d-none">0</span> 1376 </span> 1377</a> 1378 </div> 1379 </div> 1380 </div> 1381 </div> 1382 </div> 1383 </div> 1384 </nav> 1385</div> 1386<div class="headerMobile"> 1387 <style type="text/css"> 1388 .navbar-nav .dropdown-menu .dropdown-item { 1389 padding: 6px 20px; 1390 } 1391 @media (max-width: 1024px) { 1392 nav > #top-area > .row { 1393 margin: 0 6px; 1394 } 1395 .navbar-nav .dropdown-menu { 1396 position: relative !important; 1397 transform: translate3d(0px, 0px, 0px) !important; 1398 -webkit-transform: translate3d(0px, 0px, 0px) !important; 1399 top: auto !important; 1400 left: auto !important; 1401 padding: 0; 1402 margin: 0; 1403 } 1404 .navbar-nav .dropdown-menu .dropdown-item { 1405 padding: 9px 15px 9px 15px; 1406 } 1407 .navbar-text { 1408 margin: 0 auto; 1409 } 1410 } 1411 @media (max-width: 1192px) { 1412 .navbar-brand { 1413 padding: 4px 8px !important; 1414 font-size: 24px !important; 1415 line-height: 40px !important; 1416 border: none !important; 1417 margin: 0px 4px !important; 1418 } 1419 .navbar-brand span{ 1420 line-height: 40px; 1421 } 1422 .navbar-brand img { 1423 max-height: 44px; 1424 max-width: 100%; 1425 margin: 0 auto; 1426 } 1427 } 1428 @media (max-width: 350px) { 1429 nav > #top-bar { 1430 padding-left: 5px; 1431 padding-right: 5px; 1432 } 1433 } 1434 label[for="mobile-menu"] { 1435 cursor: pointer; 1436 width: 54px; 1437 height: 56px; 1438 position: absolute; 1439 margin: 0; 1440 z-index: 1; 1441 } 1442 1443 @media (max-width: 1024px) { 1444 .navbar-toggler { 1445 padding: 9px 10px !important; 1446 margin-left: 3px !important; 1447 margin-top: 6px; 1448 margin-right: 0px; 1449 margin-bottom: 6px; 1450 font-size: 16px !important; 1451 height: 44px; 1452 } 1453 input[type="checkbox"]#mobile-menu:checked ~ label[for="mobile-menu"] { 1454 display: block; 1455 width: 48px; 1456 height: 48px; 1457 line-height: 48px; 1458 font-size: 24px; 1459 text-align: center; 1460 margin: 0 !important; 1461 padding: 0 !important; 1462 position: fixed; 1463 left: 0; 1464 bottom: 0; 1465 top: 0; 1466 /*background-color: rgba(0,0,0,0.7);*/ 1467 z-index: 1001; 1468 transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); 1469 color: #FFF; 1470 } 1471 .navbar-collapse .btnCloseMenu { 1472 -webkit-transform: translate3d(0%,0%,0%); 1473 transform: translate3d(0%,0%,0%); 1474 position: absolute; 1475 left: 4px; 1476 top: -12px; 1477 transition: all 0.1s ease-out; 1478 visibility: visible; 1479 opacity: 1; 1480 z-index: 1; 1481 color: #FFF; 1482 font-size: 24px; 1483 width: 48px; 1484 height: 48px; 1485 line-height: 48px; 1486 text-align: center; 1487 } 1488 div.navbar-collapse { 1489 position: fixed; 1490 display: block !important; 1491 left: 0; 1492 top: 0; 1493 right: 0; 1494 left: 0; 1495 bottom: 0; 1496 margin: 0; 1497 /*padding-top: 48px;*/ 1498 width: 100%; 1499 min-height: 100%; 1500 height: auto; 1501 z-index: -1; 1502 visibility: hidden; 1503 opacity: 0; 1504 /* background-color: rgba(0,0,0,0.9);*/ 1505 overflow-y: visible; 1506 box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); 1507 transition: all .5s cubic-bezier(.685,.0473,.346,1); 1508 overflow-x: hidden;
1509 -webkit-transform: translate3d(0,0,0); 1510 transform: translate3d(0,0,0); 1511 } 1512 input[type="checkbox"]#mobile-menu:checked ~ div.navbar-collapse { 1513 -webkit-transform: translate3d(0,0,0); 1514 transform: translate3d(0,0,0); 1515 opacity: 1; 1516 visibility: visible; 1517 z-index: 999; 1518 } 1519 #navbarNavDropdown .navbar-nav li { 1520 text-align: center; 1521 max-width: 320px; 1522 width: 100%; 1523 margin: 0 auto; 1524 } 1525 .nav-social { 1526 margin: 8px 0; 1527 } 1528 .scrollingOuterBox { 1529 max-height: calc(100vh); 1530 height: auto; 1531 overflow-y: auto; 1532 } 1533 .scrollingInnerBox { 1534 min-height: calc(100vh - 48px); 1535 height: 100%; 1536 position: relative; 1537 flex-direction: column; 1538 width: 100%; 1539 padding-top: 48px; 1540 } 1541 input[type="checkbox"]#mobile-menu { 1542 display: none; 1543 } 1544 nav .navbar-link { 1545 min-width: 40px; 1546 } 1547 nav #socialnetwork,nav #linewidget { 1548 min-height: 34px; 1549 } 1550 .lioffmenu{ 1551 margin-bottom: .25rem !important; 1552 margin-top: .25rem !important; 1553 display: block !important; 1554 border-bottom: 1px solid #ffffff !important; 1555 opacity: 0.3; 1556 } 1557 div.topwidget-menu > .navbar-nav.navbar-topmenu{ 1558 /*max-height: calc(100vh - 55px); 1559 overflow-y: auto; 1560 overflow-x: hidden;*/ 1561 } 1562 .navbar-link.cart-nav{ 1563 font-size: 22px; 1564 } 1565 .navbar-link.aOpenSearchIcon,.navbar-link.cart-nav{ 1566 margin-left: 0px; 1567 margin-top: 0px; 1568 margin-bottom: 0px; 1569 padding: 0px; 1570 } 1571 .widgetCartNumber { 1572 top: -11px; 1573 } 1574 ul.navbar-topmenu.navbar-nav .fa-chevron-down{ 1575 margin: 0 !important; 1576 } 1577 } 1578</style> 1579<nav id="topZone" class="navbar-expand-xl"> 1580 <div id="top-area"> 1581 <div id="top-sticky"> 1582 <div class="container-mobile"> 1583 <div class="sb collapse topSearchBar"> 1584 <div class="topSearchBarInner"> 1585 <div class="input-group"> 1586 <input type="text" class="form-control textStringSearchTopWidget" placeholder="à¹à¸ªà¹à¸à¸³à¸à¹à¸à¸«à¸²à¸à¸à¸à¸à¸¸à¸..." /> 1587 <div class="input-group-append"> 1588 <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"> 1589 <i class="fas fa-search fa-fw navbar-fa" style="font-size: 16px; vertical-align: initial;"></i> 1590 </button> 1591 </div> 1592 </div> 1593 </div> 1594 </div> 1595 <div class="row no-gutters justify-content-between"> 1596 <div class="col-auto col-lg-auto d-lg-inline-flex" style="width: 100px;"> 1597 <input type="checkbox" id="mobile-menu"> 1598 <label class="" for="mobile-menu"> 1599 </label> 1600 <button class="navbar-toggler hamburger hamburger--squeeze" type="button" style="margin-right: 44px;"> 1601 <span class="hamburger-box"> 1602 <span class="hamburger-inner"></span> 1603 </span> 1604 </button> 1605 <div class="collapse navbar-collapse" id="navbarNavDropdown"> 1606 <div class="scrollingOuterBox d-flex"> 1607 <div class="scrollingInnerBox d-inline-flex justify-content-center">
1608 <span class="btnCloseMenu hamburger hamburger--squeeze"> 1609 <span class="hamburger-box"> 1610 <span class="hamburger-inner"></span> 1611 </span> 1612 </span> 1613 <style type="text/css"> 1614 .headerMobile .topwidget-menu .navbar-nav .dropdown-menu { 1615 padding: 0; 1616 margin: 0; 1617 } 1618 /*PC hack to hover*/ 1619 @media (min-width: 1025px) { 1620 .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{ 1621 display:block !important; 1622 } 1623 .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{ 1624 display:block !important; 1625 } 1626 .headerMobile ul.navbar-topmenu.navbar-nav ul{ 1627 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 1628 } 1629 .headerMobile .topwidget-menu { 1630 margin: 10px; 1631 } 1632 .headerMobile ul.dropdown-menu.dropdown-menu-right{ 1633 left: unset; 1634 right:0; 1635 } 1636 .headerMobile .dropdownfix-menu-right { 1637 right:100% !important; 1638 left:auto !important; 1639 } 1640 .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-right { 1641 transform: rotate(180deg); 1642 left: 0; 1643 position: absolute; 1644 top: 12px; 1645 } 1646 .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-down{ 1647 transform: rotate(90deg); 1648 left: 0; 1649 position: absolute; 1650 top: 12px; 1651 } 1652 .headerMobile .more.hidden{ 1653 display:none; 1654 } 1655 .headerMobile .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{ 1656 transform: rotate(-90deg); 1657 } 1658 .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item ul{ 1659 position: absolute; 1660 } 1661 .headerMobile .public-topmenu .topmenuLg{ 1662 border-right:none !important; 1663 } 1664 } 1665 /* tablet*/ 1666 @media only screen and (min-width: 768px) and (max-width: 1112px) { 1667 .headerMobile ul.navbar-topmenu.navbar-nav ul{ 1668 box-shadow: none; 1669 } 1670 /*.topwidget-menu { 1671 margin: 10px; 1672 }*/ 1673 } 1674 /*mobile tablet*/ 1675 @media only screen and (max-width: 1024px) { 1676 .headerMobile ul.navbar-topmenu.navbar-nav a{ 1677 text-align: center !important; 1678 white-space: normal; 1679 } 1680 .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-down{ 1681 position:unset; transition: all .3s ease 0s; 1682 -ms-transition: all .3s ease 0s; 1683 -webkit-transition: all .3s ease 0s; 1684 -moz-transition: all .3s ease 0s; 1685 1686 } 1687 .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-right{ 1688 position:unset; transform: rotate(90deg); 1689 transition: all .3s ease 0s; 1690 -ms-transition: all .3s ease 0s; 1691 -webkit-transition: all .3s ease 0s; 1692 -moz-transition: all .3s ease 0s; 1693 } 1694 1695 .headerMobile ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{ 1696 right: 12px; 1697 top: 27%; 1698 } 1699 1700 .headerMobile ul.navbar-topmenu.navbar-nav a{ 1701 word-wrap: break-word; 1702 } 1703 .headerMobile ul.navbar-topmenu.navbar-nav .more{ 1704 display:none !important; 1705 } 1706 .headerMobile .public-topmenu .dropdown.show > a > .arrowCollapse{ 1707 transform: rotate(180deg); 1708 -ms-transform: rotate(180deg); 1709 -webkit-transform: rotate(180deg); 1710 -moz-transform: rotate(180deg); 1711 } 1712 .headerMobile .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{ 1713 transform: rotate(270deg); 1714 -ms-transform: rotate(270deg); 1715 -webkit-transform: rotate(270deg); 1716 -moz-transform: rotate(270deg); 1717 } 1718 1719 .headerMobile ul.navbar-topmenu.navbar-nav > li > ul > li > a { 1720 padding-left: 30px !important; 1721 } 1722 .headerMobile ul.navbar-topmenu.navbar-nav ul ul a { 1723 padding-left: 45px !important; 1724 } 1725 .headerMobile ul.navbar-topmenu.navbar-nav ul ul ul a { 1726 padding-left: 60px !important; 1727 } 1728 } 1729</style> 1730 1731<div class="topwidget-menu"> 1732 <ul class="navbar-nav navbar-topmenu public-topmenu"> 1733 <li class="nav-item "> 1734 <a class="nav-link abl1" data-onhome="home" href="/" target="_self"> 1735 หà¸à¹à¸²à¹à¸£à¸ </a> 1736 </li> 1737 <li class="nav-item dropdown "> 1738 <a class="nav-link abl1" href="javascript:void(0);" target="_self" style="position: relative;"> 1739 สิà¸à¸à¹à¸² <sp
1739an class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;"> 1740 <i class="fal fa-chevron-down"></i> 1741 </span> 1742 </a> 1743 <ul class="dropdown-menu"> 1744 <li> 1745 <a class="nav-link dropdown-item abl2" href="/ลูà¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸²" target="_self"> 1746 ลูà¹à¸§à¸´à¹à¸ ลูà¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸² </a> 1747 </li> 1748 <li> 1749 <a class="nav-link dropdown-item abl2" href="/smith" target="_self"> 1750 สมิà¸à¹à¸¡à¸à¸à¸µà¸ à¹à¸®à¸¡à¸¢à¸´à¸¡ </a> 1751 </li> 1752 <li> 1753 <a class="nav-link dropdown-item abl2" href="/cycling" target="_self"> 1754 à¸à¸±à¸à¸£à¸¢à¸²à¸ à¹à¸à¸£à¸·à¹à¸à¸à¹à¸à¸´à¸à¸§à¸à¸£à¸µ </a> 1755 </li> 1756 <li> 1757 <a class="nav-link dropdown-item abl2" href="/fitness-gym" target="_self"> 1758 สิà¸à¸à¹à¸² สำหรัภGym </a> 1759 </li> 1760 <li> 1761 <a class="nav-link dropdown-item abl2" href="/items" target="_blank"> 1762 สิà¸à¸à¹à¸²à¸à¸±à¹à¸à¸«à¸¡à¸ </a> 1763 </li> 1764 </ul> 1765 </li> 1766 <li class="nav-item "> 1767 <a class="nav-link abl1" id="topmenuonpage" href="/contact" target="_self"> 1768 สà¸à¸à¸à¸²à¸¡à¸«à¸£à¸·à¸à¸ªà¸±à¹à¸à¸à¸·à¹à¸ </a> 1769 </li> 1770 <li class="nav-item "> 1771 <a class="nav-link abl1" href="/faq" target="_self"> 1772 FAQ à¸à¸³à¸à¸²à¸¡à¸à¸µà¹à¸à¸à¸à¹à¸à¸¢ </a> 1773 </li> 1774 <li class="nav-item "> 1775 <a class="nav-link abl1" href="/aboutus" target="_self"> 1776 à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸² </a> 1777 </li> 1778 <li class="nav-item "> 1779 <a class="nav-link abl1" href="/categorycontent" target="_self"> 1780 à¸à¸à¸à¸§à¸²à¸¡ </a> 1781 </li> 1782 <li class="nav-item "> 1783 <a class="nav-link abl1" href="/branch" target="_self"> 1784 สาà¸à¸² </a> 1785 </li> 1786 <li class="nav-item "> 1787 <a class="nav-link abl1" href="/fitness-gym" target="_blank"> 1788 หà¹à¸à¸à¸à¸´à¸à¹à¸à¸ª à¹à¸à¹à¸£à¸à¹à¸£à¸¡ à¸à¸à¸à¹à¸ หมูà¹à¸à¹à¸²à¸ สà¹à¸§à¸à¸à¸¥à¸²à¸ สà¹à¸¡à¸ªà¸£ </a> 1789 </li> 1790 <li class="nav-item "> 1791 <a class="nav-link abl1" href="http://m.facebook.com/megamaxfitness" target="_blank"> 1792 Facebook Fanpage </a> 1793 </li> 1794 <li class="nav-item dropdown "> 1795 <a class="nav-link abl1" href="javascript:void(0);" target="_self" style="position: relative;"> 1796 วิà¸à¸´à¹à¸ <sp
1796an class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;"> 1797 <i class="fal fa-chevron-down"></i> 1798 </span> 1799 </a> 1800 <ul class="dropdown-menu"> 1801 <li> 1802 <a class="nav-link dropdown-item abl2" href="https://www.facebook.com/MEGAMAXFITNESS/videos" target="_blank"> 1803 Facebook วิà¸à¸´à¹à¸ </a> 1804 </li> 1805 <li> 1806 <a class="nav-link dropdown-item abl2" href="http://www.youtube.com/@MEGAMAXFITNESSCOM" target="_blank"> 1807 Youtube </a> 1808 </li> 1809 <li> 1810 <a class="nav-link dropdown-item abl2" href="https://www.tiktok.com/@fit2future" target="_blank"> 1811 Tiktok </a> 1812 </li> 1813 </ul> 1814 </li> 1815 <li class="nav-item "> 1816 <a class="nav-link abl1" href="/termscondition" target="_self"> 1817 à¸à¹à¸à¸à¸³à¸«à¸à¸à¹à¸¥à¸°à¹à¸à¸·à¹à¸à¸à¹à¸ </a> 1818 </li> 1819 <li class="nav-item "> 1820 <a class="nav-link abl1" href="/how2pay" target="_self"> 1821 วิà¸à¸µà¸à¸²à¸£à¸à¸³à¸£à¸°à¹à¸à¸´à¸ </a> 1822 </li> 1823 <li class="nav-item "> 1824 <a class="nav-link abl1" href="/review-fitness" target="_self"> 1825 ภาà¸à¸£à¸µà¸§à¸´à¸§à¸à¸²à¸à¸¥à¸¹à¸à¸à¹à¸² </a> 1826 </li> 1827 <li class="nav-item topmenuLg"> 1828 <a class="nav-link abl1" href="/video" target="_self"> 1829 รายà¸à¸²à¸£à¸§à¸´à¸à¸´à¹à¸ </a> 1830 </li> 1831 1832 <li class="nav-item dropdown more hidden" data-width="80"> 1833 <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)"> 1834 à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i> 1835 </a> 1836 <ul class="dropdown-menu"></ul> 1837 </li> 1838 </ul> 1839</div> 1840 <div class="topwidget-menu"> 1841 <ul class="navbar-nav navbar-topmenu"> 1842 <li class="nav-item dropdown li-smooth-lang"> 1843 <a data-toggle="dropdown" class="dropdown-toggle aLanguage nav-link" id="chooseLanguage" href="javascript:void(0)"> 1844 <i class="flag-icon flag-icon-th"></i> 1845 TH </a> 1846 </li> 1847 </ul> 1848</div>
1849<script> 1850 $('.li-smooth-lang').on('show.bs.dropdown', function() { 1851 $(this).find('.dropdown-menu').first().stop(true, true).slideDown(); 1852 }); 1853 1854 $('.li-smooth-lang').on('hide.bs.dropdown', function () { 1855 $(this).find('.dropdown-menu').first().stop(true, true).slideUp(); 1856 }); 1857</script>
1857 </div> 1858 </div> 1859 </div> 1860 </div> 1861 <div class="col text-center" style="display: flex;flex-direction: column; justify-content: center;"> 1862 <a class="navbar-brand" href="/" style="display:block;"> 1863 <style> 1864 .logotextmobile{ 1865 display: inline-block; 1866 max-width: 200px; 1867 height: 1.5em; 1868 overflow: hidden; 1869 text-overflow: ellipsis; 1870 white-space: nowrap; 1871 color: #000; 1872 } 1873 .logotextmobile span{ 1874 /* font-size: 30px !important; */ 1875 line-height: 40px !important; 1876 } 1877 1878 @media (max-width: 364.98px) { 1879 .logotextmobile{ 1880 max-width: 150px; 1881 } 1882 1883 .logotextmobile{ 1884 max-width: 75px; 1885 } } 1886 1887 @media (min-width: 365px) and (max-width: 575.98px) { 1888 .logotextmobile{ 1889 max-width: 200px; 1890 } 1891 1892 .logotextmobile{ 1893 max-width: 130px; 1894 } } 1895 1896 @media (min-width: 576px) and (max-width: 767.98px) { 1897 .logotextmobile{ 1898 min-width: calc(400px + 4vw); 1899 max-width: 500px; 1900 } 1901 1902 .logotextmobile{ 1903 max-width: 330px; 1904 } } 1905 1906 @media (min-width: 768px) and (max-width: 991.98px) { 1907 .logotextmobile{ 1908 max-width: 600px; 1909 } 1910 1911 .logotextmobile{ 1912 max-width: 500px; 1913 } } 1914 @media (min-width: 992px) { 1915 .logotextmobile{ 1916 max-width: 800px; 1917 } 1918 1919 .logotextmobile{ 1920 max-width: 748px; 1921 } } 1922 1923 1924</style> 1925 1926 <img src="https://image.makewebcdn.com/makeweb/m_1920x0/xxNrjRVJP/DefaultData/logo_1.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/> 1927 </a> 1928 </div> 1929 <div class="col-auto col-lg-auto text-right order-1 order-lg-12 d-lg-inline-flex align-items-center" style="width: 100px; display: flex;flex-direction: row; justify-content: flex-end; "> 1930 <div id="searchtop" class="hoverOverlay d-inline-flex"> 1931 <style type="text/css"> 1932 div.topSearchBar { 1933 position: absolute; 1934 z-index: 999; 1935 width: 100%; 1936 left: 0; 1937 margin: 0 auto; 1938 max-width: 768px; 1939 right: 0; 1940 top: 100%; 1941 } 1942 @media only screen and (max-width: 1024px) { 1943 div.topSearchBar { 1944 bottom: unset !important; 1945 top: 56px !important; 1946 } 1947 div.topSearchBarInner { 1948 padding: 15px 15px 15px 15px; 1949 } 1950 } 1951 1952 @media only screen and (min-width: 1024px) { 1953 div.topSearchBarInner { 1954 padding: 15px 15px 1px 15px; 1955 } 1956 } 1957 div.topSearchBarInner { 1958 background: #FFF; 1959 box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1960 -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1961 -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1962 } 1963 div.topSearchBarInner .btn.btn-default { 1964 border-left: 0px !important; 1965 } 1966 div.topSearchBarInner .btn.btn-default:hover { 1967 /* background: none !important;*/ 1968 } 1969 div.topSearchBarInner .form-control:focus { 1970 border-color: inherit !important; 1971 } 1972 .textStringSearchTopWidget, .btnSearchTopWidget { 1973 font-size: 16px; 1974 height: 36px; 1975 } 1976 .aOpenSearchIcon, .aCloseSearchIcon{ 1977 font-size: 22px !important; 1978 margin: 0; 1979 line-height: 20px; 1980 } 1981 1982</style> 1983 1984<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;"> 1985 <i class="far fa-search fa-fw navbar-fa"></i> 1986</div>
1987<script> 1988 jQuery('input.textStringSearchTopWidget').on('keypress', function (e) { 1989 jQuery('input.textStringSearchTopWidget').val(this.value); 1990 if (e.keyCode == 13) { 1991 clickSearch(jQuery(this).val()); 1992 } 1993 }); 1994 1995 jQuery('.btnSearchTopWidget').on('click', function () { 1996 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 1997 clickSearch(textStringSearch); 1998 }); 1999 2000 jQuery('.aCloseSearchIcon').on('click', function (e) { 2001 e.preventDefault(); 2002 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 2003 if(textStringSearch!=''){ 2004 clickSearch(textStringSearch); 2005 } 2006 }); 2007 2008 function clickSearch(textStringSearch) { 2009 if (textStringSearch != '') { 2010 let lpart = ''; 2011 let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/'); 2012 if(lpart!=''){ 2013 document.location.href = '/' + lpart + '/search&text=' + encodedSearch; 2014 }else{ 2015 document.location.href = '/search&text=' + encodedSearch; 2016 } 2017 } 2018 } 2019</script>
2019 </div> 2020 <div id="cart" class="hoverOverlay d-inline-flex"> 2021 <style type="text/css"> 2022 .cart-nav{ 2023 margin: 0; 2024 } 2025</style> 2026 2027 2028 2029<a class="navbar-link cart-nav" href="/cart"> 2030 <span class="fa-layers fa-fw navbar-fa2"> 2031 <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i> 2032 <span class="widgetCartNumber d-none">0</span> 2033 </span> 2034</a> 2035 </div> 2036 </div> 2037 </div> 2038 </div> 2039 </div> 2040 </div> 2041</nav> 2042
2043<script type="text/javascript"> 2044 /* enable scrolling on resize to desktop mode */ 2045 $(window).on('resize', function () { 2046 if ($(window).width() > 1023) { 2047 $('body').css('overflow', ''); 2048 } 2049 }); 2050 /* disable body scrolling on open menu */ 2051 $('input[type="checkbox"]#mobile-menu').on('change', function () { 2052 if ($(this).prop('checked')) { 2053 $('body').css('overflow', 'hidden'); 2054 jQuery('.btnCloseMenu.hamburger.hamburger--squeeze').attr('aria-expanded','true'); 2055 } else { 2056 $('body').css('overflow', ''); 2057 jQuery('.btnCloseMenu.hamburger.hamburger--squeeze').removeAttr('aria-expanded'); 2058 } 2059 }); 2060</script>
2060 2061</div>
2062<script> 2063 jQuery('.widgetCartNumber').hide(); 2064 jQuery(document).ready(function () { 2065 jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]').click(function (event) { 2066 // event.preventDefault(); 2067 jQuery(this).blur(); 2068 if (jQuery(this).attr('class') == 'abl1') { 2069 jQuery(this).attr('id', 'topmenuonpage'); 2070 } else if (jQuery(this).attr('class') == 'abl2') { 2071 jQuery(this).attr('id', 'topmenusubonpage'); 2072 } 2073 }); 2074 2075 jQuery('a').click( function(e) { 2076 var targetSelector = this.hash 2077 if(targetSelector) { 2078 e.stopImmediatePropagation(); 2079 2080 var $target = $(targetSelector); 2081 var iscls = $(targetSelector).attr('class'); //targethash //fttargethash 2082 // Animate the scroll to the destination... 2083 if(iscls==='fttargethash'){ 2084 var tr_po = 0; 2085 }else{ 2086 var tr_po = $target.offset().top; 2087 } 2088 $('html, body').animate( 2089 { 2090 scrollTop: tr_po // Scroll to this location. 2091 }, { 2092 // Set the duration long enough to allow time 2093 // to lazy load the elements. 2094 duration: 1000, 2095 2096 // At each animation step, check whether the target has moved. 2097 step: function( now, fx ) { 2098 2099 // Where is the target now located on the page? 2100 // i.e. its location will change as images etc. are lazy loaded 2101 if ($(window).width() > 1024) { 2102 if(iscls==='fttargethash'){ 2103 var newOffset = 0; 2104 }else{ 2105 var h_top_sticky = 0; 2106 // top bar space for calculations scroll position 2107 var viewable = isElementInView($('#top-sticky')) 2108 jQuery('.targethash').css('top', '0px'); 2109 if(viewable){ 2110 h_top_sticky = $('#top-sticky').height(); 2111 } 2112 var newOffset = $target.offset().top - h_top_sticky; 2113 } 2114 // var newOffset = $target.offset().top - 70; 2115 }else{ 2116 var newOffset = $target.offset().top; 2117 } 2118 // If where we were originally planning to scroll to is not 2119 // the same as the new offset (newOffset) then change where 2120 // the animation is scrolling to (fx.end). 2121 if(fx.end !== newOffset) 2122 fx.end = newOffset; 2123 } 2124 } 2125 ); 2126 } 2127 }) 2128 2129 // check element is visible in current windows display 2130 function isElementInView(element) { 2131 var $window = $(window); 2132 var windowHeight = $window.height(); 2133 var windowWidth = $window.width(); 2134 var rect = element.get(0).getBoundingClientRect(); 2135 2136 return ( 2137 rect.top >= 0 && rect.top <= windowHeight && 2138 rect.left >= 0 && rect.left <= windowWidth 2139 ); 2140 } 2141 2142 jQuery('.navbar-topmenu.public-topmenu a[data-onhome]').click(function (event) { 2143 if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 2144 $('html,body').animate({ 2145 scrollTop: 0 2146 }, 1800); 2147 return false; 2148 } 2149 }); 2150 var aChildren = jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]'); 2151 var highlinow = jQuery('.navbar-topmenu.public-topmenu a#topmenuonpage'); 2152 var highlinowLv2 = jQuery('.navbar-topmenu.public-topmenu a#topmenusubonpage');
2153 var stickyHeaderhi = jQuery('#menutop').height() + 75; 2154 2155 var aArray = []; 2156 for (var i = 0; i < aChildren.length; i++) { 2157 var aChild = aChildren[i]; 2158 var ahref = jQuery(aChild).attr('href'); 2159 var res = ahref.split("#"); 2160 var last_hash = res[res.length - 1]; 2161 aArray.push(last_hash); 2162 } 2163 2164 jQuery('.widgetCartNumber').show(); 2165 2166 jQuery(window).scroll(function () { 2167 var windowPos = jQuery(window).scrollTop(); 2168 var windowHeight = jQuery(window).height(); 2169 var docHeight = jQuery(document).height(); 2170 for (var i = 0; i < aArray.length; i++) { 2171 var theID = aArray[i]; 2172 if (jQuery('#' + theID).length > 0) { 2173 if (jQuery('#' + theID).data('orderbox') == 'onest') { 2174 /* if firstbox */ 2175 var divPos = jQuery('#' + theID).offset().top - stickyHeaderhi; 2176 var divHeight = jQuery('#' + theID).height(); 2177 } else { 2178 /* if non first */ 2179 var divPos = jQuery('#' + theID).parent().offset().top - stickyHeaderhi; 2180 var divHeight = jQuery('#' + theID).parent().height(); 2181 } 2182 if (windowPos >= divPos && windowPos < (divPos + divHeight)) { 2183 highlinow.removeAttr('id'); 2184 highlinowLv2.removeAttr('id'); 2185 if (jQuery("a.abl1[data-onpage-link='" + theID + "']").length > 0) { 2186 jQuery("a.abl1[data-onpage-link='" + theID + "']").attr('id', 'topmenuonpage'); 2187 } 2188 if (jQuery("a.abl2[data-onpage-link='" + theID + "']").length > 0) { 2189 jQuery("a.abl2[data-onpage-link='" + theID + "']").attr('id', 'topmenusubonpage'); 2190 } 2191 } else { 2192 jQuery("a.abl1[data-onpage-link='" + theID + "']").removeAttr('id'); 2193 jQuery("a.abl2[data-onpage-link='" + theID + "']").removeAttr('id'); 2194 if (jQuery("a[data-onpage-link][id='topmenuonpage']").length < 1 && jQuery("a[data-onpage-link][id='topmenusubonpage']").length < 1) { 2195 if (highlinow.length > 0) { 2196 highlinow.attr('id', 'topmenuonpage'); 2197 } 2198 if (highlinowLv2.length > 0) { 2199 highlinowLv2.attr('id', 'topmenusubonpage'); 2200 } 2201 } 2202 } 2203 } 2204 } 2205 if (windowPos + windowHeight == docHeight) { 2206 /* last position */ 2207 var lastsectionl1 = jQuery("a.targethash").parent().parent('#section-content').find('div:not(.insadsbygoogle) > a').last().attr('id'); 2208 //L1 2209 if (jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").length > 0) { 2210 highlinow.removeAttr('id'); 2211 jQuery('a.abl1#topmenuonpage').removeAttr('id'); 2212 jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenuonpage'); 2213 } 2214 //L2 L3 2215 if (jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").length > 0) { 2216 highlinowLv2.removeAttr('id'); 2217 jQuery('a.abl2#topmenusubonpage').removeAttr('id'); 2218 jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenusubonpage'); 2219 } 2220 } 2221 }); 2222 2223 }); 2224 2225 //!navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) && 2226 if (screen.width > 1024) { // is desktop 2227 var isSubmenuLv2Overflow = 0; 2228 var isSubmenuLv3Overflow = 0; 2229 var elem_headerDesktop = document.getElementsByClassName("headerDesktop")[0]; 2230 var elem_topmenu = elem_headerDesktop.getElementsByClassName("navbar-topmenu")[0]; 2231 var sectionHeader = document.getElementById("section-header"); 2232 var arr_li_lv1 = elem_topmenu.getElementsByClassName("nav
2232-item dropdown"); // li (Lv1) (has submenu) 2233 if (arr_li_lv1.length > 0) { 2234 // console.log(arr_li_lv1); 2235 for (i = 0; i < arr_li_lv1.length; i++) { 2236 var li_lv1 = arr_li_lv1[i]; 2237 var arr_child_li_lv1 = li_lv1.children; // a, ui.dropdown-menu 2238 if (arr_child_li_lv1.length > 0) { 2239 2240 for (j = 0; j < arr_child_li_lv1.length; j++) { 2241 if (arr_child_li_lv1[j].classList.contains('dropdown-menu')) { // ui.dropdown-menu 2242 var ui_lv2 = arr_child_li_lv1[j]; 2243 var arr_li_lv2 = ui_lv2.children; // li (Lv2) 2244 var length_li_lv2 = arr_li_lv2.length; 2245 2246 // get heightest dropdown-menu 2247 var maxHeight = 0; 2248 $('.dropdown-menu').each(function() { 2249 var height = $(this).outerHeight(); 2250 if (height > maxHeight) { 2251 maxHeight = height; 2252 } 2253 }); 2254 2255 if (maxHeight > screen.height) { 2256 isSubmenuLv2Overflow += 1; 2257 } 2258 2259 //LV 3 LIMITED EDITION 2260 if (arr_li_lv2.length > 0) { 2261 for (k = 0; k < arr_li_lv2.length; k++) { 2262 if (arr_li_lv2[k].children.length > 1) { 2263 if (arr_li_lv2[k].children[1].classList.contains('dropdown-menu')) { // ui.dropdown-menu 2264 //k = à¸à¸³à¹à¸«à¸à¹à¸à¸à¸µà¹à¸¡à¸µ ul 2265 var posiUllv3 = k; 2266 var arr_li_lv3 = arr_li_lv2[k].children[1]; // li (Lv2) 2267 var obj_li_lv3 = arr_li_lv3.children; 2268 var length_li_lv3 = obj_li_lv3.length; 2269 var limiLv3High = length_li_lv3 + k; 2270 2271 if (screen.height >= 1440 && screen.height < 2880 && limiLv3High > 34) { // height:1440 2272 isSubmenuLv3Overflow += 1; 2273 } else if (screen.height >= 1080 && screen.height < 1440 && limiLv3High > 20) { // height:1080 2274 isSubmenuLv3Overflow += 1; 2275 } else if (screen.height >= 768 && screen.height < 1080 && limiLv3High > 14) { // height:768 2276 isSubmenuLv3Overflow += 1; 2277 } else if (screen.height >= 500 && screen.height < 768 && limiLv3High > 10) { // w:768 2278 isSubmenuLv3Overflow += 1; 2279 } 2280 2281 } 2282 } 2283 } 2284 } 2285 2286 2287 } 2288 } 2289 } 2290 2291 } 2292 } 2293 2294 if (isSubmenuLv2Overflow > 0) { // no stricky 2295 sectionHeader.classList.remove('sps'); 2296 sectionHeader.classList.remove('sps--abv'); 2297 sectionHeader.classList.remove('sps--blw'); 2298 } 2299 //if lavel 3 is Too Damn High 2300 if (isSubmenuLv3Overflow > 0) { // no stricky 2301 sectionHeader.classList.remove('sps'); 2302 sectionHeader.classList.remove('sps--abv'); 2303 sectionHeader.classList.remove('sps--blw'); 2304 } 2305 2306 //if screen height not than 1080 disable 2307 jQuery(window).ready(function () { 2308 setTimeout(() => { 2309 if ($(window).height() > jQuery('#section-content').height() + jQuery('#section-footer').height()) { 2310 sectionHeader.classList.remove('sps'); 2311 sectionHeader.classList.remove('sps--abv'); 2312 sectionHeader.classList.remove('sps--blw'); 2313 } 2314 }, 200); 2315 }); 2316 } 2317</script>
2317 2318 </div> 2319 <!-- <div id="section-content" style=""> --> 2320 <div id="section-content"> 2321 2322<style type="text/css"> 2323 /* reveal */ 2324 @media only screen and (min-width: 1200px) { 2325 .reveal { background-attachment: fixed !important; } 2326 } 2327 /* rellax */ 2328 .rellax-view { position: relative; overflow: hidden; } 2329 .rellax { position: absolute; width: 100%; top: 0px; bottom: 0px; left: 0; right: 0; } 2330 .marginBottomSpace { 2331 2332 margin-bottom: 20px; 2333 } 2334 .img-responsive{margin:auto;} 2335 @media only screen and (max-width: 767px){ 2336 .maginBottomCaption{ 2337 margin-bottom: 40px; 2338 } 2339 .maginBottomCaptionmini{ 2340 margin-bottom: 15px; 2341 } 2342 .marginBottomSpaceMobile{ 2343 margin-bottom: 20px; 2344 } 2345 .coverslidebox{ 2346 padding: 0px 0px; 2347 } 2348 } 2349 @media only screen and (min-width: 768px){ 2350 .maginBottomCaption{ 2351 margin-bottom: 0px; 2352 } 2353 .maginBottomCaptionmini{ 2354 margin-bottom: 0px; 2355 } 2356 .marginBottomSpaceMobile{ 2357 margin-bottom: 0px; 2358 } 2359 .coverslidebox{ 2360 padding: 0px 15px; 2361 } 2362 .textlayout-maxwidth{ 2363 max-width: 585px; 2364 } 2365 .textlayout-marlauto{ 2366 margin-left: auto; 2367 } 2368 } 2369 .noImgSimpleBG{ 2370 background-color:#E1E4E9; 2371 } 2372 .box-not-overflow{ 2373 overflow: hidden; 2374 } 2375 .play-button { 2376 left: 50%; 2377 top: 50%; 2378 width: 72px; 2379 height: 64px; 2380 margin-left: -36px; 2381 margin-top: -32px; 2382 z-index: 1; 2383 color: #212121; 2384 opacity: 0.85; 2385 } 2386 .play-button:hover, 2387 .play-button:hover::before { 2388 opacity: 1; 2389 color: #f00; 2390 } 2391 .play-button .fa-youtube { 2392 font-size: 64px; 2393 } 2394 .play-button:before { 2395 content: ""; 2396 width: 0; 2397 height: 0; 2398 border-top: 11px solid transparent; 2399 border-left: 20px solid #ffffff; 2400 border-bottom: 11px solid transparent; 2401 position: absolute; 2402 top: 21px; 2403 left: 29px; 2404 } 2405 .wrapper .youtube { 2406 background-color: #000; 2407 position: relative; 2408 padding-top: 56.25%; 2409 overflow: hidden; 2410 cursor: pointer 2411 } 2412 2413 .wrapper .youtube img { 2414 width: 100%; 2415 top: -16.82%; 2416 left: 0; 2417 max-height: none !important; 2418 opacity: .7 2419 } 2420 .wrapper .youtube .play-button, 2421 .wrapper .youtube img { 2422 cursor: pointer 2423 } 2424 2425 .wrapper .youtube .play-button, 2426 .wrapper .youtube .play-button:before, 2427 .wrapper .youtube iframe, 2428 .wrapper .youtube img { 2429 position: absolute 2430 } 2431 .wrapper .youtube iframe { 2432 height: 100%; 2433 width: 100%; 2434 top: 0; 2435 left: 0 2436 } 2437 @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) { 2438 a.targethash{ 2439 top: -112px; 2440 } 2441 } 2442</style> 2443 <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;"> 2444 </div> 2445 2446 <div style="position: relative; background-color:#ffffff; " data-orderbox="onest"> 2447 <a id="customize-19499" class="fttargethash" style="top: 2px; display: block;position: relative; visibility: hidden;"></a> 2448 <div class="container"> 2449 2450 <div style="padding-top: 40px; padding-bottom: 40px;"> 2451 <div > 2452 <style type="text/css"> 2453 .brakeword10 { 2454 word-wrap: break-word; 2455 } 2456</style> 2457<div class="row brakeword10 area-tinymce"> 2458 <div class="col-12"> 2459 <p> <br></p><p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://image.makewebeasy.net/makeweb/m_1920x0/xxNrjRVJP/DefaultData/call.jpg" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/xxNrjRVJP/DefaultData/call.jpg" data-mce-style="display: block; margin-left: auto; margin-right: auto;"></p><p style="text-align: center;" data-mce-style="text-align: center;"> </p><p style="text-align: center;" data-mce-style="text-align: center;">สà¸à¸à¸à¸²à¸¡à¸à¹à¸à¸¡à¸¹à¸¥à¸£à¹à¸²à¸à¹à¸¥à¸°à¸ªà¸´à¸à¸à¹à¸²</p><div style="text-align: center;" data-mce-style="text-align: center;"> <br></div><div style="text-align: center;" data-mce-style="text-align: center;"> <span style="font-size: 18px;" data-mce-style="font-size: 18px;"><a href="https://line.me/R/ti/p/%40mtb2012k" data-mce-href="https://line.me/R/ti/p/%40mtb2012k"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/xxNrjRVJP/DefaultData/linebutton.png" width="336" height="78" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/xxNrjRVJP/DefaultData/linebutton.png"></a></span></div><div style="text-align: center; display: none;" data-mce-style="text-align: center; display: none;"><a href="http://m.me/megamaxfitness" data-mce-href="http://m.me/megamaxfitness"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/xxNrjRVJP/DefaultData/facebutton.png" width="337" height="75" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/xxNrjRVJP/DefaultData/facebutton.png"></a><br></div><div style="text-align: center;" data-mce-style="text-align: center;"><a href="tel:0643787000" data-mce-href="tel:0643787000"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/xxNrjRVJP/DefaultData/tel.png" width="336" height="79" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/xxNrjRVJP/DefaultData/tel.png"></a></div><p style="text-align: center;" data-mce-style="text-align: center;"><a href="http://www.megamaxfitness.com/branch" target="_blank" rel="noopener noreferrer" data-mce-href="http://www.megamaxfitness.com/branch"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/xxNrjRVJP/branch/map.jpg?v=202012190947" width="214" height="200" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/xxNrjRVJP/branch/map.jpg?v=202012190947"></a></p><p> <img style="display: block; margin-left: auto; margin-right: auto;" src="https://image.makewebcdn.com/makeweb/0/xxNrjRVJP/DefaultData/branch2.jpg?v=20240529
24591424" data-mce-src="https://image.makewebcdn.com/makeweb/0/xxNrjRVJP/DefaultData/branch2.jpg?v=202405291424" data-mce-style="display: block; margin-left: auto; margin-right: auto;"><br></p><p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://image.makewebcdn.com/makeweb/0/xxNrjRVJP/DefaultData/antiscam.jpg?v=202405291424" data-mce-src="https://image.makewebcdn.com/makeweb/0/xxNrjRVJP/DefaultData/antiscam.jpg?v=202405291424" data-mce-style="display: block; margin-left: auto; margin-right: auto;"></p><p><span style="font-size: 20px;" data-mce-style="font-size: 20px;">ลูà¸à¸à¹à¸²à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸¥à¸·à¸à¸à¸à¹à¸à¸à¸à¸²à¸à¸à¸²à¸£à¸à¸´à¸à¸à¹à¸à¹à¸à¹à¸«à¸¥à¸²à¸¢à¸à¹à¸à¸à¸à¸²à¸ à¹à¸à¸°à¸à¸³à¸¥à¸¹à¸à¸à¹à¸²à¹à¸à¸à¹à¸¥à¸à¹ à¹à¸à¸·à¹à¸à¸à¸§à¸²à¸¡à¸à¸±à¸à¹à¸à¸à¹à¸à¸à¸²à¸£à¹à¸«à¹à¸à¹à¸à¸¡à¸¹à¸¥à¸¡à¸²à¸à¸à¸µà¹à¸ªà¸¸à¸ à¹à¸à¸£à¸²à¸°à¹à¸à¸à¸¡à¸´à¸à¸ªà¸²à¸¡à¸²à¸£à¸à¸ªà¹à¸à¸£à¸¹à¸à¸ าภลิà¸à¸à¹à¸à¹à¸à¸¡à¸¹à¸¥à¸à¹à¸²à¸à¹à¹à¸à¹à¸ªà¸°à¸à¸§à¸</span><br><br><span style="font-size: 20px;" data-mce-style="font-size: 20px;">หาà¸à¸¥à¸¹à¸à¸à¹à¸²à¸à¹à¸à¸à¸à¸²à¸£à¸à¹à¸à¸¡à¸¹à¸¥à¹à¸à¸à¹à¸£à¹à¸à¸à¹à¸§à¸ สามารà¸à¹à¸à¸£à¸«à¸²à¹à¸£à¸²à¹à¸à¹à¸à¸µà¹à¹à¸à¸à¸£à¹à¸à¹à¸²à¸à¸¥à¹à¸²à¸</span><br><br><span style="font-size: 20px;" data-mce-style="font-size: 20px;">หาà¸à¸¥à¸¹à¸à¸à¹à¸²à¹à¸¡à¹à¸ªà¸°à¸à¸§à¸à¹à¸à¸à¹à¸¥à¸à¹ สามารà¸à¸ªà¸à¸à¸à¸²à¸¡à¹à¸à¹à¸à¸²à¸ à¸à¸´à¸à¸à¹à¸à¸à¹à¸à¸ªà¸à¸¸à¹à¸à¹à¸à¸</span><br></p><p> <br></p><p> <br></p><ul><li><span style="font-size: 20px;" data-mce-style="font-size: 20px;">ลูà¸à¸à¹à¸²à¸ªà¸²à¸¡à¸²à¸£à¸à¸à¸¹à¸à¹à¸à¸¡à¸¹à¸¥à¸ªà¸´à¸à¸à¹à¸²à¹à¸¥à¸°à¸§à¸´à¸à¸´à¹à¸à¸£à¸µà¸§à¸´à¸§à¹à¸à¹à¸à¸µà¹à¸«à¸à¹à¸²à¸ªà¸´à¸à¸à¹à¸²à¹à¸à¹à¸¥à¸°à¸£à¸¸à¹à¸à¹à¸à¹à¸à¸±à¸à¸à¸µ <a href="https://www.megamaxfitness.com/category" data-mce-href="https://www.megamaxfitness.com/category">https://www.megamaxfitness.com/category</a></span></li><li><span style="font-size: 20px;" data-mce-style="font-size: 20px;">ลูà¸à¸à¹à¸²à¸ªà¸²à¸¡à¸²à¸à¸à¸¹à¸à¸³à¸à¸²à¸¡à¸à¸à¸à¹à¸à¸¢à¹à¸à¹à¸à¸µà¹ <a href="https://www.megamaxfitness.com/faq" data-mce-href="https://www.megamaxfitness.com/faq">https://www.megamaxfitness.com/faq</a></span></li><li><span style="font-size: 20px;" data-mce-style="font-size: 20px;">ลูà¸à¸à¹à¸²à¸ªà¸²à¸¡à¸²à¸£à¸à¸à¸¹à¸§à¸´à¸à¸µà¸à¸²à¸£à¹à¸¥à¸·à¸à¸à¸à¸·à¹à¸à¹à¸à¹à¸à¸µà¹ <a href="https://www.megamaxfitness.com/content/5741/" data-mce-href="https://www.megamaxfitness.com/content/5741/">https://www.megamaxfitness.com/content/5741/</a></span></li><li><span style="font-size: 20px;" data-mce-style="font-size: 20px;">ลูà¸à¸à¹à¸²à¸ªà¸²à¸¡à¸²à¸£à¸à¸à¸¹à¸à¸à¸à¸§à¸²à¸¡à¸à¹à¸²à¸à¹à¹à¸à¹à¸à¸µà¹ <a href="https://www.megamaxfitness.com/categorycontent" data-mce-href="https://www.megamaxfitness.com/categorycontent">https://www.megamaxfitness.com/categorycontent</a></span></li></ul> </div> 2460</div> </div> 2461 </div> 2462 </div> 2463 </div> 2464 <!-- end background div --> 2465 <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;"> 2466 </div> 2467
2467<script> 2468 function renderYoutubeIframe(e, video_id) { 2469 var iframe = document.createElement( "iframe" ); 2470 iframe.setAttribute( "frameborder", "0" ); 2471 iframe.setAttribute( "allowfullscreen", "" ); 2472 iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ video_id +"?rel=0&showinfo=0&autoplay=1&mute=1" ); 2473 e.innerHTML = ""; 2474 e.appendChild( iframe ); 2475 } 2476 2477 function secflascounter(timer,boxid,turn) { 2478 if(timer!=''){ 2479 arrayData3 = timer; 2480 //var timeParsed = arrayData3.replace(' ', 'T'); 2481 //var countDownDate = new Date(timer).getTime(); 2482 var countDownDate = new Date(new Date(timer).toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime(); 2483 var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime(); 2484 var asx = setInterval(function() { 2485 //var now = new Date().getTime(); 2486 var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime(); 2487 var distance = countDownDate - now; 2488 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 2489 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 2490 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 2491 var seconds = Math.floor((distance % (1000 * 60)) / 1000); 2492 jQuery(".rowcounter-promotion"+boxid+" .fsui-day").html(('0' +days).slice(-2)); 2493 jQuery(".rowcounter-promotion"+boxid+" .fsui-hour").html(('0' +hours).slice(-2)); 2494 jQuery(".rowcounter-promotion"+boxid+" .fsui-min").html(('0' +minutes).slice(-2)); 2495 jQuery(".rowcounter-promotion"+boxid+" .fsui-sec").html(('0' +seconds).slice(-2)); 2496 if (distance < 0) { 2497 clearInterval(asx); 2498 } 2499 }, 1000); 2500 }else{ 2501 clearInterval(asx); 2502 } 2503 } 2504 </script>
2504 2505 </div> 2506 <div id="section-footer"> 2507 <style>@media only screen and (min-width: 1200px) { 2508 .menuCol { 2509 width: 50% !important; 2510 padding-right: 15px; 2511 padding-left: 15px; 2512 } 2513} 2514@media only screen and (min-width: 768px) and (max-width: 1199px) { 2515 .menuCol { 2516 width: 100% !important; 2517 padding-right: 15px; 2518 padding-left: 15px; 2519 } 2520} 2521@media only screen and (max-width: 767px){ 2522 .menuCol { 2523 width: 100% !important; 2524 padding-right: 15px; 2525 padding-left: 15px; 2526 } 2527} 2528</style><style> 2529 .subscribeInput { 2530 display: block !important; 2531 } 2532 @media only screen and (max-width: 768px) { 2533 .fieldSubscribe { 2534 line-height: 10px !important; 2535 } 2536 } 2537</style> 2538<footer class="footer02 footerZone"> 2539 <div id="footer-area"> 2540 <div class="container"> 2541 <div class="row"> 2542 <div class="col-12 col-sm-4 col-md-4 col-lg-3"> 2543 <div class="row"> 2544 <div class="col-12"> 2545 <div style="margin-bottom:10px;"> 2546 <div class="wordWrapFooterHtml footer-mb-mobile"> 2547 <span style="font-size: 16px;" data-mce-style="font-size: 16px;"><img src="https://image.makewebcdn.com/makeweb/0/xxNrjRVJP/LOGO/megamax.png?v=202405291424" data-mce-src="https://image.makewebcdn.com/makeweb/0/xxNrjRVJP/LOGO/megamax.png?v=202405291424" width="328" height="68"></span><br><div><span style="color: #ffffff; font-size: 16px;" data-mce-style="color: #ffffff; font-size: 16px;"><br>à¸à¸¹à¹à¸à¸³à¹à¸à¹à¸²à¹à¸¥à¸°à¸à¸³à¸«à¸à¹à¸²à¸¢à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¸à¸à¸³à¸¥à¸±à¸à¸à¸²à¸¢ ลูà¹à¸§à¸´à¹à¸ à¸à¸±à¸à¸£à¸¢à¸²à¸à¸à¸à¸à¸à¸³à¸¥à¸±à¸à¸à¸²à¸¢ à¹à¸®à¸¡à¸¢à¸´à¸¡ สมิà¸à¹à¸¡à¸à¸à¸µà¸ à¹à¸à¸£à¸·à¹à¸à¸à¸¢à¸à¸à¹à¸³à¸«à¸à¸±à¸ à¹à¸à¸£à¸·à¹à¸à¸à¹à¸à¸´à¸à¸§à¸à¸£à¸µ </span><br><span style="color: #ffffff; font-size: 16px;" data-mce-style="color: #ffffff; font-size: 16px;">สิà¸à¸à¹à¸²à¸à¸¸à¸à¸ าà¸à¹à¸à¸£à¸à¸ªà¹à¸à¸à¸à¸ รัà¸à¸à¸£à¸°à¸à¸±à¸à¹à¸à¸¢ MEGAMAX</span><br><br><span style="color: #ffffff; font-size: 16px;" data-mce-style="color: #ffffff; font-size: 16px;">www.megamaxfitness.com</span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 16px;" data-mce-style="font-size: 16px;"> <a href="https://www.megamaxfitness.com/contact" data-mce-href="https://www.megamaxfitness.com/contact"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/xxNrjRVJP/DefaultData/line_1.png" width="256" height="63" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/xxNrjRVJP/DefaultData/line_1.png" style="float: left;" data-mce-style="float: left;"></a></span><br></div></div> </div> 2548 </div> 2549 </div> 2550 <div class="row"> 2551 <div class="col-12"> 2552 </div> 2553 </div> 2554 <div class="row"> 2555 <div class="col-12"> 2556 <div class="footerSocial" style="margin-bottom:10px;"> 2557 <style type="text/css"> 2558 .footerLineWidget, .footerLineWidget:focus,.footerLineWidget:active { 2559 background-image: linear-gradient(#80D544, #65BC3E); 2560 background-image: -webkit-linear-gradient(top, #80D544, #65BC3E); 2561 background-image: -moz-linear-gradient(top, #80D544, #65BC3E); 2562 background-image: -ms-linear-gradient(top, #80D544, #65BC3E); 2563 background-image: -o-linear-gradient(top, #80D544, #65BC3E); 2564 background-image: linear-gradient(to bottom, #80D544, #65BC3E); 2565 -webkit-border-radius: 5px; 2566 border-radius: 5px; 2567 color: #FFF; 2568 font-size: 14px; 2569 padding: 5px 8px; 2570 padding-bottom: 8px; 2571 text-decoration: none; 2572 cursor: pointer; 2573 display: inline-block; 2574 margin-right: 11px; 2575 } 2576 .footerLineWidget:hover { 2577 background-image: linear-gradient(#80D544, #65BC3E); 2578 color: #FFF; 2579 background-image: -webkit-linear-gradient(top, #65BC3E, #80D544); 2580 background-image: -moz-linear-gradient(top, #65BC3E, #80D544);
2581 background-image: -ms-linear-gradient(top, #65BC3E, #80D544); 2582 background-image: -o-linear-gradient(top, #65BC3E, #80D544); 2583 background-image: linear-gradient(to bottom, #65BC3E, #80D544); 2584 text-decoration: none; 2585 } 2586 .footerLineWidget{ 2587 font-size: 14px; 2588 } 2589 .footerWechatWidget, .footerWechatWidget:focus,.footerWechatWidget:active { 2590 background: #00BC0C; 2591 background-image: -webkit-linear-gradient(top, #00BC0C, #3cbf1c); 2592 background-image: -moz-linear-gradient(top, #00BC0C, #3cbf1c); 2593 background-image: -ms-linear-gradient(top, #00BC0C, #3cbf1c); 2594 background-image: -o-linear-gradient(top, #00BC0C, #3cbf1c); 2595 background-image: linear-gradient(to bottom, #00BC0C, #3cbf1c); 2596 -webkit-border-radius: 5px; 2597 border-radius: 5px; 2598 color: #FFF; 2599 font-size: 14px; 2600 padding: 5px 8px; 2601 padding-bottom: 8px; 2602 text-decoration: none; 2603 cursor: pointer; 2604 display: inline-block; 2605 } 2606 2607 .footerWechatWidget:hover { 2608 background: #3cbf1c; 2609 color: #FFF; 2610 background-image: -webkit-linear-gradient(top, #3cbf1c, #00BC0C); 2611 background-image: -moz-linear-gradient(top, #3cbf1c, #00BC0C); 2612 background-image: -ms-linear-gradient(top, #3cbf1c, #00BC0C); 2613 background-image: -o-linear-gradient(top, #3cbf1c, #00BC0C); 2614 background-image: linear-gradient(to bottom, #3cbf1c, #00BC0C); 2615 text-decoration: none; 2616 } 2617 .imgLineWidget,.imgWechatWidget{ 2618 width: 145px !important; 2619 height: 145px !important; 2620 } 2621 .qrcodeLogo{ 2622 width: 25px; 2623 height: 25px; 2624 } 2625 #fsocial-widget { 2626 display:block; 2627 } 2628 2629 #fsocial-widget>.faco-top { 2630 margin-bottom: 25px; 2631 } 2632 2633 .pointer-none { 2634 pointer-events: none; 2635 } 2636 2637 </style> 2638<div class="social-widget" id="fsocial-widget"> 2639 2640 2641 2642 2643 </div> 2644 2645 2646
2646<script type="text/javascript"> 2647 2648 jQuery(".footerWechatWidget").click(function () { 2649 window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); 2650 }); 2651 2652</script>
2652 </div> 2653 </div> 2654 </div> 2655 <!-- <div class="row"> 2656 <div class="col-12"> 2657 <div class="divFooterLine"> 2658 </div> 2659 </div> 2660 </div> --> 2661 </div> 2662 <div class="col-12 col-sm-4 col-md-4 col-lg-6"> 2663 <div class="row"> 2664 <div class="col-12"> 2665 <style> 2666 .footerTopic{ 2667 border-bottom: 1px solid transparent; 2668 color: #ffffff; 2669 font-size:18px; 2670 font-family : 'Prompt'; 2671 font-weight : normal; 2672 font-style : normal; 2673 text-decoration : none; 2674 } 2675 .li-footer-sub{ 2676 border-bottom: 1px solid transparent; 2677 } 2678 .li-footer-sub a{ 2679 padding-left: 0px; 2680 color: #ffffff; 2681 font-size:14px; 2682 font-family : 'Prompt'; 2683 font-weight : normal; 2684 font-style : normal; 2685 text-decoration : none; 2686 } 2687 .li-footer-sub a:hover{ 2688 color: #000000; 2689 } 2690 .menuCol{ 2691 margin-bottom: 10px; 2692 } 2693 /*.menuCol:last-child{ 2694 margin-bottom: 0; 2695 }*/ 2696 </style> 2697<div class="row"> 2698 <div class="menuCol"> 2699 <div class="footerTopic" id="footermenu-head_1"> 2700 à¹à¸¡à¸à¸¹à¸«à¸¥à¸±à¸ </div> 2701 <div class="advdividerF"style="visibility: hidden;"></div> 2702 <ul class="ul-footermenu-sub"> 2703 <li class="li-footer-sub"> 2704 <a href="/" target="_self"> 2705 หà¸à¹à¸²à¹à¸£à¸ </a> 2706 </li> 2707 <li class="li-footer-sub"> 2708 <a href="/aboutus" target="_self"> 2709 à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸² </a> 2710 </li> 2711 <li class="li-footer-sub"> 2712 <a href="/faq" target="_self"> 2713 à¸à¸³à¸à¸²à¸¡à¸à¸µà¹à¸à¸à¸à¹à¸à¸¢ </a> 2714 </li> 2715 <li class="li-footer-sub"> 2716 <a href="javascript:void(0)" target="_self"> 2717 à¸à¸¡à¸§à¸´à¸à¸´à¹à¸ </a> 2718 </li> 2719 <li class="li-footer-sub"> 2720 <a href="/contact" target="_self"> 2721 สà¸à¸à¸à¸²à¸¡à¸«à¸£à¸·à¸à¸ªà¸±à¹à¸à¸à¸·à¹à¸ </a> 2722 </li> 2723 <li class="li-footer-sub"> 2724 <a href="/branch" target="_self"> 2725 สาà¸à¸²à¸à¸à¸à¹à¸£à¸² </a> 2726 </li> 2727 <li class="li-footer-sub"> 2728 <a href="/categorycontent" target="_self"> 2729 à¸à¸à¸à¸§à¸²à¸¡ </a> 2730 </li> 2731 </ul> 2732 </div> 2733 <div class="menuCol"> 2734 <div class="footerTopic" id="footermenu-head_2"> 2735 สิà¸à¸à¹à¸²à¹à¸¥à¸°à¸à¸£à¸´à¸à¸²à¸£ </div> 2736 <div class="advdividerF"style="visibility: hidden;"></div> 2737 <ul class="ul-footermenu-sub"> 2738 <li class="li-footer-sub"> 2739 <a href="/ลูà¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸²" target="_self"> 2740 สิà¸à¸à¹à¸² à¸à¸²à¸£à¹à¸à¸´à¹à¸ </a> 2741 </li> 2742 <li class="li-footer-sub"> 2743 <a href="/smith" target="_self"> 2744 สิà¸à¸à¹à¸² à¹à¸®à¸¡à¸¢à¸´à¸¡ สมิà¸à¹à¸¡à¸à¸à¸µà¸ </a> 2745 </li> 2746 <li class="li-footer-sub"> 2747 <a href="/category/414/equipment-for-gym" target="_self"> 2748 สิà¸à¸à¹à¸²à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸à¸à¹à¸à¸£ </a> 2749 </li> 2750 <li class="li-footer-sub"> 2751 <a href="/fitness-gym" target="_self"> 2752 à¸à¸´à¸à¹à¸à¸ª à¸à¸à¸à¹à¸ à¹à¸£à¸à¹à¸£à¸¡ หมูà¹à¸à¹à¸²à¸ </a> 2753 </li> 2754 <li class="li-footer-sub"> 2755 <a href="/how2pay" target="_blank"> 2756 à¸à¸²à¸£à¸à¸³à¸£à¸°à¹à¸à¸´à¸ </a> 2757 </li> 2758 </ul> 2759 </div> 2760 <div class="menuCol"> 2761 <div class="footerTopic" id="footermenu-head_3"> 2762 à¹à¸à¹à¸à¸µà¸¢à¸¥à¸¡à¸µà¹à¸à¸µà¸¢ </div> 2763 <div class="advdividerF"style="visibility: hidden;"></div> 2764 <ul class="ul-footermenu-sub"> 2765 <li class="li-footer-sub"> 2766 <a href="http://www.facebook.com/megamaxfitness" target="_blank"> 2767 Facebook </a> 2768 </li> 2769 <li class="li-footer-sub"> 2770 <a href="https://www.tiktok.com/@megamax.thailand" target="_blank"> 2771 Tiktok </a> 2772 </li> 2773 <li class="li-footer-sub"> 2774 <a href="http://www.youtube.com/megamaxfitnesscom" target="_blank"> 2775 Youtube </a> 2776 </li> 2777 </ul> 2778 </div> 2779 </div> 2780 </div> 2781 </div> 2782 </div> 2783 <div class="col-12 col-sm-4 col-md-4 col-lg-3"> 2784 <div class="row"> 2785 <div class="col-12"> 2786 <div class="footerTagsPanel"> 2787 <div class="row"> 2788 <div class="col-12 footerTagsTitls"> 2789 <div class="footerTopic footerTagsHead"> 2790 à¸à¸³à¸¢à¸à¸à¸à¸´à¸¢à¸¡ </div> 2791 </div> 2792 </div> 2793 <div class="row"> 2794 <div class="col-12"> 2795 <ul class="ul-footermenu-sub"> 2796 <li class="li-footer-sub footerTagsLine"> 2797 <a class="tagsTierI" href="/tag&text=benchpress" > 2798 benchpress </a> 2799 </li> 2800 <li class="li-footer-sub footerTagsLine"> 2801 <a class="tagsTierI" href="/tag&text=drumbell" > 2802 drumbell </a> 2803 </li> 2804 <li class="li-footer-sub footerTagsLine"> 2805 <a class="tagsTierI" href="/tag&text=half+rack" > 2806 half rack </a> 2807 </li> 2808 <li class="li-footer-sub footerTagsLine"> 2809 <a class="tagsTierI" href="/tag&text=homegym" > 2810 homegym </a> 2811 </li> 2812 <li class="li-footer-sub footerTagsLine"> 2813 <a class="tagsTierI" href="/tag&text=MEGAMAX" > 2814 MEGAMAX </a> 2815 </li> 2816 <li class="li-footer-sub footerTagsLine"> 2817 <a class="tagsTierI" href="/tag&text=mw5x" > 2818 mw5x </a> 2819 </li> 2820 <li class="li-footer-sub footerTagsLine"> 2821 <a class="tagsTierI" href="/tag&text=mw7" > 2822 mw7 </a> 2823 </li> 2824 <li class="li-footer-sub footerTagsLine"> 2825 <a class="tagsTierI" href="/tag&text=powerrack" > 2826 powerrack </a> 2827 </li> 2828 <li class="li-footer-sub footerTagsLine"> 2829 <a class="tagsTierI" href="/tag&text=smith+machine" > 2830 smith machine </a> 2831 </li> 2832 <li class="li-footer-sub footerTagsLine"> 2833 <a class="tagsTierII" href="/tag&text=smithmachine" > 2834 smithmachine </a> 2835 </li> 2836 <li class="li-footer-sub footerTagsLine"> 2837 <a class="tagsTierII" href="/tag&text=spin+bike" > 2838 spin bike </a> 2839 </li> 2840 <li class="li-footer-sub footerTagsLine"> 2841 <a class="tagsTierI" href="/tag&text=spinbike" > 2842 spinbike </a> 2843 </li> 2844 <li class="li-footer-sub footerTagsLine"> 2845 <a class="tagsTierI" href="/tag&text=weight+plate" > 2846 weight plate </a> 2847 </li> 2848 <li class="li-footer-sub footerTagsLine"> 2849 <a class="tagsTierI" href="/tag&text=xbike" > 2850 xbike </a> 2851 </li> 2852 <li class="li-footer-sub footerTagsLine"> 2853 <a class="tagsTierI" href="/tag&text=%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%94%E0%B8%95%E0%B8%B1%E0%B9%89%E0%B8%87%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87" > 2854 à¸à¸²à¸£à¸à¸´à¸à¸à¸±à¹à¸à¸¥à¸¹à¹à¸§à¸´à¹à¸ </a> 2855 </li> 2856 <li class="li-footer-sub footerTagsLine"> 2857 <a class="tagsTierI" href="/tag&text=%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87" > 2858 à¸à¸²à¸£à¹à¸à¹à¸¥à¸¹à¹à¸§à¸´à¹à¸ </a> 2859 </li> 2860 <li class="li-footer-sub footerTagsLine"> 2861 <a class="tagsTierI" href="/tag&text=%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87%E0%B9%84%E0%B8%9F%E0%B8%9F%E0%B9%89%E0%B8%
2861B2" > 2862 à¸à¸²à¸£à¹à¸à¹à¸¥à¸¹à¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸² </a> 2863 </li> 2864 <li class="li-footer-sub footerTagsLine"> 2865 <a class="tagsTierI" href="/tag&text=%E0%B8%84%E0%B8%B2%E0%B8%A3%E0%B9%8C%E0%B8%94%E0%B8%B4%E0%B9%82%E0%B8%AD" > 2866 à¸à¸²à¸£à¹à¸à¸´à¹à¸ </a> 2867 </li> 2868 <li class="li-footer-sub footerTagsLine"> 2869 <a class="tagsTierI" href="/tag&text=%E0%B8%88%E0%B8%B1%E0%B8%81%E0%B8%A3%E0%B8%A2%E0%B8%B2%E0%B8%99" > 2870 à¸à¸±à¸à¸£à¸¢à¸²à¸ </a> 2871 </li> 2872 <li class="li-footer-sub footerTagsLine"> 2873 <a class="tagsTierI" href="/tag&text=%E0%B8%88%E0%B8%B1%E0%B8%81%E0%B8%A3%E0%B8%A2%E0%B8%B2%E0%B8%99+spin" > 2874 à¸à¸±à¸à¸£à¸¢à¸²à¸ spin </a> 2875 </li> 2876 <li class="li-footer-sub footerTagsLine"> 2877 <a class="tagsTierI" href="/tag&text=%E0%B8%88%E0%B8%B1%E0%B8%81%E0%B8%A3%E0%B8%A2%E0%B8%B2%E0%B8%99%E0%B8%99%E0%B8%B1%E0%B9%88%E0%B8%87%E0%B8%9B%E0%B8%B1%E0%B9%88%E0%B8%99" > 2878 à¸à¸±à¸à¸£à¸¢à¸²à¸à¸à¸±à¹à¸à¸à¸±à¹à¸ </a> 2879 </li> 2880 <li class="li-footer-sub footerTagsLine"> 2881 <a class="tagsTierI" href="/tag&text=%E0%B8%88%E0%B8%B1%E0%B8%81%E0%B8%A3%E0%B8%A2%E0%B8%B2%E0%B8%99%E0%B8%AA%E0%B8%9B%E0%B8%B4%E0%B8%99%E0%B9%84%E0%B8%9A%E0%B8%84%E0%B9%8C" > 2882 à¸à¸±à¸à¸£à¸¢à¸²à¸à¸ªà¸à¸´à¸à¹à¸à¸à¹ </a> 2883 </li> 2884 <li class="li-footer-sub footerTagsLine"> 2885 <a class="tagsTierII" href="/tag&text=%E0%B8%88%E0%B8%B1%E0%B8%81%E0%B8%A3%E0%B8%A2%E0%B8%B2%E0%B8%99%E0%B8%AD%E0%B8%AD%E0%B8%81%E0%B8%81%E0%B8%B3%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%B2%E0%B8%A2" > 2886 à¸à¸±à¸à¸£à¸¢à¸²à¸à¸à¸à¸à¸à¸³à¸¥à¸±à¸à¸à¸²à¸¢ </a> 2887 </li> 2888 <li class="li-footer-sub footerTagsLine"> 2889 <a class="tagsTierI" href="/tag&text=%E0%B8%88%E0%B8%B1%E0%B8%81%E0%B8%A3%E0%B8%A2%E0%B8%B2%E0%B8%99%E0%B9%80%E0%B8%AD%E0%B8%99%E0%B8%9B%E0%B8%B1%E0%B9%88%E0%B8%99" > 2890 à¸à¸±à¸à¸£à¸¢à¸²à¸à¹à¸à¸à¸à¸±à¹à¸ </a> 2891 </li> 2892 <li class="li-footer-sub footerTagsLine"> 2893 <a class="tagsTierI" href="/tag&text=%E0%B8%99%E0%B9%89%E0%B8%B3%E0%B8%A1%E0%B8%B1%E0%B8%99%E0%B8%8B%E0%B8%B4%E0%B8%A5%E0%B8%B4%E0%B9%82%E0%B8%84%E0%B8%99" > 2894 à¸à¹à¸³à¸¡à¸±à¸à¸à¸´à¸¥à¸´à¹à¸à¸ </a> 2895 </li> 2896 <li class="li-footer-sub footerTagsLine"> 2897 <a class="tagsTierI" href="/tag&text=%E0%B8%99%E0%B9%89%E0%B8%B3%E0%B8%A1%E0%B8%B1%E0%B8%99%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87" > 2898 à¸à¹à¸³à¸¡à¸±à¸à¸¥à¸¹à¹à¸§à¸´à¹à¸ </a> 2899 </li> 2900 <li class="li-footer-sub footerTagsLine"> 2901 <a class="tagsTierI" href="/tag&text=%E0%B8%99%E0%B9%89%E0%B8%
2901B3%E0%B8%A1%E0%B8%B1%E0%B8%99%E0%B8%AA%E0%B8%B2%E0%B8%A2%E0%B8%9E%E0%B8%B2%E0%B8%99%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87" > 2902 à¸à¹à¸³à¸¡à¸±à¸à¸ªà¸²à¸¢à¸à¸²à¸à¸¥à¸¹à¹à¸§à¸´à¹à¸ </a> 2903 </li> 2904 <li class="li-footer-sub footerTagsLine"> 2905 <a class="tagsTierI" href="/tag&text=%E0%B8%9E%E0%B8%B2%E0%B8%A7%E0%B9%80%E0%B8%A7%E0%B8%AD%E0%B8%A3%E0%B9%8C%E0%B9%81%E0%B8%A3%E0%B8%84" > 2906 à¸à¸²à¸§à¹à¸§à¸à¸£à¹à¹à¸£à¸ </a> 2907 </li> 2908 <li class="li-footer-sub footerTagsLine"> 2909 <a class="tagsTierI" href="/tag&text=%E0%B8%A1%E0%B9%89%E0%B8%B2%E0%B8%A2%E0%B8%81%E0%B8%99%E0%B9%89%E0%B8%B3%E0%B8%AB%E0%B8%99%E0%B8%B1%E0%B8%81" > 2910 มà¹à¸²à¸¢à¸à¸à¹à¸³à¸«à¸à¸±à¸ </a> 2911 </li> 2912 <li class="li-footer-sub footerTagsLine"> 2913 <a class="tagsTierI" href="/tag&text=%E0%B8%A2%E0%B8%81%E0%B8%99%E0%B9%89%E0%B8%B3%E0%B8%AB%E0%B8%99%E0%B8%B1%E0%B8%81" > 2914 ยà¸à¸à¹à¸³à¸«à¸à¸±à¸ </a> 2915 </li> 2916 <li class="li-footer-sub footerTagsLine"> 2917 <a class="tagsTierIV" href="/tag&text=%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87" > 2918 ลูà¹à¸§à¸´à¹à¸ </a> 2919 </li> 2920 <li class="li-footer-sub footerTagsLine"> 2921 <a class="tagsTierI" href="/tag&text=%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87%E0%B8%82%E0%B8%99%E0%B8%B2%E0%B8%94%E0%B9%83%E0%B8%AB%E0%B8%8D%E0%B9%88" > 2922 ลูà¹à¸§à¸´à¹à¸à¸à¸à¸²à¸à¹à¸«à¸à¹ </a> 2923 </li> 2924 <li class="li-footer-sub footerTagsLine"> 2925 <a class="tagsTierI" href="/tag&text=%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87%E0%B8%9F%E0%B8%B4%E0%B8%95%E0%B8%99%E0%B9%80%E0%B8%99%E0%B8%AA" > 2926 ลูà¹à¸§à¸´à¹à¸à¸à¸´à¸à¸à¹à¸à¸ª </a> 2927 </li> 2928 <li class="li-footer-sub footerTagsLine"> 2929 <a class="tagsTierI" href="/tag&text=%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87%E0%B8%9F%E0%B8%B4%E0%B8%95%E0%B9%80%E0%B8%99%E0%B8%AA" > 2930 ลูà¹à¸§à¸´à¹à¸à¸à¸´à¸à¹à¸à¸ª </a> 2931 </li> 2932 <li class="li-footer-sub footerTagsLine"> 2933 <a class="tagsTierI" href="/tag&text=%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87%E0%B8%A2%E0%B8%B4%E0%B8%A1" > 2934 ลูà¹à¸§à¸´à¹à¸à¸¢à¸´à¸¡ </a> 2935 </li> 2936 <li class="li-footer-sub footerTagsLine"> 2937 <a class="tagsTierI" href="/tag&text=%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87%E0%B9%83%E0%B8%99%E0%B8%9A%E0%B9%89%E0%B8%B2%E0%B8%99" > 2938 ลูà¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸²à¸ </a> 2939 </li> 2940 <li class="li-footer-sub footerTagsLine"> 2941 <a class="tagsTierIV" href="/tag&text=%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87%E0%B9%84%E0%B8%9F%E0%B8%9F%E0%B9%89%E0%B8%
2941B2" > 2942 ลูà¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸² </a> 2943 </li> 2944 <li class="li-footer-sub footerTagsLine"> 2945 <a class="tagsTierI" href="/tag&text=%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87%E0%B9%84%E0%B8%9F%E0%B8%9F%E0%B9%89%E0%B8%B2+2026" > 2946 ลูà¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸² 2026 </a> 2947 </li> 2948 <li class="li-footer-sub footerTagsLine"> 2949 <a class="tagsTierI" href="/tag&text=%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87%E0%B9%84%E0%B8%9F%E0%B8%9F%E0%B9%89%E0%B8%B2+%E0%B8%A2%E0%B8%B5%E0%B9%88%E0%B8%AB%E0%B9%89%E0%B8%AD%E0%B9%84%E0%B8%AB%E0%B8%99%E0%B8%94%E0%B8%B5" > 2950 ลูà¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸² ยีà¹à¸«à¹à¸à¹à¸«à¸à¸à¸µ </a> 2951 </li> 2952 <li class="li-footer-sub footerTagsLine"> 2953 <a class="tagsTierI" href="/tag&text=%E0%B8%AA%E0%B8%9B%E0%B8%B4%E0%B8%99%E0%B9%84%E0%B8%9A%E0%B8%84%E0%B9%8C" > 2954 สà¸à¸´à¸à¹à¸à¸à¹ </a> 2955 </li> 2956 <li class="li-footer-sub footerTagsLine"> 2957 <a class="tagsTierI" href="/tag&text=%E0%B8%AA%E0%B8%A1%E0%B8%B4%E0%B8%97%E0%B9%81%E0%B8%A1%E0%B8%8A%E0%B8%8A%E0%B8%B5%E0%B8%99" > 2958 สมิà¸à¹à¸¡à¸à¸à¸µà¸ </a> 2959 </li> 2960 <li class="li-footer-sub footerTagsLine"> 2961 <a class="tagsTierII" href="/tag&text=%E0%B8%AA%E0%B8%A1%E0%B8%B4%E0%B8%98%E0%B9%81%E0%B8%A1%E0%B8%8A%E0%B8%8A%E0%B8%B5%E0%B8%99" > 2962 สมิà¸à¹à¸¡à¸à¸à¸µà¸ </a> 2963 </li> 2964 <li class="li-footer-sub footerTagsLine"> 2965 <a class="tagsTierI" href="/tag&text=%E0%B8%AA%E0%B8%B2%E0%B8%A2%E0%B8%9E%E0%B8%B2%E0%B8%99%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87" > 2966 สายà¸à¸²à¸à¸¥à¸¹à¹à¸§à¸´à¹à¸ </a> 2967 </li> 2968 <li class="li-footer-sub footerTagsLine"> 2969 <a class="tagsTierI" href="/tag&text=%E0%B8%AB%E0%B8%A2%E0%B8%AD%E0%B8%94%E0%B8%99%E0%B9%89%E0%B8%B3%E0%B8%A1%E0%B8%B1%E0%B8%99%E0%B8%AA%E0%B8%B2%E0%B8%A2%E0%B8%9E%E0%B8%B2%E0%B8%99%E0%B8%A5%E0%B8%B9%E0%B9%88%E0%B8%A7%E0%B8%B4%E0%B9%88%E0%B8%87" > 2970 หยà¸à¸à¸à¹à¸³à¸¡à¸±à¸à¸ªà¸²à¸¢à¸à¸²à¸à¸¥à¸¹à¹à¸§à¸´à¹à¸ </a> 2971 </li> 2972 <li class="li-footer-sub footerTagsLine"> 2973 <a class="tagsTierI" href="/tag&text=%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%A2%E0%B8%81%E0%B8%99%E0%B9%89%E0%B8%B3%E0%B8%AB%E0%B8%99%E0%B8%B1%E0%B8%81" > 2974 à¹à¸à¸£à¸·à¹à¸à¸à¸¢à¸à¸à¹à¸³à¸«à¸à¸±à¸ </a> 2975 </li> 2976 <li class="li-footer-sub footerTagsLine"> 2977 <a class="tagsTierII" href="/tag&text=%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%AD%E0%B8%AD%E0%B8%81%E0%B8%81%E0%B8%B3%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%B2%E0%B8%A2" > 2978 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¸à¸à¸³à¸¥à¸±à¸à¸à¸²à¸¢ </a> 2979 </li> 2980 <li class="li-footer-sub footerTagsLine"> 2981 <a class="tagsTierI" href="/tag&text=%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%
2981B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B9%80%E0%B8%94%E0%B8%B4%E0%B8%99%E0%B8%A7%E0%B8%87%E0%B8%A3%E0%B8%B5" > 2982 à¹à¸à¸£à¸·à¹à¸à¸à¹à¸à¸´à¸à¸§à¸à¸£à¸µ </a> 2983 </li> 2984 <li class="li-footer-sub footerTagsLine"> 2985 <a class="tagsTierI" href="/tag&text=%E0%B9%80%E0%B8%A7%E0%B8%97%E0%B9%80%E0%B8%97%E0%B8%A3%E0%B8%99%E0%B8%99%E0%B8%B4%E0%B9%88%E0%B8%87" > 2986 à¹à¸§à¸à¹à¸à¸£à¸à¸à¸´à¹à¸ </a> 2987 </li> 2988 <li class="li-footer-sub footerTagsLine"> 2989 <a class="tagsTierI" href="/tag&text=%E0%B9%81%E0%B8%9C%E0%B9%88%E0%B8%99%E0%B8%99%E0%B9%89%E0%B8%B3%E0%B8%AB%E0%B8%99%E0%B8%B1%E0%B8%81" > 2990 à¹à¸à¹à¸à¸à¹à¸³à¸«à¸à¸±à¸ </a> 2991 </li> 2992 <li class="li-footer-sub footerTagsLine"> 2993 <a class="tagsTierI" href="/tag&text=%E0%B9%82%E0%B8%AE%E0%B8%A1%E0%B8%A2%E0%B8%B4%E0%B8%A1" > 2994 à¹à¸®à¸¡à¸¢à¸´à¸¡ </a> 2995 </li> 2996 </ul> 2997 </div> 2998 </div> 2999</div> 3000 3001 </div> 3002 </div> 3003 </div> 3004 </div> 3005 </div> 3006 </div> 3007 <div id="footer-bar"> 3008 <div class="container"> 3009 <div class="row"> 3010 <div class="col-12"> 3011 <!-- ===== START: MEGAMAX FIXED MOBILE QUICK MENU ===== --><section id="mmx-mobile-quick-menu" class="headerMobile" aria-label="à¹à¸¡à¸à¸¹à¸à¸²à¸à¸¥à¸±à¸ MEGAMAX" style="display: block; position: relative; z-index: auto; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; height: 68px; margin: 0; padding: 0; border: 0; font-family: inherit;" data-mce-style="display: block; position: relative; z-index: auto; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; height: 68px; margin: 0; padding: 0; border: 0; font-family: inherit;"><div id="mmx-mobile-quick-menu-bar" style="position: fixed; top: 56px; left: 0; right: 0; z-index: 55; box-sizing: border-box; width: auto; max-width: none; height: 68px; margin: 0; padding: 0; background: #ffffff; border-bottom: 1px solid #e3ebf0; box-shadow: 0 3px 10px rgba(0,0,0,0.08); font-family: inherit;" data-mce-style="position: fixed; top: 56px; left: 0; right: 0; z-index: 55; box-sizing: border-box; width: auto; max-width: none; height: 68px; margin: 0; padding: 0; background: #ffffff; border-bottom: 1px solid #e3ebf0; box-shadow: 0 3px 10px rgba(0,0,0,0.08); font-family: inherit;"><div role="navigation" aria-label="หมวà¸à¸ªà¸´à¸à¸à¹à¸²à¹à¸¥à¸°à¸à¹à¸à¸¡à¸¹à¸¥ MEGAMAX" style="display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; height: 100%; margin: 0; padding: 8px 12px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #bcced9 #ffffff; font-family: inherit;" data-mce-style="display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; height: 100%; margin: 0; padding: 8px 12px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #bcced9 #ffffff; font-family: inherit;"><!-- 1. หà¸à¹à¸²à¹à¸£à¸ --> <a href="https://www.megamaxfitness.com/" aria-label="หà¸à¹à¸²à¹à¸£à¸ MEGAMAX" style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #ffffff; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;" data-mce-href="https://www.megamaxfitness.com/" data-mce-style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #ffffff; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;"> <i class="fas fa-home" aria-hidden="true" style="font-size: 15px; color: #087db8;" data-mce-style="font-size: 15px; color: #087db8;"></i> <span style="font-family: inherit; font-size: inherit; color: inherit;" data-mce-style="font-family: inherit; font-size: inherit; color: inherit;">
3011 หà¸à¹à¸²à¹à¸£à¸ </span> </a> <!-- 2. à¸à¸´à¸à¸à¹à¸à¹à¸£à¸²: à¸à¸¸à¹à¸¡ Highlight หลัภ--> <a href="https://www.megamaxfitness.com/contact" aria-label="à¸à¸´à¸à¸à¹à¸à¸ªà¸à¸à¸à¸²à¸¡à¸«à¸£à¸·à¸à¸ªà¸±à¹à¸à¸à¸·à¹à¸à¸à¸±à¸ MEGAMAX" style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 17px; border: 1px solid #087db8; border-radius: 999px; background: #087db8; color: #ffffff !important; box-shadow: 0 3px 9px rgba(8,125,184,0.25); font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.5; text-decoration: none !important; white-space: nowrap;" data-mce-href="https://www.megamaxfitness.com/contact" data-mce-style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 17px; border: 1px solid #087db8; border-radius: 999px; background: #087db8; color: #ffffff !important; box-shadow: 0 3px 9px rgba(8,125,184,0.25); font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.5; text-decoration: none !important; white-space: nowrap;"> <i class="fas fa-comments" aria-hidden="true" style="font-size: 15px; color: #ffffff;" data-mce-style="font-size: 15px; color: #ffffff;"></i> <span style="font-family: inherit; font-size: inherit; color: inherit;" data-mce-style="font-family: inherit; font-size: inherit; color: inherit;"> à¸à¸´à¸à¸à¹à¸à¹à¸£à¸² </span> </a> <!-- 3. ลูà¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸² --> <a href="https://www.megamaxfitness.com/ลูà¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸²" aria-label="à¸à¸¹à¸¥à¸¹à¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸²" style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #f6f9fb; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;" data-mce-href="https://www.megamaxfitness.com/ลูà¹à¸§à¸´à¹à¸à¹à¸à¸à¹à¸²" data-mce-style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #f6f9fb; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;"> <i class="fas fa-heartbeat" aria-hidden="true" style="font-size: 15px; color: #087db8;" data-mce-style="font-size: 15px; color: #087db8;"></i> <span style="font-family: inherit; font-size: inherit; color: inherit;" data-mce-style="font-family: inherit; font-size: inherit; color: inherit;"> ลูà¹à¸§à¸´à¹à¸ </span> </a> <!-- 4. สมิà¸à¹à¸¡à¸à¸à¸µà¸ / à¹à¸®à¸¡à¸¢à¸´à¸¡ --> <a href="https://www.megamaxfitness.com/smith" aria-label="à¸à¸¹à¸ªà¸¡à¸´à¸à¹à¸¡à¸à¸à¸µà¸à¹à¸¥à¸°à¹à¸®à¸¡à¸¢à¸´à¸¡" style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #f6f9fb; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;" data-mce-href="https://www.megamaxfitness.com/smith" data-mce-style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #f6f9fb; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;"> <i class="fas fa-dumbbell" aria-hidden="true" style="font-size: 15px; color: #087db8;" data-mce-style="font-size: 15px; color: #087db8;"></i> <span style="font-family: inherit; font-size: inherit; color: inherit;" data-mce-style="font-family: inherit; font-size: inherit; color: inherit;"> สมิภ/ à¹à¸®à¸¡à¸¢à¸´à¸¡ </span> </a> <!-- 5. à¸à¸±à¸à¸£à¸¢à¸²à¸ / à¹à¸à¸£à¸·à¹à¸à¸à¹à¸à¸´à¸à¸§à¸à¸£à¸µ --> <a href="https://www.megamaxfitness.com/cycling" aria-label="à¸à¸¹à¸à¸±à¸à¸£à¸¢à¸²à¸à¸à¸à¸à¸à¸³à¸¥à¸±à¸à¸à¸²à¸¢à¹à¸¥à¸°à¹à¸à¸£à¸·à¹à¸à¸à¹à¸à¸´à¸à¸§à¸à¸£à¸µ" style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #f6f9fb; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;" data-mce-href="https://www.megamaxfitness.com/cycling" data-mce-style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #f6f9fb; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;"> <i class="fas fa-bicycle" aria-hidden="true" style="font-size: 15px; color: #087db8;" data-mce-style="font-size: 15px; color: #087db8;"></i> <span style="font-family: inherit; font-size: inherit; color: inherit;" data-mce-style="font-family: inherit; font-size: inherit; color: inherit;"> à¸à¸±à¸à¸£à¸¢à¸²à¸ / วà¸à¸£à¸µ </span> </a> <!-- 6. สิà¸à¸à¹à¸²à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸à¸à¹à¸à¸£ --> <a href="https://www.megamaxfitness.com/fitness-gym" aria-label="à¸à¸¹à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¸à¸à¸³à¸¥à¸±à¸à¸à¸²à¸¢à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸à¸à¹à¸à¸£" style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #f6f9fb; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;" data-mce-href="https://www.megamaxfitness.com/fitness-gym" data-mce-style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #f6f9fb; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;"> <i class="fas fa-building" aria-hidden="true" style="font-size: 15px; color: #087db8;" data-mce-style="font-size: 15px; color: #087db8;"></i> <span style="font-family: inherit; font-size: inherit; color: inherit;" data-mce-style="font-family: inherit; font-size: inherit; color: inherit;"> สำหรัà¸à¸à¸à¸à¹à¸à¸£ </span> </a> <!-- 7. สาà¸à¸²à¹à¸¥à¸°à¹à¸à¸§à¹à¸£à¸¹à¸¡ --> <a href="https://www.megamaxfitness.com/branch" aria-label="à¸à¸¹à¸ªà¸²à¸à¸²à¹à¸¥à¸°à¹à¸à¸§à¹à¸£à¸¹à¸¡ MEGAMAX" style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #f6f9fb; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;" data-mce-href="https://www.megamaxfitness.com/branch" data-mce-style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #f6f9fb; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;"> <i class="fas fa-map-marker-alt" aria-hidden="true" style="font-size: 15px; color: #087db8;" data-mce-style="font-size: 15px; color: #087db8;"></i> <span style="font-family: inherit; font-size: inherit; color: inherit;" data-mce-style="font-family: inherit; font-size: inherit; color: inherit;"> สาà¸à¸² </span> </a> <!-- 8. FAQ --> <a href="https://www.megamaxfitness.com/faq" aria-label="à¸à¸³à¸à¸²à¸¡à¸à¸µà¹à¸à¸à¸à¹à¸à¸¢ FAQ" style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #ffffff; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;" data-mce-href="https://www.megamaxfitness.com/faq" data-mce-style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #ffffff; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;"> <i class="fas fa-question-circle" aria-hidden="true" style="font-size: 15px; color: #087db8;" data-mce-style="font-size: 15px; color: #087db8;"></i> <span style="font-family: inherit; font-size: inherit; color: inherit;" data-mce-style="font-family: inherit; font-size: inherit; color: inherit;"> FAQ </span> </a> <!-- 9. à¸à¸à¸à¸§à¸²à¸¡ --> <a href="https://www.megamaxfitness.com/categorycontent" aria-label="à¸à¹à¸²à¸à¸à¸à¸à¸§à¸²à¸¡à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¸à¸à¸³à¸¥à¸±à¸à¸à¸²à¸¢" style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #ffffff; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;" data-mce-href="https://www.megamaxfitness.com/categorycontent" data-mce-style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #ffffff; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;"> <i class="fas fa-book-open" aria-hidden="true" style="font-size: 15px; color: #087db8;" data-mce-style="font-size: 15px; color: #087db8;"></i> <span style="font-family: inherit; font-size: inherit; color: inherit;" data-mce-style="font-family: inherit; font-size: inherit; color: inherit;"> à¸à¸à¸à¸§à¸²à¸¡ </span> </a> <!-- 10. à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸² --> <a href="https://www.megamaxfitness.com/aboutus" aria-label="รูà¹à¸à¸±à¸ MEGAMAX" style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #ffffff; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;" data-mce-href="https://www.megamaxfitness.com/aboutus" data-mce-style="display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 15px; border: 1px solid #dce6ec; border-radius: 999px; background: #ffffff; color: #202b33 !important; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none !important; white-space: nowrap;"> <i class="fas fa-store" aria-hidden="true" style="font-size: 15px; color: #087db8;" data-mce-style="font-size: 15px; color: #087db8;"></i> <span style="font-family: inherit; font-size: inherit; color: inherit;" data-mce-style="font-family: inherit; font-size: inherit; color: inherit;"> à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸² </span> </a></div></div></section><!-- ===== END: MEGAMAX FIXED MOBILE QUICK MENU ===== --><p><span style="color: #ffffff;" data-mce-style="color: #ffffff;">CopyRight MEGAMAXFitness.com 2017</span></p><p><span style="color: #ffffff;" data-mce-style="color: #ffffff;"> </span><br></p><p><span style="color: #ffffff;" data-mce-style="color: #ffffff;">
3011MEGAMAX⢠FITNESS à¸à¸·à¸ à¸à¸¹à¹à¸à¸³à¹à¸à¹à¸²à¹à¸¥à¸°à¸à¸³à¸«à¸à¹à¸²à¹à¸¢à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¸à¸à¸³à¸¥à¸±à¸à¸à¸²à¸¢ à¸à¸±à¸à¸£à¸¢à¸²à¸à¸à¸à¸à¸à¸³à¸¥à¸±à¸à¸à¸²à¸¢ ลูà¹à¸§à¸´à¹à¸ x bike spin bike</span><br><span style="color: #ffffff;" data-mce-style="color: #ffffff;">MEGAMAX⢠MEGABIKE⢠à¹à¸à¹à¸¡à¸µà¸à¸²à¸£à¸¢à¸·à¹à¸à¸à¸à¹à¸à¸£à¸·à¹à¸à¸à¸«à¸¡à¸²à¸¢à¸à¸²à¸£à¸à¹à¸²à¸à¹à¸à¸à¸£à¸¡à¸à¸£à¸±à¸à¸¢à¹à¸ªà¸´à¸à¸à¸²à¸à¸à¸±à¸à¸à¸²</span><br><span style="color: #ffffff;" data-mce-style="color: #ffffff;">à¸à¸¹à¹à¹à¸à¸à¸³à¹à¸à¸£à¸·à¹à¸à¸à¸«à¸¡à¸²à¸¢à¸à¸²à¸£à¸à¹à¸²à¸à¸±à¸à¸à¸¥à¹à¸²à¸§à¹à¸à¹à¸à¹à¹à¸à¸¢à¹à¸¡à¹à¹à¸à¹à¸£à¸±à¸à¸à¸à¸¸à¸à¸²à¸à¸´ à¸à¸²à¸à¸à¸¹à¸à¸à¹à¸à¸à¸£à¹à¸à¸à¸à¸³à¹à¸à¸´à¸à¸à¸à¸µà¸à¸±à¹à¸à¸à¸²à¸à¹à¸à¹à¸à¹à¸¥à¸°à¸à¸²à¸à¸²</span></p> </div> 3012 </div> 3013 </div> 3014 </div> 3015 </footer> 3016 3017 </div> 3018 <div id="section-engine" style="font-size: 12px; font-family: 'Tahoma' !important; "> 3019 Powered by 3020 <a style="font-size: 12px; font-family: 'Tahoma' !important;" class="spanMWE" href="https://www.makewebeasy.com/th" target="_blank" title="à¸à¸³à¹à¸§à¹à¸à¸à¸£à¸µ สรà¹à¸²à¸à¹à¸§à¹à¸à¸à¸£à¸µ à¹à¸§à¹à¸à¸à¸£à¸µ à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸£à¸µ">MakeWebEasy.com</a> 3021 </div> 3022 3023 <div class="widget_cart_fix_display open"></div> 3024 </div> 3025 </div> 3026 3027 <!-- cookie consent--> 3028 3029<div class="policy-position"> 3030 <div class="wrap-con"> 3031 <div class="container"> 3032 <div class="row pad-row-pdpa policy-container"> 3033 <div class="col-12 col-md-9 col-lg-9"> 3034 <span class="txt-pdconsent">à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸µà¹à¸¡à¸µà¸à¸²à¸£à¹à¸à¹à¸à¸²à¸à¸à¸¸à¸à¸à¸µà¹ à¹à¸à¸·à¹à¸à¹à¸à¸´à¹à¸¡à¸à¸£à¸°à¸ªà¸´à¸à¸à¸´à¸ าà¸à¹à¸¥à¸°à¸à¸£à¸°à¸ªà¸à¸à¸²à¸£à¸à¹à¸à¸µà¹à¸à¸µà¹à¸à¸à¸²à¸£à¹à¸à¹à¸à¸²à¸à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸à¸à¸à¹à¸²à¸ à¸à¹à¸²à¸à¸ªà¸²à¸¡à¸²à¸£à¸à¸à¹à¸²à¸à¸£à¸²à¸¢à¸¥à¸°à¹à¸à¸µà¸¢à¸à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡à¹à¸à¹à¸à¸µà¹ <a class="" href="/privacy-policy" target="_blank">à¸à¹à¸¢à¸à¸²à¸¢à¸à¸§à¸²à¸¡à¹à¸à¹à¸à¸ªà¹à¸§à¸à¸à¸±à¸§</a> 3035 à¹à¸¥à¸° <a class="" href="/cookies-policy" target="_blank">à¸à¹à¸¢à¸à¸²à¸¢à¸à¸¸à¸à¸à¸µà¹</a> 3036 </span> 3037 </div> 3038 <div class="col-12 col-md-3 col-lg-3 colbtn"> 3039 <button class="btnAcceptPd btn btn-style " type="button" id="btn_setting_cookie">à¸à¸±à¹à¸à¸à¹à¸²à¸à¸¸à¸à¸à¸µà¹</button> 3040 <button class="btnAcceptPd btn btn-style" type="button" id="btnAcceptPd">ยà¸à¸¡à¸£à¸±à¸à¸à¸±à¹à¸à¸«à¸¡à¸</button> 3041 </div> 3042 </div> 3043 </div> 3044 </div> 3045</div> 3046
3046<script type="text/javascript"> 3047 var plugins = {}; 3048 plugins['fontawesome'] = {'isEnable': false}; 3049 plugins['hamburgers'] = {'isEnable': true}; 3050 plugins['imagesloaded'] = {'isEnable': false}; 3051 plugins['magnificpopup'] = {'isEnable': true}; 3052 plugins['masonry'] = {'isEnable': true}; 3053 plugins['owlcarousel'] = {'isEnable': true}; 3054 plugins['perfectscrollbar'] = {'isEnable': true}; 3055 plugins['scrollposstyler'] = {'isEnable': false}; 3056 plugins['style_mwe'] = {'isEnable': false}; 3057 plugins['all'] = {'isEnable': false}; 3058 plugins['circularloading'] = {'isEnable': true}; 3059 plugins['customerjs'] = {'isEnable': false}; 3060 plugins['customerstyle'] = {'isEnable': false}; 3061 plugins['font'] = {'isEnable': false}; 3062 plugins['fullcalendar'] = {'isEnable': true}; 3063 plugins['homebox_eventcalendar'] = {'isEnable': true}; 3064 plugins['page_calendar'] = {'isEnable': true}; 3065 plugins['page_faq'] = {'isEnable': true}; 3066 plugins['themesystem'] = {'isEnable': false}; 3067 </script>
3067 3068 <!-- JS Main --> 3069
3069<script src="https://cloud.makewebstatic.com/makeweb/prod/js/scrollPosStyler.min.js?v=202012190947"></script>
3069 3070
3070<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.flexslider-min.js?v=202604291000"></script>
3070 3071
3071<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.zoom.js?v=202604291000"></script>
3071 3072
3072<script src="https://cloud.makewebstatic.com/makeweb/prod/js/social-buttons.min.js?v=202604291000"></script>
3072 3073
3073<script src="https://cloud.makewebstatic.com/makeweb/prod/js/popper.min.js?v=202604291000"></script>
3073 3074
3074<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js?v=202604291000" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
3074 3075
3075<script src="https://cloud.makewebstatic.com/makeweb/prod/js/formValidation.min.js?v=202604291000"></script>
3075 3076
3076<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap.min.js?v=202604291000"></script>
3076 3077
3077<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=202604291000"></script>
3077 3078
3078<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-datetimepicker.min.js?v=202604291000"></script>
3078 3079
3079<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-checkbox.min.js?v=202604291000"></script>
3079 3080
3080<script src="https://cloud.makewebstatic.com/makeweb/prod/js/backtotop.min.js?v=202604291000"></script>
3080 3081
3081<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootbox.min.js?v=202102081700"></script>
3081 3082
3082<script src="https://cloud.makewebstatic.com/makeweb/prod/js/simplepagination.min.js?v=202604291000"></script>
3082 3083
3083<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-toggle.min.js?v=202604291000"></script>
3083 3084
3084<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-context.min.js?v=202604291000"></script>
3084 3085
3085<script src="https://cloud.makewebstatic.com/makeweb/prod/js/spectrum.min.js?v=202604291000"></script>
3085 3086
3086<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-select.min.js?v=202604291000"></script>
3086 3087
3087<script>var lang = "th";</script>
3087 3088
3088<script src="https://cloud.makewebstatic.com/makeweb/prod/js/modernizr.min.js?v=202604291000"></script>
3088 3089
3089<script src="https://cloud.makewebstatic.com/makeweb/prod/js/rellax_new_min.js?v=202604291000"></script>
3089 3090 <!-- JS Page --> 3091
3091<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=0"></script>
3091<script src="https://cloud.makewebstatic.com/makeweb/prod/js/fullcalendar.min.js?v=0"></script>
3091<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel.min.js?v=202001111111"></script>
3091<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel2.thumbs.min.js?v=202001111111"></script>
3091<script src="https://cloud.makewebstatic.com/makeweb/prod/js/perfect-scrollbar.jquery.min.js?v=0"></script>
3091<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.magnific-popup.min.js?v=202012190947"></script>
3091<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/masonry.pkgd.min.js?v=0"></script>
3091 <!-- JS Main --> 3092
3092<script defer src="https://cloud.makewebstatic.com/makeweb/prod/js/all.min.js?v=1"></script>
3092 3093
3093<script type="text/javascript" src="/include/customer/customer.js?v=202510071324"></script>
3093 3094
3094<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/hideShowPassword.min.js?v=202604291000"></script>
3094 3095 <!-- Script CustomerPage --> 3096 <!-- Script Body --> 3097
3097<script type="text/javascript"> 3098 $(document).ready(function () { 3099 if ( 3100 navigator.platform == 'iPhone' || 3101 navigator.platform == 'iPod' || 3102 navigator.platform == 'iPad' || 3103 (navigator.platform == 'MacIntel' && navigator.maxTouchPoints != 0) 3104 ) { 3105 var $body = $('body'); 3106 var bg_attachment = $body.css('background-attachment'); 3107 if (bg_attachment == 'fixed') { 3108 var bg_size = $body.css('background-size'); 3109 if (bg_size == 'auto') { 3110 var bg_img = $body.css('background-image'); 3111 var bg_repeat = $body.css('background-repeat'); 3112 $bodyBG = $('<div class="pseudo-body-bg"></div>'); 3113 $bodyBG.css('width', '100vw'); 3114 $bodyBG.css('height', '100vh'); 3115 $bodyBG.css('position', 'fixed'); 3116 $bodyBG.css('top', '0'); 3117 $bodyBG.css('left', '0'); 3118 $bodyBG.css('background-image', bg_img); 3119 $bodyBG.css('background-repeat', bg_repeat); 3120 $bodyBG.css('z-index', '-99'); 3121 $body.prepend($bodyBG); 3122 3123 } else if (bg_size == 'cover') { 3124 var bg_img = $body.css('background-image'); 3125 var bg_repeat = $body.css('background-repeat'); 3126 var bg_pos = $body.css('background-position'); 3127 var bg_size = $body.css('background-size'); 3128 $bodyBG = $('<div class="pseudo-body-bg"></div>'); 3129 $bodyBG.css('width', '100vw'); 3130 $bodyBG.css('height', '100vh'); 3131 $bodyBG.css('position', 'fixed'); 3132 $bodyBG.css('top', '0'); 3133 $bodyBG.css('left', '0'); 3134 $bodyBG.css('background-image', bg_img); 3135 $bodyBG.css('background-repeat', bg_repeat); 3136 $bodyBG.css('background-position', bg_pos); 3137 $bodyBG.css('background-size', bg_size); 3138 $bodyBG.css('-webkit-background-size', bg_size); 3139 $bodyBG.css('-moz-background-size', bg_size); 3140 $bodyBG.css('-o-background-size', bg_size); 3141 $bodyBG.css('z-index', '-99'); 3142 $body.prepend($bodyBG); 3143 } 3144 } 3145 } 3146 }); 3147 </script>
3147 3148 <!-- Script Rellax --> 3149
3149<script type="text/javascript"> 3150 if (document.getElementsByClassName("rellax").length > 0) { 3151 if (!navigator.userAgent.match(/SamsungBrowser/i) && Modernizr.csstransforms) { 3152 var rellax = new Rellax('.rellax', { 3153 speed: -4, 3154 round: true 3155 }); 3156 } else { 3157 $(document).ready(function () { 3158 $('.rellax-view').each(function (index) { 3159 var $rellax = $(this).find('>.rellax'); 3160 var bg_img = $rellax.css('background-image'); 3161 var bg_repeat = $rellax.css('background-repeat'); 3162 var bg_xpos = $rellax.css('background-position-x'); 3163 var bg_ypos = $rellax.css('background-position-y'); 3164 var bg_size = $rellax.css('background-size'); 3165 $(this).css({ 3166 'background-image': bg_img, 3167 'background-repeat': bg_repeat, 3168 'background-position-x': bg_xpos, 3169 'background-position-y': bg_ypos, 3170 '-webkit-background-size': bg_size, 3171 '-moz-background-size': bg_repeat, 3172 '-o-background-size': bg_repeat, 3173 'background-size': bg_repeat, 3174 }).addClass('rellax-not-support'); 3175 $rellax.remove(); 3176 }); 3177 }); 3178 } 3179 } 3180 </script>
3180 3181 <!-- Script Slide --> 3182 <!-- Script WidgetCart --> 3183
3183<script> 3184 drawWidgetCartFix(); 3185 </script>
3185 3186 3187 <!-- Script MWEAds --> 3188
3188<script> 3189 // $("#divMWEAds").on("click", function (e) { 3190 // var aNode = e.target.nodeName; 3191 // if (aNode !== "B") { 3192 // window.open('https://www.makewebeasy.com'); 3193 // } 3194 // }); 3195 </script>
3195 3196 <!-- Script FB --> 3197 3198
3198<script> 3199 (function (d, s, id) { 3200 var lang = "th_TH"; 3201 var js, fjs = d.getElementsByTagName(s)[0]; 3202 if (d.getElementById(id)) 3203 return; 3204 js = d.createElement(s); 3205 js.id = id; 3206 js.async = true; 3207 js.src = "https://connect.facebook.net/" + lang + "/sdk.js#xfbml=1&version=v21.0&appId=247654985728313"; 3208 fjs.parentNode.insertBefore(js, fjs); 3209 }(document, "script", "facebook-jssdk")); 3210 </script>
3210 3211 <!-- Script Embed --> 3212 <!-- Script More --> 3213
3213<script type="text/javascript"> 3214 function myFunctionincount(id, gid, page, homid, place, local, pagetype) { 3215 if (id !== '' && page !== '' && local !== '') { 3216 jQuery.ajax({ 3217 type: 'POST', 3218 url: '/customer/banner/store.php', 3219 data: { 3220 bnid: id, 3221 gid: gid, 3222 page: page, 3223 home: homid, 3224 place: place, 3225 local: local, 3226 pagetype: pagetype 3227 }, 3228 success: function (returnData) { 3229 if (returnData != '') { 3230 console.log(returnData); 3231 } 3232 } 3233 }); 3234 } 3235 } 3236 $(function () { 3237 $('a[href*="#"]:not([href="#"])').click(function () { 3238 if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 3239 var target = $(this.hash); 3240 target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 3241 if (target.length) { 3242 disable_scroll(); 3243 $('html,body').animate({ 3244 scrollTop: target.offset().top 3245 }, 'slow', function () { 3246 enable_scroll(); 3247 }); 3248 return false; 3249 } 3250 } 3251 }); 3252 }); 3253 function preventDefault(e) { 3254 e = e || window.event; 3255 if (e.preventDefault) 3256 e.preventDefault(); 3257 e.returnValue = false; 3258 } 3259 function wheel(e) { 3260 preventDefault(e); 3261 } 3262 function disable_scroll() { 3263 if (window.addEventListener) { 3264 window.addEventListener('DOMMouseScroll', wheel, false); 3265 } 3266 window.onmousewheel = document.onmousewheel = wheel; 3267 } 3268 function enable_scroll() { 3269 if (window.removeEventListener) { 3270 window.removeEventListener('DOMMouseScroll', wheel, false); 3271 } 3272 window.onmousewheel = document.onmousewheel = null; 3273 } 3274 3275 $(function () { 3276 $('#whatsappIcon').click(function () { 3277 let toggle = $(this).data("toggle"); 3278 if (toggle == 0) { 3279 $("#whatsappDialog").css({"opacity": "1", "pointer-events": "all", "visibility": "visible", "touch-action": "auto", "margin-bottom": "96px"}); 3280 let date = new Date(); 3281 $('.whatsappTime').html(("0" + date.getHours()).slice(-2)+':'+("0" + date.getMinutes()).slice(-2)); 3282 $(this).data("toggle", 1); 3283 } else { 3284 $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"}); 3285 $(this).data("toggle", 0); 3286 } 3287 }); 3288 $('.whatsappBtnCancel').click(function () { 3289 $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"}); 3290 $('#whatsappDialog').data("toggle", 0); 3291 }); 3292 }); 3293 </script>
3293 3294
3294<script type="text/javascript"> 3295 // Img LazyLoad 3296 document.addEventListener("DOMContentLoaded", function() { 3297 var lazyImages = [].slice.call(document.querySelectorAll("img.lazy")); 3298 if ("IntersectionObserver" in window) { 3299 let lazyImageObserver = new IntersectionObserver(function(entries, observer) { 3300 entries.forEach(function(entry) { 3301 if (entry.isIntersecting) { 3302 let lazyImage = entry.target; 3303 lazyImage.src = lazyImage.dataset.src; 3304 lazyImage.classList.remove("lazy"); 3305 lazyImageObserver.unobserve(lazyImage); 3306 } 3307 }); 3308 }); 3309 3310 lazyImages.forEach(function(lazyImage) { 3311 lazyImageObserver.observe(lazyImage); 3312 }); 3313 } else { 3314 // Possibly fall back to a more compatible method here 3315 lazyImages.forEach(function(lazyImage) { 3316 lazyImage.src = lazyImage.dataset.src; 3317 lazyImage.classList.remove("lazy"); 3318 }); 3319 } 3320 }); 3321 // Iframe LazyLoad 3322 document.addEventListener("DOMContentLoaded", function() { 3323 var lazyIframes = [].slice.call(document.querySelectorAll("iframe.lazy")); 3324 if ("IntersectionObserver" in window) { 3325 let lazyIframeObserver = new IntersectionObserver(function(entries, observer) { 3326 entries.forEach(function(entry) { 3327 if (entry.isIntersecting) { 3328 let lazyIframe = entry.target; 3329 lazyIframe.src = lazyIframe.dataset.src; 3330 lazyIframe.classList.remove("lazy"); 3331 lazyIframeObserver.unobserve(lazyIframe); 3332 } 3333 }); 3334 }); 3335 3336 lazyIframes.forEach(function(lazyIframe) { 3337 lazyIframeObserver.observe(lazyIframe); 3338 }); 3339 } else { 3340 lazyIframes.forEach(function(lazyIframe) { 3341 lazyIframe.src = lazyIframe.dataset.src; 3342 lazyIframe.classList.remove("lazy"); 3343 }); 3344 } 3345 }); 3346 </script>
3346 3347
3347<script type="text/javascript"> 3348 // Img Opacity 3349 (function ($) { 3350 "use strict"; 3351 $.fn.visible = function (partial) { 3352 if (typeof ($(this).offset()) !== 'undefined') { 3353 var $t = $(this), 3354 $w = $(window), 3355 viewTop = $w.scrollTop(), 3356 viewBottom = viewTop + $w.height(), 3357 _top = $t.offset().top, 3358 _bottom = _top + $t.height(), 3359 compareTop = partial === true ? _bottom : _top, 3360 compareBottom = partial === true ? _top : _bottom; 3361 return (((compareBottom <= viewBottom) && (compareTop >= viewTop)) || ((compareBottom <= viewBottom) && (compareTop >= viewTop))); 3362 } 3363 }; 3364 jQuery(window).ready(function ($) { 3365 var bkWindow = jQuery(window), bkthumbnail = [], bkthumbnailfooter = []; 3366 //bkRatingBars = $('.bk-overlay').find('.bk-zero-trigger'), 3367 3368 jQuery('body img').not('.imgLineWidget').imagesLoaded(function () { 3369 bkthumbnail = $('#section-content').find('img:not(.zoomImg)'); 3370 bkthumbnailfooter = $('#section-footer').find('img:not(.zoomImg)'); 3371 }).progress(function (instance, image) { 3372 var result = image.isLoaded ? 'loaded' : 'broken'; 3373 if (($(image.img).visible(true)) && ($(image.img).css('opacity') == 0)) { 3374 $(image.img).css('opacity', '1'); 3375 } 3376 if ($(image.img).hasClass("infoThumbProduct") || $(image.img).attr("id") == "compareProductDisplay" || $(image.img).hasClass("fill")) { 3377 $(image.img).css('opacity', '1'); 3378 } 3379 if ($(image.img).closest(".owl-item").length > 0) { 3380 $(image.img).css('opacity', '1'); 3381 var height = $(image.img).height(); 3382 $(image.img).css("height", height); 3383 } 3384 }); 3385 bkWindow.scroll(function (event) { 3386 $.each(bkthumbnail, function (i, value) { 3387 var bkValue = $(value); 3388 if ((bkValue.visible(true)) && (bkValue.css('opacity') == 0) && !bkValue.hasClass('lazy')) { 3389 bkValue.css('opacity', '1'); 3390 } 3391 }); 3392 $.each(bkthumbnailfooter, function (i, value) { 3393 var bkValueft = $(value); 3394 if ((bkValueft.visible(true)) && (bkValueft.css('opacity') == 0) && !bkValueft.hasClass('lazy')) { 3395 bkValueft.css('opacity', '1'); 3396 } 3397 }); 3398 }); 3399 }); 3400 })(jQuery); 3401 </script>
3401 3402 3403
3403<script type="text/javascript"> 3404 $(function () { 3405 $('a[href^="tel:"], a[href^="Tel:"]').click(function () { 3406 clickConversion('call'); 3407 }); 3408 $('a[href*="line.me"], a[href*="lin.ee"]').click(function () { 3409 if($(this).hasClass('LineSocialPD')) return; 3410 clickConversion('line'); 3411 }); 3412 $('a[href*="instagram.com"]').click(function () { 3413 clickConversion('instagrams'); 3414 }) 3415 $('a[href*="facebook.com"], a[href*="fb.me"]').click(function () { 3416 if($(this).hasClass('facebookSocialPD')) return; 3417 clickConversion('facebook'); 3418 }) 3419 }); 3420 function clickConversion(snippetType, value = null, transectionId = null) { 3421 switch(snippetType) { 3422 case 'facebook': 3423 console.log('facebook'); 3424 3425 3426 gtag('event', 'conversion', { 3427 'send_to': 'AW-302885587/VjdqCPzHpfMCENPVtpAB', 3428 'value': 1617.864, 3429 'currency': 'THB' 3430 }); 3431 3432 break; 3433 case 'instagrams': 3434 3435 3436 gtag('event', 'conversion', { 3437 'send_to': 'AW-302885587/W4wwCNXHpfMCENPVtpAB', 3438 'value': 1617.864, 3439 'currency': 'THB' 3440 }); 3441 3442 break; 3443 case 'line': 3444 3445 3446 gtag('event', 'conversion', { 3447 'send_to': 'AW-302885587/Y2JaCLbl-vICENPVtpAB', 3448 'value': 1617.864, 3449 'currency': 'THB' 3450 }); 3451 3452 break; 3453 case 'call': 3454 3455 3456 gtag('event', 'conversion', { 3457 'send_to': 'AW-302885587/YXnyCLHEpfMCENPVtpAB', 3458 'value': 1617.864, 3459 'currency': 'THB' 3460 }); 3461 3462 break; 3463 case 'contact': 3464 console.log('contact'); 3465 3466 3467 gtag('event', 'conversion', { 3468 'send_to': 'AW-302885587/gR9HCO3HpfMCENPVtpAB', 3469 'value': 1617.864, 3470 'currency': 'THB' 3471 }); 3472 3473 break; 3474 case 'purchase': 3475 3476 3477 gtag('event', 'conversion', { 3478 'send_to': 'AW-302885587/m__7CLfEpfMCENPVtpAB', 3479 'value': 1.0, 3480 'currency': 'THB', 3481 'transaction_id': '' 3482 }); 3483 3484 break; 3485 default: 3486 3487 break; 3488 } 3489 } 3490 </script>
3490 3491 3492 3493 <!-- Script Schema --> 3494 <style> 3495 @media (max-width: 992px){ 3496 .widget-overlay .fb-customerchat span iframe , 3497 .widget-overlay .fb_dialog .fb_dialog_content iframe , 3498 .widget-overlay .fb_dialog_mobile .fb_dialog_content iframe, 3499 .widget-overlay iframe.fb_mpn_mobile_landing_page_slide_up { 3500 bottom: 70px !important 3501 } 3502 #toTop.widget-to-top { 3503 bottom : 150px !important; 3504 } 3505 #unknown{ 3506 bottom : 60px !important; 3507 } 3508 } 3509 .fb_new_ui_mobile_overlay_active { 3510 overflow: auto !important; 3511 } 3512 </style> 3513 3514 3515 </body> 3516</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.