.q-page.special-project{overflow:hidden}.q-page.special-project .page-banner-v1:first-child{min-height:376px}@media (max-width: 599.98px){.q-page.special-project .page-banner-v1:first-child{min-height:351px}}@media (min-width: 1024px){.q-page.special-project .page-banner-v1:first-child h1{font-size:104px;line-height:105px}}.q-page.special-project .material-list{border-radius:16px;border:1px solid rgba(0,0,0,.1);padding:8px;height:100%;max-height:450px;overflow:auto;position:relative}.q-page.special-project .material-list .header{padding:8px 8px 0 12px;margin-bottom:16px}.q-page.special-project .material-list .item{border-radius:8px;padding:8px 8px 8px 12px;background-color:transparent;transition:background-color .25s;position:relative;cursor:pointer}.q-page.special-project .material-list .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.special-project .material-list .item:hover,.q-page.special-project .material-list .item.active{background-color:#0000000d}.q-page.special-project .material-list .item:hover .line{background-color:#00300880}.q-page.special-project .material-list .item.active .line{background-color:#003008}.q-page.special-project .page-banner-v1.detail{min-height:350px}@media (max-width: 599.98px){.q-page.special-project .page-banner-v1.detail{padding-top:350px;background-position:top}}.q-page.special-project .page-banner-v1.detail .subtitle{max-width:600px}