@CHARSET "UTF-8";
@import url("/common/script/resource/common.channel.css");
@import url("/common/script/resource/common.box.css");
@import url("/common/script/resource/common.datalist.css");
@import url("/common/script/resource/common.postform.css");
@import url("/common/script/resource/common.codes.css");
@import url("/common/script/resource/common.user.css");
@import url("/common/script/resource/common.paging.css");
@import url("/common/script/resource/common.menu.css");


body { padding:0px; font-size:12px; font-family:"Arial","Verdana","宋体"; }


/* ######################### */
/* ##### user-defined ###### */
/* ######################### */
input.ClewSign { background:url("../common/ico_clew_sign.gif") no-repeat 7px 5px; }
input.ClewTrue { background:url("../common/ico_clew_true.gif") no-repeat 3px 2px; }
input.ClewFalse { background:url("../common/ico_clew_false.gif") no-repeat 3px 2px; }
input.ClewYes { background:url("../common/ico_clew_yes.gif") no-repeat 4px 5px; }
input.ClewNo { background:url("../common/ico_clew_no.gif") no-repeat 5px 5px; }
input.ClewOptional { background:url("../common/ico_clew_optional.gif") no-repeat 4px 2px; }
input.ClewIgnorer { background:url("../common/ico_clew_ignorer.gif") no-repeat 4px 2px; }

input.btn { background-image:url("../common/bg_button.gif"); }
input.push { background-image:url("../common/bg_push.gif"); }
button { background-image:url("../common/bg_button.gif"); }

table.tab tr.bar td { background-image:url("../common/bg_table_tab.gif"); }
table.tab tr.sub td { background-image:url("../common/bg_table_tab.gif"); background-position:0px -20px; }
table.frm tr.bar td { background-image:url("../common/bg_table_frm.gif"); }
table.frm tr.sub td { background-image:url("../common/bg_table_frm.gif"); background-position:0px -20px; }
table.list tr.bar td { background-image:url("../common/bg_table_list.gif"); }
table.list tr.sub td { background-image:url("../common/bg_table_list.gif"); background-position:0px -20px; }

div.DataListBar { background-image:url("../common/datas_bar_line.gif"); }
div.DatasListBar { background-image:url("../common/datas_bar_line.gif"); }

div.Menu li { background-image:url("../common/ico_menu.gif"); } 
div.MenuSide li { background-image:url("../common/ico_list.gif"); } 

div.MenuTab a { background-image:url("../common/menu_tab_left.gif"); }
div.MenuTab a span { background-image:url("../common/menu_tab_right.gif"); }
div.MenuTab li.pop a { background-image:url("../common/menu_tab_left.gif"); }
div.MenuTab li.pop a span { background-image:url("../common/menu_tab_right.gif"); } 

div.Block-Login div.BlockBar { background-image:url("../common/ico_logo.gif"); }
input.username { background-image:url("../account/ico_username.gif"); }
input.password { background-image:url("../account/ico_password.gif"); }
input.login-text { background-image:url("../common/bg_button.gif"); }

div.Block-Class div.layer-bar { background-image:url("../common/ico_class_bar.gif"); }
div.Block-Class div.layer-item { background-image:url("../common/ico_class_item.gif"); }
div.Block-Class div.line-item { background-image:url("../common/ico_class_item.gif"); }

div.BoxMessage div.ico-succeed { background-image:url("../common/box/ico_message_succeed.gif"); }
div.BoxMessage div.ico-fail { background-image:url("../common/box/ico_message_fail.gif"); }
div.BoxMessage div.ico-error { background-image:url("../common/box/ico_message_error.gif"); }
/* ######################### */


/* ************************* */
/* ********** Page ********* */
/* ************************* */
div.Framer { clear:both; width:778px; }
div.FramerFloor { clear:both; width:778px; }
div.FramerFloor div.MainBody { width:554px; float:left; }
div.FramerFloor div.MainCenter { width:330px; 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; }

div.FramerFloor div.MainMenu { width:160px; margin:0px 15px 0px 0px; float:left; }
div.FramerFloor div.MainContent { width:603px; float:left; }


