@charset "UTF-8";
:root {
  --remBasicSize: 16px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}

body,
html {
  font-family: "Noto Sans TC", Helvetica, Arial, "黑體-繁", "Heiti TC", "儷黑", "LiHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  background: #ddd;
  background-color: #fff;
  color: #000;
  font-size: 16px;
}

input,
select,
textarea,
button,
option,
li {
  font-family: "Noto Sans TC", Helvetica, Arial, "黑體-繁", "Heiti TC", "儷黑", "LiHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  color: #212121;
}

a,
button {
  text-decoration: none;
  transition: all ease-in-out 0.2s;
  -webkit-appearance: none;
  cursor: pointer;
}
a:focus, a:hover, a:active,
button:focus,
button:hover,
button:active {
  outline: none;
  text-decoration: none;
}

::-webkit-scrollbar {
  display: none;
}

.ctr_both {
  clear: both;
}

.m_auto {
  display: block;
  margin: 0 auto;
}

.flex_r {
  display: flex;
  flex-direction: row;
}

.flex_c {
  display: flex;
  flex-direction: column;
}

.fixbtn {
  display: none;
  position: fixed;
  z-index: 998;
  bottom: 8vh;
  right: -5px;
  width: calc(7.375 * var(--remBasicSize));
  height: calc(20.9375 * var(--remBasicSize));
  background: url(../images/index/fixbtn.png) no-repeat center/contain;
  text-indent: -999999px;
  cursor: pointer;
  animation: glow 2s ease-in-out infinite;
}
.fixbtn a {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 750px) {
  .fixbtn {
    bottom: 0;
    left: 0;
    width: calc(46.875 * var(--remBasicSize));
    height: calc(10.125 * var(--remBasicSize));
    background: url(../images/index/fixbtn_m.png) no-repeat center/contain;
  }
}

@keyframes glow {
  0% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
  }
  50% {
    transform: scale(1.02);
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.85));
  }
  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
  }
}
.go_top {
  display: none;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 998;
  cursor: pointer;
  color: #bbb;
  font-size: 13px;
  filter: drop-shadow(-4px -4px 5px rgba(0, 0, 0, 0.4));
  padding-top: 12px;
}
.go_top span:first-child {
  width: 20px;
  height: 1px;
  background-color: #bbb;
  position: absolute;
  top: 12px;
  left: 6px;
  transform: rotate(-23deg);
}
.go_top span:nth-child(2) {
  width: 20px;
  height: 1px;
  background-color: #bbb;
  position: absolute;
  top: 12px;
  right: 6px;
  transform: rotate(23deg);
}

@media screen and (max-width: 750px) {
  .go_top {
    width: calc(5.5 * var(--remBasicSize));
    height: calc(6.25 * var(--remBasicSize));
    font-size: calc(0.9375 * var(--remBasicSize));
    filter: drop-shadow(calc(-0.25 * var(--remBasicSize)) calc(-0.25 * var(--remBasicSize)) calc(0.3125 * var(--remBasicSize)) rgba(0, 0, 0, 0.4));
    padding-top: 0;
    font-size: calc(1.4375 * var(--remBasicSize));
  }
  .go_top span {
    display: none;
  }
}/*# sourceMappingURL=fixed_icon.css.map */