body,html {
  -ms-touch-action: none;
}

html {
  background-image: url(../img/wood.jpg);
  overflow: hidden;
}

#fullscreen-icon {
  position: absolute;
  left: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 40px;
  height: 35px;
  background: url(../img/fullscreen-on.png);
}

#fullscreen-icon.on {
  background: url(../img/fullscreen-off.png);
}

#rotateHint {
  background: rgba(255,255,255,.85);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  display: none;
  z-index: 99999;
}

#rotateHint>h2 {
  margin-top: 35%;
  font-family: Arial,Helvetica,Sans-serif;
  font-size: 20px;
}

#rotateHint>img {
  width: 50%;
  max-width: 400px;
}

@media screen and (orientation:landscape) {
  #rotateHint>h2 {
    margin-top: 4%;
  }
}

#adContainer,#gameContainer {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

#adContainer {
  z-index: 9;
  display: none;
}

.progressbar {
  position: absolute;
  top: 400px;
  left: 130px;
  width: 540px;
  border-radius: 8px;
  padding: 3px;
  background-color: #eee;
  box-shadow: 0 -1px 1px rgba(0,0,0,.4) inset;
}

.progressbar>div {
  width: 0;
  height: 10px;
  border-radius: 10px;
  background: #666;
  background: -moz-linear-gradient(top,#666 0,#999 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#666),color-stop(100%,#999));
  background: -webkit-linear-gradient(top,#666 0,#999 100%);
  background: -o-linear-gradient(top,#666 0,#999 100%);
  background: -ms-linear-gradient(top,#666 0,#999 100%);
  background: linear-gradient(to bottom,#666 0,#999 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#999', GradientType=0);
}

* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: 0!important;
  -webkit-tap-highlight-color: transparent;
}

.animated1s {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    -ms-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.number {
  position: absolute;
  width: 100px;
  text-align: center;
  font: 24px Arial,Helvetica,Sans-serif;
  color: #fff;
  text-shadow: 2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
}

.dynamic {
  position: absolute;
  width: 80px;
  height: 80px;
}

.dynamic_ {
  position: absolute;
  width: 80px;
  height: 80px;
  -moz-transform: scale(-1,1);
  -webkit-transform: scale(-1,1);
  -o-transform: scale(-1,1);
  -ms-transform: scale(-1,1);
  transform: scale(-1,1);
}

.remDiv {
  position: absolute;
  width: 60px;
  height: 60px;
}

.backButton,.languageText,.languageUI {
  position: absolute;
}

.languageUI {
  visibility: hidden;
}

.backPos,.mahjong_css {
  position: absolute;
  left: 0;
  top: 0;
}

.txt_loading {
  position: absolute;
  width: 200px;
  height: 40px;
  left: 307px;
  top: 192px;
  border: 0;
  text-align: center;
  vertical-align: middle;
  font: 16px Verdana,Helvetica;
  background-color: transparent;
}

.txt_name_over {
  position: absolute;
  width: 100px;
  height: 28px;
  left: 400px;
  top: 256px;
  border: 0;
  text-align: center;
  vertical-align: middle;
  font: 16px Verdana,Helvetica;
  background-color: #fff;
  color: #000;
}