body { margin:0; }
@media all and (max-width: 1024px) { body { display: table-cell; } }

.block_info { display:flex; flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start; column-gap: 30px;
 }
#cont { display:flex; flex-flow: column nowrap; align-content: flex-start; justify-content:space-between; margin:0; padding:0; font-family: Arial; font-size: 12px; min-width:600px;}
label, a { cursor: pointer; }

#home_link { font-size: 16px; padding: 5px 15px 7px 50px; color: #FFF;  text-decoration: none; text-align:left; z-index:1;
display:flex; flex-flow: row wrap;
justify-content: space-between;
}
#home_link a { color: #FFF; text-decoration: none; }
#home_link a:hover{ color: #FFFF53; }
#home_link img { position: absolute; top:0; left:10px;}
.home_right { /*float:right;*/    display: flex;
    flex-flow: row wrap; font-size: 16px; margin: 2px 0 0 0; }
.home_right a { margin: 0 1em 0 0;}

#format_div { display: none; }
.table_light { border-collapse: collapse; float:left; margin-right:30px;}
.table_light td {padding: 3px 5px; border:1px solid gray; }

h1 { font-size: 20px; padding:0.2em 0;margin: 0.3em 0 0.5em 0; color: #FFFF00; font-weight:lighter; text-align:center;}
h2 { margin: 10px 0 10px 0; padding: 3px 25px 3px 25px; font-size: 14px; color: #FFF; text-transform: uppercase; border-radius: 5px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to bottom, #008000, #005200); }

#rec_top { flex-basis: 100%; display:flex; flex-flow: row wrap;  box-sizing: border-box; }

#help_translate { color: #FFF; }
#help_translate a { color: #FFF; }
#rec0 {margin: 5px 5px; }
#rec1, #rec2 {margin: 7px 7px; line-height:0.5; }
#rec1 { width:1800px; height:105px; flex-basis: 95%; }

@media(max-width: 1400px) { #rec1 { width: 1300px; }  }
@media(max-width: 1200px) { #rec1 { width: 1100px; }  }
@media(max-width: 1000px) { #rec1 { width: 950px; }  }
@media(max-width: 800px) { #rec1 { width: 750px; }  }
@media(max-width: 395px) { #rec1 { width: 380px; }  }

/*  width: 49%;*/
/*#rec1, #rec2 {width: 750px;height:100px; max-height:190px;}*/
/*@media(max-width: 1400px) { #rec1, #rec2 { width: 600px; }  }
@media(max-width: 1200px) { #rec1, #rec2 { width: 500px; }  }*/
/*@media(max-width: 1000px) { #rec1, #rec2 { width: 450px; }  }
@media(max-width: 800px) { #rec1, #rec2 { width: 400px; }  }
@media(max-width: 600px) { #rec1, #rec2 { width: 300px; }  }
@media(max-width: 395px) { #rec1, #rec2 { width: 300px; }  }*/
/*#rec2 img, #rec1 img, #rec0 img { margin:0; display: block;}*/


#top_menu { min-height:34px; font-size: 16px; text-align:center; position:relative; z-index:1000; }
#top_menu a { color: #FFF; cursor: pointer;  display:inline-block; padding:0.5em; text-decoration: none;}
#top_menu a:hover { color: #FFFF53; background-image: linear-gradient(to bottom, #005200, #008000);}
#home_link,h1,#top_menu { background: #008000; background-image: linear-gradient(to bottom, #008000, #005200); }

#left input[type="text"],#left select { font-family: Arial, Verdana; font-size: 14px; color: green;
font-weight: inherit; border: 1px solid #008000; padding: 2px 3px; margin-bottom: 5px;}
#left input[type="text"] { width:60px;  }
#form_credit input[type="text"] {width:100px;}

#grand { display: flex; flex-flow: row nowrap; align-content: flex-start; padding: 5px; box-sizing: border-box;}
#left, #center, #right,footer,#autor,#info  { padding: 5px;  box-sizing: border-box; border:2px solid #008000; border-radius:5px; background:#FFF;}
#home_link,h1,#top_menu,footer,#autor,#info { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); position: relative;}
#left, #center, #right { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); box-sizing: border-box;}
#left {  flex-basis: 300px; text-align: right; font-size: 14px; min-width:300px;}
#center { flex-basis: 740px; flex-grow: 1; margin: 0 5px; min-width:740px;}
.frame1 { width:100%; height:450px;  margin:0 0 10px 0; border: 2px solid green;  box-sizing: border-box; resize: vertical; }
.fullscr { position: fixed; top:0; width:96%; left: 2%; height:100%; z-index:10000; border-radius:5px; border: 2px solid green; box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.7); box-sizing: border-box;}
#center strong { color: red; }
#left b { color: red; }
#right { flex-basis: 200px; }


.play_ru { height:58px; background-image:url('/image/am2.jpg');
background-repeat:no-repeat;
background-position: 0 -5px;
padding: 6px 15px 0 65px; box-sizing: border-box; font-size:18px; min-width:220px;}

.link_market {
min-width: 265px;
height: 88px;
margin-left: 10px;
display: inline-block;
position: relative;
text-decoration: none;
color: #ABC15C;
color: #008000;
border: 1px solid #666666;
border-radius: 10px;
}
.play {
height: 88px;
background: #EBFFEB;
border-radius: 10px;
padding: 45px 10px 0 10px;
box-sizing: border-box;
font-size: 18px;
margin-left: 0px;
min-width: 220px;
}
.g_play {position:absolute;height: 88px; width: 185px;background-image: url(/image/play_prism_hlock_2x.png);background-size: 170px;background-position: 10px 5px;background-repeat: no-repeat;
animation: 5s ease forwards infinite ani1;}
@keyframes ani1 { 20% {  transform: translateX(70px); opacity:0.05;}    40% {}    40% { transform: translateX(0px); }}
@keyframes ani2 {    10% {   opacity:0.05;}    40% {}    50% { }}
.stars {font-size: 12px;color: red;position: absolute;right: 5px;bottom: 2px; animation: ani2 3s ease 1s forwards infinite;}
.stars span {font-size: 14px;margin-right: -0.3em;}

#m2 div { margin-bottom: 10px; }

.submit { font-family:Arial; font-size: 24px;
margin-top: 15px; margin-bottom: 5px; background:#008000; cursor:pointer;
padding:5px 20px; border-radius:5px; border:0; background-image: linear-gradient(to bottom, #00A300, #006600);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); color: #FFFFFF;
text-shadow: 0px 0px 18px rgba(255, 255, 255, 0.5);}
.submit:hover { color: #FFFFFF;  background-image: linear-gradient(to bottom, #006600, #00A300); }


.submit2 { font-family:Arial; font-size: 18px;
/*margin-top: 5px; margin-bottom: 5px;*/ cursor:pointer;
padding:5px 20px; border-radius:5px; border:0; background-image: linear-gradient(to bottom, #00A300, #006600);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); color: #FFFFFF;
text-shadow: 0px 0px 18px rgba(255, 255, 255, 0.5);}
.submit2:hover { color: #FFFFFF;  background-image: linear-gradient(to bottom, #006600, #00A300); }


footer { margin:0 2px; }

#fon_menu { position:fixed; top:0; background: #FFFFFF; opacity:0.5; width: 100%; height: 100%; z-index: 10002; overflow: none;}
.fon_mhide {  top:0; left:-100%;}
.fon_mvisible {  top:0; left:0; }


#dop_menu { position:absolute; left:0; top:142px; background: #FFF000; z-index: 10002;}
.mhide { position: absolute; top:0; left:0px;
transition: height 0.9s ease-in-out, left 0.3s ease-in-out, opacity 0.6s linear; height:100%; overflow: auto;}
.mvisible { position: absolute; top:0; left:100%;
border:1px solid #008000; box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.7); background: #FFF;
transition: height 0.1s ease-in-out, left 0.5s ease-in-out, opacity 0.8s linear; height: 100%;
overflow: auto; min-width:100%;}

#info { line-height:1.5; padding:5px; margin: 5px; font-size:14px; white-space: pre-wrap; }
#info h2 { background: none; color: #008000; padding: 0; box-shadow: none;}

#autor2 {  line-height:1.5; padding:0px; margin-top: 50px; font-size:14px; color:green;text-align: left;
display: flex;
    justify-content: flex-start; gap:50px;
}
/*#autor2 div { border:1px solid red;}*/

.ico { width:24px; margin:5px 5px 0 5px; }
#aut_img { margin:5px 5px 10px 5px; float:left;}
#autor2 a { color: #0000FF; }
#ym { /*margin-top:50px;*/ font-size:16px; }



#autor { line-height:1.5; padding:5px; margin: 5px; font-size:14px; white-space: nowrap; color:green;
display: flex;    flex-wrap: wrap;    justify-content: flex-start;
}
#autor img { margin:5px 5px 20px 20px; float:left;}
#autor a { color: #0000FF; }

#autor .lfb {background: url('/image/icons.png'); background-position: left -67px; background-repeat: no-repeat;  padding: 2px 0 1px 20px; line-height:2.2; margin:0 5px 0 0;}
#autor .lvk {background: url('/image/icons.png'); background-position: 0px left; background-repeat: no-repeat; padding: 2px 0 0px 20px;  }

#privacy { font-size:14px; margin:0 0 5px 15px; }

#post_count { display: inline-block; float:right; margin: 0 10px 0 10px;}
#total_count { color: green; display: inline-block; margin: 20px 0 20px 0;}

#upper { position:fixed; right:10px; bottom:10px; display:none; color:#008000; font-size:30px;}
.recomend { width: 700px; margin-top: 10px; }

::selection { background: #009933; color: #fff; }
/********************/

#zhitov_div {margin: 5px 0 25px 0;}
#zhitov_div a:hover { color:#0000FF;}
#zhitov_div h2 {font-family: Arial; background: green; font-size: 20px;  padding: 3px 0px 3px 0px; margin: 4px 0px 4px 0px;  color: #FFFF53; text-align: center;}
#zhitov_div h3 {color:green; margin: 30px 0 5px 0;}
.zhitov_inline {display: inline-block; font-size: 12px;
max-width:104px; height:104px; margin-right:4px; margin-bottom:4px;
cursor:pointer;
outline: none;
text-decoration: none;
position: relative;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
border: 1px solid green;
 line-height: 1.3em;
border-radius: 5px;
}
.zhitov_inline:hover {box-shadow: 4px 4px 8px rgba(90, 90, 90, 0.7);}
.zhitov_inline img { margin: 0px; border-radius: 5px; border:0;}

.zhitov_inline span {
padding: 5px;
border: 1px solid green;
border-radius: 5px;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);

position: absolute; left: 0px; bottom: 100px;
min-width: 100px;
max-width: 100px;
opacity: 0.95;
}
.d3:before { color:#008000; font-size:22px; position: absolute; left: 5px; bottom: 7px; opacity:0.7;
font-family: "fontello";content: '\e825';}

.new:after {content:"NEW"; padding:2px; color:red; font-size:12px; font-weight:bolder;  position: absolute; right: -5px; top: -3px; background-color:#FFFF99; border:1px solid red;
border-radius: 5px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}

#center .center_info { padding: 0 15px; line-height:1.4; font-size: 16px;}
.flex_info { display: flex;}

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

.zhitov_copy a { color:#FFF; }
.zhitov_copy {
 background: green; color:#FFF;
font-size: 12px; margin: 5px 0px 5px 0px; padding: 5px 10px 5px 10px;
text-align:right;}
.zhitov_copy img {margin: -3px 5px -3px 5px; }
.zhitov_anons { padding: 0 0 0 0px;}
.zhitov_copy {
border-radius: 3px 3px;5;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}

/***********/
#menu { font-size:16px;  line-height: 1.8;text-align:left; background:#FFFF00; box-sizing: border-box;}
#menu a, #language a, #language a:visited{ text-decoration:none; color: #000; white-space: nowrap; z-index:20;}
#menu a:hover, #language a:hover {  color:#008000; }
#menu, #menu b { color:#FFF; }

#menu img {  margin:0px 5px -5px -15px; float: left;}
#menu a { display:block; margin:2px; position:relative; padding:3px 70px 3px 20px; border:1px solid gray;  background:#FFF; }
#menu a:hover {  border:1px solid gray;  background:#008000; color:#FFF; transition: color 0.5s ease, background 0.8s ease;}

#menu a span{ position:absolute; bottom:1px; left:5px; font-size:10px;}

#menu a.active { color: #BB7D3E;  background:#009933; color:#FFF;  }
#menu a.m3:before { color:#FF0000; font-size:16px; position: absolute; right:5px; top: 5px; opacity:0.9;
font-family: "fontello";content: '\e825 3D';}

#language { font-size:12px; box-sizing: border-box;}
#language a{ margin:5px; }

#help, #setting { padding:10px 30px 20px 20px; font-size:16px; line-height:1.6; font-family: Arial, monospace; text-align: left;}
#help span, #setting span { font-size:16px; color:#008000;}
#setting { padding:10px 30px 20px 20px; }


#lock {padding:3.5em 1em;box-sizing: border-box; font-size:16px; line-height:1.8; }
#bookmark {  font-size:14px;  background-color:#FFF; padding:3.5em 1em; box-sizing: border-box;}
#bookmark .link { }
#bookmark .graylink { color:gray; text-decoration:none;}
#bookmark .graylink:hover { color:#000; }


#bookmark span { color:green; font-size:16px; }

#bookmark .item {  margin:0.3em 0; padding: 5px 5px 5px 2px; border:1px solid green; min-width: 220px; }
#bookmark .item img { width:48px; margin-right:5px; float:left; border:1px solid gray;}
#bookmark .item:hover { background: #FFFFBD;}

#bookmark .del { float:left;color:red; padding:0 0.2em 0 0; font-size:16px;}
#bookmark .del:hover { color:#CC0033; }

.close {  position:absolute; top:10px; right:10px; cursor:pointer; color:red; font-size:16px;}

#save_block { font-size:1.6em; display:inline-block; padding:0.1em 0.3em; margin:0 0 10px 0; text-align: center; border:1px solid green; border-radius:5px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
#save_block.registered { background: #FFFF70;  }
#save_block.unregistered { background: #FFF;  }
#save_block span{ font-size:0.8em;  }

#save_block.registered a{ color:#008000;  }
#save_block.registered a:hover{  color:#0099CC; }
#save_block.unregistered a{ color:#999999;  }
#save_block.unregistered a:hover{  color:#0099CC; }

#zh_mail { position:absolute; left:60px; top:185px; background: #FFF; font-size:16px; padding:40px 10px 10px 10px; display:block;border:1px solid green; border-radius:5px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); opacity:0.95; white-space: pre-line; min-width:310px; }
#zh_mail input[type="text"] { font-size:16px; width:200px; }
#zh_mail input[type="submit"] { font-size:16px;  }
#zh_saved_books { position:absolute; right:20px; top:10px; font-size:12px;  }
#animate-spin { font-size:48px; color:green; }

#saved_ok { position:fixed; left:200px; top:10px; font-size:18px; color:green; opacity:0.8; }
#saved_message { position:absolute; left:20px; top:10px; font-size:14px; color:green; opacity:0.8;  }

.tab_cupe {border-collapse:collapse;  margin-top: 5px; border:1px solid green; float:right; }
#tr_p { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 2px; padding:2px;}
.tab_cupe td{font-weight:normal; padding:5px; border:1px solid gray; vertical-align:top; text-align:right;
padding: 2px;
display: block;
}
#left .tab_cupe input[type="text"]{color:green; width:35px; margin-right: 2px; }


/* 1170 */

@media all and (max-width: 10px) {
#home_link {  }
#home_right { float:none; font-size: 0.8em;}
}