@charset "big5";

#banner {width:950px; height:102px; margin:8px auto; padding:8px;}
#banner ol {width:948px; height:100px; border:1px solid #FFFFFF;}
#banner ol li img {width:948px; height:100px;}

#content {float:left; width:700px; margin:0 0 0 25px; display:inline;}
#content .unitem {padding-left:12px; margin-bottom:12px;}
#content .unitem ol {padding:2px 0;}
#content .unitem ol li {float:left; width:72px; padding:0 24px 4px 16px; background:url(/images/dot/img_arrow_02.gif) no-repeat left center;}
#content .unitem ol li:hover {background:url(/images/dot/img_arrow_03.gif) no-repeat left center;}
#content .serviceitem {padding-left:12px; margin-bottom:12px;}
#content .serviceitem ol {padding:2px 0;}
#content .serviceitem ol li {float:left; width:132px; padding:0 24px 4px 16px; background:url(/images/dot/img_arrow_02.gif) no-repeat left top;}
#content .serviceitem ol li:hover {background:url(/images/dot/img_arrow_03.gif) no-repeat left top;}

#content p,h1, h2, h3, h4, h5, h6 {margin:0.5em auto;}
#content p.fl:first-letter {font-size:300%;float:left;}
#content .cc63 {color:#c63;border-bottom:#c00 1px dotted;}
#content .c33f {color:#33f;}
#content .lg {font-size:110%;color:#c00;}
#content li {list-style:url(/images/dot/dot_blue.png);margin-left:3em;}
#content li.red {list-style:url(/images/dot/dot_red.png);margin-left:1.5em;}
#content li.num {list-style:decimal;margin-left:1.5em;}
#content li.none {list-style:none;margin-left:1.5em;}
#content li.a4 {padding-left:16px; margin-left:3em; list-style:url(/images/dot/img_arrow_04.gif);}


#content .site {height:20px;border-bottom:1px dotted #dfdfdf; margin-bottom:2px;}
#content .site ul li {float:left;list-style:url(/images/dot/img_arrow_s.gif); color:#FF6600;padding:0px;}
#content .site ul li a {color:#006633;}

#content .rdunitem {padding-left:0px; margin-bottom:12px;}
#content .rdunitem ol li {float:left;list-style:url(/images/dot/img_arrow_02.gif);}
#content .rdunitem ol li:hover {list-style:url(/images/dot/img_arrow_03.gif);}

#center {float:left; width:373px; margin:0px; display:inline;}
#newslist {width:371px;}
#newslist .newstitle {width:371px; height:34px; border-bottom:4px solid #9DCD39; overflow:hidden; background:url(/images/menu/img_title_04_1.jpg) no-repeat;}
#newslist .newstitle img {display:none;}
#newslist .newstitle:hover img {display:block;}
#newslist .item {width:371px;  border-bottom:1px dotted #d9d9d9;}
#newslist .item dl {width:349px; margin:1px; padding:12px 10px; font-family:Arial, Helvetica, sans-serif; background:#FFFFFF;}
#newslist .item dl dt {float:left; width:17px;}
#newslist .item dl dt ol {width:17px; height:16px; padding-top:1px; background:#5c96c3; text-align:center; color:#FFFFFF;}
#newslist .item dl dd {float:left; width:326px; padding-left:6px;}
#newslist .item dl dd ol li {font-weight:bold; color:#135550;}
#newslist .item dl dd ol li a {color:#135550;}
#newslist .item dl dd ol p {font-weight:normal; color:#313131; padding-top:6px; line-height:1.5;}
#newslist .item dl dd ol p a {color:#313131;}

#right {float:right; width:300px;}
#programme {}
#programme .progtitle {width:298px; height:34px; border-bottom:4px solid #9DCD39; overflow:hidden; background:url(/images/menu/img_title_05_1.jpg) no-repeat;}
#programme .progtitle img {display:none;}
#programme .progtitle:hover img {display:block;}
#programme .item {width:298px; border-bottom:1px dotted #d9d9d9;}
#programme .item dl {width:276px; margin:1px; padding:12px 10px; font-family:Arial, Helvetica, sans-serif; background:#FFFFFF;}
#programme .item dl dt {float:left; width:17px;}
#programme .item dl dt ol {width:17px; height:16px; padding-top:1px; background:#5c96c3; text-align:center; color:#FFFFFF;}
#programme .item dl dd {float:left; width:253px; padding-left:6px;}
#programme .item dl dd ol li {font-weight:bold; color:#135550;}
#programme .item dl dd ol li a {color:#135550;}
#programme .item dl dd ol p {font-weight:normal; color:#313131; padding-top:6px;}
#programme .item dl dd ol p a {color:#313131;}

