somang4819/itsm_ysm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

디자인수정

Browse Source
This commit is contained in:
com02 2021-12-02 16:07:07 +09:00
parent a0b69c0289
commit 0185a8e9b6
1 changed files with 19 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/main/webapp/css/default.css
View File

@ -20,10 +20,10 @@
.wrap header .inner .search-wrap .ark_query {position: relative;width:160px;height:43px;padding:0px 20px 0px 100px;border-radius:3px;} .wrap header .inner .search-wrap .ark_query {position: relative;width:160px;height:43px;padding:0px 20px 0px 100px;border-radius:3px;}
.wrap header .inner .search-wrap form .condition_sear {display:inline;position: absolute;top:7px;left:30px;height:28px;border-right:1px solid #ddd;padding-right:10px;} .wrap header .inner .search-wrap form .condition_sear {display:inline;position: absolute;top:7px;left:30px;height:28px;border-right:1px solid #ddd;padding-right:10px;}
.wrap header .inner .search-wrap form .search-input {position: relative;} .wrap header .inner .search-wrap form .search-input {position: relative;}
.wrap header .inner .search-wrap form .condition_sear select {border:0;padding: 0px 20px 0px 5px;font-weight: 600;color:#666;} .wrap header .inner .search-wrap form .condition_sear select {border:0;padding: 0px 20px 0px 5px;font-weight: 500;color:#666;}
.wrap header .inner .search-wrap .search-input .btn-search {background:#364d63;height:43px;width:43px;border-radius:3px;position: relative;left:-5px;} .wrap header .inner .search-wrap .search-input .btn-search {background:#364d63;height:43px;width:43px;border-radius:3px;position: relative;left:-5px;}
.wrap header .inner .search-wrap .search-input .btn-search span {display:inline-block;text-indent: -99999px;background: url(/images/icon/icon-search.png) no-repeat;background-size:100%;width:16px;height:16px;} .wrap header .inner .search-wrap .search-input .btn-search span {display:inline-block;text-indent: -99999px;background: url(/images/icon/icon-search.png) no-repeat;background-size:100%;width:16px;height:16px;}
.wrap header .inner .search-wrap .search-input .btn-search-detail {background: #3e404a;width:100px;height:43px;line-height:40px;border-radius: 3px;color:#fff;font-weight: 600;position: relative;left:-3px;} .wrap header .inner .search-wrap .search-input .btn-search-detail {background: #3e404a;width:100px;height:43px;line-height:40px;border-radius: 3px;color:#fff;font-weight: 500;position: relative;left:-3px;}
.wrap header .inner .log {display: inline-block;width:auto;} .wrap header .inner .log {display: inline-block;width:auto;}
.wrap header .inner .log ul li {float:left;line-height: 72px;} .wrap header .inner .log ul li {float:left;line-height: 72px;}
.wrap header .inner .log ul li a {font-size:12px;color:#fff;border-left:1px solid #999;padding:0px 16px;height:13px;line-height:13px;display: inline-block} .wrap header .inner .log ul li a {font-size:12px;color:#fff;border-left:1px solid #999;padding:0px 16px;height:13px;line-height:13px;display: inline-block}
@ -369,6 +369,7 @@ footer .family_site .site_depth li a{display:block;line-height:26px;padding:0 0
.btn-go-top {width: 50px;height: 50px;border-radius: 100%;background-color: #354f68;position: absolute;right: 25px;top: -65px;z-index: 20; .btn-go-top {width: 50px;height: 50px;border-radius: 100%;background-color: #354f68;position: absolute;right: 25px;top: -65px;z-index: 20;
transition: all .2s ease;} transition: all .2s ease;}
.btn-go-top span {color:#fff;display:block;} .btn-go-top span {color:#fff;display:block;}
.btn-go-top span img {vertical-align:middle;}
.btn-go-top:hover {} .btn-go-top:hover {}
.btn-go-top.go-top-fix {position: fixed;top: inherit;bottom: 15px;} .btn-go-top.go-top-fix {position: fixed;top: inherit;bottom: 15px;}
.btn-go-top.go-top-hide {opacity: 0;z-index: -1;} .btn-go-top.go-top-hide {opacity: 0;z-index: -1;}
@ -458,7 +459,7 @@ transform: rotate(45deg);
.join .inner .row-bottom .login .Btn.Naver button {color:#fff;} .join .inner .row-bottom .login .Btn.Naver button {color:#fff;}
.join .inner .row-bottom .login .Btn.Kakao button {color:#111;} .join .inner .row-bottom .login .Btn.Kakao button {color:#111;}
.join .inner .row-bottom .login .Btn.Google button {color:#111;} .join .inner .row-bottom .login .Btn.Google button {color:#111;}
.join .inner .row-bottom .login .Btn button {font-size: 15px;font-weight: 600;height: 47px;line-height: 47px;width: 100%;display: inline-block;} .join .inner .row-bottom .login .Btn button {font-size: 15px;font-weight: 500;height: 47px;line-height: 47px;width: 100%;display: inline-block;}
.join .inner .row-bottom .join-box .privacy-box {width:100%;} .join .inner .row-bottom .join-box .privacy-box {width:100%;}
.join .inner .row-bottom .join-box .privacy-box > div {margin-bottom:40px;} .join .inner .row-bottom .join-box .privacy-box > div {margin-bottom:40px;}
@ -470,7 +471,7 @@ transform: rotate(45deg);
.join .inner .row-bottom .join-box .privacy-box > div > .con-2 .textarea {font-size:12px;text-align: left;width:96%;height:140px;padding:3% 2%;border: 1px solid #ddd;border-radius: 5px;} .join .inner .row-bottom .join-box .privacy-box > div > .con-2 .textarea {font-size:12px;text-align: left;width:96%;height:140px;padding:3% 2%;border: 1px solid #ddd;border-radius: 5px;}
.join .inner .row-bottom .join-box .form-container {width:100%;text-align: left;} .join .inner .row-bottom .join-box .form-container {width:100%;text-align: left;}
.join .inner .row-bottom .join-box .form-container h2 {border-bottom:1px solid #333;font-size: 18px;font-weight: 600;margin:50px 0px 0px;padding-bottom:10px;} .join .inner .row-bottom .join-box .form-container h2 {border-bottom:1px solid #333;font-size: 18px;font-weight: 500;margin:50px 0px 0px;padding-bottom:10px;}
.join .inner .row-bottom .join-box .form-group {display: inline-block;width:100%;padding:20px 0px 15px;border-bottom:1px solid #ddd;} .join .inner .row-bottom .join-box .form-group {display: inline-block;width:100%;padding:20px 0px 15px;border-bottom:1px solid #ddd;}
.join .inner .row-bottom .join-box .form-group label {float:left;width:20%;height:36px;line-height: 36px;font-size:14px;font-weight: 400;color:#333;} .join .inner .row-bottom .join-box .form-group label {float:left;width:20%;height:36px;line-height: 36px;font-size:14px;font-weight: 400;color:#333;}
.join .inner .row-bottom .join-box .form-group .con {float:left;width:80%;} .join .inner .row-bottom .join-box .form-group .con {float:left;width:80%;}
@ -554,7 +555,7 @@ transform: rotate(45deg);
.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(1) {color:#333;font-size:22px;font-weight:400;margin-bottom:40px;} .join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(1) {color:#333;font-size:22px;font-weight:400;margin-bottom:40px;}
.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(1) span {color:#d47b1c;} .join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(1) span {color:#d47b1c;}
.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) {} .join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) {}
.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button {background:#0b2c57;border:1px solid #ddd;border-radius:3px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;} .join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button {background:#0b2c57;border:1px solid #ddd;border-radius:3px;width:100%;display:inline-block;font-size:15px;font-weight:500;height:47px;line-height:44px;}
.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button span {font-size:16px;color:#fff;font-weight: 500;} .join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button span {font-size:16px;color:#fff;font-weight: 500;}
.join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button span:nth-of-type(1) {border-right:1px solid #777;margin-right:10px;padding-right:10px;} .join.connect .inner .row-bottom .join-box .success .text p:nth-of-type(2) button span:nth-of-type(1) {border-right:1px solid #777;margin-right:10px;padding-right:10px;}
.join.connect .inner .row-bottom .join-box .success .box {background: #f0f0f0;display: inline-block;width:100%;padding:3% 0%;border-radius: 3px;border:1px solid #ddd;display: flex;align-items: center;justify-content: center;} .join.connect .inner .row-bottom .join-box .success .box {background: #f0f0f0;display: inline-block;width:100%;padding:3% 0%;border-radius: 3px;border:1px solid #ddd;display: flex;align-items: center;justify-content: center;}
@ -763,7 +764,7 @@ transform: rotate(45deg);}
.filter-wrap {border: 1px solid #e7e7e7;padding: 30px;} .filter-wrap {border: 1px solid #e7e7e7;padding: 30px;}
.filter-head {border-bottom: 1px solid #ccc;padding-bottom: 6px;} .filter-head {border-bottom: 1px solid #ccc;padding-bottom: 6px;}
.filter-head:after {content: "";display: block;clear: both;} .filter-head:after {content: "";display: block;clear: both;}
.filter-head h2 {float: left;font-size: 18px;font-weight: 600;} .filter-head h2 {float: left;font-size: 18px;font-weight: 500;}
.filter-head .btn-filter-reset {float: right;background: url(/images/icon/icon-data-reset.png) no-repeat right center;padding: 4px 22px 4px 0px;font-size:14px;font-weight: 400;color:#666;} .filter-head .btn-filter-reset {float: right;background: url(/images/icon/icon-data-reset.png) no-repeat right center;padding: 4px 22px 4px 0px;font-size:14px;font-weight: 400;color:#666;}
.filter-wrap .choice-condition {display:inline-block;padding-top: 14px;color: #707070;} .filter-wrap .choice-condition {display:inline-block;padding-top: 14px;color: #707070;}
.filter-wrap .choice-condition ul li {font-size:12px;background:#f4f4f4;float:left;padding:2px 10px 3px 10px;border-radius: 50px;margin:0px 5px 5px 0px;border:1px solid #ddd;background:url(/images/icon/icon-data-close.png) no-repeat #f4f4f4;background-position: 92% center;cursor: pointer;} .filter-wrap .choice-condition ul li {font-size:12px;background:#f4f4f4;float:left;padding:2px 10px 3px 10px;border-radius: 50px;margin:0px 5px 5px 0px;border:1px solid #ddd;background:url(/images/icon/icon-data-close.png) no-repeat #f4f4f4;background-position: 92% center;cursor: pointer;}
@ -915,7 +916,7 @@ transform: rotate(45deg);}
.data.detail .inner .row-top .center .left .tit {font-size:30px;color:#fff;font-weight: 500;margin-bottom:20px;} .data.detail .inner .row-top .center .left .tit {font-size:30px;color:#fff;font-weight: 500;margin-bottom:20px;}
.data.detail .inner .row-top .center .left .img {background:#fff;display: inline-block;width:100%;height:445px;display: flex;align-items: center;justify-content: center;} .data.detail .inner .row-top .center .left .img {background:#fff;display: inline-block;width:100%;height:445px;display: flex;align-items: center;justify-content: center;}
.data.detail .inner .row-top .center .right .con-1 {display: inline-block;width:100%;height:100px;border-bottom:1px solid #ddd;text-align: right;margin-bottom: 30px;} .data.detail .inner .row-top .center .right .con-1 {display: inline-block;width:100%;height:100px;border-bottom:1px solid #ddd;text-align: right;margin-bottom: 30px;}
.data.detail .inner .row-top .center .right .con-1 button {background:#f5f5f5;width:auto;height:30px;line-height:28px;width:30px;border-radius: 3px;font-size:14px;color:#222;font-weight: 600;text-align: center;border:1px solid #ddd;margin-top:55px;} .data.detail .inner .row-top .center .right .con-1 button {background:#f5f5f5;width:auto;height:30px;line-height:28px;width:30px;border-radius: 3px;font-size:14px;color:#222;font-weight: 500;text-align: center;border:1px solid #ddd;margin-top:55px;}
.data.detail .inner .row-top .center .right .con-1 button.view {width:auto;padding:0px 26px;} .data.detail .inner .row-top .center .right .con-1 button.view {width:auto;padding:0px 26px;}
.data.detail .inner .row-top .center .right .con-1 button.ris {} .data.detail .inner .row-top .center .right .con-1 button.ris {}
.data.detail .inner .row-top .center .right .con-1 button.favorit {text-indent: -99999px;background:url(/images/icon/icon-data-star.png) no-repeat center #f5f5f5;} .data.detail .inner .row-top .center .right .con-1 button.favorit {text-indent: -99999px;background:url(/images/icon/icon-data-star.png) no-repeat center #f5f5f5;}
@ -930,7 +931,7 @@ transform: rotate(45deg);}
.data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(1) {font-weight: 400;display:inline-block;margin-right:20px;min-width:70px;} .data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(1) {font-weight: 400;display:inline-block;margin-right:20px;min-width:70px;}
.data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(2) {font-weight: 200;} .data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(2) {font-weight: 200;}
.data.detail .inner .row-top .center .right .con-2 .b-btn {margin:30px 0px 25px;display:inline-block;width:100%;} .data.detail .inner .row-top .center .right .con-2 .b-btn {margin:30px 0px 25px;display:inline-block;width:100%;}
.data.detail .inner .row-top .center .right .con-2 .b-btn button {font-size:14px;font-weight: 600;} .data.detail .inner .row-top .center .right .con-2 .b-btn button {font-size:14px;font-weight: 500;}
.data.detail .inner .row-top .center .right .con-2 .keyword {} .data.detail .inner .row-top .center .right .con-2 .keyword {}
.data.detail .inner .row-top .center .right .con-2 .keyword span {background: #f4f4f4;color:#333;display:inline-block;padding:1px 10px 2px;border-radius: 50px;font-size:12px;} .data.detail .inner .row-top .center .right .con-2 .keyword span {background: #f4f4f4;color:#333;display:inline-block;padding:1px 10px 2px;border-radius: 50px;font-size:12px;}
.data.detail .inner .row-top .center .right .con-2 .keyword span.first {background: #b68948;color:#fff;margin-right:10px;padding:1px 16px 2px;} .data.detail .inner .row-top .center .right .con-2 .keyword span.first {background: #b68948;color:#fff;margin-right:10px;padding:1px 16px 2px;}
@ -1331,10 +1332,10 @@ transform: rotate(45deg);}
.noti-data .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;} .noti-data .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;}
.noti-data .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 25px center #556676;} .noti-data .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 25px center #556676;}
.noti-data .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;} .noti-data .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;}
.noti-data .list-accordion .question.on .type {font-weight: 600;} .noti-data .list-accordion .question.on .type {font-weight: 500;}
.noti-data .list-accordion .question.on .date {color:#fff;font-size:12px;} .noti-data .list-accordion .question.on .date {color:#fff;font-size:12px;}
.noti-data .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 270px;display: none;line-height: 1.8;text-align: left;} .noti-data .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 250px;display: none;line-height: 1.8;text-align: left;}
.noti-data .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:50px;background: #ccc;position: absolute;left:255px;top:35px;} .noti-data .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:50px;background: #ccc;position: absolute;left:235px;top:35px;}
/* list 검색 */ /* list 검색 */
@ -1380,7 +1381,7 @@ transform: rotate(45deg);}
/* 고정 글 */ /* 고정 글 */
.list-table-wrap .fix-list .t-tit {font-weight: 600;color: #000;} .list-table-wrap .fix-list .t-tit {font-weight: 500;color: #000;}
.list-table-wrap .fix-list .t-type {width: 95px;} .list-table-wrap .fix-list .t-type {width: 95px;}
.list-table-wrap .fix-list .t-type em {display: block;width: 54px;height: 30px;margin: 0 auto;border-radius: 15px;font-size: 14px;text-align: center;line-height: 30px;color: #fff;background-color: #154b92;} .list-table-wrap .fix-list .t-type em {display: block;width: 54px;height: 30px;margin: 0 auto;border-radius: 15px;font-size: 14px;text-align: center;line-height: 30px;color: #fff;background-color: #154b92;}
@ -1501,11 +1502,11 @@ transform: rotate(45deg);}
.faq .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 98% center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;} .faq .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 98% center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;}
.faq .list-accordion .question span {display: table-cell;padding-left: 10px;height: 58px;vertical-align: middle;text-align: left;} .faq .list-accordion .question span {display: table-cell;padding-left: 10px;height: 58px;vertical-align: middle;text-align: left;}
.faq .list-accordion .question span:last-child {padding-right: 50px;} .faq .list-accordion .question span:last-child {padding-right: 50px;}
.faq .list-accordion .question .type {width: auto;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;} .faq .list-accordion .question .type {width: auto;box-sizing: border-box;padding-left: 65px;font-weight: 500;color: #000;}
.faq .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;} .faq .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;}
.faq .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 98% center #556676;} .faq .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 98% center #556676;}
.faq .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;} .faq .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;}
.faq .list-accordion .question.on .type {font-weight: 600;position: relative;} .faq .list-accordion .question.on .type {font-weight: 500;position: relative;}
.faq .list-accordion .question.on .date {color:#fff;font-size:12px;} .faq .list-accordion .question.on .date {color:#fff;font-size:12px;}
.faq .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 85px;display: none;line-height: 1.8;text-align: left;min-height:60px;} .faq .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 85px;display: none;line-height: 1.8;text-align: left;min-height:60px;}
.faq .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:48px;background: #ccc;position: absolute;left:70px;top:35px;} .faq .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:48px;background: #ccc;position: absolute;left:70px;top:35px;}
@ -1693,7 +1694,7 @@ transform: rotate(45deg);
.pop-login .inner .First .Btn.Naver button {color:#fff;} .pop-login .inner .First .Btn.Naver button {color:#fff;}
.pop-login .inner .First .Btn.Kakao button {color:#111;} .pop-login .inner .First .Btn.Kakao button {color:#111;}
.pop-login .inner .First .Btn.Google button {color:#111;} .pop-login .inner .First .Btn.Google button {color:#111;}
.pop-login .inner .First .Btn button {background:none;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:47px;} .pop-login .inner .First .Btn button {background:none;width:100%;display:inline-block;font-size:15px;font-weight:500;height:47px;line-height:47px;}
.pop-login .inner .Last {border-bottom:1px solid #ccc;margin:0px 60px 20px;padding:0px 0px 10px !important;} .pop-login .inner .Last {border-bottom:1px solid #ccc;margin:0px 60px 20px;padding:0px 0px 10px !important;}
.pop-login .inner .Last p {margin-bottom:15px;} .pop-login .inner .Last p {margin-bottom:15px;}
.pop-login .inner .Text {padding:20px 60px 0px;} .pop-login .inner .Text {padding:20px 60px 0px;}
@ -1716,7 +1717,7 @@ transform: rotate(45deg);
.pop-login-connect .inner .Text p span {color:#d47b1c;font-weight: 500;} .pop-login-connect .inner .Text p span {color:#d47b1c;font-weight: 500;}
.pop-login-connect .inner .First {padding:0px 60px 10px;} .pop-login-connect .inner .First {padding:0px 60px 10px;}
.pop-login-connect .inner .First .Btn {width:100%;height:45px;line-height:42px;margin-bottom:10px;} .pop-login-connect .inner .First .Btn {width:100%;height:45px;line-height:42px;margin-bottom:10px;}
.pop-login-connect .inner .First .Btn button {background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;} .pop-login-connect .inner .First .Btn button {background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;display:inline-block;font-size:15px;font-weight:500;height:47px;line-height:44px;}
.pop-login-connect .inner .First .Btn button span {font-size:12px;color:#666;} .pop-login-connect .inner .First .Btn button span {font-size:12px;color:#666;}
.pop-login-connect .inner .First .Btn button span:nth-of-type(1) {border-right:1px solid #ddd;margin-right:10px;padding-right:10px;} .pop-login-connect .inner .First .Btn button span:nth-of-type(1) {border-right:1px solid #ddd;margin-right:10px;padding-right:10px;}
.pop-login-connect .inner .First .Btn button:hover {border:1px solid #4a7ba6;} .pop-login-connect .inner .First .Btn button:hover {border:1px solid #4a7ba6;}
@ -1739,7 +1740,7 @@ transform: rotate(45deg);
.pop-login-password .inner .Text p span {color:#d47b1c;font-weight: 500;} .pop-login-password .inner .Text p span {color:#d47b1c;font-weight: 500;}
.pop-login-password .inner .First {padding:0px 60px 10px;} .pop-login-password .inner .First {padding:0px 60px 10px;}
.pop-login-password .inner .First .Btn {width:100%;height:45px;line-height:42px;margin-bottom:10px;} .pop-login-password .inner .First .Btn {width:100%;height:45px;line-height:42px;margin-bottom:10px;}
.pop-login-password .inner .First .Btn button {background:#f0f0f0;border:1px solid #ddd;border-radius:6px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;} .pop-login-password .inner .First .Btn button {background:#f0f0f0;border:1px solid #ddd;border-radius:6px;width:100%;display:inline-block;font-size:15px;font-weight:500;height:47px;line-height:44px;}
.pop-login-password .inner .First .passwd input {border:1px solid #ddd;border-radius:6px;width:90%;height:40px;padding:0% 5%;} .pop-login-password .inner .First .passwd input {border:1px solid #ddd;border-radius:6px;width:90%;height:40px;padding:0% 5%;}
.pop-login-password .inner .First .Btn button span {font-size:12px;color:#666;} .pop-login-password .inner .First .Btn button span {font-size:12px;color:#666;}
.pop-login-password .inner .First .Btn button span:nth-of-type(1) {border-right:1px solid #ddd;margin-right:10px;padding-right:10px;} .pop-login-password .inner .First .Btn button span:nth-of-type(1) {border-right:1px solid #ddd;margin-right:10px;padding-right:10px;}
@ -1971,7 +1972,7 @@ animation: animate-bg2 2.0s 1.9s ease-in infinite;
/* button style */ /* button style */
.btn-wrap {text-align: center;margin:30px 0px 30px;} .btn-wrap {text-align: center;margin:30px 0px 30px;}
.btn-box {margin:30px 0px 30px;} .btn-box {margin:30px 0px 30px;}
.btn {display: inline-block;min-width: 130px;padding:0px 20px;height: 44px;border-radius: 3px;line-height: 42px;text-align: center;font-weight: 600;margin-right: 6px;color: #111;} .btn {display: inline-block;min-width: 130px;padding:0px 20px;height: 44px;border-radius: 3px;line-height: 42px;text-align: center;font-weight: 500;margin-right: 6px;color: #111;}
.btn-black {background: #333;color: #fff;} .btn-black {background: #333;color: #fff;}
.btn-black:focus, .btn-black:focus,
.btn-black:hover {background: #666;transition: background .3s ease;} .btn-black:hover {background: #666;transition: background .3s ease;}