@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	background: url(../images/body_bg.jpg) repeat-x 0 0;
	text-align: center;
	}

a {
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}

.Wrapper {
	margin: 0 auto;
	padding: 0 10px;
	width: 960px;
	text-align: left;
	background: #FFF;
	}
.NoneBg, li.NoneBg {
	background: none;
	}
.Debug {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	zoom: 1;
	}
.Btn-reservation-large {
	display: block;
	padding: 30px 0 0 0;
	width: 200px;
	height: 40px;
	}
.Line-divide {
	position: relative;
	background: url(../images/line_hori.gif) repeat-x left center;
	height: 18px;
	clear: both;
	}
.Line-divide a.Top {
	position: absolute;
	right: 10px;
	top: 0;
	}
	
.Header {
	position: relative;
	height: 85px;
	background: url(../images/header_bg.gif) repeat-x 0 0;
	}

	.Logo {
		float: left;
		width: 270px;
		height: 85px;
		}
	.Logo h1 {
		margin: 0; padding: 0;
		font: 20px/1 Arial, Helvetica, sans-serif;
		color: #333;
		text-align: center;
		}
	.Logo h2 {
		margin: 0; padding: 0;
		font: 14px/1 Arial, Helvetica, sans-serif;
		color: #333;
		background: #CCC;
		text-align: center;
		}
	.Logo a {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		padding: 0 10px;
		width: 250px;
		height: 85px;
		background: #FFF url(../images/logo_header.gif) no-repeat center center;
		text-decoration: none;
		color: #FFF;
		}
	.Link-top {
		position: absolute;
		right: 0;
		top: 0;
		}
	.Link-top ul, .Link-top ul li {
		float: left;
		margin: 0;
		padding: 0;
		background: #25ACDC	url(../images/dot_rect.gif) no-repeat left center;
		list-style: none;
		}
	.Link-top ul li a {
		padding: 0 10px 0 20px;
		color: #FFF;
		font: 12px/20px Arial, Helvetica, sans-serif;
		}
	.Hotline {
		position: absolute;
		right: 0;
		bottom: 0;
		padding: 10px 0;
		}
	.Hotline img {
		display: block;
		float: right;
		border: 0;
		}
	.Header-right {
		display: block;
		position: absolute;
		right: -10px;
		top: 10px;
		background: #25ACDC;
		height: 20px;
		width: 10px;
		}	
	
.Navi {
	clear: both;
	}
	.Navi-main {
		background: url(../images/navi_main.gif) repeat-x 0 0;
		height: 31px;
		clear: both;
		}
	.Navi-main ul, .Navi-main ul li {
		margin: 0;
		/*padding: 0;  Old*/
		padding: 0 0 0 20px;
		list-style: none;
		float: left;
		}
	.Navi-main ul li {
		/*padding: 0 6px 0 4px;  Old*/
		padding: 0 20px 0 18px;
		background: url(../images/navi_top_div.gif) no-repeat right top;
		line-height: 30px;
		}
	.Navi-main ul li a {
		display: block;
		float: left;
		margin: 4px 0;
		font: 12px/22px Arial, Helvetica, sans-serif, "新細明體";
		color: #666;
		text-align: center;
		text-indent: -1000em;
		overflow: hidden;
		}
	a.Item-about {
		width: 94px;
		background: url(../images/navi_top_about.gif) no-repeat 0 0;
		}
	a.Item-about:hover, a.Item-about-current {
		width: 94px;
		background: url(../images/navi_top_about.gif) no-repeat 0 -22px;
		}
	a.Item-feature {
		width: 94px;
		background: url(../images/navi_top_feature.gif) no-repeat 0 0;
		}
	a.Item-feature:hover, a.Item-feature-current  {
		width: 94px;
		background: url(../images/navi_top_feature.gif) no-repeat 0 -22px;
		}
	a.Item-book {
		width: 94px;
		background: url(../images/navi_top_book.gif) no-repeat 0 0;
		}
	a.Item-book:hover, a.Item-book-current  {
		width: 94px;
		background: url(../images/navi_top_book.gif) no-repeat 0 -22px;
		}
	a.Item-news {
		width: 94px;
		background: url(../images/navi_top_news.gif) no-repeat 0 0;
		}
	a.Item-news:hover, a.Item-news-current {
		width: 94px;
		background: url(../images/navi_top_news.gif) no-repeat 0 -22px;
		}
	a.Item-day {
		width: 94px;
		background: url(../images/navi_top_day.gif) no-repeat 0 0;
		}
	a.Item-day:hover, a.Item-day-current  {
		width: 94px;
		background: url(../images/navi_top_day.gif) no-repeat 0 -22px;
		}
	a.Item-class {
		width: 94px;
		background: url(../images/navi_top_class.gif) no-repeat 0 0;
		}
	a.Item-class:hover, a.Item-class-current {
		width: 94px;
		background: url(../images/navi_top_class.gif) no-repeat 0 -22px;
		}
	a.Item-school {
		width: 94px;
		background: url(../images/navi_top_school.gif) no-repeat 0 0;
		}
	a.Item-school:hover, a.Item-school-current {
		width: 94px;
		background: url(../images/navi_top_school.gif) no-repeat 0 -22px;
		}
	a.Item-experience {
		width: 114px;
		background: url(../images/navi_top_experience.gif) no-repeat 0 0;
		}
	a.Item-experience:hover, a.Item-experience-current {
		width: 114px;
		background: url(../images/navi_top_experience.gif) no-repeat 0 -22px;
		}
	a.Item-contact {
		width: 94px;
		background: url(../images/navi_top_contact.gif) no-repeat 0 0;
		}
	a.Item-contact:hover, a.Item-contact-current {
		width: 94px;
		background: url(../images/navi_top_contact.gif) no-repeat 0 -22px;
		}
