.BG_LightBlue {
	background-color: #007ECC;
	background-size: 1920px 1080px;
	background-attachment: fixed;
	background-image: -o-linear-gradient(bottom, #54BDEE 0%, #298DD8 100%);
	background-image: -moz-linear-gradient(bottom, #54BDEE 0%, #298DD8 100%);
	background-image: -webkit-linear-gradient(bottom, #54BDEE 0%, #298DD8 100%);
	background-image: -ms-linear-gradient(bottom, #54BDEE 0%, #298DD8 100%);
	background-image: linear-gradient(to bottom, #54BDEE 0%, #298DD8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54BDEE', endColorstr='#298DD8',GradientType=0 ); /* IE6-9 */
}

.BG_Gray {
	background-color: #D4DCDC;
	background-size: 1920px 1080px;
	background-attachment: fixed;
	background-image: -o-linear-gradient(bottom, #D4DCDC 0%, #B2C0CD 100%);
	background-image: -moz-linear-gradient(bottom, #D4DCDC 0%, #B2C0CD 100%);
	background-image: -webkit-linear-gradient(bottom, #D4DCDC 0%, #B2C0CD 100%);
	background-image: -ms-linear-gradient(bottom, #D4DCDC 0%, #B2C0CD 100%);
	background-image: linear-gradient(to bottom, #D4DCDC 0%, #B2C0CD 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D4DCDC', endColorstr='#B2C0CD',GradientType=0 ); /* IE6-9 */
}

.body .p12h20-green { color: #0050AF }

.MainMenu {
	border-bottom: solid 3px #0050AF;
	text-align: center;
}

	.MainMenu a {
		color: #0050AF;
		font-size: 14pt;
		font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
		font-weight: bold;
		margin: 5px;
		text-decoration: none;
		white-space: nowrap
	}

		.MainMenu a:hover {
			color: #F39800;
			/*font-size: 14pt;
		font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
		font-weight: bold;
		margin: 5px;
		text-decoration: none;*/
		}

		.MainMenu a:before {
			content: "█";
			font-family: MingLiU;
			margin-right: 3px;
		}

		.MainMenu .ExternalLinks
		{
			background-color: #0050AF;
		}
		.MainMenu .ExternalLinks a {
			color: white;
		}
		.MainMenu .ExternalLinks a:before {
			content: none;
		}
		.MainMenu .ExternalLinks a:hover {
			position: relative;
			left: 1px;
			top: 1px;
		}

.CssTable { width: 100%; display: table; table-layout: fixed; }
.CssRow { display: table-row }
.CssCell { display: table-cell; vertical-align: top }

.NewsBlock {
	text-align: left;
	vertical-align: top;
}

	.NewsBlock .newstitle a {
		color: #005ec2;
		text-decoration: none;
	}

	.NewsBlock .newstitle a:hover {
		text-decoration: underline;
	}

	.NewsBlock .NewsTypeButton {
		font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
		text-align: right; padding: 3px; margin-top: 1em;
	}

	.NewsBlock .NewsTypeButton a {
		display: inline-block;
		background-color: #298CD7;
		color: white;
		border: solid 1px #298CD7;
		padding: 0 2px;
		margin: 1px;
		border-radius: 5px;
		text-decoration: none;
	}

		.NewsBlock .NewsTypeButton a:hover {
			background-color: white;
			color: #005ec2;

		}

.footer {
	font-size: 14pt;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
	text-decoration: none;
	text-align: center;
	padding: 10px;
}

.f_LightBlue
{
	background-color: #005EC2;
	background-image: -o-linear-gradient(bottom, #298CD7 0%, #005EC2 100%);
	background-image: -moz-linear-gradient(bottom, #298CD7 0%, #005EC2 100%);
	background-image: -webkit-linear-gradient(bottom, #298CD7 0%, #005EC2 100%);
	background-image: -ms-linear-gradient(bottom, #298CD7 0%, #005EC2 100%);
	background-image: linear-gradient(to bottom, #298CD7 0%, #005EC2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#298CD7', endColorstr='#005EC2',GradientType=0 ); /* IE6-9 */
}

.f_DeepBlue
{
	background-color: #003C7C;
	background-image: -o-linear-gradient(bottom, #0074BF 0%, #003C7C 100%);
	background-image: -moz-linear-gradient(bottom, #0074BF 0%, #003C7C 100%);
	background-image: -webkit-linear-gradient(bottom, #0074BF 0%, #003C7C 100%);
	background-image: -ms-linear-gradient(bottom, #0074BF 0%, #003C7C 100%);
	background-image: linear-gradient(to bottom, #0074BF 0%, #003C7C 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074BF', endColorstr='#003C7C',GradientType=0 ); /* IE6-9 */
}

	.footer .Links a {
		color: white;
		font-size: 14pt;
		font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
		text-decoration: none;
	}

	.footer .Message {
		color: #AFE2FB;
		font-size: 10pt;
	}

		.footer .Links a:after {
			content: " |";
		}

		.footer .Links a:last-child:after {
			content: "";
		}

		.footer .Links a:hover {
			color: #F39800;
		}

.TopCourse {
	/*margin: 2px;*/
}	

	.TopCourse .Title {
		background-color: #007ECC;
		background-image: -o-linear-gradient(right, #54bdee 0%, #005EC2 100%);
		background-image: -moz-linear-gradient(right, #54bdee 0%, #005EC2 100%);
		background-image: -webkit-linear-gradient(right, #54bdee 0%, #005EC2 100%);
		background-image: -ms-linear-gradient(right, #54bdee 0%, #005EC2 100%);
		background-image: linear-gradient(to right, #54bdee 0%, #005EC2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54bdee', endColorstr='#005EC2',GradientType=1 ); /* IE6-9 */
		padding: 0.5em;
		font-size: 16pt;
		font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
		font-weight: bold;
		color: white;
		text-shadow: 1px 1px 3px #222;
		text-align: center;
		vertical-align: middle;
	}

	.TopCourse .DeepBlue {
		background-color: #0074BF;
		background-image: -o-linear-gradient(right, #0074BF 0%, #003C7C 100%);
		background-image: -moz-linear-gradient(right, #0074BF 0%, #003C7C 100%);
		background-image: -webkit-linear-gradient(right, #0074BF 0%, #003C7C 100%);
		background-image: -ms-linear-gradient(right, #0074BF 0%, #003C7C 100%);
		background-image: linear-gradient(to right, #0074BF 0%, #003C7C 100%);
	}

		.TopCourse .Title .Slogan {
			font-size: smaller;
			font-weight: normal;
			text-decoration: none;
		}

		.TopCourse .Title .More {
			float: right;
			font-size: smaller;
			text-decoration: none;
			color: white;
		}

			.TopCourse .Title .More:before {
				content: ">>";
			}

			.TopCourse .Levels{
				vertical-align: top;
				display: inline-block;
				width: 20%;
				min-width: 190px;
			}

			.TopCourse .Levels ul {
				color: #005EC2;
				list-style-type: none;
				font-weight: bold;
			}

			.TopCourse .Levels a {
				color: #005EC2;
				text-decoration: none;
				font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
				font-size: 14pt;
			}

				.TopCourse .Levels a:before {
					content: "█";
					font-family: MingLiU;
					margin-right: 3px;
				}

			.TopCourse .Levels a:hover {
				text-decoration: underline;
			}

	/*首頁：各大類：課程區塊列表*/
	.TopCourse .List {
		text-align: left;
		display: inline-block;
		max-width: 720px;
	}

		/*首頁：各大類：課程區塊*/
		.List .Course {
			margin: 15px 22px 2px 22px;
			border: solid 1px #ccc;
			display: inline-block;
			background-color: white;
			text-align: center;
			width: 20%;
			min-width: 190px;
			overflow: hidden;
			behavior: url(/PIE/PIE.htc);
		}

			.List .Course:hover {
				/*box-shadow: #FFA929 5px 5px;*/
				border: solid 1px #FFA929;
			}

				/*.Course:hover .Desc {
					opacity: 0.2;
					transition: all 1s;
				}*/

			.List .Course img {
				margin: 5px;
				height: 144px;
				width: 180px;
				vertical-align: bottom;
				behavior: url(/PIE/PIE.htc);
			}

			.List .Course .Desc {
				height: 50px;
				color: #FF5500;
				font-weight: bold;
				text-shadow: 1px 1px 5px #FFD42A;
				font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
				behavior: url(/PIE/PIE.htc);
			}

			.List .Course .NotPublicYet {
				color: blue; text-shadow: none;
			}

			.TopCourse .List a {
				text-decoration: none;
				color: #222;
			}

/*分類樹*/
.CategoryBlock {
	border: solid 1px gray;
	/*border-radius: 5px;*/
	padding: 5px;
	margin: 5px;
}

	.CategoryBlock .Title {
		background-color: #005EC2;
		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%);
		font-size: 16pt;
		font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
		font-weight: bold;
		color: white;
		padding: 0.2em;
		/*border-top-left-radius: 5px;
		border-top-right-radius: 5px;*/
	}

	.CategoryBlock .Content {
		padding: 10px;
	}

		.CategoryBlock .Content .Warning {
			border: solid 1px #f1be81;
			padding: 10px;
			color: red;
			font-weight: bold;
		}

	.CategoryBlock .Content a, .SubContent a {
		text-decoration: none;
	}

a.BuyNowBtn {
	white-space: nowrap;
}

	.CategoryBlock .Content a.BuyNowBtn {
		font-size: 8pt;
		display: inline-block;
		float: right;
		color: red;
		border: solid 1px red;
		padding: 3px;
		border-radius: 3px;
	}

	.CategoryBlock .Content a.BuyNowBtn:hover, .SubContent a.BuyNowBtn:hover {
		background-color: red;
		color: white;
		transition: all 0.5s;
	}

.NavigatorTable {
	border-spacing: 5px;
	margin-left: 0;
	margin-right: auto;
}

	.NavigatorTable td.Title {
		font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
		font-size: 24pt;
		color: #0050af;
		letter-spacing: 0.5em;
		font-weight: bold;
	}

	.NavigatorTable td.WithoutSpacing {
		letter-spacing: normal;
	}


.Nav {
	text-align: right; white-space: nowrap;
}

	.Nav img {
		vertical-align: middle;
	}

.CourseBlock {
	border: solid 2px #ccc;
	padding: 5px;
}

	.CourseBlock .Title {
		background-color: #005EC2;
		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%);
		font-size: 16pt;
		font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
		font-weight: bold;
		color: white;
		padding: 0.2em;
	}

	.CourseBlock .DeepBlue {
		background-color: #0074BF;
		background-image: -o-linear-gradient(right, #0074BF 0%, #003C7C 100%);
		background-image: -moz-linear-gradient(right, #0074BF 0%, #003C7C 100%);
		background-image: -webkit-linear-gradient(right, #0074BF 0%, #003C7C 100%);
		background-image: -ms-linear-gradient(right, #0074BF 0%, #003C7C 100%);
		background-image: linear-gradient(to right, #0074BF 0%, #003C7C 100%);
	}

	/*用在詳細資料頁的學級顯示*/
	.CourseBlock .Level {
		/*text-align: right;*/
		color: #005EC2;
		font-weight: bold;
		font-size: 10pt;
		padding: 5px;
	}

	.CourseBlock .Content .SubTitle {
		font-size: 14pt;
		font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
		font-weight: bold;
		color: #00a0e9;
		padding-top: 10px;
	}

	.CourseBlock .Content .SubContent {
		padding: 10px 0 10px 30px;
	}

		.SubContent a.BuyNowBtn {
			display: inline-block;
			color: red;
			border: solid 1px red;
			padding: 3px;
			border-radius: 3px;
			margin: 1px 5px;
		}

	.CourseBlock .Attention .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%);
		font-size: 16pt;
		font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
		font-weight: bold;
		color: white;
		padding: 0.3em;
	}

	.CourseBlock .Attention .DeepBlue {
		background-color: #0074BF;
		background-image: -o-linear-gradient(right, #0074BF 0%, #003C7C 100%);
		background-image: -moz-linear-gradient(right, #0074BF 0%, #003C7C 100%);
		background-image: -webkit-linear-gradient(right, #0074BF 0%, #003C7C 100%);
		background-image: -ms-linear-gradient(right, #0074BF 0%, #003C7C 100%);
		background-image: linear-gradient(to right, #0074BF 0%, #003C7C 100%);
	}
.menu ul {
	margin: 0;
	padding: 0;
}

.menu li.menuactive {
	background-color: #ff7e02;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFA929), color-stop(1, #ff7e02));
	background-image: -o-linear-gradient(right, #FFA929 0%, #ff7e02 100%);
	background-image: -moz-linear-gradient(right, #FFA929 0%, #ff7e02 100%);
	background-image: -webkit-linear-gradient(right, #FFA929 0%, #ff7e02 100%);
	background-image: -ms-linear-gradient(right, #FFA929 0%, #ff7e02 100%);
	background-image: linear-gradient(to right, #FFA929 0%, #ff7e02 100%);
	border: solid 1px #ff7e02;
}

	.menu li.menuactive a {
		color: white;
	}

.menu li {
	display: inline-block;
	padding: 0.2em 0.4em;
	border: solid 1px gray;
	/*border-radius: 5px;*/
	margin: 0;
}

	.menu li a {
		font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
		color: gray;
		text-decoration: none;
	}

	.menu li:hover {
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFA929), color-stop(1, #ff7e02));
		background-image: -o-linear-gradient(right, #FFA929 0%, #ff7e02 100%);
		background-image: -moz-linear-gradient(right, #FFA929 0%, #ff7e02 100%);
		background-image: -webkit-linear-gradient(right, #FFA929 0%, #ff7e02 100%);
		background-image: -ms-linear-gradient(right, #FFA929 0%, #ff7e02 100%);
		background-image: linear-gradient(to right, #FFA929 0%, #ff7e02 100%);
	}

.TableStyle {
	width: 100%;
}

	.TableStyle th {
		border: solid 1px #ccc;
		padding: 5px;
	}

	.TableStyle .Row td, .TableStyle .AltRow td {
		border: solid 1px #ccc;
		padding: 5px;
		font-size: 11pt;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 20px;
		color: #666666;
		text-decoration: none;
	}

		.TableStyle .Row td a, .TableStyle .AltRow td a {
			font-size: 11pt;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			/*line-height: 20px;*/
			color: #666666;
			text-decoration: underline;
		}

			.TableStyle .Row td a:hover, .TableStyle .AltRow td a:hover {
				color: #333333;
				text-decoration: underline;
			}

	.TableStyle .Header {
		color: white;
		background-color: #00a0e9;
	}

	.TableStyle .AltRow {
		background-color: #eee;
	}

	.TableStyle .KPager td {
		background-color: #00a0e9;
		color: white;
		text-align: center;
		vertical-align: middle;
		padding: 5px;
	}

	.TableStyle .KPager a {
		color: white;
		text-decoration: none;
	}

.PlayerContainer {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

	.PlayerContainer object, .PlayerContainer embed, .PlayerContainer video, .PlayerContainer iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.CvsWindow {
	margin: 50px auto;
	border: solid 8px #00a0e9;
}

	.CvsWindow td {
		padding: 20px;
		font-size: large;
		background-color: White;
		text-align: left;
	}


/* ------ 新聞內容相關設定------  */
.KNews { background-color: white }
.KNews #From{ color:#298CD7; }
/* 列表標題 */
.KNews #News h3{
	color: #0050AF;
	background-color: #298CD7; /* Old browsers */
	background-image: -moz-linear-gradient(top,  #BDE5FB 0%, #298CD7 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BDE5FB), color-stop(100%,#298CD7)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #BDE5FB 0%,#298CD7 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #BDE5FB 0%,#298CD7 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #BDE5FB 0%,#298CD7 100%); /* IE10+ */
	background-image: linear-gradient(to bottom,  #BDE5FB 0%,#298CD7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BDE5FB', endColorstr='#298CD7',GradientType=0 ); /* IE6-9 */
}
.KNews .NewsBox { border-radius: 0; }
.KNews .NewsBox .More { background-color: white; }
.KNews .NewsBox .More a { color: #0050AF; background-color: #D4F5FE; border: solid 1px #0050AF; }
/* 左邊區標題設定：未連結呈現橘字；有連結，滑鼠移過綠字變橘字 */
.KNews .NewsBox .Title {
	background-color: #298CD7; /* Old browsers */
	background-image: -moz-linear-gradient(top,  #BDE5FB 0%, #298CD7 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BDE5FB), color-stop(100%,#298CD7)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #BDE5FB 0%,#298CD7 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #BDE5FB 0%,#298CD7 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #BDE5FB 0%,#298CD7 100%); /* IE10+ */
	background-image: linear-gradient(to bottom,  #BDE5FB 0%,#298CD7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BDE5FB', endColorstr='#298CD7',GradientType=0 ); /* IE6-9 */
	border-radius: 0;
}
/* 區標題連結 */
.KNews .NewsBox .Title a { color: #0050AF; } /* 換成KStudy用色 */
/* 區標題連結：滑鼠移過或是目前在同一區 */
.KNews .NewsBox .Title a:hover,.KNews .NewsBox .Title a.active{ color: white; text-shadow: -2px 0 2px #0050AF, 0 2px 2px #0050AF, 2px 0 2px #0050AF, 0 -2px 2px #0050AF; } /* 換成KStudy用色 */

.KNews .NewsSearch {
	color: #0050AF;
	margin-top: 7px;
	margin-left: 5px;
	margin-right: 5px;
	max-width: 225px;
}

.KNews a.NewsSearchBtn{
	color: #0050AF;
	border-color: #0050af;
	background-color: #D4F5FE; /* Old browsers */
	background-image: none;
	filter: initial;

}
.KNews .NewsTitleClickHint{
	margin-top: 10px;
	color: #e67800;
	font-size: 10pt;
}
.KNews .InputBox { border-color: #BDE5FB }
.KNews #News .Seperator { border-bottom: solid 1px #AFE2FB; }
.KNews #News .NewsDate {color: #00a0e9 }
.KNews #News h3 { text-shadow: -2px 0 2px white, 0 2px 2px white, 2px 0 2px white, 0 -2px 2px white; }

/*footer: 隱私與版權聲明 & 聯絡我們 & 會員條款 */
.FooterContentContainer { margin: 0 auto; color: #555; font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif; }
	.FooterContentContainer h1 { color: #0050af; border-bottom: solid 2px #0050af }
	.FooterContentContainer h3 { margin: 1em; border-bottom: solid 2px #555; margin-top: 1.5em; }
	.FooterContentContainer p { margin: 1em 2em 1em 2em; text-indent: 2em; }
	.FooterContentContainer>ol { margin: 1em 2em 1em 2em; list-style-type: cjk-ideographic }
	.FooterContentContainer li { margin-top: 1em; }