/* ******* SideMenu ******** */
div.SideMenu { height:500px; background:url("../frame/menu_bg.gif") repeat-x; }
div.SideMenuFrame { height:500px; background:url("../frame/ico_menu_rightline.gif") top right no-repeat; }
div.SideMenuBody {  }
div.SideMenuBar { height:25px; line-height:25px; text-align:left; background:url("../frame/menu_bg_bar.gif") top left no-repeat; }
div.SideMenuBar a { display:block; color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; padding-left:20px; }
div.SideMenuBar a:visited { color:#FFFFFF; text-decoration:none; }
div.SideMenuBar a:hover { color:#FFFFFF; text-decoration:underline; }
div.SideMenuBar a:active { color:#FFFFFF; text-decoration:underline; }
div.SideMenuContent {  }
div.SideMenuContent ul {  }
div.SideMenuContent ul li { text-align:left; }
div.SideMenuContent ul li a { display:block; height:25px; line-height:25px; color:#FFFFFF; background:url("../frame/menu_bg_item.gif") top left no-repeat; font-size:12px; font-weight:bold; text-decoration:none; padding-left:20px; }
div.SideMenuContent ul li a:visited { color:#FFFFFF; text-decoration:none; }
div.SideMenuContent ul li a:hover { color:#FFFFFF; text-decoration:none; background:url("../frame/menu_bg_items.gif") top left no-repeat; }
div.SideMenuContent ul li a:active { color:#FFFFFF; text-decoration:none; }
div.SideMenuContent ul li.pop a { color:#FFFFFF; text-decoration:none; background:url("../frame/menu_bg_items.gif") top left no-repeat; }
div.SideMenuContent ul li.sub a { display:block; height:25px; line-height:25px; color:#333333; background:url("../frame/menu_bg_subitem.gif") top left no-repeat; font-size:12px; font-weight:bold; text-decoration:none; padding-left:30px; }
div.SideMenuContent ul li.sub a:visited { color:#333333; text-decoration:none; }
div.SideMenuContent ul li.sub a:hover { color:#333333; text-decoration:underline; background:url("../frame/menu_bg_subitems.gif") top left no-repeat; }
div.SideMenuContent ul li.sub a:active { color:#333333; text-decoration:underline; }
div.SideMenuContent ul li.subpop a { color:#333333; text-decoration:underline; background:url("../frame/menu_bg_subitems.gif") top left no-repeat; padding-left:30px; }


/* ********* header ******** */
div.Header { width:100%; }
div.HeaderSpace { clear:both; margin:2px; padding:2px; }
div.HeaderFrame { clear:both; height:105px; background:url("../frame/header_bg.gif"); margin:0 auto; padding:0px 0px 0px 0px; }
div.HeaderFrameBody { clear:both; width:778px; }

div.HeaderTopSpace { height:15px; }

div.HeaderSubMenu { height:20px; line-height:20px; margin:0px; padding:0px; }
div.HeaderSubMenu ul { }
div.HeaderSubMenu li { display:inline; }
div.HeaderSubMenu li.space { padding:0px 10px 0px 10px; }
div.HeaderSubMenu li a { color:#6D6F71; text-decoration:none; padding:0px 2px 0px 2px; }
div.HeaderSubMenu li a:visited { color:#6D6F71; }
div.HeaderSubMenu li a:hover { color:#D7181F; }
div.HeaderSubMenu li a:active { color:#D7181F; }

div.HeaderLogo { float:left; text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

div.HeaderNav { clear:both; height:60px; background:url(../frame/header_menu_left.gif) no-repeat top left; padding:0px 0px 0px 6px; }
div.HeaderNav div.space { width:auto; margin:2px; padding:2px; }
div.HeaderNavBody { background:url(../frame/header_menu_right.gif) no-repeat top right; padding:0px 6px 0px 0px; }

div.HeaderMenu { height:60px; line-height:60px; background:url(../frame/header_menu_bg.gif) repeat-x; margin:0px; padding:0px; }
div.HeaderMenuLogo { float:left; padding:14px 15px 0px 8px; }
div.HeaderMenu ul { padding:0px 10px 0px 10px; }
div.HeaderMenu li { display:inline; font-size:14px; font-weight:bold; }
div.HeaderMenu li a { display:block; float:left; color:#FFFFFF; font-size:14px; text-decoration:none; padding:0px 12px 0px 12px; }
div.HeaderMenu li a:visited { color:#FFFFFF; }
div.HeaderMenu li a:hover { color:#FFFFFF; background:url(../frame/header_menu_bgs.gif) repeat-x; }
div.HeaderMenu li a:active { color:#FFFFFF; }
div.HeaderMenu li a.pop { color:#FFFFFF; background:url(../frame/header_menu_bgs.gif) repeat-x; }


/* ********* footer ******** */
div.Footer { width:100%; clear:both; border-top:1px solid #EDEDED; background:#F7F7F7; padding:0px 0px 0px 0px; }
div.FooterFrame { clear:both; width:778px; margin:0; padding:0px 0px 0px 0px; }

div.FooterAds { width:100%; text-align:center; padding:5px 0px 5px 0px; }

div.FooterMenu { height:30px; background:url(../frame/footer_menu_left.gif) no-repeat top left; padding:0px 0px 0px 4px; }
div.FooterMenuFrame { background:url(../frame/footer_menu_right.gif) no-repeat top right; padding:0px 4px 0px 0px; }
div.FooterMenuBody { line-height:30px; background:url(../frame/footer_menu_bg.gif) repeat-x; text-align:left; padding:0px 5px 0px 5px; }
div.FooterMenuBody ul { }
div.FooterMenuBody li { display:inline; padding:0px 4px 0px 4px; }
div.FooterMenuBody a { color:#FFFFFF; text-decoration:none; }
div.FooterMenuBody a:link { color:#FFFFFF; text-decoration:none; }
div.FooterMenuBody a:visited { color:#FFFFFF; text-decoration:none; }
div.FooterMenuBody a:hover { color:#FFFFFF; text-decoration:underline; }
div.FooterMenuBody a:active { color:#FFFFFF; text-decoration:underline; }

div.FooterInfo { clear:both; color:#000000; padding:15px 2px 15px 2px; }
div.FooterInfoBody { float:left; }
div.FooterInfoBody p { color:#6D6F71; padding:2px; }
div.FooterInfoBody a { color:#6D6F71; }
div.Power-by-Joekoe { float:right; }