/* 共用樣式 */
html, body{
	margin: 0; padding: 0;
	background-color: rgb(246,244,226);
	height:100%; width:100%; overflow:hidden; 
/*
	background-image: url('../images/23361_3.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	font-family: 'Verdana', 'Arial', 'sans-serif';
*/
}

/* 作假的body */
div#body{
  position:relative;
  width:100%;
  height:100%;
  top:152px;
  overflow:auto;
  background-color: rgb(246,244,226);
}

/* 定住不動的header */
div#TitleTop{
	position:absolute;

	text-align:center; 
	background-image: url(../images/23361_3_bg.gif); 
	background-repeat:repeat-x; 
	width:100%; height:200px; 
	z-index:1;
}

/* 定住不動的Club Title */
div#TitleClub{
	position:absolute;
	left:115px;
	top:200px;

	background-color:#FFFFFF;
}

/****** 基本架構設定 ******/
#footer {
	position: absolute; left: 0; bottom: 0;
	width:100%; height: 60px;
}
	#footer div {
		width: 990px; height: 60px;
		margin: 0 auto;
		background-image: none;
		background-repeat: no-repeat;
		font-size: 12px;
		color: rgb(52,52,52);
	}
	#footer div div {
		position: absolute; top: 30px;
		width: 990px; height: 20px;
		margin: 0 auto;
		text-align: center;
		background: none;
	}
	#footer div div a {
		color: rgb(52,52,52);
		text-decoration: none;
	}
	#footer div div a:hover {
		color: rgb(52,52,52);
		text-decoration: underline;
	}

#scout {
	width: 100%; height: 1px;
	font-size: 1px; line-height: 1px;
}
div.scout {
	width: 100%; height: 1px;
	font-size: 1px; line-height: 1px;
}
/****** 基本架構設定 End ******/


/*
div.outLinks {
	position: absolute; top: 3px; right: 200px;
	width: 300px; height: 20px;
	font-size: 13px; height: 1.5; color: white; text-align: left;
}
*/
/* 2010/8/18 nick */
div.outLinks {
	position: absolute; top: 3px; right: 150px;
	width: 450px; height: 20px;
	font-size: 13px; height: 1.5; color: white; text-align: left;
}

div.outLinks a {
	color: white; text-decoration: none;
}
div.outLinks a:hover {
	color: white; text-decoration: underline;
}


div.logIN {
	position: absolute; top: 3px; right: 160px;
	width: 50px; height: 20px;
	font-size: 13px; height: 1.5; color: white; text-align: left;
}
div.logIN a {
	color: white; 
}
div.logIN a:hover {
	color: white; text-decoration: underline;
}


#container {
	position: relative; /*top: 160px;*/
	width: 990px; height: 1930px;
}

#memberNos {
	position: absolute; top: -30px; left: 600px;
	width: 300px; height: 20px;
	font-size: 12px;
	color: brown;
	background: none;
}

/* 680 */
/* 定住不動的社團清單 */
#clubKindList {
	position: absolute; 
	top: 10px; left: 10px;
	width: 175px; height: 440px;
}
	/* 750 */
	#clubKindList ul {
		margin: 0 auto; padding: 0;
		width: 168px;
		overflow:auto;
		list-style-type: none;
	}
	#clubKindList ul li {
		width: 150px;
		margin: 3px 1px;
		text-align: center;
		font-size: 15px; font-size: 1.3; font-weight: bold; color: rgb(0,137,192);
	}

	#clubKindList ul li ul {
		margin: 0 auto; padding: 0;
		width: 150px; overflow: auto;
		list-style-type: none;
	}
	#clubKindList ul li ul.ulClubs {
		width: 140px; height: '';
		/*display: none;*/
	}
	#clubKindList ul li ul.ulClubs li {
		font-size: 13px; line-height: 1.3; font-weight: normal;
		width: 130px; height: 20px; overflow: hidden;
		color: rgb(0,137,192);
	}
	#clubKindList ul li ul.ulClubs li a {
		color: rgb(136,136,136);
		text-decoration: none;
	}
	#clubKindList ul li ul.ulClubs li a:hover {
		color: rgb(136,136,136);
		text-decoration: underline;
	}

	#clubKindList ul li ul li {
		width: 140px;
		margin: 3px 1px;
		text-align: left;
	}

	#clubKindList ul li div.clubName {
		font-size: 15px; line-height: 1.3;
		width: 150px; height: 20px; overflow: hidden;
		color: rgb(0,137,192);
	}
	#clubKindList ul li div.clubName a {
		color: rgb(0,137,192);
		text-decoration: none;
	}
	#clubKindList ul li div.clubName a:hover {
		color: rgb(0,137,192);
		text-decoration: underline;
	}

