a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a,div,h1,h2,h3,h4,h5,h6,input,label,li,p,ul{font-family:Avenir!important;letter-spacing:1px}.right-bar{width:calc(100% - 290px);margin-left:auto}.right-bar,.right-bar.active{-webkit-transition:1.5s;transition:1.5s}.right-bar.active{-webkit-filter:blur(50px);filter:blur(50px)}@media screen and (max-width:1150px){.right-bar{width:100%;margin-left:auto;padding-top:70px!important}}@media screen and (max-width:680px){.right-bar{width:100%;margin-left:auto;padding:20px!important}}body{margin:0;padding:0}.logotitle{color:#fff;font-weight:900;font-size:42px;margin-bottom:40px;margin-top:20px;letter-spacing:-1px;text-align:left;padding-left:20px}.logotitle span{color:#fad54d}@media screen and (max-width:600px){.logotitle{font-size:32px}}#app{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.left-bar{position:fixed;left:0;top:0;width:250px;height:100vh;padding:10px 10px 80px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,.8)}.left-bar img{width:160px;margin-top:50px;margin-bottom:150px}.left-bar .title,.left-bar ul{max-width:180px;width:100%;margin-left:auto;margin-right:auto}.left-bar .title h2{text-align:left;font-weight:900;color:#fff;font-size:16px;line-height:70px;margin-bottom:10px;margin-top:10px}.left-bar .title h2.active{color:#fad54d}.left-bar ul{padding-left:15px;border-left:1px solid hsla(0,0%,100%,.303)}.left-bar ul li{line-height:60px;text-align:left}.left-bar ul li a{text-decoration:none;color:#fff;font-size:18px}.mobile-meni-btn{color:#fff;font-size:16px;position:fixed;left:0;top:0;display:none;background-color:#000;width:100%;height:50px;line-height:50px;text-align:left;padding-left:30px;padding-right:30px;-webkit-transition:1s;transition:1s;-webkit-transform:translateY(0);transform:translateY(0)}.mobile-meni-btn.active{-webkit-transform:translateY(-75px);transform:translateY(-75px);-webkit-transition:1s;transition:1s}.mobile-meni-btn a{text-decoration:none}.menu-btn{width:45px;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;height:45px;background-color:#484848;border-radius:100%}.menu-btn img{width:40%}@media screen and (max-width:1150px){.left-bar{display:none}.transition-style{max-width:500px;width:100%}.mobile-meni-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:9999999;padding-top:10px;padding-bottom:10px;height:auto}}.mologo-t{margin-bottom:0;margin-top:0;padding-left:0}.title-hank-wrap{width:100%;background-size:70%;background-repeat:no-repeat;background-position:0;padding:40px 40px 85px}.right-bar{padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.right-bar .title-hank-wrap h2{font-size:36px;color:#fff;text-align:left;color:#fad54d}.right-bar .title-hank-wrap h2 span{font-size:15px;margin-left:10px}.right-bar .title-h1{color:#fff;font-weight:900;text-align:left}.right-bar .title-h1 span{display:block}.title-hank-wrap p{color:#fff;font-size:14px;text-align:left}.btn-style{width:200px;border-radius:50px;height:45px;background-color:#fad54d;border:none;display:block;margin-top:40px;font-size:18px;letter-spacing:2px}.inner-page,.inner-page img{width:100%}.deleted-wrap{border:.1px solid #000;position:fixed;right:50px;width:50px;overflow:hidden;padding:12px;height:50px;cursor:pointer}.deleted-wrap img{width:100%}.txt-style{text-decoration:none}.left-bar ul li a{position:relative}.left-bar ul li a:before{content:"";display:block;width:0;height:1px;background-color:#fad54d;position:absolute;top:10px;left:-155px}.left-bar ul li a:hover{color:#fad54d}.left-bar ul li a.router-link-exact-active{color:#fad54d;font-weight:900;position:relative}.left-bar ul li a.router-link-exact-active:before{content:"";display:block;width:150px;height:1px;background-color:#fad54d;position:absolute;left:-155px;top:10px;-webkit-transition:3.5s;transition:3.5s}.title li{list-style:none}.app-menu-cover{position:fixed;top:0;left:0;overflow:hidden;width:100%;height:100vh;background-color:rgba(0,0,0,.45);opacity:0;pointer-events:none;padding:0;-webkit-transform:scale(1.2);transform:scale(1.2)}.app-menu-cover,.app-menu-cover.active{-webkit-transition:1.5s;transition:1.5s}.app-menu-cover.active{opacity:1;pointer-events:fill;-webkit-transform:scale(1);transform:scale(1)}.menu-wrap-mo{width:100%;overflow-y:auto;overflow-x:hidden;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.menu-wrap-mo li{width:100%}.menu-wrap-mo li a{-webkit-text-emphasis:none;text-emphasis:none;color:#fff;font-size:16px;line-height:80px;letter-spacing:3px;width:100%;height:100%;display:block}.menu-wrap-mo li:hover a{-webkit-transition:.5s;transition:.5s}.back-btn,.menu-wrap-mo li:hover a{background-color:#fad54d;color:#000}.back-btn{width:100%;height:50px;position:absolute;bottom:0;left:0;line-height:50px}.page-enter-active,.page-leave-active{-webkit-transition:2s;transition:2s}.page-enter,.page-leave-to{opacity:0;-webkit-transition:1s;transition:1s}.news-infor[data-v-22169756]{font-size:18px;padding-bottom:100px;text-align:justify;padding-top:60px}.news-infor .en_name h1[data-v-22169756]{font-size:100px;font-weight:900}@media screen and (max-width:1024px){.news-infor .en_name h1[data-v-22169756]{font-size:80px;font-weight:bolder}}@media screen and (max-width:600px){.news-infor .en_name h1[data-v-22169756]{font-size:45px;font-weight:bolder}}.news-infor .en_name span[data-v-22169756]{font-size:15px;font-weight:400;display:block;color:#8f8f8f;line-height:32px}.news-infor .en_name span.coname[data-v-22169756]{font-size:20px;font-weight:400;display:block;color:#fad54d;line-height:32px;font-weight:bolder}.news-infor .en_name p[data-v-22169756]{margin-top:30px;max-width:800px;width:100%;line-height:28px}.news-infor .en_name p span[data-v-22169756]{font-size:17px}@media screen and (max-width:1024px){.news-infor .en_name p[data-v-22169756]{margin-top:40px;max-width:1024px;width:100%;line-height:28px}}@media screen and (max-width:600px){.news-infor .en_name p[data-v-22169756]{margin-top:0;max-width:1024px;width:100%;line-height:28px}.mb-40[data-v-22169756]{margin-bottom:40px}}.content[data-v-22169756]{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:600px;font-size:17px;color:#fff}.content li[data-v-22169756]{width:50%}@media screen and (max-width:600px){.content[data-v-22169756]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.content li[data-v-22169756]{width:100%;margin-bottom:30px}}.skill-wrap[data-v-22169756]{margin-top:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.title-news[data-v-22169756]{width:48%}@media screen and (max-width:1440px){.title-news[data-v-22169756]{width:48%}}@media screen and (max-width:1024px){.skill-wrap[data-v-22169756]{margin-top:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.title-news[data-v-22169756]{width:100%}}.title-news h2[data-v-22169756]{font-size:32px;font-weight:bolder}.left-wrap p span[data-v-22169756]{margin-bottom:40px}.title-news ul[data-v-22169756]{padding-top:30px;padding-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.title-news ul li[data-v-22169756]{width:100%;margin-bottom:20px;line-height:32px}@media screen and (max-width:600px){.title-news ul[data-v-22169756]{padding-top:0}}.prosal[data-v-22169756]{border:1px solid #8f8f8f;height:10px;margin-top:10px;position:relative;border-radius:30px;max-width:1024px;width:100%}.prosal .inner-prosal[data-v-22169756]{width:90%;background-color:#fad54d;height:10px;border-radius:30px}.nightfive[data-v-22169756]{width:95%!important}.eight[data-v-22169756]{width:80%!important}.seveneight[data-v-22169756]{width:78%!important}.seven[data-v-22169756]{width:72%!important}.Experience li p.experiencep[data-v-22169756]{margin-top:20px}.Experience li[data-v-22169756]{border-bottom:.5px solid #8f8f8f;padding-bottom:20px}@-webkit-keyframes fadeIn-data-v-22169756{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-data-v-22169756{0%{opacity:0}to{opacity:1}}.role-title[data-v-22169756]{font-size:18px;font-weight:800;margin:0 0 4px;color:#fff}.role-period[data-v-22169756]{color:#8f8f8f;margin-bottom:12px}.section-title[data-v-22169756]{color:#8f8f8f;margin:12px 0}.mt-24[data-v-22169756]{margin-top:24px}.bullets[data-v-22169756]{list-style:none;padding:0;margin:0 0 12px}.bullets li[data-v-22169756]{margin-bottom:6px;white-space:normal;word-break:break-word}.bullets li strong[data-v-22169756]{font-weight:700}.role[data-v-22169756]{font-size:18px;font-weight:800;margin:8px 0 6px;color:#fff}.exp-points[data-v-22169756]{list-style:none;padding:0;margin:6px 0 12px}.exp-points li[data-v-22169756]{line-height:1.9;margin-bottom:6px}.exp-points li strong[data-v-22169756]{color:#fad54d;font-weight:700}.name-wrap[data-v-22169756]{margin-bottom:30px}.dott-style[data-v-22169756]{border:1px dotted #fff;margin-top:-30px;opacity:.2;margin-bottom:50px}@media screen and (max-width:680px){.dott-style[data-v-22169756]{margin-top:30px;width:50%}}.hank-infor[data-v-22169756]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:fadeIn-data-v-22169756 2s both;animation:fadeIn-data-v-22169756 2s both;-webkit-animation-delay:1.2s;animation-delay:1.2s}@media screen and (max-width:800px){.hank-infor[data-v-22169756]{padding-left:20px;padding-right:20px}}@media screen and (max-width:500px){.hank-infor[data-v-22169756]{padding-left:10px;padding-right:10px}}.left-box[data-v-22169756]{background-image:url(http://www.hank.url.tw/img/hank-img.jpg);width:360px;background-position:50%;-webkit-filter:grayscale(.6);filter:grayscale(.6);background-size:cover;background-repeat:no-repeat}@media screen and (max-width:1300px){.left-box[data-v-22169756]{width:0;display:none}}.right-box[data-v-22169756]{width:100%;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;padding:15px 80px 15px 15px}@media screen and (max-width:1300px){.right-box[data-v-22169756]{width:100%}}@media screen and (max-width:1024px){.right-box[data-v-22169756]{width:100%;padding-right:15px}}@media screen and (max-width:600px){.right-box[data-v-22169756]{width:100%;padding:0}}.right-box .name-wrap[data-v-22169756]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.right-box .name[data-v-22169756]{font-size:20px;font-weight:900;margin-right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.right-box .name li[data-v-22169756]{text-decoration:none;list-style:none;line-height:40px;margin-bottom:15px;padding:0 15px;background-color:#fff;color:#000;margin-right:10px;border-radius:48px;font-size:15px}@media screen and (max-width:600px){.right-box .name[data-v-22169756]{font-size:20px;font-weight:900;margin-right:10px}}.right-box .ch-name[data-v-22169756]{font-size:16px;margin-bottom:10px;color:#bdbdbd}.detail-infor[data-v-22169756]{list-style:none;padding:0}.detail-infor>li[data-v-22169756]{font-size:18px;line-height:30px}.detail-infor>li[data-v-22169756]:first-child{font-size:20px;font-weight:900;margin-top:10px}.detail-infor ul[data-v-22169756]{list-style:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:30px;margin-top:40px}.detail-infor ul>li[data-v-22169756]{display:block;margin-right:10px;font-size:18px;border-radius:50px;padding-right:10px;padding-left:10px}.experience-list1-wrap[data-v-22169756]{padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:80px;font-size:18px}@media screen and (max-width:600px){.experience-list-wrap[data-v-22169756]{padding-left:0;padding-right:0}}.list-exp[data-v-22169756]{display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff;border-bottom:1px dotted #fff;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:start;text-align:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:30px 10px 10px 0}h2.title-style[data-v-22169756]{font-size:36px;color:#fff;text-align:left;color:#fad54d}.company-infor p[data-v-22169756]{margin-top:0;margin-bottom:20px;line-height:32px}@media screen and (max-width:1024px){.list-exp[data-v-22169756]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}h2.title-style[data-v-22169756]{text-align:center;color:#fad54d}}@media screen and (max-width:600px){.list-exp[data-v-22169756]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px 0}}.list-exp .num[data-v-22169756]{width:10%;font-size:40px;font-weight:900}@media screen and (max-width:1024px){.list-exp .num[data-v-22169756]{width:100%;font-size:40px;font-weight:900;text-align:left}}.companey-wrap[data-v-22169756]{width:90%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;padding-right:40px}@media screen and (max-width:600px){.companey-wrap .coname[data-v-22169756]{margin-bottom:0}}@media screen and (max-width:1024px){.companey-wrap[data-v-22169756]{width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border:none;margin-bottom:30px;padding-right:0;text-align:left}}@media screen and (max-width:600px){.companey-wrap[data-v-22169756]{margin-bottom:10px}}.companey-wrap span[data-v-22169756]:nth-child(2){color:#8f8f8f}.company-title[data-v-22169756]{width:15%;text-align:center;padding-right:10px;border-right:1px solid #fff;font-size:17px;font-weight:900;color:#fad54d;line-height:50px}@media screen and (max-width:1024px){.company-title[data-v-22169756]{width:100%;border:none;padding-right:0}}.company-infor[data-v-22169756]{width:100%}@media screen and (max-width:1024px){.company-infor[data-v-22169756]{width:100%;padding-left:0;text-align:left}}.company-infor span[data-v-22169756]{font-size:16px;display:block}@media screen and (max-width:1024px){.company-infor span[data-v-22169756]{font-size:16px;margin-top:10px;display:block}}ul.skill-style-wrap[data-v-22169756]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}ul.skill-style-wrap li[data-v-22169756]{margin-bottom:20px;margin-left:5px;margin-right:5px}@media screen and (max-width:768px){ul.skill-style-wrap[data-v-22169756]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;width:100%}ul.skill-style-wrap li[data-v-22169756]{margin-bottom:10px;margin-top:10px}}.infor_span_style a[data-v-22169756]{-webkit-text-decoration-color:#8f8f8f;text-decoration-color:#8f8f8f}.infor_span_style li[data-v-22169756]{margin-bottom:2px!important;margin-top:10px!important;text-decoration:none}.ullinkstyle[data-v-22169756]{list-style-type:decimal}.ullinkstyle li[data-v-22169756]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;border-bottom:1px solid #8f8f8f;list-style-type:decimal;padding-bottom:10px}.ullinkstyle li a[data-v-22169756]{text-decoration:underline;color:#8f8f8f;font-size:14px}.margin-left-10[data-v-22169756]{margin-left:10px}@media screen and (max-width:550px){.ullinkstyle li[data-v-22169756]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;border-bottom:1px solid #8f8f8f;list-style-type:decimal;padding-bottom:10px}.ullinkstyle li a[data-v-22169756]{margin-left:0}}.pt-0[data-v-22169756]{padding-top:0!important}.pb-0[data-v-22169756]{padding-bottom:0!important}body[data-v-22169756]{background-color:#0d0d0d;color:#e0e0e0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.8;letter-spacing:.5px;padding:40px}.resume-section[data-v-22169756]{max-width:1024px;margin:auto}.section-title[data-v-22169756]{color:#a0a0a0;font-size:15px;font-weight:400;margin-bottom:16px;letter-spacing:1px}.highlight[data-v-22169756]{color:#fff;font-size:16px;margin-bottom:24px}.sub-title[data-v-22169756]{color:#f0c000;font-weight:600;margin-bottom:16px;font-size:16px}.achievement-list[data-v-22169756]{list-style:none;padding:0;margin:0}.achievement-list li[data-v-22169756]{margin-bottom:18px;font-size:16px;color:#d9d9d9;line-height:1.8}.achievement-list li .yellow[data-v-22169756]{color:#fad54d;font-weight:900}.mt-60[data-v-22169756]{margin-top:60px}.hero[data-v-22169756]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:24px;margin:8px 0 28px}.hero__photo[data-v-22169756]{width:clamp(96px,10vw,160px);aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:32px;-webkit-filter:grayscale(.1);filter:grayscale(.1);border:1px solid hsla(0,0%,100%,.08);-webkit-box-shadow:0 6px 24px rgba(0,0,0,.35);box-shadow:0 6px 24px rgba(0,0,0,.35);-o-object-position:center top;object-position:center top}.hero__text h1[data-v-22169756]{font-size:clamp(40px,7vw,108px);line-height:.95;margin:0;font-weight:900;color:#fff;letter-spacing:-.5px}.hero__text .mb-40[data-v-22169756]{display:block;margin-top:8px;color:#a6a6a6;font-size:clamp(14px,1.8vw,18px)}@media (max-width:720px){.hero[data-v-22169756]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.hero__photo[data-v-22169756]{width:112px}}@media screen and (max-width:600px){.skill-wrap[data-v-22169756]{margin-top:0}.text_name_wrap span.mb-40[data-v-22169756]{margin-bottom:10px}}.bullets li strong[data-v-22169756]{display:block;color:#fad54d;font-weight:900;margin-bottom:4px;line-height:1.4;font-size:15px}.bullets li[data-v-22169756]{line-height:1.9;margin-bottom:12px;font-size:16px;color:#d9d9d9}.pt-10[data-v-22169756]{padding-top:10px!important}.span-wrap[data-v-22169756]{display:-webkit-box;display:-ms-flexbox;display:flex}@-webkit-keyframes fadeIn-data-v-54cf38b2{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-data-v-54cf38b2{0%{opacity:0}to{opacity:1}}.title-hank-wrap[data-v-54cf38b2]{width:100%;padding:60px 60px 85px 10px;position:relative;-webkit-animation:fadeIn-data-v-54cf38b2 2s both;animation:fadeIn-data-v-54cf38b2 2s both;-webkit-animation-delay:.5s;animation-delay:.5s}.title-hank-wrap .bg-txt[data-v-54cf38b2]{color:transparent;-webkit-text-stroke:1px hsla(0,0%,100%,.144);font-size:400px;text-align:left;display:block;position:absolute;font-weight:900;top:-40px}.title-hank-wrap button.btn-style[data-v-54cf38b2]:hover{background-color:#fff;-webkit-transition:.5s;transition:.5s;color:#000}@media screen and (max-width:680px){.title-hank-wrap[data-v-54cf38b2]{padding:80px 20px 20px}}.right-bar[data-v-54cf38b2]{padding:80px;-webkit-box-sizing:border-box;box-sizing:border-box}.right-bar .title-hank-wrap h2[data-v-54cf38b2]{font-size:54px;color:#fff;text-align:left;margin-top:20px;color:#fad54d;font-weight:900}.right-bar .title-h1[data-v-54cf38b2]{margin-top:12px;line-height:24px}.right-bar .title-h1 span[data-v-54cf38b2],.right-bar .title-h1[data-v-54cf38b2]{color:#fff;font-weight:900;text-align:left;font-size:16px}.title-hank-wrap p[data-v-54cf38b2]{color:#fff;font-size:14px;text-align:left}@media screen and (max-width:680px){.right-bar .title-hank-wrap h2[data-v-54cf38b2]{text-align:center;margin-top:50px}.title-hank-wrap[data-v-54cf38b2]{background-size:contain}.right-bar .title-h1 span[data-v-54cf38b2]{color:#fff;font-weight:900;text-align:center;font-size:16px}}@media screen and (max-width:680px){.right-bar .title-h1[data-v-54cf38b2]{font-size:32px;line-height:43px;text-align:center}.title-hank-wrap p[data-v-54cf38b2]{text-align:center}}.btn-style[data-v-54cf38b2]{width:200px;border-radius:50px;height:60px;background-color:#fad54d;border:none;display:block;margin-top:40px;font-size:18px}@media screen and (max-width:680px){.btn-style[data-v-54cf38b2]{margin-left:auto;margin-right:auto}}.portfolio-wrap[data-v-54cf38b2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:95%;margin-right:auto}@media screen and (max-width:950px){.portfolio-wrap[data-v-54cf38b2]{width:100%}}.portfolio-wrap>div[data-v-54cf38b2]:nth-child(2n){margin-top:120px;margin-bottom:-100px}.swiper-slide[data-v-54cf38b2]{overflow:visible!important}.swiper-button-next.swiper-button-black[data-v-54cf38b2],.swiper-button-prev.swiper-button-black[data-v-54cf38b2]{--swiper-navigation-color:#fff}.swiper-container-flip[data-v-54cf38b2]{overflow:visible;height:400px}.transition-style[data-v-54cf38b2]{width:48%}.card-pofolio-wrap[data-v-54cf38b2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;margin-top:20px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:840px){.transition-style[data-v-54cf38b2]{width:80%}.portfolio-wrap[data-v-54cf38b2]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.portfolio-wrap>div[data-v-54cf38b2]:nth-child(2n){margin-bottom:0;margin-top:0}}@media screen and (max-width:500px){.transition-style[data-v-54cf38b2]{width:100%}}.top[data-v-54cf38b2]{height:400px;-webkit-box-shadow:-34px 28px 36px rgba(0,0,0,.35);box-shadow:-34px 28px 36px rgba(0,0,0,.35);width:100%;background-image:url(http://www.hank.url.tw/img/po01.jpg);background-size:cover;-webkit-filter:grayscale(.3);filter:grayscale(.3);background-position:50%}@media screen and (max-width:1360px){.top[data-v-54cf38b2]{height:300px}}.card-pofolio-wrap .left-img img[data-v-54cf38b2]{width:100%}.card-pofolio-wrap .right-txt[data-v-54cf38b2]{color:#fff;width:100%;text-align:center;padding-top:20px;padding-bottom:10px;border-radius:0 0 20px 20px}.poforlio-wrap[data-v-54cf38b2]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:row;-ms-flex-direction:column;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-between4;-ms-flex-pack:space-between4;justify-content:space-between4}.poforlio-wrap li[data-v-54cf38b2]{background-color:rgba(14,14,14,.3);border-radius:5px;height:190px;width:40%;margin:60px 1.5%}.poforlio-wrap li .poforlio-box[data-v-54cf38b2],.poforlio-wrap li[data-v-54cf38b2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.poforlio-wrap li .poforlio-box[data-v-54cf38b2]{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.poforlio-wrap li .poforlio-box .left-img[data-v-54cf38b2]{max-width:300px;width:100%}.poforlio-wrap li .poforlio-box .left-img img[data-v-54cf38b2]{width:100%;-webkit-transform:translate(-120px,30px) scale(1.9);transform:translate(-120px,30px) scale(1.9)}.right-txt[data-v-54cf38b2]{text-align:left;color:#fff}.right-txt .en-title[data-v-54cf38b2]{font-size:18px;font-weight:900;-webkit-transition:1s;transition:1s;line-height:36px}.right-txt p[data-v-54cf38b2]{font-size:15px;-webkit-transition:1s;transition:1s}.transition-style[data-v-54cf38b2]{-webkit-transition:1.5s;transition:1.5s}.transition-style a[data-v-54cf38b2]{text-decoration:none}.transition-style[data-v-54cf38b2]:hover{-webkit-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition:1s;transition:1s}.transition-style:hover .top[data-v-54cf38b2]{-webkit-filter:grayscale(0);filter:grayscale(0)}.transition-style:hover .en-title[data-v-54cf38b2]{-webkit-transition:1s;transition:1s;font-size:20px;letter-spacing:5px}.transition-style:hover .right-txt p[data-v-54cf38b2]{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-transition:1s;transition:1s;letter-spacing:5px}.slide-fade[data-v-54cf38b2]{position:absolute;left:0;right:0}.slide-fade-enter-active[data-v-54cf38b2]{-webkit-transition:all 1.2s ease;transition:all 1.2s ease}.slide-fade-leave-active[data-v-54cf38b2]{-webkit-transition:all .1s cubic-bezier(2,.5,.8,1);transition:all .1s cubic-bezier(2,.5,.8,1)}.slide-fade-enter[data-v-54cf38b2],.slide-fade-leave-to[data-v-54cf38b2]{left:0;right:0;-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}.modal-content[data-v-b5d66598]{padding:20px 50px}.modal-body ul[data-v-b5d66598]{list-style:none;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;text-align:left;margin:0}.modal-body ul[data-v-b5d66598],.modal-body ul li[data-v-b5d66598]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;padding:0}.modal-body ul li[data-v-b5d66598]{line-height:40px;margin-left:0;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.modal-body ul li span[data-v-b5d66598]:first-child{width:80px;font-weight:900;font-family:serif}.modal-body ul li span[data-v-b5d66598]:nth-child(2){font-family:serif}.modal-open .modal[data-v-b5d66598]{overflow-x:hidden;background-color:rgba(0,0,0,.7);overflow-y:auto}.btn-secondary[data-v-b5d66598]{background-color:#fad54d;border:none;color:#000;border-radius:80px;padding-left:30px;padding-right:30px}.btn-secondary a[data-v-b5d66598]{color:#000}.btn-primary[data-v-b5d66598]{background-color:#000;border:none;color:#fff;border-radius:80px;padding-left:30px;padding-right:30px}.btn-primary a[data-v-b5d66598]{color:#fff!important}@media screen and (max-width:600px){.modal-body ul li[data-v-b5d66598]{line-height:40px;margin-left:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-body ul li span[data-v-b5d66598]:first-child{width:100%;text-align:center;font-weight:900;font-family:serif}.modal-footer[data-v-b5d66598]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal-footer button[data-v-b5d66598]{margin-top:20px}.modal-content[data-v-b5d66598]{padding:20px}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.portfolio-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:95%;margin-right:auto}@media screen and (max-width:950px){.portfolio-wrap{width:100%}}.portfolio-wrap>div:nth-child(2n){margin-top:120px;margin-bottom:-100px}.swiper-slide{overflow:visible!important}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#fff}.swiper-container-flip{overflow:visible;height:400px}.transition-style{width:48%;-webkit-animation:fadeIn 2s both;animation:fadeIn 2s both;-webkit-animation-delay:1.2s;animation-delay:1.2s}.card-pofolio-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;margin-top:20px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:840px){.transition-style{width:80%}.portfolio-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.portfolio-wrap>div:nth-child(2n){margin-bottom:0;margin-top:0}}@media screen and (max-width:500px){.transition-style{width:100%}}.top{-webkit-box-shadow:-34px 28px 36px rgba(0,0,0,.15);box-shadow:-34px 28px 36px rgba(0,0,0,.15);width:100%;height:auto}.top img{-o-object-fit:cover;object-fit:cover;border:4px solid hsla(0,0%,100%,.42745098039215684);border-radius:12px;overflow:hidden}.card-pofolio-wrap .left-img img,.top img{width:100%}.card-pofolio-wrap .right-txt{color:#fff;width:100%;text-align:center;padding-top:20px;padding-bottom:10px;border-radius:0 0 20px 20px}.poforlio-wrap{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:row;-ms-flex-direction:column;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.poforlio-wrap,.poforlio-wrap li{display:-webkit-box;display:-ms-flexbox;display:flex}.poforlio-wrap li{background-color:rgba(14,14,14,.3);border-radius:5px;height:190px;width:40%;margin:60px 1.5%;-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px)}.poforlio-wrap li,.poforlio-wrap li .poforlio-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.poforlio-wrap li .poforlio-box{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.poforlio-wrap li .poforlio-box .left-img{max-width:300px;width:100%}.poforlio-wrap li .poforlio-box .left-img img{width:100%;-webkit-transform:translate(-120px,30px) scale(1.9);transform:translate(-120px,30px) scale(1.9)}.right-txt{text-align:left;color:#fff}.right-txt .en-title{font-size:32px;font-weight:1000;line-height:42px}.right-txt .en-title,.right-txt P{-webkit-transition:1s;transition:1s}.right-txt P{font-size:15px;margin-top:12px}.transition-style{-webkit-transition:1.5s;transition:1.5s}.transition-style a{text-decoration:none}.transition-style:hover{-webkit-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition:1s;transition:1s}.transition-style:hover .top{-webkit-filter:grayscale(0);filter:grayscale(0)}.transition-style:hover .en-title,.transition-style:hover .right-txt P{-webkit-transition:1s;transition:1s;letter-spacing:1px}.transition-style:hover .right-txt P{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.slide-fade{position:absolute;left:0;right:0}.slide-fade-enter-active{-webkit-transition:all 1.2s ease;transition:all 1.2s ease}.slide-fade-leave-active{-webkit-transition:all .1s cubic-bezier(2,.5,.8,1);transition:all .1s cubic-bezier(2,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{left:0;right:0;-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}@-webkit-keyframes fadeIn-data-v-cf23bbca{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-data-v-cf23bbca{0%{opacity:0}to{opacity:1}}.iframe-style[data-v-cf23bbca]{width:calc(100% - 450px);margin-top:0}.iframe-style iframe[data-v-cf23bbca]{width:100%;height:600px}.ml40[data-v-cf23bbca]{margin-left:40px;color:#fff;margin-top:40px;text-align:left!important}.ml40 a[data-v-cf23bbca]{color:#fff;margin-right:20px}.hr-style[data-v-cf23bbca]{background-color:#4b4b4b;width:calc(100% - 40px);margin:40px}@media screen and (max-width:860px){.hr-style[data-v-cf23bbca]{margin-left:0;margin-right:0;width:100%}}.title-hank-wrap[data-v-cf23bbca]{width:100%;background-size:70%;background-repeat:no-repeat;background-position:0;padding:40px}.title-hank-wrap button.btn-style[data-v-cf23bbca]:hover{background-color:#fff;color:#000}@-webkit-keyframes fadeInRight-data-v-cf23bbca{0%{opacity:0}to{opacity:1}}@keyframes fadeInRight-data-v-cf23bbca{0%{opacity:0}to{opacity:1}}.wrap_inner[data-v-cf23bbca]{max-width:450px;width:100%;position:fixed;top:0;right:0;overflow-y:scroll;height:100vh;padding-bottom:100px;-webkit-animation:fadeInRight-data-v-cf23bbca 2s both;animation:fadeInRight-data-v-cf23bbca 2s both;-webkit-animation-delay:1s;animation-delay:1s}@media screen and (max-width:1500px){.wrap_inner[data-v-cf23bbca]{max-width:350px}}@media screen and (max-width:1300px){.wrap_inner[data-v-cf23bbca]{max-width:100%;width:auto;position:static;top:0;right:0;overflow-y:visible;height:100vh}}@media screen and (max-width:680px){.title-hank-wrap[data-v-cf23bbca]{padding:80px 20px 20px;background-size:cover}}.right-bar[data-v-cf23bbca]{padding:80px;-webkit-box-sizing:border-box;box-sizing:border-box}.font-style-title[data-v-cf23bbca]{width:calc(100% - 40px)}.right-bar .font-style-title h2[data-v-cf23bbca]{font-size:32px;color:#fff;text-align:left;color:#fad54d;margin-left:40px;font-weight:900}.font-style-title p.about[data-v-cf23bbca]{font-size:16px;text-align:justify;margin-top:30px;color:#fff;margin-left:40px;font-size:18px;line-height:1.8em}.right-bar .font-style-title h2 span[data-v-cf23bbca]{display:block;font-size:18px;line-height:1.8em;margin-top:30px;color:#fff;font-weight:400}@media screen and (max-width:680px){.font-style-title[data-v-cf23bbca]{width:100%}.right-bar .font-style-title h2[data-v-cf23bbca]{font-size:24px;line-height:36px;text-align:center;margin-left:0}.right-bar .font-style-title h2 span[data-v-cf23bbca]{display:block}.font-style-title p.about[data-v-cf23bbca]{margin-left:0}}.right-bar .title-h1[data-v-cf23bbca]{color:#fff;font-weight:900;text-align:left;font-size:42px;line-height:55px}.right-bar .title-h1 span[data-v-cf23bbca]{display:block}.title-hank-wrap p[data-v-cf23bbca]{color:#828282;font-size:14px;text-align:left}@media screen and (max-width:680px){.right-bar .title-hank-wrap h2[data-v-cf23bbca]{text-align:center;margin-top:50px}.title-hank-wrap[data-v-cf23bbca]{background-size:contain}}@media screen and (max-width:680px){.right-bar .title-h1[data-v-cf23bbca]{text-align:center;font-size:32px;line-height:43px}.title-hank-wrap p[data-v-cf23bbca]{text-align:center}}.btn-style[data-v-cf23bbca]{width:200px;border-radius:50px;height:45px;background-color:#fad54d;border:none;display:block;margin-top:40px;font-size:18px;letter-spacing:2px}@media screen and (max-width:680px){.btn-style[data-v-cf23bbca]{margin-left:auto;margin-right:auto}}.inner-page[data-v-cf23bbca]{width:calc(100% - 450px);-webkit-animation:fadeIn-data-v-cf23bbca 5s both;animation:fadeIn-data-v-cf23bbca 5s both}.inner-page img[data-v-cf23bbca]{width:100%;margin-bottom:-4px}@media screen and (max-width:1500px){.inner-page[data-v-cf23bbca]{width:calc(100% - 350px);padding:0 40px 40px}}@media screen and (max-width:1300px){.inner-page[data-v-cf23bbca]{width:100%;margin-top:0;padding:0 40px 40px}}.deleted-wrap[data-v-cf23bbca]{position:fixed;bottom:-100px;background-color:#fad54d;right:40px;width:80px;overflow:hidden;height:60px;line-height:60px;cursor:pointer;-webkit-transition:1s;transition:1s;opacity:0;width:370px}.deleted-wrap.active[data-v-cf23bbca]{bottom:0;right:40px;-webkit-transition:1s;transition:1s;opacity:1;line-height:40px;text-decoration:none;color:#000}.deleted-wrap p[data-v-cf23bbca]{color:#000;height:60px;margin:0}@media screen and (max-width:1500px){.deleted-wrap[data-v-cf23bbca]{width:270px}}@media screen and (max-width:1300px){.deleted-wrap[data-v-cf23bbca]{top:0;right:0;width:80px;height:80px}.deleted-wrap.active[data-v-cf23bbca]{bottom:0;border:none;line-height:80px;right:0}}@media screen and (max-width:1150px){.deleted-wrap.active[data-v-cf23bbca]{top:calc(100% - 80px);border:none;line-height:60px}}@media screen and (max-width:680px){.wrap_inner[data-v-cf23bbca]{height:100%;margin-bottom:0}.inner-page[data-v-cf23bbca]{padding-left:0;padding-right:0}.deleted-wrap[data-v-cf23bbca]{position:fixed;bottom:-100px!important;top:auto;background-color:#fad54d;right:0;width:100%;overflow:hidden;height:50px;cursor:pointer;-webkit-transition:1s;transition:1s}.deleted-wrap.active[data-v-cf23bbca]{bottom:0!important;-webkit-transition:1s;transition:1s;top:auto;width:100%;left:0;height:80px}.deleted-wrap p[data-v-cf23bbca]{color:#000;line-height:60px}}button a[data-v-cf23bbca]{text-decoration:none!important;color:#333!important}.slide-fade[data-v-cf23bbca]{position:absolute;left:0;right:0}.slide-fade-enter-active[data-v-cf23bbca]{-webkit-transition:all 1.2s ease;transition:all 1.2s ease}.slide-fade-leave-active[data-v-cf23bbca]{-webkit-transition:all .1s cubic-bezier(2,.5,.8,1);transition:all .1s cubic-bezier(2,.5,.8,1)}.slide-fade-enter[data-v-cf23bbca],.slide-fade-leave-to[data-v-cf23bbca]{left:0;right:0;-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}.display[data-v-cf23bbca]{display:none}
/*# sourceMappingURL=app.a1167299a550f1bb8979660386b5fbe8.css.map */