@charset "utf-8";

.l-container .tab {margin:35px 15px 0 15px; text-align:center;}
.l-container .tab a {z-index:1; position:relative; display:inline-block; vertical-align:top; width:calc(50% - 2px); text-decoration:none; text-align:center; background-color:#ffffff;}
.l-container .tab a {font-weight:700; line-height:41px; font-size:12px;}
.l-container .tab a:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #000000; opacity:0.07;}
.l-container .tab a.focus {border-color:#666666;}
.l-container .tab a.focus:before {opacity:1;}
.l-container .tab a:last-child {margin-left:4px;}

.l-container .msg {margin:25px 15px 0 15px; text-align:center;}
.l-container .msg {text-decoration:underline; line-height:17px; font-size:13px;}

.l-container .list {margin:30px 15px 0 15px;}
.l-container .list-f {position:relative;}
.l-container .list-f li {position:relative;}

.l-container .ok {color:#00c73b;}
.l-container .no {color:#ef4f4e;}

.l-container .inputblock {z-index:1; padding:46px 6px 11px 6px; position:relative; display:block; background-color:transparent;}
.l-container .inputblock:before {z-index:-1; display:block; content:''; position:absolute; left:0; bottom:1px; width:100%; height:0; border-bottom:1px solid transparent;}
.l-container .inputblock:after {z-index:-1; display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:0; border-bottom:1px solid #000000; opacity:0.07;}
.l-container .inputblock input {z-index:1; position:relative; padding:0; width:100%; height:25px; border:0; background:transparent;}
.l-container .inputblock input {font-weight:bold; line-height:25px; font-size:18px;}
.l-container .inputblock .name {transition:top 0.2s, font-size 0.2s; z-index:-1; position:absolute; left:6px; top:46px;}
.l-container .inputblock .name {font-weight:bold; line-height:20px; font-size:18px;}
.l-container .inputblock .help {z-index:-1; display:block; position:relative; margin-top:7px;}
.l-container .inputblock .help {line-height:13px; font-size:11px;}
.l-container .inputblock .btn {transition:background 0.2s, color 0.2s; position:absolute; right:0; top:27px; display:block; width:70px; height:43px; background-color:#6d727e; opacity:0;}
.l-container .inputblock .btn {white-space:nowrap; text-overflow:ellipsis; word-break:break-all; text-align:center; cursor:pointer;}
.l-container .inputblock .btn {line-height:43px; font-size:12px; color:#ffffff;}
.l-container .inputblock.focus .name,
.l-container .inputblock.value .name {font-weight:normal; top:26px; line-height:12px; font-size:12px;}
.l-container .inputblock.focus .btn,
.l-container .inputblock.value .btn {z-index:2; opacity:1;}
.l-container .inputblock.focus:after,
.l-container .inputblock.value:after {opacity:1;}
.l-container .inputblock.t-btn input {width:calc(100% - 80px);}

.l-container .selectblock {z-index:1; padding:46px 6px 16px 6px; position:relative; display:block; background-color:transparent;}
.l-container .selectblock:before {z-index:-1; display:block; content:''; position:absolute; left:0; bottom:1px; width:100%; height:0; border-bottom:1px solid transparent;}
.l-container .selectblock:after {z-index:-1; display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:0; border-bottom:1px solid #000000; opacity:0.07;}
.l-container .selectblock select {z-index:1; position:absolute; left:0; top:0; padding:0; width:100%; height:87px; outline:0; background:transparent; opacity:0;}
.l-container .selectblock select {font-weight:bold; line-height:25px; font-size:18px; color:transparent;}
.l-container .selectblock select option {color:#969a9c;}
.l-container .selectblock .name {transition:top 0.2s, font-size 0.2s; z-index:-1; position:absolute; left:6px; top:46px;}
.l-container .selectblock .name {font-weight:bold; line-height:20px; font-size:18px;}
.l-container .selectblock .help {z-index:-1; display:block; position:relative; margin-top:7px;}
.l-container .selectblock .help {line-height:13px; font-size:11px;}
.l-container .selectblock .select {z-index:1; position:relative; padding:0; width:100%; height:25px; display:block;}
.l-container .selectblock .select {font-weight:bold; line-height:25px; font-size:18px;}
.l-container .selectblock .arrow {display:block; position:absolute; right:10px; top:56px; opacity:0.2;}
.l-container .selectblock.focus .select,
.l-container .selectblock.value .select {display:block;}
.l-container .selectblock.focus .name,
.l-container .selectblock.value .name {font-weight:normal; top:26px; line-height:12px; font-size:12px;}
.l-container .selectblock.focus:after,
.l-container .selectblock.value:after {opacity:1;}

.l-container .list-f.real-code li {padding:10px 0;}
.l-container .list-f.real-code .block {padding:12px; background-color:#f7f7f7;}
.l-container .list-f.real-code .input {display:block; width:calc(100% - 76px); border:1px solid #d7d7d7; background-color:#ffffff; margin-right:74px;}
.l-container .list-f.real-code .input input {padding:0 12px; width:calc(100% - 24px);}
.l-container .list-f.real-code .input input {font-weight:bold; line-height:40px; font-size:16px;}
.l-container .list-f.real-code .name {z-index:-1; position:absolute; left:0; top:0;}
.l-container .list-f.real-code .name {font-weight:bold; line-height:40px; font-size:16px;}
.l-container .list-f.real-code .text {margin-top:10px;}
.l-container .list-f.real-code .text {line-height:13px; font-size:11px;}
.l-container .list-f.real-code .btn {position:absolute; right:12px; top:22px; display:block; width:70px; height:42px;}
.l-container .list-f.real-code .btn {white-space:nowrap; text-overflow:ellipsis; word-break:break-all; text-align:center; cursor:pointer;}
.l-container .list-f.real-code .btn {line-height:42px; font-size:12px; color:#ffffff;}

.l-container .result {margin:30px 15px 0 15px;}
.l-container .result .block {padding:30px 0 20px 0; display:block; background-color:#ffffff; border-radius:4px; text-align:center;}
.l-container .result .img {display:block; margin:0 auto; width:140px; height:140px; background-position:0 -275px;}
.l-container .result .text {margin-top:25px; text-align:center;}
.l-container .result .text {line-height:23px; font-size:14px; color:#464646;}

.l-container .submit {position:relative; margin:50px 7px 0 7px; display:block; text-align:center; cursor:pointer;}
.l-container .submit {font-weight:bold; line-height:45px; font-size:18px; color:#ffffff;}