.Navi-school {
	background: url(../images/navi_school.gif) repeat-x 0 0;
	/*height: 53px;*/
	clear: both;
	overflow: auto;
	zoom: 1;
	outline: none;
	}
	.Navi-school ul, .Navi-school ul li {
		margin: 0;
		list-style: none;
		}
	.Navi-school ul {
		padding: 0;
		}
	.Navi-school ul li {
		float: left;
		display: block;
		padding: 3px 5px;
		width: 110px;
		height: 20px;
		overflow: hidden;
		}
	.Navi-school ul li a {
		display: block;
		width: 110px;
		height: 20px;
		background: url(../images/navi_school_item.gif) no-repeat left top;
		font: 12px/20px Arial, Helvetica, sans-serif;
		color: #333;
		text-indent: 20px;
		}
	.Navi-school ul li a:hover, .Navi-school ul li a.Current {
		background: url(../images/navi_school_item.gif) no-repeat left -20px;
		color: #FFF;
		}
.Center-index {
	padding: 5px 0;
	height: 300px;
	clear: both;
	}
	.Banner {
		padding: 5px;
		background: url(../images/banner_outline.gif) no-repeat 0 0;
		width: 690px;
		height: 300px;
		float: left;
		text-align: left;
		}
	.BannerImg {
		margin: 5px;
		width: 690px;
		height: 300px;
		}
	.Headline {
		display: block;
		position: absolute;
		right: 0;
		bottom: 10px;
		margin: 0;
		padding: 0;
		height: 50px;
		}
	
	#Ifocus {
		overflow: hidden;
		position: relative;
		width: 690px;
		height: 300px;
		/*display: none;*/
		}
	#Ifocus_pic {
		display: inline;
		overflow: hidden;
		}
	#Ifocus_piclist {
		position: absolute;
		left: 0;
		top: 0;
		width: 690px;
		height: 300px;
		}
	#Ifocus_piclist ul, #Ifocus_piclist li {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
		width: 690px;
		height: 300px;
		}
	#Ifocus_piclist li {
		position: relative;
		overflow: hidden;
		float: left;
		}
	#Ifocus_piclist img {
		display: block;
		float: left;
		position: absolute;
		width: 690px;
		height: 300px;
		border: 0;
		}
	#Ifocus_btn {
		display:block;
		position:absolute;
		overflow:hidden;
		width:570px;
		height:50px;
		}
	#Ifocus_btn ul{
		margin: 0;
		padding: 0;
		height: 50px;
		}
	#Ifocus_btn li {
		float: left;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 20px;
		height: 50px;
		background: #F8E042;
		list-style: none;
		cursor: pointer;
		filter:alpha(opacity=90); 
		-moz-opacity: 0.9; 
		-khtml-opacity: 0.9;
		opacity: 0.9;
		}
	#Ifocus_btn li a{
		color: #33779e;
		display: block;
		height: 25px;
		width: 198px;
		float: left;
		overflow: hidden;
		text-align: left;
		text-decoration:none;
		}
	#Ifocus_btn li span{
		font: 30px/50px "Lucida Sans Unicode";
		color: #FFF;
		}
	#Ifocus_btn .Enable {
		width: 490px;
		background: #FFF;
		}
	#Ifocus_btn .Enable span {
		float: left;
		padding: 0 10px;
		color: #000;
		font: 50px/50px "Lucida Sans Unicode";
		}
	#Ifocus_btn .Enable h3 {
		margin: 0;
		padding: 0;
		color: #000;
		font: bold 20px/30px "Lucida Sans Unicode";
		}
	#Ifocus_btn .Enable p {
		margin: 0;
		padding: 0;
		color: #666;
		font: 12px/16px "Lucida Sans Unicode";
		}

