html,body,div,ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0} ::selection{background-color:#ccc;color:#fff} ::-moz-selection{background-color:#ccc;color:#fff} body{font-family:"Lucida Grande","Verdana","\5fae\8f6f\96c5\9ed1";font-size:12px;background-color:#f9f9f9;color:#333} a:link{outline:none;color:#21759b;text-decoration:none} a:visited{color:#555777} a:hover{color:#d54e21} a:active{color:#333} img{vertical-align:middle;border:0} textarea,input{outline:none} .left{float:left} .right{float:right} .clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden} .none{display:none} .logo{padding:0 5px;text-shadow:0 0 1px #eee} .tip{color:#d54e21;font-size:11px} .em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../neoease/images/emotions/emotions-black.png");float:left;height:24px;margin-right:5px;width:24px} .em01{background-position:-24px 0} .em02{background-position:-48px 0} .em03{background-position:-72px 0} .em04{background-position:-96px 0} .em05{background-position:0 -24px} .em06{background-position:-24px -24px} .em07{background-position:-48px -24px} .em08{background-position:-72px -24px} .em09{background-position:-96px -24px} .em10{background-position:0 -48px} .em11{background-position:-24px -48px} .em12{background-position:-48px -48px} .em13{background-position:-72px -48px} .em14{background-position:-96px -48px} .em-span{line-height:24px;float:left} .em-br{line-height:24px} .date-ico,.tag-ico,.user-ico,.expand-ico,.collapse-ico,#search,.translate-ico,.feed-ico{background-image:url("../../neoease/images/icons.png")} .feed-ico{background-position:right -146px;background-repeat:no-repeat;color:#333;padding-right:24px} .translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #999;border-radius:3px 3px 3px 3px;cursor:pointer;float:right;height:16px;margin:6px 0 0 18px;padding:1px;width:16px} .translate-ico:hover{border-color:#d54e21;box-shadow:0 0 1px #999;background-color:#f2f2f2} .expand-ico,.collapse-ico{background-position:54px -84px;cursor:pointer;height:16px;background-repeat:no-repeat} .collapse-ico{background-position:54px -69px} .date-ico,.tag-ico,.user-ico{background-repeat:no-repeat;height:16px;display:block;padding-left:20px} .tag-ico{margin:6px 6px 0 0} .date-ico{float:left;background-position:0 -16px} .user-ico{background-position:0 -32px;float:left;margin-left:12px} .wrapper{margin:0 auto;width:960px} .body{border-top:2px solid #ddd} .main{float:left;margin:16px 0 50px;overflow:hidden;width:667px} .header{background:url("../../neoease/images/icons.png") repeat-x scroll 0 -220px #f2f2f2;padding:20px 0} .header .title{border-bottom:1px solid #242424;color:#000;font-size:26px;font-weight:normal} .header .sub-title{color:#242424;font-size:11px} #search{background-position:7px -99px;background-repeat:no-repeat;background-color:#fff;border:1px solid #ddd;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;color:#888;float:right;font-size:14px;height:20px;line-height:145%;padding:3px 10px 3px 28px;width:24px;-moz-transition:width .4s ease,background .4s ease;-webkit-transition:width .4s ease,background .4s ease;transition:width .4s ease,background .4s ease} #search:focus{background-color:#f9f9f9;width:196px} .nav{background-color:#e9e9e9;border-bottom:1px solid #ccc} .nav ul{list-style:none;float:left} .nav li{float:left} .nav a{color:#666;display:block;float:left;font-size:14px;height:30px;line-height:30px;padding:0 15px;text-shadow:0 1px 0 #eee} .nav a:hover{color:#d54e21;background-color:#ddd} .nav .current{background-color:#ddd;margin:-1px 0;padding-right:2px} .nav .current a{background-color:#f9f9f9;border-color:#ccc #ccc #f9f9f9;border-style:solid;border-width:1px 1px 3px;font-weight:700;height:33px;line-height:33px;margin:-2px 0 -3px;color:#333;text-shadow:1px 1px 1px #c6d9e9} .nav img{margin-left:3px} .nav .right{line-height:29px} .footer{background-color:#e9e9e9;border-top:3px solid #ddd;color:#999;font-size:11px;padding:12px 0} .footer a{color:#787878} .footer a:hover{color:#d54e21} #goTop{background:url("../../neoease/images/icons.png") no-repeat scroll 5px -51px #ddd;border-radius:2px 2px 0 0;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:56px;display:none} #goTop:hover{background-color:#eaeaea} .side{float:right;overflow:hidden;width:278px;margin-bottom:50px} .side>div{border-bottom:1px solid #dedede;padding:10px 5px 15px} .side h4{font-size:14px;line-height:32px} .side ul{list-style:none} #archiveSide{list-style:square outside none;margin-left:18px} #archiveSide .archive-year{color:#d54e21;font-weight:bold;height:18px;line-height:18px;list-style:none} .side a{line-height:18px;color:#21759b} .side a:hover{text-decoration:underline} .side sup{color:#333} .side .side-li li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:268px} .side .side-li a{white-space:nowrap} .recent-comments li>img{background-color:#fff;border:1px solid #999;padding:1px;width:32px;height:32px;margin-top:1px} .recent-comments-main{float:left;margin:0 0 9px 3px;width:229px} .recent-comments-main .expand-ico,.recent-comments-main .collapse-ico{background-position:0 -86px;float:right;width:16px;-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0)} .recent-comments li:hover .expand-ico,.recent-comments li:hover .collapse-ico{opacity:1;filter:alpha(opacity=100)} .recent-comments-main .collapse-ico{background-position:0 -70px} .recent-comments-content{height:18px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis} .recent-comments-content img{width:16px} .recent-comments-content a{color:#555777} .recent-comments-content a:hover{text-decoration:none} .article{border-bottom:1px solid #ccc;padding:0 5px 10px;margin-top:20px} .article-element{font-size:11px;line-height:16px;margin:12px 0} .article-element a{border-bottom:1px solid #dfdfdf;color:#555;text-decoration:none;padding-bottom:1px} .article-element a:hover{color:#d54e21;border-bottom-color:#d54e21} .article-title{color:#21759b;font-size:20px;font-weight:normal} .article-title:hover{color:#d54e21} .article .expand-ico,.article .collapse-ico{float:right;margin-top:9px;padding-right:6px;width:15px;background-position:0 -86px} .article .collapse-ico{background-position:0 -70px} .article-body{line-height:145%;overflow:hidden;word-wrap:break-word} .article-body h1{font-size:2em;margin:.67em 0} .article-body h2{font-size:1.5em;margin:.75em 0} .article-body h3{font-size:1.17em;margin:.83em 0} .article-body h4{margin:1.12em 0} .article-body h4{font-size:.83em;margin:1.5em 0} .article-body h6{font-size:.75em;margin:1.67em 0} .article-body ol,.article-body ul{margin-left:40px} .article-body a{border-bottom:1px solid #dfdfdf} .article-body a:hover{color:#d54e21;border-bottom:1px solid #d54e21} .article-body p{line-height:18px} .pagination{margin-top:30px;line-height:21px} .pagination a{border:1px solid #c5c3c2;font-size:10px;margin:2px;padding:1px 5px;text-decoration:none;background-color:#f2f2f2} .pagination a.current{background-color:#fff;font-weight:bold;padding:2px 6px;color:#000} .pagination a:hover{background-color:#f3dedd;color:#d54e21;border:1px solid #d54e21} .page{margin-top:20px;padding:0 5px 5px} .article-panel1{background-color:#f2f2f2;padding:5px 10px} .article-panel2{background-color:#fff;margin-top:12px;padding:5px 10px} .article-panel2 ul{line-height:18px;list-style:square outside none;margin-left:18px} .share{border-bottom:1px solid #dedede;margin-top:15px} .share-comment{background-color:#ddd;border-radius:2px 2px 0 0;float:right;font-size:11px;height:21px;line-height:21px;margin-right:16px;padding:0 10px} .share-comment:hover{background-color:#eaeaea} #comments{position:relative} #comments>div{border-bottom:1px solid #dedede;padding:10px;width:647px} #comments .comment-panel>.right{-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0)} #comments>div:hover .comment-panel>.right{opacity:1;filter:alpha(opacity=100)} .comment-even{background-color:#f8f8f8} .comment-odd{background-color:#f5f5f5} .comment-header{height:50px;width:50px;float:left;background-color:#fff;border:1px solid #dedede;padding:1px} .comment-panel{float:left;margin:0 10px;width:573px;line-height:16px} .comment-panel .article-body{margin-top:5px} #comments .comment-body-ref{border-bottom:0;background-color:#fff;border-radius:5px 5px 5px 5px;left:73px;position:absolute;box-shadow:1px 0 3px #dedede;width:560px} .comment-body-ref .comment-panel{width:486px} .comment-body-ref .arrow{border-color:#f5f5f5 #fff #f5f5f5 #f5f5f5;border-style:solid;border-width:6px 8px 10px 0;display:block;left:-8px;position:absolute;top:5px} .form{margin:10px} .form img{cursor:pointer} .form h4{margin:10px 0 5px 5px} .form th{text-align:right;white-space:nowrap} .form input[type="text"],.form input[type="password"],.form textarea{border-color:#c0c0c0 #d9d9d9 #d9d9d9;border-style:solid;border-width:1px;font-family:"Lucida Grande",Verdana,'微软雅黑';font-size:12px;outline:medium none;padding:0 3px} .form input:focus,.form textarea:focus{box-shadow:0 1px 2px rgba(0,0,0,0.3) inset} .form textarea{overflow:auto;resize:vertical;padding:3px;width:634px} .form input{height:24px;line-height:16px;width:260px} .form button{background-color:#b4d666;border-color:#b4d666 #81b840 #81b840 #b4d666;border-style:solid;border-width:1px;color:#2970a6;height:28px;line-height:28px;padding:0 12px} .form button:hover{background-color:#98c64c;border-color:#76b33a #98c64c #98c64c #76b33a;color:#074a7e} #tags li{float:left;list-style:none;height:38px} #tags a:hover{text-shadow:0 0 2px} #tags a{border-radius:3px 3px 3px 3px;box-shadow:1px 1px 3px #333;float:left;margin:3px 6px;padding:3px 12px} #tagsSide li a{float:left;line-height:145%;margin-right:7px;white-space:nowrap} .tags1{font-size:12px;color:#a1a1a1} .tags2{font-size:14px;color:#687f95} .tags3{font-size:16px;color:#4c6e90} .tags4{font-size:18px;color:#258} .tags5{font-size:20px} #tagsSide .tags2{font-size:14px} #tagsSide .tags3{font-size:16px} #tagsSide .tags4{font-size:18px} #tagsSide .tags5{font-size:20px} .main>h2{margin-top:16px} .error{background-image:url("../../neoease/images/404.png");float:left;height:536px;margin:50px 80px;position:relative;width:363px} .error h2{left:-68px;position:absolute;top:-20px} .error a{background-color:#9cd941;border:265px none;bottom:12px;color:#333555;float:left;padding:10px 15px;position:absolute;right:-106px} .error a:hover{background-color:#adeb51}