/*** 全網站統一設定 ***/
body {
	background-color:#e8e8e8;
	/*margin-left:125px;*/
	/*margin-right:0px;*/
	margin-top:20px;	
	margin-bottom:20px;
	font-size:12px;
	color:#777777;
	}
	
a:link {
	color: #999999;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a:hover {
	text-decoration: none;
	color: #0D93BF;
}
a:active {
	text-decoration: none;
}	
	
/*** 上方HOME.SEARCH區塊外框 ***/	
#topZone_box { 
	width:902px; 
	height:101px;
	background-image:url(../images/topZone.jpg); 
	background-repeat:no-repeat;
	}	

/*** 上方HOME.SEARCH次區塊外框 ***/	
#topZone_box .box { 
	color:#FFFFFF; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	padding-top:33px;
	padding-right:30px; 
	text-align:right;
	}	

/*** 上方SEARCH文字框設定 ***/	
#topZone_box input { 
	width:100px; 
	height:13px; 
	font-size:12px; 
	color:#0D93BF;
	}	
	
/*** 右區五項單圖產品外框 ***/
#ritImg_box {
	margin-left:5px; 
	margin-bottom:5px;
	}
	
/*** 中間內容背景延伸區塊 ***/	
#content_BG {
	background-image:url(../images/integer_BG.gif); 
	background-repeat:repeat-y;
	}	

/*** 左邊內容外框 ***/	
#left_box {
	margin-left:10px;
	margin-bottom:7px;
	}	
	
/*** 中間內容大外框 ***/	
#bigContent_box {
	margin-bottom:10px;
	}			
		
/*** 中間內容次外框 ***/
#content_box {
	margin-left:14px; 
	margin-right:11px; 
	margin-top:15px;
	}	
	
/*** 中間內容次外框裡面的TABLE設定 ***/	
#content_box table {
	margin-bottom:4px;
	}
	
/*** 下方公司資訊 ***/	
#companyInfo {
	background-image:url(../images/info_bg.jpg); 
	background-repeat:repeat-y;
	color:#FFFFFF;
	text-align:center;
	line-height:20px;
	}
	
/*** 下方公司資訊 "最佳瀏覽解析度..." 文字 ***/	
.companyInfo_word {
	color:#749b93;
	}	
		
/*** 首頁活動訊息.最新消息文章分隔虛線 ***/	
.short_line {
	margin-top:3.8px; 
	margin-bottom:3.8px;
	}
	
/*** 首頁活動訊息.最新消息圖片間距 ***/	
.idxImg {
	margin-right:8px;
	}	
	
/*** 首頁活動相簿外框設定 ***/		
.idxPhotos_box {
	background-image:url(../images/photos_BG.jpg); 
	background-repeat:no-repeat; 
	width:356px; 
	height:105px; 
	margin-left:3.7px;
	}	
	
/*** 首頁活動相簿內框設定 ***/		
.photos_box {
	background-image:url(../images/photosBox.jpg); 
	background-repeat:no-repeat; 
	width:77px; 
	height:63px;
	margin-top:34px;
	margin-left:7px;
	padding-left:4px;
	padding-top:4px;
	}	
	
/*** 首頁課程行事曆外框設定 ***/	
.calendar_BG {
	background-image:url(../images/classlist_BG.jpg); 
	background-repeat:no-repeat; 
	width:171px; 
	height:105px;
	text-align:left;
	}	
	
/*** 首頁課程行事曆內框設定 ***/	
.calendar_BG div {
	padding-top:80px;
	padding-left:11px;
	}	
	
/*** 分隔線設定 ***/	
.line {
	border-top:1px #CCC dotted;
	margin-top:4px;
	margin-bottom:6px;
	}	
	
/*** 局部行距設定 ***/		
.distance_01 {
	margin-top:20px;
	}	
	
/*** 局部文字效果使用 ***/	

/*12px 紫色*/	
.word_01 {
	color:#a94a8b;
	}	
	
/*12px 紫色*/	
.word_02 {
	color: #E65140;
	}	
	
/*12px 紅色*/	
.word_03 {
	color: #F00;
	}
	
/** HOME文字設定 **/
.homeWord {
	font-size:12px; 
	font-weight:bold; 
	color:#FFFFFF;
	}	
	

	
	

/*** 雙層選單***/	

/* 加載csshover3.htc，解決IE6沒有li:hover擬類的問題 */

* html body {
	behavior:url("csshover3.htc");
	}
	
		
/* 選單外框設定 */	
.menubox {
	background-image:url(../images/topMenu_bg01.jpg); background-repeat:repeat-y; width:902px;
	}
	
