body{
	font-size: 12px;
}
table {
	font-size: 12px;
	
}
td {

}
.student_state_color_1{
	background-color:#0c8303;	/*正常時間*/
	color:#fff;
}
.student_state_color_2{
	/*background-color:#d90504;*/	/*未到達學校*/
	/*color:#fff;*/
}
.student_state_color_2_def{
	background-color:#d90504;	/*未到達學校*/
	color:#fff;
}
.student_state_color_3{
	background-color:#FA8000;	/* 遲到達學校*/
	color:#fff;
}
.student_state_color_4{
	background-color:#8103c9;	/* 請假*/
	color:#ffffff;
}

.reader_point{
	filter:alpha(opacity=80);
	opacity: 0.8; 
	z-index: 999;
	position: absolute; 
	width:10px;
	height:10px;
	top:0px;
	left:0px; 
}
.reader_point_color{
	background-color: #FDFF73;
}
.reader_point_warning{
	background-color: #FF3937;
}

.reader_exception_time{
	font-size: 8px;
	background-color: #B7FF73;
	display:none;
	filter:alpha(opacity=80);
	opacity: 0.8; 
	z-index: 999;
	position: absolute; 
	width:120px;
	height:10px;
	top:0px;
	left:0px; 
	cursor: pointer;
}



#div_warning_tab li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }

#div_warning{
	width:1000px;
	height:550px;
}
#div_warning div{
	height:550px;
}
.log_map_0{ 
font-size: 10px;
border-style: solid;
border-width:1px;
border-color: #fff;
background-color: #BE6100;
filter:alpha(opacity=80);
opacity: 0.8;
z-index: 990;
position: absolute;
}
.log_map_1{ 
font-size: 10px;
border-style: solid;
border-width:1px;
border-color: #fff;
background-color: #DC7100;
filter:alpha(opacity=80);
opacity: 0.8;
z-index: 991;
position: absolute;
}
.log_map_2{ 
font-size: 10px;
border-style: solid;
border-width:1px;
border-color: #fff;
background-color: #FA8000;
filter:alpha(opacity=80);
opacity: 0.8;
z-index: 992;
position: absolute;
}
.log_map_3{ 
font-size: 10px;
border-style: solid;
border-width:1px;
border-color: #fff;
background-color: #FF8F19;
filter:alpha(opacity=80);
opacity: 0.8;
z-index: 993;
position: absolute;
}
.log_map_4{ 
font-size: 10px;
border-style: solid;
border-width:1px;
border-color: #fff;
background-color: #FF9D37;
filter:alpha(opacity=80);
opacity: 0.8;
z-index: 994;
position: absolute;
}
.log_map_5{ 
font-size: 10px;
border-style: solid;
border-width:1px;
border-color: #fff;
background-color: #FFAC55;
filter:alpha(opacity=80);
opacity: 0.8;
z-index: 995;
position: absolute;
}
.log_map_6{ 
font-size: 10px;
border-style: solid;
border-width:1px;
border-color: #fff;
background-color: #FFBB73;
filter:alpha(opacity=80);
opacity: 0.8;
z-index: 996;
position: absolute;
}
.log_map_7{ 
font-size: 10px;
border-style: solid;
border-width:1px;
border-color: #fff;
background-color: #FFC991;
filter:alpha(opacity=80);
opacity: 0.8;
z-index: 997;
position: absolute;
}
.log_map_8{ 
font-size: 10px;
border-style: solid;
border-width:1px;
border-color: #fff;
background-color: #FFD8AF;
filter:alpha(opacity=80);
opacity: 0.8;
z-index: 998;
position: absolute;
}
.log_map_9{ 
font-size: 10px;
border-style: solid;
border-width:1px;
border-color: #fff;
background-color: #FFE7CD;
filter:alpha(opacity=80);
opacity: 0.8;
z-index: 999;
position: absolute;
}
.class_state { 
	width: 47%;
	padding: 0.5em;
	margin: 0.5em;
	float:left;
}
.class_state  h3 { 
	text-align: center;
	margin: 0;
}
.class_state  table { 
	width:100%;
	text-align: center;
	margin: 0;
}
.class_state_pern { 
	width:100%;
	text-align: center;
	border-width:0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:8px;
	
}
.class_state_pern tr{ 
	margin: 0px;
	padding: 0px;
	
}
.class_state_pern td{ 
	margin: 0px;
	padding: 0px;
	
}
.tablestyle_def_color_th{
	background-color: #5592D3;
	color: #ffffff;
	padding : 3px;
}
.tablestyle_def_color_tr{
	background-color: #C5DEF3;
	padding : 3px;
}
.tablestyle_def_color_tr2{
	background-color: #EBF4FB;
	padding : 3px;
}
.tablestyle_def_hover{
	background-color: #FFCDE5;
}

.button_confirm{
	background-color: #FDFF55;
}
.button_confirm2{
	background-color: #FDFF55;
}
.button_showdata{
	background-color: #BB73FF;
}
.button_upload{
	background-color: #FF73B7;
}
.button_add{
	background-color: #FF73B7;
}
.button_del{
	background-color: #FF9291;
}
.button_update{
	background-color: #73FFBB;
}
.copyright{
	color:#ffffff;
}
.copyright a:link{
	color:#ffffff;
}
.copyright a:visited{
	color:#ffffff;
}