section .awesome {
    height: 780px;
    background: #008ff5 url("../image/container_bottom_blue.webp") center top no-repeat;
    background-size: cover;
	}
section .responsive-wrap {
	margin-top: -540px;
	}
section .project {
	min-width: 2346px;
	height: 620px;
	padding: 94px 664px 0 0;
	background: url("../image/project_legacy.webp") right top no-repeat;
	background-size: cover;
	}
section .project .layout {
	float: right;
	height: 435px;
	overflow-y: hidden;
	}
section .project .layout li {
	float: right;
	width: 280px;
	}
section .project .layout li img {
	width: 100%;
	}
section .project .animate-plus {
	position: absolute; bottom: 32px; left: 0;
	width: 280px;
	overflow-x: hidden;
	}
section .responsive-wrap .w3c {
	position: absolute; top: 0; left: 40px;
	width: auto;
	z-index: 2;
	}
section .responsive-wrap .w3c li {
	width: 80px;
	}
section .responsive-wrap .w3c span {
	display: block;
	font-weight: bold; font-size: 24px; color: #fff;
	text-shadow: 1px 2px 2px #212121;
	text-align: center;
	}
section .responsive-wrap .w3c img {
	width: 100%;
	}