/*
------------------
Стиль версии Touch
------------------
*/
.load_ajax {

height: 160px;
width: 160px;
position: fixed;
z-index: 1000;
left: 46.5%;
top: 50%;
transform: translateX(-50%);
text-align: center;
border-radius: 100%;
color: #136251;
}

.aut {
  
  font-size: 12px;
  text-decoration: underline;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-top: 30px;
  
}

.panel-bottom-optimize {
  
  background-color: #fff;
  box-shadow: 0px 0px 8px 0px rgba(158,160,183,0.32);
  position: fixed;
  bottom: 0;
  width: 100vw;
  max-width: 650px;
  align-items: center;
  justify-content: center;
  display: flex;
  z-index: 100;
  
}

.panel-bottom-optimize2 {
  
  height: 90px;

}

@media screen and (max-height: 400px) {
  
  .panel-bottom-optimize {
    
    display: none;
    
  }
  
}
.panel-bottom {
  
  display: inline-block;
  width: 20%;
  box-sizing: border-box;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color: #136251;
  font-size: 10px;
  overflow: hidden;
  position: relative;
  
}

.panel-bottom:hover{

  color: #136251;
  
}

.panel-bottom > span {

  top: -8px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  z-index: 1;
  
}

.panel-bottom > b {

  top: 17px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  
}

.panel-bottom-gs {
  
  display: inline-block;
  width: 30%;
  box-sizing: border-box;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color: #136251;
  font-size: 11px;
  overflow: hidden;
  position: relative;
  
}

.panel-bottom-gs:hover{

  color: #136251;
  
}

.panel-bottom-gs > span {

  top: -8px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  
}

.panel-bottom-gs > b {

  top: 16px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  
}

.panel-bottom-aut {
  
  display: inline-block;
  width: 40%;
  box-sizing: border-box;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color: #136251;
  position: relative;
  font-weight: bold;
  font-size: 11px;
  
}

.panel-bottom-aut > b {

  top: 16px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  
}

.panel-bottom-aut > span {
  
  width: 52px;
  display: inline-block;
  height: 52px;
  line-height: 50px;
  border-radius: 100%;
  background-color: #136251;
  border: 4px #ffffff solid;
  text-align: center;
  top: -30px;
  left: 50%;
  position: absolute;
  color: #fff;
  transform: translateX(-50%);
  box-shadow: 0 0 0 0 #136251;
  animation: pulses 1.0s infinite cubic-bezier(0.6, 0, 0, 1);
  
}

@keyframes pulses {  
    
  to {
    
    box-shadow: 0px 0px 1px 10px #1CA78A;
  
  }
}
@keyframes pulser {  
    
  to {
    
    box-shadow: 0px 0px 1px 5px red;
  
  }
}


