/* CSS Document */


* {

padding : 0;
border : 0;
}
a {
text-decoration: none;
color : #dedede;
}
body {

padding : 0;
background : url(/pictures/xfon.jpg.pagespeed.ic._-i3HGXkyf.jpg);
background-repeat : no-repeat;
background-attachment : fixed;
background-position : center;
background-color : #000;
background-size : cover;
color : #fff;
font-family : Calibri, Times new roman, Verdana, Helvetica, sans-serif;
}
#container {
width : 80%;
margin : auto;
}
#header1 {
width : 100%;
margin-left: 0;
}
#header1 img {
width : 100%;
height : auto;
}
#nav {
background-color : #151c22;
width : 19%;
float : left;
text-align : right;
margin-right : 3px;
font-size: 80%;
}
#nav a {
color : #ccc;
}
#nav a:hover {
color : #36c;
}
#txt {
color : #999;
}
#text {
width : 61%;
height : 100%;
background-color : #151c22;
border : #3f5465 solid 1px;
color : #c9c9c9;
margin: auto;
text-shadow : 2px 2px 2px #000;
}
#text ul {
list-style-type : none;
margin : 0 auto;
text-align : center;
padding : 5px;
}
#text p {
color : #fff;
}
#text a {
font-weight: 700;
position : relative;
color : #ffffff;
}
#text a:hover {
text-decoration: underline;
color : #36c;
}
#text a img {
width : 100%;
}
.cover {
margin : 0 auto;
}
.dlc {
width : 100%;
object-fit : cover;
}
.news {
width : 100%;
margin : 0 0 0;
vertical-align : top;
}
.newspic {
float : left;
}
.news_h {
text-align : center;
font-weight : bold;
}
.news_o {
text-align : center;
font-weight : bold;
border : #151c22 solid 1px;
background-color : #3f5465;
}
.news_table {
width : 76%;
padding : 15px;
text-align : left;
background-color : #1c2730;
}
#spoil {
text-align : center;
width : 90%;
}
#add {
background-color : #151c22;
float : right;
text-align : right;
margin-left : 3px;
width : 19%;
font-size: 80%;
}
#add a:hover {
color : #36c;
}
.articles {
width : 90%;
margin : 0 auto;
border : #ccc solid 3px;
padding : 15px;
text-align : left;
}
.aticles_h {
text-align : center;
font-weight : bold;
margin-top : 5px;
}
.aticles_l {
text-align : center;
font-weight : bold;
}
.article_title {
text-align : center;
font-weight : bold;
color : #069;
margin-top : 5px;
margin-bottom : 5px;
}
#slideshow {
text-align : center;
list-style-type : none;
margin : 0;
}
#slide {
margin-left : 20px;
padding-top : 10px;
text-align : left;
}
.addpic {
float : right;
margin : 10px 0 5px 0;
}
#sol {
width : 90%;
background-color : #151c22;
border : #3f5465 solid 1px;
color : #c9c9c9;
float : left;
margin : 0 auto 0;
}
#sol ul {
list-style-type : none;
margin : 0 15px 15px;
}
#sol p {
color : #fff;
}
#sol a {
color : #36c;
margin : 0 10px 0 0;
}
#sol a:hover {
color : #3f5465;
}
#table {
padding : 15px;
text-align : left;
}
#tablem {
margin : 0 auto;
text-align : left;
}
#table_bio {
text-align : center;
background : #151c22;
}
#title {
text-align : center;
font-family : "Comic Sans MS";
}
.splCont {
display : none;
border : #ccc solid 1px;
padding : 3px 5px;
}
.splConts {
width : 90%;
display : none;
border : #ccc solid 1px;
padding : 3px;
margin-left : 10%;
}
#copyright {
width : 100%;
background-color : #151c22;
border : #3f5465 solid 1px;
font-size : 80%;
color : #999;
float : left;
text-align : center;
margin-top : 5px;
padding-bottom : 10px;
}
#toTop {
width : 100px;
border : #3f5465 solid 1px;
background : #151c22;
text-align : center;
padding : 5px;
position : fixed;
bottom : 10px;
right : 10px;
cursor : pointer;
display : none;
color : #dedede;
font-family : verdana;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.main_menu_top {
display : block;
position : relative;
background-image : url(xbox_h3.png.pagespeed.ic.TqF1U9RKbM.png);
background-position : 0% 0%;
background-repeat : no-repeat;
height : 28px;
width : 100%;
padding-top : 10px;
font-family : Tahoma, Verdana, Arial, sans-serif;
font-weight : 700;
text-align : center;
}
.main_menu_bottom {
background-image : url(xmenu_arrow.gif.pagespeed.ic.Wm9I9g0YPZ.png);
background-position : 5% 0%;
background-repeat : no-repeat;
text-align : left;
width : 100%;
font-family : Tahoma, Verdana, Arial, sans-serif;
padding-left : 20px;
margin-left : 10px;
transform : perspective(1px) translateZ(0);
box-shadow : 0 0 1px transparent;
transition-duration : 0.3s;
transition-property : transform;
}
.main_menu_bottom:hover, .main_menu_bottom:focus, .main_menu_bottom:active {
transform : scale(1.1);
}
.menu_nowhere {
background-image : url(xmenu_arrow.gif.pagespeed.ic.Wm9I9g0YPZ.png);
background-position : 5% 0%;
background-repeat : no-repeat;
text-align : left;
color : #666;
width : 100%;
font-family : Tahoma, Verdana, Arial, sans-serif;
font-size : 12px;
padding-left : 20px;
margin-left : 10px;
}
.main_hr_bottom {
background-image : url(xbox_h4.png.pagespeed.ic.h2MBSjj5P-.png);
background-position : 0% 0%;
background-repeat : no-repeat;
height : 28px;
width : 100%;
}
.spoil {
text-align : center;
padding-left : 210px;
}
.com {
width : 95%;
padding : 5px;
background-color : #151c22;
border : #3f5465 solid 1px;
margin : 0 0 10px 8px;
font-size : 11px;
}
.date {
float : right;
max-width : 200px;
text-align : right;
font-size : 12px;
}
.comtext {
font-size : 12px;
}
.author {
float : left;
max-width : 350px;
font-size : 12px;
font-weight : bold;
}
.blank {
height : 9px;
clear : both;
}
.book {
text-align : center;
background-color : #4d5667;
border-top-left-radius : 0.5em;
border-top-right-radius : 0.5em;
}
.bio_name {
text-align : center;
background-color : #3f5465;
border-top-left-radius : 0.5em;
border-top-right-radius : 0.5em;
}
.bio_link {
text-align : center;
border-top-left-radius : 0.5em;
border-top-right-radius : 0.5em;
}
.table_b {
width : 90%;
border : #dedede solid 2px;
border-radius : 10px 10px 10px 10px;
margin : 0 auto;
}
.table_b2 {
width : 90%;
border : #dedede solid 2px;
border-radius : 10px 10px 10px 10px;
margin : 0 auto;
}
.table_d {
width : 250px;
border : #dedede solid 2px;
border-radius : 10px 10px 10px 10px;
margin : 5px 5px 5px 20px;
}
.table_achiv {
width : 90%;
text-align : center;
margin : 0 auto;
}
.table_bl {
width : 250px;
border : #dedede solid 2px;
border-radius : 10px 10px 10px 10px;
margin : 0 10px 0 0;
}
.comment {
width : 95%;
border : #3f5465 solid 2px;
margin : 0 0 10px 10px;
}
.table_c {
width : 100%;
border-collapse : collapse;
margin : 0 auto;
}
.table_n {
width : 90%;
margin-left: 15%;
}
.table_r {
width : 80%;
}
tr.rel_d {
text-align : justify;
font-weight : bold;
}
.main_o {
width : 90%;
text-align : center;
margin : 0 auto;
}
#achiv {
width : 150px;
border : #3f5465 solid 2px;
}
#achivd {
width : 200px;
border : #3f5465 solid 2px;
}
#achivg {
width : 50px;
border : #3f5465 solid 2px;
}
#img {
width : 50px;
border : #3f5465 solid 2px;
}
#imga {
width : 90px;
border : #3f5465 solid 2px;
}
#imgr {
width : 80px;
}
#articles {
width : 95%;
margin-left : 14px;
border : #dedede solid 3px;
}
#imgb {
width : 100px;
border : #dedede solid 2px;
}
#img_news {
width : 80%;
margin : 0 auto;
background-color : #1c2730;
}
news img {
width: 100%; 
margin : 0 auto;
}
#bookt {
width : 380px;
border : #dedede solid 2px;
padding : 10px;
text-align : left;
}
#bookd {
width : 500px;
border : #dedede solid 2px;
text-align : center;
font-weight : bold;
}
#dlc {
text-align : center;
}
#table2 {
width : 90%;
border : #3f5465 solid 2px;
margin : 0 auto;
}
#table3 {
width : 350px;
}
#table_p {
width : 500px;
}
#dlctxt {
text-align : center;
background : #151c22;
padding : 20px;
}
#dlcx {
width : 20%;
text-align : center;
}
#weap {
width : 170px;
text-align : left;
padding : 2px;
padding-left : 40px;
}
#weap2 {
width : 170px;
text-align : left;
padding : 2px;
padding-left : 20px;
}
.code {
float : left;
margin : 20px 25px 10px 80px;
}
.code2 {
float : left;
margin : 20px 25px 10px 60px;
}
.bio {
float : left;
margin : 20px 25px 10px 40px;
}
.bio2 {
float : left;
margin : 20px 25px 10px 20px;
}

