/* HTML elements */
body {
	color: #333;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "Classic Grotesque W01", Arial, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, sans-serif;
	font-size: 14px;
	position: relative;
	background-color: #f3f3f3;
	float:left;  /*网页左对齐*/
	
}
li {
	list-style: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.nav {
	position: relative;
}
@font-face {
	font-family: satisfy;
	font-style: normal;
	font-weight: 400;
	src: local('satisfy'), local('satisfy'), url(static/satisfy.woff) format('woff')
}
.body_container {
	padding: 0 57px;
	max-width: 1300px;
	margin: 0 auto
}
#sitebar2 {
	width: 300px;
}
#sitebar2 .sitebar_list {
	height: auto;
}
a {
	color: #6E7173;
	text-decoration: none;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	transition: all .1s ease-in
}
a:active, a:hover {
	color: #444;
	text-decoration: none!important;
}
a:focus {
	outline: auto
}
.clearfix:after {
	content: "​";
	display: none;
	height: 0;
	clear: both
}
blockquote {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 2.5em 0;
	padding: 0 0 0 50px;
	font-style: italic;
	color: #555;
	border-left: none
}
blockquote:before {
	content: "“";
	display: block;
	font-family: times;
	font-style: normal;
	font-size: 48px;
	color: #444;
	font-weight: 700;
	line-height: 30px;
	margin-left: -50px;
	position: absolute
}
pre {
	margin: 2em 0;
	padding: 1em;
	white-space: pre-wrap;
	word-wrap: break-word
}
b, em, strong {
	padding: 1px 2px;
	background-color: #fcfcf0
}
.header-inner {
	margin: 0 11px;
	position: relative
}
.neck-cover {
	height: 22em;
	position: fixed;
	top: 124px;
	width: 100%;
	z-index: 2;
	box-shadow: 0 -86px 81px -20px rgba(0,0,0,.25) inset
}
.neck-cover:after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	background-color: rgba(0,0,0,.5)
}
#header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	height: 64px;
	background-color: #fafafa;
	box-shadow: 5px 1px 20px rgba(0,0,0,.07)
}
#layout {
	padding-top: 0em
}
#header .site-name {
	display: inline-block;
	vertical-align: top
}
#header .site-name a:hover #logo {
	color: #6E7173
}
#header .site-name #logo {
	color: #767676;
	font: 400 24px/64px satisfy, 'Helvetica Neue', Helvetica, Arial;
	text-transform: capitalize
}
#nav-menu {
	vertical-align: top;
	position: absolute;
	right: 0;
	margin: 0;
	font-size: 13px;
	display: inline-block
}
#nav-menu .site_nav {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-right: 50px;
}
#nav-menu .site_nav li {
	display: inline-block
}
#nav-menu .site_nav li a {
	display: block;
	padding: 0 1.1em 0 1.3em;
	margin: 0 0.5em;
	line-height: 64px;
	letter-spacing: .2em;
	color: #000;
	position: relative
}
#nav-menu .site_nav li a.current {
	border-top: 2px solid #000
}
#sideMenu {
	font-size: 22px;
	color: #222;
	float: right;
	z-index: 5;
	display: none;
	margin-top: 20px;
}
#sideMenu {
	color: #009d8e;
}
#sideMenuContainer {
	height: 100%;
	position: fixed;
	top: 56px;
	right: -200px;
	width: 200px;
	z-index: 999999999;
	bottom: 0;
}
.mxphonenav {
	background: #009d8e;
}
.mxphonenav {
	padding: 10px 20px;
	line-height: 50px;
}
.mxphonenav li a {
	color: #fff;
}
/*搜索按钮样式，位置*/
.search {        
	position: relative;
	right: -30px;
	top: -55px;
}
.navwrap {
	height: 50px;
}
/*搜索按钮样式，本身大小样式*/
.sb-search {
	margin-right: 15px;
	position: relative;
	margin-top: 0px;
	width: 0%;
	min-width: 40px;
	height: 40px;
	float: right;
	background-color: #FFC;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
	z-index: 999;
	color: #F60;
}
.sb-search-input {
	color: #009d8e !important; 
}
.glyphicon-search, .sb-search-submit {
	width: 20px;
	height: 60px;
	display: block;
	position: absolute !important;
	right: 0;
	top: 0 !important;
	padding: 0;
	margin: 0;
	line-height: 60px !important;
	text-align: center;
	cursor: pointer;
}
/*按钮颜色设置*/
.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	/* background:  ;  搜索按钮背景色*/
	background-color:#FAFAFA;  /*搜索按钮背景色*/
	width: 100%;
	height: 60px;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	font-family: inherit;
	font-size: 20px;
	font-size: 16px;
	padding-bottom: 35px; /*升高搜索输入框的位置*/
}
.sb-search-submit {
	background: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}
