@charset "utf-8";

._campusMap{}

._campusMap .map_nav{margin-bottom:40px;}
._campusMap .map_nav ul{display:flex;align-items:flex-start;flex-wrap:wrap;}
._campusMap .map_nav ul li{width:25%;}
._campusMap .map_nav ul li a{display:block;text-align:center;padding:12px 0;margin:0 1px 1px 0;font-size:16px;background:url(/sites/style_guide/images/common/pattern_3.png) center;}
._campusMap .map_nav ul li.active a{background:#2e3092;color:#FFF;font-weight:400;border:0;}
._campusMap .map_nav div{display:none;}

._campusMap .container{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
._campusMap .container .map_api{width:65%;}
._campusMap .container .map_api #map{border:1px solid #666;}
._campusMap .container .map_con{width:32.5%;position:relative;}
._campusMap .container .map_con h3{display:flex;align-items:center;font-size:20px;color:#FFF;padding:8px 20px;position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,0.7);}
._campusMap .container .map_con .thumb{}
._campusMap .container .map_con .thumb #picMap{}
._campusMap .container .map_con .thumb #picMap img{width:100%;}
._campusMap .container .map_con .detail{}
._campusMap .container .map_con .detail ul{margin-top:10px;}
._campusMap .container .map_con .detail ul li{padding:10px 0 10px 70px;border-bottom:1px dashed #DDD;position:relative;}
._campusMap .container .map_con .detail ul li span{}
._campusMap .container .map_con .detail ul li span.left{font-weight:400;width:50px;height:45px;padding-top:10px;text-align:center;background:#002870;color:#FFF;position:absolute;top:0;left:0;}
._campusMap .container .map_con .detail ul li span.right{}
@media all and (max-width:1024px) {
	._campusMap .map_nav ul{display:none;}
	._campusMap .map_nav div{display:flex;}
	._campusMap .map_nav div select,
	._campusMap .map_nav div input{height:50px;font-size:16px;}
	._campusMap .map_nav div select{width:calc(100% - 70px);padding:0 15px;background:rgba(0,0,0,0.05) url(/sites/style_guide/images/common/bul_select.png) no-repeat right center;appearance:none;}
	._campusMap .map_nav div input{width:70px;background:rgba(0,0,0,0.7);color:#FFF;cursor:pointer;}
	._campusMap .container .map_api{width:55%;padding:0;}
	._campusMap .container .map_api #map{box-shadow:none;}
	._campusMap .container .map_con{width:42%;padding-top:0;}
	._campusMap .container .map_con h3{top:0;}
}
@media all and (max-width:768px) {
	._campusMap .container{padding:0;}
	._campusMap .container .map_api{width:100%;padding:0;}
	._campusMap .container .map_api #map{box-shadow:none;}
	._campusMap .container .map_con{width:100%;margin-top:20px;}
}
@media all and (max-width:380px) {
	._campusMap .container .map_con .detail ul li{width:100%;}
}


/*HOVER************************************************************/
@media only screen and (min-width:1025px){
	._campusMap .map_nav ul li a:hover{color:#FFF;background:url(/sites/style_guide/images/common/pattern_0.png) center;}
}