/* faqList
----------------------------------------------- */
#faqList {
 padding-top:20px;
}
#faqList .item {
 border-bottom: 1px dashed #DDD;
 margin-bottom: 20px;
 padding-bottom: 15px;
}
#faqList .item.last {
 border-bottom: 0;
}
#faqList .item .ask {
 zoom: 1;
 overflow: hidden;
 margin-bottom: 8px;
}
#faqList .item .ask i {
 display: inline-block;
 padding: 1px 7px;
 background: #ff9000;
 border-radius: 3px;
 color: #FFF;
 float: left;
 font-weight: bold;
}
#faqList .item .ask em {
 display: block;
 margin-left: 30px;
 font-size: 14px;
 color: #0072C6;
 line-height: 100%;
}
#faqList .item .answer em {
 display: block;
 margin-left: 30px;
 color: #777;
}

/* -- screen -- */
.screen {
    padding: 20px 15px 0;
    border-bottom: 1px dotted #DDD;
}

.screen dl {
    margin-bottom: 10px;
}

.screen dl dt {
    display: inline-block;
    font-weight: bold;
}

.screen dl dd {
    display: inline-block;
}

.screen dl dd a {
    display: inline-block;
    background-color: #DDD;
    color: #555;
    padding: 2px 10px;
    margin-right: 8px;
}

@media (max-width: 768px) {
    .screen dl dt {
        display: block;
    }

    .screen dl dd {
        display: block;
    }

    .screen dl dd a {
        margin-top: 8px;
    }
}

.screen dl dd a.cur {
    background-color: #007bff;
    color: #FFF;
}