body {
font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft JhengHei", "微軟正黑體", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
background-color: #ffffff;
}

.cl-rec-title {
font-weight: 400 !important;
}
.cl-rec-name {
font-size: 12px;
}
.cl-rec-name {
min-height: auto !important;
}
.cl-rec-price {
color: #e7040f;
font-size: 15px;
}
span.CL72948-ai {
display: none !important;
}

/* CHII LUNG - 快速加入購物車滿版修正 */

/* 手機版 */
@media (max-width: 767px) {

  #viewProduct.modal {
    padding: 0 !important;
    overflow: hidden !important;
  }

  #viewProduct .modal-dialog {
    position: fixed;
    inset: 0;
    width: 100%;
    max-width: none;
    height: 100vh;
    height: 100dvh;
    max-height: none;
    margin: 0;
    padding: 0;
  }

  #viewProduct .modal-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: none;
    min-height: 0;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
  }

  #viewProduct .content-scroll {
    flex: 1 1 0%;
    height: auto !important;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
  }

  #viewProduct .row.subtotal {
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 12px 15px;
    padding-bottom: max(12px, env(safe-area-inset-bottom));
    background: #fff;
  }

}


/* CHII LUNG - 快速購物視窗移除圖片輪播箭頭 */

#viewProduct .product-gallery .img-main-arrow {
    display: none !important;
}

/* CHII LUNG - 結帳視窗響應式高度修正 */

/* 手機與電腦共用 */
#checkout .modal-dialog {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  max-height: 90dvh;
}

#checkout .modal-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
  background: #fff;
}

#checkout .content-scroll {
  flex: 1 1 auto;
  height: auto !important;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #fff;
}

#checkout .subtotal {
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 12px 15px;
  background: #fff;
  border-top: 1px solid #eee;
}

/* 手機版 */
@media (max-width: 767px) {
  #checkout .modal-dialog {
    height: 90vh;
    height: 90dvh;
  }
}

/* 電腦版 */
@media (min-width: 768px) {
  #checkout .modal-dialog {
    height: 90vh;
    height: 90dvh;
    margin-top: 5vh;
    margin-bottom: 5vh;
  }

  #checkout .modal-content {
    height: 100%;
  }
}


/* CHII LUNG - Premium Checkout Scrollbar */

/* Firefox */
#checkout .content-scroll {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.12) transparent;
}

/* Chrome / Edge / Safari */
#checkout .content-scroll::-webkit-scrollbar {
  width: 4px;
}

#checkout .content-scroll::-webkit-scrollbar-track {
  background: transparent;
}

#checkout .content-scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 999px;
}

#checkout .content-scroll:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.28);
}

#checkout .content-scroll::-webkit-scrollbar-button {
  display: none;
}

#checkout .content-scroll::-webkit-scrollbar-corner {
  background: transparent;
}


/* CHII LUNG - Mobile Fullscreen Checkout */

@media (max-width: 767px) {

  #checkout.modal {
    padding: 0 !important;
    overflow: hidden;
  }

  #checkout .modal-dialog {
    position: fixed;
    inset: 0;
    width: 100%;
    max-width: none;
    height: 100vh;
    height: 100dvh;
    max-height: none;
    margin: 0;
    padding: 0;
  }

  #checkout .modal-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: none;
    min-height: 0;
    border-radius: 0;
    background: #fff;
    overflow: hidden;
  }

  #checkout .content-scroll {
    flex: 1 1 0%;
    height: auto !important;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  #checkout .subtotal {
    flex: 0 0 auto;
    margin: 0;
    padding: 12px 15px;
    padding-bottom: max(
      12px,
      env(safe-area-inset-bottom)
    );
    background: #fff;
  }

}


