
                <tr>
                	<td>
<style>
.faded-left{
	top: 0;
	left: 0;
	position: absolute;
	height: 100%;
	width: 100px;
	background: none;
	background: -moz-linear-gradient( left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0)) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient( left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient( left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) ); /* Opera 11.10+ */
	background: -ms-linear-gradient( left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) ); /* IE10+ */
	/* filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-9 */
	
	background: linear-gradient( to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) ); /* W3C */
}
.faded-right{
	top: 0;
	right: 0;
	position: absolute;
	height: 100%;
	width: 100px;
	background: none;
	background: -moz-linear-gradient( right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) ); /* FF3.6+ */
	background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0)) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient( right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient( right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) ); /* Opera 11.10+ */
	background: -ms-linear-gradient( right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) ); /* IE10+ */
	/* filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-9 */
	
	background: linear-gradient( to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) ); /* W3C */
}
</style>
<div style="max-width:1000px; margin: auto;">
    <div id="jssor_1" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden; visibility: hidden;">
        <!-- Loading Screen -->
        <div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
            <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
            <div style="position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div>
        </div>
        <div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden;">
            <div data-p="225.00" style="display: none;">
                <img data-u="image" src="images/mainbanner-1.jpg" />
            </div>
            <div data-p="225.00" style="display: none;">
                <img data-u="image" src="images/mainbanner-2.jpg" />
            </div>
            <div data-p="225.00" style="display: none;">
                <img data-u="image" src="images/mainbanner-3.jpg" />
            </div>
        
        </div>
<div class="faded-left"></div>
<div class="faded-right"></div>
        <!-- Bullet Navigator -->
        <div data-u="navigator" class="jssorb05" style="bottom:16px;right:16px;" data-autocenter="1">
            <!-- bullet navigator item prototype -->
            <div data-u="prototype" style="width:16px;height:16px;"></div>
        </div>
        <!-- Arrow Navigator -->
        <span data-u="arrowleft" class="jssora22l" style="top:0px;left:12px;width:40px;height:58px;" data-autocenter="2"></span>
        <span data-u="arrowright" class="jssora22r" style="top:0px;right:12px;width:40px;height:58px;" data-autocenter="2"></span>
    </div>
</div>
<!--div class="divheader">
	<div style="float:left; line-height: 80px;">
    	<img src="images/logo-rpm.png" style="vertical-align:middle;" />
    </div>
    <div style="float:right; line-height: 80px;">
    	<img src="images/icon-whatsapp.png" style="vertical-align:middle;" />012-345 6789 <img src="images/icon-wechat.png" style="vertical-align:middle;" /> PANDAGAME
    </div>
</div-->
					</td>
				</tr>
            	<tr>
                	<td class="jackpotcontainer">
                    	<table class="jackpotfield" align="center">
                        	<tr>
                            	<td style="text-align:left; width:50px;">
                                	MYR
                                </td>
                                <td style="text-align:right; width:100%;">
                                	<div id="meter" class="odometer" style="background:none;"><?php echo 750000 + ((int)date('H')."0000"+10000); ?></div><?php //echo number_format(10888168,2,'.',',') ?>
									<script>
									var jackpot=750000+(<?php echo (int)date('H'); ?>0000+10000);
									setTimeout(function(){
										$('.odometer').html(jackpot);
									}, 1000);

									
									setInterval(function(){
										jackpot+=(Math.floor((Math.random()*105)+1));
										$('.odometer').html(jackpot);
									}, 4000);
									</script>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            	<tr>
                	<td align="center">
                    	<img src="images/steps.png"/>
                    </td>
                </tr>
                <?php include('game.php'); ?>