@charset "utf-8";
/* CSS Document */



/*-----匯入文字樣式css、配色css、內文區樣式-----*/
@import URL("mainTextStyle.css");
@import URL("mainColor.css");
@import URL("mainContentElement.css");


/*寫在前面：[重要]
20120711 by huan
-----以下是整體版型設定-----

mainLayout.css專責處理排版
例如：與區塊的長寬、位置、間距、顯示排列...相關的屬性。以及標籤樣式標準化。
ex: width, height, position, margin, padding, float, display, z-index...等屬性

mainTextStyle.css專責處理文字
例如：文字樣式...
ex: font系列如font-size, text系列如text-align...等屬性

mainColor.css專責處理配色
例如：文字顏色、背景圖片設定與顏色、格線樣式...
ex: color, background系列, border系列...等屬性

-----以上是整體版型設定-----



-----以下是內容區的設定-----

mainContentElement.css
專責處理主內容區：內文區的樣式
例如：內文的段落、表格、超連結、項目清單...任何應用在內文中的樣式
<p> <table> <a> <ul> <ol> <li> <blockquote> <q>...

為了方便，本區域內的css就不像整體版型拆成"排版、文字、配色"三種css
而是將屬性都寫在一起，比較不分散

-----以上是內容區的設定-----

*/
/*
*
*
*
*/
/*本CSS樣式目錄*/
/*可利用ctrl + f可搜尋跳至此文件區域
---排版相關---
HTML標籤標準化

整體版型

主要區塊設定

區塊內部排版

---文件檔案相關---
版本記錄

檔案修改記錄

補充說明

*/
/*
*
*
*
*/
/*HTML標籤標準化Start*/
/*在此自訂一些標籤的預設值*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, p, blockquote{
	margin:0;
	padding:0;
	/*筆記：原本有th, td，但是會影響"Javascript下拉式主選單"內的間距而取消*/
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;	
}
ol, ul{
	list-style:none;
	/*清除清單的項目符號，後續使用由自已自訂*/
}
address, caption, cite, code, dfn, em, strong, th, var{
	font-style:normal;
	font-weight:normal;	
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img{
	border:0;	
}
caption, th{
	text-align:left;	
}
/*HTML標籤標準化End*/
/*
*
*
*
*/
/*整體版面*/

body{
	position:relative;
	margin:0 auto;	
	width:100%;
}
.clearboth{
	clear:both;
	/**
	清除文繞圖
	主要用於修複兩欄排版造成的Foot偏移
	/**/
}
/*
*
*
*
*/
/*主要區塊設定Start*/
div#containerWrapper{
	/*主頁面最外框*/
	width:auto;
}
div#container{
	/*主容器裡面裝的是標題、內容與頁尾*/
	width:960px;
	margin:auto;
}
div#head{
	/*標題橫幅區*/
	width:960px;
	height:105px;
	margin:auto;

	/*for IE6*/
	_position:relative;	
}
div#content{
	/*內容區*/
	width:960px;
	margin:auto;
	
	/*for IE6*/
	_position:relative;
}
div#foot{
	/*頁尾區*/
	width:960px;
	height:250px;
	margin:auto;
	
	/*for IE6*/
	_position:relative;
}
/*主要區塊設定End*/
/*
*
*
*
*/
/*區塊內部排版Start*/
/*===Header===*/
div#header{
	position:absolute;	
	width:auto;
	height:auto;
}
	/*--標題：Logo*/
div#header h1.logoCiLink_Head{
	position:absolute;
	top:50px;
	left:60px;
	width:150px;
	height:40px;
	display:inline;
}
div#header h1.logoCiLink_Head a{
	width:150px;
	height:40px;
	display:block;
}
div#header h1.logoCI_Head{
	position:absolute;
	top:50px;
	left:690px;
	width:216px;
	height:45px;
	display:inline;
}
div#header h1.logoCI_Head a{
	width:216px;
	height:45px;
	display:block;	
}
	/*--標題：使用者資料區 left:540px;*/
div#header div#userInfo{
	position:absolute;
	top:3px;
	width:940px;
}
div#header div#userInfo h2{
	/*隱藏此區域的說明標題*/
	display:none;
}
div#header div#userInfo ul{	
}
div#header div#userInfo ul li{
	margin:0px 5px;
	display:inline;
}
/*===Header===*/
/*
*
*
*
*/
/*===Content===*/
	/*--內容區：主導覽選單 nav*/
div#nav{
	/*position:absolute;*/
	width:960px;
	height:40px;
	margin:0px auto 0px;
}
div#nav h2{
	display:none;	/*提供給無CSS的瀏覽器使用，有CSS則隱藏*/
}
div#nav div#mainNavArea{
	margin:0px auto;
	width:900px;	
}

	/*--內容區：主內容區 content_main*/
div#content_main{
	width:730px;
	float:left;	
}
div#content_main_900{
	width:950px;
	float:left;
}
div#content_mainNoMenu{
	width:950px;
	float:left;
	margin:20px auto;	
}
	/*--內容區：標題圖 titleImage*/
