@charset "UTF-8";
html {
  height: 100%;
  -webkit-text-size-adjust: none; }

*, *::before, *::after {
  font-size: inherit; }

body {
  margin: 0 auto;
  height: 100%;
  width: 1080px;
  font-family: "微軟正黑體", "Microsoft JhengHei" sans-serif;
  line-height: 1;
  font-size: 48px; }
  .-ats-115 body {
    font-size: 41.73913px; }
  .-ats-130 body {
    font-size: 36.92308px; }
  .-ats-150 body {
    font-size: 32px; }

*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

img {
  vertical-align: top; }

a {
  text-decoration: none;
  color: inherit; }

*[class^=headerButtonIcon-],
*[class^=footMenuIcon-] {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }

.headerButtonIcon-back {
  background-image: url(../img/headerButtonIcon-back.svg); }

.headerButtonIcon-help {
  background-image: url(../img/headerButtonIcon-help.svg); }

.footMenuIcon-home {
  background-image: url(../img/footMenuIcon-home.svg); }

.footMenuIcon-user {
  background-image: url(../img/footMenuIcon-user.svg); }

.footMenuIcon-news {
  background-image: url(../img/footMenuIcon-news.svg); }

.footMenuIcon-bullhorn {
  background-image: url(../img/footMenuIcon-bullhorn.svg); }

#v2FixedHeader {
  position: fixed;
  z-index: 10000;
  top: 0;
  width: 1080px;
  height: 220px;
  background: #eeeeee; }
  #v2FixedHeader .leftButton,
  #v2FixedHeader .rightButton {
    position: absolute;
    display: block;
    width: 150px;
    height: 150px; }
  #v2FixedHeader .leftButton {
    left: 0;
    bottom: 0; }
  #v2FixedHeader .rightButton {
    right: 0;
    bottom: 0; }
  #v2FixedHeader .captain {
    position: absolute;
    left: 150px;
    right: 150px;
    height: 150px;
    bottom: 0; }
    #v2FixedHeader .captain .icon {
      width: 100px;
      height: 100px;
      margin-right: 20px;
      vertical-align: top; }
    #v2FixedHeader .captain span {
      position: absolute;
      display: block;
      left: 0;
      top: 50%;
      width: 100%;
      font-weight: bold;
      line-height: 80px;
      text-align: center;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
      font-size: 60px;
      line-height: 100px; }
      .-ats-115 #v2FixedHeader .captain span {
        font-size: 52.17391px; }
      .-ats-130 #v2FixedHeader .captain span {
        font-size: 46.15385px; }
      .-ats-150 #v2FixedHeader .captain span {
        font-size: 40px; }
      .-ats-115 #v2FixedHeader .captain span {
        line-height: 86.95652px; }
      .-ats-130 #v2FixedHeader .captain span {
        line-height: 76.92308px; }
      .-ats-150 #v2FixedHeader .captain span {
        line-height: 66.66667px; }

#v2FixedFooter {
  position: fixed;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 170px;
  background: #eeeeee; }
  #v2FixedFooter .footerItem {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0; }
    #v2FixedFooter .footerItem .icon {
      margin: 20px auto 15px;
      width: 80px;
      height: 80px; }
    #v2FixedFooter .footerItem .label {
      position: relative;
      height: 36px;
      color: #444; }
      #v2FixedFooter .footerItem .label span {
        position: absolute;
        display: block;
        text-align: center;
        left: 50%;
        top: 50%;
        width: 1000%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        font-size: 30px;
        line-height: 36px; }
        .-ats-115 #v2FixedFooter .footerItem .label span {
          font-size: 26.08696px; }
        .-ats-130 #v2FixedFooter .footerItem .label span {
          font-size: 23.07692px; }
        .-ats-150 #v2FixedFooter .footerItem .label span {
          font-size: 20px; }
        .-ats-115 #v2FixedFooter .footerItem .label span {
          line-height: 31.30435px; }
        .-ats-130 #v2FixedFooter .footerItem .label span {
          line-height: 27.69231px; }
        .-ats-150 #v2FixedFooter .footerItem .label span {
          line-height: 24px; }

#v2FixedFooter + .v2BodyWrapper {
  padding-bottom: 170px; }

