.base{
    width: 1300px; max-width: 100%; padding: 0px 50px; margin:0 auto;
}

.base-width{
    width: 1800px; max-width: 100%; padding: 0px 110px; margin:0 auto;
}

#member{
    padding: 95px 0px;
}

.member-box{
    display: flex; justify-content: space-between;
}

.member-box .member-menu{
    width:24.5%; min-width: 230px; margin-right: 40px;
}

.member-box .member-main{
    flex: 1;
}

.member-title{
    margin-bottom: 38px; padding-bottom: 35px; border-bottom: solid 1px #A7B0B5; line-height: 75px;
    font-size: 58px; color: rgba(0,0,0,0.8);
}

/*密码开始*/
.user-form{
    display: flex; flex-direction: column;
}

.user-form .items{
    display: flex; flex-direction: column; margin-bottom: 22px;
}

.user-form .items .title{
    line-height: 45px; color: rgba(0,0,0,0.8); font-size: 32px; margin-bottom: 10px;
}

.user-form .items .input-box{
    position: relative; margin-top: 3px;
}

.user-form .items .input-box input.input-txt{
    width: 100%; border: 1px solid #A7B0B5; height: 68px; padding: 9px 12px; outline: none; color: #333; font-size: 28px;
}

.user-form .items .input-box input.input-txt::placeholder{
    color: #999; font-size: 20px;
}

.sms-box{
    height: 100%; width: 150px; right: 0; top: 0; display: flex; flex-direction: column; justify-content: center;
    position: absolute; right: 0; top: 0;
}

.sms-box a{
    font-size: 20px; color: #EE5A28;
}

.sms-box a span{
    color: #666; display: inline-block; margin-right: 6px;
 }

.user-form-boxs{
    text-align: center; margin-top: 30px;
}

.user-form-boxs button#tj{
    padding: 0px 120px; color:white; background-color: #EE5A28; border: none; outline: none; border-radius: 5px;
    height: 55px; line-height: 55px;
}
/*密码结束*/

/*購物車*/
.wap-cart-tit{
    text-align: left; font-size: 18px; line-height: 25px; color: #000; margin-bottom: 25px; display: none;
    position: relative; padding-left: 10px; border-bottom: solid 1px #f0f0f0; padding-bottom: 8px;
}

.wap-cart-tit::after{
    height: 25px; width: 5px; content: " "; position: absolute; left: 0px; top: 0; background-color:#EE5A28;
}

.cart-lists-boxs{
    display: flex; flex-direction: column;
}

.cart-lists-boxs .carts{
    display: flex; border-bottom: solid 1px #A7B0B5; margin-bottom: 25px; padding-bottom: 25px;
}

.cart-lists-boxs .carts .left-thumb{
    width: 200px; height: 200px;
}

.cart-lists-boxs .carts .left-thumbx a{
    display: block;
}

.cart-lists-boxs .carts .left-thumbx a img{
    max-width: 100%; height: 100%;
}

.cart-lists-boxs .carts .right-box{
    display: flex; flex: 1; justify-content: space-between;  margin-left: 30px;
}

.cart-lists-boxs .carts .right-box a.title{
    width:50%; display: block; font-size: 24px; color: rgba(0,0,0,0.8); line-height: 33px;
}

.cart-lists-boxs .carts .right-box .prices-box{
    width: 35%; text-align: right; display: flex; flex-direction: column; justify-content: space-between; text-align: right;
    align-items: flex-end; padding-top:10px;
}

.cart-lists-boxs .carts .right-box .prices-box .price{
    font-size: 24px; color: rgba(0,0,0,0.8);
}

.cart-lists-boxs .carts .right-box .prices-box .price span{
    color: #EE5A28; margin-left: 10px; font-weight: bold;
}

.cart-lists-boxs .carts .right-box .prices-box .price .number2{
	text-align:right; color:#999; margin-top:6px; font-size:13px;
}

.cart-lists-boxs .carts .right-box .prices-box a{
    display: inline-block; color: #005941; font-size: 16px;
}

.cart-lists-boxs .carts .right-box .prices-box span{
    font-size: 16px; text-align: right; color: #CCCCCC;
}

.cart-lists-boxs .carts .right-box .prices-box span.label-finish{
    color: #1d523e;
}

.cart-lists-boxs .carts .right-box .prices-box span.label-unpay{
    color: #EE5A28; cursor: pointer;
}

.cart-lists-boxs .carts .right-box .prices-box span.label-confirm-unpay{
    color: #EE5A28; cursor: pointer;
}

.cart-lists-boxs .carts .right-box .prices-box span.label-confirm-finish{
    color: #000;  
}

.cart-lists-boxs .carts .right-box .prices-box span.label-sending{
    color: red;
}

.cart-lists-boxs .carts .right-box .prices-box span.label-cancel{
    color: #999;
}

.cart-lists-boxs .carts .right-box .prices-box a:hover{
    color: #EE5A28;
}

.member-main .btn{
    width: 100%;
    display: flex;
    justify-content: center;
}
.member-main .btn .more .button__bg{
    border-radius: 5px;
}
.member-main .btn .more span{
    padding: 1rem 15rem;
    font-size: 15px;
}

/*購物車結束*/

/*活動記錄*/
.recordlist li{
    margin-bottom: 35px; padding: 25px; border-bottom: solid 1px #A7B0B5;
}

