@charset "utf-8";

html, body { font-family: '微軟正黑體', Tahoma, 'Helvetica Neue', Helvetica,Arial, sans-seri; width: 100%; height: 100%; padding: 0px; margin: 0px; }


div { margin:0px; padding:0px;}

.Header { width:991px; height:145px; background-image:url("images/head.jpg");  border: 1px #A0C8FF solid; box-sizing:border-box;
}

.SiteContent {width :990px; border: 0px #A0C8FF solid; min-height:800px; margin:0 auto; box-sizing:border-box;
}

.MainContent { 
min-height : 800px; border : 1px #A0C8FF solid;box-sizing:border-box;
}

.NavContent { width: 990px; margin: auto; border-top: solid 1px #A0C8FF; border-left: solid 1px #A0C8FF; border-right: solid 1px #A0C8FF; text-align: center; font-size: medium; padding-top: 3px; font-weight: bold; padding-bottom: 3px; box-sizing: border-box; clear: both; overflow: hidden; }

.MainFooter { text-align: center; width: 990px; border-top: 1px solid #A0C8FF; box-sizing: border-box; overflow: hidden; margin: 0 auto; font-size: small; color: #7f7f7f;  vertical-align:middle;}
	.MainFooter A { font-size: small; color: #7f7f7f; text-decoration: none; }
		.MainFooter A:link { color: #7f7f7f; font-size: small; }
		.MainFooter A:visited { color: #7f7f7f; font-size: small; }
		.MainFooter A:active { color: #524f4f; font-size: small; }
		.MainFooter A:hover { color: #524f4f; font-size: small; }

img { border-style: none; border-color: inherit; border-width: 0px; }

h3 {visibility:hidden; display:none;}

.TheH1 { visibility:hidden; display:none;}

.NotForHuman { visibility: hidden; display: none; font-size: 1%; }
	.NotForHuman img { width:1px; height:1px;}
.MustData { visibility: hidden; display: none; font-size: 1%; }

.OnWeb {font-size:small; color:#999999; }

a:link {color:blue;font-size:medium; text-decoration:none;}
a:visited {color:navy;font-size:medium; text-decoration:none;}
a:hover {color:#FF9900;font-size:medium; text-decoration:none;}
a:active {color: #dcdcdc;font-size:medium; text-decoration:none;}

.menu1 A:link{color:#ff9400;font-size:medium;text-decoration:none;}
.menu1 A:visited{color:#ff9400;font-size:medium;text-decoration:none;}
.menu1 A:active{color:#935601;font-size:medium;text-decoration:none;}
.menu1 A:hover{color:#935601;font-size:medium;text-decoration:none;}
.menu1 .white { color: white; }

.menu2 A:link { color: #80b5ff; font-size: small; text-decoration: none; }
.menu2 A:visited { color: #80b5ff; font-size: small; text-decoration: none; }
.menu2 A:active { color: #386fbb; font-size: small; text-decoration: none; }
.menu2 A:hover { color: #386fbb; font-size: small; text-decoration: none; }
.menu2 .white { color: white; }
.menu2 .counter { font-family : Tahoma, Verdana; font-weight:bold; font-size:x-small; color:#FF9900; }
.menu2 .counterinfo {font-size:xx-small;color:#7B7B7B; }

.list1 A:link{color:#006bff;font-size:small;text-decoration:none;}
.list1 A:visited{color:#006bff;font-size:small;text-decoration:none;}
.list1 A:active{color:#0c346d;font-size:small;text-decoration:none;}
.list1 A:hover{color:#0c346d;font-size:small;text-decoration:none;}

.title1 {font-size:small;color:#141c87;font-weight:700;}
.title2 {font-size:medium;color:#141c87;font-weight:700;}
.pa1 {font-size:x-small;color:#141c87;}
.pa2 {font-size:x-small;color:#ff0000;font-weight:700;}
.n1 {font-size:x-small;color:#ff8400;font-weight:700;}

.rightcell { text-align: right; }
.centercell { text-align: center; }
.topcell { vertical-align: top; }
.smallcell { font-size: small; }
.boldcell {font-weight:bold;}
.bluecell { color : blue;}
.reddot { color:red; font-weight:bold;}
.xsmallcell { font-size: x-small; }
.errorcell { color:red; background-color :yellow; font-weight:bold; font-size:large;}
.bottomcell { vertical-align : bottom;}
.nowrapcell { white-space: nowrap; }
.box90 { margin:0 auto;width:90%; border-collapse:collapse; border-spacing:0px; clear:both;}
.box95 { margin:0 auto;width:95%; border-collapse:collapse; border-spacing:0px; clear:both;}
.box100 { margin:0 auto;width:100%; border-collapse:collapse; border-spacing:0px; clear:both;}
.cleardiv { clear: both; }
.MustHave2:after { content: url('../images/reddot2.gif'); }

.Grid_General { border-spacing: 0px; border-collapse: collapse; margin: 0 auto; }
	.Grid_General tr:nth-child(2n+3) { background-color: #EEEEEE; }
	.Grid_General td { padding: 1px; }
	.Grid_General .gridheader { font-size: x-small; color: #141C87; background-color: #B8C3D1; white-space: nowrap; }

.Grid80 {
    width: 80%;
}
.Grid95 { width: 95%; }
.Grid100 { width: 100%; }

/*============  PAGER =======================*/
.pager { line-height: 20px; font-family: Tahoma, Helvetica, Arial, sans-seri; font-weight: bold; font-size: small; background-color: #B8C3D1; }
	.pager td table { margin: 0 auto; }
	.pager td table td { text-align: center; }
	.pager span { border: solid 1px #808080; text-decoration: none; white-space: nowrap; border-radius: 5px; color: #999999; padding: 0px 5px 0px 5px; }
	.pager a,
	.pager a:visited { text-decoration: none; white-space: nowrap; border: solid 1px #9ECDE7; color: white; background-color: #4477AA; border-radius: 5px; padding: 0px 3px 0px 3px; }
	.pager a:hover { text-decoration: none; background: navy; color: #f30; transition: background .2s ease; padding: 0px 3px 0px 3px; }
	.pager a:active { border: solid 1px #9ECDE7; text-decoration: none; white-space: nowrap; color: #FF9900; background-color: #FF9900; border-radius: 5px; padding: 0px 3px 0px 3px; }


.ListIMG { width:14px; height:14px;}
.BackLink {padding : 0 2px 2px 2px; border : 1px solid #999999; border-radius : 5px;}