.lawn {
	padding-top: 86px;
	padding-bottom: 86px;
	text-align: center;
}
.lawn h5 {
	font-size: 36px;
	letter-spacing: 1px;
	color: #77b725;
	margin-bottom: 44px;
}
.lawn div {
	font-size: 16px;
	line-height: 48px;
	color: #666;
}
.lawn div p {
	font-size: 16px;
	line-height: 48px;
	color: #666;
}
.people-make .cases {
	padding-top: 86px;
	padding-bottom: 110px;
	background-color: #eef6dc;
}
.people-make .cases .container {
	overflow: hidden;
	padding-top: 74px;
}
.people-make .cases .item {
	margin-bottom: 32px;
}
.people-make .cases .item a {
	display: block;
	background-color: #fff;
	padding: 22px 22px 0 22px;
}
.people-make .cases .item a .image {
	overflow: hidden;
}
.people-make .cases .item a:hover img {
	transform: scale(1.2);
}
.people-make .cases .item a .text {
	height: 72px;
	font-size: 18px;
	letter-spacing: 1px;
	color: #333333;
	text-align: center;
	line-height: 72px;
	padding: 0 15px;
}
.people-make .products {
	padding-top: 86px;
}
.people-make .products .container {
	padding-top: 82px;
	padding-bottom: 112px;
	overflow: hidden;
}
.people-make .products .item {
	width: 49%;
	padding: 36px 36px 0 36px;
	background-color: #fff;
	border: solid 1px #e3e3e3;
	margin-bottom: 44px;
}
.people-make .products .item:nth-of-type(even) {
	margin-left: 2%;
} 
.people-make .products .item:hover .image img {
	transform: scale(1.2);
}
.people-make .products .item .image {
	margin-bottom: 40px;
	overflow: hidden;
}
.people-make .products .item h6 {
	font-size: 36px;
	letter-spacing: 1px;
	color: #333333;
}
.people-make .products .item .detail {
	padding-top: 42px;
	padding-bottom: 40px;
	height: 200px;
}
.people-make .products .item .detail p {
	padding-left: 40px;
	position: relative;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #555555;
}
.people-make .products .item .detail p::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #000;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
}
.people-make .products .item .colors {
	padding: 34px 0 42px;
	display: flex;
}
.people-make .products .item .colors p {
	width: 60px;
	line-height: 28px;
	letter-spacing: 1px;
	color: #555555;
}
.people-make .products .item .colors div {
	flex: 1;
}
.people-make .products .item .colors div span {
	display: inline-block;
	width: 46px;
	height: 32px;
	margin-bottom: 8px;
	margin-right: 8px;
}
.pattern .zodiac {
	background-color: #eef6dc;
	padding-top: 86px;
	padding-bottom: 114px;
}
.pattern .zodiac .container,
.pattern .constellation .container,
.pattern .sports .container,
.pattern .forset .container,
.pattern .humanities .container,
.pattern .personalized .container,
.pattern .custom .container {
	padding-top: 90px;
}
.pattern .zodiac .container ul,
.pattern .constellation .container ul,
.pattern .sports .container ul,
.pattern .forset .container ul,
.pattern .humanities .container ul,
.pattern .personalized .container ul,
.pattern .custom .container ul {
	overflow: hidden;
}
.pattern .zodiac .container li,
.pattern .constellation .container li,
.pattern .sports .container li,
.pattern .humanities .container li {
	padding: 0 10px;
	margin-bottom: 20px;
}
.pattern .zodiac .container li img {
	height: 336px;
}
.pattern .constellation {
	padding-top: 88px;
	padding-bottom: 124px;
	background-color: #fff;
}
.pattern .sports {
	padding-top: 88px;
	padding-bottom: 140px;
	background-color: #eef6dc;
}
.pattern .sports li img {
	height: 336px;
}
.pattern .forset {
	padding-top: 82px;
	padding-bottom: 100px;
	background-color: #fff;
}
.pattern .forset .fl {
	width: 20%;
}
.pattern .forset li {
	padding: 0 10px;
	margin-bottom: 20px;
}
.pattern .humanities {
	padding-top: 86px;
	padding-bottom: 114px;
	background-color: #eef6dc;
}
.pattern .mental {
	padding-top: 82px;
	padding-bottom: 118px;
	background-color: #fff;
}
.pattern .mental .container {
	padding-top: 74px;
}
.pattern .mental .container li {
	padding: 0 10px;
}
.pattern .personalized {
	padding-top: 88px;
	padding-bottom: 114px;
	background-color: #eef6dc;
}
.pattern .personalized .container li {
	padding: 0 10px;
	margin-bottom: 30px;
}
.pattern .custom {
	padding-top: 86px;
	padding-bottom: 100px;
	background-color: #fff;
}
.pattern .custom .container li {
	padding: 0 10px;
	margin-bottom: 38px;
}
.pattern .custom .container li img {
	border: 1px solid #e9e9e9;
}

