/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 12px; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* ======================================================================================= */

/* Reset ================================================================================= */
body          { background:#ffffff; font:14px '微软雅黑', Arial, Helvetica, sans-serif; color:#2f2f2f; text-align:center; }

img           { border:0; vertical-align:top; }

a             { color:#0187c5; text-decoration:none;cursor: pointer; }
a:hover       { text-decoration:none; color:#FD3600}
:focus        { outline:0; }
button        {cursor:pointer;}

/* Headings */
h1,h2,h3,
h4,h5,h6      { margin:0 0 5px; line-height:1.35; }
h1            { font-size:20px; font-weight:normal; }
h2            { font-size:24px; font-weight:bold; }
h3            { font-size:18px; color: #888888; }
h4            {font-size:16px;font-weight: normal; }
h5            { font-size:14px;}
h6            { font-size:11px; font-weight:bold; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }
/* Content */
p             { margin:0 0 10px; }
strong        { font-weight:bold; }
address       { font-style:normal; line-height:1.35; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:13px; }
/*sup           { font-size:1em; vertical-align:top; }*/

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.bordernone	  { border: none;}
.underline	  { text-decoration: underline;}
.radius2  	  {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.radius4      {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.radius5      {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
/* ======================================================================================= */

/* Clearfix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
* html .clearfix {zoom:100%}
.clearfix {display:block}

/* Layout ================================================================================ */
.wrapper { min-width:960px; }
.page {}
.page-print { background:#fff; padding:25px 30px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { background:#fff; padding:25px 30px; text-align:left; }
.main-container { background:#ffffff; }
.main, .main-728 { width:980px; margin:0 auto; min-height:400px; background:#ffffff; text-align:left; clear: both; margin-top:10px;}
.main-640 {}
/* Banner */
/* 
横幅：960*90, 760*90, 728*90, 468*60 
垂直：160*600, 120*600
矩形：336*280,300*250
悬浮：300*250, 250*200, 120*270, 120*120
链接：728*15, 468*15, 200*90, 180*90, 160*90, 120*90
其他：960*60, 640*60, 460*60, 234*60, 120*240, 580*90, 500*200, 480*160, 360*300, 250*250, 200*200,180*150, 125*125
*/
/* Base Columns */
.col-left { float:left; width:230px; min-height: 300px; padding:0 0 1px; /*background-color: #fcf8e3;*/}
.col-main { float:left; width:730px; min-height: 300px; padding:0 0 1px; /*background-color: #fcf8e3;*/}
.col-main.column1{width: 1000px;}
.col-right { float:right; width:230px; min-height: 300px; padding:0 0 1px; /*background-color: #fcf8e3;*/}

.main-640 .col-left { float:left; width:300px; min-height: 300px; padding:0 0 1px; /*background-color: #fcf8e3;*/}
.main-640 .col-main { float:left; width:640px; min-height: 300px; padding:0 0 1px; /*background-color: #fcf8e3;*/}
.main-640 .col-right { float:right; width:300px; min-height: 300px; padding:0 0 1px; /*background-color: #fcf8e3;*/}

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}

/* Global Styles ========================================================================= */
.index-container {margin-top:10px;}
.index-container .index {width:980px; margin:0 auto;}
.index-container .name {float:left; height:32px; line-height:32px; margin-left:10px;}
.index-container .list {background:#f9f9f9; font-size:16px; height:32px;}
.index-container .list ul {float:left;}
.index-container .list li {float:left; height:32px; line-height:32px;}
.index-container .list li a {display:block; text-align:center; padding:0px 9px;border:1px solid #f9f9f9; border-bottom:none;}
.index-container .list li a:hover {background:#ffffff;border:1px solid #e6e6e6; border-top:1px solid #c0c0c0; border-bottom:none;}
.index-container .category li {}
.index-container .category li a {padding:0px 3px;}
.index-top {width:980px; margin:0px auto; border:1px solid #;}
.index-top .search {height:33px; line-height:33px; padding:0px 10px; text-align:left; background: url(../images/navbg.gif) 0px -42px; overflow:hidden}
.index-top .hot-links {float:left;}
.index-top .search-box {float:right;}
.index-top .keyword {height:18px; line-height:18px; width:200px;}
.index-top button {height:24px;padding:0px 10px;}
.index-top .nav-links {text-align:left;}
.index-top .nav-links .links {height:30px; line-height:30px; padding:0px 5px; margin-top:3px; border-left:1px solid #c5e9f2; border-bottom:1px solid #c5e9f2; border-right:1px solid #c5e9f2;}
.index-top .nav-links .links span.label {display:inline-block;height:26px;line-height:26px; float:left;background:#D4FDFD;padding:0px 5px; color:#048aa7;}
.index-top .nav-links .links ul {display:inline-block;margin-left:5px;height:26px;line-height:26px; width:880px; overflow:hidden}
.index-top .nav-links .links li {float:left;}
.index-top .nav-links .links li a {color:#4d4d4d;}
.index-top .nav-links .links li a:hover {color:#FD3600;}
.index-top .nav-links .bottom {border:none; background: url(../images/navbg.gif) 0px -80px;}

/* Form Elements */
input,select,textarea,button { font:12px/15px '微软雅黑' , Arial, Helvetica, sans-serif; vertical-align:middle; color:#2f2f2f; }


em{color: #eb340a;}
/* Form Highlight */
input.input-text:focus,select:focus,textarea:focus { background-color:#edf7fd; }
/*.highlight { background:#efefef; }*/


/* Global Messages  */
.success { color:#3d6611; font-weight:bold; }
.error { color:#df280a; font-weight:bold; }
.notice { color:#e26703; }

.messages,
.messages ul { list-style:none !important; padding-top:10px !important; margin:0 ;  padding:0 ; }
.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 10px !important; padding-left:30px;}
.messages li li { margin:0 0 3px !important; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border-style:solid !important; border-width:1px !important; min-height:24px !important;  font-size:11px !important; font-weight:bold !important; }
.error-msg { border-color:#f16048; background-color:#faebe7;  color:#df280a; }
.error-msg li {background:url(../images/i_msg-error.gif) 10px 0px no-repeat;}
.success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(../images/i_msg-success.gif); color:#3d6611; }
.note-msg,
.notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(../../images/i_msg-note.gif); color:#3d6611; }

/* BreadCrumbs */
.breadcrumbs { width:980px;margin:10px auto;color: #666; line-height:1.25; text-align: left;font-size: 16px}
.breadcrumbs ul {text-align:left;}
.breadcrumbs li { display:inline; }
.breadcrumbs li strong { font-weight:bold; }

.table-bordered { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

/* Misc */
.links li { display:inline; }
.links li.first { padding-left:0 !important; }
/*.links li.last { background:none !important; padding-right:0 !important; }
*/
.separator { margin:0 3px; }

.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0;  text-indent:-999em; overflow:hidden; }

/****************** panel ********************/
/* 默认面板,要素：头部，内容 */
.panel {border:1px solid #eeeeee;}
.panel .panel-heading {height:30px;line-height:30px;background-color:#FEFCED;border-bottom: 1px dashed #0187c5;}
.panel .panel-body {min-height:100px;}

/* 只用于首页地区列表的面板 */
.panel-home {border:none;margin-top:10px;}
.panel .panel-title {height:30px;line-height:30px;display:inline-block;font-size:16px;font-weight:normal;padding:0px 5px;color:#333333;float:left;}
.panel .panel-body {border-bottom:1px solid #eeeeee; border-top: none;}
.panel .panel-tabs {float:left; height:30px;}
.panel .panel-tabs li {float:left;height:30px;}
.panel .panel-tabs li.last {background:url(../images/icon.png) repeat scroll 79px -368px }
.panel .panel-tabs li a {display:block;height:29px;line-height:29px;text-align:center;padding:0px 9px;font-size:16px; color:#888888;text-decoration: none;border-top:1px solid #f9f9f9; border-left:1px solid #f9f9f9; border-right:1px solid #f9f9f9;}
.panel .panel-tabs li a.active, .panel-home .panel-tabs li a:hover {height:29px; line-height:29px; background-color: #ffffff; border-top:1px solid #c0c0c0; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;color:#1a8dcc;}
.panel .panel-tab {padding:9px;}
.panel .panel-tab-none {padding:0px;}
/* 最近更新面板 */
.panel-latest {border:none;}
.panel-latest .panel-tab {}
.panel-latest .panel-tab ul {margin-top:14px;}
.panel-latest .panel-tab ul.first {margin-top:0px;}
.panel-latest .panel-tab ul li {width:126px;float:left;margin-left:12px;}
/* .panel-latest .panel-tab ul li:hover {background:#249ff1;} */
.panel-latest .panel-tab ul li.first {margin-left:2px;}
.panel-latest .panel-tab ul li.item a {display:block; position:relative;}

.panel-latest .panel-tab ul li.item span {display:block; position:absolute; top:144px; width:126px; height:24px;}
.panel-latest .panel-tab ul li.item a span.mask {background:#000000;opacity: 0.5;-moz-opacity:0.5; filter:alpha(opacity=50);}
.panel-latest .panel-tab ul li.item a span.chname {}
.panel-latest .panel-tab ul li.item a span.chname em {line-height:20px; font-size:12px; color:#ffffff; padding: 0px 5px;}
.panel-latest .panel-tab ul li.item a strong {font-weight: normal;}
.panel-latest .panel-tab ul li.item p {display:block; line-height:30px; overflow:hidden; text-align:left; white-space:nowrap;padding:0;margin:0;}
.panel-latest .panel-tab ul img {width:126px; height:168px;}
.panel-latest .panel-tab div.mask {display:none; position:absolute; top:0px; width:126px; height:144px; background:#000000; opacity: 0.5; -moz-opacity:0.5; filter:alpha(opacity=50)}
.panel-latest .panel-tab ul li.item a:hover div.mask {display:block;}
.panel-latest .links {height:30px;line-height:30px;float:left;margin-left:30px;}
.panel-latest .links a {display:inline-block;margin-left:20px;}
.panel-latest .notice {height:30px;line-height:30px;float:right;margin-left:30px;}
.panel-latest .notice span {font-size:12px;}
.panel-latest .notice a {font-size:14px;}

/* 首页排行榜 */
.ranking-list {margin-top:10px;}
.ranking-list .list {float:left; width:237px; margin-left:8px; border:1px solid #EEEEEE;}
.ranking-list .first {margin-left:0px;}
.ranking-list .head {height:40px;/* background-color: #43c0f0*/ background:url(../images/top_bg.png) no-repeat;}
.ranking-list .head h3 {font-size:16px; color:#ffffff; padding:0px 10px; line-height: 40px;font-weight:bold;}
.ranking-list ul.ranking {margin-top:5px;}
.ranking-list ul.ranking li {padding:0px 10px;height:26px;}
.ranking-list ul.ranking li a {line-height:26px; height:26px; width:190px;display:block;float:left; overflow:hidden}
.ranking-list ul.ranking li span {display:block;height:16px;line-height:16px;text-align:center;background:#43c0f0; color:#ffffff; width:20px;float:left;margin:4px 4px 4px 0px}
.ranking-list ul.ranking li span.top {background:#FF6600;}


/* comic list */
.filter-list { border:1px solid #eee;padding:9px;padding-top:4px;margin-top:10px;}
.filter-list ul {border-bottom:1px solid #eee;margin-top:5px;position:static;}
.filter-list ul.story {margin-top:0px;}
.filter-list li {float:left;margin-right:8px;font-size:14px;height:30px;line-height:30px;}
.filter-list li a {display:block;padding:0px 5px;height:24px;line-height:24px;margin-top:3px;}
.filter-list li a.active {color:#ffffff; background:#249ff1;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.filter-list li.all a {padding:0 3px;}

.filter-list .letter li a {padding:0px 5px;}
.filter-list .story li a {padding:0px 1px;}
.filter-list .status {border-bottom:none;}
.filter-list .status li {margin-right:20px;}
.filter-list .status li.label {margin-right:6px;}

.list-page {margin-top:10px;}
.list-page .list {/*width:700px; float:left;*/ border:1px solid #eeeeee;}
.list-page .head {height:30px; line-height:30px; padding:0px 10px; background:#EBEBEB; font-size:14px; }
.list-page .summary {padding:10px;}
.list-page .pager {margin:10px;}
.list-page .sidebar {width:260px; float:left; margin-left:18px;}
.list-page .tuijian {width:260px;}
.list-page .grid-row {margin-top:10px; clear:both;}
.list-page .grid-row li {float:left;margin-left:12px;}
.list-page .grid-row li.first {margin-left:11px;}
.list-page .grid-row li a {display:block; position:relative;}
.list-page .grid-row li span {display:block; position:absolute; top:144px; width:126px; height:24px; line-height:24px;}
.list-page .grid-row li a span.mask {background:#000000;opacity: 0.5;-moz-opacity:0.5; filter:alpha(opacity=50);}
.list-page .grid-row li a span.chname {}
.list-page .grid-row li a span.chname em {line-height:20px; font-size:12px; color:#ffffff; padding: 0px 5px;}
.list-page .grid-row li a strong {font-weight: normal;}
.list-page .grid-row li p {display:block; width:126px; height:25px; line-height:25px; overflow:hidden; text-align:left; white-space:nowrap; padding:0;margin:0;}
.list-page .grid-row img {width:126px; height:168px;}
.list-page .grid-row div.mask {display:none; position:absolute; top:0px; width:126px; height:144px; background:#000000; opacity: 0.5; -moz-opacity:0.5; filter:alpha(opacity=50)}
.list-page .grid-row li a:hover div.mask {display:block;}
.list-page .current-sort {color:#ff0000;font-weight:bold;}

.pagination li {display:inline-block;margin:0px 2px;}
.pagination li a {display:inline-block;height:28px;line-height:28px;padding:0px 10px;border:1px solid #eeeeee;}
.pagination li.active a {background-color:#249ff1;color:#ffffff;}
/* sidebar widget */
.tabs-widget {border:1px solid #eeeeee;}
.tabs-widget .head {height:30px; line-height:30px; float:left; font-size:16px; padding:0px 5px;}
.tabs-widget .tabs {height:30px; line-height:30px;  background:#EBEBEB;}
.tabs-widget .tabs ul {float:right;}
.tabs-widget .tabs li {float:left;padding:0px 5px; font-size:16px; cursor: pointer; border-left:2px solid #ffffff;}
.tabs-widget .tabs li.hover {background:#ffffff;}

/* comic information */
.view-page {margin-top:10px;}
.view-page .comic-name {height:32px;  border-bottom:1px solid #eeeeee; margin-bottom:10px; background:#FEFCED;}
.view-page .comic-name h1 {line-height:32px; margin:0; padding-left:10px; border-left:3px solid #45c0e9;float:left;}
.view-page .comic-name span.subtitle {line-height:20px; margin-top:10px; display:block; float:left; color:#8f8f8f; font-size:12px;margin-left:10px;}
.view-page .action-bar {float:right;padding:0px 10px;}
.view-page .action-bar a {line-height:32px;font-size:16px;}
.view-page .vote-bar {float:right; margin-right:10px;}
.view-page .vote-bar .score {font-size:14px;float:left;}
.view-page .vote-bar .score span.num {color:#FF4400; font-size:22px;}
.view-page .vote-bar .vote {width:160px;height:32px;margin-left:20px;float:left;background:url('../images/star_bg.png') 0px -32px no-repeat;}
.view-page .vote-bar .vote a {float:left;display:block;width:32px;height:32px;}
.view-page .vote-bar .star {height:32px;width:160px;}
.view-page .vote-bar .star2 {background:url('../images/star_bg.png') -128px 0px no-repeat;}
.view-page .vote-bar .star4 {background:url('../images/star_bg.png') -96px 0px no-repeat;}
.view-page .vote-bar .star6 {background:url('../images/star_bg.png') -64px 0px no-repeat;}
.view-page .vote-bar .star8 {background:url('../images/star_bg.png') -32px 0px no-repeat;}
.view-page .vote-bar .star10 {background:url('../images/star_bg.png') 0px 0px no-repeat;}
.view-page .info {width:220px;float:left;}
.view-page .cover {width:220px;height:300px;-moz-box-shadow: 3px 3px 4px #8f8f8f; -webkit-box-shadow: 3px 3px 4px #8f8f8f; box-shadow: 3px 3px 4px #8f8f8f; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#8f8f8f')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#8f8f8f');}
.view-page .detail {border:1px solid #eeeeee;margin-top:10px;}
.view-page .detail li {height:30px; line-height:30px; font-size:14px; padding:0px 10px; border-bottom:1px solid #eeeeee; overflow: hidden;}
.view-page .tabs-widget {margin-top:10px;}
.view-page .tabs-content ul {margin:5px 10px;}
.view-page .tabs-content ul li {height:30px;line-height:30px;border-bottom:1px solid #eeeeee;overflow:hidden;}
.view-page .info-main {width:750px; float:left;}
.view-page .info-main {float:left;margin-left:10px;}
.view-page .info-main .summary {width:540px;height:200px;float:left;}
.view-page .info-main .summary h3 {font-size:16px; }
.view-page .info-main .summary .content {overflow: hidden;height:160px;}
.view-page .info-main .summary a {display:none; text-align: center;}
.view-page .info-main .s200 {width:200px;height:200px;float:right;background:#eeeeee;}
.view-page .chapters {border:1px solid #eeeeee;margin-top:10px;}
.view-page .chapters .head {height:30px; line-height:30px; padding:0px 10px; font-size:16px; background:#eeeeee;}
.view-page .chapters .chapter-type {border-bottom:1px solid #eeeeee; font-size:16px; height:30px; line-height:30px; padding:0px 10px;}
.view-page .chapters ul {margin:5px 10px;}
.view-page .chapters li {width:121px; height:24px; line-height:24px; float:left; color:#888888; overflow:hidden;}
.view-page .chapters ul.col1 li {width:145px;}
.view-page .chapters ul.col2 li {width:182px;}

.view-page .reviews {border:1px solid #eeeeee;margin-top:10px;}
.view-page .reviews .head {height:30px; line-height:30px; padding:0px 10px; font-size:16px; background:#eeeeee;}
.view-page .reviews .list {}
.view-page .reviews .list li {}
.view-page .reviews .list li dt {height:26px; padding:0px 10px; line-height:26px; background:#eeeeee; border-top:1px dashed #cccccc; color:#8f8f8f;}
.view-page .reviews .list li dd {line-height:180%; padding:0px 10px; word-wrap:break-word;}
.view-page .reviews .list .action {height:20px;text-align:right;padding:0px 10px;}
.view-page .reviews .editor {margin:10px;width:726px;}
.view-page .reviews .editor .row {padding:5px 0px;}
.view-page .reviews .editor textarea {width:724px; height:80px;}
.view-page .reviews .editor .action {margin-top:10px;height:26px;}
.view-page .reviews .editor .action button,.view-page .reviews .editor .action .button1 {height:26px; line-height:26px; float:right;font-size:16px;line-height:16px;}
.view-page .reviews .editor .action p {float:left;}
.view-page .reviews .more {margin:10px; text-align:center;}
.view-page .reviews .more a {font-size:16px;}
.view-page .reviews .more span {font-size:16px;}

.view-page .related {border:0px solid #eeeeee;margin-top:10px; text-align:center}
.view-page .related .head {height:30px; line-height:30px; padding:0px 10px; font-size:16px; background:#eeeeee;}

.bulletin-list {width:700px; float:left;}
.bulletin-list .page-title {height:30px; line-height:30px; background:#EBEBEB; padding:0px 10px;}
.bulletin-list .item { margin-top:10px; padding:0px 10px; border-bottom:1px solid #cccccc;}
.bulletin-list .item .title { font-size:14px;height:26px;line-height:26px; color:#000000; border-bottom:1px dashed #cccccc;}
.bulletin-list .item .title span {font-size:12px;}
.bulletin-list .item .content {margin-top:10px; font-size:12px; line-height:150%;}
.bulletin-list .odd {background:#f5f5f5;}

.topic-list {}
.topic-list .title {font-size:16px; height:30px; line-height:30px; background:#F10582; color:#ffffff; padding:0px 10px;}
.topic-list .list {width:642px; margin-top:10px;}
.topic-list .item {margin-top:5px;}
.topic-list .item img {border:1px solid #eeeeee; -moz-box-shadow: 2px 2px 2px #eeee; -webkit-box-shadow: 2px 2px 2px #eeeeee; box-shadow: 2px 2px 2px #eeee;}
.topic-list .hover img {border:1px solid #F10582; }
.topic-list .item .name {font-size:14px;height:22px;line-height:22px;padding:0px 10px;}
.topic-list .item .name a {color:#333333;}
.topic-list .pager {margin-top:10px;}

.sitemap-list {}
.sitemap-list .title {font-size:16px; height:30px; line-height:30px; background:#F10582; color:#ffffff; padding:0px 10px;}
.sitemap-list .list {margin-top:10px;}
.sitemap-list h3 {line-height:28px;height:28px;border-bottom:1px solid #cccccc;}
.sitemap-list h3 a{color:#888888}
.sitemap-list li {width:196px; float:left;}

.topic-view {}
.topic-main {width:700px;}
.topic-view .title {font-size:16px; height:30px; line-height:30px; background:#F10582; color:#ffffff; padding:0px 10px;}
.topic-view .topic-comic {margin-top:10px;}
.topic-view .go {height:26px; line-height:26px; padding:0px 10px; border-bottom:1px solid #cccccc;}
.topic-view ul {margin-top:14px;}
.topic-view ul.first {margin-top:0px;}
.topic-view ul li {width:126px;float:left;margin-left:12px;}
/* .panel-latest .panel-tab ul li:hover {background:#249ff1;} */
.topic-view ul li.first {margin-left:2px;}
.topic-view ul li.item a {display:block; position:relative;}

.topic-view ul li.item span {display:block; position:absolute; top:144px; width:126px; height:24px;}
.topic-view ul li.item a span.mask {background:#000000;opacity: 0.5;-moz-opacity:0.5; filter:alpha(opacity=50);}
.topic-view ul li.item a span.chname {}
.topic-view ul li.item a span.chname em {line-height:20px; font-size:12px; color:#ffffff; padding: 0px 5px;}
.topic-view ul li.item a strong {font-weight: normal;}
.topic-view ul li.item p {display:block; line-height:30px; overflow:hidden; text-align:left; white-space:nowrap;padding:0;margin:0;}
.topic-view ul img {width:126px; height:168px;}
.topic-view div.mask {display:none; position:absolute; top:0px; width:126px; height:144px; background:#000000; opacity: 0.5; -moz-opacity:0.5; filter:alpha(opacity=50)}
.topic-view ul li.item a:hover div.mask {display:block;}

.review-list .list {}
.review-list .head {height:30px; line-height:30px; padding:0px 10px; font-size:16px; background:#eeeeee;}
.review-list .list li {}
.review-list .list li dt {height:26px; padding:0px 10px; line-height:26px; background:#eeeeee; border-top:1px dashed #cccccc; color:#8f8f8f;}
.review-list .list li dd {line-height:180%; padding:0px 10px;}
.review-list .action {text-align: right}

.author-list {}
.author-list .head {height:30px; line-height:30px; background:#EBEBEB; font-size:16px; padding:0px 10px;}
.author-list ul {margin-top:10px;}
.author-list li {width:196px; float:left; height:24px; line-height:24px;}
.author-list li a {display:inline-block; padding:0px 5px;}

/************ header-container *************/
.top-links {height:34px;line-height:34px;border-bottom:1px solid #EEEEEE; display:none;}
.top-links .links, .header-container .header {width:980px;margin:0px auto;}
.top-links .links {font-size: 12px}
.top-links .account-links {height:22px;float:left;margin-top:6px;}
.top-links .quick-links {height:22px;float:right;margin-top:6px;}
.top-links .account-links li, .top-links .quick-links li {float:left;height:22px;line-height:22px;padding:0px 10px; border-right:1px solid #bbbbbb;}
.top-links .quick-links li#message{background: url(../images/icon.png) repeat scroll 29px -118px ;padding: 0 50px 0 0;}
.top-links .quick-links li#message a {color: #45c0e9;}
.top-links .account-links li.last, .top-links .quick-links li.last {border-right:none;}
.top-links .account-links li.last a, .top-links .quick-links li.last a{color:#45c0e9;}
.top-links .account-links li.last a{background: url(../images/icon.png) no-repeat scroll 36px -410px ;padding-right:10px;}
.top-links .account-links li span,.top-links .account-links li a,.top-links .quick-links li a {color: #bcbec0;}
.top-links .account-links li a:hover,.top-links .quick-links li a:hover{color: #1a8dcc}
.top-links .account-links li#personal{background: url("../images/icon.png") repeat scroll 0 -93px ;margin:0 0 0 10px;padding: 0 10px 0 17px;}
.top-links .quick-links li.last{background: url("../images/icon.png") no-repeat scroll 0 -585px ;margin: 0 0 0 8px;padding: 0 0 0 18px;}

.header-container{font-family: "宋体"}
.header-container .header {height:150px; background:url('../images/head_bg.png') no-repeat;}
.header-container .header {}
.header-container .header .logo {display:block;float:left;margin-top:40px;}
.header-container .header .search-bar {text-align:left;height:30px;width:300px;float:right;margin-top:50px;margin-right:20px;}
.header-container .header .search-box {}
.header-container .header .search-box .keyword {height:28px;line-height:28px;width:238px;padding:0px 10px; border:1px solid #cccccc;background: #ffffff;color:#b3b3b2;font-size: 14px;padding:0;}
.header-container .header .search-box .btn-search {height:30px;width:60px;padding:0;border:none;cursor: pointer;background: #FFD251}
.header-container .header .search-bar .keywords {margin-top:5px;}
.header-container .header .search-bar .keywords a{color: #b3b3b2;font-size: 12px;padding-right:10px;}
.header-container .header .search-bar .keywords a:hover,.footer ul li a:hover{color:#1a8dcc;}



/********** < Navigation */
.nav-container {  height:40px;}
.nav-main {/*background:#45c0e9*/; background:url(../images/navbg.gif) no-repeat; width:980px; height:40px; margin:0 auto; padding:0;}
#nav {float:left;}
#nav-top {float:right;}
#nav-link {float:right; position:relative}

.nav {height:20px;margin-top:8px;}
.nav li{ position:relative; text-align:left; }

.nav li { float:left; height:32px;}
.nav li.first {border:none;}
.nav a { float:left; padding:0px 10px; color:#ffffff; font-size:14px; height:20px; border-left:1px solid #ffffff;}
.nav li.first a {border:none;}
.nav li.over a,.nav li div a {color:#45c0e9;}
.nav .filter-list {margin-top:0px;}

.nav div.sub { position:absolute; display:none;}
.nav li.show-sub div {display:block;}
/********** Navigation > */
.comic-nav {width:980px; z-index:100; left:0px; top:30px; background:#ffffff;}
.nav em {color:#ffffff; display:inline-block; }
.nav li.show-sub em {-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(90deg);
-webkit-transition: .3s ease-in;
-moz-transition: .3s ease-in;
-o-transition: .3s ease-in;
transition: .3s ease-in;}

.nav .browser-history {z-index:100;width:210px;top:30px; right:0;}
.nav .browser-history ul {margin-top:5px;padding:10px 0px; border:2px solid #45c0e9; position: relative; top:0;background:#ffffff;width:auto;display:block;}
.nav .browser-history ul li {float:none;height:28px;font-size:14px;padding:0px 10px;text-align:right;}
.nav .browser-history ul li a { display:block; float:none; height:28px;line-height:28px;color:#45c0e9; font-size:14px;}
.nav .browser-history ul li a:hover {color:#ffffff;background:#45c0e9;}

.nav2{}
.nav2 .fl2 { float:left;padding:0px 10px; color:#ffffff; font-size:14px; height:20px; border-left:1px solid #ffffff; margin-top:8px}
.nav2 .fl2 a{ color:#fff}
.nav2 .first {border:none;}
/*********** footer **********/
.footer-container {background:#dfdfdf; margin-top:10px;}
.footer{height: 48px;}
.footer .footer-links{width: 980px;margin: 0 auto;}
.footer address{float: left;color: #525252;font-size: 12px;line-height: 48px;}
.footer address.a2{ font-size:14px}
.footer address.a2 a{color: #525252;}
.footer ul {float: right;line-height: 48px;}
.footer ul li{float: left;padding-right: 30px;}
.footer ul li.last{padding-right: 0}
.footer ul li a{color: #525252;font-style: 12px;}
.footer img{vertical-align: middle;}

.footer1{height: 30px;}
.footer1 .footer-links{width: 980px;margin: 0 auto;}
.footer1 address{float: left;color: #525252;font-size: 12px;line-height: 30px;font-size:14px}
.footer1 address.a2{ font-size:14px}
.footer1 address.a2 a{color: #525252;}
.footer1 ul {float: right;line-height: 30px;}
.footer1 ul li{float: left;padding-right: 30px;}
.footer1 ul li.last{padding-right: 0}
.footer1 ul li a{color: #525252;font-style: 12px;}
.footer1 img{vertical-align: middle;}

.footer2{height: 30px;}
.footer2 .footer-links{width: 980px;margin: 0 auto;}
.footer2 address{float: left;color: #525252;font-size: 12px;line-height: 30px;}
.footer2 address.a2{ font-size:14px}
.footer2 address.a2 a{color: #525252;}
.footer2 ul {float: right;line-height: 30px;}
.footer2 ul li{float: left;padding-right: 30px;}
.footer2 ul li.last{padding-right: 0}
.footer2 ul li a{color: #525252;font-style: 12px;}
.footer2 img{vertical-align: middle;}

/*register*/
.account-login {margin-top:10px;} 
.login-form {width:300px; float:right; border:1px solid #eeeeee;}
.login-form h3 {background:#eeeeee;padding:0px 10px;height:36px;line-height:36px;}
.login-form ul {}
.login-form li {padding:0px 10px;}
.login-form li.label {font-size:16px;margin-top:10px;}
.login-form li.field {}
.login-form li.field input {width:258px;border:1px solid #45c0e9;height:30px;line-height:30px;padding:0px 10px;}
.login-form li.field p.error {display:none;}
.login-form li.error input {border:1px solid #FF0000;}
.login-form li.error p.error {display:inline-block;}
.login-form li.link a {line-height:40px;font-size:14px;}
.login-form li.buttons {margin-top:20px;}

.form-list h3 {background:#eeeeee;padding:0px 10px;height:36px;line-height:36px;}
.form-list ul {font-size:16px;}
.form-list li {margin-top:10px;}
.form-list li label {width:160px; float:left;line-height:30px;text-align:right;}
.form-list li .controls {margin-left:180px; width:300px;}
.form-list li div.error p.error {display:inline-block;}
.form-list li p.error {display:none;}
.form-list .input-box {width:290px; height:28px; padding:0px 5px; border:1px solid #45c0e9; font-size:16px; line-height:28px;}
.form-list .validatecode {width:120px;}
.form-list p {font-size:13px; font-weight:normal; margin:0px; color:#bcbec0;}
.form-list p.error {color:#df280a; }

.account-register {margin-top:10px;}
.register-form {margin-top:10px;}
.register-form ul {width:482px;}

button.register {}
button.register span{height: 40px;width: 160px;border:none;padding: 0;background: url(../../images/button_bg.png) no-repeat scroll 0 0;color: #fff;font-weight: 700;font-size: 18px;line-height: 40px;}
button.register span span{background: url(../images/register_button.png) no-repeat scroll 100% 0;display: block;height: 40px;line-height: 40px;padding: 0 0 0 0}

.account-menu {border:1px solid #eeeeee;}
.account-menu li {height:36px;margin-top:1px;}
.account-menu li a {height:36px; line-height:36px; text-align:center; display:block; color:#525252; font-size:16px;}
.account-menu li a:hover {background:#45c0e9; color:#ffffff;}
.account-menu li a.active {background:#45c0e9; color:#ffffff;}

.table-wrapper {}
.table-wrapper .tabs { height:40px;border:1px solid #eee;border-bottom: none;clear: both;overflow: hidden;}
.table-wrapper .tabs h3 { height:40px; line-height:40px; display:inline-block; padding:0px 10px; margin:0; color:#fff;font-size: 16px;font-weight: bold;background:#8BBD1E}
.table-wrapper .tabs a{float: right;color: #1a8dcc;font-size: 12px;padding-right: 20px;line-height: 40px;text-decoration: underline;}
.table-wrapper .tabs .blue-right label{float: right;color: #1a8dcc;font-size: 12px;padding-right: 20px;line-height: 40px;}
.table-wrapper .tabs h3.tabitem.green,.table-wrapper .tabs h3.tabitem:hover { background-color:#8bbd1e;color: #fff;font-weight: bold;}
.table-wrapper .tabs h3.blue { background-color:#43c0f0;}
.table-wrapper .tabs h3.tabitem { background-color:#f9f9f9;border: 1px solid #f0f0f0;border-bottom: 0px;color: #888888;font-weight: normal;}
.table-wrapper .tabs .tabitem{}
.table-wrapper .tabs ul { float:left;}
.table-wrapper .tabs ul li { height:40px; display:inline-block;}
.table-wrapper .tabs ul li a { height:40px; line-height:40px; padding:0px 10px;}
.table-wrapper .tabs ul li a { height:40px; line-height:40px; padding:0px 10px;}
.table-wrapper .tabs .blue-right{float: right;margin:5px 0 0 0;}
.table-wrapper .tabs .blue-right button{font-size: 16px;color:#fff;display: block;float: left;text-align: center;padding-right: 10px;}
.table-wrapper .tabs .blue-right button.card-flow span{background: url(../images/button_bg_blue.png) no-repeat scroll 0 0;color: #fff}
.table-wrapper .tabs .blue-right button.add-card span{background: url(../images/button_bg_blue.png) no-repeat scroll 0 0;color: #fff;}
.table-wrapper .tabs .blue-right button.add-card span span,.table-wrapper .tabs .blue-right button.card-flow span span{background: url(../images/button_bg_blue.png) no-repeat scroll 100% 0;color: #fff}
.recent-order {margin-top:30px;}
.data-table tbody tr.card-disable td{color:#b3b3b2;}


#hContent{position:absolute; top:28px; right:0px; width:400px; z-index:10000; display:none}
#hContent .hTitle{ cursor:pointer}
#hContent .hHead{background:url(../images/history.png) 0 0 no-repeat; padding:10px 8px 0; height:28px; line-height:28px;  display:block; text-align:left}
#hContent .hHead span{float:right;}
#hContent a.red{ color:#ff0000}
#hContent a.green{ color:#090}
#hContent a.blue{ color:#45c0e9}
#hContent .fr{float:right;display:inline;}
#hContent #hList{padding:0 6px 8px; background-color:#FFF; border:1px solid #CCC; border-top:none; overflow:hidden;}
#hContent .hNone{line-height:60px; text-align:center; color:#666;border-top:1px solid #F0F0F0;}
#hContent .hList{ text-align:center; color:#666;border-top:1px solid #F0F0F0;}
#hContent .hListMax{ height:245px; overflow:auto;}
#hContent .hList li{text-align:left; line-height:18px; padding:6px; border-bottom:1px solid #F0F0F0;}
#hContent .hList li.over{background-color:#FFF4F0;}
#hContent .hTime{ color:#060; clear:both; display:block; padding-left:20px; padding-top:2px; margin-top:2px; color:#666; font-family:Tahoma, Geneva, sans-serif; border-top:1px dashed #F0F0F0; font-size:11px;}
#hContent .hDelete{ float:left; margin-right:6px; margin-top:1px; background:#FFF url(../images/2011_sprits.gif) 3px -847px no-repeat; display:block; overflow:hidden; border:1px solid #999; width:13px; height:13px; cursor:pointer;}
#hContent .big{font-size:14px; color:#45c0e9; font-weight:bold;}


.w30110{ margin-top:10px}
.w30980{ margin-top:10px; text-align:center}
.w309802{ margin-top:10px; margin-bottom:10px; text-align:center}
/*page*/
.NewPages{padding: 0px 0px 0px 0px;text-align:center;height:32px; line-height:32px;font-size:14px; color:#666; margin-bottom:15px; margin-top:10px}
.NewPages ul {float:left;position: relative; width:100%; text-align:center;}
.NewPages li {display:inline-block;margin: 0 3px; _zoom: 1; *display:inline;}
.NewPages a{font-family:"\5b8b\4f53";display:inline-block; height:28px; line-height:28px; text-align:center; padding:0 12px;  background:#fff; border:1px solid #e0e0e0;
 border-radius:2px;color:#666; font-size:14px;
background:-moz-linear-gradient(top, #ffffff, #eaeaea); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eaeaea)); /* Saf4+, Chrome */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType='0'); /* IE*/}
.NewPages .active,.NewPages .thisclass a{border-color:#eeeeee; background:#249ff1; color:#ffffff;filter:none;font-weight:bold}
.NewPages a:hover{border-color:#eeeeee; background:#249ff1; color:#ffffff; text-decoration:none}
.NewPages .active:hover,.NewPages .thisclass a:hover{border:1px solid #C4E1FF ; background-color:#F4FAFF; color:#000; text-decoration:none}

/*返回首页*/
#mh-rtop{position:fixed;z-index:100;right:22px;bottom:20px;width:60px;height:88px;display:none;}
#mh-rtop a{display:block;width:60px;height:60px;border-radius:100px;background:url(../Images/rtop.png) no-repeat 0 0 #aaa;}
#mh-rtop a.r-top{background-position:0 0;}
#mh-rtop a.r-top:hover{background-position:-63px 0;background-color:#14a1d0;}


/*友情链接*/
.panel-link ul{}
.panel-link ul li{float:left;margin-right:20px; height:30px; line-height:30px}
.panel-link ul li a{ color:#0187c5}
.panel-link ul li a:hover{ color:#fd3600}