/* CSS Document */

/**************************************************************************
* style-intro.css 2007/09/20
===========================================================================
* TCDM介紹CSS
===========================================================================
* Edited by Edward in GOGOTDI
* Copyright (C) 2007 Tang Digital Integration
***************************************************************************/

.tab01{
	margin-top:30px;
	margin-left:63px;
}
	.tab01 th{
		background-image:url(../images/icon/yellow-arrow.gif);
		background-position:3px 4px;
		background-repeat:no-repeat;
		font-size:16px;
		text-align:left;
		padding-left:1.25em;
	}
	.tab01 td{
		padding:5px 2px 5px 20px;
		color:#333333;
		font-size:13px;
	}
		.tab01 td.td-pic{
			padding-top:15px;
			padding-bottom:20px;
		}
		.tab01 td.td-pic img{
			margin-right:30px;
		}
		.tab01 td table{}
			.tab01 td table th{
				background-image:none;
				padding:0px;
				font-size:13px;
			}
			.tab01 td table td{
				padding:0px;
			}
		.reference-tab{
			margin-top:5px;
			margin-bottom:10px;
		}
			.reference-tab td a{
				margin-left:12px;
			}
				.reference-tab td a:link{
					color:#FF9900;
					text-decoration:underline;
				}
				.reference-tab td a:visited{
					color:#FF9900;
					text-decoration:underline;
				}
				.reference-tab td a:hover{
					color:#FF9900;
					text-decoration:none;
				}
				.reference-tab td a:active{
					color:#FF9900;
					text-decoration:none;
				}
.list-btn{
	position:absolute;
	padding-left:498px;
	padding-top:7px;
	z-index:1;
}
	.list-btn input{
		border:none;
		background:#FFFFFF;
		width:125px;
		height:30px;
		margin-left:10px;
	}
	.list-btn select{
		border:1px solid #A5ACB2;
		float:right;
		margin-top:3px;
		margin-right:15px;
	}
