﻿*{
    margin:0px;
    padding:0px;
}
/*body{
	text-align:center;
	margin:0;
	padding:0;
	background-color:#cce8cf;
	font-size:14px;
	font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体;
	}*/

body{
    width:100%;
    height:100%;

    /*background-color:rgba(0,0,0,0.5);*/
    background:url(../IMAGE/wallhaven-74942.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover;
    font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体;

}

h1 {
    display: block;
    margin-top:10px;
    font-weight: normal;
}

hr{margin:30px 0 30px 0;}
tr th{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-align:left;background-color:#75a775;color:#ffffff;}
table,th,td{border:1px #75a775 solid;padding:7px 0 7px 3px;word-spacing:4px;}
table{width:auto;border-collapse:collapse;background-color:#eaeaef;margin:0;}
.note{font-weight:bold;color:#d40808;}
.shrink{width:30%;height:30%;}



#wrapper{
	margin:0 auto;
	padding:0;
	width:1000px;
	text-align:left;
}
ul{margin:0;padding:0;}
a{color:#000000;}
#header{height:80px;width:100%;color:#fff;text-align:left;font-weight:bold;font-size:40px;line-height:80px;text-shadow:3px 2px 5px #000;border-bottom:2px #000 solid;}
#nav{margin:10px 0px 10px 0px;}
#nav ul#menu{width:100%;list-style-type:none;margin:5px 0 0 0;padding:0;background-color:#000;border:1px solid #fff;}
#nav ul#menu li{float:left;padding:5px;text-align:center;background-color: #000;margin-right:10px;}
#nav ul#menu li:hover{background: #fff;}
#nav ul#menu li:hover a{color: #000;}
#nav ul#menu li a{display:block;height:20px;padding:5px;font-size:16px;color:#fff;text-decoration:none;}
#nav ul#menu:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#nav ul#menu .nav_current{background-color: #fff;}
#nav ul#menu li.nav_current a{color: #000;}

#content #catalog,#section{box-sizing:border-box;margin:5px 0 20px 0;float:left;}
#content #catalog h2{
	font-size: 14px;
    color: rgb(0, 0, 0);
    display: block;
    font-family: 微软雅黑;
    margin: 0px;
    padding: 10px 0 5px 8px;}
#content #catalog{background: rgba(255,255,255,0.7);;width:15%;border:1px #ccdadd solid;border-top:30px #000 solid;margin:0;}
#content #catalog ul a:link{display:block;width:auto;font-size:12px;padding:3px 0 3px 13px;text-decoration:none;}
#content #catalog ul a:active,li.current a{background-color: #e62a2a;color:white;}
#content #catalog ul li{list-style:none;text-align:left;}
#content #catalog ul li:hover{background-color:#9bb4b9;}
#content #catalog ul li:hover a{color:#ffffff;}

#content #section{margin:0 0 0 5px;width:calc(85% - 5px);background: rgba(255,255,255,0.8);padding:0 5px;}
#content #section>h3{font-size: 15px;margin:10px 0px 10px 0px;}
#content #section h2{font-size: 18px;color: #3f3f3f;margin:15px 0px 15px 0px;}
#content #section p{line-height:20px;text-indent:2em;margin:5px 0px 5px 0px;}
#content #section .code{border:10px #258759 ridge;background-color:#0c0c0c;color:#cccccc;font-size:16px;font-family:新宋体;}
#content #section .fc{background-color:#cccccc;color:#0c0c0c;}
#content #section .gj{color: #e8bf6a;}
#content #section .centre{text-align:center;}
#content #section .annotation{color: #2d893b;}
#content #section .h_annotation{color: #7a7a7a;}
#content #section ul,ol{list-style-position: inside}
#content #section ul li{list-style-type:square;}
#content #section ol>li{margin:8px 0px 8px 0px;}
#content #section ol li p{text-indent:3em;}
#content #section .effect{border:3px solid #676b8b;border-top:10px solid #676b8b;background-color:rgba(255,252,246,0.49);padding:10px 5px 10px 5px;}
#content #section pre{
    margin: 10px 0 10px 0;
    padding: 20px 20px 20px 20px;
    border: 1px dotted #785;
    line-height: 1.4;
    font-family: Consolas;
	width:auto;
	overflow-x:auto;
    //white-space: pre-wrap;
    background-color:#eaeaef;}

#footer{height:40px;clear:both;}
#content #section div.demoParent{position: relative;}
#content #section div.demoPosition{position:absolute;right:50px;top:50px;}

.hrh3 hr{padding:0px;margin-top:0px;}
.hrh3 h3{margin-top:20px;color: #5f9ea0;}