how-to-get-help-with-…account--amp;-streaming-issues-in-australia

html fw-follow.com collected 2026-09-24 09:20:05 UTC 176,199 bytes, 4,100 lines download raw bytes

1<!doctype html>
2<html lang="th-TH">
3    <head>
4        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
5        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6        <meta name="description" content="à¸à¸³à¸«à¸à¹à¸²à¸¢à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸à¹à¸à¹à¸ à¸£à¹à¸²à¸à¸à¸²à¸¢à¸à¸à¸ à¸à¹à¸²à¸ à¸à¸à¸à¹à¸" />
7        <meta name="Keywords" content="à¹à¸ªà¸²à¸£à¸±à¸à¸à¸±à¹à¸ à¹à¸à¸à¸£à¸±à¸à¸à¸±à¹à¸ fw follow fw-follow à¹à¸ªà¸²à¸à¸£à¸°à¸à¸¹à¸à¸à¸¹ slatwall 
8à¸à¸¸à¸à¸à¸£à¸à¹à¸£à¸±à¸à¸à¸±à¹à¸à¸à¸£à¸°à¸à¸ à¹à¸à¹à¸à¹à¸«à¸¥à¸µà¹à¸¢à¸¡ à¹à¸à¹à¸à¸à¸¥à¸¡ à¹à¸ªà¸²à¹à¸à¸£à¹à¸¡à¸µà¹à¸¢à¸¡ à¹à¸à¸à¸£à¸±à¸à¸à¸±à¹à¸à¹à¸¡à¹ à¹à¸ªà¸²AA à¹à¸ªà¸²à¹à¸à¸£à¹à¸¡à¸µà¹à¸¢à¸¡ à¹à¸à¸à¸£à¸±à¸à¸à¸±à¹à¸à¹à¸¡à¹ à¹à¸à¸à¸£à¸±à¸à¹à¸à¹à¸à¸à¸¥à¸¡ à¹à¸à¸à¸£à¸±à¸à¹à¸à¹à¸à¹à¸«à¸¥à¸µà¹à¸¢ à¹à¸à¹à¸à¹à¸«à¸¥à¸µà¹à¸¢à¸¡ à¹à¸à¹à¸à¹à¸«à¸¥à¸µà¹à¸¢à¸¡à¸à¸¸à¸à¹à¸à¸£à¹à¸¡à¸µà¹à¸¢à¸¡ à¸à¸¥à¸à¸à¸à¸±à¸ à¸¡à¸·à¸à¸à¸±à¸à¸ªà¹à¸à¸à¹à¸¥à¸ª à¸¡à¸·à¸à¸à¸±à¸à¹à¸à¸à¸£à¹à¸à¸´à¹à¸à¸à¸£à¹ à¸à¸±à¸§à¸«à¸à¸µà¸à¸à¸£à¸°à¸à¸ à¸à¸¸à¸à¸à¸£à¸à¸£à¸±à¸à¸à¸£à¸°à¸à¸ à¸à¸²à¸à¸à¸±à¸à¹à¸à¸·à¸à¸¢ à¸à¸²à¸à¸à¸±à¸à¸à¹à¸à¸à¸ªà¹à¸à¸à¹à¸¥à¸ª à¸¡à¸·à¸à¸à¸±à¸à¸à¸±à¸ à¸¡à¸·à¸à¸à¸±à¸à¸à¸±à¸à¸à¸¥à¸¹à¸¡à¸´à¹à¸à¸µà¸¢à¸¡ à¸à¸¸à¸à¹à¸à¸à¸£à¸°à¸à¸¹à¸à¸²à¸à¹à¸¥à¸·à¹à¸à¸ à¸à¸¸à¸à¹à¸à¸¥à¸´à¹à¸à¸à¸±à¸ à¸à¸¸à¸à¹à¸à¸à¸¹à¹à¹à¸à¸à¸£à¹à¸à¸´à¹à¸à¸à¸£à¹ à¸à¸¥à¸à¸à¸ªà¹à¸à¸à¹à¸¥à¸ª à¸à¸¥à¸à¸à¸«à¹à¸à¸à¸à¹à¸³à¸ªà¹à¸à¸à¹à¸¥à¸ª à¹à¸ªà¸²FM à¸£à¸²à¸à¸à¸¥à¸¹à¸¡à¸´à¹à¸à¸µà¸¢à¸¡à¸à¸±à¸à¸à¸à¸±à¸ Slat Wall" />
9        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
10                <meta name="apple-mobile-web-app-capable" content="yes">
11        <!-- facebook -->
12        <meta property="fb:app_id" content="160631041153580" />
13                        <meta property="og:type" content="website" />
14       
15        <meta property="og:title" content="fw-follow" />
16        <meta property="og:image" content="https://image.makewebcdn.com/makeweb/m_1200x600/qiTozcRZz/attachfile/linkexchange.jpg" />
17        <meta property="og:description" content="à¸à¸³à¸«à¸à¹à¸²à¸¢à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸à¹à¸à¹à¸ à¸£à¹à¸²à¸à¸à¸²à¸¢à¸à¸à¸ à¸à¹à¸²à¸ à¸à¸à¸à¹à¸" />
18        <meta property="og:url" content="https://www.fw-follow.com/forum" />
19        <meta property="og:site_name" content="fw-follow.com" />
20        <!-- twitter -->
21        <meta name="twitter:card" content="summary_large_image">
22        <meta name="twitter:site" content="fw-follow.com">
23        <meta name="twitter:title" content="fw-follow">
24        <meta name="twitter:description" content="à¸à¸³à¸«à¸à¹à¸²à¸¢à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸à¹à¸à¹à¸ à¸£à¹à¸²à¸à¸à¸²à¸¢à¸à¸à¸ à¸à¹à¸²à¸ à¸à¸à¸à¹à¸">
25        <meta name="twitter:image" content="">
26        <meta name="twitter:domain" content="https://www.fw-follow.com/forum">
27        <!-- google -->
28        <meta name="google-site-verification" content="r4Ve-14EoqTgWcnuMdMx9koLzbuWPNI68SVBLxLjTb0" />        <meta name="generator" content="MakeWebEasy" />
29        <!-- Phone number-->
30        <meta name="format-detection" content="telephone=no">
31                                                <link rel="alternate" href="https://www.fw-follow.com/forum" hreflang="x-default" />
32                    
33        <link rel="canonical" href="https://www.fw-follow.com/forum" />
34        
35                <link rel="apple-touch-icon" sizes="32x32" href="https://image.makewebcdn.com/makeweb/0/qiTozcRZz/attach_file/favicon/favicon_20200813041045-0.ico?v=202604291000" />
36        <link rel="shortcut icon" href="https://image.makewebcdn.com/makeweb/0/qiTozcRZz/attach_file/favicon/favicon_20200813041045-0.ico?v=202604291000" type="image/x-icon" />
37        <link rel="icon" href="https://image.makewebcdn.com/makeweb/0/qiTozcRZz/attach_file/favicon/favicon_20200813041045-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/fullcalendar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/fullcalendar.print.min.css?v=0" media="print" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/homebox_eventcalendar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/page_calendar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/page_faq.min.css?v=202012190947" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/owl.carousel.min.css?v=202001111111" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/owl.theme.default.min.css?v=202001111111" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/perfect-scrollbar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/magnific-popup.min.css?v=202012190947" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/circular-loading.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/hamburgers.min.css?v=0" />        <!-- CSS Main -->
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=20260924092004" />
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_qiTozcRZz.min.css?v=1784271108" />
53        
54        <title>fw-follow</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        
64        <style>
65            #divMWEAds .mweColor{
66                color: #28bee3;
67            }
68
69            /* #divMWEAds .webFreeColor{
70                color: #ffffff;
71                background-color: #28bee3;
72            }           */
73
74            .webFreeColor { background-color: #28bee3; border-color: #24BEE2; color: #FFFFFF; border-radius: 20px;width: 148px; height: 36px; line-height: normal;}
75            .webFreeColor:hover,
76            .webFreeColor.active {
77                background-color: #09A1E0; border-color: #1EA7C7; color: #FFFFFF;
78}
79        </style>
80    </head>
81    <body>
82        <!-- Script Embed -->
83        
84        <!--

84<script>
85                    </script>

85 -->
86        <style type="text/css">
87                        .pagination>li>a, .pagination>li>span {
88                font-size: 14px;
89                color: inherit;
90            }
91            .dropdown.areacontext.open{
92                z-index: 1001 !important;
93            }
94            .table-responsive table {
95                margin-bottom: 20px;
96                white-space: nowrap;
97            }
98            @media only screen and (min-width: 1200px) {
99                .table-responsive table {
100                    white-space: normal;
101                }
102            }
103            @media only screen and (min-width: 1200px) {
104                .section-container > .slimScrollDiv {
105                    display: none;
106                }
107            }
108            a[data-mce-href] {
109                font-size: inherit;
110                font-family: inherit;
111                /*color: inherit;*/
112            }
113            /* areacontext menu */
114            .areacontext {
115                border: 1px solid rgb(9,10,12);
116            }
117            .areacontext .btn-primary {
118                background: #373e44!important;
119                color: #FFF!important;
120                border-color: #23292f!important;
121                padding: 1px 5px;
122                display: block;
123            }
124            .areacontext > div {
125                font-family: Open Sans !important;
126                font-size: 12px !important;
127            }
128            .areacontext ul.dropdown-menu {
129                border-radius: 0px !important;
130                background: #373E44 !important;
131                margin-top: 0px !important;
132                border: 1px solid rgb(9,10,12);
133                padding: 0px !important;
134                min-width: 100px !important;
135                transform: translate3d(-1px, 20px, 0px) !important;
136            }
137            .areacontext ul.dropdown-menu > li > a {
138                font-family: "Helvetica Neue",Helvetica,Tahoma !important;
139                font-size: 12px !important;
140                color: rgb(145, 159, 174) !important;
141                padding: 3px 5px !important;
142                display: block;
143            }
144            .areacontext ul.dropdown-menu > li > a:hover {
145                background: #262D33 !important;
146                color: #FFF !important;
147                text-decoration: none;
148            }
149            /* addition */
150            /* facebook like box */
151            .fb-like.fb_iframe_widget > span > iframe{
152                max-width:none!important
153            }
154            /* img in table */
155            table img {
156                max-width:initial!important;
157            }
158            /* iframe */
159            iframe {
160                max-width:100%;
161            }
162            /* pagination */
163            .pagination>li>a,.pagination>li>span{
164                font-size:14px;color:inherit
165            }
166            /* table */
167            .table-responsive table {
168                margin-bottom:20px;
169                white-space:nowrap;
170            }
171            @media only screen and (min-width: 1200px){
172                .table-responsive table{
173                    white-space:normal
174                }
175            }
176            /* img width and rendering */
177            div#section-content img:not(.fill),
178            div#section-footer img:not(.fill) {
179                overflow:hidden;
180                opacity:0;
181                -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
182                transition:opacity .3s ease-in-out,transform .3s ease-in-out;
183                max-width:100%;
184            }
185            @media (max-width: 768px) {
186                body {
187                    max-width: 100vw;
188                }
189            }
190            /* force show img */
191            .map_outter img {
192                opacity: 1 !important;
193            }
194            /* link in tinymce */
195            a[data-mce-href] {
196                font-size: inherit;
197                font-family: inherit;
198            }
199            /* top layout */
200            nav > #top-area > .container-fluid {
201                padding-left: 8px;
202                padding-right: 8px;
203            }
204            nav > #top-area > .row {
205                margin: 0;
206            }
207            nav > #top-area > .row > .col {
208                padding: 0;
209            }
210            .navbar-link {
211                display: inline-block;
212                padding: 8px;
213                border: none;
214                margin: 8px 0px;
215                vertical-align: middle;
216                line-height: 1;
217            }
218            /*.navbar-fa {
219                width: 24px !important;
220                height: 24px !important;
221            }*/
222            .navbar-toggler-icon {
223                margin: 0;
224                padding: 0;
225            }
226            .dropdown > .dropdown-toggle > svg {
227                transition: all 300ms ease;
228                -webkit-transition: all 300ms ease;
229                -o-transition: all 300ms ease;
230                -ms-transition: all 300ms ease;
231            }
232            .dropdown.show > .dropdown-toggle > svg {
233                transform: rotate(180deg);
234                -webkit-transform: rotate(180deg);
235                -moz-transform: rotate(180deg);
236                -o-transform: rotate(180deg);
237            }
238            .dropdown-menu > li > .dropdown-toggle > svg {
239                transition: all 300ms ease;
240                -webkit-transition: all 300ms ease;
241                -o-transition: all 300ms ease;
242                -ms-transition: all 300ms ease;
243            }
244            .dropdown-menu > li.show > .dropdown-toggle > svg {
245                transform: rotate(90deg);
246                -webkit-transform: rotate(90deg);
247                -moz-transform: rotate(90deg);
248                -o-transform: rotate(90deg);
249            }
250            /* cart widget */
251            nav span.fa-layers.fa-fw > i.navbar-fa + span.fa-layers-counter {
252                display: none;
253            }
254            nav span.fa-layers.fa-fw > svg.navbar-fa + span.fa-layers-counter {
255                -webkit-transform: scale(0.75) !important;
256                transform: scale(0.75) !important;
257                top: -75%;
258                right: auto;
259                left: 50%;
260                -webkit-transform-origin: top center;
261                transform-origin: top center;
262                display: inline-block;
263            }
264            /* list style */
265            ul {
266                margin-bottom: 0 !important;
267            }
268            li {
269                /* list-style: none;*/
270            }
271            /* hide caret */
272            .dropdown-toggle::after{
273                display:none!important;
274            }
275            /* social widget */
276            .social-widget {
277                display: inline-block;
278            }
279            .social-widget a {
280                font-size: 30px;
281                width: 30px;
282                height: 30px;
283                min-width: 30px;
284                min-height: 30px;
285            }
286            @media (min-width: 401px) {
287                .social-widget a {
288                    font-size: 36px;
289                    width: 36px;
290                    height: 36px;
291                    min-width: 36px;
292                    min-height: 36px;
293                }
294            }
295            .social-widget a svg.fa-twitter {
296                margin-right: -1px !important;
297            }
298            .social-widget a svg.fa-instagram {
299                margin-right: 2px !important;
300            }
301            .social-widget a svg.fa-google-plus-g {
302                margin-right: -6px !important;
303            }
304            .social-widget a svg.fa-youtube {
305                margin-right: -3px !important;
306            }
307            /* vertical align text widget */
308            .navbar-text {
309                line-height: 150%;
310                vertical-align: middle;
311                min-height: 50px;
312            }
313            @media (min-width: 401px) {
314                .navbar-text {
315                    min-height: 56px;
316                }
317            }
318        </style>
319
320                <!--// ! ------------arrow scroll to top -->
321                            <a href="javascript:void(0);" id="toTop" class="back-to-top   " style="display: none; width: 45px !important; height: 45px !important; z-index: 55;">

322                <span class="fa-stack" style="font-size: 22px;">
323                    <i class="fas fa-circle fa-stack-2x" style="color: #2b2a2a;"></i>
324                    <i class="fas fa-arrow-up fa-stack-1x fa-inverse" style="color: #ffffff;"></i>
325                </span>
326            </a>
327               
328        <!-- //! facebook messager -->
329                <div class="section-container">
330            <!-- BoxLoading -->
331            <div class="boxLoading" id="boxLoading">
332                <div class="loader">
333                    <svg class="circular" viewBox="25 25 50 50">
334                    <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"></circle>
335                    </svg>
336                </div>
337            </div>
338
339            <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_standard"></div>
340<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_popup"></div>
341<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_coupon"></div>
342

343<script type="text/javascript">
344
345    function showModalBS(isClose, path, size) {
346        if (size == 'small') {
347            var siz = 'sm';
348        } else if (size == 'medium') {
349            var siz = 'md';
350        } else if (size == 'large') {
351            var siz = 'lg';
352        } else if (size == 'full') {
353            var siz = 'full';
354        } else if (size == 'cartlogin') {
355            var siz = 'modalCartLogin';
356        } else if (size === 'addToCartGroupProduct') {
357            var siz = 'groupProduct modal-dialog-centered'
358        } else if (size === 'addToCart') {
359            var siz = 'addToCart modal-dialog-centered'
360        } else if (size === 'medium-center') {
361            var siz = 'md modal-dialog-centered'
362        } else {
363            var siz = 'md';
364        }
365
366        if (isClose == 1) {
367            var backdrop = true;
368        } else if (isClose == 0) {
369            var backdrop = 'static';
370        } else {
371            var backdrop = true;
372        }
373        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>');
374        jQuery('#modal_standard').modal({
375            backdrop: backdrop,
376            // remote: path,
377            show: true,
378            keyboard: true
379        });
380        jQuery('#modal_standard').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
381        });
382    }
383
384    function showModalPopup(isClose, path) {
385        if (isClose == 1) {
386            var backdrop = true;
387        } else if (isClose == 0) {
388            var backdrop = 'static';
389        } else {
390            var backdrop = true;
391        }
392        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>');
393        jQuery('#modal_popup').modal({
394            backdrop: backdrop,
395            // remote: path,
396            show: true,
397            keyboard: true
398        });
399        jQuery('#modal_popup').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
400        });
401    }
402
403    function showModalCouponBS(path) {
404        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>');
405        jQuery('#modal_coupon').modal({
406            backdrop: true,
407            // remote: path,
408            show: true,
409            keyboard: true
410        });
411        jQuery('#modal_coupon').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
412        });
413    }
414
415</script>

