@charset "UTF-8";
/* 台中市政府：機關公版*/
.np ul{list-style:none;margin:0 0 2em;padding:0;line-height:1.3;font-size:1.3em;margin-top:24px;overflow:hidden;}
.np ul li{display:inline-block;vertical-align:top;width:49.5%;width:49%\9;margin:0 .3% 10px;}
.np ul li:nth-child(odd){margin-left:0;}
.np ul li:nth-child(even){margin-right:0;float:right;}
.np ul li a{ display:block;border:none;border:1px solid #bcb; border-bottom:4px solid #cad3ad;margin:0;padding:17px 50px 14px 10px;background:url(../images/np.png) no-repeat right 12px;background-size:auto;box-sizing:border-box;text-decoration:none;}
.np ul li a:hover{background-color:#9cbb46;color:#fff;border-color:#9cbb46;background-position:right -184px;box-shadow:rgba(0,0,0,.45) 0 9px 8px -6px;}
.np ul li a:focus{background-color:#9cbb46;color:#fff;border-color:#9cbb46;background-position:right -184px;box-shadow:rgba(0,0,0,.45) 0 9px 8px -6px;outline:none;}
@media screen and (max-width:1060px){
.np{margin:0 16px;}
}
@media screen and (max-width:1023px){
.np ul { font-size:1.1em;}
.np ul li a{background-image:url(../images/npx2.png);background-size:40px auto;}
}
@media screen and (max-width:800px){
.np ul li{display:block;width:100%;margin-right:0;margin-left:0;position:relative;}
.np ul li:nth-child(even){float:none;}
}

.list{clear:both;margin:15px 0;border:2px solid #ccc;border-left:none;border-right:none;}
.list .list {margin: 0;}
.list ul{list-style:none;margin:0;padding:0;font-size:1.2em;line-height:1.8;}
.list ul li{margin:0;padding:0;border-bottom:1px solid #ccc;text-align:justify;position:relative;}
.list ul li:nth-child(even) {background:#f4fcfd;}
.list ul li:last-child{border:none;}
.list ul li a{display:block;padding:.7em 8em .7em 3.5em;overflow:hidden;}
.list ul li a:hover{background:#cceeff;text-decoration:none;}
.list ul li a:focus{background:#cceeff;text-decoration:none;outline:none;}
.list ul li .date{ margin:0 0 0 .6em;color:#898;position:absolute; top:.7em; right:16px;}
.list ul li .numb{display:inline-block;font-family:Arial, Helvetica, sans-serif;min-width:2.4em;text-align:right;margin:0 .4em 0 -2.8em;}
.list ul li .numb:after{content:"."}
/*-------------------------------------list table*/
.list table {padding:0;margin:0;width:100%;border-collapse:collapse;line-height:150%;}
.list th , .list td{padding:.8em 8px .6em;vertical-align:middle;border-bottom:1px solid #ccc;text-align:center;}
.list th{white-space:nowrap;background:#f0f4f5;}
.list td{border-bottom:1px dotted #ccc;}
.list td.title{text-align:left;}
.list td img{vertical-align:middle;margin:0 3px;}
.list td[data-title="姓名"]{font-size:1.2em;text-decoration:underline;}

.list td span{display:block;margin:0 auto;text-align:center;white-space:nowrap;}
.list td .date{letter-spacing:0;color:#666;font-family:Arial, Helvetica, sans-serif;}
.list td.date{display:table-cell;text-align:center;letter-spacing:0;color:#666;font-family:Arial, Helvetica, sans-serif;}
.list tr:nth-child(odd) {background:#f3fcfc;}
.list tr:hover, .list tr:nth-child(odd):hover{background:#c9eef5;}
.list table tr:last-child td{border-bottom:none;}
.list td a{text-decoration:none;color:#000}
.list td a:hover, .list td a:focus{text-decoration:underline;color:#006898;}
.list td.title{text-align:left;white-space:normal;}
.list td.document a{display:inline-block;text-align:left;min-width:15em;margin:0 auto;}
.list td.document br+a{border-top:1px solid #ddd;}
.linkBtn{float:right;margin:5px 0;font-size:13px;}
.linkBtn a{display:inline-block;background:url(../images/button_bg.gif) repeat-x;padding:4px 15px 1px;border:1px solid #aaa;box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;border-radius:12px;height:16px;text-decoration:none;color:#fff;}
.linkBtn a:hover{background:#666;}

.jscroll-added small { display:block; text-align:center; margin:1em auto; font-size:.92em;}
.jscroll-added small img { vertical-align:middle;}
.nextPage { display:none;}
/*機關通訊錄*/
.list.org td:first-child{font-size:1.2em;text-align:left;width:33%;}
.list.org .org2nd td:first-child{padding-left:2.5em;font-size:1em;}
.list.org td{border-top:1px solid #999;border-bottom:none;padding:.45em 8px .4em;}
.list.org .org2nd td{border-top:1px dotted #ccc;}
.list.org a{display:inline-block;padding:.4em 1em .35em;background-color:#d8f3ff;border-radius:4px;}
.list.org .org2nd td a{border-radius:2em;padding:.3em 1em .2em;}
.list.org tr:hover td a { background-color:#fff;}
.list.org tr:hover td a:hover{background-color:#0bf;color:#fff;text-decoration:none;}
.list.org tr:hover td a:focus{background-color:#0bf;color:#fff;text-decoration:none;outline:none;}
.list.org td a[target="_blank"]{width:38px;height:30px;background:url(../images/icon_mail.png) no-repeat center center;background-size:30px auto;font-size:0;border-radius:8px;vertical-align:5px;}
.list.org tr:hover td a[target="_blank"]:hover{background-color:#fff;box-shadow:#0bf 0 0 0 3px;}
.list.org tr:hover td a[target="_blank"]:focus{background-color:#fff;box-shadow:#0bf 0 0 0 3px;outline:none;}

.list.org td[data-title*="信箱"] a, .list.org td[data-title="機關簡介"] a{ display:inline-block;width:38px;height:30px;background:url(../images/icon_mail.png) no-repeat center center;background-size:30px auto;font-size:0;border-radius:6px;vertical-align:5px;}
.list.org td[data-title="機關簡介"] a { background-image:url(../images/icon_detail.png);background-size:36px auto; }
.list.org tr:hover td[data-title*="信箱"] a:hover, .list.org tr:hover td[data-title="機關簡介"] a:hover{background-color:#fff;box-shadow:#0bf 0 0 3px 1px;}
.list.org tr:hover td[data-title*="信箱"] a:focus, .list.org tr:hover td[data-title="機關簡介"] a:focus{background-color:#fff;box-shadow:#0bf 0 0 3px 1px;outline:none;}

/*市長行程*/
.list.schedule{border:none;}
.list.schedule table {border-collapse:separate;border-spacing:2px 12px;}
.list.schedule th, .list.schedule td, .list.schedule table tr:last-child td{border:1px solid #999;}
.list.schedule td{padding:0;background:#fff;}
.list.schedule td.date{padding:.5em 1em;color:#333;text-align:center;}
.list.schedule td.date em{display:block;margin:0 0 .2em;font-size:1.25em;}
.list.schedule td ul li a{padding:.5em 1em .4em;margin:0;text-align:left; background:#fff;}
.list.schedule td ul li time{display:inline-block;white-space:nowrap;margin:0 0 0 .8em;color:#676;font-family:"Courier New", Courier, monospace;}
.list.schedule td ul li a:hover{background-color:#ac2;color:#fff;}
.list.schedule td ul li a:focus{background-color:#ac2;color:#fff;outline:none;}
.list.schedule td ul li a:hover time{color:#fff;}
.list.schedule td ul li a:focus time{color:#fff;outline:none;}
.schedule caption{font-size:1.5em;margin:.2em 48px 0;line-height:1.6;min-height:44px;}
.schedule caption time{display:inline-block;white-space:nowrap;}
.schedule{position:relative;}
.navPrev , .navNext{position:absolute;width:44px;height:44px;top:0;left:2px;}
.navNext{left:auto;right:2px;}
.navPrev a , .navNext a{display:block;width:44px;height:44px; border-radius:50%;background:#718c91;}
.navPrev a:before, .navNext a:before{content:'';display:inline-block;width:14px;height:14px;border:5px solid #fff;-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg);transform:rotate(45deg);}
.navPrev a:before{border-right:none;border-top:none;margin:12px 0 0 16px;}
.navNext a:before{border-left:none;border-bottom:none;margin:12px 0 0 10px;}
.navPrev a:hover , .navNext a:hover{background-color:#ac2;}
@media screen and (max-width:1120px){
	.list.schedule{margin:1em 30px;}
}
@media screen and (max-width:800px){
	.list{border:none;}
	.list ul li a{padding-left:2.4em; padding-right:1em;}
	.list ul li .numb{min-width:3em;margin-left:-3.4em;}
	.list ul li .date{ margin-left:1em;position: static; display:inline-block;}
	.list table{width:94%;margin:0 auto;line-height:1.6em;}
	.list tr{display:block;position:relative;border:1px solid #999;padding:0;margin:0 0 15px;}
	.list tr:first-child{display:none;}
	.list th{display:none;}
	.list td{display:block;padding:.7em .5em .5em;margin:0;text-align:left;}
	.list td:last-child{border:none;}
	.list table tr:last-child td{border-bottom:1px dotted #ccc;}
	.list table tr:last-child td:last-child{border:none}
	.list td:empty{display:none;}
	.list tr:nth-child(odd){background: transparent;}
	.list td:before{content:attr(data-title) '：';display:inline-block; color:#999;}
	.list td[data-title="序號"]:before{display:none;}
	.list td[data-title="序號"]{float:right;margin:0 0 0 .5em;/*position:absolute;top:0;right:0;*/min-width:1.4em;height:1.2em;line-height:.9em ;background:#5d666f;color:#fff;font-size:1.2em;text-align:center;box-shadow:rgba(0,0,0,.4) 0 0 10px;border:none !important;}
	/*.list td[data-title="序號"] + td{padding-right:4em;}*/
	.list td.title a{font-size:1.25em;}
	.list td span{display:inline;}
	.list td .fileType{vertical-align:middle;margin:0;}

	.list.poll tr{padding:.4em .5em .3em;}
	.list.poll td{margin:0;}
	.list.poll td .from, .list.poll td .date{display:none;}
	.list.poll td.title{display:block;}

	.list.org tr{overflow:hidden;}
	.list.org td, .list.org .org2nd td, .list.org tr:last-child td{display:inline-block;border:none;line-height: 48px;}
	.list.org .org2nd td:first-child{padding-left:8px;font-size:1em;}
	.list.org td:first-child{text-align:center;line-height: 1.8em;}
	.list.org td:before{display:none;}
	.list.org td:first-child, .list.org .org2nd td:first-child , .list.org tr:last-child td:first-child{display:block;width:100%;border-bottom:1px solid #ccc;padding-left:0;padding-right:0;}
	.list.org td:last-child{float:right;}
	.list.org td a[target="_blank"]{width:48px;height:48px;border-radius:50%;background-color:#fff;box-shadow:#a8b1b3 0 0 0 3px;}
	.list.schedule{margin:1em 0;}
	.list.schedule table {border-collapse:collapse;}
	.schedule table caption{font-size:1em;margin-top:.5em;}
	.navPrev{left:3%;}
	.navNext{right:3%;}
	.list.schedule th{display:none;}
	.list.schedule td, .list.schedule table tr:last-child td{display:block;border:none;}
	.list.schedule td.date{border-bottom:1px solid #999 !important;background:#f2f6f7;}
	.list.schedule td.date em{display:inline-block;margin:.1em .6em 0 0;}
	.list.schedule td:before{display:none;}
	.list.schedule td ul li a{padding:.5em .5em .4em;}

	.nextPage { display:inline;}
}

.page{clear:both; margin:.5em 0 1em;overflow:hidden;float:left;width:88%;text-align:center;}
.list + .page, .thumbnail + .page{float:none;width:100%;margin-bottom:80px;}
.page .first, .page .last, .page .prevTen, .page .nextTen, .condition{display:inline-block;}
.page p{display:inline-block;margin:0 1em .3em;padding:0;line-height:1.1;}
.page em{margin:0 3px;color:#111;}
.page select{font-weight:bold;vertical-align:middle;margin:0 3px 3px;border:1px solid #bbb; width:auto; height:2em; line-height:2;}
.page option{font-weight:bold;}
.page ul{list-style:none;padding:0;overflow:hidden;vertical-align:middle; margin:0 1em;display:inline-block;font-size:16px;line-height:1;}
.page ul li{margin:0 -1px 0 0;padding:0;float:left;}
.page ul li a{display:block;height:1em;margin:3px 0;padding:10px 9px;min-width:1.2em;border:1px solid #ccc;}
.page ul li a:hover{background:#ef5;text-decoration:none;}
.page ul li a:focus{background:#ef5;text-decoration:none;outline:none;}
.page ul li.here a{color:#fff;background:#ac0;border-color:#ac0;box-shadow:#ac0 0 0 0 1px ;font-weight:bold;cursor:default; position:relative;z-index:99;}
.page li.prevTen + li , .page li.prev+ li, .page li.first+ li {margin-left:.7em;}
.page li.first + li.prev, .page li.prev + li.prevTen {margin-left:0;}
.page ul li + li.nextTen, .page ul li + li.next, .page ul li + li.last{margin-left:.7em;}
.page ul li.nextTen + li.next, .page ul li.next + li.last {margin-left:0;}
.page ul li.first a, .page ul li.last a, .page ul li.prev a, .page ul li.prevTen a, .page ul li.next a, .page ul li.nextTen a{background:#7c8785 url(../images/pageBtn.png) no-repeat 0 0;height:1em;padding:11px 10px;margin:2px;border-radius:4px;border:none;transition:.2s;}
.page ul li.first a:hover, .page ul li.last a:hover, .page ul li.prev a:hover, .page ul li.prevTen a:hover, .page ul li.next a:hover, .page ul li.nextTen a:hover{background-color:#ac0;box-shadow:#ac0 0 0 0 2px;}
.page ul li.first a:focus, .page ul li.last a:focus, .page ul li.prev a:focus, .page ul li.prevTen a:focus, .page ul li.next a:focus, .page ul li.nextTen a:focus{background-color:#ac0;box-shadow:#ac0 0 0 0 2px;outline:none;}
.page ul li.prev a{background-position:9px 9px;}
.page ul li.next a{background-position:-41px 9px;}
.page ul li.prevTen a{background-position:9px -41px;}
.page ul li.nextTen a{background-position:-41px -41px;}
.page ul li.first a{background-position:9px -91px;}
.page ul li.last a{background-position:-41px -91px;}
.condition{float:right;margin:12px 0 5px;}
.condition a{display:block;padding:9px 12px 8px 30px;line-height:110%;border-radius:30px;background:#e7e8e9 url(../images/search_icon.png) no-repeat 10px 9px;background-position:2px 1px \9;}
.condition a:hover{text-decoration:none;background-color:#ac0;color:#fff;}
.condition a:focus{text-decoration:none;background-color:#ac0;color:#fff;outline:none;}
.notice{margin:.5em 0 0;}
@media screen and (max-width:1060px){
	.condition{margin-right:12px;}
}
@media screen and (max-width:1025px){
	.page{width:auto;margin:15px auto;float:none;width:98%;}
	.condition, .notice{display:none;}
}
@media screen and (max-width:680px){
.page{display:none;}
}

.category ul{list-style: none;margin: 0;padding:2px;overflow: hidden;line-height: 1.1;}
.category li{margin: 0 5px 5px 0;padding: 0;float: left;}
.category li a{display:block;padding:.5em .7em;background:none;color:#000;text-decoration:none;border:1px solid #ccc;}
.category li a:hover{background-color:#fff;color:#000;border-color:#0bf;box-shadow:#8df 0 0 0 2px;}
.category li a:focus{background-color:#fff;color:#000;border-color:#0bf;box-shadow:#8df 0 0 0 2px;outline:none}
.category li.here a{background:#0bf;color:#fff;border-color:#0bf;box-shadow:#0bf 0 0 0 2px;}
.category a.here{display:none;}
.cateCtrl{display:none;}
@media screen and (max-width: 1120px) {
	.category{margin: 15px 30px 0;}	
}
@media screen and (max-width: 1000px) {
	.category{margin: 15px 15px 0;}	
}
@media screen and (max-width: 800px) {
	.category{position:relative;margin: 0;overflow:hidden;background:#5d666f;padding:.4em .4em 0 .4em;box-shadow:rgba(0,0,0,.7) 0 3px 6px inset;z-index:700;}
	.category ul{display: none;margin-bottom: 2em;}
	.category li a{display:block;padding:.5em .4em;color:#bbb;border-radius:4px;border: none;}
	.category li a:hover{color:#fff;background:#4a5259;}
	.category li.here a{color:#000;background:#df1}
	.category a.here{display:block; color:#fff;padding:.4em .4em .8em;margin:0 64px 0 0;}
	.category a.here:before{content:'資料大類：';font-size:.8em;margin-right:.2em;color:#bbb;}
	.cateCtrl{display: block;position:absolute;right:.4em;bottom:.4em;width:2.2em;height:2.2em;font-size:1em;border-radius:6px;border:none;background:url(../images/arrowUpDown.png) no-repeat center -48px;background-size:32px;}
	.cateCtrl.close{background-position:center 16px;}
}
@media screen and (max-width: 600px) {
	.category li{ float: none;margin:0 0 6px;}
	.category li.here a{box-shadow: none;}
}


.sitemap{margin-bottom: -60px;}
.sitemap .sitemap{padding:0;margin: 0;}
.sitemap>ul>li {line-height:1.6;list-style:square;margin-bottom:.6em;}
.cascading{list-style:none;margin:20px 0;padding:30px 0;background:#f3f5f6;}
.cascading ul{list-style:none;margin:0 0 .6em 0;padding:0;line-height:1.3;}
.cascading>li{margin:0 1%;padding:0 0 40px;display:inline-block;vertical-align:top;width:21%;}
.cascading>li:nth-child(4n+1){margin-left:4%;}
.cascading>li>ul{margin-left:0;}
.cascading>li>ul>li{text-indent:-2em;padding-left:2em;}
.cascading>li>ul>li>ul>li{text-indent:-3em;padding-left:3em;margin:0;}
.cascading li a{display:block;padding:.35em 5px;}
.cascading>li>a{font-size:1.2em;border-bottom:3px solid  #ac2;color:#333;padding-bottom:.1em;margin-bottom:.25em;}
.cascading a:hover{text-decoration:underline;color:#0af;}
.cascading a:focus{text-decoration:underline;color:#0ae;outline:none;}
.cascading>li>a:hover{text-decoration:none;border-color:#0bf;}
.cascading>li>a:focus{text-decoration:none;border-color:#0bf;}
@media screen and (max-width:1120px){
	.sitemap{margin: 15px 30px -60px}
	.cascading{margin:20px -30px 0;padding-bottom: 4em;}
}
@media screen and (max-width:1000px){
	.cascading>li{width:30%;margin:0 1%; padding:0 0 2em;}
	.cascading>li:nth-child(4n+1){margin-left:1%;}
	.cascading>li:nth-child(3n+1){margin-left:3%;}
}
@media screen and (max-width:800px){
	.cascading>li{width:45%;margin:0 1%;}
	.cascading>li:nth-child(3n+1){margin-left:1%;}
	.cascading>li:nth-child(2n+1){margin-left:4%;}
}
@media screen and (max-width:600px){
	.cascading>li{display:block;margin:0 auto;width:auto;width: 92%;}
	.cascading>li:nth-child(3n+1),	.cascading>li:nth-child(2n+1){margin-left:auto;}
	.cascading li a{padding:.6em 5px;}
	.cascading>li>a{padding-bottom:0;}
	.cascading>li>ul{margin-top:1em;}
}
/*機關階層*/
.orgTree{text-align:center;margin:1em 0}
.orgTree ul{list-style:none;margin:0;padding:0;color:#666;line-height:1.3;}
.orgTree li a{color:#333;}
.orgTree>ul>li{position:relative;display:inline-block;background:#f3f4f5;width:12.5em;margin:0 .2% 15px;padding:.7em .8% 0;vertical-align:top;min-height:2em;border-radius:6px;text-align:left;box-shadow:#bbb 0 1px 0 1px;}
.orgTree>ul>li>a{display:inline-block;width:10em;}
.orgTree>ul>li>span{display:inline-block;position:absolute;right:.4em;top:.3em;width:2.2em;height:2.3em;cursor:pointer;text-align:center;background:url(../images/icon_ExpCol.png) no-repeat center 1.3em;}
.orgTree>ul>li>span a{display:block;width:100%;height:2.1em;color:#899094;}
.orgTree>ul>li>span.close{background-position:center -80px;}
.orgTree>ul>li>span>a:before{content:'展開';font-size:.87em;display:inline-block;}
.orgTree>ul>li>span.close>a:before{content:'收合'}
.orgTree>ul>li>span>a:hover{color:#333;  outline:1px solid #888;}
.orgTree>ul>li>span>a:focus {color:#333; outline:1px solid #666;}
.orgTree ul ul{margin:.8em 0;display:none;border-top:1px solid #aaa;}
.orgTree li li a{display:block; padding:1em 0 .2em;border-bottom:1px dotted #aaa;}
.orgTree li li a:hover{text-decoration:none;border-bottom:1px solid #777;}
.orgTree li li a:focus{text-decoration:none;border-bottom:1px solid #777;outline:none;}
.orgTree>ul>li:last-child{background:transparent;box-shadow:none;}
@media screen and (max-width:680px){
.orgTree>ul>li{width:92%;margin:0 auto 12px;}
.orgTree>ul>li>a{display:block;width:auto;margin-right:3em;}
.orgTree>ul>li>span.close{background-position:center -74px;}
}