/*搜索按钮的放大镜是个字符*/
.glyphicon-search {
	color: #F93;  /*按钮字符颜色*/
	z-index: 90;
	font-size: 18px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	display:flex;
}
.sb-search-open {
	width: 350px;
	border: 1px solid #e5e5e5;
}
.post-cols {/**overflow:hidden;**/
	position: relative
}
.post-box {
	margin: 1em 0;
	position: relative
}
.post-box:hover .post-cover {
	height: 22em;
	margin-top: -2em
}
.post-box:hover .post-text {
	border-bottom-color: #bbb
}
.post {
	position: relative;
	background-color: #fff;
	margin: 0 7px .45em;
	padding: 0;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	transition: all .1s ease-in;
	font-family: TIBch, 'Classic Grotesque W01', 'Helvetica Neue', Arial, 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimSun, sans-serif
}
.post .post-cover-box {
	height: 18em;
	overflow: hidden;
	display: block
}
.post .post-cover {
	height: 18em;
	width: 110%;
	background-color: #292929;
	background-position: center;
	background-size: cover;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.post .post-text {
	position: relative;
	height: 12em;
	padding: 0 1em;
	overflow: hidden;
	border-bottom: 4px solid #ddd;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	transition: all .1s ease-in
}
.post .post-text-full {
	height: 30em
}
.post .post-text-full .post-title {
	padding: 2.5em 0 2em;
	margin: 0
}
.post .post-text-full .post-title a {
	font-size: 1.8em
}
.post .post-text-full .post-content {
	height: 396px
}
.post .post-title {
	margin: 18px 0 12px;
	color: #000;
	text-align: left;
	font-size: 1em;
	line-height: 1.3;
	font-weight: 400
}
.post .post-title a {
	font-size: 1.4em;
	color: #000
}
.post .post-title a:hover {
	color: #555
}
.post .post-meta {
	font-size: 12px;
	color: #666;
	position: absolute;
	bottom: 0;
	padding-top: 30px;
	padding-bottom: 12px;
	background: transparent url(static/post-mask.png) repeat-x;
	background-position-y: -7px;
	width: 100%;
	text-transform: uppercase
}
.post .post-content {
	line-height: 1.72;
	color: #444;
	overflow: hidden
}
.post .post-content h3 {
	margin: 1.4em 0 1.1em
}
.post .post-content pre {
	background-color: #f4f4f4;
	border-radius: 0;
	border-color: #ddd
}
.post .post-content pre code {
	font-size: .9em
}
.post .post-content p {
	margin: 0 0 1.7em
}
.post .post-content p a {
	padding-bottom: 2px;
	border-bottom: 1px solid #aaa;
	word-break: break-all
}
.post .post-content p a:hover {
	border-bottom-color: #444
}
.post .post-content hr {
	margin: 2.4em auto;
	border: none;
	border-top: 1px solid #eee;
	position: relative
}
.post .post-content img {
	max-width: 100%;
	margin: .7em auto 0;
	height: auto;
	display: block
}
.post .post-content ol {
	overflow: auto;
	padding: .5em 2.4em;
	border-radius: 3px;
	margin: 1em 0
}
.post .post-content ol li {
	text-indent: .5em
}
.post .tags a {
	margin-right: .5em
}
.post .tags a:before {
	content: '#';
	display: inline-block
}
.post-layout .post-content {
	padding-top: 35px;
	padding-bottom: 0
}
.post-layout {
	background-color: #fff;
	position: relative;
	margin-top: 22em;
	padding-bottom: 2em;
	z-index: 5
}
.post-aside {
	margin-right: 3em;
	margin-top: -50px;
	text-align: right
}
.post-layout .post .post-title-position-box {
	position: absolute;
	top: 0;
	width: 100%;
	margin-top: -16.5em
}
.post-layout .post .post-title-position-box .post-header-title {
	color: #fff
}
.post-layout .post .post-title-position-box .post-date {
	color: #f7f7f7;
	font-family: TIBch, 'Classic Grotesque W01', 'Helvetica Neue', Arial, 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimSun, sans-serif;
	font-weight: 300;
	font-size: 1.4em;
	margin-bottom: .3em;
	text-transform: uppercase;
	letter-spacing: -.01em
}
.post-layout .post {
	margin: 0;
	padding: 0;
	background: 0 0;
	border: none
}
.post-layout .post .post-header-title {
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 2em;
	line-height: 1.3
}
.page-header-title {
	padding-top: 28.8px!important
}
.post-layout .post .post-content {
	height: auto;
	overflow: visible;
	font-size: 16px;
	line-height: 1.8;
	padding-top: 3em;
	padding-bottom: 0;
	text-align: justify
}
.paginator {
	font-family: TIBch, 'Classic Grotesque W01', 'Helvetica Neue', Arial, 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimSun, sans-serif;
	list-style: none;
	text-align: right;
	padding: 13px 0 0;
	margin: 0 7px;
	font-size: 16px
}
.paginator a {
	display: inline-block;
	line-height: 30px;
	padding: 10px 18px;
	margin-left: .2em;
	border: 1px solid #DDD;
	border-bottom-width: 2px;
	background-color: #fff
}
.paginator a:hover {
	border-color: #999;
	background-color: #f7f7f7
}
.paginator .next {
	padding-left: 24px;
	padding-right: 24px
}
#footer {
	padding: 2.5em 0 3.2em;
	line-height: 1.5;
	background-color: #F8F8F8;
	color: #468C8C;
	z-index: 11;
	position: relative;	
}
#footer .foot-log {
	font-size: 13px;
	margin: 0 7px
	
}
/*空格*/
.separator {
	color: #e1e1e1;
	padding: 0 5px
}
/* 修复代码 */
input, textarea {
	-webkit-appearance: none!important;
	outline: 0;
	-webkit-tap-highlight-color: transparent
}
/*评论表单框*/
.doc_comments {
	padding: 15px 0 35px
}
.doc_comments textarea {
	font-size: 14px
}
.doc_comments #new_comment_form {
	margin-top: 15px;
	padding: 24px 0 0;
	background-color: #fff;
	border: 1px solid rgba(150,150,150,.2)
}
.doc_comments #new_comment_form .input_body {
	padding-left: 20px;
	padding-right: 20px
}
.doc_comments #new_comment_form .input_body {
	padding-top: 15px;
	padding-bottom: 15px;
	height: 18px;
	margin-top: 12px;
	position: relative;
	background-color: #fbfbfb
}
.doc_comments #new_comment_form .input_body li, .doc_comments #new_comment_form .input_body ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.doc_comments #new_comment_form .input_body .ident {
	width: 75%
}
.doc_comments #new_comment_form .input_body li {
	display: block;
	float: left;
	width: 33.33%
}
.doc_comments #new_comment_form .input_body li input {
	z-index: 10;
	position: relative;
	background-color: transparent;
	padding-right: 1.5em;
	padding-left: 1.5em
}
.doc_comments #new_comment_form .input_body li:last-child {
	margin-right: 0
}
.doc_comments #new_comment_form .new_comment {
	position: relative;
	z-index: 12
}
.doc_comments #new_comment_form .comment_triggered {
	display: none
}
.doc_comments #new_comment_form input, .doc_comments #new_comment_form textarea {
	padding: 0;
	line-height: 1.4;
	border: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}
