@charset "utf-8";
.PagePath {
	margin: 5px 0;
	height: 19px;
	overflow: hidden;
	}
	.PagePath span {
		display: block;
		float: left;
		background: url(../images/path_bg.gif) repeat-x 0 0;
		height: 19px;
		}
	.PagePath img {
		margin: 5px 0 5px 10px;
		border: 0;
		}
	.PagePath a {
		display: block;
		float: left;
		font: 12px/19px Arial, Helvetica, sans-serif, "新細明體";
		}
	.PagePath a:hover {
		color: #333;
		text-decoration: none;
		}
	.PathHome {
		padding: 0 10px 0 25px;
		background: url(../images/path_home.gif) no-repeat 0 0;
		color: #595959;
		}
	.PathParent {
		padding: 0 10px 0 15px;
		background: url(../images/path_parent.gif) no-repeat 0 0;
		color: #595959;
		}
	.PathCurrent {
		padding: 0 10px 0 15px;
		background: #FFF url(../images/path_current.gif) no-repeat 0 0;
		color: #000;
		}

.PageContainer {
	padding: 5px 0;
	}
.LeftCol, .RightCol {
	float: left;
	font: 12px/1.5 Arial, Helvetica, sans-serif, "新細明體";
	}
.LeftCol {
	padding: 0;
	width: 200px;
	}
.RightCol {
	padding: 0 0 0 10px;
	_padding: 0 0 0 8px;
	width: 750px;
	}
	
	
	
.Categories {
	background: url(../images/cate_bg.jpg) repeat-y 0 0;
	}
.Categories-top {
	background: url(../images/cate_top.jpg) no-repeat 0 0;
	}
.Categories-bot {
	background: url(../images/cate_bottom.jpg) no-repeat 0 0;
	height: 5px;
	font: 5px/1 Arial, Helvetica, sans-serif, "新細明體";
	}
	.Categories-top h1 {
		margin: 0;
		padding: 0;
		background: url(../images/cate_title.jpg) no-repeat 0 0;
		height: 40px;
		line-height: 40px;
		text-indent: -1000em;
		}
	ul.Cate-button {
		margin: 0 5px;
		padding: 0;
		width: 190px;
		}
	ul.Cate-button li {
		display: block;
		float: left;
		margin: 0 0 1px 0;
		padding: 0;
		list-style: none;
		background: #FFF;
		width: 190px;
		border: 0;
		}
	ul.Cate-button li a {
		display: block;
		float: left;
		padding: 6px 0 6px 20px;
		background: #FFF url(../images/dot_arrow_cate.gif) no-repeat 0 0;
		width: 170px;
		font: 12px/1.5 Arial, Helvetica, sans-serif, "新細明體";
		color: #595959;
		border: 1px solid #FFF;
		}
	ul.Cate-button li a:hover, ul.Cate-button li a.Current {
		background: #F7F7F7 url(../images/dot_arrow_cate.gif) no-repeat 0 0;
		text-decoration: none;
		color: #D51708;
		border: 1px solid #FC4B5A;
		}

	ul.Cate-button li .SchoolName {
		float: left;
		display: block;
		padding: 0 5px 0 0;
		width: 60px;
		font: 11px/18px Arial, Helvetica, sans-serif, "新細明體";
		color: #999;
		}
	ul.Cate-button li .ClassName {
		float: left;
		display: block;
		cursor: pointer;
		color: #C32065;
		}


.Menu-left {
	padding: 5px 0;
	}
	.Menu-left ul,
	.Menu-left ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	.Menu-left ul {
		width: 200px;
		}
	.Menu-left ul li {
		margin: 0 0 1px 0;
		padding: 6px 5px;
		background: #F4F4F4 url(../images/left_menu_bg.gif) repeat-x 0 0;
		border: 1px solid #E4E4E4;
		}
		
	.Menu-left ul li a {
		display: block;
		padding: 0 0 0 25px;
		background: url(../images/dot_left_menu.gif) no-repeat 0 center;
		font: 12px/18px Arial, Helvetica, sans-serif, "新細明體";
		color: #666;
		}
	.Menu-left ul li a:hover {
		background: url(../images/dot_left_menu_over.gif) no-repeat 0 center;
		color: #000;
		}
	.Btn-reservation {
		margin: 5px 0;
		padding: 5px;
		background: url(../images/btn_reservation.gif) repeat-x 0 0;
		color: #E1F5F5;
		border: 1px solid #E4E4E4;
		font: 12px/18px Arial, Helvetica, sans-serif, "新細明體";
		}
	.Btn-reservation a {
		display: block;
		padding: 0 0 0 25px;
		background: url(../images/dot_reservation.gif) no-repeat 0 center;
		color: #25ACDC;
		}
	.Btn-study {
		padding: 5px 0;
		width: 200px;
		height: 40px;
		}
	.Btn-study a {
		display: block;
		background: url(../images/btn_study.gif) repeat-x 0 0;
		height: 40px;
		text-indent: -1000em;
		}
	.Btn-study a:hover {
		display: block;
		background: url(../images/btn_study.gif) repeat-x 0 -40px;
		height: 40px;
		text-indent: -1000em;
		}
	.Btn-adblock {
		padding: 5px 0;
		width: 200px;
		height: 40px;
		}
	.Btn-adblock a {
		display: block;
		background: url(../images/btn_adblock.gif) repeat-x 0 0;
		height: 40px;
		text-indent: -1000em;
		}
	.Btn-adblock a:hover {
		display: block;
		background: url(../images/btn_adblock.gif) repeat-x 0 -40px;
		height: 40px;
		}
	.Btn-adblock a img {
		border: 0;
		}
		
