body {
    font: 16px/1.8 arial,'Microsoft JhengHei',\5FAE\8EDF\6B63\9ED1\9AD4, PMingLiU,\65B0\7D30\660E\9AD4;
}

#wrapper {
    float: none;
    background: none;
}

#menu {
    background-image: url(../img/index2017/bg_menu.png?v=190627);
}

.download {
    background: url(../img/index2017/topbg.jpg?v=190627) 50% 0 no-repeat;
    overflow: hidden;
    padding-bottom: 40px;
    height: 720px;
}

.download-bgmov {
    position: absolute;
    width: 1920px;
    height: 1040px;
    left: 50%;
    top: -137px;
    margin: 0 0 0 -960px;
    display: block;
}

.download-i {
    width: 1100px;
    margin: auto;
    position: relative;
}

.download-playvideo {
    margin: 0 auto 65px;
    padding: 170px 0 0;
    width: 105px;
}

.download-playvideo__btn {
    background-image: url(../img/index2017/btn-playvideo.png);
    display: block;
    height: 105px;
    transition: opacity .3s;
}

.download-playvideo__btn:hover {
    opacity: .8;
}

.download-slogan {
    margin: 340px 0 14px 242px;
    background-image: url(../img/index2017/slogan.png);
    width: 680px;
    height: 299px;
}

.download-links {
    font-size: 0;
    text-align: center;
}

.download_app, .download_google, .download_apk {
    display: inline-block;
    vertical-align: middle;
    position: static;
    margin: 0 10px;
}

.shop {
    position: relative;
    overflow: hidden;
    margin: 0 0 16px;
}

.info{
    font-size: 12px;
    margin: 0 0 32px;
    width: 672px;

}
.info a{text-decoration: underline;}

.index-promo {
    background: none;
}

.index-promo__ctrl {
    height: auto;
    bottom: 16px;
    display: block;
}

.index-promo__pg {
    font-size: 0;
    display: block;
    text-align: center;
    background: none;
}

.index-promo__pg-item {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/index2017/btn-promo-pg.png);
    width: 20px;
    height: 19px;
    transition: none;
    min-width: 0;
    margin: 0 3px;
}

.index-promo__pg-item--cur, .index-promo__pg-item:hover {
    background-position: 0 -20px;
    background-color: transparent;
}

.tab {
    background: rgba(7, 11, 15, 0.6);
}

#menu ul li .m1 {
    background-image: url(../img/index2017/m1.png);
}

#menu ul li .m2 {
    background-image: url(../img/index2017/m2.png);
}

#menu ul li .m3 {
    background-image: url(../img/index2017/m3.png);
}

#menu ul li .m4 {
    background-image: url(../img/index2017/m4.png);
}

#menu ul li .m5 {
    background-image: url(../img/index2017/m5.png);
}

#menu ul li .m6 {
    background-image: url(../img/index2017/m6.png);
}

#menu ul li a:hover, #menu ul li a.menu-a-ov {
    position: relative;
    background-position: -121px 0;
}

#menu ul li a:hover:before, #menu ul li a.menu-a-ov:before {
    content: '';
    background-image: url(../img/index2017/bg-menuitem.png);
    width: 120px;
    height: 44px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -60px;
}

.indexlogo {
    position: absolute;
    width: 420px;
    height: 199px;
    left: 50%;
    margin: 0 0 0 -210px;
    top: 0;
}

.index-section-i {
    width: 1100px;
    margin: auto;
}

.index-section-0 {
    height: 560px;
    padding: 80px 0 40px;
    background: url(../img/index2017/bg-line1.png) 50% 0 no-repeat, url(../img/index2017/cntbg.jpg) 50% 0 no-repeat;
}

.index-section-1 {
    padding: 40px 0;
    background: #0A0E16;
}

.index-section-2 {
    padding: 75px 0 0;
    background: url(../img/index2017/bg-line2.png) 50% 100% no-repeat, url(../img/index2017/btmbg.jpg) 50% 0 no-repeat;
    height: 810px;
}

.index-section-2-i {
    overflow: hidden;
}

.index-heros {
    overflow: hidden;
}

