html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
margin:0;padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
display:block}
body{line-height:1;background-color: #000 !important;color:#fff;font-family:"Poppins",arial !important;}
ol,ul{
list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after
{content:'';
content:none
}
table{
border-collapse:collapse;
border-spacing:0
}
#bodywrap{
width:600px;
margin:0 auto
}
#headwrap{
width:100%;
text-align:center;
padding-top:15px
}
.checked {
color: #fff901;
}
.loginform{width:100%;padding: 20px 0;margin-bottom: 0px;float: left;}
.login,
.daftar{}
.login:hover,
.daftar:hover{cursor:pointer}
.login{
line-height:40px;
background: #ffffff;
border-radius: 5px;width: 100%;
}
.daftar{
line-height: 40px;
height: unset;
background: #ffffff;
color: #fff!important;
border-radius: 5px;
}
.logo img{max-width:60%}
#news{width:100%;/* height:37px; */font-family: Roboto,arial;text-transform:uppercase;color: #fff;background: #e8dd2f;}
#jackpot{margin-left: -15px;font-size: 30px;letter-spacing:4px;text-shadow:0 0 2px #999;margin-right: -15px;/* width: 60%; */0% */color: #fff;text-align: center;/* position: relative; */background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(28,38,47,1) 0%, rgba(37,47,57,1) 90% );padding: 15px;border-radius: 8px;border: 1px solid #3a4447;}
.slide{margin-bottom:10px}
h1,h2,h3{font-weight: bold;margin-bottom:20px;text-transform:uppercase;letter-spacing:1.5px;color: #ff9645;}
h1{font-size: 22px;}
h2{font-size: 19px;}
h3{font-size: 17px;}
p{line-height:1.8;
margin-bottom:18px}
a:link,a:visited,a:hover{color: #ffa545;text-decoration:none;}
ul li{
list-style:circle;
padding-left:10px;
list-style-position:inside;
margin-bottom:7px
}
ol li{
list-style:decimal;
padding-left:10px;
list-style-position:inside;
margin-bottom:7px
}
img{
max-width:100%}
.date{
font-size:12px;
background:#111;
padding:5px 0 5px 10px;
border:1px solid #333;
border-radius:5px;
color:#ccc;
margin-bottom:10px
}
.copyright{
max-width:600px;
margin:15px auto 30px;
text-align:center;
font-size:14px;
color:orange;
width:100%
}
.kontener{display:inline-block;
cursor:pointer;
width:100%;
margin:10px 0
}
.change
.kontener{margin-bottom:20px}
.bar1,
.bar2,
.bar3{width:25px;
height:2px;
background-color:#f5f5f5;
margin:6px 0;
transition:.4s;
box-shadow:0 0 3px #fff}
.change .bar1{opacity:1}
.change .bar2{opacity:1}
.change .bar3{opacity:1}
.tombol{float:right;
width:35px
}
.menu{transition:.7s;
float:left;
margin:5px 0;
height:0;
width:100%
}
.change .menu{
background:#000;
display:block;
float:left;
height:40px}
.change .menu
ul{margin:0}
.menu ul li{
color:#fff;
float:left;
width:22%;
text-align:center;
list-style:none;
padding:5px;
display:none
}
.change
.menu ul li{
list-style:none;
padding:5px;display:block
}
@media screen and (max-width:480px){
#bodywrap{
max-width:96%;
margin:0 auto}
#news{font-size:14px;
height:20px}
.login,.daftar
{
width: 100%;
margin:10px auto;
line-height:35px;
font-size:16px;
font-weight:700;
}
p{text-align:justify}}@media screen and (max-width:320px){#bodywrap{
max-width:96%;
margin:0 auto}
p{text-align:justify}
}
.daftar.btn {
background-image: radial-gradient( circle farthest-corner at 10% 20%, rgb(255, 2, 2) 0%, rgba(245,63,63,1) 90% );
color: #fff;
padding: 8px 6px;
font-size: 35px;
font-family: Roboto, Arial;
margin-bottom: 5px;
box-shadow: 0 5px 0 0 rgba(255, 26, 0, 0.63);
-moz-box-shadow: 0 2px 0 0 rgba(164,119,31,1);
width: 100%;
border: 1px solid #ff0000;
}
.daftar.btn:hover{
background:linear-gradient(to bottom,#9ec10f 0,#b8f306 100%);
box-shadow: 0px 3px #96f105;
margin-top: 1px;
border-color: #337a0d;
color: #1279e0;
}
.login.btn {
background-image: radial-gradient( circle farthest-corner at 10% 20%, rgb(255, 2, 2) 0%, rgba(245,63,63,1) 90% );
color: #fff;
padding: 8px 6px;
font-size: 35px;
font-family: Roboto, Arial;
margin-bottom: 5px;
box-shadow: 0 5px 0 0 rgba(255, 26, 0, 0.63);
-moz-box-shadow: 0 2px 0 0 rgba(164,119,31,1);
width: 100%;
border: 1px solid #ff0000;
}
.login.btn:hover{
background:linear-gradient(to bottom,#9ec10f 0,#b8f306 100%);
box-shadow: 0px 3px #96f105;
margin-top: 1px;
border-color: #337a0d;
color: #1279e0;
}
.innerleft {
overflow:hidden;
color:#fff;
}
.moreinfotable {
font-family: Oswald, sans-serif;
}
.moreinfotable h3 {
margin-bottom:10px;
}
.innerratings {
float: right;
color:#efefef;
text-align: center;
overflow: hidden;
margin-bottom: 15px;
background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(28,38,47,1) 0%, rgba(37,47,57,1) 90% );
padding: 10px;
border-radius: 10px;
-moz-border-radius:5px;
width: 100%;
border: 1px solid #3a4447;
font-family: Oswald,sans-serif;
}
.summary {
border-collapse: collapse;
border-spacing: 0;
width:100%;
font-size:13px;
color: #d6dfe2;
}
.summary th {
text-align:left;
border-bottom: 1px solid #222636;
width:42%;
padding: 7px 5px 5px 0;
vertical-align:top;
line-height: 1.2em;
}
.summary td {
border-bottom: 1px solid #222636;
width: 100%;
padding: 8px 5px 3px 0;
line-height:1.2em;
vertical-align:top;
}
#main {
background: #222;
color: #fff;
}
span#jp {margin: 0 auto;}
.innerratings h3 {
margin: 0;
color: #ffa027;
font-weight: normal;
font-size: 22px;
}
.progress {
padding: 6px;
background: rgba(0, 0, 0, 0.25);
border-radius: 6px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}
.progress-bar {
height: 18px;
background-color: #ee303c;
border-radius: 4px;
transition: 0.4s linear;
transition-property: width, background-color;
}
.progress-striped .progress-bar {
background-color: #FCBC51;
width: 100%;
background-image: linear-gradient(45deg, #0b6dff 34%, #00adff 60%);
animation: progressAnimationStrike 6s;
}
@keyframes progressAnimationStrike {
from { width: 0 }
to { width: 100% }
}
.progress2 {
padding: 5px;
border-radius: 30px;
background: rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
width: 100%;
margin-bottom: 5px;
}
.progress-bar2 {
height: 10px;
border-radius: 30px;
background-image:
linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
transition: 0.4s linear;
transition-property: width, background-color;
}
.progress-moved .progress-bar2 {
background-color: #fe7a23;
animation: progressAnimation 2s;
}
@keyframes progressAnimation {
0% { width: 5%; background-color: #2f83fb;}
100% {background-color: #2f83fb;}
}
.premium-progressbar-left-label {
color: #bbd3fa;
font-family: "Oswald", Sans-serif;
text-align: left;
margin: 0;
text-transform: uppercase;
font-size: 15px;
}
.right {
float:right;
}
.progress-bar2 .seveneight {
width: 78%;
}
.progress-bar2.seveneight {
width: 78%;
}
.progress-bar2.nine {
width: 90%;
}
.progress-bar2.eightnine {
width: 89%;
}
.progress-bar2.ninefive {
width: 95%;
}
.progress-bar2.eight {
width: 80%;
}
@media (min-width: 1200px) {
.container{width: 950px;}
}
div#jp {
border: 2px dotted #fe9f22;
padding: 9px 5px;
font-size: 25px;
border-radius: 5px;
background: #222;
}
img.game {
display: inline-block;
width: 24%;
}