.PageHeading {
	position: relative;
	background: #25ACDC url(../images/line_blue.gif) no-repeat left center;
	height: 100px;
	}
	.PageHeading h3,
	.PageHeading h4 {
		margin: 0;
		color: #FFF;
		}
	.PageHeading h3 {
		padding: 20px 0 0 80px;
		font: 40px/1 "華康儷中黑";
		}
	.PageHeading h4 {
		padding: 0 0 0 80px;
		font: 20px/1 "Lucida Sans Unicode";
		}
	.PageSlogan {
		position: absolute;
		right: 10px;
		top: 0;
		height: 100px;
		}
	.Menu-right, .Menu-right-school {
		margin: 0;
		padding: 0;
		}
	.Menu-right ul, .Menu-right ul li,
	.Menu-right-school ul, .Menu-right-school ul li {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
		height: 30px;
		}
	.Menu-right ul li,
	.Menu-right-school ul li {
		float: left;
		}
	.Menu-right ul li a {
		display: block;
		padding: 2px 10px 0 30px;
		line-height: 28px;
		color: #25ACDC;
		font-weight: bold;
		border-right: 1px solid #25ACDC;
		background: url(../images/dot_left_menu.gif) no-repeat left center;
		}
	.Menu-right ul li a:hover, .Menu-right ul li a.Current {
		background: #25ACDC url(../images/dot_menu_top_blue.gif) no-repeat 0 center;
		color: #FFF;
		font-weight: bold;
		border-right: 1px solid #FFF;
		}
	.Menu-right-school ul li a {
		display: block;
		padding: 2px 10px 0 30px;
		line-height: 28px;
		color: #666;
		font-weight: bold;
		border-right: 1px solid #DEDFE0;
		background: url(../images/dot_left_menu.gif) no-repeat left center;
		}
	.Menu-right-school ul li a:hover, .Menu-right-school ul li a.Current {
		background: #DEDFE0 url(../images/dot_menu_top_gray.gif) no-repeat 0 center;
		color: #000;
		font-weight: bold;
		border-right: 1px solid #FFF;
		}

	.PageTitle {
		padding: 30px 10px 10px 20px;
		background: url(../images/line_div.gif) repeat-x left bottom;
		}
	.PageTitle h3 {
		margin: 0;
		padding: 0 0 0 20px;
		color: #000;
		font: bold 21px/1 "華康儷中黑";
		background: url(../images/dot_footer_arrow.gif) no-repeat 0 center;
		}
	.PageTitle h3 span  {
		padding: 0 0 0 20px;
		color: #666;
		font: 18px/1.5 "Lucida Sans Unicode";
		}
	.PageSubTitle {
		padding: 0 0 10px 20px;
		background: url(../images/line_div.gif) repeat-x left bottom;
		}
	.PageSubTitle h3 {
		margin: 0;
		padding: 0 0 0 20px;
		color: #000;
		font: bold 21px/1 "華康儷中黑";
		background: url(../images/dot_footer_arrow.gif) no-repeat 0 center;
		}
	.PageSubTitle h3 span  {
		padding: 0 0 0 20px;
		color: #666;
		font: 18px/1.5 "Lucida Sans Unicode";
		}

	.PageSubBottom {
		padding: 20px;
		background: url(../images/line_div.gif) repeat-x left top;
		}
	.PageContent {
		padding: 0 0 30px 0;
		}
	.PageDetail {
		padding: 10px 50px;
		}
	.PageDetail p {
		margin: 0;
		/*padding: 10px 0; fixDate:20101206 */
		padding:0;
		line-height: 2em;
		color: #666;
		}
		
		
.PageNewsList {
	margin: 0;
	padding: 0 20px;
	}
	.PageNewsList h1 a {
		display: block;
		margin: 0;
		padding: 2px 0 0 0;
		width: 70px;
		height: 14px;
		background: url(../images/news_more.gif) no-repeat 0 0;
		font: 11px/14px "新細明體";
		text-align: center;
		color: #E8A4C6;
		}
	.PageNewsList h1 a:hover {
		color: #F10175;
		background: url(../images/news_more.gif) no-repeat 0 -16px;
		text-decoration: none;
		}
	.PageNewsList ul, .PageNewsList ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	.PageNewsList ul li {
		margin: 3px 0 0 0;
		padding: 0 0 0 20px;
		background: url(../images/dot_news_arrow.gif) no-repeat left top;
		}
	.PageNewsList ul li a {
		display: block;
		}
	.PageNewsList ul li a:hover {
		background: #F4F4F4;
		}
	.PageNewsList ul li a h3 {
		margin: 0;
		padding: 0;
		background: url(../images/line_hori.gif) repeat-x 0 bottom;
		font: bold 12px/20px "新細明體";
		color: #EE026D;
		}
	.PageNewsList ul li a h3 span {
		padding: 0 0 0 10px;
		font: 10px/2 Tahoma;
		color: #999;
		}
	.PageNewsList ul li a p {
		margin: 0;
		padding: 5px 0;
		font: 12px/1.5 "新細明體";
		color: #333;
		}
	.PageNewsList ul li a:hover h3, .PageNewsList ul li a:hover p {
		text-decoration: underline;
		}
	.PageNewsList ul li a:hover h3 span {
		text-decoration: none;
		}

