@import url("theme.css");

.top-contents {
	position: relative;
	margin: auto;
	padding-left: 170px;
	padding-bottom:50px;
	max-width: 1300px;
	margin: auto;
}

.top-menu {
	max-width: 1300px;
	position: relative;
	margin: 0 auto;
	padding-top:30px;
	padding-left:150px;
	font-size: 28px;
	margin-bottom: 30px;
}

.contnt-title {
	font-size: 20px;
	margin-bottom: 20px;
}

.container {
	display: flex;
	flex-wrap: wrap;
}

.content-btn {
	display: flex;
	justify-content: space-between;
	border:1px solid #E5E5E5;
	margin-right:30px;
	margin-bottom:30px;
	box-shadow: 0 2px 0 #d1d1d1;
	background-color: #ffffff;
	border-radius: 10px;
}

.content-btn:hover {
	filter:alpha(opacity=80);
	opacity:0.5;
}

.content-btn.content-btn-reference {
	width:300px;
	height: 110px;
	padding-left: 25px;
}

.content-btn.content-btn-option {
	width: 300px;
	height: 70px;
	padding-left: 30px;
}

.content-btn.content-btn-reverse {
	width:420px;
	height:120px;
	padding-left:30px;
}

.content-btn-icon-wrapper {
	width: 80px;
}

.content-btn-label {
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0;
	color: #484848;
	font-family: 'Open Sans Light',Arial,Helvetica,sans-serif;
}

.content-btn-left {
	display: flex;
	align-items: center;
}

.content-btn-right {
	display: flex;
	align-items: flex-end;
	padding-bottom: 5px;
	padding-right: 9px;
}

.content-message-reverce {
	padding-top: 30px;
}

hr {
	margin-top: 0;
	margin-bottom: 24px;
}

@media screen and (min-width: 1400px) {
	.wy-nav-content {
		padding: 1.618em 3.236em;
		margin: 0 auto;
		background: #F3F3F3;
	}
}

.wy-body-for-nav {
	background: left repeat-y #fcfcfc;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxOERBMTRGRDBFMUUxMUUzODUwMkJCOThDMEVFNURFMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxOERBMTRGRTBFMUUxMUUzODUwMkJCOThDMEVFNURFMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE4REExNEZCMEUxRTExRTM4NTAyQkI5OEMwRUU1REUwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE4REExNEZDMEUxRTExRTM4NTAyQkI5OEMwRUU1REUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EwrlwAAAAA5JREFUeNpiMDU0BAgwAAE2AJgB9BnaAAAAAElFTkSuQmCC);
	background-size: 0px 1px;
	background-color: #F3F3F3;
}

.wy-nav-content-wrap {
	margin-left: 80px;
	background: #fcfcfc;
	min-height: 100%;
}