:root{--bodyPaddingTop: 0px}.header,#menuBtn{display:none}html{--navTopicHeight: 52px;--navBgColor: #ffecdb;--navBtnColor: transparent;--navTxtColor: var(--topicMainColor);--navBtnHover: transparent;--navTxtHover: var(--topicSecondaryColor);--scrollSpeedRatio: 3;--topicMainColor: #254d70;--topicSecondaryColor: #f27f40}.group-box h3.news-title{font-size:clamp(1.6em,4vw,2.6em);color:var(--topicSecondaryColor)}.group-box h3.news-title a{color:inherit;text-decoration:none}.box-title{position:relative}.box-title+p{font:900 1.4em/1.2 "Noto Serif TC",Serif;display:block;color:var(--topicSecondaryColor);width:fit-content;margin-inline:auto;margin-top:-0.5rem;padding-top:.5rem;border-top:1px solid;text-align:center;text-shadow:.5px .5px 5px rgba(255,255,255,.3333333333),-0.5px -0.5px 5px rgba(255,255,255,.3333333333)}h4:not(.news-title),caption{font-size:1.2em;text-align:center}figure{border-radius:.5rem;border:1px solid var(--topicSecondaryColor);box-sizing:border-box}.detail{color:#fff;padding-inline:.8em;font-size:unset;background:var(--topicSecondaryColor);margin-top:0;border:0}.detail:hover{text-decoration:none;filter:brightness(1.2);color:#fff}.table--style01{margin-bottom:1em;background:ivory}.table--style01 th,.table--style01 td{border-width:1px}.table--style01 tr:first-child th,.table--style01 tr:first-child td{background:var(--topicMainColor);color:#fff}.accordion,.bg-box,.result-box{max-width:720px;margin-inline:auto;text-align:center}.pc{display:block}@media(width < 450px){.pc{display:none}}.mobile{display:none}@media(width < 450px){.mobile{display:block}}.content__body{position:relative;z-index:2}.content__body:before{background:#f4f4f4}.mainLogo{position:absolute;top:.8em;left:1em;width:calc(90px + 3.5vw)}.scroll-slow{will-change:transform;z-index:-1}.content__header{height:min(100dvh - var(--bodyPaddingTop),1440px);display:flex;justify-content:right;align-items:center}.heroBg{position:absolute;inset:0;margin:auto;z-index:-2;pointer-events:none}.heroBg img{width:100%;height:100%;object-fit:cover;object-position:100% 100%}.heroBg img:last-child{filter:brightness(0.95) contrast(1.1)}@media(width < 1025px){.heroBg img{object-position:80% 100%}}.heroBg:before{content:"";position:absolute;inset:0;background:50% 100%/cover url(image/rainbow.png) no-repeat;z-index:1}.heroTitle{display:grid;align-items:center;width:min(1600px,100%);height:100%;margin-inline:auto;user-select:none}@media(width < 1025px){.heroTitle{justify-content:center;margin-block:0;padding-top:20vh;align-items:unset}}.titleBg{position:relative;height:fit-content;max-width:540px;margin-inline:1em}@media(width > 990px){.titleBg{padding:1.5em 2.5em 1em}}.titleBg p{font-weight:700;max-width:500px;margin-inline:auto;padding:.5rem 1rem;border:solid #254d70;border-width:1px 0;filter:drop-shadow(2px 2px 3px #fff)}.titleBg:before{animation-name:smoke01;animation-duration:15.5s;filter:drop-shadow(-2px -2px 15px rgba(0, 0, 0, 0.1333333333))}.titleBg:after{animation-name:smoke02;animation-duration:25.5s;filter:drop-shadow(3px 3px 15px rgba(0, 0, 0, 0.2))}.titleBg:before,.titleBg:after{content:"";position:absolute;z-index:-1;inset:0 0 0 4em;margin:auto;width:min(600px,80vw);aspect-ratio:8/5;background:center/contain url(image/fog.png) no-repeat;animation-iteration-count:infinite;animation-timing-function:ease-in}@keyframes smoke01{0%,100%{scale:1.4 1.2;opacity:.4;transform:translate(-5px, 2px);rotate:-2deg}53%{scale:1.6 1.8;opacity:.6;transform:translate-(3px, -6px);rotate:2deg}}@keyframes smoke02{0%,100%{scale:1.7 1.5;opacity:.25;transform:translate(30px, 10px);rotate:183deg}49%{scale:1.2 1.7;opacity:.8;transform:translate(40px, 0);rotate:176deg}}h1{position:relative;display:block;color:var(--topicMainColor);font-size:clamp(2.5em,6.5vw,4.5em);line-height:1.2;margin-bottom:1rem;padding-top:3rem;text-align:right;z-index:2}h1:after{content:"擦亮信託神燈";position:absolute;inset:3rem 0 0 0;-webkit-text-stroke:4px #fff;text-shadow:2px 2px 5px #000;z-index:-1}@supports(hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){h1:after{text-shadow:1px 1px 2px rgba(170,170,170,.3333333333)}}h1:before{content:"";position:absolute;inset:0% auto auto -3%;width:44%;aspect-ratio:2/1;background:center/cover url(image/lamp1.png) no-repeat;z-index:-2;opacity:.65;filter:drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3333333333)) brightness(2.5);animation:5s ease-out lampshake;animation-iteration-count:10;animation-fill-mode:forwards}h1 span{position:absolute;z-index:-1;top:0;right:1%;display:block;font:900 clamp(28px, 0.7em, 48px)/1 "Noto serif TC",Serif;color:#fff;width:fit-content}h1 span:after{content:"守護所信所託";position:absolute;inset:0;-webkit-text-stroke:4px var(--topicMainColor);z-index:-1}h1 span:before{content:"";position:absolute;inset:-50px 100% 0 -50px;background:0/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 232.3 222.3'%3E%3Cpath d='M180.2 0s2.8 26.9 14 38.1c11.2 11.2 38.1 14 38.1 14s-26.9 2.8-38.1 14c-11.2 11.2-14 38.1-14 38.1s-2.8-26.9-14-38.1c-11.2-11.2-38.1-14-38.1-14s26.9-2.8 38.1-14c11.2-11.2 14-38.1 14-38.1zM82 58.3s4.4 42.3 22 60c17.6 17.6 60 22 60 22s-42.3 4.4-60 22c-17.6 17.6-22 60-22 60s-4.4-42.3-22-60c-17.7-17.6-60-22-60-22s42.3-4.4 60-22c17.6-17.6 22-60 22-60z' fill='%23FFF'/%3E%3C/svg%3E") no-repeat;animation:6.2s ease-in-out starshine infinite}@keyframes lampshake{0%,4%,8%,100%{scale:1.1;rotate:-6deg}2%,6%{scale:1;rotate:1deg}}@keyframes starshine{0%,100%{scale:1;filter:drop-shadow(3px 3px 3px var(--topicMainColor)) blur(0.8px) brightness(10);opacity:.5}45%,55%{scale:1.05;filter:drop-shadow(1px 1px 3px var(--topicMainColor)) blur(0.2px) brightness(1);opacity:1}}.scroll-down{color:var(--topicMainColor)}.mask__box{position:relative;display:grid;container-type:inline-size}.mask__box *{grid-column:1;grid-row:1}.mask__item{overflow:hidden;transition:clip-path 0ms 0ms}.mask__item img{margin-inline:auto;max-width:100%}.ltr{clip-path:inset(0 100% 0 0)}.rtl{clip-path:inset(0 0 0 100%)}.ttb{clip-path:inset(0 0 100% 0)}.btt{clip-path:inset(100% 0 0 0)}.mask__show{clip-path:inset(0 0 0 0);transition:clip-path 1800ms 600ms}#T0:before{background:linear-gradient(90deg, transparent 0, rgba(255, 255, 255, 0.8666666667) calc(50% - 150px), rgba(255, 255, 255, 0.8666666667) calc(50% + 150px), transparent 100%),center/cover url(image/t0bg.jpg)}#T2:before{background:var(--topicMainColor)}#T2 .box-title{color:#fff}#T2 .box-title+p{text-shadow:.5px .5px 5px rgba(0,0,0,.3333333333),-0.5px -0.5px 5px rgba(0,0,0,.3333333333)}.accordion__head{position:relative;z-index:2;text-align:left;margin-bottom:.5em;margin-inline:auto;color:#fff}.accordion__head+.accordion__head{border-top:solid 1px #fff;padding-top:.5em}.accordion__head label{font-weight:700;font-size:1.2em}.accordion__head label:before{content:"+"}.accordion__head [type=checkbox]:checked+label::before{transform:unset;content:""}.accordion__box{padding-inline:1em}.accordion__box>p{margin-top:.5em}[type=checkbox]:checked~.accordion__box{margin-top:.5em}.refItem{font-size:.9em;margin-inline:1em;margin-bottom:1rem;padding:1em 1.5em;border:1px solid #fff;border-radius:1rem;position:relative}.refItem p{margin-bottom:.3em}.refItem:before{content:"參考法條";position:absolute;top:-0.7em;left:1.5em;font:900 1em/1 "Noto serif TC",serif;padding-inline:.5em;background:var(--topicMainColor)}#T4:before{background:linear-gradient(90deg, var(--topicSecondaryColor) 0, #d9f9d8 45%, ivory 55%, var(--topicSecondaryColor) 100%)}.quiz-intro{container-type:inline-size;position:relative;display:grid;align-items:end;min-height:25em;font-weight:700;margin-bottom:1cqh}.quiz-intro:before,.quiz-intro:after{content:"";position:absolute;inset:0 0 0 8cqw;background:center top/contain url(image/quiz_0.png) no-repeat;opacity:.65;z-index:-1}.quiz-intro:after{background:right top/40cqw url(image/quiz_1.png) no-repeat;inset:48cqw 0 auto;height:40cqw;opacity:1;scale:-1.1 1}.quiz-intro p{position:relative;color:#333;font-size:1.1em}@media(width >= 450px){.quiz-intro p{margin-inline:40cqw 10cqw}}.quiz-intro p:before{content:"你最在意的是哪一種人生風險？你希望守住的是什麼樣的關係與資產？ 透過簡單幾個問題，找到人生優先順位，對應出專屬的信託配置方向。";position:absolute;inset:0;-webkit-text-stroke:4px #f4f4f4;z-index:-1}.quiz-box{max-height:0em;overflow:hidden;transition:max-height 300ms ease-out;position:relative;z-index:2}#quiz-form,#submit-btn{text-align:left}#submit-btn,#retry-btn,#Y01~label{background:var(--topicSecondaryColor);color:#fff;padding:.5em 1em;border-radius:.5rem;width:fit-content;margin-top:1em;cursor:pointer;margin:1em auto;position:relative;z-index:2}#submit-btn:hover,#retry-btn:hover,#Y01~label:hover{filter:brightness(1.2)}#Y01:checked~label{display:none}#Y01:checked~.quiz-box{display:block;max-height:300em;transition:max-height 1200ms ease-out}.question{padding:1em 1.5em;line-height:1.8;background:rgba(255,255,255,.8666666667)}.question+.question{margin-top:3px}.question>p{margin-bottom:.5em;font-weight:700;font-size:1.1em}.question:first-of-type{margin-top:-15em;padding-top:15em}.question label{display:block;margin-inline:1.5rem .5rem;width:fit-content}.question input{margin-right:.5rem}.question:nth-of-type(odd){background:rgba(255,236,219,.8666666667)}#T41{padding-block:0}#T41:before{background:var(--topicMainColor)}.result-box #result:has(p){margin-inline:auto;margin-top:2em;display:inline-block}#result{background:#fff;border-radius:.5rem;filter:drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.3333333333))}#result h2{color:var(--topicMainColor)}#result:has(p){margin-top:2em;padding:1.5em;padding-top:2em}#result:has(p):before{content:"您屬於...";font-weight:700;font-size:1.1em;box-sizing:border-box;display:block;margin-bottom:.5rem}#result>p:first-child{font:900 1.4em/1.2 "Noto Serif TC",Serif;display:block;color:var(--topicSecondaryColor);width:fit-content;margin-inline:auto;margin-top:-0.5rem;padding-top:.5rem;border-top:1px solid;text-align:center;text-shadow:.5px .5px 5px rgba(255,255,255,.3333333333),-0.5px -0.5px 5px rgba(255,255,255,.3333333333)}.clear:before,.clear:after{content:"";display:block;clear:both}.sorttag{width:fit-content;background:var(--topicSecondaryColor);color:#fff;font-weight:700;font-size:.9em;line-height:1;padding:.5em 1em;border-radius:2em;margin-bottom:1em;margin-right:.5rem;float:left}.sorttag:before{content:"＃"}#retry-btn{margin-bottom:4em}.recommend{position:relative;display:block;padding-top:3rem}.recommend:before{position:absolute;top:0;left:0;z-index:2;content:"您可優先閱讀";background:var(--topicSecondaryColor);color:#fff;font-weight:700;font-size:.9em;line-height:1;padding:.5em 1em;border-radius:2em;margin-bottom:1em}.recommend:after{content:"";position:absolute;inset:.85em 0 auto 6em;margin:auto;height:2px;background:var(--topicSecondaryColor);border-radius:2px}.recommend h4{font:1.6em/1.4 "Noto Serif TC",Serif;margin-bottom:.5em;color:var(--topicMainColor);text-align:left}.recommend p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.recommend:hover{text-decoration:none;color:inherit}.semitable{background:ivory;padding:1em 1.5em;margin:0 auto 1em;max-width:640px}.semitable ul{list-style-type:disc;padding-left:1em;line-height:1.8}.semitable li{padding-left:0}.semitable h4{margin-bottom:.5em;text-align:center}.semitable p{margin-block:.5em;border-top:1px solid var(--borderColor)}table caption{margin-bottom:.5em;text-align:center}.note{font-size:.78em;text-align:right}@media(width > 1024px){[id^=T1]{display:grid}}[id^=T1] h3.news-title{color:var(--topicMainColor);grid-row:1}.context{position:relative;max-width:700px}.context:after{content:"";display:block;clear:both}.context>p:nth-child(1){grid-row:-3}.wish{position:absolute;top:5em;right:calc(50% + 22em);width:8em;aspect-ratio:3/1;color:var(--topicMainColor);font-size:1.2em;line-height:1.2;text-align:justify;text-decoration:underline var(--accentColor);text-shadow:.5px .5px 5px rgba(255,255,255,.3333333333),-0.5px -0.5px 5px rgba(255,255,255,.3333333333);z-index:-1}.wish:before,.wish:after{content:"";position:absolute;display:block;width:200%;height:220%;inset:0 20% 0 -20%;margin:auto;background:center/contain url(image/fog.png) no-repeat;z-index:-1;animation:10.3s smoke01 infinite ease-in;filter:drop-shadow(3px 3px 15px rgba(0, 0, 0, 0.2)) brightness(1.2)}.wish:after{animation:17.7s smoke02 infinite ease-in;filter:drop-shadow(1px 1px 8px rgba(0, 0, 0, 0.3333333333)) brightness(1.1)}.wish span{position:absolute;bottom:-1.5em;right:-1.5em;text-shadow:.5px .5px 0 #fff,-0.5px -0.5px 0 #fff}.wish span:after{content:"";position:absolute;bottom:-1.5em;right:-2.5em;width:4em;aspect-ratio:2/1;background:center/cover url(image/lamp1.png) no-repeat;filter:brightness(1.8);rotate:7deg;scale:-1 1;z-index:-1}@media(width < 1220px){.wish{position:relative;top:unset;right:unset;float:left;margin:0 4.5em 3.5em 0;font-size:.88em}}@media(width <= 707px){.wish{float:none;margin-inline:auto}}.structure{background:0/contain url(image/fig02_1.png) no-repeat}.structure li{display:grid;align-content:space-evenly;font:700 .88em/1.3 system-ui;color:#695c5c;min-height:4.6em;margin-left:7em;padding:0;text-indent:-1.3em}#T1 .context,#T13 .context,#T15 .context{margin-left:auto}#T12 .context,#T14 .context{margin-right:auto}#T12 .wish,#T14 .wish{left:calc(50% + 22em)}@media(width < 1220px){#T12 .wish,#T14 .wish{left:unset;float:right;margin:0 0 3.5em 4.5em}}@media(width <= 707px){#T12 .wish,#T14 .wish{float:none;margin-inline:auto}}#T1:before{background:linear-gradient(to right, transparent 45%, rgba(255, 255, 255, 0.8666666667) 50%, #fff 100%),fixed center top 40px/cover url(image/case01.jpg)}#T12:before{background:linear-gradient(to left, transparent 45%, rgba(255, 237, 217, 0.8666666667) 50%, #ffedd9 100%),fixed center center/cover url(image/case02.jpg)}#T13:before{background:linear-gradient(to right, transparent 45%, rgba(255, 255, 255, 0.8666666667) 50%, #fff 100%),fixed center top/cover url(image/case03.jpg)}#T14:before{background:linear-gradient(to left, transparent 42%, rgba(255, 237, 217, 0.8666666667) 50%, #ffedd9 100%),fixed center top/cover url(image/case04.jpg)}#T15:before{background:linear-gradient(to right, transparent 43%, rgba(255, 255, 255, 0.8666666667) 50%, #fff 100%),fixed center top/cover url(image/case05.jpg)}#T12,#T13,#T14,#T15{padding-top:6rem}@media(width < 1220px){#T1:before{background:linear-gradient(to right, rgba(255, 255, 255, 0.7333333333)),fixed left 20% top 45px/cover url(image/case01.jpg)}#T12:before{background:linear-gradient(to left, rgba(255, 237, 217, 0.7333333333)),fixed right 12% center/cover url(image/case02.jpg)}#T13:before{background:linear-gradient(to right, rgba(255, 255, 255, 0.7333333333)),fixed left 50% top/cover url(image/case03.jpg)}#T14:before{background:linear-gradient(to left, rgba(255, 237, 217, 0.7333333333)),fixed right 28% top/cover url(image/case04.jpg)}#T15:before{background:linear-gradient(to right, rgba(255, 255, 255, 0.7333333333)),fixed left top/cover url(image/case05.jpg)}#T1 .context,#T12 .context,#T13 .context,#T14 .context,#T15 .context{margin-bottom:-2rem;margin-inline:auto}#T1:before,#T12:before,#T13:before,#T14:before,#T15:before{filter:blur(3px);opacity:.3}}#T3:before{background:0/100% url(image/t3bg.jpg)}@media(width >= 450px){#T3:before{background:linear-gradient(90deg, transparent 25%, rgba(255, 255, 255, 0.6666666667) 45%, rgba(255, 255, 255, 0.6666666667) 55%, transparent 75%),url(image/t3bg.jpg)}}#T3 h3.news-title{color:var(--topicMainColor)}#T3 .bg-box{padding:1em;box-sizing:border-box;backdrop-filter:blur(1px);border-radius:.5rem;filter:drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.3333333333))}@media(width < 450px){#T3 .bg-box{background:rgba(255,255,255,.6)}}#T99:before{background:ivory}