@charset "UTF-8";

#ajax_loading .img {
    position: absolute;
    z-index: 10000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/images/Site/ajax_loading.gif);
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
}

.goAPP {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 10px);
    max-width: 1140px;
    max-height: calc(100vh - 10px);
    overflow-y: auto;
    background-color: #fff;
    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;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 10010;
}

    .goAPP img {
        width: 100%;
    }

    .goAPP a {
        padding-top: 5px;
        text-align: center;
        height: 40px;
        width: 100%;
        border-bottom: 1px solid #7f7f7f;
        color: #7f7f7f;
    }

* {
    position: relative;
    font-family: '微軟正黑體';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    color: #000;
}

body {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    max-height: auto;
    max-width: auto;
    overflow: auto;
}

    body.active {
        max-height: 100vh;
        max-width: 100vw;
        overflow: hidden;
    }

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

:root {
    --swiper-theme-color: #b8b8b8;
}

::-moz-selection {
    background-color: rgba(169, 123, 196, 0.2);
}

::selection {
    background-color: rgba(169, 123, 196, 0.2);
}

h1, h2 {
    font-size: 36px;
    letter-spacing: 8px;
}

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

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

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

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

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

.info-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    margin: 0 10px;
    border: 1px solid #b3b3b3;
    border-radius: 5px;
}

    .info-icon i {
        font-size: 20px;
    }

a {
    -webkit-transition: .5s;
    transition: .5s;
}

    a.color {
        color: #7f7f7f;
        text-decoration: underline;
        -webkit-transition: .3s;
        transition: .3s;
    }

        a.color:hover, a.color:focus {
            color: #a98050;
        }

hr {
    border: none;
    width: 100%;
    height: 1px;
    margin: 30px 0;
    background-color: #d1b691
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

a.underline:hover, a.underline:focus {
    color: #7f7f7f;
}

.purple {
    color: #7f7f7f;
}

.dark-purple {
    color: #7f7f7f;
}

.red {
    color: #ff3535;
}

span.origin {
    color: #b8b8b8;
    text-decoration: line-through;
}

span.discount {
    font-style: italic;
    color: #7f7f7f;
}

.remove-btn, .list-remove .favorite-remove {
    cursor: pointer;
}

    .remove-btn i, .list-remove i .favorite-remove {
        font-size: 20px;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .remove-btn:hover i, .list-remove:hover i .favorite-remove:hover i {
        color: #808080;
    }

input:focus, button:focus {
    outline: none;
}

.favorite {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 26px;
    height: 26px;
    background-image: url("../img/favorite_outline.svg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    z-index: 3;
    opacity: 0;
    height: 0;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer;
}

    .favorite.active {
        background-image: url("../img/favorite.svg");
    }

.SelectSize-Box {
    background-color: #ffffff;
    float: right;
    display: block;
    width: 100%;
    margin-left: 5px;
    padding: 20px 5px 20px 5px;
    z-index: 1;
    position: relative;
}

    .SelectSize-Box select {
        width: 100%;
    }

    .SelectSize-Box #favorite {
        border: none;
        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;
        background-color: #7f7f7f;
        min-height: 50px;
    }

        .SelectSize-Box #favorite a {
            color: #ffffff
        }

.brand > img.iris {
    display: block;
}

.brand > img.irisgirl {
    display: none;
}

.brand.isgirl > img.iris {
    display: none;
}

.brand.isgirl > img.irisgirl {
    display: block;
}

.btn-box {
    width: 100%;
}

    .btn-box 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;
        border-radius: 5px;
        padding: 12px 15px;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 3px;
        background-color: #7f7f7f;
    }

        .btn-box a i {
            color: #fff;
            position: absolute;
            top: 50%;
            right: 15px;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            -webkit-transition: .5s;
            transition: .5s;
        }

        .btn-box a:hover, .btn-box a:focus {
            background-color: #1b1b1b;
        }

        .btn-box a.black {
            background: #1b1b1b;
        }

            .btn-box a.black:hover, .btn-box a.black:focus {
                background-color: #d1b691;
            }

        .btn-box a.white {
            background-color: #fff;
            color: #1b1b1b;
            border: 1px solid #b3b3b3;
        }

            .btn-box a.white i {
                color: #1b1b1b;
            }

            .btn-box a.white:hover, .btn-box a.white:focus {
                border-color: #7f7f7f;
                color: #7f7f7f;
            }

                .btn-box a.white:hover i, .btn-box a.white:focus i {
                    color: #7f7f7f;
                }

    .btn-box.small a {
        font-size: 14px;
        letter-spacing: 2px;
    }

        .btn-box.small a.white {
            border: 2px solid #1b1b1b;
        }

            .btn-box.small a.white:hover, .btn-box.small a.white:focus {
                border-color: #7f7f7f;
            }

select {
    /*移除箭頭樣式*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*改變右邊箭頭樣式*/
    background: transparent;
    background-position: calc(100% - 10px) center;
    background-image: url("../img/select.svg");
    background-repeat: no-repeat;
    background-size: auto 60%;
    padding-right: 40px;
}

    /*IE隱藏箭頭樣式*/
    select::-ms-expand {
        display: none;
    }

/* 滾動條修改CSS(僅限-webkit-瀏覽器，chrome、safari、opera) */
::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    margin: 0;
    background: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #918e8e;
}

input, select, textarea {
    padding: 15px;
    font-family: '微軟正黑體';
    background-color: #f5f5f5;
    border: 1px solid #d8d7da;
    border-radius: 0px;
    /*解决ios上的按鈕圓角問題*/
    -webkit-appearance: none;
    /*解决ios上的內陰影問題*/
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #111;
    font-size: 16px;
    letter-spacing: 1px;
    -webkit-transition: .3s;
    transition: .3s;
}

    input::-webkit-input-placeholder, input::-webkit-input-placeholder, select::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: rgba(17, 17, 17, 0.5);
    }

    input::placeholder, input::-webkit-input-placeholder, select::placeholder, select::-webkit-input-placeholder, textarea::placeholder, textarea::-webkit-input-placeholder {
        color: rgba(17, 17, 17, 0.5);
    }

    input:focus, select:focus, textarea:focus {
        outline: none;
        border-color: #7f7f7f;
    }

    input[type="button"], button {
        -webkit-appearance: none;
        /*解决ios上的按鈕圓角問題*/
    }

select {
    padding: 15px 30px 15px 15px;
    background-image: url("../img/select-gray.svg");
    cursor: pointer;
}

    select optgroup {
        background-color: #7f7f7f;
        color: #fff;
    }

        select optgroup option {
            background-color: #f8f6fb;
            color: #111;
        }

form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    form div span {
        color: #ff4949;
    }

    form .form-item {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        margin-bottom: 25px;
    }

        form .form-item label {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: start;
            align-content: flex-start;
        }

        form .form-item .form-title, form .form-item input, form .form-item textarea {
            width: 100%;
        }

        form .form-item textarea {
            margin: 5px 0;
        }

        form .form-item .form-title {
            font-size: 16px;
            letter-spacing: 1px;
            margin-bottom: 5px;
            color: #111;
        }

            form .form-item .form-title.required::after {
                content: '*';
            }

        form .form-item input, form .form-item select {
            width: 100%;
        }

        form .form-item h6.warning {
            color: #8e3bce;
            font-size: 12px;
            margin-top: 10px;
        }

        form .form-item.check input[type="checkbox"] {
            display: none;
        }

            form .form-item.check input[type="checkbox"]:checked ~ label {
                color: #000;
                background-image: url("../img/check.svg");
            }

        form .form-item.check label {
            font-family: '微軟正黑體';
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #808080;
            background-size: 20px 20px;
            background-repeat: no-repeat;
            background-position: left center;
            cursor: pointer;
            padding: 0 0 0 28px;
            font-size: 16px;
            letter-spacing: 1px;
            background-image: url("../img/uncheck.svg");
        }

            form .form-item.check label a {
                text-decoration: underline;
                color: inherit;
                -webkit-transition: .3s;
                transition: .3s;
            }

                form .form-item.check label a:hover, form .form-item.check label a:focus {
                    color: #7f7f7f;
                }

        form .form-item.captcha label {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        form .form-item.captcha input {
            width: 215px;
            margin-right: 18px;
        }

        form .form-item.captcha img {
            height: 53px;
        }

        form .form-item.captcha p {
            margin-left: 18px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            form .form-item.captcha p 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;
            }

            form .form-item.captcha p i {
                color: #808080;
                font-size: 28px;
            }

        form .form-item.name {
            width: calc(100% / 3 * 2 - 10px);
            margin-right: 10px;
        }

        form .form-item.gender {
            width: calc(100% / 3);
        }

        form .form-item.birth {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            form .form-item.birth select {
                width: calc(100% / 3 - 10px);
                margin-right: 10px;
            }

                form .form-item.birth select:last-child {
                    width: calc(100% / 3);
                    margin-right: 0;
                }

        form .form-item.address input.postal-code {
            width: 108px;
        }

        form .form-item.address input.address {
            width: calc(100% - 118px);
            margin-left: 10px;
        }

        form .form-item.password ul {
            width: 100%;
        }

            form .form-item.password ul li {
                width: 100%;
            }

                form .form-item.password ul li img {
                    width: 22px;
                    height: 22px;
                    position: absolute;
                    right: 20px;
                    top: 50%;
                    -webkit-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    cursor: pointer;
                }

                form .form-item.password ul li.text {
                    display: none;
                }

.form-btn {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .form-btn button {
        width: 200px;
        border: none;
        background-color: #111;
        border-radius: 5px;
        color: #fff;
        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: 12px;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 3px;
        cursor: pointer;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .form-btn button a {
            color: #ffffff;
        }

        .form-btn button:hover, .form-btn button:focus {
            background-color: #7f7f7f;
        }

        .form-btn button i {
            letter-spacing: 0px;
            font-size: 17px;
        }

        .form-btn button.go i {
            color: #fff;
            margin-left: 10px;
            margin-right: -10px;
        }

        .form-btn button.back i {
            color: #fff;
            margin-left: -10px;
            margin-right: 10px;
        }

        .form-btn button.white {
            background-color: #fff;
            border: 1px solid #111;
            color: #111;
        }

            .form-btn button.white i {
                color: #111;
                margin-left: -12px;
                margin-right: 12px;
                -webkit-transition: .3s;
                transition: .3s;
            }

            .form-btn button.white:hover, .form-btn button.white:focus {
                border-color: #7f7f7f;
                color: #7f7f7f;
            }

                .form-btn button.white:hover i, .form-btn button.white:focus i {
                    color: #7f7f7f;
                }

.swiper-slide {
    background-position: center;
    background-size: cover;
}

.swiper-pagination {
    text-align: right;
}

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

    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px;
    }

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 9px rgba(128, 128, 128, 0.75);
    box-shadow: 0 0 9px rgba(128, 128, 128, 0.75);
}

.swiper-pagination-bullet-active {
    background: #918e8e;
}

#buyer_form {
    max-width: 1200px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 50px;
    margin: 5px auto 0px auto;
}

.ordercompleted {
    max-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 50px;
    margin: 50px auto 5rem auto;
}

#Login {
    width: 100%;
    /*text-align: center;*/
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    padding: 0 50px;
    margin: 10px auto 80px auto;
}


#bg-block {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(20, 19, 20, 0.5);
    z-index: 10009;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    pointer-events: none;
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

    #bg-block.active {
        opacity: 1;
        pointer-events: auto;
    }

    #bg-block.top {
        z-index: 10013;
    }

#menu-height {
    width: 100%;
    height: 178px;
}

#menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fefdff;
    z-index: 10001;
    padding-top: 7px;
    -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 {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 7px;
        background: -webkit-gradient(linear, left top, right top, from(#b8b8b8), to(#b79dca));
        background: linear-gradient(90deg, #b8b8b8, #b79dca);
        z-index: 10012;
        -webkit-transition: .5s;
        transition: .5s;
    }*/

    #menu ul.menu-top {
        position: absolute;
        top: 0;
        right: 0;
        width: 360px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 30px 0 20px;
        z-index: 10011;
        -webkit-transition: .5s;
        transition: .5s;
    }

        #menu ul.menu-top > li {
            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;
            margin: 0 0 0 20px;
            line-height: 1;
        }

            #menu ul.menu-top > li:first-child {
                margin: 0;
            }

            #menu ul.menu-top > li a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                #menu ul.menu-top > li a:hover p, #menu ul.menu-top > li a:hover i, #menu ul.menu-top > li a:focus p, #menu ul.menu-top > li a:focus i {
                    color: #7f7f7f;
                }

            #menu ul.menu-top > li a, #menu ul.menu-top > li i, #menu ul.menu-top > li p {
                color: #666;
                -webkit-transition: .3s;
                transition: .3s;
            }

            #menu ul.menu-top > li i {
                font-size: 22px;
                margin-right: 3px;
            }

            #menu ul.menu-top > li#member-btn a, #menu ul.menu-top > li#member-btn i, #menu ul.menu-top > li#search-btn a, #menu ul.menu-top > li#search-btn i {
                -webkit-transition: .3s;
                transition: .3s;
            }

                #menu ul.menu-top > li#member-btn.active p, #menu ul.menu-top > li#member-btn.active i, #menu ul.menu-top > li#member-btn a:hover p, #menu ul.menu-top > li#member-btn a:hover i, #menu ul.menu-top > li#member-btn a:focus p, #menu ul.menu-top > li#member-btn a:focus i, #menu ul.menu-top > li#search-btn.active p, #menu ul.menu-top > li#search-btn.active i, #menu ul.menu-top > li#search-btn a:hover p, #menu ul.menu-top > li#search-btn a:hover i, #menu ul.menu-top > li#search-btn a:focus p, #menu ul.menu-top > li#search-btn a:focus i {
                    color: #7f7f7f;
                }

            #menu ul.menu-top > li#search-btn i {
                font-size: 20px;
            }

            #menu ul.menu-top > li#member-btn i {
                font-size: 19px;
                margin-bottom: 1px;
            }

                #menu ul.menu-top > li#member-btn i.far fa-user {
                    display: block;
                }

                #menu ul.menu-top > li#member-btn i.fas fa-user {
                    display: none;
                }

            #menu ul.menu-top > li#member-btn.active i.far fa-user {
                display: none;
            }

            #menu ul.menu-top > li#member-btn.active i.fas fa-user {
                display: block;
            }

            #menu ul.menu-top > li#cart-btn span {
                line-height: 1;
                color: #b98662;
                background: #fff;
                border: 2px solid #b98662;
                border-radius: 100%;
                position: absolute;
                right: -5px;
                top: -5px;
                width: 18px;
                height: 18px;
                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;
                font-size: 10px;
                font-weight: bold;
                -webkit-transition: .5s;
                transition: .5s;
            }

            #menu ul.menu-top > li#cart-btn.active i {
                color: #7f7f7f;
            }

            #menu ul.menu-top > li#cart-btn.active span {
                background: #7f7f7f;
                color: #fff;
            }

        #menu ul.menu-top .fastblock {
            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;
            top: 60px;
            background-color: #fff;
            -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.3);
            box-shadow: 0 0 10px rgba(100, 100, 100, 0.3);
            z-index: 10011;
            -webkit-transform-origin: right top;
            transform-origin: right top;
            -webkit-transition: .5s;
            transition: .5s;
        }

        #menu ul.menu-top #search-block {
            opacity: 0;
            pointer-events: none;
            width: 350px;
            right: 260px;
            padding: 20px;
            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: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            #menu ul.menu-top #search-block.active {
                opacity: 1;
                pointer-events: auto;
            }

            #menu ul.menu-top #search-block .remove-btn {
                width: 20px;
            }

            #menu ul.menu-top #search-block > form {
                width: calc(100% - 40px);
                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 ul.menu-top #search-block > form input, #menu ul.menu-top #search-block > form button {
                    padding: 5px 10px;
                    height: 30px;
                    border: none;
                }

                #menu ul.menu-top #search-block > form input {
                    width: calc(100% - 45px);
                    margin-right: 10px;
                    border-radius: 0;
                    border-bottom: 1px solid #666;
                }

                    #menu ul.menu-top #search-block > form input:focus {
                        outline: none;
                        background-color: #f8f6fb;
                    }

                #menu ul.menu-top #search-block > form button {
                    width: 35px;
                    background-color: #111;
                    border-radius: 5px;
                    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 ul.menu-top #search-block > form button:hover, #menu ul.menu-top #search-block > form button:focus {
                        background-color: #7f7f7f;
                    }

                    #menu ul.menu-top #search-block > form button i {
                        color: #fff;
                        font-size: 16px;
                    }

        #menu ul.menu-top #member-block {
            right: 75px;
            opacity: 0;
            pointer-events: none;
            z-index: 10011;
        }

            #menu ul.menu-top #member-block.active {
                opacity: 1;
                pointer-events: auto;
            }

            #menu ul.menu-top #member-block .not-loggedin {
                width: 260px;
                padding: 30px;
            }

                #menu ul.menu-top #member-block .not-loggedin h5 {
                    width: 100%;
                    text-align: center;
                    font-weight: bold;
                    line-height: 1;
                }

                    #menu ul.menu-top #member-block .not-loggedin h5.gray a {
                        text-decoration: underline;
                        color: #808080;
                    }

                #menu ul.menu-top #member-block .not-loggedin .btn-box {
                    margin: 20px 0;
                }

            #menu ul.menu-top #member-block .loggedin {
                width: 420px;
                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;
            }

                #menu ul.menu-top #member-block .loggedin .remove-btn {
                    position: absolute;
                    right: 20px;
                    top: 20px;
                    z-index: 10002;
                }

                #menu ul.menu-top #member-block .loggedin > .title {
                    width: 100%;
                    padding: 30px;
                    background-color: #f8f6fb;
                }

                    #menu ul.menu-top #member-block .loggedin > .title h5 {
                        font-weight: bold;
                    }

                        #menu ul.menu-top #member-block .loggedin > .title h5 a {
                            font-size: 14px;
                            color: #808080;
                            text-decoration: underline;
                        }

                            #menu ul.menu-top #member-block .loggedin > .title h5 a:hover, #menu ul.menu-top #member-block .loggedin > .title h5 a:focus {
                                color: #7f7f7f;
                            }

            #menu ul.menu-top #member-block .loggedin, #menu ul.menu-top #member-block .not-loggedin {
                display: none;
            }

                #menu ul.menu-top #member-block .loggedin.active, #menu ul.menu-top #member-block .not-loggedin.active {
                    display: block;
                }

            #menu ul.menu-top #member-block .content {
                width: 100%;
                padding: 30px;
                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;
            }

                #menu ul.menu-top #member-block .content .content-left {
                    width: calc(100% - 365px);
                }

                    #menu ul.menu-top #member-block .content .content-left div p {
                        font-weight: bold;
                        font-family: '微軟正黑體';
                    }

                    #menu ul.menu-top #member-block .content .content-left div a {
                        font-size: 14px;
                        color: #808080;
                        text-decoration: underline;
                    }

                        #menu ul.menu-top #member-block .content .content-left div a:hover, #menu ul.menu-top #member-block .content .content-left div a:focus {
                            color: #7f7f7f;
                        }

                    #menu ul.menu-top #member-block .content .content-left .bonus {
                        margin-bottom: 40px;
                    }

                    #menu ul.menu-top #member-block .content .content-left .newOrder {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-line-pack: end;
                        align-content: flex-end;
                        -webkit-box-align: end;
                        -ms-flex-align: end;
                        align-items: flex-end;
                        margin-bottom: 15px;
                    }

                        #menu ul.menu-top #member-block .content .content-left .newOrder a {
                            margin-left: 5px;
                        }

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

                        #menu ul.menu-top #member-block .content .content-left .orderNum p {
                            margin-bottom: 10px;
                        }

                        #menu ul.menu-top #member-block .content .content-left .orderNum h6 {
                            color: #808080;
                            line-height: 1.5;
                        }

                #menu ul.menu-top #member-block .content .content-right {
                    width: 365px;
                }

                    #menu ul.menu-top #member-block .content .content-right > .title {
                        border-bottom: 2px solid #111;
                        padding-bottom: 10px;
                    }

                        #menu ul.menu-top #member-block .content .content-right > .title p {
                            font-weight: bold;
                        }

                    #menu ul.menu-top #member-block .content .content-right a:hover, #menu ul.menu-top #member-block .content .content-right a:focus {
                        -webkit-transition: .3s;
                        transition: .3s;
                        color: #7f7f7f;
                    }

                        #menu ul.menu-top #member-block .content .content-right a:hover i, #menu ul.menu-top #member-block .content .content-right a:focus i {
                            color: #7f7f7f;
                        }

                    #menu ul.menu-top #member-block .content .content-right ul.member-tool {
                        width: 100%;
                        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;
                        margin-top: 7.5px;
                    }

                        #menu ul.menu-top #member-block .content .content-right ul.member-tool > li {
                            width: 50%;
                            padding-right: 10px;
                        }

                            #menu ul.menu-top #member-block .content .content-right ul.member-tool > li a {
                                width: 100%;
                                padding: 7.5px 2px;
                                font-size: 16px;
                                font-weight: bold;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                -webkit-box-pack: start;
                                -ms-flex-pack: start;
                                justify-content: flex-start;
                            }

                                #menu ul.menu-top #member-block .content .content-right ul.member-tool > li a i {
                                    font-size: 20px;
                                    margin-right: 10px;
                                    -webkit-transition: .3s;
                                    transition: .3s;
                                }

                                    #menu ul.menu-top #member-block .content .content-right ul.member-tool > li a i.far fa-comment-dots {
                                        margin-left: -1px;
                                        font-size: 18px;
                                    }

        #menu ul.menu-top #cart-block {
            opacity: 0;
            pointer-events: none;
            right: 20px;
            width: 400px;
            padding: 20px;
        }

            #menu ul.menu-top #cart-block.active {
                opacity: 1;
                pointer-events: auto;
            }

            #menu ul.menu-top #cart-block .title {
                width: 100%;
                padding: 0 5px 10px 5px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                border-bottom: 1px solid #000;
            }

                #menu ul.menu-top #cart-block .title h5 {
                    font-weight: bold;
                    line-height: 1;
                }

                #menu ul.menu-top #cart-block .title i {
                    color: #000;
                }

            #menu ul.menu-top #cart-block ul#cart-list {
                width: 100%;
                height: auto;
                max-height: 297px;
                overflow-y: auto;
                margin: 15px 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-flex-line-pack: start;
                align-content: flex-start;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
            }

                #menu ul.menu-top #cart-block ul#cart-list li {
                    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;
                    padding-right: 15px;
                    margin-bottom: 15px;
                }

                    #menu ul.menu-top #cart-block ul#cart-list li:last-child {
                        margin-bottom: 0;
                    }

                    #menu ul.menu-top #cart-block ul#cart-list li a {
                        width: 100%;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                    }

                        #menu ul.menu-top #cart-block ul#cart-list li a::after {
                            content: '';
                            position: absolute;
                            left: 0;
                            top: 0;
                            width: 100%;
                            height: 100%;
                            border: 1px solid #7f7f7f;
                            opacity: 0;
                            -webkit-transition: .3s;
                            transition: .3s;
                        }

                        #menu ul.menu-top #cart-block ul#cart-list li a:hover::after, #menu ul.menu-top #cart-block ul#cart-list li a:focus::after {
                            opacity: 1;
                        }

                        #menu ul.menu-top #cart-block ul#cart-list li a:hover .font p, #menu ul.menu-top #cart-block ul#cart-list li a:focus .font p {
                            color: #7f7f7f;
                        }

                        #menu ul.menu-top #cart-block ul#cart-list li a .img {
                            width: 75px;
                            height: 100px;
                            background-size: contain;
                            background-color: #fbfbfb;
                        }

                    #menu ul.menu-top #cart-block ul#cart-list li .list-remove {
                        position: absolute;
                        right: 12px;
                        top: 0;
                        display: flex;
                        z-index: 10009;
                    }

                    #menu ul.menu-top #cart-block ul#cart-list li a .font {
                        width: calc(100% - 100px);
                        padding: 0px 20px 0px 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 #cart-block ul#cart-list li a .font p {
                            font-weight: bold;
                            width: 100%;
                            padding: 5px 0;
                            font-family: '微軟正黑體';
                        }

                    #menu ul.menu-top #cart-block ul#cart-list li#menu-nocart {
                        display: none;
                        padding: 30px 0;
                        text-align: center;
                    }

    #menu .logo {
        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: 33px 20px 25px 20px;
        background-color: #fefdff;
        z-index: 10010;
        -webkit-transition: .5s;
        transition: .5s;
    }

        #menu .logo a {
            height: 57px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            #menu .logo a img {
                width: 100%;
                height: auto;
                -webkit-transition: .3s;
                transition: .3s;
            }

            #menu .logo a:hover img, #menu .logo a:focus img {
                opacity: .5;
            }

    #menu .menu-bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: .5s;
        transition: .5s;
    }

        #menu .menu-bottom #burger {
            display: none;
        }

        #menu .menu-bottom ul#menu-list {
            width: 100%;
            max-width: 1250px;
            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: .5s;
            transition: .5s;
        }

            #menu .menu-bottom ul#menu-list li {
                line-height: 1;
                -webkit-transition: .5s;
                transition: .5s;
            }

                #menu .menu-bottom ul#menu-list li a {
                    color: #333333;
                    font-weight: bold;
                }



            #menu .menu-bottom ul#menu-list .pc-hide {
                display: none;
            }

            #menu .menu-bottom ul#menu-list > li {
                padding: 15px 25px 22px 25px;
            }

                #menu .menu-bottom ul#menu-list > li h5 i {
                    display: none;
                }

                #menu .menu-bottom ul#menu-list > li::before {
                    content: '';
                    position: absolute;
                    right: 0;
                    top: 20%;
                    -webkit-transform: translate(0, 0) scale(0, 0);
                    transform: translate(0, 0) scale(0, 0);
                    -webkit-transition: .3s;
                    transition: .3s;
                    width: 20px;
                    height: 20px;
                    /*background-image: url("../img/logoS.svg");*/
                    background-size: contain;
                    background-position: center center;
                    background-repeat: no-repeat;
                }

                #menu .menu-bottom ul#menu-list > li:hover::before {
                    -webkit-transform: translate(0, 0) scale(1, 1);
                    transform: translate(0, 0) scale(1, 1);
                }

                #menu .menu-bottom ul#menu-list > li > ul.inner-list {
                    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: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    width: 120%;
                    position: absolute;
                    top: calc(100% - 10px);
                    left: 10px;
                    opacity: 0;
                    pointer-events: none;
                    -webkit-transition: .5s;
                    transition: .5s;
                }

                    #menu .menu-bottom ul#menu-list > li > ul.inner-list > li {
                        width: 100%;
                    }

                        #menu .menu-bottom ul#menu-list > li > ul.inner-list > li > h5 {
                            line-height: 1.5;
                            width: 100%;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            border: 1px solid #d7d7d7;
                            border-bottom: none;
                            background-color: #f5f1f7;
                            padding: 10px 15px;
                        }

                        #menu .menu-bottom ul#menu-list > li > ul.inner-list > li div {
                            line-height: 1.5;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            width: 100%;
                            border: 1px solid #d7d7d7;
                            border-bottom: none;
                            background-color: #ffffff;
                        }

                            #menu .menu-bottom ul#menu-list > li > ul.inner-list > li div.childmenu {
                                display: block;
                                position: absolute;
                                top: 0;
                                left: 100%;
                            }

                            #menu .menu-bottom ul#menu-list > li > ul.inner-list > li div span {
                                line-height: 1.5;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                width: 100%;
                            }

                                #menu .menu-bottom ul#menu-list > li > ul.inner-list > li div span i {
                                    line-height: 1.5;
                                    display: -webkit-box;
                                    display: -ms-flexbox;
                                    display: flex;
                                    padding: 10px 15px;
                                }

                                #menu .menu-bottom ul#menu-list > li > ul.inner-list > li div span h5 {
                                    width: 100%;
                                    line-height: 1.5;
                                    display: -webkit-box;
                                    display: -ms-flexbox;
                                    display: flex;
                                    padding: 10px 15px;
                                }

                                    #menu .menu-bottom ul#menu-list > li > ul.inner-list > li div span h5 a {
                                        display: -webkit-box;
                                        display: -ms-flexbox;
                                        display: flex;
                                    }

                            #menu .menu-bottom ul#menu-list > li > ul.inner-list > li div h5 {
                                line-height: 1.9;
                                border: 1px solid #d7d7d7;
                                border-bottom: none;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                width: 100%;
                                padding: 10px 20px;
                            }

                                #menu .menu-bottom ul#menu-list > li > ul.inner-list > li div h5 a {
                                    display: -webkit-box;
                                    display: -ms-flexbox;
                                    display: flex;
                                    width: 100%;
                                }

                        #menu .menu-bottom ul#menu-list > li > ul.inner-list > li > h5:hover, #menu .menu-bottom ul#menu-list > li > ul.inner-list > li > h5:focus {
                            background-color: #b8b8b8;
                        }

                        #menu .menu-bottom ul#menu-list > li > ul.inner-list > li div span:hover, #menu .menu-bottom ul#menu-list > li > ul.inner-list > li div span:focus {
                            background-color: #e6e4e1;
                        }


                        #menu .menu-bottom ul#menu-list > li > ul.inner-list > li div h6:hover, #menu .menu-bottom ul#menu-list > li > ul.inner-list > li div h6:focus {
                            background-color: #b8b8b8;
                        }

                        #menu .menu-bottom ul#menu-list > li > ul.inner-list > li:last-child {
                            border-bottom: 1px solid #d7d7d7;
                        }

                        #menu .menu-bottom ul#menu-list > li > ul.inner-list > li div.childmenu:last-child {
                            border-bottom: 1px solid #d7d7d7;
                        }

                #menu .menu-bottom ul#menu-list > li > ul.logo-list {
                    position: absolute;
                    top: calc(100% - 10px);
                    left: 50%;
                    -webkit-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
                    width: 450px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    border: 5px solid #fff;
                    -webkit-box-shadow: 2px 2px 5px rgba(100, 100, 100, 0.3);
                    box-shadow: 2px 2px 5px rgba(100, 100, 100, 0.3);
                    opacity: 0;
                    pointer-events: none;
                    -webkit-transition: .5s;
                    transition: .5s;
                }

                    #menu .menu-bottom ul#menu-list > li > ul.logo-list > li {
                        width: 50%;
                    }

                        #menu .menu-bottom ul#menu-list > li > ul.logo-list > li a {
                            width: 100%;
                            padding: 20px;
                            height: 100px;
                            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 .menu-bottom ul#menu-list > li > ul.logo-list > li a img {
                                width: auto;
                                height: 90%;
                            }

                        #menu .menu-bottom ul#menu-list > li > ul.logo-list > li:first-child a {
                            background-color: #f1eff4;
                        }

                            #menu .menu-bottom ul#menu-list > li > ul.logo-list > li:first-child a:hover, #menu .menu-bottom ul#menu-list > li > ul.logo-list > li:first-child a:focus {
                                background-color: #e2ddee;
                            }

                        #menu .menu-bottom ul#menu-list > li > ul.logo-list > li:nth-child(2) a {
                            background-color: #e2eaf5;
                        }

                            #menu .menu-bottom ul#menu-list > li > ul.logo-list > li:nth-child(2) a:hover, #menu .menu-bottom ul#menu-list > li > ul.logo-list > li:nth-child(2) a:focus {
                                background-color: #d2dff0;
                            }

                        #menu .menu-bottom ul#menu-list > li > ul.logo-list > li:first-child a img {
                            height: 80%;
                        }

                #menu .menu-bottom ul#menu-list > li:hover > ul.inner-list,
                #menu .menu-bottom ul#menu-list > li:hover > ul.logo-list {
                    opacity: 1;
                    pointer-events: auto;
                }

    #menu.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;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 4px;
    }

        #menu.scroll::before {
            height: 4px;
        }

        #menu.scroll ul.menu-top {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

            #menu.scroll ul.menu-top .fastblock {
                top: 55px;
            }

        #menu.scroll .logo {
            padding: 12px 0 8px 20px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 0;
        }

            #menu.scroll .logo a {
                height: 38px;
            }

        #menu.scroll .menu-bottom {
            width: 100%;
            z-index: 10009;
        }

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

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

#menu-height.indexstyle {
    height: 0;
}

#menu.indexstyle {
    padding-top: 0;
    /*    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.9)));
    background: linear-gradient(rgba(255, 255, 255, 0.2) 60%, rgba(255, 255, 255, 0.9));*/
    background-size: 100% 300%;
    background-position: top center;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: .5s;
    transition: .5s;
}

    #menu.indexstyle:hover {
        background-position: bottom center;
    }

    #menu.indexstyle .logo {
        background-color: transparent;
    }

    #menu.indexstyle .menu-bottom {
        background-color: transparent;
    }

    #menu.indexstyle.scroll {
        background: #fff;
        -webkit-box-shadow: 0 0 5px rgba(100, 100, 100, 0.3);
        box-shadow: 0 0 5px rgba(100, 100, 100, 0.3);
    }

        #menu.indexstyle.scroll .logo {
            top: 0;
            margin-bottom: 0;
            background-color: transparent;
            padding: 10px 0 10px 20px;
        }

        #menu.indexstyle.scroll .menu-bottom ul#menu-list {
            max-width: 900px;
        }

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

    #menu.indexstyle.active .logo {
        background-color: #fefdff;
    }

    #menu.indexstyle::before {
        display: none;
    }

    #menu.indexstyle ul.menu-top > li#cart-btn span {
        right: -5px;
        background: #fff;
    }

    #menu.indexstyle ul.menu-top > li#cart-btn.active span {
        background: #7f7f7f;
    }

    #menu.indexstyle .logo {
        margin-bottom: 10px;
    }

    #menu.indexstyle ul.menu-top > li a, #menu.indexstyle ul.menu-top > li i, #menu.indexstyle ul.menu-top > li p {
        color: #000;
    }

    #menu.indexstyle .menu-bottom ul#menu-list {
        max-width: 900px;
    }

        #menu.indexstyle .menu-bottom ul#menu-list > li {
            padding: 25px 18px;
        }

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

        #menu.indexstyle .menu-bottom ul#menu-list li a {
            color: #333333;
        }

            #menu.indexstyle .menu-bottom ul#menu-list li a:hover, #menu.indexstyle .menu-bottom ul#menu-list li a:focus {
                color: #7f7f7f;
            }

#gotop {
    position: fixed;
    right: 1%;
    bottom: 2%;
    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;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer;
}

    #gotop p span {
        color: #b8b8b8;
        font-size: 12px;
    }

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

    #gotop.scroll {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        pointer-events: auto;
    }

    #gotop.down {
        bottom: 246px;
    }

    #gotop .topimg {
        width: 100%;
        height: 64px;
        margin-bottom: 15px;
    }

        #gotop .topimg .topline {
            width: 1px;
            height: 100%;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            background-color: #b8b8b8;
        }

        #gotop .topimg .topball {
            width: 6px;
            height: 6px;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            border-radius: 100%;
            background-color: #bf9fc6;
            position: absolute;
            left: 50%;
            top: 100%;
            -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            z-index: 101;
            -webkit-animation: gotopball 2s infinite ease-in-out;
            animation: gotopball 2s infinite ease-in-out;
        }

            #gotop .topimg .topball::before, #gotop .topimg .topball::after {
                content: '';
                width: 30px;
                height: 30px;
                background-color: rgba(255, 255, 255, 0.2);
                border-radius: 100%;
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                z-index: 100;
            }

            #gotop .topimg .topball::before {
                -webkit-animation: diffusion 2s infinite ease-in-out;
                animation: diffusion 2s infinite ease-in-out;
            }

            #gotop .topimg .topball::after {
                -webkit-animation: diffusion 1.5s infinite ease-in-out;
                animation: diffusion 1.5s infinite ease-in-out;
                -webkit-animation-delay: .5s;
                animation-delay: .5s;
            }

@-webkit-keyframes gotopball {
    0% {
        top: 100%;
    }

    to {
        top: 0%;
    }
}

@keyframes gotopball {
    0% {
        top: 100%;
    }

    to {
        top: 0%;
    }
}

@-webkit-keyframes diffusion {
    0%, to {
        width: 0;
        height: 0;
    }

    50% {
        width: 30px;
        height: 30px;
    }
}

@keyframes diffusion {
    0%, to {
        width: 0;
        height: 0;
    }

    50% {
        width: 30px;
        height: 30px;
    }
}

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

    #footer .footer-top .container, #footer .footer-bottom .container {
        width: 100%;
        max-width: 1840px;
        padding: 20px 40px;
    }

