@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.comment.css");
@import url("/common/script/resource/common.paging.css");
@import url("/common/script/resource/common.menu.css");
@import url("common.channel.css");
@import url("common.user.css");
@import url("common.oblock.css");


body {
	padding: 0px;
	font-size: 12px;
	font-family: "Verdana","Arial","宋体","Tahoma","sans-serif";
	background-color: #ffffff;
}

/* ******** aLinks ********* */
a,a:link,a:visited { text-decoration:none; }
a:hover,a:active { text-decoration:underline; }

input { border:1px solid #BBBBBB; height:21px; line-height:21px; }
textarea { border:1px solid #BBBBBB; }
select { border:1px solid #BBBBBB; }


/* ######################### */
/* ##### 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.MenuBar li { background-image:url("common/ico_menubar.gif"); } 
div.MenuSide li { background-image:url("common/ico_menuside.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.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"); }
/* ######################### */


table.form { border:0px; }
table.form td.caption { font-weight:bold; text-align:right; padding:3px 5px 0px 0px; }
table.form td.content { color:#808080; text-align:left; }


/* ********** user ********* */
div.userloginindex {width:306px; border:1px solid #C6C3BD; padding:3px; background:#ffffff;}
div.UserLoginBox { width:318px; border:1px solid #C6C3BD; }
div.UserLoginBox div.BoxBar { background:#EFEFDE; color:#888888; font-weight:bold; line-height:normal; padding:6px 6px 4px 8px; }
div.UserLoginBox div.BoxLine { height:1px; background:#C6C3BD; }
div.UserLoginBox div.BoxContent { padding:8px 8px 8px 6px; }
div.UserLoginBox div.BoxForm { clear:both; }
div.UserLoginBox div.formItem { clear:both; padding:4px 0px 4px 0px; }
div.UserLoginBox div.itemCaption { float:left; width:100px; font-weight:bold; text-align:right; padding:4px 5px 0px 0px; }
div.UserLoginBox div.itemContent { margin-left:100px; }


/* ************************* */
/* ********** Page ********* */
/* ************************* */
div.Framer { clear:both; width:887px; }
div.FramerFloor { clear:both; width:887px; background:#ffffff; }
div.FramerFloor div.MainBody { float:left; width:660px; }
div.FramerFloor div.MainCenter { float:left; width:502px; }
div.FramerFloor div.MainCenteryewu { float:left; width:660px; }
div.FramerFloor div.MainCentershop { float:right; width:660px; }
div.FramerFloor div.MainCenteryewu1 { float:left; width:314px; margin:0px 8px 0px 0px;  }
div.FramerFloor div.SideLeft { float:left; width:216px; margin:0px 8px 0px 0px; }
div.FramerFloor div.SideRight { float:right; width:216px; margin:0px 0px 0px 8px; }
div.FramerFloor div.SideRight1 {  float:right; width:622px; }

div.FramerFloor div.MainMenu { float:left; width:216px; margin:0px 8px 0px 0px; }
div.FramerFloor div.MainContent { float:left; width:734px; }
div.FramerFloor div.MainFrame {  }
div.flashbox {width:61px;border:4px solid #C6C3BD;background:#ffffff; padding:3px 0px 3px 0px;  }


/* ******* SideMenu ******** */
div.SideMenu { height:400px; background:url("frame/menu_bg.gif") repeat-x; }
div.SideMenuFrame { height:400px; 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:#333333; 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:#333333; text-decoration:none; }
div.SideMenuContent ul li a:hover { color:#333333; text-decoration:none; background:url("frame/menu_bg_items.gif") top left no-repeat; }
div.SideMenuContent ul li a:active { color:#333333; text-decoration:none; }
div.SideMenuContent ul li.pop a { color:#333333; text-decoration:none; background:url("frame/menu_bg_items.gif") top left no-repeat; }


/* ********* header ******** */
div.Header { width:100%; background-image:none; }
div.HeaderSpace { clear:both; margin:2px; padding:2px; }
div.HeaderTopSpace { height:12px; }

div.HeaderFrame { clear:both; height:59px; margin:0 auto; padding:0px 0px 0px 0px; }
div.HeaderFrameBody { clear:both; width:990px; }

div.HeaderLogo { float:left; text-align:center; margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; }
div.HeaderLogo div.HeaderLogoBody { width:200px; height:49px; margin:10px 0px 0px 0px; }

div.HeaderSubMenu { float:right; height:19px; line-height:19px; margin:22px 5px 0px 0px; padding:0px; }
div.HeaderSubMenu ul { }
div.HeaderSubMenu li { display:inline; }
div.HeaderSubMenu li span { }
div.HeaderSubMenu li.space { padding:0px 10px 0px 10px; }
div.HeaderSubMenu li a { float:left; display:block; color:#888888; text-decoration:none; padding:2px 5px 0px 5px; }
div.HeaderSubMenu li a:visited { color:#6D6F71; }
div.HeaderSubMenu li a:hover { color:#D7181F; background-color:#EDEDED; }
div.HeaderSubMenu li a:active { color:#D7181F; }

div.HeaderMenu { clear:both; }
div.HeaderMenu div.partFrame {  }
div.HeaderMenu div.partBody { float:left; }
div.HeaderMenu div.partInfo { float:right; }
div.HeaderMenu ul { list-style:none; margin:0px 0px 0px 15px; padding:0px 0px 0px 0px; }
div.HeaderMenu li { display:inline; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
div.HeaderMenu li span { font-size:14px; font-weight:bold; }
div.HeaderMenu a { color:#FFFFFF; text-decoration:none; font-size:14px; font-weight:bold; }
div.HeaderMenu a:visited { color:#ffffff; text-decoration:none; }
div.HeaderMenu a:hover { color:#FF0000; text-decoration:none; }
div.HeaderMenu a:active { color:#FF0000; text-decoration:none; }
div.HeaderMenu li.pop {  }
div.HeaderMenu li.pop a { float:left; color:#FFFFFF; text-decoration:none; background:url("frame/header_menu_left.gif") no-repeat left top; background-position:0% -70px; margin:0px 5px 0px 0px; padding:0 0 0 5px; }
div.HeaderMenu li.pop a span { float:left; display:block; background:url("frame/header_menu_right.gif") no-repeat right top;; background-position:100% -70px; padding:8px 20px 6px 15px; } 
div.HeaderMenu li.pop a span { float:none; }			/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.HeaderMenu li.pop a:visited { text-decoration:none; }
div.HeaderMenu li.pop a:hover { color:#FFFFFF; background-position:0% -105px; }
div.HeaderMenu li.pop a:hover span { background-position:100% -105px; }
div.HeaderMenu li.pop a:active { text-decoration:none; }

div.HeaderBox { clear:both; width:950px; }
div.HeaderBoxFrame { clear:both; }
div.HeaderBoxHeader { clear:both; height:4px; background:url("frame/block_box1_frame.gif") no-repeat left top; background-position:0% 0%; }
div.HeaderBoxHeader div.partInner { height:4px; background:url("frame/block_box1_frame.gif") no-repeat right top; background-position:100% -8px; }
div.HeaderBoxHeader div.partBody { height:4px; background:url("frame/block_box1_frame.gif") repeat-x left top; background-position:0% -4px; margin:0px 4px 0px 4px; }
div.HeaderBoxFooter { clear:both; height:4px; background:url("frame/block_box1_frame.gif") no-repeat left bottom; background-position:0% -12px; }
div.HeaderBoxFooter div.partInner { height:4px; background:url("frame/block_box1_frame.gif") no-repeat right bottom; background-position:100% -20px; }
div.HeaderBoxFooter div.partBody { height:4px; background:#EDEDED url("frame/block_box1_frame.gif") repeat-x left bottom; background-position:0% -16px; margin:0px 4px 0px 4px; }
div.HeaderBoxBody { clear:both; background:url("frame/block_box1_body.gif") repeat-y left top; background-position:0% 0%; }
div.HeaderBoxBody div.partInner { background:url("frame/block_box1_body.gif") repeat-y right top; background-position:100% 0%; }
div.HeaderBoxBody div.partBody { background:#EDEDED url("frame/block_box1_bg.gif") repeat; margin:0px 4px 0px 4px; padding:8px 8px 6px 8px; }

div.Header-BoxMenu {  }
div.Header-BoxMenu ul {  }
div.Header-BoxMenu li { display:inline; }
div.Header-BoxMenu li a { color:#2F4571; font-size:14px; font-weight:bold; text-decoration:none; padding:5px 5px 5px 5px; }
div.Header-BoxMenu li a:visited { color:#2F4571; text-decoration:none; }
div.Header-BoxMenu li a:hover { color:#FFFFFF; background-color:#2F4571; text-decoration:none; }
div.Header-BoxMenu li a:active { color:#FFFFFF; text-decoration:none; }


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

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

div.FooterMenu { padding:0px 0px 0px 0px; }
div.FooterMenu div.partFrame { padding:0px 0px 0px 0px; }
div.FooterMenu div.partBody { height:30px; border:1px solid #EDEDED; background:#FFFFFF; padding:0px 5px 0px 5px; }
div.FooterMenu div.top { float:right; padding-top:8px; }
div.FooterMenu ul { float:left; padding:0px 0px 0px 5px; }
div.FooterMenu li { display:inline; }
div.FooterMenu li a { float:left; display:block; line-height:30px; color:#666666; text-decoration:none; background-color:#FFFFFF; padding:0px 6px 0px 6px; }
div.FooterMenu li a:visited { color:#666666; }
div.FooterMenu li a:hover { color:#000000; background-color:#CCCC99; }
div.FooterMenu li a:active { color:#000000; }

div.FooterInfo { clear:both; color:#000000; padding:15px 0px 15px 10px; }
div.FooterInfo div.partBody {  }
div.FooterInfo p { color:#000000; padding:2px; }
div.FooterInfo a { color:#000000; }
div.Power-by-Joekoe { float:right; }



div.backimages {
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	padding: 10px 0px 10px 0px;
	background-image: url('frame/back.jpg');
	width: 990px;
}

div.Header { background:url("frame/headback.gif") repeat-x; width:990px; }
div.HeaderFrame { background:url(none; }

div.HeaderLogo div.HeaderLogoBody { background-image:none; }

div.HeaderSubMenu li a { color:#EDEDED; border:0px; background-color:transparent; }
div.HeaderSubMenu li a:visited { color:#EDEDED; }
div.HeaderSubMenu li a:hover { color:#FFFFFF; border:0px; background-color:transparent; }
div.HeaderSubMenu li a:active { color:#FFFFFF; }