@charset "UTF-8";
.text-brand-orange {
  color: #ED6C00 !important;
}

.text-gold {
  color: #B08A41 !important;
}

.text-black {
  color: rgb(44, 43, 42) !important;
}

.text-black60 {
  color: rgba(44, 43, 42, 0.6) !important;
}

.text-white60 {
  color: rgba(255, 255, 255, 0.6) !important;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

h1 {
  font-size: 2.5rem;
  line-height: 3.75rem;
  letter-spacing: 2px;
}

.h1 {
  font-size: 2.5rem;
  line-height: 3.75rem;
  letter-spacing: 2px;
}

@media screen and (min-width: 768px) {
  .h1-md {
    font-size: 2.5rem;
    line-height: 3.75rem;
    letter-spacing: 2px;
  }
}
@media screen and (min-width: 1200px) {
  .h1-lg {
    font-size: 2.5rem;
    line-height: 3.75rem;
    letter-spacing: 2px;
  }
}
h2 {
  font-size: 2.25rem;
  line-height: 3rem;
  letter-spacing: 1.8px;
}

.h2 {
  font-size: 2.25rem;
  line-height: 3rem;
  letter-spacing: 1.8px;
}

@media screen and (min-width: 768px) {
  .h2-md {
    font-size: 2.25rem;
    line-height: 3rem;
    letter-spacing: 1.8px;
  }
}
@media screen and (min-width: 1200px) {
  .h2-lg {
    font-size: 2.25rem;
    line-height: 3rem;
    letter-spacing: 1.8px;
  }
}
h3 {
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: 1.6px;
}

.h3 {
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: 1.6px;
}

@media screen and (min-width: 768px) {
  .h3-md {
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: 1.6px;
  }
}
@media screen and (min-width: 1200px) {
  .h3-lg {
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: 1.6px;
  }
}
h4 {
  font-size: 1.75rem;
  line-height: 2.625rem;
  letter-spacing: 1.4px;
}

.h4 {
  font-size: 1.75rem;
  line-height: 2.625rem;
  letter-spacing: 1.4px;
}

@media screen and (min-width: 768px) {
  .h4-md {
    font-size: 1.75rem;
    line-height: 2.625rem;
    letter-spacing: 1.4px;
  }
}
@media screen and (min-width: 1200px) {
  .h4-lg {
    font-size: 1.75rem;
    line-height: 2.625rem;
    letter-spacing: 1.4px;
  }
}
h5 {
  font-size: 1.5rem;
  line-height: 2.25rem;
  letter-spacing: 1.2px;
}

.h5 {
  font-size: 1.5rem;
  line-height: 2.25rem;
  letter-spacing: 1.2px;
}

@media screen and (min-width: 768px) {
  .h5-md {
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: 1.2px;
  }
}
@media screen and (min-width: 1200px) {
  .h5-lg {
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: 1.2px;
  }
}
h6 {
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: 1px;
}

.h6 {
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: 1px;
}

@media screen and (min-width: 768px) {
  .h6-md {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: 1px;
  }
}
@media screen and (min-width: 1200px) {
  .h6-lg {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: 1px;
  }
}
h7 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.9px;
}

.h7 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.9px;
}

@media screen and (min-width: 768px) {
  .h7-md {
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0.9px;
  }
}
@media screen and (min-width: 1200px) {
  .h7-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0.9px;
  }
}
h8 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.h8 {
  font-size: 1rem;
  line-height: 1.5rem;
}

