a {
  color: #000;
}

.link {
  color: #123188 !important;
}

.red {
  color: #ff0000 !important;
}

.pointc:hover {
  cursor: pointer;
}

.pb-0 {
  padding-bottom: 0;
}

section {
  padding: 60px 0;
}

.product .product-image>a,
.product .product-image img {
  height: 420px;
  width: initial;
  margin: 0 auto;
}

.product .product-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.post-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 180px;
}

.post-item-wrap {
  padding: 12px;
}

.testimonial .testimonial-item>img {
  height: 100px;
  width: 100px;
}

.testimonial .testimonial-item {
  padding: 0px;
}

.product .product-title h3,
.product .product-title h3 a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
}

.product-title p {
  padding: 0 0 4px 0;
  margin: 0;
}

.product {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 12px;
  box-shadow: 2px 2px 2px 1px #efefef;
}

.team-image {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  height: 132px;
}

.team-artist {
  border-radius: 50%;
  width: 140px;
  height: 140px;
  background-position: center center;
  background-size: cover;
  margin: 12px auto;
  border: 4px solid #ffffff;
}

.team-desc {
  margin-top: -80px;
}

.more {
  padding-top: 0;
  margin-top: 0;
  text-align: center;
}

#mainMenu nav>ul>li>a>i {
  margin-left: 0px;
  margin-right: 0px;
  min-width: 14px;
  font-size: 14px;
}

#showDemo {
  width: 160px;
  height: 160px;
  border: 1px solid #c7c7c7;
  margin: 0 auto;
  background: linear-gradient(to bottom, #b3dced 0%, #29b8e5 50%, #bce0ee 100%);
}

.artwork_tool a {
  font-size: 20px;
  margin-right: 12px;
}

.loader {
  width: 45px;
  aspect-ratio: 1;
  --c: no-repeat linear-gradient(#f3f3f3 0 0);
  background:
    var(--c) 0% 50%,
    var(--c) 50% 50%,
    var(--c) 100% 50%;
  background-size: 20% 100%;
  animation: l1 1s infinite linear;
  margin: 0 auto;
}

@keyframes l1 {
  0% {
    background-size: 20% 100%, 20% 100%, 20% 100%
  }

  33% {
    background-size: 20% 10%, 20% 100%, 20% 100%
  }

  50% {
    background-size: 20% 100%, 20% 10%, 20% 100%
  }

  66% {
    background-size: 20% 100%, 20% 100%, 20% 10%
  }

  100% {
    background-size: 20% 100%, 20% 100%, 20% 100%
  }
}

.subscribe_item {
  margin: 0 0 24px 0;
  padding: 32px 32px 16px 32px;
  border: 1px solid #ededed;
  border-radius: 16px;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.subscribe-body {
  padding: 42px 120px;
}

.subscribe-body {
  padding: 42px 120px;
}

.subscribe-list {
  border: 1px solid #dbdbdb;
  padding: 24px 36px;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.subscribe-list-title {
  margin-bottom: 4px;
}

.subscribe-list .subscribe-list-h4 {
  letter-spacing: 16px;
  margin-bottom: 0;
  text-shadow: 0.1em 0.1em 0.05em #dedede;
}

.subscribe-body .line {
  margin: 16px 0;
}

.subscribe-body .btn-subscribe {
  padding: 28px 0 !important;
  background: linear-gradient(135deg, rgba(197, 222, 234, 1) 0%, rgba(138, 187, 215, 1) 31%, rgba(6, 109, 171, 1) 100%);
  border-color: #fff !important;
}

.subscribe-list-active {
  background-color: #e5fbff;
}

.subscribe-body .btn-subscribe-now {
  padding: 28px 0 !important;
  background: linear-gradient(135deg, rgba(248, 80, 50, 1) 0%, rgba(241, 111, 92, 1) 50%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(231, 56, 39, 1) 100%);
  border-color: #fff !important;
  font-size: 18px !important;
  line-height: 36px !important;
}

.artist_resume_div .artist_resume_div_year {
  font-size: 16px;
  font-weight: 600;
}

.artist_resume_div .artist_resume_div_note {
  margin-bottom: 16px;
}

button.btn.btn-primary,
.btn:not(.close):not(.mfp-close).btn-primary,
a.btn:not([href]):not([tabindex]).btn-primary {
  background-color: rgb(18 49 137/ 1) !important;
  border-color: #fff;
}

.btn-style-1 {
  background: linear-gradient(135deg, rgba(246, 248, 249, 1) 0%, rgba(229, 235, 238, 1) 50%, rgba(215, 222, 227, 1) 51%, rgba(245, 247, 249, 1) 100%);
}

.irs-from,
.irs-to,
.irs-single {
  background: rgb(18 49 137/ 1) !important;
}

.irs-bar {
  background: rgb(18 49 137/ 1) !important;
}


.subscribe-list-title h5 {
  margin-bottom: -12px;
}

.sell_li {
  border: 1px solid #fff !important;
  border-radius: 32px !important;
  background-color: #123188 !important;
}



@media (max-width: 991.98px) {
  .subscribe-body {
    padding: 42px 0px;
  }

  button.btn.btn-primary,
  .btn:not(.close):not(.mfp-close).btn-primary,
  a.btn:not([href]):not([tabindex]).btn-primary {
    width: 100%;
    line-height: 8px;
  }

  button.btn:not(.btn-creative):not(.btn-slide),
  .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide),
  a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide) {
    line-height: 8px;
    padding: 0 14px;
  }

  button.btn:not(.btn-creative):not(.btn-slide),
  .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide),
  a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide) {
    line-height: 20px;
    padding: 0 14px;
    height: auto;
    font-size: 12px !important;
  }
}

.product .product-price {
  width: 40%;
}


.table-img {
  width: 120px;
  height: 120px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.table-artwork-img {
  width: 140px;
}

.table-artwork-name {
  width: 30%;
}


.post-item.border>.post-item-wrap>.post-item-description {
  padding: 8px 8px !important;
  margin: 0;
}


.post-item-description h4 {
  font-size: 12px;
  margin-bottom: 4px;
  line-height: 1;
}

button.btn,
.btn:not(.close):not(.mfp-close),
a.btn:not([href]):not([tabindex]) {
  background-color: #123188;
  border-color: #fff;
}

.product-show-member_introduction {
  max-height: 180px;
  overflow-y: overlay;
}

.product-show-member_introduction p {
  padding: 4px 24px;
}

.exh-cart .table-img {
  width: 120px;
  height: 120px;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-30 {
  width: 30% !important;
}

.nowraps {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ----------------------------------- 
daterangepicker
-----------------------------------*/
/* 預設可選日期樣式（非選取範圍） */
.daterangepicker td.available:not(.off):not(.in-range):not(.start-date):not(.end-date) {
  background-color: #e8fbe8;
  color: #228B22;
}

/* 禁用日期 */
.daterangepicker td.off {
  color: #ccc;
}

/* 今天高亮 */
.daterangepicker td.today.available {
  background-color: #ffe4b5;
  font-weight: bold;
}

/* 被選取的區間（中間） */
.daterangepicker td.in-range {
  background-color: #c4d5ff !important;
  color: #000000 !important;
}

/* 區間起點與終點 */
.daterangepicker td.start-date,
.daterangepicker td.end-date {
  background-color: #d4521f !important;
  color: white !important;
}

.post-item .post-item-description>h2,
.post-item .post-item-description>h2>a {
  white-space: nowrap;
  /* 不換行 */
  overflow: hidden;
  /* 隱藏超出部分 */
  text-overflow: ellipsis;
  /* 顯示省略號 (...) */
}