/* body */
body,html,p
{ font-size: 15px; padding:0 0 0 0; margin:0 0 0 0;
background: url(back.jpg) repeat;}
/* header */
div.h1
{ color: #000195; font-size: 36px; text-align: left;
padding: 15px 15px 15px 20px; margin: 0 0 0 0;
border-bottom: 10px solid #C83D1E;
font-family: 標楷體; }
/* links */
a { font-weight:normal;}
a:link { color:#1552BF; text-decoration:none;}
a:visited { color:#1552BF; text-decoration:none}
a:hover { background-color:#4081BF; color:#FFFFFF}
/* div to center everything on a page and set max width to make it readable */
#content
{ width: 800px; background-color: #ffffff;
border-right:1px solid #9F9F9F;
border-left: 1px solid #9F9F9F;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px ; }
#content h2
{ font-size: 24px; line-height: 30px; color: #000000;
margin: 10px 0px 5px 0px; padding: 4px 20px 0px 2px;
font-weight: normal; font-family: 標楷體, sans-serif;
border-bottom: 2px solid #C83D1E;}
/* Home Page */
#home
{ width: 760; background-color: #ffffff;
margin: 0px; padding: 20px; }
#home h2
{ font-size: 24px; line-height: 30px; color: #000000;
margin: 10px 10px 5px 0px; padding: 4px 20px 0px 2px;
font-weight: normal; font-family: 標楷體, sans-serif;
border-bottom: 2px solid #C83D1E; }
#home h3
{ font-size: 1.2em; line-height: 24px; color: #000000;
margin: 20px 300px 0px 0px; padding: 0px 0px 0px 2px;
font-weight: normal; font-family: 標楷體, sans-serif;
border-bottom: 2px solid #C83D1E ;}
#home h4
{ margin: 0px; padding: 0px; font-family:標楷體, sans-serif;
font-size:18px; font-weight: normal; color: #660000; border: 0}
#home h5
{ font-size: 1.0em; line-height: 1.2em; color: #660000;
margin: 0}
dl
{ line-height: 150%; margin-left: 1.5em;
margin-right: 1.5em; text-indent: -2em; }
dt
{ line-height: 150%; margin-left: 2em;
margin-right: 1em; text-indent: -2em; }
dd
{ line-height: 150%; text-indent: -2em;
margin-left: 4em; margin-right: 1.5em; }
dd.1
{ line-height: 150%; text-indent: -5em;
margin-left: 7em; margin-right: 2em; }
dd.2
{ line-height: 150%; margin-left: 10em;
margin-right: 1em; text-indent: 4em; }
dd.3
{ line-height: 150%; margin-left: 4em;
margin-right: 1.5em; }
dd.4
{ line-height: 150%; text-indent: 2em; }
/* top menu */
#top
{ width:800px; height: 28px; clear: both;
background: #D4DFEB; background: transparent;
border-top: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF;
margin: 0 auto 0 auto; padding: 0 0 0 0; }
#top ul, #top li
{ margin: 0 0 0 0; padding: 0 0 0 0;
display: inline; list-style-type: none; border: 0 none; }
#top a:link, #top a:visited
{ font-size: 14px; line-height:18px; float: left;
font-weight: normal; text-decoration: none; color: #000;
border:0 none; border-right: 1px solid #666666;
margin: 0 0 5 0; padding: 5px 0 5px 0;
background-color: #D4DFEB; height: 18px }
#top a { width: 110px; text-align: center;}
#top a:hover
{ text-decoration: none; color: #FFFFFF;
background-color: #5180AE; }
#top a:link#topcurrent, #top a:visited#topcurrent
{ color: #ffffff; text-decoration: none;
background-color: #5180AE; }
/* footer */
#footer { clear: both; text-align: center;
padding: 5px 10px 5px 10px;
margin: 5px 0 0 0;
font-size: 0.75em ;
font-weight: normal; text-decoration: none;
border-top: 1px outset #6A6A6A;
background-color: #FFFFFF; }
#footer a, #footer a:link, #footer a:visited { font-size: 1.00em ; }
#footer a:hover
{ text-decoration: none; color: #FFFFFF;
background-color: #5180AE; }
/* phpBB like text formatting */
.b{font-weight:bolder}
.i{font-style:italic}
.z{font-style:normal; font-variant:small-caps}
.u{text-decoration:underline}
.t{margin:5px 20px 5px 20px;padding:5px;border:1px solid #797979;border-bottom:2px solid #363636;border-right:2px solid #363636;}
.c,.r{color:red}
.m,.l{color:blue}
.skip{display:none}
/* articles */
#main{ border-top: 1px outset #6A6A6A; width: 740px; color: #000000; height: auto; padding: 0px 10px 0px 10px; background-color: #FFFFFF; margin: 0px 0px 10px 0px; float: left; }
#main h3{font-size:17px;line-height:18px;color: maroon; margin:10px 0px 8px 0px;padding:4px 0px 0px 5px;text-align:left;font-weight: bold;}
#main h4{font-size:15px;line-height:20px;color:#000000;margin:6px 0px 0px 0px;padding:4px 0px 0px 15px;text-align:left;font-weight: bold; border: 0}
#main h5{font-size:12px;line-height:12px;color:#000000;margin:6px 0px 0px 0px;padding:4px 4px 0px 0px;text-align:right;font-weight: bold; border: 0}
#main td { font-size: 15px; font-family: Verdana, 新細明體, Arial, sans-serif; line-height:21px; }
#intro td { border-top:1px dotted #6A6A6A; font-size:15px;line-height:21px; height:auto; margin:0 0 0 0; padding: 4 4 4 4}
#class tr { background-color: #FFFFFF; font-size: 14px; font-family: Verdana, 新細明體, Arial, sans-serif; color: #0000CC; line-height:21px;}
#submit { border-top: 0px outset #6A6A6A; width: 750px; height: auto; padding: 0px 0px 0px 0px; background-color: #FFFFFF; margin: 5px 0px 0px 10px; float: left}
#submit h3{font-size:15px; line-height:20px; color: brown; margin:10px 0px 8px 0px;padding:0px 0px 0px 10px;font-weight: bold;}
#submit h4{font-size:15px; line-height:20px; color:brown; margin:6px 0px 6px 0px; padding:6px 6px 6px 1em;text-align:left; background-color: #F6F3ED; border: 1px solid #D4D4D4}
#submit form { padding: 0 0 0 0; margin: 0 0 0 0}
#submit table { background-color: #5180AE; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0}
#submit tr { background-color: #FFFFFF;}
#submit td { font-size:15px; padding-left: 8px}
#submit font { font-size:15px; font-weight: bold}
#submit input, select, textarea { font-size:15px; color: #000000; margin: 2 2 2 2; padding: 3 3 3 3; font-family: Verdana, 新細明體, Arial, sans-serif; border: 1px solid #5180AE}
.submit { background-color: #F6F3ED; font-size:15px; padding: 6 6 6 6}
.ul {font-size=13px; line-height:17px; list-style: circle}
/* blockquote and table with 2 differentlu colored rows */
blockquote{font-size: 15px; line-height: 20px; padding: 10px 10px 10px 10px; margin: 8px;color:#000000;font-weight:normal;background-color: #F6F3ED;border:1px solid #D4D4D4;}