/* CSS Document */

body {
	background-color:#CCCCCC;
	margin:0px;
	padding:0px;
	height:100%; 
	width:100%; 
	position:fixed;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../../img/guest/back.jpg);
	}
.border_l,.border_r{padding:0px; margin:0px; width:7px;}
.border_l{ background:url(../../img/guest/back_l.jpg) repeat-y;}
.border_r{ background:url(../../img/guest/back_r.jpg) repeat-y;}
img{border:0px}
#over { 
	height:100%;
	width:100%;
	overflow:auto;
	position:relative;
	display:block;
	text-align:center;
	}
#content {
	width:95%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	border-collapse:collapse; 
	border:0px solid;
	}

#top{
	width:100%;
	padding:0px;
	margin:0px;
	height:193px;
	}
#topimg1 {background:url(../../img/guest/0.gif) no-repeat; width:344px; height:132px;}
#topimg2 {background:url(../../img/guest/1.gif) repeat-x;  height:132px;}
#topimg3 {background:url(../../img/guest/2.gif) no-repeat; width:429px; height:132px;}
#mainback{background-color:#FFFFFF; text-align:center; padding:0px; margin:0px;}
.top_menu {
	height:26px;
	background:url(../../img/guest/menu_back.gif) repeat-x;
	text-align:center;
	}
.top_menu ul{margin:0px; padding:0px; list-style:none;}
.top_menu li{margin:0px; padding:0px; float:left;}
ul.layer{
	margin-top:7px;
	border-collapse:collapse;
	}

ul.layer li{border-right:#8B8989 2px solid; background:#FFCC99;}
ul.layer a{
	color:#000000;
	font-size:80%;
	text-decoration:none;
	padding-left:6px;
	padding-right:6px;
	line-height:23px;
	white-space:nowrap;
	}
.top_menu .larrow{
	background:url(../../img/guest/larrow.gif) no-repeat;
	width:27px;
	height:26px;
	float:left;
	}
.top_menu .rarrow{
	background:url(../../img/guest/rarrow.gif);
	width:9px;
	height:26px;
	float:left;
	}
.top_menu .topMenu ,.top_menu .topMenuTurn{
	width:105px;
	height:26px;
	display:block;
	font-size:80%;
	line-height:26px;
	color:#333333;
	text-decoration:none;
	letter-spacing:3pt;
	cursor: pointer;
	
	}
.top_menu .topMenuTurn {
	background:url(../../img/guest/menu_botton_turn.gif) no-repeat;
	color:#FFFFFF;
	}
.top_menu .topMenu {
	background:url(../../img/guest/menu_botton.gif) no-repeat;
	color:#333333;
	}
#search{
	background:url(../../img/guest/search_back.gif) repeat-x #8A8888;
	width:auto;
	height:35px;
	text-align:left;
	border-bottom:#000000 1px solid;
	}
#left_menu{
	background:#CECDCD;
	width:170px;
	border-right:#000000 1px solid;
	padding:0px;
	margin:0px;
	text-align:center;
	}
#left_shadow{
	background:url(../../img/guest/left_shadow.gif) no-repeat;
	width:inherit;
	height:16px;
	}
#left_menu_title{
	background:url(../../img/guest/left_menu_title.gif) no-repeat;
	width:170px;
	height:32px;
	line-height:32px;
	color:#FFFFFF;
	letter-spacing:5pt;
	font-size:80%;
	}
#left_login_title{
	background:url(../../img/guest/left_login_title.gif) no-repeat;
	width:170px;
	height:32px;
	color:#FFFFFF;
	letter-spacing:5pt;
	font-size:80%;
	line-height:32px;
	}
#left_menu ul.button,ul.button2{
	border-bottom:#000000 1px solid;
	}
#left_menu ul.button,#left_menu ul.button2{margin:0px; padding:0px; list-style:none;}
#left_menu ul.button li,#left_menu ul.button2 li{margin:0px; padding:0px;}
#left_menu ul.button a,#left_menu ul.button2 a{
	background:url(../../img/guest/left_menu_button.gif) no-repeat;
	width:170px;
	height:25px;
	display:block;
	line-height:25px;
	color:#333333;
	text-decoration:none;
	letter-spacing:3pt;
	font-size:80%;
	}
#left_menu ul.button a:hover{
	background:url(../../img/guest/left_menu_button_turn.gif) no-repeat;
	width:170px;
	height:25px;
	display:block;
	color:#000000;
	}
#left_menu ul.button2 a:hover{
	background:url(../../img/guest/left_menu_button_turn2.gif) no-repeat;
	width:170px;
	height:25px;
	display:block;
	color:#000000;
	}
#right_menu{
	background:#E6E6E6;
	width:170px;
	border-left:#000000 1px solid;
	padding:0px;
	text-align:center;
	}
#right_menu img{border:0px;}
#right_shadow{
	background:url(../../img/guest/right_shadow.gif) no-repeat;
	width:inherit;
	height:15px;
	}
