@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
.table-responsive{
	float:left;
}
.table-responsive a{
	color: blue;
	font-weight: bold;
}
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var {
  font-style:normal;
  font-weight:normal;
}
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {
  font-size:100%;
  font-weight:normal;
}
:focus { outline: 0;}
a{ text-decoration:none; color:white;}
a:hover img{ border:none;}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

@font-face {
    font-family: myFirstFont;
    src: url(../font-awesome/fonts/seguibl_0.ttf);
}

html,body{
  height: 100%;
}
body{
  font-family: sans-serif;
  color:#000;
  background:#000 url(../images/bg.jpg) no-repeat center center fixed;
  background-size:cover;  
  font-size: 14px;
}

.site-header{
  position: relative;
}
.site-header .navbar{
  background:#000; 
  opacity:0.80;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.container{
  width: 1170px;
  margin: 0 auto;
  position: relative;
}
.nav-container{
  max-width: 1170px;
  margin: 0 auto;
  position: relative;
}
.navbar-right{
  margin-top: 20px;
}
.login-item input[type="text"],
.login-item input[type="password"]{
  width: 100%;
  display: block;
  border: 1px solid #ab8307;
  background:#4a3a08;
  box-sizing: border-box;
  color:#fff;  
  font-size:11px; 
  border-radius:5px;
  height: 30px;
  margin-bottom: 2px;
 
}
.login_header{
  margin-right: 10px;
}

.login_header button {
  color: #000;
  padding: 10px;
  border: none;
  cursor: pointer;
  width: 80px;
  height:61px;
  margin-left: 10px;  
  font-family: myFirstFont;
  border-radius:5px;
  background: #fff100;
  background: -moz-linear-gradient(top,  #fff100 0%, #ffa900 50%, #fff100 100%);
  background: -webkit-linear-gradient(top,  #fff100 0%,#ffa900 50%,#fff100 100%);
  background: linear-gradient(to bottom,  #fff100 0%,#ffa900 50%,#fff100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff100', endColorstr='#fff100',GradientType=0 );

}
.sign_up_img > img {
  width:130px;
}
.navbar-nav{
  border-top:1px solid #4a3a08; 
  border-bottom: 1px solid #4a3a08; 
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  text-align:center;
}
.navbar-nav li{
  float: left;
  display: block;
  padding: 0 30px;
}
.navbar-nav > li > a { 
  font-family: myFirstFont; 
  font-size:16px; 
  color:#f0ba13; 
  text-decoration: none;}
.navbar-nav > li > a:hover {
  color:#fff;
}
.icon_1 {width:65%;  display: block; margin: 0 auto; padding-bottom:3px;}
.icon_2 {width:27%;  display: block; margin: 0 auto; padding-bottom:3px;}
.icon_3 {width:52%;  display: block; margin: 0 auto; padding-bottom:3px;}
.icon_4 {width:43%;  display: block; margin: 0 auto; padding-bottom:3px;}
.icon_5 {width:50%;  display: block; margin: 0 auto; padding-bottom:3px; padding-top:10px;}
.icon_6 {width:23%;  display: block; margin: 0 auto; padding-bottom:3px;}
.icon_7 {width:26%;  display: block; margin: 0 auto; padding-bottom:3px;}
.icon_8 {width:36%;  display: block; margin: 0 auto; padding-bottom:3px;}
.annoucement_title {background: orange; /* For browsers that do not support gradients */    
  background: -webkit-linear-gradient(left, orange , yellow, orange); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, orange, yellow, orange); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, orange, yellow, orange); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, orange , yellow, orange); /* Standard syntax (must be last) */; 
  padding:0 5px;  
  font-family: myFirstFont;
}
.annoucement_text {
  background:#80650e; 
  padding:0 10px;  
  line-height: 26px;
  color:#fff; 
  display: table;
  table-layout: fixed;
  white-space: nowrap;
  width: 98%;
}
.annoucement_text > * {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
}   
#annoucement{ 
  display: table;
  font-size: 12px;
  margin: 10px 0;
}
#annoucement .annoucement_title{
  display: table-cell;
}
.carousel {
    height:660px;
}
.carousel-caption {
  width:482px; 
  height:auto; 
  background:#000; 
  opacity:0.8; 
  text-align:right; 
  padding:20px !important; 
}
.carousel-caption h2 {
  font-family: myFirstFont; 
  font-size:60px; 
  color:#fff;  
  margin:0px;
}
.carousel-caption p { 
  font-family: myFirstFont; 
  font-size:16px; 
  color:#f0ba13; 
  margin:0px;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next, 
.carousel-control .icon-prev {
  background:#b89014; 
  width:50px; 
  height:50px;
  }
  
.carousel-control {
  opacity:1;
}
.carousel-indicators { 
  bottom: 5px;
}
.carousel .item,
.carousel .item.active,
.carousel .carousel-inner {
    height: 100%;
}

.carousel .fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
 /* top: 0;*/
  bottom: 50px;
  left: 0;
  /*width: 15%;*/
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  left: 10px;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 10px;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 50px;
  height: 50px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
  font-size: 40px;
}
.carousel-control .icon-next:before {
  content: '\203a';
  font-size: 40px;
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 80px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
.jackpots{background:url(../images/jackports.jpg) no-repeat!important; height:150px; overflow: hidden; position: relative;}

.flash {
  display: block;    margin: auto;    padding-top:7px;
  -webkit-animation-name: flash;
  animation-name: flash;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
  @-webkit-keyframes flash {
    0%, 50%, 100% {
    opacity: 1;
    }
  
    25%, 75% {
    opacity: 0;
    }
  }
  
  @keyframes flash {
    0%, 50%, 100% {
    opacity: 1;
    }
  
    25%, 75% {
    opacity: 0;
    }
  } 
.grid-step{
  width: 363.2px;
  float: left;
  margin-right: 30px;
}
.grid-step:last-child{
  margin-right: 0;

}
.media-step{ 
  position: relative;
  padding:20px 20px 20px 60px;
  border-radius:10px;
  box-shadow:none;
  border: 0px solid;  
  border-right:1px solid #000;
  background: #8b7639; /* Old browsers */
  background: -moz-linear-gradient(top,  #8b7639 0%, #000000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #8b7639 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #8b7639 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b7639', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}  
.has-arrow-right {
  position: relative;
  border-top-right-radius: 0;
  z-index:999;
}
.has-arrow-right:before {
  content: '';
  position: absolute;
  top: 25px;;
  right: -62px;
  border: 20px solid transparent;
  border-left: 22px solid #725d19;
}
.icon_step {width:85%;}
h3.media-heading  { 
  font-family: myFirstFont;
  font-size:28px !important; 
  
  color:#d8af33 !important;
  text-shadow: 0px 0px 4px #000;
  margin: 0;
  }
.media-body{
  display: inline-block;
}  
.media-body p { 
  font-family: myFirstFont;
  font-size:16px;
  color:#FFF ;
  margin-top:0;
  line-height:normal;
  }
.media-body p span{ 
  font-size:20px;
}
#deposit { 
  background:#000 url(../images/realtime_bg1.jpg) repeat-y 0 0 !important; 
  border-radius: 10px;   
  min-height: 270px;
  padding: 0 10px;
  width: 47%;
}
.title-table  {
  color:#d8af33;
  font-family: myFirstFont;
  font-size:28px;
  text-align:center;
  padding:15px 0px;
  margin:0px;
} 
.box-table{
  width: 49%;
}
.box-table .table {
  background:#000; 
  width: 100%; 
}
.box-table .table > tbody > tr > td {
  border-top:0px solid #1c3f0b; 
  color:#fff; 
  line-height: 24px;
  text-align:center;  
}
.box-table .list-group{
  padding-left: 0;
  list-style-type: none;
}
.box-table .list-group-item { 
  border:1px solid #1c3f0b; 
  margin-bottom: -1px;
}
.box-table .yellow  {
  color:#b89014 !important;
} 
.nav_game {
  padding: 15px 0;
  text-align: center;
  font-family: myFirstFont;
  margin-bottom:0px;
  margin-top:0px;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  border-radius:6px;
  box-shadow: 0px 0px 8px #997402;
}
.nav_game ul{
  margin-left: 10px;
}
.nav_game li{
  float: left;
  margin: 0 16px;
}
.link-1 {
  transition: 0.3s ease;
  background: #000;
  color: #f0ba13;
  text-decoration: none;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
 
}
.link-1:hover {
  border-top: 3px solid #f0ba13;
  border-bottom: 3px solid #f0ba13;
  padding: 6px 0;
  color:#d8af33;
  text-decoration:none;
}
.list-game{
  position: relative;
  display: table;
  overflow: hidden;
}
.box-game img{
   display: block;
  max-width: 100%;
  height: auto;
}
.box-game{
  display: table-cell;
  table-layout: fixed;
  width: 292px;
}
.btn-block{
    display: block;
    width: 100%;
}
#games .btn-default { color:#f0ba13; background:#000; border:1px solid #f0ba13;}
#games .btn-default:hover {color:#000; background:background: orange; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, orange , yellow, orange); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, orange, yellow, orange); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, orange, yellow, orange); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, orange , yellow, orange); /* Standard syntax (must be last) */ border:1px solid #ad8c29;}
#games .btn-group-lg > .btn, .btn-lg {border-radius:0px; font-family: myFirstFont;  padding:8px 10px; font-size:15px;} 

#games .btn-default2 { background:background: orange; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, orange , yellow, orange); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, orange, yellow, orange); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, orange, yellow, orange); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, orange , yellow, orange); /* Standard syntax (must be last) */;
   border:1px solid #ad8c29; color:#000; }
#games .btn-default2:hover {color:#d8af33; background:#000; border:1px solid #f0ba13;}
#bottom_links {
  background:#262626; 
  padding: 10px 0; 
}
.link-label{margin:0 10px;}
.link-box li{ float: left; position: relative; }
.link-box li:after{content: ""; border-right: 1px solid #fff; height: 10px;}
.link-box li:last-child:after{border-right: 0;}
.links {color:#fff; margin-bottom: 10px; }
.links .col-lg-2 {/*padding: 0px 20px 0px 0px; */width:auto;/* margin:0px 0px 0px 35px;  */}
.links .col-lg-10 {padding: 0px; margin-top:7px; /*width:auto;*/}
.links h5{font-family: myFirstFont; color:#d8af33;}
a.info_links  {font-family: myFirstFont; color:#fff; padding:0px 10px; position: relative;}
.info_links_icon {padding:0px 5px;}

.logos { padding:20px 0;}
.site-footer {padding:20px 0px; text-align:center; color:#555; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.pad10{
  padding: 10px;
}
.BgDark{
  background-color: #000;
}
.text-center{
  text-align: center;
}


.pull-left {float:left;}
.pull-right {float:right;}
.mar10{   margin: 15px;}
.mar10_lr{   margin: 0px 10px;}
.mar30_lr{   margin: 0px 30px;}

#page_banner {padding-top:229px; }
#page_banner img{ width:1170px; }

/*scr888*/
#scr888 { padding-top:229px; }
#scr888 img{width:1170px; }

/*sportsbook*/
#sportsbook {padding-top:229px; }
#sportsbook img{ width:1170px; }

/*live_Casino*/
#live_Casino {padding-bottom:50px;}

/*slot_game*/
#slot_game {padding-bottom:50px;} 


/*sidebar*/
#sidebar a.list-group-item {background:#000; color:#f0ba13; font-weight:normal; font-family:myFirstFont; display:block;}
#sidebar a.list-group-item:hover {background:#000; color:#fff; font-weight:normal; font-family:myFirstFont;}
#sidebar .list-group-item {}
#sidebar .list-group li {padding:10px 15px; border-bottom:1px solid #70674b; margin:0px; list-style:none;  }
#sidebar ul {padding:0px; margin:0px;}
#sidebar {width:260px; border:1px solid #70674b; border-radius:5px; float:left;}


/*promotion*/
#promotion_banner {width:830px; margin-left:280px; padding-bottom:50px;} 
#promotion_banner .img-responsive {margin-bottom:10px; }
#promotion_banner .promotion_img1 { width:577px; height:158px; background:url(../images/promotion_img1.jpg); float:left; margin-bottom:10px;}
#promotion_banner .promotion_img2 { width:577px; height:158px; background:url(../images/promotion_img2.jpg); float:left; margin-bottom:10px;}
#promotion_banner .promotion_img3 { width:577px; height:158px; background:url(../images/promotion_img3.jpg); float:left; margin-bottom:10px;}
#promotion_banner .promotion_img4 { width:577px; height:158px; background:url(../images/promotion_img4.jpg); float:left; margin-bottom:10px;}
#promotion_banner .promotion_img5 { width:577px; height:158px; background:url(../images/promotion_img5.jpg); float:left; margin-bottom:10px;}
#promotion_banner .promotion_img6 { width:577px; height:158px; background:url(../images/promotion_img6.jpg); float:left; margin-bottom:10px;}
#promotion_banner .promotion_img7 { width:577px; height:158px; background:url(../images/promotion_img7.jpg); float:left; margin-bottom:10px;}
#promotion_banner .promotion_img8 { width:577px; height:158px; background:url(../images/promotion_img8.jpg); float:left; margin-bottom:10px;}
#promotion_banner .promotion_img9 { width:577px; height:158px; background:url(../images/promotion_img9.jpg); float:left; margin-bottom:10px;}
#promotion_banner .promotion_img10 { width:577px; height:158px; background:url(../images/promotion_img10.jpg); float:left; margin-bottom:10px;}
#promotion_banner .content { width:233px; height:138px; background:url(../images/promotion_black_bg.jpg); padding:10px; color:#fff; font-weight:normal; font-family:myFirstFont; font-size:16px;  position: relative; margin-left:577px; margin-bottom:10px;}
#promotion_banner .pro_text { width:233px; height:89px; display:block; overflow: hidden; }
#promotion_banner p { margin:0px; line-height:17px;}
#btn_promotion {  position: absolute; bottom: 0; margin-bottom:10px;}
#promotion_banner .button1 {background:#f0ba13; padding:8px 15px; border-radius:5px; float:left; display: inline-block; color:#000; font-family:myFirstFont; font-size:14px;  border:1px solid #f0ba13; margin-right:5px; cursor: pointer; }
#promotion_banner .button2 {background:#000; padding:8px 15px; border-radius:5px; float:left; display: inline-block; color:#f0ba13; font-family:myFirstFont; font-size:14px;  border:1px solid #f0ba13; cursor: pointer; }



/*banking*/
#banking {padding-bottom:50px;} 
#banking p {color:#ccc; font-weight:normal; font-family:myFirstFont; font-size:14px; padding-bottom: 15px; }
#banking li {color:#ccc; font-weight:normal; font-family:myFirstFont; font-size:14px; list-style: disc; margin-left:15px; }
.table-bordered {border-collapse: collapse; border:1px solid #6a581a; background:#000; color:#b69a3b; text-align:center; font-weight:normal; font-family:myFirstFont; width:100%; height:300px;}
.table-bordered > tbody > tr > td {border:1px solid #6a581a; vertical-align:middle; font-weight:normal}
.table-bordered > thead > tr > th {border:1px solid #6a581a; text-align:center; vertical-align:middle; font-weight:normal}


/*information*/
#information{ width:830px; margin-left:270px; padding-bottom:50px;} 
#information h3 {color:#fff; font-weight:normal; font-family:myFirstFont; font-size:24px; margin-left:20px;  padding-bottom: 10px; }
#information p {color:#ccc; font-weight:normal; font-family:myFirstFont; font-size:14px; margin-left:20px; padding-bottom: 15px; text-align:justify;}


/*payment*/
#payment{ width:830px; margin-left:270px; padding-bottom:50px;} 
#payment h3 {color:#fff; font-weight:normal; font-family:myFirstFont; font-size:24px; margin-left:20px;  padding-bottom: 10px; }
#payment p {color:#ccc; font-weight:normal; font-family:myFirstFont; font-size:14px; margin-left:20px; padding-bottom: 15px; text-align:justify;}

/*registration*/
#registration{width:950px; margin: auto; padding-bottom:50px }
#registration h3 {color:#fff; font-weight:normal; font-family:myFirstFont; font-size:24px; margin:0px 0px 20px 0px;}

/*sidebar_dashboard*/
#sidebar_dashboard a.list-group-item { color:#f0ba13; font-weight:normal; font-family:myFirstFont; display:block; padding-left:130px;  }
#sidebar_dashboard a.list-group-item:hover {color:#fff; font-weight:normal; font-family:myFirstFont;display:block;}
#sidebar_dashboard .list-group-item { }
#sidebar_dashboard .list-group li {border-bottom:0px solid #70674b; margin:0px; list-style:none; padding:0px; margin:0px;   }
#sidebar_dashboard ul {padding:0px; margin:0px;}
#sidebar_dashboard {width:260px; border:0px solid #70674b; border-radius:0px; float:left}

/*dashboard btn*/
#sidebar_dashboard .btn_1{
background:url(../images/btn_bg_deposit.jpg); 
background-repeat:no-repeat;
background-size:100%;
background-position:center;
padding:20px;
height:24px;
font-size: 12px;}

#sidebar_dashboard .btn_2{
background:url(../images/btn_bg_withdrawal.jpg); 
background-repeat:no-repeat;
background-size:100%;
background-position:center;
padding:20px;
height:24px;
font-size: 12px;}

#sidebar_dashboard .btn_3{
background:url(../images/btn_bg_transfer.jpg); 
background-repeat:no-repeat;
background-size:100%;
background-position:center;
padding:20px;
height:24px;
font-size: 12px;}

#sidebar_dashboard .btn_4{
background:url(../images/btn_bg_statement.jpg); 
background-repeat:no-repeat;
background-size:100%;
background-position:center;
padding:20px;
height:24px;
font-size: 12px;}

#sidebar_dashboard .btn_5{
background:url(../images/btn_bg_trachistory.jpg); 
background-repeat:no-repeat;
background-size:100%;
background-position:center;
padding:13px;
height:38px;
font-size: 12px;}

#sidebar_dashboard .btn_6{
background:url(../images/btn_bg_account.jpg); 
background-repeat:no-repeat;
background-size:100%;
background-position:center;
padding:13px;
height:38px;
font-size: 12px;}

#sidebar_dashboard .btn_7{
background:url(../images/btn_bg_product.jpg); 
background-repeat:no-repeat;
background-size:100%;
background-position:center;
padding:20px;
height:24px;
font-size: 12px;}

#sidebar_dashboard .btn_8{
background:url(../images/btn_bg_bankinfo.jpg); 
background-repeat:no-repeat;
background-size:100%;
background-position:center;
padding:20px;
height:24px;
font-size: 12px;}

#sidebar_dashboard .btn_9{
background:url(../images/btn_bg_member.jpg); 
background-repeat:no-repeat;
background-size:100%;
background-position:center;
padding:13px;
height:38px;
font-size: 12px;}

