/* CSS Document */
@charset "utf-8";
/* 整體結構
---------------------------------------------------- */
body {
	background-color: #000000;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif "新細明體";
	}

a {
	text-decoration:none;
	color:#FFFFFF;
	border:none;
    }
a:hover {
    color:#FF0000;
	text-decoration:none;
    }
	
a img {
	border:0;
	}
.wrapper {
	width:800px;
	margin:auto;

	}
a.class01 {
	font-size:14px;
	color:#EE0000;
	}
a:hover.class01 {
	font-size:14px;
	color:#EE0000;
	}	

/* index header 
---------------------------------------------------- */
.m_banner{
    width:800px;
	height:auto;
    padding-top:30px;
	}
.m_menubox{
	width:800px;
	height:40px;
	padding:0;
	}  

*html .m_menubox{
	width:800px;
	height:40px;
	margin-top:-10px;
	}  
	
.m_menubox_s{
    width:800px;
	height:24px;
	padding-top: 10px;
	}
.m_menu{
	float:left;
	width:auto;
	height:auto;
	}
/* index content 
---------------------------------------------------- */	
.newsbox{
	width:800px;
	background-color:#000;
	float: left;
	color:#FFFFFF;
	}
.news_pic{
	width:800px;
	height:23px;
	background-image:url(../images/whatnews.jpg);
	}
.marqueeDir{
	width:600px;
	heidht:23px;
	margin: 5px 0 0 150px;
	font-size: 12px;
	color: #FFFFFF;
	}
.m_news{
	float:left;
	width:266px;
	background-image:url(../images/news_bg.jpg);
	background-repeat:no-repeat;
	height: 137px;
	}

.newstitle{
	height:auto;
	width:auto;
	float:left;
	color:#FF0000;
	padding:2px 0 0 10px;
	font-size:13px;
	}	
*html .newstitle{
	height:auto;
	width:auto;
	float:left;
	color:#FF0000;
	padding:2px 0 0 10px;
	font-size:12px;
	}	
.newsdate{
	width:auto;
	height:auto;
	line-height:100%;
	float:left;
	padding:8px 0 0 10px;
	}
.newscontent{
	width:250px;
	height:90px;
	float:left;
	padding:13px 0 0 10px;
	letter-spacing:3px;
	font-size:11px;
	}
*html .newscontent{/*IE6*/
	width:250px;
	height:60px;
	float:left;
	padding:13px 0 0 10px;
	letter-spacing:1px;
	font-size:11px;
	}
*+html .newscontent{
	width:250px;
	height:auto;
	line-height:120%;
	float:left;
	padding:13px 0 0 10px;
	letter-spacing:2px;
	}

.topic{
	float:left;
	width:472px;
 
	}
.clip_title{
	width:800px;
	height:27px;
	padding-bottom:10px;
	clear: both;
	}	
.clip_01{
	float:left;
	margin:0 20px 20px 0;
	width: 380px;
	}
.clip_02{
	float:left;
	margin:0 0 0 0;
	width: 380px;
	}
.topic_title{
	float:left;
	height:27px;
	padding-bottom:10px;
	}
.topic_pic{
	float:left;
	width:468px;
	height:90px;
	padding:0 0 10px 0;
	}	
.baAds_01{
	float:left;
	padding:0 0 19px 0;
	}
.baAds_02{
	float:left;
	padding:0 0 10px 0;
	margin: 0 16px 0 0;
	}		
.link{
	float:right;
	width:312px;
	}
	
.link_title{
	float:left;
	width:auto;
	height:auto;
	padding-bottom: 10px;
	}
.link_ad{
	float:left;
	width:auto;
	}
	
.m_line{
	width:800px;
	height:13px;
	background-image:url(../images/top_footer_line.gif);
	}

.more{
    font-family:Arial, Helvetica, sans-serif;
	margin-right:20px;
    font-size:10px;
	float:right;
	}
	
.more a{
    color:#FFFFFF;
	}

*html .more a{
    color:#FFFFFF;
	}

/* school header 
---------------------------------------------------- */
.banner{
    width:800px;
	height:auto;
    padding-top:20px;
	}
.menubox{
	width:800px;
	height:64px;

	}  
.menu{
    float:left;
    width:auto;
	height:auto; 
	}	
	
/* school content
---------------------------------------------------- */
.s_title{
    width:auto;
	height:200px;
	float:left;
	}
.s_pdf{
	width:auto;
	height:30px;
	float:left;
	margin-top: 10px;
	margin-left: 150px;
	}
.s_contentbox{
	width:800px;
	color:#FFFFFF;
	}
.submenu{
	height:500px;
    float:left;
	width:180px;
	background-image:url(../images/background.jpg);
	}
	
.s_submenu{
    height:30px;
	width:150px;   
	}
.submenu a {
    background:transparent url(../images/sbmenu_bg.jpg) no-repeat;
	display:block;
	font-size:12px;
	line-height:30px;
	padding-left:5px;
	width:143px;	
	}
