@font-face{font-family:"Jalnan";src:url("../fonts/Jalnan/Jalnan.woff") format("woff");font-style:normal;font-weight:400}#wrap.ox #cover{position:absolute;top:0;left:0;width:1920px;height:1017px;background-position:0 0;background-repeat:no-repeat;background-size:cover;background-image:url("../images/ox/OX_cover_bg.png");z-index:5}#wrap.ox #cover .ox_cover_ele1{width:312.36px;height:181.66px;top:604px;left:135.06px;background-image:url("../images/ox/OX_cover_ele1.png");opacity:0}#wrap.ox #cover .ox_cover_ele1.active{opacity:1}#wrap.ox #cover .ox_cover_ele2{width:317.34px;height:313.06px;top:637px;left:793.99px;background-image:url("../images/ox/OX_cover_ele2.png");opacity:0;animation-delay:.4s}#wrap.ox #cover .ox_cover_ele2.active{opacity:1}#wrap.ox #cover .ox_cover_ele3{width:296.84px;height:200.3px;top:652px;left:1481.98px;background-image:url("../images/ox/OX_cover_ele3.png");opacity:0;animation-delay:.2s}#wrap.ox #cover .ox_cover_ele3.active{opacity:1}#wrap.ox #cover .ox_cover_title{top:64px;left:369px;width:1182px;height:275px;background-image:url("../images/ox/OX_cover_title.png");opacity:0}#wrap.ox #cover .ox_cover_title.active{opacity:1}#wrap.ox #cover .ox_cover_btn_guide{width:455px;height:317px;top:402px;left:482px;background-image:url("../images/ox/OX_cover_btn_guide_off.png");cursor:pointer;opacity:0;animation-delay:.7s;pointer-events:none}#wrap.ox #cover .ox_cover_btn_guide.active{opacity:1;pointer-events:all;cursor:pointer}#wrap.ox #cover .ox_cover_btn_guide:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-image:url("../images/ox/OX_cover_btn_guide_on.png");opacity:0;cursor:pointer}#wrap.ox #cover .ox_cover_btn_guide:hover{background-image:none}#wrap.ox #cover .ox_cover_btn_guide:hover:before{opacity:1}#wrap.ox #cover .ox_cover_btn_guide:active:before{transform:scale(0.98)}#wrap.ox #cover .ox_cover_btn_start{width:455px;height:317px;top:402px;left:983px;background-image:url("../images/ox/OX_cover_btn_start_off.png");cursor:pointer;opacity:0;animation-delay:.7s;pointer-events:none}#wrap.ox #cover .ox_cover_btn_start.active{opacity:1;pointer-events:all;cursor:pointer}#wrap.ox #cover .ox_cover_btn_start:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-image:url("../images/ox/OX_cover_btn_start_on.png");opacity:0;cursor:pointer}#wrap.ox #cover .ox_cover_btn_start:hover{background-image:none}#wrap.ox #cover .ox_cover_btn_start:hover:before{opacity:1}#wrap.ox #cover .ox_cover_btn_start:active:before{transform:scale(0.98)}#wrap.ox #play{position:absolute;top:0;left:0;width:1920px;height:1017px;background-position:0 0;background-repeat:repeat;background-size:auto;background-image:url("../images/ox/OX_play_bg.png");z-index:3}#wrap.ox #play .play_content{width:1920px;height:1017px;position:relative}#wrap.ox #play .play_content .progress{position:absolute;top:959px;left:1175px;width:349px;height:24px;border-radius:50rem;border:3px solid #7B5334;background-color:#7B5334}#wrap.ox #play .play_content .progress .progress-bar{width:100%;height:18px;border-radius:50rem;background-color:#4FC0FF;background-image:linear-gradient(-45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:2rem 2rem;background-repeat:repeat;position:relative;transition:width linear 1s}#wrap.ox #play .play_content .progress .progress-bar:after{content:"";width:calc(100% - 16px);height:4px;background-color:#fff;opacity:.25;border-radius:50rem;position:absolute;top:4px;left:0;right:0;margin:auto}#wrap.ox #play .play_content .comment{position:absolute;bottom:-30%;left:23px;width:308px;height:454px;background-image:url("../images/ox/ox_play_comment.png");z-index:7;opacity:0;transition:all ease .7s}#wrap.ox #play .play_content .comment.active{opacity:1;bottom:0}#wrap.ox #play .play_content .count{display:flex;align-items:center;justify-content:center;width:361px;font-weight:700;font-size:46px;color:#fff;position:absolute;top:61px;left:780px}#wrap.ox #play .play_content .count span{display:inline-block}#wrap.ox #play .play_content .count span.fw-light{font-weight:300}#wrap.ox #play .play_content .count span.shadow{position:relative;text-shadow:3px 3px 0px #544FF5, -3px -3px 0px #544FF5, -3px 3px 0px #544FF5, 3px -3px 0px #544FF5, 1px 3px 0px #544FF5, -1px -3px 0px #544FF5, -3px 1px 0px #544FF5, 3px -1px 0px #544FF5, 3px 1px 0px #544FF5, -3px -1px 0px #544FF5, -1px 3px 0px #544FF5, 1px -3px 0px #544FF5;font-weight:800}#wrap.ox #play .play_content .count span.t{margin-right:15px}#wrap.ox #play .play_content .quiz{position:absolute;top:138px;left:269px;width:1382px;height:300px;padding:45px;display:flex;align-items:center;justify-content:center;text-align:center;word-break:keep-all;font-size:56px;font-weight:700;letter-spacing:-2px}#wrap.ox #play .play_content .pagination{position:absolute;top:388px;left:269px;width:1382px;height:50px;display:flex;align-items:center;justify-content:center;text-align:center}#wrap.ox #play .play_content .pagination>li{display:block;width:15px;height:15px;border-radius:50rem;background-color:#D9D9D9;margin:0 15px}#wrap.ox #play .play_content .pagination>li.active{background-color:#544FF5}#wrap.ox #play .play_content .star_group .star{position:absolute;width:62px;height:53px;background-image:url("../images/ox/OX_play_haert.png")}#wrap.ox #play .play_content .star_group .star.star1{top:948px;left:590px}#wrap.ox #play .play_content .star_group .star.star2{top:948px;left:662px}#wrap.ox #play .play_content .star_group .star.star3{top:948px;left:736px}#wrap.ox #play .play_content .star_group .star.hide{display:none}#wrap.ox #play .play_content .btn_ox{position:absolute;width:244px;height:249px;overflow:hidden;pointer-events:none}#wrap.ox #play .play_content .btn_ox:before{content:"";position:absolute;bottom:20px;left:30px;width:192px;height:99px;background-image:url("../images/ox/OX_play_dummy_back.png");background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1;pointer-events:none}#wrap.ox #play .play_content .btn_ox:after{content:"";position:absolute;bottom:0;left:0;width:244px;height:90px;background-image:url("../images/ox/OX_play_dummy_front.png");background-size:contain;background-repeat:no-repeat;background-position:center;z-index:5;pointer-events:none}#wrap.ox #play .play_content .btn_ox.ox1{top:532px;left:196px}#wrap.ox #play .play_content .btn_ox.ox2{top:653px;left:517px}#wrap.ox #play .play_content .btn_ox.ox3{top:553px;left:839px}#wrap.ox #play .play_content .btn_ox.ox4{top:653px;left:1159px}#wrap.ox #play .play_content .btn_ox.ox5{top:553px;left:1481px}#wrap.ox #play .play_content .btn_ox .ox_ch{position:absolute;width:161px;height:50px;background-size:161px 206px;background-position:0 0;z-index:3;bottom:16px;left:48px;opacity:1;visibility:visible;transition:height ease .85s, bottom ease .85s, background-image linear 2.5s;background-image:url("../images/ox/OX_play_o_off.png")}#wrap.ox #play .play_content .btn_ox[data-answer="O"] .ox_ch{background-image:url("../images/ox/OX_play_o_off.png")}#wrap.ox #play .play_content .btn_ox[data-answer="X"] .ox_ch{background-image:url("../images/ox/OX_play_x_off.png")}#wrap.ox #play .play_content .btn_ox.active:before,#wrap.ox #play .play_content .btn_ox.active:after{pointer-events:all}#wrap.ox #play .play_content .btn_ox.active .ox_ch{background-position:0 0;opacity:1;visibility:visible;height:206px;bottom:50px;pointer-events:all;transition:height ease .85s, bottom ease .85s}