@import "https://fonts.googleapis.com/css?family=NotoSans";@font-face{font-family:NotoSans;font-style:normal;font-weight:300;src:url(../media/fonts/notosans/NotoSans-Thin.ttf)format("truetype")}@font-face{font-family:NotoSans;font-style:normal;font-weight:400;src:url(../media/fonts/notosans/NotoSans-Light.ttf)format("truetype")}@font-face{font-family:NotoSans;font-style:normal;font-weight:700;src:url(../media/fonts/notosans/NotoSans-Regular.ttf)format("truetype")}@font-face{font-family:NotoSans TC;font-style:normal;font-weight:300;src:url(../media/fonts/notosans/NotoSansTC-Thin.ttf)format("truetype")}@font-face{font-family:NotoSans TC;font-style:normal;font-weight:400;src:url(../media/fonts/notosans/NotoSansTC-Light.ttf)format("truetype")}@font-face{font-family:NotoSans TC;font-style:normal;font-weight:700;src:url(../media/fonts/notosans/NotoSansTC-Regular.ttf)format("truetype")}@font-face{font-family:DF;src:url(../media/fonts/DF/DFFN_L5.TTC)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:DFKai;src:url(../media/fonts/BiuKai/kaiu.ttf)format("truetype");font-weight:400;font-style:normal}body{cursor:default;caret-color:#0000;min-width:375px;font-family:DFKai;font-weight:300;background-color:#f2e7d4!important}a{color:#000!important;text-decoration:none!important}a:hover{color:#8b2727!important}input,textarea{caret-color:#666}input.empty,textarea.empty{background-color:#f9ebeb;border-color:#8b2727}select.empty{background-color:#f9ebeb;border-color:#8b2727!important}.valleyBg{z-index:-2;background-image:url(./valleyBgbg-CZACVdcy.png);background-position:top;background-repeat:no-repeat;background-size:contain;width:100%;height:100vw;position:absolute}@media only screen and (width<=1280px){.valleyBg{background-size:cover}}@media only screen and (width<=640px){.valleyBg{min-width:375px}}.boatBg{z-index:-1;width:100%;position:absolute;top:30vh;overflow:hidden}@media only screen and (width<=640px){.boatBg{display:none}}.boatBg.inactive{display:none}.birdBg{z-index:-1;width:100%;position:absolute}@media only screen and (width<=640px){.birdBg{min-width:375px;top:-15rem}}.birdBg.inactive{display:none}@media only screen and (width<=640px){.birdBg .bird{height:70vh}}@media only screen and (width<=767px){.bannerDIV{z-index:3;background-color:#f2e7d4;border-bottom:.5rem solid #6c756b;position:fixed;top:0;left:0}.logoutDIV{z-index:4;position:fixed;top:4.25rem}}.aboutThisWeb{margin-top:2.5rem}@media only screen and (width<=767px){.aboutThisWeb{margin-top:7.5rem;padding-top:2.5rem}}.aboutThisWeb .card{background-color:#ffffffb3}.aboutThisWeb .card .card-body{padding:3.5rem 2.5rem}.aboutThisWeb .card .card-body>div{margin-bottom:2.5rem}.aboutThisWeb .card .card-body>div>div{padding-bottom:1rem}.aboutThisWeb .card .card-body .tc{font-size:1.15rem}.aboutThisWeb .card .card-body .Title{font-weight:700}@media only screen and (width<=767px){.aboutThisWeb .card .card-body .Title{margin-bottom:1rem}}.aboutThisWeb .card .card-body .Title .tc{font-size:1.25rem}.aboutThisWeb .card .card-body .subTitle{font-weight:700}.banner{padding:.75rem 1rem}@media only screen and (width<=640px){.banner{padding:.25rem 0 1.75rem}}.banner .CUHK{width:auto;height:4.5rem}@media only screen and (width<=991px){.banner .CUHK{height:3.75rem}}@media only screen and (width<=767px){.banner .CUHK{height:3.5rem}}@media only screen and (width<=640px){.banner .CUHK{min-height:3rem}}.banner .CHI{width:auto;height:2.25rem;margin-top:.15rem}.banner .CHI.black{mix-blend-mode:difference}@media only screen and (width<=991px){.banner .CHI{height:1.55rem}}@media only screen and (width<=767px){.banner .CHI{height:1.75rem}}@media only screen and (width<=640px){.banner .CHI{height:1rem}}.banner .Team{width:auto;height:5.5rem;margin:auto}@media only screen and (width<=991px){.banner .Team{height:3.75rem}}@media only screen and (width<=767px){.banner .Team{height:4rem}}@media only screen and (width<=640px){.banner .Team{height:3.25rem}}.banner .pageLogo img{vertical-align:middle;padding-right:1rem}@media only screen and (width<=991px){.banner .pageLogo img{padding-right:.5rem}}@media only screen and (width<=767px){.banner .pageLogo img{padding-right:1rem}}@media only screen and (width>=768px){.banner .row>.pageLogo{flex:none;width:66.6667%}.banner .row>.pageTitle{flex:none;width:33.3333%}}.banner .pageTitle{text-shadow:.05rem .05rem .5rem #fff;text-align:right;padding:.25rem}.banner .pageTitle .name{font-family:DF;font-size:2.75rem}@media only screen and (width<=767px){.banner .pageTitle .name{padding-right:1rem;display:inline-block}}@media only screen and (width<=640px){.banner .pageTitle .name{padding-right:.75rem;font-size:2rem}}.banner .pageTitle .desc{font-family:DFKai;font-size:1.5rem;line-height:1.5rem}@media only screen and (width<=767px){.banner .pageTitle .desc{display:inline-block}}@media only screen and (width<=575px){.banner .pageTitle .desc{font-size:1.25rem;line-height:normal}}@media only screen and (width<=1280px){.banner .pageTitle{font-size:2.5rem}}@media only screen and (width<=991px){.banner .pageTitle{font-size:2.25rem}}@media only screen and (width<=767px){.banner .pageTitle{text-align:left;padding-left:1rem;font-size:2rem}}@media only screen and (width<=640px){.banner .pageTitle{height:1.5rem}}@media only screen and (width<=767px){.tooltip.show{display:none}}nav{text-align:right;z-index:3}nav.navbar{padding:0}nav .navDIV{text-align:right}nav .navDIV .btn{color:#748b75;background-color:#0000;border:none;padding:0 .25rem;font-size:2.25rem}@media only screen and (width<=767px){nav .navDIV .btn{color:#fff;font-size:1.25rem}}nav .navDIV .btn:hover{color:#000}nav .navDIV .btn svg{padding-left:.25rem}@media only screen and (width<=991px){nav .navDIV .btn svg{padding-left:.5rem}}nav .navCollapseBtn{position:fixed;top:1rem;right:1rem}nav .navLinks button .text{display:none}@media only screen and (width<=767px){nav .navLinks{background-color:#6c756b;width:100%;margin:10.5rem -.75rem -.75rem;padding:.5em;position:fixed}nav .navLinks button{width:95%}nav .navLinks button .text{display:inline-block}}@media only screen and (width<=640px){nav .navLinks{margin-top:7.5rem}}.scroll-to-top.scrollTopBtn{box-shadow:none;background-color:#6c756b80;border-radius:5rem;width:3.5rem;height:3.5rem}.scroll-to-top.scrollTopBtn:hover{background-color:#999}@media only screen and (width<=640px){.scroll-to-top.scrollTopBtn{right:10%}}.cardsPerPageDIV{margin-top:2.5rem;font-family:DFKai;font-size:1.35rem}.cardsPerPageDIV .cardPerPageShow{text-align:right}.cardsPerPageDIV .cardPerPageShow .cardPerPageSelect{width:auto;margin:.25rem;display:inline-block}.cardsPerPageDIV Select{font-family:NotoSans TC;font-weight:700}.content .userDIV.inactive{display:none}.content .dailyText{margin-top:2.5rem;padding-right:2.5rem}@media only screen and (width<=1680px){.content .dailyText{padding-right:0}}@media only screen and (width<=767px){.content .dailyText{margin-top:2.5rem}}.content .dailyText.inactive{display:none}.content .dailyText .closeDaily{color:#ccc;cursor:pointer;font-size:2.75rem;position:absolute;top:.25rem;right:1rem}.content .dailyText .closeDaily:hover{color:#9c7ca5}.content .dailyText .card{background-color:#ffffff40;border:none}.content .dailyText .card .card-header{background-color:#000000f2}.content .dailyText .card .card-header .title{text-align:center;color:#fff;margin:auto;font-family:DF;font-size:2.5rem}@media only screen and (width<=767px){.content .dailyText .card .card-header .title{font-size:2rem}}.content .dailyText .card .card-header button{opacity:.95;background-color:#fff;border-radius:5rem;padding:.75rem;font-size:1rem;position:absolute;top:-1rem;right:-1rem}.content .dailyText .card .card-header button:hover{background-color:#999999d9}.content .dailyText .card .card-body{background-color:#9c7ca5d9;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;font-family:DFKai}.content .ancientTextImgList{margin-top:.25rem}.content .ancientTextImgList.inactive{display:none}.content .ancientTextImgList .card{cursor:zoom-in;background-color:#ddd2acbf;height:95%;margin:1.25rem auto}@media only screen and (width<=1400px){.content .ancientTextImgList .card{width:95%}}@media only screen and (width<=1280px){.content .ancientTextImgList .card{width:90%}}@media only screen and (width<=991px){.content .ancientTextImgList .card{width:85%}}.content .ancientTextImgList .card .card-body{padding:0;font-family:DFKai;font-size:1.25rem}.content .ancientTextImgList .card .card-body .textImage{text-shadow:.05rem .05rem .05rem #999;vertical-align:middle;-webkit-user-select:none;user-select:none;background-position:50%;background-size:cover;border-top-left-radius:.5rem;border-top-right-radius:.5rem;min-height:10rem;padding:1rem 1.05rem}.content .ancientTextImgList .card .card-body .textImage .text{text-align:center;padding:.25rem 3.5rem;font-family:DF;font-weight:700}@media only screen and (width<=1680px){.content .ancientTextImgList .card .card-body .textImage .text{padding:.25rem 2.5rem}}@media only screen and (width<=991px){.content .ancientTextImgList .card .card-body .textImage .text{padding:.25rem 1rem}}@media only screen and (width<=767px){.content .ancientTextImgList .card .card-body .textImage .text{padding:.25rem 3.5rem}}@media only screen and (width<=640px){.content .ancientTextImgList .card .card-body .textImage .text{padding:.25rem 1.25rem}}.content .ancientTextImgList .card .card-body .textImage .textFrom{text-align:center;padding-top:1rem;font-family:DF;font-weight:400}.content .ancientTextImgList .card .card-body .card-title{padding:.5rem 1rem .15rem;font-weight:400}.content .ancientTextImgList .card .card-body .card-text{padding:.05rem .75rem .5rem;font-size:1.15rem;font-weight:400}.content .ancientTextImage{display:none}.cardCol{padding:1rem .5rem 0}.cardCol .ancientTextCard{cursor:default;width:100%}.cardCol .ancientTextCard .ancientText{letter-spacing:.05rem;color:#000;-webkit-user-select:none;user-select:none;margin:auto;padding:2.5rem 3rem}.cardCol .ancientTextCard .ancientText .ancientTextText{text-align:center;font-family:DF;font-size:2rem;font-weight:700}.cardCol .ancientTextCard .ancientText .ancientTextText.longText{font-size:1.75rem}.cardCol .ancientTextCard .ancientText .ancientTextFrom{text-align:center;margin-top:2.5rem;font-family:DF;font-size:1.75rem;font-weight:400}.cardCol .ancientTextCard .ancientText .ancientTextFrom.longText{margin-top:1rem;font-size:1.5rem}.cardCol .ancientTextCard .backgroundImage{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.25rem;max-width:640px;min-height:340px;margin:auto}@media only screen and (width<=991px){.cardCol .ancientTextCard .backgroundImage{width:100%;height:100%}}.cardCol .actionList{text-align:center;padding:.75rem 0 0}.cardCol .actionList div{padding:.25rem .5rem;display:inline-flex}.cardCol .actionList div svg{color:#fff;cursor:pointer;font-size:1.25rem}.cardCol .actionList div svg:hover{color:#2f2332}.descCol{color:#fff;border-radius:.5rem;font-size:1.35rem;font-weight:400}.descCol>div{margin-bottom:1rem}@media only screen and (width<=991px){.descCol>div{padding:0 1.75rem}}@media only screen and (width<=767px){.descCol>div{padding:0}}.descCol .heading{color:#fff;font-size:1.5rem;font-weight:400}.descCol .desc{color:#2f2332;padding-right:1.75rem;font-weight:700}@media only screen and (width<=767px){.descCol .desc{padding-right:0}}.cardsPagination{padding-top:2.5rem;padding-left:unset;text-align:center;margin:auto;list-style:none}.cardsPagination li{vertical-align:middle;padding:.25rem;font-size:1.25rem;display:inline-flex}.cardsPagination li.active{background-color:#6c756b40;border-radius:2.5rem}.cardsPagination li.active a{color:#748b7580;cursor:default}.cardsPagination li.active a:hover{color:#748b7580;background-color:#0000}.cardsPagination li.arrow{padding:.25rem .5rem}.cardsPagination li.arrow a{font-size:1.5rem}.cardsPagination li.arrow a:hover{color:#535a53f2;background-color:#0000}.cardsPagination li a{color:#748b75f2;width:2.5rem;height:2.5rem;padding:.25rem}.cardsPagination li a:hover{background-color:#748b7580;border-radius:2.5rem}.tabs{margin-top:2.5rem;padding-left:2.5rem}@media only screen and (width<=1680px){.tabs{padding-left:0}}@media only screen and (width<=1280px){.tabs{margin-top:1.5rem}}@media only screen and (width<=767px){.tabs{margin-top:12.5rem}}@media only screen and (width<=640px){.tabs{margin-top:10rem}}.tabs .nav-item{padding-right:.05rem}.tabs .nav-item:last-child{padding-right:0}.tabs .nav-item .nav-link{color:#2d330d;background-color:#748b75bf;border-bottom:.05rem solid #748b75bf;font-family:DFKai;font-size:1.45rem;font-weight:400}@media only screen and (width<=1680px){.tabs .nav-item .nav-link{font-size:1.25rem}}@media only screen and (width<=1400px){.tabs .nav-item .nav-link{font-size:1.5rem}}.tabs .nav-item .nav-link.active{color:#fff;text-shadow:.05rem .05rem .15rem #666;background-color:#6c756bf2;border:.05rem solid #6c756bf2}.tabs .tab-content{background-color:#fffffff2;border:.5rem solid #6c756bf2;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;padding:1rem;font-size:1.25rem}.tabs .tab-content .nav-item .nav-link{color:#666;background-color:#748b75bf}.tabs .tab-content .nav-item .nav-link.active{color:#000;text-shadow:.05rem .05rem .15rem #ccc;background-color:#b0c5b1bf;border-bottom:none}.category{z-index:5;width:70%;position:absolute;top:7.5rem;left:2.5rem}@media only screen and (width<=1400px){.category{position:inherit;z-index:1;width:100%}}@media only screen and (width<=991px){.category .categoryButton{min-width:25%}}@media only screen and (width<=640px){.category .categoryButton{min-width:50%}}.category .catButton{text-align:center;cursor:pointer;background-image:url(./inkdotBg-ZsFJQCoF.png);background-position:0;background-repeat:no-repeat;background-size:45%;height:6rem;padding:1.25rem 0}.category .catButton:hover{background-image:url(./inkdot-BzHJ9SL_.png);background-size:contain}@media only screen and (width<=1280px){.category .catButton:hover span{color:#516152}}.category .catButton.current{background-image:url(./inkdot-BzHJ9SL_.png);background-size:contain}@media only screen and (width<=1400px){.category .catButton.current span{color:#516152}}.category .catButton span{text-shadow:.05rem .05rem .5rem #ffffff80;font-family:DF;font-size:2.25rem}@media only screen and (width<=1400px){.category .catButton span{color:#748b75}}.likeCount{width:95%;margin:auto}@media only screen and (width<=1400px){.likeCount{width:100%}}.likeCount .catCount{text-align:center;min-width:50%;padding:.25rem 1rem;font-weight:700}.likeCount .catCount.inRow{min-width:auto}@media only screen and (width<=991px){.likeCount .catCount.inRow{min-width:25%}}.likeCount .catCount .catName{font-family:DFKai;font-size:1.35rem;font-weight:300}@media only screen and (width<=1400px){.likeCount .catCount{min-width:auto;padding:.5rem}.likeCount .catCount .catName{display:none}}@media only screen and (width<=991px){.likeCount .catCount{min-width:25%}.likeCount .catCount .catName{display:inline-block}}.likeCount .catCount svg{color:#666b3af2}.searchForm{width:85%}@media only screen and (width<=1400px){.searchForm{margin:1.5rem auto auto}}.searchForm .icon{text-align:left;font-family:DFKai;font-size:1.5rem}@media only screen and (width<=1400px){.searchForm .icon{text-align:right}}.searchForm input{font-size:1.05rem}.reflectionSection{font-size:1.25rem}.reflectionSection .card{margin:1.5rem auto}.reflectionSection .card textarea{font-size:1.25rem}.reflectionSection .card button{margin:1rem 0;font-size:1.25rem}.reflectionSection .card .card{font-size:1.25rem}.adminDIV{display:none}.adminDIV .tabs{margin-top:auto}.adminDIV.active{display:block}.adminDIV .closeAdmin{text-align:right;cursor:pointer;margin-bottom:5rem;padding:0 .75rem;font-size:2.5rem;position:relative;top:3.75rem}.adminDIV .closeAdmin:hover{color:#000}.adminContent select{border-color:#dee2e6;border-radius:.25rem;padding:.25rem 1rem}@media only screen and (width<=640px){.adminContent select{padding:.25rem}}.adminContent .addBtn{background-color:#748b75f2;border:none;margin:.75rem auto;padding:.5rem 1rem;font-size:1.15rem}.adminContent .closeBtn{background-color:#666;border:none;margin:.75rem auto;padding:.5rem 1rem;font-size:1.15rem}.adminContent .adminButton Button{background-color:#748b75f2;border:none;margin:auto .75rem;padding:.5rem 1rem;font-size:1.15rem}.adminContent .adminButton Button:hover{background-color:#6c756b}@media only screen and (width<=640px){.adminContent .adminButton Button{margin:.5rem .75rem}}.adminContent .editDelBtn{padding:.75rem 2.75rem}.adminContent .editDelBtn Button{background-color:#748b75f2;border:none;margin:auto .5rem;padding:.5rem 1rem;font-size:1.15rem}.adminContent .editDelBtn Button svg{padding:0 0 0 .5rem}.adminContent .editDelBtn .editText:hover{background-color:#9c7ca5}.adminContent .editDelBtn .delText:hover{background-color:#8b2727}.adminContent .addStudentForm,.adminContent .database{margin:1.5rem auto}.adminContent .database header{text-align:right;padding:0}.adminContent .database header .input-group{width:auto}.adminContent .database header .input-group button{background-color:#748b75f2;border:none}.adminContent .database div{min-width:1rem;font-size:1rem}.adminContent .rdt_TableCol_Sortable span{padding:0 .5rem;font-size:1rem}.adminContent .rdt_TableCell div{max-width:70rem}.adminContent .textDetail{padding:.25rem 2rem 1rem;font-weight:400}@media only screen and (width<=767px){.adminContent .textDetail{padding:0}}.adminContent .textDetail div{padding:.5rem}.adminContent .textDetail .text,.adminContent .textDetail .from{font-weight:700}.adminContent .textDetail .category,.adminContent .textDetail .desc,.adminContent .textDetail .descFrom{color:#748b75f2}.adminContent .textDetail .dataType{color:#000;vertical-align:top;width:12.5%;font-size:1rem;font-weight:700;display:inline-block}@media only screen and (width<=767px){.adminContent .textDetail .dataType{display:block}}.adminContent .textDetail .dataContent{width:87.5%;max-width:45vw;display:inline-block}@media only screen and (width<=767px){.adminContent .textDetail .dataContent{display:block}}.adminContent .addText{background-color:#fff;border:.05rem solid #748b75f2;margin:1.5rem auto;padding:.75rem 2.5rem;display:none}.adminContent .addText.active{display:block}.adminContent .addText .formRow{padding:.25rem}.adminContent .addText .dropdown button{background-color:#748b75f2}.adminContent .addText .icon{padding:.25rem 0;font-size:1.15rem;font-weight:400}.adminContent .addText .icon svg{color:#748b7580;padding-right:.5rem}.adminContent .addText .formBtn{padding:.5rem .25rem}.adminContent .addText .formBtn button{background-color:#748b75f2;border:none;margin:auto .5rem auto auto;padding:.5rem 1.25rem}.adminContent .addText .formBtn button svg{padding-right:.5rem}.adminContent .tab-content{background-color:#b0c5b1bf;border:none}.adminContent .tab-content header{padding:1rem}.adminContent .tab-content .tab-pane>button{background-color:#748b75;border:none;margin:.5rem;padding:.5rem 1rem;font-size:1.15rem}.adminContent .tab-content .tab-pane>button.active{background-color:#4b5b4a}.modalConfirmDel Button{background-color:#748b75f2;border:none;margin:auto .5rem;padding:.5rem 1rem;font-size:1.15rem}.modalConfirmDel Button svg{padding:0 0 0 .5rem}.modalConfirmDel Button.btn-close{background-color:#0000}.modalConfirmDel .closeBtn:hover{background-color:#9c7ca5}.modalConfirmDel .delTextBtn:hover{background-color:#8b2727}@media only screen and (width<=575px){.modalTextCardDetail{padding:1rem}}.modalTextCardDetail .modal-header{background-color:#9c7ca5f2;border-bottom:none}.modalTextCardDetail .modal-header button{background-color:#fff;border-radius:5rem;padding:.75rem;position:absolute;top:-.5rem;right:-.5rem}.modalTextCardDetail .modal-body{background-color:#9c7ca5f2;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;font-family:DFKai}.modalShare .modal-header{background-color:#ddd2ac}.modalShare .modal-header .modal-title{font-size:1.25rem;font-weight:700}.modalShare .modal-body{text-align:center;background-color:#ddd2aca6}.modalShare .modal-body .imageToShare{margin-bottom:.75rem}.modalShare .modal-body .imageToShare img{width:100%}.modalShare .modal-body .shareButton{vertical-align:middle;margin:.25rem;display:inline-block}.modalShare .mobileShare{color:#fff;background-color:#0000;border:none;margin-top:.25rem;padding:0;display:none}@media only screen and (width<=991px){.modalShare .mobileShare{display:inline-block}}.modalShare .mobileShare svg{background-color:#9c7ca5;border-radius:1.5rem;padding:.5rem}.infoModal .modal-header{background-color:#000}.infoModal .modal-header span{color:#fff;padding:0 1rem;font-size:1.25rem}@media only screen and (width<=640px){.infoModal .modal-header span{font-size:.95rem}}.infoModal .modal-header button{opacity:1;background-color:#ccc;border-radius:2.5rem;padding:.75rem;position:relative;top:-1.5rem;right:-1.5rem}.infoModal .modal-header button:hover{color:#fff;background-color:#9c7ca5}@media only screen and (width<=640px){.infoModal .modal-content{max-width:75%;margin:auto}}.infoModal .modal-content .modal-body{padding:1.5rem 2rem}.infoModal .modal-content .modal-body .textContent{font-size:1.15rem}.infoModal .modal-content .modal-body .textContent .tc{letter-spacing:.025rem;text-align:justify;line-height:2rem}.infoModal .modal-content .modal-body .textContent .tc p{padding-bottom:1rem}.modalAdmin{padding:0}@media only screen and (width<=640px){.modalAdmin .modal-content{max-width:none;margin:auto}}.modalAdmin .modal-content .modal-body{padding:0 .5rem}.modalAdmin .modal-fullscreen{padding:1rem}.modalAdmin button.btn-close{margin-right:.25rem;top:auto;right:auto}.modalReference{padding:0}@media only screen and (width<=640px){.modalReference .modal-content{max-width:none;margin:auto}}.modalReference .modal-fullscreen{padding:1rem}.modalReference button.btn-close{margin-right:.25rem;top:auto;right:auto}.modalReference .bookRef{background-color:#748b75f2;border:none;margin:1rem .75rem;padding:.5rem 1rem;font-size:1.15rem}.modalReference .bookRef.active,.modalReference .bookRef:hover{background-color:#6c756b}.modalReference .bookRef.btn-primary:active{background-color:#748b7580}@media only screen and (width<=640px){.modalReference .bookRef{margin:.5rem .75rem}}#refBookTable .p-datatable-header{background-color:#0000;border:none}#refBookTable thead tr th{background:0 0}#refBookTable thead tr:first-child{background-color:#eee;border-top-left-radius:.5rem;border-top-right-radius:.5rem}@media only screen and (width<=640px){#refBookTable thead tr:last-child th{padding:.25rem 0;display:block}#refBookTable thead tr:last-child th .p-column-filter-element{width:100%}}#refBookTable thead .p-highlight{color:#000;background-color:#748b7540}#refBookTable thead .p-highlight svg{color:#000}.p-paginator .p-highlight{color:#000;background-color:#748b7540;font-weight:700}.p-multiselect-panel{z-index:2001!important}@media only screen and (width<=640px){.modal-backdrop.show{width:100%;min-height:100%}}#footer{text-align:center;margin:5rem auto 1rem;font-size:1rem;font-weight:400}.loginPage{padding:1rem;font-family:DFKai;font-size:1.25rem}@media only screen and (width<=767px){.loginPage{margin-top:8.5rem;padding:5rem 0}}@media only screen and (width<=640px){.loginPage{margin-top:6.5rem;padding:5rem 0}}.loginPage .intro{background-color:#ffffff40;border-radius:.5rem;padding:2.5rem;box-shadow:.05rem .05rem .5rem #00000040}.loginPage .intro .tc{letter-spacing:.025rem;text-align:justify;font-size:1.25rem}.loginPage .intro .tc p{padding-bottom:.5rem}.loginPage .intro .tc p .title{font-size:1.5rem;font-weight:700}.loginPage .LoginCard{background-color:#ffffff40;width:65%;margin:2.5rem auto auto}.loginPage .LoginCard .card-header{color:#fff;text-align:center;background-color:#000000f2;font-size:1.25rem}.loginPage .LoginCard .card-body{text-align:center;background-color:#ffffff80;border:none;border-bottom-right-radius:.35rem;border-bottom-left-radius:.35rem;padding:2.5rem}.loginPage .LoginCard .card-body .title{font-size:1.75rem}.loginPage .LoginCard .card-body .subTitle{font-size:1.15rem}.loginPage .LoginCard .card-body .userType{margin-bottom:1.5rem}.loginPage .LoginCard .card-body button{background-color:#9c7ca5;border:none;margin:1.25rem auto;padding:.5rem 1.5rem;font-size:1.25rem}.loginPage .LoginCard .card-body button.loginBtn{margin:auto .5rem}.loginPage .LoginCard .card-body button.backBtn{color:#000;margin:auto .5rem;text-decoration:none}