.btnViewHistory {
  background: url("../../assets/img/btn_view_history.png") no-repeat scroll 0 0 transparent;
  border: none;
  cursor: pointer;
  height: 37px;
  width: 174px;
  background-size:contain;
  }@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
}

img{
	border:none;
}

#outerDiv{
	margin:auto;
	width:832px;
	height:547px;
	background:url(../../assets/img/luckynumber.png) repeat-x;
}

#iconGame{
	width:832px;
	height:547px;
	position:absolute;
}

#iconGame ul{
	padding:0;
	margin:0;
}

#iconGame ul li{
	padding:0;
	margin:0;
	list-style:none;
}

#iconGame ul li.supreme658, #iconGame ul li.power655, #iconGame ul li.star650, #iconGame ul li.toto4d, #iconGame ul li.toto4dz, #iconGame ul li.toto5d, #iconGame ul li.toto6d{
	position:absolute;
	top:260px;
	left:420px;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
}



#supreme658_result, #power655_result, #star650_result, #toto4dz_result, #toto4d_result, #toto5d_result, #toto6d_result{
	width:107%;
	height:547px;
	background:url(../../assets/img/mask.png) repeat-x;
	position:absolute;
	display:none;
}

.info{
	position:absolute;
	top:10px;
	left:288px;
}

.btnRestart{
	position:absolute;
	top:300px;
	left:60px;
}

.btnViewHistory{
	position:absolute;
	top:350px;
	left:60px;
}

ul.ballNum{
	padding:0;
	margin:0;
}

ul.ballNum li{
	padding:0;
	margin:0;
	list-style:none;
}

ul.ballNum li.ballRed, ul.ballNum li.ballGreen, ul.ballNum li.ballYellow, ul.ballNum li.ballPurple, ul.ballNum li.ballBlue, ul.ballNum li.ballOrange{
	position:absolute;
	top:280px;
	left:400px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	opacity:0;
	filter:alpha(opacity=0);  /*For IE8 and earlier */
}

ul.ballNum li.ballRed{
	width:72px;
	height:72px;
	font-size:45px;
	line-height:70px;
	background:url(../../assets/img/ball_red.png);	
}

ul.ballNum li.ballGreen{
	width:81px;
	height:81px;
	font-size:50px;
	line-height:80px;
	background:url(../../assets/img/ball_green.png);	
}

ul.ballNum li.ballYellow{
	width:64px;
	height:64px;
	font-size:40px;
	line-height:62px;
	background:url(../../assets/img/ball_yellow.png);	
}

ul.ballNum li.ballPurple{
	width:56px;
	height:56px;
	font-size:35px;
	line-height:55px;
	background:url(../../assets/img/ball_purple.png);	
}

ul.ballNum li.ballBlue{
	width:74px;
	height:74px;
	font-size:47px;
	line-height:72px;
	background:url(../../assets/img/ball_blue.png);	
}

ul.ballNum li.ballOrange{
	width:82px;
	height:82px;
	font-size:50px;
	line-height:80px;
	background:url(../../assets/img/ball_orange.png);	
}

ul.ballNum li.ballZodiac{
	width:120px;
	height:120px;
	font-size:50px;
	line-height:80px;
}

@media (min-width: 1024px) and (max-width: 1280px) {
#outerDiv{
	margin:auto;
	width:647px;
	height:428px;
	background:url(../../assets/img/luckynumber.png) repeat-x;
	background-size:contain;
}

#iconGame{
	width:100%;
	height:auto;
	position:absolute;
}

#iconGame ul li.power655{
	opacity: 1;
    left: 370px !important;
    top: 0px !important;
}
#iconGame ul li.supreme658{
	left: 235px !important;
    top: 35px !important;
}
#iconGame ul li.star650{
	left: 500px !important;
    top: 40px !important;
}
#iconGame ul li.toto4dz{
	left: 475px !important;
    top: 340px !important;
}
#iconGame ul li.toto4d{
	left: 550px !important;
    top: 270px !important;
}
#iconGame ul li.toto5d{
	left: 325px !important;
    top: 340px !important;
}
#iconGame ul li.toto6d{
	left: 210px !important;
    top: 300px !important;
}


