@charset "utf-8";
/* CSS Document */

/* 重設
--------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    background: transparent; /*vertical-align: baseline;*/
}

ol, ul, li {
    list-style: none;
}

/*以下為針對HTML5,暫時不開放----------------*/
/* HTML5 display-role reset for older browsers */
/*
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
*/
fieldset, img {
    border: none;
}
/*-------------------基本-----------------------------*/
*, ::after, ::before {
    box-sizing: content-box
}

a {
    font-size: 15px;
    text-decoration: none;
    outline: none; /* for Firefox */
    hlbr: expression(this.onFocus=this.blur());
    color: #000 /* for IE */;
    transition: all 0.3s
}

    a:hover
    a:hover {
        font-size: 15px;
        text-decoration: none;
        color: #000;
        outline: none; /* for Firefox */
        hlbr: expression(this.onFocus=this.blur());
        transition: all 0.3s
    }

    a:focus {
        outline: none;
        hlbr: expression(this.onFocus=this.blur());
        text-decoration: none;
        transition: all 0.3s
    }

body {
    outline: none; /* for Firefox */
    hlbr: expression(this.onFocus=this.blur()); /* for IE */
    line-height: 0px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #fff
}
/*TOP整體下滑介面設定*/
.m0 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.m0-2 {
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    height: 0;
    overflow: hidden;
    position: relative;
    z-index: 0;
    opacity: 0;
}

/*top*/
.m1x {
    width: 100%;
    height: 130px;
    overflow: hidden;
}

