/*** 全網站統一設定 ***/
body {
	background-color:#e8e8e8;
	/*margin-left:125px;*/
	/*margin-right:0px;*/
	margin-top:20px;	
	margin-bottom:20px;
	font-size:13px;
	color:#777777;
	line-height:22px;
	font-family: Arial, Helvetica, sans-serif;
	/*text-align:justify;*/
	}
	
/*** 全網站連結設定 ***/	
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;
	}	

/*** 全網站項目設定 ***/
ul {
	margin-top:0px; 
	margin-right:0px; 
	margin-bottom:0px; 
	margin-left:0px; 
	padding-top:0px; 
	padding-right:0px; 
	padding-bottom:0px; 
	padding-left:15px;
	}
	
ol {
	margin-top:0px; 
	margin-right:0px; 
	margin-bottom:0px; 
	margin-left:0px; 
	padding-top:0px; 
	padding-right:0px; 
	padding-bottom:0px; 
	padding-left:25px;
	}	

/*** 表格設定 ***/
#tab {
	font-size:13px; 
	color:#666666; 
	border-top:1px solid #CCCCCC; 
	border-left:1px solid #CCCCCC;
	}
	
#tab th {
	border-right:1px solid #CCCCCC; 
	border-bottom:1px solid #CCCCCC;
	color:#67AC53;
	background-color:#ecf7db;
	padding:7px;
	}	

#tab td {
	border-right:1px solid #CCCCCC; 
	border-bottom:1px solid #CCCCCC;
	padding:7px;
	}

/*tr:hover {
	background-color:#eff4ea;
	}*/
	
#tab td:hover {
	background-color:#eeeeee;
	}
	
/*** 上方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;
	font-size:12px;
	}	

/*** 上方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;
	}	
	
/*** 右邊內容外框 ***/	
#right_box {
	padding-right:10px;
	padding-bottom:7px;
	}	
	
/*** 右邊產品目錄選單設定 ***/	
#jumpMenu {
	margin-bottom:5px; 
	font-size:12px; 
	color:#0D93BF; 
	padding:1px;
	}	

/*** 汪鎮江造字 ***/		
.wong {
	vertical-align:middle;
}	
	
/*** 右邊產品目錄外框設定 ***/	
.directory_BG {
	width:162px;
	height:88px; 
	background-image:url(../images/directory.jpg); 
    background-repeat:no-repeat;
	text-align:left;
	}
	
/*** 右邊產品目錄內框設定 ***/	
.directory_BG div {
	padding-top:32px;
	padding-left:20px;
	}	
	
/*** 右邊課程行事曆外框設定 ***/	
.calendar_BG {
	width:162px;
	height:97px; 
	background-image:url(../images/calendar.jpg); 
    background-repeat:no-repeat;
	text-align:left;
	}	
	
/*** 右邊課程行事曆內框設定 ***/	
.calendar_BG div {
	padding-top:68px;
	padding-left:11px;
	}		

/*** 中間內容大外框 ***/	
#bigContent_box {
	margin-bottom:10px;
	}			
		
/*** 中間內容次外框 ***/
#content_box {
	margin-left:20px; 
	margin-right:20px; 
	}		
	
/*** 下方公司資訊 ***/	
#companyInfo {
	background-image:url(../images/info_bg.jpg); 
	background-repeat:repeat-y;
	color:#FFFFFF;
	text-align:center;
	line-height:20px;
	font-size:12px;
	}
	
/*** 下方公司資訊 "最佳瀏覽解析度..." 文字 ***/	
.companyInfo_word {
	color:#749b93;
	}
	
/*** 中間上方位置列 ***/
.notation {
	background-image:url(../images/notation_BG.jpg); 
	background-repeat:no-repeat;
	width:518px; 
	height:24px; 
	padding-top:3px; 
	color:#aaaaaa;
	font-size:12px;
	}
	
/*** 中間上方位置列連結 ***/
.position:hover {
	text-decoration: none;
	color: #95c748;
	}	
	
