@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap");
@import url("https://fonts.googleapis.com/css?family=Merriweather:400,700|Roboto:400,700&display=swap");
/* colors */
/* clearBoth */
/* breakpoints */
/* font */
.mainVoteTop {
  padding-top: 110px;
  background-color: #293840; }

.mainVoteContent {
  margin: 48px 0; }
  .mainVoteContent .charTitle {
    margin-bottom: 24px; }
  @media screen and (max-width: 1023px) {
    .mainVoteContent {
      margin: 48px 0 0; } }

.grayFrame {
  position: relative;
  border: 1px solid #DFDFDF;
  border-radius: 5px;
  padding: 16px;
  margin-bottom: 48px; }
  .grayFrame:last-child {
    margin-bottom: 0; }
  .grayFrame.noPadding {
    padding: 0; }
  .grayFrame .grayTitle {
    display: none; }
  .grayFrame .frameCon {
    padding: 16px; }
  .grayFrame .picinfo {
    margin-bottom: 8px; }
  .grayFrame#combochart {
    padding: 70px 80px 80px 80px; }
  .grayFrame#twmapchart {
    padding: 46px 46px 54px 46px; }
  .grayFrame#pendulumchart {
    padding: 16px 16px 80px 16px; }
  .grayFrame .infonum {
    bottom: 40px; }
  .grayFrame .twmap > div > div:not(.final_2020) {
    margin: 30px auto; }
  @media screen and (max-width: 1023px) {
    .grayFrame#pendulumchart {
      padding: 0 0 130px 0; }
    .grayFrame#combochart {
      padding: 16px 16px 60px 16px; }
    .grayFrame#twmapchart {
      padding: 46px 16px 54px 16px; }
    .grayFrame .mapinfo {
      text-align: center; }
    .grayFrame .switchMap {
      top: 0; }
    .grayFrame .infonum {
      bottom: 20px; } }
  @media screen and (max-width: 414px) {
    .grayFrame#combochart {
      padding: 16px 16px 48px 16px; }
    .grayFrame#twmapchart {
      padding: 16px; }
    .grayFrame .infonum {
      bottom: 60px; } }
  @media screen and (max-width: 320px) {
    .grayFrame#combochart {
      padding: 8px 8px 48px 8px; }
    .grayFrame#twmapchart {
      padding: 8px; } }

@media screen and (max-width: 1023px) {
  .votePresident .pendulum #group-show-1 {
    bottom: 10px; } }

@media screen and (max-width: 1023px) {
  .rightColumn .grayFrame.noPadding {
    margin-bottom: 0; } }

.w-600 {
  width: 582px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 1023px) {
    .w-600 {
      width: 100%; } }

.w-625 {
  width: 625px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 1023px) {
    .w-625 {
      width: 100%; } }

.aBox {
  margin: 48px auto; }
  .aBox.w-970 {
    width: 970px;
    display: block; }
    @media screen and (max-width: 1024px) {
      .aBox.w-970 {
        display: none; } }
  .aBox.w-300 {
    width: 300px;
    display: none; }
    @media screen and (max-width: 1024px) {
      .aBox.w-300 {
        display: block; } }

