@charset "UTF-8";

@media screen and (max-width: 1600px) {
    #ajax_loading .img {
        background-size: 50px;
    }

    .Back {
    }

    #Loginblock {
    }

        #Loginblock.Login_txt input {
            margin-top: 10px;
            width: 200px;
            padding: 0 20px;
            font-size: 16px;
        }

    #menu-height {
        height: 163px;
    }

    #menu .logo {
        padding: 33px 20px 10px 20px;
    }

    #footer .footer-top .top-right > ul {
        width: 100%;
    }

        #footer .footer-top .top-right > ul li {
            width: 16%;
            padding: 0 5px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

    .index-section1 {
        padding: 0 40px;
    }

        .index-section1 .swiper-container#index-recom {
            padding: 0 120px;
        }

            .index-section1 .swiper-container#index-recom::before, .index-section1 .swiper-container#index-recom::after {
                width: 120px;
            }

    .index-section4 .sec4-block .swiper-container#index-high {
        width: calc(100% / 3 * 2 + 60px);
    }

    #product-list ul#product-main-list > li {
        height: 520px;
    }

    .dropdown-icon {
        display: none; /* 不顯示 ▼ 符號 */
    }
}

@media screen and (max-width: 1440px) {
    .innerpage.container {
        padding: 0 20px;
        max-width: 1240px;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        padding-right: 40px;
    }

    #footer .footer-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        #footer .footer-top .top-left, #footer .footer-top .top-right {
            width: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        #footer .footer-top .top-left {
            padding-bottom: 30px;
        }

        #footer .footer-top .top-right > ul {
            max-width: 800px;
        }

    #gotop.down {
        bottom: 123px;
    }

    .index-section1 {
        padding: 0 20px;
    }

        .index-section1 .swiper-container#index-recom {
            padding: 0 50px;
        }

            .index-section1 .swiper-container#index-recom::before, .index-section1 .swiper-container#index-recom::after {
                width: 50px;
            }

            .index-section1 .swiper-container#index-recom .swiper-button-prev {
                left: 10px;
            }

            .index-section1 .swiper-container#index-recom .swiper-button-next {
                right: 10px;
            }

    .index-section4 .sec4-block .swiper-container#index-high {
        width: calc(100% / 3 * 2 + 60px);
    }

    .bgpurple .innerpage.container ul#member-tool {
        width: 250px;
        margin-right: 20px;
    }

    .bgpurple .innerpage.container .member-main {
        /*width: calc(100% - 270px);*/
    }

    .bgpurple .innerpage.container.cart .cart-right {
        width: 370px;
    }

    .bgpurple .innerpage.container.cart .cart-left {
        width: calc(100% - 390px);
    }

        .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .info {
            width: calc(100% - 160px - 350px);
        }

        .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .price {
            width: 175px;
        }

        .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .bottom-box > li {
            margin-bottom: 10px;
        }

    #product-list ul#product-main-list > li {
        height: 450px;
    }

    #photo-list ul#photo-main-list > li {
        width: calc((100% - 60px) / 3);
        margin-right: 30px;
    }

    .dropdown-icon {
        display: none; /* 不顯示 ▼ 符號 */
    }
}

@media screen and (max-width: 1200px) {
    #menu.indexstyle .logo {
        margin-bottom: 0;
    }

    .btn-box a {
        padding: 12px 5px;
    }

    .btn-box.small a {
        letter-spacing: 1px;
    }

    form .form-item.captcha input {
        width: 180px;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 15px;
        padding-right: 20px;
    }

    .bgpurple .innerpage.container ul#member-tool {
        width: 220px;
        margin-right: 20px;
    }

    .bgpurple .innerpage.container .member-main {
        /*width: calc(100% - 240px);*/
    }

    .bgpurple .innerpage.container.cart {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .bgpurple .innerpage.container.cart .bottom-back p {
            text-align: center;
        }

        .bgpurple .innerpage.container.cart .cart-left {
            width: 100%;
            margin-right: 0;
        }

        .bgpurple .innerpage.container.cart .cart-right {
            width: 50%;
            min-width: 450px;
            margin-top: 50px;
        }

            .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show h6.purple, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show h6.purple {
                width: 100%;
            }

    #product-inner .product-image .swiper-container {
        height: 660px;
    }

        #product-inner .product-image .swiper-container.gallery-big {
            width: 500px;
            margin-left: 10px;
        }

    #product-inner .product-image .product-font {
        width: calc(100% - 675px);
    }

    .product-font .btnblock #addcart, .product-font .btnblock .addcart {
        width: calc(100% - 10px);
        margin-right: 10px;
    }

    #product-list ul#product-main-list > li {
        width: calc(25% - 10px);
        margin: 0 5px 30px 5px;
        height: 420px;
    }
        /*#product-list ul#product-main-list > li:nth-child(5) .fontbox, #product-list ul#product-main-list > li:nth-child(14n) .fontbox, #product-list ul#product-main-list > li:nth-child(14n + 5) .fontbox {
    padding: 40px 20px;
  }*/
        #product-list ul#product-main-list > li .product-preview.pop-up > .imgbox {
            width: 473px;
        }

        #product-list ul#product-main-list > li .product-preview.pop-up .product-font {
            width: calc(100% - 473px);
        }

            #product-list ul#product-main-list > li .product-preview.pop-up .product-font h2 {
                margin: 20px 0 25px 0;
            }

            #product-list ul#product-main-list > li .product-preview.pop-up .product-font .btn-box {
                margin-top: 30px;
            }

    .signin .sign-block {
        width: calc(50% - 10px);
    }

    #photo-list ul#photo-main-list > li > a h2 {
        margin: 15px;
        font-size: 20px;
    }

    .dropdown-icon {
        display: none; /* 不顯示 ▼ 符號 */
    }
}