.current a{
    color:#FF0000;
	text-decoration:none;
	}	
.space{
    height:30px;
	margin:0;
	padding:0;
	text-align:left;
	width:150px;
	}
.main{
	width:620px;
	float:left;
	}
	
.school_img{
	border:0;
	height:35px;
	width:620px;
	background-image:url(../images/title_news_whatsnew.jpg)
	}
	
	
.s_title{
	border:0;
	height:30px;
	width:620px;
	margin:10px 0 10px 0;
	/*background-image:url(../images/cmn_t_school_to.gif);*/
	}
.tw_title{
	border:0;
	width:620px;
	margin:10px 0 0 0;
	}	
.tw{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
	padding-left: 7px;
	letter-spacing: 0.5px;
	font-family:Arial, Helvetica, sans-serif, "新細明體", "標楷體";
   }	
	
.font{
	font-family:Arial, Helvetica, sans-serif "新細明體";
	font-size:13px;
	padding:3px 0 0 7px;
	font-weight: bold;
	background-image: url(../images/ins_div.jpg);
	}
	
.font a{
    color:#FFFFFF;
	}
	
.space_font{
	padding-left:10px;
}
	
.m_title{
	border:0;
	height:auto;
	width:620px;
	margin:30px 0 0 0;
	}
	
.instructor{
    width:620px;
	}
.ins_bgcolor{
	background:url(../images/instructorbk.jpg);
	width: 620px;
	}
.s_content{
	float:left;
	width:620px;
	height:auto;
	}
.s_pic{
    width:auto;
	height:auto;
	float:left;
	margin:20px 0 10px 15px;
	}	
.s_pic_kid{
    width:auto;
	height:auto;
	float:left;
	margin:20px 0 10px 0;
	}	

.s_text{
	width:345px;
	float:left;
	font-size:12px;
	line-height:22px;
	text-align:left;
	margin:20px 0 10px 0;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif "新細明體";
	}
.s_text_flow{
	margin:20px 0 25px 0;
	width:620px;
	height:auto;
	float:left;
	font-size:12px;
	line-height:22px;
	text-align:left;
	}
.s_text_flow_01{
	margin:5px 0 25px 0;
	width:620px;
	height:auto;
	float:left;
	font-size:12px;
	line-height:22px;
	text-align:left;
	}
.s_text_flow_02{
	margin:5px 0 25px 0;
	width:620px;
	height:auto;
	float:left;
	font-size:12px;
	line-height:22px;
	text-align:left;
	}	
.s_text_flow_sche{
	margin:5px 0 0 0;
	width:620px;
	height:auto;
	float:left;
	font-size:12px;
	line-height:22px;
	text-align:left;
	}
.s_text_box{
	margin:20px 0 10px 0;
	width:620px;
	height:auto;
	float:left;
	font-size:12px;
	line-height:22px;
	text-align:left;
	}	

.s_title_flow{
	border-top:1px solid #FFF;
	width:520px;
	height:auto;
	float:left;
	font-size:16px;
	margin:30px 0 0 0;
	font-weight:bold;
	padding-top:10px;
	}
	
.s_back{
	border-top:1px solid #FFF;
	width:100px;
	height:auto;
	float:left;
	font-size:16px;
	margin:30px 0 0 0;
	font-weight:bold;
	padding-top:10px;
	}
	
.s_text_kid{
    width:370px;
	height:auto;
	float:left;
	font-size:12px;
	line-height:22px;
	text-align:left;
	margin:20px 0 10px 15px;
	}
.colored{
    color:#FF0000;
	}
.colored a{
    color:#FF0000;
	}
		
.colorred{
    color: rgb(204, 255, 255); 
	font-weight: bold;
	}
.kids_topic{
	float:left;
	width:620px;
	height:auto;
	font-size:12px;
	font-weight:bold;
	color:#FF9900;
	padding:15px 0 0 0;
	}
	
.kid_text{
    margin:20px 0 30px 5px;
	width:300px;
	height:auto;
	float:left;
	font-size:12px;
	line-height:22px;
	text-align:left;
	}
	
.gra_pic{
    padding:0 5px 5px 0;
	width:auto;
	height:auto;
    float:left;
	}

.to_text{
	width:263px;
	height:auto;
	float:left;
	}

.to_pic01{
    float:left;
	margin-top:20px;
	}			


.a-colored{
    color:#CCFFFF;
	text-decoration:none;
	font-size:12px;
	}
	
a .a-colored{
    color:#CCFFFF;
	text-decoration:none;
	font-size:12px;
	}
.to_text .a-colored{
    color:#CCFFFF;
	text-decoration:none;
	font-size:12px;
	}
	

/* intructor 
---------------------------------------------------- */	
.instbox{
	margin:15px 0 25px 0;
	width:620px;
	height:auto;
	float:left;
	font-size:12px;
	line-height:22px;
	text-align:left;
	}