#footer .footer-top {
    background: #fafafa;
    padding: 40px 0;
}

    #footer .footer-top .container {
        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;
    }

    #footer .footer-top .top-left {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

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

            #footer .footer-top .top-left .logo img {
                width: 100%;
            }

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

            #footer .footer-top .top-left .font > p {
                color: #666;
                font-weight: bold;
                font-size: 16px;
            }

                #footer .footer-top .top-left .font > p span {
                    font-size: 14px;
                    font-family: '微軟正黑體';
                    margin-left: 10px;
                    color: #666;
                }

            #footer .footer-top .top-left .font > ul {
                margin-top: 5px;
                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;
            }

                #footer .footer-top .top-left .font > ul li {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    font-size: 14px;
                    color: #444;
                    margin-right: 30px;
                }

                    #footer .footer-top .top-left .font > ul li i {
                        margin-right: 5px;
                    }

                    #footer .footer-top .top-left .font > ul li a:hover, #footer .footer-top .top-left .font > ul li a:focus {
                        text-decoration: underline;
                        color: #7f7f7f;
                    }

    #footer .footer-top .top-right {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        #footer .footer-top .top-right > ul {
            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;
        }

            #footer .footer-top .top-right > ul li {
                padding: 0 25px;
                line-height: 0.9;
                border-right: 1px solid #444;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                #footer .footer-top .top-right > ul li:last-child {
                    padding-right: 0;
                    border-right: none;
                }

                #footer .footer-top .top-right > ul li a {
                    line-height: 1;
                    font-size: 14px;
                    color: #444;
                }

                    #footer .footer-top .top-right > ul li a:hover, #footer .footer-top .top-right > ul li a:focus {
                        text-decoration: underline;
                        color: #7f7f7f;
                    }

#footer .footer-bottom {
    width: 100%;
    background: #fff;
}

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

    #footer .footer-bottom h6 {
        font-size: 12px;
        color: rgba(102, 102, 102, 0.7);
    }

    #footer .footer-bottom .follow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #footer .footer-bottom .follow img {
            width: 26px;
            height: 29px;
            margin-left: 5px;
        }

        #footer .footer-bottom .follow a i {
            color: rgba(102, 102, 102, 0.7);
            margin-left: 15px;
        }

        #footer .footer-bottom .follow a:hover i, #footer .footer-bottom .follow a:focus i {
            color: #7f7f7f;
        }

.swiper-container#index-banner {
    margin-top: 190px;
    width: 100%;
    max-width: 1800px;
}

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

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

    .swiper-container#index-banner .swiper-slide {
        width: 100%;
    }

        .swiper-container#index-banner .swiper-slide img {
            width: 100%;
            height: auto;
        }

.more-box {
    width: 100%;
    margin: 80px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .more-box a {
        padding: 15px 68px;
        font-weight: bold;
        color: #7f7f7f;
        border-top: 1px solid #bea0c6;
        border-bottom: 1px solid #bea0c6;
        font-family: '微軟正黑體';
    }

        .more-box a i {
            color: #bea0c6;
            margin-left: 10px;
            margin-right: -10px;
            -webkit-transition: .5s;
            transition: .5s;
        }

        .more-box a:hover, .more-box a:focus {
            color: #a98050;
            border-color: #a98050;
        }

            .more-box a:hover i, .more-box a:focus i {
                margin-left: 20px;
                color: #a98050;
            }

.title-box {
    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;
    margin: 45px 0;
}

    .title-box h2 {
        font-weight: bold;
        color: #111;
        padding-bottom: 30px;
        font-family: '微軟正黑體';
    }

        .title-box h2::after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: 0;
            -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            width: 84px;
            height: 7px;
            background-color: #b8b8b8;
            -webkit-animation: titlebar 3s infinite ease-out;
            animation: titlebar 3s infinite ease-out;
        }

@-webkit-keyframes titlebar {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, 0) scale(0, 1);
        transform: translate(-50%, 0) scale(0, 1);
    }

    80% {
        -webkit-transform: translate(-50%, 0) scale(4, 0);
        transform: translate(-50%, 0) scale(4, 0);
    }

    100% {
        opacity: 0;
    }
}

@keyframes titlebar {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, 0) scale(0, 1);
        transform: translate(-50%, 0) scale(0, 1);
    }

    80% {
        -webkit-transform: translate(-50%, 0) scale(4, 0);
        transform: translate(-50%, 0) scale(4, 0);
    }

    100% {
        opacity: 0;
    }
}

.swiper-container.shop-item .swiper-slide {
    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;
}

    .swiper-container.shop-item .swiper-slide a {
        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;
        width: 100%;
        height: 100%;
        padding-bottom: 20px;
    }

        .swiper-container.shop-item .swiper-slide a::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 99%;
            height: 99%;
            border: 2px solid #b8b8b8;
            opacity: 0;
            -webkit-transition: .3s;
            transition: .3s;
        }

        .swiper-container.shop-item .swiper-slide a:hover::before, .swiper-container.shop-item .swiper-slide a:focus::before {
            opacity: 1;
        }

        .swiper-container.shop-item .swiper-slide a:hover h5, .swiper-container.shop-item .swiper-slide a:hover h6, .swiper-container.shop-item .swiper-slide a:focus h5, .swiper-container.shop-item .swiper-slide a:focus h6 {
            color: #7f7f7f;
        }

        .swiper-container.shop-item .swiper-slide a img {
            width: 100%;
            margin-bottom: 8px;
        }

        .swiper-container.shop-item .swiper-slide a h5, .swiper-container.shop-item .swiper-slide a h6:nth-child(2) {
            width: 100%;
            text-align: center;
            height: 40px;
            line-height: 1.8;
            -webkit-transition: .5s;
            transition: .5s;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .swiper-container.shop-item .swiper-slide a h5, .swiper-container.shop-item .swiper-slide a h6 {
            width: 100%;
            text-align: center;
            line-height: 1.8;
            -webkit-transition: .5s;
            transition: .5s;
        }

        .swiper-container.shop-item .swiper-slide a h5 {
            font-weight: bold;
        }

.index-section1 {
    width: 100%;
    max-width: 1800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 20px;
    margin: 30px auto 80px auto;
}

    .index-section1 .img {
        width: 100%;
    }

        .index-section1 .img a img {
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
        }

    .index-section1 .shop-item {
        width: 100%;
    }

    .index-section1 .swiper-container#index-recom {
        width: 100%;
        padding: 0 200px;
        height: 100%;
    }

        .index-section1 .swiper-container#index-recom::before, .index-section1 .swiper-container#index-recom::after {
            content: '';
            position: absolute;
            top: 0;
            width: 200px;
            height: 100%;
            background-color: #fff;
            z-index: 2;
        }

        .index-section1 .swiper-container#index-recom::before {
            left: 0;
        }

        .index-section1 .swiper-container#index-recom::after {
            right: 0;
        }

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

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

.index-section2 {
    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;
    margin-bottom: 13%;
}

    .index-section2::after {
        content: '';
        position: absolute;
        top: 40%;
        left: 0;
        width: 100%;
        height: 70%;
        background-color: #f8f6fb;
        z-index: -1;
    }

    .index-section2 ul.poka {
        width: 100%;
        max-width: 1600px;
        padding: 20px;
        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: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .index-section2 ul.poka li {
            width: calc(100% / 3 - 10px);
        }

            .index-section2 ul.poka li a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                width: 100%;
            }

                .index-section2 ul.poka li a .img {
                    width: 100%;
                    height: auto;
                }

                    .index-section2 ul.poka li a .img img {
                        width: 100%;
                        height: auto;
                    }

                    .index-section2 ul.poka li a .img::before {
                        content: '';
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        -webkit-transform: translate(-50%, -50%) scale(1.05, 1.05);
                        transform: translate(-50%, -50%) scale(1.05, 1.05);
                        opacity: 0;
                        -webkit-transition: .5s;
                        transition: .5s;
                        width: calc(100% - 20px);
                        height: calc(100% - 20px);
                        border: 1px solid #fff;
                        z-index: 5;
                    }

                .index-section2 ul.poka li a h4 {
                    width: 100%;
                    margin-top: 12px;
                    padding: 18px 0;
                    font-weight: bold;
                    text-align: center;
                    -webkit-transition: .3s;
                    transition: .3s;
                }

                    .index-section2 ul.poka li a h4.hide {
                        margin-top: 0;
                        opacity: 0;
                    }

                        .index-section2 ul.poka li a h4.hide i {
                            margin-left: 10px;
                        }

                        .index-section2 ul.poka li a h4.hide::before {
                            content: '';
                            position: absolute;
                            left: 50%;
                            top: 0;
                            -webkit-transform: translate(-50%, 0) scale(0, 1);
                            transform: translate(-50%, 0) scale(0, 1);
                            width: 50%;
                            height: 2px;
                            background: #7f7f7f;
                            -webkit-transition: .5s;
                            transition: .5s;
                        }

                .index-section2 ul.poka li a:hover .img::before, .index-section2 ul.poka li a:focus .img::before {
                    -webkit-transform: translate(-50%, -50%) scale(1, 1);
                    transform: translate(-50%, -50%) scale(1, 1);
                    opacity: 1;
                }

                .index-section2 ul.poka li a:hover h4, .index-section2 ul.poka li a:hover h4 i, .index-section2 ul.poka li a:focus h4, .index-section2 ul.poka li a:focus h4 i {
                    color: #7f7f7f;
                }

                    .index-section2 ul.poka li a:hover h4.hide, .index-section2 ul.poka li a:focus h4.hide {
                        opacity: 1;
                    }

                        .index-section2 ul.poka li a:hover h4.hide::before, .index-section2 ul.poka li a:focus h4.hide::before {
                            -webkit-transform: translate(-50%, 0) scale(1, 1);
                            transform: translate(-50%, 0) scale(1, 1);
                        }

.index-section4 .sec4-block {
    width: calc(100% - 120px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto;
    margin-bottom: 150px;
    padding: 100px 0;
    background: #fafafa;
}

    .index-section4 .sec4-block .high {
        max-width: 600px;
        width: calc(100% / 3);
        margin-left: -120px;
        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;
        padding: 189px 0;
        background: -webkit-gradient(linear, left top, left bottom, from(#f5f1f7), to(#ede4f1));
        background: linear-gradient(#f5f1f7, #ede4f1);
    }

        .index-section4 .sec4-block .high .img {
            width: 230px;
        }

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

        .index-section4 .sec4-block .high .more-box {
            margin: 50px 0 0 0;
        }

            .index-section4 .sec4-block .high .more-box h5 {
                letter-spacing: 3px;
            }

            .index-section4 .sec4-block .high .more-box a {
                padding: 15px 40px;
            }

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

        .index-section4 .sec4-block .swiper-container#index-high::before, .index-section4 .sec4-block .swiper-container#index-high::after {
            content: '';
            position: absolute;
            top: 0;
            width: 50px;
            height: 100%;
            background-color: #fafafa;
            z-index: 2;
        }

        .index-section4 .sec4-block .swiper-container#index-high::before {
            left: 0;
        }

        .index-section4 .sec4-block .swiper-container#index-high::after {
            right: 0;
        }

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

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

ul.news-list {
    width: 100%;
}

    ul.news-list li {
        width: 100%;
    }

        ul.news-list li a {
            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: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            border-bottom: 1px solid rgba(191, 159, 198, 0.5);
            padding: 25px 35px;
        }

            ul.news-list li a div {
                letter-spacing: 1px;
                font-weight: bold;
                font-family: '微軟正黑體';
            }

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

            ul.news-list li a .read {
                font-size: 16px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                ul.news-list li a .read p {
                    color: #7f7f7f;
                }

                ul.news-list li a .read i {
                    font-size: 24px;
                    margin-left: 15px;
                    color: #7f7f7f;
                    -webkit-transition: .5s;
                    transition: .5s;
                }

            ul.news-list li a .date, ul.news-list li a .read {
                width: 100px;
                color: #7f7f7f;
            }

            ul.news-list li a .title {
                color: #666;
                width: calc(100% - 200px);
                padding: 0 20px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            ul.news-list li a:hover, ul.news-list li a:focus {
                background-color: #f8f6fb;
            }

                ul.news-list li a:hover .read i, ul.news-list li a:focus .read i {
                    margin-left: 25px;
                }

.index-news {
    width: 100%;
    max-width: 1040px;
    padding: 0 20px;
    margin: 100px auto;
}

    .index-news .more-box {
        margin: 30px 0;
    }

        .index-news .more-box a {
            border: none;
            letter-spacing: 3px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .index-news .more-box a i {
                font-size: 24px;
            }

.innerpage.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

ul.linkaddress {
    width: 100%;
    margin: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    ul.linkaddress > li {
        font-size: 14px;
    }

        ul.linkaddress > li::after {
            content: '>';
            padding: 0 8px;
        }

        ul.linkaddress > li:last-child::after {
            display: none;
        }

        ul.linkaddress > li a {
            color: #808080;
        }

            ul.linkaddress > li a:hover, ul.linkaddress > li a:focus {
                color: #7f7f7f;
                text-decoration: underline;
            }

#product-inner {
    width: 100%;
}

    #product-inner .product-image {
        width: 100%;
        margin-bottom: 40px;
        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;
    }

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

            #product-inner .product-image .swiper-container .swiper-slide {
                background-size: cover;
                background-position: center;
            }

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

                #product-inner .product-image .swiper-container.gallery-big .swiper-slide {
                    cursor: -webkit-grab;
                    cursor: grab;
                }

                #product-inner .product-image .swiper-container.gallery-big ul.color-img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    z-index: 3;
                }


                    #product-inner .product-image .swiper-container.gallery-big ul.color-img li {
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        background-size: cover;
                        background-position: center center;
                        opacity: 0;
                        pointer-events: none;
                        -webkit-transition: .5s;
                        transition: .5s;
                        cursor: pointer;
                    }

                        #product-inner .product-image .swiper-container.gallery-big ul.color-img li.active {
                            opacity: 1;
                            pointer-events: auto;
                        }

                #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: none;
                }

            #product-inner .product-image .swiper-container.gallery-thumbs {
                width: 155px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

                #product-inner .product-image .swiper-container.gallery-thumbs::before, #product-inner .product-image .swiper-container.gallery-thumbs::after {
                    content: '';
                    position: absolute;
                    left: 0;
                    width: 100%;
                    height: 50px;
                    z-index: 2;
                    pointer-events: none;
                }

                #product-inner .product-image .swiper-container.gallery-thumbs::before {
                    top: 0;
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff), color-stop(80%, transparent));
                    background: linear-gradient(#fff 10%, transparent 80%);
                }

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

                #product-inner .product-image .swiper-container.gallery-thumbs .swiper-wrapper {
                    padding-top: 30px;
                    z-index: 1;
                }

                #product-inner .product-image .swiper-container.gallery-thumbs .swiper-slide {
                    opacity: 0.4;
                    cursor: pointer;
                }

                #product-inner .product-image .swiper-container.gallery-thumbs .swiper-slide-thumb-active {
                    opacity: 1;
                    border: 2px solid #7f7f7f;
                }

                #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-next, #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-prev {
                    left: 50%;
                    opacity: 1;
                    -webkit-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
                    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;
                    background-color: #eeeeee;
                    width: 25px;
                    height: 25px;
                    border: 3px solid #fff;
                    border-radius: 5px;
                    -webkit-box-sizing: content-box;
                    box-sizing: content-box;
                    -webkit-transition: .3s;
                    transition: .3s;
                    z-index: 3;
                }

                    #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-next i, #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-prev i {
                        color: #bf9fc6;
                        -webkit-transition: .3s;
                        transition: .3s;
                    }

                    #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-next::after, #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-prev::after {
                        content: '';
                    }

                    #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-next:hover, #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-prev:hover {
                        background-color: #bf9fc6;
                    }

                        #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-next:hover i, #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-prev:hover i {
                            color: #fff;
                        }

                    #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-next.swiper-button-disabled, #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-prev.swiper-button-disabled {
                        background-color: #918e8e;
                    }

                        #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-next.swiper-button-disabled i, #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-prev.swiper-button-disabled i {
                            color: #e7d6eb;
                        }

                #product-inner .product-image .swiper-container.gallery-thumbs .swiper-button-prev {
                    top: 20px;
                    bottom: auto;
                }

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

        #product-inner .product-image .product-font {
            width: calc(100% - 780px);
            margin-left: 10px;
            background-color: #f5f5f5;
            padding: 45px 25px 20px 25px;
        }

            #product-inner .product-image .product-font h1 {
                font-size: 18px;
                letter-spacing: 2px;
                font-weight: bold;
                line-height: 1;
                margin: 20px 0 30px 0;
            }

    #product-inner ul.product-content {
        width: 100%;
        margin: 40px 0;
        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;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #product-inner ul.product-content > li {
            width: calc(100% - 20px);
            border-top: 3px solid #1b1b1b;
        }

            #product-inner ul.product-content > li .title, #product-inner ul.product-content > li .popblock, #product-inner ul.product-content > li .fontblock {
                padding: 22px 17px;
                width: 100%;
                font-family: '微軟正黑體';
            }

            #product-inner ul.product-content > li .title {
                padding: 15px 17px;
                line-height: 1;
                font-weight: bold;
                letter-spacing: 1px;
                font-size: 20px;
            }

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

                #product-inner ul.product-content > li .fontblock p {
                    line-height: 1.5;
                    padding: 5px 0;
                }

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

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

                    #product-inner ul.product-content > li ul#content-block li .title {
                        font-size: 20px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between;
                        border-bottom: 1px solid #b3b3b3;
                        cursor: pointer;
                    }

                        #product-inner ul.product-content > li ul#content-block li .title i {
                            font-size: 28px;
                            color: #b3b3b3;
                            -webkit-transition: .5s;
                            transition: .5s;
                            -webkit-transform: rotate(0);
                            transform: rotate(0);
                        }

                        #product-inner ul.product-content > li ul#content-block li .title:hover i {
                            color: #7f7f7f;
                        }

                        #product-inner ul.product-content > li ul#content-block li .title.active i {
                            -webkit-transform: rotate(-180deg);
                            transform: rotate(-180deg);
                        }

                    #product-inner ul.product-content > li ul#content-block li .popblock {
                        margin-bottom: 20px;
                    }

                        #product-inner ul.product-content > li ul#content-block li .popblock p {
                            line-height: 1.5;
                            padding: 5px 0;
                        }

                        #product-inner ul.product-content > li ul#content-block li .popblock * {
                            margin-bottom: 20px;
                            max-width: 100%;
                            /*height:auto !important;*/
                        }


#sizeChart, #stock-block {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    max-width: calc(100% - 80px);
    max-height: 90vh;
    padding: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.3);
    box-shadow: 0 0 10px rgba(100, 100, 100, 0.3);
    z-index: 10015;
    overflow-y: auto;
}

    #sizeChart .remove-btn, #stock-block .remove-btn {
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 10015;
    }

