@import "../../fonts/themify-icons/themify-icons.css";
@import "../../fonts/fontello-line/css/fontello.css";

/*
#reward .bootstrap-touchspin{ max-width: 150px; }
#reward .bootstrap-touchspin .input-group-btn{
    padding: 0;
    border: solid 1px #EDEDED;
}
#reward .bootstrap-touchspin .input-group-btn .btn{ height: 38px; }
#reward .bootstrap-touchspin .input-group-btn .btn:hover,
#reward .bootstrap-touchspin .input-group-btn .btn:active{
    background: #E89512;
    color: #ffffff;
}
#reward .bootstrap-touchspin .form-control{ text-align: center;}
*/
/*
*/
#reward .qtyz .input-group{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#reward .qtyz .input-group .form-control{
    -ms-flex: 0 0 calc(100% - 68px);
    flex: 0 0 calc(100% - 68px);
    text-align: center;
}
#reward .qtyz .input-group .form-control[readonly]{ background: #ffffff !important; }
#reward .qtyz .input-group .btn:hover,
#reward .qtyz .input-group .btn:active{
    background: #E89512;
    color: #ffffff;
}


/*#############################################
REWARD FORM
#############################################*/
#reward .form-control{ height: 40px; border-color: #EDEDED;}
#reward .form-control-select{
    position: relative;
    height: 40px;
    border-color: #EDEDED;
}
#reward .form-control-select select{
    height: 40px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
    z-index: 2;
}
#reward .form-control-select::before{
    position: absolute;
    font-family: 'themify';
    content: "\e64b";
    width: 16px;
    height: 16px;
    right: 10px;
    z-index: 1;
    top: 10px;
    color: #383838;

}

#reward .btn-white{ border-color: #D1D1D1; }
#reward .modal-dialog .btn-white{ border-color: #D1D1D1;}
#reward .modal-dialog .btn-Gamboge{ font-size: 17px; }

#reward .btn-bradius { border-radius: 5px;}

/*#############################################
REWARD 
#############################################*/
#reward .rwex_modal .modal-title-default{
	margin-top: 0;
	color: #000000;
	font-size: 17px;
}
#reward .loadmore{
    width: 100%;
}
#reward h3{ margin-top: 0; line-height: 30px;}

/*
*/
#reward .reward_pitem_top{ display: none;}
#reward .reward_pitem{
    width: 100%;
    height: auto;
    overflow: hidden;
    clear: both;
}
#reward .reward_pitem h3{ float: left;}
#reward .reward_pitem .use_item{ float: right; margin-top: 5px;}
#reward .reward_pitem .use_item>li{ font-size: 16px;}

/*
*/
.pd_empty{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 50;
    background-color: rgba(0,0,0,0.45);
}
.pd_empty .empty-circle{
    width: 60%;
    height: 60%;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50%;
    transform: translate(0%, -50%);
    overflow: hidden;
}
.pd_empty .empty-circle div{
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center;
    top: 50%;
    transform: translate(0%, -50%);
    font-size: calc(0.75em + 1.3vmin);
    line-height:1em;
}
@media (max-width: 380px){
    .pd_empty .empty-circle div{ font-size: 13px; }
}

/* reward list */
#reward .reward_list{
	list-style: none;
    padding: 0;
    margin-left: -5px;
    margin-right: -5px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#reward .reward_list>li{
    border: 0;
    padding: 5px;
    flex-basis: 20%;
    max-width: 20%;
}
#reward .reward_list>li a{
    display: block;
    width: 100%;
    height: auto;
    color:#383838;
}
#reward .reward_list>li a:hover{
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.45);
}
#reward .reward_list li .img{
    position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
    padding-top: calc(100%);
    border-radius: 3px 3px 0px 0px;
}
#reward .reward_list li .img img{
    position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	transform: translate(0%, -50%);
}
#reward .reward_list li .rdesc{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 8px;
    background: #ffffff;
    font-family: 'promptlight';
}
#reward .reward_list li .rdesc .desc{
    display: block;
	display: -webkit-box;
	width: 100%;
	height: 32px;
	margin: 0 auto;
	font-size: 13px;
	line-height: 16px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

