<br />
<b>Deprecated</b>:  The each() function is deprecated. This message will be suppressed on further calls in <b>/home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php</b> on line <b>456</b><br />
@charset "UTF-8";
/* CSS Document */

#promotionarea{
background-color: #000;
}

.wrap-video{
  position:relative;
  height:500px;
}

.wrap-video video{
  width: 100%;
  height:100%
}

.wrap-video .text{
  position: absolute;
  top: 5%;
  /*left: 50%;*/
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); /*上下左右中央寄せ*/
  text-align:center;
  width:90%;
}

.wrap-video .text p.name-e{
font-size: 12px;
width:100%;
text-align: center;
font-weight: bold;
color: #63DBFC;
}
.wrap-video .text .headline{
font-size: 30px;
letter-spacing: 0.4em;
line-height: 20px;
color: #FFF;
font-weight: 500;
}

.wrap-video #areanavi{
position: absolute;
bottom:2%;
left:5%;
width:120px;
text-align: center;
}

.slidehead{
animation-name:fade-inT;
animation-duration:8s;
animation-timing-function: ease-out;
animation-delay:0s;
animation-iteration-count:1;
animation-direction:normal;
animation-fill-mode: forwards;
}

.slidenavi-a h4,
.slidenavi-b h4{
font-size: 1em;
color: #CCC;
text-align: left;
}

.slidenavi-a{
animation-name:fade-inA;
animation-duration:12s;
animation-timing-function: ease-out;
animation-delay:0s;
animation-iteration-count:1;
animation-direction:normal;
animation-fill-mode: forwards;
}

.slidenavi-b{
animation-name:fade-inB;
animation-duration:12s;
animation-timing-function: ease-out;
animation-delay:0s;
animation-iteration-count:1;
animation-direction:normal;
animation-fill-mode: forwards;
}

.wrap-video #typenavi{
position: absolute;
bottom:2%;
right:2%;
width:150px;
text-align: center;
}
.wrap-video #typenavi img{
width:150px;
}
.wrap-video #areanavi ul,
.wrap-video #typenavi ul{
list-style: none;
text-align: left;
font-size: 0.9em;
line-height: 2em;
padding-left:0;
padding-right:0;
}

.wrap-video #areanavi li a,
.wrap-video #typenavi li a{
display: block;
width:100%;
border-bottom: 1px solid #666;
text-decoration: none;
}

.wrap-video #areanavi li a:hover,
.wrap-video #typenavi li a:hover{
background-color: #333333;
text-decoration:none;
}

.wrap-video img.topimage{
width:100%;
object-fit: contain;
position:absolute;
top:30%;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {

.wrap-video .text{
  position: absolute;
  top: 5%;
  /*left: 50%;*/
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); /*上下左右中央寄せ*/
  text-align:center;
  width:100%;
}

.wrap-video .text p.name-e{
font-size: 14px;
    font-weight: bold;
    color: #63DBFC;
}
.wrap-video .text .headline{
  font-size: 38px;
    letter-spacing: 0.6em;
    line-height: 20px;
    color: #FFF;
    font-weight: 500;
}


.wrap-video{
  position:relative;
  height:auto;
}

.wrap-video #areanavi{
position: absolute;
bottom:0%;
left:5%;
width:250px;/*width:200px;*/
text-align: center;
font-size:1.1em;/*202206*/
}

.wrap-video #typenavi{
position: absolute;
bottom:5%;
right:2%;
width:250px;/*width:200px;*/
text-align: center;
font-size:1.1em;/*202206*/
}
.wrap-video #typenavi img{
width:200px;
}

.wrap-video img.topimage{
width:100%;
object-fit: contain;
position:relative;
top:auto;
}

}

@media (min-width: 1200px) {
.wrap-video #areanavi{
bottom:10%;
}

.css-fade4{
  animation-name:fade-in4;
  animation-duration:10s;
  animation-timing-function: ease-out;
  animation-delay:0s;
  animation-iteration-count:1;
  animation-direction:normal;
  animation-fill-mode: forwards;
  }
}
@keyframes fade-inT {
  0% {opacity: 0; transform: translate3d(0,-100px,0);}
  40% {opacity: 0; transform: translate3d(0,-100px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}
@keyframes fade-inA {
  0% {opacity: 0; transform: translate3d(-130px,0,0);}
  80% {opacity: 0; transform: translate3d(-130px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}
@keyframes fade-inB {
  0% {opacity: 0; transform: translate3d(130px,0,0);}
  80% {opacity: 0; transform: translate3d(130px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}