/*
Theme Name:PC-Mobile Theme
Theme URI:http://man.niaoge.com/
Description:PC+Mobile模板 1.0
Version:1.0
Author:mozhiyan
Author URI:http://man.niaoge.com/
Tags:html5,css3
*/

/*---------------重设CSS样式--------------------*/
html{min-height:100%; width: 100%;}
body{margin:0px;padding:0px;min-height:100%;width: 100%;font:14px/1.5 Verdana, Geneva, "Helvetica Neue", "微软雅黑","Microsoft Yahei",Helvetica,Arial,sans-serif;color:#444;}
h1,h2,h3,h4,h5,h6,p,dl,ol,ul,pre{margin-top:0px;margin-bottom:0px;}
ul,ol,dd{list-style:none;margin-left:0px;padding-left:0px;}
input{outline:none;}
del{text-decoration:line-through;color:#666;}
a,img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

pre{background:#E6E9ED;border-left:4px solid #7AD03A;color:#222;font:12px/20px Consolas,"Courier New",Courier,monospace;margin:0 0 20px;padding:10px 12px;white-space:pre-wrap;word-wrap:break-word;margin-bottom:25px;overflow:hidden;}
/*blockquote,.blockquote{background:url("./images/ico-quotation.png") no-repeat scroll 10px 10px #F5F5F5;display:block;padding:20px 20px 5px 40px;font-size:12px;color:#333;margin-bottom:20px}
blockquote p,.blockquote p{margin-bottom:15px!important;}*/
blockquote,.blockquote{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAaFJREFUeNrUVLuqwkAQnY2gEi0sLExhIWgbBEHEWhsbvyCf4wfYa6O9pY0pNJ1FunQKghY+ChFfoCijs3BzY7KrXLC5A0uW5OTszJkzyxARvhkKfDk+Ei4WC7xerx/L2Gw2eDqdUEpIJP1+H5fLJYTDYSbD3e93HA6HOBqNIBqNApCG/rVer7HZbOJ4PEbR9591PB6x3W5z3O1249gAaD6fY6PR+EgmO1Tx69XtdqFSqUCxWJSWudvtsNVqgaZpAZziBRFZKpWCQqEgFZ+E73Q6EI/HoV6vi7tMwvZ6Pf6iWq1CKBSSZvdsFGkHtVpN2CxOOJvNYLVa8VPT6TR7Z6HJZML3mUxG7kM6lULXdV66zHeDwYA/c7kcHA4HXr4fw6hbJLA/DMN4yZZ+fnY1gPM3UNnv98LUqUHeTLfbrRBnmuZLpm9H73w+u/vL5SLF0TS5hJFIRApUVdXdk+dkkUwmfwlJJxJZpI3XFrFYjJXL5QAun89DIpFwcYzGhXxo2zY4juN6LJvNCu0znU7RsiyOK5VKfAi8vmX//4L9azwEGAANKjJu81FzWAAAAABJRU5ErkJggg==) no-repeat scroll 10px 10px #F5F5F5;display:block;padding:20px 20px 5px 40px;color:#666;margin-bottom:20px;margin-left: 0px;margin-right: 0px;}
blockquote p,.blockquote p{margin-bottom:15px!important;}
code{border:1px solid #D4D7DB;border-radius:2px;color:#666;font-family:"Courier New",Courier,monospace;margin:0 2px;padding:2px 3px 1px;}
code a{text-decoration:none!important;}

/**********公共样式***********/
.bold{font-weight:700;}
.col-red{color: #D33428;}
.col-green {color: #008000;}
.col-orange{color: #e69000;}
.col-link{color: #08C;}

.left{display:block;float:left;}
.right{display:block;float:right;}
.clearfix { *zoom:1; }
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }

.split{ display: inline-block; height: 12px; margin: auto 10px; width: 1px; background: #999; vertical-align: -2px; }

.mobile-visible{display: none;}

/**********************头部样式***********************/
#header{
	height: 42px;
	line-height: 42px;
	background: #2D2D2D;
}
#header a:hover{
	text-decoration:none;
}

#logo{
	margin-left: 20px;
	font-size: 18px;
	font-weight: bold;
	line-height: 42px;
}
#logo a{
	color: #fff;
}

#menu-main{
	margin-right: 20px;
}
#menu-main li{
	float: left;
	position: relative;
	line-height: 42px;
}
#menu-main li a{
	display: block;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	color: #999;
	border-top: 2px solid #2D2D2D;
}
#menu-main li.current-menu-item a,
#menu-main li.current-menu-ancestor a,
#menu-main li.current-menu-parent a,
#menu-main li.current-post-ancestor a{
	background: #FFF;
	color: #000;
	border-top-color: #7AD03A;
}

.toggle-btn{
	display: none;
}

/**********************布局***********************/
.main-layout{
	width: 1000px;
	margin: 50px auto;
}
.main-layout h1{
	font-size: 28px;
	color: #222;
}
#main-single .arc-wrap{
	width:800px;
}
#main-page-full .arc-wrap{
	width:1000px;
}

