/**排版****************************************/
body{	margin:0; padding:0; text-align:center; font-size:11pt;}
*{line-height:1.6em;}

.content {text-align:left;margin: 0 auto;padding: 0; width: 45em; }
#header{padding: 1em; border-bottom:3px solid #555;}
#main {}
#navbar { width:100%;}
#footer{clear:both;  height:100% ;}

/**樣式**************************************/
body{background-color:#f7f7f7;}
.content{border:1px solid #ccc;}
a, a:link{color:#24a; text-decoration:none;}
a:hover{color:#48f;}
h1 {margin:0;}
h2 {margin:0.5em 0 0.2em;}

.content {border:1px solid #999;background-color:#fff;}

#header {color:#333; background-color:#eee; }

#main {padding:0.2em 1em 1em; }

#navbar{ background-color:#c3c3c3; color:#333;height:2em;  }
#navbar .navitem{ height:2em;   float:left;}
#navbar a, #navbar a:link{color:#333; line-height:2em; display:block; height:100%; width:100%; text-align:center; text-decoration:none; margin:0 0.5em;}
#navbar a:hover{color:#fff; background-color:#555; }


.msgbox, .textbox, .errbox {font-size:11pt; border:0.13em solid #eee; padding:0 1em 0.4em; margin:0.5em 0 0.8em;}
.msgbox h2, .textbox h2, .errbox  h2{font-size:11pt; margin:0 -1em 0.3em; padding:0.3em 1em; background-color: #eee;}

.msgbox{border-color:#e82;}
.msgbox h2{background-color: #e82;}

.textbox{border-color:#abc;}
.textbox h2{background-color: #abc;}

.errbox{border-color:#f77;}
.errbox h2{background-color: #f77;}

.inputfield,textarea{border:0;padding: 0.2em 1em 0.1em ;  border-bottom:1px solid #999; background-color:#eee; color:#0000cc; }
.inputfield{line-height:1.3em; height:1.3em; }

label { margin:0 0 0.2em; padding:0; display:block;}

#top,#footer {background-color:#333;  color:#aaa; padding:0.3em 1em;  font-size:73%; line-height:150%;}
#top{text-align:right; }
#footer{ text-align:center; }
#top a, #top a:link, #footer a, #footer a:link{color:#aaa; text-decoration:none;}
#top a:hover, #footer a:hover{text-decoration:underline;color:#ccc;}

hr {color:#999; background-color:#666; height:0.06em; border:0;}

.longlist li {float:left; display:block; width: 31%; position:relative;}
.longlist ul {position:relative;}
#main div {position:relative;}