@charset "UTF-8";
/* width: span(2); */
/* 2 of 4 */
/* @include container; */
/* 反選 */
/* @import 'susy'; */
/* @include container; */
/* susy-use */
/* susy-at */
/* @include gallery(2 of 8); */
/* @include maintain-ratio(4 3); */
/* it is safe to add non-Susy data to Susy maps */
/* Gallery */
@import url("../../../../../fonts.googleapis.com/earlyaccess/notosanstc.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Padauk&family=Sawarabi+Gothic&display=swap");
/* Header */
/* Anti-election */
/* Global */
/* Style anchor elements. */
/* Font */
/* Font Type */
/* $font-family2: 'Sawarabi Gothic', '微軟正黑體', sans-serif; */
/* Font Size */
/* Menu */
/* Mobile */
/* Down Menu1 */
/* Desktop */
/* Down Menu1 */
/* Down Menu2 */
/* Topnav */
/* Tools */
/* Marquee */
/* Title */
/* Page Title */
/* Bread Crumb */
/* Date */
/* B Style */
/* Side Menu */
/* Product */
/* List */
/* Content */
/* Unit */
/* Size */
/* Button */
/* Unified */
/* Buy & Add & Collect & Sold Out & Inquiry & Download */
/* Tabs */
/* Filter */
/* Page Switch */
/* Footer */
/* Footer Counter */
/* Footer Copyright */
/* Footer Link */
/* Bottom Bar */
/* Submit Button */
/* Clear */
/* fontawesome */
html {
  box-sizing: border-box;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

body,
input,
textarea,
select,
button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
  -webkit-text-size-adjust: none;
}

button,
html input[type="button"] {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  outline: none;
}

* {
  /* word-break: break-all; */
  outline: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
* img {
  max-width: 100% !important;
  height: auto !important;
  border: none;
}

/* 修正Google地圖不見 */
.gm-style img {
  max-width: none !important;
}

/* 修正黃底 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background: #fff;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0.3rem 0;
  padding: 0;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.25rem;
}

h3 {
  font-size: 1.125rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 1rem;
}

/* IE10+ doesn't honor `<meta name="viewport">` in some cases. */
/* @at-root {
  @-ms-viewport { width: device-width; }
} */
/* Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers) */
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

/* Body */
/* 1. Remove the margin in all browsers.
2. As a best practice, apply a default `background-color`. */
body {
  height: 100vh;
  font-family: "Sawarabi Gothic", "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 16px;
  background: #fff;
  color: #231815;
  margin: 0;
  line-height: 1.5;
}

::-moz-selection {
  color: #fff;
  text-shadow: none;
  background-color: #036eb8;
}

::selection {
  color: #fff;
  text-shadow: none;
  background-color: #036eb8;
}

/* Links */
a {
  color: #727171;
  text-decoration: none;
  background-color: transparent;
  /* Remove the gray background on active links in IE 10. */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+. */
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:hover {
  color: #ea5716;
  text-decoration: none;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover-focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

/* Credit: https://github.com/suitcss/base */
[tabindex="-1"]:focus {
  outline: none !important;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/* Code */
pre,
code,
kbd,
samp {
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers. */
}

pre {
  /* Remove browser default top margin */
  margin-top: 0;
  /* Reset browser default of `1em` to use `rem`s */
  margin-bottom: 1rem;
  /* Don't allow content to break outside */
  overflow: auto;
}

/* Figures */
figure {
  /* Apply a consistent margin strategy (matches our type styles). */
  margin: 0 0 1rem;
}

/* Images and content */
img {
  max-width: 100% !important;
  height: auto;
  vertical-align: middle;
  border-style: none;
  /* Remove the border on images inside links in IE 10-. */
}
img::selection {
  background: #54585a;
}
img::-moz-selection {
  background: #54585a;
}

svg:not(:root) {
  overflow: hidden;
  /* Hide the overflow in IE */
}

/* Avoid 300ms click delay on touch devices that support the `touch-action` CSS property. */
/* In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11
DON'T remove the click delay when `<meta name="viewport" content="width=device-width">` is present.
However, they DO support removing the click delay via `touch-action: manipulation`.
See:
* https://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch
* http://caniuse.com/#feat=css-touch-action
* https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay */
a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

/* Tables */
table {
  border-collapse: collapse;
  /* Prevent double borders */
}

/* Past Website */
#article-b article time {
  display: none;
}
#article-b article .article-content {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#article-b article .article-content .article-img {
  -moz-box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
  margin: 0 0 1rem 0;
}
#article-b article .article-content .article-text {
  background: none !important;
  padding: 0;
}
#article-b article .article-content .article-text p {
  display: none;
  color: #727171 !important;
}
#article-b article .article-content .article-text p a {
  color: #727171 !important;
}
#article-b article:hover .article-content .article-text .article-title h3 a {
  color: #dfc782;
}