.doc_comments #new_comment_form textarea {
	line-height: 1.8;
	padding: 0 20px 0 20px;
	background-color: transparent;
	resize: none;
	height: 55px
}
.doc_comments #new_comment_form .comment_submit_button {
	padding: 7px 25px;
	width: auto;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #000;
	color: #fff;
	height: 32px;
	margin: 8px 10px 8px 0;
	border-radius: 20px;
	text-decoration: none
}
.doc_comments #new_comment_form .comment_submit_button:hover {
	background-color: #303538
}
@media print, screen and (max-width:35.5em) {
.input_body li {
	float: none;
	width: 100%;
	margin-bottom: .6em
}
}
/*评论样式*/
.comment-list {
	padding: 0
}
.comment-list li {
	list-style: none
}
.comment-meta {
	line-height: 1;
	margin-top: .5em;
	font-size: 80%
}
.comment-meta time {
	font-style: normal;
	color: rgba(0,0,0,.4)
}
.comment-author {
	font-size: 13px
}
.comment-author .fn {
	font-style: normal
}
.comment-author img {
	border-radius: 50%;
	float: left;
	margin: 0 10px 0 0
}
.comment-content {
	font-size: 14px
}
.comment-content p:last-child {
	margin-bottom: 0
}
.fn a {
	color: #444;
	padding-right: 3px;
	font-size: 14px;
	font-weight: 400;
	font-style: normal
}
.comment-body {
	position: relative;
	padding: 24px 20px;
	border: 1px solid rgba(150,150,150,.18);
	margin: 30px 0 0;
	border-radius: 5px
}
.comments-title {
	font-size: 16px;
	line-height: 1;
	position: relative;
	text-align: center;
	font-weight: 700;
	margin-bottom: 0
}
.comments-title:before {
	display: block;
	content: '';
	border-top: 1px solid #e7e7e7;
	position: relative;
	top: 8px;
	z-index: 1
}
.comments-title span {
	display: inline-block;
	padding: 0 30px;
	background: #fff;
	position: relative;
	z-index: 2;
	font-weight: 400
}
.page-navigator li {
	list-style: none;
	float: left
}
.page-navigator {
	float: right
}
.page-navigator li a {
	float: right;
	line-height: 30px;
	padding: 10px 18px;
	margin-left: .5em;
	border: 1px solid #DDD;
	border-bottom-width: 1px;
	border-bottom-width: 1px;
	border-bottom-width: 2px;
	background-color: #fff;
	letter-spacing: 1px
}
.page-navigator .current a {
	border-bottom-color: #999;
	background-color: #f7f7f7
}
#response {
	font-size: 1.5em;
	color: #000;
	font-weight: 400;
	padding-bottom: 5px
}
.page-navigator .next, .page-navigator .prev {
	display: none
}
.navigatory {
	padding: 13px 0 0;
	font-size: 15px;
	overflow: hidden
}
.respond {
	position: relative;
	margin: 15px 0 30px
}
.cancel-comment-reply {
	position: absolute;
	right: 0;
	top: 5px
}
.comment-reply a {
	font-size: 14px
}
.post .doc_comments p {
	line-height: 24px
}
.comment-body:hover .comment-reply {
	display: block
}
.comment-reply {
	position: absolute;
	right: 20px;
	top: -10px;
	display: none
}
.comment-reply a {
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	padding: 0 10px;
	background: #444;
	cursor: pointer;
	display: block
}
/*博客简介不显示*/
.description {
	display: none
}
/*博客底部*/
.footer-copyright {
	float: left
}
.footer-links {
	float: right
}
/*归档页面*/
.archives-time {
	color: #939393;
	padding-right: 10px
}
.archives i {
	color: #939393;
	float: right;
	font-size: 12px;
	font-style: normal
}
.archives, .archives-list {
	margin-left: -40px
}
.archives li, .archives-list li {
	list-style: none
}
.archives-list a {
	letter-spacing: .5px;
	color: rgba(0,0,0,.6);
	display: inline-block;
	padding: 2px 0
}
.archives {
	margin-top: -1.4em
}
/*侧栏*/
#sitebar {
	width: 348px;
	float: right;
}
.sitebar_list {
	width: 348px;
	margin-bottom: 20px;
	overflow: hidden;
	background: #fff;
	padding: 20px;
	border-radius: 3px;
	height: 433px;
	border-bottom: 4px solid #ddd;
}
/*网站标签 技术专题标题文字*/
.sitebar_title {        
	font-size: 14px;
	color: #fff;
	width: 150px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 3px;
	background: #ff8b3d;
	font-weight: normal;
	letter-spacing: normal;
}

