/* 共用樣式 */
html, body {
	margin: 0; padding: 0;
	background-color: rgb(246,244,226);
	background-image: url('../images/bg.gif');
	background-position: center center;
	background-repeat: repeat-y;
	font-family: 'Verdana', 'Arial', 'sans-serif';
}

img {
	border: none;
}

/* 輸入提示小圖 */
img.imgOK {display:none; vertical-align: middle;}
img.imgNO {display:none; vertical-align: middle;}
/* Captcha */
img.captcha {vertical-align: middle;}

/* 顏色 */
.red {
	color: red;
}
.green {
	color: green;
}
.gray {
	color: gray;
}
.silver {
	color: silver;
}
.lightblue {
	color: lightblue;
}
.white {
	color: white;
}
.black {
	color: black;
}

/* 注意 */
.notice {
	color: red;
}

/* 游標效果 */
.hand {
	cursor: pointer;
}
.nohand {
	cursor: '';
}

.hide {
	display: none;
}

/* for TinyMCE */
.style1 {
	color: #333333;
	font-size: 12px;
}
.style2 {
	color: #333333;
	font-size: 12px;
}
.style4 {
	color: #006633;
	font-weight: bold;
	font-size: 16px;
}
.style5 {
	color: #FF6600;
	font-weight: bold;
	font-size: 16px;
}
.style9 {
	font-size: 21px;
	color: #990000;
	font-weight: bold;
}
.style10 {
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}
.style6 {
	color: #c48384;
	font-weight: bold;
	font-size: 16px;
}
.style8 {
	color: #333333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.style3 {
	color: #333333
}
.style11 {
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
}
.tinymce_body {
	font-size: 13px;
}



/****** 基本架構設定 ******/
#header {
	position: relative; top: 0; left: 0;
	width: 100%; height: 100px;
}
	#header div {
		position: relative;
		width: 990px; height: 100px; overflow: hidden;
		margin: 0 auto;
		background-image: url('../images/header-bg.gif');
		background-repeat: no-repeat;
	}
	#header div div.home {
		position: absolute; top: 45px; left: 210px;
		width: 80px; height: 20px;
		font-size: 12px;
		color: rgb(245,219,174);
		background: none;
	}
	#header div div.home a {
		text-decoration: none;
		color: rgb(245,219,174);
	}
	#header div div.home a:hover {
		text-decoration: underline;
		color: yellow;
	}

	#header div ul {
		position: absolute; left: 410px; top: 2px;
		width: 570px; height: 20px;
		margin: 0; padding: 0;
		list-style-type: none;
		background: none;
	}
	#header div ul li {
		display: inline;
		width: 100px; height: 20px;
		margin-left: 25px;
		font-size: 12px;
		color: rgb(245,219,174);
		background: none;
	}
	#header div ul li a {
		text-decoration: none;
		color: rgb(245,219,174);
	}
	#header div ul li a:hover {
		text-decoration: underline;
		color: yellow;
	}
	#header div div.memberAct {
		position: absolute; left: 760px; top: 30px;
		width: 200px; height: 20px;
		font-size: 12px;
		color: rgb(245,219,174);
		background: none;
		text-align: right;
	}
	#header div div.memberAct a {
		text-decoration: none;
		color: rgb(245,219,174);
	}
	#header div div.memberAct a:hover {
		text-decoration: underline;
		color: yellow;
	}

	#header div div.memberNos {
		position: absolute; left: 460px; top: 50px;
		width: 500px; height: 20px;
		font-size: 12px;
		color: rgb(245,219,174);
		background: none;
		text-align: right;
	}


#footer {
	position: absolute; left: 0; bottom: 0;
	width:100%; height: 60px;
}
	#footer div {
		width: 990px; height: 60px;
		margin: 0 auto;
		background-image:url('../images/footer-bg.gif');
		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;
	}

#container {
	position: relative; left: 0; top: 0;
	width: 990px;
	margin: 0 auto;
}

#leftDiv {
	width: 310px; height: 740px;
	margin: 0 auto 20px 50px;
	border: 1px solid rgb(230,215,192);
	float: left;
	display:inline;
}

	#leftDiv div.Logo {
		width: 240px; height: 200px;
		margin: 15px auto;
	}
	#leftDiv div.News {
		position: relative;
		margin: 5px auto;
		width: 292px; height: 300px;
		background-image: url('../images/news-bg.gif');
		background-position: center center;
		background-repeat: no-repeat;
	}
	#leftDiv div.News div.more {
		position: absolute; top: 10px; right: 0px;
		width: 60px; height: 20px;
	}
	#leftDiv div.News ul {
		list-style-type: none;
		margin: 0; padding: 0;
		position: absolute; top: 60px; left: 20px;
		width: 250px; height: 220px;
	}
	#leftDiv div.News ul li {
		width: 250px; height: 40px; 
		font-size: 13px; line-height: 1.2;
	}
	#leftDiv div.News ul li a {
		color: black;
		text-decoration: none;
	}
	#leftDiv div.News ul li a:hover {
		color: black;
		text-decoration: underline;
	}
	#leftDiv div.Join {
		position: relative;
		margin: 5px auto;
		width: 292px; height: 190px;
	}
	#leftDiv div.Join div.more {
		position: absolute; top: 10px; right: 0px;
		width: 60px; height: 20px;
	}
	#leftDiv div.Join ul {
		list-style-type: none;
		margin: 0; padding: 0;
		position: absolute; top: 60px; left: 20px;
		width: 250px; height: 220px;
		list-style-type: none;
	}
	#leftDiv div.Join ul li {
		width: 250px; height: 20px; overflow: hidden;
		font-size: 13px; line-height: 1.5;
	}
	#leftDiv div.Join ul li a {
		color: black;
		text-decoration: none;
	}
	#leftDiv div.Join ul li a:hover {
		color: black;
		text-decoration: underline;
	}

	/*
	#leftDiv div.Join div.Subject {
		position: absolute; top: 50px; right: 0px;
		width: 292px; height: 23px; overflow: hidden;
		font-size: 15px; font-weight: bold;
		color: rgb(0,137,192);
	}
	#leftDiv div.Join div.Subject a {
		text-decoration: none;
		color: rgb(0,137,192);
	}
	#leftDiv div.Join div.Subject a:hover {
		text-decoration: underline;
		color: rgb(0,137,192);
	}
	*/
	#leftDiv div.Join div.Content {
		position: absolute; top: 50px; right: 0px;
		width: 292px; height: 136px; overflow: hidden;
		font-size: 13px;
	}
	#leftDiv div.Join div.Content a {
		text-decoration: none;
		color: black;
	}
	#leftDiv div.Join div.Content a:hover {
		text-decoration: underline;
		color: black;
	}


#rightDiv {
	width: 580px;
	margin: 15px auto 15px 370px;
}

#centerDiv {
	position: relative; top: 15px;
	width: 900px;;
	margin: 0 auto;
}

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



/****** 系統訊息 ******/
#sysMsg {
	width: 630px; height: 300px;
	margin: 20px auto; padding-top: 20px;
	border: 1px solid rgb(213,233,181);
}
#sysMsg ul {
	font-size: 15px; line-height: 1.8; color: red; font-weight: bold; font-family: "Verdana", "Arial", "sans-serif";
	list-style-type: none;
}
#sysMsg ul li {
	font-size: 15px; line-height: 1.5; color: rgb(117,117,117); font-family: "Verdana", "Arial", "sans-serif";
}
/****** 系統訊息 End ******/



/****** 分頁 End ******/
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 ******/