@charset "utf-8";
/* CSS Document */
.error {
  color: red;  /* 文字顏色設為紅色 */
}

nav h2 { /* <h2> 的預設樣式清掉 */
  font-size: inherit;     /* 繼承父層字體大小 */
  font-weight: normal;    /* 取消粗體 */
  margin: 0;              /* 清除上下外距 */
  padding: 0;             /* 清除內距 */
  display: inline;        /* 讓它跟原本的 <a> 排版一樣 */
}



body{ margin:0; padding:0; background:url(../img/bg-bg.webp); font-family:"微軟正黑體"; font-size:1.2em; color:#000;}

img{ max-width:100%; height:auto; vertical-align:bottom;}
.banner{ /*display:inline-block;*/  margin:auto;}
.banner img{ display:inline-block;  margin:auto;  vertical-align : middle;}

a{ color:#333; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
a:hover{ color:#ff6600; text-decoration: none;}

h1{margin: 0; padding: 0;}
h2{margin: 0; padding: 0;font-size:1.5em;}
h2.index_h2{ margin:0; padding:16px 0; font-size:2.4em; font-weight:bold; color:#333; text-align:center; clear: both;}
h3{ margin:0; padding: 0; font-size:1.5em; clear: both;}
h4{margin: 0; padding: 0;font-size:1em;}

.wrap{ max-width:1100px; margin:0 auto; padding:0 20px; overflow:hidden;}
.wrap2{ max-width:1120px; margin:0 auto; padding:0 10px; overflow:hidden;}


.bg01{ background:#fff;}
#table01 td.cap01{ color:#fff; background:#02569e;}
#table01{ width:100%;}
#table01 td{ padding:1px;}
ul.ul_div{ margin:0; padding:0; list-style:none;}
ul.ul_div li.div2_1{ float:left; width:50%;}
ul.ul_div li.div4_1{ float:left; width:25%;}
ul.ul_div li.div5_1{ float:left; width:20%;}
ul.ul_div li.div5_4{ float:left; width:80%;}
ul.ul_div li.div6_1{ float:left; width:16.6666%;}
ul.ul_div li.div7_1{ float:left; width:22%;}




/*** HEADER ***/
header{ background:#fff;}
ul#ul_header{ margin:0; padding:0; list-style:none;}
ul#ul_header li.header01{ height:auto; background:#022c76; color:#fff; font-size:1em; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
ul#ul_header li.header02{ padding:1.083em 0; background:#fff; overflow:hidden;}
ul#ul_header li.header03{ height:auto;padding:15px 0; background:#022c76; color:#fff; font-size:1.2em; }

.nav_icon{ display:none;}

.logo{ float:left; padding:1em 0 0 0 ;}
.logo2{ display:none;}
.searchbox{ float:right; width:300px; margin-top:8px; overflow:hidden; position:relative;}
.input_searchtxt{ float:left; width:100%; padding:6px 46px 8px 10px; color:#000; border:1px solid #ccc;}
.input_searchbtn{ float:right; width:36px; height:36px; position:absolute; right:0px; text-indent:-9999px;}
.input_searchsort{ float:right; height:36px; margin-top:8px; margin-left:5px; color:#fff; background:#022c76; border:1px solid #ccc;}



.nav_mainregion a{ color:#7abec7 !important; text-decoration:none !important;}
/*** HEADER ***/

/*** MAIN ***/
.main{ padding:20px 0; overflow:hidden; clear:both;}

.main222{ margin:0 20px; padding:0 0 20px 0; background:transparent;}

.index_4{ margin:0 10px; padding:0 0 20px 0; background:#fff;height:354px;}
.index_4-2{ margin:0 10px; padding:0 0 0 0; background:none;height:354px;}
.index_4 h2{ height:56px; margin:0; padding:0; color:#fff; font-size:1.3em; line-height:56px; font-weight:bold; text-align:center;}
.index_4 h2.i401{ background:#1e914a url(../img/bg-index_4_01.gif) repeat-x;}
.index_4 h2.i402{ background:#1e9071 url(../img/bg-index_4_02.gif) repeat-x;}
.index_4 h2.i403{ background:#1e6690 url(../img/bg-index_4_03.gif) repeat-x;}
ul.ul_index_4{ height:271px; margin:0; padding:20px 20px; list-style:disc;}
ul.ul_index_4 li{ margin:0 0 0 14px; font-size:0.9em; margin-bottom:4px;}
.index_4_more a{ max-width:138px; height:33px; margin:0 auto; line-height:31px; text-align:center; font-size:1.2em; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; display:block;}
.index_4_more a:hover{ background:#022c76; color:#fff; border:1px solid #022c76;}
ul.ul_index_5{ height:271px; margin:0; padding:20px 20px; list-style:none;}






ul.ul_link01{ margin:0; padding:0; list-style:none;}
ul.ul_link01 li{ width:100%; height:auto; margin-bottom:0em;}
ul.ul_link01 li:last-child{ margin-bottom:0;}
ul.ul_link01 li.link01bg{ background:#f5a21b}
ul.ul_link01 li.link02bg{ background:#3b5998}
ul.ul_link01 li.link03bg{ background:#FF7AE2}

.tabbox{ padding:20px 10px;}

ul.ul_newslist{ margin:0; padding:0; list-style:none;}
/*ul.ul_newslist li{}*/
ul.ul_newslist li h2{ width:auto; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:1.0em;}
ul.ul_newslist li a{ width:auto; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:1.05em;padding:10px 10px }
ul.ul_newslist li { width:auto; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:1.0em;padding:5px 5px 5px 5px;}
ul.ul_newslist li span{ float:right; padding-left:30px;}
.newslist_more{ clear:both; margin-top:20px; padding-top:10px; border-top:1px solid #ccc; text-align:right;}

.index_mediabox{ margin:0 10px;}
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden;}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%;  border: 0;}
.embed-responsive-16by9 { padding-bottom: 56.25%;}
.embed-responsive-4by3 { padding-bottom: 75%;}

.owl-carousel{ margin-top:10px;}
.item{ margin:0 5px 0 0;}
/*** MAIN ***/

/*** INNER ***/
.main2{ margin-bottom:20px; padding:20px 10px; overflow:hidden; clear:both; background:#fff;}
.guideline{ max-width:1120px; margin:0 auto; padding:10px 10px 0 10px; font-size:1.083em; text-align:right;}

.innerbox{ margin:0 10px;}

.innerbox h1{ margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #ccc; font-size:1.2em; font-weight:bold;}
.innerbox h2{ margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #ccc; font-size:1.2em; font-weight:bold;}
.innerbox h3{ margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #ccc; font-size:1.2em; font-weight:bold;}

.innerboxa{ margin:0 100px;}

ul.ul_newslist02{ margin:0; padding:0; list-style:none;}
ul.ul_newslist02 li{ padding-bottom:10px; border-bottom:1px dashed #ccc;}
ul.ul_newslist02 li h2{ width:auto; font-size:1.2em; font-weight:bold; color:#022c76;}
ul.ul_newslist02 li h4{ width:auto; font-size:1.2em; font-weight:bold; color:#022c76;} /*114年無障礙檢測新增*/
.ul_newslist021  { width:auto; font-size:1.2em; font-weight:bold; color:#022c76;}
ul.ul_newslist02 li h2 span{ font-size:1.0em; color:#cc2f2f;}
ul.ul_newslist02 li h4 span{ font-size:1.0em; color:#cc2f2f;} /*114年無障礙檢測新增*/
.ul_newslist021  span{ font-size:1.0em; color:#cc2f2f;}
ul.ul_newslist02 li p.quote{  font-size:1.2em;}


/*   */
ul.ul_newslist022{ margin:0; padding:0; list-style:none;}
ul.ul_newslist022 li{ padding-bottom:10px; border-bottom:1px dashed #ccc;}
ul.ul_newslist022 li h2{ width:auto; font-size:1.2em; font-weight:bold; color:#022c76;}
ul.ul_newslist022 li h2 span{ font-size:1.0em; color:#cc2f2f;}
ul.ul_newslist022 li p.quote{  font-size:1.2em;}
ul.ul_newslist022 a .list_wrap{ padding: 10px 0 0 0; overflow: hidden; display: block; }
ul.ul_newslist022 li:first-child .list_wrap{ padding-top: 0; }
ul.ul_newslist022 a .list_thumb{ float:left; width:150px; height:113px; }
ul.ul_newslist022 a .list_thumb img{ width: 100%; height: auto; }
ul.ul_newslist022 a .list_txt{ float:left; width:calc(100% - 170px); height:113px; margin: 0 0 0 20px; position:relative; }
ul.ul_newslist022 a .list_txt h2{ height: 49px; margin: 0 0 45px 0; padding: 0; font-size: 1.625em; line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
ul.ul_newslist022 a span{ color: #000; position: absolute; right:0; bottom:0; }

ul.ul_newslist022 a .list_wrap.prio .list_thumb{ float:left; width:500px; height:375px; }
ul.ul_newslist022 a .list_wrap.prio .list_txt{ float:left; width:calc(100% - 520px); height:375px; }


.div_fraud1{margin-top:20px; padding:0 50px; width:100%;text-align:center; display:flex; flex-wrap:wrap;} /*處理分類海報區、分類宣導區*/
.div_fraud1_1{margin:0; padding:0; width:15%; }/*處理分類宣導區*/
.div_fraud1_2{margin:0; padding:0; width:70%; text-align:center; }
.div_fraud1_3{margin:0; padding:0; width:33.3333%; text-align:left; }/*處理分類海報區*/
.div_fraud1_4{margin:10px; padding:20px; width:16.6665%; text-align:left;}
.div_fraud1_5{margin:0; padding:1em 0 1em 0; width:50%;text-align:left; }/*處理專線區(新)*/
.div_fraud1_6{margin:0; padding:1em 0 1em 0; width:50%;text-align:left; position: relative; top: 9em;right:5em;}/*處理專線區(新)*/

.div_fraud2{margin-top:0; margin-bottom:50px; padding:0; width:100%; text-align:left; display:flex;}/*處理專線區*/
.div_fraud2_1{margin:0; padding:0; width:50%; text-align:left;}
.div_fraud2_2{margin:0; padding:0; width:50%; text-align:left;}

.div_fraud3{margin-top:20px; padding:0; width:100%; text-align:center; display:flex; flex-wrap:wrap;}/*處理首頁區*/
.div_fraud3_1{margin:0; padding:10px; width:33%; text-align:left;}
.div_fraud3_2{margin:0px; padding:10px; width:66.6666%; text-align:left;}
.div_fraud3_3{margin-top:10px; padding:10px; width:33.3333%; text-align:center;display:block;}
.div_fraud3_4{margin:0; padding:0; width:100% ;height:150px; }
.div_fraud3_5{margin:0; padding:0; width:100% ;text-align:center;}
.div_fraud3_6{margin:0; padding:0; width:100%; text-align:left; display:flex;}
.div_fraud3_7{margin:0px; padding:10px; width:33.3334%; text-align:left;}
.div_fraud3_8{ display:none;}




.div_qrcode{margin-top:0; padding:10px 0 0 20px; width:100%; display:flex; background-color: #dcdcdc; }/*處理識詐專區的qrcode*/
.div_qrcode02{margin-top:20px;  padding:0; width:100%; display:flex;  } /*處理識詐專區的相關連結*/
.div_qrcode01{margin-top:20px; padding:20px; width:100%; display:flex; } /*處理局網、各分局頁面下方的FB縮圖*/
.div_qrcode_1{margin:0 10px; padding:0; width:15%; text-align:left;  }/*處理識詐專區的qrcode*/
.div_qrcode_2{margin:0 10px; padding:0; width:25%;}/*處理識詐專區的qrcode*/
.div_qrcode_3{margin:0 ; padding:0; width:82%; }/*處理識詐專區的相關連結*/
.div_qrcode_4{margin:0 ; padding:20px 0 0 0; width:18%;  background-color:#dcdcdc ; text-align:center; vertical-align:middle;  }/*處理識詐專區的相關連結*/

ul.qrcode_1{ margin:0; padding:0; list-style:none; text-align:center;}
ul.qrcode_2 li{margin:0; text-align:center; }/*處理局網、各分局頁面下方的FB縮圖*/



ul.ul_function li.ul_func_back_1 a{ background:#eee url(../img/icon-back.png) 6px 7px no-repeat;}





.regionbox{ padding:3px; border:1px solid #ccc;}
.regionbox h2{ margin:0; padding:15px 0; font-size:1.2em; font-weight:bold; background:#f3bd49; color:#333; text-align:center; position:relative;}
.regionbox h3{ margin:0; padding:15px 0; font-size:1.2em; font-weight:bold; background:#f3bd49; color:#333; text-align:center; position:relative;}
.regionbox h2 a{ position:absolute; left:0; color:#f3bd49;}
ul.ul_regionlist{ margin:0; padding:0; list-style:none;}
ul.ul_regionlist li{ padding:10px; border-bottom:1px dashed #ccc;}
ul.ul_regionlist li:last-child{border-bottom:0px dashed #ccc;}

.branchbox{ padding:15px 10px; border:1px solid #ccc; background:#fff; overflow:hidden;}
.branchbox li.div6_1{ margin:5px 0;}

ul.ul_function{ float:right; margin:0; padding:0; list-style:none;}
ul.ul_function li{ float:left; margin-left:3px;}
ul.ul_function li a{ padding:8px 8px 8px 35px; color:#666; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px;}
ul.ul_function li.ul_func_print a{ background:#eee url(../img/icon-print.png) 6px 7px no-repeat;}
ul.ul_function li.ul_func_back a{ background:#eee url(../img/icon-back.png) 6px 7px no-repeat;}
ul.ul_function li.ul_func_email a{ background:#eee url(../img/icon-email.png) 6px 7px no-repeat;}
ul.ul_function li.ul_func_top a{ background:#eee url(../img/icon-top.png) 6px 7px no-repeat;}

.select_branchbox{ display:none;}

ul.ul_liststyle01{ margin:20px 0 0 0; padding:0; border:10px solid #f3bd49; list-style:none;}
ul.ul_liststyle01 h2{ margin:0; padding:0 0 10px 0; font-size:1.2em; color:#000; background:#f3bd49;}
ul.ul_liststyle01 h3{ margin:0; padding:0 0 10px 0; font-size:1.2em; color:#000; background:#f3bd49;}
ul.ul_liststyle01 li{ margin:0; padding:10px; border-bottom:1px solid #ccc;}
ul.ul_liststyle01 li:last-child{ border:0;}
/*** INNER ***/

/*** FOOTER MENU ***/
.footermenu{ margin:0; padding:40px 0 30px 0; background:#222; clear:both;}
.footermenubox{padding:0px 10px;}
.footermenubox h3{ margin:0 0 15px 0; padding:0; font-size:1.2em; font-weight:bold; color:#fff;}
.footermenubox h4{ margin:0 0 15px 0; padding:0; font-size:1.2em; font-weight:bold; color:#fff;}
.footermenubox p{ font-size:1em; line-height:1em;}
.footermenubox a{ color:#999;}
.footermenubox a:hover{ color:#fff;}
/*** FOOTER MENU ***/

/*** FOOTER QRCODE ***/
.footerqrcode{ margin:0; padding:20px 0 10px 0; background:#111; clear:both;}
.qrcodebox{ width:593px; margin:0 auto; padding:0; overflow:hidden;}
.qrcode{ float:left; margin:0 5px;}
.qrcodefb{ float:left; margin:0 5px;}
/*** FOOTER QRCODE ***/

/*** FOOTER ***/
footer{ padding:20px 0; clear:both; overflow:hidden;}
.f01{ float:left; font-size:1.083em; line-height:16px;}
.f02{ float:right;}
.aa{ float:right; width:88px; height:31px; margin-top:155px;}
/*** FOOTER ***/

@media screen and (-webkit-min-device-pixel-ratio:0) {
.input_searchtxt{ float:left; width:100%; padding:6px 46px 7px 10px; color:#000; border:1px solid #ccc;}	
}

/*** Marquee ***/
.marquee {
    width: 400px;
line-height: 50px;
	color: Black;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.marquee p {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 10s linear infinite;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
/*** Marquee ***/

/**反詐專區的專線***/
.div_fraud4{margin-top:20px; padding:10px 0 10px 0; width:100%; text-align:center; display:flex; flex-wrap:wrap;}
.div_fraud4_1{margin:10px 0px 10px 40px; padding:0; width:45%; text-align:center; }
.div_fraud4_2{margin:10px 0px 10px 40px; padding:0; width:45%; text-align:center; }