/* HBWL CSS Document */
@charset "utf-8";
*{margin:0;padding:0;}
body{font-size:9pt;line-height:13pt;word-break:break-all;}
html {overflow-y:auto!important;*overflow-y:scroll;}/* 避免使用了框架后IE6会出现水平滚动条 */
table caption{ height:0px;} /* 兼容Opera浏览器 */
table td{padding:4px;}
/* 表格样式tableWg部份 */
.tableWg {border: 1px solid #9bbde6;margin-bottom:2px;}
.tableWg tr{text-align:center;}
.tableWg tbody tr:hover {background-color:#FFF0FF;}
.tableWg td{ border-bottom:1px dotted #9bbde6; border-right:1px dotted #9bbde6;}
.tableWg thead{background-color:#EEF5FC;font-weight:bold;color:#014390;}
.tableWg thead a{border:1px solid #0000FF;background-color: #9CBEF7;font-size: 9pt;padding:4px;cursor:pointer;}
.tableWg tfoot{background-color:#EEF5FC;}
/* 表格样式tableLine部份 */
.tableLine {border: 1px solid #9bbde6; margin-bottom:2px;}
.tableLine thead{background-color:#EEF5FC;font-weight:bold;color:#014390;}
.tableLine thead a{border:1px solid #0000FF;background-color: #9CBEF7;font-size: 9pt;padding:4px;cursor:pointer;}
.tableLine td{border-bottom: 1px dotted #9bbde6; }
.tableLine tbody tr:hover {background-color:#FFF0FF;}
.tableLine tfoot{background-color:#EEF5FC; text-align:center;}
.box{border: 1px solid #9bbde6;}
.huise {color: #999999;}
.red{color:#FF0000;}
.btn {border:1px solid #0000FF;background-color: #9CBEF7;font-size: 9pt;padding-top:2px;padding-right: 2px;padding-left: 2px;cursor:pointer;}
.title1{height:28px;color:#014390;border-bottom:1px solid #9bbde6;font-size:14px; font-weight:bold;padding-left:8px;background:url(title1.gif) bottom repeat-x #FFF;}
.Left{text-align:left;}
/* 超链接的样式 */
a{cursor:pointer; color:#00F;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color:red;	text-decoration: underline;}

/* 模态窗口------------------------------------- */
.mdl_overlay {
    top:0;left:0;background: #000000;z-index: 99;position:fixed;
    _position:absolute;
    _top: expression( documentElement.scrollTop );
}
.mdl_dialog {
    padding: 5px; background: #f8f0e9; display: none; border: solid 10px #707070;
    width: auto; height: auto; z-index: 100; position:absolute;
    _top: expression( documentElement.scrollTop );
}
.mdl_bar {
    margin: -25px; width: 20px; height: 20px; position: relative;
}
/* -----------------------------------------------------模态窗口 */

/* 主体的宽度和背景图 */
#bodyer {
	width:980px; margin:3px auto;
	background:url(main980.gif);
}
/* 顶部 */
#header {
	border: 1px solid #9bbde6; height:70px;
	background: url(header_bg.gif);
}
#header .logo{
	float:left; width:380px;
	line-height:70px;
	color:#000099; font-size:24px; font-weight:bold; padding-left:20px;
	 font-family:"黑体";}
#header .suoming{
	float:right;
	width:530px;
	color:#060;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	margin-top:20px;
	}
/* 底部 */
#footer {
	border: 1px solid #9bbde6; height:60px; padding-top:10px;
	BACKGROUND: url(footer_bg.gif); text-align:center; clear:both;
}
/* 用户成功登录后的信息显示部分 */
#loginUserInfo{
	background-image:url(title1.gif);padding:4px 20px; color:#060;
	border-left:1px solid #9bbde6;
	border-right:1px solid #9bbde6;
}
/* 左部 */
#left{
	width:150px; float:left;
	border-left:1px solid #9bbde6;
	border-right:1px solid #9bbde6;
}
/* 左部导航菜单 */
.menu{
	list-style-type: none; margin:0px;padding:0px;
}
.menu li{
	text-align:center; margin:8px 15px 8px 15px;
	border:1px solid #9bbde6; height:25px; line-height:25px;
	background:url(title1.gif) repeat-x #FFFFFF bottom;
}
.menu .cMenu{
	color:#F00;	font-weight:bold;
}
.menu a{color:#009; font-size:13px;}
.menu a:hover{color:#f00;}

.titleNav{
	border-top:1px solid #9bbde6;
	border-bottom:1px solid #9bbde6;
	height:29px;line-height:29px;color:#014390;
	font-size:14px; font-weight:bold;text-align:center;
	background:url(title2.gif);
	cursor:pointer;
	margin:0px auto 3px;
}

/* 内容部份 */
#content{
	float:right;width:826px;
}
.titleMain{
	border-top:1px solid #9bbde6;
	border-left:1px solid #9bbde6;border-right:1px solid #9bbde6;
	height:30px;line-height:29px;color:#014390;
	font-size:14px; font-weight:bold;padding-left:8px;background:url(titleMain.gif);
}

/* 登录页的文本框 */
.boxLogin {height:16px;width:110px;border:1px solid #9bbde6;}
/* 软件注册页的文本框 */
.boxZuce {height:16px;width:240px;border:1px solid #9bbde6;}
/* 用于JQuery要找的标签 */
.chaozuo{border:1px solid #0000FF;background-color: #9CBEF7;cursor:pointer;}


/* 打字页面 */
#showArticleContent,#textareaContent{
	scrollBar-face-color: #9bbde6; /* 滚动条颜色 */
	width:620px; 
	font-size:20px; font-family:Arial;
	overflow:scroll;
	overflow-x:hidden;
	line-height:26px;
	border:0px; padding:0px;
}
#showArticleContent{height:210px;}
#textareaContent{height:180px;}

.redline{border-bottom: 2px solid #FF0000; font-weight:normal;}
.pgdui {color: #0000FF;}
.pgcuo {color: #FF0000;}
.pgsz {color:#FF00FF;}

/* 汉字的拼音和五笔编码 */
.pinyiwubi{color:#F00;	font-size:24px;}

/* 打字聊天 */
#showChatContent{
	scrollBar-face-color: #9bbde6; /* 滚动条颜色 */
	width:600px; height:390px;
	line-height:20px;
	padding:10px;
	overflow:auto;
}
#inputChatContent{
	width:240px;
}
#chatAllRen{	
	scrollBar-face-color: #9bbde6; /* 滚动条颜色 */
	height:350px;
	line-height:20px;
	padding:10px;
	overflow:auto;
}
.titleRen{
	height:28px;line-height:28px;color:#014390; 
	text-align:center;
	border-bottom:1px dotted #9bbde6;
	font-size:14px; font-weight:bold;
	background:url(title1.gif) bottom repeat-x #FFF;
}

/*指法练习页面*/
/*键盘总宽高*/
#jianpan{ width:483px;height:162px;border:3px solid #000000;margin:15px;padding:9px;;}
/*数字键字母键符号键*/
.keyCom{background-image:url(keyCom.gif);width:32px;height:28px;background-repeat:no-repeat;float:left;
	font-family:fixedsys;font-size:12px;text-align:center;line-height:13px;padding-top:5px;}
/*功能键*/
.tab{width:42px;background:url(tab.gif) no-repeat;}
.cap{width:54px;background:url(cap.gif) no-repeat;}
.shift{width:72px;background:url(shift.gif) no-repeat;}
.ctrl{width:42px;background:url(ctrl.gif) no-repeat;}
.alt{width:40px;background:url(alt.gif) no-repeat;}
.enterup1{width:38px;background:url(enter1.gif) no-repeat;}
.enterup2{width:58px;background:url(enter2.gif) no-repeat;}
.key2{width:24px;background:url(key2.gif) no-repeat;}
.space{width:212px;background:url(spaceup.gif);}
.keyText{float:left;font-family:arial;font-size:12px;padding:5px 0 0 8px;height:28px;}
/* 手指分工图 */
#shouzhifengong{
	position:absolute;z-index:999;width:512px;height:202px;margin-left:12px; margin-top:-203px;
	background-image: url(shouzhifengong.png)!important;/* FF IE7 */
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shouzhifengong.png'); /* IE6 */
	_background-image: none; /* IE6 */
	_margin-top:-205px;
}
/* 标明用哪个手指打 */
#shouzhiHot{
	position:absolute;z-index:999;width:12px;height:10px;
	background:url(hot.gif) no-repeat;
	margin-left:194px;
	margin-top:-110px;
}
#shouzhiHot2{
	position:absolute;z-index:999;width:12px;height:10px;
	background:url(hot.gif) no-repeat;
	margin-left:293px;margin-top:-109px;
}


/*打字游戏页面*/
#gamePic {line-height:20px;}
#gamePic img{
	border:1px solid #9bbde6;
	padding:8px;
	background-color:#EBF3FC;
}
#gamePic H5{margin:0px; padding:0px; text-align:center;	font-size:14px;}

/* 榜上有名 */
.titlePaiMing{
	height:28px;line-height:28px;color:#014390; 
	text-align:center;
	border-top:1px solid #9bbde6;
	border-left:1px solid #9bbde6;
	border-right:1px solid #9bbde6;
	font-size:14px; font-weight:bold;
	background:url(title1.gif) bottom repeat-x #FFF;
}
/* 排序 */
.titleSort{
	background:url(titleSort.gif) no-repeat;cursor:pointer;
}
/* 跳转到第几页 */
.pageinput{width:30px;	border: 1px solid #9bbde6;}