.uc_material_accordion *{
margin:0;
padding:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.uc_material_accordion .uc_container
{
font-weight:400;
}
.uc_material_accordion .uc_container .uc-heading
{
font-size:15px;
line-height:30px;
display:block;
padding:4px 20px 4px 0px;
font-weight:400;
overflow:hidden;
cursor:pointer;
} .uc_material_accordion .uc_container .uc_content
{
font-size:15px;
line-height:22px;
padding:25px 22px 25px 68px;
font-weight:400;
color:#333333;
display:none;
}
.uc_material_accordion .uc_container .uc-heading
{
padding:0px;
line-height:45px;
border:#e9e9e9 1px solid;
background-color:#858bff;
color:#ffffff;
} .uc_material_accordion .uc_container .uc-heading span.bbb
{
background-color:#6c72e6;
float:left;
font-size:15px;
display:block;
margin-right:0px;
font-weight:600;
width:45px;
text-align:center;
line-height:45px;
}
.uc_material_accordion .uc_container .uc-heading span.uc_active
{
display:none;
color:#ffffff;
}
.uc_material_accordion .uc_container .uc-heading span.uc_dactive
{
display:block;
color:#ffffff;
}
.uc_material_accordion .uc_container .uc-heading.active
{
background-color:#6c72e6;
margin:0px;
}
.uc_material_accordion .uc_container .uc-heading.active em
{
color:#ffffff;
}
.uc_material_accordion .uc_container .uc-heading.active span.uc_active
{
display:block;
background-color:#858bff;
}
.uc_material_accordion .uc_container .uc-heading.active span.uc_dactive
{
display:none;
}
.uc_material_accordion .uc_container .uc-heading em
{ 
display:block; 
float:left; 
width:calc(100% - 68px);
font-style:normal;
margin-left:20px;
}
.uc_material_accordion .uc_container .uc_btn {
line-height: 34px;
padding: 0 20px;
text-align: center;
font-size: 14px;
border-radius: 0;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
transition: ease-in-out all 0.25s;
-webkit-transition: ease-in-out all 0.25s;
}
.uc_material_accordion .uc_container .uc_date {
margin: 5px 0 20px;
}
@media only screen and (max-width: 767px){
.uc_material_accordion .uc_container .uc-heading span { margin-left:0px;}
.uc_material_accordion .uc_container .uc-heading em { width:calc(100% - 68px); line-height:44px; padding-right:10px;}
}
@media only screen and (max-width: 505px){
.uc_material_accordion .uc_container .uc-heading span { margin-left:0px;}
.uc_material_accordion .uc_container .uc-heading em { width:calc(100% - 68px); line-height:18px; padding-top:4px;}
}