html, body { margin: 0; text-align: center; } 

body {
	margin: 0 auto;  /* align center */
	*margin: 0px auto; /* for ie 7 */
	_margin: 0px auto; /* for ie 6 */
	padding: 0 0;
	text-align: center;  /* for ie 8 */
	width: 100%;
	color: #666;
	font: normal 13px/1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	background: url(../images/background.jpg) left top repeat;
}

p, h1, h2 { margin: 20px 0; line-height: 180%; }

p { text-align: justify; }
a { text-decoration: none; color: #239d97; }
a:hover { color: #F60; }

img { border: none; }
hr { color: #CCC; size: 1px; }

body#mhome a#homenav,
body#mabout a#aboutnav,
body#mdatabase a#databasenav,
body#mmembers a#membersnav,
body#mnews a#newsnav,
body#mevent a#eventnav,
body#mreport a#reportnav,
body#mlink a#linknav {
	border-bottom: #56d2cb solid 5px;
}


#topwrap { position: relative; display: block; margin: 0 auto; width: 100%; background: url(../images/topwrap.jpg) left top repeat-x; height: auto; margin-top: 12px; padding-bottom: 20px; }
#main_container { position: relative;
  margin: 0 auto;
  width: 1006px;
  text-align: left;
  background: url(../images/bg_main.gif) left top repeat-y; }

#header { 
	margin-top: 0px;
	display: block;
	background: url(../images/header.png) left top no-repeat;
	width: 1006px;
	height: 126px;
}
#header .language_bar a.en { background: url(../images/lang_en.gif) no-repeat; width: 45px; height: 30px; display: block; position: relative; top: 23px; right: 6px; float: right; }
#header .language_bar a.en:hover { background: url(../images/lang_en_h.gif); }
#header .language_bar a.en span { display: none; }
#header .language_bar a.ch { background: url(../images/lang_ch.gif) no-repeat; width: 45px; height: 30px; display: block; position: relative; top: 23px; right: 6px; float: right; }
#header .language_bar a.ch:hover { background: url(../images/lang_ch_h.gif); }
#header .language_bar a.ch span { display: none; }
#inner_container { background: url(../images/bg_top.jpg) left top no-repeat; padding: 0 12px;  }

ul.menu_ch { 
	list-style: none; 
	display: block;
	width: 980px; 
	height: 49px;
	padding: 0; 
	margin: 14px 0 10px 0; 
	border-bottom: #56d2cb solid 1px; 
	font-size: 16px; 
	z-index:5;
}

ul.menu_ch li { list-style: none; float: left; display: inline-block; }
ul.menu_ch li a {
	display:inline-block;
	/*padding: 13px 20px;
	*padding: 13px 22px;  with meeting record */
	padding: 13px 24px;
	*padding: 13px 26px;
	color: #636363;
	letter-spacing: 5px;
}
ul.menu_ch li a:hover {
	color: #FFF;
	background: #29a49d;
	border-bottom: #56d2cb solid 5px;
}
ul.menu_ch li a.current {
	border-bottom: #56d2cb solid 5px;
}

ul.menu_ch li.sub a:hover, ul.menu_ch li.sub:hover a {
	color: #FFF;
	background: #29a49d;
	border-bottom: none;
}

ul.menu_ch li > ul {
	display:none;
    position: absolute;
    top: 189px;
	left: 194px;
	*left: 192px;
    width: 100px;
	
	z-index: 2000;
	border-top: #56d2cb solid 1px;
	/*border-bottom: #CCC solid 1px;*/
	

}

ul.menu_ch li:hover > ul {
	display: block;
}
ul.menu_ch li > ul li {
	float: none;
	list-style: none;
	width: 250px;
	/*border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #CCC;*/	
}
ul.menu_ch li > ul li a {
	background: #e7e7e7;
	width: 230px;
	padding: 10px !important;

}
ul.menu_ch li.sub > ul li a:hover {
	background: #0CF;
	border: none;
}


ul.menu_en { 
	list-style: none; 
	display: block;
	width: 980px; 
	height: 49px;
	padding: 0; 
	margin: 14px 0 10px 0; 
	border-bottom: #56d2cb solid 1px; 
	font-size: 15px; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	z-index:5;
}

ul.menu_en li { list-style: none; float: left; }

ul.menu_en li a {
	display: inline-block;
	padding: 13px 18px 13px 19px;
	color: #636363;
	letter-spacing: 1px;
}
ul.menu_en li a:hover {
	color: #FFF;
	background: #29a49d;
	border-bottom: #56d2cb solid 5px;
}
ul.menu_en li a.current {
	border-bottom: #56d2cb solid 5px;
}

ul.menu_en li.sub a:hover, ul.menu_en li.sub:hover a {
	color: #FFF;
	background: #29a49d;
	border-bottom: none;
}

ul.menu_en li > ul {
	display:none;
    position: absolute;
    top: 189px;
	left: 133px;
	*left: 131px;
    width: 100px;
	
	z-index: 2000;
	border-top: #56d2cb solid 1px;
	/*border-bottom: #CCC solid 1px;*/
}

ul.menu_en li:hover > ul {
	display: block;
}
ul.menu_en li > ul li {
	float: none;
	list-style: none;
	width: 250px;
	/*border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #CCC;*/
	
}
ul.menu_en li > ul li a {
	background: #e7e7e7;
	width: 230px;
	padding: 10px !important;

}
ul.menu_en li.sub > ul li a:hover {
	background: #0CF;
	border: none;
}



