@charset "UTF-8";
.wrapper {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.wrapper--fluid {
	max-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

@media only screen and (max-width: 1960px) {
	.wrapper {
		padding: 0 20px;
	}
}

.wrapper--lg {
	max-width: 1660px;
}

@media only screen and (max-width: 1700px) {
	.wrapper--lg {
		padding: 0 20px;
	}
}

.wrapper--md {
	max-width: 1280px;
}

@media only screen and (max-width: 1310px) {
	.wrapper--md {
		padding: 0 15px;
	}
}

.wrapper--sm {
	max-width: 1080px;
}

@media only screen and (max-width: 1110px) {
	.wrapper--sm {
		padding: 0 15px;
	}
}

@media only screen and (max-width: 768px) {
	.wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.hide {
	display: none;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.edit img, .edit iframe {
	max-width: 100%;
	height: auto;
}

.edit iframe {
	width: 100%;
	aspect-ratio: 16/9;
}

.edit table {
	max-width: 100%;
}

/*IE 滿版背景圖晃動 */
/* @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none)
	html
		overflow: hidden
		height: 100%
	body
		overflow: auto
		height: 100%*/