/* Modify by 笑傲江湖 @ 2019.10.31 */
/* General Demo Style */
body {
	font-family: "微软雅黑", Georgia, serif;background: #e0e3ec url(../images/bg2.png) repeat top left;
	font-weight: 400;font-size: 15px;color: #593741;overflow-y: hide;}
a {color: #333;text-decoration: none;}

.clr {clear: both;}

.container > header {
	padding: 0px;	margin: 0px auto;position: relative;text-align: center;
	display: block;text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.container > header h1{
	background:url(../images/header_titlex.png) center center no-repeat;
	position: relative;font-weight: 400;margin-bottom: 10px;height: 100px;
}
.container > header h1 span{
	color: #b19099;text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
.container > header h2{
	font-size: 16px;font-style: italic;color: #593741;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
/* Header Style */
.top_info {
	line-height: 24px;font-size: 12px;background: rgba(210, 210, 210, 0.5);
	text-transform: uppercase;z-index: 9999;
	position: relative;border-bottom:1px #B5B5B5 solid;
	box-shadow: 1px 0px 1px rgba(0,0,0,0.2);
}
.top_info a {
	padding: 0px 5px;color: #868686;
	text-shadow: 0px 1px 1px #FFF;
	display: block;overflow:auto;float: left;
}
.top_info a:hover{
	color: #F00;
}
.top_info span.right{
	float: right;
}
.top_info span.right a{
	float: left;display: block;
	overflow:auto;font-weight:bold;
}
.site_logo {margin-top:20px;}

/* accordion Style */
#only_4_mobileview {padding:20px 15px 20px;display:none;}
#only_4_mobileview h1 {padding:0;margin:0 0 10px;text-align:center;color:#cb1a1a;}
#accordionz { border: 4px solid #cb1a1a;background-color:#FFF;padding-bottom:2px;}
#accordionz .on {background-color: #cb1a1a;color:#000;}
.accordionContent { padding: 5px 15px 5px; font-size: 16px; line-height:25px;}
.accordionButton {
	background-color: #515a6e;color: #fff;cursor: pointer;
	padding: 8px 10px 12px;margin:4px 4px 4px;border-radius:5px;
}
.accordionButton h2 {font-size:19px;}
.zda_img {position:relative;height:100px;margin-top:10px;}
.zda_img img {position:absolute;left:0px;top:2px;width:100px;}
.zda_img a {position:absolute;right:0px;bottom:12px;border-radius: 30px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    color: #666;font-weight:bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 8px solid rgba(255,255,255,0.8);
    padding: 2px 20px 4px;
    font-size: 18px;
    line-height: 30px;
    width: 80px;
    text-align: center;
    background: rgba(0,0,0,0.2);}
.zda_img a:hover {color:#cb1a1a;}

.mobile_footer {margin:20px auto 20px;}
.mobile_footer dt {text-align:center;}
.mobile_footer dd.copyright {text-align:center;margin:8px 0;}
.mobile_footer dd.serverinfo {text-align:center;}



/* footer Style */
#footer {
	font-size:12px;background: rgba(210, 210, 210, 0.5);
	padding:10px 0;position:absolute;line-height:18px;
	bottom:1px;left:0%;right:0%;border-top:1px #FFF solid;
	color:#666666;z-index:1;
}
.float-l {}
.float_r {position:absolute;width:106px;height:58px;bottom:6px;right:10px;background:url(../images/html5_css3.png) center center no-repeat;z-index:1;}
.ribbon_1 {display:none;position:absolute;width:71px;height:112px;top:186px;right:15px;z-index:1001;}
.ribbon_1 a {display:block;width:71px;height:112px;background:url(../images/css3_playground_ribbon.png) center center no-repeat;}
.ribbon_2 {display:none;position:absolute;width:71px;height:112px;top:186px;right:100px;z-index:1001;}
.ribbon_2 a {display:block;width:71px;height:112px;background:url(../images/css3_playground_ribbon1.png) center center no-repeat;}

.yeartips {text-align:left; margin:0 auto;padding:0 0 0 10px;}
.mytips { text-align:left; margin:0 auto;padding:0 0 0 10px;}
.footertxt { text-align:left; margin:0 auto;padding:0 0 0 10px;}
.footertxt a {color:#666666;}
.footertxt a:hover {color:#F00;}

.b_box {position:relative;margin:0 auto;}
.b_text {display:block;position:absolute;top:0px;left:50%;margin-left:-343px;}

/* Media Queries */
@media screen and (max-width: 767px) {
	.container > header{
		text-align: center;
	}
}