@charset "utf-8";
/* CSS Document */
/* ================ 整體大框架 ======================== */
body {
	font-size:12px;
	text-decoration: none;
	margin: 0; 
	padding: 0;
	font-family:  Lucida Sans Unicode,"微軟正黑體" ,"新細明體";
}
html{
	font-family:  Lucida Sans Unicode,"新細明體";
	background:#b4bfcc;
}
a {
	text-decoration:none;
}
:hover{
	text-decoration:none;
}
#mainFrame{
	width:1000px;
	height:auto;
	position:relative;
	margin:auto;
	background:#FFF;
}
/* ================ 頁首 ======================== */
#header{
	width:1000px;
	height:200px;
	background:url(../images/top.gif) no-repeat;
}
#header a{

}

/* ================  內容======================== */
#content{
	width:1000px;
	height:auto;
}
/* --------------- 選單 ------------------------ */
#leftColumn {
	width:187px;
	height:681px;
	background:url(../images/left_bg_2.jpg) no-repeat;
	float:left;
}
#menu{
	width:187px;
	height:auto;
	margin-top:56px;
}
#menu li{
	height:28px;
	margin-bottom:30px;
}

#menu .menu1 a{
	width:187px;
	height:28px;
	background:url(../images/menu_01_0.jpg) no-repeat;
	display:block;
}
#menu .menu1 :hover{
	width:187px;
	height:28px;
	background:url(../images/menu_01_1.jpg) no-repeat;
	display:block;
}
#menu .menu2 a{
	width:187px;
	height:28px;
	background:url(../images/menu_02_0.jpg) no-repeat;
	display:block;
}
#menu .menu2 :hover{
	width:187px;
	height:28px;
	background:url(../images/menu_02_1.jpg) no-repeat;
	display:block;
}
#menu .menu3 a{
	width:187px;
	height:28px;
	background:url(../images/menu_03_0.jpg) no-repeat;
	display:block;
}
#menu .menu3 :hover{
	width:187px;
	height:28px;
	background:url(../images/menu_03_1.jpg) no-repeat;
	display:block;
}
#menu .menu4 a{
	width:187px;
	height:28px;
	background:url(../images/menu_04_0.jpg) no-repeat;
	display:block;
}
#menu .menu4 :hover{
	width:187px;
	height:28px;
	background:url(../images/menu_04_1.jpg) no-repeat;
	display:block;
}
#menu .menu5 a{
	width:187px;
	height:28px;
	background:url(../images/menu_05_0.jpg) no-repeat;
	display:block;
}
#menu .menu5 :hover{
	width:187px;
	height:28px;
	background:url(../images/menu_05_1.jpg) no-repeat;
	display:block;
}
#menu .menu6 a{
	width:187px;
	height:28px;
	background:url(../images/menu_06_0.jpg) no-repeat;
	display:block;
}
#menu .menu6 :hover{
	width:187px;
	height:28px;
	background:url(../images/menu_06_1.jpg) no-repeat;
	display:block;
}
#menu .menu7 a{
	width:187px;
	height:28px;
	background:url(../images/menu_07_0.jpg) no-repeat;
	display:block;
}
#menu .menu7 :hover{
	width:187px;
	height:28px;
	background:url(../images/menu_07_1.jpg) no-repeat;
	display:block;
}
/* --------------- 右攔 ------------------------ */
/* 首頁*/
#rightColumnHome{
	width:802px;
	height:auto;
	width:680px!important;
	min-height:600px!important;	
	padding:25px 95px 10px 29px;
	background:url(../images/right_bg.gif) 721px 25px no-repeat;
	float:right;	
}
#rightColumnHome .news, #rightColumnHome .course{
	width:630px;
	height:146px;
	float:left;
	margin:5px 0;
}

