@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');

body{
    font-family: "kanit","Helvetica","sans-serif" !important;
    line-height: 1.8!important;
    color: #333!important;
    font-size: 16px!important;
}
.text-link{
    color: #333a40!important;
}
.text-link:hover{
    color: #dc3545!important;
}
.box-register{
    width: 500px;
    margin: 0 auto;
    padding: 50px;
}

/*font size &weight*/
.font-weight-500{
    font-weight: 500;
}
.font-size-11{
    font-size: 11px;
}
.font-size-12{
    font-size: 12px;
}
.font-size-14{
    font-size: 14px;
}
.font-size-22{
    font-size: 22px;
}

/*width*/
.w-10{
    width: 10%;
}
.w-15{
    width: 15%;
}

/*border*/
.border-top-dashed-ced4da {
    border-top: 1px dashed #ced4da;
}

/*btn*/
.btn-outline-ced4da {
    color: #adb1b4;
    border-color: #ced4da;
}
.btn-outline-ced4da:hover {
    color: #fff;
    background-color: #ced4da;
    border-color: #ced4da;
}

@media only screen and (max-width: 720px){
    .box-register{
        width: 100%;
        padding: 0px;
    }
}