﻿.indexContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;max-width:1540px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8rem auto 0;background-color:#fff;border-radius:50px;padding:44px 40px 60px 52px}.indexContainer *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.indexMapArea{width:23.77%;border-radius:16px;margin-right:30px}.indexMapBox{padding:30px 0 0}.indexMapBox svg{width:100%}#taiwanMap path{fill:#f2f3f4;-webkit-transition:fill .2s ease-in-out;-o-transition:fill .2s ease-in-out;transition:fill .2s ease-in-out}.cityRateStar{font-size:2rem;margin-right:3px;line-height:1;margin-top:5px}.cityRateStarGold{color:#ffd200}.cityRateStarSilver{color:#c2c2c2}.cityRateStarWhite{color:#fff;text-shadow:-1px -1px 0 #bdbdbd,1px -1px 0 #bdbdbd,-1px 1px 0 #bdbdbd,1px 1px 0 #bdbdbd}.localGovernmentDataArea{width:32%;margin-right:35px}@media screen and (max-width:1280px){.indexContainer{padding:35px 30px 50px 40px}.indexMapArea{width:33%}.localGovernmentDataArea{width:calc(67% - 30px);margin-right:0}}@media screen and (max-width:767px){.indexContainer{padding:30px 25px 45px 35px}.indexMapArea{margin:0 auto 30px;width:100%;background-color:#fff}.localGovernmentDataArea{width:100%}}.localGovernmentData{border:1px solid #bcbcbc;padding:35px 20px 0;border-radius:16px;height:100%;background-color:#f2f3f4}.localGovernmentDataTitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.localGovernmentDataTitle p{font-size:2.8rem;font-weight:700;color:#008181}@media screen and (max-width:450px){.indexContainer{padding:25px 20px 40px}.mapTopImg{max-width:250px}.cityRateStar{font-size:1.6rem}.localGovernmentData{padding:20px 10px 0}.localGovernmentDataTitle{margin-bottom:20px}.localGovernmentDataTitle p{font-size:1.5rem}}.datasSubGrayBg{color:#575757;background-color:#eaeaea;border-radius:50px;padding:5px;font-size:.75rem}@media screen and (max-width:321px){.localGovernmentDataTitle p{font-size:1.2rem}.datasSubGrayBg{padding:5px 7px}}.localGovernmentDataOptions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.centralGovernmentDataOptions li,.cityOption{display:inline-block;width:calc(50% - 12px);margin-right:24px}.cityOption{position:relative;margin-bottom:10px}.cityOptionLabel,.cityOptionLabelText{display:-webkit-box;display:-ms-flexbox}.centralGovernmentDataOptions li:nth-of-type(2n),.cityOption:nth-of-type(2n){margin-right:0}.cityOption input{position:absolute;left:0;top:0;opacity:0}.cityOption input:checked~label{background-color:#f0f482}.cityOptionLabel{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;border-radius:15px}.cityBarContainer,.cityBarWrap{border-radius:10px;overflow:hidden}.cityOptionLabelText{display:flex;width:8rem}.cityName{font-size:1.6rem;font-weight:700;margin-top:3px}.cityBarContainer{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#fff;padding:5px;position:relative;height:2.2rem}.cityBarWrap{width:0%;height:100%;background-color:#6ccbcd;-webkit-transition:width .6s;-o-transition:width .6s;transition:width .6s}.cityBarNum{position:absolute;top:50%;right:5%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);color:#2c2c2c;font-size:1.2rem}.centralGovernmentArea{width:calc(44.23% - 65px)}@media screen and (max-width:1280px){.centralGovernmentArea{width:100%;margin-top:30px}}@media screen and (max-width:1024px){.centralGovernmentArea{width:100%}}@media screen and (max-width:767px){.centralGovernmentArea{width:100%}}.centralGovernmentData{border:1px solid #bcbcbc;border-radius:16px;padding:35px 20px 20px;height:100%;background-color:#eff8e5}.centralGovernmentDataOptions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.centralGovernmentDataOptions li{position:relative;margin-bottom:5px}@media screen and (max-width:450px){.cityOption{width:calc(50% - 6px);margin-right:12px;margin-bottom:20px}.cityOptionLabelText{width:7.6rem}.cityName{margin-top:0}.centralGovernmentData{padding:20px 10px 0}.centralGovernmentDataOptions li{width:100%;margin-right:0}}.centralGovernmentDataOptions .cityOptionLabelText{width:12.5rem;font-weight:700;font-size:1.6rem;line-height:1.5}.centralGovernmentDataOptions .cityBarWrap{background-color:#c4e39f}