.index-newhero {
    float: left;
    width: 310px;
    margin: 0 20px 0 0;
}

.index-newhero__hd {
    height: 40px;
    margin: 0 0 12px;
}

.index-newhero__title {
    background: url(../img/index2017/title-newhero.png);
    width: 144px;
    height: 26px;
}

.index-newhero__title-w {
    padding: 10px 0 0;
}

.index-newhero__link {
    display: block;
    background-image: url(../img/index2017/bd-newhero.png);
    padding: 2px;
    font-weight: bold;
}

.index-newhero__link:hover {
    color: #fff;
}

.index-newhero__link:hover .index-newhero__intro {
    background: none;
}

.index-newhero__link:hover .index-newhero__dimmer {
    opacity: 1;
    visibility: visible;
}

.index-newhero__link:hover .index-newhero__desc {
    width: 300px;
}

.index-newhero__link:hover .index-newhero__more {
    display: inline-block;
    vertical-align: bottom;
}

.index-newhero__link-i {
    height: 116px;
    position: relative;
}

.index-newhero__img {
    display: block;
    width: 100%;
    height: 100%;
}

.index-newhero__dimmer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
}

.index-newhero__intro {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 1.3;
    font-size: 0;
    background: rgba(0, 0, 0, 0.6);
    padding: 0 5px;
    box-sizing: border-box;
}

.index-newhero__desc {
    display: inline-block;
    vertical-align: bottom;
    font-size: 0;
    width: 100%;
    padding: 3px 0;
}

.index-newhero__desc-icon--aid {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/index2017/icon-aid.png);
    width: 22px;
    height: 21px;
    margin: 0 2px 0 0;
}

.index-newhero__desc-icon--archer {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/index2017/icon-archer.png);
    width: 22px;
    height: 21px;
    margin: 0 2px 0 0;
}

.index-newhero__desc-icon--assassin {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/index2017/icon-assassin.png);
    width: 22px;
    height: 21px;
    margin: 0 2px 0 0;
}

.index-newhero__desc-icon--master {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/index2017/icon-master.png);
    width: 22px;
    height: 21px;
    margin: 0 2px 0 0;
}

.index-newhero__desc-icon--soldier {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/index2017/icon-soldier.png);
    width: 22px;
    height: 21px;
    margin: 0 2px 0 0;
}

.index-newhero__desc-icon--tank {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/index2017/icon-tank.png);
    width: 22px;
    height: 21px;
    margin: 0 2px 0 0;
}

.index-newhero__desc-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #f4e3bb;
    margin: 0 6px 0 0;
}

.index-newhero__desc-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
}

.index-newhero__more {
    display: none;
    width: 98px;
    text-align: right;
    font-size: 24px;
    text-shadow: 2px 2px 2px #000;
    position: absolute;
    bottom: 0px;
    right: 3px;
}

.index-freeheros {
    float: left;
    width: 770px;
}

.index-freeheros__hd {
    height: 40px;
    margin: 0 0 12px;
    overflow: hidden;
}

.index-freeheros__title {
    background: url(../img/index2017/title-freehero.png);
    width: 143px;
    height: 26px;
}

.index-freeheros__title-w {
    padding: 10px 0 0;
    float: left;
}

.index-freeheros__more {
    float: right;
}

.index-freeheros__more-link {
    background-image: url(../img/index2017/btn-more1.jpg);
    width: 170px;
    padding: 2px;
    display: block;
}

.index-freeheros__more-link-i {
    height: 36px;
    overflow: hidden;
    position: relative;
}

.index-freeheros__more-link-i:before {
    content: '';
    background-image: url(../img/index2017/icon-arrow-left2.png);
    left: -6px;
    top: 50%;
    width: 16px;
    height: 32px;
    display: block;
    margin: -16px 0 0;
    position: absolute;
}

.index-freeheros__more-link-i:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 0;
    visibility: hidden;
}

.index-freeheros__more-link:hover .index-freeheros__more-link-i:after {
    opacity: 1;
    visibility: visible;
}

.index-freeheros__more-txt {
    background-image: url(../img/index2017/txt-morehero.png);
    width: 122px;
    height: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -61px;
    z-index: 1;
}

