body { width:100%;font-family:Microsoft JhengHei,MingLiU,Arial,sans-serif;font-size:1em;color:#000000;margin:0}
form {font-family:Microsoft JhengHei,Arial; font-size: 1em; margin:0; }
p { margin:0; font-family:Microsoft JhengHei,Arial; }
input { font-family:Microsoft JhengHei,Arial;font-size:1em;color:#000000;vertical-align:middle;border-radius:5px; }
input[type=text] { border-radius:3px; }
input.pwdtext { font-family:Arial,MingLiU,sans-serif; }
select { font-family:Microsoft JhengHei,Arial; font-size:1em; color:#000000; vertical-align:middle; border-radius:5px; }
textarea { font-family:Arial,MingLiU,sans-serif; font-size:1em; color: #000000; }
h1 { font-family:Microsoft JhengHei,Arial; font-size:1.4em; font-weight: bold; }
h2 { font-family:Microsoft JhengHei,Arial; font-size:1.2em; font-weight: bold; }
h3 { font-family:Microsoft JhengHei,Arial; font-size:1em; font-weight: bold; }

a:active { color:#FF0000; text-decoration:none }
a:link { color:#0000FF; text-decoration:none; }
a:visited { color:#0000FF; text-decoration:none; }
a:hover { color:#FF0000; text-decoration:none; }

th { font-family:Microsoft JhengHei,Arial;font-weight:bold;background:#FFFEEB;}
td { font-family:Microsoft JhengHei,Arial; }
table.mistab { border-width: 1px; border-style: outset; 
	border-color: #330066; border-collapse: collapse; }
table.mistab th { border-width:1px; padding:2px; 
	border-style:inset; border-color:#330066; }
table.mistab td { border-width:1px; padding:2px; 
	border-style:inset; border-color:#330066; }

.Heading { width:100%;position:fixed;top:2px;
	text-align:center; margin:0px auto;padding:0; z-index:30; }
.Outerbox { width:100%;margin:0px auto; overflow:auto; height:auto; z-index: 10;}
.mHeading { width:100%;position:fixed;text-align:center;
	top:0px;margin:0px auto;padding:0; z-index:30; }
.mOuterbox { width:100%;margin:0px auto; overflow:auto; 
	height:auto; z-index: 10;}
.mDisplaybox { width:100%;margin:32px auto; overflow:auto; 
	height:auto; z-index: 10;}
.Footerbox { 
    position:fixed;width:100%;bottom:0px;color:#7F41C7; 
    font-weight:bold;text-align:center;background:#EBCFAD;z-index:99;
}
.mFooterbox { 
    position:fixed;width:100%;bottom:0px;color:#7F41C7; 
    font-weight:bold;text-align:center;background:#EBCFAD;z-index:99;
}
.TitleBox {
    width:320px;margin:3px auto;text-align:center;font-weight:bold;
    background:#F7CDAA;padding:6px;border-radius:3px;font-size:1.2em;
}
.HintBox {
    width:320px;margin:16px auto 3px auto;text-align:center;font-weight:bold;
    background:#C4FCE3;padding:6px;border-radius:3px;font-size:1em;color:borwn;
}
.Container { width:100%;margin:0px auto;overflow:auto; height:auto;}
.mContainer { width:50%;margin:0px auto;overflow:auto; height:auto;}
.TitleContainer { width:100%;margin:0px auto; }
.Remark { display: none; }
.HideColB { display: none; }
.ShowDesc { display: font-size:12px; }
@media only screen and (min-width: 360px) {
	.Container { width:100%; }
	.mContainer { width:100%; }
	.Remark { display: none; }
	.HideColB { display: none; }
}
@media only screen and (min-width: 480px) {
	.Container { width:100%; }
	.mContainer { width:100%; }
	.Remark { display: none; }
	.HideColB { display: none; }
}
@media only screen and (min-width: 640px) {
	.Container { width:100%; }
	.mContainer { width:100%; }
	.Remark { display: none; }
	.HideColB { display: table-cell; }
}
@media only screen and (min-width: 768px) {
	.Container { width:100%; }
	.mContainer { width:80%; }
	.Remark { display: none; }
	.HideColB { display: table-cell; }
}
@media only screen and (min-width: 1024px) {
	.Container { width:1024px; }
	.mContainer { width:60%; }
	.Remark { display: table-cell; }
	.HideColB { display: table-cell; }
}
.button {
    display: inline;font-family:Microsoft JhengHei,Arial;padding:2px 8px;
    vertical-align:top;border:solid 1px #999;background:#ffffff;cursor:pointer;
    border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
    box-shadow:0 1px 1px #111111;-moz-box-shadow:1px 1px 1px #999999;
	-webkit-box-shadow:1px 1px 1px #999999;
}
.nbutton {
    display: inline;font-family:Microsoft JhengHei,Arial;padding:1px 1px;margin:0;
    vertical-align:top;border:solid 1px #999;background:#ffffff;cursor:pointer;
    border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;
}
.nbutton:hover { background: #cccccc; }
.listblock { display:inline-block;text-align:left;margin:1px;width:200px; }
.bbsdiv {border-width:0px 0px 1px 0px; border-style:dotted;border-color:purple;}
.showitem { border-style:dotted; border-width:0 0 1px 0; height:30px; font-size:0.8em;
    line-height:30px; margin:0 2px 0 2px; font-family:Arial,MingLiU,sans-serif; }
.chartcolor { display:inline-block;padding:0px 12px;border:1px solid;margin:2px 0; }
.logo {
	width:100%;padding:4px 0;font-size:1em;font-weight:bold;text-align:center;
	margin: 0px 0px 2px 0px;cursor: default;color: #000000;background: #F0D6B0;
}
.subtitle {
	padding:2px 0px 0px 0px;font-weight:bold;font-size:1.1em;
	text-align:center;margin:0px;color:#000000;background:#FFFFFF;
}
.listitem { padding:2px 0px 0px 0px;font-weight:bold;font-size:18px;
	text-align:left;margin:0px;color:#AAAAAA; }
.menu { padding:2px 0px;font-weight:bold;text-align:center;
	margin:2px 0px;color:#000000;background:#D7FEF4; }
.footer {font-size:1em;text-align:center;margin:6px 0px 0px 0px;
    color:#662200;background:#FDEBD0;font-weight:bold;padding:3px 0;}
.msg {padding: 1px;font-size: 1em;text-align: center;
	margin: 2px 0px 2px 0px;color: #000000;}

.navmenu { width:100%;background-color:#A3F6F0; 
	text-align:center; margin:0;z-index:100; }
.nav_wrapper { width: 100%; margin: 0 auto; 
	text-align: center; z-index: 8; }
.navmenu ul {list-style-type:none; padding:0; 
	margin:0; position:relative;}
.navmenu ul li { display:inline-block; padding:1px; 
	margin:0; color:black; }
.navmenu ul li:hover { background-color:purple;}
.navmenu ul li img { vertical-align: middle; }
.navmenu ul li a,visited { color:blue; display:block; 
	padding:1px; text-decoration:none; }
.navmenu ul li a:hover { color:blue; text-decoration:none; }
.navmenu ul li:hover ul { display:block; }
.navmenu ul ul { display: none; position: absolute; 
	margin-left: -5px; z-index:100; margin-top:1px;}
.navmenu ul ul li { display: block;background-color:white;
	border:1px solid black;border-top:0;text-align:left; }
.navmenu ul ul li a,visited { color:#0000ff; }
.navmenu ul ul li a:hover { color:#ff0000; background-color:white;}