:root { --RWDWidth: 991px; --sideFixTop: 80px; --borderRadius8: 8px; --borderRadius4: 4px; --color-Primary: #ea5514; --color-Primary-Light: rgb(252.9842519685, 237.9669291339, 231.4157480315); --color-Primary-Dark: rgb(187.2, 68, 16); --color-Secondary: #613c33; --color-Secondary-Light: rgb(230.0513513514, 211.9513513514, 207.5486486486); --color-Secondary-Dark: rgb(67.9, 42, 35.7); --aHover: var(--aHover); --nav-Surface-Hover: var(--nav-Surface-Hover); } .initial { --color-Primary: #ea5514; --color-Primary-Light: rgb(252.9842519685, 237.9669291339, 231.4157480315); --color-Primary-Dark: rgb(187.2, 68, 16); --color-Secondary: #613c33; --color-Secondary-Light: rgb(230.0513513514, 211.9513513514, 207.5486486486); --color-Secondary-Dark: rgb(58.2, 36, 30.6); --aHover: rgb(77.6, 48, 40.8); --nav-Surface-Hover: rgb(210.6, 76.5, 18); --form-Focus: #c3aa82; } .style_hualien { --color-Primary: #273d72; --color-Primary-Light: #ebf1f8; --color-Primary-Dark: rgb(23.4, 36.6, 68.4); --color-Secondary: #3eaca1; --color-Secondary-Light: rgb(214.4256410256, 240.3743589744, 237.7794871795); --color-Secondary-Dark: rgb(37.2, 103.2, 96.6); --aHover: rgb(49.6, 137.6, 128.8); --nav-Surface-Hover: rgb(35.1, 54.9, 102.6); --form-Focus: rgb(148.6, 169.1333333333, 218.6); } .style_bocach { --color-Primary: #875850; --color-Primary-Light: #f8eceb; --color-Primary-Dark: rgb(81, 52.8, 48); --color-Secondary: #f57544; --color-Secondary-Light: rgb(253, 227.4, 217.6); --color-Secondary-Dark: rgb(178.2670050761, 56.2446700508, 9.5329949239); --aHover: rgb(237.6893401015, 74.992893401, 12.7106598985); --nav-Surface-Hover: rgb(121.5, 79.2, 72); --form-Focus: rgb(211.0930232558, 185.2976744186, 180.9069767442); } .style_taoyuan { --color-Primary: #6f4d4b; --color-Primary-Light: #f8eceb; --color-Primary-Dark: rgb(66.6, 46.2, 45); --color-Secondary: #d3a448; --color-Secondary-Light: rgb(246.2, 236.8, 218.4); --color-Secondary-Dark: rgb(136.8872246696, 101.7303964758, 32.9127753304); --aHover: rgb(182.5162995595, 135.6405286344, 43.8837004405); --nav-Surface-Hover: rgb(99.9, 69.3, 67.5); --form-Focus: rgb(202.7419354839, 179.0516129032, 177.6580645161); } .style_hsinchucity { --color-Primary: #36a38e; --color-Primary-Light: #edf8eb; --color-Primary-Dark: rgb(32.4, 97.8, 85.2); --color-Secondary: #b9d997; --color-Secondary-Light: rgb(241, 247.4, 234.2); --color-Secondary-Dark: rgb(111.9549295775, 161.7126760563, 59.0873239437); --aHover: rgb(148.7183098592, 197.3042253521, 97.0957746479); --nav-Surface-Hover: rgb(48.6, 146.7, 127.8); --form-Focus: rgb(166.9649769585, 225.8350230415, 214.4930875576); } .style_hsinchucounty { --color-Primary: #353b70; --color-Primary-Light: #f4ebf8; --color-Primary-Dark: rgb(31.8, 35.4, 67.2); --color-Secondary: #d08e87; --color-Secondary-Light: rgb(245.6, 232.4, 231); --color-Secondary-Dark: rgb(147.880239521, 66.5461077844, 57.919760479); --aHover: rgb(188.6934131737, 95.5820359281, 85.7065868263); --nav-Surface-Hover: rgb(47.7, 53.1, 100.8); --form-Focus: rgb(161.3272727273, 166.3454545455, 210.6727272727); } .style_miaoli { --color-Primary: #68a3d7; --color-Primary-Light: #ebf7f8; --color-Primary-Dark: rgb(40.0837696335, 99.2073298429, 151.3162303665); --color-Secondary: #c2e59c; --color-Secondary-Light: rgb(242.8, 249.8, 235.2); --color-Secondary-Dark: rgb(118.272, 182.952, 48.048); --aHover: rgb(156.424, 212.984, 95.016); --nav-Surface-Hover: rgb(78.7806282723, 147.6345549738, 208.3193717277); --form-Focus: rgb(194.6, 218.2, 239); } .style_taichung { --color-Primary: #5d5e62; --color-Primary-Light: #ededed; --color-Primary-Dark: rgb(55.8, 56.4, 58.8); --color-Secondary: #c3c3c4; --color-Secondary-Light: rgb(243, 243, 243.2); --color-Secondary-Dark: rgb(116.3142857143, 116.3142857143, 118.2857142857); --aHover: rgb(155.5714285714, 155.5714285714, 157.2285714286); --nav-Surface-Hover: rgb(83.7, 84.6, 88.2); --form-Focus: rgb(189.5298429319, 190.1979057592, 192.8701570681); } .style_yunlin { --color-Primary: #7bc2cd; --color-Primary-Light: #ebf7f8; --color-Primary-Dark: rgb(54.0659340659, 130.8395604396, 142.7340659341); --color-Secondary: #855898; --color-Secondary-Light: rgb(230.925, 220.8, 235.2); --color-Secondary-Dark: rgb(79.8, 52.8, 91.2); --aHover: rgb(106.4, 70.4, 121.6); --nav-Surface-Hover: rgb(99.210989011, 183.0065934066, 195.989010989); --form-Focus: rgb(202.2, 230.6, 235); } .style_cloud { --color-Primary: #54842a; --color-Primary-Light: #ebf8f0; --color-Primary-Dark: rgb(50.4, 79.2, 25.2); --color-Secondary: #2ea2c7; --color-Secondary-Light: rgb(211.9510204082, 237.0448979592, 245.0489795918); --color-Secondary-Dark: rgb(27.6, 97.2, 119.4); --aHover: rgb(36.8, 129.6, 159.2); --nav-Surface-Hover: rgb(75.6, 118.8, 37.8); --form-Focus: rgb(185.4827586207, 222.5586206897, 153.0413793103); } .style_hualien main.innerPage { background-image: url("../images/innerPage_bg_subsite01.png"), radial-gradient(ellipse 80vw 35vw at 20% 600px, rgba(189, 220, 251, 0.4) 0%, rgba(189, 205, 251, 0.1) 70%, rgb(255, 255, 255) 100%); background-repeat: no-repeat; background-position: left top 100px, left top; } .style_hualien #scrollTop { background: #50635c; } .style_hualien .navButton .logoIn button.btnPrimary, .style_hualien .navButton .personalStudyBtn button.btnPrimary { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_hualien .navButton .logoIn button.btnPrimary:hover, .style_hualien .navButton .personalStudyBtn button.btnPrimary:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_hualien .navButton .logoIn a, .style_hualien .navButton .personalStudyBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_hualien .navButton .logoIn a:hover, .style_hualien .navButton .personalStudyBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_hualien .navButton .memberName { color: var(--color-Secondary); } @media screen and (max-width: 991px) { .style_hualien .navButton .memberName { color: var(--color-Primary); } } .style_hualien .tabSet .mobileTabBtn { background: var(--color-Primary-Light); color: #444; } .style_hualien .tabSet .mobileTabBtn::after { background-image: url("../images/basic/icon/arrow_down_dk.svg"); } .style_hualien .tabSet .mobileTabBtn.active, .style_hualien .tabSet .mobileTabBtn:hover { background: var(--color-Primary); color: #fff; } .style_hualien .tabSet .mobileTabBtn.active::after, .style_hualien .tabSet .mobileTabBtn:hover::after { background-image: url("../images/basic/icon/arrow_down_w.svg"); } .style_hualien .tabwebSearch .tabBtn { background: #dcdcdc; color: #555; } .style_hualien .tabwebSearch .tabBtn.active { background: #fc8d2d; color: #fff; } .style_hualien .tabwebSearch .tabBtn.active:before { display: none; } .style_hualien .tabwebSearch .tabContentGroup .tabContent { background-color: #dcdcdc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .style_hualien .tabbookDetails .tabItems, .style_hualien .tabDataMaintenance .tabItems { background-color: var(--color-Primary-Light); } .style_hualien .tabbookDetails .tabBtn, .style_hualien .tabDataMaintenance .tabBtn { color: #444; } .style_hualien .tabbookDetails .tabBtn.active, .style_hualien .tabDataMaintenance .tabBtn.active { color: #fff; } .style_hualien .webSearch ul li:before { background-color: #666; } .style_hualien .webSearch .formList input::placeholder { color: #bbb; } .style_hualien .webSearch .formList button.advancedSearch { color: #777; border: 1px solid #777; background-image: url("../images/icon_advancedSearch_subsite.png"); } .style_hualien .webSearch .hotKeyword a:not(:hover) { color: var(--color-Primary); } .style_hualien .webSearch .hotKeyword a:visited { color: var(--color-Primary-Dark); } .style_hualien .webSearch .hotKeyword a:visited:hover { color: #ea5514; } .style_hualien .searchBoxsticky .container .webSearch .formList .select:before { filter: brightness(10%); } .style_hualien .searchBoxsticky .container .webSearch .formList .select select { border: 1px solid #eee; background-color: #eee; color: #777; } .style_hualien .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_hualien input:not([type=checkBox], [type=radio]):focus-visible, .style_hualien select:focus-visible, .style_hualien textarea:focus-visible { outline-color: var(--form-Focus); } .style_hualien #mobileMenu { background: #f3f7fd; background: -webkit-linear-gradient(top, #f3f7fd, #b3c8d2); background: linear-gradient(to bottom, #f3f7fd, #b3c8d2); } .style_hualien #mobileMenu .mobileMainMenu .title { background-color: #ababab; } .style_hualien #mobileMenu .topNav .navList .title { background-color: #ababab; } .style_hualien .borrowingLogin { background: var(--color-Primary); } .style_hualien .borrowingLogin.active, .style_hualien .borrowingLogin:hover { color: #fff; background: var(--color-Primary-Dark); } .style_hualien .filehierarchy_list ul > li a:not(:hover) { color: var(--color-Primary); } .style_hualien .otherbookInforBox .contentBlock .moreBtn a:hover { background-image: none; } .style_hualien .sharedcontentGroup .rightBlock .otherNewsBlock .latestNewsList .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_hualien .bookDetailsInforBox .rightInfor .bookrelatedBlock .reserveGroup { background-color: var(--color-Primary-Light); } @media (max-width: 380px) { .style_hualien header .topMater h1 a { background-image: url("../images/logo_mobile_hualien.png"); } } .style_hualien .moreBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); box-shadow: 0 0 15px 0px #fff; } .style_hualien .moreBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_hualien .moreBtn.moreBtn_gray a { color: #fff; } .style_hualien .personalStatisticsBox .content { border: 1px solid #89afcf; } .style_hualien .personalStatisticsBox .content .subtitle { background-image: url("../images/personalStatistics_subtitle_subsite01.svg"); } .style_hualien .personalStatisticsBox .content ul li { background-color: var(--color-Primary-Light); } .style_hualien .personalStatisticsBox .content ul li em { color: #0285c2; } .style_hualien .personalStatisticsBox .content ul li:nth-child(3), .style_hualien .personalStatisticsBox .content ul li:nth-child(4) { background-color: #d9f0fd; } .style_hualien .personalStudylistBox ul li a:before { filter: invert(32%) sepia(54%) saturate(2300%) hue-rotate(205deg) brightness(65%) contrast(92%); } .style_hualien .personalStudylistBox ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_hualien .personalStudylistBox ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_hualien .personalStudylistBox ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_hualien .personalStudylistBox ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_hualien .personalStudylistBox ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_hualien .personalStudylistBox ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_hualien .personalStudylistBox ul li a:hover:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_hualien .personalStudylistBox ul li a:hover.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_hualien .personalStudylistBox ul li a:hover.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_hualien .personalStudylistBox ul li a:hover.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_hualien .personalStudylistBox ul li a:hover.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_hualien .personalStudylistBox ul li a:hover.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_hualien .personalStudylistBox ul li a:hover.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_hualien .personalStudylistBox ul li:hover { background-color: #7c90a6; } .style_hualien .personalStudylistBox ul li.active a { background-color: #7c90a6; } .style_hualien .personalStudylistBox ul li.active a:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_hualien .personalStudylistBox ul li.active a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_hualien .personalStudylistBox ul li.active a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_hualien .personalStudylistBox ul li.active a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_hualien .personalStudylistBox ul li.active a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_hualien .personalStudylistBox ul li.active a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_hualien .personalStudylistBox ul li.active a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_hualien .personalStudylistBox_mobile button { background-color: #7c90a6; } .style_hualien .personalStudylistBox_mobile button:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_hualien .personalStudylistBox_mobile button.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_hualien .personalStudylistBox_mobile button.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_hualien .personalStudylistBox_mobile button.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_hualien .personalStudylistBox_mobile button.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_hualien .personalStudylistBox_mobile button.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_hualien .personalStudylistBox_mobile button.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_hualien .personalStudylistBox_mobile .content ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_hualien .personalStudylistBox_mobile .content ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_hualien .personalStudylistBox_mobile .content ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_hualien .personalStudylistBox_mobile .content ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_hualien .personalStudylistBox_mobile .content ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_hualien .personalStudylistBox_mobile .content ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_hualien .personalStudyInforBox .borrowingBlock a, .style_hualien .personalStudyInforBox .reserveBlock a, .style_hualien .personalStudyInforBox .reservationProgressBlock a { background-color: #edeeee; border-left: 8px solid #0285c2; } .style_hualien .personalStudyInforBox .borrowingBlock a .num, .style_hualien .personalStudyInforBox .reserveBlock a .num, .style_hualien .personalStudyInforBox .reservationProgressBlock a .num { color: #0285c2; } .style_hualien .personalStudyInforBox .borrowingBlock a:hover, .style_hualien .personalStudyInforBox .reserveBlock a:hover, .style_hualien .personalStudyInforBox .reservationProgressBlock a:hover { background-color: var(--color-Primary); } .style_hualien .personalStudyInforBox .borrowingBlock a:hover .title, .style_hualien .personalStudyInforBox .reserveBlock a:hover .title, .style_hualien .personalStudyInforBox .reservationProgressBlock a:hover .title { color: #fff; } .style_hualien .personalStudyInforBox .borrowingBlock a:hover .num, .style_hualien .personalStudyInforBox .reserveBlock a:hover .num, .style_hualien .personalStudyInforBox .reservationProgressBlock a:hover .num { color: #fff; } .style_hualien .personalStudyInforBox .borrowingBlock.active a, .style_hualien .personalStudyInforBox .reserveBlock.active a, .style_hualien .personalStudyInforBox .reservationProgressBlock.active a { background-color: var(--color-Primary); } .style_hualien .personalStudyInforBox .borrowingBlock.active a .title, .style_hualien .personalStudyInforBox .reserveBlock.active a .title, .style_hualien .personalStudyInforBox .reservationProgressBlock.active a .title { color: #fff; } .style_hualien .personalStudyInforBox .borrowingBlock.active a .num, .style_hualien .personalStudyInforBox .reserveBlock.active a .num, .style_hualien .personalStudyInforBox .reservationProgressBlock.active a .num { color: #fff; } .style_hualien .personalStudyInforBox .borrowingBlock a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(32%) sepia(54%) saturate(2300%) hue-rotate(205deg) brightness(65%) contrast(92%); } .style_hualien .personalStudyInforBox .borrowingBlock a:hover:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hualien .personalStudyInforBox .borrowingBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hualien .personalStudyInforBox .reserveBlock a:after { background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(32%) sepia(54%) saturate(2300%) hue-rotate(205deg) brightness(65%) contrast(92%); } .style_hualien .personalStudyInforBox .reserveBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hualien .personalStudyInforBox .reserveBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hualien .personalStudyInforBox .reservationProgressBlock a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(32%) sepia(54%) saturate(2300%) hue-rotate(205deg) brightness(65%) contrast(92%); } .style_hualien .personalStudyInforBox .reservationProgressBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hualien .personalStudyInforBox .reservationProgressBlock.active a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hualien .personalStudyoptions .myScoreBlock .myScorebtnList a:not(:hover) { color: var(--color-Primary); } .style_hualien .personalStudyoptions .myScoreBlock .myScorebtnList a:hover { background-color: var(--color-Primary-Light); } .style_hualien .memberRegistrationBox a { color: var(--color-Primary); } .style_hualien .memberRegistrationBox a:hover { color: #ea5514; } .style_hualien .memberRegistrationBox .keyPoints { color: #535353; } .style_hualien .memberRegistrationBox .keyPoints:before { filter: invert(18%) sepia(0%) saturate(6%) hue-rotate(311deg) brightness(101%) contrast(94%); } .style_hualien .memberRegistrationBox .noticeBlock { color: #535353; } .style_hualien .memberRegistrationBox .subtitle { color: var(--color-Primary); } .style_hualien .latestNewsBox .latestNewsBlock .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_hualien .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle a:not(:hover) { color: var(--color-Primary); } .style_hualien .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle.openSeparately a:before { background-color: var(--color-Primary); } .style_hualien .faqSearchBox { background: #a8cae2; background: linear-gradient(15deg, rgb(168, 202, 226) 35%, rgb(193, 244, 241) 75%); } .style_hualien .hotProblemBox .hotTopicsBlock .hotTopicsList a { background: #a8cae2; background: linear-gradient(15deg, rgb(168, 202, 226) 35%, rgb(193, 244, 241) 88%); } .style_hualien .subtopicsBox.singleThemeBox .subtopicsBlock { background-color: #b0c5e2; } .style_hualien .subtopicsBox.singleThemeBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #364965; } .style_hualien .subtopicsBox .subtopicsBlock { background-color: #cae4ff; } .style_hualien .subtopicsBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #335799; } .style_hualien .registrationSourceBox p a:not(:hover) { color: var(--color-Primary); } .style_hualien footer:before { background-image: linear-gradient(90deg, #273d72, #306884); } .style_hualien footer:after { background-image: linear-gradient(90deg, #306884, #3eaca1); } .style_hualien footer .infoBox { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .style_hualien section:has(.marqueeSlider) { background-color: var(--color-Primary); background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); color: #fff; } .style_hualien section:has(.themedBookfair) { padding: 120px 0 100px; background-image: url("../images/curveBg01_subsite01.png"); background-repeat: no-repeat; background-position: right top; } .style_hualien section:has(.themedBookfair):before, .style_hualien section:has(.themedBookfair):after { display: none; } .style_hualien .themedBookfair .sectionTitle { color: #313131; } .style_hualien .themedBookfair .bookfairBox .leftBox .title { color: #313131; } .style_hualien .themedBookfair .bookfairBox .leftBox .time { color: #313131; } .style_hualien .themedBookfair .bookfairlistBox { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_hualien .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .title, .style_hualien .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .time { color: #fff; } .style_hualien section:has(.newBooks) { background-image: url("../images/newBooksBb_hualien.jpg"); } .style_hualien .newBooks .sectionTitle { color: #313131; } .style_hualien .newBooks .sectionSubtitle { color: var(--color-Primary); } .style_hualien .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet { background: #e5e5e5; } .style_hualien .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_hualien section:has(.audioBooks) { background-image: url("../images/curveBg04_subsite01.png"); background-position: center top -110px; } .style_hualien .audioBooks .sectionTitle { color: #313131; } .style_hualien .audioBooks .sectionSubtitle { color: var(--color-Primary); } .style_hualien .lightBox a:not(:hover) { color: var(--color-Primary); } .style_hualien .lightBox .lightBoxtitle { color: #0285c2; } .style_hualien .lightBox .formListTitle { color: var(--color-Primary) !important; } .style_bocach main.innerPage { background-image: url("../images/innerPage_bg_subsite02.png"), radial-gradient(ellipse 80vw 35vw at 20% 600px, rgba(251, 203, 189, 0.4) 0%, rgba(189, 205, 251, 0.1) 70%, rgb(255, 255, 255) 100%); background-repeat: no-repeat; background-position: left top 100px, left top; } .style_bocach #scrollTop { background: #875850; } .style_bocach .navButton .logoIn button.btnPrimary, .style_bocach .navButton .personalStudyBtn button.btnPrimary { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_bocach .navButton .logoIn button.btnPrimary:hover, .style_bocach .navButton .personalStudyBtn button.btnPrimary:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_bocach .navButton .logoIn a, .style_bocach .navButton .personalStudyBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_bocach .navButton .logoIn a:hover, .style_bocach .navButton .personalStudyBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_bocach .navButton .memberName { color: var(--color-Secondary); } @media screen and (max-width: 991px) { .style_bocach .navButton .memberName { color: var(--color-Primary); } } .style_bocach .tabSet .mobileTabBtn { background: var(--color-Secondary-Light); color: #444; } .style_bocach .tabSet .mobileTabBtn::after { background-image: url("../images/basic/icon/arrow_down_dk.svg"); } .style_bocach .tabSet .mobileTabBtn.active, .style_bocach .tabSet .mobileTabBtn:hover { background: var(--color-Primary); color: #fff; } .style_bocach .tabSet .mobileTabBtn.active::after, .style_bocach .tabSet .mobileTabBtn:hover::after { background-image: url("../images/basic/icon/arrow_down_w.svg"); } .style_bocach .tabwebSearch .tabBtn { background: #dcdcdc; color: #555; } .style_bocach .tabwebSearch .tabBtn.active { background: #fc8d2d; color: #fff; } .style_bocach .tabwebSearch .tabBtn.active:before { display: none; } .style_bocach .tabwebSearch .tabContentGroup .tabContent { background-color: #dcdcdc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .style_bocach .tabbookDetails .tabItems, .style_bocach .tabDataMaintenance .tabItems { background-color: var(--color-Primary-Light); } .style_bocach .tabbookDetails .tabBtn, .style_bocach .tabDataMaintenance .tabBtn { color: #444; } .style_bocach .tabbookDetails .tabBtn.active, .style_bocach .tabDataMaintenance .tabBtn.active { color: #fff; } .style_bocach .webSearch ul li:before { background-color: #666; } .style_bocach .webSearch .formList input::placeholder { color: #bbb; } .style_bocach .webSearch .formList button.advancedSearch { color: #777; border: 1px solid #777; background-image: url("../images/icon_advancedSearch_subsite.png"); } .style_bocach .webSearch .hotKeyword a:not(:hover) { color: var(--color-Primary); } .style_bocach .webSearch .hotKeyword a:visited { color: var(--color-Primary-Dark); } .style_bocach .webSearch .hotKeyword a:visited:hover { color: #ea5514; } .style_bocach .searchBoxsticky .container .webSearch .formList .select:before { filter: brightness(10%); } .style_bocach .searchBoxsticky .container .webSearch .formList .select select { border: 1px solid #eee; background-color: #eee; color: #777; } .style_bocach .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_bocach input:not([type=checkBox], [type=radio]):focus-visible, .style_bocach select:focus-visible, .style_bocach textarea:focus-visible { outline-color: var(--form-Focus); } .style_bocach #mobileMenu { background: #fdf5f3; background: -webkit-linear-gradient(top, #fdf5f3, #e4cfc8); background: linear-gradient(to bottom, #fdf5f3, #e4cfc8); } .style_bocach #mobileMenu .mobileMainMenu .title { background-color: #ababab; } .style_bocach #mobileMenu .topNav .navList .title { background-color: #ababab; } .style_bocach .borrowingLogin { background: var(--color-Primary); } .style_bocach .borrowingLogin.active, .style_bocach .borrowingLogin:hover { color: #fff; background: var(--color-Primary-Dark); } .style_bocach .filehierarchy_list ul > li a:not(:hover) { color: var(--color-Primary); } .style_bocach .otherbookInforBox .contentBlock .moreBtn a:hover { background-image: none; } .style_bocach .sharedcontentGroup .rightBlock .otherNewsBlock .latestNewsList .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_bocach .bookDetailsInforBox .rightInfor .bookrelatedBlock .reserveGroup { background-color: var(--color-Primary-Light); } @media (max-width: 380px) { .style_bocach header .topMater h1 a { background-image: url("../images/logo_mobile_changhua.png"); } } .style_bocach .moreBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); box-shadow: 0 0 15px 0px #fff; } .style_bocach .moreBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_bocach .moreBtn.moreBtn_gray a { color: #fff; } .style_bocach .personalStatisticsBox .content { border: 1px solid #cf9589; } .style_bocach .personalStatisticsBox .content .subtitle { background-image: url("../images/personalStatistics_subtitle_subsite02.svg"); } .style_bocach .personalStatisticsBox .content ul li { background-color: var(--color-Primary-Light); } .style_bocach .personalStatisticsBox .content ul li em { color: #f57544; } .style_bocach .personalStatisticsBox .content ul li:nth-child(3), .style_bocach .personalStatisticsBox .content ul li:nth-child(4) { background-color: #fddfd9; } .style_bocach .personalStudylistBox ul li a:before { filter: invert(37%) sepia(18%) saturate(945%) hue-rotate(326deg) brightness(92%) contrast(88%); } .style_bocach .personalStudylistBox ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_bocach .personalStudylistBox ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_bocach .personalStudylistBox ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_bocach .personalStudylistBox ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_bocach .personalStudylistBox ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_bocach .personalStudylistBox ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_bocach .personalStudylistBox ul li a:hover:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_bocach .personalStudylistBox ul li a:hover.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_bocach .personalStudylistBox ul li a:hover.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_bocach .personalStudylistBox ul li a:hover.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_bocach .personalStudylistBox ul li a:hover.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_bocach .personalStudylistBox ul li a:hover.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_bocach .personalStudylistBox ul li a:hover.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_bocach .personalStudylistBox ul li:hover { background-color: #a69791; } .style_bocach .personalStudylistBox ul li.active a { background-color: #a69791; } .style_bocach .personalStudylistBox ul li.active a:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_bocach .personalStudylistBox ul li.active a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_bocach .personalStudylistBox ul li.active a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_bocach .personalStudylistBox ul li.active a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_bocach .personalStudylistBox ul li.active a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_bocach .personalStudylistBox ul li.active a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_bocach .personalStudylistBox ul li.active a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_bocach .personalStudylistBox_mobile button { background-color: #7c90a6; } .style_bocach .personalStudylistBox_mobile button:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_bocach .personalStudylistBox_mobile button.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_bocach .personalStudylistBox_mobile button.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_bocach .personalStudylistBox_mobile button.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_bocach .personalStudylistBox_mobile button.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_bocach .personalStudylistBox_mobile button.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_bocach .personalStudylistBox_mobile button.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_bocach .personalStudylistBox_mobile .content ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_bocach .personalStudylistBox_mobile .content ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_bocach .personalStudylistBox_mobile .content ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_bocach .personalStudylistBox_mobile .content ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_bocach .personalStudylistBox_mobile .content ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_bocach .personalStudylistBox_mobile .content ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_bocach .personalStudyInforBox .borrowingBlock a, .style_bocach .personalStudyInforBox .reserveBlock a, .style_bocach .personalStudyInforBox .reservationProgressBlock a { background-color: #edeeee; border-left: 8px solid #f57544; } .style_bocach .personalStudyInforBox .borrowingBlock a .num, .style_bocach .personalStudyInforBox .reserveBlock a .num, .style_bocach .personalStudyInforBox .reservationProgressBlock a .num { color: #f57544; } .style_bocach .personalStudyInforBox .borrowingBlock a:hover, .style_bocach .personalStudyInforBox .reserveBlock a:hover, .style_bocach .personalStudyInforBox .reservationProgressBlock a:hover { background-color: var(--color-Primary); } .style_bocach .personalStudyInforBox .borrowingBlock a:hover .title, .style_bocach .personalStudyInforBox .reserveBlock a:hover .title, .style_bocach .personalStudyInforBox .reservationProgressBlock a:hover .title { color: #fff; } .style_bocach .personalStudyInforBox .borrowingBlock a:hover .num, .style_bocach .personalStudyInforBox .reserveBlock a:hover .num, .style_bocach .personalStudyInforBox .reservationProgressBlock a:hover .num { color: #fff; } .style_bocach .personalStudyInforBox .borrowingBlock.active a, .style_bocach .personalStudyInforBox .reserveBlock.active a, .style_bocach .personalStudyInforBox .reservationProgressBlock.active a { background-color: var(--color-Primary); } .style_bocach .personalStudyInforBox .borrowingBlock.active a .title, .style_bocach .personalStudyInforBox .reserveBlock.active a .title, .style_bocach .personalStudyInforBox .reservationProgressBlock.active a .title { color: #fff; } .style_bocach .personalStudyInforBox .borrowingBlock.active a .num, .style_bocach .personalStudyInforBox .reserveBlock.active a .num, .style_bocach .personalStudyInforBox .reservationProgressBlock.active a .num { color: #fff; } .style_bocach .personalStudyInforBox .borrowingBlock a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(37%) sepia(18%) saturate(945%) hue-rotate(326deg) brightness(92%) contrast(88%); } .style_bocach .personalStudyInforBox .borrowingBlock a:hover:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_bocach .personalStudyInforBox .borrowingBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_bocach .personalStudyInforBox .reserveBlock a:after { background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(37%) sepia(18%) saturate(945%) hue-rotate(326deg) brightness(92%) contrast(88%); } .style_bocach .personalStudyInforBox .reserveBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_bocach .personalStudyInforBox .reserveBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_bocach .personalStudyInforBox .reservationProgressBlock a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(37%) sepia(18%) saturate(945%) hue-rotate(326deg) brightness(92%) contrast(88%); } .style_bocach .personalStudyInforBox .reservationProgressBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_bocach .personalStudyInforBox .reservationProgressBlock.active a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_bocach .personalStudyoptions .myScoreBlock .myScorebtnList a:not(:hover) { color: var(--color-Primary); } .style_bocach .personalStudyoptions .myScoreBlock .myScorebtnList a:hover { background-color: var(--color-Primary-Light); } .style_bocach .memberRegistrationBox a { color: var(--color-Primary); } .style_bocach .memberRegistrationBox a:hover { color: #ea5514; } .style_bocach .memberRegistrationBox .keyPoints { color: #535353; } .style_bocach .memberRegistrationBox .keyPoints:before { filter: invert(18%) sepia(0%) saturate(6%) hue-rotate(311deg) brightness(101%) contrast(94%); } .style_bocach .memberRegistrationBox .noticeBlock { color: #535353; } .style_bocach .memberRegistrationBox .subtitle { color: var(--color-Primary); } .style_bocach .latestNewsBox .latestNewsBlock .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_bocach .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle a:not(:hover) { color: var(--color-Primary); } .style_bocach .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle.openSeparately a:before { background-color: var(--color-Primary); } .style_bocach .faqSearchBox { background: #e2b3a8; background: linear-gradient(15deg, rgb(228, 167, 137) 35%, rgb(254, 205, 189) 75%); } .style_bocach .hotProblemBox .hotTopicsBlock .hotTopicsList a { background: #e2b3a8; background: linear-gradient(15deg, rgb(228, 167, 137) 35%, rgb(254, 205, 189) 75%); } .style_bocach .subtopicsBox.singleThemeBox .subtopicsBlock { background-color: #e2bcb0; } .style_bocach .subtopicsBox.singleThemeBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #653f36; } .style_bocach .subtopicsBox .subtopicsBlock { background-color: #ffddca; } .style_bocach .subtopicsBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #994433; } .style_bocach .registrationSourceBox p a:not(:hover) { color: var(--color-Primary); } .style_bocach footer:before { background-image: linear-gradient(90deg, #875850, #8f5a4f); } .style_bocach footer:after { background-image: linear-gradient(90deg, #8f5a4f, #d86e47); } .style_bocach footer .infoBox { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .style_bocach section:has(.marqueeSlider) { background-color: var(--color-Primary); background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); color: #fff; } .style_bocach section:has(.themedBookfair) { padding: 120px 0 100px; background-image: url("../images/curveBg01_subsite02.png"); background-repeat: no-repeat; background-position: right top; } .style_bocach section:has(.themedBookfair):before, .style_bocach section:has(.themedBookfair):after { display: none; } .style_bocach .themedBookfair .sectionTitle { color: #313131; } .style_bocach .themedBookfair .bookfairBox .leftBox .title { color: #313131; } .style_bocach .themedBookfair .bookfairBox .leftBox .time { color: #313131; } .style_bocach .themedBookfair .bookfairlistBox { background-image: linear-gradient(30deg, var(--color-Primary), var(--color-Secondary)); } .style_bocach .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .title, .style_bocach .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .time { color: #fff; } .style_bocach section:has(.newBooks) { background-image: url("../images/newBooksBb_changhua.jpg"); } .style_bocach .newBooks .sectionTitle { color: #313131; } .style_bocach .newBooks .sectionSubtitle { color: var(--color-Primary); } .style_bocach .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet { background: #e5e5e5; } .style_bocach .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_bocach section:has(.audioBooks) { background-image: url("../images/curveBg04_subsite02.png"); background-position: center top -110px; } .style_bocach .audioBooks .sectionTitle { color: #313131; } .style_bocach .audioBooks .sectionSubtitle { color: var(--color-Primary); } .style_bocach .lightBox a:not(:hover) { color: var(--color-Primary); } .style_bocach .lightBox .lightBoxtitle { color: #f57544; } .style_bocach .lightBox .formListTitle { color: var(--color-Primary) !important; } .style_taoyuan main.innerPage { background-image: url("../images/innerPage_bg_subsite03.png"), radial-gradient(ellipse 80vw 35vw at 20% 600px, rgba(218, 194, 186, 0.4) 0%, rgba(189, 205, 251, 0.1) 70%, rgb(255, 255, 255) 100%); background-repeat: no-repeat; background-position: left top 100px, left top; } .style_taoyuan #scrollTop { background: #89603b; } .style_taoyuan .navButton .logoIn button.btnPrimary, .style_taoyuan .navButton .personalStudyBtn button.btnPrimary { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_taoyuan .navButton .logoIn button.btnPrimary:hover, .style_taoyuan .navButton .personalStudyBtn button.btnPrimary:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_taoyuan .navButton .logoIn a, .style_taoyuan .navButton .personalStudyBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_taoyuan .navButton .logoIn a:hover, .style_taoyuan .navButton .personalStudyBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_taoyuan .navButton .memberName { color: var(--color-Secondary); } @media screen and (max-width: 991px) { .style_taoyuan .navButton .memberName { color: var(--color-Primary); } } .style_taoyuan .tabSet .mobileTabBtn { background: var(--color-Secondary-Light); color: #444; } .style_taoyuan .tabSet .mobileTabBtn::after { background-image: url("../images/basic/icon/arrow_down_dk.svg"); } .style_taoyuan .tabSet .mobileTabBtn.active, .style_taoyuan .tabSet .mobileTabBtn:hover { background: var(--color-Primary); color: #fff; } .style_taoyuan .tabSet .mobileTabBtn.active::after, .style_taoyuan .tabSet .mobileTabBtn:hover::after { background-image: url("../images/basic/icon/arrow_down_w.svg"); } .style_taoyuan .tabwebSearch .tabBtn { background: #dcdcdc; color: #555; } .style_taoyuan .tabwebSearch .tabBtn.active { background: #fc8d2d; color: #fff; } .style_taoyuan .tabwebSearch .tabBtn.active:before { display: none; } .style_taoyuan .tabwebSearch .tabContentGroup .tabContent { background-color: #dcdcdc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .style_taoyuan .tabbookDetails .tabItems, .style_taoyuan .tabDataMaintenance .tabItems { background-color: var(--color-Secondary-Light); } .style_taoyuan .tabbookDetails .tabBtn, .style_taoyuan .tabDataMaintenance .tabBtn { color: #444; } .style_taoyuan .tabbookDetails .tabBtn.active, .style_taoyuan .tabDataMaintenance .tabBtn.active { color: #fff; } .style_taoyuan .webSearch ul li:before { background-color: #666; } .style_taoyuan .webSearch .formList input::placeholder { color: #bbb; } .style_taoyuan .webSearch .formList button.advancedSearch { color: #777; border: 1px solid #777; background-image: url("../images/icon_advancedSearch_subsite.png"); } .style_taoyuan .webSearch .hotKeyword a:not(:hover) { color: var(--color-Primary); } .style_taoyuan .webSearch .hotKeyword a:visited { color: var(--color-Primary-Dark); } .style_taoyuan .webSearch .hotKeyword a:visited:hover { color: #ea5514; } .style_taoyuan .searchBoxsticky .container .webSearch .formList .select:before { filter: brightness(10%); } .style_taoyuan .searchBoxsticky .container .webSearch .formList .select select { border: 1px solid #eee; background-color: #eee; color: #777; } .style_taoyuan .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_taoyuan input:not([type=checkBox], [type=radio]):focus-visible, .style_taoyuan select:focus-visible, .style_taoyuan textarea:focus-visible { outline-color: var(--form-Focus); } .style_taoyuan #mobileMenu { background: #f9f6ed; background: -webkit-linear-gradient(top, #f9f6ed, #e4d9c8); background: linear-gradient(to bottom, #f9f6ed, #e4d9c8); } .style_taoyuan #mobileMenu .mobileMainMenu .title { background-color: #ababab; } .style_taoyuan #mobileMenu .topNav .navList .title { background-color: #ababab; } .style_taoyuan .borrowingLogin { background: var(--color-Primary); } .style_taoyuan .borrowingLogin.active, .style_taoyuan .borrowingLogin:hover { color: #fff; background: var(--color-Primary-Dark); } .style_taoyuan .filehierarchy_list ul > li a:not(:hover) { color: var(--color-Primary); } .style_taoyuan .otherbookInforBox .contentBlock .moreBtn a:hover { background-image: none; } .style_taoyuan .sharedcontentGroup .rightBlock .otherNewsBlock .latestNewsList .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_taoyuan .bookDetailsInforBox .rightInfor .bookrelatedBlock .reserveGroup { background-color: var(--color-Secondary-Light); } .style_taoyuan .fileDownloadList { background-color: var(--color-Secondary-Light); } @media (max-width: 380px) { .style_taoyuan header .topMater h1 a { background-image: url("../images/logo_mobile_taoyuan.png"); width: 68px; background-size: 68px 26px; } } .style_taoyuan .moreBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); box-shadow: 0 0 15px 0px #fff; } .style_taoyuan .moreBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_taoyuan .moreBtn.moreBtn_gray a { color: #fff; } .style_taoyuan .personalStatisticsBox .content { border: 1px solid #cf9589; } .style_taoyuan .personalStatisticsBox .content .subtitle { background-image: url("../images/personalStatistics_subtitle_subsite02.svg"); } .style_taoyuan .personalStatisticsBox .content ul li { background-color: var(--color-Secondary-Light); } .style_taoyuan .personalStatisticsBox .content ul li em { color: #e09202; } .style_taoyuan .personalStatisticsBox .content ul li:nth-child(3), .style_taoyuan .personalStatisticsBox .content ul li:nth-child(4) { background-color: #edd9b8; } .style_taoyuan .personalStudylistBox ul li a:before { filter: invert(37%) sepia(18%) saturate(945%) hue-rotate(326deg) brightness(92%) contrast(88%); } .style_taoyuan .personalStudylistBox ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li a:hover:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_taoyuan .personalStudylistBox ul li a:hover.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li a:hover.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li a:hover.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li a:hover.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li a:hover.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li a:hover.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li:hover { background-color: #b9a888; } .style_taoyuan .personalStudylistBox ul li.active a { background-color: #b9a888; } .style_taoyuan .personalStudylistBox ul li.active a:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_taoyuan .personalStudylistBox ul li.active a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li.active a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li.active a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li.active a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li.active a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_taoyuan .personalStudylistBox ul li.active a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_taoyuan .personalStudylistBox_mobile button { background-color: #b9a888; } .style_taoyuan .personalStudylistBox_mobile button:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_taoyuan .personalStudylistBox_mobile button.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_taoyuan .personalStudylistBox_mobile button.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_taoyuan .personalStudylistBox_mobile button.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_taoyuan .personalStudylistBox_mobile button.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_taoyuan .personalStudylistBox_mobile button.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_taoyuan .personalStudylistBox_mobile button.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_taoyuan .personalStudylistBox_mobile .content ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_taoyuan .personalStudylistBox_mobile .content ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_taoyuan .personalStudylistBox_mobile .content ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_taoyuan .personalStudylistBox_mobile .content ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_taoyuan .personalStudylistBox_mobile .content ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_taoyuan .personalStudylistBox_mobile .content ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_taoyuan .personalStudyInforBox .borrowingBlock a, .style_taoyuan .personalStudyInforBox .reserveBlock a, .style_taoyuan .personalStudyInforBox .reservationProgressBlock a { background-color: #edeeee; border-left: 8px solid #d2a448; } .style_taoyuan .personalStudyInforBox .borrowingBlock a .num, .style_taoyuan .personalStudyInforBox .reserveBlock a .num, .style_taoyuan .personalStudyInforBox .reservationProgressBlock a .num { color: #d2a448; } .style_taoyuan .personalStudyInforBox .borrowingBlock a:hover, .style_taoyuan .personalStudyInforBox .reserveBlock a:hover, .style_taoyuan .personalStudyInforBox .reservationProgressBlock a:hover { background-color: var(--color-Primary); } .style_taoyuan .personalStudyInforBox .borrowingBlock a:hover .title, .style_taoyuan .personalStudyInforBox .reserveBlock a:hover .title, .style_taoyuan .personalStudyInforBox .reservationProgressBlock a:hover .title { color: #fff; } .style_taoyuan .personalStudyInforBox .borrowingBlock a:hover .num, .style_taoyuan .personalStudyInforBox .reserveBlock a:hover .num, .style_taoyuan .personalStudyInforBox .reservationProgressBlock a:hover .num { color: #fff; } .style_taoyuan .personalStudyInforBox .borrowingBlock.active a, .style_taoyuan .personalStudyInforBox .reserveBlock.active a, .style_taoyuan .personalStudyInforBox .reservationProgressBlock.active a { background-color: var(--color-Primary); } .style_taoyuan .personalStudyInforBox .borrowingBlock.active a .title, .style_taoyuan .personalStudyInforBox .reserveBlock.active a .title, .style_taoyuan .personalStudyInforBox .reservationProgressBlock.active a .title { color: #fff; } .style_taoyuan .personalStudyInforBox .borrowingBlock.active a .num, .style_taoyuan .personalStudyInforBox .reserveBlock.active a .num, .style_taoyuan .personalStudyInforBox .reservationProgressBlock.active a .num { color: #fff; } .style_taoyuan .personalStudyInforBox .borrowingBlock a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(37%) sepia(18%) saturate(945%) hue-rotate(326deg) brightness(92%) contrast(88%); } .style_taoyuan .personalStudyInforBox .borrowingBlock a:hover:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_taoyuan .personalStudyInforBox .borrowingBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_taoyuan .personalStudyInforBox .reserveBlock a:after { background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(37%) sepia(18%) saturate(945%) hue-rotate(326deg) brightness(92%) contrast(88%); } .style_taoyuan .personalStudyInforBox .reserveBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_taoyuan .personalStudyInforBox .reserveBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_taoyuan .personalStudyInforBox .reservationProgressBlock a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(37%) sepia(18%) saturate(945%) hue-rotate(326deg) brightness(92%) contrast(88%); } .style_taoyuan .personalStudyInforBox .reservationProgressBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_taoyuan .personalStudyInforBox .reservationProgressBlock.active a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_taoyuan .personalStudyoptions .myScoreBlock .myScorebtnList a:not(:hover) { color: var(--color-Primary); } .style_taoyuan .personalStudyoptions .myScoreBlock .myScorebtnList a:hover { background-color: var(--color-Secondary-Light); } .style_taoyuan .memberRegistrationBox a { color: var(--color-Primary); } .style_taoyuan .memberRegistrationBox a:hover { color: #ea5514; } .style_taoyuan .memberRegistrationBox .keyPoints { color: #535353; background-color: var(--color-Secondary-Light); } .style_taoyuan .memberRegistrationBox .keyPoints:before { filter: invert(18%) sepia(0%) saturate(6%) hue-rotate(311deg) brightness(101%) contrast(94%); } .style_taoyuan .memberRegistrationBox .noticeBlock { color: #535353; background-color: var(--color-Secondary-Light); } .style_taoyuan .memberRegistrationBox .subtitle { color: var(--color-Primary); } .style_taoyuan .latestNewsBox .latestNewsBlock .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_taoyuan .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle a:not(:hover) { color: var(--color-Primary); } .style_taoyuan .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle.openSeparately a:before { background-color: var(--color-Primary); } .style_taoyuan .faqSearchBox { background: #d9aeab; background: linear-gradient(18deg, rgb(217, 174, 171) 1%, rgb(231, 210, 168) 94%); } .style_taoyuan .hotProblemBox .hotTopicsBlock .hotTopicsList a { background: #d9aeab; background: linear-gradient(18deg, rgb(217, 174, 171) 1%, rgb(231, 210, 168) 94%); } .style_taoyuan .subtopicsBox.singleThemeBox .subtopicsBlock { background-color: #d7c090; } .style_taoyuan .subtopicsBox.singleThemeBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #755d2d; } .style_taoyuan .subtopicsBox .subtopicsBlock { background-color: #e8d5ae; } .style_taoyuan .subtopicsBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #9a804b; } .style_taoyuan .registrationSourceBox p a:not(:hover) { color: var(--color-Primary); } .style_taoyuan .currentQueryBox .queryConditions .conditionsList:hover { background-color: var(--color-Secondary-Light); } .style_taoyuan footer:before { background-image: linear-gradient(90deg, #6f4d4b, #906050); } .style_taoyuan footer:after { background-image: linear-gradient(90deg, #906050, #d3a448); } .style_taoyuan footer .infoBox { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .style_taoyuan section:has(.marqueeSlider) { background-color: var(--color-Primary); background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); color: #fff; } .style_taoyuan section:has(.themedBookfair) { padding: 120px 0 100px; background-image: url("../images/curveBg01_subsite03.png"); background-repeat: no-repeat; background-position: right top; } .style_taoyuan section:has(.themedBookfair):before, .style_taoyuan section:has(.themedBookfair):after { display: none; } .style_taoyuan .themedBookfair .sectionTitle { color: #313131; } .style_taoyuan .themedBookfair .bookfairBox .leftBox .title { color: #313131; } .style_taoyuan .themedBookfair .bookfairBox .leftBox .time { color: #313131; } .style_taoyuan .themedBookfair .bookfairlistBox { background-image: linear-gradient(30deg, var(--color-Primary), var(--color-Secondary)); } .style_taoyuan .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .title, .style_taoyuan .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .time { color: #fff; } .style_taoyuan section:has(.newBooks) { background-image: url("../images/newBooksBb_taoyuan.jpg"); } .style_taoyuan .newBooks .sectionTitle { color: #313131; } .style_taoyuan .newBooks .sectionSubtitle { color: var(--color-Primary); } .style_taoyuan .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet { background: #e5e5e5; } .style_taoyuan .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_taoyuan section:has(.audioBooks) { background-image: url("../images/curveBg04_subsite03.png"); background-position: center top -110px; } .style_taoyuan .audioBooks .sectionTitle { color: #313131; } .style_taoyuan .audioBooks .sectionSubtitle { color: var(--color-Primary); } .style_taoyuan .lightBox a:not(:hover) { color: var(--color-Primary); } .style_taoyuan .lightBox .lightBoxtitle { color: #c9993a; } .style_taoyuan .lightBox .formListTitle { color: var(--color-Primary) !important; } .style_hsinchucity main.innerPage { background-image: url("../images/innerPage_bg_subsite04.png"), radial-gradient(ellipse 80vw 35vw at 20% 600px, rgba(186, 218, 195, 0.4) 0%, rgba(189, 205, 251, 0.1) 70%, rgb(255, 255, 255) 100%); background-repeat: no-repeat; background-position: left top 100px, left top; } .style_hsinchucity #scrollTop { background: #707e65; } .style_hsinchucity .picBox .picgroup figcaption { color: var(--color-Secondary-Dark); } .style_hsinchucity .navButton .logoIn button.btnPrimary, .style_hsinchucity .navButton .personalStudyBtn button.btnPrimary { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_hsinchucity .navButton .logoIn button.btnPrimary:hover, .style_hsinchucity .navButton .personalStudyBtn button.btnPrimary:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_hsinchucity .navButton .logoIn a, .style_hsinchucity .navButton .personalStudyBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_hsinchucity .navButton .logoIn a:hover, .style_hsinchucity .navButton .personalStudyBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_hsinchucity .navButton .memberName { color: var(--color-Secondary); } @media screen and (max-width: 991px) { .style_hsinchucity .navButton .memberName { color: var(--color-Primary); } } .style_hsinchucity .tabSet .mobileTabBtn { background: var(--color-Secondary-Light); color: #444; } .style_hsinchucity .tabSet .mobileTabBtn::after { background-image: url("../images/basic/icon/arrow_down_dk.svg"); } .style_hsinchucity .tabSet .mobileTabBtn.active, .style_hsinchucity .tabSet .mobileTabBtn:hover { background: var(--color-Primary); color: #fff; } .style_hsinchucity .tabSet .mobileTabBtn.active::after, .style_hsinchucity .tabSet .mobileTabBtn:hover::after { background-image: url("../images/basic/icon/arrow_down_w.svg"); } .style_hsinchucity .tabwebSearch .tabBtn { background: #dcdcdc; color: #555; } .style_hsinchucity .tabwebSearch .tabBtn.active { background: #fc8d2d; color: #fff; } .style_hsinchucity .tabwebSearch .tabBtn.active:before { display: none; } .style_hsinchucity .tabwebSearch .tabContentGroup .tabContent { background-color: #dcdcdc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .style_hsinchucity .tabbookDetails .tabItems, .style_hsinchucity .tabDataMaintenance .tabItems { background-color: var(--color-Secondary-Light); } .style_hsinchucity .tabbookDetails .tabBtn, .style_hsinchucity .tabDataMaintenance .tabBtn { color: #444; } .style_hsinchucity .tabbookDetails .tabBtn.active, .style_hsinchucity .tabDataMaintenance .tabBtn.active { color: #fff; } .style_hsinchucity .webSearch ul li:before { background-color: #666; } .style_hsinchucity .webSearch .formList input::placeholder { color: #bbb; } .style_hsinchucity .webSearch .formList button.advancedSearch { color: #777; border: 1px solid #777; background-image: url("../images/icon_advancedSearch_subsite.png"); } .style_hsinchucity .webSearch .hotKeyword a:not(:hover) { color: var(--color-Primary); } .style_hsinchucity .webSearch .hotKeyword a:visited { color: var(--color-Primary-Dark); } .style_hsinchucity .webSearch .hotKeyword a:visited:hover { color: #ea5514; } .style_hsinchucity .searchBoxsticky .container { padding: 11px 30px; } .style_hsinchucity .searchBoxsticky .container .logoSticky { flex-basis: 248px; max-width: 248px; height: 48px; } .style_hsinchucity .searchBoxsticky .container .webSearch .formList .select:before { filter: brightness(10%); } .style_hsinchucity .searchBoxsticky .container .webSearch .formList .select select { border: 1px solid #eee; background-color: #eee; color: #777; } .style_hsinchucity .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_hsinchucity input:not([type=checkBox], [type=radio]):focus-visible, .style_hsinchucity select:focus-visible, .style_hsinchucity textarea:focus-visible { outline-color: var(--form-Focus); } .style_hsinchucity #mobileMenu { background: #f3fdf5; background: -webkit-linear-gradient(top, #f3fdf5, #c8e4cd); background: linear-gradient(to bottom, #f3fdf5, #c8e4cd); } .style_hsinchucity #mobileMenu .mobileMainMenu .title { background-color: #ababab; } .style_hsinchucity #mobileMenu .topNav .navList .title { background-color: #ababab; } .style_hsinchucity .borrowingLogin { background: var(--color-Primary); } .style_hsinchucity .borrowingLogin.active, .style_hsinchucity .borrowingLogin:hover { color: #fff; background: var(--color-Primary-Dark); } .style_hsinchucity .filehierarchy_list ul > li a:not(:hover) { color: var(--color-Primary); } .style_hsinchucity .otherbookInforBox .contentBlock .moreBtn a:hover { background-image: none; } .style_hsinchucity .sharedcontentGroup .rightBlock .otherNewsBlock .latestNewsList .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_hsinchucity .bookDetailsInforBox .rightInfor .bookrelatedBlock .reserveGroup { background-color: var(--color-Secondary-Light); } .style_hsinchucity .fileDownloadList { background-color: var(--color-Secondary-Light); } .style_hsinchucity header .topMater .container { padding: 11px 30px; } @media screen and (max-width: 991px) { .style_hsinchucity header .topMater h1 { margin-left: 30px; } } .style_hsinchucity header .topMater h1 a { width: 186px; height: 48px; } @media (max-width: 380px) { .style_hsinchucity header .topMater h1 a { background-image: url("../images/logo_mobile_hsinchucity.png"); } } .style_hsinchucity .moreBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); box-shadow: 0 0 15px 0px #fff; } .style_hsinchucity .moreBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_hsinchucity .moreBtn.moreBtn_gray a { color: #fff; } .style_hsinchucity .personalStatisticsBox .content { border: 1px solid #91cf89; } .style_hsinchucity .personalStatisticsBox .content .subtitle { background-image: url("../images/personalStatistics_subtitle_subsite04.svg"); } .style_hsinchucity .personalStatisticsBox .content ul li { background-color: var(--color-Secondary-Light); } .style_hsinchucity .personalStatisticsBox .content ul li em { color: #36a38e; } .style_hsinchucity .personalStatisticsBox .content ul li:nth-child(3), .style_hsinchucity .personalStatisticsBox .content ul li:nth-child(4) { background-color: #d1eed0; } .style_hsinchucity .personalStudylistBox ul li a:before { filter: invert(56%) sepia(22%) saturate(1470%) hue-rotate(132deg) brightness(92%) contrast(90%); } .style_hsinchucity .personalStudylistBox ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li a:hover:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_hsinchucity .personalStudylistBox ul li a:hover.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li a:hover.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li a:hover.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li a:hover.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li a:hover.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li a:hover.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li:hover { background-color: #aad1ab; } .style_hsinchucity .personalStudylistBox ul li.active a { background-color: #aad1ab; } .style_hsinchucity .personalStudylistBox ul li.active a:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_hsinchucity .personalStudylistBox ul li.active a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li.active a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li.active a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li.active a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li.active a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_hsinchucity .personalStudylistBox ul li.active a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_hsinchucity .personalStudylistBox_mobile button { background-color: #aad1ab; } .style_hsinchucity .personalStudylistBox_mobile button:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_hsinchucity .personalStudylistBox_mobile button.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_hsinchucity .personalStudylistBox_mobile button.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_hsinchucity .personalStudylistBox_mobile button.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_hsinchucity .personalStudylistBox_mobile button.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_hsinchucity .personalStudylistBox_mobile button.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_hsinchucity .personalStudylistBox_mobile button.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_hsinchucity .personalStudylistBox_mobile .content ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_hsinchucity .personalStudylistBox_mobile .content ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_hsinchucity .personalStudylistBox_mobile .content ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_hsinchucity .personalStudylistBox_mobile .content ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_hsinchucity .personalStudylistBox_mobile .content ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_hsinchucity .personalStudylistBox_mobile .content ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_hsinchucity .personalStudyInforBox .borrowingBlock a, .style_hsinchucity .personalStudyInforBox .reserveBlock a, .style_hsinchucity .personalStudyInforBox .reservationProgressBlock a { background-color: #edeeee; border-left: 8px solid #9bd45f; } .style_hsinchucity .personalStudyInforBox .borrowingBlock a .num, .style_hsinchucity .personalStudyInforBox .reserveBlock a .num, .style_hsinchucity .personalStudyInforBox .reservationProgressBlock a .num { color: #36a38e; } .style_hsinchucity .personalStudyInforBox .borrowingBlock a:hover, .style_hsinchucity .personalStudyInforBox .reserveBlock a:hover, .style_hsinchucity .personalStudyInforBox .reservationProgressBlock a:hover { background-color: var(--color-Primary); } .style_hsinchucity .personalStudyInforBox .borrowingBlock a:hover .title, .style_hsinchucity .personalStudyInforBox .reserveBlock a:hover .title, .style_hsinchucity .personalStudyInforBox .reservationProgressBlock a:hover .title { color: #fff; } .style_hsinchucity .personalStudyInforBox .borrowingBlock a:hover .num, .style_hsinchucity .personalStudyInforBox .reserveBlock a:hover .num, .style_hsinchucity .personalStudyInforBox .reservationProgressBlock a:hover .num { color: #fff; } .style_hsinchucity .personalStudyInforBox .borrowingBlock.active a, .style_hsinchucity .personalStudyInforBox .reserveBlock.active a, .style_hsinchucity .personalStudyInforBox .reservationProgressBlock.active a { background-color: var(--color-Primary); } .style_hsinchucity .personalStudyInforBox .borrowingBlock.active a .title, .style_hsinchucity .personalStudyInforBox .reserveBlock.active a .title, .style_hsinchucity .personalStudyInforBox .reservationProgressBlock.active a .title { color: #fff; } .style_hsinchucity .personalStudyInforBox .borrowingBlock.active a .num, .style_hsinchucity .personalStudyInforBox .reserveBlock.active a .num, .style_hsinchucity .personalStudyInforBox .reservationProgressBlock.active a .num { color: #fff; } .style_hsinchucity .personalStudyInforBox .borrowingBlock a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(56%) sepia(22%) saturate(1470%) hue-rotate(132deg) brightness(92%) contrast(90%); } .style_hsinchucity .personalStudyInforBox .borrowingBlock a:hover:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hsinchucity .personalStudyInforBox .borrowingBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hsinchucity .personalStudyInforBox .reserveBlock a:after { background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(56%) sepia(22%) saturate(1470%) hue-rotate(132deg) brightness(92%) contrast(90%); } .style_hsinchucity .personalStudyInforBox .reserveBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hsinchucity .personalStudyInforBox .reserveBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hsinchucity .personalStudyInforBox .reservationProgressBlock a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(56%) sepia(22%) saturate(1470%) hue-rotate(132deg) brightness(92%) contrast(90%); } .style_hsinchucity .personalStudyInforBox .reservationProgressBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hsinchucity .personalStudyInforBox .reservationProgressBlock.active a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hsinchucity .personalStudyoptions .myScoreBlock .myScorebtnList a:not(:hover) { color: var(--color-Primary); } .style_hsinchucity .personalStudyoptions .myScoreBlock .myScorebtnList a:hover { background-color: var(--color-Secondary-Light); } .style_hsinchucity .memberRegistrationBox a { color: var(--color-Primary); } .style_hsinchucity .memberRegistrationBox a:hover { color: #ea5514; } .style_hsinchucity .memberRegistrationBox .keyPoints { color: #535353; background-color: var(--color-Secondary-Light); } .style_hsinchucity .memberRegistrationBox .keyPoints:before { filter: invert(18%) sepia(0%) saturate(6%) hue-rotate(311deg) brightness(101%) contrast(94%); } .style_hsinchucity .memberRegistrationBox .noticeBlock { color: #535353; background-color: var(--color-Secondary-Light); } .style_hsinchucity .memberRegistrationBox .subtitle { color: var(--color-Primary); } .style_hsinchucity .latestNewsBox .latestNewsBlock .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_hsinchucity .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle a:not(:hover) { color: var(--color-Primary); } .style_hsinchucity .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle.openSeparately a:before { background-color: var(--color-Primary); } .style_hsinchucity .faqSearchBox { background: #9ab8a7; background: linear-gradient(18deg, rgb(154, 184, 167) 0%, rgb(222, 245, 215) 94%); } .style_hsinchucity .hotProblemBox .hotTopicsBlock .hotTopicsList a { background: #9ab8a7; background: linear-gradient(18deg, rgb(154, 184, 167) 0%, rgb(222, 245, 215) 94%); } .style_hsinchucity .subtopicsBox.singleThemeBox .subtopicsBlock { background-color: #afcdaa; } .style_hsinchucity .subtopicsBox.singleThemeBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #377d4a; } .style_hsinchucity .subtopicsBox .subtopicsBlock { background-color: #c1ddc5; } .style_hsinchucity .subtopicsBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #4b9a64; } .style_hsinchucity .registrationSourceBox p a:not(:hover) { color: var(--color-Primary); } .style_hsinchucity .currentQueryBox .queryConditions .conditionsList:hover { background-color: var(--color-Secondary-Light); } .style_hsinchucity footer:before { background-image: linear-gradient(90deg, #36a28e, #7bc093); } .style_hsinchucity footer:after { background-image: linear-gradient(90deg, #7bc093, #b7d897); } .style_hsinchucity footer .infoBox { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .style_hsinchucity section:has(.marqueeSlider) { background-color: var(--color-Primary); background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); color: #fff; } .style_hsinchucity section:has(.themedBookfair) { padding: 120px 0 100px; background-image: url("../images/curveBg01_subsite04.png"); background-repeat: no-repeat; background-position: right top; } .style_hsinchucity section:has(.themedBookfair):before, .style_hsinchucity section:has(.themedBookfair):after { display: none; } .style_hsinchucity .themedBookfair .sectionTitle { color: #313131; } .style_hsinchucity .themedBookfair .bookfairBox .leftBox .title { color: #313131; } .style_hsinchucity .themedBookfair .bookfairBox .leftBox .time { color: #313131; } .style_hsinchucity .themedBookfair .bookfairlistBox { background-image: linear-gradient(30deg, var(--color-Primary), var(--color-Secondary)); } .style_hsinchucity .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .title, .style_hsinchucity .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .time { color: #fff; } .style_hsinchucity section:has(.newBooks) { background-image: url("../images/newBooksBb_hsinchucity.jpg"); } .style_hsinchucity .newBooks .sectionTitle { color: #313131; } .style_hsinchucity .newBooks .sectionSubtitle { color: var(--color-Primary); } .style_hsinchucity .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet { background: #e5e5e5; } .style_hsinchucity .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_hsinchucity section:has(.audioBooks) { background-image: url("../images/curveBg04_subsite04.png"); background-position: center top -110px; } .style_hsinchucity .audioBooks .sectionTitle { color: #313131; } .style_hsinchucity .audioBooks .sectionSubtitle { color: var(--color-Primary); } .style_hsinchucity .lightBox a:not(:hover) { color: var(--color-Primary); } .style_hsinchucity .lightBox .lightBoxtitle { color: var(--color-Primary); } .style_hsinchucity .lightBox .formListTitle { color: var(--color-Primary) !important; } .style_hsinchucounty main.innerPage { background-image: url("../images/innerPage_bg_subsite05.png"), radial-gradient(ellipse 80vw 35vw at 20% 600px, rgba(194, 168, 185, 0.4) 0%, rgba(189, 205, 251, 0.1) 70%, rgb(255, 255, 255) 100%); background-repeat: no-repeat; background-position: left top 100px, left top; } .style_hsinchucounty #scrollTop { background: #885953; } .style_hsinchucounty .navButton .logoIn button.btnPrimary, .style_hsinchucounty .navButton .personalStudyBtn button.btnPrimary { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_hsinchucounty .navButton .logoIn button.btnPrimary:hover, .style_hsinchucounty .navButton .personalStudyBtn button.btnPrimary:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_hsinchucounty .navButton .logoIn a, .style_hsinchucounty .navButton .personalStudyBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_hsinchucounty .navButton .logoIn a:hover, .style_hsinchucounty .navButton .personalStudyBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_hsinchucounty .navButton .memberName { color: var(--color-Secondary); } @media screen and (max-width: 991px) { .style_hsinchucounty .navButton .memberName { color: var(--color-Primary); } } .style_hsinchucounty .tabSet .mobileTabBtn { background: var(--color-Secondary-Light); color: #444; } .style_hsinchucounty .tabSet .mobileTabBtn::after { background-image: url("../images/basic/icon/arrow_down_dk.svg"); } .style_hsinchucounty .tabSet .mobileTabBtn.active, .style_hsinchucounty .tabSet .mobileTabBtn:hover { background: var(--color-Primary); color: #fff; } .style_hsinchucounty .tabSet .mobileTabBtn.active::after, .style_hsinchucounty .tabSet .mobileTabBtn:hover::after { background-image: url("../images/basic/icon/arrow_down_w.svg"); } .style_hsinchucounty .tabwebSearch .tabBtn { background: #dcdcdc; color: #555; } .style_hsinchucounty .tabwebSearch .tabBtn.active { background: #fc8d2d; color: #fff; } .style_hsinchucounty .tabwebSearch .tabBtn.active:before { display: none; } .style_hsinchucounty .tabwebSearch .tabContentGroup .tabContent { background-color: #dcdcdc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .style_hsinchucounty .tabbookDetails .tabItems, .style_hsinchucounty .tabDataMaintenance .tabItems { background-color: var(--color-Secondary-Light); } .style_hsinchucounty .tabbookDetails .tabBtn, .style_hsinchucounty .tabDataMaintenance .tabBtn { color: #444; } .style_hsinchucounty .tabbookDetails .tabBtn.active, .style_hsinchucounty .tabDataMaintenance .tabBtn.active { color: #fff; } .style_hsinchucounty .webSearch ul li:before { background-color: #666; } .style_hsinchucounty .webSearch .formList input::placeholder { color: #bbb; } .style_hsinchucounty .webSearch .formList button.advancedSearch { color: #777; border: 1px solid #777; background-image: url("../images/icon_advancedSearch_subsite.png"); } .style_hsinchucounty .webSearch .hotKeyword a:not(:hover) { color: var(--color-Primary); } .style_hsinchucounty .webSearch .hotKeyword a:visited { color: var(--color-Primary-Dark); } .style_hsinchucounty .webSearch .hotKeyword a:visited:hover { color: #ea5514; } .style_hsinchucounty .searchBoxsticky .container { padding: 11px 30px; } .style_hsinchucounty .searchBoxsticky .container .logoSticky { flex-basis: 248px; max-width: 248px; height: 48px; } .style_hsinchucounty .searchBoxsticky .container .webSearch .formList .select:before { filter: brightness(10%); } .style_hsinchucounty .searchBoxsticky .container .webSearch .formList .select select { border: 1px solid #eee; background-color: #eee; color: #777; } .style_hsinchucounty .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_hsinchucounty input:not([type=checkBox], [type=radio]):focus-visible, .style_hsinchucounty select:focus-visible, .style_hsinchucounty textarea:focus-visible { outline-color: var(--form-Focus); } .style_hsinchucounty #mobileMenu { background: #fbf3fd; background: -webkit-linear-gradient(top, #fbf3fd, #e0c8e4); background: linear-gradient(to bottom, #fbf3fd, #e0c8e4); } .style_hsinchucounty #mobileMenu .mobileMainMenu .title { background-color: #ababab; } .style_hsinchucounty #mobileMenu .topNav .navList .title { background-color: #ababab; } .style_hsinchucounty .borrowingLogin { background: var(--color-Primary); } .style_hsinchucounty .borrowingLogin.active, .style_hsinchucounty .borrowingLogin:hover { color: #fff; background: var(--color-Primary-Dark); } .style_hsinchucounty .filehierarchy_list ul > li a:not(:hover) { color: var(--color-Primary); } .style_hsinchucounty .otherbookInforBox .contentBlock .moreBtn a:hover { background-image: none; } .style_hsinchucounty .sharedcontentGroup .rightBlock .otherNewsBlock .latestNewsList .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_hsinchucounty .bookDetailsInforBox .rightInfor .bookrelatedBlock .reserveGroup { background-color: var(--color-Secondary-Light); } .style_hsinchucounty .fileDownloadList { background-color: var(--color-Secondary-Light); } @media (max-width: 380px) { .style_hsinchucounty header .topMater h1 a { background-image: url("../images/logo_mobile_hsinchucounty.png"); } } .style_hsinchucounty .moreBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); box-shadow: 0 0 15px 0px #fff; } .style_hsinchucounty .moreBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_hsinchucounty .moreBtn.moreBtn_gray a { color: #fff; } .style_hsinchucounty .personalStatisticsBox .content { border: 1px solid #d4aaa5; } .style_hsinchucounty .personalStatisticsBox .content .subtitle { background-image: url("../images/personalStatistics_subtitle_subsite05.svg"); } .style_hsinchucounty .personalStatisticsBox .content ul li { background-color: var(--color-Secondary-Light); } .style_hsinchucounty .personalStatisticsBox .content ul li em { color: #d36356; } .style_hsinchucounty .personalStatisticsBox .content ul li:nth-child(3), .style_hsinchucounty .personalStatisticsBox .content ul li:nth-child(4) { background-color: #efc9c5; } .style_hsinchucounty .personalStudylistBox ul li a:before { filter: invert(19%) sepia(31%) saturate(2048%) hue-rotate(213deg) brightness(55%) contrast(95%); } .style_hsinchucounty .personalStudylistBox ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li a:hover:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_hsinchucounty .personalStudylistBox ul li a:hover.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li a:hover.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li a:hover.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li a:hover.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li a:hover.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li a:hover.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li:hover { background-color: #b19ab7; } .style_hsinchucounty .personalStudylistBox ul li.active a { background-color: #b19ab7; } .style_hsinchucounty .personalStudylistBox ul li.active a:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_hsinchucounty .personalStudylistBox ul li.active a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li.active a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li.active a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li.active a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li.active a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_hsinchucounty .personalStudylistBox ul li.active a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_hsinchucounty .personalStudylistBox_mobile button { background-color: #b19ab7; } .style_hsinchucounty .personalStudylistBox_mobile button:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_hsinchucounty .personalStudylistBox_mobile button.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_hsinchucounty .personalStudylistBox_mobile button.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_hsinchucounty .personalStudylistBox_mobile button.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_hsinchucounty .personalStudylistBox_mobile button.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_hsinchucounty .personalStudylistBox_mobile button.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_hsinchucounty .personalStudylistBox_mobile button.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_hsinchucounty .personalStudylistBox_mobile .content ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_hsinchucounty .personalStudylistBox_mobile .content ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_hsinchucounty .personalStudylistBox_mobile .content ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_hsinchucounty .personalStudylistBox_mobile .content ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_hsinchucounty .personalStudylistBox_mobile .content ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_hsinchucounty .personalStudylistBox_mobile .content ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_hsinchucounty .personalStudyInforBox .borrowingBlock a, .style_hsinchucounty .personalStudyInforBox .reserveBlock a, .style_hsinchucounty .personalStudyInforBox .reservationProgressBlock a { background-color: #edeeee; border-left: 8px solid #cb756c; } .style_hsinchucounty .personalStudyInforBox .borrowingBlock a .num, .style_hsinchucounty .personalStudyInforBox .reserveBlock a .num, .style_hsinchucounty .personalStudyInforBox .reservationProgressBlock a .num { color: #cb756c; } .style_hsinchucounty .personalStudyInforBox .borrowingBlock a:hover, .style_hsinchucounty .personalStudyInforBox .reserveBlock a:hover, .style_hsinchucounty .personalStudyInforBox .reservationProgressBlock a:hover { background-color: var(--color-Primary); } .style_hsinchucounty .personalStudyInforBox .borrowingBlock a:hover .title, .style_hsinchucounty .personalStudyInforBox .reserveBlock a:hover .title, .style_hsinchucounty .personalStudyInforBox .reservationProgressBlock a:hover .title { color: #fff; } .style_hsinchucounty .personalStudyInforBox .borrowingBlock a:hover .num, .style_hsinchucounty .personalStudyInforBox .reserveBlock a:hover .num, .style_hsinchucounty .personalStudyInforBox .reservationProgressBlock a:hover .num { color: #fff; } .style_hsinchucounty .personalStudyInforBox .borrowingBlock.active a, .style_hsinchucounty .personalStudyInforBox .reserveBlock.active a, .style_hsinchucounty .personalStudyInforBox .reservationProgressBlock.active a { background-color: var(--color-Primary); } .style_hsinchucounty .personalStudyInforBox .borrowingBlock.active a .title, .style_hsinchucounty .personalStudyInforBox .reserveBlock.active a .title, .style_hsinchucounty .personalStudyInforBox .reservationProgressBlock.active a .title { color: #fff; } .style_hsinchucounty .personalStudyInforBox .borrowingBlock.active a .num, .style_hsinchucounty .personalStudyInforBox .reserveBlock.active a .num, .style_hsinchucounty .personalStudyInforBox .reservationProgressBlock.active a .num { color: #fff; } .style_hsinchucounty .personalStudyInforBox .borrowingBlock a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(19%) sepia(31%) saturate(2048%) hue-rotate(213deg) brightness(55%) contrast(95%); } .style_hsinchucounty .personalStudyInforBox .borrowingBlock a:hover:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hsinchucounty .personalStudyInforBox .borrowingBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hsinchucounty .personalStudyInforBox .reserveBlock a:after { background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(19%) sepia(31%) saturate(2048%) hue-rotate(213deg) brightness(55%) contrast(95%); } .style_hsinchucounty .personalStudyInforBox .reserveBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hsinchucounty .personalStudyInforBox .reserveBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hsinchucounty .personalStudyInforBox .reservationProgressBlock a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(19%) sepia(31%) saturate(2048%) hue-rotate(213deg) brightness(55%) contrast(95%); } .style_hsinchucounty .personalStudyInforBox .reservationProgressBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hsinchucounty .personalStudyInforBox .reservationProgressBlock.active a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_hsinchucounty .personalStudyoptions .myScoreBlock .myScorebtnList a:not(:hover) { color: var(--color-Primary); } .style_hsinchucounty .personalStudyoptions .myScoreBlock .myScorebtnList a:hover { background-color: var(--color-Secondary-Light); } .style_hsinchucounty .memberRegistrationBox a { color: var(--color-Primary); } .style_hsinchucounty .memberRegistrationBox a:hover { color: #ea5514; } .style_hsinchucounty .memberRegistrationBox .keyPoints { color: #535353; background-color: var(--color-Secondary-Light); } .style_hsinchucounty .memberRegistrationBox .keyPoints:before { filter: invert(18%) sepia(0%) saturate(6%) hue-rotate(311deg) brightness(101%) contrast(94%); } .style_hsinchucounty .memberRegistrationBox .noticeBlock { color: #535353; background-color: var(--color-Secondary-Light); } .style_hsinchucounty .memberRegistrationBox .subtitle { color: var(--color-Primary); } .style_hsinchucounty .latestNewsBox .latestNewsBlock .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_hsinchucounty .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle a:not(:hover) { color: var(--color-Primary); } .style_hsinchucounty .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle.openSeparately a:before { background-color: var(--color-Primary); } .style_hsinchucounty .faqSearchBox { background: #b7a3bf; background: linear-gradient(18deg, rgb(183, 163, 191) 0%, rgb(233, 187, 182) 94%); } .style_hsinchucounty .hotProblemBox .hotTopicsBlock .hotTopicsList a { background: #b7a3bf; background: linear-gradient(18deg, rgb(183, 163, 191) 0%, rgb(233, 187, 182) 94%); } .style_hsinchucounty .subtopicsBox.singleThemeBox .subtopicsBlock { background-color: #bfa3bd; } .style_hsinchucounty .subtopicsBox.singleThemeBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #693e69; } .style_hsinchucounty .subtopicsBox .subtopicsBlock { background-color: #dfc4db; } .style_hsinchucounty .subtopicsBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #96668e; } .style_hsinchucounty .registrationSourceBox p a:not(:hover) { color: var(--color-Primary); } .style_hsinchucounty .currentQueryBox .queryConditions .conditionsList:hover { background-color: var(--color-Secondary-Light); } .style_hsinchucounty footer:before { background-image: linear-gradient(90deg, #3b3c70, #82637b); } .style_hsinchucounty footer:after { background-image: linear-gradient(90deg, #82637b, #d18f87); } .style_hsinchucounty footer .infoBox { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .style_hsinchucounty section:has(.marqueeSlider) { background-color: var(--color-Primary); background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); color: #fff; } .style_hsinchucounty section:has(.themedBookfair) { padding: 120px 0 100px; background-image: url("../images/curveBg01_subsite05.png"); background-repeat: no-repeat; background-position: right top; } .style_hsinchucounty section:has(.themedBookfair):before, .style_hsinchucounty section:has(.themedBookfair):after { display: none; } .style_hsinchucounty .themedBookfair .sectionTitle { color: #313131; } .style_hsinchucounty .themedBookfair .bookfairBox .leftBox .title { color: #313131; } .style_hsinchucounty .themedBookfair .bookfairBox .leftBox .time { color: #313131; } .style_hsinchucounty .themedBookfair .bookfairlistBox { background-image: linear-gradient(30deg, var(--color-Primary), var(--color-Secondary)); } .style_hsinchucounty .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .title, .style_hsinchucounty .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .time { color: #fff; } .style_hsinchucounty section:has(.newBooks) { background-image: url("../images/newBooksBb_hsinchucounty.jpg"); } .style_hsinchucounty .newBooks .sectionTitle { color: #313131; } .style_hsinchucounty .newBooks .sectionSubtitle { color: var(--color-Primary); } .style_hsinchucounty .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet { background: #e5e5e5; } .style_hsinchucounty .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_hsinchucounty section:has(.audioBooks) { background-image: url("../images/curveBg04_subsite05.png"); background-position: center top -110px; } .style_hsinchucounty .audioBooks .sectionTitle { color: #313131; } .style_hsinchucounty .audioBooks .sectionSubtitle { color: var(--color-Primary); } .style_hsinchucounty .lightBox a:not(:hover) { color: var(--color-Primary); } .style_hsinchucounty .lightBox .lightBoxtitle { color: var(--color-Primary); } .style_hsinchucounty .lightBox .formListTitle { color: var(--color-Primary) !important; } .style_miaoli main.innerPage { background-image: url("../images/innerPage_bg_subsite06.png"), radial-gradient(ellipse 80vw 35vw at 20% 600px, rgba(169, 193, 208, 0.4) 0%, rgba(189, 205, 251, 0.1) 70%, rgb(255, 255, 255) 100%); background-repeat: no-repeat; background-position: left top 100px, left top; } .style_miaoli #scrollTop { background: #7d785f; } .style_miaoli .picBox .picgroup figcaption { color: var(--color-Secondary-Dark); } .style_miaoli .navButton .logoIn button.btnPrimary, .style_miaoli .navButton .personalStudyBtn button.btnPrimary { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_miaoli .navButton .logoIn button.btnPrimary:hover, .style_miaoli .navButton .personalStudyBtn button.btnPrimary:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_miaoli .navButton .logoIn a, .style_miaoli .navButton .personalStudyBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_miaoli .navButton .logoIn a:hover, .style_miaoli .navButton .personalStudyBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_miaoli .navButton .memberName { color: var(--color-Secondary); } @media screen and (max-width: 991px) { .style_miaoli .navButton .memberName { color: var(--color-Primary); } } .style_miaoli .tabSet .mobileTabBtn { background: var(--color-Primary-Light); color: #444; } .style_miaoli .tabSet .mobileTabBtn::after { background-image: url("../images/basic/icon/arrow_down_dk.svg"); } .style_miaoli .tabSet .mobileTabBtn.active, .style_miaoli .tabSet .mobileTabBtn:hover { background: var(--color-Primary); color: #fff; } .style_miaoli .tabSet .mobileTabBtn.active::after, .style_miaoli .tabSet .mobileTabBtn:hover::after { background-image: url("../images/basic/icon/arrow_down_w.svg"); } .style_miaoli .tabwebSearch .tabBtn { background: #dcdcdc; color: #555; } .style_miaoli .tabwebSearch .tabBtn.active { background: #fc8d2d; color: #fff; } .style_miaoli .tabwebSearch .tabBtn.active:before { display: none; } .style_miaoli .tabwebSearch .tabContentGroup .tabContent { background-color: #dcdcdc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .style_miaoli .tabbookDetails .tabItems, .style_miaoli .tabDataMaintenance .tabItems { background-color: var(--color-Primary-Light); } .style_miaoli .tabbookDetails .tabBtn, .style_miaoli .tabDataMaintenance .tabBtn { color: #444; } .style_miaoli .tabbookDetails .tabBtn.active, .style_miaoli .tabDataMaintenance .tabBtn.active { color: #fff; } .style_miaoli .webSearch ul li:before { background-color: #666; } .style_miaoli .webSearch .formList input::placeholder { color: #bbb; } .style_miaoli .webSearch .formList button.advancedSearch { color: #777; border: 1px solid #777; background-image: url("../images/icon_advancedSearch_subsite.png"); } .style_miaoli .webSearch .hotKeyword a:not(:hover) { color: var(--color-Primary); } .style_miaoli .webSearch .hotKeyword a:visited { color: var(--color-Primary-Dark); } .style_miaoli .webSearch .hotKeyword a:visited:hover { color: #ea5514; } .style_miaoli .searchBoxsticky .container { padding: 11px 30px; } .style_miaoli .searchBoxsticky .container .logoSticky { flex-basis: 248px; max-width: 248px; height: 48px; } .style_miaoli .searchBoxsticky .container .webSearch .formList .select:before { filter: brightness(10%); } .style_miaoli .searchBoxsticky .container .webSearch .formList .select select { border: 1px solid #eee; background-color: #eee; color: #777; } .style_miaoli .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_miaoli input:not([type=checkBox], [type=radio]):focus-visible, .style_miaoli select:focus-visible, .style_miaoli textarea:focus-visible { outline-color: var(--form-Focus); } .style_miaoli #mobileMenu { background: #f3fdfd; background: -webkit-linear-gradient(top, #f3fdfd, #c8e4e4); background: linear-gradient(to bottom, #f3fdfd, #c8e4e4); } .style_miaoli #mobileMenu .mobileMainMenu .title { background-color: #ababab; } .style_miaoli #mobileMenu .topNav .navList .title { background-color: #ababab; } .style_miaoli .borrowingLogin { background: var(--color-Primary); } .style_miaoli .borrowingLogin.active, .style_miaoli .borrowingLogin:hover { color: #fff; background: var(--color-Primary-Dark); } .style_miaoli .filehierarchy_list ul > li a:not(:hover) { color: var(--color-Primary); } .style_miaoli .otherbookInforBox .contentBlock .moreBtn a:hover { background-image: none; } .style_miaoli .sharedcontentGroup .rightBlock .otherNewsBlock .latestNewsList .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_miaoli .bookDetailsInforBox .rightInfor .bookrelatedBlock .reserveGroup { background-color: var(--color-Primary-Light); } .style_miaoli .fileDownloadList { background-color: var(--color-Secondary-Light); } @media (max-width: 380px) { .style_miaoli header .topMater h1 a { background-image: url("../images/logo_mobile_miaoli.png"); } } .style_miaoli .moreBtn a { background-image: linear-gradient(90deg, #4381a8 35%, var(--color-Secondary) 100%); box-shadow: 0 0 15px 0px #fff; } .style_miaoli .moreBtn a:hover { background-image: linear-gradient(135deg, #4381a8 60%, var(--color-Secondary) 100%); } .style_miaoli .moreBtn.moreBtn_gray a { color: #fff; } .style_miaoli .personalStatisticsBox .content { border: 1px solid #96c7d6; } .style_miaoli .personalStatisticsBox .content .subtitle { background-image: url("../images/personalStatistics_subtitle_subsite06.svg"); } .style_miaoli .personalStatisticsBox .content ul li { background-color: var(--color-Secondary-Light); } .style_miaoli .personalStatisticsBox .content ul li em { color: var(--color-Secondary-Dark); } .style_miaoli .personalStatisticsBox .content ul li:nth-child(3), .style_miaoli .personalStatisticsBox .content ul li:nth-child(4) { background-color: #d7e6d3; } .style_miaoli .personalStudylistBox ul li a:before { filter: invert(68%) sepia(16%) saturate(1666%) hue-rotate(171deg) brightness(97%) contrast(92%); } .style_miaoli .personalStudylistBox ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_miaoli .personalStudylistBox ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_miaoli .personalStudylistBox ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_miaoli .personalStudylistBox ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_miaoli .personalStudylistBox ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_miaoli .personalStudylistBox ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_miaoli .personalStudylistBox ul li a:hover:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_miaoli .personalStudylistBox ul li a:hover.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_miaoli .personalStudylistBox ul li a:hover.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_miaoli .personalStudylistBox ul li a:hover.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_miaoli .personalStudylistBox ul li a:hover.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_miaoli .personalStudylistBox ul li a:hover.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_miaoli .personalStudylistBox ul li a:hover.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_miaoli .personalStudylistBox ul li:hover { background-color: #95b5c8; } .style_miaoli .personalStudylistBox ul li.active a { background-color: #95b5c8; } .style_miaoli .personalStudylistBox ul li.active a:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_miaoli .personalStudylistBox ul li.active a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_miaoli .personalStudylistBox ul li.active a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_miaoli .personalStudylistBox ul li.active a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_miaoli .personalStudylistBox ul li.active a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_miaoli .personalStudylistBox ul li.active a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_miaoli .personalStudylistBox ul li.active a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_miaoli .personalStudylistBox_mobile button { background-color: #95b5c8; } .style_miaoli .personalStudylistBox_mobile button:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_miaoli .personalStudylistBox_mobile button.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_miaoli .personalStudylistBox_mobile button.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_miaoli .personalStudylistBox_mobile button.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_miaoli .personalStudylistBox_mobile button.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_miaoli .personalStudylistBox_mobile button.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_miaoli .personalStudylistBox_mobile button.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_miaoli .personalStudylistBox_mobile .content ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_miaoli .personalStudylistBox_mobile .content ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_miaoli .personalStudylistBox_mobile .content ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_miaoli .personalStudylistBox_mobile .content ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_miaoli .personalStudylistBox_mobile .content ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_miaoli .personalStudylistBox_mobile .content ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_miaoli .personalStudyInforBox .borrowingBlock a, .style_miaoli .personalStudyInforBox .reserveBlock a, .style_miaoli .personalStudyInforBox .reservationProgressBlock a { background-color: #edeeee; border-left: 8px solid var(--color-Secondary-Dark); } .style_miaoli .personalStudyInforBox .borrowingBlock a .num, .style_miaoli .personalStudyInforBox .reserveBlock a .num, .style_miaoli .personalStudyInforBox .reservationProgressBlock a .num { color: var(--color-Secondary-Dark); } .style_miaoli .personalStudyInforBox .borrowingBlock a:hover, .style_miaoli .personalStudyInforBox .reserveBlock a:hover, .style_miaoli .personalStudyInforBox .reservationProgressBlock a:hover { background-color: var(--color-Primary); } .style_miaoli .personalStudyInforBox .borrowingBlock a:hover .title, .style_miaoli .personalStudyInforBox .reserveBlock a:hover .title, .style_miaoli .personalStudyInforBox .reservationProgressBlock a:hover .title { color: #fff; } .style_miaoli .personalStudyInforBox .borrowingBlock a:hover .num, .style_miaoli .personalStudyInforBox .reserveBlock a:hover .num, .style_miaoli .personalStudyInforBox .reservationProgressBlock a:hover .num { color: #fff; } .style_miaoli .personalStudyInforBox .borrowingBlock.active a, .style_miaoli .personalStudyInforBox .reserveBlock.active a, .style_miaoli .personalStudyInforBox .reservationProgressBlock.active a { background-color: var(--color-Primary); } .style_miaoli .personalStudyInforBox .borrowingBlock.active a .title, .style_miaoli .personalStudyInforBox .reserveBlock.active a .title, .style_miaoli .personalStudyInforBox .reservationProgressBlock.active a .title { color: #fff; } .style_miaoli .personalStudyInforBox .borrowingBlock.active a .num, .style_miaoli .personalStudyInforBox .reserveBlock.active a .num, .style_miaoli .personalStudyInforBox .reservationProgressBlock.active a .num { color: #fff; } .style_miaoli .personalStudyInforBox .borrowingBlock a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(68%) sepia(16%) saturate(1666%) hue-rotate(171deg) brightness(97%) contrast(92%); } .style_miaoli .personalStudyInforBox .borrowingBlock a:hover:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_miaoli .personalStudyInforBox .borrowingBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_miaoli .personalStudyInforBox .reserveBlock a:after { background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(68%) sepia(16%) saturate(1666%) hue-rotate(171deg) brightness(97%) contrast(92%); } .style_miaoli .personalStudyInforBox .reserveBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_miaoli .personalStudyInforBox .reserveBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_miaoli .personalStudyInforBox .reservationProgressBlock a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(68%) sepia(16%) saturate(1666%) hue-rotate(171deg) brightness(97%) contrast(92%); } .style_miaoli .personalStudyInforBox .reservationProgressBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_miaoli .personalStudyInforBox .reservationProgressBlock.active a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_miaoli .personalStudyoptions .myScoreBlock .myScorebtnList a:not(:hover) { color: var(--color-Primary); } .style_miaoli .personalStudyoptions .myScoreBlock .myScorebtnList a:hover { background-color: var(--color-Secondary-Light); } .style_miaoli .personalStudyoptions .myTagsBlock .myTagsList ul li a:hover { background-color: var(--color-Primary); } .style_miaoli .memberRegistrationBox a { color: var(--color-Primary); } .style_miaoli .memberRegistrationBox a:hover { color: #ea5514; } .style_miaoli .memberRegistrationBox .keyPoints { color: #535353; background-color: var(--color-Secondary-Light); } .style_miaoli .memberRegistrationBox .keyPoints:before { filter: invert(18%) sepia(0%) saturate(6%) hue-rotate(311deg) brightness(101%) contrast(94%); } .style_miaoli .memberRegistrationBox .noticeBlock { color: #535353; background-color: var(--color-Secondary-Light); } .style_miaoli .memberRegistrationBox .subtitle { color: var(--color-Primary); } .style_miaoli .latestNewsBox .latestNewsBlock .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_miaoli .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle a:not(:hover) { color: var(--color-Primary); } .style_miaoli .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle.openSeparately a:before { background-color: var(--color-Primary); } .style_miaoli .faqSearchBox { background: #a0cbdb; background: linear-gradient(18deg, rgb(160, 203, 219) 0%, rgb(197, 232, 216) 94%); } .style_miaoli .hotProblemBox .hotTopicsBlock .hotTopicsList a { background: #a0cbdb; background: linear-gradient(18deg, rgb(160, 203, 219) 0%, rgb(197, 232, 216) 94%); } .style_miaoli .subtopicsBox.singleThemeBox .subtopicsBlock { background-color: #aacad2; } .style_miaoli .subtopicsBox.singleThemeBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #4e7284; } .style_miaoli .subtopicsBox .subtopicsBlock { background-color: #c0dae6; } .style_miaoli .subtopicsBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #6491b1; } .style_miaoli .registrationSourceBox p a:not(:hover) { color: var(--color-Primary); } .style_miaoli .currentQueryBox .queryConditions .conditionsList:hover { background-color: var(--color-Secondary-Light); } .style_miaoli footer:before { background-image: linear-gradient(90deg, #529dd1 25%, #86beb9); } .style_miaoli footer:after { background-image: linear-gradient(90deg, #86beb9, #b3dca3); } .style_miaoli footer .infoBox { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .style_miaoli section:has(.marqueeSlider) { background-color: var(--color-Primary); background-image: linear-gradient(60deg, var(--color-Primary) 35%, var(--color-Secondary) 100%); color: #fff; } .style_miaoli section:has(.themedBookfair) { padding: 120px 0 100px; background-image: url("../images/curveBg01_subsite06.png"); background-repeat: no-repeat; background-position: right top; } .style_miaoli section:has(.themedBookfair):before, .style_miaoli section:has(.themedBookfair):after { display: none; } .style_miaoli .themedBookfair .sectionTitle { color: #313131; } .style_miaoli .themedBookfair .bookfairBox .leftBox .title { color: #313131; } .style_miaoli .themedBookfair .bookfairBox .leftBox .time { color: #313131; } .style_miaoli .themedBookfair .bookfairlistBox { background-image: linear-gradient(60deg, var(--color-Primary) 35%, var(--color-Secondary) 100%); } .style_miaoli .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .title, .style_miaoli .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .time { color: #fff; } .style_miaoli section:has(.newBooks) { background-image: url("../images/newBooksBb_miaoli.jpg"); } .style_miaoli .newBooks .sectionTitle { color: #313131; } .style_miaoli .newBooks .sectionSubtitle { color: var(--color-Primary); } .style_miaoli .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet { background: #e5e5e5; } .style_miaoli .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_miaoli section:has(.audioBooks) { background-image: url("../images/curveBg04_subsite06.png"); background-position: center top -110px; } .style_miaoli .audioBooks .sectionTitle { color: #313131; } .style_miaoli .audioBooks .sectionSubtitle { color: var(--color-Primary); } .style_miaoli .lightBox a:not(:hover) { color: var(--color-Primary); } .style_miaoli .lightBox .lightBoxtitle { color: var(--color-Primary-Dark); } .style_miaoli .lightBox .formListTitle { color: var(--color-Primary) !important; } .style_taichung main.innerPage { background-image: url("../images/innerPage_bg_subsite07.png"), radial-gradient(ellipse 80vw 35vw at 20% 600px, rgba(205, 205, 205, 0.4) 0%, rgba(242, 242, 242, 0.1) 70%, rgb(255, 255, 255) 100%); background-repeat: no-repeat; background-position: left top 100px, left top; } .style_taichung #scrollTop { background: #747474; } .style_taichung .picBox .picgroup figcaption { color: var(--color-Secondary-Dark); } .style_taichung .navButton .logoIn button.btnPrimary, .style_taichung .navButton .personalStudyBtn button.btnPrimary { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_taichung .navButton .logoIn button.btnPrimary:hover, .style_taichung .navButton .personalStudyBtn button.btnPrimary:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_taichung .navButton .logoIn a, .style_taichung .navButton .personalStudyBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_taichung .navButton .logoIn a:hover, .style_taichung .navButton .personalStudyBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_taichung .navButton .memberName { color: var(--color-Secondary); } @media screen and (max-width: 991px) { .style_taichung .navButton .memberName { color: var(--color-Primary); } } .style_taichung .tabSet .mobileTabBtn { background: var(--color-Primary-Light); color: #444; } .style_taichung .tabSet .mobileTabBtn::after { background-image: url("../images/basic/icon/arrow_down_dk.svg"); } .style_taichung .tabSet .mobileTabBtn.active, .style_taichung .tabSet .mobileTabBtn:hover { background: var(--color-Primary); color: #fff; } .style_taichung .tabSet .mobileTabBtn.active::after, .style_taichung .tabSet .mobileTabBtn:hover::after { background-image: url("../images/basic/icon/arrow_down_w.svg"); } .style_taichung .tabwebSearch .tabBtn { background: #dcdcdc; color: #555; } .style_taichung .tabwebSearch .tabBtn.active { background: #fc8d2d; color: #fff; } .style_taichung .tabwebSearch .tabBtn.active:before { display: none; } .style_taichung .tabwebSearch .tabContentGroup .tabContent { background-color: #dcdcdc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .style_taichung .tabbookDetails .tabItems, .style_taichung .tabDataMaintenance .tabItems { background-color: var(--color-Primary-Light); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .style_taichung .tabbookDetails .tabBtn, .style_taichung .tabDataMaintenance .tabBtn { color: #444; } .style_taichung .tabbookDetails .tabBtn.active, .style_taichung .tabDataMaintenance .tabBtn.active { color: #fff; } .style_taichung .webSearch ul li:before { background-color: #666; } .style_taichung .webSearch .formList input::placeholder { color: #bbb; } .style_taichung .webSearch .formList button.advancedSearch { color: #777; border: 1px solid #777; background-image: url("../images/icon_advancedSearch_subsite.png"); } .style_taichung .webSearch .hotKeyword a:not(:hover) { color: var(--color-Primary); } .style_taichung .webSearch .hotKeyword a:visited { color: var(--color-Primary-Dark); } .style_taichung .webSearch .hotKeyword a:visited:hover { color: #ea5514; } .style_taichung .searchBoxsticky .container { padding: 11px 30px; } .style_taichung .searchBoxsticky .container .logoSticky { flex-basis: 248px; max-width: 248px; height: 48px; } .style_taichung .searchBoxsticky .container .webSearch .formList .select:before { filter: brightness(10%); } .style_taichung .searchBoxsticky .container .webSearch .formList .select select { border: 1px solid #eee; background-color: #eee; color: #777; } .style_taichung .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_taichung input:not([type=checkBox], [type=radio]):focus-visible, .style_taichung select:focus-visible, .style_taichung textarea:focus-visible { outline-color: var(--form-Focus); } .style_taichung #mobileMenu { background: #f1f1f1; background: -webkit-linear-gradient(top, #f1f1f1, #dddddd); background: linear-gradient(to bottom, #f1f1f1, #dddddd); } .style_taichung #mobileMenu .mobileMainMenu .title { background-color: #ababab; } .style_taichung #mobileMenu .topNav .navList .title { background-color: #ababab; } .style_taichung .borrowingLogin { background: var(--color-Primary); } .style_taichung .borrowingLogin.active, .style_taichung .borrowingLogin:hover { color: #fff; background: var(--color-Primary-Dark); } .style_taichung .filehierarchy_list ul > li a:not(:hover) { color: var(--color-Primary); } .style_taichung .otherbookInforBox .contentBlock .moreBtn a:hover { background-image: none; } .style_taichung .sharedcontentGroup .rightBlock .otherNewsBlock .latestNewsList .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_taichung .bookDetailsInforBox .rightInfor .bookrelatedBlock .reserveGroup { background-color: var(--color-Primary-Light); } .style_taichung .fileDownloadList { background-color: var(--color-Secondary-Light); } @media (max-width: 380px) { .style_taichung header .topMater h1 a { background-image: url("../images/logo_mobile_taichung.png"); } } .style_taichung .moreBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); box-shadow: 0 0 15px 0px #fff; } .style_taichung .moreBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_taichung .moreBtn.moreBtn_gray a { color: #fff; } .style_taichung .personalStatisticsBox .content { border: 1px solid #d8d8d8; } .style_taichung .personalStatisticsBox .content .subtitle { background-image: url("../images/personalStatistics_subtitle_subsite07.svg"); } .style_taichung .personalStatisticsBox .content ul li { background-color: var(--color-Secondary-Light); } .style_taichung .personalStatisticsBox .content ul li em { color: #ea5514; } .style_taichung .personalStatisticsBox .content ul li:nth-child(3), .style_taichung .personalStatisticsBox .content ul li:nth-child(4) { background-color: #d6d6d6; } .style_taichung .personalStudylistBox ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_taichung .personalStudylistBox ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_taichung .personalStudylistBox ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_taichung .personalStudylistBox ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_taichung .personalStudylistBox ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_taichung .personalStudylistBox ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_taichung .personalStudylistBox ul li a:hover:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_taichung .personalStudylistBox ul li a:hover.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_taichung .personalStudylistBox ul li a:hover.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_taichung .personalStudylistBox ul li a:hover.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_taichung .personalStudylistBox ul li a:hover.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_taichung .personalStudylistBox ul li a:hover.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_taichung .personalStudylistBox ul li a:hover.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_taichung .personalStudylistBox ul li:hover { background-color: #a3a3a3; } .style_taichung .personalStudylistBox ul li.active a { background-color: #a3a3a3; } .style_taichung .personalStudylistBox ul li.active a:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_taichung .personalStudylistBox ul li.active a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_taichung .personalStudylistBox ul li.active a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_taichung .personalStudylistBox ul li.active a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_taichung .personalStudylistBox ul li.active a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_taichung .personalStudylistBox ul li.active a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_taichung .personalStudylistBox ul li.active a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_taichung .personalStudylistBox_mobile button { background-color: #a3a3a3; } .style_taichung .personalStudylistBox_mobile button:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_taichung .personalStudylistBox_mobile button.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_taichung .personalStudylistBox_mobile button.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_taichung .personalStudylistBox_mobile button.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_taichung .personalStudylistBox_mobile button.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_taichung .personalStudylistBox_mobile button.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_taichung .personalStudylistBox_mobile button.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_taichung .personalStudylistBox_mobile .content ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_taichung .personalStudylistBox_mobile .content ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_taichung .personalStudylistBox_mobile .content ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_taichung .personalStudylistBox_mobile .content ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_taichung .personalStudylistBox_mobile .content ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_taichung .personalStudylistBox_mobile .content ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_taichung .personalStudyInforBox .borrowingBlock a, .style_taichung .personalStudyInforBox .reserveBlock a, .style_taichung .personalStudyInforBox .reservationProgressBlock a { background-color: #edeeee; border-left: 8px solid var(--color-Secondary); } .style_taichung .personalStudyInforBox .borrowingBlock a .num, .style_taichung .personalStudyInforBox .reserveBlock a .num, .style_taichung .personalStudyInforBox .reservationProgressBlock a .num { color: #ea5514; } .style_taichung .personalStudyInforBox .borrowingBlock a:hover, .style_taichung .personalStudyInforBox .reserveBlock a:hover, .style_taichung .personalStudyInforBox .reservationProgressBlock a:hover { background-color: var(--color-Primary); } .style_taichung .personalStudyInforBox .borrowingBlock a:hover .title, .style_taichung .personalStudyInforBox .reserveBlock a:hover .title, .style_taichung .personalStudyInforBox .reservationProgressBlock a:hover .title { color: #fff; } .style_taichung .personalStudyInforBox .borrowingBlock a:hover .num, .style_taichung .personalStudyInforBox .reserveBlock a:hover .num, .style_taichung .personalStudyInforBox .reservationProgressBlock a:hover .num { color: #fff; } .style_taichung .personalStudyInforBox .borrowingBlock.active a, .style_taichung .personalStudyInforBox .reserveBlock.active a, .style_taichung .personalStudyInforBox .reservationProgressBlock.active a { background-color: var(--color-Primary); } .style_taichung .personalStudyInforBox .borrowingBlock.active a .title, .style_taichung .personalStudyInforBox .reserveBlock.active a .title, .style_taichung .personalStudyInforBox .reservationProgressBlock.active a .title { color: #fff; } .style_taichung .personalStudyInforBox .borrowingBlock.active a .num, .style_taichung .personalStudyInforBox .reserveBlock.active a .num, .style_taichung .personalStudyInforBox .reservationProgressBlock.active a .num { color: #fff; } .style_taichung .personalStudyInforBox .borrowingBlock a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); } .style_taichung .personalStudyInforBox .borrowingBlock a:hover:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_taichung .personalStudyInforBox .borrowingBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_taichung .personalStudyInforBox .reserveBlock a:after { background-image: url("../images/studyInfor_icon02_subsite.svg"); } .style_taichung .personalStudyInforBox .reserveBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_taichung .personalStudyInforBox .reserveBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_taichung .personalStudyInforBox .reservationProgressBlock a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); } .style_taichung .personalStudyInforBox .reservationProgressBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_taichung .personalStudyInforBox .reservationProgressBlock.active a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_taichung .personalStudyoptions .myScoreBlock .myScorebtnList a:not(:hover) { color: var(--color-Primary); } .style_taichung .personalStudyoptions .myScoreBlock .myScorebtnList a:hover { background-color: var(--color-Secondary-Light); } .style_taichung .personalStudyoptions .myTagsBlock .myTagsList ul li a:hover { background-color: var(--color-Primary); } .style_taichung .memberRegistrationBox a { color: var(--color-Primary); } .style_taichung .memberRegistrationBox a:hover { color: #ea5514; } .style_taichung .memberRegistrationBox .keyPoints { color: #535353; background-color: var(--color-Secondary-Light); } .style_taichung .memberRegistrationBox .keyPoints:before { filter: invert(18%) sepia(0%) saturate(6%) hue-rotate(311deg) brightness(101%) contrast(94%); } .style_taichung .memberRegistrationBox .noticeBlock { color: #535353; background-color: var(--color-Secondary-Light); } .style_taichung .memberRegistrationBox .subtitle { color: var(--color-Primary); } .style_taichung .latestNewsBox .latestNewsBlock .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_taichung .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle a:not(:hover) { color: var(--color-Primary); } .style_taichung .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle.openSeparately a:before { background-color: var(--color-Primary); } .style_taichung .faqSearchBox { background: #cccccc; background: linear-gradient(10deg, rgb(204, 204, 204) 0%, rgb(242, 242, 242) 94%); } .style_taichung .hotProblemBox .hotTopicsBlock .hotTopicsList a { background: #cccccc; background: linear-gradient(10deg, rgb(204, 204, 204) 0%, rgb(242, 242, 242) 94%); } .style_taichung .subtopicsBox.singleThemeBox .subtopicsBlock { background-color: #bdbdbd; } .style_taichung .subtopicsBox.singleThemeBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #797979; } .style_taichung .subtopicsBox .subtopicsBlock { background-color: #e4e4e4; } .style_taichung .subtopicsBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #9a9a9a; } .style_taichung .registrationSourceBox p a:not(:hover) { color: var(--color-Primary); } .style_taichung .currentQueryBox .queryConditions .conditionsList:hover { background-color: var(--color-Secondary-Light); } .style_taichung footer:before { background-image: linear-gradient(90deg, #5d5f63 25%, #848688); } .style_taichung footer:after { background-image: linear-gradient(90deg, #848688, #c4c4c5); } .style_taichung footer .infoBox { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .style_taichung section:has(.marqueeSlider) { background-color: var(--color-Primary); background-image: linear-gradient(60deg, var(--color-Primary) 35%, var(--color-Secondary) 100%); color: #fff; } .style_taichung section:has(.themedBookfair) { padding: 120px 0 100px; background-image: url("../images/curveBg01_subsite07.png"); background-repeat: no-repeat; background-position: right top; } .style_taichung section:has(.themedBookfair):before, .style_taichung section:has(.themedBookfair):after { display: none; } .style_taichung .themedBookfair .sectionTitle { color: #313131; } .style_taichung .themedBookfair .bookfairBox .leftBox .title { color: #313131; } .style_taichung .themedBookfair .bookfairBox .leftBox .time { color: #313131; } .style_taichung .themedBookfair .bookfairlistBox { background-image: linear-gradient(60deg, var(--color-Primary) 35%, var(--color-Secondary) 100%); } .style_taichung .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .title, .style_taichung .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .time { color: #fff; } .style_taichung section:has(.newBooks) { background-image: url("../images/newBooksBb_taichung.jpg"); } .style_taichung .newBooks .sectionTitle { color: #313131; } .style_taichung .newBooks .sectionSubtitle { color: var(--color-Primary); } .style_taichung .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet { background: #e5e5e5; } .style_taichung .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_taichung section:has(.audioBooks) { background-image: url("../images/curveBg04_subsite07.png"); background-position: center top -110px; } .style_taichung .audioBooks .sectionTitle { color: #313131; } .style_taichung .audioBooks .sectionSubtitle { color: var(--color-Primary); } .style_taichung .lightBox a:not(:hover) { color: var(--color-Primary); } .style_taichung .lightBox .lightBoxtitle { color: #ea5514; } .style_taichung .lightBox .formListTitle { color: var(--color-Primary) !important; } .style_yunlin main.innerPage { background-image: url("../images/innerPage_bg_subsite08.png"), radial-gradient(ellipse 80vw 35vw at 20% 600px, rgba(196, 189, 196, 0.4) 0%, rgba(189, 205, 251, 0.1) 70%, rgb(255, 255, 255) 100%); background-repeat: no-repeat; background-position: left top 100px, left top; } .style_yunlin #scrollTop { background: #6d475b; } .style_yunlin .picBox .picgroup figcaption { color: var(--color-Secondary-Dark); } .style_yunlin .navButton .logoIn button.btnPrimary, .style_yunlin .navButton .personalStudyBtn button.btnPrimary { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_yunlin .navButton .logoIn button.btnPrimary:hover, .style_yunlin .navButton .personalStudyBtn button.btnPrimary:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_yunlin .navButton .logoIn a, .style_yunlin .navButton .personalStudyBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_yunlin .navButton .logoIn a:hover, .style_yunlin .navButton .personalStudyBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } @media screen and (max-width: 991px) { .style_yunlin .navButton .memberName { color: var(--color-Secondary); } } .style_yunlin .tabSet .mobileTabBtn { background: var(--color-Primary-Light); color: #444; } .style_yunlin .tabSet .mobileTabBtn::after { background-image: url("../images/basic/icon/arrow_down_dk.svg"); } .style_yunlin .tabSet .mobileTabBtn.active, .style_yunlin .tabSet .mobileTabBtn:hover { background: var(--color-Primary); color: #fff; } .style_yunlin .tabSet .mobileTabBtn.active::after, .style_yunlin .tabSet .mobileTabBtn:hover::after { background-image: url("../images/basic/icon/arrow_down_w.svg"); } .style_yunlin .tabwebSearch .tabBtn { background: #dcdcdc; color: #555; } .style_yunlin .tabwebSearch .tabBtn.active { background: #fc8d2d; color: #fff; } .style_yunlin .tabwebSearch .tabBtn.active:before { display: none; } .style_yunlin .tabwebSearch .tabContentGroup .tabContent { background-color: #dcdcdc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .style_yunlin .tabbookDetails .tabItems, .style_yunlin .tabDataMaintenance .tabItems { background-color: var(--color-Primary-Light); } .style_yunlin .tabbookDetails .tabBtn, .style_yunlin .tabDataMaintenance .tabBtn { color: #444; } .style_yunlin .tabbookDetails .tabBtn.active, .style_yunlin .tabDataMaintenance .tabBtn.active { color: #fff; } .style_yunlin .webSearch ul li:before { background-color: #666; } .style_yunlin .webSearch .formList input::placeholder { color: #bbb; } .style_yunlin .webSearch .formList button.advancedSearch { color: #777; border: 1px solid #777; background-image: url("../images/icon_advancedSearch_subsite.png"); } .style_yunlin .webSearch .hotKeyword a:not(:hover) { color: #5f9ca5; } .style_yunlin .webSearch .hotKeyword a:visited { color: var(--color-Primary-Dark); } .style_yunlin .webSearch .hotKeyword a:visited:hover { color: #ea5514; } .style_yunlin .searchBoxsticky .container { padding: 11px 30px; } .style_yunlin .searchBoxsticky .container .logoSticky { flex-basis: 248px; max-width: 248px; height: 48px; } .style_yunlin .searchBoxsticky .container .webSearch .formList .select:before { filter: brightness(10%); } .style_yunlin .searchBoxsticky .container .webSearch .formList .select select { border: 1px solid #eee; background-color: #eee; color: #777; } .style_yunlin .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_yunlin input:not([type=checkBox], [type=radio]):focus-visible, .style_yunlin select:focus-visible, .style_yunlin textarea:focus-visible { outline-color: var(--form-Focus); } .style_yunlin #mobileMenu { background: #e6f6f8; background: -webkit-linear-gradient(top, #e6f6f8, #c1d8df); background: linear-gradient(to bottom, #e6f6f8, #c1d8df); } .style_yunlin #mobileMenu .mobileMainMenu .title { background-color: #ababab; } .style_yunlin #mobileMenu .topNav .navList .title { background-color: #ababab; } .style_yunlin .borrowingLogin { background: var(--color-Primary); } .style_yunlin .borrowingLogin.active, .style_yunlin .borrowingLogin:hover { color: #fff; background: var(--color-Primary-Dark); } .style_yunlin .filehierarchy_list ul > li a:not(:hover) { color: var(--color-Primary); } .style_yunlin .otherbookInforBox .contentBlock .moreBtn a:hover { background-image: none; } .style_yunlin .sharedcontentGroup .rightBlock .otherNewsBlock .latestNewsList .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_yunlin .bookDetailsInforBox .rightInfor .bookrelatedBlock .reserveGroup { background-color: var(--color-Primary-Light); } .style_yunlin .fileDownloadList { background-color: var(--color-Secondary-Light); } @media (max-width: 380px) { .style_yunlin header .topMater h1 a { background-image: url("../images/logo_mobile_yunlin.png"); } } .style_yunlin .moreBtn a { background-image: linear-gradient(90deg, #855998 35%, #7bc2cd 100%); box-shadow: 0 0 15px 0px #fff; } .style_yunlin .moreBtn a:hover { background-image: linear-gradient(135deg, #855998 60%, #7bc2cd 100%); } .style_yunlin .moreBtn.moreBtn_gray a { color: #fff; } .style_yunlin .personalStatisticsBox .content { border: 1px solid #96cdd6; } .style_yunlin .personalStatisticsBox .content .subtitle { background-image: url("../images/personalStatistics_subtitle_subsite08.svg"); } .style_yunlin .personalStatisticsBox .content ul li { background-color: var(--color-Secondary-Light); } .style_yunlin .personalStatisticsBox .content ul li em { color: var(--color-Secondary); } .style_yunlin .personalStatisticsBox .content ul li:nth-child(3), .style_yunlin .personalStatisticsBox .content ul li:nth-child(4) { background-color: #dcc3e1; } .style_yunlin .personalStudylistBox ul li a:before { filter: invert(71%) sepia(14%) saturate(1150%) hue-rotate(144deg) brightness(122%) contrast(92%); } .style_yunlin .personalStudylistBox ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_yunlin .personalStudylistBox ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_yunlin .personalStudylistBox ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_yunlin .personalStudylistBox ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_yunlin .personalStudylistBox ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_yunlin .personalStudylistBox ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_yunlin .personalStudylistBox ul li a:hover:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_yunlin .personalStudylistBox ul li a:hover.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_yunlin .personalStudylistBox ul li a:hover.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_yunlin .personalStudylistBox ul li a:hover.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_yunlin .personalStudylistBox ul li a:hover.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_yunlin .personalStudylistBox ul li a:hover.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_yunlin .personalStudylistBox ul li a:hover.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_yunlin .personalStudylistBox ul li:hover { background-color: #aaccd4; } .style_yunlin .personalStudylistBox ul li.active a { background-color: #aaccd4; } .style_yunlin .personalStudylistBox ul li.active a:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_yunlin .personalStudylistBox ul li.active a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_yunlin .personalStudylistBox ul li.active a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_yunlin .personalStudylistBox ul li.active a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_yunlin .personalStudylistBox ul li.active a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_yunlin .personalStudylistBox ul li.active a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_yunlin .personalStudylistBox ul li.active a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_yunlin .personalStudylistBox_mobile button { background-color: #aaccd4; } .style_yunlin .personalStudylistBox_mobile button:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_yunlin .personalStudylistBox_mobile button.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_yunlin .personalStudylistBox_mobile button.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_yunlin .personalStudylistBox_mobile button.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_yunlin .personalStudylistBox_mobile button.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_yunlin .personalStudylistBox_mobile button.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_yunlin .personalStudylistBox_mobile button.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_yunlin .personalStudylistBox_mobile .content ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_yunlin .personalStudylistBox_mobile .content ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_yunlin .personalStudylistBox_mobile .content ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_yunlin .personalStudylistBox_mobile .content ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_yunlin .personalStudylistBox_mobile .content ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_yunlin .personalStudylistBox_mobile .content ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_yunlin .personalStudyInforBox .borrowingBlock a, .style_yunlin .personalStudyInforBox .reserveBlock a, .style_yunlin .personalStudyInforBox .reservationProgressBlock a { background-color: #edeeee; border-left: 8px solid var(--color-Secondary); } .style_yunlin .personalStudyInforBox .borrowingBlock a .num, .style_yunlin .personalStudyInforBox .reserveBlock a .num, .style_yunlin .personalStudyInforBox .reservationProgressBlock a .num { color: var(--color-Secondary); } .style_yunlin .personalStudyInforBox .borrowingBlock a:hover, .style_yunlin .personalStudyInforBox .reserveBlock a:hover, .style_yunlin .personalStudyInforBox .reservationProgressBlock a:hover { background-color: var(--color-Primary); } .style_yunlin .personalStudyInforBox .borrowingBlock a:hover .title, .style_yunlin .personalStudyInforBox .reserveBlock a:hover .title, .style_yunlin .personalStudyInforBox .reservationProgressBlock a:hover .title { color: #fff; } .style_yunlin .personalStudyInforBox .borrowingBlock a:hover .num, .style_yunlin .personalStudyInforBox .reserveBlock a:hover .num, .style_yunlin .personalStudyInforBox .reservationProgressBlock a:hover .num { color: #fff; } .style_yunlin .personalStudyInforBox .borrowingBlock.active a, .style_yunlin .personalStudyInforBox .reserveBlock.active a, .style_yunlin .personalStudyInforBox .reservationProgressBlock.active a { background-color: var(--color-Primary); } .style_yunlin .personalStudyInforBox .borrowingBlock.active a .title, .style_yunlin .personalStudyInforBox .reserveBlock.active a .title, .style_yunlin .personalStudyInforBox .reservationProgressBlock.active a .title { color: #fff; } .style_yunlin .personalStudyInforBox .borrowingBlock.active a .num, .style_yunlin .personalStudyInforBox .reserveBlock.active a .num, .style_yunlin .personalStudyInforBox .reservationProgressBlock.active a .num { color: #fff; } .style_yunlin .personalStudyInforBox .borrowingBlock a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(71%) sepia(14%) saturate(1150%) hue-rotate(144deg) brightness(122%) contrast(92%); } .style_yunlin .personalStudyInforBox .borrowingBlock a:hover:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_yunlin .personalStudyInforBox .borrowingBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_yunlin .personalStudyInforBox .reserveBlock a:after { background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(71%) sepia(14%) saturate(1150%) hue-rotate(144deg) brightness(122%) contrast(92%); } .style_yunlin .personalStudyInforBox .reserveBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_yunlin .personalStudyInforBox .reserveBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_yunlin .personalStudyInforBox .reservationProgressBlock a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(71%) sepia(14%) saturate(1150%) hue-rotate(144deg) brightness(122%) contrast(92%); } .style_yunlin .personalStudyInforBox .reservationProgressBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_yunlin .personalStudyInforBox .reservationProgressBlock.active a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_yunlin .personalStudyoptions .myScoreBlock .myScorebtnList a:not(:hover) { color: var(--color-Primary); } .style_yunlin .personalStudyoptions .myScoreBlock .myScorebtnList a:hover { background-color: var(--color-Secondary-Light); } .style_yunlin .personalStudyoptions .myTagsBlock .myTagsList ul li a:hover { background-color: var(--color-Primary); } .style_yunlin .memberRegistrationBox a { color: var(--color-Primary); } .style_yunlin .memberRegistrationBox a:hover { color: #ea5514; } .style_yunlin .memberRegistrationBox .keyPoints { color: #535353; background-color: var(--color-Secondary-Light); } .style_yunlin .memberRegistrationBox .keyPoints:before { filter: invert(18%) sepia(0%) saturate(6%) hue-rotate(311deg) brightness(101%) contrast(94%); } .style_yunlin .memberRegistrationBox .noticeBlock { color: #535353; background-color: var(--color-Secondary-Light); } .style_yunlin .memberRegistrationBox .subtitle { color: var(--color-Primary); } .style_yunlin .latestNewsBox .latestNewsBlock .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_yunlin .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle a:not(:hover) { color: var(--color-Primary); } .style_yunlin .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle.openSeparately a:before { background-color: var(--color-Primary); } .style_yunlin .faqSearchBox { background: #c0e5ed; background: linear-gradient(20deg, rgb(192, 229, 237) 36%, rgb(221, 202, 230) 96%); } .style_yunlin .hotProblemBox .hotTopicsBlock .hotTopicsList a { background: #c0e5ed; background: linear-gradient(20deg, rgb(192, 229, 237) 36%, rgb(221, 202, 230) 96%); } .style_yunlin .subtopicsBox.singleThemeBox .subtopicsBlock { background-color: #cfe2e5; } .style_yunlin .subtopicsBox.singleThemeBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #5d969f; } .style_yunlin .subtopicsBox .subtopicsBlock { background-color: #d6eaed; } .style_yunlin .subtopicsBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #7bc2cd; } .style_yunlin .registrationSourceBox p a:not(:hover) { color: var(--color-Primary); } .style_yunlin .currentQueryBox .queryConditions .conditionsList:hover { background-color: var(--color-Secondary-Light); } .style_yunlin footer:before { background-image: linear-gradient(90deg, #7bc2cd 25%, #8188b0); } .style_yunlin footer:after { background-image: linear-gradient(90deg, #8188b0, #855899); } .style_yunlin footer .infoBox { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .style_yunlin section:has(.marqueeSlider) { background-color: var(--color-Primary); background-image: linear-gradient(60deg, var(--color-Primary) 35%, var(--color-Secondary) 100%); color: #fff; } .style_yunlin section:has(.themedBookfair) { padding: 120px 0 100px; background-image: url("../images/curveBg01_subsite08.png"); background-repeat: no-repeat; background-position: right top; } .style_yunlin section:has(.themedBookfair):before, .style_yunlin section:has(.themedBookfair):after { display: none; } .style_yunlin .themedBookfair .sectionTitle { color: #313131; } .style_yunlin .themedBookfair .bookfairBox .leftBox .title { color: #313131; } .style_yunlin .themedBookfair .bookfairBox .leftBox .time { color: #313131; } .style_yunlin .themedBookfair .bookfairlistBox { background-image: linear-gradient(60deg, var(--color-Primary) 35%, var(--color-Secondary) 100%); } .style_yunlin .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .title, .style_yunlin .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .time { color: #fff; } .style_yunlin section:has(.newBooks) { background-image: url("../images/newBooksBb_yunlin.jpg"); } .style_yunlin .newBooks .sectionTitle { color: #313131; } .style_yunlin .newBooks .sectionSubtitle { color: var(--color-Primary); } .style_yunlin .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet { background: #e5e5e5; } .style_yunlin .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_yunlin section:has(.audioBooks) { background-image: url("../images/curveBg04_subsite08.png"); background-position: center top -110px; } .style_yunlin .audioBooks .sectionTitle { color: #313131; } .style_yunlin .audioBooks .sectionSubtitle { color: var(--color-Primary); } .style_yunlin .lightBox a:not(:hover) { color: var(--color-Primary); } .style_yunlin .lightBox .lightBoxtitle { color: var(--color-Primary-Dark); } .style_yunlin .lightBox .formListTitle { color: var(--color-Primary) !important; } .style_cloud main.innerPage { background-image: url("../images/innerPage_bg_subsite09.png"), radial-gradient(ellipse 80vw 35vw at 20% 600px, rgba(177, 205, 197, 0.4) 0%, rgba(196, 243, 211, 0.1) 70%, rgb(255, 255, 255) 100%); background-repeat: no-repeat; background-position: left top 100px, left top; } .style_cloud #scrollTop { background: #4b626b; } .style_cloud .picBox .picgroup figcaption { color: var(--color-Secondary-Dark); } .style_cloud .navButton .logoIn button.btnPrimary, .style_cloud .navButton .personalStudyBtn button.btnPrimary { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_cloud .navButton .logoIn button.btnPrimary:hover, .style_cloud .navButton .personalStudyBtn button.btnPrimary:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_cloud .navButton .logoIn a, .style_cloud .navButton .personalStudyBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); } .style_cloud .navButton .logoIn a:hover, .style_cloud .navButton .personalStudyBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_cloud .navButton .memberName { color: var(--color-Secondary); } @media screen and (max-width: 991px) { .style_cloud .navButton .memberName { color: var(--color-Primary); } } .style_cloud .tabSet .mobileTabBtn { background: var(--color-Primary-Light); color: #444; } .style_cloud .tabSet .mobileTabBtn::after { background-image: url("../images/basic/icon/arrow_down_dk.svg"); } .style_cloud .tabSet .mobileTabBtn.active, .style_cloud .tabSet .mobileTabBtn:hover { background: var(--color-Primary); color: #fff; } .style_cloud .tabSet .mobileTabBtn.active::after, .style_cloud .tabSet .mobileTabBtn:hover::after { background-image: url("../images/basic/icon/arrow_down_w.svg"); } .style_cloud .tabwebSearch .tabBtn { background: #dcdcdc; color: #555; } .style_cloud .tabwebSearch .tabBtn.active { background: #fc8d2d; color: #fff; } .style_cloud .tabwebSearch .tabBtn.active:before { display: none; } .style_cloud .tabwebSearch .tabContentGroup .tabContent { background-color: #dcdcdc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .style_cloud .tabbookDetails .tabItems, .style_cloud .tabDataMaintenance .tabItems { background-color: var(--color-Primary-Light); } .style_cloud .tabbookDetails .tabBtn, .style_cloud .tabDataMaintenance .tabBtn { color: #444; } .style_cloud .tabbookDetails .tabBtn.active, .style_cloud .tabDataMaintenance .tabBtn.active { color: #fff; } .style_cloud .webSearch ul li:before { background-color: #666; } .style_cloud .webSearch .formList input::placeholder { color: #bbb; } .style_cloud .webSearch .formList button.advancedSearch { color: #777; border: 1px solid #777; background-image: url("../images/icon_advancedSearch_subsite.png"); } .style_cloud .webSearch .hotKeyword a:not(:hover) { color: var(--color-Primary); } .style_cloud .webSearch .hotKeyword a:visited { color: var(--color-Primary-Dark); } .style_cloud .webSearch .hotKeyword a:visited:hover { color: #ea5514; } .style_cloud .searchBoxsticky .container { padding: 11px 30px; } .style_cloud .searchBoxsticky .container .logoSticky { flex-basis: 248px; max-width: 248px; height: 48px; } .style_cloud .searchBoxsticky .container .webSearch .formList .select:before { filter: brightness(10%); } .style_cloud .searchBoxsticky .container .webSearch .formList .select select { border: 1px solid #eee; background-color: #eee; color: #777; } .style_cloud .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_cloud input:not([type=checkBox], [type=radio]):focus-visible, .style_cloud select:focus-visible, .style_cloud textarea:focus-visible { outline-color: var(--form-Focus); } .style_cloud #mobileMenu { background: #f3fdfd; background: -webkit-linear-gradient(top, #f3fdfd, #c8e4e4); background: linear-gradient(to bottom, #f3fdfd, #c8e4e4); } .style_cloud #mobileMenu .mobileMainMenu .title { background-color: #ababab; } .style_cloud #mobileMenu .topNav .navList .title { background-color: #ababab; } .style_cloud .borrowingLogin { background: var(--color-Primary); } .style_cloud .borrowingLogin.active, .style_cloud .borrowingLogin:hover { color: #fff; background: var(--color-Primary-Dark); } .style_cloud .filehierarchy_list ul > li a:not(:hover) { color: var(--color-Primary); } .style_cloud .otherbookInforBox .contentBlock .moreBtn a:hover { background-image: none; } .style_cloud .sharedcontentGroup .rightBlock .otherNewsBlock .latestNewsList .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_cloud .bookDetailsInforBox .rightInfor .bookrelatedBlock .reserveGroup { background-color: var(--color-Primary-Light); } .style_cloud .fileDownloadList { background-color: var(--color-Secondary-Light); } .style_cloud header .topMater .container { padding: 5px 30px; } @media screen and (max-width: 991px) { .style_cloud header .topMater h1 { margin-left: 25px; } } .style_cloud header .topMater h1 a { width: 248px; height: 50px; } @media (max-width: 380px) { .style_cloud header .topMater h1 a { width: 248px; height: 50px; background-image: url("../images/logo_mobile_educate.png"); } } .style_cloud .moreBtn a { background-image: linear-gradient(90deg, var(--color-Primary), var(--color-Secondary)); box-shadow: 0 0 15px 0px #fff; } .style_cloud .moreBtn a:hover { background-image: linear-gradient(135deg, var(--color-Primary) 60%, var(--color-Secondary) 100%); } .style_cloud .moreBtn.moreBtn_gray a { color: #fff; } .style_cloud .personalStatisticsBox .content { border: 1px solid #96c7d6; } .style_cloud .personalStatisticsBox .content .subtitle { background-image: url("../images/personalStatistics_subtitle_subsite09.svg"); } .style_cloud .personalStatisticsBox .content ul li { background-color: var(--color-Secondary-Light); } .style_cloud .personalStatisticsBox .content ul li em { color: var(--color-Secondary); } .style_cloud .personalStatisticsBox .content ul li:nth-child(3), .style_cloud .personalStatisticsBox .content ul li:nth-child(4) { background-color: #b3d5e7; } .style_cloud .personalStudylistBox ul li a:before { filter: invert(63%) sepia(16%) saturate(1892%) hue-rotate(48deg) brightness(87%) contrast(92%); } .style_cloud .personalStudylistBox ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_cloud .personalStudylistBox ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_cloud .personalStudylistBox ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_cloud .personalStudylistBox ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_cloud .personalStudylistBox ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_cloud .personalStudylistBox ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_cloud .personalStudylistBox ul li a:hover:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_cloud .personalStudylistBox ul li a:hover.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_cloud .personalStudylistBox ul li a:hover.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_cloud .personalStudylistBox ul li a:hover.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_cloud .personalStudylistBox ul li a:hover.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_cloud .personalStudylistBox ul li a:hover.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_cloud .personalStudylistBox ul li a:hover.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_cloud .personalStudylistBox ul li:hover { background-color: #a9bc99; } .style_cloud .personalStudylistBox ul li.active a { background-color: #a9bc99; } .style_cloud .personalStudylistBox ul li.active a:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_cloud .personalStudylistBox ul li.active a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_cloud .personalStudylistBox ul li.active a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_cloud .personalStudylistBox ul li.active a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_cloud .personalStudylistBox ul li.active a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_cloud .personalStudylistBox ul li.active a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_cloud .personalStudylistBox ul li.active a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_cloud .personalStudylistBox_mobile button { background-color: #a9bc99; } .style_cloud .personalStudylistBox_mobile button:before { filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(354deg) contrast(101%); } .style_cloud .personalStudylistBox_mobile button.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_cloud .personalStudylistBox_mobile button.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_cloud .personalStudylistBox_mobile button.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_cloud .personalStudylistBox_mobile button.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_cloud .personalStudylistBox_mobile button.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_cloud .personalStudylistBox_mobile button.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_cloud .personalStudylistBox_mobile .content ul li a.list_borrowing:before { background-image: url("../images/studylist_icon01_subsite.svg"); } .style_cloud .personalStudylistBox_mobile .content ul li a.list_registration:before { background-image: url("../images/studylist_icon02_subsite.svg"); } .style_cloud .personalStudylistBox_mobile .content ul li a.list_history:before { background-image: url("../images/studylist_icon03_subsite.svg"); } .style_cloud .personalStudylistBox_mobile .content ul li a.list_personalData:before { background-image: url("../images/studylist_icon04_subsite.svg"); } .style_cloud .personalStudylistBox_mobile .content ul li a.list_collect:before { background-image: url("../images/studylist_icon05_subsite.svg"); } .style_cloud .personalStudylistBox_mobile .content ul li a.list_log:before { background-image: url("../images/studylist_icon06_subsite.svg"); } .style_cloud .personalStudyInforBox .borrowingBlock a, .style_cloud .personalStudyInforBox .reserveBlock a, .style_cloud .personalStudyInforBox .reservationProgressBlock a { background-color: #edeeee; border-left: 8px solid var(--color-Secondary); } .style_cloud .personalStudyInforBox .borrowingBlock a .num, .style_cloud .personalStudyInforBox .reserveBlock a .num, .style_cloud .personalStudyInforBox .reservationProgressBlock a .num { color: var(--color-Secondary); } .style_cloud .personalStudyInforBox .borrowingBlock a:hover, .style_cloud .personalStudyInforBox .reserveBlock a:hover, .style_cloud .personalStudyInforBox .reservationProgressBlock a:hover { background-color: var(--color-Primary); } .style_cloud .personalStudyInforBox .borrowingBlock a:hover .title, .style_cloud .personalStudyInforBox .reserveBlock a:hover .title, .style_cloud .personalStudyInforBox .reservationProgressBlock a:hover .title { color: #fff; } .style_cloud .personalStudyInforBox .borrowingBlock a:hover .num, .style_cloud .personalStudyInforBox .reserveBlock a:hover .num, .style_cloud .personalStudyInforBox .reservationProgressBlock a:hover .num { color: #fff; } .style_cloud .personalStudyInforBox .borrowingBlock.active a, .style_cloud .personalStudyInforBox .reserveBlock.active a, .style_cloud .personalStudyInforBox .reservationProgressBlock.active a { background-color: var(--color-Primary); } .style_cloud .personalStudyInforBox .borrowingBlock.active a .title, .style_cloud .personalStudyInforBox .reserveBlock.active a .title, .style_cloud .personalStudyInforBox .reservationProgressBlock.active a .title { color: #fff; } .style_cloud .personalStudyInforBox .borrowingBlock.active a .num, .style_cloud .personalStudyInforBox .reserveBlock.active a .num, .style_cloud .personalStudyInforBox .reservationProgressBlock.active a .num { color: #fff; } .style_cloud .personalStudyInforBox .borrowingBlock a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(63%) sepia(16%) saturate(1892%) hue-rotate(48deg) brightness(87%) contrast(92%); } .style_cloud .personalStudyInforBox .borrowingBlock a:hover:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_cloud .personalStudyInforBox .borrowingBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_cloud .personalStudyInforBox .reserveBlock a:after { background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(63%) sepia(16%) saturate(1892%) hue-rotate(48deg) brightness(87%) contrast(92%); } .style_cloud .personalStudyInforBox .reserveBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon02_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_cloud .personalStudyInforBox .reserveBlock.active a:after { background-image: url("../images/studyInfor_icon01_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_cloud .personalStudyInforBox .reservationProgressBlock a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(63%) sepia(16%) saturate(1892%) hue-rotate(48deg) brightness(87%) contrast(92%); } .style_cloud .personalStudyInforBox .reservationProgressBlock a:hover:after { content: ""; background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_cloud .personalStudyInforBox .reservationProgressBlock.active a:after { background-image: url("../images/studyInfor_icon03_subsite.svg"); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .style_cloud .personalStudyoptions .myScoreBlock .myScorebtnList a:not(:hover) { color: var(--color-Primary); } .style_cloud .personalStudyoptions .myScoreBlock .myScorebtnList a:hover { background-color: var(--color-Secondary-Light); } .style_cloud .personalStudyoptions .myTagsBlock .myTagsList ul li a:hover { background-color: var(--color-Primary); } .style_cloud .memberRegistrationBox a { color: var(--color-Primary); } .style_cloud .memberRegistrationBox a:hover { color: #ea5514; } .style_cloud .memberRegistrationBox .keyPoints { color: #535353; background-color: var(--color-Secondary-Light); } .style_cloud .memberRegistrationBox .keyPoints:before { filter: invert(18%) sepia(0%) saturate(6%) hue-rotate(311deg) brightness(101%) contrast(94%); } .style_cloud .memberRegistrationBox .noticeBlock { color: #535353; background-color: var(--color-Secondary-Light); } .style_cloud .memberRegistrationBox .subtitle { color: var(--color-Primary); } .style_cloud .latestNewsBox .latestNewsBlock .content .subtitle a:not(:hover) { color: var(--color-Primary); } .style_cloud .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle a:not(:hover) { color: var(--color-Primary); } .style_cloud .hotProblemBox .hotProblemBlock .hotProblemGroup .subtitle.openSeparately a:before { background-color: var(--color-Primary); } .style_cloud .faqSearchBox { background: #c5dbb4; background: linear-gradient(20deg, rgb(197, 219, 180) 25%, rgb(191, 230, 245) 97%); } .style_cloud .hotProblemBox .hotTopicsBlock .hotTopicsList a { background: #c5dbb4; background: linear-gradient(20deg, rgb(197, 219, 180) 25%, rgb(191, 230, 245) 97%); } .style_cloud .subtopicsBox.singleThemeBox .subtopicsBlock { background-color: #bdccb0; } .style_cloud .subtopicsBox.singleThemeBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #5f8540; } .style_cloud .subtopicsBox .subtopicsBlock { background-color: #d1e2c4; } .style_cloud .subtopicsBox .subtopicsBlock .content .relatedInforGroup .relatedInforlist { background-color: #6fa840; } .style_cloud .registrationSourceBox p a:not(:hover) { color: var(--color-Primary); } .style_cloud .currentQueryBox .queryConditions .conditionsList:hover { background-color: var(--color-Secondary-Light); } .style_cloud footer:before { background-image: linear-gradient(90deg, #54842a 25%, #40947f); } .style_cloud footer:after { background-image: linear-gradient(90deg, #40947f, #2ea2c9); } .style_cloud footer .infoBox { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .style_cloud section:has(.marqueeSlider) { background-color: var(--color-Primary); background-image: linear-gradient(60deg, var(--color-Primary) 35%, var(--color-Secondary) 100%); color: #fff; } .style_cloud section:has(.themedBookfair) { padding: 120px 0 100px; background-image: url("../images/curveBg01_subsite09.png"); background-repeat: no-repeat; background-position: right top; } .style_cloud section:has(.themedBookfair):before, .style_cloud section:has(.themedBookfair):after { display: none; } .style_cloud .themedBookfair .sectionTitle { color: #313131; } .style_cloud .themedBookfair .bookfairBox .leftBox .title { color: #313131; } .style_cloud .themedBookfair .bookfairBox .leftBox .time { color: #313131; } .style_cloud .themedBookfair .bookfairlistBox { background-image: linear-gradient(60deg, var(--color-Primary) 35%, var(--color-Secondary) 100%); } .style_cloud .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .title, .style_cloud .themedBookfair .bookfairlistBox .bookfairlistSwiperBox .swiper-slide .bookfairlist a .time { color: #fff; } .style_cloud section:has(.newBooks) { background-image: url("../images/newBooksBb_educate.jpg"); } .style_cloud .newBooks .sectionTitle { color: #313131; } .style_cloud .newBooks .sectionSubtitle { color: var(--color-Primary); } .style_cloud .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet { background: #e5e5e5; } .style_cloud .newBooks .booksSwiperBox .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000000; } .style_cloud section:has(.audioBooks) { background-image: url("../images/curveBg04_subsite09.png"); background-position: center top -110px; } .style_cloud .audioBooks .sectionTitle { color: #313131; } .style_cloud .audioBooks .sectionSubtitle { color: var(--color-Primary); } .style_cloud .lightBox a:not(:hover) { color: var(--color-Primary); } .style_cloud .lightBox .lightBoxtitle { color: var(--color-Primary-Dark); } .style_cloud .lightBox .formListTitle { color: var(--color-Primary) !important; }/*# sourceMappingURL=subsite.css.map */