@import"https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+KR:wght@200..900&display=swap";
.btn-info,.btn-primary,.btn-success,.btn-danger,.MEM_BTN,.btn-buy,.cart_list .btn,.news_more,.NP-Buttons .next,.NP-Buttons .previous,.btn-muted,.btn-warning,.closePopup{
    background-color:#ff8520;
    border:none;color:#fff;
    transition:all .3s ease-in-out
}
.btn-info:hover,.btn-primary:hover,.btn-success:hover,.btn-danger:hover,.MEM_BTN:hover,.btn-buy:hover,.cart_list .btn:hover,.news_more:hover,.NP-Buttons .next:hover,.NP-Buttons .previous:hover,.btn-muted:hover,.btn-warning:hover,.closePopup:hover,.btn-info:focus,.btn-primary:focus,.btn-success:focus,.btn-danger:focus,.MEM_BTN:focus,.btn-buy:focus,.cart_list .btn:focus,.news_more:focus,.NP-Buttons .next:focus,.NP-Buttons .previous:focus,.btn-muted:focus,.btn-warning:focus,.closePopup:focus{
        color:#fff;
        text-decoration:none;
        background-color:var(--primary-dark)}.article-content,.pd_descr,#category_descr{
            font-size:17px;
            line-height:32px;
            letter-spacing:.6px
        }
        :root{
            --primary-default: #ff8c34;
            --primary-dark: #3b3b3b;
            --sub-tint: #dbdbdb;
            --color-gray: #232429;
            --color-gray-900: #393a3f;
            --color-gray-800: #55565b;
            --color-gray-700: #75767b;
            --color-gray-600: #828388;
            --color-gray-500: #919297;
            --color-gray-400: #adaeb3;
            --color-gray-300: #c1c2c7;
            --color-gray-200: #d3d4d9;
            --color-gray-100: #dedfe4;
            --color-gray-050: #f3f4f9;
            --color-gray-025: #f9faff;
            --inquiry-default: rgb(255, 153, 0);
            --inquiry-dark: rgb(255, 153, 0)
        }
        body{
            font-family:"Inria Serif","Noto Sans TC",serif !important
        }
        @keyframes float{
            0%{top:0px}
            25%{top:2px}
            50%{top:0px}
            75%{top:-2px}
            100%{top:0}}
        @keyframes float_bottom{
            0%{bottom:0px}
            25%{bottom:2px}
            50%{bottom:0px}
            75%{bottom:-2px}
            100%{bottom:0}}
        @keyframes zoomInOut{
            0%{transform:scale(0)}
            25%{transform:scale(1.2)}
            50%{transform:scale(0.9)}
            75%{transform:scale(1.1)}
            100%{transform:scale(1)}}
        @keyframes rotate{
            0%{transform:rotate(0)}
            100%{transform:rotate(360deg)}}
        @keyframes translateY-100-0{
            0%{transform:translateY(100%)}
            60%{transform:translateY(0%)}
            75%{transform:translateY(8px)}
            100%{transform:translateY(0%)}}
        @keyframes translateX--100-0{
            0%{transform:translateX(-100%)}
            100%{transform:translateX(0px)}}
        @keyframes translateY--100-0{
            0%{transform:translateY(-100%)}
            100%{transform:translateY(0px)}}
        @keyframes scale-0-1{
            0%{transform:scale(0)}
            60%{transform:scale(1.2)}
            100%{transform:scale(1)}}
        @keyframes scale{
            0%{transform:scale(1)}
            80%,100%{transform:scale(0)}}
        @keyframes scaleY{
            0%{transform:scaleY(1)}
            80%,100%{transform:scaleY(0)}}
        @keyframes shake{
            0%{transform:rotate(0deg)}
            20%{transform:rotate(-5deg)}
            40%{transform:rotate(5deg)}
            60%{transform:rotate(-5deg)}
            80%{transform:rotate(5deg)}
            100%{transform:rotate(0deg)}}
        @keyframes maskX-0-100{
            0%{-webkit-mask-position:0% 0;mask-position:0% 0}
            100%{-webkit-mask-position:100% 0%;mask-position:100% 0%}}
        @keyframes maskX-100-0{
            0%{-webkit-mask-position:100% 0;mask-position:100% 0}
            100%{-webkit-mask-position:0% 0%;mask-position:0% 0%}}
        @keyframes maskY-0-100{
            0%{-webkit-mask-position:0% 0;mask-position:0% 0}
            100%{-webkit-mask-position:0% 100%;mask-position:0% 100%}}
        @keyframes maskY-100-0{
            0%{-webkit-mask-position:0% 100%;mask-position:0% 100%}
            100%{-webkit-mask-position:0% 0%;mask-position:0% 0%}}
        @keyframes width-0-100{
            0%{width:0%}
            50%{width:100%}
            100%{width:100%}}
        @keyframes wh-0-100{
            0%{width:0%;height:0%}
            100%{width:100%;height:100%}}
        @keyframes wh-100-0{
            0%{width:100%;height:100%}
            100%{width:0%;height:0%}}
        @keyframes opacity{
            0%{opacity:0}
            40%,100%{opacity:1}}
        @keyframes opacity-0-100{
            0%{opacity:0}
            100%{opacity:100%}}
        @keyframes opacity-100-0{
            0%{opacity:100%}80%{opacity:50%}
            100%{opacity:0}}
        .navbar{
            position:relative;
            z-index:999;
            width:100%;
            background:#fff;
            transition:all .3s ease-in-out}
            .menu{padding:.8rem 4rem}
            .menu ul{flex:1;gap:.8rem}
            .menu-item{
                overflow:hidden;
                display:flex;
                flex-direction:column;
                align-items:center;
                position:relative}
            .menu-item a{
                color:#252525;
                overflow:hidden;
                padding:.4rem 1.6rem;
                letter-spacing:.2rem;
                transition:all .3s ease-in-out;
                font-family:"Noto Sans TC";
                position:relative}
        @media(max-width: 1199px){.menu-item a{padding:.4rem 1.2rem}}
        .menu-item a h5{
            font-size:16px;
            text-align:center;
            margin-bottom:0;
            transition:all .3s ease-in-out}
            .menu-item a span{
                font-size:16px;
                display:inline-block;
                width:100%;
                text-align:center;
                transition:all .4s .1s ease-in-out}
                .menu-item a .badge{
                    position:absolute;
                    right:0;bottom:0;
                    width:auto;
                    border-radius:5rem;
                    padding:6px 8px}
                .menu-item a:hover,.menu-item a:focus{text-decoration:none}
                .menu-item a:hover h5,.menu-item a:focus h5{transform:translateY(5px)}
                .menu-item a:hover span,.menu-item a:focus span{transform:scale(1.2) translateY(-6px);
                    opacity:.4;
                    color:var(--color-gray-800)}
                    .menu-item a:hover .fa-search,.menu-item a:focus .fa-search{transform:none;opacity:1;color:var(--color-gray-800)}
                    .menu-search span{font-size:18px;color:var(--color-gray-800);
                        height:auto;line-height:4.8rem;padding:0}
        @media(max-width: 1199px){
            .navbar{height:auto}
            .navbar-header{
                width:100%;
                display:flex;
                align-items:center;
                justify-content:space-between}
                .navbar-brand{padding:0;margin-top:0}
                .navbar-brand a{display:inline-block;
                    width:100%;height:100%}
                .menu{display:none;width:100%;
                    padding:1.2rem 0 1.6rem;
                    border-bottom:2px solid}
                .menu ul{flex-direction:column;
                    width:100%;
                    margin:0}
                .menu li{width:100%}}
                .hamburger{margin:2rem .8rem 2rem auto;
                    position:relative;
                    z-index:99;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    width:4rem;
                    height:4rem;
                    border-radius:5px;
                    transition:all ease-in-out .5s;
                    cursor:pointer
                }
                .hamburger span:first-child{
                    position:absolute;
                    left:50%;
                    top:50%;
                    transform:translate(-50%, -50%);
                    transition:all linear .3s;
                    width:2.5rem;
                    height:.3rem;
                    background-color:var(--color-gray-800)}
                .hamburger span:last-child{
                    position:absolute;
                    left:50%;
                    top:50%;
                    transform:translate(-50%, -50%);
                    transition:inherit;width:2.5rem;
                    height:.3rem;
                    background-color:rgba(0,0,0,0)}
                .hamburger span:last-child::before,.hamburger span:last-child::after{
                    content:"";
                    position:absolute;
                    background-color:var(--color-gray-800);
                    width:2.5rem;height:.3rem;transition:all .3s;left:50%}
                    .hamburger span:last-child::before{transform:translate(-50%, -7px)}
                    .hamburger span:last-child::after{transform:translate(-50%, 7px)}
                    .hamburger.active span:first-child{transform:translate(-50%, 5px);opacity:0}
                    .hamburger.active span:last-child::before{transform:rotate(45deg);left:0}
                    .hamburger.active span:last-child::after{left:0;transform:rotate(-45deg)}
                    .footerwrap{font-family:"Noto Sans TC",serif;padding:0}
                    .footerwrap small,.footerwrap p{letter-spacing:.2rem;font-size:14px;margin:0;line-height:2.8rem}
        @media(max-width: 575px){
            .footerwrap small,.footerwrap p{letter-spacing:0}}
            .footer-copyright{padding:1.2rem .8rem;background-color:#535353; color:#fff}
            hgroup.hgroup-footer{margin-bottom:.8rem}
            hgroup.hgroup-footer h2{
                color:var(--color-gray-900);
                letter-spacing:.2rem;
                margin:0;font-weight:bold;font-size:clamp(24px,2vw,28px)}
            hgroup.hgroup-footer span{
                color:var(--color-gray-900);
                letter-spacing:.2rem;
                font-weight:bold;
                font-size:18px}
                .footer-container{
                padding:4.6rem 0px;
                background-color:#ebebeb;
            }
        @media(max-width: 991px){.footer-container{padding:3.6rem 2.4rem}}
        @media(max-width: 767px){.footer-container .footer-img img{max-width:380px}}
        @media(max-width: 575px){.footer-container .footer-img img{width:100%;max-width:320px}}
            .footer-content{display:flex;gap:2.4rem}
        @media(max-width: 1199px){.footer-content{flex-direction:column}}
            .footer-content a{color:var(--color-gray-900)}
            .footer-item-wrapper{display:flex;width:100%;justify-content:space-around}
        @media(max-width: 575px){.footer-item-wrapper{flex-direction:column;gap:1.6rem 0;margin-left:0}}
            .footer-item{flex:1;display:flex;flex-direction:column;margin:0 1.6rem;margin-top:.8rem}
        @media(max-width: 767px){.footer-item{margin:0}}
            .footer-contact{display:flex;align-items:center;gap:.8rem 1.6rem;margin:.4rem 0}
            .footer-contact strong{color:var(--color-gray-900);min-width:-moz-max-content;
                min-width:max-content;font-size:clamp(16px,2vw,16px);font-weight:normal;
                letter-spacing:.2rem;margin:.6rem 0}
                .footer-contact span{font-size:clamp(16px,2vw,16px);
                    letter-spacing:.2rem;word-break:break-all}
                    .footer-contact-multiple{align-items:start}
                    .footer-contact-multiple strong{margin-top:4px}
                    .footer-contact-column{display:flex;flex-direction:column}
                    .footer-event{display:flex;gap:0rem 2.4rem;font-size:clamp(16px,2vw,16px)}
                    .footer-event li{padding:.6rem 0}
        @media(max-width: 1399px){
                        .footer-event{flex-direction:column}}
        @media(max-width: 991px){.footer-item-wrapper{flex-direction:column}
        .footer-container{background:#fafafa}
        .footer-container .toggleButton{
            cursor:pointer;position:relative;
            border-bottom:1px solid hsla(0,0%,100%,.3411764706);
            padding:1.6rem 0 1.2rem;margin:0}
            .footer-container .toggleButton::after{
                position:absolute;content:"+";
                top:50%;
                transform:translateY(-50%);
                right:0;
                color:var(--color-gray-900);
                font-size:32px}
            .footer-container .toggleButton.active::after{content:"-"}
            .footer-container .toggleContent>*{margin-left:2rem}}
            h1.news_title+p{padding-left:15px}
            .sideAd-item{margin:1.6rem 0}
            .sideAd img{width:100%}
            @media(max-width: 991px){.sideAd{display:flex;flex-wrap:wrap;margin-bottom:2.4rem}
            .sideAd-item{width:calc(50% - 1.6rem);margin:.8rem}}
            @media(max-width: 374px){.sideAd{flex-direction:column}
            .sideAd-item{width:100%;margin:.8rem 0}}
            .news-wrapper .newslist{
                border:1px solid var(--color-gray-900);
                display:flex;
                flex-direction:column;
                justify-content:center;
                align-items:center;
                padding:1.6rem 1.6rem .8rem;
                margin-bottom:3.6rem;
                transition:all .3s ease-in-out}
                .news-wrapper .newslist .news_imgBox{
                    width:100%;
                    max-height:300px;
                    overflow:hidden}
                    .news-wrapper .newslist .news_imgBox img{
                        -o-object-fit:cover;
                        object-fit:cover;width:100%}
                    .news-wrapper .newslist .news_date{
                        font-size:16px}
                    .news-wrapper .newslist .news_date img{display:none}
                    .news-wrapper .newslist .news_sort{
                        display:inline-block;
                        padding:.8rem 1.6rem;
                        border-radius:25px;
                        background:var(--color-gray-900);
                        color:#fff;
                        white-space:nowrap;
                        letter-spacing:.2rem;order:-1}
                    .news-wrapper .newslist .news_sort img{display:none}
                    .news-wrapper .newslist .news_author img{display:none}
                    .news-wrapper .newslist .caption{
                    width:100%;
                    flex:1;
                    display:flex;
                    flex-direction:column;
                    gap:.8rem
                }
                .news-wrapper .newslist .caption p:nth-child(2){
                    order:-1;
                    margin:0;
                    display:flex;
                    align-items:center;
                    gap:.8rem}
                .news-wrapper .newslist .news_info,.news-wrapper .newslist .news_author{display:none}
                .news-wrapper .newslist .news_title{
                    font-size:24px;
                    margin:0;
                    letter-spacing:.1rem;
                    line-height:1.4;
                    width:100%;
                    overflow:hidden;
                    text-overflow:ellipsis;
                    display:-webkit-box;
                    -webkit-line-clamp:1;
                    -webkit-box-orient:vertical;
                }
                .news-wrapper .newslist .news_more{
                    letter-spacing:.2rem;
                    font-size:16px;
                    background-color:rgba(0,0,0,0);
                    border:1px solid currentColor;
                    color:var(--color-gray-900)}
                .news-wrapper .newslist:hover,.news-wrapper .newslist:focus{
                    transform:translateY(-10px)}
                .news-wrapper .newslist:hover .news_more,.news-wrapper .newslist:focus .news_more{
                    color:var(--primary-dark) !important;
                    background-color:var(--sub-tint) !important}
                .news-wrapper .col-md-12,.news-wrapper .col-lg-12{
                    flex:1;
                    width:33.3333333333%}
                .news-wrapper .text-center{
                    width:100%;
                    display:inline-block}
        @media(max-width: 1199px){
            .news-wrapper .col-md-12,.news-wrapper .col-lg-12{width:50%}}
        @media(max-width: 575px){.news-wrapper .col-xs-12{width:100%}}
        .NEWS_type{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 1.6rem}
        .NEWS_type li{position:relative}
        .NEWS_type li:hover a{background:var(--primary-dark);color:#fff}
        .NEWS_type li:hover .badge{background:var(--primary-dark);color:#fff}
        .NEWS_type li .badge{transition:all .3s ease-in-out}
        .NEWS_type li a.topic{color:#fff;background-color:var(--primary-dark)}
        .NEWS_type li a.topic+.badge{background-color:#fff;color:var(--primary-dark)}
        .NEWS_type li a{
            display:block;
            padding:1.2rem 5rem 1.2rem 3rem;
            color:var(--primary-dark);
            border-radius:5rem}
        .NEWS_type li img{
            display:none;
            position:absolute;
            left:10px;
            top:50%;
            transform:translateY(-50%)}
        .NEWS_type li span{
            position:absolute;
            right:2.4rem;
            top:50%;
            transform:translateY(-50%)}
        .newsbar{
            display:none;
            margin:2rem 0}
        @media(max-width: 767px){
            .NEWS_type{gap:.8rem 0;
                justify-content:flex-start}
            .NEWS_type li{width:50%;padding:0 .8rem}}
        @media(max-width: 575px){
        .NEWS_type{flex-direction:column;}
        .NEWS_type li{width:100%}}
        .products-item{
            --color-item: #f3f585;
            position:relative;
            width:-moz-max-content;
            width:max-content;
            margin:4rem auto
        }
        .products-item-img{
            position:relative
        }
        .products-item-img img{
            overflow:hidden;transform:translateY(100%)}
            .products-item-img::after{
                content:"";
                position:absolute;
                z-index:-1;left:0;
                border-radius:50%;
                transform:scale(0);
                width:244px;height:244px}
            .products-item-img.active img{
                animation:translateY-100-0 1.2s ease-in-out forwards;
                animation-delay:calc(.3s + .15s*var(--index))}
            .products-item-img.active::after{
                animation:zoomInOut 1.2s ease-in-out forwards;
                animation-delay:calc(.05s*var(--index))}
            .products-item-imgMask{
                overflow:hidden;
                transition:all .3s ease-in-out;
                -webkit-mask-image:linear-gradient(to bottom, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
                mask-image:linear-gradient(to bottom, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
                -webkit-mask-repeat:no-repeat;
                mask-repeat:no-repeat;
                -webkit-mask-size:cover;mask-size:cover}
            .products-item-text{
                position:absolute;
                top:1.5vw;
                font-family:"Libre Baskerville",serif;
                letter-spacing:.2rem;
                max-width:90px;
                color:#363636}
            .products-item-text h3{font-size:52px;margin:0}
            .products-item-text p{font-size:24px}
            .products-item--1{--color-item: #ff6a33}
            .products-item--1 .products-item-img::after{
                top:1vw;
                background-color:var(--color-item)}
            .products-item--1 .products-item-text{left:-2rem;text-align:right}
            .products-item--1:hover .products-item-imgMask{transform:scale(1.2) rotate(15deg)}
            .products-item--2{--color-item:  #ff7e4f}
            .products-item--2 .products-item-img::after{top:1vw;background-color:var(--color-item)}
            .products-item--2 .products-item-text{right:0rem;text-align:left}
            .products-item--2:hover .products-item-imgMask{transform:scale(1.2) rotate(-8deg)}
            .products-item--3{--color-item:  #ff8e65}
            .products-item--3 .products-item-img::after{top:1vw;background-color:var(--color-item)}
            .products-item--3 .products-item-text{
                max-width:100%;
                width:100%;
                display:flex;
                justify-content:space-between;
                text-align:left}
            .products-item--3:hover .products-item-imgMask{
                transform:scale(1.2) rotate(12deg)}
            .products-item--4{
                --color-item:  #ffaa8b}
            .products-item--4 .products-item-img::after{
                top:1vw;
                background-color:var(--color-item)}
            .products-item--4 .products-item-text{
                right:0rem;
                text-align:left}
            .products-item--4:hover .products-item-imgMask{
                transform:scale(1.2) rotate(-12deg)}
            .products-item:hover{z-index:8}
            .products-item:hover .button__02{
                color:var(--primary-dark)
            }
            .products-item:hover .button__02::before{transform:translateX(0)}
            .products-item .button__02:before{border-bottom:6rem solid var(--color-item)}
            .about{background:#fafafa}.about-container{
                display:flex;
                justify-content:center;
                align-items:center}
            @media(max-width: 991px){
                .about-container{flex-direction:column;gap:2.4rem}
                .about-container .about-img{order:2;max-width:350px}}
                .about-img{flex:1}.about-content{flex:1.2}
                .about-content .hgroup-title{justify-content:flex-start}
                .about-point{display:flex;justify-content:space-around}
                .about-point-block{
                    display:flex;align-items:center;
                    justify-content:center;
                    flex-direction:column;gap:.8rem}
                    .about-point-img{height:50px;display:flex;align-items:center}
        @media(max-width: 575px){.about-point{
            flex-wrap:wrap;gap:2.4rem 0}
            .about-point .about-point-block{width:50%}}
            .about-text{
                margin:4rem 0;
                padding:4rem;
                font-size:18px;
                line-height:2.2;
                letter-spacing:.2rem;
                position:relative;
                overflow:hidden}
                .about-text::before,.about-text::after{
                    content:"";
                    position:absolute;
                    width:100%;
                    height:1px;
                    background-color:var(--color-gray-900);
                    transition:all .8s .4s ease-in-out}
                    
                .about-text::before{
                    top:0;
                    left:-100%;
                }
                .about-text:after{
                    top:calc(100% - 1px);
                    left:100%}
                    .about-text-p::before,.about-text-p::after{
                        content:"";
                        position:absolute;
                        width:1px;
                        height:100%;
                        background-color:var(--color-gray-900);
                        transition:all .8s .4s ease-in-out}
                .about-text-p::before{
                    top:100%;left:0
                }
                .about-text-p::after{
                    top:-100%;left:calc(100% - 1px)}
                    .about-text.active::before{left:0}
                    .about-text.active .about-text-p::after{top:0}
                    .about-text.active::after{left:0}
                    .about-text.active .about-text-p::before{top:0}
                    .sectionFull{display:flex}
                    .sectionFull-item{position:relative;overflow:hidden}
                    .sectionFull-item:hover .sectionFull-btn::after{transform:translateX(0%)}
                    .sectionFull-item:hover .sectionFull-btn-ori{left:150%}
                    .sectionFull-item:hover .sectionFull-btn-clone{left:50%;fill:#fff}
                    .sectionFull-item:hover img{transform:scale(1.1);filter:blur(5px)}
                    .sectionFull-text{
                        width:100%;
                        text-align:center;
                        position:absolute;
                        top:25%;
                        left:50%;
                        transform:translateX(-50%);
                        color:var(--primary-dark)}
                    .sectionFull-text h4{
                        font-family:"Libre Baskerville",serif;
                        font-size:clamp(28px,3.5vw,42px);
                        letter-spacing:.2rem;
                        margin-bottom:clamp(0px,.2vw,10px)}
                        .sectionFull-text span{
                            font-family:"Noto Serif KR",serif;font-size:clamp(16px,2vw,24px);
                            font-weight:600;
                            letter-spacing:.4rem}
                    .sectionFull-btn{
                        position:absolute;
                        bottom:25%;
                        left:50%;
                        transform:translateX(-50%);
                        width:30px;
                        height:30px;
                        border:1px solid var(--color-gray-900);
                        border-radius:50%;
                        overflow:hidden}
                        .sectionFull-btn::after{
                            content:"";
                            position:absolute;
                            inset:0;
                            border-radius:50%;
                            transform-origin:left;
                            transform:translateX(-100%);
                            background-color:var(--color-gray-900);
                            z-index:-1;
                            transition:all .3s ease-in-out}
                            .sectionFull-btn-ori{
                                position:absolute;
                                left:50%;
                                top:50%;
                                transform:translate(-50%, -50%);
                                transition:all .3s ease;
                                fill:var(--color-gray-900)}
                            .sectionFull-btn-clone{
                                position:absolute;
                                top:50%;
                                left:-50%;
                                transform:translate(-50%, -50%);
                                transition:all .3s ease;
                                fill:var(--color-gray-900)}
                            .sectionFull img{
                                position:relative;
                                z-index:-1;
                                width:100%;
                                -o-object-fit:cover;
                                object-fit:cover;
                                transition:all .5s ease-in-out}
            @media(max-width: 991px){
                .sectionFull-text{
                    top:15%;
                    background:hsla(0,0%,100%,.6509803922);
                    padding:.8rem 0;
                    -webkit-backdrop-filter:blur(20px);
                    backdrop-filter:blur(20px)}
                    .sectionFull-btn{bottom:15%}}
            @media(max-width: 575px){
                .sectionFull{flex-direction:column}
                .sectionFull-item{max-height:200px}
                .sectionFull-text{top:20%;background:rgba(0,0,0,0);
                    padding:.8rem 0;
                    -webkit-backdrop-filter:blur(0px);
                    backdrop-filter:blur(0px)}}
            #category_descr{margin:0px}
            #category_descr img{width:100%}
            .article-content h1,.article-content h2,.article-content span,.article-content strong,.pd_descr h1,.pd_descr h2,.pd_descr span,.pd_descr strong{
                -webkit-box-decoration-break:clone;
                box-decoration-break:clone}
            #myTab{display:none}
            .popular_products .prd_info{display:none}
            .popular_products .li-item h4{font-size:18px;color:var(--color-gray-900)}
            .popular_products .li-item:hover{box-shadow:none;
                background-color:rgba(0,0,0,0)}
            .popular_products .li-item:hover .btn{
                background-color:#202020;
                color:#f0f0f0}
            .product-wrapper #prod_intro h1{
                font-size:24px}
            .product-wrapper .panel{
                border:none}
            .product-wrapper .panel-title{
                font-size:20px}
            .product-wrapper .panel-heading{
                background-color:rgba(0,0,0,0);
                border:none}
            .product-wrapper .panel-body{padding:0}
            .product-wrapper .panel-body>.col-sm-12{padding:0}
            .product-wrapper .panel .li-item figcaption{display:none}
            .product-wrapper .panel .li-item figure{overflow:hidden}
            .product-wrapper .panel .li-item img{transition:all .3s ease-in-out}
            .product-wrapper .panel .li-item:hover{box-shadow:none;background-color:rgba(0,0,0,0)}
            .product-wrapper .panel .li-item:hover img{transform:scale(1.1)}
            .page-header-style{background:url(/hipershop/rwd1849/store/F1/bk.jpg) no-repeat 20%/cover;
                text-align:center;
                width:100%;
                height:350px;
                position:relative}
            .page-header-style img{
                position:absolute;
                top:50%;
                right:12vw;
                transform:translateY(-50%)}
            @media(max-width: 991px){
                .page-header-style{height:250px}
                .page-header-style img{
                    left:auto;
                    right:0vw;
                    transform-origin:center top;
                    transform:scale(0.8) translateY(-50%);
                    background:hsla(0,0%,100%,.7215686275);
            -webkit-backdrop-filter:blur(20px);
            backdrop-filter:blur(20px);
            padding:2.4rem;
            border-radius:1.4rem}}
        @media(max-width: 767px){
            .page-header-style img{right:5vw;
                transform-origin:right top;
                transform:scale(0.5) translateY(-100%)}}
            .hgroup-title{display:flex;
                align-items:center;
                justify-content:center;
                gap:.8rem;
                letter-spacing:.2rem;color:var(--color-gray-900)}
            .hgroup-title h2{
                margin:0;
                font-family:"Libre Baskerville",serif;
                font-size:32px;text-align:center}
            .hgroup-title span{
                font-size:24px}
                @media(max-width: 767px){
                    .hgroup-title{flex-direction:column}}
                    .button__02{display:inline-block;
                        text-align:center;
                        padding:.8rem 1.6rem;
                        text-transform:uppercase;
                        letter-spacing:.15rem;
                        transition:all .3s;
                        color:#fff;
                        position:relative;z-index:2;
                        width:150px;overflow:hidden;
                        font-size:18px;
                        letter-spacing:.2rem}
                    .button__02::after,.button__02::before{
                        content:"";
                        position:absolute;
                        top:0;
                        bottom:0;
                        left:0;
                        right:-5rem;
                        transition:all .5s}
                    .button__02:before{
                        z-index:-1;
                        border-right:3rem solid rgba(0,0,0,0);
                        border-bottom:6rem solid var(--sub-tint);
                        transform:translateX(-100%)}
                    .button__02::after{
                        background-color:#454545;
                        z-index:-2}
                    .button__02:hover,.button__02:focus{
                        text-decoration:none;
                        color:#454545;
                    }
                    .button__02:hover:before,.button__02:focus:before{
                        transform:translateX(0)}
                    .sidemenu{
                        position:fixed;
                        z-index:99;
                        right:0;
                        bottom:25%;
                        display:flex;
                        flex-direction:column;
                        gap:.8rem 0;
                        transform:translateY(10px);
                        opacity:0;
                        visibility:hidden;
                        transition:all .5s ease-in-out}
                    .sidemenu-item{
                        cursor:pointer;
                        background:#9f9f9f;
                        display:flex;align-items:
                        center;
                        justify-content:center;
                        transition:all .3s ease-in-out}
                    .sidemenu-item img{width:100%}
                    .sidemenu-item>*{width:-moz-max-content;
                        width:max-content;
                        height:-moz-max-content;
                        height:max-content;
                        display:flex;
                        align-items:center;
                        justify-content:center}
                    .sidemenu-item:hover{
                        filter:brightness(0.8)}.sidemenu.active{visibility:visible;
                            transform:translateY(0);opacity:1}
                    @media(max-width: 767px){
                        .sidemenu{bottom:30%}.sidemenu-item{width:70px;height:70px}}
                        .btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{
                            outline:none;
                            box-shadow:none;
                            text-decoration:none}
                        .btn-muted,.btn-warning,.closePopup{
                            background-color:var(--color-gray-400) !important;
                            border:1px solid var(--color-gray-400) !important;
                            color:#fff}
                        .btn-muted:hover,.btn-muted:focus,.btn-warning:hover,.btn-warning:focus,.closePopup:hover,.closePopup:focus{
                            color:#fff;
                            background-color:var(--color-gray-500) !important;
                            border:1px solid var(--color-gray-500) !important}
                        .btn-inquiry{
                            background-color:var(--inquiry-dark) !important;
                            border:1px solid var(--inquiry-dark) !important}
                        .btn-inquiry:hover,.btn-inquiry:focus{
                            background-color:var(--inquiry-default) !important;
                            border:1px solid var(--inquiry-default) !important}
                        .btn-bg{
                            background-image:url(/ec99/images/logo-btn.png);
                            background-repeat:no-repeat}
                        .layer_cart_product{
                            display:flex;
                            align-items:center;
                            justify-content:center;
                            flex-direction:column
                        }
                        .layer_cart_product .AddCartIn{
                            margin-right:auto
                        }
                        .layer_cart_product .product-image-container{
                            margin-right:0 !important;
                            margin-bottom:0 !important
                        }
                        .layer_cart_product .layer_cart_product_info{
                            width:100%;display:flex;
                            flex-direction:column;
                            align-items:center}
                        .layer_cart_product .layer_cart_product_info hr{width:100%}
                        .layer_cart_product .product-name h3{
                            text-align:center;
                            color:var(--primary-dark);
                            margin:1.6rem 0}
                        .layer_cart_product .layer_cart_product_text{display:none}
                        .layer_cart_product .btnbox{
                            display:flex;
                            align-items:center;
                            justify-content:center;
                            gap:1.6rem}
                        .layer_cart_product .btnbox a{flex:1;display:flex}
                        .layer_cart_product .btnbox a:hover{text-decoration:none}
                        .layer_cart_product .btnbox button{flex:1}
                        .mfp-content{width:90% !important}
                        .dyPic{display:none !important}
                        .product-wrapper .dyPic{display:inline-block !important}
                        .onSaleTurn1 .pro_txt_box,.onSaleTurn1 .pro_main p,.onSaleTurn1 .pro_sale .pro_price,.onSaleTurn1 .pro_sale .on_sale,.onSaleTurn1 .pro_btn i{display:none}
                        .onSaleTurn1 .item{position:relative;padding:2rem;margin:0 auto}
                @media(max-width: 785px){.onSaleTurn1 .item{max-width:250px}}
                .onSaleTurn1 .item:hover{cursor:pointer}
                .onSaleTurn1 .item:hover .pro_item{box-shadow:var(--box-shadow)}
                .onSaleTurn1 .item:hover .pro_item img{transform:scale(1.2)}
                .onSaleTurn1 .item:hover .pro_btn{
                    color:#fff;
                    background-color:var(--color-gray-700);
                    border:1px solid var(--color-gray-700);
                    box-shadow:var(--box-shadow)}
                .onSaleTurn1 .pro_item{
                    background-color:#fff;
                    border-radius:10px;
                    position:relative;
                    overflow:hidden;
                    border:1px solid var(--primary-tint);
                    transition:box-shadow .5s ease-in-out}
                .onSaleTurn1 .pro_item img{
                    transition:transform .5s ease-in-out;
                    width:100%
                }
                .onSaleTurn1 .pro_main h3{
                    text-align:center;
                    font-size:18px;
                    color:var(--color-gray-800);
                    margin:2.4rem 0;
                    letter-spacing:.2rem}
                .onSaleTurn1 .pro_main h3 span{display:none}
                .onSaleTurn1 .pro_sale{display:none;text-align:center}
                .onSaleTurn1 .pro_sale .pro_btn{letter-spacing:.1rem;
                    font-size:16px;
                    color:var(--primary-dark);
                    padding:.8rem 1.6rem;
                    border:1px solid currentColor;
                    border-radius:2.5rem;
                    transition:all .3s ease-in-out}
                .onSaleTurn1 .pro_sale .pro_btn:hover{
                    text-decoration:none}
                .onSaleTurn1 .owl-controls{margin-top:24px}
                .onSaleTurn1 .owl-controls .owl-buttons{position:static}
                .onSaleTurn1 .owl-controls .owl-buttons div.owl-next,.onSaleTurn1 .owl-controls .owl-buttons div.owl-prev{
                    position:absolute;top:50%;
                    transform:translateY(-50%);
                    color:var(--color-gray-900);
                    font-size:20px}
                .onSaleTurn1 .owl-controls .owl-buttons .owl-next{right:-3rem}
            @media(max-width: 991px){
                .onSaleTurn1 .owl-controls .owl-buttons .owl-next{right:0}}
                .onSaleTurn1 .owl-controls .owl-buttons .owl-prev{left:-3rem}
            @media(max-width: 991px){
                .onSaleTurn1 .owl-controls .owl-buttons .owl-prev{left:0}}
                html{font-size:62.5% !important}
                .navbar{font-family:"Inria Serif","Noto Sans TC",serif}
                .navbar h5{
                    font-family:"Inria Serif","Noto Sans TC",serif}
            @media(max-width: 767px){.shoplist-wrapper section{max-width:90%;margin:0 auto}}
            h1.MYCART_TITLE{
                font-family:"Inria Serif","Noto Sans TC",serif;
                font-weight:bold;color:var(--primary-dark) !important;
                margin:5rem auto !important;
                font-size:30px}
            h2.SHOP_TITLE{
                background-color:var(--primary-default) !important;
                border-bottom:2px solid var(--primary-dark) !important;
                font-family:"Inria Serif","Noto Sans TC",serif;
                margin:0;letter-spacing:2px}
            .IDEC_SHOPBAG ul{display:flex;align-items:center}
            .IDEC_SHOPBAG ul li{min-height:auto;display:flex;flex-direction:column;flex:1}
            .IDEC_SHOPBAG ul li br{display:none}
            .IDEC_SHOPBAG ul select{border:1px solid var(--color-gray-200);
                background-color:var(--color-gray-050)}
            .IDEC_SHOPBAG ul select:hover{cursor:pointer}
            .IDEC_SHOPBAG ul .PRD_PIC{
                height:auto;
                background:var(--color-gray-050);
                border:1px solid var(--color-gray-200)}
            .IDEC_SHOPBAG ul .PRD_NAME{width:100%}
            .IDEC_SHOPBAG ul .PRD_BTN{margin-left:auto}
            @media(max-width: 767px){
                .IDEC_SHOPBAG ul{flex-direction:column;justify-content:center}
                .IDEC_SHOPBAG ul select{width:100% !important}
                .IDEC_SHOPBAG ul a{text-align:center}
                .IDEC_SHOPBAG ul .PRD_PRICE{padding-right:0;margin-left:auto}
                .IDEC_SHOPBAG ul .PRD_SUB{margin-left:auto}
                .IDEC_SHOPBAG ul .PRD_BTN{position:static}
                .IDEC_SHOPBAG ul .PRD_BTN a{text-align:right}
                .IDEC_SHOPBAG ul .PRD_BTN .PRD_DEL{padding-top:0}}
                .PRD_PRICE span,.PRD_SUB span,.TOTAL li span{color:var(--color-gray-800) !important}
                .PRD_NAME a{font-weight:300;color:var(--color-gray)}
                .TOTAL .TP{color:var(--primary-dark) !important}.TOTAL{margin:0 !important}
                .shoplist-wrapper table thead,.ORDER_TITLE,.ORDER_TITLE2,legend{
                    background-color:var(--primary-default) !important;
                    color:#fff;height:40px;font-weight:bold;
                    line-height:3.5rem;font-size:18px;padding:0 1rem}
                .RequestList_title{line-height:3.5rem}
                span.switch{box-shadow:0 2px 5px #c9c9c9 inset}span.CB{box-shadow:0 3px 5px #aaa}.checkbox:checked~.switch{background-color:var(--color-gray-300) !important}.checkbox:checked~.switch .CB{box-shadow:0 2px 5px currentColor !important}#PAYTYPE{display:flex}#PAYTYPE li{flex:1;width:auto}@media(max-width: 767px){#PAYTYPE{flex-direction:column}}input.CHECK_BOX{background-color:#fff}input.CHECK_BOX:checked{background-color:var(--primary-dark) !important}legend{background-color:var(--primary2-dafault)}.panel-body .ORDER_TITLE{background-color:rgba(0,0,0,0) !important}table{width:100%;border-collapse:collapse}@media(max-width: 991px){#buyitemlist{width:100%;overflow-x:auto;white-space:nowrap;margin-bottom:2.4rem}
                table{display:table;width:100%}}