#advertisement {}
#advertisement ol {width:296px; height:60px; padding:1px; border-bottom:1px dotted #d9d9d9; overflow:hidden;}
#advertisement ol img {width:296px; height:60px;}

#space {clear:both; margin:0;}

#header, #menu, #banner, #news, #main, #footer {margin:0 auto;}

#header {width:1008px;height:97px;}
#header .logo {float:left; width:650px; height:90px; overflow:hidden; padding-left:24px;}
#header .logo ol li {float:left; width:auto;}
#header .search {float:left; width:230px; padding:33px 0 0 0;}
#header .search ol {color:#343434; font-family:Arial, Helvetica, sans-serif; height:25px;}
#header .search ol li {float:left; width:auto; padding:0 10px 0 12px; *padding:2px 10px 0 12px; background:url(/images/dot/img_headerIcon_01.gif) left center no-repeat;}
#header .search ol li:hover {background:url(/images/dot/img_headerIcon_02.gif) left center no-repeat;}
#header .search ol li a {color:#343434;}
#header .search ol li a:hover {color:#557313;}
#header .search ul {height:24px;}
#header .search ul li {list-style:none;}
#header .search ul input {margin:0; padding:3px; border:1px solid #FFFFFF; background:#3c3c3c; width:128px; height:15px; color:#FFFFFF; font-size:12px; font-family:Arial;}
#header .search ul input[type='image'] {margin:0; padding:0px;border:0px;}



#news {width:944px; height:1.2em; margin:0 auto; padding:4px; background:#EEE url(/images/menu/img_background_03.jpg) repeat-x;}
#news ol {float:left; width:695px; height:1.2em; border-left:3px solid #13734e; padding:2px 0 0 5px; color:#557313; overflow:hidden;}
#news ol a {color:#557313;}
#news ol a:hover {text-decoration:none; color:#003333;}
#news ul {float:left; width:228px; height:1.2em; margin-left:2px; padding:2px 0 0 11px; color:#555555;}
#news li{list-style:none;}

#main {width:962px; margin:10px auto 18px auto;}

#left {float:left; width:232px;}

#memberlogin {width:225px;}
#memberlogin .areatitle {width:225px; height:34px; border-bottom:4px solid #9DCD39; overflow:hidden; background:url(/images/menu/img_title_01_1.jpg) no-repeat;}
#memberlogin .areatitle img {display:none;}
#memberlogin .areatitle:hover img {display:block;}
#memberlogin ol {width:221px; padding:2px 2px 10px 2px; color:#5d5d5d; border-bottom:1px dotted #d9d9d9;}
#memberlogin ul {width:223px; height:20px; margin:1px; padding-top:10px; background:#f4f4f4; color:#135550; text-align:center; letter-spacing:3px;list-style:none;}
#memberlogin input[type='image'] {width:82px;height:24px;border:0px;}
#memberlogin li{list-style:none;}

#stafflogin {width:225px;}
#stafflogin .areatitle {width:225px; height:34px; border-bottom:4px solid #9DCD39; overflow:hidden; background:url(/images/menu/img_title_02_1.jpg) no-repeat;}
#stafflogin .areatitle img {display:none;}
#stafflogin .areatitle:hover img {display:block;}
#stafflogin ol {width:221px; padding:2px; color:#5d5d5d;}
#stafflogin ol li table tr td input {width:150px; height:16px; margin:0; padding:2px; border:1px solid #5d5d5d;}

#link {width:225px;}
#link .areatitle {width:225px; height:34px; border-bottom:4px solid #9DCD39; overflow:hidden; background:url(/images/menu/img_title_06_1.jpg) no-repeat;}
#link .areatitle img {display:none;}
#link .areatitle:hover img {display:block;}
#link ol {margin:1em 2.5em;list-style:url(/images/dot/img_arrow_s.gif);}
#link ol li {list-style:url(/images/dot/img_arrow_s.gif);}
#link ol li:hover {background:#B9DE97;border-bottom:1px #0C6 dotted;}

#memberlogin, #stafflogin, #link, #newslist, #programme, #advertisement {border:1px solid #9DCD39; margin-bottom:10px;}

#footer {border-top:1px solid #ede4cc; padding:20px 0; color:#454545;clear:both;text-align:center;}
#footer ol {text-align:center; margin-bottom:20px;}
#footer ul {text-align:center;}
#footer ul li {padding-bottom:6px;list-style:none;}