/* 高度100*/ 
body {
	height:100%;
	margin:0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:220px 0px;
	background-image: url(background.jpg);
	background-color: #0D0C12;
}

/*字型*/

h1 { font-family: Century Gothic, sans-serif; color: white; font-weight: bold}
h2 { font-family: sans-serif; font-style: italic; color: white; font-weight: normal; margin-left: 30px;}
h3 { font-family: sans-serif;
	font-style: italic;
	color: #C3F7FC;
	font-weight: normal;
	margin-left: 30px;
	text-align: center;
}
#container blockquote {font-family: Lucida Calligraphy, sans-serif; color: #CCFFFF; font-size: 18px}
img {border: 0px}

/* 邊界屬性上右下左 邊界左邊固定 右邊相對*/
#wrapper {
	position: relative;
	left: 220px;
	margin-right: 220px;
	word-wrap: break-word;
	overflow:hidden;
}

/*標題欄*/
#headtitle {
	position: relative;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

/*內文*/
#container {
	position: relative;
	max-width: 1300px;
	min-width: 400px;
	margin: 30px;
	padding: 10px;
	background: url(semitrans.png) repeat;

	-webkit-border-radius: 8px;
	-moz-border-radius:8px;
	border-radius:8px;

	-webkit-box-shadow: 3px 3px 4px #000000;
	-moz-box-shadow: 3px 3px 4px #000000;
	box-shadow: 3px 3px 4px #000000;

	font-family: Century Gothic, sans-serif;
	color: #ffffff;
	font-size: 16px;
	line-height: 180%
}



/*註腳*/
#footage {
	position: relative;
	max-width: 1300px;
	min-width: 400px;
	margin: 30px;
	padding: 10px;
	background: url(semitrans.png) repeat;

	-webkit-border-radius: 8px;
	-moz-border-radius:8px;
	border-radius:8px;

	-webkit-box-shadow: 3px 3px 4px #000000;
	-moz-box-shadow: 3px 3px 4px #000000;
	box-shadow: 3px 3px 4px #000000;

	font-family: Century Gothic, sans-serif;
	font-style: italic;
	color: #CCFFCC;
	font-size: 16px;
	line-height: 200%
}


/* 左側logo位置*/
#logo {
	position:fixed;
	width:220px;
	height:220px;
	top:0px;
	left:0px;
	}

/*選單背景*/
#menu {
	position:fixed;
	width:220px;
	height:100%;
	top:220px;
	left:0px;
	margin:0; 
	padding:0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:0px 0px;
	background-image: url(menubg.jpg); 
	background-color: #598BA2;
	}

/* 左側選單整體設置*/ 
.navigation {
	position:fixed;
	width:220px;
	top:220px;
	left:0px;
	margin:0; 
	padding:0;
	list-style-type:none; 
	font:12px Arial; 
	}
 
.navigation li {
	float:top; 
        padding:0;
	margin:0 0 0 0; 
	_margin:0 0 0 0; 
	width:220px;
	}
 
/* 設置選單區塊*/
.navigation li dl { 
	width:220px;/*ie6*/
        margin:0; 
	padding:0;
	}
 
.navigation li dt a , .navigation li dd a{ display:block;}
 
 
/* 設置主選單dt */
.navigation li dt {
	margin:0px;
	padding:10px 5px 0px 5px;
	height:25px;
	overflow:hidden;
	font-size: 12px;
	font-weight: bold;
	color: white;
	}
 
.navigation li dt a ,.navigation  li dt a:visited {
	display:block; 
    	color: white;
    	text-decoration:none;
	}
 
/* 設置子選單dd */
.navigation li dd { 
	margin:0; 
        padding:0; 
	text-align:right;
	color: #333; 
	background-color:#efefef;
	border-bottom:dotted 1px #666;
	}
 
.navigation li dd.last {
	border-bottom:0;
	}	
 
.navigation li dd a, .navigation  li dd a:visited {
	display:block; 
	color:#333; 
    text-decoration:none; 
	padding:4px 5px 4px 20px;
    }
 
 
/*隱藏子選單*/
.navigation li dd { display:none;}
 
 
/* 滑鼠滑入顯示子選單 */
.navigation li:hover dd, .navigation li a:hover dd { display:block;}
 
/*ie6 hack*/
.navigation li:hover,.navigation li a:hover { border:0;}
.navigation table { border-collapse:collapse; 
    padding:0; 		
	text-align:right;
	}