@font-face {
    font-family:'GmarketSansLight';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
.layer_etc {display:none; position:fixed; top:50%; left:50%; z-index:100; width:500px; height:600px; margin:-300px 0 0 -250px; background-color:#fff;}
.layer_etc img {width:100% !important; height:auto;}
.layer_etc .layer_inner {overflow:auto; position:absolute; width:100%; height:100%;}
.layer_etc .layer_close {position:absolute; top:0; right:0; z-index:20; width:57px; height:57px; background:url('https://image.serybox.com/pc/content/210219_hub5/layer_etc_close.png') no-repeat center;}
.layer_popup .layer_inner .layer_close {width:19%; height:25%;}


#special_content {width:100%; min-width:980px; margin:0 auto; text-align:center;}
#special_content img {max-width:100%; height:auto;}
#special_content .inner {width:980px; margin:0 auto;}

#special_content .event_fixmenu {width:100%; height:90px; background:#04011e;}
#special_content .event_fixmenu .inside {position:relative; width:100%; height:110px; background:#04011e;}
#special_content .event_fixmenu .inside.fixed {position:fixed; top:0; left:0; z-index:80;}
#special_content .event_fixmenu .inside ul {width:980px; height:110px; margin:0 auto; font-size:0;}
#special_content .event_fixmenu .inside ul li {display:inline-block; overflow:hidden; width:245px; vertical-align:top; cursor:pointer;}
#special_content .event_fixmenu .inside ul li img {-webkit-transition:all .3s ease; transition:all .3s ease;}

#special_content .section0 {padding:90px 0 0; background:#171139;}

#special_content .section1 {padding:66px 0 128px; background:#ffc650 url('https://image.serybox.com/pc/content/210219_hub5/section1_bg.jpg') no-repeat center top;}
#special_content .section1 .section_title {padding-bottom:36px; cursor:pointer;}
#special_content .section1 .msg {padding-bottom:32px;}

#special_content .section2 {padding:120px 0 80px; background:#ffebc2;}
#special_content .section2 .section_title {padding-bottom:50px;}
#special_content .section2 .prd {margin-bottom:50px; padding:63px 0 0; background:#fff;}
#special_content .section2 .prd .name {padding-bottom:52px;}
#special_content .section2 .prd .img {padding-bottom:50px;}
#special_content .section2 .prd .prc {padding-bottom:17px;}
#special_content .section2 .prd .more_view {padding-bottom:50px;}
#special_content .section2 .prd .buy {padding-bottom:50px;}

#special_content .section3 {position:relative; padding:130px 0; background:#452197;}
#special_content .section3 .inner {position:relative;}
#special_content .section3 .inner:before {content:''; position:absolute; top:210px; right:-377px; z-index:5; width:341px; height:1199px; background:url('https://image.serybox.com/pc/content/210219_hub5/section3_lyj.jpg') no-repeat right top;}
#special_content .section3 .inner:after {content:''; position:absolute; bottom:-45px; left:-510px; z-index:5; width:510px; height:1352px; background:url('https://image.serybox.com/pc/content/210219_hub5/section3_kth.jpg') no-repeat left top;}
#special_content .section3 .con0 {padding-bottom:142px;}
#special_content .section3 .con1 {padding-bottom:134px;}
#special_content .section3 .con2 {padding-bottom:40px;}
#special_content .section3 .title {padding-bottom:111px;}
#special_content .section3 .status {position:relative;}
#special_content .section3 .status .now {position:absolute; top:0; left:0; z-index:10; width:50%; height:7px; background:#ffd956; -webkit-transition:width .5s ease; transition:width .5s ease;}
#special_content .section3 .status .now:after {display:block; content:''; position:absolute; top:50%; right:-10px; z-index:5; width:20px; height:20px; margin-top:-10px; background:#6f3cdc; border:5px solid #ffd956; border-radius:50%;}
#special_content .section3 .status .now .count {position:absolute; top:-63px; right:-196px; width:405px; height:40px; border-radius:18px; background:#ffd956; font-size:24px; letter-spacing:-0.05rem; line-height:40px;}
#special_content .section3 .status .now .count:after {content:''; position:absolute; top:38px; left:204px; border-top:10px solid #ffd956; border-right:5px solid transparent; border-left:5px solid transparent;}
#special_content .section3 .status .now .count strong {position:relative; padding-left:20px; font-size:24px; font-weight:700;}
#special_content .section3 .status .now .count strong:before {display:block; content:''; position:absolute; top:50%; left:11px; z-index:5; width:1px; height:20px; margin-top:-9px; background: black;}
#special_content .section3 .status .now .count strong .value {color:inherit; font:inherit;}
#special_content .section3 .status .bar {width:100%; height:7px; background:#6f3cdc;}
#special_content .section3 .prd {padding:92px 0 100px; background:#27096b;}
#special_content .section3 .prd .img {padding-bottom:45px; cursor:pointer;}
#special_content .section3 .prd .add {padding-bottom:50px;}

#special_content .section4 {padding:100px 0; background:#6c1bb5;}
#special_content .section4 .section_title {padding-bottom:60px;}
#special_content .section4 .prd .img {padding-bottom:45px; cursor:pointer;}
#special_content .section4 .prd .buy {padding-bottom:117px;}
#special_content .section4 .prd .add {padding-bottom:38px;}

#special_content .section5 {padding:138px 0 101px; background:#fff1d4;}
#special_content .section5 .inner {position:relative;}
#special_content .section5 .inner:after {content:''; position:absolute; top:612px; right:-432px; z-index:5; width:409px; height:1128px; background:url('https://image.serybox.com/pc/content/210219_hub5/section5_lyj.jpg') no-repeat right top;}
#special_content .section5 .con0 .title {padding-bottom:29px;}
#special_content .section5 .con0 .today_my_cnt {display:inline-block; width:350px; height:75px; margin:0 auto 47px; border-radius:8px; background:#ffdc95; color:#333; font-size:32px; font-weight:700; line-height:75px; letter-spacing:-0.05rem; vertical-align:top;}
#special_content .section5 .con0 .today_my_cnt strong {color:#002556; font:inherit;}
#special_content .section5 .con0 .today_count {margin-bottom:49px; background:url('https://image.serybox.com/event/2020/08/0825/pc/section4_con0_count.png') no-repeat bottom center;}
#special_content .section5 .con0 .today_count .today_total_cnt {display:inline-block; overflow:hidden; width:272px; height:195px; margin-left:40px; font-size:80px; font-weight:700; line-height:276px; letter-spacing:43px; vertical-align:top;}
#special_content .section5 .con0 .today_count .today_total_cnt span {display:inline-block; font-size:80px; font-weight:700; line-height:280px;}
#special_content .section5 .con0 .game_layer {position:relative; width:900px; margin:0 auto 49px;}
#special_content .section5 .con0 .game_layer .game_grid {position:absolute; top:0; left:0; width:100%; height:100%;}
#special_content .section5 .con0 .game_layer .game_grid li {float:left; width:300px; height:300px; transition:all .2s;}
#special_content .section5 .con0 .game_layer .game_grid li.active {border:10px solid #f0313b; opacity:0.9;}
#special_content .section5 .con0 .game_layer .game_grid li.btn_start {cursor:pointer;}
#special_content .section5 .section_btn {margin-bottom:40px;}

#special_content .section6 {padding:126px 0 140px; background:#ffe9a6;}
#special_content .section6 .section_title {padding-bottom:55px;}
#special_content .section6 .prd {width:956px; margin:0 auto; padding-top:83px; background:#fff;}
#special_content .section6 .prd .name {padding-bottom:72px;}
#special_content .section6 .prd .prc {padding-bottom:8px;}
#special_content .section6 .prd .more_view {padding-bottom:39px;}
#special_content .section6 .prd .buy {padding-bottom:61px;}

#special_content .section7 {background:#130c1c;}

#special_content .section8 {padding:110px 0; background:#fff1d4;}
#special_content .section8 .section_title {padding-bottom:43px;}

#special_content .section10 {background:#f2e6d6;}