body {
	width: 100%!important;
	height: 100%!important;
	margin: 0!important;
	padding: 0!important;
	box-sizing: border-box!important;
}
.dong-dau {
	display: flex;
	margin: 0;
	padding: 0;
	height: 70px;
	margin-bottom: 10px;
}

.logo-div {
	width:110px;
	margin: 10px 0 0 10px;
}
.logo-img {
	width: 100px;
	height: 66px;
}

.dong-dau > div.tieu-de {
	flex-grow: 1;
}

.tieu-de-h3 {
	text-align: center;
	color: yellow;
}

.dong-giua {
/* chua vong quay */
	display: flex;
	width: 100%;
}

.giua-cot1 {
	width: 54%;
}

.giua-cot2 {
	position: relative;
	width: 46%;
}

.nut-luot-moi {
	position: absolute;
	left: 300px;
	bottom: 0;
	font-size: 18px;
	text-align:center;
}

.nut-luot-moi button {
	height: 45px;
	width: 120px;
}

.giua-cot3 {
	font-family: Arial, Roboto, sans-serif;
	font-size: 16px;
	border: 0px solid white;
}

.vongquay {
	margin-top: 5px;
}

#nutquay.nutquay {
	top: 0;
	margin-top:-10px;
}

.nutbatdau {
	margin-top: -20px!important;
}

.dong-cuoi {
	background-color: red;
	text-align: center!important;
}

.dong-dau, .dong-giua, .dong-cuoi {
	width: 100%;
}

.bang-trung-thuong {
	width: 80%;
	margin: auto;
}
.nen-bang {
	background-color: yellow;
	color: red;
	font-weight: bold;
}

.noi-dung-vong-quay {
	font-size: 25px;
	color: #ffffff;
	margin-left: 1em;
	text-align: center;
}

td.phan-tram {
	width: 50px;
}

.dong-cuoi-h4 {
	color: yellow;
}

.xuat-hinh-anh {
	height: fit-content;
}

#doc-ten-hinh.doc-ten-hinh {
	display: none;
    width: 200px;
    height: 50px;
    font-size: 24px;
    font-weight: bold;
    font-family: arial;
    border: 1px solid #00ffa2;
    /* text-align: center; */
    margin-left: 2em;
}

/* expired date: 2022-07-12 | 3 thang het han */

@media screen and (max-width: 1008px) {
	body {
		width: 100vw;
		margin: 0 5px;
		overflow-x: hidden;
	}
	.dong-dau, .dong-giua {
		display: flex!important;
		flex-direction: column!important;
	}
	.dong-dau > div {
		width: 100%!important;
		text-align: center;
		margin: 0!important;
	}
	.dong-dau > div.tieu-de {
		height: fit-content;
		padding: 0;
		margin: 0;
	}
	.dong-giua {
		margin-top: 90px;
	}
	.dong-giua .giua-cot1,
	.dong-giua .giua-cot2, 
	.dong-giua .giua-cot3 {
		width: 99vw;
	}
	.dong-giua .giua-cot1,
	.dong-giua .giua-cot3, {
		padding: 1em;
	}
	.dong-giua .giua-cot2, .dong-giua .nut-luot-moi {
		position: static;
	}

	.giua-cot1 {
		text-align: center;
		display: flex;
		flex-direction: column;
	}
	.giua-cot1, .giua-cot2 {
		width: 100%;
	}
	.vongquay {
		margin: auto;
		margin-top: 0;
		text-align: center;
		width: fit-content;
	}
	canvas {
		width: 98vw;
		height: auto;
	}
	.dong-cuoi table * {
		font-size: 1em!important;
	}

	body > div.dong-cuoi > table.bang-trung-thuong tr, 
	body > div.dong-cuoi > table.bang-trung-thuong td, 
	.nen-bang {
		font-size: 13px!important;
	}

	.dong-cuoi h3, .dong-cuoi h4, .dong-cuoi h5 {
		font-size: 20px;
	}

	table.bang-trung-thuong {
		width: 100%;
	}

	body > div.dong-cuoi > table > tbody > tr.nen-bang > td:nth-child(1) {
		width: fit-content;
	}

	body > div.dong-cuoi > table > tbody > tr.nen-bang > td:nth-child(2), .dong-cuoi {
		text-align: left!important;
	}
}