@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.125rem;
  --basics-size: 1rem;
  --smallest-size: 0.938rem;
  --color-w: #ffffff;
  --color-g: #139244;
  --color-o: #fd5a2c;
  --color-bk: #000000;
  --color-k: #333333;
  --color-grey: #555555;
  --color-light-gray: #777777;
  --color-link: #36bec0;
  --color-line: #b0b7bb;
}
body, html {
-webkit-text-size-adjust: 100%;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-family: var(--basics-font);}
body{background: var(--color-w) url("../img/bg.png");}
/* 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: 24px; 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);}