@media screen and (max-width: 600px){.contents{padding:0 !important}}.materials-page{padding:2rem;background-color:#fff}@media screen and (max-width: 600px){.materials-page{padding:0rem}}.materials-page__banner{margin:0 auto;text-align:center;font-size:1.125rem;letter-spacing:.125rem}@media screen and (max-width: 600px){.materials-page__banner{padding:.2rem;font-size:.8rem}.materials-page__banner p{font-size:.65rem !important;padding-top:1rem}}.materials-page__banner h2{margin-top:1rem;font-weight:600}.materials-page__banner h2 strong{color:#01a7ea}.materials-page__banner p{font-size:.875rem}.materials-page__ad{margin-top:3rem}.materials-page__ad--title{position:relative;text-align:center}@media screen and (max-width: 600px){.materials-page__ad--title{background-color:#fffae3}.materials-page__ad--title hr{display:none}.materials-page__ad--title h2{background-color:transparent !important;padding-top:1rem;padding-bottom:2rem}}.materials-page__ad--title hr{border-top:1px dashed #01a7ea;position:absolute;left:0;right:0}.materials-page__ad--title h2{max-width:15rem;margin:0 auto;background:#fff;position:relative;font-size:1rem;font-weight:600;letter-spacing:.125rem}.materials-page__ad--items{display:flex;flex-direction:row;justify-content:space-evenly;padding:1rem}@media screen and (max-width: 600px){.materials-page__ad--items{flex-direction:column;background-color:#fffae3;margin-top:0}.materials-page__ad--items .item{margin:0 auto !important;height:12rem}}.materials-page__ad--items .item{width:17.625rem;margin-top:2.4375rem;margin:1rem}.materials-page__ad--items .item a{background-color:#01a7ea;height:2.3125rem;display:flex;justify-content:center;align-items:center;color:#fff;padding:.5rem;box-shadow:0px 3px 6px rgba(0,0,0,.15);border-radius:10px}.materials-page__ad--items .item p{font-size:.75rem;margin-top:1.4375rem}.materials-page__ad--items .item--link a{display:flex;justify-content:flex-start;align-items:center;padding:.025rem;color:#01a7ea;box-shadow:none}.materials-page__filter{background-color:#eee;display:flex;flex-direction:row;justify-content:space-around;padding:1rem;grid-gap:10px;gap:10px;border-radius:5px}.materials-page__filter .title{display:flex;align-items:center;padding-bottom:1rem;font-weight:600}.materials-page__filter .level-select{background-color:#01a7ea;border-radius:20px;padding:.5rem;min-width:15.625rem;display:flex;justify-content:space-around;align-items:center;padding-left:1rem;padding-right:2rem}.materials-page__filter .level-select svg{margin-right:1rem}.materials-page__filter .level-select svg text{font-size:17px}.materials-page__filter .level-select span{font-size:1.1rem;font-weight:medium;color:#fff;padding-right:1rem;padding-left:.2rem}@media screen and (max-width: 600px){.materials-page__filter .level-select span{font-size:.8rem}}.materials-page__filter .level-select a{width:1.5rem;height:1.5rem;background-color:#fff;color:#01a7ea;padding:.1rem;display:flex;justify-content:center;align-items:center;margin:.2rem}.materials-page__filter .level-select a.fill{background-color:#fef97f}.materials-page__filter .filter-by-language{min-width:15.625rem}.materials-page__filter .filter-by-language .form-select__input{width:100%}.materials-page__filter .filter-by-level .level-block-tips{margin-left:.5rem;display:flex;align-items:center;color:#01a7ea;font-size:.75rem;cursor:pointer}.materials-page__filter .filter-by-level .level-block-tips svg{margin-right:.5rem}@media screen and (max-width: 896px){.materials-page__filter{flex-direction:column}.materials-page__filter .level-select{margin-bottom:2rem}.materials-page__filter .level-select a{width:100%;height:.875rem;padding:.2rem}}.materials-page .material-items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 896px){.materials-page .material-items{padding:1rem}}.materials-page .material-items .item{cursor:pointer;background-color:#fffae3;border:solid 2px #01a7ea;width:calc((100% - 30px * 2) / 3);max-width:25rem;position:relative;margin-top:1rem;display:flex;flex-direction:column;align-items:center;border-radius:5px}@media screen and (max-width: 896px){.materials-page .material-items .item{width:calc((100% - 30px * 2) / 2)}}@media screen and (max-width: 600px){.materials-page .material-items .item{width:100%;max-width:100%}}.materials-page .material-items .item .textbook-category-name{color:#01a7ea;font-size:.75rem;margin-bottom:1rem;margin-top:.7rem}.materials-page .material-items .item .title{width:90%}.materials-page .material-items .item .title__icon{width:-webkit-fit-content;width:fit-content;height:6.125rem;overflow:hidden;margin:.5rem auto;display:flex;align-items:center;justify-content:center}.materials-page .material-items .item .title__icon img{max-width:100%;max-height:100%}.materials-page .material-items .item .title__text{background-color:#fff;border-bottom:2px solid #01a7ea;height:2.5rem;display:flex;justify-content:center;align-items:center;font-weight:600;overflow:hidden;text-align:center}.materials-page .material-items .item .title__text a{color:#121212}.materials-page .material-items .item .total_lesson{margin-top:.5rem;width:7rem;padding:.5rem;background-color:#01a7ea;text-align:center;color:#fff;border-radius:20px;font-size:.75rem}.materials-page .material-items .item .description{width:82%;background-color:#fff;border:1px dashed #01b7cd;border-radius:10px;padding:.5rem;height:4.5625rem;overflow:hidden;font-size:.65rem;text-align:left}.materials-page .material-items .item .level-block{width:100%;background-color:#01a7ea;margin-top:1rem}.materials-page .material-items .item .level-block .level{background-color:#01a7ea;border-radius:20px;border:1px solid #fff;width:86%;padding:.5rem;margin:0 auto;margin-top:.5rem;margin-bottom:.5rem;display:flex;justify-content:space-around;align-items:center}.materials-page .material-items .item .level-block .level svg{margin-right:.5rem}.materials-page .material-items .item .level-block .level span{font-size:.7rem;color:#fff;padding-right:.2rem}.materials-page .material-items .item .level-block .level a{width:.5rem;height:.5rem;background-color:#fff;color:#01a7ea;padding:.3rem;display:flex;justify-content:center;align-items:center;margin-right:.2rem;font-size:.625rem}.materials-page .material-items .item .level-block .level a.fill{background-color:#fef97f}@media screen and (max-width: 600px){.materials-page .material-items .item .level-block .level{margin-bottom:2rem}.materials-page .material-items .item .level-block .level a{width:.875rem;height:.875rem;padding:.2rem}}.materials-page .material-items.two-items{justify-content:flex-start !important}.materials-page .material-items.two-items .item{margin-right:1rem}.materials-page__back{margin-top:7rem;padding-bottom:2rem}.materials-page__back a{background-color:#01a7ea;width:23.4375rem;font-size:1.5rem;padding:1rem;color:#fff;display:block;text-align:center;margin:0 auto}@media screen and (max-width: 600px){.materials-page__back a{width:70%}}.materials-page .section{width:100%}.materials-page .section .basic-text{text-align:center;padding:3rem}@media screen and (max-width: 600px){.materials-detail-page{padding:0}}.materials-detail-page--title{margin-bottom:2rem}@media screen and (max-width: 600px){.materials-detail-page--title{padding:1rem}}.materials-detail-page--title h2{font-size:1.125rem;font-weight:bold;margin-bottom:.7rem}.materials-detail-page--title p{font-size:.75rem;color:#01a7ea}.materials-detail-page--tabs ul{display:flex;flex-direction:row;grid-gap:.2rem;gap:.2rem;align-items:flex-end}.materials-detail-page--tabs ul a{min-width:-webkit-fit-content;min-width:fit-content;background-color:#dff3fb;display:flex;justify-content:center;align-items:center;padding:.5rem 2rem;height:1.5rem;border-top-right-radius:10px;border-top-left-radius:10px;color:#01a7ea;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.materials-detail-page--tabs ul a.active{background-color:#00a6ea;padding:1rem 2rem;color:#fff;pointer-events:none}.materials-detail-page--tabs .wrap-categories{display:flex;grid-gap:.4rem;gap:.4rem}.materials-detail-page--tabs .wrap-categories ul{flex-grow:1;flex-shrink:1;overflow-x:auto;scrollbar-width:none}.materials-detail-page--tabs .wrap-categories .categories__left,.materials-detail-page--tabs .wrap-categories .categories__right{height:2.5rem;align-self:flex-end;padding:.5rem .9rem;display:flex;align-items:center;border:none;border-radius:5px;cursor:pointer}.materials-detail-page--tabs .wrap-categories .not__event{opacity:.5;cursor:not-allowed;pointer-events:none}.materials-detail-page--tabs .wrap-categories .d-none-cus{display:none}.materials-detail-page--tabs__info{display:flex;flex-direction:row;align-items:center;background-color:#01a7ea;color:#fff}@media screen and (max-width: 600px){.materials-detail-page--tabs__info{flex-direction:column;align-items:flex-start;padding:1.5rem}}.materials-detail-page--tabs__info .level-block-tips{display:flex;align-items:center;font-size:.75rem;font-weight:600;cursor:pointer}.materials-detail-page--tabs__info .level-block-tips svg{margin-right:.5rem}.materials-detail-page .level-block{background-color:#01a7ea;padding:1.7rem}@media screen and (max-width: 600px){.materials-detail-page .level-block{padding:0}}.materials-detail-page .level-block .level{background-color:#01a7ea;border-radius:20px;border:1px solid #fff;padding:.5rem;display:flex;justify-content:space-around;align-items:center;padding-left:1rem;padding-right:2rem}.materials-detail-page .level-block .level svg{margin-right:1rem}.materials-detail-page .level-block .level span{font-size:1rem;font-weight:medium;color:#fff;padding-right:1rem}.materials-detail-page .level-block .level a{width:1rem;height:1rem;background-color:#fff;color:#01a7ea;padding:.3rem;display:flex;justify-content:center;align-items:center;margin-right:.2rem}.materials-detail-page .level-block .level a.fill{background-color:#fef97f}.materials-detail-page .ads{margin-top:2rem;padding-bottom:3rem}@media screen and (max-width: 600px){.materials-detail-page .ads{margin-top:.5rem}}.materials-detail-page .ads--items{display:flex;flex-direction:row;justify-content:space-between}.materials-detail-page .ads--items .item{width:calc((100% - 100px * 2) / 3);max-width:25rem;margin-top:1.4375rem;background-color:#fffae3;padding:1rem;height:13.25rem}.materials-detail-page .ads--items .item h2{height:3.3125rem;display:flex;justify-content:flex-start;align-items:center;color:#000;border-bottom:2px dashed #01a7ea;font-size:1rem;font-weight:600}.materials-detail-page .ads--items .item p{font-size:.875rem;margin-top:1.2375rem}.materials-detail-page .ads--items .item--link a{display:flex;justify-content:flex-start;align-items:center;padding:.025rem;color:#01a7ea}@media screen and (max-width: 600px){.materials-detail-page .ads--items{flex-direction:column;padding:1rem}.materials-detail-page .ads--items .item{width:auto;margin:0;margin-top:1rem}}@media screen and (max-width: 600px){.materials-detail-page .level-block .level{margin-bottom:1rem}.materials-detail-page .level-block .level a{width:.875rem;height:.875rem;padding:.2rem}}.materials-detail-page .materials-detail__btn-block{display:flex;justify-content:center;margin:4em auto}@media screen and (max-width: 600px){.materials-detail-page .materials-detail__btn-block{margin-top:2em;margin-bottom:2em}}.materials-detail-page .materials-detail__bnr{text-align:center;margin:4em 16px}.materials-detail-page .materials-detail__bnr img{width:100%;max-width:600px}@media screen and (max-width: 600px){.materials-detail-page .materials-detail__bnr{margin-top:2em;margin-bottom:2em}}.materials-detail-page .btn-materials-detail{font-size:16px;font-weight:bold;color:#049de7;border:1px solid #049de7;border-radius:10px;background-color:#fef874;display:flex;justify-content:center;align-items:center;width:398px;height:58px}@media screen and (max-width: 600px){.materials-detail-page .btn-materials-detail{font-size:14px;width:100%;max-width:292px}}.materials-detail-page .btn-materials-detail:hover{text-decoration:none}.materials-detail-page .btn-materials-detail .icon-arrow-right{width:calc(8px * 1.5);height:calc(12px * 1.5);fill:#049de7;margin-right:16px}@media screen and (max-width: 600px){.materials-detail-page .btn-materials-detail .icon-arrow-right{width:calc(8px * 1.25);height:calc(12px * 1.25);margin-right:8px}}@media screen and (max-width: 600px){.materials-detail-page .chapters{padding:1rem}}.materials-detail-page .chapters .chapter{background-color:#eaf9ff;display:flex;flex-direction:column;margin-bottom:.5rem}.materials-detail-page .chapters .chapter:first-child{border-top-right-radius:8px;border-top-left-radius:8px}.materials-detail-page .chapters .chapter .show-all-btn{display:none}.materials-detail-page .chapters .chapter .title{display:flex;justify-content:space-between;flex-direction:row;padding:1rem}.materials-detail-page .chapters .chapter .title .block1,.materials-detail-page .chapters .chapter .title .block2{display:flex;flex-direction:row;align-items:center}.materials-detail-page .chapters .chapter .title .block1{font-weight:600}.materials-detail-page .chapters .chapter .title .block1 span{width:30px;height:30px;background-color:#01a7ea;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:600;margin-right:1rem;flex-shrink:0}@media screen and (max-width: 600px){.materials-detail-page .chapters .chapter .title .block1 span{margin-right:rem}}.materials-detail-page .chapters .chapter .title .block2{font-size:.75rem;font-weight:600}@media screen and (max-width: 600px){.materials-detail-page .chapters .chapter .title .block2{flex-direction:column}}.materials-detail-page .chapters .chapter .title .block2 span{font-size:1rem;font-weight:600;margin-right:.5rem}.materials-detail-page .chapters .chapter .title .block2 button{background:none;border:none;margin-left:3rem;cursor:pointer}.materials-detail-page .chapters .chapter .lessons{display:flex;justify-content:space-between;flex-direction:column}.materials-detail-page .chapters .chapter .lessons .lesson{display:flex;justify-content:space-between;grid-gap:24px;gap:24px;background-color:#fff;padding:1rem;position:relative;border-bottom:1px solid #8fd3ee}@media screen and (max-width: 600px){.materials-detail-page .chapters .chapter .lessons .lesson{flex-direction:column;grid-gap:24px;gap:24px}}.materials-detail-page .chapters .chapter .lessons .lesson .block1,.materials-detail-page .chapters .chapter .lessons .lesson .block2,.materials-detail-page .chapters .chapter .lessons .lesson .block3{display:flex;flex-direction:row;align-items:center}@media screen and (max-width: 600px){.materials-detail-page .chapters .chapter .lessons .lesson .block1,.materials-detail-page .chapters .chapter .lessons .lesson .block2,.materials-detail-page .chapters .chapter .lessons .lesson .block3{display:flex;flex-direction:column;align-items:flex-start}}.materials-detail-page .chapters .chapter .lessons .lesson .block1{flex-grow:0;min-width:0}.materials-detail-page .chapters .chapter .lessons .lesson .block3{flex-shrink:0;grid-gap:24px;gap:24px}@media screen and (max-width: 600px){.materials-detail-page .chapters .chapter .lessons .lesson .block3{display:flex;flex-direction:row;align-items:center;grid-gap:12px;gap:12px}}.materials-detail-page .chapters .chapter .lessons .lesson-title-marker{display:flex;grid-gap:12px;gap:12px;width:100%}@media screen and (max-width: 600px){.materials-detail-page .chapters .chapter .lessons .lesson-title-marker{grid-gap:8px;gap:8px}}.materials-detail-page .chapters .chapter .lessons .lesson-title-marker::before{flex-shrink:0;border-radius:50%;background-color:#049de7;content:"";display:block;width:18px;height:20px;margin:calc((24px - 20px) / 2) 0}@media screen and (max-width: 600px){.materials-detail-page .chapters .chapter .lessons .lesson-title-marker::before{width:14px;height:14px;margin:calc((18px - 14px) / 2) 0}}.materials-detail-page .chapters .chapter .lessons .lesson_title{color:#01a7ea;font-weight:600;margin-right:2rem}.materials-detail-page .chapters .chapter .lessons .lesson-description{font-size:16px;font-weight:bold;line-height:1.5;color:#000;width:calc(100% - (18px + 12px))}@media screen and (max-width: 600px){.materials-detail-page .chapters .chapter .lessons .lesson-description{font-size:12px}}.materials-detail-page .chapters .chapter .lessons .lesson-description .lesson-description__inner{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}@media screen and (max-width: 600px){.materials-detail-page .chapters .chapter .lessons .lesson-description .lesson-description__inner{-webkit-line-clamp:2;line-clamp:2}}.materials-detail-page .chapters .chapter .lessons .attend{font-size:16px;font-weight:bold}@media screen and (max-width: 600px){.materials-detail-page .chapters .chapter .lessons .attend{order:2;font-size:12px;margin-left:auto}}.materials-detail-page .chapters .chapter .lessons .attend .attend__date{color:#666}.materials-detail-page .chapters .chapter .lessons .attend .attend__not-attend{color:#ccc}.materials-detail-page .chapters .chapter .lessons .lesson_attachment{display:flex;grid-gap:8px;gap:8px}@media screen and (max-width: 600px){.materials-detail-page .chapters .chapter .lessons .lesson_attachment{order:1;margin-left:22px}}.materials-detail-page .chapters .chapter .lessons .lesson_attachment a:hover{opacity:.75}.materials-detail-page .chapters .chapter .lessons .lesson_attachment .icon-picture_as_pdf{fill:#e80909}.materials-detail-page .chapters .chapter .lessons .lesson_attachment .icon-library_music{fill:#0ec663}.materials-detail-page .chapters .chapter .lessons .lesson_open_buton{margin-right:.6rem}@media screen and (max-width: 600px){.materials-detail-page .chapters .chapter .lessons .lesson_open_buton{position:absolute;right:.5rem;top:30%}}.materials-detail-page .chapters .chapter.collapsed .show-all-btn{display:block}.materials-detail-page .chapters .chapter.collapsed .hide-btn{display:none}.materials-detail-page .chapters .chapter.collapsed .lessons{display:none !important}.materials-detail-page .list__categories{text-align:right;text-decoration:underline;color:#4aa4e4;line-height:23px;font-size:16px;cursor:pointer;margin-bottom:15px}@media screen and (max-width: 600px){.materials-detail-page .list__categories{padding-right:8px}}.materials-detail-page .d-none-cus{display:none}.materials-detail-page .btn-next-material{font-size:12px;font-weight:bold;color:#fff;white-space:nowrap;border:none;background-color:#323232;display:inline-flex;justify-content:center;align-items:center;padding:2px 8px}@media screen and (max-width: 600px){.materials-detail-page .btn-next-material{order:3}}.materials-detail-page .btn-next-material:hover{background-color:#656565;cursor:pointer}.materials-detail-page .btn-next-material .icon-add_box,.materials-detail-page .btn-next-material .icon-remove_box{fill:#fff;margin-right:8px}.materials-detail-page .btn-next-material.btn-next-material--small{font-size:10px;padding:4px}.materials-detail-page .btn-next-material.btn-next-material--small .icon-add_box,.materials-detail-page .btn-next-material.btn-next-material--small .icon-remove_box{margin-right:4px}.materials-detail-page .btn-next-material.btn-next-material--large{font-size:14px;padding-top:7px;padding-bottom:7px}.materials-detail-page .btn-next-material.btn-next-material--large .icon-add_box,.materials-detail-page .btn-next-material.btn-next-material--large .icon-remove_box{margin-right:6px;width:28px;height:28px}.materials-detail-page .btn-next-material.btn-next-material--selected{border:2px solid #2e8c72;background-color:#4cc19e;padding-top:0px;padding-bottom:0px}.materials-detail-page .btn-next-material.btn-next-material--selected:hover{border-color:#62a995;background-color:#79d1b6}.materials-detail-page .btn-next-material.btn-next-material--selected.btn-next-material--small{padding-top:2px;padding-bottom:2px}.materials-detail-page .btn-next-material.btn-next-material--selected.btn-next-material--large{padding-top:5px;padding-bottom:5px}.materials-detail-page .materials-news-discussion p{margin:0}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest{container-type:inline-size;container-name:latest}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list__thumb{height:100%}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list{grid-template-columns:50.847% 1fr 1fr;grid-template-rows:repeat(2, -webkit-min-content);grid-template-rows:repeat(2, min-content)}@container latest (width < 800px){.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3, -webkit-min-content);grid-template-rows:repeat(3, min-content)}}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list li{display:flex;flex-direction:column}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list li .materials-list__title>a,.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list li .materials-list__title>span{-webkit-line-clamp:1;line-clamp:1}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list li:nth-child(1){grid-row:1/3;grid-column:1/2}@container latest (width < 800px){.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list li:nth-child(1){grid-row:1/2;grid-column:1/3}}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list li:nth-child(1) .materials-list__title{font-size:14px}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list li:nth-child(1) .materials-list__title>a,.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list li:nth-child(1) .materials-list__title>span{-webkit-line-clamp:1;line-clamp:1}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list li:nth-child(1) .materials-list__level .level-tag{font-size:14px;padding:8px 9px;min-width:42px}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list li:nth-child(1) .materials-list__update{font-size:14px}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list li:nth-child(1) .materials-list__next-material{padding:32px 16px}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list li:not(:nth-child(1)) .materials-list__thumb{aspect-ratio:232/150}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list li:not(:nth-child(1)) .materials-list__summary{grid-gap:8px;gap:8px}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list li:not(:nth-child(1)) .materials-list__level .level-tag{font-size:12px;padding:3px 3px;min-width:26px}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list .materials-list__summary{background:rgba(0,0,0,.7);box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:1;padding:8px;width:100%}.materials-detail-page .materials-news-discussion .materials-news-discussion__latest .materials-list .materials-list__next-material{background:#000;flex-grow:1}.materials-detail-page .materials-news-discussion .materials-news-discussion__previous{background-color:#1f2937;padding:64px 16px}.materials-detail-page .materials-news-discussion .materials-news-discussion__previous .materials-list__thumb{height:auto;aspect-ratio:176/128}.materials-detail-page .materials-news-discussion .materials-news-discussion__previous .materials-list{grid-template-columns:repeat(auto-fit, minmax(min(100%, 176px), 1fr));grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-gap:8px;gap:8px}.materials-detail-page .materials-news-discussion .materials-news-discussion__previous .materials-list .materials-list__level .level-tag{font-size:12px;padding:3px 5px;min-width:30px}.materials-detail-page .materials-news-discussion .materials-news-discussion__previous .materials-list .materials-list__summary{padding:8px 4px}.materials-detail-page .materials-news-discussion .materials-news-discussion__previous .materials-list .btn-next-material{margin:0 auto;width:-webkit-min-content;width:min-content}.materials-detail-page .materials-news-discussion .materials-list{display:grid}.materials-detail-page .materials-news-discussion .materials-list>li{position:relative}.materials-detail-page .materials-news-discussion .materials-list a{color:#fff;display:block;position:relative;width:100%}.materials-detail-page .materials-news-discussion .materials-list a::before{background-color:transparent;content:"";display:block;position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;transition:background-color .2s ease-in-out}.materials-detail-page .materials-news-discussion .materials-list a:hover{text-decoration:none}.materials-detail-page .materials-news-discussion .materials-list a:hover::before{background-color:rgba(255,255,255,.2)}.materials-detail-page .materials-news-discussion .materials-list .materials-list__thumb{vertical-align:top;object-fit:cover;width:100%;max-width:100%;max-height:100%}.materials-detail-page .materials-news-discussion .materials-list .materials-list__summary{background:rgba(0,0,0,.7);box-sizing:border-box;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, -webkit-min-content);grid-template-rows:repeat(2, min-content);grid-gap:16px;gap:16px;width:100%}.materials-detail-page .materials-news-discussion .materials-list .materials-list__title{font-size:12px;line-height:1.5;grid-row:1/2;grid-column:1/3}.materials-detail-page .materials-news-discussion .materials-list .materials-list__title>a,.materials-detail-page .materials-news-discussion .materials-list .materials-list__title>span{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.materials-detail-page .materials-news-discussion .materials-list .materials-list__level{grid-row:2/3;grid-column:1/2;justify-self:flex-start}.materials-detail-page .materials-news-discussion .materials-list .materials-list__update{font-size:10px;line-height:1.5;color:#fff;grid-row:2/3;grid-column:2/3;justify-self:flex-end;align-self:flex-end}.materials-detail-page .materials-news-discussion .materials-list .materials-list__next-material{text-align:center;background:rgba(0,0,0,.7);padding:12px}.modal-estimated-level .header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-estimated-level .header h3{flex-shrink:0;font-size:1rem;font-weight:600;margin-right:1rem}.modal-estimated-level .header .spacer{width:1px;height:3rem;border-right:2px solid #01a7ea;margin-right:1rem}.modal-estimated-level .header p{text-align:left}.modal-estimated-level .header .link{width:8rem;flex-shrink:0;background-color:#01a7ea;padding:.9rem;box-shadow:0px 3px 6px rgba(0,0,0,.15);margin-left:1rem}.modal-estimated-level .header .link a{color:#fff}.modal-estimated-level table,.modal-estimated-level th,.modal-estimated-level td{margin:auto;border:1px solid #fff;text-align:center;border-collapse:collapse;padding:5px}.modal-estimated-level table th{background-color:#00aaf0;color:#fff}.modal-estimated-level .th1{width:6%;height:20px}.modal-estimated-level .th2{width:7%}.modal-estimated-level .th3{width:10%}.modal-estimated-level .th4{width:15%}.modal-estimated-level .th5{width:62%}@media screen and (max-width: 600px){.modal-estimated-level .container{overflow-x:scroll;max-width:400px}.modal-estimated-level .container table{display:block;overflow-x:auto;white-space:nowrap}.modal-estimated-level .header{flex-direction:column;grid-gap:1rem;gap:1rem}.modal-estimated-level .header .spacer{width:100%;height:1px;border-bottom:2px solid #01a7ea}.modal-estimated-level .header h3{width:95%;text-align:left}}.level-block .level svg text{font-size:17px}.modal-category .modal{border-radius:2px;display:none;position:fixed;z-index:101;padding-top:5%;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.2)}.modal-category .modal-content{background-color:#fefefe;margin:auto;padding:30px;min-width:560px;max-height:75vh;width:-webkit-fit-content;width:fit-content;border-radius:2px;overflow-y:auto;scrollbar-width:none}.modal-category .modal-content .materials-detail-page--title{padding-left:0;padding-right:0}@media screen and (max-width: 600px){.modal-category .modal-content{min-width:260px}}.modal-category .modal-content .modal-data{margin-top:15px}.modal-category .modal-content .modal-data .wrap-item{font-size:15px;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #4aa4e4}.modal-category .modal-content .modal-data .wrap-item a{color:#000;word-break:break-word}.modal-category .modal-content .modal-header{display:none}.modal-category .close{color:#aaa;float:right;font-weight:bold;position:relative;top:-15px;right:-15px}.modal-category .close .icon{height:18px;width:18px}.modal-category .close:hover,.modal-category .close:focus{color:#000;text-decoration:none;cursor:pointer}.pagination2{margin:0 auto;padding:64px 32px 0}.pagination2 .pagination2__pages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;grid-gap:16px;gap:16px}.pagination2 .pagination2__item{font-size:16px;font-weight:bold;color:#fff;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:32px;height:32px}.pagination2 .pagination2__item.pagination2__item--prev,.pagination2 .pagination2__item.pagination2__item--next{background-color:#fff;width:24px;height:24px}.pagination2 .pagination2__item.pagination2__item--prev .icon,.pagination2 .pagination2__item.pagination2__item--next .icon{fill:#374957}.pagination2 .pagination2__item.pagination2__current{border:1px solid #fff;border-radius:50%}