#reward .reward_list .btn{
	min-width: 127px;
}
#reward .use_item{ margin-bottom: 0; }
#reward .use_item li{
	line-height: 16px;
	font-size: 13px;
}
#reward .use_item li:nth-child(2){ padding-left: 0;}
#reward .use_item li .icon {
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: bottom;
}

@media (max-width: 991px){
    /* reward list */
    #reward .reward_list>li{
        display: inline-block;
        border: 0;
        width: 24.2%;
        padding: 5px;
    }
}
@media (max-width: 680px){
    /*
    */
    #reward .reward_pitem .use_item{ display: none;}
    #reward .reward_pitem_top{
        display: block;
        background: #E2B267;
        margin-top: -10px;
        margin-right: -15px;
        margin-left: -15px;
        margin-bottom: 15px;
        text-align: center;
        color: #ffffff;
        padding: 8px 0;
    }
    

    /*
    */
    #reward .reward_list>li{
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
}
@media (max-width: 500px){
    #reward .reward_list>li{
        flex-basis: 50%;
        max-width: 50%;
    }
}


/*#
Reward detail
#*/
#reward .reward_detail{
    padding: 20px;
    background: #ffffff;
    position: relative;
    overflow: visible;
    margin-bottom: 20px;
}
#reward .reward_detail .descz{ 
    min-height: calc(345px);
}

#reward .reward_detail .qtyz{
    max-width: 150px;
    margin-bottom: 15px;
}

#reward .reward_detail .mobile_btn_zone{ display: none;}
/*
*
#reward .reward_detail .slideimg #rewarddetailimg img{ width: 100%; }
#reward .reward_detail .slideimg #rewarddetailimg .carousel-indicators { bottom: 0px; }
#reward .reward_detail .slideimg #rewarddetailimg .carousel-indicators .active{ background-color: #E5A56B;}
*/
#reward .reward_detail .slideimg .slick-dotted.slick-slider {
    margin-bottom: 0px;
}
#reward .reward_detail .slideimg #rewarddetailimg .item{
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: calc(100%);
}
#reward .reward_detail .slideimg #rewarddetailimg .item img{
    width: 100%;
    /*min-width: 100%;*/
    height: auto;
    min-height: 100%;
    position: absolute !important;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}

#reward .reward_detail .slideimg .slick-dots{
    bottom: 20px;
}
#reward .reward_detail .slideimg .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: solid 1px #B9B9B9;
    outline: none;
    background: #ffffff;
    border-radius: 100%;
}
#reward .reward_detail .slideimg .slick-dots li button:hover,
#reward .reward_detail .slideimg .slick-dots li button:focus,
#reward .reward_detail .slideimg .slick-dots li.slick-active button {
    outline: none;
    background: #E5A56B;
    border: solid 1px #DBDBDB;
}


/*
*/
#reward .reward_detail .rtop_capt{ 
	position: relative;
	width: 100%;
	height: auto;
	min-height: 40px;
}
#reward .reward_detail .rtop_capt .rtop_capt_text{
    padding-right: 15px;
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 28px;
}
/*
*/
#reward .reward_detail .use_item li{
	line-height: 20px;
    font-size: 14px;
    font-family: 'promptlight';
}
#reward .reward_detail .use_item li .icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    vertical-align: bottom;
}
/*
*/
#reward .reward_detail .desc{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 15px;
    font-family: 'promptlight';
}
/*
*/
#reward .reward_detail .desc_bottomz{
    position: absolute;
    bottom: 0;
    width: 100%;
}
#reward .reward_detail .desc_bottomz .desc_bottom_option{
    list-style: none;
    width: 100%;
    padding: 0 25px 0 0;
    margin-bottom: 15px;
    display: flex;
}
#reward .reward_detail .desc_bottomz .desc_bottom_option li{
    display: inline-flex;
    width: 49%;
    border: solid 1px #D1D1D1;
    border-radius: 6px;
    padding: 15px;
}
#reward .reward_detail .desc_bottomz .desc_bottom_option li:first-child{ display: none;}
#reward .reward_detail .desc_bottomz .desc_bottom_option li:last-child{ margin-left: 10px;}
#reward .reward_detail .desc_bottomz .desc_bottom_option li .title{ font-size: 18px; margin-bottom: 5px;}
#reward .reward_detail .desc_bottomz .desc_bottom_option li .text{ line-height: 20px; font-family: 'promptlight'; }
#reward .reward_detail .desc_bottomz .desc_bottom_option li .title .tname{ display: inline-block; width: calc(100% - 105px);}
#reward .reward_detail .desc_bottomz .desc_bottom_option li .icon{ width: 15px !important; height: 15px; padding-top: 2px;}



