.message {
	position: absolute;
	width: 100%;
}

.message>div {
	display: block;
	z-index: 10001;
	position: absolute;
	left: 320px;
	top: 40px;
	width: 300px;
	padding: 20px 10px 10px 10px;
	background-color: #ffffff;
	color: #000000;
	box-shadow: 0 0 5px 0 #888888;
	text-align: center;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

@media only screen and (max-width: 959px) {
	.message>div {
		left: calc(50% - 160px);
	}
}

.message .none {
	display: none;
}

.message .notice {
	border: 1px solid #666666;
}

.message .warning {
	border: 1px solid #ff8800;
}

.message .error {
	border: 1px solid #cc0000;
}

.message .button {
	display: inline-block;
	margin: 20px auto 10px auto;
	min-width: 80px;
}

.message .hidden {
	display: block;
	z-index: -10;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.message .reveal {
	display: block;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}