.m1 {
    width: 100%;
    height: auto;
    background: #f7422f;
    z-index: 999;
    position: fixed;
    background: linear-gradient(10deg,#f7422f 0%,#f7422f 80%) no-repeat center top;
    transition: all 0.3s;
}

    .m1 .a1 {
        width: 1200px;
        height: 100px;
        overflow: hidden;
        margin: 0 auto;
        text-align: center;
        position: relative
    }

    /*常駐選單*/
    .m1 .hd1 {
        width: 100%;
        height: 30px;
        margin: 0 auto;
        text-align: right;
        position: relative;
        background: #f56152;
        z-index: 999
    }

        .m1 .hd1 .lk2a {
            width: 1200px;
            height: 30px;
            margin: 0 auto;
            text-align: right;
            position: relative;
        }

            .m1 .hd1 .lk2a .lk2 {
                width: auto;
                height: 30px;
                margin: 0 0 0 1px;
                text-align: right;
                display: inline-block;
                position: relative
            }

                .m1 .hd1 .lk2a .lk2 > a {
                    width: auto;
                    height: 30px;
                    overflow: hidden;
                    font: 400 14px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #fff;
                    text-align: center;
                    border-radius: 100px;
                    padding: 0 6px
                }

                    .m1 .hd1 .lk2a .lk2 > a:hover {
                        text-decoration: underline
                    }

                    .m1 .hd1 .lk2a .lk2 > a img {
                        width: auto;
                        height: 14px;
                        padding-bottom: 2px;
                        vertical-align: middle;
                        margin-right: 2px
                    }

                /*我的帳號下拉功能介面*/
                .m1 .hd1 .lk2a .lk2 .mn5 {
                    width: 150px;
                    height: 0;
                    overflow: hidden;
                    position: absolute;
                    left: -32px;
                    top: 30px;
                    background: #fff;
                    border: 1px solid #ccc;
                    transition: all 0.3s;
                    opacity: 0;
                    padding: 0 10px
                }

                .m1 .hd1 .lk2a .lk2:hover .mn5 {
                    height: auto;
                    overflow: inherit !important;
                    padding: 8px 10px 12px;
                    transition: all 0.3s;
                    border: 1px solid #ccc;
                    opacity: 1
                }

                .m1 .hd1 .lk2a .lk2 .mn5 .ls41 {
                    width: 100%;
                    ;
                    height: 36px;
                }

                    .m1 .hd1 .lk2a .lk2 .mn5 .ls41 a {
                        width: 100%;
                        height: 36px;
                        overflow: hidden;
                        display: block;
                        font: 400 18px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                        text-align: center;
                        border-bottom: 1px solid #ccc;
                        box-sizing: border-box;
                        color: #111
                    }

                        .m1 .hd1 .lk2a .lk2 .mn5 .ls41 a:hover {
                            background: #f7422f;
                            color: #fff;
                            border-bottom: 1px solid #f7422f
                        }
    /*LG+主選單*/
    .m1 .a1 .lg1 {
        width: auto;
        height: 60px;
        overflow: hidden;
        padding: 20px 0 0;
        float: left;
        margin-right: 40px
    }

        .m1 .a1 .lg1 a img {
            width: 100%;
            height: 100%;
        }

    .m1 .a1 .b1 {
        width: calc(100% - 360px);
        height: 100px;
        overflow: hidden;
        padding: 20px 0 0;
        box-sizing: border-box;
        float: left
    }
        /*搜尋引擎*/
        .m1 .a1 .b1 .sha {
            width: 550px;
            height: 40px;
            overflow: hidden;
            border-radius: 4px;
            background: #fff;
            border: 0px solid #ccc;
            box-sizing: border-box;
            float: left;
            margin-bottom: 1px
        }

            .m1 .a1 .b1 .sha .in1 {
                width: calc(100% - 40px);
                height: 40px;
                overflow: hidden;
                float: left;
                border: 0;
                font: 500 14px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                padding: 0 12px;
                box-sizing: border-box;
            }

            .m1 .a1 .b1 .sha .zm {
                width: 40px;
                height: 40px;
                overflow: hidden;
                float: left;
                border-left: 1px solid #ccc;
                box-sizing: border-box;
            }

                .m1 .a1 .b1 .sha .zm a {
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                    display: block
                }

                    .m1 .a1 .b1 .sha .zm a img {
                        width: 24px;
                        height: 24px;
                        vertical-align: middle;
                        padding: 8px 0 0;
                        transition: all 0.2s
                    }

                        .m1 .a1 .b1 .sha .zm a img:hover {
                            transform: scale(.92);
                            filter: contrast(120%);
                            -webkit-filter: contrast(120%);
                            transition: all 0.2s
                        }
        /*熱門關鍵字*/
        .m1 .a1 .b1 .lka1 {
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 2px 0 0;
            box-sizing: border-box;
            text-align: left
        }

            .m1 .a1 .b1 .lka1 .lk1 {
                width: auto;
                height: 40px;
                overflow: hidden;
                margin: 0 0px 0 0;
                vertical-align: top;
                font: 400 16px/20px "微軟正黑體";
                color: #fff;
                float: left
            }

                .m1 .a1 .b1 .lka1 .lk1 a {
                    width: auto;
                    height: 22px;
                    overflow: hidden;
                    font: 400 16px/20px "微軟正黑體";
                    color: #fff;
                    text-align: left;
                    display: block;
                    border-radius: 100px;
                    padding: 0 4px
                }

                    .m1 .a1 .b1 .lka1 .lk1 a:hover { /*text-decoration:underline*/
                        background: #fff;
                        color: #f7422f
                    }

.bg1 {
    background: #f0f0f0;
}

/*已加入購物車數量按鈕*/
.m1 .a1 .b2 {
    width: 100px;
    height: auto;
    float: right;
    padding-top: 20px
}

    .m1 .a1 .b2 .ls1 {
        width: auto;
        height: 46px;
        float: right;
        position: relative;
        margin-right: 12px
    }

    .m1 .a1 .b2 .ls1b {
        display: none
    }

    .m1 .a1 .b2 .ls1 a {
        width: auto;
        height: 100%;
        display: inline-block
    }

        .m1 .a1 .b2 .ls1 a img {
            width: auto;
            height: 100%;
            vertical-align: middle;
            padding: 8px 0 0;
            transition: all 0.2s
        }

            .m1 .a1 .b2 .ls1 a img:hover {
                transform: scale(.92);
                filter: contrast(120%);
                -webkit-filter: contrast(120%);
                transition: all 0.2s
            }

    .m1 .a1 .b2 .ls1 .ct1 {
        width: 26px;
        height: 26px;
        font: 700 14px/26px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #f7422f;
        position: absolute;
        right: -8px;
        top: -8px;
        border-radius: 100px;
        background: #fff;
        border: 2px solid #f7422f;
        letter-spacing: -2px;
        z-index: 2;
        text-align: center
    }
/*橫幅*/
.bn1 {
    width: 100%;
    height: 900px;
    overflow: hidden;
    background: url("../../images/bn1.jpg") no-repeat center top/cover;
}

/*TOP選單下滑後介面變化設定*/
.m1-2 {
    opacity: 0;
    transition: all 0.3s;
    height: 0;
    overflow: hidden;
}

.top-bar {
    height: 60px;
    transition: all 0.3s;
    opacity: 1;
    overflow: inherit;
    box-shadow: 0px 3px 8px rgba(0,0,0,.2);
}

.top-bar2 {
    height: 0;
    transition: all 0.3s;
    opacity: 0;
    overflow: hidden;
    display: none;
    z-index: 2
}

.top-bar .hd1 {
    height: 60px;
    background: #f7422f;
}

    .top-bar .hd1 .lk2a {
        height: 60px;
    }

        .top-bar .hd1 .lk2a .lk2 {
            height: 60px;
        }

            .top-bar .hd1 .lk2a .lk2 a {
                height: 60px;
                font: 400 14px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #fff;
            }

.top-bar .a1 {
    width: 800px;
    margin: 0 0 0 -600px;
    position: absolute;
    top: -10px;
    left: 50%;
    height: 60px;
    z-index: 999
}

    .top-bar .a1 .b2 {
        display: none
    }

    .top-bar .a1 .lg1 {
        height: 40px;
        padding: 20px 0 0;
        margin-right: 20px
    }

    .top-bar .a1 .b1 {
        width: calc(100% - 170px);
        height: 60px
    }

        .top-bar .a1 .b1 .lka1 {
            display: none
        }
/*分區+分類選單區*/
.m2 {
    width: 100%;
    height: 60px;
    position: relative;
    z-index: 99;
    background: #fff;
    position: relative;
    z-index: 9
}

    .m2 .a2 {
        width: 1200px;
        height: auto;
        margin: 0 auto;
        text-align: left;
        position: relative;
        padding: 0px 0 0;
    }

        .m2 .a2 .lk3 {
            width: auto;
            height: auto;
            margin: 0 15px 0 0;
            display: inline-block;
            position: relative;
        }

            .m2 .a2 .lk3 > a {
                width: auto;
                height: auto;
                overflow: hidden;
                font: 400 16px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #555;
                text-align: center;
                display: inline-block;
                border-radius: 100px;
                padding: 0 0px;
                background: url("../../images/ic8.png") no-repeat center bottom/auto 0px
            }

            .m2 .a2 .lk3:hover > a { /*background:#f7422f;color:#fff*/
                text-decoration: underline;
                color: #f7422f;
                background: url("../../images/ic8.png") no-repeat center bottom/auto 10px
            }

            /*分類選單區---下拉分類*/
            .m2 .a2 .lk3 .mn1 {
                width: 800px;
                height: 0;
                overflow: hidden;
                position: absolute;
                top: 59px;
                left: 50%;
                box-sizing: border-box;
                transition: all 0.3s;
                opacity: 0;
                padding: 0 5px 0 20px;
                border-radius: 6px;
                background: #fff;
                margin-left: -200px
            }

            .m2 .a2 .lk3:hover .mn1 {
                min-height: 100px;
                height: auto;
                overflow: hidden;
                border: 1px solid #f7422f;
                padding: 16px 5px 16px 20px;
                transition: all 0.3s;
                opacity: 1;
                box-shadow: 0 2px 8px rgba(0,0,0,.2)
            }

            .m2 .a2 .lk3 span {
                width: 0;
                height: 0;
                border-bottom: 8px solid #ddd;
                border-left: 8px solid rgba(0,0,0,0);
                border-right: 8px solid rgba(0,0,0,0);
                opacity: 0;
                transition: all 0.3s
            }

            .m2 .a2 .lk3:hover span {
                opacity: 1;
                transition: all 0.3s
            }
            /*分類選單區---下拉分類--單體*/

            .m2 .a2 .lk3 .mn1 .b3 .t1 {
                width: 100%;
                height: 30px;
                overflow: hidden;
                font: 500 20px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #000;
                background: linear-gradient(90deg,#f7422f 50%,#f7422f 50%) no-repeat left 6px/3px 20px;
                padding-left: 16px;
                box-sizing: border-box;
                margin-bottom: 6px
            }

                .m2 .a2 .lk3 .mn1 .b3 .t1 a {
                    font: 500 20px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #000;
                }

                    .m2 .a2 .lk3 .mn1 .b3 .t1 a:hover {
                        color: #f7422f;
                        text-decoration: underline
                    }


            /*.m2 .a2 .lk3 .mn1 .b3 .t1:before{ content:'';font:500 20px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#f7422f;margin-right:-8px;}*/
            .m2 .a2 .lk3 .mn1 .b3 {
                width: 47%;
                height: auto;
                overflow: hidden;
                float: left;
                border-bottom: 1px solid #ccc;
                padding-bottom: 10px;
                margin: 0 3% 10px 0;
                box-sizing: border-box;
            }

                .m2 .a2 .lk3 .mn1 .b3 .ls2a {
                    width: 100%;
                    height: 110px;
                    overflow: hidden;
                    float: left
                }

.ls2 {
    width: auto;
    height: 24px;
    overflow: hidden;
    text-align: left;
    display: inline-block;
    border-radius: 100px;
    margin-bottom: 6px;
    margin: 0 0px 4px 0;
}

    .ls2 a {
        width: auto;
        height: 26px;
        overflow: hidden;
        font: 400 16px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #000;
        display: inline-block;
        border-radius: 100px;
        padding: 0 8px; /*background:#efefef;*/
    }

        .ls2 a:hover {
            background: #f7422f;
            color: #fff
        }

/*------Banner----*/
.m3a {
    width: 100%;
    height: 365px;
    overflow: hidden;
    position: relative
}

.m3 {
    width: 100%;
    height: 365px;
    overflow: hidden;
    line-height: 0;
    margin: 0 0 80px;
    background: #aaa
}
    /*--圖片區域-控制超連結、藏字、顯示背景--*/
    .m3 .carousel-inner > .carousel-item {
        height: 365px;
        background-size: cover
    }


        .m3 .carousel-inner > .carousel-item a {
            width: 860px;
            height: 360px;
            overflow: hidden;
            display: inline-block; /*text-indent:-9999px*/
        }

            .m3 .carousel-inner > .carousel-item a img {
                width: 100%;
                height: 100%;
            }

    /*--主要空間--*/
    .m3 .carousel-caption {
        width: 1200px !important;
        height: 365px;
        top: 0;
        padding: 0;
        left: 50%;
        margin: 0 0 0 -600px
    }

        .m3 .carousel-caption .im1 {
            width: 860px !important;
            height: 365px;
            top: 0;
            padding: 0
        }

            .m3 .carousel-caption .im1 img {
                width: 100%;
                height: 100%;
            }
    /*--圓點Page控制--*/
    .m3 .carousel-indicators {
        width: 860px;
        bottom: 0;
        left: 50%;
        margin: 0 0 0 -600px;
        height: 25px;
        display: flex｜inline-flex
    }

        .m3 .carousel-indicators [data-bs-target] {
            width: 16.66%;
            height: 25px;
            margin: 0;
            font: 400 14px/20px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #fff;
            text-indent: 0;
            background: rgba(0,0,0,.8);
            border: 0;
            opacity: 1;
            letter-spacing: -.5px;
            transition: all 0.3s
        }

            .m3 .carousel-indicators [data-bs-target]:hover {
                background: rgba(250,65,45,.8);
                transition: all 0.3s
            }

            .m3 .carousel-indicators [data-bs-target].active {
                border: 0px solid #517a03;
                box-shadow: 0 1px 3px rgba(0,0,0,0.3);
                cursor: default;
                height: 25px;
                background: #f7422f;
                width: 16.66%;
                font: 400 14px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #fff;
                letter-spacing: -.5px
            }

    .m3 .carousel-control-prev {
        left: 50%;
        margin: 0 0 0 -590px;
        width: 50px;
        transition: all 0.3s;
    }

    .m3 .carousel-control-next {
        right: 50%;
        margin: 0 -250px 0 0;
        width: 50px;
        transition: all 0.3s;
    }

        .m3 .carousel-control-prev img,
        .m3 .carousel-control-next img {
            width: 50px;
            height: 50px;
            transition: all 0.3s
        }

        .m3 .carousel-control-prev:hover,
        .m3 .carousel-control-next:hover {
            transition: all 0.3s;
            transform: scale(.9);
            filter: contrast(120%);
            -webkit-filter: contrast(120%)
        }

    .m3 .carousel-indicators li {
        height: 8px;
        width: 16.66%;
        border: 0px solid #fff;
        background-color: #fff;
        margin: 0 5px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.3);
        transition: all 0.3s;
        background: linear-gradient(90deg,#06a8a7 0%,#1358a1 50%,#3b0262 100%) no-repeat right top/0% 100% rgba(255,255,255,.8);
        background: rgba(255,255,255,.6);
        border-radius: 0px
    }

        .m3 .carousel-indicators li:hover {
            background: #663366;
            border: 0px solid #517a03;
            transition: all 0.3s; /*background:linear-gradient(90deg,#06a8a7 0%,#1358a1 50%,#3b0262 100%) no-repeat left top/100% 100% rgba(255,255,255,.8);*/
        }

/*猜你想看*/
.m3a .a3 {
    width: 320px;
    height: 325px;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 20px;
    right: 50%;
    margin: 0 -600px 0 0;
    z-index: 2;
    border-radius: 8px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.15);
}

    .m3a .a3 .t2 {
        width: 100%;
        height: 30px;
        overflow: hidden;
        font: 500 22px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        background: linear-gradient(90deg,#f7422f 50%,#f7422f 50%) no-repeat left 7px/3px 20px;
        padding-left: 12px;
        box-sizing: border-box;
        margin-bottom: 12px
    }

.ls3 {
    width: 100%;
    height: 120px;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 14px
}

    .ls3 a {
        width: 100%;
        height: 120px;
        overflow: hidden;
        display: block
    }

        .ls3 a:hover {
            background: #efefef
        }

        .ls3 a .im2 {
            width: 120px;
            height: 120px;
            overflow: hidden;
            float: left;
            border-radius: 6px
        }

            .ls3 a .im2 img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

        .ls3 a:hover .im2 img {
            transform: scale(1.08);
            filter: contrast(120%);
            -webkit-filter: contrast(120%);
            transition: all 0.3s
        }

        .ls3 a .b4 {
            width: calc(100% - 130px);
            height: auto;
            float: right
        }

        .ls3 a .t3 {
            width: 100%;
            height: 60px;
            overflow: hidden;
            font: 500 16px/20px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            margin-bottom: 10px;
            transition: all 0.3s;
            letter-spacing: -.5px;
            text-align: justify;
            text-justify: inter-ideograph;
        }

        .ls3 a:hover .b4 .t3 {
            color: #f7422f;
            transition: all 0.3s
        }

        .ls3 a .b4 .pr1 {
            width: 100%;
            height: 20px;
            overflow: hidden;
            font: 500 14px/20px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #aaa;
            margin-bottom: 0px;
            text-decoration: line-through
        }

        .ls3 a .b4 .pr2 {
            width: 100%;
            height: 30px;
            overflow: hidden;
            font: 500 13px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7422f;
            margin-bottom: 5px;
        }

            .ls3 a .b4 .pr2 span {
                font: 700 21px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                margin-bottom: 5px;
                letter-spacing: -1px;
                vertical-align: middle;
                margin-left: 3px;
                padding-bottom: 2px
            }

/*關鍵分類按鈕*/
.m4 {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 2
}

    .m4 .a4 {
        width: 1220px;
        height: auto;
        overflow: hidden;
        margin: 0 auto 0;
        position: relative;
        padding: 60px 0
    }

.ls4 {
    width: 8%;
    height: auto;
    overflow: hidden;
    border-radius: 0;
    margin: 0 1%;
    float: left
}

    .ls4 a {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
    }

        .ls4 a .im3 {
            width: 100%;
            height: 100%;
            overflow: hidden;
            float: left;
            border-radius: 35px;
            margin-bottom: 5px;
            background: #f0f0f0;
            padding: 16px;
            box-sizing: border-box;
            transition: all 0.3s
        }

        .ls4 a:hover .im3 {
            background: #ffd3ce;
            transition: all 0.3s
        }

        .ls4 a .im3 img {
            width: 100%;
            height: 100%;
            transition: all 0.3s
        }

        .ls4 a:hover .im3 img {
            transform: scale(.92);
            filter: contrast(120%);
            -ls4-filter: contrast(120%);
            transition: all 0.3s;
        }

        .ls4 a .t4 {
            width: 100%;
            height: 30px;
            overflow: hidden;
            font: 500 17px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            text-align: center;
            transition: all 0.3s
        }

        .ls4 a:hover .t4 {
            color: #f7422f;
            transition: all 0.3s
        }

/*第二橫幅+商品*/
.m5 {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-bottom: 60px
}

    .m5 .a5 {
        width: 1200px;
        height: 315px;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
    }
        /*第二橫幅區域*/
        .m5 .a5 .bn2 {
            width: 735px;
            height: 315px;
            margin: 0 auto;
            position: relative;
            float: left
        }

            .m5 .a5 .bn2 img {
                width: 100%;
                height: 100%
            }
        /*第二橫幅內---商品區域外框--*/
        .m5 .a5 .b5 {
            width: 580px;
            height: 315px;
            margin: 0;
            position: absolute;
            right: 20px;
            top: 0;
        }
/*第二橫幅內---商品區域----套件主體---*/
.bn3 {
    width: 100%;
    height: 315px;
}

    .bn3 .carousel-item {
        padding: 40px 0 0
    }
/*第二橫幅內---商品區域----商品單體--*/
.ls5 {
    width: 30.33%;
    height: 240px;
    overflow: hidden;
    border-radius: 0;
    margin: 0 1.5%;
    float: left;
    background: #fff;
    border-radius: 10px;
    padding: 8px 15px 0;
    box-sizing: border-box;
}

    .ls5 a {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
    }

        .ls5 a .im4 {
            width: 144px;
            height: 144px;
            overflow: hidden;
            float: left;
            border-radius: 12px;
            margin-bottom: 5px;
            box-sizing: border-box;
            transition: all 0.3s
        }

            .ls5 a .im4 img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

        .ls5 a:hover .im4 img {
            transform: scale(.92);
            filter: contrast(120%);
            -ls4-filter: contrast(120%);
            transition: all 0.3s;
        }

        .ls5 a .t5 {
            width: 100%;
            height: 42px;
            overflow: hidden;
            font: 500 16px/21px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            transition: all 0.3s;
            margin-bottom: 5px;
            text-align: justify;
            text-justify: inter-ideograph;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            letter-spacing: -.5px
        }

        .ls5 a .pr3 {
            width: 100%;
            height: 30px;
            overflow: hidden;
            font: 900 22px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7422f;
            letter-spacing: -1.5px;
            text-align: center
        }

/*第二橫幅內---商品區域--左右按鈕控制--*/
.bn3 .carousel-control-prev {
    left: -19px;
    margin: 0;
    width: 40px;
    transition: all 0.3s;
}

.bn3 .carousel-control-next {
    right: -1px;
    margin: 0;
    width: 40px;
    transition: all 0.3s;
}

    .bn3 .carousel-control-prev img,
    .bn3 .carousel-control-next img {
        width: 50px;
        height: 50px;
        transition: all 0.3s
    }

    .bn3 .carousel-control-prev:hover,
    .bn3 .carousel-control-next:hover {
        transition: all 0.3s;
        transform: scale(.9);
        filter: contrast(120%);
        -webkit-filter: contrast(120%)
    }

/*優惠專區+熱門活動-區域*/
.m6 {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-bottom: 60px
}

    .m6 .a6 {
        width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
    }
        /*優惠專區+熱門活動-區域-左半*/
        .m6 .a6 .b6 {
            width: 490px;
            height: auto;
            margin: 0;
            float: left
        }

.ls6 {
    width: 224px;
    height: auto;
    overflow: hidden;
    margin: 0 21px 20px 0;
    float: left;
    aspect-ratio: 1.57 / 1
}

    .ls6 a img {
        width: 100%;
        height: 100%;
        transition: all 0.3s;
        object-fit: cover;
    }

    .ls6 a:hover img {
        transform: scale(1.05);
        filter: contrast(106%);
        -ls4-filter: contrast(106%);
        transition: all 0.3s;
    }


/*優惠專區+熱門活動-區域-右半*/
.m6 .a6 .b7 {
    width: calc(100% - 520px);
    height: 304px;
    margin: 0;
    float: right;
    padding: 24px 24px 0;
    box-sizing: border-box;
    background: #e9e6e0
}

    .m6 .a6 .b7 .t6 {
        width: 100%;
        height: 30px;
        overflow: hidden;
        font: 500 20px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #000;
        background: linear-gradient(90deg,#f7422f 50%,#f7422f 50%) no-repeat left 6px/3px 20px;
        padding-left: 16px;
        box-sizing: border-box;
        margin-bottom: 18px
    }

    .m6 .a6 .b7 .c1 {
        width: 100%;
        height: auto;
        margin: 0;
        float: right;
        padding: 0;
        box-sizing: border-box;
    }
/*.ls7{width:144px;height:200px;overflow:hidden;margin:0 21px 20px 0;float:left;border-radius:8px}*/
.ls7 {
    width: 23%;
    height: auto; /*height:200px;*/
    overflow: hidden;
    margin: 0 1% 20px;
    float: left;
    border-radius: 8px;
    aspect-ratio: 1 / 1.388
}

    .ls7 a img {
        width: 100%;
        height: 100%;
        transition: all 0.3s;
        object-fit: cover;
    }

    .ls7 a:hover img {
        transform: scale(1.05);
        filter: contrast(106%);
        -ls4-filter: contrast(106%);
        transition: all 0.3s;
    }

/*主要標題-猜你喜歡*/
.bgt1 {
    width: 1200px;
    height: 30px;
    overflow: hidden;
    font: 500 22px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #000;
    background: linear-gradient(90deg,#f7422f 50%,#f7422f 50%) no-repeat left 6px/3px 20px;
    padding-left: 16px;
    box-sizing: border-box;
    margin: 0 auto 18px;
    text-align: left
}

.bgt1b {
    margin-top: 30px
}
/*猜你喜歡--區域*/
.m7 {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px
}

    .m7 .a7 {
        width: 100%;
        min-height: 500px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
    }

        .m7 .a7 .b8 {
            width: 1220px;
            height: auto;
            overflow: hidden;
            margin: 0 auto;
            position: relative;
            padding: 10px 0 10px 20px
        }
/*猜你喜歡--區域--單體*/
.ls8 {
    width: 18.8%;
    height: 442.85px;
    overflow: hidden;
    margin: 0 1.2% 20px 0;
    float: left;
    background: #fff;
    border-radius: 10px;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    transition: all 0.3s
}

    .ls8:hover {
        border: 1px solid #f7422f;
        box-shadow: 0 1px 5px rgba(0,0,0,.35);
        transition: all 0.3s;
        transform: scale(1.02);
    }

    .ls8 a {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
    }

        .ls8 a .im5 {
            width: 100%;
            height: 100%;
            overflow: hidden;
            float: left;
            border-radius: 0;
            margin-bottom: 5px;
            box-sizing: border-box;
            transition: all 0.3s
        }
            /*猜你喜歡--區域--單體---主圖*/
            .ls8 a .im5 img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

        .ls8 a:hover .im5 img {
            transform: scale(1.00);
            filter: contrast(120%);
            -ls4-filter: contrast(120%);
            transition: all 0.3s;
        }
        /*猜你喜歡--區域--單體---商品資訊區域*/
        .ls8 a .c2 {
            width: 92%;
            height: auto;
            overflow: hidden;
            padding: 0 0 10px;
            box-sizing: border-box;
            margin: 0 auto
        }

            .ls8 a .c2 .t7 {
                width: 100%;
                height: 48px;
                overflow: hidden;
                font: 500 16px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                transition: all 0.3s;
                margin-bottom: 10px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                letter-spacing: -.5px
            }
            /*猜你喜歡--區域--單體---折扣顯示*/
            .ls8 a .c2 .t8a {
                width: 100%;
                height: auto;
                overflow: hidden;
                margin-bottom: 0px
            }

                .ls8 a .c2 .t8a .t8 {
                    width: 80px;
                    height: 24px;
                    overflow: hidden;
                    font: 900 18px/24px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #f7422f;
                    transition: all 0.3s;
                    margin-bottom: 5px;
                    clip-path: polygon(0% 0%, 84% 0%,100% 50%,84% 100%,0% 100%,0% 50%);
                    background: #ffd4d0;
                    padding: 0 8px;
                    box-sizing: border-box;
                }

        .ls8 a .t8a .t8 span {
            font: 400 14px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        }
        /*猜你喜歡--區域--單體--價格+我的最愛*/
        .ls8 a .c2 .pr4 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 900 26px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7422f;
            letter-spacing: -1px;
            margin-bottom: 12px
        }

            .ls8 a .c2 .pr4 span {
                font: 500 18px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            }

            .ls8 a .c2 .pr4 .ic1 {
                width: auto;
                height: 20px;
                overflow: hidden;
                float: right;
                margin-top: 8px
            }

                .ls8 a .c2 .pr4 .ic1 img {
                    width: auto;
                    height: 100%;
                    float: right
                }
        /*猜你喜歡--區域--單體---評價+搶購人數*/
        .ls8 a .c2 .d1 {
            width: 100%;
            height: 24px;
            overflow: hidden;
            margin-bottom: 10px;
            border-bottom: 1px solid #d8d8d8;
            padding-bottom: 10px
        }

            .ls8 a .c2 .d1 .str {
                width: 30%;
                height: auto;
                overflow: hidden;
                font: 400 18px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                float: left;
                color: #666
            }

                .ls8 a .c2 .d1 .str img {
                    width: auto;
                    height: 17px;
                    padding-top: 1px;
                    vertical-align: top;
                    margin-right: 2px
                }

            .ls8 a .c2 .d1 .buy {
                width: 70%;
                height: auto;
                overflow: hidden;
                font: 400 18px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                float: right;
                color: #666;
                text-align: right
            }
        /*猜你喜歡--區域--單體--出貨提示關鍵字-*/
        .ls8 a .c2 .d2 {
            width: 100%;
            height: 22px;
            overflow: hidden;
            margin-bottom: 0px;
        }

            .ls8 a .c2 .d2 .tg1 {
                width: auto;
                height: 22px;
                overflow: hidden;
                border: 1px solid #f56152;
                border-radius: 3px /*;display:inline-block;*/;
                font: 500 13px/19px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                padding: 0 6px;
                box-sizing: border-box;
                color: #f56152;
                float: left;
                margin-right: 4px
            }

            .ls8 a .c2 .d2 .tg2 {
                width: auto;
                height: 22px;
                overflow: hidden;
                border: 0px solid #f56152;
                border-radius: 3px; /*display:inline-block;*/
                font: 500 13px/19px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                padding: 0 6px;
                box-sizing: border-box;
                color: #fff;
                background: #f56152;
                float: left;
                margin-right: 4px
            }
/*猜你喜歡--區域--去逛逛桃--粉色單體*/
.ls9 {
    width: 18.8%;
    height: 442.85px;
    overflow: hidden;
    margin: 0 1.2% 20px 0;
    float: left;
    border-radius: 10px;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    transition: all 0.3s;
    background: url("../../images/bg4.jpg") center/cover
}

    .ls9:hover {
        border: 1px solid #f7422f;
        box-shadow: 0 1px 5px rgba(0,0,0,.35);
        transition: all 0.3s;
        transform: scale(1.02);
    }

    .ls9 a {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
    }

        .ls9 a .im6 {
            width: 100%;
            height: auto;
            overflow: hidden;
            float: left;
            border-radius: 0;
            margin-bottom: 5px;
            box-sizing: border-box;
            transition: all 0.3s;
        }
            /*猜你喜歡--區域--單體---主圖*/
            .ls9 a .im6 img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

        .ls9 a:hover .im6 img {
            transform: scale(1.00);
            filter: contrast(120%);
            -ls4-filter: contrast(120%);
            transition: all 0.3s;
        }

        .ls9 a .c3 {
            width: 92%;
            height: auto;
            overflow: hidden;
            padding: 35px 0 0;
            box-sizing: border-box;
            margin: 0 auto;
            text-align: center
        }

            .ls9 a .c3 .t9 {
                width: 100%;
                height: 24px;
                overflow: hidden;
                font: 400 16px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7422f;
                text-align: center;
                letter-spacing: 2px
            }

            .ls9 a .c3 .t10 {
                width: 100%;
                height: auto;
                overflow: hidden;
                font: 500 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                text-align: center;
                margin-bottom: 20px
            }

            .ls9 a .c3 .bt1 {
                width: auto;
                height: 34px;
                overflow: hidden;
                border-radius: 100px;
                display: inline-block;
                font: 700 16px/32px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                padding: 0 16px 0 18px;
                box-sizing: border-box;
                color: #fff;
                background: #f7422f
            }

/*猜你喜歡--區域--去逛逛--藍色單體*/
.ls10 {
    width: 18.8%;
    height: 442.85px;
    overflow: hidden;
    margin: 0 1.2% 20px 0;
    float: left;
    border-radius: 10px;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    transition: all 0.3s;
    background: url("../../images/bg3.jpg") center/cover
}

    .ls10:hover {
        border: 1px solid #f7422f;
        box-shadow: 0 1px 5px rgba(0,0,0,.35);
        transition: all 0.3s;
        transform: scale(1.02);
    }

    .ls10 a {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
    }

        .ls10 a .c4 {
            width: 80%;
            height: auto;
            overflow: hidden;
            padding: 60px 0 0;
            box-sizing: border-box;
            margin: 0 auto 10px;
            text-align: left
        }

            .ls10 a .c4 .t11 {
                width: 100%;
                height: 36px;
                overflow: hidden;
                font: 700 28px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #1a5ec4;
                letter-spacing: -1.5px
            }

            .ls10 a .c4 .t12 {
                width: 100%;
                height: auto;
                overflow: hidden;
                font: 400 20px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #1a5ec4;
                margin-bottom: 15px
            }

            .ls10 a .c4 .bt2 {
                width: auto;
                height: 34px;
                overflow: hidden;
                border-radius: 100px;
                display: inline-block;
                font: 700 16px/32px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                padding: 0 16px 0 18px;
                box-sizing: border-box;
                color: #fff;
                background: #002c6f
            }

        .ls10 a .im7 {
            width: 150px;
            height: 150px;
            overflow: hidden;
            border-radius: 15px;
            margin: 0 auto 0;
            box-sizing: border-box;
            transition: all 0.3s
        }
            /*猜你喜歡--區域--單體---主圖*/
            .ls10 a .im7 img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

        .ls10 a:hover .im7 img {
            transform: scale(1.00);
            filter: contrast(120%);
            -ls4-filter: contrast(120%);
            transition: all 0.3s;
        }

.dwbt1 {
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    border: 0px solid #e95377;
    transition: all 0.3s;
    position: fixed;
    bottom: 20px;
    right: 2%;
    z-index: 99;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3)
}

    .dwbt1 a img {
        width: 100%;
        height: auto;
        transition: all 0.3s
    }

        .dwbt1 a img:hover {
            transform: rotate(0deg) scale(.95);
            transition: all 0.3s;
        }
/*down*/
.m8x {
    width: 100%;
    height: 30px;
    overflow: hidden;
    position: relative;
    z-index: 9
}

.m8 {
    width: 100%;
    height: 30px;
    overflow: hidden;
    background: rgba(255,255,255,.85);
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #eee;
    z-index: 9
}

    .m8 .a8 {
        width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        font: 500 13px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #888;
    }

        .m8 .a8 .t13 {
            width: 50%;
            height: auto;
            overflow: hidden;
            float: left
        }

            .m8 .a8 .t13 a {
                font: 400 13px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #888;
                display: inline-block;
                margin-left: 0px
            }

                .m8 .a8 .t13 a:hover {
                    color: #f7422f;
                    text-decoration: underline
                }

        .m8 .a8 .t14 {
            width: 50%;
            height: auto;
            overflow: hidden;
            float: right;
            text-align: right
        }


/*商品列表專用TOP*/
.m9x {
    width: 100%;
    height: 90px;
}

.m9 {
    width: 100%;
    height: 90px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat center bottom/100% 30px, linear-gradient(90deg,#f7422f 50%,#f7422f 50%) no-repeat center top/100% 60px;
    box-shadow: 0 1px 8px rgba(0,0,0,.1)
}

    .m9 .a9 {
        width: 1200px;
        height: 60px;
        margin: 0 auto;
        font: 500 13px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #888;
    }

        .m9 .a9 .b9 {
            width: 540px;
            height: 60px;
            padding: 10px 0 0;
            box-sizing: border-box;
            float: left
        }
        /*LG+*/
        .m9 .a9 .lg2 {
            width: auto;
            height: 40px;
            overflow: hidden;
            padding: 0 0 0;
            float: left;
            margin-right: 25px
        }

            .m9 .a9 .lg2 a img {
                width: 100%;
                height: 100%;
            }
        /*搜尋引擎*/
        .m9 .a9 .b9 .sha2 {
            width: 360px;
            height: 40px;
            overflow: hidden;
            border-radius: 4px;
            background: #fff;
            border: 0px solid #ccc;
            box-sizing: border-box;
            float: left;
            margin-bottom: 1px
        }

            .m9 .a9 .b9 .sha2 .in2 {
                width: calc(100% - 40px);
                height: 40px;
                overflow: hidden;
                float: left;
                border: 0;
                font: 500 14px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                padding: 0 12px;
                box-sizing: border-box;
            }

            .m9 .a9 .b9 .sha2 .zm2 {
                width: 40px;
                height: 40px;
                overflow: hidden;
                float: left;
                border-left: 1px solid #ccc;
                box-sizing: border-box;
                text-align: center
            }

                .m9 .a9 .b9 .sha2 .zm2 a {
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                    display: block
                }

                    .m9 .a9 .b9 .sha2 .zm2 a img {
                        width: 24px;
                        height: 24px;
                        vertical-align: middle;
                        padding: 8px 0 0;
                        transition: all 0.2s
                    }

                        .m9 .a9 .b9 .sha2 .zm2 a img:hover {
                            transform: scale(.92);
                            filter: contrast(120%);
                            -webkit-filter: contrast(120%);
                            transition: all 0.2s
                        }
        /*TOP選單--常駐選單*/
        .m9 .a9 .hd2 {
            width: calc(100% - 540px);
            heght: 60px;
            margin: 0 auto;
            text-align: right;
            position: relative;
            float: right
        }

            .m9 .a9 .hd2 .lk4a {
                width: 100%;
                height: 60px;
                margin: 0 auto;
                text-align: right;
                position: relative;
            }

                .m9 .a9 .hd2 .lk4a .lk4 {
                    width: auto;
                    height: 60px;
                    margin: 0 0 0 1px;
                    text-align: right;
                    display: inline-block;
                    position: relative
                }

                    .m9 .a9 .hd2 .lk4a .lk4 > a {
                        width: auto;
                        height: 60px;
                        font: 400 14px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #fff;
                        text-align: center;
                        border-radius: 100px;
                        padding: 0 4px
                    }

                        .m9 .a9 .hd2 .lk4a .lk4 > a:hover {
                            text-decoration: underline
                        }

                        .m9 .a9 .hd2 .lk4a .lk4 > a img {
                            width: auto;
                            height: 18px;
                            padding-bottom: 2px;
                            vertical-align: middle;
                            margin-right: 4px
                        }

                    /*我的帳號下拉功能介面*/
                    .m9 .a9 .hd2 .lk4a .lk4 .mn6 {
                        width: 150px;
                        height: 0;
                        overflow: hidden;
                        position: absolute;
                        left: -30px;
                        top: 50px;
                        ;
                        background: #fff;
                        border: 1px solid #ccc;
                        transition: all 0.3s;
                        opacity: 0;
                        padding: 0 10px
                    }

                    .m9 .a9 .hd2 .lk4a .lk4:hover .mn6 {
                        height: auto;
                        overflow: inherit;
                        padding: 8px 10px 12px;
                        transition: all 0.3s;
                        border: 1px solid #ccc;
                        opacity: 1
                    }

                    .m9 .a9 .hd2 .lk4a .lk4 .mn6 .ls42 {
                        width: 100%;
                        ;
                        height: 36px;
                    }

                        .m9 .a9 .hd2 .lk4a .lk4 .mn6 .ls42 a {
                            width: 100%;
                            height: 36px;
                            overflow: hidden;
                            display: block;
                            font: 400 18px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                            text-align: center;
                            border-bottom: 1px solid #ccc;
                            box-sizing: border-box;
                        }

                            .m9 .a9 .hd2 .lk4a .lk4 .mn6 .ls42 a:hover {
                                background: #f7422f;
                                color: #fff;
                                border-bottom: 1px solid #f7422f
                            }

    /*TOP選單-商品分類列表*/
    .m9 .a10 {
        width: 1200px;
        height: 30px;
        margin: 0 auto;
    }

        /*shop_list.asp--商品大分區+分類子分類*/
        .m9 .a10 .b10 {
            width: 150px;
            height: 30px;
            padding: 0 0 0;
            box-sizing: border-box;
            float: left;
            position: relative
        }

            .m9 .a10 .b10 > a {
                width: 100%;
                height: 30px;
                float: left;
                border: 0;
                font: 500 18px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7422f;
                box-sizing: border-box;
                text-align: center;
                background: url("../../images/ic7.png") no-repeat 20px 5px/auto 20px #fff;
                padding-left: 30px;
            }

            .m9 .a10 .b10:hover > a {
                color: #fff;
                background: url("../../images/ic7b.png") no-repeat 20px 5px/auto 20px #e80026
            }
            /*shop_list.asp--商品大分區+分類子分類---下滑分區介面*/
            .m9 .a10 .b10 .c5 {
                width: 150px;
                height: 0;
                overflow: hidden;
                box-shadow: 0 1px 5px rgba(0,0,0,.35);
                position: absolute;
                top: 30px;
                left: 0
            }

            .m9 .a10 .b10:hover .c5 {
                height: auto;
                overflow: inherit;
            }
            /*.m9 .a10 .b10:hover > .c5 .ls11 .mn2{height:0!important;overflow:hidden;}*/

            .m9 .a10 .b10 .c5 .ls11 {
                width: 100%;
                height: 40px;
                position: relative;
            }

                .m9 .a10 .b10 .c5 .ls11 > a {
                    width: 100%;
                    height: 40px;
                    border: 0;
                    font: 400 18px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #fff;
                    box-sizing: border-box;
                    text-align: left;
                    background: url("../../images/ic9.png") no-repeat 82% 15px/auto 12px #f7422f;
                    padding-left: 20px;
                    border-bottom: 1px dotted #f8877c;
                    display: block
                }

                .m9 .a10 .b10 .c5 .ls11:hover > a {
                    color: #f7422f;
                    background: url("../../images/ic9b.png") no-repeat 82% 15px/auto 12px #fff;
                    ;
                    border-bottom: 1px dotted #fff
                }


            /*shop_list.asp--商品大分區+分類+子分類---右滑出分類+子分類介面*/

            .m9 .a10 .b10:hover .c5 .ls11 .mn2 {
                width: 800px;
                height: 0;
                overflow: hidden !important;
                position: absolute;
                top: -1px;
                left: 150px;
                box-sizing: border-box;
                transition: all 0.3s;
                padding: 0 5px 0 20px;
                border-radius: 0px;
                background: #fff;
                margin-left: 0px;
                opacity: 0;
                transition: all 0.3s
            }

            .m9 .a10 .b10:hover .c5 .ls11:hover .mn2 {
                width: 800px;
                min-height: 200px;
                height: auto !important;
                overflow: inherit !important;
                border: 1px solid #f7422f;
                border-left: 0px solid #fff;
                padding: 16px 5px 16px 20px;
                transition: all 0.3s;
                opacity: 1;
                box-shadow: 0 2px 8px rgba(0,0,0,.0);
                opacity: 1;
                transition: all 0.3s;
                background: linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat left top/1px 40px, linear-gradient(90deg,#f7422f 50%,#f7422f 50%) no-repeat left center/1px 100% #fff
            }


                /*shop_list.asp--商品大分區+分類+子分類---右滑出分類+子分類介面--單體*/
                .m9 .a10 .b10:hover .c5 .ls11:hover .mn2 .d3 {
                    width: 47%;
                    height: auto;
                    overflow: hidden;
                    float: left;
                    border-bottom: 1px solid #ccc;
                    padding-bottom: 10px;
                    margin: 0 3% 10px 0;
                    box-sizing: border-box;
                }
            /*.m9 .a10 .b10:hover .c5 .ls11:hover .mn2 .d3
{width:47%;height:auto;overflow:hidden;float:left;border-bottom:1px solid #ccc;padding-bottom:10px;margin:0 3% 10px 0;box-sizing: border-box;}*/

            .m9 .a10 .b10 .c5 .ls11 .mn2 .d3 .t15 {
                width: 100%;
                height: 30px;
                overflow: hidden;
                font: 500 20px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #000;
                background: linear-gradient(90deg,#f7422f 50%,#f7422f 50%) no-repeat left 6px/3px 20px;
                padding-left: 16px;
                box-sizing: border-box;
                margin-bottom: 6px
            }

                .m9 .a10 .b10 .c5 .ls11 .mn2 .d3 .t15 a {
                    font: 500 20px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #000;
                }

                    .m9 .a10 .b10 .c5 .ls11 .mn2 .d3 .t15 a:hover {
                        color: #f7422f;
                        text-decoration: underline
                    }

            .m9 .a10 .b10:hover .c5 .ls11:hover .mn2 .d3 .ls12a {
                width: 100%;
                height: 110px;
                overflow: hidden;
                float: left
            }

.ls12 {
    width: auto;
    height: 24px;
    overflow: hidden;
    text-align: left;
    display: inline-block;
    border-radius: 100px;
    margin-bottom: 6px;
    margin: 0 0px 4px 0;
}

    .ls12 a {
        width: auto;
        height: 26px;
        overflow: hidden;
        font: 400 16px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #000;
        display: inline-block;
        border-radius: 100px;
        padding: 0 8px; /*background:#efefef;*/
    }

        .ls12 a:hover {
            background: #f7422f;
            color: #fff
        }

/*shop_list.asp-top-其他熱門分類1*/
.m9 .a10 .b11 {
    width: calc(100% - 150px);
    height: 30px;
    padding: 0 0 0;
    box-sizing: border-box;
    float: left
}

    .m9 .a10 .b11 .ls13 {
        width: auto;
        height: 30px;
        margin: 0 25px;
        display: inline-block;
        position: relative;
    }

    .m9 .a10 .b11 .hot {
        width: 34px;
        height: 13px;
        position: absolute;
        top: 3px;
        right: -32px;
        background: #8a00ff;
        border-radius: 4px;
        font: 700 12px/14px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        text-align: center;
        z-index: 9;
        letter-spacing: -1px
    }

    .m9 .a10 .b11 .ls13 > a {
        width: auto;
        height: 30px;
        overflow: hidden;
        font: 400 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        text-align: center;
        display: inline-block;
        border-radius: 100px;
        padding: 0 0px
    }

    .m9 .a10 .b11 .ls13:hover > a { /*background:#f7422f;color:#fff*/
        text-decoration: underline;
        color: #f7422f
    }

/*shop_list.asp-麵包屑導覽*/
.gd1 {
    width: 100%;
    height: 60px;
    position: relative;
    z-index: 9
}

    .gd1 .a11 {
        width: 1200px;
        height: 60px;
        margin: 0 auto;
        text-align: left;
        padding: 10px 0 0
    }

        .gd1 .a11 span {
            width: auto;
            height: auto;
            font: 900 12px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #555;
            display: inline-block;
            margin-right: 20px;
            vertical-align: top;
            padding: 1px 0 0
        }

        .gd1 .a11 .ls14 {
            width: auto;
            height: auto;
            margin: 0 auto;
            font: 400 18px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #555;
            display: inline-block;
            margin-right: 20px;
            position: relative
        }

            .gd1 .a11 .ls14 > a {
                width: 100%;
                height: auto;
                font: 500 18px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #555;
            }

                .gd1 .a11 .ls14 > a img {
                    width: auto;
                    height: 18px;
                    padding-bottom: 4px;
                    vertical-align: middle;
                    margin-left: 2px
                }

                .gd1 .a11 .ls14 > a:hover {
                    color: #f7422f;
                    text-decoration: underline
                }

            .gd1 .a11 .ls14 .mn3 {
                width: 150px;
                height: 0;
                overflow: hidden;
                position: absolute;
                left: 0px;
                top: 42px;
                ;
                background: #fff;
                border: 1px solid #ccc;
                transition: all 0.3s;
                opacity: 0;
                padding: 0 10px
            }

            .gd1 .a11 .ls14:hover .mn3 {
                height: auto;
                overflow: inherit;
                padding: 8px 10px 12px;
                transition: all 0.3s;
                border: 1px solid #ccc;
                opacity: 1
            }

            .gd1 .a11 .ls14 .mn3 .ls15 {
                width: 100%;
                ;
                height: 36px;
            }

                .gd1 .a11 .ls14 .mn3 .ls15 a {
                    width: 100%;
                    height: 36px;
                    overflow: hidden;
                    display: block;
                    font: 400 18px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    text-align: center;
                    border-bottom: 1px solid #ccc;
                    box-sizing: border-box;
                }

                    .gd1 .a11 .ls14 .mn3 .ls15 a:hover {
                        background: #f7422f;
                        color: #fff;
                        border-bottom: 1px solid #f7422f
                    }

/*商品列表介面*/
/*猜你喜歡--區域--單體*/
.ls16 {
    width: 18.8%;
    height: auto;
    overflow: hidden;
    margin: 0 1.2% 20px 0;
    float: left;
    background: #fff;
    border-radius: 10px;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    transition: all 0.3s
}

    .ls16:hover {
        border: 1px solid #f7422f;
        box-shadow: 0 1px 5px rgba(0,0,0,.35);
        transition: all 0.3s;
        transform: scale(1.02);
    }

    .ls16 a {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
    }

        .ls16 a .im8 {
            width: 100%;
            height: 100%;
            overflow: hidden;
            float: left;
            border-radius: 0;
            margin-bottom: 5px;
            box-sizing: border-box;
            transition: all 0.3s
        }
            /*猜你喜歡--區域--單體---主圖*/
            .ls16 a .im8 img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

        .ls16 a:hover .im8 img {
            transform: scale(1.00);
            filter: contrast(120%);
            -ls4-filter: contrast(120%);
            transition: all 0.3s;
        }
        /*猜你喜歡--區域--單體---商品資訊區域*/
        .ls16 a .c6 {
            width: 92%;
            height: auto;
            overflow: hidden;
            padding: 0 0 10px;
            box-sizing: border-box;
            margin: 0 auto
        }

            .ls16 a .c6 .t7 {
                width: 100%;
                height: 48px;
                overflow: hidden;
                font: 500 16px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                transition: all 0.3s;
                margin-bottom: 10px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                letter-spacing: -.5px
            }

            /*猜你喜歡--區域--單體--價格+我的最愛*/
            .ls16 a .c6 .pr5 {
                width: 100%;
                height: auto;
                overflow: hidden;
                font: 900 22px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7422f;
                letter-spacing: -1.5px;
                margin-bottom: 0px
            }

                .ls16 a .c6 .pr5 span {
                    font: 500 14px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    margin-right: 3px;
                    letter-spacing: 0px
                }

                .ls16 a .c6 .pr5 .ic1 {
                    width: auto;
                    height: 20px;
                    overflow: hidden;
                    float: right;
                    margin-top: 8px
                }

                    .ls16 a .c6 .pr5 .ic1 img {
                        width: auto;
                        height: 100%;
                        float: right
                    }
            /*猜你喜歡--區域--單體---評價+搶購人數*/
            .ls16 a .c6 .d4 {
                width: 100%;
                height: 24px;
                overflow: hidden;
                margin-bottom: 0px;
                border-bottom: 0px solid #d8d8d8;
                padding-bottom: 0px
            }

                .ls16 a .c6 .d4 .str {
                    width: 70%;
                    height: auto;
                    overflow: hidden;
                    font: 400 16px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    float: left;
                    color: #666;
                    letter-spacing: -1px;
                }

                    .ls16 a .c6 .d4 .str img {
                        width: auto;
                        height: 14px;
                        padding-top: 4px;
                        vertical-align: top;
                        margin-right: -2px;
                        display: inline-block
                    }

                .ls16 a .c6 .d4 .lik1 {
                    width: 30%;
                    height: auto;
                    overflow: hidden;
                    font: 400 16px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    float: right;
                    color: #666;
                    text-align: right
                }

                    .ls16 a .c6 .d4 .lik1 img {
                        width: auto;
                        height: 16px;
                        padding-top: 4px;
                        vertical-align: top;
                        margin-left: 0px
                    }

/*shop_detail.asp----左邊區域*/
.m10 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 30px
}

    .m10 .a12 {
        width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        font: 500 13px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #888;
    }

        .m10 .a12 .b12 {
            width: 230px;
            height: auto;
            overflow: hidden;
            background: #fff;
            padding: 15px;
            float: left;
            box-sizing: border-box;
            border: 1px solid #ddd
        }

            .m10 .a12 .b12 .t16 {
                width: 100%;
                height: 30px;
                overflow: hidden;
                font: 500 22px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #555;
                background: linear-gradient(90deg,#f7422f 50%,#f7422f 50%) no-repeat left 7px/3px 20px;
                padding-left: 12px;
                box-sizing: border-box;
                margin-bottom: 12px
            }
/*shop_detail.asp----左邊區域---熱銷推薦榜---小*/
.ls17 {
    width: 100%;
    height: 94px;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 14px
}

    .ls17 a {
        width: 100%;
        height: 90px;
        overflow: hidden;
        display: block
    }

        .ls17 a:hover {
            background: #efefef
        }

        .ls17 a .im9 {
            width: 94px;
            height: 94px;
            overflow: hidden;
            float: left;
            border-radius: 3px;
            position: relative
        }

            .ls17 a .im9 > img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

        .ls17 a:hover > .im9 > img {
            transform: scale(1.08);
            filter: contrast(120%);
            -webkit-filter: contrast(120%);
            transition: all 0.3s
        }

        .ls17 a .im9 .tg3 {
            width: 36px;
            height: auto;
            overflow: hidden;
            float: left;
            border-radius: 0;
            position: absolute;
            top: -2px;
            left: -2px;
            z-index: 2
        }

            .ls17 a .im9 .tg3 img {
                width: 100%;
                height: auto;
            }

        .ls17 a .b14 {
            width: calc(100% - 104px);
            height: auto;
            float: right
        }

            .ls17 a .b14 > div {
                float: left
            }

            .ls17 a .b14 .t17 {
                width: 100%;
                height: 32px;
                overflow: hidden;
                font: 400 13px/16px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                margin-bottom: 5px;
                transition: all 0.3s;
                letter-spacing: -.5px;
                text-align: justify;
                text-justify: inter-ideograph;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }

        .ls17 a:hover .b14 .t17 {
            color: #f7422f;
            transition: all 0.3s
        }

        .ls17 a .b14 .sld1 {
            width: auto;
            height: 16px;
            overflow: hidden;
            border-radius: 100px;
            display: inline-block;
            font: 500 13px/16px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            padding: 0 6px;
            box-sizing: border-box;
            color: #fff;
            background: #f7422f;
            margin: 0 0 2px;
            float: left
        }

        .ls17 a .b14 .pr1 {
            width: 100%;
            height: 20px;
            overflow: hidden;
            font: 500 13px/16px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #aaa;
            margin-bottom: -2px;
            text-decoration: line-through
        }

        .ls17 a .b14 .pr2 {
            width: 100%;
            height: 20px;
            overflow: hidden;
            font: 700 13px/16px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7422f;
            margin-bottom: 0px;
        }

            .ls17 a .b14 .pr2 span {
                font: 700 21px/20px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                margin-bottom: 5px;
                letter-spacing: -1px;
                vertical-align: middle;
                margin-left: 3px;
                padding-bottom: 2px
            }
/*shop_detail.asp----左邊區域---熱銷推薦榜---大*/
.ls18 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 1.2% 20px 0;
    float: left;
    background: #fff;
    border-radius: 0px;
    padding: 0 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #d8d8d8;
    transition: all 0.3s
}

    .ls18:hover {
        border: 0px solid #f7422f;
        box-shadow: 0 1px 5px ls18(0,0,0,.35);
        transition: all 0.3s;
        transform: scale(1.02);
        border-bottom: 1px solid #d8d8d8;
    }

    .ls18 a {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
    }

        .ls18 a .im10 {
            width: 100%;
            height: 100%;
            overflow: hidden;
            float: left;
            border-radius: 0;
            margin-bottom: 5px;
            box-sizing: border-box;
            transition: all 0.3s;
            border-bottom: 1px solid #ccc;
            position: relative
        }

            .ls18 a .im10 .tg4 {
                width: 50px;
                height: auto;
                overflow: hidden;
                float: left;
                border-radius: 0;
                position: absolute;
                top: -2px;
                left: -2px;
                z-index: 2
            }

                .ls18 a .im10 .tg4 img {
                    width: 100%;
                    height: auto;
                }
            /*hop_detail.asp---區域--單體---主圖*/
            .ls18 a .im10 img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

        .ls18 a:hover .im10 img {
            transform: scale(1.00);
            filter: contrast(120%);
            -ls4-filter: contrast(120%);
            transition: all 0.3s;
        }
        /*hop_detail.asp---區域--單體---商品資訊區域*/
        .ls18 a .c2 {
            width: 92%;
            height: auto;
            overflow: hidden;
            padding: 0 0 0;
            box-sizing: border-box;
            margin: 0 auto
        }

            .ls18 a .c2 .t18 {
                width: 100%;
                height: 48px;
                overflow: hidden;
                font: 500 16px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                transition: all 0.3s;
                margin-bottom: 10px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                letter-spacing: -.5px
            }

            .ls18 a .c2 .sld2 {
                width: auto;
                height: 22px;
                overflow: hidden;
                border-radius: 100px;
                display: inline-block;
                font: 500 18px/22px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                padding: 0 8px;
                box-sizing: border-box;
                color: #fff;
                background: #f7422f;
                margin: 0 0 12px;
                float: left
            }

            .ls18 a .c2 .d5 {
                width: 100%;
                height: auto;
                overflow: hidden;
                margin: 0 auto
            }

                .ls18 a .c2 .d5 .pr1 {
                    width: auto;
                    height: 20px;
                    overflow: hidden;
                    font: 700 18px/20px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #f7422f;
                    margin-bottom: 0px;
                    text-align: left;
                    margin-right: 8px;
                    display: inline-block
                }

                .ls18 a .c2 .d5 .pr2 {
                    width: 50%;
                    height: 20px;
                    overflow: hidden;
                    font: 500 18px/20px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #aaa;
                    margin-bottom: 0px;
                    text-decoration: line-through;
                    text-align: left;
                    display: inline-block
                }

/*shop_detail.asp---商品圖+簡介區*-右邊區域-麵包屑導覽*/
.gd2 {
    width: 100%;
    height: 30px;
    position: relative;
    z-index: 9;
    margin-bottom: 12px
}

    .gd2 .a13 {
        width: 1200px;
        height: 30px;
        margin: 0 auto;
        text-align: left;
        padding: 0 0 0
    }

        .gd2 .a13 span {
            width: auto;
            height: auto;
            font: 900 12px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #555;
            display: inline-block;
            margin-right: 20px;
            vertical-align: top;
            padding: 1px 0 0
        }

        .gd2 .a13 .ls19 {
            width: auto;
            height: auto;
            margin: 0 auto;
            font: 400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #555;
            display: inline-block;
            margin-right: 10px;
            position: relative
        }

            .gd2 .a13 .ls19 > a {
                width: 100%;
                height: auto;
                font: 400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #555;
            }

                .gd2 .a13 .ls19 > a img {
                    width: auto;
                    height: 18px;
                    padding-bottom: 4px;
                    vertical-align: middle;
                    margin-left: 2px
                }

                .gd2 .a13 .ls19 > a:hover {
                    color: #f7422f;
                    text-decoration: underline
                }

.m10 .a12 .b13 {
    width: calc(100% - 250px);
    min-height: 500px;
    height: auto;
    overflow: hidden;
    padding: 0;
    float: right;
    box-sizing: border-box;
}
    /*shop_detail.asp--商品圖+簡介區-右邊區域---*/
    .m10 .a12 .b13 .c7 {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 25px;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #ddd;
        margin-bottom: 20px
    }
        /*shop_detail.asp--商品圖+簡介區-右邊區域-左半邊------*/
        .m10 .a12 .b13 .c7 .d6 {
            width: 420px;
            height: auto;
            overflow: hidden;
            float: left
        }
            /*shop_detail.asp--商品圖+簡介區-右邊區域-左半邊----商品主圖--*/
            .m10 .a12 .b13 .c7 .d6 .im11 {
                width: 420px;
                height: 420px;
                overflow: hidden;
                border-radius: 0;
                margin-bottom: 20px;
            }

                .m10 .a12 .b13 .c7 .d6 .im11 img {
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                }
            /*shop_detail.asp---右邊區域-左半邊--商品圖+簡介區---多角度商品照片*/
            .m10 .a12 .b13 .c7 .d6 .e1 {
                width: 100%;
                height: auto;
                overflow: hidden;
                float: left;
                border-radius: 0;
                margin-bottom: 20px;
            }
            /*shop_detail.asp--商品圖+簡介區 -右邊區域-左半邊----社群分享*/
            .m10 .a12 .b13 .c7 .d6 .e2 {
                width: 100%;
                height: auto;
                overflow: hidden;
                float: left;
                border-radius: 0;
                margin-bottom: 20px;
            }

                .m10 .a12 .b13 .c7 .d6 .e2 .t19 {
                    width: auto;
                    height: 40px;
                    overflow: hidden;
                    font: 400 17px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #111;
                    float: left;
                    margin-right: 8px;
                }

                .m10 .a12 .b13 .c7 .d6 .e2 .ic2 {
                    width: 40px;
                    height: 40px;
                    margin-right: 8px;
                    float: left
                }

                    .m10 .a12 .b13 .c7 .d6 .e2 .ic2 a {
                        width: 40px;
                        height: 40px;
                        display: block
                    }

                        .m10 .a12 .b13 .c7 .d6 .e2 .ic2 a img {
                            width: 100%;
                            height: 100%;
                            transition: all 0.3s
                        }

                            .m10 .a12 .b13 .c7 .d6 .e2 .ic2 a img:hover {
                                transform: scale(.90);
                                filter: contrast(120%);
                                -webkit-filter: contrast(120%);
                                transition: all 0.3s
                            }
        /*shop_detail.asp--商品圖+簡介區-右邊區域-右半邊------*/
        .m10 .a12 .b13 .c7 .d7 {
            width: calc(100% - 440px);
            height: auto;
            overflow: hidden;
            float: right
        }
            /*shop_detail.asp--商品圖+簡介區-右邊區域-右半邊---商品名稱+店名--*/
            .m10 .a12 .b13 .c7 .d7 .str2 {
                width: 100%;
                height: auto;
                overflow: hidden;
                font: 400 16px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                float: left;
                color: #666;
                margin: 0 0 8px
            }

                .m10 .a12 .b13 .c7 .d7 .str2 a {
                    width: 100%;
                    height: auto;
                    font: 400 16px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    float: left;
                    color: #666
                }

                    .m10 .a12 .b13 .c7 .d7 .str2 a:hover {
                        text-decoration: underline;
                        color: #111
                    }

                    .m10 .a12 .b13 .c7 .d7 .str2 a img {
                        width: auto;
                        height: 17px;
                        padding-top: 1px;
                        vertical-align: top;
                        margin-right: 2px
                    }

            .m10 .a12 .b13 .c7 .d7 .t20 {
                width: 100%;
                height: auto;
                overflow: hidden;
                font: 500 28px/36px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                float: left;
                color: #111;
                text-align: justify;
                text-justify: inter-ideograph;
                letter-spacing: -1.2px;
                margin-bottom: 20px
            }

/*shop_detail.asp--商品圖+簡介區-右邊區域-右半邊---限時秒+優惠-特價方案全介面區--*/
.lt1 {
    width: 100%;
    min-height: 80px;
    height: auto;
    overflow: hidden;
    background: #fff0e2;
    padding: 12px;
    box-sizing: border-box;
    border-radius: 8px;
    margin: 0 0 12px
}
    /*shop_detail.asp--商品圖+簡介區-右邊區域-右半邊--限時秒殺+優惠倒數*/
    .lt1 .a14 {
        width: 100%;
        height: 40px;
        overflow: hidden;
        background: #ffe1e1;
        border-radius: 4px;
        margin-bottom: 10px
    }

        .lt1 .a14 .t21 {
            width: 48%;
            height: 40px;
            overflow: hidden;
            background: linear-gradient(90deg,#fc4f41 0%,#fd333f 90%) no-repeat center;
            clip-path: polygon(0% 0%,92% 0%,100% 100%,0% 100%);
            font: 400 16px/40px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #fff;
            padding: 0 10px;
            box-sizing: border-box;
            letter-spacing: -.5px;
            float: left
        }

            .lt1 .a14 .t21 img {
                width: auto;
                height: 18px;
                padding-bottom: 4px;
                vertical-align: middle;
                margin-right: 0px
            }

            .lt1 .a14 .t21 span {
                width: auto;
                height: 24px;
                font: 400 14px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7422f;
                display: inline-block;
                background: #fff;
                border-radius: 3px;
                vertical-align: top;
                padding: 0 6px;
                margin: 8px 0 0 8px
            }

        .lt1 .a14 .tma1 {
            width: calc(100% - 48%);
            height: 40px;
            overflow: hidden;
            font: 400 17px/40px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7422f;
        }

            .lt1 .a14 .tma1 .t22 {
                width: 70px;
                font: 400 16px/40px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7422f;
                float: left
            }

            .lt1 .a14 .tma1 .t23 {
                width: calc(100% - 70px);
                height: 40px;
                overflow: hidden;
                font: 700 14px/40px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                float: left
            }

                .lt1 .a14 .tma1 .t23 > span {
                    width: auto;
                    height: 24px;
                    font: 400 14px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #fff;
                    display: inline-block;
                    background: #f7422f;
                    border-radius: 3px;
                    vertical-align: top;
                    padding: 0 6px;
                    margin: 8px 4px 0 4px
                }

    /*shop_detail.asp--商品圖+簡介區-右邊區域-右半邊-折價+方案介面+*/
    .lt1 .a15 {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .lt1 .a15 a {
            width: 100%;
            height: 100%;
        }
            /*券介面*/
            .lt1 .a15 a .b15 {
                width: 300px;
                height: 100px;
                overflow: hidden;
                background: #feecea;
                border: 1px solid #f7422f;
                padding: 10px;
                box-sizing: border-box;
                border-radius: 6px;
                float: left
            }

            .lt1 .a15 a .b15-2 {
                width: 100%
            }

            .lt1 .a15 a .b15 .d8 {
                width: 100%;
                height: 30px;
                overflow: hidden;
            }

                .lt1 .a15 a .b15 .d8 .t24 {
                    width: 50px;
                    height: 24px;
                    overflow: hidden;
                    background: url("../../images/SP/ic11.png") no-repeat center/100% 100%;
                    text-align: center;
                    font: 400 13px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #fff;
                    float: left
                }

                .lt1 .a15 a .b15 .d8 .t25 {
                    width: 70px;
                    height: 24px;
                    font: 400 14px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #fff;
                    display: inline-block;
                    border-radius: 3px;
                    vertical-align: top;
                    padding: 0 6px;
                    margin: 0 0 0 4px;
                    background: linear-gradient(90deg,#fd490c 10%,#f8523a 50%,#f26375 90%) no-repeat center top;
                    float: left;
                    text-align: center
                }
                /*價格介面*/
                .lt1 .a15 a .b15 .d8 .t26 {
                    width: 100%;
                    height: 24px;
                    overflow: hidden;
                    font: 700 24px/24px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #f7422f;
                    float: left;
                    letter-spacing: -1px
                }

                    .lt1 .a15 a .b15 .d8 .t26 span {
                        font: 700 14px/24px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #f7422f;
                    }

                    .lt1 .a15 a .b15 .d8 .t26 h4 {
                        font: 400 14px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #888;
                        display: inline-block;
                        text-decoration: line-through;
                        letter-spacing: 0
                    }
            /*推薦方案文字*/
            .lt1 .a15 a .b15 .t27 {
                width: 100%;
                height: 20px;
                overflow: hidden;
                font: 400 16px/24px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7422f;
                float: left;
                letter-spacing: 0px
            }

            /*券介面*/
            .lt1 .a15 a .b16 {
                width: calc(100% - 310px);
                height: a;
                overflow: hidden;
                float: right
            }

                .lt1 .a15 a .b16 .d9 {
                    width: 100%;
                    height: 70px;
                    overflow: hidden;
                    background: #fff;
                    border: 1px solid #ddd;
                    padding: 6px;
                    box-sizing: border-box;
                    border-radius: 6px;
                    margin-bottom: 6px
                }

                    .lt1 .a15 a .b16 .d9 .t28 {
                        width: 100%;
                        height: 28px;
                        overflow: hidden;
                        font: 700 22px/24px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #f7422f;
                        float: left;
                        letter-spacing: -1px
                    }

                        .lt1 .a15 a .b16 .d9 .t28 span {
                            font: 700 14px/28px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                            color: #f7422f;
                        }

                    .lt1 .a15 a .b16 .d9 .t29 {
                        width: 100%;
                        height: 20px;
                        overflow: hidden;
                        font: 400 15px/24px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #888;
                        float: left;
                        letter-spacing: 0px
                    }

                .lt1 .a15 a .b16 .t30 {
                    width: 100%;
                    height: 20px;
                    overflow: hidden;
                    font: 400 15px/24px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #888;
                    float: left;
                    letter-spacing: 0px
                }

                    .lt1 .a15 a .b16 .t30 span {
                        font: 400 12px/24px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                        margin-left: 4px;
                        vertical-align: top;
                        padding-top: 2px
                    }

/*評價+購買人數+*/
.spa1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    padding-top: 30px
}

    .spa1 .a16 {
        width: 100%;
        height: auto;
        overflow: hidden;
        background: #fff;
        margin-bottom: 12px
    }

        .spa1 .a16 .str3 {
            width: 60%;
            height: auto;
            overflow: hidden;
            font: 400 16px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
            float: left;
            color: #666;
        }

            .spa1 .a16 .str3 a {
                width: auto;
                height: auto;
                font: 400 16px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                float: left;
                color: #666;
                display: inline-block
            }

                .spa1 .a16 .str3 a:hover {
                    text-decoration: underline;
                }

                .spa1 .a16 .str3 a img {
                    width: auto;
                    height: 17px;
                    padding-top: 1px;
                    vertical-align: top;
                    margin-right: 2px
                }

            .spa1 .a16 .str3 > span {
                color: #111;
                font: 500 16px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
            }

            .spa1 .a16 .str3 > a span {
                color: #111;
                font: 500 16px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                margin-right: 6px
            }
        /*問答*/
        .spa1 .a16 .t31 {
            width: calc(100% - 60%);
            height: 20px;
            overflow: hidden;
            font: 400 16px/24px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #888;
            float: right;
            letter-spacing: 0px;
            text-align: right
        }

            .spa1 .a16 .t31 a {
                width: 100%;
                height: auto;
                font: 400 16px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                float: left;
                color: #666;
                display: inline-block
            }

                .spa1 .a16 .t31 a:hover {
                    text-decoration: underline;
                }

                .spa1 .a16 .t31 a img {
                    width: auto;
                    height: 15px;
                    padding-top: 3px;
                    vertical-align: top;
                    margin-right: 0px;
                }

                .spa1 .a16 .t31 a span {
                    color: #111;
                    font: 500 16px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    margin-right: 3px
                }
    /*最愛*/
    .spa1 .a17 {
        width: 100%;
        height: 54px;
        overflow: hidden;
        text-align: right
    }

        .spa1 .a17 .like {
            width: 55px;
            height: 46px;
            overflow: hidden;
            padding: 4px 0 0; /*float:left;*/
            margin-right: 15px;
            display: inline-block;
            vertical-align: top
        }

            .spa1 .a17 .like a {
                width: 100%;
                height: 100%;
                overflow: hidden;
                display: block;
                background: url("../../images/SP/ic13.png") no-repeat center/auto 100%;
                text-indent: -9999px
            }

                .spa1 .a17 .like a:hover,
                .spa1 .a17 .like a.active {
                    background: url("../../images/SP/ic13b.png") no-repeat center/auto 100%
                }

.bt3 {
    width: 180px;
    height: 54px;
    font: 500 22px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s; /*float:left;*/
    margin-right: 20px;
    display: inline-block;
    vertical-align: top
}

    .bt3 img {
        width: auto;
        height: 24px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt3 a {
        width: 100%;
        height: 54px;
        font: 500 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #f7422f;
        display: block;
        border-radius: 4px;
        border: 1px solid #f7422f;
        box-sizing: border-box;
        background: #fff
    }

        .bt3 a:hover {
            background: #ffdedb;
            border: 1px solid #f7422f;
            transition: all 0.3s;
        }

.bt4 {
    width: 180px;
    height: 54px;
    font: 500 22px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s; /*float:left; */
    ;
    display: inline-block;
    vertical-align: top
}

    .bt4 img {
        width: auto;
        height: 24px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt4 a {
        width: 100%;
        height: 54px;
        font: 500 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 4px;
        border: 1px solid #f7422f;
        box-sizing: border-box;
        background: #f7422f
    }

        .bt4 a:hover {
            background: #ff6b5b;
            border: 1px solid #ff6b5b;
            transition: all 0.3s;
        }
/*出貨+運費+支付說明*/
.m10 .a12 .b13 .c7-3 {
    height: 227px;
    overflow: unset;
}

.ls20 {
    width: 100%;
    height: 30px; /*overflow:hidden;*/
    margin-bottom: 5px
}

    .ls20 > div {
        float: left;
        min-height: 30px; /*height:auto;overflow:hidden;*/
        font: 400 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        background: linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat right center/1px 72%
    }

        .ls20 > div a {
            font: 400 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #555;
            display: inline-block;
            margin-right: 4px
        }

            .ls20 > div a:hover {
                color: #111;
                text-decoration: underline
            }

        .ls20 > div > img {
            width: auto;
            height: 20px;
            padding-bottom: 4px;
            vertical-align: middle;
            margin-right: 5px;
        }

    .ls20 .t32 {
        width: 50px;
        margin-right: 18px;
        box-sizing: border-box;
    }

    .ls20 .t33 {
        width: calc(100% - 70px);
        background: none
    }

    .ls20 .t33-2 img {
        margin-left: 5px;
    }

    .ls20 .t33 a img {
        width: auto;
        height: 14px;
        padding-bottom: 4px;
        vertical-align: middle;
        margin-left: 5px;
    }

    .ls20 .t33 a span {
        color: #c00;
        font: 500 16px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
        margin: 0 4px
    }
/*共用小標題*/
.bgt2 {
    width: 100%;
    height: 30px;
    overflow: hidden;
    font: 500 22px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #555;
    background: linear-gradient(90deg,#f7422f 50%,#f7422f 50%) no-repeat left 7px/3px 20px;
    padding-left: 12px;
    box-sizing: border-box;
    margin-bottom: 12px
}
/*商品相關分類(麵包屑)*/
.ls20 .t33-3 a {
    color: #f7422f
}

    .ls20 .t33-3 a:hover {
        color: #f56152
    }

    .ls20 .t33-3 a img {
        margin: 0 5px;
    }

/*加盟商加介紹+店家商品*/
.m10 .a12 .b13 .c7-2 {
    overflow: auto
}

.sto1 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .sto1 .a18 {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
        margin: 0 0 20px
    }
        /*加盟商加介紹+店家商品---店家名+商標*/
        .sto1 .a18 .b17 {
            width: 270px;
            height: 60px;
            overflow: hidden;
            float: left
        }

            .sto1 .a18 .b17 .slg1 {
                width: 60px;
                height: 60px;
                overflow: hidden;
                float: left
            }

                .sto1 .a18 .b17 .slg1 img {
                    width: 100%;
                    height: 60px;
                    overflow: hidden;
                    float: left
                }

            .sto1 .a18 .b17 .snm {
                width: calc(100% - 70px);
                height: 60px;
                overflow: hidden;
                float: right;
                font: 500 18px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
            }
        /*加盟商加介紹+店家商品---店家名+商標*/
        .sto1 .a18 .b18 {
            width: calc(100% - 280px);
            height: 60px;
            overflow: hidden;
            float: right
        }

            .sto1 .a18 .b18 .ls21 {
                width: 20%;
                height: 60px;
                overflow: hidden;
                float: left;
                border-right: 1px solid #d8d8d8;
                box-sizing: border-box;
                text-align: center
            }

            .sto1 .a18 .b18 .ls21-2 {
                border-right: 1px solid #d8d8d8;
            }

            .sto1 .a18 .b18 .ls21 .t34 {
                width: 100%;
                height: 30px;
                overflow: hidden;
                font: 500 16px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7422f;
            }

            .sto1 .a18 .b18 .ls21 .t35 {
                width: 100%;
                height: 30px;
                overflow: hidden;
                font: 400 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #555;
            }
        /*加盟商加介紹+店家商品---店家名+商標*/
        .sto1 .a18 .b18b {
            width: 100%;
            height: auto;
            overflow: hidden;
            float: left;
            margin-top: 20px
        }

            .sto1 .a18 .b18b .c9 {
                width: 100%;
                height: auto;
                overflow: hidden;
                float: left
            }

.ls28 {
    width: 32.33%;
    height: 86px;
    overflow: hidden;
    border-radius: 8px;
    padding: 4px 6px 4px 12px;
    box-sizing: border-box;
    transition: all 0.3s;
    margin: 0 .5% 0px;
    float: left;
    background: linear-gradient(90deg,#f97b6d 50%,#f97b6d 50%) no-repeat left center/4px 100% #feecea;
}

    .ls28 .d10 {
        width: 66%;
        height: auto;
        overflow: hidden;
        float: left;
        border-right: 1px dashed #ccc;
        box-sizing: border-box;
    }

        .ls28 .d10 .t68 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 700 28px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7422f;
            letter-spacing: -.5px;
        }

        .ls28 .d10 .t69 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 400 14px/20px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
        }

        .ls28 .d10 .t70 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 400 14px/20px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #666;
        }

    .ls28 .d11 {
        width: 34%;
        height: auto;
        overflow: hidden;
        float: right
    }

        .ls28 .d11 .t71 {
            width: 100%;
            height: auto;
            overflow: hidden;
            text-align: center
        }

            .ls28 .d11 .t71 a {
                font: 400 16px/20px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7442f;
            }

                .ls28 .d11 .t71 a:hover {
                    text-decoration: underline
                }

.sto1 .a18 .b18b .c9 .t72 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 400 15px/20px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #555;
    padding: 8px 0 0 5px;
    box-sizing: border-box;
}

.bt12 {
    width: 80%;
    height: 36px;
    font: 500 16px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    margin: 8px auto 2px
}

    .bt12 img {
        width: auto;
        height: 24px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt12 a {
        width: 100%;
        height: 36px;
        font: 500 18px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 4px;
        box-sizing: border-box;
        background: #f96859
    }

        .bt12 a:hover {
            background: #ff968b;
            transition: all 0.3s;
        }


/*加盟商家介紹+店家商品---查看店家按鈕*/
.bt5 {
    width: 84%;
    height: 60px;
    font: 500 18px/56px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: left
}

    .bt5 img {
        width: auto;
        height: 24px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt5 a {
        width: 100%;
        height: 60px;
        font: 500 16px/56px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #f7422f;
        display: block;
        border-radius: 4px;
        border: 1px solid #f7422f;
        box-sizing: border-box;
        background: #fff
    }

        .bt5 a:hover {
            background: #ffdedb;
            border: 1px solid #f7422f;
            transition: all 0.3s;
        }
/*加盟商家--店家商品--下層店家商品*/
/*橫幅內---店家商品---商品區域-------套件主體---*/
.bn4 {
    width: 100%;
    height: 260px;
}

    .bn4 .carousel-item {
        padding: 12px 0 0
    }
/*橫幅內---店家商品--商品區域----商品單體--*/
.ls22 {
    width: 18%;
    height: 240px;
    overflow: hidden;
    margin: 0 1%;
    float: left;
    background: #fff;
    border-radius: 0;
    padding: 0;
    box-sizing: border-box;
}

    .ls22 a {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
    }

        .ls22 a .im12 {
            width: 160px;
            height: 160px;
            overflow: hidden;
            float: left;
            border-radius: 6px;
            margin-bottom: 5px;
            box-sizing: border-box;
            transition: all 0.3s
        }

            .ls22 a .im12 img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

        .ls22 a:hover .im12 img {
            transform: scale(1.05);
            filter: contrast(120%);
            -ls4-filter: contrast(120%);
            transition: all 0.3s;
        }

        .ls22 a .t36 {
            width: 100%;
            height: 42px;
            overflow: hidden;
            font: 500 16px/21px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            transition: all 0.3s;
            margin-bottom: 5px;
            text-align: justify;
            text-justify: inter-ideograph;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            letter-spacing: -.5px
        }

        .ls22 a .pr1 {
            width: 100%;
            height: 30px;
            overflow: hidden;
            font: 900 20px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7422f;
            letter-spacing: -1.5px;
            text-align: left
        }

            .ls22 a .pr1 span {
                font: 400 14px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #888;
                display: inline-block;
                text-decoration: line-through;
                letter-spacing: 0;
                margin-left: 6px;
                vertical-align: top;
                padding: 5px 0 0
            }
/*第二橫幅內---商品區域--左右按鈕控制--*/
.bn4 .carousel-control-prev {
    left: 1px;
    margin: 0;
    width: 30px;
    transition: all 0.3s;
    top: -20px
}

.bn4 .carousel-control-next {
    right: 15px;
    margin: 0;
    width: 30px;
    transition: all 0.3s;
    top: -20px
}

    .bn4 .carousel-control-prev img,
    .bn4 .carousel-control-next img {
        width: 46px;
        height: 46px;
        transition: all 0.3s
    }

    .bn4 .carousel-control-prev:hover,
    .bn4 .carousel-control-next:hover {
        transition: all 0.3s;
        transform: scale(.9);
        filter: contrast(120%);
        -webkit-filter: contrast(120%)
    }
/*方案------推薦方案*/
.set1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 14px
}

    .set1 .t37 {
        width: 100%;
        height: 36px;
        overflow: hidden;
        font: 500 20px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        background: #ffe1e1;
        border-radius: 6px 6px 0 0
    }

        .set1 .t37 img {
            width: auto;
            height: 30px;
            padding-bottom: 4px;
            vertical-align: middle;
            margin-right: 2px;
            padding: 0 0 0 6px;
            box-sizing: border-box;
        }

    .set1 .a19 {
        width: 100%;
        height: 60px;
        overflow: hidden;
        background: #fffaf5;
        border: 1px solid #ffe1e1;
        border-top: 0;
        padding: 12px 14px;
        box-sizing: border-box;
        border-radius: 0 0 6px 6px
    }

        .set1 .a19 .t38 {
            width: 200px;
            height: auto;
            overflow: hidden;
            font: 400 20px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            float: left
        }

            .set1 .a19 .t38 span {
                font: 500 22px/34px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7422f;
                margin: 0 2px
            }

        .set1 .a19 .t39 {
            width: calc(100% - 200px);
            height: auto;
            overflow: hidden;
            font: 400 20px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            float: left;
            text-align: right
        }

            .set1 .a19 .t39 span {
                font: 500 28px/34px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7422f;
            }
/*方案--選擇方案*/
.st1 {
    width: 100%;
    height: 30px;
    overflow: hidden;
    font: 500 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #555;
    padding-left: 0;
    box-sizing: border-box;
    margin-bottom: 12px;
}

.set1-2 {
    border-radius: 0px
}

.set1 .a20 {
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: #e8e8e8;
    border: 1px solid #ffe1e1;
    border-top: 0;
    padding: 0 14px;
    box-sizing: border-box;
    border-radius: 6px 6px 0 0
}

    .set1 .a20 > div {
        float: left;
        font: 400 18px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        height: auto;
        overflow: hidden;
        text-align: center
    }

    .set1 .a20 .t40 {
        width: 40%;
        text-align: left
    }

    .set1 .a20 .t41 {
        width: 20%;
    }

    .set1 .a20 .t42 {
        width: 20%;
    }

.set1 .a21 {
    width: 100%;
    height: 60px;
    overflow: hidden;
    border: 1px solid #ffe1e1;
    border-top: 0;
    box-sizing: border-box;
    border-radius: 0
}

    .set1 .a21 > a {
        width: 100%;
        height: 60px;
        overflow: hidden;
        display: block;
        padding: 0 14px;
        box-sizing: border-box;
    }

        .set1 .a21 > a:hover {
            background: #ffebcc
        }

        .set1 .a21 > a.active {
            background: #ffebcc
        }

    .set1 .a21 a > div {
        float: left;
        font: 400 18px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        height: auto;
        overflow: hidden;
        text-align: center
    }

    .set1 .a21 a .t43 {
        width: 40%;
        text-align: left;
        font: 400 18px/60px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
    }

        .set1 .a21 a .t43 span {
            width: 30px;
            height: 30px;
            font: 700 16px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #fff;
            display: inline-block;
            background: #ccc;
            margin: 15px 12px 0 0;
            text-align: center;
            transition: all 0.3s;
            border-radius: 3px;
            vertical-align: top
        }

    .set1 .a21 a .t44 {
        width: 20%;
        font: 700 22px/60px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #f7422f;
        letter-spacing: -1px
    }

    .set1 .a21 a .bt6 {
        width: 16%;
        height: 36px !important;
        font: 500 18px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體" !important;
        color: #666 !important;
        text-align: center;
        padding: 0 0;
        border: 0px solid #e95377;
        transition: all 0.3s;
        float: left;
        margin: 12px 0 0 2%;
        background: #e8e8e8;
        border-radius: 4px
    }

    .set1 .a21 a:hover .bt6,
    .set1 .a21 a.active .bt6 {
        background: #f7422f;
        color: #fff !important
    }

    .set1 .a21 a .bt6 img {
        width: auto;
        height: 24px;
        padding-bottom: 4px;
        vertical-align: middle;
        margin-right: 2px;
        box-sizing: border-box;
    }

    .set1 .a21 a:hover .t43 span {
        color: #fff;
        background: #f7422f;
    }

    .set1 .a21 a.active .t43 span {
        color: #fff;
        background: #f7422f;
    }

/*商品規格、選項*/
.m10 .a12 .b13 .c7 .t45 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 400 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
}

/*商品詳情---文字編輯器區域*/
.m10 .a12 .b13 .c7 .t46 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 400 16px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
}

    .m10 .a12 .b13 .c7 .t46 img {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 20px
    }

    .m10 .a12 .b13 .c7 .t46 ul {
        padding-left: 20px;
    }

        .m10 .a12 .b13 .c7 .t46 ul li {
            list-style: outside;
            list-style-type: disc
        }

/*商商品詳情---文字編輯器區域*/
.bx1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    ;
    border: 0px solid #ccc;
    font: 400 16px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
}

    .bx1 table {
        border: 1px solid #ccc;
        border-bottom: 0;
        border-right: 0
    }

        .bx1 table tr td {
            border: 1px solid #ccc;
            border-top: 0;
            border-left: 0;
            padding: 6px
        }

        .bx1 table tr .t47 {
            background: #eee
        }

/*整體品價*/
.rate {
    width: 100%;
    height: auto;
    overflow: hidden;
}
    /*整體品價---總評價*/
    .rate .a22 {
        width: 100%;
        height: auto;
        overflow: hidden;
        background: #fffaf5;
        border: 1px solid #ffe1e1;
        padding: 12px 12px 12px;
        box-sizing: border-box;
        border-radius: 6px;
        margin-bottom: 25px
    }

        .rate .a22 .str4 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 400 32px/32px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
            float: left;
            color: #f7422f;
            text-align: center
        }

            .rate .a22 .str4 span {
                font: 400 18px/32px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7422f;
            }

            .rate .a22 .str4 img {
                width: auto;
                height: 20px;
                padding-top: 6px;
                vertical-align: top;
                margin-right: 0px
            }

        .rate .a22 .t49 {
            width: 100%;
            height: 26px;
            overflow: hidden;
            text-align: center;
            font: 400 16px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #555;
        }
    /*整體品價---買家評價單體*/
    .rate .a23 {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .rate .a23 .ls23 {
            width: 100%;
            height: auto;
            overflow: hidden;
            border-bottom: 1px solid #ddd;
            padding-bottom: 10px;
            margin-bottom: 10px
        }

            .rate .a23 .ls23 .use1 {
                width: 100%;
                height: 50px;
                overflow: hidden;
                float: left;
                margin-bottom: 4px
            }

                .rate .a23 .ls23 .use1 .im13 {
                    width: 50px;
                    height: 50px;
                    overflow: hidden;
                    float: left;
                    border-radius: 100px
                }

                    .rate .a23 .ls23 .use1 .im13 img {
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                    }

            .rate .a23 .ls23 .nm1 {
                width: calc(100% - 70px);
                height: 50px;
                overflow: hidden;
                float: right;
                font: 500 18px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
            }
            /*整體品價---買家評價單體---評價星級+回覆*/
            .rate .a23 .ls23 .b19 {
                width: 100%;
                height: auto;
                overflow: hidden;
                padding-left: 70px;
                box-sizing: border-box;
            }

                .rate .a23 .ls23 .b19 .str5 {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    margin-bottom: 4px
                }

                    .rate .a23 .ls23 .b19 .str5 img {
                        width: auto;
                        height: 18px;
                        padding-top: 6px;
                        vertical-align: top;
                        margin-right: 0px
                    }

                .rate .a23 .ls23 .b19 .t50 {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    font: 400 16px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #111;
                    margin-bottom: 20px
                }

                .rate .a23 .ls23 .b19 .t51 {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    font: 400 16px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #555;
                    margin-bottom: 12px
                }

                .rate .a23 .ls23 .b19 .dt1 {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    font: 400 15px/26px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #555;
                    margin-bottom: 12px
                }

                .rate .a23 .ls23 .b19 .c8 {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    margin-bottom: 10px
                }

.bt7 {
    width: 104px;
    height: auto;
    overflow: hidden;
}

    .bt7 a {
        width: 100%;
        height: 32px;
        font: 16px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        display: block;
        border-radius: 6px;
        background: url("../../images/SP/ic21.png") no-repeat 6px 5px/auto 18px;
        border: 1px solid #888;
        box-sizing: border-box;
        text-align: right;
        padding: 0 6px 0 16px
    }

        .bt7 a:hover {
            background: url("../../images/SP/ic21b.png") no-repeat 6px 5px/auto 18px;
            border: 1px solid #f7422f;
            transition: all 0.1s;
            color: #f7422f
        }

        .bt7 a.active {
            background: url("../../images/SP/ic21b.png") no-repeat 6px 5px/auto 18px;
            border: 1px solid #f7422f;
            transition: all 0.1s;
            color: #f7422f
        }


/*看更多評論按鈕*/
.bt8a {
    width: 100%;
    height: auto;
    overflow: hidden
}

.bt8 {
    width: 150px;
    height: auto;
    overflow: hidden;
    margin: 10px auto 0
}

    .bt8 img {
        width: auto;
        height: 24px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt8 a {
        width: 100%;
        height: 42px;
        font: 400 18px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #f7422f;
        display: block;
        border-radius: 100px;
        border: 1px solid #f7422f;
        box-sizing: border-box;
        background: #fff;
        text-align: center
    }

        .bt8 a:hover {
            background: #f7422f;
            border: 1px solid #f7422f;
            transition: all 0.3s;
            color: #fff
        }

/*商品多角度左右滑動套件*/
.kit1 {
    width: 96%;
    padding-left: 0;
    border-bottom: 0px solid #111;
    margin-bottom: 0px !important
}

    .kit1 .slick-list {
        width: 100%;
        margin: 0 auto;
        padding: 0 0
    }

    .kit1 .slick-initialized .slick-slide {
        width: 24% !important;
        float: left
    }

    .kit1 .slick-prev::before {
        width: 30px;
        height: 30px;
        font: 900 35px/36px 'Noto Serif TC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
        color: rgba(0,0,0,1);
        transition: all 0.3s;
        background: url("../../images/bl.png") no-repeat center/30px;
        display: block;
        color: rgba(0,0,0,0);
        opacity: .4
    }

    .kit1 .slick-next::before {
        width: 30px;
        height: 30px;
        font: 900 35px/60px 'Noto Serif TC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
        color: rgba(0,0,0,1);
        transition: all 0.3s;
        background: url("../../images/br.png") no-repeat center/30px;
        display: block;
        color: rgba(0,0,0,0);
        opacity: .4
    }

    .kit1 .slick-prev:hover:before,
    .kit1 .slick-next:hover:before {
        color: rgba(0,0,0,0);
        transition: all 0.3s;
        opacity: 1;
        filter: contrast(110%);
        -webkit-filter: contrast(110%);
    }

    .kit1 .slick-prev {
        left: 0;
        top: 40%;
        z-index: 9
    }

    .kit1 .slick-next {
        right: -6px;
        top: 40%;
    }

    .kit1 .slick-dots {
        display: none !important;
        margin-bottom: 25px !important
    }

.ls24 {
    width: 27%;
    height: auto;
    overflow: hidden;
    margin: 0 3% 0;
    border: 0px solid rgba(215,170,40,0);
    border-radius: 0px;
    box-shadow: 0 2px 8px rgba(0,0,0,.0); /*background:#fff;*/
    float: left;
    box-sizing: border-box;
    transition: all 0.3s;
    background: #fff;
    padding: 0;
    border-radius: 0
}
    /*.ls24-2{width:410px!important;margin:0 17px 18px;}*/
    .ls24:hover {
        transition: all 0.3s;
        border: 0px solid rgba(215,170,40,1);
    }

    .ls24 a {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0;
        box-sizing: border-box;
        display: block
    }

        .ls24 a .im14 {
            width: 80px;
            height: 80px;
            overflow: hidden;
            position: relative;
            margin-bottom: 10px
        }

            .ls24 a .im14 img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

        .ls24 a:hover .im14 img {
            transform: rotate(0deg) scale(1.05);
            transition: all 0.3s;
            filter: brightness(120%)
        }

        .ls24 a .im14 .cv4 {
            width: 100%;
            height: 15px;
            overflow: hidden;
            position: absolute;
            bottom: 0px;
            left: 0%;
            z-index: 3;
            background: rgba(155,130,100,.85) /*d5a828*/;
            font: 500 18px/23px 'Noto Serif TC','Noto Sans TC',"微軟正黑體";
            color: #111;
            text-align: center;
            padding: 0 10px 0 6px;
            border-radius: 0 20px 20px 0;
            letter-spacing: -1px
        }

    .ls24 .im14 .cv4-2 {
        background: #ff1e68;
    }

    .ls24 a .t4 {
        width: 100%;
        height: 64px;
        overflow: hidden;
        position: relative;
        font: 700 22px/32px 'Noto Sans TC',"微軟正黑體";
        color: #111;
        ;
        margin: 0 auto 5px;
        transition: all 0.3s
    }

    .ls24 a .t4-2 {
        text-align: center
    }

    .ls24 a:hover .t4 {
        color: #49361f;
        text-decoration: underline;
        transition: all 0.3s
    }

    .ls24 a .t3 {
        width: 100%;
        height: 25px;
        overflow: hidden;
        position: relative;
        font: 500 18px/25px 'Noto Sans TC',"微軟正黑體";
        color: #333;
        margin: 0 auto 5px;
        text-align: justify;
        text-justify: inter-ideograph;
    }
        /*分類名稱*/
        .ls24 a .t3 .tp4 {
            width: auto;
            height: 25px;
            font: 400 16px/25px 'Noto Serif TC','Noto Sans TC',"微軟正黑體";
            color: #fff;
            background: #222;
            border: 0px solid #aaa;
            float: right;
            box-sizing: border-box;
            display: inline-block;
            padding: 0 4px
        }

        .ls24 a .t3 .tp4-2 {
            float: left;
        }

/*出貨與配送+付款方式--彈出視窗*/
.pop1 {
    padding-top: 50px;
    background: rgba(0,0,0,.80)
}

    .pop1 .modal-content {
        background-color: #fff
    }

    .pop1 .modal-header h5 {
        font: 500 22px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        text-align: center;
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
        padding-left: 16px;
        box-sizing: border-box;
    }

    .pop1 .modal-body {
        font: 400 20px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        text-align: left;
        padding: 20px 20px 10px;
        max-height: 500px;
        overflow: auto;
        overflow-x: hidden;
    }

    .pop1 .modal-footer {
        border-top: 0;
        padding: 0 20px 35px
    }

.bt9 {
    width: 120px;
    height: 38px;
    font: 500 18px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #f7422f;
    display: block;
    text-align: center;
    border-radius: 60px;
    padding: 0 0;
    border: 1px solid #f7422f;
    transition: all 0.3s;
    margin: 0px auto;
    background: #fff;
}

    .bt9:hover {
        background: #f56152;
        border: 1px solid #f56152;
        transition: all 0.3s;
        color: #fff
    }

    .bt9 img {
        width: auto;
        height: 24px;
        display: inline-block;
        padding: 0 0 8px;
        margin-left: 6px;
    }

    .bt9 a {
        width: 100%;
        height: 80px;
        font: 500 28px/80px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        display: block;
        border-radius: 6px;
        background: #fffaf5;
    }

        .bt9 a:hover {
            background: #f56152;
            border: 0px solid #3577c1;
            transition: all 0.3s;
        }

/*出貨與配送--彈出視窗----主要資訊*/
.pop1 .a24 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px
}

    .pop1 .a24 .t52 {
        width: 100%;
        height: auto;
        overflow: hidden;
        font: 500 18px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        border-bottom: 1px solid #ddd;
        margin-bottom: 6px;
        color: #f7422f;
        padding: 0 0 6px
    }

        .pop1 .a24 .t52 span {
            font: 500 12px/28px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            margin: 0 4px 0 0;
            padding: 15px 0 0;
            vertical-align: top
        }

    .pop1 .a24 .t52-2 {
        color: #111;
    }

    .pop1 .a24 .t53 {
        width: 100%;
        height: auto;
        overflow: hidden;
        font: 400 16px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
    }

        .pop1 .a24 .t53 img {
            width: auto;
            height: 20px;
            padding-bottom: 4px;
            vertical-align: middle;
            margin-right: 5px;
        }

        .pop1 .a24 .t53 span {
            color: #c00;
            font: 500 16px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            margin: 0 4px
        }

    .pop1 .a24 .t54 {
        width: 100%;
        height: auto;
        overflow: hidden;
        font: 400 16px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #888;
    }

/*付款方式-彈出視窗----主要資訊*/
.pop1-2 .modal-body {
    padding: 0 20px 10px
}

.pop1-2 .modal-footer {
    border-top: 0;
    padding: 0 20px 20px
}

.pop1 .a25 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px
}

    .pop1 .a25 .t55 {
        width: 100%;
        height: auto;
        overflow: hidden;
        font: 400 14px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #888;
        text-align: center;
        border-bottom: 1px solid #ddd
    }

        .pop1 .a25 .t55 img {
            width: auto;
            height: 18px;
            padding-bottom: 4px;
            vertical-align: middle;
            margin-right: 5px;
        }

    .pop1 .a25 .ls25 {
        width: 100%;
        height: auto;
        overflow: hidden;
        text-align: left;
        border-bottom: 1px solid #ddd
    }

        .pop1 .a25 .ls25 .t56 {
            width: 70%;
            height: auto;
            overflow: hidden;
            font: 400 15px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            float: left
        }

            .pop1 .a25 .ls25 .t56 span {
                font: 400 12px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #555;
                vertical-align: top;
                padding: 2px 0 0;
                transform: scale(.3);
                display: inline-block;
                margin-right: 3px
            }

            .pop1 .a25 .ls25 .t56 h4 {
                font: 400 14px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #888;
                vertical-align: top;
                padding: 1px 0 0;
                display: inline-block;
                margin-left: 8px
            }

        .pop1 .a25 .ls25 .im15 {
            width: calc(100% - 70%);
            height: auto;
            overflow: hidden;
            float: right;
            text-align: right;
            margin-top: 0
        }

            .pop1 .a25 .ls25 .im15 img {
                width: auto;
                height: 20px;
                margin: 0px 0 0 5px;
                display: inline-block;
                padding: 5px 0 0
            }

/*相關保障-彈出視窗----主要資訊*/
.pop1-3 .modal-footer {
    padding: 20px 20px
}

.pop1-3 .modal-body {
    padding: 20px 20px 0
}

.pop1 .a24 .t57 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 400 15px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
    text-align: justify;
    text-justify: inter-ideograph;
}

    .pop1 .a24 .t57 a {
        font: 400 15px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #4165d8;
        text-decoration: underline
    }

        .pop1 .a24 .t57 a:hover {
            color: #001b74;
        }

    .pop1 .a24 .t57 span {
        font: 400 15px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #f7422f;
    }

    .pop1 .a24 .t57 h4 {
        font: 400 15px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #6086e9;
        display: inline-block;
        vertical-align: top
    }

    .pop1 .a24 .t57 ul {
        padding-left: 34px;
    }

        .pop1 .a24 .t57 ul li {
            list-style: outside;
            list-style-type: disc
        }

            .pop1 .a24 .t57 ul li ul {
                padding-left: 18px;
            }

                .pop1 .a24 .t57 ul li ul li {
                    list-style: outside;
                    list-style-type: square
                }

                    .pop1 .a24 .t57 ul li ul li ul {
                        padding-left: 18px;
                    }

                        .pop1 .a24 .t57 ul li ul li ul li {
                            list-style: outside;
                            list-style-type: disc
                        }

                            .pop1 .a24 .t57 ul li ul li ul li ul {
                                padding-left: 18px;
                            }

                                .pop1 .a24 .t57 ul li ul li ul li ul li {
                                    list-style: outside;
                                    list-style-type: circle
                                }

.pop1 .a24 .t57-2 > ul {
    padding-left: 34px;
}

    .pop1 .a24 .t57-2 > ul > li {
        list-style: outside;
        list-style-type: decimal
    }

/*免運費滑出介面*/
.ls20 .t33 .fr1 {
    width: auto;
    height: auto;
    display: inline-block;
    position: relative;
}

    .ls20 .t33 .fr1 a {
        font: 400 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        display: inline-block;
        margin-right: 4px
    }

        .ls20 .t33 .fr1 a:hover {
            color: #111;
            text-decoration: underline
        }

        .ls20 .t33 .fr1 a img {
            width: auto;
            height: 14px;
            padding-bottom: 4px;
            vertical-align: middle;
            margin-right: 5px;
        }

    .ls20 .t33 .fr1 .mn4 {
        width: 240px;
        height: 0;
        overflow: hidden;
        position: absolute;
        left: 70px;
        top: -50px;
        padding: 0 15px;
        opacity: 0;
        transition: all 0.3s;
        border: 0px solid #ccc;
        border-radius: 8px;
        box-shadow: 0 1px 5px rgba(0,0,0,0);
    }

    .ls20 .t33 .fr1:hover .mn4 {
        height: auto;
        overflow: inherit;
        background: #fff;
        padding: 10px 15px;
        opacity: 1;
        transition: all 0.3s;
        border: 1px solid #ccc;
        box-shadow: 0 1px 5px rgba(0,0,0,.25);
    }

    .ls20 .t33 .fr1 .mn4 .ls26 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 8px
    }

        .ls20 .t33 .fr1 .mn4 .ls26 .t58 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 400 16px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            border-bottom: 1px solid #ddd;
            margin-bottom: 3px;
            color: #f7422f;
            padding: 0 0 3px
        }

            .ls20 .t33 .fr1 .mn4 .ls26 .t58 span {
                font: 400 12px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7422f;
                transform: scale(.4);
                display: inline-block
            }

        .ls20 .t33 .fr1 .mn4 .ls26 .t59 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 400 16px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #333;
        }