ul.ballNum li.ballRed{
	left: 108px !important;
    top: 148px !important;
}
ul.ballNum li.ballGreen{
	left: 190px !important;
    top: 90px !important;
}
ul.ballNum li.ballYellow{
	left: 269px !important;
    top: 150px !important;
}
 ul.ballNum li.ballPurple{
	left: 400px !important;
    top: 140px !important;
}
ul.ballNum li.ballBlue{
	left: 320px !important;
    top: 85px !important;
}

ul.ballNum li.ballOrange{
	left: 488px !important;
    top: 65px !important;
}
ul.ballNum li.ballZodiac{
	left: 395px !important;
    top: 185px !important;
}
ul.ballNum li.ballZodiac {
    width: 105px;
    height: 105px;
    font-size: 50px;
    line-height: 80px;
}
ul.ballNum li.ballOrange {
    width: 82px;
    height: 82px;
    font-size: 50px;
    line-height: 80px;
    background: url(../../assets/img/ball_orange.png);
	background-size:contain;
}
}

@media (min-width: 769px) and (max-width: 1023px) {
#outerDiv{
	margin:auto;
	width:485px;
	height:325px;
	background:url(../../assets/img/luckynumber.png) repeat-x;
	background-size:contain;
}

#iconGame{
	width:100%;
	height:auto;
	position:absolute;
}

#iconGame ul li.power655{
	opacity: 1;
    left: 285px !important;
    top: 15px !important;
}
#iconGame ul li.supreme658{
	left: 180px !important;
    top: 50px !important;
}
#iconGame ul li.star650{
	left: 380px !important;
    top: 40px !important;
}
#iconGame ul li.toto4d{
	left: 420px !important;
    top: 198px !important;
}
#iconGame ul li.toto4dz{
	left: 365px !important;
    top: 260px !important;
}
#iconGame ul li.toto5d{
	left: 255px !important;
    top: 265px !important;
}
#iconGame ul li.toto6d{
	left: 180px !important;
    top: 230px !important;
}
.ln650{
	max-width:67px;
}
.ln655{
	max-width:54px;
}
.ln658{
	max-width:67px;
}
.ln6d{
	max-width:58px;
}
.ln5d{
	max-width:62px;
}
.ln4d{
	max-width:57px;
}

ul.ballNum li.ballRed{
	left: 58px !important;
    top: 125px !important;
}
ul.ballNum li.ballGreen{
	left: 150px !important;
    top: 76px !important;
}
ul.ballNum li.ballYellow{
	left: 230px !important;
    top: 115px !important;
}
 ul.ballNum li.ballPurple{
	left: 299px !important;
    top: 110px !important;
}
ul.ballNum li.ballBlue{
	left: 255px !important;
    top: 69px !important;
}

ul.ballNum li.ballOrange{
	left: 390px !important;
    top: 50px !important;
}
ul.ballNum li.ballZodiac{
	left: 335px !important;
    top: 140px !important;
}
ul.ballNum li.ballOrange {
    width: 63px;
    height: 63px;
    font-size: 29px;
    line-height: 61px;
    background: url(../../assets/img/ball_orange.png);
	background-size:contain;
}

ul.ballNum li.ballBlue {
    width: 60px;
    height: 60px;
    font-size: 27px;
    line-height: 61px;
    background: url(../../assets/img/ball_blue.png);
	background-size:contain;
}

ul.ballNum li.ballPurple {
    width: 53px;
    height: 53px;
    font-size: 20px;
    line-height: 54px;
    background: url(../../assets/img/ball_purple.png);
	background-size:contain;
}

ul.ballNum li.ballYellow {
    width: 57px;
    height: 57px;
    font-size: 23px;
    line-height: 61px;
    background: url(../../assets/img/ball_yellow.png);
	background-size:contain;
}

ul.ballNum li.ballGreen {
    width: 63px;
    height: 63px;
    font-size: 29px;
    line-height: 61px;
    background: url(../../assets/img/ball_green.png);
	background-size:contain;
}