#reward .reward_detail .desc_bottomz .btn_zone{ overflow: visible;}
#reward .reward_detail .desc_bottomz .btn_zone .dropdown{ display: inline;}
/*
#reward .reward_detail .desc_bottomz .btn_zone .dropdown .btn-light{
    background: #FFD64A;
    border-color: #FFD64A;
}
#reward .reward_detail .desc_bottomz .btn_zone .dropdown .btn-light:hover,
#reward .reward_detail .desc_bottomz .btn_zone .dropdown .btn-light:focus, 
#reward .reward_detail .desc_bottomz .btn_zone .dropdown .btn-light:active, 
#reward .reward_detail .desc_bottomz .btn_zone .dropdown .btn-light.active{
    background: #FADD7A !important;
    border-color: #FADD7A !important;
    color: #000000 !important;
}
*/

#reward .reward_detail .desc_bottomz .btn_zone .btn{
    width: 25%;
    padding: 9px 13px;
    font-size: 18px;
}
#reward .reward_detail .desc_bottomz .btn_zone .btn-light{ border-color: #D1D1D1;}
#reward .reward_detail .desc_bottomz .btn_zone .btn:last-child{ width: 44%; }
/*
*/
#reward .reward_similar>li{
    flex-basis: 16.667%;
    max-width: 16.667%;
    padding: 7px;
}

@media (max-width: 991px){
    #reward .reward_detail .descz .desc_bottomz{ position: relative;}
    #reward .reward_detail .desc_bottomz .desc_bottom_option{ padding: 0;}
    #reward .reward_detail .desc_bottomz .btn_zone .btn{ width:31.333% !important; }

    #reward .reward_similar>li{
        flex-basis: 25%;
        max-width: 25%;
    }
}
@media (max-width: 767px){
    #reward .reward_detail .qtyz{ margin-bottom: 0px; margin-top: 15px;}
    /*
    #reward .reward_detail .qtyz .bootstrap-touchspin{ max-width: 150px; }
    #reward .reward_detail .qtyz .bootstrap-touchspin .input-group-btn .btn{ height: 38px; }
    */

    #reward .reward_detail .desc{ display: none;}
    #reward .reward_detail .desc_bottomz .desc_bottom_option{ display: block; }
    #reward .reward_detail .desc_bottomz .desc_bottom_option li{
        display: block;
        width: 100%;
        margin: 0 !important;
        border-radius: 0;
        border: none;
        border-bottom: solid 1px #D1D1D1;
        padding: 15px 0;
    }
    #reward .reward_detail .desc_bottomz .desc_bottom_option li:first-child{ display: block;}
    #reward .reward_detail .desc_bottomz .btn_zone .btn{ width:32% !important; }
}
@media (max-width: 680px){
    #reward .reward_detail .desc_bottomz .desc_bottom_option{ margin-bottom: 0;}
    #reward .reward_detail .desc_bottomz .desc_bottom_option li:last-child{ padding-bottom: 0;}
    #reward .reward_similar>li{
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
}
@media (max-width: 655px){
    #reward .reward_detail{
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -10px;
    }
    #reward .reward_detail .slideimg{ width: 100%;}
    #reward .reward_detail .slideimg #rewarddetailimg{
        width: 100%;
        max-width: 320px;
        margin: auto;
    }
    /* #reward .reward_detail .slideimg #rewarddetailimg .item img{ border-radius: 5px;} */
    #reward .reward_detail .slideimg #rewarddetailimg .item{ border-radius: 5px;}
    #reward .reward_detail .descz{ width: 100%; min-height: 0;}
    #reward .reward_detail .rtop_capt{ min-height: 24px;}
    #reward .reward_detail .rtop_capt .rtop_capt_text{
        padding-right: 15px;
        /*
        margin-top: 20px;
        margin-bottom: 15px;
        */
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 20px;
        line-height: 24px;
    }
    #reward .reward_detail .descz .desc{ display: none;}
    #reward .reward_detail .mobile_btn_zone{
        display: block;
        margin-top: 15px;
    }
    #reward .reward_detail .mobile_btn_zone .dropdown{ display: inline;}
    #reward .reward_detail .mobile_btn_zone .btn{ width: 20%; padding: 13px; }
    #reward .reward_detail .mobile_btn_zone .btn:nth-child(2){ width: 30%;}
    #reward .reward_detail .mobile_btn_zone .btn:nth-child(3){ width: 46%;}

    #reward .reward_detail .desc_bottomz .desc_bottom_option li:last-child{ border: none;}
    #reward .reward_detail .desc_bottomz .btn_zone{ display: none;}
}
@media (max-width: 500px){
    #reward .reward_detail .mobile_btn_zone .btn:nth-child(3){ width: 45%;}

    #reward .reward_similar>li{
        flex-basis: 50%;
        max-width: 50%;
    }
}


