@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap);[data-v-a9a078a2]{outline:none}body[data-v-a9a078a2],html[data-v-a9a078a2]{margin:0;background:#eee;font-family:Ubuntu,微軟正黑體,sans-serif;letter-spacing:.65px;font-size:15px;color:#555;cursor:default}a[data-v-a9a078a2]{text-decoration:none;color:#555;display:block;-webkit-transition-duration:.3s;transition-duration:.3s}ul[data-v-a9a078a2]{list-style-type:none;padding:0}h3[data-v-a9a078a2]{color:#3d405b;margin:10px 0;text-transform:uppercase;font-size:18px}.button[data-v-a9a078a2]{width:140px;height:45px;font-family:Roboto,sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:2.5px;font-weight:600;color:#eee;background-color:#409eff;border:none;border-radius:45px;-webkit-box-shadow:0 8px 15px rgba(0,0,0,.1);box-shadow:0 8px 15px rgba(0,0,0,.1);-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;cursor:pointer;outline:none}.button[data-v-a9a078a2]:hover{background-color:#2ee59d;-webkit-box-shadow:0 15px 20px rgba(46,229,157,.4);box-shadow:0 15px 20px rgba(46,229,157,.4);color:#fff;-webkit-transform:translateY(-7px);transform:translateY(-7px)}.resume[data-v-a9a078a2]{width:100%;background:#fbfbfb;margin:20px auto;border:1px solid #bbb;-webkit-box-shadow:0 0 20px -3px #bbb;box-shadow:0 0 20px -3px #bbb;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.resume[data-v-a9a078a2]:before{content:"";width:100%;height:6px;background:#78949e;position:absolute;bottom:0;left:0}.resume[data-v-a9a078a2]:after{content:"";display:block;clear:both}.resume .base[data-v-a9a078a2],.resume .func[data-v-a9a078a2]{-webkit-box-sizing:border-box;box-sizing:border-box;float:left}.resume .base>div[data-v-a9a078a2],.resume .func>div[data-v-a9a078a2]{padding-bottom:10px}.resume .base>div[data-v-a9a078a2]:last-of-type,.resume .func>div[data-v-a9a078a2]:last-of-type{padding-bottom:0}.resume .base[data-v-a9a078a2]{width:300px;padding:30px 15px;background:hsla(0,0%,93.3%,.6)}.resume .base .profile[data-v-a9a078a2]{background:#78949e;padding:30px 15px 5px 15px;margin:-30px -15px 45px -15px;position:relative;z-index:2}.resume .base .profile[data-v-a9a078a2]:after{content:"";position:absolute;background:#78949e;width:100%;height:30px;bottom:-15px;left:0;-webkit-transform:skewY(-5deg);transform:skewY(-5deg);z-index:-1}.resume .base .profile .photo img[data-v-a9a078a2]{width:100%;border-radius:50%}.resume .base .profile .info[data-v-a9a078a2]{text-align:center;color:#fcfcfc}.resume .base .profile .info .name[data-v-a9a078a2]{margin-top:10px;margin-bottom:5px;font-size:1.2em;font-weight:600}.resume .base .contact div[data-v-a9a078a2]{line-height:24px}.resume .base .contact div a[data-v-a9a078a2]:hover{color:#e07a5f}.resume .base .contact div a:hover span[data-v-a9a078a2]:after{width:100%}.resume .base .contact div:hover i[data-v-a9a078a2]{color:#e07a5f}.resume .base .contact div i[data-v-a9a078a2]{color:#78949e;width:20px;height:20px;font-size:20px;text-align:center;margin-right:15px;-webkit-transition-duration:.3s;transition-duration:.3s}.resume .base .contact div span[data-v-a9a078a2]{position:relative}.resume .base .contact div span[data-v-a9a078a2]:after{content:"";position:absolute;background:#e07a5f;height:1px;width:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s}.resume .base .follow .box[data-v-a9a078a2]{text-align:center;vertical-align:middle}.resume .base .follow .box a[data-v-a9a078a2]{display:inline-block;vertical-align:text-bottom}.resume .base .follow .box a:hover i[data-v-a9a078a2]{background:#e07a5f;border-radius:5px;-webkit-transform:rotate(45deg) scale(.8);transform:rotate(45deg) scale(.8)}.resume .base .follow .box a:hover i[data-v-a9a078a2]:before{-webkit-transform:rotate(-45deg) scale(1.5);transform:rotate(-45deg) scale(1.5)}.resume .base .follow .box i[data-v-a9a078a2]{display:inline-block;font-size:30px;background:#78949e;width:60px;height:60px;border-radius:50%;line-height:60px;color:#fcfcfc;margin:0 10px 10px 10px}.resume .base .follow .box i[data-v-a9a078a2],.resume .base .follow .box i[data-v-a9a078a2]:before{-webkit-transition-duration:.3s;transition-duration:.3s}.resume .base .follow .box i.fa[data-v-a9a078a2]:before{display:block}.resume .func[data-v-a9a078a2]{width:80%;padding:30px 25px}.resume .func:hover>div[data-v-a9a078a2]{-webkit-transition-duration:.3s;transition-duration:.3s}.resume .func:hover>div:hover h3[data-v-a9a078a2]{letter-spacing:1.6px}.resume .func:hover>div:hover h3 i[data-v-a9a078a2]{-webkit-transform:scale(1.2);transform:scale(1.2)}.resume .func:hover>div[data-v-a9a078a2]:not(:hover){opacity:.5}.resume .func h3[data-v-a9a078a2]{-webkit-transition-duration:.3s;transition-duration:.3s;margin-top:0}.resume .func h3 i[data-v-a9a078a2]{color:#fcfcfc;background:#78949e;width:42px;height:42px;font-size:20px;line-height:42px;border-radius:50%;text-align:center;vertical-align:middle;margin-right:8px;-webkit-transition-duration:.3s;transition-duration:.3s}.resume .func .edu[data-v-a9a078a2],.resume .func .work[data-v-a9a078a2]{float:left}.resume .func .edu small[data-v-a9a078a2],.resume .func .work small[data-v-a9a078a2]{display:block;opacity:.7}.resume .func .edu ul li[data-v-a9a078a2],.resume .func .work ul li[data-v-a9a078a2]{position:relative;margin-left:15px;padding-left:25px;padding-bottom:15px}.resume .func .edu ul li[data-v-a9a078a2]:hover:before,.resume .func .work ul li[data-v-a9a078a2]:hover:before{-webkit-animation:circle-a9a078a2 1.2s infinite;animation:circle-a9a078a2 1.2s infinite}.resume .func .edu ul li:hover span[data-v-a9a078a2],.resume .func .work ul li:hover span[data-v-a9a078a2]{color:#e07a5f}@-webkit-keyframes circle-a9a078a2{0%{-webkit-box-shadow:0 0 0 0 #3d405b;box-shadow:0 0 0 0 #3d405b}to{-webkit-box-shadow:0 0 0 6px rgba(61,64,91,0);box-shadow:0 0 0 6px rgba(61,64,91,0)}}@keyframes circle-a9a078a2{0%{-webkit-box-shadow:0 0 0 0 #3d405b;box-shadow:0 0 0 0 #3d405b}to{-webkit-box-shadow:0 0 0 6px rgba(61,64,91,0);box-shadow:0 0 0 6px rgba(61,64,91,0)}}.resume .func .edu ul li[data-v-a9a078a2]:first-of-type:before,.resume .func .work ul li[data-v-a9a078a2]:first-of-type:before{width:10px;height:10px;left:-2px}.resume .func .edu ul li[data-v-a9a078a2]:last-of-type,.resume .func .work ul li[data-v-a9a078a2]:last-of-type{padding-bottom:3px}.resume .func .edu ul li[data-v-a9a078a2]:last-of-type:after,.resume .func .work ul li[data-v-a9a078a2]:last-of-type:after{border-radius:1.5px}.resume .func .edu ul li[data-v-a9a078a2]:after,.resume .func .edu ul li[data-v-a9a078a2]:before,.resume .func .work ul li[data-v-a9a078a2]:after,.resume .func .work ul li[data-v-a9a078a2]:before{content:"";display:block;position:absolute}.resume .func .edu ul li[data-v-a9a078a2]:before,.resume .func .work ul li[data-v-a9a078a2]:before{width:7px;height:7px;border:3px solid #3d405b;background:#fcfcfc;border-radius:50%;left:0;z-index:1}.resume .func .edu ul li[data-v-a9a078a2]:after,.resume .func .work ul li[data-v-a9a078a2]:after{width:3px;height:100%;background:#3d405b;left:5px;top:0}.resume .func .edu ul li span[data-v-a9a078a2],.resume .func .work ul li span[data-v-a9a078a2]{-webkit-transition-duration:.3s;transition-duration:.3s}.resume .func .work[data-v-a9a078a2]{width:42%}.resume .func .edu[data-v-a9a078a2]{width:58%}.resume .func .skills-prog[data-v-a9a078a2]{clear:both}.resume .func .skills-prog ul[data-v-a9a078a2]{margin-left:15px}.resume .func .skills-prog ul li[data-v-a9a078a2]{margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition-duration:.3s;transition-duration:.3s}.resume .func .skills-prog ul li[data-v-a9a078a2]:hover{color:#e07a5f}.resume .func .skills-prog ul li:hover .skills-bar .bar[data-v-a9a078a2]{background:#e07a5f;-webkit-box-shadow:0 0 0 1px #e07a5f;box-shadow:0 0 0 1px #e07a5f}.resume .func .skills-prog ul li span[data-v-a9a078a2]{display:block;width:120px}.resume .func .skills-prog ul li .skills-bar[data-v-a9a078a2]{background:#cdcdcd;height:2px;width:calc(100% - 120px);position:relative;border-radius:2px}.resume .func .skills-prog ul li .skills-bar .bar[data-v-a9a078a2]{position:absolute;top:-1px;height:4px;background:#78949e;-webkit-box-shadow:0 0 0 #78949e;box-shadow:0 0 0 #78949e;border-radius:5px}.resume .func .skills-soft ul[data-v-a9a078a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.resume .func .skills-soft ul li[data-v-a9a078a2]{position:relative}.resume .func .skills-soft ul li:hover svg .cbar[data-v-a9a078a2]{stroke:#e07a5f;stroke-width:4px}.resume .func .skills-soft ul li:hover small[data-v-a9a078a2],.resume .func .skills-soft ul li:hover span[data-v-a9a078a2]{-webkit-transform:scale(1.2);transform:scale(1.2)}.resume .func .skills-soft ul li svg[data-v-a9a078a2]{width:95%;fill:transparent;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.resume .func .skills-soft ul li svg circle[data-v-a9a078a2]{stroke-width:1px;stroke:#cdcdcd}.resume .func .skills-soft ul li svg .cbar[data-v-a9a078a2]{stroke-width:3px;stroke:#78949e;stroke-linecap:round}.resume .func .skills-soft ul li small[data-v-a9a078a2],.resume .func .skills-soft ul li span[data-v-a9a078a2]{position:absolute;display:block;width:100%;top:52%;-webkit-transition-duration:.3s;transition-duration:.3s}.resume .func .skills-soft ul li span[data-v-a9a078a2]{top:40%}.resume .func .interests-items[data-v-a9a078a2]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px;width:100%;border:1px solid #cdcdcd;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.resume .func .interests-items div[data-v-a9a078a2]{display:inline-block}.resume .func .interests-items div:hover i[data-v-a9a078a2]{-webkit-transform:scale(1.2);transform:scale(1.2)}.resume .func .interests-items div:hover span[data-v-a9a078a2]{color:#e07a5f;-webkit-transition-duration:.3s;transition-duration:.3s}.resume .func .interests-items div i[data-v-a9a078a2]{font-size:45px;width:60px;height:60px;line-height:60px;color:#78949e;-webkit-transition-duration:.3s;transition-duration:.3s}.resume .func .interests-items div i.guitar[data-v-a9a078a2]{display:block;margin:0 auto}.resume .func .interests-items div i.guitar svg[data-v-a9a078a2]{width:50px;height:50px;margin-top:5px;fill:#78949e}.resume .func .interests-items div span[data-v-a9a078a2]{display:block}.pan-item[data-v-799537af]{width:200px;height:200px;border-radius:50%;display:inline-block;position:relative;cursor:default;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2)}.pan-info-roles-container[data-v-799537af]{padding:20px;text-align:center}.pan-thumb[data-v-799537af]{width:100%;height:100%;background-position:50%;background-size:cover;border-radius:50%;overflow:hidden;position:absolute;-webkit-transform-origin:95% 40%;transform-origin:95% 40%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.pan-info[data-v-799537af]{position:absolute;width:inherit;height:inherit;border-radius:50%;overflow:hidden;-webkit-box-shadow:inset 0 0 0 5px rgba(0,0,0,.05);box-shadow:inset 0 0 0 5px rgba(0,0,0,.05)}.pan-info h3[data-v-799537af]{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:18px;margin:0 60px;padding:22px 0 0 0;height:85px;font-family:Open Sans,Arial,sans-serif;text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,.3)}.pan-info p[data-v-799537af]{color:#fff;padding:10px 5px;font-style:italic;margin:0 30px;font-size:12px;border-top:1px solid hsla(0,0%,100%,.5)}.pan-info p a[data-v-799537af]{display:block;color:#333;width:80px;height:80px;background:hsla(0,0%,100%,.3);border-radius:50%;color:#fff;font-style:normal;font-weight:700;text-transform:uppercase;font-size:9px;letter-spacing:1px;padding-top:24px;margin:7px auto 0;font-family:Open Sans,Arial,sans-serif;opacity:0;-webkit-transition:opacity .3s ease-in-out .2s,background .2s linear 0s,-webkit-transform .3s ease-in-out .2s;transition:opacity .3s ease-in-out .2s,background .2s linear 0s,-webkit-transform .3s ease-in-out .2s;transition:transform .3s ease-in-out .2s,opacity .3s ease-in-out .2s,background .2s linear 0s;transition:transform .3s ease-in-out .2s,opacity .3s ease-in-out .2s,background .2s linear 0s,-webkit-transform .3s ease-in-out .2s;-webkit-transform:translateX(60px) rotate(90deg);transform:translateX(60px) rotate(90deg)}.pan-info p a[data-v-799537af]:hover{background:hsla(0,0%,100%,.5)}.pan-item:hover .pan-thumb[data-v-799537af]{-webkit-transform:rotate(-110deg);transform:rotate(-110deg)}.pan-item:hover .pan-info p a[data-v-799537af]{opacity:1;-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}.box-center[data-v-72bff3da]{margin:0 auto;display:table}.text-muted[data-v-72bff3da]{color:#777}.user-profile .user-name[data-v-72bff3da]{font-weight:700}.user-profile .box-center[data-v-72bff3da]{padding-top:10px}.user-profile .user-role[data-v-72bff3da]{padding-top:10px;font-weight:400;font-size:14px}.user-profile .box-social[data-v-72bff3da]{padding-top:30px}.user-profile .box-social .el-table[data-v-72bff3da]{border-top:1px solid #dfe6ec}.user-profile .user-follow[data-v-72bff3da]{padding-top:20px}.user-bio[data-v-72bff3da]{margin-top:20px;color:#606266}.user-bio span[data-v-72bff3da]{padding-left:4px}.user-bio .user-bio-section[data-v-72bff3da]{font-size:14px;padding:15px 0}.user-bio .user-bio-section .user-bio-section-header[data-v-72bff3da]{border-bottom:1px solid #dfe6ec;padding-bottom:10px;margin-bottom:10px;font-weight:700}.createAttachmentForm[data-v-72bff3da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.customWidth[data-v-72bff3da]{width:600px}.el-scrollbar__wrap[data-v-72bff3da]{overflow-x:hidden}.el-form-item{margin-bottom:18px}.app-container[data-v-651d2df2]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-transition:.2s;transition:.2s;padding:0 20px}.app-container button[data-v-651d2df2],.app-container input[data-v-651d2df2],.app-container optgroup[data-v-651d2df2],.app-container select[data-v-651d2df2],.app-container textarea[data-v-651d2df2]{font-family:DM Sans,sans-serif}.app-content[data-v-651d2df2]{height:100%;min-height:400px;padding:2px 15px;margin-bottom:20px}.app-content[data-v-651d2df2],.projects-section[data-v-651d2df2]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.projects-section[data-v-651d2df2]{-webkit-box-flex:4;-ms-flex:4;flex:4;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);border-radius:4px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.projects-section-line[data-v-651d2df2]{padding-bottom:32px}.projects-section-header[data-v-651d2df2],.projects-section-line[data-v-651d2df2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.projects-section-header[data-v-651d2df2]{padding:15px;border-bottom:1px solid #dcdfe6}.projects-section-header p[data-v-651d2df2]{font-size:18px;line-height:32px;font-weight:700;opacity:.9;margin:0}.projects-section-header .time[data-v-651d2df2]{font-size:17px}.projects-section-dss[data-v-651d2df2]{padding:15px}[data-v-e57324cc] .el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:180px;text-align:center;cursor:pointer;overflow:hidden}[data-v-e57324cc] .el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0;width:100%}[data-v-735d367b] .el-form{margin:5px}