锘緻charset 'utf-8';
body{border-top: 95px solid #BA0C2B;}
#main{max-width: 1000px;}
#connect{width:100%;max-width: 1000px;}
#detail{width:100%;}
#detail .t1,#detail .t2{width:50%;float: left;background:#BA0C2B;
  position:relative;overflow: hidden;}
#detail .t1{opacity:0.7;cursor: pointer;}
#detail .t1.c,#detail .t1.d{opacity:1;}
#detail .text{width: 100%;height:100%;position: absolute;top:0;left:0;padding:4rem 8rem 4rem 4rem;
  color:#fff;font-size:1.6rem;line-height: 200%;}
  #detail .t1 .text{background: rgba(186,12,43,.7);display: none;}
  #detail .t1.d .text{display:block;}
#detail h1{color:#fff;margin-bottom:1rem;}
#detail h2{color:#fff;margin-top: 0;font-size:1.7rem;font-weight: normal;}
#detail .btnMore{position: absolute;bottom:4rem;left:4rem;color:#fff;
  border:1px solid #fff;border-radius: 0.8rem;padding: 0 1em;}
#detail p{margin: 0;max-height: 40%;overflow: hidden;}
#NavBar{width:100%;max-width:600px;float:none;margin:auto;position: relative;
  overflow: hidden;}
  #NavBar .nav{width:25%;height:100%;top:0;cursor: pointer;position: absolute;
    text-align: center;}
  #NavBar .nav p{width:22%;height:100%;margin-left:25%;float: left;
    border-bottom: 2px solid #BA0C2B;display: none;}
  #NavBar .nav.c p{display:block;}


  @media screen and (max-width: 1024px){
    #detail .text{padding:2rem 3rem 2rem 2rem;font-size:1.5rem;}
    #detail h1{font-size:2.8rem;margin-bottom:0.5rem;}
    #detail h2{font-size:1.5rem;}
    #detail .btnMore{bottom:2rem;left:2rem;}
  }

  @media screen and (max-width: 850px){
    #detail .text{padding:1.6rem;font-size:1.2rem;}
    #detail h1{font-size:2.2rem;margin-bottom:0.3rem;}
    #detail h2{font-size:1.4rem;}
    #detail .btnMore{bottom:1.6rem;left:1.6rem;}
  }

@media screen and (max-width: 640px){
  #detail .text img{display: none;}
  #detail h2{margin-bottom: 0.5rem;}
  #detail .t1.d .text{display: none;}
  #banner{margin-top: 95px;}
}

@media screen and (max-width: 550px){
  #detail p{display: none;}
  #detail .text{padding:1rem 1.5rem 1rem 1rem;font-size:1.2rem;}
  #detail h1{font-size:1.4rem;margin-bottom:0.2em;}
  #detail h2{font-size:1.2rem;}
  #detail .btnMore{bottom:1rem;left:1rem;}
  #detail .t1{opacity:1;}
}