@charset "big5";
@import url("/css/_reset.css");

#XlegendTop { position: absolute; width:100%; min-width: 1000px; height: 45px; z-index: 999; }
.googleCode { position: absolute; z-index: 900; }

ul, li { list-style-type: none; }
a { color: #39F; text-decoration: underline; }
a:hover { color: #4E65C2; text-decoration: none; }

.wrapper { position: relative; width:100%; min-width: 1000px; background: url('img/bg.jpg') center 45px no-repeat; }

/*------------------------------------------------------------------------------------------------------------------------------------- 
Bar & Menu
-------------------------------------------------------------------------------------------------------------------------------------*/
.Bar { position: absolute; z-index: 10; top: 45px; right: 50%; margin-right: -496px; /*width: 350px;*/ }
.Bar.fixed { position: fixed; top: 0px; }
.Bar_head { margin-left: 50px; padding: 233px 0 0 20px; width: 245px; height: 59px; background: url('img/bar_head.png') 0 0 no-repeat; }
.Bar_head .month { width: 60px; text-align: center; font-size: 50px; color: #FFF; font-weight: bold; font-family: Arial; }
.Bar_menu { margin-left: 50px; width: 245px; background: url('img/bar_bg.png') top right repeat-y; }
.Bar_foot a { display: block; margin-left: 50px; width: 245px; height: 38px; background: url('img/bar_foot.png') top right repeat-y; text-indent: -99999px; }

.Bar_menu li a { display: block; margin: 2px 0px 0px 21px; width: 209px; height: 47px; background: url('img/menu.png') 0 0 no-repeat; text-indent: -99999px; }
.Bar_menu li.m1 a { background-position: 0 0; margin-top: 0px; }
.Bar_menu li.m2 a { background-position: 0 -47px; }
.Bar_menu li.m3 a { background-position: 0 -94px; }
.Bar_menu li.m4 a { background-position: 0 -141px; }
.Bar_menu li.m5 a { background-position: 0 -188px; }
.Bar_menu li.m6 a { background-position: 0 -235px; }
.Bar_menu li.m7 a { background-position: 0 -282px; }

.Bar_menu li.m1 a:hover, .Bar_menu li.m1 a.active { background-position: -209px 0; }
.Bar_menu li.m2 a:hover, .Bar_menu li.m2 a.active { background-position: -209px -47px; }
.Bar_menu li.m3 a:hover, .Bar_menu li.m3 a.active { background-position: -209px -94px; }
.Bar_menu li.m4 a:hover, .Bar_menu li.m4 a.active { background-position: -209px -141px; }
.Bar_menu li.m5 a:hover, .Bar_menu li.m5 a.active { background-position: -209px -188px; }
.Bar_menu li.m6 a:hover, .Bar_menu li.m6 a.active { background-position: -209px -235px; }
.Bar_menu li.m7 a:hover, .Bar_menu li.m7 a.active { background-position: -209px -282px; }

.Bar_menu li.m1s, .Bar_menu li.m2s, .Bar_menu li.m3s, .Bar_menu li.m4s, .Bar_menu li.m5s, .Bar_menu li.m6s, .Bar_menu li.m7s
{ display: block; margin: 2px 0px 0px 21px; width: 209px; height: 47px; background: url('img/menu.png') 0 0 no-repeat; text-indent: -99999px; }
.Bar_menu li.m1s { background-position: -418px 0; }
.Bar_menu li.m2s { background-position: -418px -47px; }
.Bar_menu li.m3s { background-position: -418px -94px; }
.Bar_menu li.m4s { background-position: -418px -141px; }
.Bar_menu li.m5s { background-position: -418px -188px; }
.Bar_menu li.m6s { background-position: -418px -235px; }
.Bar_menu li.m7s { background-position: -418px -282px; }

/*------------------------------------------------------------------------------------------------------------------------------------- 
logo
-------------------------------------------------------------------------------------------------------------------------------------*/
.logo_FF a { position: absolute; margin: 7px 0 0 33px; width: 280px; height: 198px; background: url('img/logo_FF.png') no-repeat; }
.logo_LH a { position: absolute; margin: 40px 0 0 30px; width: 298px; height: 126px; background: url('img/logo_LH.png') no-repeat; }
.logo_GD a { position: absolute; margin: 20px 0 0 40px; width: 295px; height: 181px; background: url('img/logo_GD.png') no-repeat; }
.logo_FN a { position: absolute; margin: 7px 0 0 33px; width: 284px; height: 200px; background: url('img/logo_FN.png') no-repeat; }
.logo_JS a { position: absolute; margin: 40px 0 0 0px; width: 345px; height: 146px; background: url('img/logo_JS.png') no-repeat; }
.logo_GF a { position: absolute; margin: 15px 0 0 30px; width: 290px; height: 190px; background: url('img/logo_GF.png') no-repeat; }

/*------------------------------------------------------------------------------------------------------------------------------------- 
page
-------------------------------------------------------------------------------------------------------------------------------------*/
#slide { margin: 0 auto 30px; width: 945px; padding-top: 485px; padding-left: 35px; }
#mask { overflow: hidden; width: 686px; }
#panel .pages { float: left; padding: 0 9px; }

#panel img { border: 0px }
#panel .title { width: 668px; height: 85px; }
#panel .pager { width: 650px; margin: 0 auto; font-size: 15px; color: #666; line-height: 24px; font-weight: bold; font-family:"微軟正黑體", Arial; }
#panel .pager .border { padding: 9px; margin-bottom: 30px; border: 1px #CCC solid;  }

#panel .pager p { margin-bottom: 20px; } 
#panel .pager h1 { font-size: 24px; color: #63C ; margin-bottom: 12px; }
#panel .pager h2 { font-size: 18px; color: #099; margin-bottom: 3px; }
#panel ol.num li { margin-left: 28px; color: #BD2626; list-style-type: decimal; }

/*------------------------------------------------------------------------------------------------------------------------------------- 
表格
-------------------------------------------------------------------------------------------------------------------------------------*/
.tbstyle { border: 2px solid #e9e9e9; padding:1px; margin: 0px 0px 5px; line-height: 24px; text-align: center; }
.tbstyle table { border: 1px solid #ccc; border-width:1px 1px 0px 0px; }
.tbstyle th, .tbstyle td { padding: 5px 12px; border:1px solid #B7B7B7; border-width: 0px 0px 1px 1px; }
.tbstyle th { background: #565a94; color: #D0EBFF; font-size: 16px; font-weight: bold; }
.tbstyle td { background: #FFF; }
.tbstyle td.odd { background: #efefef; }
.tbstyle td.odd_2 { background: #73ae74; color: #FFF; }
.tbstyle td.odd_3 { background: #b18cbd; color: #FFF; }
div.Mb { margin-bottom: 27px; }

/*------------------------------------------------------------------------------------------------------------------------------------- 
文字顏色
-------------------------------------------------------------------------------------------------------------------------------------*/
.Left { text-align: left; }
.color_1 { color: #4E65C2; }
.color_2 { color: #C60; }
.color_3 { color: #BD2626; }
.color_4 { color: #e540b1; }
.color_5 { color: #34c812; }

/*------------------------------------------------------------------------------------------------------------------------------------- 
按鈕
-------------------------------------------------------------------------------------------------------------------------------------*/
a.btn_1 { display: block; margin: 0 auto; width: 294px; height: 84px; background: url('img/btn_1.jpg') 0 0 no-repeat; text-indent: -99999px; }
a:hover.btn_1  { background-position: 0 -84px; }
a.btn_2 { display: block; margin: 0 auto; width: 294px; height: 84px; background: url('img/btn_2.jpg') 0 0 no-repeat; text-indent: -99999px; }
a:hover.btn_2  { background-position: 0 -84px; }
a.btn_3 { display: block; margin: 0 auto; width: 294px; height: 84px; background: url('img/btn_3.jpg') 0 0 no-repeat; text-indent: -99999px; }
a:hover.btn_3  { background-position: 0 -84px; }
a.btn_4 { display: block; margin: 0 auto; width: 294px; height: 84px; background: url('img/btn_4.jpg') 0 0 no-repeat; text-indent: -99999px; }
a:hover.btn_4  { background-position: 0 -84px; }
a.btn_5 { display: block; margin: 0 auto; width: 294px; height: 84px; background: url('img/btn_5.jpg') 0 0 no-repeat; text-indent: -99999px; }
a:hover.btn_5  { background-position: 0 -84px; }

/*-------------------------------------------------------------------------------------------------------------------------------------
footer
-------------------------------------------------------------------------------------------------------------------------------------*/
.footer { width: 100%; height: 84px; background: url('img/bg_copyright.gif') top center repeat-x; }
.copyright { width: 700px; margin: 0 auto; padding-top: 22px; height: 62px; font-size: 11px; color: #111; font-family: Arial; }
.copyright li { float: left; }
li.logo { margin: 12px 20px 0 0 ; width: 108px; height: 29px; background: url('img/logo_copyright.png') no-repeat; }
li.txt { margin: 21px 30px 0 0; }
li.R12 { width: 43px; height: 43px; background: url('img/+12.gif') no-repeat; }
li.R15 { width: 43px; height: 43px; background: url('img/+15.gif') no-repeat; }