﻿
@import url("common.codes.css");
@import url("common.user.css");


/* ************************* */
BODY {
	BACKGROUND: #fff;
	MARGIN: 4px 10px;
	WORD-BREAK: break-all;
	LINE-HEIGHT: 140%;
	FONT-FAMILY: Arial,"宋体";
	WORD-WRAP: break-word;
	margin-top: 0px;
}
DIV {
	WORD-BREAK: break-all; WORD-WRAP: break-word
}
A:link {
	COLOR: #000000;
	text-decoration: none;
}
A:visited {
	COLOR: #000000;
	text-decoration: none;
}
.c {
	COLOR: #A2BDF1}
A.c {
	COLOR: #7777cc
}
A.c:visited {
	COLOR: #7777cc
}
.ft {
	CLEAR: both; MARGIN-TOP: 10px; FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 20px; FONT-FAMILY: Arial; HEIGHT: 20px; TEXT-ALIGN: center
}
.lt {
	CLEAR: both; MARGIN-TOP: 10px; FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 20px; FONT-FAMILY: Arial; HEIGHT: 20px; TEXT-ALIGN: left
	}
.lg {
	PADDING-LEFT: 6px; MARGIN-BOTTOM: 10px
}
#main {
	WIDTH: 760px
}
#DivPl {
	FLOAT: left;
	WIDTH: 483px;
	line-height: 20px;
}
#DivPr {
	BORDER-RIGHT: #a2bdf1 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a2bdf1 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 12px; FLOAT: right; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 20px; BORDER-LEFT: #a2bdf1 1px solid; WIDTH: 267px; PADDING-TOP: 0px; BORDER-BOTTOM: #a2bdf1 1px solid
}
#DivPr li {
	WIDTH: 480px;
	background-image: url(../video/ico_fix.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 2px;
}
#DivPrlogin  {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FLOAT: right; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 20px; WIDTH: 267px; PADDING-TOP: 0px}
#DivPr H1 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 14px; BACKGROUND: #edf3ff; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-TOP: 1px
}
#DivPr H2 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: 100; FONT-SIZE: 14px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 10px
}
#DivPr P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 10px; WIDTH: 219px; PADDING-TOP: 0px
}
H1 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 14px; BACKGROUND: #edf3ff; PADDING-BOTTOM: 1px; MARGIN: 0px; WORD-BREAK: break-all; PADDING-TOP: 1px; WORD-WRAP: break-word
}
H6 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: 100; FONT-SIZE: 14px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
H5 {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left top; PADDING-LEFT: 40px; FONT-WEIGHT: 100; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; MARGIN: 10px; COLOR: #666; LINE-HEIGHT: 130%; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
H5 P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 600; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; LINE-HEIGHT: 150%; PADDING-TOP: 0px
}
H4 {
	PADDING-RIGHT: 10px; BORDER-TOP: #e3e3e3 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; PADDING-TOP: 10px
}
#usrbar {
	FONT-SIZE: 12px; LINE-HEIGHT: 19px; HEIGHT: 19px; TEXT-ALIGN: right
}
#usrbar A:visited {
	COLOR: #0000cc
}
#tab {
	MARGIN-TOP: 3px; FONT-SIZE: 14px; HEIGHT: 21px
}
.hdi {
	FONT-SIZE: 16px; FONT-FAMILY: Arial
}
.STYLE1 {
	color: #FF0000;
	font-weight: bold;
}
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 { border:1px solid #BBBBBB; height:21px; line-height:21px; }
textarea { border:1px solid #BBBBBB; }
select { border:1px solid #BBBBBB; }
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 { clear:both; width:940px; }
div.FramerFloor { clear:both; width:940px; }
div.FramerFloor div.MainBody { width:716px; float:left; }
div.FramerFloor div.MainCenter { width:492px; 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:940px; }
div.HeaderSpace { clear:both; margin:2px; padding:2px; }
div.HeaderFrame { clear:both; width:100%; margin:0 auto; padding:0px 0px 0px 0px; }
div.HeaderLogo { width:20%; height:80px; text-align:center; float:left; }
div.HeaderNav { width:80%; text-align:right; float:right; }
div.HeaderNav div.space { width:auto; margin:2px; padding:2px; }

div.HeaderTop { width:auto; border:1px solid #DBDBDB; margin:0px; padding: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:4px 4px 1px 4px; }
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:18px; height:32px; background:url("../frame/header_menu_left.gif") no-repeat; padding:0px; }
div.HeaderMenu div.right { float:left; width:18px; height:32px; background:url("../frame/header_menu_right.gif") no-repeat; padding:0px; }
div.HeaderMenu div.item { float:left; height:32px; line-height:32px; background:#c0c0c0 url("../frame/header_menu_bg.gif") repeat-x; padding:0px 0px 0px 0px; }
div.HeaderMenu a { float:left; color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none; padding:0px 8px 0px 8px; }
div.HeaderMenu a:visited { color:#FFFFFF; text-decoration:none; }
div.HeaderMenu a:hover { background:url("../frame/header_menu_active.gif") repeat-x; color:#FFFFFF; text-decoration:none; }
div.HeaderMenu a:active { color:#2672BD; text-decoration:none; }


/* ********* footer ******** */
div.Footer { width:100%; clear:both; border-top:1px solid #EDEDED; background:#F7F7F7; padding:0px 0px 0px 0px; }
div.FooterFrame { clear:both; width:940px; margin:0; padding:0px 0px 0px 0px; }

div.FooterAds { width:100%; text-align:center; padding:5px 0px 5px 0px; }

div.FooterMenu { height:32px; border:1px solid #EDEDED; background:#FFFFFF; font-size:12px; padding:0px 10px 0px 10px; }
div.FooterMenu ul { }
div.FooterMenu li { display:inline; padding:0px 5px 0px 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 { width:100%; height:100%; padding:10px 0px 0px 0px; }
div.FooterMenuRight { display:none; }

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; 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; line-height:23px; padding:0px 2px 0px 2px; }

