body {
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */

    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
                                    /* -ms-overflow-style: none; */
 
  font-family: 'Jeju Gothic', serif;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

  -ms-overflow-style: none;
  background-color: #494949;
 }
dd{margin:0;}
 button:focus{
  outline: none;
 }
.mobile_hidden {
  display: none !important;
}
.mobile_show {
  display: inline-block !important;
}
.ladder_area {
  position: relative;
  margin: 0px 0px 26px 45px;
  width: 285px;
  height: 190px;
}
.ladder_area .start_pos {
  position: absolute;
  z-index: 1;
  top: -45px;
  left:30px;
  width: 227px;
  height: 50px;
  background-image: url("../img/left_off.png"),url("../img/right_off.png");
  background-position: left top,right top;
  background-repeat: no-repeat,no-repeat;
}
.ladder_area .start_pos.left{
  background-image: url("../img/left_on.png"),url("../img/right_off.png");
}
.ladder_area .start_pos.right{
  background-image: url("../img/left_off.png"),url("../img/right_on.png");
}

.ladder_area .result_pos 
{
  position: absolute;
  z-index: 1;
  top: 135px;
  left:30px;
  width: 227px;
  height: 50px;
  background-image:url("../img/odd_off.png"),url("../img/even_off.png");
  background-position: left bottom,right bottom;
  background-repeat: no-repeat,no-repeat;
}
.ladder_area .result_pos.odd{
  background-image: url("../img/odd_on.png"),url("../img/even_off.png");

} 
.ladder_area .result_pos.even{
  background-image: url("../img/odd_off.png"),url("../img/even_on.png");
} 

.ladder_area .ladder {
  margin-left: 53px;
  margin-top: 45px;
}
.ladder_area ul {
  position: relative;
  width: 182px;
  height: 138px;
}
.ladder_area li {
  display: none;
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #FE3D70;
  /*background:repeating-linear-gradient(-45deg, #fae100, #fae100 5px, black 5px, black 10px);*/
  /*background:linear-gradient(to bottom, #8dd2d9 , #58c0c7)*/
}
#movingstar
{
  position: absolute;
  z-index:2;
  width: 46px;
  height: 47px;
  top:0px;
  left:115px;

  transform: translate(-50%, -50%);
  /* background: url("../img/Star.png") 0 0 no-repeat; */
}
#movingstar.goal
{
  width:200px;
  height:172px;
  transform: translate(-50%, 0%);
  /* background: url("../img/fx_goal.gif") 0 0 no-repeat; */
  background-size: 200px 172px;
  /* animation: goal 1s forwards; */
}

