@CHARSET "UTF-8";

.accordion {
    margin: 0;
    padding:41px;
    height:59px;
  
    background:#e5dfce;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #3f3828;
    font-size:1em; position:relative; cursor:pointer;
}
.accordion-open {
    background:#e5dfce;
    color: #fff;

}



.accordion-open span {
    display:block;
    float:right;
    padding:10px;
}
.accordion-open span {
    background:url(../according/mang2.png) center center no-repeat;  position: absolute;
  right: 0px;
  top: 0;
}
.accordion-close span {
display: block;
  float: right;
  background: url(../according/mang1.png) center center no-repeat;
  padding: 10px;
  position: absolute;
  right: 0px;
  top: 0;

}
div.containers {
    padding:0;
    margin:0;
}
div.content {
    background:#e5dfce;
    margin: 0;
    padding: 0px 22px 22px 22px;
    font-size:.9em;
    line-height:1.2em;
    font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
div.content ul, div.content p {
    padding:0;
    margin:0;
    padding:3px;  text-align: justify;
}
div.content ul li {
    list-style-position:inside;
    line-height:25px;
}
div.content ul li a {
    color:#555555;
}
code {
    overflow:auto;
}




@media only screen and (min-width : 1281px) and (max-width : 1366px) {

.accordion {padding: 13px;  height: 56px;}

.faq1 { margin-bottom: 23px;}
div.content { font-size: 13px;}


}
@media only screen and (min-width : 1153px) and (max-width : 1280px) {

.accordion {padding: 24px;}
div.content { font-size: 13px;}

}


@media only screen and (min-width : 1023px) and (max-width : 1152px) {

.accordion {padding: 24px;}

}



@media only screen and (min-width : 961px) and (max-width : 1024px) {

.accordion {padding: 22px;}
div.content {font-size: 14px;}
}


@media only screen and (min-width : 240px) and (max-width : 320px) {
.accordion {padding: 10px;}

}