﻿@charset "utf-8";
/*表格--------------------*/
#css_table_01 { background-color: transparent; text-align:left;}
#css_table_01 .css_tr { display:block; width:100%; height:auto; overflow:hidden;margin-bottom: 4px;background:#efefef;}
#css_table_01 .css_tr:nth-child(odd){ background-color:#f6f6f6;.display: block;}
#css_table_01 .css_td { display:inline-block;border-bottom: #ddd 1px solid;width: 100%;text-align:left; padding:1% 2%; }
#css_table_01 .line{/*標題底色*/background-color: rgba(255,255,255,0.8);color:#333;}
#css_table_01 .css_tr .css_td h1{ font-size:100%;color:#000; margin:0px;}
#css_table_01 .title{.display: block;color:#0277bd;font-size:87.5%;}
#css_table_01 .css_td b{ color:#000;display: inline-block;.display:inline;padding-right:5px; text-align: right; font-weight:bold;}
#css_table_01 .css_td b:after{ content:"：";}
#css_table_01 .css_td a.link{ color:#ff8a00;}
#css_table_01 .css_td a img{ vertical-align:middle; border:0;}
#css_table_01 .line{background-color:#000;}
#css_table_01 .css_td b{ width:100px; vertical-align:top;}
#css_table_01 .css_td .spanbox{ width: auto; display:inline-block; min-height:25px;}
/*box014驗證碼*/
#css_table_01 .box14 .spanbox .voice{ background:#3d7b46 url(../frontimages/icon-voice.png) no-repeat 5px center; padding:4px 5px 5px 27px; color:#FFF; border-radius:6px; border:0;}
#css_table_01 .box14 .spanbox .voice:hover{background:#1c681f url(../frontimages/icon-voice.png) no-repeat 5px center;}
#css_table_01 .css_td .spanbox .text_img{ width:auto; height:20px;} 

