/* ==========================================================================
   PG_dbox3 — v3.0 CSS Foundation
   fix_v3.css: CSS Variables + Button System + Component Skeletons
   Strategy: Overlay on top of screen.prefixer.css + fix.css
   ========================================================================== */
/* --------------------------------------------------------------------------
   0. Global Reset — 3.0 基底（screen.prefixer.css 不動，差異補在這裡）
   -------------------------------------------------------------------------- */
* { box-sizing: border-box; }
a { color: rgb(0, 0, 0); text-decoration: none; }
/* --------------------------------------------------------------------------
   1. CSS Variables — Color System
   Source: 3.0 XD Design + axshare_diff_report section 1.2
   -------------------------------------------------------------------------- */
:root { /* Primary */
   --color-primary: #3D9738; --color-primary-light: #5ca033; --color-primary-dark: #3a7a1a; /* CTA (Add-to-Cart) */
   --color-cta: #c89632; --color-cta-dark: #825723; /* Alert / Accent */
   --color-danger: #d9534f; --color-danger-dark: #c9302c; /* Text */
   --color-text: #333333; --color-text-secondary: #666666; --color-text-muted: #999999; /* Background */
   --color-bg: #ffffff; --color-bg-light: #f5f5f5; --color-bg-lighter: #f8f8f8; --color-bg-dark: #333333; /* Border */
   --color-border: #dddddd; --color-border-light: #e0e0e0; /* --------------------------------------------------------------------------
     2. Typography Variables
     Source: section 1.3
     -------------------------------------------------------------------------- */
   --font-family: "Roboto", "Noto Sans TC", sans-serif, "Microsoft JhengHei"; --fs-page-title: 26px; /* 24-28px */
   --fs-section-title: 19px; /* 18-20px */
   --fs-product-name: 15px; /* 14-16px */
   --fs-body: 16px; /* 13-14px */
   --fs-price: 20px; /* 18-24px */
   --fs-label: 13px; /* 12-13px */
   --fs-button: 15px; /* 14-16px */
   --fs-nav: 14px; --fs-breadcrumb: 13px; /* --------------------------------------------------------------------------
     3. Spacing & Radius
     -------------------------------------------------------------------------- */
   --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-pill: 5px; --shadow-card: 0 1px 4px rgba(0, 0, 0, .08); --shadow-popup: 0 4px 24px rgba(0, 0, 0, .18); /* --------------------------------------------------------------------------
     4. Transition
     -------------------------------------------------------------------------- */
   --transition: all 0.25s ease; }
/* ==========================================================================
   2. Button System
   Source: section 1.4
   ========================================================================== */
