html, body {
    color: #636b6f;
    background-color: #fff;
    font-family:Microsoft JhengHei,serif,sans-serif,cursive,fantasy,monospace;
    font-size:15px;
    margin: 0;
}

footer {
 background-color:black;
 width:100%;
 display:block;
 min-height:400px;
 padding:20px;
 color:white;
}

.tt {
background-color: #FF3b1D;
border-radius: 25px;
display:inline-block;
width:25px;
height:25px; //正圓形，所以寬與高都設一樣
float:left;
text-align:center;
color:white;
margin:5px;
box-shadow: 3px 5px 5px #999;
margin-left:20px;
}


.t2 {
background-color: #95E1D3;
border-radius: 3px;
display:inline-block;
color:black;
margin:5px;
box-shadow: 1px 2px 2px #999;
padding-right:5px;
padding-left:5px;
}


table.list {
    border:2px solid #00A6BE;
    padding: 1px;
    width:100%
}/*some table border's color*/
table.list th {
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px; color: #000; font-weight:normal;
    text-decoration: none;
    padding:1px 1px;
    background: #99CCFF;
    border:1px solid #000;
}
table.list tr:hover { background: #FFFF99; }
table.list tr { background: #ffffff;  }
table.list td {
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    border:1px solid #000;
    padding:1px 1px;
}
table.list tr.run {
    background: #BBFFBB;
}

table.stable {
    border:1px solid #000000;
    padding: 1px;
    width:100%
}/*some table border's color*/
table.stable th {
    font-family: Microsoft JhengHei,Verdana, Arial, sans-serif;
    font-size: 9px; color: #000; font-weight:normal;
    text-decoration: none;
    padding:1px 3px;
    background: #99CCFF;
}
table.stable tr:hover { background: #FFFF99; }
table.stable tr { background: #ffffff;  }
table.stable td {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    border-bottom:1px dotted #ccc;
    padding:1px 3px;
}
table.stable tr.run {
    background: #BBFFBB;
}

.classdiv {
    border:1px #CCCCCC solid;
    background-color:#fffff;
    padding:5px;
    margin-right:10px;
}

.rdatadiv {
    margin:0px;
    padding:10px;
}

.areahref  {
	display:block;
	background-color:#F3D9B1;
	border: 1px solid #C29979;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 50px;
	line-height: 40px;
	margin:5px;
	padding:5px 5px 5px 30px;
	color:#113537;
	font-size:25px;
	font-weight:bold;
}

.areahrefschool  {
	display:block;
	background-color:#A8C256;
	border: 3px solid #C331495;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 25px;
	line-height: 30px;
	margin:5px;
	padding:5px 5px 5px 30px;
	color:#113537;
	font-size:21px;
	font-weight:bold;
}

.servicediv {
	display:block;
	background-color:#F0F2EF;
	border: 1px solid #00498E;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 25px;
	line-height: 25px;
	margin:5px;
	padding:5px 5px 5px 30px;
	font-size:15px;

}

.divwhite {
	 background-color:#FCFCB8;
	 color:#F74125;
	 padding:3px;


}

.serviceaction {
	background-color:#5BC0EB;
	padding:5px;
	margin-left:30px;
     font-size:13px;
}

#topliner {
	height:10px;
	background-color:#A8C256;
}

#toptitle {
	background-color:#F3D98E;
	margin-bottom:20px
}

#toptitle h1 {
color:#A22522;

}

.footer {
    margin-top:30px;
    padding-top:20px;
	height:80px;
    color:#A22522;
	background-color:#ABC256;
}



.colorful {
    color:#A22522;
	background-color:orange;
    padding:3px;
}