body{
	padding:0; 
	margin:0; 
	position:relative; 
	background:#ffab32; 
	color:#000000; 
	font-family:標楷體;
	font-weight:normal;
}
div, h1, h2, h3, h4, ul, a, img{
	padding:0px;
	margin:0px;
}

p{margin-bottom:2%; text-align:justify;}

ul{list-style-type:none;}

/* TOP PANEL */

#logoalign{width:100%; height:200px; overflow:hidden; float:left; position:relative;}
#logocontain{position:relative; left:50%; clear:left; float:left;}
#logo{position:relative; right:50%; padding:0;float:left;}
/* END TOP PANEL */
#topPan{width:100%; height:52px; position:relative; float:left;}
#topPanIn{width:100%; height:52px; background:url(images/menuslice.jpg) repeat-x; position:relative; float:left;overflow:hidden;}
/* TOP PANEL MENU ************************************************ */
#topPan h1{width:100%; color:#fff; text-indent:-2000px;} /* SEO OPTIMIZATION */
#topPan ul{display:block; position:relative; left:50%; color:#ffffff; clear:left; float:left;}
#topPan ul li{float:left; margin:0; padding:0; position:relative; right:50%; display:block; text:align:center;}
#topPan ul li a{display:block; width:100%; color:#FFFFFF; font-size:1.2em; line-height:43px; font-family:標楷體; font-weight:bold; text-align:center; text-decoration:none; margin-left:30%; margin-right:30%;}
#topPan ul li a:hover{display:block; line-height:43px; background:url(images/menu-hover.jpg) repeat-x; text-decoration:none; /*position:fixed;*/ margin-left:30%; margin-right:30%; color:#404040;}
/* END OF TOP PANEL************************************************************** */

/* SIDE PANEL */
#menuPan{width:20%; float:left; border:0px solid black; padding-left:1%; padding-right:1%;}
#menuPan ul.sidemenu{width:95%; display:block; margin-left:auto; margin-right:auto;}
#menuPan ul.sidemenu li{text-align:center; width:83%; display:block; line-height:30px; background:url(images/menubackground.jpg); border:2px solid #ff8920; margin-top:2px; margin-left:14%; margin-right:3%;}
#menuPan ul.sidemenu li a:hover{display:block; font-weight:bold; width:100%; background:url(images/menubackground1.jpg);text-decoration:none; margin-left:auto; margin-right:auto; padding:0; color:#FFFFFF;}
#menuPan ul.sidemenu li a{display:block; width:83%; font-size:1em; text-decoration:none; margin-left:auto; margin-right:auto; padding:0px; color:#404040;}
#menuPan img.ark{display:block; margin-left:auto; margin-right:auto; padding-top:20%; margin-bottom:5%; padding-left:6%; width:80%;}
#menuPan img.index-img{display:block; margin-left:auto; margin-right:auto; padding-top:0%; padding-bottom:0%; border:none;}
#menuPan p.menu-label{font-size:1em; text-indent:0em; text-align:center; margin-left:1em; margin-right:1em; font-style:bold;}
#menuPan p.menu-label a{font-size:1.2em; text-indent:0em; text-align:center; margin-left:1em; margin-right:1em; color:#FC7700; font-style:bold;}
#menuPan p.menu-label2{font-size:1.2em; text-indent:0em; text-align:center; margin-left:1em; margin-right:1em; color:black;}
#menuPan p.menu-label2 a{font-size:1.2em; text-indent:0em; text-align:center; margin-left:0em; margin-right:1em; color:#FC7700;}
#menuPan hr.divide{width:60%; height:0.1em; color:#FC7700; background:#FC7700;}
/* END SIDE PANEL */

