.home-page{padding:20px 30px}.home-page__container{display:flex;justify-content:center;align-items:stretch;gap:22px;margin-bottom:47px}.home-page__sub-container{width:100%;display:flex;justify-content:space-between;align-items:stretch;gap:16px}.home-page__sub-container>div{width:49%}.home-page__list-study h3{font-size:20px;line-height:24px;font-weight:700;color:#181c32;margin-bottom:24px}.home-page__list-study .list{display:flex;flex-wrap:wrap;gap:24px}.home-page__list-study .list>div{width:31.8%}.home-hocr{height:calc(100vh - 20px);position:relative}.home-hocr .detail__Practive__left,.home-hocr .detail__Practive__right{margin-top:70px}.home-hocr .hocr-viewer-container{height:0}.home-hocr .hocr-viewer-container-turial{transform-origin:center top;padding-right:10px;top:0;position:relative}.home-hocr .button-display-none{display:none!important}.home-hocr .border-display-none,.home-hocr .detail__Practive__right{display:none}.home-hocr .ocr_page{width:1079px;height:1620px}.home-hocr .ocr_page_turial{width:1079px;left:50%;transform:translateX(-50%)}@media(max-width:1380px){.home-page__container .home-streak,.home-page__container .home-target{width:48%}.home-page__sub-container>div{width:60%!important}.home-page__list-study .list>div{width:48%}}@media(max-width:1295px){.home-page__container{flex-direction:column}.home-page__container>div{width:80%!important;margin-left:auto;margin-right:auto;max-width:unset}.home-page__container>div .home-btn{width:140px;font-size:16px!important}.home-page__sub-container{flex-direction:column;gap:22px}.home-page__sub-container>div{width:100%!important}.home-page__list-study .list{justify-content:center}.home-page__list-study .list>div{width:60%}.hocr-viewer-container-turial .ocr_page{max-height:747px}}@media(max-width:880px){.home-page{padding:20px 22px}.home-page__container>div{width:100%!important}.home-page__list-study .list{justify-content:center}.home-page__list-study .list>div{width:100%}}@media(max-width:500px){.home-page{padding:20px 15px 100px}}.home-card-share{box-shadow:0 -1px 8px 0 rgba(0,0,0,.0784313725);border-radius:24px;overflow:hidden;display:flex;position:relative;min-width:340px;transition:all .3s linear}.home-card-share__tags{position:absolute;right:0;background-color:#41b339;color:#fff;font-weight:600;font-size:14px;padding:2px 28px;border-radius:0 0 0 24px}.home-card-share__image{background:linear-gradient(270deg,#ffffff,#e1e4e7);display:flex;justify-content:center;align-items:center;position:relative;flex-grow:1;padding-left:16px}.home-card-share__image .image{width:108px}.home-card-share__image .image>img{width:100%;max-width:unset;margin-top:18px;height:auto}.home-card-share__image--infor{position:absolute;left:15px;bottom:15px;width:20px;height:20px;border-radius:50%;background:#eff0f6;display:flex;justify-content:center;align-items:center;padding:4px;box-shadow:0 4px 4px 0 rgba(0,0,0,.2509803922);cursor:pointer;transition:all .3s linear}.home-card-share__image--infor:hover{transform:scale(1.2);background-color:#fff}.home-card-share__content{width:68%;padding:36px 16px 16px 0;display:flex;flex-direction:column;justify-content:space-between}.home-card-share__content h3{font-weight:900;font-size:20px;line-height:18px;color:#000;margin:0}.home-card-share__content p{font-weight:400;font-size:12px;line-height:18px;margin:8px 0 16px;color:#000}.home-card-share__content--bottom{display:flex;justify-content:space-between;gap:16px}.home-card-share__content--bottom p{color:#000;margin:2px 0;font-size:12px}.home-card-share__content--bottom button{margin-top:-8px}.home-card-share .progress-bar{background-color:#d9d1c2;height:11px}.home-card-share .progress-bar>div{background:#41b339;height:11px}.home-card-share:hover{transform:scale(1.05);cursor:pointer}.disable-page{opacity:.3;cursor:default}.home-customs{position:relative;z-index:10}.card-home-id{position:relative;z-index:150;animation:scaleEffectCard 2s ease-in-out infinite;background:#fff}.card-home-id .home-card-share__content{background-color:#fff}@keyframes scaleEffectCard{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@media(max-width:1200px){.home-card-share__tags{padding:6px 24px}.home-card-share__content{width:64%}.home-card-share__content h3{font-size:18px}.home-card-share .progress-bar{background-color:#d9d1c2;height:8px}.home-card-share .progress-bar>div{background:#41b339;height:8px}.home-card-share:hover{transform:scale(1.05);cursor:pointer}.home-card-share .home-card-share__content--bottom .button-component{width:36px;height:36px}}@media(max-width:600px){.home-card-share__tags{font-size:13px;padding:6px 24px}}@media(max-width:400px){.home-card-share{min-width:unset;height:-moz-max-content;height:max-content;max-height:-moz-max-content;max-height:max-content}}