@media screen and (min-width: 480px){

    .css-1jrlb81 {
        --padding: 10px 24px;
    }
    .css-mm0i1g {
        margin-left: 24px;
    }
    .css-1ds9syo {
        --padding: 92px 0px 420px;
    }
    .css-mu872o {
        width: 200px;
    }
    .css-mu872o:first-child {
        margin-left: 0px;
    }
    .css-1kv6lq7 {
        transform: translateY(-380px);
        margin-bottom: -380px;
    }
    .css-1sufmyc {
        max-width: 1038px;
        padding: 0px 24px;
    }
    .css-gwn0f6 {
        padding: 24px;
    }
    .css-yza4dw {
        margin-bottom: 24px;
        font-size: 24px;
        line-height: 32px;
    }
    .css-1vx0vsc {
        width: 200px;
    }
    .css-5xy0pa {
        margin-left: 8px;
    }
    .css-mkny2 {
        padding: 16px 24px 9px;
    }
    .css-4c2x90 {
        width: 100%;
    }
    .css-vmcm1k {
        width: 39%;
        box-sizing: border-box;
    }
    .css-1xpbnbm {
        width: 200px;
    }
    .css-1alikh1 {
        padding: 17px 24px 14px;
    }
    .css-1alikh1::before {
        width: calc(100% - 48px);
    }

    .css-1vdwulf {
        width: 100%;
    }
    .css-1vdlgi4 {
        font-size: 14px;
    }
    .css-1ew1wd2 {
        width: 39%;
        box-sizing: border-box;
    }
    .css-1q5g5hu {
        width: 200px;
    }
    .css-j9kkk8 {
        display: none;
    }
    .css-5mcapj {
        max-width: 1038px;
        padding: 0px 24px;
    }
    .css-1372w8z {
        max-width: 1038px;
        padding: 0px 24px;
    }
    .css-kg5p5n {
        margin-top: 40px;
    }
    .css-1qn5mwd {
        margin-right: 24px;
    }
    .css-1ulwnws {
        margin-top: 48px;
        padding: 48px 0px;
    }
    .css-12kwjz {
        font-size: 24px;
        line-height: 32px;
    }
    .css-199xrkc {
        font-size: 16px;
    }
    .css-199xrkc a {
        font-size: 14px;
    }

    .css-xjs054 {
        margin-top: 28px;
    }
    .css-1dr4x6w {
        margin: 0px -24px;
    }
    .css-1c4craf {
        margin-top: 48px;
    }
    .css-egs5au {
        max-width: 1038px;
        padding: 0px 24px;
    }
    .css-12kwjz {
        font-size: 24px;
        line-height: 32px;
    }
    .css-1ktfw2v {
        font-size: 16px;
        line-height: 26px;
    }
    .css-1jk6h72 {
        margin-top: 24px;
    }
    .css-2cp6gk {
        display: block;
        text-align: center;
        margin-top: 40px;
    }
    .css-105nkk5 {
        margin-top: 24px;
    }
    .css-1guolr0 {
        margin-top: 48px;
    }
    .css-1yrhdf5 {
        font-size: 24px;
        line-height: 32px;
    }
    .css-1clpds4 {
        font-size: 20px;
        line-height: 30px;
    }
    .css-d26b1b {
        font-size: 16px;
        line-height: 26px;
    }
    .css-fqzgsl {
        margin-top: 48px;
        padding: 48px 0px;
    }
    .css-xendts {
        margin-bottom: 32px;
    }
    .css-12rk0v3 {
        margin-top: 40px;
    }


    /* footer */
    .css-190tobm {
        max-width: 1038px;
        padding: 0px 24px;
    }

    .css-1ujewm3 {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 24px;
    }




    /* login & register */
    .css-1ffs9d1 {
        font-size: 30px;
        line-height: 40px;
    }
    .PageIntro {
        font-size: 18px;
    }


    /* Contact */
    .css-oga497 {
        font-size: 30px;
        line-height: 40px;
    }

    .css-3zyx8e {
        font-size: 18px;
        line-height: 26px;
    }
    .css-mml9dr {
        font-size: 16px;
        line-height: 24px;
    }
    .css-1lg0bwh {
        font-size: 14px;
        line-height: 22px;
    }

    .css-3zyx8e {
        font-size: 18px;
        line-height: 26px;
    }
    .css-3zyx8e {
        font-size: 18px;
        line-height: 26px;
    }






    

}



