.hasil {
    position: absolute;
    right: 0px;
    top: 43px;
}

.bg {
    position: absolute;
    width: 100%;
    height: 203px;
    top: 0px;
    background-image: url(theme/v1/images/bg_z.png);
}

@-moz-document url-prefix() {
    .bg {
        position: absolute;
        width: 100%;
        height: 203px;
        top: 0px;
    }

    .hasil {
        position: absolute;
        right: 0px;
        top: 43px;
    }

    .TogelDate {
        height: 10px !important;
    }
}


.TogelDate {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    color: #FFCC00;
    padding-left: 30px;
    height: 15px;
}

.TogelCountry {
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    color: #dfa511;
    font-weight: bold;
    padding-left: 30px;
}
table.top-menu tr{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.footerbank {
    margin: 0 auto;
    width: 991px;
    color: #979797;
    text-align: left;
    font-family: Century Gothic, Arial, Helvetica;
}

.footerbank div {
}
.footerbank h1{
    color:#c4c4c4;
    font-size:24px;
    text-transform:uppercase;
}
.footerbank h2{
    color:#c4c4c4;
    font-size:22px;
    text-transform:uppercase;
}
.footerbank h3{
    color:#c4c4c4;
    font-size:20px;
    text-transform:uppercase;
}
.footerbank h4{
    color:#c4c4c4;
    font-size:18px;
    text-transform:uppercase;
    margin: 15px 0 5px 0;
}
.footerbank h5{
    color:#c4c4c4;
    font-size:16px;
    text-transform:uppercase;
    margin: 15px 0 5px 0;
}

.bgtopnav td a {
    padding: 0 !important
}
.footer-links-wrap {
    padding: 15px 20px 24px 20px;
    color: #7c7c7c;
}
.footer-links {float: left; width: 147px; text-align:left}
.footer-links-togel {width: 170px;}
.footer-links-contact {width: 226px;}
.footer-links-title {padding-bottom: 3px; color: #ffffff; font-size: 14px; font-weight: bold;}
.footer-links ul{list-style: none;margin-block-start: unset;padding-inline-start: unset;}
.footer-links li {line-height: 20px; color: #d9d9d9; font-size: 11px;text-transform: uppercase;}
.footer-links li a {color: #d9d9d9; text-decoration: none;}
.footer-links li a:hover {color: #00ffff;}
.footer-links h6{margin: unset;}
.footer-info li {line-height: 20px; color: #5f5f5f; font-size: 11px;text-transform: uppercase;}
.footer-img2 {height: 90px;background: url('theme/v1/images/footer_img02.png') 50% 15px no-repeat;}
.footer-info {text-align:left}
.footer-info a {text-decoration:none; color: #5f5f5f; line-height: 20px; font-size: 11px;text-transform: uppercase;}
.footer-info a:hover {color:white;}
.footer-info span {text-decoration:none; color: #5f5f5f; line-height: 20px; font-size: 11px;text-transform: uppercase;}
.column1 {
    float: left;
    width: 50%;
    padding: 15px 10px 10px 0px;
    height: 300px;
    /*background:#0e1032;
    box-shadow: 0 7px 10px -5px #250028 inset;*/
}
.column2 {
    float: left;
    width: 50%;
    padding: 0px 0px 10px 10px;
    height: 300px;
    /*background:#0e1032;
    box-shadow: 0 7px 10px -5px #250028 inset;*/
}

.row:after {
    content: "";
    display: table;
    clear: both;
}
.fixed-top {
    position: fixed;
    width: 100%;
    height: 50px;
    top: 0px;
    background: url(theme/v1/images/bg_x.png) 0 -120px repeat-x;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.7);
    z-index: 99999999999;
}
.brand-logo {
    width: 500px;
}
.brand-logo img {
    max-width:180px;
}
.register-td {
    height: 72px;
}
.promo-image {
	width: 114px;
}
.hompage-bg {
    background: url(theme/v1/images/nav_over.png) repeat;
    padding-left: 2px;
}
.divbg {
    position: absolute;
    width: 100%;
    height: 0px;
    top: 918px;
    /*background-color: #0e1032;*/
}
.divbg2 {
    background: url('theme/v1/images/bg.jpg') repeat;
    background-size:300px;
    background-attachment: fixed;
}
.divbg3 {
    width: 100%; 
    position: relative;
}
.divbg4 {
    margin: 0 auto; 
    width: 991px;
}
.register-button {
    background: url(theme/v1/images/btn_daftar.gif)no-repeat;
    background-size: 119px;
    padding: 16px 20px;
    border-radius: 7px;
    filter: drop-shadow( 2px 2px 0 rgba(0, 0, 0, 0.7));
    text-decoration: none;
    font-size: 22px;
    font-weight: bold;
    line-height: 60px;
    color: #dfa511;
}
.register-td a:hover {
    color: #ffffff;
}
input.username-colum:focus {
    outline:none;
}
input.password-colum:focus {
    outline:none;
}
input.code-colum:focus {
    outline:none;
}
.username-colum {
    color: #0e1032;
    width: 150px;
    height: 24px;
    background: url(theme/v1/images/login_username.png) no-repeat;
    border: 0;
    padding-left: 30px;
    background-size: 166px;
    border-radius: 3px;
}
.password-colum {
    color: #000000; 
    width: 150px;
    height: 24px; 
    padding-left: 30px; 
    border: 0; 
    background: url(theme/v1/images/login_password.png) no-repeat;
    background-size: 166px;
    border-radius: 3px;
}
.code-td {
    padding-left: 10px; 
    width: 40px;
}
.code-colum {
    color: #000000;
    padding-left: 10px;
    width: 110px; 
    height: 24px; 
    background: url(theme/v1/images/login_code.png) no-repeat; 
    border: 0;
    background-size: 166px;
    border-radius: 3px;
}
.login-button {
    text-align: center; 
    cursor: pointer; 
    border: 0; 
    width: 70px;
    text-decoration: none;
}
.hasilskor {
    width: 710px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.7);
}
.cs-tabel {
    padding: 8px 0px;
}
.cs-skype {
    height: 30px; 
    background: url(theme/v1/images/contact/skype.png) left center no-repeat; 
    background-size:27px; 
    padding-left: 28px; 
    width: 95px; 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.7);
}
.cs-skype a {
    color: #fff; 
    font-family: arial; 
    font-weight: bold;
}
.cs-line {
    background: url(theme/v1/images/contact/line.png) left center no-repeat; 
    background-size:27px; 
    padding-left: 28px; 
    width: 95px; 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.7);
}
.cs-line a {
    color: #fff; 
    font-family: arial; 
    font-weight: bold;
}
.cs-wechat {
    background: url(theme/v1/images/contact/wechat.png) left center no-repeat; 
    background-size:27px; 
    padding-left: 28px; 
    width: 95px; 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.7);
}
.cs-wechat a {
    color: #fff; 
    display: inline-block; 
    font-family: arial; 
    font-weight: bold;
}
.cs-whatsapp {
    background: url(theme/v1/images/contact/wa.png) left center no-repeat; 
    background-size:27px;
    padding-left: 28px;
    padding-right: 5px;
    width: 115px; 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.7);
}
.cs-whatsapp a {
    color: #fff; 
    font-family: arial; 
    font-weight: bold;
}
.cs-whatsapp a:hover {
    color:#dfa511;
    -webkit-mask-image: linear-gradient(-75deg,#39003e9d 10%,#39003e 40%,#39003e9a 60%);
            -webkit-mask-size: 200%;
            animation: shine 1.5s infinite;
            }
            @-webkit-keyframes shine {
                from {
                    -webkit-mask-position: 150%
                }
            
                to {
                    -webkit-mask-position: -50%
                }
}
.cs-telegram {
    background: url(theme/v1/images/contact/telegram.png) left center no-repeat;
    background-size:27px; 
    padding-left: 4px;
    padding-right: 5px;
    width: 115px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.7);
    text-align: center;
}
.cs-telegram a {
    color: #fff; 
    font-family: arial; 
    font-weight: bold;
}
.cs-telegram a:hover {
    color:#dfa511;
    -webkit-mask-image: linear-gradient(-75deg,#39003e9d 10%,#39003e 40%,#39003e9a 60%);
            -webkit-mask-size: 200%;
            animation: shine 1.5s infinite;
            }
            @-webkit-keyframes shine {
                from {
                    -webkit-mask-position: 150%
                }
            
                to {
                    -webkit-mask-position: -50%
                }
}
.cs-livechat {
    border-radius: 3px;
    padding-right: 3px;
}
.cs-livechatt {
    background: url(theme/v1/images/contact/chat.png) left center no-repeat; 
    padding-left: 28px;
    padding-right: 5px;
    background-size: 27px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.7);
}
.cs-livechatt span {
    color: white; 
    font-family: arial; 
    font-weight: bold;
}
.cs-livechatt :hover {
    color:#dfa511;
    -webkit-mask-image: linear-gradient(-75deg,#39003e9d 10%,#39003e 40%,#39003e9a 60%);
            -webkit-mask-size: 200%;
            animation: shine 1.5s infinite;
            }
            @-webkit-keyframes shine {
                from {
                    -webkit-mask-position: 150%
                }
            
                to {
                    -webkit-mask-position: -50%
                }
            }
.info-news {
    width: 75px; 
    background: url(theme/v1/images/news.png) no-repeat;
    background-size: 75px;
}
.slider-image {
    margin: 0 auto; 
    width: 991px; 
    background: transparent; 
    position: relative;
}
.slider-x-image {
    background: transparent; 
    height: 710px;
}
.row-foter {
    box-sizing: border-box;
    display: flex;
}
.text-content {
    border-bottom: 1px solid #2b2b2b; 
    text-align: justify; 
    font-size: 15px;
    text-align: justify;
}
.bottom-text-content {
    height: 90px; 
    background: url(theme/v1/images/footer_img02.png) 50% 15px no-repeat;
}
.footer {
    margin: 0 auto;
    padding-top: 0px;
    width: 991px;
    color: #7c7c7c;
}
.footer-top-wrap {
    margin: 0 auto;
    position: relative;
    width: 959px;
    height: 39px;
    line-height: 39px;
    background: url(theme/v1/images/footer_nav_bg.png) 0 50% repeat-x;
    margin-top: -20px;
}
.footer-top-wrap:before {
    left: -16px;
    background: url(theme/v1/images/footer_nav_bg.png) 0 0 no-repeat;
}
.footer-top-wrap:after {
    right: -17px;
    background: url(theme/v1/images/footer_nav_bg.png) 0 100% no-repeat;
}
.footer-top-wrap:before, .footer-top-wrap:after {
    content: '';
    position: absolute;
    top: 0;
    width: 20px;
    height: 39px;
}
.article-menu {
    float: left;
    padding-left: 12px;
}
.article-menu h1 {
    font-size:100%;
    padding:0;
    margin:0;
}
.article-menu a {
    color: #979797;
    text-decoration: none;
}
.article-menu a:hover {
    color:#ffffff;
}
.copyright {
    float: right;
    padding-right: 10px;
    color: #ca9613;
}
.column-panel {
    float: left;
    width: 20%;
  }
  .column-tab {
    float: left;
    width: 40%;
    padding: 10px 20px 10px 10px;
  }
  .column-of {
    float: left;
    width: 32%;
    padding: 10px 10px 10px 35px;
  }
  .column-games {
    float: left;
    width: 77%;
    padding: 10px;
  }
  .rowo:after {
    content: "";
    display: table;
    clear: both;
  }
  .rowo {
    width:100%;
    background: #1e1e1e;
  }
  table.transaksi {
    border: 1px solid #a36b12;
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    background: #fff3d3;
    margin-bottom: 2rem;
  }
  table.transaksi th {
    text-align:left;
    padding: 7px 5px 5px 35px;
    background: url('theme/v1/images/head-table.jpg');
    background-size: cover;
    background-position: left;
    color:black;
  }
  table.transaksi td {
    border: 1px solid #a36b12;
    color: black;
    padding: 5px;
    font-size:12px;
  }
  .button-form {
    display: block;
      margin: 0 auto;
      color: black;
      background: linear-gradient(0deg, #a1a1a1, #ffffff);
      border: 1px solid #b5802f;
      border-radius: 3px;
      padding: 5px 10px;
  }
.bg-account {
    background-size: 100%;
    background-repeat: repeat;
    padding: 4px;
    border-radius: 10px;
    margin-bottom: 3px;
  }
  .account-area {
    border-radius: 10px;
    padding: 0 0.2855rem;
  }
  .top-area {
    padding: 0.2rem 0.571rem;
  }
  .top-area li:first-child {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .top-area li:nth-child(2) {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .top-area li:last-child {
    -ms-flex: 0 0 16%;
    flex: 0 0 16%;
    max-width: 16%;
  }
  .top-area .item-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0;
  }
  .top-area li a {
    padding: 4px 5px;
    color: #000;
    background-image: linear-gradient(0deg, #e09c17, #b27802, #e0a117 30%, #fecf27 50%, #ffdc5f 80%, #e0a117 100%);
    border-top: 1px solid #f8d76c;
    box-shadow: 0px 1px 3px 0 #000000ab;
    display: block !important;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
  }
  .top-area li a:hover {
    box-shadow: 1px 1px 6px 0 #fecf27;
}
  .top-area li:first-child a {
    border-radius: 10px 0 0 10px;
}
.top-area li:last-child a {
    border-radius: 0 10px 10px 0;
}
  .logout {
    background: linear-gradient(0deg, #bd0000, #ff0000, #bd0000);
    display: block !important;
    transform: skew(-10deg, 0);
    padding: 0.19033rem 1.5rem;
    color: #fff;
    font-weight: bold;
    border-top: 1px solid #f86c6c;
    border-bottom: 1.5px solid #7c0202;
    box-shadow: 0px 1px 3px 0 #910000 inset;
  }
  .logout:hover {
    color:#ffffff;
  }
  .bottom-area {
    padding: 0.2855rem 1.142rem 0.271rem;
    text-align: center;
  }
  .bottom-area li select {
    width: 100%;
    font-size: 17px;
    padding: 0.19033rem 0.571rem;
    border-radius: 10px;
  }
  
  .column-game-tf {
    float: left;
    width:100%;
    padding:10px;
  }
  .column-game2 {
    float: left;
    width: 42.3%;
    padding: 10px;
    background: #303030;
    margin: 2.5%;
    border-radius: 15px;
    box-shadow: 0px 0px 0px 2px #3a3939 inset, 0px 0px 7px 3px #000000 inset;
  }
  .column-game3 {
    float: left;
    width: 25.7%;
    padding: 10px;
    background: #303030;
    margin: 2.5%;
    border-radius: 15px;
    box-shadow: 0px 0px 0px 2px #3a3939 inset, 0px 0px 7px 3px #000000 inset;
  }
  .column-game4 {
    float: left;
    width: 22.3%;
    padding: 10px;
  }
  .column-game4 img:hover {
    cursor:pointer;
    opacity: 70%;
  }
  .column-game3 img {
    margin:0 auto;
    display:block;
    width:100%;
    filter: drop-shadow(0px 2px 3px #000000);
    -webkit-filter: drop-shadow(0px 2px 3px #000000);
    border-radius: 8px;
  }
  .column-game3 span {
    display: inline-block;
    float:left;
    width: 47.9%;
    padding: 10px 2px 0px 2px;
  }
  .column-game3 span img {
    border-radius:0;
  }
  .column-game2 img {
    margin:0 auto;
    display:block;
    width:100%;
    filter: drop-shadow(0px 2px 3px #000000);
    -webkit-filter: drop-shadow(0px 2px 3px #000000);
    border-radius: 8px;
  }
  .column-game2 span {
    display: inline-block;
    float:left;
    width: 34.5%;
    padding: 10px 25px 0px 25px;
  }
  .column-game2 span img {
    border-radius:0;
  }
  .column-game4 p {
    font-size:14px;
    color:#ffffff;
    text-align:center;
  }
  .bg-tf {
    background:#fff3d3;
    width:60%;
    margin:0 auto;
    padding:10px 0;
  }
  .refresh {
    width:20px;
    vertical-align: middle;
    margin-top:-5px;
  }
  .credit {
    font-weight:bold;
    border:0 !important;
    text-align:center;
  }
  .button-go {
    padding: 7px;
    background: linear-gradient(45deg, #942d2d, #fc0303, #942d2d);
    border-radius: 5px;
    border: 1px solid #7d2626;
    color: #ffffff;
    cursor:pointer;
    width:100%;
  }
  .button-go img {
    width:16px;
    vertical-align: middle;
    margin-top:-3px;
  }
  .allgames-menu {
  width:65%;
  float:left;
  padding:10px;
  background:linear-gradient(0deg, #6f7476, #c8d1d5, #ffffff 80%, #b6bdc0);
  font-size: 14px;
  }
  .allgames-menu a {
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
    padding: 3px 10px;
  }
  .allgames-menu a:hover {
    color: #000000;
      background: linear-gradient(90deg, #c48806, #ffd747, #ca8d05);
      box-shadow:0px 0px 0px 1px #ffd747 inset, 0px 1px 1px #000000;
      border-radius: 5px;
  }
  .allgames-menu a.active {
    color: #000000;
      background: linear-gradient(90deg, #c48806, #ffd747, #ca8d05);
      box-shadow:0px 0px 0px 1px #ffd747 inset, 0px 1px 1px #000000;
      border-radius: 5px;
  }
  .allgames-search {
    width:29.7%;
    float:left;
    padding:3.9px 10px;
    background:#4b5052;
  }
  .allgames-search img {
    width: 13.3%;
    display: inline-block;
    vertical-align: middle;
  }
  .allgames-search input {
    display: inline-block;
    width: 73.7%;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 15px;
    border: 2px solid #c4c8c9;
  }
  .allgames-bot-menu {
    width: 100%;
    float: left;
    background: #936609;
    border-bottom: 1px solid #624509;
    margin-bottom: 10px;
  }
  .allgames-bot-menu ul {
    margin-block-start: 5px;
    margin-block-end: 5px;
  }
  .allgames-bot-menu ul li {
    display: inline-block;
    padding: 0 5px;
    font-size: 12px;
    border-right: 1px solid #ab7e1f;
    padding-inline-start: 0;
  }
  .allgames-bot-menu ul li:last-child {
    border-right:0;
  }
  .allgames-bot-menu ul li a {
    color:white;
  }
  .allgames-bot-menu ul li a:hover {
    color:#fff700;
  }
  .allgames-head {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 0;
    color: black;
    background: linear-gradient(90deg, #fff3d3, transparent);
    font-size: 20px;
    padding: 5px 10px;
    border-left: 3px solid #936609;
  }
  .bottom-area, .games, .games-in, .header, .marquee-section, .result ul, .social, .top-area {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
.items {
    margin-left: -0.571rem;
    margin-right: -0.571rem;
}
ul.top-area {
    list-style: none;
    margin-bottom:0;
    margin-top:0;
}
ul.bottom-area {
    list-style: none;
    margin-top:0;
    margin-bottom:0;
}
  @media only screen and (max-width:800px) {
    .bg-tf {
      width:100%;
    }
    .refresh {
      width:12px;
      vertical-align: middle;
      margin-top:-2px;
    }
    .button-go {
      font-size:12px;
      padding:7px 2px;
    }
    .button-go img {
      width:10px;
    }
    .column-game2 {
      width:100%;
      margin:0 0 10px 0;
    }
    .column-game3 {
      width:45%;
      padding:10px;
    }
    .column-game4 {
      width:50%;
    }
    .column-game3 span {
      width:100%;
      padding: 5px 0px 0px 0px;
    }
    .column-game2 span {
      padding:10px 10px 0px 10px;
    }
    .column-game-tf {
      padding:0;
    }
    .allgames-menu {
      width:100%;
      font-size: 10px;
    }
    .allgames-menu a {
      padding: 3px 2px;
    }
    .allgames-search {
      width:100%;
      padding:3.9px 5px;
    }
    .allgames-bot-menu ul li {
      padding: 0 2px;
      font-size: 10px;
    }
    .column-game4 p {
      font-size:10px;
    }
  }