415                        <div class="disabled-filter"></div>
416            <div class="section-body ">
417                <div id="section-header" class="sps sps--abv">
418                    
419<style type="text/css">
420    @media  only screen and (min-width: 1025px){
421        .headerMobile {
422            display: none !important;
423        }
424        .navbar-toggler {
425            display: none !important;
426        }
427        .navbar-expand-xl .navbar-collapse {
428            display: flex !important;
429            flex-basis: auto;
430        }
431        .navbar-expand-xl .navbar-nav {
432            flex-direction: row;
433        }
434        .navbar-expand-xl .navbar-nav .nav-link {
435            padding-right: 0.5rem;
436            padding-left: 0.5rem;
437        }
438        /* sticky */
439        .headerDesktop nav #top-sticky {
440            transition: transform 450ms;
441            -webkit-transition: transform 450ms;
442            -moz-transition: transform 450ms;
443            -o-transition: transform 450ms;
444        }
445        .sps--abv .headerDesktop nav #top-sticky {
446            position: relative;
447            transform: translate3d(0, 0, 0);
448            -webkit-transform: translate3d(0, 0, 0);
449            -moz-transform: translate3d(0, 0, 0);
450            -ms-transform: translate3d(0, 0, 0);
451        }
452        .sps--abv .headerDesktop nav #top-mb {
453            margin-bottom: 0;
454        }
455                .sps--blw .headerDesktop nav #top-sticky {
456            position: fixed;
457            top: -56px;
458            left: 0;
459            right: 0;
460            z-index: 1000;
461            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
462            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
463            -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
464            transform: translate3d(0, 56px, 0);
465            -webkit-transform: translate3d(0, 56px, 0);
466            -moz-transform: translate3d(0, 56px, 0);
467            -ms-transform: translate3d(0, 56px, 0);
468        }
469        .sps--blw .headerDesktop nav #top-mb {
470            padding-bottom: 56px;
471                    }
472        
473        .sps--blw .headerDesktop nav #top-sticky #cart{
474            display: inline-flex !important
475        }
476
477    }
478    @media (max-width: 1024px){
479        .headerDesktop {
480            display: none !important;
481        }
482        /* sticky */
483        .sps--abv .headerMobile nav #top-sticky {
484                            position: static;
485                    }
486        .sps--abv .headerMobile nav #top-mb {
487            margin-bottom: 0;
488        }
489        .sps--blw .headerMobile nav #top-sticky {
490            position: fixed;
491            top: 0;
492            left: 0;
493            right: 0;
494            z-index: 1000;
495            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
496            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
497            -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
498        }
499        .sps--blw .headerMobile nav #top-mb {
500            margin-bottom: 56px;
501        }
502                ul.navbar-topmenu.navbar-nav .arrowCollapse{
503            transition: transform .3s ease 0s;
504        }
505         ul.navbar-topmenu.navbar-nav .arrowCollapse > svg{
506            transition: transform .3s ease 0s;
507        }
508    }
509    .sb {
510        visibility: visible;
511        /*position: absolute;
512        top: 0;
513        left: 0;
514        right: 0;
515        bottom: 0;
516
517        opacity: 1;
518        z-index: 999;
519        padding: 0 16px;
520        /*margin: 0 16px;*/
521    }
522    .sb > input {
523        /*width: calc(100% - 39px);
524        border-top: 0;
525        border-left: 0;
526        border-right: 0;
527        border-bottom: 2px solid #FFF;
528        background: #333 !important;
529        padding: 6px;
530        color: #FFF;
531        vertical-align: middle;*/
532    }
533    .sb > input::placeholder {
534        color: #333;
535    }
536    .sb > input:focus {
537        outline: none;
538    }
539    .aCloseSearchIcon {
540        height: 36px;
541        padding: 6px 12px;
542    }
543    #top-sticky > div {
544        position: relative;
545    }
546    div.headerMobile{
547        position: relative;
548        z-index: 56;
549    }
550        #divMWEAds {
551        bottom: unset;
552        width: 100vw !important;
553        background: #fff;
554        color: #000;
555    }
556    #divMWEAds:hover {
557        background: #fff;
558    }
559    #topZone {
560        padding-top: 0px;
561    }
562    .marginBot {
563        margin-bottom: 0px;
564    }
565
566    .headerMobile #divMWEAds {
567        font-family: 'DB Heavent' !important; 
568        font-size:21px;
569        z-index:999999;
570    }
571    .headerMobile #divMWEAds a {
572        font-size: 20px; 
573        font-family: 'DB Heavent' !important;
574        font-weight: bold;
575    }
576    @media only screen and (max-width: 400px) {
577        .headerMobile #divMWEAds {
578            font-size:16px;
579        }
580        #divMWEAds img {
581            max-height: 25px;
582            max-width: 25px;
583        }
584        .headerMobile #divMWEAds a {
585            font-size: 16px;
586        }
587    }
588</style>
589<div class="headerDesktop">
590            <style type="text/css">
591    @media (min-width: 1025px) {
592        .navbar-brand {
593            font-size: 24px !important;
594            border: none !important;
595            padding: 0;
596            margin: auto;
597        }
598        .navbar-text{
599            min-height: 28px;
600        }
601        .text-truncate p{
602            margin-bottom: 0;
603            line-height: 28px;
604        }
605        #logotop{
606            margin: 10px 10px 10px 0 ;
607            min-height: 50px;
608            padding: 0;
609        }
610        #logotop>.navbar-brand{
611            margin: 0;
612        }
613        #menutop{
614            margin: 10px 10px 10px 0  !important;
615        }
616        .topwidget-menu{
617            margin: 0 !important;
618        }
619                    .sps--blw #top-sticky #logotop{
620                display: none !important;
621            }
622                .sps--blw #top-sticky #logotop .img-logo {
623            width: auto;
624            max-height: 50px;
625        }
626    }
627</style>
628<nav id="topZone" class="navbar-expand-xl">
629            <div id="top-bar">
630            <div id="top-mb">
631                <div class="container">
632                    <div class="row align-items-center justify-content-end">
633                        
634                                                    <div class="col-12 col-lg-auto">
635                                                                                                                                    <div id="socialnetwork" class="hoverOverlay d-inline-flex align-middle my-1">
636                                        <div class="d-inline">
637<style>
638    .empty {
639        padding-top: 15px;
640        padding-right: 22px;
641        padding-bottom: 12px;
642        padding-left: 29px;
643    }
644    .wechatSocial{
645        cursor: pointer;
646    }
647    .pointer-none {
648        pointer-events: none;
649    }
650</style>
651<div class="social-widget">
652                                        <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/~arthurtig " style="margin-right: 8px; margin-left: 8px;1">
653            <i class="fas fa-circle colorLineBG pointer-none"></i>
654            <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i>
655        </a>
656    
657    
658    </div>

659<script type="text/javascript">
660
661    jQuery(".wechatSocial").click(function () {
662        window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1);
663    });
664    
665</script>

665</div>
666                                    </div>
667                                                                                                                            </div>
668                                            </div>
669                </div>
670            </div>
671        </div>
672    
673            <div id="top-area">
674            <div id="top-sticky">
675                <div class="container">
676                    <div class="row no-gutters">
677                                                    <div class="collapse topSearchBar">
678                                <div class="topSearchBarInner">
679                                    <div class="input-group mb-3">
680                                        <input type="text" class="form-control textStringSearchTopWidget" placeholder="à¹à¸ªà¹à¸à¸³à¸à¹à¸à¸«à¸²à¸à¸à¸à¸à¸¸à¸...">
681                                        <div class="input-group-append">
682                                            <button class="btn border-left-0 rounded-right btn-outline-secondary btnSearchTopWidget" type="button"><i class="fas fa-search"></i></button>
683                                        </div>
684                                    </div>
685                                                                    </div>
686                            </div>
687                                                                            <div class="col col-lg-auto d-lg-inline-flex">
688                                <div id="logotop" class="hoverOverlay d-inline-flex align-middle">
689                                    <span class="navbar-brand">
690                                        <a href="/" style="text-decoration: none;">
691                                                <style> 
692        @media (min-width: 1025px){ 
693            .img-logo { 
694                                                                                    } 
695        } 
696    </style>
697    <img src="https://image.makewebcdn.com/makeweb/m_1920x0/qiTozcRZz/attachfile/linkexchange.jpg?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/>
698                                        </a>
699                                    </span>
700                                </div>
701                            </div>
702                                                                            <div class="col-auto col-lg-auto d-lg-inline-flex align-items-center">
703                                <div id="menutop" class="hoverOverlay d-inline-flex">
704                                    <div class="collapse navbar-collapse">
705                                        <style type="text/css">
706    .topwidget-menu .navbar-nav .dropdown-menu {
707        padding: 0;
708        margin: 0;
709    }
710    ul.navbar-topmenu.navbar-nav > li {
711        display: table-cell; 
712    }
713    ul.navbar-topmenu.navbar-nav li {
714        list-style: outside none none;
715    }
716    ul.navbar-topmenu.navbar-nav div.new-line-menu{
717        clear: left;
718    }
719    ul.navbar-topmenu.navbar-nav .border-tran{
720        border-right: 1px solid transparent;
721    }
722    .fix-up-size{
723        font-size: 1.05em !important;
724    }
725    /*PC hack to hover*/
726    @media (min-width: 1025px) {
727        ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .menu-column{
728            display:flex !important;
729        }
730        ul.navbar-topmenu.navbar-nav .menu-column{
731            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
732        }
733        .topwidget-menu {
734            margin: 10px;
735        }
736        ul.dropdown-menu.dropdown-menu-right{
737            left: unset;
738            right:0;
739        }
740        .dropdownfix-menu-right {
741            right:100% !important;
742            left:auto !important;
743        }
744        .public-topmenu .dropdown-menu-right .fa-chevron-right {
745            transform: rotate(180deg);
746            left: 0;
747            position: absolute;
748            top: 12px;
749        }
750        .public-topmenu .dropdown-menu-right .fa-chevron-down{
751            transform: rotate(90deg);
752            left: 0;
753            position: absolute;
754            top: 12px;
755        }
756        .more.hidden{
757            display:none;
758        }
759        .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
760            transform: rotate(-90deg);
761        }
762
763        .public-topmenu .topmenuLg{
764            border-right:none !important;
765        }
766        ul.navbar-topmenu.navbar-nav a {
767            display: block;
768            margin: 0px;
769        }
770        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column {
771            position: absolute;
772            display: none;
773            margin: 0px;
774           /* padding: 15px 0px; */
775            border-collapse: separate;
776            border-spacing: 0;
777            width:100%;
778            left: 0px;
779        }
780        ul.navbar-topmenu.navbar-nav > li.nav-item .each-col{
781            margin-top:15px; 
782            margin-bottom:15px; 
783        }
784        ul.navbar-topmenu.navbar-nav > li > .menu-column > div > ul{
785            margin: 0px;
786            padding: 0px;
787            border-collapse: separate;
788            border-spacing: 0;
789        }
790        ul.navbar-topmenu.navbar-nav .menu-column li {
791            float: none;
792            margin: 0px;
793            padding: 0px;
794        }
795        /* sub a */
796        ul.navbar-topmenu.navbar-nav .menu-column-sub > li > a {
797            padding: 8px 15px;
798            text-align: left;
799            border: none;
800        }
801        /* sub a hover */
802        ul.navbar-topmenu.navbar-nav .topmenu_li_lv2:hover > a {
803            
804        }
805        .engine-menu .topmenuLg{
806            border-right:none !important;
807        }
808
809        ul.navbar-topmenu.navbar-nav .row-menucol-pad{
810            padding-bottom:60px;
811        } 
812        ul.navbar-topmenu.navbar-nav .text-lv2-bold{
813            font-weight: bold !important;
814        }
815        ul.navbar-topmenu.navbar-nav .text-lv3-pad{
816            padding-left: 30px !important;
817        }
818        ul.navbar-topmenu.navbar-nav .text-lv4-pad{
819            padding-left: 45px !important;
820        }
821        ul.navbar-topmenu.navbar-nav .no-p-first{
822            padding:0px 0px 0px 0px;
823            float: left;
824        }
825        ul.navbar-topmenu.navbar-nav .no-p{
826            padding:60px 0px 0px 0px;
827            float: left;
828        }
829        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-one{
830            min-width: 285px;
831            left: 0px;
832        }
833        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-two{
834            min-width: 569px;
835            left: 0px;
836        }
837        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-tree{
838            min-width: 854px;
839            left: 0px;
840           /* left: calc(50% + 0px);
841            transform: translate(-50%, 0%);

842            top: calc(100% - 10px); */
843        }
844        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-fourmore{
845            min-width: 1140px;
846            left: 0px;
847           /* left: calc(50% + 0px);
848            transform: translate(-50%, 0%);
849            top: calc(100% - 10px); */
850        }
851        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-full{
852            min-width: calc(100vw - 14px);
853            left: 0px;
854            max-height: 600px;
855            overflow-x: hidden;
856            overflow-y: auto;
857        }
858        ul.navbar-topmenu.navbar-nav > li.nav-item .col-one-minwid{
859            min-width: 285px;
860        }
861
862        ul.navbar-topmenu.navbar-nav > li.nav-item.rev-po{
863            position: relative;
864        }
865        ul.navbar-topmenu.navbar-nav > li.nav-item.uns-po{
866            position: unset;
867        }
868
869       /*lv3 more only*/
870       ul.navbar-topmenu.navbar-nav .ul.menu-fix-li{
871            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
872        }
873        ul.navbar-topmenu.navbar-nav > li.nav-item:hover > ul.menu-fix-li{
874            display:block !important;
875        } 
876        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li li:hover > .dropdown-menu{
877            display:flex !important;
878        }
879       
880        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li{
881            position: absolute;
882            display: none;
883            margin: 0px;
884            padding: 0px 0px;
885            border-collapse: separate;
886            border-spacing: 0;
887            border: none;
888          /*  width:100%; */
889            left: 0;
890            right: auto;
891            top: 100%;
892            white-space: nowrap;
893        }
894
895        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li li {
896            position: relative;
897        }
898
899        ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-full{
900            min-width: 960px;
901            right: 100% !important;
902            left: auto !important;
903            top: 0px;
904            max-height: 600px;
905            overflow-x: hidden;
906            overflow-y: auto;
907        }
908        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li .menu-column{
909            /* padding: 15px 0px; */
910        }
911        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li .menu-column ul {
912            margin: 0px;
913            padding: 0px;
914            border-collapse: separate;
915            border-spacing: 0;
916        }
917    }
918    @media only screen and (min-width: 1193px){
919        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-container{
920            min-width: 1170px;
921            left: 0px;
922            max-height: 600px;
923            overflow-x: hidden;
924            overflow-y: auto;
925        }
926        ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-container{
927            position: absolute;
928            min-width: 858px;
929            right: 100% !important;
930            left: auto !important;
931            top: 0px;
932            max-height: 600px;
933            overflow-x: hidden;
934            overflow-y: auto;
935        }
936    }
937
938    @media only screen and (min-width: 1025px) and (max-width: 1192px){
939        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-container{
940            min-width: 1080px;
941            left: 0px;
942            max-height: 600px;
943            overflow-x: hidden;
944            overflow-y: auto;
945        }
946        ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-container{
947            position: absolute;
948            min-width: 772px;
949            right: 100% !important;
950            left: auto !important;
951            top: 0px;
952            max-height: 600px;
953            overflow-x: hidden;
954            overflow-y: auto;
955        }
956    }
957    @media only screen andÂ (min-width: 992px) and (max-width: 1024px){
958        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-container{
959            min-width: 960px;
960            left: 0px;
961            max-height: 400px;
962            overflow-x: hidden;
963            overflow-y: auto;
964        }
965        ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-container{
966            position: absolute;
967            min-width: 783px;
968            right: 100% !important;
969            left: auto !important;
970            top: 0px;
971            max-height: 400px;
972            overflow-x: hidden;
973            overflow-y: auto;
974        }
975    }
976
977
978    /* tablet*/
979    @media only screen and (min-width: 768px) and (max-width: 1024px) {
980        ul.navbar-topmenu.navbar-nav ul{
981            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
982        }
983    }
984    /*mobile tablet*/
985    @media  only screen and (max-width: 1024px) {
986        .topwidget-menu .arrowCollapse{
987            width: 55px;
988            position: absolute;
989            right: 0px;
990            top: 25%;
991            text-align: center;
992            height: 22px;
993        }
994        ul.navbar-topmenu.navbar-nav a{
995            text-align: left !important;
996            white-space: normal;
997        }
998        ul.navbar-topmenu.navbar-nav .fa-chevron-down{
999                        transition: all .3s ease 0s;
1000            -ms-transition: all .3s ease 0s;
1001            -webkit-transition: all .3s ease 0s;
1002            -moz-transition: all .3s ease 0s;
1003        }
1004        ul.navbar-topmenu.navbar-nav .fa-chevron-right{
1005                         transform: rotate(90deg);
1006            transition: all .3s ease 0s;
1007            -ms-transition: all .3s ease 0s;
1008            -webkit-transition: all .3s ease 0s;
1009            -moz-transition: all .3s ease 0s;
1010                    }
1011        
1012        ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
1013            right: 12px;
1014            top: 27%;
1015        }
1016
1017        ul.navbar-topmenu.navbar-nav a{
1018            word-wrap: break-word;
1019        }
1020        ul.navbar-topmenu.navbar-nav .more{
1021            display:none !important;
1022        }
1023        .public-topmenu .dropdown.show > a > .arrowCollapse{
1024            transform: rotate(180deg);
1025            -ms-transform: rotate(180deg);
1026            -webkit-transform: rotate(180deg);
1027            -moz-transform: rotate(180deg);
1028        }
1029        .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{
1030            transform: rotate(270deg);
1031            -ms-transform: rotate(270deg);
1032            -webkit-transform: rotate(270deg);
1033            -moz-transform: rotate(270deg);
1034        }
1035        .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
1036            transform: rotate(270deg);
1037            -ms-transform: rotate(270deg);
1038            -webkit-transform: rotate(270deg);
1039            -moz-transform: rotate(270deg);
1040        }
1041        
1042        ul.navbar-topmenu.navbar-nav > li > ul > li > a {
1043             padding-left: 30px !important;
1044        }
1045        ul.navbar-topmenu.navbar-nav ul ul a {
1046            padding-left: 45px !important;
1047        }
1048    }
1049</style>
1050<div class="topwidget-menu">
1051    <ul class="navbar-nav navbar-topmenu public-topmenu">
1052                                    <li class="nav-item ">
1053                    <a class="nav-link abl1"  data-onhome="home" href="/" target="_self">
1054                        à¸«à¸à¹à¸²à¹à¸£à¸ 
1055                    </a>
1056                </li>
1057                                                <li class="nav-item ">
1058                    <a class="nav-link abl1"   href="/category" target="_self">
1059                        à¸ªà¸´à¸à¸à¹à¸² 
1060                    </a>
1061                </li>
1062                                                <li class="nav-item ">
1063                    <a class="nav-link abl1"   href="/contactus" target="_self">
1064                        Contact Us 
1065                    </a>
1066                </li>
1067                                                <li class="nav-item ">
1068                    <a class="nav-link abl1"   href="/hotproducts" target="_self">
1069                        best seller 
1070                    </a>
1071                </li>
1072                                                <li class="nav-item ">
1073                    <a class="nav-link abl1" id="topmenuonpage"  href="/forum" target="_self">
1074                        Webboard 
1075                    </a>
1076                </li>
1077                                                <li class="nav-item topmenuLg">
1078                    <a class="nav-link abl1"   href="/informpayment" target="_self">
1079                        à¹à¸à¹à¸à¸à¸³à¸£à¸°à¹à¸à¸´à¸ 
1080                    </a>
1081                </li>
1082                    
1083        <li class="nav-item dropdown more hidden" data-width="80">
1084            <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)">
1085                à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
1086            </a>
1087            <ul class="dropdown-menu menu-fix-li"></ul>
1088        </li>
1089    </ul>
1090</div>
1091

