/* message.css */
#messageBoard h1{ text-indent:-3000px; background:url(/images/messageBoard_title.gif) no-repeat; width:155px; height:147px; margin:9px 0 0 23px; float:left; display:inline;}
#messageBoard h1 span{ display:block;text-indent:-9999px; }
#messageBoard h1 a{ height:100%; width:100%; display:block; overflow:hidden;}

#searchbar{ width:203px; float:left;}
#searchbar h3{ font-size:13px; padding:10px 10px 10px 10px;margin-top:50px; float:left; display:inline; width:183px;}
#searchbar form{ margin-top:50px; margin-left:5px;}

#post{ position:relative; width:600px; height:320px; border-left:1px #ccc solid; border-right:1px #ccc solid; border-bottom:1px #ccc solid; background:url(/Images/watermark.gif) repeat-x; margin:0 auto; text-align:center;}
.post_h3{ font-size:15px; text-align:center; margin:10px auto 0; width:602px; height:38px; background:url(/images/guestbook_bg.gif) no-repeat; border-bottom:2px #3285d3 solid;}
.post_h3 span {display:block;text-indent:-9999px;}
#post textarea { padding:2px; font-size:13px; line-height:160%; width:410px; height:125px;}

#post table{ width:580px;}
#post .title{ width:100px; height:45px; text-align:center;}
#post .buttonLine{ width:100px;}
#post .code{ height:70px;}

#msgShower{ position:absolute; left:200px; bottom:10px;}

#messageList{ float:left;width:700px;margin-bottom:5px; background:#fff;}
#messageList ul{margin:0 5px}
#messageList li{ list-style-type:none; padding:10px 5px; overflow:hidden;}
#messageList .c1{ background:#fff;padding:5px;}
/*#messageList .c2{ background:#F4FAFF;padding:5px; border:1px solid #DFEEFF;} blue */
#messageList .c2{ background:#fff;padding:5px;}

#messageList .noReplyContent{ color:#006000; font-size:13px; padding:10px 10px 10px 20px;}
#messageList .messageContent{ color:#000; font-size:13px; padding:10px 10px 10px 20px;line-height:160%; }
#messageList .replyContent{ color:#C34500; font-size:13px; padding:10px 10px 10px 10px; line-height:160%; margin:0 8px 0 48px; background:#F7F7F7;border:1px solid #E2E2E2; }

#messageList .tb{width:680px;background:#E7F2FF;}
#messageList .tbNoReply{width:678px;background:#FFF0F0; border-bottom:1px solid #FF9494; table-layout:fixed;}
#messageList .no{ width:50px; float:left; color:#ccc; font-family:Georgia; font-size:22px; font-style:italic;}
#messageList .username{ width:80px;color:Gray;padding-left:20px; }
#messageList .date{ width:500px; text-align:left; font-size:12px; color:Gray;}
#messageList .manage{ width:100px;}
#messageList .replyMan{ color:#606060;}

.articlelist_bg{ background:#EEF4DC;}/*F8FCFE*/
.articlelist_bg1{ background:#fff;}/*F8FCFE*/
.articlelist_bg2{ background:#FFF;}
.tr_bg_over{ background:#FFFDD0 }
.gray{ font-size:11px; font-family:Arial,Helvetica,sans-serif,MingLiU,PMingLiU; color:Gray;}/*------------------------------------------------------------------------------------- Footer */
#copyright2{ width:950px; float:left; color:#4A2B2B; height:23px; padding:5px 0 0 0;font-size:11px; font-family:Arial; text-align:center;}
#copyright2 span{ margin:0 8px 0 4px;}
#copyright2 a{ font-size:11px; font-family:PMingLiu; margin:0 4px 0 8px;}
#contact{ width:950px; float:left; color:#4A2B2B; height:22px;font-size:11px; font-family:Verdana;text-align:center;}
#contact a{ margin:0 20px;}
.introduce{font-size:12px; color:#7C7B7A; line-height:15px; padding:0 20px;}

/*版權*/
.copyright { width:950px; float:left; margin-top:6px;}
.copyright_top { width:950px; height:120px; float:left; overflow:hidden;}
.copy_border_top,.copy_border_bottom { width:950px; height:9px; float:left; overflow:hidden;}
.copy_border_top { background:url(/images/copyright.gif) no-repeat;}
.copy_border_bottom { background:url(/images/copyright2.gif) no-repeat;}
.copy_border_center { width:950px; height:100px; float:left; background:url(/images/copyright3.gif) repeat-y; overflow:hidden;}
.copyright_list1 { width:180px; height:164px; float:left; text-align:center; margin-left:9px; display:inline;}
.copyright_list1_title { width:180px; height:27px; float:left; border-bottom:1px #cbcbcb dotted; line-height:27px; color:#1a538b; font-weight:900;}
.copyright_body { width:180px; height:136px; float:left;}
.copyright_body li { line-height:24px;}
.copyright_body li p { height:26px; margin-top:3px; overflow:hidden;}
.copyright_body li a { color:#555;}
.copyright_body li a:hover { color:#2977c3;}
.copyright_bottom {
	width:655px;
	height:40px;
	margin-top:6px;
	float:left;
	line-height:40px;
	padding-left:295px;
	display:inline;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ABC2E3;
}
.copyright_bottom li { float:left; height:40px;}
.copyright_bottom li span { margin:0 5px;}
.copyright_bottom li a { color:#555;}
.copyright_bottom li a:hover { color:#2977c3;}/*------------------------------------------------------------------------------- */
#Win_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	display:none;
	cursor:wait;
}

.Win_overlayBG {
	/*
	background-color:#FFF;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	*/
	background-color:#000;
	filter:alpha(opacity=15);
	-moz-opacity: 0.15;
	opacity: 0.15;	
}

* html #Win_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#Win_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	text-align:center;
	color:#40A040;
}

* html #Win_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#Win_success{
	position: fixed;
	display:none;
	height:94px;
	width:305px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -47px 0 0 -152px;
	text-align:center;
	color:#40A040;
	background:#E8FFE8 url(/images/win_bg.gif) no-repeat center;
}
#Win_body
{
	float:right; width:200px;
	padding:15px 20px 20px 20px; font-family:Arial;font-size:14px; font-weight:bold;
	color:#04BD08; /*7DC622*/
}

* html #Win_success { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#Win_confirm{
	position: fixed;
	display:none;
	height:168px;
	width:300px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -84px 0 0 -150px;
	text-align:center;
	color:#333333;
	background:#fff;
	border:1px solid #CCCCCC;
}

* html #Win_confirm { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

/*win*/
.wintitle {height:30px;border-bottom:1px solid #cccccc;padding:0 8px;background:url(/images/win_title.gif) repeat-x;}
.wintitle strong {display:block;float:left;height:30px;line-height:30px;font-size:14px;padding-right:10px;}
.wintitle span {display:block;float:right;height:24px;padding-top:6px;}
.wintitle span img{ cursor:pointer;}

.wincnt {display:table;width:300px;padding:30px 0;background:#fff;}
.winpic {height:32px;padding:0;margin:0;text-align:left;}
.winpic dt {display:block;width:32px;height:32px;padding:0 0 0 50px;}
.winpic dd {display:block;margin:-30px 0 0 95px;height:32px;line-height:32px;color:#333;}

.winsingle {width:300px;height:22px;line-height:22px;text-align:center;padding:20px 0 0 0;}
.winbtn {width:70px;height:20px;line-height:20px;border:1px solid #ccc;margin:0 5px;color:#666;font-weight:bold;background:url(/images/button_gray_bg.gif) repeat-x;}
