﻿.pla {
    margin:0 auto 0 auto;
}

.plaord {
    gap:30px;
}

.plaim {
    flex:1;
    padding:20px;
    border:3px solid lightgray;
    border-radius:10px;
}

.plaremark {
    padding:15px 0 15px 0;
    font-size:14px;
    font-weight:bold;
}

.placon {
    flex:0.9;
}

.postinfo {
    padding:0 0 30px 0;
    font-weight:bold;
    color:green;
}

.pla .fie {
    overflow:hidden;
}
.pla .fie .cap {
    padding:0 0 5px 0;
} 
.pla .fie .dat, .pla .fie .dat2 {
    padding:0 0 20px 0;
}
.pla .fie .dat input, .pla .fie .dat textarea {
    width:100%;
    padding:20px;
}

.place {
    display:flex;
    justify-content:center;
    padding:50px 0 10px 0;
    text-align:right;
}
.place button {
    width:100%;
}
.placeinbank {
    padding:0 0 50px 0;
    font-size:12px;
    text-align:center;
}

.place2 {
    padding:50px 0 50px 0;
    display:flex;
    gap:10px;
    overflow:hidden;
}
.place2 .inbank {
    flex:1;
}
.place2 .incard {
    flex:1;
}
.place2 .inbank button, .place2 .incard button {
    width:stretch;
}

@media (min-width:901px) {
    .pla {
        width:900px;
    }
    .plaord {
        display:flex;
    }
    .placon {
        padding:0;
    }
}

@media (max-width:900px) {
    .pla {
        width:initial;
    }
    .plaord {
        display:initial;
    }
    .placon {
        padding:30px 0 0 0;
    }
}