.ladder_area .first_type1 {/*3line*/
  background: url("../img/Line3.png") 0 0 no-repeat;
}
.ladder_area .first_type1 .ld1 {
  top: 0;
  left: 0;
}
.ladder_area .first_type1 .ld2 {
  top: 40px;
  left: 0;
}
.ladder_area .first_type1 .ld3 {
  top: 40px;
  right: 0;
}
.ladder_area .first_type1 .ld4 {
  top: 66px;
  right: 0;
}
.ladder_area .first_type1 .ld5 {
  top: 66px;
  left: 0;
}
.ladder_area .first_type1 .ld6 {
  top: 92px;
  left: 0;
}
.ladder_area .first_type1 .ld7 {
  top: 92px;
  right: 0;
}
.ladder_area .first_type2 {/*4line*/
  background: url("../img/Line4.png") 0 0 no-repeat;
}
.ladder_area .first_type2 .ld1 {
  top: 0;
  left: 0;
}
.ladder_area .first_type2 .ld2 {
  top: 27px;
  left: 0;
}
.ladder_area .first_type2 .ld3 {
  top: 27px;
  right: 0;
}
.ladder_area .first_type2 .ld4 {
  top: 53px;
  right: 0;
}
.ladder_area .first_type2 .ld5 {
  top: 54px;
  left: 0;
}
.ladder_area .first_type2 .ld6 {
  top: 79px;
  left: 0;
}
.ladder_area .first_type2 .ld7 {
  top: 79px;
  right: 0;
}
.ladder_area .first_type2 .ld8 {
  top: 105px;
  right: 0;
}
.ladder_area .first_type2 .ld9 {
  top: 105px;
  left: 0;
}
.ladder_area .second_type1 {/*3line*/
  background: url("../img/Line3.png") 0 0 no-repeat;
}
.ladder_area .second_type1 .ld1 {
  top: 0;
  right: 0;
}
.ladder_area .second_type1 .ld2 {
  top: 40px;
  right: 0;
}
.ladder_area .second_type1 .ld3 {
  top: 40px;
  left: 0;
}
.ladder_area .second_type1 .ld4 {
  top: 66px;
  left: 0;
}
.ladder_area .second_type1 .ld5 {
  top: 66px;
  right: 0;
}
.ladder_area .second_type1 .ld6 {
  top: 92px;
  right: 0;
}
.ladder_area .second_type1 .ld7 {
  top: 92px;
  left: 0;
}
.ladder_area .second_type2 {/*4line*/
  background: url("../img/Line4.png") 0 0 no-repeat;
}
.ladder_area .second_type2 .ld1 {
  top: 0;
  right: 0;
}
.ladder_area .second_type2 .ld2 {
  top: 27px;
  right: 0;
}
.ladder_area .second_type2 .ld3 {
  top: 29px;
  left: 0;
}
.ladder_area .second_type2 .ld4 {
  top: 53px;
  left: 0;
}
.ladder_area .second_type2 .ld5 {
  top: 53px;
  right: 0;
}
.ladder_area .second_type2 .ld6 {
  top: 79px;
  right: 0;
}
.ladder_area .second_type2 .ld7 {
  top: 79px;
  left: 0;
}
.ladder_area .second_type2 .ld8 {
  top: 105px;
  left: 0;
}
.ladder_area .second_type2 .ld9 {
  top: 105px;
  right: 0;
}
.ladder_area .ladder_message {
  position: absolute;
  margin-left: -44px;
  padding-top: 10px;
  top: 0px;
  width: 380px;
  height: 138px;
  background:url("../img/line_wait.png") 93px 0 no-repeat,url("../img/ocean.png") 0 18px no-repeat;
}

.ladder_area .ladder_message .inn {
  position: absolute;
  width: 380px;
  height: 111px;
  vertical-align: middle;
}
.ladder_area .ladder_message p {
  text-align: center;
  font-size: 13px;
  color: #000;
  line-height: 17px;
  font-weight: normal;
  
  width:280px;
  padding: 4px;
  margin-left: 50px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
  
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 1px #DDD;
  border-radius: 11px;
  background:rgba(0, 0, 0, 0.14);

}

.ladder_area .ladder_message .answer {
  color: #fff;
}
.ladder_area .ladder_message .odd {
  color: #1a6ed6;
}
.ladder_area .ladder_message .even {
  color: #d61a1a;
}
.ladder_area .ladder_message .notice {
  margin-top: 10px;
  color: #ff0;
}
.ladder_area .ladder_message .notice a {
  color: #ffff00;
}

.chart_wrapper {
  position: relative;
  /* margin-top: 0px; */
  display: none;
} 
.use_graph .chart_wrapper {
  display: block;
  margin-left: 25px;
  margin-top: -28px;
  width: 340px;
  height:50px;
  background: url("../img/gauge_frame.png") 0 0 no-repeat;
  background-position-y: 17px;
}

.vs_area {
  position: absolute;
  margin-left: 118px;
  top: -2px;
  width: 110px;
  height: 24px;
  background: transparent;
  z-index: 10;
}
#graph_odd {
  display: block;
  position: absolute;
  right: 49.5%;
  top: 19px;
  height: 14px;
  
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
  
  background: linear-gradient(
    to bottom,
    #B5E532 37%,
    #006A00 69%
  );
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5) inset, 0 1px 1px #DDD;
}
#graph_even {
  display: block;
  position: absolute;
  left: 49.5%;
  top: 19px;
  height: 14px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
  
  background: linear-gradient(
    to bottom,
    #FE8F05 37%,
    #B30404 69%
  );
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5) inset, 0 1px 1px #DDD;
}
.txt_per {
  width: 40px;
  line-height: 22px;
  text-align: center;
  font-size: 11px;
}
.ico_vs {
  display: block;
  position: absolute;
  color: transparent;
  background:url("../img/fx_star_gauge.gif") 0 0 no-repeat;
  background-position: 50% 50%;
  width: 47px;
  height: 46px;
  top: 4px;
  left: 29px;
}
#txt_odd_per {
  float: left;
  color: #55d61a;
}
#txt_even_per {
  float: right;
  color: #d6751a;
}
.chart_wrapper .tip_chart {
  margin-top: 12px;
  text-align: center;
  letter-spacing: -1px;
  font-size: 11px;
  color: #7e796a;
  font-weight: normal;
}
.ladder_wrap {
  /* background: url("../img/bg.png") center top no-repeat; */
  width:  800px;
  left: 0px;
  top: 0px;
}
.ladder_bg {
  height: 600px;
  position: relative;
  min-width: 800px;
  color: #333;
}