/**********************列表页**********************/
#main-archive h1{
	margin-bottom: 50px;
	padding-bottom: 50px;
	text-align: center;
	color: #2D374B;
	border-bottom: 4px solid #E6E9ED;
	overflow: hidden;
}
#arcs-list li{
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 10px 15px;
	width: 203px;
	height: 80px;
	border: 1px solid #EEE;
}
#arcs-list li:hover{
	border:1px solid #E6E9ED;
	box-shadow:0 0 10px 5px #E6E9ED inset;
}
#arcs-list li .title{
	display: block;
	font-size: 20px;
	font-weight: bold;
}
#arcs-list li .desc{
	color: #666;
	line-height: 24px;
	font-size: 12px;
}
#arcs-list li.last-item{
	margin-right: 0;
}

/*分页*/
.paging{
	margin-top:30px;
	font-size:14px;
}
.paging span,.paging a{
	display:block;
	margin-right:6px;
	float:left;
	padding:0 15px;
	height:36px;
	color:#666;
	line-height:36px;
	text-align:center;
	background:#E6E9ED;
	border-radius:2px;
}
.paging a:hover,.paging .current{
	background:#000;
	color:#FFF;
	text-decoration:none;
}

/**********************文章页**********************/
#position-wrap{
	height:30px;
	line-height:30px;
	color:#999;
	font-size: 12px;
	overflow: hidden;
}
#position-wrap .position a{
	color:#999
}

#title{
	padding:20px 0px;
	font-size:28px;
	border-top:2px solid #E6E9ED;
}
#title div a{
	color:#DADDE1;
}
#title div a:hover{
	text-decoration: none;
}

#ad-arc-top{
	margin-bottom: 10px;
	/*height: 164px;*/
}
#ad-arc-top img{
	display: block;
	width: 100%;
}
#ad-arc-top p, #ad-arc-bottom p{
	padding: 8px 10px;
	margin-top: 10px;
	line-height: 23px;
	border: 1px dashed #bbb;
	background-color: #f9f9f9;
	border-radius: 4px;
}

#arc-body p{line-height:1.7em;margin-bottom:25px;}
#arc-body img.alignleft{float:left;border:solid 1px #E6E9ED;padding:10px;display:block;margin:0 10px 5px 0;}
#arc-body img.alignright{float:right;border:solid 1px #E6E9ED;padding:10px;display:block;margin:0 0 5px 10px;}
#arc-body img{max-width:100% !important;display:block}
#arc-body ul,ol{line-height:26px;margin-bottom:25px;display:block;}
#arc-body ul li{list-style:disc inside none;margin-bottom:10px}
#arc-body ol li{list-style:decimal inside none;}
#arc-body h2,#arc-body h3,#arc-body h4,#arc-body h5,#arc-body h6,#arc-body table{margin-bottom:25px;overflow:hidden;}
#arc-body h3,#arc-body h4,#arc-body h5,#arc-body h6{font-size:16px;display:table;padding:5px 8px;}
#arc-body h2{font-size:18px;padding-bottom:5px;color:#000;border-bottom:1px solid #D4D7DB;}
#arc-body h3{background:#2d2d2d;color:#fff;}
#arc-body h4{background:#808080;color:#fff;}
#arc-body h5{background:#c6c6c6;color:#666;}
#arc-body h6{background:#f1f1f1;color:#333;}
#arc-body table{border-color:#ddd;border-style:solid;border-width:1px 1px 1px 0;border-collapse:separate;border-spacing:0;line-height:30px;width:100%;margin-bottom:35px;empty-cells:show;}
#arc-body table th, #arc-body table td{padding:3px 10px;border-color:#ddd;border-style:solid;vertical-align:inherit;display:table-cell;}
#arc-body table th{background-color:#eee;border-width:0 0 1px 1px;text-align:left;}
#arc-body table td{border-width:1px 0 0 1px;}



/**********************左边栏**********************/
#sidebar{width:160px;}
#sidebar .box{ margin-bottom: 20px;}
#sidebar .box:last-child{margin-bottom: 0px;}
#sidebar .box .title{background:#B3B6BA;height:40px;line-height:40px;padding:0 15px;font-size:14px;}
#sidebar .box .title a{color: #444;}
#sidebar .box .body{padding:10px 20px;background-color:#E6E9ED;}

#sidebar .box .list-col-1 li{padding-bottom:10px; font-size:14px;}
#sidebar .box .list-col-1 li a{color:#000;}