.wrap-pagination {
width: 100%;
}
.pagination .page-item .page-link {
color: #1c1c1c;
border: 1px solid rgb(245 245 245);
}
.wrap-pagination .pagination {
display: flex;
flex-wrap: nowrap;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.wrap-pagination .page-item {
flex: 1;
}
.wrap-pagination .page-item + .page-item {
margin-left: 6px;
}
.wrap-pagination .page-link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-width: 0;
padding: 14px 0;
font-size: clamp(14px, 2.5vw, 18px);
line-height: 1;
text-align: center;
border-radius: 10px;
border: 1px solid #dcdcdc;
background: #fff;
color: #222;
text-decoration: none;
white-space: nowrap;
transition: all 0.2s ease;
}
.wrap-pagination .page-link:hover {
background: #f5f5f5;
border-color: #cfcfcf;
color: #000;
}
.wrap-pagination .page-item.active .page-link {
background: #111;
border-color: #111;
color: #fff;
}
.wrap-pagination .page-item.disabled .page-link {
opacity: 0.45;
pointer-events: none;
}
.wrap-pagination .page-link i {
font-size: 0.95em;
}
@media (max-width: 575.98px) {
.wrap-pagination {
margin-bottom: 52px;
margin-top: 52px;
}
.wrap-pagination .page-item + .page-item {
margin-left: 4px;
}
.wrap-pagination .page-link {
padding: 12px 0;
border-radius: 8px;
font-size: clamp(13px, 3.6vw, 16px);
}
}
@media (min-width: 1025px) {
.wrap-pagination .pagination {
width: 60%;
margin-left: auto;
margin-right: 0;
margin-top: 52px;
margin-bottom: 104px;
}
}
@media (max-width: 480px) {
.breadcrumb .breadcrumb-item {
max-width: 35%;
}
}
.modal-content {
max-height: 90vh;
display: flex;
flex-direction: column;
}
.modal-body {
overflow-y: auto;
flex: 1;
-webkit-overflow-scrolling: touch;
}
.page-archive .archive-sidebar a .text{
font-size:14px;
letter-spacing:.4px;
color:#222;
padding:4px 0;
transition:color .25s ease,padding-left .25s ease,opacity .25s ease;
opacity:.88;
}
.page-archive .archive-sidebar a:hover .text{
color:#000;
padding-left:3px;
opacity:1;
}
.head-tool-search.search-wrap > input[type="text"] {
font-size: 12px;
}
.archive-sidebar-list>li>.arrow {
width: 100%;
}
.page-archive .archive-sidebar .fa-chevron-down:before {
display: none;
}
.archive-sidebar-list>li>a {
font-family: "Jost", sans-serif !important;
font-weight: 500;
font-size: 25px;
letter-spacing: .02em;
color: #1c1c1c;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 1200px) {
.page-archive .archive-sidebar .title {
display: none;
}
}
@media (max-width: 1199.98px) {
.navbar-nav {
border-top: none;
}
}
.navbar-nav>li .arrow {
background-color: #ffffff00;
border-left: none;
border-top: none;
width: 100%;
}
.single-product .img-square-wrap .add-to-cart {
bottom: 0;
left: 0;
right: 0;
}
.add-to-cart.bottom button.btn.btn-block {
border-color: #999;
padding: 7px;
border-radius: 3px !important;
}
.add-to-cart.bottom .btn svg {
width: 17px;
 height: 17px;
fill: #5f5f5f;
display: block;
}
#viewProduct div.row.subtotal , .modal .subtotal {
box-shadow: 0 -6px 14px rgba(0, 0, 0, .06);
}
.modal .product-gallery {
border-bottom: 0px solid #e6e6e6;
}
.max-w-800 {
width: 100%;
}
#ponitsNotice .modal-body .content.sm-scroll.m-b-10 {
font-size: 14px;
font-weight: 400;
color: #1c1c1c;
}
#ponitsNotice .modal-header.clearfix.text-left h4 {
font-size: 20px;
}
#mem-points > div > p > span > b {
color: #f94816;
}
body.chiilung-order-has-bar {
padding-bottom: 72px;
}
.chiilung-order-btn:active , .chiilung-order-btn:focus {
color: #ffffff;
}
.chiilung-order-float-bar {
position: fixed;
left: 16px;
right: 16px;
z-index: 1000;
display: flex;
gap: 8px;
padding: 8px 10px;
background: #fffffff7;
box-shadow: 0 0 10px #00000026;
transition: transform 0.25s ease, opacity 0.25s ease;
}
.chiilung-order-btn {
flex: 1;
text-align: center;
text-decoration: none;
padding: 13px 4px;
border-radius: 3px;
background: #495057;
color: #fff;
font-size: 13px;
white-space: nowrap;
letter-spacing: 0;
transition: letter-spacing 0.28s ease !important;
}
.chiilung-order-btn:hover {
color: #ffffff !important;
}
@media (min-width: 481px) {
.chiilung-order-btn:hover {
background-color: #1c1c1c;
color: #ffffff !important;
letter-spacing: 1px;
}
.chat {
bottom: 100px;
}
}
.chiilung-order-float-bar.chiilung-hide {
transform: translateY(120%);
opacity: 0;
}
@media (max-width: 1024px) {
.chiilung-order-float-bar {
bottom: 0;
border-radius: 0;
padding: 0;
gap: 0;
left: 0;
right: 0;
}
.chiilung-order-btn {
border-radius: 0;
padding: 25px 4px;
}
}
@media (min-width: 1025px) {
.chiilung-order-float-bar {
bottom: 30px;
max-width: 770px;
margin: 0 auto;
padding: 0;
}
}
#checkout .step.step2 .form-control , #checkout .step.step3 .form-control , #receipt .selectsection-wrap .form-control , #PaymentInSiteCard input.form-control , #plainContent .main-inside .order-third.input-section .form-group.form-group-default.disabled input {
font-size: 15px !important;
}
#plainContent .main-inside .order-body .order-cart.input-section .cart-total .row.row-10 {
display: flex !important;
flex-direction: row !important;
align-items: baseline !important;
}
#plainContent .main-inside .order-body .order-info.input-section .row {
display: flex !important;
flex-direction: row !important;
align-items: baseline;
}
#plainContent .main-inside .order-body .order-receipt.input-section .row {
display: flex;
align-items: baseline;
}
#plainContent .main-inside .order-body .order-third.input-section p {
font-size: 14px;
font-weight: 400;
line-height: 1.6;
}
#dashboard .dashboard p {
line-height: 1.9;
font-size: 13px;
color: #1c1c1c;
}
div#social-login , div#dashboard {
background-color: #f9f9f9;
padding: 20px;
border-radius: 5px;
}
#dashboard .dashboard b {
font-size: 18px;
font-weight: 400;
color: #1c1c1c;
}
#dashboard .dashboard a.btn.m-b-5.m-r-5 , #social-login .social-login .action button.btn.loading-dark , #social-login .social-login button.btn.m-b-5.m-r-5.loading-dark {
font-size: 12px;
}
#social-login .social-login .each-list .name {
font-size: 14px;
font-weight: 400;
color: #1c1c1c;
}
#store .convenience-store .each-list .name , #store .convenience-store .each-list .help {
font-size: 14px;
font-weight: 400;
color: #1c1c1c;
}
#store .convenience-store .each-list .help::before {
content: "超商地址：";
}
#store .convenience-store .each-list {
margin-top: 10px;
margin-bottom: 10px;
}
#store .convenience-store .each-list .each {
margin-top: 0;
margin-bottom: 15px;
border: 1px solid #f1f1f1;
box-shadow: 3px .5px 8px #42424214;
padding: 20px;
border-radius: 14px;
}
#store .convenience-store .each-list .action button.btn.loading-dark {
font-size: 12px;
}
@media (max-width: 480px) {
#profile .row.row-10 , #plainContent .main-inside .row.row-10 {
display: flex;
flex-direction: column !important;
flex-wrap: initial !important;
}
}
#profile input.form-control {
font-size: 15px !important;
font-weight: 400;
color: #1c1c1c;
}
#ship .address.address-home .row.row-10 .col-6 {
max-width: 100%;
}
#plainContent > div.main-inside > div > div.order-header.input-section > p {
display: none;
}
#mem-points > div > p > small > small.currency {
color: #999;
margin-left: 2px;
font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft JhengHei", "微軟正黑體", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
}
.remark-list {
padding-left: 20px;
margin: 8px 0;
}
.remark-list li {
margin: 4px 0;
line-height: 1.6;
}
.table-scroll-wrap {
width: 100%;
overflow-x: auto;
overflow-y: visible;
-webkit-overflow-scrolling: touch;
}
#mem-orders .mem-table .tr {
white-space: nowrap;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
}
#mem-orders .mem-table {
min-width: 700px;
}
@media (max-width: 767.98px) {
.mem-table .td.OrderNumber, .mem-table .td.TotalPrice {
font-size: 14px;
}
}

