It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://winlive4dyuks.com

  1.  
  2. <!DOCTYPE html>
  3. <html>
  4.    <head>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.        <title>WINLIVE4D #%!$ Hiburan Mahjong 789 Ways Gampang $%^# Online 24 Jam</title>
  7.                   <meta name="robots" content="index, follow">
  8.        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9.        <link rel="icon" href="https://slotgacor.b-cdn.net/favicon/winlive4d.png"/>
  10.        <link rel="canonical" href="https://winlive4dfun.com/">
  11.        <link href="https://winlive4dfun.com/" rel="dns-prefetch">    
  12.        <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap" rel="stylesheet">    
  13.        <script async src="https://cdn.ampproject.org/v0.js"></script>
  14.        <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
  15.  
  16.        <meta name="description" content="Winlive4d #%!$ tempat mencari hiburan games mahjong 789 ways terbaru dengan menggunakan server dan lisensi resmi yang gampang menang $%^# selalu online 24 jam.">
  17.        <link rel="amphtml" href="https://telsanta.com/heavydutyua.com/">
  18.        <meta name="keywords" content="winlive4d">
  19.        <meta name="categories" content="website">
  20. <meta http-equiv="content-language" content="id">
  21. <meta content="id" name="geo.country">
  22. <meta content="Indonesia" name="geo.placename">
  23.        <meta name="language" content="id-ID">
  24.        <meta name="author" content="winlive4d">
  25.        <meta property="og:locale" content="id_ID">
  26.        <meta property="og:title" content="WINLIVE4D #%!$ Hiburan Mahjong 789 Ways Gampang $%^# Online 24 Jam">
  27.        <meta property="og:type" content="website">
  28.        <meta property="og:description" content="Winlive4d #%!$ tempat mencari hiburan games mahjong 789 ways terbaru dengan menggunakan server dan lisensi resmi yang gampang menang $%^# selalu online 24 jam.">
  29.        <meta property="og:image" content="https://i.ibb.co/3cwfz8s/gates-of-olympus-1000-x1000.jpg">
  30.        <meta property="og:url" content="https://winlive4dfun.com/">
  31. <meta content="1 days" name="revisit-after">
  32. <meta content="general" name="rating">
  33. <meta name="googlebot" content="index,follow">
  34. <meta name="Scooter" content="follow, all">
  35. <meta name="msnbot" content="follow, all">
  36. <meta name="alexabot" content="follow, all">
  37. <meta name="Slurp" content="follow, all">
  38. <meta name="ZyBorg" content="follow, all">
  39. <meta name="yahoobot" content="follow, all">
  40. <meta name="bingbot" content="follow, all">
  41. <meta name="twitter:card" content="summary" />
  42. <meta name="twitter:site" content="@Winlive4d" />
  43. <meta name="twitter:creator" content="@Winlive4d" />
  44. <meta name="twitter:domain" content="https://winlive4dfun.com/" />
  45. <meta name="publisher" content="Winlive4d">
  46. <meta name="distribution" content="global">
  47. <meta name="twitter:title" content="WINLIVE4D #%!$ Hiburan Mahjong 789 Ways Gampang $%^# Online 24 Jam" />
  48. <meta name="twitter:description" content="Winlive4d #%!$ tempat mencari hiburan games mahjong 789 ways terbaru dengan menggunakan server dan lisensi resmi yang gampang menang $%^# selalu online 24 jam." />
  49.  
  50.  
  51. <!-- Google tag (gtag.js) -->
  52. <script async src="https://www.googletagmanager.com/gtag/js?id=G-M6YM3KYKMB"></script>
  53. <script>
  54.  window.dataLayer = window.dataLayer || [];
  55.  function gtag(){dataLayer.push(arguments);}
  56.  gtag('js', new Date());
  57.  
  58.  gtag('config', 'G-M6YM3KYKMB');
  59. </script>
  60.  
  61. <!-- Meta Pixel Code -->
  62. <script>
  63. !function(f,b,e,v,n,t,s)
  64. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  65. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  66. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  67. n.queue=[];t=b.createElement(e);t.async=!0;
  68. t.src=v;s=b.getElementsByTagName(e)[0];
  69. s.parentNode.insertBefore(t,s)}(window, document,'script',
  70. 'https://connect.facebook.net/en_US/fbevents.js');
  71. fbq('init', '407944381657513');
  72. fbq('track', 'PageView');
  73. </script>
  74. <noscript><img height="1" width="1" style="display:none"
  75. src="https://www.facebook.com/tr?id=407944381657513&ev=PageView&noscript=1"
  76. /></noscript>
  77. <!-- End Meta Pixel Code -->
  78.  
  79. <!-- Meta Pixel Code -->
  80. <script>
  81. !function(f,b,e,v,n,t,s)
  82. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  83. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  84. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  85. n.queue=[];t=b.createElement(e);t.async=!0;
  86. t.src=v;s=b.getElementsByTagName(e)[0];
  87. s.parentNode.insertBefore(t,s)}(window, document,'script',
  88. 'https://connect.facebook.net/en_US/fbevents.js');
  89. fbq('init', '662851236001183');
  90. fbq('track', 'PageView');
  91. </script>
  92. <noscript><img height="1" width="1" style="display:none"
  93. src="https://www.facebook.com/tr?id=662851236001183&ev=PageView&noscript=1"
  94. /></noscript>
  95. <!-- End Meta Pixel Code -->
  96.  
  97. <!-- Meta Pixel Code -->
  98. <script>
  99. !function(f,b,e,v,n,t,s)
  100. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  101. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  102. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  103. n.queue=[];t=b.createElement(e);t.async=!0;
  104. t.src=v;s=b.getElementsByTagName(e)[0];
  105. s.parentNode.insertBefore(t,s)}(window, document,'script',
  106. 'https://connect.facebook.net/en_US/fbevents.js');
  107. fbq('init', '3696696230574254');
  108. fbq('track', 'PageView');
  109. </script>
  110. <noscript><img height="1" width="1" style="display:none"
  111. src="https://www.facebook.com/tr?id=3696696230574254&ev=PageView&noscript=1"
  112. /></noscript>
  113. <!-- End Meta Pixel Code -->
  114.  
  115. <!-- Meta Pixel Code -->
  116. <script>
  117. !function(f,b,e,v,n,t,s)
  118. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  119. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  120. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  121. n.queue=[];t=b.createElement(e);t.async=!0;
  122. t.src=v;s=b.getElementsByTagName(e)[0];
  123. s.parentNode.insertBefore(t,s)}(window, document,'script',
  124. 'https://connect.facebook.net/en_US/fbevents.js');
  125. fbq('init', '761779106130643');
  126. fbq('track', 'PageView');
  127. </script>
  128. <noscript><img height="1" width="1" style="display:none"
  129. src="https://www.facebook.com/tr?id=761779106130643&ev=PageView&noscript=1"
  130. /></noscript>
  131. <!-- End Meta Pixel Code -->
  132.  
  133. <!-- Meta Pixel Code -->
  134. <script>
  135. !function(f,b,e,v,n,t,s)
  136. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  137. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  138. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  139. n.queue=[];t=b.createElement(e);t.async=!0;
  140. t.src=v;s=b.getElementsByTagName(e)[0];
  141. s.parentNode.insertBefore(t,s)}(window, document,'script',
  142. 'https://connect.facebook.net/en_US/fbevents.js');
  143. fbq('init', '440241451860295');
  144. fbq('track', 'PageView');
  145. </script>
  146. <noscript><img height="1" width="1" style="display:none"
  147. src="https://www.facebook.com/tr?id=440241451860295&ev=PageView&noscript=1"
  148. /></noscript>
  149. <!-- End Meta Pixel Code -->
  150.  
  151. <meta name="google-site-verification" content="4I-iDDL7QWOlB5hGN27kaHnDIcazpp4L2taODQ0X5YM" />
  152. <meta name="google-site-verification" content="gKCokyuTGsT4ijjHXYLKhuefxRE-PzUmv2It5tGrWGA" />
  153. <meta name="google-site-verification" content="h1ruiTpf-naQVzKF_HN63dilurojuEotLutL4FOSg5s" />
  154. <meta name="google-site-verification" content="-iqL1M9tNMKaiSxM2GgsQlEj-SNZAnxfkeU0FQ8v2lA" />
  155. <meta name="google-site-verification" content="Bx6_SOlG-9hgcj14ffcwYdK-KM28vSfJUpJegJZ-4vY" />
  156. <meta name="google-site-verification" content="klX2S1aytTmCt6Z229RV5wDwyk3pUJlxSKWOvcrtcPo" />
  157. <meta name="google-site-verification" content="UQu5t4GCEkg7OAA2lqiCMhIfPF83WaKJHb_TC6vDd5I" />
  158. <meta name="google-site-verification" content="QmIl1jU_y_v7qEQm1sHsiEPHSCBHWlFt1Zktyjqvw9w" />
  159. <meta name="google-site-verification" content="mzTCNw8mRIVElY_NtzwX19Xwg6jaK-WxRfk_SuaW904" />
  160. <meta name="google-site-verification" content="8G8dTCPFekdfobbmYAqym8YUy-JEvcwKvlFOqZnaHPI" />
  161.  
  162. <meta name="google-site-verification" content="pz4B3paXv4eQqSjJ7kwIuUymxf4V7KHZgm9lX0tBlVg" />
  163. <meta name="google-site-verification" content="XKdRQqFhdkbRPK8CBrC0GEyJ7JNlR4ifbibdeyiTdis" />
  164. <meta name="google-site-verification" content="ax_oMemoAchgl-SPcQYvzR1pJyJnNFUusV74XS6XGGc" />
  165. <meta name="google-site-verification" content="PkrTUb2995LE6jgCHDCl2Z7zB9xKEo4k7ZRoU2Unrkk" />
  166. <meta name="google-site-verification" content="xkQagwzBXzDnzVQyUPQJdW67ApudlXbEMshi4KeEBo0" />
  167. <meta name="google-site-verification" content="nslV-pzszXOCj8EcV_3MZ2tXEUUukJhg-V3wiR7mV6A" />
  168. <meta name="google-site-verification" content="ufv7ikz9Je1LV7g9Asu8iWutzqZNrLeBLi6ICLGt8DI" />
  169. <meta name="google-site-verification" content="tPqbY89PamTBLvj1fTSnxlHbB9il1oSOOYqXWUv-MxE" />
  170. <meta name="google-site-verification" content="EIy594Pa_v8KPZK3vH6Kq4VpiWbe11E69LpLNM3LZ7A" />
  171. <meta name="google-site-verification" content="Qmk5HEj43kMwjHMM9El3OsbQSjm7-pqyYUjEbpeSs6c" />
  172. <meta name="google-site-verification" content="2hDfedcrJb5l4KNCAkGWzGSSUzDQNdoq_vNollGN-Ok" />
  173. <meta name="google-site-verification" content="tPNbpGgxqTnmY0eb6Dso0z2R3wEIMAeh0f2aF9fFYS4" />
  174. <meta name="google-site-verification" content="ZWx9Z6RAbm_gywCJ6nZVMzmYSQz6pp8Fey1PanPY66o" />
  175. <meta name="google-site-verification" content="5FhTdbcxVhqRT9XcmY3AQUh2BumeI53iBIftFJ7LlSo" />
  176. <meta name="google-site-verification" content="T5EyYg2boT6KjS6kDfOODYQGz9AxxJEYLjxNrwfGd-M" />
  177. <meta name="google-site-verification" content="WaQaGeKMXAvPUJHOW0FBN20KJegDzKpCtW7lifFnm90" />
  178. <meta name="google-site-verification" content="QVinXbifHrYBwKAH4-zdgn0bvXPDgsTU58daBknUk6U" />
  179. <meta name="google-site-verification" content="DF_PLxOJzwG32XZSIA-BobYagG_9xiQw1Yf8TJatwIw" />
  180. <meta name="google-site-verification" content="NW7OsIrBx_2lzi-7b-PQbJl4fzz5qW2sQ0p4n86jt2Q" />
  181. <meta name="google-site-verification" content="vjwgJPhBRl_VbxK0_Li9QDd-cqQC8eaOngATsxRIr2s" />
  182. <meta name="google-site-verification" content="3wUKCaq8DMrpF6NrWyK4rJpiaOszY6TTJVo5CjKPj7s" />
  183. <meta name="google-site-verification" content="lRQIm4XT4TuTogtluLoIaVSmUv6CbhCebD4lBeTI8PA" />
  184. <meta name="google-site-verification" content="Wd097lKpgOnf9yvySm8iC3Kvjnpnrz7tA_-9ctNi2LE" />
  185. <meta name="google-site-verification" content="SPsoj1Uomb45kyi-ppqan-iGn1uX2OkU7xiNgU1vyJE" />
  186. <meta name="google-site-verification" content="zD4iwPb9vMRN5pcQh5HPcKaW0AaJkpVviWoFyxi6pms" />
  187. <meta name="google-site-verification" content="BHIuMx6gjUlFHvzUQJ_C1r5mlVOnvxA6Jz9I4wcuIfA" />
  188. <meta name="google-site-verification" content="g_mVbvwEk79NFoAnhkylPKITL1PqceOPqOxHmobPjH0" />
  189. <meta name="google-site-verification" content="S3CS2Z1Bwkh8cJp3nK7JGnv3FdVhFq_NiQr7FTDPRdA" />
  190. <meta name="google-site-verification" content="APhdRvlHJAUBcdHNk3Hjk9Yjq2aulj48ASMHmcmJ_P8" />
  191. <meta name="google-site-verification" content="wtElCSGQ59BnnvJ5EnRFkbrKm_I2WuwUzgbre46U5ZA" />
  192. <meta name="google-site-verification" content="oKw_exKKRLDJnqk9RAUwt9x4g530YLvStR330nVsIQY" />
  193. <meta name="google-site-verification" content="5ABzQHHMfpvSjl9A5WDfComHdVAfUoHBW9xq3R7gXz8" />
  194. <meta name="google-site-verification" content="eGN01koNXuoFuBWgZk7tqy3eSB8Yb2iUCpxVmZeGM6g" />
  195. <meta name="google-site-verification" content="fUDF3p8Mb11otjUioBfBQ5cZ-teIF8I4Uj3oFzQKdNo" />
  196. <meta name="google-site-verification" content="8CY9F4yDyFOVB2fGG4hGm7e65RjNUSti3zl1Er9ND7M" />
  197. <meta name="google-site-verification" content="_KIAnrvxHIqF-y87Am_6WeeSi58A409kbmKYp0HWgyQ" />
  198. <meta name="google-site-verification" content="h2ocBWIrWqu_EgoI1jXHDrocD6lX5ufVzVgiPtGMukw" />
  199. <meta name="google-site-verification" content="tLJXmiH6_RTkiKFTlOe46hewaLcqZFoO2R8FEMNeUKg" />
  200. <meta name="google-site-verification" content="Q8RSUiZ-Lv7YuwpC1D-4pnDfdAkN3oTkEqAGmyZvNhk" />
  201. <meta name="google-site-verification" content="gphKJFIauyK1QJY8dZF6yGjSrLrNqqbPpCaiFVcFvxw" />
  202. <meta name="google-site-verification" content="nXdcNGe9bnykJApr6Tg-2vrvO139gSFAkFIRnUp1fGU" />
  203. <meta name="google-site-verification" content="eoUtOzOwA-yoeMbyXpGPSvcEHybrXaXKC0eHCGAtj7g" />
  204. <meta name="google-site-verification" content="jAIxl8lcszJJeqyoiVVGn_H1Dr7jZigGIPzP0T9qJJk" />
  205. <meta name="google-site-verification" content="s8ADQpbI0OiuP0unPEtkj-A3RvudXhWz0a9ecaQF6gI" />
  206. <meta name="google-site-verification" content="y0ZHt8z_Ainj4bBRNOE_7Z0pknBVSZAthF6B-kT7gXc" />
  207. <meta name="google-site-verification" content="8_9QXBQqmbJBz6c5jwSoBTpqPtx875stwKPgekg_pXc" />
  208. <meta name="google-site-verification" content="KO1JFcPzPOKyzjrsBTfW2GTp8mVctNtgf5rHoY9Z3OY" />
  209. <meta name="google-site-verification" content="pxNVKqoTF_oDBDHaXcC2u88d20Ss83wrx1M27t8pqjg" />
  210. <meta name="google-site-verification" content="SOfnWQ7LX7Gnod6ZHauZrdIHeX3oxnqdHkqiGtucb_U" />
  211.  
  212. <style>
  213. #snackbar {
  214. visibility: hidden;
  215. min-width: 250px;
  216. margin-left: -125px;
  217. background-color: white;
  218. color: black;
  219. text-align: center;
  220. border-radius: 1px;
  221. padding: 9px;
  222. position: fixed;
  223. z-index: 1;
  224. left: 50%;
  225. bottom: 70px;
  226. font-size: 14px;
  227. }
  228. #snackbar.show {
  229. visibility: visible;
  230. -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  231. animation: fadein 0.5s, fadeout 0.5s 2.5s;
  232. }
  233. @-webkit-keyframes fadein {
  234. from {bottom: 0; opacity: 0;}
  235. to {bottom: 70px; opacity: 1;}
  236. }
  237. @keyframes fadein {
  238. from {bottom: 0; opacity: 0;}
  239. to {bottom: 70px; opacity: 1;}
  240. }
  241. @-webkit-keyframes fadeout {
  242. from {bottom: 70px; opacity: 1;}
  243. to {bottom: 0; opacity: 0;}
  244. }
  245. @keyframes fadeout {
  246. from {bottom: 70px; opacity: 1;}
  247. to {bottom: 0; opacity: 0;}
  248. }
  249.    
  250. </style>
  251. <div id="snackbar" class="show">
  252. <p id="withdraw">ue****cl Berhasil Withdraw Rp 4.783.000,00</p>
  253. </div>
  254. <!-- <marquee direction ="up" scrolldelay ="600" id="withdraw" style ="font-size: 22px;"></marquee> -->
  255. <script>
  256. function loadlink(){
  257. var angka_acak = Math.floor(Math.random() * (10001-50)+50);
  258. function maketextnumber(n) {
  259. for (var r = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"], e = n, t = new Array, a = 0; a <= e - 1; a++) {
  260. t[a] = r[parseInt(Math.random() * r.length)];
  261. t = t;
  262. randomtextnumber = t.join("")
  263. }
  264. }
  265. var huruf_acak = (maketextnumber(8), randomtextnumber);
  266. var huruf_belakang = huruf_acak.substring(6);
  267. var huruf_depan = huruf_acak.substring(0, 2);
  268. const rupiah = (number)=>{
  269. return new Intl.NumberFormat("id-ID", {
  270. style: "currency",
  271. currency: "IDR"
  272. }).format(number);
  273. }
  274. var nominal = rupiah(angka_acak+"000");
  275. var baris = huruf_depan+"****"+huruf_belakang+" Berhasil Withdraw "+nominal;
  276. var x = document.getElementById("snackbar");
  277. x.className = "show";
  278. setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
  279. // setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
  280. document.getElementById("withdraw").innerHTML = huruf_depan+"****"+huruf_belakang+" Berhasil Withdraw "+nominal;
  281. // document.getElementById("withdraw").style.backgroundColor ="red";
  282. // document.getElementById("withdraw").width ="30%";
  283. // document.getElementById("withdraw").height ="25px";
  284. }
  285. loadlink();
  286. setInterval(function(){
  287. loadlink()
  288. }, 5000);
  289. </script>
  290.  
  291. <center style="background-color: #DDDDDD">
  292.    <select style="background-image:url(https://i.ibb.co/5r4x8k7/server.webp); background-color: transparent; background-size: cover; color: transparent !important; height:35px;font-size:23px;text-align:center;margin-top:-1px !important;border-color: #DDDDDD !important; z-index:10;" onchange="(this.options[this.selectedIndex].value?window.open(this.options[this.selectedIndex].value,'_blank'):'')">
  293.    <option selected disabled value="#">PILIH SERVER!</option>
  294.    <option value="https://wl4d.vip/winlive4d/" style="color:red">[ 121.731.11.210 ] Server Thailand </option>
  295.    <option value="https://wl4d.vip/winlive4d/" style="color:red">[ 103.50.131.213 ] Server Indonesia</option>
  296.    <option value="https://wl4d.vip/winlive4d/" style="color:red">[ 130.235.12.342 ] Server Kamboja</option>
  297.    <option value="https://wl4d.vip/winlive4d/" style="color:red">[ 43.159.46.237 ] Server Singapore</option>
  298.    </select>
  299. </center>
  300.  
  301.  
  302.  
  303.                <meta name="viewport" content="width=1200, initial-scale=0.33">
  304.        
  305.        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
  306.        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
  307.  
  308.        <!--<link rel="stylesheet" href="/css/template/BY.css">-->
  309.        <link rel="stylesheet" href="/css/template/BY.css">
  310.  
  311.        <link rel="stylesheet" href="/css/variable.css">
  312.        
  313.                <link rel="stylesheet" href="/css/light.css?35644">
  314.                
  315.        <link rel="stylesheet" href="/css/style.css?345435">
  316.        <link rel="icon" type="image/png" href="favicon.png">
  317.  
  318.  
  319.        <script src="/js/jquery-3.6.4.min.js"></script>
  320.        
  321.        <style>
  322.            
  323.            .login-input-field {
  324.                font-size: 1rem;
  325.            }
  326.  
  327.            
  328.            @media only screen and (max-width: 1000px) {
  329.                .login-input-field {
  330.                    font-size: 1.2rem;
  331.                }      
  332.            }
  333.            
  334.            
  335.  
  336.        </style>
  337.  
  338.  
  339.  
  340. <style>
  341. .count-item {
  342. font-size: 1.8rem;
  343. background: #001454;
  344. padding: 0.3rem 0.5rem;
  345. color: #ffffff !important;
  346. border-radius: 10px;
  347. font-weight: bold;
  348. }
  349. .wrapper-service {
  350. display: flex;
  351. align-items: center;
  352. flex-wrap: wrap;
  353. justify-content: center;
  354. border-radius: 10px;
  355. margin-top: 1.3rem;
  356. border:  3px solid #001454;
  357. padding: 0.8rem;
  358. /* background: linear-gradient(90deg , #d39e00 0%, #cca11f 21%, #dba70a 49%, rgb(238 205 86) 75%, #9e7700 100%); color: #000; */
  359. }
  360. .status-wrapper, .status-wrapper-mem {
  361. display: flex;
  362. align-items: center;
  363. }
  364. .status-wrapper {
  365.  justify-content: center;
  366. }
  367. .status-wrapper-mem {
  368.  justify-content: center;
  369. }
  370. .status-wrapper p {
  371. margin-right: 0.6rem !important;
  372. }
  373. .item-service {
  374. margin-right: 3rem;
  375. }
  376. .item-service:last-child {
  377. margin-right: 0;
  378. }
  379. .item-service h1 {
  380. font-size: 2.2rem;
  381. margin-top: 7px !important;
  382. text-transform : uppercase;
  383. font-weight: bold !important;
  384. }
  385. .google-wrapper {
  386. background: #fefefe;
  387. padding: 1.7rem;
  388. width: 18rem;
  389. height: 0.5rem;
  390. border-radius: 10px;
  391. position: relative;
  392. }
  393. .google-wrapper img {
  394. position: absolute;
  395. width: 2rem;
  396. top: 9px;
  397. left: 10px;
  398. }
  399. .item-service p {
  400. color: #fff;
  401. }
  402. .google-wrapper p {
  403. position: absolute;
  404. left: 3.4rem;
  405. top: 0.6rem;
  406. text-transform: uppercase;
  407. font-size: 1.50rem !important;
  408. font-weight: bold !important;
  409. color: #000 !important;
  410. }
  411. </style>
  412.  
  413. <script>
  414. document.addEventListener('DOMContentLoaded', () => {
  415.  
  416. const min = 12554;
  417. const max = 36548;
  418. const memberUser = Math.floor(Math.random() * (max - min + 1)) + min;
  419.  
  420. $(' <div class="wrapper-service"><div class="item-service"><h1>Deposit</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">1</span> Menit</p></div> <div class="progress21 progress-moved2"><div class="progress-bar21"></div> </div>  </div> <div class="item-service"><h1>Withdraw</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">3</span> Menit</p></div> <div class="progress21 progress-moved11"><div class="progress-bar31"></div> </div> </div> <div class="item-service"><h1>Member Online</h1> <div class="status-wrapper-mem"><p> </p> <p><span class="count-item">'+ memberUser +'</span> Member</p></div>  </div> <div class="item-service"><p style="text-align: center;">Ketik Di Google:</p> <div class="google-wrapper"><img src="https://i.ibb.co/98FXSy5/VCsb-Hfvw-Mm.png" /> <p>WINLIVE4D</p></div></div> </div>').insertBefore(".provider-group");
  421.  
  422. });
  423. </script>
  424.  
  425. <style>
  426.  
  427.    :root {
  428.    --t1-color:  var(--result-tanggal-background);
  429.    --t2-color:  var(--result-keluaran-color);
  430.    }
  431.    
  432.    
  433.    .provider {
  434.    padding-top: 1rem;
  435.    background: #000000;
  436.    color: #ffffff;
  437.    }
  438.    
  439.    .login-field {
  440.    width: 147px;
  441.    }
  442.    
  443.    .header {
  444.    background: #000000;
  445.    }
  446.    
  447.    .menu-item>label, .menu span {
  448.    color: #fff !important;
  449.    }
  450.  
  451.    .title-infos {
  452.    text-transform: uppercase;
  453.    color: #fff;
  454.    font-size: 1.2rem;
  455.    text-align: center;
  456.    display: flex;
  457.    align-items:center;
  458.    justify-content: center;
  459.    }
  460.    
  461.    .img-title-infos {
  462.    width: 40px;
  463.    margin-right: 0.5rem;
  464.    }
  465.    
  466.    .transaksi {
  467.    padding-top: 1.5rem;
  468.    }
  469.    
  470.    .wrap-all-trans {
  471.    display: grid;
  472.    grid-template-columns: repeat(2, 1fr);
  473.    gap: 5px;
  474.    }
  475.    
  476.    .wrapper-transactions {
  477.            width: 35rem;
  478.                max-width: 100%;
  479.                padding: 0.7rem;
  480.                margin-bottom: 1rem;
  481.                margin-top: 1rem;
  482.                border-radius: 10px;
  483.                border: 3px solid #001454;
  484.                background: var(--result-background);
  485.            }
  486.    
  487.            .content-trans {
  488.                height: 15rem;
  489.                overflow: hidden;
  490.                position: relative;
  491.            }
  492.    
  493.            .avatar-trans {
  494.                width: 2rem;
  495.                max-width: 100%;
  496.                margin-right: 0.7rem;
  497.            }
  498.    
  499.            .avatar-wrapper {
  500.                display: flex;
  501.                justify-content: center;
  502.            }
  503.    
  504.            .item-trans {
  505.                color: #ffffff;
  506.                background: #001042;
  507.                display: flex;
  508.                width: 100%;
  509.                border: 2px solid #001454;
  510.                justify-content: space-between;
  511.                align-items: center;
  512.                border-radius: 5px;
  513.                font-size: 1rem;
  514.                margin-bottom: 0.45rem !important;
  515.                padding: 0.4rem;
  516.    position: relative;
  517.        bottom: 0; /* Start the boxes at the bottom of the container */
  518.        animation: moveUp 40s linear infinite;
  519.            }
  520.    
  521.            .rupiah-trans {
  522.                color: #ffffff;
  523.    font-weight: bold;
  524.            }
  525.    
  526.            .text-centertitle {
  527.                color: #ffffff;
  528.                margin-top: 0;
  529.    padding-bottom: 0.5rem;
  530.    font-size: 1.15rem;
  531.    font-weight: bold;
  532.            }
  533.    
  534.    .divider-trans {
  535.    margin-top: 14px !important;
  536.    border-top: 1px solid rgb(0 0 0);
  537.    }
  538.    
  539.    
  540.    
  541.    @keyframes moveUp {
  542.        0% {
  543.            transform: translateY(0); /* Initial position, no translation */
  544.        }
  545.        100% {
  546.            transform: translateY(-1500px); /* Move the box upwards by the height of container */
  547.        }
  548.    }
  549.    
  550.    @keyframes glowing  {
  551.    
  552.        0%  {
  553.         background-position:  0 0;
  554.     }
  555.    50%  {
  556.         background-position:  400% 0;
  557.     }
  558.    100%  {
  559.         background-position:  0 0;
  560.     }
  561.    }
  562.    @keyframes glowing  {
  563.        0%  {
  564.         background-position:  0 0;
  565.     }
  566.    50%  {
  567.         background-position:  400% 0;
  568.     }
  569.    100%  {
  570.         background-position:  0 0;
  571.     }
  572.    
  573.    }
  574.    
  575.    @media only screen and (max-width: 1000px) {
  576.            .wrap-all-trans {
  577.                    display: block;
  578.            }
  579.            
  580.            .wrapper-transactions {
  581.                    width: 100%;
  582.            }
  583.    
  584.            .gambar-samping {
  585.                    display: none;
  586.            }
  587.    
  588.            .menu-alternatif li {
  589.                    width: 100%;
  590.                    text-align: center;
  591.                    padding: 0.3rem;
  592.                    font-size: 1rem;
  593.            }
  594.    
  595.    }
  596.    
  597.    
  598.    @media only screen and (max-width: 1000px) {
  599.            .login-form {
  600.                    margin: 0 20px;
  601.            }
  602.    
  603.            .login-field, .login-form>button, .btn-promosi, .wikwik {
  604.                    border-radius: 5px;
  605.            }
  606.    
  607.          
  608.    
  609.            
  610.    }
  611. </style>
  612.  
  613. <script>
  614.    document.addEventListener('DOMContentLoaded', () => {
  615.    // Withdraw & Deposit
  616.    const getProvider = document.querySelector('.provider-group');
  617.    const transWrap = document.createElement('div');
  618.    transWrap.className = 'wrapper-transactions';
  619.    
  620.    const transWrapDp = document.createElement('div');
  621.    transWrapDp.className = 'wrapper-transactions';
  622.    
  623.    const transContent = document.createElement('div');
  624.    transContent.className = 'content-trans';
  625.    
  626.    const transContentDp = document.createElement('div');
  627.    transContentDp.className = 'content-trans';
  628.    
  629.    const makeDp = document.createElement('div');
  630.    makeDp.className = 'deposit-members';
  631.    
  632.    const makeWd = document.createElement('div');
  633.    makeWd.className = 'withdraw-members';
  634.    
  635.    const titleDp = document.createElement('h3');
  636.    titleDp.className = 'text-centertitle';
  637.    titleDp.textContent = 'NEW DEPOSIT';
  638.    
  639.    const titleWd = document.createElement('h3');
  640.    titleWd.className = 'text-centertitle';
  641.    titleWd.textContent = 'NEW WITHDRAW';
  642.    
  643.    transContentDp.appendChild(makeDp);
  644.    transContent.appendChild(makeWd);
  645.    transWrapDp.appendChild(titleDp);
  646.    transWrap.appendChild(titleWd);
  647.    
  648.    transWrapDp.appendChild(transContentDp);
  649.    transWrap.appendChild(transContent);
  650.    
  651.    const wrapAllTrans = document.createElement('div');
  652.    wrapAllTrans.className = 'wrap-all-trans';
  653.    
  654.    wrapAllTrans.appendChild(transWrapDp);
  655.    wrapAllTrans.appendChild(transWrap);
  656.    
  657.    getProvider.parentNode.insertBefore(wrapAllTrans, getProvider);
  658.    
  659.    function LinkAlter() {
  660.            $('<ul class="menu-alternatif"><li>Link alternatif :</li> <li data-alternatif="' + linkAlt1 + '">'+ linkAlt1 +'</li> <li data-alternatif="' + linkAlt2 + '">'+ linkAlt2 +'</li> <li data-alternatif="' + linkAlt3 + '">'+ linkAlt3 +'</li></ul>').insertBefore($('.wrap-all-trans'));
  661.    
  662.    $('.menu-alternatif li').click(function() {
  663.    
  664.    const targetLink = $(this).data('alternatif');
  665.    
  666.            if(targetLink  !== undefined ) {
  667.                    location.href = 'https://' + targetLink;
  668.            }
  669.    
  670.    });
  671.    
  672.    }
  673.    
  674.    function getDP() {
  675.            $.ajax({
  676.                url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json',
  677.                type: 'GET',
  678.                dataType: 'JSON',
  679.                success: function(response) {
  680.                  const getUser = randomUser(response.slice(0, 50));
  681.                    $.each(getUser, function(index, items){
  682.                         // IDR Value
  683.                        const dana_wd = uangRupiahDp(50000, 4000000);
  684.    
  685.    $('.deposit-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://i.ibb.co/RjzTJW2/wl4d-fav.jpg" class="avatar-trans" />'+ items.user +' | Deposit:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>');
  686.    
  687.                    });
  688.        
  689.                }
  690.            })
  691.        }
  692.    
  693.     function getWD() {
  694.            $.ajax({
  695.                url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json',
  696.                type: 'GET',
  697.                dataType: 'JSON',
  698.                success: function(response) {
  699.                  const getUser = randomUser(response.slice(0, 50));
  700.                    $.each(getUser, function(index, items){
  701.                         // IDR Value
  702.                        const dana_wd = uangRupiah(450000, 15000000);
  703.                        $('.withdraw-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://i.ibb.co/RjzTJW2/wl4d-fav.jpg" class="avatar-trans" />'+ items.user +' | Withdraw:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>');
  704.                      
  705.                    });
  706.                }
  707.            })
  708.        }
  709.    
  710.    function uangRupiah(min, max) {
  711.        function getRandomRoundNumber(min, max) {
  712.            const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
  713.            const returnNum = Math.floor(randomNumber / 10000) * 10000;
  714.            if(returnNum != 0 || !isNaN(returnNum)) {
  715.              return returnNum;
  716.            }
  717.          }
  718.        
  719.          const randomRoundNumber = getRandomRoundNumber(min, max);
  720.          const roundedNumber = randomRoundNumber;
  721.          return new Intl.NumberFormat().format(roundedNumber);
  722.      }
  723.    
  724.    function uangRupiahDp(min, max) {
  725.        function getRandomRoundNumber(min, max) {
  726.            const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
  727.            const returnNum = Math.floor(randomNumber / 5000) * 5000;
  728.            if(returnNum != 0 || !isNaN(returnNum)) {
  729.              return returnNum;
  730.            }
  731.          }
  732.        
  733.          const randomRoundNumber = getRandomRoundNumber(min, max);
  734.          const roundedNumber = randomRoundNumber;
  735.          return new Intl.NumberFormat().format(roundedNumber);
  736.      }
  737.    
  738.    function randomUser(array) {
  739.            var currentIndex = array.length, temporaryValue, randomIndex;
  740.          
  741.            // While there remain elements to shuffle
  742.            while (0 !== currentIndex) {
  743.              // Pick a remaining element
  744.              randomIndex = Math.floor(Math.random() * currentIndex);
  745.              currentIndex -= 1;
  746.          
  747.              // Swap it with the current element
  748.              temporaryValue = array[currentIndex];
  749.              array[currentIndex] = array[randomIndex];
  750.              array[randomIndex] = temporaryValue;
  751.            }
  752.          
  753.            return array;
  754.          }
  755.    
  756.    getWD();
  757.    getDP();
  758.    LinkAlter();
  759.    
  760.    });
  761. </script>
  762.                        <meta name="viewport" content="width=1200, initial-scale=0.33">
  763.        
  764.        <link href="/css/bootstrap-5.3.0.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
  765.        <link rel="stylesheet" href="/css/bootstrap-icons.css?664ba670f35bb">
  766.  
  767.        <!--<link rel="stylesheet" href="/css/template/BD.css">-->
  768.        <link rel="stylesheet" href="/css/template/BD.css">
  769.  
  770.        <link rel="stylesheet" href="/css/variable.css">
  771.        
  772.                <link rel="stylesheet" href="/css/dark.css?324324">
  773.                
  774.        <link rel="stylesheet" href="/css/style.css?345435">
  775.        <link rel="icon" type="image/png" href="favicon.png">
  776.  
  777.  
  778.        <script src="/js/jquery-3.6.4.min.js"></script>
  779.        
  780.        <style>
  781.            
  782.            .login-input-field {
  783.                font-size: 1rem;
  784.            }
  785.  
  786.            
  787.            @media only screen and (max-width: 1000px) {
  788.                .login-input-field {
  789.                    font-size: 1.2rem;
  790.                }      
  791.            }
  792.            
  793.            
  794.            
  795.        </style>
  796.        
  797.        
  798.        
  799.  
  800.        
  801.  
  802.    </head>
  803.  
  804.    <body id="desktop">
  805.        
  806.        
  807. <div id="hover" class="hover desktop-only">
  808.  
  809.    <div id="hover-togel" class="hover-menu">
  810.        <a href="/?content=register" class="hover-item">
  811.            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
  812.            <figcaption>TOGEL</figcaption>
  813.        </a>          
  814.    </div>
  815.  
  816.    <div id="hover-slot" class="hover-menu">
  817.        <a href="/?content=slot&provider=pp" class="hover-item">
  818.            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
  819.            <figcaption>PRAGMATIC PLAY</figcaption>
  820.        </a>
  821.  
  822.        <a href="/?content=slot&provider=pg" class="hover-item">
  823.            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
  824.            <figcaption>PG SOFT</figcaption>
  825.        </a>
  826.  
  827.        <a href="/?content=slot&provider=hb" class="hover-item">
  828.            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
  829.            <figcaption>HABANERO</figcaption>
  830.        </a>
  831.        
  832.        <a href="/?content=slot&provider=sg" class="hover-item">
  833.            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
  834.            <figcaption>SPADEGAMING</figcaption>
  835.        </a>    
  836.  
  837.        <a href="/?content=slot&provider=jg" class="hover-item">
  838.            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
  839.            <figcaption>JOKER</figcaption>
  840.        </a>
  841.  
  842.        <a href="/?content=slot&provider=nlc" class="hover-item">
  843.            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
  844.            <figcaption>NOLIMIT CITY</figcaption>
  845.        </a>    
  846.  
  847.        <a href="/?content=slot&provider=jl" class="hover-item">
  848.            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
  849.            <figcaption>JILI</figcaption>
  850.        </a>
  851.        
  852.        <a href="/?content=slot&provider=mg" class="hover-item">
  853.            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
  854.            <figcaption>MICRO GAMING</figcaption>
  855.        </a>    
  856.  
  857.    <a href="/?content=slot&provider=ps" class="hover-item">
  858.            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
  859.            <figcaption>PLAYSTAR</figcaption>
  860.        </a>
  861.        
  862.        <a href="/?content=slot&provider=fs" class="hover-item">
  863.            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
  864.            <figcaption>FASTSPIN</figcaption>
  865.        </a>
  866.        
  867.        <a href="/?content=slot&provider=nte" class="hover-item">
  868.            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
  869.            <figcaption>NETENT</figcaption>
  870.        </a>
  871.        
  872.        <a href="/?content=slot&provider=l22" class="hover-item">
  873.            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
  874.            <figcaption>LIVE22</figcaption>
  875.        </a>
  877.        <a href="/?content=slot&provider=cq9" class="hover-item">
  878.            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
  879.            <figcaption>CQ9</figcaption>
  880.        </a>    
  881.      
  882.        <a href="/?content=slot&provider=ttg" class="hover-item">
  883.            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
  884.            <figcaption>TOPTREND GAMING</figcaption>
  885.        </a>
  886.  
  887.        <a href="/?content=slot&provider=ss" class="hover-item">
  888.            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
  889.            <figcaption>SBO SLOT</figcaption>
  890.        </a>
  891.    </div>
  892.  
  893.    <div id="hover-live" class="hover-menu" >
  894.        <a href="/?content=casino&provider=pplc" class="hover-item">
  895.            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
  896.            <figcaption>PRAGMATIC PLAY</figcaption>
  897.        </a>
  898.  
  899.        <a href="/?content=casino&provider=ion" class="hover-item">
  900.            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
  901.            <figcaption>ION CASINO</figcaption>
  902.        </a>
  903.  
  904.        <a href="/?content=casino&provider=sx" class="hover-item">
  905.            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
  906.            <figcaption>SEXY GAMING</figcaption>
  907.        </a>
  908.  
  909.        <a href="/?content=casino&provider=evo" class="hover-item">
  910.            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
  911.            <figcaption>EVOLUTION</figcaption>
  912.        </a>
  913.  
  914.        <a href="/?content=casino&provider=sa" class="hover-item">
  915.            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
  916.            <figcaption>SA GAMING</figcaption>
  917.        </a>
  918.  
  919.        <a href="/?content=casino&provider=ab" class="hover-item">
  920.            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
  921.            <figcaption>ALLBET</figcaption>
  922.        </a>  
  924.        <a href="/?content=casino&provider=mg" class="hover-item">
  925.            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICRO GAMING"></figure>
  926.            <figcaption>MICRO GAMING</figcaption>
  927.        </a>
  928.  
  929.        <a href="/?content=casino&provider=og" class="hover-item">
  930.            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
  931.            <figcaption>OPUS PLUS</figcaption>
  932.        </a>
  933.  
  934.        <a href="/?content=casino&provider=sbol" class="hover-item">
  935.            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
  936.            <figcaption>SBOBET CASINO</figcaption>
  937.        </a>    
  938.    </div>
  939.  
  940.    <div id="hover-sport" class="hover-menu">
  941.        <a href="/?content=register" class="hover-item">
  942.            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
  943.            <figcaption>SABA</figcaption>
  944.        </a>
  945.  
  946.        <a href="/?content=register" class="hover-item">
  947.            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
  948.            <figcaption>SBOBET</figcaption>
  949.        </a>
  950.        
  951.        <a href="/?content=register" class="hover-item">
  952.            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
  953.            <figcaption>CMD368</figcaption>
  954.        </a>  
  956.    <a href="/?content=register" class="hover-item">
  957.            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
  958.            <figcaption>TFGAMING</figcaption>
  959.        </a>        
  960.    </div>
  961.  
  962.    <div id="hover-fishing" class="hover-menu">
  963.        <a href="/?content=fish&provider=sg" class="hover-item">
  964.            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
  965.            <figcaption>SPADE GAMING</figcaption>
  966.        </a>
  967.  
  968.        <a href="/?content=fish&provider=jl" class="hover-item">
  969.            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
  970.            <figcaption>JILI</figcaption>
  971.        </a>
  972.        
  973.        <a href="/?content=fish&provider=ps" class="hover-item">
  974.            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
  975.            <figcaption>PLAYSTAR</figcaption>
  976.        </a>
  977.  
  978.    <a href="/?content=fish&provider=fs" class="hover-item">
  979.            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
  980.            <figcaption>FASTSPIN</figcaption>
  981.        </a>
  982.  
  983.    <a href="/?content=fish&provider=l22" class="hover-item">
  984.            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
  985.            <figcaption>LIVE22</figcaption>
  986.        </a>
  987.  
  988.    </div>
  989.  
  990.    <div id="hover-sabung" class="hover-menu">
  991.        <a href="/?content=sabung&provider=ws" class="hover-item">
  992.            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
  993.            <figcaption>WS168</figcaption>
  994.        </a>
  995.    </div>
  996.    
  997.    <div id="hover-interactive" class="hover-menu">
  998.        <a href="/?content=interactive&provider=gmn" class="hover-item">
  999.            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
  1000.            <figcaption>GEMINI</figcaption>
  1001.        </a>
  1002.    </div>
  1003.  
  1004.  
  1005.  
  1006. </div><style>
  1007.    .my-navbar {
  1008.        height: 52px;
  1009.        padding: 0px;
  1010.        width: 100%;
  1011.        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color);
  1012.        position: fixed;
  1013.        bottom: 0;
  1014.        color: white;
  1015.        z-index: 1100;
  1016.        display: flex;
  1017.        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
  1018.    }
  1019.    
  1020.    .navbar-item {
  1021.        height: 100%;
  1022.        width: 100%;
  1023.        display: flex;
  1024.        flex-direction: column;
  1025.        align-items: center;
  1026.        justify-content: center;
  1027.    }
  1028.    
  1029.    .navbar-item-content {
  1030.        display: flex;
  1031.        flex-direction: column;
  1032.        justify-content: center;
  1033.        align-items: center;
  1034.        position: absolute;
  1035.        top: -16px
  1036.    }
  1037.    
  1038.    .navbar-item-content>i {
  1039.         font-size: 20px;
  1040.         line-height: 22px;
  1041.         color: white;
  1042.         padding-bottom: 4px;
  1043.    }
  1044.    
  1045.    .navbar-item-content>img {
  1046.         height: 36px;
  1047.         width: 36px;
  1048.    }
  1049.    
  1050.    .navbar-item-content>label {
  1051.        white-space: nowrap;
  1052.        margin-top: 4px;
  1053.        font-weight: bold;
  1054.        font-size: var(--text-size-default);
  1055.        color: white
  1056.    }
  1057.    
  1058. </style>
  1059.  
  1060.  
  1061. <div class="mobile-only" >
  1062.        <div class="my-navbar">
  1063.            <a href="/" class="navbar-item" style="position: relative">
  1064.                <div class="navbar-item-content">
  1065.                    <img src="https://img.viva88athenae.com//beranda.png"/>
  1066.                    <label>BERANDA</label>
  1067.                </div>
  1068.            </a>
  1069.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  1070.            <a href="/m/promosi.php"  class="navbar-item">
  1071.                <div class="navbar-item-content">
  1072.                    <img src="https://img.viva88athenae.com//promosi.png"/>
  1073.                    <label>PROMOSI</label>
  1074.                </div>
  1075.            </a>
  1076.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  1077.            <a href="/m/event.php"  class="navbar-item">
  1078.                <div class="navbar-item-content">
  1079.                    <img src="https://img.viva88athenae.com//events.png"/>
  1080.                    <label>EVENT</label>
  1081.                </div>
  1082.            </a>
  1083.            
  1084.                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  1085.                <a href="https://tinyurl.com/WAWINLIVE4D"  target="_blank" class="navbar-item">
  1086.                <div class="navbar-item-content">
  1087.                    <img src="https://img.viva88athenae.com//whatsapp.png"/>
  1088.                    <label>WHATSAPP</label>
  1089.                </div>
  1090.                </a>
  1091.                        
  1092.                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  1093.                <a href="https://secure.livechatenterprise.com/licence/14335545/v2/open_chat.cgi"  target="_blank" class="navbar-item">
  1094.                <div class="navbar-item-content">
  1095.                    <img src="https://img.viva88athenae.com//livechat.png"/>
  1096.                    <label>LIVECHAT</label>
  1097.                </div>
  1098.                </a>
  1099.            
  1100.        </div>
  1101. </div>        
  1102.        <div id="top" class="wrapper">
  1103.  
  1104.            
  1105.                
  1106.            <header class="header">
  1107.                <div class="header-content">
  1108.                    <div class="logo" href="/">
  1109.                        <a href='/'><img src="/images/logoweb.png?664ba670f3818"  class='logoimg' alt=""></a>
  1110.                    </div>
  1111.                    
  1112.                    <div id="marquee-mobile" class="marquee mobile-only">
  1113.                        <div class="marquee-content">
  1114.                            <div class="d-flex align-items-center gap-2">
  1115.                                <i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i>
  1116.                            </div>
  1117.                            <div class="running">
  1118.                                <div class="marquee-shadow"></div>
  1119.                                <marquee behavior="scroll" direction="" id="broadcast" style="width: 100%"></marquee>
  1120.                            </div>
  1121.                            <div class="d-flex align-items-center gap-2">
  1122.                            </div>
  1123.                        </div>
  1124.                    </div>
  1125.                    
  1126.                    <div class="mslider mobile-only">
  1127.                                            </div>
  1128.                    
  1129.                    <div class="login">
  1130.                        
  1131.  
  1132.                            <div id="desktoplogin" class="desktop-only">
  1133.                                <form class="login-form form" role="form">
  1134.                                    <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem"></div>
  1135.                                    <div class="input-group login-field">
  1136.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  1137.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
  1138.                                    </div>
  1139.                                    
  1140.                                    <div id="marquee" class="marquee mobile-only">
  1141.                                        <div class="marquee-content">
  1142.                                            <div class="d-flex align-items-center gap-2">
  1143.                                                <i class="bi bi-megaphone-fill desktop-only"></i>
  1144.                                            </div>
  1145.                                            <div class="running">
  1146.                                                <div class="marquee-shadow"></div>
  1147.                                                <marquee behavior="" direction="" id="broadcast"></marquee>
  1148.                                            </div>
  1149.                                        </div>
  1150.                                    </div>
  1151.                                    
  1152.                                    
  1153.                                    <div class="input-group login-field">
  1154.                                        <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  1155.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
  1156.                                    </div>
  1157.                                    
  1158.                                    <div class="verifikasiform" style="display: flex; gap: 2px;">
  1159.                                        <span id="verifikasi"><img src="/capimg.php?3637" width="40" height="30" style="border:1px #999 solid;"></span>
  1160.                                        <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
  1161.                                    </div>
  1162.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  1163.        
  1164.        
  1165.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  1166.                                    <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='/?content=register'">Daftar</button>
  1167.                                    
  1168.                                    
  1169.                                    <input type="hidden" name="task" value="login">    
  1170.                                    <input type="hidden" name="logindesktop" value="QYNzzz7vZKI/2jsj0d2JIH5vdD5NF4ngb6JGSN0IeAY=">
  1171.                                </form>
  1172.                            </div>
  1173.                        
  1174.  
  1175.                        
  1176.                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
  1177.                                <form class="login-form form" style="padding: 0px; padding-top: 32px" role="form">
  1178.                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
  1179.                                    <div class="input-group login-field">
  1180.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  1181.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
  1182.                                    </div>
  1183.                                    <div class="input-group login-field">
  1184.                                        <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  1185.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
  1186.                                    </div>
  1187.                                    
  1188.                                    
  1189.                                    <div class="verifikasiform w-100">
  1190.                                        
  1191.                                                                                        <span id="verifikasi"><img src="/m/capimg.php?6788" width="100%" height="44" style="border-radius: 5px;"></span>
  1192.                                                <div class="input-group login-field mt-1">
  1193.                                                    <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
  1194.                                                   <input type="text" inputmode="numeric" class="form-control login-input-field" name="verifikasi" id="verform" autocomplete="off" placeholder="Verifikasi">
  1195.                                                </div>
  1196.                                        
  1197.                                    </div>
  1198.  
  1199.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  1200.        
  1201.        
  1202.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  1203.                                    <button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>
  1204.  
  1205.                                    
  1206.                                    <input type="hidden" name="task" value="login">    
  1207.                                    <input type="hidden" name="loginmobile" value="QYNzzz7vZKI/2jsj0d2JIH5vdD5NF4ngb6JGSN0IeAY=">
  1208.                                </form>
  1209.                            </div>
  1210.                            
  1211.                                                    
  1212.                            <div id="mobile-daftar-form" style="width: 100%; display: none">
  1213.                                    <div id="mobileregister">
  1214.                                   <form id="formRegister" class="login-form  p-0 pt-4">
  1215.                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
  1216.                                            <div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">DAFTAR</div>
  1217.                                            <div class="input-group login-field">
  1218.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  1219.                                                <input type="text" class="form-control login-input-field" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi">
  1220.                                            </div>
  1221.                                            <div class="input-group login-field">
  1222.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  1223.                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
  1224.                                            </div>
  1225.                                            <div class="input-group login-field">
  1226.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  1227.                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
  1228.                                            </div>
  1229.                                            <div class="input-group login-field">
  1230.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
  1231.                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
  1232.                                            </div>
  1233.                                            <div class="input-group login-field">
  1234.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
  1235.                                                <input type="text"  inputmode="numeric" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
  1236.                                            </div>
  1237.                                            
  1238.                                            <div class="input-group login-field">
  1239.                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
  1240.                                             <option value="">Pilih Bank</option>
  1241.                             <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='BSI'>BSI</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>GOPAY</option>                                                </select>
  1242.                                            </div>
  1243.                        
  1244.                                            <div class="input-group login-field">
  1245.                                                <span class="input-group-text mobile-only prepend" style=""><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span>
  1246.                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
  1247.                                            </div>
  1248.                                            <div class="input-group login-field">
  1249.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
  1250.                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
  1251.                                            </div>
  1252.                                            <div class="input-group login-field">
  1253.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div></span>
  1254.                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
  1255.                                            </div>
  1256.                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
  1257.                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
  1258.                                            
  1259.                                                                                        
  1260.                                                <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
  1261.                                                <input type="hidden" name="task" value="register">
  1262.                                                <input type="hidden" name="regmobile" value="Wpcgew0A4AYJ22rWnwAaXwdcILvBCG1i5LqGTeVOZtA=">
  1263.                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
  1264.                                    </form>
  1265.                                </div>            
  1266.                        </div>
  1267.                    </div>
  1268.    
  1269.                    <div class="menu">
  1270.                        <div class="menu-item desktop-only">
  1271.    <label><a href="/"><i class="bi bi-house-door-fill"></i></a></label>
  1272. </div>
  1273. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1274.  
  1275.    <a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
  1276.        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
  1277.        <label>TOGEL</label>
  1278.    </a>
  1279.    
  1280.    <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1281.  
  1282.  
  1283. <a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
  1284.    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
  1285.    <label>SLOT</label>
  1286. </a>
  1287. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1288. <a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
  1289.    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
  1290.    <label>LIVE CASINO</label>
  1291. </a>
  1292. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1293. <a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
  1294.    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
  1295.    <label>SPORT</label>
  1296. </a>
  1297. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1298. <a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
  1299.    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
  1300.    <label>ARCADE</label>
  1301. </a>
  1302. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1303. <a href="/?content=sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
  1304. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  1305.    <label>SABUNG</label>
  1306. </a>
  1307. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1308. <a href="/?content=interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
  1309. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  1310.    <label>INTERACTIVE</label>
  1311. </a>
  1312.  
  1313. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1314.                    </div>
  1315.                                            
  1316.  
  1317.                    <div class="menu-mobile mobile-only" style="width: 100%; overflow-x: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)">
  1318.                        
  1319.                        
  1320.                            <div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; left: 0; padding: 0px 6px" onclick="document.getElementById('menu-mobile').scrollBy(-40, 0)">
  1321.                                <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  1322.                            </div>
  1323.                            
  1324.                            <div style="position: absolute; height: 100%; background:  var(--primary-color); display: grid; place-items: center; right: 0; padding: 0px 6px;" onclick="document.getElementById('menu-mobile').scrollBy(40, 0)">
  1325.                                <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  1326.                            </div>
  1327.                        
  1328.                        
  1329.                        <div id="menu-mobile" style="height:68px; overflow-x: scroll; overflow-y: hidden; max-width: 100%; display: block; margin-left: 28px; margin-right: 28px; background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)">
  1330.                        
  1331.                        
  1332.                            <div style="white-space: nowrap; height: 100%; font-size: 0px">
  1333.                                                                                
  1334.                                        <a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;">
  1335.                                            <div style="display: grid; place-items: center; height: 100%">
  1336.                                                <div class="menu-item">
  1337.                                                    <img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt="">
  1338.                                                    <label>TOGEL</label>
  1339.                                                </div>
  1340.                                            </div>
  1341.                                        </a>
  1342.                                            
  1343.                                                                        <div style="height: 100%; width: 92px; display: inline-block;">
  1344.                                        <div style="display: grid; place-items: center; height: 100%">
  1345.                                            <div class="menu-item" onclick="showProvider('slot')">
  1346.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt="">
  1347.                                                <label>SLOT</label>
  1348.                                            </div>
  1349.                                        </div>
  1350.                                    </div>
  1351.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1352.                                        <div style="display: grid; place-items: center; height: 100%">
  1353.                                            <div class="menu-item" onclick="showProvider('casino')">
  1354.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt="">
  1355.                                                <label>LIVE CASINO</label>
  1356.                                            </div>
  1357.                                        </div>
  1358.                                    </div>
  1359.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1360.                                        <div style="display: grid; place-items: center; height: 100%">
  1361.                                            <div href="/sport" class="menu-item" onclick="showProvider('sport')">
  1362.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt="">
  1363.                                                <label>SPORT</label>
  1364.                                            </div>
  1365.                                        </div>
  1366.                                    </div>
  1367.                                    <!--<div style="height: 100%; width: 92px; display: inline-block;">-->
  1368.                                    <!--    <div style="display: grid; place-items: center; height: 100%">-->
  1369.                                    <!--        <div class="menu-item" onclick="showProvider('esport')">-->
  1370.                                    <!--            <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">-->
  1371.                                    <!--            <label>E-SPORT</label>-->
  1372.                                    <!--        </div>-->
  1373.                                    <!--    </div>-->
  1374.                                    <!--</div>-->
  1375.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1376.                                        <div style="display: grid; place-items: center; height: 100%">
  1377.                                        <div class="menu-item" onclick="showProvider('fish')">
  1378.                                            <img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt="">
  1379.                                            <label>ARCADE</label>
  1380.                                        </div>
  1381.                                        </div>
  1382.                                    </div>
  1383.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1384.                                        <div style="display: grid; place-items: center; height: 100%">
  1385.                                            <div class="menu-item" onclick="showProvider('sabung')">
  1386.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt="">
  1387.                                                <label>SABUNG</label>
  1388.                                            </div>
  1389.                                        </div>
  1390.                                    </div>
  1391.                                    
  1392.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1393.                                        <div style="display: grid; place-items: center; height: 100%">
  1394.                                            <div class="menu-item" onclick="showProvider('interactive')">
  1395.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt="">
  1396.                                                <label>INTERACTIVE</label>
  1397.                                            </div>
  1398.                                        </div>
  1399.                                    </div>
  1400.                            </div>
  1401.                        </div>                                                                                                                        
  1402.                    </div>                    
  1403.                    <div class="menu-content mobile-only">
  1404.                            <div id="main-content" style="background: var(--content-box-background)">
  1405.                                                        </div>
  1406.                    </div>
  1407.        
  1408.                    <div class="promosi">
  1409.                        
  1410.                        <!-- Desktop -->
  1411.                        
  1412.                        <button class="btn-promosi fw-bold desktop-only" onclick="window.location.href='/?content=promosi'" style="border: none; font-size: 1.1rem; padding: 0px 8px;">PROMOSI</button>
  1413.                        <div class="btn-informasi desktop-only" onclick="document.getElementById('modal-wrapper').style.display='block'"><a class="pointer" href="javascript:page('tentang');" style="text-decoration: none;" data-toggle="tooltip" data-placement="bottom" title="Informasi"><i class="bi bi-info-circle-fill" style="font-size: 16px"></i></a></div>
  1414.                        
  1415.                        <!-- Mobile -->
  1416.                        
  1417.                        <div class="mobile-only" style="padding-top: 32px">
  1418.                            
  1419.                            <div class="d-flex gap-3 justify-content-center align-items-center">
  1420.                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
  1421.                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
  1422.                                        
  1423.                                <a href="/wap" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
  1424.                            </div>
  1425.                            
  1426.                        </div>
  1427.                    </div>
  1428.                                    </div>
  1429.            </header>
  1430.    
  1431.    
  1432.    
  1433.            <div id="marquee" class="marquee desktop-only">
  1434.                <div class="marquee-content">
  1435.                    <div class="d-flex align-items-center gap-2">
  1436.                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
  1437.                        <i class="bi bi-megaphone-fill desktop-only"></i>
  1438.                    </div>
  1439.                    <div class="running" style="padding-left: 8px; padding-right: 32px">
  1440.                        <marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%"></marquee>
  1441.                    </div>
  1442.                    <div class="d-flex align-items-center gap-2">
  1443.                        <a href="/?content=event">
  1444.                            <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>
  1445.                        </a>
  1446.                    </div>
  1447.                </div>
  1448.            </div>
  1449.            
  1450.            <!--Informasi Modal -->
  1451.            <div id="modal-wrapper" class="modal" style=" background:none;">
  1452.            
  1453.                <div class="slideDown" id="informasi-menu">
  1454.                  <div class="row">
  1455.                    <div class="col-xs-3" style="padding-right:0px; width:164px">
  1456.                        <div id="informasi-logo">
  1457.                            <img src="/images/logoweb.png" width="120px"/>
  1458.                        </div>
  1459.                        <div class="menuleft">
  1460.  
  1461.                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
  1462.                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
  1463.                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
  1464.                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
  1465.                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
  1466.                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
  1467.                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
  1468.  
  1469.                        </div>
  1470.                   </div>    
  1471.                   <div class="col-xs-9" id="informasi-content" style="position: relative">
  1472.                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
  1473.                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2">
  1474.                        </div>
  1475.                    </div>
  1476.                    
  1477.                </div>
  1478.              </div>
  1479.            </div>
  1480.    
  1481.    
  1482.            <div class="contentdata">
  1483.                <div id="content-primary" class="p-0">
  1484.                
  1485.                                            <div class="desktop-only">
  1486. <div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
  1487.  <div class="carousel-indicators">
  1488.                         <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  1489.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
  1490.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
  1491.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
  1492.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
  1493.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button>
  1494.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button>
  1495.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="7" aria-label="Slide 8"></button>
  1496.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="8" aria-label="Slide 9"></button>
  1497.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="9" aria-label="Slide 10"></button>
  1498.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="10" aria-label="Slide 11"></button>
  1499.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="11" aria-label="Slide 12"></button>
  1500.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="12" aria-label="Slide 13"></button>
  1501.              </div>
  1502.  <div class="carousel-inner" style="height: 100%">
  1503.            <div class="carousel-item active" style="height: 100%">
  1504.          <img src="/images/upload-Slides-20240111144338.jpg" class="d-block w-100 banner" alt="DEPOSIT AUTO QRIZ" style="height: 100%">
  1505.        </div>
  1506.            <div class="carousel-item " style="height: 100%">
  1507.          <img src="/images/upload-Slides-20240504142202.jpg" class="d-block w-100 banner" alt="AUTO QRIZ MALAM" style="height: 100%">
  1508.        </div>
  1509.            <div class="carousel-item " style="height: 100%">
  1510.          <img src="/images/upload-Slides-20240510210222.jpg" class="d-block w-100 banner" alt="LOMBA TURN OVER" style="height: 100%">
  1511.        </div>
  1512.            <div class="carousel-item " style="height: 100%">
  1513.          <img src="/images/upload-Slides-20240205133422.jpg" class="d-block w-100 banner" alt="LOMBA TURN OVER  SPORTSBOOK" style="height: 100%">
  1514.        </div>
  1515.            <div class="carousel-item " style="height: 100%">
  1516.          <img src="/images/upload-Slides-20240409223800.jpg" class="d-block w-100 banner" alt="MERCHANDISE" style="height: 100%">
  1517.        </div>
  1518.            <div class="carousel-item " style="height: 100%">
  1519.          <img src="/images/upload-Slides-20220425231244.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1520.        </div>
  1521.            <div class="carousel-item " style="height: 100%">
  1522.          <img src="/images/upload-Slides-20230815171302.jpg" class="d-block w-100 banner" alt="BONUS AJAK TEMAN" style="height: 100%">
  1523.        </div>
  1524.            <div class="carousel-item " style="height: 100%">
  1525.          <img src="/images/upload-Slides-20230513171535.jpg" class="d-block w-100 banner" alt="HADIAH TOGEL WINLIVE4D" style="height: 100%">
  1526.        </div>
  1527.            <div class="carousel-item " style="height: 100%">
  1528.          <img src="/images/upload-Slides-20230426114947.jpg" class="d-block w-100 banner" alt="EVENT SCATTER PRAGMATIC" style="height: 100%">
  1529.        </div>
  1530.            <div class="carousel-item " style="height: 100%">
  1531.          <img src="/images/upload-Slides-20230426114945.jpg" class="d-block w-100 banner" alt="EVENT SCATTER PGSOFT" style="height: 100%">
  1532.        </div>
  1533.            <div class="carousel-item " style="height: 100%">
  1534.          <img src="/images/upload-Slides-20230513171658.jpg" class="d-block w-100 banner" alt="ROLLINGAN ALL SLOT 1%" style="height: 100%">
  1535.        </div>
  1536.            <div class="carousel-item " style="height: 100%">
  1537.          <img src="https://img.viva88athenae.com/banner/slide-pp-megagacor-s2.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1538.        </div>
  1539.            <div class="carousel-item " style="height: 100%">
  1540.          <img src="https://img.viva88athenae.com/banner/slide-pg-lebaranpg24.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1541.        </div>
  1542.      </div>
  1543. </div>
  1544.  
  1545. </div>
  1546.                        <div class="mobile-only"><div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;">
  1547.     <img src="https://img.viva88athenae.com/pop/mobile-gmn.jpg" width="100%" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;">
  1548. </div></div>
  1549.                        
  1550.                                    </div>
  1551.            </div>
  1552.    
  1553.            
  1554.            <!-- Togel -->    
  1555.            
  1556. <style>
  1557.    .togel-desktop {
  1558.            background: var(--togel-background);
  1559.            grid-area: togel-desktop;
  1560.            position: relative;
  1561.        }
  1562.        
  1563.        .togel-mobile {
  1564.            display: none;
  1565.        }
  1566.  
  1567.        .show-more {
  1568.            position: absolute;
  1569.        
  1570.            z-index: 999;
  1571.            bottom: 0px;
  1572.            width: 100%;
  1573.            
  1574.            /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0)); */
  1575.        }
  1576.        
  1577.        .show-more-content {
  1578.            background: var(--secondary-background);
  1579.            opacity: .7;
  1580.            display: grid;
  1581.            place-items: center;
  1582.            height: 32px
  1583.        }
  1584.        
  1585.        .togel-content {    
  1586.            position: relative;  
  1587.            display: flex;
  1588.            flex-wrap: wrap;
  1589.            justify-content: center;
  1590.            /*display: grid;*/
  1591.            /*grid-template-columns: repeat(10, 1fr);*/
  1592.            gap: 8px 4px;
  1593.            padding: 16px 0;
  1594.        }
  1595.        
  1596.        .see-more {
  1597.            padding: 16px 0 48px 0;
  1598.            max-height: 162px;
  1599.            transition: max-height .75s ease-out;
  1600.            transition-delay: .1s;
  1601.            overflow: hidden;
  1602.        }
  1603.        
  1604.        .togel-content:hover{
  1605.            max-height: 1000px;
  1606.            transition: max-height 0.25s ease-in;
  1607.        }
  1608.        
  1609.        .result {
  1610.            height: 110px;
  1611.            width: 96px;
  1612.            border-radius: 10px;
  1613.            background: var(--result-background);
  1614.            border: var(--result-border);
  1615.            
  1616.            display: grid;
  1617.            grid-template-rows: 0px 20px 1fr 28px;
  1618.            grid-template-areas:
  1619.            "badge"
  1620.            "pasaran"
  1621.            "keluaran"
  1622.            "tanggal"
  1623.            ;
  1624.        
  1625.            /* display: flex;
  1626.            flex-direction: column;
  1627.            justify-content: space-between; */
  1628.        
  1629.            overflow: hidden;
  1630.        }
  1631.        
  1632.        .badge {
  1633.            grid-area: badge;
  1634.            display: grid;
  1635.            place-items: center;
  1636.        }
  1637.        
  1638.        .result>.pasaran {
  1639.        
  1640.            grid-area: pasaran;
  1641.        
  1642.            padding-top: 8px;
  1643.            white-space: nowrap;
  1644.            font-size: .7rem;
  1645.            line-height: .7rem;
  1646.        
  1647.            color: var(--result-pasaran-color);
  1648.            display: grid;
  1649.            place-items: center;
  1650.        }
  1651.        
  1652.        .result>.keluaran {
  1653.        
  1654.            grid-area: keluaran;
  1655.            padding-bottom: 8px;
  1656.            font-family: 'Oswald', sans-serif;
  1657.            line-height: 40px;
  1658.            font-size: 40px;
  1659.            color: var(--result-keluaran-color);
  1660.            display: grid;
  1661.            place-items: center;
  1662.        }
  1663.        
  1664.        .result>.tanggal {
  1665.        
  1666.            grid-area: tanggal;
  1667.        
  1668.            width: 100%;
  1669.            height: 100%;
  1670.            /* background: rgb(40,0,0);
  1671.            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
  1672.            background: var(--result-tanggal-background);
  1673.            white-space: nowarp;
  1674.            font-size: .79rem;
  1675.            display: grid;
  1676.            place-items: center;
  1677.            font-family: 'Abel', sans-serif;
  1678.            color: var(--result-tanggal-color);
  1679.        }
  1680.        
  1681.        @media only screen and (max-width: 1000px) {
  1682.            
  1683.            .togel-desktop {
  1684.                display: none;
  1685.            }
  1686.            
  1687.            .togel-mobile {
  1688.  
  1689.                background: var(--secondary-background);
  1690.                grid-area: togel-mobile;
  1691.                padding: 24px;
  1692.                padding-bottom: 12px;
  1693.                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
  1694.            }
  1695.        
  1696.            .togel-title {
  1697.                padding: 0px;
  1698.                padding-bottom: 20px;
  1699.                font-size: 1.4rem;
  1700.                font-weight: bold;
  1701.                color: var(--primary-text-color);
  1702.            }
  1703.        
  1704.            .togel-content {
  1705.                max-height: fit-content;
  1706.                display: grid;
  1707.                grid-template-columns: 1fr;
  1708.                gap: 0;
  1709.                border-radius: 8px;
  1710.            }
  1711.            
  1712.  
  1713.        
  1714.            .provider-group {
  1715.                padding: var(--mobile-padding-horizontal);
  1716.            }
  1717.        
  1718.            .badge {
  1719.                display: none;
  1720.            }
  1721.        
  1722.            .result {
  1723.                height: auto;
  1724.                width: 100%;
  1725.                display: grid;
  1726.                grid-template-rows: 1fr;
  1727.                grid-template-columns: 1fr 1fr 80px;
  1728.                grid-template-areas: "pasaran tanggal keluaran";
  1729.                border-radius: 0;
  1730.                border: none;
  1731.                background: transparent;
  1732.                padding: 4px 12px;
  1733.                color: var(--primary-text-color);
  1734.                font-family: 'Abel', sans-serif;
  1735.                
  1736.            }
  1737.            
  1738.                        
  1739.            .result-data:nth-child(odd) {
  1740.                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
  1741.            }
  1742.            
  1743.                        
  1744.            .accordion-item {
  1745.                background-color: transparent;
  1746.                border: 0px;
  1747.            }
  1748.            
  1749.            .accordion-button:not(.collapsed) {
  1750.                color: inherit;
  1751.                background-color: transparent;
  1752.                box-shadow: none;
  1753.            }
  1754.            
  1755.            .accordion-button::after {
  1756.                height: 0px;
  1757.            }
  1758.        
  1759.            .result>* {
  1760.                padding: 0px!important;
  1761.                margin: 0px!important;
  1762.                font-size: 1.4rem!important;
  1763.                line-height: auto!important;
  1764.                font-weight: normal!important;
  1765.            }
  1766.        
  1767.            .result>.pasaran {
  1768.                display: flex;
  1769.                justify-content: start;
  1770.                color: var(--primary-text-color)!important;
  1771.                opacity: .7;
  1772.            }
  1773.        
  1774.            .result>.tanggal {        
  1775.                display: flex;
  1776.                justify-content: center;
  1777.                background: transparent;
  1778.                color: var(--primary-text-color)!important;
  1779.                opacity: .7;
  1780.            }
  1781.        
  1782.            .result>.keluaran {
  1783.                display: flex;
  1784.                justify-content: end;
  1785.                /*color: var(--primary-text-color)!important;*/
  1786.                font-family: 'Abel', sans-serif;
  1787.                color: var(--highlight-text-color);
  1788.            }
  1789.            
  1790.        }
  1791. </style>
  1795. <div id="togel-desktop" class="togel-desktop desktop-only">
  1796.    
  1797.             <div class="show-more desktop-only">
  1798.                <div class="show-more-content">
  1799.                    <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i>
  1800.                </div>
  1801.            </div>
  1802.            
  1803.        
  1804.    
  1805.        <div class="togel-content see-more">
  1806.                            <a href="/?content=hasil&pid=TWH" class="result">
  1807.                    
  1808.                    <div class="badge">
  1809.                                            </div>
  1810.                    
  1811.                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  1812.                    <div class="keluaran">6485</div>
  1813.                    <div class="tanggal">SELASA 21/5/2024</div>
  1814.                </a>
  1815.                            <a href="/?content=hasil&pid=HKD" class="result">
  1816.                    
  1817.                    <div class="badge">
  1818.                                            </div>
  1819.                    
  1820.                    <div class="pasaran">HK SIANG&nbsp</div>
  1821.                    <div class="keluaran">1393</div>
  1822.                    <div class="tanggal">SENIN 20/5/2024</div>
  1823.                </a>
  1824.                            <a href="/?content=hasil&pid=NZB" class="result">
  1825.                    
  1826.                    <div class="badge">
  1827.                                            </div>
  1828.                    
  1829.                    <div class="pasaran">BULLSEYE&nbsp</div>
  1830.                    <div class="keluaran">0720</div>
  1831.                    <div class="tanggal">SENIN 20/5/2024</div>
  1832.                </a>
  1833.                            <a href="/?content=hasil&pid=SG" class="result">
  1834.                    
  1835.                    <div class="badge">
  1836.                                            </div>
  1837.                    
  1838.                    <div class="pasaran">SINGAPORE&nbsp</div>
  1839.                    <div class="keluaran">2220</div>
  1840.                    <div class="tanggal">SENIN 20/5/2024</div>
  1841.                </a>
  1842.                            <a href="/?content=hasil&pid=QTR" class="result">
  1843.                    
  1844.                    <div class="badge">
  1845.                                            </div>
  1846.                    
  1847.                    <div class="pasaran">QATAR&nbsp</div>
  1848.                    <div class="keluaran">3097</div>
  1849.                    <div class="tanggal">SENIN 20/5/2024</div>
  1850.                </a>
  1851.                            <a href="/?content=hasil&pid=CAM" class="result">
  1852.                    
  1853.                    <div class="badge">
  1854.                                            </div>
  1855.                    
  1856.                    <div class="pasaran">CAMBODIA&nbsp</div>
  1857.                    <div class="keluaran">2250</div>
  1858.                    <div class="tanggal">SENIN 20/5/2024</div>
  1859.                </a>
  1860.                            <a href="/?content=hasil&pid=TWN" class="result">
  1861.                    
  1862.                    <div class="badge">
  1863.                                            </div>
  1864.                    
  1865.                    <div class="pasaran">TAIWAN&nbsp</div>
  1866.                    <div class="keluaran">8096</div>
  1867.                    <div class="tanggal">SENIN 20/5/2024</div>
  1868.                </a>
  1869.                            <a href="/?content=hasil&pid=MY" class="result">
  1870.                    
  1871.                    <div class="badge">
  1872.                                            </div>
  1873.                    
  1874.                    <div class="pasaran">MALAYSIA&nbsp</div>
  1875.                    <div class="keluaran">3972</div>
  1876.                    <div class="tanggal">SENIN 20/5/2024</div>
  1877.                </a>
  1878.                            <a href="/?content=hasil&pid=SGM" class="result">
  1879.                    
  1880.                    <div class="badge">
  1881.                                            </div>
  1882.                    
  1883.                    <div class="pasaran">SG METRO&nbsp</div>
  1884.                    <div class="keluaran">4043</div>
  1885.                    <div class="tanggal">SENIN 20/5/2024</div>
  1886.                </a>
  1887.                            <a href="/?content=hasil&pid=MYD" class="result">
  1888.                    
  1889.                    <div class="badge">
  1890.                                            </div>
  1891.                    
  1892.                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
  1893.                    <div class="keluaran">0240</div>
  1894.                    <div class="tanggal">SENIN 20/5/2024</div>
  1895.                </a>
  1896.                            <a href="/?content=hasil&pid=TMC00" class="result">
  1897.                    
  1898.                    <div class="badge">
  1899.                                            </div>
  1900.                    
  1901.                    <div class="pasaran">TOTO MACAU0000&nbsp</div>
  1902.                    <div class="keluaran">2329</div>
  1903.                    <div class="tanggal">SELASA 21/5/2024</div>
  1904.                </a>
  1905.                            <a href="/?content=hasil&pid=TMC13" class="result">
  1906.                    
  1907.                    <div class="badge">
  1908.                                            </div>
  1909.                    
  1910.                    <div class="pasaran">TOTO MACAU1300&nbsp</div>
  1911.                    <div class="keluaran">9924</div>
  1912.                    <div class="tanggal">SENIN 20/5/2024</div>
  1913.                </a>
  1914.                            <a href="/?content=hasil&pid=TMC16" class="result">
  1915.                    
  1916.                    <div class="badge">
  1917.                                            </div>
  1918.                    
  1919.                    <div class="pasaran">TOTO MACAU1600&nbsp</div>
  1920.                    <div class="keluaran">6124</div>
  1921.                    <div class="tanggal">SENIN 20/5/2024</div>
  1922.                </a>
  1923.                            <a href="/?content=hasil&pid=TMC19" class="result">
  1924.                    
  1925.                    <div class="badge">
  1926.                                            </div>
  1927.                    
  1928.                    <div class="pasaran">TOTO MACAU1900&nbsp</div>
  1929.                    <div class="keluaran">6723</div>
  1930.                    <div class="tanggal">SENIN 20/5/2024</div>
  1931.                </a>
  1932.                            <a href="/?content=hasil&pid=TMC22" class="result">
  1933.                    
  1934.                    <div class="badge">
  1935.                                            </div>
  1936.                    
  1937.                    <div class="pasaran">TOTO MACAU2200&nbsp</div>
  1938.                    <div class="keluaran">3507</div>
  1939.                    <div class="tanggal">SENIN 20/5/2024</div>
  1940.                </a>
  1941.                            <a href="/?content=hasil&pid=TMC23" class="result">
  1942.                    
  1943.                    <div class="badge">
  1944.                                            </div>
  1945.                    
  1946.                    <div class="pasaran">TOTO MACAU2300&nbsp</div>
  1947.                    <div class="keluaran">3099</div>
  1948.                    <div class="tanggal">SENIN 20/5/2024</div>
  1949.                </a>
  1950.                        
  1951.        </div>
  1952.    </div>
  1953.    
  1954.    <div id="togel-mobile" class="togel-mobile mobile-only">
  1955.        
  1956.        <div class="togel-title">Togel Result</div>
  1957.        
  1958.                
  1959.    <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
  1960.          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
  1961.              
  1962.                                                                        <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  1963.                                                                                <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button>
  1964.                                                              
  1965.          </div>
  1966.          <div class="carousel-inner">
  1967.  
  1968.            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
  1969.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
  1970.                                    <div class="badge">
  1971.                                                                            </div>
  1972.                                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  1973.                                    <div class="keluaran">6485</div>
  1974.                                    <div class="tanggal">21-05-2024</div>
  1975.                              </button>
  1976.                              
  1977.                                <div id="paito-TWH" class="accordion-collapse collapse">
  1978.                                    
  1979.                                            <div class="result">
  1980.                                                <div class="pasaran"></div>
  1981.                                                <div class="keluaran">7864</div>
  1982.                                                <div class="tanggal">20-05-2024</div>
  1983.                                            </div>
  1984.                                        
  1985.                                            <div class="result">
  1986.                                                <div class="pasaran"></div>
  1987.                                                <div class="keluaran">0990</div>
  1988.                                                <div class="tanggal">20-05-2024</div>
  1989.                                            </div>
  1990.                                        
  1991.                                            <div class="result">
  1992.                                                <div class="pasaran"></div>
  1993.                                                <div class="keluaran">0767</div>
  1994.                                                <div class="tanggal">20-05-2024</div>
  1995.                                            </div>
  1996.                                        
  1997.                                            <div class="result">
  1998.                                                <div class="pasaran"></div>
  1999.                                                <div class="keluaran">8668</div>
  2000.                                                <div class="tanggal">20-05-2024</div>
  2001.                                            </div>
  2002.                                        
  2003.                                            <div class="result">
  2004.                                                <div class="pasaran"></div>
  2005.                                                <div class="keluaran">0828</div>
  2006.                                                <div class="tanggal">20-05-2024</div>
  2007.                                            </div>
  2008.                                        
  2009.                                            <div class="result">
  2010.                                                <div class="pasaran"></div>
  2011.                                                <div class="keluaran">4565</div>
  2012.                                                <div class="tanggal">20-05-2024</div>
  2013.                                            </div>
  2014.                                        
  2015.                                            <div class="result">
  2016.                                                <div class="pasaran"></div>
  2017.                                                <div class="keluaran">5083</div>
  2018.                                                <div class="tanggal">19-05-2024</div>
  2019.                                            </div>
  2020.                                                                        </div>
  2021.                            </div>
  2022.                            
  2023.                                                    <div class="result-data accordion-item">
  2024.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
  2025.                                    <div class="badge">
  2026.                                                                            </div>
  2027.                                    <div class="pasaran">HK SIANG&nbsp</div>
  2028.                                    <div class="keluaran">1393</div>
  2029.                                    <div class="tanggal">20-05-2024</div>
  2030.                              </button>
  2031.                              
  2032.                                <div id="paito-HKD" class="accordion-collapse collapse">
  2033.                                    
  2034.                                            <div class="result">
  2035.                                                <div class="pasaran"></div>
  2036.                                                <div class="keluaran">8670</div>
  2037.                                                <div class="tanggal">19-05-2024</div>
  2038.                                            </div>
  2039.                                        
  2040.                                            <div class="result">
  2041.                                                <div class="pasaran"></div>
  2042.                                                <div class="keluaran">0283</div>
  2043.                                                <div class="tanggal">18-05-2024</div>
  2044.                                            </div>
  2045.                                        
  2046.                                            <div class="result">
  2047.                                                <div class="pasaran"></div>
  2048.                                                <div class="keluaran">8772</div>
  2049.                                                <div class="tanggal">17-05-2024</div>
  2050.                                            </div>
  2051.                                        
  2052.                                            <div class="result">
  2053.                                                <div class="pasaran"></div>
  2054.                                                <div class="keluaran">6853</div>
  2055.                                                <div class="tanggal">16-05-2024</div>
  2056.                                            </div>
  2057.                                        
  2058.                                            <div class="result">
  2059.                                                <div class="pasaran"></div>
  2060.                                                <div class="keluaran">9696</div>
  2061.                                                <div class="tanggal">15-05-2024</div>
  2062.                                            </div>
  2063.                                        
  2064.                                            <div class="result">
  2065.                                                <div class="pasaran"></div>
  2066.                                                <div class="keluaran">2858</div>
  2067.                                                <div class="tanggal">14-05-2024</div>
  2068.                                            </div>
  2069.                                        
  2070.                                            <div class="result">
  2071.                                                <div class="pasaran"></div>
  2072.                                                <div class="keluaran">7767</div>
  2073.                                                <div class="tanggal">13-05-2024</div>
  2074.                                            </div>
  2075.                                                                        </div>
  2076.                            </div>
  2077.                            
  2078.                                                    <div class="result-data accordion-item">
  2079.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-NZB">
  2080.                                    <div class="badge">
  2081.                                                                            </div>
  2082.                                    <div class="pasaran">BULLSEYE&nbsp</div>
  2083.                                    <div class="keluaran">0720</div>
  2084.                                    <div class="tanggal">20-05-2024</div>
  2085.                              </button>
  2086.                              
  2087.                                <div id="paito-NZB" class="accordion-collapse collapse">
  2088.                                    
  2089.                                            <div class="result">
  2090.                                                <div class="pasaran"></div>
  2091.                                                <div class="keluaran">4505</div>
  2092.                                                <div class="tanggal">19-05-2024</div>
  2093.                                            </div>
  2094.                                        
  2095.                                            <div class="result">
  2096.                                                <div class="pasaran"></div>
  2097.                                                <div class="keluaran">2205</div>
  2098.                                                <div class="tanggal">18-05-2024</div>
  2099.                                            </div>
  2100.                                        
  2101.                                            <div class="result">
  2102.                                                <div class="pasaran"></div>
  2103.                                                <div class="keluaran">6648</div>
  2104.                                                <div class="tanggal">17-05-2024</div>
  2105.                                            </div>
  2106.                                        
  2107.                                            <div class="result">
  2108.                                                <div class="pasaran"></div>
  2109.                                                <div class="keluaran">1440</div>
  2110.                                                <div class="tanggal">16-05-2024</div>
  2111.                                            </div>
  2112.                                        
  2113.                                            <div class="result">
  2114.                                                <div class="pasaran"></div>
  2115.                                                <div class="keluaran">5044</div>
  2116.                                                <div class="tanggal">15-05-2024</div>
  2117.                                            </div>
  2118.                                        
  2119.                                            <div class="result">
  2120.                                                <div class="pasaran"></div>
  2121.                                                <div class="keluaran">3952</div>
  2122.                                                <div class="tanggal">14-05-2024</div>
  2123.                                            </div>
  2124.                                        
  2125.                                            <div class="result">
  2126.                                                <div class="pasaran"></div>
  2127.                                                <div class="keluaran">5193</div>
  2128.                                                <div class="tanggal">13-05-2024</div>
  2129.                                            </div>
  2130.                                                                        </div>
  2131.                            </div>
  2132.                            
  2133.                                                    <div class="result-data accordion-item">
  2134.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
  2135.                                    <div class="badge">
  2136.                                                                            </div>
  2137.                                    <div class="pasaran">SINGAPORE&nbsp</div>
  2138.                                    <div class="keluaran">2220</div>
  2139.                                    <div class="tanggal">20-05-2024</div>
  2140.                              </button>
  2141.                              
  2142.                                <div id="paito-SG" class="accordion-collapse collapse">
  2143.                                    
  2144.                                            <div class="result">
  2145.                                                <div class="pasaran"></div>
  2146.                                                <div class="keluaran">4448</div>
  2147.                                                <div class="tanggal">19-05-2024</div>
  2148.                                            </div>
  2149.                                        
  2150.                                            <div class="result">
  2151.                                                <div class="pasaran"></div>
  2152.                                                <div class="keluaran">0431</div>
  2153.                                                <div class="tanggal">18-05-2024</div>
  2154.                                            </div>
  2155.                                        
  2156.                                            <div class="result">
  2157.                                                <div class="pasaran"></div>
  2158.                                                <div class="keluaran">7354</div>
  2159.                                                <div class="tanggal">16-05-2024</div>
  2160.                                            </div>
  2161.                                        
  2162.                                            <div class="result">
  2163.                                                <div class="pasaran"></div>
  2164.                                                <div class="keluaran">1080</div>
  2165.                                                <div class="tanggal">15-05-2024</div>
  2166.                                            </div>
  2167.                                        
  2168.                                            <div class="result">
  2169.                                                <div class="pasaran"></div>
  2170.                                                <div class="keluaran">3651</div>
  2171.                                                <div class="tanggal">13-05-2024</div>
  2172.                                            </div>
  2173.                                        
  2174.                                            <div class="result">
  2175.                                                <div class="pasaran"></div>
  2176.                                                <div class="keluaran">2054</div>
  2177.                                                <div class="tanggal">12-05-2024</div>
  2178.                                            </div>
  2179.                                        
  2180.                                            <div class="result">
  2181.                                                <div class="pasaran"></div>
  2182.                                                <div class="keluaran">1749</div>
  2183.                                                <div class="tanggal">11-05-2024</div>
  2184.                                            </div>
  2185.                                                                        </div>
  2186.                            </div>
  2187.                            
  2188.                                                    <div class="result-data accordion-item">
  2189.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR">
  2190.                                    <div class="badge">
  2191.                                                                            </div>
  2192.                                    <div class="pasaran">QATAR&nbsp</div>
  2193.                                    <div class="keluaran">3097</div>
  2194.                                    <div class="tanggal">20-05-2024</div>
  2195.                              </button>
  2196.                              
  2197.                                <div id="paito-QTR" class="accordion-collapse collapse">
  2198.                                    
  2199.                                            <div class="result">
  2200.                                                <div class="pasaran"></div>
  2201.                                                <div class="keluaran">6502</div>
  2202.                                                <div class="tanggal">19-05-2024</div>
  2203.                                            </div>
  2204.                                        
  2205.                                            <div class="result">
  2206.                                                <div class="pasaran"></div>
  2207.                                                <div class="keluaran">2457</div>
  2208.                                                <div class="tanggal">18-05-2024</div>
  2209.                                            </div>
  2210.                                        
  2211.                                            <div class="result">
  2212.                                                <div class="pasaran"></div>
  2213.                                                <div class="keluaran">5654</div>
  2214.                                                <div class="tanggal">17-05-2024</div>
  2215.                                            </div>
  2216.                                        
  2217.                                            <div class="result">
  2218.                                                <div class="pasaran"></div>
  2219.                                                <div class="keluaran">8622</div>
  2220.                                                <div class="tanggal">16-05-2024</div>
  2221.                                            </div>
  2222.                                        
  2223.                                            <div class="result">
  2224.                                                <div class="pasaran"></div>
  2225.                                                <div class="keluaran">7671</div>
  2226.                                                <div class="tanggal">15-05-2024</div>
  2227.                                            </div>
  2228.                                        
  2229.                                            <div class="result">
  2230.                                                <div class="pasaran"></div>
  2231.                                                <div class="keluaran">1835</div>
  2232.                                                <div class="tanggal">14-05-2024</div>
  2233.                                            </div>
  2234.                                        
  2235.                                            <div class="result">
  2236.                                                <div class="pasaran"></div>
  2237.                                                <div class="keluaran">5843</div>
  2238.                                                <div class="tanggal">13-05-2024</div>
  2239.                                            </div>
  2240.                                                                        </div>
  2241.                            </div>
  2242.                            
  2243.                                                    <div class="result-data accordion-item">
  2244.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-CAM">
  2245.                                    <div class="badge">
  2246.                                                                            </div>
  2247.                                    <div class="pasaran">CAMBODIA&nbsp</div>
  2248.                                    <div class="keluaran">2250</div>
  2249.                                    <div class="tanggal">20-05-2024</div>
  2250.                              </button>
  2251.                              
  2252.                                <div id="paito-CAM" class="accordion-collapse collapse">
  2253.                                    
  2254.                                            <div class="result">
  2255.                                                <div class="pasaran"></div>
  2256.                                                <div class="keluaran">1901</div>
  2257.                                                <div class="tanggal">19-05-2024</div>
  2258.                                            </div>
  2259.                                        
  2260.                                            <div class="result">
  2261.                                                <div class="pasaran"></div>
  2262.                                                <div class="keluaran">0323</div>
  2263.                                                <div class="tanggal">18-05-2024</div>
  2264.                                            </div>
  2265.                                        
  2266.                                            <div class="result">
  2267.                                                <div class="pasaran"></div>
  2268.                                                <div class="keluaran">5470</div>
  2269.                                                <div class="tanggal">17-05-2024</div>
  2270.                                            </div>
  2271.                                        
  2272.                                            <div class="result">
  2273.                                                <div class="pasaran"></div>
  2274.                                                <div class="keluaran">7339</div>
  2275.                                                <div class="tanggal">16-05-2024</div>
  2276.                                            </div>
  2277.                                        
  2278.                                            <div class="result">
  2279.                                                <div class="pasaran"></div>
  2280.                                                <div class="keluaran">6970</div>
  2281.                                                <div class="tanggal">15-05-2024</div>
  2282.                                            </div>
  2283.                                        
  2284.                                            <div class="result">
  2285.                                                <div class="pasaran"></div>
  2286.                                                <div class="keluaran">7006</div>
  2287.                                                <div class="tanggal">14-05-2024</div>
  2288.                                            </div>
  2289.                                        
  2290.                                            <div class="result">
  2291.                                                <div class="pasaran"></div>
  2292.                                                <div class="keluaran">6214</div>
  2293.                                                <div class="tanggal">13-05-2024</div>
  2294.                                            </div>
  2295.                                                                        </div>
  2296.                            </div>
  2297.                            
  2298.                                                    <div class="result-data accordion-item">
  2299.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWN">
  2300.                                    <div class="badge">
  2301.                                                                            </div>
  2302.                                    <div class="pasaran">TAIWAN&nbsp</div>
  2303.                                    <div class="keluaran">8096</div>
  2304.                                    <div class="tanggal">20-05-2024</div>
  2305.                              </button>
  2306.                              
  2307.                                <div id="paito-TWN" class="accordion-collapse collapse">
  2308.                                    
  2309.                                            <div class="result">
  2310.                                                <div class="pasaran"></div>
  2311.                                                <div class="keluaran">3713</div>
  2312.                                                <div class="tanggal">19-05-2024</div>
  2313.                                            </div>
  2314.                                        
  2315.                                            <div class="result">
  2316.                                                <div class="pasaran"></div>
  2317.                                                <div class="keluaran">1385</div>
  2318.                                                <div class="tanggal">18-05-2024</div>
  2319.                                            </div>
  2320.                                        
  2321.                                            <div class="result">
  2322.                                                <div class="pasaran"></div>
  2323.                                                <div class="keluaran">7964</div>
  2324.                                                <div class="tanggal">17-05-2024</div>
  2325.                                            </div>
  2326.                                        
  2327.                                            <div class="result">
  2328.                                                <div class="pasaran"></div>
  2329.                                                <div class="keluaran">7956</div>
  2330.                                                <div class="tanggal">16-05-2024</div>
  2331.                                            </div>
  2332.                                        
  2333.                                            <div class="result">
  2334.                                                <div class="pasaran"></div>
  2335.                                                <div class="keluaran">6149</div>
  2336.                                                <div class="tanggal">15-05-2024</div>
  2337.                                            </div>
  2338.                                        
  2339.                                            <div class="result">
  2340.                                                <div class="pasaran"></div>
  2341.                                                <div class="keluaran">4782</div>
  2342.                                                <div class="tanggal">14-05-2024</div>
  2343.                                            </div>
  2344.                                        
  2345.                                            <div class="result">
  2346.                                                <div class="pasaran"></div>
  2347.                                                <div class="keluaran">8178</div>
  2348.                                                <div class="tanggal">13-05-2024</div>
  2349.                                            </div>
  2350.                                                                        </div>
  2351.                            </div>
  2352.                            
  2353.                                                    <div class="result-data accordion-item">
  2354.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
  2355.                                    <div class="badge">
  2356.                                                                            </div>
  2357.                                    <div class="pasaran">MALAYSIA&nbsp</div>
  2358.                                    <div class="keluaran">3972</div>
  2359.                                    <div class="tanggal">20-05-2024</div>
  2360.                              </button>
  2361.                              
  2362.                                <div id="paito-MY" class="accordion-collapse collapse">
  2363.                                    
  2364.                                            <div class="result">
  2365.                                                <div class="pasaran"></div>
  2366.                                                <div class="keluaran">5950</div>
  2367.                                                <div class="tanggal">19-05-2024</div>
  2368.                                            </div>
  2369.                                        
  2370.                                            <div class="result">
  2371.                                                <div class="pasaran"></div>
  2372.                                                <div class="keluaran">0719</div>
  2373.                                                <div class="tanggal">18-05-2024</div>
  2374.                                            </div>
  2375.                                        
  2376.                                            <div class="result">
  2377.                                                <div class="pasaran"></div>
  2378.                                                <div class="keluaran">6762</div>
  2379.                                                <div class="tanggal">17-05-2024</div>
  2380.                                            </div>
  2381.                                        
  2382.                                            <div class="result">
  2383.                                                <div class="pasaran"></div>
  2384.                                                <div class="keluaran">8205</div>
  2385.                                                <div class="tanggal">16-05-2024</div>
  2386.                                            </div>
  2387.                                        
  2388.                                            <div class="result">
  2389.                                                <div class="pasaran"></div>
  2390.                                                <div class="keluaran">4056</div>
  2391.                                                <div class="tanggal">15-05-2024</div>
  2392.                                            </div>
  2393.                                        
  2394.                                            <div class="result">
  2395.                                                <div class="pasaran"></div>
  2396.                                                <div class="keluaran">2410</div>
  2397.                                                <div class="tanggal">14-05-2024</div>
  2398.                                            </div>
  2399.                                        
  2400.                                            <div class="result">
  2401.                                                <div class="pasaran"></div>
  2402.                                                <div class="keluaran">0735</div>
  2403.                                                <div class="tanggal">13-05-2024</div>
  2404.                                            </div>
  2405.                                                                        </div>
  2406.                            </div>
  2407.                            
  2408.                                                    <div class="result-data accordion-item">
  2409.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGM">
  2410.                                    <div class="badge">
  2411.                                                                            </div>
  2412.                                    <div class="pasaran">SG METRO&nbsp</div>
  2413.                                    <div class="keluaran">4043</div>
  2414.                                    <div class="tanggal">20-05-2024</div>
  2415.                              </button>
  2416.                              
  2417.                                <div id="paito-SGM" class="accordion-collapse collapse">
  2418.                                    
  2419.                                            <div class="result">
  2420.                                                <div class="pasaran"></div>
  2421.                                                <div class="keluaran">5855</div>
  2422.                                                <div class="tanggal">19-05-2024</div>
  2423.                                            </div>
  2424.                                        
  2425.                                            <div class="result">
  2426.                                                <div class="pasaran"></div>
  2427.                                                <div class="keluaran">8138</div>
  2428.                                                <div class="tanggal">18-05-2024</div>
  2429.                                            </div>
  2430.                                        
  2431.                                            <div class="result">
  2432.                                                <div class="pasaran"></div>
  2433.                                                <div class="keluaran">1781</div>
  2434.                                                <div class="tanggal">17-05-2024</div>
  2435.                                            </div>
  2436.                                        
  2437.                                            <div class="result">
  2438.                                                <div class="pasaran"></div>
  2439.                                                <div class="keluaran">1382</div>
  2440.                                                <div class="tanggal">16-05-2024</div>
  2441.                                            </div>
  2442.                                        
  2443.                                            <div class="result">
  2444.                                                <div class="pasaran"></div>
  2445.                                                <div class="keluaran">7510</div>
  2446.                                                <div class="tanggal">15-05-2024</div>
  2447.                                            </div>
  2448.                                        
  2449.                                            <div class="result">
  2450.                                                <div class="pasaran"></div>
  2451.                                                <div class="keluaran">2920</div>
  2452.                                                <div class="tanggal">14-05-2024</div>
  2453.                                            </div>
  2454.                                        
  2455.                                            <div class="result">
  2456.                                                <div class="pasaran"></div>
  2457.                                                <div class="keluaran">6426</div>
  2458.                                                <div class="tanggal">13-05-2024</div>
  2459.                                            </div>
  2460.                                                                        </div>
  2461.                            </div>
  2462.                            
  2463.                                                    <div class="result-data accordion-item">
  2464.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD">
  2465.                                    <div class="badge">
  2466.                                                                            </div>
  2467.                                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
  2468.                                    <div class="keluaran">0240</div>
  2469.                                    <div class="tanggal">20-05-2024</div>
  2470.                              </button>
  2471.                              
  2472.                                <div id="paito-MYD" class="accordion-collapse collapse">
  2473.                                    
  2474.                                            <div class="result">
  2475.                                                <div class="pasaran"></div>
  2476.                                                <div class="keluaran">7094</div>
  2477.                                                <div class="tanggal">19-05-2024</div>
  2478.                                            </div>
  2479.                                        
  2480.                                            <div class="result">
  2481.                                                <div class="pasaran"></div>
  2482.                                                <div class="keluaran">4026</div>
  2483.                                                <div class="tanggal">18-05-2024</div>
  2484.                                            </div>
  2485.                                        
  2486.                                            <div class="result">
  2487.                                                <div class="pasaran"></div>
  2488.                                                <div class="keluaran">6959</div>
  2489.                                                <div class="tanggal">17-05-2024</div>
  2490.                                            </div>
  2491.                                        
  2492.                                            <div class="result">
  2493.                                                <div class="pasaran"></div>
  2494.                                                <div class="keluaran">6409</div>
  2495.                                                <div class="tanggal">16-05-2024</div>
  2496.                                            </div>
  2497.                                        
  2498.                                            <div class="result">
  2499.                                                <div class="pasaran"></div>
  2500.                                                <div class="keluaran">7919</div>
  2501.                                                <div class="tanggal">15-05-2024</div>
  2502.                                            </div>
  2503.                                        
  2504.                                            <div class="result">
  2505.                                                <div class="pasaran"></div>
  2506.                                                <div class="keluaran">6016</div>
  2507.                                                <div class="tanggal">14-05-2024</div>
  2508.                                            </div>
  2509.                                        
  2510.                                            <div class="result">
  2511.                                                <div class="pasaran"></div>
  2512.                                                <div class="keluaran">6507</div>
  2513.                                                <div class="tanggal">13-05-2024</div>
  2514.                                            </div>
  2515.                                                                        </div>
  2516.                            </div>
  2517.                            
  2518.                        </div><div class='carousel-item accordion accordion-flush'>                            <div class="result-data accordion-item">
  2519.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC00">
  2520.                                    <div class="badge">
  2521.                                                                            </div>
  2522.                                    <div class="pasaran">TOTO MACAU0000&nbsp</div>
  2523.                                    <div class="keluaran">2329</div>
  2524.                                    <div class="tanggal">21-05-2024</div>
  2525.                              </button>
  2526.                              
  2527.                                <div id="paito-TMC00" class="accordion-collapse collapse">
  2528.                                    
  2529.                                            <div class="result">
  2530.                                                <div class="pasaran"></div>
  2531.                                                <div class="keluaran">2537</div>
  2532.                                                <div class="tanggal">20-05-2024</div>
  2533.                                            </div>
  2534.                                        
  2535.                                            <div class="result">
  2536.                                                <div class="pasaran"></div>
  2537.                                                <div class="keluaran">6136</div>
  2538.                                                <div class="tanggal">19-05-2024</div>
  2539.                                            </div>
  2540.                                        
  2541.                                            <div class="result">
  2542.                                                <div class="pasaran"></div>
  2543.                                                <div class="keluaran">0860</div>
  2544.                                                <div class="tanggal">18-05-2024</div>
  2545.                                            </div>
  2546.                                        
  2547.                                            <div class="result">
  2548.                                                <div class="pasaran"></div>
  2549.                                                <div class="keluaran">4262</div>
  2550.                                                <div class="tanggal">17-05-2024</div>
  2551.                                            </div>
  2552.                                        
  2553.                                            <div class="result">
  2554.                                                <div class="pasaran"></div>
  2555.                                                <div class="keluaran">4534</div>
  2556.                                                <div class="tanggal">16-05-2024</div>
  2557.                                            </div>
  2558.                                        
  2559.                                            <div class="result">
  2560.                                                <div class="pasaran"></div>
  2561.                                                <div class="keluaran">6016</div>
  2562.                                                <div class="tanggal">15-05-2024</div>
  2563.                                            </div>
  2564.                                        
  2565.                                            <div class="result">
  2566.                                                <div class="pasaran"></div>
  2567.                                                <div class="keluaran">3642</div>
  2568.                                                <div class="tanggal">14-05-2024</div>
  2569.                                            </div>
  2570.                                                                        </div>
  2571.                            </div>
  2572.                            
  2573.                                                    <div class="result-data accordion-item">
  2574.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC13">
  2575.                                    <div class="badge">
  2576.                                                                            </div>
  2577.                                    <div class="pasaran">TOTO MACAU1300&nbsp</div>
  2578.                                    <div class="keluaran">9924</div>
  2579.                                    <div class="tanggal">20-05-2024</div>
  2580.                              </button>
  2581.                              
  2582.                                <div id="paito-TMC13" class="accordion-collapse collapse">
  2583.                                    
  2584.                                            <div class="result">
  2585.                                                <div class="pasaran"></div>
  2586.                                                <div class="keluaran">3926</div>
  2587.                                                <div class="tanggal">19-05-2024</div>
  2588.                                            </div>
  2589.                                        
  2590.                                            <div class="result">
  2591.                                                <div class="pasaran"></div>
  2592.                                                <div class="keluaran">0985</div>
  2593.                                                <div class="tanggal">18-05-2024</div>
  2594.                                            </div>
  2595.                                        
  2596.                                            <div class="result">
  2597.                                                <div class="pasaran"></div>
  2598.                                                <div class="keluaran">7046</div>
  2599.                                                <div class="tanggal">17-05-2024</div>
  2600.                                            </div>
  2601.                                        
  2602.                                            <div class="result">
  2603.                                                <div class="pasaran"></div>
  2604.                                                <div class="keluaran">4868</div>
  2605.                                                <div class="tanggal">16-05-2024</div>
  2606.                                            </div>
  2607.                                        
  2608.                                            <div class="result">
  2609.                                                <div class="pasaran"></div>
  2610.                                                <div class="keluaran">1802</div>
  2611.                                                <div class="tanggal">15-05-2024</div>
  2612.                                            </div>
  2613.                                        
  2614.                                            <div class="result">
  2615.                                                <div class="pasaran"></div>
  2616.                                                <div class="keluaran">1909</div>
  2617.                                                <div class="tanggal">14-05-2024</div>
  2618.                                            </div>
  2619.                                        
  2620.                                            <div class="result">
  2621.                                                <div class="pasaran"></div>
  2622.                                                <div class="keluaran">6896</div>
  2623.                                                <div class="tanggal">13-05-2024</div>
  2624.                                            </div>
  2625.                                                                        </div>
  2626.                            </div>
  2627.                            
  2628.                                                    <div class="result-data accordion-item">
  2629.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC16">
  2630.                                    <div class="badge">
  2631.                                                                            </div>
  2632.                                    <div class="pasaran">TOTO MACAU1600&nbsp</div>
  2633.                                    <div class="keluaran">6124</div>
  2634.                                    <div class="tanggal">20-05-2024</div>
  2635.                              </button>
  2636.                              
  2637.                                <div id="paito-TMC16" class="accordion-collapse collapse">
  2638.                                    
  2639.                                            <div class="result">
  2640.                                                <div class="pasaran"></div>
  2641.                                                <div class="keluaran">3166</div>
  2642.                                                <div class="tanggal">19-05-2024</div>
  2643.                                            </div>
  2644.                                        
  2645.                                            <div class="result">
  2646.                                                <div class="pasaran"></div>
  2647.                                                <div class="keluaran">4242</div>
  2648.                                                <div class="tanggal">18-05-2024</div>
  2649.                                            </div>
  2650.                                        
  2651.                                            <div class="result">
  2652.                                                <div class="pasaran"></div>
  2653.                                                <div class="keluaran">5751</div>
  2654.                                                <div class="tanggal">17-05-2024</div>
  2655.                                            </div>
  2656.                                        
  2657.                                            <div class="result">
  2658.                                                <div class="pasaran"></div>
  2659.                                                <div class="keluaran">1314</div>
  2660.                                                <div class="tanggal">16-05-2024</div>
  2661.                                            </div>
  2662.                                        
  2663.                                            <div class="result">
  2664.                                                <div class="pasaran"></div>
  2665.                                                <div class="keluaran">1657</div>
  2666.                                                <div class="tanggal">15-05-2024</div>
  2667.                                            </div>
  2668.                                        
  2669.                                            <div class="result">
  2670.                                                <div class="pasaran"></div>
  2671.                                                <div class="keluaran">3636</div>
  2672.                                                <div class="tanggal">14-05-2024</div>
  2673.                                            </div>
  2674.                                        
  2675.                                            <div class="result">
  2676.                                                <div class="pasaran"></div>
  2677.                                                <div class="keluaran">1536</div>
  2678.                                                <div class="tanggal">13-05-2024</div>
  2679.                                            </div>
  2680.                                                                        </div>
  2681.                            </div>
  2682.                            
  2683.                                                    <div class="result-data accordion-item">
  2684.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC19">
  2685.                                    <div class="badge">
  2686.                                                                            </div>
  2687.                                    <div class="pasaran">TOTO MACAU1900&nbsp</div>
  2688.                                    <div class="keluaran">6723</div>
  2689.                                    <div class="tanggal">20-05-2024</div>
  2690.                              </button>
  2691.                              
  2692.                                <div id="paito-TMC19" class="accordion-collapse collapse">
  2693.                                    
  2694.                                            <div class="result">
  2695.                                                <div class="pasaran"></div>
  2696.                                                <div class="keluaran">6933</div>
  2697.                                                <div class="tanggal">19-05-2024</div>
  2698.                                            </div>
  2699.                                        
  2700.                                            <div class="result">
  2701.                                                <div class="pasaran"></div>
  2702.                                                <div class="keluaran">1816</div>
  2703.                                                <div class="tanggal">18-05-2024</div>
  2704.                                            </div>
  2705.                                        
  2706.                                            <div class="result">
  2707.                                                <div class="pasaran"></div>
  2708.                                                <div class="keluaran">9742</div>
  2709.                                                <div class="tanggal">17-05-2024</div>
  2710.                                            </div>
  2711.                                        
  2712.                                            <div class="result">
  2713.                                                <div class="pasaran"></div>
  2714.                                                <div class="keluaran">6635</div>
  2715.                                                <div class="tanggal">16-05-2024</div>
  2716.                                            </div>
  2717.                                        
  2718.                                            <div class="result">
  2719.                                                <div class="pasaran"></div>
  2720.                                                <div class="keluaran">6841</div>
  2721.                                                <div class="tanggal">15-05-2024</div>
  2722.                                            </div>
  2723.                                        
  2724.                                            <div class="result">
  2725.                                                <div class="pasaran"></div>
  2726.                                                <div class="keluaran">3284</div>
  2727.                                                <div class="tanggal">14-05-2024</div>
  2728.                                            </div>
  2729.                                        
  2730.                                            <div class="result">
  2731.                                                <div class="pasaran"></div>
  2732.                                                <div class="keluaran">2216</div>
  2733.                                                <div class="tanggal">13-05-2024</div>
  2734.                                            </div>
  2735.                                                                        </div>
  2736.                            </div>
  2737.                            
  2738.                                                    <div class="result-data accordion-item">
  2739.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC22">
  2740.                                    <div class="badge">
  2741.                                                                            </div>
  2742.                                    <div class="pasaran">TOTO MACAU2200&nbsp</div>
  2743.                                    <div class="keluaran">3507</div>
  2744.                                    <div class="tanggal">20-05-2024</div>
  2745.                              </button>
  2746.                              
  2747.                                <div id="paito-TMC22" class="accordion-collapse collapse">
  2748.                                    
  2749.                                            <div class="result">
  2750.                                                <div class="pasaran"></div>
  2751.                                                <div class="keluaran">6831</div>
  2752.                                                <div class="tanggal">19-05-2024</div>
  2753.                                            </div>
  2754.                                        
  2755.                                            <div class="result">
  2756.                                                <div class="pasaran"></div>
  2757.                                                <div class="keluaran">7989</div>
  2758.                                                <div class="tanggal">18-05-2024</div>
  2759.                                            </div>
  2760.                                        
  2761.                                            <div class="result">
  2762.                                                <div class="pasaran"></div>
  2763.                                                <div class="keluaran">3874</div>
  2764.                                                <div class="tanggal">17-05-2024</div>
  2765.                                            </div>
  2766.                                        
  2767.                                            <div class="result">
  2768.                                                <div class="pasaran"></div>
  2769.                                                <div class="keluaran">9115</div>
  2770.                                                <div class="tanggal">16-05-2024</div>
  2771.                                            </div>
  2772.                                        
  2773.                                            <div class="result">
  2774.                                                <div class="pasaran"></div>
  2775.                                                <div class="keluaran">5649</div>
  2776.                                                <div class="tanggal">15-05-2024</div>
  2777.                                            </div>
  2778.                                        
  2779.                                            <div class="result">
  2780.                                                <div class="pasaran"></div>
  2781.                                                <div class="keluaran">1454</div>
  2782.                                                <div class="tanggal">14-05-2024</div>
  2783.                                            </div>
  2784.                                        
  2785.                                            <div class="result">
  2786.                                                <div class="pasaran"></div>
  2787.                                                <div class="keluaran">6195</div>
  2788.                                                <div class="tanggal">13-05-2024</div>
  2789.                                            </div>
  2790.                                                                        </div>
  2791.                            </div>
  2792.                            
  2793.                                                    <div class="result-data accordion-item">
  2794.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC23">
  2795.                                    <div class="badge">
  2796.                                                                            </div>
  2797.                                    <div class="pasaran">TOTO MACAU2300&nbsp</div>
  2798.                                    <div class="keluaran">3099</div>
  2799.                                    <div class="tanggal">20-05-2024</div>
  2800.                              </button>
  2801.                              
  2802.                                <div id="paito-TMC23" class="accordion-collapse collapse">
  2803.                                    
  2804.                                            <div class="result">
  2805.                                                <div class="pasaran"></div>
  2806.                                                <div class="keluaran">6158</div>
  2807.                                                <div class="tanggal">19-05-2024</div>
  2808.                                            </div>
  2809.                                        
  2810.                                            <div class="result">
  2811.                                                <div class="pasaran"></div>
  2812.                                                <div class="keluaran">5499</div>
  2813.                                                <div class="tanggal">18-05-2024</div>
  2814.                                            </div>
  2815.                                        
  2816.                                            <div class="result">
  2817.                                                <div class="pasaran"></div>
  2818.                                                <div class="keluaran">9497</div>
  2819.                                                <div class="tanggal">17-05-2024</div>
  2820.                                            </div>
  2821.                                        
  2822.                                            <div class="result">
  2823.                                                <div class="pasaran"></div>
  2824.                                                <div class="keluaran">5472</div>
  2825.                                                <div class="tanggal">16-05-2024</div>
  2826.                                            </div>
  2827.                                        
  2828.                                            <div class="result">
  2829.                                                <div class="pasaran"></div>
  2830.                                                <div class="keluaran">3309</div>
  2831.                                                <div class="tanggal">15-05-2024</div>
  2832.                                            </div>
  2833.                                        
  2834.                                            <div class="result">
  2835.                                                <div class="pasaran"></div>
  2836.                                                <div class="keluaran">8618</div>
  2837.                                                <div class="tanggal">14-05-2024</div>
  2838.                                            </div>
  2839.                                        
  2840.                                            <div class="result">
  2841.                                                <div class="pasaran"></div>
  2842.                                                <div class="keluaran">0002</div>
  2843.                                                <div class="tanggal">13-05-2024</div>
  2844.                                            </div>
  2845.                                                                        </div>
  2846.                            </div>
  2847.                            
  2848.                        </div>              
  2849.              
  2850.          </div>
  2851.        </div>
  2852.    </div>
  2853.    
  2854.    <script>
  2855.        
  2856.        function togglePaito(paitoid) {
  2857.            let paito = document.getElementById(paitoid);
  2858.            paito.classList.add("open");
  2859.        }
  2860.        
  2861.        
  2862.    </script>
  2863.  
  2864.    
  2865.            <div class="provider">
  2866.                <div class="provider-group">
  2867.                    <img src="https://img.viva88athenae.com//assets/categories.png" class="desktop-only" alt="" style="padding-bottom: 16px">
  2868.                    <img src="https://img.viva88athenae.com//assets/providers.png" class="desktop-only" alt="">
  2869.    
  2870.                    <img src="https://img.viva88athenae.com//mproviders.png" alt="" style="width: 100%;" class="mobile-only">
  2871.                </div>
  2872.            </div>
  2873.            
  2874.            <div class="transaksi">
  2875.    
  2876.                <div>
  2877.                    <div class="transaksi-kontak">
  2878.                        
  2879.                        <div class="d-flex flex-column w-100">
  2880.                            <div class="transaksi-title">
  2881.                                <div class="transaksi-title-group">
  2882.                                    <div class="fitur-header">Transaksi</div>
  2883.                                    <div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">Kami Menerima Pembayaran Dibawah Ini</div>
  2884.                                </div>
  2885.                                
  2886.                                <div class="devider desktop-only" style="width: 320px"></div>
  2887.                            </div>
  2888.                            
  2889.                            <div class="transaksi-content">
  2890.                                <!-- Bank -->
  2891.                                
  2892. <style>
  2893.  
  2894.    .transaksi-group {
  2895.        display: grid;
  2896.        grid-template-columns: 380px 1fr;
  2897.        justify-content: space-between;
  2898.        grid-template-areas:
  2899.        "transaksi-bank transaksi-other";
  2900.    }
  2901.    
  2902.    .transaksi-bank {
  2903.        grid-area: transaksi-bank;
  2904.        display: grid;
  2905.        place-items: center
  2906.    }
  2907.    
  2908.    .transaksi-other {
  2909.        grid-area: transaksi-other;
  2910.        display: flex;
  2911.        justify-content: space-evenly;
  2912.        width: 100%;
  2913.    }
  2914.    
  2915.    .transaksi-list-bank {
  2916.        height: fit-content;
  2917.        display: grid;
  2918.        grid-template-columns: repeat(4, 92px);
  2919.        grid-template-rows: repeat(4, auto);
  2920.        gap: 4px;
  2921.    }
  2922.    
  2923.    .transaksi-list-other {
  2924.        height: fit-content;
  2925.        display: grid;
  2926.        grid-template-columns: repeat(3, 92px);
  2927.        gap: 4px;
  2928.    }
  2929.    
  2930.    
  2931.    .transaksi-item {
  2932.        display: flex;
  2933.        flex-direction: column;
  2934.        /* transform: perspective(10px) rotateX(3deg); */
  2935.    }
  2936.    
  2937.    .transaksi-header {
  2938.  
  2939.        height: 30px;
  2940.        border-radius: 5px;
  2941.        display: grid;
  2942.        place-items: center;
  2943.        font-weight: bold;
  2944.        border: 2px solid rgba(108,108,108,1);
  2945.        background: rgba(54,54,54,1);
  2946.        color: white;
  2947.    }
  2948.    
  2949.    .transaksi-status {
  2950.        margin-left: 3px;
  2951.        margin-right: 3px;
  2952.        height: 3px;
  2953.        border-radius: 0px 0px 4px 4px;
  2954.        background: rgb(54,54,54);
  2955.        background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
  2956.    }
  2957.    
  2958.    .header-green {
  2959.        background: rgba(44,121,6,1);
  2960.        border-color: rgba(168,255,0,1);
  2961.    }
  2962.    
  2963.    .header-blue {
  2964.        background: rgba(0,80,89,1);
  2965.        border-color: rgba(0,255,204,1);
  2966.    }
  2967.    
  2968.    .status-green {
  2969.        background: rgb(44,121,6);
  2970.        background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
  2971.    }
  2972.    
  2973.    .status-blue {
  2974.        background: rgb(0,80,89);
  2975.        background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
  2976.    }
  2977.    
  2978.    .transaksi-name {
  2979.        font-size: 1.1rem;
  2980.        font-weight: bold;
  2981.        line-height: 1.5rem
  2982.    }
  2983.    
  2984.    .transaksi-wrapper {
  2985.        display: flex;
  2986.        flex-direction: column;
  2987.        gap: .5rem;
  2988.    }
  2989.  
  2990.  
  2991.    @media only screen and (max-width: 768px) {
  2992.        
  2993.        .transaksi-group {
  2994.            display: grid;
  2995.            grid-template-columns: 1fr;
  2996.            grid-template-areas:
  2997.            "transaksi-bank"
  2998.            "transaksi-other";
  2999.            gap: 16px;
  3000.            
  3001.        }
  3002.        
  3003.        .transaksi-header {
  3004.            font-size: 1.1rem;
  3005.            height: 36px;
  3006.        }
  3007.        
  3008.        .transaksi-list-bank {
  3009.            grid-template-columns: repeat(4, 1fr);
  3010.        }
  3011.        
  3012.        .transaksi-list-other {
  3013.            grid-template-columns: repeat(4, 1fr);
  3014.        }
  3015.        
  3016.        .transaksi-list {
  3017.            display: grid;
  3018.            grid-template-columns: repeat(3, 1fr);
  3019.        }
  3020.        
  3021.        .transaksi-item {
  3022.            width: 100%;
  3023.        }
  3024.        
  3025.        .transaksi-title-group {
  3026.            justify-content: center;
  3027.            padding: 16px 0;
  3028.        }
  3029.        
  3030.        .transaksi-name {
  3031.            font-size: 1.3rem;
  3032.            text-align: center;    
  3033.        }
  3034.  
  3035.        .transaksi-wrapper {
  3036.            width: 100%;
  3037.            max-width: 100%!important;
  3038.            gap: 1rem;
  3039.        }
  3040.    }
  3041. </style>
  3042.  
  3043.  
  3044. <div class="transaksi-group">
  3045.    <div class="transaksi-bank">
  3046.  
  3047.            <div class="transaksi-wrapper">
  3048.                <div class="transaksi-name">Bank Lokal</div>
  3049.                
  3050.                <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
  3051.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  3052.                    
  3053.                                    
  3054.                </div>
  3055.                  <div class="carousel-inner" >
  3056.                                            <div class="carousel-item active" style="height: 144px">
  3057.                            <div class="transaksi-list-bank">
  3058.                            
  3059.                                                        
  3060.                                                                
  3061.                                <div class="transaksi-item">
  3062.                                    <div class="transaksi-header">BCA</div>
  3063.                                    <div class="transaksi-status status-green"></div>
  3064.                                </div>
  3065.                                                        
  3066.                                                                
  3067.                                <div class="transaksi-item">
  3068.                                    <div class="transaksi-header">Mandiri</div>
  3069.                                    <div class="transaksi-status "></div>
  3070.                                </div>
  3071.                                                        
  3072.                                                                
  3073.                                <div class="transaksi-item">
  3074.                                    <div class="transaksi-header">BNI</div>
  3075.                                    <div class="transaksi-status status-green"></div>
  3076.                                </div>
  3077.                                                        
  3078.                                                                
  3079.                                <div class="transaksi-item">
  3080.                                    <div class="transaksi-header">BRI</div>
  3081.                                    <div class="transaksi-status "></div>
  3082.                                </div>
  3083.                                                        
  3084.                                                                
  3085.                                <div class="transaksi-item">
  3086.                                    <div class="transaksi-header">CIMB</div>
  3087.                                    <div class="transaksi-status status-green"></div>
  3088.                                </div>
  3089.                                                        
  3090.                                                                
  3091.                                <div class="transaksi-item">
  3092.                                    <div class="transaksi-header">BSI</div>
  3093.                                    <div class="transaksi-status status-green"></div>
  3094.                                </div>
  3095.                                                        
  3096.                                                            
  3097.                            </div>
  3098.                        </div>
  3099.                    
  3100.                    
  3101.                    
  3102.                  </div>
  3103.            </div>
  3104.        </div>
  3105.    </div>
  3106.    
  3107.    <div class="transaksi-other">
  3108.            
  3109.            <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  3110.            
  3111.            <div class="transaksi-wrapper" style="max-width: 284px">
  3112.  
  3113.                <div class="transaksi-name">E money & Pulsa</div>
  3114.  
  3115.    
  3116.                <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
  3117.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  3118.                    
  3119.                                        
  3120.                    </div>
  3121.                  <div class="carousel-inner" >
  3122.                                            <div class="carousel-item active">
  3123.                            <div class="transaksi-list-other">
  3124.                            
  3125.                                                        
  3126.                                                                
  3127.                                <div class="transaksi-item">
  3128.                                    <div class="transaksi-header">DANA</div>
  3129.                                    <div class="transaksi-status status-blue"></div>
  3130.                                </div>
  3131.                                                        
  3132.                                                                
  3133.                                <div class="transaksi-item">
  3134.                                    <div class="transaksi-header">OVO</div>
  3135.                                    <div class="transaksi-status status-blue"></div>
  3136.                                </div>
  3137.                                                        
  3138.                                                                
  3139.                                <div class="transaksi-item">
  3140.                                    <div class="transaksi-header">GOPAY</div>
  3141.                                    <div class="transaksi-status status-blue"></div>
  3142.                                </div>
  3143.                                                        
  3144.                                                                
  3145.                                <div class="transaksi-item">
  3146.                                    <div class="transaksi-header">AntarBank</div>
  3147.                                    <div class="transaksi-status status-blue"></div>
  3148.                                </div>
  3149.                                                        
  3150.                                                                
  3151.                                <div class="transaksi-item">
  3152.                                    <div class="transaksi-header">Telkomsel</div>
  3153.                                    <div class="transaksi-status status-blue"></div>
  3154.                                </div>
  3155.                                                        
  3156.                                                            
  3157.                            </div>
  3158.                        </div>
  3159.                    
  3160.                    
  3161.                    
  3162.                </div>
  3163.            </div>
  3164.        </div>
  3165.        
  3166.        <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  3167.    </div>
  3168. </div>
  3169.  
  3170.  
  3171.        
  3172.  
  3173.  
  3174.                            </div>
  3175.                            
  3176.                            
  3177.                        </div>
  3178.                        
  3179.                        <div class="d-flex flex-column desktop-only" style="width: 180px">
  3180.                            
  3181.                            <div class="transaksi-title">
  3182.                                <div class="transaksi-title-group">
  3183.                                    <div class="fitur-header">Kontak Kami</div>
  3184.                                </div>
  3185.                                
  3186.                                <div class="devider desktop-only"></div>
  3187.                            </div>
  3188.                            
  3189.    
  3190.                            
  3191. <div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
  3192.    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
  3193.        
  3194.                
  3195.    </div>
  3196.      <div class="carousel-inner" style="height: 164px">
  3197.                    <div class="carousel-item active">
  3198.                <div>
  3199.                
  3200.                                
  3201.                                        
  3202.                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
  3203.                       <img src="https://img.viva88athenae.com/kontak/wa.png" width="20"/>
  3204.                       <div class="d-flex flex-column">
  3205.                           <div style="color: #888888;">WHATSAPP</div>
  3206.                           <div style="line-height: .9rem; color: var(--primary-text-color)">082311017216</div>
  3207.                          
  3208.                       </div>
  3209.                    </div>
  3210.                                
  3211.                                        
  3212.                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
  3213.                       <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>
  3214.                       <div class="d-flex flex-column">
  3215.                           <div style="color: #888888;">TELEGRAM</div>
  3216.                           <div style="line-height: .9rem; color: var(--primary-text-color)">https://t.me/winlive4d</div>
  3217.                          
  3218.                       </div>
  3219.                    </div>
  3220.                                
  3221.                                        
  3222.                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
  3223.                       <img src="https://img.viva88athenae.com/kontak/fb.png" width="20"/>
  3224.                       <div class="d-flex flex-column">
  3225.                           <div style="color: #888888;">FACEBOOK</div>
  3226.                           <div style="line-height: .9rem; color: var(--primary-text-color)">WINLIVE4D | PROMO FREEBET TERGACOR SEDUNIA HARI INI</div>
  3227.                          
  3228.                       </div>
  3229.                    </div>
  3230.                                
  3231.                                    
  3232.                </div>
  3233.            </div>
  3234.        
  3235.        
  3236.        
  3237.    </div>
  3238. </div>
  3239.                                    
  3240.                        </div>
  3241.                    </div>
  3242.                </div>
  3243.            </div>
  3244.            
  3245.            
  3246.            <div class="guidelines">
  3247.                <div class="guidelines-content desktop-only">
  3248.                    <img src="https://img.viva88athenae.com//guidelines.png" />
  3249.                </div>
  3250.            </div>
  3251.    
  3252.    
  3253.            <div class="bantuan">
  3254.                                <ul class="bantuan-content">
  3255.                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
  3256.                    <div class="bantuan-devider desktop-only">|</div>
  3257.                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
  3258.                    <div class="bantuan-devider desktop-only">|</div>
  3259.                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
  3260.                    <div class="bantuan-devider desktop-only">|</div>
  3261.                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
  3262.                    <div class="bantuan-devider desktop-only">|</div>
  3263.                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
  3264.                    <div class="bantuan-devider desktop-only">|</div>
  3265.                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
  3266.                    <div class="bantuan-devider desktop-only">|</div>
  3267.                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
  3268.                </ul>
  3269.                            </div>
  3270.    
  3271.    
  3272.    
  3273.            <footer class="footer">
  3274.                <div>
  3275.                    <!DOCTYPE html>
  3276. <html>
  3277. <head>
  3278. <title></title>
  3279. </head>
  3280. <body>
  3281. <h1>WINLIVE4D #%!$ Hiburan Mahjong 789 Ways Gampang $%^# Online 24
  3282. Jam</h1>
  3283. <p>Selamat datang di <strong><a title="winlive4d" href=
  3284. "https://winlive4dfun.com/">winlive4d</a></strong>! Jika Anda
  3285. seorang pecinta fotografi yang berusia antara 20 hingga 50 tahun,
  3286. maka Anda berada di tempat yang tepat. Kami akan membagikan
  3287. trik-trik terbaik untuk menggunakan kamera Olympus Anda dan
  3288. memaksimalkan pengalaman fotografi Anda.</p>
  3289. <p>Sebagai seorang fotografer, Anda pasti ingin menghasilkan
  3290. foto-foto yang indah dan memukau. Olympus adalah merek kamera yang
  3291. terkenal dengan kualitas dan inovasinya dalam teknologi fotografi.
  3292. Dalam artikel ini, kami akan membahas trik-trik terbaik untuk
  3293. mengoptimalkan penggunaan kamera Olympus Anda, sehingga Anda dapat
  3294. menghasilkan foto-foto yang luar biasa.</p>
  3295. <p>Permainan yang tersedia di winlive4d:</p>
  3296. <p><a href="/?content=register">daftar winlive4d</a></p>
  3297. <p><a href="/?content=slot">winlive4d slot</a></p>
  3298. <p><a href="/?content=casino">winlive4d casino</a></p>
  3299. <p><a href="/?content=sport">winlive4d sportsbook</a></p>
  3300. <p><a href="/?content=fish">winlive4d fishing games</a></p>
  3301. <p><a href="/?content=sabung">winlive4d sabung ayam</a></p>
  3302. <h2>Menguasai Pengaturan Kamera Winlive4d</h2>
  3303. <p>Penting untuk memahami dan menguasai berbagai pengaturan pada
  3304. kamera Olympus Anda <strong><a title="winlive4d" href=
  3305. "https://winlive4dfun.com/">winlive4d</a></strong>. Dalam sesi ini,
  3306. kami akan membahas pengaturan dasar seperti ISO, kecepatan rana,
  3307. dan bukaan. Mengatur ISO adalah salah satu hal penting yang harus
  3308. Anda perhatikan saat menggunakan kamera Olympus Anda. ISO
  3309. mengontrol kepekaan sensor kamera terhadap cahaya. Semakin tinggi
  3310. ISO, semakin sensitif kamera terhadap cahaya, tetapi juga
  3311. meningkatkan tingkat noise pada foto. Kami akan memberikan tips
  3312. tentang bagaimana mengatur ISO yang tepat untuk kondisi pencahayaan
  3313. yang berbeda.</p>
  3314. <p>Summary: Menguasai pengaturan kamera seperti ISO, kecepatan
  3315. rana, dan bukaan untuk menghasilkan foto yang optimal dalam
  3316. berbagai kondisi pencahayaan.</p>
  3317. <h3>Pengaturan ISO Winlive4d</h3>
  3318. <p>ISO adalah salah satu pengaturan dasar pada kamera Olympus yang
  3319. perlu Anda kuasai. ISO mengontrol kepekaan sensor kamera terhadap
  3320. cahaya. Saat berada di dalam ruangan dengan pencahayaan rendah,
  3321. Anda mungkin perlu meningkatkan ISO untuk menghasilkan foto yang
  3322. terang. Namun, perlu diingat bahwa semakin tinggi ISO, semakin
  3323. tinggi tingkat noise pada foto. Oleh karena itu, pastikan untuk
  3324. menemukan keseimbangan yang tepat antara kecerahan dan tingkat
  3325. noise dalam foto Anda.</p>
  3326. <p>Untuk kondisi pencahayaan yang baik, seperti di luar ruangan
  3327. pada siang hari, Anda dapat menggunakan ISO rendah (misalnya ISO
  3328. 100 atau 200) untuk menghasilkan foto yang tajam dan bersih. Namun,
  3329. di malam hari atau dalam kondisi pencahayaan rendah, Anda mungkin
  3330. perlu meningkatkan ISO (misalnya ISO 800 atau bahkan lebih tinggi)
  3331. untuk mendapatkan hasil yang baik.</p>
  3332. <p>Selain itu, beberapa kamera Olympus memiliki opsi "Auto ISO"
  3333. yang memungkinkan kamera untuk secara otomatis menyesuaikan ISO
  3334. berdasarkan kondisi pencahayaan. Namun, sebaiknya Anda mempelajari
  3335. cara mengatur ISO secara manual agar dapat mengontrol hasil foto
  3336. dengan lebih baik.</p>
  3337. <h3>Pengaturan Kecepatan Rana</h3>
  3338. <p>Kecepatan rana juga merupakan pengaturan penting yang harus Anda
  3339. kuasai. Kecepatan rana mengontrol berapa lama sensor kamera terbuka
  3340. untuk menerima cahaya. Semakin tinggi kecepatan rana, semakin
  3341. singkat waktu sensor terbuka, sehingga foto akan terlihat lebih
  3342. gelap. Sebaliknya, semakin lambat kecepatan rana, semakin lama
  3343. sensor terbuka, sehingga foto akan terlihat lebih terang.</p>
  3344. <p>Pada umumnya, kecepatan rana yang cepat (misalnya 1/500 detik)
  3345. cocok untuk mengambil foto objek yang bergerak cepat, seperti
  3346. burung terbang atau olahraga. Sedangkan kecepatan rana yang lambat
  3347. (misalnya 1/30 detik) cocok untuk mengambil foto dengan efek motion
  3348. blur atau foto malam hari yang membutuhkan penangkapan cahaya yang
  3349. lebih lama.</p>
  3350. <p>Selain itu, Anda juga dapat menggunakan teknik "pemotretan
  3351. panjang" (long exposure) dengan mengatur kecepatan rana yang sangat
  3352. lambat (misalnya beberapa detik atau bahkan menit) untuk
  3353. menciptakan efek gerakan atau efek cahaya yang unik. Teknik ini
  3354. sering digunakan dalam fotografi malam atau untuk mengambil foto
  3355. air terjun yang tampak lembut dan mengalir.</p>
  3356. <h3>Pengaturan Bukaan</h3>
  3357. <p>Bukaan adalah pengaturan yang mengontrol seberapa besar lubang
  3358. diafragma kamera terbuka saat pengambilan foto. Bukaan diukur dalam
  3359. angka f-stop, di mana angka yang lebih kecil menunjukkan lubang
  3360. diafragma yang lebih besar. Pengaturan bukaan mempengaruhi
  3361. kedalaman bidang fokus dan jumlah cahaya yang masuk ke sensor
  3362. kamera.</p>
  3363. <p>Jika Anda ingin menghasilkan foto dengan latar belakang yang
  3364. buram dan objek utama yang terfokus tajam (efek bokeh), Anda dapat
  3365. menggunakan bukaan yang besar (misalnya f/1.8 atau f/2.8). Namun,
  3366. jika Anda ingin mendapatkan kedalaman bidang fokus yang lebih
  3367. besar, seperti saat mengambil foto pemandangan, Anda dapat
  3368. menggunakan bukaan yang lebih kecil (misalnya f/8 atau f/11).</p>
  3369. <p>Perlu diingat bahwa setiap lensa memiliki rentang bukaan yang
  3370. berbeda. Lensa dengan bukaan yang lebih besar biasanya lebih mahal,
  3371. tetapi mampu menghasilkan foto dengan latar belakang yang buram dan
  3372. objek utama yang tajam. Namun, lensa dengan bukaan yang lebih kecil
  3373. biasanya lebih terjangkau dan cocok untuk fotografi pemandangan
  3374. atau foto kelompok dengan kedalaman bidang fokus yang besar.</p>
  3375. <h2>Memahami Komposisi Fotografi Winlive4d</h2>
  3376. <p><strong><a title="winlive4d" href=
  3377. "https://hotspotgy.com/">winlive4d</a>&nbsp;</strong>Komposisi
  3378. fotografi adalah salah satu faktor penting untuk menghasilkan foto
  3379. yang menarik dan estetis. Dalam sesi ini, kami akan membahas
  3380. aturan-aturan komposisi yang umum digunakan dalam fotografi,
  3381. seperti aturan sepertiga dan penggunaan garis panduan visual. Kami
  3382. juga akan memberikan contoh-contoh foto yang mengikuti
  3383. prinsip-prinsip komposisi yang baik.</p>
  3384. <p>Summary: Memahami prinsip-prinsip komposisi fotografi, termasuk
  3385. aturan sepertiga dan penggunaan garis panduan visual untuk
  3386. menghasilkan foto yang menarik.</p>
  3387. <h3>Aturan Sepertiga</h3>
  3388. <p>Aturan sepertiga adalah salah satu prinsip komposisi yang paling
  3389. umum digunakan dalam fotografi. Prinsip ini melibatkan membagi
  3390. bingkai foto menjadi tiga bagian vertikal dan horizontal, sehingga
  3391. membentuk sembilan kotak kecil. Objek utama dalam foto sebaiknya
  3392. ditempatkan di salah satu garis atau persimpangan garis ini, bukan
  3393. di tengah bingkai.</p>
  3394. <p>Misalnya, saat mengambil foto pemandangan, Anda dapat
  3395. menempatkan garis horison di bagian bawah atau bagian atas bingkai,
  3396. sehingga memanfaatkan dua pertiga bingkai untuk langit atau
  3397. lanskap. Hal ini akan memberikan keseimbangan visual yang lebih
  3398. menarik daripada hanya menempatkan garis horison di tengah
  3399. bingkai.</p>
  3400. <p>Saat mengambil foto potret, Anda dapat menempatkan mata subjek
  3401. di garis horizontal bagian atas atau garis persimpangan
  3402. bagian-bagian bingkai yang menentukan aturan sepertiga, sehingga
  3403. memberikan fokus yang lebih kuat pada mata subjek dan menciptakan
  3404. komposisi yang lebih dinamis.</p>
  3405. <h3>Penggunaan Garis Panduan Visual</h3>
  3406. <p>Garis panduan visual adalah garis imajiner yang membantu
  3407. mengarahkan pandangan mata dalam foto. Garis panduan dapat berupa
  3408. garis diagonal, garis horizontal, atau garis vertikal yang
  3409. terbentuk oleh objek dalam foto. Membuat penggunaan yang tepat dari
  3410. garis panduan dapat memberikan penekanan visual pada objek utama
  3411. dan menciptakan efek pergerakan atau kedalaman.</p>
  3412. <p>Misalnya, dalam fotografi jalanan, Anda dapat menggunakan garis
  3413. jalan atau garis bangunan sebagai garis panduan yang membimbing
  3414. mata melalui foto. Hal ini dapat memberikankesan dinamis dan
  3415. memperkuat komposisi foto. Di fotografi arsitektur, Anda dapat
  3416. menggunakan garis vertikal dari bangunan atau garis horisontal dari
  3417. langit sebagai garis panduan untuk menekankan keindahan struktur
  3418. dan simetri dalam foto.</p>
  3419. <p>Selain garis, pola dan tekstur juga dapat digunakan sebagai
  3420. garis panduan visual dalam foto. Misalnya, dalam fotografi makro,
  3421. Anda dapat menggunakan tekstur daun atau pola pada bunga sebagai
  3422. garis panduan yang mengarahkan mata ke objek utama. Hal ini dapat
  3423. menciptakan komposisi yang menarik dan memperkuat detail dalam
  3424. foto.</p>
  3425. <p>Terakhir, garis panduan visual juga dapat digunakan untuk
  3426. menciptakan efek pergerakan dalam foto. Misalnya, dalam fotografi
  3427. air terjun, Anda dapat menggunakan garis panjang air yang mengalir
  3428. sebagai garis panduan yang memberikan kesan dinamis dan mengarahkan
  3429. pandangan mata ke arah yang diinginkan.</p>
  3430. <h2>Teknik Fotografi Lanjutan</h2>
  3431. <p>Setelah Anda menguasai pengaturan dasar dan komposisi fotografi,
  3432. saatnya untuk mempelajari teknik-teknik fotografi yang lebih
  3433. lanjut. Dalam sesi ini, kami akan membahas teknik-teknik seperti
  3434. long exposure, light painting, dan macro photography. Kami akan
  3435. memberikan petunjuk langkah demi langkah tentang bagaimana
  3436. menghasilkan efek-efek artistik yang memukau menggunakan kamera
  3437. Olympus Anda.</p>
  3438. <p>Summary: Pelajari teknik-teknik fotografi lanjutan seperti long
  3439. exposure, light painting, dan macro photography untuk menghasilkan
  3440. foto yang kreatif dan artistik.</p>
  3441. <h3>Long Exposure</h3>
  3442. <p>Teknik long exposure adalah teknik yang melibatkan pengambilan
  3443. foto dengan mengatur kecepatan rana yang sangat lambat, sehingga
  3444. memungkinkan sensor kamera untuk menangkap gerakan dalam jangka
  3445. waktu yang lebih lama. Teknik ini sering digunakan dalam fotografi
  3446. malam, fotografi air terjun, atau untuk menciptakan efek gerakan
  3447. artistik.</p>
  3448. <p>Untuk menggunakan teknik long exposure, Anda perlu menggunakan
  3449. tripod untuk menjaga kamera tetap stabil selama penangkapan foto.
  3450. Pilih kecepatan rana yang lambat (misalnya beberapa detik atau
  3451. bahkan menit) dan gunakan remote shutter atau timer untuk
  3452. menghindari guncangan saat menekan tombol rana. Selain itu, Anda
  3453. juga dapat menggunakan filter ND (Neutral Density) untuk mengurangi
  3454. jumlah cahaya yang masuk ke kamera, sehingga memungkinkan Anda
  3455. menggunakan kecepatan rana yang lebih lambat bahkan dalam kondisi
  3456. pencahayaan terang.</p>
  3457. <p>Dalam fotografi malam, teknik long exposure dapat menciptakan
  3458. jejak cahaya dari lampu lalu lintas atau bintang yang bergerak.
  3459. Dalam fotografi air terjun, teknik ini akan menciptakan efek air
  3460. yang tampak lembut dan mengalir. Dalam kedua kasus tersebut, teknik
  3461. long exposure memberikan hasil yang unik dan artistik yang sulit
  3462. dicapai dengan pengaturan kamera biasa.</p>
  3463. <h3>Light Painting</h3>
  3464. <p>Teknik light painting melibatkan penggunaan cahaya sebagai alat
  3465. untuk menciptakan efek artistik dalam foto. Anda dapat menggunakan
  3466. sumber cahaya seperti senter, lilin, atau LED untuk menggambar atau
  3467. menyorot objek dalam foto. Teknik ini memungkinkan Anda untuk
  3468. menciptakan pola cahaya yang unik, menulis kata-kata, atau menyorot
  3469. detail dalam foto dengan cara yang kreatif.</p>
  3470. <p>Untuk menggunakan teknik light painting, Anda perlu mengatur
  3471. kamera Anda dalam mode manual dan menggunakan tripod untuk menjaga
  3472. kamera tetap stabil. Pilih kecepatan rana yang lambat (misalnya
  3473. beberapa detik) dan gunakan remote shutter atau timer untuk
  3474. menghindari guncangan saat menekan tombol rana. Selain itu, Anda
  3475. juga perlu mengatur ISO yang rendah dan bukaan yang kecil untuk
  3476. menghindari overexposure dalam foto.</p>
  3477. <p>Dalam melakukan light painting, Anda dapat menggambar atau
  3478. menyorot objek dengan menggerakkan sumber cahaya di depan kamera
  3479. selama penangkapan foto. Misalnya, Anda dapat menggambar pola
  3480. cahaya di udara, menyorot objek dengan senter, atau membuat efek
  3481. bokeh dengan berputar sumber cahaya di depan kamera. Teknik light
  3482. painting memberikan kebebasan kreatif yang besar dan memungkinkan
  3483. Anda untuk menciptakan foto yang unik dan menarik.</p>
  3484. <h3>Macro Photography</h3>
  3485. <p>Macro photography adalah teknik fotografi yang melibatkan
  3486. pengambilan foto dari subjek dengan skala yang sangat besar. Teknik
  3487. ini memungkinkan Anda untuk menjelajahi dunia detail dan mengungkap
  3488. keindahan yang tersembunyi dalam objek kecil seperti bunga,
  3489. serangga, atau tetesan air.</p>
  3490. <p>Untuk melakukan macro photography, Anda memerlukan lensa khusus
  3491. macro yang mampu fokus pada jarak yang sangat dekat dengan subjek.
  3492. Lensa macro memiliki kemampuan reproduksi yang tinggi, sehingga
  3493. memungkinkan Anda untuk mengambil foto dengan rasio 1:1 atau lebih
  3494. besar. Selain itu, Anda juga dapat menggunakan cincin perpanjangan
  3495. (extension tubes) atau lensa close-up filter untuk mencapai hasil
  3496. yang serupa dengan lensa macro.</p>
  3497. <p>Untuk menghasilkan foto yang tajam dan detail dalam macro
  3498. photography, penting untuk menggunakan tripod dan memilih kecepatan
  3499. rana yang cepat untuk menghindari guncangan saat menekan tombol
  3500. rana. Anda juga dapat menggunakan cahaya tambahan, seperti cahaya
  3501. kilat (flash) atau cahaya reflektor, untuk memberikan pencahayaan
  3502. yang tepat pada subjek dan mengungkapkan detail yang halus.</p>
  3503. <p>Dalam melakukan macro photography, penting untuk memperhatikan
  3504. komposisi dan fokus yang tepat. Pilih bagian objek yang menarik dan
  3505. fokuskan dengan baik, sehingga detail yang kecil dapat terlihat
  3506. jelas dalam foto. Anda juga dapat bermain dengan kedalaman bidang
  3507. fokus untuk menciptakan efek bokeh yang indah pada latar
  3508. belakang.</p>
  3509. <h2>Mengedit Foto dengan Software Winlive4d</h2>
  3510. <p><strong><a title="winlive4d" href=
  3511. "https://winlive4dfun.com/">winlive4d</a>&nbsp;</strong>Setelah
  3512. Anda mengambil foto-foto yang indah, saatnya untuk mengedit dan
  3513. memperbaiki mereka menggunakan software editing. Dalam sesi ini,
  3514. kami akan merekomendasikan beberapa software editing foto terbaik
  3515. dan memberikan tips tentang bagaimana mengedit foto dengan efektif.
  3516. Kami juga akan membahas teknik-teknik dasar seperti penyesuaian
  3517. warna, retouching, dan cropping.</p>
  3518. <p>Summary: Menggunakan software editing foto untuk memperbaiki dan
  3519. meningkatkan foto-foto Anda dengan teknik dasar seperti penyesuaian
  3520. warna dan retouching.</p>
  3521. <h3>Software Editing Foto Terbaik</h3>
  3522. <p>Ada banyak software editing foto yang tersedia di pasaran,
  3523. tetapi beberapa yang paling populer dan sering digunakan adalah
  3524. Adobe Photoshop dan Lightroom. Kedua software ini menawarkan
  3525. berbagai fitur dan alat yang kuat untuk mengedit foto secara
  3526. profesional.</p>
  3527. <p>Adobe Photoshop adalah salah satu software editing foto yang
  3528. paling serbaguna dan kuat. Dengan Photoshop, Anda dapat melakukan
  3529. berbagai jenis pengeditan, seperti memperbaiki warna dan kontras,
  3530. menghapus objek yang tidak diinginkan, menggabungkan beberapa foto
  3531. menjadi satu, dan banyak lagi. Photoshop juga memiliki fitur
  3532. pengeditan non-destruktif, yang berarti Anda dapat mengedit foto
  3533. tanpa merusak data asli.</p>
  3534. <p>Adobe Lightroom adalah software editing foto yang lebih fokus
  3535. pada pengaturan warna, kontras, dan penyesuaian lainnya. Lightroom
  3536. memungkinkan Anda untuk mengedit foto secara batch, mengatur
  3537. metadata, dan mengelola koleksi foto Anda dengan mudah. Lightroom
  3538. juga memiliki fitur pengeditan non-destruktif, sehingga Anda dapat
  3539. kembali ke versi asli foto kapan pun Anda mau.</p>
  3540. <p>Selain Photoshop dan Lightroom, ada juga software editing foto
  3541. lainnya seperti Capture One, DxO PhotoLab, dan GIMP (GNU Image
  3542. Manipulation Program). Pilihlah software yang sesuai dengan
  3543. kebutuhan dan preferensi Anda. Setiap software memiliki kelebihan
  3544. dan kekurangannya masing-masing, jadi pastikan untuk mencoba
  3545. beberapa software sebelum memutuskan yang terbaik untuk Anda.</p>
  3546. <h3>Tips Mengedit Foto dengan Efektif</h3>
  3547. <p>Setelah Anda memilih software editing foto yang Anda sukai,
  3548. berikut adalah beberapa tips untuk mengedit foto dengan
  3549. efektif:</p>
  3550. <h4>Memahami Tampilan yang Ingin Dicapai</h4>
  3551. <p>Sebelum mulai mengedit foto, penting untuk memiliki gambaran
  3552. tentang tampilan akhir yang ingin Anda capai. Apakah Anda ingin
  3553. foto terlihat lebih terang, lebih kontras, atau memiliki
  3554. penyesuaian warna tertentu? Dengan memiliki tujuan yang jelas, Anda
  3555. dapat lebih fokus dalam mengedit foto dan mencapai hasil yang
  3556. diinginkan.</p>
  3557. <h4>Mulai dengan Penyesuaian Dasar</h4>
  3558. <p>Langkah pertama dalam mengedit foto adalah melakukan penyesuaian
  3559. dasar seperti koreksi warna, kontras, dan kecerahan. Gunakan alat
  3560. seperti kurva warna, tingkat, dan kurva tonal untuk melakukan
  3561. penyesuaian ini. Pastikan untuk mempertahankan keseimbangan warna
  3562. yang alami dan menghindari penyesuaian yang berlebihan yang dapat
  3563. membuat foto terlihat tidak realistis.</p>
  3564. <h4>Hapus Gangguan atau Objek yang Tidak Diinginkan</h4>
  3565. <p>Jika ada objek yang mengganggu atau tidak diinginkan dalam foto,
  3566. seperti benda asing atau tanda-tanda kehadiran manusia, Anda dapat
  3567. menggunakan alat retouching seperti alat "spot healing" atau "clone
  3568. stamp" untuk menghilangkannya. Pastikan untuk melakukan retouching
  3569. dengan hati-hati dan alami sehingga tidak terlihat seperti
  3570. manipulasi yang jelas.</p>
  3571. <h4>Peningkatan Detail dan Ketajaman</h4>
  3572. <p>Untuk memberikan tampilan yang lebih tajam dan meningkatkan
  3573. detail dalam foto, Anda dapat menggunakan alat "sharpening" dalam
  3574. software editing foto Anda. Atur dengan hati-hati kekuatan dan
  3575. radius pengasahan agar tidak menghasilkan efek yang berlebihan atau
  3576. membuat foto terlihat tersamarkan.</p>
  3577. <h4>Koreksi Komposisi dan Cropping</h4>
  3578. <p>Jika komposisi foto terasa kurang seimbang atau ada elemen yang
  3579. tidak diinginkan dalam bingkai, Anda dapat menggunakan alat
  3580. cropping untuk memotong foto dan menciptakan komposisi yang lebih
  3581. baik. Perhatikan aturan-aturan komposisi fotografi seperti aturan
  3582. sepertiga saat melakukan cropping.</p>
  3583. <h4>Eksperimen dengan Filter dan Efek Khusus</h4>
  3584. <p>Jika Anda ingin memberikan tampilan yang lebih unik atau
  3585. artistik pada foto, Anda dapat bereksperimen dengan filter atau
  3586. efek khusus yang ditawarkan oleh software editing foto Anda.
  3587. Misalnya, Anda dapat menambahkan efek vignette, efek film vintage,
  3588. atau efek khusus lainnya untuk menciptakan suasana atau nuansa
  3589. tertentu dalam foto.</p>
  3590. <h2>Menjaga dan Merawat Kamera Olympus Anda Winlive4d</h2>
  3591. <p><strong><a title="winlive4d" href=
  3592. "https://winlive4dfun.com/">winlive4d</a>&nbsp;</strong>Terakhir,
  3593. namun tidak kalah pentingnya, adalah menjaga dan merawat kamera
  3594. Olympus Anda. Dalam sesi ini, kami akan memberikan tips tentang
  3595. bagaimana membersihkan dan menjaga kamera Anda agar tetap dalam
  3596. kondisi optimal. Kami juga akan membahas tentang penyimpanan dan
  3597. transportasi yang aman untuk kamera Anda.</p>
  3598. <p>Summary: Menjaga dan merawat kamera Olympus Anda dengan baik
  3599. agar tetap berfungsi dengan baik dan tahan lama.</p>
  3600. <h3>Membersihkan Kamera dengan Tepat</h3>
  3601. <p>Membersihkan kamera secara teratur sangat penting untuk menjaga
  3602. kualitas foto yang dihasilkan dan mencegah masalah teknis. Gunakan
  3603. kain mikrofiber yang lembut untuk membersihkan lensa dan layar
  3604. kamera dari debu dan sidik jari. Hindari menggunakan tisu atau
  3605. bahan abrasif yang dapat menyebabkan goresan pada permukaan
  3606. kamera.</p>
  3607. <p>Selain membersihkan lensa dan layar, jangan lupa untuk
  3608. membersihkan bagian lain kamera, seperti body kamera, tombol, dan
  3609. slot kartu memori. Gunakan kuas khusus atau blower udara untuk
  3610. menghilangkan debu yang menempel pada bagian-bagian tersebut.
  3611. Pastikan untuk tidak menyemprotkan cairan pembersih langsung ke
  3612. kamera, melainkan teteskan cairan pembersih pada kain mikrofiber
  3613. dan bersihkan kamera dengan lembut.</p>
  3614. <h3>Menjaga Kamera dari Kelembapan dan Debu</h3>
  3615. <p>Kelembapan dan debu bisa menjadi musuh bagi kamera Anda.
  3616. Usahakan untuk menyimpan kamera dalam lingkungan yang kering dan
  3617. jauh dari kelembapan berlebih. Jika Anda berada di daerah dengan
  3618. kelembapan tinggi, pertimbangkan untuk menggunakan dry cabinet atau
  3619. meletakkan silica gel dalam tas kamera Anda untuk menjaga
  3620. kelembapan tetap rendah.</p>
  3621. <p>Selain itu, hindari mengganti lensa kamera di tempat yang
  3622. berdebu atau berangin. Debu dapat masuk ke dalam kamera dan
  3623. mengotori sensor, yang dapat mempengaruhi kualitas foto. Jika Anda
  3624. perlu mengganti lensa di luar ruangan, cobalah untuk melakukannya
  3625. dengan cepat dan tutup bagian kamera yang terbuka segera setelah
  3626. mengganti lensa.</p>
  3627. <h3>Penyimpanan dan Transportasi yang Aman</h3>
  3628. <p>Saat menyimpan kamera Anda, pastikan untuk meletakkannya dalam
  3629. tas kamera yang tahan air dan berpelindung, terutama jika Anda akan
  3630. menyimpannya dalam jangka waktu yang lama. Gunakan kompartemen yang
  3631. terpisah untuk lensa, baterai, dan aksesori lainnya untuk mencegah
  3632. gesekan dan kerusakan yang tidak diinginkan.</p>
  3633. <p>Saat melakukan perjalanan dengan kamera, pastikan untuk
  3634. menggunakan tas kamera yang nyaman dan aman. Bawalah hanya lensa
  3635. dan aksesori yang diperlukan untuk mengurangi beban dan risiko
  3636. kerusakan. Selain itu, jangan lupa untuk membawa baterai cadangan
  3637. dan kartu memori yang cukup untuk menghindari kehabisan daya atau
  3638. ruang penyimpanan saat sedang berada di lokasi fotografi.</p>
  3639. <p>Dengan menjaga dan merawat kamera Olympus Anda dengan baik, Anda
  3640. dapat memastikan bahwa kamera tetap berfungsi dengan baik dan tahan
  3641. lama. Selalu ikuti petunjuk perawatan yang diberikan oleh Olympus
  3642. dan jangan ragu untuk membawa kamera ke pusat servis jika Anda
  3643. mengalami masalah teknis atau perlu pemeliharaan lebih lanjut.</p>
  3644. <p>Demikianlah artikel kami tentang trik Olympus terbaik untuk
  3645. memaksimalkan pengalaman fotografi Anda. Dengan menguasai
  3646. pengaturan kamera, memahami komposisi fotografi, menguasai
  3647. teknik-teknik lanjutan, menggunakan software editing, dan menjaga
  3648. kamera Anda dengan baik, Anda akan menjadi seorang fotografer yang
  3649. lebih kreatif dan mahir. Selamat mencoba dan semoga sukses!</p>
  3650. <style>
  3651.    .gacor-dor {
  3652.        position: fixed;
  3653.        bottom: 80px;
  3654.        left: 5px;
  3655.    }
  3656.  
  3657.    .gacor-maxwin {
  3658.        display: flex;
  3659.        justify-content: center;
  3660.        align-items: center;
  3661.        width: 75px;
  3662.        height: 75px;
  3663.        border-radius: 5px;
  3664.        background-color: black;
  3665.        border: 2px solid red;
  3666.        margin-bottom: 5px;
  3667.    }
  3668.  
  3669.    .gacor-maxwin img {
  3670.        width: 65px;
  3671.        height: 65px;
  3672.    }
  3673. </style>
  3674. <div class="gacor-dor"><a href="https://t.me/bangslots" target=
  3675. "_blank" class="gacor-maxwin"><img src=
  3676. "https://link-slot-gacor.b-cdn.net/TELE80.gif" alt="LinkedIn"
  3677. style="margin: 0 auto 0 0; display: block;"></a> <a href=
  3678. "https://chat.whatsapp.com/C8bJy5P9YBN63XmFHojdMi" target="_blank"
  3679. class="gacor-maxwin"><img src=
  3680. "https://link-slot-gacor.b-cdn.net/wa80.gif" alt="Instagram" style=
  3681. "margin: 0 auto 0 0; display: block;"></a> <a href=
  3682. "https://wl4d.vip/rtp/" target="_blank" class=
  3683. "gacor-maxwin"><img src=
  3684. "https://blogger.googleusercontent.com/img/a/AVvXsEjvyDF128XmtPvo6CWlUh4HNzeElRkjiBSTIXE6m-5yRCAbW7Qar231UvSNw69DniDenYGrsfL0S7ThFT6Lll9vCjeAIrug4yKtcMVAm6WDv2jb6cQ-nFi5X4_jQ4zjKJALWHzdI8bGiHMmYoC0IsGzKGNq6K9jL3sM98Xgxn1kk4WgHlQspi68CTs2Jw"
  3685. alt="Twitter" style="margin: 0 auto 0 0; display: block;"></a>
  3686. <a href="https://wl4d.vip/spinwheel/" target="_blank" class=
  3687. "gacor-maxwin"><img src=
  3688. "https://blogger.googleusercontent.com/img/a/AVvXsEjw2_JkCOhXy0jw6zUPN1T6JEqsuvE16dd3QRgqTe5XTHd9VNOagDqzkFbnAU0VfLkhRlh0sbC8zvB0RuZP_3NI86Suvb9H-J44LoQ_XPR4Kez_M7kTnnN3v5GJ7JKG-Tu_yD0gRJ9g0gB-R_dhZckFpQEzooU-2asnAbYjBS3deGa9G8u5ipv8Kprtqg"
  3689. alt="Facebook" style=
  3690. "margin: 0 auto 0 0; display: block;"></a></div>
  3691. <!-- PushAlert -->
  3692. <script type="text/javascript">
  3693.    (function(d, t) {
  3694.            var g = d.createElement(t),
  3695.            s = d.getElementsByTagName(t)[0];
  3696.            g.src = "https://cdn.pushalert.co/integrate_59155cb51c735b68f5b73181258a233f.js";
  3697.            s.parentNode.insertBefore(g, s);
  3698.    }(document, "script"));
  3699. </script> <!-- End PushAlert -->
  3700. <script>
  3701.  
  3702.    $("<a class='winlive4d' href='https://tinyurl.com/WAWINLIVE4D'target='_blank'>UPGRADE ID PRO<\/a>").insertAfter(".btn-info:eq(0)");
  3703.    $("<a class='winlive4d' href='https://tinyurl.com/WAWINLIVE4D'target='_blank'>UPGRADE ID VIP<\/a>").insertAfter(".btn-info:eq(0)");
  3704. </script>
  3705. <style>
  3706.  
  3707.    .winlive4d {
  3708.        width: 100%;
  3709.        display: block;
  3710.        color: #ffffff;
  3711.        text-shadow: 0px 1px #ffffff;
  3712.        margin: auto;
  3713.        margin-top: 3px;
  3714.        text-align: center;
  3715.        padding: 10px 0px;
  3716.        font-size: 15px;
  3717.        font-weight: bold;
  3718.        border-radius: 5px;
  3719.        border: 5px outset white;
  3720.        animation: needmoney 0.75s infinite;
  3721.    }
  3722.  
  3723.    @keyframes needmoney {
  3724.        0% {
  3725.            border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
  3726.            background: linear-gradient(to right, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347);
  3727.        }
  3728.  
  3729.        2.5% {
  3730.            border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
  3731.            background: linear-gradient(to right, #ffffff, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347, #f05347);
  3732.        }
  3733. </style>
  3734. </body>
  3735. </html>                </div>
  3736.                
  3737.                
  3738.                <div class="footer-group">
  3739.                    <div class="copyright">
  3740.                        <div style="white-space: nowrap">© 2015 - 2024 Copyright WINLIVE4D.</div>
  3741.                        <div>All Rights Reserved.</div>
  3742.                    </div>
  3743.                    <div class="desktop-only">
  3744.                        <div class="d-flex gap-1">
  3745.                            <div class="btn-footer" onclick='window.location.href="/"'>MOBILE</div>
  3746.                            <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div>
  3747.                        </div>
  3748.                    </div>
  3749.                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com//guidelines.png" alt="">
  3750.                </div>
  3751.            </footer>
  3752.            
  3753.            <!-- SIDENAV -->
  3754.            <div id="mySidenav" class="sidenav desktop-only">
  3755.                <div id="nav">
  3756.                    <div style="display: flex; align-items: start;">
  3757.                        <div style="height: 246px; width: 64px; background: var(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
  3758.                            
  3759.                            <img src="/assets/hubungi.png?11">
  3760.                            
  3761.                        </div>
  3762.                        <!--<img id="about" src="/images/kontak.png?4">-->
  3763.                    </div>
  3764.                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
  3765.                       <div id="" style="padding: 4px">
  3766.                       <img src="/assets/24h.png" style="width: 100%"></img>
  3767.                        </div>
  3768.                    
  3769.                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
  3770.                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
  3771.    
  3772.            
  3773.                                        <div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
  3774.                               <img src="https://img.viva88athenae.com/kontak/wa.png" width="20"/><span>082311017216</span>
  3775.                            </div>
  3776.                                                    <div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
  3777.                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span><span></span>https://t.me/winlive4d</span>
  3778.                            </div>
  3779.                                                    <div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
  3780.                                <img src="https://img.viva88athenae.com/kontak/fb.png" width="20"><span>WINLIVE4D | PROMO FREEBET TERGACOR SEDUNIA HARI INI</span>
  3781.                            </div>
  3782.                                                
  3783.                            
  3784.    
  3785.                        </div>
  3786.                        
  3787.                            <div style="margin: 8px">
  3788.                                <input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white" onClick="window.location.href='/?content=register'" >
  3789.                            </div>
  3790.                    </div>
  3791.                </div>
  3792.            </div>
  3793.        </div>
  3794.        
  3795.        
  3796.        <!--POP UP -->
  3797.                
  3798.        <!-- LIVE CHAT -->
  3799.        <!-- Start of LiveChat (www.livechat.com) code -->
  3800. <script>
  3801.    window.__lc = window.__lc || {};
  3802.    window.__lc.license = 14335545;
  3803.    ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
  3804. </script>
  3805. <noscript><a href="https://www.livechat.com/chat-with/14335545/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
  3806. <!-- End of LiveChat code -->
  3807.  
  3808.  
  3809.  
  3810.  
  3811. <!-- GetButton.io widget -->
  3812. <script type="text/javascript">
  3813.    (function () {
  3814.        var options = {
  3815.            whatsapp: "+6282311017216", // WhatsApp number
  3816.            call_to_action: "Claim Bonus?", // Call to action
  3817.            button_color: "#FF6550", // Color of button
  3818.            position: "left", // Position may be 'right' or 'left'
  3819.        };
  3820.        var proto = 'https:', host = "getbutton.io", url = proto + '//static.' + host;
  3821.        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
  3822.        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
  3823.        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
  3824.    })();
  3825. </script>
  3826.  
  3827. <!-- /GetButton.io widget -->
  3828.  
  3829.  
  3830.  
  3831.        
  3832.                                    <script>
  3833.                $('.verifikasiform').hide();
  3834.             $('.verifval').val('0');
  3835.                </script>
  3836.                    
  3837.        <script src="/js/bootstrap-5.3.0.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
  3838.  
  3839.        <script>
  3840.                            if(document.getElementById("promo")) {
  3841.                    var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
  3842.                    window.onload = () => {
  3843.                        myModal.show();
  3844.                    }
  3845.                }
  3846.                    
  3847.            var mobileurl = 'm/';
  3848.            
  3849.  
  3850.  
  3851.            var showIDs = [];
  3852.            
  3853.            function showProducts(hoverID) {
  3854.                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
  3855.  
  3856.                // document.getElementById('hover').classList.add("hover-show");
  3857.                document.getElementById('hover').style.transitionDelay = "0s";
  3858.                document.getElementById('hover').style.visibility = "visible";
  3859.                document.getElementById('hover').style.opacity = "1";
  3860.                document.getElementById(hoverID).style.display = "flex";
  3861.  
  3862.                showIDs.push(hoverID);
  3863.  
  3864.            }
  3865.  
  3866.            function hideProducts(hoverID) {
  3867.                // document.getElementById('hover').classList.remove("hover-show");
  3868.                document.getElementById('hover').style.visibility = "hidden";
  3869.                document.getElementById('hover').style.opacity = "0";
  3870.                document.getElementById('hover').style.transitionDelay = "1s";
  3871.                
  3872.            }
  3873.  
  3874.            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
  3875.            var marquee = document.getElementById('marquee');
  3876.  
  3877.            function closeContent() {
  3878.                $('#main-content').html("");
  3879.            }
  3880.  
  3881.  
  3882.            function openDaftar() {
  3883.                closeContent();
  3884.                
  3885.                mobileDaftarForm.style.display = "block";
  3886.                mobileDaftarForm.scrollIntoView();
  3887.            }
  3888.  
  3889.            function closeDaftar() {
  3890.                mobileDaftarForm.style.display = "none";
  3891.                marquee.scrollIntoView();
  3892.            }
  3893.            
  3894.            
  3895.            function showProvider(type) {
  3896.                $('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
  3897.                $('#main-content').load("new-showprovider.php?type=" + type);
  3898.            }
  3899.            
  3900.            function toggleInformasi(item) {
  3901.                page(item);
  3902.            }
  3903.            
  3904.            function showInformasi(item) {
  3905.                document.getElementById('modal-wrapper').style.display='block';
  3906.                toggleInformasi(item);
  3907.            }
  3908.            
  3909.            
  3910.  
  3911.                    
  3912.        </script>
  3913.        <script src="/js/new-webduo35.js"></script>
  3914.    
  3915.        
  3916.        <!-- POP UP COOKIES -->
  3917.        
  3918. <style>
  3919.    
  3920.        
  3921.    .kebijakan-privasi, .kebijakan-cookies {
  3922.        color: white;
  3923.        text-decoration: underline;
  3924.    }
  3925.    
  3926.        
  3927. </style>
  3928.  
  3929.  
  3930. <div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #000; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #d0c074">
  3931.  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
  3932.        <div>
  3933.    Kami menggunakan cookies untuk mengoptimalkan navigasi, fitur serta konten yang lebih Relevan. Untuk detail informasi lengkap tentang cookies silahkan lihat <a href="javascript:showInformasi('cookies')" class="kebijakan-cookies">Persetujuan Cookies</a> kami. Dengan menggunakan situs ini, Anda menyetujui penggunaan cookies serta data pribadi kami sesuai dengan <a href="javascript:showInformasi('privasi')" class="kebijakan-privasi">Kebijakan Privasi</a> kami.    </div>  
  3934.  </div>
  3935.  <div>
  3936.     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
  3937.  </div>
  3938. </div>
  3939. <script>
  3940.    $( "#boxprivacy" ).blur(function() {
  3941.    alert( "Handler for .blur() called." );
  3942. });
  3943. </script>  
  3944.  
  3945.        
  3946.    </body>
  3947. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda