html
{
	
}
body
{
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 18px;
	background-color:#efefef;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#body-wrap
{
	max-width:calc(100% - 440px);
	min-width:840px;
	margin:0 auto 0 auto;
	background-color:#fff;
}

h1, h2, h3, h4, h5, h6
{
	
}

#header-wrap
{
	
}
#header-top
{
	background-color:#8187ff;
	font-weight: 600;
	clear:both;
	color:#FFF;
	display:table;
	width:100%;
	padding-top:4px;
	vertical-align:top;
}
#header-top-left
{
	padding-left:8px;
	display:table-cell;
	vertical-align:middle;
}
#header-top-right
{
	padding-right:8px;
	text-align:right;
	display:table-cell;
	vertical-align:middle;
}
#header-mid
{
	display:table;
	width:100%;
}
#header-mid-left
{
	overflow: visible;
	display:table-cell;
	vertical-align:top;
	width:220px;
}
#header-mid-right
{
	display:table-cell;
	overflow: visible;
	vertical-align:top;
}

#header-bottom
{
	border:4px solid #6a6fd2;
	background-color:#8187ff;
	display:table;
	width:calc(100% - 8px);
	vertical-align:top;
}
#header-bottom-left
{
	display:table-cell;
	width:80%;
}
#header-bottom-right
{
	display:table-cell;
	text-align:right;
	width:20%;
}
#site-logo-wrap
{
	margin-top:8px;
	height:50px;
}
#footer
{
	border:4px solid #6a6fd2;
	background-color:#8187ff;
	overflow:auto;
	color:#fff;
	font-weight: 600;
	clear:both;
}
#footer-left
{
	float:left;
	padding:8px;
}
#footer-right
{
	float:right;
	text-align:right;
	padding:8px;
}

.color-orange
{
	color:#FF9900;
}

@media print
{
	#header-wrap {display:none;}
	#sidebar {display:none;}
	#footer {display:none;}
	.r-share {display:none;}
	.r-comment {display:none;}
}