body{background:rgb(211,212,223); background-repeat:no-repeat; background-position:top; color:#0C382F; font-weight:normal; font-size:16px;
font-family: 'Fira Sans', sans-serif; font-stretch:ultra-expanded; width: 560px; max-width:100%; margin:auto;}
a:active, a:hover{color:rgb(18,77,65); text-decoration:underline;}
a:link, a:visited{color:rgb(18,77,65); text-decoration:none;}
img{vertical-align:top; border-style:none;}
form{margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align: baseline;}
hr{border-top:1px solid #0C382F; border-width:1px 0px 0px; margin:2px;}

.body{background:#F5F5F5; padding-left:10px; padding-right:10px; font-weight:normal; margin:0px; max-width:560px;}

.h{text-align:center; bottom:0; top:0; z-index:1; position:fixed; width:100%; max-width:560px;}
.h1{background:#9922B6; width:35px;} a.h1{padding:8px; display:block;}
.h2{background:#156F5C;} a.h2{font-family:Calibri,Arial,Helvetica,sans-serif; font-weight:bold; color:#fff; font-size:26px; padding:8px; display:block;}
.h3{background:#9922B6; width:35px;} a.h3{padding:8px; display:block;}
.f{background:#0C382E; color:#fff; padding:8px; border-radius:0px 0px 8px 8px;}

.t{ -webkit-box-shadow:0px 3px 5px rgba(21,115,95); -moz-box-shadow:0px 3px 5px rgba(21,115,95);
box-shadow:0px 3px 5px rgba(21,115,95);}
.t1{-webkit-box-shadow:2px 1px 10px rgba(45,73,161,0.3); -moz-box-shadow:2px 1px 10px rgba(45,73,161,0.3);
box-shadow:2px 1px 10px rgba(45,73,161,0.3); position:relative;}

.b,.phdr{background:#9922B6; color:#fff; padding:11px; margin:8px 0 0; border-radius:8px 8px 0px 0px;
font-weight:bold; display:block; position:relative;} .b a,.phdr a,a.b{color:#fff;}
.s,.menu,.gmenu,.list1,.list2{background:#D7A5E4; color:#0C382F; border-bottom:1px solid #eee; padding:9px; 
padding-left:9px; word-wrap:break-word; display:block; overflow:hidden;}

.m{margin-bottom:10px; -webkit-box-shadow:0px 3px 5px rgba(93,109,157,0.3); -moz-box-shadow:0px 3px 5px rgba(93,109,157,0.3);
box-shadow:0px 3px 5px rgba(93,109,157,0.3);}
.m1{background:#fff; color:#0C382F; border-bottom:1px solid #eae8e8; border-top:1px solid #eae8e8;
display:block; padding:15px; position:relative;}
.m2{line-height:1.50; font-size:18px;}

.s1{font-weight:bold; text-align:center; margin:8px 0 0; width:100%;}
a.sa1{background:#9922B6; color:#fff; display:block; padding:9px;} .sb1{background:#E37650; color:#fff; display:block; padding:9px;}
.sb{border-radius:8px 8px 0px 0px; border-top-right-radius:0px; border-bottom-right-radius:0px;}
.so{border-radius:8px 8px 0px 0px; border-bottom-left-radius:0px; border-top-left-radius:0px;}
.s2{background:#fff; font-weight:bold; text-align:center; border-bottom:1px solid #eee;} .sb2,.sa2{display:block; padding:9px;}
.td{width:1%; border-right:1px solid #eee;} .tds{width:1%;}

.navi{padding:3px; text-align:center;} .go{padding-top:6px; padding-bottom:2px;}
.pages,.currentpage{background:#E37650; color:#fff; border-radius:2px; padding:3px 8px; font-weight:bold;
margin-top:2px; margin-left:1px; margin-right:1px; display:inline-block;}
a.page,a.pagenav{background:#0C382E; color:#fff; padding:3px 8px; border-radius:2px; text-decoration:none; font-weight:bold;
margin-left:1px; margin-right:1px; margin-top:2px; display:inline-block;}

a.s:hover,a.sa2:hover{background: rgb(245, 247, 247); text-decoration: none;}
a.sa1:hover,a.page:hover,a.pagenav{font-weight:bold; background:rgba(0,0,0,0.4);}

.n{padding-left:4px; padding-right:4px; color:gray; font-size:14px;} .cat{padding-left:4px; font-size:14px;}
.tag{color:#0B332A; border:1px solid #0C382E; padding:2px 5px; margin:2px; border-radius:3px; text-align:center; display:inline-block;}
.top{background:#0C382E; color:#fff; border:1px solid #0C382E; float:right; padding:1px 2px 0px 2px; margin:0px; 
border-radius:3px; font-size:small; text-align:center; display:inline-block;}
img.ico{vertical-align:middle; border-style:none; width:16px; height:16px; padding-bottom:3px; padding-right:2px;}
.ong,ong{float:left;} .chap,chap{float:right;} .orta,orta{text-align:center;} .small{font-size:small;} .qalin{font-weight:bold;}
.oq,oq{color:white;} .red,red{color:red;} .kok{color:rgb(76,107,143);}

.in{background:#fff; border:1px solid #0C382E; padding:8px; margin:2px; border-radius:3px; width:95%; max-width:560px;}
.sub{background:#0C382E; color:#fff; border:1px solid #0C382E; padding:8px; margin:2px; border-radius:3px;
display:inline-block; font-weight: bold; text-align:center;}
.in1{border:1px solid rgb(97,130,170); width:50%; margin:0px; margin-left:0px; margin-right:0px; border-bottom-right-radius:0px; border-top-right-radius:0px;}
.sub1{border:1px solid rgb(97,130,170); margin:0px; margin-left:0px; margin-right:0px; border-top-left-radius:0px;
border-bottom-left-radius:0px;}
.in2 {width:40px; padding:6px; border:1px solid rgb(97,130,170); margin:0px; border-bottom-right-radius:0px; border-top-right-radius:0px;}
.sub2{padding:6px; border:1px solid rgb(97,130,170); margin:0px; border-top-left-radius:0px; border-bottom-left-radius:0px;}
.in3{width:60%;}
.sub3{padding:9px;}
a.sub{color:#fff; border:0px none; padding:6px; width:80%; display:block;}
/* SHORT STORY
----------------------------------------------- */
.yosh {padding: 10px; border-radius: 4px;}
.yosh:nth-child(2n+1) {background-color: #f9f9f9;}
.yosh-title {opacity: 0.5; font-size: 15px;}
.yosh-play-icon, .yosh-clip-icon {width: 40px; height: 40px; border-radius: 50%; font-size: 14px; 
	display: flex; justify-content: center; align-items: center; padding-left: 3px; 
	background-color: #00ccb2; color: #fff; margin-right: 10px; box-shadow: 0 3px 6px rgba(0,0,0,0.1);}
.yosh-clip-icon {background-color: #e74c3c; font-size: 16px; color: #fff;}
.yosh-load-icon {margin-left: 10px; color: #ccc; font-size: 18px;}
.rz2 {
    
    text-shadow: 0 1px 0 #fff;
    color: #888888;
   font-size: 12px;
    text-align: left;
    background: #F4F4F4 url(/images/rz.png) no-repeat top left;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #fff;
    padding: 20px 17px 25px 17px;
	

}
.st {
background: url(/images/bb.png)  #f4f4f4;
    border-bottom: 1px solid #e0e0e0;
    border-top: 2px solid #ececec;
    padding: 10px;
}
.inf {
text-align: left;
    margin: 10px 0px 10px 0px;
text-shadow: 0 1px 0 #fff;
color: #8c8b8b;
font-size: 11px;
background:url(/images/infa.png)no-repeat bottom right #fff ;
border-bottom: 2px solid #ececec;
padding: 9px 9px 20px 9px;
border-radius : 3px;
}