/*===========================================
Registration
===========================================*/

/*-------------------------------------------
register
-------------------------------------------*/
.tableList th time{
    display:block;
}
.tableList td .usd{
    
}
.tableList td .dollar{
    font-size:13px;
    color:#777;
}

.comButton{
    display:inline-block;
}
    .comButton input{
        float:left;
        border-radius:0;
        text-align:center;
    }
    .comButton .btnAdd, 
    .comButton .btnLess{
        padding:0;
        width:36px;
        height:36px;
        line-height:36px;
    }
    .comButton .btnAdd{
        border-top-left-radius:3px;
        border-bottom-left-radius:3px;
    }
    .comButton .btnLess{
        border-top-right-radius:3px;
        border-bottom-right-radius:3px;
    }
    .comButton input[name='RFCnt'], .comButton input[name='RFCnt']:focus{
        border-left:0; border-right:0;
    }
.freeList thead th:first-child{
    width:65%;
}
    .freeList thead th time{
        color:#c00;
    }
.regTable .col-types label{
    margin-right:20px;
}
.regTable label{
    margin-top:5px; margin-bottom:5px;
}
.regTable .Topic .spanRadio{
    vertical-align:top;
    font-size:14px;
}
.regTable #R_FileTag{
    margin:8px 0 5px;
}
.regTable .inputOrganization{
    width:500px;
}
.regTable .inputAddress{
    width:calc(100% - 100px);
}
.regTable .inputEmail{
    width:350px;
}
.familyList thead th{
    text-align:left;
}
@media screen and (max-width:992px){
    .freeList .usd{
        display:block;
    }
    .freeList thead th,
    .freeList tbody th,
    .freeList tbody td{
        word-break: break-word;
    }
}
@media screen and (max-width:768px){
    .regTable .col_LastName{
        display:block;
        margin-top:8px;
    }
    .regTable .inputOrganization,
    .regTable .inputAddress,
    .regTable .inputEmail{
        width:100%;
    }
    .regTable .inputAddress{
        margin-top:8px;
    }
}
@media screen and (max-width:576px){
    .responsiveWrap{
        width:100%;
        overflow-x:auto;
    }
    .regTable .col_checkout{
        display:block;
        margin-top:8px;
    }
    .regTable .Topic .spanRadio{
        width:100% !important;
    }
    .familyList input{
        width:45%;
        margin-right:10px;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .regTable tbody th,
    .regTable tbody td{
        display:block;
        width:100%;
        text-align:left;
    }
    .regTable tbody th{
        border:none !important;
    }
    .regTable tbody td{
        border-top:none !important;
    }
        .regTable .col-types label{
            display:block;
        }
        .regTable [name="R_Password"]{
            width:100%;
        }
        .regTable [name="R_FirstName"],
        .regTable [name="R_FamilyName"]{
            width:calc(100% - 90px);
        }
        .regTable [name="R_Country"],
        .regTable [name="R_City"],
        .regTable [name="R_Mobile"],
        .regTable .inputEmail{
            width:100%;
        }
    .familyList thead th,
    .familyList tbody td{
        display:table-cell;
        width:auto;
        padding:5px 2px;
    }
    .familyList thead th{
        border-bottom:2px solid #ddd !important;
        text-align:center;
    }
}
@media screen and (max-width:375px){/* i6 ~ iX */
    .regTable .ext{
        display:block;
        margin-top:5px;
    }
}
@media screen and (max-width:360px){/* Xiaomi */
    .regTable .inputAddress, .regTable .inputEmail{
        width:100%;
    }
}
@media screen and (max-width:320px){/* i5 */
    .regTable .Topic .spanRadio{
        font-size:13px;
    }
}