/*員工相關資料維護*/
.content_font .fontbox{ font-size:95%; color:#666666; margin-bottom:5px;}
.content_font .fontbox i{color: #c34710; font-style:normal; font-size:110%; padding:0 3px;}
.member_info #css_table_01 .css_td H3{ font-size:130%;color:#004422;padding:5px 5px;}
.member_info #css_table_01 .css_td img{ /*height:30px;*/ vertical-align:middle;display:inline-block;}
.member_info #css_table_01 .css_td b{ width:24%; vertical-align:top; margin-right:1%;display:inline-block;}
.member_info #css_table_01 .css_td i{ display:inline-block;}
.member_info #css_table_01 .css_td .spanbox{ width:72%; height:auto; display:inline-block; overflow:hidden;}
.member_info #css_table_01 .css_td .spanbox i{ color:#4c7000; font-style:normal; font-size:80%; line-height:120%;}
.member_info #css_table_01 .css_td .checkboxin{ float:right;}
.member_info #css_table_01 .css_td .checkboxin input{display:inline-block; }

.member_info #css_table_01 .css_td .alink{ color: #c34710;display:inline-block;}
.member_info #css_table_01 .css_td b .imp{ color: #c34710; font-size:120%; line-height:100%;}
.member_info #css_table_01 .css_td:nth-child(even) {background:#efefef;}
.member_info #css_table_01 .css_td .spanbox select{ padding:2px; margin:0 2px;}
.member_info #css_table_01 .css_td .spanbox .btn_input{color:#FFF; border-style:none; width: auto; text-align:center; vertical-align:middle; cursor:pointer; padding:8px 12px; margin:2px; font-size:90%; border-radius:5px;
background:#7b881a;.background:#7b881a; text-decoration:none; line-height:100%;}
.member_info #css_table_01 .css_td .spanbox .btn_input:hover{background:#000;}
.member_info #css_table_01 .box01{background-color:#a8b63b; color:#004422;}

/*資訊與公告*/
.empinfo {width:100%; height:auto; margin:0 auto;border:1px solid #eee;}
.empinfo #css_table .line{background-color:#006934;/*標題底色*/ }
.empinfo #css_table .box01{ width:3%;}
.empinfo #css_table .box02{ width:20%;}

/*表單下載*/
.downlisttab {width:100%; height:auto; margin:0 auto;border:1px solid #eee;}
.downlisttab #css_table .line{background-color:#006934;/*標題底色*/ }
.downlisttab #css_table .box01{ width:8%; text-align:center;border-right:1px solid #eee;}
.downlisttab #css_table .box02{ width:30%;border-right:1px solid #eee;}
.downlisttab #css_table .box03{ width:62%;}
.downlisttab #css_table .box03 .spanbox {display:block;width:95%;}
.downlisttab #css_table .box03 .spanbox .filelist{display:block;width:100%;}
.downlisttab #css_table .box03 .spanbox .filelist li{display:block;width:100%; height:auto;  background:url(../frontimages/icon-arrow.png) no-repeat left center;padding:10px 0; padding-left:15px;  border-bottom:1px dashed #CCC;}
.downlisttab #css_table .box03 .spanbox .filelist li:last-child{border-bottom:0px dashed #CCC;}
.downlisttab #css_table .box03 .spanbox .filelist li .filename{display: inline-block;width:60%; height:auto;font-style:normal;vertical-align: middle;vertical-align:middle; }
.downlisttab #css_table .box03 .spanbox .filelist li .fileimg{ display: inline-block;width:39%;height:auto;  margin-left:1%;}
.downlisttab #css_table .box03 .spanbox .filelist li .fileimg a{display:inline-block;width:30px; height:auto;}
.downlisttab #css_table .box03 .spanbox .filelist li .fileimg img{ vertical-align:middle; }
/*地政信箱mail*/
.member_mail02{width:100%; height:auto; padding:0; margin:0;}
.member_mail02 #css_table_01 .css_td H3{ font-size:130%;padding:5px 5px;}
.member_mail02 #css_table_01 .css_td img{ height:30px; vertical-align:middle;display:inline-block;}
.member_mail02 #css_table_01 .css_td b{ width:24%; vertical-align:top; margin-right:1%;display:inline-block;}
.member_mail02 #css_table_01 .css_td i{ display:inline-block;}
.member_mail02 #css_table_01 .css_td .spanbox{ width:72%; height:auto; display:inline-block; overflow:hidden;}
.member_mail02 #css_table_01 .css_td .spanbox i{ color:#4c7000; font-style:normal; font-size:80%; line-height:120%;}
.member_mail02 #css_table_01 .css_td .checkboxin{ float:right;}
.member_mail02 #css_table_01 .css_td .checkboxin input{display:inline-block;}
.member_mail02 #css_table_01 .box01{background-color:#bece54;color:#00552b;}
.member_mail02 #css_table_01 .css_td .alink{ color: #c34710;display:inline-block;}
.member_mail02 #css_table_01 .css_td b .imp{ color: #c34710; font-size:120%; line-height:100%;}
.member_mail02 #css_table_01 .css_td:nth-child(even) {background:#efefef;}
.member_mail02 #css_table_01 .css_td .spanbox select{ padding:2px; margin:0 2px;}

.member_mail02 .mailbox{ width:100%; border:2px solid #a7b63b; padding:3%; border-radius:0 5px 5px 5px; margin:0% auto;}
.member_mail02 .mailbox ul{ list-style:none;/* font-size:95%; color:#666666; margin-bottom:5px;*/}
.member_mail02 .mailbox ul li{ margin-left:3%;}
.member_mail02 .mailbox ul li i{color: #c34710; font-style:normal; font-size:100%; padding:0 3px;}
.member_mail02 .mailbox .fontbox i{color: #c34710;}

.member_mail02 .mailtopbtn{ width:100%; padding-top:0px; margin:0px auto; margin-bottom:1%; text-align:left;}
.member_mail02 .mailtopbtn a{ color:#fff; letter-spacing:1px; background-color:#3d7b46; padding:8px 20px; border-radius:6px 6px 0 0; /*border-bottom:3px solid #a7b63b;*/}
.member_mail02 .mailtopbtn a.on,
.member_mail02 .mailtopbtn a:hover{background-color:#186423;}

/*地政信箱-案件處理進度查詢*/
.member_mail02 .titlebox10 { display:block; font-size:100%;width:100%;background-color:#a8b63b;padding:8px 20px; color:#FFF;}
.member_mail02 .titlebox11 { display:block; font-size:85%;width:100%;background-color:#e0e99b;color:#6e7d00; border-bottom:2px solid #909e2a;padding:6px 20px;}

.member_mail02 .anserboxtitle { display:block; font-size:95%;width:100%;padding:10px 20px; border:1px solid #eee;}
.member_mail02 #css_03 { display:table; width:100%; letter-spacing:normal;border:1px solid #eee;}
.member_mail02 #css_03 .css_tr { display: table-row;width:100%;.border-bottom:#188fa7 2px solid;.display: inline-block; }
.member_mail02 #css_03 .css_td { display: table-cell;padding:6px 5px; min-width: auto;.display: block;border-bottom:#ccc 1px solid; text-align: left; font-size:100%; }
.member_mail02 #css_03 .css_tr:nth-child(odd){ background-color:#f6f6f6;.background-color:#f6f6f6;.display: inline-block;}
.member_mail02 #css_03 .css_tr:first-child {  font-weight:bold; color:#FFFFFF; }
.member_mail02 #css_03 .line{background-color:#e0e99b;color:#6e7d00; border-bottom:2px solid #909e2a; }
.member_mail02 #css_03 .title{.display: block;color:#6e7d00;font-size:100%;}
.member_mail02 #css_03 .css_td b{ color:#333;display:none;.display:inline;}
.member_mail02 #css_03 .css_td b:after{ content:"：";}
.member_mail02 #css_03 .css_td .spanbox{ width: auto; display:inline-block;font-size:95%;}
.member_mail02 #css_03 .box01{padding-left:20px;}
.member_mail02 #css_03 .box03 .spanbox{ color:#C30; font-weight:bold;}


/*線上申辦*/
.onlinepage{ width:100%; height:auto; margin-top:3%; clear:both;}
.onlinepage ul{display:block; width:100%; height:auto;list-style:none; overflow:hidden;}
.onlinepage li{ width:100%; float:left; padding:1% 0;overflow:hidden;}
.onlinepage li .listbox{ width:100%; height:140px; background-color:#efefef;overflow:hidden;}
.onlinepage li .listbox .imgbox{ float:left; width:20%;height:auto;}
.onlinepage li .listbox .imgbox img{ width:100%; height:auto;}
.onlinepage li .listbox .fontbox{ float:left; width:80%;padding:3%; line-height:140%; }
.onlinepage li .listbox .fontbox h3{ display:block;width:100%; color: #07743d; border-bottom:1px solid #999; padding-bottom:2px; margin-bottom:2px;}
.onlinepage li .listbox .fontbox h3 a{color: #07743d;}
.onlinepage li .listbox .fontbox .infont{ width:100%; font-size:90% height: auto;overflow:hidden;white-space:pre-wrap;text-overflow:ellipsis;}

/*地政機關通訊錄*/
.contacts {width:100%; height:auto; margin:0 auto;border:1px solid #eee; margin-bottom:5%;}
.contacts #css_table .line{background-color:#006934;/*標題底色*/ }
.contacts #css_table .box02{ width:25%;}
.contacts #css_table .box02 a{ color:#666666; font-weight:bold; background:url(../frontimages/icon_link.png) no-repeat right center; background-size:15px 15px; padding-right:20px;}
.contacts #css_table .box04 {width:20%;}
.contacts #css_table .box03 .spanbox{ width:100%;}
.contacts #css_table .box03 .spanbox p{display:block; width:100%;}
.contacts #css_table .box03 .spanbox a{ display:inline; width:100%; padding-right:6%; background:url(../frontimages/icon_map.png) no-repeat right 0px; background-size:20px 15px;color:#666666 }
.contacts #css_table .spanbox a:hover{ text-decoration:underline; color:#FF9933;}

/*意見調查*/
.nteractive #css_table_01 .css_tr{ margin-bottom:3%;}
.nteractive #css_table_01 .css_td H3{ font-size:130%;}
.nteractive #css_table_01 .css_td { border-bottom:0px solid #999999 ;}
.nteractive #css_table_01 .css_td p{ width:70%; padding:0px 1.5% 0px 0px; letter-spacing:2px; line-height:150%;  height:auto; border-right:2px solid #becd56; float:left; font-size:120%;}
.nteractive #css_table_01 .css_td .spanbox{ width:30%; height:auto;float:left; padding:1% 3%; display:inline-block; overflow:hidden;}
.nteractive #css_table_01 .css_td .spanbox  input{display:inline-block; }
.nteractive #css_table_01 .box01{background-color:#a8b63b;}
.nteractive #css_table_01 .css_td .alink{ color: #c34710;display:inline-block;}
.nteractive #css_table_01 .css_td b .imp{ color: #c34710; font-size:120%; line-height:100%;}
.nteractive #css_table_01 .css_td:nth-child(even) {background:#efefef;}
.nteractive #css_table_01 .css_td .spanbox select{ padding:2px; margin:0 2px;}
.nteractive #css_table_01 .css_tr .box14 .spanbox .buttonbox{ margin:0 auto; width:100%;} 

.nteractive #css_table_01 .css_tr .css_td ul.listbox { list-style:none;}
.nteractive #css_table_01 .css_tr .css_td ul li{ font-size:120%; line-height:160%; padding:1% 2%;}
.nteractive #css_table_01 .css_tr .css_td ul li input{color:#595959;}
.content_font .fontbox .greenfont{ font-size:150%; font-weight:bold; color:#006666; line-height:30px;}
.content_font .fontbox .greenfont img{ padding-left:10px;}

/*DBA通訊錄*/
.dbalist {width:100%; height:auto; margin:0 auto;border:1px solid #eee;}
.dbalist #css_table .line{background-color:#006934;/*標題底色*/ }

/*地政主管通訊錄*/
.bosslist {width:100%; height:auto; margin:0 auto;border:1px solid #eee;}
.bosslist #css_table .line{background-color:#006934;/*標題底色*/ }
.bosslist #css_table .css_td .spanbox .btn_input{color:#FFF; border-style:none; width: auto; text-align:center; vertical-align:middle; cursor:pointer; padding:8px 10px; margin:2px; font-size:100%; border-radius:0px;
background:#333;text-decoration:none; line-height:100%;}
.bosslist #css_table .css_td .spanbox .btn_input:hover{background:#94a226;}

/*跨所申請謄本連繫窗口*/
.applylist {width:100%; height:auto; margin:0 auto;border:1px solid #eee;}
.applylist #css_table .line{background-color:#006934;/*標題底色*/ }
.applylist #css_table .css_td .spanbox .btn_input{color:#FFF; border-style:none; width: auto; text-align:center; vertical-align:middle; cursor:pointer; padding:8px 10px; margin:2px; font-size:100%; border-radius:0px;
background:#333;text-decoration:none; line-height:100%;}
.applylist #css_table .css_td .spanbox .btn_input:hover{background:#94a226;}

/*人員資料建置維謢*/
.emplist {width:100%; height:auto; margin:0 auto;border:1px solid #eee;}
.emplist #css_table .line{background-color:#006934;/*標題底色*/ }
.emplist #css_table .css_td .spanbox .btn_input{color:#FFF; border-style:none; width: auto; text-align:center; vertical-align:middle; cursor:pointer; padding:8px 10px; margin:2px; font-size:100%; border-radius:0px;
background:#333;text-decoration:none; line-height:100%;}
.emplist #css_table .css_td .spanbox .btn_input:hover{background:#94a226;}

/*主管通訊錄*/
.landboss {width:100%; height:auto; margin:0 auto;border:1px solid #eee;}
.landboss #css_table .line{background-color:#006934;/*標題底色*/ }
.landboss #css_table .css_td .spanbox .btn_input{color:#FFF; border-style:none; width: auto; text-align:center; vertical-align:middle; cursor:pointer; padding:8px 10px; margin:2px; font-size:100%; border-radius:0px;
background:#333;text-decoration:none; line-height:100%;}
.landboss #css_table .css_td .spanbox .btn_input:hover{background:#94a226;}

/*創新服務*/
.createlist {width:100%; height:auto; margin:0 auto;border:1px solid #eee;}
.createlist #css_table .line{background-color:#006934;/*標題底色*/ }
.createlist #css_table .css_td .spanbox .btn_input{color:#FFF; border-style:none; width: auto; text-align:center; vertical-align:middle; cursor:pointer; padding:8px 10px; margin:2px; font-size:100%; border-radius:0px;
background:#333;text-decoration:none; line-height:100%;}
.createlist #css_table .css_td .spanbox .btn_input:hover{background:#94a226;}

/*地政法規*/
.law {width:100%; height:auto; margin:1% auto; padding-bottom:20px;}
.law #css_table { display:table; width:100%; letter-spacing:normal;}
.law #css_table .css_tr { display: table-row;width:100%;.border-bottom:#188fa7 2px solid;.display: inline-block;}
.law #css_table .css_td { display: table-cell;padding:10px 5px; min-width: auto;.display: block;border-bottom:#ccc 1px solid; text-align: left; font-size:100%; }
.law #css_table .line{background-color:#1b8431;/*標題底色 /*background:linear-gradient(to top, #1b8431 30%,#3ab353 100%);*/padding:6px 5px;}
.law #css_table .css_tr:hover{ background-color:#e8eccd;}
.law #css_table .css_td .spanbox a{ color:#000;}
.law #css_table .css_td .spanbox a:hover{ color:#000;}
.law #css_table　.css_td b:after{ content:"：";}
.law #css_table .box01{ width:85%;}
.law #css_table .box02{ width:15%;}
.law #css_table .box01 .spanbox{ padding-left:15px; background: url(../frontimages/icon-arrow.png) no-repeat 0px center;}
.law #css_table .box02 .spanbox{color:#006835;}
.law .law_title{font-size:120%; margin:8px 0 2px 0; font-weight:bold; color:#07743d;line-height:30px;display:flex;justify-content:space-between;align-items:center;}
.law .law_title a{ display:block; float:right; width: auto; height:20px; padding:0px 10px 4px 10px;font-size:80%; line-height:18px; text-decoration:none; color:#999; letter-spacing:2px; font-weight:normal;}
.law .law_title .more{ opacity:1;border-radius:16px; color:#FFF;background:linear-gradient(to top, #006835 50%,#3ab353 100%); border:1px solid #9ad4a6; }
.law .law_title .more:hover{ background-color:rgba(0,0,0,0.2); opacity:0.8;}


/*法規條例查詢*/
.law_info #table_law01 { background-color:#f7f7f7; text-align:left; border:1px solid #eee;}
.law_info #table_law01 .css_tr { display:block; width:100%; height:auto; overflow:hidden;}
.law_info #table_law01 .css_td { display:inline-block;width: 100%;text-align:left; padding:1% 2%;}
.law_info #table_law01 .box05,
.law_info #table_law01 .box06,
.law_info #table_law01 .box07{ background-color:#FFF;}
.law_info #table_law01 .box05,.law_info #table_law01 .box11{ border-top:2px solid #a8b63b;}
.law_info #table_law01 .box07,.law_info #table_law01 .box11{ border-bottom:2px solid #a8b63b;}
.law_info #table_law01 .box11{ background-color:#FFF;}
.law_info #table_law01 .line{/*標題底色*/background-color: rgba(255,255,255,0.8);color:#333;}
.law_info #table_law01 .css_tr .css_td h1{ font-size:100%;color:#000; margin:0px;}
.law_info #table_law01 .title {display: block;color:#0277bd;font-size:87.5%;}
.law_info #table_law01 .css_td b{ color:#000;display: inline-block;.display:inline;padding-right:5px; text-align: right; font-weight:bold;}
.law_info #table_law01 .css_td b:after{content:"：";}
.law_info #table_law01 .css_td a.link{ color:#ff8a00;}
.law_info #table_law01 .css_td a img{ vertical-align:middle; border:0;}
.law_info #table_law01 .line {background-color:#000;}
/*.law_info #table_law01 .css_td b{ width:100px; vertical-align:top;}
.law_info #table_law01 .css_td .spanbox{ width: auto; display:inline-block; min-height:25px;}*/

.law_info #table_law01 .css_td H3{ font-size:120%;padding:0px 5px;}
.law_info #table_law01 .css_td img{ height:30px; vertical-align:middle;display:inline-block;}
.law_info #table_law01 .css_td b{ width:28%; vertical-align:top; margin-right:1%;display:inline-block;}
.law_info #table_law01 .css_td i{ display:inline-block;}
.law_info #table_law01 .css_td .spanbox{ width:70%; height:auto; display:inline-block; overflow:hidden;}
.law_info #table_law01 .css_td .spanbox i{ color:#4c7000; font-style:normal; font-size:80%; line-height:120%;}
.law_info #table_law01 .css_td .spanbox i img{ width:17px; height:auto; vertical-align:middle;}
.law_info #table_law01 .css_td .checkboxin{ float:right;}
.law_info #table_law01 .css_td .checkboxin input{display:inline-block; }
.law_info #table_law01 .box01{background-color:#a8b63b;}
.law_info #table_law01 .css_td .alink{ color: #c34710;display:inline-block;}
.law_info #table_law01 .css_td b .imp{ color: #c34710; font-size:120%; line-height:100%;}
.law_info #table_law01 .css_td .spanbox select{ padding:2px; margin:0 2px;}
.law_info #table_law01 .text_center{ text-align:center;}

/*樹狀查詢-new*/
.tree{width:100%; height:auto;}
.biglaw{ font-size:130%; font-weight:bold;}
.lawbox{ width:48%; height:auto; padding:2% 0%; float:left; margin:1%;}
.lawbox:nth-child(1){width:34%;}
.lawbox:nth-child(2){width:62%;}

.lawbox .lawlist{width:100%; height:auto;background-color:#333; border-radius:6px;color:#FFFFFF; font-size:130%; margin-bottom:5px;}
.lawbox .lawlist .list{ height:auto; padding-bottom:2%;}
.lawbox .lawlist .list a{color:#FFF;}
.lawbox .lawlist .list .listtitle{  padding:10px 5px; width:98%; font-weight:bold; color:#fff; background:url(../frontimages/news_icon_02.png) no-repeat right center;background-size:15px auto; }
.lawbox .lawlist .list .listtitle span{display:block;width:100%; height:auto; overflow:hidden;line-height:180%;}
.lawbox .lawlist .list .listfont{ display:block;width:96%; height:auto;margin:0 2%; background-color:#FFFFFF; border-radius:6px;  font-size:80%; padding:2px 10px;  color:#808080; font-weight: normal;}
.lawbox .lawlist .list .listfont a{color:#808080;display:block;width:100%; height:auto;}

.lawbox .lawlist2{width:100%; height:auto;background-color:#333; border-radius:6px;color:#FFFFFF; font-size:130%;margin-bottom:5px; }
.lawbox .lawlist2 .list{ width:100%;height:auto;overflow:hidden; }
.lawbox .lawlist2 .list a{color:#FFF;display:block;width:100%; height: auto;}
.lawbox .lawlist2 .list p.listtitle{ display:block; padding:5px; width:98%;height: auto; font-weight:bold; color:#FFFF; background:url(../frontimages/news_icon_01.png) no-repeat right center; background-size:15px auto;overflow:hidden;}
.lawbox .lawlist2 .list .listtitle span{width:100%;height: auto;overflow:hidden;color:#FFF;}

.lawbox .lawlist2 .list .listfont{ display:none;margin:0 5px ; background-color:#FFFFFF; border-radius:6px;  font-size:80%; padding:2px 10px; line-height:180%; color:#808080; font-weight: normal;}
.lawbox .lawlist2 .list .listfont a{color:#808080;}

#LLL{ width:89%; list-style:none;}

#LLL .title1 {width:100%;color: #000;font-size:100%;font-weight: bold;margin-right:5px; background:url(../frontimages/news_icon_01_g.png) no-repeat left 6px; padding-left:20px; font-weight:bold;}
#LLL .title2 {width:100%;color: #000;font-size:100%;font-weight: bold;margin-right:5px; background:url(../frontimages/news_icon_02_g.png) no-repeat left 6px; padding-left:20px; font-weight:bold;}
#LLL .title3 {width:100%;color: #000;font-size:100%;font-weight: bold;margin-right:5px; background:none; padding-left:20px; font-weight:bold;}
#LLL .title1 a,#LLL .title2 a,#LLL .title3 a{color: #07743d; text-decoration:none;}

#LLL li{ padding:5px 0;padding-left:10px;}
#LLL .star{padding-left:10px;}
#LLL .star li{ font-size:90%;padding-left:0px;}
#LLL .star li a{color: #000;}
#LLL .one{ list-style: disc;padding-left:20px;}
#LLL .one li{color:#063;font-size:95%; font-weight: bold;width:100%;}
#LLL .one li a{color:#063; text-decoration:none; line-height:110%; }
#LLL .one li a:hover{text-decoration: underline;}
#LLL .one li .two{list-style:none; line-height:100%;}
#LLL .one li .two li{color:#333;font-size:95%;list-style:none;font-weight: normal;list-style-type: none;background: url(../frontimages/icon-arrow.png) no-repeat left center;padding-left:20px;}
#LLL .one li .two li a{color:#333;list-style-type: none;}
#LLL .one li .two li a:hover{text-decoration: underline;}

.classificationbox .classification .lawmu{ width:100%; height:auto; padding:18px 0 25px 0;list-style:none;}
.classificationbox .classification .lawmu a{ width:80%; height:auto; display:block; margin:0 auto; color:#424242; font-size:110%; line-height:210%; border-bottom:#AAAAAA 1px solid; text-decoration:none;} 
.classificationbox .classification .lawmu a:hover{ color:#07743D;text-decoration: underline;}
.classificationbox .classification .lawmu .lawmu2 a{color:#A7B63B; font-size:100%; border:none;line-height:180%;}

/*創新服務列表*/
.createinfolist {width:100%; height:auto; margin:0% auto 0% auto;}
.createinfolist #css_table .line{background-color:#407c09;/*標題底色*/ }
.createinfolist #css_table .css_td b{ display:none;width:24%; vertical-align:top;color:#407c09; margin-right:1%;}
.createinfolist #css_table .css_td .spanbox{ width:auto; height:auto; display:inline-block; overflow:hidden;}
.createinfolist #css_table .css_td .spanbox a{ color:#000;}
.createinfolist #css_table .css_td .spanbox a:hover{ color:#000;}
.createinfolist #css_table .css_tr:hover{ background-color:#efff87;}
.createinfolist #css_table .box01{ width:15%; }
.createinfolist #css_table .box02{ width:auto; }
.createinfolist #css_table .box03{ width:15%;text-align:center;}
.createinfolist #css_table .box04{ width:13%;text-align:center;}

/*政府資訊公開*/
#css_table03 { display:table; width:100%; letter-spacing:normal;}
#css_table03 .css_tr { display: table-row;width:100%;.border-bottom:#188fa7 2px solid;.display: inline-block;}
#css_table03 .css_td { display: table-cell;padding:6px 5px; min-width: auto;.display: block;border-bottom:#ccc 1px solid; text-align: left; font-size:100%; }
#css_table03 .css_tr:nth-child(odd){ background-color:#f6f6f6;.background-color:#f6f6f6;.display: inline-block;}
#css_table03 .line{background-color:#a8b63b;color:#fff;}
#css_table03 .title{.display: block;color:#0277bd;font-size:100%;}
#css_table03 .css_td a.link{ color:#ff8a00;}

#css_table03 .css_td .tabbtn{background-color:#000; text-decoration:none; font-weight:bold;color:#FFF; font-size:75%; padding:5px 5px; border-radius:5px; text-align:center;}
#css_table03 .css_td .tabbtn a{ color:#FFFFFF; font-size:87.5%; }
#css_table03 .css_td .tabbtn:hover{text-decoration:none;}

#css_table03 .css_td a img{ vertical-align:middle; border:0;}
#css_table03 .css_tr .css_td.immg { width:110px;}
#css_table03 .css_tr .css_td.immg img{ margin:1px;}
#css_table03 .css_tr .css_td.none { display:block;}
#css_table03 .css_td b{ color:#0277bd;display:none;.display:inline;}
#css_table03 .css_td .spanbox{ width: auto; display:inline-block;}
.informationlisttab {width:100%; height:auto; margin:0 auto;border:1px solid #eee;}
.informationlisttab #css_table03 .line{background-color:#006934;/*標題底色*/ }
.informationlisttab #css_table03 .box02{ width:40%;padding:15px 0; background: url(../frontimages/icon-10.png) no-repeat 10px 20px; padding-left:30px; font-size:120%;}
.informationlisttab #css_table03 .box03{ width:60%;font-size:100%;}
.informationlisttab #css_table03 .box03 .spanbox {display:block;width:95%;}
.informationlisttab #css_table03 .box03 .spanbox .filelist{display:block;width:100%;}
.informationlisttab #css_table03 .box03 .spanbox .filelist li{display:block;width:100%; height:auto;  background:url(../frontimages/icon-arrow.png) no-repeat left center;padding:10px 0; padding-left:15px;  border-bottom:1px dashed #CCC;}
.informationlisttab #css_table03 .box03 .spanbox .filelist li .filename{display: inline-block;width:60%; height:auto;font-style:normal;vertical-align: middle;vertical-align:middle; }
.informationlisttab #css_table03 .box03 .spanbox .filelist li .filename a{ color:#333;}
.informationlisttab #css_table03 .box03 .spanbox .filelist li .filename a:hover{ color:#638c0b;}
.informationlisttab #css_table03 .box03 .spanbox .filelist li .fileimg{ display: inline-block;width:39%;height:auto;  margin-left:1%;}
.informationlisttab #css_table03 .box03 .spanbox .filelist li .fileimg a{display:inline;width:30px; height:auto;}
.informationlisttab #css_table03 .box03 .spanbox .filelist li .fileimg img{ vertical-align:middle; }
.informationlisttab #css_table03 .box03 .spanbox .filelist li:last-child{border-bottom:0px dashed #CCC;}

/*房地產交易價格*/
.content_small{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.content_small h3{ color:#7cab43;font-size:130%; margin-bottom:5px;}
.content_small .contentbox1{ margin:0 auto; padding:0;width:100%; height:auto;font-weight:bold; text-align:center;border-radius:10px; overflow:hidden; background:#fff; border:#999 1px solid; margin-bottom:10px;}
.content_small .contentbox1 .title11{color:#fff;font-size:105%; background:#000;text-align:left; line-height:150%; padding:5px 5px;}
.content_small .contentbox1 .title11 span{ display:inline-block; padding:2px 4px; background-color:#7cab43; color:#FFF; border-radius:15px;}
.content_small .contentbox1 .contenttext{font-size:100%;text-align:center;color:#333;padding:10px;line-height:150%;text-align:left;letter-spacing:1px;}
.content_small .contentbox1 .contenttext ol{ padding-left:20px; font-weight:normal;}

.property #css_table_01 .css_td H3{ font-size:130%;padding:0px 5px;}
.property #css_table_01 .css_td img{ height:30px; vertical-align:middle;display:inline-block;}
.property #css_table_01 .css_td b{ width:24%; vertical-align:top; margin-right:1%;display:inline-block;}
.property #css_table_01 .css_td i{ display:inline-block;}
.property #css_table_01 .css_td .spanbox{ width:72%; height:auto; display:inline-block; overflow:hidden;}
.property #css_table_01 .css_td .spanbox i{ color:#4c7000; font-style:normal; font-size:80%; line-height:120%;}
.property #css_table_01 .css_td .checkboxin{ float:right;}
.property #css_table_01 .css_td .checkboxin input{display:inline-block; }
.property #css_table_01 .box01{background-color:#a8b63b;}
.property #css_table_01 .css_td .alink{ color: #c34710;display:inline-block;}
.property #css_table_01 .css_td b .imp{ color: #c34710; font-size:120%; line-height:100%;}
.property #css_table_01 .css_td:nth-child(even) {background:#efefef;}
.property #css_table_01 .css_td .spanbox select{ padding:2px; margin:0 2px;}
.property_peo{ color:#07743d; font-size:90%;}

/*單一檔案下載*/
.downtab {width:100%; height:auto; margin:0 auto;border:1px solid #eee;}
#css_table8 { display:table; width:100%; letter-spacing:normal;table-layout:fixed}
#css_table8 .css_tr { display: table-row;width:100%;.border-bottom:#188fa7 2px solid;.display: inline-block;}
#css_table8 .css_td { display: table-cell;padding:6px 5px; min-width: auto;.display: block;border-bottom:#ccc 1px solid; text-align: left; font-size:100%; }
#css_table8 .css_tr:nth-child(odd){ background-color:white;.display: inline-block;}
#css_table8 .css_tr:hover{background:#e1ef81;}
#css_table8 .line{background-color:#006934;color:#fff;}


.box10:hover {
	background-color:white!important;
}

#css_table8 .line1 {
	background-color: #a8b63b;
	color: #004422;
	font-size: 16px;
	padding: 1% 2%;
}
#css_table8 .line1 h3 {
	padding: 5px;
}

#css_table8 .title {
	color: #FFF;
	font-size: 100%;
}
#css_table8 .css_td a.link{ color:#000;}
#css_table8 .css_td b{ color:#0277bd;display:none;.display:inline;}
#css_table8 .css_td .spanbox{ width: auto; display:inline-block;word-break:break-all}
#css_table8 .box01{ width: auto;border-right:1px solid #eee; text-align:left;}
#css_table8 .box01 a{color:#000;}
#css_table8 .box02{ width:19%;border-right:1px solid #eee;}
/*#css_table8 .box03{ width:13%;}*/
	#css_table8 .box03 {
		width: 19%;
		border-right: 1px solid #eee;
	}
#css_table8 .box03 .spanbox {display:block;width:95%; text-align:center;}
/*檔案下載*/
#css_table8 .box03 .spanbox .btn_disk{ display: inline-block; width:30px; height:30px; vertical-align:middle;color:#060; background: url(../frontimages/btn_disk.png) left center no-repeat;}
#css_table8 .box03 .spanbox .btn_disk:hover{ color:#060; text-decoration:underline;background: url(../frontimages/btn_disk2.png) left center no-repeat;}
#css_table8 .box03 .spanbox .btn_disk p{ display:none;}
/*指定地政事務所*/
#css_table8 .box03 .spanbox .btn_assign{ display: inline-block; width:30px; height:30px; vertical-align:middle;color:#060; background: url(../frontimages/btn_assign.png) left center no-repeat;}
#css_table8 .box03 .spanbox .btn_assign:hover{ color:#060; text-decoration:underline;background: url(../frontimages/btn_assign2.png) left center no-repeat;}
#css_table8 .box03 .spanbox .btn_assign p{ display:none;}
/*審核問題*/
#css_table8 .box03 .spanbox .btn_audit{ display: inline-block; width:30px; height:30px; vertical-align:middle;color:#060; background: url(../frontimages/btn_audit.png) left center no-repeat;}
#css_table8 .box03 .spanbox .btn_audit:hover{ color:#060; text-decoration:underline;background: url(../frontimages/btn_audit2.png) left center no-repeat;}
#css_table8 .box03 .spanbox .btn_audit p{ display:none;}
/*測試回報*/
#css_table8 .box03 .spanbox .btn_report{ display: inline-block; width:30px; height:30px; vertical-align:middle;color:#060; background: url(../frontimages/btn_report.png) left center no-repeat;}
#css_table8 .box03 .spanbox .btn_report:hover{ color:#060; text-decoration:underline;background: url(../frontimages/btn_report2.png) left center no-repeat;}
#css_table8 .box03 .spanbox .btn_report p{ display:none;}

.downtab 
/*資料下載*/
.infolisttab {width:100%; height:auto; margin:0 auto;border:1px solid #eee;}
.infolisttab #css_table .line{background-color:#006934;/*標題底色*/ }
.infolisttab #css_table .css_tr .css_td{border-right:1px solid #eee;}
.infolisttab #css_table .css_tr .css_td:last-child{border-right:0px dashed #CCC;}
.infolisttab #css_table .box01{ width:40%;}
.infolisttab #css_table .box02{ width:25%;}
.infolisttab #css_table .box04{ width:10%;}
.infolisttab #css_table .box03{ width:5%;}
.infolisttab #css_table .box03 .spanbox {display:block;width:100%;}
.infolisttab #css_table .box03 .spanbox .filelist{display:block;width:100%;}
.infolisttab #css_table .box03 .spanbox .filelist li{display:block;width:100%; height:auto;}
.infolisttab #css_table .box03 .spanbox .filelist li:last-child{border-bottom:0px dashed #CCC;}
.infolisttab #css_table .box03 .spanbox .filelist li .filename{display: inline-block;width:60%; height:auto;font-style:normal;vertical-align: middle;vertical-align:middle; }
.infolisttab #css_table .box03 .spanbox .filelist li .fileimg{ display: inline-block;width:100%;height:auto; }
.infolisttab #css_table .box03 .spanbox .filelist li .fileimg a{display:inline;width:40px; height:auto;}
.infolisttab #css_table .box03 .spanbox .filelist li .fileimg img{ vertical-align:middle; }

.btn_diskAA{ display: inline-block; width: auto; height: auto; text-align:center; vertical-align:middle;color:#003300; background: url(../frontimages/btn_disk2.png) 10px center no-repeat; background-size:auto 20px; margin:0 auto; background-color:#cddb5d;border:2px solid#e1e3e3; padding:5px 10px; padding-left:32px; line-height:180%; border-radius:10px;box-shadow:2px 2px 2px rgba(0,0,0,0.6); font-weight:bold;}
.btn_diskAA:hover{  text-decoration: none;background: url(../frontimages/btn_disk.png) 10px center no-repeat; background-size:auto 20px;background-color:#e1e3e3; border:2px solid #e1e3e3;color:#a8b63b;}

/*帳密/憑證/new eID 登入*/
.member_login H3{ font-size:130%;color:#004422; border-bottom:5px solid #006934;display:block;width:100%; height:auto;}
.member_login H3 a{display:inline-block;width:auto; height:auto; color:#000; padding:10px 20px; padding-left:50px;}
.member_login H3 a:nth-child(1){ background:url(../frontimages/loginicon01-1.png) no-repeat 20px center;}
.member_login H3 a:nth-child(1):hover,.member_login H3 a:nth-child(1).on{ background: #eee url(../frontimages/loginicon01.png) no-repeat 20px center;color:#006934;}
.member_login H3 a:nth-child(2){ background:url(../frontimages/loginicon02-1.png) no-repeat 20px center;}
.member_login H3 a:nth-child(2):hover,.member_login H3 a:nth-child(2).on{ background: #eee url(../frontimages/loginicon02.png) no-repeat 20px center;color:#006934;}
.member_login H3 a:nth-child(3){ background:url(../frontimages/loginicon02-1.png) no-repeat 20px center;}
.member_login H3 a:nth-child(3):hover,.member_login H3 a:nth-child(3).on{ background: #eee url(../frontimages/loginicon02.png) no-repeat 20px center;color:#006934;}
.member_login .list_td{display:block;width:100%; height:auto; padding:10px;border-bottom:1px solid #999;}

.member_login .list_td b{ width:24%; height: auto; margin-right:1%;display:inline-block; text-align:right;overflow:hidden;}
.member_login .list_td i{ display:inline-block;}
.member_login .list_td .spanbox{ width:72%; height:auto; display:inline-block; overflow:hidden;}
.member_login .list_td .spanbox i{ color:#4c7000; font-style:normal; font-size:80%; line-height:120%;}
.member_login .list_td .spanbox input{display:inline-block; vertical-align:middle;height:25px;}

.member_login .list_td .alink{ color: #c34710;display:inline-block;}
.member_login .list_td b .imp{ color: #c34710; font-size:120%; line-height:100%;}
.member_login .list_td:nth-child(odd) {background:#efefef; }
.member_login .list_td .spanbox select{ padding:2px; margin:0 2px;}
.member_login .list_td .spanbox .btn_input{color:#FFF; border-style:none; width: auto; text-align:center; vertical-align:middle; cursor:pointer; padding:8px 12px; margin:2px; font-size:90%; border-radius:5px;background:#7b881a;.background:#7b881a; text-decoration:none; line-height:100%;}
.member_login .list_td .spanbox .btn_input:hover{background:#000;}
.member_login .list_td .spanbox .voice{ display:inline-block;background:#3d7b46 url(../frontimages/icon-voice.png) no-repeat 5px center; padding:2px 5px 3px 27px; height:25px; color:#FFF; border-radius:6px; border:0; font-size:90%;}
.member_login .list_td .spanbox .voice:hover{background:#1c681f url(../frontimages/icon-voice.png) no-repeat 5px center;}



/* == 手機版型區 =============================== */

@media screen and (max-width: 767px) {
/*表格--------------------*/
#css_table_01 { background-color: transparent; text-align:left;}
#css_table_01 .css_tr { display:block; width:100%; height:auto; overflow:hidden;margin-bottom: 0px;background:#ffffff;}
#css_table_01 .css_tr:nth-child(odd){ background-color:#f6f6f6;.display: block;}
#css_table_01 .css_td { display:inline-block;border-bottom: #ddd 1px solid;width: 100%;text-align:left; padding:4px 2%; }
#css_table_01 .line{/*標題底色*/background-color: rgba(255,255,255,0.8);color:#333;}
#css_table_01 .css_tr .css_td h1{ font-size:100%;color:#000; margin:0px;}
#css_table_01 .title{.display: block;color:#0277bd;font-size:87.5%;}
#css_table_01 .css_td b{display: inline-block;.display:inline;padding-right:5px; text-align: right; font-weight:bold;}
#css_table_01 .css_td b:after{ content:"：";}
#css_table_01 .css_td a.link{ color:#ff8a00;}
#css_table_01 .css_td a img{ vertical-align:middle; border:0;}
#css_table_01 .line{background-color:#000;}
#css_table_01 .css_td b{ width:100px; vertical-align:top;}
#css_table_01 .css_td .spanbox{ width: auto; display:inline-block; min-height: auto;}
#css_table_01 .css_td i{font-style:normal; font-size:80%; color:rgba(0,0,0,0.6);}	

/*員工相關資料維護*/
.member_info #css_table_01 .css_td H3{ font-size:130%;padding:5px 5px;}
.member_info #css_table_01 .css_td img{ height:30px; vertical-align:middle;display:inline-block;}
.member_info #css_table_01 .css_td b{ width:26%; vertical-align:top; margin-right:0%;display:inline-block;}
.member_info #css_table_01 .css_td i{ display:inline-block;}
.member_info #css_table_01 .css_td .spanbox{ width:70%; height:auto; display:inline-block; overflow:hidden;}
.member_info #css_table_01 .css_td .checkboxin{ float:right;}
.member_info #css_table_01 .css_td .checkboxin input{display:inline-block; }
.member_info #css_table_01 .css_td .alink{ color: #c34710;display:inline-block;}
.member_info #css_table_01 .css_td b .imp{ color: #c34710; font-size:120%; line-height:100%;}
.member_info #css_table_01 .css_td .spanbox select{ padding:2px; margin:0 2px;}

/*輸入下載號碼*/
.member_info #css_table_01 .box2 b{ width:32%; vertical-align:top; margin-right:0%;display:inline-block;}
.member_info #css_table_01 .box2 .spanbox{ width:66%; height:auto; display:inline-block; overflow:hidden;}


/*資訊與公告*/
.empinfo { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.empinfo #css_table .box01{ width:100%;float:left;}
.empinfo #css_table .box02{ width:100%;float:left;}
.empinfo #css_table .box03{ width:100%;float:left;}
.empinfo #css_table .css_td {padding:0px 5px;}
.empinfo #css_table .css_td b{ width:24%; vertical-align:top;}
.empinfo #css_table .css_td .spanbox{ width:72%; height:auto; display:inline-block;min-height: auto;}

/*表單下載*/
.downlisttab #css_table .css_td b{ width: auto; vertical-align:top;}
.downlisttab { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.downlisttab #css_table .box01{ width:100%;float:left; text-align:left;}
.downlisttab #css_table .box02{ width:100%;float:left;}
.downlisttab #css_table .box03{ width:100%;float:left;}


/*地政信箱mail*/
.member_mail02 .mailbox{ width:100%; border:2px solid #a7b63b; padding:3%; border-radius:0 5px 5px 5px; margin:0% auto;   }
.member_mail02 .mailtopbtn{ width:100%; padding-top:10px; margin:0px auto; margin-bottom:1%; text-align:left;}
.member_mail02 .mailtopbtn a{ letter-spacing:1px;  padding:8px 8px; border-radius:6px 6px 0 0;}
.member_mail02 #css_table_01 .css_td b{ width:26%; vertical-align:top;}
.member_mail02 #css_table_01 .css_td .spanbox{ width:70%; height:auto; display:inline-block;min-height: auto;}

/*地政信箱-案件處理進度查詢*/
.member_mail02 .titlebox10 { display:block; font-size:100%;width:100%;background-color:#a8b63b;padding:8px 10px; color:#FFF;}
.member_mail02 .titlebox11 { display:block; font-size:85%;width:100%;background-color:#e0e99b;color:#6e7d00; border-bottom:2px solid #909e2a;padding:6px 10px;}
.member_mail02 .anserboxtitle { display:block; font-size:95%;width:100%;padding:10px 10px; border:1px solid #eee;}
.member_mail02 #css_03 .css_td {padding:6px 2px;}
.member_mail02 #css_03 .box01{padding-left:10px;}
.member_mail02 #css_03 .box03 .spanbox{ text-align:center;}


/*線上申辦*/
.onlinepage{ width:100%; height:auto; overflow:hidden; margin-top:5%;}
.onlinepage ul{ list-style:none; width:100%; margin:0 auto;}
.onlinepage li{ width:100%; float: none; padding:1%;overflow:hidden; margin:0 auto;}
.onlinepage li .listbox{ width:100%; height:auto; background-color:#efefef;overflow:hidden; border:1px solid #efefef;}
.onlinepage li .listbox .imgbox{ float:left; width:40%; height:auto;}
.onlinepage li .listbox .imgbox img{ width:100%; height:auto;}
.onlinepage li .listbox .fontbox{ float:left; width:60%;padding:2% 2% 3% 2%; }
.onlinepage li .listbox .fontbox .infont{ width:100%; height: auto;overflow:hidden;white-space:pre-wrap;text-overflow:ellipsis;}

/*地政機關通訊錄*/
.contacts {width:100%; height:auto; margin:0 auto;border:1px solid #eee; margin-bottom:5%;}
.contacts #css_table .line{background-color:#006934;/*標題底色*/ }
.contacts #css_table .css_tr{ margin:0px auto; margin-bottom:-1px; padding-top:10px;} 
.contacts #css_table .box02{ width:100%;}
.contacts #css_table .box02 a{ color:#000; background:url(../frontimages/icon_link.png) no-repeat right center; background-size:13px auto;padding-right:20px;}
.contacts #css_table .box04 {width:100%;}

.contacts #css_table .box03 .spanbox{ width:75%; float:right;}
.contacts #css_table .box03 .spanbox p{display:block; width:100%;}
.contacts #css_table .box03 .spanbox a{ display:inline; width:100%; padding-right:7%; background:url(../frontimages/icon_map.png) no-repeat right 0px; background-size:20px 15px;color:#666666 }
.contacts #css_table .spanbox a:hover{ text-decoration:underline; color:#FF9933;}

/*意見調查*/
.nteractive #css_table_01 .css_tr{ margin-bottom:3%;}
.nteractive #css_table_01 .css_td H3{ font-size:130%;}
.nteractive #css_table_01 .css_td { border-bottom:0px solid #999999 ;}
.nteractive #css_table_01 .css_td p{ width:100%; padding:3%; letter-spacing:2px; line-height:150%;  height:auto; border-right:0px solid #becd56; border-bottom:2px solid #becd56;float: none; font-size:120%;}
.nteractive #css_table_01 .css_td .spanbox{ width:100%; height:auto;float: none; padding:1% 3%; display:inline-block; overflow:hidden;}
.nteractive #css_table_01 .css_td .spanbox  input{display:inline-block; }
.nteractive #css_table_01 .box01{background-color:#a8b63b;}
.nteractive #css_table_01 .css_td .alink{ color: #c34710;display:inline-block;}
.nteractive #css_table_01 .css_td b .imp{ color: #c34710; font-size:120%; line-height:100%;}
.nteractive #css_table_01 .css_td:nth-child(even) {background:#efefef;}
.nteractive #css_table_01 .css_td .spanbox select{ padding:2px; margin:0 2px;}
.nteractive #css_table_01 .css_tr .box14 .spanbox .buttonbox{ margin:0 auto; width:100%;} 

/*地政法規*/
.law {width:100%; height:auto; margin:0 auto;padding:3px 3px 0px 3px;}
.law #css_table .line{background-color:#407c09;/*標題底色*/ }
.law #css_table .box01{ width:100%;float:left;}
.law #css_table .box02{ width:100%;float:left;}
.law #css_table .css_tr{ padding-top:10px;}
.law #css_table .css_tr:nth-child(odd){ background-color:#f6f6f6;.background-color:#f6f6f6;.display: inline-block;padding:20px 0;}
.law #css_table .css_td {padding:6px 8px 0px 5px; }
.law #css_table .css_td b{ width:25%; vertical-align:top;}
.law #css_table .css_td b:after{ content:"：";}
.law #css_table .css_td .spanbox{ width:72%; height:auto; display:inline-block;min-height: auto;}
/*法規條例查詢*/
.law_info #table_law01 .css_td b{ width:24%; vertical-align:top; margin-right:1%;display:inline-block;}
.law_info #table_law01 .css_td .spanbox{ width:70%; height:auto; display:inline-block; overflow:hidden;}
.law_info #table_law01 .css_td .spanbox span{ display:block; margin-bottom:5px;}
/*樹狀查詢*/
.tree{width:100%; height:auto;}
.biglaw{ font-size:130%; font-weight:bold;}
.lawbox{ width:100%; height:auto; padding:2% 0%; float: none; margin:0%;}
.lawbox:nth-child(1){width:100%;}
.lawbox:nth-child(2){width:100%;}


/*創新服務列表*/
.createinfolist {width:100%; height:auto; margin:1% auto 5% auto;}
.createinfolist #css_table .line{background-color:#407c09;/*標題底色*/ }
.createinfolist #css_table .css_tr{ padding:2px; padding-top:5px; margin:0;}
.createinfolist #css_table .css_td b{ display: inline-block;width:29%; vertical-align:top;color:#407c09; margin-right:1%; padding:0;}
.createinfolist #css_table .css_td .spanbox{ width:70%; height:auto; display:inline-block; overflow:hidden; line-height:150%;}

.createinfolist #css_table .box01{ width:100%; padding:0;}
.createinfolist #css_table .box02{ width:100%; padding:0;}
.createinfolist #css_table .box03{ width:100%; text-align:left; padding:0;}
.createinfolist #css_table .box04{ width:100%; text-align:left; padding:0;}
.createinfolist #css_table .box02 .spanbox a{}
.createinfolist #css_table .box02 .spanbox a:after{ content:"☜ 點選觀看"; color:#c34710; font-size:100%;}




/*政府資訊公開*/
#css_table03 { background-color: transparent; text-align:left;}
#css_table03 .css_tr { display:block; width:100%; height:auto; overflow:hidden;margin-bottom: 20px;background:#ffffff;border: #ddd 1px solid;width:}
#css_table03 .css_tr:nth-child(odd){ background-color:#f6f6f6;.display: block;}
#css_table03 .css_td { display:inline-block;border-bottom: #ddd 0px solid;width: 100%;text-align:left; padding:4px 2%; }
#css_table03 .line{/*標題底色*/background-color: rgba(255,255,255,0.8);color:#333;}
#css_table03 .css_tr .css_td h1{ font-size:100%;color:#000; margin:0px;}
#css_table03 .title{.display: block;color:#0277bd;font-size:87.5%;}
/*#css_table03 .css_td b{display: inline-block;.display:inline;padding-right:5px; text-align: right; font-weight:bold;}
#css_table03 .css_td b:after{ content:"：";}*/
#css_table03 .css_td a.link{ color:#ff8a00;}
#css_table03 .css_td a img{ vertical-align:middle; border:0;}
#css_table03 .line{background-color:#000;}
#css_table03 .css_td b{ width:100px; vertical-align:top;}
#css_table03 .css_td .spanbox{ width: auto; display:inline-block; min-height: auto;}
#css_table03 .css_td i{font-style:normal; font-size:80%; color:rgba(0,0,0,0.6);}
.informationlisttab #css_table03 .css_td b{ width: auto; vertical-align:top;}
.informationlisttab { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.informationlisttab #css_table03 .box01{ width:100%;float:left; text-align:left; padding:0 6px;}
.informationlisttab #css_table03 .box02{ width:100%;float:left; padding:6px 6px;background: url(../frontimages/icon-10.png) no-repeat 10px center; padding-left:35px;}
.informationlisttab #css_table03 .box03{ width:100%;float:left; font-size:100%;}

/*單一檔案下載*/
.downtab { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
#css_table8 { display:table; width:100%; letter-spacing:normal; border:0px solid #eee;}
#css_table8 .css_tr { display: table-row;width:100%;.border-bottom:#188fa7 2px solid;.display: inline-block;}
#css_table8 .css_td { display: table-cell;padding:2px 5px; min-width: auto;.display: block;border-bottom:#ccc 0px solid; text-align: left; font-size:87.5%; }
#css_table8 .css_tr:nth-child(odd){ background-color:#f6f6f6;.background-color:#f6f6f6;.display: inline-block;}
#css_table8 .css_tr:first-child {  font-weight:bold; color:#FFFFFF;display: none;}
#css_table8 .css_tr:hover{background:#e1ef81;}
#css_table8 .line {background-color:#000;color:#fff;}
#css_table8 .title {display: block;color:#0277bd;font-size:87.5%;}
#css_table8 .css_td b{color:#0277bd;display:none;.display:inline;}
#css_table8 .css_td b{width:19%; text-align:right; vertical-align:top; color:#006666;display: inline-block;.display:inline; border-right:2px solid #006666; padding-right:5px;margin-right:5px;}
#css_table8 .css_td .spanbox{ width:72%; height:auto; display:inline-block; overflow:hidden;}
#css_table8 .box01{ width:100%;float:left; text-align:left;border-right:0px solid #eee;}
#css_table8 .box02{ width:100%;float:left;border-right:0px solid #eee;}
#css_table8 .box03{ width:100%;float:left;}
#css_table8 .box03 .spanbox {text-align:left;}
#css_table8 .box03 .spanbox .btn_disk{ display: inline-block; width:45%; height:30px; vertical-align:middle;color:#fff; background: none; background-color:#a7b63b; margin-bottom:10px;}
#css_table8 .box03 .spanbox .btn_disk:hover{ color:#060; text-decoration:underline;background: none; background-color:#939b2f; text-decoration:none;}
#css_table8 .box03 .spanbox .btn_disk p{ display:block; color:#FFFFFF; vertical-align:middle; padding-top:5px; text-align:center;}
/*box014驗證碼*/
#css_table_01 .box14 .spanbox .voice{ display:none;}	

/*資料下載*/
.infolisttab #css_table .css_td b{ width: auto; vertical-align:top;}
.infolisttab #css_table .css_td{border-bottom:1px solid #eee;}
.infolisttab #css_table .css_td:nth-child(3),.infolisttab #css_table .css_td:nth-child(4){border-bottom:0px solid #eee;}
.infolisttab { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.infolisttab #css_table .box01{ width:100%;float: left; text-align:left;}
.infolisttab #css_table .box02{ width:100%;float: left;}
.infolisttab #css_table .box04{ width:70%;float: left;}
.infolisttab #css_table .box03{ width:30%;float: right;}
.infolisttab #css_table .box03 .spanbox {display:inline;width:100%;}
.infolisttab #css_table .box03 .spanbox .filelist{display:inline;width:100%;}
.infolisttab #css_table .box03 .spanbox .filelist li{display:inline;width:100%; height:auto;}
.infolisttab #css_table .box03 .spanbox .filelist li:last-child{border-bottom:0px dashed #CCC;}
.infolisttab #css_table .box03 .spanbox .filelist li .filename{display: inline-block;width:60%; height:auto;font-style:normal;vertical-align: middle;vertical-align:middle; }
.infolisttab #css_table .box03 .spanbox .filelist li .fileimg{ display: inline-block;width:39%;height:auto;  margin-left:1%;}
.infolisttab #css_table .box03 .spanbox .filelist li .fileimg a{display:inline;width:30px; height:auto;}
.infolisttab #css_table .box03 .spanbox .filelist li .fileimg img{ vertical-align:middle; }

/*帳密/憑證 登入*/
.member_login H3{ font-size:130%;color:#004422; border-bottom:5px solid #006934;display:block;width:100%; height:auto;}
.member_login H3 a{display:inline-block;width:auto; height:auto; color:#000; padding:10px 20px; padding-left:50px;}
.member_login H3 a:nth-child(1){ background:url(../frontimages/loginicon01-1.png) no-repeat 20px center;}
.member_login H3 a:nth-child(1):hover,.member_login H3 a:nth-child(1).on{ background: #eee url(../frontimages/loginicon01.png) no-repeat 20px center;color:#006934;}
.member_login H3 a:nth-child(2){ background:url(../frontimages/loginicon02-1.png) no-repeat 20px center;}
.member_login H3 a:nth-child(2):hover,.member_login H3 a:nth-child(2).on{ background: #eee url(../frontimages/loginicon02.png) no-repeat 20px center;color:#006934;}
.member_login .list_td{display:block;width:100%; height:auto; padding:10px;border-bottom:1px solid #999;}

.member_login .list_td b{ width:24%; height: auto; margin-right:1%;display:inline-block; text-align:right;overflow:hidden; vertical-align:middle;}
.member_login .list_td i{ display:inline-block;}
.member_login .list_td .spanbox{ width:72%; height:auto; display:inline-block; overflow:hidden; vertical-align:middle;}
.member_login .list_td .spanbox i{ color:#4c7000; font-style:normal; font-size:80%; line-height:120%;}
.member_login .list_td .spanbox input{display:inline-block; vertical-align:middle;height:25px;}

.member_login .list_td .alink{ color: #c34710;display:inline-block;}
.member_login .list_td b .imp{ color: #c34710; font-size:120%; line-height:100%;}
.member_login .list_td:nth-child(odd) {background:#efefef; }
.member_login .list_td .spanbox select{ padding:2px; margin:0 2px;}
.member_login .list_td .spanbox .btn_input{color:#FFF; border-style:none; width: auto; text-align:center; vertical-align:middle; cursor:pointer; padding:8px 12px; margin:2px; font-size:90%; border-radius:5px;background:#7b881a;.background:#7b881a; text-decoration:none; line-height:100%;}
.member_login .list_td .spanbox .btn_input:hover{background:#000;}
.member_login .list_td .spanbox .voice{ display:inline-block;background:#3d7b46 url(../frontimages/icon-voice.png) no-repeat 5px center; padding:2px 5px 3px 27px; height:25px; color:#FFF; border-radius:6px; border:0; font-size:90%;}
.member_login .list_td .spanbox .voice:hover{background:#1c681f url(../frontimages/icon-voice.png) no-repeat 5px center;}
	}

/* == 平板版型區 =============================== */
 
@media screen and (min-width: 768px) and (max-width: 1024px) {
/*表格--------------------*/
#css_table_01 { background-color: transparent; text-align:left;}
#css_table_01 .css_tr { display:block; width:100%; height:auto; overflow:hidden;margin-bottom: 0px;background:#ffffff;}
#css_table_01 .css_tr:nth-child(odd){ background-color:#f6f6f6;.display: block;}
#css_table_01 .css_td { display:inline-block;border-bottom: #ddd 1px solid;width: 100%;text-align:left; padding:4px 2%; }
#css_table_01 .line{/*標題底色*/background-color: rgba(255,255,255,0.8);color:#333;}
#css_table_01 .css_tr .css_td h1{ font-size:100%;color:#000; margin:0px;}
#css_table_01 .title{.display: block;color:#0277bd;font-size:87.5%;}
#css_table_01 .css_td b{display: inline-block;.display:inline;padding-right:5px; text-align: right; font-weight:bold;}
#css_table_01 .css_td b:after{ content:"：";}
#css_table_01 .css_td a.link{ color:#ff8a00;}
#css_table_01 .css_td a img{ vertical-align:middle; border:0;}
#css_table_01 .line{background-color:#000;}
#css_table_01 .css_td b{ width:100px; vertical-align:top;}
#css_table_01 .css_td .spanbox{ width: auto; display:inline-block; min-height: auto;}
#css_table_01 .css_td i{font-style:normal; font-size:80%; color:rgba(0,0,0,0.6);}

/*資訊與公告*/
.empinfo { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.empinfo #css_table .box01{ width:100%;float:left;}
.empinfo #css_table .box02{ width:100%;float:left;}
.empinfo #css_table .box03{ width:100%;float:left;}
.empinfo #css_table .box04{ width:100%;float:left;}
.empinfo #css_table .css_td {padding:0px 5px;}
.empinfo #css_table .css_td b{ width:20%; vertical-align:top;}
.empinfo #css_table .css_td .spanbox{ width:76%; height:auto; display:inline-block;min-height: auto;}

/*表單下載*/
.downlisttab { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.downlisttab #css_table .box01{ width:100%;float:left; text-align:left;}
.downlisttab #css_table .box02{ width:100%;float:left;}
.downlisttab #css_table .box03{ width:100%;float:left;}

/*資料下載*/
.infolisttab #css_table .css_td b{ width: auto; vertical-align:top;}
.infolisttab #css_table .css_td{border-bottom:1px solid #eee;}
.infolisttab #css_table .css_td:nth-child(3),.infolisttab #css_table .css_td:nth-child(4){border-bottom:0px solid #eee;}
.infolisttab { clear:both; width:100%; height:auto; margin:0 auto; padding:3px 3px 0px 3px;border:1px solid #eee;}
.infolisttab #css_table .box01{ width:100%;float: left; text-align:left;}
.infolisttab #css_table .box02{ width:100%;float: left;}
.infolisttab #css_table .box04{ width:70%;float: left;}
.infolisttab #css_table .box03{ width:30%;float: right;}
.infolisttab #css_table .box03 .spanbox {display:inline;width:100%;}
.infolisttab #css_table .box03 .spanbox .filelist{display:inline;width:100%;}
.infolisttab #css_table .box03 .spanbox .filelist li{display:inline;width:100%; height:auto;}
.infolisttab #css_table .box03 .spanbox .filelist li:last-child{border-bottom:0px dashed #CCC;}
.infolisttab #css_table .box03 .spanbox .filelist li .filename{display: inline-block;width:60%; height:auto;font-style:normal;vertical-align: middle;vertical-align:middle; }
.infolisttab #css_table .box03 .spanbox .filelist li .fileimg{ display: inline-block;width:39%;height:auto;  margin-left:1%;}
.infolisttab #css_table .box03 .spanbox .filelist li .fileimg a{display:inline;width:30px; height:auto;}
.infolisttab #css_table .box03 .spanbox .filelist li .fileimg img{ vertical-align:middle; }
	}
@media screen and (min-width: 1025px) and (max-width: 1119px) {}

.member_info {
	margin-bottom: 1rem;
}
@media(min-width: 768px) {
	.member_info {
		margin-bottom: 2rem;
	}
}