@media screen and (min-width: 768px) {
  .h8-md {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .h8-lg {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
h9 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.h9 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media screen and (min-width: 768px) {
  .h9-md {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .h9-lg {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
h10 {
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.h10 {
  font-size: 0.75rem;
  line-height: 1.25rem;
}

@media screen and (min-width: 768px) {
  .h10-md {
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .h10-lg {
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
}
.font-weight-300 {
  font-weight: 300 !important;
}

@media screen and (min-width: 768px) {
  .font-weight-md-300 {
    font-weight: 300 !important;
  }
}
@media screen and (min-width: 1200px) {
  .font-weight-lg-300 {
    font-weight: 300 !important;
  }
}
.font-weight-400 {
  font-weight: 400 !important;
}

@media screen and (min-width: 768px) {
  .font-weight-md-400 {
    font-weight: 400 !important;
  }
}
@media screen and (min-width: 1200px) {
  .font-weight-lg-400 {
    font-weight: 400 !important;
  }
}
.font-weight-500 {
  font-weight: 500 !important;
}

@media screen and (min-width: 768px) {
  .font-weight-md-500 {
    font-weight: 500 !important;
  }
}
@media screen and (min-width: 1200px) {
  .font-weight-lg-500 {
    font-weight: 500 !important;
  }
}
.font-weight-600 {
  font-weight: 600 !important;
}

@media screen and (min-width: 768px) {
  .font-weight-md-600 {
    font-weight: 600 !important;
  }
}
@media screen and (min-width: 1200px) {
  .font-weight-lg-600 {
    font-weight: 600 !important;
  }
}
.font-weight-700 {
  font-weight: 700 !important;
}

@media screen and (min-width: 768px) {
  .font-weight-md-700 {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 1200px) {
  .font-weight-lg-700 {
    font-weight: 700 !important;
  }
}
.font-weight-800 {
  font-weight: 800 !important;
}

@media screen and (min-width: 768px) {
  .font-weight-md-800 {
    font-weight: 800 !important;
  }
}
@media screen and (min-width: 1200px) {
  .font-weight-lg-800 {
    font-weight: 800 !important;
  }
}
.goons-dropdown-menu {
  min-width: 56px;
}
@media screen and (min-width: 768px) {
  .goons-dropdown-menu {
    min-width: 68px;
  }
}

[data-menu-id="1"] {
  min-width: 100px;
}
@media screen and (min-width: 768px) {
  [data-menu-id="1"] {
    min-width: 140px;
  }
}

.overflowX-hidden {
  overflow-x: hidden;
}

.bg-shadow {
  background: #f1f1f1;
}
@media screen and (min-width: 768px) {
  .bg-shadow::before {
    content: "";
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://www.qchicken.com.tw/media/resident/webpic/pages/index/bg_shadow_b.png");
    background-size: 1440px 1064px;
    background-position: top center;
    background-repeat: no-repeat;
    pointer-events: none;
  }
}
@media screen and (min-width: 1200px) {
  .bg-shadow::before {
    background-size: cover;
  }
}

.content-wrapper {
  position: relative;
  z-index: 0;
  max-width: 752px;
  width: 100%;
  margin: 0 auto;
}
.content-wrapper.product-content {
  margin-top: 20px;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 768px) {
  .content-wrapper {
    max-width: 1032px;
  }
  .content-wrapper.product-content {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .content-wrapper.product-content {
    padding-left: 0;
    padding-right: 0;
  }
}
.content-wrapper p {
  margin: 0 0 0.5rem 0;
}

.anchor-position {
  position: absolute;
  z-index: 0;
  top: -94px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
}
@media screen and (min-width: 768px) {
  .anchor-position {
    top: -132px;
  }
}
@media screen and (min-width: 1200px) {
  .anchor-position {
    top: -160px;
  }
}

.btn-buy-fixed {
  position: fixed;
  z-index: 7;
  left: 1rem;
  bottom: 80px;
  max-width: 288px;
  width: 100%;
}
.btn-buy-fixed .btn-mask {
  padding: 0.375rem 1rem;
}
.btn-buy-fixed span {
  margin-left: 4px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.btn-buy-fixed .notsellout {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.btn-buy-fixed .empty {
  display: none;
}
.btn-buy-fixed.sellout {
  text-align: center;
  opacity: 0.4;
}
.btn-buy-fixed.sellout .notsellout {
  display: none;
}
.btn-buy-fixed.sellout .empty {
  display: block;
}
@media screen and (min-width: 768px) {
  .btn-buy-fixed {
    right: 0;
    top: 160px;
    left: auto;
    bottom: auto;
    max-width: 56px;
  }
  .btn-buy-fixed .btn-mask {
    padding: 0.75rem 1rem;
  }
  .btn-buy-fixed span {
    margin-top: 2px;
    margin-left: 0;
    writing-mode: vertical-rl;
    line-height: 1.25;
  }
}

.product-infos-wrapper {
  padding: 0.5rem 1rem 2.5rem;
}
.product-infos-wrapper .goons-dropdown.open .product-text_spec .icon-option {
  transform: rotate(180deg);
}
.product-infos-wrapper .product-text__options {
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  color: rgba(44, 43, 42, 0.8);
  margin-bottom: 0.5rem;
}
.product-infos-wrapper .product-text__options .product-text__options_type {
  color: rgb(44, 43, 42);
}
.product-infos-wrapper .product-text__options span {
  font-size: inherit;
  color: rgba(44, 43, 42, 0.8);
  transition: 0.3s;
}
.product-infos-wrapper .product-text__options .icon-option {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.5rem;
  width: 1rem;
  height: 1rem;
  border-radius: 0.75rem;
  border: 0.5px solid rgba(44, 43, 42, 0.4);
  transition: 0.3s;
}
.product-infos-wrapper .product-text__options .icon-option path {
  transition: inherit;
}
.product-infos-wrapper .product-text__options .goons-dropdown.open .icon-option {
  transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
  .product-infos-wrapper .product-text__options {
    margin-top: 0;
    font-size: 1.125rem;
    line-height: 1.55;
  }
}
@media screen and (min-width: 1200px) {
  .product-infos-wrapper .product-text__options {
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: 1rem;
  }
  .product-infos-wrapper .product-text__options:hover span {
    font-size: inherit;
    color: rgb(44, 43, 42);
  }
  .product-infos-wrapper .product-text__options:hover .icon-option {
    border: 0.5px solid rgb(44, 43, 42);
    transition: 0.3s;
  }
  .product-infos-wrapper .product-text__options:hover .icon-option path {
    fill-opacity: initial;
  }
}
.product-infos-wrapper .product-text__options_spec {
  display: inline-flex;
  align-items: center;
  transition: 0.3s;
  gap: 0.5rem;
  cursor: pointer;
}
.product-infos-wrapper .product-prize-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
.product-infos-wrapper .product-prize-container .product-prize-cover {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-infos-wrapper .product-prize-container .product-prize-cover .product-prize-current {
  color: #ED6C00;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1.2px;
}
.product-infos-wrapper .product-prize-container .product-prize-cover .product-prize-old {
  color: rgba(44, 43, 42, 0.4);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration-line: line-through;
  padding-left: 4px;
}
.product-infos-wrapper .product-prize-container .product-prize-tip {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-infos-wrapper .product-prize-container .product-prize-tip .icon {
  width: 0.75rem;
  height: 0.75rem;
}
.product-infos-wrapper .product-prize-container .product-prize-tip span {
  color: rgba(44, 43, 42, 0.6);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.42;
}
@media screen and (min-width: 768px) {
  .product-infos-wrapper .product-prize-container .product-prize-cover .product-prize-current {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1.4px;
  }
  .product-infos-wrapper .product-prize-container .product-prize-cover .product-prize-old {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    padding-left: 4px;
  }
  .product-infos-wrapper .product-prize-container .product-prize-tip span {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.42;
  }
}
@media screen and (min-width: 1200px) {
  .product-infos-wrapper .product-prize-container .product-prize-cover .product-prize-current {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: 1.8px;
  }
  .product-infos-wrapper .product-prize-container .product-prize-cover .product-prize-old {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 1px;
    padding-left: 4px;
  }
  .product-infos-wrapper .product-prize-container .product-prize-tip span {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
  }
}
.product-infos-wrapper .cart-container {
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
}
.product-infos-wrapper .cart-container .cart-section {
  display: flex;
  gap: 0.75rem;
}
.product-infos-wrapper .cart-container .cart-section .goons-dropdown {
  height: 100%;
  font-size: 1.125rem;
  width: 100px;
}
.product-infos-wrapper .cart-container .cart-section .goons-dropdown .btn-dropdown {
  padding: 0.75rem 1rem;
}
.product-infos-wrapper .cart-container .cart-section .goons-dropdown .goons-dropdown-menu {
  min-width: 100px;
}
@media screen and (min-width: 768px) {
  .product-infos-wrapper .cart-container .cart-section .goons-dropdown {
    width: 140px;
  }
  .product-infos-wrapper .cart-container .cart-section .goons-dropdown .btn-dropdown {
    padding: 0.75rem 1rem;
    line-height: 1.67;
    height: auto;
  }
  .product-infos-wrapper .cart-container .cart-section .goons-dropdown .goons-dropdown-menu {
    min-width: 140px;
  }
}
.product-infos-wrapper .cart-container .cart-section .btn.btn-cart {
  flex: 1 0 0;
}
.product-infos-wrapper .cart-container .cart-section .btn.btn-cart .btn-mask .buy {
  color: #FFFFFF;
  margin-left: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.product-infos-wrapper .cart-container .cart-section .btn.btn-cart .btn-mask .btn-description {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}
.product-infos-wrapper .cart-container .selloutshow {
  display: none;
}
.product-infos-wrapper .cart-container.sellout {
  opacity: 0.4;
}
.product-infos-wrapper .cart-container.sellout .notsellout .goons-dropdown {
  display: none;
}
.product-infos-wrapper .cart-container.sellout .notsellout .sellouthide {
  display: none;
}
.product-infos-wrapper .cart-container.sellout .notsellout .selloutshow {
  padding: 10px 0;
  display: block;
}
.product-infos-wrapper .coupon-lists {
  color: rgb(44, 43, 42);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.42;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: all 0.3s;
}
.product-infos-wrapper .coupon-lists li {
  background-color: rgba(44, 43, 42, 0.05);
  padding: 0 1rem;
}
.product-infos-wrapper .coupon-lists li + li span {
  border-top: 1px dashed #FFFFFF;
}
.product-infos-wrapper .coupon-lists li span {
  position: relative;
  z-index: 0;
  color: inherit;
  display: block;
  padding: 0.5rem 0 0.5rem 1.25rem;
}
.product-infos-wrapper .coupon-lists li span::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 12px;
  height: 12px;
  left: 0;
  top: 14px;
  background: url("https://www.qchicken.com.tw/media/resident/webpic/icons/diamond_line_bo.svg");
}
.product-infos-wrapper .coupon-lists .morelist {
  display: none;
}
@media screen and (min-width: 1200px) {
  .product-infos-wrapper .coupon-lists {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1200px) {
  .product-infos-wrapper {
    padding: 1.25rem 0 2.5rem;
  }
}

.group-buy-btns {
  display: flex;
  margin-bottom: 1rem;
}
.group-buy-btns .buy-btn {
  padding: 6px 1rem;
  color: rgba(44, 43, 42, 0.8);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.452;
  border: 1px solid rgba(44, 43, 42, 0.1);
  cursor: pointer;
  transition: all 0.3s;
}
.group-buy-btns .buy-btn.active {
  color: #B08A41;
  background-color: rgba(176, 138, 65, 0.05);
  border-color: #B08A41;
}
.group-buy-btns .buy-btn + .buy-btn {
  margin-left: 0.5rem;
}
@media screen and (min-width: 1200px) {
  .group-buy-btns .buy-btn:hover {
    color: #B08A41;
    background-color: rgba(176, 138, 65, 0.05);
    border-color: #B08A41;
  }
}

.product-infos-img-box {
  position: relative;
  z-index: 0;
  width: 100%;
  border-radius: 12px;
  border: 1px solid #FFFFFF;
}
.product-infos-img-box::before, .product-infos-img-box::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  transform: rotate(45deg);
}
.product-infos-img-box::before {
  top: 7%;
  left: -4px;
}
.product-infos-img-box::after {
  bottom: 15%;
  right: -4px;
}
.product-infos-img-box .img-product {
  width: 100%;
  border-radius: 12px;
}
@media screen and (min-width: 768px) {
  .product-infos-img-box {
    max-width: 330px;
  }
}
@media screen and (min-width: 1200px) {
  .product-infos-img-box {
    max-width: 435px;
  }
}

.img-deco {
  position: absolute;
  z-index: 0;
  width: 100%;
}
.img-deco.img-deco-light-l {
  max-width: 86px;
  bottom: 8px;
  left: -86px;
}
.img-deco.img-deco-light-r {
  max-width: 62px;
  top: 31px;
  right: -62px;
}
.img-deco.img-deco-chicken {
  max-width: 105px;
  bottom: -35px;
  left: -73px;
}

.product-infos-detail-box {
  width: 100%;
  padding: 0;
}
.product-infos-detail-box a {
  padding: 0.5rem;
}
.product-infos-detail-box .btn-cart .btn-mask {
  padding: 6px 1rem;
}
@media screen and (min-width: 768px) {
  .product-infos-detail-box {
    max-width: calc(100% - 330px);
    padding: 0.75rem 0 0.75rem 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .product-infos-detail-box {
    max-width: calc(100% - 435px);
    padding: 1.5rem 0 1.5rem 3rem;
  }
  .product-infos-detail-box a:hover path {
    fill: #ED6C00;
  }
}

.product-tag {
  color: #ED6C00;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: 0.9px;
}
.product-tag span {
  padding-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  .product-tag {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .product-tag {
    font-size: 1.125rem;
  }
}

.btn-coupon-lists {
  text-align: center;
  margin-top: 0.5rem;
}
.btn-coupon-lists.open .more {
  display: none;
}
.btn-coupon-lists.open .less {
  display: inline-block;
}
.btn-coupon-lists.open .icon {
  transform: rotate(-180deg);
}
.btn-coupon-lists a {
  display: inline-block;
  text-decoration: none;
  color: rgba(44, 43, 42, 0.8);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.btn-coupon-lists a span,
.btn-coupon-lists a .icon {
  display: inline-block;
  vertical-align: middle;
}
.btn-coupon-lists .more {
  display: inline-block;
}
.btn-coupon-lists .less {
  display: none;
}

.has-app-download-bar .anchor-wrapper.fixed {
  top: 91px;
}
.has-app-download-bar .anchor-position {
  top: -150px;
}
@media screen and (min-width: 1200px) {
  .has-app-download-bar .anchor-wrapper.fixed {
    top: 92px;
  }
  .has-app-download-bar .anchor-position {
    top: -160px;
  }
}

.anchor-wrapper {
  border-bottom: 1px solid rgba(44, 43, 42, 0.2);
}
.anchor-wrapper.fixed {
  position: fixed;
  left: 0;
  top: 43px;
  z-index: 10;
  width: 100%;
  background-color: #FFFFFF;
}
.anchor-wrapper.fixed .anchor-lists .anchor-item a {
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (min-width: 1200px) {
  .anchor-wrapper.fixed {
    top: 93px;
  }
}

.anchor-lists {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
.anchor-lists .anchor-item {
  padding: 0 0.75rem;
}
.anchor-lists .anchor-item a {
  position: relative;
  z-index: 0;
  padding: 0.5rem 0 11px 0;
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  color: rgba(44, 43, 42, 0.4);
  transition: background-color 0.3s, color 0.3s;
  text-decoration: none;
}
.anchor-lists .anchor-item a:after {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: transparent;
}
.anchor-lists .anchor-item.active a {
  color: rgb(44, 43, 42);
}
.anchor-lists .anchor-item.active a:after {
  background-color: #ED6C00;
}
@media screen and (min-width: 768px) {
  .anchor-lists .anchor-item {
    padding: 0 1.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .anchor-lists .anchor-item a {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 1px;
  }
  .anchor-lists .anchor-item:hover a {
    color: rgb(44, 43, 42);
  }
  .anchor-lists .anchor-item:hover a:after {
    background-color: #ED6C00;
  }
}

.white-line-section {
  padding: 10px 1rem;
}
.white-line-section + .white-line-section {
  border-top: 1px dashed #FFFFFF;
}
.white-line-section img {
  width: 100%;
}
.white-line-section img.img-sm {
  max-width: 544px;
}
.white-line-section img.change-img-size {
    width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
@media screen and (min-width: 768px) {
  .white-line-section img.change-img-size {
    width: 80%;    
  }
}
@media screen and (min-width: 1200px) {
  .white-line-section img.change-img-size {
    width: 70%;
  }
}
@media screen and (min-width: 768px) {
  .white-line-section {
    padding: 1.25rem 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .white-line-section {
    padding: 1.25rem 0;
  }
}

.h2-title,
.seo-h1 {
  color: rgb(44, 43, 42);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1.2px;
}
@media screen and (min-width: 768px) {
  .h2-title,
  .seo-h1 {
    font-size: 1.75rem;
    font-weight: 500;
    letter-spacing: 1.4px;
    min-height: 84px;
  }
}
@media screen and (min-width: 1200px) {
  .h2-title,
  .seo-h1 {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: 1.8px;
    min-height: 96px;
  }
}

.h4-subtitle,
.seo-h2 {
  padding: 1.25rem 0 1rem;
  color: rgb(44, 43, 42);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1.4px;
}
@media screen and (min-width: 768px) {
  .h4-subtitle,
  .seo-h2 {
    padding: 1.25rem 0;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.5;
  }
}

.h5-title,
.seo-h3 {
  padding-top: 1rem;
  padding-bottom: 0.75rem;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  .h5-title,
  .seo-h3 {
    padding-top: 1.25rem;
    padding-bottom: 0.75rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.6;
  }
}

.deco {
  position: relative;
  z-index: 0;
  padding-left: 1.25rem;
}
.deco::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  width: 12px;
  height: 12px;
  background-image: url("https://www.qchicken.com.tw/media/resident/webpic/icons/diamond_line_bo.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .deco::before {
    top: 30px;
  }
}

.info-text {
  color: rgba(44, 43, 42, 0.8);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42;
}
.info-text a {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
@media screen and (min-width: 768px) {
  .info-text {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.reports-wrapper {
  max-width: 100%;
  width: 100%;
}

.reports {
  width: auto;
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0 0 0.75rem 0;
  margin: 0;
  overflow-x: auto;
  /* 整體卷軸的寬度和背景 */
  /* 捲動的滑塊部分 */
}
.reports::-webkit-scrollbar {
  height: 0.5rem; /* 調整卷軸的寬度 */
  background-color: transparent; /* 設置卷軸背景為透明 */
}
.reports::-webkit-scrollbar-thumb {
  background-color: rgba(44, 43, 42, 0.1); /* 設置滑塊的顏色 */
  border-radius: 100px; /* 讓滑塊的角落呈現圓形 */
}
.reports::-webkit-scrollbar-track {
  background-color: transparent;
  margin: 0.5rem;
}
.reports li {
  padding: 6px;
  flex: 1 0 auto;
}
.reports li a {
  padding: 6px 1rem 6px 0.75rem;
  text-decoration: none;
  height: 2rem;
}
.reports li a .icon {
  width: 1rem;
  height: 1rem;
}
.reports li a span {
  color: rgba(44, 43, 42, 0.8);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.42;
  margin-left: 4px;
}
@media screen and (min-width: 768px) {
  .reports {
    padding: 0 0 0.75rem 0;
  }
  .reports li {
    padding: 6px;
  }
  .reports li a {
    padding: 0.75rem 1rem 0.75rem 0.75rem;
    height: 3rem;
  }
  .reports li a .icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .reports li a span {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-left: 4px;
  }
}
@media screen and (min-width: 1200px) {
  .reports {
    flex-wrap: wrap;
    padding: 0 0 1.25rem 0;
  }
  .reports li {
    flex: none;
  }
}

/********************/
.product-slider-container {
  position: relative;
  z-index: 0;
  padding: 4px 0 0.875rem;
  background-color: transparent;
  text-align: right;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .product-slider-container {
    padding: 4px 0 0.875rem;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .product-slider-container {
    padding: 0.75rem 0 0.875rem;
  }
}
.product-slider-container .product-slider-section {
  position: relative;
  z-index: 0;
}
.product-slider-container .product-slider-section__head {
  max-width: 1032px;
  width: 100%;
  position: absolute;
  z-index: 10;
  left: 50%;
  top: -62px;
  transform: translateX(-50%);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.product-slider-container .product-slider-section__head .banner-controls {
  gap: 0.5rem;
  display: none;
  padding-right: 1rem;
}
.product-slider-container .product-slider-section__head .banner-controls .btn-control {
  padding: 0.5rem;
  border-radius: 2px;
  border: 1px solid rgba(44, 43, 42, 0.1);
  cursor: pointer;
  transition: 0.3s;
}
.product-slider-container .product-slider-section__head .banner-controls .btn-control svg path {
  transition: 0.3s;
}
.product-slider-container .product-slider-section__head .banner-controls .btn-control.slick-disabled {
  border: 1px solid rgba(44, 43, 42, 0.05);
}
.product-slider-container .product-slider-section__head .banner-controls .btn-control.slick-disabled svg path {
  stroke: rgba(44, 43, 42, 0.05);
}
@media screen and (min-width: 1200px) {
  .product-slider-container .product-slider-section__head .banner-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1200px) {
  .product-slider-container .product-slider-section__head .banner-controls {
    padding-right: 0;
  }
  .product-slider-container .product-slider-section__head .banner-controls .banner-control:hover {
    background-color: rgba(237, 108, 0, 0.05);
    border-color: rgba(237, 108, 0, 0.6);
  }
  .product-slider-container .product-slider-section__head .banner-controls .banner-control:hover svg path {
    stroke: #ED6C00;
  }
}
.product-slider-container .product-slider-section__body {
  overflow: hidden;
}
.product-slider-container .product-slider-section__body .product-slider-body-overflow {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 1200px) {
  .product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame {
    transition: 1s;
    margin-left: 0;
  }
}
.product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__card {
  width: 100%;
  height: auto;
}
.product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__card img {
  width: 100%;
  height: auto;
}
.product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__cart-section, .product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__extra-descripiton {
  width: 9.75rem;
}
@media screen and (min-width: 768px) {
  .product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__cart-section, .product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__extra-descripiton {
    width: 18.5rem;
  }
}
.product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__cart-section {
  margin-top: -0.25rem;
}
@media screen and (min-width: 768px) {
  .product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__cart-section {
    margin-top: -0.5rem;
  }
}
.product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__cart-section .promo-title {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__cart-section .promo-title {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem; /* 142.857% */
  }
}
.product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__cart-section .promo-title::before {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url("https://www.qchicken.com.tw/media/resident/webpic/icons/diamond_w.svg");
  margin-right: 0.25rem;
}
@media screen and (min-width: 768px) {
  .product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__cart-section .cart-frame {
    margin-top: 2px;
  }
}
.product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__cart-section .cart-frame .product-prize__current {
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.9px;
  font-weight: 600;
  color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  .product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__cart-section .cart-frame .product-prize__current {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem; /* 150% */
    letter-spacing: 1.2px;
  }
}
.product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__cart-section .cart-frame .product-prize__origin {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.4);
  text-decoration: line-through;
}
@media screen and (min-width: 768px) {
  .product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__cart-section .cart-frame .product-prize__origin {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem; /* 150% */
    letter-spacing: 0.8px;
  }
}
.product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__cart-section .cart-frame .btn-cart {
  border-radius: 2px;
  margin-top: 0.375rem;
}
@media screen and (min-width: 768px) {
  .product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__cart-section .cart-frame .btn-cart {
    margin-top: 0;
  }
}
.product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__cart-section .cart-frame .btn-cart .btn-mask {
  padding: 0.375rem 0.75rem;
}
.product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__extra-descripiton {
  position: relative;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden; /* 隱藏超出範圍的文字 */
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-top: 0.5rem;
  padding: 0.25rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
  opacity: 0.8;
  height: 3rem;
  border-width: 1px 0;
  border-style: solid;
  border-image: linear-gradient(to right, rgba(176, 138, 65, 0.1), rgba(176, 138, 65, 0.95), rgba(176, 138, 65, 0.9), rgb(176, 138, 65), rgba(176, 138, 65, 0.9), rgba(176, 138, 65, 0.95), rgba(176, 138, 65, 0.1)) 1 100%;
  border-image-slice: 1;
  border-image-width: 1px 0;
}
@media screen and (min-width: 768px) {
  .product-slider-container .product-slider-section__body .product-slider-body-overflow .product-slider-frame .product-slider-box__extra-descripiton {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem; /* 142.857% */
    padding: 0.5rem;
    height: 3.5rem;
  }
}
.product-slider-container .product-items {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
@media screen and (min-width: 1200px) {
  .product-slider-container .product-items.product-md-212 .product-view .product-comment {
    left: 0;
    bottom: 0.5rem;
  }
}
.product-slider-container .product-items .product-text__info .product-title .product-name {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .product-slider-container .product-items {
    height: 399px;
  }
}
.product-slider-container .product-slider-frame {
  display: flex;
  overflow-x: auto;
  /* 整體卷軸的寬度和背景 */
  /* 捲動的滑塊部分 */
}
.product-slider-container .product-slider-frame::-webkit-scrollbar {
  height: 0.5rem; /* 調整卷軸的寬度 */
  background-color: transparent; /* 設置卷軸背景為透明 */
}
.product-slider-container .product-slider-frame::-webkit-scrollbar-thumb {
  background-color: rgba(44, 43, 42, 0.1); /* 設置滑塊的顏色 */
  border-radius: 100px; /* 讓滑塊的角落呈現圓形 */
}
.product-slider-container .product-slider-frame::-webkit-scrollbar-track {
  background-color: transparent;
  margin: 0.5rem;
}
.product-slider-container .product-view::before {
  background-size: cover;
  background-position: center;
}
.product-slider-container .slick-list {
  overflow: hidden;
}

.productAll-wrapper {
  display: inline-block;
  max-width: 920px;
  width: 100%;
  overflow: hidden;
}
.productAll-wrapper .product-text__options {
  text-align: left;
}
@media screen and (min-width: 1200px) {
  .productAll-wrapper {
    max-width: 1284px;
  }
}

footer {
  position: relative;
}

/*# sourceMappingURL=productInner.css.map */