@charset "utf-8";
@import url(design.css);
@import url(pages.css);

#pathnav a {
	color: #369;
}

#title + p {
	line-height: 2;
	margin-top: 14px;
}

#class-list, #level-detail {
	width: 100%;
	font-family: 微軟正黑體, sans-serif;
	font-size: 11px;
	border-collapse: collapse;
	border-spacing: 0;
}

#class-list {
	margin: 30px 0;
}

#class-list th, #class-list td {
	border: 1px solid #a3a8a2;
}

#class-list .n {
	width: 200px;
	text-align: left;
	padding-left: 8px;
}

#class-list thead th,
#class-list thead td {
	background-color: #d8e3f5;
	color: #000;
	padding: 8px;
}

#class-list thead {
	font-size: 14px;
}

#class-list thead .level-no {
	display: block;
	margin-top: 8px;
	width:30px;
	font-family:arial,sans-serif;
}

#class-list td {
	text-align: center;
}

#class-list td .class-group {
	color: #333;
	padding:8px;
	display:block;
	text-indent:-999em;
}

#class-list tr:hover .class-group {
	text-indent:0;
}

#class-list .n a {
	color: #666;
	text-decoration: none;
}

#class-list .n a:hover {
	text-decoration: underline;
}

#class-list .group-1:hover .n ,
#class-list .group-1 .class-group {
	background-color: #dddddd;
}

#class-list .group-2:hover .n ,
#class-list .group-2 .class-group {
	background-color: #ebd780;
}

#class-list .group-3:hover .n ,
#class-list .group-3 .class-group {
	background-color: #ff9;
}

#class-list .group-4:hover .n ,
#class-list .group-4 .class-group {
	background-color: #fc9;
}

#class-list .group-5:hover .n ,
#class-list .group-5 .class-group {
	background-color: #ff0;
}

#class-list .group-6:hover .n ,
#class-list .group-6 .class-group {
	background-color: #cff;
}

#class-list .group-7:hover .n ,
#class-list .group-7 .class-group {
	background-color: #0cf;
}

#class-list .group-8:hover .n ,
#class-list .group-8 .class-group {
	background-color: #9cf;
}

#class-list caption {
	height: 0;
	text-indent: -999em;
}

#level-detail {
	color: #000;
}

#level-detail caption {
	background: url(../images/degree/ld-caption-bg.png) 0 0 repeat;
	color: #fefefe;
	text-align: left;
	height: 48px;
	line-height: 48px;
	padding-left: 8px;
	font-family: 微軟正黑體, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#level-detail tbody th, #level-detail tbody td {
	background-color: #e8e8e8;
	padding: 8px;
	border-top: 1px solid #fff;
}

#level-detail tbody th {
	width: 48px;
}

#level-detail tbody th .ld-lbox {
	display: block;
	background-color: #d8e3f5;
	border: 1px solid #a6a6a6;
	padding: 6px;
}

#level-detail tbody th .ld-lbox span {
	font-size: 16px;
	display: block;
	margin-top: 4px;
}

#level-detail tbody td {
	border-left: 1px solid #fff;
}

#level-detail tbody td[id$="-c"] {font-size: 16px;font-weight: bold;}#level-detail tbody td ol {list-style: decimal inside;line-height: 2;}