@charset "utf-8";
html {
    color: #ffe0e0;
    background: #c34d86;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
body,
button,
input,
select,
textarea {
    font: 12px/1.5 arial, tahoma, sans-serif;
}
input,
select,
textarea {
    font-size: 100%;
}
fieldset,
img {
    border: 0;
    display: block;
}
ol,
ul {
    list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 500;
}
q:before,
q:after {
    content: '';
}
a {
    color: #fecaca;
}
a:hover {
    text-decoration: underline;
}
ins,
a {
    text-decoration: none;
    outline: none;
}
.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.fn-clear {
    zoom: 1;
}
body .fn-hide {
    display: none;
}
.fn-left,
.fn-right {
    display: inline;
}
.fn-left {
    float: left;
}
.fn-right {
    float: right;
}
.fn-webkit-adjust {
    -webkit-text-size-adjust: none;
}
@font-face{font-family:'komika_title_-_axisregular';src:url('komtita-webfont.eot');src:url('komtita-webfont.eot?#iefix') format('embedded-opentype'),
url('komtita-webfont.woff') format('woff'),
url('komtita-webfont.ttf') format('truetype'),
url('komtita-webfont.svg#komika_title_-_axisregular') format('svg');
font-weight:normal;
font-style:normal;

}
body {
    background: #c34d86 url(img/bg.jpg) left top repeat-x;
}
.logo a,
.s-nav li a,
.search-btn,
.gametitle .tags span,
.gametitle .show i,
.site-logo a.hide-text,
.game-list li span.cover,

.wrapper {
    width: 1200px;
    margin: 0 auto;
}
.header {
    padding: 15px 0 0;
    margin: 0 0 20px;
    position: relative;
}
.share {
    position: absolute;
    width: 175px;
    top: 52px;
    left: 175px;
}
.top {
    width: 950px;
	padding-top: 12px;
}
.top-s-nav {
    width: 525px;
    margin: 0 0 15px;
}
.s-nav li {
    float: left;
    margin: 0 15px 0 0;
}
.s-nav li a {
    width: 87px;
    height: 50px;
    line-height: 45px;
    text-align: center;
    font-family: "komika_title_-_axisregular", tahoma, sans-serif;
    font-size: 20px;
    display: block;
    background-position: -171px -119px;
    color: #ff3e75;
}
.s-nav li a.active,
.s-nav li a:hover {
    background-position: -83px -119px;
    color: #fcebec;
    text-decoration: none;
}
.s-nav li a.hide-text {
    background: url(../images/facebook.png) 0 0 no-repeat;
}
.s-nav li a.hide-text:hover {
    background-position: 0 0;
}
.search {
    width: 210px;
    border-radius: 5px;
    border: 4px solid #ff3e75;
    margin: 8px 0 0;
}
.search-bg {
    background: #fff;
    border-radius: 1px;
}
.search-text {
    height: 30px;
    padding: 0 5px;
    width: 166px;
    border: 0;
    font-size: 12px;
    background: inherit;
}
.search-btn {
    width: 30px;
    height: 30px;
    border: 0;
    background-position: -273px -85px;
    float: right;
    cursor: pointer;
}
.fb-log {
    width: 146px;
    height: 31px;
    float: right;
    background: #3b5998;
    border: 1px solid #5e71a5;
    border-radius: 3px;
    margin: 10px 0 0;
}
.fb-log a {
    display: block;
    width: 146px;
    height: 31px;
    background: url(../images/fb-login.png) no-repeat;
}
.fb-log a:hover {
    height: 34px;
    background: url(../images/fb-hover.png) no-repeat;
}
.fb-info {
    width: 145px;
    float: right;
    margin: 20px 0 0;
}
.fb-info a {
    float: left;
    margin: 0 5px 0 0;
}
.fb-info img {
    width: 30px;
    height: 30px;
    border-radius: 16px;
    border: 1px solid #fff;
    margin: -8px 0 0;
    float: left;
}
.top-nav {
    width: 930px;
}
.top-nav li {
    float: right;
    font-family: fantasy;
    font-size: 15px;
    margin: 0 25px 0 0;
    position: relative;
}
.top-nav li.active,
.top-nav li a {
    height: 26px;
    padding: 0 6px 6px;
    display: block;
    text-align: center;
    line-height: 35px;
}
.top-nav li.active a,
.top-nav li a:hover,
.top-nav li a.hoveron {
    color: #ff3e75;
    text-decoration: none;
    border-radius: 3px;
    background: #fecaca;
}
.top-nav li ul,
.menu li ul {
    background: #fecaca;
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: 0 0 5px 5px;
    padding: 7px 0 5px 0;
    position: absolute;
    top: 36px;
}
.top-nav li ul li,
.menu li ul li {
    margin: 0 10px;
    border-top: 1px solid #fec5e8;
    width: 90px;
    height: 35px;
    font-size: 14px;
    text-align: center;
    float: none;
}
.top-nav li ul li a,
.menu li ul li a,
.fixed-inner .top-nav li ul li a {
    color: #fff;
    height: 35px;
    line-height: 33px;
    display: block;
}
.top-nav li ul li a:hover {
    background: none;
}
.fixed-inner .top-nav li.active a,
.fixed-inner .top-nav li a:hover {
    background: #ff3e75;
}
.logo {}.logo a {
    width: 242px;
    height: 45px;
    display: block;
    background-position: 0 0;
	font-family: fantasy;
    font-size: 36px;
}
.cate-head .logo a {
    width: 80px;
    height: 60px;
    background-position: 0 -118px;
}
.menu {
    margin: 10px 0 0 50px;
}
.menu li {
    float: left;
    margin: 0 15px 0 0;
    font-family: "komika_title_-_axisregular", tahoma, sans-serif;
    font-size: 20px;
}
.menu li a {
    height: 35px;
    line-height: 35px;
    padding: 0 6px 5px;
    border-radius: 5px;
}
.menu li.active a,
.menu li a:hover,
.menu li a.hoveron {
    background: #ff3e75;
    color: #fff;
    text-decoration: none;
}
.menu li ul {
    margin: 0 0 0;
    position: absolute;
    left: 0;
    border-radius: 0 5px 5px 5px;
}
.menu li.cate-list {
    position: relative;
}
.menu li ul li a {
    width: 80px;
}
.main {}.left-slide {
    width: 370px;
    height: 252px;
    position: relative;
}
.game-list {
    overflow: hidden;
}
.game-list ul {}#container,
#Page404 {
    margin: 0 auto;
}
.game-list li img {
    border-radius: 5px;
}
.game-list li {
    float: left;
    width: 180px;
    height: 120px;
    padding: 2px;
    border-radius: 5px;
    background: #fff;
    margin: 0 0 8px 5px;
    position: relative;
}
.game-list li span.game-name,
.relategames .post-name {
    display: none;
    position: absolute;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    bottom: 2px;
    left: 2px;
    width: 180px;
    text-align: center;
}
.game-list li span.game-name {}.relategames .post-name {
    left: 2px;
    bottom: 2px;
}
.relategames li:hover .post-name {
    display: flex;
    align-items: center;
    width: 135px;
    height: 90px;
    justify-content: center;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
}
.game-list li:hover span.game-name {
    display: flex;
    align-items: center;
    height: 120px;
    justify-content: center;
    font-size: 20px;
    border-radius: 5px;
}
.game-list li.slide-box {
    width: 370px;
    height: 252px;
}
.game-list ul.slidesjs-pagination {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 100;
    background: rgba(91, 91, 91, .7);
    padding: 2px 6px 2px 0;
    border-radius: 5px;
}
.game-list li.slidesjs-pagination-item {
    float: left;
    width: 12px;
    height: 12px;
    padding: 0;
    background: none;
    margin: 0;
    margin: 0 0 0 8px;
}
.game-list li.slidesjs-pagination-item a {
    display: block;
    text-indent: -999em;
    background: #fff;
    border-radius: 6px;
    width: 12px;
    height: 12px;
    overflow: hidden;
}
.game-list li.slidesjs-pagination-item a.active {
    background: #da0084;
}
.game-list li span.cover {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -2px;
}
.game-list li span.new-cover {
    width: 71px;
    height: 22px;
    background-position: -156px -179px;
}
.game-list li span.hot-cover {
    width: 71px;
    height: 22px;
    background-position: -84px -179px;
}
.game-list li span.fea-cover {
    width: 82px;
    height: 22px;
    background-position: 0 -179px;
}
.pagenav,
.pages {
    text-align: center;
    padding: 5px 0 15px;
}
.pagenav a {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 7px;
    margin: 0 20px 0 0;
    border: 1px solid #212121;
}
.pagenav a.on {
    border: 2px solid #da0084;
    border-radius: 8px;
}
.pages {
    padding-top: 10px;
}
.pages a {
    border: 2px solid #ff3e75;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 10px 0 0;
    border-radius: 9px;
    font-weight: 700;
}
.pages a.prev,
.pages a.next {
    font-size: 20px;
    line-height: 12px;
}
.pages a.on {
    background: #ff3e75;
    color: #fff;
}
.pages a:hover {
    text-decoration: none;
}
.fbg {
    width: 100%;
    height: 19px;
}
.tags span{background: url(img/tag.png) no-repeat;}
.footer {
    width: 100%;
    padding: 15px 0 20px;
	text-align:center;
}
.linklogo li {
    float: left;
    height: 90px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.linklogo li img {
    margin: 0 0 0 10px;
}
.site-logo a {
    color: #fecaca;
    font-size: 11px;
    text-align: center;
    line-height: 13px;
}
.site-logo a.hide-text {
    width: 80px;
    height: 60px;
    background-position: -1px -117px;
}
#playGames {
    width: 1330px;
    margin: 0 auto;
    padding: 20px 0 0;
}
.gamebg {
    background: #fde664;
}
.bg-bot {
    width: 100%;
    height: 0;
    overflow: hidden;
}
.ad160 {
    width: 160px;
    height: 600px;
    background: #ccc;
}
.ad300 {
    width: 300px;
    height: 250px;
    margin: 10px 0 0;
}
.ad728 {
    width: 728px;
    height: 90px;
    margin: 0 0 20px 0;
}
.relategame {
    width: 300px;
    overflow: hidden;
}
.game-l-col {
    margin: 0 5px 0 0;
}
.game-l-col .ad160 {
    margin-right: 5px;
}
.game-r-col .ad160 {
    margin-left: 5px;
}
.game-l-col,
.game-r-col {
    width: 305px;
    overflow: hidden;
}
.game-l-col h2 {
    font-size: 24px;
    color: #fff;
    text-align: center;
}
.rel-games {
    width: 294px;
    padding: 5px 3px;
    background: #ff3e75;
    border-radius: 10px;
}
.relategames {
    width: 140px;
}
.relategames li {
    margin: 0 0 6px;
    float: left;
    position: relative;
}
.relategames li img {
    width: 135px;
    height: 90px;
    border-radius: 10px;
    border: 2px solid #fff;
}
.relategames .post-name a {
    color: #fff;
}
.gameinfo {
    width: 710px;
    min-height: 200px;
}
.gametitle {
    width: 710px;
    min-height: 50px;
    margin: 0 auto;
    position: relative;
}
.gametitle .gamename {
    font-size: 16px;
    font-weight: bold;
}
.gametitle .show {
    position: absolute;
    top: 5px;
    right: 0;
    width: 120px;
    height: 26px;
    line-height: 26px;
    background: #ffe0e0;
    color: #ff3e75;
    text-align: center;
    border-radius: 5px;
}
.gametitle .show:hover {
    text-decoration: none;
    box-shadow: 0 3px 0 #e91034;
}
.gametitle .show i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: -258px -94px;
    margin: 0 0 -1px;
}
.game-box {
    width: 710px;
    background: #fff;
    margin: 0 auto;
}
a#gameReplay {
    width: 19px;
    height: 19px;
    background: url(../images/replay.png) no-repeat;
    float: left;
    margin: 2px 10px 0 0;
}
.game-bottom {
    width: 100%;
    padding: 20px 0;
    position: relative;
}
.gametitle .tags {
    padding: 0 0 10px;
}
.gametitle .tags span {
    padding: 0 0 0 20px;
}
.gametitle .tags a {
    color: #ffe0e0;
    font-weight: bold;
}
.game-description {
    width: 710px;
    margin: 0 auto;
    color: #ccc;
}
.search-tip {
    font-size: 24px;
    padding: 30px;
    text-align: center;
}
.top_info {
    position: absolute;
    right: 0;
    top: 10px;
}
.social {
    float: left;
}
.search-tip img {
    display: inline;
}
.game-comment {}.game-comment .tabs {
    height: 32px;
}
.game-comment .tabs li {
    background: #fe8cad;
    line-height: 32px;
    color: #fff;
    font-family: "komika_title_-_axisregular", tahoma, sans-serif;
    font-size: 20px;
    float: left;
    padding: 0 17px;
    margin: 0 2px 0 0;
    border-radius: 5px 5px 0 0;
    height: 32px;
    border-bottom: 2px solid #ff3e75;
    cursor: pointer;
}
.game-comment .tabs li.active {
    background: #ff3e75;
    color: #ffe0e0;
    height: 32px;
    border-bottom: 0;
}
.tab-content {
    background: #ff3e75;
    padding: 10px;
    width: 710px;
}
.fb-comment {
    width: 710px;
}
.fb-comment .fb_iframe_widget {
    background: #fff;
}
.tab-content .description {
    color: #ccc;
    line-height: 18px;
}
.tab-content .description p {
    margin: 5px 0;
}
.topad {
    width: 728px;
    height: 90px;
    margin: 0 auto 10px;
    display: none;
}
.page404 .game-list {
    margin: 0 auto 55px;
}
.fixed-menu {
    width: 100%;
    height: 80px;
    background: #fc5b89;
    z-index: 999;
    margin: 0 0 20px;
}
.fixed-inner {
    max-width: 1160px;
    margin: 0 auto;
}
.fixed-inner .logo a {
    width: 101px;
    height: 73px;
    background-position: 0 -200px;
    margin: 3px 0 0;
}
.fixed-inner .top-nav {
    width: 1020px;
}
.fixed-inner .top-nav li {
    margin: 0 11px 0 0;
}
.fixed-inner .top-nav li a {
    height: 80px;
    line-height: 80px;
    padding: 0 10px;
    color: #fff;
}
.fixed-inner .top-nav li ul {
    top: 80px;
    right: 0;
}
.fixed-inner .top-nav li ul li {
    margin: 0 10px;
    width: auto;
}
.game-bot {
    width: 728px;
    margin: 10px auto 0;
}
@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    #playGames {
        width: 1165px;
    }
    .game-l-col {
        width: 140px;
        margin: 0 5px 0 0;
    }
    .game-l-col .ad160 {
        display: none;
    }
    .game-r-col .ad160 {
        margin-left: 5px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .wrapper {
        width: 1000px;
    }
    .top {
        width: 820px;
    }
    .top-nav li {
        margin: 0 16px 0 0;
    }
    .fixed-inner .top-nav {
        width: auto;
    }
    .fixed-inner .top-nav li {
        margin: 0 6px 0 0;
    }
    .fixed-inner .top-nav li a {
        padding: 0 7px;
    }
    .menu li {
        margin: 0;
    }
    .gameinfo,
    .gametitle,
    .game-box,
    .game-description {
        width: 640px;
    }
    .game-l-col {
        display: none;
    }
    .gameright,
    .adleft {
        display: none;
    }
    .topad {
        display: block;
    }
    .linklogo li {
        width: 94px;
    }
    #playGames {
        width: 950px;
    }
    .game-r-col .ad160 {
        margin-left: 5px;
    }
}
@media only screen and (min-width: 1600px) {
    .main {
        min-height: 710px;
    }
}
.page404 {
    min-height: 635px;
    margin: 0 auto;
}
.page404 h2,
.page404 h3 {
    width: 800px;
    font-size: 40px;
    font-family: "komika_title_-_axisregular", tahoma, sans-serif;
    text-align: center;
    color: #ff3e75;
    margin: 0 auto;
}
.page404 h2 span,
.page404 h3 span {
    background: url(../images/404.png) left top no-repeat;
    padding: 0 0 0 120px;
    height: 105px;
    line-height: 105px;
    display: inline-block;
    margin: 200px 0 0;
}
.page404 h3 {
    width: 520px;
}
.page404 h3 span {
    margin: 10px 0 40px;
    background-size: 74px 78px;
    font-size: 30px;
    padding: 0 0 0 90px;
    font-size: 28px;
    height: 78px;
    line-height: 80px;
}
.page404 .item {
    margin: 0 6px 8px 0;
}
.terms {
    width: 975px;
    margin: 50px auto;
    padding: 35px 0 0;
    color: #525151;
}
.terms .terms-inner {
    padding: 0 30px;
}
.terms .terms-inner dt {
    font-size: 18px;
    font-weight: bold;
}
.terms .terms-inner dd {
    margin: 0 0 25px;
}
.terms .terms-inner dd p {
    margin: 0 0 10px;
}
.terms .terms-inner a {
    text-decoration: underline;
}
.terms h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    margin: 0 0 15px;
}
#infscr-loading {
    position: fixed;
    text-align: center;
    bottom: 30px;
    left: 42%;
    z-index: 100;
    background: white;
    background: hsla(0, 0%, 100%, 0.9);
    padding: 10px 20px;
    color: #222;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
}
ul.page
{
  width: 1330px;
  height: auto;
  overflow: hidden;
  text-align: center;
}
ul.page a.p {
  display: inline-block;
  padding: 5px;
  height: 14px;
  width: 14px;
  background: #f5f5;
  margin: 5px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  -moz-box-shadow: 2px 3px 4px #666;
  -webkit-box-shadow: 2px 3px 4px #666;
  box-shadow: 2px 3px 4px #DFCEDC;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 14px;
  margin-bottom: 10px;
}
ul.page  a.p:hover{ background:#731D4E; color:#FFFFFF;}
ul.page a.p-active {
  display: inline-block;
  padding: 5px;
  height: 14px;
  width: 14px;
  background: url(img/space.png) repeat top left;
  margin: 5px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  -moz-box-shadow: 2px 3px 4px #666;
  -webkit-box-shadow: 2px 3px 4px #666;
  box-shadow: 2px 3px 4px #3D1818;
  font-weight: bold;
  color: #fff;
  cursor: default;
  text-align: center;
  line-height: 14px;
  margin-bottom: 10px;
}
div#preload-ads {
    background:  #CB6791;
    bottom:  0;
    position:  absolute;
    text-align:  center;
    top:  0px;
    width:  100%;
    z-index:  1000;
    height:  100%;
}
div#preload-ads div#pre-loading {
    -icab-box-shadow: 0 0 14px 4px #ffffff;
    -khtml-box-shadow: 0 0 14px 4px #ffffff;
    -moz-box-shadow: 0 0 14px 4px #ffffff;
    -o-box-shadow: 0 0 14px 4px #ffffff;
    -webkit-box-shadow: 0 0 14px 4px #ffffff;
    background: #ffffff;
    box-shadow: 0 0 14px 4px #ffffff;
    color: #FFF;
    font-family: Arial,  Helvetica,  sans-serif;
    font-size: 11px;
    height: 1px;
    margin: 15px auto;
    width: 0;
}
div#preload-ads-content {
    background: #731D4E;
    border: #ffffff solid 1px;
    height: 250px;
    margin: 80px auto 25px;
    position: relative;
    width: 300px;
}
div#preload-ads-content div.title {
    -moz-border-radius: 25px 0 0;
    -webkit-border-radius: 25px 0 0 0;
    background: #099;
    border-radius: 25px 0 0 0;
    color: #fff;
    cursor: pointer;
    font-family: Arial,  Helvetica,  sans-serif;
    font-size: 12px;
    font-weight: bolder;
    height: 20px;
    line-height: 20px;
    padding-left: 13px;
    padding-right: 5px;
    position: absolute;
    right: 0;
    top: -20px;
    width: auto;
    z-index: 500;
}
div#preload-status {
    color: #ffffff;
    font-family: Arial,  Helvetica,  sans-serif;
    font-size: 12px;
    height: 10px;
    margin: 0 auto;
    width: 100px;
}