body {
	background-repeat : no-repeat; /* 不重複排列 */
	background-position : 50% 0%;
	font-size:12px;
    font-family:"微軟正黑體";
}
a{
	text-decoration:none;
    font-size: 12px;
    color: #EF8F8F;
}
a:hover{
	color:#666;
}
/*---- 最外層包裝 ----*/
#WRAPPER {
	width: 1024px;
	margin:0 auto;
}
#HEADER{
	float:left;
	width:1024px;
	height:75px;
	margin-bottom:2px;
	background:url("../images/header.png");
}
#GOODNEWS{
	float:right;
	width:1024px;
	height:20px;
    background:url("../images/goodnews.png");
	text-align:center;
	vertical-align:middle;
	color:#FF0;
	font-family:"微軟正黑體";
	font-weight:bold;
	font-size:14px;
	margin-top:0px;
}
#LOGO{
	float:left;
	width:200px;
	height:52px;
	margin-top:3px;
    margin-left:30px;
	padding:0px;
    text-align: center;
}
#SCHOOLNAME{
	float:left;
	width:540px;
	font-size:20px;
	font-weight:bold;
	color:#F00;
	font-family:"標楷體";
    margin-top:20px;
	margin-left:0px;
}
#LEFT1{
	float:left;
	width:180px;
	margin-right:15px;
	padding:0px;
}
#MEMBER{
	float:left;
	width:180px;
	margin:0px;
    margin-right:0px;
	margin-top:3px;
	height:150px;
	background:url("../images/member.png");
}
#GOOD{
	float:left;
	width:180px;
	height:50px;
	margin:0px;
    margin-right:0px;
	margin-top:5px;
	background:url("../images/good.png");
}
#CALENDER{
	float:left;
	width:180px;
	margin:0px;
    margin-right:0px;
	margin-top:5px;
	height:200px;
	text-align:right;
	background:url(../images/calender.png);
}
#CALENDER a{
	margin-right:15px;
	font-size:12px;
	color:#EF8F8F;
	font-family:"微軟正黑體";
}
#CALENDER a:hover{
	margin-right:15px;
	color:#666;
	font-family:"微軟正黑體";
}
#MEAL{
	float:left;
	width:180px;
	margin:0px;
    margin-right:0px;
	margin-top:5px;
	height:200px;
	text-align:right;
    background:url(../images/meal.png);
}
#MEAL a{
	margin-right:15px;
	font-size:12px;
	color:#EF8F8F;
	font-family:"微軟正黑體";
}
#MEAL a:hover{
	margin-right:15px;
	color:#666;
	font-family:"微軟正黑體";
}
#RIGHTMENU{
	float:left;
	width:180px;
	height:150px;
	background:url("../images/rightmenu.png");
	margin-top:5px;
	margin-left:0px;
	padding:0px;
}
#RIGHTMENU1{
	float:right;
	margin-top:5px;
	margin-left:0px;
	padding:0px;
}
ul#rightmenu{
	font-size:14px;
	font-family:"微軟正黑體";
	margin:0px;
	padding:0px;
	text-align:right;
	list-style:none;
	width:180px;
	border:0px solid #333;
	margin-top:35px;
	overflow:auto; /* makes sure the container fits the floated list-items below */
}
ul#rightmenu li{
	width:150px;
	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:0px;
	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 8px;
	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:#EB6564;
	font-weight:bold;
	text-decoration:none;
}
ul#rightmenu1 li a:hover{
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
#RIGHT1{
	float:left;
	width:820px;
	margin:0px;
	padding:0px;
}
#MAIN{
	float:left;
	width:820px;
	margin-bottom:5px;
	padding:0px;
}
#MENU{
	float:left;
	width:825px;
	height:32px;
	margin:0px;
	margin-top:5px;
	padding:0px;
	background:url(../images/menu.png);
}
#BOTTOM{
	clear:both;
    margin:0px;
	padding:0px;
	width:1024px;
	height:70px;
	background:url(../images/bottom.png);
	vertical-align:middle;
	text-align:center;
	color:#666;
}
img{
    border:0px;
}
#login{
    font-size:12px;
    background:#EF8F8F;
    color:#fff;
}
#login:hover{
    font-size:12px;
    background:#9BCCAC;
    color:#fff;
    border:1px solid #9BCCAC;
}
#logout{
    font-size:12px;
    background:#EF8F8F;
    color:#fff;
    padding:5px;
}
#logout:hover{
    font-size:12px;
    background:#9BCCAC;
    color:#fff;
    border:1px solid #9BCCAC;
}
ul.message{
    height:105px;
    list-style:none;
    margin-top:5px;
    padding:0px;
    padding:25px 15px;
    text-align:left;
}
ul.message li{
    margin-top:5px;
    border-width:0px 0px 0px 0px;
    border-style:dashed;
    border-color:#EF8F8F;
    padding-bottom:2px;
}
ul.message2{
    height:110px;
    list-style:none;
    padding:19px 10px;
    text-align:left;
}
ul.message2 li{
    width:143px;
    padding:0px;
    margin-top:5px;
    margin-left:5px;
    border-width:0px 0px 1px 0px;
    border-style:dashed;
    border-color:#EF8F8F;
    padding-bottom:5px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
ul.message3{
    list-style:none;
    height:100px;
    list-style:none;
    padding:5px 0px;
    text-align:left;
}
ul.message3 li{
    width:140px;
    padding:0px;
    margin-top:2px;
    margin-left:0px;
    border-width:0px 0px 1px 0px;
    border-style:dashed;
    border-color:#EF8F8F;
    padding-top:2px;
    padding-bottom:2px;
}
#errordialog {
    display:none;
}
/*內頁樣式*/
#focus{
    background:#F9D0D0; 
    font-weight:bold; 
    color: #E58A8B;
    border: 1px solid #fff;
}
#table1 {
    border-collapse:collapse;
    border-color:#EF8F8F;
    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:#EF8F8F;
    border-width:1px;
    border-style:solid;
    height: 20px;
}
#table1 th {
    font-size:12px;
    color:#CE341A;
    font-weight:bold;
    background: url('table_ht_bg.jpg');
    border-color:#EF8F8F;
    border-width:1px;
    height: 25px;
}
#table1 #th1 {
    border-collapse:collapse;
    background: url('table_ht_bg.jpg');
    color:#CE341A;
    font-family:"微軟正黑體";
    font-size:16px;
    border-color:#EF8F8F;
    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;
}
.meal p{
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
    font-size: 12px;
}