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

body { background: #f5ba6b; }
ul, li { list-style-type: none; }
a { text-indent: -99999px; }

#XlegendTop { position: absolute; z-index: 999; width:100%; min-width: 980px; height: 45px; }

/*------------------------------------------------------------------------------------------------------------------------------------- 
page
-------------------------------------------------------------------------------------------------------------------------------------*/
#wrapper { width:100%; min-width: 980px; height: 869px; background: url('img/bg.jpg') center 45px no-repeat; }
#wrapper .logo { position: absolute; z-index: 4; top: 60px; width: 100%; min-width: 980px; }
#wrapper .logo li { margin: 0 auto; width: 950px; }
#wrapper .logo li a { display: block; margin-left: 5px; width: 320px; height: 240px; }

#event { position: absolute; top: -2800px; width: 100%; height: 100%; }
#pages_black { position: fixed; display: none; left: 0; top: 0; z-index: 21; width: 100%; height: 100%; background: rgba(0,0,0,0.8); }
.pages { z-index: 23; margin: 102px 0 0 -490px; width: 980px; }
a#close_btn { position: absolute; display: block; z-index: 24; top: 60px; left: 50%; margin-left: 423px; width: 41px; height: 41px; background: url('img/btn_close.png') 0 0 no-repeat; }
a:hover#close_btn { background-position: 0px -41px; }

#page_1, #page_2, #page_3, #page_4  { position: absolute; left: 50%; min-width: 980px; }

.title { padding-left: 15px; }
.bg_bottom { margin: 0 auto 40px; width: 950px; height: 78px; background: url('img/bg_3.png') 0 0 no-repeat; }

.content { width: 950px; margin: 0 auto; background: url('img/bg_2.png') top center repeat-y; }
.content_in {  width: 800px; margin: 0 auto; font-size: 15px; color: #666; line-height: 24px; font-weight: bold; font-family: "微軟正黑體", Arial; }
.content_in .border { padding: 9px; margin-bottom: 15px; border: 1px #CCC solid;  }
.content_in p { margin-bottom: 20px; } 
.content_in h1 { font-size: 18px; color: #AA2147; margin-bottom: 3px; }
.content_in ol.num li { margin-left: 28px; color: #BD2626; list-style-type: decimal; }
.content_in .Mb { margin-bottom: 0px; }
.content_in .Mb2 { margin-bottom: 30px; }

/*-------------------------------------------------------------------------------------------------------------------------------------
menu
-------------------------------------------------------------------------------------------------------------------------------------*/
#menu { position: absolute; z-index: 10; top: 720px; width:100%; min-width: 980px; }
#menu ul { margin: 0 auto; width: 918px; height: 81px; }

#menu li a { display: block; float: left; margin-right: 22px; width: 213px; height: 81px; background: url('img/menu.png') 0 0 no-repeat; }
#menu li.m1 a { background-position: 0 0; }
#menu li.m2 a { background-position: -213px 0; }
#menu li.m3 a { background-position: -426px 0; }
#menu li.m4 a { background-position: -639px 0; margin-right: 0px; }

#menu li.m1 a:hover { background-position: 0 -81px; }
#menu li.m2 a:hover { background-position: -213px -81px; }
#menu li.m3 a:hover { background-position: -426px -81px; }
#menu li.m4 a:hover { background-position: -639px -81px; }

/*------------------------------------------------------------------------------------------------------------------------------------- 
表格
-------------------------------------------------------------------------------------------------------------------------------------*/
.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: #752B40 url('img/bg_table.png') 0 0 repeat-x; color: #FCE0A6; font-size: 16px; }
.tbstyle td { background: #FFF; }
.tbstyle td.odd { background: #AA6E4C; color: #FFF; }
.tbstyle td.odd2 { background: #996F99; color: #FFF; }

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

/*-------------------------------------------------------------------------------------------------------------------------------------
footer
-------------------------------------------------------------------------------------------------------------------------------------*/
.footer { width: 100%; min-width: 980px; height: 85px; background: url('img/bg_copyright.jpg') top center no-repeat; }
.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.R15 { width: 43px; height: 43px; background: url('img/+15.gif') no-repeat; }