h1, h2, h3, h4, h5, h6 {
    font-family: Noto Sans Thai, sans-serif!important;
}
body > section > div > .image.con01{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: -webkit-fill-available;
    padding: 55px 0 0;
    animation: x-card-mover-1 2s infinite alternate;
}
body > section > div > div.image.con01 > img  {
width: 100%;
animation: animatelight 2s ease 0s infinite normal none !important;
}
body > div.x-service-wrapper.mt-5{
    margin-top: 0rem!important;
}
body > section > div > div.headtext01{
    backdrop-filter: blur(2px);
}
.x-hr-border-glow {
    height: 2.5px;
    margin-top: 0;
    margin-bottom: 0;
    background: linear-gradient(90deg, #05aa08, #F44336 30%, #05aa08 70%, #E91E63);
    width: 70%;
    text-align: center;
}
#tab01 > div.headerpromotion > div{
    color: #000;
}
body > div.row.m-0 > div.col-12.p-0.order-first > div > div.contain05 {
    background-image: url(../asset/bg-01.webp);
    background-repeat: no-repeat;
    background-size: cover;
}
#AffBonus > div.w3-container > div{
    color: #000;
}
#tab03 > div{
    color: #000;
}
body > div.x-footer > div > div > div > div{
    color: #000;
}
/*  desktop */
 @media only screen 
 and (min-device-width : 768px)
 and (min-device-height : 768px)
 and (orientation : landscape) {   
    body > div.x-service-wrapper.mt-5 > div{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: nowrap;
        margin-right: -15px;
        margin-left: -15px;
        gap: 20px;
        flex-direction: row;
        padding: 0 0 20px;
    }
    body > section > div > div.image.con01 > img {
        width: 50%;
        animation: animatelight 2s ease 0s infinite normal none !important;
    }
 }
  /* desktop */