@charset "utf-8";

body,html { height:100%;}
body { letter-spacing:0.05em; font-size:15px; font-family: "微軟正黑體", "Microsoft JhengHei" , sans-serif; color:#555;}

/*----------header*/
header { width:100%; height:50px; border-bottom:1px solid #ccc; background:#fff; position:fixed; top:0; left:0; z-index:20; border-bottom:2px solid #057cd6;}
header a.logo { display:block; width:145px; height:30px; background:url(../images/logo.png) no-repeat center; background-size:145px 30px; position:absolute; left:50%; margin-left:-72.5px; top:10px;}
header a.menu-btn { display:block; width:25px; height:25px; background:url(../images/icon-menu.png) no-repeat center; background-size:25px 25px; position:absolute; left:10px; top:10px;}
header a.search-btn { display:block; width:25px; height:25px; background:url(../images/icon-search.png) no-repeat center; background-size:25px 25px; position:absolute; right:10px; top:10px;}
header a.search-btn.active { background:url(../images/icon-close.png) no-repeat center; background-size:25px 25px;}
/*search*/
header .search-wrap { display:none; position:absolute; top:50px; left:0; width:96%; padding:8px 2%; background:#fff; border-bottom:1px solid #ddd;}
header .search-wrap input[type="text"]{ padding:10px 10px 10px 30px; width:90%; border:1px solid #ddd; border-right:none; background:url(../images/icon-search.png) 3px 5px no-repeat; background-size:24px 24px; border-radius:0;}
header .search-wrap input[type="submit"] { width:10%; margin:0; padding:10px 0; border:1px solid #ddd; background:#fff; cursor:pointer; border-radius:0;}

/*nav*/
.menu-wrap { background:#fff; padding:0; overflow-y:auto; overflow-x:hidden; z-index:9999; -webkit-backface-visibility:hidden; border-right:1px solid #ddd;}
ul.menu li{ border-bottom:1px solid #eee;}
ul.menu li a { display:block; padding:8px 20px; font-size:14px; color:#000;}
ul.menu li ul { display:none; border-top:1px solid #eee;}
ul.menu li ul li:last-child{ border-bottom:none;}
ul.menu li ul li a { font-size:13px; line-height:20px; padding:6px 20px 6px 40px; color:#777;}
ul.menu i { display:block; float:right; width:24px; height:24px; background:url(../images/icon-menudown.png) no-repeat left center; background-size:15px 12px;}
ul.menu i.arrowt{ background:url(../images/icon-menutop.png) no-repeat left center; background-size:15px 12px;}
/*.menu-overlay { display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:1; background:rgba(255,255,255,.5);}*/

/*----------content*/
.wrapper { margin-top:55px; padding:30px 0; /*border-top:3px solid #666;*/}
.main { width:90%; margin:0 auto;}
.main img{ max-width:100%!important; height: auto!important; _width:expression(this.width > 100 ? "100%" : this.width)!important;}
.title1 { /*color:#018ccf;*/ color: #333; border-left:5px solid #018ccf; background: #eef2f4; padding:5px 5px 5px 15px; margin-bottom:20px;}
h3 { font-size:20px; line-height:30px; font-weight:bold;}
p,a { font-size:15px; line-height:23px; color:#555;}
p { margin-bottom:20px;}
.t-blod,b { font-weight:bold; color:#000;}
.t-line { text-decoration:underline;}
.t-orange {
    color: #ed6c00;
    font-weight: bold;
}
.t-black { color:#555;}
.t-blue { color:#018ccf;}
.t-red { color:#c95067;}
.t-gray { color:#999;}
.t-center { text-align:center !important;}
.t-right { text-align:right !important;}
.small { font-size:13px; line-height:20px;}
.inline { display:inline-block;}
.clear { clear: both; }
.pd20 { padding:20px;}
.pd60 { padding:60px 20px 0 20px;}
.vm { vertical-align:middle;}
ol { padding-left:20px;}
ol li { list-style:decimal; font-size:14px; line-height:23px; color:#555;}

/*----------form*/
.form-default { line-height:23px;}
.form-default .field { padding:15px 0; width:100%; border-bottom: 1px dashed #ddd;}
.form-default .field .left { display:inline-block; color:#018ccf; font-size:15px; vertical-align:top; font-weight:bold; margin-right:12px;}
.form-default .field .left.blue { color:#018ccf; border-left:5px solid #dff2fc; padding-left: 15px;}
.form-default .field .right { display:inline-block; vertical-align:top;}
.form-default .field .right.bl { display:block; margin-top:10px;}
.form-default .field .right.pL { color:#555;}
.form-default .field .right.bg { background:#eee;}
.form-info { padding-left:20px;}
.form-info .field { overflow:hidden; clear:both; margin:10px 0; width:100%;}
.form-info .field .left { font-weight:bold;}
.form-info .field .right { margin-top:10px;}

/*----------input style*/
::-webkit-input-placeholder { color:#aaa; }
::-moz-placeholder { color:#aaa; }
:-ms-input-placeholder { color:#aaa; }
input:-moz-placeholder { color:#aaa; }
input.t-orange:-moz-placeholder,input.t-orange:-ms-input-placeholder,input.t-orange:-webkit-input-placeholder { color:#ed6c00 !important;}
input,textarea,select,button{ outline:none; -webkit-appearance: none; border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border-radius:0;}
input[type=radio] { -webkit-appearance:radio; vertical-align:middle; width:15px; height:15px; margin-bottom:5px;}
input[type=checkbox] { -webkit-appearance:checkbox; background:#fff; border:1px solid #ddd; vertical-align:middle; width:15px; height:15px; margin:0 5px 5px 0;}
input.default { background: #eee; padding:8px 10px; width:calc( 100% - 22px ); color:#555; font-size:14px; border-radius:40px;}
    input.defaultReadonly {
        background: #e2effc;
        padding: 8px 10px;
        width: calc( 100% - 22px );
        color: #555;
        font-size: 14px;
        border-radius: 40px;
    }

select.default { padding:8px 30px 8px 10px; background:url(../images/icon-selectarrow.png) right 8px top 12px no-repeat #eee !important; background-size:11px 7px !important; border-radius:30px; color:#555; font-size:14px;}
input.default:focus,select.default:focus { box-shadow:0 0 0 1px #a7defb;}
textarea { display:inline-block; vertical-align:top; background: #eee; padding:10px; color:#555; font-size:14px; border-radius:20px; width:200px;}
.default.input-ss { width:80px;}
.default.input-s { width:100px;}
.default.input-mm { width:150px;}
.default.input-m { width:180px;}
.default.input-mL { width:200px;}
.default.input-L { width:300px;}
input.full { width:96%;}
/*radio*/
.radio-style {}
.radio-style label { display:inline-block; cursor:pointer; margin-right:10px; vertical-align:top;}
.radio-style label:last-child { margin-right:0;}
.radio-style input[type="radio"] + span:before { content: ''; display: inline-block; vertical-align:middle; width:12px; height:12px; border-radius:50%; border:2px solid #fff; box-shadow: 0 0 0 1px #ccc; margin-right:5px;}
.radio-style input[type="radio"]:checked + span:before { background:#0969b6; box-shadow: 0 0 0 1px #0969b6;}
.radio-style input[type=radio] { -webkit-appearance:none; width:0; margin:0; padding:0; opacity:0;}
.radio-style input[type="radio"]:disabled + span { opacity:0.5;}
.radio-style input[type="text"] { height:31px;}
/*checkbox*/
.check-style label { display:inline-block; vertical-align:middle; margin:0 10px 5px 0; cursor:pointer;}
.check-style label:last-child { margin:0;}
.check-style input[type=checkbox] { position: relative; width: 15px; height: 15px; margin:0 5px 0 0; display: inline-block; vertical-align:middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none; border:none;}
.check-style input[type=checkbox]:after { content: ''; position: absolute; display: block; z-index: 1; width: 15px; height: 15px; border: 1px solid #ccc; border-radius: 2px;}
.check-style input[type=checkbox]:before { background:url(../images/icon-check.png) no-repeat center #fff; background-size:10px 10px; position: absolute; left: 2px; z-index: 2; opacity: 0; width: 100%; height: 100%; color: #0969b6;}
.check-style input[type=checkbox]:checked:before { content: ''; position: absolute; top: 0px; opacity: 1;left: 0px; border: 1px solid #0969b6; border-radius: 2px; vertical-align:middle;}
input[type=checkbox]:disabled{ opacity:0.5;}
.check-style label input[type="text"] { height:31px;}
.check-style input[type="text"] { height:31px;}

/* step */
.step {
    width: 100%;
    background: #dff2fc;
    padding: 25px 10% 10px 10%;
}
.step .num { width:100%; border-top:1px dashed #018ccf; height:20px; text-align:center;}
.step .num i { display:inline-block; vertical-align:middle; color:#fff; background:#9fa0a0; width:20px; line-height:20px; font-size:13px; font-weight:bold; border-radius:50%; margin:0 6px; position:relative; bottom:10px;}
.step .num i.active { background:#0969b6;}
.step h4 { color:#018ccf; font-size:14px; font-weight:bold; margin-top:5px; text-align:center;}
/* step new */
.step-field { padding: 20px 10px; background: #e5f1f6; text-align: center;}
.steps { display: inline-block; margin:2px 0;}
.steps .num { display: inline-block; width:32px; line-height:32px; text-align: center; border-radius: 50%; font-size:18px; font-weight: bold; background: #fff; vertical-align: middle;}
.steps.no .num { color: #bbb; border:1px solid #bbb;}
.steps.finish .num { color: #3eb2e3; border:1px solid #3eb2e3;}
.steps.active .num { color: #fff; border:1px solid #0067b3; background: #0067b3;}
.steps.active { border-radius:40px; background: #fff; border:1px solid #0067b3;}
.steps.active .txt { display: inline-block; padding: 0 15px 0 8px; color: #0067b3; font-size: 13px; line-height:30px; vertical-align: middle;}
.steps.finish { position: relative;}
.steps.finish .ico { display: block; position: absolute; left: 0; bottom: 0;}
.steps .check { display: inline-block; background:#3eb2e3; width:12px; height:12px;line-height:9px; border-radius:50%; text-align:center;}
.steps .check:after { content: ''; display: inline-block; width: 2px; height:6px; border: solid #000; border-width: 0 1px 1px 0; border-color:#fff; transform: rotate(45deg);}

.bline { width:100%; height:1px; background:#ddd; clear:both; margin:30px 0;}
.field-bg { padding:10px; background:#dff2fc;}
.upload { margin-bottom:10px;}
.upload .imgs img{ height:100px !important; vertical-align:middle;}
.uploadMulti {
    margin-bottom: 10px;
}
.uploadMulti .imgs img {
    height: 100px !important;
    vertical-align: middle;
}
.icon-dl { display:inline-block; vertical-align:middle; margin-left:20px;}

/*----------btn*/
.btn-wrap { clear:both; margin-top:30px; text-align:center;}
.btn-default {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    background: #0e599c;
    margin: 5px;
    background: -moz-linear-gradient(left, #0e599c 0%, #008cee 100%);
    background: -webkit-linear-gradient(left, #0e599c 0%,#008cee 100%);
    background: linear-gradient(to right, #0e599c 0%,#008cee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e599c', endColorstr='#008cee',GradientType=1 );
}
    .btn-default:hover {
        background: #0e599c;
        color: aliceblue;
    }
.btn-default-orange {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    background: #ff8500;
    margin: 5px;
    background: -moz-linear-gradient(left, #ff8500 0%, #f6c94d 100%);
    background: -webkit-linear-gradient(left, #ff8500 0%,#f6c94d 100%);
    background: linear-gradient(to right, #ff8500 0%,#f6c94d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8500', endColorstr='#f6c94d',GradientType=1 );
}

    .btn-default-orange:hover {
        background: #ff8500;
        color:aliceblue;
    }
.btn-up { display:inline-block; font-size:14px; padding:5px 30px 5px 20px; background:url(../images/icon-arrowup.png) right 10px top 13px no-repeat #f4f4f4; border:1px solid #ddd; border-radius:30px; background-size:11px 7px; margin:5px;}
.btn-delete {
    display: inline-block;
    font-size: 14px;
    padding: 5px 20px 5px 20px;
    background: lightgray;
    border: 1px solid #ddd;
    border-radius: 30px;
    background-size: 11px;
    margin: 5px;
}
.btn-white { display:inline-block; color:#555; font-size:14px; padding:8px 20px; background:#f4f4f4; border:1px solid #ddd; border-radius:30px; background-size:11px 7px; margin:5px;}
.btn-cancel { display:inline-block; color:#fff; font-size:14px; padding:10px 30px; background: #9fa0a0; margin:5px;}
.btn-default.big {}
.btn-white.small { font-size:13px; padding:2px 10px; margin:0;}

/*----------margin padding */
.m-L-m { margin-left:20px;}
.m-R-m { margin-right:20px;}
.m-B-s { margin-bottom:10px;}
.m-B-m { margin-bottom:20px;}
.m-T-s { margin-top:10px;}
.m-T-m { margin-top:20px;}
.m-T-l { margin-top:30px;}
.m-T-ll { margin-top:40px;}
.p-L-m { padding-left:20px;}

/*----------table */
table { border: 1px solid #ccc; width: 100%; margin:0; padding:0; border-collapse: collapse; border-spacing: 0;}
table th { background: #eee; text-align: center; padding: 8px; font-weight: bold; color: #000; text-transform: uppercase; letter-spacing: 1px; border: 1px solid #ddd;}
table td { border: 1px solid #ddd; padding: 8px; min-height:20px; line-height: 20px; vertical-align: middle;}
table td.btns { text-align: center;}
@media screen and (max-width: 600px) {
	table { border: 0;}
	table thead { display: none;}
	table tr { margin-bottom:20px; display: block; border: 1px solid #ddd;}
	table td { display: block; border: none; border-bottom: 1px solid #ddd;}
	table td:last-child { border-bottom: 0;}
	table td:before { content: attr(data-label); display: inline-block;text-transform: uppercase; font-weight: bold; color: #000;}
	table td.t-center { text-align: left !important;}
	table td.notes:before { display: block;}
}

/* 電子文件簽署 */
.list { border: 1px solid #ddd;}
.list a { display: block; padding: 10px; border-bottom: 1px solid #ddd; line-height: 28px; overflow: hidden; clear: both;}
.list a:last-child { border: none;}
.list a .dname { display:block; float: left; width:calc( 100% - 38px);}
.list a .arrow { display:block; float: right; vertical-align: middle; margin-left: 10px; background: #ddd; width:28px; height:28px; border-radius: 50%; text-align: center;}
.list a i {display: inline-block; width:7px; height:7px; margin-right:2px; border-top: 2px solid #fff; border-right: 2px solid #fff;transform: rotate(45deg);}
.list a:hover { background: #eee;}
.list a:hover .arrow { background: #018ccf;}

hr { border-top: 1px solid #ddd;}

/* 期貨注意事項 */
.notice-imgs {}
.notice-imgs .field { margin-bottom:20px; width:100%;}
.notice-imgs .imgs { display:inline-block; vertical-align:middle; width:150px; text-align:center;}
.notice-imgs .txt { display:inline-block; vertical-align:middle; width:calc( 100% - 170px ); margin-left:10px; line-height: 18px;}
/*popup*/
.popup {
    position: absolute;
    max-width: 700px;
    padding: 20px;
    background: #fff;
    border-radius: 20px;
    margin: 10px;
}
.popup .close { float:right; padding:0 0.4em; font-size:30px; color:#999;}
    .popup .inner {
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
    }
.popup .btns { text-align:center; margin-top:20px;}

#loading {
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: url(../images/loading.gif) rgba(255,255,255,0.9) no-repeat center;
}

.flex-container {
    display: flex;    
    justify-content: center;   
    align-items: center;   
    color: black;
    font-size: 1.0rem;
    background: white;
}
@media screen and (max-width: 480px) {
	.btn-default { /*font-size:14px; padding:5px 10px; margin:5px;*/}
	.btn-default.big { font-size:14px; padding:5px 30px; margin:5px;}
	.btn-cancel.big { font-size:14px; padding:5px 30px; margin:5px;}
}
@media screen and (max-width: 380px) {
	.btn-default { /*font-size:13px; padding:5px; margin:3px;*/} 
	.btn-default.big { font-size:14px; padding:5px 30px; margin:5px;}
	.btn-cancel.big { font-size:14px; padding:5px 30px; margin:5px;}
}
/*20220519 add for Step 1 privacyKnow------start*/
.scrollText {
    height: 350px;
    border-bottom: 2px solid #dcdcdc;
    overflow-y: scroll;
    margin-bottom: 28px;
    padding-bottom: 24px;
}

#alertPrivacy {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
    width: 70%;
    height: 60%;
    background: #fff;
    box-shadow: 2px 2px rgba(0, 0, 0, 0.3);   
}
.alertBackground {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch;
    background-color: rgb(0, 0, 0);
    filter: alpha(opacity=60);
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}
#alertYIB {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
    width: 70%;
    height: 40%;
    background: #fff;
    box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
    overflow: auto;
}

.yibNoticeText {
    text-align: center;
    font-size: 16px;
    color: #555;
    font-weight: 600;   
}

.justifyCenter {   
    display: flex;    
    justify-content: center;
}
.footer38 {
    margin-top: -12px;
    margin-bottom: 4px;
}
.no {
    background-color: gray;
    border: none;
    color: white;
    padding: 15px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    margin-bottom: 30px;
}

.yes {
    background-color: #0a3c7b;
    border: none;
    color: white;
    padding: 15px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    margin-bottom: 30px;
}
.nobtn {
    background-color: gray;
    border: none;
    color: white;
    padding: 15px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    margin-bottom: 30px;
}

.yesbtn {
    background-color: #0a3c7b;
    border: none;
    color: white;
    padding: 15px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    margin-bottom: 30px;
}
.noticeText {
    text-align: center;
    font-size: 16px;
    color: #ff0000;
    font-weight: 600;
    margin-bottom: 12px;
}
.privacy-title {
    color: #0067b3;
}
.scrollText p {
    font-weight:bold;
}

/*20220519 add for Step 1 privacyKnow------end*/

.readOnly {
    background-color:aqua;
    /*display: none;*/
}

/*20220627 add*/
.flexDirC {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.text_alignCenter {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

li {
    margin: 20px 0;
}
samesizeimage {
    width: 20vw;
}

/*20220627 add end*/
.mobileCheck {
    background-color: rgb(195, 184, 147);
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
}

/*----------tableA */
#tableA {
    border: 1px solid #ccc;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

    #tableA tr {
        display: revert;
        margin-bottom: 0px;
        border: 1px solid #ccc;
    }

    #tableA td {
        display: revert;
        padding: 8px;
        min-height: 20px;
        line-height: 20px;
        vertical-align: middle;
        border: 1px solid #ccc;
    }



@media screen and (max-width: 600px) {
    #tableA {
        letter-spacing: 0.03em;
        border: 1px solid #ccc;
        width: 100%;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        border-spacing: 0;
    }

        #tableA tr {
            display: revert;
            border: 1px solid #ccc;
        }

        #tableA td {
            display: revert;
            padding: 0px;
            min-height: 20px;
            line-height: 20px;
            vertical-align: middle;
            border: 1px solid #ccc;
        }
}
/*----------tableA */
#tableB {
    border: 1px solid #ccc;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

    #tableB tr {
        display: revert;
        margin-bottom: 0px;
        border: 1px solid #ccc;
    }

    #tableB td {
        display: revert;
        padding: 8px;
        min-height: 20px;
        line-height: 20px;
        vertical-align: middle;
        border: 1px solid #ccc;
    }



@media screen and (max-width: 600px) {
    #tableB {
        letter-spacing: 0.03em;
        border: 1px solid #ccc;
        width: 100%;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        border-spacing: 0;
    }

        #tableB tr {
            display: revert;
            border: 1px solid #ccc;
        }

        #tableB td {
            display: revert;
            padding: 2px;
            min-height: 20px;
            line-height: 20px;
            vertical-align: middle;
            border: 1px solid #ccc;
        }
}
#tableC {
    border: 1px solid #ccc;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

    #tableC tr {
        display: revert;
        margin-bottom: 0px;
        border: 1px solid #ccc;
    }

    #tableC td {
        display: revert;
        padding: 8px;
        min-height: 20px;
        line-height: 20px;
        vertical-align: middle;
        border: 1px solid #ccc;
    }



@media screen and (max-width: 600px) {
    #tableC {
        letter-spacing: 0.03em;
        border: 1px solid #ccc;
        width: 100%;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        border-spacing: 0;
    }

        #tableC tr {
            display: revert;
            border: 1px solid #ccc;
        }

        #tableC td {
            display: revert;
            padding: 0px;
            min-height: 20px;
            line-height: 20px;
            vertical-align: middle;
            border: 1px solid #ccc;
        }
}
#tableD {
    border: 1px solid #ccc;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

    #tableD tr {
        display: revert;
        margin-bottom: 0px;
        border: 1px solid #ccc;
    }

    #tableD td {
        display: revert;
        padding: 8px;
        min-height: 20px;
        line-height: 20px;
        vertical-align: middle;
        border: 1px solid #ccc;
    }



@media screen and (max-width: 600px) {
    #tableD {
        letter-spacing: 0.03em;
        border: 1px solid #ccc;
        width: 100%;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        border-spacing: 0;
    }

        #tableD tr {
            display: revert;
            border: 1px solid #ccc;
        }

        #tableD td {
            display: revert;
            padding: 0px;
            min-height: 20px;
            line-height: 20px;
            vertical-align: middle;
            border: 1px solid #ccc;
        }
}

.displaynone {
    display:none;
}

/*20221128 PC+*/
.textBold {
    font-weight: bold;
}

.mt30 {
    margin-top: 30px;
}


.textBoldBlue {
    font-size: 16px;
    color: #0067b3;
    font-weight: bold;
}

.buttonplusandminus {
    background-color: #2763a5;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}


.alertFido {
    position: relative;
    top: 18%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    padding-top: 50px;
    padding-left: 10%;
    padding-right: 10%;
    width: 80%;   
    background: #fff;
    box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
    overflow: auto;
}
.alertFidoStep1 {
    position: relative;
    top: 20%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
    width: 80%;   
    background: #fff;
    box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
    overflow: auto;
}

.fidoNoticeText {
    text-align: center;
    font-size: 16px;
    color: #555;
    font-weight: 600;
    padding-bottom: 50px;
}
/*QRCODE*/
.qrcode-out {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 256px;
    height: 256px;
    pointer-events: none;
}
.center img {   
    width: 100%;
    height: 100%;
}

label[for=KYCQ12_inv_src_other] {
    margin-right: 0px;
}
label[for=loan_flag] {
    margin-right: 0px;
}
label[for=estate_flag] {
    margin-right: 0px;
}
label[for=disability_kind_other] {
    margin-right : 0px;
}
.manual {
    text-decoration: underline;
    color:goldenrod;
}
.manual-p {
    font-size: 15px;
    line-height: 23px;
    color: #0da5fe;
}
.btn-wrap-manual {
    clear: both;
    margin-top: 30px;
}
.alertBiggerImg {
    position: relative;
    top: 18%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-8%);
    margin: 0 auto;
    padding-top: 50px;
    padding-left: 10%;
    padding-right: 10%;
    width: 80%;
    background: rgba(0,0,0,0.5);
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    /*box-shadow: rgba(0,0,0, 0.4) -5px 5px, rgba(0,0,0, 0.3) -10px 10px, rgba(0,0,0, 0.2) -15px 15px, rgba(0,0,0, 0.1) -20px 20px, rgba(0,0,0, 0.05) -25px 25px;*/
    overflow: auto;
}
.closeAlertBiggerImg {
    background-color: #373232;
    border: none;
    color: white;
    padding: 15px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    margin-bottom: 30px;
}