html, body {
background-color: #fff;
color: #222222;
font-family:Microsoft JhengHei,serif,sans-serif,cursive,fantasy,monospace;
font-family: "Microsoft JhengHei", "LiGothic", "FangSong", Arial, serif;
margin: 0;
}

input[type=number]{
    width: 100px;
    text-align:center;
    padding: 1px 1px 1px 1px;
    font-size:20px;
}
footer {
 background-color:#4c4c4E;
 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;
}



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;
}