.v2TopInfoBar {
  padding: 10px 30px;
  text-align: center;
  font-size: 48px;
  line-height: 60px; }
  .-ats-115 .v2TopInfoBar {
    font-size: 41.73913px; }
  .-ats-130 .v2TopInfoBar {
    font-size: 36.92308px; }
  .-ats-150 .v2TopInfoBar {
    font-size: 32px; }
  .-ats-115 .v2TopInfoBar {
    line-height: 52.17391px; }
  .-ats-130 .v2TopInfoBar {
    line-height: 46.15385px; }
  .-ats-150 .v2TopInfoBar {
    line-height: 40px; }
  .v2TopInfoBar.-eventParticipantCount {
    color: #333;
    background: #ff0; }
    .v2TopInfoBar.-eventParticipantCount .val {
      color: #f00; }

.listFilter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px; }
  .listFilter > .filterItem {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    height: 90px; }
    .listFilter > .filterItem + .filterItem {
      margin-left: 40px; }
    .listFilter > .filterItem select {
      padding: 0 20px;
      width: 100%;
      height: 100%;
      border: 1px solid #000;
      border-radius: 10px;
      font-size: 60px; }
      .-ats-115 .listFilter > .filterItem select {
        font-size: 52.17391px; }
      .-ats-130 .listFilter > .filterItem select {
        font-size: 46.15385px; }
      .-ats-150 .listFilter > .filterItem select {
        font-size: 40px; }
  .listFilter > .filterButton {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    height: 130px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #876554;
    border-radius: 12px;
    cursor: pointer;
    font-size: 48px;
    line-height: 130px; }
    .-ats-115 .listFilter > .filterButton {
      font-size: 41.73913px; }
    .-ats-130 .listFilter > .filterButton {
      font-size: 36.92308px; }
    .-ats-150 .listFilter > .filterButton {
      font-size: 32px; }
    .-ats-115 .listFilter > .filterButton {
      line-height: 113.04348px; }
    .-ats-130 .listFilter > .filterButton {
      line-height: 100px; }
    .-ats-150 .listFilter > .filterButton {
      line-height: 86.66667px; }
    .listFilter > .filterButton + .filterButton {
      margin-left: 40px; }

.v2Popup {
  z-index: 90000; }
  .v2Popup .body {
    margin: 0 20px 20px;
    padding: 20px;
    background-color: #fff;
    border-radius: 20px; }
    .v2Popup .body .msg {
      margin-bottom: 40px;
      font-size: 48px;
      line-height: 60px; }
      .-ats-115 .v2Popup .body .msg {
        font-size: 41.73913px; }
      .-ats-130 .v2Popup .body .msg {
        font-size: 36.92308px; }
      .-ats-150 .v2Popup .body .msg {
        font-size: 32px; }
      .-ats-115 .v2Popup .body .msg {
        line-height: 52.17391px; }
      .-ats-130 .v2Popup .body .msg {
        line-height: 46.15385px; }
      .-ats-150 .v2Popup .body .msg {
        line-height: 40px; }
  .v2Popup .message {
    margin: 40px 40px 50px;
    font-weight: bold;
    color: #fff;
    font-size: 48px;
    line-height: 60px; }
    .-ats-115 .v2Popup .message {
      font-size: 41.73913px; }
    .-ats-130 .v2Popup .message {
      font-size: 36.92308px; }
    .-ats-150 .v2Popup .message {
      font-size: 32px; }
    .-ats-115 .v2Popup .message {
      line-height: 52.17391px; }
    .-ats-130 .v2Popup .message {
      line-height: 46.15385px; }
    .-ats-150 .v2Popup .message {
      line-height: 40px; }
  .v2Popup .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px 20px;
    padding: 5px; }
    .v2Popup .buttons .button {
      display: block;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0;
      margin: 0 10px 0;
      height: 80px;
      font-weight: bold;
      text-align: center;
      color: #fff;
      background: #de2726;
      border-radius: 8px;
      font-size: 48px;
      line-height: 80px; }
      .-ats-115 .v2Popup .buttons .button {
        font-size: 41.73913px; }
      .-ats-130 .v2Popup .buttons .button {
        font-size: 36.92308px; }
      .-ats-150 .v2Popup .buttons .button {
        font-size: 32px; }
      .-ats-115 .v2Popup .buttons .button {
        line-height: 69.56522px; }
      .-ats-130 .v2Popup .buttons .button {
        line-height: 61.53846px; }
      .-ats-150 .v2Popup .buttons .button {
        line-height: 53.33333px; }
  .v2Popup .popupButton {
    display: block;
    letter-spacing: 10px;
    text-align: center;
    width: 500px;
    margin: 20px auto;
    border-radius: 8px;
    font-size: 48px;
    line-height: 80px; }
    .-ats-115 .v2Popup .popupButton {
      font-size: 41.73913px; }
    .-ats-130 .v2Popup .popupButton {
      font-size: 36.92308px; }
    .-ats-150 .v2Popup .popupButton {
      font-size: 32px; }
    .-ats-115 .v2Popup .popupButton {
      line-height: 69.56522px; }
    .-ats-130 .v2Popup .popupButton {
      line-height: 61.53846px; }
    .-ats-150 .v2Popup .popupButton {
      line-height: 53.33333px; }
  .v2Popup .blueButton {
    color: #fff;
    background: #3fa9f5; }
  .v2Popup .grayButton {
    color: #fff;
    background: #808080; }
  .v2Popup .orangeButton {
    color: #fff;
    background: #f15a24; }
/*# sourceMappingURL=v2main.css.map */