/*****************最上面(灰色)*****************/

@media (max-width :1000px) {

    body {
        width: 100%;
    }

    /*鑽上面*/
    #topNav {
        flex-wrap: wrap;
        width: 100%;
    }

    #page {
        height: 58px !important;
        position: relative;
    }

    .quick-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

        position: unset !important;
        top: unset !important;
        right: unset !important;
        width: 100% !important;
    }

    #google_translate_element {
        position: absolute;
        right: 10px;
        top: 5px;
    }



}


@media (max-width: 510px) {
    #page {
        height: 80px !important;
    }
}

/****************************************************首頁.css******************************************************/

@media (max-width:1000px) {
    #header {
        width: 100% !important;
        margin-top: 1rem;
    }

    #header #shop-logo {
        float: none !important;
        margin: auto !important;
    }

    #header .shop-wrap {
        float: none !important;
        margin: auto !important;
    }

    .ncsl-nav {
        margin-top: 2rem !important;
        width: 100% !important;
    }

    .ncsl-nav .banner a img {
        width: 100% !important;
    }

    .ncsl-nav #nav {
        width: 100% !important;
    }

    .ncg-list .content ul {
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
    }

    .ncg-list .content ul li {
        width: 196px !important;
    }


    #content {
        width: 100% !important;

    }

    #content .layout {
        grid-template-columns: 1fr 2.5fr;

        display: grid;
    }

    .expanded .nc-goods-main {
        grid-column: 2/3;
        width: 600px !important;
        float: none !important;
        grid-row: 1/3;
    }

    .expanded .nc-sidebar {
        grid-column: 1/2;
        float: none !important;
        grid-row: 1/2;


        margin: auto !important;
    }

    .ncg-list .content {
        width: 600px !important;
    }

    .flexslider .slides img {
        width: 600px !important;
    }

    .flexslider {
        width: 100% !important;
    }




    #footer {
        width: 100% !important;
    }


}


@media (max-width:820px) {
    .ncg-list .content {
        width: 500px !important;
        margin: auto !important;
    }

    .expanded .nc-goods-main {
        width: 500px !important;
    }

    .ncg-list .content ul li {
        width: 50% !important;
    }

}

@media (max-width: 736px) {
    .ncg-list .content {
        width: 400px !important;
        margin: auto !important;
    }

    .expanded .nc-goods-main {
        width: 450px !important;
    }

    .ncg-list .content ul li {
        width: 50% !important;
    }

    #content .layout {
        grid-template-columns: 1fr 1.5fr;
    }
}


@media(max-width:670px) {
    #header .shop-wrap {
        width: 325px !important;
        position: relative;
        left: 25px;
    }

    .expanded .nc-sidebar {
        width: 100% !important;
        display: block !important;
    }

    .nc-s-c-s1.ncs-top-bar.mt10 {
        position: relative;
        bottom: 10px;
    }

    .nc-s-c-s1.ncs-search-bar.mt10 {
    }

    .nc-s-c-s1.ncs-class-bar.mt10 {
    }

    .nc-s-c-s1.ncs-link-bar.mt10 {
        position: relative;
        bottom: 10px;
    }

    .nc-s-c-s1.ncs-message-bar {
    }

    #content .layout {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 5fr;
        justify-content: center;

    }

    .expanded .nc-sidebar {
        position: relative !important;
        grid-row: 1/2;
    }

    .expanded .nc-goods-main {
        margin: 0 auto !important;
        grid-column: 1/2;
        grid-row: 2/3;
    }

    #header .shop-wrap {
        width: 325px !important;
        position: relative;
        left: 25px;
    }

    .ncg-list .content {
        width: 250px !important;
        margin: auto !important;
    }

    .expanded .nc-goods-main {
        width: 96% !important;
    }

    .ncg-list .content ul li {
        width: 100% !important;
    }

    #content .layout {
        grid-template-columns: 1fr 1fr;

    }



}

@media (max-width:460px) {
    .expanded .nc-goods-main {
        width: 75% !important;
    }

    .ncg-list .content {
        width: 100% !important;
    }

}


/****************************************************信用評價.css******************************************************/