div#titleImage{
	width:auto;
	height:110px;
	margin:20px auto 10px;
}
div#titleImage_900{
	width:auto;
	height:110px;
	margin:20px auto 10px;
}
div#titleImage h2,div#titleImage_900 h2{
	/*隱藏此區域的說明標題*/
	display:none;		
}
div.titleImage001_700,div.titleImage002_700,div.titleImage003_700,
div.titleImage004_700,div.titleImage005_700,div.titleImage006_700,
div.titleImage007_700,div.titleImage008_700,div.titleImage009_700,
div.titleImageSP1_700,div.titleImageSP2_700,div.titleImageSP3_700{
	height:110px;
}
div.titleImage001_900,div.titleImage002_900,div.titleImage003_900,
div.titleImage004_900,div.titleImage005_900,div.titleImage006_900,
div.titleImage007_900,div.titleImage008_900,div.titleImage009_900,
div.titleImageSP1_900,div.titleImageSP2_900,div.titleImageSP3_900{
	height:110px;
}
	/*--內容區：麵包屑*/
div.breadcrumbNav,
div.breadcrumbNav_900{
	margin:10px 0px 20px 30px;
	height:30px;
}
div.breadcrumbNav h3,
div.breadcrumbNav_900 h3{
	/*隱藏此區域的說明標題*/
	display:none;		
}
div.breadcrumbNav ul{
	width:620px;
	height:37px;
}
div.breadcrumbNav_900 ul{
	width:820px;
	height:37px;
}
div.breadcrumbNav ul li,
div.breadcrumbNav_900 ul li{
	padding:0px 20px 0px 15px;
	float:left;
}
div.breadcrumbNav ul li a,
div.breadcrumbNav_900 ul li a{
	padding-top:6px;
	height:30px;	
	display:block;
	_display:inline;
}
div.breadcrumbNav ul li.bcHome_Li,
div.breadcrumbNav_900 ul li.bcHome_Li{
	width:54px;
	padding:0px;
}
div.breadcrumbNav ul li a.bcLevelEnd,
div.breadcrumbNav_900 ul li a.bcLevelEnd{
	padding:3px 20px 0px 0px;
}
div.breadcrumbNav ul li a.bc1stLevelEnd,
div.breadcrumbNav_900 ul li a.bc1stLevelEnd{
	padding:3px 20px 0px 0px;
}

	/*--內容區：內文區*/
div.contentSquare{
	width:700px;
	margin:10px 0px 10px 30px;
}
div.contentSquare_900{
	width:900px;
	margin:10px 0px 10px 30px;
}
	/*內文圓角方塊裝飾背景*/
div.contentSquare div.boxTop01,
div.contentSquare_900 div.boxTop01{
	width:auto;
	height:15px;
}
div.contentSquare div.boxTop01 div.boxTop02,
div.contentSquare_900 div.boxTop01 div.boxTop02{
	width:auto;
	height:15px;
}
div.contentSquare div.boxTop01 div.boxTop02 div.boxTop03,
div.contentSquare_900 div.boxTop01 div.boxTop02 div.boxTop03{
	width:15px;
	height:15px;
	float:right;
}
div.contentSquare div.boxBottom01,
div.contentSquare_900 div.boxBottom01{
	width:auto;
	height:15px;
}
div.contentSquare div.boxBottom01 div.boxBottom02,
div.contentSquare_900 div.boxBottom01 div.boxBottom02{
	width:auto;
	height:15px;	
}
div.contentSquare div.boxBottom01 div.boxBottom02 div.boxBottom03,
div.contentSquare_900 div.boxBottom01 div.boxBottom02 div.boxBottom03{
	width:15px;
	height:15px;
	float:right;	
}
div.contentSquare div.contentArea,
div.contentSquare_900 div.contentArea{
	margin:5px 15px;	
}
div.contentSquare h3,
div.contentSquare_900 h3{
	margin:5px 0px 10px;
}
div.contentSquare p,
div.contentSquare_900 p{
	margin:15px 0px;
}





	/*內容區：側邊欄 content_sub*/
div#content_sub{
	width:210px;
	float:right;
	z-index:100;
}
div.triangle01{
	width:10px;
	height:10px;
	margin:5px 0px 0px 0px;
	float:right;
}
div.triangle02{
	width:10px;
	height:10px;
	float:right;
}
	/*--內容區：我的小秘書*/
div.userHint{
	width:auto;
	height:auto;
	margin:0px auto 10px;
	padding-top:12px;
	padding-bottom:15px;
	clear:both;			
}
div.userHint h2{
	height:40px;
}
div.userHint ul{
	width:168px;
	margin:15px auto;
}
	/*--內容區：常用選單 frequentMenu*/
div.frequentMenu{
	width:auto;
	height:auto;
	margin:0px auto;
	padding-top:12px;
	padding-bottom:15px;
	clear:both;	
}
div.frequentMenu h2{
	height:40px;
}
div.frequentMenu ul{
	width:168px;
	margin:15px auto;
}
div.frequentMenu ul li a{
	width:168px;
	display:block;
}
/*===Content===*/
/*
*
*
*
*/
/*===foot===*/
div#footer{
	position:absolute;
	width:940px;
	margin:auto;
}
div#footer div.enterpriseLogo{
	position:absolute;
	top:132px;
	left:400px;
	width:380px;
}
div#footer div.enterpriseLogo ul{
	margin:0px auto;
}
div#footer div.enterpriseLogo ul li{
	width:170px;
	margin:0px;
	padding:0px;
	float: left;
}
div#footer div.enterpriseLogo ul li a{
	width:170px;
	height:45px;
	display:block;
	outline:none; 
}
div#footer p.suggestionBrowser{
	position:absolute;
	top:190px;
	left:240px;
	width:530px;
}
/*===foot===*/
/*區塊內部排版End*/
/*
*
*
*
*/
/*文件檔案相關*/
/*版本記錄*/
/*


*/
/*檔案修改記錄*/
/*

*/
/*補充說明*/
/*

*/