html,
body {
  /*background: url("images/bgjitu.jpg") repeat scroll 0 0;*/
}
.bank-holder {
  background: rgba(0, 0, 0, 0.5);
  padding: 5px;
}

.all-container {
  width: 950px;
  margin: 0 auto;
  position: relative;
}

.game-link {
  text-align: center;
  margin-top: 10px;
  padding: 15px;
  border-radius: 5px 5px 0 0;
}
.game-link-left .ui {
  margin-bottom: 5px;
  border-radius: 5px;
}
.game-link-left {
  float: left;
  width: 300px;
  text-align: center;
}
.game-link-right {
  float: right;
  width: 50%;
  text-align: center;
}
.game-link-right .gamebtn {
  border-radius: 5px;
  padding-left: 2px;
  padding-right: 2px;
}
.game-link-right .gamebtn:hover,
.game-link-left .ui:hover {
  opacity: 0.8;
}
.saldo-text {
  font-weight: bold;
  color: blue;
}
.saldo-holder {
  text-align: center;
  display: block;
  padding: 15px;
  font-size: 24px;
  background: #fab70e;
  color: #000;
  border-radius: 5px;
  margin: 15px auto;
  width: 300px;
}
#myContainer .saldo-holder a {
  color: #000;
}
#myContainer a.main-hkb {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#87e0fd+0,53cbf1+40,05abe0+100;Blue+3D+%23+16 */
  background: #87e0fd; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #87e0fd 0%,
    #53cbf1 40%,
    #05abe0 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #87e0fd 0%,
    #53cbf1 40%,
    #05abe0 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #87e0fd 0%,
    #53cbf1 40%,
    #05abe0 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
  color: #1e2298;
  font-size: 20px;
  display: block;
  width: 50%;
  padding: 15px;
  margin: 40px auto;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
}
.header-login-btn {
  display: inline-block;
  position: relative;
}
.header-login-btn img {
  height: 50px;
  top: -6px;
  position: relative;
}
.header-field i {
  padding: 3px;
  background: #333;
  color: #fff;
  width: 15px;
  height: 15px;
  font-size: 14px;
  text-align: center;
}
.header-field input {
  width: 200px;
  padding: 10px 5px;
}
.header .logo {
  position: absolute;
  left: 380px;
}
img.header-login-captcha {
  width: 80px;
  height: auto;
}
#header-form table,
#header-form td,
#header-form th {
  border: none;
}
#header-form table {
  margin: 0;
  border: none;
}
#header-form a {
  color: #fff;
}
.contentsidebar marquee {
  background: #000 !important;
}
.marquee-header i {
  color: red;
  font-size: 18px;
}
.marquee-header {
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  float: right;
  margin-top: 5px;
}
.marquee-header marquee {
  display: inline-block;
  width: 680px;
}
/*
.ui-tabs-nav{
	background: #fff001;
	border:none;
	padding-left: 10px !important;
}

#myContainer .ui-tabs .ui-tabs-nav li{
	transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-0-transform: skew(-20deg);
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: -5px;
	box-shadow: 0 0 3px #000;
}

#myContainer .ui-tabs .ui-tabs-nav li.ui-state-active{
	box-shadow:none;
}
#myContainer .ui-tabs .ui-tabs-nav li a{
	color: #fc4c00;
	background:none;
	border:none;
}
.ui-tabs-nav > .ui-tabs-selected a {
    border-color: #d4d4d4 !important;
    background: #f9f6cd !important;
    color: #525252 !important;
}
.ui-tabs.ui-widget-content{
	border:none;
}
.ui-tabs .ui-tabs-panel{
	background: #f9f6cd;
}
* * */
.ui-tabs-nav {
  background: #c6d966; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #c6d966 0%,
    #dee7a7 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #c6d966 0%,
    #dee7a7 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #c6d966 0%,
    #dee7a7 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: none;
}
#myContainer .ui-tabs .ui-tabs-nav li a {
  color: #fc4c00;
  background: none;
  border: none;
  font-size: 17px;
  font-weight: 400;
}
.ui-tabs-nav > .ui-tabs-selected a {
  border-color: #d4d4d4 !important;
  background: #f9f6cd !important;
  color: #237f01 !important;
}
.ui-tabs.ui-widget-content {
  margin-top: 10px;
  border: none !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.ui-tabs .ui-widget-content {
  border: none !important;
}
.ui-tabs .ui-tabs-panel {
  background: #f9f6cd;
}
.ui-tabs-panel table,
.ui-tabs-panel td {
  border: none !important;
}
.ui-tabs-panel tbody tr:nth-child(odd) td {
  background-color: #f9f6cd;
}
.ui-tabs-panel table th {
  border: none !important;
  border-bottom: 2px solid #31fc13 !important;
  background: #f9f6cd !important;
  color: #333 !important;
}

#defaultlocation {
  width: 170px !important;
  padding: 5px;
}
#myContainer .menuholder {
  border-radius: 0;
  background: none;
  border: none;
}
#myContainer .menuholder h2,
.contentsidebar > li h2 {
  color: #b9d044;
  background: none;
  border-bottom: 1px solid #b9d044;
  padding-left: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  text-shadow: 1px 1px #000;
}
#myContainer .mynav td a {
  color: #000;
}
#myContainer .mynav td a:hover {
  color: #000;
}
.akunholder td,
.akunholder th,
.akunholder table {
  border: none;
}
.r-content h2,
.r-content h3 {
  color: #676767;
}
#myContainer .notice,
.notice {
  background: #fba566;
  color: #fff;
  border: none;
}
#myContainer .notice a,
.notice a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}
#myContainer .info,
.info {
  background: #69baff;
  color: #fff;
  border: none;
}
#myContainer .info a,
.info a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}
#myContainer .success,
.success {
  background: #58c05c;
  color: #fff;
  border: none;
}
#myContainer .success a,
.success a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}
#myContainer .error,
.error {
  background: #fc7b7b;
  color: #fff;
  border: none;
}
#myContainer .error a,
.error a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}
#reflink {
  padding: 7px;
  color: #333;
  border-radius: 5px;
  width: 90% !important;
}
.ui-widget-overlay {
  opacity: 0.5;
}
.ui-dialog .ui-widget-header {
  background: #ff9c27;
  color: #fff;
  border: none;
}
.ui-dialog.ui-widget-content {
  border: none;
  background: none;
}
.ui-dialog-content {
  background: #f9f6cd !important;
  color: #333;
}
.ui-widget-content.ui-dialog-buttonpane {
  background: #fff001 !important;
}
.ui-state-hover,
.ui-state-focus {
  background: #006583 !important;
}
.self-container {
  background: rgba(255, 255, 255, 0.9);
  padding: 5px;
}
#ref_filter {
  background: none !important;
}
.self-container input,
.self-container select {
  padding: 5px;
  background: rgba(255, 255, 255, 0.5);
}
input.error {
  color: #000;
}
caption,
td,
label {
  font-weight: 300;
}
.footermenu {
  /* display: none; */
}
.registered-container {
  width: 500px;
  margin: 0 auto;
}
.logo .logo-img {
  height: 150px;
  margin-top: -21px;
}
.celebrate {
  top: 49px;
  left: 146px;
  position: absolute;
}
.celebrate img {
  width: 219px;
  height: auto;
}
.pinbb-holder {
  position: absolute;
  top: 40px;
  font-size: 24px;
  color: #333;
  padding: 5px;
  left: 2px;
  font-weight: 300;
}
.pinbb-holder img {
  height: 30px;
  width: auto;
  vertical-align: middle;
  -webkit-transition: height 0.2s, margin 0.2s; /* For Safari 3.1 to 6.0 */
  transition: height 0.2s, margin 0.2s;
}
.pinbb-holder img:hover {
  height: 40px;
  margin-left: -5px;
}
.fbjoin-holder {
  position: absolute;
  top: 46px;
  left: 192px;
}
.fbjoin-holder img {
  height: 30px;
  width: auto;
  -webkit-transition: height 0.2s, margin 0.2s; /* For Safari 3.1 to 6.0 */
  transition: height 0.2s, margin 0.2s;
}
.fbjoin-holder img:hover {
  height: 40px;
  margin-left: -5px;
  margin-top: -5px;
}
.line-holder {
  position: absolute;
  top: 12px;
  font-size: 24px;
  color: #333;
  padding: 5px;
  left: 93px;
  font-weight: 300;
}
.line-holder img {
  height: 30px;
  width: auto;
  -webkit-transition: height 0.2s, margin 0.2s; /* For Safari 3.1 to 6.0 */
  transition: height 0.2s, margin 0.2s;
}
.line-holder img:hover {
  height: 40px;
  margin-left: -5px;
  margin-top: -5px;
}
.wap-holder {
  position: absolute;
  top: 90px;
  font-size: 24px;
  color: #333;
  padding: 5px;
  left: 132px;
  font-weight: 300;
}
.wap-holder img {
  height: 20px;
  width: auto;
  -webkit-transition: height 0.2s, margin 0.2s; /* For Safari 3.1 to 6.0 */
  transition: height 0.2s, margin 0.2s;
}
.wap-holder img:hover {
  height: 25px;
  margin-left: -5px;
}
.ai-holder {
  position: absolute;
  top: 102px;
  font-size: 24px;
  color: #333;
  padding: 5px;
  left: 52px;
  font-weight: 300;
}
.ai-holder img {
  height: 25px;
  width: auto;
  -webkit-transition: height 0.2s, margin 0.2s; /* For Safari 3.1 to 6.0 */
  transition: height 0.2s, margin 0.2s;
}
.ai-holder img:hover {
  height: 30px;
  margin-left: -5px;
}
.akun-holder {
  position: absolute;
  top: 50px;
  right: 0;
  width: 150px;
  background: rgba(255, 255, 255, 0.5);
}
.header-saldo {
  font-size: 18px;
}
.num-container .num_spbu {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #a7da69;
  border-radius: 50%;
  color: #fff;
  font-weight: 500;
}
.ls-layer .ls-bg {
  width: 100%;
}

