/* HTML 元素 */
html,
body {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    /*使物件依序排列*/
    flex-direction: column;
    /*使物件垂直排列*/
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* 全版面 */

/* BTN */

/* 其他 */


.allm0 {
    margin: 0
}

.btn_table {
    width: 100%;
    display: table;
}

.btn_table_str {
    width: 90%;
    text-align: center;
    display: table-cell;
}

.btn_table_png {
    width: 10%;
    text-align: right;
    display: table-cell;
}


.goods_sort_2 {
    min-height: 700px;
}

#gologin,
#gologout {
    position: fixed;
    z-index: 90000;
    left: 20px;
    bottom: 31px;
    width: 50px;
    height: 50px;
    color: #fff;
    background: #ed3d03;
    font-size: 22px;
    line-height: 50px;
    border-radius: 50%;
    transition: all 0.5s;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

#gologin:hover,
#gologout:hover {
    background: #e96c1c;
}

.mt40p {
    margin-top: 40px;
}

.all100vh {
    height: 100vh;
}

.bgfull {
    width: 100%;
    background-image: url("jpg/login.jpg");
    /* The image used */
    height: 100vh;
    /* You must set a specified height */
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    /* Resize the background image to cover the entire container */
}

.bg_single_color {
    background-color: #F0F0F0;
    padding-top: 70px;
    padding-bottom: 70px;
}

.h100 {
    height: 100%;
}

.form-horizontal {
    padding: 30px;
    width: 70%;
    background: #ffffff;
    margin: 0 auto;
}

.barsetphone {
    display: none;
}

.fromset > .col-12 {
    padding: 0;
}

.displaydrop {
    display: none;
}


@media screen and (min-width: 0px) and (max-width: 767px) {
    .barset01 {
        display: none;
    }
        .barsetphone {
        display: block;
    }
}

.loginset:hover {
    color: #ffffff;
    background: #ed3d03;
}

.m-0 {
    margin: 0;
}

.container {
    max-width: 100%;
}

.center_vertically_frame {
    height: 100%;
}

.loginset {
    padding: 50px 40px;
    width: 80%;
    height: 300px;
    background: #ffffff;
}

.logintitle {
    display: inline-block;
    color: #ed3d03;
    border-left-style: solid;
    border-width: 15px;
    border-bottom-color: #ed3d03;
}

.logintitle > h1 {
    margin-bottom: 0;
    font-size: 30px;
    margin-left: 10px;
}

.mt20p {
    margin-top: 20px;
}

.mt10p {
    margin-top: 10px;
    margin-bottom: 30px;
}

.loginset_forget {
    display: inline-block;
    color: #1F8CB2;
}

.loginset_forget > p {
    margin: 0;
}


.navbar-brand > img {
    margin-left: 15%;
}

.barset01 {
    margin-left: 150px;
    width: 55%;
}

.colorset {
    border-color: #ed3d03;
}

.barset02 {
    padding: 4px 20px 0px 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #ed3d03;
}

.barset02:hover {
    background: #ed3d03;
}

.fa-search {
    color: #ed3d03;
    font-size: 20px;
}

.fa-search:hover {
    color: #ffffff;
}

.barset02:hover > .fa-search {
    color: #ffffff;
}

.barright {
    display: inline-flex;
}

.barright01 {
    margin-right: 20px;
    margin-left: 25%;
    font-size: 40px;
}

.barright02 {
    font-size: 30px;
}

.m-15 {
    margin: 15px;
}

.userset > i {
    color: #ffffff;
    background: #A3A3A3;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 10px 0px 10px 11px;
}

.loginset {
    color: #ffffff;
    background: #A3A3A3;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 10px 0px 10px 9px;
}

.userset:hover > i {
    background: #ed3d03;
}

.shoppingset > i {
    color: #A3A3A3;
}

.btn_sm_back {
    color: #ed3d03;
    float: right;
    border-color: #ed3d03;
    font-size: 18px;
}

.fromset {
    margin-left: 0;
    width: 100%;
}

.btn_sm_back:hover {
    color: #ffffff;
    float: right;
    border-color: #ed3d03;
    background: #ed3d03;
}

.link-top {
    margin-bottom: 15px;
    margin-top: 30px;
    width: 100%;
    height: 1px;
    border-top: solid #897866 1px;
    opacity: 0.3;
}

.label_text {
    margin: 0;
    color: #8A7967;
    padding: 18px 0 0 0px;
    font-size: 14px;
}

.form_input {
    margin: 10px 0;
    padding-right: 0;
}

.pr15 {
    padding-right: 15px;
}

.register_card {
    width: 80%;
    max-width: 100%;
    padding: 30px;
    background: #ffffff;
}

.register04 {
    color: #8A7967;
    padding: 17px 0 0 0px;
    font-size: 14px;
}


.btn_sm_ok {
    margin-left: 10px;
    float: right;
    background: #ed3d03;
    color: #ffffff;
    font-size: 20px;
}

.btn_sm_ok:hover {
    background: #e96c1c;
    color: #ffffff;
}

.barset03 {
    font-size: 20px;
    height: 45px;
}

.shoptittle {
    font-size: 30px;
    margin: 0;
    color: #8A7967;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    /*行數*/
    -webkit-box-orient: vertical;
    white-space: normal;
}

@media (max-width: 991px) {
    .barright01 {
        margin-left: 50px;
    }

    .barright02 {
        margin-left: 50px;
    }
}

@media screen and (min-width: 1735px) and (max-width: 1894px) {
    .label_text {
        font-size: 12px;
    }

    .register04 {
        padding: 17px 0 0 0px;
        font-size: 12px;
    }
}

@media screen and (min-width: 1660px) and (max-width: 1734px) {
    .label_text {
        padding: 17px 0 0 0px;
        font-size: 12px;
    }

    .register04 {
        font-size: 12px;
        padding: 17px 0 0 0px;
    }
}

@media screen and (min-width: 280px) and (max-width: 1659px) {
    .register_card {
        width: 100%;
    }
}

@media screen and (min-width: 280px) and (max-width: 1350px) {
    .pp-0 {
        padding: 0;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1659px) {
    .label_text {
        font-size: 13px;
    }

    .register04 {
        padding: 17px 0 0 0px;
        font-size: 13px;
    }

    .barright01 {
        margin-right: 20px;
        margin-left: 20%;
        font-size: 35px;
    }

    .loginset {
        font-size: 28px;
        padding: 12px 0px 9px 10px;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1499px) {
    .form-horizontal {
        padding: 40px;
    }

    .mt40p {
        margin-top: 40px;
    }

    .label_text {
        padding: 18px 0 0 0px;
        font-size: 12px;
    }

    .barright01 {
        margin-left: 16%;
    }

    .register04 {
        padding: 18px 0 0 0px;
        font-size: 12px;
    }

    .mb-3,
    .my-3 {
        margin-bottom: 20px !important;
    }

    .form_input {
        padding: 0 5px;
    }

    .shoppingset > i {
        font-size: 35px;
    }

    .userset > i {
        font-size: 25px;
        width: 45px;
        height: 45px;
    }
}

.h35 {
    height: 35px;
}

@media screen and (min-width: 1250px) and (max-width: 1439px) {
    .form-horizontal {
        width: 90%;
    }

    .label_text {
        padding: 17px 0 0 0px;
        font-size: 12px;
    }

    .shoppingset > i {
        font-size: 35px;
    }

    .userset > i {
        font-size: 25px;
        width: 45px;
        height: 45px;
    }

    .register04 {
        padding: 18px 0 0 0px;
        font-size: 12px;
    }

    .form_input {
        padding: 0 5px;
    }

    .h35 {
        font-size: 13px;
        height: 30px;
    }

    .barset01 {
        margin-left: 30px;
        width: 60%;
    }

    .loginset {
        font-size: 25px;
        width: 45px;
        height: 45px;
    }

    .barright01 {
        margin-right: 15px;
        margin-left: 24%;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1300px) {
    .register_card {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1249px) {
    .label_text {
        padding: 17px 0 0 0px;
        font-size: 12px;
        white-space: nowrap;
    }

    .shoppingset > i {
        font-size: 35px;
    }

    .form-horizontal {
        width: 90%;
    }
}

.userset > i {
    font-size: 25px;
    width: 45px;
    height: 45px;
}

.register04 {
    white-space: nowrap;
    padding: 18px 0 0 0px;
    font-size: 12px;
}

.form_input {
    padding: 0 5px;
}

.register_card {}

.h35 {
    font-size: 13px;
    height: 30px;
}
}

.barset01 {
    margin-left: 30px;
    width: 60%;
}

.loginset {
    font-size: 25px;
    width: 45px;
    height: 45px;
}

.barright01 {
    margin-right: 15px;
    margin-left: 24%;
}
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
    .label_text {
        padding: 17px 0 0 0px;
        font-size: 12px;
    }

    .form-horizontal {
        width: 90%;
    }
}

.shoppingset > i {
    font-size: 35px;
}

.userset > i {
    font-size: 25px;
    width: 45px;
    height: 45px;
}

.register04 {
    padding: 15px 0 0 0px;
    font-size: 12px;
}

.form_input {
    padding: 0 5px;
    padding-right: 0px;
}

.pr15 {
    padding-right: 15px;
}

.register_card {}

.h35 {
    font-size: 14px;
    height: 35px;
}

.register_card {
    padding: 30px;
}

.barset01 {
    margin-left: 0px;
    width: 100%;
}

.loginset {
    font-size: 25px;
    width: 45px;
    height: 45px;
}
}

.mb-3 {
    margin-bottom: 20px !important;
}

.navbar-brand > img {
    margin-left: 5%;
}

.barright01 {
    margin-right: 15px;
    margin-left: 24%;
}

.w-web50 {
    width: 59%;
    float: right;
    margin: 10px 0 10px 0px;
}

@media screen and (min-width: 720px) and (max-width: 991px) {
    .form-horizontal {
        width: 90%;
    }
}

.label_text {
    padding: 10px 0 0 0px;
    font-size: 17px;
}

.shoppingset > i {
    font-size: 35px;
}

.userset > i {
    font-size: 25px;
    width: 45px;
    height: 45px;
}

.register04 {
    padding: 10px 0 0 0px;
    font-size: 18px;
}

.btn_sm_ok {
    font-size: 17px;
}

.form_input {
    margin: 5px 0;
    padding: 0 5px;
    padding-right: 0px;
}

.h35 {
    font-size: 14px;
    height: 35px;
}

.register_card {
    padding: 30px;

}

.navbarset {
    display: block;
}

.mb-3 {
    margin-bottom: 20px !important;
}

.logintitle > h1 {
    font-size: px;
}

.btn_sm_back {
    font-size: 15px;
}

.loginset {
    font-size: 25px;
    width: 45px;
    height: 45px;
}

.navbar-brand > img {
    margin-left: 0;
    height: 50px;
}

.barright01 {
    margin-right: 15px;
    margin-left: 5%;
}

.m-15 {
    margin: 10px;
}

.barright02 {
    margin-left: 5px;
}
}

@media screen and (min-width: 376px) and (max-width: 719px) {
    .form-horizontal {
        width: 100%;
    }

    .userset > i {
        padding: 10px 0px 10px 14px;
    }

    .m-15 {
        margin: 0;
        padding: 15px;
    }

    .navbar-brand > img {
        margin-left: 0;
    }

    .navbarset {
        display: block;
    }

    .barright01 {
        margin: 0;
    }

    .barright02 {
        font-size: 25px;
        margin-left: 10px;
    }

    .barset01 {
        font-size: 35px;
        display: none;
    }

    .loginset {
        width: 45px;
        height: 45px;
    }

    .register_card {
        padding: 30px 20px;
    }

    .link-top {
        margin-bottom: 5px;
    }

    .form_input {
        padding-left: 10px;
    }

    .pr15 {
        padding-right: 0;
    }

    .pp-0 {
        padding: 0;
    }

    .label_text {
        padding: 15px 0 0 0px;
        font-size: 12px;
    }

    .register04 {
        padding: 17px 0 0 0;
        font-size: 12px;
    }

    .logintitle > h1 {
        font-size: 25px;
    }

    .btn_sm_back {
        font-size: 15px;
    }

    .f15 {
        font-size: 15px;
    }

    .mb-3 {
        margin-bottom: 20px !important;
    }

    .userset > i {
        width: 45px;
        height: 45px;
        padding: 10px 0px 10px 12px;
    }

    .barright01 {
        font-size: 35px;
    }
}

@media screen and (min-width: 540px) and (max-width: 540px) {
    .form-horizontal {
        width: 100%;
    }

    .mb-3 {
        margin-bottom: 10px !important;
    }

    .link-top {
        margin-top: 20px;
    }

    .register_card {
        padding: 20px;
    }
}

@media screen and (min-width: 480px) and (max-width: 480px) {
    .form-horizontal {
        width: 100%;
    }
}


@media screen and (min-width: 400px) and (max-width: 414px) {
    .form-horizontal {
        width: 100%;
    }

    .m-15 {
        margin: 0;
        padding: 15px;
    }

    .navbar-brand > img {
        margin-left: 0;
    }

    .navbarset {
        display: block;
    }

    .barright02 {
        font-size: 25px;
        margin-left: 10px;
    }

    .barset01 {
        font-size: 35px;
        display: none;
    }

    .loginset {
        width: 45px;
        height: 45px;
    }

    .register_card {
        padding: 30px 20px;
    }

    .link-top {
        margin-bottom: 5px;
    }

    .form_input {
        padding-left: 10px;
    }

    .pp-0 {
        padding: 0;
    }

    .label_text {
        padding: 13px 0 0 0px;
    }

    .register04 {
        padding: 13px 0 0 0px;
    }

    .logintitle > h1 {
        font-size: 25px;
    }

    .btn_sm_back {
        font-size: 15px;
    }

    .f15 {
        font-size: 12px;
    }

    .h35 {
        height: 30px;
        font-size: 12px;
    }

    .loginset {
        font-size: 20px;
        width: 35px;
        height: 35px;
        padding: 8px 0px 6px 7px;
    }

    .btn_sm_ok {
        font-size: 16px;
    }
}

@media screen and (min-width: 280px) and (max-width: 414px) {
    .barright01 {
        margin: 0;
    }
}

@media screen and (min-width: 400px) and (max-width: 414px) {
    .form-horizontal {
        width: 100%;
        padding: 30px 20px;
    }
}

