body {
    color: #ffffff;
    font-family: Arial, sans-serif;
    background: #006e2f url("../img/background-logo.jpg") no-repeat center 40px;
    min-width: 1024px;
}

.center{
    width: 1024px;    
    margin: 0 auto;

}

/** header **/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #808080;
  font-size:12px !important;
  font-family:arial;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #808080;
  font-size:12px !important;
  font-family:arial;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #808080;
  font-size:12px !important;
  font-family:arial;
}
:-moz-placeholder { /* Firefox 18- */
  color: #808080;
  font-size:12px !important;
  font-family:arial;
}

.headerForm {
    width: 1020px;
    height: 65px;
    margin: 0 auto;
    padding-top: 20px;
    font-family: arial;
}

.logo {
    float: left;
    margin-bottom: -4px;
    margin-top: -14px;
}

.kolomlogin {
    display: block;
    float: right;
    font-size: 12px;
    height: 50px;
    position: relative;
    top: 7px;
    width: 750px;
    z-index: 100;
    margin-bottom: -18px;
}

.daftar{
	width:124px;
	float:right;
}
.joinskrg{
	background: #ffff00;
	color: #000;
	font-family:arial;
	font-size: 12px;
	text-align: center;
	padding: 8.5px 25px;
	text-decoration: none;
	font-weight: 600;
	letter-spacing:0.75px;
}
.joinskrg:hover{
	background: #ffcf01;
	color: #fff;
    text-decoration: none;
    
}

input.username, input.password, input.captcha {
    margin: 0 0 4px;
}


.form-text {
    background: rgba(255,255,255,1) none repeat scroll 0 0 !important;
    border: 1px solid #e4e4e4 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0) !important;
    color: black;
    letter-spacing: 1px;
    height: 20px !important;
    margin: 0 auto !important;
    padding: 4px 3px 5px 10px !important;
    width: 113px !important;
	position:relative;

}
.form-pass {
    background: rgba(255,255,255,1) none repeat scroll 0 0 !important;
    border: 1px solid #e4e4e4 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0) !important;
    color: black;
    letter-spacing: 1px;
    height: 20px !important;
    margin: 0 auto !important;
    padding: 4px 3px 5px 10px !important;
    width: 113px !important;

}

.form-captcha {
    background: rgba(255,255,255,1) none repeat scroll 0 0 !important;
    border: 1px solid #e4e4e4 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0) !important;
    color: black;
    letter-spacing: 1px;
    height: 20px !important;
    margin: 0 auto !important;
    padding: 4px 3px 5px 10px !important;
    width: 39px !important;
}
.img-captcha{
    background: rgba(255,255,255,1) none repeat scroll 0 0 !important;
    border: 1px solid #e4e4e4 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0) !important;
    color: black;
    letter-spacing: 1px;
    margin: 0 auto !important;  
}
.login {
    width: 90px;
    margin-left: 14px;
}
.tombolmasuk{
	background: #0da020;
	color: white;
	font-family:arial;
	height: 63px;
	width: 143px;
	font-size: 12px;
	text-align: center;
	padding: 8.5px 27px;
	text-decoration: none;
	font-weight: 600;
	letter-spacing:0.75px;
}
.tombolmasuk:hover{
	background: #13d22c;
	color: #000;
	text-decoration: none;
}
.s10{
    width:7px
}
/** endHeader **/
.loginform {
    width: 980px;
    margin: 0 auto;
    z-index: 10;
    display: block;
    position: relative;
}


.loginform-left{
    margin-top: -6px;
    min-width: 250px;    
    position:absolute;
}

.loginform-right {
    margin-top:13px;
    position:absolute;
    margin-left: 319px;
    min-width:680px;
}

.container{
    margin: 0 auto;
    width: 1024px;    
    
}


/** MENU **/
.menu-nav{
    margin: 0 auto;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#62b849+0,5bb144+14,479e33+41,277f1b+77,1b730f+100 */
    background: #62b849; /* Old browsers */
    background: -moz-linear-gradient(top, #62b849 0%, #5bb144 14%, #479e33 41%, #277f1b 77%, #1b730f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #62b849 0%,#5bb144 14%,#479e33 41%,#277f1b 77%,#1b730f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #62b849 0%,#5bb144 14%,#479e33 41%,#277f1b 77%,#1b730f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62b849', endColorstr='#1b730f',GradientType=0 ); /* IE6-9 */
}
#submenu-wrapper{
    z-index: 9;
    display: block;
    position: relative;
    width: 1024px;
    height: 37px;
    margin: 0 auto;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#62b849+0,5bb144+14,479e33+41,277f1b+77,1b730f+100 */
    background: #62b849; /* Old browsers */
    background: -moz-linear-gradient(top, #62b849 0%, #5bb144 14%, #479e33 41%, #277f1b 77%, #1b730f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #62b849 0%,#5bb144 14%,#479e33 41%,#277f1b 77%,#1b730f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #62b849 0%,#5bb144 14%,#479e33 41%,#277f1b 77%,#1b730f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62b849', endColorstr='#1b730f',GradientType=0 ); /* IE6-9 */    
}

#submenu{
    display: block;
    position: relative;
    width: 100%;
    float: left;
    margin-left: 12px;
}
#submenu ul li a{
    padding: 12px 30px;
}
a.navmenu-home{
    background: url("../images/imgAll.png") no-repeat;
    display: inline-block;
    float: left;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size: 13.5px;
    color: #fff;
    line-height: 13px;
    position: relative;
    background-position: 22px -117px;
    height: 13px;
    width: 12px;
}
a.navmenu-home:hover{
    background: url("../images/imgAll.png") no-repeat;
    background-position: 22px -147px;
}
a.navmenu-off{
    display: inline-block;
    float: left;
    width: auto;
    height: 13px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size: 13.5px;
    color: #fff;
    line-height: 13px;
    position:relative;



}

