.header+ul {
    display: none
}

/* #tab_list-in-t .order_change,
#tab_list-in-t .order_change .np {
    display: block
} */

@media only screen and (max-width:1210px) {
    #container-r2 {
        display: none
    }

    .npw1210 {
        display: none
    }

    .tab-total_inquiry .list-select .sizebz {
        width: 24.9%
    }

    .tab-total_inquiry .list-select .xctm {
        width: 24.9%
    }
}

@media only screen and (max-width:960px) {
    #container-l {
        width: 100%;
        position: absolute;
        top: 0;
        z-index: 99999999;
        display: none
    }

    #tagfly {
        display: none !important;
    }

    #filter_show {
        display: none
    }

    #show_nav_category {
        display: none
    }

    #category_fast {
        padding-top: 0
    }

    .new-product-block .product-grid li .pro-img img {
        height: auto
    }

    #tab_goods-in img {
        height: auto
    }

    #syf_sub {
        width: 50%;
        display: block;
        font-size: 16pt;
        position: fixed;
        top: 0;
        left: -9999px;
        background: url(/images/mobile_menu_back.png);
        overflow: auto;
        bottom: 0;
        z-index: 9999;
        position: fixed;
        background-size: contain
    }

    #syf_sub .tittle {
        background: rgba(255, 255, 255, .12);
        padding: inherit
    }

    #syf_sub>li.tittle {
        height: 35px;
        display: flex;
        align-items: center;
        padding: 0 5px;
        position: fixed;
        width: 50%;
        top: 0;
        z-index: 9999;
        background: background:#939393;
        background: -moz-linear-gradient(left, #939393 0%, #939393 96%, #757575 100%);
        background: -webkit-linear-gradient(left, #939393 0%, #939393 96%, #757575 100%);
        background: linear-gradient(to right, #939393 0%, #939393 96%, #757575 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#939393', endColorstr='#757575', GradientType=1)
    }

    #syf_sub .XXX {
        position: absolute;
        font-size: 1.5em;
        width: 36px;
        height: 34px;
        right: 0;
        top: 0;
        background: url(/images/btn/prev.png);
        background-size: contain;
        background-color: rgba(131, 131, 131, .75);
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #b9b9b9;
        box-sizing: border-box;
        border-top: none;
        z-index: 99999999
    }

    #syf_sub>li:nth-child(2) {
        margin-top: 35px
    }

    #syf_sub>li {
        width: 100%;
        box-sizing: border-box;
        background: rgba(255, 255, 255, .12);
        border: none;
        border-bottom: 1px solid #8d8d8d;
        position: relative;
        padding-left: 5px;
        display: flex;
        font-size: .8em;
        align-items: flex-end;
        text-shadow: 1px 1px 2px #11005a;
        padding: 3% 0 3% 5%
    }

    #syf_sub .menu_btn li {
        padding: 3% 0 3% 5%
    }

    #syf_sub .sub {
        line-height: inherit;
        padding-left: 5px;
        cursor: pointer;
        background: none !important
    }

    #syf_sub .sub h3 {
        color: #fff !important;
        text-shadow: 1px 1px 2px #11005a;
        margin: 0
    }

    #syf_sub .sub b {
        display: none
    }

    #syf_sub li {
        color: #fff
    }

    #syf_sub>li span {
        font-size: .9em;
        margin-left: 3px;
        text-shadow: 1px 1px 2px #af4c4c
    }

    #syf_sub .sub:after {
        background: none !important;
        content: "+" !important;
        position: absolute !important;
        right: 6px !important;
        top: calc(50% - 9px) !important;
        width: 16px !important;
        height: 16px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 1.2em
    }

    #syf_sub>li.active:after {
        content: "-" !important
    }

    #syf_sub>li.active {
        background-color: rgba(255, 255, 255, .35)
    }

    #syf_category {
        width: 50%;
        position: fixed;
        top: 0 !important;
        right: 0;
        left: 50%;
        bottom: 0;
        height: 100vh;
        overflow: auto;
        background: rgba(255, 255, 255, .74);
        display: none
    }

    #syf_category ul {
        background: none;
        width: 100%;
        flex-wrap: wrap
    }

    #syf_category ul>* {
        width: 100%
    }

    #syf_category ol {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        flex-flow: wrap;
        margin: 3px 0;
        background: #f4f4f4
    }

    #syf_category ol>li {
        padding: inherit
    }

    #syf_category ol>li {
        padding: 3% 2%;
        width: 50%;
        font-size: .75em;
        border: 1px solid #e5d9d9;
        margin: -1px -1px 0 0;
        box-sizing: border-box
    }

    #syf_category ul>li {
        background: none;
        color: #000
    }

    #container-l ul ul a:link {
        color: #000
    }

    #syf_category a {
        color: #000
    }

    .c-box {
        display: none;
        position: fixed;
        background: rgba(0, 0, 0, .3);
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 999
    }

    #player .flexslider .slides>li {
        display: none
    }

    .btn-addcart {
        display: none
    }

    #tab_list-in .pw {
        width: 100%
    }

    .order_change td {
        padding: 0 10px 0 5px
    }
}

@media only screen and (min-width:961px) and (max-width:1210px) {
    #container-m {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        padding-top: 10px;
        text-align: center
    }

    #container-s {
        width: 100%;
        max-width: 960px;
        margin: 0
    }

    #container-f {
        max-width: 960px
    }

    #header-dldg-area {
        width: 100%;
        max-width: 970px
    }

    #tab_list-in-dldg {
        max-width: 1028px
    }
}

@media only screen and (min-width:961px) and (max-width:1000px) {
    #container-r {
        max-width: 740px
    }

    #tab_list-in {
        max-width: 728px
    }

    #pro-list-dz {
        float: left;
        width: 100%;
        max-width: 100%;
        margin-top: 5px;
        margin-bottom: -20px
    }

    #pro-list-dz .tab {
        text-align: justify;
        margin: 0;
        width: 98%
    }

    #pro-list-dz .tab .tab-dz img {
        float: left;
        z-index: -1;
        width: 45vw;
        max-width: 355px;
        height: auto
    }

    .tab-goods-dldg {
        float: left;
        width: 95%;
        margin: 2.5%
    }

    .tab-goods-dldg .pic-list .tab li {
        width: 45.50%;
        margin: 2.10%
    }
}

@media only screen and (max-width:960px) {
    #container-r {
        overflow: hidden
    }
}

