@charset "utf-8";
/* CSS 200902 version 01 */
body{
	margin:0;	padding:0; text-align:center; font-family:Arial, 新細明體, verdana ,Helvetica, sans-serif;
	height:100%;
	background:#6f3541 url('../img/l/bg.jpg') repeat-x top;
}
form, img{ margin:0; padding:0;	}
br{	clear:both;	}
a{color:#980a0d;text-decoration:none;	}
a:hover{color:#730b2d;text-decoration:underline;	}

div.spacer{ margin:0; 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; }

#topad{
	margin:0 auto; padding:1px 0; display:block;
	width:1000px; height:90px; overflow:hidden;
	background:#FFFFFF url('../img/l/topad_bg.jpg') no-repeat top left;
}
#header{
	margin:0 auto; padding:0; display:block;
	width:1000px; height:114px; overflow:hidden;
	background:#FFFFFF url('../img/l/head_bg.jpg') no-repeat top left;
}
#logo{
	padding:0; margin:0 0 0 24px;
	height:114px; width:271px;
	display:inline; float:left;
	text-align:left;
}
#logor{
	padding:0; margin:0;
	display:inline; float:right;
	width:680px; overflow:hidden;
	text-align:right;
}

#tm{
	margin:0; padding:0; display:block;
	height:45px; overflow:hidden;
	
}
#memTopLogin,
#memTopInfo{
	display:inline; float:right;
	margin:0; padding:0;
	width:588px; height:45px;
	background:url('../img/l/mem_login.jpg') no-repeat top right;
	color:#903; text-align:right;
}
#memTopInfo{
	background:none;
	text-align:right;
	font-size:0.80em;
	margin:0 45px 0 0; padding:0;
}
#memTopInfo .greeting{
	margin:0;
}
#memTopLogin ul{
	list-style:none;
	padding:0;
	margin:6px 0 0 0;
}
#memTopLogin li{
	display:inline; float:left;
	padding:0;
	margin:0 0 0 0;
}
#memTopLogin li.input{
	width:102px;
	padding:0; margin:10px 0 0 30px;
}
#memTopLogin li.input2{
	width:102px;
	padding:0; margin:10px 0 0 30px;
}
#memTopLogin li.check{
	padding:0; margin:10px 0 0 6px;
}
#memTopLogin li.login{
	padding:0 0 0 0;
	margin:3px 0 0 52px;
}
#memTopLogin .memRTF{
	padding:0; margin:0;
	width:80px; height:16px;
	font-size:0.8em;
	border:none;
}

#search{
	margin:16px 0 0 0; padding:0;
	display:inline; float:right;
	height:44px; width:423px;
	background:url('../img/l/tm_search_bg.jpg') no-repeat top right;
}
#keyword{
	margin:13px 13px 0 60px; padding:0;
	display:inline; float:left;
	text-align:right;
	width:160px; height:15px;
	background-color:#b88e80;
	border:none;
	color:#FFF; line-height:15px; font-size:0.8em;
}
#tmsCategory{
	margin:13px 0 0 0; padding:0;
	display:inline; float:left;
	text-align:right;
	height:15px;
	width:100px;
	background-color:#b88e80;
	color:#FFF; line-height:15px;
	border:none;
}
#search_btn{
	margin:0 0 0 22px; padding:0;
	float:left;
	width:52px;height:44px;
	border:none;
}
/* main menu style */
#mmenu{
	margin:0 auto; padding:0;
	width:1000px; height:32px; overflow:hidden;
	background:url('../img/l/mm_bg.jpg') no-repeat top left;
}
dl.dropdown{
	padding:0; margin:0;
	display:inline; float:left;
}
#mmfirst{
	margin-left:70px;
}
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;
}
/*the search category list style*/
#catContent_c{
margin:32px 0 0 230px; padding:0;
float:left;
position:absolute;
display:none;
width:125px;
z-index:200;
opacity:0;
background:url('../img/l/menulist_c.jpg') repeat-x top left;
}
#catContent_l{
	display:block;
	background:url('../img/l/menulist_l.jpg') no-repeat top left;
}
#catContent_r{
	display:block;
	background:url('../img/l/menulist_r.jpg') no-repeat top right;
}
#catContent_c ul{
margin:0 15px 0 0; padding:0;
list-style:none;
font-size:0.75em;
}
#catContent_c li{
	line-height:23px;
}
#catContent_c li a{
	color:#ffffff;
}
#catContent_c li a:hover {
	text-decoration:none;
}

