@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,caption,.hidden,.vanish{margin:0;padding:0;}
body {
	color:#7a7770;
	line-height:1.4;
	font-size: 13px;
	font: 400 13px/160% Verdana, Arial, "新細明體";
}
* html {
	font-size:12px;
}
p,blockquote{margin-top:0.8em;margin-bottom:0.8em;}
blockquote{margin-right:2em;margin-left:2em;}
dd{margin-left:1em; margin-right:0; padding:0;}
fieldset{margin:0;padding:0.75em;}
a{text-decoration:none;background-color:transparent;color: #7a7770;}
a:hover,a:focus{
	text-decoration:none;
	color: #000000;
}
img{border:none;}
th,td{padding:0.1em 0.2em;}
th{text-align:center;}
caption{margin-right:auto;margin-left:auto;}
code, samp{font-family: fixedsys, Courier, monospace;}
input[type=button]{font-size:90%;}

/*the cursor as help*/
acronym,abbr,.prompt{cursor:help;}

/**debugs**/

/*ie hasLayout*/
.hasLayout{min-height:0;}
* html .hasLayout{height:0;}
/*form controls re-sized in ie*/
input,select,textarea{font-size:91%;}/*remedy ie6*/
* html input.btn{font-size:80%;}/*ie6 initialize input type=button with class=btn*/
button{font-size:80%;}/*remedy ie7*/


/*hack ie non-Layout*/
.hotarea{
	height:1px;
	position: relative;
}
html>body .hotarea{height:auto;min-height:1px;}

/**general classes**/
/*preload images*/
.preload{background-position:-500em -500em;background-repeat:no-repeat;}
/*initial caps*/
.DropCap:first-letter {float:left;font-size:250%;line-height:1;margin-right:0.2em;}
/*accesskey*/
.hotkey{text-decoration:underline;}

/*invisible*/
.hidden{display:none;}
.vanish{position:absolute;top:-500em;left:-500em;}
/*stop floated*/
.clr{clear:both;display:block;}
.alignr {
	text-align: right;
}
.alignm {
	text-align: center;
}
.alignl {
	text-align: left;
}
.Hnav li {
	float: left;
}
.Hnav li a {
	float: left;
}
ul li {
	list-style-type: none;
}
.flR {
float:right;
}
.flL {
float:left;
}
.alignm {
	text-align: center;
}
.alignr {
	text-align: right;
}

button{
	cursor:pointer;
	text-indent: 0em;
}

.acce {
	font-weight: normal;
	font-size: 12px;
	color: #CCCCCC;
	position: absolute;
	left: 0px;
	top: 0px;
}
#wrapper2 {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#guideAcce {
	position: absolute;
	left: 490px;
	top: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#guideAcce ul li {
	line-height:1em;
}
#guideAcce a {
	display: inline-block;
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
}
#guideAcce .L1 {
	padding-left:30px;
	background-image: url(../images/icon_rss.jpg);
	background-repeat:no-repeat;
	background-position:left center;
}

#center .c {
	position: relative;
	padding-left:325px;
	padding-right:325px;
}
#nav1 {
	width: 305px;
	position: absolute;
	left: 10px;
	top: 0px;
}
#nav2 {
	width: 305px;
	position: absolute;
	right: 10px;
	top: 0px;
}


.red {
	color:#c30707;
}
.blue {
	color:#447c96;
}
.text100 {
	width: 100px;
}
.text90 {
	width: 90px;
}
#main .tb1 th{
	line-height: 30px;
	background-color: #e7f1f1;
	font-weight: normal;
}
#main .tb1 {
	width: 100%;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d1dcd6;
	border-right-color: #d1dcd6;
	border-bottom-color: #d1dcd6;
	border-left-color: #d1dcd6;
}
#main .tb1 td {
	line-height: 25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d1dcd6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d1dcd6;
}
#main .tb1 th {
	white-space:nowrap;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d1dcd6;
}
#breadcrumb .current {
	color:#447c96;
}

