@charset "UTF-8";
/* CSS Document */
.etd-example-container{
position: relative;
}
.etd-example-block{
position: relative;
width: 200px;
text-align: center;
padding: 8px 20px;
border-radius: 99px;
background-image: linear-gradient(to bottom, #0066b3, #054c9b);
filter: drop-shadow(0 0 5px rgba(50, 238, 252, 1));
font-weight: bold;
color: #fff;
}
.etd-example-content{
display: block;
padding: 35px 25px 20px;
background-color: #f4fafd;
margin-top: -20px;
border-radius: 0 15px 15px 15px;
}
.example-row{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: -10px;
margin-right: -10px;
}
.example-col{
width: 100%;
margin: 10px 10px;
display: flex;
flex-flow: column;
align-items: center;
}
@media (max-width: 576px){
.example-col{
max-width: 100% !important;
}
}
.example-no{
width: 30px;
height: 30px;
font-size: 18px;
line-height: 1.3;
font-weight: bold;
text-align: center;
background-color: #0066b3;
border-radius: 99px;
border: 2px solid #fff;
color: #fff;
position: relative;
z-index: 5;
display: inline-block;
}
.example-col-block{
width: 100%;
height: 100%;
border: 2px solid #0066b3;
border-radius: 15px;
padding: 15px 10px 5px;
text-align: center;
margin-top: -15px;
background-color: #fff;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.tradeTablx {
 border:1px solid #ccc;
 text-align:center;
 border-collapse:collapse;
}
.tradeTablx td {
 padding: 8px;
 border:1px solid #ccc;
 vertical-align: middle;
 text-align: center;
 background-color: #fff;
}
.tradeTablx .head {
 background-color:#0066b3;
 color:#FFFFFF;
}