.index-freeheros__main {
    overflow: hidden;
}

.index-freeheros__item {
    float: left;
    margin: 0 9px 0 0;
}

.index-freeheros__item:last-child {
    margin: 0;
}

.index-freeheros__item-link {
    display: block;
    padding: 2px;
    width: 116px;
    background-image: url(../img/index2017/bd-freehero.png);
}

.index-freeheros__item-link-i {
    height: 116px;
    position: relative;
}

.index-freeheros__item-link:hover {
    color: #fff;
}

.index-freeheros__item-link:hover .index-freeheros__item-dimmer {
    opacity: 1;
    visibility: visible;
}

.index-freeheros__item-img {
    display: block;
    width: 100%;
    height: 100%;
}

.index-freeheros__item-dimmer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 0;
    visibility: hidden;
}

.index-freeheros__item-dimmer-txt {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    font-size: 18px;
    font-weight: bold;
    text-shadow: 2px 2px 2px #000;
    line-height: 1.3;
}

.index-guides__hd {
    height: 40px;
    margin: 0 0 12px;
    overflow: hidden;
}

.index-guides__title {
    background: url(../img/index2017/title-guides.png);
    width: 213px;
    height: 26px;
}

.index-guides__title-w {
    padding: 10px 0 0;
    float: left;
}

.index-guides__more {
    float: right;
}

.index-guides__more-link {
    background-image: url(../img/index2017/btn-more1.jpg);
    width: 170px;
    padding: 2px;
    display: block;
}

.index-guides__more-link-i {
    height: 36px;
    overflow: hidden;
    position: relative;
}

.index-guides__more-link-i:before {
    content: '';
    background-image: url(../img/index2017/icon-arrow-left2.png);
    left: -6px;
    top: 50%;
    width: 16px;
    height: 32px;
    display: block;
    margin: -16px 0 0;
    position: absolute;
}

.index-guides__more-link-i:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 0;
    visibility: hidden;
}

.index-guides__more-link:hover .index-guides__more-link-i:after {
    opacity: 1;
    visibility: visible;
}

.index-guides__more-txt {
    background-image: url(../img/index2017/txt-guides.png);
    width: 104px;
    height: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -52px;
    z-index: 1;
}

.index-guides__item {
    padding: 4px 0;
    border-bottom: 2px solid #1D2A4B;
    display: block;
}

.index-guides__item-w:last-child .index-guides__item {
    border-bottom: none;
}

.index-guides__item-i {
    padding: 9px 10px;
    font-size: 0;
}

.index-guides__item-hthumb {
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px 0 0;
    background: #1B2B4B;
    border: 1px solid #2E3F65;
    padding: 1px;
}

.index-guides__item-hthumb-a {
    display: block;
}

.index-guides__item-hthumb-img {
    display: block;
    width: 56px;
    height: 56px;
}

.index-guides__item-content {
    display: inline-block;
    vertical-align: middle;
    width: 1013px;
}

.index-guides__item-top {
    font-size: 0;
    white-space: nowrap;
    height: 24px;
}

.index-guides__item-aname {
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 869px;
    margin: 0 7px 0 0;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}

.index-guides__item-aname--hot {
    position: relative;
    padding: 0 57px 0 0;
}

.index-guides__item-aname--hot:after {
    content: 'HOT';
    position: absolute;
    right: 0;
    top: 0;
    color: #ffbe00;
    font-weight: normal;
    display: block;
    text-align: center;
    background: url(../img/index2017/icon-hot.png) 0 50% no-repeat;
    width: 33px;
    padding: 0 0 0 18px;
}

.index-guides__item-top .index-guides__item-aname:only-child {
    max-width: 100%;
    margin: 0;
}

.index-guides__item-aname-hero {
    color: #f0dfb2;
}

.index-guides__item-fcheck {
    color: #00c6ff;
    box-sizing: border-box;
    position: relative;
    padding: 0 0 0 20px;
    display: inline-block;
    vertical-align: middle;
    max-width: 137px;
    font-size: 13px;
    overflow: hidden;
}