@media screen and (max-width: 1024px) {
    #menu .menu-bottom ul#menu-list > li > ul.inner-list > li div.childmenu {
        position: unset;
    }

    .swiper-container#index-banner {
        margin-top: 0px;
    }

    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .Back {
        /*padding-top: 30px;*/ /*刪除帳號的頁面*/
    }

    #Loginblock.Login_txt input {
        margin-top: 10px;
        width: 180px;
        padding: 0 10px;
        font-size: 16px;
    }



    span#payform, span#info1, span#info2, span#info3, span#info4, span#info5, span#info6 {
        top: -90px;
    }

    #menu-height, #menu-height.indexstyle {
        height: 84px;
    }

    .dropdown-icon {
        display: inline-block !important; /* 顯示 ▼ 符號 */
    }

    #menu, #menu.scroll, #menu.indexstyle, #menu.indexstyle.scroll {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        padding-top: 4px;
        -webkit-box-shadow: 0 0 5px rgba(100, 100, 100, 0.3);
        box-shadow: 0 0 5px rgba(100, 100, 100, 0.3);
    }

        #menu::before, #menu.scroll::before, #menu.indexstyle::before, #menu.indexstyle.scroll::before {
            height: 4px;
            display: block;
        }

        #menu ul.menu-top, #menu.scroll ul.menu-top, #menu.indexstyle ul.menu-top, #menu.indexstyle.scroll ul.menu-top {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            padding: 29px 25px 29px 20px;
            width: calc(100% - 450px);
            position: relative;
            background-color: #fff;
            z-index: 10011;
        }

            #menu ul.menu-top .fastblock, #menu.scroll ul.menu-top .fastblock, #menu.indexstyle ul.menu-top .fastblock, #menu.indexstyle.scroll ul.menu-top .fastblock {
                top: 67px;
            }

            #menu ul.menu-top #cart-block, #menu.scroll ul.menu-top #cart-block, #menu.indexstyle ul.menu-top #cart-block, #menu.indexstyle.scroll ul.menu-top #cart-block {
                right: 83px;
            }

            #menu ul.menu-top #member-block, #menu.scroll ul.menu-top #member-block, #menu.indexstyle ul.menu-top #member-block, #menu.indexstyle.scroll ul.menu-top #member-block {
                right: 138px;
            }

                #menu ul.menu-top #member-block .loggedin, #menu.scroll ul.menu-top #member-block .loggedin, #menu.indexstyle ul.menu-top #member-block .loggedin, #menu.indexstyle.scroll ul.menu-top #member-block .loggedin {
                    width: calc(100vw - 138px - 40px);
                }

            #menu ul.menu-top #search-block, #menu.scroll ul.menu-top #search-block, #menu.indexstyle ul.menu-top #search-block, #menu.indexstyle.scroll ul.menu-top #search-block {
                right: 328px;
            }

        #menu .logo, #menu.scroll .logo, #menu.indexstyle .logo, #menu.indexstyle.scroll .logo {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            width: 300px;
            margin: 0;
            padding: 8px 20px 12px 20px;
            background-color: transparent;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            background-color: #fff;
            justify-content: flex-start;
        }

            #menu .logo a, #menu.scroll .logo a, #menu.indexstyle .logo a, #menu.indexstyle.scroll .logo a {
                height: 60px;
            }

        #menu .menu-bottom, #menu.scroll .menu-bottom, #menu.indexstyle .menu-bottom, #menu.indexstyle.scroll .menu-bottom {
            height: auto;
            z-index: 10011;
        }

            #menu .menu-bottom #burger, #menu.scroll .menu-bottom #burger, #menu.indexstyle .menu-bottom #burger, #menu.indexstyle.scroll .menu-bottom #burger {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                position: fixed;
                right: 25px;
                top: 28px;
                width: 35px;
                height: 35px;
                z-index: 10012;
                cursor: pointer;
            }

                #menu .menu-bottom #burger .bar, #menu.scroll .menu-bottom #burger .bar, #menu.indexstyle .menu-bottom #burger .bar, #menu.indexstyle.scroll .menu-bottom #burger .bar {
                    width: 100%;
                    height: 2px;
                    background-color: #918e8e;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    -webkit-transition: .3s;
                    transition: .3s;
                }

                    #menu .menu-bottom #burger .bar:first-child, #menu.scroll .menu-bottom #burger .bar:first-child, #menu.indexstyle .menu-bottom #burger .bar:first-child, #menu.indexstyle.scroll .menu-bottom #burger .bar:first-child {
                        top: 20%;
                    }

                    #menu .menu-bottom #burger .bar:last-child, #menu.scroll .menu-bottom #burger .bar:last-child, #menu.indexstyle .menu-bottom #burger .bar:last-child, #menu.indexstyle.scroll .menu-bottom #burger .bar:last-child {
                        top: 80%;
                    }

                #menu .menu-bottom #burger.active .bar:first-child, #menu.scroll .menu-bottom #burger.active .bar:first-child, #menu.indexstyle .menu-bottom #burger.active .bar:first-child, #menu.indexstyle.scroll .menu-bottom #burger.active .bar:first-child {
                    top: 50%;
                    -webkit-transform: translate(-50%, -50%) rotate(45deg);
                    transform: translate(-50%, -50%) rotate(45deg);
                }

                #menu .menu-bottom #burger.active .bar:nth-child(2), #menu.scroll .menu-bottom #burger.active .bar:nth-child(2), #menu.indexstyle .menu-bottom #burger.active .bar:nth-child(2), #menu.indexstyle.scroll .menu-bottom #burger.active .bar:nth-child(2) {
                    -webkit-transform: translate(-50%, -50%) scale(0, 1);
                    transform: translate(-50%, -50%) scale(0, 1);
                }

                #menu .menu-bottom #burger.active .bar:last-child, #menu.scroll .menu-bottom #burger.active .bar:last-child, #menu.indexstyle .menu-bottom #burger.active .bar:last-child, #menu.indexstyle.scroll .menu-bottom #burger.active .bar:last-child {
                    top: 50%;
                    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                    transform: translate(-50%, -50%) rotate(-45deg);
                }

            #menu .menu-bottom ul#menu-list, #menu.scroll .menu-bottom ul#menu-list, #menu.indexstyle .menu-bottom ul#menu-list, #menu.indexstyle.scroll .menu-bottom ul#menu-list {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                -ms-flex-line-pack: start;
                align-content: flex-start;
                position: fixed;
                right: 0;
                top: 0;
                width: 50vw;
                height: 100vh;
                opacity: 0;
                padding: 72px 30px;
                background: #fbfbfb;
                -webkit-transform: translate(110%, 0);
                transform: translate(110%, 0);
                z-index: 10011;
                overflow-y: auto;
                -webkit-box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.3);
                box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.3);
                -webkit-transition: .5s;
                transition: .5s;
            }

                #menu .menu-bottom ul#menu-list li a, #menu.scroll .menu-bottom ul#menu-list li a, #menu.indexstyle .menu-bottom ul#menu-list li a, #menu.indexstyle.scroll .menu-bottom ul#menu-list li a {
                    color: #000;
                    font-weight: normal;
                }

                #menu .menu-bottom ul#menu-list.active, #menu.scroll .menu-bottom ul#menu-list.active, #menu.indexstyle .menu-bottom ul#menu-list.active, #menu.indexstyle.scroll .menu-bottom ul#menu-list.active {
                    opacity: 1;
                    -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
                }

                    #menu .menu-bottom ul#menu-list.active > li, #menu.scroll .menu-bottom ul#menu-list.active > li, #menu.indexstyle .menu-bottom ul#menu-list.active > li, #menu.indexstyle.scroll .menu-bottom ul#menu-list.active > li {
                        opacity: 1;
                    }

                #menu .menu-bottom ul#menu-list > li, #menu.scroll .menu-bottom ul#menu-list > li, #menu.indexstyle .menu-bottom ul#menu-list > li, #menu.indexstyle.scroll .menu-bottom ul#menu-list > li {
                    width: 100%;
                    opacity: 0;
                    -webkit-transition: 0;
                    transition: 0;
                    padding: 0;
                }

                    #menu .menu-bottom ul#menu-list > li > h5, #menu.scroll .menu-bottom ul#menu-list > li > h5, #menu.indexstyle .menu-bottom ul#menu-list > li > h5, #menu.indexstyle.scroll .menu-bottom ul#menu-list > li > h5 {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        padding: 15px;
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        font-size: 18px;
                    }

                        #menu .menu-bottom ul#menu-list > li > h5 i, #menu.scroll .menu-bottom ul#menu-list > li > h5 i, #menu.indexstyle .menu-bottom ul#menu-list > li > h5 i, #menu.indexstyle.scroll .menu-bottom ul#menu-list > li > h5 i {
                            display: block;
                            -webkit-transition: .5s;
                            transition: .5s;
                        }

                    #menu .menu-bottom ul#menu-list > li::before, #menu.scroll .menu-bottom ul#menu-list > li::before, #menu.indexstyle .menu-bottom ul#menu-list > li::before, #menu.indexstyle.scroll .menu-bottom ul#menu-list > li::before {
                        display: none;
                    }

                    #menu .menu-bottom ul#menu-list > li > ul.inner-list, #menu .menu-bottom ul#menu-list > li > ul.logo-list, #menu.scroll .menu-bottom ul#menu-list > li > ul.inner-list, #menu.scroll .menu-bottom ul#menu-list > li > ul.logo-list, #menu.indexstyle .menu-bottom ul#menu-list > li > ul.inner-list, #menu.indexstyle .menu-bottom ul#menu-list > li > ul.logo-list, #menu.indexstyle.scroll .menu-bottom ul#menu-list > li > ul.inner-list, #menu.indexstyle.scroll .menu-bottom ul#menu-list > li > ul.logo-list {
                        position: relative;
                        width: 100%;
                        top: 0;
                        left: 0;
                        opacity: 1;
                        display: none;
                        -webkit-transition: 0s;
                        transition: 0s;
                    }

                    #menu .menu-bottom ul#menu-list > li > ul.logo-list, #menu.scroll .menu-bottom ul#menu-list > li > ul.logo-list, #menu.indexstyle .menu-bottom ul#menu-list > li > ul.logo-list, #menu.indexstyle.scroll .menu-bottom ul#menu-list > li > ul.logo-list {
                        -webkit-box-shadow: none;
                        box-shadow: none;
                        top: 0;
                        left: 0;
                        -webkit-transform: translate(0, 0);
                        transform: translate(0, 0);
                    }

                        #menu .menu-bottom ul#menu-list > li > ul.logo-list > li, #menu.scroll .menu-bottom ul#menu-list > li > ul.logo-list > li, #menu.indexstyle .menu-bottom ul#menu-list > li > ul.logo-list > li, #menu.indexstyle.scroll .menu-bottom ul#menu-list > li > ul.logo-list > li {
                            width: 100%;
                        }

                    #menu .menu-bottom ul#menu-list > li.active h5 i, #menu.scroll .menu-bottom ul#menu-list > li.active h5 i, #menu.indexstyle .menu-bottom ul#menu-list > li.active h5 i, #menu.indexstyle.scroll .menu-bottom ul#menu-list > li.active h5 i {
                        -webkit-transform: rotate(-180deg);
                        transform: rotate(-180deg);
                    }

                #menu .menu-bottom ul#menu-list .pc-hide, #menu.scroll .menu-bottom ul#menu-list .pc-hide, #menu.indexstyle .menu-bottom ul#menu-list .pc-hide, #menu.indexstyle.scroll .menu-bottom ul#menu-list .pc-hide {
                    display: block;
                    width: 100%;
                    border-top: 1px solid #d1b691;
                    margin-top: 30px;
                    padding: 30px 0;
                }

                    #menu .menu-bottom ul#menu-list .pc-hide > ul li, #menu.scroll .menu-bottom ul#menu-list .pc-hide > ul li, #menu.indexstyle .menu-bottom ul#menu-list .pc-hide > ul li, #menu.indexstyle.scroll .menu-bottom ul#menu-list .pc-hide > ul li {
                        padding: 15px;
                    }

                        #menu .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form, #menu.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form, #menu.indexstyle .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form, #menu.indexstyle.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form {
                            width: 100%;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -ms-flex-wrap: wrap;
                            flex-wrap: wrap;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                        }

                            #menu .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form input, #menu .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button, #menu.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form input, #menu.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button, #menu.indexstyle .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form input, #menu.indexstyle .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button, #menu.indexstyle.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form input, #menu.indexstyle.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button {
                                padding: 10px 15px;
                                border-radius: 5px;
                                height: 40px;
                                border: none;
                            }

                            #menu .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form input, #menu.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form input, #menu.indexstyle .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form input, #menu.indexstyle.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form input {
                                width: calc(100% - 55px);
                                margin-right: 10px;
                                border: 1px solid #666;
                                background-color: #fff;
                            }

                                #menu .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form input:focus, #menu.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form input:focus, #menu.indexstyle .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form input:focus, #menu.indexstyle.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form input:focus {
                                    outline: none;
                                    background-color: #f8f6fb;
                                }

                            #menu .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button, #menu.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button, #menu.indexstyle .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button, #menu.indexstyle.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button {
                                width: 45px;
                                background-color: #111;
                                cursor: pointer;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                -webkit-box-pack: center;
                                -ms-flex-pack: center;
                                justify-content: center;
                                -webkit-transition: .3s;
                                transition: .3s;
                            }

                                #menu .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button:hover, #menu .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button:focus, #menu.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button:hover, #menu.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button:focus, #menu.indexstyle .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button:hover, #menu.indexstyle .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button:focus, #menu.indexstyle.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button:hover, #menu.indexstyle.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button:focus {
                                    background-color: #7f7f7f;
                                }

                                #menu .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button i, #menu.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button i, #menu.indexstyle .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button i, #menu.indexstyle.scroll .menu-bottom ul#menu-list .pc-hide > ul li#m-search > form button i {
                                    color: #fff;
                                    font-size: 16px;
                                }

    .title-box {
        margin: 30px 0;
    }

        .title-box h2 {
            padding-bottom: 20px;
        }

    .more-box {
        margin: 60px 0;
    }

    .index-section2::after {
        height: 60%;
    }

    .index-section4 .sec4-block {
        padding: 60px 0;
    }

        .index-section4 .sec4-block .high {
            padding: 100px 20px;
        }

            .index-section4 .sec4-block .high .img {
                width: 80%;
            }

            .index-section4 .sec4-block .high .more-box {
                width: 80%;
                margin: 30px 0 0 0;
            }

                .index-section4 .sec4-block .high .more-box h5 {
                    width: 100%;
                    font-size: 14px;
                }

                    .index-section4 .sec4-block .high .more-box h5 a {
                        width: 100%;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        padding: 15px 0;
                    }

        .index-section4 .sec4-block .swiper-container#index-high .swiper-slide a {
            width: 100%;
        }

    #gotop.down {
        bottom: 220px;
    }

    .bgpurple .innerpage.container form {
        width: 100% !important;
    }

    .bgpurple .innerpage.container .member-main .member-card .member-inner .logistics-tracking .tracking-top {
        width: 67%;
    }

    .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li > .img {
        width: 180px;
        height: 180px;
    }

    .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li .font {
        width: calc(100% - 180px);
    }

    .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list {
        padding: 15px 0;
    }

        .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li {
            padding: 10px;
        }

            .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li h2, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li h2 {
                margin-top: 15px;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li .btn-box.small, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li .btn-box.small {
                margin-top: 18px;
            }

    .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite {
        padding: 30px 30px 10px 30px;
    }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation::before, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation::after, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite::before, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite::after {
            width: 30px;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .btnbox, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .btnbox {
            opacity: 1;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .favorite, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .favorite {
            opacity: 1;
            height: 26px;
        }

    .bgpurple .innerpage.container ul#member-tool {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bgpurple .innerpage.container ul#member-tool li {
            display: none;
        }

            .bgpurple .innerpage.container ul#member-tool li a::after {
                display: none;
            }

            .bgpurple .innerpage.container ul#member-tool li.active {
                display: block;
                width: 100%;
            }

                .bgpurple .innerpage.container ul#member-tool li.active a {
                    border-color: #7f7f7f;
                    background-color: #7f7f7f;
                    color: #fff;
                }

                    .bgpurple .innerpage.container ul#member-tool li.active a i {
                        color: #fff;
                    }

        .bgpurple .innerpage.container ul#member-tool.active li {
            width: 50%;
            display: block;
            -webkit-transition: .3s;
            transition: .3s;
        }

            .bgpurple .innerpage.container ul#member-tool.active li.active {
                -webkit-transition: 0s;
                transition: 0s;
            }

                .bgpurple .innerpage.container ul#member-tool.active li.active a {
                    border-color: #d1b691;
                    background-color: #fff;
                    color: #7f7f7f;
                }

                    .bgpurple .innerpage.container ul#member-tool.active li.active a i {
                        color: #7f7f7f;
                    }

            .bgpurple .innerpage.container ul#member-tool.active li:nth-child(2n) a {
                border-right: 2px solid #d1b691;
                border-left: 2px solid #d1b691;
            }

            .bgpurple .innerpage.container ul#member-tool.active li:nth-child(2n + 1) a {
                border-right: 2px solid #d1b691;
            }

            .bgpurple .innerpage.container ul#member-tool.active li:first-child a {
                border-top: none;
            }

            .bgpurple .innerpage.container ul#member-tool.active li:nth-last-child(2) a, .bgpurple .innerpage.container ul#member-tool.active li:last-child a {
                border-bottom: 2px solid #d1b691;
            }

        .bgpurple .innerpage.container ul#member-tool.active #tool-btn {
            position: relative;
            padding: 18px 0;
            background-color: #D1B691;
        }

            .bgpurple .innerpage.container ul#member-tool.active #tool-btn::before {
                content: '收起選單';
                color: #fff;
                font-weight: bold;
                font-size: 16px;
                letter-spacing: 3px;
            }

            .bgpurple .innerpage.container ul#member-tool.active #tool-btn i {
                -webkit-transform: translate(0, -50%) rotate(180deg);
                transform: translate(0, -50%) rotate(180deg);
            }

        .bgpurple .innerpage.container ul#member-tool #tool-btn {
            position: absolute;
            left: 0;
            top: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 10px;
            width: 100%;
            height: 100%;
            -webkit-transition: .5s;
            transition: .5s;
            z-index: 2;
        }

            .bgpurple .innerpage.container ul#member-tool #tool-btn i {
                color: #fff;
                font-size: 30px;
                position: absolute;
                right: 20px;
                top: 50%;
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
            }

    .bgpurple .innerpage.container .member-main {
        width: 100%;
    }

    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .info {
        width: calc(100% - 160px - 328px);
    }

    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .price {
        width: 164px;
    }

    .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio li label {
        background-position: 15px 50%;
        padding: 23px 20px 23px 55px;
    }

    .bgpurple .edit.container .edit-block {
        /*padding: 20px 40px;*/ /*品牌故事內容改成滿版*/
    }

        .bgpurple .edit.container .edit-block .story-block {
            padding: 70px 0 85px 0;
        }

            .bgpurple .edit.container .edit-block .story-block .left img {
                width: 250px;
            }

    #product-inner .product-image .swiper-container.gallery-big {
        width: calc(50% - 5px);
        margin-left: 0;
        height: 693px;
    }

    #product-inner .product-image .swiper-container.gallery-thumbs {
        width: 100%;
        height: 100px;
        margin-bottom: 10px;
    }

        #product-inner .product-image .swiper-container.gallery-thumbs::before, #product-inner .product-image .swiper-container.gallery-thumbs::after {
            width: 50px;
            height: 100%;
        }

        #product-inner .product-image .swiper-container.gallery-thumbs::before {
            left: 0;
            background: -webkit-gradient(linear, right top, left top, color-stop(20%, transparent), color-stop(90%, #fff));
            background: linear-gradient(270deg, transparent 20%, #fff 90%);
        }

        #product-inner .product-image .swiper-container.gallery-thumbs::after {
            right: 0;
            left: auto;
            background: -webkit-gradient(linear, left top, right top, color-stop(20%, transparent), color-stop(90%, #fff));
            background: linear-gradient(90deg, transparent 20%, #fff 90%);
        }

        #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-prev, #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-next {
            top: 55%;
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            bottom: 0;
        }

            #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-prev i, #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-next i {
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
            }

        #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-prev {
            left: 0;
        }

        #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-next {
            right: 0;
            left: auto;
        }

    #product-inner .product-image .product-font {
        width: calc(50% - 5px);
        padding: 25px;
        margin-left: 10px;
    }

        #product-inner .product-image .product-font h1 {
            margin: 20px 0 12px 0;
        }

    #product-inner ul.product-content > li {
        width: calc(50% - 10px);
    }

    #product-list ul#product-main-list > li {
        width: calc(50% - 10px);
        height: auto;
    }

        #product-list ul#product-main-list > li .favorite {
            opacity: 1;
            height: 26px;
        }

        #product-list ul#product-main-list > li .fontbox {
            padding: 20px 20px 60px 20px;
        }
        /*#product-list ul#product-main-list > li:nth-child(5), #product-list ul#product-main-list > li:nth-child(14n), #product-list ul#product-main-list > li:nth-child(14n + 5) {
    width: 100%;
    margin-bottom: 70px;
  }
  #product-list ul#product-main-list > li:nth-child(5) .fontbox, #product-list ul#product-main-list > li:nth-child(14n) .fontbox, #product-list ul#product-main-list > li:nth-child(14n + 5) .fontbox {
    padding: 40px;
  }*/
        #product-list ul#product-main-list > li .product-preview.pop-up > .imgbox {
            width: 50%;
            padding-bottom: 73%;
        }

        #product-list ul#product-main-list > li .product-preview.pop-up .product-font {
            width: 50%;
        }

    span#content-area {
        top: -100px;
    }

    #photo-list ul#photo-main-list > li, #photo-list ul#photo-main-list > li:nth-child(3n) {
        width: calc(50% - 15px);
        margin-right: 30px;
    }

        #photo-list ul#photo-main-list > li a h2, #photo-list ul#photo-main-list > li:nth-child(3n) a h2 {
            margin: 20px 0;
        }

        #photo-list ul#photo-main-list > li:nth-child(2n) {
            margin-right: 0;
        }

    #photo-swiper .swiper-container.gallery-big {
        padding: 0 50px;
    }

    .signin {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .signin .sign-block {
            width: 100%;
            max-width: 700px;
            margin-bottom: 50px;
        }

    #sizeChart {
        max-width: 100%;
        padding: 15px;
    }

        #sizeChart .remove-btn {
            right: 10px;
            top: 10px;
        }
    
}

