@charset "uft-8";

.bg_ok {
	background: #3cb371;
}

.bg_alert {
	background: #ffa500;
}

.bg_err {
	background: #cd5c5c;
}

.bg_submit {
	background: #cd5c5c;
}

.bg_submit:hover {
	background: #bc8f8f;
}

.bg_cancel {
	background: #778899;
}

.bg_cancel:hover {
	background: #708090;
}

@media screen and (min-width: 768px) {
	.dialog {
		position: fixed;
		top: 15%;
		right: 0;
		left: 0;
		margin: auto;
		width: 400px;
	}
	
	.dialog .dialog_title {
		padding: 20px 0 0 0;
		border-radius: 5px 5px 0 0;
	}
	
	.dialog .dialog_title .title_img {
		width: 70px;
		margin: 0 auto;
	}
	
	.dialog .dialog_title .title_text {
		padding: 10px 0;
		text-align: center;
		font-size: 24px;
		font-weight: bold;
		color: #fff;
	}
	
	.dialog .dialog_message {
		padding: 20px;
		background: #fff;
		text-align: center;
		border-radius: 0 0 5px 5px;
	}
	
	.dialog .dialog_message .message_text {
		display: inline-block;
		padding-bottom: 20px;
		text-align: left;
	}
	
	.dialog .dialog_message .message_btn {
		width: 100px;
		margin: 0 auto;
		padding: 10px 15px;
		border-radius: 20px;
		cursor: pointer;
	}
	
	.dialog .dialog_message .message_btn img {
		width: 12px;
	}
	
	.dialog .dialog_message .message_btn span {
		padding-left: 10px;
		color: #fff;
	}
}

@media screen and (max-width: 767px) {
	.dialog {
		position: fixed;
		top: 15%;
		right: 0;
		left: 0;
		margin: auto;
		width: 85%;
		max-width: 400px;
	}
	
	.dialog .dialog_title {
		padding: 20px 0 0 0;
		border-radius: 5px 5px 0 0;
	}
	
	.dialog .dialog_title .title_img {
		width: 70px;
		margin: 0 auto;
	}
	
	.dialog .dialog_title .title_text {
		padding: 10px 0;
		text-align: center;
		font-size: 24px;
		font-weight: bold;
		color: #fff;
	}
	
	.dialog .dialog_message {
		padding: 20px;
		background: #fff;
		text-align: center;
		border-radius: 0 0 5px 5px;
	}
	
	.dialog .dialog_message .message_text {
		display: inline-block;
		padding-bottom: 20px;
		text-align: left;
	}
	
	.dialog .dialog_message .message_btn {
		width: 100px;
		margin: 0 auto;
		padding: 10px 15px;
		border-radius: 20px;
		cursor: pointer;
	}
	
	.dialog .dialog_message .message_btn img {
		width: 12px;
	}
	
	.dialog .dialog_message .message_btn span {
		padding-left: 10px;
		color: #fff;
	}
}