.c {
	clear:both;
}
.hc {
	display:none;
}
.sc {
	display:block;
}
.left {
	float:left;
}
.right {
	float:right;
}
a.black {
	color:#000
}
.c_border {
	width:100%;
	margin:0 auto;
	font-size:14px;
}
#classheader {
	position:relative;
	height:85px;
	width:100%;
	z-index:1;
	background:url(../../Images/q_bg.gif) repeat-x 0px 22px;
}
#classheader #top 
{
	width:960px;
	margin:0 auto;
	position:relative;
}
#classheader #top #logo {
	position:absolute;
	left:20px;
	top:0px;
}
#classheader #top #logo img {
	border:none;
}
#classheader #top #searchbar {
	position:relative;
	right:0px;
	top:28px;
	color:#ccc;
	font-size:12px;
}
#classheader #top .searchbtn {
	vertical-align:middle;
	background:url(../../Images/q_bg.gif) -1px -128px;
	width:22px;
	position:absolute;
	top:10px;
	right:10px;
	height:22px;
	border:none;
}
#classheader #top .keyword {
	border:1px solid #006EC2;
	height:20px;
	line-height:20px;
	position:absolute;
	top:0px;
	right:40px;
}
#classheader #top #logintext {
	position:absolute;
	right:25px;
	top:5px;
	font-size:12px;
}
#tab_bar {
	position:absolute;
	top:31px;
	left:228px;
}
#tab_bar a {
	display:block;
	float:left;
	padding:5px 0px 5px 8px;
	margin-right:10px;
	color:#000;
	text-decoration:none;
	background:url(../../Images/q_arror.gif) no-repeat 0px 8px;
}
#tab_bar a:hover {
	background:url(../../Images/q_arror.gif) no-repeat 0px 8px;
	color:#006EC2;
	text-decoration:underline;
}
#nav_bar 
{
	z-index:2;
	background:#006EC2;
	position:absolute;
	/*top:150px;*/
	top:60px;
	left:0px;
	width:99%;
	line-height:24px;
	padding-right:1%;
	font-size:13px;
	color:#fff;
	font-family:Arial;
}
#nav_bar #titlewidth
{
	width:960px;
	margin:0 auto;
	position:relative;
}
#nav_bar #titlewidth .span {
	position:absolute;
	top:0px;
	right:10px;
}
#nav_bar strong {
	font-weight:normal;
	font-family:Arial;
}
#nav_bar a {
	color:#fff;
	padding-left:10px;
	text-decoration:none;
}
#nav_bar a:hover {
	text-decoration:underline;
}
#topbtn
{
	width:960px;
	height:30px;
	border-bottom:1px #CCC solid;
	margin:0 auto;
	margin-bottom:5px;
	line-height:30px;
	padding-bottom:5px;
	position:relative;
}
#topbtn #btn a
{
	display:block;
	position:absolute;
	top:3px;
	right:0;
	background:url(../../Images/btn_bg.gif) ;
	border:0px;
	width:114px;
	height:30px;
	font-size:13px;
	text-align:center;
	color:#000000;
}
#twoclass
{
	margin:0 auto;
	width:960px;
	line-height:30px;
	border-bottom:1px #CCC solid;
	margin-bottom:10px;
}
#twoclass a
{
	display:block;
	width:106px;
	float:left;
	text-align:center;
	text-decoration:underline;
	font-size:14px;
}
#classcontent {
	width:960px;
	margin:0 auto;
}
#class_left {
	float:left;
	width:715px;
	padding-top:0px;
	overflow:hidden;
	font-size:14px;
}
#class_center {
	/*float:left;*/
	margin:0 auto;
	width:960px;
	padding-top:0px;
	overflow:hidden;
	font-size:14px;
}
#class_center .classinfo
{
	width:960px;
	margin-top:0;
	font-size:12px;
	line-height:30px;
	text-align:left;
}
#class_center .classinfo a
{
	font-size:14px;
	text-decoration:underline;
	/*text-decoration:none;*/
}
#class_center .classinfo .class_left
{
	width:715px;
	margin-top:0;
	font-size:12px;
	line-height:30px;
	text-align:left;
	float:left
}
/*
#class_center .classinfo .class_right
{
	font-size:12px;
	border:1px solid #AACCEE;
	border-top:none;
	padding-bottom:10px;
	float:right;
	background:#F3FAFF;
	width:220px;
	margin-right:0px;
}
#class_center .classinfo .class_right h3 {
	background:#fff;
	margin-bottom:10px;
	border-bottom:1px solid #AACCEE;
	border-top:1px solid #AACCEE;
	height:26px;
	padding-left:10px;
	font-size:14px;
	line-height:26px;
	clear:both;
}
*/
#detail_ul {
	margin-right:1%;
}
#detail_ul li {
	border-bottom:1px solid #ccc;
	position:relative;
	top:0px;
	margin-top:15px;
	left:0px;
	height:1%;
	padding-left:18%;
	width:85%;
	overflow:hidden;
}
#detail_ul li h1 {
	font-size:16px;
	color:#0000CC;
}
#detail_ul li h3 {
	color:#00c;
	font-size:14px;
	font-weight:normal;
	margin:0px;
}
#detail_ul li h3 span {
	float:right;
	font-family:Arial;
	font-weight:bold;
	color:#000;
}
#detail_ul li p {
	margin:10px 0px 10px 0px;
	padding:0px;
	line-height:150%;
}
#detail_ul li p font {
	line-height:150%;
}
#detail_ul li .tx {
	position:absolute;
	left:0px;
	top:0px;
	font-size:12px;
	width:18%;
	text-align:center;
	overflow:hidden;
}
#detail_ul li .tx img {
	border:1px solid #ddd;
	width:45px;
	height:45px;
	padding:2px;
	margin-bottom:5px;
}
#detail_ul li .re {
	clear:both;
	font-size:12px;
	color:#666;
	font-family:Arial;
	margin:20px 0px 5px 0px;
	font-family:Arial;
}
#detail_ul li .re .span {
	float:right;
}
.infoad
{
	margin:5px auto;
	text-align:center;
}
#class_left .classinfo
{
	width:715px;
	margin-top:0;
	font-size:12px;
	line-height:30px;
	text-align:left;
}
#class_left .classinfo a
{
	font-size:14px;
	text-decoration:underline;
	/*text-decoration:none;*/
}
#class_left .reply
{
	width:695px;
	padding:10px;
	margin-top:20px;
	font-size:12px;
}
#class_left .reply li
{
	padding-top:10px;
}
#class_left .reply li .label
{
	position:relative;
	width:70px;
	text-align:right;
	display:block;
	float:left;
}
#class_left .reply li div
{
	float:left;
	padding-left:2px;
}
#classpage
{
	margin-top:10px;
	line-height:24px;
	height:24px;
	width:100%;
	color:Red;
	text-align:left;
	color:#000000;
	font-size:12px;
}
#classpage a
{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}
#classpage a:hover
{
	color:Yellow;
}
#classpage a:link,#classpage a:visited
{
	color:#FFFFFF;
}
#classpage li
{
	float:left;
	border:1px solid #1E89DA;
	margin:0 2px;
	padding:0 8px;
	background:#006EC2;
}
#class_right {
	font-size:12px;
	border:1px solid #AACCEE;
	border-top:none;
	padding-bottom:10px;
	float:right;
	background:#F3FAFF;
	width:220px;
	margin-right:0px;
}
#class_right .ad {
	width:185px;
	height:70px;
	text-align:center;
	border:2px solid #fff;
	margin-bottom:10px;
}
#class_right h3 {
	background:#fff;
	margin-bottom:10px;
	border-bottom:1px solid #AACCEE;
	border-top:1px solid #AACCEE;
	height:26px;
	padding-left:10px;
	font-size:14px;
	line-height:26px;
	clear:both;
}
#classfooter {
	border-top:1px solid #ddd;
	background:#f7f7f7;
	padding:5px;
	text-align:center;
	margin-top:5px;
}
#classfooter a {
	color:#8A8BB7;
	text-decoration:none;
}
.red
{
	color:Red;
	text-decoration:underline;
}
#reply_ul {
	margin-right:1%;
}
#reply_ul li {
	border-bottom:1px solid #ccc;
	position:relative;
	top:0px;
	margin-top:15px;
	left:0px;
	height:1%;
	padding-left:18%;
	width:550px;
	overflow:hidden;
	padding-bottom:10px;
}
#reply_ul li h1 {
	font-size:16px;
	color:#0000CC;
}
#reply_ul li h3 {
	color:#00c;
	font-size:14px;
	font-weight:normal;
	margin:0px;
}
/*
#reply_ul li h3 span {
	float:right;
	font-family:Arial;
	font-weight:bold;
	color:#000;
}
*/
#reply_ul li p {
	margin:10px 0px 10px 0px;
	padding:0px;
	line-height:150%;
}
#reply_ul li p font {
	line-height:150%;
}
#reply_ul li .tx {
	position:absolute;
	left:0px;
	top:0px;
	font-size:12px;
	width:18%;
	text-align:center;
	overflow:hidden;
}
#reply_ul li .tx img {
	border:1px solid #ddd;
	width:45px;
	height:45px;
	padding:2px;
	margin-bottom:5px;
}
#reply_ul li .re {
	clear:both;
	font-size:12px;
	color:#666;
	font-family:Arial;
	margin:20px 0px 5px 0px;
	font-family:Arial;
}
#reply_ul li .re .span {
	float:right;
}
.green
{
	color:Green;
	font-weight:bold;
}
#class_center #classaddinfo
{
	width:960px;
	margin-top:0;
	font-size:12px;
	text-align:left;
}
#class_center #classaddinfo #left
{
	/*width:225px;*/
	width:155px;
	padding:10px;
	margin-top:10px;
	font-size:12px;
	float:left;
	/*ะยิ๖*/
	padding-left:70px;
}
#class_center #classaddinfo #left li
{
	padding-top:10px;
}
#class_center #classaddinfo #right
{
	width:694px;
	padding:10px;
	margin-top:10px;
	font-size:12px;
	float:right;
	border-left:1px solid #ccc;
}
#class_center #classaddinfo #right li
{
	padding-top:10px;
}
#class_center #classaddinfo #right li .label
{
	position:relative;
	width:70px;
	text-align:right;
	display:block;
	float:left;
}
#class_center #classaddinfo #right li div
{
	float:left;
	padding-left:2px;
}
.smallfont
{
	font-size:12px;
}
.message
{
	color:Red;
}
#coverwith
{
	width:960px;
}