.index-guides__item-fcheck:before {
    background: url(../img/index2017/icon-fcheck.png);
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -7px 0 0;
    content: '';
}

.index-guides__item-mid {
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index-guides__item-skill {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin: 0 12px 0 0;
}

.index-guides__item-skill-title {
    display: inline-block;
    vertical-align: middle;
    background: #1B2B4B;
    border: 1px solid #2D4069;
    font-size: 12px;
    width: 34px;
    height: 30px;
    text-align: center;
    line-height: 1.2;
    padding: 4px 0 0;
    margin: 0 7px 0 0;
    white-space: normal;
    vertical-align: top;
    color: #fff;
}

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
    .index-guides__item-skill-title {
        height: 32px;
        padding: 3px 0 0;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .index-guides__item-skill-title {
        height: 32px;
        padding: 3px 0 0;
    }
}

.index-guides__item-skill-item {
    display: inline-block;
    vertical-align: middle;
    background: #1B2B4B;
    border: 1px solid #2D4069;
    margin: 0 7px 0 0;
}

.index-guides__item-skill-item-img {
    display: block;
    width: 34px;
    height: 34px;
}

.index-guides__item-skill-item-w {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.index-guides__item-items {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.index-guides__item-items-title {
    display: inline-block;
    vertical-align: middle;
    background: #1B2B4B;
    border: 1px solid #2D4069;
    font-size: 12px;
    width: 34px;
    height: 30px;
    text-align: center;
    line-height: 1.2;
    padding: 4px 0 0;
    margin: 0 7px 0 0;
    white-space: normal;
    color: #fff;
}

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
    .index-guides__item-items-title {
        height: 32px;
        padding: 3px 0 0;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .index-guides__item-items-title {
        height: 32px;
        padding: 3px 0 0;
    }
}

.index-guides__item-items-item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 6px;
    margin: 0 0 0 3px;
    position: relative;
}

.index-guides__item-items-item:before {
    content: '';
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    border-top: solid 4px;
    border-bottom: solid 4px;
    border-left: solid 4px;
    border-right: solid 4px;
    border-color: transparent;
    border-left-color: #1e3763;
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}

.index-guides__item-items-item:first-child {
    padding: 0;
    margin: 0;
}

.index-guides__item-items-item:first-child:before {
    display: none;
}

.index-guides__item-items-item-img {
    background: #1B2B4B;
    border: 1px solid #2D4069;
    display: block;
    width: 34px;
    height: 34px;
}

.index-guides__item-items-item-w {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: 576px;
    margin: 0 33px 0 0;
    overflow: hidden;
}

.index-guides__item-r {
    display: inline-block;
    vertical-align: middle;
    width: 220px;
    font-size: 13px;
    line-height: 1.4;
}

.index-guides__item-author, .index-guides__item-date {
    font-weight: bold;
    color: #556480;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: 1px;
}

.index-guides__item-author-w:after {
    clear: both;
    content: "";
    display: table;
}

.index-guides__item-fauthor {
    color: #00c6ff;
    box-sizing: border-box;
    padding: 0 0 0 20px;
    position: relative;
    float: right;
    max-width: 100%;
    min-height: 15px;
}

.index-guides__item-fauthor:before {
    background: url(../img/index2017/icon-fcheck.png);
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -7px 0 0;
    content: '';
}

.catalog-entries__item-i:hover .index-guides__item-fauthor {
    color: #00c6ff;
}

.index-guides__item-txtmaster {
    color: #00c6ff;
    box-sizing: border-box;
    padding: 0 0 0 20px;
    position: relative;
    float: right;
    max-width: 100%;
    min-height: 15px;
}

.index-guides__item-txtmaster:before {
    background: url(../img/index2017/icon-txtmaster.png);
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -7px 0 0;
    content: '';
}

.catalog-entries__item-i:hover .index-guides__item-txtmaster {
    color: #00c6ff;
}

.index-video {
    float: left;
    width: 780px;
    margin: 0 20px 0 0;
}

.index-video__hd {
    height: 40px;
    margin: 0 0 12px;
}

.index-video__title {
    background: url(../img/index2017/title-video.png);
    width: 153px;
    height: 26px;
}

.index-video__tab {
    font-size: 0;
    text-align: center;
    margin: 0 0 26px;
}

.index-video__tab-item {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.index-video__tab-trigger {
    font-size: 0;
    display: block;
    border-bottom: 4px solid #3a424e;
    color: #858a92;
    transition: border-bottom-color 0.3s, color 0.3s;
}

.index-video__tab-trigger:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    background-image: url(../img/index2017/icon-arrow-left.png);
    width: 30px;
    height: 46px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
}

.index-video__tab-trigger:after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    background-image: url(../img/index2017/icon-arrow-right.png);
    width: 30px;
    height: 46px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
}

.index-video__tab-trigger:hover, .index-video__tab-trigger--active {
    color: #ebd1ab;
    border-bottom-color: #bda37d;
}

.index-video__tab-trigger:hover:before, .index-video__tab-trigger:hover:after, .index-video__tab-trigger--active:before, .index-video__tab-trigger--active:after {
    visibility: visible;
    opacity: 1;
}

.index-video__tab-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
}