a.navmenu,a.navmenu-off:hover{
    background: #33570F; 
    text-decoration: none;
     
}

.line-bar{
    width: 961px;
    height: 3px;
    background: rgba(0,0,0,0.3);
    margin-top: 135px;
    position: absolute;
    z-index: 99;
}

.dropbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
}

.dropdown-content {
    display: none; /** none **/
    position: absolute;
    background-color: #f9f9f9;
    min-width: 165px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
}

.dropdown-content a {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1; color:#b37928;}

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

}

.dropdown:hover .dropbtn {
    z-index: 9999;
/*	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 01s;  */  
    z-index: 99!important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7ba00+0,fcbd00+3,fcbd00+13,e9ab02+26,d59903+35,8e5909+65,7b490a+74,603309+84,3b1805+100 */
    background: #f7ba00; /* Old browsers */
    background: -moz-linear-gradient(top, #f7ba00 0%, #fcbd00 3%, #fcbd00 13%, #e9ab02 26%, #d59903 35%, #8e5909 65%, #7b490a 74%, #603309 84%, #3b1805 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7ba00 0%,#fcbd00 3%,#fcbd00 13%,#e9ab02 26%,#d59903 35%,#8e5909 65%,#7b490a 74%,#603309 84%,#3b1805 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7ba00 0%,#fcbd00 3%,#fcbd00 13%,#e9ab02 26%,#d59903 35%,#8e5909 65%,#7b490a 74%,#603309 84%,#3b1805 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ba00', endColorstr='#3b1805',GradientType=0 ); /* IE6-9 */
           
}    

.separator-submenu{
    width: 5px!important;
    height: 1px;
    display: block;
}

.games{
    width: 698px;
    font-size: 14px;
    margin: 35px auto auto -5px;
    background:#d69b03;
    padding-top:5px;

}

.cashier{
    width: 109px;
    font-size: 15px;
    margin: 35px auto;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #d69b03;
    margin-left: 207px;
    color: #fff;
 
}

.news{
    width: 109px;
    font-size: 15px;
    margin: 35px auto;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #d69b03;
    margin-left: 527px;
    color: #fff;
    
}
.gameNav{
    background: #308822;
    width: 100%;
}
.sub-menu{
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}
.sub-link li a{
    padding: 4px 5px 4px 5px;
    font-weight: normal;
    background: #fff;
    color: #b37928;
}
.dropdown .games li{
    float: left;
    width: 168px;
}
/***menuend***/

/***newsinfo***/
.news-info {
    display: block;
    height: 35px;
    position: relative;
    margin-top: 38px;
}
.news-ticker {
    background: rgba(0,0,0,0.2);
    position: absolute;
    width: 1024px;
    z-index: 8;
    color: #fff;
}

.scroll-news {
    display: block;
    height: 29px;
    margin-left: 9px;
}

.news-head {
    color: #ffff00;
    display: inline-block;
    float: left;
    font-size: 16px;
    padding: 6px 10px 0 0;
    text-transform: uppercase;
}

.run-txt {
    display: inline-block;
    padding-top: 6px;
    width: 900px;
}

marquee {
    display: inline-block;
    font-size: 15px;
    overflow: hidden;
}
.marquee-content {
    padding-right: 20px;
}
.marquee-content .marquee-date {
    color: #fff;
}

/***endnews***/

/***slider***/
.bg-slide{
    height: 350px;
    display: block;
    width: 1024px;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 auto; 
}
.text-supportbank, .text-jadwaltanding {
    float: left;
    position: absolute;
    display: block;
    height: 30px;
    margin-left: 1px;
    font-weight: normal;
    font-size: 16px;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
/***endslider***/

/***jadwalbola***/
.jadwal-tanding{
    height: 250px;
    display:block;
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ab74c+0,2cac35+38,23a829+48,21a626+53,13a119+80,13a119+100 */
    background: #3b9d00;
}

.jadwal-bola{
    width: 958px;
    height: 241px;
    margin: 0 auto;

}
.con-jadwal{
    position: absolute;
    width: 958px;
    margin-top: 33px;
}
.col-jadwal-left{
    display: inline-block;
    float: left;
    width:50%;
}
.col-jadwal-right{
    display: inline-block;
    width:50%;    
}
.col-jadwal-left table, .col-jadwal-left th, .col-jadwal-left td, .col-jadwal-right table, .col-jadwal-right th, .col-jadwal-right td{
    border: 2px solid rgba(0,0,0,0.3);
}
.col-jadwal-left th, .col-jadwal-right th{
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#43b243+0,41a846+38,41a342+53,459e47+100 */
    background: #43b243; /* Old browsers */
    background: -moz-linear-gradient(top, #43b243 0%, #41a846 38%, #41a342 53%, #459e47 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #43b243 0%,#41a846 38%,#41a342 53%,#459e47 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #43b243 0%,#41a846 38%,#41a342 53%,#459e47 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b243', endColorstr='#459e47',GradientType=0 ); /* IE6-9 */
    color: #fff;
    text-align: center;
    padding: 5px;    
}
.time{
    font-size: 12px;
    text-align: center;
    height: 33px;
    width: 105px;
    color: #ffff00;     
}
.col-jadwal tr:nth-child(even) {background-color: rgba(0,0,0,0.2);}
.event{
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    width: 90px;    
}
.td-home, .td-vs, .td-away{
    border-left: none!important;
    border-right: none !important;
}
.td-home{
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;    
    width:115px;
    font-size: 12px;
}
.td-vs{
    text-align: center;
    color: #ffff00;
    font-size: 14px;
}
.td-away{
    text-align: left;
    padding-right: 5px;
    padding-left: 5px;    
    width:115px;    
    font-size: 12px;
}
/***endjadwal***/

/*****contact us************/

.bodyleft{
    height: 254px;
    position: absolute;
    width: 280px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#210302+0,a5700b+44,ce9a00+70,a5700b+100 */
    background: #210302; /* Old browsers */
    background: -moz-linear-gradient(top, #210302 0%, #a5700b 44%, #ce9a00 70%, #a5700b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #210302 0%,#a5700b 44%,#ce9a00 70%,#a5700b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #210302 0%,#a5700b 44%,#ce9a00 70%,#a5700b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#210302', endColorstr='#a5700b',GradientType=0 ); /* IE6-9 */    
}
.bodyright{
    height: 254px;
    display: block;
    position: absolute;
    margin-left: 280px;
    width: 682px;
     
}


/***endcontact***/

/***bankcenter***/
#dhtmltooltip {
	position:absolute;
	min-width:160px;
	color:white;
	font-size:12px;
	text-align:center;
	line-height:15px;
	font-family:Arial;
	border-radius:2px;
	padding:10px 15px;
	visibility:hidden;
	z-index:999999;
	background: #107815;
    border: 1px solid #ffff00;
	
}
.ketsupport {
    display: block;
    position: absolute;
    font-size: 13px;
    color: #ffff00;
    margin-top: 13px;
    width: 852px;
    font-family: arial;
    margin-left: 172px; 
    line-height: 12px;   
}
.banks{
    display: block;
    width: 1024px;
    margin: 0 auto;    
}
.supportbank{
    height: 108px;    
}
.bank-container{
    margin: 0 auto;
    width: 100%;
    background: #3b9d00;
}
.bank-center{
    width: 1024px;
    margin: 0 auto;
    height: 34px;
}
.bankbca, .bankmandiri, .bankdanamon, .bankbri, .bankcimb, .bankbni, .bankpermata{
    height: 31px;
    padding: 3px 53px 0px 53px;
    display: block;
    float: left;
    font-family: bebas_neueregular;
    font-size: 32px;
    cursor: default;
}
.statbank{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 11px;
    display: block;
}
.statbank.On{
    color:#05f40e;
} 
.statbank.Off{
    color:#ed1c24;
} 
.statbank.Gangguan{
    color:#ffff00;
}    

.bankbca{}
.bankmandiri{}
.bankdanamon{}
.bankbri{}
.bankcimb{}
.bankbni{}
.bankpermata{}

/***endbank***/

/********foote************/
.bodyFooter{
    width: 1024px;
    margin: 0 auto;    
    height:50px;
}
.bodySubFooter{
    
}
.linkfooter{
    text-align: center;
    margin: 0 auto;    
}
.linksubfooter{
    color: #ffff00;
    text-decoration: none;
       
}

.separator{
    color: #fff;
    padding-left: 6px;
    padding-right: 6px;
    height: 30px;
    font-size: 13px;
}
.linkalternatif{
    color: #ffff00;
}
.copyright{
    position: relative;
    margin: 1px auto auto auto;
    font-size: 11px;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    text-align: center;
    height: 35px;
    text-decoration: none;
}
.copyright a{
    text-decoration: none;
}

/***endfooter***/

/***memberarea***/
.body-middle {
    width: 1024px;
    color: white;
    text-shadow: 1px 1px #000;
    background: #a5700b;
    background: -moz-linear-gradient(top, #a5700b 0%, #572708 50%, #210302 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5700b), color-stop(50%,#572708), color-stop(100%,#210302));
    background: -webkit-linear-gradient(top, #a5700b 0%,#572708 50%,#210302 100%);
    background: -o-linear-gradient(top, #a5700b 0%,#572708 50%,#210302 100%);
    background: -ms-linear-gradient(top, #a5700b 0%,#572708 50%,#210302 100%);
    background: linear-gradient(to bottom, #a5700b 0%,#572708 50%,#210302 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5700b', endColorstr='#210302',GradientType=0 );
}

.memberarea{
    height:253px;
}
.titleform {
    font-size: 23px;
    font-weight: bold;
}

.listtitle {
    border-bottom: 1px dotted #fff;
    padding: 20px;
}

.members{
    font-size: 14px;

}
.marginleft10{
    margin-left:10px;
} 
.linkmember:hover {
    color: #fffa78;
}

.linkmember {
    text-decoration: none;
    cursor: pointer;
    color: #fff000;
}
/***endmember***/
/***news***/
.entertaiment, .beritaolahraga, .bettingartikel, .prediksibola, .prediksitogel, .video, .syaratketentuan, .faq, .caradeposit, .carawithdraw, .klasemenliga, .livescore{
    min-height: 300px;
}

/***endnews***/

/***contactus***/
a {
    text-decoration: none;
    outline: none;
    hlbr: expression(this.onFocus=this.blur());
    color: #ffffff;
}
a:hover {
    text-decoration: underline;
}

.top{
    background-color: #eafbdb;
    padding: 4px 0;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 0 rgba(0,0,0,.1);
    font-size: .8125rem;
    height: 30px;
}

.bg_contact{
    width: 1016px;
    height: 57px;
    position: absolute; 
}

.main_width{
    width: 1024px;
    margin: 0 auto;
}

.contactus{
    display: block;
    position: relative;
    height: 45px;
    margin-left: 215px;
    padding-top: 18px;
}

.contactus li{
    display: block;
    float: left;    
}
.contactus div {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("../images/imgAll.png") no-repeat;
    position: relative;
    float: left;    
}
.icoLivechat {
    width: 28px;
    height: 26px;
    display: inline-block;
    background: url("../images/imgAll.png") no-repeat;
    position: relative;
    float: left;    
}
.contactus li span{
    color: #ffffff;
    line-height: 30px;
    padding-right: 33px;
    padding-left: 7px;
    font-size: 22px;
    letter-spacing: 1px;
    font-family: Arial, sans-serif;
    
}



.wcNumber, .waNumber, .bbmNumber, .lineNumber{
    display: inline-block; 
    cursor: pointer;
}
.contactus .wechat {
    background-position:-50px -137px
}

.wc:hover .wechat, .wa:hover .wcNumber{
    background-position:-102px -137px;
    color: #ffff00;


}
.contactus .whatapps {
    background-position:-50px -1px
}

.wa:hover .whatapps, .wa:hover .waNumber{
    background-position:-102px -1px;
    color: #ffff00;


}
.contactus .blackberry {
    background-position:-50px -45px
}
.bbm:hover .blackberry, .bbm:hover .bbmNumber{
    background-position:-102px -45px;
    color: #ffff00;

}
.contactus .linechat {
    background-position:-50px -91px
}
.ln:hover .linechat, .ln:hover .lineNumber{
    background-position:-102px -91px;
    color: #ffff00;

}

.topRight{
    float: right;
}

.listMenu {
    display: inline-block;
    color: #ffffff;
    padding: 0 3px;
    float: left;
    line-height: 29px;
    margin-left: 13px;
}

.icoLivechat{
    background-position:3px -90px;    
}

.livechat {
    color: white;
    font-family: arial;
    font-size: 12px;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.75px;    
    padding-left: 2px; 
}

.promoLivechat{
    display: inline-block;
    float: left;
    margin-left: 17px;    
}

.formLogin{
    display: inline-block;
    float: left;
    margin-left: 33px;    
    
}
.gapline{
    display: block;
    position: relative;
    right: 0;
    margin-right: 32px;
    font-size: 24px;
    line-height: 19px;    
}
/***endcontactus***/

/***promo***/
.promo {
    width: 619px;
    margin: 0 auto 18px auto;
}
.promoimage {
    margin-bottom: -4px;
    border-radius: 0px 30px 0px 0px;
    -moz-border-radius: 0px 30px 0px 0px;
    -webkit-border-radius: 0px 30px 0px 0px;
}
.promobg {
    background: #210302;
    background: -moz-linear-gradient(left, #210302 0%, #572708 20%, #a5700b 35%, #ce9a00 50%, #a5700b 65%, #572708 80%, #210302 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#210302), color-stop(20%,#572708), color-stop(35%,#a5700b), color-stop(50%,#ce9a00), color-stop(65%,#a5700b), color-stop(80%,#572708), color-stop(100%,#210302));
    background: -webkit-linear-gradient(left, #210302 0%,#572708 20%,#a5700b 35%,#ce9a00 50%,#a5700b 65%,#572708 80%,#210302 100%);
    background: -o-linear-gradient(left, #210302 0%,#572708 20%,#a5700b 35%,#ce9a00 50%,#a5700b 65%,#572708 80%,#210302 100%);
    background: -ms-linear-gradient(left, #210302 0%,#572708 20%,#a5700b 35%,#ce9a00 50%,#a5700b 65%,#572708 80%,#210302 100%);
    background: linear-gradient(to right, #210302 0%,#572708 20%,#a5700b 35%,#ce9a00 50%,#a5700b 65%,#572708 80%,#210302 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#210302', endColorstr='#210302',GradientType=1 );
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
    height: 26px;
    border-radius: 0px 0px 0px 20px;
    -moz-border-radius: 0px 0px 0px 20px;
    -webkit-border-radius: 0px 0px 0px 20px;
}
.promofont {
    float: left;
    text-shadow: 1px 1px #000;
    margin-left: 20px;
    font-size: 15px;
    padding-top: 3px;
    font-weight: bold;
}
.promobutton {
    float: right;
}
.promohide {
    width: 620px;
    text-align: justify;
    margin: 0 auto 27px auto;
}
.titlebwh {
    font-weight: bold;
    font-size: 16px;
    color: #fffa78;
}
/***endpromo***/

/***mainWrapper***/
.mainGames, .mainContact, .mainJadwal{
    width: 1026px;
    margin: 0 auto auto auto;
}
h2{
    background: url(../img/landing.png) no-repeat;
}
h2 {
    background-position: right -6px;
    height: 32px;
    position: absolute;
    top: 3px;
    left: 3px;
    padding: 0 59px 0 12px;
    color: #ffffff;
    line-height: 29px;
    font-size: 14px;
    z-index: 1;
}

.BoxContact, .BoxGames, .BoxJadwal {
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#43b243+0,41a846+38,41a342+53,459e47+100 */
    background: #43b243; /* Old browsers */
    background: -moz-linear-gradient(top, #43b243 0%, #41a846 38%, #41a342 53%, #459e47 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #43b243 0%,#41a846 38%,#41a342 53%,#459e47 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #43b243 0%,#41a846 38%,#41a342 53%,#459e47 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b243', endColorstr='#459e47',GradientType=0 ); /* IE6-9 */
    border: 2px solid rgba(0,0,0,0.4);   

}

.BoxJadwal{
    margin-bottom: 8px;
    margin-top: 2px;    
}

.BoxGames{
    margin-bottom: 2px;
    margin-top: 2px;       
}
.BoxContact{
    margin-bottom: 2px;
    margin-top: 5px;       
}

.EUHPC, .EUHPD, .EUHPE {
    height: 182px;
}
.Left {
    background-position: -29px -57px;
}

.Left .BoxFt{
    background-position: -204px -246px;
}

.Left .BoxFt{
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 8px;
    font-size: 0;
}

.BoxHd {
    background-position: right -184px;
    position: absolute;
    top: 0;
    right: 0;
    _right: -1px;
    width: 8px;
    height: 8px;
    font-size: 0;
}

.EUHPC img {
    width: 163px;
    height: 175px;
}

.EUHPD img {
    width: 341px;
    height: 175px;
}

.EUHPE img {
    width: 301px;
    height: 175px;
}

.BoxGames img, .BoxContact img, .BoxJadwal img {
    margin: 3px;
    
}

.G170, .G347, .G307 {
    display: inline;
    float: left;
   
}

.MLeft1{
    margin-left: 1px;
}

.MLeft{
    margin-left: 5px;
}

.G170 {
    width: 170px;
}

.G347{
    width: 347px; 

}
.G307{
    width: 307px;    
}

.Clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.Capt {
    height: 25px;
    font: 12px/32px Arial;
    color: #eafbdb;
    position: absolute;
    bottom: 3px;
    left: 2px;
    padding: 5px;
}

/***end mainWrapper***/
.Desc {
    color: #ffffff;
    font: 11px Tahoma, sans-serif;
    margin: 10px auto;
    padding-bottom: 15px;
    text-align: center;
    width: 900px;
}

/** frameset **/
.framesetBola{
    width: 1024px;
    display: block;
    margin:0 auto;
}
/** end frameset **/
/*match style*/
#matchpromo-wrapper{
	width:auto;
	/*position:absolute;*/
	margin-bottom:5px;
	margin-top:-190px;
    margin-left:38px;
}

#bolamatchpromo{
	height:165px;
	/*border:1px black dotted;*/
}
#promo{
    width:1087px;
    height: 234px;
}
.bg_bolamatch{
    width: 1016px;
    height: 159px;
    position: absolute;
    
}
#bolamatch{
	height:165px;
	/*border:1px black dotted;*/
    /*background-image: url('../imgs/matchbg.jpg');*/
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#homeclub-img{
    position: absolute;
    width: 125px;
    height: 125px;
    margin-left: 71px;
    margin-top: 31px;
}

#awayclub-img{
    position: absolute;
    width: 125px;
    height: 125px;
    margin-left: 817px;
    margin-top: 31px;
}

#homeclub-name{
    position: absolute;
    width: 189px;
    height: 20px;
    margin-top: 50px;
    margin-left: 199px;
    text-align: center;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
}

#awayclub-name{
    position: absolute;
    width: 189px;
    height: 20px;
    margin-top: 50px;
    margin-left: 637px;
    text-align: center;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
}

#homeclub-tip{
	position:absolute;
	width:65px;
	height:15px;
	margin-top:76px;
	margin-left:260px;
	text-align:left;
}

#awayclub-tip{
	position:absolute;
	width:65px;
	height:15px;
	margin-top:76px;
	margin-left:699px;
	text-align:right;
}

#matchdesc1{
	position:absolute;
	width:1024px;
	height:20px;
	margin-top:92px;
	text-align:center;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:white;
    text-transform: uppercase
}

#matchdesc2{
	position:absolute;
	width:1024px;
	height:20px;
	margin-top:114px;
	text-align:center;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:white;
    text-transform: uppercase
}

#matchdesc3{
	position:absolute;
	width:1024px;
	height:20px;
	margin-top:130px;
	text-align:center;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:white;
    text-transform: uppercase

}

/****endmatch****/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#submenu ul li a {
    padding: 12px 30px;
}
.kolomlogin {
    width: 756px;
}
}
.bg-slide .item{
    margin-bottom: 60px;
}
.bg-slide{
	width: 1024px;
    background: #210302;
}
.jadwal{
   height:241px !important;
	   
}     
.jadwal-bola .item .lSSlideOuter .lSPager.lSpg{
    margin-top: -231px !important;
    position: absolute !important;
    z-index: 9 !important;
    display: block !important;
    float: right!important;
    width: 956px;
    text-align: right;            
}  
.copyright {
	height: 14px;
}
.supportbank {
	height: 91px;
}	
.bank-center {
	height: 26px;
}
.statbank {
	margin-bottom: 7px;

}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  opacity:1;
  width:auto;
  height:auto;
  /*display:none;*/
  cursor:pointer;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:auto;
  height:auto;
  display:none;
  z-index:9999;
  padding:20px;
  

}
#boxes #dialog {
    position: absolute;
    top: 20%;
    z-index: 1002;
    width:660px;
	height:410px;
	max-width: 960px;
    min-width: 700px;
    overflow: hidden;
    background: #FFFFFF;
	background-image:url('../images/popup.jpg');
	margin: 0 auto;
    left: 0;
    right: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 25px 5px rgba(255,255,255,0.75);
    -moz-box-shadow: 0px 0px 25px 5px rgba(255,255,255,0.75);
    box-shadow: 0px 0px 25px 5px rgba(255,255,255,0.75);
    padding:5px 20px 0px 0px;
    background-color:#ffffff;
    font-family:Arial; 
    color: black; 
    font-size: 14px;
    min-height:140px;
}

