.collapse {
  margin: 0 auto ;
  list-style-type: none;
}
.collapse a:not(.btns) {
  color: #009d96;
  text-decoration: underline;
}


.collapse > li {
  margin-top: -1px;
}
.collapse > li:first-of-type {
  margin-top: 0;
}
.collapse > li > span {
  cursor: pointer;
  line-height: 40px;
  border: 1px solid #e6e6e6;
  display: inline-block;
  width: 100%;
  font-size: 15px;
  color: #666666;
  background: none;
  font-weight: bold;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.collapse > li > span .icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  padding: 0 15px;
  background: url(../template/images/sub/arrow_down_gray_quiccordion.png) no-repeat 15px center;
}
.collapse > li .slideArea {
  display: none;
}
.collapse > li.active > span {
  color: #03527b;
  background: url(../template/images/sub/bg_quiccordion.png) repeat-x;
}
.collapse > li.active > span .icon {
  background: url(../template/images/sub/arrow_up_green_quiccordion.png) no-repeat 15px center;
}
.collapse .slideArea > .content {
  border: 1px solid #e6e6e6;
  border-top: none;
  padding: 30px 30px;

}
.collapse .slideArea > .content > ul {
  list-style-type: none;
  padding-left: 20px;
  line-height: 30px;
}
.collapse .slideArea > .content > ul li img {
 margin-left: 10px;
/* border: 1px #333 solid;*/

}
.collapse .slideArea > .content .head {
  font-weight: bold;
  margin-bottom: 10px;

}


.dir{
width:100%;
border-left:#888888 solid 1px;
border-top:#888888 solid 1px;
border-collapse:collapse;
text-align: center;
}
.dir td{
width:25%;
border-right:#888888 solid 1px;
border-bottom:#888888 solid 1px;
line-height: middle;
vertical-align:middle;
}
.dir tr:first-child{
background-color: #e6e6e6;
line-height: 20px;

}
.dir_2{
width:100%;
border-left:#888888 solid 1px;
border-top:#888888 solid 1px;
border-collapse:collapse;

}
.dir_2 td{
width:20%;
border-right:#888888 solid 1px;
border-bottom:#888888 solid 1px;
line-height: middle;
vertical-align:middle;
text-align: center;
}
.dir_2 tr:first-child{
background-color: #e6e6e6;
line-height: 20px;

}
.dir_2 p{
text-align: left;
padding: 0 10px;
}

.greenArea {
  background: #e5f5f4;
  border: 1px solid #e6e6e6;
  border-top: none;
  margin-top: -1px;
  padding: 25px 0;
  position: relative;
}
.greenArea.triangle:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6.5px 8px 6.5px;
  border-color: transparent transparent #e5f5f4 transparent;
  position: absolute;
  top: -8px;
  left: 40px;
}