@charset "utf-8";
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,blockquote{margin:0px;padding:0px;}
img{border:none;}
body{font:12px/1.7 \5b8b\4f53, Arial, sans-serif;background:url(bj.png) scroll #eee;color:#333;font-family: "Microsoft Yahei"; font-size:12px;}
ul,ol,li,form, dl {list-style: none;}
a{text-decoration: none;color: #05c;}
a:hover {color:#05c; text-decoration:underline;}

.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block; zoom:1}
.clear{clear:both;height:0;font:0/0 Arial;visibility:hidden;}


.conbox{margin:0px auto; width: 980px;overflow:hidden;}


.top{ height:30px; line-height:30px;border-bottom:#ccc 1px solid; background:#fff; padding:0 19px; text-align:right;opacity:.7;filter:alpha(opacity=70);}
.top a{ margin-left:10px;}
/*header*/
.header{height: 100px;background:rgba(255,255,255,0.1);}
.slogan{color: #000;float: left;padding-top:20px;text-shadow: 1px 1px 0 #aaa; width: 500px;}
.slogan h1{font-size: 28px; letter-spacing: 5px;color:#000}
.slogan p{letter-spacing:4px; font-size:13px;margin:5px 0px;height:20px;}


/**navigation**/
.navigation{height:40px;background:#000;line-height:40px;margin-bottom:20px;}
.navigation ul{border-left:1px solid #444;height:40px;height:40px;}
.navigation ul li{float:left;padding:0px 10px;border-right:1px solid #444;}
.navigation a{font-size:14px;text-align:center;padding:0px 12px;color:#ccc;}
.navigation a:hover{color:#fff;text-decoration:underline;}




.w1_main{margin:0px auto; width: 980px;overflow:hidden; background:#fff url("bg_main.png")  right 0 repeat-y;box-shadow:0 0 4px rgba(0,0,0,.12);}

.w1_main_L{float:left; width:720px;}
.w1_main_L .w1_wrap{ min-height:500px; _height:500px; padding:30px 20px 50px; border-color:#ededed;}
.w1_main_R{float:left; width:260px; }
.w1_main_R .w1_wrap{padding:30px 20px;}


/*post list*/
.post_tip{margin-bottom:20px; font-size:18px; font-weight:bold; border-bottom:1px solid #298ee7; zoom:1;padding:12px 0 10px; *padding:10px 0; _padding:12px 0 9px;}
.post_tip span{ color:#666; font-size:12px; font-weight:normal;}

.post_div {margin: 0px 0px 12px 0px;border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;}

.post_div .post_title { padding:10px 0px;}
.post_div .post_title h2 {color:#000;float:left; font-size:16px;}
.post_div .post_title h2 a{ color:#000;}
.post_div .post_content { padding-bottom:16px;}
.post_div .post_info{float:right; padding-bottom:6px;}
.post_div .post_info span {font-size: 12px;color: #808081;margin-left: 12px; margin-right:6px;}


/*=== post page. ===*/
.post_page { clear:both; font: normal 12px Arial, Helvetica, sans-serif; margin:10px auto; text-align:right; color:#666; padding:20px 10px;}
.post_page a{ color:#000; border:1px solid #e8e8e8; margin-left:3px; padding:5px 10px; text-decoration:none; background:#fdfdfd; font-size:12px;}
.post_page a:hover { background:#000; color:#fff; border:1px solid #000;font-size:12px; }
.post_page span { background:#000; color:#fff; border:1px solid #000; margin-left:3px; padding:5px 10px; text-decoration:none;font-size:12px; }
.post_page font{ color:#666; border:1px solid #e8e8e8; margin-left:3px; padding:5px 10px; text-decoration:none; background:#fdfdfd;font-size:12px;}

/*sidebar*/
.iwidget{width:220px; margin:0 0 10px; overflow:hidden; text-align:center;}


.widget{margin-bottom:20px;}
.wline { background-color:#ededed;display:block;height:1px;margin:0 -20px 18px -19px; border-bottom:1px solid #fff; overflow:hidden;}
.widget h4{margin-bottom:15px; margin-bottom:14px\9; font-size:14px; font-weight:bold;color:#05a;}
.widget li{ height:26px; line-height:26px;}
.widget li span,.widget li  a.span {color:#999;}

.tags{ line-height:28px;}
.tags a{ margin-right:15px; display:inline-block;}


.search{margin: 0px 0px 40px 0px;}
.search .sinput { height:26px; line-height:26px;border: 1px solid #d2d2d2;border-right:none; padding:0px; padding-left:5px;color: #868686;width:136px;float: left;margin: 0px;background: #fbfbfb;}
.search  .sbtn{color: #ffffff;background: #000; height:28px; line-height:28px;font-size: 14px;margin:0;padding:0 8px;;cursor: pointer;display: inline-block;float: left; border:none;}



/**footer**/
.footer{background:#000;color:#ddd; margin-top:20px; height:80px;}
.footer .copyright{text-align:left;font-size:12px;padding:20px 0px;}
.footer a{color:#ddd;}
.footer a:hover{color:#05c;}



/*post*/
.post {margin: 0px 0px 20px 0px;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;}


.post .post_title {margin: 20px 0px;}
.post .post_title h2 {float:left; font-size:18px;color:#000; }

.post .post_info{float:right; padding-bottom:8px; width:100%;border-bottom: 1px solid #e5e5e5; text-align:right; margin-bottom:20px;}
.post .post_info span {font-size: 12px;color: #808081;margin-left: 12px; margin-right:6px;}

.post .post_content {margin-bottom: 20px; line-height:28px;}


.post_content img{ max-width:670px;}
.post_content div{ max-width:670px;overflow:hidden;word-wrap:break-word;}
.post_content pre{ width:650px;max-width:670px;overflow:hidden;word-wrap:break-word;}


.post  .post_tags {margin: 15px 0px;font-size: 12px; width:100%;}
.post  .post_tags  {display: block;float: left;margin-right: 10px;color: #808081;}
.post  .post_tags  a {font-size: 12px;margin-right:12px;}

.fr{ float:right;}
.post  .epost_nav{width:100%;}


.comment_title{margin-bottom:20px; font-size:14px; font-weight:bold; border-bottom:1px solid #298ee7; zoom:1;padding:12px 0 10px; *padding:10px 0; _padding:12px 0 9px;}


ul.comment_list {margin-bottom: 20px;}
ul.comment_list li {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #e9e9e9;clear: both;}

ul.comment_list li p.name {font-family: Tahoma, Geneva, serif;font-size: 14px;color: #05a;}
ul.comment_list li p.time {font-family: Tahoma, Geneva, serif;font-size: 11px;color: #9a9898;}
ul.comment_list li p.content {font-family: 'Arial', Helvetica, sans-serif;font-size: 11px;color: #858585;line-height: 18px;margin-top: 10px;}

ul.comment_list li p.content span{ color:#930;}

.comment_form {width: 100%;smargin: 20px 0px 0px 0px; font-size:12px;}
.comment_form h2 {height:32px; line-height:32px; border-bottom:1px solid #298ee7; margin-bottom:10px; font-size:14px; font-weight:bold;}
.comment_form input[type="text"] {width: 90%;max-width: 320px;height: 12px;border: 1px solid #ececec;outline: none;margin: 10px 0px 10px 0px;padding: 7px;font-size: 12px;color: #333;}
.comment_form textarea {width: 90%;border: 1px solid #ececec;outline: none;margin: 10px 0px 10px 0px;padding: 7px;min-height: 120px;font-family: Arial, Helvetica, sans-serif;color: #333;font-size: 12px;}
.comment_form .btn {float: left;margin: 15px 0px 15px 0px;display: inline-block;background: #000;padding: 6px 16px;text-transform: uppercase;color: #ffffff;font-size: 14px;cursor: pointer;border:none;}



/*gotop*/
.gotop {background: #ccc; display: block; position: fixed; _position: absolute; left: 50%; bottom: 100px; _bottom: 100px; _top: expression(documentElement.scrollTop + documentElement.clientHeight - this.clientHeight-100 + 'px'); margin-left: 490px; height: 35px; width: 35px; outline: none;}
.gotop:hover {background: #aaa;}

.gotop em{background-color: transparent; background-image: url(gotop.png);background-repeat: no-repeat;background-position: 0 0; display: block; height: 8px; width: 15px; margin: 14px 0 0 10px; overflow: hidden;}
.gotop:hover em {background-position: 0 -8px;}


pre,blockquote{border:1px solid #999;page-break-inside:avoid}
blockquote p{margin-bottom:10px}
blockquote{border-left:5px solid #EAEEF1;color:#555;margin:20px;padding:0 20px}
blockquote span{display:inline-block;background-image:url(icon_quote_l.png);background-repeat:no-repeat;background-position:bottom right;padding:0 20px}
blockquote{padding:0 0 0 10px;margin:10px 0;background:url(icon_quote_r.png) no-repeat left top;text-indent:0;font-size:12px;line-height:28px}