#boxes #dialoge {
    position: absolute;
    top: 20%;
    z-index: 1002;
    width:700px;
	height:400px;
	max-width: 960px;
    min-width: 700px;
    overflow: hidden;
    background: #FFFFFF;
	background-image:url('../images/lebaran.jpg');
	margin: 0 auto;
    left: 0;
    right: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 25px 5px rgba(255,255,255,0.75);
    -moz-box-shadow: 0px 0px 25px 5px rgba(255,255,255,0.75);
    box-shadow: 0px 0px 25px 5px rgba(255,255,255,0.75);
    padding:5px 20px 0px 0px;
    background-color:#ffffff;
    font-family:Arial; 
    color: black; 
    font-size: 14px;
    min-height:140px;
}

a.popuplink{
	text-decoration:underline;
	color:black;
}
a.popuplink:hover{
	text-decoration:underline;
	color:black;
}

a.popuplink2{
	text-decoration:none;
	color:gray;
}
a.popuplink2:hover{
	text-decoration:underline;
	color:red;
}

#popupdiv{
	/*border-bottom:1px black solid;
	border-top:1px black solid;*/
	font-size:12px;
	margin-top:0px;
	padding:5px 5px 5px 5px;
	text-align:center;
}
.bebasN{
    font-family: bebas_neueregular;
    font-size: 28px;
    color: #fff;
    padding: 0px 17px;
    margin-top: 5px;
    display: block;
    text-shadow: 2px 2px 4px #000;
                
}

