@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;
-moz-box-sizing:border-box;/*火狐浏览器*/
-webkit-box-sizing:border-box;/*webkit内核浏览器*/
box-sizing:border-box;
}
body{  min-width: 320px;
    font-size: 12px;font-family: "微软雅黑";
    color:#222222;  
     margin: 10px;
    padding: 0;
    box-sizing:border-box;
    position: relative;
    padding: 0px;
	background-color: #CAE2D1;
	text-align: center;
    height:2000px;
    margin: 0 auto;
}
   
header{width: 100%;height:10%;background: #AFEEEE;position: relative}
aside{width: 20%;height: 80%;background: #D8BFD8;margin: 0px;padding: 0px; float: left;}
section{width: 80%;height: 80%;background: #AAAEEB;float: left; overflow: auto;}
footer{width: 100%;height: 10%;background: #708090;clear: left;padding: 3px;margin: 0px auto; }
ul li{list-style-type: none;max-width: 80%}
a{text-decoration: none}
b{font-weight: normal;}
i{font-style: normal;}
a:hover,a:active{text-decoration: none;color:#222222;font-size: 24px; }
input,textarea,select{outline: none;}
img{border: none;vertical-align: top;}
li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
.cl{clear: both;}
.clearfix::after{
    content: "";
    display: table;
    clear: both;}
.shouji{background-color: chartreuse}
 @media only screen and (max-width:1100px){
    body{width:900px; overflow:auto;}
    .content-box{ width:100%; margin: 0 auto;}
    .container{padding: 10px  ; }
    .shouji{background-color: #FF0000;}
     .zhu-a{font-size: 24px; }
     .nav-a{font-size: 8px; }
     
    }