.members_group { clear: both; width: 982px; height: 145x; display: block; overflow: hidden; }
.members_group h3 { text-align: center; margin: 15px 0 0 0; letter-spacing: 1px; }
.members_group img { text-align: center; vertical-align: bottom; margin: 10px 6px 18px 6px; }

#main_content, #main_content_ch { margin: 20px 10px 30px 10px; }
#main_content h1 { border-left: #2FACA6 solid 5px; color: #04968c; text-transform: uppercase; padding-left: 10px; font-size: 23px; }
#main_content h2 { color: #666; padding-left: 10px; font-size: 18px; }
#main_content_ch h2 { color: #666; padding-left: 10px; font-size: 18px; }
#main_content_ch h1 { border-left: #2FACA6 solid 5px; color: #04968c; text-transform: uppercase; padding-left: 10px; font-size: 23px; letter-spacing: 5px; }
#main_content_ch p { letter-spacing: 5px; padding: 0px 0px; }
	
.database_block { }
.database_block img { text-align: center; margin: 10px 12px; border: none; }
.database_block a:hover img { 
	filter:alpha(opacity=80);   /* old IE */
	zoom:1;
	-moz-opacity:0.8;          /* Moz + FF */
	opacity:0.8;               /* 支持新版瀏覽器 */
}

.about_block, .about_block_ch { float: left; width: 580px; height: 450px; *height: 430px; margin: 10px 0 10px 0; }
.about_block .title { background: url(../images/about_bar.jpg) left top no-repeat;
height: 45px; }
.about_block_ch .title { background: url(../images/about_bar_ch.gif) left top no-repeat;
height: 45px; }

.about_block .title span, .about_block_ch .title span { display: none; }
.about_block .content, .about_block_ch .content { background: #e8e8e8; padding: 10px 20px; font-size: 15px; line-height: 200%; height: 370px; display: block; }
.about_block .content p { text-align: justify;  font-size: 13px; letter-spacing: 0px; }
.about_block_ch .content p { font-size: 13px; text-align: justify; letter-spacing: 5px; }

.news_block { float: right; width: 370px; margin: 10px 0; }
.news_block .title { background: url(../images/news_bar.jpg) left top no-repeat;
height: 45px; display: block; }
.news_block .title span, .news_block_ch .title span { display: none; }
.news_block .content { background: #e8e8e8; padding: 10px 10px; font-size: 13px; height: 370px; display: block; }
.news_block .content .calendar { background: url(../images/calendar_bg.gif) no-repeat; width: 55px; height: 55px; }
.news_block .content .calendar h3 { margin: 0; padding: 12px 14px 0 14px; font: Verdana, Geneva, sans-serif; font-size: 22px; color: #32a8a2; }
.news_block h2 { font-size: 13px; font-weight: bold; margin: 0; padding: 0 0 !important; color: #099; }
.news_block p { text-align: justify; font-size: 12px; margin: 0; padding: 0; color: #666; }
.news_block span.more { background: #900; color: #FFF; font-size: 12px; margin: 0; padding: 1px 3px; }
.news_block span.more a { color: #FFF; }
.news_block span.more a:hover { color: #FF0; }
.news_block .content .calendar span { display: block; font-size: 15px; margin: -5px 0; padding: 0 12px; font-weight: bold; color: #32a8a2; }


.news_block_ch { float: right; width: 370px; margin: 10px 0; }
.news_block_ch .title { background: url(../images/news_bar_ch.gif) left top no-repeat;
height: 45px; display: block; }
.news_block_ch .title span { display: none; }
.news_block_ch .content { background: #e8e8e8; padding: 10px 10px; font-size: 13px; height: 370px; display: block; }
.news_block_ch .content .calendar { background: url(../images/calendar_bg.gif) no-repeat; width: 55px; height: 55px; }
.news_block_ch .content .calendar h3 { margin: 0; padding: 12px 14px 0 14px; font: Verdana, Geneva, sans-serif; font-size: 22px; color: #32a8a2; }
.news_block_ch h2 { font-size: 13px; font-weight: bold; margin: 0; padding: 0 0 !important; color: #099; }
.news_block_ch p { text-align: justify; font-size: 12px; margin: 0; padding: 0; color: #666; }
.news_block_ch span.more { background: #900; color: #FFF; font-size: 12px; margin: 0; padding: 1px 3px; }
.news_block_ch span.more a { color: #FFF; }
.news_block_ch span.more a:hover { color: #FF0; }
.news_block_ch .content .calendar span { display: block; font-size: 15px; margin: -5px 0; padding: 0 12px; font-weight: bold; color: #32a8a2; }



#footer, #footer_ch { 
	clear: both;
	background: url(../images/footer_bg.png) left top no-repeat;
	width: 966px; height: 105px;
	/*margin-bottom: 20px;*/
	padding: 10px 20px 0px 20px; 
	color: #FFF;
}

#footer a, #footer_ch a { color: #FF0; }
#footer a:hover, #footer_ch a:hover { color: #9F0; }

#footer_ch p { 
	line-height: 100%;
	margin: 10px;
	padding: 0;
	font-size: 12px;
	letter-spacing: 2px;
	
}

#footer p { 
	line-height: 100%;
	margin: 10px;
	padding: 0;
	font-size: 12px;
	letter-spacing: 0;
}