.portfolio[data-v-90111506]{display:flex;margin-bottom:12px;margin-left:-26px;min-height:60px;padding:6px 0;position:relative}.portfolio[data-v-90111506]:last-of-type{margin-bottom:0}.portfolio>img[data-v-90111506]{background-color:#fff;border:2px solid #eee;border-radius:100%;height:48px;left:0;margin-right:12px;width:48px}.portfolio>.content[data-v-90111506]{display:flex;flex-direction:column;min-width:0}.portfolio>.content>.title[data-v-90111506]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#292929;display:-webkit-box;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;overflow:hidden}@media screen and (max-width:1023px){.portfolio>.content>.title[data-v-90111506]{font-size:14px}}.portfolio>.content .info[data-v-90111506]{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#7e7e7e;display:-webkit-box;font-size:14px;font-weight:400;line-height:20px;margin-bottom:8px;overflow:hidden}@media screen and (max-width:1023px){.portfolio>.content .info[data-v-90111506]{font-size:12px}}.portfolio>.content .description[data-v-90111506]{color:#7e7e7e;display:flex;font-size:14px;font-weight:400;line-height:20px;margin-bottom:8px;word-break:break-all}@media screen and (max-width:1023px){.portfolio>.content .description[data-v-90111506]{font-size:12px}}.portfolio>.content .description .more[data-v-90111506]{display:inline-block;flex-basis:16px;flex-shrink:0;height:16px;transform:rotate(90deg);vertical-align:middle;width:16px}.portfolio>.content .description .more.expanded[data-v-90111506],.portfolio>.content .description .more[data-v-90111506]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURUdwTISEhH9/f35+foGBgX9/f39/f39/f4GBgYCAgH5+fr9YA1MAAAAKdFJOUwAT88ct4GepRolPSn8VAAAA0ElEQVRIx+3VIQvCUBQF4CeKzjYQu8EgS25JlobgDxBMSyaDyWwaRpPZtomK91f6rt2dE8ZF0ZsPH9uFc59zvzFBMsOho1RrGEpFbjCUC0F5CVNzHxJEBRFDHYypjlIP6gdPhlTOUAtjqqXUHVFDpXaNUAOKSr+XajNrf3VwhO+CSMn0ZkrUpsoApN89AdBWoaI+020UGjNQZgT1FVoB6Owz18+DwvpMT6ElgPbmUAwqqdAlJBoZEztCkD6vEHIRAekCIOSvErw2fjaF+8+7eQIBtKvDfVNuxwAAAABJRU5ErkJggg==);background-size:100% auto}.portfolio>.content .description .more.expanded[data-v-90111506]{transform:rotate(-90deg)}.portfolio>.content .link[data-v-90111506]{align-items:center;display:flex}.portfolio>.content .link[data-v-90111506]:before{background:url(/_nuxt/img/Hyperlink.59d0363.png);background-size:100% auto;content:"";height:16px;margin-right:4px;width:16px}.portfolio>.content .link a[data-v-90111506]{color:#1654b9;font-size:14px;font-weight:700;line-height:20px}.portfolio>.content .certificateOfficialNo[data-v-90111506]{color:#7e7e7e;font-family:Microsoft JhengHei;font-size:14px;font-weight:400;line-height:20px;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.portfolio>.tool[data-v-90111506]{display:flex;margin-left:auto}.portfolio>.tool .edit[data-v-90111506]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURUdwTIiIiH9/f39/f39/f4CAgH9/f4GBgYGBgX5+fn9/f4SEhH5+fvNAu98AAAAMdFJOUwAH5tX7l4Q7MLRfIF1JJKwAAAE8SURBVDjLpdQ9S8NQFAbgk0Ei7RIsLo6Kk1m6OXRSMB0yWKhbh5S66dY/4ODgKAXBIUN+gEPBzbG5IIH3R3lu0o/ccxKpeJZ7uW/y3A9uQrRPdWdnD43BGMaMGsYPwLXKdPBoA1Ms5fhhjHzBSSSDHjDy7jnJlLQKqJsCQyV9c9MJUUjJ9G37CRPINV0/2VeApZCAG372RAQ9uwlclmTgSvmElzrljjO5HyPyQyB/qRZXlxI6ZuwKuBUSy/PyGAMhceONOdCSfWDQKNU7jrQ9MCXZjiNN2qXhRor+J2EPKfmT5AvpqE36aJFo0CJRvN6UlDwgcxe3CxLnwGpU0iQRhdUcUtoEHXX9ebmvRF+pkmzgz/jaSIlSnIf2ol2QCqp6u9vWdL0xVcXu8xZVTvesx/Pq17I4lfX+y5/oBy7Q7oAgQV/HAAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;background-size:16px 16px;cursor:pointer;height:24px;margin-right:16px;width:24px}.portfolio>.tool .delete[data-v-90111506]{background:url(/_nuxt/img/delete.874b670.png);background-position:50%;background-repeat:no-repeat;background-size:16px 16px;cursor:pointer;height:24px;width:24px}.myCareer[data-v-479763dd]{background-color:#fff;padding:24px 40px}@media screen and (max-width:1023px){.myCareer[data-v-479763dd]{padding:16px}}.myCareer>.topSection[data-v-479763dd]{align-items:center;display:flex;margin-bottom:16px}.myCareer>.topSection>.title[data-v-479763dd]{color:#7e7e7e;font-size:16px;font-weight:400;line-height:28px}.myCareer>.topSection .addCareer[data-v-479763dd]{color:#ff7800;cursor:pointer;font-size:16px;font-weight:700;line-height:20px;margin-left:auto}.myCareer>.careerSection .portfolio-date-box .date[data-v-479763dd]{color:#7e7e7e;font-size:16px;font-weight:400;line-height:28px}.myCareer>.careerSection .portfolio-date-box .portfolioList[data-v-479763dd]{border-left:2px solid #eee;margin-left:30px;padding:16px 0}.vld-overlay,.vld-shown{overflow:hidden}.vld-overlay{align-items:center;bottom:0;display:none;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:9999}.vld-overlay.is-active{display:flex}.vld-overlay.is-full-page{position:fixed;z-index:9999}.vld-overlay .vld-background{background:#fff;bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.selectBox[data-v-6721acb5],.vld-overlay .vld-icon,.vld-parent{position:relative}.selectBox .select[data-v-6721acb5]{align-items:center;background-color:#f3f3f3;border:1px solid #e7e7e7;border-radius:4px;box-sizing:border-box;display:flex;height:44px;padding:12px}.selectBox .select.selected[data-v-6721acb5]{border:2px solid #ff7800}.selectBox .select.has-error[data-v-6721acb5]{border:2px solid #ea475b}.selectBox .select .value[data-v-6721acb5]{color:#292929;font-size:16px;font-weight:400;line-height:24px}@media screen and (max-width:1023px){.selectBox .select .value[data-v-6721acb5]{font-size:16px}}.selectBox .select .placeholder[data-v-6721acb5]{font-size:14px;font-weight:400;line-height:22px}@media screen and (max-width:1023px){.selectBox .select .placeholder[data-v-6721acb5]{font-size:16px}}.selectBox .select .icon[data-v-6721acb5]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURUdwTISEhH9/f35+foGBgX9/f39/f39/f4GBgYCAgH5+fr9YA1MAAAAKdFJOUwAT88ct4GepRolPSn8VAAAA0ElEQVRIx+3VIQvCUBQF4CeKzjYQu8EgS25JlobgDxBMSyaDyWwaRpPZtomK91f6rt2dE8ZF0ZsPH9uFc59zvzFBMsOho1RrGEpFbjCUC0F5CVNzHxJEBRFDHYypjlIP6gdPhlTOUAtjqqXUHVFDpXaNUAOKSr+XajNrf3VwhO+CSMn0ZkrUpsoApN89AdBWoaI+020UGjNQZgT1FVoB6Owz18+DwvpMT6ElgPbmUAwqqdAlJBoZEztCkD6vEHIRAekCIOSvErw2fjaF+8+7eQIBtKvDfVNuxwAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:100% auto;height:16px;margin-left:auto;transform:rotate(90deg);width:16px}.selectBox .optionListBox[data-v-6721acb5]{margin-top:-1px;position:absolute;width:100%;z-index:1}.selectBox .optionListBox .optionList[data-v-6721acb5]{background:#fff;border:2px solid #ff7800;border-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;max-height:208px;overflow-y:auto;padding:6px}.selectBox .optionListBox .optionList .option[data-v-6721acb5]{background-color:#fff;cursor:pointer;font-size:14px;font-weight:400;line-height:20px;padding:12px;white-space:normal}.selectBox .optionListBox .optionList .option[data-v-6721acb5]:hover{background-color:#ffeedf}.selectBox .optionListBox .optionList .option.selected[data-v-6721acb5]{color:#ff7800}.selectBox .optionListBox .space[data-v-6721acb5]{height:24px;width:100%}.selectBox.large .optionListBox[data-v-6721acb5]{max-height:208px}.selectBox.small .optionListBox[data-v-6721acb5]{max-height:156px}[data-v-ee56703e] .addcareer{max-width:720px;width:720px}@media screen and (max-width:1023px){[data-v-ee56703e] .addcareer{height:100%;margin:0;max-height:none;max-width:100%;width:100%}}[data-v-ee56703e] .addcareer .modal-content{height:720px}[data-v-ee56703e] .addcareer .modal-header{justify-content:center;padding:24px}[data-v-ee56703e] .addcareer .modal-header .header-text{color:#000;font-size:18px;font-weight:700;line-height:24px}[data-v-ee56703e] .addcareer .modal-header .btn-close{font-size:24px;position:absolute;right:14px;top:14px}[data-v-ee56703e] .addcareer .modal-body{padding:0 16px}[data-v-ee56703e] .addcareer .modal-body .careerClass{margin-bottom:24px;position:relative}[data-v-ee56703e] .addcareer .modal-body .careerClass>.title{color:#000;font-size:16px;font-weight:700;line-height:28px;margin-bottom:8px}[data-v-ee56703e] .addcareer .modal-body .careerClass .selectBox .select .value{font-size:16px;font-weight:700}[data-v-ee56703e] .addcareer .modal-body .careerClass .selectBox .optionListBox{background-color:#fff}[data-v-ee56703e] .addcareer .modal-body .careerName{margin-bottom:24px;position:relative}[data-v-ee56703e] .addcareer .modal-body .careerName>.title{color:#000;font-size:16px;font-weight:700;line-height:28px;margin-bottom:8px}[data-v-ee56703e] .addcareer .modal-body .careerName input{background-color:#eee;border:1px solid #eee;border-radius:4px;color:#292929;font-size:16px;font-weight:700;height:44px;padding:12px;width:auto}[data-v-ee56703e] .addcareer .modal-body .careerName input:focus{background-color:#fff;border-color:#eee;color:#495057}[data-v-ee56703e] .addcareer .modal-body .careerName input:-moz-read-only:focus{background-color:#eee;border:1px solid #eee;color:#292929}[data-v-ee56703e] .addcareer .modal-body .careerName input:read-only:focus{background-color:#eee;border:1px solid #eee;color:#292929}[data-v-ee56703e] .addcareer .modal-body .provider{margin-bottom:24px;position:relative}[data-v-ee56703e] .addcareer .modal-body .provider>.title{color:#000;font-size:16px;font-weight:700;line-height:28px;margin-bottom:8px}[data-v-ee56703e] .addcareer .modal-body .provider input{background-color:#eee;border:1px solid #eee;border-radius:4px;color:#292929;font-size:16px;height:44px;padding:12px;width:auto}[data-v-ee56703e] .addcareer .modal-body .provider input:focus{background-color:#fff;border-color:#eee;color:#495057}[data-v-ee56703e] .addcareer .modal-body .provider input:-moz-read-only:focus{background-color:#eee;border:1px solid #eee;color:#292929}[data-v-ee56703e] .addcareer .modal-body .provider input:read-only:focus{background-color:#eee;border:1px solid #eee;color:#292929}[data-v-ee56703e] .addcareer .modal-body .provider .suggestionList{display:none}[data-v-ee56703e] .addcareer .modal-body .provider .suggestionList.show{border:1.5px solid #ff7800;border-radius:4px;display:flex;flex-direction:column;max-height:179px;overflow-y:auto;position:absolute;width:100%;z-index:1}[data-v-ee56703e] .addcareer .modal-body .provider .suggestionList .suggestion{background-color:#fff;cursor:pointer;font-size:14px;font-weight:400;line-height:20px;padding:12px}[data-v-ee56703e] .addcareer .modal-body .provider .suggestionList .suggestion:hover{background-color:#ffeedf}[data-v-ee56703e] .addcareer .modal-body .provider .suggestionList .suggestion.selected{color:#ff7800}[data-v-ee56703e] .addcareer .modal-body .link{margin-bottom:24px;position:relative}[data-v-ee56703e] .addcareer .modal-body .link>.title{color:#000;font-size:16px;font-weight:700;line-height:28px;margin-bottom:8px}[data-v-ee56703e] .addcareer .modal-body .link input{background-color:#eee;border:1px solid #eee;border-radius:4px;color:#292929;font-size:16px;height:44px;padding:12px;width:auto}[data-v-ee56703e] .addcareer .modal-body .link input:focus{background-color:#fff;border-color:#eee;color:#495057}[data-v-ee56703e] .addcareer .modal-body .link input:-moz-read-only:focus{background-color:#eee;border:1px solid #eee;color:#292929}[data-v-ee56703e] .addcareer .modal-body .link input:read-only:focus{background-color:#eee;border:1px solid #eee;color:#292929}[data-v-ee56703e] .addcareer .modal-body .completionDate{margin-bottom:24px;position:relative}[data-v-ee56703e] .addcareer .modal-body .completionDate>.title{color:#000;font-size:16px;font-weight:700;line-height:28px;margin-bottom:8px}[data-v-ee56703e] .addcareer .modal-body .completionDate .setTime .mx-datepicker{width:100%}[data-v-ee56703e] .addcareer .modal-body .completionDate .setTime .mx-datepicker input{background-color:#eee;border:1px solid #eee;border-radius:4px;box-shadow:none;color:#292929;font-size:16px;height:44px;padding:12px;width:100%}[data-v-ee56703e] .addcareer .modal-body .description{margin-bottom:24px;position:relative}[data-v-ee56703e] .addcareer .modal-body .description>.title{color:#000;font-size:16px;font-weight:700;line-height:28px;margin-bottom:8px}[data-v-ee56703e] .addcareer .modal-body .description .area{background-color:#eee;border:1px solid #eee;border-radius:4px;display:flex;flex-direction:column;height:126px;padding:12px 12px 8px}[data-v-ee56703e] .addcareer .modal-body .description .area textarea{background-color:transparent;border:none;height:215px;line-height:1.75;overflow-y:auto;resize:none;width:100%}[data-v-ee56703e] .addcareer .modal-body .description .area textarea:focus{outline:none}[data-v-ee56703e] .addcareer .modal-body .description .area .fontCount{color:#7e7e7e;font-size:12px;font-weight:400;line-height:18px;margin:0;text-align:right}[data-v-ee56703e] .addcareer .modal-body .invalid-txt{bottom:-18px;color:#ea475b;display:block;font-size:12px;left:12px;line-height:1.5;position:absolute}[data-v-ee56703e] .addcareer .modal-footer{box-shadow:0 0 8px 0 rgba(0,0,0,.2);display:flex;justify-content:center;margin:0;padding:0}[data-v-ee56703e] .addcareer .modal-footer .btnGroup{display:flex;justify-content:center;margin:16px 0}[data-v-ee56703e] .addcareer .modal-footer .btnGroup .button{height:44px;width:154px}[data-v-ee56703e] .addcareer .modal-footer .btnGroup .button button{font-weight:700;height:100%;width:100%}.page-A4{height:1120px;padding:20px 20px 24px;width:21.1cm}.page-A4.careerSection{background-image:url(/_nuxt/img/pdf_bg.93d4830.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.nabi-logo{height:auto;padding-bottom:15px;width:auto}.other{padding-bottom:30px;padding-top:30px}.other .avatarPhoto{border:2px solid #ffc31b;border-radius:50%}.portfolio-container{border:1px solid rgba(41,41,41,.2);border-radius:12px;flex:0 1 auto;padding:16px 28px 0 16px}.pdf-myCareer,.portfolio-container{background-color:#fff}.pdf-myCareer>.topSection{align-items:center;display:flex;margin-bottom:16px}.pdf-myCareer>.topSection>.title{color:#7e7e7e;font-size:16px;font-weight:400;line-height:28px}.pdf-myCareer>.topSection .addCareer{color:#ff7800;cursor:pointer;font-size:16px;font-weight:700;line-height:20px;margin-left:auto}.pdf-myCareer>.careerSection .date{color:#7e7e7e;font-size:16px;font-weight:400;line-height:28px}.pdf-myCareer>.careerSection .portfolioList{border-left:2px solid #eee;margin-left:30px;padding:16px 0}.pdf-portfolio{display:flex;margin-left:-26px;min-height:60px;padding:6px 0;position:relative}.pdf-portfolio:last-of-type{margin-bottom:0}.pdf-portfolio>img{background-color:#fff;border:2px solid #eee;border-radius:100%;height:48px;left:0;margin-right:12px;width:48px}.pdf-portfolio>.content{display:flex;flex-direction:column}.pdf-portfolio>.content>.title{-webkit-line-clamp:2;color:#292929;font-size:16px;font-weight:700}.pdf-portfolio>.content .info,.pdf-portfolio>.content>.title{-webkit-box-orient:vertical;display:-webkit-box;line-height:20px;margin-bottom:8px;overflow:hidden}.pdf-portfolio>.content .info{-webkit-line-clamp:1;color:#7e7e7e;font-size:14px;font-weight:400}.pdf-portfolio>.content .description{color:#7e7e7e;display:flex;font-size:14px;font-weight:400;line-height:20px;margin-bottom:8px;word-break:break-all}.pdf-portfolio>.content .link{align-items:center;display:flex}.pdf-portfolio>.content .link:before{background:url(/_nuxt/img/Hyperlink.59d0363.png);background-size:100% auto;content:"";height:16px;margin-right:4px;width:16px}.pdf-portfolio>.content .link a{color:#1654b9;font-size:14px;font-weight:700;line-height:20px}.pdf-portfolio>.content .certificateOfficialNo{color:#7e7e7e;font-family:Microsoft JhengHei;font-size:14px;font-weight:400;line-height:20px;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.record{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(255,238,223,.39);border-radius:20px;padding:20px 44px}.record+.record{margin-left:70px}.name-div{font-size:24px;position:relative}@media(max-width:1023px){.bigClassContainer[data-v-2089203a]{padding-top:0;width:100%}}.bigClassContainer .study-area[data-v-2089203a]{border-radius:16px 16px 0 0}.bigClassContainer .study-area .divider[data-v-2089203a]{border-bottom:1px solid #f3f3f3;clear:both;margin:0 40px}[data-v-2089203a].empty-content-box{align-items:center;display:flex;justify-content:center;padding:100px 0;width:100%}@media screen and (max-width:1023px){[data-v-2089203a].empty-content-box{flex-direction:column}}[data-v-2089203a].empty-content-box img{height:174px;margin-right:40px}@media screen and (max-width:1023px){[data-v-2089203a].empty-content-box img{margin-bottom:16px;margin-right:0}}[data-v-2089203a].empty-content-box>.content{display:flex;flex-direction:column;text-align:left}@media screen and (max-width:1023px){[data-v-2089203a].empty-content-box>.content{align-items:center;text-align:center}}[data-v-2089203a].empty-content-box>.content .button{height:32px;width:104px}[data-v-2089203a].empty-content-box>.content .button button{height:100%;width:100%}.myCareer[data-v-2089203a]{margin-bottom:12px}@media screen and (max-width:1023px){.myCareer[data-v-2089203a]{margin-bottom:8px}}.exportHint[data-v-2089203a]{background-color:#ffeedf;color:#7e7e7e;font-size:14px;font-weight:400;line-height:20px;margin-bottom:24px;margin-top:12px;padding:8px 16px;text-align:center}@media screen and (max-width:1023px){.exportHint[data-v-2089203a]{margin-top:8px}}.export-button[data-v-2089203a]{height:44px;margin:0 auto 60px;width:188px}.export-button[data-v-2089203a] button{font-weight:700;height:100%;width:100%}