ul.ballNum li.ballRed {
    width: 60px;
    height: 60px;
    font-size: 26px;
    line-height: 61px;
    background: url(../../assets/img/ball_red.png);
	background-size:contain;
}
ul.ballNum li.ballZodiac {
    width: 95px;
    height: 95px;
    font-size: 50px;
    line-height: 80px;
}
.info {
    position: absolute;
    top: 10px;
    left: 130px;
}
.btnRestart {
    position: absolute;
    top: 200px;
    left: 20px;
}
.btnViewHistory {
    position: absolute;
    top: 242px;
    left: 20px;
}
}

@media (min-width: 515px) and (max-width: 768px) {
#outerDiv{
	margin:auto;
	width:485px;
	height:325px;
	background:url(../../assets/img/luckynumber.png) repeat-x;
	background-size:contain;
}

#iconGame{
	width:80%;
	height:auto;
	position:absolute;
}


#iconGame ul li.power655{
	opacity: 1;
    left: 285px !important;
    top: 15px !important;
}
#iconGame ul li.supreme658{
	left: 180px !important;
    top: 50px !important;
}
#iconGame ul li.star650{
	left: 380px !important;
    top: 40px !important;
}
#iconGame ul li.toto4d{
	left: 420px !important;
    top: 198px !important;
}
#iconGame ul li.toto4dz{
	left: 365px !important;
    top: 260px !important;
}
#iconGame ul li.toto5d{
	left: 255px !important;
    top: 265px !important;
}
#iconGame ul li.toto6d{
	left: 180px !important;
    top: 230px !important;
}
.ln650{
	max-width:67px;
}
.ln655{
	max-width:54px;
}
.ln658{
	max-width:67px;
}
.ln6d{
	max-width:58px;
}
.ln5d{
	max-width:62px;
}
.ln4d{
	max-width:57px;
}

ul.ballNum li.ballRed{
	left: 58px !important;
    top: 125px !important;
}
ul.ballNum li.ballGreen{
	left: 150px !important;
    top: 76px !important;
}
ul.ballNum li.ballYellow{
	left: 230px !important;
    top: 115px !important;
}
 ul.ballNum li.ballPurple{
	left: 299px !important;
    top: 110px !important;
}
ul.ballNum li.ballBlue{
	left: 260px !important;
    top: 69px !important;
}

ul.ballNum li.ballOrange{
	left: 400px !important;
    top: 55px !important;
}
ul.ballNum li.ballOrange {
    width: 63px;
    height: 63px;
    font-size: 29px;
    line-height: 61px;
    background: url(../../assets/img/ball_orange.png);
	background-size:contain;
}
ul.ballNum li.ballZodiac{
	left: 335px !important;
    top: 140px !important;
}

ul.ballNum li.ballZodiac {
    width: 95px;
    height: 95px;
    font-size: 50px;
    line-height: 80px;
}
ul.ballNum li.ballBlue {
    width: 60px;
    height: 60px;
    font-size: 27px;
    line-height: 61px;
    background: url(../../assets/img/ball_blue.png);
	background-size:contain;
}

ul.ballNum li.ballPurple {
    width: 53px;
    height: 53px;
    font-size: 20px;
    line-height: 54px;
    background: url(../../assets/img/ball_purple.png);
	background-size:contain;
}

ul.ballNum li.ballYellow {
    width: 57px;
    height: 57px;
    font-size: 23px;
    line-height: 61px;
    background: url(../../assets/img/ball_yellow.png);
	background-size:contain;
}

ul.ballNum li.ballGreen {
    width: 63px;
    height: 63px;
    font-size: 29px;
    line-height: 61px;
    background: url(../../assets/img/ball_green.png);
	background-size:contain;
}