1092<script>
1093    /*width auto more*/
1094    if (jQuery(window).width() > 1024) {
1095                calcWidth();
1096                var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu  > li.nav-item:visible:last');
1097        last_visible_element.css('border-right', 'none');
1098        
1099    }
1100    function calcWidth() {
1101        var navwidth = 0;
1102        var availablespace = 0;
1103        var logwid = jQuery('#logotop').outerWidth(true);
1104        var defwidth = 0;
1105        var intIsEnableSearchTop = "1";
1106        var intIsEnableCart = "0";
1107        var calAweDropdown = "0";
1108        navwidth = navwidth + parseInt(calAweDropdown);
1109        let isLayoutId = '35';
1110        let fullcontainer = '0';
1111        if (intIsEnableSearchTop == 1) {
1112            defwidth = defwidth + 60;
1113        }
1114
1115        if (intIsEnableCart == 1) {
1116            defwidth = defwidth + 60;
1117        }
1118        if (typeof logwid === "undefined") {
1119            var logwid = 0;
1120        }
1121        if (isLayoutId == '37' || isLayoutId == '38') {
1122            var logwid = 0;
1123        }
1124        
1125        if(fullcontainer=='1'){
1126            var pls_pad = 0;
1127        }else{
1128            var pls_pad = 0;
1129        }
1130
1131        var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17;
1132        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
1133            navwidth += jQuery(this).outerWidth(true);
1134        });
1135        var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 34);
1136        if (navwidth > availablespace) {
1137
1138            var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
1139            var jimwidtest = lastItem.outerWidth(true);
1140
1141            lastItem.removeClass('nav-item');
1142            lastItem.removeClass('dropdown');
1143            lastItem.children('a.nav-link').addClass('dropdown-item');
1144            lastItem.attr('data-width', lastItem.outerWidth(true));
1145
1146            if(jimwidtest>0){
1147                lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li'));
1148            }
1149            delete lastItem;
1150            calcWidth();
1151            return 0;
1152        } else {
1153            if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li').html()!='') {
1154                var firstMoreElement = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu> li.more li').first();
1155                if (navwidth + firstMoreElement.data('width') < availablespace) {
1156                    firstMoreElement.addClass('nav-item');
1157                    firstMoreElement.children('a.nav-link').removeClass('dropdown-item');
1158                    firstMoreElement.removeAttr('data-width'); 
1159                    firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
1160                }
1161                delete firstMoreElement;
1162            }
1163        }
1164
1165        /*hide more*/
1166        if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li').html()!= '') {
1167            var thelastone = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li > li').length;
1168            if (thelastone == 1) {
1169                var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1170                if ((navwidth + firstMoreElement2.width()) < availablespace) {
1171                    firstMoreElement2.addClass('nav-item');
1172                    firstMoreElement2.addClass('topmenuLg');
1173                    firstMoreElement2.children('a.nav-link').removeClass('dropdown-item');
1174                    firstMoreElement2.removeAttr("data-width");
1175                    firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
1176                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
1177                } else {
1178                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1179                }
1180                delete firstMoreElement2;
1181            } else {
1182                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1183            }
1184        } else {
1185            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
1186            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
1187        }
1188            }
1189
1190    function calcWidthAfter() {
1191                        
1192        //affix if reflesh topbar appear
1193        if ($(window).scrollTop() > 0) {
1194            var logwid = 110;
1195        }else{
1196            var logwid = jQuery('#logotop').outerWidth(true);
1197        }
1198        
1199        var navwidth = 0;
1200        var availablespace = 0;
1201        var defwidth = 0;
1202        var serwid = jQuery('#searchtop').outerWidth(true);
1203        var car2id = jQuery('#cart2').outerWidth(true);
1204        var intIsEnableSearchTop = "1";
1205        var intIsEnableCart = "0";
1206        let isLayoutId = '35';
1207        let fullcontainer = '0';
1208        if (intIsEnableSearchTop == 1) {
1209            defwidth = defwidth + serwid;
1210        }
1211
1212        if (intIsEnableCart == 1) {
1213            defwidth = defwidth + car2id;
1214        }
1215        if(fullcontainer=='1'){

1216            var pls_pad = 0;
1217        }else{
1218            var pls_pad = 0;
1219        }
1220        jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg');
1221        /* if (typeof serwid === "undefined") {
1222            var serwid = 0;
1223        } else {
1224            var defwidth = defwidth + serwid;
1225        }
1226
1227        if (typeof car2id === "undefined") {
1228            var car2id = 0;
1229        } else {
1230            var defwidth = defwidth + car2id;
1231        }*/
1232
1233        
1234        if (typeof logwid === "undefined") {
1235            var logwid = 0;
1236        }
1237        if (isLayoutId == '37' || isLayoutId == '38') {
1238            var logwid = 0;
1239        }
1240
1241        var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true);
1242        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
1243            navwidth += jQuery(this).outerWidth(true);
1244        });
1245
1246        /* var availablespace = jQuery('#top-area > #top-sticky > div').width() - morewidth - defwidth - logwid;*/
1247        var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60);
1248        
1249        if (navwidth > availablespace) {
1250            var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
1251            var jimwidtest = lastItem.outerWidth(true);
1252            lastItem.removeClass('nav-item');
1253            lastItem.removeClass('dropdown');
1254            lastItem.children('a.nav-link').addClass('dropdown-item');
1255            lastItem.attr('data-width', lastItem.outerWidth(true));
1256            if (jimwidtest > 0) {
1257                lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul'));
1258            }
1259            delete lastItem;
1260            calcWidthAfter();
1261            return 0;
1262        } else {
1263            if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') {
1264                            }
1265        }
1266
1267        if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') {
1268            var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length;
1269            if (thelast == 1) {
1270                    //remove more à¸à¹à¸²à¹à¸«à¸¥à¸·à¸ 1
1271                    var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1272                    if ((navwidth + firstMoreElement2.width()) < availablespace) {
1273                                                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1274                    } else {
1275                        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1276                    }
1277                    delete firstMoreElement2;
1278            } else {
1279                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1280            }
1281        } else {
1282            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
1283        }
1284
1285        //add class last item menu à¸à¸à¸à¹à¸à¹à¸
1286        jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
1287
1288        jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").on('mouseenter', function(){
1289            var vjim = jQuery(this);
1290            var isfullcontainer = '0';
1291            
1292            if (jQuery('div', this).length) {
1293                var elm = jQuery('.dropdown-menu:first', this);
1294                var off = elm.offset();
1295                var l = off.left;
1296                var w = elm.width();
1297                var num_colm = vjim.find('.menu-column > .each-col').length;
1298                if(isfullcontainer=='1'){
1299                    var docW = jQuery("#top-area > #top-sticky").width();
1300                    var isEntirelyVisible = ((l + w) <= docW);
1301                }else if(isfullcontainer=='0'){
1302                    var docW = jQuery("#top-area > #top-sticky > .container").width();
1303                                        var isEntirelyVisible = ((l + w) <= docW);
1304                }
1305                                if (!isEntirelyVisible && !(vjim.hasClass('more'))){
1306                    var tt_widwi = parseInt(parseInt(l) + parseInt(w));
1307                    var over_wid = parseInt(tt_widwi - docW);
1308                    if(isfullcontainer=='0'){ 
1309                        var containtop = jQuery('#top-area > #top-sticky > .container');
1310                        var r_container = parseInt(containtop.offset().left + containtop.outerWidth());
1311                
1312                        var rw_to_rc = parseInt($(window).width() - r_container);
1313                        var new_left = (tt_widwi - r_container);
1314                    }else if(isfullcontainer=='1'){
1315                        var new_left = ((over_wid)+1);
1316                    }
1317                                        if (jQuery(window).width() > 1181 && jQuery(window).width() < 1200) {

1318                        var setleftnew = ((parseInt(elm.css('left')) - new_left) + 105);
1319                    }else if (jQuery(window).width() > 1081 && jQuery(window).width() < 1181) {
1320                        var setleftnew = ((parseInt(elm.css('left')) - new_left) + 64);
1321                    }else if (jQuery(window).width() > 1025 && jQuery(window).width() < 1081) {
1322                        var setleftnew = ((parseInt(elm.css('left')) - new_left) + 60);
1323                    }else{
1324                        var setleftnew = (parseInt(elm.css('left')) - new_left);
1325                    }
1326                    elm.css('left',setleftnew);
1327                }
1328                if(vjim.hasClass('more')){
1329                    vjim.children('ul.dropdown-menu').addClass('dropdown-menu-right');
1330                }
1331            }
1332        });
1333        jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").on('mouseleave', function(){ 
1334            var elm = jQuery('.dropdown-menu:first', this);
1335            elm.css('left',0);
1336            if(jQuery(this).hasClass('more')){
1337                jQuery(this).children('ul.dropdown-menu').addClass('dropdown-menu-right');
1338            }
1339        });
1340    }
1341    </script>

1341
1342
1343                                    </div>
1344                                </div>
1345                            </div>
1346                                                                            <div class="col-auto col-lg-auto order-lg-1 d-lg-inline-flex align-items-center mr-2 ">
1347                                <div id="searchtop" class="hoverOverlay d-inline-flex align-middle pr-2">
1348                                    <style type="text/css">
1349    div.topSearchBar {
1350        position: absolute;
1351        z-index: 999;
1352        width: 100%;
1353        left: 0;
1354        margin: 0 auto;
1355        max-width: 768px;
1356        right: 0;
1357        top: 100%;
1358    }
1359    @media  only screen and (max-width: 1024px) {
1360        div.topSearchBar {
1361            bottom: unset !important;
1362            top: 56px !important;
1363        }
1364        div.topSearchBarInner {
1365            padding: 15px 15px 15px 15px;
1366        }
1367    }
1368
1369    @media  only screen and (min-width: 1024px) {
1370        div.topSearchBarInner {
1371            padding: 15px 15px 1px 15px;
1372        }
1373    }
1374    div.topSearchBarInner {
1375        background: #FFF;
1376        box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1377        -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1378        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1379    }
1380    div.topSearchBarInner .btn.btn-default {
1381        border-left: 0px !important;
1382    }
1383    div.topSearchBarInner .btn.btn-default:hover {
1384        /*        background: none !important;*/
1385    }
1386    div.topSearchBarInner .form-control:focus {
1387        border-color: inherit !important;
1388    }
1389    .textStringSearchTopWidget, .btnSearchTopWidget {
1390        font-size: 16px;
1391        height: 36px;
1392    }
1393    .aOpenSearchIcon, .aCloseSearchIcon{
1394        font-size: 22px !important;
1395        margin: 0;
1396        line-height: 20px;
1397    }
1398
1399</style>
1400
1401<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;">
1402    <i class="far fa-search fa-fw navbar-fa"></i>
1403</div>

1404<script>
1405    jQuery('input.textStringSearchTopWidget').on('keypress', function (e) {
1406        jQuery('input.textStringSearchTopWidget').val(this.value);
1407        if (e.keyCode == 13) {
1408            clickSearch(jQuery(this).val());
1409        }
1410    });
1411
1412    jQuery('.btnSearchTopWidget').on('click', function () {
1413        var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val();
1414        clickSearch(textStringSearch);
1415    });
1416
1417    jQuery('.aCloseSearchIcon').on('click', function (e) { 
1418        e.preventDefault();
1419        var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val();
1420        if(textStringSearch!=''){
1421            clickSearch(textStringSearch);
1422        }
1423    });
1424    
1425    function clickSearch(textStringSearch) {
1426        if (textStringSearch != '') {
1427            let lpart = '';
1428            let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/');
1429            if(lpart!=''){
1430                document.location.href = '/' + lpart + '/search&text=' + encodedSearch;
1431            }else{
1432                document.location.href = '/search&text=' + encodedSearch;
1433            }
1434        }
1435    }
1436</script>

1436                                </div>
1437                            </div>
1438                                                                    </div>
1439                </div>
1440            </div>
1441        </div>
1442    </nav>
1443</div>
1444<div class="headerMobile">
1445        <style type="text/css">
1446    .navbar-nav .dropdown-menu .dropdown-item {
1447        padding: 6px 20px;
1448    }
1449    @media (max-width: 1024px) {
1450        nav > #top-area > .row {
1451            margin: 0 6px;
1452        }
1453        .navbar-nav .dropdown-menu {
1454            position: relative !important;
1455            transform: translate3d(0px, 0px, 0px) !important;
1456            -webkit-transform: translate3d(0px, 0px, 0px) !important;
1457            top: auto !important;
1458            left: auto !important;
1459            padding: 0;
1460            margin: 0;
1461        }
1462        .navbar-nav .dropdown-menu .dropdown-item {
1463            padding: 9px 15px 9px 15px;
1464        }
1465        .navbar-text {
1466            margin: 0 auto;
1467        }
1468        .navbar-brand {
1469            padding: 4px 8px !important;
1470            font-size: 24px !important;
1471            line-height: 40px !important;
1472            border: none !important;
1473            margin: 0px 4px !important;
1474        }
1475        .navbar-brand span{
1476            line-height: 40px;
1477        }
1478        .navbar-brand img {
1479            /*max-height: 48px;*/
1480            max-height: 44px;
1481            max-width: 100%;
1482            margin: 0 auto;
1483        }
1484    }
1485    @media (max-width: 350px) {
1486        nav > #top-bar {
1487            padding-left: 5px;
1488            padding-right: 5px;
1489        }
1490    }
1491    label[for="mobile-menu"] {
1492        cursor: pointer;
1493        width: 54px;
1494        height: 56px;
1495        position: absolute;
1496        margin: 0;
1497        z-index: 1;
1498    }
1499    @media only screen and (max-width: 1024px) {
1500        .navbar-toggler {
1501            padding: 9px 10px !important;
1502            margin-left: 3px !important;
1503            margin-top: 6px;
1504            margin-right: 0px;
1505            margin-bottom: 6px;
1506            font-size: 16px !important;
1507            height: 44px;
1508        }
1509        div.topwidget-menu > .navbar-nav.navbar-topmenu{
1510            /* max-height: calc(100vh - 220px);
1511            overflow-y: auto; */
1512            overflow-x: hidden;
1513        }
1514        input[type="checkbox"]#mobile-menu:checked ~ label[for="mobile-menu"] {
1515            display: block;
1516            width: auto;
1517            height: auto;
1518            margin: 0 !important;
1519            padding: 0 !important;
1520            position: fixed;
1521            left: 0;
1522            right: 0;
1523            bottom: 0;
1524            top: 0;
1525            background-color: rgba(0,0,0,0.3);
1526            z-index: 998;
1527            transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
1528        }
1529        div.navbar-collapse {
1530            -webkit-transform: translate3d(-300px,0,0);
1531            -moz-transform: translate3d(-300px,0,0);
1532            -ms-transform: translate3d(-300px,0,0);
1533            transform: translate3d(-300px,0,0);
1534            position: fixed;
1535            display: block !important;
1536            left: 0;
1537            top: 0;
1538            margin: 0;
1539            width: 300px;
1540            height: 100vh;
1541            z-index: 999;
1542            visibility: visible;
1543            overflow-y: visible;
1544            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
1545            transition: all .5s cubic-bezier(.685,.0473,.346,1);
1546            overflow-x: hidden;
1547        }
1548
1549        div.section-body{
1550            transition: all .5s cubic-bezier(.685,.0473,.346,1);
1551        }
1552        .openMenu3overflowhide{
1553            overflow-x: hidden;
1554        }
1555        .openMenu3{
1556            -webkit-transform: translate3d(300px,0,0);
1557            -moz-transform: translate3d(300px,0,0);
1558            -ms-transform: translate3d(300px,0,0);
1559            transform: translate3d(300px,0,0);
1560        }
1561
1562        input[type="checkbox"]#mobile-menu {
1563            display: none;
1564        }
1565        ul.navbar-nav.member-nav {
1566            flex-direction: row;
1567        }
1568        ul.navbar-nav.member-nav > li {
1569            flex: 0 0 50%;
1570        }
1571        .navbar-link.cart-nav{
1572            font-size: 22px;
1573        }
1574        .navbar-link.aOpenSearchIcon,.navbar-link.cart-nav{
1575            margin-left: 0px;
1576            margin-top: 0px;
1577            margin-bottom: 0px;
1578            padding: 0px;
1579        }

1580        .widgetCartNumber {
1581            top: -11px;
1582        }
1583    }
1584    nav .navbar-link {
1585        min-width: 40px;
1586    }
1587    nav #top-area {
1588        transition: all 300ms ease;
1589        -webkit-transition: all 300ms ease;
1590        -moz-transition: all 300ms ease;
1591        -o-transition: all 300ms ease;
1592    }
1593    /* widget */
1594    nav #socialnetwork, nav #linewidget {
1595        min-height: 34px;
1596    }
1597    @media only screen and (max-width: 1024px){
1598        .cart-nav, .aOpenSearchIcon{
1599           /* padding-top: 15%;
1600            padding-bottom: 15%;*/
1601        }
1602    }
1603</style>
1604<nav id="topZone" class="navbar-expand-xl">
1605    <div id="top-area">
1606        <div id="top-sticky">
1607            <div class="container-mobile">
1608                                <div class="sb collapse topSearchBar">
1609                    <div class="topSearchBarInner">
1610                        <div class="input-group">
1611                            <input type="text" class="form-control textStringSearchTopWidget" placeholder="à¹à¸ªà¹à¸à¸³à¸à¹à¸à¸«à¸²à¸à¸à¸à¸à¸¸à¸..." />
1612                            <div class="input-group-append">
1613                                <button class="btn border-left-0 rounded-right btn-outline-secondary aCloseSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" type="button">
1614                                    <i class="fas fa-search fa-fw navbar-fa" style="font-size: 16px; vertical-align: initial;"></i>
1615                                </button>
1616                            </div>
1617                        </div>
1618                    </div>
1619                                    </div>
1620                                <div class="row no-gutters justify-content-between">
1621                    <div class="col-auto col-lg-auto d-lg-inline-flex" style="width:100px;">
1622                                                <input type="checkbox" id="mobile-menu">
1623                        <label for="mobile-menu">
1624                        </label>
1625                        <button class="navbar-toggler hamburger hamburger--squeeze" type="button" style="margin-right: 44px;">
1626                            <span class="hamburger-box">
1627                                <span class="hamburger-inner"></span>
1628                            </span>
1629                        </button>
1630                                                <!-- Draw At public_responsive_pseudo_03.php -->
1631                        <!-- <div class="collapse navbar-collapse" id="navbarNavDropdown">
1632                            <div class="divBgtopmenu">
1633                                                                                                                                                                <div class="navbar-text topwidget-menu pl-3">
1634                                                                        <div id="socialnetwork" class="d-inline"></div>
1635                                                                                                            <div id="linewidget" class="d-inline"></div>
1636                                                                    </div>
1637                                                            </div>
1638                        </div> -->
1639                        <!-- Draw At public_responsive_pseudo_03.php -->
1640                    </div>
1641                    <div class="col text-center" style="display: flex;flex-direction: column; justify-content: center;">
1642                                                <!-- <a class="navbar-brand" href="/" style="display:block; /*justify-content: center;*/"> -->
1643                        <a class="navbar-brand" href="/" style="display:block;">
1644                                                        <style>
1645    .logotextmobile{
1646        display: inline-block;
1647        max-width: 200px;
1648        height: 1.5em;
1649        overflow: hidden;
1650        text-overflow: ellipsis;
1651        white-space: nowrap;
1652        color: #000;
1653    }
1654    .logotextmobile span{
1655        /* font-size: 30px !important; */
1656        line-height: 40px !important;
1657    }
1658
1659    @media (max-width: 364.98px) {
1660        .logotextmobile{
1661            max-width: 150px;
1662        }
1663        
1664        .logotextmobile{
1665            max-width: 75px;
1666        }    }
1667
1668    @media (min-width: 365px) and (max-width: 575.98px) {
1669        .logotextmobile{
1670            max-width: 200px;
1671        }
1672        
1673        .logotextmobile{
1674            max-width: 130px;
1675        }                    }
1676
1677    @media (min-width: 576px) and (max-width: 767.98px) {
1678        .logotextmobile{
1679            min-width: calc(400px + 4vw);
1680            max-width: 500px;
1681        }
1682        
1683        .logotextmobile{
1684            max-width: 330px;
1685        }    }
1686
1687    @media (min-width: 768px) and (max-width: 991.98px) {
1688        .logotextmobile{
1689            max-width: 600px;
1690        }
1691        
1692        .logotextmobile{
1693            max-width: 500px;
1694        }            }
1695    @media (min-width: 992px) {
1696        .logotextmobile{
1697            max-width: 800px;
1698        }
1699
1700        .logotextmobile{
1701            max-width: 748px;
1702        }    }
1703
1704
1705</style>
1706
1707                    <img src="https://image.makewebcdn.com/makeweb/m_200x200/qiTozcRZz/attachfile/linkexchange.jpg?v=20240529