.PageSort {
	margin: 0;
	padding: 0 30px;
	}
	.PageSort a {
		padding: 2px 8px;
		background: #F4F4F4;
		font: 10px/1.5 "Lucida Sans Unicode";
		color: #333;
		}
	.PageSort a:hover, .PageSort a.Current {
		background: #25ACDC;
		color: #FFF;
		}
		
		
.PageCourse {
	padding: 15px 50px 30px 50px;
	}
	.PageCourseName {
		margin: 0;
		padding: 0 0 30px 20px;
		/*height: 52px;*/
		}
	.PageCourseBg {
		padding: 0;
		background: url(../images/course_name_bg.gif) no-repeat right bottom;
		width: 300px;
		height: 52px;
		display: none;
		}
	.PageCourseNameLeft {
		padding: 0;
		height: 52px;
		background: url(../images/course_name_bg.gif) no-repeat 0 0;
		}
	.PageCourseName h3,
	.PageCourseName h4 {
		margin: 0;
		padding: 0;
		}
	.PageCourseName h3 {
		padding: 12px 30px 0 20px;
		font: 18px/1 "華康儷中黑";
		height: 18px;
		}
	.PageCourseName h4 {
		padding: 0 30px 0 20px;
		font: 10px/1 "Lucida Sans Unicode";
		color: #666;
		height: 22px;
		}
	.PageCourseDetail {
		position: relative;
		margin: 0;
		padding: 0;
		}
	.PageCourseDetail dl {
		display: block;
		/*float: left;*/
		margin: 0;
		padding: 0;
		clear: both;
		}
	.PageCourseDetail dl dt,
	.PageCourseDetail dl dd {
		display: block;
		/*float: left;*/
		}
	.PageCourseDetail dl dt {
		margin: 0;
		padding: 0 10px 10px 20px;
		background: url(../images/course_head_left_bg.jpg) no-repeat left top;
		width: auto;
		height: 22px;
		color: #06f;
		}
	.PageCourseDetail dl dt div {
		float: left;
		margin: 0 10px 0 0;
		padding: 2px 20px 0 0;
		background: url(../images/course_head_bg.jpg) no-repeat right top;
		font: bold 13px/20px "新細明體";
		color: #333;
		text-align: center;
		}
	.PageCourseDetail dl dd {
		margin: 0;
		padding: 2px 0 10px 0;
		line-height: 20px;
		}
	.PageCourseDetail dl dd td {
		padding: 0 10px 0 0;
		}
	.PageCourseDetail dl dd img {
		padding: 4px;
		border: 1px solid #efefef;
		width: 160px;
		}
	.PageCourseText {
		background: #fff;
		}
	.PageCourseBook {
		float: right;
		display: none;
		}
	.PageCourseTips {
		margin: 0 0 0 120px;
		padding: 0 15px 0 25px;
		background: url(../images/course_tips.jpg) no-repeat 0 0;
		height: 22px;
		font: 13px/20px "新細明體";
		color: #E30165;
		}
	.PageCourseSchool {
		padding: 10px 0 10px 120px;
		}
	.PageCourseSchool ul,
	.PageCousseSchool ul li {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
		}
	.PageCourseSchool ul li {
		float: left;
		padding: 0 0 0 10px;
		background: url(../images/left_menu_bg.gif);
		width: 160px;
		border: 1px solid #DEDEDE;
		}
	.PageCourseSchool a {
		display: block;
		padding: 5px 0 5px 25px;
		background: url(../images/dot_left_menu.gif) no-repeat left center;
		color: #666;
		}
	.PageCourseSchool a:hover {
		background: url(../images/dot_left_menu_over.gif) no-repeat left center;
		color: #333;
		}
	
	h4.PageCourseSlogan {
		margin: 0;
		padding: 0 0 0 130px;
		color: #F00;
		line-height: 2em;
		}
	h2.PageCourseSlogan {
		margin: 0;
		padding: 0;
		color: #F00;
		line-height: 2em;
		font-size: 13px;
		}
	.PageCourseBrief {
		padding: 0 0 0 130px;
		line-height: 2;
		}
	.PageCourseBrief {
		padding: 0;
		line-height: 2;
		}
	
.SchoolService {
	padding: 0 0 10px 0;
	background: url(../images/school_pic.jpg) no-repeat 0 0;
	height: 150px;
	}	
.SubSchoolService {
	padding: 0 0 10px 0;
	background: url(../images/school_service.jpg) no-repeat 0 0;
	height: 150px;
	}		
.SubSchoolService a {
	position: relative;
	display: block;
	float: left;
	width: 50%;
	height: 150px;
	}
.SubSchoolService a:hover {
	text-decoration: none;
	}
