#wrap { width: 976px; margin: 10px auto; border: 1px solid #c7c1b7; background: #fff; text-align: left; }
#wrap .lt,#wrap .rt,#wrap .lb,#wrap .rb{ background-image: url(i/angle-light.gif); }
#divAll { background: url(i/bg-all.gif) repeat-y 187px 0; margin: 0; padding: 0; }
#divTag { background: url(i/bg-tag.gif) repeat-y 187px 0; margin: 0; padding: 0; }
#divBlank { background: url(i/bg-line.gif) repeat-y 187px 0 ; margin: 0; padding: 0;  }
#divSidebar { width: 187px; float: left; overflow: hidden; }
#divMain{ width: 788px; float: right; overflow: hidden; }
#divList { float: left; width: 299px; overflow: hidden; }
#divTagbar {width: 299px; float:right; overflow: hidden; }
#divTagList {width: 488px; float:left; overflow: hidden; }
#divMainIndex{ float: right; width: 488px; overflow: hidden;}
#divEnd{ background: url(i/bg-end.gif) repeat-y 676px 0; margin: 0; padding: 0; }
#topNav { padding: 6px 12px 0 0px; background: url(i/bg-tag-btm.gif) repeat-x bottom; }
#topNav ul{ margin: 0; padding: 0; list-style: none; }
#topNav li{ margin: 0; padding: 0 0 8px 0; list-style: none; float: left; }
#topNav li.select { background: url(i/tag-arrow.gif) no-repeat center bottom; height: 16px; }
#topNav li.select a{ color: #ff5a00; font-weight: bold; font-size: 14px; text-decoration: none; }
#topNav li a{ color: #578cd3; padding: 0 8px; background: url(i/tag-line.gif) no-repeat right; display: block; }
#topNav li a:hover { color: #DC143C; }

#rss { display: block; height: 16px; width: 16px; overflow: hidden; background: url(i/icon-rss.gif); cursor: pointer; margin: 0 3px; }
#fav { display: block; height: 14px; width: 36px; padding: 2px 0 0 18px; background: url(i/icon-fav.gif) no-repeat; cursor: pointer; margin: 0 3px; float: right; }

#site { border-bottom: 1px solid #c7c1b7; padding: 8px 8px 6px 35px; background: url(i/icon-home.gif) no-repeat 10px center #fff; }

#gameName{ text-align: center; padding: 12px 0 5px 0; border-bottom: 3px solid #999; margin: 0 10px; }
#gameName h2{ font-size: 16px; margin: 0 0 3px 0; padding: 0; color: #333; }
#gameName h2 a{ color: #000; text-decoration: none; }

#gameNav { width: 167px; padding: 0 10px; overflow: hidden; }
#gameNav dl { clear: both; margin: 10px 0 0 0; }
#gameNav dt { padding: 5px 0; background: url(i/bg-bottom.gif) repeat-x  0 bottom; font-size: 14px; font-weight: bold; }
#gameNav dt a{ background: url(i/game-nav-arrow.gif) no-repeat right center; padding: 0 10px 0 0; }
#gameNav dd { float: left; white-space: nowrap; padding: 3px 0 2px 10px; margin: 0; background: url(i/icon-bullet.gif) no-repeat 0 8px; width: 73px; }
#gameNav dd a{ color: #6b695a; }
#gameNav dd a:hover { color: #FF4500; }
#gameHeader { width: 279px; height: 279px; overflow: hidden; position: relative; margin: 10px; }
#gameHeader h2 { padding: 0; margin: 0; position: absolute; top: 176px; left: 48px; font-size: 14px; }
#gameHeader h2 a{ text-decoration: none; color: #000; }
#gameHeader ul { padding: 0; margin: 0; position: absolute; top: 203px; left: 40px; width: 210px; list-style: none; }
#gameHeader li { padding: 5px 35px 5px 8px; margin: 0; background: url(i/li-b.gif) no-repeat 0 10px; float: left; }

