@import url("reset.css");

body{ font-family:Arial, Helvetica, sans-serif; background:url(../img/bg.gif) repeat-x top; background-color:#d7dedf; font-size:100%;}

/* ---------------------最外層包裝--------------------------- */
#WRAPPER{ width:995px; margin:0 auto; background-color:#FFF; border-top:#CCC 5px solid; overflow:hidden; color:#333;}

/* ------------------------頁首------------------------ */
#HEADER{ width:995px; position:relative;}
#HEADER #LOGO{ display:block; height:125px; width:203px; text-align:center; background:url(../img/logo_bg.png) no-repeat top; position:absolute; left:30px; z-index:1;}
#HEADER h1{ padding-left:25px; padding-top:15px; font-size:135%; color:#0073cc; font-family:微軟正黑體;}
#HEADER p{ position:absolute; text-align:center; top:0; right:8px; float:right; width:125px; height:12px; padding:5px; background:url(../img/topmenu_bg.gif) left no-repeat; color:#69574b;}
#HEADER p a{ color:#69574b; text-decoration:none; font-size:85%;}
#HEADER p a:hover{ color:#036;}
#HEADER #NAV{ margin-top:10px; margin-left:25px; display:block; width:945px; height:30px;}

#HEADER #IMAGE{display:block; width:995px; height:198px; padding-top:18px; text-align:center; background:url(../img/image_bg.gif) no-repeat top; *margin-top:0px; _margin-top:0;}

#CON_WRAPPER{ width:995px;_width:995px; margin:0 auto;}
#topimgnav { z-index: 50; float:left; text-align:right; width:945px; margin-left:25px; margin-top:10px; }
#topimgnav a { margin: 0 5px; padding-left:5px; padding-right:5px; background: #E5E5E5; text-decoration: none; color:#6a93d4; }
#topimgnav a.activeSlide { background: #E5E5E5; color:#c6261f }
#topimgnav a:focus { outline: none; }

/* ------------------------左側選單------------------------ */
#SUB_A{ float:left; width:235px; color:#666; clear:both;}


#SEARCH{ padding-left:25px;padding-bottom:10px; line-height:1.6em;}

#SUB_A #QUICK{ padding-left:25px; }
#SUB_A #QUICK h2{ display:block; width:190px; height:45px; background:url(../img/quick_top.gif) no-repeat left; color:#FFF; padding-left:15px; line-height:45px; font-size:120%;}

#SUB_A #MONEY{}
#SUB_A #MONEY h2{ display:block; width:156px; height:24px; background:url(../img/donate_bg.gif) no-repeat left; color:#333; padding-left:70px;  font-size:120%; padding-top:33px;}
#SUB_A #MONEY ul{ padding-left:30px; padding-right:20px;}
#SUB_A #MONEY li{ padding-top:3px; padding-bottom:3px; line-height:1.8em; padding-left:10px; background:url(../img/icon_dot.gif) left 12px no-repeat;}
#SUB_A #MONEY li{}
/*#SUB_A #MONEY li span.item{ width:70px; margin-left:-55px;}
#SUB_A #MONEY li span.item2{ width:70px; margin-left:-80px;}*/

/* ------------------------首頁中間內容區------------------------ */
#CONTENT{ float:right; width:760px;}
#SITE{ color:#666; width:500px; display:block; float:left;}
#SITE .home{ color: #CC0000; font-weight: bold;}
#SITE a{ color:#666; text-decoration:none;}
#SITE a:hover{ color:#069;}

/* -----------------文字大小------------------- */
#CONTENT #font_site{ float:right; display:block; width:170px; height:50px; color:#666;}
#CONTENT #font_site li{ float:left; line-height:22px;}

/* ---------------------首頁新聞中間列表---------------------- */ 
#NEWS{ width:540px; float:left; padding-left:10px;}
#NEWS h3{  float:left; width:150px; background:url(../img/icon_c.gif) left 8px no-repeat; padding:8px 0 5px 20px; font-size:120%; color:#041F51;}

#NEWS h3 span{ color:#069; font-size:90%; }
#NEWS .line{ float:left; padding-left:156px; height:20px; width:140px; border-bottom:#EBF4FA 3px solid;}
#NEWS .more{  float:right; width:40px; padding-top:10px;}
#NEWS .news_title{ font-size:105%; background:url(../img/list_2.gif) repeat-x; color:#22516a; font-weight:bold; line-height:25px; text-align:center;}
.news_font{ border-bottom:#dedbd9 dashed 1px; line-height:25px;}
.news_font a{ color:#333; text-decoration:none;}
.news_font a:hover{ color:#fd7d00;}
.news_time{ background:url(../img/icon_dot.gif) 5px no-repeat; text-align:center; padding:12px 0 12px 15px; color:#369; border-bottom:#dedbd9 dashed 1px;}

/* ---------------------首頁中間列表---------------------- */ 
#LIST{ color:#385e8d; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:100%;}
#LIST li{float:left; width:155px;_margin-left:-3px; padding:5px; margin:0 5px; text-align:center; height:195px;}
#LIST li I {height:100%; display:inline-block;}
#LIST li a{display:block; text-align:center; vertical-align:middle; width:160px; padding:3px; height:160px;
margin-bottom:5px; margin-top:5px; border: 1px solid #CCC; background-color:#FFF;}
#LIST li a:hover{ background-color:#CCC;}
#LIST li *{ vertical-align:middle;}

/* ---------------------內頁相片列表---------------------- */ 
#LIST2{ color:#385e8d; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
#LIST2 li{float:left; width:155px;_margin-left:-3px; padding:5px; margin:0 5px; text-align:center; height:195px;}
#LIST2 li I {height:100%; display:inline-block;}
#LIST2 li a{display:block; text-align:center; vertical-align:middle; width:160px; padding:3px; height:160px;
margin-bottom:5px; margin-top:5px; border: 1px solid #CCC; background-color:#FFF;}
#LIST2 li a:hover{ background-color:#CCC;}
#LIST2 li *{ vertical-align:middle;}


/* ---------------------內頁新聞中間列表---------------------- */ 
#CONTENT #Search_list{display:block; width:745px; height:31px; background:url(../img/case01.gif) no-repeat; padding:5px 10px 5px 5px; line-height:34px;}
#CONTENT #Search_list p{ background:url(../img/icon_look.gif) no-repeat left; padding-left:20px;}

#NEWS_LIST{ width:725px; float:left; padding-left:10px; padding-bottom:10px;}
#NEWS_LIST h3{  float:left; width:150px; background:url(../img/icon_c.gif) left 8px no-repeat; padding:8px 0 5px 20px; font-size:120%; color:#041F51;}

#NEWS_LIST h3 span{ color:#069; font-size:90%; }
#NEWS_LIST .line{ float:left; padding-left:156px; height:20px; width:380px; border-bottom:#EBF4FA 3px solid;}
#NEWS_LIST .news_title{ font-size:105%; background:url(../img/list_2.gif) repeat-x; color:#22516a; font-weight:bold; line-height:25px; text-align:center;}

/* ---------------------內頁新聞中間內容---------------------- */ 
#NEWS_LIST h4{ color:#385C70; font-size:120%; padding-left:20px; background:url(../img/case01.gif) left no-repeat; line-height:41px; height:41px;}
#NEWS_LIST h5{ text-align:left; color:#e06939; font-size:105%; padding-top:8px; background:url(../img/icon_7.gif) left no-repeat; padding-left:14px;}
#NEWS_LIST ul{}
#NEWS_LIST li{ color:#6a624c; font-family:Tahoma, Geneva, sans-serif; line-height:1.8em;}
#NEWS_LIST li.time{color:#333; text-align:right;}

/* ---------------------網頁導覽---------------------------- */
#NEWS_LIST p.site{ margin-left:18px; line-height:1.8em;}
#level_0{ width:225px; _width:220px; background-color:#E3EDEE; border:#999 1px solid; height:410px; margin:5px 7px; float:left; display:table-cell; color:#036; line-height:1.8em; font-size:90%;}
#level_0 a.title{ text-decoration:none; font-weight:bold; color:#036; padding:5px;}
#level_0 a:hover.title{ text-decoration:underline;}

.level_1{ background-color:#FFF; border-top:#999 1px solid; height:384px; _height:383px; width:225px; color:#666;} 
.level_1 li{ margin-left:10px;}
.level_1 li a{ color:#666; text-decoration:none; background:url(../img/icon_a.gif) left no-repeat; padding-left:10px;} 
.level_1 li a:hover{ text-decoration:underline; color:#069; background:url(../img/icon_aover.gif) left no-repeat ;}

/* --------------------網站導覽-----------------------
#NEWS_LIST p.site{ margin-left:18px;}
#SITEMAP{ margin-left:18px;}
#SITEMAP ul{ margin:8px 8px 8px 0; width:700px; _width:700px;}
#SITEMAP ul h5{ text-align:left; display:block; height:15px; background:url(../img/icon_next2.gif) no-repeat left 6px; padding:5px 10px 5px 15px; line-height:15px; font-weight:bold; clear:both; border-bottom:#CCC 1px solid;}
#SITEMAP ul h5 a{ color:#483822; text-decoration:none;}
#SITEMAP ul h5 a:hover{ color:#900;}
#SITEMAP li{ float:left; margin-left:18px; background:url(../img/icon_a.gif) no-repeat left; padding-right:10px;}
#SITEMAP li a{ text-decoration:none; color:#775e36;}
#SITEMAP li a:hover{ color:#060;}
 */

/* ------------------------右側選單------------------------ */
#SUB_B{ width:190px; float:right; color:#666;}
#SUB_B h3.mv{ height:54px; padding-left:52px; line-height:54px; background:url(../img/movie_bg.jpg) left no-repeat; font-size:120%; color:#041F51;}
#SUB_B .text_mv{ width:160px; line-height:1.6em;}

#SUB_B h3.link{ height:54px;_height:34px; padding-left:55px; line-height:54px; _padding-top:20px; background:url(../img/ie_bg.jpg) left no-repeat; font-size:120%; color:#041F51;}
#SUB_B ul{ margin-left:8px;}
#SUB_B li{ padding-bottom:3px;}
#SUB_B li a{ border:1px #CCC solid; padding:3px; margin:3px; display:block; width:147px;}

/* ------------------------頁碼------------------------------*/
#CONTENT #PAGENO{ text-align:center; color:#666; margin:5px 0;}
#CONTENT #PAGENO a.page_font{ color:#666; text-decoration:none;}
#CONTENT #PAGENO a:hover.page_font{ color:#F60;}

/* ---------------------常用----------------------------- */
label { line-height:23px; height:23px;}
.w08 {line-height:23px; height:23px;}
.btn{ width:42px; height:23px; background:url(../img/btn02.gif) no-repeat top; color:#666; border-style:none; cursor:pointer;}
.btn:hover{ color:#069;}
a.btn_green { color:#660; text-decoration:none;}
a:hover.btn_green { color:#330;}
.w1{ color:#333;}
.w2{ color:#660;}
.W3{ font-weight:bold; color:#069;}
.caption{ color:#CCC;}
.import { color: #666; letter-spacing: 1px; border: 1px solid #c9c5af;}
.import_select { color: #666; border: 1px solid #abadb3; }
a.hotkey{ color:#666; text-decoration:none; font-size:78%;}
a:hover.hotkey { color:#069;}
a.common{ color:#666; text-decoration:none; line-height:1.6em;}
a:hover.common{ color:#069;}
.img_border{ border:#CCC solid 1px; padding:3px; background-color:#FFF; float:left; margin:10px; display:block;}

/* ----------------------咖啡按鈕/友善列印------------------------------- */
.brown_btn{float:right; height:21px; padding-top:5px;}
.brown_btn a{ float:left; display:block; background:url(../img/right.gif) right top; color:#FFF; width:70px; text-align:center; text-decoration:none; line-height:18px; margin-right:5px;}
.brown_btn a span{ display:block; background-image:url(../img/left.gif); background-position:top left; background-repeat:no-repeat; color:#FFF;}
.brown_btn a:hover span{ color:#FF0;}

/* ----------------------頁尾--------------------------- */
#Hotkey{ float:right; margin:5px 10px;}
#Hotkey a{ text-decoration:none; color:#709FAD;}
#Hotkey a:hover{ color:#069;}
#FOOTER{ display:block; width:995px; height:75px; background:url(../img/bottom_bg.gif) repeat-x top;}
#FOOTER #F01{float:left; display:block; line-height:75px; width:70px; padding-top:20px;padding-left:30px;}
#FOOTER #F02{float:left; padding-bottom:10px; padding-top:5px; padding-left:30px; line-height:1.6em;}
#FOOTER #F03{float:right; width:90px; padding-top:20px; padding-right:30px;}

.clearfloat{ clear:both; height:0; font-size:1px; _line-height:0;}
/* ------------------會員登入-------------------- */
#login{ width:700px; margin-left:20px; background:url(../img/m_bg.gif) no-repeat left top; padding: 0px 20px 20px 50px; height:300px; color:#666; float:left;}
#login ul{ padding-left:200px; padding-top:40px; padding-right:60px;}
#login li{ line-height:1.8em; border-bottom:#999 1px solid; background:url(../img/blue_dot.gif) left 18px no-repeat; padding:8px 0 8px 10px;}