﻿
@import url("common.codes.css");
@import url("common.user.css");


/* ************************* */
body { padding:0px; font-size:12px; font-family:"Arial","Verdana","宋体"; }
table,input,textarea,select,button { font-size:12px; }


/* ************************* */
.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:#F8F8F8 url("../common/bg_table_tab.gif") 0px 0px repeat-x; color:#333333; font-weight:bold; }
table.tab tr.sub td { background:#F8F8F8 url("../common/bg_table_tab.gif") 0px -20px repeat-x; color:#888888; font-weight:bold; }
table.frm tr.bar td { background:#F8F8F8 url("../common/bg_table_frm.gif") 0px 0px repeat-x; color:#333333; font-weight:bold; }
table.frm tr.sub td { background:#F8F8F8 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 { clear:both; width:930px; }
div.FramerFloor { clear:both; width:930px; }
div.FramerFloor div.MainBody { width:715px; float:left; }
div.FramerFloor div.MainCenter { width:500px; float:left; }
div.FramerFloor div.SideLeft { width:210px; margin:0px 5px 0px 0px; float:left; }
div.FramerFloor div.SideRight { width:210px; margin:0px 0px 0px 5px; float:right; }


/* ********* FramerRound ********* */
div.FramerMain { clear:both; width:930px; border-left:4px solid #CCCCCC; border-right:4px solid #CCCCCC; padding:0px 3px 0px 3px; }
div.FramerBody { clear:both; width:930px; }

div.HeaderRound { width:944px; }
div.HeaderRound a.HeaderRound-left {float:left;width:11px;height:11px;font-size:11px;background:url("../frame/frame_round_header_left.gif") no-repeat;}
div.HeaderRound a.HeaderRound {float:left;height:11px;font-size:11px;width:922px;background:url("../frame/frame_round_header_center.gif") repeat-x;}
div.HeaderRound a.HeaderRound-right {float:left;width:11px;height:11px;font-size:11px;background:url("../frame/frame_round_header_right.gif") no-repeat;}

div.FooterRound { width:944px; padding-top:5px; }
div.FooterRound a.FooterRound-left {float:left;width:11px;height:11px;font-size:11px;background:url("../frame/frame_round_footer_left.gif") no-repeat;position:relative;top:-11px;}
div.FooterRound a.FooterRound {float:left;height:11px;font-size:11px;width:922px;background:url("../frame/frame_round_footer_center.gif") repeat-x;position:relative;top:-11px;}
div.FooterRound a.FooterRound-right{float:left;width:11px;height:11px;font-size:11px;background:url("../frame/frame_round_footer_right.gif") no-repeat;position:relative;top:-11px;}


/* ********* header ******** */
div.Header { width:944px; }
div.HeaderSpace { clear:both; margin:2px; padding:2px; }
div.HeaderFrame { clear:both; margin:0 auto; padding:0px 0px 0px 0px; }
div.HeaderLogo { float:left; width:265px; height:60px; text-align:center; padding:4px 0px 0px 0px; }
div.HeaderNav { float:left; width:679px; text-align:right; }
div.HeaderNav div.space { width:auto; margin:2px; padding:0px; }

div.HeaderTop { width:auto; margin:0px; padding:5px 0px 0px 0px; float:right; }
div.HeaderTop div.left { display:none; }
div.HeaderTop div.right { display:none; }
div.HeaderTop div.item { float:left; padding:0px 3px 0px 3px; }
div.HeaderTop a { float:left; color:#333333; text-decoration:none; padding:2px 8px 1px 10px; }
div.HeaderTop a.MenuLink { background:url("../common/menulinks.gif") no-repeat 0px 5px; padding:4px 8px 1px 10px; }
div.HeaderTop a:visited { color:#333333; text-decoration:none; }
div.HeaderTop a:hover { color:#DD2000; text-decoration:none; }
div.HeaderTop a:active { color:#DD2000; text-decoration:none; }

div.HeaderMenu { width:auto; margin:0px; padding:0px; float:right; }
div.HeaderMenu div.left { float:left; width:15px; height:41px; background:url("../frame/header_menu_left.gif") no-repeat; padding:0px; }
div.HeaderMenu div.right { float:left; width:15px; height:41px; background:url("../frame/header_menu_right.gif") no-repeat; padding:0px; }
div.HeaderMenu div.item { float:left; height:41px; line-height:41px; background:#c0c0c0 url("../frame/header_menu_bg.gif") repeat-x; padding:0px 0px 0px 0px; }
div.HeaderMenu a { float:left; color:#666666; font-size:14px; font-weight:bold; text-decoration:none; padding:0px 8px 0px 8px; }
div.HeaderMenu a:visited { color:#666666; text-decoration:none; }
div.HeaderMenu a:hover { background:url("../frame/header_menu_active.gif") repeat-x; color:#333333; text-decoration:none; }
div.HeaderMenu a:active { color:#333333; text-decoration:none; }


/* ********* footer ******** */
div.Footer { clear:both; width:930px;}
div.Footer div.FootFrame { width:936px; border-left:4px solid #CCCCCC; border-right:4px solid #CCCCCC;}
div.Footer div.FooterBar { background-color:#FFFFFF;border-top:1px solid #E8E3E9;border-bottom:1px solid #E8E3E9;Padding:5px;}
div.Footer div.FooterBar a.font { color:#ABACA6;border-left:1px solid #E8E3E9; padding:0 10px 0 15px; text-decoration:none;}
div.Footer div.FooterBar a { color:#ABACA6; padding:0 5px 0 15px; text-decoration:none;}
div.Footer div.FooterFrame { clear:both; height:120px; background:#F7F7F7;}
div.Footer div.FooterFrame div.FooterContent { text-align:left; background:url("../frame/footer_logo.gif") no-repeat 120px;padding:10px 0px 0px 0px;}
div.Footer div.FooterFrame div.FooterContent div.FooterList { background:url("../frame/footer_sign.gif") no-repeat top right;text-align:left;}
div.Footer div.FooterFrame div.FooterContent div.FooterList li { padding:5px 0px 0px 220px; }
div.Footer div.FooterFrame div.FooterContent div.FooterList a { font-size:12px; text-decoration:none; }
div.Footer div.FooterFrame div.FooterContent div.FooterList a.footerlink { color:#007C79; }

div.FooterInfo { 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; border:1px solid #E2DFDA; background:#FFFFFF; padding:3px; }
div.Block-Login div.BlockBar { background:#E7E7E7 url("../common/ico_lock.gif") no-repeat 5px 5px; text-align:left; color:#7E7E7E; font-size:12px; font-weight:bold; padding-left:25px; }
div.Block-Login div.BlockBody { clear:both; border:0px; color:#666666; background:#F8F8F8; text-align:center; line-height:260%; margin:0px; padding-top:10px; }
div.Block-Login div.BlockBody input.login { border:0px; height:auto; border:0px; background:none; vertical-align:middle; padding-top:5px; margin-right:5px; }
div.Block-Login div.BlockBody div a { color:#666666; text-decoration:none; }
div.Block-Login div.BlockBody div.pass5 { color:#959794; margin-top:-10px; }
div.Block-Login div.BlockBody div.links { float:left; color:#959794; padding-left:8px; }
div.Block-Login div.BlockBody div.input { float:left; color:#A7A5A8; font-size:12px; padding-left:13px; }
input.username { width:70px; height:20px; background:#FFFFFF ; }
input.password { width:70px; height:20px; background:#FFFFFF ;  }
input.login-text { border:1px solid #BBBBBB; background:#E8F5FD url("../common/bg_button.gif") repeat-x; height:23px; padding:2px 2px 1px 2px; }


/* ********* star ********* */
div.Block-star {  text-align:left; padding:5px 5px 2px 5px; }
div.BlockBar-stat { text-align:left; font-weight:bold; background:#E7F1F3; padding:8px 8px 2px 8px; }
div.BlockBar-stat span.title { font-size:12px; color:#ED7E03; font-weight:bold; border-right:1px solid #616161; padding-right:8px; }
div.BlockBar-stat span.sub { color:#C6C6C4; font-weight:bold; text-decoration:underline; margin:0px 0px 0px 5px; font-size:10px; }
div.BlockBar-stat img.ico-title { margin:0px 4px 0px 4px; }
div.BlockBar-stat span.more { margin:5px 5px 0 0; }

div.BlockList-stat {  text-align:left; color:#666666; padding:5px 5px 2px 5px; }
div.BlockList-stat li { padding:6px 0px 4px 0px;}
div.BlockList-stat li a { color:#666666; }
div.BlockList-stat li a:hover{ color:#666666; }
div.BlockList-stat li a:visited{ color:#666666; }



div.Block-Relate { clear:both; border:1px solid #E3DED8; background:#F8F8F8; }
div.Block-Relate div.BlockBar { clear:both; background:#F8F8F8; }
div.Block-Relate div.BlockBar { text-align:left; font-weight:bold; background:#F8F8F8; padding:8px 8px 2px 8px; }
div.Block-Relate div.BlockBar span.title { font-size:12px; color:#ED7E03; font-weight:bold; border-right:1px solid #616161; padding-right:8px; }
div.Block-Relate div.BlockBar span.sub { color:#C6C6C4; font-weight:bold; text-decoration:underline; margin:0px 0px 0px 5px; font-size:10px; }
div.Block-Relate div.BlockBar img.ico-title { margin:0px 4px 0px 4px; }
div.Block-Relate div.BlockBar img.more {margin:5px 5px 0 0;}
div.Block-Relate div.BlockBar a.more { font-weight:normal; font-size:12px; }
