@charset "utf-8";
/* CSS Document */


/************ layout and format ************/

body{ margin:0;padding:0;width:100%; background:#FBFAEE url(images/bg.jpg) top center no-repeat;text-align:center;color:#000;font-size:13px;word-wrap: break-word; line-height:1.5em; font-family: Arial, Helvetica, sans-serif; min-width:980px;}
a:focus{ -moz-outline-style: none; }
a{ blr:expression(this.onFocus=this.blur()); padding-top:0;}
ul{ margin:0; padding:0; list-style:none;}
img{ border:0;}
a:hover img{ margin:0;filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9; zoom:1;}

#outer{ width:980px; margin:0 auto; }
#header{ float:left;margin:0; padding:0; width:980px; height: 160px; text-align:left;}
#main{ float:left;  margin:10px 0 0 0; padding:0; width:980px;min-height:480px;}
#footer{ float:left; margin-top:30px; width:980px; height:90px; background:url(images/footer.png) center 18px repeat-x; font-size:11px;}
#footer .con {text-align:center; height:40px;}
#footer .bot {padding-top:10px;}

#accesskey {height:1.5em; float:left; width:0; overflow:visible; word-wrap:normal;}
#accesskey a{color:B11D8D;font-weight:normal;}
#accesskey a:hover{font-weight:bold;}

.top, .con, .bot{float:left; width:100%;}
td{ vertical-align:top; text-align:justify;}


/************ content area ************/

#right {float:left; margin-left:0; width:810px;text-justify:inter-ideograph;}
#col_wide {float:left; display:inline; margin-left:15px; width:780px;}/* 內容滿版 */
#col_half {float:left; display:inline; margin-left:15px; width:378px; _margin-right:-5px;}/* 內容半版 */
.box{margin:0 30px ; padding:0;}
table {float:left; }


/************ text ************/

a{ text-decoration:none; color:#336688;}
a:hover{border-bottom:1px dotted;}
h3{ margin:0;font-size: 16px; font-weight:bold; color:#336688; padding:10px 0;}
h3 strong{ color:#B11D8D;}
h2{ margin:0;font-size: 16px; font-weight:bold; color:#B11D8D; padding-bottom:10px;}
h4{ margin:0;font-size: 15px; font-weight:bold; color:#000; padding:10px 0;}

.bot a{ margin-right: 20px; font-size:11px; color:#B11D8D; font-weight:bold;} /* more */
.title{ float:left; padding-left:15px; padding-top:2px;  *padding-top:4px; height:29px; width:105px; background: url(images/title_bg.png) no-repeat; text-align:left;color:#D263A8; font-size:15px;font-weight:bold;} /* 反折標籤 */
.title a{ color:#000;}
.box_link {float:right; width:260px; height:20px; overflow:visible;} /* 右下回上方 */
.box_link a{ margin-left:1em;}

.headlist{ background:url(images/sq_a.png) 5px 5px no-repeat; font-size: 15px; padding:0 0 .2em 1.5em; color:#336688; line-height:1.5em; }/* 首頁清單標題 */
.onerow{ height: 1.5em; padding-bottom:0; overflow:hidden;} /* 只顯示一行*/

.headlist strong{ color:#B11D8D;}
.headline, .headline a{ padding-bottom: .5em; font-size: 15px;color:#336688; font-weight:bold;}/* 文章標題 */
.headline strong{ color:#B11D8D;}
.source{ color:#666; font-size:11px; *font-size:10px; font-weight:normal; text-align:right;}/* 日期出處  */
.note{ width:500px; text-align:right; color:#447799; font-size:11px; *font-size:10px; margin-right:5px; font-weight:normal;margin-top:-20px;_margin-top:-28px;} /* 內頁文章出處 */
.date{ margin-left:520px; text-align:right; color:#447799; font-size:11px; *font-size:10px; font-weight:normal;height:20px;}/* 內頁文章日期  */
.update{ float:right; display:inline; text-align:right; color:#447799; font-size:11px; *font-size:10px; font-weight:normal; margin-right:65px; margin-bottom:10px;width:250px;}/* 更新日期  */
.read { padding-bottom: .5em; text-align:right;}
.read a{ color:#447799; font-size:11px; *font-size:10px; }/* 繼續閱讀 */


/************ 文章條列************/

.box_law {text-align:justify;text-justify:inter-ideograph; margin:0 50px; }
.box_law ol {color:#336688;font-size:15px; font-weight:bold; list-style:cjk-ideographic; }
.box_law ol li p, .box_law ul li p { color:#000;font-size:13px; font-weight:normal; }
.box_law ol li ol, .box_law ul li ol { list-style:cjk-ideographic;color:#000; font-size:13px; font-weight:normal; }
.box_law ol li ol li, .box_law ul li ol li {background:none; padding-left:0;}
.box_law ol li ul{ list-style:none; font-weight:normal; font-size:13px;margin-left:5em;}

.box_law table tr td{ padding:1em;}
.box_law ol li ol li a, .box_law ol li p a{color:#B11D8D;}

.box_law ul{ list-style:none;font-size:15px; font-weight:bold;}
.box_law ul li{background:url(images/sq_a.png) left 4px no-repeat; padding-left:1.5em; }
.box_law ul li ul{ list-style:none; font-weight:normal; font-size:13px;margin-left:5em;}
.box_law ul li ul li, .box_law ol li ul li{ background:url(images/sq_a_s.png) left 6px no-repeat; padding-left:1.5em; margin-bottom:0;}
.box_law ul li ul li ul{ list-style:square; }
.box_law ul li ul li ul li{ background:none;  padding-left:0; }    
.box_law ol li a, ul li a{color:#336688;font-size:15px; font-weight:bold; }
.box_law ol li ul li a, .box_law ol li ol li a, .box_law ul li ul li a, .box_law ol li p a, .box_law ul li p a{color:#;font-size:13px; color:#B11D8D;font-weight:normal;  } 

/************ header ************/
#ani {width:750px; height:150px; float:left; margin:0;}
#ani img a, a:hover{border:0;}
#ani img{width:750px; height:150px;}
#search {background:url(images/flag-s1.gif) no-repeat;padding-left:35px; margin-top:8px; width:185px; height:75px;float:right}/* 國旗背景 站內搜尋 */
#link_map a { float:left; margin-left:60px; padding-top:58px; width:64px; height:10px; background: url(images/map.png) no-repeat; color:#D263A8; font-size:11px; *font-size:10px; text-align:center; }
#link_map a:hover { background: url(images/map.gif) no-repeat; border:none;}
#link_rss a { float:left; padding-top:58px; width:64px; height:10px; background: url(images/rss.png) no-repeat; color:#D263A8; font-size:11px; *font-size:10px; text-align:center; }
#link_rss a:hover { background: url(images/rss.gif) no-repeat; border:none;}


/************ navigaton ************/

#nav {float:left; display:inline; position:relative; width:135px; padding-left:28px; margin-top:25px;text-align:left;}
.chs {float:left; margin-top:15px; width:135px; text-indent:7px;}
.chs a{color:#B11D8D; font-size:13px;}
.chs a:hover{ font-weight:bold;}
#nav ul {list-style-type: none; }
#nav ul li {float:left; position:relative; height:31px; }
#nav ul li a, .main_nav ul li a:visited {display:block; width:125px; overflow:hidden;}
#nav ul li a:hover {text-indent:-800px; border-bottom:none;}
#nav ul li ul {display: none; width:88px;}
#nav ul li:hover ul {display:block; position:absolute; top:0; left:125px; width:88px;}
#nav ul li:hover ul li {height:23px; }
#nav ul li:hover ul li a.hide {color:#fff;}
#nav ul li:hover ul li:hover a.hide {color:#fff; }
#nav ul li:hover ul li a {display:block; color:#fff; width:88px; font-size:13px; padding-left:9px; padding-top:2px;background:#D263A8; }
#nav ul li:hover ul li a:hover {text-indent:0;background:#B11D8D;}


/************ navigation for ie6 ************/ 

#nav ul li ul { _display:list-item;_padding:.5em 0 .5em 0;}
#nav ul li ul li { _height:1.8em; _text-align:right; }
#nav ul li ul li a {_display:block; _width:117px;_color:#333; _font-size:13px; _padding:2px 3px 0 0;}
#nav ul li ul li a:hover{ _text-indent:0;_color:#fff;_background:#D263A8;}


/************ tab新聞區塊 ************/

.TabbedPanels {	margin: 0; margin-left:8px; padding: 0px;float: left; display: inline; clear: none;width: 390px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}
.TabbedPanelsTabGroup { padding-left:110px; }
.TabbedPanelsTab {position: relative; float: left; padding-top:3px; height: 24px;  *padding-top:6px; *height: 19px; width: 90px; text-indent: 1em;background: url(images/tab_bg.png) no-repeat; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; blr:expression(this.onFocus=this.blur());}/* tab標籤*/
.TabbedPanelsTab:focus {-moz-outline-style: none; }	
.TabbedPanelsTabHover {	background: url(images/tab_sel.png) no-repeat;}
.TabbedPanelsTabSelected { background: url(images/tab_sel.png) no-repeat;}
.TabbedPanelsTab a{}
.TabbedPanelsContentGroup {	clear: both;} /* 影響首頁上欄高度 */
.TabbedPanelsContent { height:320px;} 
.TabbedPanelsContent .top{ height:25px; text-align:left;}
.TabbedPanelsContent .con{ text-align:justify;text-justify:inter-ideograph;}
.TabbedPanelsContent .brief{ height: 4.5em; overflow:hidden;} /* 首頁新聞頭條引言*/
.TabbedPanelsContent .con .box{ margin:0 10px 0 24px; _margin-left:12px; }
.TabbedPanelsContent .bot{ height:25px; text-align:right;}
.thumb_l{ margin:0;height:220px; width:275px; vertical-align:center; text-align:center; overflow:hidden; }
.thumb_l img{ max-height:220px; _height:220px;} 
.thumb_m{ margin:0; width:90px; vertical-align:center; text-align:center; overflow:hidden;}
.thumb_m img{ max-width:90px; _width:90px;} 
.thumb_s{ margin:0;height:48px; width:60px; vertical-align:center; text-align:center; overflow:hidden;}
.thumb_s img{ max-height:48px;_height:48px;} 
.photoborder{float:left;padding:3px; border: #ccc 1px solid;background:#fff; }


/************ 首頁右上最新消息區塊 ************/

.newest{ float:left; width: 345px; margin-left:15px; display: inline; }
.newest .top{ padding-top:25px;height:24px; text-align:left;}
.newest .con{ text-align:left; }
.newest .bot{ height:25px; text-align:right;}
.newest .brief{ height: 4.5em; overflow:hidden;}/* 首頁最新消息引言*/


/************ 首頁下方等分區塊 ************/

.half_info{ float:left; width: 100%; margin-bottom:15px;}
.half_info .top{ padding-top:10px; height:40px; background: url(images/half_line_top.png) no-repeat; text-align:left;}
.half_info .con{ background: url(images/half_line_con.png) repeat-y; text-align:left;}
.half_info .bot{ height:30px; background: url(images/half_bot.png) left bottom no-repeat; text-align:right;}
.half_info .brief{ height: 4.5em; overflow:hidden; }/* 首頁賴幸媛 心情頭條引言*/


/************ 文章內文區塊 ************/

.home_info{ float:left; width: 785px; background:url(images/newest.png) no-repeat 0 15px;*background:url(images/newest.png) no-repeat 0 14px;} /* 首頁上面新聞報 導最新消息 */
.link{ float:left;  display:inline; width: 650px; margin-left:20px; margin-bottom:5px;text-align:left; font-size:11px; *font-size:10px; overflow:hidden;} /* 頁面路徑連結 */
.function{ float:left;  display:inline; width: 100px; margin-bottom:5px;text-align:left; font-size:11px; *font-size:10px; } /* 列印 轉寄 */
.wide_info{ float:left; width: 100%; margin-bottom:15px;}
.wide_info .top{ padding-top:15px; height:45px; background: url(images/wide_top.png) no-repeat; text-align:left;}
.wide_info .con{ background: url(images/wide_con.png) repeat-y; text-align:left; }
.wide_info .con .box{ margin:0 30px 0 55px; _margin-left:27px;}
.wide_info .bot{ height:20px; background: url(images/wide_bot.png) left bottom no-repeat; text-align:right;}


/************ 頁面內文區塊:法令規定 輔導資訊 網站連結 ************/

.wide_line{ float:left; width: 100%; margin-bottom:15px;}
.wide_line .top{ padding-top:15px; height:45px; background: url(images/wide_line_top.png) no-repeat; text-align:left;}
.wide_line .con{ background: url(images/wide_line_con.png) repeat-y; text-align:left; }
.wide_line .con .box{ margin:0 30px 0 55px; }
.wide_line .bot{ height:20px; background: url(images/wide_bot.png) left bottom no-repeat; text-align:right;}


/************ 標題清單 ************/ 

.box_news {margin:0 45px; padding:0;}
.box_news .CollapsiblePanel { margin: 0 20px 15px;padding: 0px;}
.box_news .CollapsiblePanelTab .brief{ font-size:13px; line-height:1.4em; margin:.5em 0;color:#000; font-weight:normal; } /* 清單引言 */
.box_news .CollapsiblePanelTab .sublink { display:inline; } /* 修法專區子類別 */
.box_news .CollapsiblePanelTab .sublink a{ font-size:13px;color:#B11D8D;margin-right:1.5em;font-weight:bold;} /* 修法專區子類別 */
.box_news .CollapsiblePanelTab { background:url(images/sq_a.png) 1em 1em no-repeat; font-size:16px; line-height:1.8em; border:#EEC9DF 1px solid; padding:.5em 1.5em .5em 2.5em; no-repeat;cursor: pointer;-moz-user-select: none;-khtml-user-select: none; font-weight:bold;} /* 未開啟之標題 文章清單之標題 */
.ntitle { background:#EEC9DF url(images/sq_a.png) 1em 1em no-repeat; font-size:16px; line-height:1.8em; border:#EEC9DF 1px solid; padding:.5em 1.5em .5em 2.5em; font-weight:bold;}/*  單篇文章內頁之標題 無開合效果 */

.box_news .CollapsiblePanelTab ul li span{ display:block; text-align:right;} 
.box_news .CollapsiblePanelTab:focus{ -moz-outline-style: none; }
.box_news .CollapsiblePanelTab { blr:expression(this.onFocus=this.blur());}
.box_news .CollapsiblePanelContent {padding: 2em 2em 1em; background:#fff; border:#EEC9DF 1px solid;} /* 內文 */
.box_news .CollapsiblePanelContent img {margin:10px; padding:3px; border: #ccc 1px solid; } /* 內文圖片 */
.box_news .CollapsiblePanelTab a {color: black;text-decoration: none; font-size:15px;}
.box_news .CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {	background-color: #F8D8E8;} /* hover標題#EEC9DF */
.box_news .CollapsiblePanelOpen .CollapsiblePanelTab {background-color: #EEC9DF; font-weight:bold;font-size:15px; font-weight:bold;} /* 開啟中之標題*/
.page { float:left; width:100%; line-height:1.4em;height:1.5em;color:#666; text-align:center; padding-right:1.5em; padding-top:1em; overflow:hidden;}
.page a:hover{ border-bottom:#B11D8D 1px dotted;}
.CollapsiblePanelTab:hover { background-color: #F8D8E8;cursor: default; } /* hover文章清單之標題 無開合效果#EEC9DF */


/************ 照片區 影音區 ************/

.album { float:left; display:inline; height:245px; width:180px; margin:0 10px 20px 10px; padding:8px; border:solid 1px #ccc; overflow:hidden;}
.photosq { height:144px; width:180px; text-align:center; padding:0; margin-bottom:.5em; overflow:hidden;}
.album .headline{ overflow:hidden; padding:0; font-size:13px; width:160px;}
.album .brief{ height: 6em; overflow:hidden; width:160px;}

.photo {display:inline;float:left; margin-left:85px;height:400px; width:608px; text-align:center; margin-top:20px;text-align:center;}
.photo .image {margin:0 auto;}
.photo .image img{padding:3px; border: #ccc 1px solid; max-height:360px; max-width:500px; _width:500px; _height:360px;}
.photo .brief {float:left; width:608px; height:3em; overflow:hidden; margin-top:6px;}
.group {display:inline;float:left; margin-left:85px; border:1px solid #ccc; height:90px; width:595px; overflow:hidden; padding-top:5px; padding-left: 5px;}

.top .headline{overflow:hidden; padding-top:5px; width:450px;}

.video {display:inline;float:left; margin-left:65px;height:450px; width:650px; text-align:center; margin-top:20px;}
.video .player {float:left; width:650px;height:410px;text-align:center;}
.video .brief {float:left; margin-left:70px; display:inline; width:508px; height:3em; overflow:hidden; margin-top:6px;}
                                                               

/************ 網站連結  ************/

.jump{ margin-bottom:20px; width:600px;}
.jumpdown{ margin-right:10px; display:inline; }
.jumpdown a{padding:3px 8px; background:#FAEBF5; line-height:2em; font-size:13px;color:#B11D8D; border:#F8D8E8 1px solid;}
.jumpdown a:hover{ background:#F8D8E8;border:#F8D8E8 1px solid;}