@media screen and (min-width: 360px) and (max-width: 375px) {
    .form-horizontal {
        width: 100%;
        padding: 30px;
    }

    .mt40p {
        margin-top: 30px;
    }

    .mb-3 {
        margin-bottom: 20px !important;
    }

    .userset > i {
        font-size: 20px;
        width: 35px;
        height: 35px;
        padding: 8px 0px 7px 11px;
    }

    .barright01 {
        font-size: 35px;
    }

    .barright01 {
        margin-left: 16%;
    }

    .m-15 {
        margin: 0;
        padding: 15px;
    }

    .navbar-brand > img {
        margin-left: 0;
    }

    .navbarset {
        display: block;
    }

    .barright01 {
        margin: 0;
    }

    .barright02 {
        font-size: 25px;
        margin-left: 10px;
    }

    .barset01 {
        font-size: 35px;
        display: none;
    }

    .loginset {
        width: 45px;
        height: 45px;
    }

    .register_card {
        padding: 20px 10px;
    }

    .link-top {
        margin-bottom: 5px;
    }

    .link-top {
        margin-top: 20px;
    }

    .form_input {
        padding-left: 10px;
        margin: 5px 0;
    }

    .pr15 {
        padding-right: 0;
    }

    .pp-0 {
        padding: 0;
    }

    .label_text {
        padding: 10px 0 0 0px;
    }

    .register04 {
        padding: 10px 0 0 0px;
    }

    .logintitle > h1 {
        font-size: 25px;
    }

    .btn_sm_back {
        font-size: 15px;
    }

    .f15 {
        font-size: 12px;
    }

    .shoppingset > i {
        font-size: 30px;
    }

    .h35 {
        height: 30px;
        font-size: 12px;
    }

    .loginset {
        font-size: 20px;
        width: 35px;
        height: 35px;
        padding: 8px 0px 6px 7px;
    }

    .btn_sm_ok {
        font-size: 16px;
    }
}



@media screen and (min-width: 360px) and (max-width: 360px) {
    .form-horizontal {
        padding: 30px 20px;
    }

    .navbar-collapse {
        margin-right: 0;
    }

    .w-web50 {
        width: 50%;
        float: right;
        margin: 5px 0 5px 0px;
    }
}
}

@media screen and (min-width: 411px) and (max-width: 411px) {
    .form-horizontal {
        width: 100%;
        padding: 30px 20px;
    }
}

@media screen and (min-width: 320px) and (max-width: 359px) {
    .loginset_forget > p {
        font-size: 13px;
    }

    .form-horizontal {
        padding: 20px;
        width: 100%;
    }

    .mt40p {
        margin-top: 20px;
    }

    .barright01 {
        font-size: 35px;
        margin-left: 16%;
    }

    .barright02 {
        margin-top: -5px;
    }

    .mb-3 {
        margin-bottom: 10px !important;
    }

    .userset > i {
        font-size: 17px;
        width: 30px;
        height: 30px;
        padding: 9px 0px 5px 11px;
    }

    .m-15 {
        margin: 0;
        padding: 15px;
    }

    .navbar-brand > img {
        margin-left: 0;
    }

    .navbarset {
        display: block;
    }

    .barright01 {
        margin: 0;
        height: 30px;
    }

    .barright02 {
        font-size: 25px;
        margin-left: 10px;
    }

    .barset01 {
        font-size: 35px;
        display: none;
    }

    .loginset {
        width: 45px;
        height: 45px;
    }

    .register_card {
        padding: 20px 15px;
    }

    .link-top {
        margin-bottom: 5px;
    }

    .form_input {
        padding-left: 10px;
        margin: 5px 0;
    }

    .pp-0 {
        padding: 0;
    }

    .label_text {
        padding: 12px 0 0 0px;
    }

    .pr15 {
        padding-right: 0;
    }

    .register04 {
        padding: 12px 0 0 0px;
    }

    .logintitle > h1 {
        font-size: 25px;
    }

    .btn_sm_back {
        font-size: 12px;
    }

    .f15 {
        font-size: 12px;
    }

    .link-top {
        margin-top: 15px;
    }

    .shoppingset > i {
        font-size: 25px;
    }

    .h35 {
        height: 30px;
        font-size: 12px;
    }

    .loginset {
        font-size: 20px;
        width: 35px;
        height: 35px;
        padding: 8px 0px 6px 7px;
    }

    .btn_sm_ok {
        margin-top: 10px;
        font-size: 12px;
    }
}

@media screen and (min-width: 375px) and (max-width: 375px) {
    .mb-3 {
        margin-bottom: 15px !important;
    }
}