/*** 關鍵字搜尋列表連結 ***/
.searchList:link {
	text-decoration: none;
	color: #826C62; 
	font-size:15px;
	}
	
.searchList:visited {
	text-decoration: none;
	color:#826C62; 
	font-size:15px;
	}	

.searchList:hover {
	text-decoration: none;
	color:#f48d32;
	}	
	
/*** 三排版的大標題 ***/	
.bigTitle {
	margin-bottom:15px;
	margin-top:8px;
	}
	
/*** 三排版的大標題 ***/	
.bigTitle_01 {
	margin-top:8px;
	}
	
/*** 三排版的次標題 ***/	
.minorTitle {
	margin-bottom:10px;
	}	
	
/*** 三排版的分頁選單 ***/	
.threeStlPage {
	margin-top:50px; 
	margin-bottom:30px;
	}	
	
/*** 文繞圖 左 ***/	
.photoAround_L {
	float:left; 
	margin-right:10px; 
	margin-bottom:10px;
	}
	
/*** 文繞圖 右 ***/	
.photoAround_R {
	float:right; 
	margin-left:10px; 
	margin-bottom:10px;
	}	
		
/*** 服務據點(台灣)的選單 ***/
.serviceMenu_taiwan {
	background-image:url(../images/serviceTaiwan.jpg); 
	background-repeat:no-repeat; 
	width:483px; 
	height:42px; 
	padding-top:23px; 
	padding-left:35px; 
	color:#999999;
	margin-bottom:10px;
	}
	
/*** 服務據點(全球)的選單 ***/
.serviceMenu_world {
	background-image:url(../images/serviceWorld.jpg); 
	background-repeat:no-repeat; 
	width:483px; 
	height:20px; 
	padding-top:23px; 
	padding-left:35px; 
	color:#999999;
	margin-bottom:10px;
	}	
	
/*** 名人排行榜的選單 ***/
.celebrity_menu {
	background-image:url(../images/celebrity_menuBG.jpg); 
	background-repeat:no-repeat; 
	width:500px; 
	height:55px;
	padding-top:14px; 
	padding-left:18px; 
	color:#999999;
	margin-bottom:10px;
	}	
	
/*** 產品總目錄敘述小內文 ***/
.nutrimentCatalog_word {
	font-size:12px; 
	line-height:16px; 
	color:#999999;
	}	
	
/*** 分隔線 ***/	
.line {
	border-top:1px #CCCCCC dotted; 
	margin-top:10px; 
	margin-bottom:15px;
	}	
	
/*** 分隔線 ***/	
.line_01 {
	border-top:1px #CCCCCC solid; 
	margin-top:10px; 
	margin-bottom:15px;
	}	
	
/*** 單項產品介紹底線 ***/	
.productsLine {
	border:1px solid #7aba00;
	}	
	
/*** 單項產品介紹外框 ***/	
.productsBox {
	margin-top:20px; 
	margin-bottom:20px;
	}	
	
/*** 單項產品名稱外框 ***/	
.productsTitle {
	text-align:center; 
	width:112px; 
	margin-top:10px;
	}
	
/*** 單項產品內容介紹 ***/	
.productsContent {
	font-size:12px;
	/*text-align:justify;*/
	}
	
/*** 得獎說明外框 ***/		
.win_box {
	margin-top:10px;
	}
	
.win_box_01 {
	margin-left:8px;
	margin-top:10px;
	}	
	
/*** 輔助小標籤外框 ***/	
.tag {
	margin-top:15px; 
	margin-bottom:15px;
	}	
		
/*** 項目符號 ***/
.listWord {
	list-style-type: lower-alpha;
	margin-left:5px;
	}
	
.listWord_01 {
	list-style-type:none;
	}	
	
	
/*** 局部行距設定 ***/		
.distance_01 {
	margin-top:20px;
	}
	
/*** 局部行距設定 ***/		
.distance_01 {
	margin-top:20px;
	}	
							