#sizeChart {
    max-width: 80%;
}

    #sizeChart img {
        max-width: 100%;
        max-height: 100%;
        width: auto !important;
        height: auto;
    }

#stock-block {
    padding: 40px;
    width: 580px;
}

    #stock-block h3 {
        font-size: 24px;
    }

    #stock-block h3, #stock-block h6 {
        font-weight: bold;
        width: 100%;
        text-align: center;
        line-height: 1.8;
    }

    #stock-block input {
        width: 100%;
        margin-top: 10px;
    }

    #stock-block ul.position, #stock-block ul#city {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: center;
        align-content: center;
    }

        #stock-block ul.position > li, #stock-block ul#city > li {
            pointer-events: auto;
            line-height: 1;
            font-size: 16px;
            margin: 0;
            color: #808080;
            font-weight: bold;
            letter-spacing: 2px;
        }

    #stock-block ul.position {
        margin-top: 15px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        #stock-block ul.position > li {
            cursor: pointer;
            padding: 15px 20px;
            width: auto;
            -webkit-transition: .5s;
            transition: .5s;
        }

            #stock-block ul.position > li:hover, #stock-block ul.position > li.active {
                color: #7f7f7f;
                background-color: #f8f6fb;
            }

    #stock-block ul#city {
        background-color: #f8f6fb;
        padding: 15px;
    }

        #stock-block ul#city > li {
            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: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

            #stock-block ul#city > li .btn {
                background-color: #fff;
                border: 1px solid #dcdcdc;
                padding: 15px 10px;
                border-radius: 5px;
                width: calc((100% - 30px) / 4);
                margin-right: 10px;
                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;
                cursor: pointer;
            }

                #stock-block ul#city > li .btn:last-child {
                    margin-right: 0;
                }

                #stock-block ul#city > li .btn:hover {
                    color: #7f7f7f;
                    border-color: #7f7f7f;
                }

                #stock-block ul#city > li .btn.active {
                    background-color: #7f7f7f;
                    border-color: #7f7f7f;
                    color: #fff;
                }

    #stock-block ul#table {
        margin-top: 15px;
        width: 100%;
        max-height: 343px;
        overflow-y: auto;
    }

        #stock-block ul#table::-webkit-scrollbar {
            width: 7px;
            height: 5px;
        }

        #stock-block ul#table::-webkit-scrollbar-track {
            border-radius: 5px;
            margin: 0;
        }

        #stock-block ul#table > li {
            width: 100%;
            line-height: 1;
            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;
        }

            #stock-block ul#table > li p {
                line-height: 1;
                width: 50%;
                text-align: center;
            }

            #stock-block ul#table > li.thead {
                background-color: rgba(169, 123, 196, 0.2);
                padding: 20px;
            }

            #stock-block ul#table > li.tbody {
                width: 100%;
                /*display: none;*/
            }

                #stock-block ul#table > li.tbody.active {
                    display: block;
                }

                #stock-block ul#table > li.tbody ul.storeList {
                    width: 100%;
                    /*display: none;*/
                }

                    #stock-block ul#table > li.tbody ul.storeList.active {
                        display: block;
                    }

                    #stock-block ul#table > li.tbody ul.storeList > li {
                        width: 100%;
                        padding: 20px;
                        border-bottom: 1px solid #d1b691
                        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#table > li.tbody ul.storeList > li p {
                            font-size: 10px;
                            width: 50%;
                            text-align: center;
                        }

                            #stock-block ul#table > li.tbody ul.storeList > li p.nostoke {
                                color: #ff4040;
                            }

                            #stock-block ul#table > li.tbody ul.storeList > li p.smallstoke {
                                color: #7f7f7f;
                            }

.btnblock, .mobile-btn {
    width: 100%;
    margin: 5px 0 12px 0;
    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;
}

    .btnblock button, .mobile-btn button {
        height: 50px;
        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;
        font-size: 18px;
        border-radius: 5px;
        cursor: pointer;
    }

        .btnblock button a, .mobile-btn button a {
            width: 100%;
            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;
            color: #fff;
        }

    .btnblock #addcart, .btnblock .addcart, .btnblock .mobile-addcart, .mobile-btn #addcart, .mobile-btn .addcart, .mobile-btn .mobile-addcart {
        width: 100%;
        border: none;
        font-weight: bold;
        letter-spacing: 1px;
        background-color: #333333;
        color: #fff;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .btnblock #addfavorite1 {
        display: none;
    }

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

    .btnblock #addcart:hover, .btnblock .addcart:hover, .btnblock .mobile-addcart:hover, .mobile-btn #addcart:hover, .mobile-btn .addcart:hover, .mobile-btn .mobile-addcart:hover {
        background-color: #7f7f7f;
    }

    .btnblock #reservation, .btnblock .reservation, .btnblock .mobile-reservation, .mobile-btn #reservation, .mobile-btn .reservation, .mobile-btn .mobile-reservation {
        width: 50px;
        background-color: #fff;
        border: 1px solid #b3b3b3;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .btnblock #reservation i, .btnblock .reservation i, .btnblock .mobile-reservation i, .mobile-btn #reservation i, .mobile-btn .reservation i, .mobile-btn .mobile-reservation i {
            font-size: 26px;
            -webkit-transition: .3s;
            transition: .3s;
        }

        .btnblock #reservation:hover, .btnblock .reservation:hover, .btnblock .mobile-reservation:hover, .mobile-btn #reservation:hover, .mobile-btn .reservation:hover, .mobile-btn .mobile-reservation:hover {
            border-color: #7f7f7f;
            background-color: #7f7f7f;
        }

            .btnblock #reservation:hover i, .btnblock .reservation:hover i, .btnblock .mobile-reservation:hover i, .mobile-btn #reservation:hover i, .mobile-btn .reservation:hover i, .mobile-btn .mobile-reservation:hover i {
                color: #fff;
            }
    /**/
    .btnblock #addfavorite1, .btnblock .addfavorite1, .btnblock .mobile-addfavorite1, .mobile-btn #addfavorite1, .mobile-btn .addfavorite1, .mobile-btn .mobile-addfavorite1 {
        margin-left: 5px;
        width: 50px;
        background-color: #fff;
        border: 1px solid #b3b3b3;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .btnblock #addfavorite1 i, .btnblock .addfavorite1 i, .btnblock .mobile-addfavorite1 i, .mobile-btn #addfavorite1 i, .mobile-btn .addfavorite1 i, .mobile-btn .mobile-addfavorite1 i {
            font-size: 26px;
            -webkit-transition: .3s;
            transition: .3s;
        }

        .btnblock #addfavorite1:hover, .btnblock .addfavorite1:hover, .btnblock .mobile-addfavorite1:hover, .mobile-btn #addfavorite1:hover, .mobile-btn .addfavorite1:hover, .mobile-btn .mobile-addfavorite1:hover {
            border-color: #7f7f7f;
            background-color: #7f7f7f;
        }

            .btnblock #addfavorite1:hover i, .btnblock .addfavorite1:hover i, .btnblock .mobile-addfavorite1:hover i, .mobile-btn #addfavorite1:hover i, .mobile-btn .addfavorite1:hover i, .mobile-btn .mobile-addfavorite1:hover i {
                color: #fff;
            }

.mobile-btn {
    display: none;
}

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

.product-font > h3 {
    color: #333333;
    line-height: 1;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
}

.product-font > p span.discount {
    margin-left: 10px;
}

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

.product-font .mobile-inner {
    width: 100%;
}

    .product-font .mobile-inner .inner-remove-btn, .product-font .mobile-inner .remove-btn {
        display: none;
    }

    .product-font .mobile-inner ul.color-img {
        display: none;
    }

    .product-font .mobile-inner ul.size-m {
        display: none;
    }

.product-font .product-color div {
    color: #111;
    font-size: 16px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-font .product-color ul.color-font {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .product-font .product-color ul.color-font li {
        display: none;
    }

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

.product-font .product-color ul.color-box {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 16px 0;
}

    .product-font .product-color ul.color-box > li {
        width: 33px;
        height: 33px;
        background-color: #f3f3f3;
        border: 2px solid #fff;
        margin-right: 10px;
        cursor: pointer;
    }

        .product-font .product-color ul.color-box > li::after {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            opacity: 0;
            -webkit-transition: .3s;
            transition: .3s;
            width: calc(100% + 3px);
            height: calc(100% + 3px);
            border: 1px solid #b3b3b3;
            pointer-events: none;
        }

        .product-font .product-color ul.color-box > li:hover::after, .product-font .product-color ul.color-box > li.active::after {
            opacity: 1;
        }

.product-font select {
    width: 100%;
    margin: 12px 10px 0 0;
    padding: 15px 20px;
    border: 1px solid #b3b3b3;
    background-color: #fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    top: 0px;
    left: 0px;
}

.product-font ul.smallbtn {
    width: 100%;
    margin: 20px 0 -10px 0;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .product-font ul.smallbtn > li {
        margin-right: 10%;
        font-size: 14px;
        color: #1b1b1b;
        font-weight: bold;
        letter-spacing: 1px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .product-font ul.smallbtn > li h6 {
            font-size: 14px;
            font-weight: bold;
        }

        .product-font ul.smallbtn > li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .product-font ul.smallbtn > li a:hover, .product-font ul.smallbtn > li a:focus, .product-font ul.smallbtn > li a.active {
                color: #7f7f7f;
            }

                .product-font ul.smallbtn > li a:hover h6, .product-font ul.smallbtn > li a:focus h6, .product-font ul.smallbtn > li a.active h6 {
                    color: #7f7f7f;
                }

                .product-font ul.smallbtn > li a:hover i, .product-font ul.smallbtn > li a:focus i, .product-font ul.smallbtn > li a.active i {
                    color: #7f7f7f;
                }

            .product-font ul.smallbtn > li a i {
                font-size: 18px;
                margin: 0 8px;
                color: #666;
            }

.product-font ul.transport {
    width: 100%;
}

    .product-font ul.transport li {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-weight: bold;
        letter-spacing: 1px;
        font-size: 14px;
        margin: 5px 0;
    }

        .product-font ul.transport li i {
            color: #c09ec7;
            font-size: 18px;
            margin-right: 8px;
        }

.product-font #detail #detail-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #bf9fc6;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
}

    .product-font #detail #detail-btn i {
        color: #bf9fc6;
        font-size: 16px;
        margin-right: 10px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .5s;
        transition: .5s;
    }

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

.w1800 {
    width: calc(100% - 40px);
    max-width: 1800px;
    margin: 0 auto;
}

    .w1800 .product-more {
        padding: 50px 0;
    }

        .w1800 .product-more ul#p-more-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;
            margin-bottom: 60px;
        }

            .w1800 .product-more ul#p-more-btn li {
                font-size: 20px;
                font-weight: bold;
                letter-spacing: 1px;
                margin: 0 20px;
                color: #808080;
                padding: 15px 20px;
                cursor: pointer;
            }

                .w1800 .product-more ul#p-more-btn li::after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    -webkit-transform: translate(-50%, 0) scale(0, 1);
                    transform: translate(-50%, 0) scale(0, 1);
                    -webkit-transition: .5s;
                    transition: .5s;
                    width: 100%;
                    height: 3px;
                    background-color: #b8b8b8;
                }

                .w1800 .product-more ul#p-more-btn li.active {
                    color: #111;
                }

                    .w1800 .product-more ul#p-more-btn li.active::after {
                        -webkit-transform: translate(-50%, 0) scale(1, 1);
                        transform: translate(-50%, 0) scale(1, 1);
                    }

        .w1800 .product-more #product-recom, .w1800 .product-more #product-history {
            opacity: 0;
            height: 0;
            -webkit-transition: 1s;
            transition: 1s;
        }

            .w1800 .product-more #product-recom.active, .w1800 .product-more #product-history.active {
                opacity: 1;
                height: auto;
            }

    .w1800 #outfit {
        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;
    }

        .w1800 #outfit .outfit-title {
            width: 100%;
            text-align: center;
            padding: 30px 0;
            font-weight: bold;
        }

        .w1800 #outfit ul.outfit-list {
            width: 80%;
            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;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -ms-flex-line-pack: start;
            align-content: flex-start;
        }

            .w1800 #outfit ul.outfit-list > li {
                width: calc(50% - 30px);
                margin: 0 15px;
                padding-bottom: 30px;
            }

                .w1800 #outfit ul.outfit-list > li img {
                    width: 100%;
                    height: auto;
                }

#product-list, #photo-list {
    width: 100%;
    padding-bottom: 100px;
    max-width: 1800px;
    margin: auto;
}

    #product-list h1, #product-list h2.bigtitle, #photo-list h1, #photo-list h2.bigtitle {
        font-weight: bold;
        letter-spacing: 7px;
        margin-top: 50px;
        line-height: 1;
        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;
    }


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

    #product-list h1 img, #product-list h2.bigtitle img, #photo-list h1 img, #photo-list h2.bigtitle img {
        height: 30px;
        margin-right: 15px;
    }

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

ul#pagebox {
    width: 100%;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px 0;
    border-top: 1px solid #eee;
}

    ul#pagebox.noborder {
        border-bottom: none;
    }

    ul#pagebox li.num {
        font-family: 'Arial';
        font-size: 20px;
        font-weight: bold;
        margin: 0 20px;
    }

        ul#pagebox li.num a {
            border-bottom: 2px solid transparent;
        }

            ul#pagebox li.num a:hover, ul#pagebox li.num a:focus {
                border-color: #000;
            }

        ul#pagebox li.num.active a {
            color: #7f7f7f;
            border-color: #7f7f7f;
        }

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

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

    ul#pagebox li.first, ul#pagebox li.last {
        margin: 1px 0 0 0;
    }

    /*修改過的頁碼*/

    ul#pagebox span a {
        font-family: 'Arial';
        font-size: 20px;
        font-weight: bold;
        border-bottom: 2px solid transparent;
        margin: 0 15px 0 15px;
    }

        ul#pagebox span a.num:hover, ul#pagebox span a.num:focus {
            border-color: #000;
        }

    ul#pagebox span.current {
        color: #333333;
        border-color: #918e8e;
        font-size: 20px;
        margin: 0 15px 0 15px;
    }





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

    #photo-list ul#photo-main-list {
        width: 100%;
        max-width: 1700px;
        padding: 0 10px;
        margin: 50px auto 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

        #photo-list ul#photo-main-list > li {
            width: calc((100% - 106px) / 3);
            margin-right: 53px;
            margin-bottom: 25px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

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

            #photo-list ul#photo-main-list > li > a {
                width: 100%;
                height: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

                #photo-list ul#photo-main-list > li > a h2 {
                    width: 100%;
                    font-size: 24px;
                    letter-spacing: 1px;
                    font-weight: bold;
                    text-align: center;
                    margin: 25px 0;
                    line-height: 1;
                }

                #photo-list ul#photo-main-list > li > a .img {
                    width: 100%;
                }

                    #photo-list ul#photo-main-list > li > a .img img {
                        width: 100%;
                    }

                #photo-list ul#photo-main-list > li > a .hover {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    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;
                    background-color: rgba(119, 104, 141, 0.4);
                    opacity: 0;
                    pointer-events: none;
                    -webkit-transition: .5s;
                    transition: .5s;
                }

                    #photo-list ul#photo-main-list > li > a .hover p {
                        color: #fff;
                        font-size: 24px;
                        font-weight: bold;
                        letter-spacing: 4px;
                        -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
                        filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
                    }

                    #photo-list ul#photo-main-list > li > a .hover::before {
                        content: '';
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        -webkit-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                        border: 1px solid #fff;
                        width: 100%;
                        height: 100%;
                        -webkit-transition: .3s;
                        transition: .3s;
                    }

                #photo-list ul#photo-main-list > li > a:hover .hover, #photo-list ul#photo-main-list > li > a:focus .hover {
                    opacity: 1;
                }

                    #photo-list ul#photo-main-list > li > a:hover .hover::before, #photo-list ul#photo-main-list > li > a:focus .hover::before {
                        width: calc(100% - 20px);
                        height: calc(100% - 20px);
                    }

#product-list .w100img {
    width: 100%;
    padding: 30px 0 0 0;
}

    #product-list .w100img img {
        width: 100%;
        height: auto;
    }

#product-list #choose-btn {
    display: none;
}

.m-menu {
    margin: 5px 20px;
    display: none;
}

#product-list .choose-block {
    width: 100%;
}

#product-list #order {
    font-size: 10px;
    font-weight: bold;
    margin-left: 20px;
}

#product-list #choose {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 55px;
    z-index: 5;
}

    #product-list #choose .remove-btn {
        display: none;
    }

    #product-list #choose .choose-left, #product-list #choose .choose-right {
        position: absolute;
        top: 25px;
        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;
    }

    #product-list #choose .choose-left {
        width: 80%;
        left: 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    #product-list #choose .choose-right {
        width: 20%;
        right: 20px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        #product-list #choose .choose-right .select-item {
            margin-right: 0;
        }

    #product-list #choose .select-item {
        margin-right: 15px;
    }

        #product-list #choose .select-item .select-title, #product-list #choose .select-item .select-box {
            width: 100%;
            font-size: 14px;
            letter-spacing: 1px;
            font-weight: bold;
            border: 1px solid #ccc;
            background: #fff;
        }

        #product-list #choose .select-item .select-title {
            margin-right: 15px;
            padding: 10px 50px 10px 15px;
            cursor: pointer;
        }

            #product-list #choose .select-item .select-title i {
                position: absolute;
                top: 50%;
                right: 10px;
                -webkit-transform: translate(0, -50%) rotate(0);
                transform: translate(0, -50%) rotate(0);
                -webkit-transition: .5s;
                transition: .5s;
                font-size: 20px;
            }

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

        #product-list #choose .select-item ul.select-box {
            padding: 15px;
            border-top: none;
            -webkit-transform-origin: top center;
            transform-origin: top center;
            display: none;
        }

            #product-list #choose .select-item ul.select-box li {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                line-height: 1;
                margin-bottom: 8px;
            }

                #product-list #choose .select-item ul.select-box li:last-child {
                    margin-bottom: 0;
                }

                #product-list #choose .select-item ul.select-box li input[type="checkbox"] {
                    display: none;
                }

                    #product-list #choose .select-item ul.select-box li input[type="checkbox"]:checked ~ label {
                        color: #000;
                        background-image: url("../img/check.svg");
                    }

                #product-list #choose .select-item ul.select-box li label {
                    font-family: '微軟正黑體';
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    color: #808080;
                    background-size: 20px 20px;
                    background-repeat: no-repeat;
                    background-position: left center;
                    cursor: pointer;
                    padding: 3px 0 3px 25px;
                    margin-left: -2px;
                    background-image: url("../img/uncheck.svg");
                }

            #product-list #choose .select-item ul.select-box.radio-box li input[type="radio"] {
                display: none;
            }

                #product-list #choose .select-item ul.select-box.radio-box li input[type="radio"]:checked ~ label {
                    color: #000;
                    background-image: url("../img/radio.svg");
                }

            #product-list #choose .select-item ul.select-box.radio-box li label {
                background-image: url("../img/unradio.svg");
            }

