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



/*-----匯入文字樣式css、配色css-----*/
@import URL("indexTextStyle.css");
@import URL("indexColor.css");



/*寫在前面：[重要]
20120711 by huan
indexLayout.css專責處理排版
例如：與區塊的長寬、位置、間距、顯示排列...相關的屬性。以及標籤樣式標準化。
ex: width, height, position, margin, padding, float, display, z-index...等屬性

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

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


*/
/*
*
*
*
*/
/*本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, th, td{
	margin:0;
	padding:0;	
}
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;
	/**
	清除文繞圖
	/**/
}
/*
*
*
*
*/
/*主要區塊設定Start*/
div#container{
	/**/
	width:960px;
	margin:auto;
}
div#head{
	/*標題橫幅區*/
	position:relative;
	width:960px;
	height:95px;
	margin:auto;	
}
div#contentFootWrapper{
	position:relative;
	width:960px; 	
	height:800px;
}
div#content{
	/*內容區*/
	position:relative;
	width:960px;
	height:465px;
	margin:auto;
	
	/*for IE6*/
	_height:461px;
}
div#foot{
	/*頁尾區*/
	position:relative;
	width:960px;
	height:auto;
	margin:auto;
}
/*主要區塊設定End*/
/*
*
*
*
*/
/*區塊內部排版Start*/
/*===Header===*/
div#header{
	position:absolute;	
	width:auto;
	height:auto;
}
div#header h1.logoCiLink_Head{
	position:absolute;
	top:42px;
	left:60px;
	width:124px;
	height:45px;
	display:inline;
}
div#header h1.logoCiLink_Head a{
	width:124px;
	height:45px;
	display:block;
}
div#header h1.logoCI_Head{
	position:absolute;
	top:42px;
	left:690px;
	width:210px;
	height:45px;
	display:inline;
}
div#header h1.logoCI_Head a{
	width:210px;
	height:45px;
	display:block;	
}
/*===Header===*/
/*
*
*
*
*/
/*===Content===*/
div#content{
	position:absolute;
	z-index:10;
}
div#loginArea{
	position:absolute;
	left:640px;
	width:320px;
	height:465px;
}
div#visualArea{
	position:absolute;
	left:0px;
	width:620px;
	height:465px;
}

	/*div#loginArea以內的標籤*/
div#loginArea h2{
	display:none;	
}
div#loginArea div.memberSelection{
	margin:34px 0px 10px 30px;	
}
div#loginArea input#RadioGroup1_0,
div#loginArea input#RadioGroup1_1{
	margin:0px 3px;
}

/*20230412 調整版型*/
div#loginArea div.enterId,
div#loginArea div.enterPw{
	margin:0px 0px 0px 0px;	
}
div#loginArea div.enterId input,
div#loginArea div.enterPw input{
	width:198px;
	outline:none;
}
div#loginArea div.inputTypeStyle{
	width:203px;
	height:27px;
	padding:5px 15px 0px;
	_padding:5px 7px 0px;
}
div#loginArea p.totalWrongMsg{
}
div#loginArea div.importantbtn{
	position:absolute;
	top:260px;
	left:186px;	
}
div#loginArea div.importantbtn input#btnSend{
	width:90px;
	height:34px;
	border:0px;	
}
div#loginArea div.importantbtn input#btnForgetPw{
	margin-top:2px; 
	border:0px;	   
}
div#loginArea div.importantbtn a{
	width:90px;
	height:34px;
	margin:3px 0px;
	display:block;	
}
div#loginArea div.servicePage{
	position:absolute;
	top:335px;
	left:0px;
	right:10px;
	padding-top:10px;
}/**
div#loginArea div.servicePage a{
	height:34px;
	margin:1px;
	float:left;
	display:block;	
}
div#loginArea div.servicePage a#lin1{
	width:161px;
}
div#loginArea div.servicePage a#lin2{
	width:141px;
}
div#loginArea div.servicePage a#lin4{
	margin-top:5px;
	width:238px;
}/**/
div#loginArea div.servicePage input#btnTPEKHHAreaList{
	width:238px;
}
	/*div#visualArea以內的標籤*/
div#visualArea h2{
	display:none;	
}
div#visualArea div#mainVisual{
	position:absolute;
	width:620px;	
	height:325px;
}
div#visualArea div#mainVisual img{
	position:absolute;
	top:24px;
	left:81px;
	padding: 6px;
}
div#visualArea div#adSlideShow{
	position:absolute;
	top:325px;
	left:0px;
	width:620px;
	height:130px;
}


/*===Content===*/
/*
*
*
*
*/
/*===foot===*/
div#footer{
	position:absolute;
	top:420px;
	left:10px;
	width:940px;
	height:400px;
	margin:auto;
}
div#footer div.introArea{
	position:absolute;
	top:60px;
	left:321px;
	width:602px;
	height:auto;
	padding-bottom:7px;
}
div#footer div.introArea div.introArea_innerTop{
	width:602px;
	height:10px;
}
div#footer div.introArea div.introArea_inner{
	width:602px;
	height:auto;
	padding-top:44px;
	padding-bottom:10px;
}
div#footer h3{
	position:absolute;
	top:70px;
	left:315px;
	z-index:5;
	width:184px;
	height:46px;
}
div#footer div.introArea p{
	width:550px;
	margin:10px auto;	
}
div#footer img{
	
}
div#footer p.suggestionBrowser{
	position:absolute;
	left:220px;
	bottom:25px;
	width:607px;
	heifht:78px;
	margin:auto;
}
/*===foot===*/
/*區塊內部排版End*/
/*
*
*
*
*/
/*文件檔案相關*/
/*版本記錄*/
/*


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

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

*/