@charset "utf-8";
/* CSS 200902 version 01 */
body{
	margin:0;	padding:0; text-align:center; font-family:微軟正黑體, Arial, 新細明體, verdana ,Helvetica, sans-serif;
	height:100%;
	border-top:solid 3px #464646;
}
form, img{ margin:0; padding:0;	}
br{	clear:both;	}
a{	color:#00661F; text-decoration:none;	}
a:hover{	color:#8FC112; text-decoration:underline;	}

div.spacer{ margin:0 10px; padding:0; height:0; clear:both; font-size:0em; overflow:hidden; }
div.gototop{ margin:0 10px 16px 10px; padding:0; text-align:right; }
span.engnum{ letter-spacing:0; }

#header{
	display:block; margin:0; padding:0;
	height:90px; overflow:hidden;
}
#headerSized{
	width:860px; height:90px;
	margin:0 auto; padding:0; 
}
#logo{
	padding:0; margin:14px 0 0 0;
	height:90px; width:300px;
	display:inline; float:left;
	text-align:left;
}
#logor{
	padding:0; margin:0;
	display:inline; float:right;
	width:550px; overflow:hidden;
	text-align:right;
}
#logor img{
	padding:0; margin:0;
	vertical-align:top;
}
#logor img.plus{
	margin-top:2px;
}
#logor a{
	padding:0; margin:0;
	color:#131313; font-size:0.75em; line-height:16px; letter-spacing:0.1em; text-decoration:none;
}
#tm{
	padding:0; margin:0 0 22px 0;
	display:inline; float:right;
	width:550px; height:20px; overflow:hidden;
}
#hhl{
	padding:0; margin:0;
	display:inline; float:right;
	width:520px; height:28px; overflow:hidden;
	line-height:28px;
	background:#8ec112 url('../img/lay/hhl_l.jpg') no-repeat top left;
}
#hhlR{
	padding:0; margin:0;
	display:inline; float:right;
	width:520px; height:28px; overflow:hidden;
	background:url('../img/lay/hhl_r.jpg') no-repeat top right;
}
#hhlR marquee{
	padding:0; margin:0 10px;
	width:500px; height:28px; overflow:hidden;
	color:#FFF; letter-spacing:0.05em; text-align:left;
}
#hhlR a{
	margin:0 40px 0 0; padding:0 0 0 10px;
	color:#FFF;
	height:28px; line-height:28px;
	background:url('../img/lay/st_arrow_white.gif') no-repeat center left;
}
#hhlR em{
	font-style:normal; font-weight:bold;
}


/* main menu style */
#mmenu{
	padding:0; margin:0;
	background:#000000 url('../img/lay/mmbg.jpg') repeat-x top left;
	height:44px; overflow:hidden;
	border-bottom:solid 4px #8ec112;
}
#mmenuSized{
	width:860px; height:44px;
	margin:0 auto; padding:0;
	list-style:none;
	background:url('../img/lay/mmsep.jpg') no-repeat top right;
}
dl.dropdown{
	padding:0 0 0 2px; margin:0;
	display:inline; float:left;
	background:url('../img/lay/mmsep.jpg') no-repeat top left;
}
dl.dropdown dd{
	padding:0; margin:0 0 0 -2px;
	position:absolute;
	overflow:hidden;
	display:none;
	width:195px;
	z-index:200;
	opacity:0;
}
dl.dropdown ul{
	margin:0; padding:0;
	list-style:none;
	font-size:0.75em; text-align:left;
	background-color:#f3f9e3;
	border:solid 1px #9dcc2a;
}
dl.dropdown li{
	line-height:22px;
}
dl.dropdown li a,
dl.dropdown li a:visited{
	display:block;
	width:171px;
	color:#333;
	text-decoration:none;
	padding:4px 0 4px 20px;
	background:#f3f9e3;
	border-bottom:dotted 1px #696969;
}
dl.dropdown li a:hover {
	color:#000 ;
	text-decoration:none;
	background:url('../img/lay/msm_arrow.gif') no-repeat 8px center #e4faa7;
}
dl.dropdown li.last a{
	border-bottom:none;
}
/* site tree */
#stree{
	margin:0 0 8px 0; padding:0 3px;;
	width:860px; height:18px;
	color:#333333; font-family:新細明體; font-size:12px; line-height:18px; letter-spacing:0; text-align:left;
}
#stree a{
	margin:0 6px 0 0; padding:0 9px 0 0;
	background:url('../img/lay/st_arrow.gif') no-repeat top right;
	color:#015ddb; text-decoration:none;
}
#stree a:hover{
	color:#f06600; text-decoration:underline;
}
/* main area style */
#main{
	display:block; margin:0; padding:0;
}
#mainSized{
	width:860px;
	margin:0 auto; margin-top:6px; margin-bottom:22px; padding:0;
}
/* footer */
#footToTop{
	display:block; margin:0; padding:0;
}
#footToTopSized{
	width:860px;
	margin:0 auto; padding:0;
	text-align:right;
}
#footer{
	margin:0; padding:10px 0;
	border-top:solid 1px #464646;
}
#footerSized{
	width:860px;
	margin:0 auto; padding:0;
}
#footer p{
	margin:0; padding:0 0 6px 0; display:block;
	color:#2e2e2e; font-size:0.7em; font-weight:normal; text-align:left;
}
#footer p.docs a{
	background:url('../img/lay/fl_r.gif') no-repeat top right;
	margin:0 7px 0 0; padding:0 7px 0 0;
}
#footer p.docs a.last{
	background:none;
}
#footer p.right{
	float:right;
	text-align:right;
}
#footer a{
	color:#3D5583;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

