@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap");
* {
  font-family: 微軟正黑體;
  letter-spacing: 1.5px; }

@keyframes shakeright {
  0% {
    transform: translate(0, 0); }
  50% {
    transform: translate(10%, 0); }
  100% {
    transform: translate(0, 0); } }

.fade-enter, .fade-leave-to {
  opacity: 0; }

.fade-enter-active, .fade-leave-active {
  transition: all 0.5s ease; }

.rightIn-enter {
  transform: translateX(10%);
  opacity: 0; }

.rightIn-leave-to {
  opacity: 0; }

.rightIn-enter-active {
  transition: all 0.8s ease; }

.loadingfade-leave-to {
  opacity: 0; }

.loadingfade-leave-active {
  transition: all 0.5s ease; }

#page {
  width: 100%; }
  @media all and (max-width: 900px) {
    #page {
      padding: 15px;
      box-sizing: border-box; } }
  @media all and (max-width: 610px) {
    #page img {
      width: 100%;
      height: auto;
      display: block;
      margin: 0 !important; } }
  #page .page_TOP {
    position: absolute;
    top: -18px;
    left: 80px; }
    @media all and (max-width: 900px) {
      #page .page_TOP {
        left: 95px;
        top: -13px; } }
    @media all and (max-width: 610px) {
      #page .page_TOP {
        top: 1px; } }
    #page .page_TOP:after {
      content: '';
      display: block;
      width: 6px;
      height: 6px;
      border-top: 1px solid;
      border-left: 1px solid;
      border-color: black;
      transform: rotate(135deg);
      border-color: #b8b8b8;
      position: absolute;
      top: 5px;
      left: -11px; }
      @media all and (max-width: 610px) {
        #page .page_TOP:after {
          top: 3px;
          left: -13px; } }
    #page .page_TOP .page_type {
      font-size: 16px;
      letter-spacing: 1px;
      margin: -3px 0 0 5px;
      color: #b8b8b8; }
      @media all and (max-width: 610px) {
        #page .page_TOP .page_type {
          font-size: 13px; } }
  #page .page_block {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.7);
    padding: 20px; }
    @media all and (max-width: 610px) {
      #page .page_block {
        justify-content: center;
        padding: 10px;
        margin-bottom: 50px; } }
    #page .page_block .page_content {
      width: 70%;
      text-align: justify;
      margin-bottom: 10vw;
      line-height: 30px; }
      @media all and (max-width: 900px) {
        #page .page_block .page_content {
          width: 100%; } }