@media screen and (min-width: 280px) and (max-width: 319px) {
    .form-horizontal {
        width: 100%;
        padding: 20px 10px;
    }

    .loginset_forget > p {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mt40p {
        margin-top: 20px;
    }

    .barright01 {
        margin-left: 16%;
    }

    .mb-3 {
        margin-bottom: 15px !important;
    }

    .userset > i {
        width: 30px;
        height: 30px;
        padding: 5px 3px 5px 6px;
        font-size: 20px;
    }

    .barright01 {
        font-size: 35px;
    }

    .m-15 {
        margin: 0;
        padding: 15px;
    }

    .navbar-brand > img {
        margin-left: 0;
    }

    .navbarset {
        display: block;
    }

    .barright01 {
        margin: 0;
    }

    .barright02 {
        font-size: 25px;
        margin-left: 10px;
        margin-top: -4px;
    }

    .barset01 {
        font-size: 35px;
        display: none;
    }

    .loginset {
        width: 45px;
        height: 45px;
    }

    .register_card {
        padding: 20px 10px;
    }

    .link-top {
        margin-bottom: 5px;
    }

    .form_input {
        padding-left: 10px;
        margin: 5px 0;
    }

    .pr15 {
        padding-right: 0;
    }

    .pp-0 {
        padding: 0;
    }

    .label_text {
        padding: 10px 0 0 0px;
        font-size: 16px;
        white-space: nowrap;
    }

    .register04 {
        padding: 10px 0 0 0px;
        font-size: 16px;
        white-space: nowrap;
    }

    .logintitle > h1 {
        font-size: 25px;
    }

    .btn_sm_back {
        font-size: 12px;
    }

    .f15 {
        font-size: 12px;
    }

    .link-top {
        margin-top: 20px;
    }

    .shoppingset > i {
        font-size: 25px;
        height: 30px;
    }

    .h35 {
        height: 30px;
        font-size: 12px;
    }

    .loginset {
        font-size: 20px;
        width: 35px;
        height: 35px;
        padding: 8px 0px 6px 7px;
    }

    .btn_sm_ok {
        font-size: 12px;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1280px) {
    .form-horizontal {
        width: 90%;
    }
}

@media screen and (min-width: 280px) and (max-width: 280px) {
    .p0-280 {
        padding: 0;
    }
}

.btn_sm_error {
    color: #ed3d03;
    border-color: #ed3d03;
    font-size: 18px;
}

.btn_sm_error:hover {
    color: #ffffff;
    border-color: #ed3d03;
    background: #ed3d03;
}

.icon_error {
    margin-bottom: 20px;
    color: #ed3d03;
    font-size: 80px;
}

.p_error {
    color: #ed3d03;
    font-size: 15px;
}

.alert_card {
    border-width: 5px;
    border-style: solid;
    border-color: #ed3d03;
    text-align: center;
    padding: 40px;
    padding-bottom: 30px;
    width: 50%;
    max-width: 100%;
    background: #ffffff;
}

@media screen and (min-width: 280px) and (max-width: 768px) {
    .alert_card {
        width: 90%;
    }
}

@media screen and (min-width: 321px) and (max-width: 450px) {
    .icon_error {
        margin-bottom: 20px;
        color: #ed3d03;
        font-size: 60px;
    }

    .btn_sm_error {
        font-size: 12px;
    }
}

@media screen and (min-width: 280px) and (max-width: 320px) {
    .p_error {
        font-size: 12px;
    }

    .icon_error {
        margin-bottom: 20px;
        color: #ed3d03;
        font-size: 60px;
    }

    .btn_sm_error {
        font-size: 12px;
    }
}

@media screen and (min-width: 993px) and (max-width: 1450px) {
    .alert_card {
        width: 70%;
    }
}

@media screen and (min-width: 480px) and (max-width: 992px) {
    .alert_card {
        width: 100%;
    }
}

.alert_card_ok,
.alert_card_ok i,
.alert_card_ok p,
.alert_card_ok button {
    border-color: blue;
    color: blue;
}

.alert_card_ok > a > .btn_sm_error:hover {
    background: blue;
    border-color: blue;
    color: #ffffff;
}

.carousel-item > img {
    width: 100%;
}

.indexlist {
    color: #8A7967;
    display: inline-block;
    border-left-style: solid;
    border-width: 20px;
    border-bottom-color: #8A7967;
}

.mtlist {
    margin-top: 80px;
}

.indexlist {
    margin: 0;
    padding-left: 10px;
    font-size: 30px;
    line-height: 60px;
}

.indexlist {
    height: 100%;
}

.dashedline {
    border-width: 2px;
    border-bottom-style: dashed;
    border-bottom-color: #8A7967;
}

.result {
    vertical-align: sub;
    margin: 0 20px;
    color: #8A7967;
    font-size: 22px;
    display: inline-block;
}

.dfx {
    display: flex;
}

.goods_list_1 {
    margin: 0 10px;
    font-size: 25px;
    color: #ffffff;
    background: #8A7967;
}

.goods_list_1:hover {
    background: #ed3d03;
    color: #ffffff;
}

.goods_list_2 {
    font-size: 25px;
    color: #ffffff;
    background: #8A7967;
}

.goods_list_2:hover {
    background: #ed3d03;
    color: #ffffff;
}

.listwo:hover {
    background: #ed3d03;
    color: #ffffff;
}

.mtb20px {
    margin: 20px 0;
}

.p-0 {
    padding: 0
}

.disgrip {
    display: grid;
}

.btnstyle:hover {
    background: #ed3d03;
    color: #ffffff;
    border-color: #ed3d03;
}

.btnstyle {
    border-left-style: solid;
    border-width: 2px;
    border-bottom-color: #8A7967;
    color: #8A7967;
    font-size: 22px;
    width: 100%;
    border-radius: 0;
}

.active {
    background: #8A7967;
    color: #ffffff;
}

.bgcolor {
    background-color: #F7F7F7;
}

.indextext {
    text-decoration: line-through;
    font-size: 20px;
    color: #8A7967;
    display: inline-block;
}

.indextittle {
    height: 48px;
    font-size: 20px;
    margin: 0;
    color: #8A7967;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    /*行數*/
    -webkit-box-orient: vertical;
    white-space: normal;
}

.cardborderline {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-color: #C1C1C1;
}

.cardborderline2 {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-color: #C1C1C1;
    height: 67px
}

.cardborder {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-color: #C1C1C1;
}

.indextextred {
    margin: 0 10px;
    font-size: 20px;
    display: inline-block;
    color: #C55D1E;
}

.m-00 {
    margin: 0;
}

.mb20px {
    margin-bottom: 20px;
}

.mtb40px {
    margin: 40px 0;
}

.btngu {
    padding-left: 0;
    padding-right: 1%;
}

.listactive {
    background-color: #ed3d03;
}

.listactive:hover {
    background-color: #ed3d03;
}

.card-img-top {
    position: relative;
}

.cardbox2 .mask {
    position: absolute;
    width: 100%;
    opacity: 0;
    top: 0;
}

.cardbox2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cardbox2:hover .mask {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #171717;
    opacity: .5;
    transition: all .1s ease-in-out;
    height: 350px;
}

.opimg {
    position: absolute;
    background-color: #171717;
    width: 100%;
    opacity: 0;
    height: 200px
}

.mask {
    text-align: center;
}

.cardbox2:hover .btndesign {
    opacity: 1;
    transition: all .1s ease-in-out;
    width: 70%;
    margin-top: 50px;
}

.cardbox2:hover .btndesignmore {
    margin-top: -50px;
    width: 70%;
    position: relative;
}

.btndesign {
    opacity: 0;
    position: absolute;
    border: 2px solid;
    border-color: #ed3d03;
    color: #ffffff;
    background-color: #ed3d03;
}

.btndesign:hover {
    background-color: #e96c1c;
    color: #ffffff;
    border-color: #ffffff;
}

.btndesign:hover > .shoppingset2 > i {
    transition: .5s;
    color: #ffffff;
}

.shoppingset2 > i {
    color: #ffffff;
    margin-left: 5px;
}

.bgfff {
    background: #ffffff;
    margin-top: 80px;
}

.mt40p {
    margin-top: 40px;
}

.pr40px {
    padding-right: 40px;
}

.pr30px {
    padding-right: 15px;
    padding-left: 15px;
}

.pl0 {
    padding-left: 0;
}

.indexcard {
    padding-right: 30px;
    padding-left: 30px;
}

.pl40 {
    padding-left: 40px;
}

.pr0 {
    padding-right: 0;
}

.indexcard02 {
    padding: 10px 30px;
}

.indexcard02 > .indexcardset {
    padding: 70px 0 0 0;
    width: 100%;
}

.btn_order {
    font-size: 20px;
    border: 2px solid;
    border-color: #ed3d03;
    color: #ffffff;
    background-color: #ed3d03;
    width: 30%;
}

.btn_order:hover {
    background-color: #e96c1c;
    color: #ffffff;
    border-color: #ffffff;
}

.btn_order:hover > .shoppingset2 > i {
    color: #ffffff;
}

.btn_order > .shoppingset2 > i {
    color: #ffffff;
}

.btndesign_2 {
    font-size: 20px;
    border: 2px solid;
    border-color: #ed3d03;
    color: #ffffff;
    background-color: #ed3d03;
    width: 30%;
}

.btndesign_2:hover {
    background-color: #e96c1c;
    color: #ffffff;
    border-color: #ffffff;
}

@media only screen and (min-width: 1000px) and (max-width: 1267px) {
    .btndesign_2 {
        width: 35%;
        font-size: 16px;
    }
}

@media only screen and (min-width: 1px) and (max-width: 999px) {
    .btndesign_2 {
        font-size: 16px;
    }
}

.footer {
    height: 70px;
    text-align: center;
    color: #ffffff;
    background-color: #3D434C;
    font-size: 20px;
}

.shoppingfrom {
    padding: 0;
    margin: 50px 0;
    background: #ffffff;
    max-width: 1200px;
}

.fromline {
    padding: 10px 0;
    border-top: 1px solid rgba(0, 0, 0, .125);
    border-color: #C1C1C1;
}

.shoppingser3 {
    padding: 20px;
}

.cartset {
    border: none;
    padding: 0 20px;
    padding-bottom: 20px;
    position: relative;
}

.p015 {
    padding: 0 15px;
}

.cartset02 {
    padding: 0 20px;
    padding-right: 0;
}

.carttitle {
    padding: 0;
}

.dropmg {
    display: inline-block;
    margin-right: 5px;
    min-width: 128px;
    text-align: left;
}

.btnline {
    display: inline;
    border-right: 1px solid #ed3d03;
    height: 95%;
    position: absolute;
    z-index: 2;
    margin-top: -0.3rem;
    margin-left: -5px;
}

.btnline2 {
    display: inline;
    border-right: 1px solid #ed3d03;
    height: 95%;
    position: absolute;
    z-index: 2;
    margin-top: -0.5rem;
    margin-left: -15px;
}

ul,
i {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
    cursor: pointer;
    text-decoration: none;
}

a:link {
    text-decoration: none;
}

img {
    vertical-align: middle;
}

.btn-numbox {
    margin: 0 -40px;
    display: inline-block;
}

.btn-numbox li {
    float: left;
}

.btn-numbox .count {
    padding: 0;
    overflow: hidden;
    margin: 0;
}

.btn-numbox .count .num-jian,
.input-num,
.num-jia {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 34px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    border: 1px solid;
    color: #ed3d03;
    border-color: #ed3d03;
}

.btn-numbox .count .num-jian:hover {
    background-color: #ed3d03;
    color: #fff;
}

.btn-numbox .count .num-jia:hover {
    background-color: #ed3d03;
    color: #fff;
}

.btn-numbox .count .input-num {
    width: 60px;
    height: 35px;
    color: #333;
    border-left: 0;
    border-right: 0;
}

.price {
    color: #ed3d03;
    font-size: 30px;
    padding-bottom: 0;
}

.numbox2 {
    margin-top: 0;
}

.shopname {
    color: #8A7967;
    padding: 0px;
}

.shoptotal {
    display: inline-block;
    color: #ed3d03;
    font-size: 30px;
    margin: 0;
    padding: 5px 0;
}

.mb10px {
    margin-bottom: 10px;
}

.goods_text_ordercar_bg {
    margin: 0;
    background: #efefef;
    display: flex;
    align-items: center;
    padding-left: 15px;
    ;
    padding-right: 0;
    height: 70px;
}

.bordertop {
    border-top: 1px solid rgba(0, 0, 0, .125);
    border-color: #C1C1C1;
}

.commcard {
    color: #8A7967;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-color: #C1C1C1;
    padding: 30px;
}

.commcard > h4 {
    font-size: 35px;
    margin-bottom: 20px;
}

.commcard > h6 {
    font-size: 25px;
    line-height: 50px;
}

.commcardborderline {
    margin: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-color: #C1C1C1;
}

.commimgset > img {
    width: 90%;
}

.control > img {
    width: 23.5%;
    margin-top: 10px;
}

.slideactive > img {
    border: 2px solid rgba(0, 0, 0, .125);
    border-color: #ed3d03;
}

.controls > .active {
    background: transparent;
}

.mt10 {
    margin-top: 10px;
}

.p20 {
    padding: 20px;
}

.number {
    margin-right: 20px;
    color: #8A7967;
    font-size: 20px;
}

.commbtmset {
    display: flex;
    padding: 0;
    padding-top: 10px;
    width: 100%;
}

.commcard02 {
    position: relative;
    padding: 10px;
    padding-right: 20px;
}

@media only screen and (min-width: 1400px) and (max-width: 1532px) {
    .result {
        font-size: 20px;
    }

    .control > img {
        width: 23%;
    }
}

}

@media only screen and (min-width: 1250px) and (max-width:1399px) {
    .btngu {
        padding-right: 1%;
    }

    .indexcardpd {
        padding: 10px 1.25rem;
    }

    .control > img {
        width: 23%;
    }

    .commtittle {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1000px) and (max-width:1249px) {
    .result {
        margin: 0;
    }

    .indexlistset {
        padding: 10px 0;
    }

    .indexcardpd {
        padding: 10px 1.25rem;
    }

    .indexcard {
        padding-right: 10px;
        padding-left: 10px;
    }

    .btn_order {
        font-size: 16px;
    }

    .indexcard02 > .indexcardset {
        bottom: 0%;
    }

    .cardborderline {
        padding: 15px 1.25rem;
    }

    .btngu {
        padding-right: 1%;
    }


    .control > img {
        width: 22%;
    }

    .commbtmset > ul > li > .number {
        font-size: 15px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .input-num {
        height: 25px;
        font-size: 15px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jia {
        display: inline-block;
        width: 30px;
        height: 25px;
        line-height: 22px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jian {
        display: inline-block;
        width: 30px;
        height: 25px;
        line-height: 22px;
    }

}

@media only screen and (min-width: 768px) and (max-width:999px) {
    .result {
        margin: 0;
    }

    .mb20px {
        margin-bottom: 0;
    }

    .btndesign {
        font-size: 13px;
    }


    .indexlistset {
        padding: 5px 0;
    }

    .mtb20px {
        margin: 15px 0;
    }

    .indexcard {
        padding-right: 10px;
        padding-left: 10px;
    }

    .btngu {
        padding-right: 1%;
    }

    .indextittlecard2 {
        font-size: 18px;
    }

    .indexcard02 {
        padding: 10px 30px;
    }

    .cardborderline2 {
        padding: 5px 0 10px 0;
    }

    .btn_order {
        font-size: 12px;
    }

    .indexcard02 > .indexcardset {
        bottom: 0%;
        padding-right: 30px;
    }

    .indexcontentcard {
        padding: 10px 0;
    }

    .commbtmset > .btn-numbox > li > ul > li > .input-num {
        height: 25px;
        font-size: 15px;
    }

    .commbtmset > ul > li > .number {
        font-size: 15px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jia {
        display: inline-block;
        width: 30px;
        height: 25px;
        line-height: 22px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jian {
        display: inline-block;
        width: 30px;
        height: 25px;
        line-height: 22px;
    }

    .control > img {
        width: 22%;
    }

    .commbtmset {
        padding: 10px 0;
    }
}

.indexcard {
    margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width:1000px) {
    .mtlist {
        margin-top: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width:910px) {
    .btndesign {
        font-size: 12px;
    }

    .cardborderline {
        padding: 10px;
    }

    .indexcard {
        padding-right: 5px;
        padding-left: 5px;
    }

    .indextittlecard2 {
        font-size: 18px;
    }

    .indexcardpd {
        padding: 5px 10px;
    }

    .indexcard {
        margin-bottom: 20px;
    }

    .footer {
        height: 50px;
        font-size: 15px;
    }

    .indexcontentcard2 {
        padding: 10px 0;
    }

    .list2card {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 720px) and (max-width:767px) {
    .barset03 {
        height: 45px;
    }
}

@media only screen and (min-width: 768px) and (max-width:830px) {
    .barset01 {
        margin: 0px;
    }

    .barset03 {
        height: 50px;
    }

    .indexcard02 > .indexcardset {
        padding: 10px 0;
        padding-right: 20px;
    }

    .indexcard02 {
        padding-right: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .result {
        margin: 10px;
    }

    .mb20px {
        margin-bottom: 0;
    }

    .indextext {
        font-size: 18px;
    }

    .mtlist {
        margin-top: 30px;
    }



    .indextittle {
        height: 60px;
    }

    .indexlistset {
        padding: 5px 0;
    }

    .indexlinephone {
        padding: 0 20px;
    }

    .mtb20px {
        margin: 15px 0;
    }

    .indextextred {
        font-size: 18px;
    }

    .indexcard {
        margin-top: 20px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .btngu {
        padding: 0 20px;
        padding-right: 1%;;
        margin-top: 20px;
    }

    .card_sort_1 {
        padding: 0px 5px;
        min-height: 700px;
    }

    .input-group-append > .barset02 {
        height: 45px;
    }

    .barsetphone > .input-group-append {
        display: inline-block;
        margin-left: -4px;
    }

    .list2phone {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .list2card {
        margin-top: 20px;
    }

    .indexcard02 {
        padding: 10px 20px 10px 20px;
    }

    .indexcard02 > .indexcardset {
        padding: 0;
    }

    .btn_order {
        font-size: 12px;
    }

    .indexcontentcard {
        padding: 10px 0;
    }

    .cardborderline2 {
        padding: 10px 0;
    }

    .shopphonecon {
        padding: 0 30px;
    }

    .shoptittle {
        font-size: 18px;
    }

    .cardindxpset {
        padding: 5px 0;
    }

    .fromline {
        padding: 10px 0;
    }

    .cartset {
        padding-bottom: 20px;
    }


    .dropcard {
        padding: 10px 0;
    }

    .dropmg {
        font-size: 15px;
        min-width: 100px;
    }

    .mb10px {
        margin-bottom: 5px;
    }

    .btnline {
        margin-top: -0.1rem;
    }

    .btn-numbox .count .input-num {
        width: 80px;
        height: 30px;
    }

    .btn-numbox .count .commsetnum {
        width: 50px;
        height: 30px;
    }

    .btn-numbox .count .num-jian,
    .input-num,
    .num-jia {
        height: 30px;
        font-size: 15px;
        line-height: 25px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .input-num {
        height: 25px;
        font-size: 15px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jia {
        display: inline-block;
        width: 30px;
        height: 25px;
        line-height: 22px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jian {
        display: inline-block;
        width: 30px;
        height: 25px;
        line-height: 22px;
    }

    .commbtmset > ul > li > .number {
        font-size: 15px;
        margin-right: 5px;
    }

    .control > img {
        width: 22.5%;
    }
}
@media only screen and (min-width: 576px) and (max-width:767px) {
  .barsetphone {
        text-align: center;
        margin-top: 10px;
    }
}
@media only screen and (min-width: 650px) and (max-width:768px) {
    .btndesign {
        font-size: 15px;
    }
}

@media only screen and (min-width: 577px) and (max-width:641px) {
    .barsetphone > .barset03 {
        width: 88%;
    }
}

.list2phone {
    margin-bottom: 20px;
}

@media only screen and (min-width: 1000px) and (max-width:1267px) {
    .btn_order {
        width: 35%;
    }

    .btn_order {
        font-size: 20px;
    }
}

@media only screen and (min-width: 650px) and (max-width:999px) {
    .btn_order {
        width: 40%;
    }

    .btn_order {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1px) and (max-width:649px) {
    .btn_order {
        width: 40%;
        margin: 5px 0;
    }
}
@media only screen and (min-width: 576px) and (max-width:767px) {
    .barsetphone > .barset03 {
        width: 90%;
        display: inline-block;
        padding-top: 1px;
    }
}
@media only screen and (min-width: 400px) and (max-width:576px) {
    .result {
        margin: 5px;
    }

    .mb20px {
        margin-bottom: 0;
    }

    .indextext {
        font-size: 20px;
    }

    .mtlist {
        margin-top: 30px;
    }

    .indextittle {
        height: 60px;
    }

    .goods_list_1 {
        padding: 0.3rem 0.6rem;
        margin: 0 5px;
    }

    .goods_list_2 {
        padding: 0.3rem 0.6rem;
        margin: 0 5px;
    }

    .indexlist {
        margin: 11px 5px;
    }

    .indexlistset {
        padding: 5px 0;
    }

    .indexlinephone {
        padding: 0 20px;
    }

    .mtb20px {
        margin: 15px 0;
    }

    .indextextred {
        font-size: 20px;
    }

    .indexcard {
        margin-top: 20px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .listphone {
        padding: 0 15px;
        padding-left: 20px;
    }

    .card_sort_1 {
        padding: 0px;
        margin: 0;
        width: 100%;
    }

    .btndesign {
        font-size: 12px;
    }

    .barsetphone > .barset03 {
        width: 90%;
        display: inline-block;
        padding-top: 1px;
    }

    .input-group-append > .barset02 {
        height: 50px;
    }

    .barsetphone > .input-group-append {
        display: inline-block;
        margin-left: -5px;
    }

    .indexlist {
        border-width: 15px;
    }

    .barsetphone > .barset03 {
        width: 83%;
    }

    .indexcard > .card > .cardborderline {
        padding: 0.5rem;
    }

    .indexcardpd {
        padding: 0.5rem;
    }

    .btn_order {
        font-size: 12px;
    }

    .indexcontentcard {
        padding: 5px 0;
    }

    .cardborderline2 {
        padding: 5px 0;
    }

    .indexcard02 {
        padding: 10px
    }

    .indexcard02 > .indexcardset {
        padding-right: 10px;
        bottom: 0;
        padding-bottom: 10px;
    }

    .list2phone {
        margin-top: 20px;
    }

    .list2card {
        margin-top: 20px;
    }
}


@media only screen and (min-width: 360px) and (max-width:399px) {
    .result {
        font-size: 12px;
        margin: 5px;
    }

    .mb20px {
        margin-bottom: 0;
    }

    .indextext {
        font-size: 20px;
    }

    .mtlist {
        margin-top: 30px;
    }

    .listcol12set {
        padding: 0
    }

    .btnstyle {
        width: auto;
        font-size: 14px;
        margin-right: 5px;
        border-color: #8A7967;
        border-width: 1px;
        margin-top: 10px;
    }

    .indextittle {
        line-height: 30px;
        font-size: 20px;
    }

    .indexlist {
        margin: 11px 5px;
    }

    .indexlistset {
        padding: 5px 0;
    }

    .indexlinephone {
        padding: 0 20px;
    }

    .mtb20px {
        margin: 15px 0;
    }

    .indextextred {
        font-size: 20px;
    }

    .indexcard {
        margin-top: 20px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .btngu {
        padding-right: 1%;
    }

    .listphone {
        padding: 0 20px;
    }

    .card_sort_1 {
        margin: 0;
    width: 100%;
    }

    .btndesign {
        font-size: 12px;
    }

    .barsetphone {
        text-align: center;
        margin-top: 30px;
    }

    .barsetphone > .barset03 {
        width: 90%;
        display: inline-block;
        padding-top: 1px;
    }

    .barsetphone > .input-group-append {
        display: inline-block;
        margin-left: -5px;
    }

    .indexlist {
        border-width: 10px;
    }

    .barsetphone > .barset03 {
        font-size: 18px;
        height: 35px;
        width: 81%;
    }

    .indexcard > .card > .cardborderline {
        padding: 0.5rem;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .indexcardpd {
        padding: 0.5rem;
    }

    .footer {
        font-size: 15px;
    }

    .btn_order {
        font-size: 14px;
    }

    .indexcontentcard {
        padding: 5px 0;
    }

    .cardborderline2 {
        padding: 5px 0;
    }

    .indexcard02 {
        padding: 5px;
    }

    .indexcard02 > .indexcardset {
        padding-right: 0px;
        bottom: 0;
        padding-bottom: 10px;
    }

    .list2phone {
        margin-top: 20px;
    }

    .list2card {
        margin-top: 20px;
    }

    .btn_order {
        padding: 3px;
    }
}

@media only screen and (min-width: 1024px) and (max-width:1024px) {
    .cardborderline2 {
        padding: 10px 0;
    }

    .indexcard02 {
        padding: 10px 20px 10px 20px;
    }

    .indexcard02 > .indexcardset {
        padding-right: 20px;
    }
}

@media only screen and (min-width: 280px) and (max-width:359px) {
    .result {
        font-size: 12px;
        margin: 5px;
    }

    .mb20px {
        margin-bottom: 0;
    }

    .indextext {
        font-size: 15px;
    }

    .listcol12set {
        padding: 0
    }

    .btnstyle {
        width: auto;
        font-size: 12px;
        margin-right: 5px;
        border-color: #8A7967;
        border-width: 1px;
        margin-top: 10px;
    }

    .indextittle {
        line-height: 30px;
        font-size: 15px;
    }

    .goods_list_1 {
        padding: 0.3rem 0.6rem;
        margin: 0 5px;
    }

    .goods_list_2 {
        padding: 0.3rem 0.6rem;
        margin: 0;
    }

    .indexlist {
        margin: 12px 5px;
    }

    .indexlistset {
        padding: 5px;
    }

    .indexlinephone {
        padding: 0 20px;
    }

    .mtb20px {
        margin: 15px 0;
    }

    .indextextred {
        font-size: 15px;
    }

    .indexcard {
        margin-top: 20px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .btngu {
        padding-right: 1%;
    }

    .listphone {
        padding: 0 20px;
    }

    .card_sort_1 {
        width: 100%;
        margin: 0;
        padding-right: 0;
    }

    .btndesign {
        padding: 5px;
        font-size: 12px;
    }

    .barsetphone {
        text-align: center;
        margin-top: 30px;
    }

    .barsetphone > .barset03 {
        width: 90%;
        display: inline-block;
        padding-top: 4px;
    }

    .barsetphone > .input-group-append {
        display: inline-block;
        margin-left: -5px;
    }

    .indexlist {
        border-width: 10px;
    }

    .barsetphone > .barset03 {
        font-size: 14px;
        height: 30px;
        width: 78%;
    }

    .indexcard > .card > .cardborderline {
        padding: 0.5rem;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .indexcardpd {
        padding: 0.5rem;
    }

    .footer {
        font-size: 15px;
    }

    .fa-search {
        font-size: 15px;
    }

    .btn_order {
        font-size: 12px;
    }

    .indexcontentcard {
        padding: 5px 0;
        padding-top: 0;
    }

    .cardborderline2 {
        padding: 5px 0;
        padding-top: 0;
    }

    .indexcard02 {
        padding: 5px;
    }

    .indexcard02 > .indexcardset {
        padding-right: 0px;
        bottom: 0;
        padding-bottom: 5px;
    }

    .list2phone {
        margin-top: 20px;
    }

    .list2card {
        margin-top: 20px;
    }

    .btn_order {
        padding: 3px;
    }
}

@media only screen and (min-width: 280px) and (max-width:319px) {
    .barsetphone > .barset03 {
        font-size: 12px;
        width: 77%;
        padding-top: 5.5px;
    }

    .indexlist {
        margin: 12px 0px;
    }

    .result {
        margin: 0
    }

    .goods_list_1 {
        padding: 0.2rem 0.5rem;
        margin: 0
    }

    .goods_list_2 {
        padding: 0.2rem 0.5rem;
    }

    .btnstyle {
        padding: 10px;
    }

    .indexcard02 {
        padding: 3px;
    }

    .p320zero {
        padding: 0
    }

    .list2phone > .pr30px {
        padding-right: 20px;
    }

    .list2card > .pr30px {
        padding-right: 20px;
    }

    .listphone {
        padding: 0;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .shoptittle {
        font-size: 20px;
        margin: 0;
        color: #8A7967;
    }

    .fromline {
        padding: 10px 0;
    }

    .cartset {
        padding-bottom: 20px;
    }

    .dropcard {
        padding-top: 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .shoptittle {
        font-size: 18px;
        margin: 0;
        color: #8A7967;
    }

    .fromline {
        padding: 10px 0;
    }

    .cartset {
        padding-bottom: 20px;
    }

    .btn-numbox .count .input-num {
        width: 89px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .input-num {
        height: 25px;
        font-size: 15px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jia {
        display: inline-block;
        width: 30px;
        height: 25px;
        line-height: 22px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jian {
        display: inline-block;
        width: 30px;
        height: 25px;
        line-height: 22px;
    }

    .dropmg {
        font-size: 15px;
        min-width: 100px;
    }

    .dropcard {
        padding-top: 15px;
    }
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .btn_sm_ok {
        width: 100%;
    }

    .register04 {
        padding: 15px 0 0 0px;
    }

    .label_text {
        padding: 15px 0 0 0px;
    }

    .btngu {
        text-align: center;
    }

    .form_input {
        padding: 6px 0;

    }

    .mtlist {
        margin-top: 20px;
            padding-left: 10px;
    padding-right: 10px;
    }

    .barsetphone {
        margin-top: 25px;
    }
}

@media screen and (min-width: 400px) and (max-width: 575px) {
    .cartset {
        padding: 0 10px;
        padding-bottom: 20px;
    }

    .dropcard {
        padding: 5px 0;
    }

    .dropmg {
        min-width: 100px;
    }

    .shoptittle {
        font-size: 17px;
    }

    .fromline {
        padding: 10px 0;
    }

    .shopphonecon {
        padding: 0 30px;
    }

    .shoptotal {
        margin-bottom: 10px;
    }

    .mb10px {
        margin-bottom: 5px;
    }

    .btnline {
        margin-top: -0.2rem;
    }

    .btn-numbox .count .input-num {
        width: 80px;
        height: 25px;
        font-size: 14px;
    }

    .btn-numbox .count .commsetnum {
        width: 80px;
        height: 25px;
        font-size: 12px;
    }

    .btn-numbox .count .num-jian,
    .input-num,
    .num-jia {
        height: 25px;
        font-size: 13px;
        line-height: 22px;
    }

    .shoppingser3 {
        padding: 20px 10px;
    }

    .cartset02 {
        padding: 0 10px;
    }

    .footer {
        font-size: 15px;
        height: 50px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .input-num {
        height: 25px;
        font-size: 15px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jia {
        display: inline-block;
        width: 30px;
        height: 25px;
        line-height: 22px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jian {
        display: inline-block;
        width: 30px;
        height: 25px;
        line-height: 22px;
    }

    .commbtmset > ul > li > .number {
        font-size: 17px;
        margin-right: 5px;
    }

    .control > img {
        width: 24%;
    }

    .commbtmset {
        position: relative;
        bottom: 0px;
        margin-top: 10px;
    }

    .bigimgslide {
        width: 100%;
    }

    .commbgphone {
        margin-top: 0;
        background: none;
        border: none;
    }

    .commbgphone2 {
        background: none;
        border: none;
        padding: 25px;
        padding-right: 30px;
        padding-top: 0px;
        margin-bottom: 10px;
    }

    .commcardoutpd {
        padding: 0;
        margin: 15px;
    }

    .p10 {
        padding: 10px;
    }

    .phonept0 {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .commimgset > img {
        width: 100%;
    }
}

@media screen and (min-width: 360px) and (max-width: 399px) {
    .cartset {
        padding: 0 10px;
        padding-bottom: 20px;
    }


    .dropcard {
        padding: 5px 0;
    }

    .shopname {
        padding: 8px 0 0 0px;
    }

    .dropmg {
        font-size: 12px;
        min-width: 100px;
    }

    .shoptittle {
        font-size: 17px;
    }

    .fromline {
        padding: 10px 0;
    }

    .shopphonecon {
        padding: 0 30px;
    }

    .shoptotal {
        margin-bottom: 10px;
    }

    .mb10px {
        margin-bottom: 5px;
    }

    .btnline {
        height: 95%;
        margin-top: -0.1rem;
    }

    .btn-numbox .count .input-num {
        width: 60px;
        height: 25px;
        font-size: 14px;
    }

    .btn-numbox .count .commsetnum {
        width: 60px;
        height: 25px;
        font-size: 12px;
    }

    .btn-numbox .count .num-jian,
    .input-num,
    .num-jia {
        height: 25px;
        font-size: 13px;
        line-height: 22px;
    }

    .shoppingser3 {
        padding: 20px;
    }

    .shopprimary {
        padding: 0.02rem 0.5rem;
        height: 30px;
    }

    .cartset02 {
        padding: 0 10px;
    }

    .footer {
        font-size: 15px;
        height: 50px;
    }

    .loginset_forget > p {
        font-size: 15px;
    }

    .shoppingser3 {
        padding: 20px 10px;
    }

    .btn-numbox .count .input-num {
        width: 60px;
        height: 25px;
    }

    .btn-numbox .count .commsetnum {
        width: 70px;
        height: 25px;
    }

    .btn-numbox .count .num-jian,
    .input-num,
    .num-jia {
        height: 25px;
        font-size: 15px;
        line-height: 22px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .input-num {
        height: 25px;
        font-size: 15px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jia {
        display: inline-block;
        width: 30px;
        height: 25px;
        line-height: 22px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jian {
        display: inline-block;
        width: 30px;
        height: 25px;
        line-height: 22px;
    }

    .commbtmset > ul > li > .number {
        font-size: 17px;
        margin-right: 5px;
    }

    .control > img {
        width: 23.8%;
    }

    .commbtmset {
        width: 97%;
        position: relative;
        bottom: 0px;
        margin-top: 10px;
        padding-bottom: 0;
    }

    .bigimgslide {
        width: 100%;
    }

    .commbgphone {
        margin-top: 0;
        background: none;
        border: none;
    }

    .commbgphone2 {
        background: none;
        border: none;
        padding: 25px;
        padding-right: 30px;
        padding-top: 0px;
        margin-bottom: 10px;
    }

    .commcardoutpd {
        padding: 0;
        margin: 15px;
        margin-bottom: 0px;
    }

    .p10 {
        padding: 10px;
    }

    .phonept0 {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .commimgset > img {
        width: 100%;
    }

    .commtittle {
        font-size: 20px;
    }

    .commcard > h4 {
        margin-bottom: 5px;
    }


}

@media screen and (min-width: 320px) and (max-width: 359px) {
    .cartset {
        padding: 0 10px;
        padding-bottom: 20px;
    }

    .dropcard {
        padding: 5px 0;
    }

    .shopname {
        padding: 10px 0 0 0px;
    }

    .dropmg {
        font-size: 12px;
        min-width: 100px;
    }

    .shoptittle {
        font-size: 17px;
    }

    .fromline {
        padding: 10px 0;
    }

    .shopphonecon {
        padding: 0 30px;
    }

    .shoptotal {
        margin-bottom: 10px;
    }

    .mb10px {
        margin-bottom: 5px;
    }

    .btnline {
        height: 95%;
        margin-top: -0.1rem;
    }


    .shoppingser3 {
        padding: 20px;
    }

    .shopprimary {
        padding: 0.02rem 0.5rem;
        height: 30px;
    }

    .cartset02 {
        padding: 0 10px;
    }

    .footer {
        font-size: 15px;
        height: 50px;
    }

    .loginset_forget > p {
        font-size: 15px;
    }

    .shoppingser3 {
        padding: 20px 10px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .input-num {
        height: 25px;
        font-size: 12px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jia {
        display: inline-block;
        width: 30px;
        height: 25px;
        line-height: 22px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jian {
        display: inline-block;
        width: 30px;
        height: 25px;
        line-height: 22px;
    }

    .commcardborderline {
        margin: 10px 0;
    }

    .commbtmset > ul > li > .number {
        font-size: 12px;
        margin-right: 5px;
    }

    .control > img {
        width: 23.8%;
    }

    .commbtmset {
        width: 89%;
        bottom: -10px;
    }

    .bigimgslide {
        width: 100%;
    }

    .commbgphone {
        margin-top: 0;
        background: none;
        border: none;
    }

    .commbgphone2 {
        background: none;
        border: none;
        padding: 25px;
        padding-right: 30px;
        padding-top: 40px;
        margin-bottom: 10px;
    }

    .commcardoutpd {
        padding: 0;
        margin: 0;
    }

    .p10 {
        padding: 10px;
    }

    .phonept0 {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .commimgset > img {
        width: 100%;
    }

    .commtittle {
        font-size: 20px;
    }

    .commcard > h4 {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .commcard > h6 {
        font-size: 20px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1px) and (max-width: 767px) {
    .btn-numbox .count .input-num {
        width: 80px;
        height: 30px;
    }

    .w-web50 {
        width: auto;
    }

    .btn-numbox .count .commsetnum {
        width: 50px;
        height: 30px;
    }

    .btn-numbox .count .num-jian,
    .input-num,
    .num-jia {
        height: 30px;
        font-size: 15px;
        line-height: 25px;
    }
}

@media screen and (min-width: 280px) and (max-width: 319px) {
    .cartset {
        padding: 0 5px;
        padding-bottom: 10px;
    }

    .dropcard {
        padding: 5px 0;
    }

    .shopname {
        padding: 10px 0 0 0px;
    }

    .dropmg {
        font-size: 12px;
        min-width: 80px;
    }

    .shoptittle {
        font-size: 17px;
    }

    .fromline {
        padding: 5px 0;
    }

    .shopphonecon {
        padding: 0 15px;
    }

    .shoppingfrom {
        margin: 30px 0;
    }

    .shoptotal {
        margin-bottom: 10px;
    }

    .mb10px {
        margin-bottom: 5px;
    }

    .btnline {
        height: 98%;
        margin-top: 0rem;
    }

    .btn-numbox .count .input-num {
        width: 60px;
        height: 25px;
        font-size: 12px;
    }

    .btn-numbox .count .commsetnum {
        width: 45px;
        height: 25px;
        font-size: 12px;
    }

    .btn-numbox .count .num-jian,
    .input-num,
    .num-jia {
        height: 25px;
        font-size: 13px;
        line-height: 22px;
    }

    .shoppingser3 {
        padding: 20px;
    }

    .shopprimary {
        padding: 0.02rem 0.5rem;
        height: 25px;
    }

    .cartset02 {
        padding: 0 10px;
    }

    .footer {
        font-size: 15px;
        height: 50px;
    }

    .shoppingser3 {
        padding: 20px 10px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .input-num {
        height: 25px;
        font-size: 12px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jia {
        display: inline-block;
        width: 25px;
        height: 25px;
        line-height: 22px;
    }

    .commbtmset > .btn-numbox > li > ul > li > .num-jian {
        display: inline-block;
        width: 25px;
        height: 25px;
        line-height: 22px;
    }

    .commcardborderline {
        margin: 10px 0;
    }

    .commbtmset > ul > li > .number {
        font-size: 12px;
        margin-right: 5px;
    }

    .control > img {
        width: 23.5%;
    }

    .commbtmset {
        position: relative;
        bottom: 0px;
        margin-top: 10px;
        padding-bottom: 0;
    }

    .bigimgslide {
        width: 100%;
    }

    .commbgphone {
        margin-top: 0;
        background: none;
        border: none;
    }

    .commbgphone2 {
        background: none;
        border: none;
        padding: 25px;
        padding-right: 30px;
        padding-top: 0px;
        margin-bottom: 10px;
    }

    .commcardoutpd {
        padding: 0;
        margin: 0;
        margin-bottom: 0;
    }

    .p10 {
        padding: 10px;
    }

    .phonept0 {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .commimgset > img {
        width: 100%;
    }

    .commtittle {
        font-size: 18px;
    }

    .commcard > h4 {
        margin-bottom: 5px;
    }

    .commcard > h6 {
        margin-bottom: 0;
    }

    .cart280set {
        margin: 0;
        padding-right: 0;
        padding-left: 0px;
    }

    .shopprimary {
        position: relative;
    }

    .m0p0 {
        margin: 0;
        padding: 0;
    }
}

@media screen and (min-width: 576px) and (max-width: 9000px) {
    .commphonedis {
        display: none;
    }
}

.p10 {
    padding: 10px;
}

@media screen and (min-width: 768px) and (max-width: 768px) {
    .control > img {
        width: 23.5%;
    }
}

.shoprowshight {
    height: 35px !important;
}

.phoneindexdrop {
    display: none;
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .indexcard02 > .indexcardset {
        padding: 0;
    }
    .cardborderline {
        padding: 0.5rem;
    }


    .btn-primary-index:hover > .btnline2 {
        border-color: #ffffff;
    }

    .barsetphone > .barset03 {
        height: 50px;
        width: calc(100% - 60px);
    }

    .dropmg2item {
        color: #ffffff;
        background-color: #ed3d03;
        border-color: #ed3d03;
    }

    .dropmg2item > .dropdown-item {
        color: #ffffff;
    }

    .barsetphone > .barset03 {
        height: 50px;
    }

    .barset02 {
        height: 50px;
        padding: 15px 19px;
    }

}

.p0-280 {
    padding: 0;
}

.loginset_forget {
    margin-bottom: 10px;
}

.navbarset {
    background: #ffffff;
}
@media screen and (min-width: 1px) and (max-width: 1000px) {
   .indexlist {
        display: none;
    }
        .dashedline {
        display: none;
    }
    .result {
        display: none;
    }
        .phoneindexdrop {
        display: block;
        margin-top: 5px;
    }
    .shopprimary-index {
        width: 100%;
        height: 50px;
    }
    
    .dropmg2 {
        width: 85%;
        display: inline-block;
        margin-right: 5px;
        text-align: left;
        min-width: 170px;
        font-size: 20px;

    }
        .btn-primary-index {
        color: #ed3d03;
        background-color: transparent;
        border-color: #ed3d03;
    }

    .btn-primary-index:hover {
        color: #ffffff;
        background-color: #ed3d03;
        border-color: #ed3d03;
    }
}
@media screen and (min-width: 1px) and (max-width: 414px) {
    .indexcard {
        margin-bottom: 10px;
    }

    .w-web50 {
        margin: 5px 0 5px 0px;
    }

    .indexcard {
        flex: 0 0 100%;
        max-width: 100%;

    }

    .indexcardhig200 {
        height: 300px;
    }

    .cardbox2 a:hover .mask {
        height: 300px;
    }

    .indexcardhig200 {
        height: 170px;
    }

    .cardbox2:hover .mask {
        height: 170px;
    }

    .cardbox2:hover .btndesign {
        font-size: 12px;
    width: 80%;
            margin-top: 30px;
    }

    .cardbox2:hover .btndesignmore {
        margin-top: -70px;
    }
}

@media screen and (min-width: 451px) and (max-width: 500px) {
    .dropmg2 {
        min-width: 130px;
    }
}
@media screen and (min-width: 1px) and (max-width: 1000px) {
.phoneindex280pd{
    margin-top: 20px;
}
}
@media screen and (min-width: 400px) and (max-width: 450px) {
    .dropmg2 {
        min-width: 150px;
    }
}

@media screen and (min-width: 360px) and (max-width: 399px) {
    .dropmg2 {
        min-width: 130px;
    }
}

@media screen and (min-width: 1500px) and (max-width: 5000px) {
    .indexcardhig200 {
        height: 350px;
    }

    .cardbox2 a:hover .mask {
        height: 350px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1499px) {
    .indexcardhig200 {
        height: 250px;
    }

    .cardbox2 a:hover .mask {
        height: 250px;
    }

    .cardbox2:hover .mask {
        height: 250px;
    }
}

.btnline2:hover {
    border-color: #ffffff;
}

.higato {
    height: auto;
}

.cardindxpset {
    padding-left: 0;
    padding-right: 0;
}

.indexlist2-tittle {
    -webkit-line-clamp: 1;
}

.navbarset {
    height: 80px;
    margin: 0;
    background: #ffffff;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
}

.mt60 {
    margin-top: 60px;
}

.barset02 {
    z-index: 0 !important;
}

@media screen and (min-width: 1650px) and (max-width: 1800px) {
    .indexcard02 > .indexcardset {
        padding: 50px 0 0 0;
    }
}

@media screen and (min-width: 1150px) and (max-width: 1649px) {
    .indexcard02 > .indexcardset {
        padding: 20px 0 0 0;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1400px) {
    .indexcard {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media screen and (min-width: 920px) and (max-width: 1149px) {
    .indexcard02 > .indexcardset {
        padding: 0px 0 0 0;
    }

    .cardindxpset {
        padding: 10px 0;
    }

    .unshipmenttittle-pd {
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .indextext {
        font-size: 18px;
    }

    .indextextred {
        font-size: 18px;
    }
}

@media screen and (min-width: 768px) and (max-width: 919px) {
    .indexcard02 > .indexcardset {
        padding: 0px 0 0 0;
    }

    .cardindxpset {
        padding: 5px 0;
    }
}

@media screen and (min-width: 641px) and (max-width: 651px) {
    .barsetphone > .input-group-append {
        margin-left: -6px;
    }
}

@media screen and (min-width: 576px) and (max-width: 576px) {
    .indexcard02 {
        padding: 5px 0px 5px 10px;
    }
}

.phoneopen280 {
    width: 100%;
    margin: 0;
    padding-left: 5%;
    padding-right: 5%;
}

@media screen and (min-width: 280px) and (max-width: 319px) {

    .dropmg2 {
        min-width: 100px;
        width: 75%;
    }

    .phoneindex280pd {
        padding: 0 0 0 15px;
    }

    .phoneindexdrop {
        padding-left: 10px;
    }

    .phoneindexdrop {
        padding-left: 5px;
    }

    .list2phone > .row {
        width: 100%;
        padding: 0;
    }
}

@media screen and (min-width: 320px) and (max-width: 359px) {
    .listphone {
        padding: 0;
    }

    .dropmg2 {
        min-width: 120px;
    }

    .phoneindexdrop {
        padding-left: 5px;
    }

    .card_sort_1 {
        padding: 0;
    }

    .barset03 {
        padding-top: 3px;
    }

    .cardindxpset {
        padding: 0;
    }

    .list2phone > .row {
        width: 100%;
    }

    .indexcardset > a > .btn_order {
        margin-top: 5px;
    }
}

@media screen and (min-width: 540px) and (max-width: 540px) {
    .dropmg2 {
        min-width: 230px;
    }

    .commbtmset {
        width: 98%;
    }

    .commbgphone2 > .commphonedis {
        margin-top: 0;
    }

    .commcardoutpd {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1000px) and (max-width:1350px) {
    .indexcard02 > .indexcardset {
        padding: 0;
    }
}

.indexmore {
    width: 100%;
    position: absolute;
    text-align: center;
}

@media only screen and (min-width: 768px) and (max-width:1199px) {
    .cardbox2:hover .btndesign {
        width: 85%;
    }

    .cardbox2:hover .btndesignmore {
        width: 85%;
    }
}

@media only screen and (min-width: 415px) and (max-width:1199px) {
    .indexcardhig200 {
        height: 215px;
    }

    .cardbox2:hover .mask {
        height: 215px;
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .cardbox2:hover .btndesign {
        width: 90%;
    }

    .cardbox2:hover .btndesignmore {
        width: 90%;
    }
}

@media only screen and (min-width: 415px) and (max-width:576px) {
    .cardbox2:hover .btndesign {
        width: 80%;
    }

    .cardbox2:hover .btndesignmore {
        width: 80%;
    }
}

@media only screen and (min-width: 280px) and (max-width:319px) {

    .indexcardset > a > .btn_order {
        margin-top: 5px;
    }

    .cardindxpset {
        padding: 0;
    }

    .list2phone {
        margin-top: 20px;
    }
}


.barset02phone {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.wrap {
    max-width: 960px;
    height: auto;
    padding: 0 10px;
}

.search {
    position: relative;
    width: 100%;
    float: left;
}

.barsetphone > .search-bar {
    width: 100%;
}

.search-btn {
    background-color: #3d1101;
    color: #efe9e7;
    outline: none;
    border: 2px solid #3d1101;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (min-width: 321px) and (max-width: 359px) {
    .wrap {
        padding: 0 5px;
    }
}

@media screen and (min-width: 280px) and (max-width: 320px) {
    .wrap {
        padding: 0 5px;
    }
}

.noanser {
    margin-bottom: 10px;
    margin-top: 10px;
    color: #ed3d03;
    font-size: 20px;
}

@media screen and (min-width:577px) {
    .min1100 {
        height: auto;
    }
}

.pl10px {
    padding-left: 10px;
}

@media screen and (min-width: 376px) and (max-width: 399px) {
    .navbar-brand > img {
        margin-left: 0;
        margin: 3px 0;
    }
}

@media (max-width: 991px) {
    .pl10px {
        padding-left: 0px;
    }
}

@media screen and (min-width: 1px) and (max-width: 380px) {
    .label_text {
        padding: 15px 0 0 0px;
    }
}


@media screen and (min-width: 280px) and (max-width: 329px) {
    .btn-numbox .count .input-num {
        width: 60px;
        height: 25px;
        font-size: 12px;
    }

    .btn-numbox .count .num-jian,
    .input-num,
    .num-jia {
        height: 25px;
        font-size: 13px;
        line-height: 22px;
    }

    .dropmg {
        min-width: 80px;
    }
}

@media screen and (min-width: 280px) and (max-width: 414px) {
    .barright01 {
        margin: 0;
    }

    .barright02 {
        font-size: 25px;
        margin-left: 10px;
    }
}

@media screen and (min-width: 280px) and (max-width: 360px) {
    .navbarset {
        height: 70px;
    }
}

@media screen and (min-width: 1px) and (max-width: 414px) {
    .form-horizontal {
        width: 100%;
    }
}
@media screen and (min-width: 300px) and (max-width: 320px) {
    .navbar-brand > img {
        height: 35px;
    }
}

@media screen and (min-width: 321px) and (max-width: 414px) {
    .navbar-brand > img {
        height: 45px;
    }
}

@media screen and (min-width: 360px) and (max-width: 375px) {
    .navbar-brand > img {
        height: 40px;
    }
}

@media screen and (min-width: 1px) and (max-width: 299px) {
    .navbar-brand > img {
        height: 30px;
    }
}

.xzoom {
    width: 100% !important;
}

.disinline {
    display: flex;
    margin: 0;
    padding: 0;
}

.xzoom-sm > a > img {
    margin: 0;
    margin-top: 5px;
    width: 23.2%;
}

.xactive {
    border: 2px solid #ed3d03;
    box-shadow: none;
}

.phonept0 {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 0;
}

.commbtmset > ul > li {
    margin-top: 7px;
}

@media screen and (min-width: 1px) and (max-width: 999px) {
    .commbtmset > ul > li {
        margin-top: 5px;
    }
}



@media screen and (min-width: 1px) and (max-width: 480px) {
    .commbtmset > ul > li {
        margin-top: 9px;
    }

    .commcard02 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .commbtmset {
        width: 100%;
    }

    .commcardoutpd {
        margin-bottom: 0;
    }

    .commbgphone2 > .commcardborderline {
        margin-top: 0;
    }
}

@media screen and (min-width: 280px) and (max-width: 320px) {
    .commbtmset {
        width: 100%;
        bottom: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .commbgphone2 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .mb20 {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 360px) and (max-width: 410px) {
    .commbtmset {
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 1px) and (max-width: 280px) {
    .commbtmset {
        width: 100%;
        bottom: 10px;
    }
}

.mtb30 {
    margin: 30px 0;
}

.card card-default {
    background-color: #ffffff;
}

.nav-link {
    color: #8A7967;
}

.tab-color {
    background: #ffffff;
}

.nav-tabs .nav-link.active {
    background: #ed3d03;
    color: #ffffff;
    border-bottom: 1px solid #ed3d03;
}

.tab-out > .nav-tabs .nav-link.active {
    background: #8A7967;
    color: #ffffff;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-bottom-color: #8A7967;
}

.tab-out {
    padding-top: 10px;
}

.tab_font {
    font-size: 16px;
}

.nav-tabscolor {
    border-bottom: 1px solid #ed3d03;
}

.nav-tabs .nav-link:hover {
    color: #ffffff;
    background: #ed3d03;
    border-bottom-color: #ed3d03;
}

.tab-out > .nav-tabs .nav-link:hover {
    color: #ffffff;
    background: #8A7967;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-bottom-color: #8A7967;
}

.tab-out > .nav-tabs {
    border-color: #8A7967;
    border-bottom: 1px solid #8A7967;
    margin-bottom: 20px;
}

#nav-order0-tab {
    border-bottom: 1px solid #8A7967;
}

#nav-order0 {
    padding-left: 10px;
    padding-right: 10px;
}

#nav-order3 {
    padding-left: 10px;
    padding-right: 10px;
}

#nav-order4 {
    padding-left: 10px;
    padding-right: 10px;
}

.tab-paneimge {
    margin-top: 15px;
    width: 100%;
    border: 1px solid #8A7967;
}

.form-pane-group {
    color: #8A7967;
    border: 1px solid #8A7967;
    margin-top: 10px;
    margin-bottom: 10px;
}

.panecard {
    margin-bottom: 20px;
    border: 0.5px solid rgba(237, 61, 0, .3);
    border-radius: 0;
}

.dealertime {
    padding-right: 0;
    padding-left: 0;
    font-size: 18px;
    color: #8A7967;
    padding-bottom: 5px;
}

.dealertime_data {
    padding-right: 0;
    padding-left: 0;
    font-size: 18px;
    color: #8A7967;
    padding-bottom: 5px;
    display: flex;
}

.btn_list,
.btn_message {
    font-size: 15px;
    color: #ffffff;
    background: #8A7967;
}

.dealertext {
    font-size: 18px;
    color: #8A7967;
    display: inline-block;
}

.dealernumber {
    font-size: 18px;
    color: #C55D1E;
    display: inline-block;
}

.unpaid-btn {
    flex: 1 1 auto;
    padding: 1rem;
    padding-top: 0;
}

.btn_list:hover,
.btn_message:hover {
    color: #ffffff;
    background: #584D41;
}

.btn_pay {
    font-size: 15px;
    color: #ffffff;
    background: #ed3d03;
}

.btn_pay:hover {
    color: #ffffff;
    background: #e96c1c;
}

.unpaid-disbk {
    display: none;
}

.unpaid-tittle {
    margin-bottom: 3px;
    margin-top: 3px;
    font-size: 25px;
    color: #8A7967;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.unshipmenttittle {
    display: inline;
}

.unshipmentnumber {
    font-size: 25px;
    color: #C55D1E;
    display: inline;
}

#nav-order1 {
    padding-left: 10px;
    padding-right: 10px;
}

#nav-order2 {
    padding-left: 10px;
    padding-right: 10px;
}

.btn_list_phone,
.btn_unshipmentmessage {
    width: 49.2%;
    color: #ffffff;
    background: #8A7967;
}

.btn_list_phone:hover,
.btn_unshipmentmessage:hover {
    background: #584D41;
    color: #ffffff;
}

.btn_list_phone > .btn_table_str,
.btn_unshipmentmessage > .btn_table_str {
    display: block;
    width: 100%;
}

.unshipment-btn {
    padding-right: 0;
    padding-left: 15px;
    margin-bottom: 15px;
}

.unshipment-pd {
    padding-right: 0;
}

.unshipmenttittle-pd {
    padding-left: 0;
    padding-right: 0;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
    .receiptrow {
        margin: 0;
        width: 100%;
    }

    .unshipmentrow {
        margin: 0;
        width: 100%;
    }

    .panecard {
        border-color: #ffffff;
    }

    .unpaid-pr0 {
        padding-right: 0;
        padding-left: 0;
    }

    #nav-order0 {
        padding-left: 10px;
    }

    #nav-order3 {
        padding-left: 10px;
    }

    #nav-order4 {
        padding-left: 10px;
    }
}

@media screen and (min-width: 1px) and (max-width: 1199px) {
    .unpaid-disbk {
        display: block;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1px) and (max-width: 1000px) {
    .dealercard-phone {
        padding: 0
    }

    .dealercard-outpadding {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 1px) and (max-width: 556px) {
    .cardindxpset {
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
    }

    .dealertime {
        font-size: 14px;
    }
}

@media screen and (min-width: 1px) and (max-width: 414px) {
    .dealertime {
        padding-bottom: 0px;
        font-size: 13px;
    }

    .dealer-pd {
        padding-right: 5px;
        padding-left: 5px;
    }

    .btn_table_dealer {
        display: block;
    }

    #nav-order1 {
        padding-left: 10px;
        padding-right: 10px;
    }

    #nav-order2 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .unshipmenttittle,
    .unshipmentnumber {
        font-size: 20px;
    }
}

.w100 {
    width: 100%;
}

.dealertext320p0 {
    padding-right: 0;
    padding-left: 0;
}

@media screen and (min-width: 1px) and (max-width: 370px) {
    .dealertime {
        font-size: 12px;
    }

    .dealertext320p0 {
        padding: 0;
    }

    .dealertextrow320 {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (min-width: 280px) and (max-width: 319px) {
    #nav-order0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #nav-order3 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #nav-order4 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .dealer-pd {
        padding-left: 0;
    }
}

.unshipmentbk {
    display: none;
}

@media screen and (min-width: 1px) and (max-width: 499px) {
    .unshipment-p0 {
        padding: 0;
    }

    .unshipmentbk {
        display: block;
        padding: 0;
    }

    .unshipmentdis {
        display: none;
    }

    #nav-order1 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .unshipment-btn {
        margin-bottom: 0px;
        margin-top: 5px;
    }

    .unshipmentrow {
        margin: 0;
    }

    .unshipmentrowtext {
        margin: 0;
        padding: 0;
    }

    .unshipmenttittle {
        padding: 0;
    }

    .unshipmentnumber {
        padding: 0;
    }

    .unshipment499p0 {
        padding: 0;
    }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
    .unshipmenttittle-pd {
        display: flex;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media screen and (min-width: 1px) and (max-width: 319px) {
    .unshipment-pd {
        padding-left: 0;
    }

    #nav-order1 {
        padding: 0;
    }

    #nav-order2 {
        padding: 0;
    }
}

.btn_unreceipt {
    color: #ffffff;
    background: #ed3d03;
    width: 48.3%;
}

.btn_unreceipt:hover {
    color: #ffffff;
    background: #e96c1c;
}

.btn_list_dealer,
.btn_message_dealer {
    width: 100%;
    color: #ffffff;
    background: #8A7967;
}

.btn_list_dealer:hover,
.btn_message_dealer:hover {
    background: #584D41;
    color: #ffffff;
}

.btn_unlist_dealer,
.btn_assess_dealer {
    width: 24.4%;
    background: #8A7967;
    color: #ffffff;
}

.btn_unlist_dealer:hover,
.btn_assess_dealer:hover {
    color: #ffffff;
    background: #584D41;
}

.unacquisition-btn {
    padding-right: 0;
}

.unacquisition-btn button > .btn_table_str {
    display: block;
    width: 100%;
}

.unresultrow {
    margin: 0;
}

.result-pd {
    padding: 0;
}

@media screen and (min-width: 769px) and (max-width: 910px) {
    .btn_assess_dealer {
        width: 29%;
    }

    .btn_unlist_dealer,
    .btn_list_dealer,
    .btn_message_dealer {
        width: 24.4%;
    }
}

@media screen and (min-width: 1px) and (max-width: 414px) {
    .resulttext-pd {
        padding-right: 0;
    }
}

@media screen and (min-width: 1px) and (max-width: 319px) {
    .resulttext-pd {
        padding-right: 0;
        padding-left: 0;
    }
}

.finish-btn {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.passcolor {
    color: #8A7967;
    font-size: 20px;
    margin: 0;
}

.passmb {
    margin-bottom: 10px;
}

.modal-footer {
    padding-bottom: 25px;
    padding-top: 0;
    border-color: #ffffff;
    padding: 0;
    text-align: right;
}

.passcard {
    padding-right: 14%;
    padding-left: 14%;
}

.modal_btn_p0 {
    padding: 0;
}

.btn-newpass {
    color: #ffffff;
    background: #8A7967;
}

.btn-newpass:hover {
    color: #ffffff;
    background: #584D41;
}
.datagroud {
    padding-right: 0px;
    padding-left: 30px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
    .btn-newpass {
        width: 100%;
    }

    .datagroud {
        margin-top: 30px;
        margin-bottom: 10px;
        padding-right: 30px;
    }
}


.datatittle {
    margin: 0;
    color: #8A7967;
    padding: 0;
}

.datacolor-label {
    margin: 0;
    margin-bottom: 5px;
    color: #8A7967;
}

.dataphone-text {
    color: #8A7967;
}

.dataimgp0 {
    padding: 0;
    height: 100%;
}

.preview1 {
    width: 100%;
    height: 100%
}

@media screen and (min-width: 768px) and (max-width: 930px) {
    .datatittle {
        font-size: 20px;
    }
}

.pdl30r30 {
    padding-left: 30px;
    padding-right: 30px;
}

.font24 {
    font-size: 24px;
}

@media screen and (min-width: 500px) and (max-width: 767px) {
    .datatittle {
        padding-left: 30px;
    }
}

@media screen and (min-width: 399px) and (max-width: 499px) {
    .datatittle {
        padding-left: 0px;
    }

    .datagroud {
        padding-left: 0px;
        padding-right: 0;
    }
}

@media screen and (min-width: 360px) and (max-width: 399px) {
    .preview1 {
        padding-right: 0px;
    }

    .datacolor-label {
        font-size: 20px;
    }

    .dataphone-text {
        font-size: 20px;
    }

    .datagroud {
        padding-left: 0;
        padding-right: 0;
    }
}


@media screen and (min-width: 320px) and (max-width: 359px) {
    .preview1 {
        padding-right: 0px;
    }

    .datacolor-label {
        font-size: 17px;
    }

    .dataphone-text {
        font-size: 17px;
    }

    .datagroud {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 280px) and (max-width: 319px) {
    .preview1 {
        padding-right: 0px;
    }

    .datacolor-label {
        font-size: 15px;
    }

    .dataphone-text {
        font-size: 15px;
    }

    .datagroud {
        padding-left: 0;
        padding-right: 0;
    }
}

.btn-upnewpass {
    width: 30%;
    height: 40px;
}

.btn-upnewpasspr0 {
    padding-right: 0;
    text-align: right;
    margin-top: 10px;
}

.btn-success {
    width: 100%;
    background: none;
    border-color: #8A7967;
    color: #8A7967;
}

.btn-success:hover {
    width: 100%;
    background: #8A7967;
    color: #ffffff;
}

#nav-member_info-tab {
    border-bottom: 1px solid #8A7967;
}

.btn-success > input {
    width: 100%;
}

@media screen and (min-width: 1px) and (max-width: 420px) {
    .btn-upnewpass {
        width: 100%;
        padding-left: 0;
    }

    .btn-upnewpasspr0 {
        padding-left: 0;
    }
}

.tab-content > .active {
    opacity: 1;
}

.msgline {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-color: #C1C1C1;
    padding: 0;
    margin-bottom: 15px;
    margin-top: 15px;
}

.msgcard {
    background: #ffffff;
    max-width: 1200px;
    padding: 0;
}

.msgtittle_card {
    margin-top: 15px;
}

.msgrow {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.msg-paste {
    padding-top: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5px;
    font-size: 25px;
}

.msg-paste-tittle {
    display: inline;
    color: #8A7967;
}

.msg-paste-tittleunber {
    color: #ed3d03;
    display: inline;
}

.msg-textarea {
    height: 70px !important;
    margin-top: 5px;
}

.btn_msg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    font-size: 15px;
    color: #ffffff;
    background: #ed3d03;
}

.btn_msg:hover {
    color: #ffffff;
    background: #e96c1c;
}

.textarea-msgcard {
    padding-left: 0;
    padding-right: 0;
}

.msglinecard {
    padding-right: 0;
    padding-left: 0;
}

.msgtext-pd {
    padding: 0;
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .msg-img-576pd {
        padding-left: 15px;
        padding-bottom: 15px;
    }

    .textarea-msgcard {
        padding: 0;
    }

    .msglinecard {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.btn-msgphone {
    width: 100%;
    font-size: 15px;
    color: #ffffff;
    background: #ed3d03;
}

.btn-msgphone:hover {
    color: #ffffff;
    background: #e96c1c;
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .container-msgphone {
        padding-left: 0px;
        padding-right: 0px;
    }

    .msgtittle_card {
        padding-left: 10px;
        padding-right: 10px;
    }

    .msgrow {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 0;
        width: 100%;
        margin: 0;
    }

    .msgcard-group {
        padding-left: 5px;
        padding-right: 0;
    }

    .textarea-msgcard {
        padding-right: 0;
    }

    .dealertime {
        padding-bottom: 2px;
    }

    .msglinecard {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 1px) and (max-width: 414px) {
    .msg-img-576pd {
        height: 90%;
        margin-top: 5px;
    }

    .msg-paste {
        font-size: 20px;
    }
}

@media screen and (min-width: 1px) and (max-width: 320px) {
    .msg-paste {
        padding-bottom: 0;
    }
}

@media screen and (min-width: 1px) and (max-width: 280px) {
    .msg-paste {
        font-size: 16px;
    }

    .msgrow {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0;
        width: 100%;
        margin: 0;
    }

    .msgtittle_card {
        padding-left: 0;
        padding-right: 0;
    }
}

.shopping-card {
    padding: 0;
}

.shoppingrow {
    width: 100%;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.shoppingtext-pd {
    padding-left: 0;
    padding-right: 0;
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .shoppinglisttext-pd {
        padding-right: 0;
        padding-left: 10px;
    }

    .shopping-img {
        padding-left: 0px;
    }

    .shoppingrow {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (min-width: 1px) and (max-width: 320px) {
    .shoppinglisttext-pd {
        padding-left: 5px;
    }
}

@media screen and (min-width: 1px) and (max-width: 280px) {
    .shoppingrow {
        padding: 0;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .shopping-img {
        padding-left: 15px;
    }

    .shoppingtext-pd {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.good_br_text {
    height: 50px;
}

.ordercar_tittle_lg {
    height: 30px;
    font-size: 25px;
    margin: 0;
    color: #8A7967;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.goods_tittle {
    height: 30px;
    font-size: 25px;
    margin: 0;
    color: #8A7967;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.goods_tittlecard_text {
    font-size: 25px;
    margin: 0;
    color: #9d9d9d;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-decoration: line-through;
    display: inline-block;
    margin-right: 20px;
}

.goods_tittlecard_textred {
    font-size: 35px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: inline-block;
    color: #C55D1E;
}

.span_nubertext {
    font-size: 25px;
}

.goods_text_price {
    padding: 0px;
    font-size: 25px;
    margin: 0;
    color: #8A7967;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: inline-block;
    padding-left: 15px;
}

.goods_cardhight390 {
    padding: 0;
    margin: 0;
    height: 360px;
    width: 100%;
}

.goods_h300 {
    height: 300px;
}

.goods_h70 {
    height: 70px;
    position: relative;
    height: 70px;
    overflow: hidden;
}

.goods_w100 {
    width: 100%;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
    .goods_h300 {
        height: 600px;
    }

    .goods_h70 {
        height: 150px;
    }

    .goods_cardhight390 {
        height: 1170px;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .xzoom-sm > a > img {
        width: 24%;
    }

    .btn_order {
        font-size: 25px;
    }

    .commcard {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .btn-numbox .count .li_goods_num {
        width: 100px;
        height: 40px;
        font-size: 25px;
    }

    .li_goods_btn {
        height: 40px !important;
        font-size: 25px !important;
        line-height: 35px !important;
        width: 50px !important;
    }

    .ordercar_tittle_lg {
        height: 60px;
        font-size: 25px;
        margin: 0;
        color: #8A7967;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
}

@media screen and (min-width: 1px) and (max-width: 450px) {
    .goods_h300 {
        height: 420px;
    }

    .goods_h70 {
        height: 100px;
    }

    .goods_cardhight390 {
        height: auto;
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

@media screen and (min-width: 360px) and (max-width: 375px) {
    .goods_h300 {
        height: 340px;
    }

    .goods_h70 {
        height: 80px;
    }
}

@media screen and (min-width: 320px) and (max-width: 359px) {
    .goods_h300 {
        height: 300px;
    }

    .goods_h70 {
        height: 70px;
    }

    .xzoom-sm > a > img {
        width: 23.5%;
    }

    .btn-numbox .count .li_goods_num {
        height: 40px;
        font-size: 25px;
    }
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .commcard {
        padding-top: 0;
    }
}

@media screen and (min-width: 1px) and (max-width: 319px) {
    .btn-numbox .count .li_goods_num {
        font-size: 20px;
        width: 60px;
    }

    .goods_h300 {
        height: 280px;
    }

    .goods_h70 {
        height: 70px;
    }

    .xzoom-sm > a > .goods_h70 {
        width: 23%;
    }
}

@media screen and (min-width: 1px) and (max-width: 767px) {
    .xzoom-preview {
        display: none !important;
    }
}

.dealertime_hide {
    visibility: hidden;
}

.pt_all0 {
    padding-top: 0;
}

.unacquisition-btn {
    padding-left: 0;
    padding-right: 0px;
    padding-bottom: 10px;
}

.inish-btn {
    padding-bottom: 15px;
}

.font-25 {
    font-size: 25px;
}

@media screen and (min-width: 1px) and (max-width: 380px) {
    .font-25 {
        font-size: 20px;
    }
}

.arrow_box {
    margin-top: 30px;
    padding: 15px;
    height: auto;
    border-radius: 10px;
    position: relative;
    background: #ffffff;
    border: 1px solid #ed3d03;
}

.arrow_box:after,
.arrow_box:before {
    bottom: 100%;
    left: 60px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-bottom-color: #ffffff;
    border-width: 15px;
    margin-left: -12px;
}

.arrow_box:before {
    border-bottom-color: #ed3d03;
    border-width: 16px;
    margin-left: -13px;
}

.arrow_box_r {
    margin-top: 30px;
    padding: 15px;
    height: auto;
    border-radius: 10px;
    position: relative;
    background: #ffffff;
    border: 1px solid #ed3d03;
}

.arrow_box_r:after,
.arrow_box_r:before {
    bottom: 100%;
    right: 60px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_r:after {
    border-bottom-color: #ffffff;
    border-width: 15px;
    margin-left: -12px;
}

.arrow_box_r:before {
    border-bottom-color: #ed3d03;
    border-width: 16px;
    margin-right: -1px
}

.talk_user {
    border-width: 0px;
    height: 150px;
    max-width: 90%;
}

.talk_time {
    padding: 30px;
    font-size: 22px;
    display: inline;
    vertical-align: bottom;
    color: #8A7967;
}

.talk_msg {
    color: #000000;
}

.btn_msg_card {
    padding-top: 20px;
}

.allp0 {
    padding: 0;
}

.btn_listred_phone {
    width: 99%;
    font-size: 15px;
    color: #ffffff;
    background: #ed3d03;
}

.btn_listred_phone:hover {
    color: #ffffff;
    background: #e96c1c;
}

.btn_unresult_msg {
    width: 99%;
    font-size: 15px;
    color: #ffffff;
    background: #8A7967;
}

.btn_unresult_msg:hover {
    color: #ffffff;
    background: #584D41;
}

.card-default {
    width: 1200px;
}

.dealercard-phone {
    max-width: 1200px;
    padding: 0;
}

.phoneopendisnone {
    display: none;
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
    .phoneopendisnone {
        display: block;
    }

    .dealercard-phone {
        width: 100%;
        max-width: 100%;
    }

    .card-default {
        width: 100%;
    }
}

.shoppingcard_img_w270 {
    width: 250px;
    max-width: 250px;
    height: auto;
}

.shoppingcard_img_w270right {
    max-width: calc(100% - 250px);
}

.f21 {
    flex: 21%;
}

.f79 {
    flex: 79%;
}

@media screen and (min-width: 556px) and (max-width: 767px) {
    .cardindxpset {
        padding-left: 0;
        padding-right: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media screen and (min-width: 1px) and (max-width: 991px) {
    .phonetittleright_shoppingmain {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media screen and (min-width: 500px) and (max-width: 767px) {
    .dataimgp0 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.logintitle_spdis_h1 {
    display: inline-block;
    color: #ed3d03;
    border-left-style: solid;
    border-width: 15px;
    border-bottom-color: #ed3d03;
}

.logintitle_spdis_h1 > h1 {
    margin-bottom: 0;
    font-size: 30px;
    margin-left: 10px;
}

.btn_lg_back {
    color: #ed3d03;
    float: right;
    border-color: #ed3d03;
    font-size: 18px;
}

.btn_lg_back:hover {
    color: #ffffff;
    float: right;
    border-color: #ed3d03;
    background: #ed3d03;
}

.goods_text_price_bg {
    background: #efefef;
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
}

.mrliunber {
    margin-right: 20px;
}

.goods_text_price_totle {
    padding: 0px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 25px;
    margin: 0;
    color: #8A7967;
    display: flex;
    align-items: center;
}

.hidden_img {
    position: absolute;
    display: contents;
}

.xzoom-thumbs {
    text-align: left;
}

.gallery li img {
    width: 100%;
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0px;
    border: 2px solid;
    border-color: #ed3d03;
}

.borderbtm {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-color: #C1C1C1;
}

@media screen and (min-width: 1px) and (max-width: 1199px) {
    .goods_cardhight390 {
        height: auto;
    }
}

@media screen and (min-width: 1px) and (max-width: 767px) {
    .commcard02 {
        padding-right: 10px;
        padding-bottom: 10px
    }

    .disblack_goodsbtn {
        padding-top: 5px;
        display: block;
    }

    .btn_order {
        width: 100%;
    }
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .goods_tittlecard_textred {
        font-size: 30px;
    }

    .goods_tittlecard_text {
        font-size: 20px;
        margin-right: 10px;
    }
}

@media screen and (min-width: 1px) and (max-width: 319px) {
    .goods_tittlecard_textred {
        font-size: 25px;
    }

    .goods_tittlecard_text {
        font-size: 15px;
        margin-right: 5px;
    }
}

.bordercolor_ordercard {
    border: 2px solid;
    border-color: #ed3d03;
}

.mt10px {
    margin-top: 10px;
}

.active_primary_btn {
    color: #ffffff;
    background-color: #ed3d03;
    border-color: #ed3d03;
}

.btn_lg_ok {
    width: 30%;
    margin-left: 10px;
    float: right;
    background: #ed3d03;
    color: #ffffff;
    font-size: 20px;
}

.btn_lg_ok:hover {
    background: #e96c1c;
    color: #ffffff;
}

.shopname_input {
    margin-bottom: 10px;
}

.shopname {
    margin-bottom: 10px;
}

@media (min-width: 1200px) {
    .w19 {
        flex: 20%;
        max-width: 20%;
    }

    .w81 {
        flex: 80%;
        max-width: 80%;
    }

    .phone_display_ordercard {
        display:
    }
}

@media (min-width: 768px) {
    .phone_disbk_ordercard {
        display: none;
    }
}

@media screen and (min-width: 1px) and (max-width: 1199px) {
    .w19 {
        max-width: 250px;
        flex: 250px;
    }

    .w81 {
        max-width: calc(100% - 250px);
        flex: calc(100% - 250px);
    }
}

@media screen and (min-width: 1px) and (max-width: 767px) {
    .w19 {
        flex: 30%;
        max-width: 30%;
    }

    .w81 {
        flex: 70%;
        max-width: 70%;
    }

    .phone_display_ordercard {
        display: none;
    }

    .phone_disbk_ordercard {
        margin-top: 10px;
        display: block;
    }
}

.shopname {
    flex: 0 0 10%;
    max-width: 10%;
    margin: 0;
    padding-bottom: 10px;
}

.shopname_input {
    flex: 0 0 40%;
    max-width: 40%;
}

.shopname_input_home {
    flex: 0 0 90%;
    max-width: 90%;
}

@media screen and (min-width: 1px) and (max-width: 992px) {
    .shopname {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .shopname_input {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .shopname_input_home {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .btn_lg_ok {
        width: 100%;
    }

    .shoprowshight {
        height: 70px !important;
        margin-top: 5px;
    }
}

.shopname_input_home > .h35 {
    font-size: 15px;
    padding-left: 10px;
}

.shopname_input > .h35 {
    font-size: 15px;
    padding-left: 10px;
}

@media screen and (min-width: 1px) and (max-width: 320px) {
    .loginset_forget {
        margin: 0;
    }
}

.ordercard_br_display {
    font-size: 20px;
}

.dealerline {
    padding: 0;
}

@media screen and (min-width: 1px) and (max-width: 1199px) {
    .unpaid-dis {
        display: none;
    }

    .btn_message,
    .btn_list {
        width: 49.2%;
    }

    .btn_pay {
        width: 99%;
    }

    .panecard {
        border-color: #ffffff;
    }

    .dealerline {
        border-bottom: 1px solid rgba(0, 0, 0, .125);
        border-color: #C1C1C1;
        padding: 0;
        margin-bottom: 15px;
        margin-top: 15px;
    }
}

@media screen and (min-width: 1px) and (max-width: 576px) {
    .f21 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .f79 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .btn_message,
    .btn_list {
        width: 48.8%;
    }
}

.vishid {
    visibility: hidden;
}

.f30 {
    flex: 30%;
    max-width: 150px;
}

.f70 {
    flex: 70%;
    max-width: calc(100% - 150px);
}

@media screen and (min-width: 1px) and (max-width: 359px) {

    .btn_list_phone,
    .btn_unshipmentmessage {
        width: 48.9%;
    }

    .btn_listred_phone {
        width: 99%;
    }

    .f30 {
        flex: 30%;
        max-width: 70px;
    }

    .f70 {
        flex: 70%;
        max-width: calc(100% - 70px);
    }
}

.footercalc {
    min-height: calc(100% - 70px);
}

.font30 {
    font-size: 30px;
}

.font25 {
    font-size: 25px;
}

.mr100px {
    margin-right: 100px;
}

<style > body {
    font-size: 18px;
    line-height: 20px;
}

label {
    margin: 10px;
}

.a-radio {
    display: none;
}

.b-radio {
    display: inline-block;
    border: 1px solid #ccc;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    border-radius: 50%;
}

.b-radio:before {
    content: '';
    font-size: 0;
    width: 10px;
    height: 10px;
    background: #ed3d03;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
    display: none;
    border-radius: 50%;
}

.a-radio:checked ~ .b-radio:before {
    display: block;
}

.radio_color {
    font-size: 18px;
    margin-top: 10px;
    color: #8A7967;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 15px;
}

.mb0 {
    margin-bottom: 0;
}

.order_label_tel {
    padding-left: 15px;
}

.pb0 {
    padding-bottom: 0;
}

@media screen and (min-width: 1px) and (max-width: 1100px) {
    .order_label_tel {
        padding-left: 5px;
    }
}

.ml10px {
    margin-left: 10px;
}

.mb40px {
    margin-bottom: 40px;
}

.zoom-in {
    cursor: zoom-in !important;
    /* 大大大 */
}

button:focus {
    outline: 1px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

@media screen and (min-width: 1px) and (max-width: 500px) {
    .passcard {
        padding-right: 7%;
        padding-left: 7%;
    }
}

.ahref_ordercar {
    margin-top: 5px;
    margin-bottom: 15px;
}

.ordercar_tittle_sm {
    padding-top: 5px;
    height: 30px;
    font-size: 20px;
    margin: 0;
    color: #8A7967;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
    .mr100px {
        margin: 0;
        font-size: 20px;
    }

    .phonem0_order_li {
        margin-right: 0;
        float: right !important;
    }

    .ordercar_ul_disbk {
        padding: 15px;
        display: block;
        padding-left: 10px;
        padding-right: 10px;
    }

    .ordercar_li_mtp {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .btn-numbox .count .li_order_num {
        width: 50px;
        font-size: 20px;
    }
}

@media screen and (min-width: 1px) and (max-width: 360px) {
    .img_ordercar_dis {
        display: none;
    }

    .w81 {
        flex: 100%;
        max-width: 100%;
    }

    .btn-numbox .count .li_order_num {
        width: 70px;
        font-size: 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .price {
        padding-top: 30px;
    }
}

@media screen and (min-width: 1px) and (max-width: 767px) {
    .price {
        padding-top: 20px;
        padding-right: 5px;
    }

    .shoptotal {
        padding-right: 5px !important;
    }
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .shoptotal {
        padding-right: 10px !important;
    }
}

.display_goods_radio {
    display: none;
    padding: 0;
}

.mr130 {
    margin-right: 130px;
}

.goods_text_price_totlebig {
    padding: 0px;
    padding-top: 10px;
    font-size: 30px;
    margin: 0;
    color: #8A7967;
    display: contents;
}

.pt10px {
    padding-top: 10px;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
    .goods_tittle {
        height: 60px;
        -webkit-line-clamp: 2;
    }

    .ul_phone_goodsunmber {
        display: block;
    }

    .li_goods_flotright {
        float: right !important;
        margin: 0;
    }

    .mr130 {
        margin: 0;
    }
}

.pb5px {
    padding-bottom: 5px;
}

.mt15 {
    margin-top: 15px;
}

.mt40 {
    margin-top: 40px;
}

.footerscr {
    min-height: calc(100% - 150px);
    display: inline-table;
}

.nodata {
    height: 270px;
    color: #8A7967;
    font-size: 28px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.5px solid rgba(237, 61, 0, .3);
    margin-bottom: 20px;
    border-radius: 0;
}

.posab {
    position: absolute;
}

.btn_listred_dealer {
    width: 100%;
    background: #ed3d03;
    color: #ffffff;
}

.btn_listred_dealer:hover {
    background: #e96c1c;
    color: #ffffff;
}

@media screen and (min-width: 1px) and (max-width: 576px) {
    .nodata {
        height: 200px;
    }
}

@media screen and (min-width: 1px) and (max-width: 359px) {
    .phoneindex280pd {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 1px) and (max-width: 1199px) {
    .unacquisition-btn {
        padding-bottom: 0;
    }
}

@media screen and (min-width: 1px) and (max-width: 991px) {
    .f21 {
        display: none;
    }

    .f79 {
        flex: 100%;
    }

    .dealertext991px_tittle {
        padding-bottom: 13px;
    }

    .shoppingcard_img_w270right {
        max-width: 100%;
        padding: 0;
    }

    .unacquisition-btn {
        padding-bottom: 0;
        padding-right: 0;
        position: sticky;
    }
}

@media screen and (min-width: 1px) and (max-width: 991px) {
    .btn_listred_dealer {
        width: 100%;
    }

    .btn_list_dealer,
    .btn_message_dealer {
        width: 100%;
    }
}

.mb30px {
    margin-bottom: 30px;
}

.row_footrphone {
    flex-grow: 1;
}

.br_display {
    display: none;
}

.dealertime {
    display: flex;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
    .row_footrphone {
        height: auto;
    }
}

/*取消下方註解可啟動換行機制*/
/*
@media screen and (min-width: 1px) and (max-width: 610px) {
    .dealertime_data {
        display: block;
    }
}*/
.form_personal {
    margin: 0;
    padding: 0;
    width: 100%;
}
.w100m0p0{
    width: 100%;
    margin: 0;
    padding: 0;
}
.pb20px {
    padding-bottom: 20px;
}

@media screen and (min-width: 768px) and (max-width: 785px) {
    .min1100 {
        padding: 0;
    }
}

@media screen and (min-width: 320px) and (max-width: 576px) {
    .phoneindex280pd {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 280px) and (max-width: 359px) {
    .min1100 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    .btndesign_2 {
        width: 100%;
        margin-bottom: 5px;
        font-size: 12px;
    }
}

@media screen and (min-width: 1px) and (max-width: 360px) {
    .div_360px_pd0 {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 1px) and (max-width: 919px) {
    .dealertext991px_tittle {
        padding-bottom: 8px;
    }
}

@media screen and (min-width: 1px) and (max-width: 556px) {
    .dealertext991px_tittle {
        padding-bottom: 3px;
    }
}

.pdl5r5 {
    padding-left: 5px;
    padding-right: 5px;
}

@media screen and (min-width: 1px) and (max-width: 575px) {
    #gologout {
        display: none;
    }
    #gologin{
        display: none;
    }
    .dealertime_data{
        padding-left: 5px;
    }
    .dealertext320p0{
        padding-left: 5px;
    }
}
.mtb10px{
    margin-top: 10px;
    margin-bottom: 10px;
}
.mt20px{
    margin-top: 20px;
}
.pt30px{
    padding-top: 30px;
}
.w100m0{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.pt20px{
    padding-top: 20px;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.passcolor {
    padding-right: 0;
    font-size: 18px;
    }
}

@media screen and (min-width: 1px) and (max-width: 719px) {
.form-horizontal {
    padding: 30px;
    width: 100%;
    }
}
@media screen and (min-width: 1px) and (max-width: 1000px) {
    .btngu {
        display: none;
    }
}
@media screen and (min-width: 1000px) {
    .indexlistset {
    padding: 10px 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
.phoneindex280pd{
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
    padding: 5px;;
    margin-top: 20px;
    }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) {
    .phoneindex280pd{
        padding-right: 0;
    }
}

@media screen and (min-width: 700px) and (max-width: 767px) {
.indexcardhig200 {
    height: 300px;
    }
}

.mb20{
    margin-bottom: 20px;
}
@media screen and (min-width: 701px) and (max-width: 767px) {
    .cardbox2:hover .mask{
        height: 300px;
    }
}
@media screen and (min-width: 1px) and (max-width: 300px) {
.cardbox2:hover .mask {
    height: 150px;
    }
}
@media screen and (min-width: 1px) and (max-width: 359px) {
    .commoditycard360px{
        padding-left: 3px;
        padding-right: 3px;
    }
}
@media screen and (min-width: 1px) and (max-width: 300px) {
.indexcardhig200 {
    height: 150px;
    }
}
@media screen and (min-width: 768px) and (max-width: 110px) {
    .listphone{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .commoditycard360px{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
    .listphone {
        padding: 0 20px;
    }
}
@media screen and (min-width: 360px) and (max-width: 575px) {
    .listphone {
        padding: 0 15px;
    }
}
@media screen and (min-width: 1px) and (max-width: 359px) {
    .listphone {
        padding: 0 2px;
    }
}
@media screen and (min-width: 400px) and (max-width: 1000px) {
.indexcard02 > .indexcardset {
    padding: 40px 0 0 0;
    }
}
@media screen and (min-width: 576px) and (max-width: 1650px) {
.indexcard02 > .indexcardset {
    padding: 20px 0 0 0;
    }
}
@media screen and (min-width: 360px) and (max-width: 575px) {
    .sort_2pd{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media screen and (min-width: 1px) and (max-width: 359px) {
    .sort_2pd{
        padding-left: 2px;
        padding-right: 2px;
    }
}

@media screen and (min-width: 1px) and (max-width: 399px) {
.indexcard02 > .indexcardset {
    padding:0;
    }
}
.imgcenter55w{
    margin: 0 auto;
    width: 1000px;
}
.commoditycard360px{
    padding-right: 5px;
    padding-left: 5px;
}
.darkgrey_bg{
    background: #b3b0b0;
}
.h100px{
    height: 100px;
}
.mauto{
        margin: 0 auto ;
}
dl{
    margin: 0;
    padding: 0;
    font-size: 100%;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}
dd{
    margin: 0;
    padding: 0;
    font-size: 100%;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

.hid1000px{
    display: none;
}
.breadcrumbs_openmt{
    margin-top: 10px;
}
@media screen and (min-width: 1px) and (max-width: 1000px) {
    .hid1000px{
    display: block;
}
    .phoneindex280pd{
        margin-top: 0;
    }
    .breadcrumbs_openmt{
    margin-top: 0px;
}
}
.card_sort_1{
    margin-top: 10px;
}
@media screen and (min-width: 1px) and (max-width: 576px) {
.swiper-pd{
    padding: 0 6px;
    margin: 0;
}
}
@media screen and (min-width: 1px) and (max-width: 767px) {
    .commoditycard360px{
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 1px) and (max-width: 999px) {
    .imgcenter55w{
        width: 100%;
    }
}
@media screen and (min-width: 1px) and (max-width: 1249px) {
    .h100px{
        height: 85px;
    }
}
@media screen and (min-width: 1px) and (max-width: 1149px) {
    .h100px{
        height: 70px;
    }
}
@media screen and (min-width: 911px) and (max-width: 999px) {
    .h100px{
        height: 95px;
    }
}
@media screen and (min-width: 577px) and (max-width: 767px) {
    .indextittle {
        height: 49px;
    }
}
@media screen and (min-width: 1px) and (max-width: 576px) {
.indextittle {
    height: 47px;
    }
    .navbarset{
        height: 55px;
        padding: 5px;
        padding-right: 10px;
    }
    .navbar-brand > img {
        height: 40px;
    }
    .w-web50 {
    margin: 4px 0 6px 0px;
}
    .shoppingset > i {
    font-size: 30px;
}
    .navbar-brand{
        padding-top: 2px;
    }
    .userset > i {
    font-size: 20px;
    width: 40px;
    height: 40px;
}
    .bgfff{
         margin-top: 55px;
    }
    .phone992px_w100{
        padding: 0;
    }
}
@media screen and (min-width: 1px) and (max-width: 399px) {
.indextittle {
    height: 58px;
 }
}
@media screen and (min-width: 1px) and (max-width: 359px) {
.indextittle {
    height: 48px;
    line-height: 25px;
    }
    .h100px {
    height: 65px;
}
    .commoditycard360px{
        padding-right: 2px;
        padding-left: 2px;
        margin-bottom: 5px;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.wrap {
        padding-left: 2.5%;
    padding-right: 2.5%;
    }
}
@media screen and (min-width: 1px) and (max-width: 319px) {
.h100px {
    padding: 0;
    height: 53px;
    }
}
.mr2px{
    margin-right: 2px;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
    .chinge_phone_mb10px{
        margin-top: 10px;
    }
        .barsetphone{
        margin-bottom: 10px;
        margin-top: 10px;
    }
}
@media screen and (min-width: 1px) and (max-width: 359px) {
.w-web50 {
    margin: 6px 0 4px 0px;
    }
    .userset > i{
    width: 38px;
    height: 38px;
    padding: 9px 0px 5px 10px
    }
    .breadcrumbs_openmt{
        padding: 0;
    }
        .wrap {
    padding: 0 3px;
}
}
@media screen and (min-width: 1px) and (max-width: 320px) {
.navbar-brand > img {
    height: 33px;
    }
    .shoppingset > i {
    font-size: 26px;
}
    .userset > i {
    width: 36px;
    height: 36px;
    padding: 8px 0px 5px 9px;
}
}
@media screen and (min-width: 1px) and (max-width: 420px) {
.barsetphone > .barset03 {
    height: 40px;
    }
    .barset02 {
    padding: 10px 19px;
}
}
@media screen and (min-width: 1px) and (max-width: 549px) {
.h100px {
    height: 65px;
    }
    .indexcardpd {
    padding: 0.5rem;
    padding-top: 0.2rem;
}
}
.pagemg{
    margin-top: 50px;
    margin-bottom: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .phoneopen280{
        margin-top: 10px;
    }
}
.swiper-pd{
    padding-right: 4px;
    padding-left: 5px;
}
@media screen and (min-width: 1500px) and (max-width: 1800px) {
    .indexcardhig200{
            height: 290px;
    }
    .cardbox2:hover .mask{
        height: 290px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1320px) {
    .indexcardhig200{
            height: 220px;
    }
    .cardbox2:hover .mask{
        height: 220px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1000px) {
    .phone992px_w100{
    flex: 0 0 100%;
    max-width: 100%;
    }
}
@media screen and (min-width: 860px) and (max-width: 1000px) {
    .indexcardhig200{
        height: 240px;
    }
     .cardbox2:hover .mask{
        height: 240px;
    }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
    .phoneopen280{
        padding-left: 1%;
        padding-right: 1%;
    }
    .cardborderline {
        padding: 10px;
    }
    .indexcardpd{
        padding: 10px;
    }
}
@media screen and (min-width: 700px) and (max-width: 767px) {
.indexcardhig200 {
    height: 310px;
}
    .cardbox2:hover .mask{
        height: 310px;
    }
}
@media screen and (min-width: 630px) and (max-width: 699px) {
.indexcardhig200 {
    height: 280px;
}
    .cardbox2:hover .mask{
        height: 280px;
    }
}
@media screen and (min-width: 577px) and (max-width: 767px) {
    .swiper-pd{
    padding-right: 9px;
    padding-left: 9px;
    }
}
@media screen and (min-width: 1px) and (max-width: 359px) {
    .swiper-pd{
        padding: 0 3px;
    }
    .wrap {
    padding: 0px 6px;
}
}
@media screen and (min-width: 629px) and (max-width: 520px) {
.indexcardhig200 {
    height: 250px;
}
    .cardbox2:hover .mask{
        height: 250px;
    }
}
.mr2px{
    min-width: 0%;
}
.slide_minw251{
    min-width: 25.1%;
}
.noresult{
    margin-top: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #e0e0e0;
}
@media screen and (min-width: 360px) and (max-width: 576px) {
    .indexcardpd {
    padding-top: 2px;
}
}
.img-fluid{
    width: 250px;
    height: 250px;
}

.avatar {
  width: 80px;
  -moz-border-radius: 100%; /*firefox*/
  -webkit-border-radius: 100%; /*Safari, Chrome*/
  border-radius: 100%;
}
.shoplink{
    display: grid;
}
.shoplink_time{
    display: grid;
}
.shoplink > span {
letter-spacing: 2px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  vertical-align: 12px;
  font-size: 18px;
  color: #8A7967;
}
.shoplink_time > span {
letter-spacing: 2px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  vertical-align: 12px;
  font-size: 18px;
  color: #8A7967;
}
.btn_goods_shop{
    font-size: 14px;
    border: 2px solid;
    border-color: #ed3d03;
    color: #ffffff;
    background-color: #ed3d03;
        width: 125px;
}
.btn_goods_shop:hover{
    background-color: #e96c1c;
    border-color: #e96c1c;
    color: #ffffff;
}
.ptb15{
    padding-bottom: 15px;
    padding-top: 15px;
position: relative;
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}
.shoplink_red{
        display: inline-block;
    color: #ed3d03;
}
.mt30p{
    margin-top: 30px;
}
.storeimg{
    width: auto;
}
@media screen and (min-width: 471px) and (max-width: 575px) {
    .shoplink_time{
     width: 100%;
    display: inline-table;
    }
    .shoplink_time > span {
        display: block;
        width: 100%;
        padding: 0;
    }
}
@media screen and (min-width: 1px) and (max-width: 359px) {
.goods_shop_360shoplink{
    flex: 0 0 35%;
    max-width: 35%;
}
.goods_shop_360btn{
    flex: 0 0 65%;
    max-width: 65%;
    }
}
@media screen and (min-width: 1px) and (max-width: 470px) {
    .avatar{
        width: 60px;
    }
    .goods_shop_360shoplink{
    padding: 10px;
}
    .goods_shop_360btn{
        padding: 0;
    }
}
.store_srech{
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    float: right;
    width: 30%;
}
.max_w_1200{
        max-width: 1200px;
    width: 100%;
}
.good_store_tier{
    display: inline-block;
    color: #8A7967;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
    background: none;
    border:none;
}
.good_store_tier > h4{
    font-size: 28px;
    margin-bottom: 0;
    margin-top: 5px;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
.store_srech{
    width: 100%
    }
    .good_store_tier > h4 {
        margin: 0;
    }
    .good_store_tier{
        padding-bottom: 0;
    }
}
.store_barset {
    padding: 4px 20px 0px 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #ed3d03;
}

.store_col-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 0 0 20%;
    position: relative;
    width: 19.7%;
    display: inline-block;
}
@media screen and (min-width: 1201px) and (max-width: 5000px){
.storecard_h200img {
    height: 200px;
}
    .store_cardbox{
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .store_cardbox:hover .mask {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #171717;
    opacity: .5;
    transition: all .1s ease-in-out;
    height: 200px;
}
    .store_cardbox .mask {
        width: 100%;
    }
    .store_cardbox:hover .btndesign {
    opacity: 1;
    transition: all .1s ease-in-out;
    width: 70%;
    margin-top: 50px;
}
    .store_cardbox:hover .btndesignmore {
    margin-top: -50px;
    width: 70%;
    position: relative;
}
}

@media screen and (min-width: 1px) and (max-width: 1200px){
    .store_col-20 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 0 0 50%;
    position: relative;
    width: 49.8%;
    display: inline-block;
}
    .store_cardbox{
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .store_cardbox:hover .mask {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #171717;
    opacity: .5;
    transition: all .1s ease-in-out;
    height: 270px;
}
    .store_cardbox .mask {
        width: 100%;
    }
    .store_cardbox:hover .btndesign {
    opacity: 1;
    transition: all .1s ease-in-out;
    width: 70%;
    margin-top: 50px;
}
    .store_cardbox:hover .btndesignmore {
    margin-top: -50px;
    width: 70%;
    position: relative;
}
    .storecard_h200img {
    height: 270px;
}
}
@media screen and (min-width: 1px) and (max-width: 1072px){
    .storecard_h200img {
    height: 270px;
}
    .store_cardbox:hover .mask {
    height: 270px;
}
}
@media screen and (min-width: 1px) and (max-width: 850px){
    .storecard_h200img {
    height: 200px;
}
    .store_cardbox:hover .mask {
    height: 200px;
}
}
@media screen and (min-width: 1px) and (max-width: 767px){
    .storecard_h200img {
    height: 350px;
}
    .store_cardbox:hover .mask {
    height: 350px;
}
}
@media screen and (min-width: 1px) and (max-width: 521px){
    .storecard_h200img {
    height: 250px;
}
    .store_cardbox:hover .mask {
    height: 250px;
}
}
@media screen and (min-width: 1px) and (max-width: 576px){

    .storecard_h200img {
    height: 220px;
}
    .store_cardbox:hover .mask {
    height: 220px;
}
}
@media screen and (min-width: 1px) and (max-width: 430px){
    .storecard_h200img {
    height: 200px;
}
    .store_cardbox:hover .mask {
    height: 200px;
}
}
@media screen and (min-width: 1px) and (max-width: 349px){

    .storecard_h200img {
    height: 150px;
}
    .store_cardbox:hover .mask {
    height: 150px;
}
}
@media screen and (min-width: 1px) and (max-width: 300px){

    .storecard_h200img {
    height: 140px;
}
    .store_cardbox:hover .mask {
    height: 140px;
}
}
.allm0a{
    margin: 0 auto;
}
.shoplink > span{
    margin-left: 15px;
}
.shoplink > button{
    margin-left: 15px;
}

@media screen and (min-width: 1px) and (max-width: 401px){
    .goods_shop_360shoplink{
        display: none;
    }
    .goods_shop_360btn{
    flex: 0 0 50%;
    max-width: 50%;
    }
    .col-phone_401px{
        padding-right: 0;
        flex: 0 0 50%;
    max-width: 50%;
    }
        .shoplink > span{
        margin-left: 30px;
    }
    .shoplink > button{
        margin-left: 30px;
    }
}
@media screen and (min-width: 1px) and (max-width: 380px){
        .goods_shop_360btn{
    flex: 0 0 40%;
    max-width: 40%;
    }
    .col-phone_401px{
        padding-right: 0;
        flex: 0 0 60%;
    max-width: 60%;
    }
        
    .shoplink > span{
        margin-left: 15px;
    }
    .shoplink > button{
        margin-left: 15px;
    }
    .shoplink_time > span{
        padding-right: 0;
        padding-left: 3px;
    }
}
@media screen and (min-width: 1px) and (max-width: 330px){
        .goods_shop_360btn{
    flex: 0 0 40%;
    max-width: 40%;
    }
    .col-phone_401px{
        padding-left: 24px;
        padding-right: 0;
        flex: 0 0 60%;
    max-width: 60%;
    }
        
    .shoplink > span{
        margin-left: 2px;
    }
    .shoplink > button{
        margin-left: 2px;
    }
    .shoplink_time > span{
        padding-right: 0;
        padding-left: 3px;
    }
}