/*整體評價---彈出視窗----主要資訊*/
.pop1-4 .modal-dialog {
    max-width: 900px
}
/*整體評價---彈出視窗----主要資訊-----篩選介面*/
.rate .a26 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 0 4px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd
}

    .rate .a26 span {
        width: 20px;
        height: 50px;
        overflow: hidden;
        font: 400 14px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        display: block;
        float: right;
        text-align: center;
    }

    .rate .a26 .t60 {
        width: 80px;
        height: 42px;
        overflow: hidden;
        float: right
    }

        .rate .a26 .t60 a {
            width: 100%;
            height: 100%;
            font: 400 16px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #555;
            text-align: center;
            display: block;
        }

            .rate .a26 .t60 a:hover {
                text-decoration: underline;
                color: #f7442f
            }

    .rate .a26 .sh1 {
        width: 200px;
        height: 42px;
        overflow: hidden;
        float: right;
        margin-left: 10px;
    }

        .rate .a26 .sh1 select {
            width: 100%;
            height: 100%;
            overflow: hidden;
            border: 1px solid #ccc;
            padding: 0 8px;
            font: 400 16px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            border-radius: 6px;
            background: #fff;
            box-sizing: border-box;
            display: block
        }

            .rate .a26 .sh1 select option:hover {
                color: #f7442f
            }

            .rate .a26 .sh1 select option:focus {
                color: #f7442f
            }

