html,body,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文黑体",STHeiti,Georgia,"Times New Roman",Times,serif;font-weight:normal;}
h3{font-size:1.15em;}
html{font-size:62.5%;}
body{font-size:1.3em;background:url(../Images/Bg.png) repeat-x left -336px;font-family:Verdana, Arial, Helvetica, sans-serif;}
img{border:none;}
div,p,table,td{word-wrap:break-word;word-break:break-all}
h1{display:none}

/* ---------------------------------------- */

.clear:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.clear{*display:inline-block;}
.icon{display:block;overflow:hidden;padding:0;height:0;background:url(../Images/Bg.png) no-repeat;font-size:1px;}

.left {float: left;overflow: hidden;}
.right {float: right;overflow: hidden;}

.red{color:red}
.green{color:green}
.blue{color:blue}
.yellow{color:yellow}

.imgAuto img{max-width:600px;}
*html .imgAuto img{width: expression(this.width > 600 ? 600 : auto);}

.fontBig, .fontBig *{font-size:14px}
.fontNormal, .fontNormal *{font-size:12px}
.fontSmall, .fontSmall *{font-size:10px}

/* ---------------------------------------- */

#header{margin:0 auto;width:960px;}

#header #menu{margin:1px;padding:0;height:25px;line-height:25px}
#header #menu li{float:left;list-style:none;margin:0 0 0 -15px;padding:0 15px 0 0;background:url(../Images/Bg.png) no-repeat right -201px;font-size:.85em}
#header #menu li#menuFrist{margin-left:0;}
#header #menu li#menuFrist a{background-position:left -126px;}
#header #menu li a{display:block;float:left;padding:0 10px 0 25px;background:url(../Images/Bg.png) no-repeat left -251px;color:#333;text-decoration:none;}
#header #menu li a:hover{color:#fff;}
#header #menu li#menuLast{background-position:right -226px;}
#header #menu li#menuLast a{padding-right:10px;}
#header #menu li.menuCurren{background-position:right -176px;position:relative;}
#header #menu li.menuCurren a{background-position:left -151px;font-weight:bold;}
#header #menu li.menuCurren a:hover{color:#333;}
#header #menu li#menuFrist.menuCurren a{background-position:left -54px;}
#header #menu li#menuLast.menuCurren{background-position:right -276px;}

#header #navigate{margin-top:6px;height:34px}
#header #navigate .icon{margin-right:5px}

/* search form */
#header #navigate #search{margin:0;width:237px;height:27px;background:url(../Images/Bg.png) no-repeat -117px top;float:right;}
#header #navigate #search.hover{background-position:-117px -27px;}
#header #navigate #search #word{float:left;margin:5px 0 0 4px;border:0;width:200px;*width:195px;}
#header #navigate #search #submit{float:right;width:29px;height:0;*height:27px;*padding-top:0;font-size:1px;border:none;background:transparent url(../Images/Bg.png) no-repeat right top;cursor:pointer;overflow: hidden;}

#header #navigate #logo{width:29px;padding-top:27px;background-position:-58px top;float:left;}
#header #navigate #logo:hover{background-position:-58px -27px;}
#header #navigate #fav{width:29px;margin-right:6px;padding-top:27px;background-position:left top;float:right;}
#header #navigate #fav:hover{background-position:left -27px;}
#header #navigate #rss{width:29px;padding-top:27px;background-position:-29px top;float:right;}
#header #navigate #rss:hover{background-position:-29px -27px;}

#header #navigate #info{line-height:27px;font-size:0.95em;color:#080;float:left;font-weight:bold;margin-left:8px}
#header #navigate #info a{color:#080;}