@media only screen and (min-width:855px) and (max-width:960px) {
    #np {
        display: none
    }

    .np {
        display: none
    }

    #ntidn {
        display: none
    }

    .plink-pc {
        display: none
    }

    .plink-mob {
        display: block
    }

    .ad-area,
    #ad01,
    #tab-ul {
        display: none
    }

    #container-m {
        width: 98%;
        max-width: 960px;
        margin: 0 1%
    }

    #container-r {
        float: left;
        width: 100%
    }

    #container-f {
        width: 100%;
        max-width: 960px;
        margin: 0
    }

    .member_login-tab {
        float: left;
        width: 96%;
        max-width: 960px;
        margin: 0 0%;
        height: auto;
        min-height: 20px;
        padding: 2%
    }

    .member_register-tab {
        float: left;
        width: 96%;
        height: auto;
        max-width: 960px;
        margin: 0 0%;
        height: auto;
        min-height: 20px;
        padding: 2%
    }

    #pro-list-dz {
        float: left;
        width: 100%;
        max-width: 100%;
        margin-top: 5px;
        margin-bottom: -20px
    }

    #pro-list-dz .tab {
        text-align: justify;
        margin: 2.0%;
        width: 96.0%
    }

    #pro-list-dz .tab .tab-dz img {
        float: left;
        z-index: -1;
        width: 45vw;
        max-width: 475px;
        height: auto
    }

    #tab_list-in-dldg {
        float: left;
        width: 100%;
        max-width: 960px;
        border: #dfdfdf 0 solid;
        padding: 0;
        margin: 0 0 10px 0
    }

    #pro-list-dldg {
        float: left;
        width: 100%;
        max-width: 100%;
        margin-top: 5px;
        margin-bottom: -20px
    }

    #pro-list-dldg .tab {
        margin: 1.0%;
        width: 98.0%
    }

    #pro-list-dldg .tab li {
        display: inline-block;
        width: 32.00%;
        padding: 0
    }

    #tab_goods-dldg {
        float: left;
        width: 100%;
        max-width: 958px;
        background: #fff;
        border: #dfdfdf 1px solid;
        padding: 0;
        margin: 0 0 10px 0
    }

    .tab-goods-dldg {
        float: left;
        width: 95%;
        margin: 2.5%
    }

    .tab-goods-dldg .pic-list .tab li {
        width: 45.50%;
        margin: 2.10%
    }

    .tab-total_inquiry {
        float: left;
        width: 98%;
        min-width: 480px;
        height: auto;
        background: #fff;
        border: #dfdfdf 0 solid;
        padding: 10px 1%
    }

    .tab-total_inquiry .list-5f {
        width: 19.0%;
        margin: 0 .5%;
        font-size: .80em
    }

    .tab-total_inquiry .list-select ul li {
        float: left;
        width: 100%;
        height: auto;
        margin: .5% 0
    }

    .tab-total_inquiry .list-select ul li ul {
        float: left;
        width: 100%;
        height: auto;
        padding: 1% 0;
        background: #e8f5ff
    }

    .tab-total_inquiry .list-select .rwd960 {
        display: block;
        color: #989898
    }

    .tab-total_inquiry .list-select .pname {
        float: left;
        width: 49%;
        height: 25px;
        margin: .5%;
        text-align: left;
        color: #231815;
        font-size: 1.05em;
        line-height: 1.25em
    }

    .tab-total_inquiry .list-select .pname .ptitle {
        float: left;
        text-align: right;
        width: 18%;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .pname .text {
        float: left;
        width: 78%;
        margin: 1%;
        text-align: left;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .pnum {
        float: left;
        width: 49%;
        height: 25px;
        margin: .5%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .pnum .ptitle {
        float: left;
        text-align: right;
        width: 18%;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .pnum .numin {
        float: left;
        width: 25%;
        margin: 1%;
        padding: 3px 2%;
        text-align: left;
        2.00em
    }

    .tab-total_inquiry .list-select .pnum .text {
        float: left;
        width: 78%;
        margin: 1%;
        text-align: left;
        font-size: 1.00em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .psizebz {
        float: left;
        width: 49%;
        height: 25px;
        margin: .5%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .psizebz .ptitle {
        float: left;
        text-align: right;
        width: 18%;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .psizebz .numin {
        float: left;
        width: 70%;
        margin: 1%;
        padding: 3px 2%;
        text-align: left;
        2.00em
    }

    .tab-total_inquiry .list-select .psizebz .text {
        float: left;
        width: 78%;
        margin: 1%;
        text-align: left;
        font-size: 1.00em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .pxctm {
        float: left;
        width: 49%;
        height: 25px;
        margin: .5%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .pxctm .ptitle {
        float: left;
        text-align: right;
        width: 18%;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .pxctm .numin {
        float: left;
        width: 70%;
        margin: 1%;
        padding: 3px 2%;
        text-align: left;
        2.00em
    }

    .tab-total_inquiry .list-select .pxctm .text {
        float: left;
        width: 78%;
        margin: 1%;
        text-align: left;
        font-size: 1.05em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .ptdtc {
        float: left;
        width: 49%;
        height: 25px;
        margin: .5%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .ptdtc .ptitle {
        float: left;
        text-align: right;
        width: 18%;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .ptdtc .numin {
        float: left;
        width: auto;
        margin: 1%;
        padding: 2px 0%;
        text-align: left
    }

    .tab-total_inquiry .list-select .ptdtc .text {
        float: left;
        width: 78%;
        margin: 1%;
        text-align: left;
        font-size: 1.05em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .pdel {
        float: right;
        width: 10.5%;
        height: 25px;
        margin: 5px 0 0 5px;
        padding: 0;
        background: url(../images/btn/del-list.png) center center no-repeat
    }

    .tab-total_inquiry .list-select .pdel .ptitle {
        float: left;
        text-align: right;
        width: auto;
        margin: 1%;
        color: #bf0000;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .contact ul li {
        float: left
    }

    .tab-total_inquiry .contact .tab-m {
        float: left;
        clear: right;
        width: 70%;
        min-width: 500px
    }

    .tab-total_inquiry .contact .btnall {
        text-align: center
    }

    .pd_list_subnav {
        width: 98%;
        max-width: 960px;
        padding-right: 5px
    }

    #abgneBlock .list img {
        width: 100%;
        max-width: 960px;
        height: auto;
        border: 0 none
    }

    #tab_list-in {
        float: left;
        width: 100%;
        max-width: 960px;
        background: #fff;
        border: #dfdfdf 0 solid;
        padding: 0;
        margin: 0 0 10px 0
    }

    #tab_goods-in {
        width: 100%;
        max-width: 948px;
        border: #dfdfdf 0 solid
    }

    #tab_in {
        width: 100%;
        max-width: 948px;
        border: 0
    }

    .new-product-block {
        float: left;
        width: 100%;
        padding: 1%
    }

    .new-product-block .product-grid li {
        width: 32.08%;
        margin: .5%;
        height: auto
    }

    .footer-wrapper {
        line-height: 1.65em
    }

    #tab_footer {
        width: 64%;
        padding: 1.0%;
        margin: 0
    }

    .logo-b {
        width: auto;
        min-width: 150px;
        height: 150px;
        background: url(../images/logo-b.png) no-repeat center center;
        padding: 10% 19%;
        text-align: center;
        background-size: 150px auto;
        -moz-background-size: 150px;
        -webkit-background-size: 150px;
        -o-background-size: 150px;
        -ms-background-size: 150px
    }

    .qr-b {
        width: 120px;
        height: 112px;
        background: url(../images/qr.png) no-repeat center center;
        padding: 15% 25%;
        text-align: center;
        background-size: 120px auto;
        -moz-background-size: 120px;
        -webkit-background-size: 120px;
        -o-background-size: 120px;
        -ms-background-size: 120px
    }

    .error-w {
        padding: 33.5% 0 0 26.5%;
        font-size: 1.10em;
        width: 60%;
        max-width: 235px
    }
}

@media only screen and (min-width:1px) and (max-width:960px) {
    .spt15f {
        margin-top: 0;
        display: none
    }

    #pro-list-dldg .tab .pro-sns1 {
        bottom: 6.0%;
        position: absolute
    }
}

@media only screen and (min-width:668px) and (max-width:854px) {
    #np {
        display: none
    }

    .np {
        display: none
    }

    #ntidn {
        display: none
    }

    #main-menu {
        display: none
    }

    #cart,
    .carted {
        display: none
    }

    div#abgne_marquee {
        display: none
    }

    div#abgne_marquee2 {
        display: none
    }

    div#abgne_marquee3 {
        display: none
    }

    div#abgne_marquee4 {
        display: none
    }

    div#abgne_marquee5 {
        display: none
    }

    .plink-pc {
        display: none
    }

    .plink-mob {
        display: block
    }

    .ui-banner {
        width: 540px
    }

    .ui-banner .ui-banner-slides {
        width: 388px
    }

    .ui-banner .ui-banner-slides li img {
        width: 390px
    }

    .ui-banner .ui-banner-arrow.ui-banner-arrow-next {
        left: 350px
    }

    .ad-area,
    #ad01,
    #tab-ul {
        display: none
    }

    #container-m {
        width: 98%;
        max-width: 854px;
        margin: 0 1.0%;
        padding: 0
    }

    #container-r {
        float: left;
        width: 100%
    }

    #in-topw {
        margin-top: 10px
    }

    .pd_list_subnav {
        width: 100%;
        max-width: 960px;
        padding-right: 5px
    }

    #abgneBlock .list img {
        width: 100%;
        max-width: 960px;
        height: auto;
        border: 0 none
    }

    .member_login-tab {
        float: left;
        width: 96%;
        max-width: 960px;
        margin: 0 0%;
        height: auto;
        min-height: 20px;
        padding: 2%
    }

    .member_register-tab {
        float: left;
        width: 96%;
        height: auto;
        max-width: 960px;
        margin: 0 0%;
        height: auto;
        min-height: 20px;
        padding: 2%
    }

    #pro-list-dz {
        float: left;
        width: 100%;
        max-width: 100%;
        margin-top: 5px;
        margin-bottom: -20px
    }

    #pro-list-dz .tab {
        text-align: justify;
        margin: 2%;
        width: 96%
    }

    #pro-list-dz .tab .tab-dz img {
        float: left;
        z-index: -1;
        width: 45vw;
        max-width: 475px;
        height: auto
    }

    .ilist-top-btn {
        display: none
    }

    #tab_list-in-dldg {
        float: left;
        width: 100%;
        max-width: 960px;
        border: #dfdfdf 0 solid;
        padding: 0;
        margin: 0 0 10px 0
    }

    #pro-list-dldg {
        float: left;
        width: 100%;
        max-width: 100%;
        margin-top: 5px;
        margin-bottom: -20px
    }

    #pro-list-dldg .tab {
        margin: 1.0%;
        width: 98.0%
    }

    #pro-list-dldg .tab li {
        display: inline-block;
        width: 48.70%;
        background-size: cover;
        position: relative
    }

    #tab_goods-dldg {
        float: left;
        width: 100%;
        max-width: 958px;
        background: #fff;
        border: #dfdfdf 1px solid;
        padding: 0;
        margin: 0 0 10px 0
    }

    .tab-goods-dldg .tab-text {
        padding: 2.0% 0
    }

    .gd-tab-l {
        width: 47%;
        margin-right: 3%
    }

    .tab-goods-dldg .tab-text .tab-r {
        width: 100%;
        margin-right: 0;
        margin-top: 1.5%;
        padding-top: 1.5%;
        border-top: #dfdfdf 1px dotted
    }

    .tab-goods-dldg .pic-list .tab li {
        width: 45.50%;
        margin: 2.05%
    }

    .tab-total_inquiry {
        float: left;
        width: 98%;
        min-width: 480px;
        height: auto;
        background: #fff;
        border: #dfdfdf 0 solid;
        padding: 10px 1%
    }

    .tab-total_inquiry .list-5f {
        width: 32.33%;
        margin: 0 .5%;
        font-size: .90em
    }

    .tab-total_inquiry .list-5f .zfl {
        height: auto
    }

    .tab-total_inquiry .list-5f ul li {
        height: auto;
        margin-right: 5%
    }

    .tab-total_inquiry .list-select ul li {
        float: left;
        width: 100%;
        height: auto;
        margin: .5% 0
    }

    .tab-total_inquiry .list-select ul li ul {
        float: left;
        width: 100%;
        height: auto;
        padding: 1.0% 0% 2.0% 0%;
        background: #e8f5ff
    }

    .tab-total_inquiry .list-select .rwd960 {
        display: block;
        color: #989898
    }

    .tab-total_inquiry .list-select .pname {
        float: left;
        width: 48%;
        height: 25px;
        margin: .5%;
        text-align: left;
        color: #231815;
        font-size: 1.05em;
        line-height: 1.25em
    }

    .tab-total_inquiry .list-select .pname .ptitle {
        float: left;
        text-align: right;
        width: 23%;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .pname .text {
        float: left;
        width: 73%;
        margin: 1%;
        text-align: left;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .pnum {
        float: left;
        width: 48%;
        height: 25px;
        margin: .5%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .pnum .ptitle {
        float: left;
        text-align: right;
        width: 23%;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .pnum .numin {
        float: left;
        width: 25%;
        margin: 1%;
        padding: 3px 2%;
        text-align: left;
        2.00em
    }

    .tab-total_inquiry .list-select .pnum .text {
        float: left;
        width: 73%;
        margin: 1%;
        text-align: left;
        font-size: 1.00em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .psizebz {
        float: left;
        width: 48%;
        height: 25px;
        margin: .5%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .psizebz .ptitle {
        float: left;
        text-align: right;
        width: 23%;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .psizebz .numin {
        float: left;
        width: 64%;
        margin: 1%;
        padding: 3px 2%;
        text-align: left;
        2.00em
    }

    .tab-total_inquiry .list-select .psizebz .text {
        float: left;
        width: 73%;
        margin: 1%;
        text-align: left;
        font-size: 1.00em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .pxctm {
        float: left;
        width: 48%;
        height: 25px;
        margin: .5%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .pxctm .ptitle {
        float: left;
        text-align: right;
        width: 23%;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .pxctm .numin {
        float: left;
        width: 64%;
        margin: 1%;
        padding: 3px 2%;
        text-align: left;
        2.00em
    }

    .tab-total_inquiry .list-select .pxctm .text {
        float: left;
        width: 73%;
        margin: 1%;
        text-align: left;
        font-size: 1.05em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .ptdtc {
        float: left;
        width: 48%;
        height: 25px;
        margin: .5%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .ptdtc .ptitle {
        float: left;
        text-align: right;
        width: 23%;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .ptdtc .numin {
        float: left;
        width: auto;
        margin: 1%;
        padding: 2px 0%;
        text-align: left
    }

    .tab-total_inquiry .list-select .ptdtc .text {
        float: left;
        width: 73%;
        margin: 1%;
        text-align: left;
        font-size: 1.05em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .pdel {
        float: right;
        width: 12.5%;
        height: 25px;
        margin: 5px 0 0 5px;
        padding: 0;
        background: url(../images/btn/del-list.png) center center no-repeat
    }

    .tab-total_inquiry .list-select .pdel .ptitle {
        float: left;
        text-align: right;
        width: auto;
        margin: 1%;
        color: #bf0000;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .tab-bz {
        width: 100%
    }

    .tab-total_inquiry .contact ul li {
        float: left
    }

    .tab-total_inquiry .contact .tab-m {
        float: left;
        clear: right;
        width: 70%;
        min-width: 500px
    }

    .tab-total_inquiry .contact .btnall {
        text-align: center
    }

    #tab_list-in {
        float: left;
        width: 100%;
        max-width: 948px;
        background: #fff;
        border: #dfdfdf 0 solid;
        padding: 0;
        margin: 0 0 10px 0
    }

    #tab_goods-in {
        width: 100%;
        max-width: 948px;
        border: #dfdfdf 0 solid
    }

    #tab_in {
        width: 100%;
        max-width: 948px;
        border: 0
    }

    .new-product-block {
        float: left;
        width: 100%;
        padding: 1%
    }

    .new-product-block .product-grid li {
        width: 32.0%;
        margin: .5%;
        margin-left: .8%;
        margin-right: 0;
        height: auto
    }

    .blog-print,
    .blog-gift {
        display: none
    }

    .footer-wrapper {
        line-height: 1.65em
    }

    #tab_footer {
        width: 64%;
        padding: 1.5%;
        margin: 0
    }

    .logo-b {
        width: auto;
        min-width: 150px;
        height: 150px;
        background: url(../images/logo-b.png) no-repeat center center;
        padding: 10% 19%;
        text-align: center;
        background-size: 150px auto;
        -moz-background-size: 150px;
        -webkit-background-size: 150px;
        -o-background-size: 150px;
        -ms-background-size: 150px
    }

    .qr-b {
        width: 120px;
        height: 112px;
        background: url(../images/qr.png) no-repeat center center;
        padding: 15% 25%;
        text-align: center;
        background-size: 120px auto;
        -moz-background-size: 120px;
        -webkit-background-size: 120px;
        -o-background-size: 120px;
        -ms-background-size: 120px
    }

    .error-w {
        padding: 33.5% 0 0 26.5%;
        font-size: 1.10em;
        width: 23%
    }

    .error-np {
        display: none;
        white-space: nowrap;
        overflow: hidden;
        height: 100%
    }

    #tag-list ul li {
        width: 20%
    }

    #tag-list ul li a {
        padding: 5px 0;
        white-space: nowrap;
        overflow: hidden;
        height: 100%
    }
}

@media only screen and (min-width:668px) and (max-width:800px) {
    .new-product-block .product-grid {
        padding-left: 2%
    }

    .new-product-block .product-grid li {
        width: 49%;
        margin: .5%;
        height: auto
    }

    .new-product-block .product-grid li .pro-content {
        height: 45px;
        margin-bottom: 10px
    }

    .member_login-tab {
        float: left;
        width: 100%;
        max-width: 960px;
        margin: 0 0%;
        height: auto;
        min-height: 20px;
        padding: 2%
    }

    .member_login-tab .input {
        height: 30px
    }

    .member_register-tab {
        float: left;
        width: 100%;
        height: auto;
        max-width: 960px;
        margin: 0 0%;
        height: auto;
        min-height: 20px;
        padding: 2%
    }

    .member_register-tab .input {
        height: 28px
    }

    .member_register-tab .tab-cr {
        float: left;
        clear: both;
        width: auto;
        margin-left: 85px
    }

    .member_register-tab .tab-cr .text {
        clear: both
    }

    .ilist-top-btn {
        display: none
    }

    #tab_list-in-dldg {
        float: left;
        width: 100%;
        max-width: 960px;
        border: #dfdfdf 0 solid;
        padding: 0;
        margin: 0 0 10px 0
    }

    #pro-list-dldg {
        float: left;
        width: 100%;
        max-width: 100%;
        margin-top: 5px;
        margin-bottom: -20px
    }

    #pro-list-dldg .tab {
        margin: 1.0%;
        width: 99.0%
    }

    #pro-list-dldg .tab li {
        display: inline-block;
        width: 48.00%;
        background-size: cover;
        position: relative
    }

    #tab_goods-dldg {
        float: left;
        width: 100%;
        max-width: 958px;
        background: #fff;
        border: #dfdfdf 1px solid;
        padding: 0;
        margin: 0 0 10px 0
    }

    .tab-goods-dldg {
        float: left;
        width: 92%;
        margin: 4%
    }

    .tab-total_inquiry {
        float: left;
        width: 100%;
        min-width: 480px;
        height: auto;
        background: #fff;
        border: #dfdfdf 0 solid;
        padding: 10px 1%
    }

    .tab-total_inquiry .list-5f {
        width: 32.33%;
        margin: 0 .5%;
        font-size: 1.00em
    }

    .tab-total_inquiry .list-5f .zfl {
        height: auto;
        width: 100%;
        clear: both
    }

    .tab-total_inquiry .list-5f ul li {
        height: auto
    }

    .tab-total_inquiry .list-5f ul li label {
        float: left;
        margin-right: 6.5%
    }

    .tab-total_inquiry .contact .title {
        height: auto
    }

    .tab-total_inquiry .contact .text {
        height: 32px
    }

    .tab-total_inquiry .contact .text-time {
        height: 32px
    }

    #tab_list-in-t {
        height: 45px
    }

    #tab_goods-in-t {
        height: 50px
    }

    #tab_in-t {
        height: 50px
    }

    .tab_in-left {
        width: 100%;
        padding-bottom: 30px
    }

    .tab_in-right {
        width: 94%;
        padding-left: 0;
        padding-bottom: 30px
    }

    .advice {
        width: 100%
    }

    .advice-w {
        width: 67%;
        padding-left: 28%
    }

    .advice .title {
        width: 28%
    }

    .advice .input {
        width: 67%
    }

    .advice .inputd {
        width: 18.8%;
        font-size: .9em
    }

    .advice .inputdl {
        width: 60%
    }

    .advice .inputdr {
        height: 30px
    }

    .bank .title {
        width: 28%;
        padding-right: 2%
    }

    .bank .sub {
        width: 67%
    }

    .bank .input {
        width: 67%
    }

    .bank .b {
        width: 100%
    }

    .bank li {
        width: 100%
    }

    .error-w {
        padding: 33.5% 0 0 26.5%;
        font-size: 1.10em;
        width: 50%
    }

    .error-np {
        display: none
    }

    .logo-b {
        width: auto;
        min-width: 250px;
        height: 150px;
        background: url(../images/logo-b.png) no-repeat center center;
        padding: 45% 19%;
        text-align: center;
        background-size: 150px auto;
        -moz-background-size: 150px;
        -webkit-background-size: 150px;
        -o-background-size: 150px;
        -ms-background-size: 150px
    }

    .qr-b {
        width: 250px;
        height: 112px;
        background: url(../images/qr.png) no-repeat center center;
        padding: 30% 25%;
        text-align: center;
        background-size: 120px auto;
        -moz-background-size: 120px;
        -webkit-background-size: 120px;
        -o-background-size: 120px;
        -ms-background-size: 120px
    }
}

