* { margin: 0; padding: 0; }
body { background-color: #f9f0eb; }
#content {
	width: 880px;
	height: 550px;
	font-size: 20px;
	margin: 50px auto 20px;
	background-color: aquamarine;
	background-image: url('../img/bg.png');
	background-size: 100% 100%;
}
#title {
	width: 45%;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	border-radius: 15px;
	border: 2px solid black;
	position: relative;
	top: 15px;
}
#lucky-title {
	width: 270px;
	font-weight: bold;
	text-align: center;
	position: relative;
	top: 42px;
	left: 420px;
}
#tip { position: relative; top: 200px; left: 20px; }
.tip-word {
	width: 180px;
	margin: 15px 0;
	font-weight: bold;
	text-align: center;
}
#stage {
	color: #fff;
	width: 180px;
	padding: 5px;
	text-align: center;
	border-radius: 10px;
	background-color: red;
}
#lucky {
	height: 350px;
	width: 600px;
	position: relative;
	left: 250px;
	top: -120px;
	
	display: flex;
	/* align-items: center; */
	justify-content: space-evenly;
}
.lucky-row {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.img { width: 80px; height: 80px; }
.attr { height: 50px; line-height: 50px;}
.number { 
	width: 50px;
	height: 50px;
	margin: 10px 0;
	line-height: 50px;
	text-align: center;
	background-image: url('../img/red.png');
	background-size: 100% 100%;
}
#control { width: 880px; margin: 0 auto 30px; }
.con-tip { padding: 0 5px; }
.con-line { margin: 10px 0; }
.btn { width: 110px; height: 25px; margin: 15px 0 0 15px; }
#sure-lucky { width: 60px; height: 20px; }