@media screen and (max-width: 1000px) {

    #Login#LoginDetail.Login_txt2 {
        width: 200px;
        font-size: 14px;
        text-align: center;
        color: #666;
    }

    .btn-box a, .form-btn button {
        font-size: 16px;
    }

    .product-font .brand > img {
        height: 25px;
    }

    .product-font h3 {
        font-size: 22px;
    }

    .product-font p {
        font-size: 14px;
    }

    .product-font hr {
        margin: 20px 0;
    }

    .product-font .product-color ul.color-box {
        margin: 10px 0;
    }

    .product-font select {
        padding: 12px 20px;
    }

    .product-font ul.smallbtn {
        margin: 20px 0 0 0;
    }

    .product-font .btnblock button {
        font-size: 16px;
        height: 50px;
    }

    #product-list ul#product-main-list > li .product-preview.pop-up {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 30px;
    }

        #product-list ul#product-main-list > li .product-preview.pop-up .product-font {
            padding-left: 30px;
        }

            #product-list ul#product-main-list > li .product-preview.pop-up .product-font h2 {
                margin: 15px 0;
            }

            #product-list ul#product-main-list > li .product-preview.pop-up .product-font .btn-box {
                margin-top: 0;
            }

    .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li {
        width: 100%;
    }

        .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li:hover {
            background-color: transparent;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li.thead, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li.thead, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li.thead {
            display: none;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li.td, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li.td, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li.td {
            padding: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-bottom: 15px;
            border-bottom: none;
            border-top: 1px solid #d1b691;
            border-right: 1px solid #d1b691;
        }

            .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li.td:nth-child(odd), .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li.td:nth-child(odd), .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li.td:nth-child(odd) {
                background-color: transparent;
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li.td:nth-child(odd):hover, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li.td:nth-child(odd):hover, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li.td:nth-child(odd):hover {
                    background-color: rgba(191, 159, 198, 0.15);
                }

            .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li.td div, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li.td div, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li.td div {
                padding: 6px 0;
                width: 100%;
                padding-left: 120px;
                padding-right: 10px;
                border-bottom: 1px solid #d1b691;
                text-align: left;
                /*height: 40px;*/
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li.td div a, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li.td div a, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li.td div a {
                    padding: 5px 10px;
                    text-decoration: none;
                    background-color: #7f7f7f;
                    color: #fff;
                    display: inline-block;
                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li.td div a:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li.td div a:focus, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li.td div a:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li.td div a:focus, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li.td div a:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li.td div a:focus {
                        background-color: #cfc0ac;
                    }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li.td div p, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li.td div p, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li.td div p {
                    padding: 2px 0;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li.td div::before, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li.td div::before, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li.td div::before {
                    content: attr(data-title);
                    font-weight: bold;
                    width: 110px;
                    height: 100%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    -webkit-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    background-color: #ddcdb8;
                }

    .dropdown-icon {
        display: inline-block; /* 顯示 ▼ 符號 */
    }
}

@media screen and (max-width: 768px) {
    #ajax_loading .img {
        background-size: 100px;
    }

    .news-bar div {
        padding-right: 50px;
        padding-left: 50px;
    }

    .news-bar a img {
        height: 20px;
    }

    .news-bar h5 {
        font-size: 12px;
    }

    .couponTable table tbody tr .info {
        line-height: 45px;
    }

    .bgpurple .container .Note .NoteList {
        width: 100%;
    }

    #print_parts .remind span {
        font-size: 28px;
    }

    #buyer_form {
        padding: 0 10px 0 10px;
        margin: 0;
    }

    .ordercompleted {
        padding: 0 10px 0 10px;
        margin-top: 10px;
    }

    h1, h2 {
        font-size: 30px;
        letter-spacing: 4px;
    }

    h3 {
        font-size: 28px;
        letter-spacing: 2px;
    }

    h4 {
        font-size: 18px;
        letter-spacing: 1px;
    }

    h5 {
        font-size: 16px;
        letter-spacing: 1px;
    }

    h6 {
        font-size: 12px;
        letter-spacing: 1px;
    }

    p, ol li {
        font-size: 15px;
        letter-spacing: 1px;
    }

    input, select, textarea {
        font-size: 15px;
        padding: 12px 15px;
    }

    form .form-item .form-title {
        font-size: 15px;
    }

    #menu-height, #menu-height.indexstyle {
        height: 73px;
    }

    #menu, #menu.scroll,
    #menu.indexstyle, #menu.indexstyle.scroll {
        padding-top: 3px;
    }

        #menu::before, #menu.scroll::before,
        #menu.indexstyle::before, #menu.indexstyle.scroll::before {
            height: 3px;
        }

        #menu .logo, #menu.scroll .logo,
        #menu.indexstyle .logo, #menu.indexstyle.scroll .logo {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            width: 240px;
        }

            #menu .logo a, #menu.scroll .logo a,
            #menu.indexstyle .logo a, #menu.indexstyle.scroll .logo a {
                height: 50px;
            }

        #menu ul.menu-top, #menu.scroll ul.menu-top,
        #menu.indexstyle ul.menu-top, #menu.indexstyle.scroll ul.menu-top {
            width: calc(100% - 350px);
            padding: 24px 25px 24px 0px;
        }

            #menu ul.menu-top .fastblock, #menu.scroll ul.menu-top .fastblock,
            #menu.indexstyle ul.menu-top .fastblock, #menu.indexstyle.scroll ul.menu-top .fastblock {
                top: 70px;
                -webkit-box-shadow: 0 3px 3px rgba(100, 100, 100, 0.3);
                box-shadow: 0 3px 3px rgba(100, 100, 100, 0.3);
            }

            #menu ul.menu-top #search-block, #menu.scroll ul.menu-top #search-block,
            #menu.indexstyle ul.menu-top #search-block, #menu.indexstyle.scroll ul.menu-top #search-block {
                width: 100%;
                right: 0;
            }

            #menu ul.menu-top #member-block, #menu.scroll ul.menu-top #member-block,
            #menu.indexstyle ul.menu-top #member-block, #menu.indexstyle.scroll ul.menu-top #member-block {
                right: 0;
            }

                #menu ul.menu-top #member-block .loggedin, #menu.scroll ul.menu-top #member-block .loggedin,
                #menu.indexstyle ul.menu-top #member-block .loggedin, #menu.indexstyle.scroll ul.menu-top #member-block .loggedin {
                    width: 100vw;
                }

                #menu ul.menu-top #member-block .content .content-left, #menu ul.menu-top #member-block .content .content-right, #menu.scroll ul.menu-top #member-block .content .content-left, #menu.scroll ul.menu-top #member-block .content .content-right,
                #menu.indexstyle ul.menu-top #member-block .content .content-left,
                #menu.indexstyle ul.menu-top #member-block .content .content-right, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-left, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-right {
                    width: 50%;
                }

                    #menu ul.menu-top #member-block .content .content-right ul.member-tool > li a, #menu.scroll ul.menu-top #member-block .content .content-right ul.member-tool > li a,
                    #menu.indexstyle ul.menu-top #member-block .content .content-right ul.member-tool > li a, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-right ul.member-tool > li a {
                        font-size: 14px;
                    }

            #menu ul.menu-top #cart-block, #menu.scroll ul.menu-top #cart-block,
            #menu.indexstyle ul.menu-top #cart-block, #menu.indexstyle.scroll ul.menu-top #cart-block {
                right: 0;
            }

        #menu .menu-bottom #burger, #menu.scroll .menu-bottom #burger,
        #menu.indexstyle .menu-bottom #burger, #menu.indexstyle.scroll .menu-bottom #burger {
            top: 18px;
        }

        #menu .menu-bottom ul#menu-list > li > h5, #menu.scroll .menu-bottom ul#menu-list > li > h5,
        #menu.indexstyle .menu-bottom ul#menu-list > li > h5, #menu.indexstyle.scroll .menu-bottom ul#menu-list > li > h5 {
            font-size: 16px;
        }

        #menu .menu-bottom ul#menu-list > .pc-hide > ul > li > h5, #menu.scroll .menu-bottom ul#menu-list > .pc-hide > ul > li > h5,
        #menu.indexstyle .menu-bottom ul#menu-list > .pc-hide > ul > li > h5, #menu.indexstyle.scroll .menu-bottom ul#menu-list > .pc-hide > ul > li > h5 {
            font-size: 16px;
        }

            #menu .menu-bottom ul#menu-list > .pc-hide > ul > li > h5 a, #menu.scroll .menu-bottom ul#menu-list > .pc-hide > ul > li > h5 a,
            #menu.indexstyle .menu-bottom ul#menu-list > .pc-hide > ul > li > h5 a, #menu.indexstyle.scroll .menu-bottom ul#menu-list > .pc-hide > ul > li > h5 a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 100%;
            }

                #menu .menu-bottom ul#menu-list > .pc-hide > ul > li > h5 a i, #menu.scroll .menu-bottom ul#menu-list > .pc-hide > ul > li > h5 a i,
                #menu.indexstyle .menu-bottom ul#menu-list > .pc-hide > ul > li > h5 a i, #menu.indexstyle.scroll .menu-bottom ul#menu-list > .pc-hide > ul > li > h5 a i {
                    font-size: 24px;
                    margin-right: 10px;
                }

                    #menu .menu-bottom ul#menu-list > .pc-hide > ul > li > h5 a i.far fa-user, #menu.scroll .menu-bottom ul#menu-list > .pc-hide > ul > li > h5 a i.far fa-user,
                    #menu.indexstyle .menu-bottom ul#menu-list > .pc-hide > ul > li > h5 a i.far fa-user, #menu.indexstyle.scroll .menu-bottom ul#menu-list > .pc-hide > ul > li > h5 a i.far fa-user {
                        font-size: 22px;
                        margin: 0 11px 0 1px;
                    }

        #menu .menu-bottom ul#menu-list.active, #menu.scroll .menu-bottom ul#menu-list.active,
        #menu.indexstyle .menu-bottom ul#menu-list.active, #menu.indexstyle.scroll .menu-bottom ul#menu-list.active {
            width: 100vw;
            padding: 62px 30px;
        }

    #gotop, #gotop.down {
        bottom: 10px;
        right: 2%;
    }

        #gotop.inner, #gotop.inner.down {
            bottom: 57px;
        }

        #gotop .topimg {
            height: 40px;
            margin-bottom: 8px;
        }

            #gotop .topimg .topline, #gotop .topimg .topball {
                left: 48%;
            }

        #gotop p {
            width: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            line-height: 1;
        }

            #gotop p span {
                width: 100%;
                text-align: center;
            }

                #gotop p span.page {
                    margin-right: 0;
                }

    .more-box {
        margin: 40px 0;
    }

    .swiper-container#index-banner .swiper-slide a img.pc-img {
        display: none;
    }

    .swiper-container#index-banner .swiper-slide a img.m-img {
        display: block;
        min-height: 20px;
    }

    .index-section2 ul.poka {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .index-section2 ul.poka li {
            width: 60%;
        }

    .index-section4 .sec4-block {
        width: 100%;
        padding: 0 20px 60px 20px;
        margin-top: 130px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .index-section4 .sec4-block .swiper-container#index-high {
            width: 100%;
        }

        .index-section4 .sec4-block .high {
            width: 80%;
            max-width: 300px;
            margin: -100px 0 30px 0;
            padding: 70px 20px;
        }

    ul.news-list li a {
        padding: 20px 10px;
    }

        ul.news-list li a .date, ul.news-list li a .title {
            font-size: 16px;
        }

        ul.news-list li a .title {
            padding: 0 10px;
            width: calc(100% - 180px);
        }

        ul.news-list li a .read {
            width: 80px;
        }

            ul.news-list li a .read i {
                margin-left: 8px;
            }

    .sign-block {
        padding: 30px;
    }

    .cart-top {
        margin-bottom: 25px;
    }

        .cart-top > ul > li {
            padding-right: 35px;
        }

            .cart-top > ul > li::after {
                right: 4px;
            }

    .NoteBlock {
        width: 100%;
        min-height: 300px;
        text-align: left;
    }

        .NoteBlock #data .Note {
            padding-top: 20px;
            width: 100%;
            background-color: #FFF;
        }

            .NoteBlock #data .Note .NoteList {
                border-bottom: 1px solid #CCC;
                min-height: 50px;
                border-radius: 0;
            }

    .bgpurple {
        padding: 30px 0;
    }

        .bgpurple h1.cart-title {
            font-size: 26px;
        }

        .bgpurple .innerpage.container .member-top, .bgpurple .innerpage.container ul#member-tool {
            margin-bottom: 20px;
        }

            .bgpurple .innerpage.container .member-top h3 {
                margin-bottom: 5px;
            }

        .bgpurple .innerpage.container .member-main .backorder {
            padding-top: 10px;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .bigtitle {
            font-size: 18px;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner.contact {
            padding: 25px;
        }

            .bgpurple .innerpage.container .member-main .member-card .member-inner.contact h2 {
                font-size: 18px;
            }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .now-reser a {
            margin-right: -20px;
        }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .now-reser a i {
                font-size: 20px;
                margin-left: 5px;
            }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner ul.btnbox {
            width: 168px;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner .fontbox {
            width: calc(100% - 178px);
        }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner .fontbox div {
                width: 100%;
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner .fontbox div:last-child {
                    margin-top: 15px;
                }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.send-info > li h6 {
            font-size: 14px;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li {
            width: 50%;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .logistics-tracking .tracking-top {
            width: 100%;
        }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .logistics-tracking .tracking-top .btn-box a {
                width: calc(50% - 5px);
            }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li > .img {
            width: 160px;
            height: 160px;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li .font {
            width: calc(100% - 160px);
            padding: 10px 0 10px 20px;
        }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li .font h6.height {
                margin-bottom: 15px;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li .font .subtotal {
                right: 10px;
                top: 10px;
            }

        .bgpurple .innerpage.container.cart .cart-right {
            width: 100%;
            margin-top: 0;
            min-width: auto;
        }

            .bgpurple .innerpage.container.cart .cart-right .cart-block > .title > a {
                right: 20px;
            }

            .bgpurple .innerpage.container.cart .cart-right #total-price, .bgpurple .innerpage.container.cart .cart-right #mycart, .bgpurple .innerpage.container.cart .cart-right #myreser {
                padding: 20px;
            }

                .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show input[type="text"], .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show a.apply-btn, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show input[type="text"], .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show a.apply-btn {
                    padding: 12px 15px;
                }

        .bgpurple .innerpage.container.cart .bottom-back {
            margin-bottom: 0;
        }

        .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li {
            padding: 20px;
        }

            .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .m-hide {
                /*display: none;*/
            }

            .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .img {
                width: 120px;
                height: 120px;
                padding: 5px;
            }

            .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .info {
                width: 250px;
            }

            .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .price {
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .price h6.to-favorite {
                    margin-top: 0;
                    margin-left: 20px;
                    position: absolute;
                    right: 130px;
                }

                .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .price.first {
                    width: calc(100% - 250px - 120px);
                }

                    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .price.first h5 {
                        width: 100%;
                    }

                    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .price.first .bottom-box > li {
                        width: 100%;
                    }

                .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .price.last {
                    padding: 10px 0 0 0;
                    -webkit-box-pack: end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                }

                    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .price.last p {
                        margin-right: 10px;
                    }

                    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .price.last h5 {
                        margin: 0;
                    }

            .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .bottom-box {
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                margin-top: 10px;
            }

                .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .bottom-box > li {
                    /*width: calc(50% - 5px);*/
                    margin: 0;
                }

                    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .bottom-box > li select {
                        margin-left: 0;
                        width: 100%;
                    }

                    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .bottom-box > li .amount {
                        margin-left: 0;
                        /*width: 50%;*/
                        max-width: 100%;
                    }

                        .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .bottom-box > li .amount input.amount-num {
                            /*max-width: 70px;
    width: calc(100% - 60px);*/
                        }

        .bgpurple .innerpage.container.cart .cart-left .cart-block.notitle h6 {
            margin-right: 0;
            width: 50%;
            font-size: 14px;
        }

            .bgpurple .innerpage.container.cart .cart-left .cart-block.notitle h6.first {
                width: 100%;
            }

            .bgpurple .innerpage.container.cart .cart-left .cart-block.notitle h6.right {
                position: relative;
                right: 0;
                top: 0;
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
            }

        .bgpurple .innerpage.container.cart .cart-left .cart-inner {
            padding: 20px;
        }

            .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio li {
                width: 100%;
            }

                .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio li:first-child {
                    margin-bottom: 15px;
                }

                .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio li label {
                    padding: 15px 20px 15px 55px;
                    background-size: 27px 27px;
                }

                    .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio li label i {
                        font-size: 50px;
                    }

        .bgpurple .innerpage.container.cart .cart-left ul#receive-block, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail {
            padding: 0;
        }

            .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li {
                width: 100%;
                border-right: none;
                padding: 30px 20px;
            }

                .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li:first-child, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li:first-child {
                    border-bottom: 1px solid #d1b691;
                }

                .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item.convenience .store select, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item.convenience .store select {
                    width: 150px;
                }

            .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail.reser2 > li:first-child {
                padding: 0 0 40px 0;
            }

            .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail.reser2 > li:nth-child(2) {
                padding: 40px 0 0 0;
            }

        .bgpurple .innerpage.container.cart .cart-left .cart-block > .title, .bgpurple .innerpage.container.cart .cart-right .cart-block > .title {
            padding: 20px 20px 15px 20px;
        }

        .bgpurple .edit.container {
            padding: 0 30px;
        }

            .bgpurple .edit.container .edit-title {
                padding: 30px 20px;
            }

                .bgpurple .edit.container .edit-title.edit-inner {
                    padding: 35px 20px 30px 20px;
                }

                    .bgpurple .edit.container .edit-title.edit-inner h1 {
                        font-size: 26px;
                    }

            .bgpurple .edit.container ul#edit-inner-pagebox {
                padding: 30px;
            }

            .bgpurple .edit.container .edit-block {
                /*padding: 20px 30px;*/ /*品牌故事內容改成滿版*/
            }

                .bgpurple .edit.container .edit-block.edit-inner {
                    padding: 30px;
                }

                .bgpurple .edit.container .edit-block h1 {
                    font-size: 28px;
                }

                .bgpurple .edit.container .edit-block h2 {
                    font-size: 26px;
                }

                .bgpurple .edit.container .edit-block h3 {
                    font-size: 22px;
                }

                .bgpurple .edit.container .edit-block h4 {
                    font-size: 18px;
                }

                .bgpurple .edit.container .edit-block h5 {
                    font-size: 14px;
                }

                .bgpurple .edit.container .edit-block h6 {
                    font-size: 12px;
                }

                .bgpurple .edit.container .edit-block p {
                    font-size: 16px;
                }

                .bgpurple .edit.container .edit-block ul#pagination li {
                    margin: 0 5px;
                }

                    .bgpurple .edit.container .edit-block ul#pagination li a {
                        padding: 8px 13px;
                    }

                        .bgpurple .edit.container .edit-block ul#pagination li a h2 {
                            font-size: 18px;
                        }

                .bgpurple .edit.container .edit-block .story-block {
                    padding: 50px 0;
                }

                    .bgpurple .edit.container .edit-block .story-block .left, .bgpurple .edit.container .edit-block .story-block .right {
                        width: 100%;
                    }

                        .bgpurple .edit.container .edit-block .story-block .left img {
                            width: 220px;
                        }

                    .bgpurple .edit.container .edit-block .story-block .right {
                        margin-top: 30px;
                    }

                        .bgpurple .edit.container .edit-block .story-block .right h3, .bgpurple .edit.container .edit-block .story-block .right p {
                            text-align: center;
                        }

                .bgpurple .edit.container .edit-block ul#faq-list li .title {
                    padding: 25px 40px;
                }

                    .bgpurple .edit.container .edit-block ul#faq-list li .title i.icon-keyboard_arrow_down {
                        right: 7px;
                    }

                    .bgpurple .edit.container .edit-block ul#faq-list li .title i.icon-q {
                        left: 10px;
                        font-size: 20px;
                    }

                .bgpurple .edit.container .edit-block ul#faq-list li .answer {
                    padding: 0 40px 25px 40px;
                }

                .bgpurple .edit.container .edit-block ul#store-list > li .font h6 {
                    font-size: 14px;
                }

                .bgpurple .edit.container .edit-block ul.news-list {
                    margin: 30px 0 0 0;
                }

                .bgpurple .edit.container .edit-block ul#pagebox {
                    padding: 40px 0 20px 0;
                }

    .mobile-btn {
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        display: none;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 10011;
    }

        .mobile-btn.active {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .mobile-btn button {
            border-radius: 0;
            height: 50px;
            font-weight: bold;
            font-size: 16px;
        }

            .mobile-btn button i {
                position: absolute;
                top: 50%;
                right: 25px;
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
                font-size: 20px;
            }

            .mobile-btn button:hover, .mobile-btn button:focus {
                color: #fff;
            }

        .mobile-btn .reservation i {
            font-size: 26px;
        }

        .mobile-btn .mobile-addcart {
            width: 50%;
            margin-right: 0;
            border-right: none;
            border-left: none;
            border-bottom: none;
        }

        .mobile-btn .mobile-reservation {
            display: none;
            margin-right: 0;
            border-right: none;
            border-left: none;
            border-bottom: none;
        }

        .mobile-btn .mobile-addfavorite1 {
            background-color: #ddcdb8;
            width: 50%;
            margin-right: 0;
            margin-left: 0;
            border-right: none;
            border-left: none;
            border-bottom: none;
        }

            .mobile-btn .mobile-addfavorite1::before {
                content: '心願清單';
            }

        .mobile-btn .mobile-reservation::before {
            content: '預約鑑賞';
        }

    .product-font ul.smallbtn > li:nth-child(1) {
        display: none;
    }

    .product-font .mobile-inner {
        position: fixed;
        display: none;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 30px;
        background-color: #fff;
        z-index: 10012;
    }

        .product-font .mobile-inner .inner-remove-btn, .product-font .mobile-inner .remove-btn {
            display: block;
            position: absolute;
            right: 15px;
            top: 10px;
            z-index: 10020;
        }

            .product-font .mobile-inner .inner-remove-btn i, .product-font .mobile-inner .remove-btn i {
                font-size: 26px;
            }

        .product-font .mobile-inner ul.color-img {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .product-font .mobile-inner ul.color-img li {
                background-color: #fff;
                margin-bottom: 20px;
                display: none;
                width: 200px;
                border: 1px solid #d1b691;
            }

                .product-font .mobile-inner ul.color-img li img {
                    width: 100%;
                }

                .product-font .mobile-inner ul.color-img li.active {
                    display: block;
                }

        .product-font .mobile-inner .btnblock {
            margin: 15px 0 0 0;
        }

            .product-font .mobile-inner .btnblock #addcart, .product-font .mobile-inner .btnblock .addcart, .product-font .mobile-inner .btnblock #reservation, .product-font .mobile-inner .btnblock .reservation, .product-font .mobile-inner .btnblock #addfavorite1, .product-font .mobile-inner .btnblock .addfavorite1 {
                margin-right: 0;
                width: 100%;
                background-color: #333333;
                color: #fff;
                display: none;
            }

                .product-font .mobile-inner .btnblock #addcart:hover, .product-font .mobile-inner .btnblock #addcart:focus, .product-font .mobile-inner .btnblock .addcart:hover, .product-font .mobile-inner .btnblock .addcart:focus, .product-font .mobile-inner .btnblock #reservation:hover, .product-font .mobile-inner .btnblock #reservation:focus, .product-font .mobile-inner .btnblock .reservation:hover, .product-font .mobile-inner .btnblock .reservation:focus {
                    background-color: #cfc0ac;
                }

                .product-font .mobile-inner .btnblock #reservation i, .product-font .mobile-inner .btnblock .reservation i {
                    position: absolute;
                    right: 20px;
                    top: 50%;
                    -webkit-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    color: #fff;
                    font-size: 20px;
                }

                .product-font .mobile-inner .btnblock #reservation::before, .product-font .mobile-inner .btnblock .reservation::before {
                    content: '加入預約鑑賞清單';
                    font-weight: bold;
                }
                /**/
                .product-font .mobile-inner .btnblock #addcart:hover, .product-font .mobile-inner .btnblock #addcart:focus, .product-font .mobile-inner .btnblock .addcart:hover, .product-font .mobile-inner .btnblock .addcart:focus, .product-font .mobile-inner .btnblock #addfavorite1:hover, .product-font .mobile-inner .btnblock #addfavorite1:focus, .product-font .mobile-inner .btnblock .addfavorite1:hover, .product-font .mobile-inner .btnblock .addfavorite1:focus {
                    background-color: #cfc0ac;
                }

                .product-font .mobile-inner .btnblock #addfavorite1 i, .product-font .mobile-inner .btnblock .addfavorite1 i {
                    position: absolute;
                    right: 20px;
                    top: 50%;
                    -webkit-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    color: #fff;
                    font-size: 20px;
                }

                .product-font .mobile-inner .btnblock #addfavorite1::before, .product-font .mobile-inner .btnblock .addfavorite1::before {
                    content: '加入心願清單';
                    font-weight: bold;
                }

    #product-inner .product-image {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #product-inner .product-image .swiper-container.gallery-thumbs {
            display: none;
        }

        #product-inner .product-image .swiper-container.gallery-big {
            width: calc(100% - 40px);
            height: 762px;
            max-width: 684px;
            margin: 0 auto;
            padding: 0 50px;
        }

            #product-inner .product-image .swiper-container.gallery-big::before, #product-inner .product-image .swiper-container.gallery-big::after {
                content: '';
                position: absolute;
                top: 0;
                width: 50px;
                height: 100%;
                background-color: #fff;
                z-index: 2;
            }

            #product-inner .product-image .swiper-container.gallery-big::before {
                left: 0;
            }

            #product-inner .product-image .swiper-container.gallery-big::after {
                right: 0;
            }

            #product-inner .product-image .swiper-container.gallery-big .swiper-button-next {
                right: 0;
            }

            #product-inner .product-image .swiper-container.gallery-big .swiper-button-prev {
                left: 0;
            }

            #product-inner .product-image .swiper-container.gallery-big .swiper-pagination {
                text-align: center;
                padding-right: 0;
            }

            #product-inner .product-image .swiper-container.gallery-big .swiper-button-next, #product-inner .product-image .swiper-container.gallery-big .swiper-button-prev, #product-inner .product-image .swiper-container.gallery-big .swiper-pagination {
                display: block;
            }

            #product-inner .product-image .swiper-container.gallery-big ul.color-img {
                display: none;
            }

        #product-inner .product-image .product-font {
            margin-top: 30px;
            margin-left: 0;
            padding: 35px 25px;
            width: 100%;
        }

    #product-inner ul.product-content > li {
        width: 100%;
    }

    #product-bottom > ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #product-bottom > ul > li {
            width: calc(100% / 3);
        }

            #product-bottom > ul > li:nth-child(3) i {
                font-size: 54px;
            }

    #product-list div.search-button {
        text-align: left;
        padding-right: 0px;
        padding-left: 20px
    }

    #product-list h1, #product-list h2.bigtitle, #photo-list h1, #photo-list h2.bigtitle {
        margin-top: 40px;
    }

        #product-list h1 img, #product-list h2.bigtitle img, #photo-list h1 img, #photo-list h2.bigtitle img {
            height: 26px;
        }

    .m-menu {
        display: block;
    }

    #product-list #choose-btn {
        display: block;
        position: fixed;
        right: 0;
        top: 185px;
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        background-color: #7f7f7f;
        padding: 15px 15px;
        font-size: 17px;
        letter-spacing: 5px;
        color: #fff;
        z-index: 100;
        border-radius: 5px 0 0 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: .3s;
        transition: .3s;
    }

        #product-list #choose-btn i {
            color: #fff;
            padding-left: 2px;
            padding-top: 2px;
            margin-bottom: -3px;
        }

        #product-list #choose-btn:hover {
            background-color: #cfc0ac;
        }

    #product-list .choose-block {
        display: none;
        z-index: 10015;
    }

    #product-list #choose {
        width: 100%;
        max-height: 100vh;
        max-height: -moz-available;
        max-height: -webkit-fill-available;
        max-height: fill-available;
        overflow-y: auto;
        padding: 30px;
        position: fixed;
        left: 0;
        bottom: 0;
        background-color: #fff;
        -webkit-box-shadow: 0 -2px 3px rgba(100, 100, 100, 0.3);
        box-shadow: 0 -2px 3px rgba(100, 100, 100, 0.3);
    }

        #product-list #choose .remove-btn {
            z-index: 10016;
            display: block;
            position: absolute;
            right: 10px;
            top: 10px;
        }

            #product-list #choose .remove-btn i {
                font-size: 26px;
            }

        #product-list #choose .choose-left, #product-list #choose .choose-right {
            position: relative;
            width: 100%;
            top: 0;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        #product-list #choose .choose-left {
            left: 0;
        }

        #product-list #choose .choose-right {
            right: auto;
            left: 0;
        }

        #product-list #choose .select-item {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: 0;
            border-bottom: 1px solid #d1b691;
        }

            #product-list #choose .select-item .select-title {
                width: 120px;
                padding: 10px 25px 10px 15px;
                margin: 0;
                border: none;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 15px;
            }

                #product-list #choose .select-item .select-title i {
                    -webkit-transform: translate(0, -50%) rotate(-90deg);
                    transform: translate(0, -50%) rotate(-90deg);
                }

            #product-list #choose .select-item ul.select-box {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-flex-line-pack: center;
                align-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                border: none;
                background-color: transparent;
                width: calc(100% - 120px);
            }

                #product-list #choose .select-item ul.select-box li, #product-list #choose .select-item ul.select-box li:last-child {
                    margin: 5px 20px 5px 0;
                }

    #product-list ul#product-main-list {
        padding: 15px 15px 0 15px;
        margin-bottom: 0;
    }

        #product-list ul#product-main-list > li .product-preview.pop-up {
            padding: 30px 30px 0 30px;
            width: 100%;
            height: auto;
            max-height: 100vh;
            max-height: -moz-available;
            max-height: -webkit-fill-available;
            max-height: fill-available;
            top: 0;
            left: 0;
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }

            #product-list ul#product-main-list > li .product-preview.pop-up .remove-btn {
                right: 17px;
                top: 17px;
                z-index: 10020;
            }

                #product-list ul#product-main-list > li .product-preview.pop-up .remove-btn i {
                    font-size: 26px;
                }

            #product-list ul#product-main-list > li .product-preview.pop-up > .imgbox {
                width: 100%;
                padding-bottom: 100%;
            }

                #product-list ul#product-main-list > li .product-preview.pop-up > .imgbox ul.color-img {
                    display: none;
                }

            #product-list ul#product-main-list > li .product-preview.pop-up .product-font {
                width: 100%;
                padding: 40px 0 80px 0;
            }

                #product-list ul#product-main-list > li .product-preview.pop-up .product-font .mobile-inner {
                    position: absolute;
                    width: calc(100% + 60px);
                    left: 50%;
                    bottom: 0;
                    -webkit-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
                    padding: 30px 30px 50px 30px;
                    -webkit-box-shadow: 0 -2px 3px rgba(100, 100, 100, 0.3);
                    box-shadow: 0 -2px 3px rgba(100, 100, 100, 0.3);
                }

                    #product-list ul#product-main-list > li .product-preview.pop-up .product-font .mobile-inner ul.color-img {
                        width: 100%;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                        #product-list ul#product-main-list > li .product-preview.pop-up .product-font .mobile-inner ul.color-img li {
                            background-color: #fff;
                            margin-bottom: 20px;
                            display: none;
                            width: 200px;
                            border: 1px solid #d1b691;
                        }

                            #product-list ul#product-main-list > li .product-preview.pop-up .product-font .mobile-inner ul.color-img li img {
                                width: 100%;
                            }

                            #product-list ul#product-main-list > li .product-preview.pop-up .product-font .mobile-inner ul.color-img li.active {
                                display: block;
                            }

    .product-search {
        padding: 15px 0 45px 0;
    }

        .product-search form {
            padding: 0 65px;
        }

            .product-search form input, .product-search form button {
                font-size: 16px;
                height: 52px;
                padding: 10px 20px;
            }

    #photo-list ul#photo-main-list {
        margin: 35px auto 0 auto;
    }

        #photo-list ul#photo-main-list > li > a .hover p {
            font-size: 18px;
        }

    #product-list.photo-inner {
        padding: 0 15px;
    }

        #product-list.photo-inner ul#photo-pagebox {
            margin-top: 20px;
            padding: 0;
        }

            #product-list.photo-inner ul#photo-pagebox li {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                #product-list.photo-inner ul#photo-pagebox li.prev {
                    -webkit-box-ordinal-group: 3;
                    -ms-flex-order: 2;
                    order: 2;
                    width: 50%;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    padding: 15px 5px;
                }

                    #product-list.photo-inner ul#photo-pagebox li.prev a i {
                        margin-right: 0;
                    }

                #product-list.photo-inner ul#photo-pagebox li.next {
                    -webkit-box-ordinal-group: 4;
                    -ms-flex-order: 3;
                    order: 3;
                    width: 50%;
                    -webkit-box-pack: end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                    padding: 15px 5px;
                }

                    #product-list.photo-inner ul#photo-pagebox li.next a i {
                        margin-left: 0;
                    }

                #product-list.photo-inner ul#photo-pagebox li.back {
                    -webkit-box-ordinal-group: 2;
                    -ms-flex-order: 1;
                    order: 1;
                    width: 100%;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    border-bottom: 1px solid #d1b691;
                    padding: 20px 0;
                }

                    #product-list.photo-inner ul#photo-pagebox li.back a img {
                        height: 15px;
                    }

    #photo-swiper .swiper-container.gallery-big {
        padding: 0 40px;
    }

        #photo-swiper .swiper-container.gallery-big::before, #photo-swiper .swiper-container.gallery-big::after {
            width: 40px;
        }

    #photo-swiper .swiper-container.gallery-thumbs {
        height: 150px;
        padding: 15px 0;
    }

    .signup .sign-block > form#signup1 .form-item.check {
        margin-bottom: 5px;
    }

    .signup .sign-block#pay-atm .btn-box > a, .signup .sign-block#pay-credit .btn-box > a {
        margin-top: 10px;
    }

    .signin {
        margin: 0;
    }

        .signin .sign-block {
            margin: 10px 0;
        }

    #sizeChart {
        width: calc(100% - 40px);
    }

        #sizeChart img {
            margin: 0 auto;
        }

    ul#pagebox li a {
        font-size: 18px;
    }

    ul#pagebox li.num {
        margin: 0 15px;
    }

    ul#pagebox li.prev, ul#pagebox li.next {
        margin: 0 12px;
    }
    /*修改過的頁碼*/
    ul#pagebox span a {
        font-size: 18px;
    }

    ul#pagebox span.num {
        margin: 0 15px;
    }

    ul#pagebox span.first, ul#pagebox span.last {
        margin: 0 12px;
    }

    .dropdown-icon {
        display: inline-block; /* 顯示 ▼ 符號 */
    }

    /* 當螢幕小至750px以下時，寬度變為100% */
    #product-inner .GoodsHtmlA img {
        width: 100%;
    }

    #product-inner .GoodsHtmlB img {
        width: 100%;
    }
   
}

