/** Website template by # **/
body {
	margin:0;
	padding:0;
	background:transparent url("../images/bg-header.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#000000;
}
a {
	outline:0;
}
img {
	border:0;
}
img {
	opacity:1;
	filter:alpha(opacity=100);/* Needed for IE8 and old versions */
}
img:hover {
	opacity:0.8;
	filter:alpha(opacity=80);/* Needed for IE8 and old versions */
}
#page {
	background:transparent url("../images/bg-footer.jpg");
	background-position:bottom center;
	background-repeat:no-repeat;
	width:100%;
}
#page div#header {
	width:950px;
	height:275px;
	margin:0 auto;
	text-align:center;
	position:relative;
	overflow:hidden;
}
#page div#header #logo {
	position:relative;
	top:26px;
}
#page div#header ul.navigation {
	background:transparent url("../images/bg-navigation.png");
	background-position:center center;
	background-repeat:no-repeat;
	list-style-type:none;
	margin:0;
	padding:0;
	height:120px;
	position:relative;
	top:13px;
	left:0;
}
#page div#header ul.navigation li {
	float:left;
	line-height:120px;
	text-align:center;
}
#page div#header ul.navigation li.first {
	margin:0 0 0 50px;
}
#page div#header ul.navigation li a {
	font-family:Volkhov;
	font-size:20px;
	font-weight:normal;
	color:#311a0b;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 28px;
	text-shadow:0 1px 0 #e5c288;
	display:block;
}
#page div#header ul.navigation li a:hover {
	font-family:Volkhov;
	font-size:20px;
	font-weight:normal;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 28px;
	text-shadow:0 1px 0 #e5c288;
	background:transparent url("../images/bg-menu.png");
	background-position:center center;
	background-repeat:no-repeat;
}
#page div#header ul.navigation li a.active {
	font-family:Volkhov;
	font-size:20px;
	font-weight:normal;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 28px;
	text-shadow:0 1px 0 #e5c288;
	background:transparent url("../images/bg-menu.png");
	background-position:center center;
	background-repeat:no-repeat;
}
#page #body {
	width:888px;
	margin:0 auto;
	overflow:hidden;
	padding:10px 0;
}
#page #body div.featured {
	width:884px;
	height:380px;
	background:transparent url("../images/bg-featured.png");
	background-position:center center;
	background-repeat:no-repeat;
	padding:2px;
	position:relative;
	margin:0 0 25px 0;
}
#page #body div.featured img {
	opacity:100;
}
#page #body div.featured span {
	width:21px;
	height:404px;
	background:transparent url("../images/featured-suns.png");
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:-10px;
	left:442px;
}
#page #body div.featured div.section {
	width:376px;
	height:298px;
	padding:25px;
	background:transparent url("../images/bg-featured-text-content.png");
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:20px;
	left:20px;
}
#page #body div.featured div.section h2 {
	margin:0;
	font-family:Volkhov;
	font-size:27px;
	height:32px;
	line-height:32px;
	color:#fbc316;
	font-weight:normal;
}
#page #body div.featured div.section h2 a {
	margin:0;
	font-family:Volkhov;
	font-size:27px;
	color:#fbc316;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	display:block;
	text-shadow:2px 2px 5px #120c0b;
}
#page #body div.featured div.section p {
	font-family:Georgia;
	font-size:14px;
	color:#ffffff;
	text-align:justify;
	line-height:24px;
	margin-bottom:17px;
}
#page #body div.featured div.section p a {
	font-family:Georgia;
	font-size:14px;
	color:#ffffff;
	text-align:justify;
	line-height:24px;
	text-decoration:none;
	font-style:italic;
}
#page #body div.featured div.section p a:hover {
	font-family:Georgia;
	font-size:14px;
	color:#ffffff;
	text-align:justify;
	line-height:24px;
	text-decoration:none;
}
#page #body div.featured div.section a.readmore {
	background:url("../images/button.png") no-repeat scroll 0 -98px transparent;
	text-decoration:none;
	width:186px;
	height:48px;
	display:block;
	margin:0 auto;
}
#page #body div.featured div.section a.readmore:hover {
	background:url("../images/button.png") no-repeat scroll 0 0 transparent;
}
#page #body div#content {
	width:630px;
	float:left;
	margin:0 36px 0 0;
}
#page #body div#content p {
	font-family:Georgia;
	font-size:14px;
	color:#9e8934;
	text-align:justify;
	line-height:24px;
	margin-bottom:25px;
}
#page #body div#content p a {
	font-family:Georgia;
	font-size:14px;
	color:#9e8934;
	text-align:justify;
	line-height:24px;
}
#page #body div#content p a:hover {
	font-family:Georgia;
	font-size:14px;
	color:#9e8934;
	text-align:justify;
	line-height:24px;
	text-decoration:none;
}
#page #body div#sidebar {
	width:222px;
	float:left;
	padding:15px 0 0 0;
}
#page #body div#sidebar .readmore {
	background:transparent url("../images/button.png") no-repeat scroll 0 -312px;
	text-decoration:none;
	width:222px;
	height:66px;
	display:block;
	margin:0 0 15px 0;
}
#page #body div#sidebar a.readmore:hover {
	background:transparent url("../images/button.png") no-repeat scroll 0 -196px;
}
#page #body div#sidebar ul.connect {
	margin:0;
	padding:10px 0 0 0;
	width:222px;
	background:transparent url("../images/bg-connect.png");
	background-position:center center;
	background-repeat:no-repeat;
}
#page #body div#sidebar ul.connect li {
	width:222px;
	height:62px;
	display:block;
	font-family:UnifrakturCook;
	font-size:22px;
	text-align:center;
	line-height:62px;
	color:#ffffff;
	font-weight:normal;
}
#page #body div#sidebar ul.connect li a.facebook {
	background:transparent url("../images/icon.png") no-repeat scroll center -57px;
	text-decoration:none;
	width:222px;
	height:62px;
	display:block;
}
#page #body div#sidebar ul.connect li a.facebook:hover {
	background:transparent url("../images/icon.png") no-repeat scroll center 19px;
}
#page #body div#sidebar ul.connect li a.twitter {
	background:transparent url("../images/icon.png") no-repeat scroll center -209px;
	text-decoration:none;
	width:222px;
	height:62px;
	display:block;
	font-weight:normal;
}
#page #body div#sidebar ul.connect li a.twitter:hover {
	background:transparent url("../images/icon.png") no-repeat scroll center -132px;
}
#page #body div#sidebar ul.connect li a.googleplus {
	background:transparent url("../images/icon.png") no-repeat scroll center -364px;
	text-decoration:none;
	width:222px;
	height:62px;
	display:block;
}
#page #body div#sidebar ul.connect li a.googleplus:hover {
	background:transparent url("../images/icon.png") no-repeat scroll center -288px;
}
#page #body div#content img {
	margin:15px 0 0 0;
}
#page #body div#content ul {
	list-style-type:none;
	margin:30px 0 0 0;
	padding:0;
}
#page #body div#content ul li h2 {
	font-family:Georgia;
	font-size:14px;
	font-style:Italic;
	color:#fddb53;
	font-weight:bold;
}
#page #body div#content ul li h2 a {
	font-family:Georgia;
	font-size:14px;
	font-style:Italic;
	color:#fddb53;
	font-weight:bold;
	text-decoration:none;
}
#page #body div#content ul li h2 a:hover {
	font-family:Georgia;
	font-size:14px;
	font-style:Italic;
	color:#b8b6b6;
	font-weight:bold;
	text-decoration:none;
}
#page #body div#content ul li p {
	font-family:Georgia;
	font-size:14px;
	color:#b8b6b6;
	margin:0 0 30px 0;
}
#page #body div#content ul li p a {
	font-family:Georgia;
	font-size:14px;
	color:#fdd848;
}
#page #body div#content ul li p a:hover {
	font-family:Georgia;
	font-size:14px;
	color:#fdd848;
	text-decoration:none;
}
#page #body div#sidebar ul.section {
	background:transparent url("../images/bg-template-details.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	text-decoration:none;
	width:222px;
	margin:30px 0 0 0;
	padding:0;
	list-style-type:none;
	overflow:hidden;
}
#page #body div#sidebar ul.section li {
	width:182px;
	padding:0 20px;
}
#page #body div#sidebar ul.section li h2 {
	width:182px;
	font-family:UnifrakturCook;
	font-size:26px;
	color:#4e6149;
	text-align:center;
	line-height:24px;
	margin:30px 0 20px 0;
	text-shadow:2px 4px 6px #0b0e0a, 1px -4px 6px #2e372b;
}
#page #body div#sidebar ul.section li h2 a {
	width:182px;
	font-family:UnifrakturCook;
	font-size:26px;
	color:#4e6149;
	text-align:center;
	text-decoration:none;
	text-shadow:2px 4px 6px #0b0e0a, 1px -4px 6px #2e372b;
}
#page #body div#sidebar ul.section li p {
	color:#798375;
	font-family:Georgia;
	font-size:14px;
	text-decoration:none;
	line-height:24px;
	text-align:justify;
	margin-bottom:20px;
}
#page #body div#sidebar ul.section li p a {
	color:#798375;
	font-family:Georgia;
	font-size:14px;
	line-height:24px;
}
#page #body div#sidebar ul.section li p a:hover {
	color:#cae6bf;
	font-family:Georgia;
	font-size:14px;
	line-height:24px;
}
#page #body div.content {
	width:888px;
	margin:0 auto;
}
#page #body div.content ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#page #body div.content ul li {
	display:block;
	position:relative;
}
#page #body div.content ul li div h2 {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#fddb53;
	margin:20px 0 30px 0;
}
#page #body div.content ul li div h2 a {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#fddb53;
	text-decoration:none;
}
#page #body div.content ul li div h2 a:hover {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#b8b6b6;
	text-decoration:none;
}
#page #body div.content ul li div {
	width:630px;
	position:absolute;
	top:0;
	left:0;
}
#page #body div.content ul li div p {
	font-family:Georgia;
	font-size:14px;
	line-height:24px;
	color:#b8b6b6;
	float:none;
	text-align:justify;
	margin:0 0 30px 0;
	
}
#page #body div.content ul li div p a {
	width:630px;
	font-family:Georgia;
	font-size:14px;
	line-height:24px;
	color:#b8b6b6;
}
#page #body div.content ul li div p a:hover {
	width:630px;
	font-family:Georgia;
	font-size:14px;
	line-height:24px;
	color:#fddb53;
	text-decoration:none;
}
#page #body div.content ul li img {
	float:right;
	position:relative;
	top:0px;
	z-index:1;
	margin:30px 0 0 0;
}
#page #body div.content ul li div a.readmore {
	background:url("../images/button.png") no-repeat scroll 0 -312px transparent;
	display:block;
	height:66px;
	margin:25px 0 15px 0;
	text-decoration:none;
	width:222px;
}
#page #body div.content ul li div a.readmore:hover {
	background:url("../images/button.png") no-repeat scroll 0 -196px transparent;
}
#page #body div.content ul.blog {
	list-style-type:none;
	margin:30px 0 0 0;
	padding:0;
	width:888px;
	height:auto;
	overflow:hidden;
}
#page #body div.content ul.blog li {
	width:888px;
	height:auto;
	display:block;
	overflow:hidden;
	margin:0 0 30px 0;
}
#page #body div.content ul.blog li h2 {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#fddb53;
	margin:0;
}
#page #body div.content ul.blog li h2 a {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#fddb53;
	text-decoration:none;
}
#page #body div.content ul.blog li h2 a:hover {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#b8b6b6;
	text-decoration:none;
}
#page #body div.content ul.blog li img {
	float:left;
	margin:0 20px 0 0;
	border-style:solid;
	border-width:2px;
	border-color:#4b3f01;
}
#page #body div.content ul.blog li p {
	font-family:Georgia;
	font-size:14px;
	line-height:24px;
	color:#b8b6b6;
	margin:0;
}
#page #body div.content ul.blog li p a {
	font-family:Georgia;
	font-size:14px;
	color:#b8b6b6;
}
#page #body div.content ul.blog li p a:hover {
	font-family:Georgia;
	font-size:14px;
	color:#b8b6b6;
	text-decoration:none;
}
#page #body div.content ul.blog li a.readmore {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#ff3f3f;
	margin:30px 0 0 0;
	display:block;
}
#page #body div.content ul.blog li a.readmore:hover {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#ff9e3f;
}
#page #body div.content ul.pagination {
	list-style-type:none;
	margin:30px 150px 30px 170px;
	padding:0;
	overflow:hidden;
}
#page #body div.content ul.pagination li {
	float:left;
}
#page #body div.content ul.pagination li a {
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
	padding:0 5px;
	color:#373837;
}
#page #body div.content ul.pagination li a:hover {
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
	padding:0 5px;
	color:#565756;
}
#page #footer {
	width:888px;
	margin:0 auto;
	overflow:hidden;
}
#page #footer ul {
	list-style-type:none;
	margin:20px 0 170px 0;
	padding:0;
	overflow:hidden;
}
#page #footer ul li {
	float:left;
	width:262px;
	margin:0 50px 0 0;
}
#page #footer ul li.last {
	margin:0;
}
#page #footer ul li a {
	display:block;
}
#page #footer ul li a.video {
	background:transparent url("../images/interface.png") no-repeat scroll 0 -318px;
	text-decoration:none;
	width:260px;
	height:268px;
}
#page #footer ul li a.video:hover {
	background:transparent url("../images/interface.png") no-repeat scroll 0 0;
}
#page #footer ul li a.myths {
	background:transparent url("../images/interface.png") no-repeat scroll 0 -1590px;
	text-decoration:none;
	width:260px;
	height:268px;
}
#page #footer ul li a.myths:hover {
	background:transparent url("../images/interface.png") no-repeat scroll 0 -1272px;
}
#page #footer ul li a.archives {
	background:transparent url("../images/interface.png") no-repeat scroll 0 -954px;
	text-decoration:none;
	width:260px;
	height:268px;
}
#page #footer ul li a.archives:hover {
	background:transparent url("../images/interface.png") no-repeat scroll 0 -636px;
}
#page #footer ul li p {
	font-family:Georgia;
	font-size:14px;
	color:#a42a16;
	text-align:justify;
	line-height:24px;
}
#page #footer ul li p a {
	display:inline;
	font-family:Georgia;
	font-size:14px;
	color:#a42a16;
	text-align:justify;
	line-height:24px;
	text-decoration:none;
}
#page #footer ul li p a:hover {
	display:inline;
	font-family:Georgia;
	font-size:14px;
	color:#a42a16;
	text-align:justify;
	line-height:24px;
	text-decoration:none;
}
#page #footer ul li p a:hover {
	display:inline;
}
#page #footer span {
	text-align:center;
	margin:0 0 65px 0;
	font-family:"Trebuchet MS";
	color:#ffffff;
	display:block;
	font-size:10px;
}
#page #footer span a {
	font-family:"Trebuchet MS";
	color:#ffffff;
	text-decoration:none;
}
#page #footer span a:hover {
	font-family:"Trebuchet MS";
	color:#ffffff;
	text-decoration:underline;
}
#page #body div.content h1 {
	font-family:Georgia;
	font-size:22px;
	font-style:italic;
	color:#fddb53;
	margin:10px 0 20px 0;
}
#page #body div.content div.dlbox {
	text-align:center;
	margin:30px 0;
}
#page #body div.content a.dlbtn {
	display:inline-block;
	width:222px;
	height:66px;
	background:url("../images/button.png") no-repeat scroll 0 -312px transparent;
	text-decoration:none;
}
#page #body div.content a.dlbtn:hover {
	background:url("../images/button.png") no-repeat scroll 0 -196px transparent;
}
#page #body div#content div.video-box {
	width:100%;
	background:#000;
	border:2px solid #4b3f01;
	margin:15px 0 10px 0;
}
#page #body div#content div.video-box video {
	display:block;
	width:100%;
	height:auto;
}
#page #body div#content ul.video-list {
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
	overflow:hidden;
}
#page #body div#content ul.video-list li {
	float:left;
	margin:0 10px 10px 0;
	padding:6px 16px;
	background:#2a2214;
	border:1px solid #4b3f01;
	color:#9e8934;
	font-family:Georgia;
	font-size:13px;
	cursor:pointer;
}
#page #body div#content ul.video-list li.on {
	background:#4b3f01;
	color:#fddb53;
}
@media screen and (max-width: 980px) {
	#page div#header {
		width:100%;
		height:auto;
		padding:10px 0 0 0;
	}
	#page div#header #logo img {
		max-width:80%;
		height:auto;
	}
	#page div#header ul.navigation {
		background:#1a130a;
		background-image:linear-gradient(180deg,#3a2c17,#1a130a);
		height:auto;
		top:0;
		padding:6px 0;
	}
	#page div#header ul.navigation li {
		float:none;
		display:inline-block;
		line-height:44px;
	}
	#page div#header ul.navigation li.first {
		margin:0;
	}
	#page div#header ul.navigation li a,
	#page div#header ul.navigation li a:hover,
	#page div#header ul.navigation li a.active {
		font-size:15px;
		padding:0 12px;
		background:none;
		color:#e5c288;
		text-shadow:none;
	}
	#page div#header ul.navigation li a.active {
		color:#fbc316;
	}
	#page #body {
		width:100%;
		padding:10px;
	}
	#page #body div.featured {
		width:auto;
		height:auto;
		background:#0f0b06;
		border:2px solid #4b3f01;
	}
	#page #body div.featured img {
		width:100%;
		height:auto;
		display:block;
	}
	#page #body div.featured span {
		display:none;
	}
	#page #body div.featured div.section {
		position:static;
		width:auto;
		height:auto;
		background:#181008;
		padding:18px;
	}
	#page #body div.featured div.section h2 {
		font-size:20px;
		height:auto;
		line-height:1.4;
	}
	#page #body div.featured div.section h2 a {
		font-size:20px;
	}
	#page #body div#content {
		float:none;
		width:100%;
		margin:0;
	}
	#page #body div#sidebar {
		float:none;
		width:100%;
		padding:15px 0 0 0;
	}
	#page #body div#sidebar .readmore {
		margin:0 auto 15px auto;
	}
	#page #body div#sidebar ul.connect {
		margin:0 auto;
	}
	#page #body div.content {
		width:100%;
		padding:0 10px;
	}
	#page #body div.content ul li img {
		float:none;
		display:block;
		margin:15px auto;
		max-width:100%;
	}
	#page #body div.content ul li div {
		position:static;
		width:100%;
	}
	#page #body div.content ul.blog li img {
		float:none;
		display:block;
		margin:0 0 15px 0;
		max-width:100%;
	}
	#page #body div.content ul.blog li {
		overflow:hidden;
	}
	#page #body div.content div.guide img {
		float:none;
		display:block;
		margin:0 auto 15px auto;
		max-width:100%;
	}
	#page #footer {
		width:100%;
		padding:0 10px;
	}
	#page #footer ul li {
		float:none;
		width:100%;
		margin:0 0 25px 0;
		text-align:center;
	}
	#page #footer ul li a.video,
	#page #footer ul li a.myths,
	#page #footer ul li a.archives {
		margin:0 auto;
	}
	#page #footer ul {
		margin:20px 0 40px 0;
	}
}
@media screen and (max-width: 600px) {
	#page div#header ul.navigation li a,
	#page div#header ul.navigation li a:hover,
	#page div#header ul.navigation li a.active {
		font-size:14px;
		padding:0 8px;
	}
	#page #body div.featured div.section h2,
	#page #body div.featured div.section h2 a {
		font-size:18px;
	}
	#page #body div#content p,
	#page #body div#content ul li p {
		font-size:13px;
	}
}
#site-footer {
	background:#0d0b07;
	border-top:2px solid #4b3f01;
	margin-top:30px;
	padding:0 10px;
}
#site-footer .inner {
	width:888px;
	max-width:100%;
	margin:0 auto;
}
#site-footer .bottom {
	padding:14px 0;
	text-align:center;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#6a5a2e;
}
#page #body div#sidebar ul.connect li a.qq,
#page #body div#sidebar ul.connect li a.bbs,
#page #body div#sidebar ul.connect li a.wechat {
	background:none;
	width:58px;
	height:58px;
	line-height:54px;
	margin:2px auto 10px auto;
	border:2px solid #9e8934;
	border-radius:50%;
	color:#e5c288;
	font-family:"Microsoft YaHei",Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	display:block;
	text-decoration:none;
	text-shadow:none;
}
#page #body div#sidebar ul.connect li a.qq:hover,
#page #body div#sidebar ul.connect li a.bbs:hover,
#page #body div#sidebar ul.connect li a.wechat:hover {
	background:#9e8934;
	color:#1a130a;
}
#page #body div#sidebar ul.connect {
	background:#141009;
	border:1px solid #4b3f01;
	border-radius:4px;
	padding:12px 14px;
}
#page #body div#sidebar ul.connect li {
	height:auto;
	line-height:28px;
	font-family:"Microsoft YaHei",Arial,sans-serif;
	font-size:13px;
	color:#9e8934;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#page #body div#sidebar ul.connect li.head {
	color:#f0cd7e;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #3a2c17;
	margin-bottom:8px;
	padding-bottom:6px;
	white-space:normal;
}
#page #body div#sidebar ul.connect a {
	color:#f0cd7e;
	text-decoration:none;
}
#page #body div#sidebar ul.connect a:hover {
	text-decoration:underline;
}
#page #body div#sidebar ul.connect .status {
	font-weight:bold;
}
#page #body div#sidebar ul.connect .status.on {
	color:#7ec97e;
}
#page #body div#sidebar ul.connect .status.off {
	color:#e8776b;
}
#page #body div#sidebar ul.connect .dot {
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#4caf50;
	margin:0 6px 0 4px;
	animation:mir2pulse 1.5s infinite;
	vertical-align:middle;
}
#page #body div#sidebar ul.connect .dot.off {
	background:#e05a4e;
	animation:none;
}
@keyframes mir2pulse {
	0% { box-shadow:0 0 0 0 rgba(76,175,80,0.6); }
	70% { box-shadow:0 0 0 7px rgba(76,175,80,0); }
	100% { box-shadow:0 0 0 0 rgba(76,175,80,0); }
}
#page #body div#sidebar ul.connect .uptime {
	color:#f0cd7e;
	font-family:Consolas,"Courier New",monospace;
	letter-spacing:0.5px;
}
#contact-links {
	margin-top:12px;
}
#contact-links a {
	display:block;
	margin:0 0 8px 0;
	padding:8px 0;
	text-align:center;
	font-family:"Microsoft YaHei",Arial,sans-serif;
	font-size:13px;
	color:#f0cd7e;
	background:#141009;
	border:1px solid #9e8934;
	border-radius:4px;
	text-decoration:none;
}
#contact-links a:hover {
	background:#9e8934;
	color:#1a130a;
}
#contact-links a:before {
	content:"» ";
}
#page #body div.content div.guide {
	overflow:hidden;
}
#page #body div.content div.guide img {
	float:right;
	max-width:42%;
	height:auto;
	margin:0 0 15px 25px;
	border:2px solid #4b3f01;
}
#page #body div.content div.guide h2 {
	font-family:Georgia;
	font-size:17px;
	color:#fddb53;
	margin:26px 0 10px 0;
}
#page #body div.content div.guide p {
	font-family:Georgia;
	font-size:14px;
	color:#b8b6b6;
	line-height:24px;
	text-align:justify;
	margin-bottom:10px;
}
#page #body div.content div.guide p a {
	color:#fddb53;
}
#page #body div.content div.guide p a:hover {
	color:#f0cd7e;
}
#bgm-button {
	position:fixed;
	right:18px;
	bottom:18px;
	z-index:999;
	width:44px;
	height:44px;
	line-height:44px;
	text-align:center;
	border-radius:50%;
	background:#141009;
	border:1px solid #9e8934;
	color:#9e8934;
	font-size:20px;
	font-family:Arial;
	cursor:pointer;
	opacity:0.85;
	user-select:none;
	box-shadow:0 2px 10px rgba(0,0,0,0.5);
}
#bgm-button:hover {
	opacity:1;
	color:#f0cd7e;
	border-color:#f0cd7e;
}
#bgm-button.on {
	color:#f0cd7e;
	border-color:#f0cd7e;
	animation:bgmspin 4s linear infinite;
}
@keyframes bgmspin {
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}
/* ===== 攻略系统:列表页说明与文章页样式(追加) ===== */
#page #body div.content p.gonglue-intro {
	font-family:"Microsoft YaHei",Arial,sans-serif;
	font-size:13px;
	line-height:24px;
	color:#9e8934;
	text-align:justify;
	margin:0 0 10px 0;
}
#page #body div.content div.breadcrumb {
	font-family:"Microsoft YaHei",Arial,sans-serif;
	font-size:12px;
	color:#8a7638;
	margin:12px 0 16px 0;
}
#page #body div.content div.breadcrumb a {
	color:#9e8934;
	text-decoration:none;
}
#page #body div.content div.breadcrumb a:hover {
	color:#fddb53;
	text-decoration:underline;
}
#page #body div.content div.article-head {
	border-bottom:1px solid #4b3f01;
	padding-bottom:14px;
	margin-bottom:8px;
}
#page #body div.content div.article-head h1 {
	font-family:"Microsoft YaHei",Arial,sans-serif;
	font-size:24px;
	font-style:normal;
	color:#fddb53;
	margin:10px 0 12px 0;
	line-height:1.5;
}
#page #body div.content p.article-meta {
	font-family:"Microsoft YaHei",Arial,sans-serif;
	font-size:12px;
	color:#8a7638;
	margin:0;
}
#page #body div.content div.article-body h2 {
	font-family:"Microsoft YaHei",Arial,sans-serif;
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	color:#f0cd7e;
	border-left:4px solid #9e8934;
	padding-left:10px;
	margin:28px 0 12px 0;
}
#page #body div.content div.article-body h3 {
	font-family:"Microsoft YaHei",Arial,sans-serif;
	font-size:15px;
	font-style:normal;
	font-weight:bold;
	color:#fddb53;
	margin:20px 0 10px 0;
}
#page #body div.content div.article-body p {
	font-family:Georgia,"Microsoft YaHei",Arial,sans-serif;
	font-size:14px;
	line-height:26px;
	color:#c9c2b4;
	text-align:justify;
	margin:0 0 14px 0;
}
#page #body div.content div.article-body p a {
	color:#fddb53;
	text-decoration:none;
}
#page #body div.content div.article-body p a:hover {
	color:#f0cd7e;
	text-decoration:underline;
}
#page #body div.content div.article-body ul,
#page #body div.content div.article-body ol {
	margin:0 0 14px 0;
	padding:0 0 0 26px;
}
#page #body div.content div.article-body ul li {
	list-style:square;
	display:list-item;
	position:static;
	margin:0 0 8px 0;
	font-family:Georgia,"Microsoft YaHei",Arial,sans-serif;
	font-size:14px;
	line-height:24px;
	color:#c9c2b4;
}
#page #body div.content div.article-body ol li {
	list-style:decimal;
	display:list-item;
	position:static;
	margin:0 0 8px 0;
	font-family:Georgia,"Microsoft YaHei",Arial,sans-serif;
	font-size:14px;
	line-height:24px;
	color:#c9c2b4;
}
#page #body div.content div.article-body img {
	max-width:100%;
	height:auto;
	border:2px solid #4b3f01;
	margin:10px 0 16px 0;
	display:block;
}
#page #body div.content div.article-body ul li img {
	float:none;
	display:block;
	border:2px solid #4b3f01;
	margin:10px 0;
}
#page #body div.content div.article-body table {
	border-collapse:collapse;
	width:100%;
	margin:6px 0 16px 0;
	font-family:"Microsoft YaHei",Arial,sans-serif;
	font-size:13px;
}
#page #body div.content div.article-body th,
#page #body div.content div.article-body td {
	border:1px solid #4b3f01;
	padding:6px 10px;
	color:#c9c2b4;
	text-align:left;
	line-height:22px;
}
#page #body div.content div.article-body th {
	background:#2a2214;
	color:#f0cd7e;
	font-weight:bold;
}
#page #body div.content div.article-footer {
	margin:20px 0 10px 0;
	padding-top:16px;
	border-top:1px solid #4b3f01;
}
#page #body div.content a.backlist {
	display:inline-block;
	padding:8px 22px;
	background:#141009;
	border:1px solid #9e8934;
	border-radius:4px;
	color:#f0cd7e;
	font-family:"Microsoft YaHei",Arial,sans-serif;
	font-size:13px;
	text-decoration:none;
}
#page #body div.content a.backlist:hover {
	background:#9e8934;
	color:#1a130a;
}
@media screen and (max-width: 980px) {
	#page #body div.content div.article-head h1 {
		font-size:20px;
	}
	#page #body div.content div.article-body table {
		display:block;
		overflow-x:auto;
	}
}