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

#map { width: 100%; margin-top: 90px; height: calc(100% - 90px); 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; margin-top: 90px; padding: 8% 100px 6% 100px; background: rgba(4,91,169,.7); position: absolute; left: 0; top: 0; height: calc(100% - 89px); z-index: 8; overflow: scroll; }
#contact::-webkit-scrollbar { width: 4px; }
#contact::-webkit-scrollbar-thumb { border-radius: 0px; }
#contact::-webkit-scrollbar-track { border-radius: 0px; }

#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: 15% 8% 15% 8%; overflow: auto; }
#contact>.title { font-size: 3.6rem; }
.hidden-s { display: none; }
}

@media (max-width: 860px) {
#contact { margin-top: 80px; }
}

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

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