#sidebar_dashboard .btn_10{
background:url(../images/btn_bg_audittrail.jpg); 
background-repeat:no-repeat;
background-size:100%;
background-position:center;
padding:20px;
height:24px;
font-size: 12px;}

input.input-field2,.select-field2{
	color:#fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #ab8307;
    background:#4a3a08;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    outline: none;
	padding: 6px 10px;
    margin:1px 2px;
}

/*dashboard form*/
#dashboard{width:830px; margin-left:290px; padding-bottom:50px;} 
#dashboard h3 {color:#fff; font-weight:normal; font-family:myFirstFont; font-size:24px; margin:0px 0px 20px 0px;}
label{
	color:#fff;
    display: block;
    margin: 0px 0px 8px 0px;
	font-family:myFirstFont ;
	font-weight:normal;
	
}
label > span{
    width: 200px;
    font-weight: normal;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
span.required{
    color:red;
}
input.input-field,
.select-field{
    width: 73%;
   
}

input.input-field,
.textarea-field,
.select-field{
	color:#fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #ab8307;
    background:#4a3a08;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    outline: none;
	padding: 6px 10px;
    margin:1px 2px;
}
.input-field:focus,
.textarea-field:focus,  
.select-field:focus{
    border: 1px solid #000;
}
input[type=submit],
input[type=button]{
    border: none;
    padding: 8px 15px 8px 15px;
    background: #f0ba13;
    color: #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	font-size:14px ;
	font-family:myFirstFont ;
	cursor: pointer;
	
}
input[type=submit]:hover,
input[type=button]:hover{
    opacity:0.9;
}


/*game_username*/
#game_username {width:845px;}
#game_username h3 {color:#fff; font-weight:normal; font-family:myFirstFont; font-size:24px; margin:0px 0px 20px 0px;}
#game_username td, #game_username th {
    border: 2px solid #000;	
}
table#game_username  {
    border-collapse: collapse;
    width: 100%;
	background:#222 ;
	border: 0px solid #000;
}
#game_username td, #game_username th {
    text-align: center;
	color:#fff;
	padding:20px 20px 5px 20px;
}
#game_username td p{
	margin:0px 0px 20px 0px;
}


