.mian{
padding: 20px;
background: #ffffff;
box-shadow:  -6px 6px 12px #d9d9d9,6px -6px 12px #ffffff;
    }
    
.tab{
width: 100%;
height: 100px; 
    }
.logo{
width: 100%;
height: 100px;
    }
.nt{
border-radius: 20px;
background: #ffffff;
box-shadow:  -6px 6px 12px #d9d9d9,6px -6px 12px #ffffff;
    }
.nt1{
border-radius: 20px;
background: linear-gradient(225deg, #ffffff, #e6e6e6);
box-shadow:  -6px 6px 12px #d9d9d9,6px -6px 12px #ffffff;
    }

.tab_li{
margin-right: 10px;
background: linear-gradient(145deg, #ffffff, #e6e6e6);
box-shadow:  6px 6px 12px #d9d9d9,-6px -6px 12px #ffffff;
    
    }
.box_text{
text-shadow: -5px 5px 0 rgba(0,0,0,.1);
    }
.fhsy{
    color: #aabbcc;
    text-decoration: underline;
}    
.api:hover {
border-radius: 20px;
background: #ffffff;
box-shadow:  -15px 15px 25px #d9d9d9,15px -15px 25px #ffffff;
    }
a:link { 
font-size: 12px; 
color: #000000; 
text-decoration: none; 
} 
a:visited { 
font-size: 12px; 
color: #000000; 
text-decoration: none; 
} 
a:hover { 
font-size: 12px; 
color: #000000;
text-decoration: none; 
}

.api_ui{
 padding: 20px;  
 text-shadow: -3px 3px 0 rgba(0,0,0,.1);
}
.apicode{
    color:#000000;
}
.returncode{
    color: #00AABB;
}
.requestcode{
    color: #eeAABB;
}
.examplecode{
    color: red;
}