/* line 13, ../sass/_reset.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 21, ../sass/_reset.scss */
html {
  font-family: sans-serif;
}

/* line 26, ../sass/_reset.scss */
body {
  margin: 0;
}

/* line 29, ../sass/_reset.scss */
article {
  display: block;
}

/* line 32, ../sass/_reset.scss */
aside {
  display: block;
}

/* line 35, ../sass/_reset.scss */
details {
  display: block;
}

/* line 38, ../sass/_reset.scss */
figcaption {
  display: block;
}

/* line 41, ../sass/_reset.scss */
figure {
  display: block;
  margin: 1em 40px;
}

/* line 45, ../sass/_reset.scss */
footer {
  display: block;
}

/* line 48, ../sass/_reset.scss */
header {
  display: block;
}

/* line 51, ../sass/_reset.scss */
main {
  display: block;
}

/* line 54, ../sass/_reset.scss */
menu {
  display: block;
}

/* line 57, ../sass/_reset.scss */
nav {
  display: block;
}

/* line 60, ../sass/_reset.scss */
section {
  display: block;
}

/* line 63, ../sass/_reset.scss */
summary {
  display: block;
}

/* line 66, ../sass/_reset.scss */
audio {
  display: inline-block;
}
/* line 68, ../sass/_reset.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 73, ../sass/_reset.scss */
canvas {
  display: inline-block;
}

/* line 76, ../sass/_reset.scss */
progress {
  display: inline-block;
  vertical-align: baseline;
}

/* line 80, ../sass/_reset.scss */
video {
  display: inline-block;
}

/* line 83, ../sass/_reset.scss */
template {
  display: none;
}

/* line 86, ../sass/_reset.scss */
[hidden] {
  display: none;
}

/* line 89, ../sass/_reset.scss */
a {
  background-color: transparent;
}
/* line 91, ../sass/_reset.scss */
a:active {
  outline-width: 0;
}
/* line 94, ../sass/_reset.scss */
a:hover {
  outline-width: 0;
}

/* line 98, ../sass/_reset.scss */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/* line 103, ../sass/_reset.scss */
b {
  font-weight: inherit;
  font-weight: bolder;
}

/* line 107, ../sass/_reset.scss */
strong {
  font-weight: inherit;
  font-weight: bolder;
}

/* line 111, ../sass/_reset.scss */
dfn {
  font-style: italic;
}

/* line 114, ../sass/_reset.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 118, ../sass/_reset.scss */
mark {
  background-color: #ff0;
  color: #000;
}

/* line 122, ../sass/_reset.scss */
small {
  font-size: 80%;
}

/* line 125, ../sass/_reset.scss */
sub {
  bottom: -0.25em;
}

/* line 129, ../sass/_reset.scss */
sup {
  top: -0.5em;
}

/* line 133, ../sass/_reset.scss */
img {
  border-style: none;
}

