.login-page{width:100%}.login-page .login-box{padding-top:30px;width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}@media (max-width: 850px){.login-page .login-box{width:100%;justify-content:center}}.login-page .login-box .login-box-left{width:50%;flex:1}@media (max-width: 850px){.login-page .login-box .login-box-left{display:none}}.login-page .login-box .login-box-left img{width:100%}.login-page .login-box .login-box-right{flex:1;padding-left:50px}@media (max-width: 850px){.login-page .login-box .login-box-right{width:100%;padding:20px;flex:none;display:flex;justify-content:center}}.login-page .login-box .login-box-right .row-01{font-size:24px;font-weight:600;color:#000;line-height:24px;margin-top:32px;margin-bottom:11px}.login-page .login-box .login-box-right .row-02{margin-bottom:20px}.login-page .login-box .login-box-right .row-03{margin-bottom:40px}.login-page .qr-box{position:relative;margin-bottom:15px;padding:10px 10px 5px;background:#fff}.login-page .qr-box .reload-mask{position:absolute;z-index:10;top:0;left:0;height:100%;width:100%;background:#6f7983e6;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.login-page .qr-box .reload-mask>div{cursor:pointer}.login-page .qr-box .qr-text{display:flex;justify-content:center;font-size:20px;color:#fff}.insert-info-page{padding:20px;margin:0 auto;width:100%;overflow:hidden}.insert-info-page .ant-tabs>.ant-tabs-nav{display:none}.insert-info-page .inert-box{background:#fff;padding:20px;overflow:hidden}.insert-info-page .next-box{padding:15px;display:flex;justify-content:center}.insert-info-page .table-name{min-width:60px}.insert-info-page .table-nationality{min-width:90px}.insert-info-page .table-id_no{min-width:95px}.homepage-page .hero{background-color:#165dff;width:100%;position:relative;height:fit-content}.homepage-page .hero .hero-slide .hero-slide-inner-div{height:550px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;row-gap:8px;position:relative}.homepage-page .hero .hero-slide .hero-slide-inner-div .banner{position:absolute;width:100%;height:100%;left:50%;transform:translate(-50%);object-fit:cover;object-position:center}.homepage-page .hero .hero-slide .hero-slide-inner-div .banner-text{z-index:1;color:#fff;position:relative;max-width:55%;transform:translateY(-32px)}.homepage-page .hero .hero-slide .hero-slide-inner-div .banner-h1{font-size:48px}.homepage-page .hero .hero-slide .hero-slide-inner-div .banner-h3{font-size:24px;font-weight:300}.homepage-page .hero .hero-slide .hero-slide-inner-div .banner-btn{position:absolute;right:calc((100vw - 1200px)/2);bottom:48px;font-size:16px;background-color:#9a7b4f}@media only screen and (max-width: 1296px){.homepage-page .hero .hero-slide .hero-slide-inner-div .banner-btn{right:48px}.homepage-page .hero .hero-slide .hero-slide-inner-div .banner-text{max-width:70%}}@media only screen and (max-width: 933px){.homepage-page .hero .hero-slide .hero-slide-inner-div .banner-text{max-width:100%}}.homepage-page .hero .hero-slide .hero-slide-inner-div .banner-btn:hover{background-color:transparent;border-color:#f39c12;color:#f39c12}.homepage-page .hero .hero-slide.en-US .banner-h1{font-size:40px}.homepage-page .hero .hero-slide.en-US .banner-h3{font-size:20px;font-weight:300}@media only screen and (max-width: 633px){.homepage-page .hero .hero-slide.en-US .banner-h1{font-size:32px}.homepage-page .hero .hero-slide.en-US .banner-h3{font-size:18px;font-weight:300}}@media only screen and (max-width: 369px){.homepage-page .hero .hero-slide.en-US .banner-h1{font-size:24px}.homepage-page .hero .hero-slide.en-US .banner-h3{font-size:16px;font-weight:300}}.homepage-page .open-bank{background-color:#f6f7f9;display:grid;grid-template-columns:50% 50%;gap:24px;align-items:center;position:relative}.homepage-page .open-bank .open-bank-image{width:100%}.homepage-page .open-bank .open-bank-text .open-bank-text-h1{color:#036}.homepage-page .open-bank .open-bank-text .open-bank-text-h3{font-weight:500;opacity:70%;text-align:left}@media only screen and (max-width: 783px){.homepage-page .open-bank{grid-template-columns:1fr}}.homepage-page .products-services{background-color:#fff}.homepage-page .products-services .products-services-h1{color:#036}.homepage-page .products-services .products-services-card-wrapper{width:100%;flex-wrap:wrap}.homepage-page .products-services .products-services-card{box-shadow:0 3px 5px #ccc;border-radius:16px;transition:transform .5s;overflow:hidden;flex:1 1 0;min-width:200px}.homepage-page .products-services .products-services-card .products-services-card-cover{border-radius:12px}.homepage-page .products-services .products-services-card .products-services-card-title{color:#036;white-space:wrap}.homepage-page .products-services .products-services-card:hover{transform:translateY(-4px)}.homepage-page .custom-service{background-color:#f9fafb}.homepage-page .custom-service .custom-service-h1{color:#036}.homepage-page .custom-service .custom-service-card-wrapper .custom-service-card{flex:1 1 0;min-width:200px}.homepage-page .custom-service .custom-service-card-wrapper .custom-service-card .custom-service-card-title{color:#036;text-align:center}.homepage-page .custom-service .custom-service-card-wrapper .custom-service-card .custom-service-card-desc{text-align:center;opacity:85%}.downloads-page .hero{height:300px;position:relative}.downloads-page .hero .hero-banner{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.downloads-page .hero .hero-text{position:relative;color:#fff;margin:0 48px;text-align:center}.downloads-page .hero .hero-text .hero-text-h1{font-size:43px;font-weight:500}.downloads-page .hero .hero-text .hero-text-h3{font-weight:400}.downloads-page .hero .hero-btn{padding:24px}.downloads-page .intro{background-color:#fff}.downloads-page .intro .intro-img{aspect-ratio:411 / 188}.downloads-page .intro .intro-text{flex-grow:1}.downloads-page .intro .intro-text .intro-desc{opacity:85%}@media only screen and (max-width: 790px){.downloads-page .intro{flex-wrap:wrap;row-gap:40px;justify-content:flex-start}.downloads-page .intro .intro-img{aspect-ratio:411 / 188;width:450px}.downloads-page .intro .intro-text{text-align:center;flex-grow:1;row-gap:40px!important}.downloads-page .intro .intro-text .intro-desc{opacity:85%;max-width:55%;position:relative;left:100%;transform:translate(-100%)}}@media only screen and (max-width: 523px){.downloads-page .intro{flex-wrap:wrap;justify-content:center}.downloads-page .intro .intro-img{aspect-ratio:411 / 188;flex-grow:1}.downloads-page .intro .intro-text{text-align:center;flex-grow:1}.downloads-page .intro .intro-text .intro-desc{opacity:85%;flex-grow:1;text-align:left;max-width:100%}}.downloads-page .open-acc{background-color:#edf2fb}.downloads-page .open-acc .open-acc-wrapper{background-color:#fff;border-radius:16px;box-shadow:0 3px 6px #ccc;padding:38px}.downloads-page .open-acc .open-acc-wrapper .open-acc-title{margin:auto;font-size:28px}.downloads-page .open-acc .open-acc-wrapper .open-acc-card-wrapper .open-acc-card{flex:1;padding:32px;border:1px solid #f6f7f9;border-radius:16px;text-align:center}.downloads-page .open-acc .open-acc-wrapper .open-acc-card-wrapper .open-acc-card .open-acc-card-icon{width:150px}.downloads-page .open-acc .open-acc-wrapper .open-acc-card-wrapper .open-acc-card .open-acc-card-desc{opacity:85%}.downloads-page .open-acc .open-acc-wrapper .open-acc-card-wrapper .open-acc-card .open-acc-card-qr-code{width:200px;aspect-ratio:1 / 1;background-color:#f6f7f9;position:relative;padding:16px;border-radius:16px}.downloads-page .open-acc .open-acc-wrapper .open-acc-card-wrapper .open-acc-card .open-acc-card-qr-code div{width:100%;height:100%;background-color:#ccc;color:#4b5563}@media only screen and (max-width: 758px){.downloads-page .open-acc .open-acc-wrapper .open-acc-card-wrapper .open-acc-card .open-acc-card-icon{width:100px}.downloads-page .open-acc .open-acc-wrapper .open-acc-card-wrapper .open-acc-card .open-acc-card-qr-code{width:150px;aspect-ratio:1 / 1}}@media only screen and (max-width: 656px){.downloads-page .open-acc .open-acc-wrapper .open-acc-card-wrapper{flex-wrap:wrap}}.downloads-page .download-a-bank{background-color:#edf2fb}.downloads-page .download-a-bank .download-a-bank-title{font-size:28px;margin:auto}.downloads-page .download-a-bank .download-a-bank-card-wrapper{flex-wrap:wrap}.downloads-page .download-a-bank .download-a-bank-card-wrapper .download-a-bank-card{background-color:#fff;flex:1 1 0;min-width:300px;padding:32px;border-radius:16px;box-shadow:0 4px 5px #ccc;transition:transform .2s,box-shadow .2s}.downloads-page .download-a-bank .download-a-bank-card-wrapper .download-a-bank-card .download-a-bank-card-title{font-size:21px}.downloads-page .download-a-bank .download-a-bank-card-wrapper .download-a-bank-card:hover{transform:translateY(4px);box-shadow:0 0 #ccc}.downloads-page .download-a-bank .download-a-bank-card-wrapper .download-a-bank-card:nth-child(3) .download-a-bank-card-why-p{display:grid;align-items:flex-start;grid-template-columns:min-content auto;gap:12px}@media only screen and (max-width: 1058px){.downloads-page .download-a-bank .download-a-bank-card-wrapper{justify-content:center}.downloads-page .download-a-bank .download-a-bank-card-wrapper .download-a-bank-card:nth-of-type(3){flex-basis:50%;flex-grow:0}}@media only screen and (max-width: 734px){.downloads-page .download-a-bank .download-a-bank-card:nth-of-type(3){flex:1 1 0!important}}.downloads-page .announcements .announcements-wrapper{background-color:#fff;border-radius:16px;box-shadow:0 3px 6px #ccc;padding:38px;position:relative}.downloads-page .announcements .announcements-wrapper .announcements-title-wrapper{flex-basis:calc(100% / 3)}.downloads-page .announcements .announcements-wrapper .announcements-title-wrapper .announcements-title-label{background-color:#f39c12;color:#fff;padding:2px 8px;font-weight:700;border-radius:16px}.downloads-page .announcements .announcements-wrapper .announcements-title-wrapper .announcements-title{font-size:28px}.downloads-page .announcements .announcements-wrapper .announcements-title-wrapper .announcements-desc{opacity:85%}.downloads-page .announcements .announcements-wrapper .announcements-announcement-wrapper{flex-basis:calc(2 * 100% / 3)}.downloads-page .announcements .announcements-wrapper .announcements-announcement-wrapper .announcements-announcement{width:calc(50% - 16px);border:1px solid #f6f7f9;border-radius:12px;padding:24px}.downloads-page .announcements .announcements-wrapper .announcements-announcement-wrapper .announcements-announcement .announcements-announcement-date,.downloads-page .announcements .announcements-wrapper .announcements-announcement-wrapper .announcements-announcement .announcements-announcement-desc{opacity:85%}@media only screen and (max-width: 1023px){.downloads-page .announcements-wrapper{flex-wrap:wrap;row-gap:32px}.downloads-page .announcements-wrapper .announcements-title-wrapper,.downloads-page .announcements-wrapper .announcements-announcement-wrapper{flex-basis:100%!important}}@media only screen and (max-width: 744px){.downloads-page .announcements-announcement-wrapper .announcements-announcement{width:100%!important}}.app-content .app-body .body-container{padding:0!important;width:100%!important;display:block!important}.contact-page .hero{height:300px;position:relative;background:linear-gradient(180deg,#325b84 75%,#002c5a)}.contact-page .hero .hero-banner{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.contact-page .hero .hero-text{position:relative;color:#fff;margin:48px;text-align:center}.contact-page .hero .hero-text .hero-text-h1{font-size:43px;font-weight:500}.contact-page .hero .hero-text .hero-text-h3{font-weight:400;opacity:.9}.contact-page .info{background-color:#fff;flex-wrap:wrap}.contact-page .info .info-card{flex:1 1 0;min-width:200px;padding:32px;border:1px solid #f6f7f9;border-radius:16px;text-align:center;box-shadow:0 4px 5px #f6f7f9;transition:transform .2s,box-shadow .2s}.contact-page .info .info-card .info-card-icon{font-size:40px}.contact-page .info .info-card .info-card-title{font-size:21px}.contact-page .info .info-card .info-card-text{opacity:85%}.contact-page .info .info-card:hover{transform:translateY(4px);box-shadow:0 0 #f6f7f9}.contact-page .socials-section{background-color:#edf2fb}.contact-page .socials-section .socials-wrapper{background-color:#fff;padding:38px;border-radius:16px;box-shadow:0 3px 6px #ccc}.contact-page .socials-section .socials-wrapper .socials-title,.contact-page .socials-section .socials-wrapper .socials-subtitle{text-align:center;margin:auto}.contact-page .socials-section .socials-wrapper .socials-title{font-size:28px}.contact-page .socials-section .socials-wrapper .socials-subtitle{opacity:85%;max-width:600px}.contact-page .socials-section .socials-wrapper .socials-links-wrapper{flex-wrap:wrap}.contact-page .socials-section .socials-wrapper .socials-links-wrapper .socials-btn{width:56px!important;height:56px!important}.contact-page .socials-section .socials-wrapper .socials-links-wrapper .socials-btn .anticon{font-size:24px}#app,body,html{width:100%;height:100%;margin:0;padding:0;color:#fff;font-size:100px;overflow:auto}.page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;width:100%;min-height:100%;box-sizing:border-box}.page .app-header{height:80px}.page .app-content{width:1024px;margin:0 auto 20px;color:#444}.page .app-footer{height:60px;border-top:2px solid rgba(73,118,244,.3)}.icon-warn{color:#faad14}.icon-success{color:#52c41a}.fail{color:#f5222d}.link{color:#1890ff}.success{color:#52c41a}.not-allowed{cursor:not-allowed;opacity:.6}html *{box-sizing:border-box;outline:none;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif}html,body{overflow:auto;-webkit-overflow-scrolling:touch}html,body,#app{width:100%;height:100%;margin:0;padding:0;color:#444;font-size:14px;display:inline-block;float:left;background:none!important}a,a:hover,a:link,a:active,a:visited,button{text-decoration:none!important;cursor:pointer;outline:0 none!important}::-moz-placeholder{color:#ccc;opacity:1}input:-ms-input-placeholder{color:#ccc;opacity:1}input::-webkit-input-placeholder{color:#ccc;opacity:1}.section{padding:48px calc((100vw - 1200px)/2)}@media only screen and (max-width: 1296px){.section{padding:48px}}.theme-primary-text{color:#234b8c}.theme-orange-text{color:#f39c12}.btn-primary{transition:background-color .3s,color .3s,border-color .3s;border:1px solid transparent;background-color:#234b8c;color:#fff;border-color:#234b8c}.btn-primary:hover{background-color:#2d61b5;border-color:#2d61b5;color:#fff}.btn-secondary{transition:background-color .3s,color .3s,border-color .3s;border:1px solid transparent;background-color:transparent;color:#234b8c;border-color:#234b8c}.btn-secondary:hover{background-color:#234b8c!important;color:#fff!important}.btn-accent{transition:background-color .3s,color .3s,border-color .3s;border:1px solid transparent;background-color:#f39c12;color:#fff;border-color:#f39c12}.btn-accent:hover{background-color:transparent!important;color:#f39c12!important;border-color:#f39c12!important}.app-content{height:100%;width:100%;overflow:auto}.app-content .app-header{width:100%;height:70px;background:linear-gradient(180deg,#325b84 75%,#002c5a)}.app-content .app-header .app-header-bg{padding:20px;width:100%;height:100%;margin:0 auto;display:flex}.app-content .app-header .app-header-bg .app-header-content{display:flex;justify-content:space-between;align-items:center;width:1200px;margin:0 auto}.app-content .app-header .app-header-bg .app-header-content .app-logo{height:100%;display:flex;align-items:center;cursor:pointer}.app-content .app-header .app-header-bg .app-header-content .app-logo .logo-img{height:40px;margin-right:10px}.app-content .app-header .app-header-bg .app-header-content .app-logo .logo-text{font-size:16px;font-weight:500;color:#fff;display:flex;flex-direction:column;white-space:nowrap}.app-content .app-header .app-header-bg .app-header-content .app-logo .logo-text .logo-text-bottom{font-size:12px;white-space:nowrap}@media only screen and (max-width: 384px){.app-content .app-header .app-header-bg .app-header-content .app-logo .logo-text{display:none}}.app-content .app-header .app-header-bg .app-header-content .app-header-register{background-color:#4b5563;color:#fff}.app-content .app-header .app-header-bg .app-header-content .app-header-register:hover{background-color:#fff;color:#4b5563}.app-content .app-header .app-header-bg .app-header-content .app-header-upload{background-color:#1a365d;color:#fff}.app-content .app-header .app-header-bg .app-header-content .app-header-upload:hover{background-color:#fff;color:#1a365d}@media (max-width: 1035px){.app-content .app-header .app-header-bg .app-header-content .app-user{width:46px}}@media (min-width: 1035px){.app-content .app-header .app-header-bg .app-header-content .app-user{width:680px}}@media (max-width: 1190px){.app-content .app-header .app-header-bg .app-header-content .app-user.en-US{width:46px}}@media (min-width: 1190px){.app-content .app-header .app-header-bg .app-header-content .app-user.en-US{width:792px}}.app-content .app-body{min-height:calc(100% - 120px);background-color:#f6f6f6}.app-content .app-body .body-container{padding:20px;width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start}@media (max-width: 850px){.app-content .app-body .body-container{width:auto}}.app-content .app-body .body-container .cos-card{background:#fff;border-radius:10px;margin-bottom:25px;padding:15px}.app-content .app-body .body-container .left{width:280px;padding:0 15px;display:flex;flex-direction:column}.app-content .app-body .body-container .left .row-01{height:100px;width:100%;display:flex;justify-content:center;align-items:center}.app-content .app-body .body-container .left .row-01 .user-icon{display:flex;justify-content:center;align-items:center;margin-right:15px}.app-content .app-body .body-container .left .row-01 .user-icon svg{height:60px;width:60px}.app-content .app-body .body-container .left .row-01 .user-info{width:calc(100% - 100px)}.app-content .app-body .body-container .left .row-02{min-height:250px;padding:15px}.app-content .app-body .body-container .right{width:calc(100% - 280px);padding:0 15px}.app-content .app-body .menu-box{width:250px;height:100%;background-color:#fff;border-right:1px solid #DDD;overflow-y:auto;overflow-x:hidden}.app-content .app-footer{background-color:#036;color:#fff}.app-content .app-footer .app-footer-links-wrapper{width:100%}.app-content .app-footer .app-footer-links-wrapper .app-footer-links-column{flex:0 1 0;min-width:150px}.app-content .app-footer .app-footer-links-wrapper .app-footer-links-column .app-footer-links-column-title{font-size:18px;font-weight:500}.app-content .app-footer .app-footer-links-wrapper .app-footer-links-column .app-footer-link:not(:has(>.app-footer-btn)){color:#fff;opacity:70%;transition:.2s}.app-content .app-footer .app-footer-links-wrapper .app-footer-links-column .app-footer-link:hover{opacity:100%}.app-content .app-footer .app-footer-links-wrapper .app-footer-links-socials-wrapper{display:grid;grid-template-columns:repeat(2,min-content);gap:8px}.app-content .app-footer .app-footer-links-wrapper .app-footer-links-socials-wrapper .app-footer-btn{color:#fff;background-color:#ffffff1a;border:none;width:60px;height:60px;border-radius:12px}.app-content .app-footer .app-footer-links-wrapper .app-footer-links-socials-wrapper .app-footer-btn .anticon{font-size:22px}.app-content .app-footer .app-footer-links-wrapper .app-footer-links-socials-wrapper .app-footer-link:nth-child(1) .app-footer-btn{border-bottom-right-radius:8px;border-top-left-radius:32px}.app-content .app-footer .app-footer-links-wrapper .app-footer-links-socials-wrapper .app-footer-link:nth-child(2) .app-footer-btn{border-bottom-left-radius:8px;border-top-right-radius:32px}.app-content .app-footer .app-footer-links-wrapper .app-footer-links-socials-wrapper .app-footer-link:nth-child(3) .app-footer-btn{border-top-right-radius:8px;border-bottom-left-radius:32px}.app-content .app-footer .app-footer-links-wrapper .app-footer-links-socials-wrapper .app-footer-link:nth-child(4) .app-footer-btn{border-top-left-radius:8px;border-bottom-right-radius:32px}.app-content .app-footer .app-footer-links-wrapper .app-footer-links-socials-wrapper .app-footer-btn:hover{background-color:#fff3;color:#fff}@media only screen and (max-width: 806px){.app-content .app-footer .app-footer-links-wrapper{justify-content:center!important}}.app-content .app-footer .app-footer-div{width:100%;height:1px;background-color:#fff;opacity:20%}.app-content .app-footer .app-footer-copyright{opacity:60%}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-select{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.cos-printer{cursor:pointer}.cos-a{color:#2ab1ff;cursor:pointer}.cos-a.handle i{height:20px;width:20px;text-align:center;line-height:19px;font-size:20px}.cos-a span:hover{color:#208ece}.cos-a span{cursor:pointer}.cos-a a{color:#2ab1ff}.cake-from-group{display:inline-block;margin:4px 0}.cake-from-group .cake-from-content{display:flex;align-items:center;position:relative}.cake-from-group .cake-from-content .cake-from-label{min-width:120px;margin-right:5px}.cake-from-group .cake-from-content .cake-from-label i.fa.fa-question-circle-o{color:#131f43;cursor:pointer;font-size:16px}.flex-center{justify-content:center;display:flex;align-items:center}.between{justify-content:space-between;display:flex;align-items:center}.login-container{max-width:350px}.register-container{max-width:450px}.ant-menu .ant-menu-item.ant-menu-item-selected{border-radius:6px!important;background-color:#a1a6ab40!important}.ant-menu-dark.ant-menu-horizontal>.ant-menu-item:hover{background-color:transparent!important}@media (max-width: 575px){.ant-form-item{margin-bottom:10px!important}.ant-form-item-label{padding:0!important}}@keyframes ripple{0%{transform:scale(1.1);opacity:.4}25%{transform:scale(1.2);opacity:.3}50%{transform:scale(1.35);opacity:.2}75%{transform:scale(1.5);opacity:.1}to{transform:scale(1.6);opacity:0}}@keyframes erranimation{0%{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%,to{transform:translate(4px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
