@charset "utf-8";
/* CSS Document */

body{ background-color:#cfe9a0;}

.hxxTop{ height:96px; background:url(../image/topBg.png) repeat-x;}
.hxxLogo{ width:368px; height:73px; background:url(../image/logo.png) no-repeat; margin:10px 0 0 15px;}

.hxxNav{ width:496px; height:96px; background:url(../image/navBg.png) no-repeat right top;}
.hxxNavCont{ top:55px; right:30px;}
.hxxNavCont a{ display:inline-block; margin-left:10px; color:#333;}
.hxxNavCont a:hover{ color:#093;}

.hxxTitleList{ width:200px; text-align:right; overflow-x:hidden;}
.hxxMainTree{ height:42px; width:198px; background:url(../image/titleBg.png) no-repeat right; line-height:30px;}
.hxxMainTree a{ display:block; margin-right:10px; color:#060; font-size:14px;}
.hxxMainTree a:hover{ color:#50b40b;}
.hxxNuiTree{ margin-bottom:5px;}
.hxxNuiTree a{ display:block; margin-right:10px; font-size:12px; line-height:21px; color:#060;}
.hxxNuiTree a:hover{ color:#50b40b;}

.hxxHelpCont{ padding:4px;}
.hxxHelpBox{
	background:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	border-radius:5px;
	-webkit-box-shadow:0px 0px 4px #ccc;
	-moz-box-shadow:0px 0px 4px #ccc;
	box-shadow:0px 0px 4px #ccc; 
	left:198px;
	padding:10px;
	overflow-y:hidden;
}
.hxxBread{ background:url(../image/breadBg.png) no-repeat bottom; line-height:30px; height:30px; width:436px; text-align:right; margin-right:6px;}
.hxxBread a, .hxxHelpText a{ color:#693;}
.hxxBread a:hover, .hxxHelpText a:hover{ text-decoration:underline;}

/*只需对需要渲染滚动条的div设置该class即可*/
.dumascroll{}
.dumascroll_area {
	height:100%;
	overflow:hidden;
}
.dumascroll_bar,.dumascroll_handle,.dumascroll_handle_a,.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
	background-image:url(../image/s_bg.gif);
}
.dumascroll_bar {
	position:absolute;
	top:0;
	right:0;
	z-index:9;
	width:14px;
	height:100%;
	cursor:default;
	-moz-user-select:none;
	-khtml-user-select:none;
	user-select:none;
	background-repeat:repeat-y;
	background-position:-42px 0;
	float:left;
}
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_handle,.dumascroll_handle_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
	position:absolute;
	left:0;
}
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
	width:100%;
	height:14px;
	color:#fff;
	text-align:center;
}
.dumascroll_arrow_up,.dumascroll_arrow_up_a { top:0; }
.dumascroll_arrow_down,.dumascroll_arrow_down_a { bottom:0; }
.dumascroll_handle,.dumascroll_handle_a { width:100%; background-repeat:repeat-y; }
.dumascroll_arrow_up { background-position:0 0; }
.dumascroll_arrow_up_a { background-position:-14px 0; }
.dumascroll_handle { background-position:-28px 0; }
.dumascroll_handle_a { background-position:-56px 0; }
.dumascroll_arrow_down { background-position:-70px 0; }
.dumascroll_arrow_down_a { background-position:-84px 0; }
/*只需对需要渲染滚动条的div设置该class即可*/

.hxxBottom{ line-height:30px; height:30px;}
.hxxBottom a{ color:#333;}
.hxxBottom a:hover{ color:#555;}

/*-------------------文档格式------------------------*/
.hxxHelpText h1{ color:#333; line-height:34px;}
.hxxHelpText h3{ font-size:14px; line-height:24px; color:#555; font-weight:700;}
.hxxHelpText p{ font-size:12px; line-height:20px; color:#666; text-indent:2em; margin:10px 0;}
.hxxHelpText ul{ margin-left:20px;}
.hxxHelpText ul li{ font-size:12px; line-height:20px; color:#666;}
.hxxHelpText img{ display:block; margin:5px 20px; box-shadow:0px 0px 3px #ccc;}
.hxxHelpText strong{ font-size:14px;}