17071424" alt="logo" title="logo" class="d-inline-block img-logo"/>
1708                            </a>
1709                                            </div>
1710                                            <div class="col-auto col-lg-auto text-right order-1 order-lg-12 d-lg-inline-flex align-items-center" style="width: 110px; display: flex;flex-direction: row; justify-content: flex-end; ">
1711                            <div id="searchtop" class="hoverOverlay d-inline-flex">
1712                                <style type="text/css">
1713    div.topSearchBar {
1714        position: absolute;
1715        z-index: 999;
1716        width: 100%;
1717        left: 0;
1718        margin: 0 auto;
1719        max-width: 768px;
1720        right: 0;
1721        top: 100%;
1722    }
1723    @media  only screen and (max-width: 1024px) {
1724        div.topSearchBar {
1725            bottom: unset !important;
1726            top: 56px !important;
1727        }
1728        div.topSearchBarInner {
1729            padding: 15px 15px 15px 15px;
1730        }
1731    }
1732
1733    @media  only screen and (min-width: 1024px) {
1734        div.topSearchBarInner {
1735            padding: 15px 15px 1px 15px;
1736        }
1737    }
1738    div.topSearchBarInner {
1739        background: #FFF;
1740        box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1741        -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1742        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
1743    }
1744    div.topSearchBarInner .btn.btn-default {
1745        border-left: 0px !important;
1746    }
1747    div.topSearchBarInner .btn.btn-default:hover {
1748        /*        background: none !important;*/
1749    }
1750    div.topSearchBarInner .form-control:focus {
1751        border-color: inherit !important;
1752    }
1753    .textStringSearchTopWidget, .btnSearchTopWidget {
1754        font-size: 16px;
1755        height: 36px;
1756    }
1757    .aOpenSearchIcon, .aCloseSearchIcon{
1758        font-size: 22px !important;
1759        margin: 0;
1760        line-height: 20px;
1761    }
1762
1763</style>
1764
1765<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;">
1766    <i class="far fa-search fa-fw navbar-fa"></i>
1767</div>

1768<script>
1769    jQuery('input.textStringSearchTopWidget').on('keypress', function (e) {
1770        jQuery('input.textStringSearchTopWidget').val(this.value);
1771        if (e.keyCode == 13) {
1772            clickSearch(jQuery(this).val());
1773        }
1774    });
1775
1776    jQuery('.btnSearchTopWidget').on('click', function () {
1777        var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val();
1778        clickSearch(textStringSearch);
1779    });
1780
1781    jQuery('.aCloseSearchIcon').on('click', function (e) { 
1782        e.preventDefault();
1783        var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val();
1784        if(textStringSearch!=''){
1785            clickSearch(textStringSearch);
1786        }
1787    });
1788    
1789    function clickSearch(textStringSearch) {
1790        if (textStringSearch != '') {
1791            let lpart = '';
1792            let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/');
1793            if(lpart!=''){
1794                document.location.href = '/' + lpart + '/search&text=' + encodedSearch;
1795            }else{
1796                document.location.href = '/search&text=' + encodedSearch;
1797            }
1798        }
1799    }
1800</script>

1800                            </div>
1801                            <div id="cart" class="hoverOverlay hiddenwidget">
1802                                <style type="text/css">
1803    .cart-nav{
1804        margin: 0;
1805    }
1806</style>
1807
1808
1809
1810<a class="navbar-link cart-nav" href="/cart">
1811    <span class="fa-layers fa-fw navbar-fa2">
1812        <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i>
1813            <span class="widgetCartNumber d-none">0</span>
1814    </span>
1815</a>
1816                            </div>
1817                        </div>
1818                                    </div>
1819            </div>
1820        </div>
1821    </div>
1822</nav>

1823<script>
1824jQuery("input[type='checkbox']#mobile-menu").change(function() {
1825    if (jQuery(this).is(':checked')) {
1826        jQuery('.section-body').addClass('openMenu3');
1827        jQuery('.section-container').addClass('openMenu3overflowhide');
1828        jQuery('.navbar-toggler.hamburger.hamburger--squeeze').attr('aria-expanded','true');
1829        jQuery('body').css('overflow-y','hidden'); //lockbody
1830    } else {
1831        jQuery('.section-body').removeClass('openMenu3');
1832        jQuery('.section-container').removeClass('openMenu3overflowhide');
1833        jQuery('.navbar-toggler.hamburger.hamburger--squeeze').removeAttr('aria-expanded');
1834        jQuery('body').css('overflow-y',''); //unlockbody
1835    }
1836});
1837</script>

1837
1838</div>

1839<script>
1840    jQuery('.widgetCartNumber').hide();
1841    jQuery(document).ready(function () {
1842        jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]').click(function (event) {
1843            // event.preventDefault();
1844            jQuery(this).blur();
1845            if (jQuery(this).attr('class') == 'abl1') {
1846                jQuery(this).attr('id', 'topmenuonpage');
1847            } else if (jQuery(this).attr('class') == 'abl2') {
1848                jQuery(this).attr('id', 'topmenusubonpage');
1849            }
1850        });
1851
1852        jQuery('a').click( function(e) {
1853            var targetSelector = this.hash
1854            if(targetSelector) {
1855                e.stopImmediatePropagation();
1856
1857                var $target = $(targetSelector);
1858                var iscls = $(targetSelector).attr('class'); //targethash //fttargethash
1859                // Animate the scroll to the destination...
1860                if(iscls==='fttargethash'){
1861                    var tr_po = 0;
1862                }else{
1863                    var tr_po = $target.offset().top;
1864                }
1865                $('html, body').animate(
1866                    {
1867                        scrollTop: tr_po // Scroll to this location.
1868                    }, {
1869                        // Set the duration long enough to allow time
1870                        // to lazy load the elements.
1871                        duration: 1000,
1872
1873                        // At each animation step, check whether the target has moved.
1874                        step: function( now, fx ) {
1875
1876                            // Where is the target now located on the page?
1877                            // i.e. its location will change as images etc. are lazy loaded
1878                            if ($(window).width() > 1024) {
1879                                if(iscls==='fttargethash'){
1880                                    var newOffset = 0;
1881                                }else{
1882                                    var h_top_sticky = 0;
1883                                    // top bar space for calculations scroll position
1884                                    var viewable = isElementInView($('#top-sticky'))
1885                                    jQuery('.targethash').css('top', '0px');
1886                                    if(viewable){
1887                                        h_top_sticky = $('#top-sticky').height();
1888                                    }
1889                                    var newOffset = $target.offset().top - h_top_sticky;
1890                                }
1891                               // var newOffset = $target.offset().top - 70;
1892                            }else{
1893                                var newOffset = $target.offset().top;
1894                            }
1895                            // If where we were originally planning to scroll to is not
1896                            // the same as the new offset (newOffset) then change where
1897                            // the animation is scrolling to (fx.end).
1898                            if(fx.end !== newOffset)
1899                                fx.end = newOffset;
1900                        }
1901                    }
1902                );
1903            }
1904        })
1905
1906        // check element is visible in current windows display
1907        function isElementInView(element) {
1908            var $window = $(window);
1909            var windowHeight = $window.height();
1910            var windowWidth = $window.width();
1911            var rect = element.get(0).getBoundingClientRect();
1912
1913            return (
1914                rect.top >= 0 && rect.top <= windowHeight &&
1915                rect.left >= 0 && rect.left <= windowWidth
1916            );
1917        }
1918
1919        jQuery('.navbar-topmenu.public-topmenu a[data-onhome]').click(function (event) {
1920            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
1921                $('html,body').animate({
1922                    scrollTop: 0
1923                }, 1800);
1924                return false;
1925            }
1926        });
1927        var aChildren = jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]');
1928        var highlinow = jQuery('.navbar-topmenu.public-topmenu a#topmenuonpage');
1929        var highlinowLv2 = jQuery('.navbar-topmenu.public-topmenu a#topmenusubonpage');

