@charset "utf-8";

.skinBody{
 overflow:hidden;
 height:300px;
 width:100%;
}
.skinFrame{
position:relative;
}
.skinFrame .imgBox {
height:135px;
margin:auto;
padding-top:155px;
}
.skinFrame .imgBox .warking {
height:135px;
display:block;
margin:auto;
opacity:1;
}
.skinFrame .btnBox {
width:100%;
position:absolute;
}
.skinFrame .airshipBox {
top:150px;
opacity:0;
width:180px;
position:absolute;
z-index:1000;
transform-origin: 0 50%;
}
.skinFrame .airshipBox img{
width:180px;
margin-left:-90px;
}
.skinFrame .btnBox span{
display:inline-block;
}
.skinFrame .btnBox span img{
padding-top:8px;
display:block;
margin:auto;
height:45px;
}
.img1 {
 transform:translateZ(0);
 animation:backright2 80s linear 0s infinite;
 -moz-animation:backright2 80s linear 0s infinite;
 -webkit-animation:backright2 80s linear 0s infinite;
 -o-animation:backright2 80s linear 0s infinite;
 -ms-animation:backright2 80s linear 0s infinite;
}
.img2 {
 transform:translateZ(0);
 animation:backright2 160s linear 0s infinite;
 -moz-animation:backright2 160s linear 0s infinite;
 -webkit-animation:backright2 160s linear 0s infinite;
 -o-animation:backright2 160s linear 0s infinite;
 -ms-animation:backright2 160s linear 0s infinite;
}
.img3 {
 transform:translateZ(0);
 animation:backright2 400s linear 0s infinite;
 -moz-animation:backright2 400s linear 0s infinite;
 -webkit-animation:backright2 400s linear 0s infinite;
 -o-animation:backright2 400s linear 0s infinite;
 -ms-animation:backright2 400s linear 0s infinite;
}
@keyframes backright2 {
 0% { transform:translateX(0); }
 100% { transform:translateX(1768px);}
}
@-moz-keyframes backright2 {
 0% { -moz-transform:translateX(0); }
 100% { -moz-transform:translateX(1768px); }
}
@-webkit-keyframes backright2 {
 0% { -webkit-transform:translateX(0); }
 100% { -webkit-transform:translateX(1768px); }
}
@-o-keyframes backright2 {
 0% { -o-transform:translateX(0); }
 100% { -o-transform:translateX(1768px); }
}
@-ms-keyframes backright2 {
 0% { -ms-transform:translateX(0); }
 100% { -ms-transform:translateX(1768px); }
}

