@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:16px;}
body{font-family:Arial, Geneva, Helvetica; font-size:1rem; color:#0a1106; background: #fffbd3;}
:active, :hover, :focus, a {outline:0; outline-offset:0;}
* a {outline:0; text-decoration:none;}
a, a:hover {color:#090688;}
ul{list-style:none;}
ul, li {list-style-type:none;}
img{border:0;}
h1 {font-size:30px; font-weight:bold; margin-bottom:10px; padding:0 5px; text-transform: capitalize;}
h2 {font-size: inherit; display: inline-block; font-weight: normal;}
.wonakcenter {text-align:center; padding:0 5px;}
.wonakwraper {width:100%; display:inline-block; max-width:100%; min-height:calc(100vh - 80px);}
.wonakbottom {padding:20px 0 10px;}
.wonakheader {padding:6px; margin-bottom:20px; background:#f4ef81;}
.wonakheader .wrap {position:relative;}
.wonakheader .wrap::after {content:""; display:block; clear:both;}
.wonakheader .acount {position:absolute; top:0; right:0; width:300px; line-height:38px; height:38px;}
.wonakheader .acount span {text-transform:capitalize; vertical-align:middle; margin:0 2px 0; padding:5px 8px; background:#090688; color:#FFF; border-radius:5px;}
.wonakheader .logo {width:auto; float:left;}
.wonakheader .logo img {max-width:100%; display:block;}
.search {float:right; width:500px; max-width:calc(100% - 300px); margin-right:300px;}
.search input[type="text"] {float:left; width:calc(100% - 38px); line-height:38px; height:38px; padding:0 10px; border:1px solid #090688; font-size:1rem; border-radius: 5px 0 0 5px;}
.search input[type="submit"] {display:none;}
.search .for-submit {display:block; float:right; width:38px; line-height:38px; height:38px; padding:0 5px; border:1px solid #090688; background:#090688; border-left:none; font-size:1.2rem; text-align:center; cursor:pointer; color:#fff; border-radius: 0 5px 5px 0; overflow:hidden;}
.wonakcat {text-align: center; margin-bottom: 15px; font-size: 0;}
.wonakcat li {display: inline-block;  font-size: 16px; margin: 2px; padding: 5px 8px; border-radius: 5px; background: #f4ef81;}
.wonakcat li a{color: #000;}
.wonakmainblock {display:inline-block; position:relative; width:100%; text-align:left; margin-bottom:40px;}
.wonakmainblock .title {text-align: center; margin-bottom: 20px;}
.wonakblock {text-align:center;}
.wonakblock li {width:302px; margin-bottom:12px;}
.wonakblock img {width:300px; border:1px solid #000; display: block; box-sizing:content-box; box-shadow:0 0 5px #b1b1b1;}
.wonakblock strong {display:block; margin:5px 0; font-weight:normal; text-transform: capitalize; white-space: nowrap; overflow: hidden;}
.wonakblock p span::before {content:"»"; margin-right:5px; color:#090688;}
.wonakblock .bin2 {width:100%;height:252px;border:1px solid #750081;position:relative;overflow:hidden;}
.wonakblock .bin2 > span {position:absolute;left:0;top:0;font-size:14px;padding:3px;background: #750081;color: #fff;z-index: 2;}

@media screen and (max-device-width:1200px){
.wonakheader .acount {width:180px;}
.search {width:100%; max-width:calc(100% - 550px); margin-right:180px;}
}
@media screen and (max-device-width:850px){
.wonakheader .wrap {padding-top:46px;}
.wonakheader .logo {width:auto; max-width:calc(100% - 140px); position:absolute; left:0; top:0; line-height:38px;}
.wonakheader .logo img {display:inline-block; vertical-align:middle;}
.wonakheader .acount {text-align:right; width:auto;}
.search {float:none; width:100%; max-width:100%;}
}
.pag {margin-bottom: 40px}
.pag .wrap {display: inline-block;}
.pag ul::after {content: ""; display: block; clear: both}
.pag li {float: left; margin: 0 2px 2px; text-align: center}
.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 #090688; background: #f4ef81;}
.pag li> span {border: 1px solid #000}
.wonakmain-post {margin-bottom:40px; padding-top:20px;}
.wonakpicpost {width:1300px; display:inline-block; max-width:98%;}
.wonakpicpost::after {content:""; display:block; clear:both;}
.wonakpicpost .content {float:left; width:calc(100% - 400px); max-width:100%; text-align:center;}
.wonakpicpost .post {display:inline-block; width:804px; max-width:100%;}
.wonakpicpost .post .img {position:relative; width:602px; max-width:100%; font-size:0; display:inline-block;}
.wonakpicpost .post .links {padding-top:20px}
.wonakpicpost .lnk-l, .wonakpicpost .lnk-r {position:absolute; top:calc(50% - 30px); z-index:1;}
.wonakpicpost .lnk-l a, .wonakpicpost .lnk-r  a {display:block; width:60px; height:60px; line-height:60px; border-radius:50%; background:#750081; color:#FFF; text-align:inherit; font-size:40px; font-weight:bold;}
.wonakpicpost .lnk-l a:hover, .wonakpicpost .lnk-r  a:hover {background:#870195; color:#FFF;}
.wonakpicpost .lnk-l {left:-75px;}
.wonakpicpost .lnk-r {right:-75px;}

.wonakpicpost .post .small {padding:10px 0 5px; display:none;}
.wonakpicpost .post .small::after {content:""; display:block; clear:both;}
.wonakpicpost .lnk-l-small {float:left;}
.wonakpicpost .lnk-r-small {float:right;}
.wonakpicpost .lnk-l-small a, .wonakpicpost .lnk-r-small a {display:block; width:50px; height:50px; line-height:50px; border-radius:50%; background:#750081; color:#FFF; text-align:inherit; font-size:40px; font-weight:bold;}
.wonakpicpost .lnk-l-small a:hover, .wonakpicpost .lnk-r-small a:hover {background:#870195; color:#FFF;}
.wonakpicpost .lnk-l-small {left:0;}
.wonakpicpost .lnk-r-small {right:0;}

.wonakpicpost .post img {width:auto; max-width:100%; max-height:90vh; border:1px solid #000; box-shadow: 0 0 5px 5px #c9c5c5;}
.wonakpicpost .post img:hover {border:1px solid #090688; box-shadow: 0 0 5px 5px #090688;}
.wonakpicpost .post p {padding-top:10px; margin-bottom:20px; text-transform: capitalize; font-weight: bold; font-size: 1.2em;}
.wonakpicpost .post li {display:inline-block; margin:0 5px 5px;}
.wonakpicpost .post li strong {font-size:1rem; font-weight:normal;}
.wonakpicpost .post li strong::before {content:"#"; margin-right:5px; color:#000;}
@media screen and (max-device-width:1200px){
.wonakpicpost .post .img {width:auto;}
.wonakpicpost .lnk-l, .wonakpicpost .lnk-r {display:none;}
.wonakpicpost .post .small {display:block;}
}
.r-sid {width:350px; float:right;}
.r-sid .bn {margin-bottom:20px; background:#f4ef81; padding:25px 0;}
.r-sid .bn .item {display:inline-block; width:302px; height:252px; border:1px solid #000; background:#090688; 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;}
.r-sid > div {margin-bottom:20px;position: relative;overflow: hidden;}
.r-sid > div:last-child {margin-bottom:0;}
.r-sid > div > div {width:302px; height:252px; border:1px solid #000; background:#090688;}
.r-sid > div > span {position:absolute;left:1px; top:1px; font-size:14px; padding:3px;background:#750081;color:#fff;z-index: 2;}

@media screen and (max-device-width:850px){
.wonakpicpost .content {float:none; width:100%; max-width:100%; margin-bottom:40px;}

.r-sid {float:none; width:100%; margin-bottom:20px;}
.r-sid .bn {display:inline-block; padding:25px 0; width:100%; margin:0;}
.r-sid .bn:first-child {padding:30px 0 15px;}
.r-sid .bn:last-child {padding:15px 0 25px;}
.r-sid {font-size:0;}
.r-sid > div {display:inline-block; padding-bottom:10px;margin:0 5px;vertical-align:top;}
}
.wonakkws {margin-bottom:40px;}
.wonakkws::after {content:""; display:block; clear:both;}
.wonakkws .title {margin-bottom: 20px; font-size: 18px;}
.wonakkws li {float:left; width:20%; font-size:1.1rem; padding-left:10px; text-align:left; margin-bottom:15px;  white-space:nowrap; overflow:hidden;}
.wonakkws a {max-width:100%;}
.wonakkws strong {font-weight:normal; font-size: 16px; text-transform: capitalize;}
.wonakkws strong::before {content:"#"; margin-right:5px; color:#000;}
@media screen and (max-device-width:1300px){.wonakkws li {width:25%;}}
@media screen and (max-device-width:1100px){.wonakkws li {width:33.333%;}}
@media screen and (max-device-width:800px){.wonakkws li {width:50%;}}
@media screen and (max-device-width:500px){.wonakkws li {width:100%;}}
.bn-main {background:#f4ef81; font-size:0;}
.bn-main div {border: 1px solid #090688}
.bn-main p {padding: 5px 0; font-size:14px; color: #966bac}
.wonak404 {padding: 50px 0; text-align: center;}
.lst_new{margin-bottom:35px; padding: 0 15px 0;}
.lst_new > div {margin-bottom: 20px; font-size: 18px; text-align: center;}
.lst_new ul{display:flex; flex-flow:row wrap;}
.lst_new li{width:20%; overflow:hidden; padding:0 15px 15px 0; text-align: left;}
.lst_new strong{display:block; text-transform:capitalize; white-space:nowrap; overflow:hidden; font-weight: normal;}
@media screen and (max-device-width:1800px){.lst_new li{width:20%;}}
@media screen and (max-device-width:1500px){.lst_new li{width:25%;}}
@media screen and (max-device-width:1200px){.lst_new li{width:33.333%;}}
@media screen and (max-device-width:900px){.lst_new li{width:50%;}}
@media screen and (max-device-width:600px){.lst_new li{width:100%;}}