table{
	border-collapse:separate;
}
.closeimg {

    margin-bottom: -5px;
    z-index: 9999;
    top: 6px;
    position: relative;
    right: 21px;
    background: #053801;
    padding: 3px 2px 2px 3px;
    border-radius: 12px;
    border: 2px solid #069e05;

}
#boxes #dialog {
    height: 440px!important;
    padding:6px 0px 7px 4px!important;

}

#popupdiv{
	margin-top:-29px!important;

}	
.perhatiancin {
    border: 3px solid yellow;
    padding: 1px;
}

.banner-left {
    background-image: url("../img/itudomino.gif?v=01042024");
	background-size: 200px 200px;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.25);            
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    display: block;
    height: 200px;
    left: -2px;
    margin-top: 125px;
    position: absolute;
    width: 200px;
    z-index: 999;
	/*border:1px solid #079900;*/
}

.banner-left1 {
    background-image: url("../images/ovo.jpg");
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.25);            
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    display: block;
    height: 185px;
    left: -2px;
    margin-top: 250px;
    position: absolute;
    width: 150px;
    z-index: 99999;
	border:1px solid #079900;
}
tbody td:first-child {
		font-weight: normal;
	}
	
	.buttonmenu:hover {
		background-color: #f20202;
	}
}
#popupdiv {
	margin-left: -5px;
}
.isipopup {
	margin-top: -12px;
}
.isipopup td {
	vertical-align: middle;
}
#boxes #dialog {
	background-blend-mode: multiply;
	background-color: rgb(0, 128, 0));
	border-radius: 10px;
	height: 580px!important;
	background-position: center;
	background-size: 200%;
}
.isipopup a {
	text-decoration: none;
	color: #fff4fe;
	font-weight: normal;
}
.isipopup p {
	font-weight: normal;
	color: #fff4fe;
	margin: 0;
	margin-top: 1.5px;
	font-size: 14px;
}
.isipopup h2 {
	font-size: 24px;
	font-weight: bold;
	color: yellow;
	padding-top: 9px;
	margin: 0px;
}
.isipopup h3 {
	font-size: 22px;
	font-weight: bold;
	color: #fff571;
	padding-top: 9px;
	margin: 0px;
}
.frameisipopup {
	padding: 0 5px;
}
table {
	border-spacing: 0px;
}
.tableutama {
	width: 100%;
}
.tableutama td {
	padding: 3px 0;
}
.subtableutama {
	width: 50%;
}
.tablelink {
	border: 2px solid #069e05;
	width: 97%;
	margin: 0 auto;
	background: rgba(31, 95, 16, 0.3);
	border-radius: 8px;
}
.tablekontak {
	border: 2px solid #069e05;
	width: 97%;
	margin: 0 auto;
	background: rgba(31, 95, 16, 0.3);
	border-radius: 8px;
}
.gokil {
	border-radius: 6px 6px 2px 2px;
	padding: 6px 2px;
	text-align: center;
	color: yellow;
}
.tablelink th,
.tablekontak th {
	font-size: 20px;
	font-weight: bold;
	color: ffff00;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 8px 8px 0 0;
	border-bottom: 2px solid #069e05;
}
.tablelink td,
.tablekontak td {
	padding: 5px;
	border-bottom: 2px solid #069e05;
	color: #fff4fe;
	background: rgba(0, 0, 0, 0.2);
	font-size: 14.5px;
}
.tablekontak tr:last-child td,
.tablelink tr:last-child td {
	border-bottom: none;
	border-radius: 0 0 0px 0px;
}
.tablekontak tr:nth-child(2) td,
.tablelink tr:nth-child(2) td {
	padding-top: 5px;
}
.perhatiancin tr:nth-child(2) td {
	font-size: 18px;
	padding: 5px;
	padding-bottom: 7px;
	font-weight: bold;
}
.perhatiancin tr:nth-child(1) td {
	padding: 0px;
}
.perhatian {
	padding: 5px;
}
.perhatiancin {
	width: 100%;
	border: 2px solid black;
	border-radius: 10px;
	padding: 5px;
	background: yellow;
}
.hatian {
	background: black;
	border-radius: 6px;
	padding: 5px 0;
	font-size: 20px;
	font-weight: bold;
	color: yellow;
}
.iniperhatiannya {
	background: yellow;
	color: black;
	font-weight: bold;
	padding: 5px;
	font-size: 15px;
}
.gomugomuno {
	border: 2px solid #069e05;
	border-radius: 8px;
	margin: 5px 5px 5px 5px;
	background: rgba(0, 0, 0, 0.2);
}
.klikwa {
	background: red;
	color: white;
	margin-top: -9px;
	border-radius: 8px;
	padding: 2px 10px;
	font-size: 11.5px;
	display: table-cell;
	font-weight: bold;
	vertical-align: middle;
	position: absolute;
}
.klikwa:hover {
	color: black;
}
.linklink {}
.walink {
	text-align: left;
	width: 85px;
}
.wachat {
	text-align: left;
	width: 65px;
}
.LINE {
	text-align: left;
	width: 100px;
}
.WECHAT {
	text-align: left;
	width: 65px;
}
.INSTAGRAM {
	text-align: left;
	width: 65px;
}
.buttonmenu {
	background-color: #524e4e;
	background-position: 10px 9px;
	background-size: 45px 45px;
	background-repeat: no-repeat;
	font-size: 20px;
	padding: 15px 0 15px 65px;
	color: white;
	margin: 2px 2px 2px 2px;
	font-weight: bold;
	border-radius: 5px;
	box-shadow: inset 0 -2px 0 rgba(25, 25, 25, 1);
	height: 40px;
	text-align: left;
}
#android {
	background-image: url(../img/android.png);
}
#ios {
	background-image: url(../img/ios.png);
}
#iosx {
	background-image: url(../img/ios.png);
	background-color: #dddddd;
	border: 1px solid #524e4e;
	color: #a6a8ab;
}
.download {
	background-image: url(../img/android.png);
}
.desdown {
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
}
div#boxes {
    min-width: 1024px;
    display: block;
    position: relative;
} 
li {
	list-style: none;
}

