@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
.clear{
	clear: both;
}
H1{
	margin:0px 20px 10px 20px;
	font-size:15px;
	font-weight:bolder;
	color:#669900;
}
p{
	margin:0px 20px 10px 20px;
	font-size:12px;
	line-height:19px;
}
TABLE{
	border-collapse:collapse;
}
.more{
	font-size:12px;
	color:#3f6f0f;
	margin-left:10px;
	text-decoration:underline;
}
.more a{
	color:#3f6f0f;
}
/*-------------------------------------------------------------------------------------------*/
BODY { 
	background-color:#f0f0f0;
	font-family:Arial,  Helvetica, sans-serif;
}
div#blog_wrap,div#index_contects_wrap,div#footer_wrap{
	width:1001px;
	margin:0 auto;
	background:url(images/elearning/body_bg.gif);
	background-repeat:repeat-y;
}
/* header-------------------------------------------------------------------------------------------*/
div#header{
	width:999px;
	height:149px;
	margin-left:1px;
}
    div#header div.header_title{
		position:absolute;
		width:999px;
		height:149px;
		background:url(images/elearning/header_bg.gif);
		background-repeat:no-repeat;
	}
	div#header div.shortcut{
		position:absolute;
		padding-top:8px;
		margin-left:890px;
	}
		div#header div.shortcut li{
			display:table-cell;
			*display:inline;
			font-size:12px;
			color:#fff;
		}
		div#header div.shortcut a{
			margin:3px;
			*margin:0;
			text-decoration:none;
			color:#fff;
			}
/* menu-------------------------------------------------------------------------------------------*/
div#menu{
	width:999px;
	height:35px;
	background:url(images/elearning/menu_bg.gif);
	margin-left:1px;
}
    div#menu ul{
		text-align:center;
	}
    div#menu li{
		display:inline;
	}
	div#menu .menu_form{
		position:absolute;
		font-size:12px;
		color:#FFF;
	}
	div#menu .menu_form a{
		color:#FFF;
		text-decoration:none;
	}
	div#menu .menu_form ul{
		padding:5px 17px 13px 17px;
		background-color:#99cc33;
	}
	div#menu .menu_form li{
		padding:6px;
		display:block;
		background:url(images/elearning/menu_form_line.gif);
		background-repeat:repeat-x;
		background-position:bottom;
	}
