#game {
  background-image: url("../images/game.png");
  background-repeat: no-repeat;
  cursor: default;
  font-family: sans-serif;
  font-size: 1px;
  height: 1080px;
  left: 0;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 1920px;
  transform-origin: top left;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
}
.scale-game-holder {
  margin-bottom: 1.5rem;
}

/* FINANCIAL and STATISTICAL */

#bankroll {
  color: #a1a1a1;
  font-size: 24px;
  font-weight: normal;
  left: 107px;
  position: absolute;
  text-align: right;
  top: 19px;
  width: 169px;
}
#bet {
  color: #fdbe0e;
  font-size: 24px;
  font-weight: normal;
  left: 107px;
  position: absolute;
  text-align: right;
  top: 62px;
  width: 169px;
}
#win {
  color: #8dc540;
  font-size: 24px;
  font-weight: normal;
  left: 107px;
  position: absolute;
  text-align: right;
  top: 103px;
  width: 169px;
}
#right {
  background-color: rgba(0, 0, 0, 0.5);
  border: solid 1px #000;
  border-radius: 8px;
  color: #33ff00;
  font-size: 22px;
  font-weight: normal;
  height: 30px;
  left: 179px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 143px;
  width: 100px;
}
#wrong {
  background-color: rgba(0, 0, 0, 0.5);
  border: solid 1px #000;
  border-radius: 8px;
  color: #ff0000;
  font-size: 22px;
  font-weight: normal;
  height: 30px;
  left: 179px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 185px;
  width: 100px;
}
#score {
  background-color: rgba(0, 0, 0, 0.5);
  border: solid 1px #000;
  border-radius: 8px;
  color: #33ccff;
  font-size: 22px;
  font-weight: normal;
  height: 30px;
  left: 179px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 227px;
  width: 100px;
}
#hands {
  background-color: rgba(0, 0, 0, 0.5);
  border: solid 1px #000;
  border-radius: 8px;
  color: #33ccff;
  font-size: 22px;
  font-weight: normal;
  height: 30px;
  left: 179px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 269px;
  width: 100px;
}

/* PEEK */

#peekred {
  background-image: url("../images/peek-1.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: none;
  height: 18px;
  left: 1008px;
  position: absolute;
  top: 60px;
  width: 18px;
}
#peekgrn {
  background-image: url("../images/peek-0.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: none;
  height: 18px;
  left: 1032px;
  position: absolute;
  top: 60px;
  width: 18px;
}

/* HAND LABELS */

#dealerhandlabel {
  background: #000;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  color: #fff;
  display: none;
  font-size: 24px;
  font-weight: normal;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 2px 8px;
  position: absolute;
  text-align: center;
}
#playerhandlabel0 {
  background: #000;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  color: #fff;
  display: none;
  font-size: 24px;
  font-weight: normal;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 2px 8px;
  position: absolute;
  text-align: center;
}
#playerhandlabel1 {
  background: #000;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  color: #fff;
  display: none;
  font-size: 24px;
  font-weight: normal;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 2px 8px;
  position: absolute;
  text-align: center;
}
#playerhandlabel2 {
  background: #000;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  color: #fff;
  display: none;
  font-size: 24px;
  font-weight: normal;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 2px 8px;
  position: absolute;
  text-align: center;
}
#playerhandlabel3 {
  background: #000;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  color: #fff;
  display: none;
  font-size: 24px;
  font-weight: normal;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 2px 8px;
  position: absolute;
  text-align: center;
}

/* CHIP STACKS */

#chipstack0 {
  height: 45px;
  left: 454px;
  overflow: visible;
  position: absolute;
  top: 283px;
  width: 50px;
} /* Player Hand 1   */
#chipstack1 {
  height: 45px;
  left: 50px;
  overflow: visible;
  position: absolute;
  top: 208px;
  width: 50px;
} /* Player Hand 2   */
#chipstack2 {
  height: 45px;
  left: 220px;
  overflow: visible;
  position: absolute;
  top: 282px;
  width: 50px;
} /* Player Hand 3   */
#chipstack3 {
  height: 45px;
  left: 586px;
  overflow: visible;
  position: absolute;
  top: 245px;
  width: 50px;
} /* Player Hand 4   */
#chipstack4 {
  height: 45px;
  left: 904px;
  overflow: visible;
  position: absolute;
  top: 420px;
  width: 50px;
} /* Insurance Bet   */

