* { margin: 0; padding: 0; box-sizing: border-box; }

body {
 background: linear-gradient(204.55deg, #000000 -2.91%, #140718 60.65%, #140231 96.85%, #140231 97.24%), #FFFFFF;
 font-family: -apple-system, BlinkMacSystemFont, Roboto, Arial, Open Sans, Tahoma, Helvetica Neue, sans-serif; 
 min-height: 100vh;
 font-size: 16px; }

@font-face { font-family: 'Russo One'; src: url(../fonts/RussoOne-Regular.ttf); } 

.background { position: fixed; top: 30px; left: 10%; z-index: -1; height: 100%;}

a { text-decoration: none; color: #58006E; color: #033450; }
/*a:hover { text-decoration: underline;}*/

.clear {clear: both;}

/*HEADER*/
.header {
    display: block;
    margin: auto;
    padding-top: 20px;
    width: 50%;
}

header cite {
    color: #fff;
    display: block;
    margin: auto;
    text-align: center;
    font-family: 'Roboto';
    padding: 2px 5px 5px 5px;
    width: 92%;
    font-size: 0.9em;
    min-height: 45px;
}

.img_rotate {
    transform: scaleX(-1);
    position: absolute;
    right: 0;
    top: 0;
}

.img_quote {
    position: absolute;
    top: 0;
    left: 0;
}



.header_cite_wrap {
    width: 50%;
    margin: auto;
    position: relative;
    margin-bottom: 20px;
}

.header_cite_wrap img {width: 2em;}

.header_magaz {
    background: rgba(222, 221, 233, 0.7);
   max-width: 1000px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
}

.header_magaz img {
    width: 70%;
}

.header_magaz a:nth-child(odd) {
    align-self: flex-end;
}

.header_magaz a {
    display: block;
}

/*MAIN*/
.content {
    max-width: 1000px;
    background: linear-gradient(58.53deg, rgba(255, 255, 255, 0) -12.54%, rgba(230, 230, 232, 0.98) 12.02%, rgba(230, 230, 232, 0.98) 91.42%, rgba(255, 255, 255, 0) 106.43%);
    background: #E6E6E8;
border-radius: 5px;
    margin: auto;
    padding: 20px;
    margin-top: 40px;
}

.index p {margin-bottom: 15px; line-height: 1.5em; padding: 0 20px;
}
.index a:hover {text-decoration: underline;}

/*NAV*/
nav {text-align: center; padding-bottom: 20px; display: flex;  align-items: baseline; justify-content: space-evenly;}

nav a {
    color: #14618C;
    font-family: 'Russo One';
     }


nav img { margin: 0 5px; width: 0.8em;}
.nav_left {float: left; }
.nav_right {float: right; }
.nav_active {text-decoration: overline;}
.nav_active:hover {text-decoration: overline;}
nav a:hover {color: #0091E2; text-decoration: none;}


/*FOOTER*/
footer {
     background: rgba(222, 221, 233, 0.7);
    max-width: 1000px;
    margin: auto;
    display: flex;
   
   justify-content: space-between;
    padding: 15px;
    margin-top: 40px;
    margin-bottom: 40px;
    border-radius: 5px;
    
}
footer a {color: #273050; margin: 5px;}
footer a:hover {text-decoration: underline;}





/*CATALOG*/
.catalog h2 {
 font-size: 1.2em;
    font-weight: normal;
    font-family: 'Russo One';
    font-variant: small-caps;
    padding-left: 20px;
}

.catalog ul {list-style: none;
padding: 10px 30px 20px 30px;

}

.catalog li {line-height: 1.8em;}
.catalog ul img { display: block; float: left; }
.catalog li {position: relative; }
.catalog_wrap {display: flex; flex-wrap: wrap; justify-content: space-between; }

.catalog_wrap div { xmin-width: 30%; float: left;}
.catalog a:hover {color: #0091E2;}

/*MAG*/
.mag h1 {
 font-size: 1.3em;
    font-weight: normal;
    font-family: 'Russo One';
       text-align: center;
    padding: 0 0 20px 0;
}
.mag_info a:hover {text-decoration: underline;}

.mag_cover {width: 200px; margin-right: 40px;}

.mag_wrap {display: flex; align-items: flex-start; padding-bottom: 30px;}
.mag_content {list-style: none;}
.mag_content ul {padding-left: 20px; padding-bottom: 10px;  }
.mag ul {line-height: 1.5em; }
.mag_nope {text-align: center; color: #DC4B77; padding: 30px 0; border: 2px solid #DC4B7770; border-radius: 30px; margin: auto; margin-top: 20px; width: 90%; }
.mag_info {color: #555; text-align: center;}


.book__dl__list { padding: 10px 0px 20px 0px; display: flex; justify-content: center; flex-wrap: wrap;}

.book__dl__link { width: 110px; height: 110px; text-align: center; box-shadow: 0 0 5px #00000070;
 border-radius: 10px;  margin-right: 12px; margin-left: 12px; 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 #140718; transform: rotate(-360deg); transition: 2.5s; background: #14023150;}
 .book__dl__link:hover {text-decoration: none;}
.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; visibility: hidden; }
.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=);}
.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=); }
.djvui { width: 54px; height: 54px; background-size: contain; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAvVBMVEUAAACxou7YzefRyPjz8PTx6vL8+/p2U8mmh82Kb83WweOfcb9tN85eIso9GL3JrePj1O2yhN+kad6YUd6NPd2BKtx2JNpMFsq+nsy+muJsIdeRXrhjHtOAObxDE8VZGdCkYIe/bFXZkxf8lgN1Sw0uGmz32aj9ogO7fg4RBizruHD4tTArGgcvEo/8rw4oD0k6EMEHAwSfZw9GJrtXOgkxDro8GLH5rx71tjhZS4MsImBYO8BNOLQvDL4uE7VlzvWiAAAAP3RSTlMAEyVFn/7/+v/9///3+O3//////////////////////////////////////v//////////////ZK//j/+gXLhkp618AAADgklEQVR4AYyRhXbDMBRDC3lqYrczhWHw/z852cXA4B4o3iM9ZTdnvz8cs+x4FGS7/3PK87xQUIWGFEVxunJOXF54m2uFUsZoC+tyiHPOR0IIJamu1JFmoZmIFpi8hUpWIAtpU+u6TgOdVjDLqPpGP9cO1DqSKg4CN8+qq+TU/Vzbi0oWb2phPWfx64KUFtoBUJ0Rao4VVchhac2yaC00knGLDhIXHCy6wFkoLaLIuLhN02GGJzzNTwrd8qxoje/Lxw3RzIgLakiY6D6zkkVprdGxAzPigIwtB5GSUS9njVuao2N4l49bGJhKw1azqM005+k4ZlCreJqbWPklKkkfK+22BTPigtNtlv61IK2PDS1t0bIfGSDlxMq0Lp9f091aa7ctJgMXF+TbmpXP03efdcOjKAyEAfg2Cb0N6q35xDuDgYK2SqlbRPfz7v//rHunjmDZ3r0JLpvwZDqTIaGUVVVvr+gLm/sdzFGLaqAj8KdfM7FTqqoqvadiMQaE+Flg9HDgB5mKhlhlWhAkmzLeQaq1FkuoskgSW3K5+sjsecIIUdDP95lI5421K3FQqbDEpMsIZRFGCME480eRFtYewOjiU8bZbd3nNM6VSBrPGj5ldwT6yhYw7DDDFE4kIimtZSbdKcrYIHCot35apoVkhvRbUpsIG9YdLlnnBZTvzbtuD7TZnCcseI3pjD8P1tomESUxxF02EcaKNzefJULsdjshVlIh/pQxdo+QRf64FEIsZ6VXStdu/38GRMnzdVEUpYWStXHHltRzjBFiRoubS4n2VNe7/RaNkYqxe0Qsw4JpNqwm7AFsRGA+RUeHy0ZE7OX1LuU0Cyp3ajdZoMAaO0YNqTi8gxN0JqYRCSS1lFrD4HdgN5UNipl0FCNt7/rOOTjjjApY0BbCrO9xWd1p3NcKP11QDaXCWsy0rZ1TqIbLKJSUxtWVgSY2aYtyYUaPEtP8d2CM2rdrtte8Txg9j/9HxsNoZyv69sAnx8fH6fL5zbMOxFnPgJzxWjpifMJ2HSpiPvWVSbpVqgdmRm2BhQrMIH1nPQMwRiqlDcZriJEiFqpxSzoqw6l4T8BgiL2FamSGRoEwZMZzBwvUyKSUoWJGCuymOC93ea2nAYMixiqWh8vpEuZMyLOo4vzgzQ1XkFgbV8ymmwtFECyumEXeSK4WV8wiB2QWVZzfn3/+kffwwb978hSIyjpZogAAAABJRU5ErkJggg==); }
.fb2is { position: absolute; left: -20px; bottom: 8px;  height: 1em; width: 1em; }
.djvuis { position: absolute; left: -40px; bottom: 8px;  height: 1em; width: 1em; }

.mag_cov_wrap {max-width: 1000px; margin: auto; padding: 40px 0 0;}

.mag_bigcover {
 width: 85%;
    margin: auto;
       background: linear-gradient(89.63deg, #E6E6E8 81.36%, rgba(235, 235, 236, 0.805728) 91.84%, rgba(255, 255, 255, 0) 98.69%);
   
border-radius: 5px;
border-radius: 5px;
border-radius: 5px;
    margin:  auto;
    position: relative;
    padding-bottom: 50px;
}
.mag_bigcover h2 {font-family: 'Russo One';
font-weight: normal;
font-size: 1.2em;
    padding: 20px 0 5px 20px;
    text-align: center;
}
.mag_bigcover h3 { font-weight: 500; font-size: 0.9em; text-align: center; padding: 0 10px; color: #5A4061; }

.mag_bigcover img {margin-left: -9%;  box-shadow: 40px 30px 30px #14071880; display: block; max-width: 100%;}
img.mag_single {margin-left: 8%;}

.mag_content {display: flex; flex-direction: column; align-items: center; margin-bottom: 20px;}
.mag_content h4 {padding-bottom: 20px; font-size: 1.2em; }


blockquote {width: 50%; float: right; padding-bottom: 20px;}
blockquote span {font-size: 0.9em; font-style: oblique; }
.mag_text h5 {text-align: center; font-size: 1.3em; letter-spacing: 0.1em;}

.mag_text img {display: block;  margin: auto; padding-bottom: 20px; max-width: 80%;}
.mag_text p {text-indent: 25px; margin-bottom: 10px;}
.fb2 { background-image: 
  url('../img/tl/meta/paper1.jpg'), 
  url('../img/tl/meta/paper2.jpg'),
  url('../img/tl/meta/paper0.jpg'); 
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: left top, left bottom, left top;
    background-size: 100%; }


/*ALLPUBL*/
.allpubl_alfa {display: flex; justify-content: center; flex-wrap: wrap;}
.allpubl_alfa a {padding: 0 5px; color: #5A4061; display: block;}
.allpubl a:hover {color: #0091E2;}
.allpubl_list {display: flex; justify-content: space-between; padding-top: 20px;}
.allpubl td:nth-child(even) {text-align: right;}
.allpubl table {width: 100%; padding: 0 30px;  }
.allpubl th {text-align: left;}

.allpubl td {border-bottom: 1px dotted #888; padding: 7px 0 2px;}
.allpubl th {padding-top: 10px;}
.allpubl_letter {font-family: 'Russo One'; font-size: 1.6em; color: #76557F; padding-left: 10px; padding-top: 8px;}

/*PUBL*/
.publ_logo {display: block; margin: auto; width: 30%; margin-top: -40px; }
.publ h1 {text-align: center; padding: 20px 0; font-family: 'Russo one'; font-size: 1.2em; font-variant: small-caps; font-weight: normal;}
a.publ_year {border-top: 2px solid #033450; line-height: 2.5em;}
.publ a:hover {text-decoration: underline;}
.publ_flex {display: flex; justify-content: flex-start; border-bottom: 1px solid #888; padding: 20px 20px 20px 0;}
.publ_flex:nth-child(even) {padding-left: 60px;}
.publ h2 {padding: 0 0 20px 40px;  font-size: 1.4em; font-family: 'Russo one'; font-weight: normal;}
.publ p {padding-left: 40px; margin-bottom: 5px; }
.publ_flex img {height: 200px;}
.cat_extra {text-align: center; color: #444; padding: 0 0 20px; margin-top: -20px;}

/*NEWS*/
.news p {border-bottom: 1px dotted #888; margin-bottom: 0px; line-height: 2em;}
.news b {color: #5A4061; font-size: 1.2em;}
.news a:hover {text-decoration: none; color: #0091E2;}

/*WANTED*/
.wanted p {line-height: 1.5em; padding: 0 20px; }
.wanted b {font-size: 1.2em;}

/*MISS*/
.p404 {text-align: center; font-family: 'Russo One'; font-size: 2.5em; padding-bottom: 20px;}
.miss_page {font-size: 16em; color: #5A4061; padding: 10px 0 30px;}
.miss_page:hover {transform: rotate3d(1, 1, 1, 360deg); transition: 3s; cursor: crosshair; }

.index, .about {padding-top: 10px;}

/*MEDIA*/
@media (max-width: 1200px) {
    .background {width: 100%; height: auto;}
    .header {width: 70%;}
    .header_cite_wrap {width: 80%;}
    .header cite {width: 98%;}
   
}

@media (max-width: 980px) {
        .header {width: 80%;}
    .header_cite_wrap  {width: 80%; padding: 0; margin-bottom: 5px;}
     .header_cite_wrap {width: 80%;}
    header cite {font-size: 1em;}
    .publ_logo {margin-top: 0;}
 
}



@media (max-width: 640px) {
   
    .nav_left {float: none;}
    .nav_right  {float: none; }
    nav {padding: 0 5px 20px 5px;}
        .header  {width: 95%;}
    .header_cite_wrap  {width: 95%; padding: 0; margin-bottom: 5px;}
       .header_cite_wrap img {width: 1.5em;}
    .mag_wrap img {width: 150px; margin-right: 20px;}
    .mag_bigcover h2 {font-size: 1em; padding: 10px 0; }
        .mag_bigcover img {padding-left: -10%; }
    img.mag_single {margin-left: 5%;}
    .mag_cov_wrap {padding: 20px 0 0;}
    .content {margin-top: 20px;}
    .catalog ul {padding: 10px 0 10px 30px;} 
        blockquote {width: 70%;}
    .publ h1 {letter-spacing: -0.05em; font-size: 1em;  padding: 20px 0;}
    .publ p {padding-left: 20px;}
    .publ h2 {padding: 0 0 10px 20px; font-size: 1em;}
    .publ_flex:nth-child(even) {padding-left: 0px;}
    
    .book__dl { padding: 10px; }
 .book__dl__info { max-width: 100%; }
 .book__dl__link { margin: 0px 5px 10px 5px; font-size: 0.9em; }
 .book__dl__link:hover { transform: none; }
 .book__dl__ili { display: none; }
 .book__dl__disabled { display: none; }
    .publ_flex {padding-right: 0;}
    .index p, .wanted p {padding: 0;}
   
    .p404 {font-size: 1.5em;}
     .miss_page {font-size: 8em; padding: 0 0 20px;}
}

@media (max-width: 480px) {
    .catalog_wrap div {width: 100%;}
    .catalog ul img {display: none;}
    .catalog h2 {font-size: 1em; padding-left: 0; text-align: center;}
    .catalog ul {padding: 10px 0 10px 0px;}
    footer {flex-direction: column; align-items: center; text-align: center;}
    .allpubl_list {flex-direction: column; }
    .allpubl table {padding: 0;}
    .allpubl td:nth-child(odd) {padding-right: 5px;}
    header cite {font-size: 0.9em;}
    .mag_wrap {flex-direction: column; align-items: center;}
    .mag_wrap img {padding-bottom: 20px; width: 200px; margin-right: 0;}
    
}

a.miss { color: #666; }
span.miss { color: #666; }

/* TOC */
span.toco { cursor: pointer;}
.toc b.miss { color: #666; 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;}

#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) {
 #tic { width: 30px; height: 30px; bottom: 0px; left: 0px; }
 #sn { padding: 20px 10px 30px 10px; bottom: 0px; left: 0px; }
}
@media (max-width: 480px) {
 #tic { width: 25px; height: 25px; bottom: 0; left: 0; }
 #sn { padding: 5px; bottom: 0px; left: 0px; }
}

/* FB2 CONVERSION */
.fb2 { padding: 20px; margin: auto; max-width: 980px; margin-top: 40px;.}
.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.2em; color: #000;  font-weight: bold; text-indent: 0px; }
.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; }
.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; text-indent: 0px; }
div.p .a { margin-top: -5px; padding-left: 60px; }
div.c .a { padding-bottom: 10px;}
.t { xpadding: 10px 10px 5px 10px; }
.t p { line-height: 110%; text-align: center; text-indent: 0px; font-variant: small-caps; }
.t0 { margin: 0px; padding: 0px;  border: 0px; box-shadow: none; font-size: 1.1em; color: #000; font-size: 1.3em;
    font-weight: normal;
    font-family: 'Russo One';
    font-variant: small-caps;
   text-align: center;
    padding: 20px 0;}

.t1 { margin: 30px 10px 5px 10px; font-variant: none; font-size: 1.5em; text-align: center; text-transform: uppercase; font-weight: normal; letter-spacing: 0.1em; font-family: 'Russo One';}



.t2 { margin: 10px 20px 20px 20px; font-size: 1.3em; text-transform: uppercase; font-weight: bold; }
.t3 { margin: 20px 30px 5px 30px; font-size: 1.4em; }
.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: 10px 0px 15px 0px; margin: auto;}
img.i { max-width: 90%;}
p.i { text-align: center; text-indent: 0px; font-size: 0.9em; margin-top: -10px; }
.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;}

@media (max-width: 820px) {
 .fb2 { padding: 10px;}
 .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;  }
 .t2 { font-size: 1.0em; }
}

.p404 { }