#product-list ul#product-main-list {
    width: 100%;
    padding: 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin-bottom: 60px;
}

    #product-list ul#product-main-list > li {
        width: calc(25% - 20px);
        height: 600px;
        margin: 0 10px 30px 10px;
        -webkit-transition: .5s;
        transition: .5s;
    }

        #product-list ul#product-main-list > li:hover .hoverblock {
            border-color: #b8b8b8;
        }

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

        #product-list ul#product-main-list > li:hover .img img.hoverimg {
            opacity: 1;
        }

        #product-list ul#product-main-list > li .hoverblock {
            width: 100%;
            height: 100%;
            /*border: 2px solid transparent;*/ /*滑鼠移動到商品列表的商品上，不要紫色的線*/
            cursor: pointer;
            -webkit-transition: .5s;
            transition: .5s;
        }

        #product-list ul#product-main-list > li .img {
            width: 100%;
            /*background-color: #fbfbfb;*/ /*商品圖片背景不要有灰色底*/
            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;
            overflow: hidden;
        }

            #product-list ul#product-main-list > li .img img {
                width: 100%;
                height: auto;
                text-align: center;
                /*margin: auto;*/ /*商品圖片第一張與第二張尺寸要一樣*/
            }

                #product-list ul#product-main-list > li .img img.normalimg {
                    /*padding: 20px;*/
                }

                #product-list ul#product-main-list > li .img img.hoverimg {
                    opacity: 0;
                    position: absolute;
                    top: 0;
                    left: 0;
                    -webkit-transition: .5s;
                    transition: .5s;
                    z-index: 2;
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                    object-fit: cover;
                }

        #product-list ul#product-main-list > li .fontbox {
            padding: 5px;
        }

            #product-list ul#product-main-list > li .fontbox h5 {
                font-weight: bold;
                text-align: center;
                line-height: 20px;
            }

            #product-list ul#product-main-list > li .fontbox p {
                text-align: center;
                font-size: 14px;
            }

            #product-list ul#product-main-list > li .fontbox h6 {
                display: none;
            }

                #product-list ul#product-main-list > li .fontbox h6 div {
                    width: 100%;
                    height: 100%;
                }

                    #product-list ul#product-main-list > li .fontbox h6 div * {
                        width: 100% !important;
                    }

            #product-list ul#product-main-list > li .fontbox .description div img {
                display: none;
            }


        /*#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: calc(100% / 2 - 20px);
}

#product-list ul#product-main-list > li:nth-child(5):hover .hoverblock, #product-list ul#product-main-list > li:nth-child(14n):hover .hoverblock, #product-list ul#product-main-list > li:nth-child(14n + 5):hover .hoverblock {
  border-color: #b8b8b8;
}

#product-list ul#product-main-list > li:nth-child(5) .hoverblock, #product-list ul#product-main-list > li:nth-child(14n) .hoverblock, #product-list ul#product-main-list > li:nth-child(14n + 5) .hoverblock {
  border: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#product-list ul#product-main-list > li:nth-child(5) .img, #product-list ul#product-main-list > li:nth-child(5) .fontbox, #product-list ul#product-main-list > li:nth-child(14n) .img, #product-list ul#product-main-list > li:nth-child(14n) .fontbox, #product-list ul#product-main-list > li:nth-child(14n + 5) .img, #product-list ul#product-main-list > li:nth-child(14n + 5) .fontbox {
  width: 50%;
}

    #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;
        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;
        
    }

        #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 {
            width: 100%;
            text-align: left;
            max-height:150px;
            overflow-x: hidden;
            overflow-y: auto;
        }

#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 {
  display: block;
  margin-top: 40px;
  font-weight: bold;
  line-height: 1.8;
}*/

        #product-list ul#product-main-list > li .product-preview.pop-up {
            position: fixed;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            padding: 40px;
            width: calc(100% - 40px);
            max-width: 1140px;
            max-height: calc(100vh - 40px);
            overflow-y: auto;
            background-color: #fff;
            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;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            opacity: 0;
            pointer-events: none;
            cursor: auto;
            -webkit-transition: .5s;
            transition: .5s;
            z-index: 10010;
        }

            #product-list ul#product-main-list > li .product-preview.pop-up.active {
                opacity: 1;
                pointer-events: auto;
            }

            #product-list ul#product-main-list > li .product-preview.pop-up .remove-btn {
                position: absolute;
                right: 20px;
                top: 20px;
            }

            #product-list ul#product-main-list > li .product-preview.pop-up > .imgbox {
                width: 584px;
                height: 0;
                padding-bottom: 70%;
                background-size: cover;
            }

                #product-list ul#product-main-list > li .product-preview.pop-up > .imgbox ul.color-img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    z-index: 3;
                }

                    #product-list ul#product-main-list > li .product-preview.pop-up > .imgbox ul.color-img li {
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        background-size: cover;
                        background-position: center center;
                        opacity: 0;
                        pointer-events: none;
                        -webkit-transition: .5s;
                        transition: .5s;
                    }

                        #product-list ul#product-main-list > li .product-preview.pop-up > .imgbox ul.color-img li.active {
                            opacity: 1;
                        }

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

                #product-list ul#product-main-list > li .product-preview.pop-up .product-font h2 {
                    font-size: 18px;
                    letter-spacing: 2px;
                    font-weight: bold;
                    line-height: 1;
                    margin: 20px 0 35px 0;
                }

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

#product-list.photo-inner {
    padding: 0 30px;
    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.photo-inner ul#product-main-list {
        padding: 0;
    }

    #product-list.photo-inner #product-bottom, #product-list.photo-inner ul#photo-pagebox {
        width: calc(100% - 20px);
    }

    #product-list.photo-inner ul#photo-pagebox {
        margin-top: -40px;
        padding: 40px 25px;
        border-top: 1px solid #d1b691
        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: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #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;
        }

            #product-list.photo-inner ul#photo-pagebox li a h5 {
                font-weight: bold;
            }

        #product-list.photo-inner ul#photo-pagebox li i {
            font-size: 30px;
        }

        #product-list.photo-inner ul#photo-pagebox li.back a {
            line-height: 1;
            -webkit-transition: 0s;
            transition: 0s;
            border-bottom: 1px solid transparent;
        }

            #product-list.photo-inner ul#photo-pagebox li.back a img {
                height: 16px;
                margin: 0 3px;
            }

            #product-list.photo-inner ul#photo-pagebox li.back a:hover, #product-list.photo-inner ul#photo-pagebox li.back a:focus {
                border-color: #111;
            }

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

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

        #product-list.photo-inner ul#photo-pagebox li.prev a:hover h5, #product-list.photo-inner ul#photo-pagebox li.prev a:focus h5, #product-list.photo-inner ul#photo-pagebox li.next a:hover h5, #product-list.photo-inner ul#photo-pagebox li.next a:focus h5 {
            text-decoration: underline;
        }

#product-bottom {
    width: 100%;
    padding: 100px 0;
    border-top: 1px solid #d1b691
}

    #product-bottom > ul {
        width: 100%;
        max-width: 750px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #product-bottom > ul > li {
            width: 160px;
            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-bottom > ul > li i, #product-bottom > ul > li p {
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

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

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

            #product-bottom > ul > li h4 {
                font-weight: bold;
                padding: 15px 22px;
                line-height: 1;
                margin-bottom: 20px;
            }

                #product-bottom > ul > li h4::after {
                    content: '';
                    position: absolute;
                    left: 50%;
                    bottom: 0;
                    -webkit-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
                    width: 100%;
                    height: 3px;
                    background-color: #ddcdb8;
                }

            #product-bottom > ul > li p {
                color: #808080;
                line-height: 1.5;
            }

                #product-bottom > ul > li p a {
                    color: #808080;
                }

.NoteBlock #data {
    padding-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .NoteBlock #data ul.TopMenu {
        background-color: #2e2d2d;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 5px;
        position: fixed;
        z-index: 999;
    }

        .NoteBlock #data ul.TopMenu li {
            text-align: center;
            color: #FFF;
            width: 50%;
        }

            .NoteBlock #data ul.TopMenu li div {
                font-size: 18px;
                display: inline-block;
                padding-bottom: 2px;
            }

            .NoteBlock #data ul.TopMenu li.select div {
                border-bottom: 4px solid #FFF;
            }

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

    .NoteBlock #data .Note {
        padding-top: 20px;
        width: 70%;
    }

        .NoteBlock #data .Note .NoteList {
            background-color: #FFF;
            border-radius: 25px;
            margin: 0 15px 10px 0;
            min-height: 150px;
            padding-top: 15px;
        }

            .NoteBlock #data .Note .NoteList table.NoteListTable {
                width: 100%;
            }

                .NoteBlock #data .Note .NoteList table.NoteListTable tr .NoteList_Icon {
                    width: 15%;
                    background-color: #FFF;
                }

                .NoteBlock #data .Note .NoteList table.NoteListTable tr .NoteList_Detail {
                    width: 75%;
                    padding: 0 10px;
                }

                .NoteBlock #data .Note .NoteList table.NoteListTable tr td .NoteList_Name {
                    font-size: 16px;
                    padding: 10px 0;
                }

                .NoteBlock #data .Note .NoteList table.NoteListTable tr td .NoteList_txt {
                    font-size: 14px;
                    padding-bottom: 10px;
                    color: #666;
                    letter-spacing: 1px;
                }

                .NoteBlock #data .Note .NoteList table.NoteListTable tr td .NoteList_Time {
                    font-size: 14px;
                    padding-bottom: 10px;
                    color: #999;
                }

                .NoteBlock #data .Note .NoteList table.NoteListTable tr .Link {
                    width: 10%;
                    font-size: 20px;
                    text-align: center;
                }


