html.cathay_smart.smart_bg ,
body.cathay_smart.smart_bg {
background-color: #F5F5F5;
}
spanRed {color:#EC464A;}
spanGreen {color:#26A862;}
html.cathay_smart ,
body.cathay_smart {
width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;
min-height: 100%;
overflow: hidden;
}
.wrap {
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
min-height: 100%;
}
.border_gray {
border-bottom: 2px solid #EBEBEB;
}
/* header */
.wrap .header {
height: 50px;
color: #3A3A3A;
text-align: center;
display: table;
width: 100%;
top: 0;
z-index: 999;
background-color: #F5F5F5;
position: fixed;
}
.header .txt {
display: table-cell;
vertical-align: middle;
font-size: 18px;
height: 50px;
}
.modal a{
color: #26A862;
text-decoration: underline;
}
.modal a:hover{
/*color: #FFFFFF;*/
}
.agree.bank_agree a{
color: #1AAF54;
}
.logo {
width: 27px;
height: 24px;
background: url(../images/logo.png);
display: inline-block;
vertical-align: middle;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
.logo {
background: url(../images/logo_2x.png);
background-size: 27px 24px;
display: inline-block;
vertical-align: middle;
}
}
.heder_back {
position: absolute;
width: 24px;
height: 24px;
top: 14px;
left: 11px;
cursor: pointer;
display: none;
}
.heder_service {
position: absolute;
width: 24px;
height: 24px;
top: 14px;
right: 11px;
cursor: pointer;
}
.header_content {
display: table;
margin: 0px auto;
}
.header_service ul {
list-style: none;
}
.header_service {
display: none;
}
.header_service li {
text-align: left;
padding: 10px 20px;
}
.header_service li a{
color: #3A3A3A;
font-weight: 700;
font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "sans-serif", "Roboto";
font-size: 14px;
line-height: 19.4px;
}
.header_service li a:hover{
text-decoration: none;
}
.header_service i {
width: 24px;
height: 24px;
display: table;
float: left;
}
.header_service img {
margin: -2px -5px;
}
.header_service ul {
padding: 0px 15px;
}
.header_service li:hover {
background-color: #EBEBEB;
}
.sat_content p a {
text-decoration: underline;
}
.sat_content p {
padding: 0px 10px;
}
.sat_content span {
color: #1AAF54;
}
.sat_content_sat {
max-width: 350px;
margin: 0px auto;
font-size: 16px;
padding: 0px 10px;
}
/* header end */
/* content */
.sub_input > input[type=text]:focus, .sub_input > input[type=password]:focus, .sub_input > textarea:focus{
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
border:1.5px solid #27AE58;
}
.wrap .content {
margin-top: 50px;
padding-top: 15px;
box-sizing: border-box;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
overflow-y: auto;
overflow-x: hidden;
height:calc(100vh - 110px);
margin-bottom:60px;
}
/* KYC*/
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.sel{
display: inline-block;
margin-top: 3px;
}
.sel-div{
margin: 8px 10px 8px 0px;
float: left;
}
.sel-box {
color: #777777;
border: 2px solid #D7DADC;
background: #ffffff;;
border-radius: 22px;
min-width: 74px;
float: left;
padding: 10px;
cursor: pointer;
line-height: 18px;
}
.sel-txt {
text-align: center;
font-weight: 700;
line-height: 18px;
gap: 12px;
}
.sel-active{
background: #27AE58;
color: #ffffff;
}
.cathay_smart_open {
background-color: #fff;
bottom:100%;
}
.sign_process {
padding: 0 26px;
list-style-type: none;
text-align: center;
max-width: 400px;
margin: 0 auto;
display: box; /* OLD - Android 4.4- */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
justify-content: space-between;
}
.flowBar_process li {
display: inline-block;
width: 60px;
}
.step_flowBar {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
color: white;
text-align: center;
vertical-align: middle;
z-index: 503;
}
.flowBar_process {
padding: 0 26px;
list-style-type: none;
text-align: center;
max-width: 384px;
margin: 0 auto;
display: box; /* OLD - Android 4.4- */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
justify-content: space-between;
}
.flowBar_process .process_item:not(:first-child) .step_flowBar:before {
content: '';
background-color: #d7dadc;
display: inline-block;
position: absolute;
z-index: 100;
max-width: calc(450px/2);
width: calc((152vw - 160px)/2);
height: 3px;
top: 50%;
right: 100%;
--webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0px 3px;
}
.flowBar_process .process_item:not(:first-child).active .step_flowBar:before {
background-color: #27AE58;
}
.flowBar_process .process_item:nth-child(1) .step_flowBar {
z-index: 602;
}
.flowBar_process .process_item:nth-child(2) .step_flowBar {
z-index: 601;
}
.flowBar_process .process_item:not(:first-child).order .step_flowBar:before {
background-color: #27AE58;
}
.process_item.active .step_flowBar{
}
.process_item.active .step_description{
color: #27AE58;
}
.process_item.order .step_flowBar {
}
.process_item.order .step_description {
color: #27AE58;
}
/* content */
.wrap .content.phone {
margin-top: 0px;
padding-top: 15px;
box-sizing: border-box;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
overflow-y: auto;
overflow-x: hidden;
height:calc(100vh - 60px);
margin-bottom:60px;
}
.robot {
width: 100%;
position: relative;
}
.robot .dialog-box {
padding-left: 28px;
color: #3D3D3D;
font-size: 16px;
padding-right: 20px;
}
.robot .dialog-box .message {
display: inline-block;
padding: 12px 16px;
background-color: #fff;
border-radius: 12px;
margin-bottom: 10px;
color: #37474F;
box-shadow: 0px 8px 10px 0px #DDE8DD;
-moz-box-shadow: 0px 6px 10px 0px rgba(68,68,68,0.05); /* 嚙踝蕭嚙踝蕭 Firefox 嚙瞎嚙諄語嚙糊 */
-webkit-box-shadow: 0px 6px 10px 0px rgba(68,68,68,0.05); /* 嚙踝蕭嚙踝蕭 Safari 嚙瞎 Chrome 嚙瞎嚙諄語嚙糊 */
box-shadow: 0px 6px 10px 0px rgba(68,68,68,0.05); /* 嚙踝蕭嚙踝蕭 Opera 10.5 + 嚙瞎嚙諄語嚙糊 */
position: relative;
margin-left: 16px;
z-index: 1;
font-size: 16px;
font-weight: 300;
font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "sans-serif", "Roboto";
word-break: break-word;
}
/*.robot .dialog-box .message::before {*/
/* content: "";*/
/* position: absolute;*/
/* width: 39px;*/
/*height: 23px;*/
/*background-image: url(../images/robot.png);*/
/*background-repeat: no-repeat;*/
/*top: 5px;*/
/* left: -9px;*/
/* z-index: -1;*/
/*}*/
.robot .dialog-box .message.dotpadding{
padding: 14px 10px 8px 10px;
}
.robot .dialog-box .select-card {
/*white-space: nowrap;*/
overflow-x: auto;
padding-left: 20px;
}
.segment {
display: inline-block;
vertical-align: top;
padding: 0;
background-color: #FFF;
border-radius: 0 12px 12px 12px;
box-shadow: 0px 6px 10px 0px rgba(68,68,68,0.05);
-moz-box-shadow: 0px 6px 10px 0px rgba(68,68,68,0.05); /* 嚙踝蕭嚙踝蕭 Firefox 嚙瞎嚙諄語嚙糊 */
-webkit-box-shadow: 0px 6px 10px 0px rgba(68,68,68,0.05); /* 嚙踝蕭嚙踝蕭 Safari 嚙瞎 Chrome 嚙瞎嚙諄語嚙糊 */
box-shadow: 0px 6px 10px 0px rgba(68,68,68,0.05); /* 嚙踝蕭嚙踝蕭 Opera 10.5 + 嚙瞎嚙諄語嚙糊 */
width: 250px;
word-break:break-all;
}
.segment.secard {
width: 200px;
}
.segment .txt{
padding:16px 20px;
position: relative;
}
.robot .dialog-box .segment .txt .title,.slider .segment .txt .title,.robot .dialog-box .secard .txt .title{
font-size: 16px;
font-weight: 300;
color: #3A3A3A;
font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "sans-serif", "Roboto";
}
.robot .dialog-box .segment .txt .desc {
font-size: 16px;
font-weight: 700;
color: #3A3A3A;
font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "sans-serif", "Roboto";
}
.bill-number{
padding: 16px;
}
.robot .dialog-box .segment .bill-number{
font-weight: 700;
font-size: 16px;
color: #3d3d3d;
margin-bottom: 5px;
}
.robot.bill-number{
color: #FF8500;
text-align: right;
}
.num{
color: #37474F;
text-align: right;
font-weight: 400;
}
.title{
font-weight: bold;
font-size: 16px;
color: #3d3d3d;
margin-bottom: 5px;
text-align:left;
}
.title:last-child {
margin-bottom: 0px;
}
.robot .dialog-box .segment .bill-number .desc{
font-size: 16px;
color: #676767;
text-align:left;
font-weight: lighter;
}
.robot .dialog-box .segment .btn-bottom a,.slider .segment .btn-bottom a ,.robot .dialog-box .secard a{
text-align: center;
color: #27AE58;
display: block;
padding: 11px;
border-top: 2px solid #EBEBEB;
text-decoration: none;
font-weight: 700;
}
.robot .dialog-box .segment .btn-bottom a:last-child,.slider .segment .btn-bottom a:last-child{
border-radius: 0 0px 12px 12px;
}
.robot .dialog-box .segment .btn-bottom a:hover,.slider .segment .btn-bottom a:hover {
color: #0E8645;
outline: none;
}
.robot .dialog-box .segment .btn-bottom a:focus,.slider .segment .btn-bottom a:focus {
outline: none;
}
.robot .dialog-box .segment-map{
min-width: 100%;
padding: 0;
background-color: #fff;
border: 1px solid #ABCABB;
border-radius: 0 12px 12px 12px;
margin-right: 6px;
margin-bottom: 7px;
overflow: hidden;
}
.robot .dialog-box .segment-map .map{
width: 100%;
height: 180px;
background: #eee;
position: relative;
border-radius: 0 12px 0 0 ;
}
.robot .dialog-box .segment-map .desc{
padding: 20px 14px;
background: #FFFFFA;
}
.robot .dialog-box .weather-box{
display: table;
margin: -7px -14px;
border-radius: 0 12px 12px 12px;
overflow: hidden;
}
.robot .dialog-box .weather-box .tip{
display: table-cell;
vertical-align: middle;
padding: 7px 14px;
width: calc(100% - 113px);
}
.robot .dialog-box .weather-box .weather{
display: table-cell;
vertical-align: middle;
background-color: #FFF5EB;
color: #FF8500;
width: 113px;
padding: 7px 14px;
white-space: nowrap;
}
.robot .dialog-box .weather-box .weather span{
vertical-align: middle;
}
.icon-border{
border: 1px dashed #ccc;
border-radius: 4px;
display: inline-block;
width: 42px;
height: 42px;
text-align: center;
vertical-align: middle;
}
.icon-weather-rain{
background: url(../images/icon_weather_rain_2x.png);
background-repeat: no-repeat;
width: 33px;
height: 37px;
background-size: 33px 37px;
display: inline-block;
vertical-align: middle;
}
.img-creditcard {
width: 200px;
border-radius: 0 12px 0px 0px;
}
.img-creditcard img, .img-credbank img {
border-radius: 0 12px 0px 0px;
}
.card_img img{
border-radius: 0 0px 0px 0px;
}
.img-creditcard.card_img{
background-image: url(../images/task05_bg.jpg);
background-repeat: no-repeat;
padding-left: 30px;
padding-top: 23px;
width: 200px;
height: 130px;
overflow: hidden;
}
.img-creditcard.card_img2{
background-image: url(../images/task05_bg02.jpg);
background-repeat: no-repeat;
padding-left: 30px;
padding-top: 23px;
width: 200px;
height: 130px;
overflow: hidden;
}
.img-creditcard.card_img img{
width: 140px;
}
.img-outurldiv{
width: 225px;
height: 140px;
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
border-radius: 0 12px 0px 0px;
margin: 0 auto;
position: relative;
transform:translateY(10%);
}
.img-credbank{
width: 250px;
height: auto;
border-radius: 0 12px 0px 0px;
}
.img-credbank01{
width: 250px;
height: 165px;
background: url(../images/card14.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
border-radius: 0 12px 0px 0px;
}
.img-credbank01.cre-card{
width: 200px;
height: 130px;
background: url(../images/card14.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 200px 130px;
border-radius: 0 12px 0px 0px;
}
.cre-card p{
margin: 0 0 0px;
}
.img-credbank05{
width: 250px;
height: 165px;
background: url(../images/card07.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
border-radius: 0 12px 0px 0px;
}
.img-credbank06
{
width: 250px;
height: 100px;
background: url(../images/card13-1.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
border-radius: 0 12px 0px 0px;
}
.img-credbank06 p {
height: 100px;
color: #37474F;
width: 160px;
display: flex;
justify-content: center;
align-items: center;
padding: 0px 24px;
}
.img-credbank07
{
width: 250px;
height: 165px;
background: url(../images/card22.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
border-radius: 0 12px 0px 0px;
}
.img-credbank07 p {
font-weight: 700;
text-align: center;
color: #37474F;
display: flex;
align-items: center;
justify-content: center;
display: -webkit-flex;
-webkit-align-items: center;
-webkit-justify-content: center;
width: 250px;
height: 125px;
padding: 0px 30px;
}
.img-credbank00.flag01{
width: 250px;
height: 165px;
background: url(../images/flag01.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
}
.img-credbank00.flag02{
width: 250px;
height: 165px;
background: url(../images/flag02.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
}
.img-credbank00.flag03{
width: 250px;
height: 165px;
background: url(../images/flag03.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
}
.img-credbank00.flag04{
width: 250px;
height: 165px;
background: url(../images/flag04.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
}
.img-credbank00.flag05{
width: 250px;
height: 165px;
background: url(../images/flag05.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
}
.img-credbank00.generic{
width: 250px;
height: 118px;
background: url(../images/card24.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 118px;
border-radius: 0 12px 0px 0px;
}
.img-credbank10{
width: 250px;
height: 165px;
background: url(../images/card34.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
border-radius: 0 18px 0px 0px;
}
.img-credbank10.sec_box{
border-radius: 0 12px 12px 12px;
cursor: pointer;
}
.img-credbank11{
width: 250px;
height: 165px;
background: url(../images/card35.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
border-radius: 0 12px 0px 0px;
}
.sec_img{
width: 80px;
position: absolute;
right: 18px;
top: 10px;
}
.img-credbank20.card01{
width: 200px;
height: 130px;
background: url(../images/card36-01.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 200px 130px;
border-radius: 0 12px 0px 0px;
}
.img-credbank20.card02{
width: 200px;
height: 130px;
background: url(../images/card36-02.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 200px 130px;
border-radius: 0 12px 0px 0px;
}
.img-credbank20.card03{
width: 200px;
height: 130px;
background: url(../images/card36-03.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 200px 130px;
border-radius: 0 12px 0px 0px;
}
.img-credbank20.card04{
width: 200px;
height: 130px;
background: url(../images/card36-04.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 200px 130px;
border-radius: 0 12px 0px 0px;
}
.img-credbank20.card05{
width: 200px;
height: 130px;
background: url(../images/card36-05.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 200px 130px;
border-radius: 0 12px 0px 0px;
}
.img-credbank20 p {
font-weight: 700;
text-align: center;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
display: -webkit-flex;
-webkit-align-items: center;
-webkit-justify-content: center;
width: 200px;
height: 140px;
padding: 0px 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
.img-credbank01 {
width: 250px;
height: 165px;
background: url(../images/card14_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
border-radius: 0 12px 0px 0px;
}
.img-credbank01.cre-card{
width: 200px;
height: 130px;
background: url(../images/card14_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 200px 130px;
border-radius: 0 12px 0px 0px;
}
.img-credbank02{
width: 250px;
height: 165px;
background: url(../images/card15_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
border-radius: 0 12px 0px 0px;
}
.img-credbank05{
width: 250px;
height: 165px;
background: url(../images/card07_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
border-radius: 0 12px 0px 0px;
}
.img-credbank06{
width: 250px;
height: 100px;
background: url(../images/card13-1_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 100px;
border-radius: 0 18px 0px 0px;
}
.img-creditcard.card_img{
background-image: url(../images/task05_bg_2x.jpg);
background-repeat: no-repeat;
background-size: 200px 130px;
}
.img-credbank07
{
width: 250px;
height: 165px;
background: url(../images/card22_2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
}
.img-credbank00.flag01{
width: 250px;
height: 165px;
background: url(../images/flag01_2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
}
.img-credbank00.flag02{
width: 250px;
height: 165px;
background: url(../images/flag02_2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
}
.img-credbank00.flag03{
width: 250px;
height: 165px;
background: url(../images/flag03_2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
}
.img-credbank00.flag04{
width: 250px;
height: 165px;
background: url(../images/flag04_2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
}
.img-credbank00.flag05{
width: 250px;
height: 165px;
background: url(../images/flag05_2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
}
.img-credbank00.generic{
width: 250px;
height: 118px;
background: url(../images/card24_2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 118px;
border-radius: 0 12px 0px 0px;
}
.img-credbank10
{
width: 250px;
height: 165px;
background: url(../images/card34_2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
}
.img-credbank11
{
width: 250px;
height: 165px;
background: url(../images/card35_2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
}
.img-credbank20.card01
{
width: 200px;
height: 130px;
background: url(../images/card36-01_2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 200px 130px;
}
.img-credbank20.card02
{
width: 200px;
height: 130px;
background: url(../images/card36-02_2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 200px 130px;
}
.img-credbank20.card03
{
width: 200px;
height: 130px;
background: url(../images/card36-03_2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 200px 130px;
}
.img-credbank20.card04
{
width: 200px;
height: 130px;
background: url(../images/card36-04_2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 200px 130px;
}
.img-credbank20.card05
{
width: 200px;
height: 130px;
background: url(../images/card36-05_2x.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 200px 130px;
}
}
.img-credbank02{
width: 250px;
height: 165px;
background: url(../images/card15.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 250px 165px;
border-radius: 0 12px 0px 0px;
}
.img-credbank03{
width: 250px;
color: #3A3A3A;;
border-radius: 0 12px 0px 0px;
min-height: 165px;
border-bottom: 2px solid #EBEBEB;
}
.img-credbank04{
width: 250px;
border-radius: 0 12px 0px 0px;
}
.segment-round {
border-radius: 0px 12px 12px 12px;
}
.free-height {
min-height: 0px;
}
.mhei140{
min-height: 140px;
}
.img-credbank05 p {
font-weight: 700;
text-align: center;
color: #3A3A3A;
display: flex;
align-items: center;
justify-content: center;
display: -webkit-flex;
-webkit-align-items: center;
-webkit-justify-content: center;
width: 250px;
height: 175px;
padding: 0px 30px;
}
.img-creditcard07 {
width: 310px;
height: 181px;
background: url(../images/img_creditcard07_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 320px 181px;
}
.img-creditcard08 {
width: 220px;
height: 120px;
background: url(../images/img_creditcard08_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 220px 120px;
}
.robot .dialog-box .time {
font-size: 12px;
margin: 0px 0 20px 20px;
color: #A0A0A0;
font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "sans-serif", "Roboto";
font-weight: 400;
line-height: 16.8px;
}
.user {
width: 100%;
position: relative;
}
.user .dialog-box {
text-align: right;
color: #fff;
font-size: 16px;
padding-right: 0px;
padding-left: 20px;
}
.user .dialog-box .message {
display: inline-block;
position: relative;
padding: 12px 26px;
border-radius: 12px;
margin-bottom: 7px;
background: #98E3BA;
position: relative;
z-index: 1;
margin-right: 0px;
font-size: 16px;
font-weight: 300;
color: #3A3A3A;
text-align: left;
font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "sans-serif", "Roboto";
word-break: break-word;
}
/*.user .dialog-box .message::before {*/
/* content: "";*/
/* position: absolute;*/
/* width: 34px;*/
/* height: 24px;*/
/* background-image: url(../images/robot_user.png);*/
/* background-repeat: no-repeat;*/
/* top: 5px;*/
/* right: -9px;*/
/* z-index: -1;*/
/*}*/
.user .dialog-box .time {
right: 10px;
margin: 0 2px 20px 0;
font-size: 12px;
color: #A0A0A0;
font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "sans-serif", "Roboto";
font-weight: 400;
line-height: 16.8px;
}
/* user */
.user .avatar{
width: 44px;
height: 44px;
border-radius: 19px;
display: inline-block;
position: absolute;
top: 0;
right: 0;
}
.hr-dashed{
border-top: 1px dashed #ABCABB;
}
/* content end */
/* ui-blackCover */
.ui-blackCover {
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
z-index: 999999;
}
.ui-contextop iframe{
border-radius: 30px 30px 0px 0px;
width: 100vw;
overflow: hidden;
}
.ui-contextop {
position: fixed;
z-index: 9999999;
left: 0;
width: 100vw;
bottom: -300%;
}
.ui-contextop i.cancel{
width: 24px;
height: 24px;
display: table;
position: absolute;
right: 15px;
top: 14px;
cursor: pointer;
z-index: 99999999;
}
.ui-all {
position: relative;
overflow: hidden;
border-radius: 30px 30px 0px 0px;
}
/* ui-blackCover end */
/* card */
.txt_yellow h5 {
padding-top: 0px;
margin-top: 0px;
margin-bottom: 2px;
}
.txt_bank h5,.txt_safe h5{
font-size: 16px;
font-weight: 300;
margin: 0px;
margin-bottom: 4px;
}
.txt_bank p,.txt_safe p{
font-size: 16px;
font-weight: 700;
}
.txt_bank {
padding: 38px 40px 20px 38px;
position: relative;
}
.txt_safe {
padding: 20px 20px 20px 20px;
position: relative;
}
.txt_yellow{
padding: 20px;
}
.txt_sec {
padding: 22px 20px 15px 20px;
position: relative;
height: 165px;
}
.txt_sec p{
position: absolute;
bottom: 11px;
left: 53px;
font-size: 18px;
color: #27AE58;
font-weight: 400;
}
.txt_safe .txt_safe_tag span {
border-radius: 0px 12px 0px 12px;
font-weight: 700;
background-color: #98E3BA;
min-width: 90px;
height: 24px;
color: #3A3A3A;
padding: 4px 10px;
position: absolute;
right: 0px;
text-align: center;
font-size: 16px;
top: -11px;
line-height: 17px;
}
.img-credbank03 .txt_safe span{
border-radius: 0px 12px 0px 12px;
font-weight: 700;
background-color: #98E3BA;
min-width: 90px;
height: 24px;
color: #3A3A3A;
padding: 4px 10px;
position: absolute;
right: 0px;
text-align: center;
font-size: 16px;
top: -11px;
line-height: 17px;
}
.img-credbank04 .txt_safe span{
border-radius: 12px 12px 12px 12px;
background-color: #879195;
width: 44px;
height: 24px;
color: #D7DADC;
padding: 4px 0px;
position: absolute;
right: 10px;
text-align: center;
font-size: 12px;
top: 10px;
}
.img-credbank00{
width: 250px;
border-radius: 0 18px 0px 0px;
border-bottom: 2px solid #EBEBEB;
}
.hei165{
height: 165px;
}
.img-credbank00 .txt_safe span{
border-radius: 12px 12px 12px 12px;
background-color: #e65100;
width: 65px;
height: 24px;
color: #fff;
padding: 4px 0px;
position: absolute;
right: 10px;
text-align: center;
font-size: 12px;
top: 10px;
}
.txt_Infor {
display: table;
width: 100%;
padding: 6px 0px;
}
.infor_left {
float: left;
font-size: 16px;
font-weight: 300;
}
.infor_right {
float: right;
font-size: 16px;
font-weight: 700;
}
.txt_Inforbox {
padding: 10px 20px;
position: relative;
}
.txt_Inforbox hr {
border-top: dashed #879195 1px;
}
.failure {
position: absolute;
background-color: #FDF1EB;
border-radius: 20px 20px 20px 20px;
color: #E65100;
padding: 2px 30px 2px 36px;
top: -13px;
font-size: 13px;
}
.failure span {
width: 15px;
height: 15px;
display: block;
float: left;
margin-right: 3px;
margin-top: 2px;
}
.failure2 {
position: absolute;
text-align: center;
top: -13px;
width: 100%;
left: 0px;
}
.failure2 span {
background-color: #FDF1EB;
border-radius: 20px 20px 20px 20px;
color: #3A3A3A;
padding: 2px 30px;
font-size: 13px;
position: relative;
}
.failure2 span img{
width: 15px;
height: 15px;
display: block;
margin-right: 3px;
margin-top: 2px;
left: 19px;
top: 2px;
position: absolute;
}
.chargeback {
display: inline-block;
padding: 12px 22px;
background-color: #fff;
border-radius: 12px 12px 12px 12px;
box-shadow: 0px 6px 10px 0px rgba(68,68,68,0.05);
-moz-box-shadow: 0px 6px 10px 0px rgba(68,68,68,0.05); /* 嚙踝蕭嚙踝蕭 Firefox 嚙瞎嚙諄語嚙糊 */
-webkit-box-shadow: 0px 6px 10px 0px rgba(68,68,68,0.05); /* 嚙踝蕭嚙踝蕭 Safari 嚙瞎 Chrome 嚙瞎嚙諄語嚙糊 */
box-shadow: 0px 6px 10px 0px rgba(68,68,68,0.05); /* 嚙踝蕭嚙踝蕭 Opera 10.5 + 嚙瞎嚙諄語嚙糊 */
}
.cback_right {
float: left;
width: 76px;
height: 80px;
background: url(../images/cardday00.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 76px 80px;
border-radius: 0 12px 0px 0px;
}
.cback_left {
float: left;
display: flex;
align-items: center;
justify-content: center;
display: -webkit-flex;
-webkit-align-items: center;
-webkit-justify-content: center;
height: 86px;
font-size: 16px;
}
.cback_right h5 {
text-align: center;
color: #fff;
margin-bottom: 6px;
}
.cback_right h1 {
text-align: center;
margin: 0px;
}
.cback_day{
width: 165px;
height: 146px;
border-radius: 0 12px 0px 0px;
}
.cback_day.dayok{
background: url(../images/cardday01.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 165px 120px;
color: #37474F;
font-size: 16px;
}
.cback_day.dayno{
background: url(../images/cardday02.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 165px 120px;
color: #37474F;
font-size: 16px;
}
.cback_boxno {
width: 126px;
height: 130px;
color: #fff;
font-size: 43px;
}
.cback_boxno p{
text-align: center;
padding-top: 4px;
font-weight:bold;
}
.cback_day h1 {
font-size: 72px;
margin-bottom: 0px;
margin-top: 10px;
text-align: center;
}
.cback_day h5 {
font-size: 18px;
margin: 0px;
text-align: center;
}
.cback_box {
width: 126px;
}
.cathynote {
color: #5F6C72;
font-size: 14px;
padding: 10px 0px 10px 60px;
}
.cathynote p {
max-width: 266px;
padding-left: 32px;
padding-top: 10px;
margin: 0;
text-align: justify;
}
.cathynote p br {
display: block;
margin: 10px 0;
line-height: 22px;
content: " ";
}
.cathynote i{
display: block;
width: 24px;
height: 24px;
float: left;
}
.cathynote i.icon{
background: url(../images/icon_down.png);
background-size: 100%;
}
.cathynote i.open{
background: url(../images/icon_up.png);
background-size: 100%;
display: block;
width: 24px;
height: 24px;
float: left;
}
.cathynote i img{
width: 100%;
}
.cathynote h5 {
float: left;
padding: 0px 0px 0px 8px;
margin: 0px;
line-height: 23px;
}
.cathynote .txt{
display: table;
}
.cathynote_line {
display: table;
border-bottom: dashed #879195 1px;
}
i.icon_down,i.icon_up{
cursor: pointer;
}
.cathynote ol{
padding-left: 50px;
padding-top: 10px;
max-width: 266px;
}
.cathynote_content{
display: none;
}
.segment.one-width {
width: 200px;
word-break:break-all;
}
.segment.two-width {
max-width: 250px;
}
.box_left {
float: left;
}
.box_center {
width: 88%;
float: left;
}
.box_right {
float: right;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
.cback_right {
float: left;
width: 76px;
height: 80px;
background: url(../images/cardday00_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 76px 80px;
border-radius: 0 12px 0px 0px;
}
.cback_day.dayok{
background: url(../images/cardday01_2x.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 165px 120px;
color: #37474F;
font-size: 16px;
}
.cback_day.dayno{
background: url(../images/cardday02_2x.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 165px 120px;
color: #37474F;
font-size: 16px;
}
.cathynote i.icon{
background: url(../images/icon_down.png);
background-size: 100%;
}
.cathynote i.open{
background: url(../images/icon_up.png);
background-size: 100%;
display: block;
width: 24px;
height: 24px;
float: left;
}
}
.small-tit {
border-radius: 12px 12px 12px 12px;
background-color: #fff;
width: auto;
color: #3d3d3d;
padding: 4px 6px 3px;
font-size: 12px;
background-color: #FFFFFF;
display: inline-block;
font-weight: bold;
position: absolute;
right: 12px;
top: 12px;
}
.smart_note p {
background-color: #dde8dd;
padding: 10px 12px;
font-size: 12px;
color: #37474f;
border-radius: 5px;
}
.smart_note {
padding: 20px;
text-align: center;
}
/* card end */
/* subview */
.subview_all {
overflow: hidden;
padding-bottom: 10px;
}
.subview_all_fixed {
overflow: hidden;
padding-bottom: 10px;
height: 589px;
}
.subview_inner {
padding: 0px 26px;
max-width: 400px;
margin: 0px auto;
position: relative;
overflow: hidden;
}
.sub_button a {
float: left;
text-align: center;
width: 100%;
font-size: 16px;
}
.subview_head h1 {
text-align: center;
color: #37474F;
font-size: 16px;
font-weight: 700;
}
.subview_head hr {
border-top: 1px solid #bfbfbf;
margin-bottom: 12px;
}
.desc {
font-size: 16px;
font-weight: 700;
font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "sans-serif", "Roboto";
}
tr.desc td:nth-child(1) {
font-weight: 300;
}
.sub_code a{
color: #1AAF54;
text-decoration: none;
border-bottom: 1px solid #1AAF54;
}
.sub_code a:hover,
.sub_code a:focus{
text-decoration: none;
}
.sub_code {
color: #879195;
font-size: 12px;
padding-top: 10px;
}
.subview_inner p {
color: #37474F;
margin-bottom: 7px;
padding-top: 30px;
}
.sub_unmber {
float: left;
padding-top: 30px;
}
.subview_box {
margin: 30px 0px 0px;
font-weight: 700;
font-size: 16px;
color: #3A3A3A;
}
.subview_box_password {
margin: 10px 0px 0px;
font-weight: 700;
font-size: 16px;
color: #3A3A3A;
}
.subview_box_password input {
margin-top: 7px;
height: 45px;
font-size: 16px;
color: #3A3A3A;
}
.subview_box input {
margin-top: 7px;
height: 45px;
font-size: 16px;
color: #3A3A3A;
}
.form-select {
margin-top: 7px;
height: 45px;
font-size: 16px
}
.code_img {
width: 131px;
height: 51px;
display: table;
}
.sub_button .tag{
border-radius: 6px;
border: 1.5px solid #98E3BA;
background: #98E3BA;
padding: 12px 8px;
color: #3A3A3A;
padding: 12px 8px;
font-weight: 700;
font-size: 16px;
font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "sans-serif", "Roboto";
text-decoration:none;
}
.sub_button .tag2{
color: #3A3A3A;
border-radius: 24px;
padding: 13.7px 10px;
font-weight: 700;
font-size: 16px;
line-height: 21px;
margin: 5px;
text-decoration: none;
}
.sub_button .tag:focus,
.sub_button .tag2:hover,
.sub_button .tag2:focus{
color: #3A3A3A;
text-decoration: none;
}
.sub_button .tag:hover{
border: 1.5px solid #34BC6A;
background: #34BC6A;
color: #FFFFFF;
text-decoration: none;
}
.sub_button p{
text-align: center;
color: #98E3BA;
font-size: 16px;
font-weight: 700;
display: table;
padding: 10px 0px;
margin: 0px auto;
}
.sub_button .error{
z-index: 100;
/*display: none;*/
margin: 5px auto;
border: 1.5px solid #D7DADC;
background: #D7DADC;
padding: 12px 8px;
border-radius: 6px;
color: #fff;
font-size: 16px;
font-weight: 400;
text-decoration:none;
}
.sub_button .error:hover, .sub_button .error:focus{
border: 1.5px solid #D7DADC;
text-decoration:none;
background: #D7DADC;
color: #fff;
}
.sub_code .again {
color: #879195;
}
.sub_code .time {
color: #1AAF54;
}
.subview_box .icon_phone{
width: 24px;
height: 24px;
display: inline-table;
}
.subview_box .phone{
font-size: 20px;
padding-left: 4px;
}
.subview_box .icon_phone img{
margin: -6px 0px 0px;
width: 100%;
}
/* 2018-04-11 add */
.sub_code .send{
white-space: nowrap;
padding-right: 10px;
}
.subview_box.mail .dp-table{
display: table;
width: 100%;
table-layout: fixed;
}
.subview_box.mail .icon_mail{
width: 24px;
height: 24px;
display: table-cell;
}
.subview_box.mail .mail{
font-size: 20px;
padding-left: 8px;
display: table-cell;
word-break: break-all;
}
.subview_box.mail .icon_mail img{
margin: -6px 0px 0px;
width: 100%;
}
/* end 2018-04-11 */
.has-success input.form-control{
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
border:1.5px solid #34BC6A;
}
.has-success input.form-control:focus{
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
border:1.5px solid #34BC6A;
}
.has-error input.form-control,.has-error .custom-file-label, .has-error .form-select{
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
border:1.5px solid #E65100;
margin-bottom: 7px;
}
.has-error input.form-control:focus, .has-error .form-select:focus{
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
border:1.5px solid #E65100;
}
.sub_input input::-ms-clear{display: none;}
.sub_input input::-ms-reveal{display: none;}
input.form-control i {
position: absolute;
}
i.sub_ok,i.sub_error {
width: 24px;
height: 24px;
display: table;
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
}
.has-success .subview_bg ,.has-error .subview_bg{
position: absolute;
background-color: #fff;
width: 35px;
height: 35px;
right: 2px;
top: 5px;
z-index: 1;
display: block;
}
.sub_input.has-error span {
color: #E65100;
}
.sub_input {
position: relative;
}
.phone_code{
display: inline-block;
width: 80%;
padding-left: 5px;
}
.card_code{
display: inline-block;
width: 20%;
}
.card_back{
display: inline-block;
width: 89%;
padding-left: 5px;
}
.qa{
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
padding: 11px;
cursor: pointer;
color: #30B66C;
margin-top: 7px;
float: right;
}
.qa:hover{
color: #30B66C;
background-color: #f9f9f9;
}
.qa_img{
width: 200px;
display: none;
position: absolute;
top: 0px;
right: 0px;
float: right;
}
.ver_qa{
position: relative;
}
.subview_box.ver_qa {
font-weight: 400;
}
.sub_table input[type=radio]:not(old), input[type=radio ]:not(old),.sub_table input[type=checkbox]:not(old), input[type=checkbox ]:not(old) {
width: 24px;
height: 24px;
margin: 0 auto;
padding: 0;
opacity: 0;
cursor: pointer;
position: absolute;
z-index: 99;
}
.agree input[type=radio]:not(old), input[type=radio ]:not(old),.sub_table input[type=checkbox]:not(old), input[type=checkbox ]:not(old) {
width : 24px;
height: 24px;
margin : 0;
padding : 0;
opacity : 0;
cursor: pointer;
}
.sub_table input[type=radio]:not(old) + label,.sub_table input[type=checkbox]:not(old) + label {
display: inline-block;
padding: 0;
margin: 0;
background: url(../images/icon_select02.png) no-repeat 0 0px;
font-size: 14px;
position: absolute;
width: 24px;
height: 24px;
}
.sub_table input[type=radio]:not(old):checked + label,.sub_table input[type=checkbox]:not(old):checked + label {
background : url(../images/icon_select03.png) no-repeat 0 0px;
width: 24px;
height: 24px;
margin: 0;
padding: 0;
position: absolute;
}
.agree input[type=radio]:not(old) + label,.agree input[type=checkbox]:not(old) + label {
display: inline-block;
border: 2px solid #A0A0A0;
width: 24px;
height: 24px;
}
.agree input[type=radio]:not(old):checked + label,.agree input[type=checkbox]:not(old):checked + label {
background : url(../images/icon_ok.png) no-repeat -1px -2px;
background-color: #98E3BA;
border: 2px solid #98E3BA;
}
.agree h5 {
display: inline-block;
margin: 10px 10px;
float: left;
}
.agree_left {
display: inline-block;
float: left;
}
.agree
{
display: inline-block;
padding-top: 10px;
}
.agree label {
margin-bottom: 0px;
}
.note{
margin: 0px 20px 10px;
font-size: 16px;
}
.remainCharacter {
position: absolute;
bottom: 2px;
right: 5px;
color: #A0A0A0;
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
.div_content{
overflow-y: auto;
position: relative;
}
textarea.form-control {
background-color: #F5F5F5;
font-size: 16px;
height: auto;
min-height: 230px;
font-weight: 400;
}
.process_item label.step{
background: url(../images/step_wait.png) no-repeat 0 0px;
width: 16px;
height: 16px;
background-size: 16px 16px;
}
.process_item.order label.step{
background: url(../images/step_finish.png) no-repeat 0 0px;
background-size: 16px 16px;
}
.process_item.active label.step{
background: url(../images/step_are.png) no-repeat 0 0px;
background-size: 16px 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
.sub_table input[type=radio]:not(old) + label,.sub_table input[type=checkbox]:not(old) + label {
background: url(../images/icon_select02.png) no-repeat 0 0px;
background-size: 24px 24px;
}
.sub_table input[type=radio]:not(old):checked + label,.sub_table input[type=checkbox]:not(old):checked + label {
display: inline-block;
padding: 0px;
margin: 0px;
background: url(../images/icon_select03.png) no-repeat 0 0px;
font-size: 14px;
background-size: 24px 24px;
}
.agree input[type=radio]:not(old):checked + label,.agree input[type=checkbox]:not(old):checked + label {
background : url(../images/icon_ok_2x.png) no-repeat -1px -2px;
background-size: 24px 24px;
background-color: #98E3BA;
border: 2px solid #98E3BA;
}
}
.table_left {
width: 29px;
padding: 0;
margin: 0 auto;
position: relative;
height: 29px;
}
.sub_table p {
color: #3A3A3A;
margin-bottom: 0px;
padding-top: 0px;
font-size: 16px;
}
.sub_table span {
color: #26A862;
font-size: 16px;
}
.sub_table tr {
height: 60px;
border-bottom: 1px solid #e6e6e6;
}
.sub_table tr:last-child {
border-bottom: none;
}
.sub_table tr:first-child {
height: auto;
border-bottom: initial;
}
.css_td.dropdown a {
color: #5F6C72;
}
.nav-collapse.collapse {
height: auto !important;
overflow: visible !important;
}
.sub_table tr:first-child {
background-color: #F5F6F6;
}
.table_right {
padding: 10px 0px;
}
.sub_button {
margin-top: 10px;
}
hr.otp_line{
margin-bottom: 0px;
}
/* subview end */
/* subviewtable end */
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
width: 100%;
}
.sub_height {
overflow-x: hidden;
overflow-y: auto;
padding-top: 10px;
}
div.sub_height_fixed {
max-height:408px;
height:408px;
}
div.sub_height_fixed_2 {
max-height: 453px;
height: 453px;
}
.subview_tit h2 {
font-size: 16px;
text-align: center;
font-weight: 300;
}
p.bill_p {
text-align: center;
margin: 10px 15px;
}
.dropdown-menu{
box-shadow: 0px 8px 30px 3px #c8dac857;
border: 1px solid #efefef;
}
.dropdown-menu:before {
position: absolute;
top: -7px;
left: 9px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-left: 7px solid transparent;
border-bottom-color:#fff;
content: '';
}
.dropdown-menu:after {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #efefef transparent;
line-height: 0px;
_border-color: #ffffff #ffffff #000000 #ffffff;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
position: absolute;
top: -10px;
left: 6px;
content: '';
z-index: -1;
}
.css_table {
display:table;
width: 100%;
padding-top: 10px;
}
.css_tr {
display: table-row;
}
.css_td {
display: table-cell;
vertical-align: middle;
}
.sub_table th:first-child {
padding-left: 15px;
}
.nav > li {
float: left;
}
.td_line .css_td{
border-bottom: 1px solid #e6e6e6;
}
.icon_dropdown{
width: 15px;
height: 15px;
display: table;
float: left;
margin-top: 5px;
margin-left: 3px;
}
.icon_dropdown img{
width: 100%;
}
.sub_table h6{
float: left;
font-size: 13px;
color: #6B7771;
}
th.table_01 {
width: 20%;
}
/* subviewtable end */
/* totalbill */
.sub_table.totalbill .total_card {
background-color: #e3f3e3;
height: 40px;
color: #27AE58;
}
.sub_table.totalbill .total_tit {
background-color: #F5F6F6;
height: auto;
}
.sub_table.totalbill th {
padding-left: 5px;
}
.sub_table.totalbill th:first-child {
padding-left: 15px;
}
.sub_table.totalbill td:first-child {
padding-left: 15px;
}
.total_all.subview_all {
padding-bottom: 0px;
}
/* totalbill end */
/* control-bar */
.control-bar {
position: fixed;
-webkit-backface-visibility: hidden;
width: 100%;
bottom: 0;
z-index: 99;
}
.select-tag{
padding: 0px 20px;
overflow-x: auto;
white-space: nowrap;
background-color: rgba(232,247,236,60);
}
.select-box{
width: 100%;
background-color: #F5F5F5;
box-shadow: 0px -4px 10px 0px #F5F5F5;
}
.select-box.now{
position: relative;
z-index: 1000;
}
.select-box ul{
width: 96%;
margin: 0 2%;
padding: 15px 10px 0px;
overflow: hidden;
border-bottom: 5px solid #F5F5F5;
}
.select-box a {
float: left;
text-align: center;
width: 100%;
font-size: 16px;
}
.select-tag01 li {
width: 50%;
list-style: none;
float: left;
padding: 0px 5px;
}
.select-tag02 li {
width: 33.3%;
list-style: none;
float: left;
padding: 0px 5px;
}
.select-tag03 li {
width: 50%;
list-style: none;
float: left;
padding: 0px 5px;
}
.select-tag04 li {
width: 100%;
list-style: none;
float: left;
padding: 3px;
}
.select-tag .display-tag,.display-tag{
z-index: 100;
/*display: none;*/
margin: 5px auto;
border: 2px solid gray;
background: #ffffff;
padding: 8px;
border-radius: 30px;
color: gray;
font-size: 16px;
font-weight: 400;
}
.select-tag .tag,.tag {
z-index: 100;
/*display: none;*/
margin: 5px auto;
background: #E8F0E8;
padding: 8px;
border-radius: 30px;
color: #26A862;
font-size: 16px;
font-weight: 400;
text-decoration: none;
}
.select-tag .tag:hover,.tag:hover{
text-decoration: none;
outline: none;
color: #ffffff;
background: #34BC6A;
}
.select-tag .tag:focus,.tag:focus{
text-decoration:none;
color: #26A862;
}
.select-tag .tag,.search_in{
z-index: 100;
/*display: none;*/
margin: 5px auto;
background: #ffffff;
padding: 8px;
border-radius: 30px;
color: #27AE58;
font-size: 16px;
font-weight: 400;
}
ul.select-tag04.search_all {
overflow-x: hidden;
overflow-y: auto;
max-height: 282px;
padding: 0px;
}
ul.select-tag04.search_all {
border-top: 5px solid #F5F5F5;
}
ul.select-tag04.search_all .tag {
border-bottom: solid #EBEBEB 2px;
background: #F5F5F5;
color: #3A3A3A;
margin: 0;
border-radius: 0px;
text-align: left;
padding: 8px 20px;
font-weight: 400;
line-height: 19.6px;
font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "sans-serif", "Roboto";
font-size: 14px;
}
.select-menu {
background-color: #F5F5F5;
display: table;
width: 100%;
padding: 5px 0px 15px;
}
.footer-menu {
position: fixed;
width: 100%;
z-index: 9999;
bottom: 60px;
left: 0;
}
.select-menu li {
list-style: none;
float: left;
width: 33.3%;
text-align: center;
border-right: 1px solid #EBEBEB;
}
ul.select-line li {
border-right: none;
margin: 0px;
}
ul.select-line hr {
width: 50%;
padding: 0;
margin-top: 15px;
margin-bottom: 10px;
}
.select-menu li:last-child {
border-right: none;
}
.select-menu ul {
padding: 0;
margin: 0;
}
.select-menu li a{
font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "sans-serif", "Roboto";
color: #3A3A3A;
font-size: 16px;
text-align: center;
font-weight: 700;
line-height: 21px;
}
.select-menu li a:hover,.select-menu li a:focus{
text-decoration:none;
}
.select-menu li img {
width: 60px;
height: 60px;
margin: 0px auto;
}
.select-tag .tag.animate
{
-webkit-animation: jumpchoice 1s linear;
-moz-animation: jumpchoice 1s linear;
animation: jumpchoice 0.5s linear;
display: inline-block;
}
@keyframes jumpchoice {
0% {
transform: translateY(100px);
}
30% {
transform: initial;
}
60% {
transform: translateY(-10px);
}
100%{
transform: initial;
}
}
.control-bar .box {
display: table;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 60px;
background-color: #F5F5F5;
}
.control-bar .box a {
display: table-cell;
vertical-align: middle;
overflow: hidden;
text-indent: -9999px;
text-indent: 100%;
white-space: nowrap;
width: 60px;
height: 60px;
}
.smart_top {
position: absolute;
right: 20px;
bottom: 100px;
width: 32px;
height: 32px;
background-color: rgba(58, 58, 58, 0.5);
border-radius: 40px;
text-align: center;
padding-top: 9px;
padding-left: 9px;
cursor: pointer;
display: none;
z-index: 999;
}
.flipy {
-moz-transform:scaleY(-1);
-webkit-transform:scaleY(-1);
-o-transform:scaleY(-1);
transform:scaleY(-1);
filter:FlipV;
}
.smart_top img {
width: 14px;
}
.control-bar .box a.btn-mic {
width: 60px;
height: 60px;
}
span.btn-search{
display: block;
width: 40px;
height: 40px;
background: linear-gradient(90deg, #98E3BA 0%, #57CD99 100%, #F5BE50 100%);
border-radius: 20px;
margin: 10px auto;
position: relative;
z-index: 999;
}
span.btn-search i{
width: 23px;
height: 19.5px;
background: url(../images/icon_mic_2x.png);
background-size: 100%;
background-repeat: no-repeat;
display: block;
position: absolute;
top: 11px;
left: 11px;
}
span.btn-search.disable_right, span.btn-search.disable_right:hover{
background:#D7DADC;
}
span.btn-search.disable_right i,span.btn-search:active i, span.btn-search:hover i{
width: 23px;
height: 19.5px;
background: url(../images/icon_mic_disable_2x.png);
background-size: 100%;
background-repeat: no-repeat;
display: block;
position: absolute;
top: 11px;
left: 11px;
}
span.btn-search:hover {
background:#34BC6A;
}
.control-bar .box .input{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 30px;
display: table-cell;
vertical-align: middle;
width: 100%;
height: 40px;
padding: 4px 13px;
margin: 10px 0;
color: #879195;
font-size: 16px;
line-height: 32px;
border: none;
background-color: #FFFFFF;
border: 1.2px solid #EBEBEB;
font-weight: 400;
font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "sans-serif", "Roboto";
}
input.input.msg.disable_in{
border: 1px solid #D7DADC;
background-color: #D7DADC;
}
.subview_inner .input{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 30px;
display: block;
width: 100%;
height: 42px;
padding: 4px 13px 6px 44px;
margin: 2px 0;
color: #879195;
font-size: 16px;
line-height: 32px;
border: none;
background-color: #F5F6F6;
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu>li {
border-bottom: 1px solid #dedede;
}
.dropdown-menu>li:last-child {
border-bottom: none;
}
.control-bar .box input,.subview_inner .input{outline:none}
.control-bar .box input.input::-webkit-input-placeholder{
color: #fff;
}
.control-bar .box input.input::-moz-placeholder{
color: #B3B3B3;
}
.control-bar .box input.input:-ms-input-placeholder{
color: #B3B3B3;
}
.control-bar .box input.input:-moz-placeholder {
color: #B3B3B3;
}
.btn-add .btn-add-span {
background: url(../images/icon_add_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 40px 40px;
width: 40px;
height: 40px;
display: block;
margin: 10px;
}
.btn-add .btn-add-span:active,
.btn-add .btn-add-span:hover {
background: url(../images/icon_add02_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 40px 40px;
}
.btn-add.disable_left .btn-add-span {
background: url(../images/icon_add03_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 40px 40px;
}
i.icon_search {
position: absolute;
width: 20px;
height: 20px;
left: 40px;
top: 12px;
}
/* control-bar end */
.robot .avatar{
width: 30px;
height: 30px;
border-radius: 19px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
background-color: #ECF2EC;
}
.line_img{
max-width:150px;
margin-bottom: 10px;
margin-left: 16px;
}
.robot .avatar01{
width: 38px;
height: 38px;
border-radius: 19px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
background: url(../images/avatar01_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 38px 38px;
}
.robot .avatar02{
width: 38px;
height: 38px;
border-radius: 19px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
background: url(../images/avatar02_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 38px 38px;
}
.robot .avatar03{
width: 38px;
height: 38px;
border-radius: 19px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
background: url(../images/avatar03_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 38px 38px;
}
.robot .avatar04{
width: 38px;
height: 38px;
border-radius: 19px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
background: url(../images/avatar04_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 38px 38px;
}
.robot .avatar05{
width: 38px;
height: 38px;
border-radius: 19px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
background: url(../images/avatar05_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 38px 38px;
}
.robot .avatar06{
width: 38px;
height: 38px;
border-radius: 19px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
background: url(../images/avatar06_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 38px 38px;
}
.robot .avatar07{
width: 38px;
height: 38px;
border-radius: 19px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
background: url(../images/avatar07_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 38px 38px;
}
.robot .avatar08{
width: 38px;
height: 38px;
border-radius: 19px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
background: url(../images/avatar08_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 38px 38px;
}
.robot .avatar09{
width: 38px;
height: 38px;
border-radius: 19px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
background: url(../images/avatar09_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 38px 38px;
}
.robot .tree{
width: 144px;
height: 175.2px;
background: url(../images/tree_icon_2x.gif);
background-repeat: no-repeat;
background-position: center center;
background-size: 144px 175.2px;
}
.robot .tree01{
width: 166px;
height: 156px;
margin: 15px;
background: url(../images/tree_icon01_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 166px 156px;
}
.robot .tree02{
width: 180px;
height: 170px;
margin: 15px;
background: url(../images/tree_icon02_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 166px 156px;
}
.robot .dialog-box .message .more{
width: 8px;
height: 8px;
border-radius: 4px;
background-color: #33AC71;
display: inline-block;
}
.robot .dialog-box .message .more1{
width: 8px;
height: 8px;
border-radius: 4px;
background-color: #48C159;
display: inline-block;
}
.robot .dialog-box .message .more2{
width: 8px;
height: 8px;
border-radius: 4px;
background-color: #78C93D;
display: inline-block;
}
/* control-bar end */
/* alert */
.payment .paymentcode{
width: 359px;
height: 627px;
background: url(../images/payment_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 359px 627px;
position: relative;
}
.payment .paymentcode .paymenticon{
width: 50px;
height: 56px;
background: url(../images/paymenticon_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 50px 56px;
position: absolute;
right: -13px;
top: -25px;
}
.img-creditcard09 {
width: 220px;
height: 120px;
background: url(../images/img_creditcard09_2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 220px 120px;
}
/* slider */
.slider {
width: 100%;
margin: 0px auto;
padding: 0px 0px 0px 0px;
}
.slick-slide {
margin: 0px 1px;
}
.slick-slide img {
width: 100%;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: 1;
margin: 0px 0px;
}
/*.slick-active {
opacity: .5;
}
.slick-current {
opacity: 1;
}*/
.slider .segment{
padding: 0;
background-color: #FFF;
border-radius: 0 12px 12px 12px;
box-shadow: 0px 6px 10px 0px rgba(68,68,68,0.05);
-moz-box-shadow: 0px 6px 10px 0px rgba(68,68,68,0.05); /* 嚙踝蕭嚙踝蕭 Firefox 嚙瞎嚙諄語嚙糊 */
-webkit-box-shadow: 0px 6px 10px 0px rgba(68,68,68,0.05); /* 嚙踝蕭嚙踝蕭 Safari 嚙瞎 Chrome 嚙瞎嚙諄語嚙糊 */
box-shadow: 0px 6px 10px 0px rgba(68,68,68,0.05); /* 嚙踝蕭嚙踝蕭 Opera 10.5 + 嚙瞎嚙諄語嚙糊 */
}
.slider .segment {
color: #37474F;
font-size: 16px;
font-weight: 300;
}
.desc ul{
padding: 0px 0px 0px 21px;
margin: 0px;
}
.img-banner.segment-round img{
border-radius: 0px 12px 12px 12px;
}
.robot .tree{
width: 144px;
height: 175.2px;
background: url(../images/tree_icon_2x.gif);
background-repeat: no-repeat;
background-position: center center;
background-size: 144px 175.2px;
}
/* service */
.sat_all p {
text-align: center;
font-size: 16px;
padding: 0px 10px;
}
.sat_all {
border-radius: 10px;
position: relative;
}
.sat_all ul {
display: table;
margin: 0px auto;
padding: 8px 0px;
}
.sat_all li {
float: left;
width: 40px;
height: 40px;
margin: 0px 10px;
cursor: pointer;
}
li.icon_star {
background-image: url(../images/icon_star.png);
width: 40px;
height: 40px;
background-size: 96px 33px;
list-style: none;
background-position: -60px 4px;
background-repeat: no-repeat;
margin: 0 10px;
}
li.icon_star.open {
background-image: url(../images/icon_star.png);
width: 40px;
height: 40px;
background-size: 96px 33px;
list-style: none;
background-position: 0px 4px;
background-repeat: no-repeat;
margin: 0 10px;
}
.sat_content {
max-width: 350px;
margin: 0px auto;
font-size: 16px;
padding: 0px 10px;
}
.sat_img,.peo_img {
width: 100%;
/*position: absolute;
top: -83px;*/
}
.sat_img img {
text-align: center;
width: 153px;
margin: 0px auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
li.icon_star {
background-image: url(../images/icon_star_2x.png);
width: 40px;
height: 40px;
background-size: 96px 33px;
list-style: none;
background-position: -60px 4px;
background-repeat: no-repeat;
}
li.icon_star.open {
background-image: url(../images/icon_star_2x.png);
width: 40px;
height: 40px;
background-size: 96px 33px;
list-style: none;
background-position: 0px 4px;
background-repeat: no-repeat;
}
}
.smart_message {
margin: 20px 0px;
}
.smart_message p {
font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "sans-serif", "Roboto";
color: #3A3A3A;
line-height: 24px;
font-size: 16px;
font-weight: 700;
}
textarea#message {
font-size: 16px;
}
.peo_img img{
width: 70px;
height: 70px;
border-radius: 50px;
margin: 0px auto;
box-shadow: 0px 8px 10px 0px #DDE8DD;
-moz-box-shadow: 0px 8px 10px 0px #DDE8DD;
-webkit-box-shadow: 0px 8px 10px 0px #DDE8DD;
box-shadow: 0px 8px 10px 0px #DDE8DD;
}
.otp_shock {
display: table;
margin: 40px auto 0px;
text-align: center;
font-size: 16px;
}
.otp_shock img {
width: 24px;
height: 24px;
margin: 15px auto;
}
/* service end*/
.cathay_smart_open {
background-color: #fff;
bottom:100%;
}
/* index*/
.smart_all {
position: fixed;
bottom: 0;
right: 0;
z-index: 99999;
}
.index_bg{
background-image: url(../images/index.png);
background-position: top center;
width: 100%;
height: 1080px;
background-repeat: no-repeat;
}
.smart_up {
width: 28px;
height: 28px;
margin-bottom: 12px;
margin-left: 42px;
cursor: pointer;
display: none;
}
.smart_alpha {
width: 110px;
height: 130px;
cursor: pointer;
background-image: url(../images/smart_alpha.png);
background-size: 100%;
background-position: 0px 14px;
z-index: 5;
margin-bottom: -20px;
}
.smart_alpha.end{
background-image: url(../images/smart_alpha02.png);
background-size: 100%;
background-position: 0px 14px;
}
.smart_alpha.shut{
background-image: url(../images/smart_alpha03.png);
background-size: 100%;
background-position: 0px 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
.smart_alpha {
background-image: url(../images/smart_alpha_2x.png);
background-size: 100%;
background-position: 0px 14px;
}
.smart_alpha.end{
background-image: url(../images/smart_alpha02_2x.png);
background-size: 100%;
background-position: 0px 14px;
}
.smart_alpha.shut{
background-image: url(../images/smart_alpha03_2x.png);
background-size: 100%;
background-position: 0px 14px;
}
}
.smart_say .say{
right: 20px;
background-color: #fff;
border-radius: 40px 40px 40px 40px;
padding: 10px 20px;
position: relative;
box-shadow: 0px 8px 20px 0px #a7a7a7;
-moz-box-shadow: 0px 8px 20px 0px #a7a7a7;
-webkit-box-shadow: 0px 8px 20px 0px #a7a7a7;
box-shadow: 0px 8px 20px 0px #a7a7a7;
font-size: 14px;
line-height: 1.4;
}
.smart_say .say::before{
content: "";
position: absolute;
width: 24px;
height: 18px;
background-image: url(../images/robot_index.png);
background-repeat: no-repeat;
bottom: -12px;
right: 15px;
z-index: 2;
}
.smart_say p {
margin: 0;
}
.smart_box {
margin-right: 10px;
margin-bottom: -14px;
border-radius: 10px;
box-shadow: 0px 8px 20px 0px #a7a7a7;
-moz-box-shadow: 0px 8px 20px 0px #a7a7a7;
-webkit-box-shadow: 0px 8px 20px 0px #a7a7a7;
box-shadow: 0px 8px 20px 0px #a7a7a7;
overflow: hidden;
height: 500px;
z-index: 3;
display: none;
}
.smart_box iframe {
width: 450px;
height: 500px;
}
.smart_icon {
float: right;
}
/* index end*/
/* otp4 */
.panel .sub_code{
display: inline-block;
}
a.sub_left {
float: left;
width: 50px;
margin-right: 10px;
}
.sub_right {
float: right;
width: 250px;
}
.cathay_smart .panel{
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.panel .subview_box:first-child{
margin: 0px 0px;
}
.cathay_smart .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #27AE58;
cursor: default;
background-color: #fff;
border-bottom: 2px solid #27AE58;
border: none;
}
.cathay_smart .nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: none;
border-radius: 4px 4px 0 0;
font-size: 16px;
color: #879195;
background-color: #fff;
}
.cathay_smart .nav-tabs > li > a:hover {
border-bottom: 2px solid #27AE58;
color: #27AE58;
}
.cathay_smart .nav > li {
width: 50%;
text-align: center;
}
.cathay_smart .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
background-color: #fff;
border-bottom: 2px solid #27AE58;
border-bottom-color: none;
}
/* otp4 end*/
@media (max-width: 768px) {
.select-tag .tag, .tag,.robot .dialog-box,.user .dialog-box ,.control-bar .box .input,.subview_box,.sub_button p{
font-size: 16px;
}
.table_small .dropdown-menu{
margin: 0px 0px 0px 0px;
min-width: 72px;
}
}
@media (max-width: 520px) {
th.table_01 {
width: 23%;
}
.table_left {
width: 29px;
/*margin-left: 10px;*/
}
.sub_table td {
padding: 0px 0px;
}
.sub_height {
max-height: 310px;
}
.table_small .dropdown-menu{
margin: 0px 0px 0px -32px;
min-width: 72px;
}
.table_small .dropdown-menu:before {
left: 46px;
}
.table_small .dropdown-menu:after {
top: -10px;
left: 43px;
}
.qa_img{
width: 200px;
position: absolute;
top: 0px;
right: 0px;
}
}
@media (max-width: 412px) {
.sub_height {
max-height: 230px;
}
.select-tag02 li {
padding: 0px 2px;
}
.select-box a {
font-size: 16px;
}
}
@media (max-width: 750px) {
.sub_height {
max-height: 347px;
}
.sub_height_sec-kyc-agree {
max-height: 290px;
}
}
@media (max-width: 360px) {
.sub_height {
max-height: 280px;
}
}
@media (max-width: 320px) {
.sub_height {
max-height: 210px;
}
.cathay_smart .nav > li{
width:auto;
}
}
.target img,.target .time{
visibility: hidden;
}
.robot .tree{
width: 144px;
height: 175.2px;
background: url(../images/tree_icon_2x.gif);
background-repeat: no-repeat;
background-position: center center;
background-size: 144px 175.2px;
}
.new_msg_alert p{
border-radius: 50px;
width: 25%;
background: #33333333;
color: #333333b8;
padding: 10px;
margin: 10px auto;
font-size: 12px;
text-align: center;
}
.touch .heder_back{
display: block;
}
.header_service,.select-menu{
overflow : hidden;
}
.message{
word-break: break-all;
}
input::-webkit-input-placeholder {
color: #879195!important;
font-weight: 300;
font-size: 16px;
}
input::-webkit-input-placeholder { /* WebKit browsers */
color: #879195!important;
font-weight: 300;
font-size: 16px;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #879195!important;
font-weight: 300;
font-size: 16px;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #879195!important;
font-weight: 300;
font-size: 16px;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #879195!important;
font-weight: 300;
font-size: 16px;
}
input.placeholder{ /* Internet Explorer 8 & 9*/
color: #879195!important;
font-weight: 300;
font-size: 16px;
}
input[type="text"] {
-webkit-appearance: none;
}
input.disable_in::-webkit-input-placeholder {
color: #fff!important;
font-weight: 300;
font-size: 16px;
}
input.disable_in::-webkit-input-placeholder { /* WebKit browsers */
color: #fff!important;
font-weight: 300;
font-size: 16px;
}
input.disable_in:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff!important;
font-weight: 300;
font-size: 16px;
}
input.disable_in::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff!important;
font-weight: 300;
font-size: 16px;
}
input.disable_in:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff!important;
font-weight: 300;
font-size: 16px;
}
.control-bar .box.focus {
/*padding: 5px 0 0 0;
margin: 0 0 30px 0;*/
}
/* for chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;}
/* for mozilla */
input[type=number] {-moz-appearance: textfield;}
.cathay_smart input{outline:none}
@media screen and (max-height: 500px){
.sub_height {
max-height: 150px;
}
.subview_inner p {
padding-top: 10px;
}
.sub_button {
margin-top: 0px;
}
.subview_box {
margin: 0px 0px 0px;
}
.sat_all {
padding: 15px 0px 14px;
}
textarea#message {
height: 65px;
}
.subview_inner {
overflow: hidden;
}
}
.brand_new_all .subview_box{
margin: 15px 0px 0px;
}
.brand_new_all .code_img{
width: 100%;
margin: 0px auto;
max-width: 335px;
}
.bank_agree a{
color: #1AAF54;
text-decoration: none;
border-bottom: 1px solid #1AAF54;
/*line-height: 25px;*/
}
.bank_agree a:hover,
.bank_agree a:focus{
text-decoration: none;
}
.agree.bank_agree {
width: 100%;
padding-top: 15px;
}
.agree.bank_agree p{
color: #37474F;
text-align: center;
margin: 0px;
padding: 10px 0px 0px;
font-size: 16px;
}
.has-million{
position: relative;
}
i.sub_million{
width: 24px;
height: 24px;
display: table;
position: absolute;
top: 12px;
right: 10px;
z-index: 2;
background-color: #fff;
font-style: normal;
}
@media screen and (min-height: 640px){
.subview_inner.bank_height{
max-height: 560px;
overflow: hidden;
}
}
.heder_service2 {
position: absolute;
width: 24px;
height: 24px;
top: 14px;
right: 11px;
cursor: pointer;
}
.header_service2 ul {
list-style: none;
}
.header_service2 {
display: none;
box-shadow: 0px 8px 10px 0px rgba(68,68,68,0.05);
}
.header_service2 li {
text-align: left;
padding: 10px 20px;
}
.header_service2 li a{
color: #F5F5F5;
}
.header_service2 li a:hover{
text-decoration: none;
}
.header_service2 i {
width: 24px;
height: 24px;
display: table;
float: left;
}
.header_service2 img {
margin: -2px -5px;
}
.header_service2 ul {
padding: 0px 15px;
}
.header_service2 li:hover {
background-color: #EBEBEB;
}
.passwordIcon_open{
position: absolute;
background: url(../images/view.png)no-repeat center;
width: 45px;
height: 45px;
right: 0;
}
.passwordIcon_close{
position: absolute;
background: url(../images/disview.png)no-repeat center;
width: 45px;
height: 45px;
right: 0;
}
.small-tag {
border-radius: 15px 15px 15px 15px;
width: 50px;
color: #3d3d3d;
padding: 4px 6px 3px;
font-size: 12px;
text-align:center;
background-color: #FFFFFF;
display: inline-block;
font-weight: bold;
float: left;
margin-right: 10px;
}
.card-bottom span{
text-align: center;
color: #FC6C24;
display: block;
padding: 11px;
text-decoration: none;
font-weight: 700;
background:#FFF1EB;
}
.icon_sort {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.icon_sort::after {
display: block;
content: "";
width: 16px;
height: 16px;
margin-left: 3px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAw3pUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjabVDbDcMwCPz3FB3BcNjB4zhtKnWDjl8ccJS0RfLxOHQG0vZ+PdNtGJMkKYvWVms2kyaNuwWa3fqOlGVHT7bg6FpPB8FWgnl4qjX6Z50OAXfdonIS0nsQ65VoEvr6JcTuMCYa8SOEWgiBnaAQ6L5Wrk2X8wrr3GCa+ksDRK9j/+SLXe9R7B8wbyBkQ0B8AIyHhG4EGTLUGgnF4rKjgEPMDvLvTtPSB3D0WXlZL0nPAAABhGlDQ1BJQ0MgcHJvZmlsZQAAeJx9kT1Iw0AcxV9TpaIVBzuIdIhQnezgB+JYq1CECqFWaNXB5NIvaNKQpLg4Cq4FBz8Wqw4uzro6uAqC4AeIq4uToouU+L+k0CLWg+N+vLv3uHsHCPUy06yuGKDptplKxMVMdlUMvKIPYQQwgRGZWcacJCXRcXzdw8fXuyjP6nzuz9Gv5iwG+ETiGDNMm3iDeGbTNjjvE4dYUVaJz4nHTbog8SPXFY/fOBdcFnhmyEyn5olDxGKhjZU2ZkVTI54mjqiaTvlCxmOV8xZnrVxlzXvyFwZz+soy12mGkcAiliBBhIIqSijDRpRWnRQLKdqPd/APu36JXAq5SmDkWEAFGmTXD/4Hv7u18lOTXlIwDnS/OM7HKBDYBRo1x/k+dpzGCeB/Bq70lr9SB2Y/Sa+1tMgRMLANXFy3NGUPuNwBhp4M2ZRdyU9TyOeB9zP6piwweAv0rnm9Nfdx+gCkqavkDXBwCIwVKHu9w7t72nv790yzvx/bInLQmeb86gAADXppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDQuNC4wLUV4aXYyIj4KIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgIHhtbG5zOkdJTVA9Imh0dHA6Ly93d3cuZ2ltcC5vcmcveG1wLyIKICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICB4bXBNTTpEb2N1bWVudElEPSJnaW1wOmRvY2lkOmdpbXA6NjEyNmNlYTYtMGRjYi00MzlkLTgyMzgtNDZkOWYxOTYzYmMzIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA2ZWRjMTkyLWY5ZDMtNDkyMS04ODQ5LTA2NTY4MGQyYjZhNyIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmNlMDNkNTY1LTE0NTEtNDU3Zi04ODE0LWQwMGIzOGRmZGI0NyIKICAgR0lNUDpBUEk9IjIuMCIKICAgR0lNUDpQbGF0Zm9ybT0iTWFjIE9TIgogICBHSU1QOlRpbWVTdGFtcD0iMTcwMTE1ODE0Mzc2MTQ5NSIKICAgR0lNUDpWZXJzaW9uPSIyLjEwLjM0IgogICBkYzpGb3JtYXQ9ImltYWdlL3BuZyIKICAgdGlmZjpPcmllbnRhdGlvbj0iMSIKICAgeG1wOkNyZWF0b3JUb29sPSJHSU1QIDIuMTAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjM6MTE6MjhUMTU6NTU6NDIrMDg6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIzOjExOjI4VDE1OjU1OjQyKzA4OjAwIj4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODhkZDM1ODUtNWUzMC00M2ZkLThlOGEtNzY1OGEzNjE3MzkzIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKE1hYyBPUykiCiAgICAgIHN0RXZ0OndoZW49IjIwMjMtMTEtMjhUMTU6NTU6NDMrMDg6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+0KmBbgAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+cLHAc3K5N+F10AAAHYSURBVEjH7ZaxahRRFIa/c2fJZEEUAgpGMJUG3bgKkSA32om12FpYBFLvI+wjBDu18AEEBQtZCFi5BxMStZjVSBpTiGAhWIgsMjMWubPMTGZ2Z0UsZH6Y5t4z9zv/PT/MQK1atf5LtXprc63e2tzfOKv94u6x1qA7k1+X/IK9biMEAT4Sw3Bj6dLu1Ye/pgVaa/eA8yOOoNrX1WTfZIpX7QcHBVhEWPA7waflnfXGlND7GIZ4iHvAYFuDbqMQXHADswjzfifYXd5Z9ypCXwP3ENqZjRBk/8AvBsd8IzwsSr+A0PY7wZtJcGvtIwxNPI7nocB+cPvxj0KwqlqEvVFxCHiju2g7540S6FMMF4qcOm2ODZeb9VdiTkIKnBxi+DLcWFpIB85BLyIslkC3VPVaessUgbWvpxCCjPOkCeG03wl6iXNr7RMMDYSzJdBneWip45Tzd8RcPuL8MA8HRGxiWEE4BzSrOK0EdvDPGOYz8x6n0LUFL1X1ZlmZmXSO9vUMEa/wcmkvhwJsj4NWAjv4DSKXynCi09LrnRrs4LcQnmcCd7SJ7SrQSjMumPlbYq6k5v2TkGZVp38MHqXdMAucIOY7Ee9V9c6/+XQOujPW2gf1T0StWol+A4LAoGZUXU5iAAAAAElFTkSuQmCC");
background-repeat: no-repeat;
background-position: center;
background-size: 12px;
-webkit-transition: -webkit-transform linear 0.3s;
transition: -webkit-transform linear 0.3s;
transition: transform linear 0.3s;
transition: transform linear 0.3s, -webkit-transform linear 0.3s;
}
.icon_sort--up::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
/*====靽格table憿�筑�����====*/
.subview_inner .input{
padding-top:0px;
padding-bottom:0px;
height: 45px;
margin: 0px 0px;
}
.subview_head hr{
margin-bottom:0px;
padding-bottom:13px;
}
.sub_height{
padding-top:13px;
}
.sub_table h6{
margin-top: 7.85px;
margin-bottom: 7.85px;
}
.sub_table .table_right_one p{
padding-right:20px;
}
.subview_head h1{
margin-bottom: 13px;
}
.robot .dialog-box .time{
margin:0px 0 20px 20px;
}
.user .dialog-box .time{
margin: 0 2px 20px 0;
}
.sub_table p {
font-size: 14px;
}
.subview_box{
font-size: 14px;
}
/*== ��UI隤踵 ==*/
.subview_box {
margin:0px 0px 0px;
}
.agree.bank_agree{
padding-top:5px;
}
.sub_code{
padding-top:5px;
}
input[type="password"] {
-webkit-appearance: none;
}
.has-error input.form-control {
margin-bottom: 0px;
}
.sub_button{
margin-top:15px;
}
/*== 瘚桀���� ���之撠矽� ==*/
@media (max-width: 520px){
.table_left {
width:24px;
}
}
.table_left{
width:24px;
height:24px;
}
.sec-kyc .has-error .form-select {
margin-bottom: 0px;
}
.sub_table input[type=radio]:not(old), input[type=radio ]:not(old), .sub_table input[type=checkbox]:not(old), input[type=checkbox ]:not(old) {
width: 24px;
height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.sub_table input[type=radio]:not(old) + label, .sub_table input[type=checkbox]:not(old) + label {
background-size:24px 24px;
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.sub_table input[type=radio]:not(old):checked + label, .sub_table input[type=checkbox]:not(old):checked + label {
background-size: 24px 24px;
}
}
.sub_table input[type=radio]:not(old) + label, .sub_table input[type=checkbox]:not(old) + label {
width: 24px;
height: 24px;
background-size:24px 24px;
}
.sub_table input[type=radio]:not(old):checked + label, .sub_table input[type=checkbox]:not(old):checked + label {
width: 24px;
height: 24px;
background-size:24px 24px;
}
.header_service2 img{
padding-bottom: 21px;
}
/*== 瘚桀閬��-���頧�犖��extarea ����隤踵 ==*/
.has-success .form-control {
border: 1.5px solid #27AE58;
}
.has-success .form-control:focus {
border: 1.5px solid #27AE58;
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}
.has-error textarea.form-control {
border: 1.5px solid #E65100;
}
.has-error textarea.form-control:focus {
border: 1.5px solid #E65100;
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px #ce8483;
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px #ce8483;
}
/*== ������靽格 ==*/
.txt_Infor {
padding: 9px 0px;
line-height: 1.35;
}
.txt_Inforbox {
padding: 8px 20px;
}
.txt_bank p, .txt_safe p {
margin: 0 0 8px;
}
/* 銝剔�暑��� */
.full_modal .modal-dialog{
margin: 0px auto;
width: 100%;
}
.full_version{
height: 100vh;
position: relative;
}
.full_version i{
width: 24px;
height: 24px;
display: inline-block;
position: absolute;
right: 15px;
top: 14px;
cursor: pointer;
z-index: 99999999;
}
.full_version .full_box img{
width: 220px;
margin: 0px auto;
}
.full_version .full_box{
position: absolute;
width: 100%;
text-align: center;
top: 50%;
left: 50%;
right: 0;
transform: translate(-50%, -50%);
}
.full_version .full_box p{
color: #fff;
font-size: 20px;
}
.full_version .full_box p span{
color: #FD8F24;
font-size: 26px;
}
.modal.fade.full_modal .modal-dialog {
transform: translateY(0vh);
}
/* 銝剔�暑��� end*/
.subview_head_new h1 {
text-align: center;
color: #37474F;
font-size: 17px;
font-weight: 300;
line-height: 23px;
margin-top: 10px;
margin-bottom: 10px;
}
.subview_head_new hr {
border-top: 1px solid #bfbfbf;
margin-top: 0px;
}
.subview_head_new .modal-close {
top: 10px;
}
.select-style .form-control {
border: 1.5px solid #D7DADC;
border-radius: 2px;
box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
margin-top: 0px;
padding: 6px 22px;
}
.select-style .form-control:focus {
outline: 0;
-webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%), 0 0 0px rgb(0 0 0 / 8%);
box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
border: 1.5px solid #27AE58;
}
.form-select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: url(../images/icon_down01_2x.png) no-repeat 92% center transparent;
background-size: 17px;
padding-right: 40px!important;
height: 45px;
font-size: 16px;
}
.header-text {
font-size: 16px;
color: #37474F;
font-weight: 300;
}
select:required:invalid {
color: #879195;
}
#subview_footer a.a-link {
color: #1AAF54;
text-decoration: none;
}
/* �閮�憛� */
.errBox {
background-color: #FDF1EB;
}
.errortips {
display: none;
margin: 0 auto 10px;
max-width: 400px;
}
.errortips.has-error {
display: block;
position: relative;
color: #E65100;
padding: 8px 20px 8px 44px;
/* background-color: #FDF1EB; */
}
.errortips.has-error:after {
content: '';
display: block;
width: 15px;
height: 15px;
position: absolute;
left: 24px;
top: 10px;
background-size: contain;
background-image: url(/ChatWeb/resources/common/images/attention@2x.png);
}
/* �閮�憛� End */
.d-flex {
display: flex;
}
/* select arrow*/
.form-select {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background: url(../images/icon_down_2x.png) no-repeat 95% center transparent;
background-size: 27px;
padding-right: 40px;
}
.px-26 {
padding: 0px 26px;
}
.m-5 {
margin: 5px;
}
.d-flex {
display: flex;
}
.has-error .form-control {
border-color: #E65100;
}
select:required:invalid {
color: #879195;
}
select.form-control[disabled] {
opacity: revert;
}
.sub_table span.radio-text {
padding-left: 35px;
font-size: 16px;
line-height: 22px;
color: #37474F;
}
/* ���惇�扳葫撽� start */
.sel{
display: inline-block;
margin-top: 3px;
}
.sel-div{
margin: 8px 10px 8px 0px;
float: left;
}
.sel-box {
color: #777777;
border: 2px solid #D7DADC;
background: #ffffff;
border-radius: 22px;
min-width: 74px;
float: left;
padding: 10px;
cursor: pointer;
line-height: 18px;
}
.sel-txt {
text-align: center;
font-weight: 700;
line-height: 18px;
gap: 12px;
}
.sel-active{
background: #98E3BA;
color: #3A3A3A;
border: 2px solid #98E3BA;
}
.px-26 {
padding: 0px 26px;
}
.m-5 {
margin: 5px;
}
.d-flex {
display: flex;
}
.has-error .form-control {
border-color: #E65100;
}
.checkbox_item .mouse_pointer{
position: absolute;
left: 12px;
cursor: pointer;
}
.agreements {
position: relative;
/* margin-bottom: 12px; */
margin-bottom: 24px;
padding: 0px 0 0 13px;
/*padding: 0px 0px 0 35px;*/
}
.agreements input[type=checkbox][disabled] + label:before{
content: '';
display: block;
position: absolute;
width: 18px;
height: 18px;
top: 2px;
left: -24px;
border: 2px solid #d7dadc;
border-radius: 2px;
z-index: 501;
}
.agreements input[type=checkbox] + label:before{
content: '';
display: block;
position: absolute;
width: 18px;
height: 18px;
top: 2px;
left: -24px;
border: 2px solid #27AE58;
border-radius: 2px;
z-index: 501;
}
.agreements input[type=checkbox]:checked + label:after{
content: '';
display: block;
position: absolute;
width: 11px;
height: 5px;
left: -20px;
/*top: 5px;*/
top: 7px;
border-top: 2px solid white;
border-right: 2px solid white;
-webkit-transform: rotate(130deg);
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
transform: rotate(130deg);
z-index: 501;
}
.agreements input[type=checkbox]:checked + label:before{
background-color: #27AE58;
}
.agreements label {
position: relative;
font-weight: 400;
color: #37474F;
margin-left: 24px;
font-size: 16px;
}
/* ���惇�扳葫撽� end */
/* subview_head_new start*/
#ReBalanceAgreeModal .subview_head_new hr {
/*border-top: 1px solid #bfbfbf;*/
border-top: 1px solid #DFE2E3!important;
margin-top: 0px!important;
padding-bottom: 0px!important;
}
.max-width-400-2 {
max-width: 400px;
margin: 0 auto;
padding: 0px 26px;
}
#ReBalanceAgreeModal .subview_inner {
max-width: initial;
padding: 0px;
}
/* subview_head_new end*/
/* accordion start */
.accordion-btn {
width:16px;
height: 9px;
margin-top: 5px;
background: url(../images/icon_arrow_up.png);
background-repeat: no-repeat;
}
.collapsed .accordion-btn {
background: url(../images/icon_arrow_down.png);
background-repeat: no-repeat;
}
button.btn.btn-link.accordion-btn:focus {
outline: initial;
}
#accordion .card {
border-bottom: 1px solid #DFE2E3;
}
#accordion .card-header {
padding: 0px 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
#accordion .card-body {
padding: 0 22px;
margin: 20px auto;
max-height: 216px;
overflow-y: auto;
}
#accordion .collapse {
border-top: 1px solid #DFE2E3;
}
.subview_footer_new a {
float: inherit;
display: block;
line-height: 24px
}
.subview_footer_new a.tag {
line-height: 24px
}
.font-weight-400{
font-weight: 400;
}
.font-weight-300{
font-weight: 300;
}
.text-primary {
font-size: 16px;
line-height: 22px;
color: #37474F;
}
/* accordion end */
.form-control:focus {
-webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
border: 1.5px solid #27AE58;
}
/* 扣款提醒 start */
.backdrop{
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.1);
position: absolute;
z-index: 1045;
}
.backdrop:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
z-index: 1050;
}
.reminder-header {
text-align: center;
margin: 33px 33px 7px 33px;
}
.reminder-content {
text-align: center;
margin: 0px 33px 9px 33px;
height: 57.5px;
font-size: 16px;
}
.uesr-info {
font-weight: 700;
font-size: 16px;
line-height: 21px;
color: #37474F;
}
.uesr-info span {
font-weight: 700;
font-size: 16px;
line-height: 21px;
color: #37474F;
}
a.tag-outline{
border-radius: 6px;
border: 1.5px solid #98E3BA;
background: #98E3BA;
color: #3A3A3A;
font-weight: 700;
font-size: 16px;
font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "sans-serif", "Roboto";
text-decoration: auto;
margin: 0 10px;
padding: 4px 20px;
}
a.tag-outline:hover {
border-radius: 6px;
border: 1.5px solid #34BC6A;
background: #34BC6A;
color: #FFFFFF;
font-weight: 700;
font-size: 16px;
font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "sans-serif", "Roboto";
text-decoration: auto;
}
#CustomHelloModal .sub_button a{
white-space: nowrap;
}
@media (max-width: 340px) {
#CustomHelloModal .sub_button {
flex-wrap: wrap;
}
#CustomHelloModal .sub_button a:not(:last-child) {
margin-bottom: 10px;
}
}
/* 扣款提醒 End */
/* 收益分配更改帳戶設定 Start */
#ProfitAccountChangeModal .headerTxt {
margin: 16px auto 0;
max-width: 400px;
padding: 0 14px;
font-weight: 300;
line-height: 20px;
font-size: 14px;
}
#ProfitAccountChangeModal .headerTxt2 {
font-weight: 400;
line-height: 20.8px;
font-size: 13px;
}
#ProfitAccountChangeModal .subview_box label {
font-weight: 700;
font-size: 16px;
}
#ProfitAccountChangeModal .data3 {
display: inline-block;
width: 30%;
padding: 12px 20px 12px 22px;
margin-right: 5%;
}
#ProfitAccountChangeModal .data4 {
display: inline-block;
width: 65%;
padding: 12px 40px 12px 22px;
}
#ProfitAccountChangeModal .pacBtn {
font-size: 16px;
font-weight: 700;
line-height: 21px;
}
#IsMemberPageModal .txt {
font-size: 16px;
line-height: 22.4px;
font-weight: 400;
}
#ProfitAccountChangeModal .bluelink {
color: #0091FF !important;
}
#ProfitAccountChangeModal .bluelink:hover {
color: #23527C !important;
}
/* 收益分配更改帳戶設定 End */
.back-link {
color: #333;
cursor: pointer;
}
.back-link:hover {
color: #333;
}
/* FAQ底下新增答案評分功能 Start */
.frqDiv {
padding-left: 42px;
color: #3D3D3D;
font-size: 16px;
padding-right: 20px;
}
.frqBtnDiv {
cursor: pointer;
margin-bottom: 1rem;
overflow: overlay;
}
.frqBtnDiv span {
color:#A0A0A0;
font-size: 14px;
padding-left: 4px;
}
.frqBtnDiv a {
float: left;
text-align: center;
font-size: 16px;
line-height: 24px;
background-color: #E8F0E8;
color: #26A862;
border-radius: 22px;
height: 35px;
padding-top: 5px;
list-style: none;
margin-right: 8px;
margin-bottom: 8px;
text-decoration: none!important;
}
.frqBtnDiv a:hover{
text-decoration: none;
color: #FFFFFF;
background: #34BC6A;
outline: none;
}
.frqQr-tag1, .frqQr-tag2, .frqQr-tag3 {
max-width: 500px;
}
.frqQr-tag1 a {
width: 100%;
}
.frqQr-tag2 a {
width: calc(50% - 8px);
}
.frqQr-tag3 a {
width: calc(33.3% - 8px);
}
.replySpan {
font-weight: 400;
font-size: 12px;
line-height: 16.8px;
text-align: center;
color: #3A3A3A;
border-radius: 6px;
background-color: #EBEBEB;
width: 287px;
height: 33px;
display: table-cell;
vertical-align: middle;
}
/* FAQ底下新增答案評分功能 End */
/* 基金警語 Start*/
.noPadding {
padding: 0;
}
.iframeCss {
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
/* 基金警語 End*/