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

.fb{
	color: #666666;
	vertical-align: top;
	line-height: 1.7em;
	padding:0px 15px 10px 15px;
	border:1px solid #d0e7e9;background:#FFF;
	font-size: .95em;width:auto;
	/*width:697px;*/
}
.fb .floatright{ float:right;margin:0px 0 5px 0;clear:both;}
.fb .floatright img{
	vertical-align: middle;
}
.fb .floatright ul{padding:0 0 0 0px;margin:0 0 0 0px;list-style-type: none;float:right;}
.fb .floatright ul li{padding:0 0 0 0px;margin:0 0px 0 8px;list-style-type: none;float:left;}
.fb .floatright ul li a {text-align:left;padding:3px 0px;width:auto;display:block;font-size:.85em;}



/*--控制區按鈕--*/
.ControlBar{padding:0 0 0 0px;margin:2px 0 0 0px;clear:both;}
.ControlBar .LeftBox{float:left;}
.ControlBar .LeftBox ul{padding:0 0 0 0px;margin:0 0 0 0px;list-style-type: none;}
.ControlBar .LeftBox ul li{list-style-type: none;float:left;}
.ControlBar .LeftBox ul li a{padding:3px 5px;width:auto;height:23px;display:block;}

.ControlBar .RightBox{float:right;}
.ControlBar .RightBox ul{padding:0 0 0 0px;margin:0 0 0 0px;list-style-type: none;}
.ControlBar .RightBox ul li{list-style-type: none;margin:0 0px 0 8px;float:left;}
.ControlBar .RightBox ul li a{text-align:left;padding:3px 0px;width:auto;height:23px;display:block;}

