/**
	隱藏連結虛線
 */
a{hidefocus:expression(this.onFocus=this.blur());outline:none;}


/**
 *	共用佈局
 */
.clear{
	clear:both;
}
.hide{
	display:none;
}
.fontsize0{
	font-size:0px;
}

/**
 *	滑鼠移入/移出效果
 */
.mouseover {
	cursor : pointer ;
	/*background-color:#d5f8fb;
	color:#21959e;*/
}
.mouseout {
	cursor : auto ;
}


/**
	主架構設定
 */
.layout{
	width:998px;
	margin:0 auto;
}
header {
	text-align:center;
}
footer{
	clear:both;
}
.bg_y01{
	background:url(../images/layout/bg_y01.jpg) repeat-y left top;
	width:958px;
	padding:0px 20px;
}
.panel_logo{
	padding:6px 5px 3px 24px;
	width:928px;
	float:left;
}
.panel_menu{
	clear:both;
}
.area_logo{
	width:430px;
	float:left;
}
.logo_ching{
	float:left;
	background:url(../images/layout/logo_ching.jpg) no-repeat left top;
	width:90px;
	height:85px;
}
.logo_ching a{
	width:90px;
	height:85px;
	display:block;
	text-indent:-9999px;
	border:none;
	margin:0px;
	_margin-left:0px;
}
.logo_ching02{
	float:right;
	background:url(../images/layout/logo_ching02.jpg) no-repeat right bottom;
	width:331px;
	height:85px;
}
.area_home{
	float:right;
	padding-top:57px;
}
.btn_home{
	background:url(../images/layout/btn_home.jpg) no-repeat right bottom;
	width:124px;
	height:27px;
}
.btn_home a{
	width:124px;
	height:27px;
	display:block;
	text-indent:-9999px;
	border:none;
	margin:0px;
	_margin-left:0px;
}
.panel_menu{
	float:left;
	width:958px;
}
.bg_menuleft{
	float:left;
	background:url(../images/layout/bg_menuleft.jpg) no-repeat left top;
	width:953px;
	height:36px;
	padding-left:5px;
}
.bg_menuright{
	float:left;
	background:url(../images/layout/bg_menuright.jpg) no-repeat right top;
	width:948px;
	height:36px;
	padding-right:5px;
}
.bg_menumiddle{
	float:left;
	background:url(../images/layout/bg_menumiddle.jpg) repeat-x left top;
	width:948px;
	height:36px;
}
.bg_menumiddle ul,.bg_menumiddle li{
	list-style-type:none;
	margin:0 auto;
	padding:0px;
}
.bg_menumiddle ul{
	padding:0px 0px 0px 200px;
	display:block;
}
.bg_menumiddle li{
	background:url(../images/layout/bg_menuhr.jpg) no-repeat right center;
	padding:0px 25px 0px 15px;
	float:left;
}
.bg_menumiddle li a{
	width:62px;
	height:36px;
	display:block;
	text-indent:-9999px;
}
.bg_menumiddle li a:hover{
	background-position:0px -36px;
}
.about a{
	background:url(../images/layout/menu_chingching.jpg) no-repeat left top;
}
.bulletin a{
	background:url(../images/layout/menu_bulletin.jpg) no-repeat left top;
}
.class a{
	background:url(../images/layout/menu_class.jpg) no-repeat left top;
}
.activity a{
	background:url(../images/layout/menu_activity.jpg) no-repeat left top;
}
.goodhand a{
	background:url(../images/layout/menu_goodhand.jpg) no-repeat left top;
	width:76px!important;
}
.registration a{
	background:url(../images/layout/menu_registration.jpg) no-repeat left top;
}
.contact a{
	background:url(../images/layout/menu_contact.jpg) no-repeat left top;
}
.liched {
background-position:0px -36px!important;
}

