/* Modal 基本樣式 */
.modal {
	display: none; /* 預設隱藏 */
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(30, 30, 30, 0.6); /* 背景遮罩 */
}

.modal-content {
	width: 80%;
	min-width: 300px;
	max-width: 500px;
	margin: 15% auto;
	background-color: #444;

	padding: 20px;
	border: 2px solid #DD8;
	
	border-radius: 10px;
	text-align: center;
}

.modal-content p {
	margin-bottom: 1.5rem;
}

.modal-content button {
	width: 90px; 
	margin: 0 10px;
	padding: 8px 16px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
}

.modal-content textarea {
	/*font-size: 17px;
		color: #EEE;
		background-color:#666;
	*/
}
.modal-content .btn-ok {
	color: white; background-color: #2196F3; 
}
.modal-content .btn-ok:hover { background-color: #1976D2;}

.modal-content .btn-cancel { color: white; background-color: #777; }
.modal-content .btn-cancel:hover {background-color: #555;}