dbok

.main.view_dbok {
	background-color: #8e444f;
}
.main.view_dbok #document_title {
	color: #fff;
	display: none;
}
.dbok section {
	color: #fff;
	padding: 1em 0 0 0;
	overflow: hidden;
}
.dbok section > article {
	float: left;
	width: calc(100% - 37em);
	padding: 0 0 1em 0;
}
.dbok section > article > img {
	margin: 1.4em 0;
}
.dbok section > article > div {
	clear: right;
}
.dbok section > ul {
	list-style-type: none;
	width: 36em;
	padding: 0 0 1em 0;
	margin: auto;
	overflow: hidden;
}
.dbok section > ul > li {
	float: left;
	width: 12em;
	margin: 0;
	padding: 0;
}
.dbok section > ul > li > a {
	display: block;
	width: 10em;
	padding: 0.4em 1em 0.7em 1em;
	border-radius: 1em;
	transition: background-color 0.2s; 
}
.dbok section > ul > li > a:hover {
	background-color: #fd6;
}
.dbok section > ul > li > a > img {
	width: 10em;
	height: 15em;
	padding: 0;
	margin: 0;
}

/**
* responsive
*/
@media screen and (max-width: 1023px) {
	.dbok section > article {
		float: none;
		width: 100%;
		padding: 0;
	}
	.dbok section > ul {
		float: none;
		margin: 0 auto;
		padding: 0.75em 0 2em 0;
	}
}
Spinner

Login