.ladder_wrap *,
.ladder_history * {
  /*font-family: Nanum Gothic;*/
  /* font-family: 'Jeju Hallasan', serif; */
  font-family: 'Jeju Gothic', serif;
  /* font-family: 'BMHANNA11yrsoldOTF00'; */
  /* font-family: 'Gothic', serif; */
  /*font-family: "Space Mono", monospace;*/
  /* font-family: "Agency FB", monospace; */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.ladder_wrap ul,
.ladder_history ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ladder_wrap a:active,
.ladder_wrap a:visited,
.ladder_wrap a:link,
.ladder_wrap a:hover,
.ladder_history a:active,
.ladder_history a:visited,
.ladder_history a:link,
.ladder_history a:hover {
  text-decoration: none;
}

.shiningStar{
  position: absolute;
  top:0px;
  left:250px;
  width:86px;
  height:81px;

  background:   url("../img/StarBig.png") no-repeat;
}
.shine-animation
{
  animation: shine 1s infinite;
}
@keyframes shine{
  0%{
    -webkit-filter: brightness(100%); /* Safari 6.0 - 9.0 */
    filter: brightness(100%);
  
  }
  50%{
    -webkit-filter: brightness(150%); /* Safari 6.0 - 9.0 */
    filter: brightness(150%);
  }
  100%{
    -webkit-filter: brightness(100%); /* Safari 6.0 - 9.0 */
    filter: brightness(100%);
  
  }
}
.ladder_title{
  position: absolute;
  top: 10px;
  left:50%;
  width: 280px;
  height: 113px;
  transform: translateX(-50%);
  
  background-repeat: no-repeat;
}
.ladder-game1 .ladder_title {
  background-image: url("../img/title1.png");
}
.ladder-game2 .ladder_title {
  background-image: url("../img/title2.png");
}
.ladder-game3 .ladder_title {
  background-image: url("../img/title3.png");
}

.ladder_content {
  width: 800px;
  height: 340px;
  top:150px;
  margin-top: 95px;
  padding: 10px 10px 30px;
}
.ladder_content:after {
  content: "";
  display: block;
  clear: both;
}
.ladder_content_left {
  width: 380px;
  float: left;
  margin-left: 124px;
  height: 370px;
  background:transparent;
}
.ladder_content_right {
  width: 178px;
  float: right;
  height: 370px;
  margin-right: 38px;
  background:transparent;
  /* margin-top: 20px; */
  position: relative;
}


.ladder_main_top {
  top: 0px;
  height: 40px;
  position: relative;
}
#ladder_cur_timer {
  color: #ffc;
  line-height: 41px;
  text-align: center;
  font-size: 13px;
}
.ladder_share_btn{
  position: absolute;
  right: 40px;
  top: 0px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url("../img/Share.png");
}

.ladder_sound_control {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
}
.ladder_sound_control.on {
  background-image: url("../img/SoundOn.png");
}
.ladder_sound_control.off {
  background-image: url("../img/SoundOff.png");
}

.stats-link-btn {
  position: absolute;
  width: 250px;
  height: 70px;
  top: 10px;
  left: 20px;
  background: url("../img/boscore.svg") no-repeat;
  background-size: 130px auto;
}
.stats-link-btn:hover{
  top: 9px;
  left:21px;
}

