.tra-function-title{
  color: #fff;
  font-size: 24px;
  font-weight: normal;
}
#tra-function-wrap .acc-title{
  cursor:pointer;
  margin:0;
  padding:10px 30px 10px 10px;
  border-bottom:1px solid #ccc;
  color: #3c3c3c;
  font-size: 22px;
  background: url(/uploads/acc-title-icon_open.png) right center/22px 7px no-repeat;
}
#tra-function-wrap .acc-title.open{
    background-image:url(/uploads/acc-title-icon_close.png)
}
#tra-function-wrap .function-list-wrap{
  padding:10px 0 0;

}
#tra-function-wrap img{
  margin:0 10px 10px;
}
#tra-function-wrap .grid5 img{
  margin:0 0 10px;
}

#tra-function-wrap .function-list-wrap{
  display:none;
}
#tra-function-wrap .hborder {
  margin: 0 10px 15px 10px;
  color: #3c3c3c;
  font-size: 14px;
}
#tra-function-wrap .function-table-wrap{
   padding:0 10px 0;
}
#tra-function-wrap .function-table{
    border: 1px solid #cccccc;
    border-collapse: collapse;
    margin: 0 0 20px;
}
#tra-function-wrap .function-table th{
    background: #eaeaea;
    border: 1px solid #cccccc;
    color: #333333;
    font-size: 100%;
    font-weight: bold;
    line-height: 125%;
    min-width: 4.4em;
    padding: 8px 10px 7px;
    text-align: left;
    vertical-align: top;
}
#tra-function-wrap .function-table td{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    font-size: 100%;
    font-weight: normal;
    line-height: 125%;
    padding: 8px 10px 7px;
    vertical-align: top;
}  
#tra-function-wrap .noteList .grid5{
    width:50%;
}

@media screen and (max-width:600px) { 
#tra-function-wrap .acc-title{
  font-size: 14px;
}
#tra-function-wrap .function-list-wrap{
	padding:10px 0 0;
}
#tra-function-wrap img{
  width: 100%;
  height: auto;
  margin:0 0 10px;
}
#tra-function-wrap .function-table-wrap{
	padding:0;
  overflow:scroll;
}
}