﻿@charset "UTF-8";
label.require,.input_unit{position: relative;}
.input_unit span{position: absolute;bottom: 4px;right: 1.15rem;color: #979797;font-size: 0.85rem;}
label.require::after{content: "*";color: #C1272D;display: inline-block;padding-left: 8px;}
#login_box{max-width: 450px;margin: 0 auto;border: 3px solid #E6E6E6;border-radius: 25px;margin-top: 3rem;}
#login_box h5{background-color: #4F66FF;margin-bottom: 0;text-align: center;color: #FFFFFF;padding: 3rem 0 1.5rem;font-weight: bolder; letter-spacing: 5px;font-size: 1.5rem;position: relative;border-top-left-radius: 25px;border-top-right-radius: 25px;}
#login_box h5::before{content: "";width: 80px;height: 79px;background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;left: 50%;top: -30px;transform: translateX(-50%);
background-image: url("../images/member/login_icon_01.svg");}
#ReissuePassword #login_box h5::before{background-image: url("../images/member/icon-reissue-people.svg");width: 110px;height: 59px;}
#form_login{padding: 1.8rem;}
#form_login label{color: #8F8F8F;font-weight: bolder;}
#form_login input.form-control{background-color: #FFFF99;border: none;}
#btn_repassword{color: #8F8F8F;}
.RegisterBgIcon{position: relative;}
.RegisterBgIcon > div{position: relative;z-index: 2;}
.RegisterBgIcon::before{content: "";width: 150px;height: 198px;position: absolute; left: -95px;top:170px;background-repeat: no-repeat;background-size: contain;background-position: center;
background-image: url("../images/member/icon-bg-register-1.png"); animation: animate02 5s linear infinite;}
.RegisterBgIcon::after{content: "";width: 200px;height: 205px;position: absolute; right: -130px;top:310px;background-repeat: no-repeat;background-size: contain;background-position: center;
  background-image: url("../images/member/icon-bg-register-2.png"); animation: animate02 5s linear infinite;}
@media (max-width:575px) {
  #login_box h5::before {width: 65px;height: 52px;}
  #login_box h5 {padding: 1.5rem 0 1.25rem;font-size: 1.25rem;}
  #form_login {padding: 1rem;}
}
@media (max-width:375px) {
  #validateBox > div:nth-child(1){width: 100%;flex: 0 0 100%;padding-bottom: 12px;}
}

#RegisterEdit h2{background-color: #FFFF00;padding: 1.5rem; text-align: center; color: #754C24;margin-bottom: 0;border: 2px solid #FFFFFF;font-size: 1.5rem;font-weight: bolder;letter-spacing: 3px;}
#myfavorite #job_sec_01,#ApplicationInfo #job_sec_01{border: 2px solid #FFF83A;border-top-width: 0;}
#myfavorite #job_sec_01 thead{background-color: #FFF83A;color: #333;}
#myfavorite #job_sec_01 h2,#ApplicationInfo #job_sec_01 h2{background-color: #FFF83A;text-align: center;margin-bottom: 0;padding: 1.5rem 0;color: #754C24;font-size: 1.5rem; letter-spacing: 3px;font-weight: bolder;border-bottom: 2px solid #FFFFFF;border-top-left-radius: 35px;border-top-right-radius: 35px;}
#myfavorite #job_sec_01 .table-hover>tbody>tr:hover>*,#ApplicationInfo #job_sec_01 .table-hover>tbody>tr:hover>*{background-color: #FCF9E8;}
#ApplicationInfo #job_sec_01{border-color: #8997FF;}
#ApplicationInfo #job_sec_01 thead,#ApplicationInfo #job_sec_01 h2{background-color: #8997FF;}
#ApplicationInfo #job_sec_01 thead,#ApplicationInfo #job_sec_01 h2{color: #FFFFFF;}
#ApplicationInfo #job_sec_01 h2 span{position: relative;}
#ApplicationInfo #job_sec_01 h2 span::before{content: "";width: 40px;height: 40px;left: -55px;top: 50%;transform: translateY(-50%);background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025.1%2025.83%22%3E%3Cpath%20d%3D%22m24.85%2C12.92c0%2C6.59-5.56%2C11.94-12.43%2C11.94S.55%2C20.6.55%2C14%2C5.55.98%2C12.42.98s12.43%2C5.35%2C12.43%2C11.94Z%22%20fill%3D%22%23fe5b40%22%2F%3E%3Cpath%20d%3D%22m10.92%2C25.83c-5.19-.09-8.58-2.47-10.19-7.21C-1.59%2C11.79%2C1.83%2C3.81%2C8.17%2C1.13c8.87-3.75%2C16.01%2C2.48%2C16.73%2C8.9.24%2C2.12.33%2C4.36-.12%2C6.43-1.14%2C5.3-4.81%2C8.19-10.32%2C8.98-1.18.17-2.36.26-3.54.39Zm.79-1.37c2.53-.24%2C5.8-.44%2C8.38-2.6%2C3.15-2.64%2C4.01-6.17%2C3.78-10.03-.3-5.01-3.58-9.2-8.03-10.3C11.39.43%2C6.1%2C2.74%2C3.43%2C6.96c-1.61%2C2.54-2.29%2C5.32-2.06%2C8.27.44%2C5.78%2C4.09%2C9.26%2C10.33%2C9.22Z%22%2F%3E%3Cpath%20d%3D%22m10.91%2C15.78c.43-.77.78-1.46%2C1.18-2.12%2C1.35-2.22%2C2.69-4.45%2C4.09-6.63.29-.45.77-.82%2C1.24-1.11%2C1.18-.73%2C2.05-.28%2C2.3%2C1.09.25%2C1.39-.32%2C2.52-1.03%2C3.62-1.14%2C1.76-2.27%2C3.52-3.37%2C5.29-.83%2C1.34-1.62%2C2.72-2.43%2C4.08-.46.78-1.1%2C1.26-2.01%2C1.21-.37-.02-.82-.12-1.09-.36-2.18-1.86-4.16-3.92-5.53-6.5-.16-.31-.31-.63-.43-.95-.55-1.55.36-2.77%2C1.96-2.5.71.12%2C1.45.54%2C2%2C1.02.67.59%2C1.16%2C1.39%2C1.73%2C2.1.43.54.87%2C1.08%2C1.39%2C1.75Zm8.17-7.97s-.08-.04-.12-.05c0-.13-.02-.27-.03-.4-.09-1-.47-1.22-1.27-.62-.5.38-.97.85-1.31%2C1.38-1.15%2C1.81-2.24%2C3.65-3.33%2C5.5-.45.76-.82%2C1.57-1.28%2C2.33-.48.78-.97.83-1.59.15-.54-.59-1.01-1.25-1.51-1.87-.52-.64-1.01-1.32-1.6-1.9-.55-.55-1.25-.8-2.05-.51-.47.17-.71.47-.49.99.23.54.44%2C1.1.72%2C1.61%2C1.21%2C2.29%2C3.1%2C3.98%2C4.94%2C5.71.61.57%2C1.51.32%2C2.02-.49%2C2.07-3.35%2C4.14-6.7%2C6.19-10.07.32-.53.49-1.17.72-1.75Z%22%2F%3E%3Cpath%20d%3D%22m19.07%2C7.81c-.24.59-.4%2C1.22-.72%2C1.75-2.04%2C3.37-4.12%2C6.72-6.19%2C10.07-.5.81-1.41%2C1.06-2.02.49-1.84-1.73-3.72-3.43-4.94-5.71-.28-.52-.49-1.07-.72-1.61-.22-.52.02-.82.49-.99.79-.29%2C1.49-.04%2C2.05.51.58.58%2C1.08%2C1.26%2C1.6%2C1.9.51.62.97%2C1.28%2C1.51%2C1.87.62.68%2C1.11.63%2C1.59-.15.46-.75.83-1.57%2C1.28-2.33%2C1.09-1.84%2C2.18-3.69%2C3.33-5.5.34-.53.81-1.01%2C1.31-1.38.79-.6%2C1.18-.38%2C1.27.62.01.13.02.27.03.4.04.02.08.04.12.05Z%22%20fill%3D%22%23ffd348%22%2F%3E%3C%2Fsvg%3E");}
#ApplicationInfo,#myfavorite{position: relative;padding-bottom: 10rem!important;overflow: hidden;}
#ApplicationInfo::before,#myfavorite::before{content: "";width: 500px;height: 323px;position: absolute;right: 0;bottom: 0;background-repeat: no-repeat;background-size: contain;background-position: center;
background-image: url("../images/member/icon-application-info-people.svg");}
#myfavorite::before{background-image: url("../images/member/icon-myfavorite-people.svg");}

