@charset "utf-8";
/*@latest 2019.07.11 ssj */

 /* site Mngr */
.siteWrap {background:#f1f1f1; width:100%; float:left; height:100%; position:relative; overflow:hidden;}
.siteWrap .siteLogin {background:#fff; width:400px; max-width:500px; border-radius:3px; /*min-height:600px;*/ padding-bottom:80px;  margin:0px auto; top:50%; 
             box-shadow:0px 2px 10px 0px rgba(126, 126, 126, 0.2);left: 50%;transform: translate(-50%, -50%);position: absolute;}
.siteWrap .siteLogin div.siteLoginbar{background-image:linear-gradient(to right, #0b253f, #0f4276) !important;  background:#0b253f; border-top-left-radius:3px; border-top-right-radius:3px; padding:15px; 
                    text-align:center; font-size:16px; color:#fff; }
.siteWrap .siteLogin div.siteLoginbar + h1{text-align:center; margin-top:70px;}
.siteWrap .siteLogin div.siteLoginbar + h1 img {width:auto; max-width:80%; height:auto;}
.siteWrap .siteLogin div.siteLoginbar ~ div.siteLoginctn {width:85%; margin:70px 7.5% 0; float:left;}
.siteWrap .siteLogin div.siteLoginbar ~ div.siteLoginctn ul{width:100%; float:left; margin-bottom:10px;}
.siteWrap .siteLogin div.siteLoginbar ~ div.siteLoginctn ul li{width:100%; float:left; }
.siteWrap .siteLogin div.siteLoginbar ~ div.siteLoginctn ul li > input {width:100%; font-size:13px; padding:15px 10px; border:none; border-bottom:1px solid #e0e0e0; float:left; box-sizing:border-box;  appearance:none; -webkit-appearance:none;} 
.siteWrap .siteLogin div.siteLoginbar ~ div.siteLoginctn ul li > input::placeholder {color:#a3a3a3;}
.siteWrap .siteLogin div.siteLoginbar ~ div.siteLoginctn ul li > input:focus {outline:none; border-bottom:2px solid #1c4f82; }
.siteWrap .siteLogin div.siteLoginbar ~ div.siteLoginctn > a.siteLoginbtn {width:100%; padding:14px 20px; margin-top:25px; box-sizing:border-box; text-align:center; display:block; background:#0d3863; float:left; font-size:15px; color:#fff; border-radius:2px;}
.siteWrap .siteLogin div.siteLoginbar ~ div.siteLoginctn > a.siteLoginbtn:hover {box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);}

.siteWrap .siteLogin div.siteLoginbar ~ div.siteLoginctn span.info_check {width:100%; float:left; margin-top:15px; position:relative;}
.siteWrap .siteLogin div.siteLoginbar ~ div.siteLoginctn span.info_check input.siteInch {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; box-sizing:border-box;}
.siteWrap .siteLogin div.siteLoginbar ~ div.siteLoginctn span.info_check input.siteInch + label {font-size:12px; color:#333; display:inline-block; position:relative; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.siteWrap .siteLogin div.siteLoginbar ~ div.siteLoginctn span.info_check input.siteInch + label:before {content:' '; display: inline-block; width:14px; height:14px; line-height:15px; font-size:11px; margin:-1px 10px 0 0; text-align: center; vertical-align: middle;
                                                    background: #fafafa; border: 1px solid #cacece; border-radius: 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.siteWrap .siteLogin div.siteLoginbar ~ div.siteLoginctn span.info_check input.siteInch:checked + label:before {content:'\2714'; color:#fff; background:#333; border-color:#404040;
                                                         box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);}
  @media all and (max-width:599px) {
    .siteWrap .siteLogin {width:85%; transform:none; top:20px; left:7.5%; box-shadow:0px 2px 3px 0px rgba(126, 126, 126, 0.2);}
  }



 /* system Mngr */
.sysWrap {background:#f1f1f1; width:100%; float:left; height:100%; position:relative; overflow:hidden;}
.sysWrap .sysLogin {background:#fff;width:400px;max-width:500px;border-radius:3px;/*min-height:600px;*/ padding-bottom:80px; margin:0px auto;top:50%; 
           box-shadow:0px 2px 10px 0px rgba(126, 126, 126, 0.2);left: 50%;transform: translate(-50%, -50%);position: absolute;}
.sysWrap .sysLogin div.sysLoginbar{background-image:linear-gradient(to right, #222 , #666) !important;background:#692749;border-top-left-radius:3px;border-top-right-radius:3px;padding:15px;text-align:center;font-size:16px;color:#fff;}
.sysWrap .sysLogin div.sysLoginbar + h1{text-align:center; margin-top:70px;}
.sysWrap .sysLogin div.sysLoginbar + h1 img {width:auto; max-width:80%; height:auto;}
.sysWrap .sysLogin div.sysLoginbar ~ div.sysLoginctn{width:85%; margin:70px 7.5% 0; float:left;}
.sysWrap .sysLogin div.sysLoginbar ~ div.sysLoginctn ul{width:100%; float:left; margin-bottom:10px;}
.sysWrap .sysLogin div.sysLoginbar ~ div.sysLoginctn ul li{width:100%; float:left; }
.sysWrap .sysLogin div.sysLoginbar ~ div.sysLoginctn ul li > input {width:100%; font-size:13px; padding:15px 10px; border:none; border-bottom:1px solid #e0e0e0; float:left; box-sizing:border-box; appearance:none; -webkit-appearance:none;} 
.sysWrap .sysLogin div.sysLoginbar ~ div.sysLoginctn ul li > input::placeholder{color:#a3a3a3;}
.sysWrap .sysLogin div.sysLoginbar ~ div.sysLoginctn ul li > input:focus {outline:none; border-bottom:2px solid #333; }
.sysWrap .sysLogin div.sysLoginbar ~ div.sysLoginctn > a.sysLoginbtn{width:100%; padding:14px 20px; margin-top:25px; box-sizing:border-box; text-align:center; display:block; /*background:#e2529e;*/ background:#333; float:left; font-size:15px; color:#fff; border-radius:2px;}
.sysWrap .sysLogin div.sysLoginbar ~ div.sysLoginctn > a.sysLoginbtn:hover {box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);}

.sysWrap .sysLogin div.sysLoginbar ~ div.sysLoginctn span.info_check {width:100%; float:left; margin-top:15px; position:relative;}
.sysWrap .sysLogin div.sysLoginbar ~ div.sysLoginctn span.info_check input.sysInch {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; box-sizing:border-box;}
.sysWrap .sysLogin div.sysLoginbar ~ div.sysLoginctn span.info_check input.sysInch + label {font-size:12px; color:#333; display:inline-block; position:relative; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.sysWrap .sysLogin div.sysLoginbar ~ div.sysLoginctn span.info_check input.sysInch + label:before {content:' '; display: inline-block; width:14px; height:14px; line-height:15px; font-size:11px; margin:-1px 10px 0 0; text-align: center; vertical-align: middle;
                                                    background: #fafafa; border: 1px solid #cacece; border-radius: 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.sysWrap .sysLogin div.sysLoginbar ~ div.sysLoginctn span.info_check input.sysInch:checked + label:before {content:'\2714'; color:#fff; background:#333; border-color:#404040;
                                                         box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);}

  @media all and (max-width:599px) {
    .sysWrap .sysLogin {width:85%; transform:none; top:20px; left:7.5%; box-shadow:0px 2px 3px 0px rgba(126, 126, 126, 0.2);}
  }