@font-face {
    font-family: SukhumvitSet;
    src: url(../fonts/SukhumvitSet-Bold.ttf);
}

@font-face {
    font-family: LSSSet;
    src: url(../fonts/LINESeedSansTH_Rg.otf);
}

@font-face {
    font-family: LSSSetB;
    src: url(../fonts/LINESeedSansTH_Bd.otf);
}
.font-lss{
    font-family: LSSSet;
    color: #B09874;
    font-size: 1rem !important;
}

.font-lss1{
    font-family: LSSSet;
    color: #B09874;
    font-size: 0.8rem !important;
}

.font-lss2{
    font-family: LSSSet;
    color: #ffffff;
    font-size: min(0.9vw, 1.25rem) !important;
}

.font-lss3{
    font-family: LSSSet;
    color: #ffffff;
    font-size: 1.25rem !important;
}

.font-lss3:hover{
    color: #B09874;
    font-size: 1.3rem !important;
}

.font-lss4{
    font-family: LSSSetB;
    color: #E5C78D;
    font-size: 1.4rem !important;
    line-height: 1.5;
}

.font-lss4D{
    font-family: LSSSetB;
    color: #E5C78D;
    font-size: 2rem !important;
    line-height: 1.5;
}
@media only screen and (max-width: 1360px) {
    .font-lss4D{
        font-family: LSSSetB;
        font-size: 1.7rem !important;
    }
}

.font-lss5{
    font-family: LSSSet;
    color: #8F8B8D;
    font-size: 0.95rem !important;
    line-height: 1.5;
}

.font-lss5D{
    font-family: LSSSet;
    color: #8F8B8D;
    font-size: 1.3rem !important;
    line-height: 1.5;
}
@media only screen and (max-width: 1360px) {
    .font-lss5D{
        font-family: LSSSet;
        font-size: 1rem !important;
    }
}
.font-lss52{
    font-family: LSSSetB;
    color: #E5C78D;
    font-size: 0.95rem !important;
    line-height: 1.5;
}

.font-lss6{
    font-family: LSSSetB;
    color: #E5C78D;
    font-size: 2rem !important;
    line-height: 1.5;
}

.font-lss6D{
    font-family: LSSSetB;
    color: #E5C78D;
    font-size: 3rem !important;
    line-height: 1.5;
}
@media only screen and (max-width: 1360px) {
    .font-lss6D{
        font-family: LSSSetB;
        font-size: 2rem !important;
    }
}
.font-lss62D{
    font-family: LSSSetB;
    color: #E5C78D;
    font-size: 4rem !important;
    line-height: 1.5;
}

@media only screen and (max-width: 1360px) {
    .font-lss62D{
        font-family: LSSSetB;
        font-size: 3rem !important;
    }
}

.font-lss7{
    font-family: LSSSetB;
    color: #A7884B;
    font-size: 2rem !important;
    line-height: 1.5;
}

.font-lss72{
    font-family: LSSSetB;
    color: #E5C78D;
    font-size: 2rem !important;
    line-height: 1.5;
}

.font-lss8{
    font-family: LSSSetB;
    color: #B09874;
    font-size: 1.3rem !important;
    line-height: 1.5;
}

.font-lss82{
    font-family: LSSSet;
    color: #8F8D8B;
    font-size: 1.3rem !important;
    line-height: 1.5;
}

.font-lss83{
    font-family: LSSSet;
    color: #FAF4E4;
    font-size: 1.3rem !important;
    line-height: 1.5;
}
.gradient-text{
    background-image: 
        linear-gradient(#FFFFFF,#DFBE7D,#ffffff,#A68649,#ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text2{
    background-image: 
        linear-gradient(#FFFFFF,#DFBE7D,#B09874,#A68649,#ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.box00{
    width: 95%;
    margin: auto;
}

.box01{
    width: 90%;
    margin: auto;
}
.box02{
    width: 87%;
    margin: auto;
}

.box02D{
    width: 87%;
}

.box03{
    width: 81%;
    margin: auto;
}

.box04{
    width: 80%;
    margin: auto;
}

.box05{
    width: 50%;
    margin: auto;
}

.box06{
    width: 90%;
    background-color: #00000090;
    border-radius: 25px;
    margin: auto;
}

.box07{
    width: 100%;
    background-color: #000000;
    margin: auto;
}

@media only screen and (max-width: 768px) {
    .font-lss2{
        font-family: LSSSet;
        color: #ffffff;
        font-size: 2vw !important;
    }
}
@media only screen and (max-width: 1024px) {
    .font-lss2{
        font-family: LSSSet;
        color: #ffffff;
        font-size: 1vw !important;
    }
}

@media only screen and (max-width: 768px) {
    .font-lss{
        font-family: LSSSet;
        color: #B09874;
        font-size: 2vw !important;
    }
}
@media only screen and (max-width: 1024px) {
    .font-lss{
        font-family: LSSSet;
        color: #B09874;
        font-size: 1vw !important;
    }
}