#StatusShow {
	position: absolute; top: 320px; left: 10px;
	width: 162px; height: 85px;
	background-color: white;
	border: 1px solid rgb(231,216,193);
	font-size:13px; color: rgb(218,0,31);
	padding-left:10px; padding-top:10px;
	line-height:1.5;
}

/* 話題投票 */
#dvVotes {
	position: absolute; top: 425px; left: 10px; width: 175px; height: 400px;
}
div.dvVotesNo {
	width: 170px; text-align: center;
	margin-top: 5px;
}
form.frmVote {
	margin: 0; padding: 0;
}
div.dvVoteSubject {
	width: 170px; height: 40px; overflow: hidden; text-align: left;
	color: rgb(0,137,192); font-size: 15px; height: 1.3;
}
ul.dvVoteOptions {
	margin: 0; padding: 0; list-style-type: none; text-align: left;
}
ul.dvVoteOptions li {
	width: 165px; height: 17px; overflow: hidden;
	font-size: 13px; line-height: 1.2;
}
ul.dvVoteOptions li input {
	vertical-align: middle;
}

div.dvVoteSubmit {
	width: 100%; height: 80px; text-align: right;
}
div.dvVoteStopTime {
	width: 80px; height: 30px; float: left;
	font-size: 13px; line-height: 1.2; color: gray; text-align: right;
}

/* 福委會公告 */
#newsList0 {
	position: absolute; top: 10px; left: 190px;
	width: 780px; height: 150px;
	background-color: white;
	border: 1px solid rgb(231,216,193);
}
#newsList0 table.newsList {
		font-size: 15px; line-height: 1.5;
		color: rgb(0,137,192);
	}
#newsList0 table.newsList tr td {
		overflow: hidden;
	}
#newsList0 table.newsList tr td a {
		color: rgb(0,137,192);
		text-decoration: none;
	}
#newsList0 table.newsList tr td a:hover {
		color: rgb(0,137,192);
		text-decoration: underline;
	}

#newsList {
	position: absolute; top: 170px; left: 190px;
	width: 780px; height: 230px;
	background-color: white;
	border: 1px solid rgb(231,216,193);
}
#newsList table.newsList {
		font-size: 15px; line-height: 1.5;
		color: rgb(0,137,192);
	}
#newsList table.newsList tr td {
		overflow: hidden;
	}
#newsList table.newsList tr td a {
		color: rgb(0,137,192);
		text-decoration: none;
	}
#newsList table.newsList tr td a:hover {
		color: rgb(0,137,192);
		text-decoration: underline;
	}

#clubList {
	position: absolute; top: 10px; left: 190px;
	width: 780px; height: 150px;
	background-color: white;
	border: 1px solid rgb(231,216,193);
}
	#clubList ul {
		margin: 0 auto; padding: 0;
		width: 770px; height: 150px; overflow: hidden;
		list-style-type: none;
	}
	#clubList ul li {
		float: left;
		width: 150px; height: 145px; overflow: hidden;
		margin: 3px 1px;
		text-align: center;
	}
	#clubList ul li img {
		width: 120px;
		border: 1px solid silver;
		margin-top: 10px;
	}
	#clubList ul li div.clubName {
		font-size: 15px; line-height: 1.3;
		width: 150px; height: 18px; overflow: hidden;
		color: rgb(0,137,192);
	}
	#clubList ul li div.clubName a {
		color: rgb(0,137,192);
		text-decoration: none;
	}
	#clubList ul li div.clubName a:hover {
		color: rgb(0,137,192);
		text-decoration: underline;
	}

#memberNos2 {
	position: absolute; top: 235px; left: 190px;
	width: 300px; height: 20px;
	font-size: 12px;
	color: brown;
	background: none;
}

/*Kasper 20090722 測試廣告 Begin*/
#ad_pic1 {
	position: absolute; top: 410px; left: 190px;
	width: 800px; height: 150px;
	/*
	background-color: white;
	border: 1px solid rgb(231,216,193);
	*/
}
/*Kasper 20090722 測試廣告 End*/

