@charset "utf-8";
body, h1, h2, h3, h4, div, p, blockquote, dl, dt, dd, ul, ol, li, button, form, input, textarea { margin: 0; padding: 0;}
body {text-align: center;font-size: 12px;font-family: Tahoma, Arial; color: #111;background: #fff;-webkit-text-size-adjust:none;}
a, a:link, a:visited {color: #105CB6; text-decoration: none; -webkit-transition: color .3s linear, border-color .3s linear, text-shadow .3s linear;-moz-transition: color .3s linear, border-color .3s linear, text-shadow .3s linear;transition: color .3s linear, border-color .3s linear, ,text-shadow .3s linear; }
a:hover {color: #c00;}
img {border: 0;}
.blank8 {clear: both;display: block;font-size: 1px;height: 8px;overflow: hidden; }
.break { font-size: 0; height: 0; width: 0; line-height:0;display: block; clear: both; overflow:hidden;}
.alignleft {float: left;margin: 4px 10px 5px 0;}
.alignright {float: right;margin: 4px 0 5px 10px;}
.aligncenter {text-align: center;}
.hidden {display:none;}
h1, h2 {font-family: '微软雅黑', 'Microsoft YaHei', Tahoma, arial, sans-serif;}

#wrapper {width:825px; margin:auto auto; text-align:left;padding-top: 25px;}

#header { clear:both; }
#header .logo {float: left;padding-left: 5px;}
#header .logo h1,#header .logo a {display: block;outline: none;text-indent: -9999em;background: url(images/logo.gif) no-repeat 0 0;width: 190px; height: 60px;}
#header .logo p {display: none;}
#header .logo a:hover { -webkit-transform:skew(-5deg,5deg);-moz-transform:skew(-5deg,5deg);-o-transform:skew(-5deg,5deg); }
#header .banner {float:right; height:60px; margin:0;}
#header .nav { clear:both; overflow:hidden; padding-top:8px; height:35px; display:block; }
#header ul {list-style-type: none; background:#7b7b7b url(images/headerbg.gif) repeat-x 0 -50px; height:35px; _margin-bottom: 1px; }
#header ul li {float: left;text-transform: uppercase;font-weight: normal;font-size: 12px; height:35px; overflow:hidden; font-family:'微软雅黑', 'Microsoft YaHei', Tahoma, Arial; background:url(images/headerbg.gif) no-repeat 0 -100px; }
#header ul li.f {padding-left: 5px;background: none;}
#header ul li a {color: #ececec;display:inline-block;padding: 0 12px; height:35px; line-height:33px; }
#header ul li a:hover {text-decoration: underline; color:#fff;}

#body {border-width: 0 1px;border-style: solid;border-color: #DEDEDE; background:url(images/bodybg.gif) repeat-y 530px 0; _height: 0;}

#content {width: 530px;float: left;padding-bottom: 20px;}
#content hr{height:1px; color:#ececec;}
#content p {margin-bottom: 10px;}
#content .photos img {margin:15px 4px 0 0;width: 75px; height: 75px;}
#content .photos h3{font-size: 10px;font-family: Arial, Verdana;text-transform:uppercase;color: #111;text-transform: uppercase;margin:15px 0 0 15px;}
#content h3 {font-size: 14px;color: #111;margin-bottom: 10px;}
#content h3 a {color: #111;}
#content blockquote {padding: 10px;background-color: #f7f7f7;border:1px solid #ececec; color:#555; line-height:1.8; margin-bottom:8px; }
#content ul {margin: 0 0 10px 18px;}
#content ol {margin: 0 0 10px 16px;padding-left: 10px;}
#content li {padding: 2px 0;list-style-type :none;}
#content .title {background-color: #F5F5F5;border-bottom: 1px solid #ececec;padding: 14px;color: #717171;font-size: 12px;height:15px; line-height:15px; font-weight:bold; text-transform: uppercase; overflow:hidden;}
#content .title a {color: #717171;}
#content .title .tags { font-weight:normal; float:right; }
#content .title a:hover { color:#f00; }
#content .post {padding:20px 15px 5px;clear: both;border-bottom: 1px solid #DEDEDE; width:500px; overflow:hidden;}
#content .post img {margin:5px 0;max-width: 500px;height: auto;}
#content .f, #content .ff {border-top: 0;line-height: 1.5em;}
#content .post .thumb {float: left; margin: 0 10px 0 0;display: inline;}
#content .post .time {float: right; font-size: 11px;font-weight:normal;color: #717171;font-family:Constantia,vani,microsoft yahei;}
#content .post .time a {color: #717171;}
#content .post .small a {font-size:10px;font-weight:bold;color: #C8C8C8!important; float:left; padding-left:5px;}
#content .post .indexs {height: 95px;}
#content .post .thumbs {float: left;height: 75px;overflow:hidden;margin: 0 10px 10px 0;}
#content .post .thumbs img {width: 75px;}
#content .post h2,#content .post h2 a { font-size:12px;color: #000; padding-bottom:5px; }
#content .post h2 a:hover { color: #666; }
#content .post .info h1,#content .post .info h2 { font-size:15px; color:#c03; letter-spacing:1px; margin-bottom: 10px; line-height: 16px; font-weight:normal; }
#content .post .info h1 a,#content .post .info h2 a {color:#c03; font-size:15px; }
#content .post .info h1 a:hover,#content .post .info h2 a:hover {color: #000;}
#content .post .info { clear:both; display:block; width:100%; height:28px; border-bottom:1px dotted #ddd; }
#content .post .info h1,#content .post .info h2 { display:inline-block; float:left; }
#content .post p {line-height: 1.7em;}
#content .post .titlebox {font-weight:bold; padding:0; background:#F5F5F5; border-bottom:1px solid #ececec; border-top:1px solid #ececec;}
#content .post .details {padding-top: 10px;line-height: 1em;font-size: 12px;}
#content .post .li3 { overflow:hidden; width:480px; clear:both; margin-bottom:20px; }
#content .post .li3 li { width:160px; overflow:hidden; height:18px; float:left; display:block; }
#content .post .linkleft { width:248px; overflow:hidden; float:left; display:block; }
#content .post .linkright { width:248px; overflow:hidden; float:right; display:block; }
#content .post li.del a { color:#666; text-decoration: line-through; }
#content .other {clear: both;border-bottom: 1px solid #DEDEDE;height:320px;overflow:hidden;}
#content .other h3{font-size: 10px;font-family: Arial, Verdana;text-transform:uppercase;color: #111;text-transform: uppercase;}
#content .other ul {list-style-type :none;}
#content .other li {margin:0 0 0 -18px;padding:0;line-height:1.7em;}
#content .other .l {float: left;width: 240px;margin: 15px 0 0 15px;border-right:15px solid #FFFFFF;overflow:hidden;white-space:nowrap;display: inline;}
#content .other .r {float: left;width: 240px;margin: 15px 0 0 0;border-right:15px solid #FFFFFF;overflow:hidden;white-space:nowrap;display: inline;}
#content .postnext {height:32px;line-height:32px; overflow:hidden; padding:10px 0; clear:both; text-align:center;}
#content .related { display:block; margin:33px 0 8px; padding:0; clear:both; }
#content .related h3 { position: relative; top: -35px; color: #c00; font-weight: normal; border-bottom: 1px dotted #ddd; background: #fff; text-align:center; display:block; height:18px; }
#content .related h3 abbr { display: inline-block; position: relative; margin: 0 auto; padding: 0 6px; background: #fff; top: 9px; font-size:10px; font-family: Arial, Verdana;text-transform:uppercase; }
#content .related .relatedbox { margin-top:-30px; width:100%; display:block; clear:both; overflow:hidden; }
#content .related .relatedbox ul { clear:both; margin:0; display:block; padding:0; }
#content .related .relatedbox ul li { float:left; display:block; width:230px; padding:0 5px; height:22px; overflow:hidden; line-height:22px; }
@media screen and (-webkit-min-device-pixel-ratio:0){ #content .related h3 abbr { top:10px; } }

#sidebar {width: 292px;float: right;padding-bottom: 20px;}
#sidebar h3 { font-size: 10px; color: #111; font-family: Arial, Verdana;text-transform:uppercase;padding: 12px 15px 8px; clear:both; font-weight:normal;}
#sidebar ul {list-style-type: none;padding: 0 15px 15px;line-height:1.7em;border-bottom: 1px solid #DEDEDE; clear:both; overflow:hidden;}
#sidebar form {border-bottom: 1px solid #ececec;background: #f5f5f5 url(images/headerbg.gif) no-repeat 10px 8px;width: 270px; height:27px; margin:0; padding: 8px 11px; overflow:hidden;}
#sidebar form input {border: 0;width: 168px;height:14px;font-size: 12px;font-family: Tahoma, Arial;float: left;margin:6px;padding:1px 2px;background:transparent; _margin-right: 4px;}
#sidebar form button {text-indent: -9999px;border: 0;width: 75px; height: 27px;background-color: transparent;}
#sidebar .photos {padding: 0;}
#sidebar .photos img {margin: 5px 8px 5px 0;width: 75px; height: 75px;}
#sidebar .adcolumnS img {width: 125px;height:125px;margin:5px 5px 5px 0;}
#sidebar .video {padding: 0 15px 15px 20px;border-bottom: 1px solid #dedede;}
#sidebar .tags {padding: 0 15px 15px;border-bottom: 1px solid #dedede;}
#sidebar .li2 { padding-left:25px; overflow:hidden; width:240px; }
#sidebar .li2 li { width:120px; float:left; }
#sidebar .other { padding: 15px 15px 10px; }
#sidebar .other a { width:120px; display:block; float:left; margin-right:8px; }
#sidebar .li1 { padding: 0 15px 10px; line-height:1.7em; border-bottom: 1px solid #dedede; display:block; }
#sidebar .li1 li { line-height: 2.1em; border-top: 1px dotted #efefef; width: 258px; padding:0 1px; white-space: nowrap; overflow: hidden;}
#sidebar .li0 { padding: 0 15px 10px; line-height:1.7em; border-bottom: 1px solid #dedede; display:block; }
#sidebar .li0 li { line-height: 1.7em; border-top: 1px dotted #efefef; width: 258px; padding:3px 1px; overflow: hidden;}

.taglist{ line-height:180%; _line-height:184%; _margin:0px auto; display:block; overflow:hidden; clear:both; }
.taglist a{ background:#f5f5f5; padding:0px 2px 0px 2px; margin-right:3px; margin-bottom:3px;color:#999; display:block; float:left; white-space:nowrap; }
.taglist a:hover{color:#fff; background:#c00; }

#pagesearch button { height:20px; background:#f8f8f8; border:1px solid #ddd; padding:0 8px; font-size:12px; margin-left:8px; line-height:20px; }

#footer {clear: both;background-color:#5a5a5a; color: #ececec; padding: 10px 15px; font-family:Arial, Helvetica, sans-serif; text-align: center; font-size:12px; position:relative; }
#footer a {color: #ececec;}
#footer a:hover {color: #ccc;}
#go_top { font-size:9px; line-height:9px; height:9px; font-family:Calibri; text-align:right; position:absolute; bottom:1px; right:1px; display:block; cursor:pointer; }

ol.page-navigator { overflow:hidden; clear:both; padding-top:20px; color:#666; }
ol.page-navigator li { float:left; margin-right:5px; line-height:18px; height:18px; display:block; overflow:hidden; }
ol.page-navigator li.first { margin-right:0; height:18px; line-height:20px; overflow:hidden; _line-height:16px; }
ol.page-navigator li a {border: 1px solid #ddd;padding: 1px 5px;text-decoration: none;}
ol.page-navigator li.current a,ol.page-navigator li a:hover {background: #105CB6;border-color: #105CB6;color: #fff;}

#comments ol { padding:0 10px; margin:0; list-style: none; }
ol.comment-list, ol.comment-list ol { margin: 0; list-style: none;}
ol.comment-list ol { padding-top: 10px; }
ol.comment-list li { margin: 0; padding-bottom: 10px; }
ol.comment-list li {background: #fafafa;border: 1px solid #eee; margin-top: 10px;overflow: hidden;padding: 10px;}
ol.comment-list li.comment-level-odd {background: #fff;}
ol.comment-list li.comment-level-even {	background: #fafafa; }
ol.comment-list li.comment-by-author { border:1px dotted #fafafa; }
.comment-meta,.comment-meta a {color: #999;font-size: 12px;padding-bottom: 10px;}
.comment-meta a:hover { color:#666; }
.comment-author {color: #000; display: block; font-weight:bold; line-height:18px;}
.comment-author cite.fn {font-style: normal;}
#comments .comment-body {overflow: hidden; padding:5px; }
img.avatar {float: left;margin: 0 10px 0 0;}
#comments { padding-top:10px; }
#comments h3 { padding:10px 10px 5px; font-size: 12px;color: #111; font-family:'微软雅黑', 'Microsoft YaHei', Tahoma, Arial; }
ol.comment-list li .respond {border-top: 1px solid #ddd;padding-top:10px;}
ol.comment-list li .comment-reply {	text-align: right; padding:3px 5px 0; line-height:18px; }
ol.comment-list li .comment-reply a {font-size: 12px;border: none;color: #aaa;}
ol.comment-list li .comment-reply a:hover {color: #444;}
.respond .cancel-comment-reply {float: right;font-size: 12px; padding:3px 5px 0; line-height:18px; }
.respond .cancel-comment-reply a {border: none;color: #aaa;}
.respond .cancel-comment-reply a:hover {color: #444;}
#comments h3#response { padding:15px 10px 0; height:20px; line-height:20px; }
#comment_form { padding:0px 10px; margin:0; }
#comment_form label {color: #555; line-height:17px; height:20px; overflow:hidden; display:inline-block;}
#comment_form label .required {color: #C04E37; padding-left:3px;}
#comment_form textarea {height: 150px;width: 375px;font-size:12px; padding:3px 4px;}
input.text,input.captcha {border:1px solid #ddd;font-size:12px; padding:3px 4px;width:180px;color:#666;}
#submit { cursor:pointer; background:#5a5a5a; color:#eee; border:0px; font-size:12px; font-family:'微软雅黑', 'Microsoft YaHei', Tahoma, Arial; height:24px; width:70px; }

#sitestat {display: none;}
pre {clear:both;margin:8px auto;padding:5px;overflow:auto;overflow-x:auto;overflow-y:hidden;width:96%;padding-bottom:5px !important;padding-bottom:18px;display:block;border:1px solid #dedede;border-left:5px solid #dedede;background:#f7f7f7;}
*+html pre {padding-bottom:18px !important}
.sharejs { padding-top:18px; border-top:1px dotted #ddd; text-align:center; display:block; overflow:hidden; }
#ckepop { text-align:center; display:block; overflow:hidden; width:477px; _width:485px; margin:0 auto; font-size:12px; }
#loading, #error { height:16px; line-height:16px; display:block; overflow:hidden; padding:3px 0; vertical-align:middle;}
#loading img, #error img { vertical-align:middle; }
.m-10 li a { margin-left:-10px; }
