html,body { 
height:100%; 

} 
body{
margin:0;
padding:20px 0 0 0;
font-family: Arial,Verdana,Helvetica,sans-serif;
text-align:center;
background:#544832 /*url(../images/bg_newyear.gif) top center repeat*/;
font-size:12px;
line-height:15pt;
color:#757068;
}

a,a:link{color:#77ade5; text-decoration:none;}
a:hover{color:#ff9200;}

h1,h2,h3,h4,h5,h6{
padding:0;
margin:0;
}

.hidden {/*針對 燈箱 隱藏字*/
display: none;
}
br.clear{
font-size:0;
line-height:0;
clear:both;
}

#bigcontainer{/* 讓footer絕對定位於左下角用 包含了垂直延伸的白色背景 */
width:100%;
min-height:100%;
position:relative;

/* bg2.gif(右增加透明1px) bg2-2.gif(左增加透明1px) */
background:url(../images/bg2.gif) center center repeat-y;/*IE6 IE7 FF2 FF3皆可讀到*/
*background:url(../images/bg2.gif) center center repeat-y!important;/* 針對IE7的背景，IE7會被",x:-moz-any-link,x:Default"影響到 所以增加!important讓IE7以這行設定為最高優先 並增加*讓FF讀不到這行 */
}
#bigcontainer,x:-moz-any-link,x:Default{/* 針對FF3的背景 */
background:url(../images/bg2_2.gif) center center repeat-y;
}


* html #bigcontainer { /* 讓IE6的高可以100% */
height:100%;
}

#container{
width:960px;
margin:0 auto;
text-align:left;
background:#ffffff url(../images/containerBG.gif) 0 90px no-repeat;
overflow:auto !important;/*針對FF 加這行才能將背景稱開*/
overflow:inherit;/*針對IE6 不要出現捲軸*/
}


/* 開始 Header 部分設定
===============================================================================================*/


#header{
float:left;
width:960px;
height:90px;
background:url(../images/headerBG.gif) no-repeat;
position:relative;
}

h1 a#logo{
float:left;
width:240px;
height:90px;
margin-left:24px;
display:block !important;
display:inline;
background:url(../images/logo.gif) no-repeat;
color:#5b5355;
font-size:0;
line-height:0;
text-align:center;
}



/* 英文版BTN設定 */
#englishVersion{
width:70px;
height:30px;
position:absolute;
top:0;
right:5px;
display:block;
background:url(../images/englishVersion.gif) no-repeat;
color:#5b5355;
font-size:0;
line-height:0;
text-align:center;
}
#englishVersion:hover{background-position:0 -30px;}


/* 會員登入設定 */
#memberLogin{
width:66px;
height:22px;
position:absolute;
left:887px;
top:595px;
z-index:100;
font-size:0;
line-height:0;
}

#memberLogin a,#memberLogin a:link{
width:66px;
height:22px;
display:block;
background:url(../images/memberLogin.gif);
color:#fff;
}
#memberLogin a:hover{background-position:0 -22px;}

/* 會員登出設定 */
#memberInfo{
width:300px;
height:16px;
position:absolute;
top:95px;
right:35px;
text-align:right;
color:#ab9f88;
}
#memberInfo em{
font-style:normal;
float:right;
margin-right:130px;
}
#memberInfo ul,#memberInfo ul li{
font-style:normal;
float:right;
margin-left:320px;
list-style-type:none;
top:0px;
}

#memberInfo ul li a{
float:right;
width:117px;
height:14px;
position:absolute;
display:block;
top:3px;
right:0;
background:url(../images/logout090909.gif) no-repeat;
font-size:0;
line-height:0;
color:#d4d4bf;
text-align:center;
}
/*
#memberInfo a:hover{background-position:0 -14px;}
*/
#memberInfo ul li#logout{position:absolute; left:0px;} 
#memberInfo ul li#relogin{position:absolute; left:32px;}