.bgpurple {
    padding: 60px 0;
    background-color: #ffffff;
}

    .bgpurple .innerpage.container {
        margin-top: 40px;
        max-width: 1550px;
        padding: 0 20px;
        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;
    }

        .bgpurple .innerpage.container .member-top {
            text-align: center;
            width: 100%;
            margin-bottom: 30px;
        }

            .bgpurple .innerpage.container .member-top h3 {
                font-weight: bold;
                font-size: 22px;
                margin-bottom: 10px;
            }

            .bgpurple .innerpage.container .member-top p {
                line-height: 1.5;
            }

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

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

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

                .bgpurple .innerpage.container ul#member-tool li a {
                    width: 100%;
                    font-size: 16px;
                    letter-spacing: 1px;
                    color: #111;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding: 18px 25px;
                    line-height: 1;
                    border-bottom: 1px solid #d1b691;
                }

                    .bgpurple .innerpage.container ul#member-tool li a::after {
                        content: '';
                        width: 5px;
                        height: 100%;
                        position: absolute;
                        left: 0;
                        top: 0;
                        background-color: #7f7f7f;
                        opacity: 0;
                    }

                    .bgpurple .innerpage.container ul#member-tool li a:hover, .bgpurple .innerpage.container ul#member-tool li a:focus {
                        background-color: #f3f1ef;
                    }

                    .bgpurple .innerpage.container ul#member-tool li a i {
                        font-size: 22px;
                        margin-right: 15px;
                        color: #808080;
                    }

                        .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: -2px;
                        }

                .bgpurple .innerpage.container ul#member-tool li.active a {
                    background-color: #ddcdb8;
                    color: #333333;
                    font-weight: bold;
                }

                    .bgpurple .innerpage.container ul#member-tool li.active a::after {
                        opacity: 1;
                    }

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

                .bgpurple .innerpage.container ul#member-tool li:first-child a {
                    border-top: 1px solid #d1b691
                }

        .bgpurple .innerpage.container .member-main {
            width: 1070px;
        }

            .bgpurple .innerpage.container .member-main .member-card {
                margin-bottom: 20px;
                background-color: #fff;
                -webkit-box-shadow: 0 0 5px rgba(100, 100, 100, 0.3);
                box-shadow: 0 0 5px rgba(100, 100, 100, 0.3);
            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner, .bgpurple .innerpage.container .member-main .member-card .member-title {
                    padding: 20px 25px;
                    width: 100%;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-title {
                    border-bottom: 1px solid #d1b691;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .bgpurple .innerpage.container .member-main .member-card .member-title h4 {
                        font-weight: bold;
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-title h1, .bgpurple .innerpage.container .member-main .member-card .member-title h2 {
                        font-weight: bold;
                        font-size: 20px;
                        letter-spacing: 1px;
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-title i {
                        font-size: 24px;
                        margin-right: 10px;
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-title p {
                        position: absolute;
                        right: 25px;
                        top: 50%;
                        -webkit-transform: translate(0, -50%);
                        transform: translate(0, -50%);
                    }

                .bgpurple .innerpage.container .member-main .member-card .member-inner p.dark-purple {
                    padding: 10px 0;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner h2.bonus-title {
                    margin-top: 20px;
                    font-size: 16px;
                    letter-spacing: 1px;
                }

                .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: calc(50% - 5px);
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner form#modify .form-item p.purple {
                    margin-top: 7px;
                }

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

                    .bgpurple .innerpage.container .member-main .member-card .member-inner form#modify .form-btn, .bgpurple .innerpage.container .member-main .member-card .member-inner form#password .form-btn {
                        -webkit-box-pack: start;
                        -ms-flex-pack: start;
                        justify-content: flex-start;
                        margin-top: 10px;
                    }

                        .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: 127px;
                            border-color: #d1b691
                            color: #808080;
                            margin-right: 15px;
                        }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner form#modify .form-btn button.white:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner form#modify .form-btn button.white:focus, .bgpurple .innerpage.container .member-main .member-card .member-inner form#password .form-btn button.white:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner form#password .form-btn button.white:focus {
                                color: #7f7f7f;
                                border-color: #7f7f7f;
                            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list {
                    width: 100%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    -ms-flex-line-pack: start;
                    align-content: flex-start;
                    padding: 30px 28px;
                    border-bottom: 1px solid #d1b691
                }

                    .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: calc(100% / 3);
                        padding: 16px;
                        margin-bottom: 25px;
                    }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li .favorite-remove, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li .favorite-remove {
                            position: absolute;
                            right: 23px;
                            top: 23px;
                            width: 23px;
                            height: 23px;
                            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;
                            background-color: #fff;
                            border: 1px solid transparent;
                            -webkit-transition: .3s;
                            transition: .3s;
                            z-index: 2;
                        }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li .favorite-remove i, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li .favorite-remove i {
                                color: #808080;
                                font-size: 16px;
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li .favorite-remove:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li .favorite-remove:hover {
                                border-color: #b8b8b8;
                            }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li .img, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li .img {
                            width: 100%;
                            background-color: #fbfbfb;
                        }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li .img img, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li .img img {
                                width: 100%;
                                padding: 5px;
                                -webkit-transition: .3s;
                                transition: .3s;
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li .img a:hover img, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li .img:focus img, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li .img a:hover img, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li .img:focus img {
                                opacity: .7;
                            }

                        .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 h6, .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 h6, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li h5 {
                            width: 100%;
                            text-align: center;
                            line-height: 1;
                            padding: 4px 0;
                        }

                        .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: 16px;
                            font-weight: bold;
                            letter-spacing: 1px;
                            margin-top: 10px;
                            min-height: 38px;
                        }

                        .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 {
                            font-size: 12px;
                            color: #808080;
                        }

                        .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 h5 {
                            font-size: 14px;
                        }

                        .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 {
                            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: justify;
                            -ms-flex-pack: justify;
                            justify-content: space-between;
                            margin-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: calc(100% - 2px);
                            }

                                .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list > li .btn-box.small a.white, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-list > li .btn-box.small a.white {
                                    border-width: 1px;
                                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner ul#favorite-list select {
                        min-width: 65px;
                        background-color: #FFF;
                        border: hidden;
                        padding: 0 0px 0 25px;
                    }

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

                .bgpurple .innerpage.container .member-main .member-card .member-inner .now-reser {
                    width: 100%;
                    border-top: 1px solid #d1b691
                    padding: 30px 0 20px 0;
                    margin-top: 20px;
                    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;
                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .now-reser a {
                        font-size: 16px;
                        letter-spacing: 1px;
                        text-decoration: none;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .now-reser a p {
                            text-decoration: underline;
                        }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .now-reser a p, .bgpurple .innerpage.container .member-main .member-card .member-inner .now-reser a i {
                            color: #7f7f7f;
                            -webkit-transition: .3s;
                            transition: .3s;
                        }

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

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .now-reser a:hover p, .bgpurple .innerpage.container .member-main .member-card .member-inner .now-reser a:hover i, .bgpurple .innerpage.container .member-main .member-card .member-inner .now-reser a:focus p, .bgpurple .innerpage.container .member-main .member-card .member-inner .now-reser a:focus i {
                            color: #a98050;
                        }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .now-reser.back a i {
                        margin-left: 0;
                        margin-right: 15px;
                    }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table {
                    width: 100%;
                    margin-top: 20px;
                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li {
                        width: 100%;
                        font-size: 14px;
                        letter-spacing: 1px;
                        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;
                        border-bottom: 1px solid #d1b691
                        -webkit-transition: .3s;
                        transition: .3s;
                    }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li:nth-child(odd) {
                            background-color: #f8f6fb;
                        }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li:hover {
                            background-color: rgba(191, 159, 198, 0.15);
                        }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li.thead {
                            font-weight: bold;
                            background-color: #b8b8b8;
                            padding: 12px 10px;
                            border-bottom: none;
                        }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li.td {
                            padding: 35px 10px;
                        }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li div {
                            width: 20%;
                            text-align: center;
                            padding: 0 5px;
                            color: #1b1b1b;
                            display: flex;
                        }
                            .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li div .status-span{
                                width: 80px;
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li div p, .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li div h6 {
                                width: 100%;
                                color: #1b1b1b;
                                line-height: 1.2;
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li div p {
                                font-size: 14px;
                                padding: 4px 0;
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li div h6 {
                                font-size: 12px;
                                padding: 2px 0;
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li div.content {
                                width: 32%;
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li div.nopay a {
                                display: none;
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li div a {
                                font-size: 12px;
                                text-decoration: underline;
                                color: #7f7f7f;
                                margin-top: 5px;
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner ul.member-table li div.reser p {
                                color: #7f7f7f;
                                font-weight: bold;
                            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li.td {
                    padding: 23px 0;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li div {
                    width: 20%;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-bonusList li .content {
                    width: 30%;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li div {
                    width: calc(50% / 4);
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li .content {
                    width: 30%;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul#reservation-record li .name {
                    width: 20%;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox {
                    width: 100%;
                    padding-top: 22px;
                    padding-bottom: 7px;
                    text-align: center;
                    justify-content: space-between;
                    /*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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;*/
                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox > span#ContentPlaceHolder1_ContentPlaceHolder1_DataPager1 {
                        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;
                    }

                    .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 {
                        padding: 0 5px;
                        color: #7f7f7f;
                        font-size: 16px;
                        font-weight: bold;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }


                        .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox > span a.prev:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox > span a.prev:focus, .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox > span a.next:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox > span a.next:focus {
                            color: #a98050;
                        }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox > span a.prev {
                        margin-right: 10px;
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox > span a.next {
                        margin-left: 10px;
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox > span span:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox > span span:focus {
                        text-decoration: underline;
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox > span span {
                        text-decoration: underline;
                        font-weight: bold;
                        padding: 0 10px;
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner div#member-pagebox > span a.number {
                        padding: 0 10px;
                    }

                .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > span a.number {
                    font-size: 14px;
                }



                /*.bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.prev a, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.next a {
  padding: 0 5px;
  color: #7f7f7f;
  font-size: 16px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.prev a i, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.next a i {
  color: #7f7f7f;
  font-size: 24px;
  -webkit-transition: .3s;
  transition: .3s;
}

.bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.prev a:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.prev a:focus, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.next a:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.next a:focus {
  color: #a98050;
}

.bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.prev a:hover i, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.prev a:focus i, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.next a:hover i, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.next a:focus i {
  color: #a98050;
}

.bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.prev i {
  margin-right: 10px;
}

.bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.next i {
  margin-left: 10px;
}

.bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.number > ul {
  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;
}

.bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.number > ul > li {
  padding: 0 10px;
}

.bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.number > ul > li a {
  font-size: 14px;
}

.bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.number > ul > li a:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.number > ul > li a:focus {
  text-decoration: underline;
}

.bgpurple .innerpage.container .member-main .member-card .member-inner ul#member-pagebox > li.number > ul > li.active a {
  text-decoration: underline;
  font-weight: bold;
}*/

                .bgpurple .innerpage.container .member-main .member-card .member-inner form#check-order {
                    width: 100%;
                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner form#check-order input, .bgpurple .innerpage.container .member-main .member-card .member-inner form#check-order button {
                        padding: 12px 20px;
                        font-size: 14px;
                        letter-spacing: 2px;
                        font-family: '微軟正黑體';
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner form#check-order input {
                        width: 350px;
                        max-width: calc(100% - 126px);
                        margin-right: 10px;
                        -webkit-transition: .3s;
                        transition: .3s;
                    }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner form#check-order input:focus {
                            border-color: #a98050;
                        }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner form#check-order button {
                        width: 116px;
                        background-color: #7f7f7f;
                        color: #fff;
                        font-weight: bold;
                        border: 1px solid #7f7f7f;
                        cursor: pointer;
                        -webkit-transition: .3s;
                        transition: .3s;
                    }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner form#check-order button:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner form#check-order button:focus {
                            background-color: #a98050;
                            border-color: #a98050;
                        }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .member-info h5, .bgpurple .innerpage.container .member-main .member-card .member-inner .member-info p {
                    line-height: 2;
                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order {
                    width: 100%;
                    margin-top: 15px;
                    border: 1px solid #d1b691;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -ms-flex-line-pack: center;
                    align-content: center;
                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order.detail {
                        margin-top: 5px;
                        margin-bottom: 5px;
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info {
                        width: 70%;
                        padding: 25px 30px;
                        background-color: #f9f1e5;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                    }

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

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li {
                            width: 70%;
                            line-height: 1;
                            padding: 5px 0 10px 0;
                            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: justify;
                            -ms-flex-pack: justify;
                            justify-content: space-between;
                        }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li p {
                                width: 100%;
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li p, .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li span {
                                font-family: '微軟正黑體';
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li a {
                                color: #7f7f7f;
                                text-decoration: underline;
                                margin-left: 10px;
                                font-weight: bold;
                            }

                                .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li a:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li a:focus {
                                    color: #a98050;
                                }

                                .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li a.black {
                                    color: #1b1b1b;
                                }

                                    .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li a.black:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li a.black:focus {
                                        color: #7f7f7f;
                                    }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li:nth-child(2n) {
                                width: 30%;
                            }

                                .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li:nth-child(2n) p {
                                    text-align: right;
                                }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order ul.order-info li:nth-child(5) {
                                padding: 20px 0 5px 0;
                            }

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

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order .order-go a {
                            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;
                            background-color: #7f7f7f;
                        }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order .order-go a:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order .order-go a:focus {
                                background-color: #a98050;
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order .order-go a p {
                                color: #fff;
                                font-weight: bold;
                            }

                                .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order .order-go a p i {
                                    color: #fff;
                                    margin-left: 10px;
                                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .latest-order.bonus {
                        margin-top: 5px;
                    }

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

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

                .bgpurple .innerpage.container .member-main .member-card .member-inner .bigtitle {
                    font-family: '微軟正黑體';
                    font-size: 20px;
                    letter-spacing: 1px;
                    font-weight: bold;
                    padding: 15px 5px;
                    line-height: 1;
                    border-bottom: 1px solid #7f7f7f;
                    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: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                }

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

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

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

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li {
                            width: 100%;
                            padding: 0;
                            border-bottom: 1px solid #d1b691
                            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 .member-main .member-card .member-inner .order-detail ul.buylist > li:last-child {
                                border-bottom: none;
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li > .img {
                                width: 200px;
                                height: 210px;
                                padding: 10px;
                                background-color: #fbfbfb;
                            }

                                .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li > .img img {
                                    width: 80%;
                                    height: auto;
                                    -webkit-transition: .3s;
                                    transition: .3s;
                                }

                                .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li > .img a:hover img, .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li > .img:focus img {
                                    opacity: .7;
                                }

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

                                .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li .font p {
                                    font-size: 18px;
                                    line-height: 1.5;
                                }

                                .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.buylist > li .font h6 {
                                    font-size: 12px;
                                    line-height: 1.5;
                                }

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

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

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

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

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

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.discount > li {
                            width: 100%;
                            background-color: #f8f6fb;
                            padding: 17px 22px;
                            margin-bottom: 10px;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -webkit-box-pack: justify;
                            -ms-flex-pack: justify;
                            justify-content: space-between;
                        }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.discount > li:last-child {
                                margin-bottom: -10px;
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.discount > li h6 {
                                line-height: 1;
                                font-family: '微軟正黑體';
                            }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner {
                        width: 100%;
                        padding: 0 5px;
                        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: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between;
                    }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner.bottom {
                            padding-bottom: 15px;
                        }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner .fontbox {
                            width: calc(100% - 220px);
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -ms-flex-wrap: wrap;
                            flex-wrap: wrap;
                        }

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

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner .fontbox h4 {
                                margin-bottom: 15px;
                                width: 100%;
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner .fontbox h6 {
                                font-size: 14px;
                                line-height: 1.5;
                                width: 100%;
                            }


                            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner .fontbox div {
                                width: 50%;
                                max-height: 200px;
                            }

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

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

                                .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner ul.btnbox > li:last-child {
                                    margin-bottom: 0;
                                }

                                .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner ul.btnbox > li a {
                                    width: 100%;
                                    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;
                                    padding: 13px 5px;
                                    color: #1b1b1b;
                                    font-weight: bold;
                                    line-height: 1;
                                    border: 1px solid #b3b3b3;
                                    border-radius: 5px;
                                    font-size: 16px;
                                    letter-spacing: 3px;
                                    -webkit-transition: .3s;
                                    transition: .3s;
                                }

                                    .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner ul.btnbox > li a:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner ul.btnbox > li a:focus {
                                        background-color: #f8f6fb;
                                        border-color: #7f7f7f;
                                        color: #a98050;
                                    }

                                    .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner ul.btnbox > li a.black {
                                        background-color: #111;
                                        color: #fff;
                                    }

                                        .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner ul.btnbox > li a.black:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail .order-detail-inner ul.btnbox > li a.black:focus {
                                            background-color: #7f7f7f;
                                        }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.send-info {
                        width: 100%;
                        padding: 0 5px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                    }

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

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .order-detail ul.send-info > li h6 {
                                line-height: 1.3;
                                padding: 3px 0;
                            }

                .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 50px 10px 50px;
                }

                    .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 {
                        content: '';
                        position: absolute;
                        top: 0;
                        width: 50px;
                        height: 100%;
                        background-color: #fff;
                        z-index: 2;
                    }

                    .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-favorite::before {
                        left: 0;
                    }

                    .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::after {
                        right: 0;
                    }

                    .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 {
                        display: none;
                    }

                    .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-favorite .swiper-button-next {
                        right: 0;
                    }

                    .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-prev {
                        left: 0;
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide::before,
                    .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide::before {
                        content: '';
                        width: calc(100% - 4px);
                        height: calc(100% - 4px);
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        -webkit-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                        border: 2px solid transparent;
                        -webkit-transition: .3s;
                        transition: .3s;
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide:hover::before,
                    .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide:hover::before {
                        border-color: #b8b8b8;
                    }

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

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

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide a,
                    .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide a {
                        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;
                    }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide a .img,
                        .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide a .img {
                            width: calc(100% - 6px);
                            margin-top: 2px;
                            background-color: #fbfbfb;
                        }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide a .img img,
                            .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide a .img img {
                                width: 100%;
                                -webkit-transition: .3s;
                                transition: .3s;
                            }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide a:hover .img img, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide a:focus .img img,
                        .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide a:hover .img img,
                        .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide a:focus .img img {
                            opacity: .7;
                        }

                    .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: 20px;
                    }

                        .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 h6, .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 h6,
                        .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .font h5 {
                            width: 100%;
                            text-align: center;
                        }

                        .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-favorite .swiper-slide .font p {
                            font-weight: bold;
                            min-height: 42px;
                        }

                        .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 {
                            color: #808080;
                            font-size: 12px;
                            margin-top: 5px;
                        }

                        .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 h5 {
                            font-size: 14px;
                            font-weight: bold;
                            margin-top: 10px;
                        }

                    .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: 0;
                        -webkit-transition: .3s;
                        transition: .3s;
                        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;
                    }

                        .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: 15px 5px;
                            border: none;
                            font-size: 14px;
                            letter-spacing: 1px;
                            cursor: pointer;
                            -webkit-transition: .3s;
                            transition: .3s;
                        }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .btnbox button.addcart,
                            .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .btnbox button.addcart {
                                width: 100%;
                                background-color: #7f7f7f;
                                color: #fff;
                                font-weight: bold;
                            }

                                .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .btnbox button.addcart:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .btnbox button.addcart:focus,
                                .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .btnbox button.addcart:hover,
                                .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .btnbox button.addcart:focus {
                                    background-color: #a98050;
                                    border-color: #a98050;
                                }

                            .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%;
                                border: 2px solid #7f7f7f;
                            }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .btnbox button.reservation,
                            .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .btnbox button.reservation {
                                background-color: #f8f6fb;
                                color: #7f7f7f;
                            }

                                .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .btnbox button.reservation:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-reservation .swiper-slide .btnbox button.reservation:focus,
                                .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .btnbox button.reservation:hover,
                                .bgpurple .innerpage.container .member-main .member-card .member-inner .swiper-container#member-favorite .swiper-slide .btnbox button.reservation:focus {
                                    color: #a98050;
                                    border-color: #a98050;
                                }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .bottom-link {
                    width: 100%;
                    padding-top: 20px;
                    margin-top: 20px;
                    border-top: 1px solid #d1b691
                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .bottom-link a {
                        margin: 0;
                        width: auto;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .bottom-link a p {
                            font-weight: bold;
                            text-decoration: underline;
                        }

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

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .bottom-link a p, .bgpurple .innerpage.container .member-main .member-card .member-inner .bottom-link a i {
                            color: #7f7f7f;
                            -webkit-transition: .3s;
                            transition: .3s;
                        }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .bottom-link a:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner .bottom-link a:focus {
                            margin-right: 5px;
                        }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner .bottom-link a:hover p, .bgpurple .innerpage.container .member-main .member-card .member-inner .bottom-link a:hover i, .bgpurple .innerpage.container .member-main .member-card .member-inner .bottom-link a:focus p, .bgpurple .innerpage.container .member-main .member-card .member-inner .bottom-link a:focus i {
                                color: #b8b8b8;
                            }

                .bgpurple .innerpage.container .member-main .member-card .member-inner .logistics-tracking {
                    width: 100%;
                    margin: 28px 0 12px 0;
                }

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

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .logistics-tracking .tracking-top p, .bgpurple .innerpage.container .member-main .member-card .member-inner .logistics-tracking .tracking-top input {
                            width: 100%;
                            margin-bottom: 15px;
                        }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .logistics-tracking .tracking-top input {
                            font-weight: bold;
                            font-size: 14px;
                            padding: 15px 20px;
                        }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .logistics-tracking .tracking-top .btn-box {
                            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: justify;
                            -ms-flex-pack: justify;
                            justify-content: space-between;
                        }

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

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .logistics-tracking .tracking-bottom {
                        margin-top: 30px;
                    }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .logistics-tracking .tracking-bottom h6 {
                            line-height: 1.8;
                        }

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

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

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .member-return .return-edit p {
                        font-size: 14px;
                        line-height: 1.8;
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .member-return .return-edit.bigfont p {
                        font-size: 16px;
                        line-height: 1.5;
                        padding: 4px 0;
                    }

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

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

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .member-return form.return .form-item.check a {
                            margin-left: 5px;
                        }

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

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

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

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .member-return form.payinfo .form-item .form-title.required.highlight::after {
                        content: '';
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner .member-return form.payinfo .form-item .form-title.required.highlight span {
                        font-weight: normal;
                        color: #7f7f7f;
                    }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner .member-return form.payinfo .form-item .form-title.required.highlight span::before {
                            content: '*';
                            color: #000;
                            font-weight: bold;
                            margin-right: 10px;
                        }

                    .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: calc(50% - 10px);
                    }

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

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

                    .bgpurple .innerpage.container .member-main .member-card .member-inner.contact h2 {
                        padding: 5px 0 15px 0;
                        font-size: 20px;
                        letter-spacing: 1px;
                        line-height: 1;
                    }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner.contact a {
                        color: #7f7f7f;
                        text-decoration: underline;
                    }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner.contact a:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner.contact a:focus {
                            color: #a98050;
                        }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner.contact .fastlink {
                        padding: 0;
                        margin: -5px 0;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: start;
                        -ms-flex-align: start;
                        align-items: flex-start;
                    }

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

                        .bgpurple .innerpage.container .member-main .member-card .member-inner.contact .fastlink ul {
                            width: calc(100% - 100px);
                            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 .member-main .member-card .member-inner.contact .fastlink ul li {
                                margin: 0 8px;
                            }

                                .bgpurple .innerpage.container .member-main .member-card .member-inner.contact .fastlink ul li p {
                                    font-weight: bold;
                                }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner.contact p {
                        line-height: 2;
                    }

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

                        .bgpurple .innerpage.container .member-main .member-card .member-inner.contact p.indent {
                            text-indent: -1em;
                            padding: 0 0 0 1em;
                            line-height: 2;
                        }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner.contact ul.QA {
                        margin-top: 10px;
                        padding-left: 5px;
                    }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner.contact ul.QA p {
                            color: #444;
                        }

                        .bgpurple .innerpage.container .member-main .member-card .member-inner.contact ul.QA a {
                            color: #444;
                        }

                            .bgpurple .innerpage.container .member-main .member-card .member-inner.contact ul.QA a:hover, .bgpurple .innerpage.container .member-main .member-card .member-inner.contact ul.QA a:focus {
                                color: #7f7f7f;
                            }

                    .bgpurple .innerpage.container .member-main .member-card .member-inner.contact ol li {
                        list-style-type: decimal;
                        margin-left: 25px;
                        line-height: 2;
                    }

                .bgpurple .innerpage.container .member-main .member-card.bonus p {
                    color: #7f7f7f;
                    font-weight: bold;
                    font-family: '微軟正黑體';
                }

            .bgpurple .innerpage.container .member-main .backorder {
                width: 100%;
                text-align: center;
                padding-top: 20px;
            }

.sign-block {
    width: 100%;
    background-color: #fff;
    padding: 37px;
    -webkit-box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.3);
    box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.3);
}

    .sign-block h1, .sign-block h2, .sign-block h3 {
        width: 100%;
        font-size: 24px;
        font-weight: bold;
        line-height: 1;
        letter-spacing: 1px;
    }

    .sign-block h1 {
        margin-bottom: 13px;
    }

    .sign-block h2 {
        padding-bottom: 10px;
    }

    .sign-block h3 {
        margin-bottom: 17px;
    }

    .sign-block hr {
        margin: 20px 0;
    }

.signin {
    width: 100%;
    max-width: 1240px;
    padding: 0 20px;
    margin: 20px auto;
    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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

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

        .signin .sign-block .form-item.check {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .signin .sign-block p.margin {
            margin-bottom: 35px;
        }

        .signin .sign-block .btn-box a {
            width: 200px;
            text-decoration: none;
        }

            .signin .sign-block .btn-box a:hover, .signin .sign-block .btn-box a:focus {
                color: #fff;
            }

    .signin form#forget-block {
        position: fixed;
        padding: 40px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        max-width: 570px;
        z-index: 10010;
        display: none;
    }

        .signin form#forget-block hr {
            margin: 20px 0;
        }

        .signin form#forget-block .remove-btn {
            position: absolute;
            right: 20px;
            top: 15px;
        }

        .signin form#forget-block a#remove-forget {
            font-size: 18px;
            color: #808080;
        }

    .signin ul.experience {
        margin: 25px 0;
    }

ul.experience {
    width: 100%;
}

    ul.experience li {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        ul.experience li p {
            line-height: 2;
            color: #111;
        }

        ul.experience li i {
            margin-right: 10px;
            color: #666;
            font-size: 18px;
        }

        ul.experience li:first-child i, ul.experience li:nth-child(2) i {
            font-size: 16px;
            margin-left: 1px;
            margin-right: 11px;
        }

span#payform {
    top: -120px;
}

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

.signup-top > ul, .cart-top > ul {
    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;
}

    .signup-top > ul > li, .cart-top > ul > li {
        font-size: 16px;
        font-weight: bold;
        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-right: 33px;
        margin: 0 5px;
    }

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

        .signup-top > ul > li::after, .cart-top > ul > li::after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translate(0, -50%) rotate(-90deg);
            transform: translate(0, -50%) rotate(-90deg);
            width: 24px;
            height: 24px;
            background-image: url("../img/select.svg");
            background-size: contain;
        }

        .signup-top > ul > li:last-child, .cart-top > ul > li:last-child {
            padding-right: 0;
        }

            .signup-top > ul > li:last-child::after, .cart-top > ul > li:last-child::after {
                display: none;
            }

        .signup-top > ul > li.active, .cart-top > ul > li.active {
            color: #7f7f7f;
        }

            .signup-top > ul > li.active i, .signup-top > ul > li.active h1, .cart-top > ul > li.active i, .cart-top > ul > li.active h1 {
                color: #7f7f7f;
            }

.cart-top {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 45px;
}

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

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

        .cart-top > ul > li h1 {
            font-size: 16px;
            letter-spacing: 0;
            font-weight: bold;
        }

.signup {
    width: 100%;
    max-width: 620px;
    padding: 0 20px;
    margin: 0 auto;
    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;
}

    .signup .signup-top {
        margin-bottom: 27px;
    }

        .signup .signup-top h1 {
            font-size: 30px;
            font-weight: bold;
            line-height: 1;
            letter-spacing: 3px;
            text-align: center;
            margin-bottom: 22px;
        }

    .signup .sign-block p {
        line-height: 1.3;
        padding: 5px 0;
    }

    .signup .sign-block > form#signup1 .form-item label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .signup .sign-block > form#signup1 .form-item label p {
            line-height: 1.2;
        }

        .signup .sign-block > form#signup1 .form-item label a {
            margin: 0 2px;
        }

    .signup .sign-block > form#signup1 .form-item .form-title {
        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;
    }

        .signup .sign-block > form#signup1 .form-item .form-title.required.haswarning::after {
            display: none;
        }

        .signup .sign-block > form#signup1 .form-item .form-title.required.haswarning p::after {
            content: '*';
            margin-right: 8px;
            color: #111;
        }

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

    .signup .sign-block > form#signup1 .form-btn {
        margin-top: 30px;
    }

    .signup .sign-block form#signup2 .form-btn {
        margin-top: 15px;
        margin-bottom: 5px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .signup .sign-block.signup3 hr {
        margin: 10px 0 15px 0;
    }

    .signup .sign-block.signup3 .form-btn {
        margin-top: 25px;
        margin-bottom: 7px;
    }

        .signup .sign-block.signup3 .form-btn button {
            width: 220px;
        }

    .signup .sign-block.signup4 hr {
        margin: 10px 0 15px 0;
    }

    .signup .sign-block.signup4 ul.experience {
        margin: 5px 0 30px 0;
    }

    .signup .sign-block.signup4 .form-btn button.white {
        border-color: #b3b3b3;
    }

        .signup .sign-block.signup4 .form-btn button.white:hover, .signup .sign-block.signup4 .form-btn button.white:focus {
            border-color: #7f7f7f;
        }

    .signup .sign-block.reser3 .btn-box {
        margin-top: 25px;
    }

        .signup .sign-block.reser3 .btn-box a {
            letter-spacing: 3px;
        }

    .signup .sign-block#pay-credit {
        margin-bottom: 60px;
    }

    .signup .sign-block#pay-atm, .signup .sign-block#pay-credit {
        display: none;
    }

        .signup .sign-block#pay-atm.active, .signup .sign-block#pay-credit.active {
            display: block;
        }

        .signup .sign-block#pay-atm span.order-no, .signup .sign-block#pay-credit span.order-no {
            text-decoration: underline;
        }

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

            .signup .sign-block#pay-atm .btn-box > a i, .signup .sign-block#pay-credit .btn-box > a i {
                right: 20px;
            }

.bgpurple h1.cart-title {
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 30px;
}

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

    .bgpurple .innerpage.container.cart .bottom-back {
        width: 100%;
        padding-top: 10px;
        margin-bottom: -10px;
    }

    .bgpurple .innerpage.container.cart .cart-left {
        width: calc(100% - 420px);
        margin-right: 20px;
    }

        .bgpurple .innerpage.container.cart .cart-left ul#tobuylist {
            width: 100%;
        }

            .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li {
                width: 100%;
                padding: 35px 25px;
                border-bottom: 1px solid #d1b691
                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;
            }

                .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li:last-child {
                    border-bottom: none;
                }

                .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li p {
                    font-size: 14px;
                    line-height: 1;
                }

                .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li h5 {
                    font-weight: bold;
                    margin: 10px 0;
                    line-height: 1;
                }

                .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li h6 {
                    font-size: 12px;
                    line-height: 1;
                }

                    .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li h6.gray {
                        color: #808080;
                    }

                        .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li h6.gray span.discount {
                            margin-left: 5px;
                        }

                .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .bottom-box {
                    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;
                    margin-top: 40px;
                }

                    .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .bottom-box > li {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        margin-right: 20px;
                    }

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

                        .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .bottom-box > li:last-child {
                            margin-right: 0;
                        }

                        .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .bottom-box > li input, .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .bottom-box > li select {
                            padding: 6px 10px;
                            font-size: 12px;
                            margin-left: 5px;
                        }

                        .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .bottom-box > li select {
                            width: 80px;
                            background-position: calc(100% - 5px) center;
                            background-size: auto 50%;
                        }

                        .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .bottom-box > li .amount {
                            /*width: calc(100% - 45px);
  max-width: 100px;*/
                            margin-left: 5px;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                        }

                            .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .bottom-box > li .amount input {
                                text-align: center;
                                min-width: 50px;
                            }

                                .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .bottom-box > li .amount input:focus {
                                    border-color: #d8d7da;
                                }



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

                                    .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .bottom-box > li .amount input.amount-num:focus {
                                        background-color: #fff;
                                    }

                .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .list-remove {
                    position: absolute;
                    right: 15px;
                    top: 12px;
                    z-index: 2;
                }

                .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .img {
                    width: 160px;
                    height: 200px;
                    background-color: #fbfbfb;
                    padding: 10px;
                }

                    .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .img img {
                        width: 100%;
                        -webkit-transition: .3s;
                        transition: .3s;
                    }

                    .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .img a:hover img, .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .img:focus img {
                        opacity: .7;
                    }

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

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

                .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .price {
                    width: 230px;
                    padding: 10px;
                }

                    .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .price h6.to-favorite {
                        margin-top: 68px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                        .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .price h6.to-favorite a, .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .price h6.to-favorite i {
                            color: rgba(27, 27, 27, 0.6);
                            -webkit-transition: 0s;
                            transition: 0s;
                        }

                        .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .price h6.to-favorite a {
                            font-weight: bold;
                            text-decoration: underline;
                        }

                        .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .price h6.to-favorite i {
                            font-size: 14px;
                            margin-right: 5px;
                        }

                        .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .price h6.to-favorite:hover a, .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .price h6.to-favorite:hover i, .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .price h6.to-favorite.active a, .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li .price h6.to-favorite.active i {
                            color: #7f7f7f;
                        }

                .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li#nocart h5 {
                    width: 100%;
                    text-align: center;
                }

                    .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li#nocart h5 a {
                        color: #7f7f7f;
                    }

                        .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li#nocart h5 a i {
                            color: #7f7f7f;
                            padding-left: 5px;
                            -webkit-transition: .3s;
                            transition: .3s;
                        }

                        .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li#nocart h5 a:hover, .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li#nocart h5 a:focus {
                            color: #a98050;
                        }

                            .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li#nocart h5 a:hover i, .bgpurple .innerpage.container.cart .cart-left ul#tobuylist > li#nocart h5 a:focus i {
                                color: #a98050;
                            }

        .bgpurple .innerpage.container.cart .cart-left .cart-block.notitle {
            padding: 20px;
            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.notitle h6 {
                font-weight: bold;
                padding: 5px 0;
                margin-right: 45px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .bgpurple .innerpage.container.cart .cart-left .cart-block.notitle h6 i {
                    color: #7f7f7f;
                    font-size: 18px;
                    margin-right: 5px;
                }

                .bgpurple .innerpage.container.cart .cart-left .cart-block.notitle h6.right {
                    position: absolute;
                    right: 25px;
                    top: 50%;
                    margin-right: 0;
                    -webkit-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                }

                    .bgpurple .innerpage.container.cart .cart-left .cart-block.notitle h6.right i {
                        font-size: 16px;
                        margin-right: 8px;
                    }

                    .bgpurple .innerpage.container.cart .cart-left .cart-block.notitle h6.right a:hover, .bgpurple .innerpage.container.cart .cart-left .cart-block.notitle h6.right a:focus {
                        color: #7f7f7f;
                    }

        .bgpurple .innerpage.container.cart .cart-left .cart-inner {
            padding: 30px;
            width: 100%;
        }

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

            .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio {
                width: 100%;
                margin: 20px 0 10px 0;
                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.cart .cart-left .cart-inner ul.big-radio li {
                    width: calc(50% - 10px);
                }

                    .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio li input[type="radio"] {
                        display: none;
                    }

                        .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio li input[type="radio"]:checked ~ label {
                            background-image: url("../img/radio-p.svg");
                            border-color: #7f7f7f;
                        }

                            .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio li input[type="radio"]:checked ~ label i {
                                color: #7f7f7f;
                            }

                    .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio li label {
                        width: 100%;
                        height: 100%;
                        padding: 23px 20px 23px 70px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        border: 1px solid #dcdcdc;
                        border-radius: 5px;
                        background-image: url("../img/unradio.svg");
                        background-size: 30px 30px;
                        background-repeat: no-repeat;
                        background-position: 30px 50%;
                        -webkit-transition: .3s;
                        transition: .3s;
                        cursor: pointer;
                    }

                        .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio li label:hover {
                            background-color: #fcf8ff;
                        }

                        .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio li label i {
                            font-size: 56px;
                            margin-right: 15px;
                            color: #808080;
                        }

                        .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio li label h5 {
                            font-weight: bold;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -ms-flex-wrap: wrap;
                            flex-wrap: wrap;
                            -webkit-box-align: end;
                            -ms-flex-align: end;
                            align-items: flex-end;
                        }

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

                        .bgpurple .innerpage.container.cart .cart-left .cart-inner ul.big-radio li label h6 {
                            color: #808080;
                            font-weight: bold;
                        }

        .bgpurple .innerpage.container.cart .cart-left ul#receive-block, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-line-pack: start;
            align-content: flex-start;
            padding: 40px 0;
        }

            .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li {
                width: 50%;
                padding: 0 30px;
                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;
                border-right: 1px solid #d1b691
            }

                .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li:last-child, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li:last-child {
                    border-right: none;
                }

                .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .title, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .title {
                    width: 100%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    margin-bottom: 20px;
                }

                    .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .title input[type="checkbox"], .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .title input[type="checkbox"] {
                        display: none;
                    }

                        .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .title input[type="checkbox"]:checked ~ label, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .title input[type="checkbox"]:checked ~ label {
                            color: #000;
                            background-image: url("../img/check.svg");
                        }

                    .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-family: '微軟正黑體';
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        color: #808080;
                        background-size: 20px 20px;
                        background-repeat: no-repeat;
                        background-position: left center;
                        cursor: pointer;
                        margin-left: 20px;
                        padding: 0 0 0 28px;
                        text-decoration: underline;
                        background-image: url("../img/uncheck.svg");
                    }

                .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: 62%;
                }

                .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: calc(38% - 10px);
                }

                    .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: 7px;
                    }

                .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item.address, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item.address {
                    margin-bottom: 0;
                }

                    .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item.address .postal, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item.address .postal {
                        margin-bottom: 10px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                        .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 {
                            width: 150px;
                            margin-right: 25px;
                        }

                .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item.convenience, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item.convenience {
                    margin-bottom: 0;
                }

                    .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item.convenience input, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item.convenience input {
                        margin-top: 10px;
                    }

                    .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item.convenience .store, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item.convenience .store {
                        width: 100%;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                        .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: calc(100% - 150px);
                            margin-right: 25px;
                        }

                .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item#address-block, .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item#convenience-block, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item#address-block, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item#convenience-block {
                    display: none;
                }

                    .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item#address-block.active, .bgpurple .innerpage.container.cart .cart-left ul#receive-block > li .form-item#convenience-block.active, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item#address-block.active, .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item#convenience-block.active {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                    }

        .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail {
            padding: 0 0 40px 0;
        }

            .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li {
                padding: 0;
            }

                .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li:nth-child(2n-1) {
                    padding-right: 30px;
                }

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

                .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item .warning {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    color: #7f7f7f;
                    font-weight: bold;
                    padding: 12px 0;
                }

                    .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item .warning i {
                        color: #7f7f7f;
                        margin-right: 8px;
                    }

                .bgpurple .innerpage.container.cart .cart-left ul#reservation-datail > li .form-item.last {
                    margin-bottom: 0;
                }

        .bgpurple .innerpage.container.cart .cart-left .notice {
            padding: 40px 0 10px 0;
            border-top: 1px solid #d1b691
        }

            .bgpurple .innerpage.container.cart .cart-left .notice h5 {
                line-height: 1;
                padding: 0 0 20px 0;
            }

            .bgpurple .innerpage.container.cart .cart-left .notice p {
                line-height: 2;
            }

        .bgpurple .innerpage.container.cart .cart-left #cloud {
            display: none;
        }

            .bgpurple .innerpage.container.cart .cart-left #cloud.active {
                display: block;
            }

            .bgpurple .innerpage.container.cart .cart-left #cloud h5 {
                margin-bottom: 20px;
            }

            .bgpurple .innerpage.container.cart .cart-left #cloud .form-item.check {
                margin-bottom: 10px;
            }

        .bgpurple .innerpage.container.cart .cart-left #paper-invoice {
            display: none;
        }

            .bgpurple .innerpage.container.cart .cart-left #paper-invoice.active {
                display: block;
            }

            .bgpurple .innerpage.container.cart .cart-left #paper-invoice h5 {
                margin-bottom: 20px;
            }

            .bgpurple .innerpage.container.cart .cart-left #paper-invoice p.margin {
                margin: 30px 0 20px 0;
            }

            .bgpurple .innerpage.container.cart .cart-left #paper-invoice .form-item .form-title.invoice {
                margin: 15px 0 5px 0;
                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 #paper-invoice .form-item .form-title.invoice input[type="radio"] {
                    display: none;
                }

                    .bgpurple .innerpage.container.cart .cart-left #paper-invoice .form-item .form-title.invoice input[type="radio"]:checked ~ label {
                        color: #000;
                        background-image: url("../img/radio.svg");
                    }

                .bgpurple .innerpage.container.cart .cart-left #paper-invoice .form-item .form-title.invoice label {
                    font-family: '微軟正黑體';
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    color: #808080;
                    background-size: 20px 20px;
                    background-repeat: no-repeat;
                    background-position: left center;
                    cursor: pointer;
                    margin-right: 40px;
                    padding: 5px 0 5px 30px;
                    background-image: url("../img/unradio.svg");
                }

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

        .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points {
            margin-bottom: 12px;
        }

            .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code input[type="checkbox"], .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points input[type="checkbox"] {
                display: none;
            }

                .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code input[type="checkbox"]:checked ~ label, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points input[type="checkbox"]:checked ~ label {
                    color: #000;
                    background-image: url("../img/check.svg");
                }

            .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code label, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points label {
                font-family: '微軟正黑體';
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: #808080;
                background-size: 20px 20px;
                background-repeat: no-repeat;
                background-position: left center;
                cursor: pointer;
                padding: 0 0 0 28px;
                margin-left: -2px;
                color: #1b1b1b;
                font-weight: bold;
                text-decoration: underline;
                background-image: url("../img/uncheck.svg");
            }

            .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show {
                padding: 10px 0;
                display: none;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show.active, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show.active {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show h6, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show h6 {
                    line-height: 1.8;
                }

                    .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show h6.gray, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show h6.gray {
                        color: #808080;
                    }

                        .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show h6.gray span, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show h6.gray span {
                            text-decoration: underline;
                            color: #808080;
                        }

                    .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 {
                        margin-bottom: 8px;
                    }

                .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: 15px 20px;
                }

                    .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show a.apply-btn p, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show a.apply-btn p {
                        color: #fff;
                    }

                .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% - 97px);
                    margin-right: 5px;
                }

                .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 .amount {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show .amount input, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show .amount input {
                        margin: 0;
                    }

                        .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show .amount input:focus, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show .amount input:focus {
                            border-color: #d8d7da;
                        }

                        .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show .amount input[type="text"], .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show .amount input[type="text"] {
                            width: calc(100% - 80px);
                            text-align: center;
                            border-left: none;
                            border-right: none;
                        }

                            .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show .amount input[type="text"]:focus, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show .amount input[type="text"]:focus {
                                background-color: #fff;
                            }

                        .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show .amount input[type="button"], .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show .amount input[type="button"] {
                            width: 40px;
                            cursor: pointer;
                        }

                            .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show .amount input[type="button"]:hover, .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show .amount input[type="button"]:focus, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show .amount input[type="button"]:hover, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show .amount input[type="button"]:focus {
                                background-color: #dcd9df;
                            }



                .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: 92px;
                    background-color: #7f7f7f;
                    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;
                    color: #fff;
                    font-weight: bold;
                    border: 1px solid #7f7f7f;
                    cursor: pointer;
                    -webkit-transition: .3s;
                    transition: .3s;
                }

                    .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show a.apply-btn:hover, .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .check-show a.apply-btn:focus, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show a.apply-btn:hover, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show a.apply-btn:focus {
                        background-color: #a98050;
                    }

            .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .apply-show, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .apply-show {
                display: none;
                padding: 15px 0 10px 0;
            }

                .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .apply-show.active, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .apply-show.active {
                    display: block;
                }

                .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .apply-show .jcsb, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .apply-show .jcsb {
                    margin-bottom: 0;
                }

                .bgpurple .innerpage.container.cart .cart-right #total-price #promotion-code .apply-show a.modify, .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .apply-show a.modify {
                    color: #7f7f7f;
                    font-size: 12px;
                    text-decoration: underline;
                }

            .bgpurple .innerpage.container.cart .cart-right #total-price #bonus-points .check-show {
                padding: 10px 0 0 0;
            }

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

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

            .bgpurple .innerpage.container.cart .cart-right #total-price .jcsb, .bgpurple .innerpage.container.cart .cart-right #mycart .jcsb, .bgpurple .innerpage.container.cart .cart-right #myreser .jcsb {
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                margin-bottom: 12px;
            }

            .bgpurple .innerpage.container.cart .cart-right #total-price p.back, .bgpurple .innerpage.container.cart .cart-right #mycart p.back, .bgpurple .innerpage.container.cart .cart-right #myreser p.back {
                text-align: center;
                font-weight: bold;
                text-decoration: underline;
            }

                .bgpurple .innerpage.container.cart .cart-right #total-price p.back a:hover, .bgpurple .innerpage.container.cart .cart-right #total-price p.back a:focus, .bgpurple .innerpage.container.cart .cart-right #mycart p.back a:hover, .bgpurple .innerpage.container.cart .cart-right #mycart p.back a:focus, .bgpurple .innerpage.container.cart .cart-right #myreser p.back a:hover, .bgpurple .innerpage.container.cart .cart-right #myreser p.back a:focus {
                    color: #7f7f7f;
                }

            .bgpurple .innerpage.container.cart .cart-right #total-price .btn-box, .bgpurple .innerpage.container.cart .cart-right #mycart .btn-box, .bgpurple .innerpage.container.cart .cart-right #myreser .btn-box {
                margin-top: 20px;
                margin-bottom: 10px;
            }

                .bgpurple .innerpage.container.cart .cart-right #total-price .btn-box a i, .bgpurple .innerpage.container.cart .cart-right #mycart .btn-box a i, .bgpurple .innerpage.container.cart .cart-right #myreser .btn-box a i {
                    right: 20px;
                }

            .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li {
                width: 100%;
                margin-bottom: 15px;
                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-right #mycart ul#last-order > li .img, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .img {
                    background-color: #fbfbfb;
                    width: 110px;
                    height: 110px;
                }

                    .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .img a, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .img a {
                        border: 1px solid transparent;
                        width: 100%;
                        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;
                    }

                        .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .img a img, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .img a img {
                            width: 100%;
                            padding: 6px;
                        }

                        .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .img a:hover, .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .img a:focus, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .img a:hover, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .img a:focus {
                            border-color: #7f7f7f;
                        }

                .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .info, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .info {
                    width: calc(100% - 110px);
                    padding-left: 12px;
                }

                    .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .info .brand > img, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .info .brand > img {
                        height: 10px;
                        margin-bottom: 5px;
                    }

                    .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 {
                        width: 100%;
                        line-height: 1.8;
                    }

                        .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .info p.gray, .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .info h6.gray, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .info p.gray, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .info h6.gray {
                            color: #808080;
                        }

                    .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .info p, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .info p {
                        font-size: 14px;
                    }

                        .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .info p span, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .info p span {
                            font-family: '微軟正黑體';
                        }

                            .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 {
                                position: absolute;
                                right: 0;
                                top: 50%;
                                -webkit-transform: translate(0, -50%);
                                transform: translate(0, -50%);
                            }

                            .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .info p span.origin, .bgpurple .innerpage.container.cart .cart-right #mycart ul#last-order > li .info p span.discount, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .info p span.origin, .bgpurple .innerpage.container.cart .cart-right #myreser ul#last-order > li .info p span.discount {
                                font-size: 12px;
                            }

                    .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 h6 {
                        font-size: 12px;
                    }

        .bgpurple .innerpage.container.cart .cart-left .cart-block, .bgpurple .innerpage.container.cart .cart-right .cart-block {
            width: 100%;
            margin-bottom: 20px;
            background-color: #fff;
            -webkit-box-shadow: 0 0 5px rgba(100, 100, 100, 0.3);
            box-shadow: 0 0 5px rgba(100, 100, 100, 0.3);
        }

            .bgpurple .innerpage.container.cart .cart-left .cart-block > .title, .bgpurple .innerpage.container.cart .cart-right .cart-block > .title {
                font-size: 20px;
                font-family: '微軟正黑體';
                width: 100%;
                padding: 25px 25px 18px 25px;
                letter-spacing: 1px;
                line-height: 1;
                font-weight: bold;
                border-bottom: 1px solid #d1b691
            }

                .bgpurple .innerpage.container.cart .cart-left .cart-block > .title > a, .bgpurple .innerpage.container.cart .cart-right .cart-block > .title > a {
                    font-size: 14px;
                    position: absolute;
                    right: 25px;
                    top: 50%;
                    -webkit-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    color: #808080;
                    text-decoration: underline;
                }

                    .bgpurple .innerpage.container.cart .cart-left .cart-block > .title > a:hover, .bgpurple .innerpage.container.cart .cart-left .cart-block > .title > a:focus, .bgpurple .innerpage.container.cart .cart-right .cart-block > .title > a:hover, .bgpurple .innerpage.container.cart .cart-right .cart-block > .title > a:focus {
                        color: #7f7f7f;
                    }

