.e-shadow{
    display:none;
    overflow:hidden;
    z-index:90;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8)
}
.ie-lower{
    padding:240px 0;
    min-height:400px;
    background:url(../images/bg_dimmed.png) repeat;
    text-align:center
}
.ie-lower .inner{
    position:relative;
    margin:0 auto;
    padding:40px 30px 0;
    width:720px;
    height:410px;
    background-color:#fff
}
.ie-lower h2{
    line-height:1.6;
    color:#1a1a1a;
    font-size:24px
}
.ie-lower p{
    line-height:1.6;
    color:#6f6f6f;
    font-size:20px
}
.ie-lower .browser-list{
    overflow:hidden;
    width:380px;
    margin:50px auto 0
}
.ie-lower .browser-list li{
    font-family:"notokr-regular","dotum","Arial","Tahoma","sans-serif";
    font-size:15px;
    color:#6f6f6f;
    float:left;
    width:50%;
    padding-top:116px;
    text-align:center;
    background:url(../images/bg_browser.png) no-repeat 32px 0
}
.ie-lower .browser-list li+li{
    background-position:-132px 0
}
.ie-lower .browser-list a{
    display:block;
    margin:35px auto 10px;
    width:160px;
    height:50px;
    line-height:48px;
    border-radius:4px;
    font-size:16px;
    color:#303030;
    background-color:#f0f0f0
}
.ie-lower .browser-list a:hover{
    color:#fff;
    background-color:#303030
}
.ie-lower--layer{
    position:fixed;
    left:0;
    top:0;
    z-index:99999;
    width:100%;
    height:100%
}
.ie-lower-close{
    overflow:hidden;
    line-height:0;
    font-size:0;
    color:transparent;
    text-indent:-9999px;
    position:absolute;
    right:30px;
    top:30px;
    z-index:99999;
    width:35px;
    height:35px;
    background:url(../images/btn_close.png) no-repeat 50%
}
.ie-lower.dark{
    background:#000
}
.ie-lower.dark .inner{
    background-color:#000
}
.ie-lower.dark h2,.ie-lower.dark p{
    color:#e8d3c0
}
.ie-lower.dark .browser-list li{
    color:#909090
}
.ie-lower.dark .browser-list a{
    color:#303030;
    background-color:#f0f0f0
}
.ie-lower.dark .browser-list a:hover{
    color:#fff;
    background-color:#303030
}
.ie-lower.dark .ie-lower-close{
    background-image:url(../images/ban_popup_close.gif);
    background-position-x:-1px
}
.custom-select{
    position:relative;
    box-sizing:border-box;
    width:240px;
    height:60px
}
.custom-select .selected{
    display:block;
    box-sizing:border-box;
    padding-left:25px;
    padding-right:25px;
    width:100%;
    height:100%;
    letter-spacing:-0.5px;
    cursor:pointer;
    line-height:calc(60px - 1px);
    font-size:20px;
    color:#5f6478;
    border:1px solid #1c1d2c;
    border-radius:0;
    background-color:#060302;
    background-repeat:no-repeat;
    background-image:url(../images/ico_select.png);
    background-position:100% 0
}
.custom-select .selected.active{
    color:#5f6478
}
.opened .selected{
    background-position:100% 100%
}
.custom-select .select-items{
    display:none;
    box-sizing:border-box;
    overflow:hidden;
    position:absolute;
    padding:0;
    left:0;
    z-index:3;
    width:100%;
    border:1px solid #1c1d2c;
    border-radius:0;
    background-color:#000
}
.custom-select .select-items>div,.custom-select .select-items>ul{
    overflow-y:auto;
    max-height:200px;
    scrollbar-base-color:#1c1d2c;
    scrollbar-arrow-color:#1c1d2c;
    scrollbar-shadow-color:#1c1d2c;
    scrollbar-highlight-color:#000
}
.custom-select .select-items>div::-webkit-scrollbar,.custom-select .select-items>ul::-webkit-scrollbar{
    width:10px
}
.custom-select .select-items>div::-webkit-scrollbar-track,.custom-select .select-items>ul::-webkit-scrollbar-track{
    background:#000
}
.custom-select .select-items>div::-webkit-scrollbar-thumb,.custom-select .select-items>ul::-webkit-scrollbar-thumb{
    background:#1c1d2c
}
.custom-select .select-items>div::-webkit-scrollbar-button:start:decrement,.custom-select .select-items>ul::-webkit-scrollbar-button:start:decrement{
    width:0;
    height:0;
    background:#000
}
.custom-select .select-items>div::-webkit-scrollbar-button:end:increment,.custom-select .select-items>ul::-webkit-scrollbar-button:end:increment{
    width:0;
    height:0;
    background:#000
}
.custom-select .select-items label{
    display:block;
    box-sizing:border-box;
    position:relative
}
.custom-select .select-items label input{
    position:absolute;
    visibility:hidden;
    margin:0;
    padding:0;
    width:0;
    height:0
}
.custom-select .select-items label input:checked+span,.custom-select .select-items label input:checked ~ span{
    color:#5f6478
}
.custom-select .select-items label input:disabled+span,.custom-select .select-items label input:disabled ~ span{
    cursor:default;
    pointer-events:none
}
.custom-select .select-items span{
    display:block;
    padding-left:25px;
    padding-right:25px;
    height:60px;
    line-height:60px;
    font-size:20px;
    color:#5f6478;
    cursor:pointer
}
.custom-select .select-items span:hover{
    color:#5f6478;
    background-color:#2b2e3e
}
.opened .select-items{
    display:block
}
.custom-input{
    position:relative;
    box-sizing:border-box;
    width:240px;
    height:60px
}
.custom-input input[type="text"]{
    display:block;
    box-sizing:border-box;
    padding:0 25px;
    width:100%;
    height:100%;
    font-size:20px;
    border:1px solid #1c1d2c;
    background-color:#000;
    color:#5f6478
}
body,body h2,body sup,body sub,body .superscript,.e-header .period,.e-nav .menu a,.e-event1 .info,.e-event1 .e-section1 .bonus-box .check,.e-event1 .e-section2 .gift-box div,.e-event1 .e-section2 .note,.e-event1 .e-section3 .gift-box div,.e-event1 .e-section5 .gift-box div,.e-event1 .e-section3 .item-box .item .time,.e-event1 .e-section5 .item-box .item .time,.e-event1 .e-section3 .notice,.e-event1 .e-section5 .notice,.e-event1 .e-section4 .note,.e-event1 .btn-guide,.e-event1 .e-section6 .note,.e-event1 .e-section8 .note,.e-event1 .e-section6 .plus-box *,.e-event1 .e-section8 .plus-box *,.e-event1 .e-section7 .subscript,.e-event1 .e-section8 .note+strong,.e-event1 .e-section9 .subscript,.e-event2 .e-section1 .class>div .type,.e-event2 .e-section2 .info,.e-event2 .e-section3 .rewards .item .time,.e-event2 .e-section3 .rewards .item button,.e-event2 .e-section4 .subscription,.e-event4 .e-section1 .content-box .note,.content-box *,.content-box .period>div div em,.content-box .period>div div em+.subscript,.reset,.roulette-event1 .roulette-tab li a,.roulette-event1 .roulette-common .desc-roulette .hide,.roulette-event1 .dimension-area .btn-dimensional,.roulette-event1 .dimension-area .roulette-timer,.roulette-event1 .roulette-stage .name,.roulette-event3 .roulette-ranking .ranking-box .best,.roulette-event3 .roulette-ranking .rank-lst .btn-rank,.roulette-event3 .btn-warning{
    font-family:'Times New Roman','Segoe UI','Lucida Sans Unicode','Lucida Grande','Tahoma','Arial','sans-serif'
}
body{
    background:#101010;
    color:#003
}
button{
    cursor:pointer;
    border:0 none
}
.e-container{
    position:relative;
    overflow:hidden;
    min-width:1280px;
    max-width:1920px;
    margin:0 auto;
    box-sizing:border-box
}
.e-container *{
    box-sizing:border-box
}
.e-wrap{
    position:relative;
    padding-left:203px;
    width:1280px;
    height:100%;
    margin:0 auto;
    box-sizing:border-box;
    text-align:center
}
.e-footer{
    display:none
}
#btnTop{
    overflow:hidden;
    line-height:0;
    font-size:0;
    color:transparent;
    text-indent:-9999px;
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease;
    opacity:0;
    z-index:10;
    position:absolute;
    right:28px;
    bottom:85px;
    width:111px;
    height:117px;
    background:url(../images/btn_top.png) no-repeat
}
#btnTop.active{
    position:fixed;
    opacity:1
}
.e-header{
    position:relative;
    z-index:20;
    width:100%;
    height:1026px;
    box-sizing:border-box;
    background:url("../images/bg_header.png") no-repeat 50% 0
}
.es .e-header{
    background-image:url("../images/bg_header.png")
}
.pt .e-header{
    background-image:url("../images/bg_header.png")
}
.e-header .logo{
    position:fixed;
    top:80px;
    left:30px;
    overflow:hidden;
    display:block;
    z-index:20
}
.e-header .logo img{
    width:100%
}
.e-header .period{
    margin:864px auto 0;
    padding-left:203px;
    font-size:24px;
    color:#efe7de;
    text-align:center
}
.e-quick{
    overflow:hidden;
    position:absolute;
    right:35px;
    top:55px
}
.e-quick a{
    display:inline-block;
    width:174px;
    height:36px;
    background:url("../images/img_util.png") 0 0 no-repeat;
    overflow:hidden;
    line-height:0;
    font-size:0;
    color:transparent;
    text-indent:-9999px
}
.e-quick .btn-home{
    margin-right:4px;
    background-position-x:0
}
.e-quick .btn-down{
    background-position-x:100%
}
.e-quick #closeToday span{
    display:block;
    width:214px;
    height:18px;
    margin-top:25px;
    margin-left:138px;
    background:url("../images/img_util.png") 100% -36px no-repeat;
    cursor:pointer;
    overflow:hidden;
    line-height:0;
    font-size:0;
    color:transparent;
    text-indent:-9999px
}
.e-quick #closeToday input[type="checkbox"]{
    position:absolute;
    visibility:hidden
}
.e-quick #closeToday input[type="checkbox"]:checked+label,.e-quick #closeToday input[type="checkbox"]:checked+span{
    background-position:100% 100%
}
.e-header .cover .title{
    overflow:hidden;
    line-height:0;
    font-size:0;
    color:transparent;
    text-indent:-9999px
}
.e-nav{
    width:191px;
    height:364px;
    position:fixed;
    top:50%;
    left:22px;
    margin-top:-100px;
    z-index:20
}
.e-nav .menu{
    width:100%;
    height:100%
}
.e-nav .menu a{
    display:block;
    padding-left:48px;
    width:100%;
    height:25%;
    overflow:hidden;
    font-size:18px;
    color:#74707a;
    background-image:url("../images/bg_nav.png");
    background-repeat:no-repeat;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5)
}
.e-nav .menu a.current{
    color:#fff;
    background-position:100% 0
}
.search-area{
    overflow:hidden;
    height:40px;
    position:absolute;
    left:345px;
    top:674px
}
.search-area .inp-search{
    width:180px;
    height:40px;
    border:1px solid #0d375e;
    color:#374772;
    font-size:15px;
    text-indent:20px;
    box-sizing:border-box;
    vertical-align:top
}
.search-area .btn-search{
    overflow:hidden;
    width:60px;
    height:40px;
    padding:0;
    border:0;
    vertical-align:top;
    font-size:16px;
    color:#fff;
    background-color:#374772
}
.search-area input::-ms-clear{
    display:none
}
.search-area input::-webkit-input-placeholder{
    opacity:.5
}
.search-area input::-ms-input-placeholder{
    opacity:.5
}
.search-area+.tbl-point{
    position:absolute;
    left:69px;
    top:779px
}
.shadow{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#000;
    opacity:.6;
    filter:alpha(opacity=60);
    z-index:9998
}
.e-section{
    position:relative
}
.e-contents .e-section{
    position:relative
}
.e-contents .superscript{
    display:block;
    line-height:1;
    font-size:35px
}
.e-contents .title{
    line-height:1;
    font-size:60px;
    font-weight:normal
}
.e-contents .subscription{
    font-size:24px
}
.e-contents .period{
    margin-top:16px;
    font-size:18px
}
.e-contents .custom-select{
    text-align:left;
    width:240px;
    height:60px
}
.e-contents .custom-select .selected{
    background-position:90% center;
    border:1px solid #1c1d2c
}
.e-contents .custom-select .select-items{
    top:60px
}
.e-contents .custom-select .select-items{
    border:0 none
}
.e-contents .custom-select .select-items label{
    border:1px solid #1c1d2c;
    border-top:0 none
}
.e-contents .custom-select.server{
    right:285px
}
.e-contents .custom-select.opened .selected{
    background-color:#000;
    background-image:url("../images/ico_select_on.png")
}
.e-event1{
    background:url("../images/bg_event1.png") center 0 no-repeat
}
.e-event1 .superscript{
    text-transform:uppercase
}
.e-event1 .subscription{
    display:block;
    line-height:1;
    padding:54px 0 21px;
    font-size:48px
}
.e-event1 .info{
    color:#fff;
    font-size:24px
}
.e-event1 .e-section1{
    padding-top:151px;
    height:1748px
}
.e-event1 .e-section1 .title{
    height:140px;
    font-size:70px
}
.e-event1 .e-section1 .content-box{
    margin-top:-70px
}
.e-event1 .e-section1 .content-box .period>div>div{
    padding:79px 0 0;
    width:348px
}
.e-event1 .e-section1 .content-box .period .first{
    margin-right:22px;
    margin-left:182px
}
.e-event1 .e-section1 .content-box .period .skill{
    width:100%;
    font-size:18px;
    color:#ded4c6
}
.e-event1 .e-section1 .content-box .period .skill span{
    display:block;
    margin-bottom:13px;
    font-size:30px
}
.e-event1 .e-section1 .content-box .period .reset{
    top:143px;
    right:27px
}
.e-event1 .e-section1 .bonus-box{
    position:relative;
    padding:55px 0 20px
}
.e-event1 .e-section1 .bonus-box .superscript{
    color:#fff2be;
    font-size:30px
}
.e-event1 .e-section1 .bonus-box .subscription{
    width:70%;
    margin:0 auto;
    padding-top:8px;
    height:97px;
    color:#c1d4ff;
    font-size:50px;
    text-indent:-14px
}
.e-event1 .e-section1 .bonus-box .check{
    margin-top:208px;
    font-size:18px;
    color:#939dbb;
    text-indent:-6px
}
.e-event1 .e-section1 .bonus-box .reset{
    top:254px;
    right:144px
}
.e-event1 .e-section2{
    height:905px
}
.e-event1 .e-section2 .superscript{
    color:#fff
}
.e-event1 .e-section2 .title{
    font-size:70px;
    padding:44px 0 40px;
    text-indent:-10px;
    color:#ccf
}
.e-event1 .e-section2 em{
    color:#ccf
}
.e-event1 .e-section2 .gift-box{
    overflow:hidden;
    padding:250px 0 130px
}
.e-event1 .e-section2 .gift-box div{
    float:left;
    width:180px;
    color:#fff;
    font-size:20px;
    line-height:1
}
.e-event1 .e-section2 .gift-box .item2,.e-event1 .e-section2 .gift-box .item3,.e-event1 .e-section2 .gift-box .item4{
    margin-left:115px
}
.e-event1 .e-section2 .note{
    color:#cc9;
    font-size:24px;
    text-indent:33px
}
.e-event1 .e-section2 .note span{
    color:#ff9c00
}
.e-event1 .e-section3 .subscript{
    margin-top:16px;
    font-size:18px
}
.e-event1 .e-section3 .item-box{
    padding-top:130px !important
}
.e-event1 .e-section3,.e-event1 .e-section5{
    padding-top:155px;
    height:1071px
}
.e-event1 .e-section3 .title,.e-event1 .e-section5 .title{
    padding:38px 0 0;
    text-indent:-10px
}
.e-event1 .e-section3 em,.e-event1 .e-section5 em{
    color:#ccf
}
.e-event1 .e-section3 .period span,.e-event1 .e-section5 .period span{
    line-height:1.6;
    font-size:18px;
    color:#903;
    border-bottom:1px solid #903;
    letter-spacing:-0.5px
}
.e-event1 .e-section3 .gift-box,.e-event1 .e-section5 .gift-box{
    overflow:hidden;
    padding:250px 0 130px
}
.e-event1 .e-section3 .gift-box div,.e-event1 .e-section5 .gift-box div{
    float:left;
    width:180px;
    color:#fff;
    font-size:20px;
    line-height:1
}
.e-event1 .e-section3 .gift-box .item2,.e-event1 .e-section3 .gift-box .item3,.e-event1 .e-section3 .gift-box .item4,.e-event1 .e-section5 .gift-box .item2,.e-event1 .e-section5 .gift-box .item3,.e-event1 .e-section5 .gift-box .item4{
    margin-left:115px
}
.e-event1 .e-section3 .item-box,.e-event1 .e-section5 .item-box{
    padding:165px 92px 119px 82px;
    height:562px
}
.e-event1 .e-section3 .item-box .item,.e-event1 .e-section5 .item-box .item{
    width:50%
}
.e-event1 .e-section3 .item-box .item .time,.e-event1 .e-section5 .item-box .item .time{
    margin-bottom:162px;
    color:#cc9;
    font-size:18px
}
.e-event1 .e-section3 .item-box .item .name,.e-event1 .e-section5 .item-box .item .name{
    width:36%
}
.e-event1 .e-section3 .notice,.e-event1 .e-section5 .notice{
    margin:0 auto;
    width:65%;
    font-size:18px
}
.e-event1 .e-section4{
    padding-top:167px;
    height:1083px
}
.e-event1 .e-section4 .superscript{
    color:#fff
}
.e-event1 .e-section4 .title{
    font-size:70px;
    line-height:1.2;
    padding:20px 0 0;
    text-indent:-25px;
    color:#ccf
}
.e-event1 .e-section4 .period span{
    line-height:1.6;
    font-size:18px;
    color:#999;
    border-bottom:1px solid #999;
    letter-spacing:-0.5px
}
.e-event1 .e-section4 .note{
    padding-top:438px;
    color:#cc9;
    font-size:24px;
    text-indent:33px
}
.e-event1 .e-section4 .note span{
    color:#ff9c00
}
.e-event1 .e-section5,.e-event1 .e-section7,.e-event1 .e-section9{
    padding-top:194px;
    height:1171px
}
.e-event1 .e-section5 .title,.e-event1 .e-section7 .title,.e-event1 .e-section9 .title{
    padding-top:28px
}
.e-event1 .e-section5 .period,.e-event1 .e-section7 .period,.e-event1 .e-section9 .period{
    margin-top:32px
}
.e-event1 .e-section5 .subscript,.e-event1 .e-section7 .subscript,.e-event1 .e-section9 .subscript{
    margin-top:16px;
    font-size:18px
}
.e-event1 .e-section5 .item-box,.e-event1 .e-section7 .item-box,.e-event1 .e-section9 .item-box{
    padding:258px 178px 141px 172px;
    height:439px
}
.e-event1 .e-section5 .item-box .item .name,.e-event1 .e-section7 .item-box .item .name,.e-event1 .e-section9 .item-box .item .name{
    width:52%
}
.e-event1 .btn-guide{
    display:block;
    margin:0 auto;
    width:488px;
    height:91px;
    line-height:86px;
    font-size:22px;
    color:#fafaae;
    background:url(../images/btn_guide.png)
}
.e-event1 .e-section6,.e-event1 .e-section8{
    padding-top:90px;
    height:1974px
}
.e-event1 .e-section6 .superscript,.e-event1 .e-section8 .superscript{
    color:#fff
}
.e-event1 .e-section6 .title,.e-event1 .e-section8 .title{
    line-height:1.2;
    padding:60px 0 0;
    text-indent:-6px;
    color:#c0d3ff
}
.e-event1 .e-section6 .period,.e-event1 .e-section8 .period{
    margin-top:33px
}
.e-event1 .e-section6 .period span,.e-event1 .e-section8 .period span{
    line-height:1.6;
    font-size:18px;
    color:#999;
    border-bottom:1px solid #999;
    letter-spacing:-0.5px
}
.e-event1 .e-section6 .note,.e-event1 .e-section8 .note{
    padding-top:12px;
    color:#cc9;
    font-size:24px;
    text-indent:-8px
}
.e-event1 .e-section6 .note span,.e-event1 .e-section8 .note span{
    color:#ff9c00
}
.e-event1 .e-section6 .item-box,.e-event1 .e-section8 .item-box{
    padding:281px 173px 141px 166px
}
.e-event1 .e-section6 .item-box .item,.e-event1 .e-section8 .item-box .item{
    width:50%
}
.e-event1 .e-section6 .item-box .item .name,.e-event1 .e-section8 .item-box .item .name{
    font-size:18px;
    width:80%
}
.e-event1 .e-section6 .plus-box,.e-event1 .e-section8 .plus-box{
    padding-top:82px
}
.e-event1 .e-section6 .plus-box .sup,.e-event1 .e-section8 .plus-box .sup{
    text-transform:uppercase;
    font-size:24px;
    color:#71a6d3
}
.e-event1 .e-section6 .plus-box h5,.e-event1 .e-section8 .plus-box h5{
    font-weight:normal;
    font-size:40px;
    color:#cccce6
}
.e-event1 .e-section6 .plus-box p,.e-event1 .e-section8 .plus-box p{
    margin-top:337px;
    margin-bottom:61px;
    color:#ccdeff;
    font-size:30px
}
.e-event1 .e-section6 .attention,.e-event1 .e-section8 .attention{
    padding-top:45px;
    line-height:28px;
    font-size:14px;
    color:#939eb2
}
.e-event1 .e-section6 .attention em,.e-event1 .e-section8 .attention em{
    color:#6685bd
}
.e-event1 .e-section6 .attention span,.e-event1 .e-section8 .attention span{
    margin-bottom:4px;
    font-size:24px;
    color:#6685bd;
    display:block
}
.e-event1 .e-section7 .title{
    padding-top:38px
}
.e-event1 .e-section7 .period{
    margin-top:23px
}
.e-event1 .e-section7 .period span{
    color:#903;
    border-bottom:1px solid #903
}
.e-event1 .e-section7 .subscript{
    margin-top:17px;
    font-size:20px
}
.e-event1 .e-section7 .attention{
    padding-top:458px;
    line-height:28px;
    font-size:14px
}
.e-event1 .e-section7 .attention span{
    margin-bottom:4px;
    font-size:24px;
    color:#903;
    display:block
}
.e-event1 .e-section8{
    padding-top:185px;
    height:851px
}
.e-event1 .e-section8 .title{
    padding-top:41px;
    color:#ccf
}
.e-event1 .e-section8 .period{
    margin-top:29px
}
.e-event1 .e-section8 .note{
    padding-top:31px;
    height:490px;
    background:url(../images/text_event1_7.png) no-repeat 25px 191px
}
.es .e-event1 .e-section8 .note{
    background:url(../images/text_event1_7_es.png) no-repeat 25px 158px
}
.pt .e-event1 .e-section8 .note{
    background:url(../images/text_event1_7_pt.png) no-repeat 25px 158px
}
.e-event1 .e-section8 .note+strong{
    position:absolute;
    left:417px;
    top:359px;
    color:#000;
    font-size:18px
}
.e-event1 .e-section9{
    height:1400px
}
.e-event1 .e-section9 .title{
    padding-top:50px;
    line-height:1.3
}
.e-event1 .e-section9 .period{
    margin-top:26px
}
.e-event1 .e-section9 .period span{
    color:#903;
    border-bottom:1px solid #903
}
.e-event1 .e-section9 .subscript{
    margin-top:26px;
    margin-bottom:551px;
    font-size:20px
}
.item-box{
    overflow:hidden
}
.item-box .item{
    position:relative;
    float:left
}
.item-box .item .name{
    margin:0 auto;
    color:#fff
}
.e-event2{
    height:5474px;
    background:url("../images/bg_event2.jpg") center 0 no-repeat
}
.e-event2 .superscript{
    text-transform:uppercase
}
.e-event2 .e-section1{
    padding-top:179px;
    height:1071px
}
.e-event2 .e-section1 .superscript{
    color:#afc9de
}
.e-event2 .e-section1 .title{
    padding-top:39px;
    color:#fff;
    font-size:70px
}
.e-event2 .e-section1 .class{
    overflow:hidden;
    position:absolute;
    left:225px;
    top:561px;
    width:1034px
}
.e-event2 .e-section1 .class>div{
    float:left;
    box-sizing:border-box;
    padding:0 40px;
    width:50%;
    letter-spacing:-0.2px
}
.e-event2 .e-section1 .class>div .type{
    display:block;
    line-height:1.4;
    font-weight:normal;
    font-size:36px;
    color:#cc9
}
.e-event2 .e-section1 .class>div p{
    line-height:1.3;
    padding:18px 0 0;
    font-size:18px;
    color:#ccc
}
.e-event2 .e-section2{
    padding-top:159px;
    height:877px
}
.e-event2 .e-section2 .subscription{
    display:block;
    padding:48px 0 21px;
    font-size:30px
}
.e-event2 .e-section2 .title{
    font-size:55px
}
.e-event2 .e-section2 .info{
    margin:35px 0 30px;
    font-size:20px;
    color:#903
}
.e-event2 .e-section2 .content-box .period div div{
    padding-top:85px
}
.e-event2 .e-section2 .content-box .period div .first{
    margin-left:124px
}
.e-event2 .e-section2 .content-box .period div .first .skill span{
    padding-top:10px
}
.e-event2 .e-section2 .content-box .period div .second .reset{
    right:6px
}
.e-event2 .e-section2 .content-box .period div .third .reset{
    right:4px
}
.e-event2 .e-section2 .content-box .skill{
    color:#fff;
    font-size:18px
}
.e-event2 .e-section2 .content-box .skill span{
    font-size:24px;
    display:block;
    margin-bottom:4px
}
.e-event2 .e-section3{
    padding-top:183px;
    height:2159px
}
.e-event2 .e-section3 .superscript{
    color:#fff
}
.e-event2 .e-section3 .title{
    margin:44px 0 41px;
    color:#ccf;
    font-size:70px
}
.e-event2 .e-section3 .title+.period{
    color:#999
}
.e-event2 .e-section3 .title+.period span{
    display:inline-block;
    margin-bottom:10px;
    border-bottom:1px solid #999
}
.e-event2 .e-section3 .content-box .period{
    height:407px;
    color:#fff
}
.e-event2 .e-section3 .content-box .period p{
    margin-top:8px;
    line-height:1.3;
    color:#fff;
    font-size:18px
}
.e-event2 .e-section3 .content-box .period .first{
    margin-left:142px;
    margin-right:6px
}
.e-event2 .e-section3 .content-box .period .third{
    margin-left:5px
}
.e-event2 .e-section3 .custom-select{
    float:left;
    font-weight:bold;
    position:relative;
    margin-right:20px
}
.e-event2 .e-section3 .playtime{
    padding:9px 0 0 45px;
    height:100px;
    color:#a8a9d9;
    text-align:left;
    font-size:18px;
    line-height:1.7
}
.e-event2 .e-section3 .select-box{
    position:absolute;
    top:707px;
    right:46px
}
.e-event2 .e-section3 .rewards{
    overflow:hidden;
    margin-left:36px;
    padding-top:100px;
    height:585px
}
.e-event2 .e-section3 .rewards .item{
    float:left;
    margin-left:2px;
    height:100%;
    position:relative;
    width:330px
}
.e-event2 .e-section3 .rewards .item:nth-child(3) .level{
    left:40px
}
.e-event2 .e-section3 .rewards .item .time{
    padding-top:53px;
    padding-bottom:290px;
    color:#a8a9d9;
    font-size:30px;
    font-weight:bold
}
.e-event2 .e-section3 .rewards .item .level{
    text-transform:uppercase;
    position:absolute;
    left:49px;
    top:143px;
    color:#fff;
    text-align:center;
    font-weight:bold
}
.e-event2 .e-section3 .rewards .item button{
    padding-bottom:8px;
    width:265px;
    height:54px;
    font-size:24px;
    color:#fff;
    background:url("../images/btn_reward.png") 0 0 no-repeat
}
.e-event2 .e-section3 .rewards .item button:disabled,.e-event2 .e-section3 .rewards .item button.disabled{
    color:#51616c;
    background-position:0 100%
}
.e-event2 .e-section3 .attention{
    padding-top:77px;
    line-height:26px;
    font-size:14px;
    color:#939eb2
}
.e-event2 .e-section3 .attention em{
    color:#6685bd
}
.e-event2 .e-section3 .attention span{
    margin-bottom:4px;
    font-size:24px;
    color:#6685bd;
    display:block
}
.e-event2 .e-section4{
    padding-top:199px;
    height:1340px
}
.e-event2 .e-section4 .title{
    padding:37px 0 34px
}
.e-event2 .e-section4 .subscription{
    color:#003;
    font-size:20px
}
.e-event2 .e-section4 .content-box .period{
    height:542px
}
.e-event2 .e-section4 .content-box .period p{
    margin-top:26px
}
.e-event2 .e-section4 .content-box .period>div div{
    padding-top:96px;
    width:355px;
    margin-left:0
}
.e-event2 .e-section4 .content-box .period>div div em{
    font-size:24px
}
.e-event2 .e-section4 .attention{
    padding-top:77px;
    line-height:26px;
    font-size:14px;
    color:#131a2e
}
.e-event2 .e-section4 .attention span{
    margin-bottom:4px;
    font-size:24px;
    color:#903;
    display:block
}
.e-event3{
    height:4975px;
    background:url("../images/bg_event3.jpg") center 0 no-repeat
}
.e-event3 .e-article{
    position:relative
}
.e-event3 .roulette-event2{
    height:1111px
}
.e-event3 .roulette-event3{
    padding-top:179px;
    height:1045px
}
.e-event3 .roulette-event4{
    padding-top:159px
}
.e-event3 .roulette-event4 .superscript{
    text-transform:uppercase;
    color:#2e3030
}
.e-event3 .superscript{
    display:block;
    line-height:1;
    font-size:35px;
    color:#fff
}
.e-event3 .superscript.light{
    color:#003
}
.e-event3 .title{
    line-height:1;
    font-size:60px;
    font-weight:normal;
    color:#c0d3ff
}
.e-event3 .subscription{
    font-size:24px;
    color:#cc9
}
.e-event3 .period{
    margin-top:16px;
    font-size:18px;
    color:#999
}
.e-event3 .period>span{
    border-bottom:1px solid #999
}
.e-event4{
    background:url("../images/bg_event4.png") center 0 no-repeat
}
.e-event4 .superscript{
    text-transform:uppercase
}
.e-event4 .e-section1{
    padding-top:168px;
    height:1496px
}
.e-event4 .e-section1 .title-box{
    padding-bottom:130px
}
.e-event4 .e-section1 .title-box .title{
    text-transform:uppercase;
    color:#cc9
}
.e-event4 .e-section1 .title-box .period{
    margin-top:25px;
    color:#fff
}
.e-event4 .e-section1 .title-box .period span{
    font-size:16px
}
.e-event4 .e-section1 .content-box .superscript{
    color:#fff;
    text-transform:uppercase
}
.e-event4 .e-section1 .content-box .title{
    margin-top:44px;
    font-size:70px;
    color:#ccf
}
.e-event4 .e-section1 .content-box .note{
    margin-top:474px;
    text-indent:67px;
    font-size:22px;
    color:#ae8164
}
.e-event4 .e-section2{
    padding-top:142px;
    height:992px
}
.e-event4 .e-section2 .title{
    margin-top:46px;
    font-size:70px
}
.e-event4 .e-section2 .reset{
    text-transform:uppercase;
    top:495px;
    right:266px
}
.e-event4 .e-section3{
    padding-top:184px;
    height:1217px
}
.e-event4 .e-section3 .superscript{
    color:#fff
}
.e-event4 .e-section3 .title{
    margin-top:46px;
    font-size:70px;
    color:#ccf
}
.e-event4 .e-section4{
    padding-top:167px;
    height:1270px
}
.e-event4 .e-section4 .title{
    margin-top:38px
}
.content-box{
    letter-spacing:-0.2px
}
.content-box .subtitle{
    line-height:1.6;
    font-size:18px;
    color:#903;
    border-bottom:1px solid #903;
    letter-spacing:-0.5px
}
.content-box .period{
    position:relative;
    overflow:hidden;
    padding-top:13px;
    height:493px
}
.content-box .period>span,.content-box .period>p{
    text-indent:-33px
}
.content-box .period p{
    margin-top:7px;
    line-height:30px;
    font-size:16px;
    color:#19272d
}
.content-box .period>div{
    overflow:hidden
}
.content-box .period>div div{
    position:relative;
    float:left;
    padding:134px 25px 0;
    width:260px
}
.content-box .period>div div.first{
    margin-left:145px
}
.content-box .period>div div em{
    display:block;
    padding-bottom:5px;
    color:#fff;
    font-size:30px
}
.content-box .period>div div em+.subscript{
    color:#78818e;
    font-size:16px
}
.content-box .period>div div .date{
    display:block;
    margin-top:36px;
    line-height:1.4;
    font-size:18px;
    color:#cc9
}
.content-box .info{
    height:103px;
    font-size:18px;
    color:#903;
    font-weight:bold;
    line-height:1.5;
    margin-top:4px
}
.reset{
    position:absolute;
    top:62px;
    right:14px;
    width:60px;
    text-align:center;
    color:#fff;
    font-size:17px
}
.roulette-event1{
    padding-top:153px;
    height:1666px
}
.roulette-event1 .superscript{
    text-transform:uppercase
}
.roulette-event1 .title{
    margin:45px 0 21px
}
.roulette-event1 .roulette-tab{
    position:absolute;
    right:32px;
    top:18px;
    z-index:10
}
.roulette-event1 .roulette-tab li{
    width:291px;
    height:76px;
    background:url("../images/tab_roulette.png") no-repeat
}
.roulette-event1 .roulette-tab li.selected{
    background-position-x:100%
}
.roulette-event1 .roulette-tab li.selected a{
    color:#fafaae
}
.roulette-event1 .roulette-tab li a{
    display:block;
    height:100%;
    line-height:56px;
    font-size:18px;
    color:#5f6774
}
.roulette-event1 .roulette-tab .goblin{
    background-position:0 0
}
.roulette-event1 .roulette-tab .dimensional{
    margin-top:-26px;
    background-position-y:-76px
}
.roulette-event1 .roulette-tab .playtime{
    background-position-y:100%
}
.roulette-event1 .roulette-common{
    position:absolute;
    top:363px;
    right:36px;
    width:1177px;
    height:811px
}
.roulette-event1 .roulette-common .desc-roulette .desc-point{
    display:none;
    position:absolute;
    right:0;
    top:-30px;
    padding-top:258px;
    width:354px;
    height:535px;
    background:url("../images/bg_frame.png") center no-repeat
}
.roulette-event1 .roulette-common .desc-roulette .desc-point.selected{
    display:block
}
.roulette-event1 .roulette-common .desc-roulette .hide{
    font-size:18px;
    color:#ba9c83
}
.roulette-event1 .roulette-common .desc-roulette p{
    padding:45px 47px 0;
    font-size:14px;
    color:#cfbeb4
}
.roulette-event1 .roulette-common .desc-roulette p .dash{
    display:block;
    margin:7px auto;
    width:168px;
    border-top:2px dotted #998d87;
    opacity:.6
}
.roulette-event1 .roulette-common .desc-roulette p .em{
    color:#ff9c00
}
.roulette-event1 .roulette-common .point{
    display:block;
    margin-top:8px;
    font-size:30px;
    color:#cfbeb4;
    font-weight:bold
}
.roulette-event1 .dimension-area{
    position:absolute;
    bottom:3px;
    left:32px;
    z-index:10;
    width:1177px;
    height:252px
}
.roulette-event1 .dimension-area .btn-dimensional{
    position:absolute;
    right:0;
    bottom:60px;
    width:396px;
    height:90px;
    font-size:18px;
    color:#fafaae;
    background:url("../images/btn_dimensioinal.png")
}
.roulette-event1 .dimension-area .btn-dimensional span{
    display:block;
    margin-top:-21px;
    width:85%
}
.roulette-event1 .dimension-area .roulette-timer{
    position:absolute;
    right:66px;
    bottom:106px;
    font-size:18px;
    color:#fff;
    font-weight:bold
}
.roulette-event1 .dimension-area .roulette-key{
    position:absolute;
    bottom:163px;
    right:20px;
    width:360px;
    padding-left:35px;
    padding-bottom:14px;
    background:url("../images/img_key_foot.png") center 100% no-repeat;
    text-align:center;
    font-size:0
}
.roulette-event1 .dimension-area .roulette-key li{
    display:inline-block;
    width:75px;
    height:71px;
    margin-left:-30px;
    vertical-align:top
}
.roulette-event1 .dimension-area .roulette-key li.active{
    background:url("../images/img_key.png") no-repeat
}
.roulette-event1 .roulette-tooltip{
    position:absolute;
    z-index:10;
    top:-94px;
    left:560px;
    display:flex;
    justify-content:space-between;
    width:290px
}
.roulette-event1 .roulette-tooltip li{
    position:relative;
    width:265px;
    text-align:center
}
.roulette-event1 .roulette-tooltip .switch{
    display:inline-block;
    margin-left:-18px
}
.roulette-event1 .roulette-tooltip .switch input{
    overflow:hidden;
    line-height:0;
    font-size:0;
    color:transparent;
    text-indent:-9999px;
    position:absolute;
    visibility:hidden;
    margin:0;
    padding:0;
    width:0;
    height:0
}
.roulette-event1 .roulette-tooltip .switch input:checked+label{
    background-position-y:100%
}
.roulette-event1 .roulette-tooltip .switch label{
    display:block;
    width:91px;
    height:55px;
    background:url("../images/img_switch.png") 0 0 no-repeat;
    cursor:pointer
}
.roulette-event1 .roulette-tooltip__desc{
    height:42px
}
.roulette-event1 .roulette-tooltip__desc dt,.roulette-event1 .roulette-tooltip__desc dd{
    display:block
}
.roulette-event1 .roulette-tooltip__desc dt{
    width:89%;
    height:100%;
    cursor:pointer;
    font-size:12px
}
.roulette-event1 .roulette-tooltip__desc dt:hover+dd{
    display:block
}
.roulette-event1 .roulette-tooltip__desc dt i{
    display:block;
    float:right;
    width:20px;
    height:21px;
    background:url("../images/ico_question.png") 0 0 no-repeat
}
.roulette-event1 .roulette-tooltip__desc dd{
    display:none;
    position:absolute;
    top:32px;
    padding:20px;
    width:259px;
    height:99px;
    font-size:13px;
    background-image:url("../images/img_tooltip.png")
}
.roulette-event1 .roulette-tooltip__one dt{
    color:#abc8ee
}
.roulette-event1 .roulette-tooltip__one .switch label{
    background-position-x:100%
}
.roulette-event1 .roulette-tooltip__one dd{
    right:0;
    color:#8a96b3;
    background-position-x:100%
}
.roulette-event1 .roulette-tooltip__infinite dt{
    color:#daaa5b
}
.roulette-event1 .roulette-tooltip__infinite dt i{
    background-position-x:100%
}
.roulette-event1 .roulette-tooltip__infinite dd{
    left:0;
    color:#b57306
}
.roulette-event1 .roulette-cont{
    display:none;
    position:relative;
    width:100%;
    height:810px;
    box-sizing:border-box
}
.roulette-event1 .roulette-cont.selected{
    display:block
}
.roulette-event1 .roulette-cont .item-list{
    position:absolute;
    overflow:hidden;
    clip:rect(0 0 0 0);
    margin:-1px;
    width:1px;
    height:1px
}
.roulette-event1 .roulette-stage{
    position:relative;
    margin-top:138px;
    margin-left:-33px;
    width:680px;
    height:680px
}
.roulette-event1 .roulette-stage .board{
    position:absolute;
    left:0;
    right:0;
    width:684px;
    height:684px
}
.roulette-event1 .roulette-stage .start{
    position:absolute;
    top:50%;
    left:50%;
    z-index:1;
    overflow:hidden;
    display:block;
    width:235px;
    height:235px;
    margin:-117px 0 0 -117px;
    text-indent:-1000em;
    background:url("../images/btn_start.png")
}
.roulette-event1 .roulette-stage .stop{
    position:absolute;
    top:-49px;
    left:50%;
    z-index:1;
    display:block;
    width:72px;
    height:103px;
    margin-left:-30px
}
.roulette-event1 .roulette-stage .name{
    position:absolute;
    left:0;
    bottom:-40px;
    font-size:24px;
    color:#ceb38d;
    width:100%
}
.roulette-event1 .roulette-stage:before{
    position:absolute;
    bottom:-146px;
    left:50%;
    width:384px;
    height:197px;
    margin-left:-192px;
    background:url("../images/bg_board.png") center no-repeat;
    content:''
}
.roulette-event1 .roulette-stage .stop{
    background:url("../images/ico_stop01.png") no-repeat
}
.roulette-event1 .dimensional-box .roulette-stage .stop{
    background-image:url("../images/ico_stop02.png")
}
.roulette-event1 .playtime-box .roulette-stage .stop{
    background-image:url("../images/ico_stop03.png")
}
.roulette-event1 .notice{
    padding-top:33px;
    padding-bottom:76px;
    width:100%;
    font-size:15px;
    color:#cfbeb4;
    text-align:center
}
.roulette-event1 .btnset{
    width:100%;
    text-align:center
}
.roulette-event1 .btnset button{
    cursor:pointer;
    overflow:hidden;
    width:224px;
    height:44px;
    border:1px solid #8e7d59;
    font-size:15px;
    background:0;
    color:#fff
}
.roulette-event1 .btnset .btn-details{
    margin-right:4px
}
.roulette-event2 .title-box{
    padding-top:147px
}
.roulette-event2 .title-box .superscript{
    margin-left:-33px;
    font-size:36px;
    color:#0d121d;
    text-transform:inherit
}
.roulette-event2 .title-box .title{
    margin:16px 0 21px -32px;
    color:#0d121d
}
.roulette-event2 .roulette-point{
    position:relative;
    overflow:hidden;
    width:930px;
    height:100px;
    margin:0 auto
}
.roulette-event2 .roulette-point .type{
    float:left;
    width:310px;
    text-align:center;
    letter-spacing:-0.5px
}
.roulette-event2 .roulette-point .type .name{
    display:block;
    height:51px;
    line-height:51px;
    font-size:18px;
    color:#fff
}
.roulette-event2 .roulette-point .type .point{
    display:block;
    height:50px;
    line-height:48px;
    color:#000;
    font-size:18px
}
.roulette-event2 .roulette-point .type .point span{
    margin-right:8px
}
.roulette-event3 .roulette-ranking{
    position:relative;
    margin:42px 0 0 29px;
    width:1010px;
    height:625px
}
.roulette-event3 .roulette-ranking .ranking-box{
    overflow:hidden;
    margin-top:88px
}
.roulette-event3 .roulette-ranking .ranking-box .best{
    position:absolute;
    left:17px;
    top:178px;
    font-weight:normal;
    text-transform:uppercase;
    color:#122450;
    font-size:55px;
    letter-spacing:-3px
}
.roulette-event3 .roulette-ranking .week{
    position:relative
}
.roulette-event3 .roulette-ranking .week .label{
    display:block;
    line-height:60px;
    margin-left:56px;
    font-size:16px;
    color:#fff
}
.roulette-event3 .roulette-ranking .select-box{
    position:absolute;
    right:165px;
    top:9px
}
.roulette-event3 .roulette-ranking .custom-select{
    width:220px;
    height:45px
}
.roulette-event3 .roulette-ranking .custom-select *{
    border-color:#19284d;
    font-size:18px;
    color:#bfcae8 !important
}
.roulette-event3 .roulette-ranking .custom-select .selected{
    line-height:calc(45px - 1px)
}
.roulette-event3 .roulette-ranking .custom-select .select-items{
    top:45px
}
.roulette-event3 .roulette-ranking .custom-select .select-items span{
    height:45px;
    line-height:calc(45px - 1px)
}
.roulette-event3 .roulette-ranking .ranking-dimmed{
    position:absolute;
    left:0;
    top:126px;
    padding:230px 0 0 317px;
    width:1010px;
    height:500px;
    background:url(../images/bg_dimmed.png) no-repeat;
    font-size:22px
}
.roulette-event3 .roulette-ranking .best3-lst{
    float:left;
    width:300px;
    height:100%;
    padding:105px 0 0 121px;
    text-align:left
}
.roulette-event3 .roulette-ranking .best3-lst li+li{
    margin-top:62px
}
.roulette-event3 .roulette-ranking .best3-lst__desc dt{
    margin-bottom:10px;
    font-size:26px;
    color:#23325e
}
.roulette-event3 .roulette-ranking .best3-lst__desc dd{
    font-size:14px;
    color:#71799e
}
.roulette-event3 .roulette-ranking .rank-lst{
    float:right;
    width:692px;
    height:100%;
    padding:0 21px
}
.roulette-event3 .roulette-ranking .rank-lst .label{
    display:table;
    margin-bottom:11px;
    width:100%;
    height:40px;
    color:#fff
}
.roulette-event3 .roulette-ranking .rank-lst span{
    display:table-cell;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:middle
}
.roulette-event3 .roulette-ranking .rank-lst .num{
    width:14%
}
.roulette-event3 .roulette-ranking .rank-lst .user{
    width:38%
}
.roulette-event3 .roulette-ranking .rank-lst .score{
    width:45%
}
.roulette-event3 .roulette-ranking .rank-lst ol{
    height:288px;
    margin-bottom:25px
}
.roulette-event3 .roulette-ranking .rank-lst ol li{
    display:table;
    width:100%;
    height:41px;
    line-height:1;
    color:#424a60;
    font-size:16px;
    table-layout:fixed
}
.roulette-event3 .roulette-ranking .rank-lst ol li span{
    display:table-cell;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:middle
}
.roulette-event3 .roulette-ranking .rank-lst .btn-rank{
    width:416px;
    height:62px;
    font-size:26px;
    cursor:pointer;
    color:#fff;
    background:url("../images/btn_ranking.png") center/cover no-repeat
}
.roulette-event3 .selectbox{
    position:absolute;
    right:165px;
    top:8px;
    z-index:3;
    width:220px;
    height:45px;
    background:url("../images/bg_select.png") no-repeat;
    box-sizing:border-box
}
.roulette-event3 .selectbox .selected{
    display:block;
    padding-left:30px;
    height:100%;
    color:#bfcae8;
    font-size:18px;
    line-height:43px;
    text-align:left
}
.roulette-event3 .selectbox select{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding:8px 0 10px 30px;
    border:none 0;
    outline:none 0;
    font-size:18px;
    color:#bfcae8;
    background:#0f131e
}
.roulette-event3 .roulette-ranking .update{
    position:absolute;
    left:103px;
    top:20px;
    color:#fff;
    font-size:16px
}
.roulette-event3 .btn-warning{
    position:absolute;
    top:14px;
    right:21px;
    width:120px;
    height:30px;
    overflow:hidden;
    font-size:18px;
    color:#fff;
    background:0
}
.e-event4 .e-section{
    height:3886px;
    padding-left:107px;
    background:url("../images/bg_evt4.jpg") center/cover no-repeat
}
.e-event4 .e-section .e-btns{
    top:3580px
}
.e-event4 .e-section .e-btns .e-btn{
    width:443px;
    height:73px;
    background-image:url("../images/btn_store.png")
}
.e-update{
    background:url("../images/bg_update02.jpg") no-repeat 50% 100%
}
.update-event{
    position:relative;
    background:url("../images/bg_update01.jpg") no-repeat 50% 0
}
.update-event a{
    position:absolute;
    left:50%;
    bottom:865px;
    width:155px;
    height:55px;
    text-indent:-10000em;
    background:url("../images/blank.png") no-repeat
}
.update-event .btn-red{
    margin-left:-159px
}
.update-event .btn-blue{
    margin-left:4px
}
.e-remote{
    background:url("../images/bg_remote02.jpg") no-repeat 50% 100%
}
.remote-event{
    position:relative;
    background:url("../images/bg_remote01.jpg") no-repeat 50% 0
}
.remote-event .yt-movie{
    position:absolute;
    left:50%;
    top:450px;
    margin-left:-400px;
    width:800px;
    height:450px;
    background:#000
}
.yt-movie iframe{
    border:0 none
}
.remote-event .character{
    position:absolute;
    left:159px;
    top:603px
}
.remote-event a{
    position:absolute;
    left:50%;
    width:284px;
    height:69px;
    text-indent:-10000em;
    background:url("../images/blank.png") no-repeat
}
.remote-event .btn-event1{
    top:2199px;
    margin-left:81px
}
.remote-event .btn-event2{
    top:3282px;
    margin-left:-480px
}
.remote-event .btn-event3{
    top:4285px;
    margin-left:-480px;
    width:264px
}
.remote-event .btn-event4{
    top:4285px;
    margin-left:-212px;
    width:264px
}
.e-sales{
    background:url("../images/bg_sales02.jpg") no-repeat 50% 100%
}
.sales-event{
    position:relative;
    background:url("../images/bg_sales01.jpg") no-repeat 50% 0
}
.sales-event a{
    position:absolute;
    left:50%;
    bottom:80px;
    width:284px;
    height:80px;
    text-indent:-10000em;
    background:url("../images/blank.png") no-repeat
}
.sales-event .btn-red{
    margin-left:-284px
}
.sales-event .btn-blue{
    margin-left:3px
}
div[class*="pop-"]{
    display:none;
    position:absolute;
    z-index:9999;
    box-sizing:border-box;
    padding:9px 37px;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
div[class*="pop-"] .attention-list{
    margin-top:-6px;
    padding:0 11px
}
div[class*="pop-"] .attention-list li{
    line-height:1.5;
    font-size:14px;
    color:#707070
}
div[class*="pop-"] .attention-list li em{
    color:#23325e
}
div[class*="pop-"] .tab-cont{
    overflow:hidden;
    position:relative;
    width:100%
}
div[class*="pop-"] .pop-close{
    position:absolute;
    top:9px;
    right:18px;
    overflow:hidden;
    width:60px;
    height:60px;
    background-color:#fff;
    opacity:0;
    filter:alpha(opacity=1);
    text-indent:-1000em;
    cursor:pointer
}
div[class*="pop-"] .btn-confirm{
    display:block;
    cursor:pointer;
    margin:0 auto 0;
    width:120px;
    height:50px
}
.pop-title{
    margin-bottom:40px;
    height:60px;
    font-size:24px;
    color:#fff;
    line-height:61px;
    font-weight:400
}
.pop-prizes{
    width:648px;
    height:905px;
    background:url("../images/pop_prizes.png") no-repeat
}
.pop-prizes .tab-list{
    overflow:hidden;
    margin:0 auto 10px;
    width:510px
}
.pop-prizes .tab-list li{
    float:left;
    width:170px;
    height:50px
}
.pop-prizes .tab-list a{
    display:block;
    box-sizing:border-box;
    height:100%;
    border:1px solid #b4b8c3;
    color:#b4b8c3;
    text-align:center;
    line-height:48px
}
.pop-prizes .tab-list .on a{
    background-color:#374772;
    color:#fff;
    border-color:#374772
}
.pop-attention1{
    width:698px;
    height:813px;
    background:url("../images/pop_attention.png") no-repeat
}
.pop-attention2{
    width:698px;
    height:455px;
    background:url("../images/pop_attention2.png") no-repeat
}
.pop-ranking{
    padding-top:205px;
    width:658px;
    height:887px;
    background:url("../images/pop_ranking.png") no-repeat
}
.pager{
    clear:both;
    position:absolute;
    left:69px;
    top:580px;
    width:520px;
    text-align:center;
    z-index:1;
    *z-index:3
}
.pager a,.pager .current{
    display:inline-block;
    height:16px;
    margin:0 4px 0 5px;
    color:#afb4b9;
    text-align:center;
    font-size:14px;
    line-height:18px;
    *display:inline;
    *zoom:1
}
.pager a:hover{
    color:#374772
}
.pager .first,.pager .last,.pager .prev,.pager .next{
    display:inline-block;
    width:22px;
    height:22px;
    margin:0;
    text-indent:-10000px;
    border:0;
    background:url("../images/bg_paging.png") no-repeat
}
.pager .prev{
    margin-right:10px;
    background-position:-26px 0
}
.pager .next{
    margin-left:10px;
    background-position:-52px 0
}
.pager .last{
    background-position:100% 0
}
.pager .current{
    color:#374772;
    border-bottom:1px solid #374772
}
.pager .disabled{
    display:none
}
.pager span,.pager a,.pager a:hover{
    display:inline-block;
    vertical-align:middle
}
*+html .pager{
    margin-top:0
}
div[class*="pop-"] table{
    table-layout:fixed;
    width:520px;
    margin:0 auto;
    border-collapse:collapse;
    border-spacing:0;
    color:#fff;
    font-size:15px
}
div[class*="pop-"] table th{
    height:52px;
    color:#374772;
    font-size:15px;
    text-align:center;
    font-weight:500
}
div[class*="pop-"] table td{
    overflow:hidden;
    height:41px;
    color:#374772;
    font-size:15px;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap
}
div[class*="pop-"] table td.txt{
    padding:0 20px
}
div[class*="pop-"] table .none{
    opacity:.5
}
.search-area{
    overflow:hidden;
    height:40px;
    position:absolute;
    left:81px;
    top:675px;
    width:508px
}
.search-area .search-title{
    float:left;
    width:197px;
    height:40px;
    line-height:39px;
    text-align:left;
    word-break:break-all;
    font-size:24px;
    color:#374772
}
.pt .search-area .search-title{
    line-height:20px
}
.es .search-area .search-title{
    width:140px;
    line-height:20px
}
.search-area .search{
    float:right
}
.search-area .inp-search{
    width:180px;
    height:40px;
    border:1px solid #0d375e;
    color:#374772;
    font-size:15px;
    text-indent:20px;
    box-sizing:border-box;
    vertical-align:top
}
.search-area .inp-search::-ms-clear{
    display:none
}
.search-area .inp-search::-webkit-input-placeholder{
    opacity:.5
}
.search-area .inp-search::-ms-input-placeholder{
    opacity:.5
}
.search-area .btn-search{
    overflow:hidden;
    width:90px;
    height:40px;
    padding:0;
    border:0;
    vertical-align:top;
    font-size:16px;
    color:#fff;
    background-color:#374772
}
.search-area+.tbl-point{
    position:absolute;
    left:69px;
    top:726px
}
.e-shadow{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#000;
    opacity:.6;
    filter:alpha(opacity=60);
    z-index:9998
}
div.pop-purchase{
    display:none;
    position:fixed !important;
    top:50% !important;
    left:50% !important;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
div.pop-purchase .link-list li{
    position:absolute;
    top:363px;
    left:61px;
    width:117px;
    height:43px
}
div.pop-purchase .link-list li:nth-child(2){
    left:177px
}
div.pop-purchase .link-list li:nth-child(3){
    left:360px
}
div.pop-purchase .link-list li:nth-child(4){
    left:476px
}
div.pop-purchase .link-list li:nth-child(5){
    top:670px;
    left:61px
}
div.pop-purchase .link-list li:nth-child(6){
    top:670px;
    left:177px
}
div.pop-purchase .link-list li:nth-child(7){
    top:670px;
    left:360px
}
div.pop-purchase .link-list li:nth-child(8){
    top:670px;
    left:476px
}
div.pop-purchase .link-list li a{
    display:block;
    width:100%;
    height:100%;
    background:url("../images/blank.png");
    overflow:hidden;
    line-height:0;
    font-size:0;
    color:transparent;
    text-indent:-9999px
}
.pt .e-event1 .e-section1 .bonus-box .subscription,.es .e-event1 .e-section1 .bonus-box .subscription{
    margin-bottom:10px;
    font-size:42px
}
.pt .e-event1 .e-section1 .bonus-box .info,.es .e-event1 .e-section1 .bonus-box .info{
    font-size:22px
}
.pt .e-event1 .e-section2 .title,.es .e-event1 .e-section2 .title{
    font-size:67px
}
.pt .e-event1 .e-section3 .title,.es .e-event1 .e-section3 .title{
    font-size:56px
}
.pt .e-event1 .e-section6 .title,.es .e-event1 .e-section6 .title{
    font-size:48px
}
.pt .e-event1 .e-section8 .title,.es .e-event1 .e-section8 .title{
    font-size:48px;
    line-height:1.1
}
.pt .e-event2 .e-section2 .info,.es .e-event2 .e-section2 .info{
    margin:20px 0 -22px;
    font-size:18px
}
.pt .e-event2 .e-section3 .title,.es .e-event2 .e-section3 .title{
    font-size:66px
}
.pt .e-event2 .e-section4 .title,.es .e-event2 .e-section4 .title{
    font-size:58px
}
.pt .roulette-event3 .roulette-ranking .week .label,.es .roulette-event3 .roulette-ranking .week .label{
    line-height:18px;
    padding-top:14px;
    height:60px
}
.pt .e-event1 .e-section3 .title{
    font-size:50px
}