* { margin: 0; padding: 0; box-sizing: border-box;}
body { font-size: 16px; color: #292929; font-family: -apple-system, BlinkMacSystemFont, Verdana, Roboto, Open Sans, Helvetica Neue, Tahoma, sans-serif; background: #F1F1F1;}
/* body a { text-decoration: none; color: #2C428E;} */
a:hover { text-decoration: underline;}
strong { font-weight: normal; text-shadow: 0 0 0;}
.clear { clear: both;}

/* HEADER */
header {}
.head { height: 66px; background: linear-gradient(180deg, navy 88.75%, rgba(39, 48, 80, 0) 100%);}
.head__name { margin: auto; font-family: 'Verdana'; font-style: normal; font-weight: normal; font-size: 20px; color: #FFFFFF; text-align: center; padding: 20px 0 20px 0px; text-align: center;}
.head__logo { width: 60px; position: absolute; left: 40px; top: 55px; box-sizing: content-box; padding-right: 10px;}
.head__logo:hover { background-image: url(img/tl/logo2.png); background-position-x: 10px; background-opacity: 50%; background-repeat: no-repeat; background-size: 60px; background-opacity: 50%;}
@media (max-width: 980px) {
  .head__name { font-size: 18px; text-align: center; }
  .head__logo { width: 40px; position: absolute; left: 15px; top: 13px; } 
  .head__logo:hover { background-size: 40px; } }
@media (max-width: 820px) {
  .head { height: 60px; } 
  .head__name { font-size: 15px; padding-top: 18px; }
  .head__logo { top: 10px; }  }
@media (max-width: 480px) {
  .head__name { font-size: 10px; text-align: center; padding-left: 45px; padding-top: 25px; }
  .head__logo { top: 10px; }  }

/* MAIN MENU */
.menu { background: linear-gradient(180deg, rgba(39, 48, 80, 0.68) 8.92%, rgba(255, 255, 255, 0) 148.48%), #FFFFFF;}
.menu__list { margin: auto; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; }
.menu__list a { font-size: 14px; color: #273050; text-transform: uppercase; text-shadow: 0 0 0 #273050;}
/* .menu__list a:hover { text-decoration: none;} */
.menu__list div { padding: 10px 20px 10px; cursor: pointer;}
.menu__list div:hover { background: #FFFFFF40;}
.menu__list div.srchi { padding: 0px; width: 17px; height: 17px; background-repeat: no-repeat; background-size: contain; background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAgMAAADxkFD+AAAADFBMVEUmMFAmMFAnMFAnMFD9wnDxAAAAA3RSTlMBZMhvmkrIAAAAxklEQVR4AYXPIRLCMBQE0ARmGlFRhULkCDkC9ViGS3AIuBFHKEeoxyBA4BAVwDRZuptJLYjMG/p382OMsYdva/LPA58sCwAnsSYHcUNGsSPB4AJ47IF+ouPHgNvEhqdTLrDIYiQTs8eoQ42JfJMerBUbFncDWZP4R86WWCkrVwTke8oZtDWipnruz0TNtrUql0it7fQgC6Qz8NTWmJ/sJU1UxJU5TaQti/X33QEtvdqxpyfz1FDoEQsdUGiRMjg8zvSvmdXlB1wIkvVxCnbTAAAAAElFTkSuQmCC); }
.menu__list div.srchi:hover { background-color: #FFFFFF00; }
.menu__list div.homei { padding: 0px; width: 17px; height: 17px; background-repeat: no-repeat; background-size: contain; background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAgMAAADxkFD+AAAADFBMVEUAAAAnMFAnMFAnMFCMy9f+AAAAA3RSTlMAPrx5ZCAEAAAAZUlEQVR4AYzNsRGAIBSD4dBA6QAuw0as4kauwBAOYEtjDLxL6Z2p/vuaYC4f8NpwZdLcyGF8zmDhtYsDaxIHAuLA0icv3O7FwpliCFE6xGDFWlL6Xun9yI9RZ7rju8HGxA5I8TEAkye49+OBmxoAAAAASUVORK5CYII=);  }
.menu__list div.homei:hover { background-color: #FFFFFF00; }
.menu__active { background: #273050; color: #f1f1f1;}
.menu__item__tag { background: #FFFFFF90;}
.menu__item__active {}
.menu__item {}
.menu__list img { height: 16px; display: block; }
/* .menu__search { padding: 10px; background:#ffffff80; text-align: center; display: none; } */
@media (max-width: 1220px) {
  .menu__list div { padding: 9px 16px 9px; } }
@media (max-width: 480px) { 
  .menu__list a { font-size: 12px; } 
  .menu__list div { padding: 5px 8px 4px; }
  .menu__list img {height: 12px;}  
  .menu__list div.srchi, .menu__list div.homei { height: 14px; width: 14px } }

/* FOOTER */
footer { height: 80px; width: 100%; margin-top: 30px; padding: 0 20px;
 background: linear-gradient(180deg, rgba(39, 48, 80, 0) -38.45%, #273050 30.97%, #273050 100%); }
footer a { color: #F1F1F1; }
.footer { padding-top: 32px; max-width: 1000px; margin: auto;}
.foot__menu { float: left;}
.foot__menu a { margin-right: 20px; }
.foot__links { float: right;}
.foot__links a { margin-left: 20px; }
/* @media (max-width: 480px) {
  .foot__links { display: none; }
  .foot__menu { float: none; text-align: center; } } */

/* MAIN CONTENT PLACEHOLDER */
.content { min-height: calc(100vh - 233px); }
.white-back {background: #FFF; padding: 20px 0px 40px 0px; margin: auto; margin-top: 20px; max-width: 1000px; box-shadow: 4px 4px 4px rgba(39, 48, 80, 0.5); }
@media (max-width: 980px) {
  .white-back { box-shadow: none; max-width: 100%; margin-top: 0; padding-top: 20px; }
  .content { margin: 0; }  }
#cse-search-box input { border: 1px solid #000; height: 26px; }
.RKM { margin: auto; margin-top: 20px; margin-bottom: 20px; text-align: center; max-width: 1000px; max-height: 320px; }
.RKS { display: none; position: fixed; top: 125px; right: 10px; max-height: 700px; width: calc((100vw - 1018px) / 2.3); }
@media (min-width: 1478px) { .RKS { display: block; } } 

/* WRITERS LIST */
.writers { max-width: 1500px; }
.writers h1 { font-weight: normal; font-size: 1.5em; text-align: center; margin: 20px 0px 20px 0px; font-variant: small-caps; letter-spacing: 0.03em; }
.writers__list { display: flex; justify-content: center; flex-wrap: wrap; }
.writers__list a { flex: 0 1 21%; max-width: 180px; min-width: 95px; margin: 5px; padding: 5px; text-decoration: none; text-align: center; border: 1px solid rgba(129, 92, 21, 0.5); border-radius: 5px; }
.writers__list a:hover { box-shadow: 0 0 10px rgba(129, 92, 21, 0.7);}
.writer__portrait { width: 90%; max-width: 150px; padding-bottom: 5px; }
.writer__name { font-size: 0.8em; }
.writer__surname { font-size: 1.1em; font-variant: small-caps; text-shadow: 0 0 0; }
.writer__surname span { letter-spacing: -0.06em; }
.writers__menu { text-align: center; margin-bottom: 20px; display: flex; justify-content: center; flex-direction: row-reverse; flex-wrap: wrap-reverse; border-bottom: 1px solid #ccc; font-variant: small-caps;}
.writers__menu a { background: #efefef; padding: 5px 10px; display: block; border: 1px solid #ccc; color: #555; border-radius: 0px 5px 0 0; width: 135px; box-shadow: 3px 0 2px #27305070; margin-bottom: -1px; letter-spacing: -0.02em;}
.writers__menu a:hover { text-decoration: none; box-shadow: inset 0px 0px 30px #fff, 5px 0 2px #27305090;}
a.writers__menu__active {border: 1px solid #666; background: #444; color: #fff;}
@media (max-width: 1079px) { .writers__menu { justify-content: flex-end;  text-align: left; } }
@media (max-width: 820px) { .writers { font-size: 15px; } .writers h1 { font-size: 1.2em; } .writer__surname { font-size: 0.9em; } .writer__name span { display: none; } }
@media (max-width: 480px) { .writers { font-size: 12px; } .writer__surname { font-size: 0.8em; } .writer__portrait { max-width: 60px; } .writers h1 { font-size: 1.2 em; }  .writers__menu a {width: 106px;}}

/* AUTHOR PAGE */
.author {}
.author__header { position: relative; min-height: 150px; padding-left: 220px; padding-right: 10px;  }
.author__portrait { position: absolute; top: 0px; left: 35px; height: 150px; }
.author__header h1 { padding-top: 10px; font-size: 1.4em; font-family: "Times New Roman", serif; font-weight: normal; font-variant: small-caps; }
.author__header h1 span { display: block; font-size: 1.5em; }
.writer__surname { font-size: 1em; }
.author__name__addon { padding-top: 5px; font-size: 1.4em; font-family: "Times New Roman", serif; font-variant: small-caps; }
.author__years { font-size: 1.1em; color: #494848; letter-spacing: 0.1em; padding-top: 15px; }
@media (max-width: 480px) {
 .author__portrait { height: 100px; left: 5px; } 
 .author__header { padding-left: 120px; padding-right: 5px; min-height: 100px; font-size: 13px; } 
 .author__header h1 { padding-top: 0px; } 
}

/* AUTHOR STAT BLOCK */
.author__stat { position: absolute; bottom: 0px; right: 20px; border-radius: 10px; 
 padding: 15px; text-align: right; color: #666; box-shadow: 0 0 3px #00000050;}
.author__stat span { color: #000; padding-left: 2px; text-shadow: 0 0 0px;}
.author__stat div { height: 27px; width: 27px; float: right; margin: 2px 0px 0px 5px;}
@media (max-width: 800px) { 
 .author__stat { display: none; }
}

/* AUTHOR MENU */
.author__menu { display: flex; flex-direction: row-reverse; justify-content: flex-end;
 flex-wrap: wrap-reverse; margin-top: 20px; margin-bottom: 10px;
 border-bottom: 1px solid #815C15; background: #E2CA9D70;}
.author__menu div { background: #E2CA9D; border: 1px solid #815C15; border-bottom: 0px; box-shadow: 5px 0 2px #27305090; min-width: 125px; border-radius: 5px 5px 0 0; padding: 5px 12px 5px 12px;}
.author__menu a { color: #555; font-family: Tahoma, Roboto, sans-serif; font-variant: small-caps; }
.author__menu a:hover { text-decoration: none; box-shadow: inset 0px 0px 30px #fff, 5px 0 2px #27305090; }
.author__menu div.author__menu__selected { box-shadow: 5px 0 2px #27305090; background: #815C15; color: #fff;}

/* AUTHOR BOOK SECTION */
.author__subtitle { text-align: center; text-transform: uppercase; letter-spacing: 0.02em;
 padding: 20px 0px 20px 0px; font-size: 1.2em; border-bottom: 1px solid #CCC; background: #E2CA9D70; }
.author__book { padding: 20px 10px 20px 220px; position: relative; min-height: 300px; border-bottom: 1px solid #ccc; }
.author__book a:hover { text-decoration: underline; }
.author__book h2 { font-size: 1.2em; font-variant: small-caps; padding-bottom: 10px; font-weight: normal; }
.author__book h3 { font-weight: normal; font-size: 1.2em; padding-bottom: 5px; }
.author__book ul { line-height: 180%; padding-bottom: 10px;}
.author__book li { list-style-type: circle; font-size: 1.1em; font-variant: small-caps; }
.author__book span { color: #777;}
.author__book__cover { position: absolute; top: 20px; left: 20px; }
.author__book__cover img { width: 150px;}
.author__book__publ { color: #73247A; }
.author__book__anno { max-width: 85%; padding-bottom: 5px; transition: opacity 0.3s ease-in-out;}
.author__book__anno p { line-height: 130%; padding-bottom: 5px; text-align: justify; }
@media (max-width: 820px) {
 .author__subtitle { font-size: 1.1em; padding: 15px 0px; }
 .author__book { padding: 20px 10px; }
 .author__book h2 { text-align: center; padding-top: 5px; } 
 .author__book h3 { text-align: center; padding: 10px 0 0;}
 .author__book ul { padding-left: 20px; }
 .author__book li { font-size: 1em; }
 .author__book__cover { position: static; margin: auto; text-align: center; }
 .author__book__cover img { width: 100px; }                                 
 .author__book__anno { max-width: 100%; }
}
@media (max-width: 480px) {
 .author__subtitle { font-size: 1em; padding: 10px 0px; }
 .author__book { font-size: 0.9em; }
 .author__book h2 {}
}

/* AUTHOR WORKS */
.author__works { margin: 20px 15px 20px 15px;}
.wt { float: left; width: calc(100% - 240px); }
.wb { float: left; width: 215px; overflow: hidden; white-space: nowrap; }
.wn { float: right; width: 25px; font-size: 14px; text-align: right; }
.ws { border-bottom: 1px dotted #CCC; margin-bottom: 2px; height: 4px; }
.wh { display: none; }
.wb:hover { overflow: visible; direction: rtl;}
.wb a {background: #fff; padding-left: 5px;}
a.wfx { color: #65007F; }
@media (max-width: 820px) {
 .author__works { margin-left: 3px; margin-right: 3px; }
 .wt { width: calc(100% - 190px); } .wb { width: 165px; }
}
@media (max-width: 480px) {
 .wt { width: 100%; }
 .wb { width: 90%; padding-left: 30px; }
}


/* BOOK PAGE */
.book {}
.book__description { position: relative; padding-left: 250px; min-height: 350px; border-bottom: 1px solid #ccc; }
.book__cover { position: absolute; top: 5px; left: 20px;}
.book__cover img { width: 200px; }
.book h2 { font-weight: normal; font-size: 1.2em; padding-bottom: 10px; font-variant: small-caps; padding-top: 3px;}
.book h1 { font-weight: normal; font-size: 1.4em; padding-bottom: 20px; letter-spacing: -0.02em; font-variant: small-caps;}
.book__info { color: #73247A; line-height: 150%; }
.book__anno { max-width: 80%; padding: 20px 00px 20px 0;}
.book__anno p { padding-bottom: 5px; line-height: 130%; text-align: justify; }
.book__dl { border-bottom: 1px solid #ccc; padding: 30px;}
.book__dl__info { line-height: 130%; font-size: 0.9em; max-width: 80%; }
.book__dl__list { padding: 20px 0px 20px 0px; }
.book__dl__link { width: 110px; height: 110px; text-align: center; box-shadow: 0 0 5px #00000050;
 border-radius: 10px; float: left; margin-right: 25px; padding: 5px 20px 5px 20px;
 display: flex; flex-direction: column; justify-content: space-around; border: 1px solid #ccc;}
.book__dl__link div { margin: auto;}
.book__dl__link:hover { box-shadow: 0 0 10px #815C15; transform: rotate(360deg); transition: 2.5s; background: #E2CA9D; }
.book__dl__disabled { opacity: 50%; background: #eee; }
.book__dl__disabled:hover { transform: none; background: #eee; cursor: not-allowed; box-shadow: 0 0 5px #00000050;}
.book__dl__ili { width: 40px; float: left; color: #fff; }
.book__version { color: #555; font-size: 0.9em;}
.book__contents { padding: 20px; }
.book__contents h3 { padding: 0px 0px 10px 30px; text-transform: uppercase; font-size: 1.1em; font-weight: normal;}
.book__copy { margin: 20px 10px; padding: 15px; border-radius: 5px; box-shadow: 0 0 5px #00000050; color: #C33; text-align: center;}
.epubi { width: 54px; height: 54px; background-size: contain; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2AgMAAADxK4JOAAAADFBMVEVHcEyLvCCIuxuFuRaVk743AAAAA3RSTlMAY9Q1GOp3AAAApklEQVR4AbWSBRUDMRBEy6igGAm1EGc5Z7WwEs5DGedw+ialhxemn8VW02Xuo20w3bWx1+0QD906wCsKmKLAXlEo7HBQOMDyJqh32KtUkVzcdPAUtDXFWdDWBqkqvEXyH21bhA73EepKyVOi4fnaFmhxxMdpNfOrpJRHQZNyohp8RJgjz6s3hIkSJirO+e46day6XYPyM2QaUA23SP6ZKkwkTbOGSwYV5J4Yxlu0iQAAAABJRU5ErkJggg==)}
.fb2i { width: 54px; height: 54px; background-size: contain; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2BAMAAAB+a3fuAAAAKlBMVEVHcEyAgICAgICcnJy7u7v///7p6emsimH/mQH/mgLu49P/mgL/vVv/2J0mAAbqAAAADnRSTlMA/9f////+FMeH///+/svtq3gAAAEgSURBVHgB1ZMhTMNQEIbn0N0C3qGbNAjcQufF9iaaGZJhppB4i5n3MxAkotwmp4bFzHsvucu9H3b8RU31kqov39291/8N+lJFRw3PZqOqLqq67GSTlIqHdN/JErFrsBGx4eMJWxojzdnYGGvMVHtaZ1blnjerMmsXz21mG99lmdIUmsg6MK0Gmkj7l81/NBUx707ZdKIMmophz0tlrm2PbwcTI3Nt36SFtKfsSplPO8pHsonR82mfslPWRoYlzVMx9MSSslnYqsED2zcHZ9xzOzcUe2KX91fZ8S4ufjUvdAac3W6Yz+6iFd3Z/3dN/yj0DP+WvJAJZsgS90QG2YM4iGzmeeHMI2cQmc34jSlDrult1nWp3/h2VTL7rfNZr+obAYD2yPph6SEAAAAASUVORK5CYII=);}
.pdfi { width: 54px; height: 54px; background-size: contain; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2BAMAAAB+a3fuAAAAGFBMVEVHcEzVRj/nNCrvMCXpMyjdOzPlNivhOC4TszE5AAAACHRSTlMAK8n/6VumgrargbcAAAESSURBVHgBzZRBS8NAFITfim2vi6b31IA9J/O6uSZs0WtNFK+ra/AaFenfl9BCWXG8Cb7rF5h5mdknfzwXuqPMb0uGDIaasRmeHGfjDWfhN3bNvYRbznLqU9BuKPOupCyCsw80lPXIKbtEoOwcI2Vz5JSdoeR6qPkOUMo8qJkZXtFQKzvvmBWVHqSFsZY5WmKlFOMrS+oikmH189+00wd6t3zc77/J9tVh/8OEhBUbkeULjuNSuca8A1DAWdMhDeizAKrBdhOUmIbgocO0wT2gV5qWDOvjbh2QpLVA9XbSft6OJ2QKBB4rLL0CNB3j17RGmWZMzvg2qmVleAB7eb3LaKOLslBLbxUvewQ/cgu/kv8wXwuUNIfqw27fAAAAAElFTkSuQmCC)}
.readi { width: 54px; height: 54px; background-size: contain; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2BAMAAAB+a3fuAAAAGFBMVEVHcExAPkQ3NjxXY2lih42P1d1VxdJDcnsAkLfAAAAAA3RSTlMAo/28UKVVAAAAkklEQVR4AdTTsQ3CQBAF0S0BmQq8RhSAqYAe+CVMASS0z4UI3UDMpE9fG239S0tba/VudZ3uUi5u8V1wwy2g9/AdbsENsHugu7gFN8Duge7iFtwAuwe6ww23AHIPdIcbbgBM7wVsB2bBbHtaXe1Vnx+3q5n39W/fOu6jmrf/ssMEell6tK2jD3qNEdkVeOWGDwAAyZ0t7HPwAS8AAAAASUVORK5CYII=)}
.fxi { width: 54px; height: 54px; background-size: contain; background-repeat: no-repeat; background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAPFBMVEUAAAAqLDUmJzE8PkSEhYOoqKOXl5RaXWu1ta/+/e/a2c90dXXt7ODMy74gIi17OkfxW2xkNEGiRVSsSFZOr2xjAAAAD3RSTlMAK12w/v/+//////3///37FKTOAAAB20lEQVR4Ae2VB9LjMAhGkwgworjl/ndd8uMiz2p7L2866Mlq3/j2n+/L/fHiHnygH+SQS7kAIhJBCdpWTlkCIIohUNrOY+C6IwiaaioKKEeTh0czX0GuDeao5f6qK7q1Hcao55fGcXQOzdhdjkECsTA5JhJ3ttDYY/jjZU2TWmpIBAo11Up0rhqIMDWDaQpvnObFamg7VlnJpL7VhENhO5pRs2Wextu4zksOOTERyhphLjvJ2jKvoT0braFfS+3ZaqJA7NbTzE1ApaPlcTGpArKcmrBXAbQ8qJ6WhIygnDVuL7uvtdiuWX9v3+NIFLiai101E0YC0P6RBGZWDSHsU2NQQnYx++QiBXW/bkX7gr0dj+vTR5IJ6B+JZAL6WiYA5aoZHwnoaUmO4iMBHgX7vL2Z4JmA/t5+bAKYPpUAkmptAhCixi72iQRY5TYBKfxGCQBCbtb0uQkQjyEKeRjyMxNg9skEwBCoQq6nBqkFeZ2gqkMArYbgAXNmQIEtZ86Hne+f2QPAU2P1CwxDmiYA7BcUD23IVguCsom/Dw+prfO6dBjf6HVCCG2auyxDsPR70/j6La7PDrGGmLfXWaf8nXZ5zsGz3wvrA5RxWddlLLcv5FHGseS0//mBvAM1G1SorWxrSQAAAABJRU5ErkJggg==);}

@media (max-width: 820px) {
 .book__description { padding: 10px 5px; }
 .book h1 { font-size: 1.2em; text-align: center; }
 .book h2 { font-size: 1.1em; text-align: center; }
 .book__info { text-align: center; }
 .book__cover { position: static; text-align: center; padding-bottom: 10px; }
 .book__cover img { width: 150px; }
 .book__anno { padding: 10px 5px; max-width: 100%; }
 .book__contents { padding: 10px 0px 10px 0px; } 
 .book__contents h3 { font-size: 1em; }
 .book__dl { padding: 10px; }
 .book__dl__info { max-width: 100%; }
 .book__dl__link { margin: 0px 0px 10px 10px; font-size: 0.9em; }
 .book__dl__link:hover { transform: none; }
 .book__dl__ili { display: none; }
 .book__dl__disabled { display: none; }
}
@media (max-width: 480px) {
 .book__info { font-size: 0.9em; }
 .book__dl { padding: 10px 0px 10px 0px; }
 .book__dl__info { padding: 10px; }
 .book__dl__link { width: 90px; height: 90px; margin-right: 5px; padding: 5px; }
 .book__version { padding: 10px; }
}

/* TOC */
span.toco { cursor: pointer;}
.toc b { color: #999999; font-weight: normal;}
.toc span { display: inline-block; width: 30px; color: #666; text-align: center;}
.toc div { padding-bottom: 5px;}
.toc a:hover { text-decoration: underline;}
div.toch { display: none;}
div.toc1 { padding-left: 0px;}
div.toc2 { padding-left: 20px;}
div.toc3 { padding-left: 40px;}
div.toc4 { padding-left: 60px;}
div.toc5 { padding-left: 80px;}
div.toc6 { padding-left: 100px;}
div.toc8 { padding-left: 120px;}
div.toc9 { padding-left: 140px;}

/* FULL BOOK */
.full { padding: 20px; position: relative;}
.full__dl { position: absolute; top: 10px; left: 10px;}
.full__dl__icon { width: 65px; height: 65px; margin-bottom: 10px; padding: 10px; box-shadow: 0 0 5px #00000050; background-size: 45px 45px; background-repeat: no-repeat; background-position: center;}
.full__dl__icon:hover { box-shadow: 0 0 10px #00000050; transition: 0.5s;}
.full__dl div { color: #999; font-size: 0.8em; margin-bottom: 10px;}

.full__author { text-align: center; padding-bottom: 5px; font-size: 1.2em; font-variant: small-caps; }
.full__title { text-align: center; padding-bottom: 5px; font-size: 1.3em; font-variant: small-caps; }
.full__cover { text-align: center; padding: 5px 0px 5px 0px;}
.full__cover img { max-width: 250px;}
.full__info { text-align: center; color: #73247A; padding-bottom: 5px; }
.full__anno { padding: 20px; width: 90%; margin: auto; margin-top: 10px; box-shadow: 0 0 5px #00000050; border-radius: 10px; }
.full__anno p { font-size: 0.9em; text-align: justify; padding: 0px 10px 5px 10px;}
.full__ctitle { text-align: center; font-size: 1.1em; padding: 20px 0px 10px 0px; }
.full__contents { display: flex; flex-direction: column; align-items: center; max-width: 90%; }

#sn { position: fixed; bottom: 20px; left: 80px; display: none; background: #FFF; max-width: 800px;
 border-radius: 5px; border: 1px solid #666; box-shadow: 0 0 5px #00000050; padding: 40px 30px 40px 30px; }

#tic { position: fixed;
 bottom: 30px; left: 10px;
 background: #6495ED50; box-shadow: 0 0 5px #00000050;
 width: 60px; height: 60px; border-radius: 8px;
 opacity: 0.7;
 background-repeat: no-repeat;
 background-position: center;
 background-size: 60%;
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkAgMAAACcbnALAAAACVBMVEUVZcAAAAAhlvMLAn1HAAAAAnRSTlP/AOW3MEoAAAAdSURBVHgBY2BgDYUAICtqFRgQYCF0ADFRLIZROwAGYXxN/XHxGAAAAABJRU5ErkJggg==);}
#tic:hover { box-shadow: 0 0 10px #00000050; transition: 1s; opacity: 1;}

@media (max-width: 1050px) {
 #tic { width: 40px; height: 40px; bottom: 5px; left: 5px; }
 #sn { left: 30px; }
}
@media (max-width: 820px) {
 .full { padding: 10px; }
 .full__author { font-size: 1.1em; }
 .full__title { font-size: 1.1em; }
 .full__anno { width: 100%; padding: 5px; box-shadow: none; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
 .full__anno p { padding: 0px 5px 5px 5px; font-size: 1em; }
 .full__contents { max-width: 100%; }
 .full__dl { position: static; display: flex; flex-direction: column-reverse;}
 .full__dl div {margin-bottom: 2px;}
 .full__dl__icon { display: inline-block; margin-right: 5px;}
 #tic { width: 30px; height: 30px; bottom: 0px; left: 0px; }
 #sn { padding: 20px 10px 30px 10px; bottom: 0px; left: 0px; }
     .full__dl {}
 
    
}
@media (max-width: 480px) {
 .full {padding: 5px; }
 .full__title { text-transform: none; }
 #tic { width: 25px; height: 25px; bottom: 0; left: 0; }
 #sn { padding: 5px; bottom: 0px; left: 0px; }
    .full__dl__icon {width: 50px; height: 50px;}
    
}

/* FB2 CONVERSION */
.fb2 { padding: 10px; }
.fb2 b { font-weight: normal; color: #000; text-shadow: 0 0 0; }
.fb2 p { line-height: 150%; text-align: justify; padding-bottom: 5px; margin: 0px; text-indent: 20px;}
a.n { font-size: 90%;}
.l { height: 15px;}
.s { text-align: center; padding: 15px 30px 10px 30px; font-size: 1.1em; color: #000; }
.sat { padding-top: 5px; padding-bottom: 15px; }
.sas { padding-top: 0px; margin-top: -10px; }
.e { margin-left: auto; width: 50%; padding: 15px 40px 10px 0px; font-size: 0.9em; color: #336;}
.e p { line-height: 110%; text-indent: 0px;}
.c { padding: 5px 20px 5px 20px; }
.c p { color: #224; line-height: 130%; text-indent: 10px; }
.p { padding: 5px 0px 10px 0px; }
.z { padding: 5px 20px 5px 40px;}
.z p { text-align: left; line-height: 120%; text-indent: 0px; }
.a { padding-left: 20px; color: #500; text-indent: 0px; }
div.p .a { margin-top: -5px; padding-left: 60px; }
div.c .a { padding-bottom: 10px;}
.t { padding: 10px 10px 5px 10px; box-shadow: 0 0 5px #00000060; border-radius: 5px; }
.t p { line-height: 110%; text-align: center; text-indent: 0px; font-variant: small-caps; }
.t0 { margin: 40px 0px 30px 0px; padding: 20px 0px 15px 0px; }
.t1 { margin: 30px 10px 5px 10px; font-variant: none; font-size: 1.3em; }
.t2 { margin: 20px 20px 5px 20px; font-size: 1.2em; }
.t3 { margin: 20px 30px 5px 30px; font-size: 1.1em; }
.t4 { margin: 10px 30px 5px 30px;}
.t5 { margin: 10px 30px 5px 30px;}
.t6 { margin: 10px 30px 5px 30px;}
.th { box-shadow: none; padding-bottom: 0px; padding-top: 5px; }
div.i { text-align: center; padding-bottom: 5px; margin: auto;}
img.i { max-width: 90%;}
p.i { text-align: center; text-indent: 0px; font-size: 0.9em; }
.i b { text-shadow: none;}
.fb2 table { padding-left: 20px; }
sup,sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
.pw { position: relative;}
.pn { position: absolute; top: 4px; left: -25px; color: #999; font-size: 0.8em;}
.z .pn { left: -65px; top: 2px; }

@media (max-width: 820px) {
 .fb2 { padding: 0px; }
 .t { padding: 5px 5px 0px 5px; }
 .c { padding: 10px 5px 5px 10px; }
 .z { padding: 5px 10px 5px 20px; }
 .pn { left: -8px; }
 .z .pn { left: -28px; }
  div.p .a { margin-top: -5px; padding-left: 40px; }
 .t1 { margin: 30px 5px 5px 5px; font-size: 1.2em; }
 .t2 { margin: 20px 15px 5px 10px; font-size: 1.1em; }
 .t3 { margin: 20px 15px 5px 15px; font-size: 1.0em; }
 .t4 { margin: 10px 15px 5px 15px;}
 .t5 { margin: 10px 15px 5px 15px;}
 .t6 { margin: 10px 15px 5px 15px;}
}
@media (max-width: 480px) {
 .e { width: 75%; padding-right: 10px; }
 .pn { left: -2px; font-size: 0.6em; }
 .z .pn { left: -22px; }
 .t1 { font-size: 1.1em; text-transform: none; }
 .t2 { font-size: 1.0em; }
}

/* INDEX AND ABOUT PAGE */
.index { padding-top: 0px; padding-bottom: 60px;}
.index h1 { background: #E2CA9D70; padding: 20px; text-align: center;
  font-weight: normal; font-size: 1.4em; font-variant: small-caps; }
.index h2 { text-align: center; font-weight: normal; text-transform: uppercase; font-size: 1.2em; padding-top: 40px;}
.index__size { text-align: center; padding: 20px; 
border-top: 1px solid #ccc; 
border-bottom: 1px solid #ccc; font-size: 18px; letter-spacing: 0.02em;}
.index__size span { text-shadow: 1px 0px 1px;}
.index__news, .index__popular { padding: 15px 5px 15px 5px; background: #E2CA9D70; display: flex;
 justify-content: center; overflow: hidden; margin: 10px 0 10px 0;}
.index__news img, .index__popular img { margin: 0 5px 0 5px; height: 180px; vertical-align: top; padding: 5px; }
.index__news img:hover, .index__popular img:hover { transform: scale(1.2); transition: 1.5s; }

.about { padding: 20px 20px 20px 20px; line-height: 150%; position: relative; }
.about strong { color: #339;  }
.about p { padding-bottom: 10px; text-indent: 0px; }
.about ul { padding: 0px 0px 10px 20px; }
.index__formats { position: absolute; bottom: 5px; right: 0px; }
.index__formats div { float: right; width: 32px; height: 32px; margin-right: 5px; }

.err404 { padding: 50px 0px 10px 0px; margin-top: 20px; margin-bottom: 20px; }
.err404 div { padding-bottom: 20px; text-align: center; line-height: 200%; font-variant: small-caps; padding-bottom: 30px; }
.err404 span { color: #F33; font-size: 60px; } 
.index__more {padding-left: 20px;}

@media (max-width: 980px) {
 .index img { height: 150px; }
}
@media (max-width: 820px) {
 .index h1 { font-size: 1.3em; padding: 15px;  }
 .index img { height: 100px; }
 .index__news, .index__popular { overflow: scroll; }
}
@media (max-width: 480px) {
 .index h1 { font-size: 1.1em; padding: 10px; }
 .index h2 { font-size: 1.1em; }
 .index img { padding-left: 2px; padding-right: 2px; margin: 0px; }
 .index__size { font-size: 1em; }
}

/*AUTHORS*/
.authors {padding-top: 0;}
.authors h1 { background: #E2CA9D70; padding: 20px; text-align: center;
    font-weight: normal; font-size: 1.4em; font-variant: small-caps; }
.authors__letter {font-family: 'Times New Roman', 'serif'; font-size: 2em; width: 50px; text-align: center; }
.authors ul {list-style: none; font-size: 1.2em; padding-left: 20px;  width: 100%;}
.authors ul span {color: #999; font-size: 0.7em; padding-left: 10px;}
.authors li {border-bottom: 1px dotted #ccc; padding: 5px 0 2px;}
.authors__flex {display: flex; justify-content: flex-start; padding: 30px 20px 0 60px;}
.authors__alfabet {padding: 20px; display: flex; justify-content: center; flex-wrap: wrap;}
.authors__alfabet a {padding: 5px 8px; display: block; color: #555;}
.authors__act {text-decoration: underline; text-shadow: 0 0 0 #555; transform: scale(1.2);}

@media (max-width: 820px) {
    .authors__alfabet {padding: 10px;}
    .authors__alfabet a {padding: 3px 5px; font-size: 0.9em;}
    .authors__flex {padding: 10px 0 10px 30px;}
    .authors h1 {font-size: 1.3em; padding: 15px 0;}
    .authors ul span {font-size: 0.6em;}
    .authors ul {font-size: 1.1em; padding-left: 5px;}
}

@media (max-width: 480px) {
    .authors h1 {font-size: 1.1em; padding: 10px;}
    .authors__letter {font-size: 1.5em;}
    .authors__flex {flex-direction: column; align-items: flex-start; padding: 10px 10px 5px 10px;}
    .authors ul {padding-left: 0;}
    .authors ul span {display: none;}
  
}

/*NEW*/
.new h1 {font-weight: normal;
    font-size: 1.5em;
    padding: 15px 0;
    margin-bottom: 25px;
    text-align: center;
    letter-spacing: -0.02em;
    font-variant: small-caps; background: #E2CA9D70; margin-top: -20px;}
.new h1 span { font-size: 0.7em; }

@media (max-width: 820px) {
    .new h1 {font-size: 1.3em;  margin-bottom: 15px;} 
    .new h1 span {font-size: 0.7em; }
}

.toca {
 margin-left: 7px; width: 18px; height: 16px; display: inline-block; vertical-align: middle;
 background-size: contain; background-repeat: no-repeat; background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAgBAMAAABnfayDAAAAGFBMVEX////r8+HR47m92JuLuU9xqShlohaix3Joapp+AAAA5ElEQVR4AYXPsU7DMBgE4HNAYnVaEGsSCeYWQ1hbQc1KpSY8QJ3LWqmteX1i+LHcLPnG01m+H39mpsTIfMNmiQvKk3QaqWsGa6RqflVn9kgoywWy9uKxogPgWQBRxj2ARy4mMtXK24k/ULM3YcvUZmXlttSVZbfESF6VmDZ7Pb1/HNOmem4YdG86Ri8UfcweONhtGnIFkbXcHcs8n7WdBuYI7uhKhIncA+oktx7kvi1w6xD4Tkt/BWWdMaaAjdkB9ww+h973Lz9ktWSWIu3FbA1491RVBc7Nvy1w4xDkkZZ9YxkGPzXwTsCkGJkxAAAAAElFTkSuQmCC); }
.toca:hover { cursor: pointer; }

.spvv ul { list-style-type: none; }
.spvv h3 { font-size: 1.2em; font-weight: normal; font-variant: small-caps; padding-bottom: 5px; }
.spvv span { color: #999; }
a.spva { color: #73247A; }

.fx { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
.fx img { display: block; margin: 10px; xborder: 1px solid #CCC;  }
.fx img.fxbg { background-repeat: repeat; background-size: contain; xborder: 0px; }
.fx img.fx1 { margin: auto; margin-bottom: 20px; max-width: 100%; }
.fx img.fx2 { max-width: 43%; }
.fx img.fx4 { width: 21%; margin: 7px; }
.fx img.fx4:hover { transform: scale(1.05); transition: 0.6s; }
.fx img.fx8 { width: 11%; margin: 3px; }
 
.fx__menu { text-align: right; margin: 30px; }
.fx__menu div { float: right; margin-left: 15px; margin-bottom: 20px; }
.fx__menu__active { background: #8ED6FF; }
.fxi1 { width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAM0lEQVR4AWPQceo7AcT/aYRPMIAYtMQMcAaVwagFoxaQDkYtGLVg1IJRC0YtoCWmebMFAGmuW8QOy6q5AAAAAElFTkSuQmCC); }
.fxi2 { width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAANklEQVR4AWPQceo7AcT/aYRPMIAYtMQMcAZhQJZa4jWNWjBqwagFoxaMWjBqwagFtMQ0b7YAAHoCqvwfJN4RAAAAAElFTkSuQmCC); }
.fxi4 { width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAOklEQVR4AWPQcer7TUtMPwsYCAAdh25ehFrCYNQCBBi1YNSCYVRUaDv1KhDCpKgdTpE8asGoBaNFBQD1cRRb8Kx8ZgAAAABJRU5ErkJggg==) }
.fxi8 { width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAADFBMVEUsQo4sQo4sQo4rQo4q4jg2AAAABHRSTlP/vQJGDZmLDwAAADpJREFUeAFjYGA7wDyBgRgqNG5q+NZQhlVgwPD/1/5/6/8Trx2qAaodZFjY1lCw3Pw/YGreCqwUVDsAL1w0N8m+yw4AAAAASUVORK5CYII=); }


.fx__big { display: none;  text-align: center; margin-top: 40px; margin-bottom: 30px; }
.fx__big img { max-width: 100%; }

span.anno__miss {color: #DC4B77; }
.full__fxread { width: 100%; text-align: center; font-size: 1.1em; margin: 40px 0px 30px 0px; font-variant: small-caps; }
.full__fxread a {  padding: 10px 20px 11px 20px; box-shadow: 0 0 5px #00000060; border-radius: 5px; }

.future__book .author__book__cover { top: 15px; }
.future__book img { width: 120px;}
.future__book { padding: 15px 10px 15px 170px; position: relative; min-height: 250px; border-bottom: 1px solid #ccc; }
.future__icons { position: absolute; right: 10px; top: 10px; }
.future__icon { width: 26px; height: 26px; display: inline-block; margin-left: 7px; }
.future__menu { padding: 0px 20px 20px 20px;  border-bottom: 1px solid #ccc; display: flex; flex-wrap: wrap; justify-content: center;}
.xxfuture__menu span {color: #0DA513;}
.future__menu a { padding: 3px 8px; color: #555; border: 1px solid #ccc; border-radius: 5px;  background: #efefef; margin: 5px; box-shadow: 1px 1px 2px #27305070; vertical-align:bottom; }
.future__menu a:hover {text-decoration: none; box-shadow: inset 0px 0px 20px #fff }
a.future__active { border: 1px solid #888; background: #444; color: #fff;}
.future__miss { background: #F8F8F8; min-height: 0px; color: #888; box-shadow: inset 0 0 40px #eee;}
a.future__filteroff  { color: #0DA513; display: none; border: 1px solid #0DA513; border-radius: 5px; }
a.future__filteroff:hover {text-decoration: none; background: none; }
a.bfx { color: #667ED2; }
.future__page { max-width: 1000px; margin: auto; text-align: center; font-size: 1.2em; background: #E2CA9D70; padding: 15px 0 20px; margin-top:20px; margin-bottom: -20px; box-shadow: 4px 4px 4px rgba(39, 48, 80, 0.5);}
.future__page img {width: 18em;}
.future__page h1 {font-size: 1.1em; font-weight: normal; }
.future__page h2{font-size: 1.2em; font-variant: small-caps; padding-bottom: 10px; font-weight: normal; }
.future__link:hover {text-decoration: none;}
.future__head { max-width: 1000px; margin: auto; text-align: right; background: #fff; padding: 10px 10px 20px 10px; margin-top: 20px; margin-bottom: -20px; box-shadow: 4px 4px 4px rgba(39, 48, 80, 0.5); font-size: 0.9em; background: #E2CA9D70;}
.future__head img {width: 17em; }
.future__head p {color: #292929;}
.future__head:hover {text-decoration: none;}
.future__year { padding: 20px; text-align: center; font-size: 1.5em; font-variant: small-caps; background: #E2CA9D30; border-bottom: 1px solid #ccc; text-shadow: 0 0 0 #292929;}
@media (max-width: 980px) {
    .future__head {padding-top: 10px; padding-bottom: 30px;} 
    .future__head h1 {padding-bottom: 10px;}
    .future__page {padding: 10px 0 30px;}
    .future__page {margin-top: 0;}
    .future__head {margin-top: 0;}
}
@media (max-width: 820px) {
    .future__book {max-width: 100%; padding-left: 10px;}  
    .future__menu {padding: 0px 10px 20px 10px;}
    .future__head {font-size: 0.8em;}
    .future__page h2 { text-align: center; padding-top: 5px; } 
    }
@media (max-width: 480px) {
     .future__head {font-size: 0.6em; }
    .future__page {font-size: 0.8em; } }

.cRR { padding: 10px 0px 10px 0px; text-align: center; background: #F9F9F9; margin-left: auto; margin-right: auto; }
.cRR a { text-shadow: 0 0 0; }