.join-holder {
  background: url("images/image1.png") no-repeat scroll 0 10px / 100%
    rgba(0, 0, 0, 0);
  display: inline-block;
  position: relative;
  width: 230px;
  height: 150px;
  float: left;
}
.header-table td {
  vertical-align: middle;
}
.full-header a{
	color: #fff;
}
.footermenu a span{
	color: #fff;
}
#loc4div,.loginform,.nav .sf-menu,.panel-title,.banksection, marquee{
	font-family: 'Teko', sans-serif;
}

.loc4container .contentholder{
	margin-right: -5px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.loc4container{
	display: inline-block;	
	width: 100%;
}
.loc4content{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000208+0,323232+100 */
	background-color: #572173; /* For browsers that do not support gradients */
  	background-image: linear-gradient(#572173, #cfc512, #572173); /* Standard syntax (must be last) */
	border-radius: 12px;
	color: #F44336;
	width: 200px;
	float:left;
	margin: 5px;
	height: 220px;
	overflow:hidden;
	padding: 10px 5px;
	font-family: Teko, sans-serif;
	text-align: center;
}
.loc4left br{
	display: block !important;
}
#loc4div .loc4content.panel-primary{
	background: linear-gradient(to bottom,  #000208 0%,#323232 100%);
	margin: 8px;
}
#loc4div .loc4content.panel-primary img{
	display: none;
}
.loc4content .panel-title{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	display: block;
    background: #fcfabc;
    background: -moz-linear-gradient(top,  #fcfabc 0%, #fcec76 43%, #e8c441 60%, #815706 100%);
    background: -webkit-linear-gradient(top,  #fcfabc 0%,#fcec76 43%,#e8c441 60%,#815706 100%);
    background: linear-gradient(to bottom,  #fcfabc 0%,#fcec76 43%,#e8c441 60%,#815706 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfabc', endColorstr='#815706',GradientType=0 );
    border-radius: 0;
    padding: 5px 7px;
    text-align: center;
    color: #000;
    border-radius: 10px;
	box-sizing: border-box;
	font-size: 14px;
}
.result-scroller{
	height: 380px !important;
}
.loc4left{
	background: none;
	border-radius: 12px;
}
.loc4content h2{
	border-radius: 10px;
	color: #f7f974 !important;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 40px;
	width: 135px;
	line-height: 40px;
	margin-top: -5px;
}
.loc4content .periode{
	color: #fff;
	font-size: 20px;
}
.loc4date{
	color: #fff;
}
.loc4time{
	color: #fff;
}
.loc4content .num-container{
	margin-top: 15px;
}
.loc4content .num-container .num_spbu{
	width: 20px;
	height: 20px;
	color: #e90bf6;
	font-weight: 500;
	font-size: 48px;
	background-size: cover !important;
}
#myContainer .loc4content a{
	color: #ecf565;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Teko', sans-serif;
}