/* 開始：訂單畫面 */
#plainContent .card.social-card.share.full-width {
border: none;
border-radius: unset;
padding: 0;
}
#plainContent .card-header.clearfix {
border-bottom: none;
padding: 0;
min-height: auto;
border-top-right-radius: 0;
border-top-left-radius: 0;
margin-top: 23px;
}
#plainContent .card-description.clearfix {
padding: 0;
font-size: 13px;
font-weight: 400;
line-height: 1.6;
letter-spacing: .02em;
border-width: 0;
margin-top: 3px;
}
#plainContent .event-date {
padding: 0;
margin-top: 3px;
}
#plainContent .timeline-block {
margin-top: 0;
margin-bottom: 0;
}
#plainContent .share .card-header h5 {
font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft JhengHei", "微軟正黑體", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
font-size: 16px;
font-weight: 400;
color: #1c1c1c;
letter-spacing: 0;
}
#plainContent .social-card.share .card-description {
padding: 0;
}
.timeline-point.success {
background-color: #00b900;
}
#plainContent .btn-section {
display: flex;
}
#plainContent a.btn.btn-lg.btn-block {
margin: 10px;
}
.cart-content .cart-item {
border-bottom: 1px solid #f5f6f7;
margin-bottom: 10px;
}
@media (max-width: 480px) {
.cart-content .cart-item {
padding-bottom: 10px;
}
}
#plainContent .currency , #plainContent .amount {
font-family: "Jost", sans-serif;
font-weight: 400;
color: #1c1c1c;
font-size: 15px;
white-space: nowrap;
}
#plainContent .currency {
font-size: 12px;
}
#plainContent .row.row-10.total .currency , #plainContent .row.row-10.total .amount {
color: #e7040f;
}
#plainContent .row.row-10.total .amount {
font-size: 18px;
}
#plainContent form.m-b-0 {
margin-bottom: 15px;
}
#plainContent .card .card-block .row:not(.row-0.tr):not(#ship .row.row-10) {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
font-size: 14px;
font-weight: 400;
color: #575a5d;
letter-spacing: .01em;
}
#plainContent .card .card-block .form .row .th {
color: #1c1c1c;
letter-spacing: .03em;
font-weight: 400;
}
@media (max-width: 480px) {
#plainContent .card .card-block .col-sm-3 {
max-width: 100px;
white-space: nowrap;
}
}
#plainContent .card .card-block .badge {
padding-top: 4px;
}
#plainContent .card .card-block .countryImg {
width: 16px;
margin-right: 3px;
}
#msg > button {
max-width: 120px;
}
@media (max-width: 480px) {
#msg > button {
max-width: 100%;
}
}
#plainContent .order-body .order-info.input-section .form {
background-color: #fafafa;
padding: 20px;
margin-bottom: 0;
border-radius: 5px;
}
#plainContent .list-cart-summary .row:not(:last-of-type) {
margin-bottom: 10px;
}
#plainContent .list-cart-summary .text {
color: #1c1c1c;
white-space: nowrap;
}
#plainContent  .list-cart-summary .price {
white-space: nowrap;
}
#plainContent .cart-item .item-content .detail h4 {
font-size: 14px;
margin-bottom: 3px;
}
/* 結束：訂單畫面 */

