/* CSS Document */

/**************************************************************************
* style-member.css 2007/10/08
===========================================================================
* 會員專區CSS
===========================================================================
* Edited by Edward in GOGOTDI
* Copyright (C) 2007 Tang Digital Integration
***************************************************************************/

.div01{
	background-image:url(../images/bg/div_03.gif);
	background-repeat:repeat-y;
	margin-bottom:15px;
	}
	.login{
		margin:20px auto;
		background-color:#F6F6F6;
		background-image:url(../images/bg/login.jpg);
		background-repeat:repeat-y;
		width:562px;
		}
		.log-tab{
			margin:5px auto;
		}
			.log-tab th{
				font-size:16px;
				font-weight:normal;
				text-align:right;
				padding:5px;
			}
			.log-tab td{
				padding:3px;
			}
				.log-tab td img{
					width:200px;
				}
				.log-tab td input{
					border:1px solid #A5ACB2;
					padding:2px;
					color:#666666;
				}
.add-text{
	width:608px;
	height:335px;
	margin:10px auto;
	background-color:#FFFFFF;
	border:1px solid #ccc;
	padding:10px;
	overflow:scroll;
	overflow-x:hidden;
}
	.add-text p{
		margin:10px 0 15px;
	}
	.add-text ol{
		margin-left:25px;
		margin-bottom:15px;
	}
	.add-text ol li{
		margin-bottom:15px;
	}
	.add-text ul{
		margin-left:25px;
		margin-top:10px;
	}
	.add-text ul li{
		margin-bottom:10px;
		list-style:disc;
	}
		.add-text ul li ul li{
			list-style:upper-alpha;
		}
.p-red{
		font-size:13px;
		color:#FF0000;
		text-align:right;
		padding-right:1em;
	}
.input-tab{
	margin:10px auto;
	color:#333333;
}
	.input-tab th{
		font-weight:normal;
		text-align:right;
		padding:5px;
	}
		.input-tab th span{color:#FF0000;}
	.input-tab td{
		padding:5px;
		padding-top:3px;
	}
		.input-tab td input,select,textarea{
			border:1px solid #A5ACB2;
			padding:2px;
			color:#666666;
		}
			.input-tab td select{padding:1px;}
		.input-tab td span{
			color:#666;
			font-size:11px;
			line-height:15px;
			display:block;
			margin-top:5px;
		}
.head02{
	font-size:13px;
	color:#FFFFFF;
	letter-spacing:1px;
	display:inline;
	background-image:url(../images/bg/head02.gif);
	background-repeat:repeat-x;
	line-height:21px;
	padding-top:2px;
	padding-bottom:2px;
	*padding-top:0px;
}
	.head02 img{
		vertical-align:top;
		*vertical-align:middle;
	}
td.intro{
	padding:5px;
	padding-bottom:15px;
	border-bottom:1px dashed #ccc;
}
	td.intro textarea{
		width:600px;
		height:150px;
		padding:2px;
		color:#666;
		font-size:13px;
	}
	td.intro p{
		display:block;
		width:602px;
		margin:0 auto 10px;
		text-align:left;
		font-size:13px;
	}
.personal-list{
	margin:10px 20px 10px 0px;
}
	.personal-list th{
		text-align:left;
		font-weight:normal;
	}
		.personal-list th.th01{
			font-weight:bold;
			padding-left:2.75em;
		}
	.personal-list td table.data{
		margin-left:10px;
		margin-bottom:15px;
		font-size:13px;
	}
		.personal-list td table.data th{
			text-align:right;
			padding:3px;
		}
		.personal-list td table.data td{
			padding:3px;
			padding-left:5px;
		}
			.personal-list td table.data td input{
				border:1px solid #ccc;
				padding:2px;
				width:180px;
				color:#666666;
			}
			.personal-list td table.data td span.ratio{
				margin-left:5px;
			}
				.personal-list td table.data td span.ratio input{
					border:0px solid #fff;
					padding:0px;
					width:15px;
					vertical-align:middle;
					*vertical-align:baseline;
				}
	.td01{
		font-weight:bold;
		padding:3px 2px;
		color:#000;
		text-align:center;
	}
		.td01 img{
			margin-bottom:3px;
			width:90px;
		}
		.td01 a:link{
			color:#000;
		}
		.td01 a:visited{
			color:#000;
		}
		.td01 a:hover{
			color:#FF9900;
		}
		.td01 a:active{
			color:#FF9900;
		}
.comic-info{
		margin:20px auto 10px;
	}
		.comic-info th{
			text-align:left;
			font-weight:normal;
			padding:1px;
		}
			.comic-info th.th01{
				font-size:16px;
				font-weight:bold;
				padding-bottom:10px;
				color:#000;
			}
		.comic-info td{
			padding:1px;
		}
.message-right{
	border:1px solid #ccc;
	background-color:#FFFFFF;
	padding:5px 10px;
	margin:10px auto 5px;
}
	.message-right ul{
		margin-left:2.25em;
	}
		.message-right ul li{
			list-style:decimal;
		}
.message-tab{
	margin:10px auto 5px;
	border-collapse:collapse;
	border:1px solid #ccc;
	background-color:#FFFFFF;
}
	.message-tab th{
		background-color:#FFCC00;
		border:1px solid #ccc;
		font-size:13px;
		text-align:left;
		padding:2px;
		padding-left:1em;
	}
		.message-tab th span{
			float:right;
			font-size:12px;
			font-weight:normal;
			padding-right:13px;
		}
	.message-tab td{
		padding:10px;
	}
		.message-tab td.message-td01{
			border-right:1px dashed #ccc;
			font-family:Arial;
			font-weight:bold;
			font-size:13px;
			color:#999;
		}
.Post-it{
	margin:20px auto;
}
	.Post-it th{
		text-align:right;
		padding:5px;
	}
		.Post-it th span{
			font-weight:normal;
			color:#FF0000;
		}
	.Post-it td{
		padding:5px;
		/*padding-top:3px;*/
	}
		.Post-it td.code{ padding-top:15px;}
			.Post-it td.code img{ width:200px;}
		.Post-it td input,textarea{
			border:1px solid #A5ACB2;
			padding:2px;
			margin-top:-2px;
		}
.tab01{
	margin:15px auto;
	font-size:16px;
	color:#000;
	text-align:center;
}
.tab02{
	background-image:url(../images/th/13-9.gif);
	background-position:center;
	background-repeat:no-repeat;
	margin:15px auto;
	font-size:16px;
	color:#000;
	text-align:center;
	padding-top:2px;
}
.input-tab02{
	margin:15px auto;
}
	.input-tab02 th{
		text-align:left;
		padding:3px;
	}
	.input-tab02 td{
		padding:3px;
	}
		.input-tab02 td textarea{
			border:1px solid #A5ACB2;
			padding:2px;
			color:#666666;
			font-size:13px;
		}
.p01{
	font-size:16px;
	margin:15px 0px 0px 50px;
}
.market-record{
	margin:10px auto;
	background-image:none;
	*background-image:url(../images/th/13-12table.jpg);
	background-repeat:no-repeat;
	table-layout:fixed;
	*table-layout:auto;
	font-size:13px;
	word-break:break-all;
	word-wrap:break-word;
}
	.market-record th{
		color:#975B00;
		padding:4px 2px 2px;
		background-color:#FFCC00;
		*background-color:none;
	}
	.market-record td{
		border-bottom:1px dashed #ccc;
		color:#333;
		padding:4px 2px;
	}
		.market-record td.name-en{
			overflow:hidden;
		}