/* 491->780 */
#albumList {
	position: absolute; top: 570px; left: 190px;
	width: 780px; height: 500px;
	background-color: white;
	border: 1px solid rgb(231,216,193);
}
	/* 475->764 */
	#albumList ul {
		margin: 0 auto; padding: 0;
		width: 764px; height: 450px; overflow: hidden;
		list-style-type: none;
	}
	/* 0,3,5,3->0,20,5,10 */
	#albumList ul li {
		float: left;
		width: 150px; height: 220px; overflow: hidden;
		margin: 0 20px 5px 10px;
	}
	#albumList ul li img {
		border: 1px solid silver;
	}
	#albumList ul li div.clubName {
		font-size: 13px; line-height: 1.5;
		width: 150px; height: 18px; overflow: hidden;
		color: rgb(0,137,192);
	}
	#albumList ul li div.albumSubject {
		font-size: 15px; line-height: 1.2; font-weight: bold;
		width: 150px; height: 18px; overflow: hidden;
		color: rgb(0,137,192);
	}
	#albumList ul li div.albumSubject a {
		color: rgb(0,137,192);
		text-decoration: none;
	}
	#albumList ul li div.albumSubject a:hover {
		color: rgb(0,137,192);
		text-decoration: underline;
	}
	#albumList ul li div.albumDesc {
		font-size: 13px;
		width: 150px; height: 75px; overflow: hidden;
	}

#eventList {
	position: absolute; top: 170px; left: 693px;
	width: 277px; height: 520px;
	background-color: white;
	border: 1px solid rgb(231,216,193);
}
	#eventList ul {
		margin: 0 auto; padding: 0;
		width: 270px; height: 450px; overflow: hidden;
		list-style-type: none;
	}
	#eventList ul li {
		width: 270px; height: 70px; overflow: hidden;
		margin-bottom: 5px;
	}
	#eventList ul li a img {
		float: left;
		width: 50px;
		margin-right: 5px;
		border: 1px solid silver;
	}
	#eventList ul li div.eventFrom {
		font-size: 13px; font-weight: bold; line-height: 1;
		width: 210px; height: 13px; overflow: hidden;
	}
	#eventList ul li div.clubName {
		font-size: 13px; line-height: 1.2;
		width: 210px; height: 15px; overflow: hidden;
		color: rgb(0,137,192);
	}
	#eventList ul li div.eventSubject {
		font-size: 15px; line-height: 1.2; font-weight: bold;
		width: 210px; height: 37px; overflow: hidden;
		color: rgb(0,137,192);
	}
	#eventList ul li div.eventSubject a {
		color: rgb(0,137,192);
		text-decoration: none;
	}
	#eventList ul li div.eventSubject a:hover {
		color: rgb(0,137,192);
		text-decoration: underline;
	}

/*Kasper 20090722 測試廣告 Begin*/
#ad_pic2 {
	position: absolute; top: 1080px; left: 190px;
	width: 800px; height: 150px;
	/*
	background-color: white;
	border: 1px solid rgb(231,216,193);
	*/
}
/*Kasper 20090722 測試廣告 End*/

