* { margin: 0; padding: 0; outline: none; box-sizing: border-box; }
img {border:0;}
body {position: relative; background:#ffdef3; font:12px Arial, Helvetica, sans-serif; color:#e3e3e3;}
.container {max-width:1880px; min-width:320px; margin:0 auto; padding:0 10px; position:relative;}
ul {list-style:none;}
a {text-decoration: none;}
.clear {clear:both; line-height:0px; height:0px; overflow:hidden; font-size:0px; content:''; display:block;}
a, button {transition:all 0.1s ease-in-out;}

.pad {height: 60px; margin-bottom: 18px;}
header {height: 60px; box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75); background:#fff; position: fixed; left: 0; top: 0; right: 0; z-index: 2;}
.logo { text-align: center; padding-top:5px; }
.logo img {height: 50px; width: auto;}
header .container {max-width: 1100px;}

/*Search*/
#xqqgwxblaspp { height: 30px; width:30px; fill:#333; cursor: pointer; position: absolute; top: 10px; right: 10px; display: none;}
#xqqgwxblaspp:hover {fill:#BF3073}
.xtyyryumrbwj {position: absolute; top: 15px; right: 10px;}
.ikodjzjdtcnb input {height: 30px; border-radius: 3px 0 0 3px; border: 1px solid #e3e3e3; transition: all 0.2s ease-in-out; width: 150px; padding: 0 0 0 10px; font:14px Arial, Helvetica, sans-serif; background: #fff;}
.ikodjzjdtcnb input:focus { border-color: #D984BB; width: 200px;}
.ikodjzjdtcnb form * {float: left;}
.ikodjzjdtcnb button {width: 70px; height: 30px; border: 0; transition: background 0.2s ease-in-out; text-align: center; font:14px Arial, Helvetica, sans-serif; border-radius: 0 3px 3px 0; color: #fff; background: #BF3073} 
.ikodjzjdtcnb button:hover {background: #D984BB; cursor: pointer;}

/*menu*/
.rxqoattadmaj {position: absolute; left: 10px; top: 12px; cursor: pointer;}
.rxqoattadmaj:hover .zqzszbjtcfth, .rxqoattadmaj.gjeditaqokde .zqzszbjtcfth  {color: #BF3073;}
.zqzszbjtcfth {color: #333; float: left; font-size: 22px; font-weight: bold; padding: 5px 0 0 20px; transition: all .3s ease-in-out;}
.flapoqfibxgy { width: 30px; height: 40px; cursor: pointer; float: left; position: relative;}
.lpeawjnauooy {width: 100%; top: 50%; right: 0px; margin-top: -5px; opacity: 1;}
.lpeawjnauooy em {width: 30px; top: 10px;}
.lpeawjnauooy span {width: 30px; bottom: 10px;}
.lpeawjnauooy span, .lpeawjnauooy em, .lpeawjnauooy { display: block; transition: all .3s ease-in-out; height: 3px; position: absolute; background:#333;}
.rxqoattadmaj:hover .flapoqfibxgy .lpeawjnauooy, .rxqoattadmaj:hover .flapoqfibxgy .lpeawjnauooy span, .rxqoattadmaj:hover .flapoqfibxgy .lpeawjnauooy em {background: #BF3073}

.gjeditaqokde .lpeawjnauooy span {transform: rotate(-45deg); bottom: 0px; background:#BF3073;}
.gjeditaqokde .lpeawjnauooy em {transform: rotate(45deg); top: 0px; background:#BF3073;}
.rxqoattadmaj.gjeditaqokde .lpeawjnauooy, .rxqoattadmaj.gjeditaqokde:hover .flapoqfibxgy .lpeawjnauooy { background: rgba(111,111,111,0);}


/*Category list*/
nav {background: rgba(0, 0, 0, .85); position: fixed; left: 0; top: 60px; right: 0;  bottom: 0; height: 0; overflow: hidden; transition: all 0.2s ease-in-out; z-index: 2;}
nav>div {position: absolute; left: 10px; top: 20px; right: 10px; bottom: 20px; overflow: auto;}
nav ul { margin-bottom: 5px; font-size: 0; column-count: 8;}
nav ul li { line-height: 17px; }
nav ul li a {color: #e3e3e3; font-size: 14px;}
nav ul li a:hover {color:#BF3073;}
nav p {font-weight: bold; font-size: 18px; color: #BF3073; margin-bottom: 5px;}
.xulinexvrpcj { height: calc(100% - 60px)}
nav>div::-webkit-scrollbar {width: 5px;}
nav>div::-webkit-scrollbar-track {background: #eee; }
nav>div::-webkit-scrollbar-thumb {background: #BF3073; }
nav>div::-webkit-scrollbar-thumb:hover {background: #555; }

/*Sorting and Pages*/
.container2, .ouolcibiivmp {max-width: 1080px; margin: 0 auto;}
.header { max-width: 1080px; margin: 0 auto; position: relative; text-align: center;}
h1 {font-size: 20px; color: #333; margin-bottom: 12px; line-height: 23px;}
.imsojbodrqaf, .ijasgiupgcrk {position: absolute; top: 0px; font-size: 0;}
.imsojbodrqaf, .ijasgiupgcrk, .imsojbodrqaf *, .ijasgiupgcrk * {display: inline-block; vertical-align: middle;}
.imsojbodrqaf li, .ijasgiupgcrk li {font-size: 13px; display: inline-block; vertical-align: middle; margin: 0 2px;}
.imsojbodrqaf p, .ijasgiupgcrk p {font-size: 13px; color: #e3e3e3; margin-right: 3px;}
.imsojbodrqaf li a, .ijasgiupgcrk li a {display: block; height: 25px; background: rgba(0, 0, 0, .4); color: #e3e3e3; padding: 0 9px; line-height: 25px;}
.imsojbodrqaf li a:hover, .ijasgiupgcrk li a:hover {background:#000;}
.imsojbodrqaf li a.active, .ijasgiupgcrk li a.active {background: #BF3073}
.imsojbodrqaf {right: -2px}
.ijasgiupgcrk {left: -2px}

/*Main thumbs*/
.quwgnqawnraj {width: 100%; overflow: hidden; margin-bottom: 10px;}
.mfhvopmlqcfj {font-size: 0; }
.kedpzmrfefps {padding: 2px; display: inline-block; vertical-align: top; position: relative;}
.kedpzmrfefps img {border: 1px solid #222; display: block; transition: border 0.1s ease-in-out; width: 304px; height: 228px; box-sizing: content-box;}
.kedpzmrfefps a {display: block; position: relative;}
.kedpzmrfefps img:hover {border: 1px dashed #BF3073;}
.kedpzmrfefps span {position: absolute; top: 1px; left: 1px; background:rgba(0, 0, 0, .5); font-size: 18px; line-height: 25px; padding: 2px 8px 3px 8px; color: #e3e3e3}
.kedpzmrfefps em {position: absolute; bottom: 1px; right: 1px; background:rgba(0, 0, 0, .5); font-size: 12px; line-height: 20px; padding: 0 5px; color: #e3e3e3; font-style: normal;}

.alultetjjkyq {font-size: 0; text-align: center; margin-bottom: 30px;}
.djqomcttzfid {width: 302px; height: 252px; display: inline-block; vertical-align: top; margin: 2px}
.djqomcttzfid>div, .pcmfnctsihip { border: 1px solid #222;}

footer {text-align: center; color: #222; padding: 30px 0;}

/*Video Page*/
.ouolcibiivmp {min-height: 25px; margin-bottom: 30px; position: relative; text-align: center}
.mljacvjeseyq {font-size: 0; text-align: center;}
.mljacvjeseyq>div {vertical-align: top; display: inline-block;}
.iabgbzhbgpiu {width: 1018px;}
.video-r {width: 306px; padding:0 0 0 4px;}
.pcmfnctsihip {margin-bottom: 4px;}
.video-r .pcmfnctsihip:last-child {margin-bottom: 2px;}
.pxpjqencwcff {overflow: hidden; padding-top: 75%; position: relative; margin-bottom: 2px;}
.pxpjqencwcff iframe {border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.mljacvjeseyq h1 {text-align: left; padding-left: 15px; max-width: 1324px; margin: 0 auto 15px auto;}

/*Responsive*/
@media (max-width: 1900px) {
  .container {max-width:1570px;}
}
@media (max-width: 1590px) {
  .container {max-width:1260px;}
  .alultetjjkyq .djqomcttzfid:nth-child(5), .video-r .pcmfnctsihip:nth-child(3) {display: none;}
  .iabgbzhbgpiu {width: 677px;}
  .mljacvjeseyq h1 {max-width: 983px;}
}
 @media (max-width: 1279px) {
  .container {max-width:950px;}
  body header .container {max-width: 950px;}
  nav ul {column-count: 6;}
  .alultetjjkyq .djqomcttzfid:nth-child(4) {display: none;}
  .iabgbzhbgpiu, .video-r {width: 100%;}
  .video-r {padding: 0;}
  .video-r .pcmfnctsihip:nth-child(3) {display: inline-block;}
  .video-r .pcmfnctsihip {display: inline-block; margin-bottom: 2px;}
  .video-r .pcmfnctsihip:nth-child(2) {margin: 0 10px;}
  .pxpjqencwcff {margin-bottom: 4px;}
}
@media (max-width: 949px) {
  header {height: 50px;}
  .rxqoattadmaj {top: 8px;}
  .pad {height: 50px; margin-bottom: 10px;}
  .logo img {height: 40px;}
  .zqzszbjtcfth {display: none;}
  .kedpzmrfefps {width: 33.333%}
  .kedpzmrfefps img { width: 100%; height: auto; box-sizing: border-box; }
  nav {right: auto; height: auto; width: 0; bottom: 0; top: 50px;}
  .xulinexvrpcj { height: auto; width: 200px;}
  nav ul {column-count: 1;}
  nav .container {min-width:1px; padding: 0}

  #xqqgwxblaspp {display: inline-block;}
  .xtyyryumrbwj {height: 0; overflow: hidden; position: absolute; left: 0; right: 0; top: 50px; transition: height 0.2s ease-in-out;}
  .ikodjzjdtcnb {padding: 10px 80px 10px 10px; background: rgba(0, 0, 0, .85); height: 50px;}
  .ikodjzjdtcnb input, .ikodjzjdtcnb button {border: 0; transition: none}
  .ikodjzjdtcnb input, .ikodjzjdtcnb input:focus {width: 100%;}
  .ikodjzjdtcnb button {position: absolute; top: 10px; right: 10px;}
  .xtyyryumrbwj.wrozzgyumbpu {height: 50px;}

  .pad {margin-bottom: 12px;}
  h1 {margin-bottom: 11px;}
  .imsojbodrqaf, .ijasgiupgcrk {top: 0;}
  .alultetjjkyq .djqomcttzfid:nth-child(3), .video-r .pcmfnctsihip:nth-child(3) {display: none;}
  .video-r .pcmfnctsihip, .video-r .pcmfnctsihip:nth-child(2) {margin: 0 2px 2px 2px;}
  .mljacvjeseyq h1 {max-width: 983px; padding: 0; text-align: center}
}
@media (max-width: 767px) {
  .kedpzmrfefps {width: 50%}	
  h1 {margin-bottom: 8px; font-size: 16px}
  .ppkseqtjhfjw {position: relative; height: 25px; margin: 0 2px 10px 2px;}
}
@media (max-width: 631px) {
  .alultetjjkyq .djqomcttzfid:nth-child(2), .video-r .pcmfnctsihip:nth-child(2) {display: none;}
  .alultetjjkyq .djqomcttzfid {margin: 0;}
  .video-r .pcmfnctsihip {margin: 0 0 2px 0;}
}
@media (max-width: 568px) {
  .ppkseqtjhfjw {height: auto; margin: 0;}
  .imsojbodrqaf, .ijasgiupgcrk {margin:0 0 10px 0; position: static; display: block;}
}
@media (max-width: 375px) {
  .kedpzmrfefps {width: 100%}	
}