/*--功能按鈕--*/
.FuncButton{padding:0 0 0 0px;margin:0 0 0 0px;clear:both;}
.FuncButton ul{padding:0 0 0 0px;margin:0 0 0 0px;list-style-type: none;float:right;}
.FuncButton ul li{padding:0 0 0 0px;margin:0 2px 0 0px;list-style-type: none;float:left;height:25px;
background: url(../images/bg_btn.png) no-repeat left top;}
.FuncButton ul li a {color: #FFF;text-align:center;padding:3px 10px;width:auto;height:23px;display:block;
background: url(../images/bg_btn2.png) no-repeat right top;font-size:.85em;}
.FuncButton ul li a:hover{color: #fff5ce;}


span.FuncButton{color: #FFF;text-align:center;padding:3px 3px;width:69px;height:23px;display:block;
background: url(../images/bg_search.gif) no-repeat left top;font-size:.85em;float:right;margin:5px 0 0 0;}
span.FuncButton a{color: #FFF;}

.fb .forwardForm{padding:0px;margin:0px; background:#fcfaf5; border:1px solid #eceaea;clear:right;}
.fb .forwardForm h2{width:200px;padding:0px;margin:0px;}

/*--Content--*/
.fb .body{clear:both;background: url(../images/bg_head.jpg) repeat-x left top;padding:15px 0 0 0;margin:5px 0 0 0;}
.fb .body .foot{clear:both;background: url(../images/bg_head_footer.jpg) repeat-x left top;height:12px;display:block;margin: 0 0 5px 0;}
.fb .body table{width:auto;}
.fb .body th{white-space: nowrap;}
/*----*/
.fb p{
	color: #CC6600;
}

.fb .pic{
	margin: 2px;
	padding: 1px;
	height: 100px;
	width: 120px;
	border: 1px solid #CCCCCC;
}
.fb img{ vertical-align:middle;}
/*.fb h2{
	text-align:left;
	color: #006666;
	background-image: url(../images/captionbg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 5px 0 3px 15px;
	border-bottom: 1px solid #afd0d2;
	font-size: 100%;	
}
*/

/*--- 一般Table格式----*/

.fb table caption{ color:#666; padding:0px 0; text-align:left;}

.fb table{
	padding:5px 0;
	width:98%;
	margin:0px 0 0px 0;	
	background: url(../images/bg_center_table.jpg) repeat-x left top;	
}	
	
.fb table th{
	color: #736d61;
	padding:2px;
	text-align: center;
	background: #eee8dc;
	border-right: Transparent;
	font-weight: bold;
	vertical-align:top;
	border-bottom:3px solid #e1dacd;
	
}
.fb table th.Title{text-align:left;}
.fb table tr.Blank{background: #eee8dc;height:8px;}
.fb table th label{
	color: #333333;
}
.fb table th label:after{
	content: "："; display: block;
}

.fb table {
	padding:5px;font-size:.85em;color: #666;
	vertical-align:top;border-bottom:1px solid #dadada;
	text-align: left;
}
.fb table  img{ vertical-align:middle;}

.fb table  a{color: #0877ae;}
.fb table  a.Red{color: #FF0000;}
.fb table  a:hover{color: #c44528;}

.fb table  .formList{
	margin:5px 0 0 5px;
}
.fb table  .formList li{
	line-height: 25px;
	padding:0 0 0 15px;
	background-image: url(../images/icon_arrow3.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

/*--新文章--*/
.PostAdd{}
.PostAdd table th{
	color: #736d61;
	padding:2px;
	text-align: center;
	background: #eee8dc;
	border-right: Transparent;
	font-weight: bold;
	vertical-align:top;
	border-bottom:1px solid #e1dacd;
	text-align:right;
	
}
.PostAdd table th label:after{
	content: ""; display: block;
}

/*--回覆--*/
.ReplayBox{margin:0px 0 7px 0;}
.ReplayBox table{
	padding:5px 0;
	width:98%;
	margin:0px 0 0px 0;	border-right:1px solid #e1dacd;
	background: url(../images/bg_center_table.jpg) repeat-x left top;	
}	
.ReplayBox h3{height:20px; border-bottom:1px solid #e1dacd;color: #333333;margin:0px 0 5px 0;	}
.ReplayBox table  h3 a{color: #000;}

.ReplayBox .image{width:100px;height:100px;overflow:hidden;display:block;border:1px solid #e1dacd;margin:5px 5px 5px 0;}
.ReplayBox table {border-left:1px solid #e1dacd;border-right:1px solid #FFF;}
span.BtnPost{float:right;display:inline;padding:3px 4px 0 4px;border-right:1px solid #e1dacd;border-bottom:1px solid #e1dacd;}
.ReplayBox .PostDetail{line-height: 1.5em;padding:5px;}
.ReplayBox .PostDetail p{
	color: #333;
}
.ReplayBox .PostAction{float:right;}
.ReplayBox .PostAction ul{list-style-type: none;margin:0px;padding:0px;}
.ReplayBox .PostAction ul li{float:left;display:block;margin:0px 0 0 10px;list-style-type: none;}
.ReplayBox .PostAction ul li a{color: #0066cc;}




/*--- 特殊格式 ---*/
.fb .formTb caption{ color:#AAAAAA; padding:2px 0; text-align:left;}
.fb .formTb{
	padding:10px 0;
	width:98%;
	margin:5px 0 10px 0;
	background: #F4F9E8;
	}
	
.fb .formTb th{
	color: #009999;
	padding:8px 3px 0px 3px;
	text-align: right;
	background-color: Transparent;
	border-right: Transparent;
	font-weight: normal;
	vertical-align:top;
}
.fb .formTb th label{
	color: #009999;
}

.fb .formTb {
	padding:3px;
	vertical-align:top;
}
.fb .formTb  .formList{
	margin:5px 0 0 5px;
}
.fb .formTb  .formList li{
	line-height: 25px;
	padding:0 0 0 15px;
	background-image: url(../images/icon_arrow3.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}


/*----按鈕 ---*/
.fb .formBtn{text-align:center;}
.fb .formBtn input.btn{color: #333333;
	background: url(../images/btngray.gif) #FFFFFF repeat-x left top;	
	padding:2px 3px 2px 3px;margin:0 1px;height:22px;vertical-align:middle;	border: 1px solid #CCC;cursor:hand;}
	
/*----按鈕 ---*/
.fb input.btn{color: #333333;
	background: url(../images/btngray.gif) #FFFFFF repeat-x left top;	
	padding:2px 3px 2px 3px;margin:0 1px;height:22px;vertical-align:middle;	border: 1px solid #CCC;cursor:hand;}


/*---------------------------------------------page*/
.fb .page{	
	margin:10px 0 10px 0;
	text-align:center;
	clear:both;
}
.fb .page em{
	color: #CC6600;
	font-weight: normal;
}
.fb .page img{ vertical-align:middle;}
.fb .page .prev{
	background-image: url(../images/icon_previous.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left: 10px;
}
.fb .page .next{
	background-image: url(../images/icon_next.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-right: 10px;
}
.fb .page div{
	background-image: url(../images/icon_arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding:2px 0 3px 18px;
	margin:-18px 0 0 0;
	float:right; 	
}