/* line 136, ../sass/_reset.scss */
code {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 140, ../sass/_reset.scss */
kbd {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 144, ../sass/_reset.scss */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 148, ../sass/_reset.scss */
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 152, ../sass/_reset.scss */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/* line 158, ../sass/_reset.scss */
button {
  font: inherit;
  margin: 0;
  overflow: visible;
  text-transform: none;
}
/* line 163, ../sass/_reset.scss */
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 167, ../sass/_reset.scss */
input {
  font: inherit;
  margin: 0;
  overflow: visible;
}

/* line 172, ../sass/_reset.scss */
select {
  font: inherit;
  margin: 0;
  text-transform: none;
}

/* line 177, ../sass/_reset.scss */
textarea {
  font: inherit;
  margin: 0;
  overflow: auto;
}

/* line 182, ../sass/_reset.scss */
optgroup {
  font-weight: bold;
}

/* line 185, ../sass/_reset.scss */
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 189, ../sass/_reset.scss */
[type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 193, ../sass/_reset.scss */
[type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 197, ../sass/_reset.scss */
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 201, ../sass/_reset.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/* line 206, ../sass/_reset.scss */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/* line 215, ../sass/_reset.scss */
[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 220, ../sass/_reset.scss */
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 225, ../sass/_reset.scss */
[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

/* line 228, ../sass/_reset.scss */
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 231, ../sass/_reset.scss */
[type="search"] {
  outline-offset: -2px;
}

/* line 238, ../sass/_reset.scss */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/* line 242, ../sass/_reset.scss */
::-webkit-file-upload-button {
  font: inherit;
}

/* line 245, ../sass/_reset.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 248, ../sass/_reset.scss */
[type="reset"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 251, ../sass/_reset.scss */
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 254, ../sass/_reset.scss */
[type="button"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 258, ../sass/_reset.scss */
a {
  text-decoration: none;
  color: #000000;
}

/* line 263, ../sass/_reset.scss */
a.normal-link {
  text-decoration: underline;
  color: #467886;
}

/* line 1, ../sass/_buttons.scss */
.custom-btn {
  display: block;
  padding: 9px 10px;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none;
  background-color: #666666;
  text-align: center;
  border: 0;
  border-radius: 8px;
}
/* line 13, ../sass/_buttons.scss */
.custom-btn.red-btn {
  background-color: #C80000;
}
/* line 17, ../sass/_buttons.scss */
.custom-btn.purple-btn {
  background-color: #a02b93;
}
/* line 21, ../sass/_buttons.scss */
.custom-btn.green-btn {
  background-color: #4ea72e;
}
/* line 25, ../sass/_buttons.scss */
.custom-btn.language-select-btn {
  background-color: #1d7483;
}
/* line 29, ../sass/_buttons.scss */
.custom-btn.pink-btn {
  background-color: #f15390;
}

/* line 34, ../sass/_buttons.scss */
.link-disable {
  cursor: not-allowed;
}

/* line 4, ../sass/default.scss */
body {
  font-family: Microsoft JhengHei, Arial;
}

/* line 8, ../sass/default.scss */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 820px) {
    .container {
        max-width: 720px;
    }
}
/* line 20, ../sass/default.scss */
.bg-gray {
  background-color: #999999 !important;
}

/* line 24, ../sass/default.scss */
.bk-skin-color {
  background-color: #ffefdd !important;
}

/* line 28, ../sass/default.scss */
.bk-img-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 34, ../sass/default.scss */
.phone-full-screen {
  width: 100%;
  height: 100vh;
}

/* line 39, ../sass/default.scss */
body section {
  min-height: 100vh;
}

/*pages*/
/* line 1, ../sass/_header.scss */
#header {
  height: 62px;
}
/* line 3, ../sass/_header.scss */
#header .navbar {
  position: fixed;
  width: 100%;
  box-shadow: 0 0 3px #999999;
  z-index: 10;
}
/* line 8, ../sass/_header.scss */
#header .navbar .navbar-brand {
  color: #e51673;
  font-size: 1.5rem;
  font-weight: bold;
}

/* line 47, ../sass/default.scss */
.desc {
  color: #3e3a39;
  font-size: 1.25rem;
}

/* line 52, ../sass/default.scss */
.fixed-bottom-button-parent {
  position: relative;
  height: 66px;
}
/* line 55, ../sass/default.scss */
.fixed-bottom-button-parent .fixed-bottom-button {
  position: fixed;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x)* .5);
  padding-left: calc(var(--bs-gutter-x)* .5);
  bottom: 0px;
  left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #FFFFFF;
  box-shadow: 0 0 3px #999999;
}

/* line 69, ../sass/default.scss */
.shop-item {
  width: 100%;
  text-align: center;
  padding: 8px 10px;
  font-size: 1.5rem;
  font-weight: bold;
  border: 1px solid #999999;
  border-radius: 8px;
  background-color: #4ea72e;
  color: #FFFFFF;
}
/* line 80, ../sass/default.scss */
.shop-item.pink-bk {
  background-color: #f15390;
}

/* line 85, ../sass/default.scss */
.input-type1 {
  width: 100%;
  padding: 5px 10px;
  font-size: 1.125rem;
}

/* line 91, ../sass/default.scss */
.rotate-180 {
  transform: rotate(180deg);
}

/* line 95, ../sass/default.scss */
.cover-block {
  position: relative;
}
/* line 98, ../sass/default.scss */
.cover-block .exchanged {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 100%;
}
/* line 105, ../sass/default.scss */
.cover-block .exchanged img {
  height: 40px;
}
/* line 109, ../sass/default.scss */
.cover-block .exchanged.large-img img {
  height: 70px;
}

/* line 115, ../sass/default.scss */
.language-absolute-block {
  position: absolute;
  bottom: 15px;
  width: 100%;
}

/* line 121, ../sass/default.scss */
.fixed-bottom-quick-link-block {
  position: fixed;
  right: 10px;
  bottom: 80px;
}
/* line 126, ../sass/default.scss */
.fixed-bottom-quick-link-block .item-b {
  margin-top: 10px;
}
/* line 128, ../sass/default.scss */
.fixed-bottom-quick-link-block .item-b a {
  display: block;
}
/* line 130, ../sass/default.scss */
.fixed-bottom-quick-link-block .item-b a img {
  width: 80px;
}