/*text-----------------------------------------------------------------------------------*/
/*@font-face {
    font-family: 'cwTeXHei';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
    src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
    url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
    url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}

@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-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-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-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-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-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-face {
  font-family: 'SourceHanSansTW';
  font-style: normal;
  font-weight: 100;
  src: url(fonts/tw/SourceHanSansTW/extralight/SourceHanSansTW-ExtraLight.eot?#iefix) format('embedded-opentype'), url(fonts/tw/SourceHanSansTW/extralight/SourceHanSansTW-ExtraLight.otf) format('opentype'), url(fonts/tw/SourceHanSansTW/extralight/SourceHanSansTW-ExtraLight.woff) format('woff'), url(fonts/tw/SourceHanSansTW/extralight/SourceHanSansTW-ExtraLight.ttf) format('truetype'), url(fonts/tw/SourceHanSansTW/extralight/SourceHanSansTW-ExtraLight.svg#SourceHanSansTW-ExtraLight-Alphabetic) format('svg');
}
@font-face {
  font-family: 'SourceHanSansTW';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/tw/SourceHanSansTW/light/SourceHanSansTW-Light.eot?#iefix) format('embedded-opentype'), url(fonts/tw/SourceHanSansTW/light/SourceHanSansTW-Light.otf) format('opentype'), url(fonts/tw/SourceHanSansTW/light/SourceHanSansTW-Light.woff) format('woff'), url(fonts/tw/SourceHanSansTW/light/SourceHanSansTW-Light.ttf) format('truetype'), url(fonts/tw/SourceHanSansTW/light/SourceHanSansTW-Light.svg#SourceHanSansTW-Light-Alphabetic) format('svg');
}
@font-face {
  font-family: 'SourceHanSansTW';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/tw/SourceHanSansTW/normal/SourceHanSansTW-Normal.eot?#iefix) format('embedded-opentype'), url(fonts/tw/SourceHanSansTW/normal/SourceHanSansTW-Normal.otf) format('opentype'), url(fonts/tw/SourceHanSansTW/normal/SourceHanSansTW-Normal.woff) format('woff'), url(fonts/tw/SourceHanSansTW/normal/SourceHanSansTW-Normal.ttf) format('truetype'), url(fonts/tw/SourceHanSansTW/normal/SourceHanSansTW-Normal.svg#SourceHanSansTW-Normal-Alphabetic) format('svg');
}
@font-face {
  font-family: 'SourceHanSansTW';
  font-style: normal;
  font-weight: 500;
  src: url(fonts/tw/SourceHanSansTW/regular/SourceHanSansTW-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/tw/SourceHanSansTW/regular/SourceHanSansTW-Regular.otf) format('opentype'), url(fonts/tw/SourceHanSansTW/regular/SourceHanSansTW-Regular.woff) format('woff'), url(fonts/tw/SourceHanSansTW/regular/SourceHanSansTW-Regular.ttf) format('truetype'), url(fonts/tw/SourceHanSansTW/regular/SourceHanSansTW-Regular.svg#SourceHanSansTW-Regular-Alphabetic) format('svg');
}
@font-face {
  font-family: 'SourceHanSansTW';
  font-style: normal;
  font-weight: 600;
  src: url(fonts/tw/SourceHanSansTW/medium/SourceHanSansTW-Medium.eot?#iefix) format('embedded-opentype'), url(fonts/tw/SourceHanSansTW/medium/SourceHanSansTW-Medium.otf) format('opentype'), url(fonts/tw/SourceHanSansTW/medium/SourceHanSansTW-Medium.woff) format('woff'), url(fonts/tw/SourceHanSansTW/medium/SourceHanSansTW-Medium.ttf) format('truetype'), url(fonts/tw/SourceHanSansTW/medium/SourceHanSansTW-Medium.svg#SourceHanSansTW-Medium-Alphabetic) format('svg');
}
@font-face {
  font-family: 'SourceHanSansTW';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/tw/SourceHanSansTW/bold/SourceHanSansTW-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/tw/SourceHanSansTW/bold/SourceHanSansTW-Bold.otf) format('opentype'), url(fonts/tw/SourceHanSansTW/bold/SourceHanSansTW-Bold.woff) format('woff'), url(fonts/tw/SourceHanSansTW/bold/SourceHanSansTW-Bold.ttf) format('truetype'), url(fonts/tw/SourceHanSansTW/bold/SourceHanSansTW-Bold.svg#SourceHanSansTW-Bold-Alphabetic) format('svg');
}
@font-face {
  font-family: 'SourceHanSansTW';
  font-style: normal;
  font-weight: 900;
  src: url(fonts/tw/SourceHanSansTW/heavy/SourceHanSansTW-Heavy.eot?#iefix) format('embedded-opentype'), url(fonts/tw/SourceHanSansTW/heavy/SourceHanSansTW-Heavy.otf) format('opentype'), url(fonts/tw/SourceHanSansTW/heavy/SourceHanSansTW-Heavy.woff) format('woff'), url(fonts/tw/SourceHanSansTW/heavy/SourceHanSansTW-Heavy.ttf) format('truetype'), url(fonts/tw/SourceHanSansTW/heavy/SourceHanSansTW-Heavy.svg#SourceHanSansTW-Heavy-Alphabetic) format('svg');
}
/*color-------------------------------------------------------------------------------------*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
html {
  /*position:absolute;
     width: 50%;
     height: 50%;
     max-width: 600px;
     overflow: hidden;*/
}
html body {
  font-family: "Helvetica Neue", Helvetica, Arial, "SourceHanSansTW", "微軟正黑體";
  margin: 0;
  /*copyright*/
}
html body .copyright {
  padding: 10% 5%;
}
html body .copyright h1 {
  text-align: center;
  font-size: 30px;
  letter-spacing: 3px;
  margin: 0 0 10%;
}
html body .copyright h2 {
  font-size: 12px;
  letter-spacing: 2px;
  margin: 0 0 5%;
}
html body .copyright ol {
  list-style: none;
  padding: 0;
}
html body .copyright section {
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: normal;
  line-height: 24px;
  margin: 0 0 5%;
}