﻿
/*************************** 首頁 header 開始 ********************************/
#header{
	background:url(../../images/headerBg.gif) no-repeat;
	height:94px;
}
#header ul,
#header h1,
#header h2{
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:12px;
	color:#666666;
}
#header ul{list-style-type:none;}

#header h1{
	margin-left:20px;
	float:left;
	position:absolute;
}
#header h1 a{
	text-indent:-9000px;
	background:url(../../images/logo.gif) no-repeat;
	width:230px;
	height:115px;
	display:block;
}

#linkArea{
	float:right;
	position:relative;
	top:15px;
	right:5px;
}
#linkArea li{
	float:left;
}
#linkArea li a{
	padding-left:15px;
	background:url(../../images/headerLinksDot.gif) no-repeat 6px 4px;
	color:#000000;
	text-decoration:none;
	margin-left:2px;
}
#linkArea li a:hover{
	text-decoration:underline;
}

#nav{
	padding:46px 0 0 269px;
}
/*************************** 首頁 header 結束 ********************************/

#kv{ height:215px; border-bottom:3px solid #6fab38;}

#homeContent{
	background:url(../../images/ctBg.jpg) no-repeat;
}
#homeContent2{
	background:url(../../images/ctBtmBg.gif) no-repeat 0 bottom;
	height:550px;
	padding:8px 24px 0 266px;
}

/*************************** 首頁 footer 開始 ********************************/
#footer{
	background:url(../../images/footerBg.jpg) no-repeat;
	text-align:right;
	color:#898989;
	padding:12px 135px 6px 0;
}
/*************************** 首頁 footer 結束 ********************************/

/*************************** 首頁 左邊功能區塊 開始 ********************************/
#functionArea{
	position:absolute;
	left:34px;
	top:119px;
	width:204px;
}
#functionArea input,
#functionArea select{
	font-size:12px;
	font-family:Arial;
	color:#666666;
}
#searchForm{
	height:30px;
}
#searchForm input.searchInput{
	color:#b9b9b9;
	border:1px solid;
	border-top-color:#abadb3;
	border-right-color:#abadb3;
	border-left-color:#e2e3ea;
	border-bottom-color:#e2e3ea;
	padding:3px 3px 0;
	/*width:85px;  original*/
	width:65px;
	position:absolute;
}
#searchForm div.selectBdr{
	position:absolute;
/*	left:98px;  original*/
	left:75px;
	xtop:1px;
	xwidth:68px;
	height:22px;
	overflow:hidden;
}
#searchForm div.selectBdr select.searchSelect{
	color:#b9b9b9;
	margin:-1px 0 0 -1px;
	width:65px;
}
#searchForm input.searchSubmit{
	position:absolute;
	left:164px;
	border:none;
	background:url(../../images/searchBtn.gif) no-repeat -1px -1px;
	width:40px;
	height:22px;
	text-indent:-9000px;
	cursor:pointer;
}

#loginForm h3{
	text-indent:-9000px;
	background:url(../../images/memberLogin.gif) no-repeat;
	height:31px;
	margin:10px 0 0 0;
	padding:0;
}
#loginForm div{
	width:135px;
	float:left;
}
#loginForm label.loginId{
	display:block;
	text-indent:-9000px;
	background:url(../../images/id.gif) no-repeat;
	width:22px;
	height:11px;
	float:left;
	margin:4px 4px 0 10px;
}
* html #loginForm label.loginId{
	margin:2px 4px 0 5px;
}
#loginForm label.loginPw{
	display:block;
	text-indent:-9000px;
	background:url(../../images/pw.gif) no-repeat;
	width:22px;
	height:11px;
	float:left;
	margin:4px 4px 0 10px;
}
* html #loginForm label.loginPw{
	margin:2px 4px 0 5px;
}
#loginForm input.loginInput{
	border:1px solid #e0e2e4;
	float:left;
	width:94px;
	margin-bottom:5px;
}
#loginForm input.loginBtn{
	border:none;
	width:53px;
	height:45px;
	text-indent:-9000px;
	background:url(../../images/loginBtn.gif) no-repeat;
	margin-left:4px;
	cursor:pointer;
}

#loginForm ul{
	clear:both;
	list-style-type:none;
	margin:0;
	padding:5px 0 0 12px;
}
#loginForm ul li{
	float:left;
}
#loginForm ul li a{
	text-indent:-9000px;
	display:block;
	height:20px;
}
#loginForm ul li#joinMember a{
	width:94px;
	background:url(../../images/joinMemberBtn.gif) no-repeat;
	margin-right:6px;
}
#loginForm ul li#forgetPw a{
	width:79px;
	background:url(../../images/forgetPWBtn.gif) no-repeat;
}
/*************************** 首頁 左邊功能區塊 結束 ********************************/

/*************************** 首頁 banner區塊 開始 ********************************/
#bannerArea{
	position:absolute;
	left:0;
	top:150px;
	width:230px;
	height:310px;
	background:#FFFFFF;
	margin-left:-14px;
}
#bannerArea div{
	margin-left:14px;
	position:relative;
	top:50px;
}
/*************************** 首頁 banner區塊 結束 ********************************/

/*************************** 首頁 積點排行榜 開始 ********************************/
.tabBlockAll{
	margin-top:20px;
}
.tabBlock{
	border-bottom:1px solid #d2ddbb;
}
.tabBlock table{
	position:relative;
	top:1px;
}
.tabBlock table td{
	vertical-align:bottom;
}
.tabCT{
	border-left:1px solid #d2ddbb;
	border-right:1px solid #d2ddbb;
	padding:12px 10px 0;
}
.tabCTBlockCT{
	background:#fcf8e2; 
	padding:0 8px; 
	text-align:center;
}
.tabCTBlockNickName,
.tabCTBlockSchool{
	width:38px;
	color:#62a531;
}
.tabCTBlockNickNameV,
.tabCTBlockSchoolV{
	width:48px;
	height:30px;
}
.tabBlockAllBtm{
	background:url(../../images/tabCTBtm.gif) no-repeat;
	padding:5px 0 8px 247px;
}
/*************************** 首頁 積點排行榜 結束 ********************************/


