@charset "UTF-8";
/* ========== Base ========== */
:root { --font-size-base: 16px; --line-height-base: 1.6; --text-color: #282828; --bg-color: #ffffff; }

html {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, "Noto Sans TC", "Noto Sans", "Helvetica Neue", Arial, "PingFang TC", "Heiti TC", "Microsoft JhengHei", sans-serif;
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
}
body { word-break: break-word; overflow-wrap: anywhere; }
img { max-width: 100%; height: auto; }
.wrapper { width: 100%; max-width: 540px; margin: 0 auto; box-sizing: border-box; }



/** ** ** =clear,clearfix ** ** */
.clear { clear: both; }
.clearfix { display: block; }
.clearfix::after { display: block; visibility: hidden; clear: both; height: 0; font-size: 0; content: "."; }
*:focus { outline: none !important; box-shadow: none !important; }
ul {  padding: 0; margin: 0; }
p { padding: 0; margin: 0; width: 100%; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
button { border: 0; cursor: pointer; }
input[type="text"] { border: none; -webkit-appearance: none; }
[class*="col-"] { padding: 0; margin: 0; }


/** ** ** font,color ** ** */
.dark-red { color: #BF3823; }
.orange{ color: #EB984B; }
.sky-blue { color: #3E99C6; }
.dark-green{ color: #4F924F; }
.green { color: #63BD96; }