ul.ballNum li.ballRed {
    width: 60px;
    height: 60px;
    font-size: 26px;
    line-height: 61px;
    background: url(../../assets/img/ball_red.png);
	background-size:contain;
}
.info {
    position: absolute;
    top: 10px;
    left: 130px;
}
.btnRestart {
    position: absolute;
    top: 200px;
    left: 20px;
}
.btnViewHistory {
    position: absolute;
    top: 242px;
    left: 20px;
}
#supreme658_result, #power655_result, #star650_result, #toto4d_result, #toto5d_result, #toto6d_result{
	width:80%;
	min-width:483px;
	height:547px;
	background:url(../../assets/img/mask.png) repeat-x;
	position:absolute;
	display:none;
}
}
@media (min-width: 425px) and (max-width: 514px) {
#outerDiv{
	margin:auto;
	width: 393px;
    height: 268px;
	background:url(../../assets/img/luckynumber.png) repeat-x;
	background-size:contain;
}

#iconGame{
	width:80%;
	height:auto;
	position:absolute;
}

#iconGame ul li.power655{
	opacity: 1;
    left: 235px !important;
    top: 15px !important;
}
#iconGame ul li.supreme658{
	left: 145px !important;
    top: 40px !important;
}
#iconGame ul li.star650{
	left: 310px !important;
    top: 35px !important;
}
#iconGame ul li.toto4d{
	left: 340px !important;
    top: 160px !important;
}
#iconGame ul li.toto4dz{
	left: 300px !important;
    top: 210px !important;
}
#iconGame ul li.toto5d{
	left: 205px !important;
    top: 215px !important;
}
#iconGame ul li.toto6d{
	left: 150px !important;
    top: 190px !important;
}
.ln650{
	max-width:55px;
}
.ln655{
	max-width:43px;
}
.ln658{
	max-width:55px;
}
.ln6d{
	max-width:47px;
}
.ln5d{
	max-width:50px;
}
.ln4d{
	max-width:47px;
}

ul.ballNum li.ballRed{
	left: 28px !important;
    top: 125px !important;
}
ul.ballNum li.ballGreen{
	left: 80px !important;
    top: 76px !important;
}
ul.ballNum li.ballYellow{
	left: 160px !important;
    top: 115px !important;
}
 ul.ballNum li.ballPurple{
	left: 229px !important;
    top: 110px !important;
}
ul.ballNum li.ballBlue{
	left: 165px !important;
    top: 69px !important;
}

ul.ballNum li.ballOrange{
	left: 300px !important;
    top: 60px !important;
}
ul.ballNum li.ballZodiac{
	left: 230px !important;
    top: 110px !important;
}

ul.ballNum li.ballZodiac {
    width: 75px;
    height: 75px;
    font-size: 50px;
    line-height: 80px;
}
ul.ballNum li.ballOrange {
    width: 47px;
    height: 47px;
    font-size: 29px;
    line-height: 50px;
    background: url(../../assets/img/ball_orange.png);
	background-size:contain;
}

ul.ballNum li.ballBlue {
    width: 43px;
    height: 43px;
    font-size: 27px;
    line-height: 49px;
    background: url(../../assets/img/ball_blue.png);
	background-size:contain;
}

ul.ballNum li.ballPurple {
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 35px;
    background: url(../../assets/imgball_purple.png);
	background-size:contain;
}

ul.ballNum li.ballYellow {
    width: 37px;
    height: 37px;
    font-size: 23px;
    line-height: 42px;
    background: url(../../assets/img/ball_yellow.png);
	background-size:contain;
}

ul.ballNum li.ballGreen {
    width: 47px;
    height: 47px;
    font-size: 29px;
    line-height: 50px;
    background: url(../../assets/img/ball_green.png);
	background-size:contain;
}

ul.ballNum li.ballRed {
    width: 42px;
    height: 42px;
    font-size: 26px;
    line-height: 46px;
    background: url(../../assets/img/ball_red.png);
	background-size:contain;
}
.info {
    position: absolute;
    top: 10px;
    left: 50px;
}
.btnRestart {
    position: absolute;
    top: 200px;
    left: 20px;
}
.btnViewHistory {
    position: absolute;
    top: 242px;
    left: 20px;
}
#supreme658_result, #power655_result, #star650_result, #toto4d_result, #toto5d_result, #toto6d_result{
	width:80%;
	min-width:400px;
	height:285px;
	background:url(../../assets/img/mask.png) repeat-x;
	position:absolute;
	display:none;
}
}
@media (min-width: 280px) and (max-width: 424px) {
#outerDiv{
	margin:auto;
	width: 288px;
    height: 245px;
	background:url(../../assets/img/luckynumber.png) repeat-x;
	background-size:contain;
}