.menubox_01 {
	background-image:url(../images/topMenu_bg02.jpg); 
	background-repeat:no-repeat; 
	width:902px; 
	height:32px;
	}		

/* ---------- 大小與定位 ---------- */
#menu {
/* 選單大小 */
	width:870px;
    height:30px;
	padding-top:1px;
	padding-left:10px;
	}

#menu ul {
/* 取消ul樣式符號 */
	list-style-type:none;
/* 重設ul邊界與留白為零 */
    margin:0;
    padding:0;
/* 內有浮動元件時，需設overflow才會自動調整大小 */
    overflow:auto;
	}

* html #menu ul {
/* 解決IE6不理overflow問題，直接指定高度 */
    height:30px;
	}

#menu ul li {
/* 利用float讓第一層li水平排列 */
    float:left;
	}
	
/* 解決IE6條列式餘白問題*/
* html #menu ul li {
    display:inline;
	}

#menu ul li a {
/* 將a改為區塊元件，以便指定寬高 */
    display:block;
/* 這邊也要設float，否則IE6會以100%寬度顯示 */
    float:left;
/* 固定高度 */
    height:30px;
    width: 105px;
    text-align: center;
	}

#menu ul li ul {
/* 讓第二層ul跳脫文件流以利定位 */
    position:absolute;
/* 固定寬度 */
	width:105px;
/* 避免出現捲軸 */
	overflow:visible;
/* 讓ul與母階層li相同位置 */
	clear:left;
    margin-top: 30px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    z-index: 99;
	}

/* 修正IE7絕對定位差異 */
*:first-child+html #menu ul li ul {
    margin-top:0;
	}

/* 修正IE6絕對定位差異 */
* html #menu ul li ul {
	margin-top:0;
	}

#menu ul li ul li {
/* 覆寫繼承自第一層的浮動設定 */
    float:none;
    text-align: center;
	}

#menu ul li ul li a {
/* 覆寫繼承自第一層的浮動設定 */
    float:none;
    width: 100%;/* 註：display、height、padding繼承第一層的設定 */
	}

#menu ul li ul li ul {
    margin-top: -30px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 100px;
    width: 100%;
	}

/* 修正IE7絕對定位差異 */
*:first-child+html #menu ul li ul li ul {
    margin-top:-30px;
	}

#menu ul li ul li ul li {
/* width、float繼承第二層，免設定 */
	}

#menu ul li ul li ul li a {
/* width、float繼承第二層，免設定 */
	}

/* ---------- 隱藏與顯示階層 ---------- */
#menu ul li ul {
/* 預先隱藏第二層 */
    visibility:hidden;
	}

#menu ul li:hover ul {
/* 觸動第一層時，顯示第二層 */
    visibility:visible;
	}

#menu ul li:hover ul li ul {
/* 顯示第二層時，隱藏第三層，避免同時彈出 */
    visibility:hidden;
	}

#menu ul li ul li:hover ul {
/* 觸動第二層時，顯示第三層 */
    visibility:visible;
	}

#menu ul li ul li:hover ul li ul {
/* 顯示第三層時，隱藏第四層，避免同時彈出 */
    visibility:hidden;
	}

#menu ul li ul li ul li:hover ul {
/* 觸動第三層時，顯示第四層 */
    visibility:visible;
	}	
	
/* 按鈕中間分隔線 */	
.linebox {
	font-size:13px; padding-top:6px; color:#FFFFFF;
	}	



/* ---------- 以下為美化用，非必需 ---------- */

/* 預設字體 */

#menu {
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
	}

/* 第一層ul背景色彩與邊框 */
#menu ul {
	background:#74bf02;
	font-weight:bold;
	}

/* 第一層a字型 */
#menu ul li a {
    color:#FFF;
    text-decoration:none;
    line-height: 30px;
	font-size:13px;
	}

/*第二層ul背景色彩與邊框  */
#menu ul li ul {
    background:#efefef;
	}

/* 第二層a字型 */
#menu ul li ul li a {
    font-size:13px;
	font-weight:normal;
    color:#333333;
    text-decoration:none;
	}

/* 觸動第一層li時，改變背景色 */
#menu ul li:hover, #menu ul li a:hover {
    background: #E0E0E0;
	}

#menu ul li:hover a {
    color:#01493b;
	font-weight:normal;
	}

/* 觸動第二層以上li時改變背景色 */
#menu ul li ul li:hover, #menu ul li ul li a:hover {
    background: #E0E0E0;
	}
	
#menu ul li ul li:hover a {
	color:#01493b;
	}