@CHARSET "UTF-8";

div.form_box {display: flex; justify-content: center;}
div.content {width: 100%; text-align: center;}
form.form {display: flex; flex-direction: column; align-items: flex-end;}
form.form>p, form.form>.code {color: rgba(0, 0, 0, 0.45); font-size: 16px; line-height: 24px; font-weight: bold; margin-bottom: 16px; display: flex; align-items: center;}
form.form>p>input, form.form>.code>p>input {margin-left: 24px; width: 190px; height: 36px;border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.15); padding-left: 12px;padding-right: 0px; outline:none; background: #fff;}
form.form>.code>p{display: flex; align-items: center;}
input::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.25); background: #fff; font-size: 16px; line-height: 24px;}
form.form>div.code input {width: 109px; margin-right: 16px;}
form.form>div.code img {width: 65px; height: 40px; cursor: pointer;}
input.submit {cursor: pointer; background: #1890FF; width: 204px; height: 40px; border-radius: 8px; border: none; color: #fff; font-size: 16px; line-height: 24px; }
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important;}
input[type="number"]{-moz-appearance:textfield;/* firefox */}
.container{position: relative;}

a.close{width:16px; height: 16px; position: absolute; top: -32px; right: 0; background-image: url(../img/icons/16x16/close.svg);}
div.result_mask{display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; z-index: 2;}
.result_no_enroll{display: none; width: 864px; height: 540px; position: absolute; left: calc(50% - 432px); top: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 3; font-size: 20px; font-weight: 600; color: rgba(0, 0, 0, 0.45); line-height: 28px; background: #fff; border-radius: 8px;}
.result_enroll{display: none; width: 864px; height: 540px; background-image: url(../img/enroll.jpg); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; left: calc(50% - 432px); top: 0; z-index: 3;}
.info_border{width: 56%; padding: 8px;border-radius: 8px; background: #F1E3B2; position: absolute; top:16%; right: 8%;}
.info{width: 100%; border-radius: 8px; background: #fff; padding: 0 16px; line-height: 24px; box-sizing: border-box;}
.info ul{padding: 0;}
.info li {display: flex; align-items: center; list-style-type: none; border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding: 12px 0 ; font-size: 16px;}
.info li p:first-child{width: 6.5em; margin-right: 32px; color: rgba(0, 0, 0, 0.45);  font-weight: 500; flex-shrink: 0; text-align: left;}
.info li p:nth-child(2){color: rgba(0, 0, 0, 0.85);}
p.code{font-size: 10px;}
li:last-child{border: none;}
.result_no_enroll .no-enroll{width: 185px; height: 185px; background-image: url(../img/no_enroll.png); background-repeat: no-repeat;background-size: 100% 100%;  margin-bottom: 40px;}

@media screen and (min-width: 1024px) {
    .result_box{width: 864px; height: 540px;}
}