/*introduce_map.css*/
@charset "utf-8";

.content01{
    width: 100%;
}
.content01>.contentWrap{
    width: 850px;
    margin: 50px auto;
    overflow: hidden;
}

.content01 .map{
    float: left;
}
.content01 .contentTxt{
    float: left;
    margin: 126px 0 126px 30px;
}
.content01 .contentTxt>h3{
    font-size: 28px;
    line-height: 50px;
}
.content01 .contentTxt>p{
    font-size: 15px;
    line-height: 20px;
}


@media screen and (max-width:1080px){
    
    .content01>.contentWrap{width: 80%;}
    .content01 .map{width: 460px; display: block; float: none; margin: 0 auto;}
    .content01 .contentTxt{display: block; float: none; text-align: center; margin: 20px 0;} 
}

@media screen and (max-width:780px){
    
    .content01 .contentTxt>p{font-size: 14px;}
    .content01 .map{width: 350px; display: block; float: none; margin: 0 auto;}
    .map table,.map td,.map img{width: 100%;}
    .map img{height: 80%;}
}