@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;border-style:solid;border-width:0}a,a:active,a:visited,a:hover{color:inherit;text-decoration:none;background-color:transparent}dl,ol,ul{margin:0;padding:0}li{list-style:none}p,form,dl{margin:0}button:focus{outline:none}.form-check-input:focus{box-shadow:none}body{color:#0d0d0d;font-family:UD新ゴ コンデンス90 L;font-size:16px}body .container-fluid{padding:0}h2{font-size:28px}h3{font-size:24px}body .container-fluid header{position:sticky;top:0;z-index:1042}body .container-fluid header .hamburger{background-color:#0f5cd6;border-radius:5px;cursor:pointer;display:none;height:50px;position:fixed;left:10px;top:15px;transition:.3s;width:50px;z-index:100}body .container-fluid header .hamburger:hover{opacity:.5}body .container-fluid header .hamburger span{background:#ffffff;border-radius:5px;display:inline-block;height:2px;left:14px;position:absolute;transition:all .4s;width:45%}body .container-fluid header .hamburger span:nth-of-type(1){top:13px}body .container-fluid header .hamburger span:nth-of-type(2){top:19px}body .container-fluid header .hamburger span:nth-of-type(3){top:25px}body .container-fluid header .hamburger span:nth-of-type(3):after{color:#fff;content:"メニュー";font-size:.6rem;left:-8px;position:absolute;text-transform:uppercase;top:5px;white-space:nowrap}body .container-fluid header .hamburger.isActive{background-color:#0f5cd6;border-radius:5px;cursor:pointer;height:50px;width:50px}body .container-fluid header .hamburger.isActive span:nth-of-type(1){left:18px;top:14px;transform:translateY(6px) rotate(-45deg);width:30%}body .container-fluid header .hamburger.isActive span:nth-of-type(2){opacity:0}body .container-fluid header .hamburger.isActive span:nth-of-type(3){left:18px;top:26px;transform:translateY(-6px) rotate(45deg);width:30%}body .container-fluid header .hamburger.isActive span:nth-of-type(3):after{content:"とじる";left:4px;top:5px;transform:translateY(0) rotate(-45deg)}body .container-fluid header .hamburgerSearch{background-color:#0f5cd6;border-radius:5px;cursor:pointer;display:none;height:50px;position:fixed;right:10px;top:15px;transition:.3s;width:50px;z-index:100}body .container-fluid header .hamburgerSearch:hover{opacity:.5}body .container-fluid header .hamburgerSearch span{background:#ffffff;border-radius:5px;display:inline-block;height:2px;right:14px;position:absolute;transition:all .4s;width:45%}body .container-fluid header .hamburgerSearch span:nth-of-type(1){top:13px}body .container-fluid header .hamburgerSearch span:nth-of-type(2){top:19px}body .container-fluid header .hamburgerSearch span:nth-of-type(3){top:25px}body .container-fluid header .hamburgerSearch span:nth-of-type(3):after{color:#fff;content:"さがす";font-size:.6rem;left:-3px;position:absolute;text-transform:uppercase;top:5px;white-space:nowrap}body .container-fluid header .navListSearchSp{align-items:center;justify-content:center;background-color:#fff;cursor:pointer;display:none;flex-direction:column;padding:3px;position:fixed;top:15px;transition:.3s;right:75px;border-radius:5px;border:3px solid #0F5CD6;height:50px;width:50px}body .container-fluid header .navListSearchSp .bi-search{color:#0f5cd6;font-size:24px}body .container-fluid header .navListSearchSp:hover{opacity:.5}body .container-fluid header .navberMenu{background-color:#f5fcff;border-bottom:2px solid #0f5cd6;display:flex;flex-direction:column;left:0;overflow:visible;padding:10px;position:relative;transition:.2s;width:100%;z-index:50}body .container-fluid header .navberMenu .navberHeading{align-items:center;border-bottom:3px dotted #0f5cd6;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:10px}body .container-fluid header .navberMenu .navberHeading .navLogo{background-size:cover;height:auto;margin-top:10px;width:200px}body .container-fluid header .navberMenu .navberHeading .navLogo .navLogoImg{height:auto;width:100%}body .container-fluid header .navberMenu .navberHeading .otherLogo{display:flex;gap:10px}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons{align-items:center;color:#0f5cd6;display:flex;gap:10px}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .notLoginMenu{display:flex;gap:10px}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .notLoginMenu .userRegistrationBtn{align-items:center;background-color:#3770cb;background-image:url(/build/assets/btn-blue-3dd4fd2f.png);background-size:cover;border:2px solid #0f5cd6;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0 5px;width:150px}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .notLoginMenu .userRegistrationBtn:hover{opacity:.7}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .notLoginMenu .loginBtn{align-items:center;background-color:#ffc107;background-image:url(/build/assets/btn-yellow-085dc825.png);background-size:cover;border:2px solid #ffc107;border-radius:5px;display:flex;font-weight:700;height:40px;justify-content:center;padding:0 5px;width:150px}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .notLoginMenu .loginBtn:hover{opacity:.7}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .loginMenuBtn{align-items:center;background-color:#0f5cd6;border:2px solid #0f5cd6;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;padding:0 5px}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .loginMenuBtn:hover{opacity:.7}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .loginMenuList{color:#0f5cd6;font-size:16px;min-width:110px;padding:5px}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .loginMenuList li{align-items:center;display:flex}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .loginMenuList li .bi-person-circle,body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .loginMenuList li .bi-door-closed-fill{font-size:20px}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .loginMenuList li:hover{opacity:.7}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .notLoginMenu{display:flex;opacity:.3s;transition:.3s}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .notLoginMenu.isNotLogin{display:none}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .loginMenu{display:none}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons .loginMenu.isLogin{display:flex}body .container-fluid header .navberMenu .navHeadingBtn{align-items:center;display:flex;gap:10px;height:auto;margin-right:60px}body .container-fluid header .navberMenu .navHeadingBtn .furiganaChangeBtn{align-items:center;background-color:#fff;border:2px solid #0f5cd6;border-radius:5px;color:#333;color:#0f5cd6;display:flex;gap:5px;height:40px;justify-content:center;padding:0 3px;text-align:center;transition:.1s;width:calc(100% - 32px)}body .container-fluid header .navberMenu .navHeadingBtn .furiganaChangeBtn p{font-size:1rem}body .container-fluid header .navberMenu .navHeadingBtn .furiganaChangeBtn .furiganaOnOffBtn .furiganaOff{border:1px solid #0f5cd6;border-radius:10px;color:#0f5cd6;display:none;font-size:.6rem;padding:2px}body .container-fluid header .navberMenu .navHeadingBtn .furiganaChangeBtn .furiganaOnOffBtn .furiganaOff.isActive{display:block}body .container-fluid header .navberMenu .navHeadingBtn .furiganaChangeBtn .furiganaOnOffBtn .furiganaOn{background-color:#0f5cd6;border:1px solid #0f5cd6;border-radius:10px;color:#fff;display:none;font-size:.6rem;padding:2px}body .container-fluid header .navberMenu .navHeadingBtn .furiganaChangeBtn .furiganaOnOffBtn .furiganaOn.isActive{display:block}body .container-fluid header .navberMenu .navHeadingBtn .furiganaChangeBtn:hover{opacity:.7}body .container-fluid header .navberMenu .navHeadingBtn .selectLanguage .languageBtn{background-color:#fff;border:2px solid #0f5cd6;border-radius:5px;color:#0f5cd6;height:40px}body .container-fluid header .navberMenu .navHeadingBtn .selectLanguage .languageBtn:hover{opacity:.7}body .container-fluid header .navberMenu .navHeadingBtn .selectLanguage .btn:focus{border:2px solid #0f5cd6;box-shadow:none}body .container-fluid header .navberMenu .navHeadingBtn .selectLanguage .dropdown-menu{min-width:0;width:140px}body .container-fluid header .navberMenu .navHeadingBtn .selectLanguage .languageMenu .dropdown-item{padding:0;text-align:center}body .container-fluid header .navberMenu .navHeadingBtn .selectLanguage .languageMenu .dropdown-item:hover{background-color:transparent;opacity:.7}body .container-fluid header .navberMenu .navList{border-radius:5px;color:#0f5cd6;display:flex;flex-wrap:wrap;height:100%;justify-content:center}body .container-fluid header .navberMenu .navList .navListBlock{display:flex;position:relative}body .container-fluid header .navberMenu .navList .navListBlock:nth-of-type(6):after,body .container-fluid header .navberMenu .navList .navListBlock:nth-of-type(7):after{background-color:#0f5cd6;content:"";height:70%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px}body .container-fluid header .navberMenu .navList .navListBlock:hover{opacity:.7}body .container-fluid header .navberMenu .navList .navListBlock .navLink{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;gap:5px;padding:7px;transition:.3s;width:145px}body .container-fluid header .navberMenu .navList .navListBlock .navLink .bsIcon{font-size:1.6rem}body .container-fluid header .navberMenu .navList .navListBlock:nth-of-type(1) .navLink,body .container-fluid header .navberMenu .navList .navListBlock:nth-of-type(8) .navLink{width:110px}body .container-fluid header .navberMenu .navList .navListBlock:nth-of-type(4) .navLink,body .container-fluid header .navberMenu .navList .navListBlock:nth-of-type(7) .navLink{width:130px}body .container-fluid header .navberMenu .navList .navListBlock .furiganaImg{height:auto;width:35px}body .container-fluid header .navberMenu .navList .navListBlock .brailleImg{height:auto;width:30px}body .container-fluid header .navberMenu .navList .navListBlock .textConversionImg{height:auto;width:28px}body .container-fluid header .navberMenu .navList .navListBlock .homeIcon{border-radius:10px;position:relative}body .container-fluid header .navberMenu .navList .navListBlock .homeIcon.isActive{background-color:#0f5cd6;color:#fff}body .container-fluid header .navberMenu .navList .navListBlock .libraryIcon{border-radius:10px;position:relative}body .container-fluid header .navberMenu .navList .navListBlock .libraryIcon.isActive{background-color:#0f5cd6;color:#fff}body .container-fluid header .navberMenu .navList .navListBlock .navUploadMenu{background-color:#f5fcff;border:2px solid #0f5cd6;border-radius:10px;display:none;left:50%;padding:5px;position:absolute;top:110px;transform:translate(-50%,-50%);z-index:1}body .container-fluid header .navberMenu .navList .navListBlock .navUploadMenu .navUploadList{cursor:pointer;display:flex;padding:7px;transition:.3s;width:120px}body .container-fluid header .navberMenu .navList .navListBlock .navUploadMenu .navUploadList:hover{opacity:.7}body .container-fluid header .navberMenu .navList .navListBlock .navUploadMenu .navUploadList .bsIcon{font-size:1.6rem}body .container-fluid header .navberMenu .navList .navListBlock .navUploadMenu .navUploadList .navberItem{align-items:center;border-radius:10px;display:flex;font-size:.9rem;gap:5px;text-align:center}body .container-fluid header .navberMenu .navList .navListBlock .navUploadMenu .navUploadList .navberItem .navLink{padding:0 5px}body .container-fluid header .navberMenu .navList .navListBlock .navUploadMenu .navUploadList .navberItem .navLinkPDF{font-size:.6rem}body .container-fluid header .navberMenu .navList .navListBlock .navUploadMenu .navUploadList .furiganaImg{height:auto;width:35px}body .container-fluid header .navberMenu .navList .navListBlock .navUploadMenu .navUploadList .brailleImg{height:auto;width:30px}body .container-fluid header .navberMenu .navList .navListBlock .navUploadMenu .navUploadList .textConversionImg{height:auto;width:28px}body .container-fluid header .navberMenu .navList .navListBlock .navUploadMenu.isVisible{display:flex}body .container-fluid header .navberMenu .navList .navListBlock .navUploadMenu:before{border-bottom:12px solid #0f5cd6;border-left:10px solid transparent;border-right:10px solid transparent;content:"";height:0;left:50%;position:absolute;top:-12px;transform:translate(-50%);width:0;z-index:0}body .container-fluid header .navberMenu .navList .navListBlock .navUploadMenu:after{border-bottom:10px solid #f5fcff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";height:0;left:50%;position:absolute;top:-9px;transform:translate(-50%);width:0;z-index:1}body .container-fluid header .navberMenu .navList .libraryOnlyRequestBlock{display:none;justify-content:center}body .container-fluid header .navberMenu .navList .libraryOnlyRequestBlock:hover{opacity:.5}body .container-fluid header .navberMenu .navList .libraryOnlyRequestBlock .requestRankingBtnSp{padding:7px;transition:.3s;width:100px}body .container-fluid header .navberMenu .navList .libraryOnlyRequestBlock .requestRankingBtnSp img{width:100%}body .container-fluid header .navberMenu .isLoginBtn{position:absolute;top:0;left:0}@media (max-width: 1199px){body .container-fluid header .hamburgerSearch{display:block}body .container-fluid header .navberMenu .navList .navListBlock .navListSearch{display:flex}body .container-fluid header .navberMenu .navList .libraryOnlySearchBlock{display:flex}}@media (max-width: 1199px) and (max-width: 991px){body .container-fluid header .navberMenu .navberHeading{display:flex;flex-direction:column;gap:0;padding-bottom:10px}body .container-fluid header .navberMenu .navberHeading .otherLogo .navHeadingBtn{margin-right:0}body .container-fluid header .navberMenu .navList .navUploadBlock .navUploadMenu{left:52%;position:absolute;top:170px}body .container-fluid header .navberMenu .navList .navUploadBlock .navUploadMenu.isVisible{display:block}}@media (max-width: 1199px) and (max-width: 767px){body .container-fluid header .hamburger{display:block}body .container-fluid header .navListSearchSp{display:flex}body .container-fluid header .navberMenu{display:none}body .container-fluid header .navberMenu.isVisible{display:flex}body .container-fluid header .navberMenu .navberHeading .otherLogo{align-items:center;display:flex;flex-direction:column;justify-content:center}body .container-fluid header .navberMenu .navberHeading .otherLogo .accountIcons{flex-direction:column}body .container-fluid header .navberMenu .navList .navUploadBlock .navUploadMenu{left:50%}}@media (max-width: 1199px) and (max-width: 575px){body .container-fluid header .navberMenu{display:none;overflow:scroll;height:100vh}body .container-fluid header .navberMenu.isVisible{position:fixed;top:0}body .container-fluid header .navberMenu .navberHeading{margin-bottom:0}body .container-fluid header .navberMenu .navberHeading .otherLogo{align-items:center;display:flex;flex-direction:column;justify-content:center}body .container-fluid header .navberMenu .navList{display:flex;flex-direction:column;justify-content:flex-start}body .container-fluid header .navberMenu .navList .navListBlock{display:block}body .container-fluid header .navberMenu .navList .navListBlock .libraryIcon{margin:0}body .container-fluid header .navberMenu .navList .navListBlock .navLink{width:100%;flex-direction:row;justify-content:center;flex-wrap:nowrap}body .container-fluid header .navberMenu .navList .navListBlock .navLink .requestRankingBtnSp{text-align:center;width:100px}body .container-fluid header .navberMenu .navList .navListBlock .navLink .requestRankingBtnSp img{width:100%}body .container-fluid header .navberMenu .navList .navListBlock:nth-of-type(1) .navLink,body .container-fluid header .navberMenu .navList .navListBlock:nth-of-type(8) .navLink{width:100%}body .container-fluid header .navberMenu .navList .navListBlock:nth-of-type(4) .navLink,body .container-fluid header .navberMenu .navList .navListBlock:nth-of-type(7) .navLink{width:100%}body .container-fluid header .navberMenu .navList .navListBlock .navUploadBlock .navUploadMenu{top:140px}body .container-fluid header .navberMenu .navList .navListBlock:nth-of-type(6),body .container-fluid header .navberMenu .navList .navListBlock:nth-of-type(7){border-bottom:2px dotted #0f5cd6}body .container-fluid header .navberMenu .navList .navListBlock:nth-of-type(6):after,body .container-fluid header .navberMenu .navList .navListBlock:nth-of-type(7):after{display:none}body .container-fluid header .navberMenu .navList .libraryOnlySearchBlock{display:none}body .container-fluid header .navberMenu .navList .libraryOnlyRequestBlock{display:flex}}body .container-fluid main .search{align-items:center;background-color:#f5fcff;border-left:2px solid #0f5cd6;display:flex;flex-direction:column;height:100vh;padding:250px 10px 10px;position:fixed;right:0;top:0;width:250px;z-index:1041}body .container-fluid main .search.isVisible{display:block}body .container-fluid main .search .closeSearchBtn{color:#0f5cd6;cursor:pointer;display:none;font-size:2rem;justify-content:flex-end;margin-bottom:20px}body .container-fluid main .search .closeSearchBtn:hover{opacity:.5}body .container-fluid main .search .library-search-form{align-items:center;display:flex;flex-direction:column;justify-content:center}body .container-fluid main .search .library-search-form .searchConditions{align-items:center;display:flex;background-color:#fff;border:2px solid #0f5cd6;border-radius:10px;flex-direction:column;justify-content:center;padding:10px;margin-bottom:20px}body .container-fluid main .search .library-search-form .searchConditions .keyword{align-items:center;color:#0f5cd6;display:flex;flex-direction:column;margin-bottom:20px}body .container-fluid main .search .library-search-form .searchConditions .keyword .keywordHeading{align-items:center;display:flex;gap:10px}body .container-fluid main .search .library-search-form .searchConditions .keyword .keywordHeading .form-label{margin-bottom:0}body .container-fluid main .search .library-search-form .searchConditions .keyword .keywordHeading .bi-key{font-size:2rem;transform:rotate(45deg)}body .container-fluid main .search .library-search-form .searchConditions .keyword .keywordInputBox{background-color:#fff;border:2px solid #0f5cd6;border-radius:10px;cursor:pointer;height:40px;padding:3px;width:200px}body .container-fluid main .search .library-search-form .searchConditions .keyword .keywordInputBox:hover{opacity:.7}body .container-fluid main .search .library-search-form .searchConditions .genres{align-items:center;display:flex;flex-direction:column}body .container-fluid main .search .library-search-form .searchConditions .genres .genresHeading{align-items:center;color:#0f5cd6;display:flex;gap:10px}body .container-fluid main .search .library-search-form .searchConditions .genres .genresHeading .form-label{margin-bottom:0}body .container-fluid main .search .library-search-form .searchConditions .genres .genresHeading .bi-filter-circle{font-size:2rem}body .container-fluid main .search .library-search-form .searchConditions .genres .seledtGenres{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}body .container-fluid main .search .library-search-form .searchConditions .genres .seledtGenres .seledtGenresBtn{align-items:center;background-color:#fff;border:2px solid #0f5cd6;border-radius:10px;color:#0f5cd6;cursor:pointer;display:flex;height:40px;justify-content:center;transition:.3s;width:200px}body .container-fluid main .search .library-search-form .searchConditions .genres .seledtGenres .seledtGenresBtn:hover{opacity:.7}body .container-fluid main .search .library-search-form .searchConditions .conditions{align-items:center;color:#0f5cd6;display:flex;flex-direction:column;margin-bottom:10px;width:200px}body .container-fluid main .search .library-search-form .searchConditions .conditions .accordion-item{border:none}body .container-fluid main .search .library-search-form .searchConditions .conditions .accordion-item .accordion-header{display:flex;justify-content:center}body .container-fluid main .search .library-search-form .searchConditions .conditions .accordion-item .accordion-header .accordion-button{border:2px solid #0f5cd6;border-radius:10px;color:#0f5cd6;height:40px;width:200px}body .container-fluid main .search .library-search-form .searchConditions .conditions .accordion-item .accordion-header .accordion-button:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230f5cd6'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")}body .container-fluid main .search .library-search-form .searchConditions .conditions .accordion-item .accordion-header .accordion-button:after{color:#0f5cd6}body .container-fluid main .search .library-search-form .searchConditions .conditions .accordion-item .accordion-header .accordion-button:hover{opacity:.5}body .container-fluid main .search .library-search-form .searchConditions .conditions .accordion-item .accordion-header .accordion-button:focus{background-color:inherit;box-shadow:none;outline:none}body .container-fluid main .search .library-search-form .searchConditions .conditions .accordion-collapse .accordion-body{overflow:auto}body .container-fluid main .search .library-search-form .searchConditions .conditions .accordion-collapse .accordion-body .ruby{border-bottom:3px dotted #0f5cd6;margin-bottom:10px}body .container-fluid main .search .library-search-form .searchConditions .conditions .accordion-collapse .accordion-body .Separation{border-bottom:3px dotted #0f5cd6;margin-bottom:10px}body .container-fluid main .search .library-search-form .searchDecision{align-items:center;background-color:#fff;border:2px solid #0f5cd6;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;padding:10px}body .container-fluid main .search .library-search-form .searchDecision .searchDecisionBtn{align-items:center;background-color:#0f5cd6;border:2px solid #0f5cd6;border-radius:10px;color:#fff;cursor:pointer;display:flex;gap:10px;height:40px;justify-content:center;margin-bottom:20px;transition:.2s;width:200px}body .container-fluid main .search .library-search-form .searchDecision .searchDecisionBtn .bi-search{font-size:1.6rem}body .container-fluid main .search .library-search-form .searchDecision .searchDecisionBtn:hover{opacity:.7}body .container-fluid main .search .library-search-form .searchDecision .searchClearBtn{align-items:center;background-color:#a9a9a9;border:2px solid #a9a9a9;border-radius:10px;color:#fff;cursor:pointer;display:flex;gap:10px;height:40px;justify-content:center;transition:.2s;width:200px}body .container-fluid main .search .library-search-form .searchDecision .searchClearBtn .bi-arrow-clockwise{font-size:1.5rem}body .container-fluid main .search .library-search-form .searchDecision .searchClearBtn:hover{opacity:.7}body .container-fluid main .search .library-search-form .OutputResult{margin-bottom:20px}body .container-fluid main .search .library-search-form .OutputResult .OutputResultBtn{align-items:center;background-color:#fff;border:2px solid #0f5cd6;border-radius:10px;color:#0f5cd6;cursor:pointer;display:flex;gap:10px;height:55px;justify-content:center;transition:.2s;width:225px}body .container-fluid main .search .library-search-form .OutputResult .OutputResultBtn .bi-box-arrow-up{font-size:1.5rem}body .container-fluid main .search .library-search-form .OutputResult .OutputResultBtn:hover{opacity:.7}body .container-fluid main .search .requestRanking{align-items:center;display:flex;justify-content:center}body .container-fluid main .search .requestRanking .requestRankingBtn{align-items:center;background-color:#fff;border:2px solid #0f5cd6;border-radius:10px;color:#0f5cd6;cursor:pointer;display:flex;gap:10px;height:40px;justify-content:center;transition:.2s;width:200px}body .container-fluid main .search .requestRanking .requestRankingBtn .bi-trophy{font-size:1.5rem}body .container-fluid main .search .requestRanking .requestRankingBtn:hover{opacity:.7}body .container-fluid main .genresModal{border-radius:10px;color:#000;cursor:pointer;display:none;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:100}body .container-fluid main .genresModal.isVisible{display:block}body .container-fluid main .genresModal .genresModalHeading{align-items:center;background-color:#0f5cd6;border:1px solid #0f5cd6;border-radius:10px 10px 0 0;color:#fff;display:flex;justify-content:space-between;padding:5px 10px}body .container-fluid main .genresModal .genresModalHeading .genresModalCloseBtn{font-size:24px}body .container-fluid main .genresModal .genresModalHeading .genresModalCloseBtn:hover{opacity:.7}body .container-fluid main .genresModal .genresModalBody{background-color:#fff;border:2px solid #0f5cd6;border-radius:0 0 10px 10px;display:grid;grid-template-columns:repeat(3,1fr);padding:10px;white-space:nowrap}body .container-fluid main .bookGal{width:calc(100% - 250px)}body .container-fluid main .bookGal .bookGalHeading{display:flex;margin-bottom:20px}body .container-fluid main .bookGal .bookGalHeading .bookSearchImg{height:auto;object-fit:cover;width:50px}body .container-fluid main .bookGal .bookGalHeading .bookGalTitle{align-items:center;display:flex;gap:10px;width:200px}body .container-fluid main .bookGal .bookGalHeading .bookGalTitle .bookGalTitleJa{color:#0f5cd6;font-size:1.6rem}body .container-fluid main .bookGal .fixArea{background-color:#fff;padding:10px;position:sticky;position:-webkit-sticky;top:0;width:100%}body .container-fluid main .bookGal .fixArea .fixImageGroup{display:flex;justify-content:space-between}body .container-fluid main .bookGal .fixArea .fixImageGroup .libraryBookLogo{align-items:center;background-color:#fff;display:flex;height:auto;padding-top:10px;width:100%}body .container-fluid main .bookGal .fixArea .fixImageGroup .libraryBookLogo img{height:auto;object-fit:cover;width:170px}body .container-fluid main .bookGal .fixArea .fixImageGroup .requestRankingBtn{align-items:center;background-color:#fff;cursor:pointer;display:flex;height:auto;padding-top:10px;transition:.3s}body .container-fluid main .bookGal .fixArea .fixImageGroup .requestRankingBtn img{height:auto;object-fit:cover;width:100px}body .container-fluid main .bookGal .fixArea .fixImageGroup .requestRankingBtn:hover{opacity:.8}body .container-fluid main .bookGal .fixArea .displayAndPage{background-color:#fff;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-bottom:10px}body .container-fluid main .bookGal .fixArea .displayAndPage .navLogoTb-Sp{display:none}body .container-fluid main .bookGal .fixArea .displayAndPage .page{align-items:center;display:flex;gap:20px}body .container-fluid main .bookGal .fixArea .displayAndPage .page .pagination{border:2px solid #0f5cd6;border-radius:5px;cursor:pointer}body .container-fluid main .bookGal .fixArea .displayAndPage .page .pagination .page-item .page-link{color:#0f5cd6}body .container-fluid main .bookGal .fixArea .displayAndPage .page .pagination .page-item .page-link:hover{background-color:transparent;opacity:.7}body .container-fluid main .bookGal .fixArea .displayAndPage .page .pagination .page-item.active .page-link{background-color:#0f5cd6;color:#fff}body .container-fluid main .bookGal .fixArea .displayAndPage .page .numberDropdown{color:#0f5cd6}body .container-fluid main .bookGal .fixArea .displayAndPage .page .numberDropdown .numberDropdownBtn{align-items:center;background-color:#fff;border:2px solid #0f5cd6;border-radius:10px;color:#0f5cd6;display:flex;justify-content:center;padding:5px;width:100px}body .container-fluid main .bookGal .fixArea .displayAndPage .page .numberDropdown .dropdown-menu.show{min-width:0;width:100px}body .container-fluid main .bookGal .fixArea .displayAndPage .page .numberDropdown .dropdown-menu .dropdown-item:hover{background-color:transparent;opacity:.7}body .container-fluid main .bookGal .fixArea .displayAndPage .page .pagecount{background-color:#0000000d;border-radius:10px;padding:5px}body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay{align-items:center;display:flex;gap:30px}body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay .changeOrder{display:flex;gap:10px}body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay .changeOrder .latestOrderBtn,body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay .changeOrder .popularityOrderBtn{background-color:#fff;border:2px solid #0f5cd6;border-radius:10px;color:#0f5cd6;cursor:pointer;padding:5px;transition:.3s}body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay .changeOrder .latestOrderBtn:hover,body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay .changeOrder .popularityOrderBtn:hover{opacity:.7}body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay .changeOrder .latestOrderBtn.isActive,body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay .changeOrder .popularityOrderBtn.isActive{background-color:#0f5cd6;border:2px solid #0f5cd6;color:#fff}body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay .changeView{align-items:center;color:#0f5cd6;display:flex;gap:10px}body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay .changeView .isListViewBtn{cursor:pointer;font-size:40px;padding:0 10px;transition:.3s}body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay .changeView .isListViewBtn:hover{opacity:.7}body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay .changeView .isListViewBtn.isActive{background-color:#0f5cd6;border-radius:10px;color:#fff}body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay .changeView .isGridViewBtn{cursor:pointer;font-size:2.5rem;padding:0 10px;transition:.3s}body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay .changeView .isGridViewBtn:hover{opacity:.7}body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay .changeView .isGridViewBtn.isActive{background-color:#0f5cd6;border-radius:10px;color:#fff}body .container-fluid main .bookGal .fixArea .bookCategory{background-color:#fff;display:grid;grid-template-columns:repeat(6,1fr);place-items:center;position:sticky;position:-webkit-sticky;top:20px}body .container-fluid main .bookGal .fixArea .bookCategory.isHidden{display:none}body .container-fluid main .bookGal .fixArea .bookCategory:after{background-color:#0f5cd6;border-radius:30px 30px 0 0;content:"";height:100%;position:absolute;width:100%}body .container-fluid main .bookGal .fixArea .bookCategory .categoryImg,body .container-fluid main .bookGal .fixArea .bookCategory .categoryName,body .container-fluid main .bookGal .fixArea .bookCategory .categoryAuther,body .container-fluid main .bookGal .fixArea .bookCategory .categoryJenres,body .container-fluid main .bookGal .fixArea .bookCategory .categoryPopularity,body .container-fluid main .bookGal .fixArea .bookCategory .categoryRegisteredDate{background-color:#0f5cd6;border-radius:30px;color:#fff;padding:5px 10px;transition:.3s;z-index:1}body .container-fluid main .bookGal .fixArea .bookCategory .categoryImg a,body .container-fluid main .bookGal .fixArea .bookCategory .categoryName a,body .container-fluid main .bookGal .fixArea .bookCategory .categoryAuther a,body .container-fluid main .bookGal .fixArea .bookCategory .categoryJenres a,body .container-fluid main .bookGal .fixArea .bookCategory .categoryPopularity a,body .container-fluid main .bookGal .fixArea .bookCategory .categoryRegisteredDate a{color:#fff}body .container-fluid main .bookGal .fixArea .bookCategory .categoryImg:hover,body .container-fluid main .bookGal .fixArea .bookCategory .categoryName:hover,body .container-fluid main .bookGal .fixArea .bookCategory .categoryAuther:hover,body .container-fluid main .bookGal .fixArea .bookCategory .categoryJenres:hover,body .container-fluid main .bookGal .fixArea .bookCategory .categoryPopularity:hover,body .container-fluid main .bookGal .fixArea .bookCategory .categoryRegisteredDate:hover{background-color:#fff;color:#0f5cd6}body .container-fluid main .bookGal .fixArea .bookCategory .categoryImg:hover a,body .container-fluid main .bookGal .fixArea .bookCategory .categoryName:hover a,body .container-fluid main .bookGal .fixArea .bookCategory .categoryAuther:hover a,body .container-fluid main .bookGal .fixArea .bookCategory .categoryJenres:hover a,body .container-fluid main .bookGal .fixArea .bookCategory .categoryPopularity:hover a,body .container-fluid main .bookGal .fixArea .bookCategory .categoryRegisteredDate:hover a{color:#0f5cd6}body .container-fluid main .bookGal .displayBook .listView{display:none}body .container-fluid main .bookGal .displayBook.isListView .listView{display:block}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook{cursor:pointer;padding:0 10px}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook .eachBook{border-bottom:2px solid #cccccc;border-right:4px solid #cccccc;margin-bottom:5px;transition:.3s}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook .eachBook .bookDetailLink{display:grid;grid-auto-rows:minmax(100px,auto);grid-template-columns:repeat(6,1fr);place-items:center}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook .eachBook .bookDetailLink .bookImg{align-items:center;display:flex;height:auto;justify-content:center;object-fit:cover;width:50px}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook .eachBook .bookDetailLink .bookImg img{width:100%}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook .eachBook .bookDetailLink .bookTitle{max-width:100%;white-space:normal;word-wrap:break-word}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook .eachBook .bookDetailLink:hover{background-color:#f5fcff;border-bottom:2px solid #0f5cd6;border-right:4px solid #0f5cd6}body .container-fluid main .bookGal .displayBook .isGridView{display:none}body .container-fluid main .bookGal .displayBook.isGridView{display:block}body .container-fluid main .bookGal .displayBook.isGridView .gridView{display:grid}body .container-fluid main .bookGal .displayBook.isGridView .gridView .bookCategory{display:none}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook{cursor:pointer;display:grid;grid-auto-rows:minmax(250px,auto);grid-template-columns:repeat(3,1fr)}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook .eachBook{border-bottom:2px solid #cccccc;border-right:4px solid #cccccc;margin-bottom:3px;margin-right:5px;margin-top:3px;transition:.3s}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook .eachBook:hover{background-color:#f5fcff;border-bottom:2px solid #0f5cd6;border-right:4px solid #0f5cd6}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook .eachBook .bookDetailLink{display:grid;grid-template-columns:1fr 1fr;padding:0 5px;place-items:center}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook .eachBook .bookDetailLink .bookImg{grid-column:1/2;grid-row:1/6;height:auto;width:125px}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook .eachBook .bookDetailLink .bookImg img{width:100%}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook .eachBook .bookDetailLink .bookTitle{background-color:#0f5cd61a;border-radius:5px;grid-column:2/3;grid-row:1/2;padding:3px 5px;white-space:normal}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook .eachBook .bookDetailLink .bookAuther{grid-column:2/3;grid-row:2/3}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook .eachBook .bookDetailLink .bookJenres{grid-column:2/3;grid-row:3/4}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook .eachBook .bookDetailLink .bookPopularity{grid-column:2/3;grid-row:4/5}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook .eachBook .bookDetailLink .bookRegisteredDate{grid-column:2/3;grid-row:5/6}body .container-fluid .moveTopBtn{align-items:center;background-color:#ffd569;border:2px solid #0f5cd6;border-radius:50%;bottom:20px;color:#0f5cd6;display:flex;flex-direction:column;font-size:.8rem;height:75px;justify-content:center;opacity:0;padding:5px;position:fixed;right:270px;transition:.3s;visibility:hidden;width:75px}body .container-fluid .moveTopBtn .bi-caret-up-fill{font-size:2rem}body .container-fluid .moveTopBtn.visible{opacity:1;visibility:visible}@media (max-width: 1199px){body .container-fluid header .navberMenu .navList .navListBlock .navListSearch{display:flex}body .container-fluid header .navberMenu .navList .navListBlock:last-child .navListGroup:nth-of-type(4){display:block}body .container-fluid main .searchMask{background-color:#00000080;bottom:0;height:100%;left:0;opacity:0;position:fixed;right:0;top:0;transition:.5s;visibility:hidden;width:100%;z-index:70}body .container-fluid main .searchMask.isVisible{opacity:1;visibility:visible}body .container-fluid main .search{display:none;padding:20px 10px 10px;position:fixed;top:0;z-index:1042}body .container-fluid main .search .closeSearchBtn{display:flex}body .container-fluid main .bookGal{width:100%}body .container-fluid main .bookGal .fixArea .displayAndPage{width:100%}body .container-fluid main .bookGal .fixArea .displayAndPage .page{padding-right:20px}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook{display:grid;grid-template-columns:repeat(2,1fr)}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook .eachBook{display:grid}body .container-fluid main .bookGal .displayBook .moveTopBtn{height:50px;right:20px;width:50px}}@media (max-width: 991px){body .container-fluid main{margin-top:0}body .container-fluid main .bookGal{margin-top:0;width:100%}body .container-fluid main .bookGal .fixArea .displayAndPage{padding-bottom:16px;padding-right:0}body .container-fluid main .bookGal .fixArea .displayAndPage .page{justify-content:flex-end}body .container-fluid main .bookGal .displayBook.isDown{position:static}body .container-fluid main .bookGal .displayBook.isListView .listView .bookCategory{top:440px;width:calc(100% - 20px)}}@media (max-width: 767px){body .container-fluid main .search .genres .genresModal .genresModalBody{grid-template-columns:repeat(2,1fr)}body .container-fluid main .bookGal .fixArea .fixImageGroup .requestRankingBtn{position:absolute;top:-50px;right:75px;width:75px}body .container-fluid main .bookGal .fixArea .fixImageGroup .requestRankingBtn img{width:100%}body .container-fluid main .bookGal .fixArea .displayAndPage{align-items:start;gap:10px;padding:10px;top:0}body .container-fluid main .bookGal .fixArea .displayAndPage .page .numberDropdown .numberDropdownBtn{width:65px}body .container-fluid main .bookGal .fixArea .displayAndPage .page .pagecount{font-size:.7rem}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook .eachBook{display:grid;grid-gap:5px;padding:5px}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook{grid-auto-rows:minmax(200px,auto)}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook .eachBook .bookImg{height:auto;width:100px}}@media (max-width: 575px){body .container-fluid header .navberMenu .navList .navListBlock .navListSearch{grid-column:1/2}body .container-fluid main .search .genres .genresModal .genresModalBody{grid-template-columns:repeat(1,1fr)}body .container-fluid main .bookGal .fixArea{position:static}body .container-fluid main .bookGal .fixArea .fixImageGroup .requestRankingBtn{top:0}body .container-fluid main .bookGal .fixArea .displayAndPage{align-items:center;display:flex;justify-content:center;padding:0 0 10px}body .container-fluid main .bookGal .fixArea .displayAndPage .changeDisplay{gap:50px;justify-content:center}body .container-fluid main .bookGal .fixArea .displayAndPage .page{display:grid;font-size:.9rem;grid-gap:10px;grid-template-columns:repeat(2,1fr);padding-right:0}body .container-fluid main .bookGal .fixArea .displayAndPage .page .pagination{grid-column:1/3;grid-row:2/3}body .container-fluid main .bookGal .fixArea .displayAndPage .page .pagination .page-item .page-link:hover{background-color:transparent;opacity:.7}body .container-fluid main .bookGal .fixArea .displayAndPage .page .pagination .page-item .pageLink{color:#0f5cd6}body .container-fluid main .bookGal .fixArea .displayAndPage .page .numberDropdown{grid-column:1/2;grid-row:1/2}body .container-fluid main .bookGal .fixArea .displayAndPage .page .pagecount{grid-column:2/3;grid-row:1/2}body .container-fluid main .bookGal .fixArea .displayAndPage.isDown{position:static}body .container-fluid main .bookGal .fixArea .bookCategory{top:180px}body .container-fluid main .bookGal .fixArea .bookCategory .categoryImg{grid-column:1/2;grid-row:1/7;padding:3px}body .container-fluid main .bookGal .fixArea .bookCategory .categoryName{grid-column:2/5;grid-row:2/4;padding:3px}body .container-fluid main .bookGal .fixArea .bookCategory .categoryAuther{grid-column:2/5;grid-row:4/6;padding:3px}body .container-fluid main .bookGal .fixArea .bookCategory .categoryJenres{grid-column:5/7;grid-row:1/3;padding:3px}body .container-fluid main .bookGal .fixArea .bookCategory .categoryPopularity{grid-column:5/7;grid-row:3/5;padding:3px}body .container-fluid main .bookGal .fixArea .bookCategory .categoryRegisteredDate{grid-column:5/7;grid-row:5/7;padding:3px}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook .eachBook{display:block}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook .eachBook .bookDetailLink{align-self:center;display:grid;gap:10px;grid-template-rows:repeat(6,1fr);height:minmax(100px,auto);height:150px;justify-content:center;justify-self:center;margin-bottom:10px}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook .eachBook .bookImg{grid-column:1/2;grid-row:1/7}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook .eachBook .bookTitle{grid-column:2/4;grid-row:2/4;white-space:wrap}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook .eachBook .bookAuther{grid-column:2/4;grid-row:4/6}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook .eachBook .bookJenres{grid-column:4/7;grid-row:1/3}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook .eachBook .bookPopularity{grid-column:4/7;grid-row:3/5}body .container-fluid main .bookGal .displayBook.isListView .listView .allbook .eachBook .bookRegisteredDate{grid-column:4/7;grid-row:5/7}body .container-fluid main .bookGal .displayBook.isGridView .gridView .allbook{grid-template-columns:1fr}}body .container-fluid .requestMain{margin:0 auto;max-width:1200px;padding:10px}body .container-fluid .requestMain .requestFixArea{background-color:#fff;display:flex;gap:20px;justify-content:space-between;padding-bottom:20px;padding-top:20px;position:sticky;position:-webkit-sticky;width:100%}body .container-fluid .requestMain .requestFixArea .requestTitle{font-size:24px}body .container-fluid .requestMain .requestFixArea .requestBtnBlock{display:flex;gap:10px}body .container-fluid .requestMain .requestFixArea .requestBtnBlock .newRequestBtn{align-items:center;background-color:#0f5cd6;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:10px;height:40px;justify-content:center;padding:5px 10px;transition:.3s}body .container-fluid .requestMain .requestFixArea .requestBtnBlock .newRequestBtn:hover{opacity:.7}body .container-fluid .requestMain .requestFixArea .requestBtnBlock .backLibraryGalBtn{align-items:center;background-color:#fff;border:2px solid #696969;border-radius:5px;color:#696969;cursor:pointer;display:flex;height:40px;justify-content:center;padding:3px;transition:.3s}body .container-fluid .requestMain .requestFixArea .requestBtnBlock .backLibraryGalBtn:hover{opacity:.7}body .container-fluid .requestMain .requestFixArea p{word-break:break-word}body .container-fluid .requestMain .confirmModalMask{background-color:#0003;bottom:0;height:100%;left:0;opacity:0;position:fixed;right:0;top:0;transition:.3s;visibility:hidden;width:100%;z-index:1000}body .container-fluid .requestMain .confirmModalMask.isVisible{opacity:1;visibility:visible}body .container-fluid .requestMain .requestConfirmModal{align-items:center;background-color:#fff;border:5px solid #0f5cd6;border-radius:10px;display:flex;flex-direction:column;height:200px;justify-content:center;left:50%;opacity:0;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.3);transition:.3s;visibility:hidden;width:315px;z-index:1100}body .container-fluid .requestMain .requestConfirmModal.isVisible{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible}body .container-fluid .requestMain .requestConfirmModal .requestConfirmClose{position:absolute;right:10px;top:5px}body .container-fluid .requestMain .requestConfirmModal .requestConfirmClose:hover{opacity:.7}body .container-fluid .requestMain .requestConfirmModal .requestConfirmModalBody{align-items:center;display:flex;flex-direction:column;justify-content:center}body .container-fluid .requestMain .requestConfirmModal .requestConfirmModalBody .requestConfirmBtnBlock{bottom:10px;display:flex;gap:10px;position:absolute;right:10px}body .container-fluid .requestMain .requestConfirmModal .requestConfirmModalBody .requestCancelBtn{border:2px solid #696969;border-radius:5px;color:#696969;padding:5px}body .container-fluid .requestMain .requestConfirmModal .requestConfirmModalBody .requestYesBtn{background-color:#0f5cd6;border-radius:5px;color:#fff;padding:5px}body .container-fluid .requestMain .factoryConfirmModal{align-items:center;background-color:#fff;border:5px solid #0f5cd6;border-radius:10px;display:flex;flex-direction:column;height:200px;justify-content:center;left:50%;opacity:0;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.3);transition:.3s;visibility:hidden;width:315px;z-index:1100}body .container-fluid .requestMain .factoryConfirmModal.isVisible{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible}body .container-fluid .requestMain .factoryConfirmModal .factoryConfirmClose{position:absolute;right:10px;top:5px}body .container-fluid .requestMain .factoryConfirmModal .factoryConfirmClose:hover{opacity:.7}body .container-fluid .requestMain .factoryConfirmModal .factoryConfirmModalBody{align-items:center;display:flex;flex-direction:column;justify-content:center}body .container-fluid .requestMain .factoryConfirmModal .factoryConfirmModalBody .factoryConfirmBtnBlock{bottom:10px;display:flex;gap:10px;position:absolute;right:10px}body .container-fluid .requestMain .factoryConfirmModal .factoryConfirmModalBody .factoryCancelBtn{border:2px solid #696969;border-radius:5px;color:#696969;padding:5px}body .container-fluid .requestMain .factoryConfirmModal .factoryConfirmModalBody .factoryYesBtn{background-color:#0f5cd6;border-radius:5px;color:#fff;padding:5px}body .container-fluid .requestMain .requestAllBook{width:100%;margin-bottom:20px}body .container-fluid .requestMain .requestAllBook .requestEachBook{border-bottom:2px solid #cccccc;border-right:4px solid #cccccc;cursor:pointer;display:grid;grid-template-columns:10% 10% 30% 20% 30%;margin-bottom:10px;margin-right:5px;padding:10px;place-items:center;transition:.3s}body .container-fluid .requestMain .requestAllBook .requestEachBook:hover{background-color:#f5fcff;border-bottom:2px solid #0f5cd6;border-right:4px solid #0f5cd6}body .container-fluid .requestMain .requestAllBook .requestEachBook:last-of-type{margin-bottom:0}body .container-fluid .requestMain .requestAllBook .requestEachBook .bookImg{height:auto;width:80px}body .container-fluid .requestMain .requestAllBook .requestEachBook .bookImg img{height:auto;width:100%}body .container-fluid .requestMain .requestAllBook .requestEachBook .bookHeart{align-items:center;display:flex;gap:5px}body .container-fluid .requestMain .requestAllBook .requestEachBook .bookHeart .bi-heart-fill{color:#0f5cd6;font-size:30px}body .container-fluid .requestMain .requestAllBook .requestEachBook .bookHeart p{color:#0f5cd6;font-size:24px}body .container-fluid .requestMain .requestAllBook .requestEachBook .bookTitle{border-radius:5px;padding:3px 5px}body .container-fluid .requestMain .requestAllBook .requestEachBook .actionBtnBlock{display:flex;flex-direction:column;gap:10px}body .container-fluid .requestMain .requestAllBook .requestEachBook .actionBtnBlock .requestBtn{align-items:center;background-color:#fff;border:3px solid #0f5cd6;border-radius:5px;color:#0f5cd6;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:.5s;width:200px}body .container-fluid .requestMain .requestAllBook .requestEachBook .actionBtnBlock .requestBtn.isRequested{background-color:#0f5cd6;color:#fff}body .container-fluid .requestMain .requestAllBook .requestEachBook .actionBtnBlock .requestBtn:hover{opacity:.7}body .container-fluid .requestMain .requestAllBook .requestEachBook .actionBtnBlock .factoryBtn{align-items:center;background-color:#fff;border:3px solid #0f5cd6;border-radius:5px;color:#0f5cd6;cursor:pointer;display:flex;gap:5px;justify-content:center;padding:5px;transition:.5s;width:200px}body .container-fluid .requestMain .requestAllBook .requestEachBook .actionBtnBlock .factoryBtn.isRequested{background-color:#0f5cd6;color:#fff}body .container-fluid .requestMain .requestAllBook .requestEachBook .actionBtnBlock .factoryBtn:hover{opacity:.7}@media (max-width: 1199px){body .container-fluid .requestMain .requestAllBook .requestEachBook{gap:10px}body .container-fluid .requestMain .requestAllBook .requestEachBook .actionBtnBlock{align-items:center}}@media (max-width: 991px){body .container-fluid .requestMain .requestAllBook .requestEachBook{grid-template-columns:25% 30% 45%}body .container-fluid .requestMain .requestAllBook .requestEachBook .bookImg{grid-row:1/4;grid-column:1/2}body .container-fluid .requestMain .requestAllBook .requestEachBook .bookHeart{grid-column:2/3;grid-row:1/4}body .container-fluid .requestMain .requestAllBook .requestEachBook .bookTitle{grid-column:3/4;grid-row:1/2}body .container-fluid .requestMain .requestAllBook .requestEachBook .bookAuthor{grid-column:3/4;grid-row:2/3}body .container-fluid .requestMain .requestAllBook .requestEachBook .actionBtnBlock{grid-column:3/4;grid-row:3/4}}@media (max-width: 767px){body .container-fluid .requestMain .requestFixArea{align-items:center;flex-direction:column}}@media (max-width: 575px){body .container-fluid .requestMain .requestAllBook{grid-template-columns:repeat(1,1fr)}body .container-fluid .requestMain .requestAllBook .requestEachBook{grid-template-columns:50% 50%}body .container-fluid .requestMain .requestAllBook .requestEachBook .bookImg{grid-column:1/2;grid-row:1/2}body .container-fluid .requestMain .requestAllBook .requestEachBook .bookHeart{grid-column:2/3;grid-row:1/2}body .container-fluid .requestMain .requestAllBook .requestEachBook .bookTitle{grid-column:1/3;grid-row:2/3}body .container-fluid .requestMain .requestAllBook .requestEachBook .bookAuthor{grid-column:1/3;grid-row:3/4}body .container-fluid .requestMain .requestAllBook .requestEachBook .actionBtnBlock{grid-column:1/3;grid-row:4/5;align-items:center}body .container-fluid .requestMain .requestAllBook .requestEachBook .actionBtnBlock .requestBtn,body .container-fluid .requestMain .requestAllBook .requestEachBook .actionBtnBlock .factoryBtn{width:100%}}body .container-fluid .registerMain{align-items:center;display:flex;height:100%;justify-content:center;margin:0 auto;max-width:1200px;padding:10px}body .container-fluid .registerMain .registerBox{border:5px solid #0f5cd6;border-radius:10px;box-shadow:7px 5px 2px #ccc,-1px 5px 2px #ccc;left:50%;margin-top:100px;padding:20px;width:min(80vw,700px)}body .container-fluid .registerMain .registerBox .registerHeading{border-radius:30px;display:flex;font-size:20px;justify-content:center;margin-bottom:20px;padding:5px}body .container-fluid .registerMain .registerBox .registerInput{display:flex;flex-direction:column;font-size:16px;margin-bottom:10px}body .container-fluid .registerMain .registerBox .registerInput .ISBN .inputISBN{background-color:#7bcaf81a;border-radius:20px;cursor:pointer;display:flex;height:40px;margin-bottom:10px;padding:10px;width:100%}body .container-fluid .registerMain .registerBox .registerInput .ISBNCaution{display:inline;color:#fff;background-color:#0b449a;border-radius:5px;margin-bottom:5px;opacity:1;transition:.2s;padding:5px;visibility:visible}body .container-fluid .registerMain .registerBox .registerInput .ISBNCaution.isHidden{opacity:0;visibility:hidden}body .container-fluid .registerMain .registerBox .registerInput .nonNumberCaution{display:inline;color:#fff;border:2px solid #d60f0f;background-color:#fff;color:#d60f0f;border-radius:5px;opacity:0;transition:.2s;padding:5px;visibility:hidden}body .container-fluid .registerMain .registerBox .registerInput .nonNumberCaution.isVisible{opacity:1;visibility:visible}body .container-fluid .registerMain .registerBox .registerBtnBlock{display:flex;gap:10px;justify-content:flex-end}body .container-fluid .registerMain .registerBox .registerBtnBlock .registerReturnBtn{display:flex;align-items:center;border-radius:5px;border:2px solid #696969;color:#696969}body .container-fluid .registerMain .registerBox .registerBtnBlock .registerReturnBtn:hover{opacity:.7}body .container-fluid .registerMain .registerBox .registerBtnBlock .registerConfirmationBtn{border:2px solid #0f5cd6;border-radius:5px;color:#fff;background-color:#0f5cd6}body .container-fluid .registerMain .registerBox .registerBtnBlock .registerConfirmationBtn.isActive{opacity:1}body .container-fluid .registerMain .registerBox .registerBtnBlock .registerReturnBtn,body .container-fluid .registerMain .registerBox .registerBtnBlock .registerConfirmationBtn{cursor:pointer;padding:5px 10px}body .container-fluid .registerFindMask,body .container-fluid .registerNotFindMask{background-color:#0003;bottom:0;height:100%;left:0;opacity:.5;opacity:0;position:fixed;right:0;top:0;transition:.3s;visibility:hidden;width:100%;z-index:1000}body .container-fluid .registerFindMask.isVisible,body .container-fluid .registerNotFindMask.isVisible{opacity:1;visibility:visible}body .container-fluid .registerFindModal,body .container-fluid .registerNotFindModal{align-items:center;background-color:#fff;border:5px solid #0f5cd6;border-radius:10px;display:flex;flex-direction:column;height:200px;justify-content:center;left:50%;opacity:0;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;visibility:hidden;width:315px;z-index:1100}body .container-fluid .registerFindModal .registerFindModalCloseBtn,body .container-fluid .registerFindModal .registerNotFindModalCloseBtn,body .container-fluid .registerNotFindModal .registerFindModalCloseBtn,body .container-fluid .registerNotFindModal .registerNotFindModalCloseBtn{color:#696969;cursor:pointer;font-size:30px;position:absolute;right:10px;top:0}body .container-fluid .registerFindModal .registerFindModalBody,body .container-fluid .registerFindModal .registerNotFindModalBody,body .container-fluid .registerNotFindModal .registerFindModalBody,body .container-fluid .registerNotFindModal .registerNotFindModalBody{align-items:center;display:flex;flex-direction:column;justify-content:center}body .container-fluid .registerFindModal .registerFindModalBody .bi-check-circle,body .container-fluid .registerFindModal .registerNotFindModalBody .bi-check-circle,body .container-fluid .registerNotFindModal .registerFindModalBody .bi-check-circle,body .container-fluid .registerNotFindModal .registerNotFindModalBody .bi-check-circle{color:#77c1b2;font-size:60px}body .container-fluid .registerFindModal .registerFindModalBody .bi-exclamation-circle,body .container-fluid .registerFindModal .registerNotFindModalBody .bi-exclamation-circle,body .container-fluid .registerNotFindModal .registerFindModalBody .bi-exclamation-circle,body .container-fluid .registerNotFindModal .registerNotFindModalBody .bi-exclamation-circle{color:#d60f0f;font-size:60px}body .container-fluid .registerFindModal.isVisible,body .container-fluid .registerNotFindModal.isVisible{opacity:1;visibility:visible}@media (max-width: 575px){.container-fluid header .navberMenu .navList .navListBlock:last-of-type .requestRankingBtnSp{display:none}}body .container-fluid .registerReviewMain{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:20px;height:100%;margin:0 auto;max-width:1200px}body .container-fluid .registerReviewMain .title{font-size:24px;margin-bottom:30px;padding:10px 30px;background-color:#fff;border-top:solid 3px #0D0D0D;border-bottom:solid 3px #0D0D0D}body .container-fluid .registerReviewMain .aboutBook .bookName{border-radius:5px;display:flex;font-size:20px;justify-content:center;margin-bottom:15px;padding:3px 5px}body .container-fluid .registerReviewMain .aboutBook .bookInfo{align-items:center;display:flex;gap:20px;margin-bottom:50px}body .container-fluid .registerReviewMain .aboutBook .bookInfo .bookCover{align-items:center;display:flex;gap:20px}body .container-fluid .registerReviewMain .aboutBook .bookInfo .bookCover .bookImg{height:auto;width:200px}body .container-fluid .registerReviewMain .aboutBook .bookInfo .bookCover .bookImg img{width:100%}body .container-fluid .registerReviewMain .aboutBook .bookInfo .bookCover .countBlock{display:flex;gap:20px;color:#999;font-size:24px}body .container-fluid .registerReviewMain .aboutBook .bookInfo .bookInfoList .bookInfoListItem{display:flex;flex-direction:column;border-bottom:1px solid #ccc;margin-bottom:20px;width:300px}body .container-fluid .registerReviewMain .aboutBook .bookInfo .bookInfoList .heading{display:flex;justify-content:center;width:300px}body .container-fluid .registerReviewMain .aboutBook .bookInfo .bookInfoList .contents{overflow-wrap:break-word;word-wrap:break-word}body .container-fluid .registerReviewMain .btnBlock{display:flex;justify-content:center;gap:10px}body .container-fluid .registerReviewMain .btnBlock .registerbackBtn{cursor:pointer;border:2px solid #696969;border-radius:5px;padding:5px;width:150px;display:flex;align-items:center;justify-content:center}body .container-fluid .registerReviewMain .btnBlock .registerbackBtn .registerLink p{color:#696969}body .container-fluid .registerReviewMain .btnBlock .registerbackBtn:hover{opacity:.7}body .container-fluid .registerReviewMain .btnBlock .registerDecisionBtn{color:#fff;cursor:pointer;background-color:#0f5cd6;border-radius:5px;padding:5px;display:flex;align-items:center;justify-content:center;width:150px}body .container-fluid .registerReviewMain .btnBlock .registerDecisionBtn:hover{opacity:.7}@media (max-width: 767px){body .container-fluid .registerReviewMain .aboutBook .bookInfo{flex-direction:column}body .container-fluid .registerReviewMain .aboutBook .bookCover{background-color:#fff}body .container-fluid .registerReviewMain .aboutBook .bookCover .bookImg{width:200px}}@media (max-width: 575px){body .container-fluid .registerReviewMain{transform:translate(0);position:static}body .container-fluid .registerReviewMain .title{margin-bottom:15px}body .container-fluid .registerReviewMain .aboutBook{padding-top:10px}body .container-fluid .registerReviewMain .aboutBook .bookCover{flex-direction:column}body .container-fluid .registerReviewMain .aboutBook .bookName{font-size:20px}}body .container-fluid .bookDetailMain{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:20px}body .container-fluid .bookDetailMain .aboutBook{height:100%;margin:0 auto;max-width:1200px}body .container-fluid .bookDetailMain .aboutBook .bookName{border-radius:5px;display:flex;font-size:24px;justify-content:center;margin-bottom:30px;padding:3px 5px}body .container-fluid .bookDetailMain .aboutBook .bookInfo{align-items:center;display:flex;gap:20px;margin-bottom:50px}body .container-fluid .bookDetailMain .aboutBook .bookInfo .bookCover .bookImg{height:auto;width:300px}body .container-fluid .bookDetailMain .aboutBook .bookInfo .bookCover .bookImg img{width:100%}body .container-fluid .bookDetailMain .aboutBook .bookInfo .bookCover .countBlock{display:flex;gap:20px;color:#999;font-size:24px}body .container-fluid .bookDetailMain .aboutBook .bookInfo .bookCover .bookBtnBlock{display:flex;gap:10px}body .container-fluid .bookDetailMain .aboutBook .bookInfo .bookCover .bookBtnBlock .addGoodBtn{align-items:center;background-color:#0f5cd6;border:2px solid #0f5cd6;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:5px;justify-content:center;padding:5px;width:145px;height:62px}body .container-fluid .bookDetailMain .aboutBook .bookInfo .bookCover .bookBtnBlock .addGoodBtn:hover{opacity:.7}body .container-fluid .bookDetailMain .aboutBook .bookInfo .bookCover .bookBtnBlock .ChattyBoxBtn{align-items:center;color:#fff;cursor:pointer;background-color:#0f5cd6;border:2px solid #0f5cd6;border-radius:5px;display:flex;gap:10px;justify-content:center;padding:5px;width:145px;height:62px}body .container-fluid .bookDetailMain .aboutBook .bookInfo .bookCover .bookBtnBlock .ChattyBoxBtn:hover{opacity:.7}body .container-fluid .bookDetailMain .aboutBook .bookInfo .bookCover .bookBtnBlock .ChattyBoxBtn .bi-book{font-size:20px}body .container-fluid .bookDetailMain .aboutBook .bookInfo .bookInfoList .bookInfoListItem{display:flex;flex-direction:column;border-bottom:1px solid #ccc;margin-bottom:20px;width:300px}body .container-fluid .bookDetailMain .aboutBook .bookInfo .bookInfoList .heading{display:flex;justify-content:center;width:300px}body .container-fluid .bookDetailMain .aboutBook .bookInfo .bookInfoList .contents{overflow-wrap:break-word;word-wrap:break-word}body .container-fluid .bookDetailMain .btnBlock{display:flex;gap:10px}body .container-fluid .bookDetailMain .btnBlock .libraryBackBtn{border:2px solid #696969;border-radius:5px;padding:5px;width:150px;display:flex;align-items:center;justify-content:center}body .container-fluid .bookDetailMain .btnBlock .libraryBackBtn .libraryLink p{color:#696969}body .container-fluid .bookDetailMain .btnBlock .libraryBackBtn .libraryLink img{width:120px}body .container-fluid .bookDetailMain .btnBlock .libraryBackBtn:hover{opacity:.7}body .container-fluid .bookDetailMain .btnBlock .ChattyBoxBtn{background-color:#0f5cd6;border-radius:5px;padding:5px;display:flex;align-items:center;justify-content:center}body .container-fluid .bookDetailMain .btnBlock .ChattyBoxBtn .ChattyBoxLink p{color:#fff}body .container-fluid .bookDetailMain .btnBlock .ChattyBoxBtn .ChattyBoxLink img{width:120px}body .container-fluid .bookDetailMain .btnBlock .ChattyBoxBtn:hover{opacity:.7}body .container-fluid .bookDetailMain .btnBlock .ChattyBoxBtn .bi-book{font-size:20px}@media (max-width: 767px){body .container-fluid .bookDetailMain .aboutBook .bookInfo{flex-direction:column}body .container-fluid .bookDetailMain .aboutBook .bookCover{background-color:#fff}body .container-fluid .bookDetailMain .aboutBook .bookCover .bookImg{width:200px}}@media (max-width: 575px){body .container-fluid .bookDetailMain{transform:translate(0);position:static}body .container-fluid .bookDetailMain .aboutBook{padding-top:50px}body .container-fluid .bookDetailMain .aboutBook .bookName{font-size:20px}}body .container-fluid .selectUserMain{align-items:center;display:flex;justify-content:center;flex-direction:column;padding:50px 20px 20px}body .container-fluid .selectUserMain .mustRegister{font-size:20px;margin-bottom:20px;display:flex;gap:10px;padding:10px;border-radius:30px;align-items:center}body .container-fluid .selectUserMain .mustRegister .bi-info-circle-fill{font-size:30px;color:#0f5cd6}body .container-fluid .selectUserMain .mustRegister .text{font-size:20px}body .container-fluid .selectUserMain .mustRegister .text .need{color:#0f5cd6;padding:10px;border-radius:30px;display:block;text-align:center;margin-bottom:5px}body .container-fluid .selectUserMain .mustRegister .text .supplement{font-size:14px}body .container-fluid .selectUserMain .userCard{display:grid;gap:30px;grid-template-columns:repeat(2,600px);margin-bottom:30px;place-items:center}body .container-fluid .selectUserMain .userCard .genrelUser,body .container-fluid .selectUserMain .userCard .factoryUser,body .container-fluid .selectUserMain .userCard .libraryUser,body .container-fluid .selectUserMain .userCard .teachCorpUser{border-radius:20px;box-shadow:7px 5px 2px #ccc,-1px 5px 2px #ccc;color:#fff;min-height:250px;padding:10px;position:relative;width:600px}body .container-fluid .selectUserMain .userCard .genrelUser .userHeading,body .container-fluid .selectUserMain .userCard .factoryUser .userHeading,body .container-fluid .selectUserMain .userCard .libraryUser .userHeading,body .container-fluid .selectUserMain .userCard .teachCorpUser .userHeading{align-items:center;border-radius:20px;display:flex;gap:10px}body .container-fluid .selectUserMain .userCard .genrelUser .userHeading .userIcon,body .container-fluid .selectUserMain .userCard .factoryUser .userHeading .userIcon,body .container-fluid .selectUserMain .userCard .libraryUser .userHeading .userIcon,body .container-fluid .selectUserMain .userCard .teachCorpUser .userHeading .userIcon{display:flex;gap:10px}body .container-fluid .selectUserMain .userCard .genrelUser .userHeading .userIcon .circle,body .container-fluid .selectUserMain .userCard .factoryUser .userHeading .userIcon .circle,body .container-fluid .selectUserMain .userCard .libraryUser .userHeading .userIcon .circle,body .container-fluid .selectUserMain .userCard .teachCorpUser .userHeading .userIcon .circle{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}body .container-fluid .selectUserMain .userCard .genrelUser .userHeading .userIcon .circle .bi-person-fill,body .container-fluid .selectUserMain .userCard .genrelUser .userHeading .userIcon .circle .bi-pencil-square,body .container-fluid .selectUserMain .userCard .genrelUser .userHeading .userIcon .circle .bi-book,body .container-fluid .selectUserMain .userCard .genrelUser .userHeading .userIcon .circle .bi-building,body .container-fluid .selectUserMain .userCard .factoryUser .userHeading .userIcon .circle .bi-person-fill,body .container-fluid .selectUserMain .userCard .factoryUser .userHeading .userIcon .circle .bi-pencil-square,body .container-fluid .selectUserMain .userCard .factoryUser .userHeading .userIcon .circle .bi-book,body .container-fluid .selectUserMain .userCard .factoryUser .userHeading .userIcon .circle .bi-building,body .container-fluid .selectUserMain .userCard .libraryUser .userHeading .userIcon .circle .bi-person-fill,body .container-fluid .selectUserMain .userCard .libraryUser .userHeading .userIcon .circle .bi-pencil-square,body .container-fluid .selectUserMain .userCard .libraryUser .userHeading .userIcon .circle .bi-book,body .container-fluid .selectUserMain .userCard .libraryUser .userHeading .userIcon .circle .bi-building,body .container-fluid .selectUserMain .userCard .teachCorpUser .userHeading .userIcon .circle .bi-person-fill,body .container-fluid .selectUserMain .userCard .teachCorpUser .userHeading .userIcon .circle .bi-pencil-square,body .container-fluid .selectUserMain .userCard .teachCorpUser .userHeading .userIcon .circle .bi-book,body .container-fluid .selectUserMain .userCard .teachCorpUser .userHeading .userIcon .circle .bi-building{font-size:30px;color:#fff}body .container-fluid .selectUserMain .userCard .genrelUser .userHeading .userIcon .circle .teachIcon,body .container-fluid .selectUserMain .userCard .factoryUser .userHeading .userIcon .circle .teachIcon,body .container-fluid .selectUserMain .userCard .libraryUser .userHeading .userIcon .circle .teachIcon,body .container-fluid .selectUserMain .userCard .teachCorpUser .userHeading .userIcon .circle .teachIcon{width:35px;height:35px;display:flex;justify-content:center;align-items:center}body .container-fluid .selectUserMain .userCard .genrelUser .userHeading .userIcon .circle .teachIcon img,body .container-fluid .selectUserMain .userCard .factoryUser .userHeading .userIcon .circle .teachIcon img,body .container-fluid .selectUserMain .userCard .libraryUser .userHeading .userIcon .circle .teachIcon img,body .container-fluid .selectUserMain .userCard .teachCorpUser .userHeading .userIcon .circle .teachIcon img{width:100%}body .container-fluid .selectUserMain .userCard .genrelUser .userHeading .userName,body .container-fluid .selectUserMain .userCard .factoryUser .userHeading .userName,body .container-fluid .selectUserMain .userCard .libraryUser .userHeading .userName,body .container-fluid .selectUserMain .userCard .teachCorpUser .userHeading .userName{align-items:center;display:flex;flex-grow:1;font-size:24px;justify-content:center}body .container-fluid .selectUserMain .userCard .genrelUser .lead,body .container-fluid .selectUserMain .userCard .factoryUser .lead,body .container-fluid .selectUserMain .userCard .libraryUser .lead,body .container-fluid .selectUserMain .userCard .teachCorpUser .lead{font-size:16px;padding:5px}body .container-fluid .selectUserMain .userCard .genrelUser .description .userAccordion,body .container-fluid .selectUserMain .userCard .factoryUser .description .userAccordion,body .container-fluid .selectUserMain .userCard .libraryUser .description .userAccordion,body .container-fluid .selectUserMain .userCard .teachCorpUser .description .userAccordion{border-radius:5px;display:flex;flex-direction:column;width:100%}body .container-fluid .selectUserMain .userCard .genrelUser .description .userAccordion .userAccordionHeading,body .container-fluid .selectUserMain .userCard .factoryUser .description .userAccordion .userAccordionHeading,body .container-fluid .selectUserMain .userCard .libraryUser .description .userAccordion .userAccordionHeading,body .container-fluid .selectUserMain .userCard .teachCorpUser .description .userAccordion .userAccordionHeading{align-items:center;border-radius:30px;cursor:pointer;display:flex;height:40px;justify-content:space-between;padding:0 10px;transition:.2s}body .container-fluid .selectUserMain .userCard .genrelUser .description .userAccordion .userAccordionHeading.isActive,body .container-fluid .selectUserMain .userCard .factoryUser .description .userAccordion .userAccordionHeading.isActive,body .container-fluid .selectUserMain .userCard .libraryUser .description .userAccordion .userAccordionHeading.isActive,body .container-fluid .selectUserMain .userCard .teachCorpUser .description .userAccordion .userAccordionHeading.isActive{border-radius:0}body .container-fluid .selectUserMain .userCard .genrelUser .description .userAccordion .userAccordionHeading:hover,body .container-fluid .selectUserMain .userCard .factoryUser .description .userAccordion .userAccordionHeading:hover,body .container-fluid .selectUserMain .userCard .libraryUser .description .userAccordion .userAccordionHeading:hover,body .container-fluid .selectUserMain .userCard .teachCorpUser .description .userAccordion .userAccordionHeading:hover{opacity:.7}body .container-fluid .selectUserMain .userCard .genrelUser .description .userAccordion .userAccordionHeading .bi-caret-up-fill,body .container-fluid .selectUserMain .userCard .factoryUser .description .userAccordion .userAccordionHeading .bi-caret-up-fill,body .container-fluid .selectUserMain .userCard .libraryUser .description .userAccordion .userAccordionHeading .bi-caret-up-fill,body .container-fluid .selectUserMain .userCard .teachCorpUser .description .userAccordion .userAccordionHeading .bi-caret-up-fill{font-size:24px;transition:.2s}body .container-fluid .selectUserMain .userCard .genrelUser .description .userAccordion .userAccordionHeading .bi-caret-up-fill.isRotate,body .container-fluid .selectUserMain .userCard .factoryUser .description .userAccordion .userAccordionHeading .bi-caret-up-fill.isRotate,body .container-fluid .selectUserMain .userCard .libraryUser .description .userAccordion .userAccordionHeading .bi-caret-up-fill.isRotate,body .container-fluid .selectUserMain .userCard .teachCorpUser .description .userAccordion .userAccordionHeading .bi-caret-up-fill.isRotate{transform:rotate(180deg)}body .container-fluid .selectUserMain .userCard .genrelUser .description .userAccordion .userContents,body .container-fluid .selectUserMain .userCard .factoryUser .description .userAccordion .userContents,body .container-fluid .selectUserMain .userCard .libraryUser .description .userAccordion .userContents,body .container-fluid .selectUserMain .userCard .teachCorpUser .description .userAccordion .userContents{background-color:#fff;max-height:0;opacity:0;overflow:hidden;padding:5px;transition:max-height .2s ease-out;visibility:hidden}body .container-fluid .selectUserMain .userCard .genrelUser .description .userAccordion .userContents.isVisible,body .container-fluid .selectUserMain .userCard .factoryUser .description .userAccordion .userContents.isVisible,body .container-fluid .selectUserMain .userCard .libraryUser .description .userAccordion .userContents.isVisible,body .container-fluid .selectUserMain .userCard .teachCorpUser .description .userAccordion .userContents.isVisible{max-height:1000px;opacity:1;visibility:visible}body .container-fluid .selectUserMain .userCard .genrelUser .description .userAccordion .divideBorder,body .container-fluid .selectUserMain .userCard .factoryUser .description .userAccordion .divideBorder,body .container-fluid .selectUserMain .userCard .libraryUser .description .userAccordion .divideBorder,body .container-fluid .selectUserMain .userCard .teachCorpUser .description .userAccordion .divideBorder{background-color:#ffd569;height:5px;margin:20px 0;width:100%}body .container-fluid .selectUserMain .userCard .genrelUser .description .userAccordion .userRegistration,body .container-fluid .selectUserMain .userCard .factoryUser .description .userAccordion .userRegistration,body .container-fluid .selectUserMain .userCard .libraryUser .description .userAccordion .userRegistration,body .container-fluid .selectUserMain .userCard .teachCorpUser .description .userAccordion .userRegistration{border-radius:5px;display:inline-block;justify-content:flex-end;margin-left:auto;padding:5px;position:static}body .container-fluid .selectUserMain .userCard .genrelUser .description .userAccordion .userRegistration.isActive,body .container-fluid .selectUserMain .userCard .factoryUser .description .userAccordion .userRegistration.isActive,body .container-fluid .selectUserMain .userCard .libraryUser .description .userAccordion .userRegistration.isActive,body .container-fluid .selectUserMain .userCard .teachCorpUser .description .userAccordion .userRegistration.isActive{display:grid;justify-content:flex-end;margin-left:auto;position:static}body .container-fluid .selectUserMain .userCard .genrelUser .description .userAccordion .userRegistration:hover,body .container-fluid .selectUserMain .userCard .factoryUser .description .userAccordion .userRegistration:hover,body .container-fluid .selectUserMain .userCard .libraryUser .description .userAccordion .userRegistration:hover,body .container-fluid .selectUserMain .userCard .teachCorpUser .description .userAccordion .userRegistration:hover{opacity:.7}body .container-fluid .selectUserMain .userCard .genrelUser{border:5px solid #5a8ff2}body .container-fluid .selectUserMain .userCard .genrelUser .circle{background-color:#5a8ff2}body .container-fluid .selectUserMain .userCard .genrelUser .userName{color:#5a8ff2}body .container-fluid .selectUserMain .userCard .genrelUser .description .genrelAccordionHeading,body .container-fluid .selectUserMain .userCard .genrelUser .description .genrelRegistration{color:#fff;background-color:#5a8ff2}body .container-fluid .selectUserMain .userCard .genrelUser .description .userContents{color:#5a8ff2;border:3px solid #5a8ff2}body .container-fluid .selectUserMain .userCard .factoryUser{border:5px solid #3177f0}body .container-fluid .selectUserMain .userCard .factoryUser .circle{background-color:#3177f0}body .container-fluid .selectUserMain .userCard .factoryUser .userName{color:#3177f0}body .container-fluid .selectUserMain .userCard .factoryUser .description .factoryAccordionHeading,body .container-fluid .selectUserMain .userCard .factoryUser .description .factoryRegistration{color:#fff;background-color:#3177f0}body .container-fluid .selectUserMain .userCard .factoryUser .description .userContents{color:#3177f0;border:3px solid #3177f0}body .container-fluid .selectUserMain .userCard .libraryUser{border:5px solid #0f5cd6}body .container-fluid .selectUserMain .userCard .libraryUser .circle{background-color:#0f5cd6}body .container-fluid .selectUserMain .userCard .libraryUser .userName{color:#0f5cd6}body .container-fluid .selectUserMain .userCard .libraryUser .description .libraryAccordionHeading,body .container-fluid .selectUserMain .userCard .libraryUser .description .libraryRegistration{color:#fff;background-color:#0f5cd6}body .container-fluid .selectUserMain .userCard .libraryUser .description .userContents{color:#0f5cd6;border:3px solid #0f5cd6}body .container-fluid .selectUserMain .userCard .teachCorpUser{border:5px solid #0b449a}body .container-fluid .selectUserMain .userCard .teachCorpUser .circle{background-color:#0b449a}body .container-fluid .selectUserMain .userCard .teachCorpUser .userName{color:#0b449a}body .container-fluid .selectUserMain .userCard .teachCorpUser .description .teachCorpAccordionHeading,body .container-fluid .selectUserMain .userCard .teachCorpUser .description .teachCorpRegistration{color:#fff;background-color:#0b449a}body .container-fluid .selectUserMain .userCard .teachCorpUser .description .userContents{color:#0b449a;border:3px solid #0b449a}body .container-fluid .selectUserMain .annotation{width:1200px;border-radius:20px;padding:20px;background-color:#f8f8f8}body .container-fluid .selectUserMain .annotation p{text-indent:-1.5em;place-content:1em;margin-left:24px;margin-bottom:10px}body .container-fluid .selectUserMain .annotation .annotationLink .linkBlock{display:flex;gap:15px}body .container-fluid .selectUserMain .annotation .annotationLink .linkBlock .bunkachoLink,body .container-fluid .selectUserMain .annotation .annotationLink .linkBlock .chattyBunkoLink{cursor:pointer;width:120px;height:auto;border:2px solid #999}body .container-fluid .selectUserMain .annotation .annotationLink .linkBlock .bunkachoLink img,body .container-fluid .selectUserMain .annotation .annotationLink .linkBlock .chattyBunkoLink img{width:100%}body .container-fluid .selectUserMain .annotation .annotationLink .linkBlock .bunkachoLink:hover,body .container-fluid .selectUserMain .annotation .annotationLink .linkBlock .chattyBunkoLink:hover{opacity:.7}@media (max-width: 1399px){body .container-fluid .selectUserMain .userCard{grid-template-columns:repeat(2,450px)}body .container-fluid .selectUserMain .userCard .genrelUser,body .container-fluid .selectUserMain .userCard .factoryUser,body .container-fluid .selectUserMain .userCard .libraryUser,body .container-fluid .selectUserMain .userCard .teachCorpUser{width:450px}body .container-fluid .selectUserMain .annotation{width:900px}}@media (max-width: 1199px){body .container-fluid .selectUserMain .userCard{grid-template-columns:repeat(2,450px)}body .container-fluid .selectUserMain .userCard .genrelUser,body .container-fluid .selectUserMain .userCard .factoryUser,body .container-fluid .selectUserMain .userCard .libraryUser,body .container-fluid .selectUserMain .userCard .teachCorpUser{width:450px}body .container-fluid .selectUserMain .annotation{width:900px}}@media (max-width: 991px){body .container-fluid .selectUserMain .userCard{grid-template-columns:repeat(2,350px)}body .container-fluid .selectUserMain .userCard .genrelUser,body .container-fluid .selectUserMain .userCard .factoryUser,body .container-fluid .selectUserMain .userCard .libraryUser,body .container-fluid .selectUserMain .userCard .teachCorpUser{width:350px}body .container-fluid .selectUserMain .userCard .teachCorpUser .userHeading .userName{font-size:22px}body .container-fluid .selectUserMain .annotation{width:700px}}@media (max-width: 767px){body .container-fluid .selectUserMain .mustRegister{font-size:16px;margin-top:30px}body .container-fluid .selectUserMain .userCard{grid-template-columns:repeat(1,500px)}body .container-fluid .selectUserMain .userCard .genrelUser,body .container-fluid .selectUserMain .userCard .factoryUser,body .container-fluid .selectUserMain .userCard .libraryUser,body .container-fluid .selectUserMain .userCard .teachCorpUser,body .container-fluid .selectUserMain .annotation{width:500px}}@media (max-width: 575px){body .container-fluid .selectUserMain{padding:80px 20px 20px}body .container-fluid .selectUserMain .mustRegister{margin-top:0;width:300px}body .container-fluid .selectUserMain .userCard{font-size:16px;grid-template-columns:repeat(1,300px)}body .container-fluid .selectUserMain .userCard .genrelUser,body .container-fluid .selectUserMain .userCard .factoryUser,body .container-fluid .selectUserMain .userCard .libraryUser,body .container-fluid .selectUserMain .userCard .teachCorpUser,body .container-fluid .selectUserMain .annotation{width:300px}}body .container-fluid main .login{height:100%;margin:0 auto;max-width:1200px;padding:10px}body .container-fluid main .login .loginBox{width:min(80vw,700px);box-shadow:7px 5px 2px #ccc,-1px 5px 2px #ccc;border-radius:10px;margin:0 auto 30px}body .container-fluid main .login .loginBox .loginHeading{width:100%;padding:10px;background-color:#0f5cd6;color:#fff;text-align:center;border-radius:10px 10px 0 0;font-size:20px}body .container-fluid main .login .loginBox .loginForm{margin:0 auto;padding:20px;border-radius:0 0 10px 10px}body .container-fluid main .login .loginBox .loginForm .username{display:flex;height:50px;border-radius:20px;margin-bottom:30px;background-color:#7bcaf81a}body .container-fluid main .login .loginBox .loginForm .username .bi-person-square{display:grid;place-items:center;width:70px;height:48px;padding-left:5px;background-color:#fff;border-right:none;font-size:24px;color:#0f5cd6;background-color:#7bcaf81a;border-radius:20px 0 0 20px;transition:.2s;cursor:pointer}body .container-fluid main .login .loginBox .loginForm .username .bi-person-square.isActive{background-color:#0f5cd6;color:#fff}body .container-fluid main .login .loginBox .loginForm .username .inputUsername{width:100%;padding-left:20px;cursor:pointer}body .container-fluid main .login .loginBox .loginForm .username .inputUsername:focus{outline:none}body .container-fluid main .login .loginBox .loginForm .userpassword{display:flex;height:50px;border-radius:20px;margin-bottom:30px;background-color:#7bcaf81a}body .container-fluid main .login .loginBox .loginForm .userpassword .bi-lock{display:grid;place-items:center;width:70px;height:48px;padding-left:5px;background-color:#fff;border-right:none;font-size:24px;color:#0f5cd6;background-color:#7bcaf81a;border-radius:20px 0 0 20px;transition:.2s;cursor:pointer}body .container-fluid main .login .loginBox .loginForm .userpassword .bi-lock.isActive{background-color:#0f5cd6;color:#fff}body .container-fluid main .login .loginBox .loginForm .userpassword .inputUserpasword{width:100%;padding-left:20px;cursor:pointer}body .container-fluid main .login .loginBox .loginForm .userpassword .inputUserpasword:focus{outline:none}body .container-fluid main .login .loginBox .loginForm .usernameIcon,body .container-fluid main .login .loginBox .loginForm .passwordIcon{font-size:24px}body .container-fluid main .login .loginBox .loginForm .loginExecution{display:flex;justify-content:space-between}body .container-fluid main .login .loginBox .loginForm .loginExecution .rememberLoginInfo{padding:10px;transition:.3s;cursor:pointer}body .container-fluid main .login .loginBox .loginForm .loginExecution .rememberLoginInfo:hover{opacity:.7}body .container-fluid main .login .loginBox .loginForm .loginExecution .rememberLoginInfo input{width:20px;height:20px}body .container-fluid main .login .loginBox .loginForm .loginExecution .loginBtn{background-image:url(/build/assets/btn-yellow-085dc825.png);background-size:cover;display:flex;justify-content:center;align-items:center;width:200px;height:40px;font-size:20px;font-weight:700;padding:0 5px;color:#0f5cd6;border:2px solid #ffc107;border-radius:5px;background-color:#ffc107}body .container-fluid main .login .loginBox .loginForm .loginExecution .loginBtn:hover{opacity:.7}body .container-fluid main .login .loginBox .loginForm .fogetPassword{display:flex;align-items:center;justify-content:flex-end;gap:5px;padding:5px;border-radius:10px}body .container-fluid main .login .loginBox .loginForm .fogetPassword .fogetPasswordLink:hover{opacity:.7}body .container-fluid main .login .loginBox .loginForm .fogetPassword .fogetPasswordLink .bi-person-lock,body .container-fluid main .login .loginBox .loginForm .fogetPassword .fogetPasswordLink .bi-question-circle{font-size:20px}body .container-fluid main .login .userRegistration{display:flex;justify-content:center}body .container-fluid main .login .userRegistration .userRegistrationBtn{display:flex;align-items:center;justify-content:center;padding:0 5px;background-color:#fff;color:#0f5cd6;border:3px solid #0f5cd6;border-radius:10px;transition:.3s;width:min(80vw,700px);background-color:#7bcaf81a}body .container-fluid main .login .userRegistration .userRegistrationBtn:hover{color:#fff;background-color:#0f5cd6;border:3px solid #0f5cd6}body .container-fluid main .login .userRegistration .userRegistrationBtn .userRegistrationLink{display:flex;align-items:center;gap:10px}body .container-fluid main .login .userRegistration .userRegistrationBtn .userRegistrationLink .bi-person-plus{font-size:30px}@media (max-width: 767px){body .container-fruid main .login .loginBox .loginForm .loginExecution{display:flex;flex-direction:column;align-items:center;gap:10px}body .container-fruid main .login .loginBox .loginForm .loginExecution .loginBtn{margin-bottom:20px}}@media (max-width: 575px){body .container-fruid main .login .loginBox .loginForm .fogetPassword{justify-content:center}body .container-fruid main .login .loginBox .loginForm .fogetPassword .fogetPasswordLink:hover{opacity:.7}body .container-fruid main .login .loginBox .loginForm .fogetPassword .fogetPasswordLink .bi-person-lock,body .container-fruid main .login .loginBox .loginForm .fogetPassword .fogetPasswordLink .bi-question-circle{font-size:20px}}