.ladder_main {
  position: relative;
}
.before_result
{
  position: absolute;
  line-height: 13px;
  top: 562px;
  left: 245px;
  color:#4082d3;
  font-weight: bold;
}
#error_meg {
  position: absolute;
  padding: 65px 0 0 40px;
  width: 350px;
  height: 269px;
  z-index: 100;
  display: none;
}
#error_meg p {
  display: table-cell;
  width: 414px;
  height: 109px;
  line-height: 30px;
  border: 1px solid #cbcbcb;
  background-color: #e1e1e1;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  
  color: #333;
}

.ladder_history {
  width: 800px;
  background: #494949;
}
.ladder_history_top {
  background: #383838;
  padding: 10px;
  margin-bottom: 10px;
}
.ladder_history_top div {
  background: url("../img/dot_w.gif") 15px 14px no-repeat;
  padding-left: 25px;
  line-height: 30px;
  color: #fff;
}
.ladder_history_top div strong {
  font-weight: normal;
  color: #f7c400;
}
.ladder_market {
  display: block;
  /* padding: 5px 5px 0 5px; */
  width:800px;
  height: 95px;
  /* margin-bottom: 10px; */
  background-color: #1a1a1a;
}
.ladder_market:after {
  content: "";
  display: block;
  clear: both;
}
.ladder_market_label {
  background: none;
  height: 30px;
  color: #fff;
  float: left;
  text-align: center;
  line-height: 35px;
  border-right: 1px solid #888;
  width: 21%;
  font-size: 11px;
  letter-spacing: -1px;
}
.ladder_market_labels {
  background: none;
  height: 40px;
  color: #fff;
  float: left;
  text-align: center;
  line-height: 40px;
  border: 0px solid #383838;
  width: 21%;
  font-size: 11px;
  letter-spacing: -1px;
}
.stat-buttons{
  display:block;
  float: right;
  margin-right: 5px;
}