/*加入購物車+立即購買(選擇商品種類)---彈出視窗----主要資訊*/
.pop1-5 .modal-dialog {
    max-width: 900px
}

.pop1-5 .modal-footer {
    padding: 0 20px 20px
}

.car1 {
    width: 100%;
    height: auto;
    overflow: hidden
}

    .car1 .a27 {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid #ddd;
        padding-bottom: 6px;
        margin-bottom: 6px
    }

        .car1 .a27 .im16 {
            width: 100px;
            height: 100px;
            overflow: hidden;
            border-radius: 4px;
            float: left
        }

            .car1 .a27 .im16 img {
                width: 100%;
                height: 100%;
            }

        .car1 .a27 .b20 {
            width: calc(100% - 120px);
            height: auto;
            overflow: hidden;
            float: right
        }

            .car1 .a27 .b20 .t61 {
                width: 100%;
                height: auto;
                overflow: hidden;
                font: 500 24px/32px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                text-align: justify;
                text-justify: inter-ideograph;
                letter-spacing: -1px;
                margin-bottom: 8px
            }

            .car1 .a27 .b20 .t62 {
                width: auto;
                height: 24px;
                overflow: hidden;
                font: 400 15px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #fff;
                letter-spacing: .5px;
                background: #f7442f;
                display: inline-block;
                box-sizing: border-box;
                padding: 0 6px;
                border-radius: 0px
            }

    /*加入購物車+立即購買(選擇商品種類)---彈出視窗----選擇商品種類介面*/
    .car1 .a28 {
        width: 100%;
        min-height: 200px;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid #ddd;
        padding: 12px 0 26px;
        margin-bottom: 6px
    }

        .car1 .a28 .ls27 {
            width: 100%;
            height: auto;
            overflow: hidden;
            border: 1px solid #ddd;
            border-radius: 8px;
            background: #f8f8f8;
            padding: 0 12px;
            box-sizing: border-box;
            transition: all 0.3s;
            margin-bottom: 10px
        }

            .car1 .a28 .ls27:hover {
                background: #fffaf5;
                border: 1px solid #f7422f;
                cursor: pointer;
                transition: all 0.3s
            }

            .car1 .a28 .ls27:focus {
                background: #fffaf5;
                border: 1px solid #f7422f;
                cursor: pointer;
                transition: all 0.3s
            }

            .car1 .a28 .ls27 .t63 {
                width: calc(100% - 220px);
                height: 50px;
                overflow: hidden;
                font: 400 18px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                letter-spacing: -1px;
                float: left
            }

            .car1 .a28 .ls27 .qta1 {
                width: 120px;
                height: 32px;
                overflow: hidden;
                float: right;
                margin: 9px 0 0;
                text-align: right
            }

                .car1 .a28 .ls27 .qta1 .qbt {
                    width: 25%;
                    height: 32px;
                    float: left
                }

                    .car1 .a28 .ls27 .qta1 .qbt a {
                        width: 100%;
                        height: 32px;
                        font: 700 18px/30px 'Noto Sans TC','Noto Sans SC',"微軟正黑體";
                        color: #fff;
                        display: inline-block;
                        text-align: center;
                        background: #666;
                        border: 1px solid #666;
                        border-radius: 5px 0 0 5px;
                        box-sizing: border-box;
                    }

                .car1 .a28 .ls27 .qta1 .qbt-2 a {
                    border-radius: 0 5px 5px 0;
                }

                .car1 .a28 .ls27 .qta1 .qbt a:hover {
                    background: #f7422f;
                    color: #fff;
                    border: 1px solid #f7422f
                }

                .car1 .a28 .ls27 .qta1 input {
                    width: 50%;
                    height: 32px;
                    border: 1px solid #888;
                    border-right: 0;
                    border-left: 0;
                    float: left;
                    padding: 0;
                    text-align: center;
                    font: 500 18px/30px 'Noto Sans TC','Noto Sans SC', verdana;
                    color: #000;
                    box-sizing: border-box;
                }

                .car1 .a28 .ls27 .qta1 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
                    color: #6b18df;
                }

    .car1 .a29 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 12px
    }
        /*加入購物車+立即購買(選擇商品種類)---彈出視窗----已選方案說明*/
        .car1 .a29 .t64 {
            width: 100%;
            height: 26px;
            overflow: hidden;
            font: 500 18px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            letter-spacing: 0px;
            margin-bottom: 2px
        }

            .car1 .a29 .t64 span {
                width: auto;
                height: 26px;
                overflow: hidden;
                font: 500 18px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #fff;
                letter-spacing: 0px;
                background: #f7442f;
                display: inline-block;
                box-sizing: border-box;
                padding: 0 6px;
                border-radius: 0px
            }

        .car1 .a29 .t65 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 400 18px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            letter-spacing: 0px;
        }

            .car1 .a29 .t65 span {
                color: #f7422f;
                margin: 0 0px
            }

        .car1 .a29 .t66 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 400 14px/20px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #2c458c;
            letter-spacing: 0px;
        }
        /*加入購物車+立即購買(選擇商品種類)---彈出視窗----總價格+立即購買按鈕*/
        .car1 .a29 .b21 {
            width: 65%;
            height: auto;
            overflow: hidden;
            float: left
        }

            .car1 .a29 .b21 .pr6 {
                width: 100%;
                height: auto;
                overflow: hidden;
                font: 700 36px/42px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7422f;
                margin-top: 0;
                letter-spacing: -2px
            }

            .car1 .a29 .b21 .t67 {
                width: 100%;
                height: auto;
                overflow: hidden;
                font: 400 14px/20px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #888;
                letter-spacing: 0px;
            }

        .car1 .a29 .b22 {
            width: 35%;
            height: auto;
            overflow: hidden;
            float: left
        }

.bt10 {
    width: 100px;
    height: 54px;
    font: 500 18px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: right;
    margin-right: 20px
}

    .bt10 img {
        width: auto;
        height: 24px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt10 a {
        width: 100%;
        height: 54px;
        font: 500 18px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #888;
        display: block;
        border-radius: 4px;
        border: 1px solid #aaa;
        box-sizing: border-box;
        background: #fff
    }

        .bt10 a:hover {
            background: #e8e8e8;
            border: 1px solid #aaa;
            transition: all 0.3s;
            color: #666
        }

.bt11 {
    width: 160px;
    height: 54px;
    font: 500 18px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: right;
}

    .bt11 img {
        width: auto;
        height: 24px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt11 a {
        width: 100%;
        height: 54px;
        font: 500 18px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 4px;
        border: 1px solid #f7422f;
        box-sizing: border-box;
        background: #f7422f
    }

        .bt11 a:hover {
            background: #ff6b5b;
            border: 1px solid #ff6b5b;
            transition: all 0.3s;
        }

/*整體評價---彈出視窗----主要資訊----商品圖預覽介面*/
.pop1-7 {
    padding: 0
}

    .pop1-7 .modal-dialog {
        max-width: 92%;
    }

        .pop1-7 .modal-dialog .modal-content {
            background: none;
            border: 0;
            height: 900px
        }

            .pop1-7 .modal-dialog .modal-content .modal-footer {
                padding: 0 20px 20px
            }

            .pop1-7 .modal-dialog .modal-content .modal-header { /*color:#fff;background:#fff*/
                ;
                border: 0;
                width: 600px;
                margin: 0 auto
            }

                .pop1-7 .modal-dialog .modal-content .modal-header h5 {
                    color: #fff
                }

            .pop1-7 .modal-dialog .modal-content .modal-body {
                max-height: 900px;
                padding: 0
            }

    .pop1-7 .btn-close {
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1.5em auto no-repeat
    }

    .pop1-7 .carousel-indicators {
        bottom: -200px
    }
/*商品預覽左右滑動套件-*/
.bn5 {
    width: 100%;
    height: auto;
    margin: 0 auto
}

    .bn5 .carousel-inner {
        height: auto;
        width: 600px;
        margin: 0 auto
    }

    .bn5 .carousel-item {
        width: 100%;
        padding: 0 0 0
    }
/*第二橫幅內---商品區域----商品單體--*/
.ls29 {
    width: 600px;
    height: 600px;
    overflow: hidden;
    border-radius: 0;
    margin: 0 1.5%;
    float: left;
    box-sizing: border-box;
}

    .ls29 .im17 {
        width: 600px;
        height: 600px;
        overflow: hidden;
        float: left;
        border-radius: 0;
        margin-bottom: 5px;
        transition: all 0.3s
    }

        .ls29 .im17 img {
            width: 100%;
            height: 100%;
            transition: all 0.3s
        }
/*第二橫幅內---商品區域--左右按鈕控制--*/
.bn5 .carousel-control-prev {
    left: 28%;
    margin: 0;
    width: 40px;
    transition: all 0.3s;
}

.bn5 .carousel-control-next {
    right: 28%;
    margin: 0;
    width: 40px;
    transition: all 0.3s;
}

    .bn5 .carousel-control-prev img,
    .bn5 .carousel-control-next img {
        width: 90px;
        height: 90px;
        transition: all 0.3s
    }

    .bn5 .carousel-control-prev:hover,
    .bn5 .carousel-control-next:hover {
        transition: all 0.3s;
        transform: scale(.9);
        filter: contrast(120%);
        -webkit-filter: contrast(120%)
    }

.bn5 .carousel-indicators button {
    width: 140px;
    height: 140px;
    background: #fff;
    padding: 0 !important;
    text-indent: 0;
    border: 0;
    opacity: 1;
    margin: 0 6px;
    transition: all 0.1s
}

.carousel-indicators .active {
    border: 3px solid #f7422f !important;
    box-sizing: border-box;
    transition: all 0.1s
}

.bn5 .carousel-indicators button img {
    width: 100%;
    height: 100%
}
/*shop_car.asp*/

.m11 {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 50px 0
}

    .m11 .a30 {
        width: 1200px;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between
    }

.not1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #ffe2e2;
    font: 400 16px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #f7422f;
    text-align: center
}
/*shop_car.asp----選告店家商品單體*/
.m11 .a30 .b23 {
    width: 830px;
    height: auto;
    float: left
}

.ls30 {
    width: 100%;
    min-height: 100px;
    height: auto;
    background: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-bottom: 0;
    margin-bottom: 25px;
    float: left
}
    /*shop_car.asp----選告店家商品單體---運費狀況*/
    .ls30 .fre1 {
        width: 100%;
        height: 40px;
        background: #feecea;
        padding: 0 15px;
        box-sizing: border-box;
    }

        .ls30 .fre1 .t73 {
            width: 70%;
            height: 40px;
            float: left;
            font: 400 16px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7422f;
        }

        .ls30 .fre1 .t74 {
            width: calc(100% - 70%);
            height: auto;
            float: left;
            font: 400 16px/40px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7422f;
            text-align: right;
            transition: all 0.3s;
            cursor: pointer;
            position: relative
        }

            .ls30 .fre1 .t74:hover { /*opacity:.75;*/
                transition: all 0.3s
            }

            .ls30 .fre1 .t74 img {
                width: auto;
                height: 10px;
                padding-bottom: 2px;
                vertical-align: middle;
                margin-right: 5px
            }

            .ls30 .fre1 .t74 .not2 {
                width: 600px;
                height: 0;
                overflow: hidden;
                position: absolute;
                left: -94px;
                margin: 0 0 0 0;
                top: 40px;
                z-index: 9;
                background: #fff;
                box-sizing: border-box;
                padding: 0 18px;
                transition: all 0.3s;
                opacity: 1 !important;
                border-radius: 12px;
                border: 0px solid rgba(204,204,204,.0)
            }

            .ls30 .fre1 .t74:hover .not2 {
                height: auto;
                overflow: hidden;
                border: 1px solid rgba(204,204,204,1);
                box-sizing: border-box;
                padding: 6px 18px;
                transition: all 0.3s;
                box-shadow: 0 1px 5px rgba(0,0,0,.15);
                cursor: auto
            }

            /*shop_car.asp--宅配+711+全家 運費介面--標頭*/
            .ls30 .fre1 .t74 .not2 .t75 {
                width: 100%;
                height: auto;
                font: 500 20px/40px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                text-align: center;
                border-bottom: 1px solid #ddd;
                margin-bottom: 8px;
                padding-bottom: 4px
            }
/*shop_car.asp--宅配+711+全家---運費下滑介面*/
.ls31 {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    margin-bottom: 8px
}
    /*shop_car.asp--宅配+711+全家 運費下滑介面--*/
    /*.ls31 .c10{width:50%;height:auto;overflow:hidde;float:left}*/
    .ls31 .t76 {
        width: 100%;
        height: 30px;
        font: 400 20px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        float: left;
        text-align: left
    }

        .ls31 .t76 span {
            width: 50%;
            height: 30px;
            display: block;
            float: right;
            ;
            text-align: right
        }

    .ls31 .t77 {
        width: 100%;
        height: 22px;
        font: 400 16px/22px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        float: left;
        text-align: left
    }

        .ls31 .t77 h4 {
            color: #f7442f;
            display: inline
        }

        .ls31 .t77 span {
            width: 50%;
            height: 20px;
            display: block;
            float: right;
            text-align: right
        }

.ls30 .fre1 .t74 .not2 .t78 {
    width: 100%;
    height: auto;
    font: 400 15px/40px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #555;
    text-align: left;
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px;
    padding-bottom: 4px
}

/*shop_car.asp--店家標頭+勾選*/

.ls30 .sto2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 12px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

.ck1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 4px 6px 8px 0;
    display: inline-block
}

    .ck1 > input[type="checkbox"] {
        display: none;
    }

        .ck1 > input[type="checkbox"] + label {
            width: 28px;
            height: 28px;
            border-radius: 2px;
            padding: 2px;
            margin: 12px 8px 0 0
        }

            .ck1 > input[type="checkbox"] + label div {
                display: block;
                width: 100%;
                height: 100%;
                border: 1px solid #888 /*rgba(230,70,50,.4)*/;
                border-radius: 3px;
                box-sizing: border-box;
                background: #fff
            }

        .ck1 > input[type="checkbox"]:checked + label div {
            border-radius: 4px;
            background: url("../../images/SP/ic36.png") no-repeat center/auto 12px #e36150;
            border: 2px solid #e36150
        }

    .ck1 label {
        height: 19px;
        font: 13px/18px "微軟正黑體";
    }

    .ck1 span {
        width: 100%;
        height: auto;
        overflow: hidden;
        font: 500 24px/50px 'Noto Sans TC', "微軟正黑體";
        color: #111;
        display: inline;
        vertical-align: top;
    }

        .ck1 span a img {
            width: 40px;
            height: 40px;
            display: inline-block;
            margin-right: 4px;
            padding-bottom: 6px;
            vertical-align: middle
        }

        .ck1 span a {
            font: 500 20px/38px 'Noto Sans TC', "微軟正黑體";
            color: #111;
        }

            .ck1 span a:hover {
                color: #f7422f;
                text-decoration: underline
            }

/*多少工作天出貨告示*/

.ls30 .spm1 {
    width: 100%;
    height: 30px;
    overflow: hidden;
    background: #fff9dd;
    font: 400 16px/30px 'Noto Sans TC', "微軟正黑體";
    color: #ff9c00;
    padding: 0 12px;
    box-sizing: border-box;
}

/*加入購車的商品*/
.ck2 {
    width: 40px;
    height: auto;
    overflow: hidden;
    margin: 27px 6px 8px 0;
    float: left
}

    .ck2 > input[type="checkbox"] {
        display: none;
    }

        .ck2 > input[type="checkbox"] + label {
            width: 28px;
            height: 28px;
            border-radius: 2px;
            padding: 2px;
            margin: 12px 8px 0 0
        }

            .ck2 > input[type="checkbox"] + label div {
                display: block;
                width: 100%;
                height: 100%;
                border: 1px solid #888 /*rgba(230,70,50,.4)*/;
                border-radius: 3px;
                box-sizing: border-box;
                background: #fff
            }

        .ck2 > input[type="checkbox"]:checked + label div {
            border-radius: 4px;
            background: url("../../images/SP/ic36.png") no-repeat center/auto 12px #e36150;
            border: 2px solid #e36150
        }

    .ck2 label {
        height: 19px;
        font: 13px/18px "微軟正黑體";
    }

    .ck2 span {
        width: 100%;
        height: auto;
        overflow: hidden;
        font: 500 24px/50px 'Noto Sans TC', "微軟正黑體.";
        color: #111;
        display: inline;
        vertical-align: top;
    }

        .ck2 span a img {
            width: 40px;
            height: 40px;
            display: inline-block;
            margin-right: 4px;
            padding-bottom: 6px;
            vertical-align: middle
        }

        .ck2 span a {
            font: 500 20px/38px 'Noto Sans TC', "微軟正黑體";
            color: #111;
        }

            .ck2 span a:hover {
                color: #f7422f;
                text-decoration: underline
            }