@media screen and (max-width: 600px) {
    .couponTable table tbody tr .info {
        line-height: 30px;
    }

    #print_parts .remind span {
        font-size: 24px;
    }

    span#payform {
        top: -60px;
    }

    span#info1, span#info2, span#info3, span#info4, span#info5, span#info6, span#info7 {
        top: -70px;
    }

    hr {
        margin: 20px 0;
    }

    form .form-item.captcha input {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    #menu ul.menu-top > li p, #menu.scroll ul.menu-top > li p,
    #menu.indexstyle ul.menu-top > li p, #menu.indexstyle.scroll ul.menu-top > li p {
        display: none;
    }

    #menu ul.menu-top > li#member-btn i, #menu.scroll ul.menu-top > li#member-btn i,
    #menu.indexstyle ul.menu-top > li#member-btn i, #menu.indexstyle.scroll ul.menu-top > li#member-btn i {
        font-size: 20px;
        margin-bottom: 0;
    }

    #menu ul.menu-top > li#search-btn i, #menu.scroll ul.menu-top > li#search-btn i,
    #menu.indexstyle ul.menu-top > li#search-btn i, #menu.indexstyle.scroll ul.menu-top > li#search-btn i {
        font-size: 22px;
    }

    #menu ul.menu-top > li.member-reser, #menu.scroll ul.menu-top > li.member-reser,
    #menu.indexstyle ul.menu-top > li.member-reser, #menu.indexstyle.scroll ul.menu-top > li.member-reser {
        display: none;
    }

    #menu ul.menu-top #member-block .loggedin > .title, #menu.scroll ul.menu-top #member-block .loggedin > .title,
    #menu.indexstyle ul.menu-top #member-block .loggedin > .title, #menu.indexstyle.scroll ul.menu-top #member-block .loggedin > .title {
        padding: 20px 30px;
    }

    #menu ul.menu-top #member-block .content .content-left, #menu ul.menu-top #member-block .content .content-right, #menu.scroll ul.menu-top #member-block .content .content-left, #menu.scroll ul.menu-top #member-block .content .content-right,
    #menu.indexstyle ul.menu-top #member-block .content .content-left,
    #menu.indexstyle ul.menu-top #member-block .content .content-right, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-left, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-right {
        width: 100%;
    }

    #menu ul.menu-top #member-block .content .content-left, #menu.scroll ul.menu-top #member-block .content .content-left,
    #menu.indexstyle ul.menu-top #member-block .content .content-left, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-left {
        margin-bottom: 25px;
    }

        #menu ul.menu-top #member-block .content .content-left .bonus, #menu ul.menu-top #member-block .content .content-left .newOrder, #menu.scroll ul.menu-top #member-block .content .content-left .bonus, #menu.scroll ul.menu-top #member-block .content .content-left .newOrder,
        #menu.indexstyle ul.menu-top #member-block .content .content-left .bonus,
        #menu.indexstyle ul.menu-top #member-block .content .content-left .newOrder, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-left .bonus, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-left .newOrder {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 15px;
        }

            #menu ul.menu-top #member-block .content .content-left .bonus p, #menu ul.menu-top #member-block .content .content-left .newOrder p, #menu.scroll ul.menu-top #member-block .content .content-left .bonus p, #menu.scroll ul.menu-top #member-block .content .content-left .newOrder p,
            #menu.indexstyle ul.menu-top #member-block .content .content-left .bonus p,
            #menu.indexstyle ul.menu-top #member-block .content .content-left .newOrder p, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-left .bonus p, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-left .newOrder p {
                margin-right: 10px;
            }

            #menu ul.menu-top #member-block .content .content-left .bonus a, #menu ul.menu-top #member-block .content .content-left .newOrder a, #menu.scroll ul.menu-top #member-block .content .content-left .bonus a, #menu.scroll ul.menu-top #member-block .content .content-left .newOrder a,
            #menu.indexstyle ul.menu-top #member-block .content .content-left .bonus a,
            #menu.indexstyle ul.menu-top #member-block .content .content-left .newOrder a, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-left .bonus a, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-left .newOrder a {
                margin-left: 0;
            }

        #menu ul.menu-top #member-block .content .content-left .orderNum, #menu.scroll ul.menu-top #member-block .content .content-left .orderNum,
        #menu.indexstyle ul.menu-top #member-block .content .content-left .orderNum, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-left .orderNum {
            margin-top: 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            #menu ul.menu-top #member-block .content .content-left .orderNum p, #menu.scroll ul.menu-top #member-block .content .content-left .orderNum p,
            #menu.indexstyle ul.menu-top #member-block .content .content-left .orderNum p, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-left .orderNum p {
                margin-bottom: 0;
            }

            #menu ul.menu-top #member-block .content .content-left .orderNum p, #menu ul.menu-top #member-block .content .content-left .orderNum h6, #menu.scroll ul.menu-top #member-block .content .content-left .orderNum p, #menu.scroll ul.menu-top #member-block .content .content-left .orderNum h6,
            #menu.indexstyle ul.menu-top #member-block .content .content-left .orderNum p,
            #menu.indexstyle ul.menu-top #member-block .content .content-left .orderNum h6, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-left .orderNum p, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-left .orderNum h6 {
                margin-right: 10px;
            }

    #menu ul.menu-top #member-block .content .content-right > .title p, #menu.scroll ul.menu-top #member-block .content .content-right > .title p,
    #menu.indexstyle ul.menu-top #member-block .content .content-right > .title p, #menu.indexstyle.scroll ul.menu-top #member-block .content .content-right > .title p {
        font-size: 16px;
    }

    #menu .menu-bottom ul#menu-list.active, #menu.scroll .menu-bottom ul#menu-list.active,
    #menu.indexstyle .menu-bottom ul#menu-list.active, #menu.indexstyle.scroll .menu-bottom ul#menu-list.active {
        width: 100vw;
    }

    #footer .footer-top .top-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        #footer .footer-top .top-left .logo, #footer .footer-top .top-left .font {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        #footer .footer-top .top-left .logo {
            margin-bottom: 20px;
        }

            #footer .footer-top .top-left .logo img {
                width: 200px;
            }

        #footer .footer-top .top-left .font {
            padding-left: 0;
        }

            #footer .footer-top .top-left .font > ul li {
                margin-right: 0;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 100%;
                margin-top: 6px;
            }

    #footer .footer-top .top-right > ul li {
        width: 16%;
        margin-bottom: 15px;
        padding: 0 5px;
    }

        #footer .footer-top .top-right > ul li:last-child, #footer .footer-top .top-right > ul li:nth-child(4n) {
            border-right: none;
            padding-right: 5px;
        }

    .index-section4 .sec4-block .high {
        padding: 60px 25px;
    }

    ul.news-list li a {
        padding: 20px 15px 10px 15px;
    }

        ul.news-list li a .date {
            font-size: 14px;
            width: 80px;
        }

        ul.news-list li a .title {
            width: calc(100% - 100px);
            font-size: 16px;
            padding: 0 10px 0 20px;
        }

        ul.news-list li a .read {
            width: 20px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            ul.news-list li a .read p {
                display: none;
            }

    .product-font .mobile-btn button i, .product-font .mobile-inner .btnblock button i {
        right: 15px;
    }

    .product-font .mobile-btn #addcart i, .product-font .mobile-btn .mobile-addcart i, .product-font .mobile-inner .btnblock #addcart i, .product-font .mobile-inner .btnblock .mobile-addcart i {
        right: 17px;
    }

    .mobile-btn button i {
        right: 15px;
    }

    .mobile-btn .mobile-addcart i {
        right: 17px;
    }

    #product-list ul#product-main-list > li .favorite {
        right: 10px;
        top: 10px;
    }

    #product-list ul#product-main-list > li .fontbox {
        padding: 5px 20px 25px 20px;
    }
    /*#product-list ul#product-main-list > li:nth-child(5), #product-list ul#product-main-list > li:nth-child(14n), #product-list ul#product-main-list > li:nth-child(14n + 5) {
    margin-bottom: 40px;
  }
  #product-list ul#product-main-list > li:nth-child(5) .fontbox, #product-list ul#product-main-list > li:nth-child(14n) .fontbox, #product-list ul#product-main-list > li:nth-child(14n + 5) .fontbox {
    padding: 25px;
  }
    #product-list ul#product-main-list > li:nth-child(5) .fontbox h5, #product-list ul#product-main-list > li:nth-child(5) .fontbox h6, #product-list ul#product-main-list > li:nth-child(14n) .fontbox h5, #product-list ul#product-main-list > li:nth-child(14n) .fontbox h6, #product-list ul#product-main-list > li:nth-child(14n + 5) .fontbox h5, #product-list ul#product-main-list > li:nth-child(14n + 5) .fontbox h6 {
        max-height: 90px;
        overflow-x: hidden;
        overflow-y: auto;
    }*/

    #photo-list {
        padding: 0 10px;
    }

        #photo-list ul#photo-main-list > li > a h2 {
            font-size: 18px;
        }

        #photo-list ul#photo-main-list > li:nth-child(2n - 1) {
            width: calc(50% - 7.5px);
            margin-right: 15px;
        }

        #photo-list ul#photo-main-list > li:nth-child(2n) {
            width: calc(50% - 7.5px);
            margin-right: 0;
        }

    #product-bottom {
        padding: 80px 20px;
    }

    ul#pagebox li.prev, ul#pagebox li.next {
        margin: 0 13px;
    }

    ul#pagebox li.num {
        margin: 0 8px;
    }

    ul#pagebox a.first, ul#pagebox a.last {
        margin: 0 13px;
    }

    ul#pagebox a.num {
        margin: 0 8px;
    }

    #stock-block {
        padding: 30px;
    }

        #stock-block ul.position > li, #stock-block ul#city > li {
            font-size: 15px;
        }

        #stock-block ul#table > li.tbody ul.storeList > li {
            padding: 15px;
        }

    #product-inner .product-image .swiper-container.gallery-big {
        width: 100%;
        height: 620px;
        padding: 0 40px;
    }

        #product-inner .product-image .swiper-container.gallery-big::before, #product-inner .product-image .swiper-container.gallery-big::after {
            width: 40px;
        }

    .bgpurple .innerpage.container ul#member-tool li a {
        padding: 13px 25px;
    }

    .bgpurple .innerpage.container .member-main .member-card .member-inner, .bgpurple .innerpage.container .member-main .member-card .member-title {
        padding: 15px;
    }

        .bgpurple .innerpage.container .member-main .member-card .member-title h1, .bgpurple .innerpage.container .member-main .member-card .member-title h2 {
            font-size: 18px;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-title i {
            font-size: 22px;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-title p {
            right: 15px;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner.contact {
            padding: 20px;
        }

            .bgpurple .innerpage.container .member-main .member-card .member-inner.contact .fastlink > p {
                width: 80px;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner.contact .fastlink ul {
                width: calc(100% - 80px);
            }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .btnbox button, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .btnbox button {
            padding: 10px 2px;
            font-size: 12px;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .bottom-link {
            padding-top: 10px;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info {
            padding: 20px 15px;
            width: 100%;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order .order-go {
            width: 100%;
        }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order .order-go a {
                padding: 10px;
            }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order.bonus ul.order-info.w100 {
            padding: 20px 15px;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .bigtitle p {
            width: 100%;
            margin-top: 10px;
            padding-left: 18px;
        }

    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

        .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .info {
            width: 190px;
            padding: 10px 0 0 15px;
        }

        .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .price.first {
            padding: 0 0 0 15px;
            width: calc(100% - 190px - 120px);
        }

        .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .price.last {
            padding: 20px 0 0 0;
        }

    .bgpurple .edit.container .edit-block ul#store-list {
        margin-bottom: 20px;
    }

    .bgpurple .edit.container .edit-block ul#pagebox {
        padding: 10px 0 0 0;
    }

    .bgpurple .edit.container .edit-block ul.news-list {
        margin: 15px 0;
    }

    .bgpurple .edit.container .edit-block #store-search {
        padding: 5px 0 25px 0;
    }

        .bgpurple .edit.container .edit-block #store-search > select {
            margin: 0 5px;
        }

    .bgpurple .edit.container .edit-block ul#store-list > li {
        width: 100%;
        padding: 30px 15px;
    }

    .signup-top > ul > li, .cart-top > ul > li {
        font-size: 14px;
        padding-right: 20px;
    }

        .signup-top > ul > li::after, .cart-top > ul > li::after {
            right: -6px;
        }

        .signup-top > ul > li h1, .cart-top > ul > li h1 {
            font-size: 14px;
        }

        .signup-top > ul > li i, .cart-top > ul > li i {
            font-size: 18px;
            margin-right: 5px;
        }

    .dropdown-icon {
        display: inline-block; /* 顯示 ▼ 符號 */
    }

    /* 當螢幕小至750px以下時，寬度變為100% */
    #product-inner .GoodsHtmlA img {
        width: 100%;
    }

    #product-inner .GoodsHtmlB img {
        width: 100%;
    }

    /* Note02Detail頁面的Title當畫面縮小的時候調整一下大小 */
    .Note_Title {
        display: block !important;
        font-size: 20px !important;
    }
}