/* 開始：商品頁付款送貨方式 */
.chiilung-acc-btn path {
stroke: #333;
fill: none;
stroke-width: 1;
}
.chiilung-accordion p {
display: block !important;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
letter-spacing: .01em;
color: #1c1c1c;
margin-bottom: 10px;
margin-top: 0;
}
.chiilung-accordion li {
font-size: 13px;
font-weight: 400;
line-height: 1.5;
letter-spacing: .01em;
color: #1c1c1c;
margin-bottom: 3px;
padding: 0;
}
.chiilung-accordion ul {
margin: 0;
padding-left: 20px;
}
.chiilung-accordion {
margin: 16px 0;
border-radius: 3px;
overflow: hidden;
background: #fcfcfc;
}
.chiilung-acc-item + .chiilung-acc-item {
border-top: 1px solid #eee;
}
.chiilung-acc-btn {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 16px;
font-size: 16px;
line-height: 1.4;
border: 0;
background: transparent;
cursor: pointer;
transition: background 0.2s ease;
}
.chiilung-acc-title {
font-size: 14px;
font-weight: bold;
line-height: 1.5;
color: #333;
letter-spacing: 0;
white-space: nowrap;
}
.chiilung-acc-icon {
flex: 0 0 auto;
transition: transform 0.3s ease;
}
.chiilung-acc-panel {
overflow: hidden;
max-height: 0;
opacity: 0;
transform: translateY(-8px);
transition:
max-height 0.45s cubic-bezier(0.33, 1, 0.68, 1),
opacity 0.35s ease,
transform 0.35s ease;
}
.chiilung-acc-panel-inner {
padding: 0 16px 16px 16px;
}
.chiilung-acc-item[aria-expanded="true"] .chiilung-acc-panel {
max-height: 800px;
opacity: 1;
transform: translateY(0);
}
.chiilung-acc-item[aria-expanded="true"] .chiilung-acc-icon {
transform: rotate(180deg);
}
@media (max-width: 767.98px) {
.chiilung-acc-btn {
padding: 13px 14px;
}
.chiilung-acc-panel-inner {
padding: 0 14px 14px 14px;
}
}
/* 結束：商品頁付款送貨方式 */

/* 開始：購物車按鈕 */
.chat .nextStep.notEmpty .btn-cart {
background-color: #EA4F3D !important;
}
/* 結束：購物車按鈕 */

