html, body, div, span, applet, object, iframe, h1, h2, h3, h4,img, ol, ul,p{ margin: 0; padding: 0; border: 0; font-size: 100%; background: transparent; }
ul {list-style: none;}
a {text-decoration: none;}
.clear{clear: both;}
:focus{outline:0}
body { background: #f2f2f2; font: 12px 'Microsoft YaHei', ΢ÈíÑźÚ, Arial, Lucida Grande, Tahoma, sans-serif; color: #000000; }
a { text-decoration: none; color: #666;-webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out;}
a:hover {text-decoration: none;-webkit-transition: background 0.2s ease-in-out;-moz-transition: background 0.2s ease-in-out;-o-transition: background 0.2s ease-in-out;-ms-transition: background 0.2s ease-in-out;transition: background 0.2s ease-in-out;}
a img{webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:hover img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.clear { clear: both }
.cell{ height: 40px;vertical-align: middle;display: inline-block;line-height: 40px; }
.div-1 {background-color: #fff ;width: 705px;height: 255px;margin: 5px; }
.div-2 {width: 722px;height: 278px;margin: 20px;border-radius:5px;border: 3px solid;background-color: #fff;margin:auto;padding: 11px;}
.div-3 {margin:auto;}
#wrap{width: 980px;margin: 18px auto;line-height: 21px;}
#top_nav { background: #3a6ca4; height: 38px; font-size: 14px; margin:0; }
#top_nav li { height:36px; border-right:1px solid #4b83c2; float: left; font-weight:bold; }
#top_nav li.nav_rss { height:36px; border:0px; float: right; font-weight:bold; }
#top_nav li a, #top_nav li a:link, #top_nav li a:visited { display: block; padding: 0 25px 0 25px; line-height:36px;  color: #f2f2f2; }
#top_nav li a:hover, #topnav li a:active { background: #113355; color: #fff; display: block; text-decoration: none; line-height:36px;  padding: 0 25px 0 25px; } 
#top_nav li.nav_rss a, #top_nav li.nav_rss a:link, #top_nav li.nav_rss a:visited { display: block; padding: 0 25px 0 25px; line-height:36px;  color: #f2f2f2; }
#top_nav li.nav_rss a:hover, #topnav li.nav_rss a:active { background: #000000 url(images/feed.gif) top right no-repeat; color: #FFFFFF; display: block; text-decoration: none; line-height:36px;  padding: 0 25px 0 25px; }
#top_nav li.nav_rss .r1{font-size:9px;}
#top_nav li.nav_rss .s2{font-size:12px;font-weight:400;}
#top_nav li.nav_rss .s3{font-size:14px;font-weight:400;}
#blog_name_des h1 { float: left; font-size: 22px; width: 350px; padding: 10px 0 0 15px; }
#blog_name_des h1 a:hover { color:#0196e3; }
#blog_name_des .blog_des { font-size: 12px; font-weight:normal; line-height:25px;  } 
#logo { background:url(images/logo.gif) no-repeat; float: left; width: 350px; height: 60px; margin: 5px 0 0 5px; } 
#logo h1 a{display:block; width: 350px; height: 60px; }
#logo .blog_des{display:none;}
#header_right{ float: right; width: 468px; height: 60px; margin-top: 2px; }
#scroll { display:block; width:15px; margin-right:-508px; position:fixed; right:50%; top:50%; _margin-right:-507px; _position:absolute; _margin-top:300px; _top:expression(eval(document.documentElement.scrollTop)); text-align:center; }
#scroll a {  display:block; width:15px; height:20px; background:#f2f2f2; cursor: pointer; line-height:20px; text-align:center; font-size:14px; font-weight:700; }
#scroll a:hover { background:#f2f2f2; }
#main { float: left; width: 732px; overflow:hidden; } 
#sidebar { float: right; width: 236px; overflow:hidden; }  
#slideshow { position:relative; background:#ffffff; width:710px; height:248px; padding:10px; border:1px solid #ccc; }
.slideshow { width:710px; height:248px; overflow:hidden; }
.featured_post{ width:708px; height:248px; overflow:hidden; }
.slider_image,.slider_image img { float: left; width:400px; height:248px; }
.slider_post { float:right; width:280px; padding-right:10px; }
.slider_post p{ font-size:13px; text-indent:2em; margin-top:5px; line-height:24px; }
#slider_nav { position:absolute;margin:210px 0 0 270px; z-index:999;}
#slider_nav a { float:left; line-height:24px; padding:0 8px 0 8px; color:#ebebeb; text-shadow: none; border:1px solid #3a6ca4; margin-left:1px; }
#slider_nav a:hover { color:#FFFFFF; text-shadow: none; border:1px solid #3a6ca4; background:#3a6ca4; }
#slider_nav a.activeSlide { color:#f99356;}
#featured_tag { position:absolute; width:21px; height:79px; left:0px; top:20px; z-index:999; }
.space { padding:5px; } 
#index_left { float:left; }
#index_right { float:right; }
.index_list_box { position:relative; background:#fff; width:338px; padding: 12px 10px 10px 10px; border:1px solid #ccc; margin:0 0 10px 0;font-size:13px;} 
.index_list_box h3 { font-size: 14px;  font-weight: bold; } 
.index_list_box_first_des { font-size: 10px; line-height: 10px; word-wrap:break-word; }
.index_artlist { width:230px; margin:0; }
.index_list_post { width:300px; font-size: 12px; list-style: none; height:28px; padding:0 0px 0 5px; border-bottom:1px dashed #cccccc; }
.index_list_post .alist{ float: left; line-height:28px; height:28px; width:220px; overflow:hidden; }
.index_list_post_date { float:right; font-size:10px; color: #737373; line-height:28px; width:80px; }
.cat_info { width:333px; height:25px; }
.cat_info a{color:#3a6ca4;}
.widgetapp { background: #fff; padding: 5px 10px 0 10px; border: 1px solid #ccc; margin:0 0 10px 0; padding: 5px 10px 5px 12px; } 
.widgetapp ul li{ list-style: none; margin: 0; line-height:23px; background: #fff; border-bottom:1px dashed #cccccc; }
.widgetapp ul#record li{float:left;width:100px; }
#sidebar h3 { background:#ffffff; border-bottom: 1px solid #ccc;  }
.widgetapp ul li a { line-height:26px; margin-bottom:-1px; }
.widgetapp .wform{height:26px;width:200px;border:1px solid #CCCCCC;background:#FFFFFF;}
.widgetapp .winput{height:22px;width:160px;border:0px;}
.widgetapp .winput:foucs{border:0px;}
.widgetapp .wsubmit{height:26px;width:30px;border-left:1px solid #CCCCCC;border-top:0px;border-right:0px;border-bottom:0px;background:#FFFFFF;text-align:center;}
#sidebar table{width:98%;text-align:center;}
.day {color:#be0000;}
.day2 a{font-weight:700;color:#3a6ca4;}
#links{ background: #fff; padding: 5px 10px 0 10px; border: 1px solid #ccc; margin:0 0 10px 0; padding: 5px 10px 5px 12px;}
#links h4{ background:#fff; border-bottom: 1px solid #ccc;  }
#links ul li{display:block; float:left; width:100px; list-style: none; margin: 0; line-height:23px; background: #fff; }
#footer{width: 980px;border-top:5px solid #3a6ca4;margin-top:5px;text-align:center;}
#content { float: left; width: 732px; overflow:hidden; }
#content h3 ,#main h3{ font-size: 13px; font-weight: bold; color: #000; } 
#loc { height: 28px; border:1px solid #ccc; background:#FFFFFF; }
.here { width:450px; float:left; line-height:27px;  padding:0 0 0 10px; }
.here a:hover {  color: #0196e3; }
.list_box{ position:relative; background:#fff; width:710px; padding: 12px 10px 10px 10px; margin:0 0 10px 0; border:1px solid #ccc; line-height:2em;font-size:13px; } 
.list_box_title_box { width: 710px; margin: 0 0 5px 0; }
.list_info, .list_info a,.list_info a:visited { color: #737373; }
.list_info a:hover { color: #0196e3; }
.list_tag { float:left; font-size: 12px; line-height:20px; width:600px; margin:5px 0 0 0; color:#b2b2b2; word-break:keep-all; white-space:nowrap; overflow:hidden; z-index:4; }
.list_tag a,.list_tag a:visited{ color: #737373; }
.ad_list{ position:relative; background:#fff; width:730px; padding:5px 0 5px 0; margin:0 0 10px 0; border:1px solid #ccc; }
.navigation { float:right; width:700px; margin: 5px 0 5px 0; text-align:right; }
.pages { line-height:25px; }
.pages a ,.pages em{ font-size:12px; margin: 2px 2px 2px 0; background:#fff; border:1px solid #ccc; color:#787878; padding:2px 5px 2px 5px;} 
.pages a:hover { background: #0196E3; border:1px solid #fff; color:#fff; }
.pages span{ font-size:12px; margin: 2px 2px 2px 0; background:#0196E3; border:1px solid #ccc; color:#FFFFFF; padding:2px 5px 2px 5px; }
.article_box{ position:relative; background:#fff; width:910px; padding: 12px 10px 10px 30px; margin:0 0 10px 0; border:1px solid #ccc; }
h2.article_title{ font-size: 13px; font-weight: bold; color: #000; }
.article { width:700px; margin:5px 0 5px 0; overflow:hidden; font-size:13px; line-height:2em; }
.article p,.article ul,.article ol,.article dd,.article pre,.article hr { margin: 0 0 10px 0; }
.article p { text-indent:2em; }
.article strong { font-weight: bold; }
.article a { color: #0196e3; }
.article a:link,.article a:visited{ color: #0196e3; }
.article a:hover { color: #696969; text-decoration: underline; }
.article a:active { color: #0196e3; }
.ad_article_b{}
.article_meta { position:relative; background:#fff; width:710px; padding: 15px 10px 14px 10px; margin:0 0 10px 0; border:1px solid #ccc; color: #8C8C8C; font-size: 12px; }
.articlemeta a:visited { color:#0196e3; }
.article_tag,.article_att,.article_tb { float:left; font-size: 12px; line-height:20px; width:600px; margin:5px 0 0 0; color:#b2b2b2; word-break:keep-all; white-space:nowrap; overflow:hidden; z-index:4; }
.article_tag a,.article_tag a:visited,.article_att a,.article_att a:visited{ color: #737373; }
.art_pre_next { position:relative; font-size: 14px; background:#fff; width:710px; height:50px; margin: 0 0 10px 0; padding: 10px; line-height:23px; border:1px solid #ccc; }
.art_pre_next a { color:#0196e3; }
.art_pre_next a:hover { color: #393939; }
.article_about { position:relative; background:#fff; width:710px; padding: 10px 10px 0 10px; margin: 0 0 10px 0; border:1px solid #ccc; }
#related_log { width:680px; padding: 10px; }
#related_log b{ font-size: 14px; font-weight: bold; color: #000; }
#related_log p { line-height:24px;  margin:0 0 0 10px;  color: #8C8C8C; }
.comment_header { background:#fff; font-size:14px; margin:10px 0 5px 0; padding: 10px; font-weight:bold; border:1px solid #ccc; text-align:center; }
.comment{ margin: 10px 0 0 0; padding: 10px; list-style: none; border:1px solid #ccc; }
.comment_f{ background:#FFFFFF; }
.com_l1{ background:#F9F9F9; }
.com_l2{ background:#F0F0F0; }
.com_l3{ background:#E9E9E9; }
.com_l4{ background:#E3E3E3; } 
.com_l5{ background:#D9D9D9; }  
.avatar{ float: left; width:48px; height:48px; margin:0 10px 0 0; }
.comment-info{line-height:23px;}
.comment-time{ padding:0 0 5px 0; color:#B2B2B2; }
.comment-content{}
.comment-reply a:hover { color:#0196e3; }
.comment-children{margin-left:20px;}
#comnavi span,#comnavi a,#comnavi em {margin:5px;font-size:12px;}
#comnavi span{font-weight:700;}
#comment-place { position:relative; background:#fff; width:710px; margin:10px 0 0 0; padding: 10px; border:1px solid #ccc; }
#commentform { margin: 10px 0 0 10px; width:70%; color: #868686; }
#commentform p { margin: 5px 0; color: #000; }
#commentform label { color: #868686; }
#commentform input { margin: 5px 5px 1px 0; }
#commentform input:focus { border: 1px solid #ccc; }
#commentform .commenttext,#commentform .input { background:#fff; width: 210px; padding: 4px 3px 4px 4px; border: 1px solid #ccc }
#commentform p.imgcode{ width: 285px;}
#commentform .input {float:left;}
#commentform img{float:right;width:55px;}
#commentform textarea { width: 550px; height: 120px; font-size:12px; padding:4px; margin:15px 0 0 0; border: 1px solid #ccc; }
#commentform textarea:focus { border: 1px solid #ccc; }
#commentform input.submit { width: 560px; height:25px;  color: #FFFFFF; text-align:center; border: 1px solid #ccc; background:#3a6ca4; font-weight:700; }
#commentform .submit:hover {color: #3a6ca4; background:#FFFFFF; }
.vinfo{float:left;}
.ad_com{float:right;height:125px;width:125px;}
.readmore{text-align:right;}
#trackback{ position:relative; background:#fff; width:710px; margin:10px 0 0 0; padding: 10px; border:1px solid #ccc; }
#trackback li{border-bottom:1px dotted #cccccc;}
.li{ position:relative; background:#fff; width:710px; margin:10px 0 0 0; padding: 10px; border:1px solid #ccc; }
.main_img{float:left;}
.twauthor{font-weight:700;display:block;margin:2px 0px 2px 10px;}
.time{color:#CCCCCC;}
.r li{}
.r li .name{display:block;float:left;font-weight:700;margin-right:10px;}
.r li .time{display:block;float:left;color:#CCCCCC;margin-left:10px;margin-right:20px;}
.huifu{display:none;}
.huifu textarea{border:1px dotted #CCCCCC; width:98%;height:60px;}
.bttome{float:right;}
.picthumb{float:left;margin:0 10px 0 3px;border:2px dashed #CCCCCC;width:66px;height:66px;text-align:center;}