@charset "UTF-8";
/* line 8, ../sass/style.scss */
html {
  scroll-behavior: smooth;
}

/* line 11, ../sass/style.scss */
body {
  font-family: "Noto Sans TC", STHeiti, arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.6;
  letter-spacing: 0.085rem;
  color: #433734;
}
@media screen and (max-width: 576px) {
  /* line 11, ../sass/style.scss */
  body {
    font-size: 16px;
  }
}
/* line 21, ../sass/style.scss */
body.no-scroll {
  overflow-y: hidden;
}

/* line 26, ../sass/style.scss */
a {
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
/* line 28, ../sass/style.scss */
a:hover, a:active, a:focus {
  outline: none;
  text-decoration: none;
}

/* line 34, ../sass/style.scss */
p {
  margin-bottom: 1.5rem;
}

/* line 38, ../sass/style.scss */
h1, h2, h3, h4, h5, h6 {
  color: #433734;
  font-family: "Noto Sans TC", STHeiti, arial, sans-serif;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 700;
}

/* line 46, ../sass/style.scss */
button, input, optgroup, select, textarea {
  font-family: "Noto Sans TC", STHeiti, arial, sans-serif;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 51, ../sass/style.scss */
input[type="number"] {
  -moz-appearance: textfield;
}
/* line 53, ../sass/style.scss */
input[type="number"]:hover, input[type="number"]:focus {
  -moz-appearance: textfield;
}

/* line 57, ../sass/style.scss */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

/* line 62, ../sass/style.scss */
select::-ms-expand {
  display: none;
}

/* line 67, ../sass/style.scss */
select.yhp-select {
  width: 100%;
  padding: 9px 15px;
  border-color: #EEEEEE;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: url(../images/sort-dw.svg) no-repeat right 12px center;
  background-size: 14px 16px;
  background-color: #fff;
  box-shadow: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 80, ../sass/style.scss */
::-webkit-selection {
  color: #AA513B;
  background: #CEC493;
}

/* line 85, ../sass/style.scss */
::-moz-selection {
  color: #AA513B;
  background: #CEC493;
}

/* line 90, ../sass/style.scss */
::selection {
  color: #AA513B;
  background: #CEC493;
}

/* line 95, ../sass/style.scss */
#page {
  width: 100%;
  padding: 8px;
  overflow-x: hidden;
}

/* line 101, ../sass/style.scss */
.btn {
  min-width: 200px;
  padding: 8px 36px;
  font-size: 18px;
  cursor: pointer;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
/* line 110, ../sass/style.scss */
.btn:hover {
  text-decoration: none;
  outline: none;
}
/* line 114, ../sass/style.scss */
.btn.btn-sm {
  min-width: 150px;
  font-size: 14px;
}
@media screen and (max-width: 576px) {
  /* line 101, ../sass/style.scss */
  .btn {
    min-width: 180px;
    font-size: 17px;
  }
}

/* line 124, ../sass/style.scss */
.btn-primary {
  background-color: #AA513B;
  border-color: #AA513B;
}
/* line 127, ../sass/style.scss */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #bd5a42;
  border-color: #AA513B;
}
/* line 131, ../sass/style.scss */
.btn-primary.btn-lg {
  min-width: 200px;
  padding: 10px 36px;
  font-size: 1.25rem;
}

/* line 138, ../sass/style.scss */
.btn-secondary {
  background-color: #9C1F2A;
  border-color: #9C1F2A;
}
/* line 141, ../sass/style.scss */
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background-color: #b12330;
  border-color: #9C1F2A;
}
/* line 145, ../sass/style.scss */
.btn-secondary.disable {
  background-color: #c72735;
}
/* line 147, ../sass/style.scss */
.btn-secondary.disable:hover, .btn-secondary.disable:focus, .btn-secondary.disable:active {
  background-color: #c72735;
}

/* line 153, ../sass/style.scss */
.btn-outline {
  background-color: transparent;
  border-color: #828282;
  color: #433734;
}
/* line 158, ../sass/style.scss */
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  background-color: #F6F5F1;
  border-color: #9C1F2A;
  color: #AA513B;
}
/* line 163, ../sass/style.scss */
.btn-outline.btn-sm {
  border-color: #AA513B;
  color: #AA513B;
}
/* line 166, ../sass/style.scss */
.btn-outline.btn-sm:hover, .btn-outline.btn-sm:focus, .btn-outline.btn-sm:active {
  border-color: #828282;
  color: #828282;
}

