@charset "utf-8";
:root {--bookup:#276672;}
[data-color-scheme=default] {
--text: #000000;
--bgbody: #fafbfb;
--bgcode: #f1f2f3;
--colorglava: #444546;
--hoverglava: #ccdddd;
--amenuact: #2b6a76;
--colorlink:#11acf6;

}
[data-color-scheme=dark] {
--text:#ffffff;
--bgbody:#303132;;
--bgcode: #ffffff1a;
--colorglava: #f5f6f7;
--hoverglava: #445555;
--amenuact: #45aec2;
--colorlink:#00ccb8;

}
.book-listing {margin-bottom: 1rem;}

.book-text code {font-size: 1rem;}

.book-note {border-left: 3px solid #fdaaaa; padding: 0px 15px;}
.book-note span {font-weight:600;}

@media (min-width: 768px) { .book-indent { margin-left: 3rem;} } 

.book-listing-header { font-weight: bold; margin-bottom: 0.5rem; margin-left: 1rem;}

.book-mark-list2 {margin-left: 1.5rem; list-style-type: circle;}
.book-mark-list3 { margin-left: 3rem;list-style-type: square;}

*,::after,::before{box-sizing:border-box}
html{font-family:sans-serif;line-height:1.15;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;text-align:left;
background-color:var(--bgbody);color:var(--text);}
body{min-width:450px!important}

code{font-size:inherit;font-family:monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New";word-wrap:break-word;
 color:inherit;background:var(--bgcode);border-radius:.3rem; padding:0 .15rem;
}
a>code{color:inherit}
a {text-decoration:none;background-color:transparent;}
.bookpage a {color:var(--colorlink);font-weight:600;}
a:hover{background-color:rgba(122,200,200,.1);}
.bookpage a:hover {text-decoration:underline;}
b,strong{font-weight:bolder}
p{margin-top:0;margin-bottom:1rem}
.navb {position:relative;display:flex; height:3rem;}
.navb a {display: block;position:absolute;top:10px; padding:.3rem 1rem; border-radius:.5rem; border:1px solid var(--hoverglava);height:2rem;}
.navb a:first-child {right:0;} .navb a:last-child {left:0;}

h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}
img{vertical-align:middle;border-style:none}
svg{overflow:hidden;vertical-align:middle}
h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:600;line-height:1.2}
h1{font-size:2rem}
h2{font-size:1.8rem}
h3{font-size:1.75rem}
h4{font-size:1.5rem}
h5{font-size:1.25rem}
h6{font-size:1rem}
img,tr{page-break-inside:avoid}
h2,h3{page-break-after:avoid}
#back {display:none;position:fixed; z-index:73;background-color:#0000008a;top: 0;left:0;height: 100%;opacity: 1;width: 100%;}
.book-up {position:fixed; z-index:71; background-color:var(--bookup); box-shadow: 0 0 .2rem #0000,0 .2rem .4rem #0000;color:#ffffff;
width:100%;top:0px;left:0px;height:40px;}
.book-up ul {display:flex;contain: content;list-style: none; margin: 0 15px; white-space: nowrap;padding:0;}
a.book-1 {display:block; font-size:1.1rem;color:inherit; width:315px;text-align:center; text-decoration:none;background-color:var(--bookup);font-weight:600;padding-top:4px;}
a.book-1 img {height:32px; width:32px;fill:none;}
.book-up-item2 a {padding: 0 .2rem;color:inherit;font-size:1rem;text-decoration:none;}
.book-up-item2 {position: absolute;right:70px;top:8px;}
.book-up-item3 {position: absolute;right:20px; cursor:pointer;top:8px;}
.pg_light .light {display:none;} .pg_light .dark {display:block;}
.pg_dark .light {display:block;} .pg_dark .dark {display:none;}
@media (max-width:930px) {.book-up li:nth-child(2) span {display:none;}}
.book-up-menu {display:block; position: absolute;left:10px; cursor:pointer;top:8px;}
.bookpage {margin:42px auto 20px 330px; padding: 0 25px; max-width:960px;}
.book-up svg  {width:24px; height:24px; fill: currentcolor;}
.book-up svg:hover {background-color:#ADADAD;}
.book-content {position:fixed;top:0px;left:0px;width:330px;height:100%; z-index:77;}
.book-2 {background-color:var(--bookup); box-shadow: box-shadow: 0 0 .2rem #0000,0 .2rem .4rem #0000;color:#ffffff;margin:0;}
.book-content ul {list-style:none;margin-left:1rem;padding:0}
.l-menu {padding:5px 16px 10px 20px;overflow: auto; scrollbar-width: none;height:calc(100vh - 45px)}
.l-menu:hover {scrollbar-width: thin;}
.l-menu::-webkit-scrollbar{height:0;width:0}
.l-menu:hover::-webkit-scrollbar{height:.2rem;width:.2rem}
.l-menu::-webkit-scrollbar-thumb{background-color:#aaa;}

li.glava span {padding: 0 0 0 5px; color:var(--colorglava); font-weight:500;cursor:pointer;}
li.glava span:hover {background:var(--hoverglava);}
.glava.open::before, .glava.active::before {content:" ▼"; margin-left:-16px; font-size:12px; color:var(--colorglava)}
.glava.active::before {color:var(--amenuact);}
.glava::before {content:" \25B7"; margin-left:-18px;  font-size:12px;color:var(--colorglava)}
li.u1::before {content:"• "; margin-left:-16px;  font-size:16px;color:var(--colorglava)}
li.u2::before {content:"‒ "; margin-left:-20px;  font-size:16px;color:var(--colorglava)}
.glava.open  ul, .glava.active  ul {display:block;}
.glava.active span {font-weight:700;cursor:default;color:var(--colorglava);}
.glava ul {display:none;}
ul.content a{color:var(--text);}
ul.content a.active {font-weight:700;color:var(--amenuact) !important;}
ul.content a:hover, ul.content a.is-active {color:#00BFFF;}
ul.content li {margin-top:.25rem;font-size:.92rem;}
.menuclose {cursor:pointer;position: absolute; top:12px;right:12px;background-color: #dde8ea;color: #004040;font-size: 18px; font-weight: 700; font-family: arial;width: 18px;height: 18px; display: flex; justify-content: center; align-items: center;border-radius: 50%;border: 2px solid rgba(240,250,250,0.5);transform: translateY(-50%);box-shadow: 2px 2px 0 rgba(0,0,0,0.2);text-shadow: #f7f7f7 1px 1px 0px;}
.menuclose:hover {background-color:#27aaaa;}
#gotop { display:none; position: fixed;right: 16px;bottom: 12px;width: 22px;height: 22px;background: var(--bookup) url(gotop.png) no-repeat 50% 50%;cursor: pointer;z-index: 99;border-radius: 12px; border: 1px solid #7777cc;}
#gotop:hover {background-color:#27aaaa;}
a[data-sect] {font-style: oblique}
@media (max-width:959px) {
.menuclose {}
.book-content {display:none;background-color:var(--bgbody);}
.bookpage {margin:42px auto 20px 0px;}
}
@media (min-width:960px) {
.menuclose {display:none;}
.book-content {display:block;box-shadow: 0px 0px 1px 0px var(--color-comm);}
}