@charset "utf-8";     h1, h2, h3, h4 {     font-weight: 400; } h2, h3, h4, h5, h6 {     color: #415c6c; } table td, table th {     text-align: left;     padding: 7px 7px 7px 15px; } a, a:hover {     color: #ff3a1a; } p, ul li {     color: #2d2218; } body, html, table {     width: 100%} h1, h2, h3, h4, h5, h6 {     padding-bottom: .6em; } h1 {     font-size: 29px;     color: #1d3750; } h2 {     font-size: 23px; } h3 {     font-size: 20px; } h4 {     font-size: 17px; } h5 {     font-size: 13px; } h6 {     font-size: 12px; } ol, ul {     padding-left: 20px;     padding-bottom: 1em; } ul li {     padding: 10px 0 0 10px;     font: 14px arial;     list-style: none; } ol li {     list-style-type: decimal;     padding: 10px 0 0; } table {     border: 1px solid #dadcdc;     margin: 20px 0; } table th {     font-size: 13px;     background: #e9f3f6; } table td {     font-size: 12px;     border: 1px dotted #e9f3f6; } a {     text-decoration: underline; } #footer .f-menu ul li a:hover, #header .menu-top ul li a:hover, a:hover {     text-decoration: none; } p {     padding: 0 0 15px;     line-height: 1.2em;     font: 14px arial; } .clear {     clear: both; } .clearfix:after {     content: "\0020";     display: block;     height: 0;     clear: both;     visibility: hidden;     overflow: hidden; } .clearfix {     display: inline-block; } html {     height: 100%} html[xmlns] .clearfix {     display: block; } * html .clearfix {     height: 1%} .hidden {     display: none; } body {     font-size: 14px;     color: #fff;     height: 100%;     font-family: Tahoma, "Lucida Grande", sans-serif;     background: url(images/bg.jpg) center top no-repeat #000; } #container {     background-color:  black top center no-repeat; } .all-wraper {     width: 1065px;     margin: 0 auto; } #header .logo-box {     text-align: center;     padding: 20px 0; } #header .download {     position: relative;     margin: 220px 0 0 363px; } #header .download .support {     position: absolute;     z-index: 10;     width: 154px;     height: 81px;     top: -110px;     right: 135px; } #header .download .support a {     display: block; } #header .download .play {     position: absolute;     top: 94px;     left: 62px;     width: 180px;     height: 85px; } #header .download .play a {     display: block;     width: 180px;     height: 85px; } #header .menu-top {     padding: 0 0 50px; } #header .menu-top ul {     padding: 0;     width: 400px;     margin: 0 auto; } #header .menu-top ul li {     float: left; } #header .menu-top ul li a {     font-size: 16px;     text-align: center;     color: #fff; } #header .text-box {     margin: 430px 0 50px;     background: url(/images/1px.png);     border-radius: 15px;     -moz-border-radius: 15px;     -webkit-border-radius: 15px; } #header .text-box .text-inner p {     font-size: 14px;     text-align: center;     font-weight: 700;     padding: 15px 30px;     color: #fff; } #header .text-box .text-inner a {     color: #fff; } #header .text-box .text-inner a:hover {     box-shadow: 0 0 5px #fff; } #content {     background: url(/images/c-bg.jpg) repeat-y;     padding: 0 0 50px; } #content .t-bg {     background: url(/images/t-bg.jpg) no-repeat;     width: 1060px; } #content .t-bg .content-inner {     padding: 40px 105px 0;     color: #000; } #footer {     background: url(/images/f-bg.jpg) no-repeat;     height: 346px;     position: relative;     z-index: 8; } #footer .alla, #footer .boris {     position: absolute;     top: -300px;     height: 657px;     z-index: 10; } #footer .f-menu {     width: 860px;     margin: 0 auto; } #footer .f-menu ul {     padding: 0 0 0 150px; } #footer .f-menu ul li {     float: left;     font-size: 12px; } #footer .f-menu ul li a {     color: #000; } #footer .pay-system-box {     width: 805px;     margin: 0 auto; } #footer .alla {     left: -50px;     background: url(/images/lady.png) no-repeat;     width: 166px; } #footer .boris {     right: -50px;     background: url(/images/man.png) no-repeat;     width: 178px; } .map a {     font-size: 11px;     color: #168FAE; } @media screen and (max-width:1200px) {     body, html {     width: 100%;     display: block; } #footer .boris {     right: 0; } #footer .alla {     left: 0; } }@media screen and (max-width:1024px) {     #footer .alla, #footer .boris, #header .download {     display: none; } iframe, img, video {     max-width: 100%} #footer, img {     height: auto; } body, html {     overflow-x: hidden; } body {     padding-top: 170px;     position: relative; } #content .t-bg, #footer .pay-system-box, .all-wraper {     width: auto;     background: 0 0; } #header .text-box {     margin: 30px 0; } #content, #footer {     background-size: 150%;     background-position: center; } #content .t-bg .content-inner {     padding: 40px 20px 0; } #footer {     padding: 0 0 125px;     background-position: top center; } #footer .f-menu ul {     padding: 0;     display: flex;     width: 100%;     align-items: center;     justify-content: center;     flex-wrap: wrap; } #footer .f-menu {     width: auto;     margin: 0 auto; } #footer .pay-system-box a {     display: block;     width: 100%;     text-align: center; } #footer .pay-system-box a img {     max-width: 100%;     object-fit: contain; } img {     float: none!important;     margin: 7px!important; } }@media screen and (max-width:768px) {     body {     background: #000; } body:before {     content: '';     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 170px;     background: url(/images/bg-mob.jpg) 45% 100% no-repeat;     background-size: cover;     z-index: 9999; } #footer {     padding: 0 0 25px;     background: url(/images/c-bg.jpg) center repeat-y;     background-size: 150%} #content {     padding: 0; } body.sitemap-body {     height: auto; } body.sitemap-body #header .text-box {     margin: 0; } }@media screen and (max-width:480px) {     h1 {     font-size: 24px; } h2 {     font-size: 21px; } h3 {     font-size: 18px; } #footer .f-menu ul li {     padding: 5px; } }