@charset "utf-8";

.section {
	margin: 100px 0;
	position: relative;
}

/* 滿的 沒有margin padding */
.section--full {
	margin: 0;
	padding: 0;
}

/* 有背景色 */
.section--solid {
	margin: 0;
	padding: 100px 0;
}
.section:last-child.section--solid {
	margin-bottom: 0;
}


/* 區塊-標題區 */
.section__heading {
	font-size: 34px;
	margin-bottom: 30px;
	line-height: 1.45;
	font-weight: bold;
	display: block;
}
.section__subheading {
	display: table;
	font-weight: normal;
	margin-bottom: 2em;
}

.section__text {
	line-height: 1.875;
}

/* 側邊垂直裝飾性文字 */
.section__vtl-text {
	display: none;
}

/* section 內容區 */
.section__inner {
	width: 100%;
	padding: 0 15px;
}

/* 雙欄 section 大外框 */
.sections-wrap {
	position: relative;
}


@media (max-width: 767px) {
	/* 交疊 xs 小版 */
	.sections-wrap--overlay-xs .section1 {
		margin-right: 15px;
	}
	.sections-wrap--overlay-xs .section1::before {
		content: '';
		background: #222;
		display: block;
		width: 15px;
		position: absolute;
		z-index: 0;
		top: 0;
		bottom: 50%;
		right: -15px;
	}
	.sections-wrap--overlay-xs .section1--left {
		margin-left: 15px;
		margin-right: 0;
	}
	.sections-wrap--overlay-xs .section1--left::before {
		right: auto;
		left: -15px;
	}
	.sections-wrap--overlay-xs.bg-primary + .sections-wrap--overlay-xs .section1::before {
		background: #7d0000;
	}
	.sections-wrap--overlay-xs.bg-dark + .sections-wrap--overlay-xs .section1::before {
		background: #000;
	}
}

@media screen and (min-width: 768px) {
	.sections-wrap .section {
		height: 100%;
	}

	/* 交疊 - md up */
	.sections-wrap--overlay-md .section1 {
		padding: 100px 0;
	}
	.sections-wrap--overlay-md .section1::before {
		content: '';
		background: #222;
		display: block;
		width: 50%;
		height: 100%;
		position: absolute;
		z-index: 0;
		top: 0;
		bottom: 0;
	}
	.sections-wrap--overlay-md .section1--left::before {
		right: 0;
	}
	.sections-wrap--overlay-md .section1__img {
		position: relative;
	}
}

@media screen and (min-width: 1024px) {
	.section {
		margin: 180px 0;
	}
	.section--solid {
		margin: 0;
		padding: 180px 0;
	}
	.section--full {
		margin: 0;
		padding: 0;
	}
	.sections-wrap .section {
		min-height: 46.875vw;
	}
	.section__inner {
		max-width: 700px;
	}
}

@media (min-width: 1230px) {
	
	.section__inner {
		padding: 0;
	}
}
@media (min-width: 1430px) {
	
	.section__text {
		font-size: 18px;
		line-height: 1.67;
	}
	.section__vtl-text {
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		transform: rotate(-90deg) translateX(-50%);
		transform-origin: left top;
		font-size: 14px;
		padding-top: 18px;
		font-weight: 300;
		color: #ccc;
	}
	.section__vtl-text--right {
		left: auto;
		right: 0;
		padding-top: 0;
		padding-bottom: 18px;
		transform-origin: right bottom;
		transform: rotate(-90deg) translateX(150%);
	}


}
@media (min-width: 1680px) {
	/* 區塊-標題區 */
	.section__heading{
		font-size: 48px;
		line-height: 1.36;
		margin-bottom: 35px;
	}
	.section__vtl-text {
		padding-top: 100px;
	}
	.section__vtl-text--right {
		padding-top: 0;
		padding-bottom: 100px;
	}
}