@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap");

body {
  font-family: 'Noto Sans TC', sans-serif;
  background: #f5f5f5;
  padding-top: 60px;
}

/* line channel style start */
#ChannelWrapper .channel {
  position: relative;
  border: solid 1px #dee5ec;
  border-radius: 3px;
  text-align: center;
  padding: 37.5px 0 20px;
  margin: 50px 0 20px;
  background-color: #FFF;
}

#ChannelWrapper .channel .channel-img {
  position: absolute;
  top: -37.5px;
  left: calc(50% - 37.5px);
  width: 75px;
  height: 75px;
  margin: 0 auto 10px;
  overflow: hidden;
  border-radius: 50%;
}

#ChannelWrapper .channel .channel-img img {
  width: 100%;
  height: 100%;
}

#ChannelWrapper .channel .channel-name {
  font-size: 20px;
  font-weight: bold;
}

#ChannelWrapper .channel .channel-id {
  font-size: 16px;
  color: #93989F;
}

#ChannelWrapper .channel .channel-qr {
  width: 100px;
  height: 100px;
  margin: 0 auto 10px;
}

#ChannelWrapper .channel .channel-qr img {
  width: 100%;
  height: 100%;
}

/* line channel style end */
/* footer style start */
footer {
  margin: 0 10px;
  padding: 20px 0;
  border-top: 1px solid #DDD;
  text-align: center;
}

footer p {
  font-size: 18px;
  font-family: 'Noto Sans TC', sans-serif;
}

/* footer style end */