/*mobile*/
#mobile {width:820px;}
#mobile h3 {color:#fff; font-weight:normal; font-family:myFirstFont; font-size:24px; margin:0px 0px 20px 0px;}
#mobile td, #mobile th{
    border: 2px solid #000;
}
table#mobile  {
    border-collapse: collapse;
    background:#222 ;
	border: 0px solid #000;
	
} 
#mobile td, #mobile th {
    text-align: center;
	color:#fff;
	padding:10px 10px 10px 10px;
}
#mobile td p{
	margin:0px 0px 20px 0px;
	color:#f0ba13; font-weight:normal; font-family:myFirstFont; 
}

#mobile a{	color:#f0ba13; font-weight:normal; font-family:myFirstFont;  }
#mobile a:hover{	color:#fff; font-weight:normal; font-family:myFirstFont; }


#mobile_level2 td, #mobile_level2 th{
    border: 4px solid #000;
}
table#mobile_level2 {
    border-collapse: collapse;
    width: 385px;
	height:425px;
	background:#000 ;
	border: 0px solid #000;
}
#mobile_level2 td p{
	margin:0px 0px 0px 0px;
	color:#f0ba13; font-weight:normal; font-family:myFirstFont;
	
}
#mobile_level2 td, #mobile_level2th {
    text-align: center;
	color:#fff;
	padding:0px;
	vertical-align: top;
}


#mobile_level2 .button {
    background-color: #f0ba13; /* Green */
    border: none;
    color: #000;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	border-radius:5px;
	font-weight:normal;
	font-family:myFirstFont;
	margin-top:10px;
	cursor: pointer;
}