@media screen and (max-width: 500px) {
    .couponTable table tbody tr .info {
        line-height: 22px;
    }

    #print_parts .remind {
        padding: 0 10px 0 10px;
        font-size: 24px;
    }

        #print_parts .remind span {
            font-size: 20px;
        }

    div#abc {
        margin-left: 0px;
    }

    form div.Back {
        font-size: 16px;
        font-weight: bold;
    }

    .SettingDate tr td input {
        font-size: 12px;
    }

    h1, h2 {
        font-size: 28px;
    }

    h4 {
        font-size: 16px;
    }

    p, ol li {
        font-size: 14px;
    }

    :root {
        --swiper-navigation-size: 34px;
    }

    .btn-box a, .form-btn button {
        padding: 8px 5px;
    }

    .form-btn button {
        width: 100%;
    }

    input, select, textarea {
        font-size: 14px;
    }

    form .form-item {
        margin-bottom: 15px;
    }

        form .form-item.name, form .form-item.gender {
            width: 100%;
            margin-right: 0;
        }

        form .form-item.birth select, form .form-item.birth select:last-child {
            width: 100%;
            margin: 5px 0;
        }

        form .form-item.address input.postal-code {
            margin-bottom: 10px;
        }

        form .form-item.address input.address {
            width: 100%;
            margin: 0;
        }

        form .form-item.check label {
            font-size: 14px;
        }

    #menu-height, #menu-height.indexstyle {
        height: 68px;
    }

    #menu .logo, #menu.scroll .logo,
    #menu.indexstyle .logo, #menu.indexstyle.scroll .logo {
        padding: 10px;
        width: 220px;
    }

        #menu .logo a, #menu.scroll .logo a,
        #menu.indexstyle .logo a, #menu.indexstyle.scroll .logo a {
            height: 45px;
        }

    #menu ul.menu-top, #menu.scroll ul.menu-top,
    #menu.indexstyle ul.menu-top, #menu.indexstyle.scroll ul.menu-top {
        width: calc(100% - 220px - 50px);
        padding: 20px 15px 20px 5px;
        margin: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

        #menu ul.menu-top > li i, #menu.scroll ul.menu-top > li i,
        #menu.indexstyle ul.menu-top > li i, #menu.indexstyle.scroll ul.menu-top > li i {
            margin-right: 0;
        }

        #menu ul.menu-top #search-block, #menu.scroll ul.menu-top #search-block,
        #menu.indexstyle ul.menu-top #search-block, #menu.indexstyle.scroll ul.menu-top #search-block {
            padding: 15px 20px;
        }

            #menu ul.menu-top #search-block > form, #menu.scroll ul.menu-top #search-block > form,
            #menu.indexstyle ul.menu-top #search-block > form, #menu.indexstyle.scroll ul.menu-top #search-block > form {
                width: 100%;
            }

                #menu ul.menu-top #search-block > form input, #menu ul.menu-top #search-block > form button, #menu.scroll ul.menu-top #search-block > form input, #menu.scroll ul.menu-top #search-block > form button,
                #menu.indexstyle ul.menu-top #search-block > form input,
                #menu.indexstyle ul.menu-top #search-block > form button, #menu.indexstyle.scroll ul.menu-top #search-block > form input, #menu.indexstyle.scroll ul.menu-top #search-block > form button {
                    width: 100%;
                    margin: 0 0 10px 0;
                    height: 40px;
                    border-radius: 0;
                }

                    #menu ul.menu-top #search-block > form button i, #menu.scroll ul.menu-top #search-block > form button i,
                    #menu.indexstyle ul.menu-top #search-block > form button i, #menu.indexstyle.scroll ul.menu-top #search-block > form button i {
                        margin-bottom: -2px;
                    }

                    #menu ul.menu-top #search-block > form button::after, #menu.scroll ul.menu-top #search-block > form button::after,
                    #menu.indexstyle ul.menu-top #search-block > form button::after, #menu.indexstyle.scroll ul.menu-top #search-block > form button::after {
                        content: '搜尋';
                        color: #fff;
                        font-size: 14px;
                        letter-spacing: 5px;
                        margin-left: 5px;
                    }

            #menu ul.menu-top #search-block .remove-btn, #menu.scroll ul.menu-top #search-block .remove-btn,
            #menu.indexstyle ul.menu-top #search-block .remove-btn, #menu.indexstyle.scroll ul.menu-top #search-block .remove-btn {
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                #menu ul.menu-top #search-block .remove-btn::after, #menu.scroll ul.menu-top #search-block .remove-btn::after,
                #menu.indexstyle ul.menu-top #search-block .remove-btn::after, #menu.indexstyle.scroll ul.menu-top #search-block .remove-btn::after {
                    content: '關閉';
                    margin-left: 5px;
                    font-size: 14px;
                    letter-spacing: 5px;
                }

        #menu ul.menu-top .fastblock, #menu.scroll ul.menu-top .fastblock,
        #menu.indexstyle ul.menu-top .fastblock, #menu.indexstyle.scroll ul.menu-top .fastblock {
            top: 65px;
        }

        #menu ul.menu-top #cart-block, #menu.scroll ul.menu-top #cart-block,
        #menu.indexstyle ul.menu-top #cart-block, #menu.indexstyle.scroll ul.menu-top #cart-block {
            width: 100%;
            padding: 20px;
        }

            #menu ul.menu-top #cart-block ul#cart-list li a .font, #menu.scroll ul.menu-top #cart-block ul#cart-list li a .font,
            #menu.indexstyle ul.menu-top #cart-block ul#cart-list li a .font, #menu.indexstyle.scroll ul.menu-top #cart-block ul#cart-list li a .font {
                padding: 15px;
                -ms-flex-line-pack: center;
                align-content: center;
            }

    #menu .menu-bottom ul#menu-list.active, #menu.scroll .menu-bottom ul#menu-list.active,
    #menu.indexstyle .menu-bottom ul#menu-list.active, #menu.indexstyle.scroll .menu-bottom ul#menu-list.active {
        padding: 53px 15px 135px 15px;
    }

    #menu .menu-bottom #burger, #menu.scroll .menu-bottom #burger,
    #menu.indexstyle .menu-bottom #burger, #menu.indexstyle.scroll .menu-bottom #burger {
        top: 20px;
        right: 15px;
        width: 30px;
        height: 30px;
    }

    #footer .footer-top .container, #footer .footer-bottom .container {
        padding: 20px;
    }

    #footer .footer-top .top-left .logo img {
        width: 185px;
    }

    #footer .footer-top .top-left .font > p {
        white-space: pre;
    }

    #footer .footer-bottom .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #footer .footer-bottom .container .copyright {
            width: 100%;
            text-align: center;
        }

        #footer .footer-bottom .container .follow {
            margin-top: 10px;
        }

    #gotop .topimg {
        height: 25px;
    }

    .index-section1 .swiper-container#index-recom,
    .index-section4 .sec4-block .swiper-container#index-high {
        padding: 0 20px;
    }

        .index-section1 .swiper-container#index-recom::before, .index-section1 .swiper-container#index-recom::after,
        .index-section4 .sec4-block .swiper-container#index-high::before,
        .index-section4 .sec4-block .swiper-container#index-high::after {
            width: 20px;
        }

        .index-section1 .swiper-container#index-recom .swiper-button-next,
        .index-section4 .sec4-block .swiper-container#index-high .swiper-button-next {
            right: 0;
        }

        .index-section1 .swiper-container#index-recom .swiper-button-prev,
        .index-section4 .sec4-block .swiper-container#index-high .swiper-button-prev {
            left: 0;
        }

    .index-section1 {
        padding: 0 10px;
    }

    .index-section2 ul.poka li {
        width: 80%;
    }

    .index-section4 .sec4-block {
        margin-bottom: 80px;
        padding: 0 10px 60px 10px;
    }

        .index-section4 .sec4-block .high {
            width: 70%;
            padding: 50px 25px;
        }

    .index-news {
        margin: 60px auto;
    }

    ul#pagebox li i {
        font-size: 26px;
    }

    ul#pagebox li.num {
        margin: 0 7px;
    }

        ul#pagebox li.num a {
            font-size: 16px;
        }

    ul#pagebox li.prev, ul#pagebox li.next {
        margin: 0 10px;
    }

    ul#pagebox span.current {
        margin: 0 7px;
        font-size: 16px;
    }

    ul#pagebox span a.num {
        margin: 0 7px;
        font-size: 16px;
    }

    ul#pagebox a.first, ul#pagebox a.last {
        margin: 0 10px;
    }


    #product-list h1, #product-list h2.bigtitle, #photo-list h1, #photo-list h2.bigtitle {
        margin-top: 35px;
        letter-spacing: 3px;
    }

    #product-list ul#product-main-list > li {
        margin: 0 2px 15px 2px;
        width: calc(50% - 4px);
    }

    .mobile-btn .mobile-addcart, .mobile-btn .mobile-reservation {
        font-size: 10px;
    }

        .mobile-btn .mobile-reservation::before {
            content: '預約鑑賞';
        }

    .mobile-btn .mobile-addcart, .mobile-btn .mobile-addfavorite1 {
        font-size: 16px;
    }

        .mobile-btn .mobile-addfavorite1::before {
            content: '心願清單';
        }

    .product-font h1 {
        margin: 14px 0 10px 0;
    }

    .product-font h3 {
        font-size: 20px;
    }

    .product-font .brand > img {
        height: 20px;
    }

    .product-font ul.smallbtn > li {
        width: 100%;
    }

        .product-font ul.smallbtn > li:nth-child(2) {
            margin-top: 10px;
        }

        .product-font ul.smallbtn > li a i {
            margin: 0 8px 0 0;
        }

    .product-font .mobile-inner {
        padding: 20px 20px 40px 20px;
    }

        .product-font .mobile-inner .btnblock #addcart, .product-font .mobile-inner .btnblock .addcart, .product-font .mobile-inner .btnblock #reservation, .product-font .mobile-inner .btnblock .reservation {
            font-size: 14px;
        }

            .product-font .mobile-inner .btnblock #reservation::before, .product-font .mobile-inner .btnblock .reservation::before {
                content: '預約鑑賞';
            }

            .product-font .mobile-inner .btnblock #addcart i,
            .product-font .mobile-inner .btnblock .addcart i {
                font-size: 16px;
                right: 14px;
            }

            .product-font .mobile-inner .btnblock #reservation i,
            .product-font .mobile-inner .btnblock .reservation i {
                font-size: 20px;
                right: 17px;
            }

    .mobile-btn .mobile-addcart i {
        font-size: 16px;
        right: 14px;
    }

    .mobile-btn .mobile-reservation i {
        font-size: 20px;
        right: 17px;
    }

    .mobile-btn .mobile-addfavorite1 i {
        font-size: 20px;
        right: 17px;
    }

    #product-inner ul.product-content > li .title {
        font-size: 18px;
    }

    #product-inner ul.product-content > li .title, #product-inner ul.product-content > li .popblock {
        padding: 12px 10px;
    }

    #product-inner ul.product-content > li .fontblock {
        padding: 0 10px;
    }

    #product-inner ul.product-content > li ul#content-block li .title {
        font-size: 18px;
    }

    #product-inner .product-image .product-font {
        margin-top: 20px;
        padding: 30px 25px;
    }

    #product-inner .product-image .swiper-container.gallery-big {
        height: 380px;
    }

    #product-list #choose-btn {
        padding: 12px 10px;
        top: 185px;
        font-size: 15px;
        letter-spacing: 3px;
    }

        #product-list #choose-btn i {
            padding-left: 1px;
        }

    #product-list #choose {
        padding: 20px;
    }

        #product-list #choose .select-item .select-title {
            padding: 0 25px 0 0;
            width: 100px;
        }

        #product-list #choose .select-item ul.select-box {
            padding: 10px;
            width: calc(100% - 100px);
        }

    #product-list ul#product-main-list {
        padding: 15px 5px 0 5px;
    }

        #product-list ul#product-main-list > li .product-preview.pop-up {
            padding: 20px 20px 0 20px;
        }

            #product-list ul#product-main-list > li .product-preview.pop-up .product-font {
                padding: 22px 0 80px 0;
            }

                #product-list ul#product-main-list > li .product-preview.pop-up .product-font .mobile-inner {
                    width: calc(100% + 40px);
                    padding: 20px;
                }
    /*#product-list ul#product-main-list > li:nth-child(5) .fontbox, #product-list ul#product-main-list > li:nth-child(14n) .fontbox, #product-list ul#product-main-list > li:nth-child(14n + 5) .fontbox {
    padding: 35px 25px;
  }
  #product-list ul#product-main-list > li:nth-child(5) .fontbox h6, #product-list ul#product-main-list > li:nth-child(14n) .fontbox h6, #product-list ul#product-main-list > li:nth-child(14n + 5) .fontbox h6 {
    margin-top: 25px;
  }*/
    #sizeChart, #stock-block {
        width: calc(100% - 40px);
        max-width: 100%;
        padding: 25px;
    }

        #sizeChart ul#table, #stock-block ul#table {
            max-height: 280px;
        }

        #sizeChart .remove-btn, #stock-block .remove-btn {
            right: 8px;
            top: 8px;
        }

            #sizeChart .remove-btn i, #stock-block .remove-btn i {
                font-size: 26px;
            }

    #sizeChart {
        padding: 15px;
    }

    #product-bottom {
        padding: 40px 10px;
    }

        #product-bottom > ul {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

            #product-bottom > ul > li {
                padding: 0 5px;
            }

                #product-bottom > ul > li i {
                    font-size: 50px;
                }

                #product-bottom > ul > li h4 {
                    margin-bottom: 15px;
                    padding: 15px;
                }

                #product-bottom > ul > li p {
                    text-align: center;
                }

                #product-bottom > ul > li:nth-child(3) i {
                    font-size: 48px;
                }

    .product-search {
        padding: 15px 0 25px 0;
        margin-bottom: 0;
    }

        .product-search form {
            padding: 0 60px;
            margin-top: 10px;
        }

            .product-search form input, .product-search form button {
                height: 43px;
            }

            .product-search form input {
                width: calc(100% - 55px);
                margin-right: 5px;
            }

            .product-search form button {
                width: 50px;
                padding: 10px;
            }

                .product-search form button::before {
                    display: none;
                }

                .product-search form button i {
                    margin-left: -5px;
                    margin-top: -1px;
                }

    #product-list h2.bigtitle, #photo-list h2.bigtitle {
        margin-bottom: 20px;
    }

    #photo-list ul#photo-main-list {
        padding: 0;
        margin: 30px auto 0 auto;
    }

        #photo-list ul#photo-main-list > li > a .hover p {
            font-size: 16px;
        }

        #photo-list ul#photo-main-list > li > a h2 {
            font-size: 16px;
            margin: 15px 0;
        }

        #photo-list ul#photo-main-list > li:nth-child(2n - 1) {
            width: calc(50% - 5px);
            margin-right: 10px;
        }

        #photo-list ul#photo-main-list > li:nth-child(2n) {
            width: calc(50% - 5px);
        }

    #product-list.photo-inner {
        padding: 0 5px;
    }

        #product-list.photo-inner ul#photo-pagebox {
            margin-top: 0;
        }

            #product-list.photo-inner ul#photo-pagebox li a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 100%;
                height: 100%;
            }

                #product-list.photo-inner ul#photo-pagebox li a i {
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                }

            #product-list.photo-inner ul#photo-pagebox li.prev {
                width: 100%;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding: 0;
            }

                #product-list.photo-inner ul#photo-pagebox li.prev a {
                    padding: 10px 0;
                }

                    #product-list.photo-inner ul#photo-pagebox li.prev a i {
                        left: 0;
                    }

            #product-list.photo-inner ul#photo-pagebox li.next {
                width: 100%;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                border-top: 1px solid #d1b691;
                padding: 0;
            }

                #product-list.photo-inner ul#photo-pagebox li.next a {
                    padding: 10px 0;
                }

                    #product-list.photo-inner ul#photo-pagebox li.next a i {
                        right: 0;
                    }

            #product-list.photo-inner ul#photo-pagebox li.back {
                padding: 0;
            }

                #product-list.photo-inner ul#photo-pagebox li.back a {
                    padding: 15px 0;
                }

                    #product-list.photo-inner ul#photo-pagebox li.back a img {
                        height: 14px;
                    }

    #photo-swiper {
        margin-top: 20px;
    }

        #photo-swiper .swiper-container.gallery-big {
            padding: 0 30px;
        }

            #photo-swiper .swiper-container.gallery-big::before, #photo-swiper .swiper-container.gallery-big::after {
                width: 30px;
            }

        #photo-swiper .swiper-container.gallery-thumbs {
            height: 111px;
            padding: 6px 0 15px 0;
        }

            #photo-swiper .swiper-container.gallery-thumbs .swiper-slide {
                height: 75px;
            }

    .cart-top {
        margin: -15px 0 10px 0;
    }

        .signup-top > ul, .cart-top > ul {
            padding: 0 10px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .signup-top > ul > li, .cart-top > ul > li {
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                margin: 0;
                padding: 5px;
            }

                .signup-top > ul > li::after, .cart-top > ul > li::after {
                    position: relative;
                    top: 0;
                    right: 0;
                    width: 20px;
                    height: 20px;
                    -webkit-transform: translate(0, 0) rotate(-90deg);
                    transform: translate(0, 0) rotate(-90deg);
                }

    .bgpurple {
        padding: 30px 0;
    }

        .bgpurple h1.cart-title {
            margin-bottom: 20px;
        }

        .bgpurple .innerpage.container {
            padding: 0 10px;
        }

            .bgpurple .innerpage.container .member-top {
                margin-bottom: 10px;
            }

                .bgpurple .innerpage.container .member-top h3 {
                    margin: 5px 0;
                }

            .bgpurple .innerpage.container ul#member-tool {
                margin-top: 10px;
            }

                .bgpurple .innerpage.container ul#member-tool li a {
                    padding: 10px 5px 10px 12px;
                    font-size: 14px;
                }

                    .bgpurple .innerpage.container ul#member-tool li a::after {
                        width: 3px;
                    }

                    .bgpurple .innerpage.container ul#member-tool li a i {
                        font-size: 18px;
                        margin-right: 10px;
                    }

                        .bgpurple .innerpage.container ul#member-tool li a i.fas fa-shopping-cart, .bgpurple .innerpage.container ul#member-tool li a i.far fa-comment-dots {
                            margin-left: -1px;
                        }

                .bgpurple .innerpage.container ul#member-tool #tool-btn i {
                    right: 10px;
                    font-size: 24px;
                }

                .bgpurple .innerpage.container ul#member-tool.active #tool-btn {
                    padding: 10px 0;
                }

                    .bgpurple .innerpage.container ul#member-tool.active #tool-btn::before {
                        font-size: 14px;
                    }

            .bgpurple .innerpage.container .member-main .backorder {
                padding-top: 0;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .bottom-link a {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding: 5px 0;
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .bottom-link a i {
                    margin-left: 5px;
                    font-size: 20px;
                }

            .bgpurple .innerpage.container .member-main .member-card .member-inner.contact h2 {
                font-size: 16px;
                padding: 0 0 10px 0;
                line-height: 1.5;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner.contact p, .bgpurple .innerpage.container .member-main .member-card .member-inner.contact ol li {
                line-height: 1.8;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner.contact ol li {
                margin-left: 23px;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner.contact p i {
                margin-right: 5px;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner.contact .fastlink {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner.contact .fastlink > p, .bgpurple .innerpage.container .member-main .member-card .member-inner.contact .fastlink ul {
                    width: 100%;
                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner.contact .fastlink ul li {
                        margin: 0 15px 0 0;
                    }

            .bgpurple .innerpage.container .member-main .member-card .member-inner form#modify .form-item.name, .bgpurple .innerpage.container .member-main .member-card .member-inner form#modify .form-item.gender {
                width: 100%;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner form#modify, .bgpurple .innerpage.container .member-main .member-card .member-inner form#password {
                padding: 0 0 10px 0;
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner form#modify .form-btn button.white, .bgpurple .innerpage.container .member-main .member-card .member-inner form#password .form-btn button.white {
                    width: 100px;
                    margin-right: 10px;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner form#modify .form-btn button.go, .bgpurple .innerpage.container .member-main .member-card .member-inner form#password .form-btn button.go {
                    width: calc(100% - 110px);
                }

            .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li {
                padding: 5px;
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li h2, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li h2 {
                    font-size: 14px;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li .list-remove, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li .list-remove {
                    right: 15px;
                    top: 15px;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li .btn-box.small a, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li .btn-box.small a {
                    width: 100%;
                    margin-bottom: 5px;
                }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .member-return .return-edit.bigfont p {
                font-size: 14px;
                padding: 3px 0;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .member-return form.return .form-btn {
                margin-bottom: 0;
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .member-return form.return .form-btn button {
                    width: 100%;
                }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .member-return form.payinfo {
                padding: 0 0 10px 0;
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .member-return form.payinfo .form-item.date, .bgpurple .innerpage.container .member-main .member-card .member-inner .member-return form.payinfo .form-item.time {
                    width: 100%;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .member-return form.payinfo .form-item.date {
                    margin-right: 0;
                }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail hr.margin {
                margin: 5px 0 20px 0;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.send-info > li {
                width: 100%;
                padding: 0 0 20px 0;
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.send-info > li.track {
                    -webkit-box-ordinal-group: 2;
                    -ms-flex-order: 1;
                    order: 1;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.send-info > li.orderer {
                    -webkit-box-ordinal-group: 3;
                    -ms-flex-order: 2;
                    order: 2;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.send-info > li.recipient {
                    -webkit-box-ordinal-group: 4;
                    -ms-flex-order: 3;
                    order: 3;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.send-info > li.pay {
                    -webkit-box-ordinal-group: 5;
                    -ms-flex-order: 4;
                    order: 4;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.send-info > li.invoice {
                    -webkit-box-ordinal-group: 6;
                    -ms-flex-order: 5;
                    order: 5;
                }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner .fontbox, .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner ul.btnbox {
                width: 100%;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner ul.btnbox {
                margin-top: 15px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner ul.btnbox > li {
                    width: 100%;
                    margin: 5px 0;
                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner ul.btnbox > li a {
                        font-size: 14px;
                    }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail hr {
                margin: 20px 0;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li {
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li > .img {
                    width: 100px;
                    height: 100px;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li .font {
                    width: calc(100% - 100px);
                    padding: 10px 0 0 15px;
                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li .font .brand {
                        margin-bottom: 4px;
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li .font h6.height {
                        margin-bottom: 0;
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li .font .subtotal {
                        position: relative;
                        right: 0;
                        top: 0;
                        text-align: right;
                    }

            .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox {
                padding-top: 10px;
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox span {
                    width: 100%;
                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox span a.prev, .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox span a.next {
                        width: 100%;
                        min-width: 60px;
                        font-size: 8px;
                    }

                .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox a.number {
                    margin-right: -10px;
                    width: 100%;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox span.current {
                    margin-right: -10px;
                    width: 100%;
                }

            /*.bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox {
    padding-top: 10px;
  }
  .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox li.prev, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox li.next {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox li.number {
    width: 100%;
  }
  .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox li.prev {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox li.next {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox li.number {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 20px;
  }*/
            .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite {
                width: 100%;
                padding: 20px 0 42px 0;
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation::before, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation::after, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite::before, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite::after {
                    width: 0;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-button-next, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-button-prev, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-button-next, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-button-prev {
                    top: auto;
                    bottom: 0;
                    z-index: 11;
                    width: calc(22px / 44 * 27);
                    height: 22px;
                    margin-top: calc(-1 * 22px / 2);
                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-button-next::after, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-button-prev::after, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-button-next::after, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-button-prev::after {
                        font-size: 22px;
                    }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-pagination, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-pagination {
                    width: 100%;
                    padding: 0 30px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    bottom: 0;
                    text-align: center;
                    font-size: 12px;
                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-pagination span, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-pagination span {
                        padding: 0 3px;
                        font-size: 16px;
                    }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .favorite, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .favorite {
                    right: 7px;
                    top: 7px;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .font, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .font {
                    padding: 15px 0;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .btnbox button, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .btnbox button {
                    padding: 10px 2px;
                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .btnbox button.half, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .btnbox button.half {
                        width: 100%;
                    }

            .bgpurple .innerpage.container.cart .bottom-back {
                padding-top: 0;
            }

            .bgpurple .innerpage.container.cart .cart-left .notice {
                padding: 25px 0 10px 0;
            }

            .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item.name, .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item.gender, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item.name, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item.gender {
                width: 100%;
            }

                .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item.gender .form-title, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item.gender .form-title {
                    padding-left: 0;
                }

            .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item .warning {
                padding: 6px 0;
            }

            .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail.reser2 > li:first-child {
                padding: 0 0 30px 0;
            }

            .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail.reser2 > li:nth-child(2) {
                padding: 25px 0 5px 0;
            }

            .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li {
                padding: 10px 10px 15px 10px;
            }

                .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li p {
                    font-size: 12px;
                }

                .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li h5 {
                    margin: 6px 0;
                    font-size: 14px;
                }

                .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .list-remove {
                    right: 7px;
                    top: 5px;
                }

                .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .img {
                    width: 100px;
                    height: 100px;
                }

                .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .info {
                    width: calc((100% - 100px) / 2 + 20px);
                }

                    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .info .brand > img {
                        height: 10px;
                    }

                .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .price.first {
                    width: calc((100% - 100px) / 2 - 20px);
                    padding: 0 0 0 10px;
                }

                .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .price h6.to-favorite {
                    margin: 0;
                    right: auto;
                    left: 0;
                }

                .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .bottom-box {
                    margin-top: 6px;
                }

                    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .bottom-box > li {
                        width: calc(50% - 3px);
                    }

            .bgpurple .innerpage.container.cart .cart-left .cart-block.notitle h6 {
                width: 100%;
            }

                .bgpurple .innerpage.container.cart .cart-left .cart-block.notitle h6.right a {
                    text-decoration: underline;
                }

                .bgpurple .innerpage.container.cart .cart-left .cart-block.notitle h6.right i {
                    margin-right: 4px;
                }

            .bgpurple .innerpage.container.cart .cart-left #paper-invoice .form-item .form-title.invoice {
                margin: 5px 0;
            }

                .bgpurple .innerpage.container.cart .cart-left #paper-invoice .form-item .form-title.invoice label {
                    font-size: 14px;
                    padding: 5px 0 5px 25px;
                    margin-right: 30px;
                }

        .bgpurple .edit.container {
            padding: 0 10px;
            margin: 0 auto;
        }

            .bgpurple .edit.container .edit-title {
                padding: 20px;
            }

                .bgpurple .edit.container .edit-title.edit-inner {
                    padding: 25px 20px;
                }

                    .bgpurple .edit.container .edit-title.edit-inner h1 {
                        font-size: 24px;
                    }

            .bgpurple .edit.container ul#edit-inner-pagebox {
                padding: 0;
            }

                .bgpurple .edit.container ul#edit-inner-pagebox li a {
                    padding: 10px;
                    background-color: #7f7f7f;
                }

                    .bgpurple .edit.container ul#edit-inner-pagebox li a h5, .bgpurple .edit.container ul#edit-inner-pagebox li a i {
                        color: #fff;
                    }

                    .bgpurple .edit.container ul#edit-inner-pagebox li a:hover, .bgpurple .edit.container ul#edit-inner-pagebox li a:focus {
                        background-color: #cfc0ac;
                    }

                        .bgpurple .edit.container ul#edit-inner-pagebox li a:hover h5, .bgpurple .edit.container ul#edit-inner-pagebox li a:hover i, .bgpurple .edit.container ul#edit-inner-pagebox li a:focus h5, .bgpurple .edit.container ul#edit-inner-pagebox li a:focus i {
                            color: #fff;
                        }

                .bgpurple .edit.container ul#edit-inner-pagebox li.prev {
                    -webkit-box-ordinal-group: 3;
                    -ms-flex-order: 2;
                    order: 2;
                    width: 50%;
                }

                    .bgpurple .edit.container ul#edit-inner-pagebox li.prev a i {
                        position: absolute;
                        left: 12px;
                        top: 50%;
                        -webkit-transform: translate(0, -50%);
                        transform: translate(0, -50%);
                        margin-right: 0;
                    }

                .bgpurple .edit.container ul#edit-inner-pagebox li.next {
                    -webkit-box-ordinal-group: 4;
                    -ms-flex-order: 3;
                    order: 3;
                    width: 50%;
                    border-left: 1px solid #d1b691;
                }

                    .bgpurple .edit.container ul#edit-inner-pagebox li.next a i {
                        position: absolute;
                        right: 12px;
                        top: 50%;
                        -webkit-transform: translate(0, -50%);
                        transform: translate(0, -50%);
                        margin-left: 0;
                    }

                .bgpurple .edit.container ul#edit-inner-pagebox li.back {
                    -webkit-box-ordinal-group: 2;
                    -ms-flex-order: 1;
                    order: 1;
                    width: 100%;
                    border-bottom: 1px solid #d1b691;
                }

                    .bgpurple .edit.container ul#edit-inner-pagebox li.back a h5 {
                        text-decoration: none;
                    }

            .bgpurple .edit.container .edit-block {
                /*padding: 20px;*/ /*品牌故事內容改成滿版*/
            }

                .bgpurple .edit.container .edit-block.edit-inner {
                    padding: 20px;
                }

                .bgpurple .edit.container .edit-block h1 {
                    font-size: 26px;
                }

                .bgpurple .edit.container .edit-block h2 {
                    font-size: 24px;
                }

                .bgpurple .edit.container .edit-block h3 {
                    font-size: 20px;
                }

                .bgpurple .edit.container .edit-block h4 {
                    font-size: 16px;
                }

                .bgpurple .edit.container .edit-block h5 {
                    font-size: 14px;
                }

                .bgpurple .edit.container .edit-block h6 {
                    font-size: 12px;
                }

                .bgpurple .edit.container .edit-block p {
                    font-size: 14px;
                }

                .bgpurple .edit.container .edit-block ul#pagination li {
                    margin: 0 7px;
                }

                    .bgpurple .edit.container .edit-block ul#pagination li a {
                        padding: 6px 0;
                    }

                        .bgpurple .edit.container .edit-block ul#pagination li a h2 {
                            font-size: 16px;
                        }

                .bgpurple .edit.container .edit-block .story-block {
                    padding: 30px 0;
                }

                    .bgpurple .edit.container .edit-block .story-block .left img {
                        width: 180px;
                    }

                    .bgpurple .edit.container .edit-block .story-block .right {
                        margin-top: 20px;
                    }

                        .bgpurple .edit.container .edit-block .story-block .right h3, .bgpurple .edit.container .edit-block .story-block .right p {
                            line-height: 1.3;
                        }

                .bgpurple .edit.container .edit-block ul#faq-list li .title {
                    padding: 22px 26px 22px 34px;
                }

                    .bgpurple .edit.container .edit-block ul#faq-list li .title h2 {
                        font-size: 16px;
                    }

                    .bgpurple .edit.container .edit-block ul#faq-list li .title i.icon-q {
                        font-size: 18px;
                        left: 9px;
                    }

                    .bgpurple .edit.container .edit-block ul#faq-list li .title i.icon-keyboard_arrow_down {
                        font-size: 24px;
                        right: 6px;
                    }

                .bgpurple .edit.container .edit-block ul#faq-list li .answer {
                    padding: 0 26px 25px 34px;
                }

                .bgpurple .edit.container .edit-block #store-search {
                    padding: 0 0 20px 0;
                }

                    .bgpurple .edit.container .edit-block #store-search p {
                        font-size: 18px;
                        width: 100%;
                    }

                    .bgpurple .edit.container .edit-block #store-search > select {
                        width: 100%;
                        margin: 5px 0;
                    }

                .bgpurple .edit.container .edit-block ul#store-list > li {
                    padding: 25px 15px;
                }

                    .bgpurple .edit.container .edit-block ul#store-list > li .font {
                        padding-left: 5px;
                    }

    .sign-block {
        padding: 25px;
    }

        .sign-block h3 {
            margin-bottom: 12px;
        }

    .signup {
        padding: 0 10px;
    }

        .signup .signup-top {
            margin-bottom: 9px;
        }

            .signup .signup-top h1 {
                font-size: 24px;
                margin-bottom: 8px;
            }

        .signup .sign-block .form-btn button {
            width: calc(50% - 5px);
        }

        .signup .sign-block > form#signup1 .form-btn {
            margin-top: 10px;
        }

        .signup .sign-block form#signup2 .form-btn {
            margin-top: 5px;
        }

        .signup .sign-block#pay-credit {
            margin-bottom: 30px;
        }

        .signup .sign-block.signup3 .form-btn button {
            width: 100%;
        }

        .signup .sign-block.signup4 ul.experience {
            margin: 5px 0;
        }

        .signup .sign-block.signup4 .form-btn button {
            width: 100%;
            margin-top: 10px;
        }

    .signin {
        padding: 0 10px;
    }

        .signin .sign-block {
            margin: 15px 0;
        }

            .signin .sign-block .btn-box a {
                width: 100%;
            }

            .signin .sign-block .form-btn p {
                width: 100%;
                margin-top: 15px;
                text-align: center;
                font-size: 16px;
            }

        .signin form#forget-block {
            padding: 25px 20px;
        }

            .signin form#forget-block .remove-btn {
                right: 15px;
            }

            .signin form#forget-block .form-btn a#remove-forget {
                font-size: 16px;
            }

            .signin form#forget-block .form-btn button {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
                width: 50%;
            }

    .dropdown-icon {
        display: inline-block; /* 顯示 ▼ 符號 */
    }

    /* 當螢幕小至750px以下時，寬度變為100% */
    #product-inner .GoodsHtmlA img {
        width: 100%;
    }

    #product-inner .GoodsHtmlB img {
        width: 100%;
    }

    /* Note02Detail頁面的Title當畫面縮小的時候調整一下大小 */
    #Note02Detail .Note_Title {
        display: block !important;
        font-size: 20px !important;
    }
}

@media screen and (max-width: 400px) {
    #print_parts .remind span {
        font-size: 18px;
    }

    #buyer_form div#Wish div div div.title label#sameInfo {
        margin-left: 10px;
    }

    form div.Back {
        font-size: 12px;
        font-weight: bold;
    }

    form div#Wish div div {
        font-size: 12px;
    }

    form div div div table.tabledata tr th {
        min-width: 50px;
        font-size: 12px;
    }

    form div div div table.tabledata tbody tr td input {
        width: 100%;
    }

    h1, h2 {
        font-size: 24px;
    }

    h5 {
        font-size: 15px;
    }

    span#info1, span#info2, span#info3, span#info4, span#info5, span#info6 {
        top: -80px;
    }

    input, select, textarea {
        padding: 12px 10px;
    }

    .btn-box a, .form-btn button {
        font-size: 14px;
        padding: 10px;
    }

        .form-btn button i {
            font-size: 14px;
        }

        .form-btn button.go i {
            margin-left: 5px;
            margin-right: -10px;
        }

        .form-btn button.white i {
            margin-right: 5px;
            margin-left: 0;
        }

    :root {
        --swiper-navigation-size: 30px;
    }

    .innerpage.container {
        padding: 0 10px;
    }

    ul.linkaddress {
        margin: 17px 0;
    }

    #menu-height, #menu-height.indexstyle {
        height: 63px;
    }

    #menu .logo, #menu.scroll .logo,
    #menu.indexstyle .logo, #menu.indexstyle.scroll .logo {
        width: 160px;
    }

        #menu .logo a, #menu.scroll .logo a,
        #menu.indexstyle .logo a, #menu.indexstyle.scroll .logo a {
            height: 40px;
        }

    #menu ul.menu-top, #menu.scroll ul.menu-top,
    #menu.indexstyle ul.menu-top, #menu.indexstyle.scroll ul.menu-top {
        width: calc(100% - 160px - 50px);
        margin: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

        #menu ul.menu-top > li, #menu.scroll ul.menu-top > li,
        #menu.indexstyle ul.menu-top > li, #menu.indexstyle.scroll ul.menu-top > li {
            margin: 0 0 0 20px;
        }

        #menu ul.menu-top .fastblock, #menu.scroll ul.menu-top .fastblock,
        #menu.indexstyle ul.menu-top .fastblock, #menu.indexstyle.scroll ul.menu-top .fastblock {
            top: 60px;
        }

        #menu ul.menu-top #member-block .content, #menu ul.menu-top #member-block .loggedin > .title, #menu.scroll ul.menu-top #member-block .content, #menu.scroll ul.menu-top #member-block .loggedin > .title,
        #menu.indexstyle ul.menu-top #member-block .content,
        #menu.indexstyle ul.menu-top #member-block .loggedin > .title, #menu.indexstyle.scroll ul.menu-top #member-block .content, #menu.indexstyle.scroll ul.menu-top #member-block .loggedin > .title {
            padding: 20px;
        }

    #menu .menu-bottom #burger, #menu.scroll .menu-bottom #burger,
    #menu.indexstyle .menu-bottom #burger, #menu.indexstyle.scroll .menu-bottom #burger {
        top: 18px;
    }

    #menu .menu-bottom ul#menu-list > li > h5, #menu.scroll .menu-bottom ul#menu-list > li > h5,
    #menu.indexstyle .menu-bottom ul#menu-list > li > h5, #menu.indexstyle.scroll .menu-bottom ul#menu-list > li > h5 {
        padding: 10px 15px;
    }

    #menu .menu-bottom ul#menu-list .pc-hide > ul li, #menu.scroll .menu-bottom ul#menu-list .pc-hide > ul li,
    #menu.indexstyle .menu-bottom ul#menu-list .pc-hide > ul li, #menu.indexstyle.scroll .menu-bottom ul#menu-list .pc-hide > ul li {
        padding: 10px 15px;
    }

    #footer .footer-top {
        padding: 15px 0;
    }

        #footer .footer-top .top-left .logo img {
            width: 160px;
        }

    .title-box h2 {
        padding-bottom: 15px;
    }

    .more-box {
        margin: 25px 0;
    }

    .index-section1 {
        margin: 0 auto;
    }

    .index-section2 {
        margin-top: 20px;
    }

        .index-section2 ul.poka {
            padding: 0;
        }

            .index-section2 ul.poka li {
                margin-bottom: 10px;
            }

                .index-section2 ul.poka li a h4 {
                    margin-top: 3px;
                    padding: 7px 0;
                }

    .index-section4 .sec4-block {
        margin-bottom: 48px;
    }

    .index-news {
        margin: 20px auto;
    }

        .index-news ul.news-list {
            margin-top: -10px;
        }

        .index-news .more-box {
            margin: 15px 0;
        }

    ul.news-list li a {
        padding: 15px 10px 10px 5px;
    }

        ul.news-list li a .date {
            width: 100%;
        }

        ul.news-list li a .title {
            width: calc(100% - 20px);
            font-size: 14px;
            padding: 0;
        }

    #product-bottom > ul > li {
        width: 100%;
        margin-bottom: 30px;
    }

        #product-bottom > ul > li:last-child {
            margin-bottom: 0;
        }

    #product-inner .product-image .product-font {
        padding: 30px 20px;
    }

    #product-inner .product-image .swiper-container.gallery-big {
        height: 425px;
        padding: 0 20px;
    }

        #product-inner .product-image .swiper-container.gallery-big::before, #product-inner .product-image .swiper-container.gallery-big::after {
            width: 20px;
        }

    #product-list #choose .select-item .select-title {
        width: 100%;
        padding: 0;
        margin-top: 10px;
    }

        #product-list #choose .select-item .select-title i {
            position: relative;
            right: 0;
            -webkit-transform: translate(0, -50%) rotate(0);
            transform: translate(0, -50%) rotate(0);
            margin-left: 5px;
        }

    #product-list #choose .select-item ul.select-box {
        width: 100%;
        padding: 10px 0;
    }

        #product-list #choose .select-item ul.select-box li, #product-list #choose .select-item ul.select-box li:last-child {
            margin: 5px 15px 5px 0;
        }

    #product-list ul#product-main-list > li:hover .favorite {
        height: 20px;
    }

    #product-list ul#product-main-list > li .favorite {
        width: 20px;
    }

    .SelectSize-Box {
        min-width: 125px;
    }


    #product-list ul#product-main-list > li .fontbox {
        padding: 10px 10px 15px 10px;
    }

        #product-list ul#product-main-list > li .fontbox p {
            font-size: 12px;
        }
    /*#product-list ul#product-main-list > li:nth-child(5) .fontbox, #product-list ul#product-main-list > li:nth-child(14n) .fontbox, #product-list ul#product-main-list > li:nth-child(14n + 5) .fontbox {
    padding: 25px 15px;
  }
  #product-list ul#product-main-list > li:nth-child(5) .fontbox h6, #product-list ul#product-main-list > li:nth-child(14n) .fontbox h6, #product-list ul#product-main-list > li:nth-child(14n + 5) .fontbox h6 {
    margin-top: 10px;
    line-height: 1.5;
  }*/
    #photo-list ul#photo-main-list > li:nth-child(2n - 1), #photo-list ul#photo-main-list > li:nth-child(2n) {
        width: 100%;
        margin-right: 0;
    }

    #product-list.photo-inner ul#photo-pagebox li.back a img {
        height: 13px;
    }

    ul#pagebox {
        padding: 40px 12px;
    }

        ul#pagebox li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            ul#pagebox li a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

            ul#pagebox li.num {
                -webkit-box-ordinal-group: 6;
                -ms-flex-order: 5;
                order: 5;
                margin: 20px 0 0 0;
                width: calc(100% / 7);
            }

            ul#pagebox li.first {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
            }

            ul#pagebox li.prev {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }

            ul#pagebox li.next {
                -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                order: 3;
            }

            ul#pagebox li.last {
                -webkit-box-ordinal-group: 5;
                -ms-flex-order: 4;
                order: 4;
            }

            ul#pagebox li.first, ul#pagebox li.last {
                width: 15%;
                margin: 0;
            }

            ul#pagebox li.prev, ul#pagebox li.next {
                width: 35%;
                margin: 0;
                font-size: 12px;
            }

    /*頁碼*/
    ul#pagebox {
        padding: 40px 12px;
    }


        ul#pagebox sapn a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        ul#pagebox span a.num {
            -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
            order: 5;
            margin: 20px 0 0 0;
            width: calc(100% / 7);
        }

        ul#pagebox span.current {
            -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
            order: 5;
            margin: 20px 0 0 0;
            width: calc(100% / 7);
        }

        ul#pagebox span a.first {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

        ul#pagebox span a.last {
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4;
        }

        ul#pagebox span a.first, ul#pagebox a.last {
            width: 15%;
            margin: 0;
        }



    #product-list h1, #product-list h2.bigtitle, #photo-list h1, #photo-list h2.bigtitle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #product-list h1 img, #product-list h1 img.iris, #product-list h2.bigtitle img, #product-list h2.bigtitle img.iris, #photo-list h1 img, #photo-list h1 img.iris, #photo-list h2.bigtitle img, #photo-list h2.bigtitle img.iris {
            height: 25px;
            margin-right: 0;
            margin-bottom: 10px;
        }

            #product-list h1 img.iris, #product-list h2.bigtitle img.iris, #photo-list h1 img.iris, #photo-list h2.bigtitle img.iris {
                width: 90px;
            }

        #product-list h1 span, #product-list h2.bigtitle span, #photo-list h1 span, #photo-list h2.bigtitle span {
            width: 100%;
            text-align: center;
        }

    #sizeChart, #stock-block {
        width: 100%;
        max-width: 100%;
        padding: 25px 15px;
        max-height: 100vh;
        max-height: -moz-available;
        max-height: -webkit-fill-available;
        max-height: fill-available;
    }

        #stock-block h3 {
            font-size: 20px;
        }

        #stock-block ul.position > li, #stock-block ul#city > li {
            font-size: 14px;
        }

        #stock-block ul.position > li {
            width: 25%;
            padding: 15px 5px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        #stock-block ul#city {
            padding: 10px;
        }

            #stock-block ul#city > li .btn {
                width: calc((100% - 15px) / 4);
                margin-right: 5px;
                padding: 15px 5px;
            }

    .product-search {
        padding: 10px 0 25px 0;
    }

        .product-search form {
            padding: 0 50px;
        }

            .product-search form input {
                padding: 10px;
                font-size: 14px;
            }

            .product-search form button {
                width: 45px;
            }

                .product-search form button i {
                    margin-left: -3px;
                }

            .product-search form input, .product-search form button {
                height: 38px;
            }

    .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .font, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .font {
        padding: 10px 0;
    }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .font p, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .font h5, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .font p, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .font h5 {
            font-size: 12px;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .font h6, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .font h6 {
            -webkit-transform: scale(0.8);
            transform: scale(0.8);
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .font h5, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .font h6, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .font h5, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .font h6 {
            margin-top: 0;
        }

    .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li {
        padding: 3px;
    }

        .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li h2, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li h5, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li h2, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li h5 {
            font-size: 12px;
            padding: 2px 0;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li h6, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li h6 {
            -webkit-transform: scale(0.8);
            transform: scale(0.8);
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li h2, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li h2 {
            margin-top: 10px;
        }

        .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li .list-remove, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li .list-remove {
            right: 7px;
            top: 7px;
        }

    .bgpurple .innerpage.container .member-main .member-card .member-inner .logistics-tracking .tracking-top .btn-box a {
        width: 100%;
        margin-bottom: 10px;
    }

    .bgpurple .innerpage.container .member-main .member-card .member-inner .logistics-tracking .tracking-bottom {
        margin-top: 10px;
    }

    .bgpurple .innerpage.container .member-main .member-card .member-inner form#check-order input {
        max-width: calc(100% - 95px);
        margin-right: 5px;
        padding: 12px;
    }

    .bgpurple .innerpage.container .member-main .member-card .member-inner form#check-order button {
        width: 90px;
        padding: 12px 5px;
    }

    .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li.td div, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li.td div, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li.td div {
        padding-left: 90px;
    }

        .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li.td div::before, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li.td div::before, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li.td div::before {
            width: 80px;
            padding: 5px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
        }

    .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info {
        padding: 10px 15px;
    }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li {
            width: 100%;
            padding: 5px 0;
        }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li p {
                font-size: 13px;
                /*text-align: center;*/
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li:nth-child(2n) {
                width: 100%;
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li:nth-child(2n) p {
                    text-align: center;
                }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li:nth-child(5) {
                padding: 10px 0 5px 0;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li:first-child {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li:nth-child(3) {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li:nth-child(2) {
                -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                order: 3;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li:nth-child(4) {
                -webkit-box-ordinal-group: 5;
                -ms-flex-order: 4;
                order: 4;
            }

            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li:nth-child(5) {
                -webkit-box-ordinal-group: 6;
                -ms-flex-order: 5;
                order: 5;
            }

    .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

        .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .info p, .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .info h6, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .info p, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .info h6 {
            line-height: 1.5;
        }

            .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .info p span.sub, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .info p span.sub {
                display: block;
                position: relative;
                top: 0;
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
                text-align: right;
            }

    .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show input[type="text"], .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show .amount, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show input[type="text"], .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show .amount {
        width: calc(100% - 81px);
    }

    .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show a.apply-btn, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show a.apply-btn {
        width: 76px;
    }

    .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show input, .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show input[type="text"], .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show a.apply-btn, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show input, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show input[type="text"], .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show a.apply-btn {
        padding: 10px 15px;
    }

    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .img {
        width: 84px;
        height: 84px;
    }

    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .info {
        width: calc(100% - 84px);
        padding: 0 0 0 10px;
    }

    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .price.first {
        width: 100%;
        padding: 20px 0 0 94px;
    }

    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .bottom-box > li input, .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .bottom-box > li select {
        padding: 4px 6px;
    }

    .bgpurple .innerpage.container.cart .cart-left .cart-block ul#tobuylist > li .bottom-box > li .amount input.amount-num {
        max-width: 100%;
    }

    .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item.name, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item.name {
        width: 100%;
        margin-right: 0;
    }

    .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item.gender, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item.gender {
        width: 100%;
    }

    .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item.address .postal input, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item.address .postal input {
        margin-right: 13px;
    }

    .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item.convenience .store select, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item.convenience .store select {
        margin-right: 13px;
    }

    .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio li label {
        padding: 15px 15px 15px 45px;
        background-position: 11px 50%;
    }

        .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio li label i {
            font-size: 45px;
        }

    .bgpurple .edit.container .edit-title.edit-inner h1 {
        font-size: 20px;
    }

    .bgpurple .edit.container .edit-block {
        /*padding: 20px 15px;*/ /*品牌故事內容改成滿版*/
    }

        .bgpurple .edit.container .edit-block ul#pagebox {
            padding: 20px 0;
        }

        .bgpurple .edit.container .edit-block ul#faq-list li .title {
            padding: 18px 20px 18px 24px;
        }

            .bgpurple .edit.container .edit-block ul#faq-list li .title h2 {
                font-size: 15px;
            }

            .bgpurple .edit.container .edit-block ul#faq-list li .title i.icon-q {
                font-size: 18px;
                left: 4px;
            }

            .bgpurple .edit.container .edit-block ul#faq-list li .title i.icon-keyboard_arrow_down {
                font-size: 22px;
                right: 0;
            }

        .bgpurple .edit.container .edit-block ul#faq-list li .answer {
            padding: 0 20px 25px 24px;
        }

    .sign-block {
        padding: 25px 20px;
    }

        .sign-block h1, .sign-block h2, .sign-block h3 {
            font-size: 20px;
        }

    .signin .sign-block .form-btn p {
        font-size: 14px;
    }

    .signin form#forget-block .form-btn a#remove-forget {
        font-size: 14px;
    }

    .signin ul.experience {
        margin: 15px 0;
    }

    .signup .sign-block#pay-atm .btn-box > a, .signup .sign-block#pay-credit .btn-box > a {
        letter-spacing: 1px;
    }

        .signup .sign-block#pay-atm .btn-box > a i, .signup .sign-block#pay-credit .btn-box > a i {
            right: 10px;
        }

    .dropdown-icon {
        display: inline-block; /* 顯示 ▼ 符號 */
    }

    /* 當螢幕小至750px以下時，寬度變為100% */
    #product-inner .GoodsHtmlA img {
        width: 100%;
    }

    #product-inner .GoodsHtmlB img {
        width: 100%;
    }

    /* Note02Detail頁面的Title當畫面縮小的時候調整一下大小 */
    #Note02Detail .Note_Title {
        display: block !important;
        font-size: 20px !important;
    }
}