@media (max-width:1000px) {
    .nc-s-c-s2.mt10 .ncs-rate {
        margin: 0 !important;
    }

    .nc-s-c-s3 .content .ncs-loading .nc-comment {
        width: 100% !important;
    }


}

@media (max-width:820px) {
    .nc-s-c-s2 .content {
        height: 405px;
    }

    .ncs-evaluation-tb {
        height: 100%;
    }

    .nc-s-c-s2.mt10 {
        position: relative;
        right: 150px;
    }

    .nc-s-c-s2.mt10 .content {
        height: unset !important;
    }
}

@media (max-width:736px) {



    .nc-s-c-s2.mt10 {
        right: 90px;

    }

    .nc-s-c-s2.mt10 .content {
        width: 320px !important;
    }

    .ncs-rate-tab li a {
        width: 280px !important;

    }

    .nc-s-c-s2.mt10 .ncs-rate {
        width: 320px !important;
        display: grid !important;
        grid-template-columns: 1fr 1.15fr;
        grid-template-rows: 1fr 1fr;
    }

    .nc-s-c-s2.mt10 .title {
        width: 320px !important;

    }

    .ncs-rate-tab {
        grid-row: 1/2;
        grid-column: 1/3;
        width: 320px !important;
    }

    .ncs-rate-icos {
        grid-row: 2/3;
        grid-column: 1/2;
    }

    .ncs-rate-panel {
        width: 160px !important;
        grid-row: 2/3;
        grid-column: 2/3;
    }

}

@media (max-width:670px) {
    .nc-s-c-s2.mt10 {
        right: 150px;
    }

    .nc-s-c-s2 {
        width: 80% !important;
    }



}

/*************************************************店內詳情.css********************************************************/

@media (max-width:1000px) {
    .nc-goods-main {
        width: 100% !important;
        grid-column: 1/3;

    }

    .nc-s-c-s3 .content .content.pt10.pb20 {
        width: 100% !important;

    }

    .module_special.ncs-map {
        /* width: 80% !important; */
        /* height: 300px !important; */
    }


}

@media (max-width:790px) {
    #topNav { width: 100%; }
    #header { width: 100%; }
    #content { width: 100%; }
    .nc-s-c-s3 .content .content.pt10.pb20 { width: 100%; }
    .nc-s-c-s3 .content .ncu-intro { width: 100%; }
    .ncu-intro .content { width: 100%; word-wrap: break-word; }
    dl.ncu-shop-info { width: 100%; }
    .ncu-intro .top { width: 100%; }
    .flexslider { display: none !important; }
}
    .nc-s-c-s3 .content .ncu-intro {
        width: 500px !important;
    }

    .ncu-intro .content {
        width: 450px !important;
    }

    dl.ncu-shop-info {
        width: 500px !important;
    }

    dl.ncu-shop-info dd.qrcode {
        float: none !important;
        position: absolute;
        right: 4rem;
    }
    */

    .nc-s-c-s3 .content .content.pt10.pb20 {
        width: 96% !important;
        margin: auto !important;
    }

    .nc-s-c-s3 .content .ncu-intro {
        width: 100% !important;
    }

    .ncu-intro .content {
        width: 96% !important;
        margin: auto !important;
    }

    dl.ncu-shop-info {
        width: 100% !important;
    }

    dl.ncu-shop-info dd.qrcode {
        float: none !important;
        position: unset;
        right: unset;
        text-align: center;
    }

    dl.ncu-shop-info dd.base {
        margin: 20px 0 5px 0px;
        text-align: center;
    }

    .ncu-intro .top {
        width: 100% !important;
    }

    .ncu-intro .top {
        width: 400px !important;
    }

    

    dl.ncu-shop-info {
        width: 300px !important;
    }

    dl.ncu-shop-info dd.base {
        margin: 20px 0 5px 41px;
    }

    dl.ncu-shop-info dd.qrcode {}


@media(max-width:430px) {
    .ncu-intro .top {
        width: 350px !important;
    }

    .nc-s-c-s3 .content .ncu-intro {
        width: 250px !important;
    }

    .ncu-intro .content {
        width: 200px !important;
    }

    dl.ncu-shop-info {
        width: 250px !important;
    }

    dl.nus-contact {
        width: 165px !important;
    }

    dl.ncu-shop-info dt {
        position: relative;
        right: 30px;
    }

}


