@charset "utf-8";

/* 基本樣式
****************************************************************************************************/
* {
	margin:0;
	padding:0;
	font-size:100%;
}
body {
	text-align:center; /*For IE5*/
	word-wrap:break-word;
	font-family:"細明體",Arial,Verdana;
	font-size:12px;
	color:#666;
	line-height:1.5;
	letter-spacing:0.16em;
	background:#ffffff url(../images/bg.png) left top repeat-x;
}

/* 主要區塊
****************************************************************************************************/
#main_bg_left {
	margin:0 auto; /*水平置中*/
	width:792px; /*766 +(13*2) =792px*/
	background:url(../images/bg_left.png) left top no-repeat;
}
#main_bg_right {
	width:766px;
	padding:0 13px;
	background:url(../images/bg_right.png) right top no-repeat;
}
.banner {
	width:766px;
	height:290px;
	background-color:#FFFFFF;
}
#content_main {
	float:left;
	width:812px; /*472 +280 +(30*2) =812px*/
	margin-right:-46px; /*766 -812 = -46px*/
	padding:30px 0;
	/* 自動適應高度 */
	overflow:hidden;
	zoom:1;
}

/* 內容區塊
****************************************************************************************************/
#content_center {
	display:inline; /*解決 IE6 雙倍邊距*/
	width:472px;
	float:left;
	margin-left:30px;
	background:url(../images/content_bg_center.png) top repeat-x;
}
#content_left {
	width:100%;
	background:url(../images/content_bg_left.png) left top no-repeat;
}
#content_right {
	width:100%;
	background:url(../images/content_bg_right.png) right top no-repeat;
	
}

/* 主要樣式
****************************************************************************************************/
#content_main .link:hover a,
#content_main p:hover a { /*IE7 & IE6 Only*/
	border-bottom-style:dotted;
}
.banner a,
#content_main .link a,
#content_main p a {
	line-height:1;
	vertical-align:text-top;
	color:#3471B0;
	text-decoration:none;
	padding-bottom:0; /*Mz1*/
   *padding-bottom:1px; /*IE7 & IE6*/
	border-bottom:1px #3471B0 solid;
}
.banner a:hover,
#content_main .link a:hover,
#content_main p a:hover {
	border:none;
}
.banner h1 {
	visibility:hidden;
}

/* 內容樣式
****************************************************************************************************/
#content {
	padding:5px 15px 1px 15px; /*Mz1*/
   *padding:10px 15px 2px 15px; /*top +6px, IE7 Only*/
   _padding:11px 15px 1px 15px; /*top +6px, IE6 Only*/
	text-align:left;
	cursor:default;
	/* 自動適應高度 */
	overflow:hidden;
	zoom:1;
}
#content h2,
#content h3,
#content p {
	text-indent:24px;
	margin:6px 0;
	font-weight:normal;
}
#content h2 {
   _vertical-align:middle; /*IE6 Only*/
    margin-left:24px;
	font-size:133%;
	line-height:24px;
	padding-bottom:2px;
	text-indent:27px;
	background:url(../images/green_i.gif) 0 3px no-repeat; /*Mz1*/
   *background-position:0 4px; /*IE7*/
   _background-position:0 3px; /*IE6*/
	color:#4CB034;
}
#content h3 {
	color:#EA8A1C;
	background:url(../images/orange_arrow.gif) 0 4px no-repeat;
}
#content .hr {
	margin-top:10px; /*Mz1*/
   *margin-top:11px; /*IE7*/
   _margin-top:10px; /*IE6*/
	padding-top:11px; /*Mz1*/
   *padding-top:10px; /*IE7*/
   _padding-top:11px; /*IE6*/
    padding-bottom:1px; /*Mz1*/
   *padding-bottom:2px; /*IE7 & IE6*/
	border-top:1px #999 dashed;
	background-position:0 14px;
}
#content img {
	display:block;
	margin:8px auto 11px auto; /*Mz1*/
   *margin:9px auto 10px auto; /*IE7*/
   _margin:8px auto 11px auto; /*IE6*/
	text-align:center;
}
#content .img_note {
	display:block;
	text-align:right;
	color:#999;
}
#content ol {
	margin-left:48px;
	list-style-type:decimal;
}
#content ul.green_arrow {
	margin-left:24px;
	list-style:none;
}
#content ul.green_arrow li {
	padding-left:24px;
	background:url(../images/bookmark.gif) 0 2px no-repeat; /*Mz1*/
   *background-position:0 3px; /*IE7*/
   _background-position:0 2px; /*IE6*/
}

/* 標題行內連結樣式
****************************************************************************************************/
#content .link {
	clear:both;
	margin:6px 24px;
	/* 自動適應高度 */
	overflow:hidden;
	zoom:1;
}
#content .link h2 {
	margin:0;
	float:left;
}
#content .link a {
	float:right;
	margin-top:4px;
   *margin-top:5px;
   _margin-top:4px;
	color:#4CB034;
	padding-bottom:1px;
	border-color:#4CB034;
}

/* 選單區塊
****************************************************************************************************/
#menu {
	position:relative;
	float:right;
	width:280px;
	height:300px;
	background:url(../images/menu_bg.gif) 0 0 no-repeat;
	z-index:10;
}
#menu div {
	margin:6px 76px 0 13px;
	height:219px;
	padding:12px;
	text-align:left;
}

/* 選單樣式
****************************************************************************************************/
#menu div h2 {
	padding-right:12px;
	padding-bottom:6px;
	margin-bottom:6px;
	text-align:right;
	font-size:133%;
	font-weight:normal;
	color:#8C8C8C;
	border-bottom:1px #D2D2D2 solid;
}
#menu div ul {
	list-style:none;
}
#menu div li {
	display:block;
    line-height:1em;
}
#menu div li a {
	display:block;
	width:100%; /*For IE6*/
	text-decoration:none;
}
#menu div li a:hover {
    background:url(../images/menu_button_bg.png) center repeat-x;
}
#menu div li a span {
	display:block;
    padding:6px 9px 5px 12px;
    text-align:left;
    color:#75AE47;
	background:url(../images/submenu_right.gif) 145px center no-repeat;
}
#menu div li a:hover span {
	text-align:right;
    color:#FFFFFF;
	background:url(../images/submenu_left.gif) 12px center no-repeat;
}
#menu div li a .ex {
	text-indent:28px;
}

/* 頁尾區塊 & 樣式
****************************************************************************************************/
#footer {
	clear:both;
	height:50px;
	cursor:default;
	background:url(../images/bg_footer.png) no-repeat;
}
#footer div {
	position:relative;
	float:right;
    top:15px; /*Mz1*/
   *top:14px; /*IE7*/
   _top:15px; /*IE6*/
	margin-right:12px;
	color:#FFFFFF;
}
#footer #msn {
	display:block;
	width:123px;
	height:67px;
	position:relative;
	float:right;
	top:-17px;
	background:url(../images/msn_serv.png) right bottom no-repeat;
}
#footer #msn:hover {
	background-image:url(../images/msn_serv_over.png);
}