@media screen and (min-width: 600px){ 
    .css-rc9wl3 {
        padding-right: 16px;
    }
    .css-11khbbv {
        position: absolute;
        right: 0px;
        top: 100%;
        width: 336px;
        padding: 8px;
        margin-top: 18px;
        border-radius: 4px;
        box-sizing: border-box;
    }
    .css-1rpc8h2 {
        float: left;
        width: 50%;
    }
    .css-1hyxnjw {
        position: absolute;
        right: 0px;
        top: 100%;
        width: 336px;
        padding: 8px;
        margin-top: 18px;
        border-radius: 4px;
        box-sizing: border-box;
    }
    .css-1923yti {
        margin-right: 12px;
    }
    .css-1cnhnlu {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }
    .css-1ds9syo {
        --padding-bottom: 390px;
    }
    .css-1kefdvw {
        font-size: 30px;
        line-height: 40px;
    }
    .css-1kv6lq7 {
        transform: translateY(-360px);
        margin-bottom: -360px;
    }
    .css-1sufmyc {
        max-width: 1086px;
        padding: 0px 48px;
    }
    .css-gwn0f6 {
        padding: 24px 48px;
    }
    .css-mkny2 {
        display: flex;
        padding: 17px 48px 14px;
    }
    .css-4c2x90 {
        width: 71%;
        padding-right: 24px;
    }
    .css-vmcm1k {
        width: 32%;
    }
    .css-1q6uvqr {
        width: 29%;
        box-sizing: border-box;
    }
    .css-1alikh1 {
        padding: 17px 48px 14px;
    }
    .css-1alikh1::before {
        width: calc(100% - 96px);
    }

    .css-1vdwulf {
        width: 71%;
        padding-right: 24px;
    }
    .css-1ew1wd2 {
        width: 32%;
    }
    .css-5mcapj {
        max-width: 1086px;
        padding: 0px 48px;
    }
    .css-3tp4fp {
        margin-top: 56px;
    }
    .css-1372w8z {
        max-width: 1086px;
        padding: 0px 48px;
    }
    .css-1ulwnws {
        margin-top: 56px;
        padding: 56px 0px;
    }
    .css-12kwjz {
        font-size: 30px;
        line-height: 40px;
    }
    .css-xjs054 {
        width: 504px;
        margin-left: auto;
        margin-right: auto;
    }
    .css-1dr4x6w {
        margin: 0px -8px;
    }
    .css-q0dplc {
        text-align: left;
    }
    .css-1c4craf {
        margin-top: 56px;
    }
    .css-egs5au {
        max-width: 1086px;
        padding: 0px 48px;
    }
    .css-12kwjz {
        font-size: 30px;
        line-height: 40px;
    }
    .css-1guolr0 {
        margin-top: 56px;
    }
    .css-1yrhdf5 {
        font-size: 30px;
        line-height: 40px;
    }
    .css-1clpds4 {
        font-size: 24px;
        line-height: 32px;
    }
    .css-ducgpr {
        min-height: 320px;
    }
    .css-ki2hlb {
        min-height: 320px;
    }
    .css-1re51v4 {
        min-height: 320px;
    }
    .css-fqzgsl {
        margin-top: 56px;
        padding: 56px 0px;
    }
    .css-xendts {
        margin-bottom: 40px;
    }
    .css-1u3jaeq {
        width: 29%;
        box-sizing: border-box;
    }

    /* footer */
    .css-190tobm {
        max-width: 1086px;
        padding: 0px 48px;
    }
    .css-1xsafyi {
        font-size: 14px;
    }
    .css-3eukg1 {
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: 24px;
    }
    .css-x1mjbf {
        display: flex;
    }


    .css-1ujewm3 {
        padding: 24px 30px;
    }






}