/*shop_car.asp商品主要資訊----商品主圖+運送標示*/
.ls30 .add1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px 12px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

    .ls30 .add1 .c11 {
        width: calc(100% - 80px);
        height: auto;
        overflow: hidden;
        float: left
    }

        .ls30 .add1 .c11 .d12 {
            width: 100px;
            height: auto;
            overflow: hidden;
            float: left;
            margin-right: 20px
        }

            .ls30 .add1 .c11 .d12 .im18 {
                width: 100%;
                height: auto;
                overflow: hidden;
                float: left;
                margin-bottom: 12px;
                border-radius: 6px;
                border: 1px solid #ddd;
                box-sizing: border-box;
            }

                .ls30 .add1 .c11 .d12 .im18 img {
                    width: 100%;
                    height: 100%;
                    transition: all 0.3s
                }

                .ls30 .add1 .c11 .d12 .im18 a img {
                    width: 100%;
                    height: 100%;
                    transition: all 0.3s
                }

                    .ls30 .add1 .c11 .d12 .im18 a img:hover {
                        transform: scale(1.08);
                        filter: contrast(120%);
                        -webkit-filter: contrast(120%);
                        transition: all 0.3s
                    }

            .ls30 .add1 .c11 .d12 .e3 {
                width: 100%;
                height: auto;
                overflow: hidden;
            }

                .ls30 .add1 .c11 .d12 .e3 .im19 {
                    width: 27.3%;
                    height: auto;
                    overflow: hidden;
                    float: left;
                    margin: 0 6% 0 0;
                }

                    .ls30 .add1 .c11 .d12 .e3 .im19 img {
                        width: 100%;
                        height: auto
                    }
        /*shop_car.asp商品主要資訊----商品名稱*/
        .ls30 .add1 .c11 .d13 {
            width: calc(100% - 120px - 270px);
            height: auto;
            overflow: hidden;
            float: left;
            margin-right: 20px
        }

            .ls30 .add1 .c11 .d13 .t79 {
                width: 100%;
                height: auto;
                overflow: hidden;
                margin-bottom: 8px;
                font: 400 16px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
            }

                .ls30 .add1 .c11 .d13 .t79 a {
                    font: 400 16px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #111;
                }

                    .ls30 .add1 .c11 .d13 .t79 a:hover {
                        color: #f7422f;
                        text-decoration: underline
                    }
            /*shop_car.asp商品主要資訊----選擇規格+數量*/
            .ls30 .add1 .c11 .d13 .e4 {
                width: 100%;
                height: auto;
                overflow: hidden;
                margin-bottom: 10px
            }

                .ls30 .add1 .c11 .d13 .e4 .f1 {
                    width: 70%;
                    height: auto;
                    overflow: hidden;
                    background: #e8e8e8;
                    padding: 2px 12px 8px;
                    box-sizing: border-box;
                    border-radius: 4px
                }

                    .ls30 .add1 .c11 .d13 .e4 .f1 .t80 {
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        font: 500 20px/30px 'Noto Sans TC', "微軟正黑體";
                        color: #555;
                        margin-bottom: 2px
                    }

                    .ls30 .add1 .c11 .d13 .e4 .f1 .t81 {
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        font: 400 16px/20px 'Noto Sans TC', "微軟正黑體";
                        color: #555;
                    }
            /*shop_car.asp商品主要資訊----折扣按鈕*/
            .ls30 .add1 .c11 .d13 .e5 {
                width: 100%;
                height: auto;
                overflow: hidden;
            }

                .ls30 .add1 .c11 .d13 .e5 .bt13 {
                    width: auto;
                    height: auto;
                    font: 500 18px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #fff;
                    text-align: center;
                    padding: 0 0;
                    border: 0px solid #e95377;
                    transition: all 0.3s;
                    float: left;
                    display: inline-block;
                    margin-right: 4px;
                }

                    .ls30 .add1 .c11 .d13 .e5 .bt13 img {
                        width: auto;
                        height: 18px;
                        display: inline-block;
                        padding: 0 0 3px;
                        margin-right: 2px;
                    }

                    .ls30 .add1 .c11 .d13 .e5 .bt13 a {
                        width: auto;
                        height: 28px;
                        font: 500 15px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #555;
                        display: inline-block;
                        border-radius: 4px;
                        border: 0px solid #f7422f;
                        box-sizing: border-box;
                        background: url("../../images/SP/ic38.png") no-repeat 8px center/18px auto #e8e8e8;
                        padding: 0 10px 0 28px;
                        text-align: right
                    }

                        .ls30 .add1 .c11 .d13 .e5 .bt13 a:hover {
                            border: 0px solid #ff6b5b;
                            transition: all 0.3s;
                            background: url("../../images/SP/ic38.png") no-repeat 8px center/18px auto #ccc;
                        }

                        .ls30 .add1 .c11 .d13 .e5 .bt13 a.active {
                            border: 0px solid #ff6b5b;
                            transition: all 0.3s;
                            background: url("../../images/SP/ic39.png") no-repeat 8px center/18px auto #f7442f;
                            color: #fff;
                            cursor: auto
                        }

                        .ls30 .add1 .c11 .d13 .e5 .bt13 a span {
                            font: 500 13px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                            color: #fff;
                        }
        /*shop_car.asp商品主要資訊----商品價格*/
        .ls30 .add1 .c11 .d14 {
            width: 180px;
            height: auto;
            overflow: hidden;
            float: left;
            margin-right: 20px
        }

            .ls30 .add1 .c11 .d14 .pr7 {
                width: 100%;
                height: 30px;
                overflow: hidden;
                font: 700 22px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7422f;
                margin-bottom: 0px;
                display: inline-block;
                letter-spacing: -1.5px;
                text-align: right
            }

                .ls30 .add1 .c11 .d14 .pr7 span {
                    font: 500 15px/20px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #888;
                    text-decoration: line-through;
                    display: inline-block;
                    letter-spacing: -0px;
                    margin-right: 4px
                }

                .ls30 .add1 .c11 .d14 .pr7 h4 {
                    font: 700 20px/20px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #e94cac;
                    margin-right: 4px;
                    display: inline-block;
                    letter-spacing: -1.5px
                }

            /*shop_car.asp商品主要資訊---商品價格區域之-折扣按鈕*/
            .ls30 .add1 .c11 .d14 .e6 {
                width: 100%;
                height: auto;
                overflow: hidden;
                text-align: right
            }

                .ls30 .add1 .c11 .d14 .e6 .bt14 {
                    width: auto;
                    height: auto;
                    font: 500 18px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #fff;
                    text-align: center;
                    padding: 0 0;
                    border: 0px solid #e95377;
                    transition: all 0.3s;
                    float: right;
                    display: inline-block;
                    margin: 0 0 4px;
                }

                    .ls30 .add1 .c11 .d14 .e6 .bt14 img {
                        width: auto;
                        height: 18px;
                        display: inline-block;
                        padding: 0 0 3px;
                        margin-right: 2px;
                    }

                    .ls30 .add1 .c11 .d14 .e6 .bt14 a {
                        width: auto;
                        height: 28px;
                        font: 400 15px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #f7422f;
                        display: inline-block;
                        border-radius: 4px;
                        border: 1px solid #f7422f;
                        box-sizing: border-box;
                        background: #fff;
                        padding: 0 10px;
                        text-align: right
                    }

                        .ls30 .add1 .c11 .d14 .e6 .bt14 a:hover {
                            border: 1px solid #ff6b5b;
                            transition: all 0.3s;
                            background: #ddd;
                        }

                        .ls30 .add1 .c11 .d14 .e6 .bt14 a.active {
                            border: 0px solid #ff6b5b;
                            transition: all 0.3s;
                            background: #f7442f;
                            color: #fff;
                            cursor: auto
                        }

                        .ls30 .add1 .c11 .d14 .e6 .bt14 a span {
                            font: 400 13px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                            color: #fff;
                        }
        /*shop_car.asp商品主要資訊---商品刪除按鈕*/
        .ls30 .add1 .c11 .d15 {
            width: 50px;
            height: auto;
            overflow: hidden;
            float: left;
        }

            .ls30 .add1 .c11 .d15 .bt15 {
                width: 24px;
                height: auto;
                overflow: hidden;
                margin: 0 0;
                padding-top: 10px;
                float: right
            }

                .ls30 .add1 .c11 .d15 .bt15 img {
                    width: 100%;
                    height: auto;
                    transition: all 0.3s;
                    opacity: .65
                }

                    .ls30 .add1 .c11 .d15 .bt15 img:hover {
                        transform: scale(.92);
                        filter: contrast(120%);
                        -webkit-filter: contrast(120%);
                        transition: all 0.3s;
                        opacity: .9
                    }

/*同店家之相關商品系列---左右滑動套件*/
.ls30 .c12 {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    padding: 20px 4px 0 18px;
    background: #fff;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    border-top: 0px
}

.kit2 {
    width: 96%;
    padding-left: 0;
    border-bottom: 0px solid #111;
    margin-bottom: 0px !important
}

    .kit2 .slick-list {
        width: 100%;
        margin: 0 auto;
        padding: 0 0
    }

    .kit2 .slick-initialized .slick-slide {
        width: 24% !important;
        float: left
    }

    .kit2 .slick-prev::before {
        width: 30px;
        height: 30px;
        font: 900 35px/36px 'Noto Serif TC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
        color: rgba(0,0,0,im201);
        transition: all 0.3s;
        background: url("../../images/bl.png") no-repeat center/30px;
        display: block;
        color: rgba(0,0,0,0);
        opacity: .4
    }

    .kit2 .slick-next::before {
        width: 30px;
        height: 30px;
        font: 900 35px/60px 'Noto Serif TC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
        color: rgba(0,0,0,1);
        transition: all 0.3s;
        background: url("../../images/br.png") no-repeat center/30px;
        display: block;
        color: rgba(0,0,0,0);
        opacity: .4
    }

    .kit2 .slick-prev:hover:before,
    .kit2 .slick-next:hover:before {
        color: rgba(0,0,0,0);
        transition: all 0.3s;
        opacity: 1;
        filter: contrast(110%);
        -webkit-filter: contrast(110%);
    }

    .kit2 .slick-prev {
        left: 0;
        top: 36%;
        z-index: 9
    }

    .kit2 .slick-next {
        right: -6px;
        top: 40%;
    }

    .kit2 .slick-dots {
        display: none !important;
        margin-bottom: 25px !important
    }
/*小標題*/
.ls30 .c12 .t82 {
    width: 100%;
    height: 30px;
    overflow: hidden;
    font: 500 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #333;
    transition: all 0.3s;
    margin-bottom: 10px;
    padding: 0 30px 0 8px;
    box-sizing: border-box;
}

    .ls30 .c12 .t82 a {
        font: 500 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        float: right;
        color: #555;
    }

        .ls30 .c12 .t82 a:hover {
            text-decoration: underline;
            color: #f7442f;
        }

.ls32 {
    width: 140px !important;
    height: 240px;
    overflow: hidden;
    margin: 0 8px 20px;
    float: left;
    bborder-radius: 0;
    box-sizing: border-box;
}

    .ls32 a {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
    }

        .ls32 a .im20 {
            width: 144px;
            height: 144px;
            overflow: hidden;
            float: left;
            border-radius: 0;
            margin-bottom: 5px;
            box-sizing: border-box;
            transition: all 0.3s;
            position: relative
        }

            .ls32 a .im20 > img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

    .ls32 a {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
    }

        .ls32 a:hover .im20 > img {
            transform: scale(1.08);
            filter: contrast(120%);
            -ls4-filter: contrast(120%);
            transition: all 0.3s;
        }

        .ls32 a .im20 .inc {
            width: 30px;
            height: 30px;
            overflow: hidden;
            position: absolute;
            top: 8px;
            right: 10px;
            z-index: 9
        }

            .ls32 a .im20 .inc img {
                width: 100%;
                height: 100%;
            }

        .ls32 a .t83 {
            width: 100%;
            height: 42px;
            overflow: hidden;
            font: 500 16px/21px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            transition: all 0.3s;
            margin-bottom: 5px;
            text-align: justify;
            text-justify: inter-ideograph;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            letter-spacing: -.5px
        }

        .ls32 a .pr1 {
            width: 100%;
            height: 30px;
            overflow: hidden;
            font: 900 18px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7422f;
            letter-spacing: -1.5px;
            text-align: left
        }

            .ls32 a .pr1 span {
                overflow: hidden;
                font: 400 14px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #888;
                letter-spacing: 0px;
                text-align: center;
                text-decoration: line-through;
                margin-right: 5px
            }

/*shop_car.asp----右邊區域優惠券-----*/
.m11 .a30 .b24 {
    width: 350px; /*min-height:200px; */
    float: right;
    position: sticky;
    right: 0;
    top: 61px;
    height: 100%;
}

    .m11 .a30 .b24 .c13 {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 20px;
        box-sizing: border-box;
        margin-bottom: 20px;
        display: block;
        border: 1px solid #ddd;
        background: #fff
    }

        .m11 .a30 .b24 .c13 .t84 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 400 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #555;
        }

            .m11 .a30 .b24 .c13 .t84 a {
                font: 400 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #555;
                display: inline-block;
                margin-right: 4px
            }

                .m11 .a30 .b24 .c13 .t84 a:hover {
                    color: #f7442f;
                    text-decoration: underline
                }

            .m11 .a30 .b24 .c13 .t84 > img {
                width: auto;
                height: 16px;
                padding-bottom: 4px;
                vertical-align: middle;
                margin-right: 5px;
            }

            .m11 .a30 .b24 .c13 .t84 a img {
                width: auto;
                height: 12px;
                padding-bottom: 4px;
                vertical-align: middle;
                margin-left: 5px;
            }

    /*shop_car.asp----右邊區域--小計結帳-----*/
    .m11 .a30 .b24 .c14 {
        width: 100%;
        min-height: 100px;
        height: auto;
        overflow: hidden;
        background: #fff;
        padding: 20px;
        box-sizing: border-box;
        margin-top: 0;
        float: left
    }

        .m11 .a30 .b24 .c14 .d16 {
            width: 100%;
            min-height: 100px;
            height: auto;
            overflow: hidden;
            background: #fff5f5;
            padding: 4px 10px;
            box-sizing: border-box;
            ;
            margin-bottom: 12px
        }

            .m11 .a30 .b24 .c14 .d16 .t85 {
                width: 100%;
                height: auto;
                overflow: hidden;
                font: 400 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
            }

                .m11 .a30 .b24 .c14 .d16 .t85 span {
                    font: 400 16px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #111;
                    float: right
                }

            .m11 .a30 .b24 .c14 .d16 .t86 {
                width: 100%;
                height: auto;
                overflow: hidden;
                font: 400 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
            }

                .m11 .a30 .b24 .c14 .d16 .t86 span {
                    font: 400 16px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #f7442f;
                    float: right
                }

            .m11 .a30 .b24 .c14 .d16 .t87 {
                width: 100%;
                height: auto;
                overflow: hidden;
                font: 400 20px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7442f;
            }

                .m11 .a30 .b24 .c14 .d16 .t87 span {
                    font: 500 20px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #f7442f;
                    float: right
                }

    .m11 .a30 .b24 .t88 {
        width: 100%;
        height: auto;
        overflow: hidden;
        font: 700 20px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #f7442f;
        margin-bottom: 12px;
        padding: 0 8px;
        box-sizing: border-box;
        padding-top: 15px;
        margin-top: 30px;
        border-top: 1px solid #ddd
    }

        .m11 .a30 .b24 .t88 span {
            font: 700 28px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7442f;
            float: right
        }

.bt16 {
    width: 100%;
    height: 54px;
    font: 500 22px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    margin-bottom: 4px
}

    .bt16 img {
        width: auto;
        height: 24px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px
    }

    .bt16 a {
        width: 100%;
        height: 54px;
        font: 500 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 4px;
        border: 1px solid #f7422f;
        box-sizing: border-box;
        background: #f7422f
    }

        .bt16 a:hover {
            background: #ff6b5b;
            border: 1px solid #ff6b5b;
            transition: all 0.3s;
        }

/*使用折價券---彈出視窗*/

.pop1-8 .a24 .b25 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 0 12px;
}

    .pop1-8 .a24 .b25 .in3 {
        width: 300px;
        height: 42px;
        overflow: hidden;
        float: left;
        border: 0;
        font: 500 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        padding: 0 12px;
        box-sizing: border-box;
        margin: 0 6px 0 0;
        border: 1px solid #ccc;
        border-radius: 4px
    }

.bt17 {
    width: 80px;
    height: 42px;
    font: 500 18px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: left;
}

    .bt17 img {
        width: auto;
        height: 24px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt17 a {
        width: 100%;
        height: 42px;
        font: 500 16px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #f7422f;
        display: block;
        border-radius: 4px;
        border: 1px solid #f7422f;
        box-sizing: border-box;
        background: #fff
    }

        .bt17 a:hover {
            background: #f7422f;
            border: 1px solid #f7422f;
            transition: all 0.3s;
            color: #fff
        }

.pop1-8 .a24 .b26 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 0 12px;
}

/*使用折價券---彈出視窗--折價券勾選*/

.ls33 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 0 0px;
}

    .ls33 .ck3 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 4px 6px 0 0;
        display: inline-block
    }

        .ls33 .ck3 > input[type="checkbox"] {
            display: none;
        }

            .ls33 .ck3 > input[type="checkbox"] + label {
                width: 28px;
                height: 28px;
                border-radius: 2px;
                padding: 2px;
                margin: 4px 8px 0 0
            }

                .ls33 .ck3 > input[type="checkbox"] + label div {
                    display: block;
                    width: 100%;
                    height: 100%;
                    border: 1px solid #888 /*rgba(230,70,50,.4)*/;
                    border-radius: 3px;
                    box-sizing: border-box;
                    background: #fff
                }

            .ls33 .ck3 > input[type="checkbox"]:checked + label div {
                border-radius: 4px;
                background: url("../../images/SP/ic36.png") no-repeat center/auto 12px #e36150;
                border: 2px solid #e36150
            }

        .ls33 .ck3 label {
            height: 19px;
            font: 13px/18px "微軟正黑體";
        }

        .ls33 .ck3 span {
            width: calc(100% - 46px);
            min-height: 30px;
            height: auto;
            overflow: hidden;
            font: 500 18px/30px 'Noto Sans TC', "微軟正黑體";
            color: #f7442f;
            display: inline-block;
            vertical-align: top;
            background: #feecea;
            padding: 5px 12px;
            box-sizing: border-box;
            border-radius: 4px;
        }

        .ls33 .ck3 .stop {
            background: #e8e8e8
        }

        .ls33 .ck3 span a img {
            width: 40px;
            height: 40px;
            display: inline-block;
            margin-right: 4px;
            padding-bottom: 6px;
            vertical-align: middle
        }

        .ls33 .ck3 span a {
            font: 500 20px/38px 'Noto Sans TC', "微軟正黑體";
            color: #111;
        }

            .ls33 .ck3 span a:hover {
                color: #f7422f;
                text-decoration: underline
            }

        .ls33 .ck3 span .t89 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 500 18px/28px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7442f;
            margin-bottom: 0;
        }

        .ls33 .ck3 span .t90 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 400 12px/18px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            letter-spacing: -.2px
        }

        .ls33 .ck3 span .t91 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 400 12px/18px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #666;
            letter-spacing: -.2px
        }

        .ls33 .ck3 .stop .t89,
        .ls33 .ck3 .stop .t90,
        .ls33 .ck3 .stop .t91 {
            color: #888
        }

.bt18 {
    width: 120px;
    height: 38px;
    font: 500 18px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #f7422f;
    display: inline-block;
    text-align: center;
    border-radius: 60px;
    padding: 0 0;
    border: 1px solid #888;
    transition: all 0.3s;
    margin: 0px auto;
    background: #fff;
    color: #888
}

    .bt18:hover {
        background: #eee;
        border: 1px solid #333;
        transition: all 0.3s;
        color: #333
    }

    .bt18 img {
        width: auto;
        height: 24px;
        display: inline-block;
        padding: 0 0 8px;
        margin-left: 6px;
    }

.bt18b {
    width: 120px;
    height: 38px;
    font: 500 18px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #f7422f;
    display: inline-block;
    text-align: center;
    border-radius: 60px;
    padding: 0 0;
    border: 1px solid #f7422f;
    transition: all 0.3s;
    margin: 0px auto;
    background: #f7422f;
    color: #fff
}

    .bt18b:hover {
        background: #f56152;
        border: 1px solid #f56152;
        transition: all 0.3s;
    }

    .bt18b img {
        width: auto;
        height: 24px;
        display: inline-block;
        padding: 0 0 8px;
        margin-left: 6px;
    }
/*shop_car2.asp--訂單商品的標題*/
.ls30 .add1-2 {
    padding: 20px 30px
}

    .ls30 .add1-2 .c11 {
        width: 100%
    }

        .ls30 .add1-2 .c11 .d14 {
            float: right;
            margin-right: 0
        }

        .ls30 .add1-2 .c11 .d12 {
            width: 120px
        }

            .ls30 .add1-2 .c11 .d12 .im18 {
                margin-bottom: 0
            }

        .ls30 .add1-2 .c11 .d13 .e4 {
            margin-bottom: 0
        }

.ls30 .t92 {
    width: 100%;
    height: 50px;
    overflow: hidden;
    font: 500 24px/50px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
    letter-spacing: -0px;
    padding: 0 30px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0px
}

    .ls30 .t92 img {
        width: auto;
        height: 24px;
        display: inline-block;
        padding: 0 0 2px;
        margin-right: 6px;
    }

    .ls30 .t92 span {
        font: 400 16px/60px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        float: right;
    }
/*shop_car2.asp配送方式介面區域*/
.ls34 {
    width: 100%;
    min-height: 100px;
    height: auto;
    background: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-bottom: 0;
    margin-bottom: 25px;
    float: left
}

    .ls34 .t93 {
        width: 100%;
        height: 50px;
        overflow: hidden;
        font: 500 24px/50px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        letter-spacing: -0px;
        padding: 0 30px;
        box-sizing: border-box;
        background: #fff;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0px
    }

        .ls34 .t93 img {
            width: auto;
            height: 24px;
            display: inline-block;
            padding: 0 0 2px;
            margin-right: 2px;
        }

        .ls34 .t93 span {
            font: 400 16px/50px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #555;
            margin-left: 8px;
            display: inline-block;
            vertical-align: middle
        }
    /*shop_car2.asp配送方式介面區域---單體選項*/
    .ls34 .c15 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 10px;
        padding: 4px 30px 20px;
        box-sizing: border-box
    }

    .ls34 .c15-2 {
        padding: 16px 30px 20px
    }

    .ls34 .c15 .ls35 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 16px 0 0
    }

        .ls34 .c15 .ls35 a {
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 0px 12px;
            box-sizing: border-box;
            border: 1px solid #ddd;
            border-radius: 6px;
            display: block;
        }

            .ls34 .c15 .ls35 a:hover {
                background: #fffaf5;
                border: 1px solid #f7422f;
            }

            .ls34 .c15 .ls35 a.active {
                background: #fffaf5;
                border: 1px solid #f7422f;
            }
            /*shop_car2.asp配送方式介面區域---單體選項--勾選*/
            .ls34 .c15 .ls35 a .ck4 {
                width: 100%;
                height: auto;
                overflow: hidden;
                margin: 0 0px 0 0px;
            }

                .ls34 .c15 .ls35 a .ck4 > input[type="checkbox"] {
                    display: none;
                }

                    .ls34 .c15 .ls35 a .ck4 > input[type="checkbox"] + label {
                        width: 24px;
                        height: 24px;
                        border-radius: 2px;
                        padding: 2px;
                        margin: 12px 8px 0 0;
                        float: left
                    }

                        .ls34 .c15 .ls35 a .ck4 > input[type="checkbox"] + label div {
                            display: block;
                            width: 100%;
                            height: 100%;
                            border: 1px solid #888 /*rgba(230,70,50,.4)*/;
                            border-radius: 3px;
                            box-sizing: border-box;
                            background: #fff
                        }

                    .ls34 .c15 .ls35 a .ck4 > input[type="checkbox"]:checked + label div {
                        border-radius: 4px;
                        background: url("../../images/SP/ic36.png") no-repeat center/auto 12px #e36150;
                        border: 2px solid #e36150
                    }

                .ls34 .c15 .ls35 a .ck4 label {
                    height: 19px;
                    font: 13px/18px "微軟正黑體";
                }

                .ls34 .c15 .ls35 a .ck4 span {
                    width: calc(100% - 50px);
                    height: auto;
                    overflow: hidden;
                    font: 500 24px/50px 'Noto Sans TC', "微軟正黑體.";
                    color: #111;
                    display: inline-block;
                    vertical-align: top;
                    float: left
                }

                    .ls34 .c15 .ls35 a .ck4 span a img {
                        width: 40px;
                        height: 40px;
                        display: inline-block;
                        margin-right: 4px;
                        padding-bottom: 6px;
                        vertical-align: middle
                    }

                    .ls34 .c15 .ls35 a .ck4 span a {
                        font: 500 20px/38px 'Noto Sans TC', "微軟正黑體";
                        color: #111;
                    }

                        .ls34 .c15 .ls35 a .ck4 span a:hover {
                            color: #f7422f;
                            text-decoration: underline
                        }
                    /*shop_car2.asp配送方式介面區域---配送方式--宅配類型名稱*/
                    .ls34 .c15 .ls35 a .ck4 span .t94 {
                        width: calc(100% - 100px);
                        height: 50px;
                        overflow: hidden;
                        font: 400 18px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #111;
                        letter-spacing: -0px;
                        float: left;
                    }

            .ls34 .c15 .ls35 a:hover .ck4 span .t94 {
                color: #f7422f;
            }

            .ls34 .c15 .ls35 a.active .ck4 span .t94 {
                color: #f7422f;
            }

            .ls34 .c15 .ls35 a .ck4 span .t94 img {
                width: 30px;
                height: auto;
                display: inline-block;
                padding: 0 0 2px;
                margin-right: 2px;
            }

            .ls34 .c15 .ls35 a .ck4 span .pr8 {
                width: 100px;
                height: 50px;
                overflow: hidden;
                font: 500 18px/50px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                letter-spacing: -0px;
                text-align: right;
                float: left
            }

            .ls34 .c15 .ls35 a:hover .ck4 span .pr8 {
                color: #f7422f;
            }

            .ls34 .c15 .ls35 a.active .ck4 span .pr8 {
                color: #f7422f;
            }
    /*shop_car2.asp配送方式介面區域---單體選項--點選全家+7-11取貨時才要顯示!!!*/
    .ls34 .c15 .not3 {
        width: 100%;
        height: auto;
        overflow: hidden;
        box-sizing: border-box;
        margin: 8px 0 0;
        font: 400 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        background: #f4f4f4;
        padding: 0 12px;
        box-sizing: border-box;
        border-radius: 0;
        border: 0px solid #ccc;
    }

    .ls34 .c15 .not4 {
        width: 100%;
        height: auto;
        overflow: hidden;
        box-sizing: border-box;
        margin: 30px 0 0 0;
        font: 400 16px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #29378c;
        background: #f4faff;
        box-sizing: border-box;
        padding: 8px 12px;
        border: 0px solid #99a2d7;
    }

        .ls34 .c15 .not4 ul {
            padding-left: 36px;
        }

            .ls34 .c15 .not4 ul li {
                list-style: outside;
                list-style-type: decimal
            }

    .ls34 .c15 .not5 {
        width: 100%;
        height: auto;
        overflow: hidden;
        box-sizing: border-box;
        margin: 8px 0 0;
        font: 400 16px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #ff9c00;
        background: #fff9dd;
        padding: 0 12px;
        box-sizing: border-box;
        border-radius: 0;
        border: 0px solid #fcd08b;
    }
    /*shop_car2.asp付款方式介面區域---付款方式--各家支付列表區*/
    .ls34 .not6 {
        width: 100%;
        height: auto;
        overflow: hidden;
        box-sizing: border-box;
        margin: 8px 0 0;
        font: 400 16px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        background: #fff;
        padding: 10px 0 0;
        box-sizing: border-box;
        border-radius: 0;
        border-top: 1px solid #ccc;
        margin-top: 10px
    }

        .ls34 .not6 h4 {
            font: 400 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7422f;
        }

    .ls34 .c15 .ls36 {
        width: 23%;
        height: 50px;
        overflow: hidden;
        margin: 0 2% 16px 0;
        float: left
    }

        .ls34 .c15 .ls36 a {
            width: 100%;
            height: 100%;
            overflow: hidden;
            padding: 0px 12px;
            box-sizing: border-box;
            border: 1px solid #aaa;
            border-radius: 6px;
            display: block;
            font: 400 16px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            background: #fff
        }

            .ls34 .c15 .ls36 a img {
                width: 30px;
                height:: auto;
                display: inline-block;
                padding: 12px 0 0;
                margin-right: 4px;
                vertical-align: top
            }

            .ls34 .c15 .ls36 a:hover {
                background: #feecea;
                border: 1px solid #f7422f;
                color: #f7422f
            }

            .ls34 .c15 .ls36 a.active {
                background: #feecea;
                border: 1px solid #f7422f;
                color: #f7422f
            }

    /*shop_car2.asp付款方式介面區域---收件資訊--訂購人資訊*/
    .ls34 .c15 .ls37 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 0 15px 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 0
    }

    .ls34 .c15 .ls37-2 {
        border-bottom: 0px solid #ddd;
        margin: 6px 0 0
    }

    .ls34 .c15 .ls37 .t95 {
        width: 100%;
        height: 30px;
        overflow: hidden;
        font: 400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #f7442f;
        letter-spacing: -0px;
        float: left;
        border-bottom: 1px solid #ddd;
        padding-bottom: 4px;
        margin-top: 4px;
        margin-bottom: 20px
    }

        .ls34 .c15 .ls37 .t95 img {
            width: auto;
            height: 16px;
            display: inline-block;
            padding: 9px 0 0;
            margin-right: 4px;
            vertical-align: top;
        }

/*shop_car2.asp付款方式介面區域---收件資訊--訂購人資訊---表單欄位*/

.ls38 {
    width: 100%;
    height: auto;
    overflow: hidden;
    ;
    margin-bottom: 20px
}

.ls38-2 {
    margin-bottom: 0px
}

.ls38 .t96 {
    width: 100px;
    height: auto;
    overflow: hidden;
    font: 500 20px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
    text-align: left;
    float: left;
    margin-right: 20
}


.ls38 input {
    width: calc(100% - 120px);
    height: 50px;
    overflow: hidden;
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    padding: 0 12px;
    box-sizing: border-box;
    display: block;
    font: 400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
}

.ls38 .b27 {
    width: calc(100% - 120px);
    height: auto;
    overflow: hidden;
    float: left;
}

.ls38 select {
    width: 49%;
    height: 50px;
    overflow: hidden;
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    display: block;
    margin: 0 2% 20px 0;
    ;
    box-sizing: border-box;
    font: 400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #333;
    padding: 0 12px
}

.ls38 .in4 {
    margin: 0 0% 20px 0
}

.ls38 .in5 {
    width: 100%
}

.ls38 .in6 {
    width: 60%
}

.ls38 .in7 {
    width: calc(100% - 120px);
}

/*shop_car2.asp付款方式介面區域---訂購人資訊(表單)*/
.ls38 .t97 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 400 20px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
    text-align: left;
    float: left;
    margin-right: 20
}

.ls34 .c15 .not7 {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    margin: 8px 0 0;
    font: 400 16px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #555;
    background: #f4f4f4;
    padding: 8px 12px;
    box-sizing: border-box;
    border-radius: 0;
    border: 0px solid #ccc;
    margin-bottom: 20px;
    text-align: justify;
    text-justify: inter-ideograph
}