.tabLink {
  width: 160px;
  text-align: center;
  border-radius: 5px 5px 0 0;
  display: block;
  float: left;
  padding: 10px 0;
  font-size: 1.25rem;
  font-weight: bold;
  border: 1px solid #ffffff; }
  .tabLink:link {
    color: #ffffff; }
  .tabLink:active {
    color: #ffffff; }
  .tabLink:visited {
    color: #ffffff; }
  .tabLink:hover {
    color: #ffffff; }
  .tabLink.active {
    background-color: #ffffff; }
    .tabLink.active:link {
      color: #293840; }
    .tabLink.active:active {
      color: #293840; }
    .tabLink.active:visited {
      color: #293840; }
    .tabLink.active:hover {
      color: #293840; }
  @media screen and (max-width: 414px) {
    .tabLink {
      width: 50%; } }

.voteBlock {
  clear: both;
  zoom: 1; }
  .voteBlock:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

.leftColumn {
  float: left;
  width: 49%;
  margin-right: 2%; }
  @media screen and (max-width: 1023px) {
    .leftColumn {
      width: 100%;
      margin-right: 0;
      float: none; } }

.rightColumn {
  position: relative;
  float: right;
  width: 49%; }
  @media screen and (max-width: 1023px) {
    .rightColumn {
      width: 100%;
      float: none; } }

.frameTitle {
  background-color: #F5F5F5;
  border-radius: 5px 5px 0 0;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  font-size: 1.375rem; }

.frameCon {
  position: relative;
  clear: both;
  zoom: 1; }
  .frameCon:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

.pre_map svg {
  width: 460px;
  height: 634px; }
  .pre_map svg path {
    cursor: pointer; }

@media screen and (max-width: 414px) {
  .pre_map svg {
    width: 180px;
    height: auto; } }

.leg_map svg {
  width: 460px;
  height: 634px; }
  .leg_map svg path {
    cursor: pointer; }

@media screen and (max-width: 414px) {
  .leg_map svg {
    width: 180px;
    height: auto; } }

.floatBar {
  clear: both;
  zoom: 1; }
  .floatBar:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

.initCol {
  height: 48px;
  background-color: #f5f5f5; }

.progress {
  width: 100%;
  position: relative;
  clear: both;
  zoom: 1; }
  .progress:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .progress .col {
    float: left;
    height: 100%; }
    .progress .col.three {
      width: 33.333%; }
  .progress .nbar {
    width: 100%;
    height: 48px;
    background-color: #dedede;
    margin: 20px 0;
    clear: both;
    zoom: 1; }
    .progress .nbar:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
  .progress .head {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    overflow: hidden; }
  .progress .seattt, .progress .voteee {
    font-size: 0.75rem; }
  .progress .percentage {
    font-size: 1rem; }
  .progress.overhalf::before {
    content: '';
    display: block;
    width: 2px;
    height: 70px;
    position: absolute;
    background-color: #000;
    left: 47%;
    margin-left: -1px;
    margin-top: 73px; }

.progress.noHalfLine::before {
  display: none; }

.halfText {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 105px;
  height: 0;
  z-index: 2;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.875rem;
  letter-spacing: 1px; }
  .halfText.show {
    display: block; }

.alignC .head {
  margin: 0 auto; }

.alignL .head {
  float: left;
  margin-bottom: 20px; }

.alignR .head {
  float: right;
  margin-bottom: 20px; }

.progress-info {
  text-align: center;
  margin: 20px 0; }
  .progress-info .info {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px; }
    .progress-info .info span {
      display: inline-block;
      vertical-align: middle; }
    .progress-info .info .circle {
      width: 16px;
      height: 16px;
      border-radius: 100%;
      margin-right: 5px; }

.bignum {
  font-size: 1.25rem; }

/* btnGroup */
.btnGroup {
  position: absolute;
  width: 32px;
  top: 70px;
  right: 12px;
  z-index: 2; }
  .btnGroup a {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: #293840;
    margin-bottom: 16px; }

.overflow {
  overflow: hidden;
  margin-bottom: 32px; }

.transformBox {
  width: 100%;
  height: 100%;
  position: relative; }

[data-size="level_origin"] .transformBox {
  transform: scale(1); }

[data-size="level_1"] .transformBox {
  transform: scale(2); }

[data-size="level_2"] .transformBox {
  transform: scale(3); }

[data-size="level_3"] .transformBox {
  transform: scale(4); }

.preventOverlay {
  display: none; }

.dragging .preventOverlay {
  display: block;
  z-index: 200;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* cutline */
.cutline {
  position: absolute;
  left: 16px;
  bottom: 16px; }
  .cutline table {
    width: 100%;
    height: 100%; }
    .cutline table td {
      padding: 5px 0;
      text-align: center;
      min-width: 40px; }
    .cutline table td.cutline {
      min-width: 65px; }
  @media screen and (max-width: 414px) {
    .cutline {
      position: relative;
      left: inherit;
      bottom: inherit;
      width: 60%;
      margin: 20px auto 0; }
      .cutline table td {
        padding: 2px 0;
        font-size: 0.875rem; } }

.symbol {
  margin: 0 auto;
  width: 16px;
  height: 16px;
  border-radius: 100%; }
  .symbol.kmt.ahead {
    background-color: #2A60A5;
    opacity: 0.45; }
  .symbol.kmt.eligibility {
    background-color: #2A60A5; }
  .symbol.dpp.ahead {
    background-color: #00A89C;
    opacity: 0.45; }
  .symbol.dpp.eligibility {
    background-color: #00A89C; }
  .symbol.pfp.ahead {
    background-color: #F29B09;
    opacity: 0.45; }
  .symbol.pfp.eligibility {
    background-color: #F29B09; }
  .symbol.newP.ahead {
    background-color: #fbbe01;
    opacity: 0.45; }
  .symbol.newP.eligibility {
    background-color: #fbbe01; }
  .symbol.tpp.ahead {
    background-color: #26c9c8;
    opacity: 0.45; }
  .symbol.tpp.eligibility {
    background-color: #26c9c8; }
  .symbol.other.ahead {
    background-color: #777a7f;
    opacity: 0.45; }
  .symbol.other.eligibility {
    background-color: #777a7f; }

/* aboriginal */
.aboriginal {
  position: relative;
  background-color: #f5f5f5;
  text-align: center;
  border-radius: 0 0 5px 5px;
  padding: 24px 0; }
  .aboriginal:before {
    content: '';
    display: block;
    border-top: 1px solid #cccccc;
    position: absolute;
    width: 40%;
    left: 50%;
    margin-left: -20%;
    top: 60px; }
  .aboriginal .abrow > div {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.125rem;
    font-weight: bold;
    margin: 0 3px; }
  .aboriginal .abrow .ab {
    display: inline-block;
    vertical-align: middle;
    background-color: #cccccc;
    width: 24px;
    height: 24px;
    margin: 0 8px; }
  .aboriginal .abrow:first-child {
    padding-bottom: 10px; }
  .aboriginal .abrow:last-child {
    padding-top: 10px; }

.mab, .pab {
  cursor: pointer; }

/* current */
.current-vote {
  margin-top: 24px;
  margin-bottom: 24px;
  float: left;
  font-size: 1.125rem; }
  .current-vote span {
    font-size: 1.25rem;
    padding: 0 5px;
    font-weight: bold; }
  @media screen and (max-width: 414px) {
    .current-vote {
      float: none;
      margin: 10px 0 0 0; } }

.current-update {
  margin-top: 28px;
  margin-bottom: 24px;
  float: right;
  font-size: 0.875rem; }
  @media screen and (max-width: 414px) {
    .current-update {
      float: none;
      margin-top: 10px; } }

/* battle */
.cityname {
  text-align: center;
  font-size: 1.375rem;
  font-weight: bold;
  padding: 8px 0;
  margin-bottom: 24px;
  border-bottom: 1px solid #DFDFDF; }

.battle {
  clear: both;
  zoom: 1;
  padding: 0 24px 24px 24px; }
  .battle:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .battle.marginT {
    padding: 24px; }
  @media screen and (max-width: 414px) {
    .battle {
      padding: 0 12px 12px 12px; }
      .battle.marginT {
        padding: 12px; } }

.candidate {
  float: left;
  width: 33.33%;
  text-align: center; }
  .candidate .head {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    overflow: hidden;
    margin: 20px auto 5px; }
  .candidate .name {
    margin-bottom: 10px; }
  .candidate .percentage {
    background-color: #F5F5F5;
    padding: 8px 0;
    font-size: 1.25rem; }
  .candidate .voteee {
    padding: 8px 0; }
  @media screen and (max-width: 414px) {
    .candidate .head {
      width: 56px;
      height: 56px; }
    .candidate .percentage {
      font-size: 1.125rem; } }

.candrow {
  position: relative;
  margin-bottom: 32px; }
  .candrow > div {
    display: inline-block;
    vertical-align: middle; }
  .candrow .person {
    width: 90px; }
  .candrow .legibar {
    position: relative;
    background-color: #f5f5f5;
    height: 40px;
    width: calc(100% - 160px);
    font-size: 1.125rem; }
  .candrow .cbar {
    height: 40px; }
  .candrow .party {
    font-size: 0.75rem; }
  .candrow .name {
    font-size: 1.125rem;
    font-weight: bold; }
  .candrow .ticket {
    position: absolute;
    left: 8px;
    top: 10px;
    font-size: 0.875rem; }
  .candrow .per {
    font-weight: bold;
    margin-left: 5px; }
  @media screen and (max-width: 1023px) {
    .candrow > div {
      display: block; }
    .candrow .person {
      width: 100%;
      margin-bottom: 5px; }
    .candrow .party {
      margin-bottom: 5px;
      line-height: 1; }
    .candrow .legibar {
      width: 100%; }
    .candrow .per {
      position: absolute;
      right: 8px;
      top: 10px; } }
  @media screen and (max-width: 414px) {
    .candrow {
      margin-bottom: 16px; } }

.LRctrl {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: 280px; }

.prevdata, .nextdata {
  width: 16px;
  height: 32px;
  position: absolute;
  top: 50%; }
  @media screen and (max-width: 414px) {
    .prevdata, .nextdata {
      width: 12px;
      height: 24px; } }

.prevdata {
  left: 20px; }
  @media screen and (max-width: 414px) {
    .prevdata {
      left: 10px; } }

.nextdata {
  right: 20px; }
  @media screen and (max-width: 414px) {
    .nextdata {
      right: 10px; } }

.constituency {
  text-align: center;
  font-size: 1.375rem;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 8px; }
  .constituency.s {
    width: 625px;
    margin: 20px auto 0; }
  .constituency div {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px; }
  .constituency span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px; }
  @media screen and (max-width: 414px) {
    .constituency {
      font-size: 1.125rem; }
      .constituency div {
        display: block;
        margin: 0; }
      .constituency span {
        display: none; }
      .constituency.s {
        width: 100%; } }

/* partyrowgroup */
.partyrowgroup {
  width: 625px;
  margin: 0 auto; }
  @media screen and (max-width: 1023px) {
    .partyrowgroup {
      width: 100%; } }

.partyrow {
  margin-bottom: 32px;
  position: relative; }
  .partyrow > div {
    display: inline-block;
    vertical-align: middle; }
  .partyrow .party {
    width: 115px;
    font-weight: bold;
    font-size: 1.125rem;
    text-align: right;
    margin-right: 10px; }
  .partyrow .legibar {
    position: relative;
    background-color: #f5f5f5;
    height: 40px;
    width: calc(100% - 180px);
    font-size: 1.125rem; }
  .partyrow .cbar {
    height: 40px; }
  .partyrow .ticket {
    position: absolute;
    left: 8px;
    top: 10px;
    font-size: 0.875rem; }
  .partyrow .per {
    position: absolute;
    right: 8px;
    top: 10px;
    font-weight: bold; }
  .partyrow .seat {
    color: #d4006e;
    font-size: 1.125rem;
    margin-left: 16px;
    font-weight: bold; }
  @media screen and (max-width: 414px) {
    .partyrow .party {
      text-align: left;
      width: 100%;
      margin-bottom: 8px;
      margin-right: 0; }
    .partyrow .legibar {
      width: 100%; }
    .partyrow .seat {
      position: absolute;
      top: 0;
      right: 0; } }

/* legiTab */
.legiTab {
  text-align: center;
  margin: 0 auto 8px; }

.legiTabContent {
  width: 625px;
  margin: 20px auto; }
  .legiTabContent.big {
    width: 80%; }
  @media screen and (max-width: 1023px) {
    .legiTabContent {
      width: 100%; }
      .legiTabContent.big {
        width: 100%; } }

.tab-current {
  clear: both;
  zoom: 1;
  margin: 0 auto;
  width: 625px; }
  .tab-current:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  @media screen and (max-width: 1023px) {
    .tab-current {
      width: 100%; } }

.tabA {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 16px;
  font-weight: bold;
  font-size: 1.25rem;
  position: relative;
  margin-left: -6px;
  margin-bottom: 6px; }
  .tabA:hover, .tabA.active {
    background-color: #293840;
    color: #ffffff; }
  .tabA::after {
    content: '';
    display: block;
    width: 2px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 8px;
    background-color: #293840; }
  @media screen and (max-width: 414px) {
    .tabA {
      font-size: 1rem; }
      .tabA::after {
        top: 6px;
        height: 18px; } }

.tabA:last-child::after {
  display: none; }

#tabgroup1 .tabA {
  padding: 5px 30px; }
  @media screen and (max-width: 1023px) {
    #tabgroup1 .tabA {
      padding: 5px 16px; } }

.unannounced {
  margin: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 1.375rem; }

/* electedrow */
.electedrow {
  display: inline-block;
  vertical-align: top;
  width: 33.333%;
  padding: 0 16px;
  margin-bottom: 56px;
  clear: both;
  zoom: 1; }
  .electedrow:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .electedrow .cityName {
    font-weight: bold;
    font-size: 1.375rem;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dedede;
    text-align: center; }
  .electedrow .candiItem > div {
    display: inline-block;
    vertical-align: middle;
    text-align: left; }
  .electedrow .leadparty {
    margin-right: 20px;
    width: 36%; }
  .electedrow .candno {
    width: 20%; }
  .electedrow .candno ~ .winner {
    width: 29%; }
  .electedrow .winner {
    width: 50%; }
  .electedrow .candiItem {
    padding: 5px 10%; }
    .electedrow .candiItem:nth-child(odd) {
      background-color: #f5f5f5; }
  .electedrow .single {
    width: 33.33%;
    float: left;
    text-align: center; }
  @media screen and (max-width: 1023px) {
    .electedrow {
      width: 50%; } }
  @media screen and (max-width: 414px) {
    .electedrow {
      width: 100%; } }

/* twmapgroup */
.twmapgroup.hidden2020 .switchMap a:first-child {
  display: none; }

@media screen and (max-width: 414px) {
  .twmapgroup .switchMap {
    top: -80px; } }

/* morepeople */
.morepeople {
  margin: 24px auto;
  width: 160px;
  display: block;
  text-align: center;
  background-color: #293840;
  font-size: 1rem;
  border-radius: 25px;
  padding: 8px 0;
  font-weight: bold; }
  .morepeople:link {
    color: #ffffff; }
  .morepeople:active {
    color: #ffffff; }
  .morepeople:visited {
    color: #ffffff; }
  .morepeople:hover {
    color: #ffffff; }

.mbpopBox .morepeople {
  margin: 0 auto 24px; }

/* mbpopBox */
@media screen and (max-width: 1023px) {
  .mbpopBox {
    display: none;
    position: absolute;
    width: 580px;
    height: 400px;
    z-index: 101;
    background-color: #fff;
    left: 50%;
    margin-left: -290px;
    margin-top: 150px; }
    .mbpopBox.style2 {
      margin-top: 100px;
      height: 600px; } }

@media screen and (max-width: 414px) {
  .mbpopBox {
    width: 300px;
    margin-left: -150px;
    height: 370px; } }

.mbOverlay {
  display: none; }
  @media screen and (max-width: 1023px) {
    .mbOverlay {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #000000;
      z-index: 100;
      opacity: 0.6; } }

@media screen and (max-width: 1023px) {
  .popOpen .mbpopBox,
  .popOpen .mbOverlay {
    display: block; } }

@media screen and (max-width: 1023px) {
  .mbScrollBlock {
    overflow: scroll;
    position: relative;
    height: 100%; } }

.mbclose {
  display: none;
  background-color: #293840;
  position: absolute;
  top: 15px;
  right: 15px;
  border-radius: 100%;
  padding: 10px;
  z-index: 2; }
  .mbclose svg {
    width: 11px;
    height: 12px; }
  @media screen and (max-width: 1023px) {
    .mbclose {
      display: block; } }

#combochart .vote-year,
#combochart .vote-chart {
  display: none; }

#combochart .dynamic-vote {
  display: block; }

#combochart .x.axis line {
  display: none; }

#combochart .x.axis .domain {
  display: none; }

#combochart .x.axis .tick {
  fill: #293840;
  font-size: 1rem; }
  #combochart .x.axis .tick text {
    fill: #ffffff; }

.dVote {
  fill: none;
  stroke: #293840;
  stroke-width: 1.5px; }

.dynamic-vote ~ #vote-bar {
  margin-top: -180px; }
  @media screen and (max-width: 600px) {
    .dynamic-vote ~ #vote-bar {
      margin-top: -20px; } }

/* clickingInfo */
.clickingInfo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.8);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: row;
  flex-direction: row;
  cursor: pointer; }
  .clickingInfo.hide {
    display: none; }

.hand {
  margin-right: 8px; }
  .hand svg {
    width: 32px;
    height: 45px; }

.handtxt {
  font-size: 1.5rem;
  font-weight: bold; }
  @media screen and (max-width: 414px) {
    .handtxt {
      font-size: 1.375rem; } }

.psmark {
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 16px; }

/* winner */
.Congrats {
  position: relative; }
  .Congrats::before {
    content: '';
    background-image: url("../img/winner.svg");
    position: absolute;
    top: -8px;
    left: 35px;
    width: 33px;
    height: 32px; }

.battle .Congrats::before {
  top: 10px;
  left: 80px; }

.Congrats2 .name {
  position: relative; }
  .Congrats2 .name::before {
    content: '';
    background-image: url(../img/winner.svg);
    position: absolute;
    top: 0;
    right: 10px;
    width: 20px;
    height: 20px;
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat; }

@media screen and (max-width: 414px) {
  .Congrats2 .name {
    display: inline-block; }
    .Congrats2 .name::before {
      right: -22px; } }

.cusMarginT {
  margin-top: 40px; }
  @media screen and (max-width: 414px) {
    .cusMarginT {
      font-size: 0.75rem;
      margin-top: 50px; } }

/* legnedP */
.legnedP {
  text-align: center;
  width: 600px;
  margin: 0 auto;
  display: none; }
  .legnedP.show {
    display: block; }
  @media screen and (max-width: 767px) {
    .legnedP {
      width: 100%;
      margin: -50px auto 0;
      position: relative;
      z-index: 2; } }

.lege {
  display: inline-block;
  vertical-align: middle;
  margin: 3px 8px; }
  .lege span {
    display: inline-block;
    vertical-align: middle; }
    .lege span:first-child {
      width: 10px;
      height: 10px;
      margin-right: 5px;
      border-radius: 100%; }

.defaultH, .legned-3 {
  min-height: 60px; }
  @media screen and (max-width: 767px) {
    .defaultH, .legned-3 {
      min-height: 90px; } }

/*# sourceMappingURL=http://localhost:3000/_maps/vote.css.map */