bhouseWeb/themes/hugo-lamp/static/css/templates/_section.scss

/* 顏色設定 */
$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;
	}
}

.section13 {
	@extend section-style;

	padding: 0;
}

.section14 {
	@extend section-style;

	padding: 1px 0;

	.title {
		color: #78AD42;
	}
}

.section15 {
	@extend section-style;

	background-color: #F1F1F1;

	div {
		padding-bottom: 10px;
	}

	p {
		color: #4D4D4D;
	}

	.title {
		color: #78AD42;
	}
}

.section16 {
	@extend section-style;

	h2 {
		color: #78AD42;
	}

	.row {
		margin-bottom: 60px;
	}
}

.section17 {
	@extend section-style;

	background-color: #F1F1F1;

	h2 {
		color: #78AD42;
	}

	.row {
		margin-bottom: 60px;
	}
}

.section18 {
	@extend section-style;

	color: #FFF;
	font-weight: 600;

	background-color: #333333;

	a {
		color: #2ABFF4;
		padding: 0 15px;

		text-decoration: underline;

		&:hover { 
			color: #78AD42;	
		}
	}
}

.section19 {
	@extend section-style;

	h2 {
		color: #78AD42;
	}

	@media (min-width: 768px) {
		.img-padding {
			padding: 0 200px;
		}
	}
}

.section20 {
	@extend section-style;

	.title {
		color: #78AD42;
		padding-bottom: 10px;
	}
}

.section21 {
	@extend section-style;

	background-color: #ECECEC;

	table {
		border-collapse: collapse;
	}
	
	tr {
		line-height: 22px;
	}

	td {
		border: none;
		font-weight: 600;
	}

	.title {
		color: #78AD42;
	}
}

.section22 {
	@extend section-style;

	.title {
		color: #78AD42;
	}

	@media (min-width: 768px) {
		.img-padding {
			padding: 0 100px 0 0;
		}
	}
}

.section23 {
	@extend section-style;
	
	background-color: #ECECEC;

    .title {
		color: #78AD42;
	}

	@media (min-width: 768px) {
		.img-padding {
			padding: 0 50px 0 0;
		}
	}
}

.section24 {
	@extend section-style;

	padding: 50px 0;

	.title {
		color: #78AD42;
	}
}