/* CSS Document */
body { text-align:center; font-family:arial, verdana, helvetica, "宋体"; margin:0; padding:0; background:#fff; font-size:12px; color:#333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
table{ margin:0 auto;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
textarea{ overflow:auto;}
input, textarea{font-size:12px; font-family:arial;}
.fb {font-weight: bold;}
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}
/* Link */
a:link {color:#336699; text-decoration:none;}
a:visited {color:#666699; text-decoration:none;}
a:hover {color:#ff6600; text-decoration:none;}
a:active {color:#bc2931; text-decoration:none;}
/* Other */
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both; font-size:1px; width:1px; height:0; visibility: hidden; }
.clearfix:after{content:"."; display:block; height: 0; clear: both; visibility: hidden;} /* only ff */
.hidden {display: none;}
.blank3{ height:3px; clear:both;display:block; font-size:1px;overflow:hidden;}
.blank9{ height:9px; font-size:1px;display:block; clear:both;overflow:hidden;}
.blank6{height:6px; font-size:1px; display:block;clear:both;overflow:hidden;}
.blank12{ height:12px; font-size:1px;clear:both;overflow:hidden;}
.blank20{ height:20px; font-size:1px;clear:both;overflow:hidden;}
/* User Level */
.ugray,a.ugray:link,a.ugray:visited{color:#999;}
a.ugray:hover{color:#666;}
.ublue,a.ublue:link,a.ublue:visited{color:#0096D1;}
a.ublue:hover{color:#0075A3;}
.ugreen_a,a.ugreen_a:link,a.ugreen_a:visited{color:#91BE25;}
a.ugreen_a:hover{color:#6C9211;}
.ugreen_b,a.ugreen_b:link,a.ugreen_b:visited{color:#54B858;}
a.ugreen_b:hover{color:#308E34;}
.uyellow_a,a.uyellow_a:link,a.uyellow_a:visited{color:#F6BC0C;}
a.uyellow_a:hover{color:#BE8F00;}
.uyellow_b,a.uyellow_b:link,a.uyellow_b:visited{color:#F69C3B;}
a.uyellow_b:hover{color:#D26D00;}
.upurple_a,a.upurple_a:link,a.upurple_a:visited{color:#D95E9C;}
a.upurple_a:hover{color:#AF3E77;}
.upurple_b,a.upurple_b:link,a.upurple_b:visited{color:#AA3F75;}
a.upurple_b:hover{color:#81154C;}
.ured_a,a.ured_a:link,a.ured_a:visited{color:#F86A33;}
a.ured_a:hover{color:#CF3A00;}
.ured_b,a.ured_b:link,a.ured_b:visited{color:#ED1E24;}
a.ured_b:hover{color:#BB1217;}
/* head */
.header_cw{ width:940px; margin: 0 auto;}
.logobg{ float:left; margin:15px 0 0 15px; display:inline;}
.logobg_s{ float:left; margin:5px 0 0 15px; display:inline;}
.header_area_cola{ float:left; padding-top:10px;}
.header_area_colb{ float:left; width:18px;}
.header_area_colc{ float:right; width:380px;}
.nav{ margin:0 auto;}
.searchbar{ float:right; padding:11px 10px 0 0; position:relative; z-index:5; height:40px;}
.searchbar .sertext{ margin:0 3px 0 0; width:150px;}
.searchbar .submit{ float:left; width:43px; padding:2px 4px 0px; border:0; font-size:14px; background:#fff;}
.searchbar .arrow{ float:left; width:22px; line-height:20px; height:20px; display:block;}
.searchbar .sermenu{ position:absolute; top:32px; right:10px; width:65px;}
.searchbar .sermenu .itlist{ width:100%; overflow:hidden; margin:0 auto;}
.searchbar .sermenu .itlist li.nobor{ border-bottom:none;}
.userinfo{ text-align:right; color:#666; position:relative; z-index:4;}
.userinfo .styitm{ position:absolute; top:25px; right:8px; text-align:left; padding:5px; width:120px;}
.userinfo .styitm .itmsy{ float:left; margin:0 2px 5px; width:36px;}
/* Event */
.zevent{padding:0; margin:0; clear: both;}
.zevent .evl{ float:left; width:55px; margin:8px 6px 0 0; padding:0;}
.zevent .evr{ border-bottom:1px dashed #ddd; padding:5px 0; min-height:55px; overflow:hidden; margin:5px 0;}
* html .zevent .evr{ word-break:break-all; height:55px; overflow:visible; }
.zevent .evr .evimg{ float:right; margin-left:14px;}
.zevent .evr .collimg{ float:right; margin-left:14px; width:100px; overflow:hidden; text-align:center;}
.zevent .evr .evtl{ color:#666; line-height:180%; font-size:14px;}
.zevent .evr .evcon{padding:5px 0; color:#888; line-height:180%;}
.zevent .evr .evpic{margin-left:20px; line-height:180%; color:#888;}
.zevent .evr .evpic img{float:left;margin:6px 15px 8px 0;}
.zevent .evr .album_bor{background: url(../images/album_show_bg.gif) 1px 1px no-repeat; padding:5px 8px 8px 5px}
.zevent .bormargin{ clear:both; border-bottom:1px dashed #ccc; padding:3px 0; margin-bottom:6px;}
.zevent .evr .commend{padding:0 24px 5px 24px; margin-top:6px; line-height:20px; word-wrap:break-word; background:url(../images/commend_bg_pic.gif) no-repeat 0 1px;}
/* Open Win */
.overlay{ opacity:.2;filter:alpha(opacity=20);position:fixed; background-color:#ffffff; background:#000;}
* html .overlay { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
.dialog{ position:fixed; background-color:#ffffff; padding:4px; border:1px solid #bbb;}
* html .dialog{ position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
.reclay{z-index:902; top:50%; left:50%; margin-top:-143px; margin-left:-13px;}
* html .reclay{margin-top:25px; _top:expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)*.45))!important}
.reclog{z-index:903; top:50%; left:50%; width:480px; margin-top:-130px; text-align:left;}
.rectitle{margin:10px 12px 0 12px; padding:7px;overflow:hidden; word-break:break-all; }
.rectitle .gui{display:block; text-align:left; padding-bottom:12px;}
.rectitle .cap{display:block; text-align:center;}
.rectitle .sum{line-height:1.6em; color:#666; margin:8px 8px 8px 30px; display:block; text-indent:-2.5em;}
.reccomment{ margin:0 8px 8px 15px; padding:5px;}
.reccomment .renam{vertical-align:top; color:#666;}
.reccomment .retext{width:380px; height:42px; margin-bottom:4px; line-height:1.6em;}
.reccomment .recsubmit{margin-top:10px; text-align:center;}
.reccomment label{ padding-bottom:5px; display:block;}
/* new win open */
table.pop_dialog_table{border-collapse:collapse; margin:auto; table-layout:fixed; position:fixed; z-index:999;}
* html table.pop_dialog_table{ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
td.pop_topleft,td.pop_topright,td.pop_bottomleft,td.pop_bottomright{height:12px; overflow:hidden; width:12px;}
td.pop_topleft{background-image:url(../images/pop_dialog_top_left.png)!important; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pop_dialog_top_left.png',sizingMethod='crop');}
td.pop_topright{background-image:url(../images/pop_dialog_top_right.png)!important; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pop_dialog_top_right.png',sizingMethod='crop');}
td.pop_bottomleft{background-image:url(../images/pop_dialog_bottom_left.png)!important; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pop_dialog_bottom_left.png',sizingMethod='crop');}
td.pop_bottomright{background-image:url(../images/pop_dialog_bottom_right.png)!important; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pop_dialog_bottom_right.png',sizingMethod='scale');}
td.pop_border{background-image:url(../images/pop_dialog_border.png)!important; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pop_dialog_border.png',sizingMethod='scale');}
td.pop_content{background-color:#fff; padding:0; text-align:left;}
/* login Win */
td.pop_content .wtitle{padding:15px 20px; word-break:break-all;}
td.pop_content .w_lod_form{ padding:0 25px 10px;}
td.pop_content .w_lod_form dl{clear:both;} 
td.pop_content .w_lod_form dt{ padding:5px; float:left; width:40px; text-align:right; font-size:14px; line-height:160%;} 
td.pop_content .w_lod_form dd{ padding:5px; float:left; line-height:20px; color:#666;}
td.pop_content .r_link{text-align:right; padding:0 15px 15px; clear:both;}
/* 导读 Win */
td.pop_content .w_dd_tit{vertical-align:top; font-size:14px; margin-right:3px;}
td.pop_content .w_dd_submit{margin:15px 0; text-align:center;}
/* zine bg show Win */
td.pop_content .w_zbg_bgpic{position:relative;}
td.pop_content .w_zbg_bgpic .text_color{ position:absolute; left:140px; top:120px; width:160px; line-height:21px; border:1px solid #666; padding:5px; }
td.pop_content .w_zbg_bgpic img{ width:426px; height:295px;}
td.pop_content .w_zbg_sum{color:#666; padding-bottom:8px;}
td.pop_content .w_zbg_intcol{padding:10px 0 0; line-height:21px;}
td.pop_content .w_zbg_intcol .displace{ float:left; margin-right:20px;}
td.pop_content .w_zbg_intcol .selcol{ float:left; margin-left:5px;}
td.pop_content .w_zbg_submit{ clear:both; padding:12px 0; text-align:center;}
/* zine bg select Win */
td.pop_content .w_bgitem{ padding:0 20px 5px;}
td.pop_content .w_bgitem label{width:100px; background:url(../images/pagebg_2.gif) no-repeat 0 3px; text-align:center; line-height:28px; cursor:pointer; float:left; margin:6px 6px 6px 0; color:#555;}
td.pop_content .w_bgitem label.selected{ background:url(../images/pagebg_1.gif) no-repeat 0 3px; color:#666;}
td.pop_content .w_bgclass{clear:both; color:#666; height:19px; background:#f6f6f6; padding:2px 5px; margin:-5px 20px 8px; border-top:1px solid #E7E7E3; border-bottom:1px solid #E7E7E3; _overflow:hidden;}
td.pop_content .w_bgclass a{ display:block; float:left; line-height:19px; padding:0 6px;}
td.pop_content .w_bgclass a.now{ background:#fff; color:#666; margin:0 3px; padding:1px 6px 1px; border:1px solid #E7E7E3; border-bottom:none;}
td.pop_content .pagebgpl{ margin:0 8px 8px 15px; padding:0 5px 5px; height:225px; overflow:auto;}
td.pop_content .pagebgpl .pdl{ float:left; overflow:hidden; width:136px;}
td.pop_content .pagebgpl .pdl dt{ height:83px; overflow:hidden;}
td.pop_content .pagebgpl .pdl dt img{width:120px;}
td.pop_content .pagebgpl .pdl dd{ margin-top:4px; height:28px; overflow:hidden; color:#666;}
td.pop_content .w_uplodpic{ clear:both; color:#666; background:#f6f6f6; padding:5px 10px; margin:0 20px; border:1px solid #E7E7E3;}
td.pop_content .w_recsubmit{ clear:both; margin:16px 12px; text-align:center;}
/* update list Win */
td.pop_content .updatelis{ margin:0 8px 8px 15px; padding:0 5px 5px; height:320px; overflow:auto;}
td.pop_content .updatelis .bo_res li{clear:both; margin:5px 0; }
td.pop_content .updatelis .bo_res_usepic{float:left; width:63px;}
td.pop_content .updatelis .bo_res_cont{float:left; width:280px;}
td.pop_content .updatelis .bo_res_useinfo{line-height:180%; color:#999; border-bottom:1px dashed #ccc;}
td.pop_content .updatelis .bo_res_art{ margin:5px 0 16px;line-height:160%;}
td.pop_content .updatelis .paginator{ font-size:12px;}
/* zine vote Win */
td.pop_content .voteintform{ padding:0 20px 0;}
td.pop_content .v_sum{line-height:21px; color:#666; display:block;}
td.pop_content .renam{vertical-align:top; color:#666;}
td.pop_content .voteintform label{ padding-bottom:5px; display:block;}
/* like Win */
.rectitle{margin:10px 12px 0 12px; padding:7px;overflow:hidden; word-break:break-all;}
.l_gui{display:block; text-align:left; padding-bottom:10px;}
.l_cap{display:block; text-align:center; font-size:14px;}
.l_sum{line-height:20px; color:#999; margin:8px 8px 0 30px; display:block; text-indent:-2.5em;}
.l_comment{ margin:0 8px 0 15px; padding:5px;}
/* bottom list */
.footer{ clear:both; text-align:center; margin:36px auto 0; padding:20px 0;}
.footer a{ margin:0 5px;}
.ollink{ text-align:left; width:700px; float:left; line-height:24px;}
.ollink span{ margin-right:8px; color:#999;}
.orlink{ text-align:left; width:170px; float:right;}
.orlink a{ display:block; float:left; line-height:26px; margin-right:10px; white-space:nowrap;}
.footer .alinks{margin:18px auto 0; line-height:28px;}
.footer .copyright{clear:both; color:#999;}
.footer .copyright a{color:#999;}