@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{padding:0;margin:0}:root{--color-gary-600: #1f1f1f;--color-gary-500: #353535;--color-gary-400: #6b6b6b;--color-gary-300: #a1a1a1;--color-gary-200: #d7d7d7;--color-gary-100: #f0f0f0;--color-main-100: #e9eff3;--color-main-500: #004877;--color-main-600: #003b5e;--color-main-700: #002c44;--color-type-1: #627eb1;--color-type-2: #bc6453;--color-type-3: #75933f;--color-type-4: #a562a9;--gap: 2.4rem}html{font-size:10px;font-family:Poppins,Noto Sans TC,sans-serif}.site-main{--main-gap: 9.6rem;display:flex;flex-direction:column;gap:var(--main-gap);padding-top:calc(var(--main-gap) * .5);padding-bottom:var(--main-gap)}@media (min-width: 1600px){.site-main{--main-gap: 24rem}}.site-main.blog-theme{--main-gap: 4rem;padding-top:0;padding-bottom:12rem}.site-header{position:sticky;width:100%;left:0;top:0;background-color:#fff;z-index:100;border-bottom:solid .1rem var(--color-gary-100);box-shadow:0 .2rem 1.6rem #0003}.site-header__inner{display:grid;grid-template-columns:repeat(14,1fr);gap:calc(var(--gap) / 2) var(--gap);height:6.4rem;align-items:center;position:relative}@media (min-width: 768px){.site-header__inner{gap:calc(var(--gap)) calc(var(--gap) * 1)}}@media (min-width: 1024px){.site-header__inner{gap:calc(var(--gap) * 1.5) calc(var(--gap) * 2)}}@media (min-width: 768px){.site-header__inner{height:8rem}}.site-header__logo{width:100%;aspect-ratio:200/48;grid-column:2/6;position:absolute;width:16rem}@media (min-width: 640px){.site-header__logo{width:18rem}}.site-header__logo a{display:block;width:100%;height:100%}.site-header__nav{position:fixed;right:0;top:0;width:20rem;background-color:#fff;z-index:0;padding-top:6.4rem;height:100svh;translate:100% 0;transition:all .3s;box-shadow:0 .4rem 2rem #0000001a}@media (min-width: 768px){.site-header__nav{position:relative;right:inherit;top:inherit;width:auto;background-color:transparent;padding-top:0;height:auto;translate:0 0;grid-column:5/14;box-shadow:none}}.site-header__nav.active{translate:0 0}.site-header__nav ul{height:100%;list-style:none;display:flex;flex-direction:column;justify-content:flex-start;padding-top:4rem;align-items:center;gap:calc(var(--gap) * 1.5)}@media (min-width: 768px){.site-header__nav ul{height:auto;flex-direction:row;padding-top:0;gap:calc(var(--gap) / 1);justify-content:flex-end}}@media (min-width: 1024px){.site-header__nav ul{gap:calc(var(--gap) * 2)}}.site-header__btn-link{display:block;font-size:1.6rem;color:var(--color-gary-500);font-weight:700;text-decoration:none;transition:color .3s;white-space:nowrap}@media (min-width: 768px){.site-header__btn-link{font-size:1.4rem}}@media (min-width: 1200px){.site-header__btn-link{font-size:1.8rem}}.site-header__btn-link:hover,.site-header__btn-link.active{color:var(--color-main-500)}.site-header__btn-toggle{cursor:pointer;margin-left:auto;margin-right:0;padding:0;width:2.4rem;height:1.2rem;border:0;position:relative;display:flex;flex-direction:column;justify-content:space-between;background-color:transparent;grid-column-start:13}.site-header__btn-toggle span{width:100%;height:.12rem;background-color:var(--color-gary-500);transform-origin:50%;transition:all .3s}@media (min-width: 768px){.site-header__btn-toggle{display:none}}.site-header__btn-toggle.active{justify-content:center}.site-header__btn-toggle.active span:nth-child(1){rotate:45deg}.site-header__btn-toggle.active span:nth-child(2){rotate:-45deg;translate:0 -.1rem}.section-title{grid-column:2/12;display:flex;flex-direction:column;gap:.4rem;position:relative;z-index:10}@media (min-width: 1024px){.section-title{grid-column:2/6}}.section-title__main-title{font-size:2.4rem;color:var(--color-main-500);font-weight:900}@media (min-width: 1600px){.section-title__main-title{font-size:2.8rem}}.section-title__sub-title{display:flex;gap:.8rem;align-items:center}.section-title__sub-title span{font-size:1.6rem;color:var(--color-gary-500)}@media (min-width: 1600px){.section-title__sub-title span{font-size:2.4rem}}.section-title__aux-title{font-size:1.4rem;color:var(--color-gary-400)}@media (min-width: 1600px){.section-title__aux-title{font-size:2rem}}.site-btn-link{cursor:pointer;border:0;white-space:nowrap;width:min-content;display:block;background-color:var(--color-main-500);font-size:1.6rem;color:#fff;padding:1.2rem 2rem;text-decoration:none;display:flex;align-items:center;gap:.4rem;transition:all .3s}.site-btn-link.align-right{margin-right:0;margin-left:auto}@media (hover: hover){.site-btn-link:hover{background-color:var(--color-main-600)}}.site-btn-tag{border:solid .1rem var(--color-main-500);font-size:1.4rem;color:var(--color-main-500);text-decoration:none;padding:.4rem .8rem}.site-text{font-size:1.4rem;color:var(--color-gary-400);font-weight:700;line-height:1.6;font-weight:400}@media (min-width: 1600px){.site-text{font-size:1.6rem}}.site-text.text-white{color:#fff}.site-date{font-size:1.4rem;color:var(--color-gary-400)}@media (min-width: 1600px){.site-date{font-size:2rem}}.site-title{font-size:1.8rem;font-weight:700;color:var(--color-main-500)}.site-title a{color:var(--color-main-500);text-decoration:none;transition:color .3s}@media (hover: hover){.site-title a:hover{color:var(--color-main-700)}}@media (min-width: 1600px){.site-title{font-size:2rem}}.site-sub-title{font-size:1.4rem;font-weight:700;color:var(--color-gary-500)}@media (min-width: 1600px){.site-sub-title{font-size:2rem}}.project-card{display:grid;grid-template-columns:1fr;gap:calc(var(--gap) / 2)}.project-card__image{width:100%;overflow:hidden;aspect-ratio:16/9;position:relative}.project-card__image a{display:block;width:100%;height:100%}.project-card__image img{position:absolute;left:50%;top:50%;translate:-50% -50%;width:100%;height:100%;object-fit:cover;transition:scale .3s}.project-card__image:hover img{scale:1.1}.project-card__content{display:flex;flex-direction:column;gap:calc(var(--gap) / 4)}.project-card__tags{padding-top:.8rem;display:flex;gap:calc(var(--gap) / 2)}.fixed-button{--size: 4.8rem;position:fixed;bottom:calc(var(--gap) / 2);right:calc(var(--gap) / 2);display:flex;flex-direction:column;gap:calc(var(--gap) / 2);z-index:100}.fixed-button__btn{display:block;width:var(--size);height:var(--size);border-radius:.8rem;overflow:hidden}.page-hero{display:grid;grid-template-columns:repeat(14,1fr);gap:calc(var(--gap) / 2) var(--gap);position:relative;z-index:10;overflow:hidden}@media (min-width: 768px){.page-hero{gap:calc(var(--gap)) calc(var(--gap) * 1)}}@media (min-width: 1024px){.page-hero{gap:calc(var(--gap) * 1.5) calc(var(--gap) * 2)}}.page-hero__conetnt{display:flex;flex-direction:column;gap:calc(var(--gap) / 4)}.page-hero__conetnt:nth-of-type(1){grid-column:2/14}@media (min-width: 960px){.page-hero__conetnt:nth-of-type(1){grid-column:2/6}}.page-hero__conetnt:nth-of-type(2){grid-column:2/14}@media (min-width: 960px){.page-hero__conetnt:nth-of-type(2){grid-column:6/10}}.page-hero__conetnt:nth-of-type(3){grid-column:2/14}@media (min-width: 960px){.page-hero__conetnt:nth-of-type(3){grid-column:10/14}}.page-hero__title{font-size:2.4rem;color:var(--color-main-500);font-weight:900;background:linear-gradient(90deg,#054c7a 20%,#a2d9da);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 1024px){.page-hero__title{font-size:4rem}}.page-hero__image{grid-column:2/15;position:relative;overflow:hidden}.page-hero__image img{width:auto}@media (min-width: 768px){.page-hero__image{grid-column:6/15}}@media (min-width: 1600px){.page-hero__image{grid-column:6/15}}.pagination{margin-top:var(--gap)}.pagination ul{list-style:none;display:flex;gap:.8rem;justify-content:center}@media (min-width: 768px){.pagination ul{justify-content:flex-end}}.pagination ul a{min-width:3.2rem;border-radius:.4rem;background-color:var(--color-main-500);font-size:1.6rem;color:#fff;padding:.6rem 1.2rem;text-decoration:none;display:flex;justify-content:center;align-items:center;transition:color .3s,background-color .3s}@media (hover: hover){.pagination ul a:hover{background-color:var(--color-main-600)}}.pagination ul li.active a{background-color:var(--color-main-600)}.slider-card{display:flex;flex-direction:column;gap:calc(var(--gap) / 4)}.slider-card .site-sub-title{padding-top:calc(var(--gap) / 4)}.slider-card__image{aspect-ratio:3/2;position:relative;overflow:hidden}.slider-card__image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.form-control{display:flex;gap:calc(var(--gap) / 4);align-items:center}.form-control span{font-size:1.4rem;font-weight:700;color:var(--color-gary-500);cursor:pointer}.form-control input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;width:2.4rem;height:2.4rem;border:.2rem solid var(--color-main-500);transform:translateY(0);border-radius:0;display:grid;place-content:center}.form-control input[type=radio]:before{content:"";width:2rem;height:2rem;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-main-500)}.form-control input[type=radio]:checked:before{transform:scale(1)}.cycle-text{position:absolute;left:0;top:0;scale:2;translate:0 -10%;z-index:0;transform-origin:center;display:none}@media (min-width: 1024px){.cycle-text{display:block;scale:5;translate:50% 0}}.cycle-text svg{animation-name:rotate-circle;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes rotate-circle{to{transform:rotate(1turn)}}.cycle-text__text{font-weight:600;letter-spacing:.17rem;text-transform:uppercase;font-size:1.6rem;fill:var(--color-gary-100)}.site-footer{padding:4rem 0;background-color:var(--color-main-100)}@media (min-width: 1600px){.site-footer{padding-top:6.4rem;padding-bottom:6.4rem}}.site-footer__inner{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(4,auto);gap:var(--gap)}.site-footer__logo{grid-column:2/12;padding-bottom:var(--gap)}@media (min-width: 1024px){.site-footer__logo{grid-column:2/4}}.site-footer__logo img{width:16rem;height:auto}.site-footer__nav{grid-column:2/12;grid-row:2/3;display:flex;flex-wrap:wrap;gap:var(--gap)}@media (min-width: 1024px){.site-footer__nav{flex-direction:column;grid-column:7/8;grid-row:1/3;gap:calc(var(--gap) / 2)}}@media (min-width: 1600px){.site-footer__nav{grid-column:8/9}}.site-footer__nav a{font-size:1.4rem;color:var(--color-gary-500);text-decoration:none;font-weight:700}.site-footer__contact{grid-column:2/12;grid-row:3/4;display:flex;flex-direction:column;gap:calc(var(--gap) / 3)}@media (min-width: 1024px){.site-footer__contact{grid-column:8/12;grid-row:1/3;gap:calc(var(--gap) / 2)}}@media (min-width: 1600px){.site-footer__contact{grid-column:9/12}}.site-footer__contact p{font-size:1.4rem;color:var(--color-gary-500)}.site-footer__contact p span{padding-right:.8rem;color:var(--color-gary-400)}.site-footer__copyright{grid-column:2/12;grid-row:4/5;font-size:1.2rem}.blog-hero{display:grid;grid-template-columns:repeat(14,1fr);gap:calc(var(--gap) / 2) var(--gap);background:#000 url(../img/blog-hero-bg.jpg) no-repeat center center;background-size:cover;padding:calc(var(--gap) * 2) 0}@media (min-width: 768px){.blog-hero{gap:calc(var(--gap)) calc(var(--gap) * 1)}}@media (min-width: 1024px){.blog-hero{gap:calc(var(--gap) * 1.5) calc(var(--gap) * 2)}}.blog-hero__inner{grid-column-start:2;grid-column-end:14}.blog-hero__main-title{font-size:2.4rem;color:#fff;font-weight:900}@media (min-width: 1024px){.blog-hero__main-title{font-size:2.8rem}}.blog-container{display:grid;grid-template-columns:repeat(14,1fr);gap:calc(var(--gap) / 2) var(--gap)}@media (min-width: 768px){.blog-container{gap:calc(var(--gap)) calc(var(--gap) * 1)}}@media (min-width: 1024px){.blog-container{gap:calc(var(--gap) * 1.5) calc(var(--gap) * 2)}}.blog-catalog{display:flex;grid-column:2/14;overflow-x:auto;gap:1.2rem}.blog-catalog__btn{display:block;font-size:1.4rem;padding:.8rem 1.2rem;border:solid 1px transparent;white-space:nowrap;font-weight:700;text-decoration:none;transition:background-color .3s ease,color .3s ease}.blog-catalog__btn.all{border-color:var(--color-main-500);color:var(--color-main-500)}@media (hover: hover){.blog-catalog__btn.all:hover{background-color:var(--color-main-500);color:#fff}}.blog-catalog__btn.all.active{background-color:var(--color-main-500);color:#fff}.blog-catalog__btn.type1{border-color:var(--color-type-1);color:var(--color-type-1)}@media (hover: hover){.blog-catalog__btn.type1:hover{background-color:var(--color-type-1);color:#fff}}.blog-catalog__btn.type1.active{background-color:var(--color-type-1);color:#fff}.blog-catalog__btn.type2{border-color:var(--color-type-2);color:var(--color-type-2)}@media (hover: hover){.blog-catalog__btn.type2:hover{background-color:var(--color-type-2);color:#fff}}.blog-catalog__btn.type2.active{background-color:var(--color-type-2);color:#fff}.blog-catalog__btn.type3{border-color:var(--color-type-3);color:var(--color-type-3)}@media (hover: hover){.blog-catalog__btn.type3:hover{background-color:var(--color-type-3);color:#fff}}.blog-catalog__btn.type3.active{background-color:var(--color-type-3);color:#fff}.blog-catalog__btn.type4{border-color:var(--color-type-4);color:var(--color-type-4)}@media (hover: hover){.blog-catalog__btn.type4:hover{background-color:var(--color-type-4);color:#fff}}.blog-catalog__btn.type4.active{background-color:var(--color-type-4);color:#fff}.article-container{grid-column:2/14;padding-bottom:2.4rem}@media (min-width: 768px){.article-container{grid-column:2/10}}@media (min-width: 1024px){.article-container{grid-column:2/10;padding-bottom:12rem}}.article-list{display:grid;grid-template-columns:1fr;gap:calc(var(--gap) * 1.5)}@media (min-width: 1024px){.article-list{grid-template-columns:repeat(2,1fr)}}.article-post{position:relative}.article-post__label{position:absolute;right:1.2rem;top:1.2rem;font-size:1.2rem;color:#fff;padding:.4rem .8rem;border:solid 1px #fff}.article-post__label.type1{background-color:var(--color-type-1)}.article-post__label.type2{background-color:var(--color-type-2)}.article-post__label.type3{background-color:var(--color-type-3)}.article-post__label.type4{background-color:var(--color-type-4)}.article-post__img{aspect-ratio:16/9;overflow:hidden;margin-bottom:1.2rem}.article-post__img img{object-fit:cover;width:100%;height:100%}.article-post__title{font-size:2rem;color:var(--color-main-500);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-post__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-post__row{display:flex;justify-content:space-between;align-items:center;padding-top:1.2rem}.article-post__date{font-size:1.2rem;color:var(--color-gary-300);font-weight:700;line-height:1.6;font-weight:400}.article-post__btn-detail{display:flex;align-items:center;font-size:1.4rem;padding:.8rem 1.6rem;border:solid 1px var(--color-main-500);white-space:nowrap;font-weight:700;text-decoration:none;color:var(--color-main-500);gap:calc(var(--gap) / 4);transition:color .3s ease,background-color .3s ease}@media (hover: hover){.article-post__btn-detail:hover{background-color:var(--color-main-500);color:#fff}}.side-panel{display:flex;flex-direction:column;gap:calc(var(--gap));grid-column:2/14;background-color:#fff;padding:1.6rem;border:solid 1px #e5e5e5;z-index:10}@media (min-width: 768px){.side-panel{grid-column:10/14;height:min-content;position:sticky;top:0}}@media (min-width: 1024px){.side-panel{grid-column:10/14;padding:2.4rem;top:10rem}}.side-panel__title{font-size:1.6rem;color:var(--color-main-500);margin-bottom:1.2rem}.side-panel__catalog{display:flex;flex-direction:column;gap:calc(var(--gap) / 3)}.side-panel__catalog a{display:flex;color:var(--color-gary-500);font-size:1.4rem;width:100%;justify-content:space-between;text-decoration:none}@media (hover: hover){.side-panel__catalog a:hover{color:var(--color-gary-500)}}.side-panel__article-wrap{display:grid;grid-template-columns:1fr;gap:calc(var(--gap) / 3)}.side-panel__icon{width:8rem;margin:0 auto 1.2rem}.side-panel__h4{text-align:center;color:var(--color-main-500);font-size:1.6rem}.side-panel__text{color:var(--color-gary-400);font-size:1.4rem;text-align:center}.side-article-post{display:flex;gap:calc(var(--gap) / 2);align-items:center;text-decoration:none}.side-article-post__img{flex:0 0 4rem;aspect-ratio:1/1;overflow:hidden}.side-article-post__img img{width:100%;height:100%;object-fit:cover}.side-article-post__content{flex:1 0 0}.side-article-post__title{font-size:1.4rem;color:var(--color-main-500);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.side-article-post__date{font-size:1.2rem;color:var(--color-gary-300);font-weight:700;line-height:1.6;font-weight:400}.search-form{width:100%}.search-form__box{width:100%;border:solid 1px var(--color-gary-200);padding:.8rem 1.2rem;display:flex;align-items:center;gap:calc(var(--gap) / 6)}.search-form__box i{font-size:2rem;color:var(--color-gary-400)}.search-form__box input{width:100%;border:0;font-size:1.4rem;color:var(--color-main-500)}.search-form__box input::placeholder{color:var(--color-gary-300)}.search-form__box input:focus{border:0;outline:0}.blog-pagination{display:flex;padding:4rem 0;justify-content:center;align-items:center;gap:.8rem}.blog-pagination__btn-prev,.blog-pagination__btn-next{cursor:pointer;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;width:4rem;color:var(--color-main-500);font-size:1.6rem;text-decoration:none}.blog-pagination span{width:4rem;height:4rem;color:var(--color-main-500);font-size:1.6rem;display:flex;justify-content:center;align-items:center}.blog-pagination__btn{border:solid 1px var(--color-main-500);min-width:4rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;height:4rem;padding:0 .8rem;text-decoration:none;color:var(--color-main-500);transition:color .3s ease,background-color .3s ease}@media (hover: hover){.blog-pagination__btn:hover{background-color:var(--color-main-500);color:#fff}}.blog-pagination__btn.active{background-color:var(--color-main-500);color:#fff}.article-detail__header{display:flex;flex-direction:column;gap:calc(var(--gap) / 2);margin-bottom:2.4rem}.article-detail__content{padding-bottom:4rem;color:var(--color-gary-400);line-height:1.6;display:flex;flex-direction:column;gap:var(--gap)}.article-detail__content h2{font-size:2rem}@media (min-width: 1024px){.article-detail__content h2{font-size:2.4rem}}.article-detail__content h3{font-size:1.6rem}@media (min-width: 1024px){.article-detail__content h3{font-size:2rem}}.article-detail__content p{font-size:1.4rem}@media (min-width: 1024px){.article-detail__content p{font-size:1.6rem}}.article-detail__content ul{list-style:disc;padding-left:2rem}.article-detail__content ul li{font-size:1.4rem}@media (min-width: 1024px){.article-detail__content ul li{font-size:1.6rem}}.article-detail__content ol{list-style:decimal;padding-left:2rem}.article-detail__content ol li{font-size:1.4rem}@media (min-width: 1024px){.article-detail__content ol li{font-size:1.6rem}}.article-detail__content img{width:100%;margin:0 auto}.article-detail__content iframe{width:100%;aspect-ratio:16/9}.article-detail__video{aspect-ratio:16/9;width:100%;position:relative}.article-detail__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.article-detail__footer{display:flex;align-items:center;justify-content:space-between;padding-top:2.4rem;border-top:solid 1px var(--color-gary-200);flex-direction:column;gap:var(--gap)}@media (min-width: 1024px){.article-detail__footer{flex-direction:row}}.article-detail__catalog{width:min-content;white-space:nowrap;font-size:1.2rem;color:#fff;padding:.8rem 1.6rem}.article-detail__catalog.type1{background-color:var(--color-type-1)}.article-detail__catalog.type2{background-color:var(--color-type-2)}.article-detail__catalog.type3{background-color:var(--color-type-3)}.article-detail__catalog.type4{background-color:var(--color-type-4)}.article-detail__main-title{font-size:3.2rem;color:var(--color-main-500);line-height:1.2}@media (min-width: 1024px){.article-detail__main-title{font-size:4rem}}.article-detail__cover{position:relative;aspect-ratio:16/9;margin-bottom:2.4rem}@media (min-width: 1024px){.article-detail__cover{aspect-ratio:16/9}}.article-detail__cover img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0}.article-detail__info{display:flex;gap:.8rem;color:var(--color-gary-400);align-items:center}.article-detail__info span{display:flex;gap:.4rem;font-size:1.4rem;align-items:center}.article-share{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--gap) / 3)}.article-share span{color:var(--color-gary-500);font-size:1.4rem}.article-share__btn-fb,.article-share__btn-line{width:3.2rem;aspect-ratio:1/1;padding:0;border:0;cursor:pointer}.article-share__btn-fb{background:transparent url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.33301%2016.0819C1.33301%2023.3737%206.6289%2029.4372%2013.5552%2030.6667V20.0737H9.88856V16H13.5552V12.7404C13.5552%209.07371%2015.9178%207.03748%2019.2593%207.03748C20.3178%207.03748%2021.4593%207.20004%2022.5178%207.3626V11.1112H20.6441C18.8511%2011.1112%2018.4441%2012.007%2018.4441%2013.1486V16H22.3552L21.7038%2020.0737H18.4441V30.6667C25.3705%2029.4372%2030.6663%2023.3749%2030.6663%2016.0819C30.6663%207.97004%2024.0663%201.33337%2015.9997%201.33337C7.93301%201.33337%201.33301%207.97004%201.33301%2016.0819Z'%20fill='%230E85EE'/%3e%3c/svg%3e") no-repeat center center;background-size:cover}.article-share__btn-line{background:transparent url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.9997%201.33337C24.0865%201.33337%2030.6663%206.68172%2030.6663%2013.2569C30.6663%2015.8889%2029.6488%2018.2582%2027.5222%2020.5926C24.4458%2024.141%2017.5653%2028.4626%2015.9997%2029.1238C14.478%2029.7667%2014.654%2028.762%2014.7237%2028.3653L14.7292%2028.3322L14.9382%2027.0741C14.9877%2026.6994%2015.039%2026.1172%2014.8905%2025.7462C14.7255%2025.3366%2014.0765%2025.1236%2013.5998%2025.0207C6.55067%2024.0896%201.33301%2019.1508%201.33301%2013.2569C1.33301%206.68172%207.91467%201.33337%2015.9997%201.33337ZM10.54%2015.4499H7.74417V10.3661C7.74418%2010.2904%207.7143%2010.2178%207.66106%2010.1641C7.60782%2010.1104%207.53554%2010.08%207.46001%2010.0795H6.42967C6.39212%2010.0795%206.35493%2010.0869%206.32023%2010.1013C6.28553%2010.1157%206.254%2010.1368%206.22744%2010.1635C6.20088%2010.1901%206.17982%2010.2216%206.16544%2010.2564C6.15107%2010.2912%206.14367%2010.3284%206.14367%2010.3661V16.7686C6.14367%2016.8439%206.17484%2016.9156%206.22434%2016.9652V16.967L6.22801%2016.9707L6.23167%2016.9743C6.28484%2017.0256%206.35591%2017.0539%206.42967%2017.0533H10.54C10.6977%2017.0533%2010.8242%2016.9248%2010.8242%2016.7668V15.7383C10.8244%2015.7006%2010.8173%2015.6633%2010.8031%2015.6285C10.789%2015.5936%2010.7681%2015.5619%2010.7417%2015.5351C10.7153%2015.5084%2010.6839%2015.487%2010.6493%2015.4724C10.6147%2015.4578%2010.5776%2015.4502%2010.54%2015.4499ZM11.9902%2010.0795C11.9143%2010.0795%2011.8416%2010.1097%2011.7879%2010.1635C11.7343%2010.2172%2011.7042%2010.2901%2011.7042%2010.3661V16.7686C11.7042%2016.9266%2011.8325%2017.0533%2011.9902%2017.0533H13.0205C13.1782%2017.0533%2013.3047%2016.9248%2013.3047%2016.7686V10.3661C13.3047%2010.2904%2013.2748%2010.2178%2013.2216%2010.1641C13.1683%2010.1104%2013.096%2010.08%2013.0205%2010.0795H11.9902ZM19.0723%2010.0795C18.9965%2010.0795%2018.9237%2010.1097%2018.8701%2010.1635C18.8165%2010.2172%2018.7863%2010.2901%2018.7863%2010.3661V14.1679L15.8585%2010.2081C15.8511%2010.1985%2015.8431%2010.1893%2015.8347%2010.1805V10.1787C15.8289%2010.1723%2015.8228%2010.1662%2015.8163%2010.1603L15.8108%2010.1548C15.8046%2010.1488%2015.7978%2010.1433%2015.7907%2010.1383H15.7888L15.7797%2010.131L15.7742%2010.1273C15.7713%2010.1251%2015.7682%2010.1233%2015.765%2010.1218L15.7503%2010.1126H15.7467L15.7412%2010.1089L15.7228%2010.1016L15.7155%2010.0979C15.7095%2010.0957%2015.7034%2010.0939%2015.6972%2010.0924H15.6935L15.688%2010.0906L15.6715%2010.0869H15.6605L15.655%2010.085H15.6477L15.644%2010.0832H14.5917C14.5161%2010.0832%2014.4437%2010.1131%2014.3901%2010.1665C14.3365%2010.2198%2014.3062%2010.2922%2014.3057%2010.3679V16.7705C14.3057%2016.9284%2014.434%2017.0552%2014.5917%2017.0552H15.6183C15.7778%2017.0552%2015.9062%2016.9266%2015.9062%2016.7705V12.9686L18.8395%2016.9358C18.859%2016.9631%2018.8832%2016.9867%2018.911%2017.0056L18.9128%2017.0074L18.9312%2017.0184L18.9385%2017.0221C18.9432%2017.0249%2018.9481%2017.0273%2018.9532%2017.0294L18.966%2017.035L18.9752%2017.0386C18.9812%2017.0407%2018.9873%2017.0425%2018.9935%2017.0441H18.999C19.0229%2017.051%2019.0475%2017.0547%2019.0723%2017.0552H20.099C20.2585%2017.0552%2020.3868%2016.9266%2020.3868%2016.7705V10.3661C20.3868%2010.2901%2020.3567%2010.2172%2020.3031%2010.1635C20.2494%2010.1097%2020.1767%2010.0795%2020.1008%2010.0795H19.0723ZM26.0665%2011.3964V10.3679C26.0667%2010.3303%2026.0596%2010.293%2026.0454%2010.2581C26.0313%2010.2232%2026.0104%2010.1915%2025.984%2010.1647C25.9576%2010.138%2025.9263%2010.1167%2025.8916%2010.102C25.857%2010.0874%2025.8199%2010.0798%2025.7823%2010.0795H21.672C21.598%2010.0796%2021.527%2010.1086%2021.474%2010.1603H21.4722L21.4703%2010.164L21.4667%2010.1695C21.4155%2010.2222%2021.3866%2010.2926%2021.386%2010.3661V16.7686C21.386%2016.8439%2021.4172%2016.9156%2021.4667%2016.9652L21.4703%2016.9707L21.474%2016.9743C21.5273%2017.0254%2021.5983%2017.0537%2021.672%2017.0533H25.7823C25.94%2017.0533%2026.0665%2016.9248%2026.0665%2016.7668V15.7383C26.0667%2015.7006%2026.0596%2015.6633%2026.0454%2015.6285C26.0313%2015.5936%2026.0104%2015.5619%2025.984%2015.5351C25.9576%2015.5084%2025.9263%2015.487%2025.8916%2015.4724C25.857%2015.4578%2025.8199%2015.4502%2025.7823%2015.4499H22.9847V14.3681H25.7805C25.9382%2014.3681%2026.0647%2014.2396%2026.0647%2014.0816V13.0531C26.0649%2013.0155%2026.0578%2012.9781%2026.0436%2012.9433C26.0295%2012.9084%2026.0086%2012.8767%2025.9822%2012.8499C25.9558%2012.8232%2025.9244%2012.8019%2025.8898%2012.7872C25.8552%2012.7726%2025.8181%2012.765%2025.7805%2012.7647H22.9847V11.6829H25.7805C25.9382%2011.6829%2026.0647%2011.5544%2026.0647%2011.3964H26.0665Z'%20fill='%2300C100'/%3e%3c/svg%3e") no-repeat center center;background-size:cover}.article-nav{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--gap) / 3)}.article-nav__btn{border:solid 1px var(--color-main-500);min-width:4rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;height:4rem;padding:0 1.2rem;text-decoration:none;color:var(--color-main-500);gap:.4rem;transition:color .3s ease,background-color .3s ease;white-space:nowrap}@media (min-width: 1024px){.article-nav__btn{font-size:1.4rem}}@media (hover: hover){.article-nav__btn:hover{background-color:var(--color-main-500);color:#fff}}.article-nav__btn.active{background-color:var(--color-main-500);color:#fff}.blog-breadcrumbs{display:flex;font-size:1.2rem;gap:.4rem;align-items:center;color:var(--color-gary-400)}