/*重置属性*/
*{margin: 0;															/*外边距属性*/
padding: 0;																/*内边距属性*/
-moz-box-sizing: border-box;											/* 火狐浏览器 */
-webkit-box-sizing: border-box;											/* webkit内核浏览器 */
box-sizing: border-box; 												/*内边距和边框是在元素设置的宽度和高度之内进行绘制的*/
}
body{font-size: 16px;font-family: "微软雅黑";color: #222222;}  			/*字体，大小，颜色*/
b{font-weight: normal;}  												/*粗体重置，便于当作普通标签用CSS美化*/
i{font-style: normal;}   												/*斜体重置，便于当作普通标签用CSS美化*/
a,a:hover,a:active{text-decoration: none;color:#222222;}  				/*鼠标点击状态重置*/
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;															/*清除两侧浮动*/
}
/*修改属性*/
/*生成博客目录的CSS*/
#uprightsideBar{
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;
    top:30%;
    left:0px;
    width: auto;
    height: auto; 
}
#sideBarTab{
    float:left;
    font-size: 20px;
    width:30px; 
    border:1px solid #e5e5e5;
    border-right:none;
    text-align:center;
    background: #f6f6f6;
}
#sideBarTab h2{
    color: #497837;
}
#sideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    font-weight: bold;
    width:200px;
    min-height:108px;
    max-height:600px;
    border:1px solid #e5e5e5;
    border-right:none; 
    background: #f6f6f6;
}
#sideBarContents dl{
    margin:0;
    padding:0;
}
#sideBarContents dt{
    margin-top:5px;
    margin-left:5px;
}
#sideBarContents dd, dt {
    cursor: pointer;
}
#sideBarContents dd:hover, dt:hover {
    color:#A7995A;
}