#memberInfo ul li#logout a,#logout a:link{background-position:0 0;}
#memberInfo ul li#logout a:hover{background-position:0 -14px;}

#memberInfo ul li#relogin a,#relogin a:link{background-position:-32px 0;}
#memberInfo ul li#relogin a:hover{background-position:-32px -14px;}


/* 開始 navigation 主選單部分設定
===============================*/
#navigation{
float:left;
width:653px;
margin:40px 0 0 38px;
}

#navigation ul#mainNav{
position:relative;
width:653px;
}
#navigation ul,#navigation ul li{
height:21px;
margin:0;
padding:0;
list-style-type:none;
}
#navigation ul li{
float:left;
}
#navigation ul li a{
width:75px;
height:21px;
display:block;
color:#60575a;
font-size:0;
line-height:0;
text-align:center;
background:url(../images/mainMenu.gif) no-repeat;
}

/*Nav 絕對定位設定 當子選單跑出來的時候第一層選單才不會稱開*/
ul li#nav01{position:absolute; left:0;} 
ul li#nav02{position:absolute; left:75px;}
ul li#nav03{position:absolute; left:150px;}
ul li#nav04{position:absolute; left:225px; }
ul li#nav05{position:absolute; left:300px;}
ul li#nav06{position:absolute; left:375px;}
ul li#nav07{position:absolute; left:450px;}
ul li#nav08{position:absolute; left:523px;}

/*Nav link hover設定*/
ul li#nav01 a,#nav01 a:link{background-position:0 0;}
ul li#nav01 a:hover{background-position:0 -21px;}

ul li#nav02 a,li#nav02 a:link{background-position:-75px 0;}
ul li#nav02 a:hover{background-position:-75px -21px;}

ul li#nav03 a,#nav03 a:link{background-position:-150px 0;}
ul li#nav03 a:hover{background-position:-150px -21px;}

ul li#nav04 a,#nav04 a:link{background-position:-225px 0;}
ul li#nav04 a:hover{background-position:-225px -21px;}

ul li#nav05 a,#nav05 a:link{background-position:-300px 0;}
ul li#nav05 a:hover{background-position:-300px -21px;}

ul li#nav06 a,#nav06 a:link{background-position:-375px 0;}
ul li#nav06 a:hover{background-position:-375px -21px;}

ul li#nav07 a,#nav07 a:link{background-position:-450px 0;}
ul li#nav07 a:hover{background-position:-450px -21px;}

ul li#nav08 a,#nav08 a:link{background-position:-523px 0;}
ul li#nav08 a:hover{background-position:-523px -21px;}


/*子選單設定開始
-----------------------*/
#navigation ul ul{
height:21px;
/*background:url(../images/childNavBG.gif) repeat-x;background:url(../images/space.gif) repeat;要加背景才能感應?
width:auto;
top:23px;
left:10px;
border:#FF0000 solid 2px;*/
}
#navigation ul ul li{
float:left;
}
#navigation ul ul li a{
width:auto;
height:16px;
padding:5px 0 0 5px !important;
padding:5px 0 0 0;
line-height:normal;
background-image:none;
font-size:11px;
letter-spacing:1px !important;
letter-spacing:0;
/*line-height:15pt;*/
text-decoration:none;
}

/*childNav 出現與否設定*/
#navigation ul li.parent ul{
display:none;
}
#navigation ul li.parentOn ul{
display:block;
}


/*childNav 樣式設定*/
#navigation ul ul#childNav01 a{
color:#f2ce46;
}
#navigation ul ul#childNav01 a:hover{
border-bottom:#fdd703 solid 2px;
}
#navigation ul ul#childNav02 a{
color:#dcf1f9;
}
#navigation ul ul#childNav02 a:hover{
border-bottom:#1084ac solid 2px;
}
#navigation ul ul#childNav03 a{
color:#cbc7ff;
}
#navigation ul ul#childNav03 a:hover{
border-bottom:#36409e solid 2px;
}
#navigation ul ul#childNav04 a{
color:#e3e3e3;
}
#navigation ul ul#childNav04 a:hover{
border-bottom:#af59d4 solid 2px;
}



