@charset "utf-8";

/*-- category color --*/

#category li:first-child a div.catLeft {
    background-color: #666;
}

#category li:nth-child(2) a div.catLeft {
    background-color: #fbbc05;
}

#category li:nth-child(3) a div.catLeft {
    background-color: #009587;
}

#category li:nth-child(4) a div.catLeft {
    background-color: #6639b6;
}

#category li:nth-child(5) a div.catLeft {
    background-color: #4285f4;
}

#category li:nth-child(6) a div.catLeft {
    background-color: #5f7c8a;
}

#category li:nth-child(7) a div.catLeft {
    background-color: #ea4335;
}


/*-- floorplan --*/

#floorplan {
    background-image: url(../images/floorplan/floorplanStreet.png);
}


/*-- for PC --*/

@media screen and (min-width:801px) {
    #floorplan .wrapper {
        background-image: url(../images/floorplan/floorplan4FWhite.png);
    }
    /*-- 感應區 --*/
    #floorplan .wrapper a.area845 {
        /*原料區*/
        width: 400px;
        height: 150px;
        left: 250px;
        top: 90px;
    }
    #floorplan .wrapper a.area848 {
        /*名店街*/
        width: 120px;
        height: 60px;
        right: 160px;
        top: 70px;
    }
    #floorplan .wrapper a.area850 {
        /*coffee*/
        width: 110px;
        height: 45px;
        right: 110px;
        top: 150px;
    }
    #floorplan .wrapper a.areamoon {
        /*moon*/
        width: 270px;
        height: 60px;
        left: 200px;
        top: 40px;
    }
    #floorplan .wrapper a.areaGateaux {
        /*Gateaux*/
        width: 115px;
        height: 55px;
        right: 210px;
        top: 25px;
    }
    #floorplan .wrapper a.areaWine {
        /*Wine*/
        width: 200px;
        height: 170px;
        left: 90px;
        top: 75px;
    }
}


/*-- for mobile --*/

@media screen and (max-width:800px) {
    #floorplan .wrapper {
        background-image: url(../images/floorplan/floorplan4FMobile.png);
    }
}