@charset "utf-8"; /* 基本設定 */ body{font-family: Arial, Helvetica, sans-serif; background-color:#e2b53e; padding-bottom:20px;} a{ text-decoration:none; color: #003366} a:hover{filter:alpha(opacity=50); /* IE */-moz-opacity:0.5; /* Moz + FF */opacity: 0.5; } /* 最外框 */ #ALL_BODY{ display:block; background-image:url(../images/top_bg_body.gif); background-repeat:repeat-x; width:100%} #WARPPER{ display:block; background-image:url(../images/main_bg.gif); width:970px; margin:auto; position:relative } #MFLASH{display:block; position:absolute; left: 220px; top: 19px;} /* 頁首 */ #HEADER{ display:block; width:970px; margin:auto; background-image:url(../images/top_line.gif); background-repeat:no-repeat; padding-top:18px;} #HEADER h1{display:block;width:516px;} #HEADER h1 a{ display:block; background-image:url(../images/top_logo.gif); width:300px; height:106px; text-indent:-9999px;} #HEADER ul{ display:block; background-image:url(../images/top_bg.gif); width:970px;height:106px;} #HEADER li{ float:left} #HEADER h2{ display:block; background-image:url(../images/top_num.gif); width:122px; height:75px; text-indent:-9999px;} #HEADER li a{ display:block; color:#333333;text-align:center; font-size:12px; } #HEADER h3{ display:block; padding:15px 0 0 30px; font-size:13px; color:#666666; font-weight:normal; line-height:20px;} #JOIN_EPAPER a{ display:block; background-image:url(../images/epaper_ok.gif); width:434px; height:29px; text-indent:-9999px; position:absolute; right:9px; top:94px;} #PHOTO{display:block; background-color:#FFFFFF;width:952px; height:154px;margin:auto;} #PHOTO a{ display:block; background-image:url(../images/photo.jpg); width:952px; height:154px; text-indent:-9999px; padding-bottom:1px; background-repeat:no-repeat} #PHOTO a:hover{filter:alpha(opacity=100); /* IE */-moz-opacity:1; /* Moz + FF */opacity: 1; } /* 選單 */ #MAIN_NAV{ display:block;width:952px; height:32px; margin:auto;background-image:url(../images/tool_bar_bg.gif);} #MAIN_NAV ul{ display:block;padding-left:20px;} #MAIN_NAV li{ float:left; background-image:url(../images/tool_bar_line.gif); background-repeat:no-repeat;} #MAIN_NAV li a{display:block; line-height:32px; padding:0 20px 0 25px; color:#FFFFFF} .btn_prv a{ display:block; background-image:url(../images/tool_bar_up.gif); width:50px; height:32px; line-height:32px; padding-left:35px; color:#fff; position:absolute; left:9px;top:0;} .btn_next a{ display:block; background-image:url(../images/tool_bar_down.gif); width:70px; height:32px; line-height:32px; padding-left:15px; color:#fff; position:absolute; right:9px; top:0;} .rss a{ display:block; background-image:url(../images/rss.gif); background-repeat:no-repeat;line-height:32px; background-position:5px 7px; margin-left:10px;} /* 右邊區塊 */ #LEFT_MAIN{ display:block; width:199px; float:right; padding-right:9px;} /* 快速指引 */ #QUICK_MENU { display:block; background-color:#860000; padding-bottom:10px; margin-bottom:10px; background-image:url(../images/quick_menu_down1.gif); background-repeat:no-repeat; overflow:auto;} #QUICK_MENU ul{ display:block; width:185px; margin:auto;} #QUICK_MENU li {display:block; font-size:15px; font-family: Arial, Helvetica, sans-serif; width:183px; height:25px; float:left; padding-bottom:3px;} *html #QUICK_MENU li { height:1%; float:left; padding-bottom:3px; } #QUICK_MENU li a:hover{ color: #000; background-image:url(../images/quick_button_4.gif);} .quick_title{ display: block; background-image:url(../images/quick_title.gif); width:180px; height:35px; text-indent:-9999px; background-repeat:no-repeat;} .quick_button_a a{display:block; color: #003300; background-image:url(../images/quick_button_2.gif); padding:6px 0 0 25px; background-repeat:no-repeat; } .quick_button_b a{display:block; color: #990000; background-image:url(../images/quick_button_3.gif); padding:6px 0 0 25px; background-repeat:no-repeat; } /* 廣告連結 */ #BANNER ul{ display:block; padding:10px 0 0 8px;} #BANNER li {padding:0 0 5px 0; } #BANNER li span{ display:block;padding:0; margin:0} .banner01 a{ display:block; background-image:url(../photo/banner_logo_pcc.gif); width:180px; height:70px; text-indent:-9999px;border:#FF9900 1px solid}/*工程會*/ .banner02 a{ display:block; background-image:url(../photo/banner_nowater.gif); width:180px; height:50px; text-indent:-9999px;border:#FF9900 1px solid}/* 節水抗旱 */ .banner03 a{ display:block; background-image:url(../photo/banner_house.gif); width:180px; height:50px; text-indent:-9999px;border:#FF9900 1px solid}/* 慈濟永久屋 */ .banner04 a{ display:block; background-image:url(../photo/banner_labor.gif); width:180px; height:50px; text-indent:-9999px;border:#FF9900 1px solid}/*勞委會職安報告*/ .banner05 a{ display:block; background-image:url(../photo/banner_earthquake.gif); width:180px; height:50px; text-indent:-9999px;border:#FF9900 1px solid}/* 國安會地震防災報告*/ .banner06 a{ display:block; background-image:url(../photo/banner_logo_n1h1.gif); width:180px; height:50px; text-indent:-9999px;border:#FF9900 1px solid}/* n1h1 */ .banner07 a{ display:block; background-image:url(../photo/banner_logo_tw.gif); width:180px; height:50px; text-indent:-9999px;border:#FF9900 1px solid}/*台灣自來水公司*/ .banner08 a{ display:block; background-image:url(../photo/banner_logo_water.gif); width:180px; height:50px; text-indent:-9999px;border:#FF9900 1px solid}/*經濟部水利署*/ /* 工具列 */ .POS{ display:block; width:970px;height:32px; margin:auto;position:relative; font-size:13px; } *html #POS{ margin:3px 3px 0 0} #TOOLBAR{display:block; position:absolute; right:20px;top:5px;line-height:19px;color:#000;} #TOOLBAR li{ float:left; padding:0 4px 0 4px; color:#fff;} .tool_mail a{ display:block; background-image:url(../images/icon_mail.gif); padding-left:15px; color:#fff; background-repeat:no-repeat; background-position:left 3px;line-height:19px;} .tool_print a{ display:block; background-image:url(../images/icon_print.gif); padding-left:15px; color:#fff; background-repeat:no-repeat;background-position:left 3px;line-height:19px;} .word_size_s a{ display:block; background-image:url(../images/word_size_01.gif); width:17px; height:19px; text-indent:-9999px;} .word_size_m a{ display:block; background-image:url(../images/word_size_02.gif); width:17px; height:19px; text-indent:-9999px;} .word_size_b a{ display:block; background-image:url(../images/word_size_03.gif); width:17px; height:19px; text-indent:-9999px;} .word_size_sb a{ display:block; background-image:url(../images/word_size_04.gif); width:17px; height:19px; text-indent:-9999px;} #TOOLBAR li a:hover{ color: #006699} /* 路徑指引 */ #POS_NOW{ display:block;padding:10px 0 10px 10px;font-size:12px; color:#333333;} /* 中間區塊 */ #CONTENT{ display:block; padding:0 0 0 10px; margin-right:210px; color:#666; position:relative} #CONTENT_INDEX{ display:block; margin-left:340px;margin-right:210px; } /* 照片輪播 */ #PHOTO_PLAYER{ display:block; width:400px; height:auto; margin-left:10px; } #PHOTO_PLAYER img{ display:block; width:400px; } /* 能源光電雙雄之應用建專欄 */ #COLUMN{display:block; margin:10px ;background-color:#b3dcf6; padding-bottom:10px; background-image:url(../images/index_title_04_bg.gif); background-position:bottom; background-repeat:repeat-x} /*#COLUMN p{ color:#fff} #COLUMN #LIST_1 li a{ color:#FFFF99}*/ #TALK_PLAYER p{ display: block; padding:10px 0 10px 0; border-bottom:#666666 1px dashed; background-repeat:repeat-x; background-position:bottom; font-size:13px; line-height:1.2em} .COLUMN_WORD{ display:block; padding:0 10px 10px 10px;color:#666;} .COLUMN_WORD img{ display:block; padding:0 10px 0 0; float:left} /* 相關國外網站連結*/ #WEB_LINK{display:block; margin:10px ;background-color:#eae9e6; padding-bottom:10px;} /* 促參好站連結*/ #LOGO_LINK{display:block; margin:10px 0 0 10px ; } /* 首頁內容標題 */ #INDEX_T1{ display:block; background-image:url(../images/index_title_01.gif); width:330px; height:48px; text-indent:-9999px; margin-bottom:10px;} #INDEX_T2{ display:block; background-image:url(../images/index_title_02.gif); width:330px; height:48px; text-indent:-9999px;} #INDEX_T3{ display:block; background-image:url(../images/index_title_03.gif); width:210px; height:37px; font-size:15px;;padding:11px 0 0 120px;margin-bottom:10px;} #INDEX_T4{ display:block; background-image:url(../images/index_title_04.jpg); height:84px; text-indent:-9999px;} #INDEX_T5{ display:block; background-image:url(../images/index_title_05.gif); height:70px; text-indent:-9999px;} #INDEX_T6{ display:block; background-image:url(../images/index_title_06.gif); width:182px; height:48px; text-indent:-9999px;margin-bottom:5px; } #INDEX_T8{ display:block; background-image:url(../images/index_title_08.gif); width:400px; height:48px; text-indent:-9999px;margin-bottom:5px; } #INDEX_T7 a{ display:block; background-image:url(../images/index_title_07.gif); height:70px; text-indent:-9999px; } #INDEX_T9{ display:block; background-image:url(../images/index_title_09.gif); width:330px; height:48px; text-indent:-9999px;} /* 左邊區塊 */ #RIGHT_MAIN{ display:block; width:330px; float:left;background-image:url(../images/line_point.gif); background-position:right; background-repeat:repeat-y ;padding:0 0 0 10px; } #RIGHT_MAIN p{ display:block; padding:10px; color:#666666} /* 首頁活動快訊 */ #HOT_NEWS{display:block; padding:0 0 10px 0 } /* 其他專欄 */ #BOX1{display:block;right:419px;top:5px;position:absolute;} *html #BOX1{right:420px;} /* 發行人期許 */ #SPEENCH { display:block; padding:0 0 5px 8px; font-size:12px; color:#666666} #NEWS_MENU ul{ display:block; padding:0px 0px 10px 0; } #NEWS_MENU li {display:inline;font-size:15px;} #NEWS_MENU li a:hover{ color: #003366;} .news_button_a a{display:block; width:600px; height:28px; color:#fff; background-image:url(../images/news_button_1.gif); line-height:25px; padding-left:12px; background-repeat:no-repeat; } .news_button_b a{display:block; width:600px; height:28px;color:#fff; background-image:url(../images/news_button_2.gif); line-height:25px; padding-left:12px; background-repeat:no-repeat; } /* 考題破解秘笈*/ #EXAM{display:block; margin:10px 0 10px 10px; } .QALIST{ display:block;padding:10px } .QALIST li{ padding-bottom:10px; color:#666666; height:1%} .QA1{ display:block; padding:5px; font-family:"微軟正黑體", SimHei; color:#fff; background-color:#FF3300; font-size:18px;float:left; } .QAWORD{ display:block; margin-left:35px; } /* 內容標題 */ #MAIN_T1{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_01.jpg);background-position:right} #MAIN_T2{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_02.jpg);background-position:right} #MAIN_T3{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_03.jpg);background-position:right} #MAIN_T4{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_04.jpg);background-position:right} #MAIN_T5{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_05.jpg);background-position:right} #MAIN_T6{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_06.jpg);background-position:right} #MAIN_T7{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_07.jpg);background-position:right} #MAIN_T8{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_08.jpg);background-position:right} #MAIN_T9{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_09.jpg);background-position:right} #MAIN_T10{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_10.jpg);background-position:right} #MAIN_T11{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_11.jpg);background-position:right} #MAIN_T12{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_12.jpg);background-position:right} #MAIN_T13{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_13.jpg);background-position:right} #MAIN_T14{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_14.jpg);background-position:right} #MAIN_T15{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_15.jpg);background-position:right} #MAIN_T16{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_16.jpg);background-position:right} #MAIN_T17{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_17.jpg);background-position:right} #MAIN_T18{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_18.jpg);background-position:right} #MAIN_T19{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_19.jpg);background-position:right} #MAIN_T20{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_20.jpg);background-position:right} #MAIN_T21{ display:block; width:740px; height:60px; text-indent:-9999px; background-image:url(../images/main_title_21.jpg);background-position:right} /* 內容標題顏色 */ .t_rad{ display: block; color:#990000; font-size:30px; font-family:"微軟正黑體", SimHei; border-bottom:#CCCCCC 2px dotted; margin:20px 0 5px 0; padding-bottom:5px; } .t_green{ color:#006633; font-weight:bolder;} .t_blue{ display:block; color: #006699; font-weight:bolder; font-size:15px;} .t_yelow{ display:block; color: #996600; font-weight:bolder; font-size:15px;} .t_new{display:block; color: #FF6600; font-size:15px; margin:10px 0 5px 0;} .t_new1{display:block; color: #996600; font-size:20px; margin:10px 0 5px 10px; font-family:"微軟正黑體", SimHei} .t_sign{ background-image:url(../images/sign01.gif); background-repeat:no-repeat; color: #FF6600; font-size:15px; margin:10px 0 5px 0; padding-left:20px; } .t_reader{ color:#39F ;font-size:12px;} /* 內容文字 */ #word{ display:block; width:700px; margin:auto; padding:10px 0 10px 0; } #word p{ padding-bottom:10px; color: #666666;} #word li{ margin-left:10px; margin-bottom:5px;} /* 內容列表 */ #LIST{display:block; margin:auto; padding:10px 0 30px 0;} #LIST li a{ display:block; background-image:url(../images/news_line.gif); width:640px; height:34px; padding:6px 0 0 40px} #LIST li a:hover{ background-position:bottom;} #LIST li p{ display:block; padding:0 25px 20px 30px; font-size:12px; line-height:1.5em; overflow:auto} #LIST li p a{ display: inline; background-image: none; width: auto; height: auto; padding:0; font-weight:bold; color:#996600} #LIST li img{ display:block; width:100px; padding:5px 10px 0 0; float:left} #LIST li li a{ display:block; background-image: url(../images/icon02.gif); width:500px; height:20px; line-height:20px; padding:0 0 0 15px; background-repeat:no-repeat; background-position:left 3px; margin-left:20px; border-bottom:#CCCCCC 1px dotted; font-size:12px;} #LIST li li a:hover{ background-position:left} /* 首頁內容列表 */ #LIST_1{display:block; margin:auto; padding:0 10px 10px 10px;} #LIST_1 li a{ display:block; background-image: url(../images/quick_button.gif); background-position:5px ; line-height:20px; color: #006699; background-repeat:no-repeat; padding-left:15px; font-size:13px; height:20px;} #LIST_1 li a:hover{ background-color: #990000 ; color:#fff;} /* 其他*/ #MAIN_T_S1{display: block; position:absolute; border-left:#006699 2px solid; padding-left:10px; right:10px; top:20px; color: #333333; font-size:18px; font-family:"微軟正黑體"; } *html #MAIN_T_S1{ right:230px;} #BACK a{display: block; color:#993399; font-size:15px; position:absolute; right:250px;top:16px;} *html #BACK a{ right:230px;} #MAIN_TITLE_ALL{ display:block; font-family: "微軟正黑體"; font-size:35px; color: #990000; background-image:url(../images/sicon_011.gif); background-repeat:no-repeat; background-position:left 0.5em; padding:10px 0 20px 20px; margin:auto; line-height:1em} /* 表格排列 */ .box_td { display:block; margin:auto; padding-bottom:10px; } .box_td table{ margin-bottom:10px;border:#999 3px solid; } .box_td th{ background-image:url(../images/header_bg1.gif); background-position:bottom; background-repeat:repeat-x; background-color:#FFFFFF; padding:5px; font:bolder 13px Arial, Helvetica, sans-serif;border:#999 1px solid;} .box_td td{ border:#999 1px solid; padding:5px;} /* 照片位置 */ .photo_l{ display:block; padding:0 0 10px 0;text-align:center; font-size:12px; color:#003366; float:left; background-image:url(../images/sh_01.gif); background-repeat:repeat-x; background-position:bottom; margin-right:10px;} .photo_l img{ display:block; border:#CCCCCC 1px solid} .photo_ln{ display:block; padding:0 10px 10px 0;text-align:center; font-size:12px; color:#003366; float:left; } .photo_ln img{ display:block; } .photo_r{ display:block; padding:0 0 10px 0;text-align:center; font-size:12px; color:#003366; float:right;background-image:url(../images/sh_01.gif); background-repeat:repeat-x; background-position:bottom; margin-left:10px;} .photo_r img{ display:block; border:#CCCCCC 1px solid} .photo_rn{ display:block; padding:0 0 10px 10px;text-align:center; font-size:12px; color:#003366; float:right;} .photo_rn img{ display:block; } .photo_c{ display:block; padding:0 10px 10px 0;text-align:center; font-size:12px; color:#003366;} .photo_c img{display:block; padding-bottom:10px; background-image:url(../images/sh_01.gif); background-repeat:no-repeat; background-position:bottom; } .photo_list li{ display:block; float:left; padding:0 5px 5px; text-align:center} .photo_list li img{ display:block;width:200px; height:133px} .photo_ls {display:block; font-size:15px; color:#003366; float:left; overflow:auto; line-height:18px; font-size:12px} .photo_ls img{display:block; height:150px;padding:0 10px 10px 0;} .say_box{display:block; background-image:url(../photo/newyears_saybox.gif); width:510px; height:110px; margin-left:115px; padding:20px 20px 10px 40px;background-repeat:no-repeat; line-height:20px;} .say_box1{display:block; background-image:url(../photo/newyears_saybox1.gif); width:510px; height:140px; margin-left:115px; padding:20px 20px 10px 40px;background-repeat:no-repeat;line-height:20px;} /* 分隔線 */ .line_block{ display:block; width:680px; height:1px; border-bottom:#669999 1px dotted} /* 問答 */ .ans{ display:block; padding-bottom:10px;} .ans ul{ display:block; border:#CCCCCC 2px dotted; padding:20px 10px 10px 10px;} .ans_q{ display:block; background-image:url(../images/btn_bg01.gif); background-repeat:no-repeat; padding:0 0 10px 35px; border-bottom:#CCCCCC 1px dotted} .ans_a{ display:block; background-image:url(../images/btn_bg02.gif); background-repeat:no-repeat; padding:5px 0 15px 35px; border-bottom:#CCCCCC 1px dotted} .ans_c{ display:block; background-image:url(../images/btn_bg03.gif); background-repeat:no-repeat; padding:0 0 0 35px; } /* 頁籤 */ #S_MENU{ display:block; background-image:url(../images/smeu_bg.gif); height:35px; padding-left:22px;width:718px;} *html #S_MENU{ margin:0 3px 0 0} #S_MENU li{ float:left; padding:0 2px 0 2px;} #S_MENU li a{ display:block;color:#333333; line-height:35px; font-size:12px;padding:0 10px 0 12px;background-image:url(../images/smeu_bg_select_bg.gif); background-position:top left; background-repeat:no-repeat} #S_MENU li a:hover{ background-position: left bottom ; color:#333;} #S_MENU li .link a{ display:block; background-image:url(../images/smeu_bg_select.gif); background-position:bottom; color:#FFFFFF; font-weight:bold;} .box_td { display:block; margin:auto; padding-bottom:10px; } .box_td table{ margin-bottom:10px;border:#999 3px solid; } .box_td th{ background-image:url(../images/header_bg1.gif); background-position:bottom; padding:5px; font:bolder 13px Arial, Helvetica, sans-serif;border:#999 1px solid;} .box_td td{ border:#999 1px solid; padding:5px;} .polic a{display:block; background-image:url(../images/policlinic2.gif); width:699px; height:74px; text-indent:-9999px;} /* 頁碼 */ #PAGE_NUM{ display:block; padding:10px; position:relative; font-size:13px; background-image:url(../images/main_bg1.gif)} #TOP_ICON ul{display:block; position:absolute;top:0px; right:195px;} #TOP_ICON li{ float:left; } #TOP_ICON a{ display:block; background-image:url(../images/top_icon.gif); width:26px; height:22px; text-indent:-9999px;} .top_icon { display:block; background-image:url(../images/log_in.gif); background-repeat:no-repeat; background-position:right; padding-right:15px; font-size:12px; text-align:right; line-height:13px; } /* 頁尾 */ #FOOTER{display:block; width:950px; height:76px; margin:auto; background-image: url(../images/down_bg.gif); padding:0 0 0 20px; font-size:11px; color:#666666; line-height:17px; position: relative} #DOWN_LOGO a{ display:block; width:167px; height:45px; text-indent:-9999px; background-image:url(../images/down_logo.gif); position:absolute; right:10px; top:10px;} /* 清除float */ .clearfloat{ clear:both;height:0;font-size:1px;line-height:0;}