.ls38 .b27-2 {
    width: 100%
}
/*shop_MSG.asp*/
.m12 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .m12 .a31 {
        width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 60px auto;
        background: #fff;
        padding: 60px 0;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        /*shop_MSG.asp--標題*/
        .m12 .a31 .b28 {
            width: 600px;
            height: auto;
            overflow: hidden;
            margin: 0 auto
        }

            .m12 .a31 .b28 .t98 {
                width: 100%;
                height: auto;
                overflow: hidden;
                font: 700 30px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                text-align: center;
                margin-bottom: 30px
            }

                .m12 .a31 .b28 .t98 img {
                    width: auto;
                    height: 30px;
                    display: inline-block;
                    padding: 12px 0 0;
                    margin-right: 4px;
                    vertical-align: top
                }
            /*shop_MSG.asp--出貨資訊*/
            .m12 .a31 .b28 .t99 {
                width: 100%;
                height: auto;
                overflow: hidden;
                font: 400 18px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                text-align: justify;
                text-justify: inter-ideograph;
                margin-bottom: 20px
            }

                .m12 .a31 .b28 .t99 span {
                    font: 700 18px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #111;
                }
            /*shop_MSG.asp--結單後資訊表格*/
            .m12 .a31 .b28 .bx2 {
                width: 100%;
                min-height: 120px;
                height: auto;
                overflow: hidden;
                border: 2px solid #f7442f;
                border-radius: 10px;
                box-sizing: border-box;
                padding: 6px 20px;
                margin: 0 0 40px 0
            }

.ls39 {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.ls39-2 {
    border: 0
}

.ls39 .t100 {
    width: 30%;
    height: auto;
    overflow: hidden;
    font: 500 20px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
    float: left;
    text-align: center
}

.ls39 .t101 {
    width: calc(100% - 32%);
    height: auto;
    overflow: hidden;
    font: 500 20px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #2d59a3;
    float: right
}

    .ls39 .t101 span {
        font: 700 20px/50px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #f7442f;
    }
/*shop_MSG.asp--注意事項*/
.m12 .a31 .b28 .c16 {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 0px solid #ddd;
    margin: 0 0 30px
}

    .m12 .a31 .b28 .c16 .t102 {
        width: 100%;
        height: auto;
        overflow: hidden;
        font: 400 16px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        float: left;
    }

        .m12 .a31 .b28 .c16 .t102 a {
            font: 400 16px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #01247d;
        }

            .m12 .a31 .b28 .c16 .t102 a:hover {
                color: #01247d;
                text-decoration: underline
            }

/*shop_MSG.asp--訂單查詢按鈕*/
.m12 .a31 .b28 .c17 {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 0px solid #ddd;
    text-align: center
}

.bt19 {
    width: 49%;
    height: 54px;
    font: 500 22px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    display: block;
    margin: 0 2% 0 0;
    float: left;
    box-sizing: border-box;
}

.bt19-2 {
    float: none;
    margin: 0 auto
}

.bt19 img {
    width: auto;
    height: 24px;
    display: inline-block;
    padding: 0 0 4px;
    margin-right: 6px;
}

.bt19 a {
    width: 100%;
    height: 54px;
    font: 500 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #f7422f;
    display: block;
    border-radius: 4px;
    border: 1px solid #f7422f;
    box-sizing: border-box;
    background: #fff
}

    .bt19 a:hover {
        background: #ffdedb;
        border: 1px solid #f7422f;
        transition: all 0.3s;
    }
/*shop_MSG.asp--繼續逛逛按鈕*/
.bt20 {
    width: 49%;
    height: 54px;
    font: 500 22px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: right;
    box-sizing: border-box;
}

.bt20-2 {
    float: none;
    margin: 0 auto
}

.bt20 img {
    width: auto;
    height: 24px;
    display: inline-block;
    padding: 0 0 4px;
    margin-right: 6px;
}

.bt20 a {
    width: 100%;
    height: 54px;
    font: 500 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    display: block;
    border-radius: 4px;
    border: 1px solid #f7422f;
    box-sizing: border-box;
    background: #f7422f
}

    .bt20 a:hover {
        background: #ff6b5b;
        border: 1px solid #ff6b5b;
        transition: all 0.3s;
    }
/*shop_MSG.asp--DOWN防詐騙資訊*/
.dw1 {
    width: 100%;
    height: 90px;
    overflow: hidden;
    background: #98abcc
}

    .dw1 .a32 {
        width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }

        .dw1 .a32 .im21 {
            width: auto;
            height: 90px;
            overflow: hidden;
            float: left;
            margin-right: 10px
        }

            .dw1 .a32 .im21 img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

        .dw1 .a32 .t103 {
            width: calc(100% - 190px);
            height: auto;
            overflow: hidden;
            font: 400 19px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #fff;
            float: right;
            padding: 15px 0 0;
            letter-spacing: 1px
        }
/*會員登入彈出視窗介面*/
.pop1-9 .modal-dialog {
    max-width: 600px
}

    .pop1-9 .modal-dialog .modal-content .modal-header {
        height: 50px;
        border: 0px solid #ccc
    }

        .pop1-9 .modal-dialog .modal-content .modal-header .lg3 {
            width: 170px;
            height: auto;
            overflow: hidden;
            position: absolute;
            left: 50%;
            top: 40px;
            margin-left: -85px
        }

            .pop1-9 .modal-dialog .modal-content .modal-header .lg3 img {
                width: 100%;
                height: auto;
            }

.pop1-9 .modal-body .a33 {
    width: 420px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 0px 0 12px
}

.pop1-9 .modal-body {
    max-height: 700px;
}
/*會員登入彈出視窗介面---FB快速登入*/
.bt21 {
    width: 100%;
    height: 54px;
    font: 500 22px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: right;
    box-sizing: border-box;
    margin-bottom: 12px
}

    .bt21 img {
        width: auto;
        height: 22px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt21 a {
        width: 100%;
        height: 54px;
        font: 500 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 4px;
        border: 1px solid #3b5998;
        box-sizing: border-box;
        background: #3b5998
    }

        .bt21 a:hover {
            background: #4168ba;
            border: 1px solid #4168ba;
            transition: all 0.3s;
        }

.pop1-9 .modal-body .a33 .t104 {
    width: 100%;
    height: 30px;
    overflow: hidden;
    font: 400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #888;
    padding: 0 0 0;
    text-align: center;
    margin-bottom: 12px;
    background: linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat center/40% 50px, linear-gradient(90deg,#ddd 50%,#ddd 50%) no-repeat center/100% 1px;
}
/*會員登入彈出視窗介面---手機號碼快速登入-輸入框*/
.pop1-9 .modal-body .a33 > input {
    width: 100%;
    height: 50px;
    overflow: hidden;
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    padding: 0 12px;
    box-sizing: border-box;
    display: block;
    font: 400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
    margin-bottom: 14px
}
/*會員登入彈出視窗介面---手機號碼快速登入-按鈕*/
.bt22 {
    width: 100%;
    height: 54px;
    font: 500 22px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: right;
    box-sizing: border-box;
    margin-bottom: 14px
}

    .bt22 img {
        width: auto;
        height: 22px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt22 a {
        width: 100%;
        height: 54px;
        font: 500 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 4px;
        border: 1px solid #aaa;
        box-sizing: border-box;
        background: #aaa
    }

        .bt22 a:hover {
            background: #666;
            border: 1px solid #666;
            transition: all 0.3s;
        }

.pop1-9 .modal-body .a33 .b29 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 0;
    padding: 0 0
}

.ck5 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
    display: inline-block
}

    .ck5 > input[type="checkbox"] {
        display: none;
    }

        .ck5 > input[type="checkbox"] + label {
            width: 18px;
            height: 18px;
            border-radius: 2px;
            padding: 2px;
            margin: 1px 4px 0 0
        }

            .ck5 > input[type="checkbox"] + label div {
                display: block;
                width: 100%;
                height: 100%;
                border: 1px solid #888 /*rgba(230,70,50,.4)*/;
                border-radius: 3px;
                box-sizing: border-box;
                background: #fff
            }

        .ck5 > input[type="checkbox"]:checked + label div {
            border-radius: 4px;
            background: url("../../images/SP/ic36.png") no-repeat center/auto 8px #e36150;
            border: 2px solid #e36150
        }

    .ck5 label {
        height: 19px;
        font: 13px/18px "微軟正黑體";
    }

    .ck5 span {
        width: calc(100% - 30px);
        height: auto;
        overflow: hidden;
        font: 400 16px/24px 'Noto Sans TC', "微軟正黑體";
        color: #666;
        display: inline;
        vertical-align: top;
        display: block;
        float: right
    }

        .ck5 span a img {
            width: 40px;
            height: 40px;
            display: inline-block;
            margin-right: 4px;
            padding-bottom: 6px;
            vertical-align: middle
        }

        .ck5 span a {
            font: 500 20px/38px 'Noto Sans TC', "微軟正黑體";
            color: #111;
        }

            .ck5 span a:hover {
                color: #f7422f;
                text-decoration: underline
            }
/*會員登入彈出視窗介面---防詐騙圖*/
.pop1-9 .modal-body .a33 .im22 {
    width: 100%;
    height: A;
    overflow: hidden;
    float: left;
    margin-right: 10px
}

    .pop1-9 .modal-body .a33 .im22 img {
        width: 100%;
        height: 100%;
        transition: all 0.3s
    }

/*member_MobilePass.asp--手機驗證介面*/
.m23 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .m23 .a34 {
        width: 600px;
        height: auto;
        overflow: hidden;
        margin: 60px auto;
        border: 1px solid #ddd;
        border-radius: 12px;
        padding: 30px;
        box-sizing: border-box;
        background: #fff;
    }

        .m23 .a34 .st2 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 500 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            text-align: center;
            margin-bottom: 25px
        }

            .m23 .a34 .st2 img {
                width: auto;
                height: 26px;
                padding-bottom: 4px;
                vertical-align: middle;
                margin-right: 0px
            }

        .m23 .a34 .b30 {
            width: 100%;
            height: auto;
            overflow: hidden;
        }

            .m23 .a34 .b30 .ls40 {
                width: 100%;
                height: auto;
                overflow: hidden;
            }

                .m23 .a34 .b30 .ls40 .t105 {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    font: 500 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    text-align: left;
                    margin-bottom: 5px;
                    color: #111
                }

            .m23 .a34 .b30 input {
                width: 100%;
                height: 50px;
                overflow: hidden;
                float: left;
                border: 1px solid #ccc;
                border-radius: 6px;
                background: #fff;
                padding: 0 12px;
                box-sizing: border-box;
                display: block;
                font: 400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                margin-bottom: 20px
            }
            /*倒數計時器*/
            .m23 .a34 .b30 .c11 input {
                width: 100%;
                height: 50px;
                overflow: hidden;
                float: left;
                border: 1px solid #ccc;
                border-radius: 6px;
                background: #fff;
                padding: 0 12px;
                box-sizing: border-box;
                display: block;
                font: 400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                margin-bottom: 20px
            }
            /*member_MobilePass.asp--重發驗證碼*/
            .m23 .a34 .b30 .t106 {
                width: 160px;
                height: auto;
                overflow: hidden;
                font: 500 18px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                margin-bottom: 5px;
                color: #f7442f;
                float: right;
                text-align: center
            }

.bt23 {
    width: 120px;
    height: auto;
    font: 500 16px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: right;
    box-sizing: border-box;
    margin-bottom: 12px
}

    .bt23 img {
        width: auto;
        height: 22px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt23 a {
        width: 100%;
        height: 36px;
        font: 500 16px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 4px;
        border: 0px solid #aaa;
        box-sizing: border-box;
        background: #f7442f
    }

        .bt23 a:hover {
            background: #f56152;
            border: 0px solid #666;
            transition: all 0.3s;
        }
/*member_MobilePass.asp--下一步按鈕*/
.bt24 {
    width: 100%;
    height: 54px;
    font: 500 22px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: right;
    box-sizing: border-box;
    margin-bottom: 14px
}

    .bt24 img {
        width: auto;
        height: 22px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt24 a {
        width: 100%;
        height: 54px;
        font: 500 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 4px;
        border: 1px solid #aaa;
        box-sizing: border-box;
        background: #aaa
    }

        .bt24 a:hover {
            background: #666;
            border: 1px solid #666;
            transition: all 0.3s;
        }

/*member_MobilePass.asp--下一步按鈕*/
.bt24b {
    width: 100%;
    height: 54px;
    font: 500 22px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: right;
    box-sizing: border-box;
    margin-bottom: 14px
}

    .bt24b img {
        width: auto;
        height: 22px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt24b a {
        width: 100%;
        height: 54px;
        font: 500 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 4px;
        border: 1px solid #f7422f;
        box-sizing: border-box;
        background: #f7422f
    }

        .bt24b a:hover {
            background: #f56152;
            border: 1px solid #f56152;
            transition: all 0.3s;
        }
/*member_UserName.asp----填寫信箱提醒資訊*/

.ls40 .in8 {
    margin-bottom: 8px !important
}

.m23 .a34 .b30 .not8 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 500 15px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    text-align: left;
    margin-bottom: 20px;
    color: #334677;
    float: right;
}
/*member_edit.asp*/
.m24 {
    width: 100%;
    height: auto;
}

    .m24 .a35 {
        width: 1200px;
        height: auto;
        margin: 0 auto;
        padding: 30px 0;
        display: flex;
        justify-content: space-between;
    }


        /*member_edit.asp--------左邊分類區域*/
        .m24 .a35 .b31 {
            width: 230px;
            padding: 25px;
            box-sizing: border-box;
            background: #fff;
            border: 1px solid #ddd;
            height: 100%;
            position: sticky;
            left: 0;
            top: 90px;
        }
            /*member_edit.asp--------左邊分類區域--使用者資訊*/
            .m24 .a35 .b31 .c18 {
                width: 100%;
                height: auto;
                overflow: hidden;
                margin-bottom: 6px;
                padding-bottom: 15px;
                border-bottom: 1px solid #ddd
            }

                .m24 .a35 .b31 .c18 .im23 {
                    width: 60px;
                    height: 60px;
                    overflow: hidden;
                    float: left;
                }

                    .m24 .a35 .b31 .c18 .im23 img {
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                        float: left;
                    }

                .m24 .a35 .b31 .c18 .t107 {
                    width: calc(100% - 70px);
                    height: auto;
                    overflow: hidden;
                    float: right;
                    font: 500 22px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    text-align: left;
                }
            /*member_edit.asp--------左邊分類區域---會員專屬選單列表*/
            .m24 .a35 .b31 .c19 {
                width: 100%;
                height: auto;
                overflow: hidden;
                padding: 0px 0
            }

.ls43 {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    margin-bottom: 6px
}

    .ls43 a {
        width: 100%;
        height: auto;
        overflow: hidden;
        font: 500 18px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        display: block;
        color: #111
    }

        .ls43 a:hover {
            color: #f7442f;
        }

        .ls43 a img {
            width: auto;
            height: 20px;
            display: inline-block;
            padding: 0 0 3px;
            margin-right: 1px;
            vertical-align: middle
        }


/*member_edit.asp--------右邊內容區域*/
.m24 .a35 .b32 {
    width: calc(100% - 250px);
    height: auto;
    overflow: hidden;
    float: right;
    padding: 25px 25px 25px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd
}
    /*member_edit.asp--------右邊內容區域---分類頁籤*/
    .m24 .a35 .b32 .c20 {
        width: 100%;
        height: 46px;
        overflow: hidden;
        padding: 0px 0;
        background: linear-gradient(90deg,#ddd 50%,#ddd 50%) no-repeat center bottom/100% 1px;
        text-align: left;
        margin-bottom: 25px
    }

        .m24 .a35 .b32 .c20 .ls44 {
            width: auto;
            height: 46px;
            overflow: hidden;
            display: inline-block;
            margin-right: 20px
        }

            .m24 .a35 .b32 .c20 .ls44 a {
                width: auto;
                height: 46px;
                overflow: hidden;
                background: linear-gradient(90deg,#f7442f 50%,#f7442f 50%) no-repeat center bottom/00% 2px;
                font: 500 18px/43px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                display: block;
                color: #111;
                transition: all 0.3s;
                padding: 0 25px;
                border-radius: 8px 8px 0 0
            }

                .m24 .a35 .b32 .c20 .ls44 a:hover {
                    background: linear-gradient(90deg,#f7442f 50%,#f7442f 50%) no-repeat center bottom/100% 2px;
                    color: #f7442f;
                    transition: all 0.3s;
                }

                .m24 .a35 .b32 .c20 .ls44 a.active {
                    background: linear-gradient(90deg,#f7442f 50%,#f7442f 50%) no-repeat center bottom/100% 2px #feecea;
                    color: #f7442f;
                    font: 500 18px/43px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    box-shadow: 0 -6px 2px rgba(0,0,0,0) inset
                }
    /*member_edit.asp--------右邊內容區域---主要內容區域標題*/
    .m24 .a35 .b32 .c21 {
        width: 600px;
        height: auto;
        overflow: hidden;
        margin: 0 auto 0
    }

        .m24 .a35 .b32 .c21 .st3 {
            width: 100%;
            height: auto;
            overflow: hidden;
            float: right;
            font: 500 28px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            text-align: left;
            text-align: center;
            border-bottom: 1px solid #ddd;
            padding: 20px 0 5px
        }
/*member_edit.asp--------右邊內容區域---會員基本資料表單*/
.ls45 {
    width: 100%;
    height: auto;
    overflow: hidden; /*border-bottom:1px solid #ddd;padding-bottom:5px;*/
    margin-bottom: 0
}

    .ls45 .t108 {
        width: 24%;
        height: auto;
        overflow: hidden;
        font: 400 18px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        float: left
    }

    .ls45 .t109 {
        width: 76%;
        height: auto;
        overflow: hidden;
        font: 400 18px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        float: left
    }

    .ls45 input {
        width: 76%;
        height: 50px;
        overflow: hidden;
        float: left;
        border: 1px solid #ccc;
        border-radius: 6px;
        background: #fff;
        padding: 0 12px;
        box-sizing: border-box;
        display: block;
        font: 400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        margin-bottom: 12px;
    }

    .ls45 .not9 {
        width: 100%;
        height: auto;
        overflow: hidden;
        font: 400 15px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        text-align: left;
        margin-bottom: 20px;
        color: #334677;
        margin-left: 24%
    }

    .ls45 .d17 {
        width: 76%;
        height: auto;
        overflow: hidden;
        float: right
    }

        .ls45 .d17 .in9 {
            width: 25%;
            ;
            height: 50px;
            overflow: hidden;
            float: left;
            border: 1px solid #ccc;
            border-radius: 6px;
            background: #fff;
            padding: 0 12px;
            box-sizing: border-box;
            display: block;
            font: 400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            margin: 0 2% 12px 0;
        }

        .ls45 .d17 .t110 {
            width: 6%;
            height: auto;
            overflow: hidden;
            font: 400 18px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #555;
            float: left;
        }

    .ls45 .in10 {
        width: 50%;
        ;
        height: 50px;
        overflow: hidden;
        float: left;
        border: 1px solid #ccc;
        border-radius: 6px;
        background: #fff;
        padding: 0 12px;
        box-sizing: border-box;
        display: block;
        font: 400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        margin: 0 2% 12px 0;
    }
/*member_edit.asp--------右邊內容區域---會員基本資料表單--優惠開關選擇*/
.ck6 {
    width: 80px;
    height: auto;
    overflow: hidden;
    margin: 0;
    display: inline-block;
    padding-top: 14px
}

    .ck6 > input[type="radio"] {
        display: none;
    }

        .ck6 > input[type="radio"] + label {
            width: 18px;
            height: 18px;
            border-radius: 2px;
            padding: 2px;
            margin: 1px 4px 0 0
        }

            .ck6 > input[type="radio"] + label div {
                display: block;
                width: 100%;
                height: 100%;
                border: 1px solid #888 /*rgba(230,70,50,.4)*/;
                border-radius: 3px;
                box-sizing: border-box;
                background: #fff
            }

        .ck6 > input[type="radio"]:checked + label div {
            border-radius: 4px;
            background: url("../../images/SP/ic36.png") no-repeat center/auto 8px #e36150;
            border: 2px solid #e36150
        }

    .ck6 label {
        height: 19px;
        font: 13px/18px "微軟正黑體";
    }

    .ck6 span {
        width: calc(100% - 30px);
        height: auto;
        overflow: hidden;
        font: 400 16px/24px 'Noto Sans TC', "微軟正黑體";
        color: #666;
        vertical-align: top;
        display: block;
        float: right
    }

        .ck6 span a img {
            width: 40px;
            height: 40px;
            display: inline-block;
            margin-right: 4px;
            padding-bottom: 6px;
            vertical-align: middle
        }

        .ck6 span a {
            font: 500 20px/38px 'Noto Sans TC', "微軟正黑體";
            color: #111;
        }

            .ck6 span a:hover {
                color: #f7422f;
                text-decoration: underline
            }

/*member_edit.asp--------右邊內容區域---會員基本資料表單-更新儲存按鈕*/
.bt25 {
    width: 54%;
    height: 54px;
    font: 500 22px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 1px solid #f7422f;
    background: #f7422f;
    margin: 25px auto 10px;
    display: block;
    transition: all 0.3s;
}

    .bt25:hover {
        background: #ff6b5b;
        border: 1px solid #ff6b5b;
        transition: all 0.3s;
    }

    .bt25 img {
        width: auto;
        height: 24px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt25 a {
        width: 100%;
        height: 54px;
        font: 500 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 4px;
        border: 1px solid #f7422f;
        box-sizing: border-box;
        background: #f7422f
    }

        .bt25 a:hover {
            background: #ff6b5b;
            border: 1px solid #ff6b5b;
            transition: all 0.3s;
        }
/*member_edit.asp--------右邊內容區域---會員基本資料表單-系統訊息彈出介面文字*/
.pop1-10 .a24 .t111 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 700 24px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
    text-align: center;
    margin-bottom: 10px
}

    .pop1-10 .a24 .t111 img {
        width: auto;
        height: 30px;
        display: inline-block;
        padding: 12px 0 0;
        margin-right: 4px;
        vertical-align: top
    }
/*member_password.asp--------右邊內容區域---更改密碼通知簡訊-系統訊息彈出介面文字*/
.pop1-11 .a24 .t112 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 500 20px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
    text-align: center;
    margin-bottom: 10px
}

.pop1-11 .a24 .im24 {
    width: 80px;
    height: auto;
    overflow: hidden;
    margin: 12px auto 20px
}

    .pop1-11 .a24 .im24 img {
        width: 100%;
        height: auto;
    }

.pop1-11 .a24 .t112 img {
    width: auto;
    height: 22px;
    display: inline-block;
    padding: 16px 0 0;
    margin-right: 4px;
    vertical-align: top
}

/*member_password2.asp--------右邊內容區域---立即更新密碼提醒標題*/
.m24 .a35 .b32 .c21 .t113 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 500 24px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #0A1F99;
    text-align: left;
    margin-bottom: 20px;
}
/*-----簡訊發送於某支手機文字提醒*/
.not10 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 500 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #888;
    text-align: left;
    margin-bottom: 20px;
    text-align: center
}

    .not10 img {
        width: auto;
        height: 18px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 2px;
    }

/*member_password2.asp--------右邊內容區域---重發驗證碼*/
.ls45 .d17 .t114 {
    width: 160px;
    height: auto;
    overflow: hidden;
    font: 500 18px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    margin-bottom: 5px;
    color: #f7442f;
    float: right;
    text-align: center
}

.bt26 {
    width: 120px;
    height: auto;
    font: 500 16px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: right;
    box-sizing: border-box;
    margin-bottom: 12px
}

    .bt26 img {
        width: auto;
        height: 22px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt26 a {
        width: 100%;
        height: 36px;
        font: 500 16px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 4px;
        border: 0px solid #aaa;
        box-sizing: border-box;
        background: #f7442f
    }

        .bt26 a:hover {
            background: #f56152;
            border: 0px solid #666;
            transition: all 0.3s;
        }

/*member_password2.asp--------右邊內容區域---更新密碼彈出視窗-系統訊息彈出介面文字*/
.pop1-12 .a24 .t115 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 700 24px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
    text-align: center;
    margin-bottom: 10px
}

    .pop1-12 .a24 .t115 img {
        width: auto;
        height: 30px;
        display: inline-block;
        padding: 12px 0 0;
        margin-right: 4px;
        vertical-align: top
    }

/*member_OrderList.asp-----共用標題*/
.bgt3 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 500 22px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #000;
    background: linear-gradient(90deg,#f7422f 50%,#f7422f 50%) no-repeat left 12px/ 3px 22px #fff;
    padding-left: 16px;
    box-sizing: border-box;
    margin: 0 auto 12px;
    text-align: left
}

.m24 .a35 .b32-2 {
    background: #f8f8f8
}

/*member_OrderList.asp-----訂單列表介面(單體)*/
.ls46 {
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #ccc;
    padding-bottom: 0;
    box-sizing: border-box;
    font: 500 16px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #555;
    margin-bottom: 20px;
    border-radius: 8px
}

    .ls46 .t116 {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid #ddd;
        padding-bottom: 0;
        font: 500 16px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        padding: 0 12px;
        box-sizing: border-box;
        ;
        margin: 0 0 20px
    }

        .ls46 .t116 img {
            width: auto;
            height: 30px;
            display: inline-block;
            padding: 12px 0 0;
            margin-right: 4px;
            vertical-align: top
        }


    /*member_OrderList.asp-----訂單列表介面(單體)--訂單詳細資訊界面*/
    .ls46 .c22 {
        width: calc(100% - 40px);
        height: auto;
        overflow: hidden;
        padding: 0 0;
        box-sizing: border-box;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        margin: 0 auto 0px
    }

        .ls46 .c22 .d18 {
            width: 32.3%;
            height: auto;
            overflow: hidden;
            margin-right: 1%;
            float: left
        }

            .ls46 .c22 .d18 .t117 {
                width: 30%;
                height: auto;
                overflow: hidden;
                font: 500 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                float: left
            }

            .ls46 .c22 .d18 .t118 {
                width: 70%;
                height: auto;
                overflow: hidden;
                font: 400 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #666;
                float: left
            }

                .ls46 .c22 .d18 .t118 .cpy {
                    width: 40px;
                    height: 22px;
                    overflow: hidden;
                    display: inline-block;
                    vertical-align: top;
                    padding-top: 5px;
                    float: right
                }

                    .ls46 .c22 .d18 .t118 .cpy a {
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                        font: 400 14px/18px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #f7442f;
                        padding: 0 4px;
                        border: 1px solid #f7442f;
                        box-sizing: border-box;
                        border-radius: 4px;
                        text-align: center;
                        display: block;
                        float: right
                    }

                        .ls46 .c22 .d18 .t118 .cpy a:hover {
                            color: #fff;
                            padding: 0 4px;
                            border: 1px solid #f7442f;
                            background: #f7442f
                        }

/*member_OrderList.asp-----訂單列表介面(單體)--訂單繳款通知--*/
.not11 {
    width: 100%;
    height: 30px;
    overflow: hidden;
    font: 500 16px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #f7442f;
    text-align: left;
    margin-bottom: 10px;
    background: #ffeddc;
    padding: 0 8px;
    box-sizing: border-box;
    float: left
}

/*member_OrderList.asp-----訂單列表介面(單體)--訂單出貨通知--*/
.not11-2 {
    width: auto;
    height: 30px;
    overflow: hidden;
    font: 500 16px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #0f3791;
    text-align: left;
    margin-bottom: 10px;
    background: #e9efff;
    padding: 0 8px;
    box-sizing: border-box;
    display: inline-block;
    float: left
}
/*member_OrderList.asp-----訂單列表介面(單體)--訂單出貨通知--*/
.not11-3 {
    width: auto;
    height: 30px;
    overflow: hidden;
    font: 500 16px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #2f099b;
    text-align: left;
    margin-bottom: 10px;
    background: #efe5ff;
    padding: 0 8px;
    box-sizing: border-box;
    display: inline-block;
    float: left
}

/*member_OrderList.asp-----訂單列表介面(單體)--訂單出貨通知--*/
.not11-4 {
    width: auto;
    height: 30px;
    overflow: hidden;
    font: 500 16px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: left;
    margin-bottom: 10px;
    background: #00b2bd;
    padding: 0 8px;
    box-sizing: border-box;
    display: inline-block;
    float: left
}
/*member_OrderList.asp-----訂單列表介面(單體)--訂單逾期取消--*/
.not11-5 {
    width: auto;
    height: 30px;
    overflow: hidden;
    font: 500 16px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #c00;
    text-align: left;
    margin-bottom: 10px;
    background: #ffdfdf;
    padding: 0 8px;
    box-sizing: border-box;
    display: inline-block;
    float: left
}
/*member_OrderList.asp-----訂單列表介面(單體)--未付款--*/
.not11-6 {
    width: auto;
    height: 30px;
    overflow: hidden;
    font: 500 16px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #f7442f;
    text-align: left;
    margin-bottom: 10px;
    background: #ffeddc;
    padding: 0 8px;
    box-sizing: border-box;
    display: inline-block;
    float: left
}

/*member_OrderList.asp-----訂單列表介面(單體)--購買商品列表項目*/
.ls46 .c23 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 20px 20px;
    box-sizing: border-box;
}

.ls46 .c23-2 {
    padding: 20px 20px 20px;
}

.ls46 .c23 .row1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-bottom: 10px;
    padding: 0 0 10px;
    border-top: 0px solid #ddd;
    border-bottom: 1px solid #ddd
}

    .ls46 .c23 .row1 .im25 {
        width: 120px;
        height: auto;
        overflow: hidden;
        float: left;
        margin-bottom: 0;
        border-radius: 6px;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .ls46 .c23 .row1 .im25 img {
            width: 100%;
            height: 100%;
            transition: all 0.3s
        }

    .ls46 .c23 .row1 .d19 {
        width: calc(100% - 140px);
        height: auto;
        overflow: hidden;
        float: right;
    }

        .ls46 .c23 .row1 .d19 .t119 {
            width: 100%;
            height: 50px;
            overflow: hidden;
            margin-bottom: 8px;
            font: 400 18px/25px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
        }

            .ls46 .c23 .row1 .d19 .t119 a {
                font: 400 16px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
            }

                .ls46 .c23 .row1 .d19 .t119 a:hover {
                    color: #f7422f;
                    text-decoration: underline
                }

        .ls46 .c23 .row1 .d19 .not12 {
            width: auto;
            height: 30px;
            overflow: hidden;
            font: 500 16px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7442f;
            text-align: left;
            margin-bottom: 10px;
            background: #ffeddc;
            padding: 0 8px;
            box-sizing: border-box;
            display: inline-block
        }

/*member_OrderList.asp-----訂單列表介面(單體)--統計商品數量+價格*/
.ls46 .d20 {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin: 0 0 10px;
}

    .ls46 .d20 .t120 {
        width: 70%;
        height: auto;
        overflow: hidden;
        margin-bottom: 0px;
        font: 400 16px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        float: left
    }

        .ls46 .d20 .t120 span {
            margin-bottom: 8px;
            font: 700 24px/38px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7442f;
            vertical-align: top;
            margin: 0 2px;
            padding: 4px 0 0
        }

    .ls46 .d20 .t121 {
        width: 30%;
        height: auto;
        overflow: hidden;
        margin-bottom: 0px;
        font: 400 16px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        float: left;
        text-align: right
    }

        .ls46 .d20 .t121 span {
            margin-bottom: 8px;
            font: 700 24px/38px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7442f;
            vertical-align: top;
            margin: 0 0 0 8px;
        }
/*member_OrderList.asp-----訂單列表介面(單體)--訂單詳情按鈕*/
.ls46 .d21 {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 10px
}

.bt27 {
    width: 180px;
    height: 48px;
    font: 500 20px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: right;
}

    .bt27 img {
        width: auto;
        height: 16px;
        display: inline-block;
        padding: 0 0 3px;
        margin-right: 6px;
    }

    .bt27 a {
        width: 100%;
        height: 48px;
        font: 500 20px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #f7422f;
        display: block;
        border-radius: 4px;
        border: 1px solid #f7422f;
        box-sizing: border-box;
        background: #fff
    }

        .bt27 a:hover {
            background: #ffdedb;
            border: 1px solid #f7422f;
            transition: all 0.3s;
        }
/*member_OrderList.asp-----訂單列表介面(單體)--評價按鈕*/
.bt28 {
    width: 180px;
    height: 48px;
    font: 500 20px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: right;
    margin: 0 20px 0 0
}

    .bt28 img {
        width: auto;
        height: 16px;
        display: inline-block;
        padding: 0 0 3px;
        margin-right: 4px;
    }

    .bt28 a {
        width: 100%;
        height: 48px;
        font: 500 20px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #f7422f;
        display: block;
        border-radius: 4px;
        border: 1px solid #f7422f;
        box-sizing: border-box;
        background: #ffe8d1
    }

        .bt28 a:hover {
            background: #ffd8b1;
            border: 1px solid #f7422f;
            transition: all 0.3s;
        }
/*member_OrderDetail.asp-----回上一頁按鈕*/
.bgt3 .bk1 {
    width: 120px;
    height: 42px;
    overflow: hidden;
    font: 400 18px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #555;
    float: right;
    text-align: right;
    padding-top: 6px
}

    .bgt3 .bk1 a {
        font: 700 16px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #888;
    }

        .bgt3 .bk1 a:hover {
            color: #f7422f;
            text-decoration: underline
        }


/*member_OrderDetail.asp----訂單內頁-詳細資訊部分---店家名稱*/
.ls46 .t116b {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0;
    font: 500 16px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #555;
    padding: 0 12px;
    box-sizing: border-box;
    ;
    margin: 0 0 0
}

    .ls46 .t116b img {
        width: auto;
        height: 30px;
        display: inline-block;
        padding: 12px 0 0;
        margin-right: 4px;
        vertical-align: top
    }


/*member_OrderDetail.asp----訂單內頁-訂單資訊+*/
.ls46 .c24 {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box; /*padding:20px 20px;*/
    float: left;
    background: linear-gradient(90deg,#ddd 50%,#ddd 50%) no-repeat center/1px 100%, linear-gradient(180deg,#ddd 50%,#ddd 50%) no-repeat center bottom/100% 1px;
    margin-bottom: 0;
}

    .ls46 .c24 .d22 {
        width: 50%;
        height: auto;
        overflow: hidden;
        box-sizing: border-box; /*padding:20px 20px;*/
        float: left;
        border-right: 0px solid #ddd;
    }

        .ls46 .c24 .d22 .st4 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 500 18px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            float: left;
            padding: 0 20px;
            border-bottom: 1px solid #ddd;
            box-sizing: border-box;
            margin: 0 0 0;
            background: linear-gradient(90deg,#ddd 50%,#ddd 50%) no-repeat left center/1px 100% #f0f0f0
        }

        .ls46 .c24 .d22 .st4-2 {
            background: linear-gradient(90deg,#ddd 50%,#ddd 50%) no-repeat left center/0px 100% #f0f0f0
        }

        .ls46 .c24 .d22 .st4 img {
            width: auto;
            height: 22px;
            padding-bottom: 4px;
            vertical-align: middle;
            margin-right: 1px
        }
        /*member_OrderDetail.asp----訂單內頁-訂單資訊*/
        .ls46 .c24 .d22 .e7 {
            width: 100%;
            height: auto;
            overflow: hidden;
            margin-right: 0%;
            float: left;
            padding: 20px 20px 20px;
            box-sizing: border-box;
        }

            .ls46 .c24 .d22 .e7 .row2 {
                width: 100%;
                height: auto;
                overflow: hidden;
            }

                .ls46 .c24 .d22 .e7 .row2 .t122 {
                    width: 20%;
                    height: auto;
                    overflow: hidden;
                    font: 500 16px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #111;
                    float: left;
                    background: linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat right 10px /1px 16px;
                    margin-right: 5%
                }

                .ls46 .c24 .d22 .e7 .row2 .t123 {
                    width: 75%;
                    height: auto;
                    overflow: hidden;
                    font: 400 16px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #666;
                    float: left
                }

                    /*member_OrderDetail.asp----訂單內頁-訂單資訊--複製按鈕*/
                    .ls46 .c24 .d22 .e7 .row2 .t123 .cpy {
                        width: 40px;
                        height: 22px;
                        overflow: hidden;
                        display: inline-block;
                        vertical-align: top;
                        padding-top: 5px;
                        margin-left: 5px
                    }

                        .ls46 .c24 .d22 .e7 .row2 .t123 .cpy a {
                            width: 100%;
                            height: 100%;
                            overflow: hidden;
                            font: 400 14px/18px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                            color: #f7442f;
                            padding: 0 4px;
                            border: 1px solid #f7442f;
                            box-sizing: border-box;
                            border-radius: 4px;
                            text-align: center;
                            display: block;
                        }

                            .ls46 .c24 .d22 .e7 .row2 .t123 .cpy a:hover {
                                color: #fff;
                                padding: 0 4px;
                                border: 1px solid #f7442f;
                                background: #f7442f
                            }


                    /*member_OrderDetail.asp----訂單內頁-訂單資訊--查詢物流狀態*/
                    .ls46 .c24 .d22 .e7 .row2 .t123 .ship {
                        width: auto;
                        height: 22px;
                        overflow: hidden;
                        display: inline-block;
                        vertical-align: top;
                        padding-top: 6px;
                        margin-left: 5px;
                    }

                        .ls46 .c24 .d22 .e7 .row2 .t123 .ship a {
                            width: auto;
                            height: 100%;
                            overflow: hidden;
                            font: 400 14px/18px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                            color: #f7442f;
                            padding: 0 6px;
                            border: 1px solid #f7442f;
                            box-sizing: border-box;
                            border-radius: 4px;
                            text-align: center;
                            display: block;
                        }

                            .ls46 .c24 .d22 .e7 .row2 .t123 .ship a:hover {
                                color: #fff;
                                padding: 0 4px;
                                border: 1px solid #f7442f;
                                background: #f7442f
                            }


/*member_OrderDetail.asp----訂單內頁---訂購內容*/

.ls46 .st5 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 500 18px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
    float: left;
    padding: 0 20px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    margin: 0 0 0;
    background: linear-gradient(90deg,#ddd 50%,#ddd 50%) no-repeat left center/1px 100% #f0f0f0
}

    .ls46 .st5 img {
        width: auto;
        height: 22px;
        padding-bottom: 4px;
        vertical-align: middle;
        margin-right: 1px
    }

.ls46 .c23 .row1 .d19 .e8 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .ls46 .c23 .row1 .d19 .e8 .pr9 {
        width: 50%;
        height: auto;
        overflow: hidden;
        margin-bottom: 8px;
        font: 700 22px/38px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #f7442f;
        float: right;
        text-align: right
    }

/*member_OrderDetail.asp----訂單內頁--統計商品數量+運費+價格*/
.ls46 .d23 {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    border-top: 0px solid #ddd;
    padding: 6px 0;
    margin: -10px 0 10px;
    background: linear-gradient(90deg,#ddd 50%,#ddd 50%) no-repeat 60% top/1px 100%;
    float: left
}

    .ls46 .d23 .t124 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 0px;
        font: 400 16px/34px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        float: left;
        padding: 0 0 0 62%;
        box-sizing: border-box;
    }

        .ls46 .d23 .t124 span {
            float: right;
            font: 400 16px/34px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #555;
        }

    .ls46 .d23 .t125 {
        width: 60%;
        height: auto;
        overflow: hidden;
        margin-bottom: 8px;
        font: 400 16px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        float: left;
        border-top: 1px solid #ddd;
    }

        .ls46 .d23 .t125 span {
            margin-bottom: 8px;
            font: 700 24px/38px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7442f;
            vertical-align: top;
            margin: 0 2px;
            padding: 4px 0 0;
        }

    .ls46 .d23 .t126 {
        width: 40%;
        height: auto;
        overflow: hidden;
        margin-bottom: 8px;
        font: 400 16px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        float: left;
        text-align: right;
        border-top: 1px solid #ddd;
    }

        .ls46 .d23 .t126 span {
            margin-bottom: 8px;
            font: 700 24px/38px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7442f;
            vertical-align: top;
            margin: 0 0 0 8px;
        }


/*member_OrderDetail.asp------回上一頁按鈕*/
.ls46 .d21 .bk2 {
    width: 120px;
    height: 42px;
    overflow: hidden;
    font: 400 18px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
    float: left;
    text-align: left;
    padding-top: 6px
}

    .ls46 .d21 .bk2 a {
        font: 700 16px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #888;
    }

        .ls46 .d21 .bk2 a:hover {
            color: #f7422f;
            text-decoration: underline
        }

/*member_OrderDetail.asp------訂單列表介面(單體)--取消訂購按鈕*/

.bt29 {
    width: 220px;
    height: 48px;
    font: 500 20px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: right;
    margin-left: 20px
}

    .bt29 img {
        width: auto;
        height: 16px;
        display: inline-block;
        padding: 0 0 3px;
        margin-right: 6px;
    }

    .bt29 a {
        width: 100%;
        height: 48px;
        font: 500 20px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #f7422f;
        display: block;
        border-radius: 4px;
        border: 1px solid #f7422f;
        box-sizing: border-box;
        background: #fff
    }

        .bt29 a:hover {
            background: #ffdedb;
            border: 1px solid #f7422f;
            transition: all 0.3s;
        }


/*member_RefundDetail.asp------退貨申請*/
.m23 .a34 .bgt4 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 500 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    text-align: center; /*border-bottom:1px solid #aaa;padding:0 0 12px;*/
    margin-bottom: 14px
}

.m23 .a34 .st5 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 500 18px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    text-align: left;
    border-bottom: 0px solid #aaa;
    padding: 0 16px;
    margin-bottom: 0;
    box-sizing: border-box;
    background: #f4f4f4;
    background: linear-gradient(90deg,#f7442f 50%,#f7442f 50%) no-repeat left center/2px 100% #fff1e4
}

.m23 .a34 .b33 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 0 0;
    margin-bottom: 25px
}
    /*member_RefundDetail.asp------退貨申請---商品單體介面*/
    .m23 .a34 .b33 .row3 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 15px
    }

        .m23 .a34 .b33 .row3 .st6 {
            width: 100%;
            height: auto;
            overflow: hidden;
            ;
            font: 700 20px/30px 'Noto Sans TC','Noto Sans SC',"微軟正黑體";
            color: #fff;
            background: #fe4575;
            padding: 0 12px;
            text-align: center;
            box-sizing: border-box;
            margin-top: 10px
        }

            .m23 .a34 .b33 .row3 .st6 img {
                width: auto;
                height: 17px;
                padding-bottom: 5px;
                vertical-align: middle;
                margin-right: 2px
            }

.ls47 {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

    .ls47 .t127 {
        width: 50%;
        height: 50px;
        overflow: hidden;
        font: 400 18px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #666;
        float: left
    }

    .ls47 .t128 {
        width: 50%;
        height: 50px;
        overflow: hidden;
        font: 400 18px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        text-align: right;
        float: left
    }

        .ls47 .t128 span {
            font: 400 18px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #888;
            text-decoration: line-through;
            margin-right: 4px
        }

    .ls47 .not15 {
        width: 100%;
        height: auto;
        overflow: hidden;
        font: 500 15px/20px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        margin: -10px 0 10px;
        color: #334677;
        float: right;
        padding: 0px 0;
        text-align: right
    }

.m23 .a34 .b33 .not13 {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    margin: 12px 0 0;
    font: 400 16px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #555;
}

    .m23 .a34 .b33 .not13 ul {
        padding-left: 20px;
    }

        .m23 .a34 .b33 .not13 ul li {
            list-style: outside;
            list-style-type: disc
        }
/*
.m23 .a34 .b33 .not13:before{font:400 12px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;content:'●';transform:scale(.5);display:inline-block;width:20px;height: auto;overflow: hidden;vertical-align:top;padding-top:2px}*/
/*member_RefundDetail.asp------退貨申請---請選擇退貨商品與數量--*/
.ls47-2 {
    padding: 10px 0
}

.ls47 .im26 {
    width: 80px;
    height: auto;
    overflow: hidden;
    float: left;
    border-radius: 6px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 0
}

    .ls47 .im26 img {
        width: 100%;
        height: 100%;
        transition: all 0.3s
    }

.ls47 .c25 {
    width: calc(100% - 100px);
    height: auto;
    overflow: hidden;
    font: 400 16px/25px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
    text-align: left;
    float: right
}

    .ls47 .c25 .t129 {
        width: 100%;
        height: 54px;
        overflow: hidden;
        font: 500 16px/27px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        float: left
    }

    .ls47 .c25 .t130 {
        width: 100%;
        height: 25px;
        overflow: hidden;
        font: 400 16px/25px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #555;
        float: left
    }

.ls47-3 {
    border-bottom: 0px solid #ddd;
}

.ls47 .not14 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 500 15px/20px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    margin-bottom: 0;
    color: #334677;
    float: right;
    padding: 6px 0
}

.ls47 .not14b {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 500 15px/20px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    margin-bottom: 0;
    color: #f7442f;
    float: right;
    padding: 6px 0 12px
}

.ls47 .t131 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 500 14px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    text-align: left;
    margin-bottom: 0px;
    color: #111
}

.ls47 > input {
    width: 100%;
    height: 50px;
    overflow: hidden;
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    padding: 0 12px;
    box-sizing: border-box;
    display: block;
    font: 400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
    margin-bottom: 10px
}

.ls47 .in11 {
    width: 100%;
    ;
    height: 50px;
    overflow: hidden;
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    padding: 0 12px;
    box-sizing: border-box;
    display: block;
    font: 400 18px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
    margin: 0 2% 12px 0;
}

.ls47 textarea {
    width: 100%;
    height: 120px;
    overflow: hidden;
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    padding: 12px 8px;
    box-sizing: border-box;
    display: block;
    font: 400 18px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
}

/*member_RefundDetail.asp-----退貨申請---退貨注意事項文案區-*/
.ls47 .t132 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 500 15px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    text-align: left;
    margin-bottom: 0px;
    color: #111;
    padding: 20px 0
}

    .ls47 .t132 ul {
        padding-left: 20px;
    }

        .ls47 .t132 ul li {
            list-style: outside;
            list-style-type: decimal
        }

.ls47 .c26 {
    width: 100%;
    ;
    height: auto;
    overflow: hidden;
    text-align: center;
    margin: 0 auto 20px
}

.ck7 {
    width: auto;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    display: inline-block;
}

    .ck7 > input[type="checkbox"] {
        display: none;
    }

        .ck7 > input[type="checkbox"] + label {
            width: 18px;
            height: 18px;
            border-radius: 2px;
            padding: 2px;
            margin: 1px 4px 0 0
        }

            .ck7 > input[type="checkbox"] + label div {
                display: block;
                width: 100%;
                height: 100%;
                border: 1px solid #888 /*rgba(230,70,50,.4)*/;
                border-radius: 3px;
                box-sizing: border-box;
                background: #fff
            }

        .ck7 > input[type="checkbox"]:checked + label div {
            border-radius: 4px;
            background: url("../../images/SP/ic36.png") no-repeat center/auto 8px #e36150;
            border: 2px solid #e36150
        }

    .ck7 label {
        height: 19px;
        font: 13px/18px "微軟正黑體";
    }

    .ck7 span {
        width: auto;
        height: auto;
        overflow: hidden;
        font: 400 16px/24px 'Noto Sans TC', "微軟正黑體";
        color: #111;
        vertical-align: top;
        display: inline-block;
    }

        .ck7 span a img {
            width: 40px;
            height: 40px;
            display: inline-block;
            margin-right: 4px;
            padding-bottom: 6px;
            vertical-align: middle
        }

        .ck7 span a {
            font: 500 20px/38px 'Noto Sans TC', "微軟正黑體";
            color: #111;
        }

            .ck7 span a:hover {
                color: #f7422f;
                text-decoration: underline
            }

.bt30 {
    width: 240px;
    height: 54px;
    font: 500 22px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    margin: 0 auto 25px
}

    .bt30 img {
        width: auto;
        height: 24px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt30 a {
        width: 100%;
        height: 54px;
        font: 500 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 4px;
        border: 1px solid #f7422f;
        box-sizing: border-box;
        background: #f7422f
    }

        .bt30 a:hover {
            background: #ff6b5b;
            border: 1px solid #ff6b5b;
            transition: all 0.3s;
        }

/*member_RefundDetail.asp------退貨申請---退貨數量按鈕*/
.ls47 .qta2 {
    width: 120px;
    height: 32px;
    overflow: hidden;
    float: right;
    margin: 9px 0 0;
    text-align: right
}

    .ls47 .qta2 .qbt {
        width: 25%;
        height: 32px;
        float: left
    }

        .ls47 .qta2 .qbt a {
            width: 100%;
            height: 32px;
            font: 700 18px/30px 'Noto Sans TC','Noto Sans SC',"微軟正黑體";
            color: #fff;
            display: inline-block;
            text-align: center;
            background: #666;
            border: 1px solid #666;
            border-radius: 5px 0 0 5px;
            box-sizing: border-box;
        }

    .ls47 .qta2 .qbt-2 a {
        border-radius: 0 5px 5px 0;
    }

    .ls47 .qta2 .qbt a:hover {
        background: #f7422f;
        color: #fff;
        border: 1px solid #f7422f
    }

    .ls47 .qta2 input {
        width: 50%;
        height: 32px;
        border: 1px solid #888;
        border-right: 0;
        border-left: 0;
        float: left;
        padding: 0;
        text-align: center;
        font: 500 18px/30px 'Noto Sans TC','Noto Sans SC', verdana;
        color: #000;
        box-sizing: border-box;
    }

    .ls47 .qta2 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color: #6b18df;
    }
/*member_RefundMSG.asp-----退貨申請結果訊息葉面-*/

.m12 .a31-2 {
    width: 600px;
    padding: 35px
}

    .m12 .a31-2 .b28 {
        width: 100%;
    }

.m12 .a31 .b28 .t99 h4 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 700 18px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #f7442f;
    margin-bottom: 8px;
    display: block
}