.stat-buttons .stat-button{
  float: left;
  width: 165px;
  height: 85px;
  /* padding: 5px 0 0 0; */
  margin: 5px 0 5px 5px;
  line-height: 85px;
  font-size: 18px;
  color: #000;
  background:linear-gradient(to bottom, #fff , #ccc);
  cursor: pointer;
  text-align: center;
  border-radius: 5px;
}
.stat-buttons #show-stats{
  background:linear-gradient(to bottom, #ff0 , #fc0);
}
.stat-points{
  float: left;
  display:block;
}
.stat-area{
  background-color: #494949;
  border-radius: 5px;
  padding: 5px;
  margin: 5px;
  width: 260px;
  height: 40px;
}

.ladder_member_point, .ladder_point_input {
  float: left;
  border: 0px solid #383838;
  color: #fd0;
  height: 40px;
  line-height: 35px;
  text-align: right;
  width: 115px;
  font-size: 14px;
}

.ladder_point_input input {
  
  width: 110px;
  height: 25px;
  font-size: 14px;
  line-height: 20px;
  color: #fd0;
  border: 0px solid #aaa;
  border-bottom: 2px solid #fff;
  margin-top: 4px;
  vertical-align: top;
  background: none;
  text-align: right;
}

.ladder_select {
  float: left;
  /* width: 210px; */
}
/* .ladder_select:after {
  content: "";
  display: block;
  clear: both;
} */
.ladder_select button {
  width: 80px;
  height: 80px;
  margin: 7.5px 5px 0 5px;
  line-height: 38px;
  font-size: 18px;
  color: #000;
  cursor: pointer;
  /* float: left; */
  border: none;
}
.ladder_select button.odd_button {
  background:radial-gradient(#ff0 , #fa0);
  border-radius: 50%;
}
.ladder_select button.odd_button:hover {
  background: #003f8e;
}
.ladder_select button.even_button {
  background:radial-gradient( #fff , #aaa);
  border-radius: 50%;
}
.ladder_select button.even_button:hover {
  background: #a21614;
}
.ladder_history_nomember {
  position: absolute;
  width: 800px;
  height: 97px;
  line-height: 16px;
  background-color: rgba(100,0,0,0.8);
  border: 2px dashed #f69c55;
  color: #fff;
  display: flex;
  text-align: center;
}
.ladder_history_nomember p{
    margin: auto;
}
#ladder_cart_list{
  background-color: #fff;
  margin-bottom: 1px;
}

.score_board_header {
  height: 38px;
  line-height: 41px;
  font-size: 13px;
  MARGIN-LEFT: 16px;
  text-align: center;
}
.score_board_header a{
  color:#ffc;
}
.score_board_header a:hover{
  color:#f00;
  cursor: pointer;
}

.score_board_wrap {
  display: none;
  /* margin-top: 5px; */
  overflow: auto;
  height: 285px;
  -ms-overflow-style: none;
} /* graph  height:386px */
.score_board_wrap::-webkit-scrollbar {
  width: 0px; /* remove scrollbar space */
  /*background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
.score_board_wrap::-webkit-scrollbar-thumb {
  background: #eee;
}
.score_board_wrap ul {
  margin: 5px 0 0 0;
}
.use_graph .score_board_wrap {
  height: 285px;
}
.use_graph .score_board_wrap li.res_odd,
.use_graph .score_board_wrap li.res_even {
  line-height: 33px;
}
  
.score_board_wrap li {
  position: relative;
  height: 40px;
  line-height: 40px;
  font-size: 12px;

  color: #c70;
  
}
.score_board_wrap .FirstLine 
{
    color: #f40;
    /* border: 2px solid #c70;
    border-radius: 5px; */

}

.score_board_wrap li:after {
  content: "";
  display: block;
  clear: both;
}
.score_board_wrap ul span {
  clear: left;
  
}
.score_board_wrap ul .num {
  display: inline-block;
  padding-left: 8px;
}
.score_board_wrap ul .tx {
  float: right;
  width: 126px;
  height: 30px;
  
  
  line-height: 34px;
  text-align: center;

  margin: 5px 0px 0 0px;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 10%, 50% ,90%;
  background-size: 24%, 24%, 24%;
}
.score_board_wrap span {
  letter-spacing: -1px;
}
.score_board_wrap .res_even .num,
.score_board_wrap .res_odd .num {
  margin-top: 0;
}
/*.score_board_wrap .res_even .tx{margin:5px 13px 0 14px;width:27px;height:27px;text-indent:-9000px;background:url('../img/ladder_bg.png') no-repeat -230px 0px;}
.score_board_wrap .res_odd .tx{margin:5px 13px 0 14px;width:27px;height:27px;text-indent:-9000px;background:url('../img/ladder_bg.png') no-repeat -200px 0px;}*/

.score_board_wrap .res_even.left.line3 .tx {
  text-indent: -9999px;
  background-image: url("../img/cleft.png"), url("../img/c3.png"),
    url("../img/ceven.png");
}
.score_board_wrap .res_even.left.line4 .tx {
  text-indent: -9999px;
  background-image: url("../img/cleft.png"), url("../img/c4.png"),
    url("../img/ceven.png");
}
.score_board_wrap .res_even.right.line3 .tx {
  text-indent: -9999px;
  background-image: url("../img/cright.png"), url("../img/c3.png"),
    url("../img/ceven.png");
}
.score_board_wrap .res_even.right.line4 .tx {
  text-indent: -9999px;
  background-image: url("../img/cright.png"), url("../img/c4.png"),
    url("../img/ceven.png");
}

.score_board_wrap .res_odd.left.line3 .tx {
  text-indent: -9999px;
  background-image: url("../img/cleft.png"), url("../img/c3.png"),
    url("../img/codd.png");
}
.score_board_wrap .res_odd.left.line4 .tx {
  text-indent: -9999px;
  background-image: url("../img/cleft.png"), url("../img/c4.png"),
    url("../img/codd.png");
}
.score_board_wrap .res_odd.right.line3 .tx {
  text-indent: -9999px;
  background-image: url("../img/cright.png"), url("../img/c3.png"),
    url("../img/codd.png");
}
.score_board_wrap .res_odd.right.line4 .tx {
  text-indent: -9999px;
  background-image: url("../img/cright.png"), url("../img/c4.png"),
    url("../img/codd.png");
}

.score_board_wrap .bar_per {
  display: block;
  position: absolute;
  left: 10px;
  top: 30px;
  width: 40px;
  height: 4px;
  line-height: 0;
}
.score_board_wrap .bar_per .bar_odd {
  display: inline-block;
  height: 4px;
  line-height: 0;
  border-top: 1px solid #4082d3;
  border-radius: 4px;
  font-size: 0;
  background: #6ee110;
}
.score_board_wrap .bar_per .bar_even {
  position: relative;
  display: inline-block;
  height: 4px;
  line-height: 0;
  border-top: 1px solid #e42828;
  border-radius: 4px;
  font-size: 0;
  background: #e18d10;
}
.score_board_wrap .bar_per .point_spot {
  display: block;
  position: absolute;
  left: -4px;
  top: -3px;
  width: 6px;
  height: 9px;
  background: url("../img/ladder_bg.png") no-repeat -200px -34px;
}

.ladder_wrap em {
  font-style: normal;
}

.ladder_table {
  width: 100%;
  table-layout: fixed;
  background: url(../img/bg_bbstbl_th_v2.gif) 0 0 repeat-x;
}
.ladder_table th {
  background: url(../img/bg_bbstbl_inn_th.gif) left 50% no-repeat;
  color: #fff;
  height: 40px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  padding: 0;
  border: none;
  
}
.ladder_table td {
  background: url(../img/bg_bbstbl_inn_td.gif) left 50% no-repeat;
  padding: 0;
  border: none;
  border-bottom: 1px solid #eee;
  height: 40px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
}
.ladder_table .last td,
.ladder_table .last th {
  border: none;
}
.ladder_table .bg_none {
  background: none !important;
}
.ladder_table td.empty {
  padding: 30px;
  text-align: center;
  background: none;
}
.ladder_table td.aleft {
  text-align: left;
}
.ladder_table .bd_right {
  border-right: 1px solid #eee;
}
.ladder_table .hover_tr {
  background: #f3f3f3 !important;
}
.ladder_table .hover_tr th {
  background: #fff !important;
}
.ladder_table td.empty_list {
  background: none;
}

.ladder_table.bdd tbody th {
  border-bottom: 1px solid #ddd;
}
.ladder_table.bdd td {
  border-bottom: 1px solid #ddd;
}
.ladder_table.bdd .bd_right {
  border-right: 1px solid #ddd;
}

.ld_total_count {
  padding: 9px;
}

.ld_pg_wrap {
  clear: both;
  padding: 20px 0;
  text-align: center;
}
.ld_pg_page,
.ld_pg_current {
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  color: #333;
  letter-spacing: 0;
  line-height: 30px;
  vertical-align: middle;
  border: 1px solid #ddd;
}
.ld_pg a:focus,
.ld_pg a:hover {
  text-decoration: none;
}
.ld_pg a{
  color:#333;
  text-decoration: none;
}
.ld_pg_current {
  display: inline-block;
  margin: 0 0 0 0;
  background: #888;
  color: #fff;
  font-weight: normal;
  border: 1px solid #888;
}

.ld_pg .fa {
  font-size: 14px;
}
.ld_pg a:hover {
  background: #e8e8e8;
}
.loaderbg{
  position: fixed;
  left:0px;
  top:0px;
  width:800px;
  height: 600px;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.8);
}
.loader {
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #3498db; /* Blue */
  border-radius: 50%;
  position:absolute;
  top:50%;
  left:50%;
  margin: -35px 0 0 -35px;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#shark{
  position:absolute;
  left:100px;
  bottom:50px;
  z-index: 1;
  transform: translate(-50%, 0%);
}
#prey
{
  position:absolute;
  top:70px;
  left:190px;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.inn{
  z-index: 3;
}
.mobile_hidden {
  display: inline-block !important;
}
.mobile_show {
  display: none !important;
}
#score_board_toggle {
  cursor: default;
}
.score_board_wrap {
  display: block !important;
}

.ladder_market_label {
  width: 122px;
  font-size: 12px;
  letter-spacing: 0px;
}
.ladder_market_labels {
  width: 182px;
  font-size: 12px;
  letter-spacing: 0px;
}

.ladder_table th {
  font-size: 12px;
}
.ladder_table td {
  padding: 0 10px;
  font-size: 12px;
}

.ladder_history_top {
  margin-bottom: 0px;
}