body{ background-color: #f7f7f7;}
.none{ display:none;}
/*形象大圖*/
/*.bn_inpage{ height: 170px; background-position: center top; background-size: cover;}*/
/*內容*/
.main_block{ display: none; width: 50%; min-height:100%; margin: 0 auto; position: relative; overflow: auto; padding: 10px 0 0; }

/*內容 - 右邊區塊*/
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;}
h6 {margin-bottom: 5px;}
.main_block .main_box{ float: left; position:relative; width: 100%;}
.main_block.single .main_box{ width: 100%;float: none;}
.main_block.single .login_pw_box { max-width: calc(100% - 40px);}
.bt_warnings {display: none;/*padding:20px;*/}
.main_box .inner_box{ /*background-color: #fff;*/margin-bottom:20px; 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;}
/*內容 */
.m_explanation{
margin: 0 auto 0 auto;
}
/*手機區塊*/
.on_line{
    background-color: #fff;
    position: relative;
    margin-top: 80px;
    margin-right: auto;/* 水平居中 */
    margin-left: auto;/* 水平居中 */
    margin-bottom: 40px;
    height: 45px;
    line-height: 40px; /* 垂直居中 */
                }
.on_line_s{
    background-color: #fff;
    position: relative;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px; 
    width: 100%;
    height: 45px;
    line-height: 42px; /* 垂直居中 */
                }

.on_line_Block{
    position:relative;
	margin: auto; /* 水平居中 */
    width: 260px;
    height: 45px;
    text-align: center; /* 水平居中 */
    font-size: medium;
    font-family: "微軟正黑體";} 


.on_line_Block_text{
    height: 38px;
    background-color: #fff;
    color: #036eb7;
    padding-top: 3px;
    padding-right: 10px;
    
    }


.on_line_Block_l{
    height: 45px;
    float: right; /* 左浮動 */
    margin: 0 0 0 0; /* 水平居中 */
    background-color: #b4b4b5;

}
.on_line_Block_c{
    float: right; /* 左浮動 */
    width: 60px;
    height: 45px;
    color: #fff;
    background-color: #b4b4b5;
    font-weight: bold;
}
.on_line_Block_r{
    float:right; /*右浮動 */
    padding-left:10px;
    padding-top: 6px;
}



.icon_refresh{
    width:100%; 
    height:50px; 
    background-position:center;
    background-image: url(../images/icon_refresh.png);}
.p_img {
    padding:0 0 0 0; 
    width:100%; 
    height:520px; 
    justify-content: center; 
    background-repeat: no-repeat; 
    background-color: #ffffff; 
    background-position:center;
    background-image: url(../images/phone_b.png); 
    max-width: 100%; 
    display: flex; 
    align-items: center;
}


/*卡片tab*/
.card_tab{ width:100%; box-sizing:border-box; margin: 0 0 20px;}

/*卡片目錄*/
.card_items{ margin: 80px 0 35px 0; 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 auto;; 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 18px/40px Arial, Helvetica, "微軟正黑體"; font-weight: normal; 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;}
.question ul li .operating { padding:0; }
.question ul li .operating .info p img{ display:inline-block; vertical-align:middle; margin:0 5px;}

