﻿.mod-article {width:100%;font-family:"Arial","\5b8b\4f53";font-size:14px;line-height:1.9}
.mod-article a {text-decoration:none;color:#05a}
.mod-article a:hover {text-decoration:underline}
.mod-article .breadcrumb {font-size:12px;color:#333;text-indent:10px;height:30px;line-height:30px;background-color:#eee}
.mod-article .breadcrumb a {color:#333}
.mod-article .article {border:1px solid #e8e8e8;padding:0 8px;background:#fff}
.mod-article .font-size {float:right;margin:5px 0 0;padding:0}
.mod-article .font-size span,.mod-article .font-size a {float:left;font-size:12px;height:20px;line-height:20px;margin:2px 3px;padding:2px 3px;color:#2b2b2b;text-decoration:none}
.mod-article .font-size a:hover,.mod-article .font-size a.current {background-color:#005499;color:#fff;text-decoration:none}
.mod-article .article h1 {font-size:24px;font-family:"\5fae\8f6f\96c5\9ed1";font-weight:bold;color:#000202;text-align:center;line-height:40px;padding:5px 0 15px 0;clear:both}
.mod-article .info {background:#f8f8f8;height:30px;line-height:30px;margin:0 0 10px 0;position:relative;overflow:hidden;font-size:12px;color:#695e50}
.mod-article .info .col-01 {position:absolute;left:10px;width:11em;height:30px}
.mod-article .info .col-02 {position:absolute;left:37%;width:11em;height:30px;overflow:hidden}
.mod-article .info .col-03 {position:absolute;right:10px}
.mod-article .info .col-03 a {color:#b42200}
.mod-article .info .col-03 a:hover {text-decoration:underline}
.mod-article .summary {width:568px;min-height:56px;_height:56px;background:#f7f7e4;border:1px solid #d5d5a8;margin:10px auto 20px auto;font-size:12px;color:#66683d}
.mod-article .summary .col-01 {float:left;width:70px;text-align:center;line-height:20px;padding:10px 0 0 0;color:#2b2b2b;font-size:14px}
.mod-article .summary .col-02 {padding:5px;border-left:1px solid #d5d5a8;width:486px;float:left;background:#fcfcf1;min-height:56px;_height:56px}
.mod-article .content {padding:10px 0;color:#2b2b2b;width:95%;margin:0 auto}
.mod-article .panel {border:1px solid #e2e2e2;margin:10px auto;padding:10px 10px 15px 10px;background:#f6f6f6}
.mod-article .panel .row-1 {margin:0 auto 10px auto;border-bottom:1px dotted #6e6e6e;padding:0 0 10px 0;overflow:hidden;zoom:1}
.mod-article .panel .functions {margin:0 0 0 50px;padding:0 0 0 20px;font-size:12px;color:#05a;line-height:22px}
.mod-article .mood-list {padding:0 0 15px 5px}
.mod-article .mood-list h2 {font-size:14px;color:#2b2b2b;font-weight:bold;padding:3px 0 5px 5px}
.mod-article .mood-list h2 em {font-weight:bold;color:#05a;padding:0 2px}
.mod-article .mood-list li {height:20px;font-size:14px;padding:1px 3px}
.mod-article .mood-list li .index {margin-right:6px}
.mod-article .mood-list li .votes {font-size:12px;margin-left:6px;color:#666}
.mod-article .mood-list li .date {font-size:12px;margin-left:6px;color:#909090}
.mod-article .mood-list li .votes em {color:red}
.mod-article .related {border:1px solid #e2e2e2;margin-bottom:10px}
.mod-article .related h2 {height:36px;line-height:36px;font-size:14px;color:#2b2b2b;font-weight:bold;margin:0;padding:0;border-bottom:1px solid #e2e2e2;background:#f6f6f6;text-indent:10px}
.mod-article .related h2 em {font-weight:bold;color:#05a;padding:0 2px}
.mod-article .related ul {margin:7px auto}
.mod-article .related li {height:20px;padding:2px 0 2px 18px;margin:0;background:url(http://img.haosf.tv/img/list-bg.gif) 9px center no-repeat}
.mod-article .related li,.mod-article .related li a {line-height:20px;font-size:14px;text-decoration:none}
.mod-article .related li a:hover {text-decoration:underline}
.mod-article .related li .date {font-size:12px;color:#909090;line-height:20px;padding-left:6px}
.mod-article .comments {border:1px solid #e2e2e2;padding:10px;margin:10px 0 10px 0}
.mod-page-switcher-tip {text-align:center;color:#5c5c5c;font-size:12px;font-family:"\5b8b\4f53"}
.mod-page-switcher {margin:10px 0 0 0;padding:5px 0 12px 0;font-size:14px;font-family:"Arial","\5b8b\4f53";line-height:14px;text-align:center;color:#5c5c5c}
.mod-page-switcher a,.mod-page-switcher .page-current {padding:3px 6px;border:1px solid #bbb;text-decoration:none}
.mod-page-switcher a:link,.mod-page-switcher a:visited {color:#5c5c5c}
.mod-page-switcher a:hover,.mod-page-switcher a:active,.mod-page-switcher .page-current {color:#fff;background-color:#005499;border:1px solid #999}
.mod-page-allinone {font-size:12px;height:24px;line-height:24px;text-align:center}
.mod-page-nav {font-size:12px;line-height:24px;border:1px solid #bbb;margin:10px 0 0 0}
.mod-page-nav .page-title {font-size:14px;font-weight:bold;height:30px;line-height:30px;background:#efefef;padding-left:10px}
.mod-page-nav .page-current {color:red}
.mod-page-nav .page-col {float:left;display:inline;margin:15px 0 15px 15px}
.mod-page-nav .page-col1 {width:47%;padding-right:9px;border-right:1px solid #bbb}
.mod-page-nav .page-col2 {width:45%}
.mod-article .content p {margin:0;padding:0 0 15px}
.mod-article .content strong {font-weight:bold}
