3D_360/css/index.css

html, body , img, footer{
    max-width: 100%;
    margin: 0;
    position: relative;
    font-family: "微軟正黑體";
    z-index: -5;
}

html{
    width: 1920px;
    height: 1080px;
}

a{
    text-decoration: none;
    color: rgba(255, 255, 255, .7);
    margin-right: 1%;
}

#bg{
    width: 100%;
    height: auto;
}

.hidden_a,.hidden_b,.hidden_c,.hidden_d,.hidden_e,.hidden_f{
    display: none;
}

.floor_icon {
    max-width: 4%;
    height: auto;
    position: absolute;
    top: 7%;
}
.floor_icon img {
    height: auto;
    left: 100%;
    margin-bottom: 20%;
    z-index: 1;
}

#first_floor img{
    height: auto;
    left: 13%;
    top: 11%;
    position: absolute;
}

.sign1{
    width: 90%;
    position: absolute;
    left: 9.5%;
    top: 33%;
}
.sign2{
    width: 90%;
    position: absolute;
    left: 20.9%;
    top: 30%;
}
.sign3{
    width: 90%;
    position: absolute;
    left: 29.8%;
    top: 30%;
}


#basement_floor img{
    height: auto;
    right: 5%;
    top: 40%;
    position: absolute;
}
.sign4{
    width: 90%;
    position: absolute;
    left: -15.5%;
    top: 51%;
}
.sign5{
    width: 90%;
    position: absolute;
    left: -5.2%;
    top: 44.3%;
}
.sign6{
    width: 90%;
    position: absolute;
    left: -4%;
    top: 57%;
}

footer{
    margin-top: -1%;
    z-index: 0;
    background-image: url(../images/under_banner.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    height: 42px;
}

.footer_buttons{
    width: 1920px;
    position: absolute;
    margin-left: 2.5%;
    margin-top: 0.6%;
    z-index: 3;
}