html, body {
	height:100%;
    font-family: Arial;
}

/*main pages
bg = background color
hor = horizontal seperator
ver = vertical seperator
*/
.bg_main {
	background-color:#FEF2F1;
}
.hor_main{
	background-image:url("../Image/ISLogInDot_H.jpg");
}

/*teacher pages*/
.bg_teacher {
	background-color:#FBC7AA;
}
.hor_teacher{
	background-image:url("../Image/ISTeacherDot_H.jpg");
}
.ver_teacher{
	background-image:url("../Image/ISTeacherDot_V.jpg");
}

/*student pages*/
.bg_student {
	background-color:#EEE396;
}
.hor_student{
	background-image:url("../Image/ISStudentDot_H.jpg");
}
.ver_student{
	background-image:url("../Image/ISStudentDot_V.jpg");
}

/*frame table : seting the position and size of the stardard frame table, used by all pages*/
.frame_table_size {
	width:1000px; 
	border:0pt;
	height:100%;
	border-width:0pt;
	}
.frame_table_row {
	vertical-align:top;
	}
.frame_table_size_inner {
	width:997px; 
	margin:none;
	padding: none;
}
.frame_table_size_inner td {
border:0px red solid;
}
.frame_table_cell_5 {
	vertical-align:middle;
	text-align:center;
	height:140px;
	}		
.frame_table_cell_5b {
	vertical-align:middle;
	text-align:center;
	height:170px;
	}	
.frame_table_cell_6 {

	font-size:7pt;
	height:10px;
	}	
.frame_table_cell_8 {
	text-align:center;
	vertical-align:top;
	height:200px;
	}	

	
.footer {
	width:997px;
	font-size:9pt;
	font-family: 新細明體;
	height:15px;
	text-align:right;
	color:#666;
	}	
	
	

.topic{font-size:14pt;
font-weight:bold;
margin-left:20px;
}

.table_font{font-size:12pt;
font-family: Arial;
width:650px;
}
.link_font{font-size:14px;
font-family: Arial;
width:650px;
}

.path_link{font-size:14pt;
color:#069;}

.cg{font-size:14pt;
color:#003;
}

.paragraph1 {
	font-size:12pt;
	font-family: 新細明體;
} 


	
.copyright {
	font-size:10pt;
	color:#666;
	}
	
#top_banner {
	background-image:url("images/banner.jpg")}
	

.menu_table {
	width:798px;
	font-size:12pt;
	color:#33C;
	}
	
.frame_table_cell_1 {
	vertical-align:top;
	text-align:right;
	width:220px;
	}
.frame_table_cell_2 {
	vertical-align:top;
	height:40px;
	}
.frame_table_cell_3{
	vertical-align:top;
	width:750px;
	}
.frame_table_cell_4 {
	width:130px;
	text-align:center;
	}


.frame_table_cell_7 {
	width:10px;
	font-size:20pt;
	}

.web_link_table {
	width:400px;
}
.table_add {
	width:80%;
}
.ans_right{
	color:#090;
	visibility:hidden;
	position:relative;
	top:0px;
	left:0px;
}
.ans_wrong{
	color:#F00;
	visibility:hidden;
	position:relative;
	top:0px;
	left:0px;
}
.desc{
	color:#006;
	visibility:hidden;
}
.dv3{
	margin-top: 10px;
	margin-left: 10px;
	text-align:left;
	vertical-align:top;
	width:740px;
}
.screen_bg{
	background-color:#000;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
}
.qtn{
	color:#390;
}
.challenge_table{
	width:600px;
}
.book_table{
	width:650px;
	text-align:left;
}
.book_image{
	text-align:center;
	height:200px;
}
.dictionary_iframe{
	border:0px;
	width:725px;
	height:544px;
}
.div_timer{
	color:#00C;
	font-weight:bolder;
}
.div_score{
	visibility:hidden;
	color:#F00;
	font-weight:bolder;
}
.challenge_table{
	font:Arial, Helvetica, sans-serif;
	color:#303;
	font-size:11pt;
	font-weight:bold;
	width:350px;
}
.replay_button{
	visibility:hidden;
	width:100px;}
.submit_button{
	width:100px;
}

hr {width:600px;}

.number_input{
	width:50px;
}

/* After this line, made for site reconstruction */
.textCE {
    font-family: 新細明體;
	font-size: 10pt;
}
.textEE {
    font-family: Arial;
	font-size: 10pt;
}
.template_sentence {
}
#feedback_form  {
}
.dictionary_tables {
	width:200px;
	text-align: center;
	vertical-align: middle;
	margin-top:0px;
	padding: 4px;
	border: 1px #AAAAAA solid;
	background-color: #FDD373;
}
.dictionary_tables td {
	padding: 5px;
	border: 1px #999999 solid;
	background-color: white;
}
.dictionary_tables .newTd {
	padding:0px;
	vertical-align: middle;
}
.dictionary_tables .newTd a {
	vertical-align: middle;
}
.supplement_tables {
	text-align: center;
	vertical-align: middle;
	margin-top:0px;
	padding: 4px;
	border: 1px #BBBBBB solid;
	background-color: #FFFBDF;
}
.supplement_tables .table_head {
	border-bottom: 2px #BBBBBB solid;
	border-right: 2px #BBBBBB solid;
	background-color: #FD99B5;
	font-size: 10pt;
}
.supplement_tables td {
	border: 1px #BBBBBB solid;
	font-size: 9pt;
	background-color: #FFFFFF;
}
.supplement_tables .newTd {
	padding:0px;
	vertical-align: middle;
}
.supplement_tables .newTd a {
	vertical-align: middle;
}
.p_title {
	font-size:10.5pt;
	margin-bottom:5px;
}
.p_title_side {
	font-size:10pt;
	color: #A81302;
}
.additional_data_small_tableCE td {
	font-size: 10pt;
    font-family: 新細明體;
	color: #101010;
	padding: 3px;
}
.additional_data_small_tableEE td {
	font-size: 9pt;
    font-family: Arial;
	color: #101010;
	padding: 3px;
}
#additional_data_table .disabled_btn{
	color: #999999;
}
.disabled_btn{
	color: #999999;
}
.additional_data_small_tableCE tbody td, .additional_data_small_tableEE tbody td {
	border: 1px #BBBBBB solid;
}
.additional_data_small_tableCE tbody td {
	vertical-align:top;
	height: 23px;
}
.additional_data_small_tableCE{
	width: 110;
}
.additional_data_small_tableEE {
	height: 100px;
	width: 120px;
}
.additional_data_small_tableEE tbody td {
	height: 38px;
	padding-left:6px;
	vertical-align:middle;
}
#additional_data_small_table1 tbody td {
	background-color: #eaf4d5;
}
#additional_data_small_table2 tbody td {
	background-color: #DFF7F7;
}
#additional_data_small_table3 tbody td {
	background-color: #E9D5A9;
}
#additional_data_small_table4 tbody td {
	background-color: #BACAEF;
}
#additional_data_small_table5 tbody td {
	background-color: #F5D8D8;
}