@media screen and (min-width:480px){

}


}
  body{
    color: #5bc0de;
  }
}
ul {
list-style: none;
top: 0;
height: 30px;
margin: 0;
padding: 0;
text-align: center;
}



ul li div {
width:285px;
height: 175px;
}

ul li.yy {
display: inline-block;
position: relative;
overflow: hidden;
margin: 0 10px;
letter-spacing: 0;
}


dl dd .pre {
width:128px;
margin: 0;
font-size: 8px;
line-height: 1.2;
text-align: justify;
word-break: break-all;
}



.B01 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/Fuk_u.jpg");
background-repeat: no-repeat;
}

.B02 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/SA_u.jpg");
}

.B03 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/Kao_u.jpg");
}


.B04 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/U_u.jpg");
}

.B05 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/Ig_u.jpg");
}

.B06 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/Ai_u.jpg");
}

.B07 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/Shi_u.jpg");
}

.B08 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/Kus_u.jpg");
}

.B09 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/Koi_u.jpg");
}

.B10 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/Ur_u.jpg");
}


li.type2Y {
display: inline-block;
position: relative;
overflow: hidden;
margin: 0 10px;
letter-spacing: 0;
}

.type2Y {
overflow: visible;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.type2Y img {
-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
transition: opacity 0.6s, transform 0.6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.type2Y div {
-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
transition: opacity 0.6s, transform 0.6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.type2Y:hover img {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}

.type2Y div {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}

.type2Y:hover div {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}