@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype')}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype')}@font-face{font-family:'Noto Sans SC';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.otf) format('opentype')}@font-face{font-family:'Noto Sans SC';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.otf) format('opentype')}@-webkit-keyframes ico-like-animate{0%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.3);transform:scale(1.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes ico-like-animate{0%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.3);transform:scale(1.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes plus-count-animate{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}60%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes plus-count-animate{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}60%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes ico-follow-animate{0%{background-position:0 0;-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.2);transform:scale(1.2)}49%{background-position:0 0;-webkit-transform:scale(0);transform:scale(0)}50%{background-position:0 -41px;-webkit-transform:scale(0);transform:scale(0)}95%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{background-position:0 -41px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ico-follow-animate{0%{background-position:0 0;-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.2);transform:scale(1.2)}49%{background-position:0 0;-webkit-transform:scale(0);transform:scale(0)}50%{background-position:0 -41px;-webkit-transform:scale(0);transform:scale(0)}95%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{background-position:0 -41px;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ico-unfollow-animate{0%{background-position:0 -41px;-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.2);transform:scale(1.2)}49%{background-position:0 -41px;-webkit-transform:scale(0);transform:scale(0)}50%{background-position:0 0;-webkit-transform:scale(0);transform:scale(0)}95%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{background-position:0 0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ico-unfollow-animate{0%{background-position:0 -41px;-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.2);transform:scale(1.2)}49%{background-position:0 -41px;-webkit-transform:scale(0);transform:scale(0)}50%{background-position:0 0;-webkit-transform:scale(0);transform:scale(0)}95%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{background-position:0 0;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ico-follow-animate-night{0%{background-position:0 0;-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.2);transform:scale(1.2)}49%{background-position:0 0;-webkit-transform:scale(0);transform:scale(0)}50%{background-position:0 -82px;-webkit-transform:scale(0);transform:scale(0)}95%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{background-position:0 -82px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ico-follow-animate-night{0%{background-position:0 0;-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.2);transform:scale(1.2)}49%{background-position:0 0;-webkit-transform:scale(0);transform:scale(0)}50%{background-position:0 -82px;-webkit-transform:scale(0);transform:scale(0)}95%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{background-position:0 -82px;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ico-unfollow-animate-night{0%{background-position:0 -82px;-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.2);transform:scale(1.2)}49%{background-position:0 -82px;-webkit-transform:scale(0);transform:scale(0)}50%{background-position:0 0;-webkit-transform:scale(0);transform:scale(0)}95%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{background-position:0 0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ico-unfollow-animate-night{0%{background-position:0 -82px;-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.2);transform:scale(1.2)}49%{background-position:0 -82px;-webkit-transform:scale(0);transform:scale(0)}50%{background-position:0 0;-webkit-transform:scale(0);transform:scale(0)}95%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{background-position:0 0;-webkit-transform:scale(1);transform:scale(1)}}body{font-size:12px;line-height:1.5;font-family:'Noto Sans TC','Noto Sans SC',Helvetica,sans-serif;font-weight:400;color:#d2d5d8;background:#fff;height:100%}body.theme-old{background:#0a0b0e}a{text-decoration:none}.input{color:#6f737f!important}.input::-webkit-input-placeholder{color:#6f737f}.input:-moz-placeholder{color:#6f737f}.input::-moz-placeholder{color:#6f737f}.input:-ms-input-placeholder{color:#6f737f}.with-app-bar{padding-bottom:50px!important}.page-bg{display:none;position:fixed;top:0;width:100%;height:100px;background-repeat:no-repeat;background-position:top center;background-size:100%}.preloader{margin:50px 0;width:100%;text-align:center}.bar-header,.pane,.view{background:0 0}.scroll-refresher .ionic-refresher-content{bottom:3px;color:#f13232}.ionic-refresher-content .icon-pulling{font-size:26px}.overflow-scroll>.scroll{height:101%}.spinner{stroke:#f13232;fill:#f13232}.spinner svg{width:24px;height:24px}.spinner .stop1,.spinner .stop2{stop-color:#f13232}.bar .title{margin:0;height:48px;border-bottom:0}.has-header{top:48px}.pswp__img--placeholder--blank{background:0 0}.common-ico:before{content:'';display:inline-block;position:relative;top:2px;margin-right:4px;width:16px;height:16px;background-image:url(../images/ico_like_comment.png);background-repeat:no-repeat;background-size:32px}.common-ico.ico-like:before{background-position:0 0}.common-ico.ico-like.active:before{background-position:-16px 0}.common-ico.ico-comment:before{top:3px;background-position:0 -16px}.common-ico.ico-comment.active:before{background-position:-16px -16px}.ico-video{position:relative;width:36px;height:20px;border:1px solid rgba(44,47,47,.6);border-radius:5px;background:rgba(8,9,12,.6)}.ico-video:before{content:'';display:block;position:absolute;top:4px;left:9px;width:11px;height:9px;border-radius:1px;background:#d2d5d8}.ico-video:after{content:'';display:block;position:absolute;top:5px;left:20px;border-style:solid;border-width:4px 6px 4px 0;border-radius:1px;border-color:transparent #d2d5d8 transparent transparent}.btn-follow{position:absolute;top:20px;right:0;width:70px;height:27px;border:1px solid #e72f2f;border-radius:14px 0 0 14px;padding-left:2px;font-size:10px;line-height:25px;color:#d2d5d8;background:#e72f2f;text-align:center;transition:all 200ms ease-out}.btn-follow:before{content:'';display:inline-block;position:relative;top:3px;margin-right:4px;width:12px;height:11px;background:url(../images/ico_follow.png) 0 -11px no-repeat;background-size:12px}.btn-follow.followed{border-color:rgba(210,213,216,.2);border-right-color:transparent;background:#08090c}.btn-follow.followed:before{top:3px;background-position:0 0}.btn-follow.following:after{content:'+1';display:block;position:absolute;top:-5px;left:12px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-animation:plus-count-animate 300ms ease-out;animation:plus-count-animate 300ms ease-out;opacity:0}.video-wrap{position:relative;height:0;padding-bottom:56.25%;background:#1b1b1d}.video-wrap.not-support:before{content:'';display:block;position:absolute;top:50%;left:50%;width:68px;height:68px;border-radius:50%;background:url(../images/ico_video_fail.png) center no-repeat rgba(8,9,12,.3);background-size:44px;-webkit-transform:translate(-50%,-70%);-ms-transform:translate(-50%,-70%);transform:translate(-50%,-70%)}.video-wrap.not-support:after{content:attr(data-text);display:block;position:absolute;top:80%;left:0;right:0;font-size:12px;color:#6f737f;text-align:center}.video-wrap .video-pre-player{position:absolute;width:100%;height:100%;background-position:center;background-size:100%}.video-wrap .video-pre-player:before{content:'';display:block;position:absolute;top:50%;left:50%;width:47px;height:47px;background:url(../images/ico_video_pre.png) center no-repeat;background-size:contain;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-wrap .video-player{position:absolute;top:0;left:0;width:100%;height:100%}.video-wrap video{width:100%;height:100%}.video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.btn-create-thread{position:fixed;right:20px;bottom:75px;width:50px;height:50px;border-radius:50%;background:#ee3534}.btn-create-thread .ico-create{margin:14px;width:19px;height:19px;background:url(../images/ico_search_create_up.png) no-repeat;background-size:51px}.btn-back-to-top-wrap{position:fixed;top:30px;left:0;width:100%;text-align:center}.btn-back-to-top-wrap.no-nav{top:-15px}.btn-back-to-top-wrap .btn-back-to-top-clickable{display:inline-block;padding:30px 20px 0;height:65px}.btn-back-to-top-wrap .btn-back-to-top{border-radius:30px;padding:6px 14px;background:rgba(0,0,0,.8);white-space:nowrap}.btn-back-to-top-wrap .btn-back-to-top .icon{padding-right:5px;font-size:14px;line-height:18px}.ico-search{width:16px;height:16px;background:url(../images/ico_search_create_up.png) -19px 0 no-repeat;background-size:51px}.ico-user-profile{width:16px;height:16px;background:url(../images/ico_search_create_up.png) -35px 0 no-repeat;background-size:51px}.forum-home-tab,.forum-search-tab{position:relative;display:block;height:44px;background-image:none!important;background:#0e0f12}.thread-search-box{padding:10px 12px}.thread-search-box .item-input{position:relative;border:none;border-radius:2px;padding:0 50px 0 0;background:rgba(10,11,13,.8)}.thread-search-box .item-input .ico-search{position:absolute;top:6px;right:5px;z-index:1;transition:-webkit-transform 200ms ease;transition:transform 200ms ease;transition:transform 200ms ease,-webkit-transform 200ms ease}.thread-search-box .item-input.animate .ico-search{-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px)}.thread-search-box .item-input .input{width:100%;height:24px;border:1px solid rgba(255,255,255,.15);border-radius:5px;padding:0 0 0 7px;font-size:14px;line-height:22px;background:#151517;opacity:0;transition:opacity 200ms ease}.thread-search-box .item-input.animate .input{opacity:1}.thread-search-box .item-input .input-fake{line-height:34px}.btn-cancel{position:fixed;top:1px;right:0;width:60px;font-size:14px;color:#6f737f;text-align:center;opacity:0;z-index:10;transition:opacity 200ms ease}.btn-cancel.animate{opacity:1}.hot-search-container{margin:12px 12px 0}.hot-search-container .hot-search-title{font-size:14px}.hot-search-container .hot-search-tags{margin:8px 0 0 -4px}.hot-search-container .hot-search-tag{display:inline-block;margin:4px;border-radius:3px;padding:5px 10px;color:#6f737f;background:#151517}.forum-home-tab .thread-search-button{position:absolute;top:1px;right:0;padding:16px;z-index:100}.forum-home-tab .thread-user-button{position:absolute;top:1px;right:1px;padding:14px 18px;z-index:100}.thread-type-tab{margin:0 0 0 8px;width:auto;max-width:none;padding-top:8px;text-align:left}.thread-type-tab .thread-categories{height:28px;border:0;border-radius:0;font-size:0;background:0 0;overflow:hidden}.thread-type-tab .thread-cat{display:inline-block;margin-left:4px;width:auto;border:1px solid rgba(255,255,255,.15);border-radius:5px;padding:0 11px;font-size:12px;line-height:26px;font-weight:500;color:#6f737f;background:#151517;text-align:center;vertical-align:top}.thread-type-tab .thread-cat.active{border-color:rgba(255,255,255,.08);color:#e72f2f;background:rgba(0,0,0,.5)}.thread-category-tab{display:inline-block;position:relative;width:100%;background-repeat:no-repeat;background-position:top center;background-size:414px}.thread-category-tab:after,.thread-category-tab:before{content:'';display:block;position:absolute;top:0;left:0;width:20px;height:55px;background-repeat:no-repeat;background-position:bottom,center;background-image:linear-gradient(to right,rgba(255,255,255,.15) 50%,transparent),linear-gradient(to right,#08090c 40%,transparent);background-size:100% 1px,100%;z-index:3}.thread-category-tab:after{left:auto;right:0;background-image:linear-gradient(to left,rgba(255,255,255,.15) 50%,transparent),linear-gradient(to left,#08090c 40%,transparent)}.thread-category-tab .thread-category-tab-border{position:relative;top:-1px;width:100%;height:1px;background:rgba(255,255,255,.15)}.thread-category-tab .thread-category-wrap{margin:0 10px;height:55px;z-index:2}.thread-category-tab .thread-categories{display:block;position:relative;text-align:center;white-space:nowrap}.thread-category-tab .thread-categories a:first-child .thread-cat{margin-left:14px}.thread-category-tab .thread-categories a:last-child .thread-cat{margin-right:14px}.thread-category-tab .thread-categories .thread-cat{display:inline-block;position:relative;height:52px;padding:0 20px;font-size:14px;line-height:52px;color:grey;top:-2px}.thread-category-tab .thread-categories .thread-cat.active{top:0;height:54px;border-bottom:3px solid #ee3534;font-size:22px;font-weight:500;color:#ee3534}.article-lists{margin-top:-18px;padding:1px 12px}.article-lists .list-item{position:relative;margin:16px 0}.article-lists .list-item .thumb{float:left;position:relative;margin-top:0;width:128px;height:72px;border:1px solid rgba(49,49,49,.5);background-repeat:no-repeat;background-position:center;background-size:cover}.article-lists .list-item .thumb .ico-video{position:absolute;top:4px;left:4px;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.article-lists .list-item .info{padding-left:140px}.article-lists .list-item .info .title{display:block;display:-webkit-box;height:42px;font-size:14px;line-height:21px;color:#d2d5d8;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-lists .list-item .info .stats{margin-top:14px;font-size:12px;line-height:18px;color:#6f737f}.article-lists .list-item .info .stats span{display:inline-block}.article-lists .list-item .info .stats span:after{content:'';display:inline-block;margin-left:4px;width:14px;height:14px;background:url(../images/ico_comment_view.png) center left no-repeat;background-size:28px;-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}.article-lists .list-item .info .stats .views{width:70px}.article-lists .list-item .info .stats .views:after{background-position:center right}.article-lists .list-item .hero-name{float:right;display:inline-block;margin:1px 0 0;font-size:10px}.threads-list-container{padding-top:1px}.threads-list-item{margin:6px 0 8px}.threads-list-item .threads-list-content{padding:12px 0 15px;background:#151517}.threads-list-item .threads-list-content.is-special-user{background-image:linear-gradient(to bottom,rgba(231,47,47,.08),rgba(231,47,47,0))}.threads-list-item .thread-userinfo{margin:8px 12px 18px;font-size:12px;line-height:18px;color:#6f737f}.threads-list-item .thread-userinfo .userinfo{display:block}.threads-list-item .thread-userinfo .avatar{float:left;position:relative;margin-right:8px;width:38px;height:38px;border:1px solid #313131;border-radius:3px;overflow:hidden}.threads-list-item .is-special-user .thread-userinfo .avatar{border-color:#ee4d4d}.threads-list-item .is-special-user .thread-userinfo .avatar:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 5px 1px #000}.threads-list-item .thread-userinfo .username{display:block;font-size:14px;line-height:20px;color:#d2d5d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.threads-list-item .is-special-user .thread-userinfo .username{color:#e72f2f}.threads-list-item .thread-userinfo .username.gold{color:gold}.threads-list-item .thread-title{display:block;margin-bottom:8px;width:100%;padding:0 12px;font-size:16px;line-height:22px;color:#d2d5d8;text-overflow:ellipsis}.threads-list-item .thread-content{display:block;padding:0 12px;font-size:14px;line-height:21px;color:#707480;word-break:break-word;overflow:hidden}.threads-list-item .thread-content.more-content:after{content:attr(data-more-text);color:#0d8eff;text-decoration:underline}.threads-list-item .thread-pure-text{display:block;display:-webkit-box;max-height:105px;overflow:hidden;text-overflow:ellipsis}.threads-list-item .thread-attchment{margin:16px 12px 0}.threads-list-item img{max-width:100%}.threads-list-item .thread-img-preview{position:relative;width:100%;padding-bottom:48%}.threads-list-item .thread-img-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.threads-list-item .thread-img-wrap img{display:none}.threads-list-item .thread-img-wrap .thread-img{border-style:solid;border-color:transparent;background-repeat:no-repeat;background-position:center;background-size:cover;background-clip:content-box}.threads-list-item .thread-img-wrap .thread-img:first-child{width:68%;height:100%;border-width:0 2px 0 0}.threads-list-item .thread-img-wrap .thread-img:nth-child(2){position:absolute;top:0;right:0;width:32%;height:50%}.threads-list-item .thread-img-wrap .thread-img:nth-child(3){position:absolute;bottom:0;right:0;width:32%;height:50%;border-width:2px 0 0}.threads-list-item .thread-img-wrap.layout-1 .thread-img{width:100%;height:100%;border:none}.threads-list-item .thread-img-wrap.layout-2 .thread-img:first-child{width:68%;height:100%;border-width:0 2px 0 0}.threads-list-item .thread-img-wrap.layout-2 .thread-img:nth-child(2){position:absolute;top:0;right:0;width:32%;height:50%}.threads-list-item .thread-img-wrap .ico-video{position:absolute;top:8px;left:8px}.threads-list-item .thread-stats{margin:14px 9px 0;font-size:0;color:#6f737f;text-align:center}.threads-list-item .thread-stats:after{content:'';display:block;clear:both}.threads-list-item .thread-stats .common-ico{float:left;display:inline-block;position:relative;width:50%;padding:6px 0;font-size:14px;line-height:18px;z-index:2}.threads-list-item .thread-stats .common-ico:first-child:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;margin:8px 0 5px;width:1px;background:#2e2d2f;z-index:-1}.threads-list-item .thread-stats .common-ico.active{color:#e72f2f}.threads-list-item .thread-stats .common-ico.activating:before{-webkit-animation:ico-like-animate 200ms ease-out;animation:ico-like-animate 200ms ease-out}.threads-no-result{text-align:center}.threads-no-result img{margin:80px 0 10px;width:162px}.follow-list-container{margin:0 12px;padding-top:1px}.follow-list-item{margin:6px 0 8px;border-radius:3px;height:68px;padding:13px 14px;background:#151517}.follow-list-item .avatar{float:left;position:relative;margin-right:8px;width:38px;height:38px;border:1px solid #313131;border-radius:3px;overflow:hidden}.follow-list-item .avatar img{max-width:100%}.follow-list-item .username{display:block;font-size:14px;line-height:22px;color:#d2d5d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.follow-list-item .date{float:right;margin-left:10px;font-size:10px;line-height:20px;color:#acbdd6}.follow-list-item .date .icon{display:inline-block;margin-right:4px;font-size:12px;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.follow-list-item .desc{display:block;line-height:20px;color:#6f737f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-hot-topic{position:relative;margin:5px 12px 8px;height:110px;border-radius:5px;background:center no-repeat;background-size:cover;text-align:center;box-shadow:inset 0 0 25px -8px #006cff;z-index:0}.thread-hot-topic .topic-tag{position:absolute;top:0;left:-12px;margin-top:12px;border-radius:0 12px 12px 0;padding:2px 18px 2px 12px;color:#fff;background:#e72f2f}.thread-hot-topic .topic-title{display:inline-block;max-width:100%;padding:40px 12px 0;font-size:16px;font-weight:500}.thread-hot-topic .topic-title .title-text{color:#d2d5d8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.thread-hot-topic .topic-title .topic-reply-count{float:right;position:relative;top:3px;margin-left:10px;border:1px solid #e72f2f;border-radius:3px;padding:0 5px;font-size:9px;line-height:14px;color:#e72f2f;font-weight:400;background:rgba(0,0,0,.8)}.thread-hot-topic .topic-title .topic-reply-count:before{content:"";display:block;position:absolute;left:4px;bottom:-5px;width:0;border-width:5px 9px 0 0;border-style:solid;border-color:#e72f2f transparent}.thread-hot-topic .topic-title .topic-reply-count:after{content:"";display:block;position:absolute;left:5px;bottom:-4px;width:0;border-width:4px 6px 0 0;border-style:solid;border-color:rgba(0,0,0,.8) transparent}.thread-hot-topic .topic-slider{height:40px;color:rgba(233,233,232,.7)}.thread-hot-topic .topic-slider p{position:relative;display:inline-block;max-width:100%;padding:6px 15px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.thread-hot-topic .topic-slider p:after{left:auto;right:12px;background-position:0 -7px}.thread-hot-topic .topic-slider .swiper-pagination{display:none}.thread-container{padding:1px 12px}.thread-container .thread-title{margin-bottom:-5px;padding:10px 0;font-size:20px;font-weight:500;color:#d2d5d8}.thread-container .thread-stats{position:relative;margin:0 -12px;padding:10px 12px 15px;font-size:12px;line-height:18px;color:#606263}.thread-container .thread-stats.stats-at-bottom{margin:0;min-height:50px;padding:16px 0}.thread-container .thread-stats .btn-follow{position:absolute;top:16px;right:0}.thread-container .thread-stats .btn-delete,.thread-container .thread-stats .btn-edit,.thread-container .thread-stats .btn-recommend{display:inline-block;margin:0 10px 0 0;color:#0d8eff;text-decoration:underline}.thread-container .thread-stats .btn-like{float:right;height:18px}.thread-container .thread-stats .btn-like .ico-like{display:inline-block;vertical-align:middle;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}.thread-container .thread-stats .btn-like .ico-like:before{margin:0 8px;width:1px;background:#242425}.thread-container .thread-stats .btn-like .ico-like:after{content:'';display:inline-block;position:relative;top:0;margin-left:4px;width:20px;height:20px;background:url(../images/ico_like_comment.png) no-repeat;background-size:40px;vertical-align:sub}.thread-container .thread-stats .btn-like .ico-like.active:after{background-position:-20px 0;-webkit-animation:ico-like-animate 300ms ease-out;animation:ico-like-animate 300ms ease-out}.thread-container .thread-stats .userinfo{display:table-row}.thread-container .thread-stats .userinfo .table-col{display:table-cell;vertical-align:middle}.thread-container .thread-stats .avatar{float:left;position:relative;margin-right:8px;width:38px;height:38px;border:1px solid #313131;border-radius:3px;overflow:hidden}.thread-container .thread-stats .avatar img{width:100%}.thread-container .thread-stats.is-special-user .avatar{border:1px solid #ee4d4d}.thread-container .thread-stats.is-special-user .avatar:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 5px 1px #000}.thread-container .thread-stats .username{display:block;max-width:170px;font-size:14px;line-height:20px;color:#d2d5d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-container .thread-stats.is-special-user .username{color:#e72f2f}.thread-container .thread-stats .username.gold{color:gold}.thread-container .thread-content{border:1px solid #242425;border-width:1px 0;padding-bottom:15px;font-size:16px;color:#707480;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.thread-container .thread-content *{max-width:100%}.thread-container .thread-content h1,.thread-container .thread-content h2,.thread-container .thread-content h3,.thread-container .thread-content h4,.thread-container .thread-content h5,.thread-container .thread-content h6,.thread-container .thread-content p{margin:0}.thread-container .thread-content em{font-style:italic}.thread-container .thread-content img{display:block;max-width:100%!important;height:auto!important}.thread-container .thread-content .thread-attchment img{margin:10px auto 0;border:1px solid #406687;border-radius:3px;padding:3px}.thread-container .thread-content .link-info{margin-top:15px;width:100%;border:1px solid #406687;border-radius:4px;padding:12px;background:linear-gradient(to bottom,#2f446e 0,#202e4b 100%)}.thread-container .thread-content .link-info .img{float:left;position:relative;margin:0 15px 8px 0;width:80px;height:80px;border-radius:3px;background-repeat:no-repeat;background-position:center;background-size:cover}.thread-container .thread-content .link-info .title{display:block;display:-webkit-box;margin:0;max-height:42px;font-size:14px;line-height:21px;font-weight:500;color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.thread-container .thread-content .link-info .desc{display:block;display:-webkit-box;margin:5px 0 8px;max-height:46px;font-size:12px;line-height:15px;color:#ddd;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.thread-container .thread-content .link-info .link{margin:0;width:100%;font-size:10px;color:#58b1ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-container .thread-content .link-info .link:before{content:'';display:inline-block;position:relative;top:1px;margin-right:5px;width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #58b1ff}.thread-container .thread-content .link-info .link span{text-decoration:underline}.thread-container .thread-content .video-wrap{margin-top:15px}.thread-container .thread-content .thread-hint-msg{margin-top:10px;font-size:12px;color:#606263}.thread-container .thread-content .thread-hint-msg:before{content:'\273d '}.thread-container .thread-content .date{margin:10px 0;font-size:12px;color:#606263}.thread-container .thread-content .uid{font-size:12px;color:gold}.ico-read-percent{position:fixed;right:12px;bottom:20px;width:36px;height:36px;border:1px solid rgba(210,213,216,.1);border-radius:50%;background:rgba(46,47,49,.45);visibility:visible;transition:all .8s ease-out}.ico-read-percent.hide-ico{visibility:hidden;opacity:0}.ico-read-percent.has-app-bar{bottom:60px}.ico-read-percent canvas{position:absolute;top:-2px;left:-2px;width:38px;height:38px}.ico-read-percent p{position:absolute;top:50%;left:50%;margin:0;font-size:10px;-webkit-transform:translate(-46%,-50%);-ms-transform:translate(-46%,-50%);transform:translate(-46%,-50%)}.comments-container{margin:0 12px}.comments-container .comments-title{position:relative;margin:30px 0 10px;height:24px;font-size:16px;line-height:24px;color:#acbdd7;text-align:center}.comments-container .comments-title:before{content:'';display:block;position:absolute;top:11px;width:100%;height:1px;background:linear-gradient(to right,#acbdd7 30%,transparent 30%,transparent 70%,#acbdd7 70%)}.comment-wrap{border-top:1px solid #171718;padding:10px 0}.comment-wrap:nth-child(2){border-top:0;padding-top:0}.comment-wrap .avatar{float:left;position:relative;margin-top:2px;border-radius:4px;width:40px;height:40px;overflow:hidden}.comment-wrap .avatar.is-special-user{border:1px solid #ee4d4d}.comment-wrap .avatar.is-special-user:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 5px 1px #000}.comment-wrap .avatar img{max-width:100%}.comment-wrap .username{padding-right:150px;font-size:16px;color:#6f737f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.comment-wrap .is-special-user .username{color:#e72f2f}.comment-wrap .time{margin-bottom:2px;font-size:10px;color:#6f737f}.comment-wrap .content{display:block;display:-webkit-box;max-height:44px;font-size:14px;line-height:22px;color:#d2d5d8;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.comment-wrap .content.full{max-height:none;-webkit-line-clamp:initial}.comment-wrap .content .tag-user{color:#bad9f8}.comment-wrap .common-action{font-size:12px;color:#0d8eff;text-decoration:underline}.comment-wrap .image-wrap{margin:8px 0 10px 4px}.comment-wrap .image-wrap .img{position:relative;width:85px;height:85px;background-repeat:no-repeat;background-position:center;background-size:cover}.comment-wrap .image-wrap .img:after{content:'';position:absolute;top:-4px;left:-4px;width:93px;height:93px;border:1px solid #0d8eff;border-radius:3px}.comment-wrap .more-action{display:none}.comment-wrap .action{position:absolute;top:-11px;right:0;font-size:12px;line-height:20px;color:#6f737f}.comment-wrap .action .common-ico{display:inline-block;padding:10px 0;text-align:right}.comment-wrap .action .common-ico:before{display:none}.comment-wrap .action .common-ico:after{content:'';display:inline-block;position:relative;top:3px;margin-left:4px;width:20px;height:20px;background-image:url(../images/ico_like_comment.png);background-repeat:no-repeat;background-size:40px;vertical-align:sub}.comment-wrap .common-ico.ico-comment:after{background-position:0 -20px}.comment-wrap .common-ico.ico-like.active:after{background-position:-20px 0;-webkit-animation:ico-like-animate 300ms ease-out;animation:ico-like-animate 300ms ease-out}.comment-wrap .action .common-ico.ico-like{min-width:80px}.comment-wrap .comment-content{position:relative;margin-left:50px}.comment-wrap .sub-comment-wrap{border-top:1px solid #171718;margin:10px 0 0 50px;overflow:hidden}.comment-wrap .sub-comment-content{position:relative;padding:8px 0 0 15px;overflow:hidden}.comment-wrap .sub-comment-content:before{content:'';display:block;position:absolute;top:17px;left:0;width:7px;height:7px;border:2px solid #6f737f;border-radius:50%}.comment-wrap .sub-comment-content:after{content:'';display:block;position:absolute;top:27px;left:3px;width:1px;height:100%;background:#222326}.comment-wrap .sub-comment-content.is-special-user:before{border-color:#6c0708}.comment-wrap .sub-comment-content.is-special-user:after{background:#6c0708}.comment-wrap .sub-comment-content .action{top:-3px}.comment-wrap .sub-comment-more{position:relative;margin-top:8px;text-align:center}.comment-wrap .sub-comment-more:before{content:'';display:block;position:absolute;top:1px;left:0;width:7px;height:31px;background:url(../images/ico_sub_comment_more.png) center no-repeat;background-size:contain}.comment-wrap .sub-comment-more .btn-more{display:inline-block;margin:2px 0;border-radius:15px;padding:3px 13px 3px 16px;font-size:16px;color:#6f737f;background:#1d1e20}.comment-wrap .sub-comment-more .btn-more span{display:inline-block;margin-left:2px;font-weight:700;-webkit-transform:scale(.75,.35);-ms-transform:scale(.75,.35);transform:scale(.75,.35)}.comments-container .comment-more-button{border:1px solid #0d8eff;border-radius:3px;font-size:12px;line-height:36px;color:#0d8eff;text-align:center}.bar.bar-garena{bottom:50px;color:#fff;background:#1e2024}.bar.bar-garena.with-app-bar{padding-bottom:0!important}.bar.bar-garena .button{padding:1px 0 0 2px;font-size:14px;font-weight:500;color:#fff}.bar.bar-garena .title{height:43px;border:none;color:#fff}.modal-theme{background:#08090c}.modal-theme .has-header{top:44px}.modal-theme .form-thread .item{border-color:transparent;padding:6px 18px;background:0 0}.modal-theme .form-thread .item.with-border{border-color:#242425}.modal-theme .form-thread .input{padding:0;font-size:16px}.modal-theme .form-thread .input-textarea{background:0 0;resize:none}.modal-theme .bar-footer .right{position:absolute;right:0}.modal-theme .bar-footer .divider{display:inline-block;margin-top:3px;width:1px;height:26px;background:#2b2b2b}.modal-theme .bar-footer .word-count{display:inline-block;height:34px;padding:0 16px;font-size:16px;line-height:34px;color:#6f737f;vertical-align:bottom}.modal-theme .bar-footer .word-count span{color:#d2d5d8}.modal-theme .bar-footer .button.btn-send{border:none;padding:0 16px;font-size:16px;font-weight:500;color:#4784c5}.popup-container .popup{border-radius:2px;width:78%;color:#fff;background:#2a2e38}.popup .popup-head{display:none}.popup .popup-buttons{padding:0;min-height:55px}.popup .popup-body{position:relative;padding:40px 25px;font-size:14px;text-align:center}.popup .popup-body .opt-title{margin:-15px 0 20px}.popup .popup-body .opt .list{margin-bottom:-10px}.popup .popup-body .radio-content .item-content{padding:8px 30px 8px 8px;font-size:14px;text-align:left}.popup .popup-body .radio-content .radio-icon{padding:8px 10px 8px 5px;font-size:14px}.popup .popup-buttons .button{margin:0;border:1px solid #3c404b;border-left:0;border-bottom:0;border-radius:0;color:#e24c4c;background:0 0}.popup .popup-buttons .button:last-child{border-right:0}.page-home{padding-bottom:55px}.page-article{padding-bottom:10px}.page-search{padding-bottom:15px}.page-user-thread{padding-bottom:5px}.page-follow-list,.page-user-thread-me{padding-bottom:55px}.banner-to-app{position:fixed;left:0;right:0;bottom:0;margin:0 auto;max-width:500px;height:50px;padding:12px;background:#f5f6f8;overflow:hidden;z-index:100000}.banner-to-app img{width:25px;height:25px}.banner-to-app p{display:inline-block;margin-left:8px;font-size:18px;line-height:25px;vertical-align:top}.banner-to-app .btn-app{float:right;display:inline-block;height:25px;border:1px solid #e72f2f;border-radius:2px;padding:0 10px;font-size:10px;line-height:23px;color:#e72f2f;vertical-align:top}.banner-to-app .btn-app.btn-download-app{border-color:#0d8eff;color:#0d8eff}.banner-to-app .btn-app.btn-open-in-app{margin-left:8px}.image-modal{top:0;left:0;width:100%;height:100%}.image-modal.transparent{background:rgba(0,0,0,.9)}.image-modal .slider{width:100%;height:100%}.image-modal .scroll{height:100%}.image-modal .image{position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;max-height:100%}.image-modal .slider-pager .slider-pager-page{color:#999}.video-modal{top:0;left:0;width:100%;height:100%}.video-modal.transparent{background:rgba(0,0,0,.9)}.video-modal .video-wrap{top:27%}.modal-fade-in{-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5);opacity:0}.modal-fade-in.ng-enter,.modal-fade-in>.ng-enter{transition:all cubic-bezier(.38,.03,.54,.92) 300ms}.modal-fade-in.ng-enter-active,.modal-fade-in>.ng-enter-active{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}.modal-fade-in.ng-leave,.modal-fade-in>.ng-leave{transition:all ease-in-out 250ms}.thread-content .article-strategy .thread-sec-title{margin:15px 0;font-size:14px;color:#0d8eff}.thread-content .article-strategy .thread-sec-info .key{margin-right:20px}.thread-content .article-strategy .thread-sec-info .score{margin-left:10px}.thread-content .article-strategy .thread-sub-title{margin:15px 0 8px}.thread-content .article-strategy .thread-sec-skill{font-size:0}.thread-content .article-strategy .thread-sec-skill li{display:inline-block;margin-right:3%;width:12%}.thread-content .article-strategy .thread-sec-skill li img{border:1px solid #09243d;border-radius:50%}.thread-content .article-strategy .thread-sec-equip{margin:0 0 25px -6px;width:calc(100% + 6px);max-width:none;padding:0}.thread-content .article-strategy .thread-sec-equip .col{position:relative;padding:0 0 0 6px;text-align:center}.thread-content .article-strategy .thread-sec-equip .col:before{content:'';position:absolute;left:0;top:15px;border-width:5px 0 5px 6px;border-style:solid;border-color:transparent transparent transparent #09243d}.thread-content .article-strategy .thread-sec-equip .col:first-child:before{display:none}.thread-content .article-strategy .thread-sec-equip .col .img-wrap{display:inline-block;padding:0 5px}.thread-content .article-strategy .thread-sec-equip .col img{border:1px solid #09243d}.thread-content .article-strategy .thread-sec-equip .col p{font-size:10px}.thread-content .article-strategy .thread-sec-skill-squ{margin:0 0 25px -16px;width:calc(100% + 16px);max-width:none;padding:0}.thread-content .article-strategy .thread-sec-skill-squ .col{position:relative;padding:0 0 0 16px;text-align:center}.thread-content .article-strategy .thread-sec-skill-squ .col:before{content:'';position:absolute;left:5px;top:15px;border-width:5px 0 5px 6px;border-style:solid;border-color:transparent transparent transparent #09243d}.thread-content .article-strategy .thread-sec-skill-squ .col.no-img:before,.thread-content .article-strategy .thread-sec-skill-squ .col:first-child:before{display:none}.thread-content .article-strategy .thread-sec-skill-squ .col img{border:1px solid #09243d;border-radius:50%}.thread-content .article-strategy .thread-sec-skill-squ .col p{font-size:10px}.thread-content .article-strategy .thread-sec-rune{margin-bottom:25px;padding:0}.thread-content .article-strategy .thread-sec-rune .col{margin:0 5px;padding:0;border:1px solid #09243d;text-align:center}.thread-content .article-strategy .thread-sec-rune .col img{margin:12px auto 0;width:40px}.thread-content .article-strategy .thread-sec-rune .col .desc{padding-bottom:10px;font-size:10px;color:#6f737f}.thread-content .article-strategy .thread-sec-rich-text table,.thread-content .article-strategy .thread-sec-rich-text table td,.thread-content .article-strategy .thread-sec-rich-text table tr{border:1px solid #333;font-size:12px;padding:3px 5px;vertical-align:middle}.thread-content .article-strategy .thread-sec-rich-text .Heading1{font-size:20px;color:#ff0}.thread-content .article-strategy .thread-sec-rich-text .Heading2{font-size:18px;color:#0ff}.thread-content .article-strategy .thread-sec-rich-text .Heading3{font-size:16px;color:red}.thread-content .article-strategy .thread-sec-rich-text .text1{color:#fff}.thread-content .article-strategy .thread-sec-rich-text .text2{color:red}.thread-content .article-strategy .thread-sec-rich-text .text3{color:#adff2f}.thread-content .article-strategy .thread-sec-rich-text hr{border:none;border-top:1px solid #333}@media (max-width:359px){.thread-type-tab .thread-cat{padding:0 6px}.comments-container .comments-title:before{background:linear-gradient(to right,#acbdd7 24%,transparent 24%,transparent 76%,#acbdd7 76%)}}@media (min-width:500px){::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background-color:#f5f6f8}::-webkit-scrollbar-thumb{border:2px solid #f5f6f8;background-color:#fff}::-webkit-scrollbar-corner{background-color:#f5f6f8}.bar-header,.page-bg,.view-container{left:50%;margin-left:-250px;width:500px}.scroll-view.scroll-x{overflow-x:hidden}.thread-category-tab .thread-categories .thread-cat,.threads-list-item{cursor:pointer}.btn-create-thread{display:none}.popup-container .popup{max-width:400px}}.btn-question{width:38px;height:38px;padding:12px;text-align:center}.btn-question i{display:block;position:relative;top:-3px;height:14px;border:1px solid rgba(111,115,127,.3);border-radius:3px;font-size:10px;line-height:14px;color:#6f737f}.section-title{position:relative;margin:10px 12px 10px 0;font-size:14px;line-height:24px;color:#d2d5d8}.section-title:before{content:'';position:relative;top:4px;display:inline-block;margin-right:8px;width:4px;height:20px;background:#0d8eff}.section-title .btn-more{position:absolute;top:1px;right:0;font-size:12px;color:#6f737f}.section-title .btn-more .icon{position:relative;top:1px;margin-left:4px;font-size:14px}.rate-bar{position:relative;height:4px;background:#2b2b34}.rate-bar.reverse{height:5px;background:linear-gradient(to right,#0d8eff,#51aeff)}.rate-bar.reverse:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,transparent 19%,#0d1220 19%,#0d1220 20%,transparent 20%,transparent 39%,#0d1220 39%,#0d1220 40%,transparent 40%,transparent 59%,#0d1220 59%,#0d1220 60%,transparent 60%,transparent 79%,#0d1220 79%,#0d1220 80%,transparent 80%)}.rate-bar .rate{width:0;height:100%;background:linear-gradient(to right,#0d8eff,#51aeff)}.rate-bar.reverse .rate{float:right;background:#2b2b34}.hero-cards{font-size:0}.hero-cards .hero{display:inline-block;position:relative;width:25%;padding:5px 4px}.hero-cards .hero.not-released:after{content:'Coming Soon';display:block;position:absolute;top:0;left:0;right:0;font-size:10px;color:#fff;text-align:center;text-shadow:4px 4px 4px #000}.hero-cards .hero-item{position:relative;border:1px solid rgba(13,142,255,.7);border-radius:3px;font-size:12px;color:#0d8eff;text-align:center}.hero-cards .hero-item .hero-icon{position:relative;width:100%;padding-bottom:100%;border-radius:3px 3px 0 0;background:center top no-repeat #1a2544;background-size:contain;z-index:-2}.hero-cards .hero-item .hero-icon img{display:none}.hero-cards .hero-item .hero-name{margin-top:5px;width:100%;border-radius:0 0 3px 3px;line-height:24px;background:linear-gradient(to bottom,#1f2d48 1px,#1b243b 1px,#08163a 100%)}.hero-cards .hero-item:before{content:'';position:absolute;left:0;right:0;bottom:24px;height:25px;background:linear-gradient(to top,#08090c 6px,transparent);z-index:1}.hero-cards .hero-item .hero-win-rate{position:absolute;left:0;right:0;bottom:24px;font-size:10px;color:#d2d5d8;z-index:2}.hero-cards .hero-item.familiar:after{content:attr(data-tag-text);display:block;position:absolute;top:-4px;left:-3px;width:39px;height:20px;padding:2px 5px 2px 1px;font-size:9px;line-height:16px;color:#c6c4b7;background:url(../images/ico_hero_tag.png) center no-repeat;background-size:contain;text-align:center}.page-hero-list{padding-bottom:10px}.hero-list-type{margin:10px 8px}.hero-list-type .type-name{margin:0 4px}.hero-list-type .type-name:before{content:'';display:inline-block;position:relative;top:4px;margin-right:5px;width:20px;height:20px;background:url(../images/ico_hero_type.png) no-repeat;background-size:140px}.hero-list-type .type-name.hero-type-1:before{background-position:-20px 0}.hero-list-type .type-name.hero-type-2:before{background-position:-40px 0}.hero-list-type .type-name.hero-type-3:before{background-position:-60px 0}.hero-list-type .type-name.hero-type-4:before{background-position:-80px 0}.hero-list-type .type-name.hero-type-5:before{background-position:-100px 0}.hero-list-type .hero-cards{margin:8px 0}.hero-info-top{position:relative;height:110px;background:url(//cdngarenanow-a.akamaihd.net/mgames/kgcenter/general/bg_hero/0.jpg) center no-repeat;background-size:cover}.hero-info-top .hero-bg{width:100%;height:100%;background:center no-repeat;background-size:cover}.hero-info-top .hero-bg-shadow{position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(to top,#08090c 5%,transparent 100%)}.hero-info-top .hero-desc{position:absolute;top:20px;left:12px;z-index:1}.hero-info-top .hero-avatar{float:left;border:1px solid #0b70cb;border-radius:2px;width:60px;height:60px;background-size:cover;box-shadow:0 4px 3px 0 #000}.hero-info-top .hero-avatar img{display:none}.hero-info-top .hero-desc .hero-name{display:inline-block;margin:20px 0 0 15px;font-size:16px}.hero-info-top .hero-desc .hero-name span{position:relative;top:-2px;margin:0 5px;border:1px solid rgba(255,255,255,.1);border-radius:2px;padding:0 3px;font-size:9px;line-height:12px;color:#4eb2ff;background:rgba(0,0,0,.5)}.hero-info-top .hero-info{position:absolute;top:0;left:11px;width:72px;height:106px;background:url(../images/bg_hero_top_name.png) no-repeat;background-size:contain;text-align:center}.hero-info-top .hero-info .hero-info-container{position:absolute;top:37%;left:3px;width:66px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.hero-info-top .hero-info .hero-name{margin-bottom:2px;font-size:14px}.hero-info-top .hero-info .hero-type{font-size:9px;line-height:12px;color:#4eb2ff}.hero-info-top .hero-info .hero-type span{border:1px solid rgba(255,255,255,.1);border-radius:2px;padding:0 3px;background:rgba(0,0,0,.5)}.hero-info-top .hero-recommend{position:absolute;top:0;left:10%;width:72px;height:106px;padding-top:56px;font-size:12px;text-align:center;background:url(../images/bg_hero_recommend.png) center no-repeat;background-size:contain}.vn .hero-info-top .hero-recommend{background-image:url(../images/bg_hero_recommend_vn.png)}.th .hero-info-top .hero-recommend{background-image:url(../images/bg_hero_recommend_th.png)}.hero-info-top .btn-to-hero-info{position:absolute;top:40px;right:12px;width:28px;height:28px;border:1px solid #0d8eff;border-radius:50%;background:url(../images/ico_play.png) center no-repeat rgba(0,0,0,.3);background-size:19px}.hero-stats-wrap-replace{position:relative;margin:0 0 -10px;padding-bottom:48%;background:url(../images/bg_strategy_stats.png) center no-repeat;background-size:contain}.hero-stats-wrap-replace p{position:absolute;top:45%;left:0;right:0;font-size:14px;text-align:center}.hero-stats-wrap{position:relative;margin:0 12px 20px}.hero-stats-num{position:absolute;top:50%;width:40%;padding-right:12px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.hero-stats-num-bar{margin-bottom:18px}@media (max-width:359px){.th .hero-stats-num-bar{font-size:11px}.vn .hero-stats-num-bar{font-size:10px}}.hero-stats-num-bar p{line-height:30px;margin:0}.hero-stats-num-bar span{float:right;color:#0d8eff}.btn-go-to-server-trends{margin:12px;height:34px;border:1px solid #2e3347;border-radius:3px;color:#0d8eff;background:#14141f;text-align:center}.btn-go-to-server-trends span{display:inline-block;font-size:14px;line-height:32px;vertical-align:middle}.btn-go-to-server-trends:after{content:'';display:inline-block;width:28px;height:28px;border:1px solid #0d8eff;border-radius:50%;background:url(../images/ico_play.png) center no-repeat rgba(0,0,0,.3);background-size:19px;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);vertical-align:middle}.btn-go-server-trends{margin:35px 0 5px;border:1px solid #2b2b34;border-radius:10px;font-size:10px;line-height:20px;color:#6f737f;text-align:center}.btn-go-server-trends .sign{display:inline-block;position:relative;top:3px;margin:0 -3px 0 4px;width:14px;height:14px;border-radius:50%;background:#2b2b34}.btn-go-server-trends .sign:before{content:'';display:block;position:absolute;top:3px;left:5px;width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #08090c}.btn-go-server-trends .sign:after{content:'';display:block;position:absolute;top:4.5px;left:5px;width:0;height:0;border-style:solid;border-width:2.5px 0 2.5px 4px;border-color:transparent transparent transparent #2b2b34}.btn-go-server-trends .sign .sign-inner{display:block;position:absolute;top:6px;left:6px;width:0;height:0;border-style:solid;border-width:1px 0 1px 2px;border-color:transparent transparent transparent #08090c;z-index:1}.hero-stats-graph{position:relative;margin-left:40%;border-left:1px solid rgba(43,40,44,.6);width:60%;padding-left:12px}.hero-stats-graph canvas{width:100%}.hero-stats-graph .btn-question{position:absolute;top:-12px;right:-12px}.hero-nav-tabs{margin-top:-10px;height:37px;font-size:0}.hero-nav-tabs .nav-tab{float:left;display:inline-block;position:relative;width:50%;height:37px}.hero-nav-tabs .nav-tab:after{content:'';display:block;bottom:-2px;width:100%;height:2px;background:#1f2d48}.hero-nav-tabs .nav-tab p{margin:0;font-size:14px;line-height:33px;border:1px solid #121929;color:#6f737f;text-align:center;background:linear-gradient(to top,#0b142d,#0a1123 10px,#111624)}.hero-nav-tabs .nav-tab.active p{border-color:#202e4a;color:#d5d8db;background:radial-gradient(at 50% 180%,#2a51be,#19233b 70%)}.hero-nav-tabs .nav-tab.active:after{background:#6e9cf4}.hero-info-wrap{margin:-1px 0;padding:1px 0;background:#0d1220}.hero-info-wrap .hero-info{margin-top:-5px;padding:0 12px}.hero-info-wrap .hero-skill{display:table-row;line-height:26px;color:#6f737f}.hero-info-wrap .hero-skill .text{display:table-cell;padding-right:12px;white-space:nowrap}.hero-info-wrap .hero-skill .value{display:table-cell;width:100%;vertical-align:middle}.hero-info-wrap .hero-skill .num{display:table-cell;padding-left:12px;color:#0d8eff;text-align:right}.hero-skill-intro-wrap{margin:-1px 0;padding:1px 0 20px;background:linear-gradient(to bottom,#0d1220,#0c111d 50%,#08090c)}.hero-skill-intro{margin:-3px 12px 0}.hero-skill-intro .skill-icons{font-size:0;height:65px}.hero-skill-intro .skill-icons .icon{float:left;display:inline-block;position:relative;width:25%;height:65px;text-align:center}.hero-skill-intro .skill-icons .icon:before{content:'';display:block;margin:0 auto;width:55px;height:65px;background:url(../images/ico_hero_skill.png) no-repeat;background-size:110px}.hero-skill-intro .skill-icons .icon.active:before{background-position:-55px 0}.hero-skill-intro .skill-icons .icon img{position:relative;top:-58px;width:40px;height:40px;border-radius:50%;text-align:center}.hero-skill-intro .skill-desc{margin-top:2px;border:1px solid rgba(0,84,255,.15);padding:8px 12px 10px;background:rgba(15,22,40,.5);box-shadow:inset 0 0 7px 0 rgba(25,55,163,.3)}.hero-skill-intro .skill-desc .desc{display:none}.hero-skill-intro .skill-desc .desc.active{display:block}.hero-skill-intro .skill-desc .desc p{margin:0;font-size:12px;line-height:16px;color:#6f737f}.hero-skill-intro .skill-desc .desc .name{font-size:13px;line-height:24px;color:#fefeff}.hero-skill-intro .skill-desc .desc .btn-play-video{float:right;margin-top:2px;border-radius:15px;padding:0 10px 0 14px;line-height:18px;color:#0d8eff;background:#141b35}.hero-skill-intro .skill-desc .desc .btn-play-video:after{content:'';display:inline-block;position:relative;top:3px;margin-left:4px;width:14px;height:14px;background:url(../images/ico_play.png) center no-repeat;background-size:10px}.hero-skill-intro .skill-desc .desc .tips-title{margin:5px 0 6px;color:#0d8eff}.hero-skill-intro .skill-desc .desc .tips-title:before{content:'';display:inline-block;position:relative;top:5px;margin-right:4px;width:20px;height:20px;background:url(../images/ico_hero_type.png) -120px 0 no-repeat;background-size:140px}.hero-recommend-video-wrap{padding:0 7px}.hero-recommend-video{position:relative;margin:0 5px 18px;border:1px solid #353c4f;border-radius:3px;padding:0;overflow:hidden}.hero-recommend-video.none-video{border-color:transparent}.hero-recommend-video .img-preview{padding-bottom:56.25%;background-position:center;background-size:cover}.hero-recommend-video .stats{padding:0 4px;line-height:22px;color:#65676f;background:rgba(8,9,12,.8)}.hero-recommend-video .stats .comments,.hero-recommend-video .stats .views{float:right;margin-left:4px}.hero-recommend-video .stats .comments:after,.hero-recommend-video .stats .views:after{content:'';display:inline-block;margin-left:2px;width:13px;height:13px;background:url(../images/ico_comment_view.png) center left no-repeat;background-size:26px;-webkit-transform:translateY(2.5px);-ms-transform:translateY(2.5px);transform:translateY(2.5px)}.hero-recommend-video .stats .views:after{background-position:center right}.page-hero-home{padding:80px 0 55px}.page-hero-home:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:120px;background:url(../images/bg_kg_stretagy.jpg) top center no-repeat;background-size:424px}.hero-top-bar{position:fixed;top:0;left:0;border-bottom:1px solid rgba(255,255,255,.15);padding:8px 7px;background:url(../images/bg_kg_stretagy.jpg) top center no-repeat #0a0b0e;background-size:424px;z-index:100}.hero-top-bar-item{position:relative;margin:5px;border:1px solid #0b70cb;border-radius:2px;padding:0;box-shadow:0 4px 3px 0 #000}.hero-top-bar-item .inner-item{padding-bottom:100%;background:url(../images/bg_hero_top_item.jpg) no-repeat;background-size:cover}.hero-top-bar-item .inner-item img{display:none}.hero-top-bar-item.active{border-color:#e72f2f}.hero-top-bar-item.active:before{content:'';display:block;position:absolute;left:-3px;right:-3px;bottom:-14px;height:2px;background:#e72f2f}.hero-top-bar-item.all .inner-item{background-position:0 100%}.hero-top-bar-item.all:after,.hero-top-bar-item.hero:after{content:attr(data-tag-text);display:block;position:absolute;top:-4px;left:-3px;width:32px;height:18px;padding:2px 4px 2px 1px;font-size:7px;line-height:14px;background:url(../images/ico_hero_tag.png) center no-repeat;background-size:contain;text-align:center}.hero-top-bar-item.more:after{content:attr(data-text);display:block;position:absolute;top:50%;left:50%;right:0;bottom:0;width:32px;height:30px;line-height:15px;color:#0d8eff;text-align:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vn .hero-top-bar-item.more:after{font-size:10px}.hero-home-brief-stats{position:relative;margin:0 12px 15px;min-height:78px;border:1px solid #353c4f;border-radius:3px;padding:6px 3px 10px 1px;background-position:center;background-size:cover;box-shadow:0 4px 3px 0 #000}.hero-home-brief-stats.top-hero:after{content:'';display:block;position:absolute;top:-2px;right:18px;width:18px;height:28px;background:url(../images/ico_top_hero_win_rate.png) center no-repeat;background-size:contain}.hero-home-brief-stats .hero-name{margin-left:15px;font-size:16px;line-height:32px}.hero-home-brief-stats .btn-to-hero-detail{display:inline-block;margin-left:6px;width:16px;height:16px;border:1px solid #0d8eff;border-radius:50%;background:url(../images/ico_play.png) center no-repeat rgba(0,0,0,.3);background-size:10px;-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}.hero-home-brief-stats .hero-home-stats-num{padding:0}.hero-home-brief-stats .hero-home-stats-num-bar{padding:0 15px}.hero-home-brief-stats .hero-home-stats-num-bar p{font-size:10px;line-height:24px;margin:0}.hero-home-brief-stats .hero-home-stats-num-bar span{float:right;color:#0d8eff}.section-info-center{margin:8px 10px;height:40px}.section-info-center .info-card{float:left;width:50%;padding:0 2px}.section-info-center .info-card .info-item{height:40px;border-radius:5px;background:#0d1220;text-align:center;overflow:hidden}.section-info-center .info-card .info-item:before{content:'';display:inline-block;position:relative;top:6px;margin-right:5px;width:22px;height:22px;background:url(../images/ico_hero_entrance.png) 0 -22px no-repeat;background-size:100%}.section-info-center .info-card.rune .info-item:before{background-position:0 0}.section-info-center .info-item .title{display:inline-block;margin:0;font-size:14px;line-height:42px;color:#6f737f}.hero-equip-fixed-top{position:fixed;top:0;left:0;right:0;z-index:100}.bg-page-hero-equip{position:fixed;top:0;left:0;right:0;bottom:0;background:url(../images/bg_hero_equip.jpg) bottom center no-repeat;background-size:100%;z-index:-1}.bg-page-hero{position:fixed;top:0;left:0;right:0;bottom:0;background:url(../images/bg_hero.jpg) bottom center no-repeat;background-size:100%;z-index:-1}.hero-equip-filter ul{text-align:center;white-space:nowrap}.hero-equip-filter.filter-type{position:relative;height:38px;background:linear-gradient(to top,#0b142d,#0a1123 10px,#111624);overflow:hidden}.hero-equip-filter.filter-type:before{content:'';display:block;position:absolute;bottom:1px;width:100%;height:2px;background:#1f2d48}.hero-equip-filter.filter-type .scroll{position:relative;height:50px}.hero-equip-filter.filter-level{height:46px;border-bottom:1px solid transparent;background:#08090c;transition:border 400ms ease}.hero-equip-filter.filter-level.onscroll{border-color:rgba(255,255,255,.1)}.hero-equip-filter .equip-type{display:inline-block;position:relative;height:38px;border-top:1px solid transparent}.hero-equip-filter .equip-type:after{content:'';display:block;bottom:-4px;width:100%;height:2px;background:#1f2d48}.hero-equip-filter .equip-type p{margin:0;font-size:14px;line-height:33px;border:1px solid #121929;color:#6f737f;background:linear-gradient(to top,#0b142d,#0a1123 10px,#111624);text-align:center}.hero-equip-filter .equip-type.active:after{background:#6e9cf4}.hero-equip-filter .equip-type.active p{border-color:#202e4a;color:#d5d8db;background:radial-gradient(at 50% 220%,#2a51be,#19233b 70%)}.hero-equip-filter .equip-type.rune p{padding:0 18px}.hero-equip-filter .equip-level{display:inline-block;padding:10px 15px;font-size:0}.hero-equip-filter .equip-level:before{content:'';display:block;width:23px;height:26px;background:url(../images/btn_hero_rune_type.png) no-repeat;background-size:23px;opacity:.4}.hero-equip-filter .equip-level.level-2:before{background-position:0 -26px}.hero-equip-filter .equip-level.level-3:before{background-position:0 -52px}.hero-equip-filter .equip-level.level-4:before{background-position:0 -78px}.hero-equip-filter .equip-level.level-5:before{background-position:0 -104px}.hero-equip-filter .equip-level.active:before{opacity:1}.page-hero-rune{padding-top:85px}.hero-rune-container{margin:0 8px;padding-bottom:15px;font-size:0}.hero-rune-container .hero-rune-wrap{display:inline-block;width:33.33%;padding:0 4px 8px;vertical-align:top}.hero-rune-item{height:145px;border:1px solid #161547;border-radius:3px;font-size:14px;text-align:center;background:url(../images/bg_hero_rune_card.png) center no-repeat,linear-gradient(to bottom,#111b36,#091225 60%);background-size:150px;box-shadow:1px 1px 8px 0 #000}.hero-rune-item .rune-img{display:inline-block;position:relative;margin-top:14px;width:40px;height:40px;border-radius:50%;box-shadow:0 0 5px 2px #000}.hero-rune-item .rune-img img{position:absolute;top:-3px;left:-3px;width:47px;height:47px}.hero-rune-item .rune-name{margin:0;padding-bottom:5px;border-bottom:1px solid rgba(47,62,117,.15)}.vn .hero-rune-item .rune-name{font-size:10px}.hero-rune-item .rune-desc{padding-top:5px;font-size:10px;color:#6f737f}.vn .hero-rune-item .rune-desc{font-size:8px}.hero-rune-item .rune-desc span{color:#0d8eff}.hero-equip-filter .equipment-type .equip-type{width:20%}.page-hero-equipment{padding-top:38px}.hero-equip-container{position:relative;margin:12px 0 12px 12px}.hero-equip-container.col-2{-webkit-transform:translateX(15%);-ms-transform:translateX(15%);transform:translateX(15%)}.equip-list-container{position:relative;padding:0;z-index:2}.equip-list-container .col{padding:0}.equip-item{margin:2px 0 10px 2px;height:40px}.equip-item .equip-img{float:left;margin-right:5px;width:40px;height:40px;border:1px solid #0d8eff;border-radius:2px;overflow:hidden}.equip-item.active .equip-img{box-shadow:0 0 1px 2px #fff2a9}.equip-item .equip-img img{width:100%;height:100%;border-radius:2px}.equip-item .equip-name{margin:0;padding-top:4px;line-height:18px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.equip-item .equip-price{font-size:11px;color:#8f8f8f}.hero-equip-container canvas{position:absolute;top:0;left:0;width:100%;height:100%}.hero-equip-desc-container{position:fixed;left:0;right:0;bottom:0;z-index:100;-webkit-transform:translateY(500px);-ms-transform:translateY(500px);transform:translateY(500px);transition:all 400ms ease}.hero-equip-desc-container.active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.hero-equip-desc-container .content-wrap{min-height:93px;padding:0 12px 10px;background:linear-gradient(to bottom,#191f37,#0c1426);box-shadow:0 -15px 20px 0 #020518}.hero-equip-desc-container .icon{position:absolute;top:-15px;right:0;padding:12px 12px 12px 30px;font-size:28px;color:#6f737f}.hero-equip-desc-container .img-wrap{position:absolute;top:-15px;width:50px;height:50px;border:1px solid #0d8eff;border-radius:2px;overflow:hidden}.hero-equip-desc-container .img-wrap img{width:100%;height:100%;border-radius:2px}.hero-equip-desc-container .title{margin:0 0 0 60px;font-size:16px;line-height:40px;color:#fff}.hero-equip-desc-container .title .price{margin-left:10px;font-size:12px;color:#fba927}.hero-equip-desc-container .title .price:before{content:'';display:inline-block;position:relative;top:2px;margin-right:3px;width:16px;height:16px;background:url(../images/ico_coin.png) center no-repeat;background-size:contain}.hero-equip-desc-container .desc{margin:6px 0;font-size:10px;color:#6f737f}.modal-desc{display:table;background:rgba(0,0,0,.8)}.modal-desc .desc-wrap{display:table-cell;vertical-align:middle}.desc-wrap .desc-content{position:relative;top:-30px;margin:12px;border:1px solid #365081;border-radius:2px;background:#181722;box-shadow:0 0 20px -1px #365081}.desc-wrap .btn-close{position:absolute;top:2px;right:10px;font-size:20px}.desc-wrap .desc-title{height:35px;font-size:16px;line-height:34px;color:#fff;background:url(../images/bg_modal_title.jpg) center no-repeat #151c2e;background-size:350px;text-align:center}.desc-wrap .desc-detail{padding:20px 25px 30px;font-size:14px}.desc-wrap .desc-detail span{color:#0d8eff}.desc-wrap .btn-confirm{display:none}@media (max-width:360px){.section-info-center .info-item .desc{font-size:10px}.equip-item .equip-name{font-size:11px}}@media (max-width:320px){.hero-equip-container{margin-right:8px}.equip-item .equip-name{font-size:10px}}.page-video,.page-video-pro-rank{padding-bottom:55px}.video-list-user-info{padding:10px 0 8px 12px;background:url(../images/bg_kg_stretagy.jpg) center bottom no-repeat;background-size:cover}.video-list-user-info .btn-follow{position:absolute;top:15px;right:0}.video-list-user-info .avatar{float:left;margin:2px 10px 0 0;width:32px;height:32px;border:1px solid #313131;border-radius:3px;overflow:hidden}.video-list-user-info .avatar img{width:100%}.video-list-user-info .username{font-size:14px}.video-list-user-info .follower{font-size:10px;color:#6f737f}.video-list-container{padding-top:1px}.video-list-item{margin:8px 0}.video-list-item .video-list-content{padding:12px;background:#151517}.video-list-item .video-userinfo{height:24px;font-size:12px;line-height:24px;color:#6f737f}.video-list-item .video-userinfo .userinfo{display:block}.video-list-item .video-userinfo .avatar{float:left;margin-right:8px;width:24px;height:24px;border:1px solid #313131;border-radius:3px}.video-list-item .video-userinfo .username{display:block;font-size:14px;line-height:20px;color:#6f737f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-list-item .video-userinfo .username.gold{color:gold}.video-list-item .video-title{display:block;margin:5px 0 10px;width:100%;font-size:16px;font-weight:500;line-height:22px;color:#d2d5d8;text-overflow:ellipsis}.video-list-item .video-stats{float:right;margin:-1px 9px 0;font-size:0;color:#6f737f;text-align:right}.video-list-item .video-stats:after{content:'';display:block;clear:both}.video-list-item .video-stats .common-ico{float:left;display:inline-block;position:relative;min-width:60px;font-size:12px;line-height:18px;z-index:2}.video-list-item .video-stats .common-ico.active{color:#e72f2f}.video-list-item .video-stats .common-ico.activating:before{-webkit-animation:ico-like-animate 200ms ease-out;animation:ico-like-animate 200ms ease-out}.video-pro-rank-container{padding-top:1px}.video-pro-item{margin:8px 12px;padding:8px 12px 12px;border-radius:3px;background:#0d1220}.video-pro-item .video-userinfo{position:relative;margin-bottom:10px;border-bottom:1px solid rgba(26,30,43,.5);padding-bottom:9px}.video-pro-item .video-userinfo .avatar{float:left;margin:3px 10px 0 0;width:32px;height:32px;border:1px solid #313131;border-radius:3px;overflow:hidden}.video-pro-item .video-userinfo .avatar img{max-width:100%}.video-pro-item .video-userinfo .username{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.video-pro-item .video-userinfo .follow{font-size:10px}.video-pro-item .video-userinfo .follow span{color:#0d8eff}.video-pro-item .video-userinfo .btn-videos{float:right;margin:4px 2px 0 8px;border:1px solid rgba(111,115,127,.4);border-radius:5px;padding:4px 6px 4px 9px;color:#0d8eff}.video-pro-item .video-userinfo .btn-videos .icon{display:inline-block;margin-left:2px;width:14px;height:14px;border:1px solid #0d8eff;border-radius:50%;line-height:12px;text-align:center;-webkit-transform:scale(.65);-ms-transform:scale(.65);transform:scale(.65)}.video-pro-item .video-userinfo .btn-videos .icon:before{margin-left:1px}.video-pro-item .thumb{float:left;position:relative;margin-right:8px;width:100px;height:58px;border:1px solid #313131;border-radius:3px;background-color:#08090c;background-position:center;background-size:cover}.video-pro-item .thumb:before{content:'';display:block;position:absolute;top:50%;left:50%;width:28px;height:28px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:#08090c;opacity:.7;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-pro-item .thumb:after{content:'';display:block;position:absolute;top:50%;left:50%;margin:0 0 0 2px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #d2d5d8;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-pro-item .thumb.youtube{background-size:98%}.video-pro-item .video-title{display:block;display:-webkit-box;height:36px;font-size:12px;line-height:18px;color:#6f737f;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.video-pro-item .video-stats{margin-top:4px;color:rgba(210,213,216,.5);font-size:10px;line-height:18px}.video-pro-item .video-stats span{display:inline-block}.video-pro-item .video-stats span:after{content:'';display:inline-block;margin-left:4px;width:13px;height:13px;background:url(../images/ico_comment_view.png) center left no-repeat;background-size:26px;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)}.video-pro-item .video-stats .views{width:60px}.video-pro-item .video-stats .views:after{background-position:center right}.video-pro-item .video-stats .time{float:right}.video-pro-item .video-stats .time:after{display:none}body.theme-white{color:#373b3f}.theme-white .divider{border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:10px;height:10px;background:#f5f6f8}.theme-white .bg-page-hero-equip{display:none}.theme-white .bar .title{border-bottom:1px solid #eee;background:#f5f6f8}.theme-white .video-wrap{background:#f5f6f8}.theme-white .rate-bar{border-radius:2px;height:3px;background:#eee}.theme-white .rate-bar .rate{border-radius:2px;background:#0086ff;box-shadow:none}.theme-white .btn-back-to-top-wrap .btn-back-to-top{color:#fff;background:rgba(0,0,0,.4)}.theme-white .common-ico:before{background-image:url(../images/ico_like_comment_w.png)}.theme-white .ico-search{background-image:url(../images/ico_search_create_up_w.png)}.theme-white .btn-create-thread{right:16px;width:44px;height:44px}.theme-white .btn-create-thread .ico-create{margin:11px 0 0 13px}.theme-white .popup-container .popup{color:inherit;background:#fff}.theme-white .popup .popup-buttons .button{border-color:rgba(138,144,149,.6);color:#eb3737}.theme-white .article-lists .list-item .thumb .ico-video{top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px;border:0;border-radius:0;background:url(../images/ico_video.png) center;background-size:contain;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.theme-white .article-lists .list-item .thumb .ico-video:after,.theme-white .article-lists .list-item .thumb .ico-video:before{display:none}.theme-white .modal-desc{background:rgba(0,0,0,.3)}.theme-white .desc-wrap .desc-content{margin:12px 25px;border:0;padding:0 20px 18px;background:#fff;box-shadow:none}.theme-white .desc-wrap .btn-close{display:none}.theme-white .desc-wrap .desc-title{height:auto;border-bottom:1px solid #eee;padding:13px 0;color:inherit;background:0 0}.theme-white .desc-wrap .desc-detail{padding:15px 0;color:#8a9095;font-size:12px;line-height:30px}.theme-white .desc-wrap .desc-detail span{color:#373b3f}.theme-white .btn-confirm{display:block;margin:0 auto;width:130px;height:44px;border:1px solid #eee;border-radius:22px;font-size:14px;line-height:42px;text-align:center}.theme-white .btn-confirm:active,.theme-white .btn-confirm:hover{color:#d1d1d1;background:#f5f6f8}.theme-white .forum-home-tab,.theme-white .forum-search-tab{height:48px;background:0 0}.theme-white .thread-type-tab{margin-left:4px;padding-top:11px}.theme-white .thread-type-tab .thread-categories{height:26px}.theme-white .thread-type-tab .thread-cat{position:relative;margin-left:8px;line-height:24px;border:0;color:inherit;font-weight:400;background:#fff}.theme-white .thread-type-tab .thread-cat:after{content:'';position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;border:1px solid #d9d9d9;border-radius:4px;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.theme-white .thread-type-tab .thread-cat.active{color:#eb3737}.theme-white .thread-type-tab .thread-cat.active:after{border-color:#eb3737}.theme-white .threads-list-item{margin:0}.theme-white .threads-list-item:after{content:'';display:block;height:10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f5f6f8}.theme-white .threads-list-item .threads-list-content{padding:10px 0 8px;background:#fff}.theme-white .threads-list-item .thread-userinfo{margin:0 12px 8px;color:inherit}.theme-white .threads-list-item .thread-userinfo .avatar{width:40px;height:40px;border:0}.theme-white .threads-list-item .thread-userinfo .avatar:after{content:'';position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;border:1px solid #d9d9d9;border-radius:6px;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.theme-white .threads-list-item .thread-userinfo .username{color:inherit}.theme-white .threads-list-item .thread-userinfo .date{line-height:20px;color:#8a9095}.theme-white .threads-list-item .thread-title{color:inherit}.theme-white .threads-list-item .thread-content{margin-top:-4px;color:inherit}.theme-white .threads-list-item .thread-content.more-content:after{color:#0086ff}.theme-white .threads-list-item .thread-attchment{border-radius:2px;margin-top:8px;overflow:hidden}.theme-white .threads-list-item .thread-stats{margin-top:6px;color:#8a9095}.theme-white .threads-list-item .thread-stats .common-ico{font-size:13px}.theme-white .threads-list-item .thread-stats .common-ico:first-child:after{background:#eee}.theme-white .thread-container .thread-stats .avatar{width:40px;height:40px;border:0;border-radius:50%}.theme-white .thread-container .thread-stats .avatar:after{content:'';position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;border:1px solid #d9d9d9;border-radius:50%;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.theme-white .btn-follow{border-radius:14px;font-size:12px;color:#e72f2f;background:#fff}.theme-white .btn-follow:before{content:'+';display:inline;position:static;margin-right:3px;font-size:16px;background:0 0;vertical-align:top}.theme-white .btn-follow.followed{border-color:#8a9095;color:#8a9095}.theme-white .btn-follow.followed:before,.theme-white .btn-follow.following:after{display:none}.theme-white .thread-container .thread-stats .btn-follow{right:12px}.theme-white .thread-container .thread-stats,.theme-white .thread-container .thread-stats .username{color:inherit}.theme-white .thread-container .thread-stats .btn-like,.theme-white .thread-container .thread-stats .follower{color:#8a9095}.theme-white .thread-container .thread-stats .btn-like .ico-like:before{background:#eee}.theme-white .thread-container .thread-stats .btn-like .ico-like:after{top:0;background-image:url(../images/ico_like_comment_w.png);-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.theme-white .thread-container .thread-stats .btn-like .ico-like.active{color:#eb3737}.theme-white .thread-container .thread-title{color:inherit}.theme-white .thread-container .thread-content{border-color:#eee;color:inherit}.theme-white .thread-container .thread-content .thread-attchment img{border-color:#d9d9d9;padding:0}.theme-white .thread-container .thread-content .link-info{border:0;border-radius:2px;background:#f5f6f8}.theme-white .thread-container .thread-content .link-info .img{border-radius:2px;width:78px;height:78px}.theme-white .thread-container .thread-content .link-info .title{color:inherit}.theme-white .thread-container .thread-content .link-info .desc{color:#8a9095}.theme-white .thread-container .thread-content .link-info .link{color:#0086ff}.theme-white .thread-container .thread-content .link-info .link:before{border-color:transparent transparent transparent #0086ff}.theme-white .thread-container .thread-content .date,.theme-white .thread-container .thread-content .thread-hint-msg{color:#8a9095}.theme-white .comments-container{margin:0;padding:0 12px}.theme-white .comments-container:before{content:'';display:block;margin:0 -12px;height:10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f5f6f8}.theme-white .comments-container+.comments-container:before,.theme-white .comments-container.hidden:before{display:none}.theme-white .comments-container+.comments-container .comments-title{border-top:1px solid #eee}.theme-white .comments-container .comments-title{margin:0;height:40px;padding-top:10px;font-size:12px;line-height:30px;color:#8a9095;text-align:left}.theme-white .comments-container .comments-title:before{display:none}.theme-white .comment-wrap{border:0;padding:15px 0}.theme-white .comment-wrap:nth-child(2){padding-top:14px}.theme-white .comment-wrap .avatar{margin-top:0;width:36px;height:36px;border-radius:50%}.theme-white .comment-wrap .avatar:after{content:'';position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;border:1px solid #d9d9d9;border-radius:50%;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.theme-white .comment-wrap .comment-content{margin-left:47px}.theme-white .comment-wrap .username{margin:0 65px 5px 0;padding:0;font-size:14px;color:#406599;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}.theme-white .comment-wrap .time{display:none}.theme-white .comment-wrap .content{margin-top:-3px;font-size:15px;color:inherit}.theme-white .comment-wrap .content .tag-user{color:#406599}.theme-white .comment-wrap .common-action{display:none}.theme-white .comment-wrap .image-wrap{margin:6px 0 5px}.theme-white .comment-wrap .image-wrap .img{width:100px;height:100px;border-radius:3px}.theme-white .comment-wrap .image-wrap .img:after{top:-50%;right:-50%;bottom:-50%;left:-50%;width:auto;height:auto;border-color:#d9d9d9;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.theme-white .comment-wrap .more-action{display:block;margin-top:8px;font-size:11px;line-height:21px;color:#8a9095}.theme-white .comment-wrap .more-action .more-text{color:#406599}.theme-white .comment-wrap .more-action .btn-comment{display:inline-block;border-radius:11px;padding:0 10px;color:#373b3f;background:#f5f6f8}.theme-white .comment-wrap .action{top:-1px;color:#626566}.theme-white .comment-wrap .action .common-ico.ico-comment{display:none}.theme-white .comment-wrap .action .common-ico{padding:0;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.theme-white .comment-wrap .action .common-ico.active{color:#eb3737}.theme-white .comment-wrap .action .common-ico:after{top:0;background-image:url(../images/ico_like_comment_w.png);-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.theme-white .comment-wrap .sub-comment-wrap{margin:10px 0 0 47px;border:0;border-radius:3px;padding:12px 12px 4px;background:#f5f6f8}.theme-white .comment-wrap .sub-comment-content{padding:0 0 7px}.theme-white .comment-wrap .sub-comment-content .content{display:inline;font-size:14px}.theme-white .comment-wrap .sub-comment-content .username{display:inline;margin:0;font-size:15px}.theme-white .comment-wrap .sub-comment-content .username:after{content:': '}.theme-white .comment-wrap .sub-comment-content .action,.theme-white .comment-wrap .sub-comment-content .image-wrap{display:none}.theme-white .comment-wrap .sub-comment-item .content{font-size:14px}.theme-white .comment-wrap .sub-comment-item .username{margin:0}.theme-white .comment-wrap .sub-comment-item .username:after{content:': '}.theme-white .comment-wrap .sub-comment-more{margin:-2px 0 7px;font-size:15px;color:#406599;text-align:left}.theme-white .comment-wrap .sub-comment-more .btn-more{margin:0;border-radius:0;padding:0;font-size:inherit;color:inherit;background:0 0}.theme-white .comment-wrap .sub-comment-content:after,.theme-white .comment-wrap .sub-comment-content:before,.theme-white .comment-wrap .sub-comment-more:before{display:none}.theme-white .comments-container .comment-more-button{margin-top:10px;border-color:#eee;border-radius:42px;font-size:14px;line-height:40px;color:inherit}.theme-white .comments-container .comment-more-button:active,.theme-white .comments-container .comment-more-button:hover{color:#d1d1d1;background:#f5f6f8}.theme-white .video-pro-item{position:relative;margin:0;border-radius:0;padding-top:10px;padding-bottom:22px;background:#fff}.theme-white .video-pro-item:after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f5f6f8}.theme-white .video-pro-item .video-userinfo{border-color:#eee}.theme-white .video-pro-item .video-userinfo .btn-videos{position:relative;margin:7px 0 0 8px;border:0;padding:3px 10px;color:inherit}.theme-white .video-pro-item .video-userinfo .btn-videos:after{content:'';position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;border:1px solid #8a9095;border-radius:4px;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.theme-white .video-pro-item .video-userinfo .btn-videos i{display:none}.theme-white .video-pro-item .video-userinfo .avatar{position:relative;margin:0 8px 0 0;width:40px;height:40px;border:0}.theme-white .video-pro-item .video-userinfo .avatar:after{content:'';position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;border:1px solid #d9d9d9;border-radius:6px;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.theme-white .video-pro-item .video-userinfo .follow,.theme-white .video-pro-item .video-userinfo .follow span{font-size:12px;line-height:19px;color:#8a9095}.theme-white .video-pro-item .thumb{margin-right:15px;width:121px;height:71px;border:0;border-radius:0}.theme-white .video-pro-item .thumb.youtube{background-size:105%}.theme-white .video-pro-item .thumb:after,.theme-white .video-pro-item .thumb:before{display:none}.theme-white .video-pro-item .video-title{height:44px;font-size:15px;line-height:22px;color:inherit}.theme-white .video-pro-item .video-stats{margin-top:9px;font-size:12px;color:#8a9095}.theme-white .video-pro-item .video-stats span:after{background-image:url(../images/ico_comment_view_w.png);-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}.theme-white .video-list-user-info{border-bottom:1px solid #eee;padding:12px 0 15px 12px;background:#f5f6f8}.theme-white .video-list-user-info .avatar{position:relative;margin:0 8px 0 0;width:40px;height:40px;border:0}.theme-white .video-list-user-info .avatar:after{content:'';position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;border:1px solid #d9d9d9;border-radius:6px;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.theme-white .video-list-user-info .follower{font-size:12px;line-height:19px;color:#8a9095}.theme-white .video-list-user-info .btn-follow{top:19px;right:12px}.theme-white .hero-info-top.hero-home-top{height:100px}.theme-white .hero-info-top .hero-recommend{left:12px;width:auto;padding-top:30px;font-size:11px;color:#fff;background:0 0;text-align:left}.theme-white .hero-info-top .hero-recommend:before{content:attr(data-text);display:block;font-size:15px}.theme-white .hero-info-top .hero-recommend:after{content:'';display:inline-block;margin-left:6px;width:16px;height:16px;border:1px solid #0d8eff;border-radius:50%;background:url(../images/ico_play.png) center no-repeat rgba(0,0,0,.3);background-size:14px;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)}.theme-white .section-info-center{margin:0;height:50px;padding:12px 7px}.theme-white .section-info-center .info-card{padding:0 5px}.theme-white .section-info-center .info-card .info-item{height:26px;border:1px solid rgba(138,144,149,.5);border-radius:2px;background:#fff}.theme-white .section-info-center .info-card .info-item:before{top:3px;width:15px;height:15px;background-image:url(../images/ico_hero_entrance_w.png);background-position:0 -15px}.theme-white .section-info-center .info-card.rune .info-item:before{background-position:0 0}.theme-white .section-info-center .info-item .title{font-size:12px;line-height:24px;color:inherit}.theme-white .section-title{margin:0;padding:20px 12px 10px 0;font-size:16px;color:inherit}.theme-white .section-title:after{content:'';display:block;position:absolute;top:0;left:0;right:0;height:10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f5f6f8}.theme-white .section-title.no-border{padding-top:10px}.theme-white .section-title.no-border:after{display:none}.theme-white .section-title .btn-more{top:11px;right:12px;color:#8a9095}.theme-white .section-hot-hero{margin-bottom:10px}.theme-white .hero-cards .hero-item{border:1px solid #0086ff;color:#fff;box-shadow:none}.theme-white .hero-cards .hero-item:before{bottom:24px;height:25px;border-radius:0;background:linear-gradient(to top,#08090c 6px,transparent);z-index:1}.theme-white .hero-cards .hero-item:after{top:0;left:-1px;width:35px;height:17px;padding:1px 3px 1px 0;line-height:15px;color:#fff;background-image:url(../images/ico_hero_tag_w.png)}.theme-white .hero-cards .hero-item .hero-icon{border-radius:2px 2px 0 0;background-color:#fff}.theme-white .hero-cards .hero-item .hero-name{margin-top:5px;border-radius:0;font-size:11px;line-height:24px;background:#0086ff}.theme-white .article-lists{margin-top:-8px}.theme-white .article-lists .list-item{margin:10px 0;border-bottom:1px solid #eee;padding-bottom:8px}.theme-white .article-lists .list-item .thumb{float:right;margin-top:0;width:114px;height:71px;border:0}.theme-white .article-lists .list-item .thumb.youtube{background-size:110%}.theme-white .article-lists .list-item .info{padding:0 126px 0 0}.theme-white .article-lists .list-item .info .title{height:48px;font-size:16px;line-height:24px;color:inherit}.theme-white .article-lists .list-item .info .stats{margin-top:7px;font-size:12px;line-height:18px;color:#adb1b4;text-align:right}.theme-white .article-lists .list-item .info .stats .views{width:auto}.theme-white .article-lists .list-item .info .stats .comments{width:52px}.theme-white .article-lists .list-item .info .stats span:after{background-image:url(../images/ico_comment_view_w.png)}.theme-white .article-lists .list-item .hero-name{float:left}.theme-white .hero-info-top{height:136px}.theme-white .hero-info-top .hero-bg-shadow{display:none}.theme-white .hero-info-top .hero-desc{color:#fff}.theme-white .hero-info-top .hero-name{font-size:15px}.theme-white .hero-info-top .hero-name span{top:-1px;border:0;border-radius:2px;color:#fff;background:#0086ff}.theme-white .hero-info-top .hero-skill{font-size:11px}.theme-white .hero-info-top .hero-skill .text{padding-right:10px}.theme-white .hero-info-top .hero-skill .rate-bar{background:#8a9095}.theme-white .hero-nav-tabs{margin-top:0;height:41px;border-bottom:1px solid #eee;background:#fff}.theme-white .hero-nav-tabs .nav-tab:after{background:0 0}.theme-white .hero-nav-tabs .nav-tab p{border-color:transparent;line-height:37px;color:inherit;background:0 0}.theme-white .hero-nav-tabs .nav-tab.active p{color:#eb3737;background:#fff}.theme-white .hero-nav-tabs .nav-tab.active:after{border-radius:1px;margin:0 auto;width:40%;background:#eb3737}.theme-white .hero-skill-intro-wrap{margin:0;padding:0;background:#fff}.theme-white .hero-skill-intro .skill-icons .icon:before{display:none}.theme-white .hero-skill-intro .skill-icons .icon img{top:5px;border:1px solid #0086ff;width:48px;height:48px}.theme-white .hero-skill-intro .skill-icons .icon.active:after{content:'';display:block;position:absolute;left:50%;bottom:0;margin-left:-9px;width:0;height:0;border-style:solid;border-width:0 9px 8px;border-color:transparent transparent #f5f6f8}.theme-white .hero-skill-intro .skill-icons .icon.active img{border-color:#eb3737}.theme-white .hero-skill-intro .skill-desc{margin:0 -12px -10px;border:none;padding-top:15px;background:#f5f6f8;box-shadow:none}.theme-white .hero-skill-intro .skill-desc .desc p{font-size:14px;line-height:21px;color:#8a9095}.theme-white .hero-skill-intro .skill-desc .desc .name{margin-bottom:5px;font-size:16px;line-height:24px;color:inherit}.theme-white .hero-skill-intro .skill-desc .desc .tips-title{color:#0086ff}.theme-white .hero-skill-intro .skill-desc .desc .btn-play-video{margin-top:-1px;border:1px solid rgba(138,144,149,.5);border-radius:2px;padding:0 13px;line-height:24px;color:inherit;background:#fff}.theme-white .hero-skill-intro .skill-desc .desc .btn-play-video:after{display:none}.theme-white .video-modal.transparent{background:0 0}.theme-white .bg-page-hero,.theme-white .page-hero-home:before{display:none}.theme-white .hero-top-bar{border-bottom:1px solid #eee;padding:8px;color:#fff;background:#f5f6f8}.theme-white .hero-top-bar-item{margin:4px;border-color:#0086ff;box-shadow:none}.theme-white .hero-top-bar-item .inner-item{border-radius:1px;background-image:url(../images/bg_hero_top_item_w.jpg)}.theme-white .hero-top-bar-item.active{border-color:#eb3737}.theme-white .hero-top-bar-item.active:before{bottom:-13px;border-radius:1px;background:#eb3737}.theme-white .hero-top-bar-item.all:after,.theme-white .hero-top-bar-item.hero:after{top:-2px;left:-1px;width:30px;height:16px;padding:1px 3px 1px 0;background-image:url(../images/ico_hero_tag_w.png)}.theme-white .hero-home-brief-stats{margin:-5px 12px 10px;min-height:80px;border:0;border-radius:2px;padding-bottom:13px;color:#fff;box-shadow:none}.theme-white .hero-home-brief-stats.top-hero:after{width:21px;height:30px;background-image:url(../images/ico_top_hero_win_rate_w.png)}.theme-white .hero-home-brief-stats .hero-name{font-size:15px}.theme-white .hero-home-brief-stats .btn-to-hero-detail{background-color:transparent;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)}.theme-white .hero-home-brief-stats .hero-home-stats-num-bar .rate-bar{background:#8a9095}.theme-white .hero-home-brief-stats .hero-home-stats-num-bar p{font-size:12px;line-height:18px;margin-bottom:8px}@media (max-width:359px){.theme-white .hero-home-brief-stats .hero-home-stats-num-bar p{font-size:10px}}.theme-white .hero-home-brief-stats .hero-home-stats-num-bar span{color:#0086ff}.theme-white .hero-info-top .hero-info{top:28px;width:auto;color:#fff;background:0 0;text-align:left}.theme-white .hero-info-top .hero-info .hero-info-container{position:relative;width:auto}.theme-white .hero-info-top .hero-info .hero-type span{display:block;position:relative;margin-top:10px;border:1px solid rgba(255,255,255,.8);border-radius:14px;width:auto;padding:0 16px 0 20px;font-size:11px;line-height:25px;color:#fff;background:rgba(0,0,0,.25)}.theme-white .hero-info-top .hero-info .hero-type span:after{content:'>';display:inline-block;margin-left:5px;-webkit-transform:scale(.7,1.4);-ms-transform:scale(.7,1.4);transform:scale(.7,1.4)}.theme-white .hero-info-top .btn-to-hero-info{display:none}.theme-white .hero-stats-wrap-replace{background-image:url(../images/bg_strategy_stats_w.png)}.theme-white .hero-stats-wrap-replace p{color:inherit}.theme-white .hero-stats-wrap{margin-top:20px;margin-bottom:10px}.theme-white .hero-stats-num-bar span{color:#0086ff}.theme-white .btn-go-server-trends{margin-top:30px;border:1px solid rgba(138,144,149,.5);border-radius:2px;font-size:12px;line-height:24px;color:inherit}.theme-white .btn-go-server-trends .sign{display:none}.theme-white .btn-question i{border-color:rgba(138,144,149,.5);border-radius:2px;line-height:12px;color:#8a9095}.theme-white .hero-stats-graph{border-color:#eee}.theme-white .hero-recommend-video{border:0;border-radius:2px}.theme-white .hero-recommend-video .stats{border:1px solid #eee;border-top:0;border-radius:0 0 2px 2px;color:#8a9095;background:#f8f8f8}.theme-white .hero-recommend-video .stats .comments:after,.theme-white .hero-recommend-video .stats .views:after{background-image:url(../images/ico_comment_view_w.png);-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}.theme-white .hero-info-top.inner-level{height:105px}.theme-white .hero-info-top.inner-level .hero-desc{top:32px}.theme-white .hero-info-top .hero-avatar{width:42px;height:42px;border-color:#8a9095;box-shadow:none}.theme-white .hero-info-top.inner-level .hero-name{margin:2px 0 0 10px}.theme-white .hero-info-top.inner-level .hero-name span{display:block;margin:5px 0 0;padding:0;font-size:11px;background:0 0}.theme-white .hero-info-top.inner-level .hero-name span:before{content:attr(data-text)}.theme-white .hero-info-wrap{padding-bottom:10px;background:0 0}.theme-white .hero-info-wrap .section-title{padding-top:10px}.theme-white .hero-info-wrap .section-title:after{display:none}.theme-white .hero-info-wrap .hero-skill{color:inherit}.theme-white .hero-info-wrap .hero-skill .rate-bar:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,transparent 19%,#fff 19%,#fff 20%,transparent 20%,transparent 39%,#fff 39%,#fff 40%,transparent 40%,transparent 59%,#fff 59%,#fff 60%,transparent 60%,transparent 79%,#fff 79%,#fff 80%,transparent 80%)}.theme-white .hero-equip-filter.filter-type{border-bottom:1px solid #eee;padding:0 5px;background:#fff}.theme-white .hero-equip-filter.filter-type:before{background:0 0}.theme-white .hero-equip-filter .equip-type p{line-height:33px;border-color:transparent;color:inherit;background:0 0}.theme-white .hero-equip-filter .equip-type.active p{color:#eb3737}.theme-white .hero-equip-filter .equip-type:after{background:0 0}.theme-white .hero-equip-filter .equip-type.active:after{margin:0 auto;width:70%;border-radius:1px;background:#eb3737}.theme-white .hero-equip-filter.filter-level{background:#f5f6f8}.theme-white .hero-equip-filter .equip-level-wrap{margin-left:6px;text-align:left}.theme-white .hero-equip-filter .equip-level{margin:11px 8px;border:1px solid rgba(138,144,149,.5);border-radius:2px;padding:0 15px;font-size:12px;line-height:24px;background:#fff}.theme-white .hero-equip-filter .equip-level.active{border-color:rgba(235,55,55,.5);color:#eb3737}.theme-white .hero-equip-filter .equip-level:before{display:none}.theme-white .page-hero-rune{padding-top:95px}.theme-white .hero-rune-item{border-color:#eee;border-radius:2px;background:0 0;box-shadow:none}.theme-white .hero-rune-item .rune-img{box-shadow:none}.theme-white .hero-rune-item .rune-name{border-bottom:0;padding-bottom:0;font-size:12px}.theme-white .hero-rune-item .rune-name:after{content:'';display:block;margin:5px 6px 0;height:1px;background:#eee}.theme-white .hero-rune-item .rune-desc{color:#8a9095}.theme-white .equip-item .equip-img{border-color:#0086ff}.theme-white .equip-item.active .equip-img{border-color:#eb3737;box-shadow:none}.theme-white .equip-item .equip-img img{border-radius:1px}.theme-white .equip-item .equip-name{color:inherit}.theme-white .equip-item .equip-price{color:#8a9095}.theme-white .hero-equip-desc-container .content-wrap{background:#f5f6f8;box-shadow:none}.theme-white .hero-equip-desc-container .img-wrap{top:-10px;width:40px;height:40px;border-color:#eb3737}.theme-white .hero-equip-desc-container .img-wrap img{border-radius:1px}.theme-white .hero-equip-desc-container .title{margin-left:50px;line-height:36px;color:inherit}.theme-white .hero-equip-desc-container .title .price{font-size:14px;color:#ffba00}.theme-white .hero-equip-desc-container .title .price:before{content:'$';display:inline;top:0;margin-right:0;width:auto;height:auto;background:0 0}.theme-white .hero-equip-desc-container .desc{font-size:12px;color:inherit}.theme-white .hero-equip-desc-container .icon{color:#8a9095}body.theme-night{color:#8f959c;background:#1b1c1e}.theme-night .divider{border-color:#272829;background:#171719}.theme-night .bar-header{border-color:#1b1c1e}.theme-night .bar .title{border-color:#272829;background:#171719}.theme-night .video-wrap{background:#171719}.theme-night .rate-bar{background:#51555a}.theme-night .popup-container .popup{color:inherit;background:#171719}.theme-night .popup .popup-buttons .button{border-color:#272829}.theme-night .desc-wrap .desc-content{background:#26272a}.theme-night .desc-wrap .desc-title{border-color:#414244;color:#9ca3ab}.theme-night .desc-wrap .desc-detail{color:#5e656d}.theme-night .desc-wrap .desc-detail span{color:#9ca3ab}.theme-night .btn-confirm{border-color:#414244;color:#9ca3ab}.theme-night .btn-confirm:active,.theme-night .btn-confirm:hover{color:#5e656d;background:inherit}.theme-night .thread-type-tab .thread-cat{background:#171719}.theme-night .thread-type-tab .thread-cat:after{border-color:#303133}.theme-night .comments-container:before,.theme-night .threads-list-item:after{border-color:#272829;background:#171719}.theme-night .threads-list-item .threads-list-content{background:#1b1c1e}.theme-night .threads-list-item .thread-userinfo .avatar:after{border-color:#51555a}.theme-night .comment-wrap .more-action,.theme-night .thread-container .thread-content .date .theme-night .comments-container .comments-title,.theme-night .thread-container .thread-content .thread-hint-msg,.theme-night .thread-container .thread-stats .btn-like,.theme-night .thread-container .thread-stats .follower,.theme-night .threads-list-item .thread-userinfo .date{color:#51555a}.theme-night .threads-list-item .thread-stats{color:#8f959c}.theme-night .thread-container .thread-stats .btn-like .ico-like:before,.theme-night .threads-list-item .thread-stats .common-ico:first-child:after{background:#272829}.theme-night .comment-wrap .avatar:after,.theme-night .comment-wrap .image-wrap .img:after,.theme-night .thread-container .thread-content .thread-attchment img,.theme-night .thread-container .thread-stats .avatar:after{border-color:#3e434a}.theme-night .btn-follow{background:#1b1c1e}.theme-night .btn-follow.followed{border-color:#51555a;color:#51555a}.theme-night .comments-container .comment-more-button,.theme-night .comments-container+.comments-container .comments-title,.theme-night .thread-container .thread-content{border-color:#272829}.theme-night .comment-wrap .content .tag-user,.theme-night .comment-wrap .more-action .more-text,.theme-night .comment-wrap .sub-comment-more,.theme-night .comment-wrap .username{color:#50667f}.theme-night .thread-container .thread-content .link-info{background:#171719}.theme-night .thread-container .thread-content .link-info .desc{color:#51555a}.theme-night .comments-container .comment-more-button:active,.theme-night .comments-container .comment-more-button:hover{color:#8f959c;background:#2c2e31}.theme-night .comment-wrap .more-action .btn-comment,.theme-night .comment-wrap .sub-comment-wrap{color:#8f959c;background:#242528}.theme-night .video-pro-item{background:#1b1c1e}.theme-night .video-list-user-info,.theme-night .video-pro-item:after{border-color:#272829;background:#171719}.theme-night .video-pro-item .video-userinfo{border-color:#272829}.theme-night .video-list-user-info .avatar:after,.theme-night .video-pro-item .video-userinfo .avatar:after,.theme-night .video-pro-item .video-userinfo .btn-videos:after{border-color:#51555a}.theme-night .video-list-user-info .follower,.theme-night .video-pro-item .video-stats,.theme-night .video-pro-item .video-userinfo .follow,.theme-night .video-pro-item .video-userinfo .follow span{color:#51555a}.theme-night .video-pro-item .video-stats span:after{background-image:url(../images/ico_comment_view_n.png)}.theme-night .hero-skill-intro .skill-desc .desc .btn-play-video,.theme-night .section-title:after{border-color:#272829;background:#171719}.theme-night .hero-cards .hero-item{color:#1b1c1e}.theme-night .hero-cards .hero-item .hero-icon{background-color:#1b1c1e}.theme-night .article-lists .list-item{border-color:#272829}.theme-night .article-lists .list-item .info .stats{color:#51555a}.theme-night .article-lists .list-item .info .stats span:after{background-image:url(../images/ico_comment_view_n.png)}.theme-night .hero-nav-tabs{border-color:#272829;background:#1b1c1e}.theme-night .hero-nav-tabs .nav-tab.active p,.theme-night .hero-skill-intro-wrap{background:#1b1c1e}.theme-night .hero-skill-intro .skill-icons .icon.active:after{border-color:transparent transparent #171719}.theme-night .hero-skill-intro .skill-desc{background:#171719}.theme-night .hero-skill-intro .skill-desc .desc p{color:#51555a}.theme-night .hero-top-bar{border-color:#272829;background:#171719}.theme-night .hero-home-brief-stats .hero-home-stats-num-bar .rate-bar{background:#51555a}.theme-night .btn-go-server-trends,.theme-night .hero-stats-graph{border-color:#272829}.theme-night .btn-question i{border-color:#272829;color:inherit}.theme-night .hero-recommend-video .stats{border-color:#272829;color:#51555a;background:#17181a}.theme-night .hero-recommend-video .stats .comments:after,.theme-night .hero-recommend-video .stats .views:after{background-image:url(../images/ico_comment_view_n.png)}.theme-night .hero-info-wrap .hero-skill .rate-bar:after{background:linear-gradient(to right,transparent 19%,#171719 19%,#171719 20%,transparent 20%,transparent 39%,#171719 39%,#171719 40%,transparent 40%,transparent 59%,#171719 59%,#171719 60%,transparent 60%,transparent 79%,#171719 79%,#171719 80%,transparent 80%)}