:root {
--font-special: "Mulish","Huninn","Noto Sans TC",sans-serif, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.html-info h1, .html-info h2, .html-info h3, .html-info h4, .html-info h5, .html-info h6 {
font-family:var(--font-special);
}
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    padding: 0.8rem 10%;
    z-index: 1030;
    transition: all 0.3s ease;
    background-color: rgb(219, 200, 182);
    box-sizing: border-box;
}
.naviMain ul {
justify-content: flex-start;
gap:20px;
}
footer .social-link > a {
    font-size: 24px
}
footer li.social-link> a:last-child {
font-size:21px;
position: relative;
    top: -1px;
}
.mobile-menu {
    background-color: #DBC8B6;
}
.naviMain ul > li > a::before {
display:none;
}
.naviMain ul > li > a:hover > span {
    transform: translateY(0)!important;
    opacity: 1;
    text-decoration: underline;
}
@media (max-width: 768px) {
    .index-banner-slider {
        margin-top: -67px;
    }
}
section.index-editor  {
    padding-top: 0;
    padding-bottom: 0;
}
body {
    background-color: transparent;
}

.html-info .container img {
    margin: 0;
}
@media (max-width: 992px) {
.mobile-menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
}
footer {
border-top: 1px solid rgb(218, 218, 218);
}
.html-info a, .html-info a:active, .html-info a:focus, .html-info a:hover, .html-info a:visited {
    color: var(--link-color);
}
.blank-page section {
    padding-top: 0;
    padding-bottom: 0;
}
@media (max-width: 768px) {
    body.blank-page {
        padding-top: 0;
    }
}
#share-btn {
    display: none;
}
.product-group > a .text-box > p,a .text-box > p {
color:#666;
margin-top: 10px;
}
.blank-page #product-index .page-title {
display:none;
}
#multi_spec_selector .standard-list {
margin-bottom: 0;
    margin-top: 5px;
}
.html-info h3.middle-title {
        font-size: 1rem;
}
.html-info.middle .product-group > a .text-box > p, .html-info.middle a .text-box > p {
display:none;
}
.col4-slider {
max-width:986px;
margin: 0 auto;
}
.sideBar-menu .sidebar-item > a {
    color: var(--default-color);
    font-size: 0.95rem;
}
/* 只針對 footer 的 */
footer ul li:has(> a[href="privacy"]) {
    display: none;
}
footer .small-title {
color:#2D3142;
}
#product-index .col4-slider {
margin-bottom:50px;
}
.blank-page .col-lg-3.text-lg-right a.btn.btn-border.small {
position: absolute;
    z-index: 9999;
    min-width: 100px;
top:50px;
}
/* =============================================
   Base — 所有狀態都適用（編輯器 / 前台皆生效）
   ============================================= */
.fm-carousel{position:relative;width:100%;}
.fm-carousel__slides > *{display:block;width:100%;}
.fm-carousel__slides > a{text-decoration:none;}
.fm-carousel__slides img,
.fm-carousel__slides > img{display:block;width:100%;height:auto;}

/* 沒有 data-fm-ready（= JS 尚未啟用，例如編輯器環境）時，隱藏控制元件 */
.fm-carousel:not([data-fm-ready]) .fm-carousel__btn,
.fm-carousel:not([data-fm-ready]) .fm-carousel__dots{display:none;}


/* =============================================
   Active — JS 啟用後才套用輪播版面
   ============================================= */
.fm-carousel[data-fm-ready]{aspect-ratio:1280/600;overflow:hidden;}
@supports not (aspect-ratio:1/1){
    .fm-carousel[data-fm-ready]{padding-top:46.875%;height:0;}
}
.fm-carousel[data-fm-ready] .fm-carousel__slides{position:absolute;inset:0;}
.fm-carousel[data-fm-ready] .fm-carousel__slides > *{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease;pointer-events:none;display:block;}
.fm-carousel[data-fm-ready] .fm-carousel__slides > .is-active{opacity:1;pointer-events:auto;z-index:1;}
.fm-carousel[data-fm-ready] .fm-carousel__slides > img,
.fm-carousel[data-fm-ready] .fm-carousel__slides > video{object-fit:cover;}
.fm-carousel[data-fm-ready] .fm-carousel__slides > a img,
.fm-carousel[data-fm-ready] .fm-carousel__slides > picture img,
.fm-carousel[data-fm-ready] .fm-carousel__slides > div img{height:100%;object-fit:cover;}

/* 單張（N<2）時隱藏控制元件 */
.fm-carousel[data-fm-single] .fm-carousel__btn,
.fm-carousel[data-fm-single] .fm-carousel__dots{display:none;}


/* =============================================
   Controls
   ============================================= */
.fm-carousel__btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.55);color:#222;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:3;}
.fm-carousel__btn:hover{background:rgba(255,255,255,.85);}
.fm-carousel__btn--prev{left:16px;}
.fm-carousel__btn--next{right:16px;}
.fm-carousel__dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px;z-index:3;}
.fm-carousel__dot{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.5);cursor:pointer;transition:background .2s,transform .2s;}
.fm-carousel__dot:hover{background:rgba(255,255,255,.8);}
.fm-carousel__dot.is-active{background:#fff;transform:scale(1.25);}
@media (max-width:576px){
    .fm-carousel__btn{width:36px;height:36px;font-size:14px;}
    .fm-carousel__btn--prev{left:8px;}
    .fm-carousel__btn--next{right:8px;}
}
.fm-carousel {
    max-width: 1000px;
    margin: 0 auto 50px auto;
}
.sideBar-menu .sidebar-item > a:last-child::before {
display:none;
}