* {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

input {
	outline: none;
}

[v-cloak] {
	display: none;
}

#sudo {
	position: relative;
	height: 100%;
}

.btnbox {
	padding-top: 48px;
	text-align: center;
}

.btnbox button{display: inline-block; line-height: 1;
    white-space: nowrap; cursor: pointer; background: #FFF; border: 1px solid #DCDFE6; color: #606266; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;
    outline: 0; margin: 0; -webkit-transition: .1s; transition: .1s; font-weight: 500; padding: 12px 20px; font-size: 14px; border-radius: 4px;}
.btnbox button:hover{color: #FFF;background-color: #409EFF;border-color: #409EFF;}
.btnbox .primary {color: #FFF;background-color: #409EFF;border-color: #409EFF;}

.tableList {
	text-align: center;
}

.item {
	float: left;
	width: 50%;
}

.table {
	display: inline-block;
	border: 1px solid #000000;
	box-sizing: border-box;
}

.table ul {
	display: flex;
	width: 32rem;
	height: 3.2rem;
	box-sizing: border-box;
}

.table ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	border-right: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	box-sizing: border-box;
	background: transparent;
}

.table ul:nth-child(3) li, .table ul:nth-child(6) li {
	border-bottom: 1px solid #000000;
}

.table ul:nth-child(9) li {
	border-bottom: none;
}

.table ul li:nth-child(9) {
	border-right: none;
}

.table ul li:nth-child(3), .table ul li:nth-child(6) {
	border-right: 1px solid #000000;
}

.table ul li span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #0051dd;
	font-size: 22px;
	font-weight: bold;
	text-shadow: 0 2px 4px rgba(255,82,82,0.2);
}

.table ul li input {
	border: none;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #cc00ff;
	font-size: 22px;
	font-weight: bold;
}

.answerDiv{
	font-size: 22px;
	font-weight: bold;
	color: #FF5252;
    text-shadow: 0 2px 4px rgba(255,82,82,0.2);
}

@media print{
	.btnbox{display: none;}
}