﻿
.bgt1 {
    width: 1200px;
    height: auto;
    overflow: hidden;
    font: 700 42px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
    color: #333;
    margin: 0 auto 40px;
    letter-spacing: -1px;
    padding: 0 0 0 15px;
}

.bgt1-3 {
    background: none;
    text-align: center;
    padding: 40px 0 0
}

.bgt1-4 {
    width: 100%;
    background: none;
    text-align: center;
    padding: 40px 0 0;
    color: #111;
    text-shadow: 0 2px 6px rgba(0,0,0,.0);
    margin: 0 auto 20px;
}


.m141 {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 0px solid #ddd;
    margin-bottom: 100px
}

    .m141 .a82 {
        width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        padding: 0 0
    }

        .m141 .a82 .b141 {
            width: 100%;
            height: auto;
            overflow: hidden;
        }

            .m141 .a82 .b141 .bn3 {
                width: 100%;
                height: auto;
                overflow: hidden;
                margin-bottom: 30px
            }

            .m141 .a82 .b141
            .bn3 {
                width: 100%;
                height: 500px;
                overflow: hidden;
            }

.bn3 a {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 30px;
    display: block;
    background: url(../../images/pd/bnr1.jpg) no-repeat center/cover
}

.bgt8 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 500 42px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
    color: #000;
    margin: 0 auto 0;
    text-align: center;
}

.bgt8-2 {
    margin: 0 auto 60px;
}

.bgt8 h4 {
    font: 400 19px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
    color: #111;
    margin: 20px 0 40px;
    text-align: center;
    letter-spacing: -.5px
}


.m141 .a82 .b141 .bn3 a {
    cursor: auto
}

.m141 .a82 .b141 .bn3 img {
    width: 100%;
    height: auto;
}

.m142 {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 0px solid #ddd;
    margin-bottom: 100px
}

    .m142 .a83 {
        width: 1240px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }

        .m142 .a83 .b142 {
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 20px;
            box-sizing: border-box;
        }

            .m142 .a83 .b142 .ls31 {
                width: 31.33%;
                height: auto;
                overflow: hidden;
                margin: 0 3% 30px 0;
                float: left;
                background: rgba(255,255,255,1);
                box-shadow: 0 2px 10px rgba(0,0,0,.25);
                padding: 0;
                border-radius: 10px;
                box-sizing: border-box;
            }

            .m142 .a83 .b142 .ls31-2 {
                margin: 0 0 30px 0
            }

            .m142 .a83 .b142 .ls31 a {
                width: 100%;
                height: auto;
                overflow: hidden;
                display: block
            }

                .m142 .a83 .b142 .ls31 a:hover {
                    background: #f0f0f0
                }

            .m142 .a83 .b142 .ls31 > a .im40 {
                width: 100%;
                height: 226px;
                overflow: hidden;
                margin-bottom: 10px
            }

                .m142 .a83 .b142 .ls31 > a .im40 img {
                    width: 100%;
                    height: auto;
                    transition: all 0.8s;
                }

            .m142 .a83 .b142 .ls31 > a:hover .im40 img {
                transform: rotate(0deg) scale(1.05);
                transition: all 0.3s;
            }

            .m142 .a83 .b142 .ls31 > a .t88 {
                width: 96%;
                height: auto;
                overflow: hidden;
                box-sizing: border-box;
                font: 500 24px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
                color: #000;
                text-align: center;
                transition: all 0.3s;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin: 0 auto 15px
            }

            .m142 .a83 .b142 .ls31 > a:hover .t88 {
                color: #666;
                transition: all 0.3s
            }

.bt22 {
    width: 120px;
    height: 40px;
    font: 300 18px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 100px;
    padding: 0 0;
    border: 0px solid #e95377;
    transition: all 0.3s;
    margin: 0 auto 30px;
    background: #111
}

    .bt22 img {
        width: auto;
        height: 28px;
        display: inline-block;
        padding: 0 0 4px;
        margin-right: 6px;
    }

    .bt22:hover {
        background: #663366;
        border: 0px solid #3577c1;
        transition: all 0.3s
    }

    .bt22 a {
        width: 100%;
        height: 40px;
        font: 300 18px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
        color: #fff;
        display: block;
        border-radius: 6px;
        background: #111;
    }

        .bt22 a:hover {
            background: #c00;
            border: 0px solid #3577c1;
            transition: all 0.3s;
        }

.m112 {
    width: 100%;
    height: auto;
    overflow: hidden;
}
/*商品內頁----麵包屑*/
.gd1 {
    width: 1200px;
    height: auto;
    overflow: hidden;
    font: 500 24px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
    text-align: left;
    letter-spacing: -.5px;
    color: #333;
    margin: 20px auto 40px
}

    .gd1 span {
        font: 300 20px/30px 'Noto Sans TC','Noto Sans SC', "新細明體";
        color: #666;
    }

    .gd1 a {
        font: 300 20px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
        color: #666;
    }

        .gd1 a:hover {
            color: #12b4af;
        }
