:root{--green: #09aa5c;--border-1: #e1e3e5;--border-2: #c5ccd2}*{margin:0;padding:0;-webkit-text-size-adjust:none;font-family:-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif;box-sizing:border-box;letter-spacing:-0.5px;color:#333}a{text-decoration:none;cursor:pointer}ul,li{list-style:none}.--hidden{display:none}.logo{display:inline-block;background-image:url(../image/m_sp_00_common.png);background-repeat:no-repeat}.logo.xl{width:155px;height:30px;background-position:0 -51px;background-size:244px 107px}.logo.xs{width:70px;height:15px;background-position:-157px -51px;background-size:244px 107px}.lang-container{position:relative;z-index:2;max-width:747px;width:100%;margin:0 auto}.lang-container #language-select{position:absolute;top:20px;right:0}.lang-container #language-select select{position:relative;top:0;left:0;width:95px;height:30px;padding:4px 10px 6px 8px;color:#333;border:1px solid #ccc;border-radius:0;font-size:12px;line-height:18px;appearance:none}.lang-container #language-select:after{content:"";position:absolute;top:8px;right:8px;background-position:-27px -250px;background-image:url(../image/m_sp_01_login.png);background-size:336px 330px;background-repeat:no-repeat;width:16px;height:14px;z-index:0}#wrap{position:relative;max-width:460px;width:100%;margin:0 auto}#wrap header{position:relative;padding-top:108px}#wrap header #logo-layout{text-align:center}.form-container{margin-top:48px;background-color:#f5f6f4;border-radius:12px}.form-container .tab-layout{display:grid;grid-template-columns:repeat(3, 1fr);border-radius:12px 12px 0 0;overflow:hidden}.form-container .tab-layout li{position:relative;z-index:0;display:flex;justify-content:center;align-items:flex-start;height:63px;padding-top:17px;cursor:pointer}.form-container .tab-layout li p{color:#777;font-weight:500}.form-container .tab-layout li:nth-child(2){border-right:1px solid var(--border-1)}.form-container .tab-layout li.select{background-color:#fff;border-left:1px solid var(--border-1);border-top:1px solid var(--border-1);border-radius:12px 0 0 0;z-index:2}.form-container .tab-layout li.select p{color:#333}.form-container .tab-layout li.select:after{content:"";position:absolute;top:-1px;right:-13px;background-position:-225px -104px;width:25px;height:62px;background-image:url(../image/m_sp_01_login.png);background-size:336px 330px;background-repeat:no-repeat}.form-container .tab-layout li .icon{display:inline-block;margin-top:5px;margin-right:8px;width:16px;height:16px;background-image:url(../image/m_sp_01_login.png);background-size:336px 330px;background-repeat:no-repeat}.form-container .tab-layout li .icon.id{background-position:-54px -314px}.form-container .tab-layout li .icon.number{background-position:-316px -294px}.form-container .tab-layout li .icon.qr{background-position:-18px -314px}.form-container form{position:relative;z-index:1;margin-top:-10px;padding:24px;border:1px solid var(--border-1);border-radius:0 12px 12px 12px;background-color:#fff;display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column}.form-container form .label{display:block;width:100%;height:60px;position:relative;padding:27px 15px 8px;border:1px solid var(--border-2);z-index:1}.form-container form .label:nth-of-type(1){border-radius:8px 8px 0 0}.form-container form .label:nth-of-type(2){border-radius:0 0 8px 8px;border-top:none}.form-container form .label .placeholder{pointer-events:auto;position:absolute;bottom:18px;left:15px;width:80%;font-size:16px;line-height:22px;letter-spacing:-0.2px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);color:rgba(0,0,0,.38);cursor:pointer}.form-container form .label .placeholder.active{left:7px;bottom:30px;font-size:12px;padding:0 8px;letter-spacing:-0.8px;white-space:nowrap;width:auto}.form-container form .label .reset{display:none;pointer-events:auto;position:absolute;top:10px;right:2px;width:40px;height:40px;cursor:pointer}.form-container form .label .reset.active{display:flex;justify-content:center;align-items:center}.form-container form .label .reset span{display:inline-block;background-position:-292px 0;background-image:url(../image/m_sp_01_login.png);background-size:336px 330px;background-repeat:no-repeat;width:22px;height:22px}.form-container form .label input{cursor:pointer;appearance:none;border:none;width:100%;height:22px;font-size:16px;color:#1e1e23;letter-spacing:-0.2px;z-index:5;outline:none}.form-container form .label.active:nth-of-type(1):after{border-radius:8px 8px 0 0}.form-container form .label.active:nth-of-type(2):after{border-radius:0 0 8px 8px}.form-container form .label.active:after{content:"";position:absolute;top:-1px;left:-1px;z-index:2;width:calc(100% - 2px);height:calc(100% - 2px);pointer-events:none;border:2px solid var(--green)}.form-container .login-options{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:20px}.form-container .login-options label{display:flex;justify-content:flex-start;align-items:flex-start;gap:6px;cursor:pointer}.form-container .login-options label p{font-size:14px}.form-container .login-options label [name=maintain-login]~p{color:#767678}.form-container .login-options label [name=maintain-login]:checked+.checkbox{background-position:-66px -292px}.form-container .login-options label [name=maintain-login]:checked~p{color:#303038}.form-container .login-options label .checkbox{display:inline-block;background-position:-292px -236px;width:20px;height:20px;background-image:url(../image/m_sp_01_login.png);background-size:336px 330px;background-repeat:no-repeat}.form-container .login-options label .slide-checkbox{position:relative;padding:0 6px;background-color:#a5adb8;width:45px;height:20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s;border-radius:12px}.form-container .login-options label .slide-checkbox span{position:absolute;font-size:11px;color:#fff;letter-spacing:0}.form-container .login-options label .slide-checkbox:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background-color:#fff;z-index:1;transition:all .3s}.form-container .login-options label .slide-checkbox .on{opacity:0}.form-container .login-options label .slide-checkbox .off{opacity:1;right:4px}.form-container .login-options label .slide-checkbox.on .on{opacity:1}.form-container .login-options label .slide-checkbox.on .off{opacity:0}.form-container .login-options label .slide-checkbox.on:after{left:calc(100% - 16px - 2px)}.form-container .login-options label .slide-checkbox.on{background-color:var(--green)}.form-container .error-message{margin:0 0 20px;color:#ff0101;font-size:12px}.form-container .error-message b{color:inherit}.form-container .btns button{display:flex;justify-content:center;align-items:center;width:100%;height:50px;border-radius:8px;cursor:pointer;font-size:17px;outline:none;border:none}.form-container .btns button[type=submit]{background-color:#a5adb8;color:#fff}.form-container .btns button[type=button]{background-color:#fff;border:1px solid var(--green);color:var(--green);font-weight:700}.form-container .dividing-line{position:relative;height:62px;padding:31px 0 30px}.form-container .dividing-line:before{content:"";position:absolute;top:31px;left:0;width:100%;height:1px;background-color:#efeff0}.form-container .dividing-line span{position:absolute;top:calc(50% - .8em);left:50%;transform:translateX(-50%);z-index:1;padding:0 10px;white-space:nowrap;color:#767678;font-size:14px;background-color:#fff}.other-container{display:flex;justify-content:center;align-items:center;gap:28px;padding:20px 0 48px}.other-container a{position:relative;color:#888;font-size:14px}.other-container a:not(:last-child):after{content:"";position:absolute;top:50%;right:-13px;transform:translateY(-50%);width:1px;height:12px;background-color:#dadada}footer{padding:48px 0 32px}footer .policy{display:flex;justify-content:center;align-items:center;gap:13px}footer .policy li{position:relative;font-size:12px;color:#888}footer .policy li b{color:inherit}footer .policy li:not(:last-child):after{content:"";position:absolute;top:50%;right:-6px;transform:translateY(-50%);width:1px;height:11px;background-color:#dadada}footer .copylight{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:9px}footer .copylight p{color:#888;font-size:12px;font-family:"Helvetica Neue",sans-serif;text-transform:capitalize}