/* main area style */
#main{
	width:1000px;
	display:block; margin:0 auto; padding:0;
	background-color:#FFFFFF;
}
#topSized{
width:978px;
margin-bottom:10px;
}
#mainSized{
	margin:0 11px; padding-top:20px;
	background:url('../img/l/body_bg.jpg') repeat-x top;
	min-height:300px;
}
#sitetree{
margin:0 0 0 12px;padding:0;
width:600px;
float:left;
}
#linkshare{
margin:0 12px 0 0;padding:0;
width:92px;height:16px;
float:right;
display:inline;
text-align:right;
}
/* footer */
#footer{
	width:1000px;
	display:block; margin:0 auto; padding:0;
	background-color:#FFFFFF;
}
#footer_c{
	margin:0 11px; padding:0;
	display:block; height:67px;
	background:url('../img/l/footer_c.jpg') repeat-x top left;
}
#footer_l{
	display:block;
	margin:0; padding:0;
	background:url('../img/l/footer_l.jpg') no-repeat top left;
}
#footer_r{
	display:block;
	margin:0; padding:0;
	background:url('../img/l/footer_r.jpg') no-repeat top right;
}
#innerfooter{
	display:block;
	width:100%;
	height:100%;
	text-align:left;
	margin:0;
	padding:0;
}
#footer_m{
	margin:12px 11px 0 0; padding:0; display:inline;
	width:162px;height:39px;float:right;
	background:url('../img/l/btn_joinyp.jpg') no-repeat top right;
}
#footer p{
	margin:18px 0 0 14px; padding:0; display:inline;
	width:400px; height:30px; float:left;
	color:#513737; font-size:0.57em; font-weight:normal; text-align:left;
	background:no-repeat top left;
	line-height:15px;
}
#footer p a{
	background:no-repeat top right;
	margin:0; padding:0 9px 0 0;
}
#footer p a.last{
	background:none;
}
#footer a{
	color:#513737;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
.urllink{
	text-align:center;
	line-height:15px;
	color:#513737; font-size:0.57em; font-weight:normal;
}
/*footer*/
/*
#footer{
	width:1000px;
	display:block; margin:0 auto; padding:0;
	background-color:#FFFFFF;
}
#footer_c{
	margin:0 11px; padding:0;
	height:67px; overflow:hidden;display:block;
	background:url('../img/l/footer_c.jpg') repeat-x top left;
}
#footer_l{
	margin:0; padding:0;
	height:67px;width:5px; 
	
	overflow:hidden;display:inline;float:left;
	background:url('../img/l/footer_l.jpg') no-repeat top left;
}
#footer_r{
	margin:0; padding:0;
	height:67px; width:5px; 
	
	overflow:hidden;display:inline;float:right;
	background:url('../img/l/footer_r.jpg') no-repeat top right;
}
#footer_m{
	margin:17px 11px 0 0; padding:0 0 0 0; display:inline;
	width:162px;height:39px; overflow:hidden;float:right;
	background:url('../img/l/btn_joinyp.jpg') no-repeat top right;
}
#footer p{
	margin:23px 0 0 14px; padding:0; display:inline;
	width:400px; height:30px; float:left;
	color:#513737; font-size:0.57em; font-weight:normal; text-align:left;
	background:no-repeat top left;
	
	line-height:15px;
}
#footer p a{
	background:no-repeat top right;
	margin:0; padding:0 9px 0 0;
}
#footer p a.last{
	background:none;
}
#footer a{
	color:#513737;
	text-decoration:none;
	line-height:10px;
}
#footer a:hover{
	text-decoration:underline;
}
*/

/* inner parts structure & styles */
div.left{
	margin:0; padding:0;
	display:inline; float:left;
	width:660px; overflow:hidden;
	text-align:left;
}
div.right{
	margin:0; padding:0;
	display:inline; float:right;
	width:300px; overflow:hidden;
	text-align:left;
}
div.block{
	display:block;
	margin:0 0 10px 0; padding:0;
	text-align:left;
}
h1.block{
	display:block;
	margin:10px 0 0 0; padding:0;
	text-align:left;
}

h1{
	margin:0; padding:0;
}

div.leftleft{
	margin:0; padding:0;
	display:inline; float:left;
	width:318px; overflow:hidden;
	text-align:left;
}
div.leftright{
	margin:0; padding:0;
	display:inline; float:right;
	width:318px; overflow:hidden;
	text-align:left;
}
#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;
}