#chipslider0 {
  height: 45px;
  left: 375px;
  overflow: visible;
  position: absolute;
  top: 275px;
  width: 50px;
}
#chipslider1 {
  height: 45px;
  left: 50px;
  overflow: visible;
  position: absolute;
  top: 208px;
  width: 50px;
}
#chipslider2 {
  height: 45px;
  left: 220px;
  overflow: visible;
  position: absolute;
  top: 282px;
  width: 50px;
}
#chipslider3 {
  height: 45px;
  left: 586px;
  overflow: visible;
  position: absolute;
  top: 245px;
  width: 50px;
}
#chipslider4 {
  height: 45px;
  left: 904px;
  overflow: visible;
  position: absolute;
  top: 420px;
  width: 50px;
}

/* HANDS */

#arrow {
  background-image: url("../images/arrow.png");
  background-repeat: no-repeat;
  color: transparent;
  display: none;
  font-size: 1px;
  height: 17px;
  position: absolute;
  width: 28px;
}

#dealerhand {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
#playerhand0 {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
#playerhand1 {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
#playerhand2 {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
#playerhand3 {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

/* RULES */

#warn {
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 27px;
  left: 514px;
  position: absolute;
  top: 16px;
  width: 215px;
}
.warn0 {
  background-image: url("../images/warn-0.png");
}
.warn1 {
  background-image: url("../images/warn-1.png");
}

#decks {
  color: #fdbe0e;
  font-size: 24px;
  left: 911px;
  position: absolute;
  text-align: center;
  top: 15px;
  width: 23px;
}
#decksup {
  background-image: url("../images/arrow-up.png");
  background-repeat: no-repeat;
  cursor: pointer;
  height: 11px;
  left: 945px;
  position: absolute;
  top: 18px;
  width: 18px;
}
#decksdn {
  background-image: url("../images/arrow-dn.png");
  background-repeat: no-repeat;
  cursor: pointer;
  height: 11px;
  left: 945px;
  position: absolute;
  top: 32px;
  width: 18px;
}

#das {
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 30px;
  left: 1109px;
  position: absolute;
  top: 16px;
  width: 228px;
}
.das0 {
  background-image: url("../images/das-0.png");
}
.das1 {
  background-image: url("../images/das-1.png");
}

#surr {
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 27px;
  left: 1408px;
  position: absolute;
  top: 16px;
  width: 153px;
}
.surr0 {
  background-image: url("../images/surr-0.png");
}
.surr1 {
  background-image: url("../images/surr-1.png");
}

#s17 {
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 36px;
  left: 1625px;
  position: absolute;
  top: 11px;
  width: 283px;
}
.s170 {
  background-image: url("../images/s17-0.png");
}
.s171 {
  background-image: url("../images/s17-1.png");
}

/* CHIPS */

#chip0 {
  background-image: url("../images/chip-100.png");
  background-repeat: no-repeat;
  cursor: pointer;
  height: 46px;
  left: 16px;
  position: absolute;
  top: 1024px;
  width: 112px;
}
#chip1 {
  background-image: url("../images/chip-500.png");
  background-repeat: no-repeat;
  cursor: pointer;
  height: 46px;
  left: 144px;
  position: absolute;
  top: 1024px;
  width: 112px;
}
#chip2 {
  background-image: url("../images/chip-1000.png");
  background-repeat: no-repeat;
  cursor: pointer;
  height: 46px;
  left: 272px;
  position: absolute;
  top: 1024px;
  width: 112px;
}
#chip3 {
  background-image: url("../images/chip-2500.png");
  background-repeat: no-repeat;
  cursor: pointer;
  height: 46px;
  left: 400px;
  position: absolute;
  top: 1024px;
  width: 112px;
}
#chip4 {
  background-image: url("../images/chip-10000.png");
  background-repeat: no-repeat;
  cursor: pointer;
  height: 46px;
  left: 528px;
  position: absolute;
  top: 1024px;
  width: 112px;
}

#chip0slider {
  background-image: url("../images/chip-100.png");
  background-repeat: no-repeat;
  display: none;
  height: 46px;
  left: 16px;
  position: absolute;
  top: 1024px;
  width: 112px;
}
#chip1slider {
  background-image: url("../images/chip-500.png");
  background-repeat: no-repeat;
  display: none;
  height: 46px;
  left: 144px;
  position: absolute;
  top: 1024px;
  width: 112px;
}
#chip2slider {
  background-image: url("../images/chip-1000.png");
  background-repeat: no-repeat;
  display: none;
  height: 46px;
  left: 272px;
  position: absolute;
  top: 1024px;
  width: 112px;
}
#chip3slider {
  background-image: url("../images/chip-2500.png");
  background-repeat: no-repeat;
  display: none;
  height: 46px;
  left: 400px;
  position: absolute;
  top: 1024px;
  width: 112px;
}
#chip4slider {
  background-image: url("../images/chip-10000.png");
  background-repeat: no-repeat;
  display: none;
  height: 46px;
  left: 528px;
  position: absolute;
  top: 1024px;
  width: 112px;
}

