@charset "utf-8";
/* CSS Document */

/*整體網站*/
body {
	margin-top: 0px; /*網頁最上方距離*/
	font-family: Arial, Helvetica, sans-serif;/*字體*/
	font-size: 13px;/*字體大小*/
	color: #333;/*字體顏色*/
	background-color: #FFFFFF;/*背景顏色*/
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
}

/*字體連結*/
a {
	color: #333333;/*顏色*/
	text-decoration: none;/*連結底線*/
    outline: none; /*虛線邊框Firefox有效*/
    hlbr:expression(this.onFocus=this.blur());/*虛線邊框IE有效*/
}

/*字體連結 移至上方後*/
a:hover {
	color: #333333;/*顏色*/
	text-decoration: none;/*連結底線*/
}

/*div設定*/
.title {
	height: 44px;/*高*/
	width: 1024px;/*寬*/
	margin-right: auto; /*右邊距離*/
	margin-left: auto; /*左邊距離*/
}

/*圖片邊框*/
img {border:none;}/*邊框為0*/


/*外框*/
.bpic{ padding:5px; border:1px solid #CCCCCC} /*內間距;框粗細、線條、顏色*/


/*分頁*/
.page{padding:2px;font-weight:bolder;font-size:12px;}/*分頁整體間距;字體粗體;字體大小*/
.page a{border:1px solid #ccc;padding:0 5px 0 5px;margin:2px;text-decoration:none;color:#333;} /*連結後邊框粗細、線條、顏色;內間距;外間距;字底線;字顏色*/

.page span{
	padding:0 5px 0 5px;/*內間距*/
	margin:2px;/*外間距*/
	color:#fff;/*字顏色*/
	border:1px solid #999; /*邊框顏色*/
	background-color: #999;/*背景色*/
}


/*文字*/

.p1 {
	font-size: 17px; /*大小*/
	font-weight: bold; /*粗體*/
	text-decoration: none;/*連結底線*/
	color: #F7F7F7; /*顏色*/
}

.menu_top {
	height: 136px;
	width: 964px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat;
}



.matter {
	height: auto;
	width: 964px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-image: url(../images/content_bg.gif);
}

.foot {
	height: 90px;
	width: 100%;
	font-size: 13px;/*字體大小*/
	color: #FFFFFF;/*字體顏色*/
	background-color: #000000;/*背景顏色*/
	background-repeat: no-repeat;
}

.menu_m {
	height: 90px;
	width: 100%;
	font-size: 13px;/*字體大小*/
	color: #FFFAB5;/*字體顏色*/
	background-image: url(../images/menu_m.gif);
}
/**
 * 三層選單
 *
 */
 
#menu {
	width: 200px;
	overflow: hidden;
	font-size: 12pt;
	cursor: pointer;
	border: thin none #BDBBBB;
}

#menu .nav img {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
#menu ul {
	padding:0px;
	margin:0px;
	list-style:none;
	font-weight:bold;
}
#menu .nav {
	width: 200px;
	height: 31px;
	text-align: center;
	line-height: 31px;
	margin-top: 10px;
	background-color: #BDBBBB;
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
#menu .childs {
	text-align: center;
	padding-top: 40px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 40px;
	color: #FFF;
	margin-top: 5px;
}

#menu .childs span{
	display: inline-block;
	width: 200px;
	color: #000;
	font-size: 14px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#menu .childs span:hover{
	color:#333;
	background:#FFF;
	opacity:0.5;
}

#menu .childs ul {
	font-size: 11pt;
	padding-left: 10px;
	display: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#menu .childs ul li {
	padding:5px;
}

/*分頁*/
.page{padding:2px;font-weight:bolder;font-size:12px; text-align:center;margin-top:20px;}
.page a{
	border: 1px solid #ccc;
	padding-top: 0;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 0;
	margin: 2px;
	text-decoration: none;
	color: #333;
}

.page span{
 padding:0 5px 0 5px;
 margin:2px;
 color:#fff;
 border:1px solid #82C300;
 background-color: #82C300;
}
tr td table {
}

.menu {
width: 228px;
margin-right: auto;
margin-left: auto;
font-size: 11pt;
background-image: url(../images/menu_m.gif);
margin-bottom: 15px;
}

.menu_t {
background-image: url(../images/menu_t.gif);
height: 64px;
}

.menu_f{
	background-image: url(../images/menu_f.gif);
	height: 27px;
}

.arrowsidemenu{
	width: 175px;
	margin-right: auto;
	margin-left: auto;
}

.arrowsidemenu div a{ /*header bar links*/
	display:block;
	height: 30px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	padding-top: 6px;
	padding-right: 5px;
	padding-left: 25px;
	font-weight: bold;
}
	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
	color: #FFFFFF;
	background-image: url(../images/menu_bg.gif);
	background-repeat: repeat-x;
}

.arrowsidemenu div a:hover{
	color: #FFF;
	background-image: url(../images/menu_bg2.gif);
	background-repeat: repeat-x;
}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: #FFFF00;
}

	
.arrowsidemenu div.selected a{ /*header that's currently selected*/
}

.arrowsidemenu ul{
	list-style-type: none;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

.arrowsidemenu ul li{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #EBEBEB;
}


.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	text-decoration: none;
	color: #000000;
	padding-left: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 3px;
	margin-bottom: 1px;
	background-image: url(../images/icon_menu02.gif);
	background-repeat: no-repeat;
	background-position: 9px 16px;
}

.arrowsidemenu ul li a:hover{
	background-color: #EE4A04;
	color: #FFFFFF;
	text-decoration: none;
}

.clean {
clear: both;
}