/* 開始：內容不夠長，修復 footer 漂浮在上方問題 */
html, body {
height: 100%;
margin: 0;
}
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.page-archive , .page-member , .center-holder.max-w-800 , body > div.page-order {
flex: 1;
}
.page-login  , .page-single {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
/* 結束：內容不夠長，修復 footer 漂浮在上方問題 */

/* 開始：會員登入 + 會員註冊 + 忘記密碼 */
.form-group.form-group-default.required {
border-bottom: 1px solid #ddd;
box-shadow: 3px .5px 8px #42424214;
border-top: none !important;
border-left: none !important;
border-right: none !important;
}
.card.card-default.m-b-0 {
border: none;
}
.form-group label:not(.error) {
font-size: 12px;
font-weight: 400;
color: #9E9E9E;
letter-spacing: 0;
}
.card .card-block {
padding: 0;
}
#login .card.card-default.m-b-0 form input {
font-size: 13px;
font-weight: 400;
color: #1c1c1c;
}
#ship input {
font-size: 14px;
font-weight: 400;
color: #1c1c1c;
}
.wrap-login .or {
margin-top: 15px;
margin-bottom: 15px;
}
.email-notice {
font-size: 12px;
font-weight: 400;
line-height: 1.5;
margin-bottom: 10px;
color: #494d51;
}
.card.card-default {
border: none;
}
.alert-info {
background-color: #fff6f6;
color: #494d51;
border-color: #1d76c900;
}
.alert {
font-size: 13px;
padding: 10px;
border-radius: 4px;
}
.wrap-login .or>span {
background-color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
/* 結束：會員登入 + 會員註冊 + 忘記密碼 */

/* 開始：會員中心 */
.form-control {
font-size: 15px;
}
.btn-cons {
margin-right: 0px;
min-width: 120px;
width: 100%;
}
.convenience-store {
display: flex;
flex-direction: column-reverse;
}
.each-list {
border-bottom: 1px;
margin-bottom: 10px;
}
/* 結束：會員中心 */

/* 開始：商品頁樣式 */
@media (max-width: 767.98px) {
.page-product-single .action-button.is-sticky .row-10 > div {
padding-left: 0 !important;
padding-right: 0 !important;
}
.page-product-single .action-button {
position: static;
background-color: #fff;
padding: 0px;
}
.page-product-single .action-button.is-sticky {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
border-top: none;
transform: translateY(0);
opacity: 1;
padding: 0;
}
.page-product-single .action-button:not(.is-sticky) {
transform: translateY(100%);
opacity: 1;
transition: none;
}
}
.page-product-single .product-data .list-unstyled {
display: none;
}
.quantity .error {
font-size: 12px;
margin-top: 5px;
color: #F44336;
}
.product-data .quantity::before {
content: "購買數量";
font-size: 13px;
font-weight: bold;
color: #333333;
line-height: 1.5;
letter-spacing: 0;
}
.page-product-single .quantity .input-group {
margin-top: 5px;
}
.quantity .btn:hover {
background-color: #ffffff;
}
.quantity button.btn {
border: none;
}
.quantity input.form-control.text-center.qty {
border: none;
}
.quantity .input-group {
border: 1px solid #ccc;
}
.input-group {
align-items: center;
height: 44px;
}
#profile .input-group , #change-mobile form .input-group {
height: auto;
}
@media (max-width: 767.98px) {
.page-product-single .action-button:not(.is-sticky) {
transform: none !important;
opacity: 1 !important;
border-top: none;
padding-left: 0;
padding-right: 0;
padding-top: 10px;
padding-bottom: 0;
}
.action-button .btn-to {
border-radius: 0;
}
.action-button .btn-direct {
border-radius: 0;
}
}
.product-gallery .img-square {
background-color: #f8f8f8;
}
.page-product-single .name-remark {
line-height: 1.5;
font-size: 13px;
font-weight: 400;
color: #1c1c1c;
margin-bottom: 20px;
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
padding: 0;
}
.page-product-single .title::before {
content: "CHII LUNG";
display: block;
background-color: #a9a9a9;
color: #ffffff;
font-size: 12px;
font-weight: 400;
padding: 2px 5px 2px 5px;
border-radius: 4px;
vertical-align: middle;
text-align: center;
white-space: nowrap;
width: fit-content;
margin-bottom: 5px;
}
@media all {
.page-product-single .title {
font-size: 19px;
font-weight: 600;
color: #333333;
line-height: 1.4;
word-break: break-word;
margin-top: 0;
margin-bottom: 0px;
letter-spacing: 0;
text-transform: inherit;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
padding: 0px;
}
}
.page-product-single .product-data {
padding-top: 0;
}
@media only screen and (max-width: 767px) {
.page-product-single .product-data {
padding-top: 20px;
}
}
.breadcrumb-holder {
border-bottom: none;
}
span.special-CL {
font-size: 15px;
font-weight: 600;
color: #333333;
margin-right: 5px;
white-space: nowrap;
line-height: 1.5;
letter-spacing: 0;
}
.price .special {
font-size: 20px;
line-height: 1.5;
color: #e7040f;
font-family: "Jost", sans-serif;
text-transform: uppercase;
display: inline-block;
letter-spacing: 0;
}
small.currency , .price .amount {
font-weight: 500;
}
.price .amount+.currency, .price .currency+.amount {
margin-left: 1px;
}
.page-product-single .price-wrap {
background-color: transparent;
color: inherit;
margin-bottom: 0;
padding: 0;
}
.row-10 .fa-shopping-cart:before {
display: none;
}
.row-10 .fa-hand-pointer:before {
display: none;
}
.action-button .btn, .btn-tool .btn {
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
}
img.fancybox-image {
background: #f8f8f8;
}
.special-CL1 {
display: flex;
align-items: baseline;
letter-spacing: 0;
}
.special-CL2 span:first-of-type {
font-size: 14px;
font-weight: bold;
color: #333333;
margin-right: 5px;
}
.special-CL2 .currency, .special-CL2 .amount {
font-size: 20px;
line-height: 1.5;
color: #e7040f;
font-weight: 500;
text-transform: uppercase;
font-family: "Jost", sans-serif;
letter-spacing: 0;
}
.special-CL3 {
margin-left: 10px;
}
.special-CL3 span:first-of-type {
font-size: 14px;
font-weight: 400;
color: #666666;
margin-right: 2px;
}
.special-CL3 .currency , .special-CL3 .amount {
font-family: "Jost", sans-serif;
font-weight: 400;
font-size: 14px;
}
.special-CL3 span:nth-of-type(2) {
position: relative;
font-size: 14px;
}
.special-CL3 span:nth-of-type(2)::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 1px;
background-color: #666666;
transform: translateY(-50%);
}
.page-product-single .variations .variation {
display: flex;
}
.variations .variation-title {
margin-bottom: 0;
margin-right: 10px;
font-size: 14px;
font-weight: bold;
color: #333333;
line-height: 1.5;
letter-spacing: 0;
white-space: nowrap;
}
.head-tool-cart.active .cart-badge {
background-color: #EA4F3D !important;
}
.variation-tags button.btn {
font-size: 12px;
font-weight: 400;
color: #1c1c1c;
letter-spacing: .01em;
}
.product-data .name-mark {
display: none;
}
/* 結束：商品頁樣式 */