div.container {
margin : auto;
width : 100%;
margin-bottom : 10px;
}
ul.tabNavigation {
list-style : none;
margin : 0 auto;
}
ul.tabNavigation li {
display : inline;
}
ul.tabNavigation li a {
margin : 0;
text-decoration : none;
}
ul.tabNavigation li a.selected, ul.tabNavigation li a.selected:hover {
background : url(/pictures/xbuton.png.pagespeed.ic.F-768aeS9P.png);
background-repeat : no-repeat;
background-size : 100% 100%;
}
ul.tabNavigation li a:hover {
color : #000;
}
ul.tabNavigation li a:focus {
outline : 0;
}
div.tabs div {
width : 100%;
margin-top : 2px;
}
div.tabs div h2 {
margin-top : 0;
}
.menug {
padding : 3px 4.5px;
text-align : center;
}
.menug:hover, .menug:focus, .menug:active, a.selected:hover {

padding : 3px 4.5px;
}
.page {
display : inline-block;
font-weight : bold;
margin : 0 auto;
padding : 3px 4.5px;
}
.menuo {
text-align : center;
display : inline-block;
padding : 3px 4.5px;
}
.menuo:hover, .menuo:focus, .menuo:active, a.selected:hover {

padding : 3px 4.5px;
}
.shots {
text-align : center;
margin : 5px;
}
.shots span {
display : inline-block;
font-size : 12px;
padding : 10px;
width : 236px;
position : absolute;
margin : auto;
top : 90%;
left : 0;
bottom : 0;
right : 0;
background : #000;
opacity : 0.70;
text-align : center;
color : #fff;
}
.arts {
text-align : center;
margin : 5px;
width : 90%;
}
img[over="0"] {
cursor : zoom-in;
}
img[tabindex="0"]:focus {
position : fixed;
z-index : 10;
top : 0;
left : 0;
bottom : 0;
right : 0;
width : auto;
max-width : 100%;
height : auto;
max-height : 100%;
margin : auto;
box-shadow : 0 0 200px #000, 0 0 0 1000px rgb(0, 0, 0, 0.3);
opacity : 1;
border : #1e1e1e solid 10px;
border-radius : 5px;
}
img[tabindex="0"]:not(:focus) {
cursor : zoom-in;
}
img[tabindex="0"]:focus {
cursor : zoom-out;
}
img[tabindex="0"]:focus, img[tabindex="0"]:focus ~ * {
cursor : zoom-out;
pointer-events : none;
}
.scr {
position : relative;
text-align : center;
width : 100%;
}
.scr_image {
margin : 0 auto;
width : 90%;
}
.scr span {
display : block;
font-size : 12px;
padding : 10px;
width : 97%;
position : absolute;
bottom : 0;
left : 0;
background : #000;
opacity : 0.70;
text-align : center;
color : #fff;
}
.scr_n {
position : relative;
margin : 0 auto;
text-align : center;
}
.scr_imagen {
width : 40%;
text-align : center;
}
.scr2 {
position : relative;
}
.scr_image2 {
padding-left : 60px;
}
.scr2 span {
display : block;
font-size : 12px;
padding : 10px;
width : 280px;
position : absolute;
bottom : 0;
left : 60px;
background : #000;
opacity : 0.70;
text-align : center;
color : #fff;
}
.scr4 {
position : relative;
margin-left : 130px;
}
.scr5 {
position : relative;
margin-left : 30px;
}
.scr6 {
position : relative;
}
.scr_image6 {
width : 100%;
}
.scr6 span {
display : block;
font-size : 12px;
padding : 10px;
width : 97%;
position : absolute;
bottom : 0;
left : 0;
background : #000;
opacity : 0.70;
text-align : center;
color : #fff;
}
table.all {
width : 90%;
border-collapse : collapse;
border : 5px;
text-align : center;
padding : 5px;
margin : 0 auto;
}
table.news {
width : 80%;
text-align : center;
padding : 5px;
margin : 0 auto;
background-color : #1c2730;
}
table.news_all {
width : 80%;
border : #3f5465 solid 1px;
text-align : center;
padding : 5px;
margin : 0 auto;
background-color : #1c2730;
}
table.news_aut {
width : 70%;
text-align : right;
padding : 5px;
margin : 0 auto;
}
table.ost {
width : 90%;
text-align : left;
padding : 10px;
margin : 0 auto;
}
table.menu {
width : 100%;
border : 5px;
text-align : center;
}
table.social {
width : 100%;
vertical-align : center;
border : 5px;
text-align : center;
}
table.banner {
vertical-align : top;
}
table.file {
width : 90%;
border-collapse : collapse;
border : 5px;
text-align : center;
background : #1c2730;
border : #dedede solid 5px;
padding : 5px;
margin : 0 auto;
}
table.secret {
width : 90%;
text-align : center;
background : #1c2730;
padding : 5px;
margin : 0 auto;
}
table.bio {
width : 90%;
text-align : center;
background : #1c2730;
padding : 5px;
margin : 0 auto;
}
table.inter {
width : 90%;
text-align : center;
background : #1c2730;
padding : 5px;
margin : 0 auto;
}
table.text { 
width : 90%;
text-align : center; 
margin : 0 auto;
}
table.shot {
width : 90%;
text-align : center;
margin : 0 auto;
}
table.art {
width : 90%;
margin : 0 auto;
text-align : center;
}
table.link {
width : 90%;
text-align : left;
background : #1c2730;
margin : 0 auto;
padding : 5px;
}
table.critic {
margin : 0 auto;
}
table.critic2 {
margin : 0 auto;
}
table.release {
width : 90%;
margin : 0 auto;
padding-left : 10%;
}
table.rate {
width : 90%;
margin : 0 auto;
}
table.spoiler {
width : 100%;
}
td.link {
border : #333 solid 1px;
vertical-align : top;
width : 88px;
}
td.link2 {
border : #333 solid 1px;
vertical-align : top;
}
td.avatara {
width : 20%;
margin : 0 auto;
vertical-align : top;
padding : 5px;
}
td.infoa {
width : 40%;
padding : 5px;
text-align : right;
}
td.infoa2 {
width : 30%;
padding : 5px;
text-align : left;
}
td.avatar {
width : 20%;
border : #dedede solid 5px;
vertical-align : top;
padding : 5px;
}
td.fancomic {
width : 50%;
vertical-align : top;
padding : 5px;
}
td.info {
width : 360px;
background : #1c2730;
border : #dedede solid 5px;
padding : 5px;
}
td.fancomicinf {
width : 360px;
padding : 5px;
vertical-align : text-top;
}
.auth {
padding : 0 1px 5px 5px;
text-align : center;
}
.log {
padding : 5px 10px 5px 10px;
margin : 0 5px 0 5px;
text-align : center;
clear : both;
}
.log fieldset {
border : #1c2730 solid 1px;
padding-bottom : 8px;
}
.log legend {
color : #dedede;
background : inherit;
}
.ost_author {
font-weight : bold;
font-style : italic;
font-size : 15px;
line-height : 20px;
}
.ost_scr {
padding : 10px;
}
.ost_scr1 {
padding-left : 20px;
padding-right : 10px;
}
.text_author {
text-shadow : 2px 2px 2px #000;
}
div#mobile_menu {
visibility : hidden;
width : 0;
height : 0;
}
table#tablem_mobile {
display : none;
}
table#tablem {
display : table;
}
.yt-wrap { 
position : relative;
text-align : left; 
padding-bottom : 56.25%;
height : 0;
overflow : hidden;
}
.yt-wrap iframe {
position : absolute;
width : 100%;
height : 100%;
border-width : 0;
outline-width : 0;
}
@media (max-width: 1120px) {
#container {
width : 100%;
margin-top : 0;
}
#header {
width : 100%;
height : auto;
}
#header1 {
width : 100%;
height : auto;
}
#header1 img {
width : 100%;
height : auto;
}
#nav {
display : none;
}
#add {
display : none;
}
#text1 {
margin : 0 auto;
width : 97%;
}
#text {
font-size : 13px;
width : 100%;
margin : 0 auto;
}
#text .page-link {
font-size : 13px;
}
#text a {
margin : 0;
}
#text a img {
width : 100%;
}
#copyright {
width : 97%;
height : 100%;
float : none;
display : inline-block;
margin-left : 1.5%;
}
table#tablem_mobile {
display : table;
}
table#tablem {
display : none;
}
table#tablem_mobile td {
text-align : center;
}
div#mobile_menu__items_container {
position : absolute;
top : 56px;
left : 8px;
right : 8px;
bottom : 8px;
overflow-y : auto;
}
td.mobile_menu__item {
font-size : 20px;
border : #3f5465 solid 1px;
}
td.mobile_menu__item a {
display : block;
padding-top : 12px;
padding-bottom : 12px;
}
td.mobile_menu__item a:link {
color : #fff;
}
td.mobile_menu__item a:visited {
color : #fff;
}
img.news {
max-width : 100%;
}
div.news_table iframe {
width : 100%;
}
div[align="center"] img {
margin-top : 16px;
}
.news_pagination {
padding-bottom : 8px;
}
div#mobile_menu {
visibility : visible;
background-color : #1c2730;
border : #3f5465 solid 1px;
border-top-right-radius : 8px;
border-bottom-right-radius : 8px;
margin : auto;
height : 56px;
width : 57px;
position : fixed;
left : -1px;
top : 8px;
z-index : 1000;
overflow : hidden;
}
div#mobile_menu.compact {
animation-duration : 500ms;
animation-name : close_menu;
}
div#mobile_menu.fullscreen {
width : 100%;
height : 100%;
top : 0;
left : 0;
border-width : 0;
border-top-right-radius : 0;
border-bottom-right-radius : 0;
animation-duration : 500ms;
animation-name : open_menu;
}
img#mobile_menu__icon {
height : 40px;
width : 40px;
padding : 8px;
fill : #fff;
}
img#mobile_menu__icon:hover {
cursor : pointer;
}
span#mobile_menu__title {
position : absolute;
text-align : center;
display : inline-block;
font-size : 24px;
top : 12px;
right : 56px;
left : 56px;
}
body.blocked {
overflow : hidden;
}
@keyframes open_menu {
from {
border-top-right-radius : 8px;
border-bottom-right-radius : 8px;
border-width : 1px;
left : -1px;
top : 8px;
height : 56px;
width : 57px;
}
15% {
left : 0;
top : 0;
height : 70px;
width : 70px;
border-bottom-right-radius : 50%;
border-width : 0;
}
50% {
border-bottom-right-radius : 50%;
}
85% {
border-bottom-right-radius : 25%;
}
to {
border-top-right-radius : 0;
border-bottom-right-radius : 0;
border-width : 0;
left : 0;
top : 0;
width : 100%;
height : 100%;
}
}
@keyframes close_menu {
from {
border-top-right-radius : 0;
border-bottom-right-radius : 0;
border-width : 0;
left : 0;
top : 0;
width : 100%;
height : 100%;
}
15% {
border-bottom-right-radius : 25%;
}
50% {
left : -1px;
top : 8px;
border-bottom-right-radius : 50%;
}
85% {
left : -1px;
top : 8px;
height : 70px;
width : 70px;
border-bottom-right-radius : 50%;
}
to {
border-top-right-radius : 8px;
border-bottom-right-radius : 8px;
border-width : 1px;
left : -1px;
top : 8px;
height : 56px;
width : 57px;
}
.QapTcha {
padding : 10px;
margin-top : 10px;
}
.QapTcha .clr {
clear : both;
}
.QapTcha #bgSlider {
width : 202px;
height : 22px;
background : url("https://www.residentevillive.ru/images/xsprites.png.pagespeed.ic.XYF8etDuBy.png") 0 -22px no-repeat transparent;
float : left;
}
.QapTcha #Slider {
width : 48px;
height : 22px;
background : url("https://www.residentevillive.ru/images/xsprites.png.pagespeed.ic.XYF8etDuBy.png") -32px 0 no-repeat transparent;
cursor : e-resize;
}
.QapTcha #Icons {
float : left;
width : 16px;
height : 16px;
background : url("https://www.residentevillive.ru/images/xsprites.png.pagespeed.ic.XYF8etDuBy.png") 0 0 no-repeat transparent;
margin-top : 3px;
margin-left : 10px;
}
.QapTcha #TxtStatus {
width : 202px;
margin-top : 7px;
text-align : center;
font-family : Verdana;
font-size : 10px;
clear : both;
}
.QapTcha .dropSuccess {
color : #ffffff;
}
.QapTcha .dropError {
color : #bb2828;
}