.SubSchoolService a div {
	position: absolute;
	left: 0;
	bottom: 12px;
	padding: 0 0 0 45px;
	font: 12px/20px "新細明體";
	color: #FFF;
	}
	.SubSchoolService a.Enable {
		background: url(../images/service_offline.gif) no-repeat 0 0;
	}
	.Disable {
		background: url(../images/service_online.gif) no-repeat 0 0;
	}
	.SubSchoolService a.Blog {
		background: url(../images/service_blog.gif) no-repeat 0 0;
	}
	.SubSchoolService a.Blog:hover {
		background: url(../images/service_blog_over.gif) no-repeat 0 0;
	}
		.SubSchoolService a.Blog div {	text-indent: -999em; overflow: hidden;}
		
.SchoolHeading {
	position: relative;
	background: #333 url(../images/school_heading.jpg) no-repeat left center;
	height: 150px;
	}
	.SchoolHeading h3,
	.SchoolHeading h4 {
		margin: 0;
		color: #fff;
		}
	.SchoolHeading h3 {
		padding: 40px 0 0 80px;
		font: 40px/1 "華康儷中黑";
		}
	.SchoolHeading h4 {
		padding: 0 0 0 80px;
		width: 260px;
		font: 20px/1 "Lucida Sans Unicode";
		}
	.SchoolHeadingInfo {
		/*position: absolute;
		left: 330px;
		top: 0;*/
		padding: 0 0 10px 0;
		}
	.SchoolHeadingInfo ul { margin: 0; padding: 0 0 10px 0;  border-bottom: 1px solid #ddd;}
	.SchoolHeadingInfo ul li {
		margin: 0;
		list-style: none;
		line-height: 1.5em;
		}
	.Info-name { padding: 0 0 10px 30px; font-size: 13px;}
	.Info-add {
		padding: 0 0 0 30px;
		background: url(../images/icon_address.jpg) no-repeat left top;
		}
	.Info-phone {
		padding: 0 0 0 30px;
		background: url(../images/icon_phone.jpg) no-repeat left top;
		}
	.Info-email {
		padding: 0 0 0 30px;
		background: url(../images/icon_email.jpg) no-repeat left top;
		}
	.Info-blog {
		padding: 0 0 0 30px;
		background: url(../images/icon_blog.jpg) no-repeat left top;
		}
	.SchoolHeadingInfo a {
		color: #FF0066;
		}
	.SchoolHeadingMap {
		position: absolute;
		right: 10px;
		top: -30px;
		width: 160px;
		height: 260px;
		background: url(../images/school_map.gif) no-repeat 0 0;
		}
	/* 2010-03-30 Add */
	.SchoolHeadingMap ul, .SchoolHeadingMap li {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
		}
	.SchoolHeadingMap a {
		position: absolute;
		display: block;
		width: 160px;
		cursor: pointer;
		}
		.Map-top {
			top: 0;
			background: url(../images/school_map.gif) no-repeat 0 0;
			height: 75px;
			}
		li.MapIn a.Map-top {
			background: url(../images/school_map.gif) no-repeat -160px 0;
			height: 75px;
			z-index: 1;
			}
		.Map-mid {
			top: 63px;
			background: url(../images/school_map.gif) no-repeat 0 -63px;
			height: 98px;
			}
		li.MapIn a.Map-mid {
			background: url(../images/school_map.gif) no-repeat -320px -63px;
			height: 98px;
			z-index: 1;
			}
		.Map-bot {
			top: 133px;
			background: url(../images/school_map.gif) no-repeat 0 -133px;
			height: 118px;
			}
		li.MapIn a.Map-bot {
			background: url(../images/school_map.gif) no-repeat -480px -133px;
			height: 118px;
			z-index: 1;
			}
	div#MapShow p { display: none;}
	div#MapShow p.Map-large {
		display: block;
		margin: 0 auto;
		padding: 60px 0 0 0;
		text-align: center;
		}
	
	.PageEvents {
		display: block;
		margin: 0;
		padding: 0;
		width: 640px;
		clear: both;
		overflow: hidden; zoom: 0; outline: none;
		}
	.PageEvents dt {
		display: block;
		float: left;
		width: 140px;
		height: 108px;
		background: url(../images/events_pic_bg.gif) no-repeat 0 0;
		}
	.PageEvents dt img {
		margin: 9px;
		border: 0;
		}
	.PageEvents dd {
		display: block;
		float: left;
		margin: 0;
		padding: 0 0 0 10px;
		width: 460px;
		}
	.PageEvents dd a {
		padding: 0 10px;
		display: block;
		color: #333;
		}
	.PageEvents dd a:hover {
		text-decoration: none;
		}
	.PageEvents dd h4,
	.PageEvents dd p {
		margin: 0;
		padding: 5px 0;
		line-height: 1.5em;
		}
	.PageEvents dd h4 {
		color: #000;
		font: bold 15px/1.5 Arial, Helvetica, sans-serif, "新細明體";
		}
	.PageEvents dd p a {
		color: #666;
		}
	.PageActive {
		margin: 10px 0;
		padding: 10px 20px;
		background: #FFC;
		border: 1px solid #EFEF8F;
		overflow: auto;
		zoom: 1;
		outline: none;
		}
	.ActiveList {
		margin: 0;
		padding: 0;
		}
	.ActiveList li {
		margin: 0 5px;
		padding: 0;
		list-style: none;
		background: url(../images/active_pic_bg.gif) no-repeat 0 0;
		width: 108px;
		height: 120px;
		float: left;
		}
	.ActiveList li a {
		display: block;
		text-align: center;
		}
	.ActiveList li a:hover {
		text-decoration: none;
		}
	.ActiveList li a img {
		display: block;
		border: 0;
		margin: 9px;
		width: 90px;
		height: 60px;
		}
	.ActiveList li a p {
		margin: 0;
		padding: 0 0 0 20px;
		text-align: left;
		background: url(../images/dot_news_arrow.gif) no-repeat left top;
		font: 12px/1.5 Arial, Helvetica, sans-serif, "新細明體";
		color: #333;
		}
	.ContactLeft,
	.ContactRight {
		float: left;
		}
	.ContactLeft {
		padding: 0 10px 0 0;
		width: 290px;
		}
	.ContactRight {
		width: 350px;
		}
	.Map-google {
		display: block;
		padding: 0 0 0 80px;
		background: url(../images/icon_google.gif) no-repeat 0 0;
		height: 30px;
		font: bold 12px/30px Arial, Helvetica, sans-serif, "新細明體";
		color: #C00;
		}
	.ContactRight dl {
		margin: 0;
		padding: 0;
		}
	.ContactRight dt,
	.ContactRight dd {
		display: block;
		margin: 0;
		padding: 0;
		float: left;
		}
	.ContactRight dt {
		padding: 5px 0;
		width: 95px;
		}
	.ContactRight dd {
		padding: 5px 0px;
		width: 240px;
		}
	.FormInput {
		width: 240px;
		border-top: 1px solid #999;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		border-left: 1px solid #999;
		background: #EFEFEF;
		font: 12px/1.5 Arial, Helvetica, sans-serif, "新細明體";
		}
	.ContactRight .BtnSend {
		background: url(../images/btn_forms.gif) no-repeat 0 0;
		width: 115px;
		height: 24px;
		color: #FFF;
		font: bold 12px/1.5 Arial, Helvetica, sans-serif, "新細明體";
		border: 0;
		cursor: pointer;
		}
	.ContactRight .BtnSendOver {
		background: url(../images/btn_forms.gif) no-repeat 0 -24px;
		width: 115px;
		height: 24px;
		color: #960;
		font: bold 12px/1.5 Arial, Helvetica, sans-serif, "新細明體";
		border: 0;
		cursor: pointer;
		}
		.BtnSend {
		background: url(../images/btn_form.gif) no-repeat 0 0;
		width: 115px;
		height: 24px;
		color: #FFF;
		font: bold 12px/1.5 Arial, Helvetica, sans-serif, "新細明體";
		border: 0;
		cursor: pointer;
		}
	.BtnSendOver {
		background: url(../images/btn_form.gif) no-repeat 0 -24px;
		width: 100px;
		height: 24px;
		color: #960;
		font: bold 12px/1.5 Arial, Helvetica, sans-serif, "新細明體";
		border: 0;
		cursor: pointer;
		}
		
	.Textbook {
		margin: 0;
		padding: 0;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		width: 650px;
		overflow: auto;
		clear: both;
		zoom: 1;
		}
	.Textbook li {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		}
	.Textbook li.BookLeft {
		padding: 20px 0 0 0;
		width: 120px;
		font: bold 15px/1.5 Arial, Helvetica, sans-serif, "新細明體";
		text-align: center;
		}
	.Textbook li.BookRight {
		padding: 10px;
		width: 505px;
		background: #EFEFEF;
		}
	a.BookList {
		display: block;
		padding: 0 10px 0 0;
		width: 90px;
		height: 150px;
		float: left;
		text-align: center;
		}
	a.BookList:hover {
		text-decoration: none;
		}
	a.BookList:hover .BookImg {
		background: #FC0;
		}
	a.BookList .BookImg {
		padding: 4px;
		background: #FFF;
		border: 1px solid #CCC;
		}
	a.BookList .BookImg img {
		border: 0;
		width: 80px;
		height: 110px;
		}
	a.BookList .BtnBook {
		margin: 5px auto;
		background: url(../images/btn_book.gif) no-repeat 0 0;
		width: 80px;
		height: 20px;
		font: 11px/20px "新細明體";
		color: #C00;
		}
	.BookBorder1{
		border-left: 3px solid #F00;
		}
	.BookBorder2{
		border-left: 3px solid #00FF00;
		}
	.BookBorder3{
		border-left: 3px solid #0000FF;
		}
	.BookBorder4{
		border-left: 3px solid #FFFF00;
		}		
	.BookBorder5{
		border-left: 3px solid #00FFFF;
		}
	.BookBorder6{
		border-left: 3px solid #FF00FF;
		}	
	
	.BookDetail {
		margin: 0;
		padding: 0;
		width: 650px;
		clear: both;
		overflow: auto;
		zoom: 1;
		}
	.BookDetail li {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		}
	.BookDetailImg {
		width: 170px;
		}
	.BookDetailImg img {
		padding: 4px;
		background: #FFF;
		width: 160px;
		border: 1px solid #ccc;
		}
	.BookDetailInfo {
		width: 480px;
		}
	.BookDetailInfo p {
		margin: 0 20px;
		padding: 0 20px;
		background: url(../images/dot_footer_arrow.gif) no-repeat left center;
		line-height: 2em;
		}
	.BookDetailText {
		padding: 0;
		}
	.BookDetailText p {
		padding: 0 0 0 20px;
		}
	
