*{margin:0}
img{max-width:100%; height:auto}
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	position:relative;
	background-color:#000;
	font-family: "Roboto", sans-serif;
}
/*
	body{background-image: url("../img/background2.png"); background-repeat: no-repeat; background-size:100% 100%;overflow: hidden; position:relative}
	.box{position:absolute; background-image: url("../img/box.png"); background-repeat: no-repeat;top: 50%;left: 50%;transform: translate(-50%, -50%);background-size:100%;width: 50vw;height: 50vw; background-position: center;max-height: 700px;max-width: 700px;}
	.logo{position:absolute; background-image: url("../img/logo.png"); background-repeat: no-repeat; height: 10vh;width: 100%;background-size: contain;background-position: center; margin: 2vh 0;max-height: 200px;}
	.left{background-image: url("../img/left.png"); background-repeat: no-repeat;width: 15vw;height: 70vh;background-size: contain;background-position: center;left: 15vw;position: relative;max-width: 200px;top: 50%;transform: translate(-50%, -50%);}
	.number_wrap .number{width:10vw}
	.number_wrap .number img{width:100%;height:auto;display: block;}
*/
.container{position:relative}
.number_wrap{}
.number_wrap .number{position:absolute;width: 20%;height: auto;}
.number_wrap .number_one{bottom: 5%;left: 10%;}
.number_wrap .number_two{bottom: 20%;left: 10%;}
.number_wrap .number_three{bottom: 35%;left: 9.5%;}
.number_wrap .number_four{bottom: 50%;left: 8.5%;}
.number_wrap .number_five{bottom: 65%;left: 7.5%;}

.box_wrap{position:absolute;top:23%;left:32%;width: 55vw;}
.box_wrap .box_title{width: 50vw;  height: 13vw;  display: flex; align-items: center;}
.box_wrap .box_title h2{color: #fff; font-weight:bold; font-size:2.5vw}
.box_wrap .box_content{
	/*! margin-top: 3%; */
	margin-left: 5%;
	/*! width: 90%; */
	/*! height: 17vw; */
}
.box_wrap .box_content .answer{margin:1vw 0; font-size:1.8vw}
.correct { background-color: #c8f7c5; }
.wrong { background-color: #f7c5c5; }
.chucmung{position:absolute;top: 40%;left: 50%;transform: translate(-50%, -50%)}
.chucmung h3{color:#009933;text-align: center;font-size: 2.5vw;}
#countdown{font-size: 2vw; font-weight: bold; color: #009933; position:absolute; right: 14%; top: 16%}