@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-style:normal;}
html,body {height:100%; font-size:15px;}
body{font-family:Arial, Geneva, Helvetica; font-size:1rem; background:#fffccb; color:#000; }
:active, :hover, :focus, a {outline:0; outline-offset:0;}
* a {outline:0; text-decoration:none;}
a{color:#0226be;}
a:hover{color:#012eeb;}
ul{list-style:none;}
ul, li {list-style-type:none;}
img{border:0;}
h1,h2,h3 {font-size:inherit; font-weight:bold; display:inline-block;}
div.text {text-align:left; margin-bottom:20px;}
.padmain {padding-left:5px; padding-right:5px;}
.wrapper {padding:10px 5px 0; text-align:center;}
.mainblock {display:inline-block; width:1550px; max-width:100%; min-height:calc(100vh - 20px); padding-bottom:100px; position:relative;}
.bottom {position:absolute; bottom:0; left:0; width:100%; padding:20px 0;}
.ptop10 {padding-top:10px;}
.maintxtx {text-align:left; padding:10px 5px; line-height:1.4rem; font-size:inherit;}
.header {padding:0 5px; height:50px; text-align:left; position:relative;}
.header .item {width:100%;}
.header .item::after {content:""; display:block; clear:both;}
.logo {float:left; height:42px; line-height:42px; width:auto; padding-top:4px;}
.logo img {max-width:100%; display:block;}
.search {float:right; width:500px; max-width:calc(100% - 570px); padding-top:4px;}
.search input[type="text"] {float:left; width:calc(100% - 42px); line-height:42px; height:42px; padding:0 10px; border:1px solid #000; font-size:1rem; border-radius: 5px 0 0 5px;}
.search input[type="submit"] {display:none;}
.search .for-submit {display:block; float:right; width:42px; line-height:42px; height:42px; padding:0 5px; border:1px solid #ab0303; background:#ab0303; border-left:none; font-size:1.2rem; text-align:center; cursor:pointer; color:#fff; border-radius: 0 5px 5px 0; overflow:hidden;}
.menu {height:50px; position:absolute; top:0; left:280px;}
.menu::after {content:""; display:block; clear:both;}
.menu div {float:left;}
.menu a, .menu span {display:block; line-height:50px; height:50px; min-width:40px; text-transform:capitalize; font-size:16px; padding:0 10px; color:#b80d0d; white-space:nowrap;  overflow:hidden; font-weight:bold;}
.menu span {cursor:pointer;}
.cat-down em::after {content:"\271A"; margin-left:5px;}
.cat-up em::after {content:"\2716"; font-weight:bold; margin-left:5px;}
.menu .cat-up {display:none; background:#fcec97; color:#a81d1d;}
.dropped .cat-down {display:none;}
.dropped span.cat-up {display:block;}
.menu-visit {font-size:0; background:#fcec97; padding:8px; margin-bottom:10px; border-radius:5px;}
.menu-visit::after {content:""; display:block; clear:both;}
.menu-visit li { float:left; text-align:center;}
.menu-visit li a {display:block; line-height:30px; min-width:30px; text-transform:capitalize; font-size:1rem; color:#a81d1d; border-left:none; padding:0 8px;}
.menu-visit li a:hover {color:#cf0e0e;}
.title {text-align:left; padding:20px 5px 15px; font-size:1.2rem; text-transform:capitalize; font-weight:bold;}
@media screen and (max-device-width:850px){
.header {height:auto; line-height:normal; height:auto;}
.header .item {margin-bottom:10px}
.search {max-width:calc(100% - 280px); padding:0;}
.logo {padding:0;}
.menu {position:relative; top:auto; left:auto; background:#FF0}
.menu div {float:left; width:50%; text-align:center;}
.menu a, .menu span {padding:0;}
.menu-visit {border-radius:0 0 5px 5px;}
}
@media screen and (max-device-width:570px){
.search {width:280px; max-width:280px;}
.logo {margin-left:0; max-width:calc(100% - 280px); padding-right:10px; line-height:46px; font-size: 0; line-height:42px}
.logo img {display:inline-block; vertical-align:middle;}
}
@media screen and (max-device-width:500px){
.search {width:230px; max-width:230px;}
.logo {max-width:calc(100% - 230px);}
.logo img {display:inline-block;}
}
.list-links {margin-bottom:30px;}
.list-links::after {content:""; display:block; clear:both;}
.list-links li {float:left; width:20%; padding-left:5px; text-align:left; margin-bottom:15px;  white-space:nowrap; overflow:hidden;}
.list-links a {max-width:100%;}
.list-links strong {font-weight:normal;}
.list-links strong::before {content:"»"; margin-right:5px; color:#ab0303;}
@media screen and (max-device-width:1300px){.list-links li {width:25%;}}
@media screen and (max-device-width:1100px){.list-links li {width:33.333%;}}
@media screen and (max-device-width:800px){.list-links li {width:50%;}}
@media screen and (max-device-width:500px){.list-links li {width:100%;}}
.p-block {margin-bottom:30px;}
.p-block li {width:302px; margin-bottom:9px;}
.p-block .img {margin-bottom:8px;}
.p-block .img img {width:300px; border:1px solid #000; display:block; box-sizing:content-box; border-radius:5px; -webkit-border-radius:5px; overflow:hidden;}
.p-block .img img:hover {border:1px solid #65086b}
.p-block strong {font-weight:normal; display:block; margin-bottom:10px; text-align:left; white-space:nowrap; overflow:hidden; text-transform:capitalize;}
.p-block a, .p-block a:hover {color:#ab0303;}
.p-block strong::before {content:"»"; margin-right:5px; color:#ab0303;}

/*
.theme {display:inline-block; width:1200px; padding-left:8px; max-width:100%; margin-bottom:30px;}
.theme::after {content:""; display:block; clear:both;}
.theme .content {float:left; width:610px; max-width:calc(100% - 400px); text-align:center;}
.theme .wrap {margin-bottom:30px;} 
.theme .wrap .post {margin-bottom:30px;}
.theme .post .img {margin-bottom:10px; font-size:0;}
.theme .post img {width:auto; max-width:100%; height:auto; max-height:100vh; border:1px solid #000; box-shadow: 0 0 5px 5px #c9c5c5; cursor:pointer;}
.theme .post img:hover {border:1px solid #fbfb74; box-shadow: 0 0 5px 5px #fbfb74;}
.theme .post strong {font-size:1rem; font-weight:normal;}
.r-sid {width:350px; float:right;}
.r-sid .bn {margin-bottom:20px; background:#ab0303; padding:25px 0;}
.r-sid .bn .item {display:inline-block; width:302px; height:252px; border:1px solid #000; background:#fbfb74 url(/img/404-300x250.png); background-size:cover; background-size:100%; -moz-background-size:100%; -webkit-background-size:100%; -o-background-size: 100%;}
.r-sid .bn:last-child {margin-bottom:0;}
.blog-post {margin-bottom:30px;}
.blog-post .wrap{display:inline-block; width:1200px; padding:20px 8px 0; max-width:100%;}
.blog-post::after {content:""; display:block; clear:both;}
.blog-post .content {float:left; width:610px; max-width:calc(100% - 400px); text-align:center;}
.blog-post .post {display:inline-block;}
.blog-post .post img {width:auto; max-width:100%; max-height:90vh; border:1px solid #000; box-shadow: 0 0 5px 5px #c9c5c5; cursor:pointer;}
.blog-post .post img:hover {border:1px solid #fbfb74; box-shadow: 0 0 5px 5px #fbfb74;}
.blog-post .post p {padding-top:10px; margin-bottom:20px;}
.blog-post .post li {display:inline-block; margin:0 5px 5px; line-height:1.4rem;}
.blog-post .post strong {font-size:1rem; font-weight:normal;}
.blog-post .post strong::before {content:"@"; margin-right:5px;}
@media screen and (max-device-width:850px){
.theme {padding:0 8px;}
.blog-post .content {float:none; max-width:100%; display:inline-block; margin-bottom:40px;}
.theme .content {float:none; width:100%; max-width:100%;}
.theme .r-sid, .blog-post .r-sid {float:none; width:100%; }
.theme .content {margin-bottom:10px;}
.r-sid .bn {display:inline-block; padding:25px; margin-bottom:40px;}}
@media screen and (max-device-width:850px){
.r-sid .bn {width:100%; padding:25px 0;}}

.people-list {padding:0 5px; margin-bottom:10px}
.people-list::after {content:""; display:block; clear:both;}
.people-list .title {border-bottom:1px solid #ccc; padding:15px 0; margin-bottom:20px; text-align:center;}
.people-list .title h1, .people-list .title h2 {font-size:inherit;}
.people-list li { float:left; text-align:left; width:14.285%; line-height:30px; height:30px; white-space:nowrap; overflow:hidden;}
.people-list a {color:#600366;}
.people-list strong::before {content:"@"; margin-right:5px;}
@media screen and (max-device-width:1400px){.people-list li {width:16.666%;}}
@media screen and (max-device-width:1200px){.people-list li {width:20%;}}
@media screen and (max-device-width:1000px){.people-list li {width:25%;}}
@media screen and (max-device-width:800px){.people-list li {width:33.333%;}}
@media screen and (max-device-width:600px){.people-list li {width:50%;}}
@media screen and (max-device-width:400px){.people-list li {width:100%;} .people-list a {font-size:16px;}}
.name {padding-top:10px; margin-bottom:20px}
.name::after {content:""; display:block; clear:both;}
.name .title {padding:10px 0; text-align:center; margin-bottom:0;}
.name .title h1 {color:#F00; font-size:30px;}
.name p span {margin:0 5px;}
*/

.main-thememobifa {margin-bottom:30px; padding-top:30px;}
.thememobifa {width:1300px; display:inline-block; max-width:98%;}
.thememobifa::after {content:""; display:block; clear:both;}
.thememobifa .content {float:left; width:calc(100% - 400px); max-width:100%; text-align:center;}
.thememobifa .post {display:inline-block; width:804px; max-width:100%;}
.thememobifa .post .img {position:relative; width:602px; max-width:100%; font-size:0; display:inline-block;}
.thememobifa .lnk-l, .thememobifa .lnk-r {position:absolute; top:calc(50% - 30px); z-index:1;}
.thememobifa .lnk-l a, .thememobifa .lnk-r  a {display:block; color:#8c021f; text-align:inherit; font-size:80px; font-weight:bold;}
.thememobifa .lnk-l a:hover, .thememobifa .lnk-r  a:hover {color:#b40228;}
.thememobifa .lnk-l {left:-75px;}
.thememobifa .lnk-r {right:-75px;}
.thememobifa .post .small {padding:10px 0 5px; display:none;}
.thememobifa .post .small::after {content:""; display:block; clear:both;}
.thememobifa .lnk-l-small {float:left;}
.thememobifa .lnk-r-small {float:right;}
.thememobifa .lnk-l-small a, .thememobifa .lnk-r-small a {display:block; width:auto; border-radius:5%; padding:5px 10px; background:#8c021f; color:#FFF; text-align:inherit; font-size:30px; font-weight:bold;}
.thememobifa .lnk-l-small a:hover, .thememobifa .lnk-r-small a:hover {background:#c0022a; color:#FFF;}
.thememobifa .lnk-l-small {left:0;}
.thememobifa .lnk-r-small {right:0;}
.thememobifa .post img {width:auto; max-width:100%; max-height:90vh; border:1px solid #000; box-shadow: 0 0 5px 5px #afafe2; cursor:pointer;}
.thememobifa .post img:hover {box-shadow: 0 0 5px 5px #9494f8;}
.thememobifa .post p {padding-top:10px; margin-bottom:20px;}
.thememobifa .post li {display:inline-block; margin:0 5px 5px; line-height:1.4rem;}
.thememobifa .post strong {font-size:1rem; font-weight:normal;}
.thememobifa .post strong::before {content:"#"; margin-right:5px; color:#ce0000;}
.r-sid {width:350px; float:right;}
.r-sid .bn {margin-bottom:20px; background:#fff36c; padding:25px 0;}
.r-sid .bn .item {display:inline-block; width:302px; height:252px; border:1px solid #000; background:#8c021f; background-size:cover; background-size:100%; -moz-background-size:100%; -webkit-background-size:100%; -o-background-size: 100%;}
.r-sid .bn:last-child {margin-bottom:0;}
@media screen and (max-device-width:1200px){
.thememobifa .post .img {width:auto;}
.thememobifa .lnk-l, .thememobifa .lnk-r {display:none;}
.thememobifa .post .small {display:block;}
}
@media screen and (max-device-width:850px){
.thememobifa .content {float:none; width:100%; max-width:100%; margin-bottom:40px;}
.r-sid {float:none; width:100%; margin-bottom:0; background:#d0d0fe; padding:25px 0;}
.r-sid .wrap {display:inline-block; font-size:0;}
.r-sid .wrap::after {content:""; display:block; clear:both;}
.r-sid .bn {float:left; margin:0; padding:0; background:none;}
.r-sid .bn:first-child { margin-right:40px;}
.r-sid .item {display:block; padding:0; margin:0;}
}
@media screen and (max-device-width:680px){
.r-sid .bn {float:none;}
.r-sid .bn:first-child {margin:0 0 30px;}
}
.pag {display:inline-block; margin-bottom:30px;}
.pag::after {content:""; display:block; clear:both;}
.pag li {float:left; margin:0 2px 2px 0; text-align:center;}
.pag li:last-child {margin-right:0;}
.pag li span {display:block; line-height:36px; min-width:36px; text-transform:capitalize; padding:0 7px; border-radius:3px; -webkit-border-radius:3px;}
.pag li a span {border:1px solid #000;}
.pag li > span  {border:1px solid #ccc;}
.err {padding-top:10px; margin-bottom:20px; text-align:center; color:#C4090D;}

.st-list {margin-bottom:30px;}
.st-list::after {content:""; display:block; clear:both;}
.st-list li {width:16.666%; height:auto; float:left; padding:0 4px 14px}
.st-list a {color:#600366;}
.st-list .img {height:0; padding:0 0 98%; overflow:hidden; border:1px solid #9b799f; margin-bottom:5px; background:#a5b4f9 url(/img/404-theme.png); border-radius:5px; -webkit-border-radius:5px; background-size:cover; background-size:100%; -moz-background-size:100%; -webkit-background-size:100%; -o-background-size: 100%;}
.st-list .img:hover {border: 1px solid #65086b}
.st-list .img img {width:100%; max-width:100%; height:auto;}
.st-list p {display:block; height:20px; font-size:15px; overflow:hidden; text-transform:capitalize; font-weight:normal;}
@media screen and (max-device-width:1200px){.st-list li {width:25%;}}
@media screen and (max-device-width:1000px){.st-list li {width:20%;}}
@media screen and (max-device-width:800px){.st-list li {width:33.33%;}}
@media screen and (max-device-width:600px){.st-list li {width:50%;}}
.bn-mobifa {margin:10px 0 30px; background:#fff36c; padding:25px 0;}
.bn-mobifa .item {display:inline-block; font-size:0;}
.bn-mobifa .item::after {content:""; display:block; clear:both;}
.bn-mobifa .wrap {float:left; margin:0 15px; border:1px solid #000; background:#8c021f;}
@media screen and (max-device-width:1050px){
.bn-mobifa .wrap {margin:0;}
.bn-mobifa .wrap:first-child {margin-right:40px;}
.bn-mobifa .wrap:last-child{display:none;}
}
@media screen and (max-device-width:680px){
.bn-mobifa .wrap {float:none;}	
.bn-mobifa .wrap:first-child {margin:0 0 30px;}
}