/*
Eeward Exchange
*/
#reward #exchange .btn-white{ border-color: #EAEAEA;}

#reward #exchange .title{ font-size: 17px;}
#reward #exchange .title a{ font-size: 15px;}

#reward #exchange .exchange_listzone{ background: #ffffff;}
#reward #exchange .exchange_listzone .title{
    padding: 10px 15px;
    border-bottom: solid 1px #EAEAEA;
}
#reward #exchange .exchange_listzone .exchange_list{
    list-style: none;
    padding: 10px 15px;
}
#reward #exchange .exchange_listzone .exchange_list>li{
    width: 100%;
    min-height: 123px;
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: solid 1px #EAEAEA;
}
#reward #exchange .exchange_listzone .exchange_list>li:last-child{
    padding: 10px 0 0 0;
    border-bottom: none;
}
#reward #exchange .exchange_listzone .exchange_list>li .img{
    position: absolute;
	width: 103px;
	height: 103px;
	overflow: hidden;
	border-radius: 5px;
}
#reward #exchange .exchange_listzone .exchange_list>li .img img{
    width: 100%;
    height: auto;
}
#reward #exchange .exchange_listzone .exchange_list>li .con{
	width: 100%;
	height: auto;
    overflow: hidden;
    padding-left: 118px;
}
#reward #exchange .exchange_listzone .exchange_list>li .con .desc{
    display: block;
	display: -webkit-box;
	width: 100%;
	max-height: 40px;
	margin: 0 auto;
	line-height: 20px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}
#reward #exchange .exchange_listzone .exchange_list>li .con > ul{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}
#reward #exchange .exchange_listzone .exchange_list>li .con > ul >li{
    padding-right: 10px;
}
#reward #exchange .exchange_listzone .exchange_list>li .con .icon{
	width: 20px;
    height: 20px;
    line-height: 20px;
    vertical-align: bottom;
}

#reward #exchange .exchange_listzone .exchange_list > li .con .qtyz{
    max-width: 120px;
}
#reward #exchange .exchange_listzone .exchange_list > li .con .qtyz .form-control{ height: 30px; }
#reward #exchange .exchange_listzone .exchange_list > li .con .qtyz .btn{ height: 30px; }

