#navCategory{ width:500px;font-size:22px; /*margin:20px auto 0;*/ padding:40px 20px;}
#navCategory{border:1px solid #e6e6e6;border-radius:5px;box-shadow:0px 2px 3px #ececec;background: #fff;}
#navCategory ul{ padding:0 60px;}
#navCategory ul li{list-style:decimal; line-height:50px;border-bottom: 1px solid #f2f2f2;}
#navCategory ul li a{ display:block; padding:5px 8px;transition:all 0.6s;}
#navCategory ul li a:hover{ text-indent:25px;border-radius:5px;color: #fff;text-shadow:0 2px 1px #360;background-color: #393;*background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);text-decoration:none;}


.header{background-image:none;}
.headerText{margin-top:68px;}
.AutomLeaf {
	position:fixed;
	opacity:0;
	z-index:0
}
.AutomLeaffalling {
	position:fixed;
	top:0;
	left:0;
	opacity:0;
	z-index:0
}
.inFront {
	z-index:100
}
.x1 {
	width:75px;
	height:75px
}
.x2 {
	width:100px;
	height:100px
}
.x3 {
	width:125px;
	height:125px
}
.x4 {
	width:150px;
	height:150px
}
#navCategory{background-color: #ccc;
    border-radius: 7px;
    padding: 10px;
    line-height: 25px;
    font-size: 30px;
    padding-left: 31px;
    margin-top: 35px;
}
#navCategory{background-color: #ccc;
    border-radius: 7px;
    padding: 10px;
    line-height: 25px;
    font-size: 30px;
    padding-left: 31px;
    margin-top: 35px;
}
#navCategory{background-color: #ccc;
    border-radius: 7px;
    padding: 10px;
    line-height: 25px;
    font-size: 30px;
    padding-left: 31px;
    margin-top: 35px;
}
#navCategory ul{list-style:inherit;}
#navCategory li a{color:#55895B;list-style-type:none;}
.myTopDiv{width:51px;height:51px;background-image:url(https://files.cnblogs.com/elegance/ui.totop.gif);background-position:top left}
.myTopDiv:hover{background-position:bottom right}
.myTitle{background:#339900;margin:15px auto 2px;padding:5px;border-radius:3px;text-align:left;color:#ffffff;text-transform:none;text-indent:0.5em;letter-spacing:normal;font-family:微软雅黑, 'Segoe UI';font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;word-spacing:0px;border-bottom-color:#006600;border-bottom-width:1px;border-bottom-style:solid;white-space:normal;text-shadow:rgba(0, 0, 0, 0.298039) 1px 1px 0px;-webkit-text-stroke-width:0px}
.postTitle2{padding-left:50px;}
.myTitleGreen{background:#9abc32!important;border-radius:6px 6px 6px 6px !important;box-shadow:0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);color:#FFFFFF;font-family:"微软雅黑" , "宋体" , "黑体" ,Arial;font-size:17px;font-weight:bold;height:25px;line-height:25px;margin:15px 0 !important;padding:5px 0 5px 20px;text-shadow:2px 2px 3px #222222}
.myTitleBlue{background:none repeat scroll 0 0 #049FF1;border-radius:4px;clear:both;color:#FFFFFF;font-family:'Microsoft Yahei';font-size:20px;margin:10px 0;padding:6px 20px;text-align:left;box-shadow:0 0 0 1px #049FF1, 1px 1px 6px 1px rgba(10, 10, 0, 0.5)}
.myTitleRed{color:#fff;background:none repeat scroll 0 0 #d53f40;border-radius:4px;clear:both;color:#FFFFFF;font-family:'Microsoft Yahei';font-size:20px;margin:10px 0;padding:6px 20px;text-align:left;box-shadow:0 0 0 1px #049FF1, 1px 1px 6px 1px rgba(10, 10, 0, 0.5)}
.myTitlePink{background:none repeat scroll 0 0 #cb6fd7;border-radius:4px;clear:both;color:#FFFFFF;font-family:'Microsoft Yahei';font-size:20px;margin:10px 0;padding:6px 20px;text-align:left;box-shadow:0 0 0 1px #cb6fd6, 1px 1px 6px 1px rgba(10, 10, 0, 0.5)}
.myTitleYellow{background:none repeat scroll 0 0 #ffb752;border-radius:4px;clear:both;color:#FFFFFF;font-family:'Microsoft Yahei';font-size:20px;margin:10px 0;padding:6px 20px;text-align:left;box-shadow:0 0 0 1px #ffb751, 1px 1px 6px 1px rgba(10, 10, 0, 0.5)}
.myTitlePurple{background:none repeat scroll 0 0 #7f73d8;border-radius:4px;clear:both;color:#FFFFFF;font-family:'Microsoft Yahei';font-size:20px;margin:10px 0;padding:6px 20px;text-align:left;box-shadow:0 0 0 1px #049FF1, 1px 1px 6px 1px rgba(10, 10, 0, 0.5)}
canvas {
            cursor: crosshair;
            display: block;
        }
 #github-link{position:fixed;top:0;right:0;z-index:111;}
#cnblogs_post_body
    {
        color: black;
        font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif;
        font-size: 16px;
    }
    #cnblogs_post_body h1
    {
        background: #2B6695;
        border-radius: 6px 6px 6px 6px;
        box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
        color: #FFFFFF;
        font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
        font-size: 17px;
        font-weight: bold;
        height: 25px;
        line-height: 25px;
        margin: 15px 0 !important;
        padding: 5px 0 5px 20px;
        text-shadow: 2px 2px 3px #222222;
    }
@media screen and (min-width: 1px) and (max-width: 800px)
    {
        #mytopmenu
        {
            margin-left: 0;
            margin-right: 0;
        }
        #centercontent
        {
            padding-left: 0;
            padding-right: 0;
            width: 100%;
        }
        #leftcontent
        {
            width: 100%;
            position: static;
            width: 100%;
        }
        #footer,.footer
        {
            margin: 0;
            width: 100%;
        }
        #comment_form
        {
            display: none;
        }
        #header
        {
            display: none;
        }
        #green_channel
        {
            display: none;
        }
       
    }