/* MESSAGE */

#msg {
  color: #fff;
  font-family: sans-serif;
  font-size: 24px;
  font-weight: normal;
  height: 32px;
  left: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 980px;
  width: 100%;
}

/* BUTTONS */

#btn_deal {
  background-image: url("../images/btn-deal-0.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  height: 69px;
  left: 760px;
  overflow: hidden;
  position: absolute;
  top: 910px;
  width: 186px;
}
#btn_clear {
  background-image: url("../images/btn-clear-0.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  height: 69px;
  left: 960px;
  overflow: hidden;
  position: absolute;
  top: 910px;
  width: 186px;
}

#btn_advice {
  background-image: url("../images/btn-advice-0.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  height: 69px;
  left: 360px;
  overflow: hidden;
  position: absolute;
  top: 910px;
  width: 186px;
}
#btn_no {
  background-image: url("../images/btn-no-0.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  height: 69px;
  left: 760px;
  overflow: hidden;
  position: absolute;
  top: 910px;
  width: 186px;
}
#btn_yes {
  background-image: url("../images/btn-yes-0.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  height: 69px;
  left: 960px;
  overflow: hidden;
  position: absolute;
  top: 910px;
  width: 186px;
}

#btn_surr {
  background-image: url("../images/btn-surr-0.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  height: 69px;
  left: 560px;
  overflow: hidden;
  position: absolute;
  top: 910px;
  width: 186px;
}
#btn_hit {
  background-image: url("../images/btn-hit-0.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  height: 69px;
  left: 760px;
  overflow: hidden;
  position: absolute;
  top: 910px;
  width: 186px;
}
#btn_stand {
  background-image: url("../images/btn-stand-0.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  height: 69px;
  left: 960px;
  overflow: hidden;
  position: absolute;
  top: 910px;
  width: 186px;
}
#btn_double {
  background-image: url("../images/btn-double-0.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  height: 69px;
  left: 1160px;
  overflow: hidden;
  position: absolute;
  top: 910px;
  width: 186px;
}
#btn_split {
  background-image: url("../images/btn-split-0.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  height: 69px;
  left: 1360px;
  overflow: hidden;
  position: absolute;
  top: 910px;
  width: 186px;
}

#btn_new {
  background-image: url("../images/btn-new-0.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  height: 69px;
  left: 560px;
  overflow: hidden;
  position: absolute;
  top: 910px;
  width: 186px;
}
#btn_rebet {
  background-image: url("../images/btn-rebet-0.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  height: 69px;
  left: 760px;
  overflow: hidden;
  position: absolute;
  top: 910px;
  width: 186px;
}
#btn_redeal {
  background-image: url("../images/btn-redeal-0.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  height: 69px;
  left: 960px;
  overflow: hidden;
  position: absolute;
  top: 910px;
  width: 186px;
}

/* CARDS */

.cardv {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: none;
  font-size: 1px;
  height: 230px;
  overflow: hidden;
  position: absolute;
  width: 154px;
}
.cardh {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: none;
  font-size: 1px;
  height: 154px;
  overflow: hidden;
  position: absolute;
  width: 230px;
}

