a,a:hover,body{color:#292929}
body,select{line-height:1.6}
button,fieldset,img{border:none}
article,aside,blockquote,body,code,dd,div,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,input,legend,li,nav,ol,p,pre,section,td,th,ul{margin:0;padding:0}
article,aside,footer,header,nav,section{display:block}
body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;font-size:12px;text-align:left;background:#000}
input[type=password],input[type=text],select,textarea{color:#f4f2eb;font-size:12px;border:1px solid #3a3628;background-color:#5e5e5e}
a span,h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{position:absolute;left:-9999px}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none}
a:hover{text-decoration:none}
hr{display:none}
img{vertical-align:top}
input[type=password],input[type=text]{padding:0 6px;height:17px;line-height:1.4;vertical-align:baseline}
textarea{padding:2px 6px;vertical-align:baseline;overflow:auto}
input{width:1em;height:1em;vertical-align:middle}
button{cursor:pointer}
input::-webkit-input-placeholder{color:#fff}
input:-ms-input-placeholder{color:#fff}
input:-moz-placeholder{color:#fff}
input::-moz-placeholder{color:#fff;opacity:1}
textarea::-webkit-input-placeholder{color:#fff}
textarea:-ms-input-placeholder{color:#fff}
textarea:-moz-placeholder{color:#fff}
textarea::-moz-placeholder{color:#fff;opacity:1}
.gnb-container{position:relative;margin:0 auto;width:100%;height:35px;min-width:960px;z-index:30000;background:#222;border-bottom:1px solid #4c4c4c}
.gnb-logo{position:absolute;top:0;left:20px;width:75px;height:35px}
.gnb-logo a{display:block;width:75px;height:35px;white-space:nowrap;text-indent:120%;overflow:hidden;background:url(../images/logo_gnb_b.png) no-repeat 0 12px!important}
.gnb-new{position:absolute;top:0;left:115px;height:35px;line-height:35px!important}
.gnb-new a{color:#0aa0d2!important;font-size:12px!important;font-weight:700!important;text-decoration:underline!important;line-height:35px!important}
.all-container{background:url(../images/bg_s8a1.jpg) no-repeat fixed center top;min-width:1031px;background-size:cover!important}
.container{background:url(../images/chara_s8a1_01.png) no-repeat fixed center 0,url(../images/chara_s8a1_02.png) no-repeat fixed center 450px,url(../images/chara_s8a1_03.png) no-repeat fixed center 900px;position:relative;width:100%;overflow:hidden}
header{margin:0 auto;padding-top:66px;width:100%;height:604px;text-align:center}
.all-container header{background:url(../images/copy_s8a1.png) no-repeat center 443px}
.global-menu{position:absolute;top:0;left:0;width:100%;z-index:100}
.global-menu nav{position:relative;margin:0 auto;width:1015px;overflow:hidden}
.global-menu nav li a{float:left;height:58px;overflow:hidden;display:block;padding-top:58px;width:127px;height:0;background-image:url(../images/menu_category02.png);overflow:hidden}
.gm-1 a{background-position:0 0}
.gm-2 a{background-position:-127px 0}
.gm-3 a{background-position:-254px 0}
.gm-4 a{background-position:-381px 0}
.gm-5 a{background-position:-508px 0}
.gm-6 a{background-position:-635px 0}
.gm-7 a{background-position:-762px 0}
.gm-8 a{background-position:-889px 0;width:126px!important}
.gm-1:hover a{background-position:0 -66px}
.gm-2:hover a{background-position:-127px -66px}
.gm-3:hover a{background-position:-254px -66px}
.gm-4:hover a{background-position:-381px -66px}
.gm-5:hover a{background-position:-508px -66px}
.gm-6:hover a{background-position:-635px -66px}
.gm-7:hover a{background-position:-762px -66px}
.gm-8:hover a{background-position:-889px -66px}
.gm-1.active a{background-position:0 -132px}
.gm-2.active a{background-position:-127px -132px}
.gm-3.active a{background-position:-254px -132px}
.gm-4.active a{background-position:-381px -132px}
.gm-5.active a{background-position:-508px -132px}
.gm-6.active a{background-position:-635px -132px}
.gm-7.active a{background-position:-762px -132px}
.gm-8.active a{background-position:-889px -132px}
.global-menu .decoration{clear:both;position:relative;bottom:8px;left:0;padding:0 6px;height:16px;min-width:1019px;z-index:110;background:url(../images/img_menu_decoration.png) no-repeat center bottom}
.visual{position:relative;margin:0 auto 5px;padding:11px 11px 9px;width:997px;height:873px;background:url(../images/bg_visual.png) no-repeat;z-index:1}
.visual .btn-gamestart{float:left;width:213px;height:173px}
.visual .btn-gamestart a{display:block;padding-top:173px;width:213px;height:0;background:url(../images/btn_gamestart.png) no-repeat;overflow:hidden}
.visual .btn-gamestart a:hover{background-position:0 -173px}
.bnr-rolling{position:relative;float:right;width:766px;height:171px;border:solid 1px #000;overflow:hidden}
.bnr-rolling ul.bnr-img{position:relative;width:766px;overflow:hidden;transition:all .3s}
.bnr-rolling ul.bnr-caption{position:absolute;top:6px;left:563px;z-index:11}
.bnr-rolling ul.bnr-img>li{float:left;min-width:546px}
.bnr-rolling ul.bnr-caption>li{display:none}
.bnr-rolling ul.bnr-caption>li.active{display:block}
.bnr-rolling ul.bnr-caption>li>dl{position:absolute;top:0;left:0;width:191px;overflow:hidden}
.bnr-rolling ul.bnr-caption>li>dl>dt.ttl{height:26px;color:#fff;font-size:16px;font-weight:700;white-space:nowrap}
.bnr-rolling ul.bnr-caption>li>dl>dd.outline{margin-bottom:4px;height:76px;color:#9f9f9f;overflow:hidden}
.bnr-rolling .bnr-paging{position:absolute;top:0;left:546px;padding:140px 8px 9px 17px;width:195px;z-index:10;overflow:hidden}
.bnr-rolling .bnr-paging{position:absolute;top:0;left:546px;padding:140px 8px 9px 17px;width:195px;z-index:10;overflow:hidden;background:#000c}
.bnr-rolling .bnr-paging ol{padding-top:12px;width:191px;border-top:solid 1px #424242}
.bnr-rolling .bnr-paging li{float:left;margin-left:4px;width:9px;height:9px}
.bnr-rolling .bnr-paging li:first-child{margin:0}
.bnr-rolling .bnr-paging li:first-child{margin:0}
.bnr-rolling .bnr-paging li a{display:block;padding-top:9px;width:9px;height:0;background-image:url(../images/btn_rollingnum.png);overflow:hidden}
.bnr-rolling .bnr-paging li.num01 a{background-position:0 0}
.bnr-rolling .bnr-paging li.num02 a{background-position:-9px 0}
.bnr-rolling .bnr-paging li.num03 a{background-position:-18px 0}
.bnr-rolling .bnr-paging li.num04 a{background-position:-27px 0}
.bnr-rolling .bnr-paging li.num05 a{background-position:-36px 0}
.bnr-rolling .bnr-paging li.num06 a{background-position:-45px 0}
.bnr-rolling .bnr-paging li.num07 a{background-position:-54px 0}
.bnr-rolling .bnr-paging li.num08 a{background-position:-63px 0}
.bnr-rolling .bnr-paging li.num09 a{background-position:-72px 0}
.bnr-rolling .bnr-paging li.num10 a{background-position:-81px 0}
.bnr-rolling .bnr-paging li.num11 a{background-position:-90px 0}
.bnr-rolling .bnr-paging li.num12 a{background-position:-99px 0}
.bnr-rolling .bnr-paging li.num13 a{background-position:-108px 0}
.bnr-rolling .bnr-paging li.num14 a{background-position:-117px 0}
.bnr-rolling .bnr-paging li.num15 a{background-position:-126px 0}
.bnr-rolling .bnr-paging li.num01 a:hover,.bnr-rolling .bnr-paging li.num01.active a{background-position:0 -9px}
.bnr-rolling .bnr-paging li.num02 a:hover,.bnr-rolling .bnr-paging li.num02.active a{background-position:-9px -9px}
.bnr-rolling .bnr-paging li.num03 a:hover,.bnr-rolling .bnr-paging li.num03.active a{background-position:-18px -9px}
.bnr-rolling .bnr-paging li.num04 a:hover,.bnr-rolling .bnr-paging li.num04.active a{background-position:-27px -9px}
.bnr-rolling .bnr-paging li.num05 a:hover,.bnr-rolling .bnr-paging li.num05.active a{background-position:-36px -9px}
.bnr-rolling .bnr-paging li.num06 a:hover,.bnr-rolling .bnr-paging li.num06.active a{background-position:-45px -9px}
.bnr-rolling .bnr-paging li.num07 a:hover,.bnr-rolling .bnr-paging li.num07.active a{background-position:-54px -9px}
.bnr-rolling .bnr-paging li.num08 a:hover,.bnr-rolling .bnr-paging li.num08.active a{background-position:-63px -9px}
.bnr-rolling .bnr-paging li.num09 a:hover,.bnr-rolling .bnr-paging li.num09.active a{background-position:-72px -9px}
.bnr-rolling .bnr-paging li.num10 a:hover,.bnr-rolling .bnr-paging li.num10.active a{background-position:-81px -9px}
.bnr-rolling .bnr-paging li.num11 a:hover,.bnr-rolling .bnr-paging li.num11.active a{background-position:-90px -9px}
.bnr-rolling .bnr-paging li.num12 a:hover,.bnr-rolling .bnr-paging li.num12.active a{background-position:-99px -9px}
.bnr-rolling .bnr-paging li.num13 a:hover,.bnr-rolling .bnr-paging li.num13.active a{background-position:-108px -9px}
.bnr-rolling .bnr-paging li.num14 a:hover,.bnr-rolling .bnr-paging li.num14.active a{background-position:-117px -9px}
.bnr-rolling .bnr-paging li.num15 a:hover,.bnr-rolling .bnr-paging li.num15.active a{background-position:-126px -9px}
.bnr-rolling .btn-rolling-next,.bnr-rolling .btn-rolling-prev{position:absolute;top:64px;z-index:10}
.bnr-rolling .btn-rolling-prev{left:0}
.bnr-rolling .btn-rolling-next{left:528px}
.btn-avatar-prev a,.btn-rolling-prev a{display:block;padding-top:41px;width:18px;height:0;background:url(../images/btn_rollingarrow.jpg) no-repeat 0 0;overflow:hidden}
.btn-avatar-next a,.btn-rolling-next a{display:block;padding-top:41px;width:18px;height:0;background:url(../images/btn_rollingarrow.jpg) no-repeat -18px 0;overflow:hidden}
.btn-avatar-prev a:hover,.btn-rolling-prev a:hover{background-position:0 -41px}
.btn-avatar-next a:hover,.btn-rolling-next a:hover{background-position:-18px -41px}
.contents{position:relative;margin:0 auto;width:1031px}
.contents-mid{background:url(../images/bg_contents.png) repeat-y center top}
.contents .decoration{clear:both;position:relative;bottom:8px;left:0;height:16px;background:url(../images/img_contents_decoration.png) no-repeat}
.contents .decoration{clear:both;position:relative;bottom:8px;left:0;height:16px;background:url(../images/img_contents_decoration.png) no-repeat}
.main{margin:0 auto;padding:10px 10px 0;width:535px}
.main h2{margin-bottom:10px;background:url(../images/h2_535.jpg) no-repeat left top;width:100%;color:#fff;text-align:left;text-indent:35px;line-height:33px}
.main .news_list li span.category{padding-top:17px;width:60px;height:0;overflow:hidden;position:absolute;margin-left:-70px}
.category.c_a{background:url(../images/c_a.png) no-repeat left top}
.category.c_e{background:url(../images/c_e.png) no-repeat left top}
.category.c_s{background:url(../images/c_s.png) no-repeat left top}
.main .news_list li{padding:2px 10px 2px 80px;white-space:nowrap;border-top:solid 1px #e1ded4;background:no-repeat 10px center}
.new_sel{height:30px}
.new_sel span{float:left;height:30px;text-align:center;width:133px;cursor:pointer;background:url(../images/news_tab.png) no-repeat;font-size:18px;color:#fff}
.new_sel span.strategy{width:134px}
.new_sel span{background-position:0 0}
.new_sel span:hover{background-position:0 -30px}
.new_sel span.active{background-position:0 -60px;color:#62131b;font-weight:700}
.news_list ul{padding-top:5px;display:none}
.news_list ul.active{display:block}
.main .news_list li:first-child{margin:0 0 1px;padding:0 10px 2px 80px;border-top:none}
.main .news_list li span.date{display:block;float:right;color:#7b7b7b;font-size:10px;text-align:right}
.btn-more{position:relative;height:40px;border-top:solid 1px #a09984}
.btn-more a{position:absolute;top:-1px;right:0;display:block;padding-top:20px;width:63px;height:0;background:url(../images/btn_more_main.png) no-repeat;overflow:hidden}
.btn-more a:hover{background-position:0 -20px}
.main .library section.screenshot>div{padding:0 5px 13px 10px;width:520px}
.main .library h3{margin-bottom:10px;padding-top:21px;height:0;border-bottom:solid 1px #78756b;overflow:hidden}
.main .library h3{margin:0 0 10px;padding:0 0 0 15px;height:22px;border-bottom:solid 1px #78756b;overflow:hidden;font-size:12px}
.main .library section.screenshot h3{background:url(../images/cap_icon.png) no-repeat;width:490px}
.main .library section.screenshot ul{padding-bottom:0;width:520px;overflow:hidden}
.main .library section li:first-child{padding:0;background:0 0;overflow:hidden}
.main .library section.screenshot li{float:left;padding:0 5px 0 0;background:0 0}
.main .library section.screenshot li{float:left;padding:0 5px 0 0;background:0 0}
.main .library section ul img{margin-bottom:6px}
.left{position:absolute;top:0;left:8px;padding:10px 0 0;width:230px}
.user{background:#2b2a30;margin:0 8px;border:1px solid #6e737a}
.login_username{padding:10px 5px}
.login_password{padding:0 5px}
.login span{color:#fff;font-size:16px;font-weight:700;margin:10px}
.login input{width:125px}
.login_subject a{padding-top:43px;height:0;width:188px;display:block;overflow:hidden;margin:8px 12px;background:url(../images/login.png) no-repeat}
.login_subject a:hover{background-position:0 -43px}
.reg{border-top:1px dashed #6e737a;color:#fdbb42}
.reg_text{padding:5px 0 0 15px}
.reg_subject a{padding-top:43px;height:0;width:188px;display:block;overflow:hidden;margin:8px 12px;background:url(../images/reg.png) no-repeat}
.reg_subject a:hover{background-position:0 -43px}
.left .lefturl{padding:10px}
.left .lefturl li{padding-bottom:10px}
.right{position:absolute;top:0;left:793px;padding:10px 10px 0 11px;width:209px;color:#292929}
.right h2{background:url(../images/h2_209.png) no-repeat left top;margin-bottom:10px;overflow:hidden;width:100%;color:#fff;text-align:left;text-indent:35px;line-height:33px}
.rank_sel{height:30px}
.rank_sel span{float:left;line-height:30px;text-align:center;width:104px;cursor:pointer;background:url(../images/tab_rank.png) no-repeat;font-size:16px;color:#fff;top:3px}
.rank_sel span:hover{background-position:0 -30px}
.rank_sel span.active{background-position:0 -60px;color:#62131b;font-weight:700}
.rank ul{display:none}
.rank ul.active{display:block}
.rank li.no1{background:url(../images/icn_rank01.gif) no-repeat 10px center}
.rank li.no2{background:url(../images/icn_rank02.gif) no-repeat 10px center}
.rank li.no3{background:url(../images/icn_rank03.gif) no-repeat 10px center}
.rank li.no4{background:url(../images/icn_rank04.gif) no-repeat 10px center}
.rank li.no5{background:url(../images/icn_rank05.gif) no-repeat 10px center}
.rank li{padding:2px 10px 2px 34px;font-weight:700;border-top:solid 1px #918c7d;overflow:hidden}
.character .icon,.rank .icon{background:url(../images/icon_char.png);float:right;margin-top:2px;vertical-align:middle;width:16px;height:16px}
.character .icon{float:left;margin-right:5px}
.character .icon.icon-0,.rank .icon.icon-0{background-position:0 0}
.character .icon.icon-1,.rank .icon.icon-1{background-position:-15px 0}
.character .icon.icon-2,.rank .icon.icon-2{background-position:-30px 0}
.character .icon.icon-3,.rank .icon.icon-3{background-position:-45px 0}
.character .icon.icon-4,.rank .icon.icon-4{background-position:-60px 0}
.character .icon.icon-5,.rank .icon.icon-5{background-position:-75px 0}
.character .icon.icon-6,.rank .icon.icon-6{background-position:-90px 0}
.character .icon.icon-7,.rank .icon.icon-7{background-position:-105px 0}
.character .icon.icon-8,.rank .icon.icon-8{background-position:-120px 0}
.character .icon.icon-9,.rank .icon.icon-9{background-position:-135px 0}
.character .icon.icon-10,.rank .icon.icon-10{background-position:-150px 0}
.right .avatar .btn-avatar-next,.right .avatar .btn-avatar-prev{position:absolute;top:140px;width:18px;height:41px}
.right .avatar{position:relative}
.right .avatar .viewer{position:relative;margin:0 auto 10px;width:189px;height:221px;text-align:center;background:url(../images/bg_avatar.jpg) no-repeat;display:none}
.right .avatar .viewer.active{display:block}
.right .avatar dt.image{position:absolute;left:0;width:189px}
.right .avatar dd{position:absolute;left:0;width:189px;color:#fff;font-size:10px}
.right .avatar .viewer>dt>a{width:189px;height:221px}
.right .avatar dd.name{top:188px}
.right .avatar dd.term{top:199px}
.right .avatar .btn-avatar-prev{left:16px;background:url(../images/btn_rollingarrow.jpg) no-repeat 0 0}
.right .avatar .btn-avatar-next{right:16px;background:url(../images/btn_rollingarrow.jpg) no-repeat -18px 0}
.type02 .contents-mid{background:url(../images/bg_contents2.png) repeat-y center top}
.type02 .contents-top{background:url(../images/bg_contents_top2.png) no-repeat center top}
.type02 .contents-btm{background:url(../images/bg_contents_btm2.png) no-repeat center bottom}
.all-container.news .main{min-height:1084px}
.news header{margin:0 auto;padding-top:66px;width:100%;height:115px;text-align:center}
.type02 .main{width:766px;margin-left:238px}
.main{margin:0 auto;padding:10px 10px 0;width:535px}
.main{position:relative;min-height:770px}
.main .breadcrumb{position:absolute;top:-75px;right:-204px;font-size:11px;text-align:right;z-index:2}
.type02 .main .breadcrumb{right:27px}
.main .breadcrumb a{margin-right:2px;padding-right:9px;color:#d3ccb3;text-decoration:none}
.main .breadcrumb .bca{background:url(../images/icn_breadcrumb.gif) no-repeat right center}
.main .breadcrumb strong{color:#af1717}
.main hgroup{position:absolute;top:-117px;left:8px;width:768px;height:103px;overflow:hidden;z-index:1}
.main hgroup h1{padding-top:103px;width:768px;height:0;overflow:hidden}
.main hgroup h2{text-indent:100%;white-space:nowrap;overflow:hidden}
.type02 .article-ttl{background:url(../images/h2_news.jpg) no-repeat center center}
.visual.small{position:relative;margin:0 auto 5px;padding:11px 11px 9px;width:997px;height:103px;background:url(../images/bg_visual.gif) no-repeat;z-index:1}
.visual.small .btn-gamestart{float:left;width:213px;height:103px}
.visual.small .btn-gamestart a{display:block;padding-top:103px;width:213px;height:0;background:url(../images/btn_gamestart2.png) no-repeat;overflow:hidden}
.visual.small .btn-gamestart a:hover{background-position:0 -103px}
.article-ttl dl{position:relative;color:#f4f2eb;overflow:hidden;line-height:33px}
.article-ttl dt span{width:60px;height:17px;display:inline-block;position:absolute;top:7px;left:10px}
.article-ttl dt strong{padding-left:80px}
.article-ttl dt.c_a span{background:url(../images/c_a.png) no-repeat left top}
.article-ttl dt.c_e span{background:url(../images/c_e.png) no-repeat left top}
.article-ttl dt.c_s span{background:url(../images/c_s.png) no-repeat left top}
.article-ttl dd{position:absolute;top:0;right:10px;text-align:right}
.article-detail{padding:16px 10px;border-bottom:solid 1px #e1ded4}
.news-tab{height:30px}
.news-tab li{float:left;height:30px;text-align:center;width:191px;cursor:pointer;background:url(../images/news_tab_big.png) no-repeat;font-size:18px}
.news-tab li a{color:#fff;text-decoration:none;display:block}
.news-tab li{background-position:0 0}
.news-tab li:hover{background-position:0 -30px}
.news-tab li.active{background-position:0 -60px;font-weight:700}
.news-tab li.active a{color:#62131b}
.article-list{width:764px;margin-top:10px}
.article-list tr{height:32px;border-bottom:solid 1px #e1ded4}
.article-list .tr_title{background-color:#e1ded4}
.article-list .tr_title th{padding:5px}
.article-list .tr_title .categoty{width:70px;text-align:center}
.article-list .date{text-align:center}
.article-list .category{padding-top:17px;width:60px;height:0;overflow:hidden;position:absolute;margin:-9px 10px 0}
.username{color:#fff;padding:10px}
.username span{color:#fdbb42;font-weight:700}
.user_loginout{float:right}
.user_loginout a{color:#aaa}
.userreg{border-top:1px dashed #6e737a;color:#fff;padding:10px}
.userbtn{line-height:12px;font-weight:700;color:#f4f2eb;background-color:#214a7e;padding:2px 10px;-moz-border-radius:12px;border-radius:12px;text-decoration:none}
.userbtn:hover{color:#fff;background-color:#3f51b5}
.user_s i{font-style:unset;padding:0 2px;font-weight:700;color:#fdbb42}
.type-news h1{background:url(../images/t_1.jpg) no-repeat left top}
.type-point h1{background:url(../images/t_2.jpg) no-repeat left top}
.type-avatar h1{background:url(../images/t_3.jpg) no-repeat left top}
.type-crank h1{background:url(../images/t_4.jpg) no-repeat left top}
.type-prank h1{background:url(../images/t_5.jpg) no-repeat left top}
.type-cdk h1{background:url(../images/t_6.jpg) no-repeat left top}
.type-joyclub h1{background:url(../images/t_7.jpg) no-repeat left top}
.type-week h1{background:url(../images/t_8.jpg) no-repeat left top}
.type-download h1{background:url(../images/t_d.jpg) no-repeat left top}
.point{width:100%;margin:0 auto;text-align:center}
.point td,.point th{border:1px solid #9d9696;padding:5px}
.point th{background-color:#d1d1d1;font-weight:700;text-align:center;border-top:2px solid #434343}
.point a{text-decoration:none;display:block;width:50px;height:21px;line-height:21px;text-align:center;background-color:#c6460d;color:#fff;border-radius:12px}
.point a:hover{background-color:#ec4828}
.point_img{float:left}
.point_name{line-height:28px}
.ptitle{background:url(../images/h2_news.jpg) no-repeat center center;position:relative;color:#f4f2eb;overflow:hidden;line-height:33px;margin-bottom:20px}
.ptitle span{padding-left:20px;font-weight:700}
.bottomline{padding:0 10px 20px;margin-bottom:20px;text-align:center;width:100%}
.bottomline p{margin-bottom:19px}
.btn-plugindownload{display:block;margin:0 auto;padding-top:49px;width:209px;height:0;background:url(../images/btn_plugindownload.jpg) no-repeat;overflow:hidden}
.btn-plugindownload:hover{background-position:0 -49px}
.topranker{margin:0 auto 15px;height:208px;background:url(../images/bg_ranking_type02.gif) no-repeat;overflow:hidden;padding:0 129px 0;width:508px}
.topranker li{float:left;position:relative;width:149px;height:197px;padding:0 4px 0 5px}
.topranker li.no01{background:url(../images/bg_ranker01.jpg) no-repeat 4px bottom}
.topranker li.no02{background:url(../images/bg_ranker02.jpg) no-repeat 4px bottom}
.topranker li.no03{background:url(../images/bg_ranker03.jpg) no-repeat 4px bottom}
.topranker li dd,.topranker li dt{position:absolute}
.topranker li dt{top:151px;left:45px;color:#fff}
.topranker li dd.character{bottom:45px;left:0;width:149px;text-align:center}
.topranker li dd.exp,.topranker li dd.rp,.topranker li dd.win{top:169px;left:45px;color:#e23737}
.topranker li dd.grade,.topranker li dd.stage{top:170px;left:87px}
.ranking-list th{height:33px;background-color:#e1ded4}
.ranking-list tr>td{box-sizing:border-box;border-bottom:solid 1px #e1ded4}
.ranking-list td img{margin:1px 4px 0 0}
.ranking-list td.rank{padding:5px 0;width:69px}
.ranking-list td.character{text-align:left;width:237px}
.ranking-list td.job{width:267px}
.ranking-list td.exp,.type02 .ranking-list td.rp{width:100px;color:#8a1919}
.ranking-list td.stage,.type02 .ranking-list td.grade{width:92px}
.ranking-list .rank i{background:url(../images/icon_num.png) no-repeat center;display:block;margin:0 auto;padding-top:15px;width:15px;height:0;overflow:hidden}
.ranking-list .rank.no1 i{background-position:0 0}
.ranking-list .rank.no2 i{background-position:-15px 0}
.ranking-list .rank.no3 i{background-position:-30px 0}
.ranking-list .rank.no4 i{background-position:-45px 0}
.ranking-list .rank.no5 i{background-position:-60px 0}
.ranking-list .rank.no6 i{overflow:inherit;display:inherit;width:15px;font-weight:700;font-style:initial;background-position:-450px 0}
.page{padding-bottom:20px}
.warning{font-size:22px;font-weight:700;text-align:center;padding:20px}
.warning span{color:#af1717}
.warning p{font-size:14px;color:#f44336}
.cdk{width:200px;line-height:26px!important;height:26px!important}
.cdkbtn{line-height:16px;font-weight:700;color:#f4f2eb;background-color:#214a7e;padding:7px 10px;-moz-border-radius:12px;border-radius:3px;text-decoration:none}
.cdkbtn:hover{background-color:#3f51b5;color:#fff}
.no_name{font-style:italic;color:#9e9e9e}
.joy{font-weight:700}
.joy.joy_0{color:#9e9e9e}
.joy.joy_1{color:#9c27b0}
.joy.joy_2{color:#673ab7}
.joy.joy_3{color:#e91e63}
.ptitle p{float:right;margin:10px;font-weight:700;padding:0 5px;border-radius:10px;line-height:16px}
.joyp_s{color:#fff;background-color:#00bcd4}
.joyp_e{color:#f7beba;background-color:#b91206}
.joy_item{padding:0 0 20px;margin-top:-20px;width:100%}
.joy_lvl_bg{display:block;position:relative;width:100%;height:10px;background:#673ab7;border-radius:12px}
.joy_lvl{width:50%;position:absolute;display:block;height:10px;background-color:#ffc107;border-radius:12px}
.joy_lvl1{background-color:#607d8b}
.joy_lvl2{background-color:#03a9f4}
.joy_lvl_span{position:relative;height:20px;margin-left:-25px}
.joy_lvl_span span{position:absolute;color:#c6460d;font-weight:700}
.joy_level{font-weight:700;padding:20px 0}
.joy_level span{color:#b91206}
.btn-avatar{display:block;margin:0 37px;width:181px;text-align:center;background:url(../images/btn_avatar.png) no-repeat;float:left;line-height:59px;font-size:22px;font-weight:700;color:#85280f;text-decoration:none}
.btn-avatar:hover{color:#85280f;text-decoration:none;-webkit-filter:brightness(1.2);filter:brightness(1.2)}
a.btn-avatar.off{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);-webkit-filter:grayscale(1)}
.avatar-c span{display:block;margin:0 37px;width:181px;float:left;text-align:center;font-size:14px;font-weight:700;color:#85280f}
.avatar-c span s{color:#9e9e9e}
.clearleft{clear:left}
.pot{width:150px;background-color:#e7e1a3;border-radius:5px;color:#85280f;font-weight:700;float:left;margin:10px 19px;border:1px solid #c4ad61}
.pot_2{background-color:#fed750;border:1px solid #c4782d}
.pot .pot_title{background:#c4ad61;color:#fff;padding:2px 5px}
.pot_2 .pot_title{background:#c4782d;color:#fed750}
.pot .pot_icon{background:url(../images/pot.png) no-repeat;width:32px;height:32px;float:left;margin:10px}
.pot_2 .pot_icon{background:url(../images/pot_gold.png) no-repeat}
.pot_type{padding-top:10px}
.pot_title a{float:right;background-color:#e7e1a3;border-radius:15px;padding:0 5px;color:#85280f;text-decoration:none}
.pot_2 .pot_title a{background-color:#fed750}
.pot_re a{background-color:#c4ad61;border-radius:15px;padding:2px 5px;color:#fff;text-decoration:none}
.pot_2 .pot_re a{background-color:#c4782d;color:#fed750}
.pot_re a:hover,.pot_title a:hover{text-decoration:none;-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.pot_all{padding:2px 6px;width:140px;background-color:#e7e1a3;color:#85280f;font-weight:700;float:left;margin:-1px -1px 0 0;border:1px solid #c4ad61}
.pot_all_title{padding:10px;width:744px;background-color:#e7e1a3;color:#85280f;font-weight:700;border:1px solid #c4ad61;text-align:center;font-size:16px}
.pot_all.pot_all_gold,.pot_all_title.gold_title{border:1px solid #c4782d;background-color:#fed750}
.pot_all_title.gold_title{margin-top:20px}
.p_sel{padding:0 20px}
.gold .pot_1,.normal .pot_2{display:none}
.cdk_sel label{padding:5px;background-color:#fff;border-radius:5px;color:#6e737a;font-weight:700;float:left;margin:10px;border:1px solid #6e737a;position:relative}
.cdk_sel input{left:10px;position:absolute;top:8px}
.cdk_sel span{padding-left:20px}
.layer{z-index:10001;width:500px;height:380px;top:221px;left:770.5px;border-radius:2px;box-shadow:1px 1px 50px rgba(0,0,0,.3);position:fixed;pointer-events:auto;background:#fff}
.layer-title{padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#f8f8f8;border-radius:2px 2px 0 0}
.layer-con{padding:15px;text-align:center}
.layer-con span{display:block}
.avatar_radio input{left:10px;position:absolute;top:8px}
.layer-con label{padding:5px;background-color:#fff;border-radius:5px;color:#6e737a;font-weight:700;float:left;margin:10px;border:1px solid #6e737a;position:relative;width:120px}
.layer-bottom{padding-top:10px;text-align:center;bottom:0;border-top:1px solid #eee}
.layer-btn{height:28px;line-height:28px;margin:5px 5px 0;padding:5px 40px;border:1px solid #dedede;background-color:#fff;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}
.layer-btn:hover{opacity:.9;text-decoration:none}
.layer-btn.btn0{border-color:#1e9fff;background-color:#1e9fff;color:#fff}