li a {
	text-transform: uppercase;
}

.menu {
	float: left;
	padding: 0px 0 0 0px;
	margin: 0px 0 0 0px;
}

.menu>li {
	float: left;
	text-align: center;
}

.menu>li>a {
	padding: 0px 20px;
	font-size: 14px;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	color: white;
	font-family: Arial;
	line-height: 37px;
}
.menunav{
    position: absolute;
    width: 100%;
    min-width: 1024px;
    height: 38px;
    top: 85px;
    background: #62b849;
    background: -moz-linear-gradient(top, #62b849 0%, #5bb144 14%, #479e33 41%, #277f1b 77%, #1b730f 100%);
    background: -webkit-linear-gradient(top, #62b849 0%, #5bb144 14%, #479e33 41%, #277f1b 77%, #1b730f 100%);
    background: linear-gradient(to bottom, #62b849 0%, #5bb144 14%, #479e33 41%, #277f1b 77%, #1b730f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62b849', endColorstr='#1b730f',GradientType=0 );
}
.mid-menunav{
    margin: 0 auto;
    width: 1024px;    
}
.header {
    color: #ffffff;
    font-family: Arial, sans-serif;
    background: #006e2f url(../img/background-logo.jpg) no-repeat center 43px;
    height: 151px;    
}
a, a:hover{
    text-decoration: none;
}

.sub-menu ul.gameNav {
    display: inline-block !important;
    float: left !important;
    position: static !important;
}
.sub-menu .gameNav li {
    position: relative;
    width: 143px !important;
    margin: 10px 0px 10px 0 !important;
    display: block;
    float: left !important;
    transition: all .3s;

    border: none;
    background: transparent !important;
    height: 100px !important
}

.arrow-down{
    width: 0; 
    height: 0; 
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    
    border-top: 6px solid #fff;
    float: right;
    margin-top: 16px;
}
.sub-menu .gameNav li:hover{
    text-decoration:none;
}
.sub-menu .gameNav a {
    display: block !important;
    height: auto !important;
    line-height: 30px !important;
    transition: all .3s !important;
    color:#fff !important;
    text-decoration:none !important;
    text-transform: uppercase !important;
    text-align:center;
}
.sub-menu .gameNav img {
    display: block !important;
    width: 96px !important;
    margin: auto !important;
}
.sub-menu ul{padding:0; margin:0}

.sub-menu a {
    position: relative !important;
    height: 84px !important;
    display: block !important;
    color: #fff !important;
    font-size: 11px !important;
    padding:0 !important
}

.sub-menu {
    display:none;
    width: 100%;
    min-height: 124px;
    min-width: 1024px;
    text-align: center;
    position: absolute;
    left: 0;
    z-index: 999;
    /*box-shadow: inset 0 3px 23px 0 rgb(0 0 0 / 40%);*/
}
.main_width{
    margin: 0 auto;
    padding-bottom: 5px;
    /*height: 97px;*/
   display:table
}

/*use for li menu*/
li.slot-game:hover > #sub-menu-slot {
    display: inline-block
}
li.fish-game:hover > #sub-menu-fish {
    display: inline-block
}
li.casino-game:hover > #sub-menu-casino {
    display: inline-block
}
li.slot365-game:hover > #sub-menu-slot365 {
    display: inline-block
}

