@charset "utf-8";
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, th, td {
  margin:0;
  padding:0;
}

/* font-size*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size:100%;
}

p {
  text-align:justify;
  color:#fff;
  font-size:10pt;
  line-height:26px;
  margin:20px;
  margin-right:10px;
  margin-left:10px;
}

h1 {
  text-align:center;
  color:red;
  font-size:16pt;
  line-height:26px;
  margin:20px;
  margin-right:10px;
  margin-left:10px;
}

h2 {
  text-align:center;
  color:red;
  font-size:14pt;
  line-height:26px;
  margin:20px;
  margin-right:10px;
  margin-left:10px;
}

h3 {
  text-align:center;
  color:red;
  font-size:12pt;
  line-height:26px;
  margin:20px;
  margin-right:10px;
  margin-left:10px;
}

h4 {
  text-align:center;
  color:red;
  font-size:12pt;
  line-height:26px;
  margin:20px;
  margin-right:10px;
  margin-left:10px;
}

.copyright {
  color:silver;
  text-align:center;
  font-weight:bold;
  font-style:italic;
}

/*list-style*/

ol,
ul {
  list-style:none;
}

/*font-style,font-weight*/

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style:normal;
  font-weight:normal;
}

/*del table border*/

/* table {
  border-collapse:collapse;
  border-spacing:0;
}

*/

/*del fieldset and img border*/

fieldset,
img {
  border:0;
}

/*caption and th text-align:left*/

caption,
th {
  text-align:left;
}

/*del*/

q:before,
q:after {
  content:'';
}

/*clear float*/

.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}

.clearfix:after {
  clear:both;
}

.clearfix {
  zoom:1;
}

a {
  outline:none;
  /* for Firefox Google Chrome  */
}

/* common style */

.clear {
  clear:both;
  margin:0;
  padding:0;
}

/* site style */

body {
  min-width:991px;
  color:#FFF;
  font-size:14px;
  font-family:Rubik,sans-serif;
  background-color:#110003;
}

a {
  text-decoration:none;
  color:red;
  font-weight:bold;
  -webkit-transition:opacity 0.2s;
  -moz-transition:opacity 0.2s;
  -o-transition:opacity 0.2s;
  transition:opacity 0.2s;
}

#main div#contact {
  display:inline-block;
}

#main div#contact>div:first-child {
  margin:0px 0 0px;
}

#main div#contact>div:nth-child(n+2) {
  margin:0px 0;
}

#main #togel {
  margin:1px 0;
  clear:both;
  width:220px;
  height:240px;
  display:block;
  background:url("../img/bg_togel.png") no-repeat;
  position:relative;
  transform: translateY(1px)
}

.promo img {
  padding:0 30px 0 0;
}

.news-wrap {
  background:url(../img/header/bg_news.png) no-repeat 16px;
  height:30px;
}

#div-marquee {
  width:860px;
  padding-left:90px;
}

marquee {
  font-size:13px;
  height:30px;
  line-height:35px;
}

.slideshow {
  background-position:top center;
  background-repeat:no-repeat;
  width:599px;
  height:234px;
  margin:0 0 5px;
  background:#eee;
  border-bottom:red 1px solid;
  border-left:red 1px solid;
  border-top:red 1px solid;
  border-right:red 1px solid;
  border-radius:2px;
}

/* .slide0 {
  background-image:url('../img/slide/09.png');
  width:599px;
  height:234px;
} */

.slide1 {
  background-image:url('../img/slide/10.jpg');
  width:599px;
  height:234px;
}

.slide2 {
  background-image:url('../img/slide/11.jpg');
  width:599px;
  height:234px;
}

.slide3 {
  background-image:url('../img/slide/12.jpg');
  width:599px;
  height:234px;
}

.slide4 {
  background-image:url('../img/slide/13.jpg');
  width:599px;
  height:234px;
}

.slide5 {
  background-image:url('../img/slide/14.jpg');
  width:599px;
  height:234px;
}

.slide6 {
  background-image:url('../img/slide/15.jpg');
  width:599px;
  height:234px;
}

.slide7 {
  background-image:url('../img/slide/16.jpg');
  width:599px;
  height:234px;
}

#togel {
  margin-right:2px;
  font-weight:700;
  float:right;
  width:250px;
  height:238px;
  background-image:url(../img/bg_togel.png);
  border-radius:5px;
}

#togel #sgp {
  position:absolute;
  top:100px;
  left:83px;
}

#togel #taipei {
  position:absolute;
  top:180px;
  left:83px;
}

.game #game1 {
  display:table;
  width:991px;
  height:63px;
  background-image:url(../img/game1.jpg);
  margin:0 0 5px;
}

.game #game2 {
  height:267px;
  background-image:url(../img/game2.jpg);
}

.game #game3 {
  height:94px;
  background-image:url(../img/game3.png);
}

.game div:nth-child(n+2) {
  margin:5px 0;
}

.game #game1 span {
  display:table-cell;
}

div#footer {
  margin:0 0 5px;
}

/* header */

.header-wrapper {
  margin:0 auto;
  width:991px;
}

.header {
  display:flex;
}

.header-logo>img {
  width:350px;
}

.header-right {
  display:flex;
  margin-left:auto;
  width:502px;
}

.input-wrapper1 {
  display:inline-block;
  width:180px;
  margin:0 0 0 0;
  transform: translateX(0px);
}

.input-wrapper2 {
  display:inline-block;
  width:70px;
  margin:0 10px 0 2px;
	transform: translateX(-10px);
}