@media screen and (min-width: 840px){

    .css-1ds9syo {
        --padding-bottom: 340px;
        background-size: cover;
    }
    .css-r5hse8 {
        max-width: 990px;
    }
    .css-1kefdvw {
        font-size: 40px;
        line-height: 50px;
        text-align: left;
    }
    .css-14fn4ak {
        margin-top: 24px;
    }
    .css-1kv6lq7 {
        transform: translateY(-280px);
        margin-bottom: -280px;
    }
    .css-1sufmyc {
        max-width: 1062px;
        padding: 0px 36px;
    }
    .css-1jno926 {
        max-width: 990px;
    }
    .css-8d0yrr {
        box-shadow: rgb(0 0 0 / 5%) 0px 0px 16px 1px;
        border-radius: 4px;
        overflow: hidden;
    }
    .css-gwn0f6 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 18px 24px;
    }
    .css-yza4dw {
        margin-bottom: 0px;
    }
    .css-mkny2 {
        padding: 17px 24px 14px;
    }
    .css-4c2x90 {
        width: 54%;
    }
    .css-vmcm1k {
        width: 25%;
    }
    .css-1q6uvqr {
        width: 46%;
    }
    .css-1t7qksb {
        width: 50%;
        margin-left: auto;
    }
    .css-1alikh1 {
        padding: 17px 24px 14px;
    }
    .css-1alikh1::before {
        width: calc(100% - 48px);
    }

    .css-1vdwulf {
        width: 54%;
    }
    .css-1ew1wd2 {
        width: 25%;
    }
    .css-1u3jaeq {
        width: 46%;
    }
    .css-1gr07wf {
        width: 64px;
        margin-right: 8px;
    }
    .css-1c9vglu {
        width: 64px;
        margin-right: 8px;
    }
    .css-5mcapj {
        max-width: 1062px;
        padding: 0px 36px;
    }
    .css-3tp4fp {
        margin-top: 80px;
    }

    .css-kg5p5n {
        width: 300px;
        display: flex;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        flex-shrink: 0;
        padding: 0px 16px;
        margin-top: 0px;
        box-sizing: border-box;
        text-align: center;
    }
    .css-1qn5mwd {
        margin-right: 0px;
        margin-bottom: 24px;
    }
    .css-1372w8z {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .css-x5ygsu {
        margin: auto;
    }
    .css-1ulwnws {
        margin-top: 80px;
        padding: 80px 0px;
    }
    .css-12kwjz {
        font-size: 36px;
        line-height: 48px;
    }
    .css-xjs054 {
        width: 764px;
    }
    .css-de1hcw {
        margin-top: 32px;
    }
    .css-1c4craf {
        margin-top: 80px;
    }
    .css-egs5au {
        max-width: 1062px;
        padding: 0px 36px;
    }
    .css-1bil06z {
        min-height: 308px;
    }
    .css-1wh3shw {
        width: 350px;
        text-align: left;
        margin-bottom: 24px;
    }
    .css-12kwjz {
        font-size: 36px;
        line-height: 48px;
    }
    .css-1ktfw2v {
        width: 300px;
    }
    .css-1jk6h72 {
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    .css-2cp6gk {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 580px;
        height: 308px;
        margin-top: 0px;
        margin-left: 51%;
    }
    .css-105nkk5 {
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    .css-1guolr0 {
        margin-top: 80px;
    }
    .css-1yrhdf5 {
        font-size: 36px;
        line-height: 48px;
    }
    .css-t3vzqc {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
    }
    .css-t3vzqc:nth-child(2n+1) .eu09pc12 {
        padding-right: 70px;
    }
    .css-1fpjsvf {
        text-align: left;
    }
    .css-ducgpr {
        margin: 24px 0px 0px;
    }
    .css-ki2hlb {
        margin: 24px 0px 0px;
    }
    .css-1re51v4 {
        margin: 24px 0px 0px;
    }
    .css-t3vzqc:nth-child(2n) .eu09pc14 {
        order: -1;
    }
    .css-fqzgsl {
        margin-top: 80px;
        padding: 80px 0px;
    }
    .css-h3fmck {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .css-12rk0v3 {
        max-width: 33.33%;
        width: 256px;
        display: flex;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        flex-shrink: 0;
        padding: 0px 16px;
        margin-top: 0px;
        box-sizing: border-box;
        text-align: center;
    }




    /* footer */
    .css-190tobm {
        max-width: 1062px;
        padding: 0px 36px;
    }
    .css-1jc4p4c {
        display: flex;
    }
    .css-3eukg1 {
        padding-top: 4px;
        flex-direction: column;
        -webkit-box-pack: start;
        justify-content: flex-start;
        margin-left: 24px;
    }
    .css-x1mjbf {
        flex-direction: column;
    }
    .css-1b89pba {
        padding-left: 16px;
        padding-right: 16px;
    }
    .css-l7am1h {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: 20px;
    }
    .css-utoytj {
        padding: 0px;
    }


    



    /* login & register  */
    .css-rx9tub {
        padding-top: 48px;
    }

    .css-1owtln6 {
        padding-top: 48px;
    }





 }











@media only screen and (-webkit-max-device-pixel-ratio: 1.3), only screen and (max-resolution: 124.8dpi), only screen and (max-resolution: 1.3dppx){
    .css-1ds9syo {
        --background-image: url(/images/1440@1x.jpg?5);
    }

}

@media screen and (min-width: 960px)
/* -- @media only screen and (-webkit-max-device-pixel-ratio: 1.3), only screen and (max-resolution: 124.8dpi), only screen and (max-resolution: 1.3dppx) */
{ 
    .css-1ds9syo {
        --background-image: url(/images/1440@2x.jpg?5);
    }
    .css-r5hse8 {
        padding: 0px 45px;
    }
    .css-1sufmyc {
        max-width: 1182px;
        padding: 0px 96px;
    }
    .css-5mcapj {
        max-width: 1182px;
        padding: 0px 96px;
    }
    .css-1372w8z {
        max-width: 1182px;
        padding: 0px 96px;
    }
    .css-1euf6hl {
        display: block;
    }
    .css-mtz2a7 {
        display: block;
    }
    .css-de1hcw {
        margin-top: 28px;
    }

    /* footer */
    .css-190tobm {
        max-width: 1182px;
        padding: 0px 96px;
    }


}

@media screen and (min-width: 1280px){ 
    .css-mm0i1g {
        margin-left: 0px;
    }
    .css-r5hse8 {
        max-width: 1120px;
        padding: 0px 65px;
    }
    .css-1sufmyc {
        max-width: 1120px;
        padding: 0px 65px;
    }
    .css-1jno926 {
        max-width: 990px;
    }
    .css-4c2x90 {
        width: 38%;
    }
    .css-vmcm1k {
        width: 18%;
    }
    .css-g7jqpb {
        width: 15%;
        box-sizing: border-box;
    }
    .css-1q6uvqr {
        width: 32%;
    }
    .css-1t7qksb {
        width: 56%;
    }
    .css-qtmfsq {
        font-size: 14px;
    }
    .css-1vdwulf {
        width: 38%;
    }
    .css-1ew1wd2 {
        width: 18%;
    }
    .css-1h4rng9 {
        width: 15%;
        box-sizing: border-box;
    }
    .css-1u3jaeq {
        width: 32%;
    }
    .css-1iso7k0 {
        display: none;
    }
    .css-1kckun8 {
        font-size: 14px;
        line-height: 20px;
    }
    .css-1iso7k0 {
        display: none;
    }
    .css-5mcapj {
        max-width: 1120px;
        padding: 0px 65px;
    }
    .css-1372w8z {
        max-width: 1120px;
        padding: 0px 40px;
    }
    .css-xjs054 {
        width: 1024px;
    }
    .css-1bil06z {
        max-width: 51%;
    }
    .css-1wh3shw {
        width: 430px;
    }
    .css-1ktfw2v {
        width: 400px;
    }
    .css-1jk6h72 {
        display: flex;
        margin-top: 32px;
    }
    .css-105nkk5 {
        display: none;
        margin-top: 32px;
    }
    .css-t3vzqc:nth-child(2n+1) .eu09pc12 {
        padding-right: 55px;
    }
    .css-1clpds4 {
        font-size: 30px;
        line-height: 40px;
    }
    .css-ducgpr {
        width: 461px;
        height: 461px;
    }
    .css-ki2hlb {
        width: 480px;
        height: 488px;
    }
    .css-1re51v4 {
        height: 320px;
        width: 547px;
    }
    .css-12rk0v3 {
        width: 303px;
    }

    /* footer */
    .css-190tobm {
        max-width: 1120px;
        padding: 0px 65px;
    }
    .css-16q69qk {
        display: flex;
    }
    .css-gz6awn {
        width: 50%;
        -webkit-box-pack: start;
        justify-content: flex-start;
        flex-direction: column;
        margin-right: 24px;
    }
    .css-1ijj6zq {
        margin-right: 0px;
        min-width: 140px;
    }
    .css-1b89pba {
        padding-top: 20px;
    }
    .css-utoytj {
        text-align: right;
        padding-bottom: 0px;
        padding-left: 40px;
    }
    content {
        padding: 130px 10px 10px;
    }
    


}



@media screen and (min-width: 1440px){ 
    .css-1jno926 {
        max-width: 990px;
    }





}


@media screen and (min-width: 1920px){ 
    .css-1agsxkv {
        left: 50%;
    }
    .css-xjs054 {
        width: 895px;
    }






}












/*********************************************************************************************
    @media screen and (max-width: xxxpx)
**********************************************************************************************/
@media screen and (max-width: 1279px)
{
    
    .css-1jrlb81 {
        padding: 10px 24px;
    }

    .css-u4xj5j {
        display: block;
    }
    .css-1h4rng9 {
        display: none;
    }
    .css-ea1zez {
        display: none;
    }
    .css-g7jqpb {
        display: none;
    }

    .frm_write .frm_list > li .frm_clm .dlist > dt, .frm_write .frm_list > li .frm_clm .dlist > dd {
        padding: 5px;
        display: block;
    }
    .frm_write .frm_list > li .frm_clm .dlist > dt {
        background: transparent;
        text-align: left;
        /*font-size: .875em;*/
        font-size: 1rem;
    }
    
    .frm_write .frm_list > li .frm_clm .dlist > dt, .frm_write .frm_list > li .frm_clm .dlist > dd {
        padding: 5px;
        display: block;
    }
    .frm_write .frm_list > li .frm_clm.col2 {
        width: 100% !important;
    }
}

@media screen and (max-width: 839px)
{
    .css-1agsxkv {
        display: none;
    }
    .css-1u3jaeq svg {
        display: none;
    }
    .css-1h5sh8h span {
        --display: none;
    }
    .css-2t0l1h .NavBtn__reg {
        display: none;
    }
    .css-1h5sh8h {
        margin-right: 0px;
        width: 60px;
        height: 40px;
        padding: 0px;
        border-radius: 5px;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .css-1sufmyc {
        padding: 0px;
    }
    .css-14fn4ak {
        -webkit-box-pack: center;
        justify-content: center;
    }
    .css-r5hse8 {
        padding: 0px;
    }

}

@media screen and (max-width: 768px){
   
    content {
        padding: 130px 10px 10px !important;
        width: 95% !important;
    }
    .mbhidden {
        display: none !important;
        
    }
    
    /* header */
    .header-logo{ --width:200px; }
}

@media screen and (max-width: 559px)
{
    .css-ki2hlb {
        height: auto;
        width: auto;
        min-width: auto;
        min-height: 200px;
    }
    .css-ducgpr {
        height: auto;
        width: auto;
        min-width: auto;
        min-height: 200px;
    }
    .css-11khbbv {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        max-height: 560px;
        padding: 64px;
        box-sizing: border-box;
    }
    .css-qyqh0y {
        display: none;
    }
    .css-somnsj {
        display: none;
    }
}


@media screen and (max-width: 479px)
{
    .css-1vx0vsc {
        --display: none;
    }
    content {
        padding: /*130px*/ 10px 10px !important;
        width: 100% !important
    }
    
}

@media screen and (max-width: 425px)
{
    .w425_hide {
        display: none;
    }
    .w425_show {
        display: block !important;
    }
    
    
    /* header */
    .header-logo{ --width:150px; }

    /* inout money */
    .msgbox .msg_dlist > dt {width: 100% !important; }
    .frm_write .frm_list > li { flex-direction: column; }
}