/* index contects-------------------------------------------------------------------------------------------*/
div#index_contects{
	width:999px;
	margin-left:1px;
}
    /* 首頁中間中間-------------------------------------------------------------------------------------------*/
    div#index_contects div#index_main{
		float:left;
		width:585px;
	}
	     div#index_contects div#index_main .courses_list{
			 width:550px;
			 margin-left:14px;
			 margin-top:21px;
			 font-size:12px;
			 color:#666;
		 }
		 div#index_contects div#index_main .courses_list SPAN{
			 float:right;
			 margin-top:-30px;
			 *margin-top:10px;
			 margin-right:14px;
		 }
		 div#index_contects div#index_main .courses_list TABLE{
			 border-collapse:collapse;
			 margin-top:40px;
			 margin-left:17px;
			 width:520px;
		 }
		 div#index_contects div#index_main .courses_list TABLE TR{
			  padding:0 11px;
			  background:url(images/elearning/courses_list_line.gif);
			  background-repeat:repeat-x;
			  background-position:bottom;
		 }
		 div#index_contects div#index_main .courses_list TABLE th{
			 font-weight:normal;
			 padding:10px 4px;
			 background:url(images/elearning/courses_list_line.gif);
			 background-repeat:repeat-x;
			 background-position:bottom;
		 }
		 div#index_contects div#index_main .courses_list TABLE td{
			 padding:10px 4px;
			 background:url(images/elearning/courses_list_line.gif);
			 background-repeat:repeat-x;
			 background-position:bottom;
		 }
		 div#index_contects div#index_main .courses_list TABLE td a{
			 color:#666;
			 text-decoration:none;
		 }
		 div#index_contects div#index_main .courses_list TABLE td a:hover{
			 text-decoration:underline;
		 }
	/* 首頁中間左邊-------------------------------------------------------------------------------------------*/
	div#index_contects div#index_left_navi{
		float:left;
		width:207px;
	}
	    /* 課程分類-------------------------------------------------------------------------------------------*/
	    div#index_contects div#index_left_navi .index_courses{
		    width:202px;
		    margin-left:5px;
			margin-top:20px;
			font-size:15px;
			font-weight:bolder;
			color:#666;
			background:url(images/elearning/navi_form_bg.gif);
			background-repeat:repeat-y;
	    }

		div#index_contects div#index_left_navi .index_courses ul{
			margin:2px 11px;
		}
		div#index_contects div#index_left_navi .index_courses ul li{
			padding:7px 12px;
			border-bottom:1px solid #ccc;
		}

		div#index_contects div#index_left_navi .index_courses ul li a{
			color:#666;
			text-decoration:none;
		}

		div#index_contects div#index_left_navi .index_courses ul .border_none{
			border:none;
		}
		/* 活動專區-------------------------------------------------------------------------------------------*/
		div#index_contects div#index_left_navi .index_activities{
		    width:202px;
		    margin-left:5px;
			margin-top:18px;
			margin-bottom:9px;
			background:url(images/elearning/navi_form_bg.gif);
			background-repeat:repeat-y;
	    }
		div#index_contects div#index_left_navi .index_activities ul{
			margin:4px 8px;
		}
		div#index_contects div#index_left_navi .index_activities ul li{
			padding:4px 0;
		}
	/* 首頁中間右邊-------------------------------------------------------------------------------------------*/
	div#index_contects div#index_right_navi{
		float:right;
		width:207px;
	}
	    /* LOGIN-------------------------------------------------------------------------------------------*/
		div#index_contects div#index_right_navi .index_login{
		    width:202px;
		    height:152px;
		    margin-top:20px;
			font-size:12px;
		    background:url(images/elearning/login_bg.gif);
		    background-repeat:no-repeat;
			background-position:top;
	    }
		div#index_contects div#index_right_navi .index_login ul{
			padding-top:40px;
			margin-left:13px;
	    }
		div#index_contects div#index_right_navi .index_login li{
			margin:4px 3px;
	    }
		div#index_contects div#index_right_navi .index_login ul input{
			width:125px;
			height:16px;
			margin-left:10px;
			border:1px solid #cccccc;
	    }
		div#index_contects div#index_right_navi .index_login .index_login_sent{
			padding-top:10px;
		}
		div#index_contects div#index_right_navi .index_login .forget{
			color:#3f6f0f;
			font-size:12px;
		}
		div#index_contects div#index_right_navi .index_login .forget a{
			color:#3f6f0f;
			text-decoration:underline;
		}
		div#index_contects div#index_right_navi .index_login li IMG{
			margin:0 0 0 10px;
			vertical-align:middle;
		}
		/* Search-------------------------------------------------------------------------------------------*/
		div#index_contects div#index_right_navi .index_search{
			width:202px;
		    height:202px;
		    margin-top:13px;
			font-size:12px;
		    background:url(images/elearning/search_bg.gif);
		    background-repeat:no-repeat;
			background-position:top;
		}
		div#index_contects div#index_right_navi .index_search ul{
			padding-top:40px;
			margin-left:13px;
		}
		div#index_contects div#index_right_navi .index_search li{
			margin:4px 0;
			*margin:3px 0;
	    }
		div#index_contects div#index_right_navi .index_search ul input{
			width:116px;
			height:16px;
			margin-left:2px;
			border:1px solid #cccccc;
	    }
		div#index_contects div#index_right_navi .index_search ul .keyword{
			width:104px;
		}
		div#index_contects div#index_right_navi .index_search li IMG{
			margin-left:127px;
		}

/* 內頁右邊-------------------------------------------------------------------------------------------*/
	div#index_contects div#single_main{
		float:right;
		width:792px;
	}
	div#index_contects div#single_main .single_class{
		width:764px;
		margin-top:21px;
		margin-left:14px;
		color:#333;
		font-size:12px;
	}
	div#index_contects div#single_main .single_class ul{
		list-style:square;
		margin-left:11px;
		margin-top:15px;
		list-style-position:inside;
	}
	div#index_contects div#single_main .single_class ul li{
		padding:4px 0;
	}


/* footer-------------------------------------------------------------------------------------------*/
div#footer{
	width:999px;
	height:56px;
	margin-left:1px;
	font-size:12px;
	text-align:center;
	background-color:#dbf6a5;
}
div#footer a{
	color:#336600;
	text-decoration:underline;
	margin:0 2px 0 2px;
}
div#footer ul{
	padding-top:10px;
}
div#footer img{
	vertical-align:middle;
	margin:3px 0 2px 0;
}

#postpath {
	line-height:16px;
}
#postpath a{
	text-decoration:none;
	color:#2970A6;
}
#postpath a:hover{
	text-decoration:underline;
	
}

.class_test{
	padding: 20px;
}

.class_question{
	color:green;
	height:26px;
	border-bottom:1px solid #ccc;
}