#rightColumnHome .news .title{
	width:45px;
	height:146px;
	padding:;
	background:url(../images/home_news.gif) no-repeat right;
	float:left;
}
#rightColumnHome .news .content{
	width:583px;
	height:144px;
	width:400px!important;
	height:100px!important;
	padding:22px 169px 22px 14px;
	background:url(../images/home_news_img.gif) no-repeat right;
	border:1px #54c3f1 dashed;
	float:right;
}
#rightColumnHome .course .title{
	width:45px;
	height:146px;
	padding:;
	background:url(../images/home_course.gif) no-repeat right;
	float:left;
}
#rightColumnHome .course .content{
	width:583px;
	height:144px;
	width:400px!important;
	height:100px!important;
	padding:22px 169px 22px 14px;
	background:url(../images/home_course_img.gif) no-repeat right;
	border:1px #c3d600 dashed;
	float:right;
}
#rightColumnHome .photos{
	width:630px;
	height:174px;
	height:166px!important;
	float:left;
	margin:5px 0;
}
#rightColumnHome .photos .title{
	width:45px;
	height:174px;
	padding:;
	background:url(../images/home_actives.gif) no-repeat right;
	float:left;
}
#rightColumnHome .photos .content{
	width:583px;
	height:174px;
	width:552px!important;
	height:166px!important;
	padding:2px 15px 5px 16px;
	border:1px #f7ac00 dashed;
	float:right;
	
}
#rightColumnHome .photos .content .img{
	float:left;
	margin:0 16px 0 16px;
	_display:inline;
}
#rightColumnHome .video{
	width:630px;
	height:auto;
	float:left;
	margin:5px 0 5px 0;
	_display:inline;
	background:url(../images/home_video_bg.gif) no-repeat bottom left;
}
#rightColumnHome .video table td{
	padding:5px 0;
	text-align:center;
}
#rightColumnHome .video .title{
	width:45px;
	height:100%;
	padding:0 0 15px 0;
	float:left;	
}
#rightColumnHome .video .mid_text{
	margin-top:30px;
}
#rightColumnHome .video .content{
	width:583px;
	height:auto;
	width:552px!important;
	padding:3px 15px 3px 16px;
	border:1px #f7ac00 dashed;
	float:right;	
}


/* 其他頁面*/
#rightColumn{
	width:802px;
	height:auto;
	width:660px!important;
	min-height:600px!important;	
	padding:25px 115px 10px 29px;
	background:url(../images/right_bg.gif) 721px 25px no-repeat;
	float:right;
}
/* 最新消息*/
#rightColumnHome #news .newsListFrame{
	width:580px;
	width:640px!important;
	margin-top:0px;
	border:1px #F5A200 solid;
	float:left;
}
.newsThreadIn{
	margin-top:20px;
}


/* 講義下載*/
#rightColumn .timetableList{
	margin-top:20px;
}
/* 開課課程*/
#rightColumn .timetable .opening{
	margin-top:47px;
}
#rightColumn .photos{
	margin-top:60px;
}
#rightColumn .timetable .info{
	
}
#rightColumn .timetable .booking{
	
}

/* 師資介紹*/
#rightColumn .timetable .navi{
	height:50px;
	margin:10px 0 10px 0;
	background:;
}
#rightColumn .timetable .threadTeacher{
	width:520px;
	height:222px;
	margin:20px 0 20px 30px;
	float:left;
	border-bottom:2px #099 dashed;
}
#rightColumn .timetable .threadTeacher table .photo{
	position:relative;
}
#rightColumn .timetable .threadTeacher table .photo .photoFrame{
	position: absolute;
	z-index:2;
}

/* 活動花絮*/
#rightColumn .timetable .threadActive{
	width:580px;
	float:left;
	margin:10px 0;
	
}
#rightColumn .timetable .threadActive .title{
	width:350px;
	height:30px;
	float:left;
	
}
#rightColumn .timetable .threadActive .date{
	width:150px;
	height:20px;
	float:right;
	margin:10px 48px 0 0 ;
}
#rightColumn .timetable .threadActive .content{
	width:550px;
	height:auto;
	margin:10px 0 10px 0;
	float:left;
	_display:inline;
	
}
#rightColumn .timetable .threadActive .photoSet{
	width:550px;
	width:495px!important;
	height:156px;
	padding-left:55px;
	background:url(../images/active_photo_set_bg.gif) no-repeat;
	float:left;
	
}
#rightColumn .timetable .threadActive .photo{
	width:152px;
	height:134px;
	float:left;
	margin:10px 5px 10px 5px;
	background-color:#0CC;
	
}

.pages{
	margin:20px 40px 10px 0;
	float:right;
}
/* 課程*/
#rightColumn .timetable .info{
	margin-top:10px;
	/*border-bottom:#0CC 1px dashed;*/

}
#rightColumn .timetable .booking{
	margin-top:15px;

}
/* 服務*/
#rightColumn .tabs {
}


/* 問答*/
#rightColumn .timetable .thread{
	margin-top:15px;	
}
#rightColumn .timetable .thread .question{
	width:630px;
	height:30px;
	background:url(../images/qna_title_bg.gif) no-repeat;
}
#rightColumn .timetable .thread .answer{
	width:540px;
	margin:10px 0 0 82px;
}
/* ================ footer ======================== */
.clear{
	clear:both;
}
#footer{
	width:1000px;
	height:91px;
	height:91px!important;
	background:url(../images/footer_bg.jpg) no-repeat;
}
#footer .vcard{
	width:450px;
	float:left;
	padding:20px 0 0 15px;
}
#footer .counter{
	width:400px;
	float:right;
	padding:15px 15px 0 0;
}
#footer .announce{
	width:500px;
	float:right;
	padding:10px 15px 0 0;
}