/************************************************/
/* layout.css Version 1							*/
/* By Gary Wong									*/
/************************************************/
HTML { overflow-x: visible}
BODY {	scrollbar-3dlight-color:#d1d7dc;
		scrollbar-arrow-color:#006699;
		scrollbar-darkshadow-color:#98aab1;
		scrollbar-face-color:#dee3e7;
		scrollbar-highlight-color:#ffffff;
		scrollbar-shadow-color:#dee3e7;
		scrollbar-track-color:#efefef;		}

BODY,th,td{	color: #333333;
			font-size: 13px;
			font-family: "Verdana", "Arial", "Helvetica", "sans-serif";	}

p{	word-spacing: normal;
	letter-spacing: 3px;
/*	text-indent: 4%;		/* 首行縮排 */
	margin: 7px;
	padding: 2px;
	text-align: justify;	/* 齊行	*/
}
H1 {font-size: 16px;
    color: #009900;
    line-height: 200%;
	margin: 0px;
	padding: 0px;	}

H2 {font-size: 16px;
	color: #009900;
	margin: 0px;
	padding: 2px;	}

em	{ font-size: 12px;
	  color: #000000;
	  font-weight: normal;	}

/* Form elements */
form { display: inline }
input{font:100% Verdana,Arial,Helvetica,sans-serif}
select{background:#ffffff;font:11px Verdana,Arial,Helvetica,sans-serif}
input.post,textarea.post{background:#ffffff;border:1px solid #000000;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}
input.button,input.liteoption{border:1px solid #000000;background:#fafafa;font-size:11px}
input.catbutton{border:1px solid #000000;background:#fafafa;font-size:10px}
input.mainoption{border:1px solid #000000;background:#fafafa;font-size:11px;font-weight:bold}

/* HyperLink elements */
a{color: #666666;text-decoration: none;}
a:link{color: #666666;text-decoration: none;}
a:visited{color: #666666;text-decoration: none;}
a:hover{color: #999999;text-decoration: underline;}

/* List elements 

ol,ul{margin-left: 20px;}
ul{list-style-type: square;}
ul ul{list-style-type: disc;}
ul ul ul{list-style-type: none;}
*/

img {border: 0px;padding: 0px;valign: middle}

.trhidden {DISPLAY: none}
.trdisplay {DISPLAY: block}
.fullopac {filter:alpha(opacity=100)}

.tb1 {			border: 1px solid #345487;
				background-color: #FFFFFF;	}
				
.th1 {			vertical-align: middle;
				text-align: left;
				color: #FFFFFF;
				padding: 4px;
				background-image: url(title_sub.gif);
				height : 30px;	}

.th2 {			vertical-align: middle;
/*				text-align: center;*/
				color: #FFFFFF;
				padding: 4px;
				background-image: url(title_sub.gif);
				height : 30px;	}

.row1 {			background: #FFFFFF;
				height : 30px;	}

.row2 {			background: #DFEBFD;
				height : 30px;	}

.lrow {			background: #B9DCFF;
				height : 30px;	}

.outlineborder {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid}

.menuGroup {	height: 30px;
				color: #666666;
				font-weight: bold;
				text-align: left;
				background-image: url(title_sub.gif);	}

.menuButton {	height : 20px;
				text-align: left;
				padding: 6px;
				padding-left: 20px;
				BORDER-BOTTOM: #E6E6E6 1px solid;}

.menuButton2 {	height : 20px;
				background: #DFEBFD;
				text-align: left;
				padding: 6px;

				BORDER-BOTTOM: #FFFFFF 1px solid;}

.menuButton3 {	height : 20px;
				background: #BDD6FB;
				text-align: left;
				padding: 6px;
				BORDER-BOTTOM: #FFFFFF 1px solid;}

.menuButton4 {	height : 20px;
				background: #BDD6FB;
				text-align: left;
				padding: 6px;
				padding-left: 20px;
				BORDER-BOTTOM: #FFFFFF 1px solid;}

/* Log Form Style */
.logFrame {		width: 300px;
				text-align: center;
				vertical-align: middle;
				border: 1x solid #345487;
				padding: 10px;
				background-color: #FFF;
				margin: 30px;	}
.logFrame th {	background-image: url(title_main.gif);
				font-size: 110%;
				font-weight: bold;
				color: #FFFFFF;	}
.logMain {		width: 250px;
				text-align: center;
				vertical-align: middle;
				border: 1px solid #345487;
				padding: 5px;
				margin: 10px;
				font-weight: bold;
				background-color: #FFF;	}
.logMain th {	background-image: url(title_sub.gif);
				font-weight: bold;	}
.logMain td {	height: 50px;	}

.footer {		background-color: #D1DCEB;
				/*height: 30px;*/
				vertical-align: middle;
				text-align: right;
				color: #3A4F6C;
				font-weight: bold;
				padding: 10px;	}

#photo td img{background:#FFFFFF;border:5px solid white;filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=2);}
#photo td {	padding-bottom:20px;
			padding-top:20px;
			padding-left:5px;
			padding-right:5px;	}
#photo img {border:2px solid;}
#album td{	background:#FEFEFE url(album.gif);
/*			text-align: center;*/}