/* 顏色設定 */
$gray-content-color: #666666; // 次要內容
$link-color: #2980B8; // 超連結

section-style {
	padding: 80px 0;

	.block {
		p {
			// padding-top: 20px;
			line-height:20px;
		}
		img {
			width: 100%;
		}
		.start {
			padding-top: 30px;
		}
	}

	.content {
		padding: 0 30px;

		@media (min-width: 992px) {
			padding: 0 50px;
		}
	}

	.card-text {
		padding-bottom: 5px;
		font-size: 0.8rem;
		color: #666666;
	}

	.sub-title {
		color: #000;
	}
}

.section1 {
	@extend section-style;

	table {
		border-collapse: collapse;
	}

	td {
		border: none;
	}
}

.section2 {
	@extend section-style;

	background-color: #F2F2F2;
}

.section3 {
	@extend section-style;
}

.section4 {
	@extend section-style;
}

.section5 {
	@extend section-style;

	background-color: #ECECEC;

	.card {
		background-color: #ECECEC;
	}
}

.section6 {
	@extend section-style;
	color: $gray-content-color;

	h2 {
		color: #000;
	}
}

.section7 {
	@extend section-style;
	padding: 40px 0;
	margin-bottom: 60px;
	color: $gray-content-color;
	background-color: #F2F2F2;
	
	a {
		color: #000;
		font-weight: 600;
		padding: 0 15px;

		&:hover { 
			color: #78AD42;
			text-decoration:none;
		}
	}
}

.section8 {
	@extend section-style;

	color: $gray-content-color;

	h2 {
		font-weight: 600;
		color: #000;
	}

	p {
		font-size: 0.8rem;
		color: #666666;
	}
}

.section9 {
	@extend section-style;

	color: $gray-content-color;

	h1 {
		font-weight: 600;
		color: #000;
	}

	h2 {
		font-weight: 600;
		color: #000;
	}

	p {
		font-size: 0.8rem;
		color: #666666;
	}

	.title {
		color: #000;
	}
}

.section10 {
	@extend section-style;

	font-weight: 600;

	.l1 {
		font-size: 0.8rem;
		margin-top: 60px;
		color: #B4B4B4;
	}
	
	.l2 {
		font-size: 0.8rem;
		color: #D1C7A8;
	}

	.l3 {
		font-size: 0.8rem;
		color: #A5AA91;
	}
}

.section11 {
	@extend section-style;

	background-color: #ECECEC;
}

.section12 {
	color: $gray-content-color;

	h2 {
		font-weight: 600;
		color: #000;
	}
}