@charset "UTF-8";*{letter-spacing:1px;font-weight:300}.wdd-form{max-width:800px;width:100%;margin:0 auto;padding:0}.wdd-form.error .form-group.error input{color:#b30000}.wdd-form.error .error-text{display:block}.wdd-form.error .form-group>input[form-field=verify]{color:#000}.form-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:0 -10px}.form-row:not(:first-child){margin-top:20px}.form-grid{width:100%;padding:0 10px}.form-grid.col-6{width:50%}.form-grid.col-4{width:33.3333333333%}.form-btn-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:50px}.form-btn-group .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:180px;height:50px;border:1px solid rgba(0,0,0,0.5);border-radius:50px;-webkit-transition:background-color 0.2s linear,color 0.2s linear;transition:background-color 0.2s linear,color 0.2s linear;cursor:pointer;font-weight:500;font-size:0.9375rem}.form-btn-group .btn:hover{background-color:#000000;color:#ffffff}.form-btn-group .btn:not(:last-child){margin-right:10px}@media only screen and (max-width:768px){.form-btn-group .btn.form-clear{background:rgba(0,0,0,0.5);border:none;color:#fff}}@media only screen and (min-width:1201px){.form-btn-group .btn.form-clear:hover{border:none;background:rgba(0,0,0,0.5)}}@media only screen and (max-width:1200px){.form-btn-group .btn.form-clear:active{border:none;background:rgba(0,0,0,0.5)}}.error-text{margin-top:20px;display:none;font-weight:500;font-size:0.9375rem;line-height:1.6;text-align:center;color:#b30000}.form-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.form-group.required .subject{position:relative}.form-group.required .subject:before{content:"*";margin-right:2px;color:#B20000}.form-group.verification .refresh-btn{position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-group.verification .refresh-btn img{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:85px;margin-left:auto}.form-group.verification .refresh-btn i{font-size:1.125rem;margin-left:10px}.form-group.over-limit{border-color:#f00}.form-group.over-limit .subject{color:#f00}.form-group.over-limit .file-wrap .fake-file-upload .file-name{color:rgba(255,0,0,0.6)}.form-group.is-upload .file-wrap .fake-file-upload .file-name{color:#000000}.form-group>.disabled{opacity:0.5;pointer-events:none}.form-group .subject{-ms-flex-negative:0;flex-shrink:0;padding:0 0 15px 15px;font-size:0.9375rem;line-height:1.6;color:#000000;font-weight:500;margin-right:3px;max-width:150px;width:100%}.form-group>input{width:100%;height:40px;border:none;border-bottom:1px solid rgba(0,0,0,0.2);padding:0 15px 15px;font-size:0.9375rem;font-weight:500;line-height:1.6;color:#000000}.form-group>input::-webkit-input-placeholder{color:rgba(0,0,0,0.3);opacity:1}.form-group>input::-moz-placeholder{color:rgba(0,0,0,0.3);opacity:1}.form-group>input:-ms-input-placeholder{color:rgba(0,0,0,0.3);opacity:1}.form-group>input::-ms-input-placeholder{color:rgba(0,0,0,0.3);opacity:1}.form-group>input::placeholder{color:rgba(0,0,0,0.3);opacity:1}.form-group>input:-ms-input-placeholder{color:rgba(0,0,0,0.3)}.form-group>input::-ms-input-placeholder{color:rgba(0,0,0,0.3)}.form-group .textarea-scrollbar{width:100%;height:145px;line-height:1.6;font-size:0.9375rem;border:none;border-bottom:1px solid rgba(0,0,0,0.2);padding:0 15px;margin-bottom:10px;resize:none;font-weight:500;font-family:"Roboto","Noto Sans TC","微軟正黑體修正","Microsoft JhengHei","微軟正黑體",sans-serif}.form-group .textarea-scrollbar::-webkit-input-placeholder{color:rgba(0,0,0,0.3);opacity:1}.form-group .textarea-scrollbar::-moz-placeholder{color:rgba(0,0,0,0.3);opacity:1}.form-group .textarea-scrollbar:-ms-input-placeholder{color:rgba(0,0,0,0.3);opacity:1}.form-group .textarea-scrollbar::-ms-input-placeholder{color:rgba(0,0,0,0.3);opacity:1}.form-group .textarea-scrollbar::placeholder{color:rgba(0,0,0,0.3);opacity:1}.form-group .textarea-scrollbar:-ms-input-placeholder{color:rgba(0,0,0,0.3)}.form-group .textarea-scrollbar::-ms-input-placeholder{color:rgba(0,0,0,0.3)}.form-group .textarea-scrollbar .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(194,194,194,0.4)}.form-group .textarea-scrollbar .os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(145,145,145,0.4)}.form-group dropdown-el .dropdown{-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.25);box-shadow:0px 0px 10px rgba(0,0,0,0.25);background-color:#fff;border-radius:0 0 25px 25px;top:98%}.form-group dropdown-el:not([d4-value=""]) .select-display{color:#000000}.form-group dropdown-el.type-fullbox{position:static}.form-group dropdown-el[multiple] .select-wrapper{padding:4px 15px}.form-group dropdown-el:not([multiple]) .select-wrapper{padding:0px 15px 15px}.form-group dropdown-el .select-wrapper{background-color:transparent;min-height:44px;border-bottom:1px solid rgba(0,0,0,0.2);border-radius:0}.form-group dropdown-el .select-wrapper .dropdown-list{padding:10px 0 20px}.form-group dropdown-el .select-display{color:rgba(0,0,0,0.3);font-size:0.9375rem;line-height:1.5rem}.form-group dropdown-el .dropdown-icon{border-color:#000 transparent transparent transparent}.form-group .form-check{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-group .form-check .option-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0;margin-right:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.form-group .form-check .option-item .checkbox-wrap{position:relative;width:20px;height:20px;border:1px solid #000000;margin-right:8px}.form-group .form-check .option-item .checkbox-wrap>input{width:100%;height:100%;margin:0;opacity:0}.form-group .form-check .option-item .checkbox-wrap>input:checked~.fake-checkbox{opacity:1}.form-group .form-check .option-item .checkbox-wrap .fake-checkbox{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% - 4px);height:calc(100% - 4px);background-color:#ff0000;opacity:0;-webkit-transition:opacity 0.4s linear;transition:opacity 0.4s linear}.form-group .form-check .option-item .text{font-size:0.9375rem;color:#000000;line-height:1.6}.form-group .file-wrap{position:relative;width:100%;cursor:pointer}.form-group .file-wrap>input{width:100%;height:24px;margin:10px 0;opacity:0}.form-group .file-wrap .fake-file-upload{position:absolute;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;left:0}.form-group .file-wrap .fake-file-upload .file-name{font-size:0.9375rem;color:rgba(0,0,0,0.3);line-height:1.5rem;padding-right:20px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.form-group .file-wrap .fake-file-upload .upload-icon{width:30px;height:30px;border:1px solid rgba(0,0,0,0.2);border-radius:50%;margin-left:auto}.form-group .file-wrap .fake-file-upload input[type=file]{position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;z-index:-1}.form-group .data-time-picker{position:relative;width:100%;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.form-group .data-time-picker>input{width:100%;height:1.5rem;border:none;margin:10px 0;padding:0 15px;font-size:0.9375rem;color:#000000}.form-group .data-time-picker>input::-webkit-input-placeholder{color:rgba(0,0,0,0.3);opacity:1}.form-group .data-time-picker>input::-moz-placeholder{color:rgba(0,0,0,0.3);opacity:1}.form-group .data-time-picker>input:-ms-input-placeholder{color:rgba(0,0,0,0.3);opacity:1}.form-group .data-time-picker>input::-ms-input-placeholder{color:rgba(0,0,0,0.3);opacity:1}.form-group .data-time-picker>input::placeholder{color:rgba(0,0,0,0.3);opacity:1}.form-group .data-time-picker>input:-ms-input-placeholder{color:rgba(0,0,0,0.3)}.form-group .data-time-picker>input::-ms-input-placeholder{color:rgba(0,0,0,0.3)}@media only screen and (max-width:576px){.form-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.form-group .subject{padding-bottom:20px}.form-group.verification .refresh-btn{bottom:15px;top:auto}}@media only screen and (max-width:576px){.form-btn-group{margin-top:30px}}.member main{padding:30px 0 90px;background-image:url("../../assets/img/member/member-bg-1920x960.jpg");background-size:cover;background-repeat:no-repeat;background-position:top}@media only screen and (max-width:768px){.member main{padding:10px 0 50px}}.member .control-bar{margin-top:0}.member .login{margin:20px auto 0 auto;padding:3.64583vw 50px;background:#fff;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.2);box-shadow:0px 0px 20px rgba(0,0,0,0.2);max-width:600px;width:100%}@media only screen and (max-width:768px){.member .login{max-width:max(100% - 200px,500px)}}@media only screen and (max-width:576px){.member .login{max-width:calc(100% - 40px);padding:50px 20px}}.member .login .headline-text>p:first-child{line-height:1.4;font-size:2.25rem}@media only screen and (max-width:576px){.member .login .headline-text>p:first-child{font-size:1.5rem}}.member .login .headline-text>p:nth-child(2){margin-top:10px;font-size:3.125rem;font-weight:700;line-height:1}@media only screen and (max-width:576px){.member .login .headline-text>p:nth-child(2){font-size:2.125rem}}.member .login .headline-text>p:last-child{margin-top:20px;padding:0 10px}.member .login .line{margin:40px auto 0 auto;display:block;position:relative;width:280px;height:5px}.member .login .line:after,.member .login .line:before{content:"";position:absolute;top:0;height:100%}.member .login .line:before{width:80px;background:#9DDC17;left:0}.member .login .line:after{width:200px;background:#931574;right:0}.member .wdd-form{margin-top:50px}@media only screen and (max-width:576px){.member .wdd-form{margin-top:30px}}.member .forget-password{margin-top:30px;padding:10px 15px;background:#f2f2f2;text-align:center}.member .forget-password a{color:#931574}
/*# sourceMappingURL=member.css.map */