@media (max-width:1200px) {
  #ApplicationInfo, #myfavorite {padding-bottom: 13rem !important; }
}
@media (max-width:991px) {
  #ApplicationInfo, #myfavorite {padding-bottom: 15rem !important; }
}
@media (max-width:767px) {
  #myfavorite thead {display: none; }
}
@media (max-width:575px) {
  #ApplicationInfo #job_sec_01 table{min-width: 520px;}
  #myfavorite #job_sec_01 h2, #ApplicationInfo #job_sec_01 h2 {border-top-left-radius: 15px;border-top-right-radius: 15px;}
  #myfavorite::before {width: 400px;height: 260px;bottom: -30px;}
  #ApplicationInfo::before{background-image: url("../images/member/icon-application-info-people-sm.svg");}
  #ApplicationInfo {padding-bottom: 8rem !important;}
  #ApplicationInfo .container{position: relative;}
  #ApplicationInfo #job_sec_01{position: relative;}
  #ApplicationInfo #job_sec_01::before{content: "";width: 45px;height: 45px;background-size: contain;background-repeat: no-repeat;background-position: center;position: absolute;bottom: -50px;left: 0;right: 0;margin: 0 auto;z-index: 2;
    background-image: url("../images/member/icon-application-touch.svg");animation: table-touch 2s ease-in-out;animation-iteration-count: infinite;}
}
@media (max-width:450px) {
  #myfavorite #job_sec_01 h2, #ApplicationInfo #job_sec_01 h2 {padding: 1rem 0;font-size: 1.25rem;border-top-left-radius: 5px;border-top-right-radius: 5px;}
  #ApplicationInfo #job_sec_01 h2 span::before {width: 25px;height: 25px;left: -35px;}
}
@media (max-width:375px) {
  #ApplicationInfo #job_sec_01 h2 {font-size: 1rem;}
  #ApplicationInfo #job_sec_01 h2 span::before {width: 20px;height: 20px;left: -30px;}
}
@media (max-width:350px) {
  #ApplicationInfo #job_sec_01 h2 span::before {width: 20px;height: 20px;left: -25px;}
}

