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

@media all and (max-width: 1120px) {
.wrap2{padding-left:20px;padding-right:20px;}



.guideline{ padding:10px 20px 0 20px;}

ul.ul_div li.div4_1{ width:50%;}
ul.ul_div li.div4_1:nth-child(1), ul.ul_div li.div4_1:nth-child(2){ margin-bottom:20px;}



ul.ul_div li.div5_1{ display:none;}
ul.ul_div li.div5_4{ float:none; width:100%;}

.select_branchbox{ width:100%; padding:20px 0; border-top:1px solid #ddd; display:block;}
.select_branchbox span{ margin:0 auto; padding:0; display:block;}
.select_branchbox p{ margin-bottom:10px; font-size:1.8em; font-weight:300; color:#555;}
.select_branch{ width:100%; padding:4px 16px; background:#f3bd49; color:#333; font-size:1.2em; font-weight:300; border:0; border-radius:0;-webkit-appearance: none;}

.footermenu{ display:none;}

.owl-carousel{ margin-top:20px;}
.item{ margin:0 5px 0 0;}



/*** FOOTER QRCODE ***/
.footerqrcode{ margin:0; padding:0; background-color : white; clear:both;}
.qrcodebox{ width:100%; margin:0 auto; padding:0; overflow:hidden;}
.qrcode{ display:none;}
.qrcodefb{ text-align:center; margin:0;width:100%}
/*** FOOTER QRCODE ***/

footer{ background:#fff;}

/***fraud***/
.div_fraud1{margin-top:20px; padding:0 50px; text-align:left; 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:10px; padding:20px; width:50%;text-align:left; }/*處理專線區(新)*/
.div_fraud1_6{margin:0; padding:1em 0 1em 0; width:50%;text-align:left; position: relative; top: 0em;right:0em;}/*處理專線區(新)*/


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

.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:10px; width:100%; text-align:left; display:flex;}
.div_fraud3_7{margin:0px; padding:10px; width:33.3334%; text-align:left;}

.div_qrcode{margin-top:0; padding:10px 0 0 10px; width:100%; display:flex; background-color: #dcdcdc }
.div_qrcode02{margin-top:20px;  padding:0 0 0 0; width:100%; display:flex;  } 
.div_qrcode_1{margin:0 10px; padding:0; width:20%; text-align:left;  }
.div_qrcode_2{display:none; }
.div_qrcode_3{margin:0 ; padding:0; width:50%; }
.div_qrcode_4{margin:0 ; padding:20px 0 0 0; width:20%;  background-color:#dcdcdc ; text-align:center; vertical-align:middle;  }

ul.qrcode_1{ margin:0; padding:0; list-style:none; text-align:center; width:100%;}
ul.qrcode_2 li{margin:0; text-align:center; }

ul.ul_index_5{ display:none;}

ul.ul_newslist022 a .list_txt h2{ height: 63px; 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; }
/***fraud***/
}

@media all and (max-width: 768px) {
header{ border-bottom:1px solid #ccc;}
ul#ul_header { max-width:400px; margin:0 auto -15px auto; padding:10px 0 0 0; overflow:hidden; position:relative;}
ul#ul_header li{}
ul#ul_header li.header01{ height:auto; margin-top:5px; background:none;}
ul#ul_header li.header02{ height:auto; background:none;}
ul#ul_header li.header03{ height:auto; margin-top:-36px; background:none;}

.logo{ display:none;}
.logo2{width:100%; max-width:260px; margin:5px auto 0 auto; padding:0; display:block;}


.computershow{ display:none !important;}


ul.ul_div li.div4_1{ float:none; width:100%;}
ul.ul_div li.div4_1{ margin-bottom:20px;}
ul.ul_div li.div4_1:last-child{ margin-bottom:0px;}


.branchbox li.div6_1{ width:25% !important;}

ul.ul_index_4{ height:auto;}
ul.ul_index_4-2{ height:auto;}

.index_4-2{height:auto;}

ul.ul_link01 li{ float:left; width:33.33333%; height:auto;}

.tabbox{ padding:10px 10px;}

.f02{ display:none;}

ul.ul_link01 li{ height:68px;}
ul.ul_link01 li a{ width:auto; height:68px; display:block;}
ul.ul_link01 li img{ display:none;}
ul.ul_link01 li.link01bg{ background:#f5a21b url(../img/icon-link01x.png) center center no-repeat;}
ul.ul_link01 li.link02bg{ background:#3b5998 url(../img/icon-link02x.png) center center no-repeat;}
ul.ul_link01 li.link03bg{ background:#ffffff  url(../img/icon-link04x.png) center center no-repeat;}






/*** FOOTER QRCODE ***/
.footerqrcode{ margin:0; padding:0; background-color : white; clear:both;}
.qrcodebox{ width:100%; margin:0 auto; padding:0; overflow:hidden;}
.qrcode{ display:none;}
.qrcodefb{ text-align:center; margin:0;width:100%}
/*** FOOTER QRCODE ***/

/***fraud***/
.div_fraud1{margin-top:20px; padding:0 50px; text-align:left; 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:10px; padding:20px; width:50%;text-align:left; }/*處理專線區(新)*/
.div_fraud1_6{margin:0; padding:1em 0 1em 0; width:50%;text-align:left; position: relative; top: 5em;right:3em;}/*處理專線區(新)*/


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

.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:10px; width:100%; text-align:left; display:flex;}
.div_fraud3_7{margin:0px; padding:10px; width:33.3334%; text-align:left;}

.div_qrcode{margin-top:0; padding:10px 0 0 10px; width:100%; display:flex; background-color: #dcdcdc }
.div_qrcode02{margin-top:20px;  padding:0 0 0 0; width:100%; display:flex;  } 
.div_qrcode_1{margin:0 10px; padding:0; width:20%; text-align:left;  }
.div_qrcode_2{display:none; }
.div_qrcode_3{margin:0 ; padding:0; width:50%; }
.div_qrcode_4{margin:0 ; padding:20px 0 0 0; width:20%;  background-color:#dcdcdc ; text-align:center; vertical-align:middle;  }

ul.qrcode_1{ margin:0; padding:0; list-style:none; text-align:center;width:100%;}
ul.qrcode_2 li{margin:0; text-align:center; }

ul.ul_index_5{ display:none;}

ul.ul_newslist022 a .list_txt h2{ height: 63px; 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; }
/***fraud***/
}

@media all and (max-width: 600px) {
.branchbox li.div6_1{ width:33.3333% !important;}



/*** FOOTER QRCODE ***/
.footerqrcode{ margin:0; padding:0; background-color : white;clear:both;}
.qrcodebox{ width:100%; margin:0 auto; padding:0; overflow:hidden;}
.qrcode{ display:none;}
.qrcodefb{ text-align:center; margin:0;width:100%}
/*** FOOTER QRCODE ***/

ul.ul_index_4 li{ font-size:1.1em; margin-bottom:4px;}
ul.ul_index_4-2{ font-size:1.1em; margin-bottom:4px;}


/***fraud***/
.div_fraud1{margin-top:10px; padding:0; display:flex; flex-wrap:wrap;}
.div_fraud1_1{display:none;}
.div_fraud1_2{margin:0; padding:0; width:100%; text-align:left; text-align:center;}
.div_fraud1_3{margin:0; padding:0; width:50%; text-align:left; text-align:center;}
.div_fraud1_4{display:none;}
.div_fraud1_5{margin:0; padding:0; width:100%; }/*處理專線區(新)*/
.div_fraud1_6{margin:0; padding:1em 0 1em 0; width:100%;text-align:left; position: static;}/*處理專線區(新)*/

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

.div_fraud3{margin-top:0 ; padding:0;width:100%;text-align:center; display:flex;flex-wrap:wrap;}/*處理首頁區*/
.div_fraud3_1{margin:0; padding:10px;float:none; width:50%;}
.div_fraud3_2{display:none;}
.div_fraud3_3{margin:0; padding:0; width:100% ;text-align:center;}
.div_fraud3_4{display:none;}
.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:0;padding: 10px;float:none; width:50%;}
.div_fraud3_8{margin:0;padding: 10px;float:none; width:50%;display: block !important;}

.div_qrcode{margin-top:0; padding:10px 0 0 10px; width:100%; display:flex; flex-wrap:wrap;background-color: #dcdcdc }
.div_qrcode02{margin-top:20px;  padding:0 0 0 0; width:100%; display:flex;  } 
.div_qrcode_1{margin:0 10px; padding:0; width:40%; text-align:left;  }
.div_qrcode_2{display:none; }
.div_qrcode_3{margin:0 ; padding:0; width:50%; }
.div_qrcode_4{margin:0 ; padding:20px 0 0 20px; width:50%;  background-color:#dcdcdc ; text-align:left; vertical-align:middle;  }

ul.qrcode_1{ margin:0; padding:0; list-style:none; text-align:center;width:100%;}
ul.qrcode_2 li{margin:0; text-align:center; }

ul.ul_index_5{ display:none;}

ul.ul_newslist022 a .list_txt h2{ height: 63px; 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; }
/***fraud***/
}

@media all and (max-width: 480px) {
ul.ul_div li.div2_1{ float:none; width:100%;}
ul.ul_div li.div2_1{ margin-bottom:20px;}
ul.ul_div li.div2_1:last-child{ margin-bottom:0px;}

.logo2{ max-width:180px; margin:7px auto 0 auto;}
a.menu-link { top:7px !important; left:20px !important;}
a.nav-link { top:7px !important; right:20px !important;}



ul.ul_index_4 li{ font-size:1.1em; margin-bottom:4px;}
ul.ul_index_4-2{ font-size:1.1em; margin-bottom:4px;}

.index_4-2{height:auto;}

.branchbox li.div6_1{ width:50% !important; font-size:1.1em;}

ul.ul_link01 li{ height:65px;}
ul.ul_link01 li a{ width:auto; height:65px; display:block;}
ul.ul_link01 li img{ display:none;}
ul.ul_link01 li.link01bg{ background:#f5a21b url(../img/icon-link01x.png) center center no-repeat;}
ul.ul_link01 li.link02bg{ background:#3b5998 url(../img/icon-link02x.png) center center no-repeat;}
ul.ul_link01 li.link03bg{ background:#ffffff  url(../img/icon-link04x.png) center center no-repeat;}

ul.ul_newslist li span{ display:none;}

/*** FOOTER QRCODE ***/
.footerqrcode{ margin:0; padding:0; background-color : white; clear:both;}
.qrcodebox{ width:100%; margin:0 auto; padding:0; overflow:hidden;}
.qrcode{ display:none;}
.qrcodefb{ text-align:center; margin:0;width:100%}
/*** FOOTER QRCODE ***/


/***fraud***/
.div_fraud1{margin-top:0 ; padding:0; display:flex;}
.div_fraud1_1{display:none;}
.div_fraud1_2{margin:0; padding:0; width:100%; text-align:left; text-align:center;}
.div_fraud1_3{margin:0; padding:0; width:50%; text-align:left; text-align:center;}
.div_fraud1_4{display:none;}
.div_fraud1_5{margin:0; padding:0; width:100%; }/*處理專線區(新)*/
.div_fraud1_6{margin:0; padding:1em 0 1em 0; width:100%;position: static;}/*處理專線區(新)*/

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

.div_fraud3{margin-top:0; padding:0;width:100%;text-align:center; display:flex;flex-wrap:wrap;}/*處理首頁區*/
.div_fraud3_1{margin:0; padding:10px;float:none; width:50%;}
.div_fraud3_2{display:none;}
.div_fraud3_3{margin:0; padding:0; width:100% ;text-align:center;}
.div_fraud3_4{display:none;}
.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:0;padding: 10px;float:none; width:50%;}
.div_fraud3_8{margin:0;padding: 10px;float:none; width:50%;display: block !important;}

.div_qrcode{margin-top:0; padding:10px 0 0 10px; width:100%; display:flex; flex-wrap:wrap;background-color: #dcdcdc; }
.div_qrcode02{margin-top:20px;  padding:0 0 0 0; width:100%; display:flex;  } 
.div_qrcode_1{margin:0 10px; padding:0; width:40%; text-align:left;  }
.div_qrcode_2{display:none; }
.div_qrcode_3{margin:0 ; padding:0; width:50%; }
.div_qrcode_4{margin:0 ; padding:20px 0 0 20px; width:50%;  background-color:#dcdcdc ; text-align:left; vertical-align:middle;  }

ul.qrcode_1{ margin:0; padding:0; list-style:none; text-align:center;width:100%;}
ul.qrcode_2 li{margin:0; text-align:center; }

ul.ul_index_5{ display:none;}

.div_fraud4{margin-top:20px; padding:0; width:100%; text-align:left; display:flex; flex-wrap:wrap; }
.div_fraud4_1{margin:0; padding:0 0 0 40px; width:100%; text-align:left;}

ul.ul_newslist022 a .list_txt h2{ height: 63px; 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; }
/***fraud***/
}

@media all and (max-width: 420px) {

ul.ul_newslist022 a .list_thumb{ float:left; width:120px; height:90px; overflow: hidden;}
ul.ul_newslist022 a .list_txt{ float:left; width:calc(100% - 150px); height:100px; margin: 0 0 0 5px; position:relative; }
ul.ul_newslist022 a .list_txt h2{ height: 63px; margin: 0 0 45px 0; padding: 0; font-size: 1.6em; line-height: 1.2em; 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; font-size: 0.8em;}

}


@media all and (max-width: 360px) {
ul.ul_newslist022 a .list_thumb{ float:left; width:110px; height:85px; overflow: hidden;}
ul.ul_newslist022 a .list_txt{ float:left; width:calc(100% - 120px); height:100px; margin: 0 0 0 5px; position:relative; }
}



@media all and (max-width: 335px) {
ul.ul_newslist022 a .list_thumb{ float:left; width:100px; height:80px; overflow: hidden;}
ul.ul_newslist022 a span{ display:none;}
ul.ul_newslist022 a .list_txt{ float:left; width:calc(100% - 110px);  height:63px; margin: 0 0 0 5px; position:relative; }
}

@media all and (max-width: 280px) {
ul.ul_newslist022 a .list_thumb{ float:left; width:80px; height:60px; overflow: hidden; }
ul.ul_newslist022 a .list_txt{ float:left; width:calc(100% - 100px);  height:63px; margin: 0 0 0 5px; position:relative; }
ul.ul_newslist022 a .list_txt h2{ height: 63px; margin: 0 0 0 0; padding: 0; font-size: 1.4em; line-height: 1.4em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
}

@media all and (max-width: 250px) {
ul.ul_newslist022 a .list_thumb{ float:left; width:60px; height:55px; overflow: hidden;}
ul.ul_newslist022 a span{ display:none; }
ul.ul_newslist022 a .list_txt{ float:left; width:calc(100% - 80px);  height:55px; margin: 0 0 0 5px; position:relative; }
ul.ul_newslist022 a .list_txt h2{ height: 55px; margin: 0 0 0 0; padding: 0; font-size: 1.3em; line-height: 1.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
}