PageSourceSearch

https://www.hikoolfilm.com/en/

html hikoolfilm.com collected 2026-10-06 11:22:40 UTC 247,139 bytes, 5,004 lines download raw bytes

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>&nbsp;&nbsp;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>&nbsp;&nbsp;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&nbsp;</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&nbsp;</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&nbsp;<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&nbsp;<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&nbsp;<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&nbsp;<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 &amp; 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.&nbsp;</span></p><h2><strong>Proven by Time, Trusted by All: over 40 Years of Leadership &amp; 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.&nbsp;</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>บริษัท ลีวณิชย์&nbsp;จำกัด&nbsp;&nbsp;&nbsp;</strong></span>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<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 อาคารไฮคูล&nbsp;</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                        &nbsp;and&nbsp;                        <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.