.q-page.material video{width:100%;height:auto}.q-page.material .time-codes-container{border-radius:16px;border:1px solid rgba(0,0,0,.1);padding:8px;height:100%}.q-page.material .time-codes-container .header{padding:8px 8px 0 12px}.q-page.material .time-codes-container .item{border-radius:8px;padding:8px 8px 8px 12px;background-color:transparent;transition:background-color .25s;position:relative;cursor:pointer}.q-page.material .time-codes-container .item .line{display:block;position:absolute;left:0;top:0;bottom:0;width:4px;background-color:transparent;transition:background-color .25s;border-radius:4px}.q-page.material .time-codes-container .item .title{margin-bottom:4px}.q-page.material .time-codes-container .item .label{background-color:#eafced;padding:4px 8px;border-radius:20px}.q-page.material .time-codes-container .item:hover{background-color:#0000000d}.q-page.material .time-codes-container .item:hover .line{background-color:#003008}.q-page.material .detail-text{word-wrap:break-word;overflow-wrap:break-word}.q-page.material .detail-text h1,.q-page.material .detail-text h2,.q-page.material .detail-text h3,.q-page.material .detail-text h4,.q-page.material .detail-text h5,.q-page.material .detail-text h6{margin-bottom:24px}.q-page.material .detail-text table{width:100%;border:1px solid #eeeeee;border-radius:16px;border-spacing:0}.q-page.material .detail-text table th,.q-page.material .detail-text table td{border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee;padding:4px 10px}.q-page.material .detail-text table tr:last-child td{border-bottom:none;border-right:none}