.index-video__content {
    display: none;
}

.index-video__content--active {
    display: block;
}

.index-video__list {
    font-size: 0;
    border-bottom: 2px solid #505E89;
    padding: 0 0 5px;
}

.index-video__item {
    display: inline-block;
    vertical-align: top;
    height: 270px;
    margin: 0 13px 13px;
}

.index-video__item-cover {
    position: relative;
    margin: 0 0 10px;
}

.index-video__item-cover--liveon:after,.index-video__item-cover--liveoff:after{
    content: '';
    position: absolute;
    display: block;
    right: 0;
    top: 10px;
    width: 60px;
    height: 24px;
}

.index-video__item-cover--liveon:after{
    background: url(../img/index2017/live_on.jpg);
}

.index-video__item-cover--liveoff:after{
    background: url(../img/index2017/live_off.jpg);
}

.index-video__item-img {
    display: block;
    width: 100%;
    height: 148px;
}

.index-video__item-dimmer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 0;
    visibility: hidden;
}

.index-video__item-go {
    width: 67px;
    height: 67px;
    border: 3px solid #fff;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -36px 0 0 -36px;
}

.index-video__item-go:before {
    content: '';
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    border-top: solid 12px;
    border-bottom: solid 12px;
    border-left: solid 16px;
    border-right: solid 16px;
    border-color: transparent;
    border-left-color: #fff;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -5px;
}

.index-video__item-name {
    color: #f2e7b9;
    max-height: 50px;
    height: 50px;
    overflow: hidden;
    font-size: 18px;
    margin: 0 0 3px;
}

.index-video__item-desc {
    color: #8f93ab;
    font-size: 16px;
}

.index-video__item-desc-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index-video__link {
    display: block;
    width: 234px;
    line-height: 1.4;
}

.index-video__link:hover .index-video__item-dimmer {
    opacity: 1;
    visibility: visible;
}

.index-video__more {
    padding: 20px 0 0;
}

.index-video__more-link {
    background-image: url(../img/index2017/btn-morelive.jpg);
    width: 296px;
    padding: 2px;
    display: block;
    margin: auto;
}

.index-video__more-link-i {
    height: 50px;
    overflow: hidden;
    position: relative;
}

.index-video__more-link-i:before {
    content: '';
    background-image: url(../img/index2017/icon-arrow-left2.png);
    left: 0;
    top: 50%;
    width: 16px;
    height: 32px;
    display: block;
    margin: -16px 0 0;
    position: absolute;
}

.index-video__more-link-i:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 0;
    visibility: hidden;
}

.index-video__more-link:hover .index-video__more-link-i:after {
    opacity: 1;
    visibility: visible;
}

.index-video__more-txt {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
}

.index-video__more-txt-fp {
    background-image: url(../img/index2017/txt-moreflive.png);
    width: 159px;
    height: 38px;
    margin: -19px 0 0 -80px;
}

.index-video__more-txt-np {
    background-image: url(../img/index2017/txt-morelive.png);
    width: 159px;
    height: 38px;
    margin: -19px 0 0 -80px;
}

