PageSourceSearch

https://ibc003mys.com/en/registration

html ibc003mys.com collected 2026-10-08 08:20:43 UTC 131,148 bytes, 4,430 lines download raw bytes

1<!DOCTYPE html>
2<html><head>
3<title>Register at IBC003 - Get an Account here! - Welcome to IBC003</title>
4<meta name="description" content="Sign up for an account at IBC003 for free and claim your Welcome Bonus up to 100% to have a superb gaming experience with us! Registration is quick, " >
5<meta name="keywords" content="register, ibc003, free account, welcome bonus, gaming online, online casino, slot game, live casino,Trusted Online Betting Malaysia, Online Casino Malaysia, 4d Malaysia, Casino Online Games Malaysia, Cockfight Baccarat Betting Malaysia, Football Betting Online Malaysia, Play Online Casino Malaysia, Online Slot Games Malaysia, Online Sports Betting Malaysia, Malaysia Best Casino Online, Best Slot Games Malaysia, Live Casino Games Malaysia, Malaysia Online Betting Company, Trusted Online Casino Malaysia, Slot Game Online Malaysia" >
6<meta name="copyright" content="Copyright © 2014-2024 | IBC003 | All Rights Reserved" >
7<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
8<meta name="Language" content="English" >
9<meta name="google-site-verification" content="eutaSS1-96OyohKFHVP4m-v4yJjCHQxQ9NlmFrGXzDE" >
10<meta name="msvalidate.01" content="5340E0467E90D9E7ECFF1E93B4C9A1F2" >
11<meta name="viewport" content="width=device-width">
12<meta name="p:domain_verify" content="421f2ca6d4264de3b67a6de9243ae5b4" >
13<meta name="robots" content="index,follow,all">
14<meta name="googlebot" content="index,follow,all">
15<meta name="revisit-after" content="2 days">
16<meta baidu-gxt-verify-token="618376288c24b078b5120ca4e8ebabec">
17<link rel="publisher" href="https://plus.google.com/u/0/108124552158259328070"/>
18<meta property="og:url"	content="https://ibc003mys.com/en/registration">
19<meta property="og:type"	content="website">
20<meta property="og:title"	content="Register at IBC003 - Get an Account here! - Welcome to IBC003">
21<meta property="og:description"	content="Trusted Online Betting Malaysia, Online Casino Malaysia, 4d Malaysia, Casino Online Games Malaysia, Cockfight Baccarat Betting Malaysia, Football Betting Online Malaysia, Play Online Casino Malaysia, Online Slot Games Malaysia, Online Sports Betting ">
22<meta property="og:site_name"	content="Welcome to IBC003">
23<meta property="twitter:site"	content="https://twitter.com/ibc0031">
24<meta property="twitter:card"	content="summary">
25<meta property="twitter:title"	content="Register at IBC003 - Get an Account here! - Welcome to IBC003">
26<meta property="twitter:description"	content="Trusted Online Betting Malaysia, Online Casino Malaysia, 4d Malaysia, Casino Online Games Malaysia, Cockfight Baccarat Betting Malaysia, Football Betting Online Malaysia, Play Online Casino Malaysia, Online Slot Games Malaysia, Online Sports Betting Malaysia, Malaysia Best Casino Online, Best Slot Games Malaysia, Live Casino Games Malaysia, Malaysia Online Betting Company, Trusted Online Casino Malaysia, Slot Game Online Malaysia">
27<link rel="alternate" hreflang="x-default" href="https://ibc003mys.com/registration"  />
28<link rel="canonical" href="https://ibc003mys.com/en/registration" />
29<script type="text/javascript">
30  var _gaq = _gaq || [];
31  _gaq.push(['_setAccount', 'UA-163660519-1']);
32  _gaq.push(['_setDomainName', 'ibc003mys.com']);
33  _gaq.push(['_trackPageview']);
34
35  (function() {
36    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
37    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
38    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
39  })();
40
41</script>
vendor: 2 bytes, line 41
41
42<script>
vendor: 390 bytes, line 42
42!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version="2.0";n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,"script","https://connect.facebook.net/en_US/fbevents.js");fbq("init", "
422357734304739876
vendor: 28 bytes, line 42
42");fbq("track", "PageView");
42</script>
42<noscript>< img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=2357734304739876&ev=PageView&noscript=1"/></noscript>
42<script>
vendor: 324 bytes, line 42
42(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','
42GTM-KR7L99C
vendor: 3 bytes, line 42
42');
42</script>
vendor: 72 bytes, lines 42-43
42
43			<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
43GTM-KR7L99C
vendor: 83 bytes, line 43
43" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
44<link rel='stylesheet' type='text/css' href='/theme/ibc003d/imgs/../style.css'>
45<link rel='stylesheet' type='text/css' href='/theme/ibc003d/imgs/../imgs/js/animate.css'>
46<link rel='stylesheet' type='text/css' href='/inc/js/swiper.css'>
47
48
49<script LANGUAGE='JavaScript' src='/inc/js/common.js'></script>
vendor: 1 bytes, line 49
49
50<script LANGUAGE='JavaScript' src='/inc/js/jquery.latest.min.js'></script>
vendor: 1 bytes, line 50
50
51<script LANGUAGE='JavaScript' src='/inc/js/jquery.url.js'></script>
vendor: 1 bytes, line 51
51
52<script LANGUAGE='JavaScript' src='/theme/ibc003d/imgs/../imgs/js/swiper.min.js'></script>
vendor: 1 bytes, line 52
52
53<script LANGUAGE='JavaScript' src='/theme/ibc003d/imgs/../imgs/js/mixitup.min.js'></script>
vendor: 1 bytes, line 53
53
54<script LANGUAGE='JavaScript' src='/theme/ibc003d/imgs/../imgs/js/wow.min.js'></script>
vendor: 1 bytes, line 54
54
55<script LANGUAGE='JavaScript' src='/inc/js/jQuery.base64.js'></script>
55
56
57<style type='text/css' media='screen'></style>
58<link rel='stylesheet' type='text/css' href='/data/1470/ibc003d.css?v=1791447642' ><!--[if IE]><link rel='stylesheet' type='text/css' href='/data/1470/ibc003d-ie.css?v=1791447642' ><![endif]-->
59<link rel='alternate' type='application/rss+xml' title='IBC003MYS.COM RSS FEED' href="https://ibc003mys.com/en/rss">
60<link rel='alternate' type='application/rss+xml' title='IBC003MYS.COM CATALOGUE FEED' href="https://ibc003mys.com/en/rss/prod">
61<link rel='alternate' type='application/rss+xml' title='IBC003MYS.COM NEWS FEED' href="https://ibc003mys.com/en/rss/news">
62<link rel="shortcut icon" href="/data/1470/uploads/ibc003-23.ico" type="image/png" />
63<link rel="icon" href="/data/1470/uploads/ibc003-23.ico" type="image/x-icon" /></head>
64<body>
65
66<div>
67    <div id='divHeader'>
68        <div id='divHeader-top'>
69            <img src='/data/blank.gif' border='0' id='imgLogo' />
70            
70<script type="application/ld+json" class="aioseop-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://ibc000.com/en/home#organization","url":"https://ibc000.com/en/home","name":"Malaysia Best Casino Online, Online Slot Games Malaysia, Best Slot Games Malaysia","sameAs":[]},{"@type":"WebSite","@id":"https://ibc000.com/en/home#website","url":"https://ibc000.com/en/home","name":"Trusted Online Casino Malaysia, Live Casino Games Malaysia, Online Casino Malaysia","publisher":{"@id":"https://https://ibc000.com/en/home#organization"}},{"@type":"WebPage","@id":"https://ibc000.com/en/home#webpage","url":"https://ibc000.com/en/home","inLanguage":"ENH","name":"Play Online Casino Malaysia, Casino Online Games Malaysia, Slot Game Online Malaysia","isPartOf":{"@id":"https://ibc000.com/en/home#website"},"breadcrumb":{"@id":"https://ibc000.com/en/home#breadcrumblist"},"description":"Football Betting Online Malaysia, Online Sports Betting Malaysia, Malaysia Online Betting Company","about":{"@id":"https://ibc000.com/en/home#organization"}},{"@type":"BreadcrumbList","@id":"https://ibc000.com/en/home#breadcrumblist","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"WebPage","@id":"https://ibc000.com/en/home","url":"https://ibc000.com/en/home","name":"Trusted Online Betting Malaysia, Play Online Casino Malaysia, Casino Online Games Malaysia"}}]}]}</script>
70
71
72<div id="divHeaderTop-nav" class="headerTop-nav">
73    <ul>
74        
75            </ul>
76</div>
77<script>
78    window.__lc = window.__lc || {};
79    window.__lc.license = 4655801;
80    (function (w, d, s) {
81        function handle(args) {
82            return api._h ? api._h.apply(null, args) : api._q.push(args);
83        }
84        var api = {
85            _q: [],
86            _h: null,
87            _v: "2.0",
88            on: function () {
89                handle(["on", s.call(arguments)]);
90            },
91            off: function () {
92                handle(["off", s.call(arguments)]);
93            },
94            get: function () {
95                if (!api._h) {
96                    throw new Error(
97                        "[LiveChatWidget] You can't use getters before load."
98                    );
99                }
100                return handle(["get", s.call(arguments)]);
101            },
102            call: function () {
103                handle(["call", s.call(arguments)]);
104            },
105            init: function () {
106                var t = d.createElement("script");
107                t.async = true;
108                t.type = "text/javascript";
109                t.src = "https://cdn.livechatinc.com/tracking.js";
110                d.head.appendChild(t);
111            }
112        };
113        !w.__lc.asyncInit && api.init();
114        w.LiveChatWidget = w.LiveChatWidget || api;
115    })(window, document, [].slice);
116</script>
116
117
118<div class="dektscrypto">
119    <div class="crypto">
120        <img src="/data/1470/uploads/img-currency01.png" />
121        <div id='v2cryptocurrency'> 1USDT = 4.09MYR</div>
122    </div>
123</div>
124
125
126
127
128
129<div id="divHeaderTop-bottom" class="headerTop-bottom">
130    <div id="headerTop-left" class="headerTop-left">
131        <div id="btnMenu" class="btn-menu" data-popup-open="slideNav">
132            <div><span></span><span></span><span></span></div>
133        </div>
134    </div>
135    <div id="divHeaderTop-logo" class="headerTop-logo">
136        <a href="/en/home">
137            <img src="/data/1470/uploads/logo-ibc003-2021_02.png" />
138        </a>
139    </div>
140    <div id="divHeadertop-right" class="headerTop-right">
141        <div id="btnLanguange-top" class="btn-language" data-popup-open="popupLanguage">
142            <img src="/data/1470/uploads/icn-flag-uk.jpg" />
143        </div>
144        <div id="btnLogin" class="btn-login" data-popup-open="popupLogin">
145            <img src="/data/1470/uploads/icn-userlogin_b3.png" />Login
146        </div>
147        <div id="divLogin" class="popup popup-login" data-popup="popupLogin">
148            <div class="popup-container">
149                <div class="btn-close-popup"><div><span></span><span></span></div></div>
150                <div class="popup-wrapper">
151                    <div class="popup-content">
152                        <div class="popup-login-top">
153                            <div class="popup-login-logo">
154                                <img src="/data/1470/uploads/logo-ibc003-2021_02.png" class="logo-bgWhite"/>
155                                <img src="/data/1470/uploads/logo-ibc003-2021_01.png" class="logo-bgBlue"/>
156                            </div>
157                        </div>
158                        <div class="login-form-container">
159                            <div class="login-form-wrapper" id="loginFormV2">
160                                <div class="login-form-content">
161                                    <div class="login-form-title">
162                                        <div class="login-form-icon"></div>
163                                        Login
164                                    </div>
165                                    <div class="login-form">
166                                        <form id='customform' class='customform' method='POST' action='/postprocv2.php' >
167	<input type='hidden' id='customform_lang' name='Lang' value='en-us'>
168	<input type='hidden' id='customform_Com' name='Com' value='IBC003'>
169	<input type='hidden' id='customform_CustomDomain' name='CustomDomain' value='1'><input type='hidden' id='customform_IsMobile' name='IsMobile' value='false'><dl>
170		<dd><input type='text' id='customform_UserName' name='UserName' placeholder='UserID' maxlength='15' oninvalid='this.setCustomValidity("Please fill out this field")' value='' required></dd>
171	</dl>
172	<dl>
173		<dd><input type='password' id='customform_Password' name='Password' placeholder='Password' oninvalid='this.setCustomValidity("Please fill out this field")' required></dd>
174	</dl><dl>
175		<dd><input type='submit' value='Login' id='customform_submit' ></dd>
176	</dl>
177	
178	<div id='customformmsg'></div>
179	</form>
180
181		
181<script>	
182			document.getElementById("customform_submit").disabled=true;
183			function setCookie(name,value,expires){
184					document.cookie = name + "=" + value + ((expires==null) ? "-1" : ";expires=" + expires.toGMTString());
185			}
186
187			function getCookie(cname) {
188    		var name = cname + "=";
189    		var decodedCookie = decodeURIComponent(document.cookie);
190    		var ca = decodedCookie.split(';');
191    		for(var i = 0; i < ca.length; i++) {
192        	var c = ca[i];
193        	while (c.charAt(0) == " ") {
194            c = c.substring(1);
195        	}
196        	if (c.indexOf(name) == 0) {
197            return c.substring(name.length, c.length);
198        	}
199    		}
200    		return "";
201			}
202
203			$(document).ready(function(){
204				document.getElementById("customform_submit").disabled=false;
205					
206
207
208			$( window ).load(function() {
209			    var token=getCookie("Token");
210			    if (token != "") {
211			    	
212						var postData = 'Token='+token+'&';				    
213						$.ajax({
214
215				        url : "/posttokenv2.php",
216				        type: "POST",
217				        data : postData,
218				        success:function(data, textStatus, jqXHR) 
219				        {
220				        		var obj = JSON.parse(data);		
221				        		if(obj.Status==true){
222											$('#customform').html('<p><div id=\'redirectaddr\'><a href=\'#\' target=\'_blank\'>Click here back to member area.</a></div></p>');				        		
223											$('#customform #redirectaddr a').attr("href", obj.Redirect + "/sport" );
224				        		}else{
225				        			setCookie("Token", "");
226				        		}
227				        },
228				        error: function(jqXHR, textStatus, errorThrown) 
229				        {
230				            setCookie("Token", "" );
231				        }
232				    });  
233			    } else {
234			       setCookie("Token", "");
235			    }
236		});
237		
238		response = 'promt';
239		$('#customform').submit(function(e){	
240
241			this.disabled=1;
242			var txt=$('#customform input:text[name="UserName"]').val();
243			if(!txt){
244		        		msg = 'Login ID Required';        		
245		        		if(response=='screen') $( '#customformmsg' ).html(msg);
246		        		else alert(msg);
247		    this.disabled=0;
248				return;
249			}
250			var pwd=$('#customform input:password[name="Password"]').val();
251			if(!pwd){
252		        		msg = 'Password Required';        		
253		        		if(response=='screen') $( '#customformmsg' ).html(msg);
254		        		else alert(msg);
255		    this.disabled=0;
256				return;
257			}
258			
259				if(response=='screen') $( '#customformmsg' ).html('Loading...');
260		    var postData = $(this).serializeArray();
261		    var formURL = $(this).attr("action");
262		    $.ajax(
263		    {
264		        url : formURL,
265				type: 'POST',
266				headers:{'X-Requested-Source': 'JS'},
267		        data : postData,
268		        success:function(data, textStatus, jqXHR) 
269		        {
270		        		
271		        		var obj = JSON.parse(data);
272		        		
273		        		if (obj.Login === 0 || obj.Login > 0) {
274		        			msg = 'Login Sucess, Connecting ...';
275		        			if(obj.Text) msg = obj.Text;
276		        			
277									var expirydate=new Date();
278									expirydate.setTime( expirydate.getTime()+(100*60*60*24*100) );
279									setCookie("Token", obj.Token ,expirydate);
280									
281		        			window.top.location.href = obj.Redirect;
282		        		}
283		        		else{
284		        			msg = 'Login Fail';
285		        			if(obj.Login === -6){
286		        				 msg = 'Invalid Login';
287		        			}else if(obj.Login === -3){
288								 msg = 'Member not found';
289							}else if(obj.Login === -12){
290								msg = 'System Under Maintenance';
291							}else if(obj.Login === -3000){
292								msg = 'System Under Maintenance';
293							}else if(obj.Login === -3006){
294								msg = 'Account Suspended';
295							}else if(obj.Login === null){
296								msg = 'System Under Maintenance';
297		        			}else if(obj.Login === false){
298		        				msg = obj.Text;
299		        			}else{
300		        				msg = 'Invalid Login';
301		        			}
302		        			alert(msg);
303		        			
304		        		}
305		            
306		        },
307		        error: function(jqXHR, textStatus, errorThrown) 
308		        {
309		            //if fails
310		        }
311		    });
312		    e.preventDefault(); //STOP default action
313		    //e.unbind(); //unbind. to stop multiple form submit.
314		});
315
316		$('#customform').submit(function() {
317			  $(this).find('#customform input[type="button"]').prop('disabled',true);
318			});
319			
320		});
321		</script>
321
322	
323
324<script>
325    window.__lc = window.__lc || {};
326    window.__lc.license = 4655801;
327    (function (w, d, s) {
328        function handle(args) {
329            return api._h ? api._h.apply(null, args) : api._q.push(args);
330        }
331        var api = {
332            _q: [],
333            _h: null,
334            _v: "2.0",
335            on: function () {
336                handle(["on", s.call(arguments)]);
337            },
338            off: function () {
339                handle(["off", s.call(arguments)]);
340            },
341            get: function () {
342                if (!api._h) {
343                    throw new Error(
344                        "[LiveChatWidget] You can't use getters before load."
345                    );
346                }
347                return handle(["get", s.call(arguments)]);
348            },
349            call: function () {
350                handle(["call", s.call(arguments)]);
351            },
352            init: function () {
353                var t = d.createElement("script");
354                t.async = true;
355                t.type = "text/javascript";
356                t.src = "https://cdn.livechatinc.com/tracking.js";
357                d.head.appendChild(t);
358            }
359        };
360        !w.__lc.asyncInit && api.init();
361        w.LiveChatWidget = w.LiveChatWidget || api;
362    })(window, document, [].slice);
363</script>
363
364
365<div class="popup-login-register">
366    <div class="login-detail">
367        <a href="/en/registration">
368            <div>
369                Don't have account? <strong>Register Now!</strong>
370            </div>
371        </a>
372        <a href="#" onclick="LiveChatWidget.call('maximize')">Forget Password?</a>
373    </div>
374</div>
375                                    </div>
376                                </div>
377                            </div>
378                        </div>
379                        <div class="popup-login-register">
380                            <hr />
381                            <a href="/en/registration">Don't have account? <b>Register Now!</b></a>
382                            <a href="#" onclick="LiveChatWidget.call('maximize')">Forget Password?</a>
383                        </div>
384                    </div>
385                </div>
386            </div>
387        </div>
388    </div>
389</div>
390
391<script type="text/javascript">
392    $(function () {
393        $('[data-toggle]').click(function () {
394            var thisdata = $(this).data('toggle');
395            $(this).toggleClass('open');
396            $('[data-toggle-box=' + thisdata + ']').toggleClass('open');
397        });
398    });
399</script>
399
400
401        </div>
402        <div id='divHeader-menu'>
403            <div id='cssmenu' class='cmsmenu'>
404<ul>
405<li class=''><a href='/en/download' target='_self'><img src=/data/1470/uploads/icn-download.png />&nbsp;<div>Download</div></a></li>
406<li class=''><a href='/en/home' target='_self'>Home</a></li>
407<li class=''><a href='/en/promotions' target='_self'>Promotions</a></li>
408<li class=''><a href='/en/prod' target='_self'>IBC i-Mall</a></li>
409<li class='has-sub '><a href='#' target='_self'>Top Games</a>
410<ul>
411<li class=''><a href='/en/sportsbook' target='_self'><img src=/data/1470/uploads/icn-soccer_w.png />Sportsbook</a></li>
412<li class=''><a href='/en/live-casino' target='_self'><img src=/data/1470/uploads/icn-roulette_w.png />Live Casino</a></li>
413<li class=''><a href='/en/games' target='_self'><img src=/data/1470/uploads/icn-slot_w.png />Slot Games</a></li>
414<li class=''><a href='/en/lottery' target='_self'><img src=/data/1470/uploads/icn-lottery_w.png /> Lottery</a></li>
415<li class=''><a href='/en/cockfight' target='_self'><img src=/data/1470/uploads/icn-cockfight_w.png />Cockfight</a></li>
416</ul></li>
417<li class=''><a href='/en/horseracing' target='_self'>Horse Racing</a></li>
418<li class=''><a href='/en/hall_of_ranking' target='_self'>Hall of Ranking</a></li>
419<li class=''><a href='/en/affiliate' target='_self'>Affiliate</a></li>
420<li class=''><a href='/en/vip' target='_self'>VIP</a></li>
421<li class=''><a href='/en/verify' target='_self'>KYC</a></li>
422<li class=''><a href='/en/help-centre' target='_self'>Help</a></li>
423<li class=''><a href='/en/tournament' target='_self'>Tournament</a></li>
424</ul></div>
425            <div id="slideNav" class="popup slide-nav" data-popup="slideNav">
426    <div class="popup-container">
427        <div class="btn-close-popup"><div><span></span><span></span></div></div>
428        <div class="popup-wrapper">
429            <div class="popup-content">
430                <div class="btn-language slideNav-language" id="btnLanguage" data-popup-open="popupLanguage">
431                    <div>
432                        <img src="/data/1470/uploads/icn-flag-uk.jpg" />
433                    </div>
434                </div>
435                <div class="slideNav-header">
436                    <div class="slideNav-top">
437                        <div class="slideNav-logo">
438                            <a href="/en/home">
439                                <img src="/data/1470/uploads/logo-ibc003-2021_01.png" />
440                            </a>
441                        </div>
442                        <div class="slideNav-social">
443                            <a href="https://www.youtube.com/channel/UCLE_vp2_WlGk7zcnplMcQvg" target="_blank"><img src="/data/1470/uploads/icn-youtube.png" /></a>
444                            <a href="https://www.instagram.com/ibc.003_official/" target="_blank"><img src="/data/1470/uploads/icn-ig.png" /></a>
445                            <a href="https://www.facebook.com/Ibc003-Asia-105154011858910" target="_blank"><img src="/data/1470/uploads/icn-fb.png" /></a>
446                            <a href="" target="_blank"><img src="/data/1470/uploads/icn-twitter.png" /></a>
447                        </div>
448                    </div>
449                    <div class="slideNav-loginRegister">
450                        <div id="slideNav-btnLogin" class="btn-login btn-slideNav-login btn-slideNav-LR" data-popup-open="popupLogin">
451                            LOGIN
452                        </div>
453                        <div id="slideNav-btnRegister" class="btn-login btn-slideNav-register btn-slideNav-LR">
454                            <a href="/en/registration">
455                                REGISTER
456                            </a>
457                        </div>
458                    </div>
459                </div>
460
461<div class="mobilecrypto">
462    <div class="mobcrypto">
463        <div class="crypto">
464            <img src="/data/1470/uploads/img-currency01.png" />
465            <div id='v2cryptocurrency'> 1USDT = 4.09MYR</div>
466        </div>
467    </div>
468</div>
469                <div class="slideNav-content">
470                    <ul id="cloneCSS" class="slideNav-ul">
471
472
473
474                         <li>
475                            <a href="/en/hall_of_ranking">
476                                <img src="/data/1262/uploads/icn-ranking-02.png" /> Hall of Ranking
477                            </a>
478                        </li>
479                        <li>
480                            <a href="/en/promotions">
481                                <img src="/data/1470/uploads/icn-diamond.png" /> Promotions
482                            </a>
483                        </li>
484                        <li>
485                            <a href="/en/prod">
486                                <img src="/data/1470/uploads/icn-star_2.png" /> IBC I-Mall
487                            </a>
488                        </li>
489                        <li>
490                            <a href="/en/verify">
491                                <img src="/data/1262/uploads/icn-kyc-01.png" /> KYC
492                            </a>
493                        </li>
494                        <li>
495                            <a href="/en/download-link">
496                                <img src="/data/1470/uploads/icn-download_2.png" /> Download
497                            </a>
498                        </li>
499                        <li>
500                            <a href="/en/contact-us">
501                                <img src="/data/1470/uploads/icn-cs.png" /> Contacts
502                            </a>
503                        </li>
504                        <li>
505                            <a href="/en/horseracing">
506                                <img src="/data/1470/uploads/icn-horse.png" /> Horse Racing
507                            </a>
508                        </li>
509                        <li class="has-sub btn-tg">
510                            <a href="#">
511                                <img src="/data/1470/uploads/icn-slot_2.png" /> All Games
512                            </a>
513                            <ul>
514                                <li><a href="/en/sportsbook">Sportsbook</a></li>
515                                <li><a href="/en/live-casino">Live Casino</a></li>
516                                <li><a href="/en/games">Slot Games</a></li>
517                                <li><a href="/en/lottery">Lottery</a></li>
518                                <li><a href="/en/cockfight">Cockfight</a></li>
519                                <li><a href="/en/tournament">Tournament</a></li>
520                            </ul>
521                        </li>
522                        <li class="has-sub btn-tg">
523                            <a href="#">
524                                <img src="/data/1470/uploads/icn-info_2.png" /> Info
525                            </a>
526                            <ul>
527                                <li><a href="/en/about">Why Choose IBC003</a></li>
528                                <li><a href="/en/banking">Banking</a></li>
529                                <li><a href="/en/privacy-policy">Privacy Policy</a></li>
530                                <li><a href="/en/help-centre">Help</a></li>
531                                <li><a href="/en/terms">Terms & Conditions</a></li>
532                                <li><a href="/en/affiliate">Affiliate Program</a></li>
533                                <li><a href="/en/vip">VIP</a></li>
534                            </ul>
535                        </li>
536 
537                    </ul>
538                </div>
539
540
541
542            </div>
543        </div>
544    </div>
545</div>
546<script type="text/javascript">
547    $('#slideNav-btnLogin').click(function () {
548        $('#slideNav').removeClass('active');
549    });
550    //$('#cssmenu>ul>li').clone().prependTo('#cloneCSS');
551    //$('#cloneCSS').attr("id", "slideNavUL");
552</script>
552
553<div id="divlanguage" class="popup popup-language" data-popup="popupLanguage">
554    <div class="popup-container">
555        <div class="btn-close-popup"><div><span></span><span></span></div></div>
556        <div class="popup-wrapper">
557            <div class="popup-content">
558                <div class="language-top">
559                    <div class="langauge-logo">
560                        <img src="/data/1470/uploads/logo-ibc003-2021_02.png" class="logo-bgWhite" />
561                        <img src="/data/1470/uploads/logo-ibc003-2021_01.png" class="logo-bgBlue" />
562                    </div>
563                    <p class="text-selectLanguage">Select Your Language</p>
564                </div>
565                <div class="language-inner">
566                    <div>
567                        <div class="language-country">
568                            <div>
569                                <div class="languange-inner-select">
570                                    <ul>
571                                        <li class="active"><a href="/en/home"><img src="/data/1470/uploads/icn-flag-uk.jpg" />English</a></li>
572                                        <li><a href="/cn/home"><img src="/data/1470/uploads/icn-flag-china.jpg" />简体中文</a></li>
573                                        <li><a href="/my/home"><img src="/data/1470/uploads/icn-flag-malaysia.jpg" />Bahasa</a></li>
574                                    </ul>
575                                </div>
576                            </div>
577                        </div>
578                    </div>
579                </div>
580            </div>
581        </div>
582    </div>
583</div>
584        </div>
585    </div>
586    <div id='divBody'><div id='theme-nav'><ul></ul></div>
587    <div id='catprod'><div id='subcontent'></div></div>
588        <div id='theme-contain-registration'><!-- Meta Pixel Code -->
589<script>
vendor: 408 bytes, lines 589-598
589
590!function(f,b,e,v,n,t,s)
591{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
592n.callMethod.apply(n,arguments):n.queue.push(arguments)};
593if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
594n.queue=[];t=b.createElement(e);t.async=!0;
595t.src=v;s=b.getElementsByTagName(e)[0];
596s.parentNode.insertBefore(t,s)}(window, document,'script',
597'https://connect.facebook.net/en_US/fbevents.js');
598fbq('init', '
5983765601560399395
vendor: 32 bytes, lines 598-599
598');
599fbq('track', 'PageView');
600</script>
600
601<noscript><img height="1" width="1" style="display:none"
602src="https://www.facebook.com/tr?id=3765601560399395&ev=PageView&noscript=1"
603/></noscript>
604<!-- End Meta Pixel Code -->
605
606
607
608
609
610<div class="text-info">
611    <div class="reg-page register">
612        <ul class="member-reg">
613            <li class="reg-mem reg-form">
614            <div class="login-form-title">
615                <div class="login-form-icon"></div>
616                REGISTRATION
617            </div>
618
619                
620			<form id='registerform' class='registerform' method='POST' action='/postregv2.php'>
621				<input id='registerform_lang' name='lang' value='en-us' type='hidden'>
622				<input id='registerform_Com' name='Com' value='IBC003' type='hidden'>
623				<input id='registerform_CustomDomain' name='CustomDomain' value='1' type='hidden'><input type='hidden' id='registerform_IsMobile' name='IsMobile' value='false'><dl id='groupUsername'>
624					<dt>Username : </dt>
625					<dd>
626						<input class='trimVal alphanumeric' type='text' id='registerform_UserName' name='UserName' placeholder='Username' value='' pattern='.{5,15}' maxlength='15' required title='Use 5 to 15 characters for username, username may contain only letters and numbers'> 
627						<input type='button' class='btnCheckUser' value='check user'>
628						<div class='small' id='registerform_UserNameMsg'></div>
629					</dd>
630				</dl>
631				
632				<dl id='groupPassword'>
633					<dt>Password : </dt>
634					<dd>
635						<input class='Password trimVal alphapwd' type='password' id='registerform_Password' name='Password' placeholder='Password' pattern='.{8,25}' maxlength='25' value='' title='Use 8 or more characters with a mix of letters, numbers & symbols' required>
636						<div class='small' id='registerform_PasswordMsg'></div>
637					</dd>
638				</dl><dl id='groupComfirmPassword'>
639					<dt>Confirm Password : </dt>
640					<dd>
641						<input class='CPassword trimVal alphapwd' type='password' id='registerform_CPassword' name='CPassword' placeholder='Confirm Password' pattern='.{8,25}' maxlength='25' value='' required>
642						<div class='small' id='registerform_CPasswordMsg'></div>
643					</dd>
644				</dl>
645				<dl id='groupFullName'>
646					<dt>Full Name : </dt>
647					<dd>
648						<input type='text' id='registerform_FullName' name='FullName' placeholder='Full Name' value='' pattern='.{1,}' title='Use 5 to 15 characters for Fullname' required >
649						<div class='small' id='registerform_FullNameDescription'>Real Name for withdrawals verify</div>
650						<div class='small' id='registerform_FullNameMsg'></div>
651					</dd>
652				</dl><dl id='groupCurrency'>	
653						<dt>Currency : </dt>
654						<dd><select id='registerform_Currency' name='Currency' required class='selCurrencyCountryCode'>
655							<option value>-- Select a Currency --</option><option value='MYR'>MYR</option><option value='SGD'>SGD</option></select></dd>
656					</dl>
657					<dl id='groupMobileNumber'>
658						<dt>Mobile Number : </dt>
659						<dd><input class='numbers' type='text' id='registerform_Mobile' name='Mobile' placeholder='Mobile Number' value='60' minlength='8' required></dd>
660					</dl>
661					<dl id='groupEmail'>
662						<dt>Email : </dt>
663						<dd><input type='email' id='registerform_Email' name='Email' placeholder='[email protected]' value='' required></dd>
664					</dl>	
665			<dl id='groupVerifyCode'>
666					<dt>VerifyCode :</dt>
667					<dd><input class='numbers' type='text' name='VarifyCode' id='registerform_varifycode' value='' placeholder='VerifyCode' pattern='.{4,4}' title='Key In 4 number for Verify Code' required>
668					<dd><img src='/inc/securitycode.php?width=100&height=30&characters=4' onclick='javascript:ReloadIMG(this)' id='regcaptcha' style='cursor:pointer;'></dd>
669					</dd>
670				</dl>
671				<dl id='groupSubmit'>
672					<dt></dt>
673					<dd><input type='submit' value='Register Now' id='registerform_btnSubmit'></dd>
674				</dl>
675				
676			</form>
676<script>
677						$(document).ready(function(){
678							
679							$("#registerform").submit(function(e){
680								
681								var usernameLen = checkUserNameLength();
682								if(usernameLen == false){
683									alert("Invalid username, Please check in username input.");
684									return false;
685								}
686								
687								var passwordMatch = checkPasswordMatch();
688								if(passwordMatch == false){
689									alert("Password and Confirm Password are not match");
690									return false;
691								}
692									
693								var username = $("#registerform #registerform_UserName").val();
694								//var postData = $(this).serializeArray();
695								
696								
697								var fullname = $("#registerform #registerform_FullName");
698								var com = $("#registerform #registerform_Com").val();
699								var email = $("#registerform #registerform_Email");
700								var mobile = $("#registerform #registerform_Mobile");
701								var gender = $("#registerform #registerform_Gender");
702								var DOB = $("#registerform #registerform_DOB");
703								var BankName = $("#registerform #registerform_BankName");
704								var BankBranch = $("#registerform #registerform_BankBranch");
705								var BankAcc = $("#registerform #registerform_BankAcc");
706								var AccHolder = $("#registerform #registerform_AccHolderName");
707								var Currency = $("#registerform #registerform_Currency");
708								var promotecode = $("#registerform #registerform_PromotionCode");
709								var referralcode = $("#registerform #registerform_ReferralCode");
710								var Extra1 = $("#registerform #registerform_Extra1");
711								var Extra2 = $("#registerform #registerform_Extra2");
712								
713								if(mobile.val().length < 8 ){
714									alert("Please enter valid Phone format");
715									return false;
716								}
717
718
719								(fullname.length === 0) ? fullname = "" : fullname = fullname.val();
720								(email.length === 0) ? email = "" : email = email.val();
721								(mobile.length === 0) ? mobile = "" : mobile = mobile.val();
722								(gender.length === 0) ? gender = "1" : gender = gender.val();
723								(DOB.length === 0) ? DOB = "2018-01-01" : DOB = DOB.val();
724								(BankName.length === 0) ? BankName = " " : BankName = BankName.val();
725								(BankBranch.length === 0) ? BankBranch = " " : BankBranch = BankBranch.val();
726								(BankAcc.length === 0) ? BankAcc = " " : BankAcc = BankAcc.val();
727								(AccHolder.length === 0) ? AccHolder = " " : AccHolder = AccHolder.val();
728								(Currency.length === 0) ? Currency = "MYR" : Currency = Currency.val();
729								(promotecode.length === 0) ? promotecode = " " : promotecode = promotecode.val();
730								(referralcode.length === 0) ? referralcode = " " : referralcode = referralcode.val();
731								(Extra1.length === 0) ? Extra1 = " " : Extra1 = Extra1.val();
732								(Extra2.length === 0) ? Extra2 = " " : Extra2 = Extra2.val();
733								
734								
735								var postData = 
736						    [
737						    	{ name : "VarifyCode", value : $("#registerform_varifycode").val() },
738						    	{ name : "UserName", value : username },
739						    	{ name : "Password", value : $("#registerform #registerform_Password").val() },
740						    	{ name : "Fullname", value : fullname },
741						    	{ name : "Com", value : com },
742						    	{ name : "Email", value : email },
743						    	{ name : "Mobile", value : mobile },
744						    	{ name : "Gender", value : gender },
745						    	{ name : "DoB", value : DOB },
746						    	{ name : "BankName", value : BankName },
747						    	{ name : "BankBranch", value : BankBranch },
748						    	{ name : "BankAccountNo", value : BankAcc },
749						    	{ name : "AccountHolderName", value : AccHolder },
750						    	{ name : "Currency", value : Currency },
751						    	{ name : "PromotionCode", value : promotecode },
752								{ name : "ReferralCode", value : referralcode },
753						    	{ name : "Lang", value : $("#registerform_lang").val() },
754						    	{ name : "IsMobile", value : $("#registerform_IsMobile").val() },
755								{ name : "CustomDomain", value : $("#registerform_CustomDomain").val() },
756								{ name : "Extra1", value : Extra1 },
757								{ name : "Extra2", value : Extra2 }
758								
759						    ];
760						    
761						    var formURL = $(this).attr('action');
762
763						    $.ajax(
764						    {
765						    	url : formURL,
766								type : "POST",
767								headers:{"X-Requested-Source": "JS"},
768		        				data : postData,
769						    	success:function(data, textStatus, jqXHR)
770						    	{
771						    		var obj = JSON.parse(data);
772						    		
773						    		if (obj.ErrorCode === 0 || obj.ErrorCode > 0) {
774											alert( username+"  Register Successful");
775											window.__REG_USER = username;
776											$.get("/inc/js/track-register.js", function(trackJS){
777												try {
778													var s = document.createElement("script");
779													s.text = trackJS.replace(/<\/?script[^>]*>/gi, "");
780													document.head.appendChild(s);
781												} catch(e){}
782											}, "text");
783											setTimeout(function(){
784												window.location.href = obj.Redirect;
785											}, 1000);
786									}else if (obj.ErrorCode === -4){
787										alert("Invalid username, Please check in username input.");
788										document.getElementById("regcaptcha").click();
789									}else if (obj.ErrorCode === -5){
790										alert("Use 5 to 15 characters for username, username may contain only letters and numbers");
791										document.getElementById("regcaptcha").click();
792									}else if (obj.ErrorCode === -6){
793										alert("Password is empty");
794										document.getElementById("regcaptcha").click();
795									}else if (obj.ErrorCode === -7){
796										alert("Password need 8 to 25 characters");
797										document.getElementById("regcaptcha").click();
798									}else if (obj.ErrorCode === -8){
799										alert("Password not strong");
800										document.getElementById("regcaptcha").click();
801									}else if (obj.ErrorCode === -9){
802										alert("Username already existed");
803										document.getElementById("regcaptcha").click();
804									}else if (obj.ErrorCode === -109){
805										alert("Missing Bank Information");
806										document.getElementById("regcaptcha").click();
807									}else if (obj.ErrorCode === -110){
808										alert("Email can not be empty");
809										document.getElementById("regcaptcha").click();
810									}else if (obj.ErrorCode === -111){
811										alert("Phone number can\'t be empty");
812										document.getElementById("regcaptcha").click();
813									}else if (obj.ErrorCode === -888){
814										alert("Invalid Affiliate Code");
815										document.getElementById("regcaptcha").click();
816									}else if (obj.ErrorCode === -311){
817										alert("Mobile number registered with other Username, please retry.");
818										document.getElementById("regcaptcha").click();
819									}else if (obj.ErrorCode === -313){
820										alert("System Under Maintenance");
821										document.getElementById("regcaptcha").click();
822									}else if (obj.ErrorCode === -2007){
823										alert("Password Must Contain Letters & Digits.");
824										document.getElementById("regcaptcha").click();
825									}else if (obj.ErrorCode === -9999){
826										alert(obj.Text)
827										document.getElementById("regcaptcha").click();
828									}else{
829				        				alert(obj.Text);
830				        			}
831						    	},
832						    	error: function(jqXHR, textStatus, errorThrown)
833						    	{
834						    		alert("Fail Register Account, Please try again later.");
835						    	}
836						    });
837							
838						    e.preventDefault(); //STOP default action
839							});
840							
841							
842							$(".selCurrencyCountryCode").on("change", function(){
843								let Country = "60";
844								const CountryCode = Country.split(",");
845
846								var selected = $(".selCurrencyCountryCode option:selected").index();
847   								var prefix  = CountryCode[selected-1];
848								$("input[name=Mobile]").val(prefix);
849							});
850
851							$(".btnCheckUser").click(function(e){
852								
853								var checkURL = "/postregv2.php";
854								var username = $("#registerform #registerform_UserName").val();
855								var format = /[ !@#$%^&*()_+\-=\[\]{};':"\|,.<>\/?]+/;
856								
857								if(format.test(username)){
858									alert("Use 5 to 15 characters for username, username may contain only letters and numbers");
859									return false;
860								}
861								
862								var usernameLen = checkUserNameLength();
863								if(usernameLen == false){
864									return false;
865								}
866								
867								var postData = 
868								[{ 
869									name : "CheckPlayerID",
870									value : $("#registerform #registerform_UserName").val() 
871								}];
872
873								$.ajax(
874								{
875									url : checkURL,
876									type : 'POST',
877		        			data : postData,
878		        			success:function(data, textStatus, jqXHR)
879						    	{
880						    		var obj = JSON.parse(data);
881						    		if (obj.Existed === true) {
882						    			($("#registerform_UserNameMsg").hasClass("w3-text-green")) ? $("#registerform_UserNameMsg").toggleClass("w3-text-green w3-text-red") : $("#registerform_UserNameMsg").addClass("w3-text-red");
883											$("#registerform_UserNameMsg").html("Username already existed");
884				        		}
885				        		else{
886				        			($("#registerform_UserNameMsg").hasClass("w3-text-red")) ? $("#registerform_UserNameMsg").toggleClass("w3-text-red w3-text-green") : $("#registerform_UserNameMsg").addClass("w3-text-green");
887											$("#registerform_UserNameMsg").html("Username available for use");
888				        		}
889						    	},
890						    	error: function(jqXHR, textStatus, errorThrown)
891						    	{
892						    		alert("Fail to check user availability.");
893						    	}
894								});
895								e.preventDefault(); //STOP default action
896							});
897							
898							$("#registerform #registerform_Password").on("change", function(e){
899								if($(this).val().length < 8 ){
900									$("#registerform_PasswordMsg").addClass("w3-text-red");
901									$("#registerform_PasswordMsg").html("Use 8 or more characters with a mix of letters, numbers & symbols");
902								}else{
903									$("#registerform_PasswordMsg").removeClass("w3-text-red");
904									$("#registerform_PasswordMsg").html("");
905								}
906								
907								var username = $("#registerform #registerform_UserName").val();
908								var password = $("#registerform #registerform_Password").val();
909								
910								if(password.indexOf(username) != -1) {
911						      $("#registerform_PasswordMsg").addClass("w3-text-red");
912									$("#registerform_PasswordMsg").html("Password can\'t same with UserName.");
913								}else{
914									$("#registerform_PasswordMsg").removeClass("w3-text-red");
915									$("#registerform_PasswordMsg").html("");
916								}
917							});
918							
919							$("#registerform #registerform_CPassword").on("change", function(e){
920								checkPasswordMatch();
921							});
922							
923							$("#registerform #registerform_FullName").on("change", function(e){
924								if($("#registerform #registerform_FullName").val().length < 1){
925									($("#registerform #registerform_FullNameMsg").hasClass("w3-text-green")) ? $("#registerform #registerform_FullNameMsg").toggleClass("w3-text-green w3-text-red") : $("#registerform #registerform_FullNameMsg").addClass("w3-text-red");
926									$("#registerform #registerform_FullNameMsg").html("Use 5 to 15 characters for Fullname");
927									return false;
928								}else{
929									$("#registerform #registerform_FullNameMsg").removeClass("w3-text-red");
930									$("#registerform #registerform_FullNameMsg").html("");
931									return true;
932								}
933							});
934							
935							function checkUserNameLength(){
936								if($("#registerform #registerform_UserName").val().length < 5){
937									($("#registerform_UserNameMsg").hasClass("w3-text-green")) ? $("#registerform_UserNameMsg").toggleClass("w3-text-green w3-text-red") : $("#registerform_UserNameMsg").addClass("w3-text-red");
938									$("#registerform_UserNameMsg").html("Username at least 5 characters");
939									return false;
940								}else{
941									$("#registerform_UserNameMsg").removeClass("w3-text-red");
942									$("#registerform_UserNameMsg").html("");
943									return true;
944								}
945							};
946							
947							function checkPasswordMatch(){
948								if($("#registerform #registerform_Password").val() != $("#registerform #registerform_CPassword").val())
949								{
950									$("#registerform_CPasswordMsg").addClass("w3-text-red");
951									$("#registerform_CPasswordMsg").html("Password and Confirm Password are not match");
952									return false;
953								}else{
954									$("#registerform_CPasswordMsg").removeClass("w3-text-red");
955									$("#registerform_CPasswordMsg").html("");
956									return true;
957								}
958							};
959							
960							$("#registerform_FullName").on("change", function(){
961								if($("#registerform #registerform_FullName").val().length < 1){
962									$("#registerform_FullNameMsg").addClass("w3-text-red");
963									$("#registerform_FullNameMsg").html("Full Name at least 5 characters");
964									return false;
965								}else{
966									$("#registerform_FullNameMsg").removeClass("w3-text-red");
967									$("#registerform_FullNameMsg").html("");
968									return true;
969								}
970							});
971							
972							$(".alphanumeric").keypress(function (e) {
973								    var regex = new RegExp("^[a-zA-Z0-9]+$");
974								    var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
975								    if (regex.test(str)) {
976								        return true;
977								    }
978								    e.preventDefault();
979								    return false;
980								});
981							
982								$(".alphapwd").keypress(function (e) {
983								    var regex = new RegExp("^[a-zA-Z0-9-_!@.?#]+$");
984								    var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
985								    if (regex.test(str)) {
986								        return true;
987								    }
988								    e.preventDefault();
989								    return false;
990								});
991							
992							$(".numbers").keypress(function (e) {
993								    var regex = new RegExp("^[0-9]+$");
994								    var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
995								    if (regex.test(str)) {
996								        return true;
997								    }
998								    e.preventDefault();
999								    return false;
1000								});
1001								
1002							$(".trimVal").keypress(function(e){
1003								if (e.which == 32) return false;
1004							});
1005							
1006						});
1007						
1008					</script>
1008
1009            </li>
1010            <li class="reg-mem reg-info">
1011                <div class="regcontent">
1012                    <h4 class="regcontop">Create Account Today !</h4>
1013                    <h5 class="regcontsd">MEMBER BENEFITS</h5>
1014                    <div class="reglist">
1015                        <ul class="reg-warn">
1016                            <li><span>Earn freebets by simply validating your Account Safety with accurate information **</span></li>
1017                            <li><span>Speedy deposit and withdrawal with multiple depositing options</span></li>
1018                            <li><span>Multiple product platforms with better odds and fuller gameplay experience</span></li>
1019                            <li><span>Easy promotion to VIP level with added privileges and Rewards Points</span></li>
1020                        </ul>
1021                    </div>
1022                    <p class="regconbot">** Terms & Conditions apply</p>
1023                </div>
1024            </li>
1025        </ul>
1026    </div>
1027</div>
1028
1029
1030
1031<style type="text/css">
1032.register > ul{
1033    flex-direction: inherit;
1034}
1035
1036.scroll-bg .btn-gold {
1037    display: block;
1038    float: left;
1039    width: 100%;
1040    text-align: center;
1041    margin-top: 20px;
1042    font-size: 24px;
1043}
1044
1045#groupEmail::after {
1046  content: "Please ensure your email is correct to receive the latest offers and updates.";
1047  display: block;
1048  width: 100%;
1049  font-size: 12px;
1050  color: #444;
1051}
1052
1053.clouds1 {
1054  position: relative;
1055  height: 600px;
1056  border: 5px outset #e6c557;
1057  border-radius: 40px 0 40px 0;
1058  background-image: url("/data/1262/uploads/banner-register.jpg");
1059}
1060#theme-contain-registration .register .member-reg {
1061  width: 80%;
1062  max-width: 1200px;
1063  margin: auto;
1064  border: 1px solid #16aaff;
1065  box-shadow: 0 0 25px #16aaff;
1066  -webkit-animation: myGlow 2s infinite linear;
1067  animation: myGlow 2s infinite linear;
1068  padding: 32px 60px;
1069  border-radius: 20px;
1070}
1071@keyframes myGlow {
1072  0%,
1073  100% {
1074    box-shadow: 0 0 10px #16aaff;
1075  }
1076  50% {
1077    box-shadow: 0 0 25px #16aaff;
1078  }
1079}
1080.register ul > li.scroll-bg {
1081  border: unset;
1082  border-radius: unset;
1083  position: relative;
1084  float: right;
1085}
1086.regis-promo {
1087  display: flex;
1088  justify-content: space-evenly;
1089  padding: 14px 20px;
1090  border: 2px solid;
1091  border-radius: 20px;
1092  margin-top: 20px;
1093  background: linear-gradient(90deg, #eccd5e 0%, #b88f23 100%);
1094  border: 4px solid #eccd5e;
1095}
1096.regis-promo-item {
1097  width: 25%;
1098  display: flex;
1099  flex-direction: column;
1100  align-items: center;
1101}
1102.regis-promo-icon {
1103  background: url(/data/2145/uploads/125107103332.png) #ffe176;
1104  background-size: 24px auto;
1105  width: 40px;
1106  height: 40px;
1107  background-repeat: no-repeat;
1108  background-position: center;
1109  margin-bottom: 10px;
1110  border-radius: 50%;
1111}
1112.regis-promo-item:nth-child(2) .regis-promo-icon {
1113  background: url(/data/2145/uploads/225107103332.png) #ffe176;
1114  background-size: 24px auto;
1115  background-repeat: no-repeat;
1116  background-position: center;
1117}
1118.regis-promo-item:nth-child(3) .regis-promo-icon {
1119  background: url(/data/2145/uploads/325107103332.png) #ffe176;
1120  background-size: 24px auto;
1121  background-repeat: no-repeat;
1122  background-position: center;
1123}
1124.regis-promo-text {
1125  text-align: center;
1126}
1127
1128.register #registerform:after {
1129  content: 'By clicking the "Register Now" button, I hereby confirm that I am at least 18 years old and have read and accepted your terms and conditions.';
1130  text-align: center;
1131  margin-top: 8px;
1132}
1133
1134/*================ new =================*/
1135
1136#theme-contain-registration .title-regis {
1137  font-size: 56px;
1138  font-weight: bold;
1139  text-align: center;
1140}
1141
1142#theme-contain-registration .register .member-reg > li.registration-form {
1143  border-radius: 15px;
1144  padding: 0px 0px 30px 0;
1145  float: left;
1146}
1147
1148.register > ul > li.reg-info{
1149    padding-left: 30px !important;
1150    padding-right: 0 !important;
1151}
1152.reg-warn li{
1153    width: 100% !important;
1154    padding-right: 0 !important;
1155}
1156
1157#theme-contain-registration .register .member-reg li {
1158  width: 48%;
1159    padding-left: 0;
1160    padding-right: 40px;
1161}
1162
1163.login-form-title {
1164  display: flex;
1165  margin-top: 0px;
1166  align-items: center;
1167  font-size: 34px;
1168  margin-bottom: 10px;
1169}
1170.login-form-icon {
1171  width: 35px;
1172  height: 35px;
1173  border-radius: unset;
1174  margin: 0 20px 0 0;
1175  background-image: url(/data/2145/uploads/125107122842.png);
1176}
1177
1178#theme-contain-registration .register #registerform {
1179  display: grid;
1180  grid-auto-columns: 1fr 1fr;
1181  grid-column-gap: 35px;
1182}
1183#theme-contain-registration .register #registerform dt {
1184  display: block;
1185  font-size: 11px;
1186  position: absolute;
1187  left: 10px;
1188  top: -12px;
1189  background: white;
1190  width: fit-content;
1191  padding: 5px;
1192  font-weight: 600;
1193  color: rgb(0 0 0 / 60%);
1194}
1195#theme-contain-registration #groupVerifyCode {
1196  grid-column-start: 1;
1197  grid-column-end: 3;
1198}
1199#theme-contain-registration #groupVerifyCode img {
1200  width: fit-content;
1201  height: 43px;
1202}
1203
1204#theme-contain-registration #groupComfirmPassword input,
1205#theme-contain-registration #groupCurrency #registerform_Currency,
1206#theme-contain-registration #groupAffiliate input,
1207#theme-contain-registration #groupEmail input {
1208  border-radius: 15px;
1209  width: 100%;
1210  font-size: 15px;
1211}
1212#theme-contain-registration
1213  #groupCurrency
1214  #registerform_Currency:focus-visible {
1215  outline: 0;
1216  border: 1px solid #e1c255;
1217}
1218
1219#theme-contain-registration #groupUsername,
1220#theme-contain-registration .register #registerform:after,
1221#theme-contain-registration #groupSubmit,
1222#theme-contain-registration #groupPassword,
1223#theme-contain-registration #groupComfirmPassword,
1224#theme-contain-registration #groupFullName,
1225#theme-contain-registration #groupCurrency,
1226#theme-contain-registration #groupMobileNumber,
1227#theme-contain-registration #groupAffiliate,
1228#theme-contain-registration #groupVerifyCode,
1229#theme-contain-registration #groupEmail {
1230  grid-column-start: 1;
1231  grid-column-end: 3;
1232  width: 100%;
1233  position: relative;
1234}
1235
1236#theme-contain-registration .register #registerform input[type="text"],
1237#theme-contain-registration .register #registerform input[type="password"],
1238#theme-contain-registration #groupCurrency #registerform_Currency,
1239#theme-contain-registration #groupEmail input[type="email"] {
1240  box-shadow: unset;
1241  border-radius: 4px;
1242  border: 1px solid #ccc !important;
1243  padding: 10px 16px;
1244}
1245
1246#theme-contain-registration .register #registerform #registerform_UserName {
1247  width: calc(100% - 130px);
1248}
1249
1250#theme-contain-registration .register #registerform .btnCheckUser:hover,
1251#theme-contain-registration #registerform_btnSubmit:hover {
1252  box-shadow: inset 1px 1px 2px #b48e37, inset -1px -1px 2px #ffffff73;
1253}
1254#theme-contain-registration .register #registerform input:focus {
1255  border: 1px solid #e1c255;
1256}
1257#theme-contain-registration .register #registerform dl:has(dd > input:focus) dt,
1258#theme-contain-registration
1259  .register
1260  #registerform
1261  dl:has(dd > select:focus-visible)
1262  dt {
1263  color: #16aaff;
1264}
1265#theme-contain-registration .register #registerform .btnCheckUser,
1266#theme-contain-registration #registerform_btnSubmit {
1267  margin: unset;
1268  filter: drop-shadow(0px 2px 2px black);
1269  padding: 10px 12px;
1270  background: linear-gradient(0deg, rgba(23,80,120,1) 0%, rgba(22,170,255,1) 100%);
1271  border-top: 1px solid #16aaff;
1272  border-bottom: 1px solid #16aaff;
1273  color: #fff;
1274  width: fit-content;
1275}
1276#theme-contain-registration .register #registerform .btnCheckUser {
1277  margin-left: 15px;
1278  border-radius: 5px;
1279}
1280#theme-contain-registration .register #registerform_btnSubmit {
1281  font-size: 18px;
1282  padding: 10px 60px;
1283  border-radius: 10px;
1284}
1285
1286#theme-contain-registration .register #registerform #registerform_varifycode {
1287  width: calc(100% - 163px);
1288}
1289#theme-contain-registration #groupSubmit {
1290  margin: 10px 0 0 0;
1291}
1292#theme-contain-registration #groupSubmit dd {
1293  text-align: center;
1294}
1295
1296/*================ new =================*/
1297
1298@media only screen and (max-width: 1024px) {
1299#theme-contain-registration .register .member-reg li{
1300    width: 100% !important;
1301    padding: 0 !important;
1302}
1303  .register #registerform{
1304    width: 100%;
1305  }
1306  #theme-contain-registration .register .member-reg {
1307    padding: 30px;
1308  }
1309  #theme-contain-registration .register #registerform dt {
1310    left: 6px;
1311    font-size: 9px;
1312    top: -11px;
1313  }
1314  #theme-contain-registration .register #registerform dd input,
1315  #theme-contain-registration #groupCurrency #registerform_Currency {
1316    padding: 8px 10px !important;
1317    font-size: 12px;
1318  }
1319  #theme-contain-registration .register #registerform #registerform_UserName {
1320    width: calc(100% - 113px);
1321  }
1322  #theme-contain-registration .register #registerform .btnCheckUser,
1323  #theme-contain-registration #registerform_btnSubmit {
1324    padding: 8px 10px;
1325  }
1326  #theme-contain-registration #groupVerifyCode img {
1327    height: 35px;
1328  }
1329  #theme-contain-registration .register #registerform #registerform_varifycode {
1330    width: calc(100% - 135px);
1331  }
1332  .register #registerform:after {
1333    font-size: 9px;
1334  }
1335
1336  .regis-promo {
1337    border: 2px solid #eccd5e;
1338    padding: 10px;
1339  }
1340  .regis-promo-item {
1341    width: 33%;
1342  }
1343  .regis-promo-text {
1344    font-size: 9px;
1345  }
1346}
1347
1348@media only screen and (max-width: 768px) {
1349  .scroll-bg .btn-gold{
1350    margin-top: 0;
1351  }
1352  #theme-contain-registration .register .member-reg li {
1353    width: 100%;
1354        padding: 0 !important;
1355  }
1356  .clouds1 {
1357    height: 300px;
1358    display: none;
1359  }
1360
1361  .regis-promo {
1362    display: none;
1363  }
1364
1365  .registration-form {
1366    width: 100% !important;
1367  }
1368
1369  .register #registerform .btnCheckUser {
1370    float: right !important;
1371  }
1372
1373  .register #registerform #registerform_Currency {
1374    width: 100% !important;
1375  }
1376
1377  #registerform_btnSubmit {
1378    width: 100% !important;
1379  }
1380
1381  .register ul > li.scroll-bg {
1382    min-height: 100%;
1383  }
1384
1385  #divBody > div#theme-contain-registration {
1386    margin: 20px auto 0;
1387  }
1388  #divFooter .footer-conatiner {
1389    margin-top: 40px;
1390  }
1391}
1392
1393@media only screen and (max-width: 500px) {
1394  #theme-contain-registration .register .member-reg {
1395    padding: 25px;
1396    width: 90%;
1397  }
1398  .login-form-title {
1399    font-size: 26px;
1400    margin-bottom: 0px;
1401  }
1402  .login-form-icon {
1403    width: 30px;
1404    height: 30px;
1405    margin: 0 15px 0 0;
1406  }
1407  .register #registerform dl {
1408    margin: 10px auto;
1409  }
1410}
1411</style>
1412</div>
1413    </div>
1414    <div id='divFooter'>
1415        <div id="divFooter-container" class="footer-conatiner">
1416    <div class="footer-wrapper">
1417        <div class="footer-logo footer-logo-top gdlive333">
1418            <img src="/data/1470/uploads/logo-ibc003-2021_01.png" />
1419        </div>
1420        <div class="footer-content">
1421            <div class="w90">
1422                <div class="footer-partner-logo" id="partnerLogo">
1423                    <div class="swiper-container">
1424                        <div class="swiper-wrapper">
1425                            <img class="swiper-slide" src="/data/1470/uploads/logo-wm.png" />
1426                            <img class="swiper-slide" src="/data/1470/uploads/logo-ace333.png" />
1427                            <img class="swiper-slide" src="/data/1470/uploads/logo-ia.png" />
1428                            <img class="swiper-slide" src="/data/1470/uploads/logo-allbet.png" />
1429                            <img class="swiper-slide" src="/data/1470/uploads/logo-asiaGaming.png" />
1430                            <img class="swiper-slide" src="/data/1470/uploads/logo-betsoft.png" />
1431                            <img class="swiper-slide" src="/data/1470/uploads/logo-bgGaming.png" />
1432                            <img class="swiper-slide" src="/data/1470/uploads/logo-cq9.png" />
1433                            <img class="swiper-slide" src="/data/1470/uploads/logo-dreamgaming.png" />
1434                            <img class="swiper-slide" src="/data/1470/uploads/logo-dreamTech.png" />
1435                            <img class="swiper-slide" src="/data/1470/uploads/logo-evo.png" />
1436                            <img class="swiper-slide" src="/data/1470/uploads/logo-gg.png" />
1437                            <img class="swiper-slide" src="/data/1470/uploads/logo-goldDeluxe.png" />
1438                            <img class="swiper-slide" src="/data/1470/uploads/logo-gua.png" />
1439                            <img class="swiper-slide" src="/data/1470/uploads/logo-joker.png" />
1440                            <img class="swiper-slide" src="/data/1470/uploads/logo-king855.png" />
1441                            <img class="swiper-slide" src="/data/1470/uploads/logo-luckyStreak.png" />
1442                            <img class="swiper-slide" src="/data/1470/uploads/logo-m8bet.png" />
1443                            <img class="swiper-slide" src="/data/1470/uploads/logo-playtech.png" />
1444                            <img class="swiper-slide" src="/data/1470/uploads/logo-pragmaticPlay.png" />
1445                            <img class="swiper-slide" src="/data/1470/uploads/logo-saGaming.png" />
1446                            <img class="swiper-slide" src="/data/1470/uploads/logo-sexyBaccarat.png" />
1447                            <img class="swiper-slide" src="/data/1470/uploads/logo-skywind.png" />
1448                            <img class="swiper-slide" src="/data/1470/uploads/logo-ss
1448port.png" />
1449                            <img class="swiper-slide" src="/data/1470/uploads/logo-virtualTech.png" />
1450                            <img class="swiper-slide" src="/data/1470/uploads/logo-sbobet.png" />
1451                            <img class="swiper-slide" src="/data/1470/uploads/logo-sbovs.png" />
1452                            <img class="swiper-slide" src="/data/1470/uploads/logo-maxbet.png" />
1453
1454                        </div>
1455                    </div>
1456                </div>
1457                
1457<script type="text/javascript">
1458                    var swiperFooterLogo = new Swiper('#partnerLogo .swiper-container', {
1459                        slidesPerView: 8,
1460                        spaceBetween: 0,
1461                        slidesPerGroup: 1,
1462                        loop: true,
1463                        loopFillGroupWithBlank: true,
1464                        autoplay: {
1465                            delay: 2000,
1466                            disableOnInteraction: false,
1467                        },
1468                        breakpoints: {
1469                            768: {
1470                                slidesPerView: 6,
1471                            },
1472                            767: {
1473                                slidesPerView: 4,
1474                            },
1475                        },
1476                    });
1477                </script>
1477
1478                <div class="footer-copyright">
1479                    Copyright © 2014-2024 | IBC003 | All Rights Reserved
1480                </div>
1481            </div>
1482
1483        </div>
1484    </div>
1485</div>
1486
1487
1488<script type="text/javascript">
1489    $('[data-popup-open]').on('click', function () {
1490        var targeted_popup_class = jQuery(this).attr('data-popup-open');
1491        $('[data-popup="' + targeted_popup_class + '"]').addClass('active');
1492    });
1493    $('.popup, .btn-close-popup').click(function () {
1494        if (!$(event.target).closest('.popup-wrapper').length) {
1495            $('.popup').removeClass('active');
1496        };
1497    });
1498</script>
vendor: 2 bytes, line 1498
1498
1499<script type="text/javascript">
1500    if ($(window).width() > 1024) {
1501        var movementStrength = 25;
1502        var height = movementStrength / $(window).height();
1503        var width = movementStrength / $(window).width();
1504
1505        $("body").mousemove(function (e) {
1506            var pageX = e.pageX - ($(window).width() / 2);
1507            var pageY = e.pageY - ($(window).height() / 2);
1508            var newvalueX = width * pageX * -1 - 5;
1509            var newvalueY = height * pageY * -1 - 5;
1510            $('.divBanner img').css({ "transform": "translate(" + newvalueX + "px, " + newvalueY + "px) scale(1.025)" });
1511        });
1512    }
1513</script>
vendor: 2 bytes, line 1513
1513
1514<script type="text/javascript">
1515    new WOW().init();
1516</script>
vendor: 2 bytes, line 1516
1516
1517<script type="text/javascript">
1518    var arr = ['top games', 'top', 'Top', 'TOP GAMES', 'TOP', '热门', '热门游戏'];
1519    var i = 0;
1520    for (; i < arr.length; i++) {
1521        $("#slideNavUL>li>a:contains('" + arr[i] + "')").each(function () {
1522            $(this).parent('li').addClass('btn-tg');
1523        });
1524    };
1525    $('.btn-tg').on('click', function () {
1526        $(this).toggleClass('on');
1527        $(this).children('ul').slideToggle();
1528    });
1529</script>
1529
1530
1531<script>
1532    $(document).ready(function () {
1533        showCookie();
1534    });
1535
1536    function deleteCookie() {
1537        document.cookie = "clicklink3=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
1538    }
1539
1540    $('#Checkbox1').change(function () {
1541        if (this.checked) {
1542            $('.fancybox-overlay').hide(100);
1543        }
1544    });
1545
1546    function setCookie(cname, cvalue, exdays) {
1547        var d = new Date();
1548        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
1549        var expires = "expires=" + d.toUTCString();
1550        document.cookie = cname + "=" + cvalue + "; " + expires;
1551
1552    }
1553
1554    function showCookie() {
1555        if (checkCookie('clicklink3') == "yes") {
1556            $('.fancybox-overlay').css('visibility', 'hidden');
1557            $('.fancybox-overlay-fixed').css('visibility', 'hidden');
1558        } else {
1559        }
1560    }
1561
1562    function checkCookie(name) {
1563        if (document.cookie !== "") {
1564            var toCookie = document.cookie.split("; ");
1565            for (var i = 0; i < toCookie.length; i++) {
1566                var CookieName = toCookie[i].split("=")[0];
1567                var CookieValue = toCookie[i].split("=")[1];
1568                if (CookieName === name) return unescape(CookieValue);
1569            }
1570        }
1571    }
1572</script>
1572
1573
1574
1575<style>
1576div#prod-cart {
1577    padding-bottom: 80px;
1578}
1579#divBody > div {
1580    width: 100%;
1581    max-width: unset;
1582    margin: 70px auto 0;
1583}
1584/*================LOTTERY===================*/
1585.bg-page {
1586    background-image: url(/data/1470/uploads/bg-page.jpg);
1587    background-size: cover;
1588    background-position: center;
1589    overflow: hidden;
1590}
1591.info-wrapper {
1592    padding: 25px 0;
1593    position: relative;
1594    width: 100%;
1595    max-width: 1200px;
1596    margin: auto;
1597}
1598.info-tab {
1599    position: absolute;
1600    right: 0;
1601    bottom: 150px;
1602    width: 50%;
1603    z-index: 3;
1604    transition: top 1s ease-in-out;
1605}
1606.lotteryInfo-container>.inner {
1607    background-image: url(/data/1470/uploads/img-lottery-01.png);
1608    background-repeat: no-repeat;
1609    background-position: left center;
1610    background-size: auto 100%;
1611    position: relative;
1612}
1613.info-tab>.inner {
1614    display: flex;
1615    flex-direction: row;
1616    flex-wrap: wrap;
1617    text-align: center;
1618    justify-content: flex-start;
1619}
1620.info-tab .logo-box.active {
1621    background-image: url(/data/1470/uploads/btn-01-active.png);
1622}
1623.lottoryInfo-tab.info-tab .logo-box img {
1624    width: auto;
1625}
1626.info-tab>.inner>div {
1627    max-width: 15%;
1628    flex: 1 1 14%;
1629}
1630
1631.info-tab .logo-box {
1632    margin: 1%;
1633    padding: 5px 0px;
1634    background-image: url(/data/1470/uploads/btn-01.png);
1635    background-size: 100% 100%;
1636    cursor: pointer;
1637    transition: background-image 0.1s;
1638}
1639.info-box {
1640    position: absolute;
1641    top: 0;
1642    left: 0;
1643    right: 0;
1644}
1645.info-box.active {
1646    position: relative;
1647    z-index: 2;
1648}
1649.info-box>.inner {
1650    display: flex;
1651}
1652.info-box.active .img {
1653    transform: translate(0px, 0px);
1654    opacity: 1;
1655    position: relative;
1656}
1657.info-box>.inner>div {
1658    flex: 1;
1659}
1660.info-box .img img {
1661    width: 100%;
1662}
1663.lotteryInfo-container .info-box.active .img #drawresult {
1664    transform: translate(0px, 0px);
1665    opacity: 1;
1666}
1667.lotteryInfo-container .img #drawresult {
1668    position: absolute;
1669    bottom: 15px;
1670    left: 0;
1671    right: 0;
1672    margin: auto;
1673    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
1674    transform: translate(-50px, 0px);
1675    opacity: 0;
1676}
1677.info-box.active .detail {
1678    transform: translate(0px, 0px);
1679    opacity: 1;
1680}
1681.info-box>.inner>div {
1682    flex: 1;
1683}
1684.info-box .detail {
1685    padding-left: 20px;
1686    position: relative;
1687    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
1688    transform: translate(50px, 0px);
1689    opacity: 0;
1690    order: 2;
1691}
1692.info-box .detail-title {
1693    position: relative;
1694}
1695.info-box.active .detail-title .imglogo {
1696    transform: translate(0px, 0px);
1697}
1698.info-box .detail-title .imglogo {
1699    position: absolute;
1700    top: -15px;
1701    right: 0;
1702    opacity: 0.5;
1703    pointer-events: none;
1704    transform: translate(50px, 0px);
1705    transition: transform 1s ease-in-out;
1706    height: 80px;
1707}
1708.info-box .detail-title .title {
1709    font-weight: bold;
1710    font-size: 48px;
1711    margin-top: 36px;
1712    color: #dab99a;
1713    text-align: left;
1714}
1715.info-box .detail-title .country {
1716    font-size: 18px;
1717    color: #dab99a;
1718}
1719.info-box .detail-title .text {
1720    font-size: 18px;
1721    margin-top: 50px;
1722    margin-bottom: 25px;
1723    line-height: 30px;
1724    text-align: left;
1725}
1726.info-box .detail-game {
1727    margin: 25px 0;
1728}
1729.info-box .btn-play, .info-box .btn-plsLogin {
1730    display: table;
1731    padding: 8px 25px;
1732    text-align: center;
1733    font-size: 14px;
1734    border: 2px solid #dab99a;
1735    color: #dab99a;
1736    cursor: pointer;
1737    font-weight: bold;
1738    position: relative;
1739    border-radius: 35px;
1740    background-color: #fff;
1741}
1742.info-box {
1743    position: absolute;
1744    top: 0;
1745    left: 0;
1746    right: 0;
1747}
1748.lottoryInfo{}
1749.lottoryInfo-tab.info-tab .logo-box img{width:auto;}
1750
1751.lotteryInfo-container{}
1752.lotteryInfo-container>.inner{background-image:url('/data/1470/uploads/img-lottery-01.png'); background-repeat:no-repeat; background-position:left center; background-size:auto 100%;}
1753.lotteryInfo-container .img{position:relative; transform: translate(0); opacity:1;}
1754.lotteryInfo-container .img #drawresult{position:absolute; bottom:15px; left:0; right:0; margin:auto; transition:opacity 1s ease-in-out, transform 1s ease-in-out; transform:translate(-50px, 0px); opacity:0;}
1755.lotteryInfo-container .info-box.active .img #drawresult{transform:translate(0px, 0px); opacity:1;}
1756
1757.lottab {text-align: center;margin: auto;background: transparent; color: #222;}
1758.lottab ul {display:flex; flex-direction:row; margin:0; padding:0;}
1759.lottab ul li {flex:1 1 ; padding:15px; list-style-type:none;}
1760.lottab ul li strong{font-size:13px;}
1761.lottab table {border: 0px solid #dab99a;width: 100%;margin: 10px auto;font-size: 14px; border-top:1px solid #b49577; border-left:1px solid #b49577;}
1762.lottab table th {text-align:center;background:#dab99a;padding:10px 0;color:#fff; border-right:1px solid #b49577; border-bottom:1px solid #b49577;}
1763.lottab table tr, .lottab table td {padding: 10px 0;color: #222;text-align: center; border-right:1px solid #b49577; border-bottom:1px solid #b49577; background-color:#fff;}
1764
1765@media screen and (max-width: 1023px) {
1766    .lottab ul{flex-direction:column;}
1767}
1768
1769@media screen and (max-width: 400px) {
1770    .lottab table tr, .lottab table td {font-size:11px;}
1771}
1772
1773#drawresult {width:70%; margin:auto; max-width:400px;}
1774#drawresult ul{}
1775#drawresult ul>li{width:100% !important;margin:0 auto !important; padding:10px; background-color:transparent  !important;  font-size:16px  !important; border-top-left-radius:0  !important; border-top-right-radius:0  !important; vertical-align:top  !important; border:0 !important;}
1776#drawresult ul > li table{background-color:#eee;}
1777#drawresult ul > li table caption div{font-size:12px !important;}
1778#drawresult ul > li table tr td{color:#444  !important;}
1779#drawresult ul > li table caption{border-radius:0  !important; color:#fff  !important; padding:10px 5px  !important; padding-left:50px !important; }
1780#drawresult ul > li table tr td{padding:0 !important;}
1781
1782#drawresult ul > li ol.abc{display:flex; flex-direction:column;}
1783#drawresult ul > li ol.abc > li{width:50%; margin-left:auto; margin-right:0; padding:5px !important; border-bottom:1px solid #888; background-color:#fff; position:relative;}
1784#drawresult ul > li ol.abc > li:after{position:absolute; top:0; bottom:0; left:-100%; right:100%; background-color:#222;
1784 color:#fff; font-size:14px; margin-left:0; margin-right:auto; padding-top:5px;}
1785#drawresult ul > li ol.abc > li:nth-child(1):after{content:'First Prize';}
1786#drawresult ul > li ol.abc > li:nth-child(2):after{content:'Second Prize';}
1787#drawresult ul > li ol.abc > li:nth-child(3):after{content:'Third Prize';}
1788#drawresult ul > li ol.p{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:relative; padding-top:31px;}
1789#drawresult ul > li ol.p:after{content:'Special Prize'; position:absolute; top:0; left:0; right:0; font-size:14px; background-color:#222; margin:auto; color:#fff; padding:5px 0;}
1790#drawresult ul > li ol.p > li{max-width:25%; -webkit-box-flex:1; -ms-flex:1 1 25%; flex:1 1 25%; padding:5px !important; border:1px dotted #ededed; background-color:#fff;}
1791#drawresult ul > li ol.c{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:relative; padding-top:31px;}
1792#drawresult ul > li ol.c > li{max-width:25%; -webkit-box-flex:1; -ms-flex:1 1 25%; flex:1 1 25%; padding:5px !important; border:1px dotted #ededed; background-color:#fff;}
1793#drawresult ul > li ol.c:after{content:'Consolation Prize'; position:absolute; top:0; left:0; right:0; font-size:14px; background-color:#222; margin:auto; color:#fff; padding:5px 0;}
1794
1795#drawresult ul > li table caption{background-position:center left 10px !important; background-repeat:no-repeat !important; background-size:auto 50px !important; padding-left:70px !important;}
1796
1797#drawresult ul > li#M table{border:1px solid #f2bc00 !important;}
1798#drawresult ul > li#M table caption{background-color:#f2bc00 !important; color:#000 !important; background-image:url('/data/1470/uploads/lotto-magnum.png');}
1799
1800#drawresult ul > li#P table{border:1px solid #148ea4 !important;}
1801#drawresult ul > li#P table caption{background-color:#148ea4 !important; background-image:url('/data/1470/uploads/lotto-pmp.png');}
1802
1803#drawresult ul > li#T table{border:1px solid #dd0000 !important;}
1804#drawresult ul > li#T table caption{background-color:#dd0000 !important; background-image:url('/data/1470/uploads/lotto-toto.png');}
1805
1806#drawresult ul > li#S table{border:1px solid #12689a !important;}
1807#drawresult ul > li#S table caption{background-color:#12689a !important; background-image:url('/data/1470/uploads/lotto-singapore.png');}
1808
1809#drawresult ul > li#B table{border:1px solid #da002c !important;}
1810#drawresult ul > li#B table caption{background-color:#da002c !important; background-image:url('/data/1470/uploads/lotto-sabah.png');}
1811
1812#drawresult ul > li#K table{border:1px solid #4e9803 !important;}
1813#drawresult ul > li#K table caption{background-color:#4e9803 !important; background-image:url('/data/1470/uploads/lotto-sandakan.png');}
1814
1815#drawresult ul > li#W table{border:1px solid #094405 !important;}
1816#drawresult ul > li#W table caption{background-color:#094405 !important; background-image:url('/data/1470/uploads/lotto-sarawak.png');}
1817
1818#drawresult ul > li#H table{border:1px solid #95650a !important;}
1819#drawresult ul > li#H table caption{background-color:#95650a !important; background-image:url('/data/1470/uploads/lotto-gd.png');}
1820
1821#drawresult ul > li#N table{border:1px solid #777 !important;}
1822#drawresult ul > li#N table caption{background-color:#777 !important; background-image:url('/data/1470/uploads/lotto-perdana.png');}
1823
1824#drawresult ul > li#R table{border:1px solid #00aced !important;}
1825#drawresult ul > li#R table caption{background-color:#00aced !important; background-image:url('/data/1470/uploads/lotto-lucky.png');}
1826
1827@media screen and (max-width: 1100px) {
1828.lotteryInfo-container .info-box .detail-title .imglogo{width:5vw; margin-top:25px; right:25px;}
1829}
1830@media screen and (max-width: 1023px) {
1831    .lotteryInfo-container .info-box .img img{width:80%;}
1832    .lotteryInfo-container>.inner{background-size:80% auto; background-position:center bottom;}
1833}
1834@media screen and (max-width: 767px) {
1835    .lotteryInfo-container .info-box .img img{display:none;}
1836    .lotteryInfo-container>.inner{background-image:none;}
1837    .lotteryInfo-container .img #drawresult{position:static; width:90%;}
1838
1839    .info-tab.lottoryInfo-tab{position:static;}
1840    .lotteryInfo-container .info-box .detail{margin-bottom:auto !important;}
1841}
1842@media all and (max-width: 1023px){
1843  .info-wrapper {
1844      padding: 25px 15px;
1845      display: block;
1846  }
1847  .info-tab {
1848    position: absolute;
1849    width: 100%;
1850    padding: 0 15px;
1851    bottom: auto;
1852  }
1853}
1854@media all and (max-width: 769px){
1855  .info-tab{
1856    position: static;
1857  }
1858  .bg-page, .lotteryInfo-container>.inner {
1859    background-image: none;
1860  }
1861  .info-box>.inner {
1862    flex-direction: column;
1863  }
1864  .lotteryInfo-container .info-box .img img {
1865    width: 66%;
1866  }
1867  .lotteryInfo-container .info-box .detail-title .imglogo {
1868    width: auto;
1869  }
1870}
1871@media all and (max-width: 426px){
1872  .lotteryInfo-container .info-box .detail-title .imglogo{ display: none; }
1873}
1874/*===========================================*/
1875
1876#divHome-faq {max-height: 250px;}
1877
1878/*==================PRODUCT====================*/
1879#search-bar {border: 2px solid #d7bb6d;padding: 10px;margin-bottom: 10px;border-radius: 9px;background: #fff;position:relative;}
1880legend {text-transform: uppercase;color: #525252;font-size: 16px;padding-bottom: 10px;}
1881form#search-form div {margin-bottom: 10px;}
1882#theme-contain-prod input.alphanumeric {border-bottom: 1px solid #d7bb6d;border-radius: 0px;}
1883input#price-min, input#price-max {border: 1px solid #d7bb6d;border-radius: 0px;display: inline-block;width: 35%;padding: 10px;}
1884input#stock, label#stock-label {border: 0px solid red;display: inline-block;margin-top: 17px;vertical-align: middle;}
1885input#submit-btn {border: 0px solid red;background: linear-gradient(0deg, rgba(125,82,42,1) 0%, rgba(243,191,94,1) 50%, rgba(255,239,200,1) 100%);padding: 10px 20px;border-radius: 9px;color: #000000;}
1886
1887a#clear-btn {
1888    border: 0px solid red;
1889    position: absolute;
1890    right: 15px;
1891    bottom: 11px;
1892    background: #630304;
1893    padding: 5px 10px;
1894    color: #d7bb6d;
1895    text-transform: uppercase;
1896    border-radius: 5px;
1897    font-size: 10px;
1898}
1899
1900select#sortlist {padding: 3px 6px;border-radius: 5px;border-color: #d7bb6d;}
1901#cms5-prod-list ul {display: inline-block;margin: 11px;overflow: hidden;width: 17.9% !important;border: 1px solid #d7bb6d;background: #fff;position: relative;border-radius: 9px;min-height:300px;}
1902
1903#cms5-prod-list ul #addcart a {
1904    width: 65%;
1905    text-align: center;
1906    background:linear-gradient(0deg, rgba(125,82,42,1) 0%, rgba(243,191,94,1) 50%, rgba(255,239,200,1) 100%);
1907    margin: auto;
1908    font-size: 12px;
1909    font-weight: 600;
1910    color: #000;
1911    padding: 9px 0px;
1912    height: unset;
1913    border-radius: 9px;
1914    position: absolute;
1915    left: 0;
1916    right: 0;
1917    bottom: 20px;
1918    text-transform: uppercase;
1919}
1920
1921#cms5-prod-list ul #title {width: 90%;margin: 10px auto 0;font-size: 12px;text-transform: uppercase;}
1922#cms5-prod-list ul #title a {color: #525252;font-weight: 600;}
1923#cms5-prod-list ul #price {color: #b68743;font-size: 16px;}
1924#cms5-prod-list ul #photo img { height: unset;width:100%;}
1925#back-btn {padding: 10px 0px;margin: 10px auto;}
1926#back-btn a {border: 0px solid red;padding: 10px 20px;background:#fad894;color: #000;border-radius: 9px;text-transform: uppercase;}
1927#cms5-prod-view td {}
1928#cms5-prod-view table#particular tr {}
1929#cms5-prod-list ul:hover {box-shadow: 3px 2px 9px 0px #c1c1c1;transition: 0.5s ease;}
1930
1931td#caption {width:14%;}
1932#cms5-prod-view table#particular tr td:nth-of-type(2) {color: #000 !important;border: 0px solid green;font-size: 12px !important;width: 75%;}
1933#cms5-prod-view div#photo {float: unset;}
1934#cms5-prod-view table#particular tr td#addcart a {text-align:center;background: linear-gradient(0deg, rgba(125,82,42,1) 0%, rgba(243,191,94,1) 50%, rgba(255,239,200,1) 100%);color: #000000;padding: 9px 13px;height: unset;border-radius: 9px;text-transform: uppercase;}
1935td#addcart {margin-top: 0;}
1936
1937#prod-cart .tbllist {overflow-x: auto;margin: 20px auto;border: 1px solid #ccb063;background: #fff;padding: 0;}
1938
1939#prod-cart .tbllist .tbl td {border-top: 1px solid #d7bb6d;color: #000;padding: 10px;}
1940#prod-cart .tbllist .tbl td a, .tbllist .tbl td a:visited {color: #000;}
1941#prod-cart .tbllist .tbl th {color: #000000;font-size: 12px;text-align: center;font-weight: unset;background: #d7bb6d top;border: 1px solid #ccb063;}
1942#prod-cart .tbllist .tbl tfoot td {background: #d7bb6d;color: #000000;}
1943#prod-cart input[type="button"] {background: #630304;border: 0px solid;color: #fff;padding: 10px 8px;border-radius: 9px;}
1944#continue-shopping {border: 0px solid red;width:27%;margin: auto;padding: 10px 0;text-align: center;border-radius: 10px;background: #630304;}
1945#continue-shopping a {border: 0px solid green;padding: 9px 18px;color: #fff;}
1946.alert-warning {text-align: center;padding: 10px 0;border-radius: 10px;width: 90%;margin: 20px auto 0;}
1947
1948#prod-cart form#customform {background-color: rgba(155, 153, 151, 0.5);width:27%;margin: auto;padding: 30px 18px;border-radius: 10px;position: relative;}
1949#prod-cart form#customform dd#customform_UserName_Caption,
1950#prod-cart form#customform dd#customform_MemberVerifyCode_Caption,
1951#prod-cart form#customform dd#customform_Password_Caption {display: none;}
1952#prod-cart form#customform dl:nth-of-type(3) dd {display: inline-block;width: 49%;vertical-align: middle;}
1953#prod-cart #customform dl:first-of-type {margin-top: 0;margin-bottom: 10px;}
1954#prod-cart input#customform_submit {position: unset; width: 100%;}
1955
1956span.caption, li#desc, li#details, li#enquiry {display: none;}
1957#cms5-prod-list ul li::marker {display: none;}
1958li#code {display: none;}
1959#cms5-prod-list ul li {text-align: center;min-height: 45px;list-style-type: none;padding: 0;}
1960#cms5-pagenum ul {padding: 0;margin: 0;text-align: center;}
1961#cms5-pagenum ul li {list-style-type: none;display: inline-block;width: 45px;margin: 18px auto;font-weight: 600;}
1962#cms5-prodcatlist ul li {display: inline-block;
1963    width: 13%;
1964    border: 0px solid red;
1965    margin: 20px 5px;
1966    background: #fad894;
1967    color: #222;
1968    font-size: 12px;
1969    font-weight: 600;
1970    padding: 10px 0;
1971    border-radius: 10px;}
1972#cms5-prodcatlist ul {padding: 0;margin: 0;text-align: center;}
1973
1974fieldset {border: 0px solid;}
1975div#keyword {display: none;}
1976#price-range {width: 56%;}
1977form#search-form br {display: none;}
1978div#price-range, input#submit-btn {display: inline-block;vertical-align:top;}
1979#price-range {width: 69%;}
1980
1981
1982label#stock-label {margin: 10px auto;}
1983input#stock {margin: 10px 6px 10px 15px;}
1984
1985td#content p {line-height: 19px;}
1986table#particular {width: 85%;}
1987span#current {color: #dc0000;}
1988li#addcart a:hover {transform: scale(0.9);transition: 0.5s ease;}
1989
1990
1991ul#prodcat_list,#theme-nav ul {
1992    padding: 0;
1993    margin: 0;
1994    text-align: center;
1995}
1996
1997ul#prodcat_list li,#theme-nav ul li {
1998    display: inline-block;
1999    width: 13%;
2000    border: 0px solid red;
2001    margin: 20px 5px;
2002    background: #fad894;
2003    color: #222;
2004    font-size: 12px;
2005    font-weight: 600;
2006    padding: 10px 0;
2007    border-radius: 10px;
2008}
2009
2010
2011ul#prodcat_list li:hover,#theme-nav ul li:hover {
2012    transition: 0.5s ease;
2013    transform: scale(0.9);
2014}
2015ul#prodcat_list li a,#theme-nav ul li a {
2016    padding: 9px 13px;
2017}
2018
2019div#theme-nav {
2020    display: none;
2021}
2022
2023
2024/*=============================================================*/
2025/*--------------------------------------    MOBILE VIEW ---------------------------------------------*/		
2026/*=============================================================*/
2027
2028
2029@media all 
2030and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) 
2031and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) 
2032and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) 
2033and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) 
2034and (max-width: 1024px), only screen and (min-resolution: 192dpi) 
2035and (max-width: 1024px), only screen and (min-resolution: 2dppx) 
2036and (max-width: 1024px) {
2037
2038
2039#cms5-pagenum ul li {width: 36px;}
2040input#stock {margin: 10px 6px 10px 0px;}
2041#price-range {width: 98%;}
2042#cms5-prodcatlist ul li {width: 32%;margin: 6px 2px;font-size: 9px;}
2043#cms5-prod-list ul {margin: 8px 4px;width: 47% !important;min-height: 305px;}
2044#cms5-prodcatlist ul li a {padding: 9px 0;}
2045
2046#cms5-prod-view td {display: inline-block;width: 100%;}
2047td#caption {width: 35%;}
2048#cms5-prod-view table#particular tr td:nth-of-type(2) {width:64%;}
2049#prod-cart .tbllist {width: 320px;}
2050#continue-shopping {width: 65%;}
2051#prod-cart form#customform {width: 85%;}
2052
2053ul#prodcat_list li {width: 35%;}
2054
2055}
2056
2057
2058/*=============================================================*/
2059/*-------------------------    MOBILE VIEW  LANDSCAPE   ---------------------------*/		
2060/*=============================================================*/
2061@media only screen 
2062  and (min-device-width: 375px) 
2063  and (max-device-width: 812px) 
2064  and (-webkit-min-device-pixel-ratio: 2)
2065  and (orientation: landscape) {
2066
2067.tbllist {width: 515px !important;}
2068#prod-cart form#customform {width: 65%;}
2069#cms5-prodcatlist ul li {width: 24%;font-size: 11px;}
2070input#price-min, input#price-max {width: 30%;}
2071#cms5-prod-list ul {width: 31% !important;min-height: 330px;}
2072
2073}
2074
2075
2076/*=============================================================*/
2077/*-------------------------   iPhone   ---------------------------*/		
2078/*=============================================================*/
2079@media only screen 
2080  and (min-device-width: 320px) 
2081  and (max-device-width: 568px)
2082  and (-webkit-min-device-pixel-ratio: 2)
2083  and (orientation: portrait) {
2084
2085
2086
2087
2088}
2089
2090
2091/*=============================================================*/
2092/*-------------------------   iPad   ---------------------------*/		
2093/*=============================================================*/
2094@media only screen 
2095  and (min-device-width: 768px) 
2096  and (max-device-width: 1024px) 
2097  and (orientation: portrait) 
2098  and (-webkit-min-device-pixel-ratio: 1) {
2099
2100#cms5-prodcatlist ul li {width: 19%;margin: 6px 3px;font-size: 11px;}
2101input#price-min, input#price-max {width: 33%;}
2102#cms5-prod-list ul {width: 23% !important;min-height: 328px;}
2103
2104#prod-cart .tbllist {width: 690px;}
2105#prod-cart form#customform {width: 66%;}
2106
2107}
2108
2109
2110/* Landscape */
2111@media only screen 
2112  and (min-device-width: 768px) 
2113  and (max-device-width: 1024px) 
2114  and (orientation: landscape) 
2115  and (-webkit-min-device-pixel-ratio: 1) {
2116
2117
2118#cms5-prodcatlist ul li {width: 14%;margin: 19px 1px;font-size: 10px;}
2119input#price-min, input#price-max {width: 35%;}
2120#cms5-prod-list ul {width: 23.8% !important;min-height: 328px;}
2121
2122#prod-cart .tbllist {width: 690px;}
2123#prod-cart form#customform {width:38%;}
2124#price-range {width: 89%;}
2125
2126#continue-shopping {width: 39%;}
2127
2128
2129}
2130
2131
2132
2133@media only screen 
2134  and (min-device-width: 1024px) 
2135  and (max-device-width: 1024px) 
2136  and (orientation: portrait) 
2137  and (-webkit-min-device-pixel-ratio: 2) {
2138
2139#cms5-prodcatlist ul li {width: 13%;margin:20px 5px; font-size: 10px;}
2140input#price-min, input#price-max {width: 37%;}
2141#cms5-prod-list ul {width: 23.8% !important;min-height: 370px;}
2142#continue-shopping {width: 40%;}
2143#prod-cart form#customform {width: 40%;}
2144
2145}
2146
2147
2148
2149
2150
2151</style>
2152 <style>
2153
2154/*========================== fifa2026 (22/5/2026) ================================*/
2155.deksfifa{
2156    display:block;
2157}
2158
2159.mobfifa{
2160    display:none !important;
2161}
2162
2163.fifa26-icon{
2164    position:absolute;
2165    top:106px;
2166    left:50%;
2167    transform:translateX(-680px); /* adjust sendiri */
2168    z-index:110;
2169}
2170
2171.fifa26-icon img{
2172    width:120px;
2173    height:auto;
2174    display:block;
2175}
2176
2177/* bila screen makin kecil */
2178@media(max-width:1200px){
2179
2180    .fifa26-icon{
2181        transform:translateX(-560px);
2182        top:96px;
2183    }
2184
2185.fifa26-icon img{
2186    width:90px;
2187}
2188
2189
2190}
2191
2192
2193#groupAffiliate {
2194    display: none;
2195}
2196
2197.w1440 {
2198    max-width: 1440px;
2199    margin: auto;
2200    width: 100%;
2201}
2202
2203#divBody > div {
2204    margin-top: 0 !important;
2205}
2206
2207/*==========================  v2cryptocurrency-CSS ================================*/
2208.dektscrypto {
2209    display: block;
2210}
2211.mobilecrypto {
2212    display: none !important;
2213}
2214.dektscrypto #v2cryptocurrency {
2215    font-size: 14px;
2216    color: #fff;
2217    font-weight: bold;
2218}
2219
2220.dektscrypto .crypto img {
2221    float: left;
2222    width: 20px;
2223    margin: 0px 10px;
2224}
2225.dektscrypto .crypto {
2226    position: absolute;
2227    z-index: 111;
2228    top: 116px;
2229    right: 0px;
2230    display: block;
2231    width: 180px;
2232}
2233
2234.headerTop-bottom:after {
2235    width: 100%;
2236    border-radius: 0% 0% 50% 50% / 0% 0% 25% 25%;
2237}
2238
2239/*==========================  HOWPLAY-CSS ================================*/
2240.howcontent-top {
2241    text-align: center;
2242}
2243.howcontent-top p {
2244}
2245.howcontent-top ul {
2246    margin: 0px;
2247    padding: 0px;
2248}
2249.howcontent-top ul li {
2250    display: inline-block;
2251    width: 7%;
2252}
2253.howcontent-top ul li img {
2254    width: 100%;
2255    padding: 5px;
2256}
2257
2258.how-content {
2259    text-align: center;
2260}
2261.how-content-box {
2262    -webkit-border-radius: 6px;
2263    -moz-border-radius: 6px;
2264    border-radius: 6px;
2265    position: relative;
2266    margin: 32px 5px;
2267    padding-top: 20px;
2268    width: 30%;
2269    display: inline-block;
2270    background: #fff;
2271    border: 0.5px solid #98d7e5;
2272    background: linear-gradient(270deg, #fff 0%, #d9edff 100%);
2273}
2274
2275.how-content-box img {
2276    width: 90%;
2277}
2278.button-how {
2279    background: rgb(23, 80, 120);
2280    background: -moz-linear-gradient(0deg, rgba(23, 80, 120, 1) 00%, rgba(22, 170, 255, 1) 100%);
2281    background: -webkit-linear-gradient(0deg, rgba(23, 80, 120, 1) 00%, rgba(22, 170, 255, 1) 100%);
2282    background: linear-gradient(0deg, rgba(23, 80, 120, 1) 00%, rgba(22, 170, 255, 1) 100%);
2283    transition: 0.3s;
2284    width: fit-content;
2285    font-size: 14px;
2286    color: #fff;
2287    border: unset;
2288    border-top: 1px solid #eccd5e;
2289    border-bottom: 1px solid #7b5900;
2290    background-size: 100% 200%;
2291    font-size: 14px;
2292    text-transform: uppercase;
2293    border-radius: 10px;
2294    cursor: pointer;
2295    padding: 10px 25px;
2296    text-wrap: nowrap;
2297    transition: 0.3s;
2298    margin-right: unset;
2299    margin: 0 auto;
2300    color: #fff !important;
2301}
2302.button-how a {
2303    text-transform: uppercase;
2304    color: #fff;
2305    font-size: 18px;
2306    font-weight: bold;
2307}
2308.paragfill {
2309    width: 100%;
2310    border: 0px solid red;
2311    text-align: center;
2312    background: linear-gradient(270deg, #fff 0%, #a9d4fb 100%);
2313}
2314.paragfill p {
2315    color: #000;
2316    padding: 20px 10px;
2317    font-size: 18px;
2318    font-weight: bold;
2319    min-height: 100px;
2320    align-content: center;
2321}
2322
2323.how-content-box.one:before {
2324    content: "1";
2325}
2326
2327.how-content-box.two:before {
2328    content: "2";
2329}
2330
2331.how-content-box.three:before {
2332    content: "3";
2333}
2334
2335.how-content-box.four:before {
2336    content: "4";
2337}
2338
2339.how-content-box.five:before {
2340    content: "5";
2341}
2342
2343.how-content-box.six:before {
2344    content: "6";
2345}
2346
2347.how-content-box:before {
2348    position: absolute;
2349    top: -42px;
2350    left: 50%;
2351    -webkit-transform: translateX(-50%);
2352    -moz-transform: translateX(-50%);
2353    -o-transform: translateX(-50%);
2354    transform: translateX(-50%);
2355    font-weight: 600;
2356    font-size: 64px;
2357    line-height: 1;
2358    width: 84px;
2359    height: 84px;
2360    -webkit-border-radius: 100%;
2361    -moz-border-radius: 100%;
2362    border-radius: 100%;
2363    background-color: #c1eefb;
2364    border: 3px solid #fff;
2365    display: -webkit-box;
2366    display: -webkit-flex;
2367    display: -moz-box;
2368    display: flex;
2369    -webkit-box-align: center;
2370    -webkit-align-items: center;
2371    -moz-box-align: center;
2372    align-items: center;
2373    -webkit-box-pack: center;
2374    -webkit-justify-content: center;
2375    -moz-box-pack: center;
2376    justify-content: center;
2377}
2378
2379.rank-section {
2380    position: relative;
2381}
2382
2383.rank-selector option {
2384    color: #000;
2385}
2386
2387.rank-wrapper {
2388    background-color: #ededed;
2389    border: 1px solid #d7d7d7;
2390}
2391
2392.rank-container {
2393    padding: 24px;
2394}
2395
2396.rank-selector {
2397}
2398
2399#rankChoose {
2400    background: linear-gradient(90deg, #175087, #16aaff);
2401    border: 1px solid #58b2ff;
2402    border-bottom: 0;
2403    font-weight: bold;
2404    padding: 12px;
2405    font-size: 18px;
2406    width: 100%;
2407    border-top-left-radius: 12px;
2408    border-top-right-radius: 12px;
2409    color: #fff;
2410}
2411#rankChoose:focus {
2412    outline: 1px solid #9a7c48;
2413}
2414
2415.rank-img {
2416}
2417
2418.rank-img img {
2419    width: 100%;
2420}
2421
2422.rankimg {
2423    display: none;
2424}
2425
2426.rankimg.active {
2427    display: block;
2428}
2429
2430.rank-box {
2431    display: none;
2432    overflow-y: auto;
2433    height: 501px;
2434}
2435
2436.rank-box::-webkit-scrollbar {
2437    width: 10px;
2438}
2439
2440.rank-box::-webkit-scrollbar-track {
2441    background: #222;
2442    border: 1px solid #9a7c48;
2443}
2444
2445.rank-box::-webkit-scrollbar-thumb {
2446    background: #9a7c48;
2447}
2448
2449.rank-box::-webkit-scrollbar-thumb:hover {
2450}
2451
2452.rank-box.active {
2453    display: block;
2454}
2455
2456.table-rank_header {
2457    text-align: center;
2458    color: #000;
2459    font-weight: normal;
2460    text-align: center;
2461    height: 50px;
2462    vertical-align: middle;
2463    text-transform: uppercase;
2464    background: linear-gradient(to bottom, #FFD700, #FFC300);
2465    border-bottom: 2px solid #e0e0e0;
2466}
2467
2468.table-rank_list {
2469    border-top: 1px solid #c3c3c3;
2470    border-left: 1px solid #c3c3c3;
2471}
2472.table-rank_list td {
2473    border-bottom: 1px solid #c3c3c3;
2474    border-right: 1px solid #c3c3c3;
2475    color: #000;
2476    text-align: center;
2477    height: 50px;
2478    vertical-align: middle;
2479}
2480
2481.table-rank tr {
2482}
2483
2484.table-rank_list tr:nth-child(odd) {
2485    background:#f3f3f3;
2486}
2487.table-rank_list tr:nth-child(even) {
2488    background:#fff;
2489}
2490
2491.table-rank tr > td:first-child {
2492    width: 15%;
2493}
2494
2495.table-rank tr > td:nth-child(2) {
2496    width: 50%;
2497}
2498
2499.table-rank tr > td:nth-child(3) {
2500    width: 35%;
2501}
2502
2503.winner-title {
2504    background: linear-gradient(90deg, #175087, #16aaff);
2505    padding: 2px 6px 6px;
2506    max-width: 440px;
2507    width: 90%;
2508    margin: 80px auto 40px;
2509}
2510.winner-title h4 {
2511    background: linear-gradient(to bottom, #151515, #303030, #151515);
2512    margin: 0;
2513    padding: 6px;
2514    color: #fff;
2515    text-align: center;
2516    position: relative;
2517    font-size: 24px;
2518}
2519.winner-title-register {
2520    padding: 2px 6px 6px;
2521    max-width: 490px;
2522    width: 100%;
2523    margin: 80px auto 40px;
2524}
2525.winner-title-register h4 {
2526    background: linear-gradient(90deg, #175087, #16aaff);
2527    border: 1px solid #58b2ff;
2528    margin: 0;
2529    padding: 6px;
2530    color: #fff;
2531    text-align: center;
2532    position: relative;
2533    font-size: 24px;
2534    border-radius: 5px;
2535}
2536.winner-title-register h4:hover {
2537    background: linear-gradient(to bottom, #151515, #303030, #151515);
2538    color: #0078ff;
2539}
2540.winner-title h4:before,
2541.winner-title h4:after {
2542    content: "";
2543    position: absolute;
2544    width: 12px;
2545    height: 12px;
2546    background: #0095ff;
2547    top: 0;
2548    bottom: 0;
2549    margin: auto;
2550    transform: rotate(45deg);
2551    pointer-events: none;
2552}
2553.winner-title h4:before {
2554    left: 20px;
2555}
2556.winner-title h4:after {
2557    right: 20px;
2558}
2559
2560.step-list {
2561    margin: 0;
2562    padding: 0;
2563    display: flex;
2564    margin-top: 130px;
2565}
2566
2567.step-list li {
2568    margin: 24px;
2569    list-style-type: none;
2570    border-radius: 12px;
2571    border: 3px solid #0078ff;
2572    padding: 24px 0px 0px;
2573    background: url(/data/1470/uploads/bgstep.jpg);
2574    background-position: center top;
2575    background-size: cover;
2576    position: relative;
2577    width: 33%;
2578}
2579.step-box img {
2580    width: 100%;
2581    margin: auto;
2582    display: block;
2583    max-width: 250px;
2584    margin-top: -140px;
2585    padding-bottom: 100px;
2586}
2587.step-top_s {
2588    color: #fff;
2589    text-align: center;
2590    font-size: 16px;
2591    margin-bottom: 0;
2592    font-weight: 600;
2593    background: #0078ff;
2594    padding: 5px 30px;
2595    border-radius: 10px;
2596    border: 3px solid #d3dbff;
2597    position: absolute;
2598    top: -90px;
2599    left: 0px;
2600    text-transform: uppercase;
2601}
2602.step-top {
2603    color: #0078ff;
2604    font-size: 24px;
2605    margin-top: 8px;
2606    font-weight: 600;
2607}
2608.step-bottom {
2609    color: #383838;
2610    font-size: 18px;
2611    line-height: normal;
2612    background: #fff;
2613}
2614.bottomstepwhite {
2615    background: #fff;
2616    padding: 5px 20px;
2617    border-radius: 0px 0px 12px 12px;
2618}
2619
2620.rank-section {
2621    margin-top: 80px;
2622    margin-bottom: 40px;
2623    padding-top: 60px;
2624}
2625
2626.rank-container {
2627    display: flex;
2628    flex-wrap: wrap;
2629    position: relative;
2630}
2631
2632.rank-img {
2633    order: 2;
2634    flex: 1 1 500px;
2635    align-items: center;
2636    justify-content: center;
2637    display: flex;
2638}
2639
2640.rank-selector {
2641    order: 1;
2642    flex: 1 1 100%;
2643    position: absolute;
2644    left: 0;
2645    right: 0;
2646    margin: auto;
2647    margin-top: -84px;
2648}
2649
2650.rank-main {
2651    order: 3;
2652    flex: 1 1 calc(100% - 500px);
2653}
2654
2655.table-rank tr > td:first-child {
2656    width: 33.33%;
2657}
2658
2659.table-rank tr > td:nth-child(2) {
2660    width: 33.33%;
2661}
2662
2663.table-rank tr > td:nth-child(3) {
2664    width: 33.33%;
2665}
2666
2667.rank-header {
2668    padding-left: 24px;
2669    padding-right: 24px;
2670}
2671
2672.rank-box {
2673    padding-left: 24px;
2674    padding-right: 24px;
2675}
2676
2677.bounce {
2678    animation: bounce 2s ease infinite;
2679}
2680
2681@keyframes bounce {
2682    70% {
2683        transform: translateY(0%);
2684    }
2685
2686    80% {
2687        transform: translateY(-15%);
2688    }
2689
2690    90% {
2691        transform: translateY(0%);
2692    }
2693
2694    95% {
2695        transform: translateY(-7%);
2696    }
2697
2698    97% {
2699        transform: translateY(0%);
2700    }
2701
2702    99% {
2703        transform: translateY(-3%);
2704    }
2705
2706    100% {
2707        transform: translateY(0);
2708    }
2709}
2710
2711.bounce1 {
2712    animation: bounce 3s ease infinite;
2713}
2714
2715.bounce2 {
2716    animation: bounce 2.5s ease infinite;
2717}
2718
2719@media all and (max-width: 768px),
2720    only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
2721    only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
2722    only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
2723    only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
2724    only screen and (min-resolution: 192dpi) and (max-width: 1024px),
2725    only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
2726    .dektscrypto {
2727        display: none;
2728    }
2729    .mobilecrypto {
2730        display: block !important;
2731        border-bottom: 1px solid #ededed;
2732        margin: 0px 60px;
2733    }
2734
2735.deksfifa{
2736    display:none;
2737}
2738
2739.mobfifa{
2740    display:block !important;
2741}
2742
2743
2744    .mobcrypto #v2cryptocurrency {
2745        font-size: 16px;
2746        color: #666;
2747    }
2748
2749    .mobcrypto .crypto img {
2750        float: left;
2751        width: 20px;
2752        margin: 0px 10px 0px 0px;
2753    }
2754    .mobcrypto .crypto {
2755        border: 0px solid red;
2756        padding: 15px 20px 10px 30px;
2757    }
2758
2759    #theme-frame {
2760        width: 99%;
2761    }
2762    .how-content-box {
2763        margin: 30px 0px;
2764        width: 48%;
2765        padding-left: 2px;
2766        padding-right: 2px;
2767    }
2768
2769    .button-how {
2770        width: 98%;
2771        padding: 10px 2px;
2772    }
2773
2774    .button-how a {
2775        font-size: 10px;
2776    }
2777
2778    .howcontent-top ul li {
2779        display: inline-block;
2780        width: 28%;
2781    }
2782
2783    .winner-title {
2784        margin: 80px auto 150px;
2785    }
2786
2787    .winner-title-register {
2788        padding: 2px 6px 6px;
2789        max-width: 100%;
2790        width: 365px;
2791        margin: 80px auto 40px;
2792    }
2793
2794    .winner-title-register h4 {
2795        background: linear-gradient(90deg, #175087, #16aaff);
2796        border: 1px solid #58b2ff;
2797        margin: 0;
2798        padding: 6px;
2799        color: #48381d;
2800        text-align: center;
2801        position: relative;
2802        font-size: 24px;
2803    }
2804    .winner-title-register h4:hover {
2805        background: linear-gradient(to bottom, #151515, #303030, #151515);
2806        color: #0078ff;
2807    }
2808
2809    .step-list {
2810        display: block;
2811    }
2812    .step-list li:nth-child(2),
2813    .step-list li:nth-child(3) {
2814        margin-top: 150px;
2815    }
2816    .step-list li {
2817        width: 96%;
2818        margin: auto;
2819    }
2820}
2821
2822@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
2823    .step-list {
2824        display: flex;
2825    }
2826    .step-list li:nth-child(2),
2827    .step-list li:nth-child(3) {
2828        margin-top: auto;
2829    }
2830    .step-list li {
2831        width: 100%;
2832        margin: auto 5px;
2833    }
2834}
2835
2836
2837
2838
2839</style>
2840 
2840<script type="text/javascript">
2841    var __lc = {};
2842    __lc.license = 4655801;
2843
2844    (function () {
2845        var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
2846        lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
2847        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
2848    })();
2849</script>
2849
2850 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
2851
2852<style>
2853.help-centre{
2854    max-width:1400px;
2855    margin:auto;
2856    padding:0 20px;
2857}
2858
2859.help-centre .container{
2860    width:1400px;
2861    max-width:100%;
2862    margin:auto;
2863}
2864
2865/* ==========================
2866   HERO
2867========================== */
2868
2869.help-centre .hero{
2870    width:100vw;
2871    margin-left:calc(50% - 50vw);
2872
2873    background:url(/data/1470/uploads/bghelp2c.jpg) top center no-repeat #fff;
2874    background-size:100%;
2875
2876    padding:80px 0 140px;
2877
2878    position:relative;
2879    overflow:hidden;
2880}
2881
2882.help-centre .hero::before{
2883    content:'';
2884
2885    position:absolute;
2886
2887    width:650px;
2888    height:650px;
2889
2890    right:-120px;
2891    top:-120px;
2892
2893    border-radius:50%;
2894
2895    background:rgba(255,255,255,.08);
2896}
2897
2898.help-centre .hero-content{
2899    width:55%;
2900    position:relative;
2901    z-index:2;
2902}
2903
2904.help-centre .hero-content h1{
2905    color:#fff;
2906    font-size:50px;
2907    line-height:1.05;
2908    font-weight:800;
2909    margin-bottom:20px;
2910    text-align:left;
2911}
2912
2913.help-centre .hero-content span{
2914    background:linear-gradient(
2915        90deg,
2916        #7be7ff,
2917        #16aaff
2918    );
2919
2920    -webkit-background-clip:text;
2921    -webkit-text-fill-color:transparent;
2922}
2923
2924.help-centre .hero-content p{
2925    color:#e8f7ff;
2926    font-size:18px;
2927    margin-bottom:30px;
2928}
2929
2930/* ==========================
2931   SEARCH
2932========================== */
2933
2934.help-centre .search-box{
2935
2936    display:flex;
2937
2938    background:#fff;
2939
2940    border-radius:60px;
2941
2942    padding:6px;
2943
2944    overflow:hidden;
2945
2946    box-shadow:
2947    0 15px 40px rgba(22,170,255,.15);
2948
2949    margin-bottom:25px;
2950}
2951
2952.help-centre .search-box input{
2953
2954    flex:1;
2955
2956    border:none;
2957
2958    background:none;
2959
2960    padding:18px 25px;
2961
2962    outline:none;
2963
2964    font-size:15px;
2965}
2966
2967.help-centre .search-box button{
2968    min-width:140px;
2969    border:none;
2970    border-radius:50px;
2971    color:#fff;
2972    cursor:pointer;
2973    font-weight:700;
2974    background: linear-gradient(135deg, #045afc, #0695fe);
2975    transition:.3s;
2976}
2977
2978.help-centre .search-box button:hover{
2979    transform:scale(.97);
2980}
2981
2982/* ==========================
2983   TAGS
2984========================== */
2985
2986.help-centre .popular-tags{
2987    display:flex;
2988    flex-wrap:wrap;
2989    gap:12px;
2990}
2991
2992.help-centre .popular-tags a{
2993
2994    text-decoration:none;
2995
2996    color:#fff;
2997
2998    padding:10px 18px;
2999
3000    border-radius:50px;
3001
3002    background:rgba(17,111,254,.15);
3003
3004    border:1px solid rgba(255,255,255,.15);
3005
3006    backdrop-filter:blur(10px);
3007
3008    transition:.3s;
3009}
3010
3011.help-centre .popular-tags a:hover{
3012    background:#16aaff;
3013}
3014
3015/* ==========================
3016   ROBOT
3017========================== */
3018
3019.help-centre .hero-image{
3020    width:40%;
3021    text-align:center;
3022    position:relative;
3023    z-index:2;
3024}
3025
3026.help-centre .hero-image img{
3027    width:100%;
3028    max-width:500px;
3029}
3030
3031/* ==========================
3032   SUPPORT BOX
3033========================== */
3034
3035.help-centre .support-box{
3036
3037    display:grid;
3038
3039    grid-template-columns:repeat(2,1fr);
3040
3041    gap:25px;
3042
3043    margin-top:-65px;
3044
3045    position:relative;
3046
3047    z-index:10;
3048}
3049
3050.help-centre .support-card{
3051
3052    position:relative;
3053
3054    display:flex;
3055
3056    gap:25px;
3057
3058    padding:35px;
3059
3060    border-radius:28px;
3061
3062    background:rgba(255,255,255,.95);
3063
3064    backdrop-filter:blur(20px);
3065
3066    border:1px solid rgba(22,170,255,.12);
3067
3068    overflow:hidden;
3069
3070    transition:.35s;
3071
3072    box-shadow:
3073    0 20px 40px rgba(0,0,0,.05);
3074}
3075
3076.help-centre .support-card:hover{
3077
3078    transform:translateY(-8px);
3079
3080    box-shadow:
3081    0 25px 50px rgba(22,170,255,.15);
3082}
3083
3084.help-centre .support-card::after{
3085
3086    content:'';
3087
3088    position:absolute;
3089
3090    width:180px;
3091    height:180px;
3092
3093    right:-80px;
3094    bottom:-80px;
3095
3096    border-radius:50%;
3097
3098    background:radial-gradient(
3099        circle,
3100        rgba(22,170,255,.12),
3101        transparent
3102    );
3103}
3104
3105.help-centre .icon{
3106
3107    width:75px;
3108    height:75px;
3109
3110    border-radius:22px;
3111
3112    display:flex;
3113    align-items:center;
3114    justify-content:center;
3115
3116    font-size:30px;
3117
3118    color:#fff;
3119
3120background: linear-gradient(135deg, #045afc, #0695fe);
3121
3122    box-shadow:
3123    0 15px 25px rgba(22,170,255,.25);
3124}
3125
3126.help-centre .support-card h3{
3127    color:#164e74;
3128    font-size:25px;
3129    margin:0px;
3130    text-align:left;
3131    font-weight:600;
3132}
3133
3134.help-centre .support-card p{
3135    color:#64748b;
3136    line-height:1.7;
3137    margin:5px;
3138}
3139
3140.help-centre .support-card a{
3141
3142    text-decoration:none;
3143
3144    color:#16aaff;
3145
3146    font-weight:700;
3147}
3148
3149/* ==========================
3150   SECTION
3151========================== */
3152
3153.help-centre .section-title{
3154
3155    font-size:38px;
3156
3157    font-weight:800;
3158
3159    color:#164e74;
3160
3161    margin:60px 0 10px;
3162}
3163
3164.help-centre .section-desc{
3165
3166    color:#64748b;
3167
3168    margin-bottom:25px;
3169}
3170
3171/* ==========================
3172   GRID
3173========================== */
3174
3175.help-centre .topic-grid{
3176
3177    display:grid;
3178
3179    grid-template-columns:repeat(4,1fr);
3180
3181    gap:25px;
3182}
3183.help-centre .rightcard{position:absolute; right:20px; bottom:10px; font-size:20px; color:#017afd; }
3184
3185.help-centre .topic-card{
3186
3187    position:relative;
3188
3189    background:#fff;
3190
3191    border-radius:12px;
3192
3193    padding:25px;
3194    overflow:hidden;
3195
3196    border:1px solid #a2cbff;
3197
3198    transition:.35s;
3199
3200    box-shadow:
3201    0 12px 30px rgba(0,0,0,.04);
3202}
3203
3204.help-centre .topic-card:hover{
3205
3206    transform:translateY(-8px);
3207
3208    border-color:#16aaff;
3209
3210    box-shadow:
3211    0 20px 40px rgba(22,170,255,.12);
3212}
3213
3214.help-centre .topic-card::after{
3215
3216    content:'';
3217
3218    position:absolute;
3219
3220    width:120px;
3221    height:120px;
3222
3223    top:-50px;
3224    right:-50px;
3225
3226    border-radius:50%;
3227
3228    background:radial-gradient(
3229        circle,
3230        rgba(22,170,255,.15),
3231        transparent
3232    );
3233}
3234
3235.help-centre .topic-card h5{
3236
3237}
3238
3239.help-centre .topic-card p{
3240
3241    color:#64748b;
3242
3243    line-height:1.7;
3244}
3245
3246.help-centre .topic-header{
3247    display:flex;
3248    align-items:flex-start;
3249    gap:20px;
3250}
3251
3252.help-centre .topic-icon{
3253    flex:0 0 65px;
3254
3255    width:65px;
3256    height:65px;
3257
3258    display:flex;
3259    align-items:center;
3260    justify-content:center;
3261
3262    border-radius:50%;
3263
3264    background:#e4eeff;
3265    color:#fff;
3266    font-size:24px;
3267    box-shadow: 0 10px 20px rgba(22,170,255,.25);
3268}
3269
3270.help-centre .topic-text{
3271    flex:1;
3272}
3273
3274.help-centre .topic-text h5{
3275    margin:0 0 8px;
3276    line-height:1.3;
3277    color:#164e74;
3278    font-size:18px;
3279}
3280
3281.help-centre .topic-text p{
3282    margin:0;
3283    line-height:1.7;
3284    color:#64748b;
3285}
3286
3287.help-centre .topic-grid .fa-solid, .help-centre .topic-grid .fas{
3288    color:#105fe4;
3289    font-size:25px;
3290}
3291
3292.help-centre .support-card .fa-solid, .help-centre .support-card .fas{
3293    color:#fff;
3294}
3295
3296
3297.help-centre .learn-banner{
3298
3299    display:flex;
3300    justify-content:space-between;
3301    align-items:center;
3302
3303    padding:22px 28px;
3304
3305    background:linear-gradient(90deg,#123b9d,#0b2c79);
3306
3307    border-radius:14px;
3308
3309    margin:40px 0;
3310
3311    color:#fff;
3312
3313}
3314
3315.help-centre .learn-banner-left{
3316
3317    display:flex;
3318    align-items:center;
3319    gap:18px;
3320
3321}
3322
3323.help-centre .learn-icon{
3324
3325    width:58px;
3326    height:58px;
3327
3328    display:flex;
3329    justify-content:center;
3330    align-items:center;
3331
3332    border-radius:12px;
3333
3334    background:rgba(255,255,255,.12);
3335
3336    font-size:24px;
3337
3338}
3339
3340.help-centre .learn-content{text-align:left;}
3341
3342.help-centre .learn-content h3{
3343margin: 15px 0px 0px;
3344    font-size:22px;
3345    font-weight:700;
3346    color:#fff !important;
3347}
3348
3349.help-centre .learn-content p{
3350    margin-left: 15px;
3351    margin-top:6px;
3352    font-size:14px;
3353    opacity:.85;
3354
3355}
3356
3357.help-centre .learn-btn{
3358
3359    display:flex;
3360    align-items:center;
3361    gap:10px;
3362
3363    padding:14px 24px;
3364
3365    background:#fff;
3366
3367    color:#1559e7;
3368
3369    text-decoration:none;
3370
3371    font-weight:700;
3372
3373    border-radius:10px;
3374
3375    transition:.3s;
3376
3377}
3378
3379.help-centre .learn-btn:hover{
3380
3381    transform:translateY(-2px);
3382
3383    box-shadow:0 8px 20px rgba(0,0,0,.2);
3384
3385}
3386
3387
3388
3389
3390
3391/* ==========================
3392   SIMPLE RESPONSIVE
3393========================== */
3394
3395@media (max-width: 991px){
3396.help-centre .hero {
3397    background: url(/data/1470/uploads/bghelp2c.jpg) top center no-repeat #fff;
3398    background-size: cover;
3399}
3400
3401    .help-centre .hero-content{
3402        width:100%;
3403    }
3404
3405    .help-centre .hero-image{
3406        display:none;
3407    }
3408
3409    .help-centre .support-box{
3410        grid-template-columns:1fr;
3411    }
3412
3413    .help-centre .topic-grid{
3414        grid-template-columns:repeat(2,1fr);
3415    }
3416
3417    .help-centre .hero-content h1{
3418        font-size:50px;
3419    }
3420
3421.help-centre .learn-banner{
3422
3423        flex-direction:column;
3424        text-align:center;
3425        gap:20px;
3426
3427    }
3428
3429    .help-centre .learn-banner-left{
3430
3431        flex-direction:column;
3432
3433    }
3434
3435}
3436
3437@media (max-width: 576px){
3438
3439    /* support & knowledge jadi 2 column */
3440    .help-centre .support-box,
3441    .help-centre .topic-grid{
3442        grid-template-columns:repeat(2,1fr);
3443        gap:12px;
3444    }
3445
3446    /* support card */
3447    .help-centre .support-card{
3448        padding:16px 14px;
3449        gap:12px;
3450        border-radius:18px;
3451        align-items:flex-start;
3452        flex-direction:column;
3453    }
3454
3455    .help-centre .icon{
3456        width:48px;
3457        height:48px;
3458        border-radius:16px;
3459        font-size:20px;
3460        flex:0 0 48px;
3461    }
3462
3463    .help-centre .support-card h3{
3464        font-size:15px;
3465        line-height:1.25;
3466        margin:0 0 6px;
3467    }
3468
3469    .help-centre .support-card p{
3470        font-size:12px;
3471        line-height:1.5;
3472        margin:0 0 8px;
3473    }
3474
3475    .help-centre .support-card a{
3476        font-size:12px;
3477        line-height:1.3;
3478    }
3479
3480    /* topic card */
3481    .help-centre .topic-card{
3482        padding:16px 14px 36px;
3483        border-radius:16px;
3484    }
3485
3486    .help-centre .topic-header{
3487        gap:10px;
3488        align-items:flex-start;
3489    }
3490
3491    .help-centre .topic-icon{
3492        width:46px;
3493        height:46px;
3494        flex:0 0 46px;
3495        font-size:18px;
3496    }
3497
3498    .help-centre .topic-text h5{
3499        font-size:14px;
3500        line-height:1.3;
3501        margin:0 0 6px;
3502        word-break:break-word;
3503    }
3504
3505    .help-centre .topic-text p{
3506        font-size:12px;
3507        line-height:1.5;
3508        margin:0;
3509        word-break:break-word;
3510    }
3511
3512    .help-centre .rightcard{
3513        right:12px;
3514        bottom:10px;
3515        font-size:18px;
3516    }
3517
3518    /* tajuk section */
3519    .help-centre .section-title{
3520        font-size:28px;
3521        line-height:1.15;
3522        margin:40px 0 10px;
3523    }
3524
3525    .help-centre .section-desc{
3526        font-size:14px;
3527        line-height:1.5;
3528        margin-bottom:18px;
3529    }
3530
3531    /* hero */
3532    .help-centre .hero-content h1{
3533        font-size:34px;
3534        line-height:1.15;
3535    }
3536
3537    /* search */
3538    .help-centre .search-box{
3539        flex-direction:column;
3540        border-radius:18px;
3541    }
3542
3543    .help-centre .search-box button{
3544        width:100%;
3545        min-width:100%;
3546        padding:14px;
3547    }
3548}
3549
3550
3551/*============================================================= HELP ACCOUNT N MORE ============================================================*/
3552.kb-bonus-promo .helpbonuscontent{width:1400px; margin:60px auto 10px;}
3553
3554.kb-bonus-promo{
3555  width:100%;
3556  color:#094eaa;
3557  font-family:inherit;
3558}
3559
3560.kb-bonus-promo *{
3561  box-sizing:border-box;
3562}
3563
3564/* =========================
3565   BREADCRUMB
3566========================= */
3567.kb-bonus-promo .kb-breadcrumb{
3568  display:flex;
3569  align-items:center;
3570  gap:8px;
3571  flex-wrap:wrap;
3572  margin-bottom:10px;
3573  font-size:12px;
3574  color:#094eaa;
3575  opacity:.65;
3576}
3577
3578.kb-bonus-promo .kb-breadcrumb a{
3579  color:#000;
3580  opacity:.65;
3581  text-decoration:none;
3582}
3583
3584.kb-bonus-promo .kb-breadcrumb strong{
3585  color:#094eaa;
3586  font-weight:700;
3587}
3588
3589/* =========================
3590   TOP SECTION
3591========================= */
3592.kb-bonus-promo__top{
3593  display:flex;
3594  justify-content:space-between;
3595  align-items:flex-start;
3596  gap:24px;
3597  margin-bottom:24px;
3598}
3599
3600.kb-bonus-promo__left{
3601  flex:1;
3602  min-width:0;
3603}
3604
3605.kb-bonus-promo__title{
3606  margin:0 0 8px;
3607  font-size:28px;
3608  line-height:1.12;
3609  font-weight:800;
3610  color:#094eaa;
3611  text-align:left;
3612}
3613
3614.kb-bonus-promo__desc{
3615  margin:0;
3616  max-width:650px;
3617  color:#1e1e1e;
3618  opacity:.72;
3619  font-size:15px;
3620  line-height:1.7;
3621}
3622
3623.kb-bonus-promo__search{
3624  width:100%;
3625  max-width:320px;
3626  flex-shrink:0;
3627}
3628
3629.kb-bonus-promo__search input{
3630  width:100%;
3631  height:48px;
3632  padding:0 16px;
3633  border:1px solid #cfecff;
3634  border-radius:5px;
3635  outline:none;
3636  background:#fff;
3637  font-size:14px;
3638  color:#094eaa;
3639}
3640
3641.kb-bonus-promo__search input::placeholder{
3642  color:#094eaa;
3643  opacity:.45;
3644}
3645
3646.kb-bonus-promo__search input:focus{
3647  border-color:#094eaa;
3648  box-shadow:0 0 0 3px rgba(9,78,170,.08);
3649}
3650
3651
3652/* =========================
3653   MAIN LAYOUT
3654========================= */
3655.kb-bonus-promo__layout{
3656  display:grid;
3657  grid-template-columns:350px minmax(0,1fr) 240px;
3658  gap:24px;
3659  align-items:start;
3660}
3661
3662.kb-bonus-promo .kb-bonus-promo__layout.learn__how{
3663  display:grid;
3664  grid-template-columns:350px minmax(0,1fr);
3665  gap:24px;
3666  align-items:start;
3667}
3668
3669/* =========================
3670   LEFT MENU
3671========================= */
3672.kb-bonus-promo__menu{
3673  display:flex;
3674  flex-direction:column;
3675  gap:12px;
3676}
3677
3678.kb-bonus-promo .promo-menu-item{
3679  width:100%;
3680  border:1px solid #cfecff;
3681  background:#fff;
3682  border-radius:5px;
3683  padding:15px 16px;
3684  display:flex;
3685  align-items:center;
3686  justify-content:space-between;
3687  gap:12px;
3688  text-align:left;
3689  cursor:pointer;
3690  font:inherit;
3691  color:#094eaa;
3692  transition:.25s ease;
3693  box-shadow:0 8px 20px rgba(9,78,170,.04);
3694}
3695
3696.kb-bonus-promo .promo-menu-item__left{
3697  display:flex;
3698  align-items:center;
3699  gap:12px;
3700  min-width:0;
3701}
3702
3703.kb-bonus-promo .promo-menu-icon{
3704  width:28px;
3705  height:28px;
3706  display:flex;
3707  align-items:center;
3708  justify-content:center;
3709  color:#094eaa;
3710  font-size:14px;
3711  flex-shrink:0;
3712}
3713
3714.kb-bonus-promo .promo-menu-item span:last-child{
3715  font-size:15px;
3716  font-weight:700;
3717  line-height:1.4;
3718}
3719
3720.kb-bonus-promo .promo-arrow{
3721  color:#094eaa;
3722  font-size:13px;
3723  flex-shrink:0;
3724}
3725
3726.kb-bonus-promo .promo-menu-item:hover{
3727  transform:translateY(-1px);
3728  box-shadow:0 10px 24px rgba(9,78,170,.08);
3729}
3730
3731.kb-bonus-promo .promo-menu-item.active{
3732  background:#ddf2ff;
3733  border-color:#cfecff;
3734  box-shadow:0 10px 24px rgba(9,78,170,.10);
3735}
3736
3737/* =========================
3738   CONTENT AREA
3739========================= */
3740.kb-bonus-promo__content{
3741  min-width:0;
3742}
3743
3744.kb-bonus-promo .promo-article-card{
3745  background:#fff;
3746  border:1px solid #cfecff;
3747  border-radius:5px;
3748  padding:24px 28px;
3749  box-shadow:0 8px 26px rgba(9,78,170,.04);
3750}
3751
3752.kb-bonus-promo .promo-article{
3753  display:none;
3754}
3755
3756.kb-bonus-promo .promo-article.active{
3757  display:block;
3758}
3759
3760.kb-bonus-promo .promo-hero{
3761  display:flex;
3762  align-items:flex-start;
3763  gap:18px;
3764  margin-bottom:22px;
3765  padding-bottom:30px;
3766  border-bottom:1px solid #cfecff;
3767}
3768
3769.kb-bonus-promo .promo-hero__icon{
3770  width:58px;
3771  height:58px;
3772  border-radius:5px;
3773  background:#ddf2ff;
3774  color:#094eaa;
3775  display:flex;
3776  align-items:center;
3777  justify-content:center;
3778  font-size:24px;
3779  flex-shrink:0;
3780}
3781
3782.kb-bonus-promo .promo-hero__text{
3783  flex:1;
3784  min-width:0;
3785}
3786
3787.kb-bonus-promo .promo-hero__text h3{
3788  margin:0 0 8px;
3789  font-size:28px;
3790  line-height:1.15;
3791  font-weight:800;
3792  color:#094eaa;
3793  text-align:left;
3794}
3795
3796.kb-bonus-promo .promo-intro{
3797  margin:0;
3798  color:#1e1e1e;
3799  opacity:.72;
3800}
3801
3802.kb-bonus-promo .promo-grid-2{
3803  display:grid;
3804  grid-template-columns:1fr 1fr;
3805  gap:28px;
3806  padding-top:24px;
3807  border-top:1px solid #cfecff;
3808}
3809
3810.kb-bonus-promo .promo-section{
3811  padding:15px 0px;
3812}
3813
3814.kb-bonus-promo .promo-section h4{
3815  margin:0 0 14px;
3816  display:flex;
3817  align-items:center;
3818  gap:10px;
3819  font-size:18px;
3820  line-height:1.3;
3821  font-weight:700;
3822  color:#094eaa;
3823}
3824
3825.kb-bonus-promo .promo-section-icon{
3826  width:18px;
3827  display:inline-flex;
3828  align-items:center;
3829  justify-content:center;
3830  color:#094eaa;
3831  font-size:17px;
3832  background:#ddf2ff;
3833  flex-shrink:0;
3834  padding:13px 21px;
3835  border-radius:50%;
3836}
3837
3838.promo-section ul,
3839.kb-bonus-promo .promo-section ol{
3840  margin:0;
3841  padding-left:50px;
3842  color:#1e1e1e;
3843  opacity:.8;
3844}
3845
3846.kb-bonus-promo .promo-section p{
3847  padding-left:50px;
3848  color:#1e1e1e;
3849  opacity:.8;
3850}
3851
3852.kb-bonus-promo .promo-section li:last-child{
3853  margin-bottom:0;
3854}
3855
3856.kb-bonus-promo .promo-updated{
3857  margin-top:20px;
3858  padding-top:16px;
3859  border-top:1px solid #cfecff;
3860  font-size:13px;
3861  color:#094eaa;
3862  opacity:.55;
3863}
3864
3865.kb-bonus-promo .promo-note{
3866  border-radius:5px;
3867  background:#ddf2ff;
3868  border:1px solid #cfecff;
3869  padding:20px;
3870  line-height:2;
3871  color:#1e1e1e;
3872}
3873
3874
3875/* =========================
3876   HELP BOX
3877========================= */
3878.kb-bonus-promo__help{
3879  min-width:0;
3880}
3881
3882.kb-bonus-promo .promo-help-card{
3883  background:#ddf2ff;
3884  border:1px solid #cfecff;
3885  border-radius:5px;
3886  padding:24px;
3887  box-shadow:0 8px 24px rgba(9,78,170,.06);
3888}
3889
3890.kb-bonus-promo .promo-help-icon{
3891  width:48px;
3892  height:48px;
3893  border-radius:14px;
3894  background:#ddf2ff;
3895  color:#094eaa;
3896  display:flex;
3897  align-items:center;
3898  justify-content:center;
3899  font-size:22px;
3900  margin-bottom:16px;
3901}
3902
3903.kb-bonus-promo .promo-help-card h4{
3904  margin:0 0 10px;
3905  line-height:1.2;
3906  color:#094eaa;
3907}
3908
3909.kb-bonus-promo .promo-help-card p{
3910  margin:0 0 16px;
3911  color:#1e1e1e;
3912  opacity:.72;
3913}
3914
3915.kb-bonus-promo .promo-help-card a{
3916  display:inline-flex;
3917  align-items:center;
3918  justify-content:center;
3919  width:100%;
3920  min-height:46px;
3921  border-radius:5px;
3922  background:#094eaa;
3923  color:#fff;
3924  text-decoration:none;
3925  font-size:14px;
3926  font-weight:700;
3927  transition:.25s ease;
3928}
3929
3930.kb-bonus-promo .promo-help-card a:hover{
3931  background:#073b80;
3932}
3933
3934/*========== LEARN HOW ==========*/
3935.kb-bonus-promo .learn-how{
3936    display:flex;
3937    flex-wrap:wrap;
3938    gap:20px;
3939}
3940
3941.kb-bonus-promo .learn-how li{
3942    flex:0 0 calc(33.333% - 13.5px);
3943}
3944
3945.kb-bonus-promo .learn-how li img{
3946    width:100%;
3947}
3948
3949.kb-bonus-promo .learn-how li p{
3950    font-size:15px;
3951}
3952
3953.kb-bonus-promo .guide-header{
3954    margin-bottom:30px;
3955}
3956
3957.kb-bonus-promo .guide-header h2{
3958    color:#0d4ba8;
3959    font-size:34px;
3960    font-weight:700;
3961    margin-bottom:8px;
3962}
3963
3964.kb-bonus-promo .guide-header p{
3965    color:#777;
3966    font-size:15px;
3967}
3968
3969.kb-bonus-promo .guide-step{
3970    position:relative;
3971    display:flex;
3972    align-items:center;
3973    gap:25px;
3974    margin-bottom:22px;
3975    padding:22px 25px;
3976    background:#fff;
3977    border:1px solid #d9eaff;
3978    border-radius:16px;
3979    box-shadow:0 8px 25px rgba(0,0,0,.05);
3980}
3981
3982.kb-bonus-promo .step-no{
3983    position:absolute;
3984    top:18px;
3985    left:18px;
3986    width:34px;
3987    height:34px;
3988    display:flex;
3989    justify-content:center;
3990    align-items:center;
3991    background:#1569ff;
3992    color:#fff;
3993    border-radius:8px;
3994    font-weight:700;
3995}
3996
3997.kb-bonus-promo .step-image{
3998    width:35%;
3999    flex-shrink:0;
4000    text-align:center;
4001}
4002
4003.kb-bonus-promo .step-image img{
4004    width:100%;
4005}
4006
4007.kb-bonus-promo .step-content{
4008    flex:1;
4009}
4010
4011.kb-bonus-promo .step-content h3{
4012    color:#124c9f;
4013    font-size:24px;
4014    margin-bottom:15px;
4015    text-align:left;
4016}
4017
4018.kb-bonus-promo .step-content ul{
4019    margin:0;
4020    padding-left:20px;
4021}
4022
4023.kb-bonus-promo .step-content li{
4024    margin-bottom:10px;
4025    line-height:1.7;
4026    color:#555;
4027}
4028
4029.kb-bonus-promo .step-content li::marker{
4030    color:#1976ff;
4031}
4032
4033/* =========================
4034   RESPONSIVE - 2 COLUMN MOBILE
4035========================= */
4036
4037@media (max-width: 991px){
4038  .kb-bonus-promo .helpbonuscontent{
4039    width:100%;
4040    padding:0 12px;
4041    margin:30px auto 10px;
4042  }
4043
4044  .kb-bonus-promo__top{
4045    flex-direction:column;
4046    align-items:stretch;
4047    gap:16px;
4048  }
4049
4050  .kb-bonus-promo__search{
4051    max-width:100%;
4052  }
4053
4054  /* layout kekal 2 column */
4055  .kb-bonus-promo__layout{
4056    grid-template-columns:220px minmax(0,1fr);
4057    gap:16px;
4058  }
4059
4060  /* help box turun bawah content */
4061  .kb-bonus-promo__help{
4062    grid-column:1 / -1;
4063  }
4064
4065  .kb-bonus-promo .promo-grid-2{
4066    grid-template-columns:1fr 1fr;
4067    gap:18px;
4068  }
4069
4070  .kb-bonus-promo__title{
4071    font-size:24px;
4072  }
4073
4074  .kb-bonus-promo .promo-article-card{
4075    padding:18px;
4076  }
4077
4078  .kb-bonus-promo .promo-hero{
4079    gap:14px;
4080    padding-bottom:20px;
4081    margin-bottom:18px;
4082  }
4083
4084  .kb-bonus-promo .promo-hero__icon{
4085    width:48px;
4086    height:48px;
4087    font-size:20px;
4088  }
4089
4090  .kb-bonus-promo .promo-hero__text h3{
4091    font-size:22px;
4092  }
4093
4094  .kb-bonus-promo .promo-section{
4095    padding:10px 0;
4096  }
4097
4098  .kb-bonus-promo .promo-section h4{
4099    font-size:15px;
4100    gap:8px;
4101  }
4102
4103  .kb-bonus-promo .promo-section-icon{
4104    font-size:14px;
4105    padding:10px 16px;
4106  }
4107
4108  .promo-section ul,
4109  .promo-section ol,
4110  .kb-bonus-promo .promo-section p{
4111    padding-left:24px;
4112    font-size:13px;
4113    line-height:1.6;
4114  }
4115
4116  .kb-bonus-promo .promo-help-card{
4117    padding:18px;
4118  }
4119
4120.kb-bonus-promo .guide-step{
4121    flex-direction:column;
4122    text-align:center;
4123}
4124
4125.kb-bonus-promo .step-image{
4126    width:100%;
4127}
4128
4129.kb-bonus-promo .step-content ul{
4130    text-align:left;
4131}
4132  .kb-bonus-promo .step-image img{width:100%;}
4133
4134    .kb-bonus-promo .kb-bonus-promo__layout.learn__how{
4135        grid-template-columns:260px minmax(0,1fr);
4136        gap:18px;
4137    }
4138
4139}
4140
4141
4142/* =========================
4143   PHONE
4144========================= */
4145@media (max-width: 576px){
4146  .kb-bonus-promo .helpbonuscontent{
4147    width:100%;
4148    padding:0 10px;
4149    margin:25px auto 10px;
4150  }
4151
4152  .kb-bonus-promo__title{
4153    font-size:20px;
4154  }
4155
4156  .kb-bonus-promo__desc{
4157    font-size:13px;
4158    line-height:1.6;
4159  }
4160
4161  .kb-bonus-promo__search input{
4162    height:42px;
4163    font-size:13px;
4164    padding:0 12px;
4165  }
4166
4167  /* layout mobile: menu atas, content bawah, help bawah sekali */
4168  .kb-bonus-promo__layout{
4169    display:grid;
4170    grid-template-columns:1fr;
4171    gap:12px;
4172  }
4173
4174  .kb-bonus-promo__menu{
4175    order:1;
4176    display:grid;
4177    grid-template-columns:repeat(2,1fr);
4178    gap:8px;
4179  }
4180
4181  .kb-bonus-promo__content{
4182    order:2;
4183  }
4184
4185  .kb-bonus-promo__help{
4186    order:3;
4187  }
4188
4189  /* menu button */
4190  .kb-bonus-promo .promo-menu-item{
4191    padding:10px 10px;
4192    gap:8px;
4193    min-height:58px;
4194  }
4195
4196  .kb-bonus-promo .promo-menu-item__left{
4197    gap:8px;
4198  }
4199
4200  .kb-bonus-promo .promo-menu-icon{
4201    width:20px;
4202    height:20px;
4203    font-size:11px;
4204  }
4205
4206  .kb-bonus-promo .promo-menu-item span:last-child{
4207    font-size:12px;
4208    line-height:1.35;
4209  }
4210
4211  .kb-bonus-promo .promo-arrow{
4212    font-size:10px;
4213  }
4214
4215  /* content */
4216  .kb-bonus-promo .promo-article-card{
4217    padding:14px;
4218  }
4219
4220  .kb-bonus-promo .promo-hero{
4221    gap:10px;
4222    padding-bottom:16px;
4223    margin-bottom:14px;
4224  }
4225
4226  .kb-bonus-promo .promo-hero__icon{
4227    width:40px;
4228    height:40px;
4229    font-size:16px;
4230  }
4231
4232  .kb-bonus-promo .promo-hero__text h3{
4233    font-size:18px;
4234    line-height:1.2;
4235  }
4236
4237  .kb-bonus-promo .promo-intro{
4238    font-size:13px;
4239    line-height:1.6;
4240  }
4241
4242  /* article content dalam 1 column supaya tak sempit */
4243  .kb-bonus-promo .promo-grid-2{
4244    grid-template-columns:1fr;
4245    gap:12px;
4246    padding-top:18px;
4247  }
4248
4249  .kb-bonus-promo .promo-section{
4250    padding:6px 0;
4251  }
4252
4253  .kb-bonus-promo .promo-section h4{
4254    font-size:13px;
4255    gap:6px;
4256    margin-bottom:10px;
4257  }
4258
4259  .kb-bonus-promo .promo-section-icon{
4260    font-size:12px;
4261    padding:8px 12px;
4262  }
4263
4264  .promo-section ul,
4265  .promo-section ol,
4266  .kb-bonus-promo .promo-section p{
4267    padding-left:16px;
4268    font-size:12px;
4269    line-height:1.55;
4270  }
4271
4272  .kb-bonus-promo .promo-note{
4273    padding:14px;
4274    font-size:12px;
4275    line-height:1.7;
4276  }
4277
4278  .kb-bonus-promo .promo-updated{
4279    font-size:11px;
4280  }
4281
4282  /* help box */
4283  .kb-bonus-promo .promo-help-card{
4284    padding:16px;
4285  }
4286
4287  .kb-bonus-promo .promo-help-icon{
4288    width:40px;
4289    height:40px;
4290    font-size:18px;
4291    margin-bottom:12px;
4292  }
4293
4294  .kb-bonus-promo .promo-help-card h4{
4295    font-size:16px;
4296  }
4297
4298  .kb-bonus-promo .promo-help-card p{
4299    font-size:13px;
4300    line-height:1.6;
4301  }
4302
4303  .kb-bonus-promo .promo-help-card a{
4304    min-height:40px;
4305    font-size:13px;
4306  }
4307
4308  .kb-bonus-promo .step-image img{width:100%;}
4309
4310    .kb-bonus-promo .kb-bonus-promo__layout.learn__how{
4311        grid-template-columns:1fr;
4312        gap:16px;
4313    }
4314
4315    .kb-bonus-promo .kb-bonus-promo__menu{
4316        order:1;
4317    }
4318
4319    .kb-bonus-promo .kb-bonus-promo__content{
4320        order:2;
4321    }
4322}
4323
4324
4325
4326
4327
4328
4329
4330
4331</style>
4332
4333<script>
4334document.addEventListener('DOMContentLoaded', () => {
4335    const input = document.getElementById('helpSearchInput'),
4336          cards = document.querySelectorAll('.topic-card');
4337
4338    const doSearch = (keyword = input.value.trim().toLowerCase()) =>
4339        cards.forEach(card =>
4340            card.style.display = !keyword ||
4341                card.innerText.toLowerCase().includes(keyword) ||
4342                (card.dataset.search || '').toLowerCase().includes(keyword)
4343                    ? ''
4344                    : 'none'
4345        );
4346
4347    document.getElementById('helpSearchBtn').onclick = () => doSearch();
4348
4349    input.onkeydown = e => e.key === 'Enter' && doSearch();
4350
4351    document.querySelectorAll('.popular-tags a').forEach(tag =>
4352        tag.onclick = e => {
4353            e.preventDefault();
4354            input.value = tag.dataset.keyword || '';
4355            doSearch(tag.dataset.keyword || '');
4356        }
4357    );
4358});
4359
4360
4361document.querySelectorAll('.promo-menu-item').forEach(function(btn){
4362  btn.onclick = function(){
4363    document.querySelectorAll('.promo-menu-item, .promo-article').forEach(function(el){
4364      el.classList.remove('active');
4365    });
4366    btn.classList.add('active');
4367    document.getElementById(btn.dataset.target).classList.add('active');
4368  };
4369});
4370
4371
4372function openLiveChat() {
4373    if (window.LiveChatWidget) {
4374        LiveChatWidget.call("maximize");
4375    }
4376}
4377
4378
4379document.addEventListener("DOMContentLoaded", function () {
4380    const helpPages = [
4381        "theme-contain-help-centre",
4382        "theme-contain-help-bonus",
4383        "theme-contain-help-casino",
4384        "theme-contain-help-deposit",
4385        "theme-contain-help-withdraw",
4386        "theme-contain-help-account",
4387        "theme-contain-help-sport",
4388        "theme-contain-help-technical",
4389        "theme-contain-help-general",
4390        "theme-contain-help-learn-how-to-play"
4391    ];
4392
4393    if (helpPages.some(id => document.getElementById(id))) {
4394        document.body.style.background = "#fff";
4395        document.body.style.backgroundImage = "none";
4396    }
4397});
4398
4399
4400
4401</script>
4401
4402
4403
4404
4405
4406
4407
4408<!-- Meta Pixel Code -->
4409<script>
vendor: 408 bytes, lines 4409-4418
4409
4410!function(f,b,e,v,n,t,s)
4411{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
4412n.callMethod.apply(n,arguments):n.queue.push(arguments)};
4413if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
4414n.queue=[];t=b.createElement(e);t.async=!0;
4415t.src=v;s=b.getElementsByTagName(e)[0];
4416s.parentNode.insertBefore(t,s)}(window, document,'script',
4417'https://connect.facebook.net/en_US/fbevents.js');
4418fbq('init', '
44182431217477378976
vendor: 32 bytes, lines 4418-4419
4418');
4419fbq('track', 'PageView');
4420</script>
4420
4421<noscript>< img height="1" width="1" style="display:none"
4422src="https://www.facebook.com/tr?id=2431217477378976&ev=PageView&noscript=1"
4423/></noscript>
4424<!-- End Meta Pixel Code -->
4425    </div>
4426</div>
4427
4428<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"26202401fb524a4a805ca10741ba774d","r":1,"spa":2}' crossorigin="anonymous"></script>
4428
4429</body>
4430</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.