/*
*/
#reward #exchange .exchange_addrsend{
    background: #ffffff;
}
#reward #exchange .exchange_addrsend .title{
    padding: 10px 15px;
    border-bottom: solid 1px #EAEAEA;
}
#reward #exchange .exchange_addrsend .title a{ color: #383838;}
#reward #exchange .exchange_addrsend .exchange_addrsend_in{
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 15px;
}
#reward #exchange .exchange_addrsend .exchange_addrsend_in .icon{
    position: absolute;
    width: 15px;
    height: 18px;
}
#reward #exchange .exchange_addrsend .exchange_addrsend_in .addr_zone{
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    color: #707070;
    padding-left: 25px;
    font-family: 'promptlight';
}
#reward #exchange .exchange_addrsend .exchange_addrsend_in .addr_zone .name{
    font-size: 16px;
    line-height: 20px;
    color: #383838;
    font-family: 'promptregular';
}
/*
*/
#reward #exchange .exchange_sumzone{ background: #ffffff; margin-top: 15px;}
#reward #exchange .exchange_sumzone .title{
    padding: 10px 15px;
    border-bottom: solid 1px #EAEAEA;
}
#reward #exchange .exchange_sumzone .sum_list>li{
    line-height: 20px;
	padding:15px;
    border-bottom: solid 1px #EAEAEA;
}
#reward #exchange .exchange_sumzone .sum_list>li:last-child{ border: none;}
#reward #exchange .exchange_sumzone .sum_list>li .icon{
	width: 20px;
    height: 20px;
    line-height: 20px;
    vertical-align: bottom;
}
#reward #exchange .exchange_sumzone .sum_list>li span:nth-child(3){ font-family: 'promptsemibold';}
#reward #exchange .exchange_sumzone .sum_list>li .emply{ color:#E85D1F;}
#reward #exchange .btn_zone .btn{ padding: 15px;}

/*
*/
#reward #exchange .rw_btn_desktop{ display: block;}
#reward #exchange .rw_btn_mobile{ display: none;}