/*explanation 新增*/
.explanation{  margin: 0 0 auto; overflow: hidden;}
.explanation ul li .operating {padding:15px 15px 15px 50px;line-height:1.5em;color:#313131;background-color:#eee;background-image:url(../images/icon_explanation.png);background-position:15px 13px;background-repeat:no-repeat}

/*共用*/

/*段落*/
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-weight:bold;}
p a{ color:#0081cc; text-decoration:underline;}
/*顏色*/
.red{ color:#e21f1f;}
.lightRed{ color:#ff4a53;}
.green {color:#24a75e;}
.gray{ color:#b2b2b2;}
.blue{ color:#0081cc;}
.darkBlue{ color:#065ba3;}
.lightBlue{ color:#00b7ee;}
.black{color:#222222;}
.orange{ color:#ec6a00;}
.brown{ color:#bb9157;}
.brown{ color:#bb9157;}
/**/
.bigT{ font-size:16px; font-weight:bold;}
.biggerT{ font-size:18px;}
.smallT{ font-size:14px;}
p.smallT{ line-height: 18px;}
/*間距*/
.butM{ margin:0 0 10px;}
.butM2{ margin:0 0 20px;}
.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;}
.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 tr:nth-child(odd) {background: #fafafa;}
table th{ border-right:1px solid #eaeaea; border-bottom:3px solid #c4b993;  background-color:#f8f8f8; color:#4c4c4c; text-align:center; font-size: 14px; padding:8px 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.word_wrap {word-break:break-all; word-wrap: break-word;}
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.paddingType2 th ,
table.paddingType2 td { height:40px; box-sizing: border-box; }
table.paddingType2 th { padding: 4px; }
table.paddingType2 td { padding: 8px 4px; line-height: 1.2em; }
table.paddingType2 p {line-height: 1.2em;}

/*營業據點*/
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; 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.1; 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;}
/*表格排序th樣式*/
table.table_order .order_ascend,
table.table_order .order_descend{ padding-right: 16px;}
table.table_order .order_ascend { background-image: url(../images/btn_order_01.png); background-position: calc(100% - 2px) center; background-repeat: no-repeat; }
table.table_order .order_descend { background-image: url(../images/btn_order_02.png); background-position: calc(100% - 2px) center; background-repeat: no-repeat; }

/*表格排序th樣式 沒有排序icon*/
.table_order2 th {cursor: pointer;}

/*img*/
.picBox{ position:relative; margin:0 0 24px 0;}
.picBox img{ max-width:100%; height:auto;}
.picBox a.zoom{ 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; }
.pic_icon {
    max-width: 100%;
    position:relative;
    width: 50px;
    height: 70px;
    margin: 0 auto 0 auto;
}/*jimmy新增*/

.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;}
.webcallicon{
    position: relative;
    margin: 0 auto 0 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 20px 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:#707070; color:#626262;}

/*操作說明 問題說明按鈕 新增*/
.btnArea4 { margin:0 auto 0 auto; padding:20px 20px 20px 20px ;text-align:center;} /*margin 外邊距*//*padding內邊距*/
.btnArea4 a:hover{ color:#bb9157; border-color:#bb9157;} /*按鈕滑動時文字顏色*/
.btnArea4 a{ width:165px; height:50px; line-height:52px; display:inline-block; margin:0 2px; text-align:center; color:#00A0E9; border:2px solid #00A0E9; border-radius:0px;transition: all 0.3s; opacity:1; font-size:large; outline:none;} 
.btnArea4 a.manual:hover{}
.btnArea4 a.lightBlue{ border-color:#00A0E9; color:#00A0E9; background:#00A0E9; text-align:center; color:#ffffff;}

.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 {float:right; margin-bottom:10px;}
.btnArea3 a {display: inline-block; padding:0 10px; line-height:30px; color:#fff; background: #179bdb;}
.btnArea3 input[type="checkbox"] + label ,
.btnArea3 input[type="radio"] + label{margin-right: 10px;}
.btnArea3 .btn_add span { padding-right: 5px; font-size: 18px; }

/*功能按鈕*/
.btn_function { flex:0 0 auto; display: flex; flex-direction: column; justify-content: center; margin:0 10px; }
.btn_function a { display: block; margin-bottom:10px; padding:0 10px; line-height: 30px; color:#fff; border-radius: 4px; transition: 0.5s;}
.btn_function .lightblue {background: #00b7ee;}
.btn_function .lightblue:hover {background: #009ac9;}
.btn_function .gray {background: #bbb;}
.btn_function .gray:hover {background: #999;}
.btn_function .darkgray {background: #777;}
.btn_function .darkgray:hover {background: #555;}

/*框線區塊*/
.trial_box { display: flex; justify-content: space-between; margin-bottom: 20px; padding:20px 20px 0; border: solid 1px #e4bc67; border-radius: 2px;}
.trial_box > div { width:calc(50% - 40px); }
.trial_box .table_trial {margin: 20px 0 10px; }
.trial_box .monthly_calendar {margin: -10px 0 0; }



/*頁面1000以內時*/
@media screen and (max-width: 1000px){
    .main_block{ width: 100%; min-height:100%; margin:0 auto; position: relative;  padding: 10px 0 0; }
}
/*頁面980以內時*/
@media screen and (max-width: 980px){
    .main_block{ width: 100%; min-height:100%; margin:0 auto; position: relative;  padding: 10px 0 0; }
    .main_block .main_box{ width: 100%;}

    /*按鈕*/
    .btnArea2 a{ width:auto; min-width:80px; padding:0 5px; height:30px; line-height:32px; display:inline-block;}

}
/*小網*/
@media screen and (max-width: 900px){
    table input[type="checkbox"] + label span { margin: -3px 5px 0 0; }
    .main_block{ width: 100%; min-height:100%; margin:0 auto; position: relative;  padding: 10px 0 0; }/*jimmy新增*/
    .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;}

}


/*小網*/
@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: 10 0 0;}*/
    .main_block{ width: 50%; min-height:100%; margin:0 auto; position: relative;  padding: 10px 0 0; }/*jimmy調整*/
    .main_block .main_box{ margin-top: 0; width: 100%;}
    /*.main_box .inner_box{ margin-bottom: 20px; padding: 20px;}*/

    .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%;}

    /*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;}

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

    /*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;}

    /*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;}
    
    }