.TeacherList {
	margin: 0 25px;
	padding: 10px;
	}
	.TeacherBg1 {
		display: block;
		margin: 0;
		padding: 10px;
		background: #FCFCE2;
		border: 1px solid #E9E9C0;
		overflow: auto;
		clear: both;
		zoom: 1;
		}
	.TeacherBg2 {
		display: block;
		margin: 0;
		padding: 10px;
		background: #FFF;
		border: 1px solid #E9E9C0;
		overflow: auto;
		clear: both;
		zoom: 1;
		}
	.TeacherBg1 li, .TeacherBg2 li {
		margin: 0;
		padding: 10px;
		list-style: none;
		float: left;
		}
	.TeacherLeft {
		width: 100px;
		}
	.TeacherImg {
		border: 1px solid #CCC;
		padding: 4px;
		background: #FFF;
		width: 90px;
		}
	.TeacherName {
		margin: 0;
		padding: 0;
		font: bold 12px/2 Arial, Helvetica, sans-serif, "新細明體";
		color: #000;
		text-align: center;
		}
	.TeacherBlog {
		padding: 0 0 0 20px;
		background: url(../images/icon_blog_teahcer.gif) no-repeat 0 center;
		font: 11px/2 "新細明體";
		color: #0099FF;
		}
	.TeacherRight {
		width: 500px;
		}
	.TeacherContent {
		position: relative;
		clear: both;
		overflow: auto;
		zoom: 1;
		outline: none;
		}
	.TeacherContent h4 {
		/*position: absolute;
		left: 0;*/
		float: left;
		width: 90px;
		margin: 0;
		padding: 5px;
		font: bold 12px/2 Arial, Helvetica, sans-serif, "新細明體";
		color: #333;
		}
	.TeacherContent p {
		float: left;
		margin: 0;
		padding: 5px;
		/*width: 390px;   20100329 Edit*/
		}
	.TeacherContent p span {
		padding: 0 20px 0 0;
		color: #BF1F63;
		}
	.TeacherBg1 .TeacherWord p {
		background: #FFF;
		border: 1px solid #E9E9C0;
		}
	.TeacherBg2 .TeacherWord p {
		background: #FCFCE2;
		border: 1px solid #E9E9C0;
		}
		
		
