@charset "UTF-8";

/* --- 模态 --- */

html.is-jpopup-open,
html.is-jpopup-open body { min-height: 100%; overflow: hidden; }

body.is-jpopup-open { overflow: hidden; }

.jpopup-wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; background-color: rgba(10, 10, 10, 0.45); overflow-y: auto; }
.jpopup-wbox { position: relative; top: 100px; z-index: 1006; border: 1px solid #cacaca; background-color: #fefefe; margin-right: auto; margin-left: auto; overflow-y: auto; }

@media print, screen and (min-width: 40em) {
	.jpopup-wbox, .jpopup-wbox.tiny, .jpopup-wbox.small, .jpopup-wbox.large {
		right: auto;
		left: auto;
		margin: 0 auto;
	}
}

@media print, screen and (min-width: 40em) {
	.jpopup-wbox {
		min-height: 0;
	}
}

@media print, screen and (min-width: 40em) {
	.jpopup-wbox {
		width: 600px;
		max-width: 62.5rem;
	}
}

@media print, screen and (min-width: 40em) {
	.jpopup-wbox.tiny {
		width: 30%;
		max-width: none;
	}
}

@media print, screen and (min-width: 40em) {
	.jpopup-wbox.small {
		width: 50%;
		max-width: none;
	}
}

@media print, screen and (min-width: 40em) {
	.jpopup-wbox.large {
		width: 90%;
		max-width: none;
	}
}

.jpopup-wbox.full {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: none;
	height: 100%;
	min-height: 100%;
	margin-left: 0;
	border: 0;
	border-radius: 0;
}

@media screen and (max-width: 39.99875em) {
	.jpopup-wbox {
	
	/*	top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		max-width: none;
		height: 100%;
		min-height: 100%;
		margin-left: 0;
		border: 0;
		border-radius: 0;*/
		width: 80%;
	}
}