html,
			body {
				overflow: hidden;
				height: 100%
			}

			body {
				font: 14px/1.5 "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei Mono", "Noto Sans CJK SC", "Source Han Sans CN", SimSun, sans-serif;
				-ms-overflow-style: -ms-autohiding-scrollbar
			}

			* {
				margin: 0;
				padding: 0
			}

			#wrapper {
				overflow: auto;
				overflow-x: hidden;
				margin-left: 220px;
				height: 100%
			}

			#main {
				margin: 0 auto;
				width: 640px
			}

			h2,
			h3 {
				margin-bottom: 1em;
				padding: .2em .4em;
				border-bottom: 3px solid #CCF;
				background: #000;
				color: #fff
			}

			h2 {
				display: inline-block
			}

			blockquote {
				margin-bottom: 1em
			}

			.section,
			.sub-section,
			.groups {
				clear: both
			}

			.section {
				overflow: hidden;
				margin: 5em 0
			}

			.sub-section {
				overflow: hidden;
				margin-bottom: 3em
			}

			.group {
				float: left;
				margin: 0 7px 14px;
				width: 198px;
				height: 85px;
				_display: inline
			}

			.group span {
				float: left;
				width: 60px;
				height: 60px;
				text-align: center
			}

			.group span:first-child {
				border-radius: 7px 0 0 7px;
			}

			.group span:last-child {
				border-radius: 0 7px 7px 0;
			}

			.group input {
				display: block;
				margin-top: 64px;
				background: #fff;
				font-family: Consolas, "Ubuntu Mono", Monaco, Menlo, "Andale Mono", "Liberation Mono", Courier, monospace;
				border: none 0;
				font-size: 12px;
				width: 100%;
				text-align: center;
			}

			[data-clipboard-text] {
				position: relative;
				cursor: pointer;
				transition: .2s;
			}

			[data-clipboard-text]:hover {
				box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
				z-index: 2;
			}

			[data-clipboard-text]:hover input {
				font-weight: bold;
			}

			#panel {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				width: 220px;
				height: 100%;
				background: #111;
				color: #fff;
				text-shadow: 0 1px 2px #000
			}

			#header {
				text-align: center
			}

			#header h1 {
				margin: .5em;
				font-size: 18px;
				font-weight: normal
			}

			#header h1 span {
				display: block;
				font-size: 40px
			}

			#header address {
				clear: both;
				margin-bottom: 2em;
				color: #999
			}

			#header a {
				color: #999
			}

			#nav {
				position: absolute;
				top: 140px;
				right: 10px;
				bottom: 10px;
				left: 10px;
				overflow: auto;
				background: #222;
				_width: 195px;
				_height: expression(this.parentNode.clientHeight - 155+"px")
			}

			#nav h4 {
				margin: .4em 1em 0;
				padding: .4em 0;
				border-bottom: 1px solid #333;
				color: #aaa
			}

			#nav a {
				margin: 0 .4em;
				display: block;
				padding: .4em .6em;
				color: #f7f7f7;
				text-decoration: none
			}

			#nav a:hover {
				background: #111;
				color: #fff
			}

			#nav::-webkit-scrollbar {
				width: 6px
			}

			#nav::-webkit-scrollbar-track {
				background: rgba(255, 255, 255, .1)
			}

			#nav::-webkit-scrollbar-thumb {
				background: rgba(255, 255, 255, .3)
			}

			.aside {
				margin: 50px auto 0;
				width: 728px;
			}

			.morelinks {
				text-align: center;
				color: #999;
				margin: 50px 0;
				text-decoration: none;
			}

			.morelinks a {
				color: #666;
			}