/* line 173, ../sass/style.scss */
.btn-underline {
  padding: 8px 10px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #828282;
  color: #828282;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* line 180, ../sass/style.scss */
.btn-underline:hover, .btn-underline:focus, .btn-underline:active {
  border-color: #433734;
  color: #433734;
}

/* line 186, ../sass/style.scss */
.yhp-form {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #828282;
  background-color: #F6F5F1;
  color: #433734;
  font-size: 0.95rem;
}

/* line 195, ../sass/style.scss */
textarea {
  resize: none;
}

/* line 199, ../sass/style.scss */
input[type="submit"], input[type="button"] {
  letter-spacing: 0.085rem;
}

/* line 204, ../sass/style.scss */
#header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  z-index: 999;
}
/* line 212, ../sass/style.scss */
#header .header-top {
  padding: 7px 50px;
  background-color: #F6F5F1;
}
/* line 215, ../sass/style.scss */
#header .header-top ul {
  padding: 0;
  margin-bottom: 0;
}
/* line 218, ../sass/style.scss */
#header .header-top ul li {
  display: inline-block;
  text-align: right;
  list-style: none;
}
/* line 222, ../sass/style.scss */
#header .header-top ul li a {
  color: #433734;
  font-size: 80%;
}
/* line 225, ../sass/style.scss */
#header .header-top ul li a:hover, #header .header-top ul li a:active, #header .header-top ul li a:focus {
  color: #AA513B;
}
/* line 229, ../sass/style.scss */
#header .header-top ul li ul > li {
  padding-left: 25px;
}
/* line 232, ../sass/style.scss */
#header .header-top ul li ul > li.icon a {
  display: block;
  width: 20px;
}
/* line 235, ../sass/style.scss */
#header .header-top ul li ul > li.icon a i {
  font-size: 20px;
  color: #3b5998;
}
/* line 241, ../sass/style.scss */
#header .header-top ul li ul > li.icon.sp a {
  width: 100%;
}
/* line 243, ../sass/style.scss */
#header .header-top ul li ul > li.icon.sp a img {
  height: 20px;
}
/* line 246, ../sass/style.scss */
#header .header-top ul li ul > li.icon.sp a span {
  display: inline-block;
  padding-left: 3px;
}
@media screen and (max-width: 767px) {
  /* line 254, ../sass/style.scss */
  #header .header-top ul li ul > li:first-child {
    padding-left: 0;
  }
}
/* line 260, ../sass/style.scss */
#header .header-top ul .breadcrumb {
  padding: 0;
  margin-bottom: 0;
  background: transparent;
}
/* line 264, ../sass/style.scss */
#header .header-top ul .breadcrumb li {
  padding-left: 5px;
}
/* line 266, ../sass/style.scss */
#header .header-top ul .breadcrumb li:before {
  color: #828282 !important;
  padding-right: 0;
}
/* line 270, ../sass/style.scss */
#header .header-top ul .breadcrumb li:first-child {
  padding-left: 0;
}
/* line 273, ../sass/style.scss */
#header .header-top ul .breadcrumb li a {
  color: #433734;
}
/* line 276, ../sass/style.scss */
#header .header-top ul .breadcrumb li.active {
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 281, ../sass/style.scss */
#header .header-top ul .breadcrumb li.active span {
  display: inline-block;
  width: auto;
  font-size: 80%;
  color: #9C1F2A;
}
@media screen and (min-width: 576px) {
  /* line 276, ../sass/style.scss */
  #header .header-top ul .breadcrumb li.active {
    max-width: 300px;
  }
}
@media screen and (max-width: 320px) {
  /* line 276, ../sass/style.scss */
  #header .header-top ul .breadcrumb li.active {
    max-width: 160px;
  }
}
@media screen and (max-width: 768px) {
  /* line 212, ../sass/style.scss */
  #header .header-top {
    padding: 7px 15px;
  }
  /* line 300, ../sass/style.scss */
  #header .header-top ul .sp {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  /* line 212, ../sass/style.scss */
  #header .header-top {
    padding: 4px 15px;
  }
}
/* line 309, ../sass/style.scss */
#header .header-logo {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding: 0;
  z-index: 1001;
}
/* line 315, ../sass/style.scss */
#header .header-logo .logo {
  display: block;
  width: 180px;
  margin: 0 auto;
  padding: 0;
  outline: 0;
}
/* line 321, ../sass/style.scss */
#header .header-logo .logo img {
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
@media screen and (min-width: 768px) {
  /* line 309, ../sass/style.scss */
  #header .header-logo {
    width: 30%;
    margin: 0 35%;
  }
}
/* line 330, ../sass/style.scss */
#header nav {
  position: relative;
}
/* line 332, ../sass/style.scss */
#header nav .main-nav-left, #header nav .main-nav-right {
  position: absolute;
}
/* line 335, ../sass/style.scss */
#header nav .main-nav-left li a, #header nav .main-nav-right li a {
  font-family: "Noto Serif TC", STSong, NSimSun, Songti TC, serif;
  font-weight: 500;
  color: #000;
}
/* line 339, ../sass/style.scss */
#header nav .main-nav-left li a:hover, #header nav .main-nav-left li a:active, #header nav .main-nav-left li a:focus, #header nav .main-nav-right li a:hover, #header nav .main-nav-right li a:active, #header nav .main-nav-right li a:focus {
  color: #9C1F2A;
}
/* line 344, ../sass/style.scss */
#header nav .main-nav-left li.active a, #header nav .main-nav-right li.active a {
  color: #9C1F2A;
}
/* line 348, ../sass/style.scss */
#header nav .main-nav-left li.spec, #header nav .main-nav-right li.spec {
  display: none;
}
/* line 354, ../sass/style.scss */
#header nav .main-nav-left {
  left: 0;
}
/* line 356, ../sass/style.scss */
#header nav .main-nav-left li {
  padding-right: 30px;
}
/* line 360, ../sass/style.scss */
#header nav .main-nav-right {
  right: 0;
  text-align: right;
}
/* line 363, ../sass/style.scss */
#header nav .main-nav-right li {
  padding-left: 30px;
}
/* line 367, ../sass/style.scss */
#header nav .main-nav-center {
  display: none;
}
/* line 371, ../sass/style.scss */
#header .menu, #header .pro {
  display: none;
  position: absolute;
  padding: 0;
  cursor: pointer;
}
/* line 377, ../sass/style.scss */
#header .pro {
  left: 0;
  padding-right: 16px;
  z-index: 99;
}
/* line 381, ../sass/style.scss */
#header .pro i {
  font-size: 1.5rem;
  color: #828282;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