.view-way{
	margin-left:54px;
	margin-top:15px;
}
	.view-way li{
		display:inline;
		list-style:none;
	}
		.view-way li a:link{color:#999; text-decoration:none;}
		.view-way li a:visited{color:#999; text-decoration:none;}
		.view-way li a:hover{color:#FF9900; text-decoration:underline;}
		.view-way li a:active{color:#FF9900; text-decoration:underline;}
.pic-view01{
	margin-left:54px;
	margin-top:10px;
}
	.pic-view01 th{
		border:1px solid #ccc;
	}
	.pic-view01 td{
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
	}
		.pic-view01 td a:link{color:#333; text-decoration:none;}
		.pic-view01 td a:visited{color:#333; text-decoration:none;}
		.pic-view01 td a:hover{color:#FF9900; text-decoration:underline;}
		.pic-view01 td a:active{color:#FF9900; text-decoration:underline;}
.text-view01{
	font-size:13px;
	color:#666;
	margin-top:5px;
	margin-bottom:5px;
}
	.text-view01 th{
		text-align:right;
	}
	.text-view01 td{
		padding-left:8px;
	}

.con-top{
	margin-left:54px;
	margin-top:15px;
}
	.con-top th{
		border:1px solid #999;
		padding:10px;
	}
		.con-top th img{ border:1px solid #ccc;}
	.con-top td{
		text-align:center;
		font-size:16px;
		padding:5px;
	}
.con-div{
	width:677px;
	background-image:url(../images/bg/3-3con-bg.gif);
	background-repeat:repeat-y;
	margin-left:54px;
	margin-top:10px;
}
	.con-div table{
		width:622px;
		margin:10px;
		margin-left:45px;
	}
	.con-div table.con-data{
		width:640px;
		margin:0px;
		margin:22px 0px 10px 22px;
	}
		.con-div table.con-data th{
			font-weight:normal;
			text-align:left;
			color:#000000;
			padding-left:10px;
		}
		.con-div table.con-data td{
			color:#666666;
			padding-top:2px;
		}
	.p-red{
		font-size:13px;
		color:#FF0000;
		text-align:right;
		padding-top:5px;
		padding-right:1em;
	}
	.con-div table.tab02{
		width:646px;
		margin:0px;
		margin:10px auto;
	}
		.con-div table.tab02 th{
			text-align:right;
			border-top:1px dashed #BEBEBE;
			padding-top:5px;
			padding-bottom:5px;
			color:#000;
		}
			.con-div table.tab02 th span{
				color:#FF0000;
				font-weight:normal;
			}
		.con-div table.tab02 td{
			padding-top:3px;
			padding-left:1em;
			border-top:1px dashed #BEBEBE;
		}
			.con-div table.tab02 td input{
				padding:2px;
				color:#666666;
			}
			.con-div table.tab02 td span{
				font-size:11px;
				color:#666;
			}
			.con-div table.tab02 td table{
				width:450px;
				margin:0px;
				margin-top:-3px;
				margin-bottom:20px;
			}
				.con-div table.tab02 td table th{
					border:none;
					font-weight:normal;
				}
					.con-div table.tab02 td table th span{
						color:#FF0000;
					}
				.con-div table.tab02 td table td{
					border:none;
				}
.organize-tab{
	margin:10px auto;
	font-size:13px;
}
	.organize-tab td{
		border-right:2px solid #fff;
		padding:3px;
	}
		.organize-tab td table{}
			.organize-tab td table th{
				background-image:url(../images/icon/man.gif);
				background-position:10px top;
				background-repeat:no-repeat;
				padding-left:2.75em;
			}
			.organize-tab td table td{
				padding:0px;
				border-right:0px solid #fff;
				padding-right:1.5em;
			}
.head01{
	background-image:url(../images/icon/yellow-arrow.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	font-size:16px;
	font-weight:bold;
	padding-left:1.25em;
}
.tab03{
	margin-bottom:20px;
}
	.tab03 th{
		font-weight:normal;
		padding:1px;
		border-bottom:1px dashed #ccc;
		text-align:left;
	}
		.tab03 th p{
			word-wrap:break-word;
			word-break:break-all;
			font-size:15px;
			text-align:right;
			padding-top:5px;
		}
		.tab03 th.he{
			font-size:20px;
			border-bottom:1px dashed #ccc;
			padding:5px 0 8px 5px;
			text-align:left;
			font-weight:bold;
		}
	.tab03 td{
		color:#666666;
		padding:1px;
		border-bottom:1px dashed #ccc;
	}
		.tab03 td p{
			word-wrap:break-word;
			word-break:break-all;
			overflow:hidden;
		}
		.tab03 td.experience{padding:5px 3px 5px 1em;}
		.tab-pic{
				width:275px;
				background-image:url(../images/bg/4-2pic-bg.gif);
				background-position:center;
				background-repeat:repeat-y;
				text-align:center;
				margin-bottom:20px;
			}
				.tab-pic-top{
					background-image:url(../images/bg/4-2pic-top.gif);
					background-position:top;
					background-repeat:no-repeat;
					padding-top:8px;
				}
				.tab-pic-bottom{
					background-image:url(../images/bg/4-2pic-bottom.gif);
					background-position:bottom;
					background-repeat:no-repeat;
					padding-bottom:8px;
				}
				.tab-pic img{
					width:260px;
				}
.tab04{
	margin:0 auto 20px;
}
	.tab04 td{
		padding-bottom:15px;
	}
		.tab04 td p{
			word-wrap:break-word;
			word-break:break-all;
			overflow:hidden;
		}
		.tab04 td span{
			font-size:13px;
			font-weight:bold;
		}
		.tab04 td.td-pic{
			padding-top:15px;
		}
			.tab04 td.td-pic img{
				/*width:160px;*/
				margin-right:7px;
				margin-bottom:10px;
				vertical-align:top;
			}
		.tab04 td.td-pic01{
			padding-top:15px;
		}
			.tab04 td.td-pic01 img{
				margin-right:25px;
				margin-bottom:10px;
				vertical-align:top;
			}
		.tab04 td table{}
			.tab04 td table td{
				padding:0px;
			}
.some-way{
	margin-left:54px;
	margin-top:15px;
}
	.some-way a:link{color:#999; text-decoration:none;}
	.some-way a:visited{color:#999; text-decoration:none;}
	.some-way a:hover{color:#FF9900; text-decoration:underline;}
	.some-way a:active{color:#FF9900; text-decoration:underline;}
	.some-way table{ font-size:11px; table-layout:fixed; *table-layout:auto;}
		.some-way table td{
			background-image:url(../images/icon/red-arrow-noback.gif);
			background-repeat:no-repeat;
			background-position:4px 8px;
			padding-left:12px;
			word-wrap:break-word;
			word-break:break-all;
			overflow:hidden;
			}
.tab05{
	margin:10px auto;
}
	.tab05 td{
		border-bottom:1px solid #E1E1E1;
		padding:10px 0px 10px 10px;
	}
		.tab05 td table{
			color:#666666;
			line-height:16px;
		}
			.tab05 td table th{
				text-align:left;
			}
			.tab05 td table td{
				padding:0px;
				border-bottom:0px solid #ccc;
			}
				.tab05 td table.go-page td table td{
					padding:3px;
					}
.tab06{
	margin:15px auto;
}
	.tab06 th,td{
		padding:2px;
	}
.history-tab{
	margin:15px auto;
	border-collapse:collapse;
}
	.history-tab th{
		background-image:url(../images/icon/yellow-arrow.gif);
		background-position:left 9px;
		background-repeat:no-repeat;
		font-size:16px;
		text-align:left;
		padding:5px;
		padding-left:1.25em;
	}
	.history-tab td{
		border:1px solid #DBDBDB;
		padding:10px;
		font-size:13px;
	}
		.history-tab td span{
			display:block;
			text-align:center;
			font-size:11px;
			background-image:url(../images/bg/date.jpg);
			background-repeat:no-repeat;
			width:220px;
			height:19px;
		}
.cartoonist{
	table-layout:fixed;
	*table-layout:auto;
	}
		.cartoonist td{
			background-image:url(../images/bg/cartoonist-img.gif);
			background-repeat:repeat-y;
			text-align:center;
			padding:0px;
		}
		.cartoonist td.cartoonist-name{
			background-image:none;
			word-wrap:break-word;
			word-break:break-all;
			overflow:hidden;
		}
.bigdeal-div{
	background-image:url(../images/bg/10-3-tittel.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#EBEBEB;
	width:677px;
	margin:25px auto 15px;
	padding-left:21px;
	padding-right:17px;
	padding-bottom:20px;
}
	.head02{
		text-align:center;
		font-size:16px;
		padding-bottom:20px;
	}
	.div01{
		background-image:url(../images/bg/div_01.jpg);
		background-repeat:repeat-y;
		margin-bottom:15px;
	}
		.comic-info{
			margin:10px auto 5px;
		}
			.comic-info th{
				text-align:right;
				font-weight:normal;
				padding:2px;
			}
			.comic-info td{
				padding:2px;
				padding-left:1em;
			}
		.personal-pic{
			width:135px;
			padding:2px;
			border:1px solid #ccc;
		}
.personal-list{
	margin:10px auto;
}
	.personal-list th{
		text-align:left;
		font-weight:normal;
	}
		.personal-list th.th01{
			font-weight:bold;
			padding-left:1.2em;
			padding-bottom:3px;
			font-size:13px;
			border-bottom:1px dashed #33CCFF;
			text-align:left;
			background-image:url(../images/th/10-3-blue.gif);
			background-repeat:no-repeat;
			background-position:left top;
		}
		.personal-list th span{
			font-size:12px;
			font-weight:normal;
			color:#999999;
			font-family:Arial, Helvetica, sans-serif;
			line-height:16px;
		}
	.personal-list td table td{ padding-left:5px;word-break:break-all;}
	.personal-list td table th{
		/*font-weight:bold;*/
		color:#999;
		border-bottom:1px dashed #ccc;
	}
		.personal-list td table th img{ vertical-align:middle; margin-left:5px;}
.div02{
	background-image:url(../images/bg/div_03.gif);
	background-repeat:repeat-y;
	margin-bottom:15px;
	}
.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;
		}
.web-guid{
	width:620px;
	margin:10px auto;
}
	.web-guid img{
		border-bottom:1px dashed #ccc;
		margin-bottom:10px;
	}
.org{
	width:600px;
	height:490px;
	background-image:url(../images/bg/organize.jpg);
	background-repeat:no-repeat;
	margin:20px auto;
	font-family:"新細明體";
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	padding-top:10px;
}
.d01, .d02, .d03{
	float:left;
	width:146px;
	height:26px;
	overflow:hidden;
	padding:3px;
	padding-top:8px;
	text-align:center;
}
	.d01{
		margin-top:-9px;
		margin-left:45px !important;
		*margin-left:22px;
	}
	.d02{
		margin-top:-9px;
		margin-left:27px !important;
		*margin-left:28px;
	}
	.d03{
		margin-top:-9px;
		margin-left:28px;
	}
.d04{
	float:left;
	width:176px;
	height:26px;
	overflow:hidden;
	padding:3px;
	padding-top:8px;
	text-align:center;
	margin-top:24px;
	margin-left:210px !important;
	*margin-left:105px;
	clear:both;
}
.d05, .d06, .d07, .d08, .d09, .d10, .d11, .d12, .d13{
	float:left;
	width:76px;
	height:26px;
	overflow:hidden;
	padding:3px;
	padding-top:8px;
	text-align:center;
}
	.d05{
		margin-top:-5px;
		*margin-top:-15px;
		margin-left:113px !important;
		*margin-left:56px;
		clear:both;
	}
	.d06{
		margin-top:24px;
		*margin-top:14px;
		margin-left:65px;
	}
	.d07{
		margin-top:24px;
		*margin-top:14px;
		margin-left:11px !important;
		*margin-left:12px;
	}
	.d08{
		margin-top:24px;
		*margin-top:14px;
		margin-left:8px !important;
		*margin-left:10px;
	}
	.d09{
		margin-top:42px;
		*margin-top:32px;
		margin-left:70px !important;
		*margin-left:35px;
	}
	.d10{
		margin-top:42px;
		*margin-top:32px;
		margin-left:12px;
	}
	.d11, .d12, .d13{
		margin-top:42px;
		*margin-top:32px;
		margin-left:13px;
	}
.d14, .d15, .d16, .d17, .d18, .d19, .d20, .d21, .d22, .d23, .d24, .d25{
	float:left;
	width:116px;
	height:26px;
	overflow:hidden;
	padding:3px;
	padding-top:8px;
	text-align:center;
}
	.d14{
		margin-top:33px;
		*margin-top:23px;
		margin-left:55px !important;
		*margin-left:27px;
	}
	.d15{
		margin-top:33px;
		*margin-top:23px;
		margin-left:63px;
	}
	.d16{
		margin-top:33px;
		*margin-top:23px;
		margin-left:62px;
	}
	.d17{
		margin-top:21px;
		*margin-top:11px;
		margin-left:89px !important;
		*margin-left:44px;
	}
	.d18{
		margin-top:21px;
		*margin-top:11px;
		margin-left:67px;
	}
	.d19{
		margin-top:21px;
		*margin-top:11px;
		margin-left:62px;
	}
	.d20{
		margin-top:7px;
		*margin-top:-3px;
		margin-left:89px !important;
		*margin-left:44px;
	}
	.d21{
		margin-top:7px;
		*margin-top:-3px;
		margin-left:67px;
	}
	.d22{
		margin-top:7px;
		*margin-top:-3px;
		margin-left:62px;
	}
	.d23{
		margin-top:7px;
		*margin-top:-3px;
		margin-left:89px !important;
		*margin-left:44px;
	}
	.d24{
		margin-top:7px;
		*margin-top:-3px;
		margin-left:251px !important;
		margin-left:231px;
	}
	.d25{
		margin-top:7px;
		*margin-top:-3px;
		margin-left:462px !important;
		*margin-left:231px;
	}
.org span{
	/*display:block;
	float:left;*/
}
	.org-bron{
		color:#663300;
	}
		.org-bron a:link,.org-bron a:visited{color:#663300;}
		.org-bron a:hover,.org-bron a:active{color:#663300; text-decoration:none;}
	.org-blue{
		color:#000033;
	}
		.org-blue a:link,.org-blue a:visited{color:#000033;}
		.org-blue a:hover,.org-blue a:active{color:#000033; text-decoration:none;}
	.org-red{
		color:#990000;
	}
		.org-red a:link,.org-red a:visited{color:#990000;}
		.org-red a:hover,.org-red a:active{color:#990000; text-decoration:none;}
	.org-orag{
		color:#CC6600;
	}
		.org-orag a:link,.org-orag a:visited{color:#CC6600;}
		.org-orag a:hover,.org-orag a:active{color:#CC6600; text-decoration:none;}
	.org-grn{
		color:#336633;
	}
		.org-grn a:link,.org-grn a:visited{color:#336633;}
		.org-grn a:hover,.org-grn a:active{color:#336633; text-decoration:none;}
	.org-gray{
		color:#666666;
	}
		.org-gray a:link,.org-gray a:visited{color:#666666;}
		.org-gray a:hover,.org-gray a:active{color:#666666; text-decoration:none;}