li.poker-game:hover > #sub-menu-poker {
    display: inline-block
}

li.togel-game:hover > #sub-menu-togel {
    display: inline-block
}

li.slot365-game:hover > .main_width {
    /*display: table*/
}
li.sport-game:hover > #sub-menu-sport {
    display: inline-block
}

/*use for td menu*/
td.slot-game:hover > #sub-menu-slot {
    display: inline-block
}

td.fish-game:hover > #sub-menu-fish {
    display: inline-block
}

td.casino-game:hover > #sub-menu-casino {
    display: inline-block
}

td.slot365-game:hover > #sub-menu-slot365 {
    display: inline-block
}

td.poker-game:hover > #sub-menu-poker {
    display: inline-block
}

td.togel-game:hover > #sub-menu-togel {
    display: inline-block
}
td.sport-game:hover > #sub-menu-sport {
    display: inline-block
}

/*use for a menu*/
a.slot-game:hover > #sub-menu-slot {
    display: inline-block
}

a.fish-game:hover > #sub-menu-fish {
    display: inline-block
}

a.casino-game:hover > #sub-menu-casino {
    display: inline-block
}

a.slot365-game:hover > #sub-menu-slot365 {
    display: inline-block
}

a.poker-game:hover > #sub-menu-poker {
    display: inline-block
}