/* line 386, ../sass/style.scss */
#header .pro span {
  display: block;
  font-size: 0.75rem;
  color: #828282;
  font-weight: lighter;
  text-align: center;
}
/* line 394, ../sass/style.scss */
#header .pro:hover i, #header .pro:hover span, #header .pro:active i, #header .pro:active span, #header .pro:focus i, #header .pro:focus span {
  color: #9C1F2A;
}
/* line 399, ../sass/style.scss */
#header .menu {
  right: 0;
  padding-left: 16px;
  z-index: 99;
}
/* line 403, ../sass/style.scss */
#header .menu .burger {
  position: relative;
  width: 26px;
  height: 50px;
  z-index: 1002;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
/* line 410, ../sass/style.scss */
#header .menu .burger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #000;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
/* line 421, ../sass/style.scss */
#header .menu .burger span:nth-child(1) {
  top: 15px;
}
/* line 424, ../sass/style.scss */
#header .menu .burger span:nth-child(2) {
  top: 22px;
}
/* line 427, ../sass/style.scss */
#header .menu .burger span:nth-child(3) {
  top: 29px;
}
/* line 433, ../sass/style.scss */
#header .menu .active span {
  background: #9C1F2A;
}
/* line 435, ../sass/style.scss */
#header .menu .active span:nth-child(1) {
  top: 24px;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