@media(max-width: 768px) {
	.lawn {
		padding-top: 2rem;
		padding-bottom: 1.8rem;
	}
	.lawn h5 {
		margin-bottom: 1rem;
		font-size: 1.5rem;
	}
	.lawn div {
		padding: 0 10px;
		font-size: 0.75rem;
		line-height: 2rem;
	}
	.pattern .zodiac {
		padding-top: 2rem;
		padding-bottom: 1.8rem;
	}
	.pattern .zodiac .container, .pattern .constellation .container, .pattern .sports .container, .pattern .forset .container, .pattern .humanities .container, .pattern .personalized .container, .pattern .custom .container {
		padding-top: 2.2rem;
	}
	.pattern .zodiac .container li, .pattern .constellation .container li, .pattern .sports .container li, .pattern .humanities .container li, .pattern .personalized .container li, .pattern .custom .container li, .pattern .mental .container li  {
		margin-bottom: 0.75rem;
		padding: 0;
	}
	.pattern .zodiac .container li:nth-of-type(2n), .pattern .constellation .container li:nth-of-type(2n), .pattern .sports .container li:nth-of-type(2n), .pattern .humanities .container li:nth-of-type(2n), .pattern .personalized .container li:nth-of-type(2n), .pattern .custom .container li:nth-of-type(2n) {
		padding-left: 5px;
	}
	.pattern .zodiac .container li:nth-of-type(2n-1), .pattern .constellation .container li:nth-of-type(2n-1), .pattern .sports .container li:nth-of-type(2n-1), .pattern .humanities .container li:nth-of-type(2n-1), .pattern .personalized .container li:nth-of-type(2n-1), .pattern .custom .container li:nth-of-type(2n-1) {
		padding-right: 5px;
	}
	.pattern .constellation, .pattern .forset, .pattern .humanities, .pattern .mental,
	.pattern .personalized, .pattern .custom {
		padding-top: 2rem;
		padding-bottom: 1.8rem;
	}
	.pattern .zodiac .container li img {
		height: 210px;
	}
	.pattern .forset li {
		width: 32%;
		margin-bottom: 0.5rem;
		padding: 0;
		margin-right: 2%;
	}
	.pattern .forset li:nth-of-type(3n) {
		margin-right: 0;
	}
	.pattern .humanities .container li {
		padding: 0 !important;
	}
	.pattern .mental .container {
		padding-top: 2.2rem;
	}

	.people-make .cases {
		padding-top: 2rem;
		padding-bottom: 1.8rem;
	}
	.people-make .cases .container {
		padding-top: 2.2rem;
	}
	.people-make .cases .item {
		padding: 0;
		margin-bottom: 1rem;
	}
	.people-make .cases .item:nth-of-type(2n) {
		padding-left: 5px;
	}
	.people-make .cases .item:nth-of-type(2n-1) {
		padding-right: 5px;
	}
	.people-make .cases .item a {
		padding: 0;
	}
	.people-make .cases .item a .text {
		height: 3rem;
		line-height: 3rem;
		font-size: 0.8rem;
		padding: 0 5px;
	}
	.people-make .products {
		padding-top: 2rem;
		padding-bottom: 1.8rem;
	}
	.people-make .products .container {
		padding-top: 2.2rem;
		padding-bottom: 0;
	}
	.people-make .products .item {
		width: 100%;
		padding: 1rem 1rem 0 1rem;
		margin: 0 0 1rem 0 !important;
	}
	.people-make .products .item .image {
		margin-bottom: 0.8rem;
	}
	.people-make .products .item h6 {
		font-size: 1.5rem;
	}
	.people-make .products .item .detail {
		padding-top: 1.2rem;
		padding-bottom: 1rem;
		height: 9rem;
	}
	.people-make .products .item .detail p {
		font-size: 0.875rem;
	}
	.people-make .products .item .colors {
		padding: 0.8rem 0;
	}
}