/*index.asp----限時秒殺-*/
.m25 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f0ebdf;
    margin-bottom: 60px
}

    .m25 .a36 {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 60px 0;
    }

        .m25 .a36 .b34 {
            width: 1240px;
            height: auto;
            margin: 0 auto;
            padding: 0 0 0 20px
        }

            .m25 .a36 .b34 .c27 {
                width: calc(100% - 50px);
                height: auto;
                overflow: hidden;
                ;
                background: #ffd886;
                padding: 8px 16px;
                box-sizing: border-box;
                border-radius: 4px;
                margin: 0 0 25px 10px
            }

                .m25 .a36 .b34 .c27 .t134 {
                    width: 150px;
                    height: 40px;
                    font: italic 900 35px/38px 'Noto Serif TC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
                    float: left
                }

                .m25 .a36 .b34 .c27 .tma2 {
                    width: calc(100% - 160px - 100px);
                    height: 40px;
                    overflow: hidden;
                    font: italic 900 24px/40px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    float: left;
                    padding-left: 10px
                }

                    .m25 .a36 .b34 .c27 .tma2 .col1 {
                        width: 30px;
                        height: 38px;
                        font: 400 24px/38px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #fff;
                        display: inline-block;
                        background: #111;
                        border-radius: 3px;
                        vertical-align: top;
                        padding: 0 6px;
                        margin: 2px 1px 0 1px;
                        text-align: center;
                        transform: skew(-15deg, 0deg);
                    }

                    .m25 .a36 .b34 .c27 .tma2 .col2 {
                        width: 30px;
                        height: 38px;
                        font: 400 24px/38px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #fff;
                        display: inline-block;
                        background: #f7422f;
                        border-radius: 3px;
                        vertical-align: top;
                        padding: 0 6px;
                        margin: 2px 4px 0 4px;
                        text-align: center;
                        transform: skew(-15deg, 0deg);
                    }

                .m25 .a36 .b34 .c27 .mo1 {
                    width: auto;
                    height: 40px;
                    overflow: hidden;
                    float: right;
                    display: inline-block
                }

                    .m25 .a36 .b34 .c27 .mo1 a {
                        font: italic 500 16px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #111;
                    }

                        .m25 .a36 .b34 .c27 .mo1 a img {
                            width: auto;
                            height: 16px;
                            padding-bottom: 2px;
                            vertical-align: middle;
                            margin-right: 2px
                        }

                        .m25 .a36 .b34 .c27 .mo1 a:hover {
                            text-decoration: underline;
                            color: #f7442f
                        }


/*index.asp----限時秒殺--商品左右滑動套件*/
.kit3 {
    width: 96%;
    padding-left: 0;
    border-bottom: 0px solid #111;
    margin-bottom: 0px !important
}

    .kit3 .slick-list {
        width: 100%;
        margin: 0 auto;
        padding: 0 0
    }

    .kit3 .slick-initialized .slick-slide {
        width: 24% !important;
        float: left
    }

    .kit3 .slick-prev::before {
        width: 60px;
        height: 60px;
        font: 900 35px/36px 'Noto Serif TC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
        transition: all 0.3s;
        background: url("../../images/bl.png") no-repeat center/60px;
        display: block;
        color: rgba(0,0,0,0);
        opacity: .4
    }

    .kit3 .slick-next::before {
        width: 60px;
        height: 60px;
        font: 900 35px/60px 'Noto Serif TC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
        transition: all 0.3s;
        background: url("../../images/br.png") no-repeat center/60px;
        display: block;
        color: rgba(0,0,0,0);
        opacity: .4
    }

    .kit3 .slick-prev:hover:before,
    .kit3 .slick-next:hover:before {
        color: rgba(0,0,0,0);
        transition: all 0.3s;
        opacity: 1;
        filter: contrast(110%);
        -webkit-filter: contrast(110%);
    }

    .kit3 .slick-prev {
        left: -30;
        top: 40%;
        z-index: 9
    }

    .kit3 .slick-next {
        right: 8px;
        top: 40%;
    }

    .kit3 .slick-dots {
        display: none !important;
        margin-bottom: 25px !important
    }
/*index.asp----限時秒殺--商品單體*/
.ls48 {
    width: 220px !important;
    height: 370px;
    overflow: hidden;
    margin: 0 10px 0 10px;
    float: left;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
}

    .ls48 .tmr1 {
        width: 100%;
        height: 24px;
        overflow: hidden;
        background: #4e2ac3;
        font: italic 500 18px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        padding: 4px 12px 4px 0;
        text-align: center;
    }

        .ls48 .tmr1 > img {
            width: auto;
            height: 18px;
            padding-bottom: 3px;
            vertical-align: middle;
            margin-right: 2px;
            display: inline-block
        }

        .ls48 .tmr1 span {
            font: italic 500 22px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #ffea00;
            margin: 0 2px;
            display: inline-block
        }

    .ls48 a {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
        padding: 8px 10px 0;
        box-sizing: border-box;
    }

        .ls48 a .im27 {
            width: 200px;
            height: 200px;
            overflow: hidden;
            float: left;
            border-radius: 8px;
            margin-bottom: 5px;
            box-sizing: border-box;
            transition: all 0.3s;
            border: 0px solid #ddd;
        }

            .ls48 a .im27 > img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

        .ls48 a:hover .im27 > img {
            transform: scale(.92);
            filter: contrast(120%);
            -ls4-filter: contrast(120%);
            transition: all 0.3s;
        }

        .ls48 a .c28 {
            width: 100%;
            height: 24px;
            overflow: hidden;
            margin-bottom: 5px;
            border-bottom: 1px solid #d8d8d8;
            padding-bottom: 6px
        }

            .ls48 a .c28 .str {
                width: 40%;
                height: auto;
                overflow: hidden;
                font: 500 15px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                float: right;
                color: #666;
                padding: 2px 0 0;
                text-align: right
            }

                .ls48 a .c28 .str img {
                    width: auto;
                    height: 17px;
                    padding-top: 1px;
                    vertical-align: top;
                    margin-right: 2px;
                    display: inline-block
                }

            .ls48 a .c28 .sto3 {
                width: 60%;
                height: auto;
                overflow: hidden;
                font: 500 15px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #666;
                text-align: left;
                float: left
            }

        .ls48 a .t133 {
            width: 100%;
            height: 42px;
            overflow: hidden;
            font: 500 16px/21px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            transition: all 0.3s;
            margin-bottom: 5px;
            text-align: justify;
            text-justify: inter-ideograph;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            letter-spacing: -.5px
        }

        .ls48 a .pr1 {
            width: 100%;
            height: 30px;
            overflow: hidden;
            font: italic 900 24px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #f7422f;
            letter-spacing: -1.5px;
            text-align: center
        }

            .ls48 a .pr1 span {
                overflow: hidden;
                font: italic 700 16px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #4e2ac3;
                letter-spacing: 0px;
                ;
                margin-right: 4px
            }



/*會員登入實體頁面*/


.lg4 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 20px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 0 0 20px
}

    .lg4 img {
        width: 170px;
        height: auto;
    }

.a33b {
    width: 420px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 0px 0 12px
}

/*會員登入彈出視窗介面---FB快速登入*/
.bt21 {
    width: 100%;
    height: 54px;
    font: 500 22px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: right;
    box-sizing: border-box;
    margin-bottom: 12px
}

    .bt21 img {
        width: auto;
        height: 22px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt21 a {
        width: 100%;
        height: 54px;
        font: 500 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 4px;
        border: 1px solid #3b5998;
        box-sizing: border-box;
        background: #3b5998
    }

        .bt21 a:hover {
            background: #4168ba;
            border: 1px solid #4168ba;
            transition: all 0.3s;
        }

.a33b .t104 {
    width: 100%;
    height: 30px;
    overflow: hidden;
    font: 400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #888;
    padding: 0 0 0;
    text-align: center;
    margin-bottom: 12px;
    background: linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat center/40% 50px, linear-gradient(90deg,#ddd 50%,#ddd 50%) no-repeat center/100% 1px;
}
/*會員登入彈出視窗介面---手機號碼快速登入-輸入框*/
.a33b > input {
    width: 100%;
    height: 50px;
    overflow: hidden;
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    padding: 0 12px;
    box-sizing: border-box;
    display: block;
    font: 400 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #111;
    margin-bottom: 14px
}
/*會員登入彈出視窗介面---手機號碼快速登入-按鈕*/
.bt22 {
    width: 100%;
    height: 54px;
    font: 500 22px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: right;
    box-sizing: border-box;
    margin-bottom: 14px
}

    .bt22 img {
        width: auto;
        height: 22px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt22 a {
        width: 100%;
        height: 54px;
        font: 500 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 4px;
        border: 1px solid #aaa;
        box-sizing: border-box;
        background: #aaa
    }

        .bt22 a:hover {
            background: #666;
            border: 1px solid #666;
            transition: all 0.3s;
        }

/*會員登入彈出視窗介面---手機號碼快速登入-按鈕*/
.bt22b {
    width: 100%;
    height: 54px;
    font: 500 22px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    text-align: center;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    float: right;
    box-sizing: border-box;
    margin-bottom: 14px
}

    .bt22b img {
        width: auto;
        height: 22px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt22b a {
        width: 100%;
        height: 54px;
        font: 500 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 4px;
        border: 1px solid #f7422f;
        box-sizing: border-box;
        background: #f7422f
    }

        .bt22b a:hover {
            background: #f56152;
            border: 1px solid #f56152;
            transition: all 0.3s;
        }

.a33b .b29 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 0;
    padding: 0 0
}

.ck5 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
    display: inline-block
}

    .ck5 > input[type="checkbox"] {
        display: none;
    }

        .ck5 > input[type="checkbox"] + label {
            width: 18px;
            height: 18px;
            border-radius: 2px;
            padding: 2px;
            margin: 1px 4px 0 0
        }

            .ck5 > input[type="checkbox"] + label div {
                display: block;
                width: 100%;
                height: 100%;
                border: 1px solid #888 /*rgba(230,70,50,.4)*/;
                border-radius: 3px;
                box-sizing: border-box;
                background: #fff
            }

        .ck5 > input[type="checkbox"]:checked + label div {
            border-radius: 4px;
            background: url("../../images/SP/ic36.png") no-repeat center/auto 8px #e36150;
            border: 2px solid #e36150
        }

    .ck5 label {
        height: 19px;
        font: 13px/18px "微軟正黑體";
    }

    .ck5 span {
        width: calc(100% - 30px);
        height: auto;
        overflow: hidden;
        font: 400 16px/24px 'Noto Sans TC', "微軟正黑體";
        color: #666;
        display: inline;
        vertical-align: top;
        display: block;
        float: right
    }

        .ck5 span a img {
            width: 40px;
            height: 40px;
            display: inline-block;
            margin-right: 4px;
            padding-bottom: 6px;
            vertical-align: middle
        }

        .ck5 span a {
            font: 500 20px/38px 'Noto Sans TC', "微軟正黑體";
            color: #111;
        }

            .ck5 span a:hover {
                color: #f7422f;
                text-decoration: underline
            }
/*會員登入彈出視窗介面---防詐騙圖*/
.a33b .im22 {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-top: 15px
}

    .a33b .im22 img {
        width: 100%;
        height: 100%;
        transition: all 0.3s
    }

/*special_01.asp---直播抽盲盒活動一頁式-大背景*/
.bg2 {
    background: url("../../images/special01/bg1.jpg") no-repeat center top/cover;
    background-attachment: fixed
}
/*special_01.asp---直播抽盲盒活動一頁式--橫幅*/
.bn6 {
    width: 100%;
    height: 800px;
    overflow: hidden;
    background: url("../../images/special01/bn1.jpg") no-repeat center top/cover;
}
/*special_01.asp---直播抽盲盒活動一頁式--橫幅*/
.bn6-2 {
    width: 100%;
    height: 800px;
    overflow: hidden;
    background: url("../../images/special02/bn1.jpg") no-repeat center top/cover;
}
/*special_01.asp---直播抽盲盒活動一頁式---影片專區*/
.m26 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url("../../images/special01/bg1.png") no-repeat center/cover
}

    .m26 .a37 {
        width: 1200px;
        min-height: 200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        padding: 120px 0 80px
    }

        .m26 .a37 .tt1 {
            width: 660px;
            height: auto;
            overflow: hidden;
            margin: 0 auto 25px
        }

            .m26 .a37 .tt1 img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

        .m26 .a37 .im28 {
            width: 940px;
            height: auto;
            overflow: hidden;
            margin: 0 auto
        }

            .m26 .a37 .im28 img {
                width: 100%;
                height: auto;
                transition: all 0.3s
            }

        .m26 .a37 .im28b {
            width: 440px;
            height: auto;
            overflow: hidden;
            margin: 0 auto
        }

            .m26 .a37 .im28b img {
                width: 100%;
                height: auto;
                transition: all 0.3s
            }

        .m26 .a37 .im29 {
            width: 970px;
            height: auto;
            overflow: hidden;
            margin: -20px auto 20px
        }

            .m26 .a37 .im29 img {
                width: 100%;
                height: auto;
                transition: all 0.3s
            }

        .m26 .a37 .yt1 {
            width: 400px;
            height: auto;
            overflow: hidden;
            margin: -20px auto 20px;
            border-radius: 20px;
            border: 5px solid #ada286;
            box-shadow: 0 3px 8px rgba(0,0,0,.35);
            position: relative;
            z-index: 9;
            aspect-ratio: 1 / 1.777
        }

            .m26 .a37 .yt1 iframe {
                width: 100%;
                height: 100%;
            }
/*special_01.asp---直播抽盲盒活動一頁式---神秘商品*/
.m27 {
    width: 100%;
    height: auto;
    overflow: hidden; /*background: url("../../images/special01/bg2.png") no-repeat center/cover*/
}

    .m27 .a38 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        padding: 80px 0 40px
    }

        .m27 .a38 .tt2 {
            width: 660px;
            height: auto;
            overflow: hidden;
            margin: 0 auto 25px
        }

            .m27 .a38 .tt2 img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }
        /*special_01.asp---直播抽盲盒活動一頁式---神秘商品---商品單體列表*/
        .m27 .a38 .b35 {
            width: 1200px;
            min-height: 1000px;
            height: auto;
            overflow: hidden;
            margin: 0 auto;
            padding: 40px 20px 40px
        }

