﻿
@import url("common.channel.css");
@import url("common.datalist.css");
@import url("common.postform.css");
@import url("common.search.css");
@import url("common.comment.css");
@import url("common.codes.css");
@import url("common.user.css");


/* ************************* */
body { padding:0px; background:#727272; font-size:12px; font-family:"Arial","Verdana","宋体"; }
table,input,textarea,select,button { font-size:12px; }

.bg { background:#FFFFFF; }


/* ************************* */
.ClewSign { background:url("../common/ico_clew_sign.gif") no-repeat 7px 5px; }
.ClewTrue { background:url("../common/ico_clew_true.gif") no-repeat 3px 2px; }
.ClewFalse { background:url("../common/ico_clew_false.gif") no-repeat 3px 2px; }
.ClewYes { background:url("../common/ico_clew_yes.gif") no-repeat 4px 5px; }
.ClewNo { background:url("../common/ico_clew_no.gif") no-repeat 5px 5px; }
.ClewOptional { background:url("../common/ico_clew_optional.gif") no-repeat 4px 2px; }
.ClewIgnorer { background:url("../common/ico_clew_ignorer.gif") no-repeat 4px 2px; }

/* ************************* */
input.btn { background:#E8F5FD url("../common/bg_button.gif") repeat-x; }
button { background:#E8F5FD url("../common/bg_button.gif") repeat-x; }
input.sea-btn { background:#E8F5FD url("../common/bg_button.gif") 0px 0px repeat-x; }

/* ************************* */
table.tab tr.bar td { background:#E9F5FF url("../common/bg_table_tab.gif") 0px 0px repeat-x; color:#333333; font-weight:bold; }
table.tab tr.sub td { background:#E9F5FF url("../common/bg_table_tab.gif") 0px -20px repeat-x; color:#888888; font-weight:bold; }
table.frm tr.bar td { background:#E9F5FF url("../common/bg_table_frm.gif") 0px 0px repeat-x; color:#333333; font-weight:bold; }
table.frm tr.sub td { background:#E9F5FF url("../common/bg_table_frm.gif") 0px -20px repeat-x; color:#888888; font-weight:bold; }
table.list tr.bar td { background:#F4F4EA url("../common/bg_table_list.gif") repeat-x; color:#333333; font-weight:bold; }
table.list tr.sub td { background:#F4F4EA url("../common/bg_table_list.gif") repeat-x; color:#888888; font-weight:bold; }


/* ************************* */
/* ********** Page ********* */
/* ************************* */
div.Framer { width:776px; background:#FFFFFF; margin:0px; padding:0px; }
div.FramerFloor { clear:both; width:760px; }
div.FramerFloor div.MainBody { width:536px; float:left; }
div.FramerFloor div.MainCenter { width:312px; float:left; }
div.FramerFloor div.SideLeft { width:216px; margin:0px 8px 0px 0px; float:left; }
div.FramerFloor div.SideRight { width:216px; margin:0px 0px 0px 8px; float:right; }


/* ********* header ******** */
div.Header { width:760px; background:#E9F1F8; }
div.HeaderSpace { clear:both; margin:2px; padding:2px; }
div.HeaderFrame { clear:both; margin:0 auto; padding:0px 0px 0px 0px; }
div.HeaderNav { clear:both; text-align:right; margin:0px; padding:3px 5px 1px 0px; }
div.HeaderNav ul { }
div.HeaderNav li { display:inline; color:#888888; }
div.HeaderNav a { color:#888888; text-decoration:none; border:1px solid #FFFFFF; background:#E9F1F8; padding:3px 3px 1px 3px; }
div.HeaderNav a:visited { color:#888888; text-decoration:none; }
div.HeaderNav a:hover { color:#333333; border:1px solid #A3BFE8; background:#FFFFFF; text-decoration:none; }
div.HeaderNav a:active { color:#333333; text-decoration:none; }

div.HeaderInfo { clear:both; text-align:left; padding:0px 8px 5px 8px; }
div.HeaderInfo div.name { font-weight:bold; font-size:16px; padding-bottom:5px; }
div.HeaderInfo div.summary { color:#666666; }

div.HeaderMenu { clear:both; text-align:left; margin:0px; padding:5px 8px 3px 8px; }
div.HeaderMenu ul { }
div.HeaderMenu li { display:inline; padding:0px 3px 0px 3px; }
div.HeaderMenu a { color:#FFFFFF; text-decoration:none; font-size:14px; font-weight:bold; border:1px solid #FFFFFF; background:#A3BFE8; padding:5px 8px 3px 8px; }
div.HeaderMenu a:visited { color:#FFFFFF; text-decoration:none; }
div.HeaderMenu a:hover { color:#DD2000; border:1px solid #A3BFE8; background:#FFFFFF; text-decoration:none; }
div.HeaderMenu a:active { color:#DD2000; text-decoration:none; }
div.HeaderMenu a.current { color:#DD2000; border:1px solid #A3BFE8; background:#FFFFFF; }
div.HeaderMenu a.current:visited { color:#DD2000; }
div.HeaderMenu a.current:hover { color:#DD2000; border:1px solid #A3BFE8; background:#FFFFFF; text-decoration:underline; }
div.HeaderMenu a.current:active { color:#DD2000; text-decoration:underline; }


/* ********* footer ******** */
div.Footer { width:760px; clear:both; border:1px solid #EDEDED; background:#F7F7F7; padding:0px 0px 0px 0px; }
div.FooterSpace { clear:both; margin:2px; padding:2px; }
div.FooterFrame { clear:both; margin:0; padding:0px 0px 0px 0px; }

div.FooterMenu { clear:both; border:1px solid #EDEDED; background:#FFFFFF; font-size:12px; padding:0px 10px 0px 10px; }
div.FooterMenu ul { }
div.FooterMenu li { display:inline; padding:5px; }
div.FooterMenu a { text-decoration:none; }
div.FooterMenu a:link { text-decoration:none; }
div.FooterMenu a:visited { text-decoration:none; }
div.FooterMenu a:hover {  }
div.FooterMenu a:active {  }
div.FooterMenuLeft { display:none; }
div.FooterMenuBody { padding:10px 0px 0px 0px; }
div.FooterMenuRight { display:none; }

div.FooterInfo { clear:both; color:#000000; padding:5px; }
div.FooterInfo p { color:#000000; padding:2px; }


/* ********** base ********* */
div.MenuBar { clear:both; text-align:left; padding:5px 0px 5px 0px; }
div.MenuBar ul { clear:both; }
div.MenuBar li { display:inline; background:url("../common/ico_menubar.gif") 2px 2px no-repeat; padding:0px 5px 0px 16px; }

div.MenuPic { clear:both; text-align:center; padding:5px 0px 5px 0px; }
div.MenuPic ul { clear:both; }
div.MenuPic li { display:inline; background:none; padding:0px 4px 0px 4px; }

div.MenuLinks { clear:both; padding:5px 0px 5px 0px; }
div.MenuLinks ul { clear:both; }
div.MenuLinks li { background:url("../common/ico_menulinks.gif") 2px 6px no-repeat; padding:3px 5px 3px 16px; }


/* ********* login ********* */
div.Block-Login { clear:both; height:200px; border:1px solid #A3BFE8; background:#E9F1F8; }
div.Block-Login div.BlockBar { background:url("../common/ico_logo.gif") no-repeat 7px 9px; text-align:left; color:#29458C; font-weight:bold; padding:10px 8px 4px 26px; }
div.Block-Login div.BlockBody { clear:both; height:147px; border:1px solid #D8E4EF; background:#FFFFFF; text-align:center; line-height:200%; margin:3px; padding:7px; }
div.Block-Login div.BlockBody div { padding:2px 0px 2px 0px; }
input.username { width:100px; background:#FFFFFF url("../account/ico_username.gif") 2px 2px no-repeat; padding-left:18px; }
input.password { width:100px; background:#FFFFFF url("../account/ico_password.gif") 2px 2px no-repeat; padding-left:18px; }
input.login-text { border:1px solid #BBBBBB; background:#E8F5FD url("../common/bg_button.gif") repeat-x; height:23px; padding:2px 2px 1px 2px; }




div.Block { clear:both; border:1px solid #A3BFE8; background:#E9F1F8; }
div.BlockBar { text-align:left; font-weight:bold; padding:10px 8px 2px 8px; }
div.BlockBar a.more { font-weight:normal; font-size:12px; }
div.BlockBody { clear:both; text-align:left; border:1px solid #EDEDED; background:#FFFFFF; margin:3px; padding:0px; }
div.BlockContent { clear:both; text-align:left; border:1px solid #EDEDED; background:#FFFFFF; margin:3px; padding:5px; }
div.BlockContent div.pagings { clear:both; }
div.BlockList { clear:both; text-align:left; border:1px solid #EDEDED; background:#FFFFFF; margin:3px; padding:3px 5px 3px 5px; }
div.BlockList li { padding:3px 0px 3px 0px; }
div.BlockList li span.class { color:#888888; padding-right:5px; }
div.BlockList li span.class a { text-decoration:underline; }
div.BlockList li span.class a:visited { text-decoration:underline; }
div.BlockList li span.class a:hover { text-decoration:underline; }
div.BlockList li span.class a:active { text-decoration:underline; }
div.BlockList li a.topic { font-size:12px; }
div.BlockList li a.user { background:url("ico_user.gif") no-repeat 0px 2px; padding-left:18px; }
div.BlockList li a.time { color:#888888; font-size:11px; text-decoration:none; }
div.BlockList li div.summary { color:#888888; font-size:12px; padding:5px 0px 0px 5px; }
div.BlockList div.paging { clear:both; padding-top:10px; }

div.BlockList ul.pic { clear:both; }
div.BlockList ul.pic li { float:left; width:33%; text-align:center; }
div.BlockList ul.pic li div.topic { padding:5px 0px 0px 0px; }

div.BlockList ul.ask-question { clear:both; }
div.BlockList ul.ask-question li { border-bottom:1px dashed #EDEDED; padding:6px 0px 4px 0px; }
div.BlockList ul.ask-question li a.status { padding-right:5px; }
div.BlockList ul.ask-question li span.class { padding-right:5px; }
div.BlockList ul.ask-question li span.class a { color:#00007F; text-decoration:underline; }
div.BlockList ul.ask-question li span.class a:visited { color:#00007F; text-decoration:underline; }
div.BlockList ul.ask-question li span.class a:hover { color:#d20000; text-decoration:underline; }
div.BlockList ul.ask-question li span.class a:active { color:#d20000; text-decoration:underline; }
div.BlockList ul.ask-question li a.topic { color:#3333CC; }
div.BlockList ul.ask-question li a.topic:visited { color:#3333CC; }
div.BlockList ul.ask-question li a.topic:hover { color:#d20000; }
div.BlockList ul.ask-question li a.topic:active { color:#d20000; }
div.BlockList ul.ask-question li a.user { background:url("ico_user.gif") no-repeat 0px 2px; float:right; }
div.BlockList ul.ask-question li a.time { text-decoration:none;  float:right;}
div.BlockList ul.ask-question li a.money { color:#000000; font-weight:normal; text-decoration:none; width:30px; text-align:right; float:right; }


div.Block-View { clear:both; border:1px solid #A3BFE8; background:#E9F1F8; }
div.Block-View div.BlockContent {  }
div.Block-View div.BlockContent div.topic { font-weight:bold; font-size:14px; padding:0px 0px 5px 0px; }
div.Block-View div.BlockContent div.pageurl { font-weight:bold; font-size:14px; color:#A3BFE8; padding:0px 0px 5px 0px; }
div.Block-View div.BlockContent div.pageurl a { color:#0066ff; }
div.Block-View div.BlockContent div.pageurl a:visited { color:#0066ff; }
div.Block-View div.BlockContent div.pageurl a:hover { color:#00d200; }
div.Block-View div.BlockContent div.pageurl a:active { color:#00d200; }
div.Block-View div.BlockContent span.tim { color:#888888; }
div.Block-View div.BlockContent span.from { color:#888888; }
div.Block-View div.BlockInfo { clear:both; text-align:center; border:1px solid #EDEDED; background:#FFFFFF; margin:3px; padding:5px 5px 3px 5px; }
div.Block-View div.BlockRemark { clear:both; text-align:left; border:1px solid #EDEDED; background:#FFFFFF; font-size:14px; line-height:160%; margin:3px; padding:5px 5px 3px 5px; }
div.Block-View div.BlockPic { clear:both; text-align:left; border:1px solid #EDEDED; background:#FFFFFF; font-size:14px; line-height:160%; margin:3px; padding:5px 5px 3px 5px; }
div.Block-View div.BlockPic table.tab-pic { }
div.Block-View div.BlockPic table.tab-pic td.row-img { text-align:center; }
div.Block-View div.BlockPic table.tab-pic td.row-info { text-align:center; }
div.Block-View div.BlockPic table.tab-pic td.row-body { text-align:center; }
div.Block-View div.BlockPic .img { border:1px solid #CCCCCC; padding:3px; }
div.Block-View div.BlockPic .topic { font-size:14px; font-weight:bold; text-align:center; }
div.Block-View div.BlockPic .explain { width:80%; color:#808080; }
div.Block-View div.BlockPic .thumb { margin:2px; }
div.Block-View div.BlockPic .thumb img { border:1px solid #CCCCCC; padding:2px; }


/* ********* pic4 ******** */
ul.pic4 { clear:both; }
ul.pic4 li { float:left; width:24%; min-height:68px; text-align:center; margin:3px 0px 3px 0px; }
ul.pic4 li div.pictrue { min-height:90px; }
ul.pic4 li div.pictrue img { width:90px; max-width:90px; max-height:68px; }
ul.pic4 li div.topic { padding:5px 0px 0px 0px; }

/* ********* pic2 ******** */
ul.pic2 { clear:both; }
ul.pic2 li { float:left; width:50%; text-align:center; margin:3px 0px 3px 0px; }
ul.pic2 li div.pictrue { min-height:90px; }
ul.pic2 li div.pictrue img { width:80%; max-width:120px; max-height:90px; }
ul.pic2 li div.topic { padding:5px 0px 0px 0px; }


