@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Overpass:ital,wght@0,100..900;1,100..900&display=swap";.bg-img{width:100%;position:relative;background:url() 50% 50% no-repeat;background-size:100% 100%;background-clip:content-box;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transform:all .5s ease-in-out;transition:all .5s ease-in-out}html{font-size:10px}body{font-weight:400;font-size:clamp(1.4rem,.208vw + 1.333rem,1.6rem);letter-spacing:.05rem;line-height:1.8;font-family:"Noto Sans TC",sans-serif;color:#000}h1,.h1{font-size:clamp(3.6rem,1.2295vw + 2.3803rem,4.2rem);line-height:1.2;letter-spacing:.1rem}h2,.h2{font-size:clamp(2.8rem,1.6393vw + 1.1738rem,3.6rem);line-height:1.35;letter-spacing:.05rem}h3,.h3{font-size:clamp(2.4rem,.8197vw + 1.5869rem,2.8rem);line-height:1.4;letter-spacing:.05rem}h4,.h4{font-size:clamp(2rem,.8197vw + 1.1869rem,2.4rem);line-height:1.45;letter-spacing:.05rem}h5,.h5{font-size:clamp(1.8rem,.4098vw + 1.3934rem,2rem);line-height:1.5;letter-spacing:.05rem}h6,.h6{font-size:clamp(1.6rem,.4098vw + 1.1934rem,1.8rem);line-height:1.55;letter-spacing:.05rem}p,.p,.p-sm{font-size:clamp(1.4rem,.4098vw + .9934rem,1.6rem);line-height:1.6;letter-spacing:.075em}@media(max-width: 1024px){p,.p,.p-sm{letter-spacing:.035em}}@media(max-width: 767px){p,.p,.p-sm{letter-spacing:.015em}}.note{font-size:clamp(1.2rem,.4098vw + .7934rem,1.4rem);line-height:20px;letter-spacing:0}@media(max-width: 767px){.p-sm{font-size:clamp(1.2rem,.4098vw + .7934rem,1.4rem)}}.line-hight-fit{line-height:1 !important}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-700{font-weight:700}.profession-list-section{position:relative;z-index:0;margin-top:-8rem;background-color:#00479d}.profession-list-section .service-list{padding:16rem 0 20rem;background-color:#d0ecff;-ms-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;opacity:0;-webkit-transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transform:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}@media(max-width: 767px){.profession-list-section .service-list{padding:16rem 0 20rem}.profession-list-section .service-list ul{padding-left:0;padding-right:0}}#service-details{position:relative;width:100%;z-index:2;margin-top:-104px}.details-section{position:relative;background-color:#d0ecff;margin-top:4rem}.details-section.is-fixed .details-cover{position:fixed;top:0;left:0;right:0}.details-cover{position:absolute;width:45%;height:calc(var(--vh, 1vh)*100);background-color:#00479d;top:0;left:0;z-index:1}.details-cover:after{content:"";position:absolute;width:100%;height:100%;top:0;right:0;background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%)}.details-cover:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:2}.details-cover .cover-image{width:100%;height:100%;object-fit:cover}.details-cover .timeline-anchor{position:absolute;height:100%;top:0;right:0;padding:110px 0}.details-cover .timeline-anchor .link{color:#d0ecff}.details-cover .timeline-anchor .link.active{color:#fff}.details-cover .timeline-anchor .link:hover{color:#fff}.details-intro{position:relative;width:55%;margin-left:auto;padding:2.5rem 5rem;padding-top:5rem}.details-intro:after{content:"";position:absolute;width:100%;height:calc(100% - 5rem);left:0;bottom:0;background-color:#fff}.details-intro article{position:relative;z-index:1;padding:6.3rem 0;scroll-margin-top:2rem}.details-intro article+article{border-top:1px solid #e2eaef}.details-intro article a{position:relative;display:inline-block;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transform:all .3s ease;transition:all .3s ease}.details-intro article a:hover .title,.details-intro article a:hover .title sup{color:#fff}.details-intro article a:hover .title:after{width:100%;background-color:#caa663}.details-intro article .title{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-o-flex-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;font-size:clamp(2.4rem,.8197vw + 1.5869rem,2.8rem);color:#000;font-weight:500;margin-bottom:2rem;line-height:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transform:all .3s ease;transition:all .3s ease}.details-intro article .title:after{content:"";position:absolute;width:0;height:105%;top:52.5%;left:-1px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:#000;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transform:all .3s ease;transition:all .3s ease;z-index:-1}.details-intro article .title span,.details-intro article .title sup{position:relative;z-index:1}.details-intro article .title span{display:inline-block}.details-intro article .title sup{font-size:clamp(1.4rem,.4098vw + .9934rem,1.6rem);color:#00479d;display:inline-block;margin-right:1rem;top:0}.details-intro article ul{list-style:none;padding:0;margin:0;padding-left:5px}.details-intro article ul li{position:relative;font-size:clamp(1.4rem,.4098vw + .9934rem,1.6rem);font-weight:300;color:#393939;padding-left:20px}.details-intro article ul li:before{content:"";position:absolute;top:9px;left:0;width:8px;height:8px;display:block;background-color:#00479d}@media(max-width: 767px){.details-cover{display:none}.details-intro{width:100%;padding:2.5rem 5%;background-color:#fff}.details-intro:after{display:none}}body.loaded .profession-list-section .service-list{-ms-border-radius:0 10rem 0 10rem;-moz-border-radius:0 10rem 0 10rem;-webkit-border-radius:0 10rem 0 10rem;border-radius:0 10rem 0 10rem;opacity:1}@media(max-width: 1024px){body.loaded .profession-list-section .service-list{-ms-border-radius:0 6rem 0 6rem;-moz-border-radius:0 6rem 0 6rem;-webkit-border-radius:0 6rem 0 6rem;border-radius:0 6rem 0 6rem}}/*# sourceMappingURL=profession.css.map */