@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');
}

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

@font-face {
  font-family:'novamono';
  src:url('../fonts/novamono.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:url(../img/bg/bg.jpg) no-repeat top;
  background-color:#003366;
}

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

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:960px;
  height:auto;
  margin:0 auto;
  position:relative;
}

#sectionWrapper {
  width:100%;
  height:auto;
  position:relative;
  margin:0 auto;
}

#sectionWrapper #sectionHeader {
  width:100%;
  height:108px;
  position:relative;
}

#sectionWrapper #sectionHeader .header {
  height:170px;
}

#sectionWrapper #sectionHeader #sectionLogo {
  height:85px;
  width:324px;
  left:0;
  top:14px;
  position:absolute;
}

#sectionWrapper #sectionHeader .login {
  width:650px;
  height:65px;
  position:absolute;
  right:0;
  top:35px;
}

#sectionWrapper #sectionHeader .login .deposwithdraw {
  width:543px;
  height:35px;
}

#sectionWrapper #sectionHeader .login .mybet {
  list-style:none;
  margin-top:7px;
  float:left;
}

#sectionWrapper #sectionHeader .login ul.mybet li {
  display:inline-block;
  line-height:27px;
  background:#59a708;
  margin-right:4px;
}

#sectionWrapper #sectionHeader .login ul.mybet li a {
  padding:0 10px;
  font-size:14px;
}

#sectionWrapper #sectionHeader .login input {
  border:none;
  position:absolute;
  font-size:12px;
  color:#000;
  background:#fff;
}

#sectionWrapper #sectionHeader .login input.username {
  background:url(../img/btn/username.png) no-repeat;
  left:60px;
  top:0;
  width:100px;
  height:25px;
  padding:0 0 0 25px;
}

#sectionWrapper #sectionHeader .login input.password {
  background:url(../img/btn/password.png) no-repeat;
  top:0;
  left:165px;
  width:100px;
  height:25px;
  padding:0 0 0 25px;
}

#sectionWrapper #sectionHeader .login input.code {
  top:0;
  left:270px;
  width:50px;
  height:25px;
  padding:0 0 0 10px;
}

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

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

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

#sectionWrapper #sectionHeader .login .fogotpass {
  position:absolute;
  color:#fff;
  font-size:12px;
  font-style:italic;
  position:absolute;
  right:168px;
  top:100px;
  font-weight:bold;
}

#sectionWrapper #containerWrapper {
  width:100%;
  height:auto;
}

#sectionWrapper #sectionMenu {
  width:100%;
  height:36px;
  padding:15px 0 12px 0;
  background:url(../img/bg/menu.png) repeat-x;
}

#sectionWrapper #sectionMenu .menu {
  list-style:none;
}

#sectionWrapper #sectionMenu .menu li {
  display:inline-block;
  border-right:1px solid #0062c7;
}

#sectionWrapper #sectionMenu .menu li a {
  padding:0 20px;
}

#sectionWrapper #sectionMenu .menu li a:hover {
  color:#ffffff;
}

#sectionWrapper #containerWrapper #sectionInfo {
  width:940px;
  height:20px;
  background:#ffffff;
  padding:0 10px;
}

#sectionWrapper #containerWrapper #sectionInfo marquee {
  line-height:20px;
  color:#174d77;
  font-size:14px;
}

#sectionWrapper #sliderWrapper {
  width:760px;
  height:356px;
  float:left;
}

#sectionWrapper #sliderWrapper iframe {
  width:760px;
  height:356px;
}

#sectionWrapper #togel {
  float:right;
  width:198px;
  height:321px;
  background:url(../img/bg/togel.png) no-repeat top center;
  padding-top:37px;
}

#sectionWrapper #togel .togel-result {
  width:180px;
  height:40px;
  padding:0 9px;
  background:#012e5c;
}

#sectionWrapper #togel .togel-result .country {
  float:left;
  width:80px;
  height:38px;
  border-bottom:1px solid #8ba0b5;
  text-transform:uppercase;
}

#sectionWrapper #togel .togel-result .country p {
  font-size:13px;
  color:#fff;
  line-height:12px;
  padding-top:5px;
  font-weight:bold;
}

#sectionWrapper #togel .togel-result .country p span {
  font-size:12px;
  font-weight:normal;
}

#sectionWrapper #togel .togel-result .ball {
  float:left;
  width:100px;
  height:26px;
  border-bottom:1px solid #8ba0b5;
  padding:6px 0;
}

#sectionWrapper #togel .togel-result .ball img {
  float:left;
  margin-right:2px;
}

#sectionWrapper #togel .contact {
  font-size:22px;
  line-height:55px;
  color:#000;
  display:block;
  padding-left:65px;
}

#sectionWrapper .gaming {
  width:100%;
  height:auto;
  position:relative;
  margin-top:5px;
}

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

#sectionWrapper #sectionTransection .jackpot {
  width:225px;
  height:36px;
  text-align:center;
  color:#fff;
  font-size:18px;
  line-height:36px;
  position:absolute;
  font-family:"arial",serif;
  font-weight:bold;
  top:40px;
}

#sectionWrapper #sectionTransection .poker {
  left:32px;
}

#sectionWrapper #sectionTransection .domino {
  right:32px;
}

#sectionWrapper #sectionTransection .capsa {
  top:207px;
}

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

#sectionWrapper #sectionTransection .deposit {
  left:25px;
}

#sectionWrapper #sectionTransection .withdraw {
  right:15px;
}

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

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

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

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

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

#sectionWrapper #sectionFooter {
  width:100%;
  height:auto;
  position:relative;
  background:#003366;
  padding-top:15px;
  padding-bottom:50px;
  margin-top:20px;
}

#sectionWrapper #sectionFooter h2 {
  text-align:center;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  line-height:50px;
}

#sectionWrapper #sectionFooter p {
  line-height:20px;
  font-size:12px;
  text-align:center;
  color:#ffffff;
}

.copyright {
  color:#0c4700;
}

aside {
  position:fixed;
  bottom:0;
  max-width:240px;
  text-align:center;
}

aside.aside-left {
  left:10px;
}

aside.aside-right {
  right:0;
}