body {
	color: white;
	margin: auto;
}

.div01 {
	height: 4%;
	background-color: #ff4d49;
}

.div02 {
	padding: 1% 5%;
	height: 83%;
	color: black;
}

.div07 {
	height: 14%;
	background-color: #232a34;
}

.div01.left {
	color: white;
	line-height: 120%;
	font-size: 100%;
	float: left;
	width: 20%;
	height: 100%;
	padding: 1%;
	margin-right: 59%;
}

.div01.right {
	cursor: pointer;
	font-size: 100%;
	text-align: center;
	line-height: 120%;
	float: right;
	width: 20%;
	height: 100%;
	padding: 1%;
}

.div01.hide {
	font-size: 120%;
	display: none;
	height: 20%;
	padding: 1%;
}

.div01.hide p:hover {
	color: #000;
	background-color: #fff;
}

.div01.right:hover {
	border: 3px solid #ccc;
}

.div02 p {
	font-size: 100%;
	color: #555;
}

.div02 p:nth-of-type(1) {
	font-size: 200%;
	color: #000;
	font-weight: bold;
}

.div02 img {
	width: 100%;
}

.div02.btn {
	font-size: 150%;
	line-height: 80%;
	width: 80%;
	height: 5%;
	border-radius: 5px;
	background-color: #fec107;
	margin: 0 5%;
}

.div07.top {
	height: 49.5%;
}

.div07.bottom {
	height: 49.5%;
	border-top: 1px solid #888;
}

.div07.top.first {
	cursor: pointer;
	float: left;
	width: 33.33%;
	height: 100%;
}

.div07.top,
.div07.bottom {
	font-size: 100%;
	line-height: 300%;
	text-align: center;
}

.div07.top.first {
	border-left: 1px solid #888;
}

.div07.top.first:hover {
	background-color: #111;
}