/* site tree */
/*
#stree{
	margin:0 0 8px 0;padding:0 3px;
	width:1000px; 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/l/st_arrow.gif') no-repeat top right;
	color:#bd1313; text-decoration:none;
}
#stree a:hover{
	color:#f06600; text-decoration:underline;
}
*/
#stree{
height:18px;
color:#333333; font-family:新細明體; font-size:12px; line-height:18px; letter-spacing:0; text-align:left;
}
#stree a{
margin:0 7px; padding:0;
background:no-repeat top right;
color:#bd1313; text-decoration:none;
}
#stree a:hover{
color:#f06600; text-decoration:underline;
}

#footToTop{
	display:block; margin:0; padding:0;
}
#footToTopSized{
	width:1000px;
	margin:0 auto; padding:0;
	text-align:right;
}

/* 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;
}
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:1000px;
	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;
}
/* std page list */
div.stdPageList{
	display:block;
	color:#333333;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	padding:2px 0px;
	margin:12px 6px;
	height:18px;
	text-align:center;
}
div.stdPageList span.currentPage{
	font-weight:bold;
	color:#B31E01;
	padding:1px 5px 0px 5px;
	margin:0;
}
div.stdPageList a{
	color:#0054FF;
	margin:0;
	padding:1px 5px 0px 5px;
	text-decoration:none;
}
div.stdPageList a:hover{
	color:#0563FF;
	text-decoration:underline;
}
div.stdPageList div.total{
	display:inline;
	width:80px;
	padding:0;
	margin:0;
	float:left;
	font-size:1em;
	letter-spacing:0.1em;
	text-align:left;
}
div.stdPageList div.cbx{
	display:inline;
	width:80px;
	padding:0;
	margin:0;
	float:right;
	font-size:1em;
	letter-spacing:0.1em;
	text-align:right;
}
div.stdPageList div.cbx select{
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
/*right css*/
div.rDialog{
	display:block;
	margin:10px 0;
	padding:0;
}
#forum{
	width:300px;height:160px;
	
	min-height:160px;
	background:url('../img/l/blk_bg5.jpg') repeat-x top left;
	
}
#video{
	width:300px;height:147px;
	
	min-height:147px;
	background:url('../img/l/blk_bg6.jpg') repeat-x top left;
}
#survey{
	width:300px;height:212px;
	
	min-height:212px;
	background:url('../img/l/blk_bg7.jpg') repeat-x top left;
}
/* adv */
div.radv{
	padding:0;
	margin:0 0 10px 0;
	width:300px;height:18px;
	line-height:18px;
	text-align:center;
	background-color:#efedee;
}
div.radv a{
	color:#9b696c;
	font-family:Arial, Helvetica, simhei, verdana, sө, sans-serif;
	font-size:0.7em;
	letter-spacing:0.5em;
	display:block;
	padding:0;
	margin:0;
	text-align:center;
	text-decoration:none;
}
div.radv a:hover{
	color:#F11F80;
	text-decoration:none;
}
/* Styles for the Middle Blocks */
#ads2{
	width:300px;height:138px;
	min-height:138px;
	/*background:url('../img/l/bridal_makeup.jpg') no-repeat top left;*/
}
#ads3{
	width:300px;height:138px;
	min-height:138px;
	/*background:url('../img/l/beverley.jpg') no-repeat top left;*/
}

#link a{
	padding:0; margin:0;
	color:#131313; font-size:0.75em; line-height:16px; letter-spacing:0.1em; text-decoration:none;
}
#link{
	padding:0;
	margin:0 0 10px 0;
	width:300px;height:22px;
	line-height:22px;
	text-align:center;
	float:right;
  overflow:hidden;
}
.comptoplist_ul{
	list-style:none;
	margin:0;
	padding:0;
}

.comptoplist_li{
	display:inline;
	float:left;
	margin:0px 2px 2px 2px;
	padding:0;
	width:74px;height:74px;overflow:hidden;
	vertical-align:top;
}
.comptoplist_div{
	width:72px;height:72px;overflow:hidden;
	border:1px solid #e0e0de;
}
.comptoplist_img{
	padding:0;
	margin:0;
	color:#FFFFFF;
	border:none;
}
.comptoplist_a{
	color:#FFFFFF;
	border:none;
}