#spTop {
    padding: 0px 0 50px!important;
}
.topImg {
    margin-bottom: 15px;
    text-align: center;
}
.topImg img{
    width: 305px;
}
.contentArea {
    margin: 30px auto 0px;
}
.topMessage {
    margin: 20px auto 20px;
    text-align: justify;
}
/* ==============================
map
============================== */
.mapArea {
    /*width: 90%;*/
    margin: 0 auto 20px;
}
.mapImg {
    margin: 0 auto 10px;
    width: 100%;
}
.googlemap {
    margin-bottom: 20px;
    width: 100%;
    margin: auto;
    text-align: center;
}
.mapMv {
    margin: 20px 10px;
}
#map {
    height: 300px;
    width: 100%;
}

/* ==============================
facility
============================== */
.facilityArea {
    padding-bottom: 10px;
    background-color: #eeeff7;
    margin-bottom: 20px;
}
.facilityTitle {
    width: 305px;
    margin: 0 auto 20px;
}
.facilityImage {
    width: 113px;
}
.pinBox {
    display: flex;
    justify-content: space-between;
}
.pinTitle {
    display: flex;
    color: #00479d;
    padding: 5px;
    font-weight: bold;
}
.pinTxt {
    padding-left: 5px;
    padding-top: 2px;
}
.otherBox {
    padding-left: 10px;
    font-size: 10px;
}
.pinImg {
    background-color: #00479d;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    width: 25px;
    height: 25px;
    padding-top: 1px;
}
.placeImg {
    width: 50px;
}
.placeImg img{
    display: list-item;
}
.placeBox {
    display: flex;
    margin-left: 10px;
    margin-top: 5px;
}
.electricBox {
    margin-left: 10px;
}
.electricTxt {
    color: #00479d;
    font-weight: bold;
    font-size: 10px;
    margin: auto 0;
}
.electricImg img {
    width: 114px;
}
.facilityBiko {
    font-size: 10px;
    margin-left: 10px;
}


.buttonArea {
    margin: 60px auto 0!important;
    width: 50%!important;
}