#iconGame{
	width:80%;
	height:auto;
	position:absolute;
}

#iconGame ul li.power655{
	opacity: 1;
    left: 155px !important;
    top: 0px !important;
}
#iconGame ul li.supreme658{
	left: 100px !important;
    top: 25px !important;
}
#iconGame ul li.star650{
	left: 210px !important;
    top: 0px !important;
}
#iconGame ul li.toto4d{
	left: 245px !important;
    top: 120px !important;
}
#iconGame ul li.toto4dz{
	left: 195px !important;
    top: 150px !important;
}
#iconGame ul li.toto5d{
	left: 140px !important;
    top: 150px !important;
}
#iconGame ul li.toto6d{
	left: 90px !important;
    top: 135px !important;
}
.ln650{
	max-width:55px;
}
.ln655{
	max-width:43px;
}
.ln658{
	max-width:55px;
}
.ln6d{
	max-width:47px;
}
.ln5d{
	max-width:50px;
}
.ln4d{
	max-width:47px;
}

ul.ballNum li.ballRed{
	left: 0px !important;
    top: 125px !important;
}
ul.ballNum li.ballGreen{
	left: 45px !important;
    top: 76px !important;
}
ul.ballNum li.ballYellow{
	left: 85px !important;
    top: 115px !important;
}
 ul.ballNum li.ballPurple{
	left: 140px !important;
    top: 110px !important;
}
ul.ballNum li.ballBlue{
	left: 125px !important;
    top: 69px !important;
}

ul.ballNum li.ballOrange{
	left: 230px !important;
    top: 50px !important;
}
ul.ballNum li.ballZodiac{
	left: 175px !important;
    top: 100px !important;
}

ul.ballNum li.ballZodiac {
    width: 65px;
    height: 65px;
    font-size: 50px;
    line-height: 80px;
}
ul.ballNum li.ballOrange {
    width: 47px;
    height: 47px;
    font-size: 29px;
    line-height: 50px;
    background: url(../../assets/img/ball_orange.png);
	background-size:contain;
}

ul.ballNum li.ballBlue {
    width: 43px;
    height: 43px;
    font-size: 27px;
    line-height: 49px;
    background: url(../../assets/img/ball_blue.png);
	background-size:contain;
}

ul.ballNum li.ballPurple {
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 35px;
    background: url(../../assets/img/ball_purple.png);
	background-size:contain;
}

ul.ballNum li.ballYellow {
    width: 37px;
    height: 37px;
    font-size: 23px;
    line-height: 42px;
    background: url(../../assets/img/ball_yellow.png);
	background-size:contain;
}

ul.ballNum li.ballGreen {
    width: 47px;
    height: 47px;
    font-size: 29px;
    line-height: 50px;
    background: url(../../assets/img/ball_green.png);
	background-size:contain;
}

ul.ballNum li.ballRed {
    width: 42px;
    height: 42px;
    font-size: 26px;
    line-height: 46px;
    background: url(../../assets/img/ball_red.png);
	background-size:contain;
}
.info {
    position: absolute;
    top: 10px;
    left: 0px;
	width: 235px;
}
.btnRestart {
    position: absolute;
    top: 200px;
    left: 20px;
	width:135px;
}
.btnViewHistory {
    position: absolute;
    top: 242px;
    left: 20px;
	width:135px;
}
#supreme658_result, #power655_result, #star650_result, #toto4d_result, #toto5d_result, #toto6d_result{
	width:80%;
	min-width:280px;
	height:206px;
	background:url(../../assets/img/mask.png) repeat-x;
	position:absolute;
	display:none;
}
}