body {
margin: 0;
padding: 0;
background: gainsboro;
font-family: "微軟正黑體","Microsoft JhengHei",sans-serif,Verdana;
}
a {
text-decoration: none;
color: royalblue;
}
a img {
border: none;
}
form {
display: inline;
}
input, textarea, select {
font-family: "微軟正黑體","Microsoft JhengHei",sans-serif,Verdana;
}

.doNotDisplay {
display: none;
}

.pageWidth {
width: 600px;
margin: 100px auto;
border: 3px solid WHITE;

-moz-box-shadow: 0 0 20px GRAY;
-webkit-box-shadow: 0 0 20px GRAY;
box-shadow: 0 0 20px GRAY;
}

.pageHeader {
width: 100%;
height: 88px;
color: WHITE;
background: BLACK url("./images/bg_pageHeader.gif");
overflow: hidden;
}
.pageHeader h2 {
float: left;
margin: 26px;
padding-left: 20px;
color: WHITE;
letter-spacing: 3px;
font-size: 24pt;
background: url("./images/bg_bodyMenu.gif") no-repeat;
text-shadow: -1px -1px 3px WHITE, 1px 1px 3px WHITE, 2px 2px 12px BLACK;
}

.loginBody {
padding: 20px;
background: url("./images/bg_login.jpg") no-repeat;
}

.lftext {
margin: 0 10px;
font-size: 9pt;
text-decoration: blink;
color: coral;
}

.font_label {
margin: 0 5px;
letter-spacing: 1px;
color: darkblue;
cursor: pointer;
}

.span_showmsg {
position: fixed;
right: 50px;
bottom: 50px;
padding: 2px 12px;
border: 4px solid tomato;
color: orangered;
background-color: whitesmoke;
font-size: 18pt;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

-moz-animation: fadeOutRight 1s 2s ease both;
-webkit-animation: fadeOutRight 1s 2s ease both;
-o-animation: fadeOutRight 1s 2s ease both;
-ms-animation: fadeOutRight 1s 2s ease both;
-khtml-animation: fadeOutRight 1s 2s ease both;
animation: fadeOutRight 1s 2s ease both;
}