@font-face {
    font-family: Acrobat;
    src: url("/fonts/gzpkg/akrobat/Akrobat-Regular.otf") format("opentype");
}

@font-face {
    font-family: Acrobat;
    font-weight: bold;
    src: url("/fonts/gzpkg/akrobat/Akrobat-Bold.otf") format("opentype");
}

body {
    background: url("/images/bg_gzpkg.jpg") no-repeat bottom right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-header {
    background-color: #0079c1;
}

.logo_b {
  width: 167px; /* = -webkit-mask-size */
  height: 80px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
  margin: 2px 0 0px 2px;
  top: 400%;
  background-size: cover;
  /*z-index:998;*/
  float: left;
  -webkit-mask-image: url('/images/logo_gzpkg_mask.png');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 167px;
}

.spo-main .logo_b {
    width: 134px; /* = -webkit-mask-size */
    height: 64px;
    -webkit-mask-size: 134px;
    margin: 7px 0 0 10px;
}

@keyframes blik {
from {top:  400%;}
35%  {top:  400%;}
65%  {top: -400%;}
to   {top: -400%;}
}


.logo_b img {
  vertical-align: bottom;
  z-index: -5;
  max-width: 100%;
  max-height: 100%;
}
.logo_b:hover {
  top: 120%;
}
.logo_b:before, figure:after {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
}
.logo_b:before {
  width: 180%;
  top: inherit;
  left: -40%;
  opacity: 0.6;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #87bede 30%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0));
  transform: rotate(50deg);
  animation: blik  7s infinite  cubic-bezier(0, 0.3, 1, 0.5);
}
.logo_b:after {
  width: 100%;
  top: 0;
  background-image: radial-gradient(35% 25%, closest-corner, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
}
.logo_b:nth-child(1) {
  background-image: url("/images/logo_gzpkg_white.png");
  background-position: center;
  /*z-index:998;*/
}

.logo-1{
    width: 50%;
    float: left;
}

.head-phone{
    width: 50%;
    margin: 0;
}

.logo-text{
    padding: 22px 0 0 12px;
    width: 150px;
}
.login-page .logo-text{
    float: left;
    padding: 35px 0 0 20px;
    width: 391px;
}
.login-page .logo-text h2{
    margin: 0;
}

.logo h2{
    text-align: left;
    text-shadow: 1px 1px 1px rgba(30,30,30,0.3);
    padding-bottom: 0;
    font-family: Acrobat;
}

body.login-page div.logo {
    padding: 4px 23px 0;
}

#index-body {
    background: transparent;
    box-shadow: none;
}

.login-form {
    background-color: rgba(255,255,255,0.7);
    box-shadow: 2px 2px 4px 1px rgba(30,30,30,0.5);
}

.login-form h2 {
    font-family: Acrobat;
    font-weight: normal;
}
.head-phone h1 {
    font-family: Acrobat;
    font-weight: normal;
}
.spo-main .logo-text {
    display: none;
}
.logo {
    background-color: #0079c1;
}
.title-panel {
    background-color: #fff;
}