#erea01 {
    background: #e26b6b;
}
#erea02 {
    background: #6c6ad4;
}
#erea03 {
    background: #e6d85c;
}
#erea04 {
    background: #63c4a5;
}
#erea05 {
    background: #b37aca;
}
#erea06 {
    background: #f38a57;
}
#erea07 {
    background: #63ccc3;
}
#erea08 {
    background: #76da79;
}
#erea09 {
    background: #f184ce;
}



.maperea {
background: #fff;
    width: 100%;
    height: 48px;
    padding: 0;
    margin: 1%;
}

#erea01 .mapgnd,
#erea02 .mapgnd,
#erea03 .mapgnd,
#erea04 .mapgnd,
#erea05 .mapgnd,
#erea06 .mapgnd,
#erea07 .mapgnd,
#erea08 .mapgnd,
#erea09 .mapgnd,
#erea10 .mapgnd {
padding: 0;
}
#erea01,
#erea02,
#erea03,
#erea04,
#erea05,
#erea06,
#erea07,
#erea08,
#erea09,
#erea10,
#free,#ip,#mobile {
    width: 31.2%;
    height: 40px;
    padding-top: 20px;
    top: 0;
    left: 0;
    float: left;
}

@media (max-width: 768px) {

#erea01,
#erea02,
#erea03,
#erea04,
#erea05,
#erea06,
#erea07,
#erea08,
#erea09,
#erea10,
#free,#ip,#mobile {
    width: 48%;
    height: 34px;
    padding-top: 14px;
    top: 0;
    left: 0;
    float: left;
}
}

#free,#ip,#mobile {
    width: 31.32%;
}

#ip:after {
content:"";
diplay:block;
clear:both;
}

.mapgnd {
    padding: 0;
    margin: 0;
}


#acsess_today,
#acsess_yes {
display:none;
}