.modal_select_addr .modal-dialog{ width: 750px;}
.modal_select_addr .modal-content{ border-radius: 0; }
.modal_select_addr .addr_top{
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
}
.modal_select_addr .addr_list{ margin-top: 15px;}
.modal_select_addr .addr_list>li{
    /* border-bottom: solid 1px #D1D1D1; */
    border-bottom: solid 1px #EDEDED;
    padding-left: 20px;
    padding-right: 20px;
}
.modal_select_addr .addr_list>li:last-child{ border: none;}
.modal_select_addr .addr_list .addr_list_in{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-family: 'promptextralight';
    padding: 10px 0;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.modal_select_addr .addr_list .addr_list_in .addr_radioz{
    flex-basis: 20px;
    width: 20px;
}
.modal_select_addr .addr_list .addr_list_in .addr_ac{
    flex-basis: 160px;
    width: 160px;
    font-family: 'promptregular';
}
.modal_select_addr .addr_list .addr_list_in .addr_mid{
    flex-basis: calc(100% - 180px);
    width: calc(100% - 180px);
    /* padding-left: 20px; */
}
/*
.modal_select_addr .addr_list .addr_list_in .addr_mid::before{
    position: absolute;
    content: url(../../images/icon/svg/pin.svg);
    width: 15px;
    height: auto;
    margin-left: -15px;
    margin-top: 3px;
}
*/
.modal_select_addr .addr_list .addr_list_in .addr_radioz .radio{ margin: 0;}
.modal_select_addr .addr_list .addr_list_in .addr_radioz .radio label{ margin-bottom: auto !important;}
.modal_select_addr .addr_list .addr_list_in .addr_radioz .radio label::before{ margin-top: 0;}
.modal_select_addr .addr_list .addr_list_in .addr_radioz .radio label::after{ top: -1px; background: #484848;}

.modal_select_addr .addr_list .addr_list_in .addr_ac ul li:nth-child(3){ display: none;}
.modal_select_addr .addr_list .addr_list_in .addr_ac span{
    background: #B55E0F;
    color: #ffffff;
    border-radius: 10px;
    padding: 3px 8px;
    font-size: 12px;
}
.modal_select_addr .addr_list .addr_list_in .addr_mid ul li{
    float: left;
    width: 33.333%;
    height: auto;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}
.modal_select_addr .addr_list .addr_list_in .addr_mid ul li:first-child,
.modal_select_addr .addr_list .addr_list_in .addr_mid ul li:nth-child(2),
.modal_select_addr .addr_list .addr_list_in .addr_mid ul li:last-child{ font-family: 'promptmedium'; }
.modal_select_addr .addr_list .addr_list_in .addr_mid ul li:nth-child(2){ display: none;}

/*
*/
.add_shipaddress .modal-content{ border-radius: 0; }
.add_shipaddress .modal-body{ padding: 0 20px 35px 20px;}
.add_shipaddress .checkbox label::before{ margin-top: 3px;}
.add_shipaddress .checkbox label::after{ top: 1px;}
.add_shipaddress .modal-body .form-group .form-control{ border-radius: 8px;}
.add_shipaddress .modal-body .form-group .form-control-select{
    padding-left: 10px;
    padding-right: 10px;
}
.add_shipaddress .modal-body .form-group input[type="text"]::placeholder{ color: #383838 !important;}
.add_shipaddress .modal-body .form-group .form-control-select select[disabled]{ background: none !important;}
.add_shipaddress .modal-body .form-group .form-control-select select[disabled] > option{ color: #383838 !important;}

@media (max-width: 767px){
    .modal_select_addr .modal-dialog{
        width: 95%;
        min-width: 600px;
        margin: 10px auto;
    }
}
@media (max-width: 600px){
    #reward #exchange .rw_btn_desktop{ display: none; }
    #reward #exchange .rw_btn_mobile{ display: block; }

    /* */
    .modal_select_addr{
        background: none;
    }
    .modal_select_addr .modal-dialog{ 
        width: 100%;
        min-width: 200px;
        height: calc(100% - 52px);
        margin: 52px 0 0 0;
        overflow: hidden;
    }
    .modal_select_addr .modal-content{
        height: 100%;
        box-shadow: none;
    }
    .modal_select_addr .modal-header{ display: none;}
    .modal_select_addr .modal-body { margin-top: 0;}
    .modal_select_addr .addr_top{
        padding: 10px 35px;
        margin-left: -15px;
        margin-right: -15px;
        border-bottom: solid 8px #F4F2EF;
        clear: both;
    }
    .modal_select_addr .modal-body .md_addrconz{
        position: relative;
        height: calc(100vh - 110px);
        overflow-y: scroll;
    }
    .modal_select_addr .addr_list{
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 61px;
    }
    .modal_select_addr .addr_list>li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .modal_select_addr .addr_top .btnaddaddr{
        padding: 0;
        border-radius: 0;
        border: none;
        font-size: 16px;
    }
    .modal_select_addr .addr_list .addr_list_in .addr_ac{
        flex-basis: 100px;
        width: 100px;
        display: block;
        align-items: center;
        justify-content: flex-end;
        font-family: 'promptregular';
    }
    .modal_select_addr .addr_list .addr_list_in .addr_mid{
        flex-basis: calc(100% - 120px);
        width: calc(100% - 120px);
    }
    .modal_select_addr .addr_list .addr_list_in .addr_mid ul li{
        float: none;
        width: 100%;
    }
    /*
    .modal_select_addr .addr_list .addr_list_in .addr_mid ul li:first-child,
    .modal_select_addr .addr_list .addr_list_in .addr_mid ul li:nth-child(2),
    .modal_select_addr .addr_list .addr_list_in .addr_mid ul li:last-child{ font-family: 'promptmedium'; }
    */
    .modal_select_addr .addr_list .addr_list_in .addr_mid ul li:first-child{ font-size: 17px; line-height: 20px;}
    .modal_select_addr .addr_list .addr_list_in .addr_mid ul li:nth-child(2){
        display: block;
        font-size: 12px;
        line-height: 14px;
        margin-top: 2px;
        margin-bottom: 2px;
    }
    .modal_select_addr .addr_list .addr_list_in .addr_mid ul li:nth-child(4){ display: none;}
    .modal_select_addr .addr_list .addr_list_in .addr_mid ul li:nth-child(3){
        font-size: 14px;
        line-height: 16px;
    }
    .modal_select_addr .addr_list .addr_list_in .addr_ac ul li:nth-child(1){ display: none;}
    .modal_select_addr .addr_list .addr_list_in .addr_ac ul li:nth-child(3){
        display: block;
        margin-top: 5px;
    }

    .modal_select_addr .mdsubmit{
        width: calc(100% - 30px);
        position: fixed;
        bottom: 15px;
    }
    .modal_select_addr .btn-mdsubmit{ width: 100%;}
}

@media (max-width: 520px){
    #reward #exchange .exchange_listzone .exchange_list > li .con ul li:nth-child(3){
        display: block;
        width: 100%;
        margin-top: 10px;
    }
}


/*#
Reward Status
#*/
#reward .reward_status{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px;
    background: #ffffff;
}

#reward .reward_status .nav-tabs{ border:none; }
#reward .reward_status .nav-tabs li{ float: none; padding-left: 15px;}
#reward .reward_status .nav-tabs li>a{
    padding: 10px 8px;
    color: #656565; 
    margin: 0;
    font-size: 15px;
    line-height: 18px;
    border: none;
}
#reward .reward_status .nav-tabs li>a:hover{
    background: none;
    border: none;
    padding: 10px 8px;
    margin: 0;
    font-size: 15px;
    line-height: 18px;
}
#reward .reward_status .nav-tabs>li.active>a,
#reward .reward_status .nav-tabs>li.active>a:focus,
#reward .reward_status .nav-tabs>li.active>a:hover{
    border: none;
    color: #E89512;
}
#reward .reward_status .nav-tabs>li.active:before {
    position: absolute;  
    top: 8px;  
    margin: 6px 0 0 -12px;    
    vertical-align: middle;
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background: #E89512;
    content: "";
}
#reward .reward_status .list-reward-status > li{
    /* border-bottom: solid 1px #D1D1D1; */
    border-bottom: solid 1px #EDEDED;
    padding: 15px 0;
}
#reward .reward_status .list-reward-status>li:last-child{ border: none;}
#reward .reward_status .list-reward-status>li .status_top{
    width: 100%;
    height: auto;
    overflow: hidden;
    clear: both;
    font-size: 16px;
}
#reward .reward_status .list-reward-status>li .status_top span:first-child{ color: #B55E0F;}
#reward .reward_status .list-reward-status>li .status_top .click_copy{
    float: right;
    font-size: 14px;
    padding: 2px 8px;
}
#reward .reward_status .list-reward-status>li .status_top .view_shipaddr{
    float: right;
    font-size: 14px;
    padding: 2px 8px;
    margin-left: 5px;
}
#reward .reward_status .list-reward-status>li .ship_addrview_m{ display: none; }