/*#ad-sidebar-top img{ width: 160px; height: 435px;}*/

#sidebar_search_box form:first-child{margin-bottom:10px;}
#sidebar_search_box input{border:1px solid #ccc;padding:10px;color:#999;width:138px;}

#qq-group-sidebar .body{line-height: 2.0em; text-align: center; }

/**********************底部**********************/
#footer-wrap{
	width: 1000px;
	margin: auto;
	padding: 20px 0 30px 0px;
	border-top: 1px solid #D4D7DB;
	background:url("linux.png") no-repeat right center;
}
#footer{ width: 850px; font-size: 12px; }
#footer a{ color:#444; }
#footer .box{margin-bottom: 12px;}
#footer .box:last-child{margin-bottom: 0px;}
#footer .info{ font-weight:bold; }

#btn-backtop{
	display:none;
	width:50px;
	height:50px;
	position:fixed;
	_position:absolute;
	bottom:20px;right:20px;
	_bottom:"auto";
	text-indent: -999px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHZJREFUeNq80TsSgCAMAFHZmvtfNOlxtHIcFMgHqjTwdkJprR3Wo6r35Vprsb6BF3/PWwJ6oDUCD36t/rl+SwQevDevRuDFvRFE4J4IonBrBJG4JYJofDWCDHwlgix8NoJMfCaCbHwUwQ78L6KIyBb866tPAQYAh6x+YN0LDuAAAAAASUVORK5CYII=) no-repeat scroll center center #999;
	cursor:pointer;
	overflow: hidden;
}
#btn-backtop:hover{
	background-color:#333;
}
.btn-backtop-visible{
	display: block !important;
}

/*错误页面*/
#error-tips{margin-top:80px;height:800px;padding-top:100px;font-size:30px;text-align:center;}