@media only screen and (max-width:768px) {
    .goods-text>table {
        width: 100%;
        max-width: 570px
    }

    .logo-b {
        width: auto;
        min-width: 230px;
        height: 150px;
        background: url(../images/logo-b.png) no-repeat center center;
        padding: 50% 19%;
        text-align: center;
        background-size: 150px auto;
        -moz-background-size: 150px;
        -webkit-background-size: 150px;
        -o-background-size: 150px;
        -ms-background-size: 150px
    }

    .qr-b {
        width: 230px;
        height: 112px;
        background: url(../images/qr.png) no-repeat center center;
        padding: 30% 25%;
        text-align: center;
        background-size: 120px auto;
        -moz-background-size: 120px;
        -webkit-background-size: 120px;
        -o-background-size: 120px;
        -ms-background-size: 120px
    }

    #category_filter .price input {
        margin-bottom: 8px
    }

    #category_filter .slider-range {
        padding-bottom: 12px
    }

    #category_filter .price span {
        width: 18px;
        height: 18px;
        border-radius: 100%;
        top: -9px
    }

    #tag-list {
        margin-top: 0;
        width: 100%;
        overflow: auto;
        z-index: 1100
    }

    #tag-list .table {
        display: block;
        padding: 0 12px;
        background: #fafafa;
        width: inherit;
        overflow: auto;
        white-space: nowrap
    }

    #tag-list .tr {
        width: auto;
        padding: 0 0 7px;
        margin: 8px 8px 0 0;
        display: inline-block
    }

    #tag-list .td:first-child {
        width: 100%;
        line-height: 32px;
        display: flex;
        flex-wrap: nowrap;
        border-radius: 25px;
        color: rgb(68, 68, 68);
        background: #ededed;
        box-sizing: border-box
    }

    #tag-list .td {
        width: 100%;
        display: none;
        height: 32px;
        white-space: nowrap;
        padding: 0 8px
    }

    #tag-list .td.sel {
        border: 1px solid#ED1590;
        background: #fff5fa;
        color: #ED1590;
        font-weight: bold
    }

    #tag-list .td.sel span {
        font-size: .9em;
        font-weight: normal;
        line-height: 32px;
        letter-spacing: 1px
    }

    #tag-list .td.sel::after {
        color: #ED1590
    }

    #tag-list .tr.active {
        background: #f2f2f2;
        border-radius: 15px 15px 0 0
    }

    #tag-list .active .td {
        background: #f2f2f2;
        color: #ED1590;
        font-weight: bold
    }

    #tag-list .active .td.sel {
        border: none
    }

    #tag-list ul li {
        width: 25%
    }

    #tag-list ul li a {
        padding: 5px 0;
        white-space: nowrap;
        overflow: hidden;
        height: 100%
    }

    #tag-list .td::after {
        width: 14px;
        content: "\f0d7";
        color: rgb(110, 110, 110);
        height: 100%;
        float: right;
        display: block;
        box-sizing: border-box;
        align-items: center;
        font-size: 9pt
    }

    #tag-list .tr.active .td::after {
        color: #ED1590;
        content: "\f0d8"
    }

    #tab_list-in-t {
        margin-top: 0
    }

    #tag-list+.more-box {
        display: flex;
        z-index: 5000;
        width: 100%;
        min-height: 40px;
        background: #f2f2f2;
        position: absolute;
        left: 0;
        margin-top: -7px;
        max-height: 65vh;
        overflow: auto
    }

    #tag-list+.more-box .td:first-child {
        display: none
    }

    #tag-list+.more-box .td {
        width: 100%
    }

    .more-box {
        flex-wrap: wrap
    }

    .more-box .tag-box {
        padding: 0
    }

    .tag-box ul {
        width: 100%;
        display: flex;
        margin: 1px 0 1em;
        flex-wrap: wrap
    }

    .tag-box li {
        width: 50%;
        height: 48px;
        background: none;
        box-sizing: border-box;
        padding:3px 0 0 6%;
        display: flex;
        align-items: center;
    }

    .tag-box li a {
        color: #000;   
        display: flex;
        align-items: center;
        box-sizing: border-box;        
        position: relative;
        font-size: 1.05em;padding: 8px 15px;border-radius: 18px;background: #e6e6e6;border: 1px solid #dadada;box-sizing: border-box;
    }

    .tag-box li.active a::before {
        display: block;
        content: "";
        background: #ED1590;
        width: 12px;
        height: 12px;
        clip-path: polygon(15% 55%, 45% 70%, 100% 0, 45% 100%, 15% 65%, 0 73%);
        position: absolute;
        left: 0
    }

    .more-box .btn {
        display: none
    }

    .tag-box li.active a {
        color: #ED1590
    }

    .more-box .type_mobi {
        display: flex
    }

    .more-box .type_mobi .btn {
        display: block;
        width: 50% !important;
        line-height: 40px;
        height: 40px;
        padding: 0;
        text-align: center;
        border: none
    }

    .more-box .type_mobi .fb.td.active {
        background: rgb(223, 223, 223)
    }

    .more-box .fb {
        background: rgb(250, 250, 250)
    }

    .more-box .type_mobi .tb.td.active {
        background: #c90057
    }
}

