1<!doctype html> 2<html lang="en-US"> 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="à¹à¸à¸£à¸±à¹à¸¡ hyaluron สารà¸à¸£à¸´à¸ªà¸¸à¸à¸à¸´à¹à¹à¸à¹à¸¡à¸à¹à¸ รัà¸à¸à¸£à¸°à¸à¸±à¸à¸à¸£à¸°à¸ªà¸´à¸à¸à¸´à¸ าà¸à¸ªà¸¹à¸ à¸à¸±à¸à¸à¸²à¹à¸à¸¢à¹à¸à¸à¸¢à¹à¸à¸¹à¹à¸¡à¸µà¸à¸£à¸°à¸ªà¸à¸à¸²à¸£à¸à¹à¸à¹à¸²à¸à¹à¸§à¸à¸¨à¸²à¸ªà¸à¸£à¹à¸à¸§à¸²à¸¡à¸à¸²à¸¡à¹à¸¥à¸°à¸à¸²à¸£à¸à¸°à¸¥à¸à¸§à¸±à¸¢ à¸à¸²à¸à¸à¸£à¸°à¹à¸à¸¨à¸ªà¸§à¸´à¸ªà¹à¸à¸à¸£à¹à¹à¸¥à¸à¸à¹" /> 7 <meta name="Keywords" content="HYACELL,Hyaluron,à¹à¸®à¸¢à¸²à¸¥à¸¹à¸£à¸à¸,à¹à¸à¸£à¸±à¹à¸¡,à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¸³à¸à¸²à¸,สà¸à¸´à¸à¹à¸à¸£à¹,สวิส,à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¸³à¸à¸²à¸à¹à¸à¸£à¸à¸ªà¸¹à¸,à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¸³à¸à¸²à¸à¹à¸à¸£à¸à¸à¸£à¸µà¹à¸¡à¸µà¹à¸¢à¸¡,à¹à¸à¸£à¸±à¹à¸¡ hyaluron ,acne ,AOX,EGF" /> 8 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 9 <meta name="apple-mobile-web-app-capable" content="yes"> 10 <!-- facebook --> 11 <meta property="fb:app_id" content="160631041153580" /> 12 <meta property="og:type" content="website" /> 13 14 <meta property="og:title" content="HYACELL à¹à¸à¸£à¸±à¹à¸¡ hyaluron à¸à¸²à¸à¸à¸£à¸°à¹à¸à¸¨à¸ªà¸§à¸´à¸à¹à¸à¸à¸£à¹à¹à¸¥à¸à¸à¹ " /> 15 <meta property="og:image" content="https://image.makewebcdn.com/makeweb/m_1200x600/hpDgCU77I/DefaultData/logo.png" /> 16 <meta property="og:description" content="à¹à¸à¸£à¸±à¹à¸¡ hyaluron สารà¸à¸£à¸´à¸ªà¸¸à¸à¸à¸´à¹à¹à¸à¹à¸¡à¸à¹à¸ รัà¸à¸à¸£à¸°à¸à¸±à¸à¸à¸£à¸°à¸ªà¸´à¸à¸à¸´à¸ าà¸à¸ªà¸¹à¸ à¸à¸±à¸à¸à¸²à¹à¸à¸¢à¹à¸à¸à¸¢à¹à¸à¸¹à¹à¸¡à¸µà¸à¸£à¸°à¸ªà¸à¸à¸²à¸£à¸à¹à¸à¹à¸²à¸à¹à¸§à¸à¸¨à¸²à¸ªà¸à¸£à¹à¸à¸§à¸²à¸¡à¸à¸²à¸¡à¹à¸¥à¸°à¸à¸²à¸£à¸à¸°à¸¥à¸à¸§à¸±à¸¢ à¸à¸²à¸à¸à¸£à¸°à¹à¸à¸¨à¸ªà¸§à¸´à¸ªà¹à¸à¸à¸£à¹à¹à¸¥à¸à¸à¹" /> 17 <meta property="og:url" content="https://www.hyacellthai.com/en/" /> 18 <meta property="og:site_name" content="hyacellthai.com" /> 19 <!-- twitter --> 20 <meta name="twitter:card" content="summary_large_image"> 21 <meta name="twitter:site" content="hyacellthai.com"> 22 <meta name="twitter:title" content="HYACELL à¹à¸à¸£à¸±à¹à¸¡ hyaluron à¸à¸²à¸à¸à¸£à¸°à¹à¸à¸¨à¸ªà¸§à¸´à¸à¹à¸à¸à¸£à¹à¹à¸¥à¸à¸à¹ "> 23 <meta name="twitter:description" content="à¹à¸à¸£à¸±à¹à¸¡ hyaluron สารà¸à¸£à¸´à¸ªà¸¸à¸à¸à¸´à¹à¹à¸à¹à¸¡à¸à¹à¸ รัà¸à¸à¸£à¸°à¸à¸±à¸à¸à¸£à¸°à¸ªà¸´à¸à¸à¸´à¸ าà¸à¸ªà¸¹à¸ à¸à¸±à¸à¸à¸²à¹à¸à¸¢à¹à¸à¸à¸¢à¹à¸à¸¹à¹à¸¡à¸µà¸à¸£à¸°à¸ªà¸à¸à¸²à¸£à¸à¹à¸à¹à¸²à¸à¹à¸§à¸à¸¨à¸²à¸ªà¸à¸£à¹à¸à¸§à¸²à¸¡à¸à¸²à¸¡à¹à¸¥à¸°à¸à¸²à¸£à¸à¸°à¸¥à¸à¸§à¸±à¸¢ à¸à¸²à¸à¸à¸£à¸°à¹à¸à¸¨à¸ªà¸§à¸´à¸ªà¹à¸à¸à¸£à¹à¹à¸¥à¸à¸à¹"> 24 <meta name="twitter:image" content="https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData/logo.png"> 25 <meta name="twitter:domain" content="https://www.hyacellthai.com/en/"> 26 <!-- google --> 27 <meta name="generator" content="MakeWebEasy" /> 28 <!-- Phone number--> 29 <meta name="format-detection" content="telephone=no"> 30 <link rel="alternate" href="https://www.hyacellthai.com/" hreflang="x-default" /> 31 <link rel="alternate" href="https://www.hyacellthai.com/en/" hreflang="en-us" /> 32 33 <link rel="canonical" href="https://www.hyacellthai.com/en/" /> 34 35 <link rel="apple-touch-icon" sizes="32x32" href="https://image.makewebcdn.com/makeweb/0/hpDgCU77I/attach_file/favicon/favicon_20210913120956-0.ico?v=202604291000" /> 36 <link rel="shortcut icon" href="https://image.makewebcdn.com/makeweb/0/hpDgCU77I/attach_file/favicon/favicon_20210913120956-0.ico?v=202604291000" type="image/x-icon" /> 37 <link rel="icon" href="https://image.makewebcdn.com/makeweb/0/hpDgCU77I/attach_file/favicon/favicon_20210913120956-0.ico?v=202604291000" type="image/x-icon" /> 38 39 <!-- CSS Main --> 40 <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" /> 41 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.
41com/makeweb/prod/css/font.min.css?v=202101271138" /> 42 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/bootstrap.min.css" /> 43 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe.css?v=202508081425" /> 44 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe2.css?v=202508081425" /> 45 <!-- CSS Page --> 46 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/owl.carousel.min.css?v=202001111111" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/owl.theme.default.min.css?v=202001111111" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/circular-loading.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/hamburgers.min.css?v=0" /> <!-- CSS Main --> 47 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/all.min.css?v=202310021145" /> 48 <!-- byAir --> 49 <!-- <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.min.css?v=202306151430" /> --> 50 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.css?v=20261008210550" /> 51 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system2.css?v=202306151430" /> 52 <link rel="stylesheet" type="text/css" href="/customer-css/style_hpDgCU77I.min.css?v=1749028493" /> 53 54 <title>HYACELL à¹à¸à¸£à¸±à¹à¸¡ hyaluron à¸à¸²à¸à¸à¸£à¸°à¹à¸à¸¨à¸ªà¸§à¸´à¸à¹à¸à¸à¸£à¹à¹à¸¥à¸à¸à¹ </title> 55 56 <!-- JS Main --> 57
57<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js?v=202604291000" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
57 58
58<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/imagesloaded.min.js?v=1"></script>
58 59
59<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/vue@2_6_11.js?v=202604291000"></script>
59 60
60<script type="text/javascript" src="https://www.instagram.com/embed.js" async="true"></script>
60 61 <!-- JS Page --> 62 <!-- Script Embed --> 63 <!-- Meta Pixel Code -->
64<script>
vendor: 408 bytes, lines 64-73
64 65!function(f,b,e,v,n,t,s) 66{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 67n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 68if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 69n.queue=[];t=b.createElement(e);t.async=!0; 70t.src=v;s=b.getElementsByTagName(e)[0]; 71s.parentNode.insertBefore(t,s)}(window, document,'script', 72'https://connect.facebook.net/en_US/fbevents.js'); 73fbq('init', '
731219796145467289
vendor: 32 bytes, lines 73-74
73'); 74fbq('track', 'PageView');
75</script>
75 76<noscript><img height="1" width="1" style="display:none" 77src="https://www.facebook.com/tr?id=1219796145467289&ev=PageView&noscript=1" 78/></noscript> 79<!-- End Meta Pixel Code --> 80 <style> 81 #divMWEAds .mweColor{ 82 color: #28bee3; 83 } 84 85 /* #divMWEAds .webFreeColor{ 86 color: #ffffff; 87 background-color: #28bee3; 88 } */ 89 90 .webFreeColor { background-color: #28bee3; border-color: #24BEE2; color: #FFFFFF; border-radius: 20px;width: 148px; height: 36px; line-height: normal;} 91 .webFreeColor:hover, 92 .webFreeColor.active { 93 background-color: #09A1E0; border-color: #1EA7C7; color: #FFFFFF; 94} 95 </style> 96 </head> 97 <body> 98 <!-- Script Embed --> 99 100 <!--
100<script> 101 </script>
101 --> 102 <style type="text/css"> 103 .pagination>li>a, .pagination>li>span { 104 font-size: 14px; 105 color: inherit; 106 } 107 .dropdown.areacontext.open{ 108 z-index: 1001 !important; 109 } 110 .table-responsive table { 111 margin-bottom: 20px; 112 white-space: nowrap; 113 } 114 @media only screen and (min-width: 1200px) { 115 .table-responsive table { 116 white-space: normal; 117 } 118 } 119 @media only screen and (min-width: 1200px) { 120 .section-container > .slimScrollDiv { 121 display: none; 122 } 123 } 124 a[data-mce-href] { 125 font-size: inherit; 126 font-family: inherit; 127 /*color: inherit;*/ 128 } 129 /* areacontext menu */ 130 .areacontext { 131 border: 1px solid rgb(9,10,12); 132 } 133 .areacontext .btn-primary { 134 background: #373e44!important; 135 color: #FFF!important; 136 border-color: #23292f!important; 137 padding: 1px 5px; 138 display: block; 139 } 140 .areacontext > div { 141 font-family: Open Sans !important; 142 font-size: 12px !important; 143 } 144 .areacontext ul.dropdown-menu { 145 border-radius: 0px !important; 146 background: #373E44 !important; 147 margin-top: 0px !important; 148 border: 1px solid rgb(9,10,12); 149 padding: 0px !important; 150 min-width: 100px !important; 151 transform: translate3d(-1px, 20px, 0px) !important; 152 } 153 .areacontext ul.dropdown-menu > li > a { 154 font-family: "Helvetica Neue",Helvetica,Tahoma !important; 155 font-size: 12px !important; 156 color: rgb(145, 159, 174) !important; 157 padding: 3px 5px !important; 158 display: block; 159 } 160 .areacontext ul.dropdown-menu > li > a:hover { 161 background: #262D33 !important; 162 color: #FFF !important; 163 text-decoration: none; 164 } 165 /* addition */ 166 /* facebook like box */ 167 .fb-like.fb_iframe_widget > span > iframe{ 168 max-width:none!important 169 } 170 /* img in table */ 171 table img { 172 max-width:initial!important; 173 } 174 /* iframe */ 175 iframe { 176 max-width:100%; 177 } 178 /* pagination */ 179 .pagination>li>a,.pagination>li>span{ 180 font-size:14px;color:inherit 181 } 182 /* table */ 183 .table-responsive table { 184 margin-bottom:20px; 185 white-space:nowrap; 186 } 187 @media only screen and (min-width: 1200px){ 188 .table-responsive table{ 189 white-space:normal 190 } 191 } 192 /* img width and rendering */ 193 div#section-content img:not(.fill), 194 div#section-footer img:not(.fill) { 195 overflow:hidden; 196 opacity:0; 197 -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out; 198 transition:opacity .3s ease-in-out,transform .3s ease-in-out; 199 max-width:100%; 200 } 201 @media (max-width: 768px) { 202 body { 203 max-width: 100vw; 204 } 205 } 206 /* force show img */ 207 .map_outter img { 208 opacity: 1 !important; 209 } 210 /* link in tinymce */ 211 a[data-mce-href] { 212 font-size: inherit; 213 font-family: inherit; 214 } 215 /* top layout */ 216 nav > #top-area > .container-fluid { 217 padding-left: 8px; 218 padding-right: 8px; 219 } 220 nav > #top-area > .row { 221 margin: 0; 222 } 223 nav > #top-area > .row > .col { 224 padding: 0; 225 } 226 .navbar-link { 227 display: inline-block; 228 padding: 8px; 229 border: none; 230 margin: 8px 0px; 231 vertical-align: middle; 232 line-height: 1; 233 } 234 /*.navbar-fa { 235 width: 24px !important; 236 height: 24px !important; 237 }*/ 238 .navbar-toggler-icon { 239 margin: 0; 240 padding: 0; 241 } 242 .dropdown > .dropdown-toggle > svg { 243 transition: all 300ms ease; 244 -webkit-transition: all 300ms ease; 245 -o-transition: all 300ms ease; 246 -ms-transition: all 300ms ease; 247 } 248 .dropdown.show > .dropdown-toggle > svg { 249 transform: rotate(180deg); 250 -webkit-transform: rotate(180deg); 251 -moz-transform: rotate(180deg); 252 -o-transform: rotate(180deg); 253 } 254 .dropdown-menu > li > .dropdown-toggle > svg { 255 transition: all 300ms ease; 256 -webkit-transition: all 300ms ease; 257 -o-transition: all 300ms ease; 258 -ms-transition: all 300ms ease; 259 } 260 .dropdown-menu > li.show > .dropdown-toggle > svg { 261 transform: rotate(90deg); 262 -webkit-transform: rotate(90deg); 263 -moz-transform: rotate(90deg); 264 -o-transform: rotate(90deg); 265 } 266 /* cart widget */ 267 nav span.fa-layers.fa-fw > i.navbar-fa + span.fa-layers-counter { 268 display: none; 269 } 270 nav span.fa-layers.fa-fw > svg.navbar-fa + span.fa-layers-counter { 271 -webkit-transform: scale(0.75) !important; 272 transform: scale(0.75) !important; 273 top: -75%; 274 right: auto; 275 left: 50%; 276 -webkit-transform-origin: top center; 277 transform-origin: top center; 278 display: inline-block; 279 } 280 /* list style */ 281 ul { 282 margin-bottom: 0 !important; 283 } 284 li { 285 /* list-style: none;*/ 286 } 287 /* hide caret */ 288 .dropdown-toggle::after{ 289 display:none!important; 290 } 291 /* social widget */ 292 .social-widget { 293 display: inline-block; 294 } 295 .social-widget a { 296 font-size: 30px; 297 width: 30px; 298 height: 30px; 299 min-width: 30px; 300 min-height: 30px; 301 } 302 @media (min-width: 401px) { 303 .social-widget a { 304 font-size: 36px; 305 width: 36px; 306 height: 36px; 307 min-width: 36px; 308 min-height: 36px; 309 } 310 } 311 .social-widget a svg.fa-twitter { 312 margin-right: -1px !important; 313 } 314 .social-widget a svg.fa-instagram { 315 margin-right: 2px !important; 316 } 317 .social-widget a svg.fa-google-plus-g { 318 margin-right: -6px !important; 319 } 320 .social-widget a svg.fa-youtube { 321 margin-right: -3px !important; 322 } 323 /* vertical align text widget */ 324 .navbar-text { 325 line-height: 150%; 326 vertical-align: middle; 327 min-height: 50px; 328 } 329 @media (min-width: 401px) { 330 .navbar-text { 331 min-height: 56px; 332 } 333 } 334 </style> 335 336 <!--// ! ------------arrow scroll to top --> 337 <a href="javascript:void(0);" id="toTop" class="back-to-top " style="display: none; width: 45px !important; height: 45px !important; z-index: 55;">
338 <span class="fa-stack" style="font-size: 22px;"> 339 <i class="fas fa-circle fa-stack-2x" style="color: #2b2a2a;"></i> 340 <i class="fas fa-arrow-up fa-stack-1x fa-inverse" style="color: #ffffff;"></i> 341 </span> 342 </a> 343 344 <!-- //! facebook messager --> 345 <div class="section-container"> 346 <!-- BoxLoading --> 347 <div class="boxLoading" id="boxLoading"> 348 <div class="loader"> 349 <svg class="circular" viewBox="25 25 50 50"> 350 <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"></circle> 351 </svg> 352 </div> 353 </div> 354 355 <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_standard"></div> 356<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_popup"></div> 357<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_coupon"></div> 358
359<script type="text/javascript"> 360 361 function showModalBS(isClose, path, size) { 362 if (size == 'small') { 363 var siz = 'sm'; 364 } else if (size == 'medium') { 365 var siz = 'md'; 366 } else if (size == 'large') { 367 var siz = 'lg'; 368 } else if (size == 'full') { 369 var siz = 'full'; 370 } else if (size == 'cartlogin') { 371 var siz = 'modalCartLogin'; 372 } else if (size === 'addToCartGroupProduct') { 373 var siz = 'groupProduct modal-dialog-centered' 374 } else if (size === 'addToCart') { 375 var siz = 'addToCart modal-dialog-centered' 376 } else if (size === 'medium-center') { 377 var siz = 'md modal-dialog-centered' 378 } else { 379 var siz = 'md'; 380 } 381 382 if (isClose == 1) { 383 var backdrop = true; 384 } else if (isClose == 0) { 385 var backdrop = 'static'; 386 } else { 387 var backdrop = true; 388 } 389 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>'); 390 jQuery('#modal_standard').modal({ 391 backdrop: backdrop, 392 // remote: path, 393 show: true, 394 keyboard: true 395 }); 396 jQuery('#modal_standard').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 397 }); 398 } 399 400 function showModalPopup(isClose, path) { 401 if (isClose == 1) { 402 var backdrop = true; 403 } else if (isClose == 0) { 404 var backdrop = 'static'; 405 } else { 406 var backdrop = true; 407 } 408 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>'); 409 jQuery('#modal_popup').modal({ 410 backdrop: backdrop, 411 // remote: path, 412 show: true, 413 keyboard: true 414 }); 415 jQuery('#modal_popup').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 416 }); 417 } 418 419 function showModalCouponBS(path) { 420 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>'); 421 jQuery('#modal_coupon').modal({ 422 backdrop: true, 423 // remote: path, 424 show: true, 425 keyboard: true 426 }); 427 jQuery('#modal_coupon').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 428 }); 429 } 430 431</script>
431 <div class="disabled-filter"></div> 432 <div class="section-body "> 433 <div id="section-header" class="sps sps--abv"> 434 435<style type="text/css"> 436 @media only screen and (min-width: 1025px){ 437 .headerMobile { 438 display: none !important; 439 } 440 .navbar-toggler { 441 display: none !important; 442 } 443 .navbar-expand-xl .navbar-collapse { 444 display: flex !important; 445 flex-basis: auto; 446 } 447 .navbar-expand-xl .navbar-nav { 448 flex-direction: row; 449 } 450 .navbar-expand-xl .navbar-nav .nav-link { 451 padding-right: 0.5rem; 452 padding-left: 0.5rem; 453 } 454 /* sticky */ 455 .headerDesktop nav #top-sticky { 456 transition: transform 450ms; 457 -webkit-transition: transform 450ms; 458 -moz-transition: transform 450ms; 459 -o-transition: transform 450ms; 460 } 461 .sps--abv .headerDesktop nav #top-sticky { 462 position: relative; 463 transform: translate3d(0, 0, 0); 464 -webkit-transform: translate3d(0, 0, 0); 465 -moz-transform: translate3d(0, 0, 0); 466 -ms-transform: translate3d(0, 0, 0); 467 } 468 .sps--abv .headerDesktop nav #top-mb { 469 margin-bottom: 0; 470 } 471 .sps--abv .headerDesktop nav #top-sticky #cart{ 472 display: none !important; 473 } 474 .sps--blw .headerDesktop nav #top-sticky { 475 position: fixed; 476 top: -56px; 477 left: 0; 478 right: 0; 479 z-index: 1000; 480 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 481 -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 482 -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 483 transform: translate3d(0, 56px, 0); 484 -webkit-transform: translate3d(0, 56px, 0); 485 -moz-transform: translate3d(0, 56px, 0); 486 -ms-transform: translate3d(0, 56px, 0); 487 } 488 .sps--blw .headerDesktop nav #top-mb { 489 padding-bottom: 56px; 490 } 491 492 .sps--blw .headerDesktop nav #top-sticky #cart{ 493 display: inline-flex !important 494 } 495 496 } 497 @media (max-width: 1024px){ 498 .headerDesktop { 499 display: none !important; 500 } 501 /* sticky */ 502 .sps--abv .headerMobile nav #top-sticky { 503 position: static; 504 } 505 .sps--abv .headerMobile nav #top-mb { 506 margin-bottom: 0; 507 } 508 .sps--blw .headerMobile nav #top-sticky { 509 position: fixed; 510 top: 0; 511 left: 0; 512 right: 0; 513 z-index: 1000; 514 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 515 -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 516 -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 517 } 518 .sps--blw .headerMobile nav #top-mb { 519 margin-bottom: 56px; 520 } 521 .icoMember ,#iconsMember{ 522 display: none; 523 } 524 ul.navbar-topmenu.navbar-nav .arrowCollapse{ 525 transition: transform .3s ease 0s; 526 } 527 ul.navbar-topmenu.navbar-nav .arrowCollapse > svg{ 528 transition: transform .3s ease 0s; 529 } 530 } 531 .sb { 532 visibility: visible; 533 /*position: absolute; 534 top: 0; 535 left: 0; 536 right: 0; 537 bottom: 0; 538 539 opacity: 1; 540 z-index: 999; 541 padding: 0 16px; 542 /*margin: 0 16px;*/ 543 } 544 .sb > input { 545 /*width: calc(100% - 39px); 546 border-top: 0; 547 border-left: 0; 548 border-right: 0; 549 border-bottom: 2px solid #FFF; 550 background: #333 !important; 551 padding: 6px; 552 color: #FFF; 553 vertical-align: middle;*/ 554 } 555 .sb > input::placeholder { 556 color: #333; 557 } 558 .sb > input:focus { 559 outline: none; 560 } 561 .aCloseSearchIcon { 562 height: 36px; 563 padding: 6px 12px; 564 } 565 #top-sticky > div { 566 position: relative; 567 } 568 div.headerMobile{ 569 position: relative; 570 z-index: 56; 571 } 572 #divMWEAds { 573 bottom: unset; 574 width: 100vw !important; 575 background: #fff; 576 color: #000; 577 } 578 #divMWEAds:hover { 579 background: #fff; 580 } 581 #topZone { 582 padding-top: 0px; 583 } 584 .marginBot { 585 margin-bottom: 0px; 586 } 587 588 .headerMobile #divMWEAds { 589 font-family: 'DB Heavent' !important; 590 font-size:21px; 591 z-index:999999; 592 } 593 .headerMobile #divMWEAds a { 594 font-size: 20px; 595 font-family: 'DB Heavent' !important; 596 font-weight: bold; 597 } 598 @media only screen and (max-width: 400px) { 599 .headerMobile #divMWEAds { 600 font-size:16px; 601 } 602 #divMWEAds img { 603 max-height: 25px; 604 max-width: 25px; 605 } 606 .headerMobile #divMWEAds a { 607 font-size: 16px; 608 } 609 } 610</style> 611<div class="headerDesktop"> 612 <style type="text/css"> 613 @media (min-width: 1025px) { 614 .navbar-brand { 615 font-size: 24px !important; 616 border: none !important; 617 padding: 0; 618 margin: auto; 619 } 620 .navbar-text{ 621 min-height: 24px; 622 } 623 .text-truncate{ 624 width: 100%; 625 } 626 .text-truncate p{ 627 margin-bottom: 0; 628 line-height: 24px; 629 } 630 #logotop{ 631 margin: 5px 0; 632 min-height: 50px; 633 } 634 #menutop{ 635 margin: 10px 10px 10px 0 !important; 636 } 637 .topwidget-menu{ 638 margin: 0 !important; 639 } 640 .cart-nav{ 641 margin-top: 0 !important; 642 } 643 .sps--blw #top-sticky #logotop{ 644 /* display: none !important; */ 645 } 646 .sps--blw #top-sticky #logotop .img-logo { 647 width: auto; 648 max-height: 50px; 649 } 650 .sps--blw #top-sticky #logotop .img-logo { 651 width: auto; 652 max-height: 50px; 653 } 654 #top-sticky #cart2{ 655 display: none !important; 656 } 657 .sps--blw #top-sticky #cart2{ 658 display: inline-flex !important; 659 } 660 } 661</style> 662<nav id="topZone" class="navbar-expand-xl"> 663 <div id="top-bar"> 664 <div id="top-mb"> 665 <div class="container-fluid"> 666 <div class="row align-items-center justify-content-between"> 667 <div class="col-12 col-sm col-lg-auto"> 668 <div id="member" class="hoverOverlay d-inline-flex align-middle my-1"> 669 <ul class="navbar-nav member-nav"> 670 <li class="nav-item"> 671 <a class="nav-link" href="/en/member" id="txtLoginMember"> 672 <i class='fas fa-sign-in-alt icoMember'></i> Login </a> 673 </li> 674 <li class="nav-item" style="font-size: 15px;">
675 <span id="sprMember"> 676 <span id="imgSprMemberLoged"></span> 677 </span> 678 </li> 679 <li class="nav-item"> 680 <a class="nav-link" href="/en/member/register" id="txtRegisMember"> 681 <i class="fas fa-user icoMember"></i> Register </a> 682 </li> 683 </ul> 684 </div> 685 </div> 686 687 <div class="col-lg-auto"> 688 <div id="toptext" class="hoverOverlay d-inline-flex align-middle my-1"> 689 <div class="navbar-text text-truncate text-right py-1"> 690 <strong><span style="color: rgb(51, 51, 51);" data-mce-style="color: #333333;">HYACELL à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¸à¸²à¸à¸«à¹à¸à¸à¹à¸¥à¹à¸à¹à¸ สัà¸à¸à¸£à¸£à¸¡à¸à¹à¸²à¸à¸à¸²à¸£à¸à¹à¸à¸à¹à¸²à¸à¸£à¸´à¹à¸§à¸£à¸à¸¢</span></strong> </div> 691 </div> 692 <div id="cart" class="hoverOverlay d-inline-flex align-middle my-1"> 693 <style type="text/css"> 694 .cart-nav{ 695 margin: 0; 696 } 697</style> 698 699 700 701<a class="navbar-link cart-nav" href="/en/cart"> 702 <span class="fa-layers fa-fw navbar-fa2"> 703 <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i> 704 <span class="widgetCartNumber d-none">0</span> 705 </span> 706</a> 707 </div> 708 <div id="socialnetwork" class="hoverOverlay d-inline-flex align-middle my-1"> 709 <div class="d-inline"> 710<style> 711 .empty { 712 padding-top: 15px; 713 padding-right: 22px; 714 padding-bottom: 12px; 715 padding-left: 29px; 716 } 717 .wechatSocial{ 718 cursor: pointer; 719 } 720 .pointer-none { 721 pointer-events: none; 722 } 723</style> 724<div class="social-widget"> 725 <a class="faco-top fa-layers fa-fw instagramSocial" target="_blank" href="https://www.instagram.com/skin_selected?igsh=cGJ1MmVneGJxM3hr" style=""> 726 <i class="fas fa-circle colorInstagramBG pointer-none"></i> 727 <i class="fa-inverse fab fa-instagram colorInstagram pointer-none" data-fa-transform="shrink-7"></i> 728 </a> 729 <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/@skinselected " style=""> 730 <i class="fas fa-circle colorLineBG pointer-none"></i> 731 <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i> 732 </a> 733 734 735 </div>
736<script type="text/javascript"> 737 738 jQuery(".wechatSocial").click(function () { 739 window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); 740 }); 741 742</script>
742</div> 743 </div> 744 <div id="languagetab" class="hoverOverlay d-inline-flex align-middle my-1"> 745 <style type="text/css"> 746 .headerDesktop .topwidget-lang .dropdown-menu.dropdown-menu-right.show{ 747 padding: 0; 748 border-radius: .25rem; 749 transform: translate3d(0px, 40px, 0px) !important; 750 } 751 .headerDesktop .topwidget-lang ul, .topwidget-lang li { 752 min-width: 1px; 753 border-radius: 0; 754 } 755 .headerMobile .topwidget-lang { 756 } 757 .headerMobile .topwidget-lang ul, .topwidget-lang li { 758 min-width: 1px; 759 width: 100%; 760 border-radius: 0; 761 } 762 .headerDesktop .topwidget-lang #chooseLanguage{ 763 line-height: 24px; 764 } 765 .flag-icon{ 766 box-shadow : 0px 0px 2px 0px rgb(0 0 0 / 25%); 767 } 768</style> 769<div class="topwidget-lang"> 770 <ul class="navbar-nav"> 771 <li class="nav-item dropdown"> 772 <a data-toggle="dropdown" class="dropdown-toggle aLanguage nav-link" id="chooseLanguage" href="javascript:void(0)"> 773 <i class="flag-icon flag-icon-us"></i> 774 EN <i class="fal fa-chevron-down" id="arrowLanguage"></i> 775 </a> 776 <ul class="dropdown-menu dropdown-menu-right dropdown-chooselang"> 777 <li> 778 <a class="dropdown-item nav-link" href="/"> 779 <i class="flag-icon flag-icon-th"></i> TH <input type="hidden" class="languageCodeSetting" value="4405"/> 780 </a> 781 </li> 782 </ul> 783 </li> 784 </ul> 785</div> </div> 786 </div> 787 </div> 788 </div> 789 </div> 790 </div> 791 792 <div id="top-area"> 793 <div id="top-sticky"> 794 <div class="container-fluid"> 795 <div class="row no-gutters "> 796 <div class="col col-lg d-lg-inline-flex"> 797 <div id="logotop" class="hoverOverlay d-inline-flex align-middle"> 798 <span class="navbar-brand"> 799 <a href="/en/" style="text-decoration: none;"> 800 <style> 801 @media (min-width: 1025px){ 802 .img-logo { 803 } 804 } 805 </style> 806 <img src="https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData/logo.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/> 807 </a> 808 </span> 809 </div> 810 </div> 811 <div class="col-12 col-lg-auto d-lg-inline-flex align-items-center"> 812 <div id="menutop" class="hoverOverlay d-inline-flex"> 813 <div class="collapse navbar-collapse"> 814 <style type="text/css"> 815 .topwidget-menu .navbar-nav .dropdown-menu { 816 padding: 0; 817 margin: 0; 818 } 819 ul.navbar-topmenu.navbar-nav > li { 820 display: table-cell; 821 } 822 ul.navbar-topmenu.navbar-nav li { 823 list-style: outside none none; 824 } 825 ul.navbar-topmenu.navbar-nav div.new-line-menu{ 826 clear: left; 827 } 828 ul.navbar-topmenu.navbar-nav .border-tran{ 829 border-right: 1px solid transparent; 830 } 831 .fix-up-size{ 832 font-size: 1.05em !important; 833 } 834 /*PC hack to hover*/ 835 @media (min-width: 1025px) { 836 ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .menu-column{ 837 display:flex !important; 838 } 839 ul.navbar-topmenu.navbar-nav .menu-column{ 840 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 841 } 842 .topwidget-menu { 843 margin: 10px; 844 } 845 ul.dropdown-menu.dropdown-menu-right{ 846 left: unset; 847 right:0; 848 } 849 .dropdownfix-menu-right { 850 right:100% !important; 851 left:auto !important; 852 } 853 .public-topmenu .dropdown-menu-right .fa-chevron-right { 854 transform: rotate(180deg); 855 left: 0; 856 position: absolute; 857 top: 12px; 858 } 859 .public-topmenu .dropdown-menu-right .fa-chevron-down{ 860 transform: rotate(90deg); 861 left: 0; 862 position: absolute; 863 top: 12px; 864 } 865 .more.hidden{ 866 display:none; 867 } 868 .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{ 869 transform: rotate(-90deg); 870 } 871 872 .public-topmenu .topmenuLg{ 873 border-right:none !important; 874 } 875 ul.navbar-topmenu.navbar-nav a { 876 display: block; 877 margin: 0px; 878 } 879 ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column { 880 position: absolute; 881 display: none; 882 margin: 0px; 883 /* padding: 15px 0px; */ 884 border-collapse: separate; 885 border-spacing: 0; 886 width:100%; 887 left: 0px; 888 } 889 ul.navbar-topmenu.navbar-nav > li.nav-item .each-col{ 890 margin-top:15px; 891 margin-bottom:15px; 892 } 893 ul.navbar-topmenu.navbar-nav > li > .menu-column > div > ul{ 894 margin: 0px; 895 padding: 0px; 896 border-collapse: separate; 897 border-spacing: 0; 898 } 899 ul.navbar-topmenu.navbar-nav .menu-column li { 900 float: none; 901 margin: 0px; 902 padding: 0px; 903 } 904 /* sub a */ 905 ul.navbar-topmenu.navbar-nav .menu-column-sub > li > a { 906 padding: 8px 15px; 907 text-align: left; 908 border: none; 909 } 910 /* sub a hover */ 911 ul.navbar-topmenu.navbar-nav .topmenu_li_lv2:hover > a { 912 913 } 914 .engine-menu .topmenuLg{ 915 border-right:none !important; 916 } 917 918 ul.navbar-topmenu.navbar-nav .row-menucol-pad{ 919 padding-bottom:60px; 920 } 921 ul.navbar-topmenu.navbar-nav .text-lv2-bold{ 922 font-weight: bold !important; 923 } 924 ul.navbar-topmenu.navbar-nav .text-lv3-pad{ 925 padding-left: 30px !important; 926 } 927 ul.navbar-topmenu.navbar-nav .text-lv4-pad{ 928 padding-left: 45px !important; 929 } 930 ul.navbar-topmenu.navbar-nav .no-p-first{ 931 padding:0px 0px 0px 0px; 932 float: left; 933 } 934 ul.navbar-topmenu.navbar-nav .no-p{ 935 padding:60px 0px 0px 0px; 936 float: left; 937 } 938 ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-one{ 939 min-width: 285px; 940 left: 0px; 941 } 942 ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-two{ 943 min-width: 569px; 944 left: 0px; 945 } 946 ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-tree{ 947 min-width: 854px; 948 left: 0px; 949 /* left: calc(50% + 0px); 950 transform: translate(-50%, 0%);
951 top: calc(100% - 10px); */ 952 } 953 ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-fourmore{ 954 min-width: 1140px; 955 left: 0px; 956 /* left: calc(50% + 0px); 957 transform: translate(-50%, 0%); 958 top: calc(100% - 10px); */ 959 } 960 ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-full{ 961 min-width: calc(100vw - 14px); 962 left: 0px; 963 max-height: 600px; 964 overflow-x: hidden; 965 overflow-y: auto; 966 } 967 ul.navbar-topmenu.navbar-nav > li.nav-item .col-one-minwid{ 968 min-width: 285px; 969 } 970 971 ul.navbar-topmenu.navbar-nav > li.nav-item.rev-po{ 972 position: relative; 973 } 974 ul.navbar-topmenu.navbar-nav > li.nav-item.uns-po{ 975 position: unset; 976 } 977 978 /*lv3 more only*/ 979 ul.navbar-topmenu.navbar-nav .ul.menu-fix-li{ 980 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 981 } 982 ul.navbar-topmenu.navbar-nav > li.nav-item:hover > ul.menu-fix-li{ 983 display:block !important; 984 } 985 ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li li:hover > .dropdown-menu{ 986 display:flex !important; 987 } 988 989 ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li{ 990 position: absolute; 991 display: none; 992 margin: 0px; 993 padding: 0px 0px; 994 border-collapse: separate; 995 border-spacing: 0; 996 border: none; 997 /* width:100%; */ 998 left: 0; 999 right: auto; 1000 top: 100%; 1001 white-space: nowrap; 1002 } 1003 1004 ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li li { 1005 position: relative; 1006 } 1007 1008 ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-full{ 1009 min-width: 960px; 1010 right: 100% !important; 1011 left: auto !important; 1012 top: 0px; 1013 max-height: 600px; 1014 overflow-x: hidden; 1015 overflow-y: auto; 1016 } 1017 ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li .menu-column{ 1018 /* padding: 15px 0px; */ 1019 } 1020 ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li .menu-column ul { 1021 margin: 0px; 1022 padding: 0px; 1023 border-collapse: separate; 1024 border-spacing: 0; 1025 } 1026 } 1027 @media only screen and (min-width: 1193px){ 1028 ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-container{ 1029 min-width: 1170px; 1030 left: 0px; 1031 max-height: 600px; 1032 overflow-x: hidden; 1033 overflow-y: auto; 1034 } 1035 ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-container{ 1036 position: absolute; 1037 min-width: 858px; 1038 right: 100% !important; 1039 left: auto !important; 1040 top: 0px; 1041 max-height: 600px; 1042 overflow-x: hidden; 1043 overflow-y: auto; 1044 } 1045 } 1046 1047 @media only screen and (min-width: 1025px) and (max-width: 1192px){ 1048 ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-container{ 1049 min-width: 1080px; 1050 left: 0px; 1051 max-height: 600px; 1052 overflow-x: hidden; 1053 overflow-y: auto; 1054 } 1055 ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-container{ 1056 position: absolute; 1057 min-width: 772px; 1058 right: 100% !important; 1059 left: auto !important; 1060 top: 0px; 1061 max-height: 600px; 1062 overflow-x: hidden; 1063 overflow-y: auto; 1064 } 1065 } 1066 @media only screen and (min-width: 992px) and (max-width: 1024px){ 1067 ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-container{ 1068 min-width: 960px; 1069 left: 0px; 1070 max-height: 400px; 1071 overflow-x: hidden; 1072 overflow-y: auto; 1073 } 1074 ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-container{ 1075 position: absolute; 1076 min-width: 783px; 1077 right: 100% !important; 1078 left: auto !important; 1079 top: 0px; 1080 max-height: 400px; 1081 overflow-x: hidden; 1082 overflow-y: auto; 1083 } 1084 } 1085 1086 1087 /* tablet*/ 1088 @media only screen and (min-width: 768px) and (max-width: 1024px) { 1089 ul.navbar-topmenu.navbar-nav ul{ 1090 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 1091 } 1092 } 1093 /*mobile tablet*/ 1094 @media only screen and (max-width: 1024px) { 1095 .topwidget-menu .arrowCollapse{ 1096 width: 55px; 1097 position: absolute; 1098 right: 0px; 1099 top: 25%; 1100 text-align: center; 1101 height: 22px; 1102 } 1103 ul.navbar-topmenu.navbar-nav a{ 1104 text-align: left !important; 1105 white-space: normal; 1106 } 1107 ul.navbar-topmenu.navbar-nav .fa-chevron-down{ 1108 transition: all .3s ease 0s; 1109 -ms-transition: all .3s ease 0s; 1110 -webkit-transition: all .3s ease 0s; 1111 -moz-transition: all .3s ease 0s; 1112 } 1113 ul.navbar-topmenu.navbar-nav .fa-chevron-right{ 1114 transform: rotate(90deg); 1115 transition: all .3s ease 0s; 1116 -ms-transition: all .3s ease 0s; 1117 -webkit-transition: all .3s ease 0s; 1118 -moz-transition: all .3s ease 0s; 1119 } 1120 1121 ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{ 1122 right: 12px; 1123 top: 27%; 1124 } 1125 1126 ul.navbar-topmenu.navbar-nav a{ 1127 word-wrap: break-word; 1128 } 1129 ul.navbar-topmenu.navbar-nav .more{ 1130 display:none !important; 1131 } 1132 .public-topmenu .dropdown.show > a > .arrowCollapse{ 1133 transform: rotate(180deg); 1134 -ms-transform: rotate(180deg); 1135 -webkit-transform: rotate(180deg); 1136 -moz-transform: rotate(180deg); 1137 } 1138 .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{ 1139 transform: rotate(270deg); 1140 -ms-transform: rotate(270deg); 1141 -webkit-transform: rotate(270deg); 1142 -moz-transform: rotate(270deg); 1143 } 1144 .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{ 1145 transform: rotate(270deg); 1146 -ms-transform: rotate(270deg); 1147 -webkit-transform: rotate(270deg); 1148 -moz-transform: rotate(270deg); 1149 } 1150 1151 ul.navbar-topmenu.navbar-nav > li > ul > li > a { 1152 padding-left: 30px !important; 1153 } 1154 ul.navbar-topmenu.navbar-nav ul ul a { 1155 padding-left: 45px !important; 1156 } 1157 } 1158</style> 1159<div class="topwidget-menu"> 1160 <ul class="navbar-nav navbar-topmenu public-topmenu"> 1161 <li class="nav-item "> 1162 <a class="nav-link abl1" id="topmenuonpage" data-onhome="home" href="/en/" target="_self"> 1163 HOME 1164 </a> 1165 </li> 1166 <li class="nav-item "> 1167 <a class="nav-link abl1" href="/en/category" target="_self"> 1168 PRODUCTS 1169 </a> 1170 </li> 1171 <li class="nav-item "> 1172 <a class="nav-link abl1" href="/en/ingredients" target="_self"> 1173 INGREDIENTS 1174 </a> 1175 </li> 1176 <li class="nav-item "> 1177 <a class="nav-link abl1" href="/en/abouthyacell" target="_self"> 1178 ABOUT HYACELL 1179 </a> 1180 </li> 1181 <li class="nav-item topmenuLg"> 1182 <a class="nav-link abl1" href="/en/contactus" target="_self"> 1183 CONTACT US 1184 </a> 1185 </li> 1186 1187 <li class="nav-item dropdown more hidden" data-width="80"> 1188 <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)"> 1189 More <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i> 1190 </a> 1191 <ul class="dropdown-menu menu-fix-li"></ul> 1192 </li> 1193 </ul> 1194</div> 1195
1196<script> 1197 /*width auto more*/ 1198 if (jQuery(window).width() > 1024) { 1199 calcWidth(); 1200 var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last'); 1201 last_visible_element.css('border-right', 'none'); 1202 1203 } 1204 function calcWidth() { 1205 var navwidth = 0; 1206 var availablespace = 0; 1207 var logwid = jQuery('#logotop').outerWidth(true); 1208 var defwidth = 0; 1209 var intIsEnableSearchTop = "0"; 1210 var intIsEnableCart = "1"; 1211 var calAweDropdown = "0"; 1212 navwidth = navwidth + parseInt(calAweDropdown); 1213 let isLayoutId = '39'; 1214 let fullcontainer = '1'; 1215 if (intIsEnableSearchTop == 1) { 1216 defwidth = defwidth + 60; 1217 } 1218 1219 if (intIsEnableCart == 1) { 1220 defwidth = defwidth + 60; 1221 } 1222 if (typeof logwid === "undefined") { 1223 var logwid = 0; 1224 } 1225 if (isLayoutId == '37' || isLayoutId == '38') { 1226 var logwid = 0; 1227 } 1228 1229 if(fullcontainer=='1'){ 1230 var pls_pad = 0; 1231 }else{ 1232 var pls_pad = 0; 1233 } 1234 1235 var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17; 1236 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { 1237 navwidth += jQuery(this).outerWidth(true); 1238 }); 1239 var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 34); 1240 if (navwidth > availablespace) { 1241 1242 var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); 1243 var jimwidtest = lastItem.outerWidth(true); 1244 1245 lastItem.removeClass('nav-item'); 1246 lastItem.removeClass('dropdown'); 1247 lastItem.children('a.nav-link').addClass('dropdown-item'); 1248 lastItem.attr('data-width', lastItem.outerWidth(true)); 1249 1250 if(jimwidtest>0){ 1251 lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li')); 1252 } 1253 delete lastItem; 1254 calcWidth(); 1255 return 0; 1256 } else { 1257 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li').html()!='') { 1258 var firstMoreElement = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu> li.more li').first(); 1259 if (navwidth + firstMoreElement.data('width') < availablespace) { 1260 firstMoreElement.addClass('nav-item'); 1261 firstMoreElement.children('a.nav-link').removeClass('dropdown-item'); 1262 firstMoreElement.removeAttr('data-width'); 1263 firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); 1264 } 1265 delete firstMoreElement; 1266 } 1267 } 1268 1269 /*hide more*/ 1270 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li').html()!= '') { 1271 var thelastone = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li > li').length; 1272 if (thelastone == 1) { 1273 var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first(); 1274 if ((navwidth + firstMoreElement2.width()) < availablespace) { 1275 firstMoreElement2.addClass('nav-item'); 1276 firstMoreElement2.addClass('topmenuLg'); 1277 firstMoreElement2.children('a.nav-link').removeClass('dropdown-item'); 1278 firstMoreElement2.removeAttr("data-width"); 1279 firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); 1280 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1281 } else { 1282 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1283 } 1284 delete firstMoreElement2; 1285 } else { 1286 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1287 } 1288 } else { 1289 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); 1290 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1291 } 1292 } 1293 1294 function calcWidthAfter() { 1295 1296 //affix if reflesh topbar appear 1297 if ($(window).scrollTop() > 0) { 1298 var logwid = 221; 1299 }else{ 1300 var logwid = jQuery('#logotop').outerWidth(true); 1301 } 1302 1303 var navwidth = 0; 1304 var availablespace = 0; 1305 var defwidth = 0; 1306 var serwid = jQuery('#searchtop').outerWidth(true); 1307 var car2id = jQuery('#cart2').outerWidth(true); 1308 var intIsEnableSearchTop = "0"; 1309 var intIsEnableCart = "1"; 1310 let isLayoutId = '39'; 1311 let fullcontainer = '1'; 1312 if (intIsEnableSearchTop == 1) { 1313 defwidth = defwidth + serwid; 1314 } 1315 1316 if (intIsEnableCart == 1) { 1317 defwidth = defwidth + car2id; 1318 } 1319 if(fullcontainer=='1'){
1320 var pls_pad = 0; 1321 }else{ 1322 var pls_pad = 0; 1323 } 1324 jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg'); 1325 /* if (typeof serwid === "undefined") { 1326 var serwid = 0; 1327 } else { 1328 var defwidth = defwidth + serwid; 1329 } 1330 1331 if (typeof car2id === "undefined") { 1332 var car2id = 0; 1333 } else { 1334 var defwidth = defwidth + car2id; 1335 }*/ 1336 1337 1338 if (typeof logwid === "undefined") { 1339 var logwid = 0; 1340 } 1341 if (isLayoutId == '37' || isLayoutId == '38') { 1342 var logwid = 0; 1343 } 1344 1345 var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true); 1346 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { 1347 navwidth += jQuery(this).outerWidth(true); 1348 }); 1349 1350 /* var availablespace = jQuery('#top-area > #top-sticky > div').width() - morewidth - defwidth - logwid;*/ 1351 var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60); 1352 1353 if (navwidth > availablespace) { 1354 var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); 1355 var jimwidtest = lastItem.outerWidth(true); 1356 lastItem.removeClass('nav-item'); 1357 lastItem.removeClass('dropdown'); 1358 lastItem.children('a.nav-link').addClass('dropdown-item'); 1359 lastItem.attr('data-width', lastItem.outerWidth(true)); 1360 if (jimwidtest > 0) { 1361 lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul')); 1362 } 1363 delete lastItem; 1364 calcWidthAfter(); 1365 return 0; 1366 } else { 1367 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') { 1368 } 1369 } 1370 1371 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') { 1372 var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length; 1373 if (thelast == 1) { 1374 //remove more à¸à¹à¸²à¹à¸«à¸¥à¸·à¸ 1 1375 var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first(); 1376 if ((navwidth + firstMoreElement2.width()) < availablespace) { 1377 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1378 } else { 1379 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1380 } 1381 delete firstMoreElement2; 1382 } else { 1383 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1384 } 1385 } else { 1386 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1387 } 1388 1389 //add class last item menu à¸à¸à¸à¹à¸à¹à¸ 1390 jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); 1391 1392 jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").on('mouseenter', function(){ 1393 var vjim = jQuery(this); 1394 var isfullcontainer = '1'; 1395 1396 if (jQuery('div', this).length) { 1397 var elm = jQuery('.dropdown-menu:first', this); 1398 var off = elm.offset(); 1399 var l = off.left; 1400 var w = elm.width(); 1401 var num_colm = vjim.find('.menu-column > .each-col').length; 1402 if(isfullcontainer=='1'){ 1403 var docW = jQuery("#top-area > #top-sticky").width(); 1404 var isEntirelyVisible = ((l + w) <= docW); 1405 }else if(isfullcontainer=='0'){ 1406 var docW = jQuery("#top-area > #top-sticky > .container").width(); 1407 var isEntirelyVisible = ((l + w) <= docW); 1408 } 1409 if (!isEntirelyVisible && !(vjim.hasClass('more'))){ 1410 var tt_widwi = parseInt(parseInt(l) + parseInt(w)); 1411 var over_wid = parseInt(tt_widwi - docW); 1412 if(isfullcontainer=='0'){ 1413 var containtop = jQuery('#top-area > #top-sticky > .container'); 1414 var r_container = parseInt(containtop.offset().left + containtop.outerWidth()); 1415 1416 var rw_to_rc = parseInt($(window).width() - r_container); 1417 var new_left = (tt_widwi - r_container); 1418 }else if(isfullcontainer=='1'){ 1419 var new_left = ((over_wid)+1); 1420 } 1421 if (jQuery(window).width() > 1181 && jQuery(window).width() < 1200) {
1422 var setleftnew = ((parseInt(elm.css('left')) - new_left) + 105); 1423 }else if (jQuery(window).width() > 1081 && jQuery(window).width() < 1181) { 1424 var setleftnew = ((parseInt(elm.css('left')) - new_left) + 64); 1425 }else if (jQuery(window).width() > 1025 && jQuery(window).width() < 1081) { 1426 var setleftnew = ((parseInt(elm.css('left')) - new_left) + 60); 1427 }else{ 1428 var setleftnew = (parseInt(elm.css('left')) - new_left); 1429 } 1430 elm.css('left',setleftnew); 1431 } 1432 if(vjim.hasClass('more')){ 1433 vjim.children('ul.dropdown-menu').addClass('dropdown-menu-right'); 1434 } 1435 } 1436 }); 1437 jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").on('mouseleave', function(){ 1438 var elm = jQuery('.dropdown-menu:first', this); 1439 elm.css('left',0); 1440 if(jQuery(this).hasClass('more')){ 1441 jQuery(this).children('ul.dropdown-menu').addClass('dropdown-menu-right'); 1442 } 1443 }); 1444 } 1445 </script>
1445 1446 1447 </div> 1448 </div> 1449 </div> 1450 <div class="col-auto col-lg-auto text-right order-1 order-lg-12 d-lg-inline-flex align-items-center"> 1451 <div id="cart2" class="hoverOverlay d-inline-flex align-middle"> 1452 <style type="text/css"> 1453 .cart-nav{ 1454 margin: 0; 1455 } 1456</style> 1457 1458 1459 1460<a class="navbar-link cart-nav" href="/en/cart"> 1461 <span class="fa-layers fa-fw navbar-fa2"> 1462 <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i> 1463 <span class="widgetCartNumber d-none">0</span> 1464 </span> 1465</a> 1466 </div> 1467 </div> 1468 </div> 1469 </div> 1470 </div> 1471 </div> 1472 </nav> 1473</div> 1474<div class="headerMobile"> 1475 <style type="text/css"> 1476 nav .orderingMenu { 1477 order: 1; 1478 } 1479 .navbar-nav .dropdown-menu .dropdown-item { 1480 padding: 6px 20px; 1481 } 1482 @media (max-width: 1024px) { 1483 .navbar-toggler { 1484 padding: 9px 10px !important; 1485 margin-left: 3px !important; 1486 margin-top: 6px; 1487 margin-right: 0px; 1488 margin-bottom: 6px; 1489 font-size: 16px !important; 1490 height: 44px; 1491 } 1492 nav > #top-area > .row { 1493 margin: 0 6px; 1494 } 1495 .navbar-nav .dropdown-menu { 1496 position: relative !important; 1497 transform: translate3d(0px, 0px, 0px) !important; 1498 -webkit-transform: translate3d(0px, 0px, 0px) !important; 1499 top: auto !important; 1500 left: auto !important; 1501 padding: 0; 1502 margin: 0; 1503 } 1504 .navbar-nav .dropdown-menu .dropdown-item { 1505 padding: 9px 40px 9px 15px; 1506 } 1507 .navbar-text { 1508 margin: 0 auto; 1509 } 1510 .navbar-brand { 1511 padding: 4px 8px !important; 1512 font-size: 24px !important; 1513 line-height: 40px !important; 1514 border: none !important; 1515 margin: 0px 4px !important; 1516 } 1517 .navbar-brand span{ 1518 line-height: 40px; 1519 } 1520 .navbar-brand img { 1521 /*max-height: 48px;*/ 1522 max-height: 44px; 1523 max-width: 100%; 1524 } 1525 nav .navbar-link { 1526 min-width: 40px; 1527 } 1528 nav #top-area { 1529 transition: all 300ms ease; 1530 -webkit-transition: all 300ms ease; 1531 -moz-transition: all 300ms ease; 1532 -o-transition: all 300ms ease; 1533 } 1534 /* widget */ 1535 nav #socialnetwork,nav #linewidget { 1536 min-height: 34px; 1537 } 1538 nav .orderingMenu { 1539 order: 12; 1540 flex-basis: auto; 1541 } 1542 nav .brandingBox { 1543 flex-basis: 0; 1544 flex-grow: 1; 1545 max-width: 100%; 1546 } 1547 .navbar-link.cart-nav{ 1548 font-size: 22px; 1549 } 1550 .navbar-link.aOpenSearchIcon,.navbar-link.cart-nav{ 1551 margin-left: 0px; 1552 margin-top: 0px; 1553 margin-bottom: 0px; 1554 padding: 0px; 1555 } 1556 .widgetCartNumber { 1557 top: -11px; 1558 } 1559 .navbar-nav.member-nav .nav-item{ 1560 width: 100%; 1561 text-align: left !important; 1562 } 1563 .navbar-nav.member-nav{ 1564 height: auto; 1565 margin: 0px 5px; 1566 text-align: left !important; 1567 } 1568 .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show{ 1569 background: transparent; 1570 border: none; 1571 } 1572 .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show a:hover { 1573 background-color: transparent; 1574 } 1575 } 1576 @media (max-width: 350px) { 1577 nav > #top-bar { 1578 padding-left: 5px; 1579 padding-right: 5px; 1580 } 1581 } 1582 /*lang*/ 1583 .topwidget-lang{ 1584 margin: 0px 5px; 1585 } 1586 .topwidget-lang a { 1587 padding-left: 10px !important; 1588 padding-right: 10px !important; 1589 } 1590 1591 #section-header.sps--blw .headerMobile .navbar-collapse { 1592 max-height: 79vh;
1593 overflow-y: scroll; 1594 position: relative; 1595 -webkit-overflow-scrolling: touch; 1596 } 1597 #section-header.sps--abv .headerMobile .navbar-collapse { 1598 max-height: 73vh; 1599 overflow-y: scroll; 1600 -webkit-overflow-scrolling: touch; 1601 } 1602</style> 1603<nav id="topZone" class="navbar-expand-xl airry"> 1604 <div id="top-bar"> 1605 <div id="top-mb"> 1606 <div class="container-fluid"> 1607 <div class="row"> 1608 <div class="col-12 col-sm-12 col-md-12 col-lg text-truncate text-center"> 1609 <div id="toptext" class="navbar-text"> 1610 <strong><span style="color: rgb(51, 51, 51);" data-mce-style="color: #333333;">HYACELL à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¸à¸²à¸à¸«à¹à¸à¸à¹à¸¥à¹à¸à¹à¸ สัà¸à¸à¸£à¸£à¸¡à¸à¹à¸²à¸à¸à¸²à¸£à¸à¹à¸à¸à¹à¸²à¸à¸£à¸´à¹à¸§à¸£à¸à¸¢</span></strong> </div> 1611 </div> 1612 </div> 1613 <div class="row"> 1614 <div class="col-12 col-sm-12 col-md-12 col-lg text-center"> 1615 <div class="navbar-text"> 1616 <div id="socialnetwork" class="d-inline"> 1617<style> 1618 .empty { 1619 padding-top: 15px; 1620 padding-right: 22px; 1621 padding-bottom: 12px; 1622 padding-left: 29px; 1623 } 1624 .wechatSocial{ 1625 cursor: pointer; 1626 } 1627 .pointer-none { 1628 pointer-events: none; 1629 } 1630</style> 1631<div class="social-widget"> 1632 <a class="faco-top fa-layers fa-fw instagramSocial" target="_blank" href="https://www.instagram.com/skin_selected?igsh=cGJ1MmVneGJxM3hr" style=""> 1633 <i class="fas fa-circle colorInstagramBG pointer-none"></i> 1634 <i class="fa-inverse fab fa-instagram colorInstagram pointer-none" data-fa-transform="shrink-7"></i> 1635 </a> 1636 <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/@skinselected " style=""> 1637 <i class="fas fa-circle colorLineBG pointer-none"></i> 1638 <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i> 1639 </a> 1640 1641 1642 </div>
1643<script type="text/javascript"> 1644 1645 jQuery(".wechatSocial").click(function () { 1646 window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); 1647 }); 1648 1649</script>
1649</div> 1650 </div> 1651 </div> 1652 </div> 1653 </div> 1654 </div> 1655 </div> 1656 <div id="top-area"> 1657 <div id="top-sticky"> 1658 <div class=""> 1659 <div class="row no-gutters"> 1660 <div class="col pl-1 col-lg-auto d-lg-inline-flex brandingBox position-relative" style="display: flex;flex-direction: column; justify-content: center; width: 20%;"> 1661 <a class="navbar-brand position-absolute" href="/en/" style="display: flex;flex-direction: column; justify-content: center;"> 1662 <style> 1663 .logotextmobile{ 1664 display: inline-block; 1665 max-width: 200px; 1666 height: 1.5em; 1667 overflow: hidden; 1668 text-overflow: ellipsis; 1669 white-space: nowrap; 1670 color: #000; 1671 } 1672 .logotextmobile span{ 1673 /* font-size: 30px !important; */ 1674 line-height: 40px !important; 1675 } 1676 1677 @media (max-width: 364.98px) { 1678 .logotextmobile{ 1679 max-width: 150px; 1680 } 1681 } 1682 1683 @media (min-width: 365px) and (max-width: 575.98px) { 1684 .logotextmobile{ 1685 max-width: 200px; 1686 } 1687 } 1688 1689 @media (min-width: 576px) and (max-width: 767.98px) { 1690 .logotextmobile{ 1691 min-width: calc(400px + 4vw); 1692 max-width: 500px; 1693 } 1694 } 1695 1696 @media (min-width: 768px) and (max-width: 991.98px) { 1697 .logotextmobile{ 1698 max-width: 600px; 1699 } 1700 } 1701 @media (min-width: 992px) { 1702 .logotextmobile{ 1703 max-width: 800px; 1704 } 1705 } 1706 1707 1708</style> 1709 1710 <img src="https://image.makewebcdn.com/makeweb/m_200x200/hpDgCU77I/DefaultData/logo.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/> 1711 </a> 1712 </div> 1713 <div class="col-12 col-lg d-lg-inline-flex orderingMenu"> 1714 <div class="collapse navbar-collapse pb-1" id="navbarNavDropdown"> 1715 <style type="text/css"> 1716 .headerMobile .topwidget-menu .navbar-nav .dropdown-menu { 1717 padding: 0; 1718 margin: 0; 1719 } 1720 /*PC hack to hover*/ 1721 @media (min-width: 1025px) { 1722 .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{ 1723 display:block !important; 1724 } 1725 .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{ 1726 display:block !important; 1727 } 1728 .headerMobile ul.navbar-topmenu.navbar-nav ul{ 1729 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 1730 } 1731 .headerMobile .topwidget-menu { 1732 margin: 10px; 1733 } 1734 .headerMobile ul.dropdown-menu.dropdown-menu-right{ 1735 left: unset; 1736 right:0; 1737 } 1738 .headerMobile .dropdownfix-menu-right { 1739 right:100% !important; 1740 left:auto !important; 1741 } 1742 .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-right { 1743 transform: rotate(180deg); 1744 left: 0; 1745 position: absolute; 1746 top: 12px; 1747 } 1748 .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-down{ 1749 transform: rotate(90deg); 1750 left: 0; 1751 position: absolute; 1752 top: 12px; 1753 } 1754 .headerMobile .more.hidden{ 1755 display:none; 1756 } 1757 .headerMobile .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{ 1758 transform: rotate(-90deg); 1759 } 1760 .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item ul{ 1761 position: absolute; 1762 } 1763 .headerMobile .public-topmenu .topmenuLg{ 1764 border-right:none !important; 1765 } 1766 } 1767 /* tablet*/ 1768 @media only screen and (min-width: 768px) and (max-width: 1112px) { 1769 .headerMobile ul.navbar-topmenu.navbar-nav ul{ 1770 box-shadow: none; 1771 } 1772 /*.topwidget-menu { 1773 margin: 10px; 1774 }*/ 1775 } 1776 /*mobile tablet*/ 1777 @media only screen and (max-width: 1024px) { 1778 .headerMobile ul.navbar-topmenu.navbar-nav a{ 1779 text-align: left !important; 1780 white-space: normal; 1781 } 1782 .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-down{ 1783 transition: all .3s ease 0s; 1784 -ms-transition: all .3s ease 0s; 1785 -webkit-transition: all .3s ease 0s; 1786 -moz-transition: all .3s ease 0s; 1787 1788 } 1789 .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-right{ 1790 transform: rotate(90deg); 1791 transition: all .3s ease 0s; 1792 -ms-transition: all .3s ease 0s; 1793 -webkit-transition: all .3s ease 0s; 1794 -moz-transition: all .3s ease 0s; 1795 } 1796 1797 .headerMobile ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{ 1798 right: 12px; 1799 top: 27%; 1800 } 1801 1802 .headerMobile ul.navbar-topmenu.navbar-nav a{ 1803 word-wrap: break-word; 1804 } 1805 .headerMobile ul.navbar-topmenu.navbar-nav .more{ 1806 display:none !important; 1807 } 1808 .headerMobile .public-topmenu .dropdown.show > a > .arrowCollapse{ 1809 transform: rotate(180deg); 1810 -ms-transform: rotate(180deg); 1811 -webkit-transform: rotate(180deg); 1812 -moz-transform: rotate(180deg); 1813 } 1814 .headerMobile .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{ 1815 transform: rotate(270deg); 1816 -ms-transform: rotate(270deg); 1817 -webkit-transform: rotate(270deg); 1818 -moz-transform: rotate(270deg); 1819 } 1820 1821 .headerMobile ul.navbar-topmenu.navbar-nav > li > ul > li > a { 1822 padding-left: 30px !important; 1823 } 1824 .headerMobile ul.navbar-topmenu.navbar-nav ul ul a { 1825 padding-left: 45px !important; 1826 } 1827 .headerMobile ul.navbar-topmenu.navbar-nav ul ul ul a { 1828 padding-left: 60px !important; 1829 } 1830 } 1831</style> 1832 1833<div class="topwidget-menu"> 1834 <ul class="navbar-nav navbar-topmenu public-topmenu"> 1835 <li class="nav-item "> 1836 <a class="nav-link abl1" id="topmenuonpage" data-onhome="home" href="/en/" target="_self"> 1837 HOME </a> 1838 </li> 1839 <li class="nav-item "> 1840 <a class="nav-link abl1" href="/en/category" target="_self"> 1841 PRODUCTS </a> 1842 </li> 1843 <li class="nav-item "> 1844 <a class="nav-link abl1" href="/en/ingredients" target="_self"> 1845 INGREDIENTS </a> 1846 </li> 1847 <li class="nav-item "> 1848 <a class="nav-link abl1" href="/en/abouthyacell" target="_self"> 1849 ABOUT HYACELL </a> 1850 </li> 1851 <li class="nav-item topmenuLg"> 1852 <a class="nav-link abl1" href="/en/contactus" target="_self"> 1853 CONTACT US </a> 1854 </li> 1855 1856 <li class="nav-item dropdown more hidden" data-width="80"> 1857 <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)"> 1858 More <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i> 1859 </a> 1860 <ul class="dropdown-menu"></ul> 1861 </li> 1862 </ul> 1863</div> 1864 <div class="d-md-none theme-td-border my-0"></div> 1865 <div class="topwidget-menu"> 1866 <ul class="navbar-nav navbar-topmenu"> 1867 <li class="nav-item"> 1868 <a class="nav-link" href="/en/member"> 1869 Login </a> 1870 </li> 1871 <li class="nav-item"> 1872 <a class="nav-link" href="/en/member/register"> 1873 Register </a> 1874 </li> 1875 </ul> 1876</div> <div class="topwidget-menu"> 1877 <ul class="navbar-nav navbar-topmenu"> 1878 <li class="nav-item dropdown li-smooth-lang"> 1879 <a data-toggle="dropdown" class="dropdown-toggle aLanguage nav-link" id="chooseLanguage" href="javascript:void(0)"> 1880 <i class="flag-icon flag-icon-us"></i> 1881 EN <i class="fal fa-chevron-down" id="arrowLanguage"></i> 1882 </a> 1883 <ul class="dropdown-menu dropdown-menu-right smooth-lang"> 1884 <li> 1885 <a class="dropdown-item nav-link" style="padding:10px 15px 10px 15px;" href="/"> 1886 <i class="flag-icon flag-icon-th"></i> TH <input type="hidden" class="languageCodeSetting" value="4405"/> 1887 </a> 1888 </li> 1889 </ul> 1890 </li> 1891 </ul> 1892</div>
1893<script> 1894 $('.li-smooth-lang').on('show.bs.dropdown', function() { 1895 $(this).find('.dropdown-menu').first().stop(true, true).slideDown(); 1896 }); 1897 1898 $('.li-smooth-lang').on('hide.bs.dropdown', function () { 1899 $(this).find('.dropdown-menu').first().stop(true, true).slideUp(); 1900 }); 1901</script>
1901 </div> 1902 </div> 1903 <div class="col-auto pr-1 col-lg-auto text-right order-6 d-inline-flex align-items-center"> 1904 <style type="text/css"> 1905 .cart-nav{ 1906 margin: 0; 1907 } 1908</style> 1909 1910 1911 1912<a class="navbar-link cart-nav" href="/en/cart"> 1913 <span class="fa-layers fa-fw navbar-fa2"> 1914 <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i> 1915 <span class="widgetCartNumber d-none">0</span> 1916 </span> 1917</a> 1918 <button class="navbar-toggler hamburger hamburger--squeeze" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> 1919 <span class="hamburger-box"> 1920 <span class="hamburger-inner"></span> 1921 </span> 1922 </button> 1923 </div> 1924 </div> 1925 </div> 1926 </div> 1927 </div> 1928</nav> 1929</div>
1930<script> 1931 jQuery('.widgetCartNumber').hide(); 1932 jQuery(document).ready(function () { 1933 jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]').click(function (event) { 1934 // event.preventDefault(); 1935 jQuery(this).blur(); 1936 if (jQuery(this).attr('class') == 'abl1') { 1937 jQuery(this).attr('id', 'topmenuonpage'); 1938 } else if (jQuery(this).attr('class') == 'abl2') { 1939 jQuery(this).attr('id', 'topmenusubonpage'); 1940 } 1941 }); 1942 1943 jQuery('a').click( function(e) { 1944 var targetSelector = this.hash 1945 if(targetSelector) { 1946 e.stopImmediatePropagation(); 1947 1948 var $target = $(targetSelector); 1949 var iscls = $(targetSelector).attr('class'); //targethash //fttargethash 1950 // Animate the scroll to the destination... 1951 if(iscls==='fttargethash'){ 1952 var tr_po = 0; 1953 }else{ 1954 var tr_po = $target.offset().top; 1955 } 1956 $('html, body').animate( 1957 { 1958 scrollTop: tr_po // Scroll to this location. 1959 }, { 1960 // Set the duration long enough to allow time 1961 // to lazy load the elements. 1962 duration: 1000, 1963 1964 // At each animation step, check whether the target has moved. 1965 step: function( now, fx ) { 1966 1967 // Where is the target now located on the page? 1968 // i.e. its location will change as images etc. are lazy loaded 1969 if ($(window).width() > 1024) { 1970 if(iscls==='fttargethash'){ 1971 var newOffset = 0; 1972 }else{ 1973 var h_top_sticky = 0; 1974 // top bar space for calculations scroll position 1975 var viewable = isElementInView($('#top-sticky')) 1976 jQuery('.targethash').css('top', '0px'); 1977 if(viewable){ 1978 h_top_sticky = $('#top-sticky').height(); 1979 } 1980 var newOffset = $target.offset().top - h_top_sticky; 1981 } 1982 // var newOffset = $target.offset().top - 70; 1983 }else{ 1984 var newOffset = $target.offset().top; 1985 } 1986 // If where we were originally planning to scroll to is not 1987 // the same as the new offset (newOffset) then change where 1988 // the animation is scrolling to (fx.end). 1989 if(fx.end !== newOffset) 1990 fx.end = newOffset; 1991 } 1992 } 1993 ); 1994 } 1995 }) 1996 1997 // check element is visible in current windows display 1998 function isElementInView(element) { 1999 var $window = $(window); 2000 var windowHeight = $window.height(); 2001 var windowWidth = $window.width(); 2002 var rect = element.get(0).getBoundingClientRect(); 2003 2004 return ( 2005 rect.top >= 0 && rect.top <= windowHeight && 2006 rect.left >= 0 && rect.left <= windowWidth 2007 ); 2008 } 2009 2010 jQuery('.navbar-topmenu.public-topmenu a[data-onhome]').click(function (event) { 2011 if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 2012 $('html,body').animate({ 2013 scrollTop: 0 2014 }, 1800); 2015 return false; 2016 } 2017 }); 2018 var aChildren = jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]'); 2019 var highlinow = jQuery('.navbar-topmenu.public-topmenu a#topmenuonpage'); 2020 var highlinowLv2 = jQuery('.navbar-topmenu.public-topmenu a#topmenusubonpage');
2021 var stickyHeaderhi = jQuery('#menutop').height() + 75; 2022 2023 var aArray = []; 2024 for (var i = 0; i < aChildren.length; i++) { 2025 var aChild = aChildren[i]; 2026 var ahref = jQuery(aChild).attr('href'); 2027 var res = ahref.split("#"); 2028 var last_hash = res[res.length - 1]; 2029 aArray.push(last_hash); 2030 } 2031 2032 jQuery('.widgetCartNumber').show(); 2033 2034 jQuery(window).scroll(function () { 2035 var windowPos = jQuery(window).scrollTop(); 2036 var windowHeight = jQuery(window).height(); 2037 var docHeight = jQuery(document).height(); 2038 for (var i = 0; i < aArray.length; i++) { 2039 var theID = aArray[i]; 2040 if (jQuery('#' + theID).length > 0) { 2041 if (jQuery('#' + theID).data('orderbox') == 'onest') { 2042 /* if firstbox */ 2043 var divPos = jQuery('#' + theID).offset().top - stickyHeaderhi; 2044 var divHeight = jQuery('#' + theID).height(); 2045 } else { 2046 /* if non first */ 2047 var divPos = jQuery('#' + theID).parent().offset().top - stickyHeaderhi; 2048 var divHeight = jQuery('#' + theID).parent().height(); 2049 } 2050 if (windowPos >= divPos && windowPos < (divPos + divHeight)) { 2051 highlinow.removeAttr('id'); 2052 highlinowLv2.removeAttr('id'); 2053 if (jQuery("a.abl1[data-onpage-link='" + theID + "']").length > 0) { 2054 jQuery("a.abl1[data-onpage-link='" + theID + "']").attr('id', 'topmenuonpage'); 2055 } 2056 if (jQuery("a.abl2[data-onpage-link='" + theID + "']").length > 0) { 2057 jQuery("a.abl2[data-onpage-link='" + theID + "']").attr('id', 'topmenusubonpage'); 2058 } 2059 } else { 2060 jQuery("a.abl1[data-onpage-link='" + theID + "']").removeAttr('id'); 2061 jQuery("a.abl2[data-onpage-link='" + theID + "']").removeAttr('id'); 2062 if (jQuery("a[data-onpage-link][id='topmenuonpage']").length < 1 && jQuery("a[data-onpage-link][id='topmenusubonpage']").length < 1) { 2063 if (highlinow.length > 0) { 2064 highlinow.attr('id', 'topmenuonpage'); 2065 } 2066 if (highlinowLv2.length > 0) { 2067 highlinowLv2.attr('id', 'topmenusubonpage'); 2068 } 2069 } 2070 } 2071 } 2072 } 2073 if (windowPos + windowHeight == docHeight) { 2074 /* last position */ 2075 var lastsectionl1 = jQuery("a.targethash").parent().parent('#section-content').find('div:not(.insadsbygoogle) > a').last().attr('id'); 2076 //L1 2077 if (jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").length > 0) { 2078 highlinow.removeAttr('id'); 2079 jQuery('a.abl1#topmenuonpage').removeAttr('id'); 2080 jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenuonpage'); 2081 } 2082 //L2 L3 2083 if (jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").length > 0) { 2084 highlinowLv2.removeAttr('id'); 2085 jQuery('a.abl2#topmenusubonpage').removeAttr('id'); 2086 jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenusubonpage'); 2087 } 2088 } 2089 }); 2090 2091 }); 2092 2093 //!navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) && 2094 if (screen.width > 1024) { // is desktop 2095 var isSubmenuLv2Overflow = 0; 2096 var isSubmenuLv3Overflow = 0; 2097 var elem_headerDesktop = document.getElementsByClassName("headerDesktop")[0]; 2098 var elem_topmenu = elem_headerDesktop.getElementsByClassName("navbar-topmenu")[0]; 2099 var sectionHeader = document.getElementById("section-header"); 2100 var arr_li_lv1 = elem_topmenu.getElementsByClassName("nav
2100-item dropdown"); // li (Lv1) (has submenu) 2101 if (arr_li_lv1.length > 0) { 2102 // console.log(arr_li_lv1); 2103 for (i = 0; i < arr_li_lv1.length; i++) { 2104 var li_lv1 = arr_li_lv1[i]; 2105 var arr_child_li_lv1 = li_lv1.children; // a, ui.dropdown-menu 2106 if (arr_child_li_lv1.length > 0) { 2107 2108 for (j = 0; j < arr_child_li_lv1.length; j++) { 2109 if (arr_child_li_lv1[j].classList.contains('dropdown-menu')) { // ui.dropdown-menu 2110 var ui_lv2 = arr_child_li_lv1[j]; 2111 var arr_li_lv2 = ui_lv2.children; // li (Lv2) 2112 var length_li_lv2 = arr_li_lv2.length; 2113 2114 // get heightest dropdown-menu 2115 var maxHeight = 0; 2116 $('.dropdown-menu').each(function() { 2117 var height = $(this).outerHeight(); 2118 if (height > maxHeight) { 2119 maxHeight = height; 2120 } 2121 }); 2122 2123 if (maxHeight > screen.height) { 2124 isSubmenuLv2Overflow += 1; 2125 } 2126 2127 //LV 3 LIMITED EDITION 2128 if (arr_li_lv2.length > 0) { 2129 for (k = 0; k < arr_li_lv2.length; k++) { 2130 if (arr_li_lv2[k].children.length > 1) { 2131 if (arr_li_lv2[k].children[1].classList.contains('dropdown-menu')) { // ui.dropdown-menu 2132 //k = à¸à¸³à¹à¸«à¸à¹à¸à¸à¸µà¹à¸¡à¸µ ul 2133 var posiUllv3 = k; 2134 var arr_li_lv3 = arr_li_lv2[k].children[1]; // li (Lv2) 2135 var obj_li_lv3 = arr_li_lv3.children; 2136 var length_li_lv3 = obj_li_lv3.length; 2137 var limiLv3High = length_li_lv3 + k; 2138 2139 if (screen.height >= 1440 && screen.height < 2880 && limiLv3High > 34) { // height:1440 2140 isSubmenuLv3Overflow += 1; 2141 } else if (screen.height >= 1080 && screen.height < 1440 && limiLv3High > 20) { // height:1080 2142 isSubmenuLv3Overflow += 1; 2143 } else if (screen.height >= 768 && screen.height < 1080 && limiLv3High > 14) { // height:768 2144 isSubmenuLv3Overflow += 1; 2145 } else if (screen.height >= 500 && screen.height < 768 && limiLv3High > 10) { // w:768 2146 isSubmenuLv3Overflow += 1; 2147 } 2148 2149 } 2150 } 2151 } 2152 } 2153 2154 2155 } 2156 } 2157 } 2158 2159 } 2160 } 2161 2162 if (isSubmenuLv2Overflow > 0) { // no stricky 2163 sectionHeader.classList.remove('sps'); 2164 sectionHeader.classList.remove('sps--abv'); 2165 sectionHeader.classList.remove('sps--blw'); 2166 } 2167 //if lavel 3 is Too Damn High 2168 if (isSubmenuLv3Overflow > 0) { // no stricky 2169 sectionHeader.classList.remove('sps'); 2170 sectionHeader.classList.remove('sps--abv'); 2171 sectionHeader.classList.remove('sps--blw'); 2172 } 2173 2174 //if screen height not than 1080 disable 2175 jQuery(window).ready(function () { 2176 setTimeout(() => { 2177 if ($(window).height() > jQuery('#section-content').height() + jQuery('#section-footer').height()) { 2178 sectionHeader.classList.remove('sps'); 2179 sectionHeader.classList.remove('sps--abv'); 2180 sectionHeader.classList.remove('sps--blw'); 2181 } 2182 }, 200); 2183 }); 2184 } 2185</script>
2185 2186 </div> 2187 <!-- <div id="section-content" style=""> --> 2188 <div id="section-content"> 2189 2190<style type="text/css"> 2191 /* reveal */ 2192 @media only screen and (min-width: 1200px) { 2193 .reveal { background-attachment: fixed !important; } 2194 } 2195 /* rellax */ 2196 .rellax-view { position: relative; overflow: hidden; } 2197 .rellax { position: absolute; width: 100%; top: 0px; bottom: 0px; left: 0; right: 0; } 2198 .marginBottomSpace { 2199 2200 margin-bottom: 20px; 2201 } 2202 .img-responsive{margin:auto;} 2203 @media only screen and (max-width: 767px){ 2204 .maginBottomCaption{ 2205 margin-bottom: 40px; 2206 } 2207 .maginBottomCaptionmini{ 2208 margin-bottom: 15px; 2209 } 2210 .marginBottomSpaceMobile{ 2211 margin-bottom: 20px; 2212 } 2213 .coverslidebox{ 2214 padding: 0px 0px; 2215 } 2216 } 2217 @media only screen and (min-width: 768px){ 2218 .maginBottomCaption{ 2219 margin-bottom: 0px; 2220 } 2221 .maginBottomCaptionmini{ 2222 margin-bottom: 0px; 2223 } 2224 .marginBottomSpaceMobile{ 2225 margin-bottom: 0px; 2226 } 2227 .coverslidebox{ 2228 padding: 0px 15px; 2229 } 2230 .textlayout-maxwidth{ 2231 max-width: 585px; 2232 } 2233 .textlayout-marlauto{ 2234 margin-left: auto; 2235 } 2236 } 2237 .noImgSimpleBG{ 2238 background-color:#E1E4E9; 2239 } 2240 .box-not-overflow{ 2241 overflow: hidden; 2242 } 2243 .play-button { 2244 left: 50%; 2245 top: 50%; 2246 width: 72px; 2247 height: 64px; 2248 margin-left: -36px; 2249 margin-top: -32px; 2250 z-index: 1; 2251 color: #212121; 2252 opacity: 0.85; 2253 } 2254 .play-button:hover, 2255 .play-button:hover::before { 2256 opacity: 1; 2257 color: #f00; 2258 } 2259 .play-button .fa-youtube { 2260 font-size: 64px; 2261 } 2262 .play-button:before { 2263 content: ""; 2264 width: 0; 2265 height: 0; 2266 border-top: 11px solid transparent; 2267 border-left: 20px solid #ffffff; 2268 border-bottom: 11px solid transparent; 2269 position: absolute; 2270 top: 21px; 2271 left: 29px; 2272 } 2273 .wrapper .youtube { 2274 background-color: #000; 2275 position: relative; 2276 padding-top: 56.25%; 2277 overflow: hidden; 2278 cursor: pointer 2279 } 2280 2281 .wrapper .youtube img { 2282 width: 100%; 2283 top: -16.82%; 2284 left: 0; 2285 max-height: none !important; 2286 opacity: .7 2287 } 2288 .wrapper .youtube .play-button, 2289 .wrapper .youtube img { 2290 cursor: pointer 2291 } 2292 2293 .wrapper .youtube .play-button, 2294 .wrapper .youtube .play-button:before, 2295 .wrapper .youtube iframe, 2296 .wrapper .youtube img { 2297 position: absolute 2298 } 2299 .wrapper .youtube iframe { 2300 height: 100%; 2301 width: 100%; 2302 top: 0; 2303 left: 0 2304 } 2305 @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) { 2306 a.targethash{ 2307 top: -112px; 2308 } 2309 } 2310</style> 2311 <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;"> 2312 </div> 2313 2314 <div style="position: relative; background-color:#f7f7f9; " data-orderbox="onest"> 2315 <a id="customize-47139" class="fttargethash" style="top: 2px; display: block;position: relative; visibility: hidden;"></a> 2316 <div class="container"> 2317 2318 <div style="padding-top: 40px; padding-bottom: 40px;"> 2319 <div > 2320 <style type="text/css"> 2321 .brakeword10 { 2322 word-wrap: break-word; 2323 } 2324</style> 2325<div class="row brakeword10 area-tinymce"> 2326 <div class="col-12"> 2327 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 30px; color: #333333; font-family: 'Open sans';" open="" sans="" data-mce-style="font-size: 30px; color: #333333; font-family: 'Open sans';">HYACELL</span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 24px; color: #333333;" data-mce-style="font-size: 24px; color: #333333;">Anti-Aging Products from Pharmaceutical Lab</span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #666666;" data-mce-style="color: #666666;">"Our products have been developed to treat specific skin problems. Your skin first has to get used to our products.<br> After a short time you will see impressive results of cellular rejuvenation."</sp
2327an></div> </div> 2328</div> </div> 2329 </div> 2330 </div> 2331 </div> 2332 <!-- end background div --> 2333 2334 <div style="position: relative; background-color:#ffffff; " > 2335 <a id="slidebox-47141" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 2336 <div class="container-fluid"> 2337 2338 <div style="padding-top: 0px; padding-bottom: 0px;"> 2339 <div > 2340 2341<style type="text/css"> 2342 .owlSliderBoxAdv { 2343 margin: 0px -15px; 2344 position: relative; 2345 } 2346 .owlSliderBoxAdv .loader { 2347 transition: all 1s ease 0s; 2348 -webkit-transition: all 1s ease 0s; 2349 -moz-transition: all 1s ease 0s; 2350 -o-transition: all 1s ease 0s; 2351 position: absolute; 2352 top:0; 2353 bottom:0; 2354 left: 0; 2355 right: 0; 2356 width: 50px; 2357 } 2358 .owlSliderBoxAdv .owl-item { 2359 overflow: hidden; 2360 } 2361 .owl-carousel .owl-item img { 2362 max-width: calc(100% + 1px) !important; 2363 width: auto; 2364 margin: 0 auto; 2365 } 2366 .owlSliderBoxAdv .clickable{ 2367 cursor: pointer; 2368 } 2369 2370 .owlSliderBoxAdv .owl-dots { 2371 bottom: 10px; 2372 left: 0; 2373 position: absolute; 2374 right: 0; 2375 } 2376 2377 .owl-theme .owl-nav { 2378 margin-top: 0px; 2379 } 2380 .owlSliderBoxAdv .owl-nav [class*='owl-'] { 2381 background: transparent none repeat scroll 0 0; 2382 height: 45px; 2383 width: 45px; 2384 margin: 0; 2385 padding: 0; 2386 transform: translate3d(0, -50%, 0); 2387 -webkit-transform: translate3d(0, -50%, 0); 2388 -moz-transform: translate3d(0, -50%, 0); 2389 -ms-transform: translate3d(0, -50%, 0); 2390 opacity: 1; 2391 position: absolute; 2392 top: 50%; 2393 z-index: 2; 2394 /* line-height: 88px; */ 2395 text-align: left; 2396 border-radius: 0px; 2397 } 2398 @media (max-width: 767px) { 2399 .owlSliderBoxAdv .owl-nav [class*='owl-'] { 2400 display:none; 2401 } 2402 } 2403 /* .owl-theme .owl-nav [class*='owl-']:hover { 2404 background: inherit; 2405 } */ 2406 .Mweslide_47141.owlSliderBoxAdv .owl-nav .fa-angle-left, 2407 .Mweslide_47141.owlSliderBoxAdv .owl-nav .fa-angle-right { 2408 color: #85a1bb; 2409 } 2410 .Mweslide_47141.owlSliderBoxAdv .owl-nav .owl-prev { 2411 left: 0; 2412 text-indent: 10px; 2413 border-radius: 50%; opacity:1; border: 2px solid #85a1bb; color: #85a1bb; background-color: transparent;left: 10px; line-height: 56px; text-indent: 10px; } 2414 .Mweslide_47141.owlSliderBoxAdv .owl-nav .owl-next { 2415 right: 0; 2416 text-indent: 20px; 2417 border-radius: 50%; opacity:1; border: 2px solid #85a1bb; color: #85a1bb; background-color: transparent;right: 10px; line-height: 56px; text-indent: 15px; } 2418 .Mweslide_47141.owlSliderBoxAdv .owl-nav .owl-prev:hover { 2419 border-radius: 50%; opacity:1; border: 2px solid #85a1bb; color: #85a1bb; background-color: transparent;opacity:0.9; } 2420 .Mweslide_47141.owlSliderBoxAdv .owl-nav .owl-next:hover { 2421 border-radius: 50%; opacity:1; border: 2px solid #85a1bb; color: #85a1bb; background-color: transparent;opacity:0.9; } 2422 .Mweslide_47141.owlSliderBoxAdv .owl-nav{ 2423 color: #85a1bb; 2424 font-size: 45px; 2425 vertical-align: middle; 2426 } 2427 2428 2429 .Mweslide_47141.owlSliderBoxAdv .owl-lazy { 2430 height: 300px; 2431 background-repeat: no-repeat; 2432 position: relative; 2433 } 2434 @media (max-width: 768px) {
2435 .Mweslide_47141.owlSliderBoxAdv .owl-lazy { 2436 height: 300px; 2437 background-repeat: no-repeat; 2438 position: relative; 2439 } 2440 } 2441 2442 .owlSliderBoxAdv .item .contentPOS { 2443 position: absolute; 2444 transition: all 450ms ease 0s; 2445 -webkit-transition: all 450ms ease 0s; 2446 -moz-transition: all 450ms ease 0s; 2447 -o-transition: all 450ms ease 0s; 2448 padding: 0px; 2449 display: inline-table; 2450 } 2451 2452 .owlSliderBoxAdv .item .contentEffect { 2453 line-height: 1.42857143; 2454 vertical-align: middle; 2455 display: inline-block; 2456 overflow-wrap: break-word; 2457 width: max-content; 2458 font-size: 16px; 2459 } 2460 .owlSliderBoxAdv .item .contentEffect h2, 2461 .owlSliderBoxAdv .item .contentEffect h3, 2462 .owlSliderBoxAdv .item .contentEffect p, 2463 .owlSliderBoxAdv .item .contentEffect a { 2464 font-family: inherit; 2465 font-size: inherit; 2466 color: inherit; 2467 } 2468 .owlSliderBoxAdv .item .contentEffect p { 2469 margin: 0 0 10px; 2470 } 2471 .owlSliderBoxAdv .item .contentEffect p:last-child { 2472 margin-bottom: 0px; 2473 } 2474 2475 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSnw { 2476 top: 0; 2477 left: 0; 2478 transform: translate3d(0, 0, 0); 2479 -webkit-transform: translate3d(0, 0, 0); 2480 -moz-transform: translate3d(0, 0, 0); 2481 -ms-transform: translate3d(0, 0, 0); 2482 margin-top: 0px; 2483 margin-left: 0px; 2484 margin-right: 0; 2485 margin-bottom: 0; 2486 } 2487 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSn { 2488 top: 0; 2489 left: 50%; 2490 transform: translate3d(-50%, 0, 0); 2491 -webkit-transform: translate3d(-50%, 0, 0); 2492 -moz-transform: translate3d(-50%, 0, 0); 2493 -ms-transform: translate3d(-50%, 0, 0); 2494 margin-top: 0px; 2495 margin-left: 0; 2496 margin-right: 0; 2497 margin-bottom: 0; 2498 } 2499 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSne { 2500 top: 0; 2501 right: 0; 2502 transform: translate3d(0, 0, 0); 2503 -webkit-transform: translate3d(0, 0, 0); 2504 -moz-transform: translate3d(0, 0, 0); 2505 -ms-transform: translate3d(0, 0, 0); 2506 margin-top: 0px; 2507 margin-right: 0px; 2508 margin-left: 0; 2509 margin-bottom: 0; 2510 } 2511 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSe { 2512 top: 50%; 2513 right: 0; 2514 transform: translate3d(0, -50%, 0); 2515 -webkit-transform: translate3d(0, -50%, 0); 2516 -moz-transform: translate3d(0, -50%, 0); 2517 -ms-transform: translate3d(0, -50%, 0); 2518 margin-top: 0; 2519 margin-right: 0px; 2520 margin-left: 0; 2521 margin-bottom: 0; 2522 } 2523 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSse { 2524 bottom: 0; 2525 right: 0; 2526 transform: translate3d(0, 0, 0); 2527 -webkit-transform: translate3d(0, 0, 0); 2528 -moz-transform: translate3d(0, 0, 0); 2529 -ms-transform: translate3d(0, 0, 0); 2530 margin-top: 0; 2531 margin-right: 0px; 2532 margin-left: 0; 2533 margin-bottom: 0px; 2534 } 2535 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSs { 2536 bottom: 0; 2537 left: 50%; 2538 transform: translate3d(-50%, 0, 0); 2539 -webkit-transform: translate3d(-50%, 0, 0); 2540 -moz-transform: translate3d(-50%, 0, 0); 2541 -ms-transform: translate3d(-50%, 0, 0); 2542 margin-top: 0; 2543 margin-right: 0; 2544 margin-left: 0; 2545 margin-bottom: 0px; 2546 } 2547 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSsw { 2548 bottom: 0; 2549 left: 0; 2550 transform: translate3d(0, 0, 0); 2551 -webkit-transform: translate3d(0, 0, 0); 2552 -moz-transform: translate3d(0, 0, 0); 2553 -ms-transform: translate3d(0, 0, 0); 2554 margin-top: 0; 2555 margin-right: 0; 2556 margin-left: 0px; 2557 margin-bottom: 0px; 2558 }
2559 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSw { 2560 top: 50%; 2561 left: 0; 2562 transform: translate3d(0, -50%, 0); 2563 -webkit-transform: translate3d(0, -50%, 0); 2564 -moz-transform: translate3d(0, -50%, 0); 2565 -ms-transform: translate3d(0, -50%, 0); 2566 margin-top: 0; 2567 margin-right: 0; 2568 margin-left: 0px; 2569 margin-bottom: 0; 2570 } 2571 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSc { 2572 top: 50%; 2573 left: 50%; 2574 transform: translate3d(-50%, -50%, 0); 2575 -webkit-transform: translate3d(-50%, -50%, 0); 2576 -moz-transform: translate3d(-50%, -50%, 0); 2577 -ms-transform: translate3d(-50%, -50%, 0); 2578 margin-top: 0; 2579 margin-right: 0; 2580 margin-left: 0; 2581 margin-bottom: 0; 2582 } 2583 @media (max-width: 768px) { 2584 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSnw_mobile { 2585 top: 0; 2586 left: 0; 2587 right: auto; 2588 bottom: auto; 2589 transform: translate3d(0, 0, 0); 2590 -webkit-transform: translate3d(0, 0, 0); 2591 -moz-transform: translate3d(0, 0, 0); 2592 -ms-transform: translate3d(0, 0, 0); 2593 margin-top: 0px; 2594 margin-left: 0px; 2595 margin-right: 0; 2596 margin-bottom: 0; 2597 } 2598 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSn_mobile { 2599 top: 0; 2600 left: 50%; 2601 right: auto; 2602 bottom: auto; 2603 transform: translate3d(-50%, 0, 0); 2604 -webkit-transform: translate3d(-50%, 0, 0); 2605 -moz-transform: translate3d(-50%, 0, 0); 2606 -ms-transform: translate3d(-50%, 0, 0); 2607 margin-top: 0px; 2608 margin-left: 0; 2609 margin-right: 0; 2610 margin-bottom: 0; 2611 } 2612 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSne_mobile { 2613 top: 0; 2614 right: 0; 2615 left: auto; 2616 bottom: auto; 2617 transform: translate3d(0, 0, 0); 2618 -webkit-transform: translate3d(0, 0, 0); 2619 -moz-transform: translate3d(0, 0, 0); 2620 -ms-transform: translate3d(0, 0, 0); 2621 margin-top: 0px; 2622 margin-right: 0px; 2623 margin-left: 0; 2624 margin-bottom: 0; 2625 } 2626 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSe_mobile { 2627 top: 50%; 2628 right: 0; 2629 left: auto; 2630 bottom: auto; 2631 transform: translate3d(0, -50%, 0); 2632 -webkit-transform: translate3d(0, -50%, 0); 2633 -moz-transform: translate3d(0, -50%, 0); 2634 -ms-transform: translate3d(0, -50%, 0); 2635 margin-top: 0; 2636 margin-right: 0px; 2637 margin-left: 0; 2638 margin-bottom: 0; 2639 } 2640 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSse_mobile { 2641 bottom: 0; 2642 right: 0; 2643 left: auto; 2644 top: auto; 2645 transform: translate3d(0, 0, 0); 2646 -webkit-transform: translate3d(0, 0, 0); 2647 -moz-transform: translate3d(0, 0, 0); 2648 -ms-transform: translate3d(0, 0, 0); 2649 margin-top: 0; 2650 margin-right: 0px; 2651 margin-left: 0; 2652 margin-bottom: 0px; 2653 } 2654 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSs_mobile { 2655 bottom: 0; 2656 left: 50%; 2657 right: auto; 2658 top: auto; 2659 transform: translate3d(-50%, 0, 0); 2660 -webkit-transform: translate3d(-50%, 0, 0); 2661 -moz-transform: translate3d(-50%, 0, 0); 2662 -ms-transform: translate3d(-50%, 0, 0); 2663 margin-top: 0; 2664 margin-right: 0; 2665 margin-left: 0; 2666 margin-bottom: 0px; 2667 }
2668 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSsw_mobile { 2669 bottom: 0; 2670 left: 0; 2671 right: auto; 2672 top: auto; 2673 transform: translate3d(0, 0, 0); 2674 -webkit-transform: translate3d(0, 0, 0); 2675 -moz-transform: translate3d(0, 0, 0); 2676 -ms-transform: translate3d(0, 0, 0); 2677 margin-top: 0; 2678 margin-right: 0; 2679 margin-left: 0px; 2680 margin-bottom: 0px; 2681 } 2682 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSw_mobile { 2683 top: 50%; 2684 left: 0; 2685 right: auto; 2686 bottom: auto; 2687 transform: translate3d(0, -50%, 0); 2688 -webkit-transform: translate3d(0, -50%, 0); 2689 -moz-transform: translate3d(0, -50%, 0); 2690 -ms-transform: translate3d(0, -50%, 0); 2691 margin-top: 0; 2692 margin-right: 0; 2693 margin-left: 0px; 2694 margin-bottom: 0; 2695 } 2696 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSc_mobile { 2697 top: 50%; 2698 left: 50%; 2699 right: auto; 2700 bottom: auto; 2701 transform: translate3d(-50%, -50%, 0); 2702 -webkit-transform: translate3d(-50%, -50%, 0); 2703 -moz-transform: translate3d(-50%, -50%, 0); 2704 -ms-transform: translate3d(-50%, -50%, 0); 2705 margin-top: 0; 2706 margin-right: 0; 2707 margin-left: 0; 2708 margin-bottom: 0; 2709 } 2710 } 2711 2712 2713 .Mweslide_47141.owlSliderBoxAdv .item0 .owl-lazy { 2714 background-size: cover; 2715 background-position: center center; 2716 } 2717 @media (max-width: 768px) { 2718 .Mweslide_47141.owlSliderBoxAdv .item0 .owl-lazy { 2719 background-size: cover; 2720 background-position: center center; 2721 } 2722 } 2723 2724 2725 .Mweslide_47141.owlSliderBoxAdv .item0 .contentBG { 2726 background-color: 'transparent'; 2727 } 2728 @media (max-width: 768px) { 2729 .Mweslide_47141.owlSliderBoxAdv .item0 .contentBG { 2730 background-color: 'transparent'; 2731 } 2732 } 2733 2734 2735 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPadding { 2736 padding-top: 15px; 2737 padding-right: 15px; 2738 padding-bottom: 15px; 2739 padding-left: 15px; 2740 } 2741 @media (max-width: 768px) { 2742 .Mweslide_47141.owlSliderBoxAdv .item0 .contentPadding { 2743 padding-top: 15px; 2744 padding-right: 15px; 2745 padding-bottom: 15px; 2746 padding-left: 15px; 2747 } 2748 } 2749 2750 2751 /* Mobile Scale */ 2752 @media (max-width: 768px) { 2753 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="8"] { 2754 font-size: 8px !important; 2755 } 2756 } 2757 @media (max-width: 768px) { 2758 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="9"] { 2759 font-size: 9px !important; 2760 } 2761 } 2762 @media (max-width: 768px) { 2763 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="10"] { 2764 font-size: 10px !important; 2765 } 2766 } 2767 @media (max-width: 768px) { 2768 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="11"] { 2769 font-size: 11px !important; 2770 } 2771 } 2772 @media (max-width: 768px) { 2773 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="12"] { 2774 font-size: 12px !important; 2775 } 2776 } 2777 @media (max-width: 768px) {
2778 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="13"] { 2779 font-size: 13px !important; 2780 } 2781 } 2782 @media (max-width: 768px) { 2783 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="14"] { 2784 font-size: 14px !important; 2785 } 2786 } 2787 @media (max-width: 768px) { 2788 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="15"] { 2789 font-size: 15px !important; 2790 } 2791 } 2792 @media (max-width: 768px) { 2793 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="16"] { 2794 font-size: 16px !important; 2795 } 2796 } 2797 @media (max-width: 768px) { 2798 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="17"] { 2799 font-size: 17px !important; 2800 } 2801 } 2802 @media (max-width: 768px) { 2803 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="18"] { 2804 font-size: 18px !important; 2805 } 2806 } 2807 @media (max-width: 768px) { 2808 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="19"] { 2809 font-size: 19px !important; 2810 } 2811 } 2812 @media (max-width: 768px) { 2813 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="20"] { 2814 font-size: 20px !important; 2815 } 2816 } 2817 @media (max-width: 768px) { 2818 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="22"] { 2819 font-size: 22px !important; 2820 } 2821 } 2822 @media (max-width: 768px) { 2823 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="24"] { 2824 font-size: 24px !important; 2825 } 2826 } 2827 @media (max-width: 768px) { 2828 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="26"] { 2829 font-size: 26px !important; 2830 } 2831 } 2832 @media (max-width: 768px) { 2833 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="28"] { 2834 font-size: 28px !important; 2835 } 2836 } 2837 @media (max-width: 768px) { 2838 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="30"] { 2839 font-size: 30px !important; 2840 } 2841 } 2842 @media (max-width: 768px) { 2843 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="32"] { 2844 font-size: 32px !important; 2845 } 2846 } 2847 @media (max-width: 768px) { 2848 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="34"] { 2849 font-size: 34px !important; 2850 } 2851 } 2852 @media (max-width: 768px) { 2853 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="36"] { 2854 font-size: 36px !important; 2855 } 2856 } 2857 @media (max-width: 768px) { 2858 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="40"] { 2859 font-size: 40px !important; 2860 } 2861 } 2862 @media (max-width: 768px) { 2863 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="44"] { 2864 font-size: 44px !important; 2865 } 2866 } 2867 @media (max-width: 768px) { 2868 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="48"] { 2869 font-size: 48px !important; 2870 } 2871 } 2872 @media (max-width: 768px) {
2873 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="52"] { 2874 font-size: 52px !important; 2875 } 2876 } 2877 @media (max-width: 768px) { 2878 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="56"] { 2879 font-size: 56px !important; 2880 } 2881 } 2882 @media (max-width: 768px) { 2883 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="60"] { 2884 font-size: 60px !important; 2885 } 2886 } 2887 @media (max-width: 768px) { 2888 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="66"] { 2889 font-size: 66px !important; 2890 } 2891 } 2892 @media (max-width: 768px) { 2893 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="72"] { 2894 font-size: 72px !important; 2895 } 2896 } 2897 @media (max-width: 768px) { 2898 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="80"] { 2899 font-size: 80px !important; 2900 } 2901 } 2902 @media (max-width: 768px) { 2903 .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="100"] { 2904 font-size: 100px !important; 2905 } 2906 } 2907 @media (max-width: 768px) { 2908 .Mweslide_47141.owlSliderBoxAdv .item0 .contentEffect p { 2909 margin-bottom: 10px !important; 2910 } 2911 .Mweslide_47141.owlSliderBoxAdv .item0 .contentEffect img { 2912 transform: scale(1); 2913 -webkit-transform: scale(1); 2914 -moz-transform: scale(1); 2915 -ms-transform: scale(1); 2916 } 2917 } 2918 2919 @media (max-width: 768px) { 2920 } 2921 @media (max-width: 768px) { 2922 } 2923 @media (max-width: 768px) { 2924 } 2925 @media (max-width: 768px) { 2926 } 2927 @media (max-width: 768px) { 2928 } 2929 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSnw { 2930 top: 0; 2931 left: 0; 2932 transform: translate3d(0, 0, 0); 2933 -webkit-transform: translate3d(0, 0, 0); 2934 -moz-transform: translate3d(0, 0, 0); 2935 -ms-transform: translate3d(0, 0, 0); 2936 margin-top: 0px; 2937 margin-left: 0px; 2938 margin-right: 0; 2939 margin-bottom: 0; 2940 } 2941 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSn { 2942 top: 0; 2943 left: 50%; 2944 transform: translate3d(-50%, 0, 0); 2945 -webkit-transform: translate3d(-50%, 0, 0); 2946 -moz-transform: translate3d(-50%, 0, 0); 2947 -ms-transform: translate3d(-50%, 0, 0); 2948 margin-top: 0px; 2949 margin-left: 0; 2950 margin-right: 0; 2951 margin-bottom: 0; 2952 } 2953 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSne { 2954 top: 0; 2955 right: 0; 2956 transform: translate3d(0, 0, 0); 2957 -webkit-transform: translate3d(0, 0, 0); 2958 -moz-transform: translate3d(0, 0, 0); 2959 -ms-transform: translate3d(0, 0, 0); 2960 margin-top: 0px; 2961 margin-right: 0px; 2962 margin-left: 0; 2963 margin-bottom: 0; 2964 } 2965 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSe { 2966 top: 50%; 2967 right: 0; 2968 transform: translate3d(0, -50%, 0); 2969 -webkit-transform: translate3d(0, -50%, 0); 2970 -moz-transform: translate3d(0, -50%, 0); 2971 -ms-transform: translate3d(0, -50%, 0); 2972 margin-top: 0; 2973 margin-right: 0px; 2974 margin-left: 0; 2975 margin-bottom: 0; 2976 }
2977 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSse { 2978 bottom: 0; 2979 right: 0; 2980 transform: translate3d(0, 0, 0); 2981 -webkit-transform: translate3d(0, 0, 0); 2982 -moz-transform: translate3d(0, 0, 0); 2983 -ms-transform: translate3d(0, 0, 0); 2984 margin-top: 0; 2985 margin-right: 0px; 2986 margin-left: 0; 2987 margin-bottom: 0px; 2988 } 2989 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSs { 2990 bottom: 0; 2991 left: 50%; 2992 transform: translate3d(-50%, 0, 0); 2993 -webkit-transform: translate3d(-50%, 0, 0); 2994 -moz-transform: translate3d(-50%, 0, 0); 2995 -ms-transform: translate3d(-50%, 0, 0); 2996 margin-top: 0; 2997 margin-right: 0; 2998 margin-left: 0; 2999 margin-bottom: 0px; 3000 } 3001 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSsw { 3002 bottom: 0; 3003 left: 0; 3004 transform: translate3d(0, 0, 0); 3005 -webkit-transform: translate3d(0, 0, 0); 3006 -moz-transform: translate3d(0, 0, 0); 3007 -ms-transform: translate3d(0, 0, 0); 3008 margin-top: 0; 3009 margin-right: 0; 3010 margin-left: 0px; 3011 margin-bottom: 0px; 3012 } 3013 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSw { 3014 top: 50%; 3015 left: 0; 3016 transform: translate3d(0, -50%, 0); 3017 -webkit-transform: translate3d(0, -50%, 0); 3018 -moz-transform: translate3d(0, -50%, 0); 3019 -ms-transform: translate3d(0, -50%, 0); 3020 margin-top: 0; 3021 margin-right: 0; 3022 margin-left: 0px; 3023 margin-bottom: 0; 3024 } 3025 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSc { 3026 top: 50%; 3027 left: 50%; 3028 transform: translate3d(-50%, -50%, 0); 3029 -webkit-transform: translate3d(-50%, -50%, 0); 3030 -moz-transform: translate3d(-50%, -50%, 0); 3031 -ms-transform: translate3d(-50%, -50%, 0); 3032 margin-top: 0; 3033 margin-right: 0; 3034 margin-left: 0; 3035 margin-bottom: 0; 3036 } 3037 @media (max-width: 768px) { 3038 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSnw_mobile { 3039 top: 0; 3040 left: 0; 3041 right: auto; 3042 bottom: auto; 3043 transform: translate3d(0, 0, 0); 3044 -webkit-transform: translate3d(0, 0, 0); 3045 -moz-transform: translate3d(0, 0, 0); 3046 -ms-transform: translate3d(0, 0, 0); 3047 margin-top: 0px; 3048 margin-left: 0px; 3049 margin-right: 0; 3050 margin-bottom: 0; 3051 } 3052 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSn_mobile { 3053 top: 0; 3054 left: 50%; 3055 right: auto; 3056 bottom: auto; 3057 transform: translate3d(-50%, 0, 0); 3058 -webkit-transform: translate3d(-50%, 0, 0); 3059 -moz-transform: translate3d(-50%, 0, 0); 3060 -ms-transform: translate3d(-50%, 0, 0); 3061 margin-top: 0px; 3062 margin-left: 0; 3063 margin-right: 0; 3064 margin-bottom: 0; 3065 } 3066 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSne_mobile { 3067 top: 0; 3068 right: 0; 3069 left: auto; 3070 bottom: auto; 3071 transform: translate3d(0, 0, 0); 3072 -webkit-transform: translate3d(0, 0, 0); 3073 -moz-transform: translate3d(0, 0, 0); 3074 -ms-transform: translate3d(0, 0, 0); 3075 margin-top: 0px; 3076 margin-right: 0px; 3077 margin-left: 0; 3078 margin-bottom: 0; 3079 } 3080 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSe_mobile { 3081 top: 50%; 3082 right: 0; 3083 left: auto; 3084 bottom: auto; 3085 transform: translate3d(0, -50%, 0); 3086 -webkit-transform: translate3d(0, -50%, 0); 3087 -moz-transform: translate3d(0, -50%, 0); 3088 -ms-transform: translate3d(0, -50%, 0); 3089 margin-top: 0; 3090 margin-right: 0px; 3091 margin-left: 0; 3092 margin-bottom: 0; 3093 }
3094 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSse_mobile { 3095 bottom: 0; 3096 right: 0; 3097 left: auto; 3098 top: auto; 3099 transform: translate3d(0, 0, 0); 3100 -webkit-transform: translate3d(0, 0, 0); 3101 -moz-transform: translate3d(0, 0, 0); 3102 -ms-transform: translate3d(0, 0, 0); 3103 margin-top: 0; 3104 margin-right: 0px; 3105 margin-left: 0; 3106 margin-bottom: 0px; 3107 } 3108 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSs_mobile { 3109 bottom: 0; 3110 left: 50%; 3111 right: auto; 3112 top: auto; 3113 transform: translate3d(-50%, 0, 0); 3114 -webkit-transform: translate3d(-50%, 0, 0); 3115 -moz-transform: translate3d(-50%, 0, 0); 3116 -ms-transform: translate3d(-50%, 0, 0); 3117 margin-top: 0; 3118 margin-right: 0; 3119 margin-left: 0; 3120 margin-bottom: 0px; 3121 } 3122 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSsw_mobile { 3123 bottom: 0; 3124 left: 0; 3125 right: auto; 3126 top: auto; 3127 transform: translate3d(0, 0, 0); 3128 -webkit-transform: translate3d(0, 0, 0); 3129 -moz-transform: translate3d(0, 0, 0); 3130 -ms-transform: translate3d(0, 0, 0); 3131 margin-top: 0; 3132 margin-right: 0; 3133 margin-left: 0px; 3134 margin-bottom: 0px; 3135 } 3136 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSw_mobile { 3137 top: 50%; 3138 left: 0; 3139 right: auto; 3140 bottom: auto; 3141 transform: translate3d(0, -50%, 0); 3142 -webkit-transform: translate3d(0, -50%, 0); 3143 -moz-transform: translate3d(0, -50%, 0); 3144 -ms-transform: translate3d(0, -50%, 0); 3145 margin-top: 0; 3146 margin-right: 0; 3147 margin-left: 0px; 3148 margin-bottom: 0; 3149 } 3150 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSc_mobile { 3151 top: 50%; 3152 left: 50%; 3153 right: auto; 3154 bottom: auto; 3155 transform: translate3d(-50%, -50%, 0); 3156 -webkit-transform: translate3d(-50%, -50%, 0); 3157 -moz-transform: translate3d(-50%, -50%, 0); 3158 -ms-transform: translate3d(-50%, -50%, 0); 3159 margin-top: 0; 3160 margin-right: 0; 3161 margin-left: 0; 3162 margin-bottom: 0; 3163 } 3164 } 3165 3166 3167 .Mweslide_47141.owlSliderBoxAdv .item1 .owl-lazy { 3168 background-size: cover; 3169 background-position: center center; 3170 } 3171 @media (max-width: 768px) { 3172 .Mweslide_47141.owlSliderBoxAdv .item1 .owl-lazy { 3173 background-size: cover; 3174 background-position: center center; 3175 } 3176 } 3177 3178 3179 .Mweslide_47141.owlSliderBoxAdv .item1 .contentBG { 3180 background-color: 'transparent'; 3181 } 3182 @media (max-width: 768px) { 3183 .Mweslide_47141.owlSliderBoxAdv .item1 .contentBG { 3184 background-color: 'transparent'; 3185 } 3186 } 3187 3188 3189 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPadding { 3190 padding-top: 15px; 3191 padding-right: 15px; 3192 padding-bottom: 15px; 3193 padding-left: 15px; 3194 } 3195 @media (max-width: 768px) { 3196 .Mweslide_47141.owlSliderBoxAdv .item1 .contentPadding { 3197 padding-top: 15px; 3198 padding-right: 15px; 3199 padding-bottom: 15px; 3200 padding-left: 15px; 3201 } 3202 } 3203 3204 3205 /* Mobile Scale */ 3206 @media (max-width: 768px) {
3207 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="8"] { 3208 font-size: 8px !important; 3209 } 3210 } 3211 @media (max-width: 768px) { 3212 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="9"] { 3213 font-size: 9px !important; 3214 } 3215 } 3216 @media (max-width: 768px) { 3217 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="10"] { 3218 font-size: 10px !important; 3219 } 3220 } 3221 @media (max-width: 768px) { 3222 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="11"] { 3223 font-size: 11px !important; 3224 } 3225 } 3226 @media (max-width: 768px) { 3227 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="12"] { 3228 font-size: 12px !important; 3229 } 3230 } 3231 @media (max-width: 768px) { 3232 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="13"] { 3233 font-size: 13px !important; 3234 } 3235 } 3236 @media (max-width: 768px) { 3237 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="14"] { 3238 font-size: 14px !important; 3239 } 3240 } 3241 @media (max-width: 768px) { 3242 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="15"] { 3243 font-size: 15px !important; 3244 } 3245 } 3246 @media (max-width: 768px) { 3247 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="16"] { 3248 font-size: 16px !important; 3249 } 3250 } 3251 @media (max-width: 768px) { 3252 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="17"] { 3253 font-size: 17px !important; 3254 } 3255 } 3256 @media (max-width: 768px) { 3257 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="18"] { 3258 font-size: 18px !important; 3259 } 3260 } 3261 @media (max-width: 768px) { 3262 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="19"] { 3263 font-size: 19px !important; 3264 } 3265 } 3266 @media (max-width: 768px) { 3267 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="20"] { 3268 font-size: 20px !important; 3269 } 3270 } 3271 @media (max-width: 768px) { 3272 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="22"] { 3273 font-size: 22px !important; 3274 } 3275 } 3276 @media (max-width: 768px) { 3277 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="24"] { 3278 font-size: 24px !important; 3279 } 3280 } 3281 @media (max-width: 768px) { 3282 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="26"] { 3283 font-size: 26px !important; 3284 } 3285 } 3286 @media (max-width: 768px) { 3287 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="28"] { 3288 font-size: 28px !important; 3289 } 3290 } 3291 @media (max-width: 768px) { 3292 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="30"] { 3293 font-size: 30px !important; 3294 } 3295 } 3296 @media (max-width: 768px) { 3297 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="32"] { 3298 font-size: 32px !important; 3299 } 3300 } 3301 @media (max-width: 768px) {
3302 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="34"] { 3303 font-size: 34px !important; 3304 } 3305 } 3306 @media (max-width: 768px) { 3307 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="36"] { 3308 font-size: 36px !important; 3309 } 3310 } 3311 @media (max-width: 768px) { 3312 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="40"] { 3313 font-size: 40px !important; 3314 } 3315 } 3316 @media (max-width: 768px) { 3317 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="44"] { 3318 font-size: 44px !important; 3319 } 3320 } 3321 @media (max-width: 768px) { 3322 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="48"] { 3323 font-size: 48px !important; 3324 } 3325 } 3326 @media (max-width: 768px) { 3327 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="52"] { 3328 font-size: 52px !important; 3329 } 3330 } 3331 @media (max-width: 768px) { 3332 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="56"] { 3333 font-size: 56px !important; 3334 } 3335 } 3336 @media (max-width: 768px) { 3337 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="60"] { 3338 font-size: 60px !important; 3339 } 3340 } 3341 @media (max-width: 768px) { 3342 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="66"] { 3343 font-size: 66px !important; 3344 } 3345 } 3346 @media (max-width: 768px) { 3347 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="72"] { 3348 font-size: 72px !important; 3349 } 3350 } 3351 @media (max-width: 768px) { 3352 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="80"] { 3353 font-size: 80px !important; 3354 } 3355 } 3356 @media (max-width: 768px) { 3357 .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="100"] { 3358 font-size: 100px !important; 3359 } 3360 } 3361 @media (max-width: 768px) { 3362 .Mweslide_47141.owlSliderBoxAdv .item1 .contentEffect p { 3363 margin-bottom: 10px !important; 3364 } 3365 .Mweslide_47141.owlSliderBoxAdv .item1 .contentEffect img { 3366 transform: scale(1); 3367 -webkit-transform: scale(1); 3368 -moz-transform: scale(1); 3369 -ms-transform: scale(1); 3370 } 3371 } 3372 3373 @media (max-width: 768px) { 3374 } 3375 @media (max-width: 768px) { 3376 } 3377 @media (max-width: 768px) { 3378 } 3379 @media (max-width: 768px) { 3380 } 3381 @media (max-width: 768px) { 3382 } 3383 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSnw { 3384 top: 0; 3385 left: 0; 3386 transform: translate3d(0, 0, 0); 3387 -webkit-transform: translate3d(0, 0, 0); 3388 -moz-transform: translate3d(0, 0, 0); 3389 -ms-transform: translate3d(0, 0, 0); 3390 margin-top: 0px; 3391 margin-left: 0px; 3392 margin-right: 0; 3393 margin-bottom: 0; 3394 } 3395 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSn { 3396 top: 0; 3397 left: 50%; 3398 transform: translate3d(-50%, 0, 0); 3399 -webkit-transform: translate3d(-50%, 0, 0); 3400 -moz-transform: translate3d(-50%, 0, 0); 3401 -ms-transform: translate3d(-50%, 0, 0); 3402 margin-top: 0px; 3403 margin-left: 0; 3404 margin-right: 0; 3405 margin-bottom: 0; 3406 }
3407 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSne { 3408 top: 0; 3409 right: 0; 3410 transform: translate3d(0, 0, 0); 3411 -webkit-transform: translate3d(0, 0, 0); 3412 -moz-transform: translate3d(0, 0, 0); 3413 -ms-transform: translate3d(0, 0, 0); 3414 margin-top: 0px; 3415 margin-right: 0px; 3416 margin-left: 0; 3417 margin-bottom: 0; 3418 } 3419 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSe { 3420 top: 50%; 3421 right: 0; 3422 transform: translate3d(0, -50%, 0); 3423 -webkit-transform: translate3d(0, -50%, 0); 3424 -moz-transform: translate3d(0, -50%, 0); 3425 -ms-transform: translate3d(0, -50%, 0); 3426 margin-top: 0; 3427 margin-right: 0px; 3428 margin-left: 0; 3429 margin-bottom: 0; 3430 } 3431 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSse { 3432 bottom: 0; 3433 right: 0; 3434 transform: translate3d(0, 0, 0); 3435 -webkit-transform: translate3d(0, 0, 0); 3436 -moz-transform: translate3d(0, 0, 0); 3437 -ms-transform: translate3d(0, 0, 0); 3438 margin-top: 0; 3439 margin-right: 0px; 3440 margin-left: 0; 3441 margin-bottom: 0px; 3442 } 3443 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSs { 3444 bottom: 0; 3445 left: 50%; 3446 transform: translate3d(-50%, 0, 0); 3447 -webkit-transform: translate3d(-50%, 0, 0); 3448 -moz-transform: translate3d(-50%, 0, 0); 3449 -ms-transform: translate3d(-50%, 0, 0); 3450 margin-top: 0; 3451 margin-right: 0; 3452 margin-left: 0; 3453 margin-bottom: 0px; 3454 } 3455 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSsw { 3456 bottom: 0; 3457 left: 0; 3458 transform: translate3d(0, 0, 0); 3459 -webkit-transform: translate3d(0, 0, 0); 3460 -moz-transform: translate3d(0, 0, 0); 3461 -ms-transform: translate3d(0, 0, 0); 3462 margin-top: 0; 3463 margin-right: 0; 3464 margin-left: 0px; 3465 margin-bottom: 0px; 3466 } 3467 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSw { 3468 top: 50%; 3469 left: 0; 3470 transform: translate3d(0, -50%, 0); 3471 -webkit-transform: translate3d(0, -50%, 0); 3472 -moz-transform: translate3d(0, -50%, 0); 3473 -ms-transform: translate3d(0, -50%, 0); 3474 margin-top: 0; 3475 margin-right: 0; 3476 margin-left: 0px; 3477 margin-bottom: 0; 3478 } 3479 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSc { 3480 top: 50%; 3481 left: 50%; 3482 transform: translate3d(-50%, -50%, 0); 3483 -webkit-transform: translate3d(-50%, -50%, 0); 3484 -moz-transform: translate3d(-50%, -50%, 0); 3485 -ms-transform: translate3d(-50%, -50%, 0); 3486 margin-top: 0; 3487 margin-right: 0; 3488 margin-left: 0; 3489 margin-bottom: 0; 3490 } 3491 @media (max-width: 768px) { 3492 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSnw_mobile { 3493 top: 0; 3494 left: 0; 3495 right: auto; 3496 bottom: auto; 3497 transform: translate3d(0, 0, 0); 3498 -webkit-transform: translate3d(0, 0, 0); 3499 -moz-transform: translate3d(0, 0, 0); 3500 -ms-transform: translate3d(0, 0, 0); 3501 margin-top: 0px; 3502 margin-left: 0px; 3503 margin-right: 0; 3504 margin-bottom: 0; 3505 } 3506 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSn_mobile { 3507 top: 0; 3508 left: 50%; 3509 right: auto; 3510 bottom: auto; 3511 transform: translate3d(-50%, 0, 0); 3512 -webkit-transform: translate3d(-50%, 0, 0); 3513 -moz-transform: translate3d(-50%, 0, 0); 3514 -ms-transform: translate3d(-50%, 0, 0); 3515 margin-top: 0px; 3516 margin-left: 0; 3517 margin-right: 0; 3518 margin-bottom: 0; 3519 }
3520 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSne_mobile { 3521 top: 0; 3522 right: 0; 3523 left: auto; 3524 bottom: auto; 3525 transform: translate3d(0, 0, 0); 3526 -webkit-transform: translate3d(0, 0, 0); 3527 -moz-transform: translate3d(0, 0, 0); 3528 -ms-transform: translate3d(0, 0, 0); 3529 margin-top: 0px; 3530 margin-right: 0px; 3531 margin-left: 0; 3532 margin-bottom: 0; 3533 } 3534 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSe_mobile { 3535 top: 50%; 3536 right: 0; 3537 left: auto; 3538 bottom: auto; 3539 transform: translate3d(0, -50%, 0); 3540 -webkit-transform: translate3d(0, -50%, 0); 3541 -moz-transform: translate3d(0, -50%, 0); 3542 -ms-transform: translate3d(0, -50%, 0); 3543 margin-top: 0; 3544 margin-right: 0px; 3545 margin-left: 0; 3546 margin-bottom: 0; 3547 } 3548 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSse_mobile { 3549 bottom: 0; 3550 right: 0; 3551 left: auto; 3552 top: auto; 3553 transform: translate3d(0, 0, 0); 3554 -webkit-transform: translate3d(0, 0, 0); 3555 -moz-transform: translate3d(0, 0, 0); 3556 -ms-transform: translate3d(0, 0, 0); 3557 margin-top: 0; 3558 margin-right: 0px; 3559 margin-left: 0; 3560 margin-bottom: 0px; 3561 } 3562 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSs_mobile { 3563 bottom: 0; 3564 left: 50%; 3565 right: auto; 3566 top: auto; 3567 transform: translate3d(-50%, 0, 0); 3568 -webkit-transform: translate3d(-50%, 0, 0); 3569 -moz-transform: translate3d(-50%, 0, 0); 3570 -ms-transform: translate3d(-50%, 0, 0); 3571 margin-top: 0; 3572 margin-right: 0; 3573 margin-left: 0; 3574 margin-bottom: 0px; 3575 } 3576 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSsw_mobile { 3577 bottom: 0; 3578 left: 0; 3579 right: auto; 3580 top: auto; 3581 transform: translate3d(0, 0, 0); 3582 -webkit-transform: translate3d(0, 0, 0); 3583 -moz-transform: translate3d(0, 0, 0); 3584 -ms-transform: translate3d(0, 0, 0); 3585 margin-top: 0; 3586 margin-right: 0; 3587 margin-left: 0px; 3588 margin-bottom: 0px; 3589 } 3590 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSw_mobile { 3591 top: 50%; 3592 left: 0; 3593 right: auto; 3594 bottom: auto; 3595 transform: translate3d(0, -50%, 0); 3596 -webkit-transform: translate3d(0, -50%, 0); 3597 -moz-transform: translate3d(0, -50%, 0); 3598 -ms-transform: translate3d(0, -50%, 0); 3599 margin-top: 0; 3600 margin-right: 0; 3601 margin-left: 0px; 3602 margin-bottom: 0; 3603 } 3604 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSc_mobile { 3605 top: 50%; 3606 left: 50%; 3607 right: auto; 3608 bottom: auto; 3609 transform: translate3d(-50%, -50%, 0); 3610 -webkit-transform: translate3d(-50%, -50%, 0); 3611 -moz-transform: translate3d(-50%, -50%, 0); 3612 -ms-transform: translate3d(-50%, -50%, 0); 3613 margin-top: 0; 3614 margin-right: 0; 3615 margin-left: 0; 3616 margin-bottom: 0; 3617 } 3618 } 3619 3620 3621 .Mweslide_47141.owlSliderBoxAdv .item2 .owl-lazy { 3622 background-size: cover; 3623 background-position: center center; 3624 } 3625 @media (max-width: 768px) {
3626 .Mweslide_47141.owlSliderBoxAdv .item2 .owl-lazy { 3627 background-size: cover; 3628 background-position: center center; 3629 } 3630 } 3631 3632 3633 .Mweslide_47141.owlSliderBoxAdv .item2 .contentBG { 3634 background-color: 'transparent'; 3635 } 3636 @media (max-width: 768px) { 3637 .Mweslide_47141.owlSliderBoxAdv .item2 .contentBG { 3638 background-color: 'transparent'; 3639 } 3640 } 3641 3642 3643 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPadding { 3644 padding-top: 15px; 3645 padding-right: 15px; 3646 padding-bottom: 15px; 3647 padding-left: 15px; 3648 } 3649 @media (max-width: 768px) { 3650 .Mweslide_47141.owlSliderBoxAdv .item2 .contentPadding { 3651 padding-top: 15px; 3652 padding-right: 15px; 3653 padding-bottom: 15px; 3654 padding-left: 15px; 3655 } 3656 } 3657 3658 3659 /* Mobile Scale */ 3660 @media (max-width: 768px) { 3661 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="8"] { 3662 font-size: 8px !important; 3663 } 3664 } 3665 @media (max-width: 768px) { 3666 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="9"] { 3667 font-size: 9px !important; 3668 } 3669 } 3670 @media (max-width: 768px) { 3671 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="10"] { 3672 font-size: 10px !important; 3673 } 3674 } 3675 @media (max-width: 768px) { 3676 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="11"] { 3677 font-size: 11px !important; 3678 } 3679 } 3680 @media (max-width: 768px) { 3681 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="12"] { 3682 font-size: 12px !important; 3683 } 3684 } 3685 @media (max-width: 768px) { 3686 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="13"] { 3687 font-size: 13px !important; 3688 } 3689 } 3690 @media (max-width: 768px) { 3691 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="14"] { 3692 font-size: 14px !important; 3693 } 3694 } 3695 @media (max-width: 768px) { 3696 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="15"] { 3697 font-size: 15px !important; 3698 } 3699 } 3700 @media (max-width: 768px) { 3701 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="16"] { 3702 font-size: 16px !important; 3703 } 3704 } 3705 @media (max-width: 768px) { 3706 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="17"] { 3707 font-size: 17px !important; 3708 } 3709 } 3710 @media (max-width: 768px) { 3711 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="18"] { 3712 font-size: 18px !important; 3713 } 3714 } 3715 @media (max-width: 768px) { 3716 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="19"] { 3717 font-size: 19px !important; 3718 } 3719 } 3720 @media (max-width: 768px) { 3721 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="20"] { 3722 font-size: 20px !important; 3723 } 3724 } 3725 @media (max-width: 768px) { 3726 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="22"] { 3727 font-size: 22px !important; 3728 } 3729 } 3730 @media (max-width: 768px) {
3731 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="24"] { 3732 font-size: 24px !important; 3733 } 3734 } 3735 @media (max-width: 768px) { 3736 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="26"] { 3737 font-size: 26px !important; 3738 } 3739 } 3740 @media (max-width: 768px) { 3741 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="28"] { 3742 font-size: 28px !important; 3743 } 3744 } 3745 @media (max-width: 768px) { 3746 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="30"] { 3747 font-size: 30px !important; 3748 } 3749 } 3750 @media (max-width: 768px) { 3751 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="32"] { 3752 font-size: 32px !important; 3753 } 3754 } 3755 @media (max-width: 768px) { 3756 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="34"] { 3757 font-size: 34px !important; 3758 } 3759 } 3760 @media (max-width: 768px) { 3761 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="36"] { 3762 font-size: 36px !important; 3763 } 3764 } 3765 @media (max-width: 768px) { 3766 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="40"] { 3767 font-size: 40px !important; 3768 } 3769 } 3770 @media (max-width: 768px) { 3771 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="44"] { 3772 font-size: 44px !important; 3773 } 3774 } 3775 @media (max-width: 768px) { 3776 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="48"] { 3777 font-size: 48px !important; 3778 } 3779 } 3780 @media (max-width: 768px) { 3781 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="52"] { 3782 font-size: 52px !important; 3783 } 3784 } 3785 @media (max-width: 768px) { 3786 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="56"] { 3787 font-size: 56px !important; 3788 } 3789 } 3790 @media (max-width: 768px) { 3791 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="60"] { 3792 font-size: 60px !important; 3793 } 3794 } 3795 @media (max-width: 768px) { 3796 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="66"] { 3797 font-size: 66px !important; 3798 } 3799 } 3800 @media (max-width: 768px) { 3801 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="72"] { 3802 font-size: 72px !important; 3803 } 3804 } 3805 @media (max-width: 768px) { 3806 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="80"] { 3807 font-size: 80px !important; 3808 } 3809 } 3810 @media (max-width: 768px) { 3811 .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="100"] { 3812 font-size: 100px !important; 3813 } 3814 } 3815 @media (max-width: 768px) { 3816 .Mweslide_47141.owlSliderBoxAdv .item2 .contentEffect p { 3817 margin-bottom: 10px !important; 3818 } 3819 .Mweslide_47141.owlSliderBoxAdv .item2 .contentEffect img { 3820 transform: scale(1); 3821 -webkit-transform: scale(1); 3822 -moz-transform: scale(1); 3823 -ms-transform: scale(1); 3824 } 3825 } 3826 3827 @media (max-width: 768px) { 3828 } 3829 @media (max-width: 768px) { 3830 } 3831 @media (max-width: 768px) { 3832 } 3833 @media (max-width: 768px) { 3834 } 3835 @media (max-width: 768px) { 3836 }
3837 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSnw { 3838 top: 0; 3839 left: 0; 3840 transform: translate3d(0, 0, 0); 3841 -webkit-transform: translate3d(0, 0, 0); 3842 -moz-transform: translate3d(0, 0, 0); 3843 -ms-transform: translate3d(0, 0, 0); 3844 margin-top: 0px; 3845 margin-left: 0px; 3846 margin-right: 0; 3847 margin-bottom: 0; 3848 } 3849 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSn { 3850 top: 0; 3851 left: 50%; 3852 transform: translate3d(-50%, 0, 0); 3853 -webkit-transform: translate3d(-50%, 0, 0); 3854 -moz-transform: translate3d(-50%, 0, 0); 3855 -ms-transform: translate3d(-50%, 0, 0); 3856 margin-top: 0px; 3857 margin-left: 0; 3858 margin-right: 0; 3859 margin-bottom: 0; 3860 } 3861 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSne { 3862 top: 0; 3863 right: 0; 3864 transform: translate3d(0, 0, 0); 3865 -webkit-transform: translate3d(0, 0, 0); 3866 -moz-transform: translate3d(0, 0, 0); 3867 -ms-transform: translate3d(0, 0, 0); 3868 margin-top: 0px; 3869 margin-right: 0px; 3870 margin-left: 0; 3871 margin-bottom: 0; 3872 } 3873 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSe { 3874 top: 50%; 3875 right: 0; 3876 transform: translate3d(0, -50%, 0); 3877 -webkit-transform: translate3d(0, -50%, 0); 3878 -moz-transform: translate3d(0, -50%, 0); 3879 -ms-transform: translate3d(0, -50%, 0); 3880 margin-top: 0; 3881 margin-right: 0px; 3882 margin-left: 0; 3883 margin-bottom: 0; 3884 } 3885 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSse { 3886 bottom: 0; 3887 right: 0; 3888 transform: translate3d(0, 0, 0); 3889 -webkit-transform: translate3d(0, 0, 0); 3890 -moz-transform: translate3d(0, 0, 0); 3891 -ms-transform: translate3d(0, 0, 0); 3892 margin-top: 0; 3893 margin-right: 0px; 3894 margin-left: 0; 3895 margin-bottom: 0px; 3896 } 3897 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSs { 3898 bottom: 0; 3899 left: 50%; 3900 transform: translate3d(-50%, 0, 0); 3901 -webkit-transform: translate3d(-50%, 0, 0); 3902 -moz-transform: translate3d(-50%, 0, 0); 3903 -ms-transform: translate3d(-50%, 0, 0); 3904 margin-top: 0; 3905 margin-right: 0; 3906 margin-left: 0; 3907 margin-bottom: 0px; 3908 } 3909 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSsw { 3910 bottom: 0; 3911 left: 0; 3912 transform: translate3d(0, 0, 0); 3913 -webkit-transform: translate3d(0, 0, 0); 3914 -moz-transform: translate3d(0, 0, 0); 3915 -ms-transform: translate3d(0, 0, 0); 3916 margin-top: 0; 3917 margin-right: 0; 3918 margin-left: 0px; 3919 margin-bottom: 0px; 3920 } 3921 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSw { 3922 top: 50%; 3923 left: 0; 3924 transform: translate3d(0, -50%, 0); 3925 -webkit-transform: translate3d(0, -50%, 0); 3926 -moz-transform: translate3d(0, -50%, 0); 3927 -ms-transform: translate3d(0, -50%, 0); 3928 margin-top: 0; 3929 margin-right: 0; 3930 margin-left: 0px; 3931 margin-bottom: 0; 3932 } 3933 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSc { 3934 top: 50%; 3935 left: 50%; 3936 transform: translate3d(-50%, -50%, 0); 3937 -webkit-transform: translate3d(-50%, -50%, 0); 3938 -moz-transform: translate3d(-50%, -50%, 0); 3939 -ms-transform: translate3d(-50%, -50%, 0); 3940 margin-top: 0; 3941 margin-right: 0; 3942 margin-left: 0; 3943 margin-bottom: 0; 3944 } 3945 @media (max-width: 768px) { 3946 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSnw_mobile { 3947 top: 0; 3948 left: 0; 3949 right: auto; 3950 bottom: auto; 3951 transform: translate3d(0, 0, 0); 3952 -webkit-transform: translate3d(0, 0, 0); 3953 -moz-transform: translate3d(0, 0, 0); 3954 -ms-transform: translate3d(0, 0, 0); 3955 margin-top: 0px; 3956 margin-left: 0px; 3957 margin-right: 0; 3958 margin-bottom: 0; 3959 }
3960 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSn_mobile { 3961 top: 0; 3962 left: 50%; 3963 right: auto; 3964 bottom: auto; 3965 transform: translate3d(-50%, 0, 0); 3966 -webkit-transform: translate3d(-50%, 0, 0); 3967 -moz-transform: translate3d(-50%, 0, 0); 3968 -ms-transform: translate3d(-50%, 0, 0); 3969 margin-top: 0px; 3970 margin-left: 0; 3971 margin-right: 0; 3972 margin-bottom: 0; 3973 } 3974 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSne_mobile { 3975 top: 0; 3976 right: 0; 3977 left: auto; 3978 bottom: auto; 3979 transform: translate3d(0, 0, 0); 3980 -webkit-transform: translate3d(0, 0, 0); 3981 -moz-transform: translate3d(0, 0, 0); 3982 -ms-transform: translate3d(0, 0, 0); 3983 margin-top: 0px; 3984 margin-right: 0px; 3985 margin-left: 0; 3986 margin-bottom: 0; 3987 } 3988 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSe_mobile { 3989 top: 50%; 3990 right: 0; 3991 left: auto; 3992 bottom: auto; 3993 transform: translate3d(0, -50%, 0); 3994 -webkit-transform: translate3d(0, -50%, 0); 3995 -moz-transform: translate3d(0, -50%, 0); 3996 -ms-transform: translate3d(0, -50%, 0); 3997 margin-top: 0; 3998 margin-right: 0px; 3999 margin-left: 0; 4000 margin-bottom: 0; 4001 } 4002 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSse_mobile { 4003 bottom: 0; 4004 right: 0; 4005 left: auto; 4006 top: auto; 4007 transform: translate3d(0, 0, 0); 4008 -webkit-transform: translate3d(0, 0, 0); 4009 -moz-transform: translate3d(0, 0, 0); 4010 -ms-transform: translate3d(0, 0, 0); 4011 margin-top: 0; 4012 margin-right: 0px; 4013 margin-left: 0; 4014 margin-bottom: 0px; 4015 } 4016 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSs_mobile { 4017 bottom: 0; 4018 left: 50%; 4019 right: auto; 4020 top: auto; 4021 transform: translate3d(-50%, 0, 0); 4022 -webkit-transform: translate3d(-50%, 0, 0); 4023 -moz-transform: translate3d(-50%, 0, 0); 4024 -ms-transform: translate3d(-50%, 0, 0); 4025 margin-top: 0; 4026 margin-right: 0; 4027 margin-left: 0; 4028 margin-bottom: 0px; 4029 } 4030 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSsw_mobile { 4031 bottom: 0; 4032 left: 0; 4033 right: auto; 4034 top: auto; 4035 transform: translate3d(0, 0, 0); 4036 -webkit-transform: translate3d(0, 0, 0); 4037 -moz-transform: translate3d(0, 0, 0); 4038 -ms-transform: translate3d(0, 0, 0); 4039 margin-top: 0; 4040 margin-right: 0; 4041 margin-left: 0px; 4042 margin-bottom: 0px; 4043 } 4044 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSw_mobile { 4045 top: 50%; 4046 left: 0; 4047 right: auto; 4048 bottom: auto; 4049 transform: translate3d(0, -50%, 0); 4050 -webkit-transform: translate3d(0, -50%, 0); 4051 -moz-transform: translate3d(0, -50%, 0); 4052 -ms-transform: translate3d(0, -50%, 0); 4053 margin-top: 0; 4054 margin-right: 0; 4055 margin-left: 0px; 4056 margin-bottom: 0; 4057 } 4058 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSc_mobile { 4059 top: 50%; 4060 left: 50%; 4061 right: auto; 4062 bottom: auto; 4063 transform: translate3d(-50%, -50%, 0); 4064 -webkit-transform: translate3d(-50%, -50%, 0); 4065 -moz-transform: translate3d(-50%, -50%, 0); 4066 -ms-transform: translate3d(-50%, -50%, 0); 4067 margin-top: 0; 4068 margin-right: 0; 4069 margin-left: 0; 4070 margin-bottom: 0; 4071 } 4072 } 4073 4074
4075 .Mweslide_47141.owlSliderBoxAdv .item3 .owl-lazy { 4076 background-size: cover; 4077 background-position: center center; 4078 } 4079 @media (max-width: 768px) { 4080 .Mweslide_47141.owlSliderBoxAdv .item3 .owl-lazy { 4081 background-size: cover; 4082 background-position: center center; 4083 } 4084 } 4085 4086 4087 .Mweslide_47141.owlSliderBoxAdv .item3 .contentBG { 4088 background-color: 'transparent'; 4089 } 4090 @media (max-width: 768px) { 4091 .Mweslide_47141.owlSliderBoxAdv .item3 .contentBG { 4092 background-color: 'transparent'; 4093 } 4094 } 4095 4096 4097 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPadding { 4098 padding-top: 15px; 4099 padding-right: 15px; 4100 padding-bottom: 15px; 4101 padding-left: 15px; 4102 } 4103 @media (max-width: 768px) { 4104 .Mweslide_47141.owlSliderBoxAdv .item3 .contentPadding { 4105 padding-top: 15px; 4106 padding-right: 15px; 4107 padding-bottom: 15px; 4108 padding-left: 15px; 4109 } 4110 } 4111 4112 4113 /* Mobile Scale */ 4114 @media (max-width: 768px) { 4115 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="8"] { 4116 font-size: 8px !important; 4117 } 4118 } 4119 @media (max-width: 768px) { 4120 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="9"] { 4121 font-size: 9px !important; 4122 } 4123 } 4124 @media (max-width: 768px) { 4125 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="10"] { 4126 font-size: 10px !important; 4127 } 4128 } 4129 @media (max-width: 768px) { 4130 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="11"] { 4131 font-size: 11px !important; 4132 } 4133 } 4134 @media (max-width: 768px) { 4135 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="12"] { 4136 font-size: 12px !important; 4137 } 4138 } 4139 @media (max-width: 768px) { 4140 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="13"] { 4141 font-size: 13px !important; 4142 } 4143 } 4144 @media (max-width: 768px) { 4145 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="14"] { 4146 font-size: 14px !important; 4147 } 4148 } 4149 @media (max-width: 768px) { 4150 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="15"] { 4151 font-size: 15px !important; 4152 } 4153 } 4154 @media (max-width: 768px) { 4155 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="16"] { 4156 font-size: 16px !important; 4157 } 4158 } 4159 @media (max-width: 768px) { 4160 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="17"] { 4161 font-size: 17px !important; 4162 } 4163 } 4164 @media (max-width: 768px) { 4165 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="18"] { 4166 font-size: 18px !important; 4167 } 4168 } 4169 @media (max-width: 768px) { 4170 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="19"] { 4171 font-size: 19px !important; 4172 } 4173 } 4174 @media (max-width: 768px) { 4175 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="20"] { 4176 font-size: 20px !important; 4177 } 4178 } 4179 @media (max-width: 768px) {
4180 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="22"] { 4181 font-size: 22px !important; 4182 } 4183 } 4184 @media (max-width: 768px) { 4185 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="24"] { 4186 font-size: 24px !important; 4187 } 4188 } 4189 @media (max-width: 768px) { 4190 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="26"] { 4191 font-size: 26px !important; 4192 } 4193 } 4194 @media (max-width: 768px) { 4195 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="28"] { 4196 font-size: 28px !important; 4197 } 4198 } 4199 @media (max-width: 768px) { 4200 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="30"] { 4201 font-size: 30px !important; 4202 } 4203 } 4204 @media (max-width: 768px) { 4205 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="32"] { 4206 font-size: 32px !important; 4207 } 4208 } 4209 @media (max-width: 768px) { 4210 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="34"] { 4211 font-size: 34px !important; 4212 } 4213 } 4214 @media (max-width: 768px) { 4215 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="36"] { 4216 font-size: 36px !important; 4217 } 4218 } 4219 @media (max-width: 768px) { 4220 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="40"] { 4221 font-size: 40px !important; 4222 } 4223 } 4224 @media (max-width: 768px) { 4225 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="44"] { 4226 font-size: 44px !important; 4227 } 4228 } 4229 @media (max-width: 768px) { 4230 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="48"] { 4231 font-size: 48px !important; 4232 } 4233 } 4234 @media (max-width: 768px) { 4235 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="52"] { 4236 font-size: 52px !important; 4237 } 4238 } 4239 @media (max-width: 768px) { 4240 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="56"] { 4241 font-size: 56px !important; 4242 } 4243 } 4244 @media (max-width: 768px) { 4245 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="60"] { 4246 font-size: 60px !important; 4247 } 4248 } 4249 @media (max-width: 768px) { 4250 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="66"] { 4251 font-size: 66px !important; 4252 } 4253 } 4254 @media (max-width: 768px) { 4255 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="72"] { 4256 font-size: 72px !important; 4257 } 4258 } 4259 @media (max-width: 768px) { 4260 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="80"] { 4261 font-size: 80px !important; 4262 } 4263 } 4264 @media (max-width: 768px) { 4265 .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="100"] { 4266 font-size: 100px !important; 4267 } 4268 } 4269 @media (max-width: 768px) { 4270 .Mweslide_47141.owlSliderBoxAdv .item3 .contentEffect p { 4271 margin-bottom: 10px !important; 4272 } 4273 .Mweslide_47141.owlSliderBoxAdv .item3 .contentEffect img { 4274 transform: scale(1); 4275 -webkit-transform: scale(1); 4276 -moz-transform: scale(1); 4277 -ms-transform: scale(1); 4278 } 4279 } 4280 4281 @media (max-width: 768px) { 4282 } 4283 @media (max-width: 768px) { 4284 } 4285 @media (max-width: 768px) { 4286 } 4287 @media (max-width: 768px) { 4288 } 4289 @media (max-width: 768px) { 4290 }
4291 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSnw { 4292 top: 0; 4293 left: 0; 4294 transform: translate3d(0, 0, 0); 4295 -webkit-transform: translate3d(0, 0, 0); 4296 -moz-transform: translate3d(0, 0, 0); 4297 -ms-transform: translate3d(0, 0, 0); 4298 margin-top: 0px; 4299 margin-left: 0px; 4300 margin-right: 0; 4301 margin-bottom: 0; 4302 } 4303 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSn { 4304 top: 0; 4305 left: 50%; 4306 transform: translate3d(-50%, 0, 0); 4307 -webkit-transform: translate3d(-50%, 0, 0); 4308 -moz-transform: translate3d(-50%, 0, 0); 4309 -ms-transform: translate3d(-50%, 0, 0); 4310 margin-top: 0px; 4311 margin-left: 0; 4312 margin-right: 0; 4313 margin-bottom: 0; 4314 } 4315 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSne { 4316 top: 0; 4317 right: 0; 4318 transform: translate3d(0, 0, 0); 4319 -webkit-transform: translate3d(0, 0, 0); 4320 -moz-transform: translate3d(0, 0, 0); 4321 -ms-transform: translate3d(0, 0, 0); 4322 margin-top: 0px; 4323 margin-right: 0px; 4324 margin-left: 0; 4325 margin-bottom: 0; 4326 } 4327 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSe { 4328 top: 50%; 4329 right: 0; 4330 transform: translate3d(0, -50%, 0); 4331 -webkit-transform: translate3d(0, -50%, 0); 4332 -moz-transform: translate3d(0, -50%, 0); 4333 -ms-transform: translate3d(0, -50%, 0); 4334 margin-top: 0; 4335 margin-right: 0px; 4336 margin-left: 0; 4337 margin-bottom: 0; 4338 } 4339 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSse { 4340 bottom: 0; 4341 right: 0; 4342 transform: translate3d(0, 0, 0); 4343 -webkit-transform: translate3d(0, 0, 0); 4344 -moz-transform: translate3d(0, 0, 0); 4345 -ms-transform: translate3d(0, 0, 0); 4346 margin-top: 0; 4347 margin-right: 0px; 4348 margin-left: 0; 4349 margin-bottom: 0px; 4350 } 4351 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSs { 4352 bottom: 0; 4353 left: 50%; 4354 transform: translate3d(-50%, 0, 0); 4355 -webkit-transform: translate3d(-50%, 0, 0); 4356 -moz-transform: translate3d(-50%, 0, 0); 4357 -ms-transform: translate3d(-50%, 0, 0); 4358 margin-top: 0; 4359 margin-right: 0; 4360 margin-left: 0; 4361 margin-bottom: 0px; 4362 } 4363 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSsw { 4364 bottom: 0; 4365 left: 0; 4366 transform: translate3d(0, 0, 0); 4367 -webkit-transform: translate3d(0, 0, 0); 4368 -moz-transform: translate3d(0, 0, 0); 4369 -ms-transform: translate3d(0, 0, 0); 4370 margin-top: 0; 4371 margin-right: 0; 4372 margin-left: 0px; 4373 margin-bottom: 0px; 4374 } 4375 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSw { 4376 top: 50%; 4377 left: 0; 4378 transform: translate3d(0, -50%, 0); 4379 -webkit-transform: translate3d(0, -50%, 0); 4380 -moz-transform: translate3d(0, -50%, 0); 4381 -ms-transform: translate3d(0, -50%, 0); 4382 margin-top: 0; 4383 margin-right: 0; 4384 margin-left: 0px; 4385 margin-bottom: 0; 4386 } 4387 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSc { 4388 top: 50%; 4389 left: 50%; 4390 transform: translate3d(-50%, -50%, 0); 4391 -webkit-transform: translate3d(-50%, -50%, 0); 4392 -moz-transform: translate3d(-50%, -50%, 0); 4393 -ms-transform: translate3d(-50%, -50%, 0); 4394 margin-top: 0; 4395 margin-right: 0; 4396 margin-left: 0; 4397 margin-bottom: 0; 4398 } 4399 @media (max-width: 768px) { 4400 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSnw_mobile { 4401 top: 0; 4402 left: 0; 4403 right: auto; 4404 bottom: auto; 4405 transform: translate3d(0, 0, 0); 4406 -webkit-transform: translate3d(0, 0, 0); 4407 -moz-transform: translate3d(0, 0, 0); 4408 -ms-transform: translate3d(0, 0, 0); 4409 margin-top: 0px; 4410 margin-left: 0px; 4411 margin-right: 0; 4412 margin-bottom: 0; 4413 }
4414 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSn_mobile { 4415 top: 0; 4416 left: 50%; 4417 right: auto; 4418 bottom: auto; 4419 transform: translate3d(-50%, 0, 0); 4420 -webkit-transform: translate3d(-50%, 0, 0); 4421 -moz-transform: translate3d(-50%, 0, 0); 4422 -ms-transform: translate3d(-50%, 0, 0); 4423 margin-top: 0px; 4424 margin-left: 0; 4425 margin-right: 0; 4426 margin-bottom: 0; 4427 } 4428 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSne_mobile { 4429 top: 0; 4430 right: 0; 4431 left: auto; 4432 bottom: auto; 4433 transform: translate3d(0, 0, 0); 4434 -webkit-transform: translate3d(0, 0, 0); 4435 -moz-transform: translate3d(0, 0, 0); 4436 -ms-transform: translate3d(0, 0, 0); 4437 margin-top: 0px; 4438 margin-right: 0px; 4439 margin-left: 0; 4440 margin-bottom: 0; 4441 } 4442 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSe_mobile { 4443 top: 50%; 4444 right: 0; 4445 left: auto; 4446 bottom: auto; 4447 transform: translate3d(0, -50%, 0); 4448 -webkit-transform: translate3d(0, -50%, 0); 4449 -moz-transform: translate3d(0, -50%, 0); 4450 -ms-transform: translate3d(0, -50%, 0); 4451 margin-top: 0; 4452 margin-right: 0px; 4453 margin-left: 0; 4454 margin-bottom: 0; 4455 } 4456 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSse_mobile { 4457 bottom: 0; 4458 right: 0; 4459 left: auto; 4460 top: auto; 4461 transform: translate3d(0, 0, 0); 4462 -webkit-transform: translate3d(0, 0, 0); 4463 -moz-transform: translate3d(0, 0, 0); 4464 -ms-transform: translate3d(0, 0, 0); 4465 margin-top: 0; 4466 margin-right: 0px; 4467 margin-left: 0; 4468 margin-bottom: 0px; 4469 } 4470 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSs_mobile { 4471 bottom: 0; 4472 left: 50%; 4473 right: auto; 4474 top: auto; 4475 transform: translate3d(-50%, 0, 0); 4476 -webkit-transform: translate3d(-50%, 0, 0); 4477 -moz-transform: translate3d(-50%, 0, 0); 4478 -ms-transform: translate3d(-50%, 0, 0); 4479 margin-top: 0; 4480 margin-right: 0; 4481 margin-left: 0; 4482 margin-bottom: 0px; 4483 } 4484 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSsw_mobile { 4485 bottom: 0; 4486 left: 0; 4487 right: auto; 4488 top: auto; 4489 transform: translate3d(0, 0, 0); 4490 -webkit-transform: translate3d(0, 0, 0); 4491 -moz-transform: translate3d(0, 0, 0); 4492 -ms-transform: translate3d(0, 0, 0); 4493 margin-top: 0; 4494 margin-right: 0; 4495 margin-left: 0px; 4496 margin-bottom: 0px; 4497 } 4498 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSw_mobile { 4499 top: 50%; 4500 left: 0; 4501 right: auto; 4502 bottom: auto; 4503 transform: translate3d(0, -50%, 0); 4504 -webkit-transform: translate3d(0, -50%, 0); 4505 -moz-transform: translate3d(0, -50%, 0); 4506 -ms-transform: translate3d(0, -50%, 0); 4507 margin-top: 0; 4508 margin-right: 0; 4509 margin-left: 0px; 4510 margin-bottom: 0; 4511 } 4512 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSc_mobile { 4513 top: 50%; 4514 left: 50%; 4515 right: auto; 4516 bottom: auto; 4517 transform: translate3d(-50%, -50%, 0); 4518 -webkit-transform: translate3d(-50%, -50%, 0); 4519 -moz-transform: translate3d(-50%, -50%, 0); 4520 -ms-transform: translate3d(-50%, -50%, 0); 4521 margin-top: 0; 4522 margin-right: 0; 4523 margin-left: 0; 4524 margin-bottom: 0; 4525 } 4526 } 4527 4528
4529 .Mweslide_47141.owlSliderBoxAdv .item4 .owl-lazy { 4530 background-size: cover; 4531 background-position: center center; 4532 } 4533 @media (max-width: 768px) { 4534 .Mweslide_47141.owlSliderBoxAdv .item4 .owl-lazy { 4535 background-size: cover; 4536 background-position: center center; 4537 } 4538 } 4539 4540 4541 .Mweslide_47141.owlSliderBoxAdv .item4 .contentBG { 4542 background-color: 'transparent'; 4543 } 4544 @media (max-width: 768px) { 4545 .Mweslide_47141.owlSliderBoxAdv .item4 .contentBG { 4546 background-color: 'transparent'; 4547 } 4548 } 4549 4550 4551 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPadding { 4552 padding-top: 15px; 4553 padding-right: 15px; 4554 padding-bottom: 15px; 4555 padding-left: 15px; 4556 } 4557 @media (max-width: 768px) { 4558 .Mweslide_47141.owlSliderBoxAdv .item4 .contentPadding { 4559 padding-top: 15px; 4560 padding-right: 15px; 4561 padding-bottom: 15px; 4562 padding-left: 15px; 4563 } 4564 } 4565 4566 4567 /* Mobile Scale */ 4568 @media (max-width: 768px) { 4569 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="8"] { 4570 font-size: 8px !important; 4571 } 4572 } 4573 @media (max-width: 768px) { 4574 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="9"] { 4575 font-size: 9px !important; 4576 } 4577 } 4578 @media (max-width: 768px) { 4579 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="10"] { 4580 font-size: 10px !important; 4581 } 4582 } 4583 @media (max-width: 768px) { 4584 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="11"] { 4585 font-size: 11px !important; 4586 } 4587 } 4588 @media (max-width: 768px) { 4589 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="12"] { 4590 font-size: 12px !important; 4591 } 4592 } 4593 @media (max-width: 768px) { 4594 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="13"] { 4595 font-size: 13px !important; 4596 } 4597 } 4598 @media (max-width: 768px) { 4599 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="14"] { 4600 font-size: 14px !important; 4601 } 4602 } 4603 @media (max-width: 768px) { 4604 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="15"] { 4605 font-size: 15px !important; 4606 } 4607 } 4608 @media (max-width: 768px) { 4609 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="16"] { 4610 font-size: 16px !important; 4611 } 4612 } 4613 @media (max-width: 768px) { 4614 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="17"] { 4615 font-size: 17px !important; 4616 } 4617 } 4618 @media (max-width: 768px) { 4619 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="18"] { 4620 font-size: 18px !important; 4621 } 4622 } 4623 @media (max-width: 768px) { 4624 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="19"] { 4625 font-size: 19px !important; 4626 } 4627 } 4628 @media (max-width: 768px) { 4629 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="20"] { 4630 font-size: 20px !important; 4631 } 4632 } 4633 @media (max-width: 768px) {
4634 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="22"] { 4635 font-size: 22px !important; 4636 } 4637 } 4638 @media (max-width: 768px) { 4639 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="24"] { 4640 font-size: 24px !important; 4641 } 4642 } 4643 @media (max-width: 768px) { 4644 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="26"] { 4645 font-size: 26px !important; 4646 } 4647 } 4648 @media (max-width: 768px) { 4649 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="28"] { 4650 font-size: 28px !important; 4651 } 4652 } 4653 @media (max-width: 768px) { 4654 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="30"] { 4655 font-size: 30px !important; 4656 } 4657 } 4658 @media (max-width: 768px) { 4659 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="32"] { 4660 font-size: 32px !important; 4661 } 4662 } 4663 @media (max-width: 768px) { 4664 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="34"] { 4665 font-size: 34px !important; 4666 } 4667 } 4668 @media (max-width: 768px) { 4669 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="36"] { 4670 font-size: 36px !important; 4671 } 4672 } 4673 @media (max-width: 768px) { 4674 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="40"] { 4675 font-size: 40px !important; 4676 } 4677 } 4678 @media (max-width: 768px) { 4679 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="44"] { 4680 font-size: 44px !important; 4681 } 4682 } 4683 @media (max-width: 768px) { 4684 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="48"] { 4685 font-size: 48px !important; 4686 } 4687 } 4688 @media (max-width: 768px) { 4689 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="52"] { 4690 font-size: 52px !important; 4691 } 4692 } 4693 @media (max-width: 768px) { 4694 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="56"] { 4695 font-size: 56px !important; 4696 } 4697 } 4698 @media (max-width: 768px) { 4699 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="60"] { 4700 font-size: 60px !important; 4701 } 4702 } 4703 @media (max-width: 768px) { 4704 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="66"] { 4705 font-size: 66px !important; 4706 } 4707 } 4708 @media (max-width: 768px) { 4709 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="72"] { 4710 font-size: 72px !important; 4711 } 4712 } 4713 @media (max-width: 768px) { 4714 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="80"] { 4715 font-size: 80px !important; 4716 } 4717 } 4718 @media (max-width: 768px) { 4719 .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="100"] { 4720 font-size: 100px !important; 4721 } 4722 } 4723 @media (max-width: 768px) { 4724 .Mweslide_47141.owlSliderBoxAdv .item4 .contentEffect p { 4725 margin-bottom: 10px !important; 4726 } 4727 .Mweslide_47141.owlSliderBoxAdv .item4 .contentEffect img { 4728 transform: scale(1); 4729 -webkit-transform: scale(1); 4730 -moz-transform: scale(1); 4731 -ms-transform: scale(1); 4732 } 4733 } 4734 4735 @media (max-width: 768px) { 4736 } 4737 @media (max-width: 768px) { 4738 } 4739 @media (max-width: 768px) { 4740 } 4741 @media (max-width: 768px) { 4742 } 4743 @media (max-width: 768px) { 4744 } 4745 4746 #divDialogSlideMember .imgImageViewBG { 4747 background: 50% center / cover no-repeat; 4748 height: 220px; 4749 } 4750 @media (min-width: 1025px) {
4751 .Mweslide_47141.owlSliderBoxAdv.visible-lg { 4752 display: block !important; 4753 } 4754 } 4755 @media (max-width: 767px) { 4756 .hideslidemobile{ 4757 display: none !important; 4758 } 4759 } 4760</style> 4761 4762<div class="Mweslide_47141 owlSliderBoxAdv "> 4763 <div class="iconLoadSlider_47141 loader"> 4764 <svg class="circular" viewBox="25 25 50 50"> 4765 <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10" /> 4766 </svg> 4767 </div> 4768 <!-- slider --> 4769 <div class="owl-carousel owl-theme owl-carouselhh_47141 "> 4770 <!-- start item --> 4771 <div class="item item0" > 4772 4773 <!-- auto height --> 4774 <img 4775 src="https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2Fzone2_pic1.png?v=202405291424" 4776 srcset=" 4777 https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2Fzone2_pic1.png?v=202405291424 1920w, 4778 https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData%2Fzone2_pic1.png?v=202405291424 " 4779 sizes=" 4780 (max-width: 1920px) 1920px, 4781 2560px 4782 " 4783 alt="" 4784 title="" 4785 /> 4786 4787 </div> 4788 <!-- end item --> 4789 <!-- start item --> 4790 <div class="item item1" > 4791 4792 <!-- auto height --> 4793 <img 4794 src="https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F01.png?v=202405291424" 4795 srcset=" 4796 https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F01.png?v=202405291424 1920w, 4797 https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData%2F01.png?v=202405291424 " 4798 sizes=" 4799 (max-width: 1920px) 1920px, 4800 2560px 4801 " 4802 alt="" 4803 title="" 4804 /> 4805 4806 </div> 4807 <!-- end item --> 4808 <!-- start item --> 4809 <div class="item item2" > 4810 4811 <!-- auto height --> 4812 <img 4813 src="https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F02.png?v=202405291424" 4814 srcset=" 4815 https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F02.png?v=202405291424 1920w, 4816 https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData%2F02.png?v=202405291424 " 4817 sizes=" 4818 (max-width: 1920px) 1920px, 4819 2560px 4820 " 4821 alt="" 4822 title="" 4823 /> 4824 4825 </div> 4826 <!-- end item --> 4827 <!-- start item --> 4828 <div class="item item3" > 4829 4830 <!-- auto height --> 4831 <img 4832 src="https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F03.png?v=202405291424" 4833 srcset=" 4834 https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F03.png?v=202405291424 1920w, 4835 https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData%2F03.png?v=202405291424 " 4836 sizes=" 4837 (max-width: 1920px) 1920px, 4838 2560px 4839 " 4840 alt="" 4841 title="" 4842 /> 4843 4844 </div> 4845 <!-- end item --> 4846 <!-- start item --> 4847 <div class="item item4" > 4848 4849 <!-- auto height --> 4850 <img 4851 src="https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F04.png?v=20240529
48511424" 4852 srcset=" 4853 https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F04.png?v=202405291424 1920w, 4854 https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData%2F04.png?v=202405291424 " 4855 sizes=" 4856 (max-width: 1920px) 1920px, 4857 2560px 4858 " 4859 alt="" 4860 title="" 4861 /> 4862 4863 </div> 4864 <!-- end item --> 4865 </div> 4866</div> 4867 4868 4869 4870 4871 4872 </div> 4873 </div> 4874 </div> 4875 </div> 4876 <!-- end background div --> 4877 4878 <div style="position: relative; background-color:#ffffff; " > 4879 <a id="customize-47146" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 4880 <div class="container"> 4881 4882 <div style="padding-top: 40px; padding-bottom: 40px;"> 4883 <div > 4884 <style type="text/css"> 4885 .customHome1 .customHome1Object .item { 4886 display: block; 4887 } 4888 .customHome1 .customHome1Object .itemWithoutText { 4889 display: block; 4890 } 4891 .customHome1Object .caption { 4892 padding: 0 !important; 4893 overflow: hidden; 4894 word-wrap: break-word; 4895 } 4896 .customHome1Object .contentImage { 4897 display: block; 4898 line-height: 200px; 4899 padding: 0px; 4900 text-align: center; 4901 } 4902 .customHome1Object .contentVideo { 4903 display: block; 4904 padding: 0px; 4905 text-align: center; 4906 } 4907 .customHome1Object .img-responsive { 4908 display: inline-block !important; 4909 } 4910 .brakeword1 { 4911 word-wrap: break-word; 4912 } 4913</style> 4914 <div class="row"> 4915 <div class="col-12 marginBottomSpace brakeword1 area-tinymce"> 4916 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 30px;" data-mce-style="font-size: 30px;"><span style="color: #333333; font-family: 'Open sans';" open="" sans="" data-mce-style="color: #333333; font-family: 'Open sans';">HYACELL</span></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 24px; color: #333333;" data-mce-style="font-size: 24px; color: #333333;">Serum and hyaluronic acid products</span></div><div style="text-align: center;" data-mce-style="text-align: center;">Recognized as a part of skin treatment by medical professionals.<br>With the powerful drug and pure ingredients, the effective results can be seen in a short time.</div> </div> 4917 </div> 4918<div class="customHome1"> 4919 <div class="customHome1Object"> 4920 <div class="row"> 4921 <div class="item col-12 col-md-6 col-lg-4"> 4922 <div class="marginBottomSpace" style="position:relative;"> 4923 <div class="contentImage"> 4924 <div> 4925 <a href="/en/abouthyacell" target="_self"> 4926 <img class="img-responsive lazy" 4927 src="https://webbuilder59.makewebeasy.com/images/lazy_default.png" 4928 data-src="https://image.makewebcdn.com/makeweb/m_750x0/hpDgCU77I/DefaultData/zone3_pic1.png?v=20240529
49281424" 4929 alt="" 4930 title="" 4931 /> 4932 </a> 4933 4934 </div> 4935 </div> 4936 </div> 4937 <div class="maginBottomCaption"> 4938 <div class="caption"> 4939 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="text-decoration: underline;" data-mce-style="text-decoration: underline;"><strong><span style="font-family: 'Open sans'; color: #333333; text-decoration: underline;" open="" sans="" color:="" rgb="" 51="" text-decoration:="" underline="" data-mce-style="font-family: 'Open sans'; color: #333333; text-decoration: underline;">KNOW-HOW<br></span></strong></span>Developed by Swiss scientists with many years of experience in aesthetic medicine and anti-aging.</div> </div> 4940 </div> 4941 </div> 4942 <div class="item col-12 col-md-6 col-lg-4"> 4943 <div class="marginBottomSpace" style="position:relative;"> 4944 <div class="contentImage"> 4945 <div> 4946 <a href="/en/abouthyacell" target="_self"> 4947 <img class="img-responsive lazy" 4948 src="https://webbuilder59.makewebeasy.com/images/lazy_default.png" 4949 data-src="https://image.makewebcdn.com/makeweb/m_750x0/hpDgCU77I/DefaultData/zone3_pic2.png?v=202405291424" 4950 alt="" 4951 title="" 4952 /> 4953 </a> 4954 4955 </div> 4956 </div> 4957 </div> 4958 <div class="maginBottomCaption"> 4959 <div class="caption"> 4960 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="text-decoration: underline;" data-mce-style="text-decoration: underline;"><strong><span style="font-family: 'Open sans'; color: #333333; text-decoration: underline;" open="" sans="" color:="" rgb="" 51="" text-decoration:="" underline="" data-mce-style="font-family: 'Open sans'; color: #333333; text-decoration: underline;">EFFECTIVE</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;">Para-phamarceutical products with active ingredients in high concentration, we guarantee maximum effectiveness.</div> </div> 4961 </div> 4962 </div> 4963 <div class="item col-12 col-md-6 col-lg-4"> 4964 <div class="marginBottomSpace" style="position:relative;"> 4965 <div class="contentImage"> 4966 <div> 4967 <a href="/en/abouthyacell" target="_self"> 4968 <img class="img-responsive lazy" 4969 src="https://webbuilder59.makewebeasy.com/images/lazy_default.png" 4970 data-src="https://image.makewebcdn.com/makeweb/m_750x0/hpDgCU77I/DefaultData/zone3_pic3.png?v=20240529
49701424" 4971 alt="" 4972 title="" 4973 /> 4974 </a> 4975 4976 </div> 4977 </div> 4978 </div> 4979 <div > 4980 <div class="caption"> 4981 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="text-decoration: underline;" data-mce-style="text-decoration: underline;"><strong><span style="font-family: 'Open sans'; color: #333333; text-decoration: underline;" open="" sans="" color:="" rgb="" 51="" text-decoration:="" underline="" data-mce-style="font-family: 'Open sans'; color: #333333; text-decoration: underline;">SWISS MADE</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;">All HYACELL products are manufactured in Switzerland under the highest quality requirements.</div> </div> 4982 </div> 4983 </div> 4984 </div> 4985 </div> 4986 </div> 4987 </div> 4988 </div> 4989 </div> 4990 </div> 4991 <!-- end background div --> 4992 4993 <div style="position: relative; background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2Fzone4_bg.png?v=202405291424); background-repeat : no-repeat; background-position-x: 50%; background-position-y: 0%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; " > 4994 <a id="product-47147" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 4995 <div class="container"> 4996 4997 <div style="padding-top: 40px; padding-bottom: 40px;"> 4998 <h2 style="color:#3b4044;text-align:center; padding-bottom:20px; word-wrap: break-word;"> 4999 BEST SELLER </h2> 5000 <div > 5001 <style type="text/css"> 5002 5003 #productList1_47147.productList1 .productWidget .item { 5004 margin-bottom: 15px; 5005 height:auto; 5006 display: flex; 5007 flex-wrap: wrap; 5008 } 5009 #productList1_47147.productList1 .productWidget .thumbnail { 5010 text-align: center; 5011 height: auto; 5012 overflow: hidden; 5013 5014 position: relative; 5015 display: flex; 5016 flex-direction: column; 5017 flex-grow: 1; 5018 } 5019 #productList1_47147.productList1 .productWidget .productPrice .h3 { 5020 font-weight: bold; 5021 } 5022 #productList1_47147.productList1 .productWidget .productOldPrice { 5023 text-decoration: line-through; 5024 } 5025 #productList1_47147.productList1 .productWidget .productImage { 5026 display: table-cell; 5027 /* width: 260px; */ 5028 text-align: center; 5029 vertical-align: middle; 5030 height: 260px; padding: 0; 5031 overflow: hidden; 5032 transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; 5033 -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; 5034 -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; 5035 -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; 5036 } 5037 @media only screen and (min-width: 1025px) { 5038 #productList1_47147.productList1 .productWidget img { 5039 max-height: 100%; object-fit: contain; width: 100%; transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; 5040 -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; 5041 -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; 5042 -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; 5043 } 5044 } 5045 @media only screen and (max-width: 1024px) { 5046 #productList1_47147.productList1 .productWidget img { 5047 transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; 5048 -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; 5049 -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; 5050 -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; 5051 } 5052 } 5053 5054 @media only screen and (min-width: 1200px) { 5055 #productList1_47147.productList1 .productWidget .productImage:hover { 5056 transform: scale(1.1); 5057 -moz-transform: scale(1.1); 5058 -webkit-transform: scale(1.1); 5059 -o-transform: scale(1.1); 5060 transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; 5061 -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; 5062 -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; 5063 -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; 5064 } 5065 } 5066 #productList1_47147.productList1 .productWidget .productImage * { 5067 vertical-align: middle; 5068 } 5069 #productList1_47147.productList1 .productWidget .img-responsive { 5070 display: inline-block !important; 5071 max-height: 260px; 5072 transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; 5073 -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; 5074 -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; 5075 -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; 5076 } 5077 @media only screen and (min-width: 1200px) { 5078 #productList1_47147.productList1 .productWidget .productImage:hover .img-responsive { 5079 transform: scale(1.1); 5080 -moz-transform: scale(1.1); 5081 -webkit-transform: scale(1.1); 5082 -o-transform: scale(1.1); 5083 } 5084 } 5085 #productList1_47147.productList1 .productCaption { 5086 margin-top: 20px; 5087 margin-left: 15px; 5088 margin-right: 15px; 5089 margin-bottom: 15px; 5090 display: flex; 5091 flex-direction: column; 5092 flex: 1 0 auto; 5093 } 5094 #productList1_47147.productList1 .divProductMemberPrice > span, 5095 #productList1_47147.productList1 .divProductNormalPrice > span { 5096 vertical-align: middle; 5097 }
5098 #productList1_47147.productList1 .productCode { 5099 word-break: break-all; 5100 } 5101 #productList1_47147.productList1 .productDescription > p { 5102 font-size: 14px; 5103 } 5104 5105 #productList1_47147.productList1>.NotAutoHeight .productPrice{ 5106 margin-top: 10px; 5107 margin-bottom: 0px; 5108 overflow: hidden; 5109 } 5110 #productList1_47147.productList1>.NotAutoHeight .productName, 5111 #productList1_47147.productList1>.NotAutoHeight .productIntro, 5112 #productList1_47147.productList1>.NotAutoHeight .productAction, 5113 #productList1_47147.productList1>.NotAutoHeight .productCode { 5114 margin-top: 5px; 5115 margin-bottom: 0px; 5116 overflow: hidden; 5117 } 5118 #productList1_47147.productList1>.NotAutoHeight .productName { 5119 white-space: nowrap; 5120 } 5121 #productList1_47147.productList1>.NotAutoHeight .productName h3 { 5122 line-height: inherit; 5123 text-overflow: ellipsis; 5124 overflow: hidden; 5125 margin-bottom: 0; 5126 } 5127 #productList1_47147.productList1>.NotAutoHeight .productCode { 5128 height: 25px; 5129 } 5130 #productList1_47147.productList1>.NotAutoHeight .productIntro { 5131 max-height: 50px; 5132 flex: 1 0 auto; 5133 } 5134 #productList1_47147.productList1>.NotAutoHeight .divProductMemberPrice{ 5135 max-height: 30px; 5136 line-height: 30px; 5137 overflow:hidden; 5138 } 5139 #productList1_47147.productList1>.NotAutoHeight .divProductNormalPrice { 5140 max-height: 25px; 5141 line-height: 25px; 5142 } 5143 #productList1_47147.productList1>.NotAutoHeight .divPriceWhole { 5144 height: 40px; 5145 line-height: 25px; 5146 } 5147 #productList1_47147.productList1>.NotAutoHeight .productAction { 5148 height: auto; 5149 } 5150 5151 #productList1_47147.productList1>.NotAutoHeight .productIntro > p, 5152 #productList1_47147.productList1>.NotAutoHeight .productCode > p { 5153 line-height: 25px; 5154 margin: 0; 5155 } 5156 #productList1_47147.productList1>.NotAutoHeight .productWidget img { 5157 /* max-height: 260px;*/ 5158 } 5159 #productList1_47147.productList1>.AutoHeight .productPrice{ 5160 margin-top: 10px; 5161 margin-bottom: 0px; 5162 } 5163 #productList1_47147.productList1>.AutoHeight .productName, 5164 #productList1_47147.productList1>.AutoHeight .productIntro, 5165 #productList1_47147.productList1>.AutoHeight .productAction, 5166 #productList1_47147.productList1>.AutoHeight .productCode { 5167 margin-top: 5px; 5168 margin-bottom: 0px; 5169 } 5170 #productList1_47147.productList1>.AutoHeight .divProductMemberPrice, 5171 #productList1_47147.productList1>.AutoHeight .divProductNormalPrice { 5172 5173 } 5174 #productList1_47147.productList1>.AutoHeight .divPriceWhole { 5175 5176 } 5177 #productList1_47147.productList1>.AutoHeight .productName h3 { 5178 margin-bottom: 0; 5179 } 5180 #productList1_47147.productList1>.AutoHeight .productIntro > p { 5181 5182 } 5183 #productList1_47147.productList1 .productName a { 5184 text-decoration: none !important; 5185 } 5186 #productList1_47147.productList1 .divProductMemberPrice .productMemberPrice { 5187 /* display: inline-block; */ 5188 } 5189 #productList1_47147.productList1 .productAction > .productAddToCart { 5190 margin-bottom: 10px; 5191 } 5192 #productList1_47147.productList1 .productCompare { 5193 height: 30px; 5194 /* line-height: 30px; */ 5195 font-size: 14px; 5196 } 5197 #productList1_47147.productList1 .productCompare label { 5198 /* margin-left: -20px;*/ 5199 } 5200 #productList1_47147.productList1 .productCompare input { 5201 /* position: relative; 5202 vertical-align: middle; 5203 margin: 0;*/ 5204 } 5205 #productList1_47147{ 5206 padding-bottom: 0px; 5207 padding-top: 20px; 5208 } 5209 .badgeProduct{ 5210 text-align:left; 5211 margin-top:15px; 5212 color: #fff; 5213 position: absolute; 5214 border-radius: 0px; 5215 z-index:1; 5216 font-size: 14px; 5217 font-family: 'Open Sans',Tahoma; 5218 } 5219 .badgeOuter { 5220 margin-bottom: 2px; 5221 } 5222 .badgeNew { 5223 background-color: #2bbe1f; 5224 display: inline-block; 5225 padding: 0 8px; 5226 } 5227 .badgeBestseller { 5228 background-color: #ffa800; 5229 display: inline-block; 5230 padding: 0 8px; 5231 } 5232 .badgePreorder { 5233 background-color: #40bade; 5234 display: inline-block; 5235 padding: 0 8px; 5236 } 5237 span.priceDiscount { 5238 /*padding: 2px 5px;*/ 5239 background: red; 5240 color: #FFF; 5241 margin-left: 3px; 5242 font-size: 11px; 5243 vertical-align: middle; 5244 } 5245 span.priceOvercharge { 5246 padding: 2px 5px; 5247 background: #61c13c; 5248 color: #FFF; 5249 margin-left: 3px; 5250 font-size: 11px; 5251 vertical-align: middle; 5252 } 5253 @media only screen and (min-width: 992px) { 5254 .itemTranslate { 5255 transform: translateX(50%); 5256 -webkit-transform: translateX(50%); 5257 -moz-transform: translateX(50%); 5258 -ms-transform: translateX(50%); 5259 } 5260 } 5261 .btnProductCart{ 5262 max-width: 230px; 5263 } 5264 .checkcenter{ 5265 justify-content: center; 5266 } 5267 /*--------------IPAD PRO------------------*/ 5268 @media only screen and (min-width: 993px) and (max-width: 1024px) { 5269 #productList1_47147.productList1 .productWidget .productImage{ 5270 height:calc(25vw - 48px); 5271 } 5272 #productList1_47147.productList1 .productWidget .productImage img{ 5273 max-height: 100%; 5274 } 5275 .checkcenter{ 5276 justify-content: left; 5277 } 5278 } 5279 5280 /*--------------IPAD----------------------*/ 5281 @media only screen and (min-width: 1025px) and (max-width: 1199px) and (orientation: landscape) { 5282 /*ipadlandscape*/ 5283 #productList1_47147.productList1 .productWidget .productImage { 5284 height: 208px; 5285 } 5286 } 5287 @media only screen and (min-width: 768px) and (max-width: 992px) { 5288 #productList1_47147.productList1 .productWidget .productImage{ 5289 height:calc(50vw - 56px); 5290 } 5291 #productList1_47147.productList1 .productWidget .productImage img{ 5292 max-height: 100%; 5293 } 5294 .checkcenter{ 5295 justify-content: left; 5296 } 5297 } 5298 /*---------------mobile------------------*/ 5299 @media (max-width: 767px) { 5300 .btnProductCart{ 5301 max-width: 140px; 5302 } 5303 .checkcenter{ 5304 justify-content: left; 5305 } 5306 #productList1_47147.productList1 .productWidget .thumbnail { 5307 border-radius: 0px; 5308 border: none; 5309 box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1); 5310 } 5311 #productList1_47147.productList1 .productAction { 5312 height: auto; 5313 } 5314 5315 .SpePriceeSym, .MemPriceeSym{ 5316 display:inline !important; 5317 font-size: 16px; 5318 } 5319 #productList1_47147.productList1 .NmPriceSym{ 5320 display:inline !important; 5321 } 5322 #productList1_47147.productList1 .productOldPrice > .NmPriceSym{ 5323 font-size: 12px; 5324 } 5325 #productList1_47147.productList1 .divProductNormalPrice > .price > .NmPriceSym{ 5326 font-size: 16px; 5327 } 5328 .NmPrice, .SpePrice, .MemPrice{ 5329 display:none; 5330 } 5331 5332 #productList1_47147.productList1 .productWidget .item { 5333 margin-bottom: 5px; 5334 } 5335 #productList1_47147.productList1 .productCaption { 5336 margin-left: 5px; 5337 margin-right: 5px; 5338 margin-top: 9px; 5339 } 5340 #productList1_47147.productList1 .productName, 5341 #productList1_47147.productList1 .productIntro,
5342 #productList1_47147.productList1 .productCode { 5343 margin-bottom: 5px; 5344 margin-top: 5px; 5345 overflow: hidden; 5346 } 5347 #productList1_47147.productList1 .productAction{ 5348 margin-bottom: 0px; 5349 margin-top: 5px; 5350 overflow: hidden; 5351 } 5352 5353 #productList1_47147.productList1 .productWidget .productImage{ 5354 height:calc(50vw - 8px); /*1-1*/ 5355 } 5356 #productList1_47147.productList1>.NotAutoHeight .productWidget .productImage img{ 5357 max-width: 100% !important; 5358 max-height: 100% !important; 5359 } 5360 5361 #productList1_47147.productList1>.AutoHeight .productWidget .productImage img{ 5362 max-width: 100% !important; 5363 } 5364 #productList1_47147.productList1 .mobileProductList1{ 5365 padding: 0 3px; 5366 } 5367 #productList1_47147.productList1 .productIntro{ 5368 max-height: 37px; 5369 } 5370 #productList1_47147.productList1 .productIntro > p { 5371 font-size: 14px; 5372 overflow: hidden; 5373 text-overflow: ellipsis; 5374 line-height: 19px; 5375 } 5376 #productList1_47147.productList1 .productName h3{ 5377 font-size: 14px; 5378 font-weight: bold; 5379 display: contents; 5380 } 5381 #productList1_47147.productList1 .productCode { 5382 height: 20px; 5383 margin-bottom:4px 5384 } 5385 #productList1_47147.productList1 .productCode > p { 5386 font-size: 14px; 5387 line-height: 18px; 5388 } 5389 #productList1_47147.productList1 .divProductNormalPrice .productOldPrice { 5390 font-size: 14px !important; 5391 } 5392 #productList1_47147.productList1 .divProductNormalPrice .price { 5393 font-size: 12px; 5394 } 5395 #productList1_47147.productList1 .divPriceWhole{ 5396 height: 22px; 5397 line-height: 16px; 5398 } 5399 #productList1_47147.productList1 .divPriceWhole .priceWhole{ 5400 margin-top: 3px; 5401 margin-bottom: 5px; 5402 } 5403 #productList1_47147.productList1 .divProductMemberPrice .productMemberPrice{ 5404 font-size: 10px; 5405 font-weight: bold; 5406 } 5407 #productList1_47147.productList1 .productPrice{ 5408 margin-bottom: 10px; 5409 margin-top: 5px; 5410 overflow: hidden; 5411 } 5412 #productList1_47147.productList1 .productWidget .productPrice .h3{ 5413 font-size: 14px; 5414 font-weight: bold; 5415 margin: 0; 5416 } 5417 #productList1_47147.productList1 .divProductMemberPrice, 5418 #productList1_47147.productList1 .divProductNormalPrice{ 5419 /* max-height: 19px; */ 5420 } 5421 #productList1_47147.productList1 .productAction .productAddToCart button{ 5422 font-size: 14px; 5423 padding: 8px 16px; 5424 line-height: 0; 5425 height: 37px; 5426 } 5427 #productList1_47147.productList1 .productAction .productAddToCart button > .fa{ 5428 vertical-align: baseline !important; 5429 } 5430 #productList1_47147.productList1 .badgeProduct { 5431 margin-top: 10px; 5432 } 5433 #productList1_47147.productList1 .badgeProduct .badgeOuter{ 5434 font-size: 12px; 5435 } 5436 .priceWhole{ 5437 font-size: 10px; 5438 } 5439 .mobile12px{ 5440 font-size: 12px; 5441 } 5442 5443 #productList1_47147.productList1 .mobileProductList1:nth-child(odd) { 5444 padding-left: 5px; 5445 } 5446 5447 #productList1_47147.productList1 .mobileProductList1:nth-child(even) { 5448 padding-right: 5px; 5449 } 5450 .oosstock{ 5451 font-size: 14px !important; 5452 } 5453 #productList1_47147.productList1 .productAction .productDescription{ 5454 height: 25px; 5455 } 5456 #productList1_47147.productList1 .productAction .productDescription > p { 5457 font-size: 12px; 5458 } 5459 } 5460 /*---------------end mobile------------------*/ 5461 5462 .NmPriceSym, .SpePriceeSym, .MemPriceeSym{ 5463 display:none; 5464 } 5465 .oosstock{ 5466 background-color:transparent; 5467 color:red; 5468 cursor:default; 5469 border-color: transparent; 5470 height: 34px; 5471 line-height: 34px; 5472 } 5473 .oosstock:hover{ 5474 background-color:transparent; 5475 color:red; 5476 cursor:default; 5477 border-color: transparent; 5478 } 5479 .awrap-img{ 5480 display: block; 5481 width: 100%; 5482 height: 100%; 5483 position: relative; 5484 overflow: hidden; 5485 } 5486 .awrap-img > img{ 5487 position: absolute; 5488 top: 50%; 5489 left: 50%; 5490 -ms-transform: translate(-50%, -50%); 5491 transform: translate(-50%, -50%); 5492 } 5493 5494 .promotion-wrapper { 5495 position: absolute; 5496 display: grid; 5497 width: 48px; 5498 right: 8px; 5499 } 5500 5501 .img-promotion { 5502 z-index: 1; 5503 width: 100%; 5504 max-height: 48px !important; 5505 object-fit: cover; 5506 margin-top: 5px; 5507 } 5508 @media (max-width: 767px) { 5509 .productAddToCart button { 5510 line-height: 1.2 !important; 5511 padding: 8px 14px !important; 5512 height: auto !important; 5513 } 5514 .productAddToCart .btn { 5515 white-space: unset !important; 5516 word-break: break-word !important; 5517 } 5518 } 5519</style> 5520<style>.badgeProductFlash { 5521 margin-top: 15px; 5522 position: absolute; 5523 border-radius: 0px; 5524 z-index: 1; 5525} 5526 5527.badgeFlash { 5528 background: linear-gradient(90deg, #EC0E00 0%, #FF8A00 100%); 5529 /* display: inline-block; */ 5530 padding: 3px; 5531 width: 80px; 5532 height: 22px; 5533 text-align: center; 5534} 5535 5536.badgeFlash .badge-txt-flsale { 5537 vertical-align: text-top; 5538 color: #ffffff; 5539 font-family: 'Sarabun'; 5540 font-size: 11px; 5541} 5542 5543.badgeFlash .fa-bolt { 5544 color: #F8CF5B; 5545}</style><div class="productList1" id="productList1_47147" > 5546 <div class="productWidget" :class="class_autoheight"> 5547 <div class="row checkcenter"> 5548 <div class="item col-6 col-md-6 col-lg-3 mobileProductList1"> 5549 <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;"> 5550 <div class="badgeProduct"> 5551 </div> 5552 <div class="thumbnail rounded"> 5553 <div class="productImage rounded-top"> 5554 <a href="/en/product/167661-155198/hyacell-aox" class="awrap-img"> 5555 5556 <img class="lazy mx-auto" 5557 src="https://webbuilder59.makewebeasy.com/images/lazy_default.png" 5558 data-src="https://image.makewebcdn.com/makeweb/r_409x409/hpDgCU77I/products2/aox_1.jpg?v=20240529
55581424" 5559 alt="HYACELL AOX" 5560 title="HYACELL AOX" 5561 /> 5562 </a> 5563 </div> 5564 <div class="productCaption"> 5565 <div class="productName" v-show="product_display_name_isopen"> 5566 <a href="/en/product/167661-155198/hyacell-aox"> 5567 <h3 class="h3-hover">HYACELL AOX</h3> 5568 </a> 5569 </div> 5570 <div class="productCode" v-show="product_display_code_isopen"> 5571 <p> 5572 02 </p> 5573 </div> 5574 <div class="productIntro" v-show="product_display_intro_isopen && 1"> 5575 <p>Forever Young 5576 5577 5578</p> </div> 5579 <p v-show="is_open_product_quantity_sold" >Sold 5 items</p> 5580 5581 <div class="productPrice" v-show="product_display_price_isopen" > 5582 <div class="divProductNormalPrice" > 5583 <div class="productOldPrice h5 fs-priceOld ff-price "> 5584 <span class="NmPrice">฿7,900</span> 5585 <span class="NmPriceSym">฿7,900</span> 5586 </div> 5587 </div> 5588 <div class="ff-price fs-price fc-price"> 5589 <span class="SpePrice">฿6,990</span> 5590 <span class="SpePriceeSym">฿6,990</span> 5591 <span class="badge priceDiscount">-12%</span> 5592 </div> 5593 5594 <div class="divProductMemberPrice" v-show="0"> 5595 <h5 class="productMemberPrice fs-priceMember ff-price "> </h5> 5596 5597 </div> 5598 <div class="divPriceWhole" v-show="0"> 5599 </div> 5600 </div> 5601 <div class="productAction" v-show="product_display_cart_isopen"> 5602 <div class="productAddToCart"> 5603 <button class="btnProductCart btn btn-style" type="button" onclick="javascript:ad
5603dToCartShowDialog('167661', '155198', 0, 'products2/aox_1.jpg', 1, '02')"> 5604 <i class="fas fa-shopping-cart"></i> 5605 Add to Cart </button> 5606 </div> 5607 <div class="productDescription" v-show="0"> 5608 <p> 5609 5610 </p> 5611 </div> 5612 </div> 5613 </div> 5614 </div> 5615 </div> 5616 </div> 5617 <div class="item col-6 col-md-6 col-lg-3 mobileProductList1"> 5618 <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;"> 5619 <div class="badgeProduct"> 5620 </div> 5621 <div class="thumbnail rounded"> 5622 <div class="productImage rounded-top"> 5623 <a href="/en/product/167687-155224/hyacell-hyaluron" class="awrap-img"> 5624 5625 <img class="lazy mx-auto" 5626 src="https://webbuilder59.makewebeasy.com/images/lazy_default.png" 5627 data-src="https://image.makewebcdn.com/makeweb/r_409x409/hpDgCU77I/products2/hya_1.jpg?v=202405291424" 5628 alt="HYACELL HYALURON" 5629 title="HYACELL HYALURON" 5630 /> 5631 </a> 5632 </div> 5633 <div class="productCaption"> 5634 <div class="productName" v-show="product_display_name_isopen"> 5635 <a href="/en/product/167687-155224/hyacell-hyaluron"> 5636 <h3 class="h3-hover">HYACELL HYALURON</h3> 5637 </a> 5638 </div> 5639 <div class="productCode" v-show="product_display_code_isopen"> 5640 <p> 5641 07 </p> 5642 </div> 5643 <div class="productIntro" v-show="product_display_intro_isopen && 1"> 5644 <p>Like a Filler 5645 5646 5647</p> </div> 5648 <p v-show="is_open_product_quantity_sold" >Sold 18 items</p> 5649 5650 <div class="productPrice" v-show="product_display_price_isopen" > 5651 <div class="divProductNormalPrice" > 5652 <div class="productOldPrice h5 fs-priceOld ff-price "> 5653 <sp
5653an class="NmPrice">฿6,900</span> 5654 <span class="NmPriceSym">฿6,900</span> 5655 </div> 5656 </div> 5657 <div class="ff-price fs-price fc-price"> 5658 <span class="SpePrice">฿5,900</span> 5659 <span class="SpePriceeSym">฿5,900</span> 5660 <span class="badge priceDiscount">-14%</span> 5661 </div> 5662 5663 <div class="divProductMemberPrice" v-show="0"> 5664 <h5 class="productMemberPrice fs-priceMember ff-price "> </h5> 5665 5666 </div> 5667 <div class="divPriceWhole" v-show="0"> 5668 </div> 5669 </div> 5670 <div class="productAction" v-show="product_display_cart_isopen"> 5671 <div class="productAddToCart"> 5672 <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('167687', '155224', 0, 'products2/hya_1.jpg', 1, '07')"> 5673 <i class="fas fa-shopping-cart"></i> 5674 Add to Cart </button> 5675 </div> 5676 <div class="productDescription" v-show="0"> 5677 <p> 5678 5679 </p> 5680 </div> 5681 </div> 5682 </div> 5683 </div> 5684 </div> 5685 </div> 5686 <div class="item col-6 col-md-6 col-lg-3 mobileProductList1"> 5687 <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;"> 5688 <div class="badgeProduct"> 5689 </div> 5690 <div class="thumbnail rounded"> 5691 <div class="productImage rounded-top"> 5692 <a href="/en/product/167688-155225/hyacell-lift" class="awrap-img"> 5693 5694 <img class="lazy mx-auto" 5695 src="https://webbuilder59.makewebeasy.com/images/lazy_default.png" 5696 data-src="https://image.makewebcdn.com/makeweb/r_409x409/hpDgCU77I/products2/lift_1.jpg?v=20240529
56961424" 5697 alt="HYACELL LIFT" 5698 title="HYACELL LIFT" 5699 /> 5700 </a> 5701 </div> 5702 <div class="productCaption"> 5703 <div class="productName" v-show="product_display_name_isopen"> 5704 <a href="/en/product/167688-155225/hyacell-lift"> 5705 <h3 class="h3-hover">HYACELL LIFT</h3> 5706 </a> 5707 </div> 5708 <div class="productCode" v-show="product_display_code_isopen"> 5709 <p> 5710 08 </p> 5711 </div> 5712 <div class="productIntro" v-show="product_display_intro_isopen && 1"> 5713 <p>Perfect Lifting 5714 5715 5716</p> </div> 5717 <p v-show="is_open_product_quantity_sold" >Sold 5 items</p> 5718 5719 <div class="productPrice" v-show="product_display_price_isopen" > 5720 <div class="divProductNormalPrice" > 5721 <div class="productOldPrice h5 fs-priceOld ff-price "> 5722 <span class="NmPrice">฿7,900</span> 5723 <span class="NmPriceSym">฿7,900</span> 5724 </div> 5725 </div> 5726 <div class="ff-price fs-price fc-price"> 5727 <span class="SpePrice">฿6,990</span> 5728 <span class="SpePriceeSym">฿6,990</span> 5729 <span class="badge priceDiscount">-12%</span> 5730 </div> 5731 5732 <div class="divProductMemberPrice" v-show="0"> 5733 <h5 class="productMemberPrice fs-priceMember ff-price "> </h5> 5734 5735 </div> 5736 <div class="divPriceWhole" v-show="0"> 5737 </div> 5738 </div> 5739 <div class="productAction" v-show="product_display_cart_isopen"> 5740 <div class="productAddToCart"> 5741 <button class="btnProductCart btn btn-style" type="button" onclick="javascript:ad
5741dToCartShowDialog('167688', '155225', 0, 'products2/lift_1.jpg', 1, '08')"> 5742 <i class="fas fa-shopping-cart"></i> 5743 Add to Cart </button> 5744 </div> 5745 <div class="productDescription" v-show="0"> 5746 <p> 5747 5748 </p> 5749 </div> 5750 </div> 5751 </div> 5752 </div> 5753 </div> 5754 </div> 5755 </div> 5756 </div> 5757</div>
5758<script> 5759 var productCaption_47147 = new Vue({ 5760 el:'#productList1_47147', 5761 data:{ 5762 product_display_name_isopen:1, 5763 product_display_code_isopen:0, 5764 product_display_intro_isopen:0, 5765 is_open_product_quantity_sold:0, 5766 product_display_price_isopen:1, 5767 product_display_cart_isopen:1, 5768 product_box_auto_height:0, 5769 class_autoheight:'AutoHeight' 5770 }, 5771 created(){ 5772 if(this.product_box_auto_height){ 5773 this.class_autoheight = 'AutoHeight' 5774 }else{ 5775 this.class_autoheight = 'NotAutoHeight' 5776 } 5777 }, 5778 beforeCreate(){ 5779 $('#productList1_47147 .productImage img').each(function (index, element) { 5780 let strProductImage = $(this).attr('data-src'); 5781 let arrProductImage = strProductImage.split('/'); 5782 let strImgName = arrProductImage[arrProductImage.length - 1]; 5783 let arrstrImgName = strImgName.split("?v="); 5784 arrstrImgName[0] = encodeURIComponent(arrstrImgName[0]); 5785 arrProductImage[arrProductImage.length - 1] = arrstrImgName.join("?v="); 5786 $(this).attr('data-src',arrProductImage.join('/')); 5787 }); 5788 }, 5789 methods:{ 5790 changeStyle: function(){ 5791 if(this.product_box_auto_height){ 5792 this.class_autoheight = 'AutoHeight' 5793 }else{ 5794 this.class_autoheight = 'NotAutoHeight' 5795 } 5796 }, 5797 backToDefault: function(){ 5798 this.product_display_name_isopen = 1; 5799 5800 this.product_display_code_isopen = 0; 5801 5802 this.product_display_intro_isopen = 0; 5803 5804 this.is_open_product_quantity_sold = 0; 5805 5806 this.product_display_price_isopen = 1; 5807 5808 this.product_display_cart_isopen = 1; 5809 5810 this.product_box_auto_height = 0; 5811 5812 if(this.product_box_auto_height == "1"){ 5813 this.class_autoheight = 'AutoHeight' 5814 }else{ 5815 this.class_autoheight = 'NotAutoHeight' 5816 } 5817 } 5818 } 5819 }) 5820 5821 5822 function displayMessage (evt) { 5823 5824 // check origin 5825 if(evt.origin != "https://webbuilder59.makewebeasy.com"){ 5826 return 0; 5827 } 5828 5829 var toggleData = evt.data 5830 5831 var data = toggleData.split(","); 5832 5833 if(data[1] == 'productName'){ 5834 5835 productCaption_47147.product_display_name_isopen = parseInt(data[0]) 5836 5837 }else if(data[1] == 'productCode'){ 5838 5839 productCaption_47147.product_display_code_isopen = parseInt(data[0]) 5840 5841 }else if(data[1] == 'productIntro'){ 5842 5843 productCaption_47147.product_display_intro_isopen = parseInt(data[0]) 5844 5845 }else if(data[1] == 'productPrice'){ 5846 5847 productCaption_47147.product_display_price_isopen = parseInt(data[0]) 5848 5849 }else if(data[1] == 'productAction'){ 5850 5851 productCaption_47147.product_display_cart_isopen = parseInt(data[0]) 5852 5853 }else if(data[1] == 'AutoHeight'){ 5854 5855 productCaption_47147.product_box_auto_height = parseInt(data[0]) 5856 productCaption_47147.changeStyle() 5857 5858 }else if(data[1] == 'ProductStock'){ 5859 5860 }else if(data[1] == 'ProductSell'){ 5861 5862 productCaption_47147.is_open_product_quantity_sold = parseInt(data[0]) 5863 5864 }else if(data[1] == 'reset'){ 5865 productCaption_47147.backToDefault() 5866 } 5867 5868 } 5869 5870 5871 if (window.addEventListener) {
5872 // For standards-compliant web browsers 5873 window.addEventListener("message", displayMessage, false); 5874 } 5875 else { 5876 window.attachEvent("onmessage", displayMessage); 5877 } 5878</script>
5878 5879 </div> 5880 </div> 5881 </div> 5882 </div> 5883 <!-- end background div --> 5884 5885 <div style="position: relative; background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2Fzone4_bg.png?v=202405291424); background-repeat : no-repeat; background-position-x: 50%; background-position-y: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; " > 5886 <a id="product-47485" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 5887 <div class="container"> 5888 5889 <div style="padding-top: 40px; padding-bottom: 0px;"> 5890 <div > 5891 <style type="text/css"> 5892 5893 #productList1_47485.productList1 .productWidget .item { 5894 margin-bottom: 15px; 5895 height:auto; 5896 display: flex; 5897 flex-wrap: wrap; 5898 } 5899 #productList1_47485.productList1 .productWidget .thumbnail { 5900 text-align: center; 5901 height: auto; 5902 overflow: hidden; 5903 5904 position: relative; 5905 display: flex; 5906 flex-direction: column; 5907 flex-grow: 1; 5908 } 5909 #productList1_47485.productList1 .productWidget .productPrice .h3 { 5910 font-weight: bold; 5911 } 5912 #productList1_47485.productList1 .productWidget .productOldPrice { 5913 text-decoration: line-through; 5914 } 5915 #productList1_47485.productList1 .productWidget .productImage { 5916 display: table-cell; 5917 /* width: 260px; */ 5918 text-align: center; 5919 vertical-align: middle; 5920 height: 260px; padding: 0; 5921 overflow: hidden; 5922 transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; 5923 -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; 5924 -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; 5925 -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; 5926 } 5927 @media only screen and (min-width: 1025px) { 5928 #productList1_47485.productList1 .productWidget img { 5929 max-height: 100%; object-fit: contain; width: 100%; transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; 5930 -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; 5931 -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; 5932 -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; 5933 } 5934 } 5935 @media only screen and (max-width: 1024px) { 5936 #productList1_47485.productList1 .productWidget img { 5937 transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; 5938 -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; 5939 -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; 5940 -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; 5941 } 5942 } 5943 5944 @media only screen and (min-width: 1200px) { 5945 #productList1_47485.productList1 .productWidget .productImage:hover { 5946 transform: scale(1.1); 5947 -moz-transform: scale(1.1); 5948 -webkit-transform: scale(1.1); 5949 -o-transform: scale(1.1); 5950 transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; 5951 -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; 5952 -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; 5953 -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; 5954 } 5955 } 5956 #productList1_47485.productList1 .productWidget .productImage * { 5957 vertical-align: middle; 5958 } 5959 #productList1_47485.productList1 .productWidget .img-responsive { 5960 display: inline-block !important; 5961 max-height: 260px; 5962 transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; 5963 -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; 5964 -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; 5965 -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; 5966 } 5967 @media only screen and (min-width: 1200px) { 5968 #productList1_47485.productList1 .productWidget .productImage:hover .img-responsive { 5969 transform: scale(1.1); 5970 -moz-transform: scale(1.1); 5971 -webkit-transform: scale(1.1); 5972 -o-transform: scale(1.1); 5973 } 5974 } 5975 #productList1_47485.productList1 .productCaption { 5976 margin-top: 20px; 5977 margin-left: 15px; 5978 margin-right: 15px; 5979 margin-bottom: 15px; 5980 display: flex; 5981 flex-direction: column; 5982 flex: 1 0 auto; 5983 } 5984 #productList1_47485.productList1 .divProductMemberPrice > span, 5985 #productList1_47485.productList1 .divProductNormalPrice > span { 5986 vertical-align: middle; 5987 }
5988 #productList1_47485.productList1 .productCode { 5989 word-break: break-all; 5990 } 5991 #productList1_47485.productList1 .productDescription > p { 5992 font-size: 14px; 5993 } 5994 5995 #productList1_47485.productList1>.NotAutoHeight .productPrice{ 5996 margin-top: 10px; 5997 margin-bottom: 0px; 5998 overflow: hidden; 5999 } 6000 #productList1_47485.productList1>.NotAutoHeight .productName, 6001 #productList1_47485.productList1>.NotAutoHeight .productIntro, 6002 #productList1_47485.productList1>.NotAutoHeight .productAction, 6003 #productList1_47485.productList1>.NotAutoHeight .productCode { 6004 margin-top: 5px; 6005 margin-bottom: 0px; 6006 overflow: hidden; 6007 } 6008 #productList1_47485.productList1>.NotAutoHeight .productName { 6009 white-space: nowrap; 6010 } 6011 #productList1_47485.productList1>.NotAutoHeight .productName h3 { 6012 line-height: inherit; 6013 text-overflow: ellipsis; 6014 overflow: hidden; 6015 margin-bottom: 0; 6016 } 6017 #productList1_47485.productList1>.NotAutoHeight .productCode { 6018 height: 25px; 6019 } 6020 #productList1_47485.productList1>.NotAutoHeight .productIntro { 6021 max-height: 50px; 6022 flex: 1 0 auto; 6023 } 6024 #productList1_47485.productList1>.NotAutoHeight .divProductMemberPrice{ 6025 max-height: 30px; 6026 line-height: 30px; 6027 overflow:hidden; 6028 } 6029 #productList1_47485.productList1>.NotAutoHeight .divProductNormalPrice { 6030 max-height: 25px; 6031 line-height: 25px; 6032 } 6033 #productList1_47485.productList1>.NotAutoHeight .divPriceWhole { 6034 height: 40px; 6035 line-height: 25px; 6036 } 6037 #productList1_47485.productList1>.NotAutoHeight .productAction { 6038 height: auto; 6039 } 6040 6041 #productList1_47485.productList1>.NotAutoHeight .productIntro > p, 6042 #productList1_47485.productList1>.NotAutoHeight .productCode > p { 6043 line-height: 25px; 6044 margin: 0; 6045 } 6046 #productList1_47485.productList1>.NotAutoHeight .productWidget img { 6047 /* max-height: 260px;*/ 6048 } 6049 #productList1_47485.productList1>.AutoHeight .productPrice{ 6050 margin-top: 10px; 6051 margin-bottom: 0px; 6052 } 6053 #productList1_47485.productList1>.AutoHeight .productName, 6054 #productList1_47485.productList1>.AutoHeight .productIntro, 6055 #productList1_47485.productList1>.AutoHeight .productAction, 6056 #productList1_47485.productList1>.AutoHeight .productCode { 6057 margin-top: 5px; 6058 margin-bottom: 0px; 6059 } 6060 #productList1_47485.productList1>.AutoHeight .divProductMemberPrice, 6061 #productList1_47485.productList1>.AutoHeight .divProductNormalPrice { 6062 6063 } 6064 #productList1_47485.productList1>.AutoHeight .divPriceWhole { 6065 6066 } 6067 #productList1_47485.productList1>.AutoHeight .productName h3 { 6068 margin-bottom: 0; 6069 } 6070 #productList1_47485.productList1>.AutoHeight .productIntro > p { 6071 6072 } 6073 #productList1_47485.productList1 .productName a { 6074 text-decoration: none !important; 6075 } 6076 #productList1_47485.productList1 .divProductMemberPrice .productMemberPrice { 6077 /* display: inline-block; */ 6078 } 6079 #productList1_47485.productList1 .productAction > .productAddToCart { 6080 margin-bottom: 10px; 6081 } 6082 #productList1_47485.productList1 .productCompare { 6083 height: 30px; 6084 /* line-height: 30px; */ 6085 font-size: 14px; 6086 } 6087 #productList1_47485.productList1 .productCompare label { 6088 /* margin-left: -20px;*/ 6089 } 6090 #productList1_47485.productList1 .productCompare input { 6091 /* position: relative; 6092 vertical-align: middle; 6093 margin: 0;*/ 6094 } 6095 #productList1_47485{ 6096 padding-bottom: 0px; 6097 padding-top: 20px; 6098 } 6099 .badgeProduct{ 6100 text-align:left; 6101 margin-top:15px; 6102 color: #fff; 6103 position: absolute; 6104 border-radius: 0px; 6105 z-index:1; 6106 font-size: 14px; 6107 font-family: 'Open Sans',Tahoma; 6108 } 6109 .badgeOuter { 6110 margin-bottom: 2px; 6111 } 6112 .badgeNew { 6113 background-color: #2bbe1f; 6114 display: inline-block; 6115 padding: 0 8px; 6116 } 6117 .badgeBestseller { 6118 background-color: #ffa800; 6119 display: inline-block; 6120 padding: 0 8px; 6121 } 6122 .badgePreorder { 6123 background-color: #40bade; 6124 display: inline-block; 6125 padding: 0 8px; 6126 } 6127 span.priceDiscount { 6128 /*padding: 2px 5px;*/ 6129 background: red; 6130 color: #FFF; 6131 margin-left: 3px; 6132 font-size: 11px; 6133 vertical-align: middle; 6134 } 6135 span.priceOvercharge { 6136 padding: 2px 5px; 6137 background: #61c13c; 6138 color: #FFF; 6139 margin-left: 3px; 6140 font-size: 11px; 6141 vertical-align: middle; 6142 } 6143 @media only screen and (min-width: 992px) { 6144 .itemTranslate { 6145 transform: translateX(50%); 6146 -webkit-transform: translateX(50%); 6147 -moz-transform: translateX(50%); 6148 -ms-transform: translateX(50%); 6149 } 6150 } 6151 .btnProductCart{ 6152 max-width: 230px; 6153 } 6154 .checkcenter{ 6155 justify-content: center; 6156 } 6157 /*--------------IPAD PRO------------------*/ 6158 @media only screen and (min-width: 993px) and (max-width: 1024px) { 6159 #productList1_47485.productList1 .productWidget .productImage{ 6160 height:calc(25vw - 48px); 6161 } 6162 #productList1_47485.productList1 .productWidget .productImage img{ 6163 max-height: 100%; 6164 } 6165 .checkcenter{ 6166 justify-content: left; 6167 } 6168 } 6169 6170 /*--------------IPAD----------------------*/ 6171 @media only screen and (min-width: 1025px) and (max-width: 1199px) and (orientation: landscape) { 6172 /*ipadlandscape*/ 6173 #productList1_47485.productList1 .productWidget .productImage { 6174 height: 208px; 6175 } 6176 } 6177 @media only screen and (min-width: 768px) and (max-width: 992px) { 6178 #productList1_47485.productList1 .productWidget .productImage{ 6179 height:calc(50vw - 56px); 6180 } 6181 #productList1_47485.productList1 .productWidget .productImage img{ 6182 max-height: 100%; 6183 } 6184 .checkcenter{ 6185 justify-content: left; 6186 } 6187 } 6188 /*---------------mobile------------------*/ 6189 @media (max-width: 767px) { 6190 .btnProductCart{ 6191 max-width: 140px; 6192 } 6193 .checkcenter{ 6194 justify-content: left; 6195 } 6196 #productList1_47485.productList1 .productWidget .thumbnail { 6197 border-radius: 0px; 6198 border: none; 6199 box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1); 6200 } 6201 #productList1_47485.productList1 .productAction { 6202 height: auto; 6203 } 6204 6205 .SpePriceeSym, .MemPriceeSym{ 6206 display:inline !important; 6207 font-size: 16px; 6208 } 6209 #productList1_47485.productList1 .NmPriceSym{ 6210 display:inline !important; 6211 } 6212 #productList1_47485.productList1 .productOldPrice > .NmPriceSym{ 6213 font-size: 12px; 6214 } 6215 #productList1_47485.productList1 .divProductNormalPrice > .price > .NmPriceSym{ 6216 font-size: 16px; 6217 } 6218 .NmPrice, .SpePrice, .MemPrice{ 6219 display:none; 6220 } 6221 6222 #productList1_47485.productList1 .productWidget .item { 6223 margin-bottom: 5px; 6224 } 6225 #productList1_47485.productList1 .productCaption { 6226 margin-left: 5px; 6227 margin-right: 5px; 6228 margin-top: 9px; 6229 } 6230 #productList1_47485.productList1 .productName, 6231 #productList1_47485.productList1 .productIntro,
6232 #productList1_47485.productList1 .productCode { 6233 margin-bottom: 5px; 6234 margin-top: 5px; 6235 overflow: hidden; 6236 } 6237 #productList1_47485.productList1 .productAction{ 6238 margin-bottom: 0px; 6239 margin-top: 5px; 6240 overflow: hidden; 6241 } 6242 6243 #productList1_47485.productList1 .productWidget .productImage{ 6244 height:calc(50vw - 8px); /*1-1*/ 6245 } 6246 #productList1_47485.productList1>.NotAutoHeight .productWidget .productImage img{ 6247 max-width: 100% !important; 6248 max-height: 100% !important; 6249 } 6250 6251 #productList1_47485.productList1>.AutoHeight .productWidget .productImage img{ 6252 max-width: 100% !important; 6253 } 6254 #productList1_47485.productList1 .mobileProductList1{ 6255 padding: 0 3px; 6256 } 6257 #productList1_47485.productList1 .productIntro{ 6258 max-height: 37px; 6259 } 6260 #productList1_47485.productList1 .productIntro > p { 6261 font-size: 14px; 6262 overflow: hidden; 6263 text-overflow: ellipsis; 6264 line-height: 19px; 6265 } 6266 #productList1_47485.productList1 .productName h3{ 6267 font-size: 14px; 6268 font-weight: bold; 6269 display: contents; 6270 } 6271 #productList1_47485.productList1 .productCode { 6272 height: 20px; 6273 margin-bottom:4px 6274 } 6275 #productList1_47485.productList1 .productCode > p { 6276 font-size: 14px; 6277 line-height: 18px; 6278 } 6279 #productList1_47485.productList1 .divProductNormalPrice .productOldPrice { 6280 font-size: 14px !important; 6281 } 6282 #productList1_47485.productList1 .divProductNormalPrice .price { 6283 font-size: 12px; 6284 } 6285 #productList1_47485.productList1 .divPriceWhole{ 6286 height: 22px; 6287 line-height: 16px; 6288 } 6289 #productList1_47485.productList1 .divPriceWhole .priceWhole{ 6290 margin-top: 3px; 6291 margin-bottom: 5px; 6292 } 6293 #productList1_47485.productList1 .divProductMemberPrice .productMemberPrice{ 6294 font-size: 10px; 6295 font-weight: bold; 6296 } 6297 #productList1_47485.productList1 .productPrice{ 6298 margin-bottom: 10px; 6299 margin-top: 5px; 6300 overflow: hidden; 6301 } 6302 #productList1_47485.productList1 .productWidget .productPrice .h3{ 6303 font-size: 14px; 6304 font-weight: bold; 6305 margin: 0; 6306 } 6307 #productList1_47485.productList1 .divProductMemberPrice, 6308 #productList1_47485.productList1 .divProductNormalPrice{ 6309 /* max-height: 19px; */ 6310 } 6311 #productList1_47485.productList1 .productAction .productAddToCart button{ 6312 font-size: 14px; 6313 padding: 8px 16px; 6314 line-height: 0; 6315 height: 37px; 6316 } 6317 #productList1_47485.productList1 .productAction .productAddToCart button > .fa{ 6318 vertical-align: baseline !important; 6319 } 6320 #productList1_47485.productList1 .badgeProduct { 6321 margin-top: 10px; 6322 } 6323 #productList1_47485.productList1 .badgeProduct .badgeOuter{ 6324 font-size: 12px; 6325 } 6326 .priceWhole{ 6327 font-size: 10px; 6328 } 6329 .mobile12px{ 6330 font-size: 12px; 6331 } 6332 6333 #productList1_47485.productList1 .mobileProductList1:nth-child(odd) { 6334 padding-left: 5px; 6335 } 6336 6337 #productList1_47485.productList1 .mobileProductList1:nth-child(even) { 6338 padding-right: 5px; 6339 } 6340 .oosstock{ 6341 font-size: 14px !important; 6342 } 6343 #productList1_47485.productList1 .productAction .productDescription{ 6344 height: 25px; 6345 } 6346 #productList1_47485.productList1 .productAction .productDescription > p { 6347 font-size: 12px; 6348 } 6349 } 6350 /*---------------end mobile------------------*/ 6351 6352 .NmPriceSym, .SpePriceeSym, .MemPriceeSym{ 6353 display:none; 6354 } 6355 .oosstock{ 6356 background-color:transparent; 6357 color:red; 6358 cursor:default; 6359 border-color: transparent; 6360 height: 34px; 6361 line-height: 34px; 6362 } 6363 .oosstock:hover{ 6364 background-color:transparent; 6365 color:red; 6366 cursor:default; 6367 border-color: transparent; 6368 } 6369 .awrap-img{ 6370 display: block; 6371 width: 100%; 6372 height: 100%; 6373 position: relative; 6374 overflow: hidden; 6375 } 6376 .awrap-img > img{ 6377 position: absolute; 6378 top: 50%; 6379 left: 50%; 6380 -ms-transform: translate(-50%, -50%); 6381 transform: translate(-50%, -50%); 6382 } 6383 6384 .promotion-wrapper { 6385 position: absolute; 6386 display: grid; 6387 width: 48px; 6388 right: 8px; 6389 } 6390 6391 .img-promotion { 6392 z-index: 1; 6393 width: 100%; 6394 max-height: 48px !important; 6395 object-fit: cover; 6396 margin-top: 5px; 6397 } 6398 @media (max-width: 767px) { 6399 .productAddToCart button { 6400 line-height: 1.2 !important; 6401 padding: 8px 14px !important; 6402 height: auto !important; 6403 } 6404 .productAddToCart .btn { 6405 white-space: unset !important; 6406 word-break: break-word !important; 6407 } 6408 } 6409</style> 6410<style>.badgeProductFlash { 6411 margin-top: 15px; 6412 position: absolute; 6413 border-radius: 0px; 6414 z-index: 1; 6415} 6416 6417.badgeFlash { 6418 background: linear-gradient(90deg, #EC0E00 0%, #FF8A00 100%); 6419 /* display: inline-block; */ 6420 padding: 3px; 6421 width: 80px; 6422 height: 22px; 6423 text-align: center; 6424} 6425 6426.badgeFlash .badge-txt-flsale { 6427 vertical-align: text-top; 6428 color: #ffffff; 6429 font-family: 'Sarabun'; 6430 font-size: 11px; 6431} 6432 6433.badgeFlash .fa-bolt { 6434 color: #F8CF5B; 6435}</style><div class="productList1" id="productList1_47485" > 6436 <div class="productWidget" :class="class_autoheight"> 6437 <div class="row checkcenter"> 6438 <div class="item col-6 col-md-6 col-lg-3 mobileProductList1"> 6439 <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;"> 6440 <div class="badgeProduct"> 6441 </div> 6442 <div class="thumbnail rounded"> 6443 <div class="productImage rounded-top"> 6444 <a href="/en/product/167686-155223/hyacell-hand" class="awrap-img"> 6445 6446 <img class="lazy mx-auto" 6447 src="https://webbuilder59.makewebeasy.com/images/lazy_default.png" 6448 data-src="https://image.makewebcdn.com/makeweb/r_409x409/hpDgCU77I/products2/hand_1.jpg?v=20240529
64481424" 6449 alt="HYACELL HAND" 6450 title="HYACELL HAND" 6451 /> 6452 </a> 6453 </div> 6454 <div class="productCaption"> 6455 <div class="productName" v-show="product_display_name_isopen"> 6456 <a href="/en/product/167686-155223/hyacell-hand"> 6457 <h3 class="h3-hover">HYACELL HAND</h3> 6458 </a> 6459 </div> 6460 <div class="productCode" v-show="product_display_code_isopen"> 6461 <p> 6462 06 </p> 6463 </div> 6464 <div class="productIntro" v-show="product_display_intro_isopen && 1"> 6465 <p>Tender & Smooth 6466 6467 6468</p> </div> 6469 <p v-show="is_open_product_quantity_sold" >Sold 0 items</p> 6470 6471 <div class="productPrice" v-show="product_display_price_isopen" > 6472 <div class="divProductNormalPrice" > 6473 <div class="productOldPrice h5 fs-priceOld ff-price "> 6474 <span class="NmPrice">฿2,990</span> 6475 <span class="NmPriceSym">฿2,990</span> 6476 </div> 6477 </div> 6478 <div class="ff-price fs-price fc-price"> 6479 <span class="SpePrice">฿1,990</span> 6480 <span class="SpePriceeSym">฿1,990</span> 6481 <span class="badge priceDiscount">-33%</span> 6482 </div> 6483 6484 <div class="divProductMemberPrice" v-show="0"> 6485 <h5 class="productMemberPrice fs-priceMember ff-price "> </h5> 6486 6487 </div> 6488 <div class="divPriceWhole" v-show="0"> 6489 </div> 6490 </div> 6491 <div class="productAction" v-show="product_display_cart_isopen"> 6492 <div class="productAddToCart"> 6493 <div class="oosstock"><i class="far fa-ban fa-fw" data-fa-transform="down-1"></i>Out of stock</div> 6494 </div> 6495 <div class="productDescription" v-show="0"> 6496 <p> 6497 6498 </p> 6499 </div> 6500 </div> 6501 </div> 6502 </div> 6503 </div> 6504 </div> 6505 <div class="item col-6 col-md-6 col-lg-3 mobileProductList1"> 6506 <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;"> 6507 <div class="badgeProduct"> 6508 </div> 6509 <div class="thumbnail rounded"> 6510 <div class="productImage rounded-top"> 6511 <a href="/en/product/167689-155226/hyacell-night" class="awrap-img"> 6512 6513 <img class="lazy mx-auto" 6514 src="https://webbuilder59.makewebeasy.com/images/lazy_default.png" 6515 data-src="https://image.makewebcdn.com/makeweb/r_409x409/hpDgCU77I/products2/night_1.jpg?v=20240529
65151424" 6516 alt="HYACELL NIGHT" 6517 title="HYACELL NIGHT" 6518 /> 6519 </a> 6520 </div> 6521 <div class="productCaption"> 6522 <div class="productName" v-show="product_display_name_isopen"> 6523 <a href="/en/product/167689-155226/hyacell-night"> 6524 <h3 class="h3-hover">HYACELL NIGHT</h3> 6525 </a> 6526 </div> 6527 <div class="productCode" v-show="product_display_code_isopen"> 6528 <p> 6529 09 </p> 6530 </div> 6531 <div class="productIntro" v-show="product_display_intro_isopen && 1"> 6532 <p>Night Regeneration 6533 6534</p> </div> 6535 <p v-show="is_open_product_quantity_sold" >Sold 7 items</p> 6536 6537 <div class="productPrice" v-show="product_display_price_isopen" > 6538 <div class="divProductNormalPrice" > 6539 <div class="productOldPrice h5 fs-priceOld ff-price "> 6540 <span class="NmPrice">฿4,900</span> 6541 <span class="NmPriceSym">฿4,900</span> 6542 </div> 6543 </div> 6544 <div class="ff-price fs-price fc-price"> 6545 <span class="SpePrice">฿3,900</span> 6546 <span class="SpePriceeSym">฿3,900</span> 6547 <span class="badge priceDiscount">-20%</span> 6548 </div> 6549 6550 <div class="divProductMemberPrice" v-show="0"> 6551 <h5 class="productMemberPrice fs-priceMember ff-price "> </h5> 6552 6553 </div> 6554 <div class="divPriceWhole" v-show="0"> 6555 </div> 6556 </div> 6557 <div class="productAction" v-show="product_display_cart_isopen"> 6558 <div class="productAddToCart"> 6559 <button class="btnProductCart btn btn-style" type="button" onclick="javascript:ad
6559dToCartShowDialog('167689', '155226', 0, 'products2/night_1.jpg', 1, '09')"> 6560 <i class="fas fa-shopping-cart"></i> 6561 Add to Cart </button> 6562 </div> 6563 <div class="productDescription" v-show="0"> 6564 <p> 6565 6566 </p> 6567 </div> 6568 </div> 6569 </div> 6570 </div> 6571 </div> 6572 </div> 6573 <div class="item col-6 col-md-6 col-lg-3 mobileProductList1"> 6574 <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;"> 6575 <div class="badgeProduct"> 6576 </div> 6577 <div class="thumbnail rounded"> 6578 <div class="productImage rounded-top"> 6579 <a href="/en/product/167693-155230/hyacell-sun" class="awrap-img"> 6580 6581 <img class="lazy mx-auto" 6582 src="https://webbuilder59.makewebeasy.com/images/lazy_default.png" 6583 data-src="https://image.makewebcdn.com/makeweb/r_409x409/hpDgCU77I/products2/sun_1.jpg?v=202405291424" 6584 alt="HYACELL SUN" 6585 title="HYACELL SUN" 6586 /> 6587 </a> 6588 </div> 6589 <div class="productCaption"> 6590 <div class="productName" v-show="product_display_name_isopen"> 6591 <a href="/en/product/167693-155230/hyacell-sun"> 6592 <h3 class="h3-hover">HYACELL SUN</h3> 6593 </a> 6594 </div> 6595 <div class="productCode" v-show="product_display_code_isopen"> 6596 <p> 6597 12 </p> 6598 </div> 6599 <div class="productIntro" v-show="product_display_intro_isopen && 1"> 6600 <p>Anti-Ageing Sun Protection 6601</p> </div> 6602 <p v-show="is_open_product_quantity_sold" >Sold 5 items</p> 6603 6604 <div class="productPrice" v-show="product_display_price_isopen" > 6605 <div class="divProductNormalPrice" > 6606 <div class="productOldPrice h5 fs-priceOld ff-price "> 6607 <sp
6607an class="NmPrice">฿4,900</span> 6608 <span class="NmPriceSym">฿4,900</span> 6609 </div> 6610 </div> 6611 <div class="ff-price fs-price fc-price"> 6612 <span class="SpePrice">฿3,900</span> 6613 <span class="SpePriceeSym">฿3,900</span> 6614 <span class="badge priceDiscount">-20%</span> 6615 </div> 6616 6617 <div class="divProductMemberPrice" v-show="0"> 6618 <h5 class="productMemberPrice fs-priceMember ff-price "> </h5> 6619 6620 </div> 6621 <div class="divPriceWhole" v-show="0"> 6622 </div> 6623 </div> 6624 <div class="productAction" v-show="product_display_cart_isopen"> 6625 <div class="productAddToCart"> 6626 <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('167693', '155230', 0, 'products2/sun_1.jpg', 1, '12')"> 6627 <i class="fas fa-shopping-cart"></i> 6628 Add to Cart </button> 6629 </div> 6630 <div class="productDescription" v-show="0"> 6631 <p> 6632 6633 </p> 6634 </div> 6635 </div> 6636 </div> 6637 </div> 6638 </div> 6639 </div> 6640 </div> 6641 </div> 6642</div>
6643<script> 6644 var productCaption_47485 = new Vue({ 6645 el:'#productList1_47485', 6646 data:{ 6647 product_display_name_isopen:1, 6648 product_display_code_isopen:0, 6649 product_display_intro_isopen:0, 6650 is_open_product_quantity_sold:0, 6651 product_display_price_isopen:1, 6652 product_display_cart_isopen:1, 6653 product_box_auto_height:0, 6654 class_autoheight:'AutoHeight' 6655 }, 6656 created(){ 6657 if(this.product_box_auto_height){ 6658 this.class_autoheight = 'AutoHeight' 6659 }else{ 6660 this.class_autoheight = 'NotAutoHeight' 6661 } 6662 }, 6663 beforeCreate(){ 6664 $('#productList1_47485 .productImage img').each(function (index, element) { 6665 let strProductImage = $(this).attr('data-src'); 6666 let arrProductImage = strProductImage.split('/'); 6667 let strImgName = arrProductImage[arrProductImage.length - 1]; 6668 let arrstrImgName = strImgName.split("?v="); 6669 arrstrImgName[0] = encodeURIComponent(arrstrImgName[0]); 6670 arrProductImage[arrProductImage.length - 1] = arrstrImgName.join("?v="); 6671 $(this).attr('data-src',arrProductImage.join('/')); 6672 }); 6673 }, 6674 methods:{ 6675 changeStyle: function(){ 6676 if(this.product_box_auto_height){ 6677 this.class_autoheight = 'AutoHeight' 6678 }else{ 6679 this.class_autoheight = 'NotAutoHeight' 6680 } 6681 }, 6682 backToDefault: function(){ 6683 this.product_display_name_isopen = 1; 6684 6685 this.product_display_code_isopen = 0; 6686 6687 this.product_display_intro_isopen = 0; 6688 6689 this.is_open_product_quantity_sold = 0; 6690 6691 this.product_display_price_isopen = 1; 6692 6693 this.product_display_cart_isopen = 1; 6694 6695 this.product_box_auto_height = 0; 6696 6697 if(this.product_box_auto_height == "1"){ 6698 this.class_autoheight = 'AutoHeight' 6699 }else{ 6700 this.class_autoheight = 'NotAutoHeight' 6701 } 6702 } 6703 } 6704 }) 6705 6706 6707 function displayMessage (evt) { 6708 6709 // check origin 6710 if(evt.origin != "https://webbuilder59.makewebeasy.com"){ 6711 return 0; 6712 } 6713 6714 var toggleData = evt.data 6715 6716 var data = toggleData.split(","); 6717 6718 if(data[1] == 'productName'){ 6719 6720 productCaption_47485.product_display_name_isopen = parseInt(data[0]) 6721 6722 }else if(data[1] == 'productCode'){ 6723 6724 productCaption_47485.product_display_code_isopen = parseInt(data[0]) 6725 6726 }else if(data[1] == 'productIntro'){ 6727 6728 productCaption_47485.product_display_intro_isopen = parseInt(data[0]) 6729 6730 }else if(data[1] == 'productPrice'){ 6731 6732 productCaption_47485.product_display_price_isopen = parseInt(data[0]) 6733 6734 }else if(data[1] == 'productAction'){ 6735 6736 productCaption_47485.product_display_cart_isopen = parseInt(data[0]) 6737 6738 }else if(data[1] == 'AutoHeight'){ 6739 6740 productCaption_47485.product_box_auto_height = parseInt(data[0]) 6741 productCaption_47485.changeStyle() 6742 6743 }else if(data[1] == 'ProductStock'){ 6744 6745 }else if(data[1] == 'ProductSell'){ 6746 6747 productCaption_47485.is_open_product_quantity_sold = parseInt(data[0]) 6748 6749 }else if(data[1] == 'reset'){ 6750 productCaption_47485.backToDefault() 6751 } 6752 6753 } 6754 6755 6756 if (window.addEventListener) {
6757 // For standards-compliant web browsers 6758 window.addEventListener("message", displayMessage, false); 6759 } 6760 else { 6761 window.attachEvent("onmessage", displayMessage); 6762 } 6763</script>
6763 6764 </div> 6765 </div> 6766 </div> 6767 </div> 6768 <!-- end background div --> 6769 6770 <div style="position: relative; background-color:#ffffff; " > 6771 <a id="customize-47517" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 6772 <div class="container"> 6773 6774 <div style="padding-top: 0px; padding-bottom: 0px;"> 6775 <div > 6776 <style type="text/css"> 6777 .brakeword10 { 6778 word-wrap: break-word; 6779 } 6780</style> 6781<div class="row brakeword10 area-tinymce"> 6782 <div class="col-12"> 6783 <div><a href="https://kupvxr0ijy.makewebeasy.co/en/category" data-mce-href="https://kupvxr0ijy.makewebeasy.co/en/category"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone4_pic7.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone4_pic7.png?v=202012190947" data-mce-style="display: block; margin-left: auto; margin-right: auto;"></a></div> </div> 6784</div> </div> 6785 </div> 6786 </div> 6787 </div> 6788 <!-- end background div --> 6789 6790 <div style="position: relative; background-color:#ffffff; " > 6791 <a id="customize-47534" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 6792 <div class="container"> 6793 6794 <div style="padding-top: 40px; padding-bottom: 40px;"> 6795 <div > 6796 <style type="text/css"> 6797 .brakeword10 { 6798 word-wrap: break-word; 6799 } 6800</style> 6801<div class="row brakeword10 area-tinymce"> 6802 <div class="col-12"> 6803 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #333333; font-family: 'Open sans'; font-size: 30px;" data-mce-style="color: #333333; font-family: 'Open sans'; font-size: 30px;">ANTI-AGING REVOLUTION </span></div><div style="text-align: center;" data-mce-style="text-align: center;"><strong>à¸à¸²à¸£à¸à¸à¸´à¸§à¸±à¸à¸´à¸£à¸´à¹à¸§à¸£à¸à¸¢</strong></div> </div> 6804</div> </div> 6805 </div> 6806 </div> 6807 </div> 6808 <!-- end background div --> 6809 6810 <div style="position: relative; background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2Fzone5_bg.png?v=202405291424); background-repeat : no-repeat; background-position-x: 50%; background-position-y: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; " > 6811 <a id="customize-47148" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 6812 <div class="container-fluid"> 6813 6814 <div style="padding-top: 40px; padding-bottom: 40px;"> 6815 <div > 6816 <style type="text/css"> 6817 .brakeword7 { 6818 word-wrap: break-word; 6819 } 6820</style> 6821<div class="row"> 6822 <div class="col-12 col-sm-6 pl-sm-0 marginBottomSpaceMobile"> 6823 <div class="marginBottomSpaceMobile"> 6824 <img class="img-responsive mx-auto d-block lazy"
6825 src="https://webbuilder59.makewebeasy.com/images/lazy_default.png" 6826 data-src="https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData/zone5_pic1.png?v=202405291424" 6827 alt="" 6828 title="" 6829 /> 6830 </div> 6831 </div> 6832 <div class="col-12 col-sm-6 brakeword7 textlayout-maxwidth area-tinymce"> 6833 <br><img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic2.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic2.png?v=202012190947"><br><span style="font-size: 26px; color: #333333;" data-mce-style="font-size: 26px; color: #333333;">Children's skin is resilient and has a strong skin barrier. With age, the cell cycle in the epidermis slows down. </span><br><span style="color: #666666;" data-mce-style="color: #666666;">With HYACELL anti-aging products, the body's own cell production is stimulated again. Thanks to active ingredients such as antioxidants, vitamins, peptides and stem cells, an effective and sustainable treatment is guaranteed.<br><br><a data-mce-href="https://kupvxr0ijy.makewebeasy.co/category" href="https://kupvxr0ijy.makewebeasy.co/category"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic3.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic3.png?v=202012190947"></a><br></span> </div> 6834 </div> 6835 </div> 6836 </div> 6837 </div> 6838 </div> 6839 <!-- end background div --> 6840 6841 <div style="position: relative; background-color:#ffffff; " > 6842 <a id="customize-47149" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 6843 <div class="container-fluid"> 6844 6845 <div style="padding-top: 40px; padding-bottom: 40px;"> 6846 <div > 6847 <style type="text/css"> 6848 .brakeword8 { 6849 word-wrap: break-word; 6850 } 6851</style> 6852<div class="row"> 6853 <div class="col-12 col-sm-6 brakeword8 textlayout-maxwidth textlayout-marlauto marginBottomSpaceMobile area-tinymce"> 6854 <br><img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic2.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic2.png?v=202012190947"><br><span style="font-size: 26px; color: #333333;" data-mce-style="font-size: 26px; color: #333333;">HYACELL is based on high quality hyaluronic acid with a medical degree of purity. </span><br><span style="color: #666666;" data-mce-style="color: #666666;">This is known for the volume build-up and as an effective catalyst for transepidermal migration.<br><br><a data-mce-href="https://kupvxr0ijy.makewebeasy.co/category" href="https://kupvxr0ijy.makewebeasy.co/category"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic3.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic3.png?v=202012190947"></a><br></span> </div> 6855 <div class="col-12 col-sm-6 pr-sm-0"> 6856 <div> 6857 <img class="img-responsive mx-auto d-block lazy"
6858 src="https://webbuilder59.makewebeasy.com/images/lazy_default.png" 6859 data-src="https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData/zone6_pic1.png?v=202405291424" 6860 alt="" 6861 title="" 6862 /> 6863 </div> 6864 </div> 6865 </div> 6866 </div> 6867 </div> 6868 </div> 6869 </div> 6870 <!-- end background div --> 6871 6872 <div style="position: relative; background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2Fzone7_bg.png?v=202405291424); background-repeat : no-repeat; background-position-x: 50%; background-position-y: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; " > 6873 <a id="customize-47150" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 6874 <div class="container-fluid"> 6875 6876 <div style="padding-top: 40px; padding-bottom: 40px;"> 6877 <div > 6878 <style type="text/css"> 6879 .brakeword7 { 6880 word-wrap: break-word; 6881 } 6882</style> 6883<div class="row"> 6884 <div class="col-12 col-sm-6 pl-sm-0 marginBottomSpaceMobile"> 6885 <div class="marginBottomSpaceMobile"> 6886 <img class="img-responsive mx-auto d-block lazy" 6887 src="https://webbuilder59.makewebeasy.com/images/lazy_default.png" 6888 data-src="https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData/zone7_pic1.png?v=202405291424" 6889 alt="" 6890 title="" 6891 /> 6892 </div> 6893 </div> 6894 <div class="col-12 col-sm-6 brakeword7 textlayout-maxwidth area-tinymce"> 6895 <br><img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic2.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic2.png?v=202012190947"><br><span style="font-size: 26px; color: #333333;" data-mce-style="font-size: 26px; color: #333333;">We use three different chains of hyaluron, the shortest being only 3kD in size. </span><br><span style="color: #666666;" data-mce-style="color: #666666;">This enables the best penetration of active ingredients deep into the dermis. We are revolutionizing anti-aging.<br><br><a data-mce-href="https://kupvxr0ijy.makewebeasy.co/category" href="https://kupvxr0ijy.makewebeasy.co/category"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic3.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic3.png?v=202012190947"></a><br></span> </div> 6896 </div> 6897 </div> 6898 </div> 6899 </div> 6900 </div> 6901 <!-- end background div --> 6902 6903 <div style="position: relative; background-color:#ffffff; " >
6904 <a id="contactus-47151" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 6905 <div class="container"> 6906 6907 <div style="padding-top: 40px; padding-bottom: 40px;"> 6908 <h2 style="color:#3b4044;text-align:center; padding-bottom:20px; word-wrap: break-word;"> 6909 CONTACT US </h2> 6910 <div > 6911 <div class="row"> 6912 <div class="col-12 col-md-6 col-lg-6" style="word-wrap: break-word;"> 6913 <p><strong><span style="line-height: 1.5; font-family: 'Open sans';" data-mce-style="line-height: 1.5; font-family: 'Open sans';">HYACELL </span></strong><br><span style="line-height: 1.5;" data-mce-style="line-height: 1.5;"><strong>ONET INTERNATIONAL COMPANY LIMITED</strong></span><br><span style="line-height: 1.5;" data-mce-style="line-height: 1.5;">615 Jitt-Uthai Building Ramkamhang Road Huamark Bangkapi Bangkok 10240</span><br><br><a href="mailto:[email protected]" data-mce-href="mailto:[email protected]">email : [email protected]<br><br></a><img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/icon_01.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/icon_01.png?v=202012190947"> <img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/icon_02.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/icon_02.png?v=202012190947"> <img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/icon_03.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/icon_03.png?v=202012190947"><br></p> </div> 6914 <div class="col-12 col-md-6 col-lg-6"> 6915 <div id="messgeAlertContactus" class="alert" role="alert" style="display: none;"> 6916 <i class="fa fa-check-circle"></i> <strong>Message has been successfully sent!</strong> </div> 6917 <form id="formContactSendBody"> 6918 <div class="form-group"> 6919 <input name="inputContactName" id="inputContactName" placeholder="Name" type="text" class="validateInput form-control themeContactusBody" 6920 value=""> 6921 </div> 6922 <div class="form-group"> 6923 <input name="inputContactEmail" id="inputContactEmail" placeholder="E-mail" type="email" class="validateInput form-control themeContactusBody" 6924 value=""> 6925 </div> 6926 <div class="form-group"> 6927 <input name="inputContactPhone" id="inputContactPhone" placeholder="Phone" type="text" class="validateInput form-control themeContactusBody" 6928 value=""> 6929 </div> 6930 <div class="form-group"> 6931 <select name="inputContactTypeID" id="inputContactTypeID" class="validateInput form-control themeContactusBody"> 6932 <option value="" selected='selected'>Choose contact type</option> 6933 <option value="64"> 6934 Line ID : @skinselected </option> 6935 </select> 6936 </div> 6937 <div class="form-group"> 6938 <textarea class="form-control themeContactusBody" rows="5" name="inputContactMessage" id="inputContactMessage" placeholder="Message"></textarea> 6939 </div> 6940 <div class="form-group mwe-captcha"> 6941 <label id="captchaOperation" class="font-weight-bold captchaOperation"></label> 6942 <div class="input-group captchaInputPanel"> 6943 <input type="text" class="form-control captchaInput" id="captchaInput" name="captcha" style="width: 100px;"> 6944 <div class="input-group-append rounded-right"> 6945 <button class="btn btn-outline-secondary rounded-right captchaRefresh" type="button" id="refreshCaptcha"><i class="fas fa-sync-alt"></i></button> 6946 </div> 6947 </div> 6948 <small class="form-text text-muted"></small> 6949 </div> 6950 <div class="form-group buttonSendPanel"> 6951 <button type="submit" class="btn btn-style"> 6952 <i class="fas fa-envelope fa-fw" > </i>Send message </button> 6953 </div> 6954 </form> 6955 </div> 6956</div>
6957<script> 6958 jQuery(document).ready(function () { 6959 generateCaptchaifpm('contact'); 6960 jQuery("#refreshCaptcha").on("click", function () { 6961 generateCaptchaifpm('contact'); 6962 }); 6963 6964 jQuery('#formContactSendBody').formValidation({ 6965 framework: 'bootstrap', 6966 excluded: [':disabled'], 6967 icon: { 6968 valid: 'glyphicon glyphicon-ok', 6969 invalid: '', 6970 validating: 'glyphicon glyphicon-refresh' 6971 }, 6972 fields: { 6973 "inputContactName": { 6974 validators: { 6975 notEmpty: { 6976 message: 'Please enter your name.' 6977 } 6978 } 6979 }, 6980 "inputContactEmail": { 6981 validators: { 6982 notEmpty: { 6983 message: 'Please enter your email.' 6984 }, 6985 regexp: { 6986 regexp: /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,}|[0-9]{1,3})(\]?)$/, 6987 message: 'Invalid email adress.' 6988 } 6989 } 6990 }, 6991 "inputContactPhone": { 6992 validators: { 6993 notEmpty: { 6994 message: 'Please enter your phone number.' 6995 } 6996 } 6997 }, 6998 "inputContactTypeID": { 6999 validators: { 7000 notEmpty: { 7001 message: 'Please choose your contact type.' 7002 } 7003 } 7004 }, 7005 "inputContactMessage": { 7006 validators: { 7007 notEmpty: { 7008 message: 'Please enter your message.' 7009 } 7010 } 7011 }, 7012 "captcha": { 7013 validators: { 7014 callback: { 7015 message: '', 7016 callback: function (value, validator, $field) { 7017 var ciValue = parseInt(jQuery("#captchaInput").val()); 7018 var items = jQuery('#captchaOperation').html().split(' '); 7019 var sum = parseInt(items[0]) + parseInt(items[2]); 7020 7021 return ciValue === sum; 7022 } 7023 } 7024 } 7025 } 7026 } 7027 }).on('err.validator.fv', function (e, data) { 7028 data.element 7029 .data('fv.messages') 7030 .find('.help-block[data-fv-for="' + data.field + '"]').hide() 7031 .filter('[data-fv-validator="' + data.validator + '"]').show(); 7032 }).on('success.form.fv', function (e) { 7033 jQuery('#boxLoading').fadeIn(); // block fadein 7034 jQuery(".buttonSendPanel > button").prop('disabled', true); 7035 jQuery(".buttonSendPanel > button").find('i').remove(); 7036 jQuery(".buttonSendPanel > button").prepend('<i class="fas fa-spinner fa-pulse fa-lg fa-fw" ></i>'); 7037 e.preventDefault(); 7038 var $form = $(e.target); 7039 var bv = $form.data('formValidation'); 7040 7041 clickConversion('contact'); 7042 7043 var data = jQuery('#formContactSendBody').serialize(); 7044 jQuery('#divViewportLoading').addClass('active'); // block loading 7045 jQuery.ajax({ 7046 type: "POST", 7047 url: "/page/page_contactus/ajaxSaveContactUsController.php", 7048 data: { 7049 data: data 7050 }, success: function (reData) { 7051 jQuery('#divViewportLoading').removeClass('active'); // unblock loading 7052 if (reData === "1") { 7053 jQuery("#messgeAlertContactus").removeClass("alert-danger"); 7054 jQuery("#messgeAlertContactus").addClass("alert-success"); 7055 jQuery("#messgeAlertContactus").html('<i class="fa fa-check-circle"></i> <strong>Message has been successfully sent!</strong>'); 7056 } else { 7057 jQuery("#messgeAlertContactus").removeClass("alert-success"); 7058 jQuery("#messgeAlertContactus").addClass("alert-danger"); 7059 jQuery("#messgeAlertContactus").html("<i class=\"fas fa-times-circle\"></i> Please fill in contact us again."); 7060 7061 jQuery(".buttonSendPanel > button").prop('disabled', false); 7062 jQuery(".buttonSendPanel > button").find('i').remove(); 7063 jQuery(".buttonSendPanel > button").prepend('<i class="fas fa-envelope" style="vertical-align: baseline
7063!important;" >'); 7064 } 7065 jQuery("#messgeAlertContactus").show(); 7066 setTimeout(function () { 7067 document.location.reload(); 7068 }, 2000); 7069 //jQuery('#boxLoading').fadeOut() // unblock fadeout 7070 } 7071 }); 7072 }); 7073 }); 7074</script>
7074 7075 </div> 7076 </div> 7077 </div> 7078 </div> 7079 <!-- end background div --> 7080 <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;"> 7081 </div> 7082
7082<script> 7083 function renderYoutubeIframe(e, video_id) { 7084 var iframe = document.createElement( "iframe" ); 7085 iframe.setAttribute( "frameborder", "0" ); 7086 iframe.setAttribute( "allowfullscreen", "" ); 7087 iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ video_id +"?rel=0&showinfo=0&autoplay=1&mute=1" ); 7088 e.innerHTML = ""; 7089 e.appendChild( iframe ); 7090 } 7091 7092 function secflascounter(timer,boxid,turn) { 7093 if(timer!=''){ 7094 arrayData3 = timer; 7095 //var timeParsed = arrayData3.replace(' ', 'T'); 7096 //var countDownDate = new Date(timer).getTime(); 7097 var countDownDate = new Date(new Date(timer).toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime(); 7098 var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime(); 7099 var asx = setInterval(function() { 7100 //var now = new Date().getTime(); 7101 var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime(); 7102 var distance = countDownDate - now; 7103 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 7104 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 7105 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 7106 var seconds = Math.floor((distance % (1000 * 60)) / 1000); 7107 jQuery(".rowcounter-promotion"+boxid+" .fsui-day").html(('0' +days).slice(-2)); 7108 jQuery(".rowcounter-promotion"+boxid+" .fsui-hour").html(('0' +hours).slice(-2)); 7109 jQuery(".rowcounter-promotion"+boxid+" .fsui-min").html(('0' +minutes).slice(-2)); 7110 jQuery(".rowcounter-promotion"+boxid+" .fsui-sec").html(('0' +seconds).slice(-2)); 7111 if (distance < 0) { 7112 clearInterval(asx); 7113 } 7114 }, 1000); 7115 }else{ 7116 clearInterval(asx); 7117 } 7118 } 7119 </script>
7119 7120 </div> 7121 <div id="section-footer"> 7122 <style> 7123 .container-footer-full{ 7124 width: 100%; 7125 padding-right: 15px; 7126 padding-left: 15px; 7127 margin-right: auto; 7128 margin-left: auto; 7129 } 7130 @media only screen and (max-width: 767px){ 7131 .footer-mb-mobile{ 7132 margin-bottom: 20px; 7133 } 7134 7135 .fieldSubscribe { 7136 line-height: 10px !important; 7137 } 7138 } 7139 .subscribeInput { 7140 display: block !important; 7141 } 7142</style> 7143<footer class="footer01 footerZone"> 7144 <div id="footer-bar"> 7145 <div class="container"> 7146 <div class="row"> 7147 <div class="col-12"> 7148 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 12px;" data-mce-style="font-size: 12px;">© Copyright 2021 All Rights Reserved.</span></div> </div> 7149 </div> 7150 </div> 7151 </div> 7152 </footer> 7153 7154 7155 </div> 7156 <div id="section-engine" style="font-size: 12px; font-family: 'Tahoma' !important; "> 7157 Powered by 7158 <a style="font-size: 12px; font-family: 'Tahoma' !important;" class="spanMWE" href="https://www.makewebeasy.com/en" target="_blank" title="à¸à¸³à¹à¸§à¹à¸à¸à¸£à¸µ สรà¹à¸²à¸à¹à¸§à¹à¸à¸à¸£à¸µ à¹à¸§à¹à¸à¸à¸£à¸µ à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸£à¸µ">MakeWebEasy.com</a> 7159 </div> 7160 7161 <div class="widget_cart_fix_display "></div> 7162 </div> 7163 </div> 7164 7165 <!-- cookie consent--> 7166 7167<div class="policy-position"> 7168 <div class="wrap-con"> 7169 <div class="container"> 7170 <div class="row pad-row-pdpa policy-container"> 7171 <div class="col-12 col-md-9 col-lg-9"> 7172 <span class="txt-pdconsent">This website uses cookies for best user experience, to find out more you can go to our <a class="" href="/en/privacy-policy" target="_blank">Privacy Policy</a> 7173 and <a class="" href="/en/cookies-policy" target="_blank">Cookies Policy</a> 7174 </span> 7175 </div> 7176 <div class="col-12 col-md-3 col-lg-3 colbtn"> 7177 <button class="btnAcceptPd btn btn-style " type="button" id="btn_setting_cookie">Set Cookies</button> 7178 <button class="btnAcceptPd btn btn-style" type="button" id="btnAcceptPd">Accept All</button> 7179 </div> 7180 </div> 7181 </div> 7182 </div> 7183</div> 7184
7184<script type="text/javascript"> 7185 var plugins = {}; 7186 plugins['fontawesome'] = {'isEnable': false}; 7187 plugins['hamburgers'] = {'isEnable': true}; 7188 plugins['imagesloaded'] = {'isEnable': false}; 7189 plugins['magnificpopup'] = {'isEnable': false}; 7190 plugins['masonry'] = {'isEnable': false}; 7191 plugins['owlcarousel'] = {'isEnable': true}; 7192 plugins['perfectscrollbar'] = {'isEnable': false}; 7193 plugins['scrollposstyler'] = {'isEnable': false}; 7194 plugins['style_mwe'] = {'isEnable': false}; 7195 plugins['all'] = {'isEnable': false}; 7196 plugins['circularloading'] = {'isEnable': true}; 7197 plugins['customerjs'] = {'isEnable': false}; 7198 plugins['customerstyle'] = {'isEnable': false}; 7199 plugins['font'] = {'isEnable': false}; 7200 plugins['fullcalendar'] = {'isEnable': false}; 7201 plugins['homebox_eventcalendar'] = {'isEnable': false}; 7202 plugins['page_calendar'] = {'isEnable': false}; 7203 plugins['page_faq'] = {'isEnable': false}; 7204 plugins['themesystem'] = {'isEnable': false}; 7205 </script>
7205 7206 <!-- JS Main --> 7207
7207<script src="https://cloud.makewebstatic.com/makeweb/prod/js/scrollPosStyler.min.js?v=202012190947"></script>
7207 7208
7208<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.flexslider-min.js?v=202604291000"></script>
7208 7209
7209<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.zoom.js?v=202604291000"></script>
7209 7210
7210<script src="https://cloud.makewebstatic.com/makeweb/prod/js/social-buttons.min.js?v=202604291000"></script>
7210 7211
7211<script src="https://cloud.makewebstatic.com/makeweb/prod/js/popper.min.js?v=202604291000"></script>
7211 7212
7212<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js?v=202604291000" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
7212 7213
7213<script src="https://cloud.makewebstatic.com/makeweb/prod/js/formValidation.min.js?v=202604291000"></script>
7213 7214
7214<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap.min.js?v=202604291000"></script>
7214 7215
7215<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=202604291000"></script>
7215 7216
7216<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-datetimepicker.min.js?v=202604291000"></script>
7216 7217
7217<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-checkbox.min.js?v=202604291000"></script>
7217 7218
7218<script src="https://cloud.makewebstatic.com/makeweb/prod/js/backtotop.min.js?v=202604291000"></script>
7218 7219
7219<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootbox.min.js?v=202102081700"></script>
7219 7220
7220<script src="https://cloud.makewebstatic.com/makeweb/prod/js/simplepagination.min.js?v=202604291000"></script>
7220 7221
7221<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-toggle.min.js?v=202604291000"></script>
7221 7222
7222<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-context.min.js?v=202604291000"></script>
7222 7223
7223<script src="https://cloud.makewebstatic.com/makeweb/prod/js/spectrum.min.js?v=202604291000"></script>
7223 7224
7224<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-select.min.js?v=202604291000"></script>
7224 7225
7225<script>var lang = "en";</script>
7225 7226
7226<script src="https://cloud.makewebstatic.com/makeweb/prod/js/modernizr.min.js?v=202604291000"></script>
7226 7227
7227<script src="https://cloud.makewebstatic.com/makeweb/prod/js/rellax_new_min.js?v=202604291000"></script>
7227 7228 <!-- JS Page --> 7229
7229<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel.min.js?v=202001111111"></script>
7229<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel2.thumbs.min.js?v=202001111111"></script>
7229 <!-- JS Main --> 7230
7230<script defer src="https://cloud.makewebstatic.com/makeweb/prod/js/all.min.js?v=1"></script>
7230 7231
7231<script type="text/javascript" src="/include/customer/customer.js?v=202510071324"></script>
7231 7232
7232<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/hideShowPassword.min.js?v=202604291000"></script>
7232 7233 <!-- Script CustomerPage --> 7234 <!-- Script Body --> 7235
7235<script type="text/javascript"> 7236 $(document).ready(function () { 7237 if ( 7238 navigator.platform == 'iPhone' || 7239 navigator.platform == 'iPod' || 7240 navigator.platform == 'iPad' || 7241 (navigator.platform == 'MacIntel' && navigator.maxTouchPoints != 0) 7242 ) { 7243 var $body = $('body'); 7244 var bg_attachment = $body.css('background-attachment'); 7245 if (bg_attachment == 'fixed') { 7246 var bg_size = $body.css('background-size'); 7247 if (bg_size == 'auto') { 7248 var bg_img = $body.css('background-image'); 7249 var bg_repeat = $body.css('background-repeat'); 7250 $bodyBG = $('<div class="pseudo-body-bg"></div>'); 7251 $bodyBG.css('width', '100vw'); 7252 $bodyBG.css('height', '100vh'); 7253 $bodyBG.css('position', 'fixed'); 7254 $bodyBG.css('top', '0'); 7255 $bodyBG.css('left', '0'); 7256 $bodyBG.css('background-image', bg_img); 7257 $bodyBG.css('background-repeat', bg_repeat); 7258 $bodyBG.css('z-index', '-99'); 7259 $body.prepend($bodyBG); 7260 7261 } else if (bg_size == 'cover') { 7262 var bg_img = $body.css('background-image'); 7263 var bg_repeat = $body.css('background-repeat'); 7264 var bg_pos = $body.css('background-position'); 7265 var bg_size = $body.css('background-size'); 7266 $bodyBG = $('<div class="pseudo-body-bg"></div>'); 7267 $bodyBG.css('width', '100vw'); 7268 $bodyBG.css('height', '100vh'); 7269 $bodyBG.css('position', 'fixed'); 7270 $bodyBG.css('top', '0'); 7271 $bodyBG.css('left', '0'); 7272 $bodyBG.css('background-image', bg_img); 7273 $bodyBG.css('background-repeat', bg_repeat); 7274 $bodyBG.css('background-position', bg_pos); 7275 $bodyBG.css('background-size', bg_size); 7276 $bodyBG.css('-webkit-background-size', bg_size); 7277 $bodyBG.css('-moz-background-size', bg_size); 7278 $bodyBG.css('-o-background-size', bg_size); 7279 $bodyBG.css('z-index', '-99'); 7280 $body.prepend($bodyBG); 7281 } 7282 } 7283 } 7284 }); 7285 </script>
7285 7286 <!-- Script Rellax --> 7287
7287<script type="text/javascript"> 7288 if (document.getElementsByClassName("rellax").length > 0) { 7289 if (!navigator.userAgent.match(/SamsungBrowser/i) && Modernizr.csstransforms) { 7290 var rellax = new Rellax('.rellax', { 7291 speed: -4, 7292 round: true 7293 }); 7294 } else { 7295 $(document).ready(function () { 7296 $('.rellax-view').each(function (index) { 7297 var $rellax = $(this).find('>.rellax'); 7298 var bg_img = $rellax.css('background-image'); 7299 var bg_repeat = $rellax.css('background-repeat'); 7300 var bg_xpos = $rellax.css('background-position-x'); 7301 var bg_ypos = $rellax.css('background-position-y'); 7302 var bg_size = $rellax.css('background-size'); 7303 $(this).css({ 7304 'background-image': bg_img, 7305 'background-repeat': bg_repeat, 7306 'background-position-x': bg_xpos, 7307 'background-position-y': bg_ypos, 7308 '-webkit-background-size': bg_size, 7309 '-moz-background-size': bg_repeat, 7310 '-o-background-size': bg_repeat, 7311 'background-size': bg_repeat, 7312 }).addClass('rellax-not-support'); 7313 $rellax.remove(); 7314 }); 7315 }); 7316 } 7317 } 7318 </script>
7318 7319 <!-- Script Slide --> 7320
7320<script type="text/javascript"> 7321 var $owlTemp47141 = jQuery(".owl-carouselhh_47141"); 7322 var slideSpeedOwl47141 = "fast"; 7323 if (slideSpeedOwl47141 == "slow") { 7324 var autoplayTimeoutOwl47141= 7000; 7325 } else if (slideSpeedOwl47141 == "medium") { 7326 var autoplayTimeoutOwl47141 = 5000; 7327 } else if (slideSpeedOwl47141 == "fast") { 7328 var autoplayTimeoutOwl47141 = 3000; 7329 } 7330 $owlTemp47141.on("initialize.owl.carousel", function (e) { 7331 jQuery(".iconLoadSlider_47141").fadeOut("slow"); 7332 jQuery(".iconDiv_47141").remove(); 7333 }); 7334 $owlTemp47141.on("initialized.owl.carousel", function (e) { 7335 var $owl_item = $owlTemp47141.find(".owl-item"); 7336 $owl_item.each(function () { 7337 var mr = parseInt($(this).find(".contentMargin").css("margin-right")); 7338 var ml = parseInt($(this).find(".contentMargin").css("margin-left")); 7339 $(this).find(".contentBG").css("max-width", $(this).width() - mr - ml); 7340 }); 7341 }); 7342 7343 var resizeTimer47141; 7344 jQuery(window).on("resize", function() { 7345 clearTimeout(resizeTimer47141); 7346 resizeTimer47141 = setTimeout(function() { 7347 var $owl_item = $owlTemp47141.find(".owl-item"); 7348 $owl_item.each(function () { 7349 var mr = parseInt($(this).find(".contentMargin").css("margin-right")); 7350 var ml = parseInt($(this).find(".contentMargin").css("margin-left")); 7351 $(this).find(".contentBG").css("max-width", $(this).width() - mr - ml); 7352 }); 7353 7354 var $item_img = $owlTemp47141.find(".item img"); 7355 $item_img.css("height", "auto"); 7356 $item_img.each(function () { 7357 var height = $(this).height(); 7358 $(this).css("height", height); 7359 }); 7360 }, 250); 7361 }); 7362 $owlTemp47141.on({ 7363 mouseenter: function() { 7364 $(this).trigger("stop.owl.autoplay"); 7365 }, 7366 mouseover: function() { 7367 $(this).trigger("stop.owl.autoplay"); 7368 }, 7369 mouseout: function() { 7370 $(this).trigger("play.owl.autoplay"); 7371 }, 7372 touchstart: function() { 7373 $(this).trigger("stop.owl.autoplay"); 7374 }, 7375 touchend: function() { 7376 $(this).trigger("play.owl.autoplay"); 7377 } 7378 }); 7379 $owlTemp47141.owlCarousel({ 7380 loop: true, 7381 autoplay: true, 7382 autoplayTimeout: autoplayTimeoutOwl47141, 7383 autoplaySpeed: 900, 7384 dotsSpeed: 1000, 7385 lazyLoad: true, 7386 dots: false, 7387 navText: ["<i class=\"fal fa-3x fa-angle-left\"></i>", "<i class=\"fal fa-3x fa-angle-right\"></i>"], 7388 navSpeed: 1000, 7389 responsiveClass: true, 7390 responsive: { 7391 0: { 7392 items: 1, 7393 nav: true 7394 }, 7395 1025: { 7396 items: 1, 7397 nav: true 7398 } 7399 } 7400 }); 7401 function doAnimations47141(elems) { 7402 elems.each(function () { 7403 var $owl_item = $(this); 7404 var $item = $owl_item.find(".item"); 7405 var $item_class = $item.attr("class"); 7406 var $contentEffect = $item.find("[data-animation ^= \"animated\"]"); 7407 var $animationType = $contentEffect.data("animation"); 7408 var same_item = $owlTemp47141.find(".owl-item:not(.active)").find("." + $item_class.split(" ").join(".")); 7409 if (same_item.length > 0) { 7410 same_item.find("[data-animation ^= \"animated\"]").addClass($animationType); 7411 } 7412 $contentEffect.addClass($animationType); 7413 }); 7414 } 7415 var $firstAnimatingElems47141 = $owlTemp47141.find(".owl-item.active"); 7416 doAnimations47141($firstAnimatingElems47141); 7417 $owlTemp47141.on("translate.owl.carousel", function (e) { 7418 var elems = $owlTemp47141.find(".owl-item:not(.active)"); 7419 elems.each(function () { 7420 var $owl_item = $(this);
7421 var $item = $owl_item.find(".item"); 7422 var $item_class = $item.attr("class"); 7423 var $contentEffect = $item.find("[data-animation ^= \"animated\"]"); 7424 var $animationType = $contentEffect.data("animation"); 7425 7426 var same_item = $owlTemp47141.find(".owl-item.active").find("." + $item_class.split(" ").join(".")); 7427 if (same_item.length == 0) { 7428 $item.find("[data-animation ^= \"animated\"]").removeClass($animationType); 7429 } 7430 }); 7431 }); 7432 $owlTemp47141.on("translated.owl.carousel", function (e) { 7433 var $animatingElems = $owlTemp47141.find(".owl-item.active"); 7434 doAnimations47141($animatingElems); 7435 }); 7436 jQuery(".Mweslide_47141 .owl-dot").on("click", function (e) { 7437 if (!$(this).hasClass("active")) { 7438 $owlTemp47141.find(".owl-item .item").find("[data-animation ^= \"animated\"]").removeClass().addClass("contentEffect contentBG contentPadding"); 7439 } 7440 }); 7441 </script>
7441 <!-- Script WidgetCart --> 7442
7442<script> 7443 drawWidgetCartFix(); 7444 </script>
7444 7445 7446 <!-- Script MWEAds --> 7447
7447<script> 7448 // $("#divMWEAds").on("click", function (e) { 7449 // var aNode = e.target.nodeName; 7450 // if (aNode !== "B") { 7451 // window.open('https://www.makewebeasy.com'); 7452 // } 7453 // }); 7454 </script>
7454 7455 <!-- Script FB --> 7456 <!-- Script Embed --> 7457 <!-- Script More --> 7458
7458<script type="text/javascript"> 7459 function myFunctionincount(id, gid, page, homid, place, local, pagetype) { 7460 if (id !== '' && page !== '' && local !== '') { 7461 jQuery.ajax({ 7462 type: 'POST', 7463 url: '/customer/banner/store.php', 7464 data: { 7465 bnid: id, 7466 gid: gid, 7467 page: page, 7468 home: homid, 7469 place: place, 7470 local: local, 7471 pagetype: pagetype 7472 }, 7473 success: function (returnData) { 7474 if (returnData != '') { 7475 console.log(returnData); 7476 } 7477 } 7478 }); 7479 } 7480 } 7481 $(function () { 7482 $('a[href*="#"]:not([href="#"])').click(function () { 7483 if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 7484 var target = $(this.hash); 7485 target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 7486 if (target.length) { 7487 disable_scroll(); 7488 $('html,body').animate({ 7489 scrollTop: target.offset().top 7490 }, 'slow', function () { 7491 enable_scroll(); 7492 }); 7493 return false; 7494 } 7495 } 7496 }); 7497 }); 7498 function preventDefault(e) { 7499 e = e || window.event; 7500 if (e.preventDefault) 7501 e.preventDefault(); 7502 e.returnValue = false; 7503 } 7504 function wheel(e) { 7505 preventDefault(e); 7506 } 7507 function disable_scroll() { 7508 if (window.addEventListener) { 7509 window.addEventListener('DOMMouseScroll', wheel, false); 7510 } 7511 window.onmousewheel = document.onmousewheel = wheel; 7512 } 7513 function enable_scroll() { 7514 if (window.removeEventListener) { 7515 window.removeEventListener('DOMMouseScroll', wheel, false); 7516 } 7517 window.onmousewheel = document.onmousewheel = null; 7518 } 7519 7520 $(function () { 7521 $('#whatsappIcon').click(function () { 7522 let toggle = $(this).data("toggle"); 7523 if (toggle == 0) { 7524 $("#whatsappDialog").css({"opacity": "1", "pointer-events": "all", "visibility": "visible", "touch-action": "auto", "margin-bottom": "96px"}); 7525 let date = new Date(); 7526 $('.whatsappTime').html(("0" + date.getHours()).slice(-2)+':'+("0" + date.getMinutes()).slice(-2)); 7527 $(this).data("toggle", 1); 7528 } else { 7529 $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"}); 7530 $(this).data("toggle", 0); 7531 } 7532 }); 7533 $('.whatsappBtnCancel').click(function () { 7534 $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"}); 7535 $('#whatsappDialog').data("toggle", 0); 7536 }); 7537 }); 7538 </script>
7538 7539
7539<script type="text/javascript"> 7540 // Img LazyLoad 7541 document.addEventListener("DOMContentLoaded", function() { 7542 var lazyImages = [].slice.call(document.querySelectorAll("img.lazy")); 7543 if ("IntersectionObserver" in window) { 7544 let lazyImageObserver = new IntersectionObserver(function(entries, observer) { 7545 entries.forEach(function(entry) { 7546 if (entry.isIntersecting) { 7547 let lazyImage = entry.target; 7548 lazyImage.src = lazyImage.dataset.src; 7549 lazyImage.classList.remove("lazy"); 7550 lazyImageObserver.unobserve(lazyImage); 7551 } 7552 }); 7553 }); 7554 7555 lazyImages.forEach(function(lazyImage) { 7556 lazyImageObserver.observe(lazyImage); 7557 }); 7558 } else { 7559 // Possibly fall back to a more compatible method here 7560 lazyImages.forEach(function(lazyImage) { 7561 lazyImage.src = lazyImage.dataset.src; 7562 lazyImage.classList.remove("lazy"); 7563 }); 7564 } 7565 }); 7566 // Iframe LazyLoad 7567 document.addEventListener("DOMContentLoaded", function() { 7568 var lazyIframes = [].slice.call(document.querySelectorAll("iframe.lazy")); 7569 if ("IntersectionObserver" in window) { 7570 let lazyIframeObserver = new IntersectionObserver(function(entries, observer) { 7571 entries.forEach(function(entry) { 7572 if (entry.isIntersecting) { 7573 let lazyIframe = entry.target; 7574 lazyIframe.src = lazyIframe.dataset.src; 7575 lazyIframe.classList.remove("lazy"); 7576 lazyIframeObserver.unobserve(lazyIframe); 7577 } 7578 }); 7579 }); 7580 7581 lazyIframes.forEach(function(lazyIframe) { 7582 lazyIframeObserver.observe(lazyIframe); 7583 }); 7584 } else { 7585 lazyIframes.forEach(function(lazyIframe) { 7586 lazyIframe.src = lazyIframe.dataset.src; 7587 lazyIframe.classList.remove("lazy"); 7588 }); 7589 } 7590 }); 7591 </script>
7591 7592
7592<script type="text/javascript"> 7593 // Img Opacity 7594 (function ($) { 7595 "use strict"; 7596 $.fn.visible = function (partial) { 7597 if (typeof ($(this).offset()) !== 'undefined') { 7598 var $t = $(this), 7599 $w = $(window), 7600 viewTop = $w.scrollTop(), 7601 viewBottom = viewTop + $w.height(), 7602 _top = $t.offset().top, 7603 _bottom = _top + $t.height(), 7604 compareTop = partial === true ? _bottom : _top, 7605 compareBottom = partial === true ? _top : _bottom; 7606 return (((compareBottom <= viewBottom) && (compareTop >= viewTop)) || ((compareBottom <= viewBottom) && (compareTop >= viewTop))); 7607 } 7608 }; 7609 jQuery(window).ready(function ($) { 7610 var bkWindow = jQuery(window), bkthumbnail = [], bkthumbnailfooter = []; 7611 //bkRatingBars = $('.bk-overlay').find('.bk-zero-trigger'), 7612 7613 jQuery('body img').not('.imgLineWidget').imagesLoaded(function () { 7614 bkthumbnail = $('#section-content').find('img:not(.zoomImg)'); 7615 bkthumbnailfooter = $('#section-footer').find('img:not(.zoomImg)'); 7616 }).progress(function (instance, image) { 7617 var result = image.isLoaded ? 'loaded' : 'broken'; 7618 if (($(image.img).visible(true)) && ($(image.img).css('opacity') == 0)) { 7619 $(image.img).css('opacity', '1'); 7620 } 7621 if ($(image.img).hasClass("infoThumbProduct") || $(image.img).attr("id") == "compareProductDisplay" || $(image.img).hasClass("fill")) { 7622 $(image.img).css('opacity', '1'); 7623 } 7624 if ($(image.img).closest(".owl-item").length > 0) { 7625 $(image.img).css('opacity', '1'); 7626 var height = $(image.img).height(); 7627 $(image.img).css("height", height); 7628 } 7629 }); 7630 bkWindow.scroll(function (event) { 7631 $.each(bkthumbnail, function (i, value) { 7632 var bkValue = $(value); 7633 if ((bkValue.visible(true)) && (bkValue.css('opacity') == 0) && !bkValue.hasClass('lazy')) { 7634 bkValue.css('opacity', '1'); 7635 } 7636 }); 7637 $.each(bkthumbnailfooter, function (i, value) { 7638 var bkValueft = $(value); 7639 if ((bkValueft.visible(true)) && (bkValueft.css('opacity') == 0) && !bkValueft.hasClass('lazy')) { 7640 bkValueft.css('opacity', '1'); 7641 } 7642 }); 7643 }); 7644 }); 7645 })(jQuery); 7646 </script>
7646 7647 7648
7648<script type="text/javascript"> 7649 $(function () { 7650 $('a[href^="tel:"], a[href^="Tel:"]').click(function () { 7651 clickConversion('call'); 7652 }); 7653 $('a[href*="line.me"], a[href*="lin.ee"]').click(function () { 7654 if($(this).hasClass('LineSocialPD')) return; 7655 clickConversion('line'); 7656 }); 7657 $('a[href*="instagram.com"]').click(function () { 7658 clickConversion('instagrams'); 7659 }) 7660 $('a[href*="facebook.com"], a[href*="fb.me"]').click(function () { 7661 if($(this).hasClass('facebookSocialPD')) return; 7662 clickConversion('facebook'); 7663 }) 7664 }); 7665 function clickConversion(snippetType, value = null, transectionId = null) { 7666 } 7667 </script>
7667 7668 7669 7670 <!-- Script Schema --> 7671
7671<script type="application/ld+json"> 7672 { 7673 "@context": "https://schema.org", 7674 "@type": "WebSite", 7675 "url": "https://www.hyacellthai.com", 7676 "name":"HYACELL à¹à¸à¸£à¸±à¹à¸¡ hyaluron à¸à¸²à¸à¸à¸£à¸°à¹à¸à¸¨à¸ªà¸§à¸´à¸à¹à¸à¸à¸£à¹à¹à¸¥à¸à¸à¹ ", 7677 "potentialAction": { 7678 "@type": "SearchAction", 7679 "target": { 7680 "@type": "EntryPoint", 7681 "urlTemplate": "https://www.hyacellthai.com/search/{search_term_string}" 7682 }, 7683 "query-input": "required name=search_term_string" 7684 } 7685 } 7686</script>
7686 <style> 7687 @media (max-width: 992px){ 7688 .widget-overlay .fb-customerchat span iframe , 7689 .widget-overlay .fb_dialog .fb_dialog_content iframe , 7690 .widget-overlay .fb_dialog_mobile .fb_dialog_content iframe, 7691 .widget-overlay iframe.fb_mpn_mobile_landing_page_slide_up { 7692 bottom: 70px !important 7693 } 7694 #toTop.widget-to-top { 7695 bottom : 150px !important; 7696 } 7697 #unknown{ 7698 bottom : 60px !important; 7699 } 7700 } 7701 .fb_new_ui_mobile_overlay_active { 7702 overflow: auto !important; 7703 } 7704 </style> 7705 7706 7707 </body> 7708</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.