/* inner parts structure & styles */
#left{
	margin:0; padding:0;
	display:inline; float:left; text-align:left;
	width:195px; overflow:hidden;
}
#left img{
	margin:0; padding:0;
	vertical-align:bottom;
}
#smenu{
	margin:0 0 10px 0; padding:0 0 1px 0;
	list-style:none;
	background-color:#EEEEEE;
}
#smenu li{
	margin:0; padding:0;
	border-top:solid 1px #FFFFFF; border-bottom:solid 1px #D7D7D7;
}
#smenu li.h{
	margin:0; padding:12px 10px;
	background-color:#8ec112;
	border-top:none; border-bottom:none;
}
#smenu li.last{
}
#smenu li a{
	margin:0; padding:0 0 0 20px; display:block;
	color:#333333; font-size:0.8em; line-height:32px; height:32px; text-decoration:none; letter-spacing:0.1em;
	background-image:url('../img/p/course/smb.gif'); background-repeat:no-repeat; background-position:10px 14px;
}
#smenu li a:hover{
	background-color:#D0F27A;
}

div.lhsb{
	margin:0 0 10px 0; padding:1px 0;
	border:solid 1px #D7D7D7; border-top:solid 4px #8ec112;
}
#middle{
	margin:0; padding:0;
	display:inline; float:right;
	width:650px; overflow:hidden;
	text-align:left;
}
#midInside,#midEnquiry{
	margin:0 0 10px 0; padding:0;
}
#midEnquiry{
	padding:0 0 6px 0;
	background-color:#F9F9F9;
	border-bottom:solid 1px #ECECEC;
}
#midEnquiry h2{
	padding:0; margin:0 0 0 0; height:24px;
	color:#333333; line-height:24px; font-size:0.9em; letter-spacing:0.1em; text-indent:12px;
	border-top:solid 3px #2E2E2E;
}
#midEnquiry h2 a{
	color:#333333;
}

#midEnquiry em{
	color:#00651F; font-style:normal;
}
#midInside h1{
	margin:0 0 30px 0; padding:0;
}
#midInside h2, #midEnquiry h2{
	margin:0 0 10px 0; padding:0;
}
#midInside h3{
	margin:0 0 10px 0; padding:0 18px;
	height:23px; overflow:hidden;
	line-height:23px;
	color:#313131; font-size:0.9em; letter-spacing:2px;
	background:url('../img/p/course/h3bg.jpg') no-repeat top left;
}
#enqLoading{
	margin:12px; margin-bottom:12px; padding:12px;
	text-align:center;
	background-color:#FFFFFF; border:solid 1px #e7ebee;
}
#enqLoading p{
	margin:0; padding:0;
	color:#333333; font-size:0.8em;
}