@media only screen and (min-width:481px) and (max-width:667px) {
    #tab_list-in .pw {
        width: 100%
    }

    #np {
        display: none
    }

    .np {
        display: none
    }

    #ntidn {
        display: none
    }

    #main-menu {
        display: none
    }

    #cart,
    .carted {
        display: none
    }

    div#abgne_marquee {
        display: none
    }

    div#abgne_marquee2 {
        display: none
    }

    div#abgne_marquee3 {
        display: none
    }

    div#abgne_marquee4 {
        display: none
    }

    div#abgne_marquee5 {
        display: none
    }

    .plink-pc {
        display: none
    }

    .plink-mob {
        display: block
    }

    .ad-area,
    #ad01,
    #tab-ul {
        display: none
    }

    #container-m {
        width: 96%;
        max-width: 667px;
        margin: 0 2%;
        padding: 0
    }

    #container-r {
        float: left;
        width: 100%
    }

    .member_login-tab {
        float: left;
        width: 100%;
        max-width: 960px;
        margin: 0 0%;
        height: auto;
        min-height: 20px;
        padding: 2%
    }

    .member_login-tab .input {
        height: 30px
    }

    .member_login-tab .tab-c {
        float: left;
        clear: right;
        width: auto
    }

    .member_login-tab .submit-c {
        float: right;
        clear: both
    }

    .member_register-tab {
        float: left;
        width: 100%;
        height: auto;
        max-width: 960px;
        margin: 0 0%;
        height: auto;
        min-height: 20px;
        padding: 2%
    }

    .member_register-tab .input {
        height: 28px;
        width: auto
    }

    .member_register-tab .tab-cr {
        float: left;
        clear: both;
        width: auto;
        margin-left: 85px
    }

    .member_register-tab .tab-cr .text {
        clear: both;
        width: auto;
        min-width: 100px
    }

    #pro-list-dz {
        float: left;
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
        margin-bottom: -10px
    }

    #pro-list-dz .tab {
        text-align: justify;
        margin: 1%;
        width: 95%
    }

    #pro-list-dz .tab .tab-dz img {
        float: left;
        z-index: -1;
        width: 45vw;
        max-width: 475px;
        height: auto
    }

    .np667 {
        display: none
    }

    .ilist-top-btn {
        display: none
    }

    #tab_list-in-dldg {
        float: left;
        width: 100%;
        max-width: 960px;
        border: #dfdfdf 0 solid;
        padding: 0;
        margin: 0 0 10px 0
    }

    #pro-list-dldg {
        float: left;
        width: 100%;
        max-width: 100%;
        margin-top: 5px;
        margin-bottom: -20px
    }

    #pro-list-dldg .tab {
        margin: 1.0%;
        width: 99.0%
    }

    #pro-list-dldg .tab li {
        display: inline-block;
        width: 48.00%;
        background-size: cover;
        position: relative
    }

    #tab_goods-dldg {
        float: left;
        width: 100%;
        max-width: 958px;
        background: #fff;
        border: #dfdfdf 1px solid;
        padding: 0;
        margin: 0 0 10px 0
    }

    .tab-goods-dldg {
        float: left;
        width: 92%;
        margin: 4%
    }

    .tab-goods-dldg .tab-text {
        padding: 2.0% 0
    }

    .gd-tab-l {
        width: 100%;
        margin-right: 0;
        margin-top: 1.5%;
        padding-bottom: 1.0%
    }

    #css_table .tr {
        clear: both
    }

    .tab-goods-dldg .tab-text .tab-r {
        width: 100%;
        margin-right: 0;
        margin-top: 1.5%;
        padding-top: 2.0%;
        padding-bottom: 1.0%;
        border-top: #dfdfdf 1px dotted
    }

    .tab-goods-dldg .pic-list .tab li {
        width: 47.725%;
        margin: .90%
    }

    .tab-total_inquiry {
        float: left;
        width: 100%;
        min-width: 300px;
        height: auto;
        background: #fff;
        border: #dfdfdf 0 solid;
        padding: 10px 1%
    }

    .tab-total_inquiry .list-5f {
        width: 99.00%;
        margin: 0 .5%;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-5f .zfl {
        height: auto;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        clear: both
    }

    .tab-total_inquiry .list-5f ul li {
        height: auto;
        line-height: 30px
    }

    .tab-total_inquiry .list-5f ul li label {
        float: left;
        margin-right: 6.5%
    }

    .menu_body {
        float: left;
        display: none;
        margin-bottom: 15px
    }

    .tab-total_inquiry .list-select ul li {
        float: left;
        width: 100%;
        height: auto;
        margin: .5% 0
    }

    .tab-total_inquiry .list-select ul li ul {
        float: left;
        width: 100%;
        height: auto;
        padding: 1.0% 0% 2.0% 0%;
        background: #e8f5ff
    }

    .tab-total_inquiry .list-select .rwd960 {
        display: block;
        color: #989898
    }

    .tab-total_inquiry .list-select .pname {
        float: left;
        width: 98%;
        height: 25px;
        margin: .5% 1.0%;
        text-align: left;
        color: #231815;
        font-size: 1.05em;
        line-height: 1.25em
    }

    .tab-total_inquiry .list-select .pname .ptitle {
        float: left;
        text-align: right;
        width: 16%;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .pname .text {
        float: left;
        width: 80%;
        margin: 1%;
        text-align: left;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .pnum {
        float: left;
        width: 98%;
        height: 25px;
        margin: .5% 1.0%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .pnum .ptitle {
        float: left;
        text-align: right;
        width: 16%;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .pnum .numin {
        float: left;
        width: 25%;
        margin: 1%;
        padding: 3px 2%;
        text-align: left;
        2.00em
    }

    .tab-total_inquiry .list-select .pnum .text {
        float: left;
        width: 25%;
        margin: 1%;
        text-align: left;
        font-size: 1.00em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .psizebz {
        float: left;
        width: 98%;
        height: 25px;
        margin: .5% 1.0%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .psizebz .ptitle {
        float: left;
        text-align: right;
        width: 16%;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .psizebz .numin {
        float: left;
        width: 80%;
        margin: 1%;
        padding: 3px 2%;
        text-align: left;
        2.00em
    }

    .tab-total_inquiry .list-select .psizebz .text {
        float: left;
        width: 80%;
        margin: 1%;
        text-align: left;
        font-size: 1.00em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .pxctm {
        float: left;
        width: 98%;
        height: 25px;
        margin: .5% 1.0%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .pxctm .ptitle {
        float: left;
        text-align: right;
        width: 16%;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .pxctm .numin {
        float: left;
        width: 80%;
        margin: 1%;
        padding: 3px 2%;
        text-align: left;
        2.00em
    }

    .tab-total_inquiry .list-select .pxctm .text {
        float: left;
        width: 80%;
        margin: 1%;
        text-align: left;
        font-size: 1.05em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .ptdtc {
        float: left;
        width: 75%;
        height: 25px;
        margin: .5% 1.0%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .ptdtc .ptitle {
        float: left;
        text-align: right;
        width: 21.00%;
        margin: 1%;
        margin-right: 1.5%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .ptdtc .numin {
        float: left;
        width: auto;
        margin: 1%;
        padding: 2px 0%;
        text-align: left
    }

    .tab-total_inquiry .list-select .ptdtc .text {
        float: left;
        width: 70%;
        margin: 1%;
        text-align: left;
        font-size: 1.05em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .pdel {
        float: right;
        width: 55px;
        height: 25px;
        margin: 1.5% 3% .5% 1.0%;
        padding: 0;
        background: url(../images/btn/del-list.png) right center no-repeat
    }

    .tab-total_inquiry .list-select .pdel .ptitle {
        float: left;
        text-align: right;
        width: auto;
        margin: 1%;
        color: #bf0000;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .tab-bz {
        width: 100%
    }

    .tab-total_inquiry .contact .title {
        height: auto
    }

    .tab-total_inquiry .contact ul li {
        float: left
    }

    .tab-total_inquiry .contact .tab-m {
        float: left;
        clear: right;
        width: 70%;
        min-width: 300px
    }

    .tab-total_inquiry .contact .btnall {
        text-align: center
    }

    .tab-total_inquiry .contact .stitle {
        width: 25%;
        min-width: 110px
    }

    .tab-total_inquiry .contact .tab {
        width: 60%;
        min-width: 200px
    }

    .tab-total_inquiry .contact .tab-sp1 {
        width: 60%;
        min-width: 200px
    }

    .tab-total_inquiry .contact .tab-sp2 {
        width: 60%;
        margin-left: 5px;
        min-width: 75px
    }

    .tab-total_inquiry .contact .sp {
        width: 25%;
        min-width: 110px;
        margin: 0;
        text-align: right
    }

    .tab-total_inquiry .contact .yznum {
        width: 25%;
        min-width: 110px
    }

    .tab-total_inquiry .contact .tab-m {
        float: left;
        clear: right;
        width: auto;
        min-width: 200px
    }

    .tab-total_inquiry .contact .btnall {
        text-align: center
    }

    .tab-total_inquiry .contact .text {
        height: 32px
    }

    .tab-total_inquiry .contact .text-time {
        height: 32px;
        width: 60%;
        min-width: 150px
    }

    #in-topw {
        margin-top: 10px
    }

    #tab_list-in {
        float: left;
        width: 100%;
        max-width: 948px;
        background: #fff;
        border: #dfdfdf 0 solid;
        padding: 0;
        margin: 0 0 10px 0
    }

    #tab_list-in-t {
        height: 45px
    }

    #tab_in {
        padding: 3.5% 0;
        border: 0
    }

    .text-in {
        width: 93%;
        margin: 0 3.5%
    }

    #tab_in-t {
        height: 50px
    }

    #tab_in img {
        padding: 2% 4%
    }

    .tab_in-left {
        width: 100%;
        padding-bottom: 30px
    }

    .tab_in-right {
        width: 94%;
        padding-left: 0;
        padding-bottom: 30px
    }

    .text-mail {
        width: 100%
    }

    #tab_goods-in {
        padding: 3.5% 0;
        border: #dfdfdf 0 solid
    }

    .goods-text {
        width: 93%;
        margin: 0 3.5%
    }

    #tab_goods-in-t {
        height: 50px
    }

    #tab_goods-in img {
        padding: 2% 4%
    }

    .new-product-block .product-grid li .pro-content {
        height: 45px;
        margin-bottom: 10px
    }

    .new-product-block {
        float: left;
        width: 100%;
        padding: 1%
    }

    .new-product-block .product-grid li {
        width: 47.8%;
        margin: 1.0%;
        height: auto
    }

    .btn-addcart a {
        float: none;
        display: block;
        clear: both;
        width: 70%;
        height: 32px;
        font-size: 1.0;
        padding: 4px 0 6px 0;
        margin: 0 auto
    }

    .btn-addinq a {
        float: none;
        display: none;
        clear: both;
        width: 70%;
        height: 32px;
        font-size: 1.0;
        padding: 4px 0 6px 0;
        margin: 0 auto
    }

    .advice {
        width: 100%
    }

    .advice-w {
        width: 100%;
        padding-left: 29%
    }

    .advice .title {
        width: 28%
    }

    .advice .input {
        width: 67%
    }

    .advice .inputdl {
        width: 60%
    }

    .advice .inputdr {
        height: 30px
    }

    .bank .title {
        width: 28%;
        padding-right: 2%
    }

    .bank .sub {
        width: 67%
    }

    .bank .input {
        width: 67%
    }

    .bank .b {
        width: 100%
    }

    .bank li {
        width: 100%
    }

    .new-product-block .product-grid li .no-img {
        max-width: 100%
    }

    .btn-addcart a {
        width: 50%
    }

    .btn-addinq a {
        width: 50%
    }

    .footer-wrapper {
        line-height: 1.65em
    }

    #tab_footer {
        width: 64%;
        padding: 2%;
        margin: 0
    }

    .logo-b {
        width: auto;
        min-width: 220px;
        height: 150px;
        background: url(../images/logo-b.png) no-repeat center center;
        padding: 50% 19%;
        text-align: center;
        background-size: 150px auto;
        -moz-background-size: 150px;
        -webkit-background-size: 150px;
        -o-background-size: 150px;
        -ms-background-size: 150px
    }

    .qr-b {
        width: 220px;
        height: 112px;
        background: url(../images/qr.png) no-repeat center center;
        padding: 30% 25%;
        text-align: center;
        background-size: 120px auto;
        -moz-background-size: 120px;
        -webkit-background-size: 120px;
        -o-background-size: 120px;
        -ms-background-size: 120px
    }

    .error-w {
        padding: 33.5% 0 0 26.5%;
        font-size: 1.10em;
        width: 50%
    }

    .error-np {
        display: none
    }
}

@media only screen and (max-width:580px) {
    .logo-b {
        width: auto;
        min-width: 180px;
        height: 150px;
        background: url(../images/logo-b.png) no-repeat center center;
        padding: 60% 19%;
        text-align: center;
        background-size: 150px auto;
        -moz-background-size: 150px;
        -webkit-background-size: 150px;
        -o-background-size: 150px;
        -ms-background-size: 150px
    }

    .qr-b {
        width: 180px;
        height: 112px;
        background: url(../images/qr.png) no-repeat center center;
        padding: 40% 25%;
        text-align: center;
        background-size: 120px auto;
        -moz-background-size: 120px;
        -webkit-background-size: 120px;
        -o-background-size: 120px;
        -ms-background-size: 120px
    }

    .new-product-block .tag {
        flex-wrap: wrap;
        height: 52px;
        overflow: hidden
    }

    .new-product-block .tag span {
        height: 25px
    }
}

@media only screen and (max-width:668px) {
    #category_filter label {
        width: 25%
    }
}

@media only screen and (max-width:525px) {
    #tab_footer {
        width: 96%;
        padding: 2% 0% 2% 4%;
        margin: 0
    }

    #tab_footer-l {
        width: 96%;
        padding: 0;
        margin: 0;
        text-align: center
    }

    .logo-b {
        float: left;
        width: 150px;
        height: 140px;
        background: url(../images/logo-b.png) no-repeat center center;
        padding: 0;
        margin: 0;
        background-size: 150px auto;
        -moz-background-size: 150px;
        -webkit-background-size: 150px;
        -o-background-size: 150px;
        -ms-background-size: 150px
    }

    .qr-b {
        float: right;
        width: 120px;
        height: 140px;
        background: url(../images/qr.png) no-repeat center center;
        padding: 0;
        margin: 0;
        background-size: 120px auto;
        -moz-background-size: 120px;
        -webkit-background-size: 120px;
        -o-background-size: 120px;
        -ms-background-size: 120px
    }

    .local,
    .phone,
    .fax,
    .mail {
        font-size: 1.00em
    }

    .footer-b {
        font-size: .90em;
        margin: 0;
        padding: 1% 0 .8% 0;
        line-height: 30px
    }
}

@media only screen and (max-width:480px) {
    #tab_list-in-t{display: none;}
    #np {
        display: none
    }

    .np {
        display: none
    }

    #ntidn {
        display: none
    }

    #main-menu {
        display: none
    }

    #cart,
    .carted {
        display: none
    }

    div#abgne_marquee {
        display: none
    }

    div#abgne_marquee2 {
        display: none
    }

    div#abgne_marquee3 {
        display: none
    }

    div#abgne_marquee4 {
        display: none
    }

    div#abgne_marquee5 {
        display: none
    }

    .plink-pc {
        display: none
    }

    .plink-mob {
        display: block
    }

    .none480 {
        display: none
    }

    .display-mob {
        display: block
    }

    .ad-area,
    #ad01,
    #tab-ul {
        display: none
    }

    #container-m {
        width: 100%;
        max-width: 480px;
        margin: 0;
        padding: 0;
        background: none
    }

    #container-r {
        float: left;
        width: 100%
    }

    .member_login-tab {
        float: left;
        width: 100%;
        max-width: 960px;
        margin: 0 0%;
        height: auto;
        min-height: 20px;
        padding: 2%
    }

    .member_login-tab .input {
        height: 30px
    }

    .member_login-tab .tab-c {
        float: left;
        clear: right;
        width: auto
    }

    .member_login-tab .submit-c {
        clear: both
    }

    .member_login-tab .text {
        clear: both
    }

    .member_register-tab {
        float: left;
        width: 100%;
        height: auto;
        max-width: 960px;
        margin: 0 0%;
        height: auto;
        min-height: 20px;
        padding: 2%
    }

    .member_register-tab .stitle01 {
        float: left;
        width: 70px
    }

    .member_register-tab .input {
        height: 28px;
        width: auto;
        max-width: 140px
    }

    .member_register-tab .tab-cr {
        float: left;
        clear: both;
        width: auto;
        min-width: 100px;
        margin-left: 75px
    }

    .member_register-tab .tab-cr .text {
        clear: both;
        width: auto;
        min-width: 100px
    }

    #pro-list-dz {
        float: left;
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
        margin-bottom: -10px
    }

    #pro-list-dz .tab {
        text-align: justify;
        margin: 2%;
        width: 95%
    }

    #pro-list-dz .tab .tab-dz img {
        float: left;
        z-index: -1;
        width: 45vw;
        max-width: 475px;
        height: auto
    }

    .np667 {
        display: none
    }

    .ilist-top-btn {
        display: none
    }

    #tab_list-in-dldg {
        float: left;
        width: 100%;
        max-width: 960px;
        border: #dfdfdf 0 solid;
        padding: 0;
        margin: 0 0 10px 0
    }

    #pro-list-dldg {
        float: left;
        width: 100%;
        max-width: 100%;
        margin-top: 5px;
        margin-bottom: -20px
    }

    #pro-list-dldg .tab {
        margin: 1.0%;
        width: 99.0%
    }

    #pro-list-dldg .tab li {
        display: inline-block;
        width: 48.00%;
        background-size: cover;
        position: relative
    }

    #tab_goods-dldg {
        float: left;
        width: 100%;
        max-width: 960px;
        background: #fff;
        border: #dfdfdf 0 solid;
        padding: 0;
        margin: 0 0 10px 0
    }

    .tab-goods-dldg {
        float: left;
        width: 96.0%;
        margin: 2.0%
    }

    .tab-goods-dldg .tpsc-title {
        width: 92.0%;
        margin: 4.0%;
        font-size: 1.45em
    }

    .tab-goods-dldg .tab-text {
        width: 92%;
        padding: 1.0% 0;
        margin: 0 4.0%
    }

    .gd-tab-l {
        width: 100%;
        margin: 1.5% .0% 0 .0%;
        padding-bottom: 1.0%
    }

    .tab-goods-dldg .tab-text .tab-r {
        width: 100%;
        margin: 3.0% .0%;
        padding-top: 3.0%;
        border-top: #dfdfdf 1px dotted
    }

    .tab-goods-dldg .pic-list .tab li {
        width: 92.0%;
        margin: 2% 4.0%
    }

    .tab-total_inquiry {
        float: left;
        width: 100%;
        min-width: 300px;
        height: auto;
        background: #fff;
        border: #dfdfdf 0 solid;
        padding: 10px 1%
    }

    .tab-total_inquiry .list-5f {
        width: 99.00%;
        margin: 0 .5%;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-5f .zfl {
        height: auto;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        clear: both
    }

    .tab-total_inquiry .list-5f ul li {
        height: auto;
        line-height: 30px
    }

    .tab-total_inquiry .list-5f ul li label {
        float: left;
        margin-right: 6.5%
    }

    .menu_body {
        float: left;
        display: none;
        margin-bottom: 15px
    }

    .tab-total_inquiry .list-select ul li {
        float: left;
        width: 100%;
        height: auto;
        margin: .5% 0
    }

    .tab-total_inquiry .list-select ul li ul {
        float: left;
        width: 100%;
        height: auto;
        padding: 1.0% 0% 2.0% 0%;
        background: #e8f5ff
    }

    .tab-total_inquiry .list-select .rwd960 {
        display: block;
        color: #989898
    }

    .tab-total_inquiry .list-select .pname {
        float: left;
        width: 98%;
        height: 25px;
        margin: .5% 1.0%;
        text-align: left;
        color: #231815;
        font-size: 1.05em;
        line-height: 1.25em
    }

    .tab-total_inquiry .list-select .pname .ptitle {
        float: left;
        text-align: center;
        width: 20%;
        min-width: 75px;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .pname .text {
        float: left;
        width: 70%;
        margin: 1%;
        text-align: left;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .pnum {
        float: left;
        width: 98%;
        height: 25px;
        margin: .5% 1.0%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .pnum .ptitle {
        float: left;
        text-align: center;
        width: 20%;
        min-width: 75px;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .pnum .numin {
        float: left;
        width: 40%;
        margin: 1%;
        padding: 3px 2%;
        text-align: left;
        2.00em
    }

    .tab-total_inquiry .list-select .pnum .text {
        float: left;
        width: 40%;
        margin: 1%;
        text-align: left;
        font-size: 1.00em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .psizebz {
        float: left;
        width: 98%;
        height: 25px;
        margin: .5% 1.0%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .psizebz .ptitle {
        float: left;
        text-align: center;
        width: 20%;
        min-width: 75px;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .psizebz .numin {
        float: left;
        width: 70%;
        margin: 1%;
        padding: 3px 2%;
        text-align: left;
        2.00em
    }

    .tab-total_inquiry .list-select .psizebz .text {
        float: left;
        width: 70%;
        margin: 1%;
        text-align: left;
        font-size: 1.00em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .pxctm {
        float: left;
        width: 98%;
        height: 25px;
        margin: .5% 1.0%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .pxctm .ptitle {
        float: left;
        text-align: center;
        width: 20%;
        min-width: 75px;
        margin: 1%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .pxctm .numin {
        float: left;
        width: 70%;
        margin: 1%;
        padding: 3px 2%;
        text-align: left;
        2.00em
    }

    .tab-total_inquiry .list-select .pxctm .text {
        float: left;
        width: 70%;
        margin: 1%;
        text-align: left;
        font-size: 1.05em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .ptdtc {
        float: left;
        width: 98%;
        height: 25px;
        margin: .5% 1.0%;
        text-align: center;
        font-size: 1.05em
    }

    .tab-total_inquiry .list-select .ptdtc .ptitle {
        float: left;
        text-align: center;
        width: 20%;
        min-width: 75px;
        margin: 1%;
        margin-right: 1.5%;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .list-select .ptdtc .numin {
        float: left;
        width: 70%;
        margin: 1%;
        padding: 2px 0%;
        text-align: left
    }

    .tab-total_inquiry .list-select .ptdtc .text {
        float: left;
        width: 70%;
        margin: 1%;
        text-align: left;
        font-size: 1.05em;
        line-height: 1.50em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun";
        overflow: hidden
    }

    .tab-total_inquiry .list-select .pdel {
        float: right;
        width: 55px;
        height: 25px;
        margin: 2.0% 2% .5% .0%;
        padding: 0;
        background: url(../images/btn/del-list.png) right center no-repeat
    }

    .tab-total_inquiry .list-select .pdel .ptitle {
        float: left;
        text-align: right;
        width: auto;
        margin: 0;
        color: #bf0000;
        font-size: 1.05em;
        line-height: 1.55em;
        font-family: "微軟正黑體", "Microsoft JhengHei", "宋体", "SimSun"
    }

    .tab-total_inquiry .tab-bz {
        width: 100%;
        padding: 4%
    }

    .tab-total_inquiry .contact .title {
        height: auto
    }

    .np480 {
        display: none
    }

    .tab-total_inquiry .contact ul li {
        float: left
    }

    .tab-total_inquiry .contact .stitle {
        width: 100%;
        min-width: 80px
    }

    .tab-total_inquiry .contact .tab {
        width: 60%;
        min-width: 200px
    }

    .tab-total_inquiry .contact .tab-sp1 {
        width: 60%;
        min-width: 200px
    }

    .tab-total_inquiry .contact .tab-sp2 {
        width: 60%;
        margin-left: 5px;
        min-width: 75px
    }

    .tab-total_inquiry .contact .sp {
        width: 25%;
        min-width: 80px;
        margin: 0;
        text-align: right
    }

    .tab-total_inquiry .contact .yznum {
        width: 25%;
        min-width: 80px
    }

    .tab-total_inquiry .contact .tab-m {
        float: left;
        clear: right;
        width: auto;
        min-width: 200px
    }

    .tab-total_inquiry .contact .btnall {
        text-align: center
    }

    .tab-total_inquiry .contact .text {
        height: 32px
    }

    .tab-total_inquiry .contact .text-time {
        height: 32px;
        width: 60%;
        min-width: 150px
    }

    #in-topw {
        margin-top: 10px
    }

    .pd_list_subnav {
        margin-bottom: 0;
        border: 0;
        border-top: 1px solid #e8e8e8
    }

    .new-product-block {
        float: left;
        width: 100%;
        padding: 1%
    }

    .new-product-block .product-grid li {
        width: 48%;
        margin: 1.0% .5% 1.0% 1.5%;
        height: auto
    }

    .new-product-block .product-grid li .pro-img {
        max-width: 100%;
        max-height: 100%;
        margin-bottom: 0
    }

    .new-product-block .product-grid li .pro-content {
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        overflow: hidden;
        height: 50px;
        line-height: 1.4em;
        margin-bottom: 8px
    }

    .new-product-block .product-grid li .pro-btn-block a {
        float: none;
        font-size: 1.0;
        padding: 4px 15px 6px 15px;
        text-align: center
    }

    .btn-addcart a {
        float: none;
        display: block;
        clear: both;
        width: 70%;
        height: 32px;
        font-size: 1.0;
        padding: 4px 0 6px 0;
        margin: 0 auto
    }

    .btn-addinq a {
        float: none;
        display: none;
        clear: both;
        width: 70%;
        height: 32px;
        font-size: 1.0;
        padding: 4px 0 6px 0;
        margin: 0 auto
    }

    #tab_list-in-t {
        height: 45px
    }

    #tab_list-in-t h2 {
        padding-left: 4%
    }

    #tab-in {
        padding: 3.5% 0
    }

    .text-in {
        width: 92%;
        margin: 0 4.0%
    }

    #tab_in-t {
        height: 50px
    }

    #tab_in-t h2 {
        padding-left: 4%
    }

    #tab_in img {
        padding: 2% 4%
    }

    .tab_in-left {
        width: 100%;
        padding-bottom: 30px
    }

    .tab_in-right {
        width: 94%;
        padding-left: 0;
        padding-bottom: 30px
    }

    .text-mail {
        width: 100%
    }

    #tab_goods-in {
        padding: 3.5% 0
    }

    .goods-text {
        width: 92%;
        margin: 0 4.0%
    }

    #tab_goods-in-t {
        height: 50px
    }

    #tab_goods-in-t h2 {
        padding-left: 4%
    }

    #tab_goods-in img {
        padding: 2% 4%
    }

    .advice {
        width: 100%
    }

    .advice-w {
        width: 100%;
        padding-left: 40%
    }

    .advice-w .rwn {
        display: none
    }

    .advice .title {
        width: 40%
    }

    .advice .input {
        width: 55%
    }

    .advice-pu {
        padding-top: 10px
    }

    .advice .inputdl {
        width: 45%
    }

    .advice .inputdr {
        height: 30px
    }

    .bank .title {
        width: 40%;
        padding-right: 2%;
        font-size: .85em
    }

    .bank .sub {
        width: 55%
    }

    .bank .input {
        width: 60%
    }

    .bank .b {
        width: 100%
    }

    .bank li {
        width: 100%
    }

    .advice .inputd {
        width: 15.5%;
        font-size: .9em
    }

    .advice .sub .sp {
        font-size: .8em;
        padding: 0 3px
    }

    .cbank {
        padding-left: 0
    }

    .text-in .tab-divlist .lil {
        float: left;
        width: 8%;
        padding-right: 1%;
        text-align: right;
        vertical-align: text-top
    }

    .text-in .tab-divlist .lir {
        float: left;
        width: 91%;
        max-width: 700px;
        text-align: left
    }

    .upload_step .title {
        font-weight: bold;
        background: #d8f5ff;
        width: 96%;
        margin-left: 2%;
        border-radius: 5px
    }

    .local,
    .phone,
    .fax,
    .mail {
        font-size: .95em
    }

    .error-w {
        padding: 32.5% 0 0 11.5%;
        font-size: 1.05em;
        width: 50%
    }

    .error-np {
        display: none
    }

    .error-nm {
        display: none
    }

    .spl-m {
        width: 96%;
        padding: 0 .0% 0 4.0%;
        max-width: 96%
    }

    #syf_sub>li {
        font-size: .7em
    }

    #category_filter .filter_tag {
        flex-wrap: wrap
    }

    #category_filter .title {
        width: 100%;
        flex-wrap: nowrap;
        justify-content: space-around;
        padding: 3px 2px
    }

    #category_filter .clear_all {
        width: 90px
    }

    #category_filter .price .title {
        width: 6em;
        background: #f9f9f9
    }

    #category_filter .price input {
        margin-bottom: 8px
    }

    #category_filter .slider-range {
        padding-bottom: 12px
    }

    #category_filter .price span {
        width: 18px;
        height: 18px;
        border-radius: 100%;
        top: -9px
    }

    .show-list {
        font-size: .9em
    }

    #tab_list-in-count {
        display: none
    }

    #tab_list-in-t .order_change,
    #tab_list-in-t .order_change .np {
        width: 100%;
        max-width: none
    }

    #category_filter .price input {
        font-size: 1em;
        padding: 0
    }
}

@media only screen and (max-width:350px) {
    #category_filter label {
        width: 33.3333%
    }
}

#player .np {
    display: block
}