/* -- Base reset ---------------------------------------------------------- */
.v3-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 24px; font-family: var(--font-family); font-size: var(--fs-button); font-weight: 600; line-height: 1.4; text-decoration: none; border: none; cursor: pointer; transition: var(--transition); white-space: nowrap; vertical-align: middle; }
.v3-btn:hover { opacity: 0.9; }
.v3-btn:active { transform: scale(0.97); }
/* -- Primary CTA (green) ------------------------------------------------- */
.v3-btn--primary { background-color: var(--color-primary-light); color: #fff; border-radius: var(--radius-sm); }
.v3-btn--primary:hover { background-color: var(--color-primary-dark); opacity: 1; }
/* -- Add to Cart (brown/orange) ------------------------------------------ */
.v3-btn--cart,
.btn-cart-orange { background-color: var(--color-cta); color: #fff; border-radius: var(--radius-sm); }
.v3-btn--cart:hover,
.btn-cart-orange:hover { background-color: var(--color-cta-dark); opacity: 1; }
/* -- Outline (pill) ------------------------------------------------------ */
.v3-btn--outline { background-color: transparent; color: var(--color-primary); border: 1px solid var(--color-primary); border-radius: var(--radius-pill); }
.v3-btn--outline:hover { background-color: var(--color-primary); color: #fff; opacity: 1; }
/* -- Dark ---------------------------------------------------------------- */
.v3-btn--dark { background-color: var(--color-bg-dark); color: #fff; border-radius: var(--radius-sm); }
.v3-btn--dark:hover { background-color: #222; opacity: 1; }
/* -- Social -------------------------------------------------------------- */
.v3-btn--line { background-color: #06C755; color: #fff; border-radius: var(--radius-sm); }
.v3-btn--google { background-color: #DB4437; color: #fff; border-radius: var(--radius-sm); }
/* -- Sizes --------------------------------------------------------------- */
.v3-btn--sm { padding: 6px 14px; font-size: 13px; }
.v3-btn--lg { padding: 14px 32px; font-size: 16px; }
.v3-btn--block { display: flex; width: 100%; }
/* -- Disabled ------------------------------------------------------------ */
.v3-btn:disabled,
.v3-btn--disabled { opacity: 0.45; cursor: not-allowed; pointer-events: none; }
/* ==========================================================================
   3. Tab System
   Source: section 1.4 — Tab Active/Inactive
   ========================================================================== */
.v3-tabs { display: flex; flex-wrap: wrap; gap: 0; border-bottom: 1px solid var(--color-border); }
.v3-tab { padding: 10px 20px; font-size: var(--fs-body); font-weight: 500; color: var(--color-text-secondary); background: var(--color-bg); border: none; border-bottom: 2px solid transparent; cursor: pointer; transition: var(--transition); }
.v3-tab:hover { color: var(--color-primary); }
.v3-tab.active,
.v3-tab--active { color: #fff; background-color: var(--color-primary); border-bottom-color: var(--color-primary); border-radius: var(--radius-sm) var(--radius-sm) 0 0; }
/* ==========================================================================
   4. Quantity Stepper
   Source: section 1.4 — Qty Stepper
   ========================================================================== */
.v3-qty { display: inline-flex; align-items: center; border: 1px solid var(--color-border); }
.v3-qty__btn { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: var(--color-bg); color: var(--color-text); border: none; font-size: 16px; cursor: pointer; transition: var(--transition); }
.v3-qty__btn:hover { background: var(--color-bg-light); }
.v3-qty__input { width: 50px; height: 36px; text-align: center; border: none; border-left: 1px solid var(--color-border); border-right: 1px solid var(--color-border); font-size: var(--fs-body); -moz-appearance: textfield; }
.v3-qty__input::-webkit-inner-spin-button,
.v3-qty__input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
/* ==========================================================================
   5. Pagination
   Source: section 1.4 — Pagination Active/Inactive
   ========================================================================== */
.v3-pagination { display: flex; align-items: center; gap: 4px; justify-content: center; margin: 24px 0; }
.v3-pagination__item { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 8px; font-size: var(--fs-body); color: var(--color-primary); background: var(--color-bg); border: 1px solid var(--color-primary); border-radius: var(--radius-sm); text-decoration: none; cursor: pointer; transition: var(--transition); }
.v3-pagination__item:hover { background: var(--color-primary); color: #fff; }
.v3-pagination__item.active,
.v3-pagination__item--active { background: var(--color-primary); color: #fff; cursor: default; }
/* ==========================================================================
   6. Modal / Popup
   Source: section 1.6 — Modal/Popup
   ========================================================================== */
.v3-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--color-bg); border-radius: var(--radius-lg); padding: 28px; z-index: 9999; max-width: 90vw; max-height: 90vh; overflow-y: auto; box-shadow: var(--shadow-popup); display: none; }
.v3-popup.active { display: block; }
.v3-popup__close { position: absolute; top: 12px; right: 12px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: none; border: none; font-size: 20px; color: var(--color-text-muted); cursor: pointer; }
.v3-popup__close:hover { color: var(--color-text); }
/* ==========================================================================
   7. Component Skeletons (will be fleshed out in later Sprints)
   Source: section 17.2
   ========================================================================== */
/* ==========================================================================
   7a. Header v3 Overrides (Sprint 1 #3)
   ========================================================================== */
/* Logo + Brand name */
/* Cart badge — red circle */
/* Header top buttons — outline pill style per XD */
/* Cart button keeps existing icon style */
/* Logged-in user display */
/* MemberMenu dropdown v3 polish */
/* -- Mega Menu v3.0 (Sprint 1 #4) — 2.0 White Style + Tab Switch ------- */
/* Close button */
/* Top bar — search + outlined buttons in one row, right-aligned (XD design) */
/* Panels */
/* Category grid inside mega menu — dark text (2.0 style) */
/* Swiper — limit to 4 per view styling */
.index_subtype_ul .subpage_type_link.active { background-color: var(--color-primary) !important; color: #fff !important; }
.index_subtype_ul .subpage_type_link:hover:not(.active) { background-color: var(--color-bg-light); }
/* Hide 版面切換（side__link_all），版位2（side__link_quote）保留顯示 */
/* Cart → brown/orange CTA */
/* Service → green (already green via fix.css, reinforce) */
/* -- Footer v3 Overrides (Sprint 1 #5) ----------------------------------- */
footer { margin-top: 90px; }
@media (max-width: 1029px) {
 footer { margin-top: 32px; }
 }
/* -- Filter Panel (Sprint 2 #9-11) --------------------------------------- */
.filter-panel { background: var(--color-bg-light); padding: 16px 20px; border-radius: var(--radius-md); margin-bottom: 20px; }
.filter-group { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.filter-group:last-child { margin-bottom: 0; }
.filter-group__label { font-size: var(--fs-body); font-weight: 600; color: var(--color-text); min-width: 70px; }
/* -- Order Tab Bar (Sprint 4 #4) ----------------------------------------- */
.order-tabs { display: flex; flex-wrap: wrap; gap: 0; border-bottom: 2px solid var(--color-border); margin-bottom: 20px; }
.order-tab { padding: 10px 16px; font-size: var(--fs-body); color: var(--color-text-secondary); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -2px; transition: var(--transition); white-space: nowrap; }
.order-tab:hover { color: var(--color-primary); }
.order-tab--active { color: var(--color-primary); border-bottom-color: var(--color-primary); font-weight: 600; }
.order-tab__count { display: inline-block; min-width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 11px; background: var(--color-danger); color: #fff; border-radius: 9px; margin-left: 4px; padding: 0 5px; }
/* -- Bonus Summary (Sprint 1 #20) ---------------------------------------- */
.bonus-summary { display: flex; gap: 16px; align-items: center; padding: 16px 20px; background: var(--color-bg-light); border-radius: var(--radius-md); margin-bottom: 20px; }
.bonus-badge { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; background: var(--color-primary); color: #fff; font-size: var(--fs-label); font-weight: 600; border-radius: var(--radius-pill); }
/* -- Detail Popup (Sprint 4 #7-9) ---------------------------------------- */
.detail-popup { width: 480px; }
.detail-popup__title { font-size: var(--fs-section-title); font-weight: 600; color: var(--color-text); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--color-border); }
.detail-popup__row { display: flex; justify-content: space-between; padding: 8px 0; font-size: var(--fs-body); color: var(--color-text); }
.detail-popup__row+.detail-popup__row { border-top: 1px solid var(--color-bg-light); }
.detail-popup__label { color: var(--color-text-secondary); }
.detail-popup__value { font-weight: 600; }
.detail-popup__total { font-size: 18px; font-weight: 700; color: var(--color-danger); }
/* -- File Upload Zone (Sprint 3 #12) ------------------------------------- */
.file-upload-zone { border: 2px dashed var(--color-border); border-radius: var(--radius-md); padding: 32px; text-align: center; color: var(--color-text-muted); cursor: pointer; transition: var(--transition); }
.file-upload-zone:hover,
.file-upload-zone.dragover { border-color: var(--color-primary); background: rgba(61, 151, 56, .04); color: var(--color-primary); }
/* -- Invoice Form (Sprint 1 #14) ----------------------------------------- */
.invoice-form { margin-top: 16px; }
.invoice-option { display: flex; align-items: center; gap: 8px; padding: 10px 0; }
.invoice-option input[type="radio"] { accent-color: var(--color-primary); }
.invoice-option__fields { display: none; padding: 8px 0 8px 28px; }
.invoice-option__fields.active { display: block; }
/* Readonly fields: gray background (#09) */
.memberinfo_grid input[readonly] { background: #f5f5f5 !important; }
/* Invoice carrier 2-column grid (#09 發票佈局) */
.invoice-carrier-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; margin-top: 12px; }
.invoice-carrier-col .radiobox { margin-bottom: 6px; }
.invoice-carrier-col .input-style { margin-bottom: 4px; }
.invoice-carrier-col .other_words { /* font-size: 12px; */
   /* color: #999; */ }
@media (max-width: 768px) {
 .invoice-carrier-grid { grid-template-columns: 1fr; }
 }
/* -- Cart Page (Sprint 3 #10-13) ----------------------------------------- */
/* ==========================================================================
   8. Utility Helpers
   ========================================================================== */
.v3-text-primary { color: var(--color-primary) !important; }
.v3-text-danger { color: var(--color-danger) !important; }
.v3-text-muted { color: var(--color-text-muted) !important; }
.v3-text-secondary { color: var(--color-text-secondary) !important; }
.v3-bg-light { background-color: var(--color-bg-light) !important; }
.v3-bg-dark { background-color: var(--color-bg-dark) !important; }
.v3-border { border: 1px solid var(--color-border) !important; }
/* Price display */
.v3-price { font-size: var(--fs-price); font-weight: 700; color: var(--color-danger); }
.v3-price-original { font-size: 14px; color: var(--color-text-muted); text-decoration: line-through; }
/* Badge (cart count, notification) */
.v3-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; font-size: 11px; font-weight: 600; color: #fff; background: var(--color-danger); border-radius: 9px; }
/* Share buttons (display:none per developer decision #6) */
.v3-share-buttons { display: none !important; }
/* Section title */
.v3-section-title { font-size: var(--fs-section-title); font-weight: 600; color: var(--color-text); margin-bottom: 16px; }
/* Card */
.v3-card { background: var(--color-bg); border: 1px solid var(--color-border-light); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-card); transition: var(--transition); }
.v3-card:hover { box-shadow: 0 2px 12px rgba(0, 0, 0, .12); }
/* Accordion (FAQ) */
.v3-accordion__item { border-bottom: 1px solid var(--color-border); }
.v3-accordion__header { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; cursor: pointer; font-weight: 600; color: var(--color-text); }
.v3-accordion__header:hover { color: var(--color-primary); }
.v3-accordion__arrow { transition: transform 0.25s ease; }
.v3-accordion__item.active .v3-accordion__arrow { transform: rotate(180deg); }
.v3-accordion__body { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding: 0; color: var(--color-text-secondary); font-size: var(--fs-body); line-height: 1.7; }
.v3-accordion__item.active .v3-accordion__body { max-height: 2000px; padding: 0 0 14px; }
/* -- Registration Form v3 (Sprint 1 #11) --------------------------------- */
.reg-form-v3 { padding: 0 !important; }
/* .reg-form-v3 .reg-row { margin-bottom: 10px; }
*/
.reg-form-v3 .reg-row-sms { display: flex; gap: 8px; align-items: center; }
.reg-form-v3 .reg-sms-input { flex: 1; }
.reg-form-v3 .btn-send-sms { display: inline-block; font-size: 17px; background: var(--color-text-secondary); color: #fff; border-radius: 5px; cursor: pointer; white-space: nowrap; text-align: center; width: 150px; height: 45px; display: flex; align-items: center; justify-content: center; }
.reg-form-v3 .btn-send-sms:hover { background: var(--color-primary-dark); }
.reg-form-v3 .btn-send-sms.disabled { background: #ccc !important; color: #999 !important; pointer-events: none; }
/* 驗證按鈕 (#31) */
.reg-form-v3 .btn-verify-sms { display: inline-block; font-size: 17px; background: var(--color-primary); color: #fff; border-radius: 4px; cursor: pointer; white-space: nowrap; text-align: center; width: 150px; height: 45px; display: flex; align-items: center; justify-content: center; }
.reg-form-v3 .btn-verify-sms:hover { background: var(--color-primary-dark); }
.reg-form-v3 .btn-verify-sms.disabled { background: #ccc !important; color: #999 !important; pointer-events: none; }
.reg-form-v3 .btn-verify-sms.verified { background: #5cb85c !important; pointer-events: none; }
.reg-form-v3 .sms-status { display: inline-block; font-size: 12px; color: var(--color-primary); margin-left: 4px; line-height: 1.4; }
.reg-form-v3 .reg-row-phone { display: flex; gap: 8px; }
.reg-form-v3 .reg-phone-input { flex: 3; }
.reg-form-v3 .reg-ext-input { flex: 1; min-width: 60px; }
.reg-form-v3 .reg-row-addr { display: flex; gap: 8px; }
.reg-form-v3 .reg-addr-select { flex: 1; }
/* .reg-form-v3 .reg-addr-select select { width: 100%; padding: 8px; border: 1px solid var(--color-border); border-radius: 4px; background: #fff; }
*/
.reg-form-v3 .reg-row-addr2 { display: flex; gap: 8px; }
.reg-form-v3 .reg-zipcode-input { flex: 1; max-width: 80px; }
.reg-form-v3 .reg-addr-input { flex: 3; }
/* == Homepage v3 Overrides (Sprint 1 #19) ================================= */
/* -- Banner left/right split (XD 設計稿：左 Banner 輪播 + 右 版位圖) ------- */
/* If no position image uploaded, hide the empty right block */
/* -- Category flex wrap with arrow ---------------------------------------- */
/* -- 版位3: 滿版圖片 ------------------------------------------------------- */
/* -- Footer 聯絡資訊：nth-child 對應預設 icon（取代舊 class 選擇器） -------- */
/* 後台有上傳圖片時：隱藏預設 ::before，改用上傳的 img */
/* 內文 span 用預設顏色，不繼承標題的綠色 */
@media (max-width: 1024px) {
 footer .footer__info>ul>li { display: none; text-align: center; }
footer .footer__info>ul>li.footer_info_hours { display: block; }
footer .footer__info>ul>li>.icon { display: none; }
footer .footer__info>ul>li>.words { display: block; text-align: center; top: 0; font-size: 14px; font-weight: 500; color: #575757; }
footer .footer__info>ul>li>.words span { text-align: center; }
footer .footer__info>ul>li>.words span:first-child { width: 100%; display: block; padding: 0; font-size: 15px; font-weight: 500; color: #66AA2D; margin-bottom: 4px; }
 }
/* -- Blog list v3: category tabs (XD: underline active, not filled) --------- */
/* -- Blog keyword search v3 (XD: label + wider input + placeholder "標題,內文") --------- */
.blog-search-bar { display: flex; align-items: center; /* gap: 12px; */
   margin-bottom: 25px; }
.blog-search-bar .blog-search-label { white-space: nowrap; font-size: var(--fs-body); color: var(--color-text); margin-right: 12px; }
.blog-search-bar input { flex: 1; max-width: 500px; height: 42px; padding: 0 14px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: var(--fs-body); outline: none; background: #fff; }
.blog-search-bar input:focus { border-color: var(--color-primary); }
.blog-search-bar .btn_search_icon { width: 42px; height: 42px; background-color: #3D9738; background-image: url(../../images/icon/search2.png); background-size: 19px; background-position: center; background-repeat: no-repeat; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.index__knowledgebox .index__knowledgeflex .index__knowledgeimgbox img { object-fit: cover; display: block; height: 100%; }
/* 圖框形狀鎖在後台建議尺寸 312×210；padding-bottom 的百分比是對外層寬度算的，手機版框只佔 26% 會算錯，故改用 aspect-ratio */
.index__knowledgebox .index__knowledgeflex .index__knowledgeimgbox { padding-bottom: 0; height: auto; aspect-ratio: 312 / 210; }
.index__knowledgebox .index__knowledgeflex .index__knowledgeimgbox:after { display: none; }
@media (max-width: 769px) {
 /* 首頁手機版卡片改橫排，框會被旁邊文字拉成等高，要釘住不吃拉伸 */
 .index__knowledgebox .index__knowledgeflex .index__knowledgeimgbox { align-self: flex-start; }
 }
/* -- Blog list v3: 4-column grid layout (XD spec) --------- */
/* Blog list v3: hide sort section (not in spec) */
.knowledgesort_section { display: none !important; }
/* Blog list v3: RWD */
/* 防止部落格區塊在中尺寸裝置溢出 */
@media (max-width: 1024px) {
 /* .index__knowledgebox .index__knowledgeflex { grid-template-columns: repeat(4, 1fr); }
*/ }
@media (max-width: 768px) {
 /* .index__knowledgebox .index__knowledgeflex { grid-template-columns: 1fr; gap: 1px; }
*/ }
/* -- 首頁最新消息箭頭修正（width被flex壓成0） ---------- */
/* -- Blog detail v3: meta info bar --------- */
.blog-detail-meta { display: flex; align-items: center; gap: 24px; padding: 12px 0px; font-size: 16px; color: var(--color-text-light); }
.blog-detail-meta span:not(:last-child)::after { content: ''; }
.detail_title .titleflag .date { display: none; /* v3: replaced by .blog-detail-meta */ }
.detail_title .titleflag iframe { display: none; /* v3: hide FB like */ }
/* -- News list: use original 2.0 card layout (2-col grid) --------- */
.qa-index-section .index_subtype_ul li a.subpage_type_link.active { background-color: var(--color-primary); color: #fff !important; border-radius: 4px; }
.qa-index-section .index_subtype_ul li a.subpage_type_link:hover { background-color: var(--color-primary-light, #e8f5e3); }
/* Hide anchor quick navigation (not in XD) */
/* Accordion Q title styling */
/* Accordion: keep 2.0 original btn-close_style1, just fix vertical alignment */
/* -- Ready product v3: hide share links (Sprint #6) --------- */
/* Ready product v3: summary line below card */
/* ==========================================================================
   Cart v3: 現貨/客製分區 + 分開結帳
   ========================================================================== */
/* 客製商品區塊淺灰背景 */
/* 分區標題 */
/* 分開結帳按鈕區 */
/* 紅利折抵 */
.bonus_discount_row .bonus_input_area { display: flex; align-items: center; gap: 4px; }
.bonus_discount_row .bonus_input_area input[type="number"] { border: 1px solid #ccc; border-radius: 3px; padding: 4px 8px; font-size: 14px; }
.bonus_discount_row .bonus_hint { font-size: 12px; color: #999; }
/* --------------------------------------------------------------------------
   Login/Register POPUP — Scroll Fix & Forget Password Tab
   -------------------------------------------------------------------------- */
/* POPUP 內容區域滾動修正（註冊表單超出 viewport 時可滾動）*/
/* 忘記密碼 section — 隱藏在一般狀態 */
/* 忘記密碼 — 啟用時覆蓋顯示 */
/* 忘記密碼 mention 提示文字 */
#section_forget .mention_t { color: #FF6715; font-size: 16px; margin: 0; padding-bottom: 20px; }
#section_forget .mention_to_regist a { color: var(--color-primary); cursor: pointer; }
#section_forget .mention_to_regist a:hover { text-decoration: underline; }
#section_login .mention_to_regist > a { display: inline; color: #868686; font-size: 17px; cursor: pointer; }
#section_login .mention_to_regist > a:hover { text-decoration: underline; }
/* --------------------------------------------------------------------------
   P1 #01/#08 Homepage — Banner full-width + Position 2 fix
   -------------------------------------------------------------------------- */
/* 版位 2: 後台有圖片時顯示，刪除圖片時 PHP 條件不輸出此區塊 */
/* -- v3.0: 結帳資訊改為垂直堆疊（2.0 原為水平 flex） ------- */
.cheeckout_contentflex { flex-direction: column; flex-wrap: wrap; }
.cheeckout_contentflex .left { border-right: none; border-bottom: 1px solid #e0e0e0; padding-right: 0; padding-bottom: 16px; margin-bottom: 16px; }
/* -- 金額計算表：水平 6 欄（XD 設計） ------- */
/* -- 合計行 ------- */
/* -- 確定送出訂單按鈕（XD：滿版綠底白字圓角） ------- */
/* -- 會員資料 readonly ------- */
@media (max-width: 768px) {
 /* .checkout-calc-table .calc-row { flex-wrap: wrap; }
*/
.checkout-calc-table .calc-col { flex: 0 0 33.33%; }
 }
/* --------------------------------------------------------------------------
   RWD Fix: 390px 會員頁面 SPAN.border 溢出 (Sprint 5 #12)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
 .select-style.input_textbox_pad,
   .input-style.input_textbox_pad { overflow: hidden; }
 }
/* ---- P2 QC Fixes (2026-03-19) ---- */
/* P2-1: 登入按鈕綠色（XD 設計稿） */
/* P2-2: 側邊購物車 icon 修正（shop-w.png → shop.png） */
/* P2-4: 訂單查詢無資料時隱藏分頁器 */
/* -- v3.0: 常用地址 edit/delete 按鈕 --
   根因：3.0 的 screen.prefixer.css 把 .functions_section { display:none; position:absolute }
寫成全局規則，但 2.0 線上版是包在 @media (max-width:1024px) 裡。
   修正：桌面版(>1024px)還原為正常流，≤1024px 維持三點選單行為。 */
@media (min-width: 1025px) {
 .memberaddress_grid.body .functions_section { position: static !important; display: block !important; animation: none !important; }
.memberaddress_grid.body .functions_section::before,
   .memberaddress_grid.body .functions_section::after { display: none; }
.memberaddress_grid.body .functions_section .btn_edit { margin-bottom: 10px !important; }
.memberaddress_grid.body .btn_mobile.fn_btn { display: none !important; }
 }
/* 手機版：維持三點選單行為 */
@media (max-width: 768px) {
 .memberaddress_grid.body .functions_section:not(.active) { display: none !important; animation: none; }
 }
/* -- v3.0: 訂單查詢 inline status tabs -- */
.order-status-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.order-status-tabs .order-tab { display: inline-block; padding: 6px 10px; border: 1px solid #ccc; border-radius: 4px; background: #fff; color: #858585; font-size: 15px; cursor: pointer; text-decoration: none; transition: all .2s; white-space: nowrap; }
.order-status-tabs .order-tab:hover { background: #4a8c3f; color: #fff; }
.order-status-tabs .order-tab.active { background: #4a8c3f; color: #fff; border-color: #4a8c3f; }
/* 訂單查詢：隱藏左側子選單（已改為 inline tabs） */
/* 訂單查詢：隱藏 mobile 狀態下拉（改用 inline tabs） */
.index_subtype_mobile_box.orderstatus { display: none !important; }
/* --------------------------------------------------------------------------
   [F-01] 客製商品 Type1 Tablet RWD 溢出修正（820px）
   原 screen.prefixer.css 在 769px 才 wrap，820px 時雙欄擠壓溢出約 90px
   -------------------------------------------------------------------------- */
@media (max-width: 860px) {
 .cuspro_detail-index-section .pro_detail_flex { flex-wrap: wrap; }
.cuspro_detail-index-section .pro_detail_flex>div { flex: none; max-width: 100%; width: 100%; padding-left: 0; }
.cuspro_detail-index-section .pro_detail_right { padding-top: 20px; }
.cuspro_detail-index-section .pro_detail_left { max-width: 100%; }
/* 防止內部元素撐破容器 */
   .cuspro_detail-index-section .options_form,
   .cuspro_detail-index-section .size_grid,
   .cuspro_detail-index-section .pro_standard_detail { max-width: 100%; overflow-x: hidden; box-sizing: border-box; }
 }
/* ===== v3.0 訂單查詢 XD 重排版 ===== */
/* 訂單查詢 section title (XD: "訂單查詢 ——") */
.order-section-title { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 12px; padding-bottom: 0; }
.order-section-title .dash { color: #999; font-weight: 300; letter-spacing: 2px; }
/* 訂單查詢 editor notice (XD: HTML editor 區域) */
.order-editor-notice { margin-bottom: 20px; padding: 20px; background: #fff; }
/* === 訂單查詢 v3.0 重寫（XD 欄位 + 2.0 色系/字級/排版） === */
/* 訂單卡片外框（2.0: margin-top 20px, 白底, 底部灰色分隔線） */
/* 現貨商品/客製商品 區塊標題 */
.order-type-label { font-size: 28px; font-weight: 700; color: #333; padding: 14px 0px 5px 0; border-bottom: 1px solid #333; margin-bottom: 10px; }
/* 訂單日期（2.0: 粗體獨立行） */
.order-date-heading { font-size: 20px; color: #333; padding: 6px 0px 6px; }
/* Row 外框（XD: 每個 row 是帶細灰色外框的區塊，flex wrap） */
.order-card { background: #fff; padding: 10px 20px; }
.order-card-row { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #DFDFDF; padding: 10px 0; gap: 10px; }
.order-card-row2 { border-top: none; }
/* 每個欄位（2.0: ~125px 彈性寬度, padding 5px, title 在上 content 在下） */
.order-field { min-width: 110px; flex: 1; flex-basis: 0; /* padding: 5px 8px; */ }
.order-field-title { font-size: 14px; color: #858585; padding-bottom: 8px; white-space: nowrap; }
.order-field-value { font-size: 17px; color: #333; word-break: break-all; }
.order-field-value .btn_s_detail { color: #5a9e3f; cursor: pointer; text-decoration: underline; font-size: 13px; display: block; margin-top: 5px; }
/* 取消訂單/申請退貨（XD: 紅色文字連結） */
.btn-action { display: inline-block; font-size: 14px; cursor: pointer; text-decoration: none; white-space: nowrap; }
.btn-cancel { font-size: 13px; color: #3D9738; background: #DDDDDD; border-radius: 5px; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 70px; height: 30px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; transition: background 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); }
.btn-cancel:hover { background: #fff2c5; }
.btn-return { font-size: 13px; color: #3D9738; background: #DDDDDD; border-radius: 5px; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 70px; height: 30px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; transition: background 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); }
.btn-return:hover { background: #fff2c5; }
/* 退款金額 */
.order-refund-row { padding: 6px 15px; font-size: 14px; }
.order-refund-row .label { font-weight: 600; color: #555; }
.order-refund-row .amount { color: #c0392b; font-weight: 600; }
/* 備註行 */
.order-note-row { padding: 10px 0px 6px; font-size: 14px; color: #666; }
.order-note-row .label { margin-right: 4px; margin-bottom: 5px; }
.order-note-row .merchant-note { color: #666; display: block; }
/* 查看明細（2.0: btn__style12 金棕色文字連結） */
.order-detail-link { padding: 6px 0px 0px; }
/* btn__style12 由 screen.css 定義（color/border-bottom/before +/-），此處僅補位 */
.order-detail-link a { cursor: pointer; }
.order_outerbox { margin-top: 15px; }
.order_outerbox .subdetailbox { margin-top: 0; border-bottom: 1px solid #D1AA6D; }
@media (max-width: 768px) {
 .order-card { padding: 10px 10px; }
.order-card-row { display: flex; flex-direction: column; width: 100%; gap: 12px; border-bottom: none; padding: 0; margin-top: 12px; }
.order-field { width: 100%; display: flex; align-items: flex-start; }
.order-field-title { font-size: 14px; color: #858585; width: 120px; flex-shrink: 0; padding-bottom: 0; }
.order-field-value { font-size: 14px; color: #333; flex: 1; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; word-break: break-all; }
.order-field-value .btn_s_detail { margin-top: 0; font-size: 13px; }
.order-refund-row .label { width: 100px; flex-shrink: 0; font-weight: normal; color: #858585; }
.order-type-label { font-size: 24px; }
.order-date-heading { padding: 20px 0px 6px; }
.order-detail-link { padding: 15px 0 0px; }
.order-note-row { border-top: 1px solid #eee; margin-top: 10px; padding-top: 5px; display: flex; flex-direction: column; gap: 5px; }
.order-note-row .label { display: flex; flex-direction: column; color: #858585; margin-bottom: 0; margin-top: 5px; }
.order-note-row .order-note { color: #666; line-height: 1.5; }
.order-note-row .merchant-note { border-top: 1px solid #eee; padding-top: 5px; color: #666; line-height: 1.5; }
.order_outerbox .od_flex .title { width: 60px; }
 }
/* ==========================================================================
   9. RWD Mobile Fixes (Plan B — 390px 手機版校對)
   ========================================================================== */
/* --------------------------------------------------------------------------
   G-3: 底部固定 Tab Bar — body padding 防遮擋
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
 body { padding-bottom: 55px; }
 }
/* --------------------------------------------------------------------------
   G-1: Header 手機版微調
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
 /* 確保 Logo 不超過螢幕 40% */
   header .header__logo { max-width: 40%; }
header .header__logo img { max-width: 100%; height: auto; }
/* 搜尋欄全寬 */
   .header__top_search_mobile .input_textbox { flex: 1; }
.header__top_search_mobile .input_textbox input { width: 100%; }
 }
/* --------------------------------------------------------------------------
   G-2: Footer accordion 手機版補強
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
 /* 顯示手機版 maplink_infolist (聯絡資訊 accordion) */
   footer .footer__maplink_infolist { display: block !important; }
 }
/* --------------------------------------------------------------------------
   G-4: 登入/註冊/忘記密碼 POPUP 手機版全屏化
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
 .Popup-login,
   .Popup-register,
   .Popup-forgetPsw { /* width: 94% !important; max-width: 100% !important; max-height: 90vh; overflow-y: auto; left: 3% !important; right: 3% !important; margin: 0 !important; */ }
.Popup-login .login_flex,
   .Popup-register .register_flex { flex-direction: column; }
.Popup-login input[type="text"],
   .Popup-login input[type="password"],
   .Popup-register input[type="text"],
   .Popup-register input[type="password"],
   .Popup-forgetPsw input[type="text"] { width: 100% !important; box-sizing: border-box; }
/* 社群登入按鈕 */
   .Popup-login .other_loginbox a { min-width: 44px; min-height: 44px; }
/* 關閉按鈕固定右上 */
   .Popup-login .close_btn,
   .Popup-register .close_btn,
   .Popup-forgetPsw .close_btn { position: sticky; top: 0; z-index: 10; }
 }
/* --------------------------------------------------------------------------
   P-01: 首頁 — 手機版排版修正
   -------------------------------------------------------------------------- */
@media (max-width: 769px) {
 /* Banner 全寬 */
   .index__bannerflex { width: 100%; }
.index__bannerflex img { width: 100%; /* height: auto; */ }
/* 分類卡片 2 欄 grid */
   .index__categorybox .index__category_flex { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
/* 營業行事曆 grid 在手機下完整顯示 */
   .index__calendar_daygrid .daybox { font-size: 11px; padding: 2px; }
/* 最新消息單欄排列 */
   .index__newsbox .news_flex { flex-direction: column; }
/* 部落格卡片排列 */
   .index__knowledgebox .knowledge_flex { flex-direction: column; }
.index__knowledgebox .knowledge_flex>a { width: 100%; margin-bottom: 16px; }
/* 我們的客戶 logo grid */
   .index__clientsbox .client_flex { flex-wrap: wrap; }
 }
/* --------------------------------------------------------------------------
   P-02~P-06: 現貨商品 — 手機版
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
 /* 分類卡片 2 欄 grid */
   .index__subcategory_flex { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 10px; }
.index__category_linkbox { width: 100% !important; margin: 0 !important; }
/* 麵包屑不溢出 */
   /* .bread { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
*/
   /* Type1 列表：商品卡片全寬 */
   .avaipro_withnumber_each { flex-direction: column; }
.avaipro_withnumber_each .infobox,
   .avaipro_withnumber_each .pricebox { width: 100% !important; max-width: 100%; }
/* 數量 +/- 按鈕可點擊區域 ≥ 44px */
   .amount_calculate_flex .btn a { /* min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; */ }
/* Type2 排序 dropdown 不溢出 */
   .knowledgesort_section { max-width: 100%; }
.knowledgesort_section .options { max-width: 100%; }
/* 篩選器 checkbox 橫向可換行 */
   .index__filteroptions_flex { flex-direction: column; }
.index__filteroptions_flex>div { width: 100%; margin-bottom: 10px; }
/* 尺寸篩選 3 欄 */
   .print_input_flex { flex-wrap: wrap; }
.print_input_flex>div { flex: 1 1 calc(33.33% - 6px); min-width: 80px; }
.print_input_flex>div.addbox.deviation { flex: 1 1 100%; }
 }
/* --------------------------------------------------------------------------
   P-07~P-09: 客製商品 — 手機版
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
 /* 型式卡片 2 欄 grid */
   .cuspro_list .cusproduct_flex { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
/* 表單欄位全寬單欄 */
   .cuspro_detail-index-section .size_grid { grid-template-columns: 1fr !important; }
/* 圖稿上傳區不溢出 */
   .cuspro_detail-index-section .upload_section { max-width: 100%; }
.cuspro_detail-index-section .upload_section img { max-width: 100%; height: auto; }
 }
/* --------------------------------------------------------------------------
   P-10~P-12: 購物車 & 結帳 — 手機版
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
 /* 購物車商品卡片式排列 */
   .cart_ready_table,
   .cart_custom_table { display: block; }
/* 數量 +/- 按鈕可點擊 */
   .cart_amount_flex .btn a { min-width: 44px; min-height: 44px; }
/* 結帳按鈕全寬 */
   .cart_checkout_btn,
   .cart-page .btn__style3 { width: 100%; text-align: center; }
/* 結帳頁表單全寬 */
   .checkout_form input[type="text"],
   .checkout_form select,
   .checkout_form textarea { width: 100% !important; box-sizing: border-box; }
 }
/* --------------------------------------------------------------------------
   P-13~P-20: 會員中心 — 手機版
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
 /* 會員中心側邊選單隱藏，改用頂部 dropdown */
   .member_leftmenu { display: none; }
/* 表單欄位全寬 */
   .member_info_form input[type="text"],
   .member_info_form input[type="password"],
   .member_info_form select,
   .member_info_form textarea { width: 100% !important; box-sizing: border-box; }
/* 儲存按鈕全寬 */
   .member_info_form .btn__style3 { width: 100%; text-align: center; }
/* 訂單 tab 橫向滾動 */
   .order-status-tabs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; gap: 6px; padding-bottom: 4px; }
.order-status-tabs .order-tab { flex-shrink: 0; font-size: 15px; padding: 5px 5px; }
/* 地址卡片全寬 */
   .memberaddress_grid { /* grid-template-columns: 1fr !important; */ }
 }
/* --------------------------------------------------------------------------
   P-21~P-28: 內容頁面 — 手機版
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
 /* 內容區圖片不溢出 */
   .page__content img,.subpage_section img,.editor_content img { max-width: 100%; height: auto !important ; }
/* FAQ accordion 分類 tab 可橫向滾動 */
   .qa_category_tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; }
.qa_category_tabs a { flex-shrink: 0; }
/* 部落格詳細頁推薦商品 2 欄 grid */
   .knowledge_more_recommend .recommend_flex { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
 }
/* --------------------------------------------------------------------------
   通用：互動元素最小點擊區域 44px (WCAG)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
 /* .page-number ul li a,
  .btn__style2,
  .btn__style3,
  .btn__style5,
  .btn__style7,
  .btn-cart,
  .link_favorite,
  .link_opinion { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
*/ }
/* ==========================================================================
   購物車 — style2/style3 grid 修正
   screen.prefixer.css 定義 9 欄 grid，但 body 元素靠 auto-placement 排列，
   7 個 header 佔了 col1-7 後，imgbox 被推到 col8 跑版。
   明確指定 body 行的 grid-row:2 + grid-column 位置修正。
   ========================================================================== */
/* --- 3.0 Utility Rules (form-grid, lazyload, search, select, etc.) --- */
.bread>a:before { content: ">"; position: relative; margin-right: 10px; transform-origin: center; display: inline-block; transform: scaleX(1.2) scaleY(1); color: #7b7b7b; font-weight: 100 }
.bread>a:first-child { padding-left: 0; font-weight: normal; background: url(../../images/icon/home_gray.png) no-repeat center center; background-size: 100%; width: 20px; margin-right: 10px; height: 18px; width: 16px }
.bread>a:first-child:before { display: none }
.bread>a:last-child { color: #3D9738; font-weight: 500 }
.form-grid.cf-grid-sub-th3_1>div:nth-child(1) { -ms-grid-column: 1 }
.form-grid.cf-grid-sub-th3_1>div:nth-child(2) { -ms-grid-column: 2 }
.form-grid.cf-grid-sub-th3_1>div:nth-child(3) { -ms-grid-column: 3 }
.form-grid.cf-grid-sub-th3_2>div:nth-child(1) { -ms-grid-column: 1 }
.form-grid.cf-grid-sub-th3_2>div:nth-child(1)>div { width: 100% }
.form-grid.cf-grid-sub-th3_2>div:nth-child(2) { -ms-grid-column: 2 }
.form-grid.cf-grid-sub-th3_2>div:nth-child(2)>div { width: 100% }
.form-grid.cf-grid-sub-th3_2>div:nth-child(3) { -ms-grid-column: 3 }
.form-grid.cf-grid-sub-th3_2>div:nth-child(3)>div { width: 100% }
select::-ms-expand { display: none; display: none; border: 0px; background-color: transparent }
.selectStyleBox:after { content: ""; display: block; position: absolute; border-top: 6px solid #000000; border-right: 3px solid transparent; border-left: 3px solid transparent; right: 10px; top: 50%; margin-top: -3px; z-index: 3 }
.lazyload_outer:before { content: ""; background-color: #D1AA6D; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; transform: scaleX(1); transform-origin: right center }
.lazyload_outer.imgloaded:before { animation: imgloaded_bgremove1 0.5s cubic-bezier(0.38, 0.63, 0.21, 0.88) 1; animation-fill-mode: forwards }
.lazyload_outer.imgloadedend:before { animation: imgloaded_bgremove1 0s cubic-bezier(0.38, 0.63, 0.21, 0.88) 1; animation-fill-mode: forwards }
.radiotype_custom input[type=radio]:checked~label { color: #333333 }
.radiotype_custom input[type=radio]:checked~.checkmark { border-color: #777777 }
.radiotype_custom input[type=radio]:checked~.checkmark:before { animation: radio_checked 0.5s 1 cubic-bezier(0.16, 0.9, 0.29, 0.97); animation-fill-mode: forwards }
.radiotype_custom input[type=radio]:checked~.checkmark:after { transform: translate(-50%, -50%) scale(1) }
.radiotype_custom input[type=radio]:disabled:hover { cursor: not-allowed }
.radiotype_custom input[type=radio]:disabled~.checkmark { border-color: #999999 }
.radiotype_custom input[type=radio]:disabled~.checkmark:hover { cursor: not-allowed }
.radiotype_custom input[type=radio]:disabled~label { color: #999999 }
.radiotype_custom input[type=radio]:disabled~label:hover { cursor: not-allowed }
.checkbox input[type=checkbox]:checked~.checkmark { background-color: #55bb4f; border: 1px solid #55bb4f }
.checkbox input[type=checkbox]:checked~.checkmark:after { transform: rotate(45deg) scale(1) }
.checkbox.samll1 .checkmark:after { width: 3px; height: 7px; left: 6px; top: 6px; border-width: 0 2px 2px 0 }
.checkbox .checkmark:after { content: ""; transition: all 0.2s cubic-bezier(0.17, 0.7, 0.47, 0.96); position: absolute; display: block; left: 9px; top: 5px; width: 7px; height: 12px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg) scale(0) }
.checkbox span:not(.mention_q) { font-size: 15px; color: #999 }
html { line-height: 1.15; -webkit-text-size-adjust: 100% }
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline }
img { border-style: none; max-width: 100%; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none }
button { cursor: pointer }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 }
button,
input { overflow: visible }
button,
select { text-transform: none }
button,
[type="button"],
[type="reset"],
[type="submit"] { -webkit-appearance: button }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner { border-style: none; padding: 0 }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit }
/* --------------------------------------------------------------------------
   分頁：3.0 樣式覆蓋（從測試機 computed style 清理而來，移除 IE prefixes 和重複屬性）
   -------------------------------------------------------------------------- */
.page-number { display: block; text-align: center; margin-top: 40px; position: relative; z-index: 1; }
.page-number>ul { display: inline-flex; justify-content: center; align-items: center; flex-wrap: nowrap; }
.page-number>ul>li { float: left; margin: 0 5px; min-width: 45px; height: 45px; position: relative; transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); }
.page-number>ul>li.paginationjs-page { font-weight: 700; }
.page-number>ul>li.paginationjs-omitted { width: auto; min-width: 0; margin: 0; }
.page-number>ul>li.paginationjs-omitted>a { border: 0; padding: 0; cursor: default; color: #3D9738 !important; font-size: 26px; letter-spacing: 2px; }
.page-number>ul>li.paginationjs-omitted>a:after { display: none; }
.page-number>ul>li>a { width: 100%; display: flex; align-items: center; justify-content: center; height: 100%; position: relative; color: #3D9738; border-radius: 5px; border: 1px solid #3D9738; transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); padding: 13px 15px; }
.page-number>ul>li>a:not(.paginationjs-omitted):hover { color: #ffffff; border-color: #94ab93; }
.page-number>ul>li>a:not(.paginationjs-omitted):hover:after { transform: scale(1); opacity: 1; }
.page-number>ul>li>a:after { content: ""; position: absolute; left: 3px; right: 3px; bottom: 3px; top: 3px; background-color: #94ab93; z-index: -1; border-radius: 5px; transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); transform: scale(0); opacity: 0; }
.page-number>ul>li.active>a { background-color: #3D9738; color: #ffffff; font-size: 18px; }
.page-number>ul>li.active>a:hover { background-color: #2e722a; cursor: not-allowed; }
.page-number>ul>li.paginationjs-prev a,
.page-number>ul>li.paginationjs-next a,
.page-number>ul>li.paginationjs-last a,
.page-number>ul>li.paginationjs-first a { font-size: 16px; white-space: nowrap; }
@media (max-width: 769px) {
 .page-number>ul>li { min-width: 35px; margin: 0 3px; }
.page-number>ul>li>a { padding: 10px 8px; }
.page-number>ul>li.paginationjs-prev a,
.page-number>ul>li.paginationjs-next a,
.page-number>ul>li.paginationjs-last a,
.page-number>ul>li.paginationjs-first a { font-size: 14px; }
 }
.rippleClick { position: absolute; overflow: hidden; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; pointer-events: none }
.ripple { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); transform: scale(0); position: absolute; opacity: 1 }
.rippleEffect { animation: rippleDrop .4s linear }
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms }
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms }
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] { transition-duration: 0.1s }
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: 0.1s }
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] { transition-duration: 0.15s }
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: 0.15s }
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] { transition-duration: 0.2s }
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: 0.2s }
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] { transition-duration: 0.25s }
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: 0.25s }
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] { transition-duration: 0.3s }
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: 0.3s }
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] { transition-duration: 0.35s }
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: 0.35s }
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s }
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: 0.4s }
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] { transition-duration: 0.45s }
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: 0.45s }
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] { transition-duration: 0.5s }
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: 0.5s }
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] { transition-duration: 0.55s }
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: 0.55s }
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] { transition-duration: 0.6s }
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: 0.6s }
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] { transition-duration: 0.65s }
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: 0.65s }
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] { transition-duration: 0.7s }
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: 0.7s }
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] { transition-duration: 0.75s }
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: 0.75s }
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] { transition-duration: 0.8s }
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: 0.8s }
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] { transition-duration: 0.85s }
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: 0.85s }
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] { transition-duration: 0.9s }
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: 0.9s }
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] { transition-duration: 0.95s }
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: 0.95s }
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s }
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s }
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s }
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s }
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s }
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s }
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s }
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s }
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s }
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s }
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s }
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s }
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s }
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s }
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s }
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s }
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s }
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s }
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s }
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s }
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s }
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s }
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s }
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s }
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s }
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s }
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s }
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s }
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s }
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s }
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s }
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s }
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s }
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s }
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s }
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s }
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s }
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s }
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s }
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s }
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s }
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s }
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s }
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s }
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s }
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s }
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s }
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s }
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s }
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s }
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s }
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s }
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s }
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s }
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s }
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s }
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s }
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s }
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s }
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s }
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s }
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s }
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s }
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s }
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s }
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s }
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s }
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s }
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s }
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s }
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s }
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s }
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s }
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s }
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s }
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s }
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s }
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s }
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s }
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s }
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s }
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] { transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s }
[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75) }
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease }
[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in }
[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out }
[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out }
[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045) }
[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275) }
[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55) }
[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715) }
[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1) }
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95) }
[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53) }
[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) }
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955) }
[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53) }
[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) }
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955) }
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53) }
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) }
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955) }
body.finished.subPage .loader { transform-origin: right center; transition: transform-origin 0s linear, opacity 1s cubic-bezier(0.19, 0.78, 0, 0.96), transform 1s cubic-bezier(0.19, 0.78, 0, 0.96); opacity: 0 }
body.finished.subPage .loader .loading__wordflex { transform: rotateX(220deg) translate(0px, -40px); transition: transform 1s cubic-bezier(0.14, 0.68, 0.25, 1) !important }
body.finished.subPage .loader .loading-bar { transform-origin: right center; transform: scaleX(0) !important; transition: transform-origin 0s linear, transform 1s cubic-bezier(0.14, 0.68, 0.25, 1) !important }
body.finished.isIndexPage .loader { transform: translate(10%, 0); transform-origin: right center; transition: transform-origin 0s linear, opacity 1s cubic-bezier(0.19, 0.78, 0, 0.96) 1.5s, transform 1s cubic-bezier(0.19, 0.78, 0, 0.96) 1.5s; opacity: 0 }
body.finished.isIndexPage .loader .box_O:before { transform: scale(1, 1) translate(0, 0px); animation: yAxis 0.5s cubic-bezier(0.76, 0.26, 1, 0.54) 2 alternate-reverse }
body.finished.isIndexPage .loader .box_O:after { transform: scale(1, 1) translate(0, 0px); animation: yAxis 0.5s cubic-bezier(0.76, 0.26, 1, 0.54) 2 alternate-reverse }
body.finished.isIndexPage .loader .box_X .box_X1 { animation: box_X1 0.5s 1 cubic-bezier(0.03, 0.66, 0.21, 0.99); animation-fill-mode: forwards }
body.finished.isIndexPage .loader .box_X .box_X2 { animation: box_X1 0.5s 1 cubic-bezier(0.03, 0.66, 0.21, 0.99), box_X2 1s 1 cubic-bezier(0.21, 0.52, 0, 0.8) 0.5s; animation-fill-mode: forwards }
body.finished.isIndexPage .loader .box_D_shadow { transform: translate(15px, 0px); transition: transform 0.8s cubic-bezier(0.14, 0.68, 0.25, 1) }
body.finished.isIndexPage .loader .box_D { transform: translate(-10px, 0px); transition: transform 0.8s cubic-bezier(0.14, 0.68, 0.25, 1) }
body.finished.isIndexPage .loader .loading-bar { transform-origin: right center; transform: scaleX(0) !important; transition: transform-origin 0s linear, transform 1s cubic-bezier(0.14, 0.68, 0.25, 1) !important }
.loader .loading__wordflex { width: 170px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; -ms-flex-pack: center; justify-content: center }
.loader .loading__line_light { position: absolute; color: #3D9738; font-size: 36px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; -ms-flex-direction: row; flex-direction: row }
.loader .loading__line_light .box_D_shadow { transform: translate(30px, 0px); position: relative; z-index: 2; color: #e2e4e2 }
.loader .loading__line_light .box_D { width: 21px; height: 26px; background-color: #3D9738; border-top-right-radius: 44%; border-bottom-right-radius: 44%; position: relative; z-index: 1; transform: translate(-25px, 0px); margin-right: 10px; display: block }
.loader .loading__line_light .box_O { width: 27px; height: 27px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 50%; position: relative }
.loader .loading__line_light .box_O:before { content: ""; border-radius: 100%; background-color: #3D9738; width: 27px; height: 27px; position: absolute; z-index: 0; left: 0; top: 0; transform: scale(1, 1) translate(0, 0px) }
.loader .loading__line_light .box_O:after { content: ""; border-radius: 100%; background-color: #e2e4e2; width: 21px; height: 21px; position: absolute; z-index: 1; top: 3px; left: 3px; transform: scale(1, 1) translate(0, 0px) }
.loader .loading__line_light .box_X { position: relative; width: 24px; height: 27px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-left: 3px; top: -1px }
.loader .loading__line_light .box_X .box_X1 { position: absolute; width: 4px; height: 100%; background-color: #3D9738; transform: skew(-36deg) translate(-50%, -50%); top: 50%; transform-origin: center top }
.loader .loading__line_light .box_X .box_X2 { position: absolute; width: 4px; height: 100%; background-color: #3D9738; transform: skew(-36deg) translate(-50%, -50%); top: 50%; transform-origin: center top }
.loader .loading-bar { transition-timing-function: cubic-bezier(0.14, 0.68, 0.25, 1); content: ""; position: fixed; height: 1px; width: 100%; right: -999px; left: -999px; margin: auto; transform-origin: left center; transform: scaleX(0); z-index: 2; top: 50%; margin-top: 12px; background-color: #3D9738; background-image: linear-gradient(90deg, #3d9738 25%, #d1aa6e 100%) }
body.subPage .loader .loading__line_light { perspective: 300px; color: #a0af9f }
body.subPage .loader .loading__wordflex { transform: rotateX(220deg); transform-origin: center bottom 23px }
body.subPage .loader .box_D_shadow { transform: translate(15px, 0px); transition: none !important }
body.subPage .loader .box_D { background-color: #a0af9f; transform: translate(-10px, 0px); transition: none !important; background-image: none !important }
body.subPage .loader .box_B { background-image: none !important; -webkit-text-fill-color: initial !important }
body.subPage .loader .box_O:before { background-color: #a0af9f; background-image: none !important }
body.subPage .loader .box_X .box_X1 { background-color: #a0af9f; animation: none !important; transform: skew(36deg) translate(-50%, -50%); background-image: none !important }
body.subPage .loader .box_X .box_X2 { background-color: #a0af9f; animation: none !important; transform: skew(144deg) translate(-50%, -50%); height: 150%; background-image: none !important }
body.finished .loader .loading__line_light .box_D { background-image: linear-gradient(90deg, #3d9738 25%, #3d9738 100%) }
body.finished .loader .loading__line_light .box_B { background-image: linear-gradient(90deg, #3d9738 25%, #6d9e4a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent }
body.finished .loader .loading__line_light .box_O:before { background-image: linear-gradient(90deg, #6e9d4a 25%, #a4a55e 100%) }
body.finished .loader .loading__line_light .box_X .box_X2 { background-image: linear-gradient(200deg, #d1aa6e 25%, #a4a55e 100%) }
body.finished .loader .loading__line_light .box_X .box_X1 { background-image: linear-gradient(50deg, #d1aa6e 25%, #a4a55e 100%) }
.messagebox.dboxalert.show { transition-property: all; transition-timing-function: cubic-bezier(0.2, 0.64, 0.26, 0.97); transform: none; opacity: 1; transform: translate(-50%, -50%) }
.messagebox.dboxalert.show.hide { opacity: 0 }
.messagebox.dboxalert.show.hide[data-directionanimation=bottom] { transform: translate(0, -20px) }
.messagebox.dboxalert.show.hide[data-directionanimation=right] { transform: translate(-20px, 0) }
.messagebox.dboxalert.show.hide[data-directionanimation=top] { transform: translate(0, 20px) }
.messagebox.dboxalert.show.hide[data-directionanimation=left] { transform: translate(20px, 0) }
.messagebox.dboxalert.alertmsg.show { transform: translate(-50%, -50%) }
.messagebox.dboxalert.alertmsg.show.hide.top { transform: translate(-50%, calc(-50% - 20px)) }
.messagebox.dboxalert.alertmsg.show.hide.left { transform: translate(calc(-50% - 20px), -50%) }
.messagebox.dboxalert.alertmsg.show.hide.bottom { transform: translate(-50%, calc(-50% + 20px)) }
.messagebox.dboxalert.alertmsg.show.hide.right { transform: translate(calc(-50% + 20px), -50%) }
.messagebox.dboxmention.show { transition-property: all; transition-timing-function: cubic-bezier(0.2, 0.64, 0.26, 0.97); transform: none; opacity: 1 }
.messagebox.dboxmention.show.hide { opacity: 0 }
.messagebox.dboxmention.show.hide[data-directionanimation=bottom] { transform: translate(0, -20px) }
.messagebox.dboxmention.show.hide[data-directionanimation=right] { transform: translate(-20px, 0) }
.messagebox.dboxmention.show.hide[data-directionanimation=top] { transform: translate(0, 20px) }
.messagebox.dboxmention.show.hide[data-directionanimation=left] { transform: translate(20px, 0) }
.messagebox.dboxpayway.show { transition-property: all; transition-timing-function: cubic-bezier(0.2, 0.64, 0.26, 0.97); transform: none; opacity: 1 }
.messagebox.dboxpayway.show.hide { opacity: 0 }
.messagebox.dboxpayway.show.hide[data-directionanimation=bottom] { transform: translate(0, -20px) }
.messagebox.dboxpayway.show.hide[data-directionanimation=right] { transform: translate(-20px, 0) }
.messagebox.dboxpayway.show.hide[data-directionanimation=top] { transform: translate(0, 20px) }
.messagebox.dboxpayway.show.hide[data-directionanimation=left] { transform: translate(20px, 0) }
.messagebox.dboxalert.show.hide.top { transform: translate(-50%, calc(-50% - 20px)) }
.messagebox.dboxalert.show.hide.left { transform: translate(calc(-50% - 20px), -50%) }
.messagebox.dboxalert.show.hide.bottom { transform: translate(-50%, calc(-50% + 20px)) }
.messagebox.dboxalert.show.hide.right { transform: translate(calc(-50% + 20px), -50%) }
.loading-finished .parallex { opacity: 1; transition: all 2s cubic-bezier(0.18, 0.28, 0, 0.86) !important; -webkit-transition: all 2s cubic-bezier(0.18, 0.28, 0, 0.86) !important }
.loading-finished .wave .wave1 { display: block; transform: translateX(0); opacity: 1; animation: none }
.loading-finished .wave .wave1_2 { display: block; transform: translateX(0); opacity: 1; animation: none }
.loading-finished .wave .wave2 { display: block; transform: translateX(0); opacity: 1; animation: none }
.loading-finished .wave .wave2_2 { display: block; transform: translateX(0); opacity: 1; animation: none }
.loading-finished .wave .wave3 { display: block; transform: translateX(0); opacity: 1; animation: none }
.loading-finished .wave .wave3_2 { display: block; transform: translateX(0); opacity: 1; animation: none }
.loading-finished .wave .wave4 { display: block; transform: translateX(0); opacity: 1; animation: none }
.ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled { display: none }
.datepickerbox input[type=text] { position: relative; z-index: 1; padding-left: 50px }
body.loading-finished .index_subtype_ul:after { opacity: 1; transition-delay: .8s }
body::-webkit-scrollbar { width: 10px }
body::-webkit-scrollbar-track { background-color: #f0f0f0 }
body::-webkit-scrollbar-thumb { background-color: #d1aa6d }
/* *::selection { background:#ffb100; color:#ffffff }
*/
.select-style:after { content: ""; display: block; position: absolute; border-top: 6px solid #000000; border-right: 3px solid transparent; border-left: 3px solid transparent; right: 10px; top: 50%; margin-top: -3px; z-index: 3 }
.select-style.style2:after { border-top: 6px solid #3D9738; border-right: 3px solid transparent; border-left: 3px solid transparent }
.selectCustomBox .options_innerbox:hover>div>label { opacity: .7 }
.selectCustomBox .options_innerbox>div>label:hover { opacity: 1 }
.selectCustomBox .options_innerbox>div>label:hover img { transform: scale(1.1) }
.selectCustomBox .options_innerbox>div>label input[type=radio]:checked~.border { transform: scale(1); opacity: 1 }
.selectCustomBox:after { content: ""; display: block; position: absolute; border-top: 6px solid #000000; border-right: 3px solid transparent; border-left: 3px solid transparent; right: 10px; top: 50%; margin-top: -3px; z-index: 3 }
input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
select:disabled,
textarea:disabled { cursor: not-allowed }
input[type=text]:not([readonly]):focus~.border,
input[type=password]:not([readonly]):focus~.border,
input[type=number]:not([readonly]):focus~.border,
select:not([readonly]):focus~.border,
textarea:not([readonly]):focus~.border { opacity: 1; transform: scale(1) }
.checkbox2 input[type=checkbox]:checked~.checkmark:after { transform: rotate(45deg) scale(1) }
.checkbox2 .checkmark:after { content: ""; transition: all 0.2s cubic-bezier(0.17, 0.84, 0.23, 0.95); position: absolute; display: block; left: 5px; top: 2px; width: 4px; height: 7px; border: solid #aaaaaa; border-width: 0 3px 3px 0; transform: rotate(45deg) scale(0) }
.radiobox2 input[type=radio]:checked~.radiomark:after { transform: scale(1) }
.btn__style2:hover,
.btn__style2.active { color: #ffffff; background-color: #3D9738 }
.btn__style2:hover.login:after,
.btn__style2.active.login:after { border-top-color: #ffffff }
.btn__style2:before { margin-right: 7px; background-size: 100%; background-position: center; background-repeat: no-repeat; display: block }
.btn__style2.login:after { content: ""; border-top: 7px solid #3D9738; border-right: 4px solid transparent; border-left: 4px solid transparent; margin-left: 8px; transition: all 0.3s cubic-bezier(0.35, 0.45, 0.49, 0.81); display: -ms-flexbox; display: flex }
.btn__style2.member:before { content: ''; width: 20px; height: 23px; background-image: url(../../images/icon/user.png) }
.btn__style2.search:before { content: ''; width: 20px; height: 20px; background-image: url(../../images/icon/search.png) }
.btn__style2.search:hover:before,
.btn__style2.search.active:before { background-image: url(../../images/icon/search2.png) }
.btn__style2.order:before { content: ''; width: 22px; height: 21px; background-image: url(../../images/icon/paper.png) }
.btn__style2.order:hover:before,
.btn__style2.order.active:before { background-image: url(../../images/icon/paper2.png) }
.btn__style2.link_service:before { content: ''; width: 20px; height: 20px; background-image: url(../../images/icon/online.png) }
.btn__style3:hover { color: #ffffff !important }
.btn__style3:hover.black { background-color: #333 }
.btn__style3:hover.brown { background-color: #825723 }
.btn__style4:hover { color: #ffffff !important; background: #825723 }
.btn__style4.green:hover { color: #3D9738 !important; background: #ffefb5 }
.btn__style4.bg_lightbrown:hover { color: #ffffff !important; background: #c59346 }
.btn__style5:hover { color: #ffffff; background: #3D9738 }
.btn__style6:hover { color: #404040 !important; letter-spacing: 3px; background: none; -webkit-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.57); -moz-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.57); transition: all 0.3s ease 0s }
.btn__style7:hover { background: #6b6b6b }
.btn__style7.green:hover { background: #48b142 }
.btn__style7.orange:hover { background: #c59346 }
.btn__style7.brown:hover { background: #5a3c18 }
.btn__style7.gray:hover { background: #6c6c6c }
.btn__style8:hover { background: #e14f00 }
.btn__style8.paper1:before { content: ""; width: 18px; height: 18px; background: url(../../images/icon/paper_s.png) no-repeat center center; background-size: 18px; margin-right: 5px }
.btn__style8.paper2:before { content: ""; width: 16px; height: 18px; background: url(../../images/icon/paper_s2.png) no-repeat center center; background-size: 16px; margin-right: 5px }
.btn__style9:hover { background: #2e722a }
.btn__style9:hover i { transform: translate(-50%, -50%); opacity: 1 }
.btn__style9:hover>span { transform: translate(-50%, 0); opacity: 0 }
.btn__style9>span.text:before { content: ""; display: inline-block; width: 22px; height: 10px; background: url(../../images/icon/back.png) no-repeat center center; background-size: 22px; margin-right: 5px }
.btn__style10 .cross:before,
.btn__style10 .cross:after { content: ""; position: absolute; width: 100%; height: 1px; top: 50%; left: 0; background-color: #805721 }
.btn__style10 .cross:before { transform: translate(0, -50%) }
.btn__style10 .cross:after { transform: translate(0, -50%) rotate(90deg) }
.btn__style11:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0px; left: 0; background-color: #825723 }
.btn__style12:before { content: "+"; color: #D1AA6D; font-size: 15px; margin-right: 5px }
.btn__style12.active:before { content: "-" }
.btn__style13 { font-size: 13px; }
.btn__style13.green:hover { color: #ffffff; background-color: #3D9738 }
.btn__style13.brown:hover { color: #ffffff; background-color: #825723 }
#owlcarousel_other_purchase .oth_p_link:hover .imgbox img { transform: scale(1.2) }
.search_box:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #D1AA6D; transform: scaleX(0); z-index: 1; transform-origin: right center; transition: all 0.25s cubic-bezier(0.68, 0.09, 0.35, 0.88) }
.search_box.active:after { transform: scaleX(1) }
.search_box.active input[type=text]:-ms-input-placeholder { color: #a7834c }
.search_box.active input[type=text]::placeholder { color: #a7834c }
.sort_flex~.options>label input[type=radio]:checked~span { color: #3D9738 }
.invoice_optionbox input[type=radio][name=invoice_type]:checked~label { color: #3D9738 }
.order_searchoptionbox input[type=text]:-ms-input-placeholder,
.order_searchoptionbox input[type=password]:-ms-input-placeholder,
.order_searchoptionbox input[type=number]:-ms-input-placeholder { font-size: 16px; color: #999999 }
.order_searchoptionbox input[type=text]::placeholder,
.order_searchoptionbox input[type=password]::placeholder,
.order_searchoptionbox input[type=number]::placeholder { font-size: 16px; color: #999999 }
.memberaddress_grid.body .functions_section:before { content: ""; position: absolute; background-color: #ffffff; box-shadow: 0px 7px 13px -2px #b1b1b1; -webkit-box-shadow: 0px 7px 13px -2px #b1b1b1; -moz-box-shadow: 0px 7px 13px -2px #b1b1b1; -o-box-shadow: 0px 7px 13px -2px #b1b1b1; left: 0; right: 0px; top: 0; bottom: 0; z-index: 5 }
.memberaddress_grid.body .functions_section:after { content: ""; position: absolute; border-bottom: 10px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; bottom: 100%; right: 8px; z-index: 6 }
.pro_custom_dots .s_img:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #3D9738; opacity: 0; transform: scale(1.3); transition: all 0.5s cubic-bezier(0.18, 0.81, 0.15, 0.97) }
.optionbutton_section:hover>label { opacity: .8 }
.optionbutton_section:hover>label>a:after { transform: scale(0.9) }
.optionbutton_section>label>a { isolation: isolate; }
.optionbutton_section>label>a:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 8px; background-color: transparent; border: 1px solid #3D9738; transition: all 0.4s cubic-bezier(0.18, 0.81, 0.15, 0.97); z-index: -1 }
.optionbutton_section>label:hover { opacity: 1 }
.optionbutton_section>label:hover>a:after { transform: scale(1.1) }
.optionbutton_section>label.active>a:after { background-color: #3D9738 }
.print_input_flex>div:not(.addbox) { width: calc((100% - 82px) / 3) }
.addition_flex:hover>div>label { opacity: .7 }
.addition_flex>div.error>label input[type=checkbox]:checked~.border { transform: scale(1); opacity: 1; border-color: red }
.addition_flex>div.error>label input[type=checkbox]:checked~.border~span.word { color: red }
.addition_flex>div.error>label input[type=checkbox]:checked~.border~span.word>span { color: red }
.addition_flex>div.error>label input[type=checkbox]:checked~.border~.error_text { opacity: 1; transform: translate(-50%, 0) }
.addition_flex>div:hover>label { opacity: 1 }
.addition_flex>div:hover>label img { transform: scale(1.1) }
.addition_flex>div:hover>label span { color: #3D9738 }
.addition_flex>div:hover>label .s_word { color: #3D9738 }
.addition_flex>div>label input[type=checkbox]:checked~.border { transform: scale(1); opacity: 1 }
.addition_flex>div>label input[type=checkbox]:checked~.border~span.word { color: #3D9738 }
.addition_flex>div>label input[type=checkbox]:checked~.border~span.word>span { color: #3D9738 }
/* 3.0: 加工卡片「尺寸超過限制，請重填尺寸或不要點選」訊息過長，允許換到第二行
   （覆蓋 screen.prefixer.css L6075 的 white-space:nowrap，避免單行被裁切） */
.addition_flex>div>label .error_text { white-space: normal; line-height: 1.3; width: 100%; box-sizing: border-box; text-align: center; }
/* --- 3.0 Font Additions (FontAwesome extras) --- */
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both { filter: none }
.fa-500px:before { content: "\f26e" }
.fa-accessible-icon:before { content: "\f368" }
.fa-accusoft:before { content: "\f369" }
.fa-acquisitions-incorporated:before { content: "\f6af" }
.fa-ad:before { content: "\f641" }
.fa-address-book:before { content: "\f2b9" }
.fa-address-card:before { content: "\f2bb" }
.fa-adjust:before { content: "\f042" }
.fa-adn:before { content: "\f170" }
.fa-adobe:before { content: "\f778" }
.fa-adversal:before { content: "\f36a" }
.fa-affiliatetheme:before { content: "\f36b" }
.fa-air-freshener:before { content: "\f5d0" }
.fa-airbnb:before { content: "\f834" }
.fa-algolia:before { content: "\f36c" }
.fa-align-center:before { content: "\f037" }
.fa-align-justify:before { content: "\f039" }
.fa-align-left:before { content: "\f036" }
.fa-align-right:before { content: "\f038" }
.fa-alipay:before { content: "\f642" }
.fa-allergies:before { content: "\f461" }
.fa-amazon:before { content: "\f270" }
.fa-amazon-pay:before { content: "\f42c" }
.fa-ambulance:before { content: "\f0f9" }
.fa-american-sign-language-interpreting:before { content: "\f2a3" }
.fa-amilia:before { content: "\f36d" }
.fa-anchor:before { content: "\f13d" }
.fa-android:before { content: "\f17b" }
.fa-angellist:before { content: "\f209" }
.fa-angle-double-down:before { content: "\f103" }
.fa-angle-double-left:before { content: "\f100" }
.fa-angle-double-right:before { content: "\f101" }
.fa-angle-double-up:before { content: "\f102" }
.fa-angle-down:before { content: "\f107" }
.fa-angle-left:before { content: "\f104" }
.fa-angle-right:before { content: "\f105" }
.fa-angle-up:before { content: "\f106" }
.fa-angry:before { content: "\f556" }
.fa-angrycreative:before { content: "\f36e" }
.fa-angular:before { content: "\f420" }
.fa-ankh:before { content: "\f644" }
.fa-app-store:before { content: "\f36f" }
.fa-app-store-ios:before { content: "\f370" }
.fa-apper:before { content: "\f371" }
.fa-apple:before { content: "\f179" }
.fa-apple-alt:before { content: "\f5d1" }
.fa-apple-pay:before { content: "\f415" }
.fa-archive:before { content: "\f187" }
.fa-archway:before { content: "\f557" }
.fa-arrow-alt-circle-down:before { content: "\f358" }
.fa-arrow-alt-circle-left:before { content: "\f359" }
.fa-arrow-alt-circle-right:before { content: "\f35a" }
.fa-arrow-alt-circle-up:before { content: "\f35b" }
.fa-arrow-circle-down:before { content: "\f0ab" }
.fa-arrow-circle-left:before { content: "\f0a8" }
.fa-arrow-circle-right:before { content: "\f0a9" }
.fa-arrow-circle-up:before { content: "\f0aa" }
.fa-arrow-down:before { content: "\f063" }
.fa-arrow-left:before { content: "\f060" }
.fa-arrow-right:before { content: "\f061" }
.fa-arrow-up:before { content: "\f062" }
.fa-arrows-alt:before { content: "\f0b2" }
.fa-arrows-alt-h:before { content: "\f337" }
.fa-arrows-alt-v:before { content: "\f338" }
.fa-artstation:before { content: "\f77a" }
.fa-assistive-listening-systems:before { content: "\f2a2" }
.fa-asterisk:before { content: "\f069" }
.fa-asymmetrik:before { content: "\f372" }
.fa-at:before { content: "\f1fa" }
.fa-atlas:before { content: "\f558" }
.fa-atlassian:before { content: "\f77b" }
.fa-atom:before { content: "\f5d2" }
.fa-audible:before { content: "\f373" }
.fa-audio-description:before { content: "\f29e" }
.fa-autoprefixer:before { content: "\f41c" }
.fa-avianex:before { content: "\f374" }
.fa-aviato:before { content: "\f421" }
.fa-award:before { content: "\f559" }
.fa-aws:before { content: "\f375" }
.fa-baby:before { content: "\f77c" }
.fa-baby-carriage:before { content: "\f77d" }
.fa-backspace:before { content: "\f55a" }
.fa-backward:before { content: "\f04a" }
.fa-bacon:before { content: "\f7e5" }
.fa-balance-scale:before { content: "\f24e" }
.fa-balance-scale-left:before { content: "\f515" }
.fa-balance-scale-right:before { content: "\f516" }
.fa-ban:before { content: "\f05e" }
.fa-band-aid:before { content: "\f462" }
.fa-bandcamp:before { content: "\f2d5" }
.fa-barcode:before { content: "\f02a" }
.fa-bars:before { content: "\f0c9" }
.fa-baseball-ball:before { content: "\f433" }
.fa-basketball-ball:before { content: "\f434" }
.fa-bath:before { content: "\f2cd" }
.fa-battery-empty:before { content: "\f244" }
.fa-battery-full:before { content: "\f240" }
.fa-battery-half:before { content: "\f242" }
.fa-battery-quarter:before { content: "\f243" }
.fa-battery-three-quarters:before { content: "\f241" }
.fa-battle-net:before { content: "\f835" }
.fa-bed:before { content: "\f236" }
.fa-beer:before { content: "\f0fc" }
.fa-behance:before { content: "\f1b4" }
.fa-behance-square:before { content: "\f1b5" }
.fa-bell:before { content: "\f0f3" }
.fa-bell-slash:before { content: "\f1f6" }
.fa-bezier-curve:before { content: "\f55b" }
.fa-bible:before { content: "\f647" }
.fa-bicycle:before { content: "\f206" }
.fa-biking:before { content: "\f84a" }
.fa-bimobject:before { content: "\f378" }
.fa-binoculars:before { content: "\f1e5" }
.fa-biohazard:before { content: "\f780" }
.fa-birthday-cake:before { content: "\f1fd" }
.fa-bitbucket:before { content: "\f171" }
.fa-bitcoin:before { content: "\f379" }
.fa-bity:before { content: "\f37a" }
.fa-black-tie:before { content: "\f27e" }
.fa-blackberry:before { content: "\f37b" }
.fa-blender:before { content: "\f517" }
.fa-blender-phone:before { content: "\f6b6" }
.fa-blind:before { content: "\f29d" }
.fa-bluetooth:before { content: "\f293" }
.fa-bluetooth-b:before { content: "\f294" }
.fa-bold:before { content: "\f032" }
.fa-bolt:before { content: "\f0e7" }
.fa-bomb:before { content: "\f1e2" }
.fa-bone:before { content: "\f5d7" }
.fa-bong:before { content: "\f55c" }
.fa-book:before { content: "\f02d" }
.fa-book-dead:before { content: "\f6b7" }
.fa-book-medical:before { content: "\f7e6" }
.fa-book-open:before { content: "\f518" }
.fa-book-reader:before { content: "\f5da" }
.fa-bookmark:before { content: "\f02e" }
.fa-bootstrap:before { content: "\f836" }
.fa-border-all:before { content: "\f84c" }
.fa-border-none:before { content: "\f850" }
.fa-border-style:before { content: "\f853" }
.fa-bowling-ball:before { content: "\f436" }
.fa-box:before { content: "\f466" }
.fa-box-open:before { content: "\f49e" }
.fa-boxes:before { content: "\f468" }
.fa-braille:before { content: "\f2a1" }
.fa-brain:before { content: "\f5dc" }
.fa-bread-slice:before { content: "\f7ec" }
.fa-briefcase:before { content: "\f0b1" }
.fa-briefcase-medical:before { content: "\f469" }
.fa-broadcast-tower:before { content: "\f519" }
.fa-broom:before { content: "\f51a" }
.fa-brush:before { content: "\f55d" }
.fa-btc:before { content: "\f15a" }
.fa-buffer:before { content: "\f837" }
.fa-bug:before { content: "\f188" }
.fa-building:before { content: "\f1ad" }
.fa-bullhorn:before { content: "\f0a1" }
.fa-bullseye:before { content: "\f140" }
.fa-burn:before { content: "\f46a" }
.fa-buromobelexperte:before { content: "\f37f" }
.fa-bus:before { content: "\f207" }
.fa-bus-alt:before { content: "\f55e" }
.fa-business-time:before { content: "\f64a" }
.fa-buysellads:before { content: "\f20d" }
.fa-calculator:before { content: "\f1ec" }
.fa-calendar:before { content: "\f133" }
.fa-calendar-alt:before { content: "\f073" }
.fa-calendar-check:before { content: "\f274" }
.fa-calendar-day:before { content: "\f783" }
.fa-calendar-minus:before { content: "\f272" }
.fa-calendar-plus:before { content: "\f271" }
.fa-calendar-times:before { content: "\f273" }
.fa-calendar-week:before { content: "\f784" }
.fa-camera:before { content: "\f030" }
.fa-camera-retro:before { content: "\f083" }
.fa-campground:before { content: "\f6bb" }
.fa-canadian-maple-leaf:before { content: "\f785" }
.fa-candy-cane:before { content: "\f786" }
.fa-cannabis:before { content: "\f55f" }
.fa-capsules:before { content: "\f46b" }
.fa-car:before { content: "\f1b9" }
.fa-car-alt:before { content: "\f5de" }
.fa-car-battery:before { content: "\f5df" }
.fa-car-crash:before { content: "\f5e1" }
.fa-car-side:before { content: "\f5e4" }
.fa-caret-down:before { content: "\f0d7" }
.fa-caret-left:before { content: "\f0d9" }
.fa-caret-right:before { content: "\f0da" }
.fa-caret-square-down:before { content: "\f150" }
.fa-caret-square-left:before { content: "\f191" }
.fa-caret-square-right:before { content: "\f152" }
.fa-caret-square-up:before { content: "\f151" }
.fa-caret-up:before { content: "\f0d8" }
.fa-carrot:before { content: "\f787" }
.fa-cart-arrow-down:before { content: "\f218" }
.fa-cart-plus:before { content: "\f217" }
.fa-cash-register:before { content: "\f788" }
.fa-cat:before { content: "\f6be" }
.fa-cc-amazon-pay:before { content: "\f42d" }
.fa-cc-amex:before { content: "\f1f3" }
.fa-cc-apple-pay:before { content: "\f416" }
.fa-cc-diners-club:before { content: "\f24c" }
.fa-cc-discover:before { content: "\f1f2" }
.fa-cc-jcb:before { content: "\f24b" }
.fa-cc-mastercard:before { content: "\f1f1" }
.fa-cc-paypal:before { content: "\f1f4" }
.fa-cc-stripe:before { content: "\f1f5" }
.fa-cc-visa:before { content: "\f1f0" }
.fa-centercode:before { content: "\f380" }
.fa-centos:before { content: "\f789" }
.fa-certificate:before { content: "\f0a3" }
.fa-chair:before { content: "\f6c0" }
.fa-chalkboard:before { content: "\f51b" }
.fa-chalkboard-teacher:before { content: "\f51c" }
.fa-charging-station:before { content: "\f5e7" }
.fa-chart-area:before { content: "\f1fe" }
.fa-chart-bar:before { content: "\f080" }
.fa-chart-line:before { content: "\f201" }
.fa-chart-pie:before { content: "\f200" }
.fa-check:before { content: "\f00c" }
.fa-check-circle:before { content: "\f058" }
.fa-check-double:before { content: "\f560" }
.fa-check-square:before { content: "\f14a" }
.fa-cheese:before { content: "\f7ef" }
.fa-chess:before { content: "\f439" }
.fa-chess-bishop:before { content: "\f43a" }
.fa-chess-board:before { content: "\f43c" }
.fa-chess-king:before { content: "\f43f" }
.fa-chess-knight:before { content: "\f441" }
.fa-chess-pawn:before { content: "\f443" }
.fa-chess-queen:before { content: "\f445" }
.fa-chess-rook:before { content: "\f447" }
.fa-chevron-circle-down:before { content: "\f13a" }
.fa-chevron-circle-left:before { content: "\f137" }
.fa-chevron-circle-right:before { content: "\f138" }
.fa-chevron-circle-up:before { content: "\f139" }
.fa-chevron-down:before { content: "\f078" }
.fa-chevron-left:before { content: "\f053" }
.fa-chevron-right:before { content: "\f054" }
.fa-chevron-up:before { content: "\f077" }
.fa-child:before { content: "\f1ae" }
.fa-chrome:before { content: "\f268" }
.fa-chromecast:before { content: "\f838" }
.fa-church:before { content: "\f51d" }
.fa-circle:before { content: "\f111" }
.fa-circle-notch:before { content: "\f1ce" }
.fa-city:before { content: "\f64f" }
.fa-clinic-medical:before { content: "\f7f2" }
.fa-clipboard:before { content: "\f328" }
.fa-clipboard-check:before { content: "\f46c" }
.fa-clipboard-list:before { content: "\f46d" }
.fa-clock:before { content: "\f017" }
.fa-clone:before { content: "\f24d" }
.fa-closed-captioning:before { content: "\f20a" }
.fa-cloud:before { content: "\f0c2" }
.fa-cloud-download-alt:before { content: "\f381" }
.fa-cloud-meatball:before { content: "\f73b" }
.fa-cloud-moon:before { content: "\f6c3" }
.fa-cloud-moon-rain:before { content: "\f73c" }
.fa-cloud-rain:before { content: "\f73d" }
.fa-cloud-showers-heavy:before { content: "\f740" }
.fa-cloud-sun:before { content: "\f6c4" }
.fa-cloud-sun-rain:before { content: "\f743" }
.fa-cloud-upload-alt:before { content: "\f382" }
.fa-cloudscale:before { content: "\f383" }
.fa-cloudsmith:before { content: "\f384" }
.fa-cloudversify:before { content: "\f385" }
.fa-cocktail:before { content: "\f561" }
.fa-code:before { content: "\f121" }
.fa-code-branch:before { content: "\f126" }
.fa-codepen:before { content: "\f1cb" }
.fa-codiepie:before { content: "\f284" }
.fa-coffee:before { content: "\f0f4" }
.fa-cog:before { content: "\f013" }
.fa-cogs:before { content: "\f085" }
.fa-coins:before { content: "\f51e" }
.fa-columns:before { content: "\f0db" }
.fa-comment:before { content: "\f075" }
.fa-comment-alt:before { content: "\f27a" }
.fa-comment-dollar:before { content: "\f651" }
.fa-comment-dots:before { content: "\f4ad" }
.fa-comment-medical:before { content: "\f7f5" }
.fa-comment-slash:before { content: "\f4b3" }
.fa-comments:before { content: "\f086" }
.fa-comments-dollar:before { content: "\f653" }
.fa-compact-disc:before { content: "\f51f" }
.fa-compass:before { content: "\f14e" }
.fa-compress:before { content: "\f066" }
.fa-compress-arrows-alt:before { content: "\f78c" }
.fa-concierge-bell:before { content: "\f562" }
.fa-confluence:before { content: "\f78d" }
.fa-connectdevelop:before { content: "\f20e" }
.fa-contao:before { content: "\f26d" }
.fa-cookie:before { content: "\f563" }
.fa-cookie-bite:before { content: "\f564" }
.fa-copy:before { content: "\f0c5" }
.fa-copyright:before { content: "\f1f9" }
.fa-cotton-bureau:before { content: "\f89e" }
.fa-couch:before { content: "\f4b8" }
.fa-cpanel:before { content: "\f388" }
.fa-creative-commons:before { content: "\f25e" }
.fa-creative-commons-by:before { content: "\f4e7" }
.fa-creative-commons-nc:before { content: "\f4e8" }
.fa-creative-commons-nc-eu:before { content: "\f4e9" }
.fa-creative-commons-nc-jp:before { content: "\f4ea" }
.fa-creative-commons-nd:before { content: "\f4eb" }
.fa-creative-commons-pd:before { content: "\f4ec" }
.fa-creative-commons-pd-alt:before { content: "\f4ed" }
.fa-creative-commons-remix:before { content: "\f4ee" }
.fa-creative-commons-sa:before { content: "\f4ef" }
.fa-creative-commons-sampling:before { content: "\f4f0" }
.fa-creative-commons-sampling-plus:before { content: "\f4f1" }
.fa-creative-commons-share:before { content: "\f4f2" }
.fa-creative-commons-zero:before { content: "\f4f3" }
.fa-credit-card:before { content: "\f09d" }
.fa-critical-role:before { content: "\f6c9" }
.fa-crop:before { content: "\f125" }
.fa-crop-alt:before { content: "\f565" }
.fa-cross:before { content: "\f654" }
.fa-crosshairs:before { content: "\f05b" }
.fa-crow:before { content: "\f520" }
.fa-crown:before { content: "\f521" }
.fa-crutch:before { content: "\f7f7" }
.fa-css3:before { content: "\f13c" }
.fa-css3-alt:before { content: "\f38b" }
.fa-cube:before { content: "\f1b2" }
.fa-cubes:before { content: "\f1b3" }
.fa-cut:before { content: "\f0c4" }
.fa-cuttlefish:before { content: "\f38c" }
.fa-d-and-d:before { content: "\f38d" }
.fa-d-and-d-beyond:before { content: "\f6ca" }
.fa-dashcube:before { content: "\f210" }
.fa-database:before { content: "\f1c0" }
.fa-deaf:before { content: "\f2a4" }
.fa-delicious:before { content: "\f1a5" }
.fa-democrat:before { content: "\f747" }
.fa-deploydog:before { content: "\f38e" }
.fa-deskpro:before { content: "\f38f" }
.fa-desktop:before { content: "\f108" }
.fa-dev:before { content: "\f6cc" }
.fa-deviantart:before { content: "\f1bd" }
.fa-dharmachakra:before { content: "\f655" }
.fa-dhl:before { content: "\f790" }
.fa-diagnoses:before { content: "\f470" }
.fa-diaspora:before { content: "\f791" }
.fa-dice:before { content: "\f522" }
.fa-dice-d20:before { content: "\f6cf" }
.fa-dice-d6:before { content: "\f6d1" }
.fa-dice-five:before { content: "\f523" }
.fa-dice-four:before { content: "\f524" }
.fa-dice-one:before { content: "\f525" }
.fa-dice-six:before { content: "\f526" }
.fa-dice-three:before { content: "\f527" }
.fa-dice-two:before { content: "\f528" }
.fa-digg:before { content: "\f1a6" }
.fa-digital-ocean:before { content: "\f391" }
.fa-digital-tachograph:before { content: "\f566" }
.fa-directions:before { content: "\f5eb" }
.fa-discord:before { content: "\f392" }
.fa-discourse:before { content: "\f393" }
.fa-divide:before { content: "\f529" }
.fa-dizzy:before { content: "\f567" }
.fa-dna:before { content: "\f471" }
.fa-dochub:before { content: "\f394" }
.fa-docker:before { content: "\f395" }
.fa-dog:before { content: "\f6d3" }
.fa-dollar-sign:before { content: "\f155" }
.fa-dolly:before { content: "\f472" }
.fa-dolly-flatbed:before { content: "\f474" }
.fa-donate:before { content: "\f4b9" }
.fa-door-closed:before { content: "\f52a" }
.fa-door-open:before { content: "\f52b" }
.fa-dot-circle:before { content: "\f192" }
.fa-dove:before { content: "\f4ba" }
.fa-download:before { content: "\f019" }
.fa-draft2digital:before { content: "\f396" }
.fa-drafting-compass:before { content: "\f568" }
.fa-dragon:before { content: "\f6d5" }
.fa-draw-polygon:before { content: "\f5ee" }
.fa-dribbble:before { content: "\f17d" }
.fa-dribbble-square:before { content: "\f397" }
.fa-dropbox:before { content: "\f16b" }
.fa-drum:before { content: "\f569" }
.fa-drum-steelpan:before { content: "\f56a" }
.fa-drumstick-bite:before { content: "\f6d7" }
.fa-drupal:before { content: "\f1a9" }
.fa-dumbbell:before { content: "\f44b" }
.fa-dumpster:before { content: "\f793" }
.fa-dumpster-fire:before { content: "\f794" }
.fa-dungeon:before { content: "\f6d9" }
.fa-dyalog:before { content: "\f399" }
.fa-earlybirds:before { content: "\f39a" }
.fa-ebay:before { content: "\f4f4" }
.fa-edge:before { content: "\f282" }
.fa-edit:before { content: "\f044" }
.fa-egg:before { content: "\f7fb" }
.fa-eject:before { content: "\f052" }
.fa-elementor:before { content: "\f430" }
.fa-ellipsis-h:before { content: "\f141" }
.fa-ellipsis-v:before { content: "\f142" }
.fa-ello:before { content: "\f5f1" }
.fa-ember:before { content: "\f423" }
.fa-empire:before { content: "\f1d1" }
.fa-envelope:before { content: "\f0e0" }
.fa-envelope-open:before { content: "\f2b6" }
.fa-envelope-open-text:before { content: "\f658" }
.fa-envelope-square:before { content: "\f199" }
.fa-envira:before { content: "\f299" }
.fa-equals:before { content: "\f52c" }
.fa-eraser:before { content: "\f12d" }
.fa-erlang:before { content: "\f39d" }
.fa-ethereum:before { content: "\f42e" }
.fa-ethernet:before { content: "\f796" }
.fa-etsy:before { content: "\f2d7" }
.fa-euro-sign:before { content: "\f153" }
.fa-evernote:before { content: "\f839" }
.fa-exchange-alt:before { content: "\f362" }
.fa-exclamation:before { content: "\f12a" }
.fa-exclamation-circle:before { content: "\f06a" }
.fa-exclamation-triangle:before { content: "\f071" }
.fa-expand:before { content: "\f065" }
.fa-expand-arrows-alt:before { content: "\f31e" }
.fa-expeditedssl:before { content: "\f23e" }
.fa-external-link-alt:before { content: "\f35d" }
.fa-external-link-square-alt:before { content: "\f360" }
.fa-eye:before { content: "\f06e" }
.fa-eye-dropper:before { content: "\f1fb" }
.fa-eye-slash:before { content: "\f070" }
.fa-facebook:before { content: "\f09a" }
.fa-facebook-f:before { content: "\f39e" }
.fa-facebook-messenger:before { content: "\f39f" }
.fa-facebook-square:before { content: "\f082" }
.fa-fan:before { content: "\f863" }
.fa-fantasy-flight-games:before { content: "\f6dc" }
.fa-fast-backward:before { content: "\f049" }
.fa-fast-forward:before { content: "\f050" }
.fa-fax:before { content: "\f1ac" }
.fa-feather:before { content: "\f52d" }
.fa-feather-alt:before { content: "\f56b" }
.fa-fedex:before { content: "\f797" }
.fa-fedora:before { content: "\f798" }
.fa-female:before { content: "\f182" }
.fa-fighter-jet:before { content: "\f0fb" }
.fa-figma:before { content: "\f799" }
.fa-file:before { content: "\f15b" }
.fa-file-alt:before { content: "\f15c" }
.fa-file-archive:before { content: "\f1c6" }
.fa-file-audio:before { content: "\f1c7" }
.fa-file-code:before { content: "\f1c9" }
.fa-file-contract:before { content: "\f56c" }
.fa-file-csv:before { content: "\f6dd" }
.fa-file-download:before { content: "\f56d" }
.fa-file-excel:before { content: "\f1c3" }
.fa-file-export:before { content: "\f56e" }
.fa-file-image:before { content: "\f1c5" }
.fa-file-import:before { content: "\f56f" }
.fa-file-invoice:before { content: "\f570" }
.fa-file-invoice-dollar:before { content: "\f571" }
.fa-file-medical:before { content: "\f477" }
.fa-file-medical-alt:before { content: "\f478" }
.fa-file-pdf:before { content: "\f1c1" }
.fa-file-powerpoint:before { content: "\f1c4" }
.fa-file-prescription:before { content: "\f572" }
.fa-file-signature:before { content: "\f573" }
.fa-file-upload:before { content: "\f574" }
.fa-file-video:before { content: "\f1c8" }
.fa-file-word:before { content: "\f1c2" }
.fa-fill:before { content: "\f575" }
.fa-fill-drip:before { content: "\f576" }
.fa-film:before { content: "\f008" }
.fa-filter:before { content: "\f0b0" }
.fa-fingerprint:before { content: "\f577" }
.fa-fire:before { content: "\f06d" }
.fa-fire-alt:before { content: "\f7e4" }
.fa-fire-extinguisher:before { content: "\f134" }
.fa-firefox:before { content: "\f269" }
.fa-first-aid:before { content: "\f479" }
.fa-first-order:before { content: "\f2b0" }
.fa-first-order-alt:before { content: "\f50a" }
.fa-firstdraft:before { content: "\f3a1" }
.fa-fish:before { content: "\f578" }
.fa-fist-raised:before { content: "\f6de" }
.fa-flag:before { content: "\f024" }
.fa-flag-checkered:before { content: "\f11e" }
.fa-flag-usa:before { content: "\f74d" }
.fa-flask:before { content: "\f0c3" }
.fa-flickr:before { content: "\f16e" }
.fa-flipboard:before { content: "\f44d" }
.fa-flushed:before { content: "\f579" }
.fa-fly:before { content: "\f417" }
.fa-folder:before { content: "\f07b" }
.fa-folder-minus:before { content: "\f65d" }
.fa-folder-open:before { content: "\f07c" }
.fa-folder-plus:before { content: "\f65e" }
.fa-font:before { content: "\f031" }
.fa-font-awesome:before { content: "\f2b4" }
.fa-font-awesome-alt:before { content: "\f35c" }
.fa-font-awesome-flag:before { content: "\f425" }
.fa-font-awesome-logo-full:before { content: "\f4e6" }
.fa-fonticons:before { content: "\f280" }
.fa-fonticons-fi:before { content: "\f3a2" }
.fa-football-ball:before { content: "\f44e" }
.fa-fort-awesome:before { content: "\f286" }
.fa-fort-awesome-alt:before { content: "\f3a3" }
.fa-forumbee:before { content: "\f211" }
.fa-forward:before { content: "\f04e" }
.fa-foursquare:before { content: "\f180" }
.fa-free-code-camp:before { content: "\f2c5" }
.fa-freebsd:before { content: "\f3a4" }
.fa-frog:before { content: "\f52e" }
.fa-frown:before { content: "\f119" }
.fa-frown-open:before { content: "\f57a" }
.fa-fulcrum:before { content: "\f50b" }
.fa-funnel-dollar:before { content: "\f662" }
.fa-futbol:before { content: "\f1e3" }
.fa-galactic-republic:before { content: "\f50c" }
.fa-galactic-senate:before { content: "\f50d" }
.fa-gamepad:before { content: "\f11b" }
.fa-gas-pump:before { content: "\f52f" }
.fa-gavel:before { content: "\f0e3" }
.fa-gem:before { content: "\f3a5" }
.fa-genderless:before { content: "\f22d" }
.fa-get-pocket:before { content: "\f265" }
.fa-gg:before { content: "\f260" }
.fa-gg-circle:before { content: "\f261" }
.fa-ghost:before { content: "\f6e2" }
.fa-gift:before { content: "\f06b" }
.fa-gifts:before { content: "\f79c" }
.fa-git:before { content: "\f1d3" }
.fa-git-alt:before { content: "\f841" }
.fa-git-square:before { content: "\f1d2" }
.fa-github:before { content: "\f09b" }
.fa-github-alt:before { content: "\f113" }
.fa-github-square:before { content: "\f092" }
.fa-gitkraken:before { content: "\f3a6" }
.fa-gitlab:before { content: "\f296" }
.fa-gitter:before { content: "\f426" }
.fa-glass-cheers:before { content: "\f79f" }
.fa-glass-martini:before { content: "\f000" }
.fa-glass-martini-alt:before { content: "\f57b" }
.fa-glass-whiskey:before { content: "\f7a0" }
.fa-glasses:before { content: "\f530" }
.fa-glide:before { content: "\f2a5" }
.fa-glide-g:before { content: "\f2a6" }
.fa-globe:before { content: "\f0ac" }
.fa-globe-africa:before { content: "\f57c" }
.fa-globe-americas:before { content: "\f57d" }
.fa-globe-asia:before { content: "\f57e" }
.fa-globe-europe:before { content: "\f7a2" }
.fa-gofore:before { content: "\f3a7" }
.fa-golf-ball:before { content: "\f450" }
.fa-goodreads:before { content: "\f3a8" }
.fa-goodreads-g:before { content: "\f3a9" }
.fa-google:before { content: "\f1a0" }
.fa-google-drive:before { content: "\f3aa" }
.fa-google-play:before { content: "\f3ab" }
.fa-google-plus:before { content: "\f2b3" }
.fa-google-plus-g:before { content: "\f0d5" }
.fa-google-plus-square:before { content: "\f0d4" }
.fa-google-wallet:before { content: "\f1ee" }
.fa-gopuram:before { content: "\f664" }
.fa-graduation-cap:before { content: "\f19d" }
.fa-gratipay:before { content: "\f184" }
.fa-grav:before { content: "\f2d6" }
.fa-greater-than:before { content: "\f531" }
.fa-greater-than-equal:before { content: "\f532" }
.fa-grimace:before { content: "\f57f" }
.fa-grin:before { content: "\f580" }
.fa-grin-alt:before { content: "\f581" }
.fa-grin-beam:before { content: "\f582" }
.fa-grin-beam-sweat:before { content: "\f583" }
.fa-grin-hearts:before { content: "\f584" }
.fa-grin-squint:before { content: "\f585" }
.fa-grin-squint-tears:before { content: "\f586" }
.fa-grin-stars:before { content: "\f587" }
.fa-grin-tears:before { content: "\f588" }
.fa-grin-tongue:before { content: "\f589" }
.fa-grin-tongue-squint:before { content: "\f58a" }
.fa-grin-tongue-wink:before { content: "\f58b" }
.fa-grin-wink:before { content: "\f58c" }
.fa-grip-horizontal:before { content: "\f58d" }
.fa-grip-lines:before { content: "\f7a4" }
.fa-grip-lines-vertical:before { content: "\f7a5" }
.fa-grip-vertical:before { content: "\f58e" }
.fa-gripfire:before { content: "\f3ac" }
.fa-grunt:before { content: "\f3ad" }
.fa-guitar:before { content: "\f7a6" }
.fa-gulp:before { content: "\f3ae" }
.fa-h-square:before { content: "\f0fd" }
.fa-hackerrank:before { content: "\f5f7" }
.fa-hammer:before { content: "\f6e3" }
.fa-hamsa:before { content: "\f665" }
.fa-hand-holding:before { content: "\f4bd" }
.fa-hand-holding-heart:before { content: "\f4be" }
.fa-hand-holding-usd:before { content: "\f4c0" }
.fa-hand-lizard:before { content: "\f258" }
.fa-hand-middle-finger:before { content: "\f806" }
.fa-hand-paper:before { content: "\f256" }
.fa-hand-peace:before { content: "\f25b" }
.fa-hand-point-down:before { content: "\f0a7" }
.fa-hand-point-left:before { content: "\f0a5" }
.fa-hand-point-right:before { content: "\f0a4" }
.fa-hand-point-up:before { content: "\f0a6" }
.fa-hand-pointer:before { content: "\f25a" }
.fa-hand-rock:before { content: "\f255" }
.fa-hand-scissors:before { content: "\f257" }
.fa-hand-spock:before { content: "\f259" }
.fa-hands:before { content: "\f4c2" }
.fa-hands-helping:before { content: "\f4c4" }
.fa-handshake:before { content: "\f2b5" }
.fa-hanukiah:before { content: "\f6e6" }
.fa-hard-hat:before { content: "\f807" }
.fa-hashtag:before { content: "\f292" }
.fa-hat-wizard:before { content: "\f6e8" }
.fa-haykal:before { content: "\f666" }
.fa-hdd:before { content: "\f0a0" }
.fa-heading:before { content: "\f1dc" }
.fa-headphones:before { content: "\f025" }
.fa-headphones-alt:before { content: "\f58f" }
.fa-headset:before { content: "\f590" }
.fa-heart:before { content: "\f004" }
.fa-heart-broken:before { content: "\f7a9" }
.fa-heartbeat:before { content: "\f21e" }
.fa-helicopter:before { content: "\f533" }
.fa-highlighter:before { content: "\f591" }
.fa-hiking:before { content: "\f6ec" }
.fa-hippo:before { content: "\f6ed" }
.fa-hips:before { content: "\f452" }
.fa-hire-a-helper:before { content: "\f3b0" }
.fa-history:before { content: "\f1da" }
.fa-hockey-puck:before { content: "\f453" }
.fa-holly-berry:before { content: "\f7aa" }
.fa-home:before { content: "\f015" }
.fa-hooli:before { content: "\f427" }
.fa-hornbill:before { content: "\f592" }
.fa-horse:before { content: "\f6f0" }
.fa-horse-head:before { content: "\f7ab" }
.fa-hospital:before { content: "\f0f8" }
.fa-hospital-alt:before { content: "\f47d" }
.fa-hospital-symbol:before { content: "\f47e" }
.fa-hot-tub:before { content: "\f593" }
.fa-hotdog:before { content: "\f80f" }
.fa-hotel:before { content: "\f594" }
.fa-hotjar:before { content: "\f3b1" }
.fa-hourglass:before { content: "\f254" }
.fa-hourglass-end:before { content: "\f253" }
.fa-hourglass-half:before { content: "\f252" }
.fa-hourglass-start:before { content: "\f251" }
.fa-house-damage:before { content: "\f6f1" }
.fa-houzz:before { content: "\f27c" }
.fa-hryvnia:before { content: "\f6f2" }
.fa-html5:before { content: "\f13b" }
.fa-hubspot:before { content: "\f3b2" }
.fa-i-cursor:before { content: "\f246" }
.fa-ice-cream:before { content: "\f810" }
.fa-icicles:before { content: "\f7ad" }
.fa-icons:before { content: "\f86d" }
.fa-id-badge:before { content: "\f2c1" }
.fa-id-card:before { content: "\f2c2" }
.fa-id-card-alt:before { content: "\f47f" }
.fa-igloo:before { content: "\f7ae" }
.fa-image:before { content: "\f03e" }
.fa-images:before { content: "\f302" }
.fa-imdb:before { content: "\f2d8" }
.fa-inbox:before { content: "\f01c" }
.fa-indent:before { content: "\f03c" }
.fa-industry:before { content: "\f275" }
.fa-infinity:before { content: "\f534" }
.fa-info:before { content: "\f129" }
.fa-info-circle:before { content: "\f05a" }
.fa-instagram:before { content: "\f16d" }
.fa-intercom:before { content: "\f7af" }
.fa-internet-explorer:before { content: "\f26b" }
.fa-invision:before { content: "\f7b0" }
.fa-ioxhost:before { content: "\f208" }
.fa-italic:before { content: "\f033" }
.fa-itch-io:before { content: "\f83a" }
.fa-itunes:before { content: "\f3b4" }
.fa-itunes-note:before { content: "\f3b5" }
.fa-java:before { content: "\f4e4" }
.fa-jedi:before { content: "\f669" }
.fa-jedi-order:before { content: "\f50e" }
.fa-jenkins:before { content: "\f3b6" }
.fa-jira:before { content: "\f7b1" }
.fa-joget:before { content: "\f3b7" }
.fa-joint:before { content: "\f595" }
.fa-joomla:before { content: "\f1aa" }
.fa-journal-whills:before { content: "\f66a" }
.fa-js:before { content: "\f3b8" }
.fa-js-square:before { content: "\f3b9" }
.fa-jsfiddle:before { content: "\f1cc" }
.fa-kaaba:before { content: "\f66b" }
.fa-kaggle:before { content: "\f5fa" }
.fa-key:before { content: "\f084" }
.fa-keybase:before { content: "\f4f5" }
.fa-keyboard:before { content: "\f11c" }
.fa-keycdn:before { content: "\f3ba" }
.fa-khanda:before { content: "\f66d" }
.fa-kickstarter:before { content: "\f3bb" }
.fa-kickstarter-k:before { content: "\f3bc" }
.fa-kiss:before { content: "\f596" }
.fa-kiss-beam:before { content: "\f597" }
.fa-kiss-wink-heart:before { content: "\f598" }
.fa-kiwi-bird:before { content: "\f535" }
.fa-korvue:before { content: "\f42f" }
.fa-landmark:before { content: "\f66f" }
.fa-language:before { content: "\f1ab" }
.fa-laptop:before { content: "\f109" }
.fa-laptop-code:before { content: "\f5fc" }
.fa-laptop-medical:before { content: "\f812" }
.fa-laravel:before { content: "\f3bd" }
.fa-lastfm:before { content: "\f202" }
.fa-lastfm-square:before { content: "\f203" }
.fa-laugh:before { content: "\f599" }
.fa-laugh-beam:before { content: "\f59a" }
.fa-laugh-squint:before { content: "\f59b" }
.fa-laugh-wink:before { content: "\f59c" }
.fa-layer-group:before { content: "\f5fd" }
.fa-leaf:before { content: "\f06c" }
.fa-leanpub:before { content: "\f212" }
.fa-lemon:before { content: "\f094" }
.fa-less:before { content: "\f41d" }
.fa-less-than:before { content: "\f536" }
.fa-less-than-equal:before { content: "\f537" }
.fa-level-down-alt:before { content: "\f3be" }
.fa-level-up-alt:before { content: "\f3bf" }
.fa-life-ring:before { content: "\f1cd" }
.fa-lightbulb:before { content: "\f0eb" }
.fa-line:before { content: "\f3c0" }
.fa-link:before { content: "\f0c1" }
.fa-linkedin:before { content: "\f08c" }
.fa-linkedin-in:before { content: "\f0e1" }
.fa-linode:before { content: "\f2b8" }
.fa-linux:before { content: "\f17c" }
.fa-lira-sign:before { content: "\f195" }
.fa-list:before { content: "\f03a" }
.fa-list-alt:before { content: "\f022" }
.fa-list-ol:before { content: "\f0cb" }
.fa-list-ul:before { content: "\f0ca" }
.fa-location-arrow:before { content: "\f124" }
.fa-lock:before { content: "\f023" }
.fa-lock-open:before { content: "\f3c1" }
.fa-long-arrow-alt-down:before { content: "\f309" }
.fa-long-arrow-alt-left:before { content: "\f30a" }
.fa-long-arrow-alt-right:before { content: "\f30b" }
.fa-long-arrow-alt-up:before { content: "\f30c" }
.fa-low-vision:before { content: "\f2a8" }
.fa-luggage-cart:before { content: "\f59d" }
.fa-lyft:before { content: "\f3c3" }
.fa-magento:before { content: "\f3c4" }
.fa-magic:before { content: "\f0d0" }
.fa-magnet:before { content: "\f076" }
.fa-mail-bulk:before { content: "\f674" }
.fa-mailchimp:before { content: "\f59e" }
.fa-male:before { content: "\f183" }
.fa-mandalorian:before { content: "\f50f" }
.fa-map:before { content: "\f279" }
.fa-map-marked:before { content: "\f59f" }
.fa-map-marked-alt:before { content: "\f5a0" }
.fa-map-marker:before { content: "\f041" }
.fa-map-marker-alt:before { content: "\f3c5" }
.fa-map-pin:before { content: "\f276" }
.fa-map-signs:before { content: "\f277" }
.fa-markdown:before { content: "\f60f" }
.fa-marker:before { content: "\f5a1" }
.fa-mars:before { content: "\f222" }
.fa-mars-double:before { content: "\f227" }
.fa-mars-stroke:before { content: "\f229" }
.fa-mars-stroke-h:before { content: "\f22b" }
.fa-mars-stroke-v:before { content: "\f22a" }
.fa-mask:before { content: "\f6fa" }
.fa-mastodon:before { content: "\f4f6" }
.fa-maxcdn:before { content: "\f136" }
.fa-medal:before { content: "\f5a2" }
.fa-medapps:before { content: "\f3c6" }
.fa-medium:before { content: "\f23a" }
.fa-medium-m:before { content: "\f3c7" }
.fa-medkit:before { content: "\f0fa" }
.fa-medrt:before { content: "\f3c8" }
.fa-meetup:before { content: "\f2e0" }
.fa-megaport:before { content: "\f5a3" }
.fa-meh:before { content: "\f11a" }
.fa-meh-blank:before { content: "\f5a4" }
.fa-meh-rolling-eyes:before { content: "\f5a5" }
.fa-memory:before { content: "\f538" }
.fa-mendeley:before { content: "\f7b3" }
.fa-menorah:before { content: "\f676" }
.fa-mercury:before { content: "\f223" }
.fa-meteor:before { content: "\f753" }
.fa-microchip:before { content: "\f2db" }
.fa-microphone:before { content: "\f130" }
.fa-microphone-alt:before { content: "\f3c9" }
.fa-microphone-alt-slash:before { content: "\f539" }
.fa-microphone-slash:before { content: "\f131" }
.fa-microscope:before { content: "\f610" }
.fa-microsoft:before { content: "\f3ca" }
.fa-minus:before { content: "\f068" }
.fa-minus-circle:before { content: "\f056" }
.fa-minus-square:before { content: "\f146" }
.fa-mitten:before { content: "\f7b5" }
.fa-mix:before { content: "\f3cb" }
.fa-mixcloud:before { content: "\f289" }
.fa-mizuni:before { content: "\f3cc" }
.fa-mobile:before { content: "\f10b" }
.fa-mobile-alt:before { content: "\f3cd" }
.fa-modx:before { content: "\f285" }
.fa-monero:before { content: "\f3d0" }
.fa-money-bill:before { content: "\f0d6" }
.fa-money-bill-alt:before { content: "\f3d1" }
.fa-money-bill-wave:before { content: "\f53a" }
.fa-money-bill-wave-alt:before { content: "\f53b" }
.fa-money-check:before { content: "\f53c" }
.fa-money-check-alt:before { content: "\f53d" }
.fa-monument:before { content: "\f5a6" }
.fa-moon:before { content: "\f186" }
.fa-mortar-pestle:before { content: "\f5a7" }
.fa-mosque:before { content: "\f678" }
.fa-motorcycle:before { content: "\f21c" }
.fa-mountain:before { content: "\f6fc" }
.fa-mouse-pointer:before { content: "\f245" }
.fa-mug-hot:before { content: "\f7b6" }
.fa-music:before { content: "\f001" }
.fa-napster:before { content: "\f3d2" }
.fa-neos:before { content: "\f612" }
.fa-network-wired:before { content: "\f6ff" }
.fa-neuter:before { content: "\f22c" }
.fa-nimblr:before { content: "\f5a8" }
.fa-node:before { content: "\f419" }
.fa-node-js:before { content: "\f3d3" }
.fa-not-equal:before { content: "\f53e" }
.fa-notes-medical:before { content: "\f481" }
.fa-npm:before { content: "\f3d4" }
.fa-ns8:before { content: "\f3d5" }
.fa-nutritionix:before { content: "\f3d6" }
.fa-object-group:before { content: "\f247" }
.fa-object-ungroup:before { content: "\f248" }
.fa-odnoklassniki:before { content: "\f263" }
.fa-odnoklassniki-square:before { content: "\f264" }
.fa-oil-can:before { content: "\f613" }
.fa-old-republic:before { content: "\f510" }
.fa-om:before { content: "\f679" }
.fa-opencart:before { content: "\f23d" }
.fa-openid:before { content: "\f19b" }
.fa-opera:before { content: "\f26a" }
.fa-optin-monster:before { content: "\f23c" }
.fa-osi:before { content: "\f41a" }
.fa-otter:before { content: "\f700" }
.fa-outdent:before { content: "\f03b" }
.fa-page4:before { content: "\f3d7" }
.fa-pagelines:before { content: "\f18c" }
.fa-pager:before { content: "\f815" }
.fa-paint-brush:before { content: "\f1fc" }
.fa-paint-roller:before { content: "\f5aa" }
.fa-palette:before { content: "\f53f" }
.fa-palfed:before { content: "\f3d8" }
.fa-pallet:before { content: "\f482" }
.fa-paper-plane:before { content: "\f1d8" }
.fa-paperclip:before { content: "\f0c6" }
.fa-parachute-box:before { content: "\f4cd" }
.fa-paragraph:before { content: "\f1dd" }
.fa-parking:before { content: "\f540" }
.fa-passport:before { content: "\f5ab" }
.fa-pastafarianism:before { content: "\f67b" }
.fa-paste:before { content: "\f0ea" }
.fa-patreon:before { content: "\f3d9" }
.fa-pause:before { content: "\f04c" }
.fa-pause-circle:before { content: "\f28b" }
.fa-paw:before { content: "\f1b0" }
.fa-paypal:before { content: "\f1ed" }
.fa-peace:before { content: "\f67c" }
.fa-pen:before { content: "\f304" }
.fa-pen-alt:before { content: "\f305" }
.fa-pen-fancy:before { content: "\f5ac" }
.fa-pen-nib:before { content: "\f5ad" }
.fa-pen-square:before { content: "\f14b" }
.fa-pencil-alt:before { content: "\f303" }
.fa-pencil-ruler:before { content: "\f5ae" }
.fa-penny-arcade:before { content: "\f704" }
.fa-people-carry:before { content: "\f4ce" }
.fa-pepper-hot:before { content: "\f816" }
.fa-percent:before { content: "\f295" }
.fa-percentage:before { content: "\f541" }
.fa-periscope:before { content: "\f3da" }
.fa-person-booth:before { content: "\f756" }
.fa-phabricator:before { content: "\f3db" }
.fa-phoenix-framework:before { content: "\f3dc" }
.fa-phoenix-squadron:before { content: "\f511" }
.fa-phone:before { content: "\f095" }
.fa-phone-alt:before { content: "\f879" }
.fa-phone-slash:before { content: "\f3dd" }
.fa-phone-square:before { content: "\f098" }
.fa-phone-square-alt:before { content: "\f87b" }
.fa-phone-volume:before { content: "\f2a0" }
.fa-photo-video:before { content: "\f87c" }
.fa-php:before { content: "\f457" }
.fa-pied-piper:before { content: "\f2ae" }
.fa-pied-piper-alt:before { content: "\f1a8" }
.fa-pied-piper-hat:before { content: "\f4e5" }
.fa-pied-piper-pp:before { content: "\f1a7" }
.fa-piggy-bank:before { content: "\f4d3" }
.fa-pills:before { content: "\f484" }
.fa-pinterest:before { content: "\f0d2" }
.fa-pinterest-p:before { content: "\f231" }
.fa-pinterest-square:before { content: "\f0d3" }
.fa-pizza-slice:before { content: "\f818" }
.fa-place-of-worship:before { content: "\f67f" }
.fa-plane:before { content: "\f072" }
.fa-plane-arrival:before { content: "\f5af" }
.fa-plane-departure:before { content: "\f5b0" }
.fa-play:before { content: "\f04b" }
.fa-play-circle:before { content: "\f144" }
.fa-playstation:before { content: "\f3df" }
.fa-plug:before { content: "\f1e6" }
.fa-plus:before { content: "\f067" }
.fa-plus-circle:before { content: "\f055" }
.fa-plus-square:before { content: "\f0fe" }
.fa-podcast:before { content: "\f2ce" }
.fa-poll:before { content: "\f681" }
.fa-poll-h:before { content: "\f682" }
.fa-poo:before { content: "\f2fe" }
.fa-poo-storm:before { content: "\f75a" }
.fa-poop:before { content: "\f619" }
.fa-portrait:before { content: "\f3e0" }
.fa-pound-sign:before { content: "\f154" }
.fa-power-off:before { content: "\f011" }
.fa-pray:before { content: "\f683" }
.fa-praying-hands:before { content: "\f684" }
.fa-prescription:before { content: "\f5b1" }
.fa-prescription-bottle:before { content: "\f485" }
.fa-prescription-bottle-alt:before { content: "\f486" }
.fa-print:before { content: "\f02f" }
.fa-procedures:before { content: "\f487" }
.fa-product-hunt:before { content: "\f288" }
.fa-project-diagram:before { content: "\f542" }
.fa-pushed:before { content: "\f3e1" }
.fa-puzzle-piece:before { content: "\f12e" }
.fa-python:before { content: "\f3e2" }
.fa-qq:before { content: "\f1d6" }
.fa-qrcode:before { content: "\f029" }
.fa-question:before { content: "\f128" }
.fa-question-circle:before { content: "\f059" }
.fa-quidditch:before { content: "\f458" }
.fa-quinscape:before { content: "\f459" }
.fa-quora:before { content: "\f2c4" }
.fa-quote-left:before { content: "\f10d" }
.fa-quote-right:before { content: "\f10e" }
.fa-quran:before { content: "\f687" }
.fa-r-project:before { content: "\f4f7" }
.fa-radiation:before { content: "\f7b9" }
.fa-radiation-alt:before { content: "\f7ba" }
.fa-rainbow:before { content: "\f75b" }
.fa-random:before { content: "\f074" }
.fa-raspberry-pi:before { content: "\f7bb" }
.fa-ravelry:before { content: "\f2d9" }
.fa-react:before { content: "\f41b" }
.fa-reacteurope:before { content: "\f75d" }
.fa-readme:before { content: "\f4d5" }
.fa-rebel:before { content: "\f1d0" }
.fa-receipt:before { content: "\f543" }
.fa-recycle:before { content: "\f1b8" }
.fa-red-river:before { content: "\f3e3" }
.fa-reddit:before { content: "\f1a1" }
.fa-reddit-alien:before { content: "\f281" }
.fa-reddit-square:before { content: "\f1a2" }
.fa-redhat:before { content: "\f7bc" }
.fa-redo:before { content: "\f01e" }
.fa-redo-alt:before { content: "\f2f9" }
.fa-registered:before { content: "\f25d" }
.fa-remove-format:before { content: "\f87d" }
.fa-renren:before { content: "\f18b" }
.fa-reply:before { content: "\f3e5" }
.fa-reply-all:before { content: "\f122" }
.fa-replyd:before { content: "\f3e6" }
.fa-republican:before { content: "\f75e" }
.fa-researchgate:before { content: "\f4f8" }
.fa-resolving:before { content: "\f3e7" }
.fa-restroom:before { content: "\f7bd" }
.fa-retweet:before { content: "\f079" }
.fa-rev:before { content: "\f5b2" }
.fa-ribbon:before { content: "\f4d6" }
.fa-ring:before { content: "\f70b" }
.fa-road:before { content: "\f018" }
.fa-robot:before { content: "\f544" }
.fa-rocket:before { content: "\f135" }
.fa-rocketchat:before { content: "\f3e8" }
.fa-rockrms:before { content: "\f3e9" }
.fa-route:before { content: "\f4d7" }
.fa-rss:before { content: "\f09e" }
.fa-rss-square:before { content: "\f143" }
.fa-ruble-sign:before { content: "\f158" }
.fa-ruler:before { content: "\f545" }
.fa-ruler-combined:before { content: "\f546" }
.fa-ruler-horizontal:before { content: "\f547" }
.fa-ruler-vertical:before { content: "\f548" }
.fa-running:before { content: "\f70c" }
.fa-rupee-sign:before { content: "\f156" }
.fa-sad-cry:before { content: "\f5b3" }
.fa-sad-tear:before { content: "\f5b4" }
.fa-safari:before { content: "\f267" }
.fa-salesforce:before { content: "\f83b" }
.fa-sass:before { content: "\f41e" }
.fa-satellite:before { content: "\f7bf" }
.fa-satellite-dish:before { content: "\f7c0" }
.fa-save:before { content: "\f0c7" }
.fa-schlix:before { content: "\f3ea" }
.fa-school:before { content: "\f549" }
.fa-screwdriver:before { content: "\f54a" }
.fa-scribd:before { content: "\f28a" }
.fa-scroll:before { content: "\f70e" }
.fa-sd-card:before { content: "\f7c2" }
.fa-search:before { content: "\f002" }
.fa-search-dollar:before { content: "\f688" }
.fa-search-location:before { content: "\f689" }
.fa-search-minus:before { content: "\f010" }
.fa-search-plus:before { content: "\f00e" }
.fa-searchengin:before { content: "\f3eb" }
.fa-seedling:before { content: "\f4d8" }
.fa-sellcast:before { content: "\f2da" }
.fa-sellsy:before { content: "\f213" }
.fa-server:before { content: "\f233" }
.fa-servicestack:before { content: "\f3ec" }
.fa-shapes:before { content: "\f61f" }
.fa-share:before { content: "\f064" }
.fa-share-alt:before { content: "\f1e0" }
.fa-share-alt-square:before { content: "\f1e1" }
.fa-share-square:before { content: "\f14d" }
.fa-shekel-sign:before { content: "\f20b" }
.fa-shield-alt:before { content: "\f3ed" }
.fa-ship:before { content: "\f21a" }
.fa-shipping-fast:before { content: "\f48b" }
.fa-shirtsinbulk:before { content: "\f214" }
.fa-shoe-prints:before { content: "\f54b" }
.fa-shopping-bag:before { content: "\f290" }
.fa-shopping-basket:before { content: "\f291" }
.fa-shopping-cart:before { content: "\f07a" }
.fa-shopware:before { content: "\f5b5" }
.fa-shower:before { content: "\f2cc" }
.fa-shuttle-van:before { content: "\f5b6" }
.fa-sign:before { content: "\f4d9" }
.fa-sign-in-alt:before { content: "\f2f6" }
.fa-sign-language:before { content: "\f2a7" }
.fa-sign-out-alt:before { content: "\f2f5" }
.fa-signal:before { content: "\f012" }
.fa-signature:before { content: "\f5b7" }
.fa-sim-card:before { content: "\f7c4" }
.fa-simplybuilt:before { content: "\f215" }
.fa-sistrix:before { content: "\f3ee" }
.fa-sitemap:before { content: "\f0e8" }
.fa-sith:before { content: "\f512" }
.fa-skating:before { content: "\f7c5" }
.fa-sketch:before { content: "\f7c6" }
.fa-skiing:before { content: "\f7c9" }
.fa-skiing-nordic:before { content: "\f7ca" }
.fa-skull:before { content: "\f54c" }
.fa-skull-crossbones:before { content: "\f714" }
.fa-skyatlas:before { content: "\f216" }
.fa-skype:before { content: "\f17e" }
.fa-slack:before { content: "\f198" }
.fa-slack-hash:before { content: "\f3ef" }
.fa-slash:before { content: "\f715" }
.fa-sleigh:before { content: "\f7cc" }
.fa-sliders-h:before { content: "\f1de" }
.fa-slideshare:before { content: "\f1e7" }
.fa-smile:before { content: "\f118" }
.fa-smile-beam:before { content: "\f5b8" }
.fa-smile-wink:before { content: "\f4da" }
.fa-smog:before { content: "\f75f" }
.fa-smoking:before { content: "\f48d" }
.fa-smoking-ban:before { content: "\f54d" }
.fa-sms:before { content: "\f7cd" }
.fa-snapchat:before { content: "\f2ab" }
.fa-snapchat-ghost:before { content: "\f2ac" }
.fa-snapchat-square:before { content: "\f2ad" }
.fa-snowboarding:before { content: "\f7ce" }
.fa-snowflake:before { content: "\f2dc" }
.fa-snowman:before { content: "\f7d0" }
.fa-snowplow:before { content: "\f7d2" }
.fa-socks:before { content: "\f696" }
.fa-solar-panel:before { content: "\f5ba" }
.fa-sort:before { content: "\f0dc" }
.fa-sort-alpha-down:before { content: "\f15d" }
.fa-sort-alpha-down-alt:before { content: "\f881" }
.fa-sort-alpha-up:before { content: "\f15e" }
.fa-sort-alpha-up-alt:before { content: "\f882" }
.fa-sort-amount-down:before { content: "\f160" }
.fa-sort-amount-down-alt:before { content: "\f884" }
.fa-sort-amount-up:before { content: "\f161" }
.fa-sort-amount-up-alt:before { content: "\f885" }
.fa-sort-down:before { content: "\f0dd" }
.fa-sort-numeric-down:before { content: "\f162" }
.fa-sort-numeric-down-alt:before { content: "\f886" }
.fa-sort-numeric-up:before { content: "\f163" }
.fa-sort-numeric-up-alt:before { content: "\f887" }
.fa-sort-up:before { content: "\f0de" }
.fa-soundcloud:before { content: "\f1be" }
.fa-sourcetree:before { content: "\f7d3" }
.fa-spa:before { content: "\f5bb" }
.fa-space-shuttle:before { content: "\f197" }
.fa-speakap:before { content: "\f3f3" }
.fa-speaker-deck:before { content: "\f83c" }
.fa-spell-check:before { content: "\f891" }
.fa-spider:before { content: "\f717" }
.fa-spinner:before { content: "\f110" }
.fa-splotch:before { content: "\f5bc" }
.fa-spotify:before { content: "\f1bc" }
.fa-spray-can:before { content: "\f5bd" }
.fa-square:before { content: "\f0c8" }
.fa-square-full:before { content: "\f45c" }
.fa-square-root-alt:before { content: "\f698" }
.fa-squarespace:before { content: "\f5be" }
.fa-stack-exchange:before { content: "\f18d" }
.fa-stack-overflow:before { content: "\f16c" }
.fa-stackpath:before { content: "\f842" }
.fa-stamp:before { content: "\f5bf" }
.fa-star:before { content: "\f005" }
.fa-star-and-crescent:before { content: "\f699" }
.fa-star-half:before { content: "\f089" }
.fa-star-half-alt:before { content: "\f5c0" }
.fa-star-of-david:before { content: "\f69a" }
.fa-star-of-life:before { content: "\f621" }
.fa-staylinked:before { content: "\f3f5" }
.fa-steam:before { content: "\f1b6" }
.fa-steam-square:before { content: "\f1b7" }
.fa-steam-symbol:before { content: "\f3f6" }
.fa-step-backward:before { content: "\f048" }
.fa-step-forward:before { content: "\f051" }
.fa-stethoscope:before { content: "\f0f1" }
.fa-sticker-mule:before { content: "\f3f7" }
.fa-sticky-note:before { content: "\f249" }
.fa-stop:before { content: "\f04d" }
.fa-stop-circle:before { content: "\f28d" }
.fa-stopwatch:before { content: "\f2f2" }
.fa-store:before { content: "\f54e" }
.fa-store-alt:before { content: "\f54f" }
.fa-strava:before { content: "\f428" }
.fa-stream:before { content: "\f550" }
.fa-street-view:before { content: "\f21d" }
.fa-strikethrough:before { content: "\f0cc" }
.fa-stripe:before { content: "\f429" }
.fa-stripe-s:before { content: "\f42a" }
.fa-stroopwafel:before { content: "\f551" }
.fa-studiovinari:before { content: "\f3f8" }
.fa-stumbleupon:before { content: "\f1a4" }
.fa-stumbleupon-circle:before { content: "\f1a3" }
.fa-subscript:before { content: "\f12c" }
.fa-subway:before { content: "\f239" }
.fa-suitcase:before { content: "\f0f2" }
.fa-suitcase-rolling:before { content: "\f5c1" }
.fa-sun:before { content: "\f185" }
.fa-superpowers:before { content: "\f2dd" }
.fa-superscript:before { content: "\f12b" }
.fa-supple:before { content: "\f3f9" }
.fa-surprise:before { content: "\f5c2" }
.fa-suse:before { content: "\f7d6" }
.fa-swatchbook:before { content: "\f5c3" }
.fa-swimmer:before { content: "\f5c4" }
.fa-swimming-pool:before { content: "\f5c5" }
.fa-symfony:before { content: "\f83d" }
.fa-synagogue:before { content: "\f69b" }
.fa-sync:before { content: "\f021" }
.fa-sync-alt:before { content: "\f2f1" }
.fa-syringe:before { content: "\f48e" }
.fa-table:before { content: "\f0ce" }
.fa-table-tennis:before { content: "\f45d" }
.fa-tablet:before { content: "\f10a" }
.fa-tablet-alt:before { content: "\f3fa" }
.fa-tablets:before { content: "\f490" }
.fa-tachometer-alt:before { content: "\f3fd" }
.fa-tag:before { content: "\f02b" }
.fa-tags:before { content: "\f02c" }
.fa-tape:before { content: "\f4db" }
.fa-tasks:before { content: "\f0ae" }
.fa-taxi:before { content: "\f1ba" }
.fa-teamspeak:before { content: "\f4f9" }
.fa-teeth:before { content: "\f62e" }
.fa-teeth-open:before { content: "\f62f" }
.fa-telegram:before { content: "\f2c6" }
.fa-telegram-plane:before { content: "\f3fe" }
.fa-temperature-high:before { content: "\f769" }
.fa-temperature-low:before { content: "\f76b" }
.fa-tencent-weibo:before { content: "\f1d5" }
.fa-tenge:before { content: "\f7d7" }
.fa-terminal:before { content: "\f120" }
.fa-text-height:before { content: "\f034" }
.fa-text-width:before { content: "\f035" }
.fa-th:before { content: "\f00a" }
.fa-th-large:before { content: "\f009" }
.fa-th-list:before { content: "\f00b" }
.fa-the-red-yeti:before { content: "\f69d" }
.fa-theater-masks:before { content: "\f630" }
.fa-themeco:before { content: "\f5c6" }
.fa-themeisle:before { content: "\f2b2" }
.fa-thermometer:before { content: "\f491" }
.fa-thermometer-empty:before { content: "\f2cb" }
.fa-thermometer-full:before { content: "\f2c7" }
.fa-thermometer-half:before { content: "\f2c9" }
.fa-thermometer-quarter:before { content: "\f2ca" }
.fa-thermometer-three-quarters:before { content: "\f2c8" }
.fa-think-peaks:before { content: "\f731" }
.fa-thumbs-down:before { content: "\f165" }
.fa-thumbs-up:before { content: "\f164" }
.fa-thumbtack:before { content: "\f08d" }
.fa-ticket-alt:before { content: "\f3ff" }
.fa-times:before { content: "\f00d" }
.fa-times-circle:before { content: "\f057" }
.fa-tint:before { content: "\f043" }
.fa-tint-slash:before { content: "\f5c7" }
.fa-tired:before { content: "\f5c8" }
.fa-toggle-off:before { content: "\f204" }
.fa-toggle-on:before { content: "\f205" }
.fa-toilet:before { content: "\f7d8" }
.fa-toilet-paper:before { content: "\f71e" }
.fa-toolbox:before { content: "\f552" }
.fa-tools:before { content: "\f7d9" }
.fa-tooth:before { content: "\f5c9" }
.fa-torah:before { content: "\f6a0" }
.fa-torii-gate:before { content: "\f6a1" }
.fa-tractor:before { content: "\f722" }
.fa-trade-federation:before { content: "\f513" }
.fa-trademark:before { content: "\f25c" }
.fa-traffic-light:before { content: "\f637" }
.fa-train:before { content: "\f238" }
.fa-tram:before { content: "\f7da" }
.fa-transgender:before { content: "\f224" }
.fa-transgender-alt:before { content: "\f225" }
.fa-trash:before { content: "\f1f8" }
.fa-trash-alt:before { content: "\f2ed" }
.fa-trash-restore:before { content: "\f829" }
.fa-trash-restore-alt:before { content: "\f82a" }
.fa-tree:before { content: "\f1bb" }
.fa-trello:before { content: "\f181" }
.fa-tripadvisor:before { content: "\f262" }
.fa-trophy:before { content: "\f091" }
.fa-truck:before { content: "\f0d1" }
.fa-truck-loading:before { content: "\f4de" }
.fa-truck-monster:before { content: "\f63b" }
.fa-truck-moving:before { content: "\f4df" }
.fa-truck-pickup:before { content: "\f63c" }
.fa-tshirt:before { content: "\f553" }
.fa-tty:before { content: "\f1e4" }
.fa-tumblr:before { content: "\f173" }
.fa-tumblr-square:before { content: "\f174" }
.fa-tv:before { content: "\f26c" }
.fa-twitch:before { content: "\f1e8" }
.fa-twitter:before { content: "\f099" }
.fa-twitter-square:before { content: "\f081" }
.fa-typo3:before { content: "\f42b" }
.fa-uber:before { content: "\f402" }
.fa-ubuntu:before { content: "\f7df" }
.fa-uikit:before { content: "\f403" }
.fa-umbrella:before { content: "\f0e9" }
.fa-umbrella-beach:before { content: "\f5ca" }
.fa-underline:before { content: "\f0cd" }
.fa-undo:before { content: "\f0e2" }
.fa-undo-alt:before { content: "\f2ea" }
.fa-uniregistry:before { content: "\f404" }
.fa-universal-access:before { content: "\f29a" }
.fa-university:before { content: "\f19c" }
.fa-unlink:before { content: "\f127" }
.fa-unlock:before { content: "\f09c" }
.fa-unlock-alt:before { content: "\f13e" }
.fa-untappd:before { content: "\f405" }
.fa-upload:before { content: "\f093" }
.fa-ups:before { content: "\f7e0" }
.fa-usb:before { content: "\f287" }
.fa-user:before { content: "\f007" }
.fa-user-alt:before { content: "\f406" }
.fa-user-alt-slash:before { content: "\f4fa" }
.fa-user-astronaut:before { content: "\f4fb" }
.fa-user-check:before { content: "\f4fc" }
.fa-user-circle:before { content: "\f2bd" }
.fa-user-clock:before { content: "\f4fd" }
.fa-user-cog:before { content: "\f4fe" }
.fa-user-edit:before { content: "\f4ff" }
.fa-user-friends:before { content: "\f500" }
.fa-user-graduate:before { content: "\f501" }
.fa-user-injured:before { content: "\f728" }
.fa-user-lock:before { content: "\f502" }
.fa-user-md:before { content: "\f0f0" }
.fa-user-minus:before { content: "\f503" }
.fa-user-ninja:before { content: "\f504" }
.fa-user-nurse:before { content: "\f82f" }
.fa-user-plus:before { content: "\f234" }
.fa-user-secret:before { content: "\f21b" }
.fa-user-shield:before { content: "\f505" }
.fa-user-slash:before { content: "\f506" }
.fa-user-tag:before { content: "\f507" }
.fa-user-tie:before { content: "\f508" }
.fa-user-times:before { content: "\f235" }
.fa-users:before { content: "\f0c0" }
.fa-users-cog:before { content: "\f509" }
.fa-usps:before { content: "\f7e1" }
.fa-ussunnah:before { content: "\f407" }
.fa-utensil-spoon:before { content: "\f2e5" }
.fa-utensils:before { content: "\f2e7" }
.fa-vaadin:before { content: "\f408" }
.fa-vector-square:before { content: "\f5cb" }
.fa-venus:before { content: "\f221" }
.fa-venus-double:before { content: "\f226" }
.fa-venus-mars:before { content: "\f228" }
.fa-viacoin:before { content: "\f237" }
.fa-viadeo:before { content: "\f2a9" }
.fa-viadeo-square:before { content: "\f2aa" }
.fa-vial:before { content: "\f492" }
.fa-vials:before { content: "\f493" }
.fa-viber:before { content: "\f409" }
.fa-video:before { content: "\f03d" }
.fa-video-slash:before { content: "\f4e2" }
.fa-vihara:before { content: "\f6a7" }
.fa-vimeo:before { content: "\f40a" }
.fa-vimeo-square:before { content: "\f194" }
.fa-vimeo-v:before { content: "\f27d" }
.fa-vine:before { content: "\f1ca" }
.fa-vk:before { content: "\f189" }
.fa-vnv:before { content: "\f40b" }
.fa-voicemail:before { content: "\f897" }
.fa-volleyball-ball:before { content: "\f45f" }
.fa-volume-down:before { content: "\f027" }
.fa-volume-mute:before { content: "\f6a9" }
.fa-volume-off:before { content: "\f026" }
.fa-volume-up:before { content: "\f028" }
.fa-vote-yea:before { content: "\f772" }
.fa-vr-cardboard:before { content: "\f729" }
.fa-vuejs:before { content: "\f41f" }
.fa-walking:before { content: "\f554" }
.fa-wallet:before { content: "\f555" }
.fa-warehouse:before { content: "\f494" }
.fa-water:before { content: "\f773" }
.fa-wave-square:before { content: "\f83e" }
.fa-waze:before { content: "\f83f" }
.fa-weebly:before { content: "\f5cc" }
.fa-weibo:before { content: "\f18a" }
.fa-weight:before { content: "\f496" }
.fa-weight-hanging:before { content: "\f5cd" }
.fa-weixin:before { content: "\f1d7" }
.fa-whatsapp:before { content: "\f232" }
.fa-whatsapp-square:before { content: "\f40c" }
.fa-wheelchair:before { content: "\f193" }
.fa-whmcs:before { content: "\f40d" }
.fa-wifi:before { content: "\f1eb" }
.fa-wikipedia-w:before { content: "\f266" }
.fa-wind:before { content: "\f72e" }
.fa-window-close:before { content: "\f410" }
.fa-window-maximize:before { content: "\f2d0" }
.fa-window-minimize:before { content: "\f2d1" }
.fa-window-restore:before { content: "\f2d2" }
.fa-windows:before { content: "\f17a" }
.fa-wine-bottle:before { content: "\f72f" }
.fa-wine-glass:before { content: "\f4e3" }
.fa-wine-glass-alt:before { content: "\f5ce" }
.fa-wix:before { content: "\f5cf" }
.fa-wizards-of-the-coast:before { content: "\f730" }
.fa-wolf-pack-battalion:before { content: "\f514" }
.fa-won-sign:before { content: "\f159" }
.fa-wordpress:before { content: "\f19a" }
.fa-wordpress-simple:before { content: "\f411" }
.fa-wpbeginner:before { content: "\f297" }
.fa-wpexplorer:before { content: "\f2de" }
.fa-wpforms:before { content: "\f298" }
.fa-wpressr:before { content: "\f3e4" }
.fa-wrench:before { content: "\f0ad" }
.fa-x-ray:before { content: "\f497" }
.fa-xbox:before { content: "\f412" }
.fa-xing:before { content: "\f168" }
.fa-xing-square:before { content: "\f169" }
.fa-y-combinator:before { content: "\f23b" }
.fa-yahoo:before { content: "\f19e" }
.fa-yammer:before { content: "\f840" }
.fa-yandex:before { content: "\f413" }
.fa-yandex-international:before { content: "\f414" }
.fa-yarn:before { content: "\f7e3" }
.fa-yelp:before { content: "\f1e9" }
.fa-yen-sign:before { content: "\f157" }
.fa-yin-yang:before { content: "\f6ad" }
.fa-yoast:before { content: "\f2b1" }
.fa-youtube:before { content: "\f167" }
.fa-youtube-square:before { content: "\f431" }
.fa-zhihu:before { content: "\f63f" }
/* --- 3.0 Uncategorized --- */
.radiotype_custom.samll1 .checkmark:after { height: 8px; width: 8px }
.radiotype_custom .checkmark:before { content: ""; position: absolute; display: block; left: 50%; top: 50%; height: 100%; width: 100%; border-radius: 99em; transform: translate(-50%, -50%) scale(0.6); opacity: 0; transform-origin: center; background-color: #3D9738 }
.radiotype_custom .checkmark:after { content: ""; transition: all 0.4s cubic-bezier(0.13, 2.69, 0.47, 0.96); position: absolute; display: block; left: 50%; top: 50%; height: 13px; width: 13px; border-radius: 99em; transform: translate(-50%, -50%) scale(0); transform-origin: center; background-color: #777777 }
h1 { font-size: 2em; margin: 0 0 }
hr { box-sizing: content-box; height: 0; overflow: visible }
pre { font-family: monospace, monospace; font-size: 1em }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted }
b,
strong { font-weight: bolder }
code,
kbd,
samp { font-family: monospace, monospace; font-size: 1em }
small { font-size: 80% }
sub,
sup { font-size: 100%; transform: scale(0.5); line-height: 0; position: relative; vertical-align: baseline; display: inline-block; margin-left: -0.5% }
sub { bottom: -0.25em }
sup { top: -0.4em }
fieldset { padding: 0.35em 0.75em 0.625em }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }
progress { vertical-align: baseline }
[type="checkbox"],
[type="radio"] { box-sizing: border-box; padding: 0 }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
details { display: block }
summary { display: list-item }
template { display: none }
[hidden] { display: none }
:focus { outline: 0 }
ul,
li { margin: 0px; padding: 0px }
ol,
ul { list-style: none }
p>sup,
h3>sup { display: inline-block; top: -0.4em }
.calendar_msgbox { position: absolute; width: 150px; padding: 15px; line-height: 140%; color: #ffffff; font-size: 14px; top: 100%; left: -9999px; right: -9999px; margin: auto; opacity: 0; transform: translate(0, 10px); transition: all 0.4s cubic-bezier(0.48, 1.64, 0.71, 1.51) }
.calendar_msgbox:after { position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ""; background: rgba(0, 0, 0, 0.75); z-index: -1 }
#owlcarousel1 .animated { animation-duration: 2s !important; animation-fill-mode: both }
#owlcarousel1 .reverse .in .bg-image { animation-name: slideInReverse }
#owlcarousel1 .reverse .out .bg-image { animation-name: slideOutReverse }
from { transform: translateX(-50%); transform: translateX(50%); transform: translateX(0%); transform: translateX(0%) }
to { transform: translateX(0%); transform: translateX(0%); transform: translateX(50%); transform: translateX(-50%) }
[data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity, transform }
[data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translateZ(0) }
[data-aos^=fade][data-aos^=fade].aos-animate.aos-opacity95 { opacity: 0.95; transform: translateZ(0) }
[data-aos=fade-up] { transform: translate3d(0, 100px, 0) }
[data-aos=fade-down] { transform: translate3d(0, -100px, 0) }
[data-aos=fade-right] { transform: translate3d(-100px, 0, 0) }
[data-aos=fade-left] { transform: translate3d(100px, 0, 0) }
[data-aos=fade-up-right] { transform: translate3d(-100px, 100px, 0) }
[data-aos=fade-up-left] { transform: translate3d(100px, 100px, 0) }
[data-aos=fade-down-right] { transform: translate3d(-100px, -100px, 0) }
[data-aos=fade-down-left] { transform: translate3d(100px, -100px, 0) }
[data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity, transform }
[data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translateZ(0) scale(1) }
[data-aos=zoom-in] { transform: scale(0.6) }
[data-aos=zoom-in-up] { transform: translate3d(0, 100px, 0) scale(0.6) }
[data-aos=zoom-in-down] { transform: translate3d(0, -100px, 0) scale(0.6) }
[data-aos=zoom-in-right] { transform: translate3d(-100px, 0, 0) scale(0.6) }
[data-aos=zoom-in-left] { transform: translate3d(100px, 0, 0) scale(0.6) }
[data-aos=zoom-out] { transform: scale(1.2) }
[data-aos=zoom-out-up] { transform: translate3d(0, 100px, 0) scale(1.2) }
[data-aos=zoom-out-down] { transform: translate3d(0, -100px, 0) scale(1.2) }
[data-aos=zoom-out-right] { transform: translate3d(-100px, 0, 0) scale(1.2) }
[data-aos=zoom-out-left] { transform: translate3d(100px, 0, 0) scale(1.2) }
[data-aos^=slide][data-aos^=slide] { transition-property: transform }
[data-aos^=slide][data-aos^=slide].aos-animate { transform: translateZ(0) }
[data-aos=slide-up] { transform: translate3d(0, 100%, 0) }
[data-aos=slide-down] { transform: translate3d(0, -100%, 0) }
[data-aos=slide-right] { transform: translate3d(-100%, 0, 0) }
[data-aos=slide-left] { transform: translate3d(100%, 0, 0) }
[data-aos^=flip][data-aos^=flip] { backface-visibility: hidden; transition-property: transform }
[data-aos=flip-left] { transform: perspective(2500px) rotateY(-100deg) }
[data-aos=flip-left].aos-animate { transform: perspective(2500px) rotateY(0) }
[data-aos=flip-right] { transform: perspective(2500px) rotateY(100deg) }
[data-aos=flip-right].aos-animate { transform: perspective(2500px) rotateY(0) }
[data-aos=flip-up] { transform: perspective(2500px) rotateX(-100deg) }
[data-aos=flip-up].aos-animate { transform: perspective(2500px) rotateX(0) }
[data-aos=flip-down] { transform: perspective(2500px) rotateX(100deg) }
[data-aos=flip-down].aos-animate { transform: perspective(2500px) rotateX(0) }
.loader { overflow: hidden; position: fixed; z-index: 9999; width: 100%; height: 100%; background-color: #e2e4e2; top: 0; left: 0; transition: all 1s cubic-bezier(0.18, 0.28, 0, 0.86); font-family: sans-serif }
50% { animation-timing-function: ease-in; transform: translateX(100px) }
10% { transform: scale(1, 1.1) translate(0, -72px) }
95% { transform: scale(1.2, 0.8) translate(0, -4px) }
38% { transform: scaleX(1); transform-origin: left center }
52% { transform: scaleX(1); transform-origin: right center }
70% { transform: scaleX(0); transform-origin: right center }
2% { display: block; opacity: 0; transform: translate(-50%, -100px); display: block; opacity: 0; transform: translate(0%, -20px) }
.messagebox { position: absolute; opacity: 0; z-index: 999; font-family: "Roboto", "Noto Sans TC", sans-serif, "Microsoft Jhenghei"; max-width: 100% }
.messagebox .innerbox { width: 100%; background-color: #ffffff; position: relative; z-index: 2 }
.messagebox:after { position: absolute; content: ""; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); -webkit-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); -moz-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); -o-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157) }
.messagebox[data-direction^=top] .arrow { position: absolute; height: 17px; background-color: #fff; z-index: 1; width: 17px; transform: rotate(-45deg); box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); -webkit-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); -moz-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); -o-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); top: 100%; margin-top: -8.5px }
.messagebox[data-direction^=right] .arrow { position: absolute; height: 17px; background-color: #fff; z-index: 1; width: 17px; transform: rotate(-45deg); box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); -webkit-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); -moz-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); -o-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); right: 100%; margin-right: -8.5px }
.messagebox[data-direction^=bottom] .arrow { position: absolute; height: 17px; background-color: #fff; z-index: 1; width: 17px; transform: rotate(-45deg); box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); -webkit-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); -moz-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); -o-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); bottom: 100%; margin-bottom: -8.5px }
.messagebox[data-direction^=left] .arrow { position: absolute; height: 17px; background-color: #fff; z-index: 1; width: 17px; transform: rotate(-45deg); box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); -webkit-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); -moz-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); -o-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.12157); left: 100%; margin-left: -8.5px }
.messagebox.dboxalert { box-shadow: 0 0px 7px 1px #c7c7c7; font-size: 16px; color: #FF6715; z-index: 100; left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; position: fixed !important }
.messagebox.dboxalert[data-directionanimation=bottom] { transform: translate(0, -20px) }
.messagebox.dboxalert[data-directionanimation=right] { transform: translate(-20px, 0) }
.messagebox.dboxalert[data-directionanimation=top] { transform: translate(0, 20px) }
.messagebox.dboxalert[data-directionanimation=left] { transform: translate(20px, 0) }
.messagebox.dboxalert .innerbox { padding: 32px }
.messagebox.dboxalert.addtocartmsg .innerbox { padding: 20px 30px }
.messagebox.dboxalert.alertmsg { left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; position: fixed !important; transform: translate(-50%, -50%); text-align: center; min-width: 250px }
.messagebox.dboxalert.alertmsg.top { transform: translate(-50%, calc(-50% - 20px)) }
.messagebox.dboxalert.alertmsg.left { transform: translate(calc(-50% - 20px), -50%) }
.messagebox.dboxalert.alertmsg.bottom { transform: translate(-50%, calc(-50% + 20px)) }
.messagebox.dboxalert.alertmsg.right { transform: translate(calc(-50% + 20px), -50%) }
.messagebox.dboxmention { color: #ffffff; font-size: 14px; letter-spacing: .05em; line-height: 140% }
.messagebox.dboxmention[data-directionanimation=bottom] { transform: translate(0, -20px) }
.messagebox.dboxmention[data-directionanimation=right] { transform: translate(-20px, 0) }
.messagebox.dboxmention[data-directionanimation=top] { transform: translate(0, 20px) }
.messagebox.dboxmention[data-directionanimation=left] { transform: translate(20px, 0) }
.messagebox.dboxmention .innerbox { padding: 12px 30px 12px 12px }
.messagebox.dboxmention .innerbox>.removecross { width: 16px; height: 16px; right: 12px; top: 12px; bottom: auto }
.messagebox.dboxmention .innerbox>.removecross:before,
.messagebox.dboxmention .innerbox>.removecross:after { background-color: #ffffff }
.messagebox.dboxmention.white { color: #999999 }
.messagebox.dboxmention.white .innerbox { background-color: #ffffff }
.messagebox.dboxmention.white .innerbox>.removecross:before,
.messagebox.dboxmention.white .innerbox>.removecross:after { background-color: #999999 }
.messagebox.dboxmention.green .innerbox { background-color: #155B4A }
.messagebox.dboxmention.red .innerbox { background-color: red }
.messagebox.dboxmention.orange .innerbox { background-color: #FF6614 }
.messagebox.dboxpayway { background-color: #ffffff }
.messagebox.dboxpayway[data-directionanimation=bottom] { transform: translate(0, -20px) }
.messagebox.dboxpayway[data-directionanimation=right] { transform: translate(-20px, 0) }
.messagebox.dboxpayway[data-directionanimation=top] { transform: translate(0, 20px) }
.messagebox.dboxpayway[data-directionanimation=left] { transform: translate(20px, 0) }
.messagebox.dboxpayway .innerbox { padding: 20px }
.messagebox.dboxpayway:after { box-shadow: 3px 4px 15px -2px #bbbbbb; -webkit-box-shadow: 3px 4px 15px -2px #bbbbbb; -moz-box-shadow: 3px 4px 15px -2px #bbbbbb; -o-box-shadow: 3px 4px 15px -2px #bbbbbb }
.messagebox.dboxpayway .payway_word_section { padding-bottom: 13px }
.messagebox.dboxpayway .payway_word_section .title { font-size: 13px; color: #2077CC; margin-bottom: 4px }
.messagebox.dboxpayway .payway_word_section .description { font-size: 14px; color: #333333 }
.messagebox.dboxpayway .payway_word_section:last-child { padding-bottom: 0 }
.messagebox.dboxalert.top { transform: translate(-50%, calc(-50% - 20px)) }
.messagebox.dboxalert.left { transform: translate(calc(-50% - 20px), -50%) }
.messagebox.dboxalert.bottom { transform: translate(-50%, calc(-50% + 20px)) }
.messagebox.dboxalert.right { transform: translate(calc(-50% + 20px), -50%) }
.wave .wave1>span { float: left; opacity: 0 }
.wave .wave1:before { opacity: 0 }
.wave .wave1:after { content: ""; display: block; clear: both }
.wave .wave1_2 { display: block; transform: translateX(-20px); opacity: 0 }
.wave .wave2 { display: block; transform: translateX(-20px); opacity: 0 }
.wave .wave2_2 { display: block; transform: translateX(-20px); opacity: 0 }
.wave .wave3 { display: block; transform: translateX(-20px); opacity: 0 }
.wave .wave3_2 { display: block; transform: translateX(-20px); opacity: 0; -ms-flex: 1 1 auto; flex: 1 1 auto }
.wave .wave4 { display: block; transform: translateX(-20px); opacity: 0 }
.wave.active .wave1>span { animation: wave1 1s 1 cubic-bezier(0.1, 1.01, 0.46, 1.03), waveFadein 1s 1 linear; animation-fill-mode: forwards }
.wave.active .wave1>span:nth-child(1) { animation-delay: .07s }
.wave.active .wave1>span:nth-child(2) { animation-delay: .14s }
.wave.active .wave1>span:nth-child(3) { animation-delay: .21s }
.wave.active .wave1>span:nth-child(4) { animation-delay: .28s }
.wave.active .wave1>span:nth-child(5) { animation-delay: .35s }
.wave.active .wave1>span:nth-child(6) { animation-delay: .42s }
.wave.active .wave1>span:nth-child(7) { animation-delay: .49s }
.wave.active .wave1>span:nth-child(8) { animation-delay: .56s }
.wave.active .wave1>span:nth-child(9) { animation-delay: .63s }
.wave.active .wave1>span:nth-child(10) { animation-delay: .7s }
.wave.active .wave1>span:nth-child(11) { animation-delay: .77s }
.wave.active .wave1>span:nth-child(12) { animation-delay: .84s }
.wave.active .wave1>span:nth-child(13) { animation-delay: .91s }
.wave.active .wave1>span:nth-child(14) { animation-delay: .98s }
.wave.active .wave1>span:nth-child(15) { animation-delay: 1.05s }
.wave.active .wave1>span:nth-child(16) { animation-delay: 1.12s }
.wave.active .wave1>span:nth-child(17) { animation-delay: 1.19s }
.wave.active .wave1>span:nth-child(18) { animation-delay: 1.26s }
.wave.active .wave1>span:nth-child(19) { animation-delay: 1.33s }
.wave.active .wave1>span:nth-child(20) { animation-delay: 1.4s }
.wave.active .wave1>span:nth-child(21) { animation-delay: 1.47s }
.wave.active .wave1>span:nth-child(22) { animation-delay: 1.54s }
.wave.active .wave1>span:nth-child(23) { animation-delay: 1.61s }
.wave.active .wave1>span:nth-child(24) { animation-delay: 1.68s }
.wave.active .wave1>span:nth-child(25) { animation-delay: 1.75s }
.wave.active .wave1>span:nth-child(26) { animation-delay: 1.82s }
.wave.active .wave1>span:nth-child(27) { animation-delay: 1.89s }
.wave.active .wave1>span:nth-child(28) { animation-delay: 1.96s }
.wave.active .wave1>span:nth-child(29) { animation-delay: 2.03s }
.wave.active .wave1>span:nth-child(30) { animation-delay: 2.1s }
.wave.active .wave1:before { opacity: 1; transition: opacity 2s linear }
.wave.active .wave1_2 { animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93), waveFadein 1s 1 linear; animation-fill-mode: forwards; animation-delay: .3s }
.wave.active .wave2 { animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93), waveFadein 1s 1 linear; animation-fill-mode: forwards; animation-delay: 1.2s }
.wave.active .wave2_2 { animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93), waveFadein 1s 1 linear; animation-fill-mode: forwards }
.wave.active .wave3 { animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93), waveFadein 1s 1 linear; animation-fill-mode: forwards; animation-delay: 2s }
.wave.active .wave3_2 { animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93), waveFadein 1s 1 linear; animation-fill-mode: forwards; animation-delay: .8s }
.wave.active .wave4 { animation: wave2 1.5s 1 cubic-bezier(0.15, 0.48, 0.13, 0.93), waveFadein 1s 1 linear; animation-fill-mode: forwards; animation-delay: 2.8s }
.parallex { transition: all 2s cubic-bezier(0.18, 0.28, 0, 0.86); opacity: 0 }
.frameBtn { position: absolute; border: 2px solid #3D9738; border-radius: 5px; z-index: -1; transition-property: all; transition-timing-function: cubic-bezier(0.17, 0.7, 0.47, 0.96); opacity: 0; top: 0; }
.frameBtn:after { position: absolute; top: 100%; left: 50%; margin-top: 1px; transform: translate(-50%, 0); content: ""; border-top: 6px solid #3D9738; border-right: 12px solid transparent; border-left: 12px solid transparent; transition: all 0.3s cubic-bezier(0.35, 0.45, 0.49, 0.81) }
.ui-datepicker { background-color: #ffffff; border: 1px solid #3D9738; border-radius: 5px; box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.0902); font-family: "Roboto", "Noto Sans TC", sans-serif, "Microsoft Jhenghei"; z-index: 999 !important }
.ui-datepicker-header { background-color: #3D9738; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; color: #ffffff; height: 40px; overflow: hidden; font-weight: 400 }
.ui-datepicker-header .ui-datepicker-prev { position: absolute; left: 20px; top: 50%; transform: translate(0, -50%); color: #ffffff; font-family: "Roboto", "Noto Sans TC", sans-serif, "Microsoft Jhenghei" }
.ui-datepicker-header .ui-datepicker-next { position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); color: #ffffff; font-family: "Roboto", "Noto Sans TC", sans-serif, "Microsoft Jhenghei" }
.ui-datepicker-header .ui-datepicker-title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
.ui-datepicker-header .ui-datepicker-month,
.ui-datepicker-header .ui-datepicker-year { padding: 0; height: 30px; background-color: #3d9738; color: white; font-size: 16px; width: auto }
.ui-datepicker-calendar { padding: 25px 15px }
.ui-datepicker-calendar th { font-size: 12px }
.ui-datepicker-calendar th span { transform: scale(0.83); display: block; padding-bottom: 5px }
.ui-datepicker-calendar td { padding: 1px; position: relative }
.ui-datepicker-calendar td.ui-datepicker-other-month { opacity: .5 }
.ui-datepicker-calendar td.ui-datepicker-week-end .ui-state-default { background: #F7F0E6 }
.ui-datepicker-calendar td.ui-datepicker-today .ui-state-default { background-color: #D1AA6D }
.ui-datepicker-calendar td.ui-datepicker-current-day .ui-state-default { background-color: #b3d6b2 }
.ui-datepicker-calendar td .ui-state-default { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end; background: #F2F2F2; width: 40px; height: 35px; font-size: 15px; font-weight: 500; padding-right: 4px; padding-bottom: 4px; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.ui-datepicker-calendar td .ui-state-default:hover { border-radius: 5px; color: #ffffff; font-weight: 400; background: #3D9738; cursor: pointer }
.datepickerbox:after { position: absolute; content: ""; width: 25px; height: 25px; background: #3D9738 url(../../images/icon/date.png) no-repeat center center; background-size: 15px; left: 15px; border-radius: 5px; z-index: 2; top: 50%; transform: translate(0, -50%) }
.sr-only-focusable:active,
.sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }
.paging ul li:hover a,
.paging ul li.active a { display: inline-block; border-radius: 100%; background-color: #CCCCCC; width: 33px; height: 33px; text-align: center; line-height: 33px }
.paging ul li.first:hover a,
.paging ul li.prev:hover a,
.paging ul li.next:hover a,
.paging ul li.last:hover a { background: none }
.radiobox2 .radiomark:after { content: ""; transition: all 0.2s cubic-bezier(0.17, 0.84, 0.23, 0.95); position: absolute; display: block; left: 4px; top: 4px; width: 8px; height: 8px; background-color: #aaaaaa; border-radius: 50%; transform: scale(0) }
.btn_download:before { content: ""; width: 13px; height: 13px; background: url(../../images/icon/download3.png) no-repeat center center; background-size: 100%; margin-right: 5px; display: block }
.btn_download.brown:hover { background-color: #a97940 }
.btn_download.darkgreen:hover { background-color: #287d69 }
.btn_download2:before { content: ""; width: 13px; height: 13px; background: url(../../images/icon/download2.png) no-repeat center center; background-size: 100%; margin-right: 0 }
.btn-filter_style1:after { position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; background-color: #58A52B; background-image: linear-gradient(180deg, #58a52b 0%, #92c111 100%); transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); z-index: 0 }
.btn-filter_style1:hover:after { transform: translate(0, -5px) }
.btn-search_style1:before { content: ""; display: block; width: 20px; height: 20px; background: url(../../images/icon/search2.png) no-repeat center center; background-size: 100%; margin-bottom: 8px; position: relative; z-index: 1 }
.btn-search_style1:after { position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; background-color: #3d9738; background-image: linear-gradient(180deg, #3d9738 25%, #98c40e 100%); transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); z-index: 0 }
.btn-search_style1:hover:after { transform: translate(0, 20px) }
.btn-search_style2:after { position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; background-color: #3d9738; background-image: linear-gradient(180deg, #3d9738 25%, #98c40e 100%); transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96); z-index: 0 }
.btn-search_style2:hover:after { transform: translate(0, 5px) }
.btn-close_style1.active:before { transform: translate(-50%, -50%) rotate(0deg) }
.btn-close_style1.active:after { transform: translate(-50%, -50%) rotate(-180deg) }
.btn-close_style1:before,
.btn-close_style1:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #D1AA6E; height: 2px; width: 14px; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.btn-close_style1:before { transform: translate(-50%, -50%) rotate(90deg) }
.btn-close_style1.green:before,
.btn-close_style1.green:after { background-color: #3D9738 }
.btn_remove:hover { background: #fff2c5 }
.btn_remove:hover .icon { animation: trashcane_shake .5s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.btn_remove2:hover { background: #fff2c5 }
.btn_remove2:hover .icon { animation: trashcane_shake .5s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.btn_edit:hover { background: #4dbb47 }
.btn_edit:hover .icon { animation: trashcane_shake .5s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.btn-cart:before { content: ""; width: 20px; height: 22px; background: url(../../images/icon/shop2.png) no-repeat center center; background-size: 20px; margin-right: 10px; display: block; margin-right: 0; margin-bottom: 5px; width: 16px; height: 17px; background-size: 16px }
.btn-cart:hover { background: #48b142 }
.removecross:hover~.remove_cover { z-index: 1; opacity: 1 }
.removecross:hover~.remove_cover:after { animation: trashcane_shake .5s cubic-bezier(0.2, 0.64, 0.26, 0.97) 1; animation-fill-mode: forwards }
.removecross:before,
.removecross:after { content: ""; position: absolute; background-color: #333333 }
.removecross:before { height: 100%; width: 1px; top: 0; left: 50%; transform: translate(-50%, 0) }
.removecross:after { height: 1px; width: 100%; top: 50%; left: 0; transform: translate(0, -50%) }
.index_subtype_ul>li:first-child .subpage_type_link { border: 0px }
.index_subtype_ul:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; transition-duration: .5s; transition-property: all; transition-timing-function: cubic-bezier(0.68, 0.24, 0.38, 0.9); box-shadow: 0px 40px 28px -31px #A6A6A6; -webkit-box-shadow: 0px 40px 28px -31px #A6A6A6; -moz-box-shadow: 0px 40px 28px -31px #A6A6A6; -o-box-shadow: 0px 40px 28px -31px #A6A6A6; z-index: -1; display: none }
.index_subtype_subul>li>a:hover { font-size: 16px; font-weight: 500; color: #3D9738; background-color: #F0F0F0 }
.subpage_type_link:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; margin: auto; background-image: linear-gradient(-90deg, #ffffff 70%, rgba(255, 255, 255, 0) 100%); z-index: 2; transition: all 1.5s cubic-bezier(0.24, 0.74, 0.3, 0.89); transform: translate(75px, 0) scaleX(2) skew(-30deg); transform-origin: right center }
.subpage_type_link:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; margin: auto; background-color: #3D9738; background-image: linear-gradient(90deg, #3d9738 25%, #d1aa6e 100%); z-index: 1; opacity: 0; transition: all 0.6s cubic-bezier(0.15, 0.59, 0.3, 0.89) }
.subpage_type_link:hover,
.subpage_type_link.active { color: #ffffff }
.subpage_type_link:hover:before,
.subpage_type_link.active:before { transform: translate(100%, 0); transition: all 0.4s cubic-bezier(0.15, 0.59, 0.3, 0.89) }
.subpage_type_link:hover:after,
.subpage_type_link.active:after { transform: translate(0px, 0); opacity: 1; box-shadow: 8px 8px 20px 0 rgba(32, 33, 36, 0.08) }
.subpage_type_link:hover .arrow,
.subpage_type_link.active .arrow { position: absolute; z-index: 3; right: 0px; top: 50%; background: url(../../images/icon/arrow-menu.png) no-repeat center center; background-size: 100%; width: 12px; height: 19px; transform: translate(0, -50%) }
.pro_detailbox:not(.avaiprd_detailbox) { padding-top: 41px; padding-top: 36px }
.mention_q.active:after { animation: mention_active 1s infinite cubic-bezier(0.34, -0.46, 0.64, 0.68); animation-fill-mode: forwards }
.mention_q:not(.active):hover:after { transform: scale(2) }
.mention_q:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; transition-property: all; transition-timing-function: cubic-bezier(0.13, 0.89, 0.26, 0.97); transition-duration: 0.3s; opacity: .2; z-index: -1 }
.mention_q[data-bgcolor=green]:after { background-color: #3d9738 }
.mention_q[data-bgcolor=white]:after { background-color: #b7b7b7 }
.mention_q[data-bgcolor=red]:after { background-color: red }
.mention_q[data-bgcolor=orange]:after { background-color: #FF6614 }
.otherinfobox>div:first-child { padding: 0; margin: 0 }
#MemberMenu>ul>li a:hover { color: #ffffff; font-weight: 500; background: #3D9738 }
.payway_box>div:first-child { margin-right: 10px }
.share_linklist:hover>a:not(.link) { opacity: .5; transform: scale(0.9); transition-delay: 0s !important }
.share_linklist>a:hover { opacity: 1 !important; transform: scale(1) !important; transition-delay: 0s !important }
.share_linklist>a:after { content: ""; display: block; padding-bottom: 100% }
.share_linklist>a:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0 }
.share_linklist .link:before { background: url(../../images/icon/share.png) no-repeat center center; background-size: 22px }
.share_linklist .link_line:before { background: url(../../images/icon/line.png) no-repeat center center; background-size: 100% }
.share_linklist .link_ig:before { background: url(../../images/icon/ig.png) no-repeat center center; background-size: 100% }
.share_linklist .link_fb:before { background: url(../../images/icon/fb.png) no-repeat center center; background-size: 100% }
.share_linklist .link_other:before { background: url(../../images/icon/link.png) no-repeat center center; background-size: 100% }
.link_opinion:after { content: ""; position: absolute; left: 0; width: 100%; bottom: 0; background-color: #3D9738; transition: transform-origin 0s linear, transform 0.7s cubic-bezier(0.9, 0, 0.1, 1) 0s; transform-origin: left center;border-bottom: 1px solid #3D9738; }
.link_opinion:hover:after { transform-origin: right center; transform: scaleX(0) }
.link_share:not(.active):hover { border-color: #b38e56; color: #b38e56 }
.link_share.active .share_linklist>a:nth-child(1) { transition-delay: 0s }
.link_share.active .share_linklist>a:nth-child(2) { transition-delay: .1s }
.link_share.active .share_linklist>a:nth-child(3) { transition-delay: .2s }
.link_share.active .share_linklist>a:nth-child(4) { transition-delay: .3s }
.link_share.active .share_linklist>a:nth-child(5) { transition-delay: .4s }
.link_share.active .share_linklist>a:nth-child(6) { transition-delay: .5s }
.link_share.active .share_linklist>a:nth-child(7) { transition-delay: .6s }
.link_share.active .share_linklist>a:nth-child(8) { transition-delay: .7s }
.link_share.active .share_linklist>a:nth-child(9) { transition-delay: .8s }
.link_share.active .share_linklist>a:nth-child(10) { transition-delay: .9s }
.link_favorite:not(.active):hover { border-color: #e14f00; color: #e14f00 }
.must:before { content: "*"; color: red; position: relative; top: -2px }
.must.muststyle2:before { top: -11px; top: -2px }
.pro_introduction_section .step_section>div:first-child:before { display: none }
.pro_introduction_section .step_section>div:before { content: ""; position: absolute; height: 32px; left: 0; top: 50%; transform: translate(0, -50%); width: 2px; background-color: #dfdfdf }
.pro_introduction_section .step_section>div[data-switchbtnname]:after { content: ""; position: absolute; height: 4px; width: 100%; background-color: #3D9738; bottom: -2px; left: 0; transform: translate(0, 20px); opacity: 0; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.pro_introduction_section .step_section>div[data-switchbtnname].active:after { transform: none; opacity: 1 }
.uploadCustomBox:hover { background: #c59346 }
#owlcarousel_other_purchase .oth_p_link:hover .p_name { color: #3D9738 }
.iq_grid .address-grid>div:first-child+div { -ms-grid-column: 2 !important }
.iq_grid .address-grid>div:first-child+div+div { -ms-grid-column: 3 !important }
.sort_flex~.options:before,
.sort_flex~.options:after { content: ''; display: block }
.member-index-section .index_subpage_content:first-child { margin-top: 0px }
.memberaddress_grid>div:first-child { padding-left: 30px; padding-left: 8px }
.invoice_optionbox:first-child { margin-top: 10px }
.invoice_optionsflex>div:first-child { border-left: 0px }
.invoice_optionsflex .radiotype_custom .checkmark:after { height: 8px; width: 8px }
.inquiry_outerbox:first-child { margin-top: 0 }
.inquiry_outerbox .pl_point>div.ed:before { content: ""; display: block; background-color: #858585; width: 12px; height: 12px; min-width: 12px; border-radius: 50%; margin-right: 8px; margin-right: 0; margin-bottom: 8px }
.inquiry_outerbox .pl_point>div.current:before { background-color: #FF6715 }
.favorite_outerbox.disabled .removecross:after,
.favorite_outerbox.disabled .removecross:before { background-color: #ffffff; box-shadow: 1px 1px 1px 0 #5a5a5a; box-shadow: none }
.favorite_outerbox .removecross:after,
.favorite_outerbox .removecross:before { border-radius: 4px }
.favorite_outerbox .removecross:after { height: 2px; height: 1px }
.favorite_outerbox .removecross:before { width: 2px; width: 1px }
.favorite_outerbox .disabled_cover:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; background-color: #000000; opacity: .35 }
.favorite_outerbox.type2>.right .amount .optionsbox .btn-cart:before { margin-right: 8px; margin-right: 5px; margin-bottom: 0 }
.favorite_outerbox:first-child { margin-top: 0 }
.favorite_outerbox>.right .total_flex .btn-cart:before { margin-right: 0px; margin-bottom: 5px; width: 18px; height: 20px; background-size: 18px }
.favorite_outerbox .btn-cart2 { width: 224px; }
.order_searchoptionbox .dateflexouter .datep_box .datepickerbox:after { left: 10px; left: 6px }
.memberinfo_grid .address-grid>div:first-child+div { -ms-grid-column: 2 }
.memberinfo_grid .address-grid>div:first-child+div+div { -ms-grid-column: 3 }
.memberaddress_grid:last-child { border-bottom: 1px solid #dfdfdf }
.favorite_outerbox>.right .total_flex .unit_each:first-child { -ms-flex: 1; flex: 1; width: auto; /* -ms-flex: 0 0 50px; flex: 0 0 50px */ }
.inquiry_outerbox .miq_flex .content>div:first-child { padding-right: 8px }
.inquiry_outerbox .miq_flex .content .btn_download.brown:before { width: 13px; height: 13px; background: url(../../images/icon/download.png) no-repeat center center; background-size: 100%; margin-right: 0px }
.inquiry_outerbox .miq_flex .content .btn_download.darkgreen:before { width: 13px; height: 13px; background: url(../../images/icon/download2.png) no-repeat center center; background-size: 100%; margin-right: 0px }
.avaiprd_detailbox .total_flex .unit_each:not(.totalprice) .cost { padding-top: 5px }
.pro_standard_each .sub_title.must:before { content: "*"; color: red; position: relative; top: -2px }
.pro_standard_each .specinfo_grid>div:after { content: ""; position: absolute; height: 1px; right: 0px; left: 0; top: 0; background-color: #F0F0F0; margin-left: -8px; margin-right: -8px }
.pro_standard_each .specinfo_grid>div:first-child:after,
.pro_standard_each .specinfo_grid>div:first-child+div:after { display: none }
.print_confirm_inner.error>.arrow:before { border-bottom: 11px solid red; border-right: 6px solid transparent; border-left: 6px solid transparent }
.print_confirm_inner>.arrow:before { content: ""; position: relative; z-index: 0; display: block; border-bottom: 11px solid #D1AA6D; border-right: 6px solid transparent; border-left: 6px solid transparent }
.print_confirm_inner>.arrow:after { content: ""; position: absolute; z-index: 1; display: block; left: 50%; bottom: 0; transform: translate(-50%, 0) scale(0.8); transform-origin: center bottom; border-bottom: 11px solid #ffffff; border-right: 6px solid transparent; border-left: 6px solid transparent }
.remove_cover:after { content: ""; background: url(../../images/icon/delete.png) no-repeat center center; background-size: contain; width: 20px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px }
.amount_calculate_flex .btn a:before,
.amount_calculate_flex .btn a:after { background-color: #3D9738; transition: all 0.3s cubic-bezier(0.17, 0.7, 0.47, 0.96) }
.amount_calculate_flex .btn a:hover:before,
.amount_calculate_flex .btn a:hover:after { background-color: #3D9738 }
.amount_calculate_flex .btn .minus:before { content: ""; position: absolute; width: 14px; height: 2px; background-color: #999; top: 50%; left: 0; transform: translate(0%, -50%) }
.amount_calculate_flex .btn .plus:after { content: ""; position: absolute; width: 2px; height: 14px; background-color: #999; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.amount_calculate_flex .btn .plus:before { content: ""; position: absolute; width: 14px; height: 2px; background-color: #999; top: 50%; left: 0; transform: translate(0%, -50%) }
.avaiprd_detailbox2 .btn-cart:before { margin-right: 5px; margin-bottom: 0 }
.print_color_grid>div:first-child+div { -ms-grid-column: 1 !important; -ms-grid-row: 2 !important }
.avaiprd_detailbox .total_flex .btn-cart:before { margin-right: 7px; margin-bottom: 5px; width: 16px; height: 17px; background-size: 16px }
.av_s_listbox .value_box_outer:first-child { padding-top: 0 }
.av_s_listbox .value_box:before { background: #3D9738; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: .9; z-index: -1 }
.av_s_listbox .value_box:first-child { margin-left: 0px }
.advantagelist li:first-child { border: 0px }
.otheradvantage_flex>div:first-child { border-left: 0px }
.oad_each:first-child .valuebox .b { padding-right: 0 }
.five_advantages_section .left:after { content: ""; display: block; padding-bottom: 26.76% }
.oad_each:first-child { border-top: 0px }
.c_p_box:first-child { margin-top: 0px }
.btn-spec-switch:before { content: "+"; margin-right: 6px }
.btn-spec-switch.active:before { content: "-" }
/* --- AOS Override --- */
[data-aos].aos-init { opacity: 1 !important; transform: none !important; transition: none !important; }
/* --- Owl Carousel Core (shared across all pages) --- */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px) }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled { display: none }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit }
.owl-carousel.owl-loaded { display: block }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.no-js .owl-carousel { display: block }
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
.owl-height { transition: height 500ms ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease }
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0 }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease }
.owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px }
.owl-theme .owl-nav [class*='owl-']:hover { background: #3d973869; color: #FFF; text-decoration: none }
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px }
.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: #869791 }
/* 相關商品輪播箭頭：現貨/客製詳情頁 + 部落格詳情頁共用 */
#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-prev:after,
#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-next:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../../images/icon/arrow-menu.png) no-repeat center center; background-size: 25% }
#owlcarousel_other_purchase.owl-theme .owl-nav button.owl-prev:after { transform: rotate(180deg) }
.index__bannerflex { display: flex; width: 100%; height: 520px; overflow: hidden; }
.index__bannerflex .index__banner_left { width: 845px; height: 100%; }
.index__bannerflex .index__banner_right { width: 425px; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.index__banner_right a { display: block; width: 100%; height: 100%; }
.index__banner_left .owl-carousel,
.index__banner_left .owl-stage-outer,
.index__banner_left .owl-stage,
.index__banner_left .owl-item,
.index__banner_left .item,
.index__banner_left .item a { height: 100%; }
.index__banner_left .item img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
@media (max-width: 1480px) {
 .btn-search_style1:before { display:none }
 }
@media (max-width: 1280px) {
 /* aspect-ratio 算的是含 padding 的外框，padding 改 margin 內容區才等於 1280:500，左欄 66% 才對得回圖的 845:500 */
 .index__bannerflex { height: auto; aspect-ratio: 1280 / 500; padding: 0; margin: 10px 0; }
/* 寬度與間隔全用百分比，維持桌機的 845 : 10 : 425 = 1280，左右兩欄比例才不會隨螢幕變形 */
.index__bannerflex .index__banner_left { width: 66.015625%; }
.index__bannerflex .index__banner_right { width: 33.203125%; margin-left: 0.78125%; }
 }
@media (max-width: 769px) {
 .knowledgetype_dropdown_flex .icon:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; background-color: #3D9738; }
.knowledgetype_dropdown_flex .icon:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotateZ(-45deg); transform-origin: center; width: 6px; height: 6px; background-color: transparent; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; z-index: 1; transition: all 0.3s cubic-bezier(0.15, 0.38, 0, 0.86); }
 .avaiprd_detailbox .total_flex .btn-cart:before{margin-right: 0px;}}
.mention_t1 { color: #FF6715; font-size: 16px; }
.opinion2 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.content1_area p { word-break: break-all; overflow-wrap: break-word; width: 100%; }
/* 現貨規格(content1)已改純文字，各顯示點保留 textarea 換行 */
.content1_area--plain, .spec-preline { white-space: pre-line; }
.favorite_outerbox>.left .detailbox { display: grid; display: -ms-grid; grid-template-columns: 1fr; -ms-grid-columns: 1fr; margin: -8px -2.5px; }

@media (max-width: 1029px) {
 .favorite_outerbox>.left .detailbox>div { padding: 8px 50px 8px 0px; }
 }
.menu__bottombox_mobile .menu__bottombox_wordbox { position: relative; }
.menu__bottombox_mobile .menu__bottombox_wordbox .count.v3-badge { position: absolute; right: 2px; top: -12px; transform: translate(50%, -50%); background: #ff1e17; font-size: 13px; }
.pc-none { display: none !important; }
@media (max-width: 1024px) {
 .m-none { display: none !important; }
.m-block { display: block !important; }
 }
.messagebox.dboxmention.green .innerbox { overflow-wrap: break-word; }
header .header__bottom { display:flex; justify-content:center; }
::-ms-reveal {
   display: none;
 }