@keyframes airship {
0%   {left:50%;top:105px;transform: scale(0.1);opacity:1;}
10%  {left:50%;top:105px;transform: scale(1.5);opacity:1;}
20%  {left:50%;top:95px;transform: scale(1.5);opacity:1;}
30%  {left:50%;top:105px;transform: scale(1);opacity:1;}
40%  {left:50%;top:95px;transform: scale(1);opacity:1;}
50%  {left:50%;top:105px;transform: scale(1);opacity:1;}
60%  {left:50%;top:95px;transform: scale(1);opacity:1;}
70%  {left:50%;top:105px;transform: scale(1);opacity:1;}
80%  {left:50%;top:95px;transform: scale(1);opacity:1;}
90%  {left:-110px;top:60px;transform: scale(1);opacity:1;}
100% {left:-110px;top:60px;transform: scale(1);opacity:1;}
}
@-moz-keyframes airship {
0%   {left:50%;top:105px;transform: scale(0.1);opacity:1;}
10%  {left:50%;top:105px;transform: scale(1.5);opacity:1;}
20%  {left:50%;top:95px;transform: scale(1.5);opacity:1;}
30%  {left:50%;top:105px;transform: scale(1);opacity:1;}
40%  {left:50%;top:95px;transform: scale(1);opacity:1;}
50%  {left:50%;top:105px;transform: scale(1);opacity:1;}
60%  {left:50%;top:95px;transform: scale(1);opacity:1;}
70%  {left:50%;top:105px;transform: scale(1);opacity:1;}
80%  {left:50%;top:95px;transform: scale(1);opacity:1;}
90%  {left:-110px;top:60px;transform: scale(1);opacity:1;}
100% {left:-110px;top:60px;transform: scale(1);opacity:1;}
}
@-webkit-keyframes airship {
0%   {left:50%;top:105px;transform: scale(0.1);opacity:1;}
10%  {left:50%;top:105px;transform: scale(1.5);opacity:1;}
20%  {left:50%;top:95px;transform: scale(1.5);opacity:1;}
30%  {left:50%;top:105px;transform: scale(1);opacity:1;}
40%  {left:50%;top:95px;transform: scale(1);opacity:1;}
50%  {left:50%;top:105px;transform: scale(1);opacity:1;}
60%  {left:50%;top:95px;transform: scale(1);opacity:1;}
70%  {left:50%;top:105px;transform: scale(1);opacity:1;}
80%  {left:50%;top:95px;transform: scale(1);opacity:1;}
90%  {left:-110px;top:60px;transform: scale(1);opacity:1;}
100% {left:-110px;top:60px;transform: scale(1);opacity:1;}
}
@-o-keyframes airship {
0%   {left:50%;top:105px;transform: scale(0.1);opacity:1;}
10%  {left:50%;top:105px;transform: scale(1.5);opacity:1;}
20%  {left:50%;top:95px;transform: scale(1.5);opacity:1;}
30%  {left:50%;top:105px;transform: scale(1);opacity:1;}
40%  {left:50%;top:95px;transform: scale(1);opacity:1;}
50%  {left:50%;top:105px;transform: scale(1);opacity:1;}
60%  {left:50%;top:95px;transform: scale(1);opacity:1;}
70%  {left:50%;top:105px;transform: scale(1);opacity:1;}
80%  {left:50%;top:95px;transform: scale(1);opacity:1;}
90%  {left:-110px;top:60px;transform: scale(1);opacity:1;}
100% {left:-110px;top:60px;transform: scale(1);opacity:1;}
}
@-ms-keyframes airship {
0%   {left:50%;top:105px;transform: scale(0.1);opacity:1;}
10%  {left:50%;top:105px;transform: scale(1.5);opacity:1;}
20%  {left:50%;top:95px;transform: scale(1.5);opacity:1;}
30%  {left:50%;top:105px;transform: scale(1);opacity:1;}
40%  {left:50%;top:95px;transform: scale(1);opacity:1;}
50%  {left:50%;top:105px;transform: scale(1);opacity:1;}
60%  {left:50%;top:95px;transform: scale(1);opacity:1;}
70%  {left:50%;top:105px;transform: scale(1);opacity:1;}
80%  {left:50%;top:95px;transform: scale(1);opacity:1;}
90%  {left:-110px;top:60px;transform: scale(1);opacity:1;}
100% {left:-110px;top:60px;transform: scale(1);opacity:1;}
}

.tvbtn {
    display:block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: auto;
    text-align: center;
    border-radius: 35px 35px 35px 35px / 36px 36px 36px 36px;
    box-shadow: 0px 10px 8px -8px rgba(0,0,0,0.5);
    color:white;
    font-weight:bold;
    letter-spacing:-1px;
}
.bko{
    background: linear-gradient(#ff9000,#ff694f);
    background: -webkit-gradient(linear, center top, center bottom, from(#ff9000), to(#ff694f));
    background: -moz-linear-gradient(top center, #ff9000 0%, #ff694f 100%);
    opacity:0.94;
}
.bkb{
    background: linear-gradient(#90e9ff,#01afff);
    background: -webkit-gradient(linear, center top, center bottom, from(#90e9ff), to(#01afff));
    background: -moz-linear-gradient(top center, #90e9ff 0%, #01afff 100%);
    opacity:0.94;
}
.bkg{
    background: linear-gradient(#96fa65,#31d831);
    background: -webkit-gradient(linear, center top, center bottom, from(#96fa65), to(#31d831));
    background: -moz-linear-gradient(top center, #96fa65 0%, #31d831 100%);
    opacity:0.94;
}
.bky{
    background: linear-gradient(#ffdd14,#ff9c4c);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffdd14), to(#ff9c4c));
    background: -moz-linear-gradient(top center, #ffdd14 0%, #ff9c4c 100%);
    opacity:0.94;
}
.bkp{
    background: linear-gradient(#ff90f0,#ff00be);
    background: -webkit-gradient(linear, center top, center bottom, from(#ff90f0), to(#ff00be));
    background: -moz-linear-gradient(top center, #ff90f0 0%, #ff00be 100%);
    opacity:0.94;
}
.bkv{
    background: -webkit-gradient(linear, center top, center bottom, from(#dd92ff), to(#d000ff));
    background: -moz-linear-gradient(top center, #dd92ff 0%, #d000ff 100%);
    background: linear-gradient(#dd92ff,#d000ff);
    opacity:0.94;
}