@charset "UTF-8";
/* CSS Document */

/* Default style, feel free to remove if not needed. */
body, body * {
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

#container{
	width: 300px;
	height: 250px;
	position: relative;
	top: 0px;
	left:0px;
	overflow: hidden;
}

#content{
	position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
    z-index: 100;
    overflow: hidden;
  /*  border: 1px solid #000000;*/
    opacity: 1;
}



#clicktag {
	width: 300px;
	height: 250px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9;
	cursor:pointer;
}

.btnReplay {
	background-image:url('images/btnReplay.png');
	width:16px;
	height:17px;
    position:absolute;
    left: 10px;
    top: 10px;
	opacity:0;
    z-index:10;
    cursor: pointer;
}

.btnPlay {
	background-image:url('images/btnPlay.png');
	background-size:80px 80px;
	width:80px;
	height:80px;
    position:absolute;
    left: 110px;
    top: 85px;
	opacity:0.7;
    z-index:10;
    cursor: pointer;
}


.mainBg {
	background-image:url('images/mainBg.jpg');
	background-size: 300px 250px;
	background-repeat: no-repeat;
	width:300px;
	height:250px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	cursor:pointer;
}

.coin1 {
	background-image:url('images/coin1.jpg');
	width:196px;
	height:111px;
	position:absolute;
	left:6px;
	top:98px;
	opacity:0;
	z-index:2;
	cursor:pointer;
}

.coin2 {
	background-image:url('images/coin2.jpg');
	width:196px;
	height:111px;
	position:absolute;
	left:6px;
	top:98px;
	opacity:0;
	z-index:3;
	cursor:pointer;
}


.btn {
	background-image: url("images/CTA.png");
	background-size: 81px 24px;
    cursor: pointer;
	width: 81px;
    height: 24px;
    left: 35px;
    top: 81px;
    opacity: 0;
    position: absolute;
    z-index: 9;
	overflow:hidden;
	background-color: #f0352f;
}

.text1 {
	background-image: url("images/text1.png");
	background-size: 300px 250px;
    cursor: pointer;
	width: 300px;
    height: 250px;
    left: 0px;
	top: 0px;
    opacity: 0;
    position: absolute;
    z-index: 4;
}
.text2 {
	background-image: url("images/text2.png");
	background-size: 300px 250px;
    cursor: pointer;
	width: 300px;
    height: 250px;
    left: 0px;
	top: 0px;
    opacity: 0;
    position: absolute;
    z-index: 4;
}
.text3 {
	background-image: url("images/text3.png");
	background-size: 300px 250px;
    cursor: pointer;
	width: 300px;
    height: 250px;
    left: 0px;
	top: 0px;
    opacity: 0;
    position: absolute;
    z-index: 4;
}
.text4 {
	background-image: url("images/text4.png");
	background-size: 300px 250px;
    cursor: pointer;
	width: 300px;
    height: 250px;
    left: 0px;
	top: 0px;
    opacity: 0;
    position: absolute;
    z-index: 4;
}
.text4star {
	background-image: url("images/text4star.png");
	background-size: 300px 250px;
    cursor: pointer;
	width: 300px;
    height: 250px;
    left: 0px;
	top: 0px;
    opacity: 0;
    position: absolute;
    z-index: 4;
}



:focus {outline:none;}
::-moz-focus-inner {border:0;}