1930        var stickyHeaderhi = jQuery('#menutop').height() + 75;
1931
1932        var aArray = [];
1933        for (var i = 0; i < aChildren.length; i++) {
1934            var aChild = aChildren[i];
1935            var ahref = jQuery(aChild).attr('href');
1936            var res = ahref.split("#");
1937            var last_hash = res[res.length - 1];
1938            aArray.push(last_hash);
1939        }
1940
1941        jQuery('.widgetCartNumber').show();
1942
1943        jQuery(window).scroll(function () {
1944            var windowPos = jQuery(window).scrollTop();
1945            var windowHeight = jQuery(window).height();
1946            var docHeight = jQuery(document).height();
1947            for (var i = 0; i < aArray.length; i++) {
1948                var theID = aArray[i];
1949                if (jQuery('#' + theID).length > 0) {
1950                    if (jQuery('#' + theID).data('orderbox') == 'onest') {
1951                        /* if firstbox */
1952                        var divPos = jQuery('#' + theID).offset().top - stickyHeaderhi;
1953                        var divHeight = jQuery('#' + theID).height();
1954                    } else {
1955                        /* if non first */
1956                        var divPos = jQuery('#' + theID).parent().offset().top - stickyHeaderhi;
1957                        var divHeight = jQuery('#' + theID).parent().height();
1958                    }
1959                    if (windowPos >= divPos && windowPos < (divPos + divHeight)) {
1960                        highlinow.removeAttr('id');
1961                        highlinowLv2.removeAttr('id');
1962                        if (jQuery("a.abl1[data-onpage-link='" + theID + "']").length > 0) {
1963                            jQuery("a.abl1[data-onpage-link='" + theID + "']").attr('id', 'topmenuonpage');
1964                        }
1965                        if (jQuery("a.abl2[data-onpage-link='" + theID + "']").length > 0) {
1966                            jQuery("a.abl2[data-onpage-link='" + theID + "']").attr('id', 'topmenusubonpage');
1967                        }
1968                    } else {
1969                        jQuery("a.abl1[data-onpage-link='" + theID + "']").removeAttr('id');
1970                        jQuery("a.abl2[data-onpage-link='" + theID + "']").removeAttr('id');
1971                        if (jQuery("a[data-onpage-link][id='topmenuonpage']").length < 1 && jQuery("a[data-onpage-link][id='topmenusubonpage']").length < 1) {
1972                            if (highlinow.length > 0) {
1973                                highlinow.attr('id', 'topmenuonpage');
1974                            }
1975                            if (highlinowLv2.length > 0) {
1976                                highlinowLv2.attr('id', 'topmenusubonpage');
1977                            }
1978                        }
1979                    }
1980                }
1981            }
1982            if (windowPos + windowHeight == docHeight) {
1983                /* last position */
1984                var lastsectionl1 = jQuery("a.targethash").parent().parent('#section-content').find('div:not(.insadsbygoogle) > a').last().attr('id');
1985                //L1
1986                if (jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").length > 0) {
1987                    highlinow.removeAttr('id');
1988                    jQuery('a.abl1#topmenuonpage').removeAttr('id');
1989                    jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenuonpage');
1990                }
1991                //L2 L3
1992                if (jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").length > 0) {
1993                    highlinowLv2.removeAttr('id');
1994                    jQuery('a.abl2#topmenusubonpage').removeAttr('id');
1995                    jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenusubonpage');
1996                }
1997            }
1998        });
1999
2000    });
2001
2002    //!navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) &&
2003    if (screen.width > 1024) { // is desktop
2004        var isSubmenuLv2Overflow = 0;
2005        var isSubmenuLv3Overflow = 0;
2006        var elem_headerDesktop = document.getElementsByClassName("headerDesktop")[0];
2007        var elem_topmenu = elem_headerDesktop.getElementsByClassName("navbar-topmenu")[0];
2008        var sectionHeader = document.getElementById("section-header");
2009        var arr_li_lv1 = elem_topmenu.getElementsByClassName("nav

2009-item dropdown"); // li (Lv1) (has submenu)
2010        if (arr_li_lv1.length > 0) {
2011            // console.log(arr_li_lv1);
2012            for (i = 0; i < arr_li_lv1.length; i++) {
2013                var li_lv1 = arr_li_lv1[i];
2014                var arr_child_li_lv1 = li_lv1.children; // a, ui.dropdown-menu
2015                if (arr_child_li_lv1.length > 0) {
2016
2017                    for (j = 0; j < arr_child_li_lv1.length; j++) {
2018                        if (arr_child_li_lv1[j].classList.contains('dropdown-menu')) { // ui.dropdown-menu
2019                            var ui_lv2 = arr_child_li_lv1[j];
2020                            var arr_li_lv2 = ui_lv2.children; // li (Lv2)
2021                            var length_li_lv2 = arr_li_lv2.length;
2022
2023                            // get heightest dropdown-menu
2024                            var maxHeight = 0;
2025                            $('.dropdown-menu').each(function() {
2026                                var height = $(this).outerHeight();
2027                                if (height > maxHeight) {
2028                                    maxHeight = height;
2029                                }
2030                            });
2031
2032                            if (maxHeight > screen.height) {
2033                                isSubmenuLv2Overflow += 1;
2034                            }
2035                            
2036                            //LV 3 LIMITED EDITION
2037                            if (arr_li_lv2.length > 0) {
2038                                for (k = 0; k < arr_li_lv2.length; k++) {
2039                                    if (arr_li_lv2[k].children.length > 1) {
2040                                        if (arr_li_lv2[k].children[1].classList.contains('dropdown-menu')) { // ui.dropdown-menu
2041                                            //k = à¸à¸³à¹à¸«à¸à¹à¸à¸à¸µà¹à¸¡à¸µ ul
2042                                            var posiUllv3 = k;
2043                                            var arr_li_lv3 = arr_li_lv2[k].children[1]; // li (Lv2)
2044                                            var obj_li_lv3 = arr_li_lv3.children;
2045                                            var length_li_lv3 = obj_li_lv3.length;
2046                                            var limiLv3High = length_li_lv3 + k;
2047
2048                                            if (screen.height >= 1440 && screen.height < 2880 && limiLv3High > 34) { // height:1440
2049                                                isSubmenuLv3Overflow += 1;
2050                                            } else if (screen.height >= 1080 && screen.height < 1440 && limiLv3High > 20) { // height:1080
2051                                                isSubmenuLv3Overflow += 1;
2052                                            } else if (screen.height >= 768 && screen.height < 1080 && limiLv3High > 14) { // height:768
2053                                                isSubmenuLv3Overflow += 1;
2054                                            } else if (screen.height >= 500 && screen.height < 768 && limiLv3High > 10) { // w:768
2055						isSubmenuLv3Overflow += 1;
2056                                            }
2057
2058                                        }
2059                                    }
2060                                }
2061                            }
2062
2063
2064                        }
2065                    }
2066                }
2067
2068            }
2069        }
2070
2071        if (isSubmenuLv2Overflow > 0) { // no stricky
2072            sectionHeader.classList.remove('sps');
2073            sectionHeader.classList.remove('sps--abv');
2074            sectionHeader.classList.remove('sps--blw');
2075        }
2076        //if lavel 3 is Too Damn High
2077        if (isSubmenuLv3Overflow > 0) { // no stricky
2078            sectionHeader.classList.remove('sps');
2079            sectionHeader.classList.remove('sps--abv');
2080            sectionHeader.classList.remove('sps--blw');
2081        }
2082
2083        //if screen height not than 1080 disable
2084        jQuery(window).ready(function () {
2085            setTimeout(() => {
2086                if ($(window).height() > jQuery('#section-content').height() + jQuery('#section-footer').height()) {
2087                    sectionHeader.classList.remove('sps');
2088                    sectionHeader.classList.remove('sps--abv');
2089                    sectionHeader.classList.remove('sps--blw');
2090                }
2091            }, 200);
2092        });
2093    }
2094</script>

2094
2095                </div>
2096                <!-- <div id="section-content" style=""> -->
2097                <div id="section-content">
2098                                                                        <div class="container">
2099                                <div class="row">
2100                                    <!-- <div class="">-->
2101                                                                
2102<style type="text/css">
2103    /* reveal */
2104    @media only screen and (min-width: 1200px) {
2105        .reveal { background-attachment: fixed !important; }
2106    }
2107    /* rellax */
2108    .rellax-view { position: relative; overflow: hidden; }
2109    .rellax { position: absolute; width: 100%; top: 0px; bottom: 0px; left: 0; right: 0; }
2110    .marginBottomSpace {
2111        
2112        margin-bottom: 20px;
2113    }
2114    .img-responsive{margin:auto;}
2115    @media only screen and (max-width: 767px){
2116        .maginBottomCaption{
2117            margin-bottom: 40px;
2118        }
2119        .maginBottomCaptionmini{
2120            margin-bottom: 15px;
2121        }
2122        .marginBottomSpaceMobile{
2123            margin-bottom: 20px;
2124        }
2125        .coverslidebox{
2126            padding: 0px 0px;
2127        }
2128    }
2129    @media only screen and (min-width: 768px){
2130        .maginBottomCaption{
2131            margin-bottom: 0px;
2132        }
2133        .maginBottomCaptionmini{
2134            margin-bottom: 0px;
2135        }
2136        .marginBottomSpaceMobile{
2137            margin-bottom: 0px;
2138        }
2139        .coverslidebox{
2140            padding: 0px 15px;
2141        }
2142        .textlayout-maxwidth{
2143            max-width: 585px;
2144        }
2145        .textlayout-marlauto{
2146            margin-left: auto;
2147        }
2148    }
2149    .noImgSimpleBG{
2150        background-color:#E1E4E9;
2151    }
2152    .box-not-overflow{
2153        overflow: hidden;
2154    }
2155    .play-button {
2156        left: 50%;
2157        top: 50%;
2158        width: 72px;
2159        height: 64px;
2160        margin-left: -36px;
2161        margin-top: -32px;
2162        z-index: 1;
2163        color: #212121;
2164        opacity: 0.85;
2165    }
2166    .play-button:hover,
2167    .play-button:hover::before {
2168        opacity: 1;
2169        color: #f00;
2170    }
2171    .play-button .fa-youtube {
2172        font-size: 64px;  
2173    }
2174    .play-button:before {
2175        content: "";
2176        width: 0;
2177        height: 0;
2178        border-top: 11px solid transparent;
2179        border-left: 20px solid #ffffff;
2180        border-bottom: 11px solid transparent;
2181        position: absolute;
2182        top: 21px;
2183        left: 29px;
2184    } 
2185    .wrapper .youtube {
2186	    background-color: #000;
2187	    position: relative;
2188	    padding-top: 56.25%;
2189	    overflow: hidden;
2190	    cursor: pointer
2191    }
2192
2193    .wrapper .youtube img {
2194	    width: 100%;
2195        top: -16.82%;
2196        left: 0;
2197        max-height: none !important;
2198        opacity: .7
2199    }
2200    .wrapper .youtube .play-button,
2201    .wrapper .youtube img {
2202        cursor: pointer
2203    }
2204
2205    .wrapper .youtube .play-button,
2206    .wrapper .youtube .play-button:before,
2207    .wrapper .youtube iframe,
2208    .wrapper .youtube img {
2209        position: absolute
2210    }
2211    .wrapper .youtube iframe {
2212        height: 100%;
2213        width: 100%;
2214        top: 0;
2215        left: 0
2216    }
2217    @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) {
2218        a.targethash{
2219            top: -112px;
2220        }
2221    }
2222</style>
2223        <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;">
2224                    </div>
2225                <style type="text/css">
2226            @media only screen and (min-width: 768px) {
2227                .divPageTitle {
2228                                            margin-bottom: 40px;
2229                                                                margin-top: 40px;
2230                                    }
2231                .divPageDescription {
2232                    margin-bottom: 40px;
2233                    margin-top: 40px;
2234                    word-wrap: break-word;
2235                }
2236                .divPageData {
2237                                                                        margin-top: 10px;
2238                                                                margin-bottom: 60px;
2239                }
2240            }
2241            @media  only screen and (max-width: 767px) {
2242                .divPageTitle {
2243                    margin-bottom: 40px;
2244                                            margin-top: 40px;
2245                                    }
2246                .divPageDescription {
2247                    margin-bottom: 40px;
2248                    margin-top: 40px;
2249                    word-wrap: break-word;
2250                }
2251                .divPageData {
2252                                            margin-top: 10px;
2253                                        margin-bottom: 60px;
2254                }
2255            }
2256
2257        </style>
2258                            <div class="container">
2259                        <style type="text/css">
2260    .divTopicPanel{ padding-bottom: 20px; }
2261    .divPageBreak{ padding: 20px 0 30px 0; }
2262    .h3.forumTopic { margin: 0; }
2263    .pReportMessage { text-align: right; }
2264    .divFormReply { border: 1px solid #DADADA; border-radius: 5px; }
2265    .divFormReplyInner { padding: 10px; }
2266    .divColForum{ }
2267    .divError{ color: #E62828; }
2268    .borderError{ border-color: #E62828; }
2269    .divAllErrorPanel{ margin-bottom: 200px; }
2270    @media (max-width: 767px) {
2271        .pReportMessage { text-align: right; }
2272        .padding-0-xs { padding: 0; }
2273    }
2274    @media only screen and (min-width: 768px) and (max-width: 992px) {
2275        .divFormReply { border: none; border-radius: 0; }
2276        .pReportMessage { text-align: left; }
2277        .divFormReplyInner { padding: 0 5px; }
2278    }
2279
2280    .pageForumTopic .boxMessage {
2281        padding: 0;
2282        margin-bottom: 5px;
2283    }
2284    .pageForumTopic .user-data {
2285        margin-bottom: 5px;
2286    }
2287    .pageForumTopic .user-mail {
2288        font-size: 14px;
2289    }
2290    .pageForumTopic .mb-0 {
2291        margin-bottom: 0;
2292    }
2293    .pageForumTopic .divShowMessage img {
2294        max-width: 100% !important;
2295    }
2296    @media only screen and (max-width: 767px) {
2297        .pageForumTopic {
2298            margin-top: 20px;
2299            margin-bottom: 60px;
2300        }
2301    }
2302    .boxContent {
2303        padding: 15px;
2304    }
2305    .boxHeader{
2306        padding: 15px;
2307    }
2308    .boxCard{
2309        margin-bottom: 15px;
2310    }
2311    .pageForumTopic p,
2312    .pageForumTopic a,
2313    .pageForumTopic .p {
2314        font-size: 16px;
2315    }
2316    .pageForumTopic .divError,
2317    .pageForumTopic .help-block,
2318    .pageForumTopic small{
2319        font-size: 14px;
2320    }
2321
2322</style>
2323<div class="row">
2324    <div class="col-12 p-0">
2325        <div class="divPageData pageForumTopic pageConfig">
2326            <div class="theme-main">
2327                <input type="hidden" class="hiddenTopicID" name="hiddenTopicID" value="209782" />
2328
2329                <div class="boxCard theme-font border rounded" style="padding: 0;">
2330                    <div class="boxContent">
2331                        <div class="row">
2332                            <div class="col-12">
2333                                <p class="mb-0"><a href='/forum//'>à¸à¸£à¸°à¸à¸²à¸à¸ªà¸à¸à¸à¸²</a>&nbsp;&gt;&nbsp;<a href='/forum/room/6/à¸ªà¸à¸à¸à¸²à¸à¸±à¹à¹à¸'>à¸ªà¸à¸à¸à¸²à¸à¸±à¹à¹à¸</a>&nbsp;&gt;&nbsp;<a href='/forum/topic/209782/how-to-get-help-with-netflix-account--amp;-streaming-issues-in-australia'>How to Get Help With Netflix Account &amp; Streaming Issues in Australia</a></p>
2334                            </div>
2335                        </div>
2336                    </div>
2337                </div>
2338
2339                                                            <div class="boxCard theme-font boxMessage border rounded">
2340                            <div class="boxContent">
2341                                <div class="row">
2342                                    <div class="col-12 col-md-3 col-lg-2 d-none d-md-block">
2343                                        <img class="user-data" src="https://webbuilder44.makewebeasy.com//images/icon/noimage-member.jpg?v=20240529

23431424" alt="Helpdeskaustralia" />
2344                                        <p class="user-data"><strong>Helpdeskaustralia</strong></p>
2345                                        <h5 class="user-data"><span class="badge badge-light">à¸à¸¹à¹à¹à¸¢à¸µà¹à¸¢à¸¡à¸à¸¡</span></h5>
2346                                                                                    <p class="user-data"><span class="theme-text-2 "><small>[email protected]</small></span></p>
2347                                                                            </div>
2348                                    <div class="col-12 col-md-9 col-lg-10">
2349                                        <div class="row">
2350                                            <div class="col-12 col-lg-9 divForumTopic">
2351                                                <p class="forumTopic h3 p">
2352                                                    <i class='color07 fas fa-comments fa-fw'></i>&nbsp;&nbsp;How to Get Help With Netflix Account &amp; Streaming Issues in Australia                                                    <span class="p">(4&nbsp;à¸à¹à¸²à¸)</span>
2353                                                </p>
2354                                                <p class="theme-text-2">
2355                                                    <small>24 à¸.à¸¢. 2569 16:08</small>
2356                                                </p>
2357                                            </div>
2358                                            <div class="col-12 col-lg-3">
2359                                                <p class="pReportMessage"><a class="aReportTopic" href="javascript:void(0);">à¹à¸à¹à¸à¸¥à¸</a></p>
2360                                            </div>
2361                                        </div>
2362                                        <div class="row">
2363                                            <div class="col-12 divColForum divShowMessage">
2364                                                <p>I&amp;rsquo;ve noticed that many Netflix users experience common issues such as login problems, password recovery, buffering, playback errors, subscription questions, or app-related difficulties. Those searching for <strong><a href="https://www.helpdesk-australia.com/blog/netflix-support-number-australia.html" target="_blank">Netflix Support Number Australia</a></strong> +61-180-086-8603 can find general third-party guidance for understanding these concerns and trying basic troubleshooting steps. Checking the internet connection, restarting the device, updating the app, clearing stored data, or signing in again may help with some common problems. Helpdesk Australia is an independent third-party service and is not affiliated with Netflix. For official assistance, users should also check the Netflix Help Center.</p>
2365                                            </div>
2366                                                                                            <div class="col-12 divColForum text-right">
2367                                                    <p class="theme-text-2">119.82.94.174</p>
2368                                                </div>
2369                                                                                    </div>
2370                                    </div>
2371                                    <div class="col-12 d-md-none">
2372                                        <div class="row">
2373                                            <div class="col-3" style="padding-right: 0;">
2374                                                <img src="https://webbuilder44.makewebeasy.com//images/icon/noimage-member.jpg?v=202405291424" alt="Helpdeskaustralia" />
2375                                            </div>
2376                                            <div class="col-9" style="padding-left: 5px;">
2377                                                <p class="user-data"><strong>Helpdeskaustralia</strong></p>
2378                                                <p class="user-data"><small><span class="badge badge-light">à¸à¸¹à¹à¹à¸¢à¸µà¹à¸¢à¸¡à¸à¸¡</span></small></p>
2379                                                                                                    <p class="user-data"><span class="theme-text-2"><small>[email protected]</small></span></p>
2380                                                                                            </div>
2381                                        </div>
2382                                    </div>
2383                                </div>
2384                            </div>
2385                        </div>
2386                    
2387                    
2388                    <div class="row">
2389                        <div class="col-12 divPageBreak text-center">
2390                            
2391                        </div>
2392                    </div>
2393
2394                                            <div class="boxCard theme-font border rounded">
2395                            <div class="boxHeader">
2396                                <div class="row">
2397                                    <div class="col-12">

2398                                        <span class="h3 p">à¸à¸à¸à¸à¸£à¸°à¸à¸¹à¹</span>
2399                                    </div>
2400                                </div>
2401                            </div>
2402                            <div class="boxContent" style="padding-top: 0;">
2403                                <div class="row">
2404                                    <div class="col-12 divReplyTopic">
2405

2405<script src="/include/tinymce/tinymce.min.js?v=202604291000"></script>

2405
2406<style type="text/css">
2407    .divTinyEditorPanel{ padding: 0px 15px; }
2408    .divForumReplyLabel{ text-align: right; }
2409    @media (max-width: 767px) {
2410        .divForumReplyLabel{ text-align: left; }
2411    }
2412    .label-reply,.form-control-plaintext{
2413        font-size: 16px;
2414    }
2415    .help-block,.divError{
2416        font-size: 14px;
2417    }
2418</style>
2419
2420<form name="formForumReply" id="formForumReply" method="post" action="" class="form-horizontal" role="form">
2421    <div class="divComponentDetail theme-font">
2422        <div class="form-group row">
2423            <div class="col-12">
2424                <textarea class="form-control" rows="5" id="replayMessage"
2425                          name="replayMessage" ></textarea>
2426                <div class="divError" id="divError_replayMessage"></div>
2427            </div>
2428        </div>
2429        <div class="form-group row">
2430            <label for="replyPoster" class="col-md-2 col-form-label font-weight-bold label-reply">à¸à¸·à¹à¸à¸à¸¹à¹à¹à¸à¸ª <span class="text-danger">*</span></label>
2431            <div class="col-md-4">
2432                <input class="form-control" type="text" name="replyPoster" id="replyPoster" value="" />
2433                <div class="divError" id="divError_replyPoster"></div>
2434            </div>
2435        </div>
2436        <div class="form-group row">
2437            <label for="replyPosterEmail" class="col-md-2 col-form-label font-weight-bold label-reply">à¸à¸µà¹à¸¡à¸¥ <span class="text-danger">*</span></label>
2438            <div class="col-md-4">
2439                                    <input class="form-control " type="email" name="replyPosterEmail" id="replyPosterEmail" value="" />
2440                    <div class="divError" id="divError_replyPosterEmail"></div>
2441                            </div>
2442        </div>
2443        <div class="form-group row">
2444            <div class="col-md-4 offset-md-2">
2445                <div class="mwe-captcha" id="captcha_forum_reply">
2446                    <div class="row">
2447                        <div class="col-md-12">
2448                            <div class="text-left">
2449                                <label id="captchaOperation" class="captchaOperation p textDefault16"></label>
2450                            </div>
2451                        </div>
2452                        <div class="col-md-12">
2453                            <div class="input-group">
2454                                <input type="text" class="form-control captchaInput" id="replyCaptcha" name="captcha" />
2455                                <div class="input-group-append">
2456                                    <button class="btn rounded-right captchaRefresh" type="button" id="replyCaptchaRefresh"><i class="fas fa-sync-alt"></i></button>
2457                                </div>
2458                            </div>
2459                        </div>
2460                        <div class="col-md-12 defaultTop">
2461                            <div class="divError" id="divError_replyCaptcha"></div>
2462                        </div>
2463                    </div>
2464                </div>
2465            </div>
2466        </div>
2467        <div class="form-group row">
2468            <div class="col-md-4 offset-md-2">
2469                <button type="button" id="buttonReply" class="btn btn-style btnAction">
2470                    <i class="fas fa-check"></i>&nbsp;à¸à¸à¸à¸à¸¥à¸±à¸                </button>
2471            </div>
2472        </div>
2473    </div>
2474    <input type="hidden" name="replyRoomID" id="replyRoomID" value="6" />
2475    <input type="hidden" name="replyTopicID" id="replyTopicID" value="209782" />
2476    <input type="hidden" name="isConfirm" id="isConfirm" value="0" />
2477</form>
2478

2479<script type="text/javascript">
2480    jQuery(document).ready(function () {
2481        tinymce.init({
2482            selector: "#replayMessage",
2483            plugins: [
2484                "bbcode",
2485                "link image",
2486                "code",
2487                "emoticons textcolor colorpicker textpattern"
2488            ],
2489            toolbar: "bold italic underline | forecolor | link image emoticons ",
2490            content_css: "/include/tinymce/tinnymceForm.css",
2491            menubar: false,
2492            statusbar: false,
2493            setup: function (editor) {
2494                editor.on('blur', function (e) {
2495                    validateReply("editer", "replayMessage");
2496                });
2497            }
2498        });
2499    });
2500</script>

2500
2501                                    </div>
2502                                </div>
2503                            </div>
2504                        </div>
2505                                                </div>
2506        </div>
2507    </div>
2508</div>
2509

2510<script type="text/javascript">
2511    var javascript_label = {"replayMessageNull":"\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e15\u0e2d\u0e1a\u0e01\u0e25\u0e31\u0e1a","replyPosterNull":"\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e42\u0e1e\u0e2a","replyPosterEmailFormat":"\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e44\u0e21\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07","securityReplyNull":"\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c","securityReplyIncorrect":"Security code \u0e44\u0e21\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07","spam":"\u0e02\u0e2d\u0e2d\u0e20\u0e31\u0e22 \u0e04\u0e38\u0e13\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e2d\u0e13\u0e38\u0e0d\u0e32\u0e15\u0e43\u0e2b\u0e49\u0e15\u0e2d\u0e1a\u0e01\u0e23\u0e30\u0e17\u0e39\u0e49","success":"\u0e02\u0e2d\u0e1a\u0e04\u0e38\u0e13\u0e17\u0e35\u0e48\u0e23\u0e48\u0e27\u0e21\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32"};
2512
2513    jQuery(document).ready(function() {
2514        generateCaptchaifpm('forum_reply');
2515
2516        jQuery("#replyCaptchaRefresh").on("click", function() {
2517            generateCaptchaifpm('forum_reply');
2518        });
2519    });
2520
2521    jQuery(".aReportTopic").on("click", function () {
2522        var roomID = 6;
2523        var topicID = jQuery(".hiddenTopicID").val();
2524        showModalBS(1, '/page/page_forum/dialogReportController.php?type=topic&roomID=' + roomID + '&topicID=' + topicID, 'medium');
2525    });
2526
2527    jQuery(".aReportMessage").on("click", function () {
2528        var roomID = 6;
2529        var topicID = jQuery(".hiddenTopicID").val();
2530        var messageID = jQuery(this).parent().find(".hiddenMessageID").val();
2531        showModalBS(1, '/page/page_forum/dialogReportController.php?type=message&roomID=' + roomID + '&topicID=' + topicID + '&messageID=' + messageID, 'medium');
2532    });
2533
2534    jQuery("#replyPoster").on("blur", function () {
2535        validateReply("textNull", "replyPoster");
2536    });
2537    
2538    jQuery("#replyPosterEmail").on("blur", function () {
2539        validateReply("emailFormat", "replyPosterEmail");
2540    });
2541
2542    jQuery("#replyCaptcha").on("blur", function () {
2543        validateReply("textNull", "replyCaptcha");
2544    });
2545
2546    jQuery("#buttonReply").on("click", function () {
2547        var checkedStatus = checkAllErrorReply();
2548        var roomID = jQuery("#replyRoomID").val();
2549        var topicID = jQuery("#replyTopicID").val();
2550        var isConfirm = jQuery("#isConfirm").val();
2551        if (checkedStatus === false) {
2552            jQuery("#buttonReply").addClass("disabled");
2553        } else {
2554            jQuery("#buttonReport").removeClass("disabled");
2555            jQuery.ajax({
2556                type: "POST",
2557                url: '/page/page_forum/ajaxForumController.php',
2558                data: {
2559                    type: 'reply',
2560                    roomID: roomID,
2561                    topicID: topicID,
2562                    isConfirm: isConfirm,
2563                    replyPoster: jQuery("#replyPoster").val(),
2564                    replyPosterEmail: jQuery("#replyPosterEmail").val(),
2565                    replyMessage: tinyMCE.activeEditor.getContent(),
2566                    captcha: jQuery("#replyCaptcha").val(),
2567                },
2568                success: function (returnData) {
2569                    if (returnData === "1") {
2570                        bootbox.alert(javascript_label['success'], function () {
2571                            document.location.href = "/forum/topic/209782/how-to-get-help-with-netflix-account--amp;-streaming-issues-in-australia";
2572                        });
2573                    } else {
2574                        bootbox.alert(javascript_label['spam'], function () {
2575                        });
2576                    }
2577                }
2578
2579            });
2580        }
2581    });
2582
2583    function checkEmailFormatReply(email) {
2584        var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
2585        return filter.test(email);
2586    }
2587
2588    function checkAllErrorReply() {
2589        var chk_reportDetail = validateReply("editer", "replayMessage");
2590        var chk_reportName = validateReply("textNull", "replyPoster");
2591        var chk_reportEmail = validateReply("emailFormat", "replyPosterEmail");
2592        var chk_reportcaptcha = validateReply("textNull", "replyCaptcha");
2593        if (chk_reportDetail === true && chk_reportName === true && chk_reportEmail === true && chk_reportcaptcha === true) {
2594            return true;
2595        } else {
2596            return false;

2597        }
2598    }
2599
2600    function validateReply(type, objectid) {
2601        var objectvalue = jQuery.trim(jQuery('#' + objectid).val());
2602
2603        if (type === "textNull") {
2604            jQuery('#' + objectid).val(objectvalue);
2605            var texterror = javascript_label[objectid + "Null"];
2606
2607            if (objectvalue === "") {
2608                jQuery("#" + objectid).addClass('borderError');
2609                jQuery("#divError_" + objectid).html(texterror);
2610                jQuery("#divError_" + objectid).show();
2611                jQuery("#buttonReply").addClass("disabled");
2612                return false;
2613            } else {
2614                jQuery("#" + objectid).removeClass('borderError');
2615                jQuery("#divError_" + objectid).html('');
2616                jQuery("#divError_" + objectid).hide();
2617                jQuery("#buttonReply").removeClass("disabled");
2618                return true;
2619            }
2620        } else if (type === "editer") {
2621            var replyContent = tinyMCE.activeEditor.getContent();
2622            var objectvalue = jQuery.trim(replyContent);
2623            var texterror = javascript_label[objectid + "Null"];
2624
2625            if (objectvalue === "") {
2626                jQuery(".mce-panel").addClass('borderError');
2627                jQuery("#divError_" + objectid).html(texterror);
2628                jQuery("#divError_" + objectid).show();
2629                jQuery("#buttonReply").addClass("disabled");
2630                return false;
2631            } else {
2632                jQuery(".mce-panel").removeClass('borderError');
2633                jQuery("#divError_" + objectid).html('');
2634                jQuery("#divError_" + objectid).hide();
2635                jQuery("#buttonReply").removeClass("disabled");
2636                return true;
2637            }
2638        } else if (type === "emailFormat") {
2639            jQuery('#' + objectid).val(objectvalue);
2640            var texterror = javascript_label[objectid + "Format"];
2641
2642            if (checkEmailFormatReply(objectvalue) === false) {
2643                jQuery("#" + objectid).addClass('borderError');
2644                jQuery("#divError_" + objectid).html(texterror);
2645                jQuery("#divError_" + objectid).show();
2646                jQuery("#buttonReply").addClass("disabled");
2647                return false;
2648            } else {
2649                jQuery("#" + objectid).removeClass('borderError');
2650                jQuery("#divError_" + objectid).html('');
2651                jQuery("#divError_" + objectid).hide();
2652                jQuery("#buttonReply").removeClass("disabled");
2653                return true;
2654            }
2655        }
2656    }
2657</script>

2657
2658                                        </div>
2659                            <div class="col-12 insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;">
2660                    </div>
2661                                                                            <!-- </div>-->
2662                                </div>
2663                            </div>
2664                                                            </div>
2665                <div id="section-footer">
2666                    <style>.footer03 {
2667    text-align: center;
2668}
2669.footer03 .ul-footermenu-sub {
2670    display: block;
2671}
2672.footer03 .ul-footermenu-sub > .li-footer-sub {
2673    display: inline-block;
2674}
2675.footer03 .menuCol {
2676    width: 100% !important;
2677    padding-right: 15px;
2678    padding-left: 15px;
2679}
2680.footer03 .footerTopic {
2681    display: none !important;
2682}
2683.li-footer-sub{
2684    border-bottom: 1px solid transparent !important;
2685    padding: 10px 20px !important;
2686}
2687@media (max-width: 1024px) {
2688    .footer03 .ul-footermenu-sub > .li-footer-sub {
2689        display: block;
2690    }
2691}
2692</style><style>
2693    #sortable_subscribe li {
2694            padding-top: 1% !important;
2695            margin: 0px !important;
2696    }
2697    .subscribeInput {
2698            display: block !important;
2699            margin: auto !important;
2700            width: 30% !important;
2701    }
2702    @media  only screen and (max-width: 768px) {
2703
2704        .subscribeInput {
2705                display: block !important;
2706                margin: auto !important;
2707                width: auto !important;
2708        }
2709        .fieldSubscribe {
2710                line-height: 10px !important;
2711        }
2712    }
2713</style>
2714<footer class="footer03 footerZone">
2715            <div id="footer-area">
2716            <div class="container">
2717                <div class="row">
2718                    <div class="col-12">
2719                                                    <div class="row">
2720    </div>
2721                                            </div>
2722                    <div class="col-12">
2723                                                    <div class="wordWrapFooterHtml footer-mb-mobile">
2724    <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 20px; color: #000000;" data-mce-style="font-size: 20px; color: #000000;">Fw follow Co.,Ltd &nbsp;</span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 18px; color: rgb(0, 0, 0);" data-mce-style="font-size: 18px; color: #000000;">à¸à¸£à¸´à¸©à¸±à¸ à¹à¸à¸à¸à¸±à¸à¸à¸¥à¸´à¸§ à¸à¸à¸¥à¹à¸¥à¹ à¸à¸³à¸à¸±à¸ &nbsp;à¹à¸¥à¸à¸à¸µà¹ 69 à¸.à¸à¸¸à¸à¸à¸¡à¸à¸à¸¥ à¸ªà¸²à¸¢ 3 à¸à¸à¸¢ 26 à¹à¸à¸§à¸à¸¨à¸²à¸¥à¸²à¸à¸£à¸£à¸¡à¸ªà¸à¸à¹ à¹à¸à¸à¸à¸§à¸µà¸§à¸±à¸à¸à¸² à¸à¸à¸¡. 10170&nbsp;&nbsp;</span><br><span style="font-size: 18px; color: rgb(0, 0, 0);" data-mce-style="font-size: 18px; color: #000000;">Tel : 083-7014022 |&nbsp;Fax 02-8897250 | Email: [email protected]&nbsp;</span></div></div>                                            </div>
2725                    <div class="col-12">
2726                                            </div>
2727                    <div class="col-12">
2728                                                    <div class="divFooterSocial">
2729                                <style type="text/css">
2730    .footerLineWidget, .footerLineWidget:focus,.footerLineWidget:active {
2731        background-image: linear-gradient(#80D544, #65BC3E);
2732        background-image: -webkit-linear-gradient(top, #80D544, #65BC3E);
2733        background-image: -moz-linear-gradient(top, #80D544, #65BC3E);
2734        background-image: -ms-linear-gradient(top, #80D544, #65BC3E);
2735        background-image: -o-linear-gradient(top, #80D544, #65BC3E);
2736        background-image: linear-gradient(to bottom, #80D544, #65BC3E);
2737        -webkit-border-radius: 5px;
2738        border-radius: 5px;
2739        color: #FFF;
2740        font-size: 14px;
2741        padding: 5px 8px;
2742        padding-bottom: 8px;
2743        text-decoration: none;
2744        cursor: pointer;
2745        display: inline-block;
2746        margin-right: 11px;
2747    }
2748    .footerLineWidget:hover {
2749        background-image: linear-gradient(#80D544, #65BC3E);
2750        color: #FFF;
2751        background-image: -webkit-linear-gradient(top, #65BC3E, #80D544);
2752        background-image: -moz-linear-gradient(top, #65BC3E, #80D544);

2753        background-image: -ms-linear-gradient(top, #65BC3E, #80D544);
2754        background-image: -o-linear-gradient(top, #65BC3E, #80D544);
2755        background-image: linear-gradient(to bottom, #65BC3E, #80D544);
2756        text-decoration: none;
2757    }
2758    .footerLineWidget{
2759        font-size: 14px;
2760    }
2761    .footerWechatWidget, .footerWechatWidget:focus,.footerWechatWidget:active {
2762        background: #00BC0C;
2763        background-image: -webkit-linear-gradient(top, #00BC0C, #3cbf1c);
2764        background-image: -moz-linear-gradient(top, #00BC0C, #3cbf1c);
2765        background-image: -ms-linear-gradient(top, #00BC0C, #3cbf1c);
2766        background-image: -o-linear-gradient(top, #00BC0C, #3cbf1c);
2767        background-image: linear-gradient(to bottom, #00BC0C, #3cbf1c);
2768        -webkit-border-radius: 5px;
2769        border-radius: 5px;
2770        color: #FFF;
2771        font-size: 14px;
2772        padding: 5px 8px;
2773        padding-bottom: 8px;
2774        text-decoration: none;
2775        cursor: pointer;
2776        display: inline-block;
2777    }
2778
2779    .footerWechatWidget:hover {
2780        background: #3cbf1c;
2781        color: #FFF;
2782        background-image: -webkit-linear-gradient(top, #3cbf1c, #00BC0C);
2783        background-image: -moz-linear-gradient(top, #3cbf1c, #00BC0C);
2784        background-image: -ms-linear-gradient(top, #3cbf1c, #00BC0C);
2785        background-image: -o-linear-gradient(top, #3cbf1c, #00BC0C);
2786        background-image: linear-gradient(to bottom, #3cbf1c, #00BC0C);
2787        text-decoration: none;
2788    }
2789    .imgLineWidget,.imgWechatWidget{  
2790        width: 145px !important;
2791        height: 145px !important;
2792    }
2793    .qrcodeLogo{
2794        width: 25px;
2795        height: 25px;
2796    }
2797    #fsocial-widget {
2798         display:block;
2799    }
2800
2801    #fsocial-widget>.faco-top {
2802        margin-bottom: 25px;
2803    }
2804
2805    .pointer-none {
2806        pointer-events: none;
2807    }
2808
2809    </style>
2810<div class="social-widget" id="fsocial-widget">
2811                
2812    
2813            <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/~arthurtig" >
2814            <i class="fas fa-circle colorLineBG pointer-none"></i>
2815            <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i>
2816        </a>
2817    
2818    
2819    </div>
2820
2821    
2822

2822<script type="text/javascript">
2823
2824    jQuery(".footerWechatWidget").click(function () {
2825        window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1);
2826    });
2827    
2828</script>

2828                            </div>
2829                                            </div>
2830                    <!-- <div class="col-12">
2831                                                <div class="divFooterLine">
2832                                                </div>
2833                                        </div> -->
2834                </div>
2835            </div>
2836        </div>
2837                    <div id="footer-bar">
2838            <div class="container">
2839                                    <div class="row">
2840                        <div class="col-12">
2841                            <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 12px; color: rgb(255, 255, 255);" data-mce-style="font-size: 12px; color: #ffffff;">Â© Copyright 2020 All Rights Reserved.</span></div>                        </div>
2842                    </div>
2843                                                    <div class="row" id='statcounter'>
2844                             <style>#stabox{
2845    display: block; 
2846    border: 1px solid #E5E5E5; 
2847    background: #ffffff;
2848}
2849
2850#tableStat{
2851    width: 100%; 
2852    border-spacing: 0; 
2853    border-collapse: collapse; 
2854    border-bottom: 1px solid #e5e5e5;
2855}
2856
2857#tableTdLStat{
2858    width: 50%; 
2859    text-align: center; 
2860    padding: 10px; 
2861    border-right: 1px solid #e5e5e5;
2862}
2863
2864#tableTdRStat{
2865    width: 50%; 
2866    text-align: center; 
2867    padding: 10px;
2868}
2869
2870.numInStat{
2871    font-size: 24px; 
2872    color: #242424;
2873    font-family:Open Sans;
2874}
2875
2876.txtInStat{
2877    font-size: 14px; 
2878    color: #636363;
2879    font-family:Open Sans;
2880}
2881
2882#divTotalStat{
2883    display: block; 
2884    text-align: center; 
2885    padding: 10px;
2886}
2887#boxstatfadeOnFooter{
2888    display: table; 
2889    border: 1px solid #E5E5E5;
2890    background: #ffffff; 
2891    margin: 0 auto;
2892    padding: 2px;
2893}
2894.staboxFooter{
2895    display: table;
2896    width: 170px;
2897}
2898.staboxTxtFooter{
2899    padding-left: 5px; 
2900    font-size: 14px; 
2901    color: #636363; 
2902    font-family:Open Sans; 
2903    float: left;
2904}
2905.staboxNumFooter{
2906    padding-right: 5px;
2907    font-size: 14px;
2908    color: #242424; 
2909    font-family:Open Sans; 
2910    float: right;
2911    font-weight: bold;
2912}</style><div id="boxstatfadeOnFooter">
2913    <div id="staboxFooterA" class="staboxFooter">
2914        <span class="staboxTxtFooter">à¸à¸¹à¹à¹à¸à¹à¸²à¸à¸¡à¸à¸±à¹à¸à¸«à¸¡à¸</span>
2915        <span class="staboxNumFooter">21,437,046</span>
2916    </div>
2917    <div id="staboxFooterB" class="staboxFooter">
2918        <span class="staboxTxtFooter">à¸à¸¹à¹à¹à¸à¹à¸²à¸à¸¡à¸§à¸±à¸à¸à¸µà¹</span>
2919        <span class="staboxNumFooter">28,717</span>
2920    </div>
2921    <div id="staboxFooterC" class="staboxFooter">
2922        <span class="staboxTxtFooter">à¸à¸¹à¹à¹à¸à¹à¸²à¸à¸¡à¸à¸à¸°à¸à¸µà¹</span>
2923        <span class="staboxNumFooter">2,835</span>
2924    </div>
2925</div>

2926<script>
2927    
2928    jQuery(document).ready(function() {
2929        jQuery('#boxstatfadeOnFooter .staboxFooter:gt(0)').hide();
2930        setInterval(function(){
2931            jQuery('#boxstatfadeOnFooter > div:first-child').hide().next('.staboxFooter').fadeIn().end().appendTo('#boxstatfadeOnFooter');
2932        },5000);
2933    });
2934    
2935</script>

2935                    </div>
2936                            </div>
2937        </div>
2938    </footer>
2939
2940                </div>
2941                                    <div id="section-engine" style="font-size: 12px; font-family: 'Tahoma' !important; ">
2942                        Powered by
2943                        <a style="font-size: 12px; font-family: 'Tahoma' !important;" class="spanMWE" href="https://www.makewebeasy.com/th" target="_blank" title="à¸à¸³à¹à¸§à¹à¸à¸à¸£à¸µ à¸ªà¸£à¹à¸²à¸à¹à¸§à¹à¸à¸à¸£à¸µ à¹à¸§à¹à¸à¸à¸£à¸µ à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸£à¸µ">MakeWebEasy.com</a>
2944                    </div>
2945                
2946                                    <div class="widget_cart_fix_display open"></div>
2947                            </div>
2948                                        <style type="text/css">
2949    #pm_menu {
2950        display: none;
2951    }
2952    @media only screen and (max-width: 1024px) {
2953        #pm_menu {
2954            display: block;
2955            position: fixed;
2956            top: 0;
2957            margin: 0;
2958            left: -305px;
2959            width: 300px;
2960            height: 100vh;
2961            z-index: 999;
2962            visibility: visible;
2963            overflow-y: visible;
2964            overflow-x: hidden;
2965            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
2966            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
2967            -webkit-transition: all .5s cubic-bezier(.685,.0473,.346,1);
2968            -moz-transition: all .5s cubic-bezier(.685,.0473,.346,1);
2969            -ms-transition: all .5s cubic-bezier(.685,.0473,.346,1);
2970            transition: all .5s cubic-bezier(.685,.0473,.346,1);
2971        }
2972        .openMenu3overflowhide #pm_menu {
2973            -webkit-transform: translate3d(305px,0,0);
2974            -moz-transform: translate3d(305px,0,0);
2975            -ms-transform: translate3d(305px,0,0);
2976            transform: translate3d(305px,0,0);
2977        }
2978        #pm_menu #navbarNavDropdown {
2979            margin: 0;
2980            width: 300px;
2981            height: 100vh;
2982        }
2983        #pm_menu .divBgtopmenu {
2984            max-height: 100vh;
2985            overflow-y: hidden;
2986        }
2987    }
2988</style>
2989<div id="pm_menu">
2990    <div id="menutop">
2991        <div id="navbarNavDropdown">
2992            <div class="divBgtopmenu">
2993                <div class="divHeadertopmenu">
2994                                    </div>
2995                <div class="divBodytopmenu">
2996                    <style type="text/css">
2997    .topwidget-menu .navbar-nav .dropdown-menu {
2998        padding: 0;
2999        margin: 0;
3000    }
3001    ul.navbar-topmenu.navbar-nav > li {
3002        display: table-cell; 
3003    }
3004    ul.navbar-topmenu.navbar-nav li {
3005        list-style: outside none none;
3006    }
3007    ul.navbar-topmenu.navbar-nav div.new-line-menu{
3008        clear: left;
3009    }
3010    ul.navbar-topmenu.navbar-nav .border-tran{
3011        border-right: 1px solid transparent;
3012    }
3013    .fix-up-size{
3014        font-size: 1.05em !important;
3015    }
3016    /*PC hack to hover*/
3017    @media (min-width: 1025px) {
3018        ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .menu-column{
3019            display:flex !important;
3020        }
3021        ul.navbar-topmenu.navbar-nav .menu-column{
3022            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
3023        }
3024        .topwidget-menu {
3025            margin: 10px;
3026        }
3027        ul.dropdown-menu.dropdown-menu-right{
3028            left: unset;
3029            right:0;
3030        }
3031        .dropdownfix-menu-right {
3032            right:100% !important;
3033            left:auto !important;
3034        }
3035        .public-topmenu .dropdown-menu-right .fa-chevron-right {
3036            transform: rotate(180deg);
3037            left: 0;
3038            position: absolute;
3039            top: 12px;
3040        }
3041        .public-topmenu .dropdown-menu-right .fa-chevron-down{
3042            transform: rotate(90deg);
3043            left: 0;
3044            position: absolute;
3045            top: 12px;
3046        }
3047        .more.hidden{
3048            display:none;
3049        }
3050        .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
3051            transform: rotate(-90deg);
3052        }
3053
3054        .public-topmenu .topmenuLg{
3055            border-right:none !important;
3056        }
3057        ul.navbar-topmenu.navbar-nav a {
3058            display: block;
3059            margin: 0px;
3060        }
3061        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column {
3062            position: absolute;
3063            display: none;
3064            margin: 0px;
3065           /* padding: 15px 0px; */
3066            border-collapse: separate;
3067            border-spacing: 0;
3068            width:100%;
3069            left: 0px;
3070        }
3071        ul.navbar-topmenu.navbar-nav > li.nav-item .each-col{
3072            margin-top:15px; 
3073            margin-bottom:15px; 
3074        }
3075        ul.navbar-topmenu.navbar-nav > li > .menu-column > div > ul{
3076            margin: 0px;
3077            padding: 0px;
3078            border-collapse: separate;
3079            border-spacing: 0;
3080        }
3081        ul.navbar-topmenu.navbar-nav .menu-column li {
3082            float: none;
3083            margin: 0px;
3084            padding: 0px;
3085        }
3086        /* sub a */
3087        ul.navbar-topmenu.navbar-nav .menu-column-sub > li > a {
3088            padding: 8px 15px;
3089            text-align: left;
3090            border: none;
3091        }
3092        /* sub a hover */
3093        ul.navbar-topmenu.navbar-nav .topmenu_li_lv2:hover > a {
3094            
3095        }
3096        .engine-menu .topmenuLg{
3097            border-right:none !important;
3098        }
3099
3100        ul.navbar-topmenu.navbar-nav .row-menucol-pad{
3101            padding-bottom:60px;
3102        } 
3103        ul.navbar-topmenu.navbar-nav .text-lv2-bold{
3104            font-weight: bold !important;
3105        }
3106        ul.navbar-topmenu.navbar-nav .text-lv3-pad{
3107            padding-left: 30px !important;
3108        }
3109        ul.navbar-topmenu.navbar-nav .text-lv4-pad{
3110            padding-left: 45px !important;
3111        }
3112        ul.navbar-topmenu.navbar-nav .no-p-first{
3113            padding:0px 0px 0px 0px;
3114            float: left;
3115        }
3116        ul.navbar-topmenu.navbar-nav .no-p{
3117            padding:60px 0px 0px 0px;
3118            float: left;
3119        }
3120        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-one{
3121            min-width: 285px;
3122            left: 0px;
3123        }
3124        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-two{
3125            min-width: 569px;
3126            left: 0px;
3127        }
3128        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-tree{
3129            min-width: 854px;
3130            left: 0px;
3131           /* left: calc(50% + 0px);
3132            transform: translate(-50%, 0%);

3133            top: calc(100% - 10px); */
3134        }
3135        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-fourmore{
3136            min-width: 1140px;
3137            left: 0px;
3138           /* left: calc(50% + 0px);
3139            transform: translate(-50%, 0%);
3140            top: calc(100% - 10px); */
3141        }
3142        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-full{
3143            min-width: calc(100vw - 14px);
3144            left: 0px;
3145            max-height: 600px;
3146            overflow-x: hidden;
3147            overflow-y: auto;
3148        }
3149        ul.navbar-topmenu.navbar-nav > li.nav-item .col-one-minwid{
3150            min-width: 285px;
3151        }
3152
3153        ul.navbar-topmenu.navbar-nav > li.nav-item.rev-po{
3154            position: relative;
3155        }
3156        ul.navbar-topmenu.navbar-nav > li.nav-item.uns-po{
3157            position: unset;
3158        }
3159
3160       /*lv3 more only*/
3161       ul.navbar-topmenu.navbar-nav .ul.menu-fix-li{
3162            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
3163        }
3164        ul.navbar-topmenu.navbar-nav > li.nav-item:hover > ul.menu-fix-li{
3165            display:block !important;
3166        } 
3167        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li li:hover > .dropdown-menu{
3168            display:flex !important;
3169        }
3170       
3171        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li{
3172            position: absolute;
3173            display: none;
3174            margin: 0px;
3175            padding: 0px 0px;
3176            border-collapse: separate;
3177            border-spacing: 0;
3178            border: none;
3179          /*  width:100%; */
3180            left: 0;
3181            right: auto;
3182            top: 100%;
3183            white-space: nowrap;
3184        }
3185
3186        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li li {
3187            position: relative;
3188        }
3189
3190        ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-full{
3191            min-width: 960px;
3192            right: 100% !important;
3193            left: auto !important;
3194            top: 0px;
3195            max-height: 600px;
3196            overflow-x: hidden;
3197            overflow-y: auto;
3198        }
3199        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li .menu-column{
3200            /* padding: 15px 0px; */
3201        }
3202        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li .menu-column ul {
3203            margin: 0px;
3204            padding: 0px;
3205            border-collapse: separate;
3206            border-spacing: 0;
3207        }
3208    }
3209    @media only screen and (min-width: 1193px){
3210        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-container{
3211            min-width: 1170px;
3212            left: 0px;
3213            max-height: 600px;
3214            overflow-x: hidden;
3215            overflow-y: auto;
3216        }
3217        ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-container{
3218            position: absolute;
3219            min-width: 858px;
3220            right: 100% !important;
3221            left: auto !important;
3222            top: 0px;
3223            max-height: 600px;
3224            overflow-x: hidden;
3225            overflow-y: auto;
3226        }
3227    }
3228
3229    @media only screen and (min-width: 1025px) and (max-width: 1192px){
3230        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-container{
3231            min-width: 1080px;
3232            left: 0px;
3233            max-height: 600px;
3234            overflow-x: hidden;
3235            overflow-y: auto;
3236        }
3237        ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-container{
3238            position: absolute;
3239            min-width: 772px;
3240            right: 100% !important;
3241            left: auto !important;
3242            top: 0px;
3243            max-height: 600px;
3244            overflow-x: hidden;
3245            overflow-y: auto;
3246        }
3247    }
3248    @media only screen andÂ (min-width: 992px) and (max-width: 1024px){
3249        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-container{
3250            min-width: 960px;
3251            left: 0px;
3252            max-height: 400px;
3253            overflow-x: hidden;
3254            overflow-y: auto;
3255        }
3256        ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-container{
3257            position: absolute;
3258            min-width: 783px;
3259            right: 100% !important;
3260            left: auto !important;
3261            top: 0px;
3262            max-height: 400px;
3263            overflow-x: hidden;
3264            overflow-y: auto;
3265        }
3266    }
3267
3268
3269    /* tablet*/
3270    @media only screen and (min-width: 768px) and (max-width: 1024px) {
3271        ul.navbar-topmenu.navbar-nav ul{
3272            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
3273        }
3274    }
3275    /*mobile tablet*/
3276    @media  only screen and (max-width: 1024px) {
3277        .topwidget-menu .arrowCollapse{
3278            width: 55px;
3279            position: absolute;
3280            right: 0px;
3281            top: 25%;
3282            text-align: center;
3283            height: 22px;
3284        }
3285        ul.navbar-topmenu.navbar-nav a{
3286            text-align: left !important;
3287            white-space: normal;
3288        }
3289        ul.navbar-topmenu.navbar-nav .fa-chevron-down{
3290                        transition: all .3s ease 0s;
3291            -ms-transition: all .3s ease 0s;
3292            -webkit-transition: all .3s ease 0s;
3293            -moz-transition: all .3s ease 0s;
3294        }
3295        ul.navbar-topmenu.navbar-nav .fa-chevron-right{
3296                         transform: rotate(90deg);
3297            transition: all .3s ease 0s;
3298            -ms-transition: all .3s ease 0s;
3299            -webkit-transition: all .3s ease 0s;
3300            -moz-transition: all .3s ease 0s;
3301                    }
3302        
3303        ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
3304            right: 12px;
3305            top: 27%;
3306        }
3307
3308        ul.navbar-topmenu.navbar-nav a{
3309            word-wrap: break-word;
3310        }
3311        ul.navbar-topmenu.navbar-nav .more{
3312            display:none !important;
3313        }
3314        .public-topmenu .dropdown.show > a > .arrowCollapse{
3315            transform: rotate(180deg);
3316            -ms-transform: rotate(180deg);
3317            -webkit-transform: rotate(180deg);
3318            -moz-transform: rotate(180deg);
3319        }
3320        .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{
3321            transform: rotate(270deg);
3322            -ms-transform: rotate(270deg);
3323            -webkit-transform: rotate(270deg);
3324            -moz-transform: rotate(270deg);
3325        }
3326        .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
3327            transform: rotate(270deg);
3328            -ms-transform: rotate(270deg);
3329            -webkit-transform: rotate(270deg);
3330            -moz-transform: rotate(270deg);
3331        }
3332        
3333        ul.navbar-topmenu.navbar-nav > li > ul > li > a {
3334             padding-left: 30px !important;
3335        }
3336        ul.navbar-topmenu.navbar-nav ul ul a {
3337            padding-left: 45px !important;
3338        }
3339    }
3340</style>
3341<div class="topwidget-menu">
3342    <ul class="navbar-nav navbar-topmenu public-topmenu">
3343                                    <li class="nav-item ">
3344                    <a class="nav-link abl1"  data-onhome="home" href="/" target="_self">
3345                        à¸«à¸à¹à¸²à¹à¸£à¸ 
3346                    </a>
3347                </li>
3348                                                <li class="nav-item ">
3349                    <a class="nav-link abl1"   href="/category" target="_self">
3350                        à¸ªà¸´à¸à¸à¹à¸² 
3351                    </a>
3352                </li>
3353                                                <li class="nav-item ">
3354                    <a class="nav-link abl1"   href="/contactus" target="_self">
3355                        Contact Us 
3356                    </a>
3357                </li>
3358                                                <li class="nav-item ">
3359                    <a class="nav-link abl1"   href="/hotproducts" target="_self">
3360                        best seller 
3361                    </a>
3362                </li>
3363                                                <li class="nav-item ">
3364                    <a class="nav-link abl1" id="topmenuonpage"  href="/forum" target="_self">
3365                        Webboard 
3366                    </a>
3367                </li>
3368                                                <li class="nav-item topmenuLg">
3369                    <a class="nav-link abl1"   href="/informpayment" target="_self">
3370                        à¹à¸à¹à¸à¸à¸³à¸£à¸°à¹à¸à¸´à¸ 
3371                    </a>
3372                </li>
3373                    
3374        <li class="nav-item dropdown more hidden" data-width="80">
3375            <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)">
3376                à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
3377            </a>
3378            <ul class="dropdown-menu menu-fix-li"></ul>
3379        </li>
3380    </ul>
3381</div>
3382

3383<script>
3384    /*width auto more*/
3385    if (jQuery(window).width() > 1024) {
3386                calcWidth();
3387                var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu  > li.nav-item:visible:last');
3388        last_visible_element.css('border-right', 'none');
3389        
3390    }
3391    function calcWidth() {
3392        var navwidth = 0;
3393        var availablespace = 0;
3394        var logwid = jQuery('#logotop').outerWidth(true);
3395        var defwidth = 0;
3396        var intIsEnableSearchTop = "1";
3397        var intIsEnableCart = "0";
3398        var calAweDropdown = "0";
3399        navwidth = navwidth + parseInt(calAweDropdown);
3400        let isLayoutId = '35';
3401        let fullcontainer = '0';
3402        if (intIsEnableSearchTop == 1) {
3403            defwidth = defwidth + 60;
3404        }
3405
3406        if (intIsEnableCart == 1) {
3407            defwidth = defwidth + 60;
3408        }
3409        if (typeof logwid === "undefined") {
3410            var logwid = 0;
3411        }
3412        if (isLayoutId == '37' || isLayoutId == '38') {
3413            var logwid = 0;
3414        }
3415        
3416        if(fullcontainer=='1'){
3417            var pls_pad = 0;
3418        }else{
3419            var pls_pad = 0;
3420        }
3421
3422        var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17;
3423        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
3424            navwidth += jQuery(this).outerWidth(true);
3425        });
3426        var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 34);
3427        if (navwidth > availablespace) {
3428
3429            var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
3430            var jimwidtest = lastItem.outerWidth(true);
3431
3432            lastItem.removeClass('nav-item');
3433            lastItem.removeClass('dropdown');
3434            lastItem.children('a.nav-link').addClass('dropdown-item');
3435            lastItem.attr('data-width', lastItem.outerWidth(true));
3436
3437            if(jimwidtest>0){
3438                lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li'));
3439            }
3440            delete lastItem;
3441            calcWidth();
3442            return 0;
3443        } else {
3444            if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li').html()!='') {
3445                var firstMoreElement = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu> li.more li').first();
3446                if (navwidth + firstMoreElement.data('width') < availablespace) {
3447                    firstMoreElement.addClass('nav-item');
3448                    firstMoreElement.children('a.nav-link').removeClass('dropdown-item');
3449                    firstMoreElement.removeAttr('data-width'); 
3450                    firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
3451                }
3452                delete firstMoreElement;
3453            }
3454        }
3455
3456        /*hide more*/
3457        if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li').html()!= '') {
3458            var thelastone = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li > li').length;
3459            if (thelastone == 1) {
3460                var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
3461                if ((navwidth + firstMoreElement2.width()) < availablespace) {
3462                    firstMoreElement2.addClass('nav-item');
3463                    firstMoreElement2.addClass('topmenuLg');
3464                    firstMoreElement2.children('a.nav-link').removeClass('dropdown-item');
3465                    firstMoreElement2.removeAttr("data-width");
3466                    firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
3467                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
3468                } else {
3469                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
3470                }
3471                delete firstMoreElement2;
3472            } else {
3473                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
3474            }
3475        } else {
3476            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
3477            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
3478        }
3479            }
3480
3481    function calcWidthAfter() {
3482                        
3483        //affix if reflesh topbar appear
3484        if ($(window).scrollTop() > 0) {
3485            var logwid = 110;
3486        }else{
3487            var logwid = jQuery('#logotop').outerWidth(true);
3488        }
3489        
3490        var navwidth = 0;
3491        var availablespace = 0;
3492        var defwidth = 0;
3493        var serwid = jQuery('#searchtop').outerWidth(true);
3494        var car2id = jQuery('#cart2').outerWidth(true);
3495        var intIsEnableSearchTop = "1";
3496        var intIsEnableCart = "0";
3497        let isLayoutId = '35';
3498        let fullcontainer = '0';
3499        if (intIsEnableSearchTop == 1) {
3500            defwidth = defwidth + serwid;
3501        }
3502
3503        if (intIsEnableCart == 1) {
3504            defwidth = defwidth + car2id;
3505        }
3506        if(fullcontainer=='1'){

3507            var pls_pad = 0;
3508        }else{
3509            var pls_pad = 0;
3510        }
3511        jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg');
3512        /* if (typeof serwid === "undefined") {
3513            var serwid = 0;
3514        } else {
3515            var defwidth = defwidth + serwid;
3516        }
3517
3518        if (typeof car2id === "undefined") {
3519            var car2id = 0;
3520        } else {
3521            var defwidth = defwidth + car2id;
3522        }*/
3523
3524        
3525        if (typeof logwid === "undefined") {
3526            var logwid = 0;
3527        }
3528        if (isLayoutId == '37' || isLayoutId == '38') {
3529            var logwid = 0;
3530        }
3531
3532        var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true);
3533        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
3534            navwidth += jQuery(this).outerWidth(true);
3535        });
3536
3537        /* var availablespace = jQuery('#top-area > #top-sticky > div').width() - morewidth - defwidth - logwid;*/
3538        var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60);
3539        
3540        if (navwidth > availablespace) {
3541            var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
3542            var jimwidtest = lastItem.outerWidth(true);
3543            lastItem.removeClass('nav-item');
3544            lastItem.removeClass('dropdown');
3545            lastItem.children('a.nav-link').addClass('dropdown-item');
3546            lastItem.attr('data-width', lastItem.outerWidth(true));
3547            if (jimwidtest > 0) {
3548                lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul'));
3549            }
3550            delete lastItem;
3551            calcWidthAfter();
3552            return 0;
3553        } else {
3554            if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') {
3555                            }
3556        }
3557
3558        if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') {
3559            var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length;
3560            if (thelast == 1) {
3561                    //remove more à¸à¹à¸²à¹à¸«à¸¥à¸·à¸ 1
3562                    var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
3563                    if ((navwidth + firstMoreElement2.width()) < availablespace) {
3564                                                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
3565                    } else {
3566                        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
3567                    }
3568                    delete firstMoreElement2;
3569            } else {
3570                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
3571            }
3572        } else {
3573            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
3574        }
3575
3576        //add class last item menu à¸à¸à¸à¹à¸à¹à¸
3577        jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
3578
3579        jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").on('mouseenter', function(){
3580            var vjim = jQuery(this);
3581            var isfullcontainer = '0';
3582            
3583            if (jQuery('div', this).length) {
3584                var elm = jQuery('.dropdown-menu:first', this);
3585                var off = elm.offset();
3586                var l = off.left;
3587                var w = elm.width();
3588                var num_colm = vjim.find('.menu-column > .each-col').length;
3589                if(isfullcontainer=='1'){
3590                    var docW = jQuery("#top-area > #top-sticky").width();
3591                    var isEntirelyVisible = ((l + w) <= docW);
3592                }else if(isfullcontainer=='0'){
3593                    var docW = jQuery("#top-area > #top-sticky > .container").width();
3594                                        var isEntirelyVisible = ((l + w) <= docW);
3595                }
3596                                if (!isEntirelyVisible && !(vjim.hasClass('more'))){
3597                    var tt_widwi = parseInt(parseInt(l) + parseInt(w));
3598                    var over_wid = parseInt(tt_widwi - docW);
3599                    if(isfullcontainer=='0'){ 
3600                        var containtop = jQuery('#top-area > #top-sticky > .container');
3601                        var r_container = parseInt(containtop.offset().left + containtop.outerWidth());
3602                
3603                        var rw_to_rc = parseInt($(window).width() - r_container);
3604                        var new_left = (tt_widwi - r_container);
3605                    }else if(isfullcontainer=='1'){
3606                        var new_left = ((over_wid)+1);
3607                    }
3608                                        if (jQuery(window).width() > 1181 && jQuery(window).width() < 1200) {

3609                        var setleftnew = ((parseInt(elm.css('left')) - new_left) + 105);
3610                    }else if (jQuery(window).width() > 1081 && jQuery(window).width() < 1181) {
3611                        var setleftnew = ((parseInt(elm.css('left')) - new_left) + 64);
3612                    }else if (jQuery(window).width() > 1025 && jQuery(window).width() < 1081) {
3613                        var setleftnew = ((parseInt(elm.css('left')) - new_left) + 60);
3614                    }else{
3615                        var setleftnew = (parseInt(elm.css('left')) - new_left);
3616                    }
3617                    elm.css('left',setleftnew);
3618                }
3619                if(vjim.hasClass('more')){
3620                    vjim.children('ul.dropdown-menu').addClass('dropdown-menu-right');
3621                }
3622            }
3623        });
3624        jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").on('mouseleave', function(){ 
3625            var elm = jQuery('.dropdown-menu:first', this);
3626            elm.css('left',0);
3627            if(jQuery(this).hasClass('more')){
3628                jQuery(this).children('ul.dropdown-menu').addClass('dropdown-menu-right');
3629            }
3630        });
3631    }
3632    </script>

