@charset "UTF-8";
*{margin: 0; padding: 0; box-sizing: border-box;}
ul, li{margin: 0; padding: 0; list-style-type: none;}
img, div, iframe{border: 0; vertical-align: bottom;}
body, html{width: 100%; height: 100%;}
h1{display: none;}
li li, li p, li span, li p span{font-size: var(--basics-size);}
a:link, a:visited ,a:hover ,a:active{text-decoration: none;}
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
:root{
  --basics-font: "Noto Sans TC", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
  --big-size: 2rem;
  --first-size: 1.5rem;
  --second-size: 1.375rem;
  --third-size: 1.25rem;
  --fourth-size: 1.13rem;
  --basics-size: 1rem;
  --smallest-size: 0.938rem;
  --color-w: #ffffff;
  --color-g: #137333;
  --color-r: #e60063;
  --color-p: #5a398b;
  --color-o: #db3700;
  --color-bk:#27303a;
  --color-k: #333333;
  --color-grey: #555555;
  --color-link: #3365c1;
  --color-line: #b0b7bb;
}
body, html{
-webkit-text-size-adjust: 100%; background: #f6f4f9;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-family: var(--basics-font);}

/* back to top*/
#back-top{position: fixed; bottom: 100px; right: 0; z-index: 999; text-align: center; width: 50px; height: 50px; display: block; border-radius: 3px;
background: rgba(85,85,85,0.5); line-height: 50px; font-size: 40px; color: var(--color-w); font-weight: normal; transition: 1s;}
#back-top a{display: block; width: 100%; height: 100%; transition: 1s; color: var(--color-w);}
#back-top:hover{background-color: rgba(85,85,85,0.3);}