.member_breadcrumb{
    margin-top: 4%;
    font-size: 1.7rem;
    font-weight: bolder;
    letter-spacing: 0.8px;
    width: 90%;
    margin: 6.5% auto 1%;
}
/*會員中心*/
.member_center_name{
    font-weight: bolder;
    font-size: 2rem;
    line-height: 3.5rem;
    letter-spacing: 2px;
    width: 90%;
    margin: 0 auto;
}
.member_center_text{
    width: 90%;
    font-size: 15px;
    margin: 15px auto;
}
.member_center_bill{
    font-weight: bolder;
    font-size: 1.8rem;
    margin: 1% auto;
    letter-spacing: 1px;
    width: 90%;
}
.member_center_bill_null{
    color: #212121;
    text-align: center;
    font-size: 1.8rem;
    padding: 2%;
}
.member_center_more{
    text-align: right;
    margin-top: 2%;
}
.member_center_more a{
    width: max-content;
    background-color: #000;
    color: #fff;
    padding: 0.5% 1%;  
}
.member_center_more a:hover{
    color: rgb(235, 226, 226);
    text-decoration: none;
}

/*商品註冊*/
.member_register_title{
    font-size: 1.6rem;
    font-weight: bolder;
    margin: 2% auto 1%;
    width: 90%;
}
.member_register_text{
    font-size: 1.5rem;
    line-height: 3rem;
    width: 90%;
    margin: 0 auto;
}
.member_register_text a{
    color: #3f80c1;
}
.member_register_text a:hover{
    color: #226499;
}
.member_register_form{
    max-width: 90%;
}
/*保固時效查詢*/
.member_good_form{
    margin: 2% auto;
    width: 90%;
}
.member_good_title{
    display: inline-block;
    font-weight: bolder;
    font-size: 1.7rem;
}
.member_good_input{
    display: inline-block;
    width: 350px;
    max-width: 50%;
    margin: 0 1%;
}
.member_good_form_submit{
    display: inline-block;
}
.member_good_form_btn{
    color: #fff;
    background-color: #4d4d4d;
    padding: 6px 10px;
    letter-spacing: 1px;
}
.table-warranty-orderlist{
    width: 100%;
    border-bottom: 1px solid #e8e6e6;
    font-size: .75em;
}
.table-warranty-orderlist {
    width: 100%;
    border-bottom: 1px solid #e8e6e6;
    font-size: .75em;
    table-layout: fixed;
}

.table-warranty-orderlist th {
    font-family: brandon-grotesque, 'microsoft jhenghei', Arial, sans-serif;
    /*background-color: #d6d6d6;*/
    color: #222;
    padding: .6em 0;
    vertical-align: middle;
    text-align: center;
    border-top: 1px solid #999;
    padding: 1% 0;
}

.table-warranty-orderlist td {
    font-family: brandon-grotesque, 'microsoft jhenghei', Arial, sans-serif;
    color: #222;
    padding: .6em 0;
    vertical-align: middle;
    text-align: center
}

.table-warranty-orderlist td a {
    color: #0d6fb7;
    text-decoration: none
}

.table-warranty-orderlist td a:hover {
    color: #d6d6d6;
    text-decoration: none
}

.table-warranty-orderlist td:first-child {
    text-align: center
}

.table-warranty-orderlist tr {
    border-bottom: 1px solid #e8e6e6
}

.table-warranty-orderlist .info-wrap {
    padding-top: 5%
}

.table-warranty-orderlist .info {
    text-align: left
}

.table-warranty-orderlist .info a {
    color: #656565
}

.table-warranty-orderlist .info img {
    float: left;
    width: 150px
}

.table-warranty-orderlist .additions {
    margin-top: 1em;
    line-height: 1.4
}

.table-warranty-orderlist td:first-child .additions {
    text-align: left
}

.table-warranty-orderlist .additions a {
    font-family: brandon-grotesque, 'microsoft jhenghei', Arial, sans-serif;
    color: #9a7d5b
}

.table-warranty-orderlist td>span {
    display: none
}

/*...............*/
.table-goodservice-orderlist{
    width: 100%;
    border-bottom: 1px solid #e8e6e6;
    font-size: .75em;
}
.table-goodservice-orderlist {
    width: 100%;
    border-bottom: 1px solid #e8e6e6;
    font-size: .75em;
    table-layout: fixed;
}

.table-goodservice-orderlist th {
    font-family: brandon-grotesque, 'microsoft jhenghei', Arial, sans-serif;
    /*background-color: #d6d6d6;*/
    color: #222;
    padding: .6em 0;
    vertical-align: middle;
    text-align: center;
    border-top: 1px solid #999;
    padding: 1% 0;
}

.table-goodservice-orderlist td {
    font-family: brandon-grotesque, 'microsoft jhenghei', Arial, sans-serif;
    color: #222;
    padding: .6em 0;
    vertical-align: middle;
    text-align: center
}

.table-goodservice-orderlist td a {
    color: #0d6fb7;
    text-decoration: none
}

.table-goodservice-orderlist td a:hover {
    color: #d6d6d6;
    text-decoration: none
}

