.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2147483648; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { width:100%; height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url('/public/image/loading.gif') no-repeat 50% 50%; }

.box-modal {
	position: relative;
	width: 100%;
	padding: 16px;
	background: #F9F9F9;
	color: #3c3c3c;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	border-radius: 6px;
	margin-left:auto;
	margin-right:auto;
}
.box-modal_close { position: absolute; right: 10px; top: 6px; font-size: 11px; line-height: 15px; color: #999; cursor: pointer; }
.box-modal_close:hover { color: #666; }


@media (min-width: 768px) {
	.box-modal {
		width: 90%;
	}
}
@media (min-width: 992px) {
	.box-modal {
		width: 80%;
	}
}
@media (min-width: 1200px) {
	.box-modal {
		width: 60%;
	}
}