3632
3633
3634                                                                                <div class="navbar-text topwidget-menu pl-3">
3635                                                <div id="socialnetwork" class="d-inline">
3636<style>
3637    .empty {
3638        padding-top: 15px;
3639        padding-right: 22px;
3640        padding-bottom: 12px;
3641        padding-left: 29px;
3642    }
3643    .wechatSocial{
3644        cursor: pointer;
3645    }
3646    .pointer-none {
3647        pointer-events: none;
3648    }
3649</style>
3650<div class="social-widget">
3651                                        <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/~arthurtig " style="margin-right: 8px; margin-left: 8px;1">
3652            <i class="fas fa-circle colorLineBG pointer-none"></i>
3653            <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i>
3654        </a>
3655    
3656    
3657    </div>

3658<script type="text/javascript">
3659
3660    jQuery(".wechatSocial").click(function () {
3661        window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1);
3662    });
3663    
3664</script>

3664</div>
3665                                                                    </div>
3666                                    </div>
3667            </div>
3668        </div>
3669    </div>
3670</div>

3671<script>
3672    jQuery("#pm_menu .divBodytopmenu").css({
3673        'max-height': 'calc(100vh - ' + Math.max(jQuery("#pm_menu .divHeadertopmenu").height(), 66) + 'px - 17px)',
3674        'overflow-y': 'auto',
3675    });
3676</script>

