/* 侧边栏 */
	*{
        margin:0;
        padding:0;
		border-radius: 5px;
       }
      body{
        background: #fcfcfc;
        
      }
      .header{
        /* height:20%; */
        background: #1a6b3f;
        color:white;
        text-align:center;
      }
      .header h1{
        font-size:30px;
        font-weight:400;
        padding-top:10px;
       }
     .header p{
        font-size:30px;
        font-weight:300;
      }
    
    
      .box{
        
        overflow:hidden;
        width: 90%;
        height: auto;
        margin: 0 auto;
        margin-top:20px;
        border-radius:10px;
        box-shadow:2px 2px 15px rgba(0,0,0,.5);
       
      }
    
      .box .top img{
        width:100%;
       }
     
     .bottom{
       padding: 25px 30px;
       
      }
     
     .bottom h1{
        font-size:22px;
        font-weight:400;
        padding: 10px 0;
        color: #1f2d3d;
      }
    .bottom p{
      font-size:14px;
      color: #4c4948;
      
     }
   
   
   .footer{
     margin-top:30px;
     height:70px;
     background: #1a6b3f;
     color:white;
     text-align:center;
    }
  
   .footer  p{
      line-height:70px;
      
     }
	
	.a{
	color: #0093E8;
    padding: 1px 10px;
    border: 1px solid #009688;
    border-radius: 3px;
    text-decoration: none;
    margin-right: 3px;
	}
	
	a:link,
	a:hover,
	a:visited,
	a:active {
	  color: black;
	  /* text-decoration: none; */
	}

	body {
	  height: 100%;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  
	  background: #fff;
	}

	.card-holder {  
	  position: fixed;
	  width: 0px;
	  overflow: visible;
	}

	.card-wrapper {
	  display: inline-block;
	  float: right;
	  clear: both;
	}

	.card {
	  position: relative;
	  left: 20px;
	  padding: 16px 32px 16px 64px;
	  margin: 8px;  
	  x-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.5);
	  box-shadow: 8px 0 8px -8px rgba(0, 0, 0, 0.5);
	  background: #fff;
	  transition: all 0.3s ease-in-out 0.1s;
	}

	.card:hover {
	  position: relative;
	  left: 100%;
	  margin-left: -32px;
	  box-shadow: 
		0 -8px 8px -8px rgba(0, 0, 0, 0.5),
		0 8px 8px -8px rgba(0, 0, 0, 0.5);
	  transition: all 0.3s ease-in-out;
	}

	.card-content {
	  display: inline-block;
	  color: #fff;
	  font-family: 'Droid Sans', sans-serif;
	  font-size: 16px;
	  font-weight: bold;
	  white-space: nowrap;
	}
	.main {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 0px;
    border-radius: 10px;
	border: 1px solid #1a6b3f;
}
	
	.bg-01 { background: #539770;border-radius: 40px; }
	.bg-02 { background: #4B7D74;border-radius: 5px; }
	.bg-03 { background: #8DC2BC;border-radius: 5px; }
	.bg-04 { background: #EDD6B4;border-radius: 5px; }
	.bg-05 { background: #BE7467;border-radius: 5px; }
	.bg-06 { background: #E2AE63;border-radius: 5px; }