/*===========================================
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;
    }
.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:400px;
}
.regTable .inputEmail{
    width:300px;
}
.familyList thead th{
    text-align:left;
}

/*===========================================
RWD
===========================================*/
@media screen and (max-width:1366px) and (max-height:768px), (max-height:768px){

}
@media screen and (max-width:1024px) and (max-height:768px){

}
@media screen and (max-width:932px){/* i14 Pro Max Landscape */
    .freeList .usd{
        display:block;
    }
    .freeList thead th,
    .freeList tbody th,
    .freeList tbody td{
        white-space:nowrap;
    }
}
@media screen and (max-width:820px){/* iPad Air and Portrait */

}
@media screen and (max-width:736px){/* i6+ ~ i8+ Landscape */

}
@media screen and (max-width:667px){/* i6 ~ i8 Landscape */
    .regTable .inputOrganization{
        width:100%;
    }
    .regTable .inputAddress, .regTable .inputEmail{
        width:280px;
    }
}
@media screen and (max-width:640px){/* Xiaomi 2S Landscape */

}
@media screen and (max-width:568px){/* i5 Landscape */
    .regTable .col_LastName{
        display:block;
        margin-top:8px;
    }
    .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:430px){/* i14 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 .inputAddress{
        margin-top:5px;
        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 only screen and (max-width:375px) and (max-height:812px){/* iX */

}
@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;
    }
}