a.togel-game:hover > #sub-menu-togel {
    display: inline-block
}
a.sport-game:hover > #sub-menu-sport {
    display: inline-block
}

/* sub-menu-poker 
 - make li item center vertical and horizonal
*/
#sub-menu-poker ul.gameNav {
    width: 100%;
}
#sub-menu-poker li {
    /*center horizonal */
    float: none !important;
    margin: 0 auto !important;
    /*center vertical*/
    /*display: inline-flex !important;*/
    align-items: center !important;
}
#sub-menu-poker a {
    margin: auto !important
}

#sub-menu-poker .main_width {
    padding-bottom:0 !important
}
/* poker-qq */
#sub-menu-poker-qq ul.gameNav {
    width: 100%;
}

#sub-menu-poker-qq li {
    /*center horizonal */
    float: none !important;
    margin: 0 auto !important;
    /*center vertical*/
    /*display: inline-flex !important;*/
    align-items: center !important;
}

#sub-menu-poker-qq a {
    margin: auto !important
}

#sub-menu-poker-qq .main_width {
    padding-bottom: 0 !important
}
/* poker-v */
#sub-menu-poker-v ul.gameNav {
    width: 100%;
}

#sub-menu-poker-v li {
    /*center horizonal */
    float: none !important;
    margin: 0 auto !important;
    /*center vertical*/
    /*display: inline-flex !important;*/
    align-items: center !important;
}

