html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
     background: #b32400;

}

h1 {font-size: 0pt;
    margin: 0;
    color: transparent;}
h2 {
    font-size: 25pt;
    margin: 8px 0;
    color: #ffffff;
    }
h3 {font-size: 17pt;
    margin: 8px 0;
    color: #ffffff;}
h4 {font-size: 15pt;
    margin: 8px 0;
    color: #ffffff;}
h5 {font-size: 14pt;
    margin: 8px 0;
    color: #ffffff;}
h6 {font-size: 12pt;
    margin: 8px 0;
    color: #ffffff;}
    
p { color: #ffffff;}
    
a {color:#CE0003}

a:hover {color:#000000}

.header {
  background: url(img/nav.jpg);
  position: relative;
  box-shadow: #000 0 0 16px;
}

.pagearea {height: 200px;width:100%;}

.wraper {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

.content {box-shadow: #ff0 0 0 15px;background: #330c00;border: 3px solid #ecbd0e;padding: 20px;color: #e4e4e4;width: 90%;margin: 25px auto;border-radius: 5px;}


.topheader {padding-left: 25px;background: url(img/tanggal.png) 0 100% no-repeat;height: 25px;font-size: 12px;}

.scrooltext {
    background: url(img/running.jpg);
    float: none;
    font-size: 12pt;
    color: #000000;
    width: 100%;
    padding: 2px 0;
    overflow: hidden;
    position: relative;
    margin: -60px auto 0;
    z-index: 0;
}


.headerinner {box-shadow:none !important}

.headerfrontpage {
     background: url('img/background_00000.jpg') top center no-repeat;
     background-size:cover; 
     background-repeat: no-repeat;
       background-position: 0px -180px;

     }

.headerinnerpage {
    padding: 0;
    margin-bottom:25px;
}

.langkah {margin: 15px auto -58px;width: 100%;height: 155px;background: url(img/label.png) 50% 50% no-repeat;}

.logo {margin: 10px 0 -25px 0;position: relative;float:left; width: 30%;text-align: center;z-index: 5; top:-10px;}

.sport {margin: 10px 0 -25px 0;
    position: relative;
    float:left;
    top: -19px;
    text-align: center;
    z-index: 5;}
    
.info {margin: 10px 0 -25px 0;
    position: relative;
    float:left;
    top: -19px;
    left:0px;
    text-align: center;
    z-index: 5;}

.logoimg {
    width:104%;
}

.headright {
    border-radius: 5px;
    padding: 0;
    float:right;
    width: 70%;
}

.bankfloat {position:fixed;right:0;top:20%;}

ul.bank {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.kolombank {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 184px;
    display: block;
    width: 210px;
    height: 55px;
}

.bca-on {
    background-image: url(img/bank/bca-online.gif);
}
.mandiri-on {
    background-image: url(img/bank/mandiri-online.gif);
}
.bri-on {
    background-image: url(img/bank/bri-online.gif);
}
.bni-on {
    background-image: url(img/bank/bni-online.gif);
}
.danamon-on {
    background-image: url(img/bank/danamon-online.gif);
}
.bca-off {
    background-image: url(img/bank/bca-offline.gif);
}
.mandiri-off {
    background-image: url(img/bank/mandiri-offline.gif);
}
.bri-off {
    background-image: url(img/bank/bri-offline.gif);
}
.bni-off {
    background-image: url(img/bank/bni-offline.gif);
}
.danamon-off {
    background-image: url(img/bank/danamon-offline.gif);
}

.contactcolumn  {
    
    padding: 12px 0;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    background: no-repeat 100% 50% #fff;
    width: 100%;
}

.contact {font-size: 12pt;display: table;line-height: 20px;}

ul.contactt {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0 185px 0 0px;
    overflow: hidden;
}

li.contact {
    color: #000;
    background-size: 40px;
    padding: 0 0 0px 45px;
    margin: 0px 6px 0;
    float: right;
}

li.contact a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11pt;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #a70000;
}

li.contact a:hover {
    color: #ff0;
}

.line {
    background: url(img/line.png) no-repeat 0% 50%;
margin-left: 0 !important;
}
.bbm {
    background: url(img/telegram.png) no-repeat 0% 50%;
}
.wa {
    background: url(img/wa.png) no-repeat 0% 50%;
}
.fb {
    background: url(img/Instragram.png) no-repeat 0% 50%;
}
.wechat {
    background: url(img/skype.png) no-repeat 0% 50%;
}

.form {
    position: relative;
    background: url(img/daftar.png) 100% 0 no-repeat;
    float: right;
    text-align: center;
    display: block;
    width: 100%;
    padding: 0;
    z-index: 2;
}

.form-inside-block {
padding: 40px 40px 5px 90px;
overflow: hidden;
background: url(img/form.png) no-repeat 100% 100%;
margin-top: -15px;
}

.form-inside {
    vertical-align: middle;
    float: right;
    display: inline-block;
}

.fipass {margin: 0 28px 0 0px;width: 22%;}
.fiuser {margin: 0 30px 0 0;width: 22%;}
.filogin {width: 15%;margin-right: 20px;}
.fidaftar {margin: -20px -15px 0 0;width: 25%;}

input[type=text], input[type=login], input[type=daftar] {color: #fff;height:25px;}

input[type=text] {
    width: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    border: none;
    background: none;
}

input[type=login], input[type=daftar] {background: none;text-align: center;cursor: pointer;border: none;}

input[type=login] {height: 25px;font-weight: bold;width: 100%;color: #fff;padding: 0;margin: 0;}
input[type=daftar] {width: 100%;padding: 0;margin: 0;}
input::-webkit-input-placeholder {
color: #fff !important;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: #fff !important;  
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: #fff !important;  
}
 
input:-ms-input-placeholder {  
color: #fff !important;  
}

.nav {
    position: relative;
    background: url(img/tanggal.png) 0 100% no-repeat;
    float: right;
    display: block;
    height: 60px;
    width: 96%;
    z-index: 3;
}

.navinside {
    margin:0 auto;
    display:block;
    padding: 18px 0 0 0px;
}

.topnav {
  display: block;
  overflow: hidden;
}

.topnav a {float: right;text-align: center;text-decoration: none;color: #ffffff;font-weight: bold;padding: 0 5px;font-size: 14pt;}

.panduan {
display:none;
}



.topnav a:hover, .dropdown:hover .dropbtn {
    color:#000000;
    position: relative;
    top: -2px;
}

.topnav .icon {
  display: none;
}

.dropdown {
    float: right;
    overflow: hidden;
}

.dropdown .dropbtn {font-family: 'Lato', sans-serif;text-transform: uppercase;cursor: pointer;font-size: 14pt;border: none;outline: none;color: #ffffff;background: none;font-weight: bold;}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffca1e;
    min-width: 160px;
    z-index: 2;
}

.dropdown-content a {
    text-shadow: none;
    float: none;
    color: #000000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    color:#ffffff;
background-image:none;
    background-color: #a70000;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.slidercontainer {border-top-left-radius: 25px;border-top-right-radius: 25px;background: #000;height:350px;overflow: hidden;}

.jackpot {
    position: relative;
    z-index: 0;
    margin: 6px;
    display: block;
}

.jackpot-poker, .jackpot-domino {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 500px;
    padding: 25px 0 25px 95px;
    margin-top: 0;
    text-align: center;
    display: block;
}

.jackpot-poker {
    background-image: url(img/bonus.png);
}

.jackpot-domino {
    background-image: url(img/bonus1.png);
}

.bottom-column {
    position: relative;
    width: 100%;
    display:table;
    padding: 55px 0 35px;
    z-index: 2;
}

.box, .boxjackpot {display: inline-block;float: left;height: auto;}
.box {width: 23%;}
.boxjackpot {border-radius: 10px;width: 53%;}
.box img {}
.boxtitle {background: #a70000;border-bottom: 3px solid #ffffff;color: #fff;display: block;width: 100%;height: 20px;text-align: center;padding: 10px 0;font-size: 16pt;font-weight: bold;}
.box-inside {border-radius: 10px;text-align: center;padding: 0;color: #ffbe11;font-weight: bold;overflow: hidden;width: 95%;height: 170px;margin: 0 auto;background: #272727;}
.box-inside img {width: 14px;margin: 0;}
.boxcolumn1 {
    text-align: right;
    line-height: 25px;
    padding: 0;
    display: inline;
    float: right;
    width: 35%;}
.boxcolumn2 {
    border-left: 1px solid #3e3e3e;
    text-align: left;
    padding: 0;
    line-height: 25px;
    display: inline;
    float: right;
    font-size: 13px;
    width: 50%;
}
.boxcolumn3 {margin-right: -15px;padding: 0;line-height: 25px;display: inline;float: left;font-size: 18px;width: 15%;}
.bottom-teks-column {
  background: #5f0000;
  text-align: left;
  margin: 0;
  position: relative;
  z-index: 1;
  border: 5px solid #e6b800;
  padding: 10px;
  
}

/* width */
::-webkit-scrollbar {
  width: 9px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 8px grey; 
  border-radius: 50px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ffffff; 
  border-radius: 50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #a6a6a6; 
}




#footer {
background-image: linear-gradient(#e6b800, #ffff00);
    
}

.footer {
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    padding: 5px 0;
    width: 100%;
    display: table;
}

.footbank {padding: 10px 0;border-bottom: 1px solid #840000;display: block;margin: 0 auto;}

@media (max-device-width: 700px) {
.wraper {
width:100% !important
}
}