@font-face {
    font-family: 'Noto Sans Thai';
    src: url('NotoSansThai/NotoSansThai-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html,body{
    font-family: 'Noto Sans', 'Noto Sans Thai', sans-serif;
    /* background-color: rgb(248, 248, 248); */
    /* background-color: #EDEFF4; */
}
.container-fluid{
    max-width: 1568px;
    padding: 20px;
    margin-bottom: 20px;
}
.box-color{
    background-color: #FFF;
    border-radius: 4px;
}

.col-lg-2 ,.col-md-3 ,.col-sm-4 .col-12,.col-lg-3, .col-md-4, .col-sm-6, .col-12{
    padding: 0 8px;
}
.card{
    background-color: #FFF;
}
.card-body{
    margin: 0px;
    padding: 4px 8px 0px 8px;
}
.card:hover{
    cursor: pointer;
    /* margin-top: -4px;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out; */
}

.asset-code{
    color: #0037ff; 
    background: linear-gradient(#b7daf3, #4fb5ff); 
    box-shadow: 1px 1px 0px 1px #2e9bea; 
    text-shadow: 1px 0px 0px #2e9bea; 
    margin-right: 3px;
}

.hot-sale{
    color: #ffffff; 
    background: linear-gradient(#f3b7b7, #ff0000); 
    box-shadow: 1px 1px 0px 1px #b12929; 
    text-shadow: 1px 0px 0px #630303; 
    margin-left: 3px;
}
@-webkit-keyframes fadeIn {
    0% { 
        margin-top:0; 
        transform: scale(0.6);
    }

    100% {
        margin-top:-4;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% { margin-top:0; }
    100% { margin-top:-4; }
}