body{
	font-size: 12px;
}
/*---- 最外層包裝 ----*/
#WRAPPER {
	width: 1024px;
	min-height:920px;
	background:#FCC;
	margin:0 auto;
    margin-top:-7px;
	background:url("../images/bk.png");
    background-repeat: no-repeat;
}
#LEFT{
	float:left;
	width:1024px;
}
#HEADER{
	float:left;
	width:1024px;
	height:90px;
}
#LOGO{
	float:left;
	width:160px;
	height:52px;
	margin:0px;
	padding:0px;
    margin:20px 12px;
	padding:0px;
    text-align: center;
}
#SCHOOLNAME{
    float:left;
	width:350px;
	height:45px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#FAFAE3;
	font-family:"標楷體";
	margin-left:70px;
    display:table;
}
#MENU{
	float:left;
	width:840px;
	height:40px;
	margin-left:0px;
	margin-top:0px;
	padding:0px;
}
#LEFT1{
	float:left;
	width:145px;
	margin:0px;
	padding:0px;
}
#MEMBER{
	float:left;
	font-family:"微軟正黑體";
	font-size:12px;
	width:165px;
	margin:0px;
	padding:0px;
    margin-left:10px;
	margin-top:10px;
	height:115px;
	background:url("../images/member.png");
}
#GOOD{
	float:left;
	width:165px;
	height:50px;
	margin:0px;
    margin-left:10px;
	margin-top:5px;
	background:url("../images/good.png");
}
#RIGHTMENU{
	float:left;
	width:165px;
	height:160px;
	background:url("../images/rightmenu.png");
	margin-top:5px;
	margin-left:10px;
	padding:0px;
}
#RIGHTMENU1{
	float:right;
	margin-top:5px;
	margin-right:80px;
	padding:0px;
}
ul#rightmenu{
	font-size:14px;
	font-family:"微軟正黑體";
	margin:0px;
	padding:0px;
	text-align:right;
	list-style:none;
	width:165px;
	border:0px solid #333;
	margin-top:35px;
	overflow:auto; /* makes sure the container fits the floated list-items below */
}
ul#rightmenu li{
	width:135px;
	text-align:left;
	position:relative; /* allows us to set the z-index */
	z-index:5; /* raises the z-index of the line item 5 levels all other elements */
	margin:0px 10px;
	padding:4px 7px 0px 2px;
	float:left; /* floats list items to the left, creating a horizontal menu */
    border-width:0 0px 0px 0px;
	border-color: #E58A8A;
	border-style:solid;
	color:#E58A8A;
}
ul#rightmenu li a{
	color:#333;
	text-decoration:none;
}
ul#rightmenu li a:hover{
	color:#EB6564;
	text-decoration:none;
	font-weight:bold;
}
ul#rightmenu1{
	font-size:14px;
	font-family:"微軟正黑體";
	margin:0px;
	padding:0px;
	text-align:right;
	list-style:none;
	border:0px solid #333;
	margin-top:10px;
	overflow:auto; /* makes sure the container fits the floated list-items below */
}
ul#rightmenu1 li{
	text-align:left;
	position:relative; /* allows us to set the z-index */
	z-index:5; /* raises the z-index of the line item 5 levels all other elements */
	margin:0px 10px;
	padding:0px 0px 0px 0px;
	float:left; /* floats list items to the left, creating a horizontal menu */
    border-width:0 0px 0px 0px;
	border-color: #E58A8A;
	border-style:solid;
	color:#E58A8A;
}
ul#rightmenu1 li a{
	color:#333;
	text-decoration:none;
}
ul#rightmenu1 li a:hover{
	color:#E58A8A;
	text-decoration:none;
	font-weight:bold;
}
#CALENDER{
	float:left;
	width:165px;
	margin:0px;
    margin-left:10px;
	margin-top:5px;
	height:170px;
	text-align:right;
	background:url("../images/calender.png");
	font-size:12px;
	color:#333;
	font-family:"微軟正黑體";
}
#CALENDER a{
	text-decoration:none;
	margin-right:5px;
	font-size:12px;
	color:#EB6564;
	font-weight:bold;
	font-family:"微軟正黑體";
}
#CALENDER a:hover{
	margin-right:5px;
	color:#666;
	font-family:"微軟正黑體";
}
#MEAL{
	float:left;
	width:165px;
	margin:0px;
    margin-left:10px;
	margin-top:5px;
	height:190px;
	text-align:right;
	font-family:"微軟正黑體";
	font-size:12px;
    background:url("../images/meal.png");
}
#MEAL a{
	text-decoration:none;
	margin-right:5px;
	font-size:12px;
	color:#EB6564;
	font-weight:bold;
	font-family:"微軟正黑體";
}
#MEAL a:hover{
	margin-right:5px;
	color:#666;
	font-family:"微軟正黑體";
}
#RIGHT1{
	float:right;
	width:805px;
	margin:0px;
	padding:0px;
}
#GOODNEWS{
	float:left;
	margin-top:6px;
	margin-left:-5px;
	width:800px;
	height:20px;
	padding-top:5px;
	background:url("../images/goodnews.png");
	text-align:center;
	vertical-align:middle;
	color:#f00;
	font-family:"微軟正黑體";
	font-weight:bold;
	font-size:14px;
}
#MAIN{
	float:left;
	width:800px;
	margin-left:-10px;
	padding:0px;
}
#BOTTOM{
	float:left;
    margin:0px;
	padding:0px;
	width:1024px;
	height:70px;
	background:url("../images/bottom.png");
	vertical-align:middle;
	text-align:center;
	color:#666;
	font-size:12px;
	font-family:"微軟正黑體";
}
p{
	margin-bottom:3px;
	padding-top:5px;
	font-size:14px;
    color:#666;
	font-weight:bold;
	text-align:center;
}
a{
    text-decoration:none;
    color:#EB6564;
}
a:hover{
    color:#666;
}
img{
    border:0px;
}
#login{
    font-size:12px;
    background:#82CBC9;
    color:#fff;
    border:0px;
}
#login:hover{
    margin-left:15px;
    font-size:12px;
    background:#EB6564;
    color:#fff;
    border:1px solid #EB6564;
}
#logout{
    text-decoration:none;
    font-size:12px;
    background:#82CBC9;
    color:#fff;
    padding:3px;
}
#logout:hover{
    font-size:12px;
    background:#EB6564;
    color:#fff;
    border:1px solid #EB6564;
}
ul.message{
    height:95px;
    list-style:none;
    margin-top:5px;
    padding:30px 15px 22px 15px;
    text-align:left;
}
ul.message li{
    margin-top:5px;
    border-width:0px 0px 1px 0px;
    border-style:dashed;
    border-color:#EF8F8F;
    padding-bottom:1px;
}
ul.message2{
    height:90px;
    list-style:none;
    padding:20px 10px 20px 10px;
    text-align:left;
}
ul.message2 li{
    width:148px;
    padding:0px;
    margin-top:5px;
    margin-left:2px;
    border-width:0px 0px 1px 0px;
    border-style:dashed;
    border-color:#EF8F8F;
    padding-bottom:2px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
ul.message3{
    list-style:none;
    height:100px;
    list-style:none;
    padding:0px 0px;
    text-align:left;
}
ul.message3 li{
    width:135px;
    margin-top:3px;
    margin-left:0px;
    border-width:0px 0px 1px 0px;
    border-style:dashed;
    border-color:#EF8F8F;
    padding-bottom:3px;
}
#errordialog {
    display:none;
}
/*內頁樣式*/
#focus{
    background:#E58A8A;
    font-weight: normal;
    color: #fff;
    border: 1px solid #fff;
}
#table1 {
    border-collapse:collapse;
    border-color:#82CBC9;
    border-width:1px;
    border-style:solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #191919;
    -webkit-box-shadow: 1px 1px 1px #191919;
    box-shadow: 1px 1px 1px #191919;
}
#table1 td {
    border-collapse:collapse;
    border-color:#82CBC9;
    border-width:1px;
    border-style:solid;
    height: 20px;
}
#table1 th {
    font-size:12px;
    color:#CE341A;
    font-weight:bold;
    background: url('table_ht_bg.jpg');
    height: 25px;
}
#table1 #th1 {
    border-collapse:collapse;
    background: url('table_ht_bg.jpg');
    color:#CE341A;
    font-family:"微軟正黑體";
    font-size:16px;
    border-color:#fff;
    border-width:1px;
    border-style:solid;
    height: 25px;
}
.meal{
    padding: 0;
    margin: 0;
    margin-left: 10px;
    text-align: left;
    font-size: 12px;
    display: inline-block;
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow:ellipsis;
    font-weight: normal;
    color:#000;
}