.paymentoption {
  margin-bottom: 20px; }

.paymentoption span {
  display: inline-block;
  padding: 5px;
  height: 40px;
  background-image: url(https://image.ibb.co/hYgV77/bankbw.png);
  margin-top: 10px;
  margin-right: 20px; }

.paymentoption span.bankbca {
  background-position: 0 0;
  width: 134px; }

span.bankbri {
  background-position: -580px 0;
  width: 170px; }

span.bankdanamon {
  background-position: -422px 0;
  width: 158px; }

span.bankmandiri {
  background-position: -134px 0;
  width: 138px; }

span.bankbni {
  background-position: -272px 0;
  width: 150px; }

.input-group-addon {background-color: transparent; border: 0px;}
.input-group-addon img {max-width: none;}

#mob-bar, #mob-con, #showM {
 	-webkit-transition: all 0.5s;
 	-moz-transition: all 0.5s;
 	transition: all 0.5s;
}

#showM {position: absolute; top: 0px; height: 100%; width: 100%; background-color: #000000}

#showM.active {
	transform: translate3d(300px, 0, 0);
	-webkit-transform: translate3d(300px, 0, 0);
	-moz-transform: translate3d(300px, 0, 0);
}
#showM.active #mob-overlay { display: block; }

#mob-bar {
	position: absolute; left: 0px; top: 0px; z-index: 1; width: 300px; height: 100%; overflow-y: auto; padding:10px 20px 0px; background-color: #ff9400;
	transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
}
	#mob-bar ul {margin: 0px; padding:0px; list-style: none;}
	#mob-bar ul a {padding: 5px 10px; font-size: 16px; display: block; color: #ffffff}
	#mob-bar ul a span {width: 30px; text-align: center; font-size: 20px;}

	#mob-bar ul ul a {padding: 5px 10px 5px 30px;}

	#mob-bar h3 {text-align: center; font-size: 16px; text-transform: uppercase; margin-top: 20px;}
	#mob-bar .copyright {text-align: center; padding:15px 0px;}

	#mob-bar .mob-lv2 {display: none}

	.mob-bar-info { background-color: #000000; padding: 10px 15px; margin-bottom: 10px; }

#mob-con {height: 100%; position: relative;}
	#mob-overlay {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,0,0,0.5); z-index: 2; display: none; cursor: pointer;}
	#showM.active #mob-con {overflow:hidden;}

#mob-top {
	height: 65px; position: fixed; z-index: 1; width: 100%;
	background: #000000;
	background: -moz-linear-gradient(top,  #000000 0%, #424242 100%);
	background: -webkit-linear-gradient(top,  #000000 0%,#424242 100%);
	background: linear-gradient(to bottom,  #000000 0%,#424242 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#424242',GradientType=0 );
}
#mob-top .container {padding: 10px 0px}
#mob-logo {max-height: 45px; margin-left: 10px;}
#mob-logo img {max-height: 53px;width: auto;}
#mob-topr {position: absolute; top: 15px; right: 20px;}
.mob-menu {position: relative; padding-left: 30px; font-size: 1.5em}
.mob-menu:before {position: absolute; top: 2px; right: 0; width: 30px; height: 4px; background: #fff; box-shadow: 0 0px #000, 0 10px #fff, 0 10px #000, 0 20px #fff; content: '';}

#mob-topr2 {position: absolute; right: 70px; border:1px solid #000000; border-top: 0px; border-bottom: 0px; text-align: center; top: 0px; padding: 8px 20px;}
#mob-topr2 .fa {display: block; font-size: 30px;}
#mob-topr2 a {color: #ff9400}

#mob-topr3 {position: absolute; right: 145px; text-align: center; top: 0px; padding: 8px 20px;}
#mob-topr3 img {width: 50px;}

#mob-annoucement {padding-top: 70px;}

#mob-content {background-color: #000000; padding-bottom: 80px;}
	.accor {}
		.accor-title {
			color: #ffffff; display: block; padding:5px; position: relative;
			background-color: #616975;
			background-image: -moz-linear-gradient(top, rgb(118, 122, 134), rgb(80, 88, 100));
			background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
			background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
			background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
			border-bottom: 1px solid #33373d;
			text-shadow: 0px 1px 0px rgba(0,0,0,.5);
		}
			.accor-title .fa {width: 25px; text-align: center;}
			.accor-title span {position: absolute; right: 10px; background-color: #48515c; border-radius: 10px; padding: 2px 8px; font-size: 12px;}
		.accor-title.active {
			background-color: #35afe3;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 204, 0)),to(rgb(255, 102, 0)));
			background-image: -webkit-linear-gradient(top, rgb(255, 204, 0), rgb(255, 102, 0));
			background-image: -moz-linear-gradient(top, rgb(255, 204, 0), rgb(255, 102, 0));
			background-image: -o-linear-gradient(top, rgb(255, 204, 0), rgb(255, 102, 0));
			background-image: -ms-linear-gradient(top, rgb(255, 204, 0), rgb(255, 102, 0));
			background-image: linear-gradient(top, rgb(255, 204, 0), rgb(255, 102, 0));
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
			border-bottom: 1px solid #103c56;
			-webkit-box-shadow: inset 0px 1px 0px 0px #000;
			-moz-box-shadow: inset 0px 1px 0px 0px #000;
			box-shadow: inset 0px 1px 0px 0px #000;
			color: #ffffff;
		}
			.accor-title.active span {background-color: #2173a1}

		.accor-box {display: none;}
			.accor-box a {display: block; background: #fff; border-bottom: 1px solid #efeff0; color: #878d95; position: relative; padding: 3px 35px;}
			.accor-box a span {position: absolute; right: 10px; border-radius: 5px; padding: 2px 8px; font-size: 10px; border: 1px solid #999999}


		.accor-title2 {
			color: #ffffff; display: block; padding:5px; position: relative;
			background-color: #616975;
			background-image: -moz-linear-gradient(to bottom, #f517ff 0%, #d67fff 100%);
			background-image: -o-linear-gradient(to bottom, #f517ff 0%, #d67fff 100%);
			background-image: -ms-linear-gradient(to bottom, #f517ff 0%, #d67fff 100%);
			background-image: linear-gradient(to bottom, #f517ff 0%, #d67fff 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
			border-bottom: 1px solid #33373d;
			text-shadow: 0px 1px 0px rgba(0,0,0,.5);
		}
			.accor-title2 .fa {width: 25px; text-align: center;}
			.accor-title2 span {position: absolute; right: 10px; background-color: #111111; border-radius: 10px; padding: 2px 8px; font-size: 12px;}

#mob-footer {position: fixed; bottom: 0px; width: 100%; text-align: center; font-size: 12px; background-color: #000000; border-top: 1px solid #ff9400}
	#mob-footer .fa {display: block; font-size: 30px;}
	#mob-footer a {color: #ffffff}
	#mob-footer div {padding: 7px; border-right: 1px solid #222222}

.mob-admin-menu {white-space:nowrap; width: 100%; overflow-x: auto; margin-bottom: 10px; background-color: #424242;}
	.mob-admin-menu ul {list-style: none; padding: 0px; margin: 0px; font-size: 0px;}
	.mob-admin-menu li {display: inline-block; font-size: 14px;}
	.mob-admin-menu li a {padding: 10px 25px; display: block; border-right: 1px solid #ff9400}

	.mob-admin-menu li.active a {background-color: #ff9400; color: #ffffff}

.ct {}
	.ctl {float: left; width: 50%; text-align: center; background-color: #ff9400;}
		.ctl a {color: #ffffff;}
	.ctr {float: left; width: 50%; text-align: center;}
	.ct a {text-shadow: 0px 0px 4px #444444; padding: 8px 0px; display: block; font-size: 16px;}

.ct2 {text-transform: uppercase;}
	.ct2b {
		float: left; width: 33.33%; text-align: center;
		background: #fae58c;
		background: -moz-linear-gradient(top,  #fae58c 0%, #ba8a1c 100%);
		background: -webkit-linear-gradient(top,  #fae58c 0%,#ba8a1c 100%);
		background: linear-gradient(to bottom,  #fae58c 0%,#ba8a1c 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae58c', endColorstr='#ba8a1c',GradientType=0 );
	}
	.ct2b:nth-child(even) {
		background: #696969;
		background: -moz-linear-gradient(top,  #696969 0%, #383838 100%);
		background: -webkit-linear-gradient(top,  #696969 0%,#383838 100%);
		background: linear-gradient(to bottom,  #696969 0%,#383838 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#383838',GradientType=0 );
	}
	.ct2b a {text-shadow: 0px 0px 4px #444444; padding: 8px 0px; display: block; font-size: 14px; color: #ffffff;}
		.ct2b a .fa {display: block; font-size: 26px; padding-bottom: 2px;}

#showM .a-text {width: 97%; float: left; font-size: 11px; margin-top: 0px; margin-right: 0px;}

#showM #jackpot { background:url(../img/home/jackpot_bg.jpg) no-repeat top center!important; position: relative; height: 82px; background-size: cover!important;}
	#showM .j-text {
		background:url(../img/home/jackpot.gif) no-repeat top center; width: 220px; height: 70px; border-radius: 7px; position: absolute; top: 50%; left: 50%; background-size: cover;
		font-size: 24px!important; font-weight: bold; line-height: 70px; text-align: center; margin: 0px!important;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform:    translate(-50%, -50%);
		-ms-transform:     translate(-50%, -50%);
		-o-transform:      translate(-50%, -50%);
		transform:         translate(-50%, -50%);
	}
	#showM .jackpotNumber {color: #ffffff}

#showM #seo .container {padding: 0px 15px;}
#showM #seo h1 {font-size: 22px;}

.tabbox {}
	.tabbox-tab {position: relative;}
		.tabbox-tab ul {padding: 10px 0px 0px; white-space: nowrap; overflow-x: auto; font-size: 0px; margin: 0px}
		.tabbox-tab li {display: inline-block; font-size: 12px; text-align: center; padding: 6px 8px; cursor: pointer; list-style: none; /*width: 21%;*/ border-left: 0px; border-top: 0px; background-size: 36px; background-position: top 5px center; background-repeat: no-repeat; padding-top: 45px; color: #efd77f; margin: 0px 10px; opacity: 0.6}
		.tabbox-tab li.active, .tabbox-tab li:hover {color: #efd77f; opacity: 1}

		.tabbox-tab li.sg {background-image: url(../img/m/icon/sg.png)}
		/*.tabbox-tab li.sg.active, .tabbox-tab li.sg:hover {background-image: url(../img/m/icon/sg2.png)}*/
		.tabbox-tab li.lc {background-image: url(../img/m/icon/lc.png)}
		/*.tabbox-tab li.lc.active, .tabbox-tab li.lc:hover {background-image: url(../img/m/icon/lc2.png)}*/
		.tabbox-tab li.sb {background-image: url(../img/m/icon/sb.png)}
		/*.tabbox-tab li.sb.active, .tabbox-tab li.sb:hover {background-image: url(../img/m/icon/sb2.png)}*/
		.tabbox-tab li.poker {background-image: url(../img/m/icon/poker.png)}
		/*.tabbox-tab li.poker.active, .tabbox-tab li.poker:hover {background-image: url(../img/m/icon/poker2.png)}*/
		.tabbox-tab li.tangkas {background-image: url(../img/m/icon/tangkas.png)}
		/*.tabbox-tab li.tangkas.active, .tabbox-tab li.tangkas:hover {background-image: url(../img/m/icon/tangkas2.png)}*/
		.tabbox-tab li.togel {background-image: url(../img/m/icon/togel.png)}
		/*.tabbox-tab li.togel.active, .tabbox-tab li.togel:hover {background-image: url(../img/m/icon/togel2.png)}*/
		.tabbox-tab li.fish {background-image: url(../img/m/icon/fish.png)}
		/*.tabbox-tab li.fish.active, .tabbox-tab li.fish:hover {background-image: url(../img/m/icon/fish2.png)}*/
		.tabbox-tab li.gaple {background-image: url(../img/m/icon/gaple.png)}
		.tabbox-tab li.cockft {background-image: url(../img/m/icon/fight.png)}

	.tab-arrow {position: absolute; top: 0px; background-color: rgba(0,0,0,0.8); height: 100%; color: #efd77f; padding: 0px 8px;}
		.tab-arrow i {font-size: 26px; line-height: 78px;}
		.tab-arrow.l {left: 0px;}
		.tab-arrow.r {right: 0px;}

	.tabbox-content {padding: 10px 0px}
		.tbc {display: none; overflow: hidden; text-align: center;}
		.tbc.active {display: block}
		.tbc.pad {padding: 20px;}
		.tbc.pad img {margin-bottom: 10px}

		.tbc img {padding: 3px; max-width: 100%;}

		.tbc h3 { text-align: center; padding: 10px 0px }

		.tbc.bg {min-height: 250px; background-size: cover; background-position: top center; background-repeat: no-repeat; position: relative;}
			.tbc.bg a {
				position: absolute; bottom: 20px; left: 50%; width: 80%; text-align: center;
				-webkit-transform: translateX(-50%);
				-moz-transform:    translateX(-50%);
				-ms-transform:     translateX(-50%);
				-o-transform:      translateX(-50%);
				transform:         translateX(-50%);
			}

		.tbl {cursor: pointer;}
			.tbl img {width: 100%;}
			.tbl span {display: block; color: #ffffff; text-align: center; font-size: 14px; background-color: #222222; padding: 5px; border-right: 1px solid #000000; text-transform: uppercase;}

.dlapps {padding: 10px; border-radius: 5px; border: 1px solid #222; text-align: center;}
	.dlapps .fa {color: #a4c639; font-size: 70px;}
	.dlapps a {color: #ffffff; display: block;}
	.dlapps span {display: block;}

@media only screen and (max-width: 767px) {
	.tbcbox1 {float: left; width: 50%}
	.tbcbox2 {float: left; width: 25%}
	.tbcbox3 {float: left; width: 25%}
	.tbcbox4 {float: left; width: 25%}

	#wh-widget-send-button {display: none;}
}

@media only screen and (max-width: 479px) {
	.tbcbox1 {float: left; width: 100%}
	.tbcbox2 {float: left; width: 50%}
	.tbcbox3 {float: left; width: 33.33%}
	.tbcbox4 {float: left; width: 25%}

	/* Mission */

	.miswrap, .mlwrap {
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.miswrap.active, .mlwrap.active {visibility: visible; opacity: 1}

	.miswrap {position: fixed; width: 100%; height: 100%; z-index: 9990; visibility: hidden; opacity: 0}
	.miswrap .overlay {position: absolute; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.7);}
	.miswrap .misbox {max-width: 800px; width: 90%; position: absolute; z-index: 2; max-height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
	.miswrap .misbox .mishead {background-image: linear-gradient(to right bottom, #7c5d24, #8c6d31, #a38643, #ac914b, #dfcc79, #dfcc79, #dfcc79, #dfcc79, #b59d54, #9b7e3d, #896b2e, #7c5d24); position: relative;}
	.miswrap .misbox .mishead h2 {color: #333333; padding: 10px 15px; font-size: 20px; font-weight: bold; margin:0px;}
	.miswrap .misbox .mishead .mistol {position: absolute; right: 30px; top: 50%; transform: translateY(-50%); font-size: 12px; font-weight: bold; color: #ffffff; background-color: #222222; padding:3px 10px; border-radius: 5px;}
	.miswrap .misbox .mishead .misclose {color: #222222; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
	.miswrap .misbox .mishead .misclose:hover {opacity: 0.8}

	.miswrap .misbox .misbody {background-color: #000000; border: 1px solid #ffe000; max-height: 450px; overflow-y: auto;}
	.miswrap .misbox .misbody .mislist {line-height: normal; padding: 15px; border-bottom: 1px solid #ffe000; font-size: 0px;}
	.miswrap .misbox .misbody .mislist h3 {margin:0px; font-size: 18px; font-weight: bold; color: #ffe000; padding-bottom: 5px;}
	.miswrap .misbox .misbody .mislist .desc {font-size: 14px;}

	.miswrap .misbox .misbody .mislist .l {width: 75%; padding-right: 10px; display: inline-block;}
	.miswrap .misbox .misbody .mislist .r {width: 25%; padding-left: 10px; display: inline-block; text-align: right; vertical-align: top; border-left: 1px solid #333333;}
	.miswrap .misbox .misbody .mislist .r span {color: #ffffff; font-size: 14px; display: block;}
	.miswrap .misbox .misbody .mislist .r a {color: #ffffff; text-transform: uppercase; font-size: 12px; background-color: #555555; border: 1px solid #888888; border-radius: 5px; padding: 5px 5px; display: inline-block; margin-top: 5px}
	.miswrap .misbox .misbody .mislist .r a.btn-continue {color:#ffffff; background-color: #5cb85c; border-color: #5cb85c}
	.miswrap .misbox .misbody .mislist .r a:hover {border-color: #ffe000; background-image: linear-gradient(to right bottom, #7c5d24, #8c6d31, #a38643, #ac914b, #dfcc79, #dfcc79, #dfcc79, #dfcc79, #b59d54, #9b7e3d, #896b2e, #7c5d24); text-decoration: none; color: #333333}

	.miswrap .misbox .misbody .mislist .r span.btn-void {color: #555555; text-transform: uppercase; font-size: 12px; background-color: #111111; border: 1px solid #222222; border-radius: 5px; padding: 5px 5px; display: inline-block; margin-top: 5px}
	.miswrap .misbox .misbody .mislist .r span.btn-done {color: #333333; text-transform: uppercase; font-size: 12px; background-image: linear-gradient(to right bottom, #7c5d24, #8c6d31, #a38643, #ac914b, #dfcc79, #dfcc79, #dfcc79, #dfcc79, #b59d54, #9b7e3d, #896b2e, #7c5d24); border: 1px solid #ffe000; border-radius: 5px; padding: 5px 5px; display: inline-block; margin-top: 5px}

	.miswrap .misbox .misbody .mislist.done {background-color: #222222;}
	.miswrap .misbox .misbody .mislist.done .r a {border-color: #ffe000; background-image: linear-gradient(to right bottom, #7c5d24, #8c6d31, #a38643, #ac914b, #dfcc79, #dfcc79, #dfcc79, #dfcc79, #b59d54, #9b7e3d, #896b2e, #7c5d24); text-decoration: none; color: #333333; cursor: default;}

	.mlwrap {position: fixed; width: 100%; height: 100%; z-index: 9991; visibility: hidden; opacity: 0}
	.mlwrap .overlay {position: absolute; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.7);}
	.mlwrap .mlbox {max-width: 500px; width: 90%; position: absolute; z-index: 2; max-height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
	.mlwrap .mlbox .mlhead {background-image: linear-gradient(to right bottom, #7c5d24, #8c6d31, #a38643, #ac914b, #dfcc79, #dfcc79, #dfcc79, #dfcc79, #b59d54, #9b7e3d, #896b2e, #7c5d24); position: relative;}
	.mlwrap .mlbox .mlhead h2 {color: #333333; padding: 10px 15px; font-size: 20px; font-weight: bold; margin:0px;}
	.mlwrap .mlbox .mlhead .mlclose {color: #222222; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
	.mlwrap .mlbox .mlhead .mlclose:hover {opacity: 0.8}

	.mlwrap .mlbox .mlbody {background-color: #000000; border: 1px solid #ffe000; padding: 15px;}
	.mlwrap .mlbox .mlbody input {width: 100%; color: #333333; padding: 3px 10px}
	.mlwrap .mlbox .mlbody input::placeholder {color: #333333}
	.mlwrap .mlbox .mlbody .subbtn {color: #aaaaaa; text-transform: uppercase; font-size: 14px; background-color: #222222; border: 1px solid #555555; border-radius: 5px; padding: 5px 15px; display: inline-block; margin-top: 10px;}
	.mlwrap .mlbox .mlbody .subbtn:hover {border-color: #ffe000; background-image: linear-gradient(to right bottom, #7c5d24, #8c6d31, #a38643, #ac914b, #dfcc79, #dfcc79, #dfcc79, #dfcc79, #b59d54, #9b7e3d, #896b2e, #7c5d24); text-decoration: none; color: #333333}

	.mlwrap .mlbox .mlbody .error {font-size: 12px; text-align: center; display: block; padding: 3px 0px; color: #ff0000; font-weight: bold;}
}
.acon {display: none;}
.abox img {width: 100%; height: auto!important}
.abox table {min-width: 50%; border-collapse: collapse;}
.abox table td, .pbox table th {border: 1px solid rgb(0, 0, 0); padding: 5px 10px}



@media only screen and (max-width: 425px) {
	#mob-topr3 {
		right: 118px;
		padding: 8px 10px;
	}
	#mob-topr2 {
		right: 50px;
		padding: 8px 12px;
	}
	#mob-topr {
		right: 10px;
	}
}			
@media only screen and (max-width: 375px) {
	#mob-logo img {
		max-width: 148px;
	}
	#mob-topr3 {
		top: 4px;
		right: 102px;
		padding: 8px 10px;
	}
	#mob-topr3 img {
		width: 44px;
	}
	#mob-topr2 {
		font-size: 12px;
		right: 44px;
		padding: 8px 10px;
	}
	#mob-topr {
		right: 10px;
	}
	.mob-menu:before {
		width: 26px;
	}
}			
@media only screen and (max-width: 320px) {
	#mob-logo {
		margin-left: 0;
	}
	#mob-logo img {
		max-width: 148px;
		margin-left: -10px;
	}
	#mob-topr3 {
		top: 7px;
		right: 90px;
		padding: 8px 6px;
	}
	#mob-topr3 img {
		width: 38px;
	}
	#mob-topr2 {
		font-size: 11px;
		right: 42px;
		padding: 8px 6px;
	}
	#mob-topr {
		right: 10px;
	}
	.mob-menu:before {
		top: 8px;
		width: 26px;
		box-shadow: 0 0px #000, 0 8px #fff, 0 10px #000, 0 16px #fff;
	}
}