﻿/* CSS 文件 */
@charset "utf-8";

/* global :: 整體設定
---------------------------------------------------------------------- */
body, div, h1, h2, h3, h4, p, ul, li {
	margin:0;
	padding:0;
}
body {/**/
	background-color: #FFFFFF;
}
html
{
	width: 100%;
}
object{/*消除flash外框*/
    outline: none;
}
/*---- 最外層包裝 ----*/
#wrapper {
	width: 1000px;
	margin:0 auto;
}
/*---- 頁首 ----*/
#header h1 a {/*頁首內容尺寸.文字.底色*/
	text-indent: -9999px;/*標題文字位置不出現在頁面內*/
	display: block;/*自動換行*/
	width: 1000px;
	height: 200px;
	background-color:#999999;
}
/*---- 主選單 ----*/
#main_nav {
	background-color: #000000;/*選單底色*/
	overflow:auto;/*自動出現捲軸*/
	width: 1000px;
}
#main_nav ul {
	list-style-type:none; /*項目符號(選單)無符號*/ 
}
#main_nav li {
	float: left;/*選單靠左*/
}
#main_nav li a {
	display: block;/*自動換行*/
	padding: 5px 10px 5px 10px;
	background-color: #434343;/*按鈕底色*/
	color: #FFFFFF;/*選單文字顏色*/
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;/*選單文字底線*/
	border-right:1px solid #FFFFFF;/*分隔線寬度.顏色*/
}
#main_nav li a:hover {
	background-color: #FFFFFF;/*按鈕底色換變*/
	color: #000000;/*選單文字換變顏色*/
}
/*---- 次選單 ----*/
#sub_nav{clear: both; float:left; width:150px;}
#sub_nav a{ color:#6699FF;}
#sub_nav a:hover{ color:#FF0000;}
#sub_nav p,#sub_nav h2{ text-align:center; padding:5px 10px;}


/*---- 內容區 ----*/
#content {
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid;
	width:978px;
	margin:0 auto;
}
#content h2 {
	font-family: Arial;
	font-size: 24px;
	text-align: center;
	padding-top: 10px;
	background-color:#CC9900;
	color:#FFF;
	letter-spacing:10px;/*文字間距*/
	border-top:2px #FFF solid;/*上框實線寬度.顏色*/
}
/*---- 頁尾 ----*/
#footer {
	clear: both;/*讓區塊不往上重疊，解除float 屬性造成的浮動效果(因為區塊變成浮動層，下一個區塊可能會往上跑)*/ 
	background-color: #254b75;
	height:32px;
	width:980px;
	margin:0 auto;
}
#footer h2, #footer p {
	font-size: 12px;
	padding:5px 20px;
	font-family: Arial;
	color: #FFFFFF;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* #font :: 字形
---------------------------------------------------------------------- */
.font10 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #000000;
	text-decoration: none
}
a.font10:hover {
	color: #000099;
	text-decoration: none
}
.font11 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	line-height: 22px;
	color: #000276;
	text-decoration: none;
}
a.font11:hover {
	color: #ff4d00;
}
.font12 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	text-decoration: none;
	line-height: 22px;
	color: #000000;
}
a.font12:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	color: #666666;
}
.font12-1 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	text-decoration: none;
	line-height: 18px;
	color: #000000;
}
a.font12-1:hover {
	text-decoration: underline;
	font-family: "Arial", "Helvetica", "sans-serif";
	color: #666666;
}
.font12-3 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	text-decoration: underline;
	line-height: 18px;
	color: #0A6CCE;
}
a.font12-3:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	color:#0A6CCE;
}
.font13 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	text-decoration: none;
	line-height: 24px;
	color: #6c6c6c;
}
a.font13:hover {
        color: #fdd000
}
.font13-1 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	text-decoration: none;
	color: #454545;
	padding-left:8px;
	line-height: 24px;
}
a.font13-1:hover {

}
.font13-2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #D65F01;
}
.font15 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	text-decoration: none;
	line-height: 30px;
	color: #434343
}
a.font15:hover {
	text-decoration: underline;
	font-family: "Arial", "Helvetica", "sans-serif";
	color: #0A6CCE
}
