@charset "utf-8";
  /* CSS Document */

/*@import url('https://fonts.googleapis.com/css?family=Bebas');
  */

* {
  margin:0;
  padding:0;
}

@font-face {
  font-family:'Bebas';
  src:url('../fonts/BEBAS.ttf');
}

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,
font,
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 {
  margin:0;
  padding:0;
  border:0 none;
  outline:0 none;
  background:none repeat scroll 0% 0% transparent;
  text-align:left;
}

html {
  background-color:#000000;
  -webkit-background-size:100% 100%;
  -moz-background-size:100% 100%;
  -o-background-size:100% 100%;
  background-size:100% 100%;
}

body {
  font-size:14px;
  font-family:arial;
}

h1 {
  text-align:center;
  color:#e9df86;
}

h2 {
  text-align:center;
  color:#e9df86;
}

h3 {
  color:#e9df86;
}

a {
  text-decoration:none;
  color:#fff;
  -webkit-transition:opacity 0.2s;
  -moz-transition:opacity 0.2s;
  -o-transition:opacity 0.2s;
  transition:opacity 0.2s;
}

a img {
  border:none;
}

ul {
  list-style-type:none;
}

p {
  text-align:justify;
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/* FF,Safari,Opera—p */

.clearfix {
  display:inline-block;
}

/* IE7,MacIE5—p */

/* The Following Hidden From MacIE \*/

	* html .clearfix {
  height:1%;
}

.clearfix {
  display:block;
  height:inherit;
}

.clear {
  clear:both;
  height:0;
}

.container {
  max-width:1006px;
  height:auto;
  margin:0 auto;
  position:relative;
}

#sectionWrapper {
  width:1000px;
  height:auto;
  position:relative;
  margin:0 auto;
  /*background:rgba(0,0,0,0.7);
  */;
}

#sectionWrapper #sectionHeader {
  width:100%;
  height:100px;
  position:relative;
  margin:0 auto;
  /*background:url(../img/bg/header.png) repeat-x;
  */;
}

#sectionWrapper #sectionHeader #sectionLogo {
  height:65px;
  width:260px;
  left:0;
  top:25px;
  position:absolute;
}

#sectionWrapper #sectionHeader .login {
  position:absolute;
  right:0;
  top:30px;
  width:700px;
  height:60px;
}

#sectionWrapper #sectionHeader .login input {
  width:100px;
  height:15px;
  line-height:25px;
  border:none;
  position:absolute;
  font-size:12px;
  padding:5px 5px 5px 20px;
  color:#000000;
  background:none;
  background:none;
}

#sectionWrapper #sectionHeader .login input.username {
  left:345px;
  top:0;
  background:url(../img/btn/username.png) no-repeat;
}

#sectionWrapper #sectionHeader .login input.password {
  left:345px;
  top:30px;
  background:url(../img/btn/password.png) no-repeat;
}

#sectionWrapper #sectionHeader .login input.kode {
  left:486px;
  top:30px;
  width:32px;
  padding:5px;
  background:url(../img/btn/lang.png) no-repeat;
}

#sectionWrapper #sectionHeader .login .numbercode {
  top:0;
  position:absolute;
  right:172px;
  padding:5px;
  color:whitesmoke;
  background-color:#282828;
}

#sectionWrapper #sectionHeader .login input[type="button"] {
  padding:0;
  border:none;
  cursor:pointer;
  position:absolute;
}

#sectionWrapper #sectionHeader .login input#btn-login {
  background:url(../img/btn/login.png) no-repeat;
  right:0;
  width:145px;
  height:28px;
  top:0;
}

#sectionWrapper #sectionHeader .login input#btn-register {
  background:url(../img/btn/daftar.png) no-repeat;
  left:0;
  top:0;
  width:145px;
  height:50px;
}

#sectionWrapper #sectionHeader .register {
  position:absolute;
  right:0;
  top:59px;
}

#sectionWrapper #sectionHeader .date {
  position:absolute;
  top:65px;
  width:160px;
  height:20px;
  color:#fff;
  font-size:11px;
  font-weight:bold;
  text-align:right;
  right:0;
  line-height:20px;
}

#sectionWrapper .contact {
  width:998px;
  height:auto;
  background:#282828;
  border:1px solid #000000;
  border-radius:10px;
  padding:10px 0 5px 0;
  margin-top:10px;
}

#sectionWrapper .contact ul {
  list-style:none;
  text-align:center;
}

#sectionWrapper .contact ul li {
  display:inline;
  margin:0 30px;
}

#sectionWrapper .info {
  width:818px;
  height:24px;
  background-color:#282828;
  padding:0 175px 0 5px;
  border:1px solid #000000;
  border-top:0;
  position:relative;
}

#sectionWrapper .bank {
  float:right;
  width:775px;
  height:250px;
  background:url(../img/bank.png) no-repeat;
}

