.CourseSelectArea {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
}

	.CourseSelectArea .Block {
		border: solid 2px #C9CACA;
		padding: 10px;
		margin: 5px 0 5px 0;
	}

	.CourseSelectArea a {
		text-decoration: none;
		color: #005EC2;
	}

	.CourseSelectArea a:hover {
		background-color: #005EC2;
		color: white;
		transition: all 0.5s;
	}

	.CourseSelectArea .Title {
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #008FD2), color-stop(1, #005EC2));
		background-image: -o-linear-gradient(right, #008FD2 0%, #005EC2 100%);
		background-image: -moz-linear-gradient(right, #008FD2 0%, #005EC2 100%);
		background-image: -webkit-linear-gradient(right, #008FD2 0%, #005EC2 100%);
		background-image: -ms-linear-gradient(right, #008FD2 0%, #005EC2 100%);
		background-image: linear-gradient(to right, #008FD2 0%, #005EC2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008FD2', endColorstr='#005EC2',GradientType=1 ); /* IE6-9 */
		padding: 0.2em;
		/*text-align: left;*/
		font-size: 16pt;
		font-weight: bold;
		color: white;
		margin-bottom: 10px;
	}

	.CourseSelectArea .Subtitle {
		text-align: left;
		color: #008FD2;
		padding: 10px;
		font-weight: bold;
	}

	.CourseSelectArea .SelectEduLevel {
		border-bottom: dotted 1px #ccc;
	}

	.CourseSelectArea .SelectSubject {
		border-bottom: dotted 1px #ccc;
	}
	.CourseSelectArea .SelectSubject div, .CourseSelectArea .SelectPeriod div {
		padding: 10px;
	}
	/*.CourseSelectArea .SelectPeriod {
	}*/

	.CourseSelectArea .SelectedContent {
		padding: 20px;
	}

		.CourseSelectArea .SelectedContent .LevelName {
			color: #008FD2;
			font-weight: bold;
		}

		.CourseSelectArea .SelectedContent .Alert {
			color: red;
			font-weight: bold;
		}

	.CourseSelectArea .FunctionArea {
		padding: 0.5em;
		text-align: right;
	}

		.CourseSelectArea .FunctionArea a {
			padding: 0.2em;
			/*text-align: left;*/
			font-size: 16pt;
			font-weight: bold;
			color: white;
			text-decoration: none;
			border-radius: 5px;
			background-color: #008FD2;
		}

			.CourseSelectArea .FunctionArea a.disabled {
				background-color: gray;
			}

			.CourseSelectArea .FunctionArea a.enabled {
				background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #008FD2), color-stop(1, #005EC2));
				background-image: -o-linear-gradient(right, #008FD2 0%, #005EC2 100%);
				background-image: -moz-linear-gradient(right, #008FD2 0%, #005EC2 100%);
				background-image: -webkit-linear-gradient(right, #008FD2 0%, #005EC2 100%);
				background-image: -ms-linear-gradient(right, #008FD2 0%, #005EC2 100%);
				background-image: linear-gradient(to right, #008FD2 0%, #005EC2 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008FD2', endColorstr='#005EC2',GradientType=1 ); /* IE6-9 */
			}

				.CourseSelectArea .FunctionArea a.enabled:hover {
					position: relative;
					left: 1px;
					top: 1px;
				}
#ulLessonList { margin-top: 0; }
.TwoColumns { padding: 0 1em; }
.TwoColumns div { font-weight: bold }
.TwoColumns ul {
	/* Chrome, Safari, Opera */
	-webkit-column-count:2;
	/* Firefox */
	-moz-column-count:2;
	/*Standard*/
	column-count:2;
	background-color: #e0f3ff;
}

/*購買紙本講義：顯示價格*/
.NoteOptions span, .SelectedContent div span { float: right }