*{box-sizing:border-box;margin:0;padding:0;}
#viewport{-webkit-perspective:1000;-moz-perspective:1000;-o-perspective:1000;position:absolute;left:-130px;top:50px;right:0;bottom:0;overflow:hidden;height:800px;}
#world{position:absolute;left:2.2%;top:0;margin-left:0;margin-top:0;height:600px;overflow:hidden;width:100%;background-color:rgba(255, 0, 0, 0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;}
#world div{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;}
.cloudBase0,
.cloudBase1,
.cloudBase2,
.cloudBase3,
.cloudBase4,
.cloudBase5,
.cloudBase6,
.cloudBase7{background-color:rgba(255, 0, 255, 1);position:absolute}
.cloudBase3{}
.cloudBase4{background:transparent url(../images/00-05.png) no-repeat center top;width:1050px;height:800px;top:70px;left:100px;}
.cloudBase5{background:transparent url(../images/00-03.png) no-repeat center top;width:1050px;height:800px;top:70px;left:100px;}
.cloudBase6, .infomen{background:transparent url(../images/00-02.png) no-repeat center top;width:1050px;height:800px;top:70px;left:100px;position:relative;}
.cloudBase6:after{position:absolute;content:"";background:url(../images/00-02_info.gif) no-repeat left top;top:0;left:0;width:100%;height:100%;display:block;}
.cloudBase7{background:transparent url(../images/00-01.png) no-repeat center top;width:1050px;height:800px;top:70px;left:100px;}
@media screen and (max-width:1180px){#viewport{top:0}
}
@media screen and (max-width:1110px){#world{left:-1.5%;top:0;}
}
@media screen and (max-width:960px){#world{left:-2.7%;top:0;}
}
@media screen and (max-width:680px){#world{display:none;}
}
@media screen and (max-width:560px){}
@media screen and (max-width:320px){}