.tagcloud a {
	display: block;
	float: left;
	height: 32px;
	line-height: 20px;
	padding: 0 2px;
	border-radius: 1px;
	color: #a2a2a2;
	border-bottom: 2px dashed #ededed;
	margin: 15px 15px;
}
.tagcloud a:hover {
	display: block;
	float: left;
	height: 32px;
	line-height: 20px;
	padding: 0 2px;
	border-radius: 1px;
	color: #ff8b3d;
	border-bottom: 2px solid #ff8b3d;
	margin: 15px 15px;
}
/***手机类别，搜索**/
.cuhksz-menugroup .cuhksz-iconmenu li.cuhksz-iconmenu-menu {
	background: url(../images/menu.png) center top no-repeat;
}
 @media print, screen and (max-width:1300px) {
body {
	font-size: 14px
}
.body_container {
	padding: 0 60px;
	max-width: 1200px
}
.post-text-full .post-content {
	height: 341px!important
}
.sitebar_list {
	width: auto;
	height: auto;
}
#sitebar, #sitebar2 {
	/*width: 100%;*/  /*标签栏小屏幕不换行*/
}
.search {
	display: none;
}
}
@media print, screen and (max-width:1000px) {
.body_container {
	padding: 0 30px
}
.post-layout .post-content {
	font-size: 15px!important
}
#sideMenu {
	display: block;
}
.sitebar_list {
	width: auto;
	height: auto;
}
#sitebar, #sitebar2 {
	width: 100%;
}
.search {
	display: none;
}
}
@media print, screen and (max-width:560px) {
#header {
	text-align: left;
}
.sitebar_list {
	width: auto;
	height: auto;
}
#sitebar, #sitebar2 {
	width: 100%;
}
.body_container {
	padding: 0 13px
}
.hidden-if-min {
	display: none!important
}
.post-layout .post .post-title-position-box {
	margin-top: -240px;
}
.search {
	display: none;
}
}