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

#map { width: 100%; height: 100%; position: fixed!important; z-index: 1; left: 0; top: 0; }
#map .BMap_bubble_title { font-size: 1.6rem; font-weight: bold; color: #333; }
#map .BMap_bubble_content { font-size: 1.4rem; color: #333; line-height: 2.4rem; }
#map .BMap_bubble_content .url { display: inline-block; margin-top: 6px; font-size: 1.6rem; color: rgba(1,64,153,1); box-sizing: border-box; }
#map .BMap_bubble_content .url>i { font-size: 2.4rem; color: rgba(1,64,153,1); float: left; margin-right: 10px; }
#map .BMap_Marker>div { z-index: 90 !important; }

#contact { box-sizing: border-box; padding: 13% 100px 0 100px; background: rgba(97,86,75,.8); position: absolute; left: 0; top: 0; height: 100%; z-index: 8; }
#contact>.title { position: relative; font-size: 3.2rem; color: #fff; display: block; padding-bottom: 20px; margin: 0; font-weight: bold; }
#contact>.title:after { position: absolute; z-index: 1; left: 0; bottom: 0; width: 70px; height: 2px; background: #fff; content: ''; }
#contact>.box { margin-top: 50px; color: #fff; font-size: 1.6rem; }
#contact>.box p { margin-bottom: 15px; }
#contact>.box p>a { position: relative; padding: 5px 0; color: #FFFFFF; }
#contact>.box p>a:hover { text-decoration:underline; }
#contact>.box p>a>i { position: relative; margin-left: 6px; color: #fff; font-size: 2rem; border-bottom: 1px solid #fff; }

@media (max-width:1080px) {
#map { display: none; }
#contact { width: 100%; height: auto; position: relative; left: 0; top: 0; box-sizing: border-box; padding: 130px 8% 40px 8%; }
#contact>.title { font-size: 3.6rem; }
/*#contact>.box p>a { display: none; }*/
.hidden-s { display: none; }
}

@media (max-width:640px) {
#contact>.title { font-size: 3rem; }
}

@media (max-width:520px) {
#contact>.title { font-size: 2rem; }
#contact>.box { font-size: 1.4rem; }
}