.table-goodservice-orderlist td:first-child {
    text-align: center
}

.table-goodservice-orderlist tr {
    border-bottom: 1px solid #e8e6e6
}

.table-goodservice-orderlist .info-wrap {
    padding-top: 5%
}

.table-goodservice-orderlist .info {
    text-align: left
}

.table-goodservice-orderlist .info a {
    color: #656565
}

.table-goodservice-orderlist .info img {
    float: left;
    width: 150px
}

.table-goodservice-orderlist .additions {
    margin-top: 1em;
    line-height: 1.4
}

.table-goodservice-orderlist td:first-child .additions {
    text-align: left
}

.table-goodservice-orderlist .additions a {
    font-family: brandon-grotesque, 'microsoft jhenghei', Arial, sans-serif;
    color: #9a7d5b
}

.table-goodservice-orderlist td>span {
    display: none
}
/*心願清單*/
.table_fa{
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    padding: 1% 0;
    border-bottom: 1px solid #ccc;
}
.table_fa_1{
    width: 15%;
}
.table_fa_1 img{
    max-width: 90%;
}
.table_fa_2_3{
    display: contents;
}
.table_fa_2{
    width: 25%;
}
.table_fa_3{
    width: 15%;
}
.table_fa_4{
    width: 15%;
}
.table_fa_5{
    width: 15%;
    color: #fff;
}
.table_fa_5_y{
    background-color: #212121;
    padding: 1% 5%;
}
.table_fa_5_n{
    background-color: #989898;
    padding: 1% 5%;
}
.table_fa_6{
    width: 15%;
}
.table_fa_6 a{
    color: #fff;
}
.table_fa_buy{
    background-color: #98806d;
    width: max-content;
    padding: 2% 20%;
    margin: 2%;
}
.table_fa_del{
    background-color: #4d4d4d;
    width: max-content;
    padding: 2% 20%;
    margin: 2%;
}
@media screen and (max-width: 992px){
    .member_breadcrumb{
        text-align: center;
    }
    /*會員中心*/

    /*產品註冊*/
    .member_register_text{
        width: 100%;
    }
    .member_register_form{
        max-width: 100%;
    }
    .member_register_title{
        width: 100%;
    }
    .member_register_text{
        width: 100%;
    }

}

@media screen and (max-width: 768px){
    .table-warranty-orderlist,
    .table-warranty-orderlist thead,
    .table-warranty-orderlist thead tr,
    .table-warranty-orderlist thead th,
    .table-warranty-orderlist tbody,
    .table-warranty-orderlist th,
    .table-warranty-orderlist td,
    .table-warranty-orderlist tr {
        display: block
    }

    .table-warranty-orderlist thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .table-warranty-orderlist td:first-child,
    .table-warranty-orderlist td,
    .table-warranty-orderlist tr {
        text-align: left;
        padding-bottom: 10px
    }

    .table-warranty-orderlist td {
        border: none;
        position: relative;
        padding-left: 50%
    }

    .table-warranty-orderlist td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bolder
    }

    .table-warranty-orderlist td:nth-of-type(1):before {
        content: "商品型號"
    }

    .table-warranty-orderlist td:nth-of-type(2):before {
        content: "購買時間"
    }

    .table-warranty-orderlist td:nth-of-type(3):before {
        content: "保固到期日"
    }

    .table-warranty-orderlist td:nth-of-type(4):before {
        content: "剩餘天數"
    }

    .table-goodservice-orderlist,
    .table-goodservice-orderlist thead,
    .table-goodservice-orderlist thead tr,
    .table-goodservice-orderlist thead th,
    .table-goodservice-orderlist tbody,
    .table-goodservice-orderlist th,
    .table-goodservice-orderlist td,
    .table-goodservice-orderlist tr {
        display: block
    }

    .table-goodservice-orderlist thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .table-goodservice-orderlist td:first-child,
    .table-goodservice-orderlist td,
    .table-goodservice-orderlist tr {
        text-align: left;
        padding-bottom: 10px
    }

    .table-goodservice-orderlist td {
        border: none;
        position: relative;
        padding-left: 50%
    }

    .table-goodservice-orderlist td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bolder
    }

    .table-goodservice-orderlist td:nth-of-type(1):before {
        content: "商品型號"
    }

    .table-goodservice-orderlist td:nth-of-type(2):before {
        content: "購買時間"
    }

    .table-goodservice-orderlist td:nth-of-type(3):before {
        content: "維修進度"
    }

    .table-goodservice-orderlist td:nth-of-type(4):before {
        content: "預計完成日期"
    }
    .table-goodservice-orderlist td:nth-of-type(5):before {
        content: "寄出時間"
    }
    /*心願清單*/
    .table_fa_1 {
        width: 20%;
    }
    .table_fa_1 img {
        max-width: 100%;
    }
    .table_fa_2_3 {
        display: block;
        width: 22%;
    }
    .table_fa_2{
        width: 100%;
    }
    .table_fa_3{
        width: 100%;
    }
    .table_fa_5 {
        width: 12%;
    }
    .table_fa_buy {
        margin: 10% 0;
    }
    .table_fa_del {
        margin: 10% 0;
    }


}