/* line 439, ../sass/style.scss */
#header .menu .active span:nth-child(2) {
  opacity: 0;
  right: -200px;
}
/* line 443, ../sass/style.scss */
#header .menu .active span:nth-child(3) {
  top: 24px;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
@media screen and (max-width: 991px) {
  /* line 452, ../sass/style.scss */
  #header .header-logo .logo {
    width: 150px;
  }
  /* line 456, ../sass/style.scss */
  #header .offcanvas-collapse {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40% 8% 0;
    background-color: rgba(206, 196, 147, 0.97);
  }
  /* line 467, ../sass/style.scss */
  #header .offcanvas-collapse .navbar-nav {
    position: relative;
    display: inline-block;
    width: 50%;
    float: left;
  }
  /* line 473, ../sass/style.scss */
  #header .offcanvas-collapse .navbar-nav li.nav-item {
    padding: 0;
    padding-bottom: 30px;
  }
  /* line 476, ../sass/style.scss */
  #header .offcanvas-collapse .navbar-nav li.nav-item a {
    font-size: 18px;
  }
  /* line 479, ../sass/style.scss */
  #header .offcanvas-collapse .navbar-nav li.nav-item.spec {
    display: block;
  }
  /* line 484, ../sass/style.scss */
  #header .offcanvas-collapse .navbar-nav.main-nav-center {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  /* line 488, ../sass/style.scss */
  #header .offcanvas-collapse .navbar-nav.main-nav-center .nav-item {
    padding-bottom: 20px;
  }
  /* line 491, ../sass/style.scss */
  #header .offcanvas-collapse .navbar-nav.main-nav-center ul {
    padding: 0;
    margin: 0;
  }
  /* line 494, ../sass/style.scss */
  #header .offcanvas-collapse .navbar-nav.main-nav-center ul li {
    display: inline-block;
    padding: 0 10px;
    list-style: none;
  }
  /* line 498, ../sass/style.scss */
  #header .offcanvas-collapse .navbar-nav.main-nav-center ul li a {
    text-align: center;
    font-size: 15px;
    color: #433734;
  }
  /* line 502, ../sass/style.scss */
  #header .offcanvas-collapse .navbar-nav.main-nav-center ul li a:hover, #header .offcanvas-collapse .navbar-nav.main-nav-center ul li a:active, #header .offcanvas-collapse .navbar-nav.main-nav-center ul li a:focus {
    color: #AA513B;
  }
  /* line 505, ../sass/style.scss */
  #header .offcanvas-collapse .navbar-nav.main-nav-center ul li a i {
    font-size: 1.125rem;
    padding-right: 2px;
  }
  /* line 514, ../sass/style.scss */
  #header .offcanvas-collapse.open {
    display: block;
    z-index: 999;
  }
  /* line 521, ../sass/style.scss */
  #header .pro {
    display: block;
  }
  /* line 524, ../sass/style.scss */
  #header .menu {
    display: block !important;
    z-index: 1001;
  }
}
@media screen and (max-width: 576px) {
  /* line 531, ../sass/style.scss */
  #header .header-logo .logo {
    width: 120px;
  }
}
@media screen and (max-height: 480px) {
  /* line 537, ../sass/style.scss */
  #header .offcanvas-collapse {
    padding: 25% 8% 0;
    overflow-y: auto;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
/* line 556, ../sass/style.scss */
section {
  position: relative;
  padding: 4rem 0 0;
}
/* line 559, ../sass/style.scss */
section:last-child {
  padding: 4rem 0;
}
@media screen and (max-width: 768px) {
  /* line 556, ../sass/style.scss */
  section {
    padding: 3rem 0 0;
  }
  /* line 564, ../sass/style.scss */
  section:last-child {
    padding: 3rem 0;
  }
}

/* line 569, ../sass/style.scss */
.title {
  position: relative;
  margin-bottom: 3.125rem;
  font-size: 2.25rem;
  font-family: "Noto Serif TC", STSong, NSimSun, Songti TC, serif;
  font-weight: 700;
  color: #433734;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.2rem;
}
/* line 579, ../sass/style.scss */
.title:after {
  content: '';
  display: block;
  position: relative;
  width: 32px;
  height: 2px;
  margin: 0 auto;
  background-color: #9C1F2A;
  z-index: -1;
}
/* line 589, ../sass/style.scss */
.title.title-sm {
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
}
/* line 592, ../sass/style.scss */
.title.title-sm:after {
  display: none;
}
@media screen and (max-width: 576px) {
  /* line 569, ../sass/style.scss */
  .title {
    margin-bottom: 1.875rem;
    font-size: 1.85rem;
  }
  /* line 599, ../sass/style.scss */
  .title.title-sm {
    margin-bottom: 0.9rem;
    font-size: 1.25rem;
  }
}

/* line 605, ../sass/style.scss */
.title-set {
  margin-bottom: 50px;
  text-align: center;
}
/* line 608, ../sass/style.scss */
.title-set .title {
  margin-bottom: 30px;
}
/* line 611, ../sass/style.scss */
.title-set p {
  line-height: 1.8;
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  /* line 605, ../sass/style.scss */
  .title-set {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 576px) {
  /* line 619, ../sass/style.scss */
  .title-set p {
    line-height: 1.4;
    font-size: 1rem;
  }
}

/* line 625, ../sass/style.scss */
.img {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* line 630, ../sass/style.scss */
.img:before {
  content: "";
  display: block;
  padding-bottom: 65%;
}

/* line 636, ../sass/style.scss */
.rwd-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  margin: auto;
}

/* line 646, ../sass/style.scss */
#banner {
  text-align: center;
}
/* line 648, ../sass/style.scss */
#banner h2 {
  margin-bottom: 50px;
  font-family: "Noto Serif TC", STSong, NSimSun, Songti TC, serif;
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: 0.5rem;
}
/* line 656, ../sass/style.scss */
#banner .img:before {
  padding-bottom: 21%;
}
/* line 660, ../sass/style.scss */
#banner .pichill {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
/* line 665, ../sass/style.scss */
#banner .pichill:before {
  content: "";
  display: block;
  padding-bottom: 21%;
}
@media screen and (max-width: 768px) {
  /* line 672, ../sass/style.scss */
  #banner h2 {
    margin-bottom: 20px;
    font-size: 1.5rem;
  }
  /* line 677, ../sass/style.scss */
  #banner .img:before {
    padding-bottom: 32%;
  }
  /* line 682, ../sass/style.scss */
  #banner .pichill:before {
    padding-bottom: 32%;
  }
}

