.img_css_zbt{
    position: absolute;
    /* z-index: 999999; */
    left: -5%;
    top: -15%;
    width: 800px;
    height: 480px;
}
.img_colse_zbt{
    position: absolute;
    z-index: 10001;
    display: block;
    width: 50px;
    height: 50px;
    left: 586px;
    top: 63px;
}


/* bree-serif-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: url('bree-serif-v17-latin_latin-ext-regular.woff2') format('woff2'),
       url('bree-serif-v17-latin_latin-ext-regular.woff') format('woff');
}

.flipx {
    position:absolute;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;
}
.shezhi {
    position: absolute;
    width: 33px;
    height: 33px;
    bottom: 5px;
    right: 75px;
}
.grayImg{
    filter:gray;
    -moz-opacity:.1;
    opacity:0.1;
}
.mosue1Div{
    cursor:default
}
.mosue2Div{
    cursor:pointer
}
.mosue3Div{
    cursor:pointer
}
.number {
	position: absolute;
	width: 100px;
	text-align: center;
	font: 20px Arial, Helvetica, Sans-serif;
	color: #fff;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 2px 2px 2px #000, 1px 1px 2px #000;
}
.number123 {
	position: absolute;
	width: 100px;
	text-align: center;
	font: 20px Arial, Helvetica, Sans-serif;
	color: #fff;
}
.number1 {
    position: absolute;
    width: 100px;
    text-align: center;
    font: 20px Arial, Helvetica, Sans-serif;
    color: #fff;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 2px 2px 2px #000, 1px 1px 2px #000;
}
.number4444 {
    position: absolute;
    width: 100px;
    text-align: center;
    font: 40px Arial, Helvetica, Sans-serif;
    color: #fff;
}
#fullscreen-icon {
    width: 40px;
    height: 37px;
	 left: 636px;
	 top: 9px;
}
.numberFreesfx {
	position: absolute;
	width: 100px;
	text-align: center;
	font: 14px Arial, Helvetica, Sans-serif;
	color: #fff;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 2px 2px 2px #000, 1px 1px 2px #000;
}
.remDiv {
	position:absolute;
	width: 60px;
	height: 60px;
}
.languageText {
	position:absolute;
}
.languageUI {
	position:absolute;
}
.backButton {
	position:absolute;
}
.backPos{
	position:absolute;
	left:0;
	top:0;
	width: 800px;
	height: 480px;
}
.mahjong_css{
	position:absolute;
	left:0;
	top:0;
}
.txt_loading{
	position:absolute;
	width:200px;
	height:40px;
	left:298px;
	top:227px;
	border:0;
	text-align:center;
	vertical-align:middle;
	font: 16px 'Bree Serif', Helvetica;
	background-color: transparent;
}
.btnumber1 {
    position: absolute;
    font-family: 'Bree Serif';
    font-size: 20px;
    color: #fff;
    white-space:nowrap;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 2px 2px 2px #000, 1px 1px 2px #000;
}
.btnumber {
    position: absolute;
    font-family: 'Bree Serif';
    font-size: 30px;
    color: #fff;
    white-space:nowrap;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 2px 2px 2px #000, 1px 1px 2px #000;
}
.loogText {
    position: absolute;
    text-align: left;
    font: 20px 'Bree Serif', Helvetica, Sans-serif;
    color: #fff;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 2px 2px 2px #000, 1px 1px 2px #000;
}

@-webkit-keyframes falldownmj {
    0% {
        -webkit-transform: translateY(-480px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes falldownmj {
    0% {
        transform: translateY(-480px);
    }

    100% {
        transform: translateY(0);
    }
}

.falldownmj {
    -webkit-animation-name: falldownmj;
    animation-name: falldownmj;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* ARJAN: CSS falldown */

@-webkit-keyframes falldown {
    0% {
        top:-480px;
    }
    25% {
        top:120px;
    }
    50% {
        top:0px;
    }
    65% {
        top:-20px;
    }
    80% {
        top:0px;
    }
    90% {
        top:4px;
    }
    100% {
        top:0px;
    }
}

@keyframes falldown {
    0% {
        top:-480px;
    }
    25% {
        top:120px;
    }
    50% {
        top:0px;
    }
    65% {
        top:-20px;
    }
    80% {
        top:0px;
    }
    90% {
        top:4px;
    }
    100% {
        top:0px;
    }
}

.falldown {
    -webkit-animation-name: falldown;
    animation-name: falldown;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fallleft {
    0% {
        -webkit-transform: translate3d(-800px,0px,0);
    }
    25% {
        -webkit-transform: translate3d(60px,0,0);
    }
    50% {
        -webkit-transform: translate3d(0,0,0);
    }
    65% {
        -webkit-transform: translate3d(-30px,0,0);
    }
    80% {
        -webkit-transform: translate3d(0,0,0);
    }
    90% {
        -webkit-transform: translate3d(15px,0,0);
    }
    100% {
        -webkit-transform: translate3d(0,0,0);
    }
}

@keyframes fallleft {
    0% {
        transform: translate3d(-800px,0,0);
     }
    25% {
        transform: translate3d(60px,0,0);
    }
    50% {
        transform: translate3d(0,0,0);
    }
    65% {
        transform: translate3d(-30px,0,0);
    }
    80% {
        transform: translate3d(0,0,0);
    }
    90% {
        transform: translate3d(15px,0,0);
    }
    100% {
        transform: translate3d(0,0,0);
    }
}

.fallleft {
    -webkit-animation-name: fallleft;
    animation-name: fallleft;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}