#reward .reward_status .list-reward-status>li .status_item{ width: 100%;}
#reward .reward_status .list-reward-status>li .status_item>li{
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
}
#reward .reward_status .list-reward-status>li .status_item>li:first-child{ margin-top: 0;}

#reward .reward_status .list-reward-status>li .status_item .img{
    position: relative;
    flex-basis: 71px;
	width: 71px;
	height: 71px;
    overflow: hidden;
    border-radius: 5px;
}
#reward .reward_status .list-reward-status>li .status_item .img img{
    position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	transform: translate(0%, -50%);
}
#reward .reward_status .list-reward-status>li .status_item .mid{
    width: calc(100% - 251px);
    flex-basis: calc(100% - 251px);
    padding: 0 15px;
}
#reward .reward_status .list-reward-status>li .status_item .mid .desc{
    max-width: 400px;
    display: block;
	display: -webkit-box;
	height: 40px;
	font-size: 14px;
	line-height: 20px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'promptlight';
}
#reward .reward_status .list-reward-status>li .status_item .mid .rws_use_item{ display: none;}
#reward .reward_status .list-reward-status>li .status_item .mid .date{
    font-family: 'promptlight';
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
    color: #7c7c7c;
}

#reward .reward_status .list-reward-status>li .status_item .mid .qty{
    display: inline-block;
    color: #383838;
}


#reward .reward_status .list-reward-status>li .status_item .buse{
    width: 180px;
    flex-basis: 180px;
    display: flex;
    align-items: center;
}
#reward .reward_status .list-reward-status>li .status_item .buse .rws_use_item{ width: 100%;}
#reward .reward_status .list-reward-status>li .status_item .buse .rws_use_item>li{ width: 48%; font-size: 13px;}
#reward .reward_status .list-reward-status>li .status_item .buse .rws_use_item>li:nth-child(3){
    width: 100%;
    padding-left: 54%;
}
#reward .reward_status .list-reward-status>li .status_item .buse .rws_use_item>li .icon{
	width: 16px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}