.bt1 {
	background-image: url(../images/bt1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 17px;
	width: 35px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	font-size: 11px;
	color: #FFFFFF;
	cursor:pointer;
}

h1 {
	background-repeat: no-repeat;
	background-position: left center;
	height: 34px;
}

.navx li a,.more a {
	width: 44px;
	background-color: #b5b5b5;
	display: block;
	text-align: center;
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	line-height: 20px;
	vertical-align: middle;
}
.btx {
	background-color: #b5b5b5;
	text-align: center;
	color: #FFFFFF;
	line-height: 20px;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
}
.btxb {
	background-color: #b5b5b5;
	text-align: center;
	color: #FFFFFF;
	border-style: none;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 6px;
	padding-left: 6px;
	cursor:pointer;

}
html:root .btxb {
	padding-top: 2px;
	padding-bottom: 2px;
}
.navx,.more {
	position: absolute;
	top: 0px;
	right: 0px;
}
.nav .last a {
	border-right-style: none;
}
.navx .current a {
	background-color: #fc8686;
}

#nav2-2  ul li a,#nav2-3 ul li a {
	height: 65px;
	width: 146px;
	border: 1px solid #CCCCCC;
}
#nav2-2 .L1,#nav2-2 .L3,#nav2-3 .L1,#nav2-3 .L3 {
	margin-right:5px;
}
#nav2-2 .L1,#nav2-2 .L2,#nav2-3 .L1,#nav2-3 .L2 {
	margin-bottom:5px;
}

#nav2-2 .L1 {
	background-image:url(../images/banner2_1.jpg);
}
#nav2-2 .L2 {
	background-image:url(../images/banner2_2.jpg);
}
#nav2-2 .L3 {
	background-image:url(../images/banner2_3.jpg);
}
#nav2-2 .L4 {
	background-image:url(../images/banner2_4.jpg);
}
#nav2-3 .L1 {
	background-image:url(../images/banner3_1.jpg);
}
#nav2-3 .L2 {
	background-image:url(../images/banner3_2.jpg);
}
#nav2-3 .L3 {
	background-image:url(../images/banner3_3.jpg);
}
#nav2-3 .L4 {
	background-image:url(../images/banner3_4.jpg);
}

#nav2 .nav,#nav1 .nav {
	margin-top: 10px;
}
#search {
	height: 48px;
	width: 220px;
	background-image: url(../images/bg_search.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 370px;
	right: 0px;
	padding-left: 10px;
}
#search {
	color: #215703;
}
#member {
	background-image: url(../images/bg_member.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: -10px;
}
#member label,#search label {
	width:60px;
	display: inline-block;
}
#member {
	height:49px;
	position: relative;
	color: #215703;
}
#member ul {
	margin-left: 95px;
}
#member ul li {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.last {
	margin-right: 0px;
	border-right-style: none;
}
.bg1 {
	background-color: #ffe4e9;
}
.bg2 {
	background-color: #faf1c6;
}
.bg3 {
	background-color: #def3ff;
}
#main {
	padding-top: 10px;
}
/*背景色*/
.bg1 {
	background-color: #ffe4e9;
}
.bg2 {
	background-color: #faf1c6;
}
.bg3 {
	background-color: #def3ff;
}

.bg4 {
	background-color: #dddddd;
}
.movie {
	background-image: url(../images/p_4.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 172px;
}
#footer p{
	margin-top: 5px;
	margin-bottom: 5px;
}
#nav2-4 ul li {
	padding-left:20px;
	background-image:url(../images/icon1.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#nav1-1 h1 {
	background-image: url(../images/t1-4.jpg);
}
#nav1-2 h1 {
	background-image: url(../images/t1-5.jpg);
}
#nav1-3 h1 {
	background-image: url(../images/t1-6.jpg);
}

#nav2-4 h1 {
	background-image: url(../images/t1-11.jpg);
}
#nav2-5 h1 {
	background-image: url(../images/t1-10.jpg);
}
#nav2-6 h1 {
	background-image: url(../images/t1-12.jpg);
}

#nav2-5 ul li {
	margin-right:5px;
	margin-bottom: 5px;
	display: inline;
}
#nav2-5 .inside,#nav2-6 .inside {
	border: 1px solid #CCCCCC;
	padding: 10px;
}
#nav2-6 td {
	text-align: center;
}
#nav2-6 .a {
	background-image: url(../images/icon2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 10px;
}
.page {
	white-space:nowrap;
}
.page {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
	font-size: 12px;
}
.page ul {
	text-align:center;
}
.page li {
	display:inline;
	margin-right: 1px;
	margin-left: 1px;
}
.page a {
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFFFFF;
	display: inline-block;
}
.page .current a {
	color: #660000;
	font-weight: bold;
}
#calendar .current {
	background-color: #fc8686;
}
#calendar .current a {
	color: #FFFFFF;
}
#main {
	min-height: 1200px;
}
* html #main {
	height:1200px;
}
.peopleCount {
	position: absolute;
	top: 40px;
	right: 30px;
}
.peopleCount span{
	background-color: #FF6633;
	padding: 1px 3px;
	color: #fff;
	font-family: Arial;
	background: url(../images/people_bg.gif) no-repeat;
	letter-spacing: 7px;
}

* html .peopleCount {
	top: 50px;
}