#resume_overview{border-bottom-left-radius: 38px;border-bottom-right-radius: 38px;}
#resume_overview .resume_step_container{position: relative;}
#resume_overview .resume_step_container::before{content: "";position: absolute;right: 10%;top: 0;width: 155px;height: 100px;background-repeat: no-repeat;background-size: contain;background-position: center;
background-image: url("../images/member/icon-resume.svg");}
.ResumeBgIcon{position: relative;}
.ResumeBgIcon > div{position: relative;z-index: 2;}
.ResumeBgIcon::before{content: "";width: 150px;height: 109px;position: absolute; left: -75px;top:170px;background-repeat: no-repeat;background-size: contain;background-position: center;
background-image: url("../images/member/icon-bg-resume-1.png"); animation: animate02 5s linear infinite;}
.ResumeBgIcon::after{content: "";width: 150px;height: 132px;position: absolute; right: -100px;top:500px;background-repeat: no-repeat;background-size: contain;background-position: center;
  background-image: url("../images/member/icon-bg-resume-2.png"); animation: animate02 5s linear infinite;}
#resume_role{background-color: #F1F2F8;padding: 5rem 3rem 2rem;border-bottom-left-radius: 25px; text-align: center;}
#btn-preview{display: flex;flex-wrap: nowrap;align-items: center;background-color: #29ABE2; border-radius: 25px;padding: 5px 1rem;position: relative;color: #FFFFFF;font-size: 1.25rem;font-weight: bolder;margin: 0 auto;}
#btn-preview::before{content: "";width: 30px;height: 30px;background-repeat: no-repeat;background-size: contain;background-position: center;display: inline-block;
background-image: url("../images/member/icon_magnifier.svg");}
#btn-preview span{display: inline-block;padding-left: 5px;}
.step_box{border: 4px solid #FADD3F;border-radius: 8px;overflow: hidden;margin-bottom: 1rem;}
.step_box a,.step_status_container a{text-decoration: none;}
.step_process{padding: 1rem 0;background-color: #FFFB94;color: #754C24;text-align: center;letter-spacing: 2px;}
.step_status{text-align: center;padding: 0.5rem 0;}
.icon-star{width: 30px;height: 30px;display: inline-block;background-repeat: no-repeat;background-size: contain;background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.19%2015.55%22%3E%0A%20%20%3Cpath%20d%3D%22M9.52%2C1.04l.88%2C2.72c.2.62.78%2C1.04%2C1.43%2C1.04h2.86c1.45%2C0%2C2.06%2C1.86.88%2C2.71l-2.31%2C1.68c-.53.38-.75%2C1.06-.55%2C1.68l.88%2C2.72c.45%2C1.38-1.13%2C2.53-2.31%2C1.68l-2.31-1.68c-.53-.38-1.24-.38-1.76%2C0l-2.31%2C1.68c-1.18.85-2.76-.3-2.31-1.68l.88-2.72c.2-.62-.02-1.3-.55-1.68l-2.31-1.68c-1.18-.85-.57-2.71.88-2.71h2.86c.65%2C0%2C1.23-.42%2C1.43-1.04l.88-2.72c.45-1.38%2C2.4-1.38%2C2.85%2C0Z%22%20fill%3D%22%23e6e6e6%22%2F%3E%0A%3C%2Fsvg%3E");
}
div[data-status="finished"] .icon-star{background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017.19%2016.55%22%3E%3Cpath%20d%3D%22m10.02%2C1.54l.88%2C2.72c.2.62.78%2C1.04%2C1.43%2C1.04h2.86c1.45%2C0%2C2.06%2C1.86.88%2C2.71l-2.31%2C1.68c-.53.38-.75%2C1.06-.55%2C1.68l.88%2C2.72c.45%2C1.38-1.13%2C2.53-2.31%2C1.68l-2.31-1.68c-.53-.38-1.24-.38-1.76%2C0l-2.31%2C1.68c-1.18.85-2.76-.3-2.31-1.68l.88-2.72c.2-.62-.02-1.3-.55-1.68l-2.31-1.68c-1.18-.85-.57-2.71.88-2.71h2.86c.65%2C0%2C1.23-.42%2C1.43-1.04l.88-2.72c.45-1.38%2C2.4-1.38%2C2.85%2C0Z%22%20fill%3D%22%23fadd3f%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E");}
.step_name{text-align: center; color: #754C24;letter-spacing: 2px;padding-bottom: 8px;}
.resume_step_container h6{color: #979797; text-align: center;letter-spacing: 3px;}
.step_status_container{background-color: #F9F7A5;padding: 10px 0;}
.step_status_container .devider{width: 100%;max-width: 150px; height: 10px;margin: 0 auto 10px;background-color: #E6E6E6;border: 1px solid #FFFFFF;}
.step_status_container div[data-status="finished"] .devider{background-color: #FADD3F;}
.img_preview{position: relative;}
.img_preview::before{content: "";width: 100%;padding-top: 103%;display: block;}
.img_preview .img-bg-cover{position: absolute;left: 0;top: 0;z-index: 2;}
#img_label{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;color: #CCCCCC;font-size: 1.25rem;letter-spacing: 2px;z-index: 3;border: 3px dashed #CCCCCC;padding: 2px 12px;border-radius: 8px; }
#btn_img_uploader{position: absolute;z-index: -1;left: 0;top: 0;opacity: 0;width: 100%;}
#resume_preview h5{position: relative;color: #3399CC;padding-left: 35px;font-weight: bolder;font-size: 1.35rem;letter-spacing: 2px;}
#resume_preview h5::before{content: ""; width: 30px; height: 24px; background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; left: 0; top: 0; background-image: url(../images/job/job_list_menu_icon.svg);}
#resume_preview  section{padding: 0.5rem 0;}
#resume_preview table tr:nth-child(1) th:nth-child(1){width: 150px;}
#resume_preview ul{display: flex;flex-wrap: wrap;list-style-type: none;}
#resume_preview ul li{flex: 0 0 auto;width: 50%;}
.resume_area_title h6{position: relative;}
.resume_area_title h6::after{content: "";width: 100%;height: 2px;background-color: #55CC00;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.resume_area_title h6 span{color: #55CC00;display: inline-block;padding: 0.5rem 1rem 0.5rem 0;background-color: #FFFFFF;position: relative;z-index: 2;font-weight: bolder;font-size: 1.25rem;}
.BtnUpload{background-color: #BDD9E5;color: #FFFFFF;border-radius: 8px;padding: 7px 2.5rem;text-align: center;cursor: pointer;font-weight: bolder;}
.BtnSelect{background-color: #BDD9E5;color: #FFFFFF;border-radius: 8px;padding: 7px 2.5rem;text-align: center;cursor: pointer;font-weight: bolder;}
.fileBox{display: inline-block;position: relative;margin-bottom: 1rem;max-width: 100%;}
.filetext{background-color: #BDD9E5;color: #FFFFFF;border-radius: 25px;padding: 7px 3rem 7px 1rem;margin-bottom: 0; overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1;max-width: 100%;}
.btnDeleteFile{width: 26px;height: 26px;background-color: #FFFFFF;color: #3399CC;border-radius: 100%;position: absolute;right: 12px;top: 6px;text-align: center;line-height: 26px;font-weight: bolder;cursor: pointer;}
.BtnClone,.BtnDelete{background-color: #F1FAA1; color: #6DBC00;border-radius: 8px;padding: 7px 2rem;display: inline-block;cursor: pointer;margin-left: 1rem;}
.BtnDelete{background-color: #C1272D;color: #FFFFFF;}
.FormDivide{height: 2px;background-color: #99CCE0;}
@media (max-width:1200px) {
  #resume_overview .resume_step_container::before{right:5%;}
}
@media (max-width:991px) {
  #resume_overview .resume_step_container::before{right:2%;width: 100px;height: 65px;}
}
@media (max-width:767px) {
  #resume_overview .resume_step_container::before{display: none;}
  #resume_role {padding: 5rem 1rem 2rem;}
  #btn-preview {font-size: 1rem;}
  #btn-preview::before {width: 22px;height: 22px;}
  .step_status_container.row > *{padding-left: 8px;padding-right: 8px;}
  #ImgBox{max-width: 250px;margin:0 auto 1rem;}
  .step_name{letter-spacing: 0;}
  #resume_preview ul li{width: 100%;}
  #resume_preview table tr:nth-child(1) th:nth-child(1) {width: 105px;}
}
@media (max-width:575px) {
  #resume_role {padding: 1rem;display: flex;align-items: center;justify-content: space-evenly;border-bottom-left-radius: 0;background-color: #4F67FF;color: #FFFFFF;}
  #resume_role > *{flex: 0 0 auto;}
  #resume_role a{color: #FFFFFF;}
  #btn-preview {border-radius: 25px;padding: 2px 0.75rem;border: 1px solid #FFFFFF;}
  #btn-preview::before {width: 15px;height: 15px;}
  .step_status_container{text-align: center;padding-top: 15px;}
  .step_status_container h1{color: #754C24;font-weight: bolder;letter-spacing: 3px;position: relative;}
  .step_status_container h1 span{position: relative;}
  .step_status_container h1 span::before{content: "";display: block; width: 38px;height: 38px;position: absolute;left: -50px; top: 1px;background-position: center;background-size: contain;background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017.19%2016.55%22%3E%3Cpath%20d%3D%22m10.02%2C1.54l.88%2C2.72c.2.62.78%2C1.04%2C1.43%2C1.04h2.86c1.45%2C0%2C2.06%2C1.86.88%2C2.71l-2.31%2C1.68c-.53.38-.75%2C1.06-.55%2C1.68l.88%2C2.72c.45%2C1.38-1.13%2C2.53-2.31%2C1.68l-2.31-1.68c-.53-.38-1.24-.38-1.76%2C0l-2.31%2C1.68c-1.18.85-2.76-.3-2.31-1.68l.88-2.72c.2-.62-.02-1.3-.55-1.68l-2.31-1.68c-1.18-.85-.57-2.71.88-2.71h2.86c.65%2C0%2C1.23-.42%2C1.43-1.04l.88-2.72c.45-1.38%2C2.4-1.38%2C2.85%2C0Z%22%20fill%3D%22%23fadd3f%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E");
  }
  #resume_preview table tr:nth-child(1) th:nth-child(1) {width: 95px;}
}

@media (max-width:375px) {
  #btn-preview {font-size: 0.85rem;}
  .step_process {padding: 0.75rem 0;}
  .step_status {padding: 0.25rem 0;}
}

.register_container{background-color: #FFFFFF;padding: 5rem 3rem;display: flex;flex-wrap: wrap;}
.register_container .col-left{align-self: center;}
.register_container .col-right{padding: 0 3rem;}
.register_container label,.register_container a{color: #3399CC; font-weight: bolder;}
.register_finish{width: 370px;margin: 0 auto; text-align: center;}
.register_finish p{color: #3399CC;font-size: 1.25rem;font-weight: bolder;letter-spacing: 3px;}
.content-block > div.privacr-wrap{max-width: 960px;max-height: 500px; text-align: left;padding: 1.5rem 1rem;display: block;box-shadow: 0 0 10px 5px rgba(174, 174, 174);}
.content-block > div.privacr-wrap.active{animation: form-entry 2s ease-in-out;}
.content-block > div.privacr-wrap > fieldset{width: 100%;height: 100%;overflow-y: scroll;padding: 0 0.5rem;animation: form-entry-paragraph 2s ease-in-out;}
.content-block > div.privacr-wrap > fieldset legend{font-weight: bolder;}
.content-block > div.privacr-wrap > fieldset h6{font-weight: bolder;margin-top: 1.5rem;font-size: 1.25rem;}
@media (max-width:1200px) {
  .content-block > div.privacr-wrap > fieldset legend{font-size: 1.5rem;}
}
@media (max-width:991px) {
  .btn_search{width: 100%;}
}
@media (max-width:767px) {
  .register_container{padding: 3rem 1rem;}
  .register_container .col-right{padding: 0 1rem;}
  .register_container .col-left{padding: 1.5rem 3rem;}
  .content-block > div.privacr-wrap > fieldset h6{font-weight: bolder;margin-top: 1.5rem;font-size: 1.15rem;}
}
@media (max-width:575px) {
  .content-block > div.privacr-wrap{padding-right: 0;}
  .register_container .col-right{padding: 0;}
}
@media (max-width:450px) {
  .register_container .col-left {padding: 1.5rem;}
  .btn_style_02, .btn_style_02:hover, .btn_style_02:focus, .btn.btn_style_02:first-child:active{padding: 4px 1rem;}
  .btn_style_01 span{font-size: 1rem;padding: 4px 1.5rem;}
}
@media (max-width:400px) {
  .btn_style_01 span{padding: 4px 1rem;}
}
@media (max-width:375px) {
  .register_finish p{font-size: 1rem;}
  .btn_style_02, .btn_style_02:hover, .btn_style_02:focus, .btn.btn_style_02:first-child:active{font-size: 0.85rem;}
  .btn_style_01 span{font-size: 0.85rem;}
}
@keyframes form-entry {
  0% {
    height: 0;
    width: 0;
    opacity: 0;
    padding: 0;
  }
  50% {
    height: 100%;
    width: 0;
    opacity: 1;
    padding: 0;
  }
  100% {
    height: 100%;
    width: 100%;
  }
}
@keyframes form-entry-paragraph {
  0% {
    opacity: 0;
    padding: 0;
  }
  80% {

    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes table-touch {
  0% {
    opacity: 1;
    transform: translateX(70px) rotate(40deg);
  }
  100% {
    opacity: 0;
    transform: translateX(-70px) rotate(-15deg);
  }
}