.cardv0 {
  background-image: url("../images/card-v-0.png");
}
.cardv1 {
  background-image: url("../images/card-v-1.png");
}
.cardv2 {
  background-image: url("../images/card-v-2.png");
}
.cardv3 {
  background-image: url("../images/card-v-3.png");
}
.cardv4 {
  background-image: url("../images/card-v-4.png");
}
.cardv5 {
  background-image: url("../images/card-v-5.png");
}
.cardv6 {
  background-image: url("../images/card-v-6.png");
}
.cardv7 {
  background-image: url("../images/card-v-7.png");
}
.cardv8 {
  background-image: url("../images/card-v-8.png");
}
.cardv9 {
  background-image: url("../images/card-v-9.png");
}
.cardv10 {
  background-image: url("../images/card-v-10.png");
}
.cardv11 {
  background-image: url("../images/card-v-11.png");
}
.cardv12 {
  background-image: url("../images/card-v-12.png");
}
.cardv13 {
  background-image: url("../images/card-v-13.png");
}
.cardv14 {
  background-image: url("../images/card-v-14.png");
}
.cardv15 {
  background-image: url("../images/card-v-15.png");
}
.cardv16 {
  background-image: url("../images/card-v-16.png");
}
.cardv17 {
  background-image: url("../images/card-v-17.png");
}
.cardv18 {
  background-image: url("../images/card-v-18.png");
}
.cardv19 {
  background-image: url("../images/card-v-19.png");
}
.cardv20 {
  background-image: url("../images/card-v-20.png");
}
.cardv21 {
  background-image: url("../images/card-v-21.png");
}
.cardv22 {
  background-image: url("../images/card-v-22.png");
}
.cardv23 {
  background-image: url("../images/card-v-23.png");
}
.cardv24 {
  background-image: url("../images/card-v-24.png");
}
.cardv25 {
  background-image: url("../images/card-v-25.png");
}
.cardv26 {
  background-image: url("../images/card-v-26.png");
}
.cardv27 {
  background-image: url("../images/card-v-27.png");
}
.cardv28 {
  background-image: url("../images/card-v-28.png");
}
.cardv29 {
  background-image: url("../images/card-v-29.png");
}
.cardv30 {
  background-image: url("../images/card-v-30.png");
}
.cardv31 {
  background-image: url("../images/card-v-31.png");
}
.cardv32 {
  background-image: url("../images/card-v-32.png");
}
.cardv33 {
  background-image: url("../images/card-v-33.png");
}
.cardv34 {
  background-image: url("../images/card-v-34.png");
}
.cardv35 {
  background-image: url("../images/card-v-35.png");
}
.cardv36 {
  background-image: url("../images/card-v-36.png");
}
.cardv37 {
  background-image: url("../images/card-v-37.png");
}
.cardv38 {
  background-image: url("../images/card-v-38.png");
}
.cardv39 {
  background-image: url("../images/card-v-39.png");
}
.cardv40 {
  background-image: url("../images/card-v-40.png");
}
.cardv41 {
  background-image: url("../images/card-v-41.png");
}
.cardv42 {
  background-image: url("../images/card-v-42.png");
}
.cardv43 {
  background-image: url("../images/card-v-43.png");
}
.cardv44 {
  background-image: url("../images/card-v-44.png");
}
.cardv45 {
  background-image: url("../images/card-v-45.png");
}
.cardv46 {
  background-image: url("../images/card-v-46.png");
}
.cardv47 {
  background-image: url("../images/card-v-47.png");
}
.cardv48 {
  background-image: url("../images/card-v-48.png");
}
.cardv49 {
  background-image: url("../images/card-v-49.png");
}
.cardv50 {
  background-image: url("../images/card-v-50.png");
}
.cardv51 {
  background-image: url("../images/card-v-51.png");
}
.cardvback {
  background-image: url("../images/card-v-back.png");
}