.News {
	float: right;
	width: 250px;
	height: 310px;
	}
	.News h1 {
		margin: 0;
		padding: 16px 0 0 170px;
		background: url(../images/news_heading.jpg) no-repeat 0 0;
		width: 80px;
		height: 36px;
		}
	.News 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;
		}
	.News h1 a:hover {
		color: #F10175;
		background: url(../images/news_more.gif) no-repeat 0 -16px;
		text-decoration: none;
		}
	.News ul, .News ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	.News ul li {
		margin: 8px 0 0 0;
		padding: 0 0 0 20px;
		background: url(../images/dot_news_arrow.gif) no-repeat left top;
		}
	.News ul li a {
		display: block;
		}
	.News ul li a:hover {
		background: #F4F4F4;
		}
	.News ul li a h3 {
		margin: 0;
		padding: 0;
		font: bold 12px/20px "新細明體";
		color: #EE026D;
		}
	.News ul li a h3 span {
		padding: 0 0 0 10px;
		font: 10px/2 Tahoma;
		color: #999;
		}
	.News ul li a p {
		margin: 0;
		padding: 0;
		font: 12px/1.5 "新細明體";
		color: #333;
		}
	.News ul li a:hover h3, .News ul li a:hover p {
		text-decoration: underline;
		}
	.News ul li a:hover h3 span {
		text-decoration: none;
		}
		
.Bottom {
	padding: 5px 0 0 0;
	width: 960px;
	height: 205px;
	background: #FFF;
	clear: both;
	}
	
	/*2010-02-10 Add*/
	.Open {
		margin: 15px auto 0 auto;
		background: url(../images/btn_extend.gif) no-repeat 0 0;
		width: 960px;
		height: 20px;
		cursor: pointer;
		}
	.Close {
		margin: 0 auto;
		background: url(../images/btn_extend.gif) no-repeat 0 -20px;
		width: 960px;
		height: 20px;
		cursor: pointer;
		}
	/*End*/
	.Day-news, .TV-teacher, .TV-student  {
		position: relative;
		float: left;
		padding: 15px;
		width: 280px;
		}
	.Day-news {
		margin: 0 15px 0 0;
		background: url(../images/bottom_daily.jpg) no-repeat 0 0;
		height: 175px;
		}
	.TV-teacher, .TV-student {
		background: url(../images/box_bottom.gif) no-repeat 0 0;
		height: 175px;
		}
	.TV-teacher {
		margin: 0 15px 0 0;
		}
	.Bottom h3 {
		position: relative;
		margin: 0;
		padding: 0;
		height: 25px;
		}
	.Bottom h3 img { position: absolute; left: 0; top: 0;}
	
	.ChangeBtn {
		position: absolute;
		right: 10px;
		top: 15px;
		}
	.ChangeBtn a {
		display: block;
		float: left;
		width: 21px;
		height: 15px;
		line-height: 15px;
		overflow: hidden;
		}
	.BtnPrev {
		background: url(../images/btn_more.gif) no-repeat 0 0;
		}
	.BtnPrev:hover {
		background: url(../images/btn_more.gif) no-repeat 0 -15px;
		}
	.BtnNext {
		background: url(../images/btn_more.gif) no-repeat -21px 0;
		}
	.BtnNext:hover {
		background: url(../images/btn_more.gif) no-repeat -21px -15px;
		}

	.Content-bottom h4 {
		margin: 0;
		padding: 0;
		color: #FC4B5A;
		font: 16px/2 "Lucida Sans Unicode";
		}
	.Content-bottom h4 span {
		padding: 0 0 0 10px;
		color: #999;
		font: 10px/32px Arial, Helvetica, sans-serif, "新細明體";
		}
	.Content-links {
		padding: 2px;
		border-bottom: 1px solid #D6ECF7;
		}
	.Btn-detail {
		padding: 0 10px 0 15px;
		background: url(../images/icon_detail.gif) no-repeat 0 0;
		font: 11px/1.5 "新細明體";
		color: #4298BD;
		}
	.Btn-sound {
		padding: 0 10px 0 20px;
		background: url(../images/icon_sound.gif) no-repeat 0 0;
		font: 11px/1.5 "新細明體";
		color: #C96;
		}
	.Btn-rss {
		padding: 0 10px 0 20px;
		background: url(../images/icon_rss.gif) no-repeat 0 0;
		font: 11px/1.5 "新細明體";
		color: #F60;
		}
	.Btn-rss span {
		font-family: Tahoma;
		}
	.Content-text {
		padding: 5px 0;
		font: 12px/1.5 Arial, Helvetica, sans-serif, "新細明體";
		color: #666;
		}
	.Content-tips {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 0 15px;
		width: 280px;
		height: 25px;
		font: 12px/1.5 Arial, Helvetica, sans-serif, "新細明體";
		color: #4298BD;
		}
	
	.TV-teacher ul, .TV-student ul {
		margin: 0 auto;
		padding: 10px 0 0 0;
		width: 270px;
		height: 120px;
		clear: both;
		}
	.TV-teacher ul li, .TV-student ul li {
		position: relative;
		float: left;
		margin: 0 8px;
		padding: 0;
		list-style: none;
		width: 114px;
		background: url(../images/movie_bg.gif) no-repeat 0 0;
		}
	.TV-teacher ul li a , .TV-student ul li a {
		display: block;
		}
	.TV-teacher ul li a:hover , .TV-student ul li a:hover {
		text-decoration: none;
		}
	.TV-teacher ul li a img, .TV-student ul li a img {
		display: block;
		margin: 6px 7px;
		border: 0;
		height: 75px;
		width: 100px;
		}
	.TV-teacher ul li a p, .TV-student ul li a p {
		margin: 0;
		padding: 0;
		font: bold 12px/2 Arial, Helvetica, sans-serif, "新細明體";
		color: #666;
		text-align: center;
		}
	.TV-teacher ul li a:hover p, .TV-student ul li a:hover p {
		color: #000;
		text-decoration: none;
		}
	.TV-teacher ul li a:hover .TV-mask, .TV-student ul 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;
		}
	.TV-mask {
		position: absolute;
		left: 7px;
		top: 6px;
		background: transparent url(../images/start.png) no-repeat center center;
		_background: transparent url(../images/start.gif) no-repeat center center;
		_filter:alpha(opacity=80);
		width: 100px;
		height: 75px;
		cursor: pointer;
		}
	.TV-more {
		position: absolute;
		bottom: 10px;
		right: 10px;
		width: 70px;
		text-align: right;
		}
	.TV-more a {
		display: block;
		padding: 2px 0 0 0;
		width: 70px;
		height: 14px;
		background: url(../images/btn_more_1.gif) no-repeat 0 0;
		font: 11px/14px "新細明體";
		color: #FFF;
		text-align: center;
		}
	.TV-more a:hover {
		background: url(../images/btn_more_1.gif) no-repeat 0 -16px;
		}