.ls49 {
    width: 30%;
    height: auto;
    overflow: hidden;
    margin: 0 1.5% 30px;
    float: left;
    background: #000;
    border-radius: 15px;
    padding: 0;
    box-sizing: border-box;
    transition: all 0.3s;
    box-shadow: 0 6px 12px rgba(0,0,0,.70);
    border: 2px solid #e6c9a2;
}

    .ls49:hover {
        border: 2px solid #f7422f;
        box-shadow: 0 1px 5px rgba(0,0,0,.35);
        transition: all 0.3s;
        transform: scale(1.02);
    }

    .ls49 a {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
    }

        .ls49 a .im30 {
            width: 100%;
            height: 100%;
            overflow: hidden;
            float: left;
            border-radius: 0;
            margin-bottom: 5px;
            box-sizing: border-box;
            transition: all 0.3s
        }
            /*猜你喜歡--區域--單體---主圖*/
            .ls49 a .im30 img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

        .ls49 a:hover .im30 img {
            transform: scale(1.00);
            filter: contrast(120%);
            -ls4-filter: contrast(120%);
            transition: all 0.3s;
        }
        /*猜你喜歡--區域--單體---商品資訊區域*/
        .ls49 a .c29 {
            width: 92%;
            height: auto;
            overflow: hidden;
            padding: 0 0 10px;
            box-sizing: border-box;
            margin: 0 auto
        }

            .ls49 a .c29 .t135 {
                width: 100%;
                height: 72px;
                overflow: hidden;
                font: 500 italic 24px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #fff;
                transition: all 0.3s;
                margin-bottom: 10px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                letter-spacing: -.5px;
            }

            .ls49 a .c29 .t135b {
                width: 100%;
                min-height: 72px;
                overflow: hidden;
                font: 700 italic 42px/72px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                text-align: center
            }

                .ls49 a .c29 .t135b span {
                    width: 48px;
                    min-height: 48px;
                    overflow: hidden;
                    font: italic 900 40px/48px Verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    text-align: center;
                    border-radius: 100px;
                    background: #4f00e1;
                    color: #fff;
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 10px;
                    margin-top: -4px
                }

            .ls49 a .c29 .t136 {
                width: 100%;
                height: auto;
                overflow: hidden;
                font: italic 500 22px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #cdae81;
                letter-spacing: 0;
                margin-bottom: 0px;
                text-align: center;
                margin-bottom: 4px
            }
            /*猜你喜歡--區域--單體--價格+我的最愛*/
            .ls49 a .c29 .pr1 {
                width: 100%;
                height: auto;
                overflow: hidden;
                font: italic 900 28px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7422f;
                letter-spacing: -1.5px;
                margin-bottom: 0px;
                text-align: center;
                margin-bottom: 4px
            }

                .ls49 a .c29 .pr1 span {
                    font: italic 500 20px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    margin-right: 3px;
                    letter-spacing: 0px
                }

                .ls49 a .c29 .pr1 .ic1 {
                    width: auto;
                    height: 20px;
                    overflow: hidden;
                    float: right;
                    margin-top: 8px
                }

                    .ls49 a .c29 .pr1 .ic1 img {
                        width: auto;
                        height: 100%;
                        float: right
                    }
            /*猜你喜歡--區域--單體---評價+搶購人數*/
            .ls49 a .c29 .d24 {
                width: 100%;
                height: 24px;
                overflow: hidden;
                margin-bottom: 0px;
                border-bottom: 0px solid #d8d8d8;
                padding-bottom: 0px
            }

                .ls49 a .c29 .d24 .str {
                    width: 70%;
                    height: auto;
                    overflow: hidden;
                    font: 400 16px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    float: left;
                    color: #666;
                    letter-spacing: -1px;
                }

                    .ls49 a .c29 .d24 .str img {
                        width: auto;
                        height: 14px;
                        padding-top: 4px;
                        vertical-align: top;
                        margin-right: -2px;
                        display: inline-block
                    }

                .ls49 a .c29 .d24 .lik1 {
                    width: 30%;
                    height: auto;
                    overflow: hidden;
                    font: 400 16px/24px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    float: right;
                    color: #666;
                    text-align: right
                }

                    .ls49 a .c29 .d24 .lik1 img {
                        width: auto;
                        height: 16px;
                        padding-top: 4px;
                        vertical-align: top;
                        margin-left: 0px
                    }

/*special_01.asp---直播抽盲盒活動一頁式--TOP區域*/
.m28 {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.35);
    background: rgba(0,0,0,.9);
    position: fixed;
    z-index: 99
}

.m28x {
    width: 100%;
    height: 90px;
    overflow: hidden;
}

.m28 .a39 {
    width: 1200px;
    height: 90px;
    overflow: hidden;
    margin: 0 auto;
}

    .m28 .a39 .lg5 {
        width: auto;
        height: 70px;
        overflow: hidden;
        float: left;
        margin-top: 10px
    }

        .m28 .a39 .lg5 img {
            width: auto;
            height: 100%;
        }

    .m28 .a39 .b36 {
        width: calc(100% - 300px);
        height: 70px;
        overflow: hidden;
        float: right;
        text-align: right;
        margin-top: 10px
    }

        .m28 .a39 .b36 .t137 {
            width: auto;
            height: 70px;
            display: inline-block;
            margin: 0 40px
        }

            .m28 .a39 .b36 .t137 a {
                width: auto;
                height: 70px;
                font: 700 28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #c1a062;
                display: block;
            }

                .m28 .a39 .b36 .t137 a:hover {
                    border: 0px solid #c1a062;
                    transition: all 0.3s;
                    text-decoration: underline
                }

            .m28 .a39 .b36 .t137 img {
                width: auto;
                height: 32px;
                padding-bottom: 4px;
                vertical-align: middle;
                margin-right: 8px
            }
/*down*/
.m29 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .m29 .a40 {
        width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        font: 300 16px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #fff;
        text-align: center;
        padding: 0 0 40px
    }
/*手機選單按鈕*/
.m1 .a1 .mn1 {
    width: auto;
    height: 34px;
    float: left;
    margin: 23px 20px 0 0;
    display: none;
}

    .m1 .a1 .mn1 img {
        width: auto;
        height: 100%;
        transition: all 0.3s;
        filter: brightness(100%)
    }

        .m1 .a1 .mn1 img:hover {
            transform: rotate(0deg) scale(1);
            transition: all 0.3s;
            filter: brightness(150%)
        }


/*20251216----左選單-改版--會員資訊+會員功能*/
.mm-menu-2 {
    width: 640px;
    min-width: 700px;
    background: #282828 !important;
    left: 0%;
    margin-left: 0;
    overflow: auto
}

#mm-blocker {
    left: 0%;
    margin-left: 0px;
}
/*.mm-menu-2, 
.mm-menu > .mm-panel{ left:50%;margin-left:-300px;}*/
/*左選單*/
.mm-listview > li > a,
.mm-listview > li > span {
    font: 500 32px/71px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";
    background: none;
    background: linear-gradient(90deg,#a00 50%,#d00 100%) no-repeat left top/0% 100% #111;
}

    .mm-listview > li > a:hover { /* background:#ad0014;*/
        background: none;
        background: linear-gradient(90deg,#a00 50%,#d00 100%)no-repeat left top/100% 100% #111;
        color: #fff
    }

    .mm-listview > li > a img {
        width: auto;
        height: 32px;
        padding-bottom: 4px;
        vertical-align: middle;
        margin-right: 5px
    }

.mm-listview > li > span {
    padding: 0 0 0 70px;
    background: #181818;
    transition: all 0.3s;
    background: none;
    background: linear-gradient(90deg,#a00 50%,#d00 100%) no-repeat left top/0% 100% #181818;
}

    .mm-listview > li > span:hover {
        transition: all 0.3s;
        color: #000;
        transition: all 0.3s;
        background: none;
        background: linear-gradient(90deg,#a00 50%,#d00 100%) no-repeat left top/100% 100% #181818;
    }

.mm-listview > li > .lk2 {
    height: auto;
    overflow: hidden;
    font: 500 32px/56px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";
}

    .mm-listview > li > .lk2 a {
        font: 500 32px/56px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";
        color: #fff;
        width: 100%;
        display: inline-block;
        height: 60px;
    }
        /*左選單-次選單*/

        .mm-listview > li > .lk2 a:hover {
            color: #fff
        }

        .mm-listview > li > .lk2 a::before {
            content: '◇';
            margin: 0 5px 0 0;
            font-size: 15px;
            vertical-align: top;
            font: 900 18px/60px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";
            margin-right: 15px
        }
/*.lk2{  height:auto; overflow:hidden; }
.lk2 a img{ width:auto; height:30px; display:inline-block; padding-bottom:4px; margin-right:5px}
.lk2 a{font:28px/50px "微軟正黑體";color:#fff; width:100%; display:inline-block; height:40px; }
.lk2 a:hover{color:#fff; }
.lk2 a::before{ content:''; margin:0 5px 0 0;  font-size:15px; vertical-align:middle}*/

.mm-menu > .mm-panel::before,
.mm-menu > .mm-panel::after {
    height: 0
}

.pma {
    width: 440px !important;
    height: auto;
    overflow: auto;
    padding: 0 !important;
    position: relative !important
}


/*左選單列表會員介面*/
.m30 {
    width: 100%;
    height: auto;
    overflow: hidden; /*background:#181818;*/
    background: #a5978f
}

    .m30 .a41 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }

        .m30 .a41 .b37 {
            width: 100%;
            height: auto;
            overflow: hidden;
            position: relative;
            margin-bottom: 0px;
            padding: 20px 3% 20px;
            box-sizing: border-box;
            border: 1px solid #a5978f
        }

            .m30 .a41 .b37 .im6 {
                width: 25%;
                height: auto;
                float: left;
                margin-right: 5%;
                border-radius: 150px;
                margin-bottom: 0px
            }

                .m30 .a41 .b37 .im6 img {
                    width: 100%;
                    height: auto;
                    border-radius: 150px;
                }

            .m30 .a41 .b37 .t138 {
                width: 70%;
                height: auto;
                overflow: hidden;
                float: left;
                font: 500 24px/34px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #fff;
                padding-top: 4px;
                margin-bottom: 8px
            }

                .m30 .a41 .b37 .t138 h4 {
                    font: 300 24px/36px "Century Gothic","微軟正黑體";
                    padding: 0;
                    margin-bottom: 6px
                }

.bt31 {
    width: 100px;
    height: 40px;
    font: 20px/30px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    border: 0px solid #e95377;
    transition: all 0.3s; /*position:absolute;right:0;top:30px*/
}

.bt31b {
    margin-top: 30px
}

.bt31:hover {
    border: 0px solid #3577c1;
    transition: all 0.3s
}

.bt31 a {
    width: 100%;
    height: 36px;
    font: 400 18px/30px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    display: block;
    border-radius: 100px;
    border: 2px solid #fff;
    box-sizing: border-box;
}

    .bt31 a:hover {
        background: rgba(255,255,255,.2);
        transition: all 0.3s;
    }

    .bt31 a img {
        width: auto;
        height: 28px;
        display: inline-block;
        padding: 0 0 6px;
        margin-right: 2px;
        vertical-align: middle
    }
/*20230718--template_ph_menu--左選單-會員登入候選單-----*/
.m30 .a41 .b38 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .m30 .a41 .b38 .ls50 {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: left;
        box-sizing: border-box;
        border-bottom: 1px solid #a2938b;
        position: relative
    }

        .m30 .a41 .b38 .ls50 a {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 400 18px/60px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            padding: 0px 4%;
            background: #dcd2cb;
            display: block
        }

            .m30 .a41 .b38 .ls50 a img {
                width: auto;
                height: 18px;
                padding-bottom: 4px;
                vertical-align: middle;
                margin-right: 10px
            }

            .m30 .a41 .b38 .ls50 a:hover {
                background: #beb1a9
            }

    .m30 .a41 .b38 .ls50-2 a {
        background: #fbdfe5;
        border-bottom: 15px solid #dcd2cb
    }

        .m30 .a41 .b38 .ls50-2 a:hover {
            color: #111;
            background: #fbd0d9;
        }
/*20230718---template_ph_menu--左選單--標準選單-----*/
.m30 .a41 .b39 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .m30 .a41 .b39 .ls51 {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: left;
        box-sizing: border-box;
        border-bottom: 1px solid #a2938b;
        position: relative;
    }

        .m30 .a41 .b39 .ls51 a {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 400 18px/60px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            padding: 0px 4%;
            background: #ece5e0;
            display: block;
            box-sizing: border-box;
        }

            .m30 .a41 .b39 .ls51 a img {
                width: 18px;
                height: 18px;
                padding-bottom: 4px;
                vertical-align: middle;
                margin-right: 10px
            }

            .m30 .a41 .b39 .ls51 a:hover {
                background: #dcd2cb
            }

    .m30 .a41 .b39 .ls51-2 a {
        padding-left: 40px
    }

        .m30 .a41 .b39 .ls51-2 a:hover {
        }

    .m30 .a41 .b39 .ls51-3 a {
        background: #ffe0dd;
        border-bottom: 0px solid #dcd2cb
    }

        .m30 .a41 .b39 .ls51-3 a:hover {
            color: #111;
            background: #ffc6c0;
        }

    .m30 .a41 .b39 .ls51-4 a {
        background: #a89b93;
        border-bottom: 15px solid #dcd2cb
    }

        .m30 .a41 .b39 .ls51-4 a:hover {
            color: #111;
            background: #b1a6a0;
        }
/*20251216-手機TOP*/
.m1 .hd1 .lg6 {
    width: auto;
    height: 24px;
    display: none;
    float: left;
    margin: 13px 0 0
}

    .m1 .hd1 .lg6 a img {
        width: auto;
        height: 100%;
    }
/*購物車數量*/
.ct2 {
    width: 36px;
    height: 36px;
    overflow: hidden;
    font: 400 18px/34px 'Noto Sans SC','Noto Sans TC',"Century Gothic",'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";
    color: #fff;
    border-radius: 150px;
    position: absolute;
    top: 12px;
    right: 15px;
    background: #f7422f;
    text-align: center;
    opacity: 1 !important
}
/*20251216-常駐選單-購物車按鈕*/
.m1 .hd1 .cart {
    width: auto;
    height: 32px;
    float: right;
    position: relative;
    display: none;
    margin: 12px 8px 0
}

.m1 .a1 .b2 .ls1b {
    display: none
}

.m1 .hd1 .cart a {
    width: auto;
    height: 100%;
    display: inline-block
}

    .m1 .hd1 .cart a img {
        width: auto;
        height: 100%;
        vertical-align: middle;
        padding: 8px 0 0;
        transition: all 0.2s
    }

        .m1 .hd1 .cart a img:hover {
            transform: scale(.92);
            filter: contrast(120%);
            -webkit-filter: contrast(120%);
            transition: all 0.2s
        }

.m1 .hd1 .cart .ct1 {
    width: 26px;
    height: 26px;
    font: 700 14px/26px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #f7422f;
    position: absolute;
    right: -8px;
    top: -8px;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #f7422f;
    letter-spacing: -2px;
    z-index: 2;
    text-align: center
}


/*LINEQRcode--客服介面*/
.m31 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .m31 .a42 {
        width: 600px;
        height: auto;
        overflow: hidden;
        margin: 0 auto 80px;
        border: 1px solid #ccc;
        border-radius: 12px;
        padding: 30px 30px 20px;
        box-sizing: border-box;
    }

        .m31 .a42 .st7 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 500 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            text-align: center;
            margin-bottom: 10px
        }

            .m31 .a42 .st7 img {
                width: auto;
                height: 26px;
                padding-bottom: 4px;
                vertical-align: middle;
                margin-right: 0px
            }

        .m31 .a42 .im31 {
            width: 100%;
            height: auto;
            overflow: hidden;
            margin: 0 auto 25px;
            border-bottom: 1px solid #cccc;
            padding-bottom: 30px
        }

            .m31 .a42 .im31 img {
                width: 100%;
                height: auto;
            }

        .m31 .a42 .t139 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 500 24px/34px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #111;
            margin-bottom: 6px;
            letter-spacing: -1.5px;
            text-align: center;
        }

            .m31 .a42 .t139 img {
                width: auto;
                height: 26px;
                padding-bottom: 4px;
                vertical-align: middle;
                margin-right: 4px
            }


        .m31 .a42 .t140 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 400 18px/24px verdana, 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #555;
            text-align: center;
            margin-bottom: 20px
        }

        .m31 .a42 .im32 {
            width: 100%;
            height: auto;
            overflow: hidden;
            margin: 0 auto 10px;
            border: 0px solid #cccc;
            padding-bottom: 0;
            background: #e5e2d4;
            padding: 20px 0;
            text-align: center;
            border-radius: 10px
        }

            .m31 .a42 .im32 a img {
                width: 60%;
                height: auto;
            }




/*special_02.asp---直播抽盲盒活動一頁式---影片專區 追加對話介面*/


.m32 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url("../../images/special01/bg1.png") no-repeat center/cover
}

    .m32 .a43 {
        width: 1200px;
        min-height: 200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        padding: 120px 0 80px
    }

        .m32 .a43 .tt3 {
            width: 660px;
            height: auto;
            overflow: hidden;
            margin: 0 auto 25px
        }

            .m32 .a43 .tt3 img {
                width: 100%;
                height: 100%;
                transition: all 0.3s
            }

        .m32 .a43 .im33 {
            width: 940px;
            height: auto;
            overflow: hidden;
            margin: 0 auto
        }

            .m32 .a43 .im33 img {
                width: 100%;
                height: auto;
                transition: all 0.3s
            }

        .m32 .a43 .im33b {
            width: 440px;
            height: auto;
            overflow: hidden;
            margin: 0 auto
        }

            .m32 .a43 .im33b img {
                width: 100%;
                height: auto;
                transition: all 0.3s
            }

        .m32 .a43 .b40 {
            width: 100%;
            min-height: 200px;
            height: auto;
            overflow: hidden;
            margin: 0 auto;
            padding: 40px 0 80px
        }

            .m32 .a43 .b40 .yt2 {
                width: 400px;
                height: auto;
                overflow: hidden;
                margin: 0 0 20px;
                border-radius: 20px;
                border: 5px solid #ada286;
                box-shadow: 0 3px 8px rgba(0,0,0,.35);
                position: relative;
                z-index: 9;
                aspect-ratio: 1 / 1.777;
                float: left
            }

                .m32 .a43 .b40 .yt2 iframe {
                    width: 100%;
                    height: 100%;
                }


/*共用小標題*/
.bgt5 {
    width: 100%;
    height: 40px;
    overflow: hidden;
    font: 700 32px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";
    color: #fff;
    background: linear-gradient(90deg,#f7422f 50%,#f7422f 50%) no-repeat left 7px/3px 32px;
    padding-left: 14px;
    box-sizing: border-box;
    margin-bottom: 12px
}
/*直播留言*/
.m32 .a43 .b40 .c30 {
    width: calc(100% - 430px);
    height: auto;
    overflow: auto;
    float: right;
}

.rate2 {
    width: 100%;
    height: 550px;
    overflow: auto;
    overflow-x: hidden;
    background: #f0dbc4;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 12px 12px 0 0
}
    /*直播留言---總評價*/
    .rate2 .a22 {
        width: 100%;
        height: auto;
        overflow: hidden;
        background: #fffaf5;
        border: 1px solid #ffe1e1;
        padding: 12px 12px 12px;
        box-sizing: border-box;
        border-radius: 6px;
        margin-bottom: 25px
    }

        .rate2 .a22 .str4 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 400 32px/32px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
            float: left;
            color: #f7422f;
            text-align: center
        }

            .rate2 .a22 .str4 span {
                font: 400 18px/32px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #f7422f;
            }

            .rate2 .a22 .str4 img {
                width: auto;
                height: 20px;
                padding-top: 6px;
                vertical-align: top;
                margin-right: 0px
            }

        .rate2 .a22 .t49 {
            width: 100%;
            height: 26px;
            overflow: hidden;
            text-align: center;
            font: 400 16px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #555;
        }
    /*整體品價---買家評價單體*/
    .rate2 .a23 {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .rate2 .a23 .ls23 {
            width: 100%;
            height: auto;
            overflow: hidden;
            border-bottom: 1px solid #d6ad92;
            padding: 0 0 10px;
            margin-bottom: 10px;
            box-sizing: border-box;
        }

            .rate2 .a23 .ls23 .use1 {
                width: 100%;
                height: 50px;
                overflow: hidden;
                float: left;
                margin-bottom: 4px
            }

                .rate2 .a23 .ls23 .use1 .im13 {
                    width: 50px;
                    height: 50px;
                    overflow: hidden;
                    float: left;
                    border-radius: 100px
                }

                    .rate2 .a23 .ls23 .use1 .im13 img {
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                    }

            .rate2 .a23 .ls23 .nm1 {
                width: calc(100% - 70px);
                height: 50px;
                overflow: hidden;
                float: right;
                font: 500 18px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
            }
            /*整體品價---買家評價單體---回覆紀錄*/
            .rate2 .a23 .ls23 .b19 {
                width: 100%;
                height: auto;
                overflow: hidden;
                padding-left: 70px;
                box-sizing: border-box;
            }

                .rate2 .a23 .ls23 .b19 .str5 {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    margin-bottom: 4px
                }

                    .rate2 .a23 .ls23 .b19 .str5 img {
                        width: auto;
                        height: 18px;
                        padding-top: 6px;
                        vertical-align: top;
                        margin-right: 0px
                    }

                .rate2 .a23 .ls23 .b19 .t50 {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    font: 400 16px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #111;
                    margin-bottom: 6px
                }

                .rate2 .a23 .ls23 .b19 .t51 {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    font: 400 16px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #555;
                    margin-bottom: 6px
                }

                .rate2 .a23 .ls23 .b19 .dt1 {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    font: 400 15px/26px arial,'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #555;
                    margin-bottom: 12px
                }

                .rate2 .a23 .ls23 .b19 .c8 {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    margin-bottom: 10px
                }


/*整體品價---買家評價單體---回覆輸入區*/

.reply1 {
    width: 100%;
    height: 120px;
    overflow: auto;
    overflow-x: hidden;
    background: #feecea;
    box-sizing: border-box;
    border-radius: 0 0 12px 12px;
    padding: 20px;
    position: relative
}

    .reply1 .in12 {
        width: calc(100% - 80px);
        height: 80px;
        float: left;
        display: block;
        font: 500 18px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        border: 1px solid #ccc;
        resize: none;
        padding: 6px 8px;
        box-sizing: border-box;
        border-radius: 4px 0 0 4px;
        border-right: 0;
        box-shadow: 3px 0px 8px rgba(0,0,0,0.25) inset
    }

    .reply1 .bt33 {
        width: 80px;
        height: 80px;
        overflow: hidden;
        text-align: center;
        border-radius: 0;
        border: 0px solid #e95377;
        transition: all 0.3s;
        float: right
    }

        .reply1 .bt33:hover {
            transition: all 0.3s;
            filter: brightness(150%)
        }

        .reply1 .bt33 a {
            width: 100%;
            height: 100%;
            overflow: hidden;
            box-sizing: border-box;
            font: 700 22px/32px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #fff;
            text-align: center;
            display: block;
            background: #f7422f;
            border-radius: 0 4px 4px 0;
            padding-top: 6px
        }

            .reply1 .bt33 a h4 {
                color: #f7422f
            }


    /*整體品價---買家評價單體---回覆輸入前登入介面*/
    .reply1 .cv1 {
        width: 100%;
        height: 120px;
        overflow: auto;
        overflow-x: hidden;
        background: rgba(0,0,0,.5);
        position: absolute;
        top: 0;
        left: 0
    }
    /*整體品價---買家評價單體---登入按鈕*/
    .reply1 .bt34 {
        width: 200px;
        height: 60px;
        overflow: hidden;
        text-align: center;
        border-radius: 8px;
        margin: 30px auto;
        box-shadow: 0px 0px 10px rgba(0,0,0,.35)
    }

        .reply1 .bt34:hover {
            transition: all 0.3s;
            filter: brightness(150%)
        }

        .reply1 .bt34 a {
            width: 100%;
            height: 100%;
            overflow: hidden;
            box-sizing: border-box;
            font: 700 26px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";
            color: #fff;
            text-align: center;
            display: block;
            background: #f7422f;
            border-radius: 8px;
        }

/*20251228海選活動*/
.bg3 {
    background: url("../../images/special03/bg1.jpg") no-repeat center top/cover;
    background-attachment: fixed
}

.bn6-3 {
    width: 100%;
    height: 900px;
    overflow: hidden;
    background: url("../../images/special03/bn1.png") no-repeat center top/cover;
}

/*20251228海選活動----活動介紹介面*/
.m33 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .m33 .a44 {
        width: 100%px;
        height: auto;
        overflow: hidden;
        padding: 0 0 40px
    }

        .m33 .a44 .b41 {
            width: 900px;
            min-height: 100px;
            height: auto;
            overflow: hidden;
            position: relative;
            padding: 50px 20px;
            margin: 0 auto;
        }

            .m33 .a44 .b41 .tt4 {
                min-width: 50px;
                height: auto;
                overflow: hidden;
                font: 800 42px/76px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #111;
                text-align: justify;
                text-justify: inter-ideograph;
                border: 4px solid #f7422f;
                border-radius: 12px;
                padding: 0 25px 4px;
                box-sizing: border-box;
                box-shadow: 6px 6px 0px #f7422f;
                background: #fff;
                position: absolute;
                left: 60px;
                top: 0
            }

                .m33 .a44 .b41 .tt4 img {
                    width: auto;
                    height: 42px;
                    padding-bottom: 4px;
                    vertical-align: middle;
                    margin-right: 10px
                }

            .m33 .a44 .b41 .c31 {
                width: 100%;
                min-height: 100px;
                height: auto;
                overflow: hidden;
                border: 4px solid #f7422f;
                border-radius: 16px;
                padding: 60px 42px 42px;
                box-sizing: border-box;
                box-shadow: 18px 18px 0px #f7422f;
                background: #fff
            }

                .m33 .a44 .b41 .c31 .t141 {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    font: 400 20px/32px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #111;
                    text-align: justify;
                    text-justify: inter-ideograph;
                    box-sizing: border-box;
                }

                    .m33 .a44 .b41 .c31 .t141 a {
                        font: 400 20px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #111;
                        text-decoration: underline
                    }

                    .m33 .a44 .b41 .c31 .t141 a {
                        color: #f7422f;
                    }

                    .m33 .a44 .b41 .c31 .t141 span {
                        width: auto;
                        height: auto;
                        overflow: hidden;
                        font: 700 28px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #111;
                        margin-bottom: 0px;
                        display: inline-block
                    }

                    .m33 .a44 .b41 .c31 .t141 ul {
                        padding-left: 30px;
                    }

                        .m33 .a44 .b41 .c31 .t141 ul li {
                            list-style: outside;
                            list-style-type: disc
                        }

                /*20251228海選活動----活動介紹介面--海選規則*/
                .m33 .a44 .b41 .c31 .t142 {
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    font: 400 20px/32px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                    color: #111;
                    text-align: justify;
                    text-justify: inter-ideograph;
                    box-sizing: border-box;
                }

                    .m33 .a44 .b41 .c31 .t142 a {
                        font: 400 20px/32px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #111;
                        text-decoration: underline
                    }

                    .m33 .a44 .b41 .c31 .t142 a {
                        color: #f7422f;
                    }

                    .m33 .a44 .b41 .c31 .t142 span {
                        width: auto;
                        height: auto;
                        overflow: hidden;
                        font: 700 28px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                        color: #111;
                        margin-bottom: 0px;
                        display: inline-block
                    }

                    .m33 .a44 .b41 .c31 .t142 > ul {
                        padding-left: 30px;
                    }

                        .m33 .a44 .b41 .c31 .t142 > ul > li {
                            list-style: outside;
                            list-style-type: decimal
                        }

                            .m33 .a44 .b41 .c31 .t142 > ul > li > ul {
                                padding-left: 30px;
                            }

                                .m33 .a44 .b41 .c31 .t142 > ul > li > ul > li {
                                    list-style: outside;
                                    list-style-type: lower-latin
                                }


/*special_03.asp-----TOP區域*/
.m34 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: rgba(0,0,0,0);
    position: fixed;
    z-index: 99
}

.m34x {
    width: 100%;
    height: 0;
    overflow: hidden;
}

.m34 .a45 {
    width: 1200px;
    height: 90px;
    overflow: hidden;
    margin: 0 auto;
}

    .m34 .a45 .lg5 {
        width: auto;
        height: 40px;
        overflow: hidden;
        float: left;
        margin-top: 25px
    }

        .m34 .a45 .lg5 img {
            width: auto;
            height: 100%;
        }

    .m34 .a45 .b42 {
        width: calc(100% - 200px);
        height: 70px;
        overflow: hidden;
        float: right;
        text-align: right;
        margin-top: 10px
    }

        .m34 .a45 .b42 .t143 {
            width: auto;
            height: 70px;
            display: inline-block;
            margin: 0 18px
        }

            .m34 .a45 .b42 .t143 a {
                width: auto;
                height: 70px;
                font: 400 18px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";
                color: #fff;
                display: block;
            }

                .m34 .a45 .b42 .t143 a:hover {
                    border: 0px solid #c1a062;
                    transition: all 0.3s;
                    text-decoration: underline;
                    color: #f7422f
                }

            .m34 .a45 .b42 .t143 img {
                width: auto;
                height: 32px;
                padding-bottom: 4px;
                vertical-align: middle;
                margin-right: 8px
            }

.m34b {
    background: rgba(0,0,0,.8);
    box-shadow: 0 2px 8px rgba(0,0,0,.6);
    opacity: 0;
    transition: all 0.3s;
    height: 0
}

.top-bar {
    opacity: 1;
    transition: all 0.3s;
    height: auto
}

/*special_03.asp-----活動介紹介面--圖片*/
.m35 {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2
}

    .m35 .a46 {
        width: 100%px;
        height: 300px;
        padding: 0 0 0
    }

        .m35 .a46 .im34 {
            width: 990px;
            height: auto;
            overflow: hidden;
            margin: -80px auto 0
        }

            .m35 .a46 .im34 img {
                width: 100%;
                height: auto;
                overflow: hidden;
            }

/*special_03.asp-----報名按鈕*/

.bt32 {
    width: 284px;
    height: 291px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    border-radius: 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    position: fixed;
    bottom: 80px;
    right: -8px;
    z-index: 99;
    background: url("../../images/special03/im2.png") center/100% 100%;
    animation: go1 0.5s ease-out 0s infinite alternate;
    animation-fill-mode: forwards;
    animation-paly-state: running;
}

    .bt32:hover {
        transition: all 0.3s;
        filter: brightness(150%)
    }

    .bt32 a {
        width: 100%;
        height: 100%;
        overflow: hidden;
        padding: 120px 0 0;
        box-sizing: border-box;
        font: 700 34px/39px 'Noto Sans TC',"Century Gothic","微軟正黑體";
        color: #111;
        text-align: center;
        display: block;
    }

        .bt32 a h4 {
            color: #f7422f
        }


@keyframes go1 {
    0% {
        transform: scale(1.00)
    }

    100% {
        transform: scale(1.05)
    }
}