#sub-menu-poker-v a {
    margin: auto !important
}

#sub-menu-poker-v .main_width {
    padding-bottom: 0 !important
}

/* bandarq-qq */
#sub-menu-bandarq ul.gameNav {
    width: 100%;
}

#sub-menu-bandarq li {
    /*center horizonal */
    float: none !important;
    margin: 0 auto !important;
    /*center vertical*/
    /*display: inline-flex !important;*/
    align-items: center !important;
}

#sub-menu-bandarq a {
    margin: auto !important
}

#sub-menu-bandarq .main_width {
    padding-bottom: 0 !important
}
/* sub-menu-togel */
#sub-menu-togel ul.gameNav {
    width: 100%;
}

#sub-menu-togel li {
    /*center horizonal */
    float: none !important;
    margin: 0 auto !important;
    /*center vertical*/
    /*display: inline-flex !important;*/
    align-items: center !important;
}

#sub-menu-togel a {
    margin: auto !important
}

#sub-menu-togel .main_width {
    padding-bottom: 0 !important
}

/* sub-menu-toto */
#sub-menu-toto ul.gameNav {
    width: 100%;
}

#sub-menu-toto li {
    /*center horizonal */
    float: none !important;
    margin: 0 auto !important;
    /*center vertical*/
    /*display: inline-flex !important;*/
    align-items: center !important;
}

#sub-menu-toto a {
    margin: auto !important
}

#sub-menu-toto .main_width {
    padding-bottom: 0 !important
}


@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.scrolling-text {
    white-space: nowrap; 
    overflow: hidden; 
    animation: marquee 20s linear infinite;
    cursor:pointer;
}

    .scrolling-text:hover {
        animation-play-state: paused;
    }