/* CONTENT DIVIDES */
#bodyPan{width:90%; position:relative; margin-left:auto; margin-right:auto;clear:both;}
#contentPan{width:78%; padding-left:22%; padding-top:3em; padding-bottom:3em; border:0px solid red; }
#contentPan1{padding-left:1em; padding-right:1em; padding-top:3em; padding-bottom:3em; min-height:300px;}
#halfpagel{width:48%; float:left; border:2px solid #fc7700; border-left-style:none; border-top-style:none; border-bottom-style:none; padding-right:1%; padding-left:1%;}
#halfpagel p{margin-left:0em; margin-right:0em; background:red;}
#halfpager{width:45%; border:2px solid #fc7700; border-right-style:none; border-top-style:none; border-bottom-style:none; margin-left:50%; padding-left:1%; padding-right:1%;}
#halfpager p{margin-left:1%; margin-right:1%;}
#container{width:100%; background:#FFFFFF; border:0px solid green;}
#photo-align{width:550px;margin-left:auto; margin-right:auto; background:#FC7700;} /* NEEDED OFFLINE DESIGN */
.comment{background-color:#FFAB32; Z-INDEX: 1;  overflow:auto; display:none; width:90%; margin-left:auto; margin-right:auto; padding-top:1.5%; padding-bottom:1.5%; maring-left:0; border:thin double #FC7700; margin-bottom:10px;}

.moviel{width:40%; background:#FC7700; margin-top:3%; float:left;}
.movier{width:40%; background:#FC7700; margin-top:3%; float:left;}
.orientm{width:40%; height:230px; margin-left:auto; margin-right:auto; background:url(images/movie.jpg) no-repeat #FC7700; margin-top:3%; float:left;}
.ytubemovie{display:block; margin-left:auto; margin-right:auto;}
.clear{clear:both;}
.founder{border:0; cursor:hand; width:22%;padding:0; margin-left:auto;margin-right:auto;}
/* END CONTENT DIVIDES */

/* BODY PAN FORMAT */	
#bodyPan h3{font-size:2em; font-weight:bold; margin-left:auto; margin-right:auto; text-align:center;line-height:40px;padding-top:0.2em; padding-bottom:0.2em;}
#bodyPan h1{color:#fa711e;text-align:center;}
#bodyPan p.classtitle{font-size:1.5em; font-weight:bold;color:#FC7700;text-align:left; margin-left:0; text-indent:0;}
#bodyPan p.classdesc{font-size:1.5em; color:#000000; text-align:left; text-indent:0; margin-left:0; margin-right:5%;}
#bodyPan h2{color:#fc7700; font-size:1.5em; margin-left:3em;}
#bodyPan h4{color:#fc7700; font-size:1.2em; margin-left:3em;}
#bodyPan a{font-size:1.2em; text-align:center; line-height:30px; color:#ff9c00; margin-left:3em;text-decoration:none;}
#bodyPan a[href^="http:"] {background: url(images/external-link.jpg) no-repeat right top; padding-right: 10px;}
a[href^="mailto:"] {background: url(images/email-link.jpg) no-repeat right top; margin-top:5px; padding-right:10px;}
#bodyPan a:hover{font-size:1.2em; text-align:center; line-height:30px; color:#fb1515; text-decoration:underline;}
#bodyPan p{font-size:1.5em; font-family:標楷體; text-indent:30px; line-height:30px; text-align:left; margin-left:0em; margin-right:4em;}
.english{font-size:0.9em;font-family:"Arial Narrow";}
#bodyPan img.center{display:block; margin-left:auto; margin-right:auto;}
#bodyPan img.title{display:block; margin-left:auto; margin-right:auto;margin-bottom:2em}
#bodyPan dl dt{color:#FC7700;font-size:1.5em;margin-left:3em;font-weight:bold;}
#bodyPan dl dd{color:#404040;font-size:1.5em;margin-left:5em;margin-right:4em;}

#contentPan ol{list-style:disc;}
#contentPan ol li{font-size:1.5em; margin-left:3em; margin-right:4em;  line-height:30px;}
#contentPan h3{color:#FC7700;}
#contentPan img.pagetitle{display:block; width:65%; margin-left:auto; margin-right:auto;margin-bottom:2%;}
#contentPan hr.lines{height:0.1em; color:#FC7700; background-color:#FC7700; width:60%; margin-top:2%; margin-bottom:2%;}
#contentPan h1{color:#fa711e;text-align:center; border:0px solid black;}
.altlink a{font-size:1.2em; color:#FC7700; text-decoration:none; margin:0; text-indent:0; padding:0; text-align:left;}


#contentPan blockquote {
display: block;
padding: 0 3%;
width: 60%;
font-size:1.6em;
margin-left:auto;
margin-right:auto;
}

#contentPan blockquote:before, blockquote:after {
color: #FC7700;
display: block;
font-size: 700%;
width: 50px;
}

#contentPan blockquote:before {
content: open-quote;
height: 0;
margin-left: -1em;
}
#contentPan blockquote:after {
content: close-quote;
height: 50px;
margin-top: -40px;
margin-left: 340px;
}


/* END BODY PAN FORMAT */


#bodyPan p.date{font-size:1em; text-align:center; color:#f87c99; font-weight:bold; margin-left:1em; margin-right:1em; margin-top:-5%; padding:0; text-indent:0;}
/* Move page aligning the movies with the background */
.center{display:block; margin-left:auto; margin-right:auto; text-align:center;}
p.center1{text-align:center;}

#bodyPan div.classinfo{width:50%; float:left;}

/* Used on Testimonials and Q&A for the jquery drop down proceedure */
#bodyPan p.question{font-size:18px; color:#96384e; cursor:pointer; text-align:center;}
#bodyPan p.question:hover{color:#f87c99}
#bodyPan p.question1{font-size:30px; color:#96384e; cursor:pointer; text-align:center;}
#bodyPan p.question1:hover{color:#f87c99}
#bodyPan div.answer{width:70%; font-size:16px; background:#f0ecec; color:#404040; margin-left:auto; margin-right:auto;}
#bodyPan div.answer p{margin-left:20px; margin-right:20px; padding-top:20px; padding-bottom:20px;text-indent:0px;}
#bodyPan div.answer img{border-top-width: 4px; border-bottom-width: 4px; border-top-style: double; border-bottom-style: double; border-top-color: #E1A60A; border-bottom-color: #E1A60A; padding: 8px 0px; float:left; padding-right:5px;}
#bodyPan div.answer1{font-size:16px; background:#f0ecec; color:#404040; margin: 10px 10px 10px 120px; width:300px;}
#bodyPan div.answer2{font-size:16px; background:#f0ecec; color:#404040; margin: 10px 0px 10px 10px;}
#bodyPan div.answer2 img{position:relative; top:6px;}
/* News pages - pictures float left or right with comment below the picture */
#bodyPan .raligncomm {float:right;padding-right:3em;}
#bodyPan .raligncomm img{border-top-width: 4px; border-bottom-width: 4px; border-top-style: double; border-bottom-style: double; border-top-color: #E1A60A; border-bottom-color: #E1A60A; padding: 8px 0px; margin-right:5px; margin-left:5px; padding-right:5px; text-align:center;}
#bodyPan .raligncomm p{text-align:center; font-size:14px;}
#bodyPan .laligncomm {float:left;}
#bodyPan .laligncomm img{border-top-width: 0.3em; border-bottom-width: 0.3em; border-top-style: double; border-bottom-style: double; border-top-color: #E1A60A; border-bottom-color: #E1A60A; padding: 0.5em 0em; margin-right:1em; margin-left:2em; text-align:center; border-left-style:none; border-right-style:none;}
#bodyPan .laligncomm p{text-align:center; font-size:1em;}
#bodyPan img.rfloat{border-top-width: 4px; border-bottom-width: 4px; border-top-style: double; border-bottom-style: double; border-top-color: #E1A60A; border-bottom-color: #E1A60A; padding: 8px 0px; float:right; padding-right:5px;}
.subhead{color:#ff7700; font-size:1.5em; font-weight:bold; text-align:left;}

/* For borders and layouts ****************************************************** */
#bodyPan fieldset.training{width:80%; margin-top:10px; border-color:#FC7700; border-width:0.2em; border-style:solid; background-color:#fed8b5; display:block; margin-left:auto; margin-right:auto;}
#bodyPan fieldset.training p{font-size:18px; font-family:標楷體; line-height:30px; text-align:left; margin-left:0.5em; margin-right:0.5em; text-indent:0;}
#bodyPan div.outline{width:80%; display:block; margin-left:auto; margin-right:auto;}
.training1{font-size:25px;}


/* obsolete ****** */
#bodyPan div.outline1{width:60%; margin-left:auto; margin-right:auto;}
#bodyPan div.dblborder{width:70%; margin-left:auto; margin-right:auto; margin-top:3%; margin-bottom:3%;}
#bodyPan div.contactborder{width:80%; margin-left:auto; margin-right:auto; border:0px solid green;}
#bodyPan div.contactborder1{width:80%; margin-left:auto; margin-right:auto; border:0px solid green; Z-INDEX: 1;  overflow:auto; display:none; padding-top:1em; padding-bottom:1em;}
#left1{background-image:url(images/left.jpg); background-position: 0% 0%; background-repeat: repeat-y;}
#right2{background-image:url(images/right.jpg); background-position: 100% 0%; background-repeat: repeat-y;}
.contactborder1 h2{font-size:2em; color:#FC7700;}
.contactborder1 p{font-size:0.5em; color:#404040; text-indent:0px;}



form{width:90%; border:0px solid red; padding-left:10%; padding-top:5%; padding-bottom:5%;}
label{font-size:1.2em; color:#FC7700; font-weight:bold; width:30%; text-align:right; display:block; float:left;}
.labela{width:7em; line-height:1.3em; float:left; text-align:right; display: block; font-size:1.2em;}
.inputb{float:left;}
.inputa{display:block; width:40%; border:1px solid #FC7700; background:#ffbf86; color:#404040;}
/* END *************************************************************************************** */


#ctlc, #ctrc, #cblc, #cbrc
	{
	background-repeat: no-repeat;
	}

#ctlc
	{
	background-image:url(images/contact/tlc.jpg);
	background-position: 0% 0%;
	}

#ctrc
	{
	background-image:url(images/contact/trc.jpg);
	background-position: 100% 0%;
	}
	
#cblc
	{
	background-image:url(images/contact/blc.jpg);
	background-position: 0% 100%;
	}

#cbrc
	{
	background-image:url(images/contact/brc.jpg);
	background-position: 100% 100%;
	}

#ctb, #cbb
	{
	background-repeat: repeat-x;
	}
			
#ctb
	{
	background-image:url(images/contact/tb.jpg);
	background-position: 0% 0%;
	}

#cbb
	{
	background-image:url(images/contact/bb.jpg);
	background-position: 50% 100%;
	}
	
#crb
	{
	background-image:url(images/contact/rb.jpg);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#clb
	{
	background-image:url(images/contact/lb.jpg);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

#dtlc, #dtrc, #dblc, #dbrc
	{
	background-repeat: no-repeat;
	}

#dtlc
	{
	background-image:url(images/divide1/tlc.jpg);
	background-position: 0% 0%;
	}

#dtrc
	{
	background-image:url(images/divide1/trc.jpg);
	background-position: 100% 0%;
	}
	
#dblc
	{
	background-image:url(images/divide1/blc.jpg);
	background-position: 0% 100%;
	}

#dbrc
	{
	background-image:url(images/divide1/brc.jpg);
	background-position: 100% 100%;
	}

#dtb, #dbb
	{
	background-repeat: repeat-x;
	}
			
#dtb
	{
	background-image:url(images/divide1/tb.jpg);
	background-position: 0% 0%;
	}

#dbb
	{
	background-image:url(images/divide1/bb.jpg);
	background-position: 50% 100%;
	}
	
#drb
	{
	background-image:url(images/divide1/rb.jpg);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#dlb
	{
	background-image:url(images/divide1/lb.jpg);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

/* BORDER FOR MAIN CONTENT DIVIDE**************************************     */
#tlc, #trc, #blc, #brc
	{
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(images/content/tlc.jpg);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(images/content/trc.jpg);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(images/content/blc.jpg);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(images/content/brc.jpg);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(images/content/tb.jpg);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(images/content/bb.jpg);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(images/content/rb.jpg);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(images/content/lb.jpg);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
/* END OF BORDER FOR MAIN CONTENT DIVIDE**************************************     */


#bodyPan p.detail {font-size:18px; font-family:標楷體; text-indent:30px; line-height:30px; text-align:left; margin-left:5px;}
#bodyPan p.detail1 {font-size:18px; font-family:標楷體; line-height:30px; text-align:left;}
#bodyPan ul{width:241px; height:271px; display:block; float:left; margin:0; padding:0;}
#bodyPan ul li.middle{width:22px; height:152px; background:none; float:left; display:block; padding:0; margin:0;}
#bodyPan img{margin-left:0; padding-left:0; margin-top:0; padding-top:0;}

#contentPan  div.quote{padding-left:5%; padding-right:5%;}
#contentPan .quote p{width:100%; font-size:1.6em; font-style:italic; color:#FC7700; text-indent:0; text-align:center; border:0px solid green;}
#contentPan .quote p.cite{width:100%; font-size:1.3em; color:purple; text-align:center;}




.timetable
{
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: 2px solid #8a6b26;
  font-family: "標楷體";
  font-size: 1.2em;
  
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.map {position:relative; top:50px; left:100px;}




/* ******************************************* */
/* END OF BODY PANEL */



/* footer Panel */
#mainfooterbody{
	clear:both;
	height:43px; width:100%;
	background:url(images/menuslice.jpg) repeat-x;
	border: 0px solid #FC7700;
	color:#fff;
}
#footerPan{width:90%; height:43px; position:relative; margin:0 auto; padding:0;}
#footerPan h1{
	float:left; 
	font-weight:bold; 
	padding:0 0 0 0px; 
	display:block;
	text-decoration:none;
	margin:0 0 0 0;
	width:40%;
	padding:0;
}
#footerPan p.legal{font-weight:bold; font-size:1.2em; color:#FFFFFF; font-family:標楷體; line-height:43px; float:left;padding-top:0;margin-top:0;}
#footerPan .legal a{text-decoration:none; color:#4c4c4c;}
#footerPan .legal a:hover{text-decoration:underline; color:#404040;}
#footerPan a.email{font-size:0.8em; color:#FFFFFF; font-family:Arial; line-height:37px; font-weight:bold; text-decoration:none; float:right;}
#footerPan a.email:hover{color:#ff0000; text-decoration:underline;}