@CHARSET "UTF-8";

table{font-size: 0.4rem;}
main>div.container{margin: 0 auto!important;padding:0;max-width: 100%;}
header{background: RGBA(230, 74, 25, 1);margin-bottom: .4rem;}
header>div.container{display: flex;padding: 26px 44px;box-sizing: border-box;display: flex;align-items: center;}
header>div.container a{display: block;}
header>div.container img{width: 148px;height: 61px;margin-right: 40px;}
header>div.container span{font-size: 24px;color: #FFFFFF;line-height: .85rem;font-weight: bold;} 
div.ke-content >h1{font-weight: 600;color: rgba(0, 0, 0, 0.85);line-height: 1.28rem;font-size: .85rem;margin: 0;border-bottom: .11rem solid rgba(0, 0, 0, 0.04);padding-bottom: .4rem; padding-left: .4rem;}
div.ke-content >p{font-weight: 500;color: rgba(0, 0, 0, 0.45);line-height: 24px;font-size: 16px;background: rgba(0, 0, 0, 0.04);padding:8px 16px;margin: .4rem ; }

div.ke-content form{width: 10rem; overflow-x: auto;}
.form__input_mt input{margin: 6px 0;}

.form-item{display: none;}
.form-item.show{display: block; margin: 0 .4rem;}

.form-item .required{animation: input-required 0.4s infinite alternate;}

.form-item > .file{display: flex;flex-wrap: wrap;flex-direction: column; }
.form-item > .file>div{width:calc(10rem - .8rem); height: 5rem;position: relative;background: rgba(0, 0, 0, 0.04);
font-weight: 600;color: rgba(0, 0, 0, 0.45);line-height: 28px;font-size: 20px; background-size:96px 96px;box-sizing: border-box;
border-radius: 8px;border: 1px solid rgba(0, 0, 0, 0.15); display: flex;align-items: center;justify-content: center;}



.file__item{overflow: hidden;}
.form-item > .file>div>img.file__icon{width: 96px;height: 96px;margin-right: 24px;}
.form-item > .file>div>img.file__icon_white{display: none;}
.form-item > .file>div{margin-bottom: .85rem;}
.form-item > .file>div:nth-child(2n){margin-right: 0;}
.form-item > .file>div>img.file__img{width: 100%;height: 100%; position: absolute;top: 0;left: 0;display: none;  object-fit:cover;}
.form-item > .file>div>input{width: 100%;height: 100%;opacity: 0;z-index: 99;position: absolute;top: 0;left: 0;}

.form-item table {width: 100%; border: 1px solid #000; margin-bottom: 10px;}
.form-item table caption{text-align: left; font-weight:bold; border: 1px solid #000; padding:4px 10px;}
.form-item td>a.del:after{content:"X";}
.form-item td.chk-list label{ margin-right: 2em; display: inline-flex; align-items: center;}
.form-item td.chk-list label input{margin-right: 0.3em;}

.form-item input[name$='_cs'], 
.form-item input[name$='_cs[]'],
.form-item input[name$='_en'], 
.form-item input[name$='_en[]']{display: block;}
p.oper{margin: .85rem .4rem 1rem .4rem;height: 40px;}
p.oper button{font-size: 16px;color: #FFFFFF;line-height: 24px;padding: 8px 0;width: 80px;text-align: center; background: rgba(82, 196, 26, 1);border-radius: 8px;border: none;cursor:pointer; }
p.oper button{float: right;right: 0}
p.oper button:first-child{float: left;background: #F0F5FF;border-radius: 8px;border: 1px solid #ADC6FF;color: #2F54EB;}


.form-item{margin-left: 0.4rem;}

@keyframes input-required
{
from {box-shadow:0 0 0 0 #000;}
to {box-shadow: 0 0 2px 2px rgba(255, 0, 0, 0.5);}
}

@-webkit-keyframes input-required /*Safari and Chrome*/
{
from {box-shadow:0 0 0 0 #000;}
to {box-shadow: 10px 10px 5px #f00;}
}