@charset "utf-8";
/*Communion CSS Document */
@import url("_html.css");
@import url("_comm.css");
@import url("_word.css");

#CF_R #DisplayContent .example{
	display: none;
}

#CF_R #PageTitle{
	padding-left: 0px;
}
#CF_R #PageTitle .Cn{
	color: #333;
	font-size: 21px;
	/*font-weight: 600;*/
}
#CF_R #PageTitle .En{
	color: #1a7786;
	font-size: 21px;
	font-family: Georgia,Serif;
}
#CF_R #PageTitle .Total{
	color: #999;
}
#CF_R #PageTitle .words{
	float: left;
	min-width: 300px;
	max-width: 320px;
}
#CF_R #PageTitle .groups{
	float: left;
	width: 240px;
	text-align: right;
}

#CF_R #DisplayContent .classes{
	background: #1a7786;
	color: #FFF;
	padding: 3px;
	margin: 0 0 1px 0;
}
#CF_R #DisplayContent .items{
	background: #000;
	color: #FFF;
	padding: 3px;
	margin: 0 0 10px 0;
}
#CF_R #DisplayContent .list  div{
	text-align: center;
	cursor: pointer;
}
#CF_R #DisplayContent .list .no{
	float: left;
	width: 15%;
}
#CF_R #DisplayContent .list .title{
	float: left;
	width: 55%;
}
#CF_R #DisplayContent .list .worker{
	float: left;
	width: 15%;
}
#CF_R #DisplayContent .list .date{
	float: left;
	width: 15%;
}
#CF_R #DisplayContent .list .classes{
	float: left;
	width: 25%;
}
#CF_R #DisplayContent .list .title u{
	color: #06C;
}
#CF_R #DisplayContent .list .title u:hover{
	color: #999;
}
/*infor*/
#CF_R #DisplayContent  .infor .list .title{
	text-align: left;
}
#CF_R #DisplayContent .infor .list{
	border-bottom: 1px dotted #CCC;
	padding: 5px 0;
}