/* 開始：產品分類 */
#viewProduct .product-content h3 {
margin: 0;
font-size: 19px;
font-weight: 600;
color: #333333;
line-height: 1.5;
word-break: break-word;
margin-top: 0;
margin-bottom: 10px;
letter-spacing: 0;
text-transform: inherit;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
padding: 0px;
}
#viewProduct .product-content h3::before {
content: "CHII LUNG";
display: block;
background-color: #a9a9a9;
color: #ffffff;
font-size: 12px;
font-family: "Jost", sans-serif;
font-weight: 500;
padding: 2px 5px 2px 5px;
border-radius: 4px;
vertical-align: middle;
text-align: center;
white-space: nowrap;
width: fit-content;
margin-bottom: 5px;
}
#viewProduct .quantity .input-group {
max-width: 100%;
}
#viewProduct .content-scroll .modal-content-product p {
display: none;
}
#viewProduct .variation {
display: flex;
margin-top: 15px;
margin-bottom: 15px;
align-items: flex-start;
}
#viewProduct .clearfix.modal-total {
color: #1c1c1c;
font-size: 15px;
font-weight: 400;
display: flex;
align-items: baseline;
justify-content: space-between;
}
#viewProduct .bold.font-montserrat .currency , #viewProduct .bold.font-montserrat .amount {
font-family: "Jost", sans-serif;
font-weight: 400;
letter-spacing: 0;
color: #e7040f;
}
#viewProduct .bold.font-montserrat small.currency {
font-size: 13px;
}
#viewProduct .bold.font-montserrat small.amount {
font-size: 22px;
}
@media (min-width: 1200px) {
.add-to-cart button.btn.btn-block {
background-color: black;
opacity: 0.75;
color: white;
border: none;
border-radius: 0;
padding: 8px 17px;
font-size: 12px;
font-weight: bold;
letter-spacing: .02em;
}
}
.breadcrumb {
display: flex;
align-items: baseline;
}
.single-product .img-square-wrap .mask {
background-color: #00000000;
}
@media (min-width: 1025px) {
.img-square-wrap {
position: relative;
overflow: hidden;
}
.img-square-wrap img {
transition: transform 0.4s ease;
display: block;
width: 100%;
height: auto;
}
.img-square-wrap:hover img {
transform: scale(1.08);
}
}
.archive-content .img-square {
background-color: #ffffff;
}
.single-product .title {
font-size: 12px;
font-weight: 400;
text-align: left;
line-height: 1.5;
letter-spacing: 0;
color: #1c1c1c;
}
.single-product .img-square-wrap {
position: relative;
}
.single-product .name-mark {
position: absolute;
top: 10px;
left: 15px;
font-size: 12px;
font-weight: 400;
color: #fff !important;
background-color: #0071E3;
padding: 4px 8px;
border-radius: 3px;
z-index: 5;
line-height: 1.2;
}
.single-product-text {
text-align: left;
padding-left: 0;
padding-right: 0;
}
.single-product-text .special-CL1 {
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
margin-top: 8px;
}
.single-product-text .special-CL3 {
margin-left: 0;
display: flex;
white-space: nowrap;
align-items: baseline;
}
.single-product-text .special-CL2 {
display: flex;
white-space: nowrap;
align-items: baseline;
margin-top: 1px;
}
.single-product-text .special-CL2 .currency, .single-product-text .special-CL2 .amount {
font-size: 14px;
}
.single-product-text .special-CL2 span:first-of-type {
font-size: 14px;
margin-right: 3px;
}
@media (max-width: 480px) {
.single-product-text .special-CL2 span:first-of-type {
font-size: 12px;
}
.special-CL3 span:first-of-type {
font-size: 12px;
}
.special-CL3 .currency, .special-CL3 .amount {
font-size: 12px;
}
}
/* 結束：產品分類 */

