@import url("reset.css");	/*可將所有的 CSS 預設值歸零 */

body{
    background-color:#999;
    font-family:Arial,"微軟正黑體";
}

table{
font-size : 10pt;/*文字大小*/
font-family : 微軟正黑體,sans-serif;/*文字字型*/
color : #000;/*文字色彩*/
line-height:1.7;
padding:0 30px;	/*左右各留30px,編排上視覺較舒服*/
}

/* ===頁首區=== */

#HEADER{
    width:1000px;
    margin:0 auto;	/*先上下 後左右 = 置中的縮寫語法*/
}

#HEADER h1{
    display:block;	/*可省略*/
    width:1000px;
    height:200px;
    background-image:url(text-007.jpg);
    text-indent:-9999px;	/*用法一:隱藏文字時*/
}

/* ===主選單區=== */

#NAV{
    width:1000px;
    margin:0 auto;	/*置中*/
    overflow:hidden;	/*可避免此區高度受到FLOAT浮動設定之影響*/
}

#NAV ul{

}

#NAV li{
    float:left;	/*水平排列:要寫在li裡*/
}

#NAV li a{
    display:block;	/*超連結:不能省略這一行!*/
    width:125px;	/*1000px赹分給8個按鈕*/ 
    height:30px;
    line-height:30px;	/*文字高度置中*/
    background-color:#272c40;
    font-size:11px;
    font-weight:bold; /*文字粗體*/
    color:#FFF;
    letter-spacing:2px;
    text-align:center;	/*文字水平置中*/
    text-decoration:none;
}

#NAV ul a:hover{
    background-color:#cab598;
}

/* ===內容區=== */

#CONTENT{
    clear:both;	/*解除浮動*/
    width:1000px;	/*不必預設高度,用文字段落去調整高度即可*/
    font-family:Arial,"微軟正黑體";
    margin:0 auto;
    background-image:url(images/bg.jpg);
    padding-top:0px;	/*內容區與上方選單區之間的間隔設定*/
    padding-bottom:0px;	/*內容區與下方頁尾區之間的間隔設定*/
}

#CONTENT P{
    text-indent:0px;	/*用法二:文字段落的縮排時*/
    text-align:center;
    font-size:13px;
    line-height:1.7;
    padding:0 30px;	/*左右各留30px,編排上視覺較舒服*/
    padding-top:11px;	/*內容區與上方選單區之間的間隔設定*/
    padding-bottom:11px;	/*不同段落之間作區隔*/
}


/* ===頁尾區=== */

#FOOTER{
    width:1000px;	/*不必預高度,用文字段落去調整高度即可*/
    margin:0 auto;
    background-color:#0000;
}

#FOOTER h2{
    font-size:11px;
    font-weight:bold; /*文字粗體*/
    text-align:center;
    line-height:20px;
    color:#fff;
}