3676
3677                    </div>
3678
3679        <!-- cookie consent-->
3680        
3681<div class="policy-position">
3682    <div class="wrap-con">
3683        <div class="container">
3684            <div class="row pad-row-pdpa policy-container">
3685                <div class="col-12 col-md-9 col-lg-9">
3686                    <span class="txt-pdconsent">à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸µà¹à¸¡à¸µà¸à¸²à¸£à¹à¸à¹à¸à¸²à¸à¸à¸¸à¸à¸à¸µà¹ à¹à¸à¸·à¹à¸à¹à¸à¸´à¹à¸¡à¸à¸£à¸°à¸ªà¸´à¸à¸à¸´à¸ à¸²à¸à¹à¸¥à¸°à¸à¸£à¸°à¸ªà¸à¸à¸²à¸£à¸à¹à¸à¸µà¹à¸à¸µà¹à¸à¸à¸²à¸£à¹à¸à¹à¸à¸²à¸à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸à¸à¸à¹à¸²à¸  à¸à¹à¸²à¸à¸ªà¸²à¸¡à¸²à¸£à¸à¸à¹à¸²à¸à¸£à¸²à¸¢à¸¥à¸°à¹à¸à¸µà¸¢à¸à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡à¹à¸à¹à¸à¸µà¹                        <a class="" href="/privacy-policy" target="_blank">à¸à¹à¸¢à¸à¸²à¸¢à¸à¸§à¸²à¸¡à¹à¸à¹à¸à¸ªà¹à¸§à¸à¸à¸±à¸§</a>
3687                        &nbsp;à¹à¸¥à¸°&nbsp;                        <a class="" href="/cookies-policy" target="_blank">à¸à¹à¸¢à¸à¸²à¸¢à¸à¸¸à¸à¸à¸µà¹</a>
3688                    </span>
3689                </div>
3690                <div class="col-12 col-md-3 col-lg-3 colbtn">
3691                    <button class="btnAcceptPd btn btn-style " type="button" id="btn_setting_cookie">à¸à¸±à¹à¸à¸à¹à¸²à¸à¸¸à¸à¸à¸µà¹</button>
3692                    <button class="btnAcceptPd btn btn-style" type="button" id="btnAcceptPd">à¸¢à¸à¸¡à¸£à¸±à¸à¸à¸±à¹à¸à¸«à¸¡à¸</button>
3693                </div>
3694            </div>
3695        </div>
3696    </div>
3697</div>        
3698

