body{
	margin: 0px;
    padding: 0px;
	font-family: '华文楷体';
	text-align: center;
}
h2{
    font-family: "微软雅黑";
    font-weight: normal;
    font-size: 20px;
    text-align: left;
    margin: 5px;
    padding: 0px;
}
h3{
    font-family: "微软雅黑";
    font-weight: normal;
    font-size: 17px;
    text-align: left;
    margin: 5px;
    padding: 0px;
}
h4{
    font-family: "微软雅黑";
    font-weight: normal;
    font-size: 15px;
    text-align: left;
    margin: 5px;
    padding: 0px;
    margin-bottom: 3px;
    font-weight: bold;
}

p{
	font-family: "微软雅黑";
    margin: 0px;
    padding: 0px;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
}

.fl{
	float: left;
}
.fr{
	float: right;
}
.cl{
	clear: left;
}
.cr{
	clear: right;
}

.clearfix{
	clear: both;
	content: "";
	display: block;
}
#container{
    width: 100%;
	
	padding: 0px;
	margin: 0px;
	position: relative;

}
#top{
	padding: 0px;
	margin: 0px;
    width: 100%;
	height: 160px;
	position: relative;
	overflow: hidden;
	
}
#main{
	width: 100%;
    
	margin: 0 auto;
	overflow: hidden;
    padding: 10px;
    padding-top: 10px;
   
}

#main p{
    padding-left: 20px;
}

#footer{
	height: 300px;
    width: 100%;
}
#caption{
    width: 100%;
    height: 35px;
}
/*
面包屑导航
*/
#crumbs{
	position: absolute;
	bottom: 10px;
	left: 2px;
	background-color: #fff;
	z-index: 0;
}
#crumbs ul li {
	float: left;    /*首先将列表从往垂直方向显示，变成往水平方向显示*/
	list-style: none; /*并且列表前的标记设置为没有*/
	
}
#crumbs ul li a {
	display: block;/*因为列表中的一般都是链接，在这里将每一个链接设置成块状元素*/
	float: left; /*而且也是往水平方向显示*/
	height: 18px;
	background: white;
	text-align: center;
	padding: 2px;
	padding-left: 15px;
	padding-top: 4px;
	position: relative;
	margin: 0 4px 0 4px;
	font-size: 10px;
	text-decoration: none;   /*下划线设置为不见*/
	color: #f00;
}
#crumbs ul li a:after {   /*在li元素之后插入*/
content: "";      /*内容为空*/
position: absolute; 
right: -11px; 
top: 0;

}
#crumbs ul li a:before {  /*在li元素之前插入*/
content: ">";
position: absolute; 
left: 0; 
top: 4px;
}
#crumbs ul li:first-child a {
padding-left: 2px;
}
#crumbs ul li:first-child a:before {
display: none;
}
#crumbs ul li:last-child a {
padding-right: 2px;
}
#crumbs ul li:last-child a:after {
display: none;
}
#crumbs ul li a:hover {
background: transparent;
transition: all 0.2s ease;
}
#crumbs ul li a:hover:after {
border-left-color: transparent;
transition: all 0.2s ease;
}


.left_panel{
	width: 240px;
	height: 100%;
	margin: 10px;
    padding-top: 10px;
    padding-left: 10px;
    box-shadow: 0px 0px 4px #aaaaaa;
}

.right_panel{
	width: 70%;
	height: 100%;
    margin: 10px;
    padding-top: 10px;
    padding-left: 10px;
	box-shadow: 2px 2px 4px #aaaaaa;
}


.book{
    width: 200px;
    height: 30px;
    margin: 10px;
	box-shadow: 2px 2px 4px #aaaaaa;
}

/*目录列表ul*/
.mulu{
	list-style: none;
}
.mulu li{
	height: 22px;
    width: 90%;
    float: left;
    clear: left;
    border-bottom: 1px dotted gray;
    margin-bottom: 5px;
}
.mulu li a{
	text-decoration: none;
	font-size: 13px;
    text-align: left;
    float: left;
}

.mytable{
    margin: 10px auto;
    border-collapse: collapse;
}
.mytable th,td{
    padding: 2px;
    text-align: left;
}
.mytable th{
    font-size: 14px;
    font-weight: normal;
}
.mytable td{
    font-size: 13px;
    font-weight: lighter;
}
.mytable caption{
    height: 40px;
    margin-bottom: 0px;
}
.mytable tr td,tr th{
    border: 1px solid #afafaf;
}

.yes{
    width: 22px;
    height: 22px;
    margin: 0px;
    padding: 0px;
    margin: auto auto;
    background-color: green;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.no{
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    margin: auto auto;
    background-color: red;
    clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
}

.mysection{
    margin: 10px;
    padding: 10px;
    box-shadow: 0px 0px 4px #aaaaaa;
    
}
.desc{
    padding: 10px;
}
.desc p{
    text-indent: 16px;
    font-size: 22px;
   
    line-height: 30px;
}
.desc span{
    color:red;
}
.desc ul li{
    text-align: left;
    font-size: 21px;
    
    line-height: 30px;
    float: left;
    clear: both;
}
.desc ol li{
    text-align: left;
    font-size: 21px;
    
    line-height: 30px;
}

.desc img{
    margin: 15px;
}