#reward .reward_status .list-reward-status.status_item_track>li{ padding-bottom: 0; border: none;}
#reward .reward_status .list-reward-status.status_item_track>li .status_top{ margin-bottom: 10px;}
#reward .reward_status .list-reward-status>li .tracking{
    display: block;
    width: 100%;
    background: #FAF8F4;
    padding: 5px 10px;
    margin-top: 15px;
    font-size: 13px;
    line-height: 16px;
}
#reward .reward_status .list-reward-status>li .tracking .track{
    display: inline-block;
    width: 250px;
    font-family: 'promptregular';
}
#reward .reward_status .list-reward-status>li .tracking .click_copy{
    padding: 3px 5px;
    line-height: 15px;
}

#reward .reward_status .rws_norec{
    text-align: center;
    margin-top: 30px;
}

#reward .reward_status .rws_norec img{ width: 100px;}



@media (max-width: 679px){
    #reward .reward_status_z{
        padding-left: 0;
        padding-right: 0;
        margin-top: -20px;
        margin-bottom: -30px;
    }
    #reward .reward_status{
        padding-left: 15px;
        padding-right: 15px;
    }
    #reward .reward_status .reward_status_nav{
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: solid 10px #F4F2EF;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 1px;
    }
    #reward .reward_status .reward_status_nav .nav-tabs>li{
        display: inline-block;
        padding: 0;
    }
    #reward .reward_status .reward_status_nav .nav-tabs>li:before{ display: none;}
    #reward .reward_status .reward_status_nav .nav-tabs>li>a{ padding: 10px 10px;}
    #reward .reward_status .reward_status_nav .nav-tabs>li.active>a{
        border-bottom: solid 2px #E2B267;
    }
    #reward .reward_status .reward_status_con{
        float: none;
        width: 100%;
    }
    #reward .reward_status .list-reward-status{
        margin-left: -15px;
        margin-right: -15px;
    }
    #reward .reward_status .list-reward-status>li{
        padding-left: 15px;
        padding-right: 15px;
    }
    #reward .reward_status .list-reward-status>li .status_item{ margin-top: 10px;}
    #reward .reward_status .list-reward-status>li .status_item .buse{ display: none;}
    #reward .reward_status .list-reward-status>li .status_item .mid{
        width: calc(100% - 71px);
        flex-basis: calc(100% - 71px);
        padding: 0 0 0 15px;
    }
    #reward .reward_status .list-reward-status>li .status_item .mid .desc{
        height: auto;
        max-height: 36px;
        line-height: 18px;
    }
    #reward .reward_status .list-reward-status>li .status_item .mid .rws_use_item{
        display: block;
        margin-top: 0;
        font-size: 12px;
    }
    #reward .reward_status .list-reward-status>li .status_item .mid .rws_use_item>li .icon{
        width: 12px;
        height: 18px;
        line-height: 18px;
        vertical-align: middle;
    }
    #reward .reward_status .list-reward-status>li .status_item .mid .date{ margin-top: 0px;}

    #reward .reward_status .list-reward-status>li .tracking{
        display: block;
        width: auto;
        background: #FAF8F4;
        padding: 5px 15px;
        margin-top: 15px;
        font-size: 13px;
        line-height: 16px;
        margin-left: -15px;
        margin-right: -15px;
    }

}
@media (max-width: 420px){
    #reward .reward_status .reward_status_nav .nav-tabs>li>a {
        font-family: 'promptmedium';
        padding: 10px 8px;
    }
    #reward .reward_status .list-reward-status>li .status_top .view_shipaddr{ display: none;}
    #reward .reward_status .list-reward-status>li .ship_addrview_m{
        display: block;
        font-size: 13px;
        margin-left: 86px;
        margin-top: 5px;
        color: #B55E0F;
    }

    #reward .reward_status .list-reward-status>li .tracking .track{
        width: calc(100% - 64px);
    }

}