#photo-swiper {
    width: 100%;
    max-width: 1200px;
    margin-top: 30px;
}

    #photo-swiper .swiper-container {
        width: 100%;
        height: auto;
    }

        #photo-swiper .swiper-container .swiper-slide {
            height: 100%;
            background-size: cover;
            background-position: center;
        }

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

            #photo-swiper .swiper-container.gallery-big .swiper-slide img {
                width: 100%;
                height: auto;
            }

        #photo-swiper .swiper-container.gallery-thumbs {
            height: 175px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 30px 0;
        }

            #photo-swiper .swiper-container.gallery-thumbs .swiper-slide {
                height: 100px;
                opacity: 0.4;
                border: 2px solid #fff;
                cursor: pointer;
            }

            #photo-swiper .swiper-container.gallery-thumbs .swiper-slide-thumb-active {
                opacity: 1;
                border-color: #b8b8b8;
            }

        #photo-swiper .swiper-container .swiper-pagination-bullet {
            background-color: #bea0c6;
            opacity: 0.26;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        #photo-swiper .swiper-container .swiper-pagination-bullet-active {
            opacity: 1;
        }

        #photo-swiper .swiper-container .swiper-button-next, #photo-swiper .swiper-container .swiper-container-rtl .swiper-button-prev {
            right: 0;
        }

        #photo-swiper .swiper-container .swiper-button-prev, #photo-swiper .swiper-container .swiper-container-rtl .swiper-button-next {
            left: 0;
        }

        #photo-swiper .swiper-container .swiper-pagination {
            text-align: center;
        }

    #photo-swiper .swiper-container-horizontal > .swiper-pagination-bullets, #photo-swiper .swiper-pagination-custom, #photo-swiper .swiper-pagination-fraction {
        bottom: 0;
        padding-right: 0;
    }