div.ct{
	margin:0 0 18px 0; padding:0 0 0 18px;
	line-height:1.2em;
}
div.ct img{
	margin:0; padding:0;
}
div.ct br{
	clear:none;
}
div.ct ol, div.ct ul{
	margin-top:0; margin-bottom:0;
	color:#2e2e2e; font-size:0.8em; font-weight:normal; text-align:justify; letter-spacing:1px;
}
div.ct li ol,
div.ct li ul,
li div.ct ul{
	margin-top:0; margin-bottom:0;
	color:#2e2e2e; font-size:1.0em; font-weight:normal; text-align:justify; letter-spacing:1px;
}

div.ct li{
	margin-top:0; margin-bottom:4px;
}
span.mimg{
	margin:0; padding:0;
	display:inline; float:left;
}
span.rimg{
	margin:0 0 0 8px; padding:0;
	display:inline; float:right;
}
span.limg{
	margin:0 10px 0 0; padding:0;
	display:inline; float:left;
}
span.rimg img{
	margin:0 0 10px 0; padding:0;
}
div.ct p,
div.ct table{
	margin:0 0 10px 0; padding:0;
	color:#2e2e2e; font-size:0.8em; font-weight:normal; text-align:justify; line-height:20px; letter-spacing:1px;
}
span.titleImg{
	margin:0 0 2px 0; padding:0;
	display:block;
}
div.courseSep{
	margin:0 0 18px 0; padding:0;
	height:3px; overflow:hidden;
	background:url('../img/p/course/sep_h_dotted.jpg') repeat-x top left;
	font-size:0;
}
div.ct em{
	margin:0 18px 0 0; padding:0;
	color:#007D15; font-style:normal; font-weight:bold;
	width:80px;
}

/* enquiry */
span.line{
	margin:0; padding:1px 10px;
	display:block;
	font-size:0.8em; line-height:20px; text-align:left;
	vertical-align:top;
}
span.line label{
	margin:0; padding:0;
	display:inline; float:left;
	letter-spacing:0.1em; text-align:left;
	width:80px;
}
span.line input.ef, span.line textarea{
	margin:1px 2px; padding:0;
	border:solid 1px #B3C8D9;
	height:16px; width:330px;
	line-height:16px; font-family:verdana, 新細明體, Arial, Helvetica, sans-serif;
}
span.line textarea{
	height:50px; 
}

span.rowInfo, span.rowText, span.rowError{
	margin:0; padding:0;
	display:inline;
  text-align:justify;
}
span.rowText{
	line-height:1.6em;
}
span.rowText br{
	clear:none;
}
span.rowError{
	color:#FF0055;
}
span.noAvaText{
	color:#444444;
	font-style:italic;
}
/* inputs button */
input.compCancelBtn,
input.compSubmitBtn{
	margin:0; padding:0 6px;
	color:#FFFFFF; font-size:9pt; font-weight:bold; letter-spacing:0.2em; text-align:center;
	height:22px; line-height:22px;
	background:#A7A6AB url('../img/lay/btn_cn_bg.jpg') repeat top left;
	border:none;
}
input.compSubmitBtn{
	background:#0300FF url('../img/lay/btn_ok_bg.jpg') repeat top left;
}
/* forum */
#fframe{
	width:860px;
	margin:0 auto; padding:0;
	display:block;
}
/* System Message Box */
#successBox, #errorBox, #warningBox{
	margin:6px; margin-bottom:12px; padding:12px 6px;
	font-size:0.8em; letter-spacing:1px;
	text-align:left; vertical-align:top;
}
#successBox h1, #errorBox h1, #warningBox h1{
	margin:0 0 2px 0; padding:3px 8px;
	font-size:1.2em; font-weight:bold; letter-spacing:0.1em; text-align:left;
}
#successBox img, #errorBox img, #warningBox img{
	margin:0 8px 8px 0; padding:0;
	display:inline; float:left;
}
#successBox p, #errorBox p, #warningBox p{
	color:#333333;
	margin:0; padding:0 12px;
}
#successBox{
	background-color:#E0F7A8; border:dotted 1px #8EC112;
}
#successBox h1{
	color:#03AE00;
}
#errorBox{
	background-color:#FFFAFA; border:dotted 1px #FFCCC7;
}
#errorBox h1{
	color:#AE0B00;
}
#warningBox{
	background-color:#FFFDFA; border:dotted 1px #FFEBC7;
}
#warningBox h1{
	color:#AE4600;
}
#errorBox ul{
	display:block; width:400px;
	margin:0; padding:6px 12px;
	color:#333333;
	list-style-position:inside;
}
#errorBox li{
	color:#333333;
	margin:3px 0px;
}