#sectionWrapper .info marquee {
  line-height:25px;
  font-size:12px;
  color:#fff;
  font-family:'Exo',serif;
  font-style:italic;
}

#sectionWrapper .info .livechat {
  position:absolute;
  top:0;
  right:0;
}

#sectionWrapper #sectionMenu {
  width:998px;
  height:48px;
  background-image:linear-gradient(#ff3b00,#ffb221);
  border:1px solid #000000;
}

#sectionWrapper #sectionMenu ul {
  list-style:none;
}

#sectionWrapper #sectionMenu ul li {
  display:inline;
  padding:0 14px;
}

#sectionWrapper #sectionMenu ul li a {
  display:inline-block;
  font-family:'Exo',serif;
  font-style:italic;
  font-size:18px;
  line-height:48px;
  text-transform:uppercase;
}

#sectionWrapper #sectionMenu ul li a i {
  line-height:40px;
  font-size:24px;
  padding-left:10px;
}

#sectionWrapper #sectionMenu ul li:first-child {
  border-left:0;
}

#sectionWrapper #sectionMenu ul li:last-child {
  border-right:0;
}

#sectionWrapper #sectionMenu .livechat {
  position:absolute;
  right:0;
  top:0;
}

#sectionWrapper .togel {
  float:left;
  width:222px;
  height:250px;
  background:url(../img/togel-bg.png?v=4) no-repeat;
}

#sectionWrapper .togel table {
  border:none;
  width:100%;
  font-family:'Exo',serif;
  font-style:italic;
  border-spacing:3px 6px;
}

#sectionWrapper .togel table th {
  background:#c69c6d;
  text-align:center;
  font-style:italic;
  line-height:20px;
}

#sectionWrapper #slider {
  width:1000px;
  height:275px;
}

#sectionWrapper #slider img {
  width:100%;
  height:auto;
}

/* #sectionWrapper .bank {
  float:right;
  width:775px;
  height:250px;
  background:url(../img/bank.png?v=2) no-repeat;
}

*/

#sectionWrapper #sectionTransection {
  position:relative;
  width:960px;
  height:435px;
  background:url(../img/bg/transection.png) no-repeat;
}

#sectionWrapper #sectionTransection .transection {
  position:absolute;
  width:215px;
  height:auto;
  top:155px;
}

#sectionWrapper #sectionTransection .deposit {
  top:226px;
  left:75px;
}

#sectionWrapper #sectionTransection .withdraw {
  left:390px;
  top:226px;
}

#sectionWrapper #sectionTransection .referral {
  left:710px;
  top:226px;
}

#sectionWrapper #sectionTransection .transection table {
  border-collapse:collapse;
  width:215px;
}

#sectionWrapper #sectionTransection .transection table td {
  height:34px;
  line-height:34px;
  border:0;
  padding:0 5px;
  font-size:14px;
  color:#ffffff;
  font-weight:bold;
}

#sectionWrapper #sectionTransection .transection table td:nth-child(1) {
  width:40%;
  text-align:left;
}

#sectionWrapper #sectionTransection .transection table td:nth-child(2) {
  width:20%;
  text-align:center;
}

#sectionWrapper #sectionTransection .transection table td:nth-child(3) {
  width:40%;
  text-align:right;
}

#sectionWrapper #sectionTransection .jackpot {
  width:205px;
  height:45px;
  text-align:center;
  color:#fff;
  font-size:35px;
  line-height:45px;
  position:absolute;
  font-family:"Impact",serif;
  top:65px;
}

#sectionWrapper #sectionTransection .pocker {
  left:275px;
}

#sectionWrapper #sectionTransection .domino {
  left:515px;
}

#sectionWrapper #sectionTransection .capsa {
  left:745px;
}

#sectionWrapper #sectionFooter {
  width:100%;
  height:auto;
  margin:0 auto;
  text-align:center;
  padding:20px 0;
}

#sectionWrapper #sectionFooter ul {
  list-style:none;
  text-align:center;
  margin-bottom:10px;
}

#sectionWrapper #sectionFooter ul li {
  display:inline;
}

#sectionWrapper #sectionFooter ul li a {
  display:inline-block;
  font-size:16px;
  border-right:2px solid #f5c540;
  padding:0 10px;
  color:#f5c540;
}

#sectionWrapper #sectionFooter p {
  color:#f5c540;
  font-size:14px;
  line-height:22px;
  text-align:center;
}

#sectionWrapper #sectionFooter p a {
  color:#ffcc00;
}

#sectionWrapper #sectionFooter h2 {
  font-size:16px;
  color:#ffe400;
  font-weight:bold;
  text-align:center;
}

.livechat-stick {
  position:fixed;
  right:0;
  bottom:0;
  z-index:999;
}