* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.tabs { 
 width: 750px;
 float: none;
 list-style: none;
 position: relative;
 margin: 8px 0px 0px 0px;
 text-align: left;
 padding: 0;
}
.tabs li {
 float: left;
 display: block;
}
.tabs input[type="radio"] {
 position: absolute;
 top: -9999px;
 left: -9999px;
}
.tabs label {
 display: block;
 padding: 8px 21px;
 border-radius: 4px 4px 0 0;
 font-size: 15px;
 font-weight: normal;
 background: #CEC;
 cursor: pointer;
 position: relative;
 top: 4px;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 font-family:sans-serif;
 left: 25px;
 margin: 0px 1px 0px 0px;
}
.tabs label:hover {
 background: #ADA;
}
.tabs .tab-content {
 z-index: 2;
 display: none;
 overflow: hidden;
 width: 100%;
 padding: 0 0 25px 0px;
 position: absolute;
 top: 30px;
 left: 0;

}
.tabs [id^="tab"]:checked + label {
 top: 0;
 padding-top: 8px;
 background: #0A0;
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
 display: block;
}
.tab-content pre{
 padding-left: 50px; 
}
.tab-content hr{
 width: 550px;
 left :0;
}
#foot1{
 margin: 20px 0px 0px 0px;
 width: 724px;
}
.tab-1st{
width: 670px;
border-top: 1px solid #CCEECC;
margin: 0px 0px 20px 25px;
}


.btn {
font-family:sans-serif;
margin-left: 20px;
text-decoration: none;
font-weight: bold;
text-align: right;
font-size: 12px;
display: block;
border: 2px solid #BBB;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
color: #111;
width: 100px;
padding: 5px 2px;
background: #DDD url("/kop/images/download_4s.png") left no-repeat;
}