.insttext{
	float:right;
	width:450px;
	text-align:left;
	font-size:12px;
	}
.instimg{
    margin-bottom:25px;
	float:left;
	width:150px;
	}
.ins_pic{
	width:150px;
	padding:5px 5px 0 0;
	text-align:center;
	float: left;
	margin: 0 0 30px 0;
	}
.ins_pic a{
    color:#FFFFFF;
	text-decoration:none;
	}
.ins_pictxt{
	padding:0px 0px 0 0;
	text-align:center;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 1px;
	}
.ins_pictxt a{
    color:#FFFFFF;
	text-decoration:none;
	}

	
.imgright{
    float:right;
	margin-left:auto;
	}
.imgleft{
	float:left;
    margin-right:15px;
	}
.imgleftxt{
	font-size:16px;
	font-weight:bold;
	margin-right:15px;
	margin-bottom: 5px;
	}
.sitemap{
    width:680px;
	height:50px;
	margin:10px 0 10px 0;
	}
	
.sitemapblock{
	float:left;
	width:155px;
	height:auto;
	color:#FFFFFF;
	}
.sitemapblock a{
	color:#FFFFFF;}
	
/* schedule
---------------------------------------------------- */	
.schedulebox{
	height:27px;
	width: 903px;
	border-bottom:1px solid #fff;
	margin-top:10px;
    }
.schedule{
	width:auto;
	height:auto;
	float: left;
	
	}

.scheduletable{
    display:block;}
	

.scheduletable{
	display:block;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
	width:903px;
	/*height:610px;*/
	background-image:url(../images/schedule_bg.jpg);
	background-repeat:repeat-y;
	}
*+html. scheduletable{
	display:block;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
	width:903px;
	height:1000px;
	background-image:url(../images/schedule_bg.jpg);
	background-repeat:repeat-y;
	}
	
.scheduletable01{
	display:block;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
	width:903px;
	/*height:500px;*/
	background-image:url(../images/schedule_bg.jpg);
	background-repeat:repeat-y;
	}

.scheduletable_tw{
	display:block;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
	width:903px;
	background-image:url(../images/schedule_bg2.jpg);
	background-repeat:repeat-y;
	height: 600px;
	}
.scheduletable02{
	display:block;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
	width:903px;

	background-repeat:repeat-y;
	}
	
.scheduletable03{
	display:block;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
	width:903px;
	background-repeat:repeat-y;
	}
	
.scheduletable04{
	display:block;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
	width:903px;
	}
		
.scheduleweek{
	float:left;
	margin:0;
	padding:0 0 0 1px;
	width:127px;
	}
	
.scheduleweek div p{
    color:#FFFFFF;
	font-size:10px;
	margin:0;
	padding:4px 5px;
	}
	
.time{
    color:#FF0000;}

.textleft{
	font-size:10px;
	text-align:left;
	color:#FFFFFF;
	float: left;
	}
	
*+html .textleft{
	font-size:10px;
	text-align:left;
	margin-top:30px;
	color:#FFFFFF;
	float: left;
	}
	
.schedule_img{
	border:0;
	height:35px;
	width:903px;
	}
/* news
---------------------------------------------------- */	
.newstbox{
	width:500px;
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0 3px 5px;
	}
.news_title{
    border-top:1px solid #FFF;
    width:620px;
	height:auto;
	float:left;
	font-size:12px;
	
	font-weight:bold;
	padding-top:10px;
	color:#FF0000;
	}

.news_title a{
	color:#FF0000;
	}

.newsgray{
    color:#999999;
	margin:0;
	}
	
.newswhite{
    color:#FFFFFF;
	margin:0;
	}
	
.newspre{
	width:200px;
	height:auto;
	float:right;
	text-align:right;
    }
.spacing{
	height:35px;
	}
.tw_txt{
   color:#FFFFFF;
   padding-top:2px;
   padding-left:8px;
   letter-spacing:1px;
   font-size:12px;
   font-family:Arial, Helvetica, sans-serif;
   }	
.blog{
	width:299px;
	float: left;
	background-color: #FFFFFF;
	margin: 0 0 17px 5px;
	}
	
/* footer 
---------------------------------------------------- */	
.footerbox{
	hieght:50px;
	width:800px;
	height: 60px;
	padding-top: 0px;
	}
.footer_line{
    border-top:1px solid #FFFFFF;
	margin-top: 10px;
	}	
.footer_img{
    margin-top: 15px;
	}
*html .footer_img{
    margin-top: 10px;
	}	
	
*+html .footer_img{
    margin-top: 27px;
	}
#footer{
	float:left;
	padding:0px;
	text-align:left;
	margin:15px 0px;
	color:#FFFFFF;
    }
	
#address{
	float:right;
	padding:0px;
	text-align:right;
	margin:15px 0px;
	color:#CCCCCC;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	}