@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap);.compare{display:block;padding:180px 0 0;background-color:#32363f;margin-bottom:180px;margin-top:180px}.container{max-width:1280px;width:100%;margin:0 auto;padding:0 30px}.compare-wrapper{position:relative;display:grid;grid-template-columns:32.78fr 56.55fr;grid-template-rows:auto auto;grid-column-gap:130px;grid-template-areas:"art1 chart" "art2 chart" "art3 chart" "art4 chart" "art5 chart"}.compare-article.text-1{grid-area:art1}.compare-article.text-2{grid-area:art2}.compare-article.text-3{grid-area:art3}.compare-article.text-4{grid-area:art4}.compare-article.text-5{grid-area:art5}.compare-article{margin:40svh 0 40svh}.compare-article.text-2{margin:0 0 45svh}.compare-article.text-3{margin:0 0 45svh}.compare-article.text-4{margin:0 0 45svh}.compare-article.text-5{margin:0 0 55svh}.compare-article-title{font-size:28px;font-weight:700;line-height:1.8;text-align:center;color:#fff;margin:0 0 20px}.compare-article-text{line-height:1.8;letter-spacing:.5px;color:#fff;text-align:justify;margin-bottom:30px}.compare-chart.first{position:relative;grid-area:chart;width:100%;max-width:652px;height:827px}.compare-chart.fourth,.compare-chart.second,.compare-chart.third{position:relative;grid-area:chart;width:100%;max-width:652px;height:827px;opacity:0}.compare-chart.end{position:relative;grid-area:chart;width:100%;max-width:652px;height:827px;opacity:0}@media screen and (max-width:1280px){.compare-article{margin:20svh 0 50svh}}.compare-chart{pointer-events:none;opacity:0;transition:opacity .2s ease,pointer-events .2s ease}.compare-chart.active{pointer-events:auto;opacity:1}.compare-mb{display:none}@media screen and (max-width:992px){.compare{display:none}.compare-mb{display:flex;padding:40px 0;background-color:#32363f;margin-bottom:80px;margin-top:80px}.compare-mb .container{width:90%;padding:0}.compare-text{color:#fff;text-align:justify;font-family:"Noto Sans TC",sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:180%;letter-spacing:.5px;margin:30px auto}.compare-wrapper{display:flex;width:90%;margin:0 auto;flex-direction:column}.compare-article,.compare-chart{margin:0 auto;max-width:100%}.compare-chart img{max-width:100%;height:auto}}.compare-alt{display:block;padding:180px 0 0;background-color:#32363f;margin-bottom:180px;margin-top:180px}.container-alt{width:100%;margin:0 auto}.compare-wrapper-alt{position:relative;display:grid;grid-template-columns:45fr 55fr;grid-template-rows:auto auto;grid-column-gap:130px;grid-template-areas:"art1 chart" "art4 chart" "art5 chart" "art2 chart" "art3 chart"}.compare-article-alt.text-1{grid-area:art1}.compare-article-alt.text-2{grid-area:art2}.compare-article-alt.text-3{grid-area:art3}.compare-article-alt.text-5{grid-area:art5}.compare-article-alt{margin:40svh 0 70svh 40svh}.compare-article-alt.text-2{margin:0 0 45svh 40svh}.compare-article-alt.text-3{margin:0 0 75svh 40svh}.compare-article-alt.text-5{margin:0 0 70svh 40svh}.compare-article-title-alt{font-size:28px;font-weight:700;line-height:1.8;text-align:center;color:#fff;margin:0 0 20px}.compare-article-text-alt{line-height:1.8;letter-spacing:.5px;color:#fff;margin-top:20px}.compare-data{pointer-events:none;opacity:0}.compare-data.active{pointer-events:auto}@media screen and (max-width:1500px){.compare-article-alt,.compare-article-alt.text-2,.compare-article-alt.text-3,.compare-article-alt.text-5{margin-left:9%}}@media screen and (max-width:1080px){.compare-article-alt.text-3{margin-bottom:42svh}}.compare-data.one{position:relative;grid-area:chart;width:100%;max-width:652px;height:827px;padding-right:30px}.compare-data.two{position:relative;grid-area:chart;width:100%;max-width:652px;height:827px;opacity:0;padding-right:30px}.compare-data.fifth,.compare-data.last{position:relative;grid-area:chart;width:100%;height:100vh;height:calc(var(--vh,1vh) * 100);opacity:0}.compare-data.last>.infogram-embed{width:100%;height:100%}.compare-data.fourth img{width:100%;height:100%}.compare-data.last>.infogram-embed>iframe{width:100%!important;height:100%!important}@media screen and (max-width:1450px){.compare-data.one,.compare-data.two{padding:30px}.compare-data.fifth,.compare-data.last{padding:0}.compare-data.fifth img,.compare-data.last img{height:100vh;height:calc(var(--vh,1vh) * 100);object-fit:cover}}@media screen and (max-width:1024px){.compare-data.fifth img,.compare-data.last img{height:auto;margin-top:50%}}.compare-alt-mb{display:none}@media screen and (max-width:992px){.compare-alt-mb .container{width:90%;margin:0 auto;padding:0}.compare-alt{display:none}.compare-alt-mb{display:flex;padding:40px 0;background-color:#32363f;margin-bottom:80px;margin-top:80px}.compare-alt-mb .compare-text{color:#fff;text-align:justify;font-family:"Noto Sans TC",sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:180%;letter-spacing:.5px}.compare-article-mb img{margin-top:20px}.compare-alt-mb .compare-wrapper{display:flex;width:90%;margin:0 auto;flex-direction:column}.compare-alt-mb .compare-article,.compare-alt-mb .compare-chart{margin:0 auto;max-width:100%}.compare-alt-mb .compare-chart img{max-width:100%;height:auto}.compare-alt-mb .last-mb .infogram-embed{margin-top:40px}}@media screen and (max-width:767px){.compare-alt-mb .compare-wrapper,.compare-wrapper{display:flex;width:100%;margin:0 auto;flex-direction:column}}