.CourseTable {
	margin: 0 25px;
	padding: 4px;
	border: 1px solid #CCC;
	background: #FFF;
	}
	.CourseTable td {
		padding: 5px;
		font: 11px/1 Arial, Helvetica, sans-serif, "新細明體";
		}
	.CourseTable th {
		padding: 5px;
		font: bold 12px/1 Arial, Helvetica, sans-serif, "新細明體";
		color: #000;
		}
	.CourseTable tr.One {
		background: #DEDFE0;
		}
	.CourseTable tr.Two {
		background: #F1F1F1;
		}
	.CTH { text-align: center; background: #BE1F62;}
	.CTH th { color: #fff;}
	
.UserList {
	margin: 0 auto;
	width: 700px;
	}
.UserListLeft, .UserListRight {
	padding: 0 10px;
	}
	.UserStudent, .UserTeacher{
		marign: 0;
		padding: 0 0 10px 0;
		}
	.UserStudent .UserTop {
		background: url(../images/user_student_top.gif) no-repeat 0 0;
		height: 100px;
		}
	.UserStudent .UserMid {
		padding: 10px 0;
		background: url(../images/user_student_mid.gif) repeat-y 0 0;
		}
	.UserStudent .UserBot {
		background: url(../images/user_student_bot.gif) no-repeat 0 0;
		height: 19px;
		}
		
	.UserTeacher .UserTop {
		background: url(../images/user_teacher_top.gif) no-repeat 0 0;
		height: 100px;
		}
	.UserTeacher .UserMid {
		padding: 10px 0;
		background: url(../images/user_teacher_mid.gif) repeat-y 0 0;
		}
	.UserTeacher .UserBot {
		background: url(../images/user_teacher_bot.gif) no-repeat 0 0;
		height: 19px;
		}
		
	.UserTop {
		position: relative;
		}
	.UserTop h4 {
		position: absolute;
		margin: 0;
		padding: 0 5px;
		background: #FFF;
		height: 52px;
		line-height: 52px;
		font-size: 20px;
		color: #000;
		}
	.UserTop img {
		position: absolute;
		right: 19px;
		top: 8px;
		width: 88px;
		height: 58px;
		border: 1px solid #ccc;
		}
	.UserTop p {
		position: absolute;
		bottom: 20px;
		left: 10px;
		margin: 0;
		padding: 0;
		font: 14px/20px "Lucida Sans Unicode";
		color: #333;
		}	
	.UserMid p {
		margin: 0;
		padding: 0 20px;
		font: 12px/2 Arial, Helvetica, sans-serif, "新細明體";
		color: #666;
		clear: both;
		overflow: auto;
		zoom: 1;
		}
	.UserMovie {
		position: relative;
		float: left;
		margin: 5px 0 5px 20px;
		padding: 4px;
		border: 1px solid #CCC;
		background: #FFF;
		}
	.UserMovie img {
		border: 0;
		}
	.UserMovie a {
		display: block;
		position: absolute;
		left: 4px;
		top: 4px;
		background: url(../images/start.png) no-repeat center center;
		_background: url(../images/start.gif) no-repeat center center;
		width: 100px;
		height: 75px;
		}
	.UserMovie a:hover {
		background: #000 url(../images/start.png) no-repeat center center;
		_background: #000 url(../images/start.gif) no-repeat center center;
		filter:alpha(opacity=80); 
		-moz-opacity: 0.8; 
		-khtml-opacity: 0.8;
		opacity: 0.8;
		}
.Btn-service-enable,
.Btn-service-enable a {
	position: relative;
	display: block;
	background: url(../images/service_bg.jpg) no-repeat 0 -70px;
	width: 200px;
	height: 70px;
	}
.Btn-service-disable,
.Btn-service-disable a {
	position: relative;
	display: block;
	background: url(../images/service_bg.jpg) no-repeat 0 0;
	width: 200px;
	height: 70px;
	}
.Btn-service-enable img,
.Btn-service-disable img {
	position: absolute;
	right: 15px;
	top: 5px;
	width: 60px;
	height: 60px;
	border: 0;
	}
	
.PageMainichi {
	margin: 0 auto;
	width: 710px;
	}
.PageMainichiTitle {
	position: relative;
	width: 710px;
	text-align: left;
	}
.PageMainichiTitle h3 {
	margin: 0;
	padding: 0;
	background: url(../images/line_div.gif) repeat-x 0 100%;
	font: bold 30px/2 "Lucida Sans Unicode";
	color: #333;
	text-align: center;
	}
	.MainichiPrev, 
	.MainichiNext {
		position: absolute;
		top: 24px;
		font: bold 14px/1.6 "Lucida Sans Unicode";
		color: #25ACDC;
		}
	.MainichiPrev {
		left: 0;
		padding: 0 0 0 40px;
		background: url(../images/btn_right.jpg) no-repeat 0 0;
		}
	.MainichiNext {
		right: 0;
		padding: 0 40px 0 0;
		background: url(../images/btn_left.jpg) no-repeat 100% 0;
		}
	.MainichiTable {
		background: #CCC;
		}
	.MainichiTable p {
		margin: 0;
		padding: 0 10px 0 0;
		background: url(../images/footer_link.jpg) repeat-x 0 0;
		height: 20px;
		text-align: right;
		line-height: 20px;
		}
	.MainichiTable th {
		margin: 0;
		padding: 0;
		background: url(../images/footer_link.jpg) repeat-x 0 0;
		width: 100px;
		height: 32px;
		text-align: center;
		}
	.MainichiTable td.Day {
		background: #FFF;
		height: 100px;
		text-align: left;
		vertical-align: top;
		}
	.MainichiTable td.Sun {
		background: #F8F8F8;
		text-align: left;
		vertical-align: top;
		}
	.MainichiTable td.Sat {
		background: #FFFFDF;
		text-align: left;
		vertical-align: top;
		}
	.MainichiTable td div.None {
		background: url(../images/mainichi_none.gif) no-repeat 0 0;
		width: 100px;
		height: 100px;
		}
	.MainichiTable td div.Date {
		position: absolute;
		margin: 0 0 0 62px;
		background: url(../images/mainichi_date.gif) no-repeat 0 0;
		width: 28px;
		height: 14px;
		font: bold 10px/12px "Lucida Sans Unicode";
		color: #FFF;
		text-align: center;
		}
	.MainichiTable td a {
		display: block;
		margin: 20px 5px 5px;
		font: bold 12px/1.5 Arial, Helvetica, sans-serif, "新細明體";
		color: #333;
		text-decoration: underline;
		text-align: center;
		}
	.MainichiTable td a:hover {
		color: #C00;
		}
	
	
	.MainichiText p {
		margin:0;
		padding: 5px 10px;
		color: #0099FF;
		font: 12px/1.5 Arial;
		}
	.MainichiSound {
		padding: 10px;
		background: #F7F7F7;
		border: 1px solid #F4F4F4;
		}
	.MainichiSoundTitle {
		padding: 0 20px 0 20px;
		background: url(../images/icon_sound.gif) no-repeat 0 center;
		color: #C96;
		line-height: 20px;
		}
	.MainichiExplain {
		padding: 10px;
		background: #F7F7F7;
		border: 1px solid #F4F4F4;
		}
	.MainichiExplain p {
		margin:0;
		padding:5px 10px;
		color: #333;
		font: 12px/20px Arial,"新細明體";
		}

.PageMovie {
	position: relative;
	margin: 0 auto;
	padding: 5px 0 5px 5px;
	width: 740px;
	border: 1px solid #CCC;
	background: #FFF;
	overflow: auto;
	zoom: 1;
	outline: none;
	}
.PageMovie p {
	margin: 0;
	padding: 0;
	background: #ccc;
	}	
.PageMovie p#player1 { float: left; display: block; padding: 1px; width: 480px; height: 320px; background: url(../images/no_video.gif) no-repeat center center; overflow: hidden;}
.PageMovieList {
	position: absolute;
	left: 490px;
	top: 4px;
	float: right;
	display: block;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 323px;
	list-style: none;
	overflow: auto;
	zoom: 1;
	}
.PageMovieList li {
	position: relative;
	float: left;
	margin: 0 1px;
	padding: 0;
	list-style: none;
	width: 114px;
	background: url(../images/movie_bg.gif) no-repeat 0 0;
	}
	.PageMovieList li a {
		display: block;
		}
	.PageMovieList li a:hover {
		text-decoration: none;
		}
	.PageMovieList li a img {
		display: block;
		margin: 6px 7px;
		border: 0;
		height: 75px;
		width: 100px;
		}
	.PageMovieList li a span {
		display: block;
		margin: 0;
		padding: 0;
		background: #fff;
		font: 12px/1.5 Arial, Helvetica, sans-serif, "新細明體";
		color: #666;
		text-align: center;
		}
	.PageMovieList li a:hover p {
		color: #000;
		text-decoration: none;
		}
	.PageMovieList li a:hover .TV-mask {
		background: #000 url(../images/start.png) no-repeat center center;
		_background: #000 url(../images/start.gif) no-repeat center center;
		filter:alpha(opacity=80); 
		-moz-opacity: 0.8; 
		-khtml-opacity: 0.8;
		opacity: 0.8;
		}
.ActiveShow {
	float: left;
	margin: 0 20px 0 0;
	padding: 4px;
	width: 400px;
	border: 1px solid #CCC;
	}
	.ActiveShow div.ChangePic { padding: 0 0 4px 0; text-align: center; height: 24px;}
	.ActiveShow div.ChangePic a { display: block; float: left; padding: 3px 0; background: #f1f1f1; color: #333; margin: 0; width: 100px; height: 24px; line-height: 24px;}
	.ActiveShow p#image {
		margin: 0 0 5px 0;
		padding: 0;
		border: 0;
		}
	.ActiveShowWrapper {
		position: relative;
		width: 400px;
		overflow: hidden;
		}
	.ShowList {
		margin: 0 auto;
		width: 380px;
		overflow: hidden;
		}
	.ShowList ul {
		margin: 0;
		padding: 0;
		background: #FFF;
		list-style: none;
		}
	.ShowList ul li {
		float: left;
		margin: 0;
		padding: 4px;
		width: 100px;
		height: 75px;
		border: 1px solid #EFEFEF;
		list-style: none;
		}
	.ShowList ul li a {
		display: block;
		width: 100px;
		height: 75px;
		}
	.ShowList ul li img {
		display: block;
		float: left;
		border: 0;
		}
	.BtnLeft,
	.BtnRight {
		position: absolute;
		top: 0;
		width: 10px;
		height: 85px;
		background: #CCC;
		cursor:pointer;
		}
	.BtnLeft {
		left: 0;
		float: left;
		background: url(../images/btn_show_left.gif) no-repeat left center;
		}
	.BtnRight {
		right: 0;
		float: right;
		background: url(../images/btn_show_right.gif) no-repeat left center;
		}
	.ShowText p {
		margin: 0;
		padding: 0;
		}
.BookDetailText ul li b { padding: 0 10px 0 0;}
h3.BookTitle { margin: 0 40px; padding: 0 0 5px 0; border-bottom: 2px solid #999; font-size: 16px;}
.BookTitle {margin: 0 40px;padding: 0;border-bottom: 1px solid #ccc;overflow: auto;zoom: 1;}.BookTitle dt,.BookTitle dd {display: block;float: left;margin: 0;padding: 5px;overflow: auto;zoom: 1;}.BookTitle dt {font-weight: bold; width: 50%;}.BookTitle dd { width: 45%; color: #666;}


.TeacherWord { margin: 10px 0 10px 20px; padding: 10px; border-bottom: 1px solid #ccc; overflow: auto;}
.TeacherWord li { margin: 0; padding: 0; list-style: none; float: left;}
.TeacherWord li p { margin: 0; padding: 0 0 10px 0;}
.TeacherWord li.img { width: 200px; text-align: center;}
.TeacherWord li.img p { font-weight: bold;}
.TeacherWord li.txt { width: 500px;}
.TeacherWord li.txt ol { margin: 0; padding: 0 0 0 20px; color: #333;}
.TeacherWord li.txt ol li { margin: 0; padding: 0; list-style: decimal;}
.TeacherWord li.txt strong, .TeacherWord li.txt b { color: #CC0000;}


.SlideBox {
	margin: 30px 25px 0 25px;
	padding: 10px;
	font: bold 13px/2 Arial, Helvetica, sans-serif;
	background: url(../images/reservation_box_bg.jpg) repeat-x left bottom;
	text-align: left;
	border: 1px dotted #ccc;
	color: #f33;
	}

.CourseInfo {
	margin: 0 25px;
	padding: 10px;
	background: #f4f4f4;
	border: 1px dotted #ccc;
	color: #333;
	}
.CourseInfo p { margin: 0; padding: 0; font: 13px/2 Arial, Helvetica, sans-serif;}