@media screen and (max-width: 350px) {

    .SettingDate tr td input {
        font-size: 10px;
    }

    form .form-item.check label {
        font-size: 14px;
        background-size: 18px 18px;
        padding: 0 0 0 25px;
    }

    #footer .footer-top .container, #footer .footer-bottom .container {
        padding: 20px 5px;
    }

    #product-inner .product-image .swiper-container.gallery-big {
        height: 370px;
    }

    .bgpurple .innerpage.container .member-main .member-card .member-title h1, .bgpurple .innerpage.container .member-main .member-card .member-title h2 {
        font-size: 16px;
    }

    .bgpurple .innerpage.container .member-main .member-card .member-title i {
        margin-right: 8px;
        font-size: 20px;
    }

    .bgpurple .innerpage.container .member-main .member-card .member-inner .bigtitle {
        font-size: 16px;
        padding: 10px 5px;
    }

        .bgpurple .innerpage.container .member-main .member-card .member-inner .bigtitle p {
            padding-left: 16px;
        }

    .bgpurple .innerpage.container.cart .cart-left .cart-block > .title, .bgpurple .innerpage.container.cart .cart-right .cart-block > .title {
        padding: 20px 15px 15px 15px;
        font-size: 16px;
    }

        .bgpurple .innerpage.container.cart .cart-left .cart-block > .title > a, .bgpurple .innerpage.container.cart .cart-right .cart-block > .title > a {
            right: 15px;
        }

    .bgpurple .innerpage.container.cart .cart-left .cart-inner {
        padding: 15px;
    }

    .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li:first-child, .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li:last-child, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li:first-child, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li:last-child {
        padding: 20px 15px;
    }

    .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .title label, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .title label {
        font-size: 14px;
        background-size: 18px 18px;
        background-position: left bottom;
        padding: 0 0 0 25px;
    }

    .bgpurple .innerpage.container.cart .cart-right #total-price, .bgpurple .innerpage.container.cart .cart-right #mycart, .bgpurple .innerpage.container.cart .cart-right #myreser {
        padding: 20px 15px;
    }

        .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .info p.gray, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .info p.gray {
            font-size: 12px;
        }

            .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .info p.gray span.sub, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .info p.gray span.sub {
                font-size: 12px;
                margin-top: 5px;
            }

    .dropdown-icon {
        display: inline-block; /* 顯示 ▼ 符號 */
    }

    /* Note02Detail頁面的Title當畫面縮小的時候調整一下大小 */
    #Note02Detail .Note_Title {
        display: block !important;
        font-size: 20px !important;
    }
}