.bgpurple .edit.container {
    width: 100%;
    max-width: 1280px;
    padding: 0 40px;
    margin: 15px auto;
    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;
}

    .bgpurple .edit.container .wrap {
        width: 100%;
        background-color: #fff;
        -webkit-box-shadow: 0 0 5px rgba(100, 100, 100, 0.3);
        box-shadow: 0 0 5px rgba(100, 100, 100, 0.3);
    }

    .bgpurple .edit.container .edit-title {
        width: 100%;
        padding: 35px 20px;
        border-bottom: 1px solid #d1b691;
    }

        .bgpurple .edit.container .edit-title h1 {
            width: 100%;
            line-height: 1.3;
            text-align: center;
            font-weight: bold;
            font-family: '微軟正黑體';
        }

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

            .bgpurple .edit.container .edit-title.edit-inner h1 {
                font-size: 30px;
                letter-spacing: 2px;
            }

            .bgpurple .edit.container .edit-title.edit-inner .title-bottom {
                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;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-top: 15px;
            }

                .bgpurple .edit.container .edit-title.edit-inner .title-bottom h6 {
                    color: #808080;
                    text-align: center;
                    font-weight: bold;
                    font-family: '微軟正黑體';
                    margin: 0 10px;
                }

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

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

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

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

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

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

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

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

        .bgpurple .edit.container .edit-block h1, .bgpurple .edit.container .edit-block h2, .bgpurple .edit.container .edit-block h3, .bgpurple .edit.container .edit-block h4, .bgpurple .edit.container .edit-block h5, .bgpurple .edit.container .edit-block h6, .bgpurple .edit.container .edit-block p {
            line-height: 1.8;
            letter-spacing: 1px;
            font-family: '微軟正黑體';
        }

        .bgpurple .edit.container .edit-block img {
            max-width: 100% !important;
            height: auto !important;
        }

        .bgpurple .edit.container .edit-block ul#pagination {
            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;
            -ms-flex-line-pack: center;
            align-content: center;
        }

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

                .bgpurple .edit.container .edit-block ul#pagination 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;
                    padding: 12px 17px;
                    border-bottom: 3px solid transparent;
                }

                    .bgpurple .edit.container .edit-block ul#pagination li a h2 {
                        font-size: 20px;
                        color: #808080;
                        font-weight: bold;
                        letter-spacing: 1px;
                        line-height: 1.5;
                    }

                    .bgpurple .edit.container .edit-block ul#pagination li a::after {
                        content: '';
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        height: 3px;
                        background-color: #b8b8b8;
                        -webkit-transform-origin: center center;
                        transform-origin: center center;
                        -webkit-transform: scale(0, 1);
                        transform: scale(0, 1);
                        -webkit-transition: .3s;
                        transition: .3s;
                    }

                .bgpurple .edit.container .edit-block ul#pagination li:hover a h2, .bgpurple .edit.container .edit-block ul#pagination li.active a h2 {
                    color: #111;
                }

                .bgpurple .edit.container .edit-block ul#pagination li:hover a::after, .bgpurple .edit.container .edit-block ul#pagination li.active a::after {
                    -webkit-transform: scale(1, 1);
                    transform: scale(1, 1);
                }

        .bgpurple .edit.container .edit-block ul#faq-list {
            width: 100%;
            margin-top: 20px;
        }

            .bgpurple .edit.container .edit-block ul#faq-list li {
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                border-bottom: 1px solid rgba(191, 159, 198, 0.5);
            }

                .bgpurple .edit.container .edit-block ul#faq-list li .title, .bgpurple .edit.container .edit-block ul#faq-list li .answer {
                    width: 100%;
                }

                .bgpurple .edit.container .edit-block ul#faq-list li .title {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding: 28px 60px;
                    cursor: pointer;
                }

                    .bgpurple .edit.container .edit-block ul#faq-list li .title h2 {
                        font-size: 18px;
                        letter-spacing: 1px;
                        line-height: 1.3;
                    }

                    .bgpurple .edit.container .edit-block ul#faq-list li .title i {
                        position: absolute;
                        top: 50%;
                        -webkit-transform: translate(0, -50%);
                        transform: translate(0, -50%);
                        color: #7f7f7f;
                    }

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

                        .bgpurple .edit.container .edit-block ul#faq-list li .title i.icon-keyboard_arrow_down {
                            right: 18px;
                            font-size: 28px;
                            -webkit-transform: translate(0, -50%) rotate(0);
                            transform: translate(0, -50%) rotate(0);
                            -webkit-transition: .5s;
                            transition: .5s;
                        }

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

                    .bgpurple .edit.container .edit-block ul#faq-list li .answer a {
                        text-decoration: underline;
                        -webkit-transition: .3s;
                        transition: .3s;
                    }

                        .bgpurple .edit.container .edit-block ul#faq-list li .answer a:hover, .bgpurple .edit.container .edit-block ul#faq-list li .answer a:focus {
                            color: #7f7f7f;
                        }

                .bgpurple .edit.container .edit-block ul#faq-list li.active .title h2 {
                    color: #b37bc0;
                    font-weight: bold;
                }

                .bgpurple .edit.container .edit-block ul#faq-list li.active .title i.icon-keyboard_arrow_down {
                    -webkit-transform: translate(0, -50%) rotate(180deg);
                    transform: translate(0, -50%) rotate(180deg);
                }

        .bgpurple .edit.container .edit-block .story-block {
            width: 100%;
            padding: 90px 0 150px 0;
            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;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .bgpurple .edit.container .edit-block .story-block .left {
                width: 50%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                .bgpurple .edit.container .edit-block .story-block .left img {
                    width: 292px;
                    height: auto;
                }

            .bgpurple .edit.container .edit-block .story-block .right {
                width: 50%;
            }

                .bgpurple .edit.container .edit-block .story-block .right h3 {
                    margin-bottom: 5px;
                }

                .bgpurple .edit.container .edit-block .story-block .right h3, .bgpurple .edit.container .edit-block .story-block .right p {
                    line-height: 1.5;
                    padding: 5px 0;
                }

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

            .bgpurple .edit.container .edit-block ul.news-list li a .title {
                font-weight: normal;
            }

        .bgpurple .edit.container .edit-block ul#pagebox {
            border-top: none;
        }

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

            .bgpurple .edit.container .edit-block.edit-inner a {
                color: #7f7f7f;
                text-decoration: underline;
                -webkit-transition: .3s;
                transition: .3s;
            }

                .bgpurple .edit.container .edit-block.edit-inner a:hover, .bgpurple .edit.container .edit-block.edit-inner a:focus {
                    color: #a98050;
                }

        .bgpurple .edit.container .edit-block #store-search {
            width: 100%;
            padding: 5px 25px 25px 25px;
            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;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-bottom: 1px solid rgba(191, 159, 198, 0.5);
        }

            .bgpurple .edit.container .edit-block #store-search > p {
                font-weight: bold;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-right: 10px;
            }

                .bgpurple .edit.container .edit-block #store-search > p i {
                    font-size: 24px;
                    margin-left: 10px;
                }

            .bgpurple .edit.container .edit-block #store-search > select {
                width: 30%;
                margin: 0 10px;
            }

        .bgpurple .edit.container .edit-block ul#store-list {
            width: 100%;
            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;
            -ms-flex-line-pack: start;
            align-content: flex-start;
        }

            .bgpurple .edit.container .edit-block ul#store-list > li {
                width: calc(50% - 10px);
                padding: 40px 10px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-line-pack: start;
                align-content: flex-start;
                border-bottom: 1px solid rgba(191, 159, 198, 0.5);
            }

                .bgpurple .edit.container .edit-block ul#store-list > li:hover h2, .bgpurple .edit.container .edit-block ul#store-list > li:hover .num i {
                    color: #7f7f7f;
                }

                .bgpurple .edit.container .edit-block ul#store-list > li .num {
                    width: 50px;
                }

                    .bgpurple .edit.container .edit-block ul#store-list > li .num i {
                        position: absolute;
                        top: 0;
                        left: 50%;
                        -webkit-transform: translate(-50%, 0);
                        transform: translate(-50%, 0);
                        font-size: 44px;
                        color: #444e4f;
                        -webkit-transition: .5s;
                        transition: .5s;
                    }

                    .bgpurple .edit.container .edit-block ul#store-list > li .num h6 {
                        font-family: 'Arial';
                        font-weight: bold;
                        color: #fff;
                        line-height: 1;
                        letter-spacing: 0px;
                        position: absolute;
                        top: 10px;
                        left: 50%;
                        -webkit-transform: translate(-50%, 0);
                        transform: translate(-50%, 0);
                    }

                .bgpurple .edit.container .edit-block ul#store-list > li .font {
                    width: calc(100% - 50px);
                    padding-left: 10px;
                }

                    .bgpurple .edit.container .edit-block ul#store-list > li .font h2 {
                        font-size: 18px;
                        font-weight: bold;
                        margin-bottom: 7px;
                        -webkit-transition: .5s;
                        transition: .5s;
                    }

                    .bgpurple .edit.container .edit-block ul#store-list > li .font a {
                        text-decoration: underline;
                    }

                        .bgpurple .edit.container .edit-block ul#store-list > li .font a:hover, .bgpurple .edit.container .edit-block ul#store-list > li .font a:focus {
                            color: #7f7f7f;
                        }

    .bgpurple .edit.container ul#edit-inner-pagebox {
        width: 100%;
        padding: 35px 45px;
        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;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid #d1b691
    }

        .bgpurple .edit.container ul#edit-inner-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;
        }

            .bgpurple .edit.container ul#edit-inner-pagebox li a i, .bgpurple .edit.container ul#edit-inner-pagebox li a h5 {
                color: #7f7f7f;
                font-weight: bold;
                -webkit-transition: .3s;
                transition: .3s;
            }

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

        .bgpurple .edit.container ul#edit-inner-pagebox li.back a h5 {
            font-family: '微軟正黑體';
            text-decoration: underline;
        }

        .bgpurple .edit.container ul#edit-inner-pagebox li.prev a i {
            margin-right: 10px;
        }

        .bgpurple .edit.container ul#edit-inner-pagebox li.next a i {
            margin-left: 10px;
        }

.product-search {
    width: 100%;
    padding: 30px 0 45px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #d1b691
}

    .product-search h5 {
        width: 100%;
        text-align: center;
    }

    .product-search form {
        width: 100%;
        padding: 0 20px;
        margin-top: 20px;
        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;
    }

        .product-search form input, .product-search form button {
            padding: 20px 25px;
            height: 58px;
            font-size: 18px;
            letter-spacing: 1px;
        }

        .product-search form input {
            width: calc(100% - 130px);
            max-width: 750px;
            margin-right: 10px;
        }

        .product-search form button {
            width: 120px;
            background-color: #7f7f7f;
            letter-spacing: 3px;
            color: #fff;
            font-weight: bold;
            border: none;
            outline: none;
            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;
            cursor: pointer;
            -webkit-transition: .5s;
            transition: .5s;
        }

            .product-search form button::before {
                content: '搜尋';
            }

            .product-search form button i {
                color: #fff;
                margin-left: 5px;
                margin-right: -8px;
                font-size: 20px;
            }

            .product-search form button:hover, .product-search form button:focus {
                background-color: #a98050;
            }

.couponTable {
    padding: 0px 10px 10px;
}

    .couponTable table {
        width: 100%;
    }

    .couponTable th {
        text-align: center;
    }

    .couponTable table tbody tr .info {
        line-height: 50px;
        text-align: center;
    }

.news-bar {
    padding-top: 3px;
    padding-bottom: 3px;
    height: 50px;
    background-color: #60bb9e;
    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;
}

    .news-bar div {
        padding-top: 4px;
        width: 100%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        height: 44px;
        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;
    }

    .news-bar a marquee {
        height: 32px;
        color: #111;
    }

    .news-bar a img {
        height: 30px;
        margin-right: 30px;
    }