:root {
    --primary1: #e94618;
    --primary2: #e9471a;

    /* gray- */
    --gray-0: #000;
    --gray-1: #333;
    --gray-2: #444;
    --gray-3: #666;
    --gray-4: #999;
    --gray-5: #ccc;
    --gray-6: #ddd;
    --gray-7: #f5f5f5;
    --white: #fff;

}

body {
    position: relative;
    font-family: 'Noto Sans TC', '微軟正黑體', sans-serif;
    line-height: 1.25;
    margin: 0;
}
body > div:first-child {
    height: 100%;
}
html {
    font-size: 16px;
    height: 100%;
}
.frontend {
    height: 100%;
    display: flex;
    flex-direction: column;
}
main {
    flex-grow: 1;
    position: relative;
}

.container-xl {
    padding-left: 1rem;
    padding-right: 1rem;
}
/*
* Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess
 */
 @font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype');
    font-display: fallback;
  }
  @font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
    font-display: fallback;
  }
  @font-face {
     font-family: 'Noto Sans TC';
     font-style: normal;
     font-weight: 400;
     src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'),
          url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'),
          url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype');
    font-display: fallback;
   }
  @font-face {
     font-family: 'Noto Sans TC';
     font-style: normal;
     font-weight: 500;
     src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),
          url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),
          url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
    font-display: fallback;
   }
  @font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype');
    font-display: fallback;
   }
  @font-face {
     font-family: 'Noto Sans TC';
     font-style: normal;
     font-weight: 900;
     src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format('woff2'),
          url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format('woff'),
          url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format('opentype');
    font-display: fallback;
   }