.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

.modal .modal-content {
	background-color: #fefefe;
	margin: 50% auto;
	padding: 20px;
	width: 80%;
	color: #333333;
	border-radius: 10px;
}

.modal .modal-content .word {
	text-align: center;
	color: #333333;
}

.modal .modal-content .modal_btn {
	background-color: #5BB279;
	color: #FFFFFF;
	width: 60%;
	height: 30px;
	line-height: 30px;
	border-radius: 20px;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
}

.modal2 {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

.modal2 .modal-content2 {
	background-color: #fefefe;
	/*margin: 50% auto;*/
	padding: 20px;
	width: 80%;
	max-width: 350px;
	color: #333333;
	border-radius: 10px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.modal2 .modal-content2 .word2 {
	text-align: center;
	color: #333333;
}

.modal2 .modal-content2 .modal_btns {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.modal2 .modal-content2 .modal_btn2{
	background-color: #5BB279;
	color: #FFFFFF;
	width: 40%;
	height: 30px;
	line-height: 30px;
	border-radius: 20px;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
}

.modal2 .modal-content2 .modal_btn3{
	background-color: rgba(42, 42, 23, 0.34);
	color: #FFFFFF;
	width: 40%;
	height: 30px;
	line-height: 30px;
	border-radius: 20px;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
}