.listList h3 { font-size: 14px; margin: 0 10px; padding: 8px 10px 3px 22px; border-bottom: 1px solid #333; background: url(i/icon-title.gif) no-repeat 0 7px; }
.listList h3 a{ text-decoration: none; }
.listList .more { font-family: PMingLiU; font-size: 11px; font-weight: normal; float: right; margin: -20px 20px 0 0; background: url(i/game-nav-arrow.gif) no-repeat right center; padding: 0 9px 0 0; }
.listList .more a{ text-decoration: none; }
.listList ul { list-style: none; font-size: 14px; margin: 0; padding: 5px 10px; }
.listList li { padding: 5px 0 5px 9px; background: url(i/li-arrow.gif) no-repeat left 10px; }
.listList li a{ color: #105cb6; text-decoration: none; border-bottom: 1px solid #dbd5c5;  font-family: "ËÎÌå";  }
.listList li a:hover{ color: #FF4500; }
.listList li .reply { font-size: 12px; padding: 8px 0 6px 0; background: url(i/bg-bottom.gif) repeat-x 0 bottom; }
.listList li .reply a{ color: #6B695A; border-bottom: none; }

#search { border-top: 9px solid #adaea9; background: #777773; }
#search fieldset { padding: 6px 0 6px 0; border: none; }
#search .searchInput { background: url(i/search-bg.gif) no-repeat #fff; display: block; padding: 5px 0 0 8px; width: 192px; height: 18px; float: left; margin: 0 0 0 15px; border: none; font-size: 12px; color: #666; }
#search .searchBtn { width: 68px; height: 23px; float: left; padding: 0; margin: 0; cursor: pointer; }
#search .hotKey { padding: 8px 20px 0 20px; float: right; width: 150px; margin: 0; overflow: hidden; }
#search .hotKey a{ color: #ccc; }
#search .hotKey a:hover{ color: #ffffe0; }

#divMain h3 { font-size: 14px; margin: 0 10px; padding: 8px 10px 3px 22px; border-bottom: 1px solid #333; background: url(i/icon-title.gif) no-repeat 0 7px; }
#divMain h3 a{ text-decoration: none; }
#divMain .more { font-family: PMingLiU; font-size: 11px; font-weight: normal; float: right; margin: -20px 20px 0 0; background: url(i/game-nav-arrow.gif) no-repeat right center; padding: 0 9px 0 0; }
#divMain .more a{ text-decoration: none; }

.mainList{ padding: 8px 0; }
.mainList h4 { font-size: 14px; margin: 0 10px; padding: 10px 5px 3px 5px; background: url(i/bg-bottom.gif) repeat-x 0 bottom; }
.mainList h4 a { text-decoration: none; }

.mainPost { line-height: 180%; margin: 0 15px 10px 15px; }

.mainLabel { margin: 5px 15px; border-bottom: 1px solid #DFDFDF; border-top: 1px solid #DFDFDF; padding: 3px; }
.mainLabel a{ color: #06c; }
.mainLabel a:hover { color: #FF4500; }

#picList { padding: 10px; }
#picList .picList{ padding: 10px;}
#picList .picList li {	margin: 0 10px;}
#picList h3 {padding: 5px 0; background: url(i/bg-bottom.gif) repeat-x  0 bottom; font-size: 14px; font-weight: bold;}
#picList h3 a{ background: url(i/game-nav-arrow.gif) no-repeat right center; padding: 0 10px 0 0; }
#picList ul{ padding: 0; margin: 0; list-style: none; }
#picList li { padding: 0; margin: 0; float: left; width: 167px; height: 139px; text-align: center; overflow: hidden; }
#picList li img { width: 149px; height: 90px; margin: 0 0 2px 0; overflow: hidden; }
#picList li a img{ padding: 1px; border: 2px solid #7DA8CD; }
#picList li a:hover img { padding: 2px; border: 1px solid #FF4500; }
#picList li h4 { font-size: 12px; text-decoration: none; font-weight: normal; margin: 0; padding: 0; width: 157px; overflow: hidden; height: 30px; }

#baseInfo { padding: 10px; }
#baseInfo h3 {padding: 5px 0; background: url(i/bg-bottom.gif) repeat-x  0 bottom; font-size: 14px; font-weight: bold; margin:0;}
#baseInfo h3 a{  background: url(i/game-nav-arrow.gif) no-repeat right center; padding: 0 10px 0 0;  }
#baseInfo ul{ padding:0; margin:0;}
#baseInfo li {  padding: 3px 0 2px 10px; margin: 0; background: url(i/li-b.gif) no-repeat 0 8px; }

/*tag*/

#tagTitle { background: url(i/tag-title.gif); width: 468px; height: 123px; overflow: hidden; margin: 10px; position: relative; }
#tagTitle .class { font-size: 12px; color: #FAFAD2; padding: 15px; margin: 0; text-align: right; }
#tagTitle .class a {	white-space: nowrap; padding: 0 0 0 7px; color:#FAFAD2; text-decoration: none;}
#tagTitle .class a:hover {	color:#FF6347 }
#tagTitle h2 {	font-size: 26px; font-family: SimHei; margin:0; padding:10px 0; color:#fff; position: absolute; bottom: 10px; left: 15px; }

#divTagList ul{	padding:12px 10px ;margin:0;font-size:14px; list-style: none;}
#divTagList li{	padding: 6px 0 3px 22px;border-bottom:1px solid #efefef; display: block; background: url(i/li-b.gif) no-repeat 8px 12px; }
#divTagList li a{ color: #036; text-decoration: none;  }
#divTagList li a:hover {	color: #a00;text-decoration:underline}
#divTagList li span {	padding:0 0 0 10px; font-size:12px; color: #888;}
#divTagList li .tags{ padding: 3px 20px 0 0; color: #777; font-size:12px; }
#divTagList li .tags a{color:#777}
#divTagList li.tags a:hover {color:#000}

#friend {background: #fff; border-top: 1px solid #A9A9A9; padding:8px}

.tagPage { padding: 15px; text-align: right; font-size: 14px; font-weight: bold; }
.tagPage a.select { color: #DC143C; }
.tagPage a { padding: 0 0 0 5px; }
.tagPage .nextPage{ font-size: 26px;}

/* end */
#content { width: 676px; float: left; overflow: hidden; }
#contentBar{ width: 299px; float: right; overflow: hidden; }

#title { margin: 28px 10px 0 10px; padding: 0 10px 20px 10px; border-bottom: 2px solid #aaa; }
#title h2 { font-family: ºÚÌå; font-size: 22px; margin: 0; padding: 0; color: #000; }

.articleinfo { padding: 8px 0 5px 0; }
.articledate { padding: 0 5px; border-right: 1px solid #999; font-size: 9px; }
.articleinfo a{ padding: 0 5px; }
.articlesource span{ padding: 0 5px; }

#text { line-height: 168%; font-size: 14px; padding: 20px 21px; color: #333; }
#page {text-align:center; font-size:14px;}

/********** comment *******/
#commentList { padding: 20px; }
#comment a{ color: #4682B4; }
#comment { line-height: 130%; margin: 10px 0 0 0; }
#comment #comments0{ padding: 10px 0; clear: both; background: #FFF; }
#comment #comments0 .title { background: #fffff0 padding:6px 3px 0 18px; color: #333; height: 20px; border-top: 1px solid #cc0; border-bottom: 1px solid #ccc; }
#comment #comments1{ padding: 10px 0; clear: both; background: #FFF; }
#comment #comments1 .title { background: #fffff0; padding: 6px 3px 0 18px; color: #333; height: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#comment .content { padding: 8px; line-height: 150%; color: #66737B; table-layout: fixed; overflow: hidden; word-wrap: break-word; word-break: break-all; }
#comment .date { width: 385px; float: left; }
#comment .function { width: 150px; float: right; }
#comment .re { margin: 10px 0; background: #FEFFE6; border: 1px solid #efefef; padding: 5px 10px; color: #666; }
#comment .comment_quote{ margin: 10px 0; background: #FEFFE6; border: 1px solid #efefef; padding: 5px 10px; color: #666; }
#post a{ color: #C4006C; }
#post { margin: 0; }
#post textarea { width: 100%; }
#post .btn-post{ text-align: right; }
#post .list-post{ text-align: right; }

/*** about ***/
#textabout { padding: 20px; }
#textabout fieldset { background: #fffff0; font-size: 13px; padding: 0 10px 10px 10px; }
#textabout legend { color: #000; font-size: 14px; font-weight: bold; padding: 0 10px; }
#textabout ul{ margin: 10px 0 0 0; padding: 0 0 0 0; list-style: none; }
#textabout li { padding: 3px 0 5px 8px; width: 298px; float: left; overflow: hidden; }
#textabout li a{ color: #06c; }
#textabout li a:hover{ color: #800; }