/* 開始：購物車 */
#receipt > div > div.selectsection.\30 .active > div > div.selectsection.\32 .active > img , #receipt > div > div.selectsection.\30 .active > div > div.selectsection.\33 .active > img {
display: none;
}
#receipt .selectsection.active > p {
font-size: 13px;
font-weight: 400;
color: #9E9E9E;
margin-top: 10px;
margin-bottom: 10px;
}
#changePayment button.btn.btn-primary.btn-lg.btn-cons {
margin-bottom: 10px;
}
#checkout > div > div > div.content-scroll > div > div.form > form.step.step1 > div.form-group.form-group-default.form-payment.required > div > label > span {
display: flex;
margin-left: 0;
}
@media (max-width: 575.98px) {
.cart-content .cart-item.cart-empty {
font-size: 14px;
}
}
#cart-section .cart-promotion .promotion-each .promotion-text .promotion-title {
margin-right: 0;
}
#cart-section .promotion-remark {
color: #F44336;
}
#cart-section .promotion-text b {
font-weight: 400;
letter-spacing: 0;
}
#cart-section .promotion-text b:nth-child(1) {
font-family: "Jost", sans-serif;
font-weight: 400;
letter-spacing: 0;
}
#cart-section .promotion-badge {
background-color: #9E9E9E;
width: 70px;
}
#cart-section .cart-apply-text button.a-link.hover {
position: relative;
text-decoration: none;
color: #3493fb !important;
white-space: nowrap;
}
#cart-section .cart-apply-text button.a-link.hover::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #3493fb;
transition: width 0.4s ease;
}
@media (min-width: 1025px) {
#cart-section .cart-apply-text button.a-link.hover:hover::after {
width: 0;
}
}
#cart-section .promotion-badge.badge-success {
background-color: #F44336;
}
#cart-section .promotion-badge {
color: #ffffff;
}
#cart-section .promotion-each {
color: #1c1c1c;
display: flex;
align-items: baseline;
}
#cart-section .promotion-title , #cart-section .promotion-note {
font-weight: 400;
color: #1c1c1c;
}
#cart-section .promotion-note b {
font-weight: 400;
font-family: "Jost", sans-serif;
letter-spacing: 0;
}
@media all {
#cart-section .cart-total {
padding: 20px;
}
}
.promotion-section {
border-bottom: 1px solid #f5f5f5;
padding: 20px;
}
#cart-section > div.cart-total > div > div.row.row-10.points > div.col.text-right.price > .currency , #cart-section > div.cart-total > div > div.row.row-10.points > div.col.text-right.price > .amount {
color: #1c1c1c;
font-size: 13px;
font-weight: 400;
}
.center-holder.max-w-800 h1.text-center {
color: #1c1c1c;
font-weight: 400;
margin-top: 0;
margin-bottom: 15px;
}
#cart-section .cart-item .item-content .price {
color: #1c1c1c;
font-size: 14px;
}
@media all {
#cart-section .cart-content .cart-item {
padding: 20px;
border-bottom: 1px solid #f5f5f5;
}
}
#cart-section .list-cart-summary .currency , #cart-section .list-cart-summary .amount {
color: #e7040f;
font-weight: 400;
}
#cart-section .list-cart-summary .total .text {
color: #1c1c1c;
}
@media (max-width: 480px) {
#cart-section .quantity .input-group {
max-width: 75%;
}
#cart-section .quantity {
margin-bottom: 10px;
}
}
#cart-section .cart-add-wrap {
border-bottom: none;
display: none;
background-color: #ffffff00;
}
#cart-section .cart-item .item-content .currency , #cart-section .cart-item .item-content .amount {
font-weight: 400;
color: #1c1c1c;
}
#cart-section .img-thumbnail {
border: none;
border-radius: 0;
}
#cart-section .detail h4 {
font-size: 14px;
font-weight: 400;
line-height: 1.4;
margin-bottom: 5px;
color: #1c1c1c;
letter-spacing: 0;
}
#cart-section .meta {
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
}
#checkout input.form-control {
font-size: 15px;
font-weight: 400;
color: #1c1c1c;
height: 40px;
min-height: 40px;
}
#checkout button.loading-dark {
color: #1c1c1c;
}
#checkout textarea[name="Note"]::placeholder {
color: transparent;
}
#checkout > div > div > div.content-scroll > div > div.form > form.step.step3 > div.form-group.form-group-default.form-sex > label > span {
display: none;
}
#UserMobile-error::after {
content: "，並且是10碼。";
}
#checkout .checkbox.check-success input[type=checkbox]:checked+label:before {
border-color: #0071e3;
}
#checkout .login-profile .user {
color: #1c1c1c;
margin-bottom: 10px;
}
#checkout .login-profile.m-b-10 {
border: none;
border-radius: 0;
margin-bottom: 20px;
}
#checkout .has-bottom .has-bottom-button {
border-top: none;
}
#checkout .section-login label {
color: #1c1c1c;
margin-bottom: 15px;
}
#checkout .login-profile.m-b-10.p-b-0 {
border: none;
border-radius: 0;
padding: 0;
margin-top: 10px;
margin-bottom: 20px;
}
.checkout-step-wrap {
background-color: #fafafa;
}
#checkout .form-group.form-group-default.form-payment.required {
box-shadow: none;
margin-bottom: 0;
padding-bottom: 15px;
border-bottom: none;
}
#checkout .form-group.form-group-default.form-logistics.required {
box-shadow: none;
margin-bottom: 5px;
padding-bottom: 15px;
border-bottom: 1px solid #f0f0f0;
}
#checkout .form-group-default.required:after {
display: none;
}
#checkout .form-group.section-cart {
border: none;
}
#checkout .text {
color: #1c1c1c;
margin-right: 10px;
}
#checkout .clearfix.modal-total {
display: flex;
align-items: baseline;
justify-content: flex-end;
}
.modal .subtotal {
border-top: none;
}
.radio.radio-success input[type=radio]:checked+label:before {
border-color: #0071e3;
}
#checkout .section-cart .price {
color: #9E9E9E;
}
#checkout .form-group.section-cart {
color: #9E9E9E;
letter-spacing: 0;
font-size: 13px;
display: flex;
align-items: baseline;
margin-bottom: 0;
}
#checkout .pull-right .currency {
font-size: 14px;
}
#checkout .pull-right {
display: flex;
align-items: baseline;
}
#checkout .pull-right .currency, #checkout .pull-right .amount {
color: #e7040f;
font-weight: 400;
letter-spacing: 0;
}
#checkout .price .currency {
font-size: 13px;
}
#checkout .price .currency , #checkout .price .amount {
letter-spacing: 0;
font-weight: 400;
}
#checkout > div > div > div.content-scroll > div > div.form > form.step.step1 > div.form-group.form-group-default.form-payment.required > label {
font-size: 17px;
font-weight: bold;
color: #1c1c1c;
margin-top: 5px;
margin-bottom: 15px;
}
#checkout > div > div > div.content-scroll > div > div.form > form.step.step1 > div.form-group.form-group-default.form-logistics.required > label {
font-size: 17px;
font-weight: bold;
color: #1c1c1c;
margin-top: 5px;
margin-bottom: 15px;
}
#checkout span.help {
font-size: 12px;
font-weight: 400;
letter-spacing: 0;
color: #9E9E9E;
margin-left: 5px;
}
.form-group.form-group-default.form-logistics.required span.badge.badge-important.price-notice::before {
content: "運費";
}
.form-group.form-group-default.form-payment.required span.badge.badge-important.price-notice::before {
content: "分期手續費";
}
.form-group.form-group-default.form-payment.required span.badge.badge-important.price-notice {
margin-top: 3px;
}
#checkout .badge-important {
color: #9E9E9E;
font-weight: 400;
font-size: 13px;
background-color: transparent;
padding: 0;
border-radius: 0;
font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft JhengHei", "微軟正黑體", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
margin-left: 5px;
}
#checkout .form-group .radio.radio-block label {
font-size: 14px;
font-weight: 400;
color: #1c1c1c;
margin-bottom: 15px;
letter-spacing: 0;
}
.currency , .amount {
font-family: "Jost", sans-serif;
}
/* 結束：購物車 */

