@charset "utf-8";
/* CSS Document */

.map_contact {
    float: left;
    padding-bottom: 60px;
    width: 100%;
}
.map_pic {
    width: 100%;
}
.map_pic > img,
.map_pic .info-figure img {
    width: 100%;
    margin: 50px 0;
}
.info-figure {
    margin: 0;
    padding: 0;
}
.img-full-desc {
    margin: 0 0 1.25rem;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #333;
    text-align: left;
    background: #f7f3ea;
    border-left: 0.25rem solid #f37847;
    box-sizing: border-box;
}
.map_title {
    background: url(../images/ribbon.png) center top no-repeat;
    /* width: 315px; */
    text-align: center;
    display: block;
    margin: 0 auto;
}
.map_title h1,
.map_title h2 {
    /* 緞帶為淺紅粉，白字對比不足；改深棕以達 AA */
    color: #4a2800;
    line-height: 2.8em;
    font-size: 1.375rem;
    font-weight: bolder;
    padding: 8px 0 10px 0;
}
.map_infor {
    float: left;
    width: 92%;
    margin: 0 4%;
    display: block;
}
.map_infor_sec, .map_infor_pri {

    border: 3px solid #000;
    width: 45%;
    height: 500px;
    border-radius: 10px;
    float: left;
    padding: 20px 10px 20px 30px;

}
.map_infor_pri {
    float: right;
}
.map_infor_title {
    position: relative;
    width: 100%;
    background: url(../images/map_bullet.png) 0 0 no-repeat;
    margin-bottom: 15px;
}
.map_infor_title h1,
.map_infor_title h2,
.map_infor_title h3 {
    font-size: 1.5rem;
    line-height: 28px;
    padding-left: 30px;
    font-weight: bold;
}
.map_infor_cont {
    float: left;
    width: 100%;
}
.map_list_cont {
    float: left;
    width: 50%;
    float: left;
}
.map_list_cont p {
    font-size: 1.25rem;
    line-height: 1.5;
}
.map_icon {
    float: left;
    width: 33px;
    padding-top: 36px;
    font-size: 0.875rem;
    text-align: center;
}
.map_icon_mrt {
    background: url(../images/mrt.png) 0 0 no-repeat;
}
.map_icon_bus {
    background: url(../images/bus.png) 0 0 no-repeat;
}
.map_exp {
    float: right;
    width: 83%;
    line-height: 20px;
}
.pri_infor_list .item {
    float: left;
    display: block;
}
.pri_infor_list ul {
    float: left;
    width: 64%;
    margin-bottom: 2%;

}
.pri_infor_list ul li {
    margin-bottom: 10px;
}
.pri_infor_list .map_note {
    float: left;
    width: 100%;
    display: block;
}
.map_list_cont .line2 {
    padding: 3% 3% 3% 0;
    width: 80%;
}