#list {}
#list ul {list-style:none;}
#list .items .item {    padding: 5px 0px;font-size:15px}
#list .items .item:nth-child(odd) {
    background-color: #f2f2f2;
}

#list .items .item.header {    background: #EEE;padding: 10px;font-weight: 600;font-size: 16px;margin-bottom:10px;position: fixed;width: 100%;left: 0px;}
#list .items .item.header + .item > div {    margin-top: 48px;}
#list .items .item.header .order .arrow {display:none;}
#list .items .item.header .order.za .arrow {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#list .items .item.header .order a {color:#666;}
#list .items .item.header .order.active a {color:darkred}
#list .items .item.header .order.active .arrow {display:inline-block;}
#list .items .item.header .order.za .arrow {transform: rotate(180deg);}
@media only screen and (max-width: 40em) {
    #list ul {    margin-top: 19px;}
    #list .items .item.header + .item > div {padding-top: 30px;}
    #pageContent {width: 200%;overflow: auto;}
    #list .items .item.header {position:absolute;width:200%;}
}