@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:green;
  font-size:16pt;
  line-height:26px;
  margin:20px;
  margin-right:10px;
  margin-left:10px;
}

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

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

h4 {
  text-align:center;
  color:green;
  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  */

    behavior:expression(this.onFocus=this.blur());
  /* for IE */;
}

/* 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:#041100;
}

a {
  text-decoration:none;
  color:green;
  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:5px 0 3px;
}

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

#main #togel {
  margin:5px 0;
  clear:both;
  width:220px;
  height:290px;
  display:block;
  background:url("../img/item/result.png") center no-repeat;
  background-size: 100% 100%;
  position:relative;
}

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

.news-wrap {
  background:url(../img/item/RUNNING\ .png) center no-repeat;
  background-size: 100%;
  height:36px;
}

#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: 760px;
  height:290px;
  margin: 5px 0 0 4px;
  background:#eee;
  border-bottom:green 1px solid;
  border-left:green 1px solid;
  border-top:green 1px solid;
  border-right:green 1px solid;
  border-radius:2px;
}

.slide0 {
  background:url('../img/banner/qris.jpg') center center no-repeat;
  background-size: 100% 100%;
  width:760px;
  height:290px;
}

.slide1 {
  background:url('../img/banner/cvbola-remi.jpg') center center no-repeat;
  background-size: 100% 100%;
  width:760px;
  height:290px;
}

.slide2 {
  background:url('../img/banner/S1.jpg') center center no-repeat;
  background-size: 100% 100%;
  width:760px;
  height:290px;
}

.slide3 {
  background:url('../img/banner/S2.jpg?v=15082024') center center no-repeat;
  background-size: 100% 100%;
  width:760px;
  height:290px;
}

.slide4 {
  background:url('../img/banner/casino.jpg') center center no-repeat;
  background-size: 100% 100%;
  width:760px;
  height:290px;
}

.slide5 {
  background:url('../img/banner/S5.jpg') center center no-repeat;
  background-size: 100% 100%;
  width:760px;
  height:290px;
}

.slide6 {
  background:url('../img/banner/newmember.jpg?v=09122024') center center no-repeat;
  background-size: 100% 100%;
  width:760px;
  height:290px;
}

/* .slide7 {
  background:url('../img/banner/cvbola-raya.jpg') center center no-repeat;
  background-size: 100% 100%;
  width:760px;
  height:290px;
} */

#togel {
  margin-right:2px;
  font-weight:700;
  float:left;
  width:250px;
  height:238px;
  background-image:url(https://cvbola.net/Images/theme/v1/img/bg/bg_togel.jpg);
  border-radius:5px;
}

#togel #sgp {
  position:absolute;
  top:80px;
  left:40px;
}

#togel #taipei {
  position:absolute;
  top: 177px;
  left:40px;
}

.game #game1 {
  display:table;
  width:991px;
  height:69px;
  background: #1b7733;
  margin: 5px 0 5px;
  border-radius: 10px;
}

#togel #sgp .togel-name,#togel #taipei .togel-name {
  text-align: center;
  font-size: 20px;
  margin-top: 6px;
}

#togel #sgp .togel-result ,#togel #taipei .togel-result {
  margin-top: 12px;
}

#sgp .togel-result {
  margin: 0 auto;
}

#sns {
  display: flex;
  padding: 0 5px;
}

.sns-item {
  margin: 10px 10px !important;
}

.sns-item:nth-child(1) {
  /* background: url(../img/item/telegram.png) center no-repeat; */
  background-size: 100% 100%;
  width: 23%;
  height: 58px;
}
.sns-item:nth-child(2) {
  /* background: url(../img/item/wa.png) center no-repeat; */
  background-size: 100% 100%;
  width: 23%;
  height: 58px;
}
.sns-item:nth-child(3) {
  /* background: url(../img/item/line.png) center no-repeat; */
  background-size: 100% 100%;
  width: 23%;
  height: 58px;
}
.sns-item:nth-child(4) {
  /* background: url(../img/item/live_chat.png) center no-repeat; */
  background-size: 100% 100%;
  width: 23%;
  height: 58px;
}

.service-promo {
  display: flex;
}

.service-item:nth-child(1) .service-item-core {
  background:url(../img/item/banner_sport.png) center no-repeat;
  background-size: 100%;
  height: 325px;
  width: 325px;
}
.service-item:nth-child(2) .service-item-core {
  background:url(../img/item/banner_bet.png) center no-repeat;
  background-size: 100%;
  height: 325px;
  width: 325px;
}
.service-item:nth-child(3) .service-item-core {
  background:url(../img/item/banner_cs.png) center no-repeat;
  background-size: 100%;
  height: 325px;
  width: 325px;
}

.service-item:nth-child(1) {
  margin-right: auto;
}
.service-item:nth-child(2) {
  margin: 0 auto;
}
.service-item:nth-child(3) {
  margin-left: auto;
}


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

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

.service-app {
  background:url(../img/item/service_app.png) center no-repeat;
  background-size: cover;
  height:90px;
  margin-top: 10px;
}

/* .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:520px;
}

.input-wrapper1 {
  display:inline-block;
  width:170px;
  margin:0 0 0 0;
}

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

input.username {
  border:none;
  border-radius:3px;
  margin:0 0 10px;
  height:26px;
  background:url(../img/button/login_username.png) no-repeat;
  padding:0 0 0 25px;
}

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

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

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

.header-right #btnReg {
  align-self:center;
  width:155px;
  height:62px;
  background:url(../img/item/daftar.png) center no-repeat;
  background-size: 100%;
  cursor:pointer;
  border:none;
  margin:0;
  margin-left: 100px;
  border-radius: 10px;
}

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

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

.mainnav {
  display:flex;
}

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

.mainnav-wrap{
  background: #099609;
  border-radius: 16px;
  padding: 6px;
  position: relative;
  width: 100%;
}

.mainnav-wrap .mainnav{
  background: #046434;
  border-radius: 12px;
  padding: 4px 5px;
}

.mainnav li {
  width: 8.3%;
  margin: 0 2px;
}

.mainnav li img {
  width: 100%;
  height: 100%;
  align-self: center;
  display: block;
  margin: 0 auto;
}

.mainnav ul {
  display:flex;
  max-width: 100%;
}

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

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #36cd32;
  min-width: 200px;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 99;
  left: 0;
}

.dropdown-content .dropdown-content-body {
  display: flex;
  flex-wrap: wrap;
}

.dropdown-content .dropdown-content-body a {
  color: #cdcdcd;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: center;
  width: 14%;
  box-sizing: border-box;
  font-size: 10px !important;
}

.dropdown-content .dropdown-content-body a img {
  width: 100%;
  height: auto;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* Responsive styling */
@media screen and (max-width: 600px) {
  #main-menu {
      flex-direction: column;
  }

  .dropdown-content {
      position: relative;
  }
}

.mainnav a span {
  margin-top:5px;
  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-width: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 #2bff00;
}

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:lime;
}

.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:#147a003a;
  border-radius:4px;
  position:relative;
  border:1px solid #1a9e00;
  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:#157d00b5;
  border-bottom:1px solid #157900;
}

.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);
}