/*** 局部文字效果使用 ***/	

/** 12px 紫色 **/	
.word_01 {
	font-size:12px;
	color:#a94a8b;
	}
	
/** 15px 橘色 粗體 **/	
.word_02 {
	font-size:15px; 
	color:#f48d32;
	font-weight:bold;
	}	
		
/** 13px 葡萄柚色 粗體 **/	
.word_03 {
	font-size:13px; 
	color: #FF6A6A;
	font-weight:bold;
	}
	
/** 15px 綠色 粗體 **/	
.word_04 {
	font-size:15px; 
	font-weight:bold;
	color: #56B616;
	}
	
/** 13px 藍色**/	
.word_05 {
	font-size:13px; 
	color: #0D93BF;
	}	
	
/** 13px 淺藍灰色**/	
.word_06 {
	font-size:13px; 
	color: #9EA6BC;
	}
	
/** 13px 深綠色**/	
.word_07 {
	font-size:13px;
	color: #11684E; 
	}	
	
/** 13px 淡綠色**/	
.word_08 {
	font-size:13px;
	color: #9eb876; 
	}
	
/** 12px 淡螢光綠色**/	
.word_09 {
	font-size:12px;
	color: #95c748; 
	}	
	
/** 12px 淺橘色**/	
.word_10 {
	font-size:12px;
	color:#fe6c4a;	
	}
	
/** 12px 淡藍色**/	
.word_11 {
	font-size:12px;
	color: #96BEEF;	
	}	
	
/** 12px 淡灰色**/	
.word_12 {
	font-size:12px;
	color: #aaaaaa;	
	}	
	
/** 15px 藍色 粗體**/	
.word_13 {
	font-size:15px;
	font-weight:bold;
	color: #2397DC;
	}
	
/** 15px 海洋綠色 粗體**/	
.word_14 {
	font-size:15px;
	font-weight:bold;
	color: #3FB49C;
	}	
	
/** 12px 海洋綠色**/	
.word_15 {
	font-size:12px;
	color: #74CFBD;
	}					
	
/** 12px 淡橘色**/	
.word_16 {
	font-size:12px;
	color: #FFA851;
	}	
	
/** 15px 葡萄柚色**/	
.word_17 {
	font-size:15px;
	font-weight:bold;
	color: #FF7171;
	}	
	
/** 12px 淡葡萄柚色**/	
.word_18 {
	font-size:12px;
	color: #FFA2A2;
	}	
	
/** 12px 可可色**/	
.word_19 {
	font-size:12px;
	color: #9E948F;
	}
	
/** 15px 可可色**/	
.word_20 {
	font-size:15px;
	color: #897667;
	font-weight:bold;
	}	
	
/** 13px 可可色**/	
.word_21 {
	font-size:13px;
	color: #6B5A52;
	}	
	
/** 15px 葡萄柚色 粗體 **/	
.word_22 {
	font-size:15px; 
	color: #FF6A6A;
	font-weight:bold;
	}							
		
/** 12px 深葡萄柚紅色**/	
.word_23 {
	font-size:12px;
	color: #FF6666;
	}	
	
/** 15px 深葡萄柚紅色**/	
.word_24 {
	font-size:15px;
	color: #FF6666;
	}
	
/** 18px 葡萄柚色**/	
.word_25 {
	font-size:18px;
	font-weight:bold;
	color: #FF7171;
	}	
	
/** 12px 綠色**/	
.word_26 {
	font-size:12px;
	color: #366f4c;
	}	
	
/** 13px 紫色 **/	
.word_27 {
	font-size:13px;
	color: #9A5C94;
	}		
	
/** 13px 紫色 **/	
.word_28 {
	font-size:13px;
	color: #9A5C94;
	text-decoration:underline;
	}	
	
/** 15px **/	
.word_29 {
	font-size:15px;
	}	
	
/** 數學符號字元大小 **/	
.special {
	font-size:22px;
	}				
	
/** 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;
	}

/* 修正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;
	}