3698<script type="text/javascript">
3699            var plugins = {};
3700                            plugins['fontawesome'] = {'isEnable': false};
3701                            plugins['hamburgers'] = {'isEnable': true};
3702                            plugins['imagesloaded'] = {'isEnable': false};
3703                            plugins['magnificpopup'] = {'isEnable': true};
3704                            plugins['masonry'] = {'isEnable': true};
3705                            plugins['owlcarousel'] = {'isEnable': true};
3706                            plugins['perfectscrollbar'] = {'isEnable': true};
3707                            plugins['scrollposstyler'] = {'isEnable': false};
3708                            plugins['style_mwe'] = {'isEnable': false};
3709                            plugins['all'] = {'isEnable': false};
3710                            plugins['circularloading'] = {'isEnable': true};
3711                            plugins['customerjs'] = {'isEnable': false};
3712                            plugins['customerstyle'] = {'isEnable': false};
3713                            plugins['font'] = {'isEnable': false};
3714                            plugins['fullcalendar'] = {'isEnable': true};
3715                            plugins['homebox_eventcalendar'] = {'isEnable': true};
3716                            plugins['page_calendar'] = {'isEnable': true};
3717                            plugins['page_faq'] = {'isEnable': true};
3718                            plugins['themesystem'] = {'isEnable': false};
3719                    </script>

3719
3720        <!-- JS Main -->
3721

3721<script src="https://cloud.makewebstatic.com/makeweb/prod/js/scrollPosStyler.min.js?v=202012190947"></script>

3721
3722

3722<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.flexslider-min.js?v=202604291000"></script>

3722
3723

3723<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.zoom.js?v=202604291000"></script>

3723
3724

3724<script src="https://cloud.makewebstatic.com/makeweb/prod/js/social-buttons.min.js?v=202604291000"></script>

3724
3725

3725<script src="https://cloud.makewebstatic.com/makeweb/prod/js/popper.min.js?v=202604291000"></script>

3725
3726

3726<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js?v=202604291000" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

3726
3727

3727<script src="https://cloud.makewebstatic.com/makeweb/prod/js/formValidation.min.js?v=202604291000"></script>

3727
3728

3728<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap.min.js?v=202604291000"></script>

3728
3729

3729<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=202604291000"></script>

3729
3730

3730<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-datetimepicker.min.js?v=202604291000"></script>

3730
3731

3731<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-checkbox.min.js?v=202604291000"></script>

3731
3732

3732<script src="https://cloud.makewebstatic.com/makeweb/prod/js/backtotop.min.js?v=202604291000"></script>

3732
3733

3733<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootbox.min.js?v=202102081700"></script>

3733
3734

3734<script src="https://cloud.makewebstatic.com/makeweb/prod/js/simplepagination.min.js?v=202604291000"></script>

3734
3735

3735<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-toggle.min.js?v=202604291000"></script>

3735
3736

3736<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-context.min.js?v=202604291000"></script>

3736
3737

3737<script src="https://cloud.makewebstatic.com/makeweb/prod/js/spectrum.min.js?v=202604291000"></script>

3737
3738

3738<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-select.min.js?v=202604291000"></script>

3738
3739

3739<script>var lang = "th";</script>

3739
3740

3740<script src="https://cloud.makewebstatic.com/makeweb/prod/js/modernizr.min.js?v=202604291000"></script>

3740
3741

3741<script src="https://cloud.makewebstatic.com/makeweb/prod/js/rellax_new_min.js?v=202604291000"></script>

3741
3742                <!-- JS Page -->
3743

3743<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=0"></script>

3743<script src="https://cloud.makewebstatic.com/makeweb/prod/js/fullcalendar.min.js?v=0"></script>

3743<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel.min.js?v=202001111111"></script>

3743<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel2.thumbs.min.js?v=202001111111"></script>

3743<script src="https://cloud.makewebstatic.com/makeweb/prod/js/perfect-scrollbar.jquery.min.js?v=0"></script>

3743<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.magnific-popup.min.js?v=202012190947"></script>

3743<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/masonry.pkgd.min.js?v=0"></script>

3743        <!-- JS Main -->
3744

3744<script defer src="https://cloud.makewebstatic.com/makeweb/prod/js/all.min.js?v=1"></script>

3744
3745

3745<script type="text/javascript" src="/include/customer/customer.js?v=202510071324"></script>

3745
3746

3746<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/hideShowPassword.min.js?v=202604291000"></script>

3746
3747                <!-- Script CustomerPage -->
3748                <!-- Script Body -->
3749

3749<script type="text/javascript">
3750            $(document).ready(function () {
3751                if (
3752                    navigator.platform == 'iPhone' ||
3753                    navigator.platform == 'iPod' ||
3754                    navigator.platform == 'iPad' ||
3755                    (navigator.platform == 'MacIntel' && navigator.maxTouchPoints != 0)
3756                ) {
3757                    var $body = $('body');
3758                    var bg_attachment = $body.css('background-attachment');
3759                    if (bg_attachment == 'fixed') {
3760                        var bg_size = $body.css('background-size');
3761                        if (bg_size == 'auto') {
3762                            var bg_img = $body.css('background-image');
3763                            var bg_repeat = $body.css('background-repeat');
3764                            $bodyBG = $('<div class="pseudo-body-bg"></div>');
3765                            $bodyBG.css('width', '100vw');
3766                            $bodyBG.css('height', '100vh');
3767                            $bodyBG.css('position', 'fixed');
3768                            $bodyBG.css('top', '0');
3769                            $bodyBG.css('left', '0');
3770                            $bodyBG.css('background-image', bg_img);
3771                            $bodyBG.css('background-repeat', bg_repeat);
3772                            $bodyBG.css('z-index', '-99');
3773                            $body.prepend($bodyBG);
3774
3775                        } else if (bg_size == 'cover') {
3776                            var bg_img = $body.css('background-image');
3777                            var bg_repeat = $body.css('background-repeat');
3778                            var bg_pos = $body.css('background-position');
3779                            var bg_size = $body.css('background-size');
3780                            $bodyBG = $('<div class="pseudo-body-bg"></div>');
3781                            $bodyBG.css('width', '100vw');
3782                            $bodyBG.css('height', '100vh');
3783                            $bodyBG.css('position', 'fixed');
3784                            $bodyBG.css('top', '0');
3785                            $bodyBG.css('left', '0');
3786                            $bodyBG.css('background-image', bg_img);
3787                            $bodyBG.css('background-repeat', bg_repeat);
3788                            $bodyBG.css('background-position', bg_pos);
3789                            $bodyBG.css('background-size', bg_size);
3790                            $bodyBG.css('-webkit-background-size', bg_size);
3791                            $bodyBG.css('-moz-background-size', bg_size);
3792                            $bodyBG.css('-o-background-size', bg_size);
3793                            $bodyBG.css('z-index', '-99');
3794                            $body.prepend($bodyBG);
3795                        }
3796                    }
3797                }
3798            });
3799        </script>

3799
3800        <!-- Script Rellax -->
3801

3801<script type="text/javascript">
3802            if (document.getElementsByClassName("rellax").length > 0) {
3803                if (!navigator.userAgent.match(/SamsungBrowser/i) && Modernizr.csstransforms) {
3804                    var rellax = new Rellax('.rellax', {
3805                        speed: -4,
3806                        round: true
3807                    });
3808                } else {
3809                    $(document).ready(function () {
3810                        $('.rellax-view').each(function (index) {
3811                            var $rellax = $(this).find('>.rellax');
3812                            var bg_img = $rellax.css('background-image');
3813                            var bg_repeat = $rellax.css('background-repeat');
3814                            var bg_xpos = $rellax.css('background-position-x');
3815                            var bg_ypos = $rellax.css('background-position-y');
3816                            var bg_size = $rellax.css('background-size');
3817                            $(this).css({
3818                                'background-image': bg_img,
3819                                'background-repeat': bg_repeat,
3820                                'background-position-x': bg_xpos,
3821                                'background-position-y': bg_ypos,
3822                                '-webkit-background-size': bg_size,
3823                                '-moz-background-size': bg_repeat,
3824                                '-o-background-size': bg_repeat,
3825                                'background-size': bg_repeat,
3826                            }).addClass('rellax-not-support');
3827                            $rellax.remove();
3828                        });
3829                    });
3830                }
3831            }
3832        </script>

3832
3833        <!-- Script Slide -->
3834                <!-- Script WidgetCart -->
3835

3835<script>
3836                drawWidgetCartFix();
3837            </script>

3837
3838        
3839        <!-- Script MWEAds -->
3840

3840<script>
3841            // $("#divMWEAds").on("click", function (e) {
3842            //     var aNode = e.target.nodeName;
3843            //     if (aNode !== "B") {
3844            //         window.open('https://www.makewebeasy.com');
3845            //     }
3846            // });
3847        </script>

3847
3848        <!-- Script FB -->
3849        
3850

3850<script>
3851        (function (d, s, id) {
3852            var lang = "th_TH";
3853            var js, fjs = d.getElementsByTagName(s)[0];
3854            if (d.getElementById(id))
3855                return;
3856            js = d.createElement(s);
3857            js.id = id;
3858            js.async = true;
3859                js.src = "https://connect.facebook.net/" + lang + "/sdk.js#xfbml=1&version=v21.0&appId=160631041153580";
3860            fjs.parentNode.insertBefore(js, fjs);
3861        }(document, "script", "facebook-jssdk"));
3862    </script>

3862
3863        <!-- Script Embed -->
3864                <!-- Script More -->
3865

3865<script type="text/javascript">
3866            function myFunctionincount(id, gid, page, homid, place, local, pagetype) {
3867                if (id !== '' && page !== '' && local !== '') {
3868                    jQuery.ajax({
3869                        type: 'POST',
3870                        url: '/customer/banner/store.php',
3871                        data: {
3872                            bnid: id,
3873                            gid: gid,
3874                            page: page,
3875                            home: homid,
3876                            place: place,
3877                            local: local,
3878                            pagetype: pagetype
3879                        },
3880                        success: function (returnData) {
3881                            if (returnData != '') {
3882                                console.log(returnData);
3883                            }
3884                        }
3885                    });
3886                }
3887            }
3888            $(function () {
3889                $('a[href*="#"]:not([href="#"])').click(function () {
3890                    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
3891                        var target = $(this.hash);
3892                        target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
3893                        if (target.length) {
3894                            disable_scroll();
3895                            $('html,body').animate({
3896                                scrollTop: target.offset().top
3897                            }, 'slow', function () {
3898                                enable_scroll();
3899                            });
3900                            return false;
3901                        }
3902                    }
3903                });
3904            });
3905            function preventDefault(e) {
3906                e = e || window.event;
3907                if (e.preventDefault)
3908                    e.preventDefault();
3909                e.returnValue = false;
3910            }
3911            function wheel(e) {
3912                preventDefault(e);
3913            }
3914            function disable_scroll() {
3915                if (window.addEventListener) {
3916                    window.addEventListener('DOMMouseScroll', wheel, false);
3917                }
3918                window.onmousewheel = document.onmousewheel = wheel;
3919            }
3920            function enable_scroll() {
3921                if (window.removeEventListener) {
3922                    window.removeEventListener('DOMMouseScroll', wheel, false);
3923                }
3924                window.onmousewheel = document.onmousewheel = null;
3925            }
3926
3927                        $(function () {
3928                $('#whatsappIcon').click(function () {
3929                    let toggle = $(this).data("toggle");
3930                    if (toggle == 0) {
3931                        $("#whatsappDialog").css({"opacity": "1", "pointer-events": "all", "visibility": "visible", "touch-action": "auto", "margin-bottom": "96px"});
3932                        let date = new Date();
3933                        $('.whatsappTime').html(("0" + date.getHours()).slice(-2)+':'+("0" + date.getMinutes()).slice(-2));
3934                        $(this).data("toggle", 1);
3935                    } else {
3936                        $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"});
3937                        $(this).data("toggle", 0);
3938                    }
3939                });
3940                $('.whatsappBtnCancel').click(function () {
3941                    $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"});
3942                    $('#whatsappDialog').data("toggle", 0);
3943                });
3944            });
3945        </script>

3945
3946

3946<script type="text/javascript">
3947            // Img LazyLoad
3948            document.addEventListener("DOMContentLoaded", function() {
3949                var lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));
3950                if ("IntersectionObserver" in window) {
3951                    let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
3952                        entries.forEach(function(entry) {
3953                            if (entry.isIntersecting) {
3954                                let lazyImage = entry.target;
3955                                lazyImage.src = lazyImage.dataset.src;
3956                                lazyImage.classList.remove("lazy");
3957                                lazyImageObserver.unobserve(lazyImage);
3958                            }
3959                        });
3960                    });
3961
3962                    lazyImages.forEach(function(lazyImage) {
3963                        lazyImageObserver.observe(lazyImage);
3964                    });
3965                } else {
3966                    // Possibly fall back to a more compatible method here
3967                    lazyImages.forEach(function(lazyImage) {
3968                        lazyImage.src = lazyImage.dataset.src;
3969                        lazyImage.classList.remove("lazy");
3970                    });
3971                }
3972            });
3973            // Iframe LazyLoad
3974            document.addEventListener("DOMContentLoaded", function() {
3975                var lazyIframes = [].slice.call(document.querySelectorAll("iframe.lazy"));
3976                if ("IntersectionObserver" in window) {
3977                    let lazyIframeObserver = new IntersectionObserver(function(entries, observer) {
3978                        entries.forEach(function(entry) {
3979                            if (entry.isIntersecting) {
3980                                let lazyIframe = entry.target;
3981                                lazyIframe.src = lazyIframe.dataset.src;
3982                                lazyIframe.classList.remove("lazy");
3983                                lazyIframeObserver.unobserve(lazyIframe);
3984                            }
3985                        });
3986                    });
3987
3988                    lazyIframes.forEach(function(lazyIframe) {
3989                        lazyIframeObserver.observe(lazyIframe);
3990                    });
3991                } else {
3992                    lazyIframes.forEach(function(lazyIframe) {
3993                        lazyIframe.src = lazyIframe.dataset.src;
3994                        lazyIframe.classList.remove("lazy");
3995                    });
3996                }
3997            });
3998        </script>

3998
3999

3999<script type="text/javascript">
4000            // Img Opacity
4001            (function ($) {
4002                "use strict";
4003                $.fn.visible = function (partial) {
4004                    if (typeof ($(this).offset()) !== 'undefined') {
4005                        var $t = $(this),
4006                                $w = $(window),
4007                                viewTop = $w.scrollTop(),
4008                                viewBottom = viewTop + $w.height(),
4009                                _top = $t.offset().top,
4010                                _bottom = _top + $t.height(),
4011                                compareTop = partial === true ? _bottom : _top,
4012                                compareBottom = partial === true ? _top : _bottom;
4013                        return (((compareBottom <= viewBottom) && (compareTop >= viewTop)) || ((compareBottom <= viewBottom) && (compareTop >= viewTop)));
4014                    }
4015                };
4016                jQuery(window).ready(function ($) {
4017                    var bkWindow = jQuery(window), bkthumbnail = [], bkthumbnailfooter = [];
4018                    //bkRatingBars = $('.bk-overlay').find('.bk-zero-trigger'),
4019
4020                    jQuery('body img').not('.imgLineWidget').imagesLoaded(function () {
4021                        bkthumbnail = $('#section-content').find('img:not(.zoomImg)');
4022                        bkthumbnailfooter = $('#section-footer').find('img:not(.zoomImg)');
4023                    }).progress(function (instance, image) {
4024                        var result = image.isLoaded ? 'loaded' : 'broken';
4025                        if (($(image.img).visible(true)) && ($(image.img).css('opacity') == 0)) {
4026                            $(image.img).css('opacity', '1');
4027                        }
4028                        if ($(image.img).hasClass("infoThumbProduct") || $(image.img).attr("id") == "compareProductDisplay" || $(image.img).hasClass("fill")) {
4029                            $(image.img).css('opacity', '1');
4030                        }
4031                        if ($(image.img).closest(".owl-item").length > 0) {
4032                            $(image.img).css('opacity', '1');
4033                            var height = $(image.img).height();
4034                            $(image.img).css("height", height);
4035                        }
4036                    });
4037                    bkWindow.scroll(function (event) {
4038                        $.each(bkthumbnail, function (i, value) {
4039                            var bkValue = $(value);
4040                            if ((bkValue.visible(true)) && (bkValue.css('opacity') == 0) && !bkValue.hasClass('lazy')) {
4041                                bkValue.css('opacity', '1');
4042                            }
4043                        });
4044                        $.each(bkthumbnailfooter, function (i, value) {
4045                            var bkValueft = $(value);
4046                            if ((bkValueft.visible(true)) && (bkValueft.css('opacity') == 0) && !bkValueft.hasClass('lazy')) {
4047                                bkValueft.css('opacity', '1');
4048                            }
4049                        });
4050                    });
4051                });
4052            })(jQuery);
4053        </script>

4053
4054        
4055

4055<script type="text/javascript">
4056            $(function () {
4057                $('a[href^="tel:"], a[href^="Tel:"]').click(function () {
4058                    clickConversion('call');
4059                });
4060                $('a[href*="line.me"], a[href*="lin.ee"]').click(function () {
4061                    if($(this).hasClass('LineSocialPD')) return;
4062                    clickConversion('line');
4063                });
4064                $('a[href*="instagram.com"]').click(function () {
4065                    clickConversion('instagrams');
4066                })
4067                $('a[href*="facebook.com"], a[href*="fb.me"]').click(function () {
4068                    if($(this).hasClass('facebookSocialPD')) return;
4069                    clickConversion('facebook');
4070                })
4071            });
4072            function clickConversion(snippetType, value = null, transectionId = null) {
4073                            }
4074        </script>

4074
4075
4076        
4077        <!-- Script Schema -->
4078                <style> 
4079            @media (max-width: 992px){
4080                .widget-overlay .fb-customerchat span iframe , 
4081                .widget-overlay .fb_dialog .fb_dialog_content iframe , 
4082                .widget-overlay .fb_dialog_mobile .fb_dialog_content iframe,
4083                .widget-overlay iframe.fb_mpn_mobile_landing_page_slide_up { 
4084                    bottom: 70px !important 
4085                }
4086                #toTop.widget-to-top {
4087                    bottom :  150px !important;
4088                }
4089                #unknown{
4090                    bottom : 60px !important;
4091                }
4092            }
4093            .fb_new_ui_mobile_overlay_active {
4094                overflow: auto !important;
4095            }
4096        </style>
4097
4098        
4099    </body>
4100</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.