/* body */
body,html,p
	{ font-size: 15px; padding:0 0 0 0; margin:0 0 0 0;
	  /*url(images/back.jpg) repeat;*/}

/* header */
div.h1
	{ color: #000195; font-size: 36px; text-align: left;
	  padding: 20px 15px 15px 20px; margin: 0 0 0 0;
	  border-bottom: 10px solid #C83D1E; 
	  font-family: 標楷體; }
	  
h2
	{ color: #000195; font-size: 32px; text-align: center;
	  padding: 20px 15px 15px 20px; margin: 0 0 0 0;
	  font-family: 標楷體; }
	  
h2.r
	{ color: #000195; font-size: 32px; text-align:right;
	  padding: 20px 15px 15px 20px; margin: 0 0 0 0;
	  font-family: 標楷體; }
	  
h1
	{ color:#333399; text-align: center;font-size: 32px; font-family: 標楷體; }

/* links */

a	  { font-weight:normal;}
a:link	  { color:#1552BF; text-decoration:none;}
a:visited { color:#1552BF; text-decoration:none}
a:link.red	  { color:red; text-decoration:none;}
a:visited.red { color:red; 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 */
#topbottom
	{ width: 800px; background-color: #ffffff;
	  border-right:1px solid #ffffff;
	  border-left: 1px solid #ffffff;
	  margin:  0px auto 0px auto;
	  padding: 0px 0px 0px 0px ; }
	  
#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 20px 5px 10px; 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 400px 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}

dl
	{ line-height: 150%; margin-left:  1em;
	  margin-right: 1em; 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: 2m; }
dd.1
	{ line-height: 150%; text-indent: -5em;
	  margin-left:  7em; margin-right: 2em; }
dd.2
	{ line-height: 150%; margin-left:  2em;
	  margin-right: 1em; text-indent:  2em; }
dd.3
	{ line-height: 150%; margin-left:  4em;
	  margin-right: 1em; }
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: 112px; 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: #0099CC; }

/* footer */
#footer	{ clear: both; text-align: center; 
	  padding: 5px 10px 5px 10px;
	  margin:  5px 0 0 0;
	  font-size: 1em ;
	  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;  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 { 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 5px 5px 5px; background-color: #FFFFFF; margin: 5px 0px 0px 0px; 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: #D4D4D4; 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 input, select, textarea { font-size:15px; color: #000000; margin: 1 2 1 2; padding: 3 3 3 3; font-family: Verdana, 新細明體, Arial, sans-serif;}
.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;}

div.bottombar {
	background-color: #CC0033;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 0px;
	color: #000000;
	letter-spacing: 1px;
	font-size: 9px;
	font-style: oblique;
	padding: 2px 0px 2px 0px;
	text-align: center;
	width: 798px;
}

span {color:#0033CC; }

p.q {color:navy; font-size:14pt; font-family:標楷體; }
p.answer {color:#003300; font-size:11pt; font-family:明細體; }

div#index td.thumbcell {
	width: 100px;
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}