body{
	margin:0;
	padding:0;
	width:100%;
} 
dd,dl,ul{
	list-style: none;
	margin:0;
	padding:0;
}	
  header{
	width:100%;
	height:40px;
	background-color:#017DD1;
	display: flex;
	
}
header a{
	 margin:3% 0 2% 3%;
}
#title{
	text-align:center;
	margin:3% 18%;
   color:#fff;
   font-size:1.2em;
}
    a {
      color: #fff;
      text-decoration: none;
    }
    .nav {
      list-style: none;
      padding: 0;
      text-align: center;
    }
    .nav li {
      display: inline-block;
      padding:1%; 
       font-size:1.2em;
      background: #017DD1;
      width:20%;
    }
    .nav li.active {
      background: orange;
    }
    .nav li.active a{
      color: #fff;
   
    }
    .tab-content {
      padding:2%;
      border:1px solid #017DD1;
      width:88%;
       margin:0 auto;
    }
    .tab-pane {
      display: none;
    }
    .tab-pane.active {
      display: block;
    }
  
    .tab-content img{
    	width:100%;
    	 
    	
    }
    .tab-content button{
    	border-radius: 50%;
    	border:none;
    	color:#fff;
    	background:#017DD1;
    }
    .tab-content>div>div{  
    margin:2% 0 5% 0;
    	
    }
    .tab-content a{
    	border:1px solid #017DD1;
    	color:#000;
    	padding:1%;
    	font-size:1.3em;
    	margin:0 0 0 5%;

    }
   #main{
   	width:95%;
   	display: flex;
   	justify-content: space-between;
   	margin:5% auto 0 auto;
   } 
#main dd{
	margin-bottom:5%;
	text-align: center;
	
}
   #main dd img{
   	 width:140px;
   	 height:140px;
   	 text-align: left;
   	 /*box-shadow:0 0 10px rgba(1,125,209, .5);*/ 
   	 
   }
#main ul{
	padding-left:2%;	
	}
#main li{
	border-bottom:1px dotted #ddd;
	margin-bottom:10%;
	padding-bottom:5%;
}
#main b{
	font-size:1.2em;
	color:orange;
}
#main span{
	padding:0 0 1% 0;
	color:#8a8a8a;
	line-height:24px;
	}
#main ul{
	max-height:680px;
	overflow: scroll;
}