.content-election{padding-top:2rem;background-image:url(/images/election/bg.webp);background-position:top;background-size:cover;.desc-text{font-size:40px;color:#fff}.title-text{font-size:60px;background:linear-gradient(0deg,#fff,#fff),linear-gradient(180deg,#ffffff80 35%,#99999980,#ffffff80 78.33%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:4px 6px 8px 0px #22073280}.desc-text,.title-text{font-weight:700;font-family:var(--font-true-bold-special);line-height:1}.main-party{align-items:end;margin:2rem auto;width:-moz-fit-content;width:fit-content;.people{position:relative;z-index:2;height:190px}.title{font-size:20px;color:#fff}.count{background:linear-gradient(0deg,#fff,#e6e6e6 30%,#bebebe,#f9f9f9 70%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:4px 6px 8px 0px #22073280;font-size:80px}.title,.count{font-family:var(--font-true-bold-special);line-height:1;text-align:center;font-weight:700}.box{height:60px;display:grid;place-items:center;background-color:#e13232;width:200px;margin-left:-50px;img{max-height:40px}}}.parties{display:flex;gap:3px;.item{display:flex;flex-direction:column;justify-content:end;&:first-child{width:280px;.people{height:190px}.count{font-size:80px}}&:nth-child(2){width:250px}&:nth-child(3){width:220px}&:nth-child(4){width:200px}&:nth-child(5){width:125px}.people{height:170px;filter:drop-shadow(#30284280 5px -5px 15px 0px)}.title,.count{font-family:var(--font-true-bold-special);line-height:1;text-align:center}.title{font-size:20px;color:#fff}.count{background:linear-gradient(0deg,#fff,#e6e6e6 30%,#bebebe,#f9f9f9 70%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:4px 6px 8px 0px #22073280;font-size:75px}.box{height:60px;display:flex;align-items:center;justify-content:center;gap:10px;.logo{max-width:40px}.text{font-family:var(--font-true-bold-special);color:#fff;font-size:25px}}}@media screen and (max-width:1023px){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;.item{width:unset!important;&:first-child{display:none}&:not(:last-child){.text{display:none}}.value{display:none}.people{height:140px}}}@media screen and (max-width: 767px){.item{.people{height:75px}.title{font-size:20px;text-align:right}.count{font-size:45px;text-align:right}.box{height:34px;.logo{height:25px}}.text{font-size:20px!important}}}}.score-counted-pc{position:absolute;right:5px;top:10%;transform:translateY(-50%);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding:1rem 2rem;border-radius:10px;display:flex;flex-direction:column;align-items:center;background-color:#0000004d;.title{font-size:20px;font-weight:700;color:#fff;font-family:var(--font-true-bold)}.percent{font-size:36px;font-weight:700;font-family:var(--font-true-bold);color:#f7997a}.date-box{display:flex;flex-direction:column;align-items:center;.text,.date{font-size:20px;color:#fff;font-family:var(--font-true-bold);line-height:1}}}.score-counted-mobile{display:none;padding:2rem 0;gap:2rem;justify-content:center;.item{display:flex;flex-direction:column;align-items:center;.title,.text{font-weight:700;font-family:var(--font-true-bold-special)}.title{font-size:20px;color:#fff}.text{font-size:28px;color:#fff;&.percent{color:#f7997a}}}}.content{padding:1rem 2rem;border-radius:20px 20px 0 0;background-color:#fff;.tabs{display:flex;overflow-x:auto;.item{padding:.5rem 1rem;color:#666;border-bottom:2px solid transparent;font-size:28px;text-align:center;font-weight:700;font-family:var(--font-true-bold-special);cursor:pointer;min-width:140px;flex:none;white-space:pre;flex-grow:1;&.active{color:#f7997a;border-color:#f7997a}}}.party-list{thead{tr{th{color:#616161;font-size:20px;font-weight:700;font-family:var(--font-true-bold-special);text-align:left;padding:0 1rem}}}tbody{tr{td{padding:1rem;border-bottom:1px solid #DDDDDD;vertical-align:top;.title{font-size:20px;font-weight:700;font-family:var(--font-true-bold-special);text-align:center}.logo{height:30px;margin:0 auto;-o-object-fit:contain;object-fit:contain}.text{font-size:20px;font-weight:700;font-family:var(--font-true-bold-special)}.dot{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;width:-moz-fit-content;width:fit-content;.item{width:14px;height:14px;border-radius:50%}}}}}}}@media screen and (max-width:1279px){.score-counted-pc{display:none}.score-counted-mobile{display:flex}}@media screen and (max-width:1023px){.desc-text{font-size:35px!important}.title-text{font-size:38px!important}}@media screen and (max-width: 767px){.main-party{.people{height:167px}}.content{padding:0;.party-list{margin:0 10px}.party-list{td{padding:.7rem!important;.dot{grid-template-columns:repeat(5,minmax(0,1fr))!important}}}}}}.search-box{margin:2rem;padding:1rem;background-color:#f5f5f5;border-radius:15px;display:flex;gap:4rem;.item{display:flex;align-items:center;gap:15px;.text,.select-form{font-family:var(--font-true-bold-special);font-weight:700}.text{color:#616161;font-size:20px}.select-form{padding:5px 10px;border:1px solid #9D9D9D;font-size:22px;border-radius:5px;background-color:#fff;cursor:pointer;flex-grow:1;select{border:none;outline:none;cursor:pointer;width:100%;option{font-size:22px}}}}.filter{display:flex;gap:10px;padding:5px;border-radius:5px;background-color:#fff;.item{font-size:22px;padding:2px 10px;border-radius:5px;color:#f7997a;cursor:pointer;font-weight:700;font-family:var(--font-true-bold-special);&.active{color:#333;background-color:#ffe9e2}}}}.targeted-area{padding:2rem 0;position:relative;&:before{content:"";position:absolute;width:100%;height:100%;background-image:url(/images/election/background.png);background-position:center;background-repeat:repeat;opacity:10%;z-index:-1;top:0}.title{font-size:45px;font-weight:700;font-family:var(--font-true-bold-special);text-align:center;color:#f7997a}.container>.item{display:flex;flex-direction:column;align-items:center;gap:15px;padding:1rem;border-radius:15px;box-shadow:0 4px 24px #00000012;background-color:#fff;max-width:856px;margin:0 auto;.province{font-size:35px;font-weight:700;font-family:var(--font-true-bold-special);text-align:center}.update{display:flex;align-items:center;justify-content:center;gap:5px;span,.percent{font-weight:700;font-size:20px;font-family:var(--font-true-bold-special)}span{color:#666}.percent{background-color:#ddd;color:#666;font-size:25px;padding:3px 5px;border-radius:50px;width:-moz-fit-content;width:fit-content;line-height:1;&.orange{background-color:#ee5f30;color:#fff}}}.info{display:flex;width:100%;.item{display:flex;align-items:end;flex-grow:1;gap:15px;max-width:50%;.people{width:137px;height:137px;-o-object-position:bottom center;object-position:bottom center;-o-object-fit:contain;object-fit:contain}.score{display:flex;flex-direction:column;gap:10px;.percent{font-weight:700;font-size:56px;font-family:var(--font-true-bold-special);line-height:1;color:#333}.score-count{color:#616161;font-size:20px;font-weight:700;font-family:var(--font-true-bold-special);line-height:1}}.logo{height:40px}}.line{height:79px;margin-top:auto;width:2px;background-color:#999}}.bar{position:relative;width:100%;height:25px;background-color:#eee;.bar-1{position:absolute;left:0;top:0;height:100%}.bar-2{position:absolute;right:0;top:0;height:100%}}.name{font-size:18px;color:#616161;line-height:1}.party-name{font-size:20px;font-weight:700;font-family:var(--font-true-bold-special);color:#616161;line-height:1}}@media screen and (max-width: 767px){padding:1rem 0;.title{font-size:35px}.container>.item{background-color:transparent;padding:0;box-shadow:none;.info{.line{height:60px}.item{gap:0;max-width:50%;.people{width:60px;height:60px}.logo{height:20px;width:30px;-o-object-fit:contain;object-fit:contain}.score{gap:0;.percent{font-size:32px}.score-count{font-size:20px}}}}}}}.text-title{font-size:45px;font-family:var(--font-true-bold);font-weight:700;text-align:center;color:#f7997a;@media screen and (max-width: 767px){background:linear-gradient(180deg,#888 54.89%,#222 56.22%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:35px}}.targeted-area-list{display:flex;flex-direction:column;background-color:#fff;padding:0 2rem;.container>.item{display:flex;gap:15px;position:relative;padding:1.5rem 0;border-bottom:1px solid #999999;.bg{position:absolute;left:5rem;height:90%;width:100%;max-width:300px;background-repeat:no-repeat;background-size:contain;top:50%;transform:translateY(-50%)}.info{display:flex;flex-direction:column;gap:10px;.province{position:relative;background-image:url(/images/election/title-bar.png);background-repeat:no-repeat;height:43px;padding:10px;font-size:30px;color:#fff;font-weight:700;font-family:var(--font-true-bold-special);display:flex;align-items:center}}.list{display:flex;flex-direction:column;gap:15px;flex-grow:1;>.item{display:flex;gap:15px;.profile{width:76px;height:76px;border-radius:50%;overflow:hidden;img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}}.num{position:absolute;top:-5px;left:-5px;width:28px;height:28px;border-radius:50%;font-size:23px;display:grid;place-items:center;background-color:#fff;color:#000;font-family:var(--font-true-bold-special);font-weight:700}.party{display:flex;align-items:center;gap:10px;.logo{height:20px;-o-object-fit:contain;object-fit:contain;width:-moz-fit-content;width:fit-content}.text{font-size:25px;font-weight:700;font-family:var(--font-true-bold)}}.name{font-size:20px;font-weight:700;font-family:var(--font-true-bold);color:#616161}.bar{height:15px;position:relative;background-color:#ddd;width:100%;.bar-item{position:absolute;top:0;left:0;height:100%}}}}}@media screen and (max-width:1024px){padding:0}@media screen and (max-width: 767px){.container>.item{flex-direction:column;border-bottom:none!important;.bg{left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;background-position:center}.list{.item{.profile{width:56px;height:56px}}}}}@media screen and (max-width: 640px){.party{.text{display:none}}}}@media screen and (max-width:1023px){.search-box{gap:1rem!important;margin:1rem!important;align-items:end;.text{white-space:pre}.filter{height:-moz-fit-content;height:fit-content;.item{white-space:pre;height:-moz-fit-content;height:fit-content}}.grid>.item{flex-direction:column;align-items:start;gap:5px}}}@media screen and (max-width: 767px){.search-box{margin:.5rem;flex-direction:column;gap:10px;padding:.5rem;align-items:unset;.select-form{width:100%}.filter{.item{flex-grow:1;max-width:50%;justify-content:center}}}}