锘緻charset 'utf-8';
#connect{width:100%;max-width: 1200px;}
#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;}

#detail{width:96%;margin:0 2%;overflow: hidden;
  font-size:1.4rem;line-height:200%;}
#detail #content{width:100%;overflow:hidden;padding-left:5em;position: relative;}
#detail #content td{width:50%;vertical-align:middle;}
 #detail #content td img{width:92%;float:right;}
 #detail #content h1{font-size: 1.7em;font-weight: bold;color:#B90C2B;
   margin: 0;position: relative;padding-top: 0.3em;}
   #detail #content h1 span{height:1.47em;width:1.47em;line-height:1.47em;background: #B90C2B;color:#fff;top:0;
     left:-2.94em;position: absolute;text-align: center;border-radius:5px 0 0 5px;}
 #detail #content h2{font-size: 0.9em;font-family:Helvetica;font-weight: normal;
   color:#777;margin: 0;}
   #detail #content #line{position: absolute;width:2em;height:100%;background:#fff;
    top:0;left:2.5em;border-left: 1px solid #ccc;}
  #detail #content p{margin: 0;}

@media screen and (max-width: 640px){
  #detail{font-size: 1.2rem;}
}