@charset "UTF-8";
/* every page css*/

/*common setting*/
body{ font-family:'微軟正黑體','黑體',Helvetica; background-color:#f2ffff;}
.mt10{margin-top:10px;}
.row{ margin-right:0px; margin-left:0px;}
.Fl{ float:left}
.mr10{ margin-right:10px;}
.Notice{ color:#F00; font-size:1em; text-align:center;}
/*padding top right bottom left*/
.Con_setting01{ padding:15px 15px 0px 15px;}
.Con_setting02{ padding:0px 15px 0px 15px}
.Con_setting03{ padding:0px 15px 15px 15px}
.Con_setting04{ padding:0px 0px}
.Clear{ clear:both}

/*﹣﹣﹣單元設定﹣﹣﹣*/

/*hotnews_con*/
.fa-bullhorn{ color:#2d9ea0}
.HN2_con{ width:90%;border-bottom:2px #f00961 dotted;margin-left:24px; margin-top:10px;}
.HN2_con ul{ padding-left: 0;}
.HN2_con li{ display:block; float:left; padding-right:10px;}
.HN2_con .h01, .HN2_con .h02{ font-size:1.3em}
.HN2_con .h02{ color:#f00961}
.HN2_text{ width:90%; font-size:1.1em; line-height:24px;margin-left:24px; margin-top:8px;}
.HN2_text a{word-break: break-all;}

/*hotnews_list*/
.HN3_con table{ margin-top:10px; width:96%}
.HN3_con tr{ border-bottom:1px #179799 dotted;}
.HN3_con td{ font-size:1.2em; letter-spacing:1px;color:#f00961; background:none; text-align:left;}
.HN3_con a{ text-decoration:none; color:#2d9ea0; font-weight:bold}
.HN3_con a:hover{ color:#f00961;}
.HN3_con a div.date{ color:#f00961; margin-right:10px;}
.hideInfo{display:none;}
.fa-chevron-right{color:#179799; margin-top:4px; margin-right:8px;}

/*con02 quota*/
.con_Number, .con_Percentage, .stk_loan .update_time, 
.stk_loan .apply_info, .time_interval { text-align:left; font-size:1.18em; margin-bottom:10px;}
.con_Number .n01, .con_Percentage .n01, .con_Number .stk_l_04,
.apply_info .n01, .apply_info .n03, .time_interval .n01 { color:#2d9ea0; font-weight:bold; line-height:30px;}
.q_table .table-bordered  th.q01{ width:5%}
.q_table .table-bordered  th.q02{ width:30%}
.q_table .table-bordered  th.q03{ width:15%}
.q_table .table-bordered  th.q04{ width:15%}
.q_table .table-bordered  th.q05{ width:20%}
.q_table .table-bordered  th.q06{ width:15%}
.inputNum input{ width:50%}

/*賣股還款*/
.loan_sell_table .loan-sell-table-bordered  th.s01{ width:10%}
.loan_sell_table .loan-sell-table-bordered  th.s02{ width:30%}
.loan_sell_table .loan-sell-table-bordered  th.s03{ width:20%}
.loan_sell_table .loan-sell-table-bordered  th.s04{ width:20%}
.loan_sell_table .loan-sell-table-bordered  th.s05{ width:20%}
.loan_sell_setting{ padding: 30px 15px 15px 15px;}
.loan-sell-table-bordered>thead>tr>th, .loan-sell-table-bordered>tbody>tr>th, .loan-sell-table-bordered>tfoot>tr>th, .loan-sell-table-bordered>thead>tr>td, .loan-sell-table-bordered>tbody>tr>td, .loan-sell-table-bordered>tfoot>tr>td{border:1px #3e9799 solid}

/*賣股還款 order*/
.loan_sell_order{border-style:solid;border-color:#3e9799;border-width:1px;}
.loan_sell_order label{font-weight: normal;margin:0px}
.loan_sell_order div{color:#000000;font-size:1.2em;text-align:center;display:flex;justify-content:center;align-items:center;}
.loan_sell_order div{background-color:#d9f7d3;}
.loan_sell_order div{height:55px;}
.loan_sell_order div:not(:last-child){border-bottom-style:solid;border-color:#3e9799;border-width:1px;}
.loan_sell_order_input_type{width:150px}

/*申請額度試算*/
li.Spreadsheets a{ margin-left:-50px;}
.Spreadsheets{ letter-spacing:7px;}s
.Apply_credit{ text-align:left}


/*con04*/
.applyPrice{ font-size:1.5em; color:#e50967}

#infoDiv1{
	line-height: 1.5em;
	margin-top: 10px;
	margin-bottom: 10px;
}
#infoDiv2, #infoDiv3{
	line-height: 1.5em;
}

/*con6*/
.App_con { width:95%; margin:0 auto;}
.App_con .a02{ font-size:3.5em; text-align:center; color:#217c7e}
.App_con .a01{ text-align:center; line-height:34px;color:#FFF; font-size:1.3em; letter-spacing:1px;}
.App_con .a011{ text-align:center; line-height:34px;color:#FFF; font-size:1.3em; letter-spacing:1px;}
.App_con .a012{ text-align:center; line-height:34px;color:#FFF; font-size:1.3em; letter-spacing:1px;}



.App_con .a01, .App_con .a011, .App_con .a012{background: rgb(89,220,222); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(89,220,222,1) 0%, rgba(66,180,182,1) 48%, rgba(4,138,140,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(89,220,222,1) 0%,rgba(66,180,182,1) 48%,rgba(4,138,140,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(89,220,222,1) 0%,rgba(66,180,182,1) 48%,rgba(4,138,140,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59dcde', endColorstr='#048a8c',GradientType=0 ); /* IE6-9 */
border:2px #3e9799 solid; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;box-shadow:4px 4px 3px rgba(10%,10%,40%,0.3); margin-bottom:10px;}

.App_con .a03{ font-size:1.8em; letter-spacing:1px; text-shadow:2px 2px #217273;}

.App_con .a04{text-align:center; line-height:34px;color:#FFF; font-size:1.3em; letter-spacing:1px;
background: rgb(248,144,184); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(248,144,184,1) 0%, rgba(240,9,97,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(248,144,184,1) 0%,rgba(240,9,97,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(248,144,184,1) 0%,rgba(240,9,97,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f890b8', endColorstr='#f00961',GradientType=0 ); /* IE6-9 */
box-shadow:4px 4px 3px rgba(10%,10%,40%,0.3);
border:2px #ca0d55 solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.App_con .a05{ color:#fffc00; font-size:1.8em;}


/*App_con2*/
.App_con2 { width:95%; margin:0 auto;}
.App_con2 .a01{ padding:10px 8px;margin-top:10px; margin-bottom:20px;text-align:center; line-height:30px; color:#FFF; font-size:1.3em;letter-spacing:1px; height:106px}

.App_con2 .a01, .App_con2 .a03{
background: rgb(248,144,184); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(248,144,184,1) 0%, rgba(240,9,97,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(248,144,184,1) 0%,rgba(240,9,97,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(248,144,184,1) 0%,rgba(240,9,97,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f890b8', endColorstr='#f00961',GradientType=0 ); /* IE6-9 */
box-shadow:4px 4px 3px rgba(10%,10%,40%,0.3);border:2px #ca0d55 solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.App_con2 .a03{ margin-top:10px;margin-bottom:20px;text-align:left; line-height:24px;color:#FFF; font-size:1.1em;padding:4px 8px;}
.App_con2 .a03 li{ list-style-type:none; font-size:1.2em; line-height:30px;}
.App_con2 .a03 input{ margin-right:4px;}
.App_con2 .a04{ font-size:1.8em; letter-spacing:1px;  color:#fffc00; text-shadow:3px 3px #A24367;}
.App_con2 .a05{ font-size:1.8em; letter-spacing:1px;  color:#2a2a2a;}
.App_con2 .a05 input{ margin-right:4px;}
.Mr10{ margin-right:10px;}

.App_con2 { width:95%; margin:0 auto;}
.App_con2 .a01{ padding:10px 8px;margin-top:10px; margin-bottom:20px;text-align:center; line-height:30px; color:#FFF; font-size:1.3em;letter-spacing:1px; height:106px}

/*app_con3*/
.App_con3 .a01, .App_con2 .a03{
background: rgb(98,211,202); 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyZDNjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTkzOTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(98,211,202,1) 0%, rgba(37,147,146,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(98,211,202,1) 0%,rgba(37,147,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(98,211,202,1) 0%,rgba(37,147,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62d3ca', endColorstr='#259392',GradientType=0 ); /* IE6-8 */
border:2px #40acae solid;box-shadow:4px 4px 3px rgba(10%,10%,40%,0.3);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}

.App_con3 .a03{ margin-top:10px;margin-bottom:20px;text-align:left; line-height:24px;color:#FFF; font-size:1.1em;padding:4px 8px;}
.App_con3 .a03 li{ list-style-type:none; font-size:1.2em; line-height:30px;}
.App_con3 .a03 input{ margin-right:4px;}
.App_con3 .a04{ font-size:2.8em; letter-spacing:2px;  color:#fffc00; text-shadow:2px 2px #216361; margin-top:4px; font-weight:bold; line-height:50px;}
.App_con3 .a05{ font-size:1.3em; letter-spacing:1px;  color:#2a2a2a;}
.App_con3 .a05 input{ margin-right:4px; width:120px;}
.App_con3 .a05 p{ font-size:0.9em}
.App_con3 .a06{ font-size:1.6em;color:#fffc00}

.App_con3 { width:95%; margin:0 auto;}
.App_con3 .a01{ padding:10px 8px;margin-top:10px; margin-bottom:20px;text-align:center; line-height:30px; color:#FFF; font-size:1.3em;letter-spacing:1px; height:106px}


/*App_con4*/
.App_con4 { width:95%; margin:0 auto;}
.App_con4 .a02{ font-size:3.5em; text-align:center; color:#217c7e}
.App_con4 .a01{ text-align:center; line-height:34px;color:#424242; font-size:1.3em; letter-spacing:1px;}
.App_con4 .a011{ text-align:center; line-height:34px;color:#424242; font-size:1.3em; letter-spacing:1px;}
.App_con4 .a012{ text-align:center; line-height:34px;color:#ffffff; font-size:1.3em; letter-spacing:1px;}
.App_con4 .a01, .App_con4 .a011{
background: rgb(255,255,255); /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(222,222,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(222,222,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 ); /* IE6-8 */
border:2px #bbbbbb solid; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;box-shadow:4px 4px 3px rgba(10%,10%,40%,0.3); margin-bottom:10px;}

.App_con4 .a012{background: rgb(98,211,202); 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyZDNjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTkzOTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(98,211,202,1) 0%, rgba(37,147,146,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(98,211,202,1) 0%,rgba(37,147,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(98,211,202,1) 0%,rgba(37,147,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62d3ca', endColorstr='#259392',GradientType=0 ); /* IE6-8 */
border:2px #40acae solid;box-shadow:4px 4px 3px rgba(10%,10%,40%,0.3);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}


.App_con4 .a03{ font-size:1.8em; letter-spacing:1px;color:#0d787a;}
.App_con4 .a04{text-align:center; line-height:34px; font-size:1.3em; letter-spacing:1px;
background: rgb(248,144,184); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(248,144,184,1) 0%, rgba(240,9,97,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(248,144,184,1) 0%,rgba(240,9,97,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(248,144,184,1) 0%,rgba(240,9,97,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f890b8', endColorstr='#f00961',GradientType=0 ); /* IE6-9 */
box-shadow:4px 4px 3px rgba(10%,10%,40%,0.3);
border:2px #ca0d55 solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.App_con4 .a05{ color:#fffc00; font-size:1.8em;text-shadow:3px 3px #216361;}
.btn-group .btn-default.active { background-image:url(../images/check.png); background-position:left; background-repeat:no-repeat;}
.App_con5 { width:95%; margin:0 auto;}
.App_con5 .btn-default:hover, .App_con5 .btn-default:focus, .App_con5 .btn-default:active, .App_con5 .btn-default.active, .App_con5 .open .App_con5 .dropdown-toggle.btn-default{ background-color:#38a7a3; color:#FFFfff}
.btn{ padding:6px 30px;}
.btn-group .btn-default{background-image:url(../images/ncheck.png); background-position:left; background-repeat:no-repeat;}


/*App_con5*/

/*con07*/
.con_Number .n03 a, .update_time .n03 a, .apply_info .n05 a,
.time_interval .n03 a { margin-left:2px; padding:4px 6px; background: rgb(89,220,222); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(89,220,222,1) 0%, rgba(66,180,182,1) 48%, rgba(4,138,140,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(89,220,222,1) 0%,rgba(66,180,182,1) 48%,rgba(4,138,140,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(89,220,222,1) 0%,rgba(66,180,182,1) 48%,rgba(4,138,140,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59dcde', endColorstr='#048a8c',GradientType=0 ); /* IE6-9 */
border:1px #3e9799 solid; color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-size:0.9em;}

.con_Number .n03 a:hover, .update_time .n03 a:hover, .apply_info .n05 a:hover,
.time_interval .n03 a:hover {background: rgb(4,138,140); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(4,138,140,1) 0%, rgba(66,180,182,1) 41%, rgba(89,220,222,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(4,138,140,1) 0%,rgba(66,180,182,1) 41%,rgba(89,220,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(4,138,140,1) 0%,rgba(66,180,182,1) 41%,rgba(89,220,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#048a8c', endColorstr='#59dcde',GradientType=0 ); /* IE6-9 */; text-decoration:none;}

.con_Number .n04{ font-size:0.9em; line-height:24px; color:#666}


/*con08*/
.Table_list, .Table_con, .Table_con_n, .Table_con_f{ display:none;}
.Web_table td{ color:#22696b}
.Web_table .t01{ color:#22696b}
.Web_table .t02{ background-color:#f00961; color:#ffffff; padding:4px 10px;}

.Web_table .t03{ color:#22696b}
.Web_table .t031{ background-color:#2c898b; color:#FFF}

.Web_table .t04{ color:#22696b}
.Web_table .t041{ background-color:#696969; color:#FFF}



/*con09*/
.Sign_contract td, .Sign_contract th{ height:65px;}
.Sign_contract .s01{ width:45%}
.Sign_contract .s02{ width:55%}


/*loandesc*/
.loan_sub{ font-size:1.3em; color:#3e3e3e; font-weight:bold; margin-left:26px;}
.loan_text{ font-size:1.3em; color:#3e3e3e;margin-left:50px; line-height:36px; margin-top:10px; font-weight:bold; letter-spacing:1px;}
.loan_mark{ font-size:1.35em; color:#2d9ea0; font-weight:bold;letter-spacing:1px;}
.loan_icon .L01, .loan_icon .L02{ clear:both; margin-left:10px;}
.loan_icon.intro .L01, .loan_icon.intro .L02{ position:relative; left:50%; margin: 0; padding: 0;}
.loan_icon .L01 li{ list-style-type:none; margin:10px 0px; display:block; float:left;}
.loan_icon .L02 li{ list-style-type:none; margin:10px 0px; display:block; float:left;}
.Con_setting03.intro .loan_sub{ display: block; position: relative; left: 50%; text-align: center; padding: 10px 0; margin: 0;}

/*note*/
.openNote, .closeNote{ margin-top:20px;text-align:center; font-weight:bold; background: #CCC; color:#212121; line-height:30px; padding-left:10px; width:100%}
.fa-caret-down, .fa-caret-up{ padding:0px 5px;}


/*﹣﹣﹣共用元素設定﹣﹣﹣*/

/*標題*/
.fr{ color:#f00961}
.con_Title{ font-size:1.8em; color:#f00961; font-weight:bold;}
.fa-pencil-square-o{ color:#2d9ea0; margin-right:2px;}

/*STEP*/
.con_Step{ text-align:right;}
/* .con_Step ul{ margin-left:-50px;} */
.con_Step li{ display:inline; list-style-type:none; margin-right:10px; font-size:1em; line-height:24px;}
.con_Step li.s01{ background-color:#f00961; color:#ffffff;padding:4px 10px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px; letter-spacing:1px;}
.con_Step li.s02{ color:#e50967}
.con_Step li.s03{ color:#2d9ea0; font-size:1.4em;}
span.s04{ margin-right:2px;}
.con_Step, .con_Title{ margin-bottom:10px;}
.phone_top_bg, .phone_top_bg img, .pad_top_bg, .pad_top_bg img{ display:none}
.top_bg img{ width:100%}

/*table*/ 
.con_Table .table { width:70%;}
.table_note{ width:100%; font-size:1.2em;letter-spacing:1px; padding: 10px 0;}
.table_note2{ width:100%; text-align:left; font-size:1.3em; line-height:30px; letter-spacing:1px; padding:10px 10px; clear:both}
table{ margin:0 auto;}
.table-bordered{ border:2px #3e9799 solid; width:100%}
.loan-sell-table-bordered{ border:2px #3e9799 solid;width:100%;}
th, td{ height:46px; text-align:center; font-size:1.2em; }
td{ background-color:#ffffff;}
th{ background-color:#d6e8e8; color:#2c898b ;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{border:1px #3e9799 solid}
.q_table .table-bordered  th.q01,.table-bordered>thead>tr>td.q01, .table-bordered>tbody>tr>td.q01, .table-bordered>tfoot>tr>td.q01{border:2px #3e9799 solid;display: none;}
td{ color:#000000;}


/*確認申辦*/
.con_notice div{ text-align:center;}
.con_notice .n01{ background-color:#2d9ea0; color:#ffffff; font-size:1.1em;height:36px; line-height:36px}
.con_notice .n023{
background: #ffffff; 
background: -moz-linear-gradient(top,  #ffffff 32%, #dbffff 99%); 
background: -webkit-linear-gradient(top,  #ffffff 32%,#dbffff 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 32%,#dbffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbffff',GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #41d2d2; padding:5% 0px}
.con_notice .n02{ color:#F00; font-size:1.2em; line-height:24px;}
.con_notice .n03{ font-size:1em;height:30px; line-height:30px}
.n04, .apply_info .n06 { font-size:1em; color:#F00; text-align:center; height:34px}


/*btn_setting*/
.btn_area{ margin-top:20px;text-align:center; clear:both}
.btn_area .Gbtn a.disabled{
	cursor: default;
	border-color: #ccc;
	color: #aaa;
	background: -moz-linear-gradient(top, #ededed 0%, #dddddd 95%); /* FF3.6-15 */
	/* background: -webkit-linear-gradient(top, #ededed 0%, #dddddd 95%); */ /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ededed 0%, #dddddd 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
.btn_area li{ display:inline; margin-right:10px;} 
.btn_area2{ margin-top:15px;text-align:center; clear:both}
.btn_area2 li{ display:inline; margin-right:10px;} 

li.Gbtn a{
background: rgb(89,220,222); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(89,220,222,1) 0%, rgba(66,180,182,1) 48%, rgba(4,138,140,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(89,220,222,1) 0%,rgba(66,180,182,1) 48%,rgba(4,138,140,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(89,220,222,1) 0%,rgba(66,180,182,1) 48%,rgba(4,138,140,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59dcde', endColorstr='#048a8c',GradientType=0 ); /* IE6-9 */
border:1px #3e9799 solid; padding:10px 50px;color:#FFF; text-decoration:none;-webkit-border-radius: 10px;-moz-border-radius: 10px;
border-radius: 10px;font-size:1.2em; line-height:50px;}

li.Gbtn a:hover{
background: rgb(4,138,140); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(4,138,140,1) 0%, rgba(66,180,182,1) 41%, rgba(89,220,222,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(4,138,140,1) 0%,rgba(66,180,182,1) 41%,rgba(89,220,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(4,138,140,1) 0%,rgba(66,180,182,1) 41%,rgba(89,220,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#048a8c', endColorstr='#59dcde',GradientType=0 ); /* IE6-9 */
padding:10px 50px;color:#FFF; text-decoration:none;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size:1.2em; line-height:50px;}

li.Gbtn2 a{
background: rgb(89,220,222); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(89,220,222,1) 0%, rgba(66,180,182,1) 48%, rgba(4,138,140,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(89,220,222,1) 0%,rgba(66,180,182,1) 48%,rgba(4,138,140,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(89,220,222,1) 0%,rgba(66,180,182,1) 48%,rgba(4,138,140,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59dcde', endColorstr='#048a8c',GradientType=0 ); /* IE6-9 */
border:1px #3e9799 solid; padding:10px 10px;color:#FFF; text-decoration:none;-webkit-border-radius: 10px;-moz-border-radius: 10px;
border-radius: 10px;font-size:1.2em; line-height:30px;}

li.Gbtn2 a:hover{
background: rgb(4,138,140); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(4,138,140,1) 0%, rgba(66,180,182,1) 41%, rgba(89,220,222,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(4,138,140,1) 0%,rgba(66,180,182,1) 41%,rgba(89,220,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(4,138,140,1) 0%,rgba(66,180,182,1) 41%,rgba(89,220,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#048a8c', endColorstr='#59dcde',GradientType=0 ); /* IE6-9 */
padding:10px 10px;color:#FFF; text-decoration:none;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size:1.2em; line-height:30px;}


li.Graybtn a{
background: rgb(175,175,175); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(175,175,175,1) 0%, rgba(127,127,127,1) 54%, rgba(87,87,87,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(175,175,175,1) 0%,rgba(127,127,127,1) 54%,rgba(87,87,87,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(175,175,175,1) 0%,rgba(127,127,127,1) 54%,rgba(87,87,87,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#575757',GradientType=0 ); /* IE6-9 */
border:1px #767676 solid;padding:10px 50px;color:#FFF; text-decoration:none;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size:1.2em; line-height:30px;}

li.Graybtn a:hover{
background: rgb(87,87,87); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(87,87,87,1) 0%, rgba(127,127,127,1) 54%, rgba(175,175,175,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(87,87,87,1) 0%,rgba(127,127,127,1) 54%,rgba(175,175,175,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(87,87,87,1) 0%,rgba(127,127,127,1) 54%,rgba(175,175,175,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#afafaf',GradientType=0 ); /* IE6-9 */
border:1px #767676 solid;padding:10px 50px;color:#FFF; text-decoration:none;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size:1.2em; line-height:30px;}

li.Graybtn2 a{
background: rgb(175,175,175); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(175,175,175,1) 0%, rgba(127,127,127,1) 54%, rgba(87,87,87,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(175,175,175,1) 0%,rgba(127,127,127,1) 54%,rgba(87,87,87,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(175,175,175,1) 0%,rgba(127,127,127,1) 54%,rgba(87,87,87,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#575757',GradientType=0 ); /* IE6-9 */
border:1px #767676 solid;padding:10px 30px;color:#FFF; text-decoration:none;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size:1.2em; line-height:30px;}

li.Graybtn2 a:hover{
background: rgb(87,87,87); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(87,87,87,1) 0%, rgba(127,127,127,1) 54%, rgba(175,175,175,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(87,87,87,1) 0%,rgba(127,127,127,1) 54%,rgba(175,175,175,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(87,87,87,1) 0%,rgba(127,127,127,1) 54%,rgba(175,175,175,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#afafaf',GradientType=0 ); /* IE6-9 */
border:1px #767676 solid;padding:10px 30px;color:#FFF; text-decoration:none;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size:1.2em; line-height:30px;}


li.Pinkbtn a{
background: rgb(240,9,97); 
background: -moz-linear-gradient(top,  rgba(240,9,97,1) 32%, rgba(188,7,76,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(240,9,97,1) 32%,rgba(188,7,76,1) 100%);
background: linear-gradient(to bottom,  rgba(240,9,97,1) 32%,rgba(188,7,76,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00961', endColorstr='#bc074c',GradientType=0 ); /* IE6-9 */
border:1px #b51150 solid;padding:10px 50px;color:#FFF; text-decoration:none;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size:1.2em; line-height:30px; }


li.Pinkbtn a:hover{
background: rgb(188,7,76); 
background: -moz-linear-gradient(top,  rgba(188,7,76,1) 1%, rgba(240,9,97,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(188,7,76,1) 1%,rgba(240,9,97,1) 100%);
background: linear-gradient(to bottom,  rgba(188,7,76,1) 1%,rgba(240,9,97,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc074c', endColorstr='#f00961',GradientType=0 ); /* IE6-9 */
border:1px #b51150 solid;padding:10px 50px;color:#FFF; text-decoration:none;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size:1.2em; line-height:30px;}

/*活用金介紹*/
.ui-widget{ font-size:1.3em;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ background-color:#37aeb1; color:#FFF; border:1px #169396 solid}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ border:1px #169396 solid; color:#168385}
.ui-state-active{ color:#FFF; background-color:#37aeb1}

.ui-widget-content{ background-color:#FFF;}
.ui-accordion .ui-accordion-content{ padding:10px 4px; font-size:1em; line-height:30px;}
.ui-widget{font-family:'微軟正黑體','黑體',Helvetica; background-color:#f2ffff;}
.ui-accordion .ui-accordion-content li{ margin-bottom:10px;}
.ui-accordion-content li.title{ font-weight:bold; color:#158284}
.title{ font-weight:bold; color:#1aa3a6}
.ui-state-active{ background:none}
.ui-state-default{
background: rgb(108,201,203); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(108,201,203,1) 0%, rgba(27,163,165,1) 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(108,201,203,1) 0%,rgba(27,163,165,1) 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(108,201,203,1) 0%,rgba(27,163,165,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cc9cb', endColorstr='#1ba3a5',GradientType=0 ); /* IE6-9 */
color:#ffffff;

}
.qrcode { text-align: center;}
.Con_setting03.intro{ float:right; position:relative; left:-50%; text-align:left;}
.Con_setting03.intro .Flow{ position: relative; left: 50%; text-align: center;}

.update_time {right: 1px;padding-right: 25px;font-size:14; line-height: 1.5em;}

/*   T+0借款   */
.container.stk_loan .Con_setting02 { position: relative}
.stk_loan .con_Number .stk_l_04, .apply_info .n03.item { padding-left: 1em}
.stk_loan .con_Number, .stk_loan .apply_info, .stk_loan .update_time {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	line-height: 30px;
}
.con_Number .item, .apply_info .item { padding-right: 6px}
.apply_info { margin-bottom: 15px}
.apply_info .n02 { font-weight: bold}
.apply_info .n02 input, .apply_info .n04 select { width: 160px; height: 32px}
.apply_info .n02 input { width: 120px; margin-right: 8px}
.apply_info .n04 select { color: #333; width: 180px}
.apply_info .n05 a { padding: 5px 16px}
.apply_info .n05 a.disabled {
	cursor: default;
	border-color: #ccc;
	color: #aaa;
	background: -moz-linear-gradient(top, #ededed 0%, #dddddd 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ededed 0%, #dddddd 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ededed 0%, #dddddd 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
.apply_info .n06 { text-align: left}
.stk_loan .update_time {
	position: absolute;
	top: 0;
	right: 0;
	justify-content: flex-end;
	padding: 0 15px;
}
.update_time .newest_time { color: #027ce4; padding: 0 8px}
.stk_loan .loan_sell_setting,
.stk_loan_history .loan_sell_setting { padding-top: 20px; padding-bottom: 20px}
.stk_loan .loan-sell-table-bordered, 
.stk_loan_history .loan-sell-table-bordered { width: 1020px}
.stk_loan .loan-sell-table-bordered  th.s01,
.stk_loan_history .loan-sell-table-bordered  th.s01 { width: 180px}
.stk_loan .loan-sell-table-bordered  th.s02, .stk_loan .loan-sell-table-bordered  th.s05,
.stk_loan_history .loan-sell-table-bordered  th.s02, .stk_loan_history .loan-sell-table-bordered  th.s05 { width: 200px}
.stk_loan .loan-sell-table-bordered  th.s03, .stk_loan .loan-sell-table-bordered  th.s04,
.stk_loan_history .loan-sell-table-bordered  th.s03, .stk_loan_history .loan-sell-table-bordered  th.s04 { width: 160px}
.stk_loan .loan-sell-table-bordered  th.s07,
.stk_loan_history .loan-sell-table-bordered  th.s07 { width: 120px}
.stk_loan .loan-sell-table-bordered  td,
.stk_loan_history .loan-sell-table-bordered  td { padding: 8px 5px}
.time_interval .n02 input { width: 156px}
.time_interval .n02 input.date_start { margin-right: 8px}
.time_interval .n02 input.date_end { margin-left: 8px}


#note{
	padding: 5px 15px;
	float: none;
}
#note ul li{
	line-height: 1.5em;
}

@media only screen and (max-width: 1600px) {
	.loan_sell_order{margin: 0px 200px 0px 200px}
}

@media only screen and (max-width: 1024px) {
.container{ width:100%}
.con_Table .table{ width:70%;}	
}


@media (min-width: 992px) {
	.container{ 
		width:100%;
		max-width: 1200px;
	}	
}
	
@media only screen and (max-width: 923px) {
	.loan_sell_order{margin: 0px 100px 0px 100px}
}

@media only screen and (max-width: 864px) {
	.con_Step{text-align:left;}	
}
	

@media only screen and (max-width: 869px) {
	.con_Step{ text-align:right;}	
}

@media only screen and (max-width: 880px) {
	/*  T+0借款 : 查詢時間與金額重疊 */
	.stk_loan .update_time {
		position: relative;
		display: block;
		justify-content: flex-start;
		padding: 0;
	}
}	

@media only screen and (max-width: 768px) {
	.container{ width:100%}
	.con_Step{ text-align:center;}
	.con_Table .table { width:95%;}
    .table_note{ width:100%;}
	.App_con2 .a01, .App_con3 .a01{ padding:10px 8px;}
	.App_con3 .a05 p{ font-size:0.8em}
	.btn-group>.btn{ width:50%; height:40px; line-height:30px; text-align:left;}
	
	.con_Number .n01, .con_Number .n02{ letter-spacing:1px;}
	.pad_top_bg{ display:inherit;
     background: rgb(177,227,227); /* Old browsers */
     background: -moz-linear-gradient(top,  rgba(177,227,227,1) 0%, rgba(222,243,243,1) 17%, rgba(255,255,255,1) 52%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  rgba(177,227,227,1) 0%,rgba(222,243,243,1) 17%,rgba(255,255,255,1) 52%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  rgba(177,227,227,1) 0%,rgba(222,243,243,1) 17%,rgba(255,255,255,1) 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1e3e3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}	
	.pad_top_bg img{ display:inherit;width:100%; height:auto}
	.top_bg, .top_bg img{ display:none;}
	
	/*step*/
	.con_Step{ text-align:right; }
	
	/*Hotnews list*/
	.HN3_con .L01{ display:}
	
	/*date setting*/
	.HN3_con td{ line-height:28px;}
	.HN3_con .Fl{ float:none;display: table-row-group;}
	
	/*loanDesc*/
	.loan_sub{ font-size:1.3em; color:#3e3e3e; font-weight:bold; margin-left:26px;}
	.loan_text{ font-size:1.3em; color:#3e3e3e;margin-left:26px; line-height:36px; margin-top:10px; font-weight:bold;}
	.loan_mark{ font-size:1.35em; color:#2d9ea0; font-weight:bold;}
	.loan_icon{ clear:both}
	.loan_icon .L01 ul, .loan_icon .L02 ul{  margin-left:10px; float:left;}
	.loan_icon .L01 li{ list-style-type:none; margin:10px 10px; display:block; float:none;}
	.loan_icon .L02 li{ list-style-type:none; margin:10px 10px; display:block; float:none;}
	
	/*note*/
	.openNote, .closeNote{ line-height:40px; font-size:1em;}
	
	}
	
@media only screen and (max-width: 767px) {
	.App_con, .App_con2, .App_con4{ width:90%}
	.App_con .a01{ margin:10px 0px;}
    .App_con .a02, .App_con4 .a02{ display:none;}
	.App_con3 .a05 p{ font-size:1em}
	.App_con2 .a01, .App_con3 .a01{ padding:14px 8px; height:120px; letter-spacing:0px;}
	
	.pad_top_bg{ border-bottom:8px #2d9ea0 solid}
	
	/*step*/
	.con_Step{ text-align:left;font-size:1.2em; margin-left:10px;}
	
	.App_con .a01, .App_con .a011, .App_con4 .a01, .App_con4 .a011{ width:48%;}
    .App_con .a03, .App_con4 .a03{ font-size:1.3em;}
    .App_con .a01, .App_con4 .a01{ margin-right:3.8%}
	.hi{ display:none}
		
	}


@media only screen and (max-width: 618px) {
	/*step*/
	.con_Step{ text-align:left;font-size:1em; margin-left:10px;}
	
	}


@media only screen and (max-width: 608px) {	
.Web_table{ display:none;}
.Table_con, .Table_list, .Table_con_n, .Table_con_f { display:table}

/*con8*/
.Table_list td{background-color:#267476;color:#ffffff; font-size:1em;text-align:center; }
.wsetting td, .wsetting th{ width:33%}
.Table_con {
background: rgb(255,255,255); 
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 33%, rgba(214,232,232,1) 94%, rgba(195,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 33%,rgba(214,232,232,1) 94%,rgba(195,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 33%,rgba(214,232,232,1) 94%,rgba(195,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c3e5e5',GradientType=0 ); /* IE6-9 */
border-bottom:1px #3e9799 solid; width:100%}

.Table_con table, .Table_con td, .Table_con_n table, .Table_con_n td, .Table_con_f table, .Table_con_f td{ background:none;}
.Table_con td, .Table_con_n td, .Table_con_f td{ padding:2px 2px; height:30px; border-right:1px #d6e8e8 solid}
.Table_con .t01{ font-size:1em; color:#22696b}
.Table_con .t02{ font-size:1.2em;color:#22696b;}
.Table_con .t03{ font-size:1em; color:#22696b}
.Table_con .t04{ font-size:0.9em;color:#FFFFFF; background:rgba(240,9,97,0.8);-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; padding:4px 8px;}
.Table_con .t05, .Table_con .t06{ font-size:1.5em; color:#22696b}
.Table_con .t07{font-size:1em;color:#22696b}

/*審核中*/
.Table_con_n { background: rgb(255,255,255); 
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 33%, rgba(214,232,232,1) 94%, rgba(195,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 33%,rgba(214,232,232,1) 94%,rgba(195,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 33%,rgba(214,232,232,1) 94%,rgba(195,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c3e5e5',GradientType=0 ); /* IE6-9 */
border-bottom:1px #3e9799 solid; width:100%}

.Table_con_n .t01{ font-size:1em; color:#22696b}
.Table_con_n .t02{ font-size:1.2em;color:#22696b}
.Table_con_n .t03{ font-size:1em; color:#22696b}
.Table_con_n .t04{ font-size:0.9em;color:#FFFFFF; background:#2c898b;-webkit-border-radius: 10px;
-moz-border-radius: 10px;border-radius: 10px; padding:4px 8px;}

.Table_con .t08{ font-size:0.9em;color:#FFFFFF; background:#696969;-webkit-border-radius: 10px;
-moz-border-radius: 10px;border-radius: 10px; padding:4px 8px;}

.Table_con_n .t05, .Table_con_n .t06{ font-size:1.5em; color:#22696b}
.Table_con_n .t07{font-size:1em;color:#22696b}


/*審核失敗*/
.Table_con_f { background: rgb(255,255,255); 
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 33%, rgba(214,232,232,1) 94%, rgba(195,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 33%,rgba(214,232,232,1) 94%,rgba(195,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 33%,rgba(214,232,232,1) 94%,rgba(195,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c3e5e5',GradientType=0 ); /* IE6-9 */
border-bottom:1px #3e9799 solid; width:100%}

.Table_con_f .t01{ font-size:1em; color:#22696b}
.Table_con_f .t02{ font-size:1.2em;color:#22696b}
.Table_con_f .t03{ font-size:1em; color:#22696b}
.Table_con_f .t04{ font-size:0.9em;color:#FFFFFF; background:#696969;-webkit-border-radius: 10px;
-moz-border-radius: 10px;border-radius: 10px; padding:4px 8px;}

.Table_con_f .t05, .Table_con_n .t06{ font-size:1.5em; color:#22696b}
.Table_con_f .t07{font-size:1em;color:#22696b}




}




@media only screen and (max-width: 557px) {	
	span.s04{ display:none;}
/*step*/
	.con_Step{ text-align:left;font-size:1.1em;margin-left:0px;}
	.con_Step ul{padding-left: 0px; margin-left: 0px;}

}


@media only screen and (max-width: 508px) {	
.btn_area2{ margin-top:20px;text-align:center; clear:both}
.btn_area2 li{ display:block; margin-right:10px; margin-bottom:20px;} 

}
	
@media only screen and (max-width: 480px) {	
.navbar-toggle{ margin-right:10px; margin-top:20px;}
.con_Step li{ margin-right:0px; letter-spacing:0px;}
.con_Table .table { width:95%;}
.table_note{ width:100%; padding: 5px;}
.App_con, .App_con2, .App_con3{ width:90%}
.App_con .a01{ margin-right:2%}
.btn-group>.btn{ width:100%; height:44px; line-height:32px; text-align:left; font-size:1.2em}
.Con_setting04{ padding:0px 10px 15px 10px}
.btn_area{ margin-left:-50px;}

.phone_top_bg{ 
display:inherit;
background: rgb(29,170,173);
background: -moz-linear-gradient(top,  rgba(29,170,173,1) 5%, rgba(114,210,212,1) 74%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(29,170,173,1) 5%,rgba(114,210,212,1) 74%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(29,170,173,1) 5%,rgba(114,210,212,1) 74%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1daaad', endColorstr='#72d2d4',GradientType=0 ); /* IE6-9 */
padding:5px 5px;border-bottom:8px #2d9ea0 solid}
.phone_top_bg img{display:inherit; width:70%; padding-top:5px; padding-left:5px;}
.top_bg img, .pad_top_bg img, .pad_top_bg{ display:none;}


/*hotnews*/
.HN2_con li{ display:block; float:none; padding-right:10px; padding-bottom: 10px;}


/*con2 quota*/
.q_table { margin-top:15px;}
.q_table th.q04, .q_table td.q04, .q_table th.q05, .q_table td.q05{ display:none}
.q_table table{ border:none}
.q_table .table-bordered td{ border:none;border-bottom:1px ##3e9799 solid;background: rgb(255,255,255); 
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 33%, rgba(214,232,232,1) 94%, rgba(195,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 33%,rgba(214,232,232,1) 94%,rgba(195,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 33%,rgba(214,232,232,1) 94%,rgba(195,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c3e5e5',GradientType=0 ); /* IE6-9 */
border-bottom:1px #3e9799 solid; height:60px;}
.q_table .table-bordered th{ background-color:#267476; color:#ffffff; border:none; font-size:1.1em; text-align:center; font-size:1em;}

.q_table .table-bordered  th.q01{ width:10%}
.q_table .table-bordered  th.q02{ width:35%}
.q_table .table-bordered  td.q02{ text-align:left; padding-left:4px;}
.q_table .table-bordered  th.q03{ width:25%}
.q_table .table-bordered  th.q06{ width:30%}
.Con_setting03{ padding:0px 0px 15px 0px}
li.Gbtn a, li.Graybtn a, li.Pinkbtn a, li.Gbtn a:hover, li.Graybtn a:hover, li.Pinkbtn a:hover{padding:10px 10px;}

/*賣股還款 M*/
.loan_sell_table .loan-sell-table-bordered  th.s01{ min-width:40px}
.loan_sell_table .loan-sell-table-bordered  th.s02{ min-width:100px}
.loan_sell_table .loan-sell-table-bordered  th.s03{ min-width:75px}
.loan_sell_table .loan-sell-table-bordered  th.s04{ min-width:75px}
.loan_sell_table .loan-sell-table-bordered  th.s05{ min-width:83px}
.loan_sell_table .loan-sell-table-bordered th{ background-color:#267476; color:#ffffff; font-size:1.1em; text-align:center; font-size:1em;}
.loan_sell_table .loan-sell-table-bordered td{border:none;border-bottom:1px ##3e9799 solid;background: rgb(255,255,255);background: -moz-linear-gradient(top,  rgba(255,255,255,1) 33%, rgba(214,232,232,1) 94%, rgba(195,229,229,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 33%,rgba(214,232,232,1) 94%,rgba(195,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(255,255,255,1) 33%,rgba(214,232,232,1) 94%,rgba(195,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c3e5e5',GradientType=0 ); /* IE6-9 */border-bottom:1px #3e9799 solid;height:60px;}
.loan_sell_setting{padding: 0px 0px 0px 0px;overflow-x:scroll;}
.loan-sell-table-bordered{width:100%;}

/*賣股還款 M order*/
.loan_sell_order{margin: 0px 0px 0px 0px;}

/*   T+0借款   */
.stk_loan .con_Number, .stk_loan_history .con_Number { margin-bottom: 0}
.stk_loan .con_Number .stk_l_04, .apply_info .n03.item { padding-left: 0}
.con_Number .item, .apply_info .item { line-height: 44px; padding-right: 0}
.stk_loan .con_Number .n01, .stk_loan .stk_l_04,
.apply_info .n01, .apply_info .n03 { width: 35%}
.stk_loan .con_Number .n02 { width: 40%}
.stk_loan .con_Number .n03 { width: 25%}
.stk_loan .stk_l_05, .apply_info .n02, .apply_info .n04 { width: 65%}
.apply_info .n02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.stk_loan .apply_info { margin-bottom: 1.5em}
.stk_loan .stk_l_05 { text-align: right}
.apply_info .n02 input, .apply_info .n04 select { height: 36px}
.apply_info .n02 input { width: 80%; line-height: 36px}
.apply_info .n04 select,.apply_info .n05 { width: 100%}
.stk_loan .con_Number .n03 a, .apply_info .n05 a, .update_time .n03 a {
	display: inline-block;
	text-align: center;
	line-height: 30px;
}
.stk_loan .con_Number .n03 a, .apply_info .n05 a { width: 100%}
.apply_info .n05 { margin-top: 5px}
.apply_info .n06 { font-size: 16px; line-height: 26px; height: auto; margin-top: 5px}
.stk_loan .update_time { font-size: 16px}
.update_time .n03 a { padding-left: 12px; padding-right: 12px}
.stk_loan .loan_sell_setting,
.stk_loan_history .loan_sell_setting { padding-top: 10px; padding-bottom: 10px}
.stk_loan .loan-sell-table-bordered, 
.stk_loan_history .loan-sell-table-bordered { width: auto}
.stk_loan .loan-sell-table-bordered  th.s01,
.stk_loan_history .loan-sell-table-bordered  th.s01 { min-width: 140px}
.stk_loan .loan-sell-table-bordered  th.s02, .stk_loan .loan-sell-table-bordered  th.s05,
.stk_loan_history .loan-sell-table-bordered  th.s02, .stk_loan_history .loan-sell-table-bordered  th.s05 { min-width: 150px}
.stk_loan .loan-sell-table-bordered  th.s03, .stk_loan .loan-sell-table-bordered  th.s04,
.stk_loan_history .loan-sell-table-bordered  th.s03, .stk_loan_history .loan-sell-table-bordered  th.s04 { min-width: 130px}
.stk_loan .loan-sell-table-bordered  th.s07,
.stk_loan_history .loan-sell-table-bordered  th.s07 { min-width: 90px}
.stk_loan .loan-sell-table-bordered  td,
.stk_loan_history .loan-sell-table-bordered  td { padding: 8px 6px}
.time_interval {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	line-height: 30px;
}
.time_interval .n01 { width: 100%}
.time_interval .n03 a { margin-left: 0; margin-right: 5px}

/*con04*/
.applyPrice{ font-size:1.3em; color:#e50967}

/*con08*/
.Table_con .t02{ letter-spacing:0px;}
.Table_con .t05, .Table_con .t06{ font-size:1.2em; letter-spacing:0px;}
.Table_con_n .t05, .Table_con_n .t06{font-size:1.2em; letter-spacing:0px;}
.Table_con_f .t05, .Table_con_f .t06{font-size:1.2em; letter-spacing:0px;}
.Table_con .t01, .Table_con_n .t01, .Table_con_f .t01{ font-size:0.9em; letter-spacing:0px;}
.Table_con .t03, .Table_con_n .t03, .Table_con_f .t03{font-size:0.9em;letter-spacing:0px;}


/*note*/
.openNote, .closeNote{ width:100%;background-color:#CCC;}

@media only screen and (max-width: 456px) {	
.App_con2 .a01, .App_con3 .a01{ height:128px; }
.App_con3 .a01 p{font-size:0.9em; line-height:22px; margin-top:4px;}
}



@media only screen and (max-width: 428px) {	
	.con_Step{ font-size:1em;}
	.con_Step ul{
		padding: 0;
	}
}


@media only screen and (max-width: 400px) {	
.phone_top_bg img{ min-width:80%}
.phone_top_bg, .phone_top_bg img{ display:inherit;}
.App_con2 .a01, .App_con3 .a01{ height:140px;padding:14px 6px;}
.App_con3 .a05 p{ line-height:22px; font-size:0.9em; margin-top:6px;}

/*試算BTN*/
li.Gbtn a, li.Graybtn a, li.Pinkbtn a, li.Gbtn a:hover, li.Graybtn a:hover, li.Pinkbtn a:hover{padding:10px 10px;}
li.Spreadsheets a{ margin-left:-15px;}


}

@media only screen and (max-width: 390px) {	
li.Gbtn2 a, li.Graybtn2 a{ padding:10px 8px;}

}


@media only screen and (max-width: 377px) {	
.con_Step li{ font-size:1em;}

.Table_con .t04, .Table_con_n .t04{ letter-spacing:-1px;}
}

@media only screen and (max-width: 360px) {	
.App_con, .App_con2, .App_con3{ width:95%}


.Sign_contract .s01{ width:50%}
.Sign_contract .s02{ width:50%}



}

@media only screen and (max-width: 330px) {	
.con_Number .n01, .con_Number .n02{ letter-spacing:0px; border-w\}
.con_Step li{ font-size:1em; letter-spacing:0px}
.Flow img{ width:90%; height:auto}
}

@media only screen and (max-width: 320px) {
	.stk_loan .con_Number .n01 { width: 28%}
	.stk_loan .con_Number .n02 { width: 42%}
	.stk_loan .con_Number .n03 { width: 30%}
	.apply_info .n02 input { width: 76%}
}