/* line 688, ../sass/style.scss */
.more {
  color: #AA513B;
  font-size: 0.95rem;
}
/* line 691, ../sass/style.scss */
.more .icon {
  padding-left: 0.75rem;
}

/* line 695, ../sass/style.scss */
.red {
  color: #9C1F2A;
}

/* line 698, ../sass/style.scss */
.italic {
  font-style: italic;
}

/* line 702, ../sass/style.scss */
#footer {
  position: relative;
  padding: 50px 0;
  font-size: 15px;
}
/* line 706, ../sass/style.scss */
#footer:before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/bg/footer.jpg) center no-repeat;
  background-size: cover;
  opacity: 0.5;
}
/* line 718, ../sass/style.scss */
#footer ul {
  padding: 0;
  margin: 0;
}
/* line 721, ../sass/style.scss */
#footer ul li {
  list-style: none;
}
/* line 725, ../sass/style.scss */
#footer .logo {
  max-width: 300px;
  margin: 0 auto;
}
/* line 731, ../sass/style.scss */
#footer .contact li > span {
  position: absolute;
  text-align: center;
}
/* line 734, ../sass/style.scss */
#footer .contact li > span i {
  color: #9C1F2A;
  font-size: 15px;
}
/* line 737, ../sass/style.scss */
#footer .contact li > span i.fa-facebook {
  color: #3b5998;
}
/* line 741, ../sass/style.scss */
#footer .contact li > span img {
  width: 15px;
}
/* line 745, ../sass/style.scss */
#footer .contact li p {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  color: #000;
}
/* line 750, ../sass/style.scss */
#footer .contact li p a {
  position: relative;
  color: #000;
}
/* line 753, ../sass/style.scss */
#footer .contact li p a:hover, #footer .contact li p a:active, #footer .contact li p a:focus {
  color: #AA513B;
}
/* line 755, ../sass/style.scss */
#footer .contact li p a:hover:before, #footer .contact li p a:active:before, #footer .contact li p a:focus:before {
  color: #000;
}
/* line 759, ../sass/style.scss */
#footer .contact li p a:before {
  content: '．';
  display: inline-block;
}
/* line 764, ../sass/style.scss */
#footer .contact li p a:first-child:before {
  display: none;
}
/* line 771, ../sass/style.scss */
#footer .contact li.sp ul > li {
  display: inline-block;
}
/* line 773, ../sass/style.scss */
#footer .contact li.sp ul > li:not(:first-child) {
  margin-left: 20px;
}
/* line 780, ../sass/style.scss */
#footer .menu {
  display: inline-block;
  width: auto;
  padding: 0 15px;
  margin-bottom: 0;
  float: left;
}
/* line 786, ../sass/style.scss */
#footer .menu li {
  padding-bottom: 10px;
  list-style: none;
}
/* line 789, ../sass/style.scss */
#footer .menu li a {
  letter-spacing: 0.095rem;
  font-weight: lighter;
  color: #433734;
}
/* line 793, ../sass/style.scss */
#footer .menu li a:hover, #footer .menu li a:active, #footer .menu li a:focus {
  color: #9C1F2A;
}
/* line 799, ../sass/style.scss */
#footer .copyright {
  padding-top: 5px;
  margin-bottom: 0;
  border-top: 1px solid #828282;
  font-size: 0.85rem;
  text-align: right;
}
/* line 805, ../sass/style.scss */
#footer .copyright strong {
  font-family: "Noto Serif TC", STSong, NSimSun, Songti TC, serif;
  font-weight: 400;
}
/* line 809, ../sass/style.scss */
#footer .copyright .elink {
  color: #f4c51c;
  font-weight: 400;
}
@media screen and (max-width: 576px) {
  /* line 799, ../sass/style.scss */
  #footer .copyright {
    text-align: center;
  }
  /* line 815, ../sass/style.scss */
  #footer .copyright .block {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  /* line 702, ../sass/style.scss */
  #footer {
    padding: 30px 0 25px;
  }
  /* line 822, ../sass/style.scss */
  #footer .contacts {
    padding: 0 10px;
  }
}

