﻿/* Design by CanonZone 2008-01-18 */

/* Global */
@import url('global.css');

/* Content Begin */

.endArticleList {margin:0px auto 15px; width:710px; overflow:hidden; clear:both; }
.endArticleList .tip{ background:#eef9f3; text-align:left;font-size:14px; font-weight:bold;padding:6px 10px;}
.endArticleList ul li {list-style-type:none; text-align:left; font-size:12px; width:700px; border-bottom:1px dotted #CCC; height:25px; line-height:25px;  padding:3px 10px; overflow:hidden; clear:both;}
.endArticleList ul li b{ background:#ffff66;}
.endArticleList ul li a { list-style-type:none;text-align:left; font-size:14px; }
.endArticleList ul li a:visited { color:#83006f;}
.endArticleList ul li a.time{ text-decoration:none;text-align:left;font-size:11px; color:gray; padding:0 10px;}

.endImageList { margin:0 auto; width:710px; overflow:hidden; clear:both;}
.endImageList ul{ margin:10px auto; text-align:center;}
.endImageList ul li { width:210px;margin:5px 10px; float:left; text-align:center;padding:5px 0; list-style-type:none; border:1px solid #ccebeb;}
.endImageList ul li b{ background:#ffff66;}
.endImageList ul li img{ border:0px solid #ccc; width:180px; height:180px; margin:10px 15px;text-align:center; }
.endImageList ul li h3 a{ width:200px;height:30px; font-size:11px; color:#009999; font-weight:normal;}
.endImageList .dotLineB { clear:both; overflow:hidden; margin:5px 30px;}


.index {font-size:16px; font-weight:bold;color:red;}

.Main { width:950px; margin: 10px auto; overflow:hidden;clear:both;}
.Main .MainL { width:240px; float:left; }
.Main .MainR { width:710px; float:right; }
.Main .MainR .Nav { text-align:left; font-size:16px; color:#cf1111; font-weight:bold; padding: 0 30px;height:50px; line-height:50px; border-bottom:3px solid #e8dfce;}
.Main .MainR .Nav b{ color:#FF0000;font-size:14px;}

div.Content { width:710px; margin:5px auto; overflow:hidden; clear:both;}
div.Content .title { width:688px; margin:10px auto; padding:10px; clear:both; text-align:center; font-size:24px; color:#cf1111; font-weight:bold;}
div.Content .source { font-size:11px; padding:3px; text-align:center;}
div.Content .source .category{ margin:0 10px; font-weight:bold;}
div.Content .source .from{ margin:0 10px;}
div.Content .source .author{ margin:0 10px;}
div.Content .source .adddate{ margin:0 10px;}
div.Content .line { border-top:1px solid #cf1111; text-align:center;}
div.Content .matter { font-size:14px; line-height:180%;text-align:left; padding:20px; overflow:hidden; clear:both;}
div.Content .matter p{ font-size:14px; line-height:180%;text-align:left; }
div.Content .matter img{ border:1px solid #cccccc; }
div.Content .matter a { font-size:14px; color:blue; text-decoration:underline;}
div.Content .matter .summary { text-align:left; padding:10px; border:1px solid #cccccc; background:#f3f3f3; clear:both; }
div.Content .dig {text-align:center;clear:both;margin:10px auto;}
div.Content .dig a.digup { font-weight:bold; background:url(/images/digg.gif) 0 0 no-repeat; display:inline-block; width:192px; height:30px; line-height:30px; text-align:left; padding-left:30px; color:#cc3300;}
div.Content .dig a.digdown { font-weight:bold; background:url(/images/digg.gif) 0 -30px no-repeat;width:192px; display:inline-block; height:30px; line-height:30px; text-align:left; padding-left:30px; color:#3366cc;}
div.Content .PreNext { overflow:hidden; clear:both; }
div.Content .PreNext ul { }
div.Content .PreNext ul li { height:40px;line-height:40px; overflow:hidden;}
div.Content .PreNext ul li a { font-size:14px; color:#cf1111; font-weight:bold;}
div.Content .PreNext ul li.p { float:left; width:344px; text-align:left;}
div.Content .PreNext ul li.n { float:left; width:344px; text-align:right;}

/* page List */
.pages {padding:12px; font-size:11px; float:right; clear:both;margin:0 8px; }
.pages span { float:left; height:20px; line-height:20px; padding:0 5px; }
.pages span.current {font-size:11px; float:left; margin:0 3px; padding:0px 4px; background:#F3F3F3; border:1px solid #B2B2B2; color:#cf1111; font-weight:normal;}
.pages a {font-size:11px; float:left; margin:0 3px; padding:1px 4px; background:#F3F3F3; border:1px solid #B2B2B2; color:#000000; font-weight:normal;}
.pages a:hover,.pages a.on { font-size:11px; color:#cf1111; background:#F3F3F3; margin:0 3px; padding:1px 4px; border:1px solid #000000; text-decoration:none; font-weight:normal;}

/* left column */

.leftNav {border:5px solid #d6e8ce;width:200px; height:40px; line-height:40px; font-size:16px; font-weight:bold;}

.columnNav {width:200px; margin:10px auto; overflow:hidden;clear:both;}
.columnNav ul { border-top:2px solid #e2e0d4; border-bottom:2px solid #e2e0d4;}
.columnNav ul li {list-style-type:none; text-align:left; font-size:12px; background:#f6f3eb; height:25px; line-height:25px;  padding:3px 10px; overflow:hidden; clear:both;}
.columnNav ul li a { background:url(/images/i2.gif) 2px 8px no-repeat; padding-left:10px;text-align:left;font-size:14px;}

/* review */

#review { width:710px; margin:10px auto; text-align:left;}
#review p a { color:#cf1111; font-weight:bold; font-size:12px;}
#review span{ font-weight:normal;color:gray; font-size:11px;}
#review .list ul {}
#review .list ul li { font-size:11px; list-style-type:none;text-align:left;margin:3px;border-bottom:1px solid #99916D;}
#review .list ul li a.username { padding:0 10px; text-decoration:none; color:#0000ff;}
#review .list ul li a.adddate { padding:0 10px; text-decoration:none; color:#cf1111;}
#review .list ul li a.country { padding:0 10px 0 30px; text-decoration:none; color:gray; }
#review .list ul li p.content { padding:0 10px ;line-height:180%; clear:both; color:#000;font-size:12px;}
#review .list ul li div.reply { margin:5px; padding:10px ;line-height:180%; clear:both; font-size:12px; border:1px solid #cf1111;  color:red;}

.deliver { text-align:left; clear:both; width:710px; margin:0 auto;}
.deliver h3 { font-weight:normal;font-size:12px; color:#99916D; }
.deliver .userinfo #warning { margin:0 10px; color:#ff0000; visibility:hidden;}
.deliver .userinfo { margin:5px auto;}
.deliver .userinfo .text { border:1px solid gray; background:#fff; height:18px; line-height:18px; font-size:11px; color:gray;}
.deliver .userinfo .submit{ border:1px solid gray; background:#fff; }
.deliver .textarea textarea{ border:1px solid gray; background:#fff; width:500px; height:100px; font-size:11px; color:#000;}

/* Guest */
.endReview {padding:9px 0;width:99.3%; margin:0 auto; text-align: left; background:#F8FCFF; font-size:12px; clear:both;}
.endReview .titleTip{clear:both; padding:0 12px 0 16px; height:15px;display:inline;}
.endReview .name { font-size:12px; float:left; color:#1f3a87; font-weight:bold;}
.endReview .ip{ font-size:11px;  color:#666;}
.endReview .title{float:right; }

.endReview .review { padding:8px 3px 0 20px !important; padding:8px 20px 0; width:90%;clear: both; font-size:12px; line-height: 150%; table-layout: fixed; overflow: hidden; height: auto ; }
.endReview .review table{table-layout:fixed;}
.endReview .review td{ overflow:hidden; line-height:23px; font-size:14px;}
.endReview .review .reviewTree{ margin:0 auto 2px; border:1px solid #999; width :99%;padding:4px; clear:both; background:#ffe; table-layout:fixed; overflow:hidden;}
.endReview .hr { margin:8px 0 13px;border-top:1px dotted #000; clear:both;font-size:1px; }
.endReview .statement{ padding:12px 20px; text-align:right; height:15px; clear:both; overflow:hidden; color:#bc2931;}
.endReview .reply { border:1px #FFCC00 solid; background-color:#FFFFCC;padding:5px;}

.endReview .pageNum{clear:both;padding:0 12px 0 0; height:25px; float:right; }
