@charset "UTF-8";
html {
  _padding: 121px 0 0;
  overflow-y: hidden; }

body {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  height: 100%;
  overflow-y: hidden;
  -webkit-text-size-adjust: none; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p {
  padding: 0;
  margin: 0; }

table {
  border-spacing: 0;
  border-collapse: collapse;
  border: 0;
  padding: 0;
  margin: 0; }

input, textarea, a, select {
  outline: none; }

input {
  border: 1px solid #746d6d; }

ol, ul {
  list-style: none; }

li {
  list-style-type: none; }

img {
  vertical-align: top;
  border: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: normal; }

.tl {
  text-align: left; }

.tc {
  text-align: center; }

.tr {
  text-align: right; }

.fl {
  float: left; }

.fr {
  float: right; }

.m10 {
  margin: 0 10px; }

.m5 {
  margin: 0 5px; }

.ml20 {
  margin-left: 20px; }

.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr20 {
  margin-right: 20px; }

.mt10 {
  margin-top: 10px; }

.mb10 {
  margin-bottom: 10px; }

.ml10 {
  margin-left: 10px; }

.mt5 {
  margin-top: 5px; }

.mb5 {
  margin-bottom: 5px; }

.pb5 {
  padding-bottom: 5px; }

.pt5 {
  padding-top: 5px; }

.pr5 {
  padding-right: 5px; }

.pt10 {
  padding-top: 10px; }

.pb10 {
  padding-bottom: 10px; }

.pr10 {
  padding-right: 10px; }

.wrap {
  word-break: break-all;
  word-wrap: break-word; }

.nowrap {
  white-space: nowrap; }

.vt {
  vertical-align: top; }

.vm {
  vertical-align: middle; }

address, cite, code, em, th, i {
  font-weight: normal;
  font-style: normal; }

.hide {
  display: none; }

.vhide {
  visibility: hidden; }

.ime-dis {
  ime-mode: disabled; }

.inlineblock {
  display: inline-block; }

.inlineblock {
  *display: inline; }

.clearfix {
  *zoom: 1; }

.clearfix:after {
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "."; }

a {
  color: blue;
  text-decoration: none; }

.bold {
  font-weight: bold; }

.f14 {
  font-size: 14px; }

.f16 {
  font-size: 16px; }

.f20 {
  font-size: 20px; }

.green {
  color: green; }

.blue {
  color: blue; }

.white {
  color: white; }

.gray {
  color: #333; }

.yellow {
  color: yellow; }

.black {
  color: black; }

.red {
  color: red; }

.red2 {
  color: #990033; }

.brown {
  color: #7A1712; }

.gold {
  color: #9b6909; }

.gold2 {
  color: #f8bb00; }

.bg-org {
  background: #fde9db; }

.bg-gray {
  background: #ddd; }

.bg-yellow {
  background: #FFEDDB; }

.today-sign {
  border-radius: 5px;
  background: #CA0000;
  border: 1px solid #000;
  padding: 2px 10px;
  color: #fff;
  display: inline-block;
  line-height: normal;
  margin: 0 0 0 10px;
  vertical-align: middle; }

.ico-video {
  background: url(../../../Images/video.png) no-repeat;
  width: 20px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  _vertical-align: auto;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Images/video.png",sizingMethod='crop');
  _background: none; }

.ico-x {
  background: url(../../../Images/x.jpg) no-repeat;
  width: 15px;
  height: 15px;
  vertical-align: middle; }

.ico {
  display: inline-block; }

.ico-audio {
  background: url(../../../Images/ico-audio.gif) no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0; }

.doc .ball {
  vertical-align: middle; }

.ball {
  background: url(../../../Images/ball.png) no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
  /*vertical-align: middle;*/ }

.ball01 {
  background-position: 0 0; }

.ball02 {
  background-position: -25px 0; }

.ball03 {
  background-position: -50px 0; }

.ball04 {
  background-position: 0 -25px; }

.ball05 {
  background-position: -25px -25px; }

.ball06 {
  background-position: -50px -25px; }

.ball07 {
  background-position: 0 -50px; }

.ball08 {
  background-position: -25px -50px; }

.ball09 {
  background-position: -50px -50px; }

.ball10 {
  background-position: 0 -75px; }

.ball11 {
  background-position: -25px -75px; }

.ball12 {
  background-position: -50px -75px; }

.ball13 {
  background-position: 0 -100px; }

.ball14 {
  background-position: -25px -100px; }

.ball15 {
  background-position: -50px -100px; }

.ball16 {
  background-position: 0 -125px; }

.ball17 {
  background-position: -25px -125px; }

.ball18 {
  background-position: -50px -125px; }

.ball19 {
  background-position: 0 -150px; }

.ball20 {
  background-position: -25px -150px; }

.ball21 {
  background-position: -50px -150px; }

.ball22 {
  background-position: 0 -175px; }

.ball23 {
  background-position: -25px -175px; }

.ball24 {
  background-position: -50px -175px; }

.ball25 {
  background-position: 0 -200px; }

.ball26 {
  background-position: -25px -200px; }

.ball27 {
  background-position: -50px -200px; }

.ball28 {
  background-position: 0 -225px; }

.ball29 {
  background-position: -25px -225px; }

.ball30 {
  background-position: -50px -225px; }

.ball31 {
  background-position: 0 -250px; }

.ball32 {
  background-position: -25px -250px; }

.ball33 {
  background-position: -50px -250px; }

.ball34 {
  background-position: 0 -275px; }

.ball35 {
  background-position: -25px -275px; }

.ball36 {
  background-position: -50px -275px; }

.ball37 {
  background-position: 0 -300px; }

.ball38 {
  background-position: -25px -300px; }

.ball39 {
  background-position: -50px -300px; }

.ball40 {
  background-position: 0 -325px; }

.ball41 {
  background-position: -25px -325px; }

.ball42 {
  background-position: -50px -325px; }

.ball43 {
  background-position: 0 -350px; }

.ball44 {
  background-position: -25px -350px; }

.ball45 {
  background-position: -50px -350px; }

.ball46 {
  background-position: 0 -375px; }

.ball47 {
  background-position: -25px -375px; }

.ball48 {
  background-position: -50px -375px; }

.ball49 {
  background-position: 0 -400px; }

.bd-speed {
  background: url(../../../Images/ico-speed.png) no-repeat;
  padding: 2px 5px 0 21px;
  display: inline-block;
  color: #fff;
  cursor: pointer;
  margin: 4px 0 0 0; }

.bd-line {
  background: url(../../../Images/ico-line.png) no-repeat;
  background-position: 0 5px;
  padding: 2px 5px 0 21px;
  display: inline-block;
  color: #fff;
  cursor: pointer; }

.bd-service {
  background: url(../../../Images/ico-service.png) no-repeat;
  padding: 0 5px 0 21px;
  display: inline-block;
  color: #fff;
  cursor: pointer;
  margin: 4px 0 0 0;
  display: none; }

.body-login {
  background-position: center center;
  background-image: url(/Public/img_bg.jpg);
  background-size: cover; }

.login {
  position: absolute;
  width: 685px;
  height: 513px;
  left: 50%;
  top: 50%;
  margin: -256px 0 0 -342px;
  font-size: 13px;
  vertical-align: top; }

.login .login-bg {
  position: absolute;
  width: 568px;
  height: 473px;
  left: 65px;
  top: 0;
  background: url(/Public/img_login-frame-bg.png) no-repeat;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Public/img_login-frame-bg.png",sizingMethod='crop');
  _background: none; }

.brand .logo {
  width: 120px;
  height: 113px;
  background: url(../../../Skin/HQ/Images/login_logo.png) no-repeat;
  margin: 0 auto;
  z-index: 1;
  position: absolute;
  left: 50%;
  margin-left: -63px;
  top: 30px;
  display: none; }

.login .blank {
  height: 161px; }

.login .wrap {
  margin: 0 60px 210px 86px;
  position: relative;
  zoom: 1; }


.login .bd {
   padding: 6px 0 6px 74px;
    color: #fff;
    min-height: 124px;
    display: flex;
    flex-direction: column;
    justify-content: center; }

.login .bd td {
  padding: 0 0 12px;
  vertical-align: top; }

  .login .fd {
    padding: 80px 100px 0 66px;
    color: #BEFFF2;
    font-size: 16px; }

  .login .input {
    border: 0;
    width: 100%;
    font-size: 16px;
    line-height: 21px;
    padding: 0 2px; }

.login .captcha {
  width: 100px; }

.login .auth {
  width: 110px; }

.login .btn-login {
  width: 167px;
  height: 167px;
  border: 0;
  position: absolute;
  right: 3px;
  top: -12px;
  opacity: 0;
  filter: alpha(opacity=0); }

.logintitle {
  width: 67px; }

.loginrow {
  width: 250px;
  line-height: 23px;
  height: 35px;
  background-color: #ffffff;
  margin-bottom: 5px;
  color: #0051F3;
  font-size: 16px; }
  .loginrow .img-captcha {
    height: 23px;
    width: 76px; }

  .login .loginrow .logintitle {
    width: 67px;
    text-align: center;
    border-right: 1px solid #eeeeee;
    padding: 0 6px;
    margin: 6px 0; }
    
.loginrow .logintitle,
.loginrow .input-box {
  display: inline-block;
  padding: 6px; }
  
  .login .input-box {
    width: 152px;
    padding: 6px;
    display: inline-block; }
    
.body-login .footer {
  text-align: center;
  color: #fff; }

.header {
  width: 100%;
  height: 116px;
  position: absolute;
  left: 0;
  top: 0;
  border-bottom: 5px solid #bdc9cc;
  zoom: 1;
  overflow: hidden;
  min-width: 1280px; }

.header .bd {
  margin: 0 0 0 240px;
  zoom: 1; }

.header .gametype, body.theme-brown .header .playtype, body.theme-blue .header .playtype, body.theme-purple .header .playtype, body.theme-green .header .playtype {
  height: 30px;
  padding: 0 0 0 10px;
  overflow: hidden; }

.header .top-setting {
  text-align: right;
  height: 29px;
  overflow: hidden;
  background: #260707;
  border-bottom: 1px solid #502d0a; }

.header .gametype .item, body.theme-brown .header .playtype .item, body.theme-blue .header .playtype .item, body.theme-purple .header .playtype .item, body.theme-green .header .playtype .item, .header .playtype .item {
  padding: 0 0 0 12px;
  color: #fff;
  line-height: 27px;
  float: left;
  cursor: pointer;
  height: 27px;
  height: 25px\9;
  vertical-align: top;
  overflow: hidden; }

.header .gametype .item span, body.theme-brown .header .playtype .item span, body.theme-blue .header .playtype .item span, body.theme-purple .header .playtype .item span, body.theme-green .header .playtype .item span, .header .playtype .item span {
  display: inline-block;
  padding: 0 12px 0 0;
  height: 28px;
  overflow: hidden; }

.header .gametype .on, body.theme-brown .header .playtype .on, body.theme-blue .header .playtype .on, body.theme-purple .header .playtype .on, body.theme-green .header .playtype .on, .header .playtype .on {
  font-weight: bold; }

.header .gametype .today-sign:hover, body.theme-brown .header .playtype .today-sign:hover, body.theme-blue .header .playtype .today-sign:hover, body.theme-purple .header .playtype .today-sign:hover, body.theme-green .header .playtype .today-sign:hover {
  color: #000 !important; }

.header .playtype {
  height: 27px; }

.header .bar-time {
  height: 25px;
  line-height: 25px;
  text-align: right;
  color: #fff;
  padding: 0 5px 0 0;
  position: relative;
  clear: left; }

.header .bar-time .fl {
  padding: 0 0 0 6px; }

.header .bar-time .fl a {
  margin: 0 4px; }

.header .bar-time .sound {
  position: absolute;
  right: 50px;
  top: -10px;
  background: #fff9f4;
  color: #000;
  line-height: normal;
  width: 550px; }

.header .bar-time .sound .t-1 td {
  height: 27px;
  padding: 0 3px; }

.header .bar-time .sound label {
  vertical-align: middle; }

.footer {
  color: #ccc;
  text-align: center;
  padding: 20px 0; }

.side {
  width: 240px;
  height: 100%;
  position: absolute;
  z-index: 1;
  _padding: 0 0 91px;
  top: 0;
  overflow-y: auto;
  overflow-x: hidden; }

/* for change logo*/
.side .hd {
  height: 55px; }

.side .hd .logo {
  line-height: 55px;
  font-weight: bold;
  color: #E6E8FA;
  height: 55px;
  float: left;
  width: 100%; }

.logo img {
  float: left;
  display: inline-block;
  width: 21%; }

.side .hd .logo .font {
  font-size: 40px;
  font-weight: bold;
  color: #E6E8FA;
  line-height: 55px;
  /*text-align: justify;*/
  text-justify: inter-ideograph;
  height: 55px;
  overflow: hidden;
  /*float: left;*/
  display: inline-block;
  width: 79%;
  text-align: center; }

/*.font:after {
    content: "";
    padding-left: 100%;
    display: inline-block;
}*/
.side .bd {
  padding: 10px 0; }

.side .bd .nav {
  text-align: center;
  padding: 10px 0 0;
  line-height: 18px; }

.side .bd .nav a {
  margin: 0 1px;
  display: inline-block; }

.side .bd .nav .on {
  font-weight: bold; }

.side .ft {
  margin: 5px 0 0; }

.side .ft .infourl a .infolink {
  width: 232px;
  height: 30px;
  margin: 10px auto;
  background: url(../../../Images/btn_lottery-network.png) no-repeat; }

.side .ft .ft-hd {
  width: 216px;
  height: 31px;
  margin: 0 auto; }

.side .ft .ft-hd .fl {
  padding: 5px 0 0 27px;
  font-size: 14px; }

.side .ft .ft-hd .fr {
  padding: 8px 5px 0 0; }

.side .ft .ft-hd .fr .fn-refresh {
  border-radius: 1px;
  display: inline-block;
  padding: 0px 2px 1px; }

.side .ft .ft-bd {
  padding: 5px;
  width: 206px;
  margin: 0 auto; }

/* marked code
.side .ft .ft-bd .hd-list { background: #260707; height: 25px; }
.side .ft .ft-bd .hd-list .fl { padding: 5px 0 0 8px; }
.side .ft .ft-bd .hd-list .fr { padding: 5px 8px 0 0; }
.side .count-fail { background-position: -71px -396px; width: 65px; height: 15px; display: inline-block; text-align: center; color: #fcb94e; }
*/
.side .ft .ft-bd .bd-list table {
  width: 100%;
  margin: 5px 0 0;
  color: #000; }

.side .ft .ft-bd .bd-list table td {
  border: 1px solid #260707; }

.side .ft .ft-ft {
  width: 216px;
  margin: 0 auto; }

.side .betview .hdd {
  height: 29px;
  line-height: 29px;
  text-align: center;
  font-weight: bold; }

.side .betview .bdd {
  background: #e3ddb6; }

.side .betview .bdd table {
  width: 100%; }

.side .betview .bdd table td {
  border: 1px solid #000;
  padding: 0 0 0 5px; }

.side .betview .bdd table .no-padding {
  padding: 0; }

.side .betview .bdd table .item {
  border-bottom: 1px solid #000; }

.side .betview .bdd table .item td {
  border: none; }

.side .betview .faillist table {
  background: #f7cdb9; }

.doc {
  position: absolute;
  top: 121px;
  right: 0;
  left: 0;
  bottom: 0;
  height: auto;
  _height: 100%;
  _position: relative;
  overflow-y: scroll;
  _top: 0;
  min-width: 1280px; }

.main {
  margin: 0 0 0 240px;
  /*height: 100%;*/ }

.main__autoheight {
  height: auto; }

.module {
  *zoom: 1;
  /*height: 100%;*/ }

.module__oddswrap {
  height: 100%; }

/*  for backend
.guide { width: 180px; float: left; border: 1px solid #767779; border-bottom: 0; margin: 20px 0 0; }
.guide .hd { height: 27px; line-height: 27px; font-weight: bold; background-position: 0 -67px; color: #fff; padding: 0 0 0 14px; }
.guide .bd a { display: block; height: 27px; line-height: 27px; background-position: 0 -778px; border-bottom: 1px solid #767779; padding: 0 0 0 14px; color: #000; }
.guide .bd a.on { color: red; }
*/
.caption {
  _height: 21px;
  min-height: 21px;
  color: #7A1712; }

.icheckbox {
  background: url(../../../Images/icheckbox.png) no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle; }

.active .icheckbox, .active1 .icheckbox, .active2 .icheckbox, .active3 .icheckbox {
  background-image: url(../../../Images/icheckbox-on.png); }

/* img
.ico-home { background-position: -136px -335px; width: 18px; height: 27px; }
.ico-plus { background-position: -144px -142px; width: 12px; height: 12px; }
.ico-gold { background-position: -124px -17px; width: 28px; height: 20px; }
*/
.container {
  /*margin: 0 -3px 0 185px;*/
  margin: 0 220px 0 0;
  background: #fff;
  height: calc(100%-116px);
  height: -moz-calc(100%-116px);
  height: -webkit-calc(100%-116px);
  height: 100%; }

.topbar {
  padding: 10px 0 5px;
  min-height: 20px;
  _height: 20px; }

.topbar table {
  width: 100%; }

.betstop .row, tr.betstop, tr.oddschange, .betstop table.playTypeContent {
  background: #ffffb2; }

.inputbet {
  background: #f1f1f1;
  border: 1px solid #ccc;
  margin: 20px 0 0;
  padding: 10px;
  font-size: 17px; }
  .inputbet .keywords {
    position: relative;
    width: 100%;
    line-height: 24px;
    height: 72px;
    font-size: 17px; }
  .inputbet table {
    width: 100%; }
  .inputbet .btn-gray {
    font-size: 17px; }
  .inputbet .title {
    height: 72px;
    line-height: 72px;
    position: absolute; }

.t-1 {
  width: 100%;
  text-align: center; }

.t-1 td {
  height: 28px;
  padding: 0 4px;
  word-break: break-all; }

.t-1 tr.bg1 td {
  font-weight: bold; }

.t-1 td.nopadding {
  padding: 0; }

.t-1 td.tl {
  text-align: left; }

.t-1 td.tr {
  text-align: right; }

.t-1 tr.cancel {
  background-color: #CCC !important;
  text-decoration: line-through; }

.t-1 .disabled td {
  background: #ccc; }

.t-1 .fn-hover tr:hover {
  background: #ffd688; }

.t-2 td {
  padding: 4px; }

.t-4 {
  width: 100%; }

.t-4 td {
  border-width: 1px 1px 0; }

.t-3 {
  width: 100%; }

.t-3 td {
  border-width: 0 0 1px;
  height: 28px;
  text-align: center; }

.t-3 thead td {
  height: 22px; }

/* input */
input[type=text]:disabled {
  background: #f8f8f8;
  color: #000; }

input[type=button], input[type=submit], input[type=reset] {
  cursor: pointer; }

input[type=checkbox], input[type=radio], .checkbox, .radio {
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin: -3px 3px 0 0;
  _margin-right: 0;
  overflow: hidden; }

input.active {
  color: red; }

textarea {
  padding: 2px;
  color: #555;
  border: 1px solid #c3c3c3;
  font-family: Arial;
  border-top-color: #7c7c7c;
  border-left-color: #9a9a9a; }

.btn {
  border-radius: 15px;
  background: linear-gradient(#ffffff, #e2e2e2);
  border: 1px solid #bbb;
  padding: 0 20px;
  font-size: 12px;
  vertical-align: middle; }

.btn-red {
  color: red; }

.btn-gray {
  padding: 0 15px; }

.btn-white {
  font-weight: bold; }

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.btn-link {
  color: #0088cc;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent; }

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none; }

.w30 {
  width: 30px; }

.w40 {
  width: 40px; }

.w90 {
  width: 90px; }

.w60 {
  width: 60px; }

.w70 {
  width: 70px; }

.w120 {
  width: 120px; }

/* jquery.date style */
.boxDay {
  position: absolute;
  border: 1px solid #bababa;
  background: #f2f2f2;
  width: 228px;
  font-size: 12px;
  font-family: Arial;
  color: #686868;
  margin: 0;
  padding-bottom: 6px;
  z-index: 1002; }

.boxDay .ifr-fix-ie6 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  _filter: alpha(opacity=0);
  z-index: -1;
  height: 204px; }

.boxDay dt, .boxDay dd {
  margin: 0px;
  padding: 0px; }

.boxDay .dt {
  text-align: center;
  height: 25px;
  line-height: 25px;
  padding: 0 8px;
  font-size: 14px; }

.boxDay .dt a {
  text-decoration: none;
  color: #686868;
  padding: 0 8px; }

.boxDay .dt a:hover {
  color: #1462A7; }

.boxDay .dt a.l {
  float: left; }

.boxDay .dt a.r {
  float: right; }

.boxDay dd.hd {
  height: 28px;
  font-weight: bold;
  margin: 0 0 0 6px;
  color: #000; }

.boxDay dd.hd span {
  width: 31px;
  height: 28px;
  float: left;
  line-height: 28px;
  text-align: center;
  overflow: hidden; }

.boxDay dd.bd {
  margin: 0 0 0 5px; }

.boxDay dd.bd a {
  width: 30px;
  height: 28px;
  float: left;
  text-decoration: none;
  text-align: center;
  display: block;
  line-height: 28px;
  color: #000;
  border: 1px solid #cecece;
  background: #fff;
  margin: 0 -1px -1px 0; }

.boxDay dd.bd a:hover {
  background: #FAF0D7;
  color: #555; }

.boxDay dd.bd a.now {
  background: #E0F0FD;
  color: #555; }

.boxDay dd.bd a.on {
  background: #dbe9c5;
  color: #555;
  font-weight: bold; }

.boxDay dd.bd a.on:hover {
  background: #dbe9c5; }

.boxDay dd.bd a.def {
  cursor: default;
  border: 1px solid #f2f2f2;
  background: none; }

.boxDay dd.bd a.def:hover {
  cursor: default;
  background: none; }

.boxDay dd.bd a.draw, .boxDay dd.bd a.draw:hover, .drawdate i.draw {
  background: #208FAF;
  color: #fff; }

.boxDay dd.bd a.now2 {
  color: red;
  background: #fff;
  font-weight: bold; }

.drawdate .info {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #555; }

.boxDay dd.bd a.roll, .drawdate i.roll {
  background-color: red;
  color: black; }

/* tooltip */
.g-tl {
  position: absolute;
  z-index: 1002;
  text-align: left;
  margin-top: 0;
  display: none; }

.g-tl .bd {
  border: 1px solid #AA7C00;
  background: #FFFFDD;
  padding: 5px;
  white-space: nowrap; }

.g-tl .bd span.red {
  color: #C10000; }

.g-tl .ft {
  position: absolute;
  font-size: 0;
  width: 17px;
  height: 11px; }

.g-tl .bb {
  position: relative;
  background: url(/images/ico.png) -29px -535px;
  left: 5px;
  top: -1px; }

.g-tl .bt {
  background: url(/images/ico.png) -109px -35px;
  left: 5px;
  top: -10px; }

.g-tl .bl {
  background: url(/images/ico.png) -86px -35px;
  width: 11px;
  height: 17px;
  left: -10px;
  top: 5px; }

.g-tl .br {
  background: url(/images/ico.png) -97px -35px;
  width: 11px;
  height: 17px;
  right: -10px;
  top: 5px; }

.g-tip {
  background: #fffeaa;
  display: inline-block;
  line-height: 21px;
  padding: 0 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  color: red; }

/* dialog */
.mask {
  position: absolute;
  margin-top: 0;
  top: 0;
  left: 0;
  *left: 1px;
  _left: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  _padding: 54px 0 0;
  background: #fff;
  filter: alpha(opacity=10);
  opacity: 0.1; }

.mask .ifr-fix-ie6 {
  display: none;
  _display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  _filter: alpha(opacity=0); }

.g-dialog {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1001; }

.g-dialog .dialog-hd {
  height: 24px;
  cursor: move; }

.g-dialog .dialog-hd .title {
  font-size: 14px;
  line-height: 24px;
  padding: 0 0 0 10px;
  font-weight: bold; }

.g-dialog .dialog-hd .btn-close {
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  color: #3b340a;
  font-size: 20px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  margin: 2px 5px 0 0; }

.g-dialog .dialog-hd .btn-close:hover {
  color: #333; }

.g-dialog .dialog-bd {
  min-height: 100px;
  _height: 100px; }

.g-dialog .dialog-ft {
  text-align: center; }

.g-dialog .dialog-ft .btn {
  margin: 0 10px 5px; }

.g-alert .dialog-bd, .g-confirm .dialog-bd {
  word-break: break-all;
  word-wrap: break-word;
  padding: 10px;
  min-height: 90px;
  _height: 90px; }

/* pager */
.pager {
  text-align: center;
  padding: 5px 0;
  font-size: 13px; }

.pager a {
  margin: 0 2px;
  color: darkblue; }

.pager .btn, .pager .input {
  vertical-align: baseline;
  padding: 0; }

/* modules */
.dialog-notice {
  height: 300px;
  overflow: auto; }

.dialog-notice .bd {
  padding: 10px; }

.sidebar {
  width: 216px;
  float: right;
  padding: 5px 0;
  position: absolute;
  right: 0; }

.sidebar .wrapper {
  margin: 0 5px; }

.field .hd {
  height: 28px;
  border-radius: 5px 5px 0 0;
  line-height: 28px;
  padding: 0 5px; }

.field .hd .fl {
  font-weight: bold; }

.field .bd {
  border-top: 0; }

.notice .bd {
  padding: 7px; }

.shortcut .num {
  padding: 5px;
  height: 190px;
  border-bottom: 1px solid #9f876a;
  background: #fff7e5;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px; }

.shortcut .num a {
  display: block;
  float: left;
  border: 1px solid #fff7e5;
  width: 36px;
  text-align: center;
  height: 17px;
  line-height: 17px; }

.shortcut .num .on {
  background: #fae696;
  border-color: #9f876a; }

.shortcut .bet {
  margin: 5px;
  height: 50px; }

.shortcut .bet .bet_money {
  width: 192px;
  border: 1px solid #babcbe; }

.shortcut .quickselect .hdd {
  padding: 0 0 5px 5px;
  border-bottom: 1px solid #9f876a; }

.shortcut .quickselect label {
  _margin: 0 -6px 0 0; }

.shortcut .quickselect label input {
  margin: 0 1px 0 0;
  _margin: 0 -1px 0 0; }

.shortcut .quickselect .bdd {
  padding: 5px 0 5px 5px; }

.shortcut .quickselect .item {
  margin: 0 0 5px; }

.order-comfirm-list {
  position: relative;
  max-height: 200px;
  _height: 200px;
  overflow: auto; }

.order-comfirm-list .list-item {
  position: relative;
  zoom: 1;
  padding: 0 30px 0 0; }

.order-comfirm-list .list-item .ico-x {
  position: absolute;
  right: 8px;
  top: 1px; }

/*.container {
    margin: 0 220px 0 0;
    background: #fff;
}*/
.quickbet {
  cursor: pointer; }

.dialog_quickbet {
  position: absolute;
  background: #fff;
  border: 1px solid #000;
  width: 300px; }

.dialog_quickbet .g-dialog {
  position: static; }

.rule {
  zoom: 1; }

.rule .bd {
  border: 1px solid #F00;
  background: #faf1bf;
  margin: 10px; }

.rule .t {
  text-align: center;
  font-size: 16px;
  margin: 0 25px;
  line-height: 54px;
  color: red;
  font-weight: bold;
  border-bottom: 1px solid #cfb898; }

.rule .bdd {
  margin: 20px 50px 20px 65px;
  font-size: 14px;
  line-height: 18px; }

.rule .bdd .item {
  margin: 0 0 8px;
  position: relative;
  list-style: decimal-leading-zero; }

.rule .bdd .num {
  color: #1878C9; }

.rule .bdd table {
  width: 80%;
  margin: 10px auto;
  background: #fff; }

.rule .bdd table td, .rule .bdd table th {
  border: 1px solid #999;
  padding: 10px; }

.rule .bdd table th {
  font-weight: bold;
  background: #ddd; }

.ico-arrow {
  background-position: -144px -368px !important;
  width: 5px;
  height: 14px; }

.rule .ico-arrow {
  position: absolute;
  left: -43px;
  top: -5px;
  float: left;
  margin: 5px 0px 0px 5px; }

.rule ol li::marker {
  color: #1878C9;
  font-weight: 700; }

.agreement .rule .ico-arrow {
  left: -15px; }

.tab {
  height: 25px; }

.tab a {
  width: 80px;
  height: 25px;
  line-height: 25px;
  float: left;
  margin: 0 4px 0 0;
  text-align: center; }

.tab .on {
  font-weight: bold; }

.rate a {
  width: 37px;
  height: 21px;
  display: inline-block;
  text-align: center; }

.rate .on {
  font-weight: bold; }

/* result */
.result .t-1 tbody td {
  padding: 3px;
  height: 34px; }

/*buzhong*/
.txt_number {
  padding: 7px 10px; }

.bd_video {
  position: absolute;
  left: 0;
  top: 0;
  width: 650px;
  z-index: 1000; }

.bd_video .g-dialog {
  position: static; }

.bd_video .ifr-video {
  width: 640px;
  height: 360px;
  display: block; }

.bd_webgl {
  position: absolute;
  left: 0;
  top: 0;
  width: 970px;
  z-index: 1000; }
  .bd_webgl .g-dialog {
    position: static; }
  .bd_webgl .ifr-webgl {
    width: 960px;
    height: 600px;
    display: block; }

/* guoguan */
.guoguan .number {
  text-align: left;
  padding: 0 0 0 80px; }

/* lianma */
.lianma .bd-duipeng .t-1 .tr-reset td {
  height: auto;
  padding: 0; }

.lianma .bd-duipeng .t-1 .label-block {
  display: block;
  padding: 6px 0; }

.bet-item-list {
  padding-left: 25%;
  text-align: left; }

/*live video*/
.howto {
  line-height: 22px;
  margin-left: 10px;
  font-size: 14px; }

.howto li {
  margin-left: 15px; }

.handicap-closed .status {
  display: none; }

.lianma-playtype1-text {
  font-weight: bold;
  font-size: 16px;
  color: #000; }

.star {
  background: url(../../../Images/star.png) no-repeat;
  display: inline-block;
  width: 166px;
  height: 20px;
  vertical-align: middle; }

.star1 {
  background-position: 0 -20px; }

.star2 {
  background-position: 0 -40px; }

.star3 {
  background-position: 0 -60px; }

.star4 {
  background-position: 0 -80px; }

.star5 {
  background-position: 0 -100px; }

.star6 {
  background-position: 0 -120px; }

.dialog-notice {
  height: 400px;
  overflow: auto; }

.statistics table {
  table-layout: fixed; }

.statistics .col {
  width: auto;
  *width: 140px;
  float: left;
  display: inline-block;
  margin-left: 50px;
  margin-bottom: 30px; }
  .statistics .col .t-1 {
    width: auto;
    height: 632px;
    float: left; }
    .statistics .col .t-1 td {
      height: auto; }

.statistics .col--tema, .statistics .col-zhengma, .statistics .col-zhengtema {
  *width: 332px; }

.statistics .col--texiao {
  *width: 140px; }

.statistics .col--banbo {
  *width: 140px; }

.statistics .col--sebo-wuxing {
  width: 140px\9; }
  .statistics .col--sebo-wuxing .t-1 {
    height: 305px;
    float: none; }

.statistics .col--tema .t-1, .statistics .col-zhengma .t-1, .statistics .col-zhengtema .t-1 {
  height: auto; }

.statistics .col--qima-1 {
  margin-right: 25px; }

.statistics .col--qima-2, .statistics .col--qima-3, .statistics .col--qima-4 {
  margin-right: 25px;
  margin-left: 0; }

.statistics_search {
  padding: 8px 0 0 3%;
  font-size: 17px;
  font-weight: bold; }

.odds_statistics {
  padding: 20px 0 5px 0; }
  .odds_statistics table {
    margin: 0 0 5px 0;
    table-layout: fixed; }

.themeSelector {
  width: 120px; }
  .themeSelector option {
    background-color: #fff; }

/*watermaker*/
.waterMaker {
  /*英國六*/
  /*香港六*/
  /*台灣六*/
  /*英國六*/
  /*香港六*/
  /*台灣六*/ }
  .waterMaker.UKMS {
    background: url(../../../Images/b_uk.png) no-repeat center;
    background-position-y: 75px;
    background-size: 880px auto; }
  .waterMaker.MS {
    background: url(../../../Images/b_hk.png) no-repeat center;
    background-position-y: 75px;
    background-size: 880px auto; }
  .waterMaker.LT {
    background: url(../../../Images/b_tw.png) no-repeat center;
    background-position-y: 75px;
    background-size: 880px auto; }
  .waterMaker.AM {
    background: url(../../../Images/b_am.png) no-repeat center;
    background-position-y: 75px;
    background-size: 900px auto; }
  .waterMaker.UKMS-S {
    background: url(../../../Images/s_uk.png) no-repeat center;
    background-position-y: 55px; }
  .waterMaker.MS-S {
    background: url(../../../Images/s_hk.png) no-repeat center;
    background-position-y: 55px; }
  .waterMaker.LT-S {
    background: url(../../../Images/s_tw.png) no-repeat center;
    background-position-y: 55px; }
  .waterMaker input {
    background-color: transparent; }

body .icons, body .btn-logout, body .side .count-fail, body .ico-arrow, body .tab a, body .rate a {
  background: url(../../../Images/ico.png) no-repeat; }

body .btn-logout {
  width: 104px;
  height: 30px;
  display: inline-block; }

body .disable, body.theme-brown .header .gametype .on span .lottery_btn.active, body.theme-brown .header .playtype .on span .lottery_btn.active, body.theme-blue .header .gametype .on span .lottery_btn.active, body.theme-blue .header .playtype .on span .lottery_btn.active, body.theme-purple .header .gametype .on span .lottery_btn.active, body.theme-purple .header .playtype .on span .lottery_btn.active, body.theme-green .header .gametype .on span .lottery_btn.active, body.theme-green .header .playtype .on span .lottery_btn.active {
  pointer-events: none;
  cursor: default; }

body .on.lottery-bg {
  padding: 0 !important; }

body .ball-red {
  background-position: -25px -424px;
  margin: 2px 0 0 0; }

body .ball-blue {
  background-position: 0 -424px;
  margin: 2px 0 0 0; }

body .ball-green {
  background-position: -50px -400px;
  margin: 2px 0 0 0; }

body .color-picker-title {
  color: white;
  margin: 4px 5px 0 0;
  float: left; }

body .color-picker {
  color: white;
  background: url(../../../Images/ico.png) no-repeat;
  width: 77px;
  height: 17px;
  background-position: 0 -762px;
  float: left;
  margin: 5px 10px 0 0;
  cursor: pointer; }

body .color-options {
  width: 17px;
  height: 17px;
  float: left;
  padding-right: 2px; }

body:last-child {
  padding-right: 0; }

body .running-icon, body.theme-brown .header .gametype .draw-shortcut .runing-icon-1, body.theme-brown .header .playtype .draw-shortcut .runing-icon-1, body.theme-brown .header .gametype .draw-shortcut .runing-icon-2, body.theme-brown .header .playtype .draw-shortcut .runing-icon-2, body.theme-brown .header .gametype .draw-shortcut .runing-icon-3, body.theme-brown .header .playtype .draw-shortcut .runing-icon-3, body.theme-blue .header .gametype .draw-shortcut .runing-icon-1, body.theme-blue .header .playtype .draw-shortcut .runing-icon-1, body.theme-blue .header .gametype .draw-shortcut .runing-icon-2, body.theme-blue .header .playtype .draw-shortcut .runing-icon-2, body.theme-blue .header .gametype .draw-shortcut .runing-icon-3, body.theme-blue .header .playtype .draw-shortcut .runing-icon-3, body.theme-purple .header .gametype .draw-shortcut .runing-icon-1, body.theme-purple .header .playtype .draw-shortcut .runing-icon-1, body.theme-purple .header .gametype .draw-shortcut .runing-icon-2, body.theme-purple .header .playtype .draw-shortcut .runing-icon-2, body.theme-purple .header .gametype .draw-shortcut .runing-icon-3, body.theme-purple .header .playtype .draw-shortcut .runing-icon-3, body.theme-green .header .gametype .draw-shortcut .runing-icon-1, body.theme-green .header .playtype .draw-shortcut .runing-icon-1, body.theme-green .header .gametype .draw-shortcut .runing-icon-2, body.theme-green .header .playtype .draw-shortcut .runing-icon-2, body.theme-green .header .gametype .draw-shortcut .runing-icon-3, body.theme-green .header .playtype .draw-shortcut .runing-icon-3 {
  width: 23px;
  height: 23px;
  display: inline-block;
  margin: 3px 4px 0 0;
  float: left; }

body.theme-brown {
  width: 100%;
  height: 100%; }
  body.theme-brown .header {
    background: #5d370b; }
    body.theme-brown .header .gametype, body.theme-brown .header .playtype {
      background: #260707; }
      body.theme-brown .header .gametype .on, body.theme-brown .header .playtype .on {
        background: url(../../../Images/bg_menu.png) no-repeat left top;
        background-size: 100% 100%;
        color: white; }
        body.theme-brown .header .gametype .on.lottery-bg, body.theme-brown .header .playtype .on.lottery-bg {
          background: none;
          background-color: #7a5229; }
          body.theme-brown .header .gametype .on.lottery-bg span, body.theme-brown .header .playtype .on.lottery-bg span {
            padding: 0px 5px;
            background: none;
            margin-top: -2px\9; }
        body.theme-brown .header .gametype .on span, body.theme-brown .header .playtype .on span {
          background: url(../../../Images/bg_menu.png) no-repeat right top;
          color: #e6ad01; }
          body.theme-brown .header .gametype .on span .lottery_btn, body.theme-brown .header .playtype .on span .lottery_btn, body.theme-brown .header .gametype .on span i, body.theme-brown .header .playtype .on span i {
            color: white;
            padding: 0px 12px;
            line-height: 22px;
            padding: 2px 10px\9;
            font-size: 12px\9;
            line-height: 20px\9;
            display: inline-block;
            margin-right: -4px; }
            body.theme-brown .header .gametype .on span .lottery_btn.ico-video, body.theme-brown .header .playtype .on span .lottery_btn.ico-video, body.theme-brown .header .gametype .on span i.ico-video, body.theme-brown .header .playtype .on span i.ico-video {
              padding: 0px 5px; }
            body.theme-brown .header .gametype .on span .lottery_btn.today-sign, body.theme-brown .header .playtype .on span .lottery_btn.today-sign, body.theme-brown .header .gametype .on span i.today-sign, body.theme-brown .header .playtype .on span i.today-sign {
              margin-right: 10px;
              padding: 3px 12px;
              padding: 2px 10px\9; }
          body.theme-brown .header .gametype .on span .lottery_btn, body.theme-brown .header .playtype .on span .lottery_btn {
            border-right: 1px solid #260707; }
          body.theme-brown .header .gametype .on span .lottery_btn.active, body.theme-brown .header .playtype .on span .lottery_btn.active {
            background: url(../../../Images/btn_hk_optimization_brown.png) no-repeat left bottom;
            background-size: 100% 100%;
            border-right: 0px solid #260707;
            color: #f8bb00; }
      body.theme-brown .header .gametype .draw-shortcut, body.theme-brown .header .playtype .draw-shortcut {
        float: left;
        height: 27px;
        color: white;
        padding: 0 10px 0 10px;
        vertical-align: middle; }
        body.theme-brown .header .gametype .draw-shortcut #drawshortcut, body.theme-brown .header .playtype .draw-shortcut #drawshortcut {
          height: 27px; }
        body.theme-brown .header .gametype .draw-shortcut img, body.theme-brown .header .playtype .draw-shortcut img {
          padding-top: 2px; }
        body.theme-brown .header .gametype .draw-shortcut .period, body.theme-brown .header .playtype .draw-shortcut .period {
          float: left;
          margin: 0 5px 0 0;
          line-height: 27px; }
        body.theme-brown .header .gametype .draw-shortcut .add-icon, body.theme-brown .header .playtype .draw-shortcut .add-icon, body.theme-brown .header .gametype .draw-shortcut .question-icon, body.theme-brown .header .playtype .draw-shortcut .question-icon, body.theme-brown .header .gametype .draw-shortcut .question-icon-animal, body.theme-brown .header .playtype .draw-shortcut .question-icon-animal {
          width: 23px;
          height: 30px;
          color: red;
          font-size: 20px;
          font-weight: bold;
          line-height: 30px;
          float: left; }
        body.theme-brown .header .gametype .draw-shortcut .question-icon, body.theme-brown .header .playtype .draw-shortcut .question-icon {
          width: 25px;
          color: white;
          text-align: center; }
        body.theme-brown .header .gametype .draw-shortcut .question-text, body.theme-brown .header .playtype .draw-shortcut .question-text {
          display: inline-block;
          position: relative;
          top: -2px; }
        body.theme-brown .header .gametype .draw-shortcut .question-icon-animal, body.theme-brown .header .playtype .draw-shortcut .question-icon-animal {
          width: 15px;
          color: white;
          text-align: center;
          font-weight: 100;
          font-size: 14px; }
        body.theme-brown .header .gametype .draw-shortcut .animal-text, body.theme-brown .header .playtype .draw-shortcut .animal-text {
          height: 30px;
          line-height: 30px;
          display: inline-block;
          float: left;
          margin: 0 9px 0 5px; }
        body.theme-brown .header .gametype .draw-shortcut .runing-icon-1, body.theme-brown .header .playtype .draw-shortcut .runing-icon-1 {
          width: 23px;
          height: 23px;
          display: inline-block;
          margin: 3px 4px 0 0;
          float: left;
          background-image: url(../../../Images/ball_br.gif); }
        body.theme-brown .header .gametype .draw-shortcut .runing-icon-2, body.theme-brown .header .playtype .draw-shortcut .runing-icon-2 {
          width: 23px;
          height: 23px;
          display: inline-block;
          margin: 3px 4px 0 0;
          float: left;
          background-image: url(../../../Images/ball_br2.gif); }
        body.theme-brown .header .gametype .draw-shortcut .runing-icon-3, body.theme-brown .header .playtype .draw-shortcut .runing-icon-3 {
          width: 23px;
          height: 23px;
          display: inline-block;
          margin: 3px 4px 0 0;
          float: left;
          background-image: url(../../../Images/ball_br3.gif); }
      body.theme-brown .header .gametype .fr, body.theme-brown .header .playtype .fr {
        *position: relative;
        *top: -15px; }
    body.theme-brown .header .top-setting {
      background-color: #260707; }
      body.theme-brown .header .top-setting .color-picker {
        background-position: 0 -762px; }
    body.theme-brown .header .playtype {
      height: 27px;
      background: url(../../../Images/bline.png) repeat-x 0 -1144px;
      padding: 3px 0 0 10px;
      border-bottom: 1px solid #502d0a; }
      body.theme-brown .header .playtype .on {
        background-size: auto auto; }
    body.theme-brown .header .bar-time {
      background: #260707; }
      body.theme-brown .header .bar-time .fl a {
        color: #9b6909; }
      body.theme-brown .header .bar-time .fl .on {
        color: #ffdfb6; }

body.theme-blue .header {
  background: #3e79ad; }
  body.theme-blue .header .gametype, body.theme-blue .header .playtype {
    background: #215188; }
    body.theme-blue .header .gametype .on, body.theme-blue .header .playtype .on {
      background: url(../../../Images/bg_menu_b.png) no-repeat left top;
      background-size: 100% 100%;
      color: #b8dfff; }
      body.theme-blue .header .gametype .on.lottery-bg, body.theme-blue .header .playtype .on.lottery-bg {
        background: none;
        background-color: #4a82b5; }
        body.theme-blue .header .gametype .on.lottery-bg span, body.theme-blue .header .playtype .on.lottery-bg span {
          padding: 0px 5px;
          background: none; }
      body.theme-blue .header .gametype .on span, body.theme-blue .header .playtype .on span {
        background: url(../../../Images/bg_menu_b.png) no-repeat right top; }
        body.theme-blue .header .gametype .on span .lottery_btn, body.theme-blue .header .playtype .on span .lottery_btn, body.theme-blue .header .gametype .on span i, body.theme-blue .header .playtype .on span i {
          color: white;
          padding: 0px 12px;
          padding: 2px 10px\9;
          font-size: 12px\9;
          line-height: 20px\9;
          display: inline-block;
          margin-right: -4px; }
          body.theme-blue .header .gametype .on span .lottery_btn.ico-video, body.theme-blue .header .playtype .on span .lottery_btn.ico-video, body.theme-blue .header .gametype .on span i.ico-video, body.theme-blue .header .playtype .on span i.ico-video {
            padding: 0px 5px; }
          body.theme-blue .header .gametype .on span .lottery_btn.today-sign, body.theme-blue .header .playtype .on span .lottery_btn.today-sign, body.theme-blue .header .gametype .on span i.today-sign, body.theme-blue .header .playtype .on span i.today-sign {
            margin-right: 10px;
            padding: 3px 12px;
            padding: 2px 10px\9; }
        body.theme-blue .header .gametype .on span .lottery_btn, body.theme-blue .header .playtype .on span .lottery_btn {
          color: #aed9ff;
          border-right: 1px solid #31679c; }
        body.theme-blue .header .gametype .on span .lottery_btn.active, body.theme-blue .header .playtype .on span .lottery_btn.active {
          /*background: url(../../../Images/btn_hk_optimization_blue.png) no-repeat left bottom;*/
          background: linear-gradient(#115a98 0%, #2667a1 100%);
          background-size: 100% 100%;
          border-right: 0px solid #31679c;
          color: #df7373; }
    body.theme-blue .header .gametype .draw-shortcut, body.theme-blue .header .playtype .draw-shortcut {
      float: left;
      height: 27px;
      color: white;
      padding: 0 10px 0 10px;
      vertical-align: middle;
      top: 0; }
      body.theme-blue .header .gametype .draw-shortcut #drawshortcut, body.theme-blue .header .playtype .draw-shortcut #drawshortcut {
        height: 27px;
        line-height: 27px; }
      body.theme-blue .header .gametype .draw-shortcut img, body.theme-blue .header .playtype .draw-shortcut img {
        padding-top: 2px; }
      body.theme-blue .header .gametype .draw-shortcut .period, body.theme-blue .header .playtype .draw-shortcut .period {
        float: left;
        margin: 0 5px 0 0;
        line-height: 27px; }
      body.theme-blue .header .gametype .draw-shortcut .add-icon, body.theme-blue .header .playtype .draw-shortcut .add-icon, body.theme-blue .header .gametype .draw-shortcut .question-icon, body.theme-blue .header .playtype .draw-shortcut .question-icon, body.theme-blue .header .gametype .draw-shortcut .question-icon-animal, body.theme-blue .header .playtype .draw-shortcut .question-icon-animal {
        width: 23px;
        height: 30px;
        display: inline-block;
        color: red;
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        float: left; }
      body.theme-blue .header .gametype .draw-shortcut .question-icon, body.theme-blue .header .playtype .draw-shortcut .question-icon {
        width: 25px;
        color: white;
        text-align: center; }
      body.theme-blue .header .gametype .draw-shortcut .question-text, body.theme-blue .header .playtype .draw-shortcut .question-text {
        display: inline-block;
        position: relative;
        top: -2px; }
      body.theme-blue .header .gametype .draw-shortcut .question-icon-animal, body.theme-blue .header .playtype .draw-shortcut .question-icon-animal {
        width: 15px;
        color: white;
        text-align: center;
        font-weight: 100;
        font-size: 14px; }
      body.theme-blue .header .gametype .draw-shortcut .animal-text, body.theme-blue .header .playtype .draw-shortcut .animal-text {
        height: 30px;
        line-height: 30px;
        display: inline-block;
        float: left;
        margin: 0 9px 0 5px; }
      body.theme-blue .header .gametype .draw-shortcut .runing-icon-1, body.theme-blue .header .playtype .draw-shortcut .runing-icon-1 {
        width: 23px;
        height: 23px;
        display: inline-block;
        margin: 3px 4px 0 0;
        float: left;
        background-image: url(../../../Images/ball_bl.gif); }
      body.theme-blue .header .gametype .draw-shortcut .runing-icon-2, body.theme-blue .header .playtype .draw-shortcut .runing-icon-2 {
        background-image: url(../../../Images/ball_bl2.gif); }
      body.theme-blue .header .gametype .draw-shortcut .runing-icon-3, body.theme-blue .header .playtype .draw-shortcut .runing-icon-3 {
        background-image: url(../../../Images/ball_bl3.gif); }
    body.theme-blue .header .gametype .fr, body.theme-blue .header .playtype .fr {
      *position: relative;
      *top: -15px; }
  body.theme-blue .header .top-setting {
    background-color: #215188;
    border-color: #399ac2; }
    body.theme-blue .header .top-setting .color-picker {
      background-position: 0 -813px; }
  body.theme-blue .header .playtype {
    height: 27px;
    background: url(../../../Images/bline.png) repeat-x 0 -1263px;
    padding: 3px 0 0 10px;
    border-bottom: 1px solid #378ad1; }
    body.theme-blue .header .playtype .on {
      border-radius: 5px;
      background: linear-gradient(#115a98 0%, #2667a1 100%);
      background-color: #3476b3;
      color: #df7373; 
      /*background: url(../../../Images/bg_menu2_b.png) no-repeat left top;
      color: #0e396d;*/ }
      body.theme-blue .header .playtype .on span {
        background: url(../../../Images/bg_menu2_b.png) no-repeat right top; }
  body.theme-blue .header .bar-time {
    background: #215188; }
    body.theme-blue .header .bar-time .fl a {
      color: #1887c0; }
    body.theme-blue .header .bar-time .fl .on {
      color: #b8dfff; }

body.theme-purple .header {
  background: #6c469a; }
  body.theme-purple .header .gametype, body.theme-purple .header .playtype {
    background: #583e78; }
    body.theme-purple .header .gametype .on, body.theme-purple .header .playtype .on {
      background: url(../../../Images/bg_menu_p.png) no-repeat left top;
      background-size: 100% 100%;
      color: #f6afd2; }
      body.theme-purple .header .gametype .on.lottery-bg, body.theme-purple .header .playtype .on.lottery-bg {
        background: none;
        background-color: #8e51a7; }
        body.theme-purple .header .gametype .on.lottery-bg span, body.theme-purple .header .playtype .on.lottery-bg span {
          padding: 0px 5px;
          background: none; }
      body.theme-purple .header .gametype .on span, body.theme-purple .header .playtype .on span {
        background: url(../../../Images/bg_menu_p.png) no-repeat right top; }
        body.theme-purple .header .gametype .on span .lottery_btn, body.theme-purple .header .playtype .on span .lottery_btn, body.theme-purple .header .gametype .on span i, body.theme-purple .header .playtype .on span i {
          color: white;
          padding: 0px 12px;
          padding: 2px 10px\9;
          font-size: 12px\9;
          line-height: 20px\9;
          display: inline-block;
          margin-right: -4px; }
          body.theme-purple .header .gametype .on span .lottery_btn.ico-video, body.theme-purple .header .playtype .on span .lottery_btn.ico-video, body.theme-purple .header .gametype .on span i.ico-video, body.theme-purple .header .playtype .on span i.ico-video {
            padding: 0px 5px; }
          body.theme-purple .header .gametype .on span .lottery_btn.today-sign, body.theme-purple .header .playtype .on span .lottery_btn.today-sign, body.theme-purple .header .gametype .on span i.today-sign, body.theme-purple .header .playtype .on span i.today-sign {
            margin-right: 10px;
            padding: 3px 12px;
            padding: 2px 10px\9; }
        body.theme-purple .header .gametype .on span .lottery_btn, body.theme-purple .header .playtype .on span .lottery_btn {
          color: #f1a6ce;
          border-right: 1px solid #260707; }
        body.theme-purple .header .gametype .on span .lottery_btn.active, body.theme-purple .header .playtype .on span .lottery_btn.active {
          /*background: url(../../../Images/btn_hk_optimization_purple.png) no-repeat left bottom;*/
          background: linear-gradient(#c138c3 0%, #9ca2a7 100%);
          background-size: 100% 100%;
          border-right: 0px solid #260707;
          color: #fff; }
    body.theme-purple .header .gametype .draw-shortcut, body.theme-purple .header .playtype .draw-shortcut {
      float: left;
      height: 27px;
      color: white;
      padding: 0 10px 0 10px;
      vertical-align: middle; }
      body.theme-purple .header .gametype .draw-shortcut #drawshortcut, body.theme-purple .header .playtype .draw-shortcut #drawshortcut {
        height: 27px; }
      body.theme-purple .header .gametype .draw-shortcut img, body.theme-purple .header .playtype .draw-shortcut img {
        padding-top: 2px; }
      body.theme-purple .header .gametype .draw-shortcut .period, body.theme-purple .header .playtype .draw-shortcut .period {
        float: left;
        margin: 0 5px 0 0;
        line-height: 27px; }
      body.theme-purple .header .gametype .draw-shortcut .add-icon, body.theme-purple .header .playtype .draw-shortcut .add-icon, body.theme-purple .header .gametype .draw-shortcut .question-icon, body.theme-purple .header .playtype .draw-shortcut .question-icon, body.theme-purple .header .gametype .draw-shortcut .question-icon-animal, body.theme-purple .header .playtype .draw-shortcut .question-icon-animal {
        width: 23px;
        height: 30px;
        color: red;
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        vertical-align: top;
        float: left; }
      body.theme-purple .header .gametype .draw-shortcut .question-icon, body.theme-purple .header .playtype .draw-shortcut .question-icon {
        width: 25px;
        color: white;
        text-align: center; }
      body.theme-purple .header .gametype .draw-shortcut .question-text, body.theme-purple .header .playtype .draw-shortcut .question-text {
        display: inline-block;
        position: relative;
        top: -2px; }
      body.theme-purple .header .gametype .draw-shortcut .question-icon-animal, body.theme-purple .header .playtype .draw-shortcut .question-icon-animal {
        width: 15px;
        color: white;
        text-align: center;
        font-weight: 100;
        font-size: 14px; }
      body.theme-purple .header .gametype .draw-shortcut .animal-text, body.theme-purple .header .playtype .draw-shortcut .animal-text {
        height: 30px;
        line-height: 30px;
        display: inline-block;
        float: left;
        margin: 0 9px 0 5px; }
      body.theme-purple .header .gametype .draw-shortcut .runing-icon-1, body.theme-purple .header .playtype .draw-shortcut .runing-icon-1 {
        background-image: url(../../../Images/ball_p.gif); }
      body.theme-purple .header .gametype .draw-shortcut .runing-icon-2, body.theme-purple .header .playtype .draw-shortcut .runing-icon-2 {
        background-image: url(../../../Images/ball_p2.gif); }
      body.theme-purple .header .gametype .draw-shortcut .runing-icon-3, body.theme-purple .header .playtype .draw-shortcut .runing-icon-3 {
        background-image: url(../../../Images/ball_p3.gif); }
    body.theme-purple .header .gametype .fr, body.theme-purple .header .playtype .fr {
      *position: relative;
      *top: -15px; }
  body.theme-purple .header .top-setting {
    background-color: #583e78;
    border-color: #ccb2ec; }
    body.theme-purple .header .top-setting .color-picker {
      background-position: 0 -779px; }
  body.theme-purple .header .playtype {
    height: 27px;
    background: url(../../../Images/bline.png) repeat-x 0 -1185px;
    padding: 3px 0 0 10px;
    border-bottom: 1px solid #d1b2f3; }
    body.theme-purple .header .playtype .on {
      border-radius: 5px;
      background: linear-gradient(#c138c3 0%, #9ca2a7 100%);
      background-color: #3476b3;
      color: #fff; 
        /*
      background: url(../../../Images/bg_menu2_p.png) no-repeat left top;
      color: #3b1573; */}
      body.theme-purple .header .playtype .on span {
        background: url(../../../Images/bg_menu2_p.png) no-repeat right top; }
  body.theme-purple .header .bar-time {
    background: #583e78; }
    body.theme-purple .header .bar-time .fl a {
      color: #b284de; }
    body.theme-purple .header .bar-time .fl .on {
      color: #d1b2f3; }

body.theme-green .header {
  background: #299598; }
  body.theme-green .header .gametype, body.theme-green .header .playtype {
    background: #00746e; }
    body.theme-green .header .gametype .on, body.theme-green .header .playtype .on {
      background: url(../../../Images/bg_menu_g.png) no-repeat left top;
      background-size: 100% 100%;
      color: #b8f8f3; }
      body.theme-green .header .gametype .on.lottery-bg, body.theme-green .header .playtype .on.lottery-bg {
        background: none;
        background-color: #078d91; }
        body.theme-green .header .gametype .on.lottery-bg span, body.theme-green .header .playtype .on.lottery-bg span {
          padding: 0px 5px;
          background: none; }
      body.theme-green .header .gametype .on span, body.theme-green .header .playtype .on span {
        background: url(../../../Images/bg_menu_g.png) no-repeat right top; }
        body.theme-green .header .gametype .on span .lottery_btn, body.theme-green .header .playtype .on span .lottery_btn, body.theme-green .header .gametype .on span i, body.theme-green .header .playtype .on span i {
          color: white;
          padding: 0px 12px;
          padding: 2px 10px\9;
          font-size: 12px\9;
          line-height: 20px\9;
          display: inline-block;
          margin-right: -4px; }
          body.theme-green .header .gametype .on span .lottery_btn.ico-video, body.theme-green .header .playtype .on span .lottery_btn.ico-video, body.theme-green .header .gametype .on span i.ico-video, body.theme-green .header .playtype .on span i.ico-video {
            padding: 0px 5px; }
          body.theme-green .header .gametype .on span .lottery_btn.today-sign, body.theme-green .header .playtype .on span .lottery_btn.today-sign, body.theme-green .header .gametype .on span i.today-sign, body.theme-green .header .playtype .on span i.today-sign {
            margin-right: 10px;
            padding: 3px 12px;
            padding: 2px 10px\9; }
        body.theme-green .header .gametype .on span .lottery_btn, body.theme-green .header .playtype .on span .lottery_btn {
          color: #69edf7;
          border-right: 1px solid #006467; }
        body.theme-green .header .gametype .on span .lottery_btn.active, body.theme-green .header .playtype .on span .lottery_btn.active {
          /*background: url(../../../Images/btn_hk_optimization_green.png) no-repeat left bottom;*/
          background: linear-gradient(#49dcc1 0%, #b9d0cc 100%);
          background-size: 100% 100%;
          border-right: 0px solid #006467;
          color: #240953; }
    body.theme-green .header .gametype .draw-shortcut, body.theme-green .header .playtype .draw-shortcut {
      float: left;
      height: 27px;
      color: white;
      padding: 0 10px 0 10px;
      vertical-align: middle; }
      body.theme-green .header .gametype .draw-shortcut #drawshortcut, body.theme-green .header .playtype .draw-shortcut #drawshortcut {
        height: 27px; }
      body.theme-green .header .gametype .draw-shortcut img, body.theme-green .header .playtype .draw-shortcut img {
        padding-top: 2px; }
      body.theme-green .header .gametype .draw-shortcut .period, body.theme-green .header .playtype .draw-shortcut .period {
        float: left;
        margin: 0 5px 0 0;
        line-height: 27px; }
      body.theme-green .header .gametype .draw-shortcut .add-icon, body.theme-green .header .playtype .draw-shortcut .add-icon, body.theme-green .header .gametype .draw-shortcut .question-icon, body.theme-green .header .playtype .draw-shortcut .question-icon, body.theme-green .header .gametype .draw-shortcut .question-icon-animal, body.theme-green .header .playtype .draw-shortcut .question-icon-animal {
        width: 23px;
        height: 30px;
        color: red;
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        float: left; }
      body.theme-green .header .gametype .draw-shortcut .question-icon, body.theme-green .header .playtype .draw-shortcut .question-icon {
        width: 25px;
        color: white;
        text-align: center; }
      body.theme-green .header .gametype .draw-shortcut .question-text, body.theme-green .header .playtype .draw-shortcut .question-text {
        display: inline-block;
        position: relative;
        top: -2px; }
      body.theme-green .header .gametype .draw-shortcut .question-icon-animal, body.theme-green .header .playtype .draw-shortcut .question-icon-animal {
        width: 15px;
        color: white;
        text-align: center;
        font-weight: 100;
        font-size: 14px; }
      body.theme-green .header .gametype .draw-shortcut .animal-text, body.theme-green .header .playtype .draw-shortcut .animal-text {
        height: 30px;
        line-height: 30px;
        display: inline-block;
        float: left;
        margin: 0 9px 0 5px; }
      body.theme-green .header .gametype .draw-shortcut .runing-icon-1, body.theme-green .header .playtype .draw-shortcut .runing-icon-1 {
        background-image: url(../../../Images/ball_g.gif); }
      body.theme-green .header .gametype .draw-shortcut .runing-icon-2, body.theme-green .header .playtype .draw-shortcut .runing-icon-2 {
        background-image: url(../../../Images/ball_g2.gif); }
      body.theme-green .header .gametype .draw-shortcut .runing-icon-3, body.theme-green .header .playtype .draw-shortcut .runing-icon-3 {
        background-image: url(../../../Images/ball_g3.gif); }
    body.theme-green .header .gametype .fr, body.theme-green .header .playtype .fr {
      *position: relative;
      *top: -15px; }
  body.theme-green .header .top-setting {
    background-color: #00746e;
    border-color: #79e5e2; }
    body.theme-green .header .top-setting .color-picker {
      background-position: 0 -796px; }
  body.theme-green .header .playtype {
    height: 27px;
    background: url(../../../Images/bline.png) repeat-x 0 -1224px;
    padding: 3px 0 0 10px;
    border-bottom: 1px solid #b8f8f3; }
    body.theme-green .header .playtype .on {
      border-radius: 5px;
      background: linear-gradient(#49dcc1 0%, #b9d0cc 100%);
      background-color: #3476b3;
      color: #240953; 
      /*background: url(../../../Images/bg_menu2_g.png) no-repeat left top;
      color: #0f8872;*/ }
      body.theme-green .header .playtype .on span {
        background: url(../../../Images/bg_menu2_g.png) no-repeat right top; }
  body.theme-green .header .bar-time {
    background: #00746e; }
    body.theme-green .header .bar-time .fl a {
      color: #36b5ae; }
    body.theme-green .header .bar-time .fl .on {
      color: #b8f8f3; }

body.theme-brown .side {
  border-right: 1px solid #502d0a;
  background: #260707; }

body.theme-brown .side .bd {
  background: #7c5329; }

body.theme-brown .side .bd .nav {
  color: #520505; }

body.theme-brown .side .bd .nav a {
  color: #ebceb9; }

body.theme-brown .side .bd .nav .on {
  color: #fad800; }

body.theme-brown .side .ft .ft-hd {
  background: url(../../../Images/bg_newOrder.png) no-repeat; }

body.theme-brown .side .ft .ft-hd .fr .fn-refresh {
  border: 1px solid #7b562b;
  background: #996124;
  color: #fbd198; }

body.theme-brown .side .ft .ft-bd {
  background: #ddd8d5;
  color: #e2983b; }

body.theme-brown .side .betview .hdd {
  background: #797457;
  color: #fff; }

body.theme-brown .btn-logout {
  background-position: -48px -521px; }

body.theme-brown .t-1 td {
  border: 1px solid #9b6909; }

body.theme-brown .t-1 tr.bg1 td {
  background: linear-gradient(#7c5329, #634221);
  background-color: #634221;
  color: #eddfb6; }

body.theme-brown .t-1 tr td.bg_default {
  background: linear-gradient(#7c5329, #634221);
  background-color: #634221;
  color: #eddfb6; }

body.theme-brown .t-1 tr.bg1 td.bg_nocolor {
  background: linear-gradient(#fff, #fff);
  background-color: #fff;
  color: black;
  font-weight: normal; }

body.theme-brown .t-1 tr.bg1 td.bg_red {
  background: red;
  background-color: red;
  color: #eddfb6; }

body.theme-brown .t-1 tr.bg1 td.bg_blue {
  background: blue;
  background-color: blue;
  color: #eddfb6; }

body.theme-brown .t-1 tr.bg1 td.bg_green {
  background: green;
  background-color: green;
  color: #eddfb6; }

body.theme-brown .t-1 tr.bg1 td.text_red {
  color: red; }

body.theme-brown .t-1 tr.bg1 td.text_blue {
  color: blue; }

body.theme-brown .t-1 tr.bg1 td.text_green {
  color: green; }

body.theme-brown .t-1 tr.bg1 td.empty {
  background: linear-gradient(#fff, #fff);
  background-color: #fff;
  border: none;
  color: black;
  font-weight: 100; }

body.theme-brown .t-1 td.t, body.theme-brown .t-1 .bg2 td, body.theme-brown .t-1 .active1 td, body.theme-brown .t-1 td.active {
  background: #ffeddb; }

body.theme-brown .t-1 .active2 td {
  background: #f67b00; }

body.theme-brown .t-1 .active3 td {
  background: #ffae5d; }

body.theme-brown .t-1.w-auto {
  width: auto; }

body.theme-brown .t-2 {
  width: 100%;
  color: #ffc47e;
  background: #634221; }

body.theme-brown .t-2 td {
  border: 1px solid #520505;
  background: #634221; }

body.theme-brown .t-3, body.theme-brown .t-4 td {
  border-style: solid;
  border-color: #ccc; }

body.theme-brown .t-3 thead td {
  background: url(../../../Images/bl2.png) repeat-x; }

body.theme-brown .t-5 {
  width: 100%;
  border-collapse: collapse; }

body.theme-brown .t-5 td {
  border: 1px solid #9b6909; }

body.theme-brown .t-5 tr:first-child td {
  border-top: 0; }

body.theme-brown .t-5 tr td:first-child {
  border-left: 0; }

body.theme-brown .t-5 tr:last-child td {
  border-bottom: 0; }

body.theme-brown .t-5 tr td:last-child {
  border-right: 0; }

body.theme-brown .btn {
  background: linear-gradient(#ffffff, #e2e2e2);
  border: 1px solid #bbb; }

body.theme-brown .btn-gray {
  background: linear-gradient(#f0d9c8, #b28f63);
  background-color: #b28f63;
  border: 1px solid #877053;
  color: #000; }

body.theme-brown .btn-white {
  border: 1px solid #666;
  color: #666; }

body.theme-brown .g-dialog {
  background: #fff;
  border: 5px solid #c85800; }

body.theme-brown .g-dialog .dialog-hd {
  border-bottom: 1px solid #ccc;
  background: #fde9db;
  color: #3b340a; }

body.theme-brown .sidebar {
  background: #ebeced; }

body.theme-brown .field .hd {
  background: #634221;
  background: linear-gradient(#7c5329, #634221);
  color: #fff; }

body.theme-brown .field .hd .fr a {
  color: #fff; }

body.theme-brown .field .bd {
  border: 1px solid #9f876a;
  border-top: 0; }

body.theme-brown .notice .bd {
  background: #ffeddb; }

body.theme-brown .tab a {
  background-position: left -493px;
  color: #000; }

body.theme-brown .tab .on {
  background-position: left -468px;
  color: #ffdfb6; }

body.theme-brown .rate a {
  background-position: -71px -341px; }

body.theme-brown .rate .on {
  background-position: -71px -316px;
  color: #cf0000; }

body.theme-brown .txt_number {
  background: #ddd; }

body.theme-brown .topbar .betTitle {
  font-weight: bold;
  color: #634221; }

body.theme-brown .topbar .betTitle.on {
  color: #ffdfb6; }

body.theme-brown .themeSelector {
  background-color: #634221;
  color: #ffc47e;
  border-color: #520505; }
  body.theme-brown .themeSelector option {
    color: #634221; }

body.theme-purple .side {
  border-right: 1px solid #ccb2ec;
  background: #583e78; }

body.theme-purple .side .bd {
  background: #795b9c; }

body.theme-purple .side .bd .nav {
  color: #ae90d1; }

body.theme-purple .side .bd .nav a {
  color: #fff; }

body.theme-purple .side .bd .nav .on {
  color: #fa97cd; }

body.theme-purple .side .ft .ft-hd {
  background: url(../../../Images/bg_newOrder_p.png) no-repeat; }

body.theme-purple .side .ft .ft-hd .fr .fn-refresh {
  border: 1px solid #e3d8f5;
  background: #e3d8f5;
  color: #543e6c; }

body.theme-purple .side .ft .ft-bd {
  background: #ddd8d5;
  color: #e2983b; }

body.theme-purple .side .betview .hdd {
  background: #797457;
  color: #fff; }

body.theme-purple .btn-logout {
  background-position: 0 -686px; }

body.theme-purple .t-1 td {
  border: 1px solid #c4c0ca; }

body.theme-purple .t-1 tr.bg1 td, body.theme-purple .field .hd {
  background: linear-gradient(#6c4897 0%, #593581 100%);
  background-color: #614189;
  color: #fff; }

body.theme-purple .t-1 tr td.bg_default {
  background: linear-gradient(#6c4897 0%, #593581 100%);
  background-color: #614189;
  color: #fff; }

body.theme-purple .t-1 tr.bg1 td.bg_nocolor {
  background: linear-gradient(#fff, #fff);
  background-color: #fff;
  color: black;
  font-weight: normal; }

body.theme-purple .t-1 tr.bg1 td.bg_red {
  background: red;
  background-color: red;
  color: #eddfb6; }

body.theme-purple .t-1 tr.bg1 td.bg_blue {
  background: blue;
  background-color: blue;
  color: #eddfb6; }

body.theme-purple .t-1 tr.bg1 td.bg_green {
  background: green;
  background-color: green;
  color: #eddfb6; }

body.theme-purple .t-1 tr.bg1 td.text_red {
  color: red; }

body.theme-purple .t-1 tr.bg1 td.text_blue {
  color: blue; }

body.theme-purple .t-1 tr.bg1 td.text_green {
  color: green; }

body.theme-purple .t-1 tr.bg1 td.empty {
  background: linear-gradient(#fff, #fff);
  background-color: #fff;
  border: none;
  color: black;
  font-weight: 100; }

body.theme-purple .t-1 td.t, body.theme-purple .t-1 .bg2 td, body.theme-purple .t-1 .active1 td, body.theme-purple .t-1 td.active {
  background: #f0e6fa; }

body.theme-purple .t-1 .active2 td {
  background: #f67b00; }

body.theme-purple .t-1 .active3 td {
  background: #ffae5d; }

body.theme-purple .t-1.w-auto {
  width: auto; }

body.theme-purple .t-2 {
  width: 100%;
  color: #fff; }

body.theme-purple .t-2 td {
  border: 1px solid #d1b2f3;
  background: #543083; }

body.theme-purple .t-3, body.theme-purple .t-4 td {
  border-style: solid;
  border-color: #ccc; }

body.theme-purple .t-3 thead td {
  background: url(../../../Images/bl2.png) repeat-x; }

body.theme-purple .t-5 {
  width: 100%;
  border-collapse: collapse; }

body.theme-purple .t-5 td {
  border: 1px solid #c4c0ca; }

body.theme-purple .t-5 tr:first-child td {
  border-top: 0; }

body.theme-purple .t-5 tr td:first-child {
  border-left: 0; }

body.theme-purple .t-5 tr:last-child td {
  border-bottom: 0; }

body.theme-purple .t-5 tr td:last-child {
  border-right: 0; }

body.theme-purple .btn {
  background: linear-gradient(#ffffff, #e2e2e2);
  border: 1px solid #bbb; }

body.theme-purple .btn-gray {
  background: linear-gradient(#d1b2f3, #63418d);
  background-color: #d1b2f3;
  border: 1px solid #63418d;
  color: #000; }

body.theme-purple .btn-white {
  border: 1px solid #666;
  color: #666; }

body.theme-purple .g-dialog {
  background: #fff;
  border: 5px solid #63418d; }

body.theme-purple .g-dialog .dialog-hd {
  border-bottom: 1px solid #ccc;
  background: #eee;
  color: #3b340a; }

body.theme-purple .bg-org {
  background: #eee; }

body.theme-purple .sidebar {
  background: #ebeced; }

body.theme-purple .field .hd .fr a {
  color: #fff; }

body.theme-purple .field .bd {
  border: 1px solid #c4c0ca;
  border-top: 0; }

body.theme-purple .notice .bd {
  background: #fff; }

body.theme-purple .tab a {
  background-position: left -493px;
  color: #000; }

body.theme-purple .tab .on {
  background-position: 0 -900px;
  color: #fff; }

body.theme-purple .rate a {
  background-position: -40px -609px;
  color: #914ab6; }

body.theme-purple .rate .on {
  background-position: 0 -609px;
  color: #fff; }

body.theme-purple .txt_number {
  background: #ddd; }

body.theme-purple .topbar .betTitle {
  font-weight: bold;
  color: #63418d; }

body.theme-purple .topbar .betTitle.on {
  color: #914ab6; }

body.theme-purple .themeSelector {
  background-color: #543083;
  color: #fff;
  border-color: #d1b2f3; }
  body.theme-purple .themeSelector option {
    color: #63418d; }

body.theme-green .side {
  border-right: 1px solid #79e5e2;
  background: #00746e; }

body.theme-green .side .bd {
  background: #148c86; }

body.theme-green .side .bd .nav {
  color: #32aea9; }

body.theme-green .side .bd .nav a {
  color: #fff; }

body.theme-green .side .bd .nav .on {
  color: #f3e600; }

body.theme-green .side .ft .ft-hd {
  background: url(../../../Images/bg_newOrder_g.png) no-repeat; }

body.theme-green .side .ft .ft-hd .fr .fn-refresh {
  border: 1px solid #a9d4d3;
  background: #a9d4d3;
  color: #1c2f2e; }

body.theme-green .side .ft .ft-bd {
  background: #ddd8d5;
  color: #e2983b; }

body.theme-green .side .betview .hdd {
  background: #797457;
  color: #fff; }

body.theme-green .btn-logout {
  background-position: 0 -648px; }

body.theme-green .t-1 td {
  border: 1px solid #97afaa; }

body.theme-green .t-1 tr.bg1 td, body.theme-green .field .hd {
  background: linear-gradient(#50a0aa 0%, #008b84 100%);
  background-color: #0d7671;
  color: #fff; }

body.theme-green .t-1 tr td.bg_default {
  background: linear-gradient(#50a0aa 0%, #008b84 100%);
  background-color: #0d7671;
  color: #fff; }

body.theme-green .t-1 tr.bg1 td.bg_nocolor {
  background: linear-gradient(#fff, #fff);
  background-color: #fff;
  color: black;
  font-weight: normal; }

body.theme-green .t-1 tr.bg1 td.bg_red {
  background: red;
  background-color: red;
  color: #eddfb6; }

body.theme-green .t-1 tr.bg1 td.bg_blue {
  background: blue;
  background-color: blue;
  color: #eddfb6; }

body.theme-green .t-1 tr.bg1 td.bg_green {
  background: green;
  background-color: green;
  color: #eddfb6; }

body.theme-green .t-1 tr.bg1 td.text_red {
  color: red; }

body.theme-green .t-1 tr.bg1 td.text_blue {
  color: blue; }

body.theme-green .t-1 tr.bg1 td.text_green {
  color: green; }

body.theme-green .t-1 tr.bg1 td.empty {
  background: linear-gradient(#fff, #fff);
  background-color: #fff;
  border: none;
  color: black;
  font-weight: 100; }

body.theme-green .t-1 td.t, body.theme-green .t-1 .bg2 td, body.theme-green .t-1 .active1 td, body.theme-green .t-1 td.active {
  background: #e8ebcb; }

body.theme-green .t-1 .active2 td {
  background: #f67b00; }

body.theme-green .t-1 .active3 td {
  background: #ffae5d; }

body.theme-green .t-1.w-auto {
  width: auto; }

body.theme-green .t-2 {
  width: 100%;
  color: #fff; }

body.theme-green .t-2 td {
  border: 1px solid #259f9b;
  background: #0d5f5e; }

body.theme-green .t-3, body.theme-green .t-4 td {
  border-style: solid;
  border-color: #ccc; }

body.theme-green .t-3 thead td {
  background: url(../../../Images/bl2.png) repeat-x; }

body.theme-green .t-5 {
  width: 100%;
  border-collapse: collapse; }

body.theme-green .t-5 td {
  border: 1px solid #97afaa; }

body.theme-green .t-5 tr:first-child td {
  border-top: 0; }

body.theme-green .t-5 tr td:first-child {
  border-left: 0; }

body.theme-green .t-5 tr:last-child td {
  border-bottom: 0; }

body.theme-green .t-5 tr td:last-child {
  border-right: 0; }

body.theme-green .btn {
  background: linear-gradient(#ffffff, #e2e2e2);
  border: 1px solid #bbb; }

body.theme-green .btn-gray {
  background: linear-gradient(#79e5e2, #0d7671);
  background-color: #79e5e2;
  border: 1px solid #0d7671;
  color: #000; }

body.theme-green .btn-white {
  border: 1px solid #666;
  color: #666; }

body.theme-green .g-dialog {
  background: #fff;
  border: 5px solid #0d7671; }

body.theme-green .g-dialog .dialog-hd {
  border-bottom: 1px solid #ccc;
  background: #eee;
  color: #3b340a; }

body.theme-green .bg-org {
  background: #eee; }

body.theme-green .sidebar {
  background: #ebeced; }

body.theme-green .field .hd .fr a {
  color: #fff; }

body.theme-green .field .bd {
  border: 1px solid #97afaa;
  border-top: 0; }

body.theme-green .notice .bd {
  background: #fff; }

body.theme-green .tab a {
  background-position: left -493px;
  color: #000; }

body.theme-green .tab .on {
  background-position: 0 -840px;
  color: #fff; }

body.theme-green .rate a {
  background-position: -40px -582px;
  color: #0e9a93; }

body.theme-green .rate .on {
  background-position: 0 -582px;
  color: #fff; }

body.theme-green .txt_number {
  background: #ddd; }

body.theme-green .topbar .betTitle {
  font-weight: bold;
  color: #0d7671; }

body.theme-green .topbar .betTitle.on {
  color: #0e9a93; }

body.theme-green .themeSelector {
  background-color: #0d5f5e;
  color: #fff;
  border-color: #259f9b; }
  body.theme-green .themeSelector option {
    color: #0d7671; }

body.theme-blue .side {
  border-right: 1px solid #399ac2;
  background: #215188; }

body.theme-blue .side .bd {
  background: #0e71c5; }

body.theme-blue .side .bd .nav {
  color: #59a3df; }

body.theme-blue .side .bd .nav a {
  color: #fff; }

body.theme-blue .side .bd .nav .on {
  color: #e0da0f; }

body.theme-blue .side .ft .ft-hd {
  background: url(../../../Images/bg_newOrder_b.png) no-repeat; }

body.theme-blue .side .ft .ft-hd .fr .fn-refresh {
  border: 1px solid #b4e0f4;
  background: #b4e0f4;
  color: #457d8f; }

body.theme-blue .side .ft .ft-bd {
  background: #ddd8d5;
  color: #e2983b; }

body.theme-blue .side .betview .hdd {
  background: #797457;
  color: #fff; }

body.theme-blue .btn-logout {
  background-position: 0 -723px; }

body.theme-blue .t-1 td {
  border: 1px solid #adb8bc; }

body.theme-blue .t-1 tr.bg1 td, body.theme-blue .field .hd {
  background: linear-gradient(#4085c4 0%, #2667a1 100%);
  background-color: #3476b3;
  color: #fff; }

body.theme-blue .t-1 tr td.bg_default {
  background: linear-gradient(#4085c4 0%, #2667a1 100%);
  background-color: #3476b3;
  color: #fff; }

body.theme-blue .t-1 tr.bg1 td.bg_nocolor {
  background: linear-gradient(#fff, #fff);
  background-color: #fff;
  color: black;
  font-weight: normal; }

body.theme-blue .t-1 tr.bg1 td.bg_red {
  background: red;
  background-color: red;
  color: #eddfb6; }

body.theme-blue .t-1 tr.bg1 td.bg_blue {
  background: blue;
  background-color: blue;
  color: #eddfb6; }

body.theme-blue .t-1 tr.bg1 td.bg_green {
  background: green;
  background-color: green;
  color: #eddfb6; }

body.theme-blue .t-1 tr.bg1 td.text_red {
  color: red; }

body.theme-blue .t-1 tr.bg1 td.text_blue {
  color: blue; }

body.theme-blue .t-1 tr.bg1 td.text_green {
  color: green; }

body.theme-blue .t-1 tr.bg1 td.empty {
  background: linear-gradient(#fff, #fff);
  background-color: #fff;
  border: none;
  color: black;
  font-weight: 100; }

body.theme-blue .t-1 td.t, body.theme-blue .t-1 .bg2 td, body.theme-blue .t-1 .active1 td, body.theme-blue .t-1 td.active {
  background: #d3e0e3; }

body.theme-blue .t-1 .active2 td {
  background: #f67b00; }

body.theme-blue .t-1 .active3 td {
  background: #ffae5d; }

body.theme-blue .t-1.w-auto {
  width: auto; }

body.theme-blue .t-2 {
  width: 100%;
  color: #fff; }

body.theme-blue .t-2 td {
  border: 1px solid #378ad1;
  background: #0c599a; }

body.theme-blue .t-3, body.theme-blue .t-4 td {
  border-style: solid;
  border-color: #ccc; }

body.theme-blue .t-3 thead td {
  background: url(../../../Images/bl2.png) repeat-x; }

body.theme-blue .t-5 {
  width: 100%;
  border-collapse: collapse; }

body.theme-blue .t-5 td {
  border: 1px solid #adb8bc; }

body.theme-blue .t-5 tr:first-child td {
  border-top: 0; }

body.theme-blue .t-5 tr td:first-child {
  border-left: 0; }

body.theme-blue .t-5 tr:last-child td {
  border-bottom: 0; }

body.theme-blue .t-5 tr td:last-child {
  border-right: 0; }

body.theme-blue .btn {
  background: linear-gradient(#ffffff, #e2e2e2);
  border: 1px solid #bbb; }

body.theme-blue .btn-gray {
  background: linear-gradient(#59a3df, #0c599a);
  background-color: #59a3df;
  border: 1px solid #0c599a;
  color: #000; }

body.theme-blue .btn-white {
  border: 1px solid #666;
  color: #666; }

body.theme-blue .g-dialog {
  background: #fff;
  border: 5px solid #3476b3; }

body.theme-blue .g-dialog .dialog-hd {
  border-bottom: 1px solid #ccc;
  background: #eee;
  color: #3b340a; }

body.theme-blue .bg-org {
  background: #eee; }

body.theme-blue .sidebar {
  background: #ebeced; }

body.theme-blue .field .hd .fr a {
  color: #fff; }

body.theme-blue .field .bd {
  border: 1px solid #9f876a;
  border-top: 0; }

body.theme-blue .notice .bd {
  background: #fff; }

body.theme-blue .tab a {
  background-position: left -493px;
  color: #000; }

body.theme-blue .tab .on {
  background-position: 0 -870px;
  color: #fff; }

body.theme-blue .rate a {
  background-position: -40px -556px;
  color: #5b81a9; }

body.theme-blue .rate .on {
  background-position: 0 -556px;
  color: #fff; }

body.theme-blue .txt_number {
  background: #ddd; }

body.theme-blue .topbar .betTitle {
  font-weight: bold;
  color: #3476b3; }

body.theme-blue .topbar .betTitle.on {
  color: #59a3df; }

body.theme-blue .themeSelector {
  background-color: #0c599a;
  color: #fff;
  border-color: #378ad1; }
  body.theme-blue .themeSelector option {
    color: #3476b3; }

body.theme-deeppurple .btn-gray {
  background: linear-gradient(#88A4E8, #2D4e96);
  background-color: #2D4E96;
  border: 1px solid #5b79bf;
  color: #fff; }

body.theme-deeppurple .t-1 td {
  border: 1px solid #adb8bc; }

body.theme-deeppurple .t-1 tr.bg1 td {
  background-color: #45598e;
  color: #fff; }

body.theme-deeppurple .t-1 tr td.bg_default {
  background: linear-gradient(#4085c4 0%, #2667a1 100%);
  background-color: #3476b3;
  color: #fff; }

body.theme-deeppurple .t-1 tr.bg1 td.bg_nocolor {
  background: linear-gradient(#fff, #fff);
  background-color: #fff;
  color: black;
  font-weight: normal; }

body.theme-deeppurple .t-1 tr.bg1 td.bg_red {
  background: red;
  background-color: red;
  color: #eddfb6; }

body.theme-deeppurple .t-1 tr.bg1 td.bg_blue {
  background: blue;
  background-color: blue;
  color: #eddfb6; }

body.theme-deeppurple .t-1 tr.bg1 td.bg_green {
  background: green;
  background-color: green;
  color: #eddfb6; }

body.theme-deeppurple .t-1 tr.bg1 td.text_red {
  color: red; }

body.theme-deeppurple .t-1 tr.bg1 td.text_blue {
  color: blue; }

body.theme-deeppurple .t-1 tr.bg1 td.text_green {
  color: green; }

body.theme-deeppurple .t-1 tr.bg1 td.empty {
  background: linear-gradient(#fff, #fff);
  background-color: #fff;
  border: none;
  color: black;
  font-weight: 100; }

body.theme-deeppurple .t-1 td.t, body.theme-deeppurple .t-1 .bg2 td, body.theme-deeppurple .t-1 .active1 td, body.theme-deeppurple .t-1 td.active {
  background: #d3e0e3; }

body.theme-deeppurple .t-1 .active2 td {
  background: #f67b00; }

body.theme-deeppurple .t-1 .active3 td {
  background: #ffae5d; }

body.theme-deeppurple .t-1.w-auto {
  width: auto; }

body.theme-deeppurple .g-dialog {
  background: #fff;
  border: 5px solid #3476b3; }

body.theme-deeppurple .g-dialog .dialog-hd {
  border-bottom: 1px solid #ccc;
  background: #5680d9;
  color: #0f3d6e; }
  
  body table tr.sel {
  background-color: #d1b2f3; }
.status input.chipSel {
    color:#ffffff;
    background: linear-gradient(#ccac66, #cc0066) !important;
    background-color: #ccac66 !important;
}

  body table td.sel {
  background-color: #d1b2f3 !important; }
.status input.chipSel {
    color:#ffffff;
    background: linear-gradient(#ccac66, #cc0066) !important;
    background-color: #ccac66 !important;
}

 .add-mostchip {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ccc;
    z-index: 1;
    border-style:solid; 
    border-width:1px; 
    border-color:#000;
  width: 180px;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden; }