:root{font-family:Roboto,Noto Sans TC,Noto Sans SC,Noto Sans HK,Noto Sans JP,Noto Sans,PingFang TC,Microsoft JhengHei,PMingLiU,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f8f8f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.langSelector{background-repeat:no-repeat;background-position-x:left;background-position-y:top}.langSelector[name=fr]{background-image:url(/images/flag-fr.svg)}.langSelector[name=en]{background-image:url(/images/flag-en.svg)}#nav-menu{width:35px;z-index:100;position:fixed;margin-top:50px;margin-left:-36px;border-right:1px solid white;display:none}#nav-menu a{display:block;padding:5px 0;text-align:center;color:#017072;background-color:#a9d5d6}#nav-menu a.inverse{color:#fff;background-color:#027e80}.action{background:none;padding-left:.5rem}a{color:#027e80}a:visited{color:#017072}.inline-list{list-style:none;margin:0;padding:0;display:inline-block}.inline-list .list-item{display:inline-block}.flex-list{display:flex;align-items:center}.card{border-radius:5px;padding:.3rem .5rem;margin-top:.5rem;font-size:.8rem}.card .title{font-size:.75rem}.card-flex{display:flex;flex-wrap:wrap}.card-flex .title{width:64%;margin-bottom:.2rem}.card-flex .date{width:36%;display:flex;justify-content:end;align-items:start}.card-flex .date .date-badge{width:auto}.card-flex .content{width:95%}.card-flex .symbol{width:5%;text-align:right;margin-top:auto}.pie{--b: 10px;width:100%;aspect-ratio:1;position:relative;display:inline-grid;place-content:center;font-size:25px;font-weight:700;font-family:sans-serif}.pie:before{content:"";position:absolute;border-radius:50%;top:0;right:0;bottom:0;left:0;background:conic-gradient(#017072 calc(var(--p) * 1%),#a9d5d6 calc(var(--p) * 1%));-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(99% - var(--b)),#000 calc(100% - var(--b)));mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(99% - var(--b)),#000 calc(100% - var(--b)))}.date-badge{font-size:.6rem;padding:2px 6px;border-radius:5px;width:130px;background-color:#027e80;color:#fff}.date-badge i{margin-right:.3rem}.date-badge.child-date{background-color:#a9d5d6;color:#000}body{margin:.5rem;min-width:300px}#wrapper{width:100%}#header{display:flex;flex-wrap:wrap;justify-content:right;margin-bottom:.5rem;padding:0 .5rem}#header button{height:16px;border:none;cursor:pointer}#header i{color:#666;cursor:pointer;font-size:16px}#actions{padding-right:15px;border-right:2px solid #666}#langs{display:flex;align-items:center;padding-left:10px}#langs>*{margin:2px 2px 2px 5px;width:20px}#resume{display:flex;flex-wrap:wrap;box-shadow:0 2px 6px #1a1f1c14;background-color:#fff;padding:.5rem 0}#resume>*{padding:.5rem;width:100%}#resume>*>*{padding:0 .5rem}#resume .inverse{color:#fff;background-color:#027e80}#resume .inverse a{color:#fff}#summary{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:.5rem}#profile{width:100%;text-align:center}#profile .avatar{width:125px;border-radius:50%}#identity{text-align:center}#name{margin:0;font-size:1.7rem}#contact i,.location i,#time i{color:#027e80;padding-right:.5rem}#location,#time{font-size:.9rem}#time>*{display:inline-block;margin:0 .25rem}#jobTitle{margin-top:1rem;font-weight:700;color:#027e80}#description{font-size:.8rem;margin:1rem 0 0;text-align:left}#contact{font-size:1.2rem}#contact #contactMe,#contact .social-link,#contact .email,#contact .phone{display:none}.title{font-size:.8rem;font-weight:700;text-transform:uppercase;color:#017072;margin:0;padding:0}.title .label{background-color:#fff;padding-right:.5rem}.title .label i{padding-right:.2rem;width:1rem}.section-full>.title{position:relative;z-index:1;margin-bottom:.25rem}.section-full>.title:before{border-top:2px solid #017072;content:"";margin:0 auto;position:absolute;top:43%;left:0;right:0;bottom:0;z-index:-1}.inverse .title{color:#fff;background-color:#027e80}.inverse .title a{color:#fff}.inverse .title:before{border-color:#fff}.inverse .title .label{background-color:#027e80}#skills .flex-list{flex-direction:column}#skills .flex-list .list-item{width:95%;line-height:1.3}#skills .section-light{margin-top:1rem}#skills .section-light .title{margin-bottom:.3rem}#skills .section-light.inverse{line-height:1.2;padding:.5rem;border-radius:5px}#skills .section-light.inverse .title{margin-bottom:.5rem;display:inline-block}.skill-name{font-size:.8rem}.skill-bar-wrapper{width:100%;background-color:#fff;box-shadow:inset 0 1px 3px #0003}.skill-bar-wrapper .skill-bar{background-color:#a9d5d6;height:.5rem}.skill-exp{font-size:.7rem;text-align:right}.skill-list{font-size:.8rem;margin:0;margin-left:1.6rem;display:inline-block}.skill-list .certif{background-color:#a9d5d6;padding:3px 6px;border-radius:4px;font-weight:700;white-space:nowrap;line-height:2rem}.timeline{position:relative;margin:0;padding-left:.5rem}.timeline:before{content:"";width:3px;background:#017072;position:absolute;left:16px;top:16px;height:calc(100% - 20px)}.timeline .timeline-item{display:flex}.timeline .timeline-item-logo{color:#017072;font-size:1.2rem;padding-right:.2rem}.timeline .timeline-item-logo i{background-color:#fff;position:relative}.timeline .timeline-item-content{display:flex;flex-wrap:wrap;margin:.5rem 0;width:100%}.timeline .timeline-item-date-content{display:flex;justify-content:right;width:100%;align-items:center;margin-bottom:.2rem}.timeline .timeline-item-title{margin:0;width:100%;line-height:1;margin-top:.1rem}.timeline .timeline-item-title a{color:#000}.timeline .timeline-item-company,.timeline .timeline-item-location{font-size:.8rem;color:#017072;margin-top:.2rem;margin-bottom:.5rem}.timeline .timeline-item-sub-titles{margin-top:.5rem;width:100%}.timeline .timeline-item-sub-title-content{margin-bottom:.5rem;display:flex;flex-wrap:wrap}.timeline .timeline-item-sub-title-desc{width:100%}.timeline .timeline-item-sub-title{margin:0;margin-top:.3rem;line-height:1;font-size:.9rem}.timeline .timeline-item-perimeter{font-size:.8rem}.timeline .timeline-item-content-body{margin-top:.5rem;line-height:1.3;font-size:.9rem;width:100%}.timeline .timeline-item-content-body ul{padding:.2rem 0 .2rem 1.5rem}.timeline .timeline-item-content-body li{list-style:disc;padding-bottom:5px}.timeline .timeline-item-content-body p{margin:0}.timeline.page-break>.timeline-item:first-of-type{margin-top:0}#work ul.first li:last-of-type{padding-bottom:1rem}#work ul.page-break li:first-of-type{margin-top:-15px}#education .timeline-item-date{width:70px}#education .timeline-item-title{font-size:1.1rem}#projects .flex-list{flex-direction:column}#languages .flex-list{flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin-top:.5rem}#languages .language{margin:.5rem .5rem 0;text-align:center}#languages .language .title{font-size:1rem;text-align:center;text-transform:none}#languages .language .level{font-size:.75rem;text-align:center;padding:0 10px;font-weight:700;white-space:nowrap;margin-top:.5rem}#languages .language .hieroglyphic{text-indent:100%;white-space:nowrap;overflow:hidden;background-image:url(/images/mdw-ntr.png);background-repeat:no-repeat;background-size:contain;font-size:1em;background-position:45%}#languages .language .pie{width:100px}#interests{font-size:.9rem}#interests .inline-list{padding-left:1.5rem}#interests .interest i{padding-right:.5rem;width:.8rem;color:#017072}@media screen and (max-width: 450px){#profile{order:1}#identity{order:2}#contact{order:3}}@media screen and (min-width: 451px){.section-full>.title{font-size:.9rem}#skills .flex-list{flex-wrap:wrap;height:261px}#skills .flex-list .list-item{width:45%}.timeline .timeline-item-date{font-size:.7rem;width:155px}.timeline .timeline-item-logo i{margin-top:.6rem}#education .timeline-item-date{width:80px}}@media screen and (min-width: 525px){#languages .language{width:auto}}@media screen and (min-width: 650px){.section-full>.title{margin-bottom:.5rem}.section-light{line-height:1.2}.card{width:45%}#identity #location,#identity #time,#identity #description{font-size:1rem}#identity #name{font-size:1.9rem}#identity #jobTitle{font-size:1.2rem}#identity #description{margin:1.5rem 0 .5rem}#skills .flex-list{height:180px}#skills .flex-list .list-item{width:30%}.timeline .timeline-item-content{padding-left:.2rem}.timeline .timeline-item-title,.timeline .timeline-item-sub-title{order:1;width:70%}.timeline .timeline-item-date-content{order:2;width:30%;align-items:start}.timeline .timeline-item-company,.timeline .timeline-item-location{order:3}.timeline .timeline-item-sub-titles{order:4}.timeline .timeline-item-content-body{order:5}.timeline .timeline-item-sub-title-desc{order:1;width:70%}#projects .flex-list{flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:normal}}@media screen and (min-width: 768px){#resume>*{margin-top:.5rem}#identity{order:1;width:75%}#identity #name{font-size:2em;text-align:left}#identity #jobTitle{text-align:left}#profile{order:2;flex-basis:19%}#time{text-align:left}#contact{order:3;font-size:1.4rem}#skills{padding-bottom:1rem}#skills .flex-list{height:195px}#skills .flex-list .list-item{line-height:1.4}#skills .skill-name,#skills .skill-list{font-size:1rem}#skills .skill-exp{font-size:.8rem}.timeline .timeline-item-company,.timeline .timeline-item-location{width:100%}}@media screen and (min-width: 992px){#resume{justify-content:space-between}#resume>*{padding-bottom:.5em}#profile{flex-basis:20%}#skills .flex-list{height:146px}#skills .flex-list .list-item{width:23%}#skills .section-light .title{padding-bottom:.5rem}#skills .section-light .title.title-full{width:100%}#skills .section-light .skill-list{margin-left:0;padding-left:1.5rem}.timeline .timeline-item-sub-title-content{margin-bottom:.25rem}.timeline .timeline-item-sub-title{font-size:1rem;line-height:1.2;display:inline-block;width:auto;margin-top:0;padding-right:.5rem}.timeline .timeline-item-date-content{align-items:center}.timeline .timeline-item-content-body{font-size:1rem}.card-flex .title{width:75%;margin-bottom:.2rem}.card-flex .date{width:25%}}@media screen and (min-width: 1200px){#wrapper{width:1140px;margin:auto}#identity{width:81%}#profile{flex-basis:15%}#nav-menu{display:initial}}@media print{:root{background-color:#fff;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.page-break{page-break-before:always}a{text-decoration:none}.section-full>.title{font-size:.8rem}.card-flex{width:45%}.card .title{font-size:.58rem}.card .content{font-size:.6rem}.date-badge{font-size:.5rem}#header{display:none}#resume{box-shadow:none;padding-top:0;padding-bottom:0;justify-content:space-between}#resume>*{padding:.3rem .5rem}#resume>*>*{padding:0}#resume #summary{padding-bottom:.15rem;gap:.1rem}#identity{order:1;width:77%}#identity #name{font-size:1.7rem;text-align:left}#identity #time{text-align:left;font-size:.8rem}#identity #jobTitle{font-size:1.2rem;text-align:left}#identity #description{font-size:.8rem}#profile{order:2;flex-basis:15%}#profile #location{width:100%;font-size:.7rem}#contact{order:3;font-size:.7rem;margin:1rem 0;width:100%}#contact .title{font-size:.7rem}#contact .flex-list{display:flex;flex-wrap:wrap;justify-content:right}#contact .flex-list .list-item{display:inline-block;width:27%}#contact i{width:16px;text-align:center}#contact .social-link,#contact #contactMe,#contact .email,#contact .website,#contact .phone{display:inline-block}#contactMe{position:relative;z-index:1;width:100%}#contactMe:before{border-top:2px solid #017072;content:"";margin:0 auto;position:absolute;top:47%;left:0;right:0;bottom:0;z-index:-1}#skills #main-skills{margin-bottom:.5rem}#skills .skill-name,#skills .skill-exp{font-size:.65rem}#skills .section-light{margin-top:.5rem;margin-bottom:.5rem;line-height:1}#skills .section-light.inverse{padding-top:0}#skills .section-light i{width:.5rem}#skills .section-light .title{font-size:.6em}#skills .skill-list{font-size:.7em;display:block}#skills .flex-list{height:115px;text-align:center;display:block;margin-bottom:.8rem}#skills .flex-list .list-item{font-size:.7rem;text-align:left;width:22%;margin:0 .5rem}#work{margin-top:.3rem}#work ul.first li:last-of-type{padding-bottom:inherit}#work ul.page-break li:first-of-type{margin-top:inherit}.timeline .timeline-item.no-margin{margin-top:0}.timeline .timeline-item-title,.timeline .timeline-item-sub-title{order:1;width:75%}.timeline .timeline-item-content{margin:.45rem 0}.timeline .timeline-item-date-content{order:2;align-items:start;width:25%;margin-bottom:0}.timeline .timeline-item-date{font-size:.5rem;width:110px;padding:1px 3px;border-radius:4px}.timeline .timeline-item-title{font-size:.9rem;line-height:1;margin-top:0}.timeline .timeline-item-logo{padding-right:.5rem}.timeline .timeline-item-company,.timeline .timeline-item-location{order:3;margin-top:0;font-size:.6rem;width:100%;margin-bottom:.2em}.timeline .timeline-item-content-body{order:5;margin-top:.2rem;font-size:.7rem}.timeline .timeline-item-sub-titles{order:4;margin-top:0}.timeline .timeline-item-sub-title-desc{order:1;width:75%;line-height:1}.timeline .timeline-item-sub-title-content{margin-bottom:0}.timeline .timeline-item-sub-title{font-size:.7rem;width:auto;margin-top:0;padding-right:.5rem;display:inline-block}.timeline .timeline-item-perimeter{font-size:.6rem}#projects{margin-top:.7rem}#projects .flex-list{flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:normal}#education .timeline .timeline-item-title{font-size:.9rem}#education .timeline .timeline-item-content{margin-top:0}#languages .flex-list{margin-top:0;margin-bottom:.3rem}#languages .language{width:auto}#languages .language .pie{--b: 6px;width:75px;font-size:17px}#languages .language .title{font-size:.75rem}#languages .language .level{font-size:.65rem;margin-top:.3rem}#interests .inline-list{font-size:.7rem}}