@charset "utf-8";

html,body { width:100%; min-width:320px; font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; background-color:#000000; }
h1,h2,h3,h4,h5,h6,th,td,input,select,textarea,button,b,strong,span { font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; }
button:focus,input:focus,textarea:focus { outline:0; }

#wrapper { position:relative; overflow:hidden; width:100%; min-width:320px; line-height:0; }
#wrapper a { font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; cursor:pointer; }
#wrapper button { font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; outline:none; cursor:pointer; }
#wrapper button:focus { outline:none; }

#loader { z-index:1024; position:fixed; left:0; top:0; width:100%; min-width:320px; height:100%; background-color:#000000; }

img { image-rendering:-webkit-optimize-contrast; }

#middle { position:relative; overflow:hidden; background-color:#000000; }
#middle .section { position:relative; }
#middle .section .inner { position:relative; box-sizing:border-box; width:1280px; margin:0 auto; }
#middle .header.section { background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230119_IIIIll_collabo/bg_header.png") center top no-repeat; }
#middle .header.section .inner { height:846px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230119_IIIIll_collabo/bg_header.png") -640px 0 no-repeat; }
#middle .event._01.section { background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230119_IIIIll_collabo/bg_event.png") center top no-repeat; }
#middle .event._01.section .inner { height:1152px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230119_IIIIll_collabo/bg_event.png") -640px 0 no-repeat; }
#middle .event._02.section { background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230119_IIIIll_collabo/bg_event.png") center -1152px no-repeat; }
#middle .event._02.section .inner { height:800px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230119_IIIIll_collabo/bg_event.png") -640px -1152px no-repeat; }
#middle .section .inner .btn_notice { z-index:4; position:absolute; left:398px; top:588px; width:200px; height:60px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .section .inner .btn_download { z-index:4; position:absolute; left:602px; top:588px; width:280px; height:60px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .section .inner .user { z-index:4; position:absolute; left:0; bottom:0; box-sizing:border-box; width:1280px; height:128px; box-shadow:0 0 8px rgba(0,0,0,0.2); background-color:#ffffff; }
#middle .section .inner .user .login { box-sizing:border-box; position:relative; width:1280px; height:128px; }
#middle .section .inner .user .login .btn_login { z-index:4; position:absolute; left:14px; top:14px; width:1252px; height:100px; background-color:#323232; }
#middle .section .inner .user .login .btn_login p { font-size:20px; line-height:100px; color:#ffffff; letter-spacing:0; text-align:center; }
#middle .section .inner .user .login .btn_login p strong { font-size:20px; line-height:100px; color:#fad800; letter-spacing:0; vertical-align:top; }
#middle .section .inner .user .login .none { z-index:4; position:absolute; left:14px; top:14px; box-sizing:border-box; width:1252px; height:100px; padding:28px 0; font-size:20px; line-height:20px; color:#ffffff; letter-spacing:0; text-align:center; background-color:#323232; }
#middle .section .inner .user .login .none span { display:block; width:100%; padding-top:8px;; font-size:16px; line-height:16px; color:#a4a4a4; letter-spacing:0; }
#middle .section .inner .user .login .install { z-index:4; position:absolute; left:14px; top:14px; box-sizing:border-box; width:1252px; height:100px; padding:28px 0; font-size:20px; line-height:20px; color:#ffffff; letter-spacing:0; text-align:center; background-color:#323232; }
#middle .section .inner .user .login .btn_install { position:relative; display:block; width:154px; margin:0 518px 0 516px; padding-top:8px; font-weight:bold; font-size:16px; line-height:16px; color:#fad800; letter-spacing:0; }
#middle .section .inner .user .login .btn_install span { font-weight:bold; font-size:12px; line-height:16px; color:#fad800; letter-spacing:0; vertical-align:top; }
#middle .section .inner .user .login .btn_install::after { content:""; z-index:4; position:absolute; left:0; bottom:-6px; display:inline-block; width:100%; height:2px; background-color:#5a5228; }
#middle .section .inner .user .login .btn_check { z-index:4; position:absolute; left:14px; top:14px; width:260px; height:100px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230119_IIIIll_collabo/btn_check.png") left top no-repeat; }
#middle .section .inner .user .login .btn_reward_list { z-index:4; position:absolute; right:14px; top:14px; width:134px; height:100px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230119_IIIIll_collabo/btn_reward_list.png") left top no-repeat; }
#middle .section .inner .user .login .check { z-index:4; position:absolute; left:282px; top:14px; width:860px; height:100px; }
#middle .section .inner .user .login .check dl { overflow:hidden; float:left; background-color:#323232; }
#middle .section .inner .user .login .check dl dt { float:left; font-size:20px; line-height:100px; color:#ffffff; letter-spacing:0; text-align:center; box-shadow:0 0 16px rgba(0,0,0,1); background-color:#484848; }
#middle .section .inner .user .login .check dl dd { float:left; font-size:20px; line-height:100px; color:#a4a4a4; letter-spacing:0; text-align:center; }
#middle .section .inner .user .login .check dl:nth-child(1) { width:544px; margin-right:8px; }
#middle .section .inner .user .login .check dl:nth-child(1) dt { width:128px; }
#middle .section .inner .user .login .check dl:nth-child(1) dd { width:208px; }
#middle .section .inner .user .login .check dl:nth-child(1) dd.active { color:#fad800; }
#middle .section .inner .user .login .check dl:nth-child(1) dd:nth-child(2)::after,
#middle .section .inner .user .login .check dl:nth-child(1) dd:nth-child(3)::after { content:""; display:inline-block; width:24px; height:24px; margin:38px 0 38px 8px; vertical-align:top; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230119_IIIIll_collabo/ico_check_off.png") left top no-repeat; background-size:24px; }
#middle .section .inner .user .login .check dl:nth-child(1) dd.active:nth-child(2)::after,
#middle .section .inner .user .login .check dl:nth-child(1) dd.active:nth-child(3)::after { background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230119_IIIIll_collabo/ico_check_on.png") left top no-repeat; background-size:24px; }
#middle .section .inner .user .login .check dl:nth-child(2) { width:290px; }
#middle .section .inner .user .login .check dl:nth-child(2) dt { width:128px; }
#middle .section .inner .user .login .check dl:nth-child(2) dd { width:162px; color:#fad800; }
#middle .section .inner .user .login .end { z-index:4; position:absolute; left:14px; top:14px; box-sizing:border-box; width:1110px; height:100px; padding:28px 0; font-size:20px; line-height:20px; color:#ffffff; letter-spacing:0; text-align:center; background-color:#323232; }
#middle .section .inner .user .login .end span { display:block; width:100%; padding-top:8px;; font-size:16px; line-height:16px; color:#a4a4a4; letter-spacing:0; }
#middle .section .inner .step { z-index:4; position:absolute; }
#middle .section .inner .step._01 { left:0; top:322px; width:600px; height:682px; }
#middle .section .inner .step._02 { right:0; top:322px; width:600px; height:682px; }
#middle .section .inner .step._03 { left:30px; top:260px; width:1220px; height:410px; }
#middle .section .inner .step._03 .advice { z-index:4; position:absolute; left:0; top:44px; width:100%; font-weight:bold; font-size:16px; line-height:16px; color:#0078ff; letter-spacing:0; text-align:center; }
#middle .section .inner .step > .top { position:relative; height:80px; font-size:0; line-height:0; }
#middle .section .inner .step > .top .text_01 { display:inline-block; box-sizing:border-box; width:238px; font-weight:bold; font-size:22px; line-height:80px; color:#ffffff; letter-spacing:0; text-shadow:0 2px 2px rgba(0,0,0,1); vertical-align:top; }
#middle .section .inner .step._01 > .top .text_01 { text-align:center; }
#middle .section .inner .step._02 > .top .text_01 { padding:0 48px; text-align:left; }
#middle .section .inner .step > .top .text_01 strong { font-weight:bold; font-size:24px; line-height:80px; color:#fff000; letter-spacing:0; vertical-align:top; }
#middle .section .inner .step > .top .text_02 { display:inline-block; box-sizing:border-box; width:238px; padding:22px 0 22px 28px; font-size:14px; line-height:18px; color:#ffffff; letter-spacing:0; vertical-align:top; }
#middle .section .inner .step > .top .text_02 strong { font-size:14px; line-height:18px; color:#fff000; letter-spacing:0; vertical-align:top; }
#middle .section .inner .step > .top .btn_item { z-index:4; position:absolute; right:38px; top:22px; display:block; width:36px; height:36px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230119_IIIIll_collabo/btn_tooltip.png") left top no-repeat; background-size:36px; }
#middle .section .inner .step > .top .btn_mission { z-index:4; position:absolute; right:88px; top:22px; box-sizing:border-box; display:block; width:90px; height:36px; font-size:14px; line-height:34px; color:#b87cf0; letter-spacing:0; text-align:center; text-shadow:0 2px 0 #000000; box-shadow:0 2px 0 #000000; border-radius:4px; border:1px solid #b87cf0; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .section .inner .step > .top .btn_howto { z-index:4; position:absolute; right:38px; top:22px; display:block; width:36px; height:36px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230119_IIIIll_collabo/btn_tooltip.png") left top no-repeat; background-size:36px; }
#middle .section .inner .step > .mission { position:relative; font-size:0; line-height:0; }
#middle .section .inner .step > .mission .score { box-sizing:border-box; display:flex; align-items:center; justify-content:center; height:164px; padding:0 32px; }
#middle .section .inner .step > .mission .score p { font-weight:bold; font-size:24px; line-height:28px; color:#ffffff; text-align:center; letter-spacing:0; }
#middle .section .inner .step > .mission .score p strong { font-weight:bold; font-size:24px; line-height:28px; color:#fff000; letter-spacing:0; vertical-align:top; }
#middle .section .inner .step > .mission .item { width:100%; margin-top:42px; font-size:0; line-height:0; text-align:center; }
#middle .section .inner .step > .mission .item li { display:inline-block; width:160px; margin:0 16px; vertical-align:top; }
#middle .section .inner .step > .mission .item li .image { width:160px; height:160px; background-color:rgba(46,20,80,0.7); }
#middle .section .inner .step > .mission .item li .image img { width:160px; height:160px; }
#middle .section .inner .step > .mission .item li .text { height:54px; padding-top:16px; font-size:14px; line-height:18px; color:#ffffff; letter-spacing:0; text-align:center; }
#middle .section .inner .step > .item { z-index:4; position:absolute; left:0; top:96px; box-sizing:border-box; width:100%; height:232px; font-size:0; line-height:0; text-align:center; }
#middle .section .inner .step > .item .box { display:inline-block; width:200px; vertical-align:top; }
#middle .section .inner .step > .item .box .image { box-sizing:border-box; width:160px; height:160px; padding:16px; margin:0 auto; background-color:#323232; }
#middle .section .inner .step > .item .box .image img { width:128px; height:128px; filter:drop-shadow(0 4px 4px rgba(0,0,0,0.8)); }
#middle .section .inner .step > .item .box .text { position:relative; padding-top:12px; }
#middle .section .inner .step > .item .box .text > p { font-weight:bold; font-size:16px; line-height:20px; color:#000000; letter-spacing:0; text-align:center; }
#middle .section .inner .step > .item .btn_select { position:relative; overflow:visible; box-sizing:border-box; height:232px; padding:20px 0; }
#middle .section .inner .step > .item .btn_select::before { content:""; z-index:4; position:absolute; left:60px; top:4px; display:block; width:78px; height:32px; filter:drop-shadow(0 4px 4px rgba(0,0,0,0.8)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230119_IIIIll_collabo/btn_select.png") 0 0 no-repeat; }
#middle .section .inner .step > .item .btn_select.active::before { background-position:0 -32px; }
#middle .section .inner .step > .item .btn_select.active::after { content:""; z-index:2; position:absolute; left:20px; top:20px; box-sizing:border-box; display:block; width:160px; height:160px; border:4px solid #5e6470; }
#middle .section .inner .step > .item .line { display:inline-block; width:46px; height:232px; margin:0 32px; vertical-align:top; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230119_IIIIll_collabo/bg_line.png") left top no-repeat; }
#middle .section .inner .step .button { z-index:4; position:absolute; box-sizing:border-box; width:510px; height:90px; }
#middle .section .inner .step._01 .button { left:44px; top:636px; }
#middle .section .inner .step._02 .button { left:44px; top:636px; }
#middle .section .inner .step._03 .button { left:360px; top:364px; }
#middle .section .inner .step .button .btn_reward { overflow:hidden; box-sizing:border-box; display:block; width:100%; height:90px; cursor:default; border-radius:64px; box-shadow:0 4px 8px rgba(0,0,0,0.4); background:linear-gradient(to bottom, #94242e 0%, #741018 100%); }
#middle .section .inner .step .button .btn_reward p { font-weight:bold; font-size:26px; line-height:90px; color:#905c60; letter-spacing:0; text-align:center; }
#middle .section .inner .step .button .btn_reward p strong { font-weight:bold; font-size:26px; line-height:90px; color:#905c60; letter-spacing:0; vertical-align:top; }
#middle .section .inner .step .button .btn_reward.active { cursor:pointer; background:linear-gradient(to bottom, #f63c4e 0%, #c21c28 100%); }
#middle .section .inner .step .button .btn_reward.active p { color:#ffffff; }
#middle .section .inner .step .button .btn_reward.active p strong { color:#f0ff00; }
#middle .section .inner .step._02 .button .btn_reward { background:linear-gradient(to bottom, #207c9a 0%, #3e2c96 100%); }
#middle .section .inner .step._02 .button .btn_reward p { color:#68789a; }
#middle .section .inner .step._02 .button .btn_reward.active { background:linear-gradient(to bottom, #34ccfa 0%, #6846fc 100%); }
#middle .section .inner .step._02 .button .btn_reward.active p { color:#ffffff; }
#middle .section .inner .step._03 .button .btn_reward { background:linear-gradient(to bottom, #207c9a 0%, #3e2c96 100%); }
#middle .section .inner .step._03 .button .btn_reward p { color:#68789a; }
#middle .section .inner .step._03 .button .btn_reward.active { background:linear-gradient(to bottom, #34ccfa 0%, #6846fc 100%); }
#middle .section .inner .step._03 .button .btn_reward.active p { color:#ffffff; }

#footer { position:relative; width:100%; min-width:1040px; text-align:center; background-color:#000000; }
#footer .inner { width:100%; padding:64px 0; }
#footer .inner .logo { margin-bottom:64px; line-height:0; }
#footer .inner .information { position:relative; overflow:hidden; width:1142px; margin:0 auto; }
#footer .inner .information .company { position:relative; float:left; width:254px; height:62px; }
#footer .inner .information .company .bt-nexon { position:absolute; left:0; top:12px; }
#footer .inner .information .company .bt-ea { position:absolute; left:162px; top:12px; }
#footer .inner .information .copyright { float:left; width:888px; height:62px; }

.event_layer_popup { overflow-y:auto; z-index:1080; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.8); }
.event_layer_popup .content { z-index:128; position:absolute; left:50%; top:50%; width:640px; box-shadow:0 0 32px rgba(0,0,0,0.8); transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); background-color:#ffffff ; }
.reward_list.event_layer_popup .content { width:960px; }
.event_layer_popup .content .title { z-index:10; position:relative; height:64px; font-weight:500; font-size:20px; line-height:64px; color:#000000; text-align:center; box-shadow:inset 0 -1px 0 rgba(220,220,220,1); background-color:#ffffff; }
.event_layer_popup .content .btn_close { z-index:16; position:absolute; right:0; top:0; width:64px; height:64px; box-shadow:inset 1px 0 0 rgba(220,220,220,1); background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/btn_close.png") left top no-repeat; }
.event_layer_popup .content .btn_today { z-index:16; position:absolute; right:80px; top:24px; font-size:16px; line-height:16px; color:#949494; letter-spacing:0; }
.event_layer_popup .content .btn_today p::before { content:""; box-sizing:border-box; overflow:hidden; width:16px; height:16px; display:inline-block; margin-right:4px; vertical-align:top; border:1px solid #949494; box-shadow:inset 0 2px 4px rgba(0,0,0,0.2); }
.event_layer_popup .content .information { padding:32px 0; font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; font-weight:bold; font-size:18px; line-height:18px; color:#000000; letter-spacing:0; text-align:center; }
.event_layer_popup .content .information strong { font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; font-weight:bold; font-size:18px; line-height:18px; color:#08de68; letter-spacing:0; vertical-align:top; }
.event_layer_popup .content .tab { overflow:hidden; margin:0 32px; }
.event_layer_popup .content .tab li { box-sizing:border-box; float:left; width:50%; }
.event_layer_popup .content .tab li button { display:block; width:100%; font-size:16px; line-height:48px; color:#949494; letter-spacing:0; text-align:center; border:1px solid #949494; background-color:#eaeaea; }
.event_layer_popup .content .tab li:nth-child(1) button { border-right:none; }
.event_layer_popup .content .tab li.active button { color:#666666; border-bottom:1px solid #ffffff; background-color:#ffffff; }
.event_layer_popup .content .reward_table { display:none; padding:16px 32px 32px 32px; }
.event_layer_popup .content .reward_table.active { display:block; }
.event_layer_popup .content .reward_table table { table-layout:fixed; width:100%; }
.event_layer_popup .content .reward_table table th { height:48px; font-weight:normal; font-size:16px; line-height:16px; color:#ffffff; text-align:center; vertical-align:middle; border-right:1px solid #dcdcdc; background-color:#949494; }
.event_layer_popup .content .reward_table table th:last-child { border-right:1px solid #949494; }
.event_layer_popup .content .reward_table table td { height:48px; font-size:16px; line-height:16px; color:#666666; text-align:center; vertical-align:middle; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.event_layer_popup .content .reward_table table td:first-child { border-left:1px solid #949494; }
.event_layer_popup .content .reward_table table td:last-child { border-right:1px solid #949494; }
.event_layer_popup .content .reward_table table td.empty { height:240px; }
.event_layer_popup .content .reward_table table tr:last-child td { border-bottom:1px solid #949494; }
.event_layer_popup .content .reward_table table .btn_reward { display:block; width:100%; font-size:16px; line-height:48px; color:#ffffff; text-decoration:underline; background-color:#08de68; }
.event_layer_popup .content .reward_table table .btn_reward p { font-size:16px; line-height:48px; color:#ffffff; text-decoration:underline; }
.event_layer_popup .content .reward_table .page { display:block; padding:32px 0 0 0; font-size:0; line-height:0; text-align:center; }
.event_layer_popup .content .reward_table .page .bt { display:inline-block; height:24px; vertical-align:top; }
.event_layer_popup .content .reward_table .page .bt a { height:24px; margin:0 8px; vertical-align:top; text-indent:-9999px; }
.event_layer_popup .content .reward_table .page .bt .btn_first { width:24px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/btn_first.png") left 4px no-repeat; }
.event_layer_popup .content .reward_table .page .bt .btn_last { width:24px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/btn_last.png") left 4px no-repeat; }
.event_layer_popup .content .reward_table .page .bt .btn_prev { width:18px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/btn_prev.png") center 4px no-repeat; }
.event_layer_popup .content .reward_table .page .bt .btn_next { width:18px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/btn_next.png") center 4px no-repeat; }
.event_layer_popup .content .reward_table .page .number { overflow:hidden; display:inline-block; vertical-align:top; }
.event_layer_popup .content .reward_table .page .number strong { float:left; margin:0 8px; font-size:20px; line-height:24px; color:#08de68; text-decoration:underline; vertical-align:top; }
.event_layer_popup .content .reward_table .page .number .strong { float:left; margin:0 8px; font-size:20px; line-height:24px; color:#08de68; text-decoration:underline; vertical-align:top; }
.event_layer_popup .content .reward_table .page .number a { float:left; margin:0 8px; font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; font-size:20px; line-height:24px; color:#000000; vertical-align:top; }
.event_layer_popup .content .advice { padding:32px; font-size:16px; line-height:24px; color:#949494; text-align:center; background-color:#eaeaea; }
.event_layer_popup .content .advice .align_center { display:block; padding-left:30px; font-size:16px; line-height:24px; color:#949494; text-align:left; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/ico_i.png") 0 center no-repeat; }
.event_layer_popup .content .advice .align_center span{ display:block; font-size:16px; line-height:24px; color:#949494; text-align: left; }
.event_layer_popup .content .advice .align_center span + span{ margin-top:2px; }
.event_layer_popup .content .advice strong { font-size:16px; line-height:24px; color:#000000; }
.event_layer_popup .content .message { padding:32px 0; font-size:20px; line-height:28px; color:#000000; letter-spacing:0; text-align:center; }
.event_layer_popup .content .message strong { font-size:20px; line-height:28px; color:#08de68; letter-spacing:0; vertical-align:top; }
.event_layer_popup .content .button .btn_confirm { width:100%; font-size:24px; line-height:72px; color:#ffffff; letter-spacing:0; text-align:center; background-color:#08de68; }
.nxCache.event_layer_popup .content .title,
.fv.event_layer_popup .content .title { padding-left:32px; text-align:left; }
.nxCache.event_layer_popup .content .advice,
.fv.event_layer_popup .content .advice { font-size:16px; line-height:20px; }
.item.event_layer_popup .content { top:32px; width:780px; transform:translateX(-50%) translateY(0%); -webkit-transform:translateX(-50%) translateY(0%); -ms-transform:translateX(-50%) translateY(0%) }
.item.event_layer_popup .content .advice:nth-child(3) { padding:16px 0 0 0; text-align:center; }
.item.event_layer_popup .content .advice:nth-child(4) { padding:0 0 8px 0; text-align:center; }
.item.event_layer_popup .content .advice:nth-child(5) { padding:8px 0 0 0; text-align:center; }
.item.event_layer_popup .content .advice:nth-child(6) { padding:0 0 16px 0; text-align:center; }
.item.event_layer_popup .content .advice:nth-child(7) { padding:0 0 16px 0; text-align:center; }
.item.event_layer_popup .content .advice:nth-child(4) strong,
.item.event_layer_popup .content .advice:nth-child(6) strong { color:#ff4200; }
.item.event_layer_popup .content .advice:nth-child(7) strong { font-weight:bold; color:#ff4200; }
.item.event_layer_popup .content .list { padding:32px; }
.item.event_layer_popup .content .list table { table-layout:fixed; width:100%; margin-top:16px; }
.item.event_layer_popup .content .list table:first-child { margin-top:0; }
.item.event_layer_popup .content .list table th { height:48px; padding:0 8px; font-weight:normal; font-size:16px; line-height:16px; color:#ffffff; text-align:center; vertical-align:middle; border-right:1px solid #dcdcdc; background-color:#949494; }
.item.event_layer_popup .content .list table th:first-child { border-left:1px solid #949494; }
.item.event_layer_popup .content .list table th:last-child { border-right:1px solid #949494; }
.item.event_layer_popup .content .list table th.class { height:52px; font-weight:bold; font-size:20px; line-height:20px; color:#000000; }
.item.event_layer_popup .content .list table:nth-child(1) th.class { border-left:1px solid #ffa454; border-right:1px solid #ffa454; background-color:#ffa454; }
.item.event_layer_popup .content .list table:nth-child(2) th.class { border-left:1px solid #7cb8cc; border-right:1px solid #7cb8cc; background-color:#7cb8cc; }
.item.event_layer_popup .content .list table:nth-child(3) th.class { border-left:1px solid #ffd424; border-right:1px solid #ffd424; background-color:#ffd424; }
.item.event_layer_popup .content .list table td { height:48px; padding:0 8px; font-size:16px; line-height:16px; color:#666666; text-align:center; vertical-align:middle; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.item.event_layer_popup .content .list table td:first-child { border-left:1px solid #949494; }
.item.event_layer_popup .content .list table td:last-child { border-right:1px solid #949494; }
.item.event_layer_popup .content .list table td.empty { height:240px; }
.item.event_layer_popup .content .list table tr:last-child td { border-bottom:1px solid #949494; }
.item.event_layer_popup .content .list table .btn_reward { display:block; width:100%; font-size:16px; line-height:48px; color:#000000; text-decoration:underline; background-color:#08de68; }
.item.event_layer_popup .content .list table .btn_reward p { font-size:16px; line-height:48px; color:#ffffff; text-decoration:underline; }
.howto.event_layer_popup .content { top:32px; width:780px; transform:translateX(-50%) translateY(0%); -webkit-transform:translateX(-50%) translateY(0%); -ms-transform:translateX(-50%) translateY(0%) }
.howto.event_layer_popup .content .advice strong { color:#ff4200; }
.howto.event_layer_popup .content .list { padding:32px; }
.howto.event_layer_popup .content .list table { table-layout:fixed; width:100%; margin-top:16px; }
.howto.event_layer_popup .content .list table:first-child { margin-top:0; }
.howto.event_layer_popup .content .list table th { height:48px; padding:0 8px; font-weight:normal; font-size:16px; line-height:16px; color:#000000; text-align:center; vertical-align:middle; border-right:1px solid #dcdcdc; background-color:#eaeaea; }
.howto.event_layer_popup .content .list table th:first-child { border-left:1px solid #949494; }
.howto.event_layer_popup .content .list table th:last-child { border-right:1px solid #949494; }
.howto.event_layer_popup .content .list table th.class { height:52px; font-size:16px; line-height:16px; color:#000000; border-left:1px solid #08de68; border-right:1px solid #08de68; background-color:#08de68; }
.howto.event_layer_popup .content .list table th.class strong { font-size:16px; line-height:16px; color:#ff4200; vertical-align:top; }
.howto.event_layer_popup .content .list table td { height:48px; padding:0 8px; font-size:16px; line-height:16px; color:#666666; text-align:center; vertical-align:middle; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.howto.event_layer_popup .content .list table td:first-child { border-left:1px solid #949494; }
.howto.event_layer_popup .content .list table td:last-child { border-right:1px solid #949494; }
.howto.event_layer_popup .content .list table td.empty { height:240px; }
.howto.event_layer_popup .content .list table tr:last-child td { border-bottom:1px solid #949494; }
.howto.event_layer_popup .content .list table .btn_reward { display:block; width:100%; font-size:16px; line-height:48px; color:#ffffff; text-decoration:underline; background-color:#08de68; }
.howto.event_layer_popup .content .list table .btn_reward p { font-size:16px; line-height:48px; color:#ffffff; text-decoration:underline; }
.loading.event_layer_popup { z-index:1030 !important; }
.loading.event_layer_popup .content { z-index:256 !important; width:272px; box-shadow:none; border-radius:0; border:none; background:transparent; }
.loading.event_layer_popup .content ul { width:128px; margin:0 auto 32px auto; }
.loading.event_layer_popup .content ul li { float:left; width:24px; height:24px; margin:0 4px; box-shadow:0 0 32px rgba(0,0,0,1); background-color:#ffffff; }
.loading.event_layer_popup .content p { text-align:center; color:#ffffff; text-shadow:0 0 32px rgba(0,0,0,1); }
.loading.event_layer_popup .content p:nth-child(2) { margin-bottom:16px; font-size:48px; line-height:48px; font-weight:bold; }
.loading.event_layer_popup .content p:nth-child(3) { font-size:32px; line-height:32px; }