@charset "UTF-8";

body {
    background-color: #eaeaea;
    background-image: url(../images/bg.png);
    -webkit-background-size: 50%;
    background-size: 50%;
    background-attachment: fixed;
}

.bannerBox .bannerSlick .innerImg {
    padding-top: 40%;
}

/*--------newsArea--------*/
.contactArea {
    padding-bottom: 20%;
}

.contactArea .title {
    width: 100%;
    padding-top: 5rem;
    padding-bottom: 1rem;
    border-bottom: 1px #fff solid;
}

.contactArea .title span {
    letter-spacing: 2px;
    font-size: 2rem;
        font-weight: 100;
}

.contactArea .title b {
    font-size: 0.5rem;
    font-family: 'Prata', serif;
    font-weight: 100;
}
.contactArea .contactinfo{
    width: 100%;
}
.contactArea .contactinfo ul.infoList {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.contactArea .contactinfo ul.infoList li {
    display: inline-block;
    width: 50%;
    padding: 27px 0 22px;
    padding-left: 5rem;
    /*border-top: 1px solid #999;*/
}

.contactArea .contactinfo ul.infoList li:before,
.contactArea .contactinfo ul.infoList li:after {
    width: 95%;
    height: 1px;
    background-color: #999;
    position: absolute;
    left: 0;
}



.contactArea .contactinfo ul.infoList li:after {
    content: '';

    top: 100%;
}

.contactArea .contactinfo ul.infoList li span {
    color: #999;
    position: absolute;
    left: 0;
}

.contactArea .mapBox iframe{
    margin-top: 2rem;
    width: 100%;
    height: 50vh; 
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

@media(max-width: 480px){
    .contactArea .contactinfo ul.infoList li{
        width: 100%;
    }
    
}