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