/**************************************************************自适应**************************************************************/
@media all and (max-width: 1000px){
	body{
		background-color: #F2F2F2;
		font-family: Helvetica;
	}
	.qq-group, .mobile-hide{display: none;}
	.mobile-visible{display: block;}
	/**********************头部**********************/
	#header{
		position: relative;
		height: 60px;
		line-height: 60px;
	}
	#logo{
		font-size: 20px;
		line-height: 60px;
	}
	.toggle-btn{
		display: block;
		height: 60px;
		width: 60px;
		color: #fff;
	}
	#menu-main-toggle{
		float: right;
		background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC") no-repeat scroll center center #3d3d3d;
	}
	.toggle-target{
		display: none;
		position: absolute;
		top: 60px;
		left: 0px;
		width: 100%;
		z-index: 100;
	}
	.toggle-target-active{
		display: block;
	}

	#menu-main{
		float: none;
	}
	#menu-main li{
		float: none;
		background-color: #3d3d3d;
		
	}
	#menu-main li a{
		height: 46px;
		line-height: 46px;
		color: #eee;
		border-top: none;
		border-bottom: 1px solid #4d4d4d;
	}
	#menu-main li.menu-item-2460 a{
		color: #eee;
	}
	#menu-main li.current-menu-item a,
	#menu-main li.current-menu-ancestor a,
	#menu-main li.current-menu-parent a,
	#menu-main li.current-post-ancestor a{
		background: #3d3d3d;
		color: #279e27;
	}
	#menu-main li.menu-item-has-children{
		display: none;
	}

	/**********************布局**********************/
	.main-layout{
		width: 100%;
		margin: 0px auto 20px 0px;
	}
	#main-archive{
		margin-top: 20px;
		background: #fff;
	}
	#main-archive h1{
		height: 50px;
		padding: 0 15px;
		margin-bottom: 0px;
		text-align: left;
		line-height: 50px;
		border-bottom: none;
		background: #333;
		color: #fff;
		font-weight: 400;
		font-size: 14px;
	}

	/**********************文章列表**********************/
	#arcs-list li{
		float: none;
		margin-right: 0px;
		margin-bottom: 0px;
		padding: 8px 15px;
		border: none;
		border-bottom: 1px solid #ccc;
		width: auto;
		height: auto;
	}
	#arcs-list li:hover{
		border: none;
		border-bottom: 1px solid #ccc;
		box-shadow:none;
	}
	#arcs-list li .title{
		display: block;
		font-size: 20px;
		font-weight: bold;
	}
	#arcs-list li .desc{
		color: #666;
		line-height: 24px;
		font-size: 12px;
	}
	#arcs-list li.last-item{
		margin-right: 0;
	}

	.paging{
		margin-top: 0px;
		padding: 20px 15px 10px 15px;
	}
	.paging span, .paging a{
		margin-bottom: 10px;
	}

	#main-single .arc-wrap, #main-page-full .arc-wrap{
		float: none;
		width:100%;
	}
	
	#position-wrap{
		height:40px;
		padding: 0px 15px;
		line-height:40px;
	}

	#title{
		padding:15px;
		border-bottom:2px solid #E6E9ED;
		background-color: #fff;
	}
	#title h1{
		margin-right:0px;
	}
	#title div{
		display: none;
	}

	#ad-arc-top{
		margin-bottom: 0px;
		height: auto;
	}
	#ad-arc-bottom{
		margin: 20px auto;
	}
	#ad-arc-top p, #ad-arc-bottom p{
		border: none;
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		background-color: none;
		border-radius: 0px;
	}
	#ad-arc-bottom p{
		margin-top: 0px;
	}

	#arc-body{
		padding: 15px;
		background-color: #fff;
	}

	/**********************左边栏**********************/
	#sidebar{width: 100%; float: none; margin-right: 0px;}
	
	#sidebar .box{margin-bottom: 15px;}
	#sidebar .box .title{background:#ddd;height:42px;line-height:42px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	#sidebar .box .body{padding:20px 15px; background-color:#fff;}

	#sidebar .box .list-col-1{padding-bottom: 8px !important;}
	#sidebar .box .list-col-1 li{float:left; margin:0px 12px 12px 0px; padding: 0px;}
	#sidebar .box .list-col-1 li a{display:block;padding:8px 10px;background:#E6E9ED;border-radius:3px;font-size: 14px;}

	#sidebar_search_box{margin:15px;}
	/*#sidebar_search_box {
		margin: 20px 15px 0px 15px !important;
	}*/
	#sidebar_search_box form{ position: relative; }
	#sidebar_search_box form:first-child{ margin-bottom: 15px; }
	#sidebar_search_box input {
		outline: medium none;
		box-sizing: border-box;
		height: 42px;
		border: medium none;
		font-size: 16px;
		font-weight: 400;
	}
	#sidebar_search_box input.search-input{
		background-color: #fff;
		color: #999;
		line-height: 42px;
		padding: 0 80px 0 8px;
		width: 100%;
	}
	#sidebar_search_box input.search-submit{
		position: absolute;
		top: 0;
		right: 0;
		width: 80px;
		padding: 8px;
		background: #ccc;
		color: #000;
		text-align: center;
	}

	/**********************底部**********************/
	#footer-wrap{
		width: 100%;
		margin: auto;
		padding: 0px;
		border-top: none;
		background-image: none;
	}
	#footer{
		width: auto;
		padding: 15px 15px;
		margin-top: 20px;
		border-top: 1px solid #D4D7DB;
	}
	#footer .info{
		height: auto;
		margin-bottom: 10px;
		line-height: 20px;
	}

	#btn-backtop{
		display:block;
		position: static;
		width:100%;
		height:50px;
		bottom:0px;right:0px;
		text-align: center;
		line-height: 50px;
		font-weight: bold;
		text-indent: 0px;
		background-image: none;
		background-color: #fff;
	}
	#btn-backtop:hover{
		background-color:#fff;
	}

	#error-tips{/*margin-top:80px;*/height: auto;padding: 60px 15px;font-size:18px; background-color: #fff;}
}

.content-index{background:#fff;max-width:30%;margin:0 0 20px 20px;padding:15px;border:1px solid #eee}.content-index-title{border-bottom:1px dotted #d0d0d0;padding:0 0 5px;margin-bottom:5px;font-weight:700}.content-index-toctoggle{color:#999;font-size:12px}.content-index-toctoggle a{color:#999 !important}.content-index-toctoggle a:hover{color:#000 !important;text-decoration:none!important}.content-index ul{padding-left:0 !important;margin-bottom:0 !important}.content-index ul.children{padding-left:1em;list-style:none inside none}.content-index li{font-size:12px;line-height:20px}.content-index a{text-decoration:none!important;border:none!important;padding:0!important}.content-index a:hover{border:none!important;padding:0!important}.content-index li a em{font-size:68%;font-style:normal;font-weight:700;padding-right:5px}.content-index li a.hide{display:none}.content-index-heading em{font-size:85%;font-style:normal;font-weight:700;margin-right:5px}.content-index .content-index-level-1{background:0 0;list-style:disc inside none;margin-bottom:0;display:list-item;padding:0}.content-index .content-index-level-2{background:0 0;list-style:circle inside none;margin-bottom:0;display:list-item;padding:0 0 0 15px}.content-index .content-index-level-3{background:0 0;list-style:decimal inside none;margin-bottom:0;display:list-item;padding:0 0 0 15px}.content-index .content-index-level-4{background:0 0;list-style:upper-alpha inside none;margin-bottom:0;display:list-item;padding:0 0 0 15px}.content-index .content-index-level-5{background:0 0;list-style:lower-alpha inside none;margin-bottom:0;display:list-item;padding:0 0 0 15px}