/* 開始：頁首樣式 */
.mobile-brand img {
width: auto;
max-height: 17px;
margin-top: 10px;
}
@media (min-width: 1200px) {
.navbar-brand {
margin-bottom: 20px;
margin-top: 20px;
}
}
.navbar-brand .display-desktop img {
max-width: fit-content !important;
max-height: 24px;
}
@media (max-width: 1199.98px) {
.navbar-brand img {
height: 20px;
max-width: none;
}
}
@media (max-width: 480px) {
.navbar-brand img {
height: 17px;
max-width: none;
margin-top: 3px;
}
}
@media only screen and (min-width: 1200px) {
.navbar-nav li a>.text {
color: #1c1c1c;
font-size: 15px;
font-weight: 400;
padding-top: 0;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
display: inline-block;
transition: letter-spacing 0.3s ease;
letter-spacing: 0px;
}
.navbar-nav li a>.text:hover {
letter-spacing: 1px;
color: #3493fb;
}
.navbar-nav {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media (max-width: 1199.98px) {
.navbar-nav>li {
border-bottom: none;
}
}
@media (max-width: 1199.98px) {
.navbar-nav li a>.text {
font-size: 19px;
color: #1c1c1c;
padding: 15px;
}
}
.mobile-menu-title {
width: fit-content;
background-color: #1c1c1c;
margin-left: 15px;
margin-top: 0;
margin-bottom: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 12px;
line-height: 1.5;
color: #ffffff;
}
#menu > div.wrap > div > div > ul {
border-top: none;
}
/* 結束：頁首樣式 */