.Footer {
	position: relative;
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 960px;
	text-align: left;
	}
	.Footer-link {
		padding: 0 15px;
		background: url(../images/footer_link.jpg) repeat-x 0 0;
		height: 32px;
		}
	.Footer-link a {
		padding: 0 0 0 20px;
		background: url(../images/dot_footer_arrow.gif) no-repeat left center;
		line-height: 32px;
		font: 12px/32px "新細明體";
		color: #666;
		}
	.Footer-link span {
		padding: 0 10px;
		background: url(../images/line_footer_div.gif) repeat-y center center;
		line-height: 32px;
		}
	.Footer-copyright {
		padding: 10px;
		height: 30px;
		line-height: 30px;
		font: 11px/2 Tahoma, "新細明體";
		color: #666;
		}
	.Footer-copyright img {
		padding: 0 10px 0 0;
		float: left;
		}
	.Footer-left, .Footer-right {
		display: block;
		position: absolute;
		top: 20px;
		background: url(../images/footer_link.jpg) repeat-x 0 0;
		height: 32px;
		width: 10px;
		}
	.Footer a.Top {
		position: absolute;
		right: 20px;
		top: 20px;
		}
	a.Top {
		display: block;
		padding: 2px 0 0 0;
		background: url(../images/btn_top.gif) no-repeat 0 0;
		width: 70px;
		height: 14px;
		font: 11px/12px Tahoma;
		color: #666;
		text-align: center;
		}
	a.Top:hover {
		background: url(../images/btn_top.gif) no-repeat 0 -16px;
		color: #333;
		text-decoration: none;
		}
	.Footer-left {
		left: -10px;
		}
	.Footer-right {
		right: -10px;
		}


/* Text Define 20100513*/
.TextRed { color: #f00;}
.TextBlue { color: #00f;}