div.animation_cn {
    position: relative;
    height: 52px;
}

div.animation_cn input.animation_cn,div.animation_cn select.animation_cn{
    border: none;
    border-bottom: solid 1px #9FC2E4;
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1;
    font-size: 18px;
    width: 100%;
}

div.animation_cn input.animation_cn:focus {
    outline: none;
}

div.animation_cn input.animation_cn:focus + label.animation_cn,
div.animation_cn input.animation_cn:not(:placeholder-shown) + label.animation_cn,
div.animation_cn select.animation_cn:focus + label.animation_cn,
div.animation_cn:has(select.animation_cn option:checked:not([value=""])) label.animation_cn{
    font-size: 10px !important;
    top: -20px;
}

form._submit-attempted input  {
    border-bottom: solid 1px #e49f9f;
}

div.animation_cn label.animation_cn {
    position: absolute;
    top: 0px;
    left: 2px;
    z-index: 0;
    font-size: 18px;
    -webkit-transition: font-size 0.2s, top 0.2s, opacity 0.2s;
    transition: font-size 0.2s, top 0.2s, opacity 0.2s;
    opacity: 1;
}
div.animation_cn select.animation_cn + label.animation_cn {
    top: 0px;
}

@media screen and (max-width: 800px) {
   /* div.animation_cn input.animation_cn:focus + label.animation_cn, div.animation_cn input.animation_cn:valid + label.animation_cn {
        opacity: 0;
    }*/

    /* div.animation_cn input.animation_cn{
      font-size: 21px;
    } */
}