@charset "UTF-8";
/**
 *
 * @authors Ted Shiu (ted@sitetag.us)
 * @date    2016-09-19 10:17:07
 */

/*
* Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 100;
  font-display: auto;
  src: local('Noto Sans TC'),
       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-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: local('Noto Sans TC'),
       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-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 400;
  font-display: auto;
  src: local('Noto Sans TC'),
        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-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 500;
  font-display: auto;
  src: local('Noto Sans TC'),
        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-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 700;
  font-display: auto;
  src: local('Noto Sans TC'),
        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-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 900;
  font-display: auto;
  src: local('Noto Sans TC'),
        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');
 }


/* @import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css); */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html, body {
    height: 100%;
}
body {
    font-family: 'Noto Sans TC', Microsoft JhengHei, Arial, Tahoma, Geneva, sans-serif !important;
    /* font-family: Microsoft JhengHei, arial, sans-serif, helvetica, monospace, clean; */
    /* font-family: 'Noto Sans TC', Microsoft JhengHei, arial, sans-serif, helvetica, monospace, clean; */
}
a {
    color: #555;
    transition: all .5s;
}
a:hover {
    color: #d00;
}
a:visited {
  color: #000;
}
header {
    padding: .5rem;
    background: #607d8b;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5);
}
header h1 {
    padding: .5rem 0;
    color: #222;
    text-align: center;
    font-size: 3rem;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
}
header nav {
    line-height: 1.5;
    font-size: 1.5em;
    text-align: center;
}
header nav a {
    color: #eee;
    margin: 0 2px;
}
h3 {
    font-size: 2rem;
    margin: .5rem;
}
main {
    min-height: calc(100% - 9.75rem);
}
section ul li {
    padding: .5rem 1rem;
}
footer {
    background: #555;
    color: #fff;
    padding: .5rem;
}
footer * {
    display: inline-block;
}
footer a {
    color: #fff;
}
#google_ad {
    margin: 0 auto;
    overflow: hidden;
}
body, html {
overscroll-behavior: none;
}