body{ background-color: #f7f7f7;}
.none{ display:none;}
/*形象大圖*/
.bn_inpage{ height: 170px; background-position: center top; background-size: cover;}
/*sitemap*/
.bn_img01 { background-image:url(../img/bn_2.jpg);}
/*內容*/
.main_block{ width: 1000px; min-height:100%; margin: 0 auto; position: relative; background-color: #f7f7f7; padding: 10px 0 0; }
/*側邊選單*/
.side_menu{ width: 200px; float: left; margin: 0 20px 0 0; }
.side_menu li{ border-bottom: 1px solid #e6e6e6;  display: block; background: url(../images/icon_side_arrow_down.png) right 14px no-repeat; background-size: 14px auto;}
.side_menu li.open{ background-image: url(../images/icon_side_arrow_up.png);}
.side_menu li.noSub{ background:none;}
.side_menu li.noSub.open{ background:none;}

.side_menu.noSub li{ background:none;}
.side_menu > li:first-child{ border-top: none;}
.side_menu li li{ border-bottom: none; background: none;}
.side_menu li a{padding: 10px 14px; color:#292929; font-size: 16px; position: relative; display:inline-block; font-weight: bold;}
.side_menu li a span{ position: absolute;bottom: -1px; left: 0; width: 0; height: 2px; background-color: #bb9157;transition: all 300ms ease-in-out;}
.side_menu li:hover a span, .side_menu li.open a span{  width: 100%;}
.side_menu li.open > ul.sub_menu{ border-top: 1px solid #e6e6e6;}
.side_menu ul.sub_menu{ display: none;}
.side_menu ul.sub_menu li a{ color: #595959; font-size: 14px; padding:10px 10px 10px 30px; display: block; line-height:1.5;}
.side_menu ul.sub_menu li a:hover{ color: #bb9157;}
.side_menu ul.sub_menu li a.on{ color: #bb9157;}
.side_menu li.open > ul.sub_menu{ display: block;}


/*內容 - 右邊區塊*/
h5.tit{ font-size: 20px; margin: 0 0 20px; color: #bb9157; border-left: 4px solid #bb9157; background:url(../images/h5tit_bg.jpg) 0 16px repeat-x;}
h5.tit span{  background-color: #fff; padding: 0 10px; line-height:18px;}
/*E櫃台標題*/
h5.tit2 { margin: 0 0 20px; padding: 0 0 10px 0; font-size: 18px; background:url(../images/h5tit_bg.jpg) 0 bottom repeat-x; }
h5.tit2 span { background-color: #fff; padding: 0 25px 6px 25px; box-sizing: border-box; border-bottom: 4px solid #e4bc67; }
.main_block .main_box{ width: 780px;float: left;}
.main_block.single .main_box{ width: 100%;float: none;}
.main_block.single .login_pw_box { max-width: calc(100% - 40px);}
.bt_warnings {padding:20px;}
.main_box .inner_box{ background-color: #fff; padding:20px; overflow: hidden; border-top:solid 2px #0081cc; min-height: 800px;}
.main_box .inner_box.error{ background-color:rgba(255,255,255,0); padding:0; border-top:6px solid #0081cc;}
.main_box .inner_box.error .picInfo{ width:100%;}
.main_box .inner_box.error .picInfo img{ width:100%; height:auto;}
.main_box .inner_box.error .picInfo.p{ display:none;}
.main_box .inner_box.error .picInfo.m{ display:none;}
.main_box .topBn{ width:100%; margin:0 0 20px;}
.main_box .topBn img{ width:100%; height:auto;}
/*卡片tab*/
.card_tab{ width:100%; box-sizing:border-box; margin: 0 0 20px;}

/*卡片目錄*/
.card_items{ margin: 0 0 35px; overflow: hidden;}
.card_items ul{ padding: 0 0 0 1px;}
.card_items li{ width: 33.4%; padding: 20px 20px 10px 20px ; box-sizing: border-box; position: relative; float: left; background-color: #fff; margin: 0 0 0 -1px;}
.card_items li a{ border: 1px solid #ededed; position: absolute; top:0; right: 0; left: 0; bottom:0; }
.card_items li a:hover{ border: 1px solid #bb9157; z-index: 1; }
.card_items h5{ color: #065ba3;text-align: center; margin: -20px 0 0; z-index: 1; position: relative;}
.card_items .p_box{ width: 100%;}
.card_items img{ width: 100%; height: auto; }
.card_items .p_reflect{ height: 40px; overflow: hidden; position: relative;}
.card_items .p_reflect img{ -webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3; -khtml-opacity: 0.3;}
.card_items .p_reflect span{ position: absolute; bottom: 0; right: 0; left: 0; top: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+52 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 52%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 52%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
/*卡片資訊*/
.card_info{  margin:0 0 40px 0; }
.card_info .pic{ float:left; width:250px;  padding:0 19px 0 0; border-right:1px solid #eaeaea; }
.card_info .info{ float:left;width:450px;  padding:0 0 0 20px;}
.card_info .pic .showPic{ width:250px; margin:0 0 12px 0;}
.card_info .pic .showPic img{ width:100%; height:auto;}
.card_info .pic ul{ height:50px; display:block; overflow:hidden; padding:0 0 0 2px;}
.card_info .pic ul li{width:79px; display: inline-block;}
.card_info .pic ul li a{ transition:all 0.5s; opacity:0.5;}
.card_info .pic ul li a:hover{ opacity:1;}
.card_info .pic ul li.active a{ opacity:1;}
.card_info .pic ul li a img{width:78px; height:auto;}
.card_info .info h6{ font:bold 18px/2.3 Arial, Helvetica, "微軟正黑體";color:#065ba3;text-overflow:ellipsis; white-space:nowrap;  overflow:hidden;}
.card_info .info ul{ margin: 0 0 10px 0;}
.card_info .info ul li{ background:url(../images/img_dot_blue.png) 7px 12px no-repeat; background-size:4px 4px; padding: 4px 0 4px 20px;}
.card_info .info p{ margin:6px 0 20px 0;}
.card_info .info .btnSet{}
.card_info .info .btnSet a{ width:145px; height:40px; line-height:42px; display:inline-block; text-align:center; color:#0081cc; border:1px solid #0081cc; border-radius:3px;transition: all 0.3s; opacity:1;}
.card_info .info .btnSet a:hover{ color:#bb9157; border-color:#bb9157;}
.card_info .info .btnSet a.apply{ color:#bb9157; border:1px solid #bb9157;}
.card_info .info .btnSet a.apply:hover{ color:#fff; background-color:#bb9157; }

/*Q&A*/
.question{  margin: 0 0 20px; overflow: hidden;}
.question .subT{ margin:20px 0 20px;}
.question ul{}
.question ul li{ min-height:40px; line-height:40px; border-bottom:1px solid #f2f2f2;}
.question ul li .subT{ margin:20px 0 0;}
.question ul li .quest{  font:bold 16px/40px Arial, Helvetica, "微軟正黑體";color:#065ba3; /*text-overflow:ellipsis; white-space:nowrap;  overflow:hidden; */padding:0 30px 0 0; cursor:pointer;background:url(../images/icon_open.png) right 10px no-repeat;}
.question ul li .quest.close{ background:url(../images/icon_close.png)  right 10px   no-repeat;}
.question ul li .answer{ display:none; padding:0; }
.question ul li .answer table{ line-height:1.5;}
.question ul li .answer p{ font-size:14px; line-height:20px;}
.question ul li .answer .red{ color:#e21f1f;}
.question ul li .answer .info{ margin:0  0 20px;}
.question ul li .answer .info p{line-height:30px; margin:0;}
.question ul li .answer .info p img{ display:inline-block; vertical-align:middle; margin:0 5px;}
.question ul li .answer .info p.blue{}
.question ul.num li{ line-height:1.5; border:none; min-height:auto;}
/*共用*/

/*段落*/
p{  margin:0 0 15px 0; }
p.note{margin:0; font-size:14px; color:#e21f1f;}
p.bk{margin:0; color:#222222; font-weight:bold;}
p.blue{margin:0; color:#0081cc; font-btnArea3weight:bold;}
p a{ color:#0081cc; text-decoration:underline;}

/**/
.bigT{ font-size:16px; font-weight:bold;}
.smallT{ font-size:14px;}
/*間距*/
.butM{ margin:0 0 10px;}
.butM2{ margin:0 0 20px !important;}
.noM{ margin:0;}
.mT{ margin:20px 0 0;}
/*line*/
.lineBox{border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;  padding:5px 0; margin:0 0 20px;}
.lineBox p{ margin:0;}
.lineBox_c { background: url(../images/linebox_c_bg.jpg) 0 center repeat-x; }
.lineBox_text {padding:0 15px; background:#fff;}
.tLine{ border-top:1px solid #eaeaea; padding:5px 0 0;}
.bLine{border-bottom:1px solid #eaeaea; margin:0 0 20px; padding:0 0 20px;}
/*table*/
.tb_Box{ margin-bottom:35px; position:relative;}
table{border-top:1px solid #eaeaea;border-left:1px solid #eaeaea; margin:0 0 15px 0;}
table th{ border-right:1px solid #eaeaea; border-bottom:3px solid #c4b993;  background-color:#f8f8f8; color:#4c4c4c; text-align:center; font-size: 14px; padding:12px 20px;}
table th.bLine{ border-bottom:1px solid #eaeaea; padding: 12px 20px;}
table th.gbg{ background-color:#eaeaea;}
table td{ border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;  color:#4c4c4c; text-align:center; font-size:14px; padding:11px 20px;}
table td ul.brownLi{ margin-bottom:0;}
table td ul.num{ margin-bottom:0;}
table td p{ margin:0;}
table a{color:#4c4c4c; text-decoration:underline;}
table a:hover{color:#afa16e; }
table a.downLoad{ width:20px; height:20px; display:block; vertical-align:middle; background:url(../images/icon_downLoad_02.png) top no-repeat; margin:0 auto;}
table a.downLoad:hover{ background-position:bottom;}
table a.directions{ width:20px; height:20px; display:block; vertical-align:middle; background:url(../images/icon_directions.png) top no-repeat; margin:0 auto;}
table a.directions:hover{ background-position:bottom;}
table.hoverType tr:hover > td, table.hoverType tr:hover > td a{color:#afa16e;background-color:#fafafa; transition:all 0s;}
table.hoverType2 td{line-height:22px; vertical-align:top; text-align:center;}
table.hoverType2 td img{ display:inline-block; line-height:22px; vertical-align:top; margin:0 5px 0 0;}
table.hoverType2 td:hover{color:#afa16e;background-color:#fafafa;  }

table.hoverType3 td:hover{color:#afa16e;background-color:#fafafa; transition:all 0s;}
table td.gbg{ background-color:#eaeaea; border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; }
table.hoverType3 td.gbg:hover{ color:#4c4c4c;  background-color:#eaeaea;}

/*營業據點*/
table.map td{ width:50%; padding:11px 0; cursor:pointer;vertical-align:top; }
table.map td:hover{ color:#afa16e; background-color:#fafafa; }
table.map td.on{ color:#afa16e; background-color:#fafafa; }
table.map td .mark{ float:left; width:90px; padding:0 10px; display:inline-block; font-size: 15px; color:#0081cc; }
table.map td .mark span{ width:16px; height:20px; display:block; margin:0 auto; background:url(../images/icon_locate_2.png) no-repeat;}
table.map td:hover > .mark, table.map td.on > .mark{  color:#afa16e;}
table.map td .info{ float:left; width:calc(100% - 120px); display:inline-block; text-align:left; vertical-align:top; padding:0 10px 0 0;}
table.map td .info p{ word-break:break-all;}
table.map td span{ width:20px; height:20px; display: inline-block; border-radius:99em; font-size:13px; color:#fff; text-align:center; margin:0 0 2px;}
table.map td span.icon01{ background-color:#5a8ae9;}
table.map td span.icon02{ background-color:#bf2b18;}
table.map td span.icon03{ background-color:#bb9157;}
table.map td span.icon04{ background-color:#f48f16;}
table.map td span.icon05{ background-color:#2fc1c6;}
table.map td span.icon06{ background-color:#076bca;}
table.map td span.icon01:before{ content:'分'; }
table.map td span.icon02:before{ content:'提'; }
table.map td span.icon03:before{ content:'存'; }
table.map td span.icon04:before{ content:'補'; }
table.map td span.icon05:before{ content:'保'; }
table.map td span.icon06:before{ content:'海'; }


table.rate th{ padding:12px 5px;}
table.rate td{ padding:11px 5px;}
table.rate td:first-child img{ width:24px; height:auto; vertical-align:middle; display:inline-block; margin:0 5px 0 0;}

table.rate span.unit{ font-size:14px; color:#ec6a00;}

table.calc{ border:none;}
table.calc th{ border:none; padding: 7px;  color:#fff; background-color:#9c9c9c; }
table.calc td{ border:none; padding: 7px; background-color:#f8f8f8; text-align:left;}
table.calc td select{ width: 100%; }
table.calc td select.half{ width:49%; float:right; display:table-cell; box-sizing:border-box; overflow:hidden;}
table.calc td select.half:first-child{float:left;}
table.calc td select.half2{ width:60%;display: inline-block; box-sizing:border-box; overflow:hidden; margin:0 0 5px 0;}
table.calc td select.small{ width:35%;display: inline-block; box-sizing:border-box; overflow:hidden; margin:0 0 5px 0;}
table.calc td input[type="text"].half{ width:49%;}
table.calc td input[type="text"].small{ width:40%;}
table.calc td input[type="text"].type01{ width:80px; text-align:center;}
table.calc td input[type="button"].date{ width:30px; height:30px; display:inline-block; background:url(../images/icon_date.png) no-repeat; background-size:cover; vertical-align:middle; margin:0 5px;}
table.calc td span.end{ font-size:16px; font-weight:bold; color:#777; margin-left:10px;}
table.calc td img.verImg{ display:inline-block; vertical-align:top;}

table.rule_layer2{ border:none; margin-bottom:0;}
table.rule_layer2 td{ background:none; padding:5px 10px;}
table.rule_layer2 th{ color:#0081cc; background-color:transparent; text-align:left; padding:5px 10px;}
table.rule_layer2 th.yes_mm{ display:none;}

table.loanTrial{ border:none; }
table.loanTrial th{ border:none; padding:5px 15px; border-right:2px solid #b2d9f0; text-align:left;font-size:16px;
background: -webkit-linear-gradient(left 30%,#f3f9fd 100%);
background: -o-linear-gradient(right,#fff 30%,#f3f9fd 100%);
background: -moz-linear-gradient(right,#fff 30%,#f3f9fd 100%);
background: linear-gradient(to right,#fff 30%,#f3f9fd 100%);
}
table.loanTrial th.vTop{ vertical-align:top; padding:15px 15px 5px;}
table.loanTrial td{ border:none; padding:5px 15px; text-align:left; font-weight:bold;font-size:16px; color:#777777;}
table.loanTrial textarea{ border:1px solid #b2d9f0; color:#777777;}
table.loanTrial .searchSet{ width:100%; display:block; margin:0 0 5px 0;}
table.loanTrial .bigInput{ position:relative; height:40px; border:1px solid #b2d9f0; color:#bb9157;margin:0 0 5px;}
table.loanTrial .bigInput.half{  width:calc((100% - 15px)/2); display:table-cell;}
table.loanTrial .bigInput.half:nth-child(1){float:left; margin:0 10px 0 0;}
table.loanTrial .bigInput.half:nth-child(2){float:right;}
table.loanTrial .bigInput.third{ width:130px; display:inline-block; vertical-align:middle; margin:0 0 5px;}
table.loanTrial .bigInput.thirdLast{ width:140px; display:inline-block; vertical-align:middle; margin:0 0 5px;}
table.loanTrial .bigInput input[type="text"]{ float:right; text-align:right; width:100%; height:40px;  border:none;/* background-color:#cc0000;*/ font-size:20px; font-weight:bold;color:#bb9157; padding:0;}
table.loanTrial a.file{ padding:5px 10px; background:#0081cc; color:#fff; text-decoration:none; border-radius:3px; transition:all 0.3s; line-height:40px; vertical-align:middle;}
table.loanTrial a.file:hover{ opacity:0.8;}
table.loanTrial a.add{ padding:5px 10px; background:#0081cc; color:#fff; text-decoration:none; border-radius:3px; transition:all 0.3s; line-height:40px; vertical-align:middle;}
table.loanTrial a.add:hover{ opacity:0.8;}
table.loanTrial .bigInput.third input{ text-align:center;}
table.loanTrial .bigInput.mid{ width:110px;display:inline-block; vertical-align:middle; margin:0 0 5px;}
table.loanTrial .bigInput.mid input{text-align:center;}
table.loanTrial .bigInput.small{ width:60px;display:inline-block; vertical-align:middle; margin:0 0 5px;}
table.loanTrial .bigInput.small input{text-align:center;}
table.loanTrial .bigInput input.tC{ text-align:center;}
table.loanTrial .bigInput input.tL{ text-align:left; padding:0 0 0 16px;}
table.loanTrial .bigInput .unit01{float:right; width:auto;  /*background-color:#000;*/ line-height:40px; padding:0 10px ; font-size:16px;}
table.loanTrial .bigInput .unit02{float:right; width:auto;  /*background-color:#000;*/ line-height:40px; padding:0 10px ; font-size:16px;}
table.loanTrial .bigInput .unit03{float:right; width:auto;  /*background-color:#000;*/ line-height:40px; padding:0 10px ; font-size:16px;}
table.loanTrial .bigInput .unit04{float:right; width:auto;  /*background-color:#000;*/ line-height:40px; padding:0 10px ; font-size:16px;}
table.loanTrial select{ width:100%; height:40px; border:1px solid #b2d9f0; font-size:16px; margin:0 0 5px;}
table.loanTrial img.verImg{ margin:6px 0 0;}
table.loanTrial td input[type="radio"] + label{ margin-right:10px;}

table.inTb{ border:none; line-height:1.2; margin:0;}
table.inTb th{ border:none; text-align:left; padding:10px; background-color:#f6f5ef;}
table.inTb td{ border:none; text-align:left; padding:5px 10px;}
table.inTb tr:nth-child(3n+3){ background-color:#f8f8f8;}

/*img*/
.picBox{ position:relative; margin:0 0 20px 0;}
.picBox img{ max-width:100%; height:auto;}
.picBox a{ position:absolute; bottom:0; right:0; width:30px; height:30px; display:none; background:#2d92cb url(../images/icon_zoom.png) no-repeat; background-size:30px 30px; }
.picBox_center img { width:auto; margin: 0 auto; }

.subT{color:#fff; font-size:18px; line-height:1.2; background-color:#c4b993; padding:6px 15px; display:inline-block; margin:0 0 15px 0;}
.subT_bg { margin-bottom: 10px; padding: 10px; line-height: 1em; color:#fff; background: #065ba3;}
.subT_big { padding:10px 15px; font-size:20px; font-weight: bold; }

/*ul*/
ul.brownLi{ margin:0 0 20px 0;}
ul.brownLi li{ min-height:20px; line-height:20px; font-size:14px; background:url(../images/icon_dot.jpg) 12px 8px no-repeat; padding:0 0 0 30px;border-bottom:none;}
ul.brownLi li a{color:#0081cc; text-decoration:underline;}
ul.item li{ min-height:20px; line-height:20px; font-size:14px;  background:none; padding:5px 0 5px 35px; position:relative;border-bottom:none;}
ul.item a{ color:#0081cc; text-decoration:underline;}
ul.item li span.order{ position:absolute; left:0;}
ul.num { font-size:14px; list-style:decimal; margin:0 0 20px 30px;min-height:auto;}
ul.num > li{ list-style:decimal; padding:5px 0;}
ul.num li img{ display:inline-block; vertical-align:middle;}
ul.num li span{ color:#0081cc;}
ul li span.red{ color:#e21f1f;}
ul li span.orange{ color:#ec6a00;}
ul.num a{ color:#0081cc; text-decoration:underline;}
ul.dot li{ border:none;line-height:1.5; padding:0 0 0 10px; background:url(../images/icon_dot2.png) 0 8px no-repeat; min-height:auto;}

ul.dotBlue{ margin: 0 0 10px 0;}
ul.dotBlue li{ background:url(../images/img_dot_blue.png) 12px 12px no-repeat; background-size:4px 4px; padding: 4px 0 4px 30px;}

ul.colorli { margin:0 0 20px; }
ul.colorli li { padding: 5px 0 5px 30px; position: relative; }
ul.colorli .liTit { position: absolute; top: 5px; left: 0; display: inline-block; line-height: 22px; width:22px; text-align: center; font-size: 15px; color: #fff; background: #bb9157; border-radius: 2px; }

/*footer*/
.corporation_ul ,
.corporation_ul .corporation_title {text-align: center;}
.footer {}
.footer .inner { padding: 10px 0; border-top: none; /* background: url(../images/logo_footer_mobile.png) 100% -20px no-repeat;
    background-size: 100px auto;*/}
.footer_in {display:none;}
.footer .inner.mobile {display: none;}
/*.footer_index {display: none;}
.footer_in .inner {display: block;}*/
.footer .copyright { margin-bottom: 5px; text-align: center;}
.footer_info p { margin-bottom: 5px;}


/*新聞列表*/
.news{ font-size:15px; line-height:1.8; margin:0 0 20px;}
.news ul{}
.news ul li{ position:relative; padding:5px 40px 5px 20px; color:#4c4c4c; border-bottom:1px solid #eaeaea; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.news ul li:hover{ color:#c4b993;}
.news ul li:nth-child(even){ background-color:#fafafa;}
.news ul li a{ position: absolute; top:0; bottom:0; left:0; right:0; }
.news ul li p { display: inline; margin: 0;}
.news ul li span{ margin:0 30px 0 0; min-width: 35px; display: inline-block;}
.news ul li .tag { display:inline-block; }
.news ul li .tag.news { position: absolute; top:18px; right:5px; width: 36px; height: 10px; margin: 0 0 0 5px; vertical-align: middle; background: url(../images/icon_new.png) center no-repeat; }

/*新聞上下則*/
.news_switch { margin: 20px 0 0 ; text-align: center; }
.news_switch a { display: inline-block; margin: 0 3px; padding: 0 8px; line-height: 28px; color: #bb9157; border: solid 1px #bb9157; border-radius: 3px; }
.news_switch a:hover { color: #fff; background: #bb9157; }
.news_switch .back { padding-left: 30px; background-image: url(../images/img_news_switch_01.png); background-position: 5px center; background-repeat: no-repeat; }
.news_switch .back:hover { background-image: url(../images/img_news_switch_02.png); background-position: 5px center; background-repeat: no-repeat; }
.news_switch .prev { padding-left: 30px; background-image: url(../images/img_news_switch_03.png); background-position: 11px center; background-repeat: no-repeat; }
.news_switch .prev:hover { background-image: url(../images/img_news_switch_04.png); background-position: 11px center; background-repeat: no-repeat; }
.news_switch .next { padding-right: 30px; background-image: url(../images/img_news_switch_05.png); background-position: calc(100% - 11px) center; background-repeat: no-repeat; }
.news_switch .next:hover { background-image: url(../images/img_news_switch_06.png); background-position: calc(100% - 11px) center; background-repeat: no-repeat; }


/*理財行事曆--------------------------------------------*/
.calendar {position: relative;}
/*行事曆_切換顯示類型*/
.calendar .listyle{ position:absolute; right:0;}
.calendar .listyle li{width:105px; height:25px; border:2px solid #ccc; text-indent:30px; line-height:25px; margin:0 0 10px 0;border-radius:5px;}
.calendar .listyle li.list01{ background:url(../images/icon_calendar_type_01.png) no-repeat; background-position:0 top;}
.calendar .listyle li.list02{ background:url(../images/icon_calendar_type_02.png) no-repeat; background-position:0 top;}
.calendar .listyle li a {display:block; color:#CCC;}
.calendar .listyle li:hover{ background-position:0 bottom; border:2px solid #0067b3; color:#0067b3;}
.calendar .listyle li.select{ background-position:0 bottom; border:2px solid #0067b3;}
.calendar .listyle li.select a ,
.calendar .listyle li:hover a{ color:#0067b3;}

/*理財行事曆_活動清單*/
.calendar_date { width:300px; margin: 0 auto; position: relative; text-align: center; }
.calendar_date > div {display: inline-block;}
.calendar_date .time { margin: 0 auto; font-size: 22px;}
.calendar_date .time span { font-size: 32px; }
.calendar_date .btn_prev,
.calendar_date .btn_next { width:34px; height: 34px; position: absolute; top:calc(50% - 25px); vertical-align: super; }
.calendar_date .btn_prev { left: 0; }
.calendar_date .btn_next { right: 0;}
.calendar_date a { width: 100%; height: 100%; display: block;}
.calendar_date .btn_prev a {background: url(../images/icon_calendar_prev.png) center top; background-size: 100% auto; }
.calendar_date .btn_next a {background: url(../images/icon_calendar_next.png) center top; background-size: 100% auto;}
.calendar_date .btn_prev .on ,
.calendar_date .btn_prev a:hover ,
.calendar_date .btn_next .on ,
.calendar_date .btn_next a:hover{ background-position: center bottom; }
/*理財行事曆_分類*/
.calendar .btnArea a { width: 90px; height: 28px; margin:0 5px; box-sizing: border-box; line-height: 28px; color: #fff; border: none; }
.calendar .btnArea a:hover { color: #fff; border: none; }
.calendar .btnArea a.calendar_bg01 { color:#b31e00; background: #fff; border:solid 1px #b31e00; }
.calendar .btnArea a.calendar_bg02 { color:#b30059; background: #fff; border:solid 1px #b30059; }
.calendar .btnArea a.calendar_bg03 { color:#0077b3; background: #fff; border:solid 1px #0077b3; }
.calendar .btnArea a.calendar_bg04 { color:#00b2b2; background: #fff; border:solid 1px #00b2b2; }
.calendar .btnArea a.calendar_bg05 { color:#b37700; background: #fff; border:solid 1px #b37700; }
.calendar .btnArea a.on { color:#fff; }
.calendar_bg01 , 
.calendar .btnArea a.calendar_bg01.on ,
.type01 + .calendar_event .type_tag{ background-color: #b31e00;}
.calendar_bg02 , 
.calendar .btnArea a.calendar_bg02.on ,
.type02 + .calendar_event .type_tag { background-color: #b30059;}
.calendar_bg03 , 
.calendar .btnArea a.calendar_bg03.on ,
.type03 + .calendar_event .type_tag{ background-color: #0077b3;}
.calendar_bg04 , 
.calendar .btnArea a.calendar_bg04.on ,
.type04 + .calendar_event .type_tag{ background-color: #00b2b2;}
.calendar_bg05 , 
.calendar .btnArea a.calendar_bg05.on ,
.type05 + .calendar_event .type_tag{ background-color: #b37700;}
/*理財行事曆_小分類*/
.calendar_type_box { margin-bottom: 5px;}
.calendar_type_box span {font-size:18px; color:#0067b3;}
.calendar_type_box select {width:150px;}
/*理財行事曆_表格*/
.calendar_table { width: 100%; display: table; border-top: none; border-collapse: collapse;}
.calendar_table .calendar_table_title { border-left: solid 5px #0067b3;}
.calendar_table .calendar_table_title th { padding: 5px; text-align: center; color: #fff; background-color: #0067b3; border: none; }
.calendar_table tr td { min-wcalendar_tableidth: 8em; max-width: 40%;}
.calendar_table tr td,
.calendar_table tr td p {line-height: 1.3;}
.calendar_table .type01 , .calendar_list .type01 { border-left: solid 5px #b31e00; }
.calendar_table .type02 , .calendar_list .type02 { border-left: solid 5px #b30059; }
.calendar_table .type03 , .calendar_list .type03 { border-left: solid 5px #0077b3; }
.calendar_table .type04 , .calendar_list .type04 { border-left: solid 5px #00b2b2; }
.calendar_table .type05 , .calendar_list .type05 { border-left: solid 5px #b37700; }
/*理財行事曆_活動*/
.calendar_table .open , .calendar_list .open { background-color: #f5efe6; }
.calendar_table .open + .calendar_event {display: table-row; border-left: solid 5px #eeeeee;}
.calendar_list .open + .calendar_event {display: block;}
.calendar_event {display: none;}
.calendar_event td { padding:0; }
.event_box { width: 100%; height: 100%; padding: 20px; display: flex; justify-content: space-around; position: relative; overflow: hidden; background: #eeeeee;  box-sizing: border-box;}
.event_box::before { content: ""; width:100%; height:20px;  display: block; position: absolute; left:0; top:-20px; border-radius: 40px; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1); }
/*日曆列表 活動_表格*/
.calendar_table table { margin:30px 0 0 0; border:solid 1px #dfdfdf;}
.calendar_table table th{ background-color:#dfdfdf; padding:10px 5px; font-weight:400;font-size:15px; border:none; }
.calendar_table table td{ padding:10px 5px; text-align:center; font-size:15px; }

/*活動講師*/
.event_box_info { margin-left: 30px; padding-left:20px; position: relative; }
.event_box_info_img { width:110px; height:110px; margin-bottom: 10px; overflow: hidden; border-radius: 50%; }
.event_box_info p {font-size: 18px;}
.event_box_info .type_tag { width: 50px; height: 50px; line-height: 50px; position: absolute; top:65px; left:0; text-align: center; color:#fff; border-radius: 50%; }
/**/
.event_box_detail {margin: 0 20px;}
.event_box_detail .time{ margin-bottom: 10px; line-height: 25px; font-size: 15px; font-weight: bold; color: #bb9157;  }
.event_box_detail .time span{ margin-right: 5px; padding: 5px; color: #fff; background-color: #bb9157; }
.event_box_detail h6 { font-size: 18px; }
.event_box_detail p { margin-bottom: 10px; }
.event_box_link { padding: 0 0 0 28px; background:url(../images/icon_calendar_event_box_link.png) left center no-repeat;}
.event_box_link a { margin-left: 10px; display: inline-block; font-size: 17px; font-weight: bold; color: #0067b3; text-decoration: underline; }
.event_box_link a:hover { color: #bb9157; }
.event_box_close {position: absolute; top:20px; right:20px;}
.event_box_close .btn_close {  width: 23px; height: 23px; display: block; background:url(../images/icon_calendar_close.png); background-size: 100%; }
/*理財行事曆_清單*/
.calendar_box { padding: 10px; line-height:1.5; font-size: 14px; color: #1b1b1b; border: 1px solid #eaeaea; }
.calendar_box > div { margin-bottom:5px; }
.calendar_title { width: 5em; display: inline-block; vertical-align: middle; color: #065ba3; font-weight: bold;}
.calendar_title.block_title {/*display: block;*/}
.calendar_list {}

/*行事曆_月曆樣式-----*/
.calendar_month{ position:relative;}
.calendar_month .thset{ margin-bottom:10px; }
.calendar_month table.thset th{ padding:3px 0; font-weight:400; background-color:#dcdcdc; border: 0;}
.calendar_month .thset th.sun{ background-color:#0067b3; color:#fff; border-right:2px solid #fff;}
.calendar_month .thset th.sat{ background-color:#0067b3; color:#fff;border-left:2px solid #fff;}
.calendar_month .tdset{ border-left:1px solid #ccc;border-top:1px solid #ccc;}
/*.calendar_month .tdset ul {display:flex; flex-wrap: wrap;}*/
.calendar_month .tdset li { width:calc((100% - 1px) / 7); height:170px; float:left; position:relative; padding:40px 10px 10px; box-sizing: border-box; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.calendar_month .tdset li .day{ position:absolute;top:10px; left:15px; font-weight:bold;}
.calendar_month .tdset li .txt{ position:absolute; right:10px; top:10px;}
.calendar_month .tdset li .event{ height:90px; padding:5px; border-radius:5px; color:#fff;font-size:15px;}
.calendar_month .tdset li .event a{display:block; color:#fff; height:85px;overflow:hidden;}
.calendar_month .tdset li .event2{ height:45px; margin-bottom: 5px; padding:5px; border-radius:5px; color:#fff; font-size:15px;}
.calendar_month .tdset li .event2 a{display:block; color:#fff; height:40px; overflow:hidden; }
.calendar_month .tdset li.calendar_bg01,
.calendar_month .tdset li.calendar_bg02,
.calendar_month .tdset li.calendar_bg03,
.calendar_month .tdset li.calendar_bg04,
.calendar_month .tdset li.calendar_bg05 {background-color: #fff;}
.calendar_month .tdset li.calendar_bg01 .event ,
.calendar_month .tdset li.calendar_bg01 .event2 {background-color: #b31e00;}
.calendar_month .tdset li.calendar_bg02 .event ,
.calendar_month .tdset li.calendar_bg02 .event2 {background-color: #b30059;}
.calendar_month .tdset li.calendar_bg03 .event ,
.calendar_month .tdset li.calendar_bg03 .event2 {background-color: #0077b3;}
.calendar_month .tdset li.calendar_bg04 .event ,
.calendar_month .tdset li.calendar_bg04 .event2 {background-color: #00b2b2;}
.calendar_month .tdset li.calendar_bg05 .event ,
.calendar_month .tdset li.calendar_bg05 .event2 {background-color: #b37700;}

/*---詳細活動區塊---*/
.calendar_month .tdset li.openmore{ width:calc(100% - 1px); padding:0; background:url(../images/cleanbg.jpg) no-repeat; background-color:#eeeeee; height:auto;}
.calendar_month .tdset li.openmore .close{ width:25px; height:25px; position:absolute; top:15px; right:15px; background:url(../images/close2.png) no-repeat;}
.calendar_month .tdset li.openmore .close a{ width:25px; height:25px; display:block;}
.calendar_month .eventType2 {margin-top:-1px;}
.calendar_month .eventType2 .event_box {height:auto; border-top: solid 1px #ccc;}


/*視頻分類*/
.tag_box { margin-bottom: 20px; border: solid 1px #bfbfbf;}
.tag_box_title { margin:0; padding: 5px 10px; color: #fff; background-color: #bfbfbf; }
.tag_box_list { padding: 10px 0 0 0; }
.tag_box_list li{ margin:0 50px 10px 0; padding: 0 0 0 24px; display: inline-block; background:url(../images/img_dot_blue_02.png) 12px center no-repeat; background-size:4px 4px; }
.tag_box_list li a { color: #707070; font-weight: bold; }
/*視頻列表*/
.video_box ul { margin: 0 -5px; display: flex; flex-wrap: wrap; }
.video_box li { margin: 0 5px; width: calc(25% - 10px); }
.video_item {}
.video_item_video { margin-bottom: 10px; position: relative; }
.video_item_video img {width: 100%;}
.video_item_video::before {content: ""; display: block; position:absolute; top:0; bottom:0; left:0; right:0; background: url(../images/icon_video_play.png) center no-repeat; background-size: auto 40%;}
.video_item p { font-size: 18px; color: #1b1b1b; }
/*slick*/
.video_box_slide {padding: 10px 0;}
.video_box_slide .slick-slider {position: relative;}
.video_box_slide .slick-prev ,
.video_box_slide .slick-next { display: block; width:20px; height:25px; position: absolute; top:-24px; }
.video_box_slide .slick-prev { left: auto; right:45px; background: url(../images/icon_video_btn_prev.png) center no-repeat; background-size: auto 100%;}
.video_box_slide .slick-next { right:5px; background: url(../images/icon_video_btn_next.png) center no-repeat; background-size: auto 100%;}
.video_box_slide .slick-disabled {opacity: 0.5;}
/*播放popup*/
.pop_video { width: 800px; margin: 0; padding: 15px; top:140px; transform: translateX(-50%);}
.pop_video .close {width: 100%;}
.pop_video .close a { top:-35px; right:-35px; }
.pop_video .video_play_title { margin-bottom: 0; font-size:18px; }

/*營業據點*/
/*搜尋*/
.search_map .search_select_03 {display:flex; justify-content: space-between;}
.search_map .search_select_03 select {width:calc(33% - 5px);}

/*公告*/
.announce_box { margin-bottom: 30px; padding:30px 30px 20px; border-top:solid 4px #0081cc; box-shadow:0 1px 10px 0 rgba(0,0,0,0.2); 
background: -webkit-linear-gradient(#fff 70%,#fef5e9 100%);
background: -o-linear-gradient(#fff 70%,#fef5e9 100%);
background: -moz-linear-gradient(#fff 70%,#fef5e9 100%);
background: linear-gradient(#fff 70%,#fef5e9 100%);}
.announce_box p { line-height: 2em; }
/*公告按鈕*/
.btn_inline { margin:0 2px; padding:0 5px; display: inline-block; line-height: 26px; text-decoration: none; color:#fff; background: #0272bb; border-radius: 2px;}

/*登入*/
.inner_box.login_box { max-width:780px; height:430px; margin: 40px auto; padding:30px; text-align: center;  background-image: url(../images/bg_login.jpg); background-size: cover; background-position: center; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); border-top:solid 4px #00b7ee;}
.login_box h2 {margin-bottom:30px; color:#00b7ee; font-weight: normal;}
.login_form {width:360px; margin:0 auto; text-align: left;}
.login_form > div {margin-bottom: 20px; position: relative;}
.login_form input {height: 36px; line-height: 36px;}
.login_form .radio_li input[type="radio"] + label { background: url(../images/radio_normal_2.png) left 3px no-repeat; background-size: 15px;}
.login_form .radio_li input[type="radio"]:checked + label { background: url(../images/radio_checked_2.png) left 3px no-repeat; background-size: 15px;}
.login_form .input_btn {padding-right:70px;}
.login_form .btn_search { position: absolute; top:0; right:0; display: inline-block; line-height: 36px; padding:0 20px; font-size: 14px; color: #fff; background: #00a0e9;}
.login_form .btn_login a {width:200px; margin:0 auto; display: block; line-height:36px; text-align: center; font-weight: bold; color: #fff; background: #00a0e9;}
.login_box .notice01 a{color:#898989; text-decoration: none;}
.login_box .notice01 span {margin:0 10px;border-right:solid 1px #898989;}
.login_box .notice02 {font-size:12px; color:#00a0e9;}
/*登入說明*/
.login_notice_box {display: flex; justify-content: space-between;}
.login_notice_box > div {width:calc(33% - 10px);}
.login_notice_box .subT_bg {background:#00a0e9;}
/*注意*/
.login_attention_box { margin-bottom: 10px; padding: 20px 20px 20px 80px; position: relative; background: #f7f7f7;}
.login_attention_box .icon {display: inline-block; width:50px; height:50px; position: absolute; top:calc(50% - 25px); left:15px; line-height: 50px; text-align: center; font-weight: bold; color:#fff; background:#ff5c5c; border-radius: 50%; }
/*密碼
.login_pw_block { width:calc(100% - 40px); max-width: 1000px; margin-top:40px;}*/
.login_pw_box { max-width: calc(100% - 40px); max-width: 1000px; margin: 0 auto ; padding-top:40px;  display: flex; justify-content: space-between;}
.login_pw_box .pw_box {width:calc(33% - 15px); padding:20px; box-sizing: border-box; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); display: flex; flex-direction: column;}
.login_pw_box .pw_box h2 { margin-bottom: 30px; text-align: center; font-weight: normal;}
.login_pw_box .pw_box ul {flex: 1 1 auto; margin-bottom: 10px;}
.login_pw_box .pw_box ul li {margin-bottom: 10px; padding-left: 15px; position: relative;}
.login_pw_box .pw_box ul li::before {content: "●"; position: absolute; top:-2px; left:0; font-size:10px;}
.login_pw_box .btn_pw {text-align: center;}
.login_pw_box .btn_pw a {width: 110px; height:110px; display: inline-block; padding-top: 65px; box-sizing: border-box; color:#fff; border-radius: 50%; transition: 0.3s;}
/*01*/
.login_pw_box .pw_box_01 { border-top:solid 4px #084384;}
.login_pw_box .pw_box_01 h2,
.login_pw_box .pw_box_01 ul li::before {color:#084384;}
.login_pw_box .pw_box_01 .btn_pw a {background-color:#084384; background-image: url(../images/icon_login_pw_01.png); background-size: 34px auto; background-position: center 20px; background-repeat: no-repeat;}
.login_pw_box .pw_box_01 .btn_pw a:hover {background-color:#034a99;}
/*02*/
.login_pw_box .pw_box_02 { border-top:solid 4px #dfaf4a;}
.login_pw_box .pw_box_02 h2,
.login_pw_box .pw_box_02 ul li::before {color:#dfaf4a;}
.login_pw_box .pw_box_02 .btn_pw a {background-color:#dfaf4a; background-image: url(../images/icon_login_pw_02.png); background-size: 34px auto; background-position: center 20px; background-repeat: no-repeat;}
.login_pw_box .pw_box_02 .btn_pw a:hover {background-color:#efbb4e;}
/*03*/
.login_pw_box .pw_box_03 { border-top:solid 4px #aaa;}
.login_pw_box .pw_box_03 h2 ,
.login_pw_box .pw_box_03 ul li::before {color:#aaa;}
.login_pw_box .pw_box_03 .btn_pw a {background-color:#aaa; background-image: url(../images/icon_login_pw_03.png); background-size: 34px auto; background-position: center 20px; background-repeat: no-repeat;}
.login_pw_box .pw_box_03 .btn_pw a:hover {background-color:#999;}

/*警語*/
.bt_warnings p {margin:0; font-size: 14px; font-weight: bold;}

/*LI*/
ul.brownLi_dot { margin:0 0 20px 0;}
ul.brownLi_dot li{ margin-bottom: 10px; padding:0 0 0 30px; min-height:24px; background:url(../images/icon_dot_yellow.png) 12px 8px no-repeat; background-size: 6px;}
ul.brownLi_dot li a{color:#0081cc; text-decoration:underline;}

/*以上新增的*/
/*以下舊的*/


/*試算結果*/
.trialResult{ background:url(../images/bg_shadow.png) no-repeat; background-size:100% auto; padding:20px 0 0; margin:0 0 20px;}
.trialResult h6{ margin:0 0 10px ;}
.trialResult table{ border:none; background-color:#f8f8f8;line-height:30px;}
.trialResult table th{ border:none; text-align:left; color:#4c4c4c; font-weight:bold; vertical-align:top;}
.trialResult table td{ border:none; text-align:left; font-size:16px; color:#777777; font-weight:bold; vertical-align:top;}
.trialResult table td a{ padding:5px 10px; background:#0081cc; color:#fff; text-decoration:none; border-radius:3px; transition:all 0.3s;}
.trialResult table td a:hover{ opacity:0.8;}
.trialResult table td p{ font-size:16px; line-height:30px;}
/*loanFit*/
.loanFit{ position:relative; padding:0 100px 20px 15px; background-color:#f8f8f8; margin:0 0 20px;}
.loanFit h6{ width:auto; display:inline-block; background-color:#0081cc; padding:10px; color:#fff; margin:0 0 10px;}
.loanFit p{ margin:0;}
.loanFit a{ position:absolute; right:15px; top:53px; color:#ec6a00; font-size:14px;}
/*search result*/
.s_result{ position:absolute; right:0; bottom:-40px;}
.s_result p{ font-size:14px; line-height:14px; color:#3e3e3e;}
.s_result span.key{ font-weight:bold;}

/*rateTitle*/
.rateTitle { margin:0 0 10px; clear:both;}
.rateTitle h6{ float:left; font-size:18px; color:#065ba3; display:inline-block;}
.rateTitle .info{ float:right; display:inline-block; color: #4c4c4c; font-size:14px; }
/*.rateTitle .info span{ display:table-cell; padding:0 0 0 10px;}
.rateTitle .info span:nth-child(1):before { content: '盤數：'; color: #12bec4; }
.rateTitle .info span:nth-child(2):before { content: '掛牌日期：'; color: #ef3f9a; }
.rateTitle .info span:nth-child(3):before {content: '更新時間：'; color: #ec6a00; }*/
.rateTitle .info li{ margin-right:10px; display:inline-table;}
.rateTitle .info .lake{ color: #12bec4; }
.rateTitle .info .pink{ color: #ef3f9a; }
.rateTitle .info .org{ color: #ec6a00; }
.rateTitle .info .lake span, .rateTitle .info .pink span, .rateTitle .info .org span{ color: #4c4c4c; }

/*活動優惠列表*/
.event_items{ margin-bottom:20px;}
.event_items h6{ padding:12px 10px; margin:0 0 10px; background-color:#0081cc; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center;}
.event_items ul{ width:100%;}
.event_items ul li{ width:calc(((100% - 30px) - 4px)/3); float:left; display:block;padding:0 15px 0 0; margin:0 auto 20px;border-bottom:1px solid #eaeaea;}
.event_items ul li:nth-child(3n+3){ padding:0;}
.event_items ul li .pic img{ width:100%; height:auto;}
.event_items ul li p{ width:100%; height:46px; display:block; overflow:hidden;  margin:0 auto 10px;}
.event_items ul li a{ width:80%; height:36px; display:block; line-height:36px; border:1px solid #0081cc; color:#0081cc; margin:0 auto 20px;text-align:center; }
.event_items ul li a:hover{border:1px solid #0081cc; color:#fff; background-color:#0081cc;}

/*優惠商店列表*/
.store_items{ margin-bottom:20px;}
.store_items h6{ color:#065ba3; line-height:25px;  font-weight: normal;}
.store_items p{ font-size:14px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0;}
.store_items ul{}
.store_items li{ height:100px; padding:0 150px 15px 115px; margin-bottom:15px; border-bottom:1px solid #eaeaea; position:relative;}
.store_items.type2 li{ padding:10px 150px 10px 220px; height:90px;}
.store_items li:last-child{ margin-bottom:0;}
.store_items .pic{ width:100px; height:100px; position:absolute; left:0; top:0;}
.store_items.type2 .pic{ width:200px; height:100px;}
.store_items .pic img{ width:100%; height:auto;}

.store_items a.btn{ width:130px; height:40px; line-height:42px; display:inline-block; text-align:center; color:#0081cc; border:1px solid #0081cc; border-radius:3px;transition: all 0.3s; opacity:1; position:absolute; right:0; top:50%; margin-top:-30px;}
.store_items a.btn:hover{ color:#bb9157; border-color:#bb9157;}

/*活動內容*/
.event_info{}
.event_info .pic{ width:740px; height:316px; margin-bottom:20px;}
.event_info .pic img{ width:100%; height:auto;}
.event_info h6{ font:normal 16px/1.8 Arial, Helvetica, "微軟正黑體"; }
.event_info ul{ margin: 0 0 20px 0;}
.event_info ul li{ background:url(../images/img_dot_blue.png) 7px 10px no-repeat; background-size:4px 4px; padding-left: 110px; position:relative; font-size:14px; line-height:25px; margin-bottom:8px;}
.event_info ul li a{ color:#0081cc; text-decoration:underline;}
.event_info ul li .tit{ position:absolute; left:20px; top:0;}

/*googleBox*/
.googleBox{ position:relative; height:500px; display:block; background-color:#e9e9e9; margin:0 0 20px; }
.googleBox .map_in{ width:100%; height:100%;}
.googleBox .slideCover{ position:absolute; top:0; left:0; width:30%; height:100%; padding:20px 10px; display:block; background-color:rgba(6,91,163,0.85); color:#fff; box-sizing:border-box; z-index:98;}
.googleBox .slideCover h6{ font-size:20px; margin:0 0 10px; color:#fff;}
.googleBox p { margin-bottom: 10px; line-height: 1.2em; font-size:14px; }
.googleBox .gray { margin-right: 5px; display: block; line-height: 1em; color:#c4b993;}
.googleBox .slideCover ul {margin-bottom: 10px;}
.googleBox .slideCover ul li{ font-size:14px; color:#fff; line-height:1.3; margin:0 0 5px;}
.googleBox .slideCover ul li:nth-child(1):before{ content:'電話\A'; color:#c4b993; white-space: pre-line;}
.googleBox .slideCover ul li:nth-child(2):before{ content:'傳真\A'; color:#c4b993; white-space: pre-line;}
.googleBox .slideCover ul li:nth-child(3):before{ content:'地址\A'; color:#c4b993; white-space: pre-line;}
.googleBox .slideCover ul li span{ width:20px; height:20px; line-height:20px; display: inline-block; border-radius:99em; font-size:13px; color:#fff; text-align:center; margin:0 0 2px;}
.googleBox .slideCover ul li span.icon01{ background-color:#5a8ae9;}
.googleBox .slideCover ul li span.icon02{ background-color:#bf2b18;}
.googleBox .slideCover ul li span.icon03{ background-color:#bb9157;}
.googleBox .slideCover ul li span.icon04{ background-color:#2fc1c6;}
.googleBox .slideCover ul li span.icon05{ background-color:#f48f16;}
.googleBox .slideCover ul li span.icon06{ background-color:#076bca;}
.googleBox .slideCover ul li span.icon01:before{ content:'分'; }
.googleBox .slideCover ul li span.icon02:before{ content:'提'; }
.googleBox .slideCover ul li span.icon03:before{ content:'存'; }
.googleBox .slideCover ul li span.icon04:before{ content:'補'; }
.googleBox .slideCover ul li span.icon05:before{ content:'保'; }
.googleBox .slideCover ul li span.icon06:before{ content:'海'; }
.googleBox .map_span { margin: 0 0 10px 0; padding:0 20px; display: inline-block; line-height: 2em; text-align: center; color:#fff; text-decoration: none; background: #bb9157; border-radius: 1em;}

/*taiwanBox*/
.taiwanBox{ position:relative; display:block; padding:60px 0 0;margin:0 0 20px; 
background-image: linear-gradient(to top , rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0) 30%, rgba(248, 248, 248, 1) 60%);}
.taiwanBox .map{position:relative; width:440px; height:440px;display:block; margin:0 10px 0 60px; background:url(../images/taiwanBox.png) no-repeat}
.taiwanBox .map a:hover{ text-decoration:underline;}
.taiwanBox .map a.county{ position:absolute; color:#065ba3;}
.taiwanBox .map a.county.c01{ top:45px; left:0;}
.taiwanBox .map a.county.c01:before{ content:'金門縣';}
.taiwanBox .map a.county.c02{ top:11px; left:236px;}
.taiwanBox .map a.county.c02:before{ content:'台北市';}
.taiwanBox .map a.county.c03{ top:32px; left:208px;}
.taiwanBox .map a.county.c03:before{ content:'桃園市';}
.taiwanBox .map a.county.c04{ top:56px; left:177px;}
.taiwanBox .map a.county.c04:before{ content:'新竹縣';}
.taiwanBox .map a.county.c05{ top:77px; left:146px;}
.taiwanBox .map a.county.c05:before{ content:'新竹市';}
.taiwanBox .map a.county.c06{ top:108px; left:128px;}
.taiwanBox .map a.county.c06:before{ content:'苗栗縣';}
.taiwanBox .map a.county.c07{ top:138px; left:118px;}
.taiwanBox .map a.county.c07:before{ content:'台中市';}
.taiwanBox .map a.county.c08{ top:170px; left:101px;}
.taiwanBox .map a.county.c08:before{ content:'彰化縣';}
.taiwanBox .map a.county.c09{ top:204px; left:88px;}
.taiwanBox .map a.county.c09:before{ content:'雲林縣';}
.taiwanBox .map a.county.c10{ top:235px; left:52px;}
.taiwanBox .map a.county.c10:before{ content:'嘉義縣';}
.taiwanBox .map a.county.c11{ top:255px; left:94px;}
.taiwanBox .map a.county.c11:before{ content:'嘉義市';}
.taiwanBox .map a.county.c12{ top:281px; left:66px;}
.taiwanBox .map a.county.c12:before{ content:'台南市';}
.taiwanBox .map a.county.c13{ top:317px; left:108px;}
.taiwanBox .map a.county.c13:before{ content:'高雄市';}
.taiwanBox .map a.county.c14{ top:362px; left:151px;}
.taiwanBox .map a.county.c14:before{ content:'屏東縣';}
.taiwanBox .map a.county.c15{ top:291px; left:344px;}
.taiwanBox .map a.county.c15:before{ content:'台東縣';}
.taiwanBox .map a.county.c16{ top:193px; left:381px;}
.taiwanBox .map a.county.c16:before{ content:'花蓮縣';}
.taiwanBox .map a.county.c17{ top:166px; left:349px;}
.taiwanBox .map a.county.c17:before{ content:'南投縣';}
.taiwanBox .map a.county.c18{ top:95px; left:390px;}
.taiwanBox .map a.county.c18:before{ content:'宜蘭縣';}
.taiwanBox .map a.county.c19{ top:55px; left:381px;}
.taiwanBox .map a.county.c19:before{ content:'新北市';}
.taiwanBox .map a.county.c20{ top:12px; left:370px;}
.taiwanBox .map a.county.c20:before{ content:'基隆市';}
.taiwanBox .info{position:absolute; bottom:0; right:0; width:150px; border-left:1px solid #eaeaea; padding:0 0 0 20px;font-size:14px;}
.taiwanBox .info ul li{ padding:3px 0;}
.taiwanBox .info ul li span{ width:20px; height:20px; display:inline-block;  border-radius:99em; font-size:12px; color:#fff; text-align:center; margin:0 7px 0 0;}
.taiwanBox .info ul li:nth-child(1) span{ background-color:#5a8ae9;}
.taiwanBox .info ul li:nth-child(2) span{ background-color:#bf2b18;}
.taiwanBox .info ul li:nth-child(3) span{ background-color:#bb9157;}
.taiwanBox .info ul li:nth-child(4) span{ background-color:#f48f16;}
.taiwanBox .info ul li:nth-child(5) span{ background-color:#2fc1c6;}
.taiwanBox .info ul li:nth-child(6) span{ background-color:#076bca;}
.taiwanBox .info ul li:nth-child(1) span:before{ content:'分'; }
.taiwanBox .info ul li:nth-child(2) span:before{ content:'提'; }
.taiwanBox .info ul li:nth-child(3) span:before{ content:'存'; }
.taiwanBox .info ul li:nth-child(4) span:before{ content:'補'; }
.taiwanBox .info ul li:nth-child(5) span:before{ content:'保'; }
.taiwanBox .info ul li:nth-child(6) span:before{ content:'海'; }
.taiwanBox p{ position:absolute; font-size:14px; color:#e21f1f; top:15px; left:15px;}
/*保險系*/
.lifeInsurance{ border:1px solid #eaeaea; margin:0 0 20px;}
.lifeInsurance .topBox{ position:relative;  /*height:45px;*/ padding:15px; background-color:#065ba3;}
.lifeInsurance .topBox h6{ width:calc(100% - 170px); color:#fff;}
.lifeInsurance .topBox p{ width:calc(100% - 170px); color:#34c2dc; margin:0;}
.lifeInsurance .topBox a{ position:absolute; top:0; right:0; width:150px; height:100%; padding:0 0 0 20px; line-height:75px; text-align:center; display:block; color:#fff; background:#0081cc url(../images/icon_book.png) 20px center no-repeat; transition:all 0.3s;}
.lifeInsurance .topBox a:hover{ opacity:0.8;}
.lifeInsurance .topBox a span{ position:absolute; top:50%; left:50px; width:100px; margin:-7px auto; line-height:1;}
.lifeInsurance .downBox{ padding:15px;line-height:20px;}
.lifeInsurance .downBox h6{ font-size:16px; color:#4c4c4c; margin:0 0 15px;}
.lifeInsurance .downBox table{ border:none; }
.lifeInsurance .downBox table td{ border:none; padding:0; text-align:left; vertical-align:top;}
.lifeInsurance .downBox ul li{ padding:0;}
.lifeInsurance .downBox .btnArea{ padding:0;}

.insuranceList{ margin:0 0 20px 0;}
.insuranceList ul li{position:relative; padding:15px; margin:0 0 10px; border:1px solid #eaeaea;}
.insuranceList ul li .fL{ float:none; position:absolute; top:50%; left:15px; width:220px; height:100%; margin:-75px auto;}
.insuranceList ul li .fL img{ width:100%; height:auto;}
.insuranceList ul li .fR{ float:none; width:calc(100% - 250px ); height:auto; height:150px; border-left:1px solid #eaeaea; padding:0 0 0 15px; margin:0 0 0 235px;}
.insuranceList ul li .fR h6{ line-height:1.2; font-size:16px; color:#065ba3; padding:8px 0;}
.insuranceList ul li .fR ul li{ line-height:1.2;margin:0; border:none;background:url(../images/img_dot_blue.png) 7px 12px no-repeat; background-size:4px 4px; padding: 4px 0 4px 20px;}

.companyList{ margin-bottom:20px;}
.companyList h6{ color:#065ba3; line-height:25px;}
.companyList p{ font-size:14px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0;}
.companyList ul{}
.companyList li{ height:100px; padding:0 0 10px 220px; margin-bottom:15px; border-bottom:1px solid #eaeaea; position:relative;}
.companyList li:last-child{ margin-bottom:0;}
.companyList .pic{ width:200px; height:100px; position:absolute; left:0; top:0;}
.companyList .pic img{ width:100%; height:auto;}

/*bn_three*/
.bn_three{ margin:0 0 20px 0;}
.bn_three ul{ width:100%;  display:inline-flex; justify-content:space-between; align-items:stretch;}
.bn_three ul li{ width:auto;  cursor:pointer; overflow:hidden;}
.bn_three ul li:nth-child(2){ margin:0 15px;}
.bn_three ul li img{ width:100%; height:auto;}

/*btnArea*/
.btnArea{ padding:0 0 25px 0; text-align:center;}
.btnArea a{ width:145px; height:40px; line-height:42px; display:inline-block; margin:0 2px; text-align:center; color:#0081cc; border:1px solid #0081cc; border-radius:3px;transition: all 0.3s; opacity:1; }
.btnArea a.extra{ width:auto; padding:0 10px}
.btnArea a.manual{ width:220px; background:url(../images/icon_manual.png) 30px 5px  no-repeat; padding:0 0 0 30px;}
.btnArea a:hover{ color:#bb9157; border-color:#bb9157;}
.btnArea a.manual:hover{ background:url(../images/icon_manual_hover.png) 30px 5px  no-repeat;}
.btnArea a.insurance{ width:190px; background:#0081cc url(../images/icon_book.png) 45px 8px  no-repeat; padding:0 0 0 30px; color:#fff;}
.btnArea a.insurance:hover{ border-color:#0081cc;color:#fff;}
.btnArea a.gray{ border-color:#cbcbcb; color:#aeaeae;}

.btnArea2{ padding:10px 0;}
.btnArea2 a{ width:145px; height:30px; line-height:32px; display:inline-block; margin:0 2px; text-align:center; color:#0081cc; border:1px solid #0081cc; border-radius:3px;transition: all 0.3s; opacity:1; }
.btnArea2 a:hover{ color:#bb9157; border-color:#bb9157;}

.btnArea3{ margin-bottom: 10px; display: flex; justify-content: space-between;}
.btnArea3.single {justify-content: center;}
.btnArea3 a{ width:calc(50% - 5px); margin:0; padding:10px; box-sizing: border-box; line-height:24px; display:block; text-align:center; font-size: 18px; font-weight: bold; color:#fff; background: #f39800; border-radius:3px; transition: all 0.3s; opacity:1; }
.btnArea3 a:hover{ background: #fc9f00; border-color:#bb9157;}
/*按鈕_E櫃台服務*/
.btnArea4{ margin: 0 0 20px;}
.btnArea4 a{ width:200px; margin:0 auto 10px; box-sizing: border-box; line-height:30px; display:block; text-align:center; color:#fff; background: #00b8ee;  transition: all 0.3s; opacity:1; }
.btnArea4 a:hover{ background: #1ca6ff;}
/*標題按鈕*/
.btn_tit {float:right; margin-top: -4px; padding-left: 10px; background: #fff;}
.btn_tit a { padding:0 5px; display: inline-block; line-height: 30px; color:#0082c6;  border:solid 1px #0082c6; border-radius: 4px;}
.btn_tit a.print { padding-left: 25px; background: url(../images/icon_print.png) 5px center no-repeat; background-size: auto 20px;}
.btn_tit + h5.tiT {padding-right: 100px;}
/*回到上方 TOP 按鈕*/
.btn_top {position: fixed; bottom:10px; right:calc(50% - 523px);  }
.btn_top a {display: block; width:45px; line-height:45px; text-align: center; color:#fff; background: rgba(0,0,0,0.3); border-radius: 50%;}


/*備註事項*/
.noticeBox{ background:url(../images/bg_shadow.png) no-repeat; background-size:100% auto; padding-top:30px;}
.noticeBox { font-size:14px;}
.noticeBox p.blue{ font-size:14px;}
.noticeBox h6{ margin-bottom:10px;}

/*內頁走勢圖*/
.chartArea{ background:url(../images/grayGradient_bg.png) repeat-x; width:100%; height:400px; padding:20px 30px; box-sizing:border-box; margin-bottom:25px;}
.chartArea ul.side_bar{ float: right; font-size: 15px; margin-bottom:20px;}
.chartArea ul.side_bar li{ display: inline-block; margin: 0 0 0 10px; }
.chartArea ul.side_bar .line_bar{ height: 3px; border-radius: 4px; width: 24px; vertical-align:middle; display: inline-block; margin: 0 10px 0 0;}
.chartArea .chart_in img{ width: 100%; height: auto;}

/*文章內容*/
.c_box{ margin-bottom:20px;}
.editArea{ color:#4c4c4c;}
.date{ font-size:14px; /*color:#b8b8b8;*/ padding:5px 0;}

/*信託*/
.trust_Stitle{ margin-bottom:10px;}
.s_infoArea{ margin-bottom:15px;}
.s_infoArea .title{ background-color:#065ba3; text-align:center; color:#fff; font-size:16px; line-height:30px; padding:0 20px; font-weight:bold;}
.s_infoArea .title span{ margin-right:10px;}
.s_infoArea .info{ background-color:#f8f8f8; padding:15px 20px; color:#4c4c4c;}

/*海外分行*/
.foreignBox{ position:relative; padding:5px 150px 5px 0; text-align:left;}
.foreignBox .country{ padding-left:28px; background:url(../images/country_bg.png) no-repeat; background-size:20px; color:#959595;}
.foreignBox .loacation{ width:16px; height:20px; background:url(../images/icon_locate_2.png) no-repeat; display:inline-flex; margin-left:10px; vertical-align:sub;}
.foreignBox a.btn{ width:130px; height:40px; line-height:42px; display:inline-block; text-align:center; color:#0081cc; border:1px solid #0081cc; border-radius:3px;transition: all 0.3s; opacity:1; position:absolute; right:0; top:30px; /*top:50%; margin-top:-30px;*/ text-decoration:none; font-size:16px; cursor:pointer;}
.foreignBox a.btn:hover{ color:#bb9157; border-color:#bb9157;}

/*開戶流程圖*/
.stepChart{ text-align:center; margin-bottom:10px;}
.stepChart img{ display:inline-block;}
.stepChart img.pic4m{ display:none;}

.layer_2nd{ /*border-top:1px dashed #ddd;*/ background-color:#eef4f7; padding:10px;}

/*服務條約書*/
.contractBox{ border:1px solid #eaeaea; padding:15px; height:350px; margin-bottom:30px; overflow:auto;}
.contractBox p{ color:#898989; margin-bottom:5px;}
.contractBox .contractNo{ float:right;}
.contractBox table{ border:none;}
.contractBox table td{ color:#898989; padding:2px 5px; text-align:inherit; border:none;}

.contractBox table.line{ border-top:1px solid #eaeaea; border-left:1px solid #eaeaea;}
.contractBox table.line th{ padding:5px; border-bottom:1px solid #eaeaea; font-size:14px;}
.contractBox table.line td{ border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.contractBox table.line td.noLine{ border-bottom:none;}

/*網站地圖*/
p.siteItem{ color:#959595; margin:0; padding:5px 0 10px 0; }
ul.brownLi li a.site{ margin:2px 10px; text-decoration:none; color:#959595; display:inline-block;}
ul.brownLi li a.site:first-child{ margin-left:0;}
ul.brownLi li a.site:last-child{ margin-right:0;}
ul.brownLi li a.site:hover{ color:#afa16e;}
ul.brownLi li a.siteH{ color:#636363; font-weight:bold; text-decoration:none;}
ul.brownLi li a.siteH:hover{ text-decoration:underline;}

/*數位金融*/
/*app列表*/
.app_list li{display: block; border-bottom: 1px solid #e6e6e6; position: relative; padding:10px 0px 20px 0px; margin: 0 0 20px;  box-sizing: border-box;}
.app_list.type2 li{padding:10px 0px 20px 0;margin: 0 0 20px; }
.app_list li:nth-last-child(1), .app_list.type2 li:nth-last-child(1){border-bottom: none; padding-bottom: 0; margin: 0;}
.app_list h3{ line-height: 50px; color: #065ba3; font-size: 24px; border-bottom: 2px solid #e7edf2; margin: 0 0 10px;}
.app_list p{ margin: 0 0 5px; color: #555; font-size: 18px;  }
.app_list .pic_box{ width: 120px; height: 120px; position: absolute; top: 10px; left: 0; border-radius: 10px; overflow: hidden;}
.app_list .pic_box img{ width: 100%; height: auto;}
.app_list .info_box{ margin: 0 10px 10px 0; padding:0 0 0 140px; display: block; vertical-align: middle;  min-height: 120px; width: 100%; box-sizing: border-box;}
.app_list.type2 h3{ margin: 0 0 5px; line-height: 35px;}
.app_list.type2 .info_box { padding: 0 140px 0 140px;}
.app_list.type2 p{margin-bottom:0; min-height: 48px;}
/*語音*/
.app_list.type3 .info_box {margin-bottom: 0;}
.app_list.type3 h3{ margin: 0 0 5px; line-height: 35px;}
.app_list.type3 p{margin-bottom:0px;}
.app_list.type3 .btn_box{ top: 10px; background: #fff; padding-left: 5px;}
.app_list .info_box .phone{ display: inline-block; background: url(../images/icon_contact_on.jpg) 0 0 no-repeat; width: 24px; height: 24px; background-size: contain; vertical-align: middle;}
.app_list .info_box a{color: #333; text-decoration: none;}
.app_list .info_btn {margin-bottom:15px;}
.app_list .info_btn a{ padding:0 10px 0 30px; display: inline-block; line-height: 30px; font-weight: bold; color:#fff; border-radius: 4px;}
.app_list .info_btn .info_btn_01 { background-color:#27669c; background-image: url(../images/icon_info_btn_01.png); background-size: auto 20px; background-position: 8px center; background-repeat: no-repeat;}
.app_list .info_btn .info_btn_02 { background-color:#e99221; background-image: url(../images/icon_info_btn_02.png); background-size: auto 20px; background-position: 8px center; background-repeat: no-repeat;}
.app_list .info_btn .info_btn_03 { background-color:#21b97a; background-image: url(../images/icon_info_btn_03.png); background-size: auto 20px; background-position: 8px center; background-repeat: no-repeat;}
.app_list .info_btn .info_btn_04 { background-color:#6690c2; background-image: url(../images/icon_info_btn_04.png); background-size: auto 20px; background-position: 8px center; background-repeat: no-repeat;}
.app_list .info_btn .info_btn_05 { background-color:#f07f71; background-image: url(../images/icon_info_btn_05.png); background-size: auto 20px; background-position: 8px center; background-repeat: no-repeat;}
.app_list .info_btn .info_btn_06 { background-color:#cc9966; background-image: url(../images/icon_info_btn_06.png); background-size: auto 20px; background-position: 8px center; background-repeat: no-repeat;}
.app_list .info_btn .info_btn_01:hover {background-color:#105c9d;}
.app_list .info_btn .info_btn_02:hover {background-color:#eb8a0b;}
.app_list .info_btn .info_btn_03:hover {background-color:#0aa967;}
.app_list .info_btn .info_btn_04:hover {background-color:#5085c3;}
.app_list .info_btn .info_btn_05:hover {background-color:#f06858;}
.app_list .info_btn .info_btn_06:hover {background-color:#c2915f;}
/*立即下載 立即前往*/
.app_list .btn_box{ position:absolute; top: 15px; right:0;}
.app_list .btn_box a{/*width: 190px;*/ height: 40px; display: inline-block; font-size:15px; font-weight: bold; color: #339bcc; padding: 0 10px 0 50px; box-sizing: border-box; line-height: 40px; text-align: center;  /* border:1px solid #eee; border-radius: 4px;*/}
.app_list .btn_box a.type2{ font-size: 14px;}
.app_list .btn_box a.dw { background:url(../images/icon_btn_dw_3.png)0 center no-repeat; background-size: auto 40px;}
.app_list .btn_box a.dw:hover { color: #ff6e32; background:url(../images/icon_btn_dw_4.png)0 center no-repeat; background-size: auto 40px;}
.app_list .btn_box a.go { background:url(../images/icon_btn_go_3.png)0 center no-repeat; background-size: auto 40px;}
.app_list .btn_box a.go:hover { color: #ff6e32; background:url(../images/icon_btn_go_4.png)0 center no-repeat; background-size: auto 40px;}
.app_list span.btn_box { position:static; margin-left: 0.5em;}
.app_list span.btn_box a.go, .app_list span.btn_box a.go:hover{height:30px; padding: 0 10px 0 40px; line-height: 30px; vertical-align: text-bottom; background-size: auto 30px;}

.app_list .qr_box{ position:absolute; top: 10px; right:0; width: 120px; height: 120px;}
.app_list .qr_box img{ display: block; width: 100%; height: auto;}

.qr_box{display: block;}
.app_dw{ display: none;}

/*細項表格*/
.app_info { height:37px; overflow: hidden; }
.app_info_title { padding:0 15px; line-height: 35px; font-weight: bold; cursor: pointer; background: url(../images/icon_side_arrow_down.png) calc(100% - 10px) center no-repeat; background-size:auto 16px; border-top:solid 1px #b8c1d3; border-bottom:solid 1px #dcdcdc; }
.app_info_table { margin-bottom: 0; border-collapse: collapse; border-left:none;}
.app_info_table th ,.app_info_table td { padding:8px 15px; text-align: left;}
.app_info_table td:first-of-type {font-weight: bold;}
.app_info_table th { font-size: 16px; background: #f7f7f7; border:none; }
.app_info_table td {border-right:none;}
.app_list .on,.app_list.type2 .on {padding-bottom: 0; border-bottom: 0;}
.app_list .on .app_info { height:auto; }
.app_list .on .app_info_title { background-color:#e7edf5; background-image: url(../images/icon_side_arrow_up.png); background-position:calc(100% - 10px) center;  background-size:auto 16px; background-repeat: no-repeat; }

/*相關連結*/
.link_section {padding: 20px 0px;}
.box_download {display:flex; flex-wrap: wrap;}
.box_download a{ width:33%; display: block; padding: 0 10px; text-indent: -14px; box-sizing: border-box; font-size: 14px; color: #313131;}
.box_download a span {margin-right:5px;}
.box_download a:hover {color: #c4b993;}
/*box_border*/
.box_border { margin:0; padding: 20px 15px 15px; position: relative; border:solid 1px #eaeaea;}
.box_border_title { width:100%; position: absolute; top:-10px; left:0; text-align: center; }
.box_border_title span { padding: 0 10px; font-size: 18px; font-weight: bold; letter-spacing: 1px; background: #fff;}

/*搜尋*/
.searchInput { margin-bottom: 20px; padding:30px 20px; box-sizing: border-box; text-align: center; background: url(../images/bg_search_input.jpg) center; background-size: cover;}
.searchInput h5 { margin-bottom: 20px; font-size: 20px; font-weight: normal; color:#fff; }
.searchInput input {border:none; height:40px;}
.searchInput .btnArea {padding:0;}
.searchInput .btnArea a { color:#fff; border-color:#fff; }
.searchBox {padding:5px;}
.searchBox:nth-child(odd) {background: #fafafa; border-top:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea;}
.searchBox p {margin:0;}
.searchBox a { color:#0054a6; text-decoration: none;}
.searchBox .color_hl {color:#0081cc;}

/*banner_box*/
.banner_box { margin-bottom: 20px; background: #f7f7f7;}
.banner_box.no_banner {position:relative; margin-top: 70px; padding-top: 60px;}
.banner_box.no_banner .banner_box_icon{ position: absolute; top:0px; left:calc(50% - 60px);}
.banner_box .banner {width:100%; height:190px; background-size: cover; background-position: center;}
.banner_box_icon { width:120px; height:120px; margin:-60px auto 0;}
.banner_box_icon img { height:120px; }
.banner_box_inner {padding:10px 20px; font-weight: bold;}
.banner_box_inner h5 { margin-bottom: 20px; font-size: 20px; text-align: center; color:#0056a8; }
.banner_box_inner .info_steps_box {margin-bottom: 0;}
.info_steps_box a {color:#0081cc;}
/* 有icon 2欄清單*/
.info_icon_list {}
.info_icon_list ul {display: flex; justify-content: center; flex-wrap: wrap;}
.info_icon_list li {flex:1 1 40%; margin-bottom: 20px; padding:0 5%; box-sizing: border-box;}
.info_icon_list .info_icon {padding-left: 60px; min-height: 50px;}
.info_icon_list .info_icon.icon01 {background: url(../images/icon_banner_box_01.png) left top no-repeat; background-size: 50px auto;}
.info_icon_list .info_icon.icon02 {background: url(../images/icon_banner_box_02.png) left top no-repeat; background-size: 50px auto;}
.info_icon_list .info_icon.icon03 {background: url(../images/icon_banner_box_03.png) left top no-repeat; background-size: 50px auto;}
.info_icon_list .info_icon.icon04 {background: url(../images/icon_banner_box_04.png) left top no-repeat; background-size: 50px auto;}
.info_icon_list .info_icon.icon05 {background: url(../images/icon_banner_box_05.png) left top no-repeat; background-size: 50px auto;}
.info_icon_list .info_icon.icon01 h6 {color:#29a7ac;}
.info_icon_list .info_icon.icon02 h6 {color:#4b8dce;}
.info_icon_list .info_icon.icon03 h6 {color:#f39800;}
.info_icon_list .info_icon.icon04 h6 {color:#e56767;}
/*步驟清單*/
.info_steps_box {display: flex; justify-content: center; margin-bottom:10px;}
.info_steps_box ul { }
.info_steps_box li { position: relative; margin-bottom: 10px; padding-left: 30px;}
.info_steps_box .num ,.info_steps_box .point { position: absolute; left:0; top:2px; display: inline-block; width:20px; height:20px; margin-right: 10px; line-height:20px; text-align: center; color:#fff; background: #787878; border-radius: 2px;}
.info_steps_box li:nth-child(2) .num {background: #919191;}
.info_steps_box li:nth-child(3) .num {background: #ababab;}
.info_steps_box li:nth-child(4) .num {background: #cdcdcd;}
.info_steps_box span.point {background-color: #69a1b3; background-image: url(../images/icon_info_steps_box_point.png); background-size: 60%; background-position: center; background-repeat: no-repeat;}
.banner_box_inner .bigT.red { font-size:21px; color:#d84e85;}

@media screen and (max-width: 1100px){
    /*TOP 按鈕*/
    .btn_top {right:10px;}
}
@media screen and (max-width: 1020px){
    .main_block {width:100%;}
}
/*頁面1000以內時*/
@media screen and (max-width: 1000px){
    .main_block{ width: 100%;}
    .main_block .main_box{ width: calc(100% - 220px);}
}
/*頁面980以內時*/
@media screen and (max-width: 980px){
    .main_block{ width: 100%; position: relative; padding: 0 0 0 220px; box-sizing: border-box; }
    .main_block .main_box{ width: 100%;}
    .main_block.single{ padding: 0;}
    .side_menu{  position: absolute; top: 0; left: 0;}
    /*卡片資訊*/
    .card_info{  margin:0 0 40px 0; }
    .card_info .pic{ float:none; width:auto;  padding:0; border-right:none;}
    .card_info .info{ float:none;width:auto;  padding:0;}
    .card_info .pic .showPic{ margin:0 auto 12px;}
    .card_info .pic ul{ text-align:center;}
    .card_info .info .btnSet{ text-align:center;}
    .card_info .info .btnSet a{ width:161px;}
    /*卡片目錄*/
    .card_items li{ padding:20px 20px 15px;}
    .card_items li .card_name{ display:table; width:100%; height:45px;}
    .card_items .p_reflect{ height:20px;}
    .card_items li .card_name h5{ display:table-cell; vertical-align:middle;}

    /*活動內容*/
    .event_info .pic{ width:100%; height:auto;}

    /*保險系*/
    .insuranceList{}
    .insuranceList ul li{ position:relative;}
    .insuranceList ul li .fL{float:none; position:absolute; top:50%; left:15px; width:170px; height:100%; margin:-58px auto;}
    .insuranceList ul li .fR{ float:none; width:calc(100% - 196px ); height:auto; border-left:1px solid #eaeaea; padding:0 0 0 10px; margin:0 0 0 185px;}

    .companyList li{ padding: 0 0 0 160px; }
    .companyList .pic{ width:140px; height:70px; top:10px;}

    /*按鈕*/
    .btnArea2 a{ width:auto; min-width:80px; padding:0 5px; height:30px; line-height:32px; display:inline-block;}
    /*table*/
    table.loanTrial .bigInput.third{ width:95px;}
    table.loanTrial .bigInput.thirdLast{ width:110px;}

    table.loanTrial .bigInput.mid{ width:100px;display:inline-block; vertical-align:middle; margin:0 0 5px;}
    table.loanTrial .bigInput.small{ width:40px;display:inline-block; vertical-align:middle; margin:0 0 5px;}
}
/*小網*/
@media screen and (max-width: 900px){
    .main_box .inner_box.error .picInfo{ display:none;}
    .main_box .inner_box.error .picInfo.p{ display:block;}
    .main_box .inner_box.error .picInfo.m{ display:none;}
    /*rateTitle*/
    .rateTitle {clear:both;}
    .rateTitle h6{ float:none; display:block;}
    .rateTitle .info{ float:none; margin:5px 0 0 0; font-size:16px;}
    .rateTitle .info span{ display:table-cell; padding:0 10px 0 0 ;}
    /*table*/
    table.map td{ width:50%; padding:11px 20px;}
    table.map td .mark{ float:none; width:100%; display:inline-block; color:#0081cc; padding:0; margin:0 auto;}
    table.map td .info{ float:none; width:100%; display:block; text-align:center; padding:0; margin:0 auto;}
    table.calc, table.calc tbody, table.calc th, table.calc td, table.calc tr { width:100%;  display: block; clear:both; box-sizing:border-box;}
    table.calc td{ padding:10px 0;}

    table.calc td input[type="text"].half{ width:100%;}
    table.calc td span.end{ width:100%; display:inline-block; text-align:center; margin:5px 0 0 0;}
    table.calc td img.verImg{ display:inherit; vertical-align:inherit; text-align:center; margin:5px auto 0;}

    table.rule_layer2 td, table.rule_layer2 th{ padding:5px 0;}
    table.rule_layer2 th.no_mm{ display:none;}
    table.rule_layer2 th.yes_mm{ display:table;}

    table.loanTrial .bigInput input[type="text"]{ font-size:18px;}
    table.loanTrial .bigInput.third{ width:40px;}
    table.loanTrial .bigInput.thirdLast{width:80px; }
    table.loanTrial .bigInput.mid{ width:100%;display:inline-block; vertical-align:middle; margin:0 0 5px;}
    table.loanTrial .bigInput.small{ width:100%;display:inline-block; vertical-align:middle; margin:0 0 5px;}

    /*footer*/
    .footer_info p{ text-align: center;}
    
    /*理財行事曆_月份*/
    .calendar_date { width: 100%; }
    /*行事曆_分類*/
    .calendar .listyle { position: relative; width:100%; margin-bottom:20px; text-align: center;}
    .calendar .listyle li { display:inline-block; margin: 0;}

    /*影音popup*/
    .pop_video{ width: calc(100% - 20px); padding:10px; }    
    .pop_video .close a {top: -55px; right:-15px;}

    /*數位金融*/
    .app_list.type2 .info_box {padding-right:0;}

    /*登入*/
    .inner_box.login_box { width:calc(100% - 40px); max-width: 100%; margin: 40px 20px; box-sizing: border-box;}

    /*舊的*/    
    /*taiwanBox*/
    .taiwanBox{padding:60px 0 ;}
    .taiwanBox .map{ margin:0 auto; }
    .taiwanBox .info{ left:0; border:none;}
    table.map select.half{ display:inline-block;}
    table.calc td select.half:first-child{ margin:0 0 7px;}

    /*googleBox*/
    .googleBox { height:600px;}
    .googleBox .slideCover{ top:inherit; bottom:0; width:100%; height:auto; padding:10px 10px 0;}
    .googleBox .slideCover h6{ margin-bottom:5px; padding-right: 40px; font-size:18px; }
    .googleBox .slideCover ul li { line-height:1.2;}
    .googleBox .slideCover .slideCover_btn {position:absolute; top:10px; right:10px; display: block; width:30px; height:22px; background: url(../images/img_slider_show.png) center no-repeat; background-size: 100% auto; transition: 0.2s;}
    .googleBox .slideCover .slideCover_btn.open { background: url(../images/img_slider_hide.png) center no-repeat; background-size: 100% auto; }
    .googleBox .slideCover .slideCover_hidden { display: none; }

    .qr_box{display: none;}
    .app_dw{text-align: center; display: block;}
    .app_dw li{ display: inline-block; width: 180px; height: 40px; vertical-align: top; }
    .app_list.type2 .app_dw li{padding: 0;}
    .app_list .app_dw li{ padding: 0; margin: 0; border-bottom: none;}
    .app_dw a{ display: block; width: 100%; height: 50px;background: url(../images/btn_dw.png) center 0 no-repeat; background-size:180px 40px; }
    .app_dw a.and{background: url(../images/btn_and.png) center 0 no-repeat; background-size:140px 48px; }
    .app_dw a.ios{background: url(../images/btn_ios.png) center 0 no-repeat; background-size:140px 48px; }

    /*視頻分類*/
    .tag_box_list {overflow: auto;}
    .tag_box_list li{width:25%; box-sizing: border-box; float: left; margin: 0 0 10px 0;}
    
    /* banner_box */
    .banner_box_icon { width:100px; height:100px; margin:-50px auto 0;}
    .banner_box_icon img { height:100px; }
    /* 有icon 2欄清單*/
    .info_icon_list {display: flex; max-width: 100%;}
    .info_icon_list ul{ display: block; margin:0 auto;}
    .info_icon_list li {  margin:0 0 20px; padding:0; box-sizing: border-box;}
    
}
/*小網*/
@media screen and (max-width: 767px){
    h5.tit{ margin:0 0 10px;}
    h5.tit span.tooLong{ display:inline-block; line-height:1.2;}
    .main_block{ margin: 0; padding: 0;}
    .main_block .main_box{ width: 100%;}
    .main_box .inner_box{ padding: 20px 10px; min-height:0;}

    .main_box .inner_box.error .picInfo{ display:none;}
    .main_box .inner_box.error .picInfo.p{ display:none;}
    .main_box .inner_box.error .picInfo.m{ display:block;}

    /*上方形象圖*/
    .bn_inpage{ display:none;}

    /*側邊選單*/
    .side_menu{ display: none;}

    /*卡片資訊*/
    .card_info{  margin:0 0 20px 0; }
    .card_info .pic{ float:none; width:auto;  padding:0; border-right:none;}
    .card_info .info{ float:none;width:auto;  padding:0;}
    .card_info .pic .showPic{ margin:0 auto 12px;}
    .card_info .pic ul{ text-align:center;}
    .card_info .info .btnSet{ text-align:center;}
    .card_info .info .btnSet a{ width:100%; margin:3px 0;}	

    /*卡片目錄*/
    .card_items li{ width:100%;}

    /*footer*/
    .footer .inner { padding:0; /*background: url(../images/logo_footer_mobile.png) 100% bottom no-repeat;
        background-size: 100px auto;*/}
    .footer .footer_info ul{ padding-right: 10px;}
    
    .footer {padding-bottom:10px;}
    .footer .inner .web,
    .footer .inner.show.web,
    .footer .inner_mobile {display:none;}
    .footer .inner { margin-top: 5px; padding-top: 10px; border-top: 1px solid #999; }
    .footer .inner.show.mobile {display: block;}
    .footer .footer_info {margin-bottom: 10px; padding:0;}
    .footer .copyright { margin-left:0; text-align: left; }
    .footer_h_info p {margin-bottom: 0;}

    /*rateTitle*/
    .rateTitle {clear:both; }
    .rateTitle h6{ float:none; display:block;}
    .rateTitle .info{ float:none; margin:5px 0; font-size:14px;}
    .rateTitle .info span{ display:block; padding:0 ;}
    .rateTitle .info li{ display:inline-flex;}
    .rateTitle .switcher { display:block; font-size: 20px; color: #065ba3; font-weight: normal; border-radius: 5px; overflow: hidden; border:1px solid #065ba3; margin: 0 0 10px;}
    .rateTitle .switcher li { width:50%; display: inline-block; box-sizing: border-box; margin: 0 -4px 0 0;  }
    .rateTitle .switcher li:first-child a{ display: block;line-height: 30px; text-align: center; padding: 0;}
    .rateTitle .switcher li:last-child a{ display: block;line-height: 30px; text-align: center; padding: 0;}
    .rateTitle .switcher a {color: #065ba3; }
    .rateTitle .switcher a:hover {color: #fff;background-color: #065ba3;  }
    .rateTitle .switcher .active a {color: #fff;background-color: #065ba3; }
    /*table*/
    .tb_Box{ /*margin-bottom:28px;*/ margin-bottom:10px;}
    table.hoverType3 td{ padding:5px;}
    table  th ,table  td {padding:11px 5px;}
    table.rate th{ font-size:14px; padding:12px 2px;}
    table.rate td{ font-size:14px; padding:11px 2px;}
    table.rate_cash th:nth-child(2){ display:none;}
    table.rate_cash th:nth-child(3){ display:none;}
    table.rate_cash2 th:nth-child(5){ display:none;}
    table.rate_cash2 th:nth-child(6){ display:none;}
    table.rate_cash td:nth-child(2){ display:none;}
    table.rate_cash td:nth-child(3){ display:none;}
    table.rate_cash2 td:nth-child(5){ display:none;}
    table.rate_cash2 td:nth-child(6){ display:none;}

    table.rate_spot{ display:table;}
    table.rate_spot th:nth-child(4){ display:none;}
    table.rate_spot th:nth-child(5){ display:none;}
    table.rate_spot2 th:nth-child(3){ display:none;}
    table.rate_spot2 th:nth-child(4){ display:none;}
    table.rate td:first-child img{ margin:0 auto; display:block;}
    table.rate_spot td:nth-child(4){ display:none;}
    table.rate_spot td:nth-child(5){ display:none;}
    table.rate_spot2 td:nth-child(3){ display:none;}
    table.rate_spot2 td:nth-child(4){ display:none;}

    table.rate_interest{ display:none;}
    table.rate_interest.none{ display:table;}

    table.calc td input[type="text"].type01{ width:100%; margin-bottom:5px;}
    table.calc td input[type="text"].small{ width:100%;}
    table.calc td input[type="button"].date{  /*display:block;margin: 5px 4px; */ display:none;}

    table.calc td select.small{ width:100%;}

    table.loanTrial, table.loanTrial tbody, table.loanTrial th, table.loanTrial td, table.loanTrial tr { width:100%;  display: block; clear:both; box-sizing:border-box;}
    table.loanTrial th{ border:none; padding:10px 5px;
    background: -webkit-linear-gradient(bottom,#e2f1f9 ,#e2f1f9 100%);
    background: -o-linear-gradient(bottom,#e2f1f9 ,#e2f1f9 100%);
    background: -moz-linear-gradient(bottom,#e2f1f9 ,#e2f1f9 100%);
    background: linear-gradient(to bottom,#e2f1f9 ,#e2f1f9 100%);
    }
    table.loanTrial th.vTop{padding:10px 5px;}
    table.loanTrial td{padding:5px 0 ; text-align:center;}
    table.loanTrial .bigInput{ float:none; width:100%; margin:0 auto 5px; display:block;}
    table.loanTrial .bigInput.half{width:100%;display:block;}
    table.loanTrial .bigInput.half:nth-child(1){float:none; margin:0 auto 5px;}
    table.loanTrial .bigInput.half:nth-child(2){float:none; margin:0 auto 5px;}
    table.loanTrial .fL{float:none;}
    table.loanTrial .fR{float:none;}
    table.loanTrial .bigInput.third{width:80px;}
    table.loanTrial .bigInput.thirdLast{width:100%;display:block; }
    table.loanTrial img.verImg{ text-align:center; margin:0 auto;}
    .trialResult table, .trialResult table tbody, .trialResult table th, .trialResult table td, .trialResult table tr { width:100%;  display: block; clear:both; box-sizing:border-box;}
    .trialResult table th{ padding:5px; background-color:#ebebeb;}
    .trialResult table td{ padding:5px;}
    /*table rwd th*/ 
    table.table_rwd {border:solid 1px #eaeaea;}
    table.table_rwd th { display: none;}
    table.table_rwd tr:nth-of-type(2n){background: #f0f0f0;}
    table.table_rwd td { display: block; padding:5px 10px; text-align: left; border:none;}
    table.table_rwd td:before {content: attr(data-th) " : "; display: inline-block; width:8em; font-weight: bold; color:#065ba3;}

    /*新聞列表*/
    .news ul li { padding: 5px 5px 5px 10px; }
    .news ul li span{ margin-right:10px; }
    .news ul li p {display: block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
    .news ul li .tag {color:#aaa;}
    .news ul li .tag.date { padding:0; }
    .news ul li .tag.news { position: static; margin:0; }
    
    /*理財行事曆_表格*/
    .calendar_table.m_hide {display:none;}
    /*理財行事曆_小分類*/
    .calendar_type_box { display: flex; align-items: center;}
    .calendar_type_box span {flex:0 0 auto; margin-right: 5px;}
    .calendar_type_box select {flex:1 1 auto;}
    /*理財行事曆_清單*/
    .calendar .btnArea a {margin:0;}
    .event_box {flex-direction:column; padding:15px;}
    .event_box_info{ text-align: center; margin: 0 auto; color: #1b1b1b;}
    .event_box_info_img {margin:0 auto 10px;}
    .event_box_info p{ font-size: 20px; }
    .event_box_info .type_tag { left:calc(50% - 65px); font-size: 13px; }
    .event_box_close {  top:15px; right:15px;}
    .event_box_close a {width:20px; height:20px;}
    .event_box_detail { margin:0; font-size: 12px; line-height:1.3; color: #1b1b1b;}
    .event_box_detail h6 , .calendar_list .event_box_link a {font-size:14px;}
    .event_box_detail .time{ color: #1b1b1b; font-weight: normal; }
    .event_box_detail .time span { padding: 5px 15px;}
    .event_box_close .btn_close {width:25px; height:25px;}
    .event_box_link {background-size: auto 20px;}    
    /*日曆列表 活動_表格*/
    .calendar_event table { margin:30px 0 0 0; border:solid 1px #dfdfdf;}
    .calendar_event table th{ background-color:#dfdfdf; padding:10px 5px; font-weight:400;font-size:15px; border:none; }
    .calendar_event table td{ padding:10px 5px; text-align:center; font-size:15px; background: #fff; border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;}
    

    /*-------------------------月曆-------------------------
    /*日曆表格*/
    .calendar_month .thset th{ font-size:15px;}
    .calendar_month .tdset li{ height:50px;}
    .calendar_month .tdset li .day{ position:absolute;top:10px; left:50%; font-weight:bold; z-index:33; margin-left:-5px;}
    .calendar_month .tdset li .txt{ display:none;}
    .calendar_month .tdset li .event,
    .calendar_month .tdset li .event2{position:absolute; width:100%;height:50px;left:0; margin-left:0; top:0px;border-radius:0px; padding:0px;}
    .calendar_month .tdset li .event span,
    .calendar_month .tdset li .event2 span{ display:none;}
    .calendar_month .tdset li .event a,
    .calendar_month .tdset li .event2 a{display:block; color:#fff;width:100%;height:50px; overflow:hidden;}
    .calendar_month .tdset li.calendar_bg01,
    .calendar_month .tdset li.calendar_bg02,
    .calendar_month .tdset li.calendar_bg03,
    .calendar_month .tdset li.calendar_bg04,
    .calendar_month .tdset li.calendar_bg05 { color:#fff; background-color: #fff;}
    
    /*視頻分類*/
    .tag_box_list li{ width:33%; background-size:8px; background-position: 10px center;}
    .pop_video .close a {background-size: 100% auto;}

    /*營業據點*/
    .search_map .search_select_03 {display: block; margin-bottom: 10px;}
    .search_map .search_select_03 select {width:100%; margin-bottom: 10px;}
    .search_map .search_select_03 select:nth-last-child(1) {margin-bottom: 0;}

    /*img*/
    .picBox a{ display:block;}

    /*app列表*/
    .app_list li{border-bottom: 2px solid #97aec0; padding:10px; margin: 0 0 20px;}
    .app_list li:last-child{ padding-bottom: 10px; margin: 0;}
    .app_list p {margin-bottom:10px;}
    .app_list h3{ border-bottom: none; }
    .app_list .pic_box{ position: inherit; top:inherit; left: inherit; margin: 0 auto 10px auto;}
    .app_list .info_box{ display: block; width: 100%; min-height: auto; margin: 0 0 20px; padding:0; text-align: center;}
    .app_list .btn_box{ position:inherit; top: inherit; right:inherit; margin: 0 0 10px; text-align: center;}
    .app_list .btn_box a{ height: 50px; padding: 0 10px 0 60px; line-height: 50px; margin: 0 10px 10px;}
    .app_list .btn_box a.type2{ font-size: 16px;width: 200px;}
    .app_list .btn_box a.dw { background:url(../images/icon_btn_dw_3.png)0 center no-repeat; background-size: auto 50px;}
    .app_list .btn_box a.dw:hover { background:url(../images/icon_btn_dw_4.png)0 center no-repeat; background-size: auto 50px;}
    .app_list .btn_box a.go { background:url(../images/icon_btn_go_3.png)0 center no-repeat; background-size: auto 50px;}
    .app_list .btn_box a.go:hover { background:url(../images/icon_btn_go_4.png)0 center no-repeat; background-size: auto 50px;}
    .app_list.type2 li{margin: 0 0 20px; padding:10px 0 20px 0; }
    .app_list.type2 .info_box{ padding:0;}
    .app_list.type2 p {min-height:auto; margin-bottom:10px;}
    .app_list span.btn_box {display:none;}
    .app_list span.btn_box a.go, .app_list span.btn_box a.go:hover {height: 40px; padding: 0 15px 0 45px; line-height: 40px; background-size: auto 40px;}
    .app_list .info_btn { }
    .app_list .info_btn a{display: block; margin:0 auto 10px; width:100px; padding: 0 15px 0 35px; line-height: 40px; }
    .app_list.type3 p {margin-bottom: 10px;}

    /*公告*/
    .announce_box { padding:20px 15px 10px;}
    .announce_box p { line-height: 1.5em; }
    /*公告按鈕*/
    .btn_inline { margin:10px 0; padding:0; display: block; line-height: 35px; text-align: center;}

    /*登入*/
    .inner_box.login_box { width:calc(100% - 0px); height:auto; max-width: 100%; margin: 0px 0px; padding:30px 30px 20px; box-sizing: border-box;}
    .login_form {width:100%; margin:0 auto; text-align: left;}
    .login_form .btn_login a {width:100%;}
    /*登入說明*/
    .login_notice_box {display: block;}
    .login_notice_box > div {width:100%;}
    /*注意*/
    .login_attention_box { margin-top: 35px; padding: 30px 10px 10px 10px;}
    .login_attention_box .icon { position: absolute; top:-25px; left:calc(50% - 25px); }
    /*密碼*/
    .login_pw_box { display: block; padding-top: 20px; }
    .login_pw_box .pw_box {width:100%; margin-bottom: 20px; padding:20px; display: block; }
    .login_pw_box .pw_box h2 {margin-bottom: 20px;}
    .login_pw_box .pw_box ul {margin-bottom: 20px;}
    .login_pw_box .pw_box_03 { margin-bottom: 0;}
    .bt_warnings {width:100%;}
    /*舊的*/
    /*活動優惠列表*/
    .event_items ul li{ width:100%; float:none; padding:0;}

    /*優惠商店列表*/
    .store_items li{ height:100px; padding:0 0 55px 100px; margin-bottom:15px; border-bottom:1px solid #eaeaea; position:relative;}
    .store_items .pic{ width:90px; height:90px; position:absolute; left:0; top:0;}
    .store_items .pic img{ width:100%; height:auto;}
    .store_items a.btn{ width:100%; height:40px; line-height:42px; display:inline-block; right:0; top:inherit; bottom:10px; margin-top:0; box-sizing:border-box;}
    .store_items.type2 li{ height:auto; padding:0 0 10px 0; margin-bottom:15px; border-bottom:1px solid #eaeaea; position:relative;}
    .store_items.type2 li h6{ font-size:20px; font-weight:bold; text-align:center;}
    .store_items.type2 li p{ text-align:center;}
    .store_items.type2 .pic{ position:static; margin:0 auto 5px;}
    .store_items.type2 a.btn{ position:static;margin-top:10px; }

    /*loanFit*/
    .loanFit{ position:relative; padding:0 0 20px; background-color:#f8f8f8;}
    .loanFit a{ top:9px;}

    /*search result*/
    .s_result{ right:0; bottom:-35px;}

    /*taiwanBox*/
    .taiwanBox{ padding:60px 0 100px 0;}
    .taiwanBox .map{ position:relative; width:310px; height:310px; display:block; margin:0 auto; background-size:300px 310px;}
    .taiwanBox .map a.county{ font-size:13px;}
    .taiwanBox .map a.county.c01{ top:28px; left:-5px;}
    .taiwanBox .map a.county.c02{ top:2px; left:153px;}
    .taiwanBox .map a.county.c03{ top:16px; left:133px;}
    .taiwanBox .map a.county.c04{ top:33px; left:115px;}
    .taiwanBox .map a.county.c05{ top:48px; left:93px;}
    .taiwanBox .map a.county.c06{ top:70px; left:80px;}
    .taiwanBox .map a.county.c07{ top:91px; left:73px;}
    .taiwanBox .map a.county.c08{ top:114px; left:61px;}
    .taiwanBox .map a.county.c09{ top:138px; left:52px;}
    .taiwanBox .map a.county.c10{ top:160px; left:30px;}
    .taiwanBox .map a.county.c11{ top:174px; left:56px;}
    .taiwanBox .map a.county.c12{ top:192px; left:36px;}
    .taiwanBox .map a.county.c13{ top:217px; left:66px;}
    .taiwanBox .map a.county.c14{ top:249px; left:96px;}
    .taiwanBox .map a.county.c15{ top:199px; left:233px;}
    .taiwanBox .map a.county.c16{ top:130px; left:259px;}
    .taiwanBox .map a.county.c17{ top:111px; left:237px;}
    .taiwanBox .map a.county.c18{ top:61px; left:265px;}
    .taiwanBox .map a.county.c19{ top:33px; left:259px;}
    .taiwanBox .map a.county.c20{ top:2px; left:252px;}
    .taiwanBox .info{ position:absolute; bottom:10px; right:0; width:100%; border-left:1px solid #eaeaea; padding:0 20px;}
    .taiwanBox .info ul li{ float:left; width:50%; padding:3px 0;}
    .taiwanBox .info ul li span{ width:20px; height:20px; display:inline-block;  border-radius:99em; font-size:12px; color:#fff; text-align:center; margin:0 7px 0 0;}

    table.hoverType2 td{ padding:11px 5px;}

    table.map, table.map tbody, table.map th, table.map td, table.map tr { width:100%;  display: block;}
    table.map th{ width:auto;}
    table.map td{ width:auto; padding:11px 20px; border-right:1px solid #eaeaea;}
    table.map td .mark{ float:none; width:100%; display:inline-block; color:#0081cc;padding:0; margin:0 auto;}
    table.map td .info{ float:none; width:100%; display:block; text-align:center;padding:0; margin:0 auto;}
    /*保險系*/
    .lifeInsurance{ border:1px solid #eaeaea; margin:0 0 20px;}
    .lifeInsurance .topBox{ position:relative;  height:auto; padding:15px; background-color:#065ba3;}
    .lifeInsurance .topBox h6{ width:calc(100% - 115px);}
    .lifeInsurance .topBox p{ width:calc(100% - 115px); margin:0;}
    .lifeInsurance .topBox a{ top:0; bottom:0; width:70px; height:100%; padding:0 10px 0 35px; line-height:1.5; text-align:center;  color:#fff; background:#0081cc url(../images/icon_book.png) 10px center no-repeat; }
    .lifeInsurance .topBox a span{ position:absolute; top:50%; left:35px; width:70px; margin:-23px auto;}

    .insuranceList{}
    .insuranceList ul li{ position:relative; background-color:#fdfdfd;}
    .insuranceList ul li .fL{float:none; position: static;  width:100%; height:auto; margin:0 auto;}
    .insuranceList ul li .fR{ float:none; width:100%; height:auto;  border-left:none; padding:5px 0 0 ; margin:0 ; }

    .companyList li{ padding: 100px 0 10px 0 ; height:auto;}
    .companyList .pic{ width:200px; height:auto; top:0; left:50%; margin-left:-100px;}

    /*btnArea*/
    .btnArea{ padding:5px 0 15px 0;}
    .btnArea a{ width:100%; margin:3px 0;}

    .btnArea2{ text-align:center;}
    .btnArea2 a{ width:100%; height:38px; line-height:40px; margin:3px 0; box-sizing:border-box;}
    
    .btnArea3 { display: block;}
    .btnArea3 a{ width:100%; margin:0 0 10px; }

    /*備註事項*/
    .noticeBox{ background:url(../images/noticeBox_bg.png) repeat-x; padding-top:20px;}
    .noticeBox { font-size:16px;}

    /*bn_three*/
    .bn_three{ margin:0 0 20px 0;}
    .bn_three ul{ width:100%;  display:block;}
    .bn_three ul li{ width:100%;  cursor:pointer; overflow:hidden;}
    .bn_three ul li:nth-child(2){ margin:10px 0;}
    .bn_three ul li img{ width:100%; height:auto;}

    /**/
    .s_infoArea .info{ padding:10px;}

    /*海外分行*/
    .foreignBox{padding:5px 0 55px 0;}
    .foreignBox a.btn{ width:100%; bottom:5px; top:inherit; margin-top:0; box-sizing:border-box;}

    /*開戶流程圖*/
    .stepChart{ margin-bottom:10px;}
    .stepChart img{ width:100%; height:auto;}
    .stepChart img.pic4w{ display:none;}
    .stepChart img.pic4m{ display:inline-block;}

    /*服務條約書*/
    .contractBox{ padding:5px; height:250px;}
    .contractBox .contractNo{ float:inherit;}
    
    /*相關連結*/
    .box_download {display:block;}
    .box_download a{ width:100%; margin-bottom: 5px; font-size: 16px; }
    .box_border_title span {padding:0 20px;}
        

}
/*小網*/
@media screen and (max-width: 321px){

}