.recordlist li a{
    display: block; font-size: 24px; line-height: 36px; color: #333333; margin-bottom: 12px;
}

.recordlist li a:hover{
    color: #EE5A28;
}

.recordlist li .date{
    font-size: 18px; color: #2E3B4E; line-height: 38px;
}

/*活動記錄結束*/

@media screen and (max-width: 767px){

    .en-us .cart-lists-boxs .carts .right-box .prices-box span{
        font-size: 13px; position: relative; top:2px;
    }


    .order-detail-box a{
        width: auto !important; border: none  !important;
    }

    .right-box a span{
        font-size: 12px !important;
    }

    .order-detail-box{
        margin-top: 10px;
    }

    .wap-cart-tit{
        display: block;
    }

    .member-title{
        display: none;
    }

    .member-box{
        flex-direction: column; justify-content: flex-start;
     }

    .ember-box .member-menu{
        margin-bottom: 15px; width: 100%;
    }

    .member-box .member-menu .member-links{
        display: none;
    }

    .mobile-tool{
        width: 100%; height: 65px;
        position: fixed; left: 0; bottom: 0; z-index: 9999; bottom: 0; background-color:#1d523e; color: white;
        padding: 0px 0px; display: flex; flex-direction: column;  justify-content: center;
    }

    .mobile-links{
        display: flex; justify-content: space-between; width: 100%; height: 100%;
    }

    .mobile-tool a{
        display: flex; color: white; font-size: 12px; padding: 0px 6px; width: 19%; flex-direction: column; align-items: center;
        height: 100%; justify-content: center;
    }

    .mobile-tool a:nth-child(2),.mobile-tool a:nth-child(3),.mobile-tool a:nth-child(4){
        width: 21%;
    }

    .mobile-tool a{
        flex: 1;
    }

    .mobile-tool a.cur{
        background-color: #EE5A28;
    }

    .mobile-tool a img{
        height: 22px;
    }

    .mobile-tool a span{
        display: block; text-align: center; font-size: 12px;  margin-top: 6px;
    }

    .user-form .items .title{
        line-height: 45px; color: rgba(0,0,0,0.8); font-size: 32px; margin-bottom: 10px;
    }

    .base {
        padding: 0px 13px;
    }

    .user-form .items .title{
        line-height:40px; color: rgba(0,0,0,0.8); font-size: 20px; margin-bottom: 5px;
    }

    .user-form .items .input-box input.input-txt{
        height: 55px; padding: 7px 12px;  font-size: 18px;
    }

    .user-form .items .input-box input.input-txt::placeholder{
        color: #999; font-size: 14px;
    }

    .sms-box{
        width: 103px;
    }

    .sms-box a {
        font-size: 16px;
    }

    .user-form-boxs button#tj{
        padding: 0px 80px; font-size: 16px;
    }

    /*購物車*/
    .cart-lists-boxs .carts .left-thumb{
        width: 110px; height: 110px;
    }

    .cart-lists-boxs .carts .left-thumbx a{
        display: block;
    }

    .cart-lists-boxs .carts .left-thumbx a img{
        max-width: 140%; height: 100%; width: auto;
    }

    .cart-lists-boxs .carts .right-box{
         justify-content:space-between;  margin-left: 15px; flex-direction: column;
    }

    .cart-lists-boxs .carts .right-box a.title{
        width:100%; font-size: 15px;  line-height:22px; margin-bottom: 5px; text-align: right;
    }

    .cart-lists-boxs .carts .right-box .prices-box{
        width: 100%; text-align: right; margin-bottom: 0px; justify-content: space-between; flex: 1;
        align-items: flex-end;
    }

    .cart-lists-boxs .carts .right-box .prices-box .price{
        font-size: 14px;
    }

    .cart-lists-boxs .carts{
        padding-bottom: 10px;
    }

    .cart-lists-boxs .carts .right-box .prices-box a{
        font-size: 14px; border: solid 1px #EE5A28; width: 45px; text-align:center; float: right; color: #EE5A28; border-radius: 3px;
    }

    /*購物車結束*/

    /*活動記錄*/
    .recordlist li{
        margin-bottom: 30px; padding: 20px;
    }

    .recordlist li a{
        font-size: 20px; line-height: 30px;  margin-bottom: 10px;
    }

    .recordlist li .date{
        font-size: 16px;  line-height: 32px;
    }

    /*活動記錄結束*/


    #member{
        padding: 30px 0;
    }

    .member-main .btn .more span{
        padding: 1rem 9rem;
    }


}


@media screen and (min-width: 768px){



    .member-box .member-menu .member-links{
        padding: 30px 20px;   background: #EE5A28; border-radius: 10px; color: white; display: flex; flex-direction: column; align-items: center;
    }

    .member-box .member-menu .member-links a{
        display: block; height: 80px; line-height: 80px; border-radius: 5px; margin-bottom: 25px; font-size: 24px; color: #fff;
        width: 100%; text-align: center;
    }

    .member-box .member-menu .member-links a.cur,.member-box .member-menu .member-links a:hover{
        background-color: white; font-size: 24px; color: #EE5A28; border-right: solid 4px #005941;
    }

    .member-box .member-menu .mobile-links{
        display: none;
    }



}