@media screen and (max-width: 319px) {

    .title-box {
        margin: 20px 0;
    }

        .title-box h2 {
            padding-bottom: 15px;
        }

    #menu ul.menu-top > li, #menu.scroll ul.menu-top > li,
    #menu.indexstyle ul.menu-top > li, #menu.indexstyle.scroll ul.menu-top > li {
        margin: 0 0 0 7px;
    }

        #menu ul.menu-top > li i, #menu.scroll ul.menu-top > li i,
        #menu.indexstyle ul.menu-top > li i, #menu.indexstyle.scroll ul.menu-top > li i {
            font-size: 22px;
        }

    #footer .footer-top .top-right > ul li {
        width: 50%;
    }

        #footer .footer-top .top-right > ul li:nth-child(2n) {
            border: none;
        }

    #footer .footer-top .top-left .font > p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #footer .footer-top .top-left .font > p span {
            margin-left: 0;
        }

    .index-section1 {
        margin: 10px auto 20px auto;
    }

    .index-section4 .sec4-block {
        padding: 0 10px 25px 10px;
        margin-bottom: 50px;
    }

        .index-section4 .sec4-block .high {
            width: 100%;
        }

    .dropdown-icon {
        display: inline-block; /* 顯示 ▼ 符號 */
    }

    /* 當螢幕小至750px以下時，寬度變為100% */
    #product-inner .GoodsHtmlA img {
        width: 100%;
    }

    #product-inner .GoodsHtmlB img {
        width: 100%;
    }

    /* Note02Detail頁面的Title當畫面縮小的時候調整一下大小 */
    #Note02Detail .Note_Title {
        display: block !important;
        font-size: 20px !important;
    }
}