@charset "UTF-8";
.tab {
  margin-top: 50px;
  width: 260px;
  display: flex;
  border-radius: 50px;
  background-color: #ffffff;
  height: 36px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.tab a {
  height: 100%;
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  border-radius: 50px;
  color: #333;
}
.tab a.focus {
  color: #fff;
  background-color: #292929;
  cursor: default;
}

table.resource-download {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 5px;
  margin-top: 25px;
}
table.resource-download thead {
  display: none;
}
@media screen and (min-width: 768px) {
  table.resource-download thead {
    display: table-header-group;
  }
}
table.resource-download thead tr {
  height: 30px;
}
table.resource-download thead th {
  font-size: 14px;
  padding-left: 15px;
  text-align: left;
  color: #A7ACC1;
  font-weight: 500;
}
table.resource-download thead th:first-child {
  width: 100%;
}
table.resource-download tbody tr {
  height: 50px;
  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
  border-radius: 6px;
  transition: transform 250ms;
}
@media screen and (min-width: 768px) {
  table.resource-download tbody tr:hover {
    transform: scale(1.02);
  }
  table.resource-download tbody tr:hover td:first-child:after {
    background: #F49C00;
  }
}
table.resource-download tbody tr {
  width: 100%;
  display: table;
  border-spacing: 0 0px;
  margin-bottom: 15px;
  overflow: hidden;
}
table.resource-download tbody td {
  display: table-row;
}
table.resource-download tbody td::before {
  display: table-cell;
  min-width: 60px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  background-color: #333;
  height: 40px;
}
table.resource-download tbody td:first-child::before {
  content: "集數";
}
table.resource-download tbody td:first-child .link {
  display: table-cell;
  vertical-align: middle;
  padding: 8px 15px;
}
table.resource-download tbody td:last-child::before {
  content: "下載";
}
table.resource-download tbody td:last-child .download-wrapper {
  padding-left: 5px;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  table.resource-download tbody tr {
    display: table-row;
  }
  table.resource-download tbody td {
    display: table-cell;
  }
  table.resource-download tbody td::before {
    display: none;
  }
  table.resource-download tbody td:first-child .link {
    display: flex;
    padding: 0;
    height: 50px;
  }
  table.resource-download tbody td:last-child .download-wrapper {
    padding-left: 0;
    justify-content: flex-end;
  }
}
table.resource-download td {
  vertical-align: middle;
  background: #ffffff;
  border: none;
  font-size: 16px;
  padding-left: 15px;
}
table.resource-download td .link {
  display: flex;
  align-items: center;
  width: 100%;
  color: #232323;
  transition: color 250ms;
}
table.resource-download td .link:hover {
  color: #F49C00;
}
@media screen and (min-width: 768px) {
  table.resource-download td .link span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}
table.resource-download td .download-wrapper {
  display: flex;
  align-self: center;
}
table.resource-download td .download-wrapper a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 100%;
  margin-right: 5px;
  position: relative;
}
@media screen and (min-width: 768px) {
  table.resource-download td .download-wrapper a:not(.none):hover {
    background-color: #f0f0f0;
  }
  table.resource-download td .download-wrapper a:not(.none):hover::before {
    opacity: 1;
    visibility: visible;
  }
}
table.resource-download td .download-wrapper a::before {
  display: block;
  position: absolute;
  top: -26px;
  border-radius: 6px;
  background-color: #333333;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  left: 50%;
  transform: translateX(-50%) scale(0.92);
  padding: 4px 8px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 400ms;
}
table.resource-download td .download-wrapper a.none {
  display: none;
  opacity: 0.4;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  pointer-events: none;
}
table.resource-download td .download-wrapper .excel {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 791.45 791.45"><path fill="%2323A566" fill-rule="evenodd" d="M202.63 0h264.88l224.15 233.97v454.36c0 56.9-45.93 103.12-102.84 103.12H202.63c-56.62 0-102.83-46.21-102.83-103.12v-585.5C99.8 46.22 146 0 202.63 0z" clip-rule="evenodd" data-original="%2300733b"/><g fill="%23fff"><path fill-rule="evenodd" d="M467.22 0v231.95h224.44z" clip-rule="evenodd" data-original="%23ffffff" opacity=".3"/><path d="M345.9 576.26h-38.42l-26.28-44.2-26.29 44.2h-38.7l45.63-76.83-40.15-66.73h38.71l20.8 34.66 20.5-34.66h38.71l-39.86 67.01zm13.58 0V432.7h36.68v112.36h62.4v31.2h-99.08zm159.73 1.73a58.69 58.69 0 0 1-38.13-13.57c-10.68-8.67-16.75-19.65-17.62-32.64l31.49-9.25c.87 6.94 3.75 13 8.66 17.62 5.2 4.63 10.98 6.94 17.34 6.94 5.2 0 9.53-1.16 13-3.47 3.17-2.31 4.9-5.49 4.9-9.24 0-3.18-1.44-5.78-4.04-8.1-2.6-2.01-6.07-3.75-10.11-5.19s-8.95-2.89-13.87-4.04a96.66 96.66 0 0 1-15.3-5.5 53.9 53.9 0 0 1-13.87-7.8c-4.33-2.88-7.51-7.21-10.11-12.7-2.6-5.2-4.04-11.56-4.04-18.78 0-11.84 4.9-21.66 15.02-29.46 10.1-8.09 22.24-11.84 36.4-11.84 14.15 0 26.57 3.46 36.96 10.1 10.4 6.94 17.05 15.9 19.65 26.87l-32.93 13.87a28.74 28.74 0 0 0-8.38-14.74 23.06 23.06 0 0 0-15.3-5.48c-4.63 0-8.1 1.15-10.98 2.89-2.6 1.73-3.76 4.33-3.76 7.5 0 2.9 1.73 5.5 5.2 7.52 3.47 1.73 8.09 3.17 13.29 4.04s10.97 2.31 17.04 4.33c6.35 2.31 11.84 4.62 17.33 7.8 5.2 2.9 9.53 7.8 13 14.16 3.75 6.64 5.49 14.44 5.49 23.4 0 13.28-5.2 24.26-15.6 32.34S535.97 578 519.2 578z" data-original="%23ffffff"/></g></svg>');
}
table.resource-download td .download-wrapper .excel::before {
  content: "下載Excel檔";
}
table.resource-download td .download-wrapper .chart {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" class="hovered-paths" viewBox="0 0 512.01 512.01"><path fill="%23a160e4" d="M290.23 236.83h191.75a30.04 30.04 0 0 0 29.94-32.3A222.2 222.2 0 0 0 447.46 64.6 222.2 222.2 0 0 0 307.54.14a30.04 30.04 0 0 0-32.31 29.94v191.75a15 15 0 0 0 15 15z" data-original="%23a160e4"/><path fill="%2324b3b3" d="M481.98 266.96H290.22a15 15 0 0 0-10.77 25.45l133.5 137.65a30 30 0 0 0 44-.97 220.2 220.2 0 0 0 54.97-129.79 30.05 30.05 0 0 0-29.94-32.33z" data-original="%2324b3b3"/><path fill="%23F45170" d="M237.36 97.84v200.58L254 411.67l-16.65 99.8c-4.96.32-9.95.48-14.96.48-.92 0-1.84 0-2.76-.02-59.3-.7-114.87-24.65-156.47-67.4-85.12-87.5-82.48-222.8-2.57-307.5a221.7 221.7 0 0 1 144.37-69.12 30.07 30.07 0 0 1 32.39 29.93z" class="hovered-path" data-original="%234e588b"/><path fill="%23F45170" d="M353.58 469.12a220.15 220.15 0 0 1-116.22 42.34V298.42l120.2 125.71a30.04 30.04 0 0 1-3.98 45z" data-original="%23293e65"/></svg>');
}
table.resource-download td .download-wrapper .chart::before {
  content: "下載圖表";
}
table.resource-download td .download-wrapper .document {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24"><g data-name="Layer 2"><path fill="%23BDE0F1" d="M20.75 6.41V21A1.76 1.76 0 0 1 19 22.75H5A1.76 1.76 0 0 1 3.25 21V3A1.76 1.76 0 0 1 5 1.25h10.59a1.76 1.76 0 0 1 1.23.51l3.42 3.42a1.73 1.73 0 0 1 .51 1.23z" data-original="%230db561"/><path fill="%2377BEE2" d="M20.75 6.41V7H17a2 2 0 0 1-2-2V1.25h.59a1.74 1.74 0 0 1 1.23.51l3.42 3.42a1.74 1.74 0 0 1 .51 1.23z" data-original="%239FBACE"/><path fill="%2377BEE2" d="M17 14.75H7a.75.75 0 0 1 0-1.5h10a.75.75 0 0 1 0 1.5zm0-4H7a.75.75 0 0 1 0-1.5h10a.75.75 0 0 1 0 1.5zm-5-4H7a.75.75 0 0 1 0-1.5h5a.75.75 0 0 1 0 1.5zm5 12H7a.75.75 0 0 1 0-1.5h10a.75.75 0 0 1 0 1.5z" data-original="%23ffffff"/></g></svg>');
}
table.resource-download td .download-wrapper .document::before {
  content: "下載講稿";
}
table.resource-download td .download-wrapper .link {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path fill="%2300C8C8" d="M256 6a250 250 0 1 1 0 500 250 250 0 0 1 0-500z" data-original="%232196f3"/><g fill="%23fff"><path d="M341.9 287.3h-15.6a7.8 7.8 0 0 0-7.8 7.8v54.7H162.2V193.5h70.3c4.3 0 7.8-3.5 7.8-7.8v-15.6c0-4.3-3.5-7.8-7.8-7.8h-78.1a23.4 23.4 0 0 0-23.4 23.4v171.9a23.4 23.4 0 0 0 23.4 23.4h171.9a23.4 23.4 0 0 0 23.4-23.4V295c0-4.2-3.5-7.7-7.8-7.7z" data-original="%23ffffff"/><path d="M369.2 131h-62.5c-10.4 0-15.7 12.7-8.3 20l17.5 17.5-119 119c-4.6 4.6-4.6 12 0 16.6l11 11c4.6 4.6 12 4.6 16.6 0l119-119 17.5 17.4c7.3 7.3 20 2.2 20-8.3v-62.5a11.8 11.8 0 0 0-11.8-11.7z" data-original="%23ffffff"/></g></svg>');
}
table.resource-download td .download-wrapper .link::before {
  content: "相關報導";
}
table.resource-download td:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  position: relative;
}
table.resource-download td:first-child:after {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  left: -2px;
  border-radius: 10px;
  background: transparent;
  transition: background 250ms;
}
table.resource-download td:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  padding-right: 15px;
  white-space: nowrap;
}/*# sourceMappingURL=style.css.map */