.cardh0 {
  background-image: url("../images/card-h-0.png");
}
.cardh1 {
  background-image: url("../images/card-h-1.png");
}
.cardh2 {
  background-image: url("../images/card-h-2.png");
}
.cardh3 {
  background-image: url("../images/card-h-3.png");
}
.cardh4 {
  background-image: url("../images/card-h-4.png");
}
.cardh5 {
  background-image: url("../images/card-h-5.png");
}
.cardh6 {
  background-image: url("../images/card-h-6.png");
}
.cardh7 {
  background-image: url("../images/card-h-7.png");
}
.cardh8 {
  background-image: url("../images/card-h-8.png");
}
.cardh9 {
  background-image: url("../images/card-h-9.png");
}
.cardh10 {
  background-image: url("../images/card-h-10.png");
}
.cardh11 {
  background-image: url("../images/card-h-11.png");
}
.cardh12 {
  background-image: url("../images/card-h-12.png");
}
.cardh13 {
  background-image: url("../images/card-h-13.png");
}
.cardh14 {
  background-image: url("../images/card-h-14.png");
}
.cardh15 {
  background-image: url("../images/card-h-15.png");
}
.cardh16 {
  background-image: url("../images/card-h-16.png");
}
.cardh17 {
  background-image: url("../images/card-h-17.png");
}
.cardh18 {
  background-image: url("../images/card-h-18.png");
}
.cardh19 {
  background-image: url("../images/card-h-19.png");
}
.cardh20 {
  background-image: url("../images/card-h-20.png");
}
.cardh21 {
  background-image: url("../images/card-h-21.png");
}
.cardh22 {
  background-image: url("../images/card-h-22.png");
}
.cardh23 {
  background-image: url("../images/card-h-23.png");
}
.cardh24 {
  background-image: url("../images/card-h-24.png");
}
.cardh25 {
  background-image: url("../images/card-h-25.png");
}
.cardh26 {
  background-image: url("../images/card-h-26.png");
}
.cardh27 {
  background-image: url("../images/card-h-27.png");
}
.cardh28 {
  background-image: url("../images/card-h-28.png");
}
.cardh29 {
  background-image: url("../images/card-h-29.png");
}
.cardh30 {
  background-image: url("../images/card-h-30.png");
}
.cardh31 {
  background-image: url("../images/card-h-31.png");
}
.cardh32 {
  background-image: url("../images/card-h-32.png");
}
.cardh33 {
  background-image: url("../images/card-h-33.png");
}
.cardh34 {
  background-image: url("../images/card-h-34.png");
}
.cardh35 {
  background-image: url("../images/card-h-35.png");
}
.cardh36 {
  background-image: url("../images/card-h-36.png");
}
.cardh37 {
  background-image: url("../images/card-h-37.png");
}
.cardh38 {
  background-image: url("../images/card-h-38.png");
}
.cardh39 {
  background-image: url("../images/card-h-39.png");
}
.cardh40 {
  background-image: url("../images/card-h-40.png");
}
.cardh41 {
  background-image: url("../images/card-h-41.png");
}
.cardh42 {
  background-image: url("../images/card-h-42.png");
}
.cardh43 {
  background-image: url("../images/card-h-43.png");
}
.cardh44 {
  background-image: url("../images/card-h-44.png");
}
.cardh45 {
  background-image: url("../images/card-h-45.png");
}
.cardh46 {
  background-image: url("../images/card-h-46.png");
}
.cardh47 {
  background-image: url("../images/card-h-47.png");
}
.cardh48 {
  background-image: url("../images/card-h-48.png");
}
.cardh49 {
  background-image: url("../images/card-h-49.png");
}
.cardh50 {
  background-image: url("../images/card-h-50.png");
}
.cardh51 {
  background-image: url("../images/card-h-51.png");
}
.cardhback {
  background-image: url("../images/card-h-back.png");
}

/* CHIPS */

.chip_50 {
  background-image: url("../images/chip-50.png");
  background-repeat: no-repeat;
  height: 46px;
  overflow: hidden;
  position: absolute;
  width: 112px;
}
.chip_100 {
  background-image: url("../images/chip-100.png");
  background-repeat: no-repeat;
  height: 46px;
  overflow: hidden;
  position: absolute;
  width: 112px;
}
.chip_500 {
  background-image: url("../images/chip-500.png");
  background-repeat: no-repeat;
  height: 46px;
  overflow: hidden;
  position: absolute;
  width: 112px;
}
.chip_1000 {
  background-image: url("../images/chip-1000.png");
  background-repeat: no-repeat;
  height: 46px;
  overflow: hidden;
  position: absolute;
  width: 112px;
}
.chip_2500 {
  background-image: url("../images/chip-2500.png");
  background-repeat: no-repeat;
  height: 46px;
  overflow: hidden;
  position: absolute;
  width: 112px;
}
.chip_10000 {
  background-image: url("../images/chip-10000.png");
  background-repeat: no-repeat;
  height: 46px;
  overflow: hidden;
  position: absolute;
  width: 112px;
}

.chip_label {
  left: 0;
  height: 24px;
  position: absolute;
  text-align: center;
  top: 52px;
  width: 112px;
}
.chip_label span {
  background: #000;
  background-color: rgba(0, 0, 0, 0.5);
  border: solid 1px rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  color: #fff;
  font-family: sans-serif;
  font-size: 18px;
  font-weight: bold;
  height: 16px;
  padding: 2px 4px 1px 4px;
  text-align: center;
  width: auto;
}
#confirm-message {
  display: none;
  position:absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}
#confirm-message-inner {
  background: #fff;
  border-radius: 6px;
  font-size:20px;
  left:0;
  width: 320px;
  height: 140px;
  padding: 20px;
  z-index: 9999;
  position:absolute;
  text-align:center;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  top:50%;
  left:50%;
}

#message-cancel, #message-confirm {
  display: inline-block;
  border: none;
  background: #eda42e;
  color: #fff;
  height: 29px;
  margin: 0;
  padding: 9px 12px;
  font-size: 20px;
  line-height: 12px;
  text-align: center;
  cursor: pointer;
}
#message-cancel {
  background: #e8e8e8;
  color: #686868;
}