.panel_indexbanner{
	clear:both;
	padding:4px 0px 5px 0px;
	width:958px;
	height:190px;
}
.index_banner{
	background:url(../images/layout/index_banner01.jpg) no-repeat left top;
	width:958px;
	height:190px;
}
.panel_content{
	position:relative;
	float:left;
	width:958px;
	background:url(../images/layout/bg_content.jpg) repeat-y left top;
}
.bg_menu02{
	position:absolute;
	background:url(../images/layout/bg_menu02.jpg) no-repeat left bottom;
	width:198px;
	height:93px;
	bottom:0px;
	left:0px;
}
.panel_footer{
	padding-top:4px;
}
.bg_bottom{
	background:url(../images/layout/bg_footer.jpg) no-repeat left top;
	width:958px;
	height:35px;
	font-size:12px;
	text-align:center;
	color:#545454;
}


.area_ecology{
	float:left;
}
.banner{
	float:right;
	background:url(../images/layout/banner_01.jpg) no-repeat left top;
	width:750px;
	height:190px;
}
.btn_farm_b a{
	background:url(../images/layout/btn_farm_b.jpg) no-repeat left top;
	width:198px;
	height:60px;
	display:block;
	text-indent:-9999px;
	padding-bottom:5px;
}
.btn_insect_b a{
	background:url(../images/layout/btn_insect_b.jpg) no-repeat left top;
	width:198px;
	height:60px;
	display:block;
	text-indent:-9999px;
	padding-bottom:5px;
}
.btn_frog_b a{
	background:url(../images/layout/btn_frog_b.jpg) no-repeat left top;
	width:198px;
	height:60px;
	display:block;
	text-indent:-9999px;
}
.area_menu02{
	float:left;
}
.title_menu_about{
	background:url(../images/layout/mu_bgtop01.jpg) no-repeat left top;
	width:198px;
	height:30px;
}
.title_menu_bulletin{
	background:url(../images/layout/mu_bgtop02.jpg) no-repeat left top;
	width:198px;
	height:30px;
}
.title_menu_class{
	background:url(../images/layout/mu_bgtop03.jpg) no-repeat left top;
	width:198px;
	height:30px;
}
.title_menu_activity{
	background:url(../images/layout/mu_bgtop04.jpg) no-repeat left top;
	width:198px;
	height:30px;
}
.title_menu_goodhand{
	background:url(../images/layout/mu_bgtop05.jpg) no-repeat left top;
	width:198px;
	height:30px;
}
.title_menu_registration{
	background:url(../images/layout/mu_bgtop06.jpg) no-repeat left top;
	width:198px;
	height:30px;
}
.title_menu_contact{
	background:url(../images/layout/mu_bgtop07.jpg) no-repeat left top;
	width:198px;
	height:30px;
}
.title_menu_ecology{
	background:url(../images/layout/mu_bgtop08.jpg) no-repeat left top;
	width:198px;
	height:30px;
}
.mu_bgbottom{
	float:left;
	background:url(../images/layout/mu_bgbottom.jpg) no-repeat left top;
	width:198px;
	min-height:101px;
}
.area_menu{
	float:left;
	width:198px;
}
	
.content_menu ul,.content_menu li{
	list-style-type:none;
	margin:0 auto;
	padding:0px;
}
.content_menu li a,.content_menu li  .menu_bgs{
	float:left;
	background:url(../images/layout/bg_menu.jpg) no-repeat left top;
	width:148px;
	height:19px;
	font-size:12px;
	color:#000;
	text-decoration:none;
	padding:9px 0px 0px 50px;
}
.content_menu li li a  {
	background:url(../images/layout/bg_menu03.jpg) no-repeat left top;
}
.content_menu li a:hover{
	background-position:0px -29px;
}

.colorred{
	color:#F00;
	font-weight:bold;
}
/**
 *	頁碼
 */
.page {
	clear:both;
	PADDING-RIGHT: 2px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP:8px; TEXT-ALIGN: center;
}
.page A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.page A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.page A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.page .current {
	BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4
}
.page .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}
/**
	換頁樣式
 */

DIV.msdn {
	PADDING-RIGHT: 6px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; COLOR: #313031; PADDING-TOP: 4px; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,Sans-Serif;  TEXT-ALIGN: center;vertical-align:middle;
}
DIV.msdn A {
	BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0030ce; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; TEXT-DECORATION: none
}
DIV.msdn A:hover {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.pagination A:active {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.current {
	BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #444444; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.disabled {
	DISPLAY: none
}