.index-aside {
    float: left;
    width: 300px;
    padding: 15px 0 0;
}

.index-entries {
    margin: 0 0 10px;
}

.index-entries__betasvr {
    display: block;
    background-image: url(../img/index2017/btn-betasvr.jpg);
    width: 300px;
    height: 110px;
    margin: 0 0 10px;
}

.index-entries__betasvr:hover {
    background-position: -301px 0;
}

.index-entries__topup {
    display: block;
    background-image: url(../img/index2017/btn-topup.jpg);
    width: 296px;
    height: 48px;
    padding: 2px;
    margin: 0 0 10px;
}

.index-entries__topup-i {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.index-entries__topup-i:before {
    content: '';
    background-image: url(../img/index2017/icon-arrow-left2.png);
    left: -8px;
    top: 50%;
    width: 16px;
    height: 32px;
    display: block;
    margin: -16px 0 0;
    position: absolute;
}

.index-entries__topup-txt {
    background-image: url(../img/index2017/txt-topup.png);
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.index-entries__schoolrank {
    display: block;
    background-image: url(../img/index2017/btn-schoolrank.jpg);
    width: 296px;
    height: 48px;
    padding: 2px;
    margin: 0 0 10px;
}

.index-entries__schoolrank-i {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.index-entries__schoolrank-i:before {
    content: '';
    background-image: url(../img/index2017/icon-arrow-left2.png);
    left: -8px;
    top: 50%;
    width: 16px;
    height: 32px;
    display: block;
    margin: -16px 0 0;
    position: absolute;
}

.index-entries__schoolrank-txt {
    background-image: url(../img/index2017/txt-schoolrank.png);
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.index-entries__firmmatch {
    display: block;
    background-image: url(../img/index2017/btn-firmmatch.jpg);
    width: 296px;
    height: 48px;
    padding: 2px;
    margin: 0 0 10px;
}

.index-entries__firmmatch-i {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.index-entries__firmmatch-i:before {
    content: '';
    background-image: url(../img/index2017/icon-arrow-left2.png);
    left: -8px;
    top: 50%;
    width: 16px;
    height: 32px;
    display: block;
    margin: -16px 0 0;
    position: absolute;
}

.index-entries__firmmatch-txt {
    background-image: url(../img/index2017/txt-firmmatch.png);
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.index-entries__citymatch {
    display: block;
    background-image: url(../img/index2017/btn-citymatch.jpg);
    width: 296px;
    height: 48px;
    padding: 2px;
    margin: 0 0 10px;
}

.index-entries__citymatch-i {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.index-entries__citymatch-i:before {
    content: '';
    background-image: url(../img/index2017/icon-arrow-left2.png);
    left: -8px;
    top: 50%;
    width: 16px;
    height: 32px;
    display: block;
    margin: -16px 0 0;
    position: absolute;
}

.index-entries__citymatch-txt {
    background-image: url(../img/index2017/txt-citymatch.png);
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.index-entries__topup-txt {
    width: 122px;
    height: 50px;
}

.index-entries__topup:hover .index-entries__topup-txt {
    background-position: -123px 0;
}

.index-entries__citymatch-txt {
    width: 147px;
    height: 49px;
}

.index-entries__citymatch:hover .index-entries__citymatch-txt {
    background-position: -148px 0;
}

.index-entries__schoolrank-txt {
    width: 147px;
    height: 50px;
}

.index-entries__schoolrank:hover .index-entries__schoolrank-txt {
    background-position: -148px 0;
}

.index-entries__firmmatch-txt {
    width: 147px;
    height: 50px;
}

.index-entries__firmmatch:hover .index-entries__firmmatch-txt {
    background-position: -148px 0;
}

.forumapp {
    position: fixed;
    right: 50px;
    top: 50%;
    margin: -153px 0 0;
    z-index: 10;
}

@media screen and (max-width: 1400px) {
    .forumapp {
        display: none;
    }
}

.forumapp__link {
    background-image: url(../img/index2017/btn-forumapp.png);
    width: 76px;
    height: 306px;
    display: block;
}

.forumapp__link:hover {
    background-position: -77px 0;
}