@charset "utf-8";

.l-container {margin:0 auto; width:720px; padding:70px 0;}
.l-container .logo {padding-bottom:30px; border-bottom:1px solid #eff0f0; display:block; text-align:center;}
.l-container .logo img {display:inline-block; max-width:400px; max-height:180px; border:0;}

.l-container .form {margin:0 auto; width:480px; padding-top:20px;}

.l-container .tab {margin-top:30px;}
.l-container .tab a {width:calc(50% - 2px); text-decoration:none; display:inline-block; vertical-align:top; background-color:#eff0f0; text-align:center;}
.l-container .tab a {font-weight:700; line-height:60px; font-size:20px; color:#969a9c;}
.l-container .tab a:nth-child(2) {margin-left:4px;}
.l-container .tab a:nth-child(2) {color:#ffffff;}
.l-container .tab a:hover {background-color:#6d727e;}
.l-container .tab a:hover {color:#ffffff;}

.l-container .msg {display:block; padding:20px 0 20px 0;}
.l-container .msg div {display:block; background-color:#ffffff; border-radius:4px; text-align:center;}
.l-container .msg div {font-weight:400; line-height:36px; font-size:16px; color:#000000;}

.l-container .list {margin-top:10px; padding-top:10px; border-top:1px solid #eff0f0;}
.l-container .list:last-child {padding-bottom:10px; border-bottom:1px solid #eff0f0;}
.l-container .list .bg {padding:5px 10px 20px 10px; background-color:#ffffff; border-radius:4px;}

.l-container .list-f {position:relative; margin-top:15px;}
.l-container .list-f > ul {width:100%; display:table; table-layout:fixed;}
.l-container .list-f > ul > li {position:relative; display:table-cell; word-break:break-all; vertical-align:middle;}
.l-container .list-f > ul > li:nth-child(1) {vertical-align:middle; position:relative; width:100px;}
.l-container .list-f > ul > li:nth-child(1) {font-weight:400; line-height:18px; font-size:14px; color:#464646;}
.l-container .list-f > ul > li:nth-child(1) span {display:inline-block; vertical-align:top;}
.l-container .list-f > ul > li:nth-child(1) .req {position:relative; padding:0 13px 0 0;}
.l-container .list-f > ul > li:nth-child(1) .req:before {display:block; content:''; position:absolute; right:0; top:1px; width:10px; height:10px; background-position:0px -150px;}
.l-container .list-f > ul > li:nth-child(2) {vertical-align:middle; position:relative; padding-left:20px;}
.l-container .list-f > ul > li:nth-child(2) {font-weight:400; line-height:18px; font-size:14px; color:#000000;}
.l-container .list-f label {padding:0 20px; border:1px solid #dbdde2; display:inline-block; vertical-align:top; cursor:pointer;}
.l-container .list-f label {font-weight:400; line-height:38px; font-size:14px; color:#969a9c;}
.l-container .list-f label.focus {color:#ffffff;}
.l-container .list-f .input input {height:38px;}
.l-container .list-f .input input {font-weight:400; line-height:38px; font-size:14px; color:#969a9c;}
.l-container .list-f .input .name {font-weight:400; line-height:38px; font-size:14px; color:#969a9c;}
.l-container .list-f .input.value input,
.l-container .list-f .input.focus input {color:#000000;}
.l-container .list-f .btn {transition:background 0.2s, color 0.2s; margin-top:5px; position:relative; text-decoration:none; display:inline-block; vertical-align:middle; padding:1px 20px 1px 20px; min-width:80px; height:38px; background-color:#6d727e; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; text-align:center; cursor:pointer;}
.l-container .list-f .btn {font-weight:400; line-height:38px; font-size:14px; color:#ffffff;}
.l-container .list-f .btn:hover {background-color:#000000;}
.l-container .list-f .input.ok {background-color:#eff0f0; border:1px solid #dbdde2;}
.l-container .list-f .input.ok input {}
.l-container .list-f .input.ok .name {display:none;}
.l-container .list-f .btn.ok {background-color:#00c73b; cursor:default;}

.l-container .list-send .list-f > ul > li {vertical-align:top;}
.l-container .list-send .list-f > ul > li:nth-child(1) p {margin-top:10px; vertical-align:top;}
.l-container .list-send .input {margin-right:84px;}
.l-container .list-send .btn {margin:0; display:block; position:absolute; right:0; top:0; width:80px; padding:1px 0px 1px 0; text-align:center;}
.l-container .list-send .help {margin-top:10px;}
.l-container .list-send .help {font-weight:400; line-height:15px; font-size:12px; color:#969a9c;}
.l-container .list-send .help .timer {color:#8393ca;}
.l-container .list-send .help .ok,
.l-container .list-send .help .no {padding-left:20px; position:relative; display:inline-block; vertical-align:top;}
.l-container .list-send .help .ok:before,
.l-container .list-send .help .no:before {top:3px;}
.l-container .list-send .help .no {color:#ef4f4e;}

.l-container .password-result {position:relative; display:none; padding:8px 0 0 17px;}
.l-container .password-result {font-weight:400; line-height:14px; font-size:12px; color:#ef4f4e;}
.l-container .password-result.on {display:block;}
.l-container .password-result:before {top:10px;}
.l-container .password-wrap {padding:10px 0 30px 0; display:block; border-top:1px solid #dbdde2; border-bottom:1px solid #dbdde2;}
.l-container .password-wrap .block {padding:30px 0 20px 0; display:block; background-color:#ffffff; border-radius:4px; text-align:center;}
.l-container .password-wrap .img {display:block; margin:0 auto; width:140px; height:140px; background-position:0 -275px;}
.l-container .password-wrap .text {margin-top:25px; text-align:center;}
.l-container .password-wrap .text {font-weight:400; line-height:23px; font-size:14px; color:#464646;}

.l-container .upw-re .list {margin-top:40px; padding:0; border-top:0;}
.l-container .upw-re .list:first-child {margin-top:10px;}
.l-container .upw-re .bg {padding:0; border-bottom:1px solid #eff0f0;}
.l-container .upw-re .list-f {margin-top:0;}
.l-container .upw-re .list-f > ul > li {border-top:1px solid #eff0f0; height:80px;}
.l-container .upw-re .list-f:first-child > ul > li {border-color:#000000;}
.l-container .upw-re .list-f > ul > li:nth-child(1) {padding-left:10px;}
.l-container .upw-re .list-f > ul > li:nth-child(2) {padding-right:10px;}

.l-container .submit {position:relative; display:block; text-decoration:none; margin-top:30px; text-align:center; cursor:pointer;}
.l-container .submit {font-weight:400; line-height:60px; font-size:18px; color:#ffffff;}