/* 翻页 */
.index{clear:both;margin:15px 0;font-size:0.95em;color:#F00;font-weight:bold}
.index a{padding:1px 4px;color:#36C;text-decoration:none;}

/* ---------------------------------------- */

#content{margin:0 auto;width:960px;}
#content .left{margin:0;width:640px;}
#content .right{margin:0;width:300px;}
#content h1{display:block}
#content #message{margin:15px 0 25px 0;padding:0 10px;height:30px;line-height:30px;background:#e9f1fb;border:1px solid #c7d1e2;}
#content #banner {clear:both}
#content #banner div {float:left;padding:0 10px 10px 0;}

/* ---------------------------------------- */

#footer{overflow:hidden;float:left;height:19px;line-height:19px;background:url(../Images/Bg.png) no-repeat right -317px;font-size:.75em;color:#646464;padding:0 5px}
#footer img{display:none}

/* ---------------------------------------- */

.side{margin-bottom:25px;padding:15px;background:#e1ecfe;}
.side .title{font-weight:bold}
.side .body{margin:.5em 0 0;padding:0;}
.side .body li{margin:0;padding:0 0 0 17px;list-style:none;line-height:190%;background:url(../Images/Bg.png) no-repeat left -90px;height:25px;overflow: hidden;}
.side a{text-decoration:none;color:#00c;}
.side a:hover{color:#333;}

.side #submenu{font-weight:bold;line-height:25px}
.side #submenu a{text-decoration:none;display:block;color:#008000}
.side #submenu .red{color:red}

/* 代码高亮 */
.code{margin:0;padding:0;background:#F7F7F7;font:12px 'Courier New';word-break:break-all;word-wrap:break-word;overflow:auto;width:100%}
.code ol, .code ol li, .code ol li span{margin:0; padding:0; border:none}
.code a, .code a:hover{background:none; border:none; padding:0; margin:0}
.code ol{list-style:decimal; background:#F7F7F7; margin:0px 0px 1px 3em !important; padding:5px 0; color:#5C5C5C; border-left:3px solid #146B00;}
.code ol li{list-style:decimal-leading-zero; list-style-position:outside !important; color:#5C5C5C; padding:0 3px 0 10px !important; margin:0 !important; line-height:1.3em}
.code ol li.alt{color:inherit}
.code ol li span{color:black; background-color:inherit}
.code .comment, .code .comments{color:#008200; background-color:inherit}
.code .string{color:blue; background-color:inherit}
.code .keyword{color:#069; font-weight:bold; background-color:inherit}
.code .preprocessor{color:gray; background-color:inherit}
.code .dp-xml .cdata{color:#ff1493}
.code .dp-xml .tag, .code .dp-xml .tag-name{color:#069; font-weight:bold}
.code .dp-xml .attribute{color:red}
.code .dp-xml .attribute-value{color:blue}
.code .dp-sql .func{color:#ff1493}
.code .dp-sql .op{color:#808080}
.code .dp-rb .symbol{color:#a70}
.code .dp-rb .variable{color:#a70; font-weight:bold}
.code .dp-py .builtins{color:#ff1493}
.code .dp-py .magicmethods{color:#808080}
.code .dp-py .exceptions{color:brown}
.code .dp-py .types{color:brown; font-style:italic}
.code .dp-py .commonlibs{color:#8A2BE2; font-style:italic}
.code .dp-j .annotation{color:#646464}
.code .dp-j .number{color:#C00000}
.code .dp-delphi .number{color:blue}
.code .dp-delphi .directive{color:#008284}
.code .dp-delphi .vars{color:#000}
.code .dp-css .value{color:black}
.code .dp-css .important{color:red}
.code .dp-c .vars{color:#d00}
.code .dp-cpp .datatypes{color:#2E8B57; font-weight:bold}

/* ---------------------------------------- */

/* 评论 */
.comment .title{padding:0 0 0 10px; margin:10px 0; border-left:3px solid #ccc;}
.comment .title h2{font-size:1.5em;font-weight:bold}
.comment .title div{font-size:1em;color:#555}

.comment .form{margin:10px 0;padding:10px;background:#e9f1fb;border:1px solid #c7d1e2;}
.comment .form form{margin:0;padding:0px;}
.comment .form div{clear:both}
.comment .form span{width:60px;font-weight:bold;text-align:center;}
.comment .form span, .comment .form input, .comment .form textarea, .comment .form i{display:block;float:left;margin-right:5px;margin-top:5px}
.comment .form input, .comment .form textarea{border: 1px #86a1ba solid;}
.comment .form .submit{height:20px}
.comment .form .submit input{background:url(../Images/Bg.png) repeat-x left -362px;padding:3px 6px;height:24px;cursor:pointer}
.comment .more{text-align:right}

.comment .list{margin:0;padding:0}
.comment .list li{margin:5px 0;list-style:none;border: 1px #EFEFEF solid}
.comment .list li h3{background-color:#EFEFEF;padding:5px;font-size:1em}
.comment .list li p{padding:5px;text-indent:2em;padding:0px;margin:10px;line-height:150%}