.doc-box {
	line-height: 1.8;

	p {
		line-height: 1.8;
	}

	.toc-box {
		width: 11em;
		position: fixed;
		top: 2.5em;
		bottom: 0;
		background: #F5F7FA;
		margin-left: -1em;
		border-right: 1px #eee solid;
		overflow-y: auto;

		ul {
			list-style: none;
			padding: 0;

			li {
				padding-left: 1em;

				li {
					font-size: 0.9em;
				}
			}
		}

		a {
			color: #333;
		}

		a.active {
			color: #4183c4;
		}
	}

	.toc-box.right {
		top: 3em;
		right: 1em;
		bottom: 0;
		z-index: 10;
		border-right: none;
		border-left: 1px #eee solid;
		background: white;
	}

	.toc-box::-webkit-scrollbar {
		width: 4px;
	}

	.content-box {
		margin-left: 11em;
		margin-right: 11em;
		padding-top: 1em;

		img {
			max-width: 600px;
			margin-top: 1em;
		}

		h1, h2, h3, h4, h5, h6 {
			font-weight: normal;
		}

		> ul, > ol {
			padding-left: 1.2em;

			> li > ul {
				padding-left: 1.6em;

				> li > ul {
					padding-left: 1.6em;
				}
			}
		}

		code {
			border: 1px #eee solid;
			padding: 2px 1px;
			font-size: 0.9em;
		}

		pre {
			code {
				border: none;
				background: #F4F7F9;
				display: block;
				padding: 4px 6px;
			}
		}
	}
}