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

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

.wrapper--xxxl {
	max-width: 1500px;
}

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

.wrapper--container {
	max-width: 1560px;
}

@media only screen and (max-width: 1620px) {
	.wrapper--container {
		padding: 0 30px;
	}
}

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

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

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

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

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

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

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

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

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

.wrapper--xs {
	max-width: 480px;
}

@media only screen and (max-width: 500px) {
	.wrapper--xs {
		padding: 0 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 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%*/