/****** 推薦列表 ******/
#divGoRanking {
	position: absolute; left: 0; top: 0;
	width: 690px; height: 780px;
	background-image:url('../images/GoRanking-bg.gif');
	background-repeat: no-repeat;
	background-position: center top;
}
	#divGoRankingNew {
		position: absolute; left: 350px; top: 10px;
	}
	#divGoRankingHot {
		position: absolute; left: 500px; top: 10px;
	}

	div.RankingList {
		position: absolute; left: 50px; top: 23px;
		width: 600px; height: 25px;
		text-align: right;
	}

	#divGoRanking ul {
		position: absolute; left: 0; top: 50px;
		margin: 0; padding: 0;
		width: 680px; height: 725px; overflow: hidden;
		list-style-type: none;
	}
	#divGoRanking ul li {
		float:left;
		position: relative;
		width: 335px; height:90px; overflow: hidden;
		border-bottom: 1px solid rgb(193,193,193);
	}
	#divGoRanking ul li div.pdtImg {
		position: absolute; top: 0; left: 0;
	}
	#divGoRanking ul li div.pdtName {
		position: absolute; top: 2px; left: 75px;
		width: 250px; height: 15px; overflow: hidden;
		color: rgb(68,168,227);
		font-size: 12px; line-height: 1.2; font-family: 'Verdana';
		font-weight: bold;
	}
	#divGoRanking ul li div.pdtName a {
		text-decoration: none;
		color: rgb(68,168,227);
	}
	#divGoRanking ul li div.pdtName a:hover {
		text-decoration: underline;
		color: rgb(68,168,227);
	}
	#divGoRanking ul li div.pdtDesc {
		position: absolute; top: 20px; left: 75px;
		width: 250px; height: 45px; overflow: hidden;
		color: rgb(104,104,104);
		font-size: 12px; line-height: 1.2; font-family: 'Verdana';
	}
	#divGoRanking ul li div.pdtDesc a {
		text-decoration: none;
		color: rgb(104,104,104);
	}
	#divGoRanking ul li div.pdtDesc a:hover {
		text-decoration: none;
		color: rgb(104,104,104);
	}
	#divGoRanking ul li div.pdtRank {
		position: absolute; bottom: 2px; left: 75px;
		color: rgb(104,104,104);
		font-size: 12px; line-height: 1.2; font-family: 'Verdana';
	}
/****** 推薦列表 End ******/



/****** 推薦檢視 ******/
#pdtInfo {
	position: relative; left: 0; top: 0;
	width: 691px;
}
	#pdtInfo div.pdtRank {
		color: rgb(104,104,104);
		font-size: 12px; line-height: 1.2; font-family: 'Verdana';
		padding: 5px 20px;
	}
	#pdtInfo div.pdtTitle {
		font-size: 36px; line-height: 1.1; font-family: 'Verdana';
		font-weight: bold;
		color: rgb(68,160,227);
		padding: 5px 20px;
	}
	#pdtInfo div.pdtContent {
		font-size: 15px; line-height: 1.3;
		color: black;
		padding: 5px 20px;
	}

#kbArea {
	position: relative; left: 0; top: 0;
	width: 691px; height: 299px;
	background-image:url('../images/KB-bg.gif');
	background-repeat: no-repeat;
	background-position: center top;
}
	#kbArea div.kbPages {
		position: absolute; left: 340px; top: 13px;
		width: 340px; height: 20px;
		font-size: 12px;
	}
	#kbArea div.kbInfo {
		position: absolute; left: 10px; top: 45px;
		width: 670px; height: 230px; overflow: hidden;
	}
	/*#kbArea div.kbInfo div.subject {
		width: 670px; height: 24px; overflow: hidden;
		font-size: 18px; font-weight: bold;
		color: black;
	}*/
	#kbArea div.kbInfo div.summary {
		width: 660px; height: 224px; overflow: hidden;
		font-size: 13px; font-weight: normal;
		color: rgb(111,111,111);
	}

#pdtCommunity {
	position: relative; left: 0; top: 0;
	width: 693px;
	background-image:url('../images/bbs1.gif');
	background-repeat: repeat-y;
	background-position: center top;
}
#pdtPosts {
	position: relative; left: 0; top: 0;
	margin: 0; padding: 0;
	width: 693px;
	list-style-type: none;
}
	#pdtPosts li {
		position: relative;
		width: 335px; height:60px; overflow: hidden;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#pdtPosts li.odd {
		top: -72px;
		float: right;
	}
	#pdtPosts li div.divX {
		position: absolute; top: 15px; left: 2px;
		width: 20px; height: 20px;
	}
	#pdtPosts li div.postImg {
		position: absolute; top: 2px; left: 25px;
		width: 55px; height: 60px; overflow: hidden;
		color: rgb(104,104,104);
		font-size: 12px; line-height: 1.2; font-family: 'Verdana';
		text-align: center;
	}
		#pdtPosts li div.postImg img {
			border: 1px solid black;
		}
	#pdtPosts li div.rank {
		position: absolute; top: 2px; left: 90px;
		width: 270px; height: 20px; overflow: hidden;
		color: rgb(104,104,104);
		font-size: 9px; line-height: 1.2; font-family: 'Verdana';
	}
	#pdtPosts li div.postContent {
		position: absolute; top: 20px; left: 90px;
		width: 240px; height: 40px; overflow: hidden;
		color: rgb(104,104,104);
		font-size: 12px; line-height: 1.1; font-family: 'Verdana';
	}

#rankLogin {
	position: relative;
	margin: 70px auto 5px auto; /* 不可小於 70px，否則版面會爛掉！ */
	width: 550px; height: 100px;
	text-align: center;
	color: rgb(68,168,227);
	font-size: 12px; line-height: 1.2; font-family: 'Verdana';
}
#rankLogin img, input {
	vertical-align: middle;
}
#rankLogin input.email {
	width: 100px; height: 17px;
	border: none;
	background-color: rgb(181,181,181);
	font-size: 13px; font-family: 'Verdana';
}
#rankLogin input.password {
	width: 80px; height: 17px;
	border: none;
	background-color: rgb(181,181,181);
	font-size: 13px; font-family: 'Verdana';
}
	#rankLogin div.postJoin {
		position: relative; top: -20px;
		margin: 0 auto;
		width: 200px; height: 30px;
	}
	#rankLogin div.postJoin img {
		vertical-align: middle;
	}
	#rankLogin div.postJoin a {
		color: rgb(68,168,227);
		text-decoration: none;
	}
	#rankLogin div.postJoin a:hover {
		color: rgb(68,168,227);
		text-decoration: underline;
	}

#rankPostAdd {
	position: relative;
	margin: 5px auto;
	width: 600px; height: 100px;
}
#starBar {
	position: absolute; left: 25px; top: 5px;
	width: 300px; height: 20px;
}
#rankReplyTxt {
	position: absolute; left: 25px; top: 30px;
	width: 80px;
}
#rankReply {
	position: absolute; left: 105px; top: 30px;
	width: 390px; height: 60px;
	background-color: rgb(233,235,225);
	font-size: 13px; line-height: 1.2;
	color: rgb(92,92,92);
	border: none;
}
#rankReplySend {
	position: absolute; left: 500px; top: 60px;
	width: 70px; height: 30px;
}
/****** 推薦檢視 End ******/