/*-------------------------------
 File	: styleM.css
 Author	: Sam Lin
---------------------------------*/

FORM
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
BODY
{
	/* for chinese font */
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;

	font-family : 細明體, Tahoma, Verdana, Arial;
	font-size : 13px;
	color : #535353;
	letter-spacing: 1px;
	line-height: 150%;
}
TH
{
	font-family : 細明體, Arial, Tahoma, Verdana;
	font-size : 13px;
	color : #FFFFFF;
	letter-spacing: 1px;
	line-height: 100%;
	font-weight: normal;
	background-color: #668fa2;
	border-top: 1px solid #769fb2;
	border-left: 1px solid #769fb2;
	border-bottom: 1px solid #567f92;
}
TD, P
{
	font-family : 細明體, Tahoma, Verdana, Arial;
	font-size : 13px;
	color : #535353;
	letter-spacing: 1px;
	line-height: 150%;
}
IMG{ border:0px;}
A
{
	font-family : 細明體, Tahoma, Verdana, Arial;
	font-size : 13px;
	color: #e89348;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 150%;
}
A:hover
{
	font-family : 細明體, Tahoma, Verdana, Arial;
	font-size : 13px;
	color: #EF8421;
	letter-spacing: 1px;
	text-decoration: underline;
	line-height: 150%;
}
INPUT.cssTxtFld
{
	font-family : 細明體, Tahoma, Verdana, Arial;
	font-size : 13px;
	color: #666666;
	border-top: 0px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	padding: 5 5 3 5;
	background-image:url(../images/bgInputFld.gif);
	background-repeat:no-repeat;
	height: 22px;
}
SELECT
{
	font-family : 細明體, Tahoma, Verdana, Arial;
	color: #666666;
}
.cssToolBar
{
	background-color: #F3F3F3;
	border-top: 2px solid #AAAAAA;
	border-left: 2px solid #AAAAAA;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.cssMiniDate
{
	font-family : Verdana, Arial;
	font-size : 10px;
	color : #535353;
	line-height: 100%;
}
.cssMiniToday
{
	font-family : Verdana, Arial;
	font-size : 10px;
	color : #995353;
	line-height: 100%;
}
.cssVMenu
{
	font-family : "細明體", Tahoma, Arial;
	font-size : 13px;
	color: white;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 1px;
}
.cssVMenu:hover
{
	font-family : "細明體", Tahoma, Arial;
	font-size : 13px;
	color: white;
	text-decoration: underline;
	font-weight: normal;
	background-color: transparent;
	letter-spacing: 1px;
}
.cssSmlText
{
	font-family : "細明體", Tahoma, Arial;
	font-size : 11px;
	color : #535353;
	font-weight: normal;
}
.cssTopMnuLnk
{
	font-family : "細明體", Tahoma, Arial;
	font-size : 13px;
	font-weight: normal;
	color : white;
	text-decoration: none;
	letter-spacing: 1px;
}
.cssTopMnuLnk:hover
{
	font-family : "細明體", Tahoma, Arial;
	font-size : 13px;
	font-weight: normal;
	color : black;
	text-decoration: none;
	letter-spacing: 1px;
}
.cssTabLabelOff
{
	background-image:url('../images/tabOffBg.gif');
}
.cssTabLabelOn
{
	background-image:url('../images/tabOnBg.gif');
}
.cssTabLabelOver
{
	background-image:url('../images/tabOverBg.gif');
}
div.blkContent {
	position:absolute; visibility:hidden;
	left:0px; top:0px;
	padding: 5px 5px 5px 5px;
	z-index:10;
	}
div.blkUp { position:absolute; left:0; top:0; z-index:12 }
div.blkDown { position:absolute; left:0; bottom:0; z-index:13 }
td.blkScrollLinks { width:12px }
.cssBlockTitle
{
	font-family : 細明體, Arial, Tahoma, Verdana;
	font-size : 13px;
	color : #FFFFFF;
	letter-spacing: 1px;
	line-height: 100%;
	font-weight: normal;
	background-color: #8F9964;
	border-top: 1px solid #AFC984;
	border-left: 1px solid #AFC984;
	border-right: 1px solid #5F6934;
	border-bottom: 1px solid #5F6934;
}
.cssTitle
{
	font-family : 細明體, Arial, Tahoma, Verdana;
	font-size : 16px;
	color : #7abe2d;
	letter-spacing: 1px;
	font-weight: bold;
}
.cssButton
{
/*	filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#FCFCFC,endcolorstr=#CECECE);*/
	/*font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
	border: 0px solid #ffffff;
	background-color: #4d7299;
	background-image: url(../images/btn_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0.25em 0.25em 0em 0.25em;*/
}
div#fixme {
	/* IE5.5+/Win - this is more specific than the IE 5.0 version */
	right: auto; bottom: auto;
	left: expression( ( -20 - fixme.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( -10 - fixme.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
.cssData{
	font-family : 細明體, Arial, Tahoma, Verdana;
	font-size : 13px;
	color : green;
}
/* RULES FOR THE "MENUDIV" OBJECT */
/* An absolutely positioned and hidden DIV (treated as a layer in NS4). */
.menudiv {
	position: absolute;
	visibility: hidden;
	z-index: 1000;
	border: 1px solid #899d76;
	/* Borders:     Top    Right  Bottom    Left   */
	/* border-color: #FFFFCC #666633 #666633 #FFFFCC;*/
	background-color: #92ac66;
	/* layer-background-color is non-standard and NS4 only. */
	layer-background-color: #92ac66;
	padding: 0px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	/* Here's a cool effect, try uncommenting this, althought it's non-standard: */
	filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;
}

/* Formatting to apply to the elements inside the "menudiv" class elements. */
/* Of course, you can put whatever you want within the menu divs, these are just examples. */
.menudiv .header {
 width: 100%;
 font-weight: bold;
 text-align: center;
 border-bottom: 2px dashed #999966;
 margin-bottom: 5px;
}

.menudiv a {
	display: block;
	/* I've specified borders for each side individually so NS4 ignores this setting */
	/* border-top: 1px solid #CCCC99;
	border-right: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	border-left: 1px solid #CCCC99;*/
	font-family : "細明體", Tahoma, Arial;
	color : white;
	font-size : 13px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 1px;
}

/* I'm using :hover and :active pseudo-classes for link mouse effects. */
.menudiv a:hover {
	font-family : "細明體", Tahoma, Arial;
	font-size : 13px;
	text-decoration: underline;
	font-weight: normal;
	background-color: transparent;
	letter-spacing: 1px;
}
/*.menudiv a:active {
 border: 1px solid #003366;
 border-color: #000000 #3366CC #3366CC #000000;
 background-color: #003366;
 color: #FFFFFF;
}*/

/*
The script will automatically assign a class of "highlighted" to elements that currently
have an active submenu, so here's a little CSS to format links within a .menudiv element.
*/
.menudiv .highlighted {
 background-color: #6d8a51;
 border-color: #336699;
 color: #FFFFFF;
}

/* The links in the upper-left that pop out 'divMenu' menus. */
.trigger a {
 font: Bold 14px Arial, Helvetica, sans-serif;
 color: #003366;
 text-decoration: none;
}

/* Likewise, style active trigger links */
.trigger a.highlighted {
 color: #CC9966;
}