锘緻charset 'utf-8';
#main{max-width: 100%;}
#NavBar{width:100%;max-width:600px;float:none;margin:auto;position: relative;
  overflow: hidden;}
  #NavBar .nav{width:20%;height:100%;top:0;cursor: pointer;position: absolute;
    text-align: center;}
  #NavBar .nav p{width:28%;height:100%;margin-left:22%;float: left;
    border-bottom: 2px solid #BA0C2B;display: none;}
  #NavBar .nav.c p{display:block;}
  
#connect{width:100%;max-width: 1167px;min-height: 0;float:none;margin:auto;}
#map{width:100%;float:left;max-width:1232px;}
#info{width:100%;float:left;max-width:300px;padding-left: 4rem;text-align: left;}
#info h1{font-size: 3.2rem;margin: 0;color:#BA0C2B;}
#info h2{font-size: 1.8rem;margin: 0;color:#777;}
#info .detail{font-size: 2rem;}
#info .detail h1{font-size: 2.2rem;margin:2rem 0 1rem; }
#info .detail p{margin: 0;}