/*商品內頁--商品圖+文空間*/
.m112 .a61 {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto
}
    /*商品內頁--左半邊*/
    .m112 .a61 .b125 {
        width: 40%;
        height: auto;
        overflow: hidden;
        margin: 0 3% 60px 0;
        float: left
    }
        /*商品內頁--左半邊主圖*/
        .m112 .a61 .b125 .im21 {
            width: 100%;
            height: auto;
            overflow: hidden;
            margin: 0 5% 2px 0
        }

            .m112 .a61 .b125 .im21 > img {
                width: 100%;
                height: auto;
            }
        /*商品內頁--左半邊主圖---切換圖片*/
        .m112 .a61 .b125 .c46 {
            width: 100%;
            height: auto;
            overflow: hidden;
        }

            .m112 .a61 .b125 .c46 .im22 {
                width: 31.33%;
                height: auto;
                overflow: hidden;
                float: left;
                padding: 8px 0 0;
                margin: 0 1%
            }

                .m112 .a61 .b125 .c46 .im22 img {
                    width: 100%;
                    height: auto;
                }
    /*商品內頁--右半邊---標題*/
    .m112 .a61 .b126 {
        width: 55%;
        height: auto;
        overflow: hidden;
        float: left;
        margin-bottom: 40px
    }

        .m112 .a61 .b126 .t54 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 700 42px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
            color: #333;
            letter-spacing: -2px;
            margin: 0 0 10px
        }
        /*商品內頁--右半邊---簡介*/
        .m112 .a61 .b126 .t55 {
            width: 100%;
            height: auto;
            overflow: hidden;
            font: 500 18px/28px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
            color: #555;
            text-align: justify;
            text-justify: inter-ideograph;
            margin-bottom: 20px
        }
            /*商品內頁--右半邊---簡介--副標題*/
            .m112 .a61 .b126 .t55 h4 {
                font: 700 24px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
                color: #333;
                letter-spacing: -2px;
                margin-bottom: 5px
            }
    /*商品內頁----下方頁籤*/
    .m112 .a61 .b127 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto 25px;
        padding: 20px 0 0
    }

        .m112 .a61 .b127 .c47 {
            width: 100%;
            height: 60px;
            overflow: hidden;
            background: linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat center bottom/ 100% 1px;
            text-align: center;
            margin: 0 auto;
        }

            .m112 .a61 .b127 .c47 .ls16 {
                width: auto;
                height: 60px;
                overflow: hidden;
                margin: 0 1px;
                display: inline;
            }

                .m112 .a61 .b127 .c47 .ls16 a {
                    width: auto;
                    height: 58px;
                    overflow: hidden;
                    font: 500 24px/58px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
                    display: inline-block;
                    background: #fefefe;
                    padding: 0 3%;
                    box-shadow: 0 -3px 8px rgba(0,0,0,.15) inset;
                    border-radius: 6px 6px 0 0;
                    border: 1px solid #ccc;
                    vertical-align: top;
                    border-bottom: 0;
                    color: #999
                }

                    .m112 .a61 .b127 .c47 .ls16 a:hover {
                        background: #eee;
                        color: #333
                    }

                    .m112 .a61 .b127 .c47 .ls16 a:focus {
                        background: #ddd;
                        color: #000
                    }

                    .m112 .a61 .b127 .c47 .ls16 a.active {
                        background: #fff;
                        color: #333;
                        line-height: 60px;
                        box-shadow: 0 -2px 8px rgba(0,0,0,0) inset;
                        border: 1px solid #aaa;
                        height: 59px;
                    }

                        .m112 .a61 .b127 .c47 .ls16 a.active:before {
                            font: 500 28px/39px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
                            content: '★';
                            margin-right: 0px;
                            display: inline;
                            vertical-align: baseline;
                        }

            .m112 .a61 .b127 .c47 .ls16 {
                width: auto;
                height: 60px;
                overflow: hidden;
                margin: 0 1px;
                display: inline;
            }

        .m112 .a61 .b127 .c48 {
            width: 96%;
            height: auto;
            overflow: hidden;
            font: 500 18px/24px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
            padding: 20px 0;
            margin: 0 auto
        }

            .m112 .a61 .b127 .c48 ul {
                padding-left: 20px;
            }

                .m112 .a61 .b127 .c48 ul li {
                    list-style: outside;
                    list-style-type: disc
                }

.b128 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 40px auto;
    text-align: center
}
    /*20201211-回商品列表按鈕*/
    .b128
    .bt15 {
        width: 300px;
        height: auto;
        font: 500 24px/70px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
        color: #333;
        display: inline-block;
        text-align: center;
        border-radius: 100px;
        padding: 0;
        border: 0px solid #aaa;
        transition: all 0.3s;
        margin: 0 auto 0;
    }

        .b128
        .bt15 img {
            width: auto;
            height: 28px;
            display: inline-block;
            padding: 0 0 4px;
            margin-right: 4px;
        }

        .b128
        .bt15:hover {
            transition: all 0.3s
        }

        .b128
        .bt15 a {
            width: 100%;
            height: 54px;
            font: 500 24px/52px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";
            color: #fff;
            display: block;
            border-radius: 2px;
            background: #333
        }

            .b128
            .bt15 a:hover {
                background: #555;
                border: 0px solid #555;
                transition: all 0.3s;
            }

    .b128
    .bt15 {
        width: 300px;
    }