/* line 827, ../sass/style.scss */
.gotoshop, .gototop {
  position: fixed;
  z-index: 89;
  cursor: pointer;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 832, ../sass/style.scss */
.gotoshop a, .gototop a {
  display: block;
  text-align: center;
  outline: none;
  text-decoration: none;
}
/* line 837, ../sass/style.scss */
.gotoshop a i, .gototop a i {
  position: relative;
  display: block;
  font-size: 2rem;
}
/* line 842, ../sass/style.scss */
.gotoshop a span, .gototop a span {
  display: block;
  font-size: 0.8rem;
}
/* line 848, ../sass/style.scss */
.gotoshop:hover a, .gotoshop:active a, .gototop:hover a, .gototop:active a {
  opacity: 1;
  text-decoration: none;
}
@media screen and (max-width: 576px) {
  /* line 827, ../sass/style.scss */
  .gotoshop, .gototop {
    right: 5px;
  }
  /* line 856, ../sass/style.scss */
  .gotoshop a i, .gototop a i {
    font-size: 1.5rem;
  }
  /* line 859, ../sass/style.scss */
  .gotoshop a span, .gototop a span {
    font-size: 0.7rem;
  }
}

/* line 865, ../sass/style.scss */
.gotoshop {
  right: 10px;
  bottom: 100px;
}
/* line 868, ../sass/style.scss */
.gotoshop a {
  color: #828282;
}
@media screen and (max-width: 576px) {
  /* line 865, ../sass/style.scss */
  .gotoshop {
    right: 12px;
    bottom: 65px;
  }
}

/* line 876, ../sass/style.scss */
.gototop {
  right: 15px;
  bottom: 30px;
  opacity: 0;
  visibility: hidden;
}
/* line 881, ../sass/style.scss */
.gototop a {
  opacity: 0.75;
  color: #AA513B;
}
/* line 886, ../sass/style.scss */
.gototop:hover a, .gototop:active a {
  opacity: 1;
  text-decoration: none;
}
@media screen and (max-width: 576px) {
  /* line 876, ../sass/style.scss */
  .gototop {
    bottom: 15px;
  }
}

/* line 896, ../sass/style.scss */
.gototop.active {
  opacity: 1;
  visibility: visible;
  cursor: default;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 903, ../sass/style.scss */
.mb-50 {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  /* line 903, ../sass/style.scss */
  .mb-50 {
    margin-bottom: 30px;
  }
}

/* line 4, ../sass/text.scss */
.about .bg {
  position: relative;
  background-image: url(../images/bg/intro.jpg);
  background-repeat: repeat;
  background-position: center;
  background-size: cotain;
  z-index: 1;
}
/* line 11, ../sass/text.scss */
.about .bg:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.63;
  z-index: -1;
}
@media screen and (max-width: 576px) {
  /* line 24, ../sass/text.scss */
  .about .bg:before {
    opacity: 0.5;
  }
}
/* line 29, ../sass/text.scss */
.about .separation {
  margin: 0 auto;
  margin-bottom: 30px;
  text-align: center;
}
/* line 35, ../sass/text.scss */
.about #user .item {
  padding: 0 15px;
}
/* line 37, ../sass/text.scss */
.about #user .item .img {
  margin-bottom: 1.85rem;
}
/* line 40, ../sass/text.scss */
.about #user .item .title-sm {
  text-align: left;
}
/* line 43, ../sass/text.scss */
.about #user .item p {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  /* line 35, ../sass/text.scss */
  .about #user .item {
    padding: 0;
  }
}
/* line 51, ../sass/text.scss */
.about #promise {
  padding-top: 0;
  text-align: center;
}
/* line 54, ../sass/text.scss */
.about #promise .item {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}
/* line 58, ../sass/text.scss */
.about #promise .item .img, .about #promise .item .text {
  width: 50%;
  float: left;
}
/* line 62, ../sass/text.scss */
.about #promise .item .text {
  padding-left: 30px;
  text-align: left;
}
/* line 65, ../sass/text.scss */
.about #promise .item .text .title-sm {
  text-align: left;
  color: #9C1F2A;
}
/* line 69, ../sass/text.scss */
.about #promise .item .text p {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  /* line 74, ../sass/text.scss */
  .about #promise .item .img, .about #promise .item .text {
    width: 100%;
  }
  /* line 77, ../sass/text.scss */
  .about #promise .item .img {
    margin-bottom: 20px;
  }
  /* line 80, ../sass/text.scss */
  .about #promise .item .text {
    padding-left: 0;
  }
}
/* line 85, ../sass/text.scss */
.about #promise a {
  margin-top: 20px;
}
@-moz-keyframes test {
  50% {
    background-position: 100% 0;
  }
}
@-webkit-keyframes test {
  50% {
    background-position: 100% 0;
  }
}
@keyframes test {
  50% {
    background-position: 100% 0;
  }
}
/* line 96, ../sass/text.scss */
.about .btn-primary.icon {
  position: relative;
  background: linear-gradient(45deg, #aa513b, #f87656, #aa513b);
  -webkit-background: linear-gradient(45deg, #aa513b, #f87656, #aa513b);
  background-size: 400% 400%;
  -moz-animation: test 5s infinite;
  -webkit-animation: test 5s infinite;
  animation: test 5s infinite;
}
/* line 102, ../sass/text.scss */
.about .btn-primary.icon i {
  padding-left: 10px;
}