#postList {
	position: absolute; top: 1240px; left: 190px;
	width: 780px; height: 700px;
	background-color: white;
	border: 1px solid rgb(231,216,193);
}

	div.Forum {
		position: absolute; left: 300px; top: 5px;
		width: 590px; height: 500px;
	}
	#forumPostListHeader {
		position: relative; top: 5px;
		width: 590px; height: 85px;
		margin: 5px auto;
	}
		#forumPostListHeader div.postAdd {
			position: absolute; left: 415px; top: 5px;
			width: 130px; height: 50px;
		}
		#forumPostListHeader div.postSort {
			position: absolute; left: 410px; top: 60px;
			width: 180px; height: 21px;
			text-align: right;
		}
	#forumPostList {
		position: relative;
		width: 590px;
		margin: 5px auto;
	}

	#tblPostList {
		position: relative; top: 0;
		width: 590px;
		margin: 5px auto;
	}

	/* 發表人 */
	#tblPostList thead tr th {
		height: 37px;
		background-image: url('../images/forum-th-bg.gif');
		background-repeat: repeat-x;
		font-weight: bold;
		color: rgb(84,84,84);
	}
	#tblPostList tbody tr td {
		background-image: url('../images/forum-td-bg.gif');
	}
	#tblPostList tbody tr td.author {
		text-align: center; vertical-align: top;
		font-size: 12px; line-height: 1.5;
		color: black;
	}
		#tblPostList tbody tr td.author img {
			border: 1px solid black;
		}

	/* 主題 */
	#tblPostList tbody tr td.subject {
		text-align: left; vertical-align: top;
	}
		div.forumListTime {
			font-size: 12px; line-height: 1.2;
			color: rgb(111,111,111);
		}
		div.forumListSubject {
			width: 100%; height: 25px; overflow: hidden;
			font-size: 17px; line-height: 1.5;
			font-weight: bold;
			color: rgb(68,160,227);
		}
		div.forumListSubject a {
			color: rgb(68,160,227);
			text-decoration: none;
		}
		div.forumListSubject a:hover {
			color: rgb(68,160,227);
			text-decoration: underline;
		}
		div.forumListSummary {
			width: 100%; height: 15px; overflow: hidden;
			font-size: 12px; line-height: 1.2;
			font-weight: normal;
			color: rgb(116,186,208);
		}

	/* 回覆 人氣 */
	#tblPostList tbody tr td.reply {
		text-align: center; vertical-align: top;
	}
		span.forumListReply {
			font-size: 17px; line-height: 1.2;
			font-weight: normal;
			color: rgb(50,127,192);
		}
		span.forumListHit {
			font-size: 17px; line-height: 1.2;
			font-weight: normal;
			color: rgb(200,104,0);
		}
		div.forumListResponse {
			position: relative; top: 0; left: 5px;
			width: 90px; height: 40px;
			font-size: 10px; line-height: 1;
			text-align: left;
		}
		div.forumListResponse img {
			position: absolute; top: 0; left: 0;
			width: 24px; height: 24px;
			border: 1px solid black;
		}
		div.forumListResponse div.forumListLastTxt {
			position: absolute; top: 0; left: 30px;
			width: 55px; height: 12px; overflow: hidden;
			color: rgb(111,111,111);
		}
		div.forumListResponse div.forumListLastMember {
			position: absolute; top: 13px; left: 30px;
			width: 55px; height: 12px; overflow: hidden;
			color: black;
		}
		div.forumListResponse div.forumListLastTime {
			position: absolute; top: 28px; left: 0;
			width: 85px; height: 10px; overflow: hidden;
			color: rgb(111,111,111);
		}


/* 福委會公告內容 */
#newsList01 {
	position: absolute; top: 10px; left: 190px;
	width: 780px; height: 1100px;
	background-color: white;
	border: 1px solid rgb(231,216,193);
}

#newsList02 {
	position: absolute; bottom: 48px; left: 10px;
	width: 700px; height: 145px; overflow: hidden;
	background-color: white;
	border-top: 2px dashed gray;
}
#newsList02 table.newsList {
		font-size: 15px; line-height: 1.5;
		color: rgb(0,137,192);
	}
#newsList02 table.newsList tr td {
		overflow: hidden;
	}
#newsList02 table.newsList tr td a {
		color: rgb(0,137,192);
		text-decoration: none;
	}
#newsList02 table.newsList tr td a:hover {
		color: rgb(0,137,192);
		text-decoration: underline;
	}

div.newsPages {
	position: absolute; bottom: 10px; width: 690px; height: 20px; margin: 0 auto; text-align: center;
}

/* 最新課程 */
#courseList {
	position: absolute; top: 10px; left: 190px;
	width: 780px; height: 800px;
	overflow: auto;
	/*background-color: white;
	border: 1px solid rgb(231,216,193);*/
}

/****** 分頁 ******/
div.pages {
	font-size: 11px; line-height: 1.5;
	color: black;
}
div.pages img {
	vertical-align: middle;
}
div.pages a.pager {
	color: #0070BC;
	text-decoration: none;
}
div.pages a.pager:hover {
	color: #0070BC;
	text-decoration: underline;
}
div.pages a.pagerNow {
	font-size: 18px; font-weight: bold;
	color: orange;
	text-decoration: none;
}
div.pages a.pagerNow:hover {
	font-size: 18px; font-weight: bold;
	color: orange;
	text-decoration: underline;
}
div.pages a.prev,a.next {
	color: black;
	text-decoration: none;
}
div.pages a.prev:hover,a.next:hover {
	color: black;
	text-decoration: underline;
}
/****** 分頁 End ******/