body{
        font-family: Century Gothic,Sans-Serif;
        background:#fff;
    }
    
    header{
        width:1024px;
        margin:0 auto;
        /*border:1px solid;*/
    }
    
    a {
		text-decoration: none;
		color: #2989da;
    }
	
	
	
	h1{
		color:#ff881f;
		font-size:10px;
	}
    
	h2{
		color:#111;
		font-size:18px;
		font-family: Serif;
		bold:none;
	}
	h3{
		color:#494949;
		font-size:16px;
		font-family: Sans-Serif;
	}

	
	.lang{
		font-size:14px;
		float:right;
	}
	
	.main{
		width:1024px;
        margin:0 auto;
		/*border:1px solid;*/
	}
	
    #menu {
        
		overflow:hidden;
		padding:8px;
		
    }
	.span2{
		float:left;
		padding:3px 10px;
		margin:2px;
		border-radius: 7px;
		background:#5593f8;
	}	
	
	
    #menu a {
        display: block;
        font-size:18px;
		color: #eee;
		
    }
	
	#menu a:hover {
        color:#222;
	}

    #menu ul {
        list-style-type: none;
        margin:0 0;
		padding:0;
    }

    #menu li {
        float: left;
        padding-right:15px;
		background:#5593f8;
		border:1px solid;
    }

	
	
    #menu ul.sub-menu {
        display: none;
        position: absolute;
        
        
        padding: 7px;
        z-index: 90;
        background:#fff;
    }

    #menu ul.sub-menu li {
        text-align: left;
    }
	
	#menu ul.sub-menu a {
        font-size:15px;
    }

    #menu li:hover ul.sub-menu {
        display: block;
        border: 1px solid #ececec;
    }
    
    .left{
		float:left;
		width:160px;
		height:400px;
		border-right:1px solid #ff881f;
	}
	
	.right{
		float:left;
		margin-left:10px;
		width:850px;
		height:600px;
	}
	
	.center{
		margin:0 auto;
		width:1024px;
		height:1500px;
	}
	
	.index{
		float:left;
		width:500px;
		margin-top:30px;
	}
	
	.index2{
		float:right;
		width:500px;
		margin-top:30px;
	}
	
	
	
	.index3_2{
		float:left;
		width:500px;
		height:300px;
		border-radius: 12px;
		top:15px;
		position:relative;
		background-image:url(../img/indexbg2.jpg);
		padding:2px;
		left:6px;
	}
	
	.index3 ul{
		color:white;
		
		
	}
	
	.index3 li{
		letter-spacing:0.5px;
		font-size:18px;
		padding:3px;
	}
	
	
	.footer{
		width:900px;
		position:relative;
		clear:both;
		margin:0px auto;
		top:30px;
		text-align:right;
		font-size:small;
		
	}
	
	.mid{
    vertical-align:middle;
	}
	
	
	.center a{font-size:18px;font-weight:bold;}
	.people{
		width:1024px;
		
	}
	
	.people p{
		font-size:15px;
	
	}
	
	
	.people img{float:left;padding:5px;}
	
	.box{border-bottom:1px solid #ddd;display:none;}
	.box:target{display:block;}
    
	.box a{color:green;}
	
	div.window { 
	  color: black;
	  width: 1000px;
	  padding: 2px;
	  border-radius: 2px;
	  /*background: #cccccc;*/
	  margin: 1rem;
	}
	
    .tabordion {
      color: #333;
      display: block;
      font-family: arial, sans-serif;
      margin: auto;
      position: relative;
      width: 94%;
    }

    .tabordion input[name="sections"] {
      left: -9999px;
      position: absolute;
      top: -9999px;
    }

    .tabordion section {
      display: block;
    }
	
	.tabordion section a{
      font-size:16px;
	}
	
    .tabordion section label {
      background: #eee;
      border:1px solid #fff;
      cursor: pointer;
      display: block;
      font-size: 0.9em;
      padding: 8px 12px;
      position: relative;
      width: 180px;
      z-index:100;
    }

    .tabordion section article {
      display: none;
      left: 230px;
      min-width: 500px;
      padding: 0 0 0 21px;
      position: absolute;  
      top: 0;
	  
    }

    /*.tabordion section article:after {
      background-color: green;
      bottom: 0;
      content: "";
      display: block;
      left:-229px;
      position: absolute;
      top: 0;
      width: 220px;
      z-index:1;
    }*/

    .tabordion input[name="sections"]:checked + label { 
      background: #ddd;
      color: #222;
    }

    .tabordion input[name="sections"]:checked ~ article {
      display: block;
    }