#navigation ul ul#childNav04{/* 針對childNav 04 絕對定位設定 讓最後一個子選單不會衝出Header*/
width:315px;
position:absolute;
top:21px;
left:-100px;
}


/* 針對的選項比較往上禿出1px的子選項 */
#navigation ul ul#childNav01 li.childNav_05 a,#navigation ul ul#childNav04 li.childNav_05 a{padding-top:6px !important;}


/* END navigation 主選單部分設定
********************************/

/* END Header 部分設定
************************************************************************************************/




/* 開始 Content 部分設定
===============================================================================================*/
#content{
float:left;
width:950px;
margin-left:5px;
padding:18px 0 150px 0;
display:inline;
}
#contentFlash{
float:left;
width:950px;
margin-left:5px;
padding:30px 0 0 0;
display:inline;
}

/*Page Number Setting*/
#pageNumber{
display:inline;/*修正Margin Double*/
float:right;
margin:25px 10px 0 0;
}
#pageNumber a{
width:7px;
height:7px;
float:left;
margin:0 0 0 5px;
padding:4px;
display:block;
color:#827c73;
font-size:11px;
text-align:center;
line-height:7px;
text-decoration:none;
background:url(../images/pageBG.gif) no-repeat -15px 0;
}
#pageNumber a:hover{background-position:-15px -15px;}
#pageNumber a.onThisPage{background-position:-15px -15px;}
#pageNumber a.pre{
background-position:0 0;
color:#bed1d1;
font-size:0;
line-height:0;
text-align:center;
}
#pageNumber a.pre:hover{background-position:0 -15px;}

#pageNumber a.next{
background-position:-30px 0;
color:#bed1d1;
font-size:0;
line-height:0;
text-align:center;
}
#pageNumber a.next:hover{background-position:-30px -15px;}
/*End Page Number Setting*/


/* END Content 部分設定
************************************************************************************************/





/* 開始 Footer 部分設定
===============================================================================================*/
#footerContainer{
width:100%;
height:55px;
/*position:absolute;*/
position:relative;
bottom:0;
left:0;
text-align:center;
}
#footer{
width:960px;
height:55px;
margin:0 auto;
position:relative;
background:url(../images/footerBG2.gif) no-repeat;
text-align:left;
}
#footerMenu{
float:left;
margin:15px 0 0 27px;
display:inline;
}
#footerMenu a,#footerMenu a:link{
margin-right:5px;
padding-right:5px;
border-right:1px dotted #7e7e7e;
color:#9c9c9c;
text-decoration:none;
}
#footerMenu a:hover{
color:#efa30f;
text-decoration:none;
}

/*design by eddi部分設定*/
#footer em{
font-style:normal;
position:absolute;
top:35px;
left:295px;
color:#b4b4b4;
}
#footer em a,#footer em a:link{
margin-left:3px;
text-decoration:none;
color:#b4b4b4;
}
#footer em a:hover{
color:#619fcb;
text-decoration:none;
}


/* 瀏覽人數計數器設定 */
#count{
position:absolute;
top:15px;
left:400px;
color:#acacac;
}

/* END Footer 部分設定
************************************************************************************************/




/* 開始 系統訊息頁 部分設定
===============================================================================================*/

#systemMessage{
width:453px;
height:201px;
margin:140px 0 0 235px;
padding-top:50px;
text-align:center;
background:url(../images/messageBG.gif) no-repeat;
}
#systemMessage em{
float:auto;
width:400px;
margin:0 auto;
display:block;
text-align:center; 
font-style:normal;
}
#systemMessage em a{color:#c93e07;}
#systemMessage em a:hover{color:#ff4800;}


/* END 系統訊息頁 部分設定
************************************************************************************************/