@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@300;400;500;600;700;800;900&family=Noto+Sans+TC:wght@300;400;500;600;700;800;900&family=Noto+Serif+TC:wght@300;400;500;600;700;800;900&display=swap");

body {
  background-image: url("https://activity.sanmin.com.tw/images/bg/071.gif") !important;
  background-repeat: repeat !important;
}

#App .row-activity {
  background-color: rgba(229, 234, 240, 1) !important;
  background-image: none !important;
  gap: 10px !important;
  padding: 10px 10px 10px 10px !important;
}

#App .row-coupon {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
  background-image: none !important;
  border: 0px solid #d8dee6 !important;
  border-radius: 0px !important;
  padding: 10px 10px 10px 10px !important;
}

#App .row-activity {
  display: flex !important;
  flex-direction: row !important;
}

#App .col-menu {
  display: none !important;
}

#App .col-content {
  width: 100% !important;
  flex: 1 1 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

#App .btn-ShowMenu, #App label[for="ck-menu"] {
  display: none !important;
}

#App .col-menu .lv1 {
  padding: 10px 5px 0px 5px !important;
}

#App .col-menu .lv1 a {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  gap: 5px !important;
  font-family: "Noto Sans TC", sans-serif !important;
  font-size: 18px !important;
  line-height: 18px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  background-color: rgba(0, 38, 77, 1) !important;
  background-image: none !important;
  border: 1px solid #0b477f !important;
  border-radius: 0px !important;
  padding: 10px 8px 10px 8px !important;
}

#App .col-menu .lv1 a .idx {
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-family: "Noto Sans TC", sans-serif !important;
  font-size: 14px !important;
  line-height: 18px !important;
  color: #0f5aa6 !important;
  font-weight: 400 !important;
  background-color: rgba(255, 255, 255, 1) !important;
  background-image: none !important;
  border: 0px solid #ffffff !important;
  border-radius: 0px !important;
  padding: 0px 5px !important;
  min-width: 0px !important;
  text-align: center !important;
}

#App .col-menu .lv1 a .text {
  flex: 1 1 auto !important;
  width: 100% !important;
  text-align: center !important;
}

#App .col-menu .lv2 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0px !important;
  padding: 0px 5px 0px 5px !important;
}

#App .col-menu .lv2 a {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  gap: 0px !important;
  font-family: "Noto Sans TC", sans-serif !important;
  font-size: 13px !important;
  line-height: 18px !important;
  color: #00264D !important;
  font-weight: 400 !important;
  background-color: rgba(255, 255, 255, 1) !important;
  background-image: none !important;
  border: 1px solid #8B99A7 !important;
  border-radius: 0px !important;
  padding: 8px 8px 8px 8px !important;
}

#App .col-menu .lv2 a .idx {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-family: "Noto Sans TC", sans-serif !important;
  font-size: 13px !important;
  line-height: 18px !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  background-color: rgba(0, 38, 77, 1) !important;
  background-image: none !important;
  border: 0px solid #0f5aa6 !important;
  border-radius: 0px !important;
  padding: 0px 5px !important;
  min-width: 0px !important;
  text-align: center !important;
}

#App .col-menu .lv2 a .text {
  flex: 1 1 auto !important;
  width: 100% !important;
  text-align: left !important;
}

#App .col-content {
  background-color: rgba(255, 255, 255, 1) !important;
  background-image: none !important;
  border: 1px solid #d8dee6 !important;
  border-radius: 6px !important;
  padding: 12px 12px 12px 12px !important;
}

#App .col-content .ListTitle, #App .ListTitle, #App .col-content h2.ListTitle, #App .col-content .list-title {
  font-family: "Noto Sans TC", sans-serif !important;
  font-size: 24px !important;
  line-height: 32px !important;
  color: #2b3642 !important;
  font-weight: 700 !important;
  text-align: center !important;
}

#App .col-content .ProdName, #App .col-content .ProdName h3, #App .col-content .ProdName h3 a, #App .col-content .ProdName a, #App .col-content .prod-name, #App .col-content .prod-name a {
  font-family: "Noto Sans TC", sans-serif !important;
  font-size: 14px !important;
  line-height: 22px !important;
  color: #2b3642 !important;
  font-weight: 600 !important;
  text-align: left !important;
  text-decoration: none !important;
}

#App .col-content .Description, #App .col-content .description, #App .col-content .prod-desc, #App .col-content .ProdDesc {
  font-family: "Noto Sans TC", sans-serif !important;
  font-size: 13px !important;
  line-height: 20px !important;
  color: #475569 !important;
  font-weight: 400 !important;
  text-align: left !important;
  background-color: transparent !important;
  border: 0px none #cbd5e1 !important;
  border-radius: 4px !important;
  padding: 6px 8px 6px 8px !important;
}

#App .col-content .Author,
#App .col-content .author,
#App .col-content .prod-author {
  display: none !important;
}

#App .col-content .Publisher,
#App .col-content .publisher,
#App .col-content .prod-publisher {
  display: none !important;
}

#App .col-content .Editdt,
#App .col-content .editdt,
#App .col-content .PubDate,
#App .col-content .pubdate,
#App .col-content .publish-date {
  display: none !important;
}

#App .col-content .Description,
#App .col-content .description,
#App .col-content .prod-desc,
#App .col-content .ProdDesc {
  display: none !important;
}

#App .col-content .btn-addCart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-family: "Noto Sans TC", sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  background-color: rgba(0, 38, 77, 1) !important;
  background-image: none !important;
  border: 0px solid #a85b38 !important;
  border-radius: 5px !important;
  padding: 6px 14px 6px 14px !important;
  text-decoration: none !important;
}

#App .col-content .btn-addCart * {
  color: inherit !important;
}