@charset "utf-8";
body {
	font-family: Arial, Helvetica, "微軟正黑體", sans-serif;
}

.img-resp {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.container {
	width: 1200px;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.base {
	display: flex;
	justify-content: center;
	align-items: center;
}

.base-stripe {
	background-color: #eee;
}

.base-figure {
	text-align: right;
}

.base-flip .base-text {
	order: 2;
}

.base-flip .base-figure {
	order: 1;
	text-align: left;
}

.base-child {
	width: 50%;
}

.base-title,
.base-desc {
	margin: 0 0 1rem;
}

.base-title {
}

.base-desc {
}

.base-desc-lg {
	font-size: 3em;
}

.base-desc-md {
	font-size: 2em;
}

.base-desc-sm {
	font-size: 1em;
}