@charset "UTF-8";svg{width:100%;height:90vh;cursor:pointor}.nav-bg{width:100%;display:flex;gap:2rem;padding:1rem 0;background:linear-gradient(147.66deg,#d9d9d9 0%,rgba(217,217,217,0) 112.84%)}.nav-img-wrap{margin-left:2rem;display:flex;align-items:center}.nav-img-wrap img{width:65px}.nav-date-wrap{width:85%;text-align:center}.nav-date-wrap p{font-size:1.3rem}.year-wrap{display:flex;justify-content:space-around}.year-wrap .year-num{font-size:24px;font-weight:400;line-height:35px;letter-spacing:0em;text-align:right}.line-wrap{width:100%}.line-wrap .line{width:100%;height:5px;background:#4e4376;margin:20px 0;border-radius:10px;position:relative;display:flex;justify-content:space-around}.line-wrap .line .line-ball{width:30px;height:30px;border-radius:50%;transform:translateY(-45%);background:#4e4376;display:grid;place-items:center}.line-wrap .line .line-ball .now{width:20px;height:20px;border-radius:50%;background-image:linear-gradient(to top,#a8edea 0%,#fed6e3 100%)}.filter-wrap{margin:1rem 0;padding:0 1rem}.selector-wrap{width:100%;display:flex;gap:1rem;margin-bottom:1rem}.selector-wrap select{width:33.333%;border:1px #ffffff solid;border-radius:5px;background-color:transparent;text-align:center;color:#fff;padding:.3rem 0;font-size:1.2rem}.selector-wrap select option{color:#000}.search-bar{width:100%;margin-bottom:1rem;border:1px #fff solid;border-radius:5px;display:flex;align-items:center}.search-bar input{width:100%;background-color:transparent;border:none;outline:none;padding:.5rem 0 .5rem .5rem;color:#fff;font-size:1.2rem}.search-bar input::placeholder{color:#fff}.search-bar .material-symbols-outlined{color:#fff}@media (min-width: 768px){.filter-wrap{display:flex;gap:1rem}}.progress-wrap{margin:1rem 0;padding:0 1rem}.bar-wrap{width:100%}.bar-wrap .bar{padding:1rem;text-align:center;color:#fff;font-size:1.2rem;display:flex;justify-content:space-between}@media (min-width: 768px){.bar-wrap{display:flex}.bar-wrap .bar{flex-direction:column;text-align:left}}.pieChart-wrap{width:100%;margin:0 auto}.vertical-label{transform:rotate(-90deg)}.pieChart-title{font-size:1.5rem;text-align:center;color:#fff;margin-bottom:2rem}.pieChart-text-wrap{margin-top:1rem;display:flex;justify-content:center;gap:1rem;font-size:1.5rem;color:#fff}.pieChart-text-wrap ul{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.pieChart-wrap{width:70%}.pieChart-bottom-wrap{display:flex;align-items:center;justify-content:center}.pieChart-bottom-wrap .pieChart-text-wrap{min-width:220px;margin:0}}.chart-wrap svg{height:350px}.to-top-btn{width:30px;height:30px;border-radius:50%;background-color:#fff;position:fixed;z-index:100;right:1rem;bottom:1rem;display:grid;place-items:center;-webkit-user-select:none;user-select:none;cursor:pointer}.to-top-btn:active{background-color:#f08080}@media (min-width: 768px){.to-top-btn{width:50px;height:50px}}.tag-wrap{margin:1rem auto;padding:0 1rem;display:flex;justify-content:space-between}.tag-inside-wrap{width:45%;color:#fff;display:flex;flex-direction:column;justify-content:center}.tag-inside-wrap .bar{padding:1rem 0;display:flex;align-items:center}.tag-inside-wrap .bar p{padding-left:1rem;display:flex;align-items:center;gap:.5rem}.tag-img-wrap{width:45%}.tag-img-wrap img{width:100%}@media (min-width: 768px){.tag-wrap{width:500px;padding:0;position:absolute;top:50%;left:0;transform:translateY(50%)}.tag-inside-wrap{gap:.7rem}}.vote-view-wrap{width:100%;margin:0 auto;background:linear-gradient(90deg,#2b5876 0%,#4e4376 100%);overflow:hidden}.barChart-wrap,.percent-barChart-wrap{width:85%;margin:2rem auto;overflow-x:auto;z-index:10}.barChart-wrap::-webkit-scrollbar,.percent-barChart-wrap::-webkit-scrollbar{height:12px}.barChart-wrap::-webkit-scrollbar-thumb,.percent-barChart-wrap::-webkit-scrollbar-thumb{background-color:#4e4376;border-radius:15px}.barChart-wrap::-webkit-scrollbar-track,.percent-barChart-wrap::-webkit-scrollbar-track{background-color:#ccc;border-radius:15px}.barChart-title{margin-top:2rem;font-size:2rem;color:#fff;text-align:center}@media (min-width: 768px){.percent-barChart-wrap{width:100%;border-top:1px solid #fff}.vote-view-inside-wrap{padding:0 5rem}.section1-bottomArea{display:flex;padding:0 5rem}.section1-bottomArea .section1-chart-wrap{width:70%;display:flex;flex-direction:column}.section1-bottomArea .map-wrap{width:30%;background-color:transparent}.barChart-title{margin-left:4rem;text-align:left}.section1-up-wrap{width:100%;display:flex;margin-top:2rem}.section1-up-wrap .section1-up-img-wrap{width:30%;display:grid;place-items:center start;position:relative}.section1-up-wrap .section1-up-img-wrap img{width:200px}.section1-up-wrap .section1-up-img-wrap:before{content:"WE LOVE TW";display:block;color:#ccc;position:absolute;top:1rem;left:1rem;font-family:Noto Sans TC;font-size:32px}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6,p,span{font-family:Noto Sans TC}