.right_title{
	background:url(../../img/guest/right_title.gif) no-repeat;
	width:170px;
	height:26px;
	color:#333333;
	letter-spacing:5pt;
	font-size:10pt;
	line-height:26px;
	}
.right_info{
	height:170px; 
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}
#left_menu,#right_menu{height:72%;}
#address{ height:50px; background:#505050; border-top:#000000 solid 1px;}
address{ font-size:80%; color:#FFFFFF; font-style:normal;}
address a{color:#00FFFF}
#news_info{ margin-left:15px; margin-right:15px; margin-top:15px; text-align:left; margin-bottom:15px;}

.news_m_title1, .news_title1{width:31px; height:23px; padding:0px;}
.news_title1{background:url(../../img/guest/title1_1.gif) no-repeat;}
.news_m_title1{background:url(../../img/guest/title2_1.gif) no-repeat;}

.news_m_title2, .news_title2{height:23px; padding:0px; text-align:left;}
.news_title2{background:url(../../img/guest/title1_2.gif) repeat-x;}
.news_m_title2{background:url(../../img/guest/title2_2.gif) repeat-x;}

.news_m_title3, .news_title3{width:15px; height:23px; padding:0px;}
.news_title3{background:url(../../img/guest/title1_3.gif) no-repeat;}
.news_m_title3{background:url(../../img/guest/title2_3.gif) no-repeat;}

h1.title,p.title{
	color:#FFFFFF;
	font-size:10pt;
	font-weight:bold;
	letter-spacing:3pt;
	margin:0px;
	}

table.news{
	border-collapse:collapse;
	border:0px solid;
	margin-top:5px;
	width:97%;
	margin-bottom:10px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	}
table.news td{
	line-height:25px;
	border-bottom:#CCCCCC 1px solid;
	}
table.news .type{width:75px; color:#000000;}
table.news .type img{margin-right:8px;}
table.news .title a{color:#0000FF; text-decoration:none;}
table.news .title a:hover{color: #ff6600;}
table.news .date{width:105px; text-align:right;}
table.newsindex{
        border-collapse:collapse;
        border:0px solid;
        margin-top:5px;
        width:97%;
        margin-bottom:10px;
	font-size:80%;
        text-align:left;
        margin-left:auto;
        margin-right:auto;
        }
table.newsindex td{
        line-height:25px;
        border-bottom:#CCCCCC 1px solid;
        }
table.newsindex .type{width:75px; color:#000000;}
table.newsindex .type img{margin-right:8px;}
table.newsindex .title a{color:#0000FF; text-decoration:none;}
table.newsindex .title a:hover{color: #ff6600;}
table.newsindex .date{width:105px; text-align:right;}

.more{text-align:right;	margin-top:3px; margin-bottom:10px; }
.more a{
	color:#333333; 
	font-size:80%; 
	text-decoration:none;
	}
.more a:hover{color:#0066FF;}
.cate_more{text-align:center; margin-top:3px; margin-bottom:10px; }
.cate_more a{
	letter-spacing:3pt;
	color:#333333; 
	font-size:10pt; 
	text-decoration:none;
	}
.cate_more a:hover{color:#0066FF;}
#login{
	margin-top:0px;
	text-align:center;
	font-size:9pt;
	}
#login form{
	margin-top:7px;
	padding-top:0px;
	}
.in{
	margin-top:5px;
	}
input { text-indent : 2px; border:#000000 solid 1px; }
input,textarea, select { color: #333; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
ul.course{ list-style:decimal;}
ul.course li{line-height:20px; margin-bottom:2pt;}
ul.course table,
table.rule
{line-height:23px;}
ul.course table,
ul.course table td,
table.rule,
table.rule td
{ border:#666666 1px solid;}
ul.course table .about{ padding:3pt}
.course_title{ text-align:center; font-weight:bold;}
.course_e{text-align:right; color:#666666; font-style:italic; font-size:9pt;}
table.rule{width:98%; margin:auto;}
table.rule .rule_name{background-color:#99FFFF; text-align:center; color:#990000}
table.rule a{color:#0000FF; text-decoration:none;}
table.rule a:hover{color:#ff6600;}

.rtable .tb1{background:url(../../img/guest/t1.jpg) no-repeat; width:34px; height:26px; float:left;}
.rtable .tb2{background:url(../../img/guest/t2.jpg) repeat; height:26px; color:#333333;}
.rtable .tb3{background:url(../../img/guest/t3.jpg) no-repeat; width:35px; height:26px; float:right;}

.rtable .tb1,.rtable .tb3{display:block;}

.rtable .rtext{letter-spacing:5pt; font-size:10pt; line-height:26px; padding-left:7px; text-align:left; float:left;}
.rtable .tborder{
	border-left:#B0AFAF 2px solid; 
	border-right:#B0AFAF 2px solid; 
	border-bottom:#B0AFAF 2px solid;
	height:170px;
	}

.webhistory li{
	float:left
	}
.trp{
	height:170px;
	overflow:auto;
	}
.rtable .tborder ul{
	padding:0px;
	margin:0px;
	list-style:url(img/guest/p_1.gif);
	font-size:12px;
	margin-top:10px;
	}
.rtable .tborder li{ margin-left:20px; margin-right:5px; line-height:18px; margin-top:10px;}
.rtable .tborder a{color:#0000FF;}
.rtable .tborder a:hover{color:#ff6600; text-decoration:underline}

/*************************oldcsie_teacher_css*************************/
.news_more_title,.news_more_title2{
	width:700px;
	height:23px;
	padding:0px;
	}
.news_more_title2{background:url(../../img/guest/body_more_title2.gif) no-repeat;}
.news_more_title{background:url(../../img/guest/body_more_title.gif) no-repeat;}
#news_more_info{ width:700px; margin-left:auto; margin-right:auto; margin-top:16px; text-align:left; margin-bottom:20px;}
h1.title1,p.title1{
	line-height:23px;
	color:#FFF;
	font-size:10pt;
	font-weight:bold;
	letter-spacing:3pt;
	margin-left:30px;
	margin-right:0px;
	margin-bottom:0px;
	}	
	
	
ul.lab_menu1{margin:0px; padding:0px; list-style:none; clear:left; display:block;}
ul.lab_menu1 li{float:left; line-height:20px; width:170px;; background:url(../../img/guest/p_1.gif) no-repeat; background-position:left;
 padding-left:10px; margin-right:6px; margin-bottom:6px;}
div.top{text-align:right; margin-top:5px}
div.top a,
ul.lab_menu1 li a,
table.hardware a,
table.ploy a,
.item a
{color:#0000FF; text-decoration:none;}

.name a:hover,
.teacher_down a:hover,
.teacher_intro a:hover,
div.top a:hover,
ul.lab_menu1 li a:hover,
table.hardware a:hover,
table.ploy a:hover,
.item a:hover
{color: #ff6600;}

ul.lab_menu1 li a,
table.hardware a,
table.ploy a,
.item a
{color:#0000FF; text-decoration:none;}
ul.lab_menu1{margin:0px; padding:0px; list-style:none; clear:left; display:block;}
ul.lab_menu1 li{float:left; line-height:20px; width:30%; background:url(../../img/guest/p_1.gif) no-repeat; background-position:left;
 padding-left:10px; margin-right:6px; margin-bottom:6px;}
 
 
 /*******************************************************************/
 
.question{color:#0000FF; text-decoration:none;font-size:10pt;}
.question:hover{color: #ff6600;font-size:10pt;}
questiont:hover{color: #ff6600;font-size:10pt;}
questiont {color: #FFFF00;font-size:10pt;}
.calendar_table{border:2px #DDDDDD dotted; border-collapse:collapse; text-align:center; margin:auto;}
.calendar_week{ background-color:#ffcfbf; text-align:center; font-size:10pt; }
.calendar_title{ background-color:#ffeeee; text-align:left; font-size:10pt;color:#000000; }
.ccc{color:#bed9f3; text-align:left; font-size:10pt;color:#000000; }
/**/
.resendmailt{ background-color:#bcd7ff; text-align:center; font-size:10pt; }
.resendmail{ background-color:#ddeaff; text-align:left; font-size:10pt; }
.errmsg{ color:#FF0000; font-size:8pt;}



/**********帳號問題**********/
ul.question{
	border-bottom:#000000 1px solid;
	}
ul.question{margin:0px; padding:0px; list-style:none;}
ul.question{margin:0px; padding:0px;}
ul.question a{
	background:url(../../img/guest/left_menu_button.gif) no-repeat;
	width:170px;
	height:25px;
	display:block;
	line-height:25px;
	color:#333333;
	text-decoration:none;
	letter-spacing:3pt;
	font-size:10pt;
	}
ul.question a:hover{
	background:url(../../img/guest/left_menu_button_turn3.gif) no-repeat;
	width:170px;
	height:25px;
	display:block;
	color:#000000;
	}
.stcoursechines{
	list-style-type:none;
}
/*基本能力指標及檢定機制 */
.stskilltb{
	width:600px;
	border : 2px dotted #9CF;
	background-color:#fff;	
}
.stskillth{
	background-color:#DDD;
	text-align:center;
}
.stskilltd{
	background-color:#8ABBEB;
}
/* for accesskey */
.white:link { text-decoration: none;  color: #FFFFFF }
.white:visited { text-decoration: none; color:#FFFFFF }
.white:hover { text-decoration: none;  color: #ff0000 }
.position{
        font-size:11px;
        color: #999999;
}
.position a:link{
        font-size:11px;
        color: #999999;
}
.position a:visited{
        font-size:11px;
        color: #999999;
}
.position a:hover{
        font-size:11px;
        color: #000000;
}