/****************************************************商品.css******************************************************/




@media (max-width:1000px) {
    #content .nc-detail-bd .ncs-info {
        float: none !important;
        width: 600px !important;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 5rem auto;
    }

    .ncsl-nav .banner a.img {
        width: 100% !important;
    }

    .ncs-default-banner {
        width: 100% !important;
    }

    .nc-detail-hd {
        width: 100% !important;
    }


    .nc-s-c-s4.ncg-intro .default p img {
        width: 100% !important;
        height: unset !important;
    }

    .nc-s-c-s4.ncg-intro .default {
        width: 100% !important;
        padding: 0 !important;
    }

    #main-nav {
        width: 100% !important;
    }

    .ncsl-nav #nav ul {
        width: 100% !important;
    }

    .nc-detail-hd h3 {
        width: 100% !important;
    }
}


@media (max-width:1000px) {
    .ncg-com-list .content ul {
        display: flex;
        flex-wrap: wrap;
    }

    .ncg-com-list .content ul li {
        margin: 0 30px;
    }
}


@media (max-width:800px) {
    .nc-gallery {
        margin: auto !important;
        float: none !important;
    }

    .nc-wrap {
        margin: auto !important;
        float: none !important;
    }



    .nc-s-c-s2 .content {
        width: 100% !important;
    }

    .ncg-com-list .content ul li {
        width: 200px !important;
    }

    .nc-s-c-s2.ncg-com-list .content {
        height: unset !important;
    }

    .nc-s-c-s4 .content table tbody tr {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        box-sizing: border-box;
    }


}


@media (max-width:750px) {
    .expanded.sticky .switch-bar {
        position: fixed;
        left: 202px !important;
        z-index: 1;
    }

    .layout.expanded.sticky .nc-sidebar {
        position: fixed !important;
        left: 0;
        top: 3rem;
        z-index: 10;
    }


    .expanded .nc-sidebar {
        width: 180px !important;
    }
}


@media (max-width:670px) {
    .tabbar ul li a {
        padding: 5px 12px !important;
    }


    .nc-g-r th dl dt {
        width: 100% !important;
    }

    .nc-g-r th dl {
        width: 300px !important;
    }


}

@media (max-width:635px) {
    .expanded.sticky .switch-bar {
        display: none;
    }

    .expanded .switch-bar {
        display: none !important;
    }
}

@media (max-width:615px) {
    .layout.expanded.sticky .nc-sidebar {
        position: relative !important;
    }


}

@media (max-width:530px) {
    .expanded .nc-goods-main {}
}



@media (max-width :550px) {


    .nc-g-r th dl {
        width: 100% !important;
    }

    #content .nc-detail-bd .ncs-info {
        width: 90% !important;
    }

    .nc-s-c-s4 .content table {
        width: 100% !important;
        box-sizing: border-box;
    }

    .nc-wrap {
        width: 300px !important;
    }

    .nc-meta dl dd,
    .nc-key dl dd,
    .nc-pay dl dd {
        width: 100% !important;
    }

    .nc-inform span {
        top: -11px !important;
    }
}


@media (max-width:480px) {
    .expanded .nc-goods-main {
        width: 100% !important;
    }
}


@media (max-width: 370px) {
    .ncs-search-bar, .ncs-class-bar, .ncs-top-bar, .nc-s-c-s1.ncs-message-bar, #goodseval, .ncg-salelog {
        display: none !important;
    }
    .ncs-search tr, .ncs-search th, .ncs-search td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .ncs-search input[type="text"] {
        width: 100% !important;
        box-sizing: border-box;
    }
    .expanded .nc-goods-main {
        grid-row: 1/1; /* 調整為只佔用第一行 */
        width: 100% !important;
    }
    /* 移除之前的負邊距，並確保沒有底部邊距 */
    .nc-s-c-s4.ncg-guestbook {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    /* 確保商品詳情區塊沒有底部邊距 */
    .nc-s-c-s4.ncg-intro {
        margin-bottom: 0 !important;
    }
}




/*****************************************************/
@media (max-width: 1000px) {
    .nc-s-c-s4.ncg-intro .default img {
        width: 100% !important;
        height: unset !important;
    }
}