/* wide ad */
#wideAd{
	padding:5px 9px; margin:10px 0 20px 0;
	border:solid 1px #dcdcdc;
}
/* coopBody */
#coopBody{
	padding:5px 9px; margin:10px 0 15px 0;
	border:solid 1px #dcdcdc;
	border-top:solid 3px #8ec112;
}
#coopBody h1{
	padding:0; margin:0;
	text-align:left;
}
#coop{
	padding:0; margin:0;
	list-style:none;
}
#coop li{
	padding:0 2px; margin:0 6px 0 0;
	display:inline; float:left;
}

div.block{
	padding:0; margin:0 0 12px 0;
	border:none;
}
div.block h1{
	padding:0; margin:0 0 3px 0;
	height:28px;
}

/* Calendar */
#calBlock{
	padding:0; margin:0 0 25px 0;
	height:248px; overflow:hidden;
	background-color:#f0f4e8;
	border:solid 1px #FFFFFF;
}
#calBlock p{
	text-align:center;
}
#calTip{
	margin:0 0 0 6px; padding:50px 0 0 0;
	display:inline; float:right;
	width:90px;
}
#calTip p{
	margin:0; padding:0;
	height:18px; line-height:18px;
	font-size:0.7em; color:#777; text-align:left;
}
#calTip span{
	margin:4px 4px 0 0; padding:0;
	float:left;
	width:8px; height:8px; overflow:hidden;
	border:solid 1px #FFFFFF;
}
#calBody{
	margin:0; padding:0 7px;
	text-align:center;
}
#calBody h2,
#calBody h2 a{
	margin:0; padding:0;
	font-size:0.95em; letter-spacing:0.1em; color:#00661f;
}
#calBody h2 a{
	font-size:1.2em; padding:0 8px;
}
table.calendar{
	margin:0 0 10px 0; padding:0;
	border-collapse:collapse;
	font-size:0.9em;
}
table.calendar th{
	margin:0; padding:0;
	height:24px; width:26px; line-height:24px;
	color:#555; font-size:0.85em; font-weight:normal; text-align:center;
}
table.calendar td{
	margin:0; padding:0;
	height:24px; width:26px; line-height:24px;
	color:#777; font-size:0.9em; font-weight:normal; font-family:Tahoma, Geneva, sans-serif; text-align:center;
	background-color:#FFF;
	border:solid 1px #eefad0;
}
table.calendar a,
table.calendar span{
	margin:0; padding:0;
	display:block;
	height:24px; width:26px; line-height:24px;
}
table.calendar td.today a,
table.calendar td.today span{ /* handle today */
	border:solid 1px #719e04;
	height:22px; width:24px; line-height:22px;
}
table.calendar a{
	color:#333;
}
table.calendar .holiday{
	color:#C00;
}
#calTip .course,
table.calendar .course{
	background-color:#b5ee2c;
}
#calTip .courseOld,
table.calendar .courseOld{
	background-color:#cde0a1;
}
#calTip .activity,
table.calendar .activity{
	background-color:#eeb92c;
}
#calTip .activityOld,
table.calendar .activityOld{
	background-color:#d5c6a2;
}
#calTip .exam,
table.calendar .exam{
	background-color:#28cdf0;
}
#calTip .examOld,
table.calendar .examOld{
	background-color:#69F;
}

#upComingBlock{
	height:70px; overflow:hidden;
	background:#FFF url('../img/lay/rhs_event.jpg') no-repeat top left;
}
#upComingScroller{
	margin:36px 7px 0 7px; padding:0;
	display:block; height:24px; overflow:hidden; clear:both;
	line-height:24px; font-size:0.7em;
	background-color:#e5f4c7;
	border:solid 1px #86be00;
}

/* adHeader */
#adHeader{
	margin:0 0 1px 0; padding:0;
}