* { padding: 0; margin: 0; }
html {
    height: 100%;
}
body {
    height: 100%;
    overflow: hidden;
}
header {
	background-color: #0087dc;
	font-size: x-large;
	font-weight: bolder;
	color: white;
	padding: 5px 30px;
}
.lotto {
	width: 100%;
	height: 100%;
	float:left;
	position: relative;
	overflow: hidden;
	background-color: ;
}
.bingo {
	width: 100%;
	height: 0%;
	float:right;
	position: absolute;
	bottom: 0px;
	background-color: #FFF9C4;
	background-image: url("../image/bg.png")
}

.ball{
	top: 0px;
	left: 0px;
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	font-size: xx-large;
	font-weight: bolder;
	border-radius: 40px;
	position: absolute;
	box-shadow: 6px 6px 8px #333;
}
.ball.selected{
	margin: 1px 5px;
	position: relative;
	display: inline-block;
}

.ball.large{
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50px;
	font-size: 60px;
}

.ball.selected.large.superlarge{
	width: 500px;
	height: 500px;
	line-height: 500px;
	border-radius: 250px;
	font-size: 280px;
	position: absolute;
	box-shadow: 16px 16px 18px #333;
	z-index: 9999999;
}

div#placeholder{
	height:20px;
	box-shadow: 0px 0px 0px;
}

.bg{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #9E9E9E;
	opacity: 0;
	background-image: url("../image/winner2.jpg");
    background-size: 100% auto;
    background-repeat: no-repeat;
}