input.username {
  border:none;
  border-radius:3px;
  margin:0 0 10px;
  height:26px;
  background:url(../img/header/login_username.png) no-repeat;
  padding: 0 0 0 0px;
  text-align: center;
  transform: translateY(2px)
}

input.password {
  border:none;
  border-radius:3px;
  margin:0 0 1px;
  height:26px;
  background:url(../img/header/login_password.png) no-repeat;
  padding: 0 0 0 0px;
  text-align: center;
  
}

input.login-code {
  margin:0 0 0;
  height:29px;
  text-align:center;
  width:82px;
  border-radius:6px;
}

.input-wrapper1 .code {
  display:inline-block;
  height:31px;
  background:#0e4167;
  border-radius:3px;
  font-size:16px;
  text-align:center;
  line-height:31px;
  color:#fff;
  letter-spacing:3px;
  width:70px;
  margin:0 0 5px;
}

.code{
	transform: translateX(8px)
}

.header-right #btnReg {
  align-self:center;
  width:155px;
  height:62px;
  background:url(../img/header/btn_daftar.gif);
  cursor:pointer;
  border:none;
  margin:0;
  transform: translateX(-20px);
}

.header-right form {
  align-self:center;
}

#btnSignIn {
  background:url(../img/header/btn_login.png);
  width:169px;
  height:26px;
  border:none;
  margin:10px 0 -8px;
}

.mainnav {
  display:flex;
}

.mainnav-placeholder,
.mainnav-wrap,
.mainnav {
  background:0 -120px repeat-x;
}

.mainnav li {
  width:83px;
}

.mainnav li img {
  margin-top:0;
}

.mainnav ul {
  display:flex;
}

.mainnav ul a {
  display:block;
  width:100px;
  text-decoration:none;
  text-align:none;
  font-weight:bold;
  text-shadow:1px 1px 1px #000000;
  color:#F5F5F5;
  font-size:15px;
  text-transform:uppercase;
}

.mainnav a span {
  margin-top:0px;
  display:block;
  height:7px;
}

.mainnav ul a.current,
.mainnav ul a:hover {
  color:#D9D9D9;
  background:50% 0 no-repeat;
}

.mainnav .home a {
  width:96px;
  background:50% 0 no-repeat;
}

.mainnav ul a {
  padding-top:0;
  line-height:50px;
}

.container-about {
  max-wight:980px;
}

.about-btv {
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-gap:25px;
  padding:30px 0;
  align-items:center;
  color:#147a00;
  margin-right:15px;
  margin-left:15px;
}

.globalgaming {
  width:143px;
  height:42px;
  background-position:0 -635px;
}

.globalgaming:hover {
  background-position:-157px -635px;
}

table {
  border-left:0 solid #ddd;
  border-right:0 solid #ddd;
}

table,
td,
th {
  border-bottom:0 solid #ddd;
}

table {
  border-collapse:collapse;
  width:100%;
}

.table tr td {
  border-top:0;
  letter-spacing:0;
  color:#fff;
}

.table tr td {
  border-left:1px solid #147a00;
  border-bottom:1px solid #147a00;
  padding:5px;
  border-top:1px solid #147a00;
  border-right:1px solid #147a00;
  color:#1a9e00;
}

.footer-separator {
  border-top-color:#3d3b3e;
  padding:15px 0 0;
  margin:15px 0 0;
  border-top:1px dotted #DC143C;
}

hr {
  margin-top:20px;
  margin-bottom:20px;
  border:0;
  border-top:1px solid #147a00;
}

.faq-heading {
  font-family:Rubik,sans-serif;
  font-weight:400;
  font-size:19px;
  -webkit-transition:text-indent 0.2s;
  text-indent:20px;
  color:#FF4F72;
}

.faq-text {
  font-family:Rubik,sans-serif;
  font-weight:400;
  color:#fff;
  width:95%;
  padding-left:20px;
  margin-bottom:30px;
}

.faq {
  max-width:980px;
  margin:0 auto;
  background:#601121;
  border-radius:4px;
  position:relative;
  border:1px solid #DC143C;
  margin-bottom:20px;
  margin-right:5px;
  margin-left:5px;
}

.faq label {
  display:block;
  position:relative;
  overflow:hidden;
  cursor:pointer;
  height:56px;
  padding-top:1px;
  background-color: #DC143C5;
  border-bottom: 1px solid #DC143C;
}

.faq input[type="checkbox"] {
  display:none;
}

.faq .faq-arrow {
  width:5px;
  height:5px;
  transition:-webkit-transform 0.8s;
  transition:transform 0.8s;
  transition:transform 0.8s,-webkit-transform 0.8s;
  -webkit-transition-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55);
  border-top:2px solid rgba(0,0,0,0.33);
  border-right:2px solid rgba(0,0,0,0.33);
  float:right;
  position:relative;
  top:-30px;
  right:27px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

.faq input[type="checkbox"]:checked+label>.faq-arrow {
  transition:-webkit-transform 0.8s;
  transition:transform 0.8s;
  transition:transform 0.8s,-webkit-transform 0.8s;
  -webkit-transition-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55);
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg);
}

.faq input[type="checkbox"]:checked+label {
  display:block;
  background:#5cff6418 !important;
  color:#4f7351;
  height:225px;
  transition:height 0.8s;
  -webkit-transition-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55);
}

.faq input[type='checkbox']:not(:checked)+label {
  display:block;
  transition:height 0.8s;
  height:60px;
  -webkit-transition-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55);
}