/*---- 最外層包裝 ----*/
body{
	margin:0px;
	padding:0px;
}
#WRAPPER{
	width: 1024px;
	height:1400px;
	background:url("../images/bk.png");
	margin:0 auto;
    background-size: 100% 100%;
}
#WRAPPER:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
#HEADER{
	float:left;
	width:1024px;
	height:80px;
}
#LEFT1{
	float:left;
	height:80px;
	margin-left:10px;
	padding:0px;
}
#LOGO{
	float:left;
	width:210px;
	height:52px;
	margin-top:16px;
    margin-left:5px;
	padding:0px;
    text-align: center;
}
#SCHOOLNAME{
	float:left;
	width:540px;
	font-size:20px;
	font-weight:bold;
	color:#36F;
	font-family:"標楷體";
    margin-top:20px;
}
#RIGHT1{
	float:right;
	width: 200px;
	height:50px;
	margin:0px;
	padding:0px;
	font-family:"微軟正黑體";
	font-size:14px;
}
#RIGHT1 ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	float:right;
}
#RIGHT1 li {
	float:left;
	font-size:14px;
}
#RIGHTMENU{
	float:right;
	margin-top:5px;
	padding:0px;
	width:300px;
	height: 50px;
}
#RIGHTMENU1{
	float:left;
	height:200px;
	background:url("../images/rightmenu.png");
	margin-top:5px;
	margin-left:10px;
	padding:0px;
}
ul#rightmenu{
	clear:both;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align:right;
	list-style:none;
	border:0px solid #333;
	overflow:auto; /* makes sure the container fits the floated list-items below */
}
ul#rightmenu li{
	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 */
	padding:0px 7px 0px 2px;
	float:left; /* floats list items to the left, creating a horizontal menu */
    border-width:0 0px 0 0px;
	border-color: #fff;
	border-style:solid;
	color:#fff;
}
ul#rightmenu li a{
	color:#666;
	font-weight:bold;
	text-decoration:none;
}
ul#rightmenu li a:hover{
	color:#fff;
	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-left:10px;
    margin-top: 50px;
	overflow:auto; /* makes sure the container fits the floated list-items below */
}
ul#rightmenu1 li{
	width:140px;
	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;
	text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
ul#rightmenu1 li a{
	color:#333;
	text-decoration:none;
}
ul#rightmenu1 li a:hover{
	color:#E62676;
	text-decoration:none;
	font-weight:bold;
}
#MENU{
	float:right;
	width:800px;
	height:25px;
	margin-left:0px;
	margin-top:5px;
	padding:0px;
}
#LEFT{
	float:left;
	width:200px;
	margin:0px;
	padding:0px;
}
#MEMBER{
	float:left;
	font-family:"微軟正黑體";
	font-size:12px;
	width:180px;
	margin:0px;
	padding:0px;
    margin-left:15px;
	margin-top:5px;
	height:150px;
	background:url("../images/member.png");
}
#MEAL{
	float:left;
	width:180px;
	margin:0px;
    margin-left:15px;
	margin-top:5px;
	height:220px;
	text-align:right;
	font-family:"微軟正黑體";
	font-size:12px;
    background:url("../images/meal.png");
}
#MEAL a{
	text-decoration:none;
	margin-right:15px;
	font-size:12px;
	color:#f36;
	font-family:"微軟正黑體";
}
#MEAL a:hover{
	margin-right:15px;
	color:#38BCDB;
	font-family:"微軟正黑體";
}
ul.message{
    height:80px;
    list-style:none;
    margin-top:15px;
    padding:0px;
    padding:40px 15px;
    text-align:left;
}
#GOOD{
	float:left;
	width:180px;
	height:55px;
	margin:0px;
	padding:0px;
    margin-left:15px;
	margin-top:5px;
	background:url("../images/good.png");
	font-family:"微軟正黑體";
}
#RIGHT{
	float:left;
	width:820px;
    margin:0px;
	padding:0px;
	min-height:400px;
}
#GOODNEWS{
	float:left;
	width:800px;
	height:22px;
	margin:0px;
	padding:0px;
	padding-top:5px;
    background:url("../images/goodnews.png");
	text-align:center;
	vertical-align:middle;
	color:#F66;
	font-family:"微軟正黑體";
	font-weight:bold;
	font-size:14px;
}
#MAIN{
	float:left;
	width:810px;
	margin-left:0px;
	margin-top:10px;
	padding:0px;
}
#photo{
	float:left;
	width:800px;
	height:180px;
	margin:5px 25px 5px 0px;
	padding:25px 20px;
}
.img{
	float:left;
	text-align:left;
	width:210px;
	height:145px;
	margin:22px 0px 0px 35px;
	border:1px dashed #CCC;
    border-radius: 10px;
}
#BOTTOM{
	clear:both;
	float:left;
    margin:0px;
	padding:0px;
	width:1024px;
	height:70px;
	vertical-align:middle;
	text-align:center;
	margin-left:50px;
	margin-top:10px;
	color:#666;
	font-size:12px;
	font-family:"微軟正黑體";
}
p{
	margin-bottom:3px;
	padding-left:30px;
	padding-top:0px;
	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:#38BCDB;
    color:#fff;
}
#login:hover{
    font-size:12px;
    background:#fff;
    color:#333;
    border:1px dotted #38BCDB;
}
#logout{
    text-decoration:none;
    font-size:12px;
    background:#B4DEDD;
    color:#fff;
    padding:5px;
}
#logout:hover{
    font-size:12px;
    background:#38BCDB;
    color:#333;
    border:1px solid #9BCCAC;
}
ul.message3{
    list-style:none;
    height:120px;
    list-style:none;
    padding:5px 0px;
    text-align:left;
}
ul.message3 li{
    width:145px;
    padding:0px;
    margin-top:3px;
    margin-left:0px;
    border-width:0px 0px 1px 0px;
    border-style:dashed;
    border-color:#EF8F8F;
    padding-bottom:3px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
#errordialog {
    display:none;
}
/*內頁樣式*/
body {
    background-color:transparent;
    font-size: 12px;
    min-height:0px;
}
#focus{
    background:#2EAFCE; 
    font-weight: normal; 
    color: #fff;
    border: 1px solid #fff;
}
#table1 {
    border-collapse:collapse;
    border-color:#38BCDB;
    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:#38BCDB;
    border-width:1px;
    border-style:solid;
    height: 20px;
}
#table1 th {
    font-size:12px;
    color:#CE341A;
    font-weight:bold;
    background:#38BCDB;
    height: 25px;
}
#table1 #th1 {
    border-collapse:collapse;
    background:#38BCDB;
    color:#CE341A;
    font-family:"微軟正黑體";
    font-size:16px;
    border-color:#78CBE6;
    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;
}