PageSourceSearch

https://henkel-cee.com/register

html henkel-cee.com collected 2026-09-26 15:09:04 UTC 310,788 bytes, 5,352 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="id">
4    <head>
5        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6        <title>BOCILTOTO | Situs Lengkap Rekomendasi Paling Oke</title>
7        
8                <meta name="viewport" content="width=1200, initial-scale=1">
9        
10        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
11        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
12        <link rel="preload" href="/style.scss" as="style" onload="this.onload=null;this.rel='stylesheet'">
13
14
15        <!--<link rel="stylesheet" href="/css/old/template/GM.css">-->
16        <link rel="stylesheet" href="/css/old/template/GM.css">
17        <link rel="stylesheet" href="/css/old/variable.css">
18        
19                <link rel="stylesheet" href="/css/old/dark.css">
20                
21        <link rel="stylesheet" href="/css/old/new2-style.css?1790258716">
22        <link rel="stylesheet" href="https://img.viva88athenae.com//icomoon/style.css">
23        <link rel="icon" type="image/png" href="/favicon.png">
24
25        <!-- Driver.js start -->
26        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.css"/>
27        
27<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.js.iife.js"></script>
27
28        <style>
29        @media (max-width: 768px) {
30            .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; }
31            .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; }
32            .driver-popover-description { font-size: 12px !important; }
33        }
34        </style>
35        <!--  Driver.js end -->
36        
37        
37<script src="/js/old/jquery-3.6.4.min.js"></script>
37
38        
38<script src="/js/old/jquery.marquee.min.js"></script>
38
39
40        <!-- RECAPTCHA -->
41                
42        <!-- Canonical -->
43<link rel="canonical" href="https://bociltoto-ori.com/" />
44<link rel="amphtml" href="https://ampbocil-01.com">
45<!-- End Canonical -->
46<meta name="description" itemprop="description" content="BOCILTOTO menghadirkan situs Game Online terlengkap yang direkomendasi oleh player di Indonesia." />
47<meta name="keywords" content="bociltoto" />
48<!-- Google Site Verification -->
49<meta name="google-site-verification" content="t4_snvJmWyRMnKsUa69IADrrQUEa7ku5KaZIYpBBVL0" />
50<!-- LH -->
51<!-- Meta Pixel Code -->
52<script>
vendor: 408 bytes, lines 52-61
52
53!function(f,b,e,v,n,t,s)
54{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
55n.callMethod.apply(n,arguments):n.queue.push(arguments)};
56if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
57n.queue=[];t=b.createElement(e);t.async=!0;
58t.src=v;s=b.getElementsByTagName(e)[0];
59s.parentNode.insertBefore(t,s)}(window, document,'script',
60'https://connect.facebook.net/en_US/fbevents.js');
61fbq('init', '
611082970880257655
vendor: 32 bytes, lines 61-62
61');
62fbq('track', 'PageView');
63</script>
63
64<noscript><img height="1" width="1" style="display:none"
65src="https://www.facebook.com/tr?id=1082970880257655&ev=PageView&noscript=1"
66/></noscript>
67<!-- End Meta Pixel Code -->
68
69<!-- Meta Pixel Code -->
70<script>
vendor: 408 bytes, lines 70-79
70
71!function(f,b,e,v,n,t,s)
72{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
73n.callMethod.apply(n,arguments):n.queue.push(arguments)};
74if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
75n.queue=[];t=b.createElement(e);t.async=!0;
76t.src=v;s=b.getElementsByTagName(e)[0];
77s.parentNode.insertBefore(t,s)}(window, document,'script',
78'https://connect.facebook.net/en_US/fbevents.js');
79fbq('init', '
79703311548685225
vendor: 32 bytes, lines 79-80
79');
80fbq('track', 'PageView');
81</script>
81
82<noscript><img height="1" width="1" style="display:none"
83src="https://www.facebook.com/tr?id=703311548685225&ev=PageView&noscript=1"
84/></noscript>
85<!-- End Meta Pixel Code -->
86
87<!-- Meta Pixel Code -->
88<script>
vendor: 408 bytes, lines 88-97
88
89!function(f,b,e,v,n,t,s)
90{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
91n.callMethod.apply(n,arguments):n.queue.push(arguments)};
92if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
93n.queue=[];t=b.createElement(e);t.async=!0;
94t.src=v;s=b.getElementsByTagName(e)[0];
95s.parentNode.insertBefore(t,s)}(window, document,'script',
96'https://connect.facebook.net/en_US/fbevents.js');
97fbq('init', '
971346399659740492
vendor: 32 bytes, lines 97-98
97');
98fbq('track', 'PageView');
99</script>
99
100<noscript><img height="1" width="1" style="display:none"
101src="https://www.facebook.com/tr?id=1346399659740492&ev=PageView&noscript=1"
102/></noscript>
103<!-- End Meta Pixel Code -->
104
105<!-- ZT -->
106<!-- Meta Pixel Code -->
107<script>
vendor: 408 bytes, lines 107-116
107
108!function(f,b,e,v,n,t,s)
109{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
110n.callMethod.apply(n,arguments):n.queue.push(arguments)};
111if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
112n.queue=[];t=b.createElement(e);t.async=!0;
113t.src=v;s=b.getElementsByTagName(e)[0];
114s.parentNode.insertBefore(t,s)}(window, document,'script',
115'https://connect.facebook.net/en_US/fbevents.js');
116fbq('init', '
1161791775371828969
vendor: 32 bytes, lines 116-117
116');
117fbq('track', 'PageView');
118</script>
118
119<noscript><img height="1" width="1" style="display:none"
120src="https://www.facebook.com/tr?id=1791775371828969&ev=PageView&noscript=1"
121/></noscript>
122<!-- End Meta Pixel Code -->
123
124<!-- Meta Pixel Code -->
125<script>
vendor: 408 bytes, lines 125-134
125
126!function(f,b,e,v,n,t,s)
127{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
128n.callMethod.apply(n,arguments):n.queue.push(arguments)};
129if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
130n.queue=[];t=b.createElement(e);t.async=!0;
131t.src=v;s=b.getElementsByTagName(e)[0];
132s.parentNode.insertBefore(t,s)}(window, document,'script',
133'https://connect.facebook.net/en_US/fbevents.js');
134fbq('init', '
1342244957826297025
vendor: 32 bytes, lines 134-135
134');
135fbq('track', 'PageView');
136</script>
136
137<noscript><img height="1" width="1" style="display:none"
138src="https://www.facebook.com/tr?id=2244957826297025&ev=PageView&noscript=1"
139/></noscript>
140<!-- End Meta Pixel Code -->
141
142<!-- Meta Pixel Code -->
143<script>
vendor: 408 bytes, lines 143-152
143
144!function(f,b,e,v,n,t,s)
145{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
146n.callMethod.apply(n,arguments):n.queue.push(arguments)};
147if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
148n.queue=[];t=b.createElement(e);t.async=!0;
149t.src=v;s=b.getElementsByTagName(e)[0];
150s.parentNode.insertBefore(t,s)}(window, document,'script',
151'https://connect.facebook.net/en_US/fbevents.js');
152fbq('init', '
15238015756631370941
vendor: 32 bytes, lines 152-153
152');
153fbq('track', 'PageView');
154</script>
154
155<noscript><img height="1" width="1" style="display:none"
156src="https://www.facebook.com/tr?id=38015756631370941&ev=PageView&noscript=1"
157/></noscript>
158<!-- End Meta Pixel Code -->
159        <style>
160        
161        .wrapper {
162            display: grid;
163            grid-template-columns: 1fr;
164            grid-template-areas:
165            "marquee"
166            "header"
167            "devider"
168            "contentdata"
169            "togel-desktop"
170            "widget-kupon"
171            "widget-sbo"
172            "provider"
173            "transaksi"
174            "guidelines"
175            "bantuan"
176            "footer"
177        }
178        
179        .widget-kupon {
180            grid-area: widget-kupon;
181            padding-top: 20px;
182            background: var(--footer-background);
183            display: flex;
184            align-items: center;
185            position: relative;
186        }
187
188        .widget-sbo {
189            grid-area: widget-sbo;
190            padding-top: 20px;
191            display: flex;
192            align-items: center;
193            position: relative;
194        }
195        
196            .iframe-kupon {
197                width: 1000px;
198                height: 200px;
199                display: block;
200                vertical-align: bottom;
201            }
202                    
203            .login-input-field {
204                font-size: 1rem;
205            }
206            
207            .btn-aduan2 {
208                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
209                -webkit-background-clip: text;
210                -webkit-text-fill-color: transparent;
211                background-size: 300% 300%;
212                animation: gradient 2s ease infinite;
213            }
214            
215            .transaksi-title {
216                place-items: start;
217            }
218            
219            .btn-tele {
220                font-size: 1.2rem;
221                text-shadow: 1px 1px #000000;
222                height: 36px!important;
223                border-radius: 8px;
224                background: #28323C;
225                color: white;
226            }
227            
228            #marquee-mobile {
229                width: 100%;
230                overflow: hidden;
231            }
232            
233            #marquee-mobile .marquee-content {
234                display: flex;
235                align-items: center;
236                width: 100%;
237                overflow: hidden;
238            }
239            
240            #marquee-mobile .running {
241                position: relative;
242                flex: 1 1 auto;
243                min-width: 0;
244                overflow: hidden;
245            }
246            
247            #marquee-mobile .broadcast {
248                display: inline-block;
249                white-space: nowrap;
250            }
251                        
252            #marquee {
253                overflow: hidden;
254            }
255            
256            #marquee .running {
257                overflow: hidden;
258            }
259            
260            #marquee .broadcast {
261                white-space: nowrap;
262            }
263            
264            body {
265                overflow-x: hidden;
266            }
267            
268            .btn-google {
269                width: 30px;
270                height: 30px;
271                background: #fff;
272                border: 1px solid #ddd;
273                border-radius: 3px;
274                display: inline-flex;
275                align-items: center;
276                justify-content: center;
277            }
278            
279            .btn-google:hover {
280                background: #f5f5f5;
281            }
282            
283            .btn-google-mobile {
284                background: #fff;
285                color: #3c4043;
286                border: 1px solid #dadce0;
287                border-radius: 3px;
288                height: 36px;
289                padding: 0 12px;
290                font-weight: 600;
291                font-size: 1.2rem;
292            
293                align-items: center;
294                justify-content: center;
295                gap: 8px;
296            }
297            
298            .btn-google-mobile:hover {
299                background: #f8f9fa;
300                color: #202124;
301            }
302
303            
304            @media only screen and (max-width: 1000px) {
305                
306            .wrapper {
307                display: grid;
308                grid-template-columns: 1fr;
309                grid-template-areas:
310                "appbar"
311                "marquee"
312                "header"
313                "contentdata"
314                "togel-mobile"
315                "widget-kupon"
316                "widget-sbo"
317                "devider"
318                "provider"
319                "transaksi"
320                "bantuan"
321                "footer"
322                "guidelines";
323            }
324            
325            .widget-kupon {
326                margin: 0px 20px;
327            }
328
329          
330                        
331                .iframe-kupon {
332                    padding: 0px;
333                    height: 262px;
334                    width: 100%;
335                    display: block;
336                    vertical-align: bottom;
337                }
338                
339            .transaksi-title {
340                place-items: center;
341            }
342                
343                .login-input-field {
344                    font-size: 1.2rem;
345                }      
346            }
347            
348            .grecaptcha-badge {
349                display: none !important;
350            }
351            
352        </style>
353
354    </head>
355    
356    
357
358    <body id="desktop">
359        
360        
361<div id="hover" class="hover desktop-only">
362
363    <div id="hover-togel" class="hover-menu">
364        <a href="/register" class="hover-item">
365            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
366            <figcaption>TOGEL</figcaption>
367        </a> 
368        
369        <a href="/register" class="hover-item">
370            <figure><img src="https://img.viva88athenae.com//icon-kupon1.png" alt="PAY4D"></figure>
371            <figcaption>KUPON</figcaption>
372        </a> 
373    </div>
374
375    <div id="hover-slot" class="hover-menu">
376        <a href="/slot/pp" class="hover-item">
377            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
378            <figcaption>PRAGMATIC PLAY</figcaption>
379        </a>
380
381        <a href="/slot/pg" class="hover-item">
382            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
383            <figcaption>PG SOFT</figcaption>
384        </a>
385
386        <a href="/slot/jl" class="hover-item">
387            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
388            <figcaption>JILI</figcaption>
389        </a> 
390
391        <a href="/slot/mgw" class="hover-item">
392            <figure><img src="https://img.viva88athenae.com//slot-mgw.png" alt="MEGAWIN"></figure>
393            <figcaption>MEGAWIN</figcaption>
394        </a>
395
396        <a href="/slot/atg" class="hover-item">
397            <figure><img src="https://img.viva88athenae.com//slot-atg.png" alt="ATG Games"></figure>
398            <figcaption>ATG Games</figcaption>
399        </a>
400
401        <a href="/slot/pok" class="hover-item">
402            <figure><img src="https://img.viva88athenae.com//slot-pok.png" alt="PopOK Gaming"></figure>
403            <figcaption>PopOK Gaming</figcaption>
404        </a>
405
406        <a href="/slot/ams" class="hover-item">
407            <figure><img src="https://img.viva88athenae.com//slot-ams.png" alt="ASKMESLOT"></figure>
408            <figcaption>ASKMESLOT</figcaption>
409        </a>
410
411        <a href="/slot/sdl" class="hover-item">
412            <figure><img src="https://img.viva88athenae.com//slot-sdl.png" alt="SHADY LADY"></figure>
413            <figcaption>SHADY LADY</figcaption>
414        </a>
415
416        <a href="/slot/hb" class="hover-item">
417            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
418            <figcaption>HABANERO</figcaption>
419        </a>
420        
421        <a href="/slot/sg" class="hover-item">
422            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
423            <figcaption>SPADEGAMING</figcaption>
424        </a>
425
426        <a href="/slot/nlc" class="hover-item">
427            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
428            <figcaption>NOLIMIT CITY</figcaption>
429        </a>
430
431        <a href="/slot/fs" class="hover-item">
432            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
433            <figcaption>FASTSPIN</figcaption>
434        </a>
435
436        <a href="/slot/jg" class="hover-item">
437            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
438            <figcaption>JOKER</figcaption>
439        </a> 
440
441        <a href="/slot/mg" class="hover-item">
442            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
443            <figcaption>MICROGAMING</figcaption>
444        </a>
445
446        <a href="/slot/fgs" class="hover-item">
447            <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
448            <figcaption>5G GAMES</figcaption>
449        </a>
450
451        <a href="/slot/hks" class="hover-item">
452            <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
453            <figcaption>HACKSAW GAMING</figcaption>
454        </a>
455
456        <a href="/slot/nxt" class="hover-item">
457            <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
458            <figcaption>NEXTSPIN</figcaption>
459        </a>
460
461        <a href="/slot/ps" class="hover-item">
462            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
463            <figcaption>PLAYSTAR</figcaption>
464        </a>
465
466        <a href="/slot/pt" class="hover-item">
467            <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
468            <figcaption>PLAYTECH</figcaption>
469        </a>
470
471        <a href="/slot/av" class="hover-item">
472            <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure>
473            <figcaption>ADVANT PLAY</figcaption>
474        </a>
475
476        <a href="/slot/cmp" class="hover-item">
477            <figure><img src="https://img.viva88athenae.com//slot-cmp.png" alt="COSMOPLAY"></figure>
478            <figcaption>COSMOPLAY</figcaption>
479        </a> 
480
481        <a href="/slot/cq9" class="hover-item">
482            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
483            <figcaption>CQ9</figcaption>
484        </a>    
485
486        <a href="/slot/wow" class="hover-item">
487            <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure>
488            <figcaption>WOW GAMING</figcaption>
489        </a>
490
491        <a href="/slot/l22" class="hover-item">
492            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
493            <figcaption>LIVE22</figcaption>
494        </a> 
495
496        <a href="/slot/ss" class="hover-item">
497            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
498            <figcaption>SBO SLOT</figcaption>
499        </a>
500        
501        <!-- <a href="/slot/nte" class="hover-item">
502            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
503            <figcaption>NETENT</figcaption>
504        </a> --> 
505      
506        <!-- <a href="/slot/ttg" class="hover-item">
507            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
508            <figcaption>TOPTREND GAMING</figcaption>
509        </a> -->
510    </div>
511
512    <div id="hover-live" class="hover-menu" >
513        <a href="/casino/pplc" class="hover-item">
514            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
515            <figcaption>PRAGMATIC PLAY</figcaption>
516        </a>
517
518        <a href="/casino/evo" class="hover-item">
519            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
520            <figcaption>EVOLUTION</figcaption>
521        </a>
522
523        <a href="/casino/mglc" class="hover-item">
524            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure>
525            <figcaption>MICROGAMING</figcaption>
526        </a>
527
528        <a href="/casino/ptg" class="hover-item">
529            <figure><img src="https://img.viva88athenae.com//live-ptg.png" alt="PRETTY GAMING"></figure>
530            <figcaption>PRETTY GAMING</figcaption>
531        </a>
532
533        <a href="/casino/ion" class="hover-item">
534            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
535            <figcaption>ION CASINO</figcaption>
536        </a>
537
538        <a href="/casino/sx" class="hover-item">
539            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
540            <figcaption>SEXY GAMING</figcaption>
541        </a>
542
543        <a href="/casino/sa" class="hover-item">
544            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
545            <figcaption>SA GAMING</figcaption>
546        </a>   
547
548        <a href="/casino/ab" class="hover-item">
549            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
550            <figcaption>ALLBET</figcaption>
551        </a> 
552
553        <a href="/casino/ptlc" class="hover-item">
554            <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure>
555            <figcaption>PLAYTECH LIVE</figcaption>
556        </a>
557
558        <!-- <a href="/casino/gmnl" class="hover-item">
559            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
560            <figcaption>GEMINI LIVE</figcaption>
561        </a> -->
562
563        <a href="/casino/og" class="hover-item">
564            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
565            <figcaption>OPUS PLUS</figcaption>
566        </a>
567
568        <a href="/casino/sbol" class="hover-item">
569            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
570            <figcaption>SBOBET CASINO</figcaption>
571        </a>    
572    </div>
573
574    <div id="hover-sport" class="hover-menu">
575        <a href="/register" class="hover-item">
576            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
577            <figcaption>SABA</figcaption>
578        </a>
579
580        <a href="/register" class="hover-item">
581            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
582            <figcaption>SBOBET</figcaption>
583        </a>
584        
585        <a href="/register" class="hover-item">
586            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
587            <figcaption>CMD368</figcaption>
588        </a>  
589
590        <!-- <a href="/register" class="hover-item">
591            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
592            <figcaption>PINNACLE</figcaption>
593        </a>   -->
594	
595	    <a href="/register" class="hover-item">
596            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
597            <figcaption>TFGAMING</figcaption>
598        </a>        
599    </div>
600
601    <div id="hover-fishing" class="hover-menu">
602        <a href="/arcade/jl" class="hover-item">
603            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
604            <figcaption>JILI</figcaption>
605        </a>
606    
607        <a href="/arcade/sg" class="hover-item">
608            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
609            <figcaption>SPADE GAMING</figcaption>
610        </a>
611
612        <a href="/arcade/fs" class="hover-item">
613            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
614            <figcaption>FASTSPIN</figcaption>
615        </a>
616
617        <a href="/arcade/ams" class="hover-item">
618            <figure><img src="https://img.viva88athenae.com//fish-ams.png" alt="ASKMESLOT"></figure>
619            <figcaption>ASKMESLOT</figcaption>
620        </a>
621
622        <!-- <a href="/arcade/ps" class="hover-item">
623            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
624            <figcaption>PLAYSTAR</figcaption>
625        </a>
626
627	    <a href="/arcade/l22" class="hover-item">
628            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
629            <figcaption>LIVE22</figcaption>
630        </a>  -->
631
632    </div>
633
634    <div id="hover-sabung" class="hover-menu">
635        <a href="/sabung/ws" class="hover-item">
636            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
637            <figcaption>WS168</figcaption>
638        </a>
639
640        <a href="/sabung/sv" class="hover-item">
641            <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure>
642            <figcaption>SV388</figcaption>
643        </a> 
644    </div>
645    
646    <div id="hover-interactive" class="hover-menu">
647        <a href="/interactive/pp" class="hover-item">
648            <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure>
649            <figcaption>PRAGMATIC PLAY</figcaption>
650        </a> 
651        
652        <a href="/interactive/gmn" class="hover-item">
653            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
654            <figcaption>GEMINI</figcaption>
655        </a> 
656
657        <a href="/interactive/jl" class="hover-item">
658            <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
659            <figcaption>JILI</figcaption>
660        </a> 
661
662        <a href="/interactive/jg" class="hover-item">
663            <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
664            <figcaption>JOKER</figcaption>
665        </a>
666
667        <a href="/interactive/atg" class="hover-item">
668            <figure><img src="https://img.viva88athenae.com//interactive-atg.png" alt="ATG Games"></figure>
669            <figcaption>ATG Games</figcaption>
670        </a>
671
672        <a href="/interactive/pok" class="hover-item">
673            <figure><img src="https://img.viva88athenae.com//interactive-pok.png" alt="PopOK Gaming"></figure>
674            <figcaption>PopOK Gaming</figcaption>
675        </a>
676
677        <a href="/interactive/ams" class="hover-item">
678            <figure><img src="https://img.viva88athenae.com//interactive-ams.png" alt="ASKMESLOT"></figure>
679            <figcaption>ASKMESLOT</figcaption>
680        </a>
681
682        <a href="/interactive/mg" class="hover-item">
683            <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
684            <figcaption>MICRO GAMING</figcaption>
685        </a>
686
687        <a href="/interactive/hks" class="hover-item">
688            <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
689            <figcaption>HACKSAW GAMING</figcaption>
690        </a>
691
692        <a href="/interactive/pt" class="hover-item">
693            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
694            <figcaption>PLAYTECH</figcaption>
695        </a> 
696        
697        <a href="/interactive/wow" class="hover-item">
698            <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure>
699            <figcaption>WOW GAMING</figcaption>
700        </a> 
701
702        <!-- <a href="/interactive/ps" class="hover-item">
703            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
704            <figcaption>PLAYSTAR</figcaption>
705        </a>  -->
706    </div>
707
708
709
710</div>
711<style>
712    .my-navbar {
713        height: 44px; 
714        padding: 0px; 
715        width: 100%; 
716        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 
717        position: fixed; 
718        bottom: 0; 
719        color: white; 
720        z-index: 1100; 
721        display: flex; 
722        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
723    }
724    
725    .navbar-item {
726        height: 100%; 
727        width: 100%; 
728        display: flex;
729        flex-direction: column;
730        align-items: center;
731        justify-content: center;
732    }
733    
734    .navbar-item-content {
735        display: flex;
736        flex-direction: column;
737        justify-content: center;
738        align-items: center;
739        position: absolute; 
740        top: -16px
741    }
742    
743    .navbar-item-content>i {
744         font-size: 20px;
745         line-height: 22px;
746         color: white;
747         padding-bottom: 4px;
748    }
749    
750    .navbar-item-content>img {
751         height: 28px; 
752         width: 28px;
753    }
754    
755    .navbar-item-content>label {
756        white-space: nowrap; 
757        margin-top: 4px; 
758        font-weight: bold; 
759        font-size: var(--text-size-default); 
760        color: white
761    }
762    
763    .speed-dial-item {
764        opacity: 0;
765        visibility: hidden;
766        transform: translateY(10px);
767        transition: opacity 0.3s ease, transform 0.3s ease;
768    }
769    
770    .speed-dial-active .speed-dial-item {
771        opacity: 1;
772        visibility: visible;
773        transform: translateY(0);
774    }
775    
776    /* Delay each item’s appearance */
777    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
778    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
779    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
780    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
781    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }       
782
783    
784</style>
785
786
787<div class="mobile-only" >
788        <div class="my-navbar">
789            <a href="/" class="navbar-item" style="position: relative">
790                <div class="navbar-item-content">
791                    <img src="https://img.viva88athenae.com//beranda.png"/>
792                    <label>BERANDA</label>
793                </div>
794            </a>
795            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
796            <a href="/m/promosi"  class="navbar-item">
797                <div class="navbar-item-content">
798                    <img src="https://img.viva88athenae.com//promosi.png"/>
799                    <label>PROMOSI</label>
800                </div>
801            </a>
802            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
803            <a href="/m/event"  class="navbar-item">
804                <div class="navbar-item-content">
805                    <img src="https://img.viva88athenae.com//events.png"/>
806                    <label>EVENT</label>
807                </div>
808            </a>
809            
810                            
811                    <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
812                    <div class="navbar-item">
813                        <div class="navbar-item-content speed-dial-btn">
814                            <img src="https://img.viva88athenae.com//chat.png"/>
815                            <label>CHAT</label>
816                        </div>
817                        
818                                                    
819                                <a href="https://www.facebook.com/groups/bociltoto/" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -48px; height: 40px; width: 40px">
820                                    <img src="https://img.viva88athenae.com//facebook.png" style="width: 100%; height: 100%"/>
821                                </a>
822                            
823                                                        
824                                <a href="https://t.me/bociltoto" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -96px; height: 40px; width: 40px">
825                                    <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/>
826                                </a>
827                            
828                                                        
829                                <a href="https://4l5j.short.gy/wa-bociltoto" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -144px; height: 40px; width: 40px">
830                                    <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/>
831                                </a>
832                            
833                                                    
834                    </div>
835                
836                
837                                        
838            
839            
840            
841            
842                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
843                <a href="https://4l5j.short.gy/chat-bociltoto"  target="_blank" class="navbar-item">
844                <div class="navbar-item-content">
845                    <img src="https://img.viva88athenae.com//livechat.png"/>
846                    <label>LIVECHAT</label>
847                </div>
848                </a>
849            
850        </div>
851</div>
852
853<script>
854    document.addEventListener("DOMContentLoaded", function () {
855    const speedDialBtn = document.querySelector(".speed-dial-btn");
856    const speedDialItems = document.querySelectorAll(".speed-dial-item");
857    let isOpen = false;
858
859    speedDialBtn.addEventListener("click", function () {
860        isOpen = !isOpen;
861
862        speedDialItems.forEach((item, index) => {
863            if (isOpen) {
864                item.style.opacity = "1";
865                item.style.visibility = "visible";
866                item.style.transform = "translateY(0)";
867                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
868            } else {
869                item.style.opacity = "0";
870                item.style.visibility = "hidden";
871                item.style.transform = "translateY(10px)";
872                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
873            }
874        });
875    });
876});
877</script>
877        
878        
879        
880        <div id="top" class="wrapper">
881
882            
883                
884            <header class="header">
885                <div class="header-content">
886                    <div class="logo" href="/">
887                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
888                    </div>
889                    
890                    <div id="marquee-mobile" class="marquee mobile-only">
891                        <div class="marquee-content">
892                            <div class="d-flex align-items-center gap-2 flex-shrink-0">
893                                <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i>
894                            </div>
895                    
896                            <div class="running">
897                                <div class="marquee-shadow"></div>
898                                <div class="broadcast mobile-broadcast">SELAMAT DATANG DI BOCILTOTO SITUS GAME ONLINE TERPOPULER DAN TERBESAR DI INDONESIA DENGAN BERBAGAI PROMO DAN BONUS MENARIK</div>
899                            </div>
900                    
901                            <div class="d-flex align-items-center gap-2 flex-shrink-0"></div>
902                        </div>
903                    </div>
904                    
905                    <div class="mslider mobile-only">
906                                            </div>
907                    
908                    <div class="login mobile-only">
909                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
910                                <form class="login-form form" style="padding: 0px; padding-top: 16px" role="form">
911                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
912                                    <div class="input-group login-field">
913                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
914                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
915                                    </div>
916                                    <div class="input-group login-field">
917                                        <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
918                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
919                                    </div>
920                                    
921                                    <!-- captcha -->
922                                   
923                                    <div id="mverifikasiform" class="w-100" style=" ">
924                                        
925                                        <span id="verifikasi"><img src="/m/capimg.php?9246" width="100%" height="36" style="border-radius: 5px;"></span>
926                                        <div class="input-group login-field mt-1">
927                                            <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
928                                            <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi">
929                                        </div>
930                                    </div>
931
932                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
933                    
934                                    <!-- end captcha -->
935                                    
936                                    <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;">
937                                        <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me
938                                    </label>
939        
940                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
941                                    <button type="button" class="btn btn-daftar bt
941n-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>
942                                    
943                                                                        
944                                    
945                                    <input type="hidden" name="task" value="login">    
946                                    <input type="hidden" name="iscaptchalogin" value="1">
947                                    <input type="hidden" name="loginmobile" value="IYhpaMKFP9/kcDvrzkFBtKSLW27gnUyd1L1gNINfYoQ=">
948                                    <input type="hidden" name="isrecaptchalogin" value="0">
949                                </form>
950                            </div>
951
952                                                        
953                            <!-- Change Password Mobile -->
954                            <div id="mobile-changepassword-form" style="width: 100%; display: none">
955                                <div id="mobilechangepassword">
956                                    <form id="formChangePasswordMobile" class="login-form p-0 pt-4">
957                                        <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div>
958                                        <div class="prepend" style="width: 100%; height: 36px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; border-radius: 3px; font-size: 1.2rem; font-weight: bold">
959                                            <span>GANTI PASSWORD</span>
960                                            <span style="font-size: 1rem; color: #333;" id="mobile-username-display">
961                                                                                            </span>
962                                        </div>
963                                        
964                                        <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;">
965                                            ⚠️ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat.
966                                        </div>
967                                        
968                                        <!-- <div class="input-group login-field">
969                                            <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
970                                            <input type="password" class="form-control login-input-field" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama">
971                                        </div>
972                                        <div class="error-msg" id="err_old_password_mobile"></div> -->
973                                        
974                                        <div class="input-group login-field">
975                                            <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
976                                            <input type="password" class="form-control login-input-field" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)">
977                                        </div>
978                                        <div class="error-msg" id="err_new_password_mobile"></div>
979                                        
980                                        <div class="input-group login-field">
981                                            <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
982                                            <input type="password" class="form-control login-input-field" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru">
983                                        </div>
984                                        <div class="error-msg" id="err_confirm_password_mobile"></div>
985                                        
986                                        <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;">
987                                            <strong style="color: #856404;">Persyaratan Password:</strong>
988                                            <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;">
989                                                <li>Minimal 6 karakter</li>
990						                        <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li>
991                                                <!-- <li>Harus mengandung angka (0-9)</li> -->
992                                                <!-- <li>Tidak boleh mengandung username Anda</li> -->
993                                                <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li>
994                                                <li>Hindari password yang mudah ditebak</li>
995                                            </ul>
996                                        </div>
997                                        
998                                        <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button>
999                                        <input type="hidden" name="task" value="change_password">
1000                                    </form>
1001                                </div>
1002                                
1003                                
1003<script>
1004                                $(document).ready(function(){
1005                                    $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() {
1006                                        var newPass = $('#cp_new_password_mobile').val();
1007                                        var confirmPass = $('#cp_confirm_password_mobile').val();
1008                                        var currentField = $(this);
1009                                        
1010                                        $('#cp_new_password_mobile').removeClass('error-border valid-border');
1011                                        $('#cp_confirm_password_mobile').removeClass('error-border valid-border');
1012                                        $('#err_new_password_mobile').hide();
1013                                        $('#err_confirm_password_mobile').hide();
1014                                        
1015                                        if (newPass.length > 0 && confirmPass.length > 0) {
1016                                            if (newPass === confirmPass) {
1017                                                $('#cp_new_password_mobile').addClass('valid-border');
1018                                                $('#cp_confirm_password_mobile').addClass('valid-border');
1019                                            } else {
1020                                                $('#cp_new_password_mobile').addClass('error-border');
1021                                                $('#cp_confirm_password_mobile').addClass('error-border');
1022                                                if (currentField.attr('id') === 'cp_new_password_mobile') {
1023                                                    $('#err_new_password_mobile').text('Password tidak sama').show();
1024                                                } else {
1025                                                    $('#err_confirm_password_mobile').text('Password tidak sama').show();
1026                                                }
1027                                            }
1028                                        }
1029                                    });
1030                                });
1031                                </script>
1031
1032                            </div>
1033                            
1034                            <!-- Register Mobile -->
1035                            <style>
1036                              .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
1037                              .error-border { border-color: red !important; }
1038                              .valid-border { border-color: green !important; }
1039                            </style>
1040                            <div id="mobile-daftar-form" style="width: 100%; display: none">
1041                                    <div id="mobileregister">
1042                                	   <form id="formRegister" class="login-form  p-0 pt-4">
1043                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
1044                                            <div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">DAFTAR</div>
1045                                            <div class="input-group login-field">
1046                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1047                                                <input type="text" class="form-control login-input-field" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi">
1048                                            </div>
1049                                            <div class="error-msg" id="err_username"></div>
1050                                            <div class="input-group login-field">
1051                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
1052                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
1053                                            </div>
1054                                                <div class="error-msg" id="err_password"></div>
1055                                            <div class="input-group login-field">
1056                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
1057                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
1058                                            </div>
1059                                                <div class="error-msg" id="err_passcon"></div>
1060                                            <div class="input-group login-field">
1061                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
1062                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
1063                                            </div>
1064                                                <div class="error-msg" id="err_email"></div>
1065                                            <div class="input-group login-field">
1066                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
1067                                                <input type="text" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
1068                                            </div>
1069                                                <div class="error-msg" id="err_telpon"></div>
1070                                            
1071                                            <div class="input-group login-field">
1072                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
1073                                            		<option value="">Pilih Bank</option>
1074                            						 <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='BJB'>BJB</option><option value='PANIN'>PANIN</option><option value='OCBC'>OCBC</option><option value='SUMUT'>SUMUT</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='DBS'>DBS</option><option value='Sinarmas'>Sinarmas</option><option value='UOB'>UOB</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>
1074GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Sakuku'>Sakuku</option><option value='Lain-lain'>Lain-lain</option>                                                </select>
1075                                            </div>
1076                                                <div class="error-msg" id="err_bank"></div>
1077                        
1078                                            <div class="input-group login-field">
1079                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span>
1080                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
1081                                            </div>
1082                                                <div class="error-msg" id="err_rek"></div>
1083                                            <div class="input-group login-field">
1084                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
1085                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
1086                                            </div>
1087                                                <div class="error-msg" id="err_nama"></div>
1088                                            <div class="input-group login-field">
1089                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div></span>
1090                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
1091                                            </div>
1092                                            <div class="error-msg" id="err_ref"></div>
1093                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
1094                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
1095                                            
1096                                                                                                
1097                                                <div class="w-100 my-1">
1098                                                    <div id="capverifikasi">
1099                                                        <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
1100                                                    </div>
1101                                                    
1102                                                    <div class="input-group login-field mt-1">
1103                                                        <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
1104                                                    <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
1105                                                    </div>
1106                                                    <div class="error-msg" id="err_verifikasi"></div>
1107                                                    
1108                                                </div>
1109
1110                                                                                            
1111                                                <button type="button" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
1112                                                <input type="hidden" name="task" value="register">
1113                                                <input type="hidden" name="regmobile" value="tu/jSqjbk2q8Hq8bAzIM2PtfpXiUphZ9Uwuz2RYTIzw=">
1114                                                <input type="hidden" name="iscaptcharegister" value="1">
1115                                                <input type="hidden" name="isrecaptcha" value="
11150">
1116                                                <input type="hidden" name="isrecaptcharegister" value="0">
1117                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
1118                                    </form>
1119                                </div> 
1120                                                                
1120<script>
1121                                const WEBNAME = 'BocilToto';
1122                                const USE_STRONG_VALIDATION = false;
1123                                (function(){
1124                                  function root(){ return document.getElementById('mobileregister'); }
1125                                  function q(id){ return root()?.querySelector('#'+id) || null; }
1126                                  function qe(sel){ return root()?.querySelector(sel) || null; }
1127                                
1128                                  function showError(field,msg){
1129                                    const err = qe('#err_'+field);
1130                                    const inp = q('reg_'+field);
1131                                    if (err){ err.textContent = msg; err.style.display = 'block'; }
1132                                    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
1133                                  }
1134                                  function clearError(field){
1135                                    const err = qe('#err_'+field);
1136                                    const inp = q('reg_'+field);
1137                                    if (err) err.style.display = 'none';
1138                                    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
1139                                  }
1140  
1141                                    function checkPasswordStrengthJS(username, password) {
1142                                        const min_length = 6;
1143                                        const length = password.length;
1144                                        if (length < min_length) {
1145                                        return "Password harus minimal " + min_length + " karakter";
1146                                        }
1147                                        const hasLower = /[a-z]/.test(password);
1148                                        const hasUpper = /[A-Z]/.test(password);
1149                                        if (!(hasLower && hasUpper)) {
1150                                        return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka.";
1151                                        }
1152                                        if (!/[0-9]/.test(password)) {
1153                                        return "Password harus mengandung angka";
1154                                        }
1155                                        if (username && password.toLowerCase().includes(username.toLowerCase())) {
1156                                        return "Password tidak boleh mengandung username";
1157                                        }
1158                                        const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/;
1159                                        if (numSeq.test(password)) {
1160                                        return "Password tidak boleh mengandung angka berurutan";
1161                                        }
1162                                        const letterSeqStr = "(abc|bcd|cde|def|efg|fgh|ghi|hij|ijk|jkl|klm|lmn|mno|nop|opq|pqr|qrs|rst|stu|tuv|uvw|vwx|wxy|xyz|"
1163                                                        + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|"
1164                                                        + "qwert|werty|asdf|zxcv|uiop|hjkl)";
1165                                        const letterSequences = new RegExp(letterSeqStr, "i");
1166                                        if (letterSequences.test(password)) {
1167                                        return "Password tidak boleh mengandung huruf berurutan";
1168                                        }
1169                                        return null;
1170                                    }
1171                                
1172                                  function vUsername(){
1173                                    const v = (q('reg_username')?.value || '').trim();
1174                                    if (!v) return showError('username','Username tidak boleh kosong'), false;
1175                                    if (v.length < 6) return showError('username','Username minimal 6 karakter'), false;
1176                                    if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false;
1177                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
1178                                    clearError('username'); return true;
1179                                  }
1180                                function vPass(){
1181                                    const v = q('reg_pass')?.value || '';
1182                                    if(!v) {
1183                                        showError('password','Password tidak boleh kosong');
1184                                        return false;
1185                                    }
1186                                    if (USE_STRONG_VALIDATION) {
1187                                        const username = (q('reg_username')?.value || '').trim();
1188                                        const err = checkPasswordStrengthJS(username, v);
1189                                        if (err) {
1190                                            showError('password', err);
1191                                            return false;
1192                                        }
1193                                        clearError('password');
1194                                        if (q('reg_passcon')?.value) {
1195                                            vPasscon();
1196                                        }
1197                                        return true;
1198                                    }
1199                                    
1200                                    if (v.length < 6) {
1201                                        showError('password','Password minimal 6 karakter');
1202                                        return false;
1203                                    }
1204                                    
1205                                    clearError('password');
1206                                    return true;
1207                                }
1208                                function vPasscon() {
1209                                    const p1 = q('reg_pass')?.value || '';
1210                                    const p2 = q('reg_passcon')?.value || '';
1211                                    if (!p2) {
1212                                        showError('passcon', 'Konfirmasi password kosong');
1213                                        return false;
1214                                    }
1215                                    if (USE_STRONG_VALIDATION) {
1216                                        const username = (q('reg_username')?.value || '').trim();
1217                                        const err = checkPasswordStrengthJS(username, p1);
1218                                        if (err) {
1219                                            showError('passcon', err);
1220                                            return false;
1221                                        }
1222                                    }
1223                                    
1224                                    if (p1 !== p2) {
1225                                        showError('passcon', 'Konfirmasi tidak sama');
1226                                        return false;
1227                                    }
1228                                    
1229                                    clearError('passcon');
1230                                    return true;
1231                                }
1232                                //   function vPass(){
1233                                //     const v = q('reg_pass')?.value || '';
1234                                //     if (!v) return showError('password','Password tidak boleh kosong'), false;
1235                                //     if (v.length < 6) return showError('password','Password minimal 6 karakter'), false;
1236                                //     clearError('password'); return true;
1237                                //   }
1238                                //   function vPasscon(){
1239                                //     const p1 = q('reg_pass')?.value || '';
1240                                //     const p2 = q('reg_passcon')?.value || '';
1241                                //     if (!p2) return showError('passcon','Konfirmasi password kosong'), false;
1242                                //     if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false;
1243                                //     clearError('passcon'); return true;
1244                                //   }
1245                                  function vEmail(){
1246                                    const v = (q('reg_email')?.value || '').trim();
1247                                    if (!v) return showError('email','Email tidak boleh kosong'), false;
1248                                    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
1249                                    clearError('email'); return true;
1250                                  }
1251                                  function vTelp(){
1252                                    const el = q('reg_telpon'); if (!el) return true;
1253                                    el.value = (el.value || '').replace(/\D/g,'');
1254                                    if (!el.value) return showError('telpon','Telpon kosong'), false;
1255                                    if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false;
1256                                    clearError('telpon'); return true;
1257                                  }
1258                                  function vBank(){
1259                                    if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
1260                                    clearError('bank'); return true;
1261                                  }
1262                                  function vRek(){
1263                                    const el = q('reg_rek'); if (!el) return true;
1264                                    el.value = (el.value || '').replace(/\D/g,'');
1265                                    if (!el.value) return showError('rek','Rekening kosong'), false;
1266                                    if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false;
1267                                    clearError('rek'); return true;
1268                                  }
1269                                  function vNama(){
1270                                    const v = (q('reg_nama')?.value || '').trim();
1271                                    if (!v) return showError('nama','Nama kosong'), false;
1272                                    if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false;
1273                                    if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
1274                                    clearError('nama'); return true;
1275                                  }
1276                                  function vRefOpt(){
1277                                    const el = q('reg_ref'); if (!el) return true;
1278                                    const v = (el.value || '').trim();
1279                                    if (!v) return clearError('ref'), true;
1280                                    if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false;
1281                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false;
1282                                    clearError('ref'); return true;
1283                                  }
1284                                  function vVerifOpt(){
1285                                    const el = q('reg_verifikasi'); if (!el) return true;
1286                                    const v = (el.value || '').trim();
1287                                    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
1288                                    clearError('verifikasi'); return true;
1289                                  }
1290                                
1291                                  function validateAll(){
1292                                    const ok =
1293                                      vUsername() & vPass() & vPasscon() & vEmail() &
1294                                      vTelp() & vBank() & vRek() & vNama() &
1295                                      vRefOpt() & vVerifOpt();
1296                                    return !!ok;
1297                                  }
1298                                  
1299                                  function attach(id, validator, opts){
1300                                    const el = q(id); if (!el) return;
1301                                    const run = () => validator();
1302                                    el.addEventListener('focus', run);
1303                                    if (!opts || opts.input !== false) el.addEventListener('input', run);
1304                                    el.addEventListener('blur', run);
1305                                    if (opts && opts.change) el.addEventListener('change', run);
1306                                  }
1307                                
1308                                  document.addEventListener('DOMContentLoaded', function(){
1309                                    attach('reg_username',   vUsername);
1310                                    attach('reg_pass',       vPass);
1311                                    attach('reg_passcon',    vPasscon);
1312                                    attach('reg_email',      vEmail);
1313                                    attach('reg_telpon',     vTelp);
1314                                    attach('reg_bank',       vBank, { input
1314:false, change:true });
1315                                    attach('reg_rek',        vRek);
1316                                    attach('reg_nama',       vNama);
1317                                    attach('reg_ref',        vRefOpt);
1318                                    attach('reg_verifikasi', vVerifOpt);
1319                                
1320                                    const f = q('formRegister');
1321                                    if (f) {
1322                                      f.addEventListener('submit', function(e){
1323                                        if (!validateAll()) {
1324                                          e.preventDefault();
1325                                          const firstErr = root()?.querySelector('.error-border') || q('reg_username');
1326                                          if (firstErr && firstErr.focus) firstErr.focus();
1327                                        }
1328                                      });
1329                                    }
1330                                  });
1331                                })();
1332                                </script>
1332
1333                        </div>                 
1334                    </div>
1335    
1336                    <div class="menu">
1337                        <style>
1338    .menu-item {
1339        display: flex;
1340        flex-direction: column;
1341        align-items: center;
1342        justify-content: center;
1343        gap: 12px;
1344        min-width: 72px;
1345        padding: 8px;
1346        height: 100%;
1347    }
1348    
1349    .menu-item:hover {
1350        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1351    }
1352    
1353    .menu-item.active {
1354        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1355    }
1356    
1357    .menu-item-img {
1358        height: 28px;
1359    }
1360    
1361    .menu-item-icon {
1362        font-size: 28px;
1363        color: var(--menu-item-color)
1364    }
1365    
1366    .menu-item:hover>.menu-item-icon {
1367        color: var(--primary-color);
1368    }
1369</style>
1370
1371
1372<a href="/" class="menu-item active">
1373    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1374    <i class="menu-item-icon icon-home" style="font-size: 28px"></i>
1375    <label>HOME</label>
1376</a>
1377
1378    <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
1379        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
1380        <!--<img src="https://img.viva88athenae.com//icons/lottery.png?1790258716" alt="TOGEL" class="menu-item-img">-->
1381        <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i>
1382        <label>TOGEL</label>
1383    </a>
1384    
1385
1386
1387<a href="/slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
1388    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1389    <i class="menu-item-icon icon-slots"></i>
1390    <label>SLOT</label>
1391</a>
1392<a href="/casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
1393    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
1394    <i class="menu-item-icon icon-casino"></i>
1395    <label>LIVE CASINO</label>
1396</a>
1397<a href="/sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
1398    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
1399    <i class="menu-item-icon icon-sports"></i>
1400    <label>SPORT</label>
1401</a>
1402<a href="/sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
1403<!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
1404    <i class="menu-item-icon icon-sabung"></i>
1405    <label>SABUNG</label>
1406</a>
1407<a href="/arcade" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
1408    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
1409    <i class="menu-item-icon icon-arcade"></i>
1410    <label>ARCADE</label>
1411</a>
1412<a href="/interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
1413    <i class="menu-item-icon icon-interactive"></i>
1414    <label>INTERACTIVE</label>
1415</a>
1416                    </div>
1417                                        
1418
1419
1420                    <div class="menu-mobile mobile-only" style="width: 100%; overflow-x: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)">
1421                        
1422                        
1423        <div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; left: 0; padding: 0px 6px" onclick="document.getElementById('menu-mobile').scrollBy(-40, 0)">
1424            <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1425        </div>
1426        
1427        <div style="position: absolute; height: 100%; background:  var(--primary-color); display: grid; place-items: center; right: 0; padding: 0px 6px;" onclick="document.getElementById('menu-mobile').scrollBy(40, 0)">
1428            <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1429        </div>
1430    
1431    
1432    <div id="menu-mobile" style="height:60px; overflow-x: scroll; overflow-y: hidden; max-width: 100%; display: block; margin-left: 28px; margin-right: 28px; background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)">
1433    
1434    
1435        <div style="white-space: nowrap; height: 100%; font-size: 0px">
1436                                        
1437                        <a href="#togel-mobile" style="height: 100%; width: 74px; display: inline-block;">
1438                        <div style="display: grid; place-items: center; height: 100%">
1439                            <div class="menu-item" style="gap: 8px">
1440                                <img class="mobile-only" src="https://img.viva88athenae.com//icons/lottery.png" alt="">
1441                                <label class="text-white">TOGEL</label>
1442                            </div>
1443                        </div>
1444                    </a>
1445                        
1446                                <div style="height: 100%; width: 74px; display: inline-block;">
1447                    <div style="display: grid; place-items: center; height: 100%">
1448                        <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')">
1449                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/slots.png" alt="">
1450                            <label class="text-white">SLOT</label>
1451                        </div>
1452                    </div>
1453                </div>
1454                <div style="height: 100%; width: 74px; display: inline-block;">
1455                    <div style="display: grid; place-items: center; height: 100%">
1456                        <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')">
1457                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/casino.png" alt="">
1458                            <label class="text-white">LIVE CASINO</label>
1459                        </div>
1460                    </div>
1461                </div>
1462                <div style="height: 100%; width: 74px; display: inline-block;">
1463                    <div style="display: grid; place-items: center; height: 100%">
1464                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')">
1465                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sp
1465orts.png" alt="">
1466                            <label class="text-white">SPORT</label>
1467                        </div>
1468                    </div>
1469                </div>
1470                <div style="height: 100%; width: 74px; display: inline-block;">
1471                    <div style="display: grid; place-items: center; height: 100%">
1472                    <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')">
1473                        <img class="mobile-only" src="https://img.viva88athenae.com//icons/arcade.png" alt="">
1474                        <label class="text-white">ARCADE</label>
1475                    </div>
1476                    </div>
1477                </div>
1478                <div style="height: 100%; width: 74px; display: inline-block;">
1479                    <div style="display: grid; place-items: center; height: 100%">
1480                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')">
1481                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sabung.png" alt="">
1482                            <label class="text-white">SABUNG</label>
1483                        </div>
1484                    </div>
1485                </div>
1486                
1487                <div style="height: 100%; width: 74px; display: inline-block;">
1488                    <div style="display: grid; place-items: center; height: 100%">
1489                        <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')">
1490                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/interactive.png" alt="">
1491                            <label class="text-white">INTERACTIVE</label>
1492                        </div>
1493                    </div>
1494                </div>
1495        </div>
1496    </div>                                                                                                                        
1497</div>                    
1498                    
1499                    <div class="menu-content mobile-only">
1500                            <div id="main-content" style="background: var(--content-box-background)">
1501                                                        </div>
1502                    </div>
1503                    
1504                    
1505                    <!-- Banner SBO -->
1506                        
1507                        <style>
1508                            .match-slider-wrap {
1509                                max-width: 1200px;
1510                                margin: 16px auto;
1511                                margin-bottom: 24px;
1512                                padding: 0 12px;
1513                            }
1514
1515                            .match-card {
1516                                position: relative;
1517                                overflow: hidden;
1518                                min-height: 180px;
1519                                border-radius: 16px;
1520                                background:
1521                                linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)),
1522                                linear-gradient(180deg, #232323 0%, #161616 100%);
1523                                color: #fff;
1524                                box-shadow: 0 10px 24px rgba(0,0,0,.35);
1525                                padding: 14px 14px 16px;
1526                            }
1527
1528                            .match-card::before {
1529                                content: "";
1530                                position: absolute;
1531                                inset: 0;
1532                                background: repeating-linear-gradient(
1533                                    -35deg,
1534                                    rgba(255,255,255,.04),
1535                                    rgba(255,255,255,.04) 8px,
1536                                    transparent 8px,
1537                                    transparent 18px
1538                                );
1539                                pointer-events: none;
1540                                opacity: .35;
1541                            }
1542
1543                            .match-card > * {
1544                                position: relative;
1545                                z-index: 1;
1546                            }
1547
1548                            .league-name {
1549                                font-size: 14px;
1550                                font-weight: 700;
1551                                letter-spacing: .4px;
1552                                text-transform: uppercase;
1553                                text-align: center;
1554                                margin-bottom: 2px;
1555                                color: #ffffff;
1556                            }
1557
1558                            .kickoff-time {
1559                                font-size: 14px;
1560                                font-weight: 800;
1561                                text-align: center;
1562                                color: #ffd23c;
1563                                margin-bottom: 12px;
1564                            }
1565
1566                            .match-main-row,
1567                            .match-odds-row {
1568                                display: flex;
1569                                align-items: flex-start;
1570                                justify-content: space-between;
1571                                gap: 0;
1572                            }
1573
1574                            .match-odds-row {
1575                                align-items: center;
1576                                margin-top: 12px;
1577                            }
1578
1579                            .team-col {
1580                                width: 30%;
1581                                text-align: center;
1582                                display: flex;
1583                                flex-direction: column;
1584                                align-items: center;
1585                            }
1586
1587                            .score-col {
1588                                width: 40%;
1589                                text-align: center;
1590                                display: flex;
1591                                flex-direction: column;
1592                                align-items: center;
1593                                justify-content: center;
1594                            }
1595
1596                            .team-logo {
1597                                width: 46px;
1598                                height: 46px;
1599                                object-fit: contain;
1600                                margin-bottom: 6px;
1601                            }
1602
1603                            .team-name {
1604                                font-size: 14px;
1605                                line-height: 1.15;
1606                                min-height: 34px;
1607                                display: flex;
1608                                align-items: center;
1609                                justify-content: center;
1610                                text-align: center;
1611                            }
1612
1613                            .score-value {
1614                                font-size: 28px;
1615                                font-weight: 800;
1616                                line-height: 1;
1617                                margin-bottom: 10px;
1618                            }
1619
1620                            .bet-btn {
1621                                display: inline-block;
1622                                min-width: 95px;
1623                                border-radius: 8px;
1624                                background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%);
1625                                color: #1d1d1d;
1626                                font-size: 14px;
1627                                font-weight: 800;
1628                                text-decoration: none;
1629                                padding: 10px 16px;
1630                                box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
1631                            }
1632
1633                            .bet-btn:hover {
1634                                color: #1d1d1d;
1635                                filter: brightness(1.03);
1636                            }
1637
1638                            .odds-col {
1639                                width: 30%;
1640                                text-align: center;
1641                                font-size: 12px;
1642                                font-weight: 700;
1643                                color: #ffd23c;
1644                                display: flex;
1645                                align-items: center;
1646                                justify-content: center;
1647                                min-height: 18px;
1648                            }
1649
1650                            .odds-col small {
1651                                font-size: 12px;
1652                                font-weight: 600;
1653                                color: #ffffff;
1654                                opacity: .95;
1655                            }
1656
1657                            .odds-spacer {
1658                                width: 40%;
1659                            }
1660
1661                            .carousel-control-prev,
1662                            .carousel-control-next {
1663                                width: 48px;
1664                            }
1665
1666                            .carousel-control-prev-icon,
1667                            .carousel-control-next-icon {
1668                                width: 2.5rem;
1669                                height: 2.5rem;
1670                                border-radius: 50%;
1671                                background-color: rgba(255,255,255,.15);
1672                                background-size: 55% 55%;
1673                            }
1674
1675                            .carousel-indicators [data-bs-target] {
1676                                width: 8px;
1677                                height: 8px;
1678                                border-radius: 50%;
1679                            }
1680
1681                            @media (max-width: 991.98px) {
1682                                .match-card {
1683                                    min-height: 170px;
1684                                }
1685                            }
1686
1687                           @media (max-width: 767.98px) {
1688                                .match-slider-wrap {
1689                                    max-width: 100%;
1690                                    padding: 0 20px;
1691                                    margin: 20px 0;
1692                                }
1693
1694                                .match-slider-wrap .carousel-inner {
1695                                    padding: 0;
1696                                }
1697
1698                                .match-slider-wrap .carousel-item .row {
1699                                    margin: 0;
1700                                }
1701
1702                                .match-slider-wrap .carousel-item .col-12 {
1703                                    padding: 0;
1704                                }
1705
1706                                .match-card {
1707                                    width: 100%;
1708                                    border-radius: 16px;
1709                                }
1710
1711                                .league-name {
1712                                    font-size: 13px;
1713                                    margin-bottom: 2px;
1714                                }
1715
1716                                .kickoff-time {
1717                                    font-size: 13px;
1718                                    margin-bottom: 10px;
1719                                }
1720
1721                                .team-col {
1722                                    width: 30%;
1723                                }
1724
1725                                .score-col {
1726                                    width: 40%;
1727                                }
1728
1729                                .team-logo {
1730                                    width: 42px;
1731                                    height: 42px;
1732                                    margin-bottom: 4px;
1733                                }
1734
1735                                .team-name {
1736                                    font-size: 12px;
1737                                    line-height: 1.15;
1738                                    min-height: 30px;
1739                                }
1740
1741                                .score-value {
1742                                    font-size: 22px;
1743                                    margin-bottom: 8px;
1744                                }
1745
1746                                .bet-btn {
1747                                    min-width: 88px;
1748                                    font-size: 13px;
1749                                    padding: 8px 14px;
1750                                    border-radius: 8px;
1751                                }
1752
1753                                .match-odds-row {
1754                                    margin-top: 10px;
1755                                }
1756
1757                                .odds-col,
1758                                .odds-col small {
1759                                    font-size: 11px;
1760                                }
1761
1762                                .carousel-control-prev,
1763                                .carousel-control-next {
1764                                    width: 34px;
1765                                }
1766
1767                                .carousel-control-prev-icon,
1768                                .carousel-control-next-icon {
1769                                    width: 2rem;
1770                                    height: 2rem;
1771                                    background-size: 50% 50%;
1772                                }
1773
1774                                .carousel-indicators {
1775                                    margin-bottom: -2px;
1776                                }
1777
1778                                .carousel-indicators [data-bs-target] {
1779                                    width: 7px;
1780                                    height: 7px;
1781                                    margin: 0 3px;
1782                                }
1783                        }
1784                        </style>
1785                    <!-- Banner SBO End -->
1786        
1787                    <div class="promosi">
1788                        
1789                        <!-- Desktop -->
1790                        <div class="desktop-only h-100">                        
1791                            <div class="d-flex align-items-center h-100">
1792                                <a href="/promosi" class="menu-item">
1793                                    <i class="menu-item-icon icon-promotion"></i>
1794                                    <label>PROMOSI</label>
1795                                </a>
1796                                
1797                                <a href="/event" class="menu-item">
1798                                    <i class="menu-item-icon icon-event"></i>
1799                                    <label>EVENT</label>
1800                                </a>
1801                            </div>
1802                        </div>
1803                        
1804
1805
1806                        
1807                        <!--<div class="btn-informasi desktop-only" onclick="document.getElementById('modal-wrapper').style.display='block'"><a class="pointer" href="javascript:page('tentang');" style="text-decoration: none;" data-toggle="tooltip" data-placement="bottom" title="Informasi"><i class="bi bi-info-circle-fill" style="font-size: 16px"></i></a></div>-->
1808                        
1809                        <!-- Mobile -->
1810                                                 
1811                        <div class="mobile-only" style="padding-top: 24px">
1812                            
1813                            <div class="d-flex gap-3 justify-content-center align-items-center">
1814                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
1815                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
1816                                        
1817                                <a href="/wap" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
1818                            </div>
1819
1820                            
1821                        </div>
1822                                            </div>
1823
1824                </div>
1825                
1826            </header>
1827                
1828    
1829    
1830            <div id="marquee" class="marquee desktop-only">
1831                <div class="marquee-content py-2">
1832                    <div class="d-flex 
1832align-items-center gap-2">
1833                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
1834                        <i class="bi bi-megaphone-fill desktop-only"></i>
1835                    </div>
1836                    <div class="running" style="padding-left: 8px; padding-right: 32px">
1837                        <div class="broadcast" style="width: 100%">SELAMAT DATANG DI BOCILTOTO SITUS GAME ONLINE TERPOPULER DAN TERBESAR DI INDONESIA DENGAN BERBAGAI PROMO DAN BONUS MENARIK</div>
1838                    </div>
1839                    <div class="d-flex align-items-center gap-2">
1840                        <div id="desktoplogin" class="desktop-only">
1841                            <form class="login-form form" role="form">
1842                                <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div>
1843                                <div class="input-group login-field">
1844                                    <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1845                                    <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
1846                                </div>
1847                                
1848                                
1849                                
1850                                <div class="input-group login-field">
1851                                    <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
1852                                    <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
1853                                </div>
1854                                
1855                                <!-- captcha -->
1856                         
1857                                    <div class="verifikasiform" style=" ">
1858                                        <div style="display: flex; gap: 2px;">
1859                                            <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
1860                                            <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
1861                                        </div>
1862
1863                                    </div>
1864                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
1865                              
1866                                <!-- end captcha -->
1867    
1868    
1869                                <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
1870                                <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='/register'">Daftar</button>
1871                                
1872                                
1873                                <input type="hidden" name="task" value="login">
1874                                <input type="hidden" name="iscaptchalogin" value="1">
1875                                <input type="hidden" name="logindesktop" value="IYhpaMKFP9/kcDvrzkFBtKSLW27gnUyd1L1gNINfYoQ=">
1876                                <input type="hidden" name="isrecaptchalogin" value="0">
1877                            </form>
1878
1879                                                    </div>
1880                    
1881                        
1882                        <!--<a href="/event">-->
1883                        <!--    <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>-->
1884                        <!--</a>-->
1885                    </div>
1886                </div>
1887            </div>
1888            
1889            
1890            
1891            <!--Informasi Modal -->
1892            <div id="modal-wrapper" class="modal" style=" background:none;">
1893            
1894                <div class="slideDown" id="informasi-menu">
1895                  <div class="row">
1896                    <div class="col-xs-3" style="padding-right:0px; width:164px">
1897                        <div id="informasi-logo">
1898                            <img src="/images/logoweb.png" width="120px"/>
1899                        </div>
1900                        <div class="menuleft">
1901
1902                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
1903                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
1904                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
1905                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
1906                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
1907                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
1908                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
1909
1910                        </div>
1911                   </div>    
1912                   <div class="col-xs-9" id="informasi-content" style="position: relative">
1913                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
1914                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 
1915                        </div>
1916                    </div>
1917                    
1918                </div>
1919              </div>
1920            </div>
1921            
1922
1923            
1924    
1925            <div class="contentdata">
1926                <div id="content-primary" class="p-0">
1927                   
1928                                        
1929                        <div class="content-body" style="position: relative">
1930                                <div class="content-area">
1931                                    <div id="content" class="content-box">
1932                                        
1933                                            <style>
1934    .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
1935    .error-border { border-color: red !important; }
1936    .valid-border { border-color: green !important; }
1937    </style>
1938    <div id="desktopregister" class="panel panel-default panelbg ptsans">
1939              <div class="panel-body panelbg">
1940              <div style="margin-bottom:16px; font-weight: bold; font-size: 1.5rem"><i class="bi bi-person-fill"></i> Daftar</div>
1941              		<div id="statusRegister"></div>
1942              		<form class="form-group-sm" id="formRegister">
1943              		<div class="form-group-sm" id="input-username">
1944              		<label>Username</label><input type="text" class="form-control has-success" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi">
1945              		<div class="error-msg" id="err_username"></div>
1946                    </div>
1947                    <div class="row" style="margin-top:10px">
1948                        <div class="form-group-sm col-md-3" id="input-pass">
1949                        <label>Password</label><input type="password" id="reg_pass" name="pass" class="form-control" placeholder="Password (6 karakter atau lebih)">
1950                        <div class="error-msg" id="err_password"></div>
1951                        </div>
1952                        <div class="form-group-sm col-md-3" id="input-passcon">
1953                        <label>Konfirmasi Password</label><input type="password" id="reg_passcon" name="passcon" class="form-control" placeholder="Password sekali lagi">
1954                        <div class="error-msg" id="err_passcon"></div>
1955                        </div>
1956                        <div class="form-group-sm col-md-3" id="input-email">
1957                        <label>Email</label><input type="text" id="reg_email" name="email" class="form-control" placeholder="Masukkan Email">
1958                        <div class="error-msg" id="err_email"></div>
1959                        </div>
1960                        <div class="form-group-sm col-md-3" id="input-telpon">
1961                        <label>Telpon</label><input type="text" id="reg_telpon" inputmode="numeric" name="telpon" class="form-control" placeholder="Masukkan Telpon">
1962                        <div class="error-msg" id="err_telpon"></div>
1963                        </div>
1964					</div>
1965                    <div class="row" style="margin-top:10px">
1966                        <div class="form-group-sm col-md-3" id="input-bank">
1967                        <label>Bank</label>
1968                        	<select class="form-control" name="bank" id="reg_bank">
1969                        		<option value="">Pilih Bank</option>
1970										 											<option value="BCA">BCA</option>
1971																					<option value="Mandiri">Mandiri</option>
1972																					<option value="BNI">BNI</option>
1973																					<option value="BRI">BRI</option>
1974																					<option value="Danamon">Danamon</option>
1975																					<option value="Permata">Permata</option>
1976																					<option value="BJB">BJB</option>
1977																					<option value="PANIN">PANIN</option>
1978																					<option value="OCBC">OCBC</option>
1979																					<option value="SUMUT">SUMUT</option>
1980																					<option value="BSI">BSI</option>
1981																					<option value="NEO">NEO</option>
1982																					<option value="JAGO">JAGO</option>
1983																					<option value="SeaBank">SeaBank</option>
1984																					<option value="DBS">DBS</option>
1985																					<option value="Sinarmas">Sinarmas</option>
1986																					<option value="UOB">UOB</option>
1987																					<option value="DANA">DANA</option>
1988																					<option value="OVO">OVO</option>
1989																					<option value="GOPAY">GOPAY</option>
1990																					<option value="LinkAja">LinkAja</option>
1991																					<option value="Sakuku">Sakuku</option>
1992																					<option value="Lain-lain">Lain-lain</option>
1993										                            </select>
1994                            <div class="error-msg" id="err_bank"></div>
1995                        </div>
1996                        <div class="form-group-sm col-md-3" id="input-re
1996k">
1997                        <label>No Rekening</label><input type="text" inputmode="numeric" name="rek" id="reg_rek" class="form-control" placeholder="Masukkan nomor rekening">
1998                        <div class="error-msg" id="err_rek"></div>
1999                        </div>
2000                        <div class="form-group-sm col-md-3" id="input-nama">
2001                        <label>Nama sesuai Rekening</label><input name="nama" type="text" id="reg_nama" class="form-control" placeholder="Nama sesuai Rekening">
2002                        <div class="error-msg" id="err_nama"></div>
2003                        </div>
2004                         <div class="form-group-sm col-md-3" id="input-ref">
2005                        <label>Referal</label><input name="ref" type="text" id="reg_ref" class="form-control"  placeholder="Username Referal bila ada">
2006                        <div class="error-msg" id="err_ref"></div>
2007                        </div>
2008					</div>
2009					                     <div class="row" style="margin-top:10px">
2010                     	 <div class="form-group-sm col-md-3" id="input-verifikasi">
2011                        <label>Verifikasi</label><input type="text" name="regverifikasi" id="reg_verifikasi" maxlength="32" class="form-control" placeholder="Isi karakter di samping">
2012                        <div class="error-msg" id="err_verifikasi"></div>
2013                        </div>
2014                        <div class="form-group-sm col-md-3">
2015                        <label>&nbsp;</label><span id="capverifikasi"><img src="capreg.php" width="100%" height="30" style="border:1px #999 solid;"></span>
2016                        </div>
2017                       
2018					</div>
2019										<div style="margin-top:15px">
2020						<label class="checkbox-inline" style="display: flex; gap: 4px">
2021						    <input type="checkbox" checked disabled>
2022						    <div>Dengan ini saya menyatakan bahwa saya telah membaca dan menyetujui <a href="javascript:showInformasi('privasi')" style="color: var(--primary-color)">Kebijakan Privasi</a> pada Situs ini.</div>
2023						    </label>
2024						
2025					</div>
2026                    	<input type="button" class="btn btn-masuk fw-bold" value="Daftar" style="margin-top:20px; width:200px; text-align: center; display: grid; place-items: center; line-height: var(--text-size-default); height: 40px" id="buttonRegisterDesktop">
2027                        <input type="hidden" name="task" value="register">
2028                        <input type="hidden" name="regdesktop" value="gzIpbveg2sobEPAjSznv/rNk3xdE1WUDn87tM+nibQ0=">
2029                        <input type="hidden" name="iscaptcharegister" value="1">
2030                        <input type="hidden" name="isrecaptcha" value="0">
2031                        <input type="hidden" name="isrecaptcharegister" value="0">
2032                    </form>
2033              </div>
2034     </div>
2035
2036<script>
2037(function(){
2038  function root(){ return document.getElementById('desktopregister'); }
2039  function q(id){ return root()?.querySelector('#'+id) || null; }
2040  function qe(sel){ return root()?.querySelector(sel) || null; }
2041
2042  function showError(field,msg){
2043    const err = qe('#err_'+field), inp = q('reg_'+field);
2044    if (err){ err.textContent = msg; err.style.display = 'block'; }
2045    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
2046  }
2047  function clearError(field){
2048    const err = qe('#err_'+field), inp = q('reg_'+field);
2049    if (err) err.style.display = 'none';
2050    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
2051  }
2052
2053  // validator functions
2054  
2055  function checkPasswordStrengthJS(username, password) {
2056    const min_length = 6;
2057    const length = password.length;
2058
2059    if (length < min_length) {
2060      return "Password harus minimal " + min_length + " karakter";
2061    }
2062
2063	if(!USE_STRONG_VALIDATION) {
2064      return null;
2065    }
2066    const hasLower = /[a-z]/.test(password);
2067    const hasUpper = /[A-Z]/.test(password);
2068    if (!(hasLower && hasUpper)) {
2069      return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka.";
2070    }
2071    if (!/[0-9]/.test(password)) {
2072      return "Password harus mengandung angka";
2073    }
2074    if (username && password.toLowerCase().includes(username.toLowerCase())) {
2075      return "Password tidak boleh mengandung username";
2076    }
2077    const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/;
2078    if (numSeq.test(password)) {
2079      return "Password tidak boleh mengandung angka berurutan";
2080    }
2081	const letterSeqStr = "(abc|bcd|cde|def|efg|fgh|ghi|hij|ijk|jkl|klm|lmn|mno|nop|opq|pqr|qrs|rst|stu|tuv|uvw|vwx|wxy|xyz|"
2082					+ "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|"
2083					+ "qwert|werty|asdf|zxcv|uiop|hjkl)";
2084	const letterSequences = new RegExp(letterSeqStr, "i");
2085    if (letterSequences.test(password)) {
2086      return "Password tidak boleh mengandung huruf berurutan";
2087    }
2088    return null;
2089  }
2090
2091  // validator functions
2092  const useStrongValidation = false;
2093
2094  function vUsername(){
2095    const v = (q('reg_username')?.value||'').trim();
2096    if(!v) return showError('username','Username tidak boleh kosong'), false;
2097    if(v.length<6) return showError('username','Username minimal 6 karakter'), false;
2098    if(v.length>16) return showError('username','Username maksimal 16 karakter'), false;
2099    if(!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
2100    clearError('username'); return true;
2101  }
2102  function vPass(){
2103    const username = (q('reg_username')?.value || '').trim();
2104    const v = q('reg_pass')?.value || '';
2105    if(!v) {
2106      showError('password','Password tidak boleh kosong');
2107      return false;
2108    }
2109    const err = useStrongValidation ? checkPasswordStrengthJS(username, v) : null;
2110    if (err) {
2111      showError('password', err);
2112      return false;
2113    }
2114    clearError('password');
2115    if (q('reg_passcon')?.value) {
2116      vPasscon();
2117    }
2118
2119    return true;
2120  }
2121  function vPasscon() {
2122      const username = (q('reg_username')?.value || '').trim();
2123      const p1 = q('reg_pass')?.value || '';
2124      const p2 = q('reg_passcon')?.value || '';
2125      if (!p2) {
2126          showError('passcon', 'Konfirmasi password kosong');
2127          return false;
2128      }
2129      const err = useStrongValidation ? checkPasswordStrengthJS(username, p1) : null;
2130      if (err) {
2131          showError('passcon', err);
2132          return false;
2133      }
2134      if (p1 !== p2) {
2135          showError('passcon', 'Konfirmasi tidak sama');
2136          return false;
2137      }
2138      clearError('passcon');
2139      return true;
2140  }
2141  function vEmail(){
2142    const v=(q('reg_email')?.value||'').trim();
2143    if(!v) return showError('email','Email tidak boleh kosong'), false;
2144    if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
2145    clearError('email'); return true;
2146  }
2147  function vTelp(){
2148    const el=q('reg_telpon'); if(!el) return true;
2149    el.value=el.value.replace(/\D/g,'');
2150    if(!el.value) return showError('telpon','Telpon kosong'), false;
2151    if(el.value.length<10) return showError('telpon','Telpon minimal 10 digit'), false;
2152    clearError('telpon'); return true;
2153  }
2154  function vBank(){
2155    if(!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
2156    clearError('bank'); return true;
2157  }
2158  function vRek(){
2159    const el=q('reg_rek'); if(!el) return true;
2160    el.value=el.value.replace(/\D/g,'');
2161    if(!el.value) return showError('rek','Rekening kosong'), false;
2162    if(el.value.length<8) return showError('rek','Minimal 8 digit'), false;
2163    clearError('rek'); return true;
2164  }
2165  function vNama(){
2166    const v=(q('reg_nama')?.value||'').trim();
2167    if(!v) return showError('nama','Nama kosong'), false;
2168    if(v.length<3) return showError('nama','Nama minimal 3 karakter'), false;
2169    if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
2170    clearError('nama'); return true;
2171  }
2172  function vVerifOpt(){
2173    const el = q('reg_verifikasi'); if (!el) return true;
2174    const v = (el.value || '').trim();
2175    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
2176    clearError('verifikasi'); return true;
2177  }
2178
2179  function validateAll(){
2180    return vUsername() & vPass() & vPasscon() & vEmail() & vTelp() & vBank() & vRek() & vNama();
2181  }
2182  window.validateAllDesktop = validateAll;
2183
2184  function attach(id, validator, opts){
2185    const el=q(id); if(!el) return;
2186    const run=()=>validator();
2187    el.addEventListener('focus',run);
2188    if(!opts||opts.input!==false) el.addEventListener('input',run);
2189    el.addEventListener('blur',run);
2190    if(opts&&opts.change) el.addEventListener('change',run);
2191  }
2192
2193  document.addEventListener('DOMContentLoaded',function(){
2194    attach('reg_username',vUsername);
2195    attach('reg_pass',vPass);
2196    attach('reg_passcon',vPasscon);
2197    attach('reg_email',vEmail);
2198    attach('reg_telpon',vTelp);
2199    attach('reg_bank',vBank,{input:false,change:true});
2200    attach('reg_rek',vRek);
2201    attach('reg_nama',vNama);
2202    attach('reg_verifikasi',vVerifOpt);
2203
2204    const f=q('formRegister');
2205    if(f){
2206      f.addEventListener('submit',function(e){
2207        if(!validateAll()){
2208          e.preventDefault();
2209        }
2210      });
2211    }
2212  });
2213})();
2214</script>
2214
2215
2216                                        
2217                                    </div>
2218                                </div>
2219                        </div>
2220                    
2221
2222                                    </div>
2223            </div>
2224
2225            
2226            
2227                       <div class="widget-kupon">
2228                <!-- <div style="position:relative; width:100%;"> -->
2229                    <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe>
2230                    <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div>
2231                <!-- </div> -->
2232            </div>
2233            
2234            <!-- BANNER SBO MOBILE -->
2235            <div class="widget-sbo mobile-only">
2236               <div class="match-slider-wrap">
2237                                    <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
2238
2239                                                    <div class="carousel-indicators">
2240                                                                    <button
2241                                    type="button"
2242                                    data-bs-target="#sboMatchCarouselMobile"
2243                                    data-bs-slide-to="0"
2244                                    class="active"
2245                                    aria-current="true"                                    aria-label="Slide 1">
2246                                </button>
2247                                                                <button
2248                                    type="button"
2249                                    data-bs-target="#sboMatchCarouselMobile"
2250                                    data-bs-slide-to="1"
2251                                    class=""
2252                                                                        aria-label="Slide 2">
2253                                </button>
2254                                                                <button
2255                                    type="button"
2256                                    data-bs-target="#sboMatchCarouselMobile"
2257                                    data-bs-slide-to="2"
2258                                    class=""
2259                                                                        aria-label="Slide 3">
2260                                </button>
2261                                                                <button
2262                                    type="button"
2263                                    data-bs-target="#sboMatchCarouselMobile"
2264                                    data-bs-slide-to="3"
2265                                    class=""
2266                                                                        aria-label="Slide 4">
2267                                </button>
2268                                                                <button
2269                                    type="button"
2270                                    data-bs-target="#sboMatchCarouselMobile"
2271                                    data-bs-slide-to="4"
2272                                    class=""
2273                                                                        aria-label="Slide 5">
2274                                </button>
2275                                                                <button
2276                                    type="button"
2277                                    data-bs-target="#sboMatchCarouselMobile"
2278                                    data-bs-slide-to="5"
2279                                    class=""
2280                                                                        aria-label="Slide 6">
2281                                </button>
2282                                                                <button
2283                                    type="button"
2284                                    data-bs-target="#sboMatchCarouselMobile"
2285                                    data-bs-slide-to="6"
2286                                    class=""
2287                                                                        aria-label="Slide 7">
2288                                </button>
2289                                                                <button
2290                                    type="button"
2291                                    data-bs-target="#sboMatchCarouselMobile"
2292                                    data-bs-slide-to="7"
2293                                    class=""
2294                                                                        aria-label="Slide 8">
2295                                </button>
2296                                                                <button
2297                                    type="button"
2298                                    data-bs-target="#sboMatchCarouselMobile"
2299                                    data-bs-slide-to="8"
2300                                    class=""
2301                                                                        aria-label="Slide 9">
2302                                </button>
2303                                                                <button
2304                                    type="button"
2305                                    data-bs-target="#sboMatchCarouselMobile"
2306                                    data-bs-slide-to="9"
2307                                    class=""
2308                                                                        aria-label="Slide 10">
2309                                </button>
2310                                                    </div>
2311                    
2312                    <div class="carousel-inner">
2313                                                    <div class="carousel-item active">
2314                                <div class="row g-3">
2315                                                                            <div class="col-12">
2316                                            <div class="match-card h-100">
2317                                                <div class="league-name">
2318                                                    e-Football F24 Elite Club Friendly                                                </div>
2319
2320                                                <div class="kickoff-time">
2321                                                    September 26, 2026 — 21:45 WIB                                                </div>
2322
2323                                                <div class="match-main-row">
2324                                                    <div class="team-col">
2325                                                        <img
2326                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Everton.png"
2327                                                        alt="e-Everton"
2328                                                        class="team-logo"
2329                                                        >
2330                                                        <div class="team-name">
2331                                                            e-Everton                                                        </div>
2332                                                    </div>
2333
2334                                                    <div class="score-col">
2335                                                        <div class="score-value">
2336                                                            0 : 0                                                        </div>
2337
2338                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149562228')">
2339                                                            BET NOW
2340                                                        </a>
2341                                                    </div>
2342
2343                                                    <div class="team-col">
2344                                                        <img
2345                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Arsenal.png"
2346                                                        alt="e-Arsenal"
2347                                                        class="team-logo"
2348                                                        >
2349                                                        <div class="team-name">
2350                                                            e-Arsenal                                                        </div>
2351                                                    </div>
2352                                                </div>
2353
2354                                                <div class="match-odds-row">
2355                                                    <div class="odds-col">
2356                                                        <span>
2357                                                            0.00                                                            <small>-0.64</small>
2358                                                        </span>
2359                                                    </div>
2360
2361                                                    <div class="odds-spacer"></div>
2362
2363                                                    <div class="odds-col">
2364                                                        <span>
2365                                                            0.00                                                            <small>0.40</small>
2366                                                        </span>
2367                                                    </div>
2368                                                </div>
2369                                            </div>
2370                                        </div>
2371                                                                    </div>
2372                            </div>
2373                                                    <div class="carousel-item ">
2374                                <div class="row g-3">
2375                                                                            <div class="col-12">
2376                                            <div class="match-card h-100">
2377                                                <div class="league-name">
2378                                                    e-Football F24 International Friendly                                                </div>
2379
2380                                                <div class="kickoff-time">
2381                                                    September 26, 2026 — 22:00 WIB                                                </div>
2382
2383                                                <div class="match-main-row">
2384                                                    <div class="team-col">
2385                                                        <img
2386                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Belgium.png"
2387                                                        alt="e-Belgium"
2388                                                        class="team-logo"
2389                                                        >
2390                                                        <div class="team-name">
2391                                                            e-Belgium                                                        </div>
2392                                                    </div>
2393
2394                                                    <div class="score-col">
2395                                                        <div class="score-value">
2396                                                            0 : 1                                                        </div>
2397
2398                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149561975')">
2399                                                            BET NOW
2400                                                        </a>
2401                                                    </div>
2402
2403                                                    <div class="team-col">
2404                                                        <img
2405                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Netherlands.png"
2406                                                        alt="e-Netherlands"
2407                                                        class="team-logo"
2408                                                        >
2409                                                        <div class="team-name">
2410                                                            e-Netherlands                                                        </div>
2411                                                    </div>
2412                                                </div>
2413
2414                                                <div class="match-odds-row">
2415                                                    <div class="odds-col">
2416                                                        <span>
2417                                                            -0.25                                                            <small>-0.92</small>
2418                                                        </span>
2419                                                    </div>
2420
2421                                                    <div class="odds-spacer"></div>
2422
2423                                                    <div class="odds-col">
2424                                                        <span>
2425                                                            0.25                                                            <small>0.68</small>
2426                                                        </span>
2427                                                    </div>
2428                                                </div>
2429                                            </div>
2430                                        </div>
2431                                                                    </div>
2432                            </div>
2433                                                    <div class="carousel-item ">
2434                                <div class="row g-3">
2435                                                                            <div class="col-12">
2436                                            <div class="match-card h-100">
2437                                                <div class="league-name">
2438                                                    e-Football F24 Elite Club Friendly                                                </div>
2439
2440                                                <div class="kickoff-time">
2441                                                    September 26, 2026 — 21:45 WIB                                                </div>
2442
2443                                                <div class="match-main-row">
2444                                                    <div class="team-col">
2445                                                        <img
2446                                                        src="https://img-2-2.cdn568.net/images/teamLogo/ManchesterUnited.png"
2447                                                        alt="e-Manchester United"
2448                                                        class="team-logo"
2449                                                        >
2450                                                        <div class="team-name">
2451                                                            e-Manchester United                                                        </div>
2452                                                    </div>
2453
2454                                                    <div class="score-col">
2455                                                        <div class="score-value">
2456                                                            2 : 0                                                        </div>
2457
2458                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149562226')">
2459                                                            BET NOW
2460                                                        </a>
2461                                                    </div>
2462
2463                                                    <div class="team-col">
2464                                                        <img
2465                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Liverpool.png"
2466                                                        alt="e-Liverpool"
2467                                                        class="team-logo"
2468                                                        >
2469                                                        <div class="team-name">
2470                                                            e-Liverpool                                                        </div>
2471                                                    </div>
2472                                                </div>
2473
2474                                                <div class="match-odds-row">
2475                                                    <div class="odds-col">
2476                                                        <span>
2477                                                            0.00                                                            <small>-0.76</small>
2478                                                        </span>
2479                                                    </div>
2480
2481                                                    <div class="odds-spacer"></div>
2482
2483                                                    <div class="odds-col">
2484                                                        <span>
2485                                                            0.00                                                            <small>0.52</small>
2486                                                        </span>
2487                                                    </div>
2488                                                </div>
2489                                            </div>
2490                                        </div>
2491                                                                    </div>
2492                            </div>
2493                                                    <div class="carousel-item ">
2494                                <div class="row g-3">
2495                                                                            <div class="col-12">
2496                                            <div class="match-card h-100">
2497                                                <div class="league-name">
2498                                                    e-Football F24 Elite Club Friendly                                                </div>
2499
2500                                                <div class="kickoff-time">
2501                                                    September 26, 2026 — 22:00 WIB                                                </div>
2502
2503                                                <div class="match-main-row">
2504                                                    <div class="team-col">
2505                                                        <img
2506                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Lille.png"
2507                                                        alt="e-Lille"
2508                                                        class="team-logo"
2509                                                        >
2510                                                        <div class="team-name">
2511                                                            e-Lille                                                        </div>
2512                                                    </div>
2513
2514                                                    <div class="score-col">
2515                                                        <div class="score-value">
2516                                                            1 : 0                                                        </div>
2517
2518                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149562230')">
2519                                                            BET NOW
2520                                                        </a>
2521                                                    </div>
2522
2523                                                    <div class="team-col">
2524                                                        <img
2525                                                        src="https://img-2-2.cdn568.net/images/teamLogo/AtleticoMadrid.png"
2526                                                        alt="e-Atletico Madrid"
2527                                                        class="team-logo"
2528                                                        >
2529                                                        <div class="team-name">
2530                                                            e-Atletico Madrid                                                        </div>
2531                                                    </div>
2532                                                </div>
2533
2534                                                <div class="match-odds-row">
2535                                                    <div class="odds-col">
2536                                                        <span>
2537                                                            -0.25                                                            <small>-0.98</small>
2538                                                        </span>
2539                                                    </div>
2540
2541                                                    <div class="odds-spacer"></div>
2542
2543                                                    <div class="odds-col">
2544                                                        <span>
2545                                                            0.25                                                            <small>0.74</small>
2546                                                        </span>
2547                                                    </div>
2548                                                </div>
2549                                            </div>
2550                                        </div>
2551                                                                    </div>
2552                            </div>
2553                                                    <div class="carousel-item ">
2554                                <div class="row g-3">
2555                                                                            <div class="col-12">
2556                                            <div class="match-card h-100">
2557                                                <div class="league-name">
2558                                                    e-Football F24 International Friendly                                                </div>
2559
2560                                                <div class="kickoff-time">
2561                                                    September 26, 2026 — 22:15 WIB                                                </div>
2562
2563                                                <div class="match-main-row">
2564                                                    <div class="team-col">
2565                                                        <img
2566                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Portugal.png"
2567                                                        alt="e-Portugal"
2568                                                        class="team-logo"
2569                                                        >
2570                                                        <div class="team-name">
2571                                                            e-Portugal                                                        </div>
2572                                                    </div>
2573
2574                                                    <div class="score-col">
2575                                                        <div class="score-value">
2576                                                            0 : 0                                                        </div>
2577
2578                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149561976')">
2579                                                            BET NOW
2580                                                        </a>
2581                                                    </div>
2582
2583                                                    <div class="team-col">
2584                                                        <img
2585                                                        src="https://img-2-2.cdn568.net/images/teamLogo/England.png"
2586                                                        alt="e-England"
2587                                                        class="team-logo"
2588                                                        >
2589                                                        <div class="team-name">
2590                                                            e-England                                                        </div>
2591                                                    </div>
2592                                                </div>
2593
2594                                                <div class="match-odds-row">
2595                                                    <div class="odds-col">
2596                                                        <span>
2597                                                            -0.25                                                            <small>-0.95</small>
2598                                                        </span>
2599                                                    </div>
2600
2601                                                    <div class="odds-spacer"></div>
2602
2603                                                    <div class="odds-col">
2604                                                        <span>
2605                                                            0.25                                                            <small>0.71</small>
2606                                                        </span>
2607                                                    </div>
2608                                                </div>
2609                                            </div>
2610                                        </div>
2611                                                                    </div>
2612                            </div>
2613                                                    <div class="carousel-item ">
2614                                <div class="row g-3">
2615                                                                            <div class="col-12">
2616                                            <div class="match-card h-100">
2617                                                <div class="league-name">
2618                                                    e-Football F24 International Friendly                                                </div>
2619
2620                                                <div class="kickoff-time">
2621                                                    September 26, 2026 — 21:45 WIB                                                </div>
2622
2623                                                <div class="match-main-row">
2624                                                    <div class="team-col">
2625                                                        <img
2626                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Wales.png"
2627                                                        alt="e-Wales"
2628                                                        class="team-logo"
2629                                                        >
2630                                                        <div class="team-name">
2631                                                            e-Wales                                                        </div>
2632                                                    </div>
2633
2634                                                    <div class="score-col">
2635                                                        <div class="score-value">
2636                                                            0 : 3                                                        </div>
2637
2638                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149561972')">
2639                                                            BET NOW
2640                                                        </a>
2641                                                    </div>
2642
2643                                                    <div class="team-col">
2644                                                        <img
2645                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Portugal.png"
2646                                                        alt="e-Portugal"
2647                                                        class="team-logo"
2648                                                        >
2649                                                        <div class="team-name">
2650                                                            e-Portugal                                                        </div>
2651                                                    </div>
2652                                                </div>
2653
2654                                                <div class="match-odds-row">
2655                                                    <div class="odds-col">
2656                                                        <span>
2657                                                            0.00                                                            <small>-0.48</small>
2658                                                        </span>
2659                                                    </div>
2660
2661                                                    <div class="odds-spacer"></div>
2662
2663                                                    <div class="odds-col">
2664                                                        <span>
2665                                                            0.00                                                            <small>0.24</small>
2666                                                        </span>
2667                                                    </div>
2668                                                </div>
2669                                            </div>
2670                                        </div>
2671                                                                    </div>
2672                            </div>
2673                                                    <div class="carousel-item ">
2674                                <div class="row g-3">
2675                                                                            <div class="col-12">
2676                                            <div class="match-card h-100">
2677                                                <div class="league-name">
2678                                                    e-Football F24 International Friendly                                                </div>
2679
2680                                                <div class="kickoff-time">
2681                                                    September 26, 2026 — 21:45 WIB                                                </div>
2682
2683                                                <div class="match-main-row">
2684                                                    <div class="team-col">
2685                                                        <img
2686                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Poland.png"
2687                                                        alt="e-Poland"
2688                                                        class="team-logo"
2689                                                        >
2690                                                        <div class="team-name">
2691                                                            e-Poland                                                        </div>
2692                                                    </div>
2693
2694                                                    <div class="score-col">
2695                                                        <div class="score-value">
2696                                                            0 : 0                                                        </div>
2697
2698                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149561973')">
2699                                                            BET NOW
2700                                                        </a>
2701                                                    </div>
2702
2703                                                    <div class="team-col">
2704                                                        <img
2705                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Croatia.png"
2706                                                        alt="e-Croatia"
2707                                                        class="team-logo"
2708                                                        >
2709                                                        <div class="team-name">
2710                                                            e-Croatia                                                        </div>
2711                                                    </div>
2712                                                </div>
2713
2714                                                <div class="match-odds-row">
2715                                                    <div class="odds-col">
2716                                                        <span>
2717                                                            0.00                                                            <small>0.79</small>
2718                                                        </span>
2719                                                    </div>
2720
2721                                                    <div class="odds-spacer"></div>
2722
2723                                                    <div class="odds-col">
2724                                                        <span>
2725                                                            0.00                                                            <small>0.97</small>
2726                                                        </span>
2727                                                    </div>
2728                                                </div>
2729                                            </div>
2730                                        </div>
2731                                                                    </div>
2732                            </div>
2733                                                    <div class="carousel-item ">
2734                                <div class="row g-3">
2735                                                                            <div class="col-12">
2736                                            <div class="match-card h-100">
2737                                                <div class="league-name">
2738                                                    e-Football F24 Elite Club Friendly                                                </div>
2739
2740                                                <div class="kickoff-time">
2741                                                    September 26, 2026 — 22:00 WIB                                                </div>
2742
2743                                                <div class="match-main-row">
2744                                                    <div class="team-col">
2745                                                        <img
2746                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Valencia.png"
2747                                                        alt="e-Valencia"
2748                                                        class="team-logo"
2749                                                        >
2750                                                        <div class="team-name">
2751                                                            e-Valencia                                                        </div>
2752                                                    </div>
2753
2754                                                    <div class="score-col">
2755                                                        <div class="score-value">
2756                                                            0 : 0                                                        </div>
2757
2758                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149562229')">
2759                                                            BET NOW
2760                                                        </a>
2761                                                    </div>
2762
2763                                                    <div class="team-col">
2764                                                        <img
2765                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Chelsea.png"
2766                                                        alt="e-Chelsea"
2767                                                        class="team-logo"
2768                                                        >
2769                                                        <div class="team-name">
2770                                                            e-Chelsea                                                        </div>
2771                                                    </div>
2772                                                </div>
2773
2774                                                <div class="match-odds-row">
2775                                                    <div class="odds-col">
2776                                                        <span>
2777                                                            0.00                                                            <small>0.98</small>
2778                                                        </span>
2779                                                    </div>
2780
2781                                                    <div class="odds-spacer"></div>
2782
2783                                                    <div class="odds-col">
2784                                                        <span>
2785                                                            0.00                                                            <small>0.78</small>
2786                                                        </span>
2787                                                    </div>
2788                                                </div>
2789                                            </div>
2790                                        </div>
2791                                                                    </div>
2792                            </div>
2793                                                    <div class="carousel-item ">
2794                                <div class="row g-3">
2795                                                                            <div class="col-12">
2796                                            <div class="match-card h-100">
2797                                                <div class="league-name">
2798                                                    e-Football F24 International Friendly                                                </div>
2799
2800                                                <div class="kickoff-time">
2801                                                    September 26, 2026 — 22:00 WIB                                                </div>
2802
2803                                                <div class="match-main-row">
2804                                                    <div class="team-col">
2805                                                        <img
2806                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Italy.png"
2807                                                        alt="e-Italy"
2808                                                        class="team-logo"
2809                                                        >
2810                                                        <div class="team-name">
2811                                                            e-Italy                                                        </div>
2812                                                    </div>
2813
2814                                                    <div class="score-col">
2815                                                        <div class="score-value">
2816                                                            1 : 0                                                        </div>
2817
2818                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149561974')">
2819                                                            BET NOW
2820                                                        </a>
2821                                                    </div>
2822
2823                                                    <div class="team-col">
2824                                                        <img
2825                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Hungary.png"
2826                                                        alt="e-Hungary"
2827                                                        class="team-logo"
2828                                                        >
2829                                                        <div class="team-name">
2830                                                            e-Hungary                                                        </div>
2831                                                    </div>
2832                                                </div>
2833
2834                                                <div class="match-odds-row">
2835                                                    <div class="odds-col">
2836                                                        <span>
2837                                                            0.5                                                            <small>0.58</small>
2838                                                        </span>
2839                                                    </div>
2840
2841                                                    <div class="odds-spacer"></div>
2842
2843                                                    <div class="odds-col">
2844                                                        <span>
2845                                                            -0.5                                                            <small>-0.82</small>
2846                                                        </span>
2847                                                    </div>
2848                                                </div>
2849                                            </div>
2850                                        </div>
2851                                                                    </div>
2852                            </div>
2853                                                    <div class="carousel-item ">
2854                                <div class="row g-3">
2855                                                                            <div class="col-12">
2856                                            <div class="match-card h-100">
2857                                                <div class="league-name">
2858                                                    e-Football F24 International Friendly                                                </div>
2859
2860                                                <div class="kickoff-time">
2861                                                    September 26, 2026 — 23:00 WIB                                                </div>
2862
2863                                                <div class="match-main-row">
2864                                                    <div class="team-col">
2865                                                        <img
2866                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Hungary.png"
2867                                                        alt="e-Hungary"
2868                                                        class="team-logo"
2869                                                        >
2870                                                        <div class="team-name">
2871                                                            e-Hungary                                                        </div>
2872                                                    </div>
2873
2874                                                    <div class="score-col">
2875                                                        <div class="score-value">
2876                                                            0 : 0                                                        </div>
2877
2878                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149561981')">
2879                                                            BET NOW
2880                                                        </a>
2881                                                    </div>
2882
2883                                                    <div class="team-col">
2884                                                        <img
2885                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Italy.png"
2886                                                        alt="e-Italy"
2887                                                        class="team-logo"
2888                                                        >
2889                                                        <div class="team-name">
2890                                                            e-Italy                                                        </div>
2891                                                    </div>
2892                                                </div>
2893
2894                                                <div class="match-odds-row">
2895                                                    <div class="odds-col">
2896                                                        <span>
2897                                                            -0.5                                                            <small>-0.82</small>
2898                                                        </span>
2899                                                    </div>
2900
2901                                                    <div class="odds-spacer"></div>
2902
2903                                                    <div class="odds-col">
2904                                                        <span>
2905                                                            0.5                                                            <small>0.58</small>
2906                                                        </span>
2907                                                    </div>
2908                                                </div>
2909                                            </div>
2910                                        </div>
2911                                                                    </div>
2912                            </div>
2913                                            </div>
2914
2915                                            <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev">
2916                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
2917                            <span class="visually-hidden">Previous</span>
2918                        </button>
2919
2920                        <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next">
2921                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
2922                            <span class="visually-hidden">Next</span>
2923                        </button>
2924                                    </div>
2925                                </div>
2926            </div>
2927            <!-- BANNER SBO MOBILE END -->
2928            
2929            
2930            <!-- Togel -->    
2931            	
2932	<style>
2933	    .togel-desktop {
2934            /*background: var(--togel-background);*/
2935            background: var(--footer-background);
2936            grid-area: togel-desktop;
2937            position: relative;
2938        }
2939        
2940        .togel-mobile {
2941            display: none;
2942        }
2943
2944        .show-more {
2945            position: absolute; 
2946        
2947            z-index: 999; 
2948            bottom: 0px;
2949            width: 100%;
2950            
2951            /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0)); */
2952        }
2953        
2954        .show-more-content {
2955            background: var(--secondary-background);
2956            opacity: .7;
2957            display: grid; 
2958            place-items: center; 
2959            height: 32px
2960        }
2961        
2962        .togel-content {    
2963            position: relative;  
2964            display: flex;
2965            flex-wrap: wrap;
2966            justify-content: center;
2967            /*display: grid;*/
2968            /*grid-template-columns: repeat(10, 1fr);*/
2969            gap: 8px 4px;
2970            padding: 16px 0;
2971        }
2972        
2973        .see-more {
2974            padding: 16px 0 48px 0;
2975            max-height: 162px;
2976            transition: max-height .75s ease-out;
2977            transition-delay: .1s;
2978            overflow: hidden;
2979        }
2980        
2981        .togel-content:hover{
2982            max-height: 1000px;
2983            transition: max-height 0.25s ease-in;
2984        }
2985        
2986        .result {
2987            height: 110px;
2988            width: 96px;
2989            border-radius: 10px;
2990            background: var(--result-background);
2991            border: var(--result-border);
2992            
2993            display: grid;
2994            grid-template-rows: 0px 20px 1fr 28px;
2995            grid-template-areas:
2996            "badge"
2997            "pasaran"
2998            "keluaran"
2999            "tanggal"
3000            ;
3001        
3002            /* display: flex;
3003            flex-direction: column;
3004            justify-content: space-between; */
3005        
3006            overflow: hidden;
3007        }
3008        
3009        .badge {
3010            grid-area: badge;
3011            display: grid;
3012            place-items: center;
3013        }
3014        
3015        .result>.pasaran {
3016        
3017            grid-area: pasaran;
3018        
3019            padding-top: 8px;
3020            white-space: nowrap;
3021            font-size: .7rem;
3022            line-height: .7rem;
3023        
3024            color: var(--result-pasaran-color);
3025            display: grid;
3026            place-items: center;
3027        }
3028        
3029        .result>.keluaran {
3030        
3031            grid-area: keluaran;
3032            padding-bottom: 8px;
3033            font-family: 'Oswald', sans-serif;
3034            line-height: 40px;
3035            font-size: 40px;
3036            color: var(--result-keluaran-color);
3037            display: grid;
3038            place-items: center;
3039        }
3040        
3041        .result>.tanggal {
3042        
3043            grid-area: tanggal;
3044        
3045            width: 100%;
3046            height: 100%;
3047            /* background: rgb(40,0,0);
3048            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
3049            background: var(--result-tanggal-background);
3050            white-space: nowarp;
3051            font-size: .79rem;
3052            display: grid;
3053            place-items: center;
3054            font-family: 'Abel', sans-serif;
3055            color: var(--result-tanggal-color);
3056        }
3057        
3058        @media only screen and (max-width: 1000px) {
3059            
3060            .togel-desktop {
3061                display: none;
3062            }
3063            
3064            .togel-mobile {
3065
3066                background: var(--secondary-background);
3067                grid-area: togel-mobile;
3068                padding: 24px;
3069                padding-bottom: 12px;
3070                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
3071            }
3072        
3073            .togel-title {
3074                padding: 0px;
3075                padding-bottom: 20px;
3076                font-size: 1.4rem;
3077                font-weight: bold;
3078                color: var(--primary-text-color);
3079            }
3080        
3081            .togel-content {
3082                max-height: fit-content;
3083                display: grid;
3084                grid-template-columns: 1fr;
3085                gap: 0;
3086                border-radius: 8px;
3087            }
3088            
3089
3090        
3091            .provider-group {
3092                padding: var(--mobile-padding-horizontal);
3093            }
3094        
3095            .badge {
3096                display: none;
3097            }
3098        
3099            .result {
3100                height: auto;
3101                width: 100%;
3102                display: grid;
3103                grid-template-rows: 1fr;
3104                grid-template-columns: 1fr 1fr 80px;
3105                grid-template-areas: "pasaran tanggal keluaran";
3106                border-radius: 0;
3107                border: none;
3108                background: transparent;
3109                padding: 4px 12px;
3110                color: var(--primary-text-color);
3111                font-family: 'Abel', sans-serif;
3112                
3113            }
3114            
3115                        
3116            .result-data:nth-child(odd) {
3117                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
3118            }
3119            
3120                        
3121            .accordion-item {
3122                background-color: transparent;
3123                border: 0px;
3124            }
3125            
3126            .accordion-button:not(.collapsed) {
3127                color: inherit;
3128                background-color: transparent;
3129                box-shadow: none;
3130            }
3131            
3132            .accordion-button::after {
3133                height: 0px;
3134            }
3135        
3136            .result>* {
3137                padding: 0px!important;
3138                margin: 0px!important;
3139                font-size: 1.4rem!important;
3140                line-height: auto!important;
3141                font-weight: normal!important;
3142            }
3143        
3144            .result>.pasaran {
3145                display: flex;
3146                justify-content: start;
3147                color: var(--primary-text-color)!important;
3148                opacity: .7;
3149            }
3150        
3151            .result>.tanggal {        
3152                display: flex;
3153                justify-content: center;
3154                background: transparent;
3155                color: var(--primary-text-color)!important;
3156                opacity: .7;
3157            }
3158        
3159            .result>.keluaran {
3160                display: flex;
3161                justify-content: end;
3162                /*color: var(--primary-text-color)!important;*/
3163                font-family: 'Abel', sans-serif;
3164                color: var(--highlight-text-color);
3165            }
3166            
3167        }
3168	</style>
3169	
3170	
3171	
3172	<div id="togel-desktop" class="togel-desktop desktop-only">
3173	    
3174	        
3175        
3176    
3177        <div class="togel-content ">
3178                            <!-- <a href="/?content=hasil&pid=TWH" class="result"> -->
3179                <a href="/hasil/TWH" class="result">
3180                    
3181                    <div class="badge">
3182                                            </div>
3183                    
3184                    <div class="pasaran">
3184TOTO WUHAN&nbsp</div>
3185                    <div class="keluaran">1105</div>
3186                    <div class="tanggal"> 26/9/2026</div>
3187                </a>
3188                            <!-- <a href="/?content=hasil&pid=HKD" class="result"> -->
3189                <a href="/hasil/HKD" class="result">
3190                    
3191                    <div class="badge">
3192                                            </div>
3193                    
3194                    <div class="pasaran">HK SIANG&nbsp</div>
3195                    <div class="keluaran">3648</div>
3196                    <div class="tanggal"> 26/9/2026</div>
3197                </a>
3198                            <!-- <a href="/?content=hasil&pid=MY" class="result"> -->
3199                <a href="/hasil/MY" class="result">
3200                    
3201                    <div class="badge">
3202                                            </div>
3203                    
3204                    <div class="pasaran">MALAYSIA&nbsp</div>
3205                    <div class="keluaran">8343</div>
3206                    <div class="tanggal"> 26/9/2026</div>
3207                </a>
3208                        
3209        </div>
3210    </div>
3211    
3212    <div id="togel-mobile" class="togel-mobile mobile-only">
3213    	    
3214    	    <div class="togel-title">Togel Result</div>
3215    	    
3216            	    
3217	    <div class="carousel slide p-0" data-bs-ride="carousel" style="">
3218          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
3219              
3220                          
3221          </div>
3222          <div class="carousel-inner">
3223
3224            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
3225                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
3226                                    <div class="badge">
3227                                                                            </div>
3228                                    <div class="pasaran">TOTO WUHAN&nbsp</div>
3229                                    <div class="keluaran">1105</div>
3230                                    <div class="tanggal">26-09-2026</div>
3231                              </button>
3232                                                                <div id="paito-TWH" class="accordion-collapse collapse">
3233                                         
3234                                                <div class="result">
3235                                                    <div class="pasaran"></div>
3236                                                    <div class="keluaran">6997</div>
3237                                                    <div class="tanggal">26-09-2026</div>
3238                                                </div>
3239                                             
3240                                                <div class="result">
3241                                                    <div class="pasaran"></div>
3242                                                    <div class="keluaran">0358</div>
3243                                                    <div class="tanggal">26-09-2026</div>
3244                                                </div>
3245                                             
3246                                                <div class="result">
3247                                                    <div class="pasaran"></div>
3248                                                    <div class="keluaran">2367</div>
3249                                                    <div class="tanggal">26-09-2026</div>
3250                                                </div>
3251                                             
3252                                                <div class="result">
3253                                                    <div class="pasaran"></div>
3254                                                    <div class="keluaran">4213</div>
3255                                                    <div class="tanggal">26-09-2026</div>
3256                                                </div>
3257                                             
3258                                                <div class="result">
3259                                                    <div class="pasaran"></div>
3260                                                    <div class="keluaran">6332</div>
3261                                                    <div class="tanggal">26-09-2026</div>
3262                                                </div>
3263                                             
3264                                                <div class="result">
3265                                                    <div class="pasaran"></div>
3266                                                    <div class="keluaran">4218</div>
3267                                                    <div class="tanggal">25-09-2026</div>
3268                                                </div>
3269                                             
3270                                                <div class="result">
3271                                                    <div class="pasaran"></div>
3272                                                    <div class="keluaran">1656</div>
3273                                                    <div class="tanggal">25-09-2026</div>
3274                                                </div>
3275                                                                                </div>
3276                                                            </div>
3277                            
3278                                                    <div class="result-data accordion-item">
3279                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
3280                                    <div class="badge">
3281                                                                            </div>
3282                                    <div class="pasaran">HK SIANG&nbsp</div>
3283                                    <div class="keluaran">3648</div>
3284                                    <div class="tanggal">26-09-2026</div>
3285                              </button>
3286                                                                <div id="paito-HKD" class="accordion-collapse collapse">
3287                                         
3288                                                <div class="result">
3289                                                    <div class="pasaran"></div>
3290                                                    <div class="keluaran">7606</div>
3291                                                    <div class="tanggal">25-09-2026</div>
3292                                                </div>
3293                                             
3294                                                <div class="result">
3295                                                    <div class="pasaran"></div>
3296                                                    <div class="keluaran">5475</div>
3297                                                    <div class="tanggal">24-09-2026</div>
3298                                                </div>
3299                                             
3300                                                <div class="result">
3301                                                    <div class="pasaran"></div>
3302                                                    <div class="keluaran">3605</div>
3303                                                    <div class="tanggal">23-09-2026</div>
3304                                                </div>
3305                                             
3306                                                <div class="result">
3307                                                    <div class="pasaran"></div>
3308                                                    <div class="keluaran">6456</div>
3309                                                    <div class="tanggal">22-09-2026</div>
3310                                                </div>
3311                                             
3312                                                <div class="result">
3313                                                    <div class="pasaran"></div>
3314                                                    <div class="keluaran">9888</div>
3315                                                    <div class="tanggal">21-09-2026</div>
3316                                                </div>
3317                                             
3318                                                <div class="result">
3319                                                    <div class="pasaran"></div>
3320                                                    <div class="keluaran">1445</div>
3321                                                    <div class="tanggal">20-09-2026</div>
3322                                                </div>
3323                                             
3324                                                <div class="result">
3325                                                    <div class="pasaran"></div>
3326                                                    <div class="keluaran">8629</div>
3327                                                    <div class="tanggal">19-09-2026</div>
3328                                                </div>
3329                                                                                </div>
3330                                                            </div>
3331                            
3332                                                    <div class="result-data accordion-item">
3333                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
3334                                    <div class="badge">
3335                                                                            </div>
3336                                    <div class="pasaran">MALAYSIA&nbsp</div>
3337                                    <div class="keluaran">8343</div>
3338                                    <div class="tanggal">26-09-2026</div>
3339                              </button>
3340                                                                <div id="paito-MY" class="accordion-collapse collapse">
3341                                         
3342                                                <div class="result">
3343                                                    <div class="pasaran"></div>
3344                                                    <div class="keluaran">3280</div>
3345                                                    <div class="tanggal">25-09-2026</div>
3346                                                </div>
3347                                             
3348                                                <div class="result">
3349                                                    <div class="pasaran"></div>
3350                                                    <div class="keluaran">2902</div>
3351                                                    <div class="tanggal">24-09-2026</div>
3352                                                </div>
3353                                             
3354                                                <div class="result">
3355                                                    <div class="pasaran"></div>
3356                                                    <div class="keluaran">8301</div>
3357                                                    <div class="tanggal">23-09-2026</div>
3358                                                </div>
3359                                             
3360                                                <div class="result">
3361                                                    <div class="pasaran"></div>
3362                                                    <div class="keluaran">2443</div>
3363                                                    <div class="tanggal">22-09-2026</div>
3364                                                </div>
3365                                             
3366                                                <div class="result">
3367                                                    <div class="pasaran"></div>
3368                                                    <div class="keluaran">4038</div>
3369                                                    <div class="tanggal">21-09-2026</div>
3370                                                </div>
3371                                             
3372                                                <div class="result">
3373                                                    <div class="pasaran"></div>
3374                                                    <div class="keluaran">8733</div>
3375                                                    <div class="tanggal">20-09-2026</div>
3376                                                </div>
3377                                             
3378                                                <div class="result">
3379                                                    <div class="pasaran"></div>
3380                                                    <div class="keluaran">5592</div>
3381                                                    <div class="tanggal">19-09-2026</div>
3382                                                </div>
3383                                                                                </div>
3384                                                            </div>
3385                            
3386                        </div>              
3387              
3388          </div>
3389        </div>
3390    </div>
3391    
3392    
3392<script>
3393        
3394        function togglePaito(paitoid) {
3395            let paito = document.getElementById(paitoid);
3396            paito.classList.add("open");
3397        }
3398        
3399        
3400    </script>
3400
3401
3402            <div class="transaksi p-0 py-lg-4">
3403                <div class="d-none d-lg-block">
3404                    <!-- BANNER SBO DESKTOP -->
3405                    <div class="match-slider-wrap">
3406                                                    <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
3407
3408                                                                    <div class="carousel-indicators">
3409                                                                                    <button
3410                                                type="button"
3411                                                data-bs-target="#sboMatchCarouselDesktop"
3412                                                data-bs-slide-to="0"
3413                                                class="active"
3414                                                aria-current="true"                                                aria-label="Slide 1">
3415                                            </button>
3416                                                                                    <button
3417                                                type="button"
3418                                                data-bs-target="#sboMatchCarouselDesktop"
3419                                                data-bs-slide-to="1"
3420                                                class=""
3421                                                                                                aria-label="Slide 2">
3422                                            </button>
3423                                                                                    <button
3424                                                type="button"
3425                                                data-bs-target="#sboMatchCarouselDesktop"
3426                                                data-bs-slide-to="2"
3427                                                class=""
3428                                                                                                aria-label="Slide 3">
3429                                            </button>
3430                                                                                    <button
3431                                                type="button"
3432                                                data-bs-target="#sboMatchCarouselDesktop"
3433                                                data-bs-slide-to="3"
3434                                                class=""
3435                                                                                                aria-label="Slide 4">
3436                                            </button>
3437                                                                            </div>
3438                                
3439                                <div class="carousel-inner">
3440                                                                            <div class="carousel-item active">
3441                                            <div class="row g-3">
3442                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3443                                                        <div class="match-card h-100">
3444                                                            <div class="league-name">
3445                                                                e-Football F24 Elite Club Friendly                                                            </div>
3446
3447                                                            <div class="kickoff-time">
3448                                                                September 26, 2026 — 21:45 WIB                                                            </div>
3449
3450                                                            <div class="match-main-row">
3451                                                                <div class="team-col">
3452                                                                    <img
3453                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Everton.png"
3454                                                                        alt="e-Everton"
3455                                                                        class="team-logo"
3456                                                                    >
3457                                                                    <div class="team-name">
3458                                                                        e-Everton                                                                    </div>
3459                                                                </div>
3460
3461                                                                <div class="score-col">
3462                                                                    <div class="score-value">
3463                                                                        0 : 0                                                                    </div>
3464
3465                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149562228')">
3466                                                                        BET NOW
3467                                                                    </a>
3468                                                                </div>
3469
3470                                                                <div class="team-col">
3471                                                                    <img
3472                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Arsenal.png"
3473                                                                        alt="e-Arsenal"
3474                                                                        class="team-logo"
3475                                                                    >
3476                                                                    <div class="team-name">
3477                                                                        e-Arsenal                                                                    </div>
3478                                                                </div>
3479                                                            </div>
3480
3481                                                            <div class="match-odds-row">
3482                                                                <div class="odds-col">
3483                                                                    <sp
3483an>
3484                                                                        0.00                                                                        <small>-0.64</small>
3485                                                                    </span>
3486                                                                </div>
3487
3488                                                                <div class="odds-spacer"></div>
3489
3490                                                                <div class="odds-col">
3491                                                                    <span>
3492                                                                        0.00                                                                        <small>0.40</small>
3493                                                                    </span>
3494                                                                </div>
3495                                                            </div>
3496                                                        </div>
3497                                                    </div>
3498                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3499                                                        <div class="match-card h-100">
3500                                                            <div class="league-name">
3501                                                                e-Football F24 International Friendly                                                            </div>
3502
3503                                                            <div class="kickoff-time">
3504                                                                September 26, 2026 — 22:00 WIB                                                            </div>
3505
3506                                                            <div class="match-main-row">
3507                                                                <div class="team-col">
3508                                                                    <img
3509                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Belgium.png"
3510                                                                        alt="e-Belgium"
3511                                                                        class="team-logo"
3512                                                                    >
3513                                                                    <div class="team-name">
3514                                                                        e-Belgium                                                                    </div>
3515                                                                </div>
3516
3517                                                                <div class="score-col">
3518                                                                    <div class="score-value">
3519                                                                        0 : 1                                                                    </div>
3520
3521                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149561975')">
3522                                                                        BET NOW
3523                                                                    </a>
3524                                                                </div>
3525
3526                                                                <div class="team-col">
3527                                                                    <img
3528                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Netherlands.png"
3529                                                                        alt="e-Netherlands"
3530                                                                        class="team-logo"
3531                                                                    >
3532                                                                    <div class="team-name">
3533                                                                        e-Netherlands                                                                    </div>
3534                                                                </div>
3535                                                            </div>
3536
3537                                                            <div class="match-odds-row">
3538                                                                <div class="odds-col">
3539                                                                    <sp
3539an>
3540                                                                        -0.25                                                                        <small>-0.92</small>
3541                                                                    </span>
3542                                                                </div>
3543
3544                                                                <div class="odds-spacer"></div>
3545
3546                                                                <div class="odds-col">
3547                                                                    <span>
3548                                                                        0.25                                                                        <small>0.68</small>
3549                                                                    </span>
3550                                                                </div>
3551                                                            </div>
3552                                                        </div>
3553                                                    </div>
3554                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3555                                                        <div class="match-card h-100">
3556                                                            <div class="league-name">
3557                                                                e-Football F24 Elite Club Friendly                                                            </div>
3558
3559                                                            <div class="kickoff-time">
3560                                                                September 26, 2026 — 21:45 WIB                                                            </div>
3561
3562                                                            <div class="match-main-row">
3563                                                                <div class="team-col">
3564                                                                    <img
3565                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/ManchesterUnited.png"
3566                                                                        alt="e-Manchester United"
3567                                                                        class="team-logo"
3568                                                                    >
3569                                                                    <div class="team-name">
3570                                                                        e-Manchester United                                                                    </div>
3571                                                                </div>
3572
3573                                                                <div class="score-col">
3574                                                                    <div class="score-value">
3575                                                                        2 : 0                                                                    </div>
3576
3577                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149562226')">
3578                                                                        BET NOW
3579                                                                    </a>
3580                                                                </div>
3581
3582                                                                <div class="team-col">
3583                                                                    <img
3584                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Liverpool.png"
3585                                                                        alt="e-Liverpool"
3586                                                                        class="team-logo"
3587                                                                    >
3588                                                                    <div class="team-name">
3589                                                                        e-Liverpool                                                                    </div>
3590                                                                </div>
3591                                                            </div>
3592
3593                                                            <div class="match-odds-row">
3594                                                                <div class="odds-col">
3595                                                                    <sp
3595an>
3596                                                                        0.00                                                                        <small>-0.76</small>
3597                                                                    </span>
3598                                                                </div>
3599
3600                                                                <div class="odds-spacer"></div>
3601
3602                                                                <div class="odds-col">
3603                                                                    <span>
3604                                                                        0.00                                                                        <small>0.52</small>
3605                                                                    </span>
3606                                                                </div>
3607                                                            </div>
3608                                                        </div>
3609                                                    </div>
3610                                                                                            </div>
3611                                        </div>
3612                                                                            <div class="carousel-item ">
3613                                            <div class="row g-3">
3614                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3615                                                        <div class="match-card h-100">
3616                                                            <div class="league-name">
3617                                                                e-Football F24 Elite Club Friendly                                                            </div>
3618
3619                                                            <div class="kickoff-time">
3620                                                                September 26, 2026 — 22:00 WIB                                                            </div>
3621
3622                                                            <div class="match-main-row">
3623                                                                <div class="team-col">
3624                                                                    <img
3625                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Lille.png"
3626                                                                        alt="e-Lille"
3627                                                                        class="team-logo"
3628                                                                    >
3629                                                                    <div class="team-name">
3630                                                                        e-Lille                                                                    </div>
3631                                                                </div>
3632
3633                                                                <div class="score-col">
3634                                                                    <div class="score-value">
3635                                                                        1 : 0                                                                    </div>
3636
3637                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149562230')">
3638                                                                        BET NOW
3639                                                                    </a>
3640                                                                </div>
3641
3642                                                                <div class="team-col">
3643                                                                    <img
3644                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/AtleticoMadrid.png"
3645                                                                        alt="e-Atletico Madrid"
3646                                                                        class="team-logo"
3647                                                                    >
3648                                                                    <div class="team-name">
3649                                                                        e-Atletico Madrid                                                                    </div>
3650                                                                </div>
3651                                                            </div>
3652
3653                                                            <div class="match-odds-row">
3654                                                                <div class="odds-col">
3655                                                                    <sp
3655an>
3656                                                                        -0.25                                                                        <small>-0.98</small>
3657                                                                    </span>
3658                                                                </div>
3659
3660                                                                <div class="odds-spacer"></div>
3661
3662                                                                <div class="odds-col">
3663                                                                    <span>
3664                                                                        0.25                                                                        <small>0.74</small>
3665                                                                    </span>
3666                                                                </div>
3667                                                            </div>
3668                                                        </div>
3669                                                    </div>
3670                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3671                                                        <div class="match-card h-100">
3672                                                            <div class="league-name">
3673                                                                e-Football F24 International Friendly                                                            </div>
3674
3675                                                            <div class="kickoff-time">
3676                                                                September 26, 2026 — 22:15 WIB                                                            </div>
3677
3678                                                            <div class="match-main-row">
3679                                                                <div class="team-col">
3680                                                                    <img
3681                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Portugal.png"
3682                                                                        alt="e-Portugal"
3683                                                                        class="team-logo"
3684                                                                    >
3685                                                                    <div class="team-name">
3686                                                                        e-Portugal                                                                    </div>
3687                                                                </div>
3688
3689                                                                <div class="score-col">
3690                                                                    <div class="score-value">
3691                                                                        0 : 0                                                                    </div>
3692
3693                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149561976')">
3694                                                                        BET NOW
3695                                                                    </a>
3696                                                                </div>
3697
3698                                                                <div class="team-col">
3699                                                                    <img
3700                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/England.png"
3701                                                                        alt="e-England"
3702                                                                        class="team-logo"
3703                                                                    >
3704                                                                    <div class="team-name">
3705                                                                        e-England                                                                    </div>
3706                                                                </div>
3707                                                            </div>
3708
3709                                                            <div class="match-odds-row">
3710                                                                <div class="odds-col">
3711                                                                    <sp
3711an>
3712                                                                        -0.25                                                                        <small>-0.95</small>
3713                                                                    </span>
3714                                                                </div>
3715
3716                                                                <div class="odds-spacer"></div>
3717
3718                                                                <div class="odds-col">
3719                                                                    <span>
3720                                                                        0.25                                                                        <small>0.71</small>
3721                                                                    </span>
3722                                                                </div>
3723                                                            </div>
3724                                                        </div>
3725                                                    </div>
3726                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3727                                                        <div class="match-card h-100">
3728                                                            <div class="league-name">
3729                                                                e-Football F24 International Friendly                                                            </div>
3730
3731                                                            <div class="kickoff-time">
3732                                                                September 26, 2026 — 21:45 WIB                                                            </div>
3733
3734                                                            <div class="match-main-row">
3735                                                                <div class="team-col">
3736                                                                    <img
3737                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Wales.png"
3738                                                                        alt="e-Wales"
3739                                                                        class="team-logo"
3740                                                                    >
3741                                                                    <div class="team-name">
3742                                                                        e-Wales                                                                    </div>
3743                                                                </div>
3744
3745                                                                <div class="score-col">
3746                                                                    <div class="score-value">
3747                                                                        0 : 3                                                                    </div>
3748
3749                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149561972')">
3750                                                                        BET NOW
3751                                                                    </a>
3752                                                                </div>
3753
3754                                                                <div class="team-col">
3755                                                                    <img
3756                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Portugal.png"
3757                                                                        alt="e-Portugal"
3758                                                                        class="team-logo"
3759                                                                    >
3760                                                                    <div class="team-name">
3761                                                                        e-Portugal                                                                    </div>
3762                                                                </div>
3763                                                            </div>
3764
3765                                                            <div class="match-odds-row">
3766                                                                <div class="odds-col">
3767                                                                    <sp
3767an>
3768                                                                        0.00                                                                        <small>-0.48</small>
3769                                                                    </span>
3770                                                                </div>
3771
3772                                                                <div class="odds-spacer"></div>
3773
3774                                                                <div class="odds-col">
3775                                                                    <span>
3776                                                                        0.00                                                                        <small>0.24</small>
3777                                                                    </span>
3778                                                                </div>
3779                                                            </div>
3780                                                        </div>
3781                                                    </div>
3782                                                                                            </div>
3783                                        </div>
3784                                                                            <div class="carousel-item ">
3785                                            <div class="row g-3">
3786                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3787                                                        <div class="match-card h-100">
3788                                                            <div class="league-name">
3789                                                                e-Football F24 International Friendly                                                            </div>
3790
3791                                                            <div class="kickoff-time">
3792                                                                September 26, 2026 — 21:45 WIB                                                            </div>
3793
3794                                                            <div class="match-main-row">
3795                                                                <div class="team-col">
3796                                                                    <img
3797                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Poland.png"
3798                                                                        alt="e-Poland"
3799                                                                        class="team-logo"
3800                                                                    >
3801                                                                    <div class="team-name">
3802                                                                        e-Poland                                                                    </div>
3803                                                                </div>
3804
3805                                                                <div class="score-col">
3806                                                                    <div class="score-value">
3807                                                                        0 : 0                                                                    </div>
3808
3809                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149561973')">
3810                                                                        BET NOW
3811                                                                    </a>
3812                                                                </div>
3813
3814                                                                <div class="team-col">
3815                                                                    <img
3816                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Croatia.png"
3817                                                                        alt="e-Croatia"
3818                                                                        class="team-logo"
3819                                                                    >
3820                                                                    <div class="team-name">
3821                                                                        e-Croatia                                                                    </div>
3822                                                                </div>
3823                                                            </div>
3824
3825                                                            <div class="match-odds-row">
3826                                                                <div class="odds-col">
3827                                                                    <sp
3827an>
3828                                                                        0.00                                                                        <small>0.79</small>
3829                                                                    </span>
3830                                                                </div>
3831
3832                                                                <div class="odds-spacer"></div>
3833
3834                                                                <div class="odds-col">
3835                                                                    <span>
3836                                                                        0.00                                                                        <small>0.97</small>
3837                                                                    </span>
3838                                                                </div>
3839                                                            </div>
3840                                                        </div>
3841                                                    </div>
3842                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3843                                                        <div class="match-card h-100">
3844                                                            <div class="league-name">
3845                                                                e-Football F24 Elite Club Friendly                                                            </div>
3846
3847                                                            <div class="kickoff-time">
3848                                                                September 26, 2026 — 22:00 WIB                                                            </div>
3849
3850                                                            <div class="match-main-row">
3851                                                                <div class="team-col">
3852                                                                    <img
3853                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Valencia.png"
3854                                                                        alt="e-Valencia"
3855                                                                        class="team-logo"
3856                                                                    >
3857                                                                    <div class="team-name">
3858                                                                        e-Valencia                                                                    </div>
3859                                                                </div>
3860
3861                                                                <div class="score-col">
3862                                                                    <div class="score-value">
3863                                                                        0 : 0                                                                    </div>
3864
3865                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149562229')">
3866                                                                        BET NOW
3867                                                                    </a>
3868                                                                </div>
3869
3870                                                                <div class="team-col">
3871                                                                    <img
3872                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Chelsea.png"
3873                                                                        alt="e-Chelsea"
3874                                                                        class="team-logo"
3875                                                                    >
3876                                                                    <div class="team-name">
3877                                                                        e-Chelsea                                                                    </div>
3878                                                                </div>
3879                                                            </div>
3880
3881                                                            <div class="match-odds-row">
3882                                                                <div class="odds-col">
3883                                                                    <sp
3883an>
3884                                                                        0.00                                                                        <small>0.98</small>
3885                                                                    </span>
3886                                                                </div>
3887
3888                                                                <div class="odds-spacer"></div>
3889
3890                                                                <div class="odds-col">
3891                                                                    <span>
3892                                                                        0.00                                                                        <small>0.78</small>
3893                                                                    </span>
3894                                                                </div>
3895                                                            </div>
3896                                                        </div>
3897                                                    </div>
3898                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3899                                                        <div class="match-card h-100">
3900                                                            <div class="league-name">
3901                                                                e-Football F24 International Friendly                                                            </div>
3902
3903                                                            <div class="kickoff-time">
3904                                                                September 26, 2026 — 22:00 WIB                                                            </div>
3905
3906                                                            <div class="match-main-row">
3907                                                                <div class="team-col">
3908                                                                    <img
3909                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Italy.png"
3910                                                                        alt="e-Italy"
3911                                                                        class="team-logo"
3912                                                                    >
3913                                                                    <div class="team-name">
3914                                                                        e-Italy                                                                    </div>
3915                                                                </div>
3916
3917                                                                <div class="score-col">
3918                                                                    <div class="score-value">
3919                                                                        1 : 0                                                                    </div>
3920
3921                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149561974')">
3922                                                                        BET NOW
3923                                                                    </a>
3924                                                                </div>
3925
3926                                                                <div class="team-col">
3927                                                                    <img
3928                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Hungary.png"
3929                                                                        alt="e-Hungary"
3930                                                                        class="team-logo"
3931                                                                    >
3932                                                                    <div class="team-name">
3933                                                                        e-Hungary                                                                    </div>
3934                                                                </div>
3935                                                            </div>
3936
3937                                                            <div class="match-odds-row">
3938                                                                <div class="odds-col">
3939                                                                    <sp
3939an>
3940                                                                        0.5                                                                        <small>0.58</small>
3941                                                                    </span>
3942                                                                </div>
3943
3944                                                                <div class="odds-spacer"></div>
3945
3946                                                                <div class="odds-col">
3947                                                                    <span>
3948                                                                        -0.5                                                                        <small>-0.82</small>
3949                                                                    </span>
3950                                                                </div>
3951                                                            </div>
3952                                                        </div>
3953                                                    </div>
3954                                                                                            </div>
3955                                        </div>
3956                                                                            <div class="carousel-item ">
3957                                            <div class="row g-3">
3958                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3959                                                        <div class="match-card h-100">
3960                                                            <div class="league-name">
3961                                                                e-Football F24 International Friendly                                                            </div>
3962
3963                                                            <div class="kickoff-time">
3964                                                                September 26, 2026 — 23:00 WIB                                                            </div>
3965
3966                                                            <div class="match-main-row">
3967                                                                <div class="team-col">
3968                                                                    <img
3969                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Hungary.png"
3970                                                                        alt="e-Hungary"
3971                                                                        class="team-logo"
3972                                                                    >
3973                                                                    <div class="team-name">
3974                                                                        e-Hungary                                                                    </div>
3975                                                                </div>
3976
3977                                                                <div class="score-col">
3978                                                                    <div class="score-value">
3979                                                                        0 : 0                                                                    </div>
3980
3981                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '149561981')">
3982                                                                        BET NOW
3983                                                                    </a>
3984                                                                </div>
3985
3986                                                                <div class="team-col">
3987                                                                    <img
3988                                                                        src="https://img-2-2.cdn568.net/images/teamLogo/Italy.png"
3989                                                                        alt="e-Italy"
3990                                                                        class="team-logo"
3991                                                                    >
3992                                                                    <div class="team-name">
3993                                                                        e-Italy                                                                    </div>
3994                                                                </div>
3995                                                            </div>
3996
3997                                                            <div class="match-odds-row">
3998                                                                <div class="odds-col">
3999                                                                    <sp
3999an>
4000                                                                        -0.5                                                                        <small>-0.82</small>
4001                                                                    </span>
4002                                                                </div>
4003
4004                                                                <div class="odds-spacer"></div>
4005
4006                                                                <div class="odds-col">
4007                                                                    <span>
4008                                                                        0.5                                                                        <small>0.58</small>
4009                                                                    </span>
4010                                                                </div>
4011                                                            </div>
4012                                                        </div>
4013                                                    </div>
4014                                                                                            </div>
4015                                        </div>
4016                                                                    </div>
4017
4018                                                                    <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev">
4019                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
4020                                        <span class="visually-hidden">Previous</span>
4021                                    </button>
4022
4023                                    <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next">
4024                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
4025                                        <span class="visually-hidden">Next</span>
4026                                    </button>
4027                                                            </div>
4028                                            </div>
4029                    <!-- BANNER SBO DESKTOP END -->
4030                    <!-- Banner Telegram -->
4031                    
4032                    
4033                    
4034                    <div class="transaksi-kontak">
4035                        
4036                        <div class="d-flex flex-column w-100">
4037                            <div class="transaksi-content">
4038                                <!-- Bank -->
4039                                
4040<style>
4041    /* ====== LAYOUT KESELURUHAN ====== */
4042
4043    .transaksi-layout {
4044        display: flex;
4045        justify-content: center;
4046        gap: 16px;
4047        align-items: center;
4048    }
4049
4050    .transaksi-left-inner {
4051        width: 100%;
4052    }
4053
4054    .transaksi-left-img {
4055        width: 100%;
4056        height: auto;
4057        display: block;
4058        object-fit: cover;
4059    }
4060
4061    .transaksi-right-box {
4062        flex: 1;
4063        display: flex;
4064        justify-content: flex-start;
4065    }
4066
4067    .transaksi-group {
4068        display: flex;
4069        flex-direction: column;
4070        gap: 16px;
4071        width: 100%;
4072        grid-template-areas:
4073            "transaksi-bank transaksi-other transaksi-crypto";
4074    }
4075
4076    .transaksi-bank {
4077        grid-area: transaksi-bank;
4078        display: grid;
4079        place-items: center;
4080        justify-content: flex-start;
4081    }
4082
4083    .transaksi-other {
4084        grid-area: transaksi-other;
4085        display: flex;
4086        justify-content: flex-start;
4087        width: 100%;
4088    }
4089
4090    .transaksi-crypto {
4091        grid-area: transaksi-crypto;
4092        display: flex;
4093        justify-content: flex-start;
4094        width: 100%;
4095    }
4096
4097    .transaksi-wrapper {
4098        display: flex;
4099        flex-direction: column;
4100        gap: .5rem;
4101        align-items: flex-start;
4102    }
4103
4104    .transaksi-name {
4105        font-size: 1.1rem;
4106        font-weight: bold;
4107        line-height: 1.5rem;
4108    }
4109
4110    /* ====== GRID LIST ====== */
4111
4112    .transaksi-list-bank,
4113    .transaksi-list-other {
4114        height: fit-content;
4115        display: grid;
4116        grid-template-columns: repeat(5, minmax(80px, 1fr));
4117        gap: 4px 6px;
4118    }
4119
4120    .transaksi-list-crypto {
4121        height: fit-content;
4122        display: flex;
4123        align-items: center;
4124        gap: 24px;
4125        width: 100%;
4126        justify-content: flex-start;
4127    }
4128
4129    .icon-crypto {
4130        width: 24px;
4131        height: 24px;
4132    }
4133
4134    /* ====== ITEM BANK / EMONEY ====== */
4135
4136    .transaksi-item {
4137        display: flex;
4138        flex-direction: column;
4139        position: relative;
4140    }
4141
4142    .transaksi-header {
4143        height: 30px;
4144        border-radius: 5px;
4145        font-weight: bold;
4146        border: 2px solid rgba(108,108,108,1);
4147        background: rgba(54,54,54,1);
4148        color: white;
4149        display: flex;
4150        align-items: center;
4151        justify-content: center;
4152        padding: 0 12px 0 22px; /* extra space kiri buat dot */
4153        font-size: 0.9rem;
4154        white-space: nowrap;
4155    }
4156
4157    /* strip bawah lama dimatikan */
4158    .transaksi-status {
4159        display: none;
4160    }
4161
4162    /* ====== ONLINE / OFFLINE DOT ====== */
4163
4164    /* ONLINE: tambahkan class is-online di PHP */
4165    .transaksi-header.is-online::before {
4166        content: "";
4167        position: absolute;
4168        left: 8px;
4169        top: 50%;
4170        transform: translateY(-50%);
4171        width: 9px;
4172        height: 9px;
4173        border-radius: 50%;
4174        background-color: #00ff66;
4175        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
4176    }
4177
4178    /* OFFLINE: is-offline (lebih gelap + tanpa dot) */
4179    .transaksi-header.is-offline {
4180        background: #2e2e2e;
4181        border-color: #555;
4182        opacity: .4;
4183    }
4184
4185    /* backup: kalau lupa kasih class di PHP, treat sebagai offline */
4186    .transaksi-header:not(.is-online):not(.is-offline) {
4187        background: #2e2e2e;
4188        border-color: #555;
4189        opacity: .4;
4190    }
4191
4192    @media only screen and (max-width: 768px) {
4193
4194        .transaksi-layout {
4195            flex-direction: column;
4196            align-items: center;
4197        }
4198
4199        .transaksi-group {
4200            display: grid;
4201            grid-template-columns: 1fr;
4202            grid-template-areas:
4203                "transaksi-bank"
4204                "transaksi-other"
4205                "transaksi-crypto";
4206            gap: 32px;
4207            margin-bottom: 8px;
4208        }
4209
4210        .transaksi-header {
4211            font-size: 1.1rem;
4212            height: 36px;
4213        }
4214
4215        .transaksi-list-bank {
4216            grid-template-columns: repeat(4, 1fr);
4217        }
4218
4219        .transaksi-list-other {
4220            grid-template-columns: repeat(4, 1fr);
4221        }
4222
4223        .transaksi-list-crypto {
4224            width: 86%;
4225            margin: auto;
4226            flex-wrap: wrap;
4227        }
4228
4229        .transaksi-item {
4230            width: 100%;
4231        }
4232
4233        .transaksi-name {
4234            font-size: 1.3rem;
4235            text-align: center;
4236            line-height: 1.8rem;
4237        }
4238
4239        .transaksi-wrapper {
4240            width: 100%;
4241            max-width: 100%!important;
4242            gap: 1rem;
4243            align-items: center;
4244        }
4245
4246        .icon-crypto {
4247            width: 28px;
4248            height: 28px;
4249        }
4250    }
4251
4252    /* LEBAR BOX BANK BIAR RAPI DAN CENTER */
4253    .transaksi-header {
4254        height: 34px;
4255        border-radius: 6px;
4256        font-weight: bold;
4257        border: 2px solid rgba(108,108,108,1);
4258        background: rgba(54,54,54,1);
4259        color: white;
4260
4261        /* Tambahan baru */
4262        min-width: 110px;       /* Lebarin biar semua rata */
4263        padding: 0 16px 0 28px; /* Kasih ruang untuk dot */
4264        display: flex;
4265        align-items: center;
4266        justify-content: center;
4267        text-align: center;
4268
4269        white-space: nowrap;
4270    }
4271
4272    /* DOT ONLINE */
4273    .transaksi-header.is-online::before {
4274        content: "";
4275        position: absolute;
4276        left: 10px;
4277        top: 50%;
4278        transform: translateY(-50%);
4279        width: 10px;
4280        height: 10px;
4281        border-radius: 50%;
4282        background-color: #00ff66;
4283        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
4284    }
4285
4286    /* OFFLINE (DISABLED) */
4287    .transaksi-header.is-offline {
4288        padding: 0 16px;         
4289        background: #2e2e2e;
4290        border-color: #555;
4291        opacity: .35;
4292        align-items: center;
4293        justify-content: center;
4294        text-align: center;
4295    }
4296
4297    /* GRID-nya sedikit dilebarin biar simetris */
4298    .transaksi-list-bank,
4299    .transaksi-list-other {
4300        grid-template-columns: repeat(4, minmax(110px, 1fr));
4301        gap: 8px 10px;
4302    }
4303
4304</style>
4305
4306<div class="transaksi-layout">
4307    <div class="transaksi-left-box">
4308        <div class="transaksi-left-inner">
4309            <img src="/images/transaksi.png" class="transaksi-left-img">
4310        </div>
4311    </div>
4312
4313    <div class="transaksi-right-box">
4314        <div class="transaksi-group">
4315
4316            <!-- BANK LOKAL -->
4317            <div class="transaksi-bank">
4318                <div class="transaksi-wrapper">
4319                                            <div class="transaksi-name">Bank Lokal</div>
4320                                        <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
4321                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
4322                                                                    <button type="button" data-bs-target="#transaksi-bank-indicators"
4323                                                data-bs-slide-to="0" class="active" aria-current="true"
4324                                                aria-label="Slide 1"></button>
4325                                                                            <button type="button" data-bs-target="#transaksi-bank-indicators"
4326                                                data-bs-slide-to="1" aria-label="Slide 2"></button>
4327                                                            </div>
4328
4329                        <div class="carousel-inner" style="min-height: 144px">
4330                                                            <div class="carousel-item active">
4331                                    <div class="transaksi-list-bank">
4332                                                                                    <div class="transaksi-item">
4333                                                <div class="transaksi-header is-online">
4334                                                    BCA                                                </div>
4335                                                <div class="transaksi-status"></div>
4336                                            </div>
4337                                                                                        <div class="transaksi-item">
4338                                                <div class="transaksi-header is-online">
4339                                                    Mandiri                                                </div>
4340                                                <div class="transaksi-status"></div>
4341                                            </div>
4342                                                                                        <div class="transaksi-item">
4343                                                <div class="transaksi-header is-online">
4344                                                    BNI                                                </div>
4345                                                <div class="transaksi-status"></div>
4346                                            </div>
4347                                                                                        <div class="transaksi-item">
4348                                                <div class="transaksi-header is-online">
4349                                                    BRI                                                </div>
4350                                                <div class="transaksi-status"></div>
4351                                            </div>
4352                                                                                        <div class="transaksi-item">
4353                                                <div class="transaksi-header is-online">
4354                                                    Danamon                                                </div>
4355                                                <div class="transaksi-status"></div>
4356                                            </div>
4357                                                                                        <div class="transaksi-item">
4358                                                <div class="transaksi-header is-online">
4359                                                    Permata                                                </div>
4360                                                <div class="transaksi-status"></div>
4361                                            </div>
4362                                                                                        <div class="transaksi-item">
4363                                                <div class="transaksi-header is-online">
4364                                                    BJB                                                </div>
4365                                                <div class="transaksi-status"></div>
4366                                            </div>
4367                                                                                        <div class="transaksi-item">
4368                                                <div class="transaksi-header is-online">
4369                                                    PANIN                                                </div>
4370                                                <div class="transaksi-status"></div>
4371                                            </div>
4372                                                                                        <div class="transaksi-item">
4373                                                <div class="transaksi-header is-online">
4374                                                    OCBC                                                </div>
4375                                                <div class="transaksi-status"></div>
4376                                            </div>
4377                                                                                        <div class="transaksi-item">
4378                                                <div class="transaksi-header is-online">
4379                                                    SUMUT                                                </div>
4380                                                <div class="transaksi-status"></div>
4381                                            </div>
4382                                                                                        <div class="transaksi-item">
4383                                                <div class="transaksi-header is-online">
4384                                                    BSI                                                </div>
4385                                                <div class="transaksi-status"></div>
4386                                            </div>
4387                                                                                        <div class="transaksi-item">
4388                                                <div class="transaksi-header is-online">
4389                                                    NEO                                                </div>
4390                                                <div class="transaksi-status"></div>
4391                                            </div>
4392                                                                                        <div class="transaksi-item">
4393                                                <div class="transaksi-header is-online">
4394                                                    
4394JAGO                                                </div>
4395                                                <div class="transaksi-status"></div>
4396                                            </div>
4397                                                                                        <div class="transaksi-item">
4398                                                <div class="transaksi-header is-online">
4399                                                    SeaBank                                                </div>
4400                                                <div class="transaksi-status"></div>
4401                                            </div>
4402                                                                                        <div class="transaksi-item">
4403                                                <div class="transaksi-header is-online">
4404                                                    DBS                                                </div>
4405                                                <div class="transaksi-status"></div>
4406                                            </div>
4407                                                                                        <div class="transaksi-item">
4408                                                <div class="transaksi-header is-online">
4409                                                    Sinarmas                                                </div>
4410                                                <div class="transaksi-status"></div>
4411                                            </div>
4412                                                                                </div>
4413                                </div>
4414                                                            <div class="carousel-item ">
4415                                    <div class="transaksi-list-bank">
4416                                                                                    <div class="transaksi-item">
4417                                                <div class="transaksi-header is-online">
4418                                                    UOB                                                </div>
4419                                                <div class="transaksi-status"></div>
4420                                            </div>
4421                                                                                </div>
4422                                </div>
4423                                                    </div>
4424                    </div>
4425
4426                </div>
4427            </div>
4428
4429            <!-- E MONEY & PULSA -->
4430            <div class="transaksi-other">
4431                <div class="transaksi-wrapper">
4432                                            <div class="transaksi-name">E Money &amp; Pulsa</div>
4433                    
4434                    <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
4435                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
4436                                                    </div>
4437
4438                        <div class="carousel-inner" >
4439                                                            <div class="carousel-item active">
4440                                    <div class="transaksi-list-other">
4441                                                                                    <div class="transaksi-item">
4442                                                <div class="transaksi-header is-online">
4443                                                    DANA                                                </div>
4444                                                <div class="transaksi-status"></div>
4445                                            </div>
4446                                                                                        <div class="transaksi-item">
4447                                                <div class="transaksi-header is-online">
4448                                                    OVO                                                </div>
4449                                                <div class="transaksi-status"></div>
4450                                            </div>
4451                                                                                        <div class="transaksi-item">
4452                                                <div class="transaksi-header is-online">
4453                                                    GOPAY                                                </div>
4454                                                <div class="transaksi-status"></div>
4455                                            </div>
4456                                                                                        <div class="transaksi-item">
4457                                                <div class="transaksi-header is-online">
4458                                                    LinkAja                                                </div>
4459                                                <div class="transaksi-status"></div>
4460                                            </div>
4461                                                                                        <div class="transaksi-item">
4462                                                <div class="transaksi-header is-online">
4463                                                    Sakuku                                                </div>
4464                                                <div class="transaksi-status"></div>
4465                                            </div>
4466                                                                                        <div class="transaksi-item">
4467                                                <div class="transaksi-header is-online">
4468                                                    Lain-lain                                                </div>
4469                                                <div class="transaksi-status"></div>
4470                                            </div>
4471                                                                                        <div class="transaksi-item">
4472                                                <div class="transaksi-header is-online">
4473                                                    QRIS                                                </div>
4474                                                <div class="transaksi-status"></div>
4475                                            </div>
4476                                                                                        <div class="transaksi-item">
4477                                                <div class="transaksi-header is-online">
4478                                                    Telkomsel                                                </div>
4479                                                <div class="transaksi-status"></div>
4480                                            </div>
4481                                                                                        <div class="transaksi-item">
4482                                                <div class="transaksi-header is-online">
4483                                                    Axiata                                                </div>
4484                                                <div class="transaksi-status"></div>
4485                                            </div>
4486                                                                                </div>
4487                                </div>
4488                                                    </div>
4489                    </div>
4490
4491                </div>
4492            </div>
4493
4494            <!-- CRYPTO -->
4495            <div class="transaksi-crypto">
4496                <div class="transaksi-wrapper">
4497                                            <div class="transaksi-name mb-1">Crypto Currency</div>
4498                    
4499                    <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
4500                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
4501                                                    </div>
4502
4503                        <div class="carousel-inner" >
4504                                                            <div class="carousel-item active">
4505                                    <div class="transaksi-list-crypto">
4506                                                                                    <div class="d-flex gap-2">
4507                                                <img src="https://img.viva88athenae.com/USDT.png"
4508                                                     class="icon-crypto" alt="USDT">
4509                                                <strong class="transaksi-name">USDT</strong>
4510                                            </div>
4511                                                                                </div>
4512                                </div>
4513                                                    </div>
4514
4515                    </div>
4516                </div>
4517            </div>
4518
4519        </div>
4520    </div>
4521</div>
4522                            </div>
4523                            
4524                            
4525                        </div>
4526                        
4527                        <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
4528                            
4529                        <!--    <div class="transaksi-title">-->
4530                        <!--        <div class="transaksi-title-group">-->
4531                        <!--            <div class="fitur-header">Kontak Kami</div>-->
4532                        <!--        </div>-->
4533                                
4534                        <!--        <div class="devider desktop-only"></div>-->
4535                        <!--    </div>-->
4536                            
4537    
4538                        <!--    
4539<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
4540    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
4541        
4542                
4543    </div>
4544      <div class="carousel-inner" style="height: 164px">
4545                    <div class="carousel-item active">
4546                <div>
4547                
4548                                
4549                                        
4550                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
4551                       <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
4552
4553                                                            <a class="d-flex flex-column" href="https://4l5j.short.gy/wa-bociltoto" target='_blank'>
4554                                       <div style="color: #888888;">WHATSAPP</div>
4555                                       <div style="line-height: .9rem; color: var(--primary-text-color)">+855968487720</div>
4556                                    </a>
4557                                
4558                                
4559                    </div>
4560                                
4561                                        
4562                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
4563                       <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>
4564
4565                                                            <a class="d-flex flex-column" href="https://t.me/bociltoto" target='_blank'>
4566                                       <div style="color: #888888;">TELEGRAM</div>
4567                                       <div style="line-height: .9rem; color: var(--primary-text-color)">+855963512973</div>
4568                                    </a>
4569                                
4570                                
4571                    </div>
4572                                
4573                                        
4574                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
4575                       <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/>
4576
4577                                                            <a class="d-flex flex-column" href="https://www.facebook.com/groups/bociltoto/" target='_blank'>
4578                                       <div style="color: #888888;">FACEBOOK</div>
4579                                       <div style="line-height: .9rem; color: var(--primary-text-color)">BOCILTOTO OFFICIAL</div>
4580                                    </a>
4581                                
4582                                
4583                    </div>
4584                                
4585                                    
4586                </div>
4587            </div>
4588        
4589         
4590         
4591    </div>
4592</div>
4593-->
4594                                    
4595                        <!--</div>-->
4596                    </div>
4597                </div>
4598            </div>
4599
4600
4601            <div class="bantuan">
4602                
4603                                <ul class="bantuan-content justify-content-center">
4604                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
4605                    <div class="bantuan-devider desktop-only">|</div>
4606                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
4607                    <div class="bantuan-devider desktop-only">|</div>
4608                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
4609                    <div class="bantuan-devider desktop-only">|</div>
4610                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
4611                    <div class="bantuan-devider desktop-only">|</div>
4612                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
4613                    <div class="bantuan-devider desktop-only">|</div>
4614                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
4615                    <div class="bantuan-devider desktop-only">|</div>
4616                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
4617                </ul>
4618                            </div>
4619        
4620            
4621            <footer class="footer">
4622                
4623                <div class="guidelines">
4624                    <div class="desktop-only">
4625                        <div class="guidelines-content d-flex justify-content-center">
4626                            <img src="https://img.viva88athenae.com/assets/guidelines.png" style="width: 640px" />
4627                        </div>
4628                    </div>
4629                </div>
4630                
4631                <div class="provider d-none d-lg-block">
4632                    <div class="provider-group">
4633                        <img src="https://img.viva88athenae.com/assets/provider.png" class="desktop-only" alt="">
4634                    </div>
4635                </div>
4636                
4637                <div>
4638                    <h1 style="text-align: center; color: gold"><strong>BOCILTOTO Situs Game Online Paling Mudah Maxwin</strong></h1>
4639<p style="text-align: justify;">Nama <strong><a href="https://bociltoto-ori.com/" style="color: red">BOCILTOTO</a></strong> tentu sudah sangat cukup familiar bagi mayoritas player game online di Indonesia. Betapa tidak, BOCILTOTO merupakan situs game online resmi terpercaya dan resmi yang sejauh ini telah menghadirkan banyak jenis catergory permainan.</p>
4640<p style="text-align: justify;">BOCILTOTO juga menyediakan layanan topup dengan berbagai pilihan metode mulai layanan topup yang lengkap, akses akun pro bisa melalui perangkat apa saja hingga layanan livechat yang support 24 jam. Makanya, jika anda ingin mencoba peruntungan dalam bermain game di BOCILTOTO tentu bisa menjadi alternatif terbaik tempat atau sarana untuk hiburan paling terpercaya dimana juga sangat potensial playerikan banyak keuntungan.</p>
4641<h2 style="text-align: center; color: gold">Tempat Bermain Game Amanah BOCILTOTO</h2>
4642<p style="text-align: justify;">Untuk dapat bermain game online, tentu saja semua player membutuhkan yang namanya akun vip dan pro. Memang, meskipun saat ini sudah ada banyak situs penyedia game online tetapi tidak selalu menjamin layanan yang diberikan selalu memudahkan bagi para player.</p>
4643<p style="text-align: justify;">Maka dari itu dengan bergabung lewat BOCILTOTO sebagai tempat bermain game online terpercaya, anda bisa memasang bermain dengan mudah serta dijamin aman. Apalagi, fasilitas layanan permainan yang disediakan oleh <strong><a href="https://bociltoto-ori.com/" style="color: red">BOCILTOTO</a> juga sangat lengkap dan telah menunjang segala apa yang diperlukan setiap player untuk menikmati permainan yang nyaman, mudah diakses dan pastinya dengan pilihan game yang komplit.</p>
4644<h2 style="text-align: center; color: gold">Situs Paling Terkenal BOCILTOTO Game Online Terbaik</h2>
4645<p style="text-align: justify;">Game yang semula hanya bisa diikuti lewat online, kini sudah bisa dijangkau lebih mudah dan aman melalui game online terbaik, salah satunya BOCILTOTO. Tidak hanya sekedar menjadi penyedia permainan saja, tetapi situs gampang jepe dan wede pilihan terbaik seperti BOCILTOTO juga menawarkan banyak keunggulan.</p>
4646<p style="text-align: justify;">Dengan didukung layanan terbaik 24 jam, jelas setiap para player bisa menikmati ataupun mengakses game kapan saja tanpa limit waktu. Disisi lain, situs BOCILTOTO juga playerikan informasi rate permainan serta infomasi bermanfaat lainnya.</p>
4647<h2 style="text-align: center; color: gold">Panduan Cepat Cara Bermain Game Online di BOCILTOTO</h2>
4648<p style="text-align: justify;">Cara bermain game online melalui BOCILTOTO sangatlah memudahkan untuk diikuti semua player sehingga mampu playerikan kepuasan sekaligus kenyamanan lebih maksimal. Namun begitu, anda pun perlu mengetahui bagaimana cara bermain tersebut sehingga nantinya tidak akan menemu
4648kan banyak kendala maupun kesulitan. Untungnya, BOCIL TOTO menyediakan layanan permainan yang sangat mumpuni dan menunjang sehingga setiap player bisa bermain dengan nyaman dan mudah dalam setiap harinya. Adapun untuk panduan cepat bermain game online, anda hanya perlu melakukan beberapa tahapannya seperti di bawah ini, antara lain:</p>
4649<ul style="text-align: justify;">
4650<li>Akses laman resmi situs game BOCILTOTO.</li>
4651<li>Daftar akun.</li>
4652<li>Login dan lakukan transaksi topup.</li>
4653<li>Pilih permainan yang akan anda mainkan.</li>
4654</ul>
4655<h2 style="text-align: justify; color: gold">Fasilitas Permainan Lengkap di BOCILTOTO</h2>
4656<p style="text-align: justify;">Sebagai mediator layanan permainan terbaik dan terpercaya saat ini, BOCILTOTO pastinya senantiasa menghadirkan fasilitas permainan yang lengkap dengan berbagai pilihan metode terbaru. Semua itu dihadirkan pihak BOCILTOTO tidak lain selain untuk mempermudah permainan bagi seluruh player yang mungkin saja jarang dijumpai pada situs game lain.</p>
4657<p style="text-align: justify;">Melalui fasilitas permainan dengan berbagai jenis metode pasang taruhan, tentu saja bermain pada jenis permainan apapun terjamin sangat memudahkan, baik itu dalam hal topup ataupun perangkat yang digunakan sebagai media permainan. Adapun beberapa fasilitas permainan terbaik yang disediakan di BOCIL TOTO diantaranya:</p>
4658<h3 style="text-align: justify; color: gold">Support Lewat WA</h3>
4659<p style="text-align: justify;">Fasilitas game terbaik yang pertama dimana bisa anda coba melalui BOCILTOTO yakni support lewat WA. Setiap orang tentu mempunyai aplikasi Whatsapp atau WA yang digunakan untuk media berkomunikasi dan sebagainya. Nah, WA sendiri dapat anda maksimalkan untuk layana support yang lebih memudahkan serta dengan cepat. Pasalnya, jika anda ingin suport lewat WA, anda hanya perlu meminta kontak WA pihak admin BOCIL TOTO melalui livechat 24 jam. Jika sudah mendapatkannya, anda tinggal buka saja aplikasi WA atau Whatsapp melalui smartphone yang anda pergunakan dan lakukan permainannya.</p>
4660<h3 style="text-align: justify; color: gold">Bermain Game Lewat Hp</h3>
4661<p style="text-align: justify;">Bermain lewat Hp mungkin menjadi salah satu opsi fasilitas terbaik dan paling memudahkan yang bisa anda pilih di BOCILTOTO. Pasalnya, metode cara bermain yang satu ini lebih mengutamakan kemudahan karena setiap player bisa bermain dimanapun kapanpun lebih fleksibel. Adapun cara bermain lewat hp ini, setiap player hanya tinggal mengakses situs resmi BOCILTOTO melalui browser di perangkat ponsel. Apabila anda telah berhasil mengakses atau mengunjungi situs BOCILTOTO dan dengan mudah bisa mencari serta bermain game yang disediakan di dalamnya.</p>
4662<h2 style="text-align: center; color: gold">Link Daftar Game Online Resmi BOCIL TOTO</h2>
4663<p style="text-align: justify;">Sebelum dapat mencoba peruntungan dan menikmati layanan game terbaik dari <strong><a href="https://bociltoto-ori.com/" style="color: red">BOCILTOTO</a>, tentu saja setiap para player harus mendaftar terlebih dahulu sebagai syarat utamanya. Sebagaimana yang kami katakan di awal, bergabung dengan situs game BOCILTOTO tidak akan membuat siapapun sulit dengan pelayanan daftar yang memudahkan, lengkap serta menjamin semua kebutuhan player. Terlebih lagi dengan adanya link daftar game online resmi BOCIL TOTO yang bisa anda maksimalkan. Adapun cara daftar game online melalui link daftar resmi BOCILTOTO antara lain seperti berikut ini:</p>
4664<ul>
4665<li style="text-align: justify;">Akses <strong><a href="https://bociltoto-ori.com/" style="color: red">BOCILTOTO</a></strong> resmi BOCILTOTO atau mengunjungi langsung laman situs resminya.</li>
4666<li style="text-align: justify;">Lakukan pendaftaran akun dengan cara pilih menu daftar.</li>
4667<li style="text-align: justify;">Isi formulir register menggunakan beberapa data valid dan sesuai dengan format:</li>
4668<li style="text-align: justify;">Username</li>
4669<li style="text-align: justify;">Password</li>
4670<li style="text-align: justify;">Konfirmasi Password</li>
4671<li style="text-align: justify;">Email</li>
4672<li style="text-align: justify;">Telepon</li>
4673<li style="text-align: justify;">Referral</li>
4674<li style="text-align: justify;">Lengkapi Pengaturan Bank yang Meliputi:</li>
4675<li style="text-align: justify;">Nama Bank</li>
4676<li style="text-align: justify;">Nama Rekening</li>
4677<li style="text-align: justify;">Nomor Rekening</li>
4678<li style="text-align: justify;">Jika sudah selesai, klik tombol daftar di bawah dan dengan begitu anda hanya tinggal menunggu proses daftar berhasil.</li>
4679<h2 style="text-align: center; color: gold">FAQ   Tentang situs BOCILTOTO</h2>
4680<p style="text-align: justify;">Memang tadi di atas telah dijelaskan tentang situs atau brand BOCILTOTO, tetapi masih banyak juga yang bertanya tentang situs ini. Biasanya yang paling banyak bertanya ini adalah para player yang baru gabung.</p>
4681<p style="text-align: justify;">Atau mungkin Anda pun juga merasa penasaran dengan pertanyaan seperti apa saja sih yang sering ditanyakan. Berikut ini adalah pertanyaan yang sering diajukan tentang brand BOCILTOTO dan simak berikut ini:</p>
4682<h3 style="text-align: justify; color: gold">Apa itu brand BOCILTOTO?</h3>
4683<p style="text-align: justify;">Banyak yang bertanya tentang brand ini yaitu ini sama dengan situs game online lainnya di mana di sini Anda akan menemu
4683kan game online terbaik. Bagi player setia <strong><a href="https://bociltoto-ori.com/" style="color: red">BOCILTOTO</a></strong> dan mencari brand yang tepat tentu saja BOCILTOTO sangat direkomendasikan untuk Anda.</p>
4684<h3 style="text-align: justify; color: gold">Mengapa harus gabung dan main di BOCILTOTO?</h3>
4685<p style="text-align: justify;">Banyak juga orang yang bertanya mengapa harus gabung dan main di situs BOCILTOTO tentu saja karena di dalamnya banyak sekali keuntungan yang akan didapatkan. Misalnya saja di situs ini ada alternative brand yang jelas akan membantu player sehingga bisa main lebih aman.</p>
4686<p style="text-align: justify;">Apalagi sekarang banyak situs yang diblokir sehingga banyak player yang kesulitan mengaksesnya. Namun, dengan adanya alternative brand ini jelas siapa pun juga akan bisa mengakses situsnya dengan mudah seperti sedua kala.</p>
4687<h3 style="text-align: justify; color: gold">Ada berapa cara topup brand di BOCILTOTO?</h3>
4688<p style="text-align: justify;">Ada juga yang bertanya kira-kira berapa cara yang disediakan untuk topup di 
4688situs ini dan tentunya sangat banyak. Memang awalnya situs ini hanya menyediakan topup via rekening tabungan saja.</p>
4689<p style="text-align: justify;">Namun, untuk kali ini bukan hanya rekening karena ada banyak jenis yang lainnya. Di sini sekarang player akan lebih mudah karena topup bisa menggunakan e-wallet dan pulsa bahkan tanpa potongan.</p>
4690<h3 style="text-align: justify; color: gold">Apakah di situs BOCILTOTO banyak bonus?</h3>
4691<p style="text-align: justify;">Tentu saja di situs ini ada banyak sekali bonus yang diberikan untuk player yang ingin main. Bahkan di situs ini pun ada bonus yang bisa didapatkan mulai dari bonus new player bahkan ada juga bonus yang menarik lainnya.</p>
4692<!-- Custom -->
4693
4694<style>
4695.alert {
4696    border: 1px solid #ffffff; 
4697    box-shadow: #ffffff 0px 0px 10px 1px;
4698    border-radius: 5px;
4699    margin-right: 25px;
4700    margin-left: 25px;
4701    margin-top: 10px;
4702    margin-bottom: -25px;
4703}
4704.blinking{
4705    animation:blinkingText 1.5s infinite;
4706    margin:auto;
4707    display:block;
4708    font-weight: 900;
4709    color:#FF0000;
4710    text-shadow:#FF0000 0px 0px 5px;
4711}
4712</style>
4713<script>
4714$("<div class='alert'><span class='blinking' style='text-align: center;font-size:20px;'>LINK TANPA GANGGUAN</span><p style='text-shadow: 0px 0px 3px rgba(255, 255, 126, 1);color: #ffd500 ;text-align: center;font-size:20px;'><a ' href='https://bociltoto.id/'target='_blank'>BOCILTOTO.ID</a><p style='text-align: center;border: #ffffff solid 1px;background:#800000 ; color:#fff ; margin:auto;font-size:14px;'><marquee><strong>TRANSAKSI MENGGUNAKAN MESIN EDC AKAN DIPROSES 1 X 24 JAM, SELALU CEK KEMBALI NOMOR TUJUAN TRANSAKSI AGAR TIDAK TERJADI KESALAHAN PENGIRIMAN & GUNAKAN NOMINAL UNIK UNTUK MEMPERCEPAT PROSES DEPOSIT</strong></marquee></p></div>").insertAfter('#main-content');
4715</script>
4715 
4716<script>
4717
4718$("<a class='bociltoto' href='https://play.google.com/store/apps/details?id=com.cloudflare.onedotonedotonedotone&pcampaignid=web_share/'target='_blank'>VPN GRATIS</a>").insertAfter(".btn-info:eq(0)");
4719$("<a class='bociltoto' href='https://4l5j.short.gy/rtp-bociltoto/'target='_blank'>RTP BOCILTOTO</a>").insertAfter(".btn-info:eq(0)");
4720</script>
4720
4721<style>
4722
4723
4724        .bociltoto{
4725        width: 100%;
4726        display: block;
4727        color: #fff;
4728        text-shadow: 0px 1px #ffffff;
4729        margin: auto;
4730        margin-top: 3px;
4731        text-align: center;
4732        padding: 10px 0px;
4733        font-size: 15px;
4734        font-weight: bold;
4735        border-radius: 5px;
4736        border: 5px outset white;
4737        animation: needmoney 1.5s infinite;
4738        }
4739@keyframes needmoney {
4740          0% {
4741        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1 ;
4742            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4743          }
4744          2.5% {
4745        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4746            background: linear-gradient(to right, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4747          }
4748          5% {
4749        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4750            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4751          }
4752          7.5% {
4753        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4754            background: linear-gradient(to right, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4755          }
4756          10% {
4757        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4758            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4759          }
4760          12.5% {
4761        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4762            background: linear-gradient(to right, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4763          }
4764          15% {
4765        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4766            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4767          }
4768          17.5% {
4769        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4770            background: linear-gradient(to right, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4771          }
4772          20% {
4773        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4774            background: linear-gradient(to right, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4775          }
4776          22.5% {
4777        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4778            background: linear-gradient(to right, #995c00, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4779          }
4780          25% {
4781        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4782            background: linear-gradient(to right, #995c00, #995c00, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4783          }
4784          27.5% {
4785        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4786            background: linear-gradient(to right, #995c00, #995c00, #995c00, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4787          }
4788          30% {
4789        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4790            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4791          }
4792          32.5% {
4793        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4794            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00);
4795          }
4796          35% {
4797        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4798            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #ffffff, #995c00, #995c00, #995c00, #995c00);
4799          }
4800          37.5% {
4801        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4802            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #ffffff, #995c00, #995c00, #995c00);
4803          }
4804          40% {
4805        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4806            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #ffffff, #995c00, #995c00);
4807          }
4808          42.5% {
4809        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4810            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #ffffff, #995c00);
4811          }
4812          45% {
4813        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4814            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #ffffff);
4815          }
4816          50% {
4817        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4818            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4819          }
4820          72.5% {
4821        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4822            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4823          }
4824          75% {
4825        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4826            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #ffffff);
4827          }
4828          77.5% {
4829        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4830            background: linear-gradient(to right, #995c00,#995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #ffffff, #995c00);
4831          }
4832          80% {
4833        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4834            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #ffffff, #995c00, #995c00);
4835          }
4836          82.5% {
4837        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4838            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #ffffff, #995c00, #995c00, #995c00);
4839          }
4840          85% {
4841        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4842            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #ffffff, #995c00, #995c00, #995c00, #995c00);
4843          }
4844          87.5% {
4845        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4846            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #995c00, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00);
4847          }
4848          90% {
4849        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4850            background: linear-gradient(to right, #995c00, #995c00, #995c00, #995c00, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4851          }
4852          92.5% {
4853        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4854            background: linear-gradient(to right, #995c00, #995c00, #995c00, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4855          }
4856          95% {
4857        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4858            background: linear-gradient(to right, #995c00, #995c00, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4859          }
4860          97.5% {
4861        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4862            background: linear-gradient(to right, #995c00, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4863          }
4864          100% {
4865        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
4866            background: linear-gradient(to right, #ffffff, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00, #995c00);
4867          }
4868        }
4869        
4870        .blinking{
4871            animation:blinkingText 1.5s infinite;
4872            margin:auto;
4873            display:block;
4874            font-weight: 900;
4875            color:#f00;
4876</style>                </div>
4877                
4878                
4879                <div class="footer-group">
4880                    <div class="copyright">
4881                        <div style="white-space: nowrap">© 2015 - 2026 Copyright BOCILTOTO.</div>
4882                        <div>All Rights Reserved.</div>
4883                    </div>
4884                    <div class="desktop-only">
4885                        <div class="d-flex gap-1">
4886                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
4887                                                        <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div>
4888                        </div>
4889                    </div>
4890                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines.png" alt="">
4891                    
4892                    <button class="btn btn-aduan2 ms-lg-auto py-1 px-2" style="border: 2px solid #b08432;" data-toggle="tooltip" data-placement="bottom" title="Aduan Pelanggan" onclick="javascript:window.open ('https://ares88access.com/?token=31i5Nf67d77JcTk127CJWj0Vni8NMhu2R
4892hy4GHv1D0M.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
4893                        <i class="bi bi-shield-fill-exclamation"></i>
4894                        <strong class="ms-1">LAPOR PUSAT</strong>
4895                    </button>
4896                </div>
4897            </footer>
4898            
4899            
4900            
4901            
4902            
4903            <!-- SIDENAV -->
4904            <div id="mySidenav" class="sidenav desktop-only">
4905                <div id="nav">
4906                    <div style="display: flex; align-items: start;">
4907                        <div style="height: 246px; width: 64px; background: var(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
4908                            
4909                            <img src="/assets/hubungi.png?11">
4910                            
4911                        </div>
4912                        <!--<img id="about" src="/images/kontak.png?4">-->
4913                    </div>
4914                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
4915                       <div id="" style="padding: 4px">
4916                       <img src="/assets/24h.png" style="width: 100%"></img>
4917                        </div>
4918                    
4919                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
4920                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
4921                            
4922                                                                
4923                                                                                
4924                                            <a href="https://4l5j.short.gy/wa-bociltoto" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
4925                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>+855968487720</span>
4926                                            </a>
4927                                            
4928                                            
4929                                    
4930                                                                        
4931                                                                                
4932                                            <a href="https://t.me/bociltoto" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
4933                                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>+855963512973</span>
4934                                            </a>
4935                                            
4936                                            
4937                                    
4938                                                                        
4939                                                                                
4940                                            <a href="https://www.facebook.com/groups/bociltoto/" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
4941                                                <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/><span>BOCILTOTO OFFICIAL</span>
4942                                            </a>
4943                                            
4944                                            
4945                                    
4946                                                                
4947    
4948                        </div>
4949                            <div style="margin: 8px">
4950                                <a href="/register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white"></a>
4951                            </div>
4952                    </div>
4953                </div>
4954            </div>
4955        </div>
4956
4957                
4958        <!--POP UP -->
4959                
4960        <!-- LIVE CHAT -->
4961        <!-- Start of LiveChat (www.livechat.com) code -->
4962<script>
4963    window.__lc = window.__lc || {};
4964    window.__lc.license = 15156372;
4965    window.__lc.integration_name = "manual_channels";
4966    window.__lc.product_name = "livechat";
4967    ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
4968</script>
4968
4969<noscript><a href="https://www.livechat.com/chat-with/15156372/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
4970<!-- End of LiveChat code -->
4971        
4972        <!-- LiveChat Internal -->
4973                <style>
4974        /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */
4975        body.modal-open .cs-embed { z-index: 1049 !important; }
4976        </style>
4977           
4978
4979        
4979<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
4979
4980        
4980<script>
4981            document.addEventListener('DOMContentLoaded', function() {
4982                setTimeout(function() {
4983                    const mobileForm = document.querySelector('#mobilelogin form') || 
4984                                      document.querySelector('#mobilelogin .login-form') ||
4985                                      document.querySelector('.mobile-only form');
4986                    
4987                    if (!mobileForm) {
4988                        return;
4989                    }
4990                    
4991                    const username = mobileForm.querySelector('input[name="username"]');
4992                    const password = mobileForm.querySelector('input[name="password"]');
4993                    const remember = document.querySelector('#rememberMe') || 
4994                                    document.querySelector('input[type="checkbox"]');
4995                    
4996                    if (!username || !password || !remember) {
4997                        return;
4998                    }
4999                    
5000                    try {
5001                        localStorage.setItem('test', 'working');
5002                        if (localStorage.getItem('test') === 'working') {
5003                            localStorage.removeItem('test');
5004                        } else {
5005                            return;
5006                        }
5007                    } catch(e) {
5008                        return;
5009                    }
5010                    
5011                    initializeRememberMe();
5012                    loadSavedData();
5013                    
5014                    mobileForm.addEventListener('submit', handleSave);
5015                    mobileForm.addEventListener('click', function(e) {
5016                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
5017                            handleSave();
5018                        }
5019                    });
5020                    remember.addEventListener('change', function() {
5021                        if (!this.checked) {
5022                            clearSavedData();
5023                            localStorage.setItem('mobile_remember_unchecked', 'true');
5024                        } else {
5025                            localStorage.removeItem('mobile_remember_unchecked');
5026                        }
5027                    });
5028    
5029                    function initializeRememberMe() {
5030                        try {
5031                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
5032                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
5033                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
5034                                remember.checked = false;
5035                            } else {
5036                                remember.checked = true;
5037                            }
5038                        } catch(e) {
5039                            remember.checked = true;
5040                        }
5041                    }
5042                    
5043                    function loadSavedData() {
5044                        try {
5045                            const savedUsername = localStorage.getItem('mobile_username');
5046                            const savedPassword = localStorage.getItem('mobile_password');
5047                            const rememberChecked = localStorage.getItem('mobile_remember');
5048                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
5049                                username.value = savedUsername;
5050                                password.value = savedPassword;
5051                            }
5052                        } catch(e) {
5053                            // console.log('Error loading data:', e);
5054                        }
5055                    }
5056                    
5057                    function handleSave() {
5058                        if (remember.checked) {
5059                            const usernameVal = username.value.trim();
5060                            const passwordVal = password.value.trim();
5061                            
5062                            if (usernameVal && passwordVal) {
5063                                try {
5064                                    localStorage.setItem('mobile_username', usernameVal);
5065                                    localStorage.setItem('mobile_password', passwordVal);
5066                                    localStorage.setItem('mobile_remember', 'true');
5067                                    localStorage.setItem('mobile_login_success', 'true');
5068                                } catch(e) {
5069                                    // console.log('Error saving data:', e);
5070                                }
5071                            }
5072                        } else {
5073                            clearSavedData();
5074                            localStorage.setItem('mobile_login_success', 'true');
5075                        }
5076                    }
5077                    
5078                    function clearSavedData() {
5079                        try {
5080                            localStorage.removeItem('mobile_username');
5081                            localStorage.removeItem('mobile_password');
5082                            localStorage.removeItem('mobile_remember');
5083                        } catch(e) {
5084                            // console.log('Error clearing data:', e);
5085                        }
5086                    }
5087                }, 100); // Wait 100ms
5088                
5089                function initBroadcastMarquee() {
5090                $('.mobile-broadcast, #marquee .broadcast').each(function () {
5091                    const el = $(this);
5092            
5093                    if ($.trim(el.text()) === '') return;
5094                    if (!el.is(':visible')) return;
5095            
5096                    try {
5097                        el.marquee('destroy');
5098                    } catch (e) {}
5099            
5100                    el.marquee({
5101                        speed: 30,
5102                        gap: 80,
5103                        delayBeforeStart: 0,
5104                        direction: 'left',
5105                        duplicated: true,
5106                        pauseOnHover: true,
5107                        startVisible: true
5108                    });
5109                });
5110            }
5111            
5112            $(window).on('load', function () {
5113                setTimeout(function () {
5114                    initBroadcastMarquee();
5115                }, 300);
5116            });
5117            
5118            $(window).on('resize orientationchange', function () {
5119                clearTimeout(window.broadcastResizeTimer);
5120                window.broadcastResizeTimer = setTimeout(function () {
5121                    initBroadcastMarquee();
5122                }, 400);
5123            });
5124                                                
5125                // document.querySelectorAll("marquee").forEach(function(marquee){
5126
5127                // let speed = 0.5; // smaller = slower
5128                // let position = marquee.offsetWidth;
5129            
5130                // function animate(){
5131                //     position--;
5132            
5133                //     if(position < -marquee.scrollWidth){
5134                //         position = marquee.offsetWidth;
5135                //     }
5136            
5137                //     marquee.style.transform = "translateX(" + position + "px)";
5138                //     requestAnimationFrame(animate);
5139                // }
5140            
5141                // animate();
5142            
5143                // // pause on hover
5144                // marquee.addEventListener("mouseenter", function(){
5145                //     speed = 0;
5146                // });
5147            
5148                // marquee.addEventListener("mouseleave", function(){
5149                //     speed = 0.5;
5150                // });
5151            
5152            // });
5153                
5154                
5155            });
5156        </script>
5156
5157
5158        
5158<script>
5159                    
5160            var mobileurl = 'm/';
5161            	
5162
5163
5164            var showIDs = [];
5165            
5166            function showProducts(hoverID) {
5167                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
5168
5169                // document.getElementById('hover').classList.add("hover-show");
5170                document.getElementById('hover').style.transitionDelay = "0s";
5171                document.getElementById('hover').style.visibility = "visible";
5172                document.getElementById('hover').style.opacity = "1";
5173                document.getElementById(hoverID).style.display = "flex";
5174
5175                showIDs.push(hoverID);
5176
5177            }
5178
5179            function hideProducts(hoverID) {
5180                // document.getElementById('hover').classList.remove("hover-show");
5181                document.getElementById('hover').style.visibility = "hidden";
5182                document.getElementById('hover').style.opacity = "0";
5183                document.getElementById('hover').style.transitionDelay = "1s";
5184                
5185            }
5186
5187            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
5188            var marquee = document.getElementById('marquee');
5189            var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form');
5190            var mobileLoginBox = document.getElementById('mobilelogin');
5191
5192            function closeContent() {
5193                $('#main-content').html(""); 
5194            }
5195
5196
5197            function openDaftar() {
5198                closeContent();
5199
5200                if (mobileLoginBox)          mobileLoginBox.style.display = "none";
5201                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
5202
5203                mobileDaftarForm.style.display = "block";
5204                mobileDaftarForm.scrollIntoView();
5205            }
5206
5207            function closeDaftar() {
5208                mobileDaftarForm.style.display = "none";
5209                marquee.scrollIntoView();
5210            }
5211            
5212            
5213            function showProvider(type) {
5214                $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>");
5215                $('#main-content').load("/new-showprovider.php?type=" + type); 
5216            }
5217            
5218            function toggleInformasi(item) {
5219                page(item);
5220            }
5221            
5222            function showInformasi(item) {
5223                document.getElementById('modal-wrapper').style.display='block';
5224                toggleInformasi(item);
5225            }
5226
5227            function openChangePasswordMobile() {
5228                closeContent();
5229
5230                if (mobileLoginBox) mobileLoginBox.style.display = "none";
5231                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
5232
5233                if (mobileChangePasswordForm) {
5234                    mobileChangePasswordForm.style.display = "block";
5235                    mobileChangePasswordForm.scrollIntoView();
5236                }
5237            }
5238
5239            function closeChangePasswordMobile() {
5240                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
5241                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
5242                if (mobileLoginBox) mobileLoginBox.style.display = "block";
5243
5244                marquee.scrollIntoView();
5245            }
5246            
5247            
5248
5249                    
5250        </script>
5250
5251        
5251<script src="/js/old/new2-webduo35.js?v=1790258716"></script>
5251
5252 
5253        
5253<script>
5254            function scrollToLoginForm(launchType, matchId) {
5255                sessionStorage.setItem('launch', launchType);
5256                if (matchId) sessionStorage.setItem('sbo_matchId', matchId);
5257                else sessionStorage.removeItem('sbo_matchId');
5258                window.scrollTo({ top: 0, behavior: 'smooth' });
5259                setTimeout(function() {
5260                    var isMobile = window.innerWidth <= 1000;
5261                    var loginSelector = isMobile
5262                        ? '#mobilelogin input[name="username"]'
5263                        : '#desktoplogin form';
5264                    var el = document.querySelector(loginSelector);
5265                    if (!el) return;
5266                    var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]');
5267                    if (usernameEl && !isMobile) usernameEl.focus();
5268                    if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' });
5269                    const driver = window.driver.js.driver({
5270                        popoverClass: 'driverjs-theme',
5271                        showProgress: false,
5272                        showButtons: [],
5273                        overlayOpacity: 0.3,
5274                        steps: [
5275                            {
5276                                element: loginSelector,
5277                                popover: {
5278                                    title: 'Harap Login',
5279                                    description: 'Silakan masukkan username Anda',
5280                                    side: 'bottom',
5281                                    align: 'start',
5282                                    showButtons: [],
5283                                    nextBtnText: '',
5284                                    prevBtnText: '',
5285                                    doneBtnText: ''
5286                                }
5287                            }
5288                        ],
5289                        onDestroyStarted: () => driver.destroy(),
5290                    });
5291                    driver.drive();
5292                    if (usernameEl) {
5293                        function destroyDriver() {
5294                            driver.destroy();
5295                            window.scrollTo({ top: 0 });
5296                            usernameEl.removeEventListener('input', destroyDriver);
5297                            usernameEl.removeEventListener('click', destroyDriver);
5298                            usernameEl.removeEventListener('focus', destroyDriver);
5299                        }
5300                        usernameEl.addEventListener('input', destroyDriver, { once: true });
5301                        usernameEl.addEventListener('click', destroyDriver, { once: true });
5302                        usernameEl.addEventListener('focus', destroyDriver, { once: true });
5303                    }
5304                }, 500);
5305            }
5306        </script>
5306
5307        
5307<script>
5308            window.addEventListener("message", function(e) {
5309                if (e.origin !== "https://fkupon.com") return;
5310                if (e.data && e.data.action === "resize" && e.data.height) {
5311                    var iframes = document.querySelectorAll(".iframe-kupon");
5312                    iframes.forEach(function(iframe) {
5313                        iframe.style.height = Math.max(100, e.data.height - 16) + "px";
5314                    });
5315                }
5316            });
5317        </script>
5317
5318
5319
5320        <!-- POP UP COOKIES -->
5321        
5322<style>
5323    
5324        
5325    .kebijakan-privasi, .kebijakan-cookies {
5326        color: white;
5327        text-decoration: underline;
5328    }
5329    
5330        
5331</style>
5332
5333
5334<div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #000; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #d0c074">
5335  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
5336        <div>
5337    Kami menggunakan cookies untuk mengoptimalkan navigasi, fitur serta konten yang lebih Relevan. Untuk informasi lengkap tentang cookies silahkan lihat <a href="javascript:showInformasi('cookies')" class="kebijakan-cookies">Persetujuan Cookies</a>. Dengan menggunakan situs ini, Anda menyetujui penggunaan cookies serta data pribadi sesuai <a href="javascript:showInformasi('privasi')" class="kebijakan-privasi">Kebijakan Privasi</a>.    </div>  
5338  </div>
5339  <div>
5340     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
5341  </div>
5342</div>
5343<script>
5344    $( "#boxprivacy" ).blur(function() {
5345    alert( "Handler for .blur() called." );
5346});
5347</script>
5347   
5348
5349        
5350    
5350<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f313abce3b6840f1b0b4195c99695224","r":1,"spa":2}' crossorigin="anonymous"></script>
5350
5351</body>
5352</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.