@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap";*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit}html{font-size:10px}body{margin:0;padding:0;background:url(../images/bg.jpg) no-repeat center top;background-size:100% 130%}main{display:block}img{width:100%;vertical-align:middle}a{text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0;line-height:1.5}li{list-style:none}button{margin:0;padding:0;background:transparent;font-family:inherit;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;outline:none}.container{width:100%;max-width:1920px;margin:0 auto;overflow:hidden}.center{text-align:center}.hidePcmd{display:block}@media (max-width: 1280px){.hidePcmd{display:none}}.showPcmd{display:none}@media (max-width: 1280px){.showPcmd{display:block}}.hidePad{display:inline-block}@media (max-width: 768px){.hidePad{display:none}}.showPad{display:none}@media (max-width: 768px){.showPad{display:inline-block}}.hideMobile{display:inline-block}@media (max-width: 576px){.hideMobile{display:none}}.showMobile{display:none}@media (max-width: 576px){.showMobile{display:inline-block}}html,body{color:#b98777;font-family:"Noto Serif TC",serif;font-size:10px}#game h1,#nav h1,.gameGate h1,.partner h1,.popup h1{font-size:3.6rem}#game h2,#nav h2,.gameGate h2,.partner h2,.popup h2{font-size:3.2rem}@media (max-width: 1200px){#game h2,#nav h2,.gameGate h2,.partner h2,.popup h2{font-size:2.8rem}}@media (max-width: 768px){#game h2,#nav h2,.gameGate h2,.partner h2,.popup h2{font-size:2.6rem}}@media (max-width: 576px){#game h2,#nav h2,.gameGate h2,.partner h2,.popup h2{font-size:2rem}}#game h3,#nav h3,.gameGate h3,.partner h3,.popup h3{font-size:2.8rem}@media (max-width: 1200px){#game h3,#nav h3,.gameGate h3,.partner h3,.popup h3{font-size:2.6rem}}@media (max-width: 768px){#game h3,#nav h3,.gameGate h3,.partner h3,.popup h3{font-size:2.4rem}}@media (max-width: 576px){#game h3,#nav h3,.gameGate h3,.partner h3,.popup h3{font-size:2rem}}@media (max-width: 414px){#game h3,#nav h3,.gameGate h3,.partner h3,.popup h3{font-size:1.8rem}}#game h4,#nav h4,.gameGate h4,.partner h4,.popup h4{font-size:2.4rem}@media (max-width: 768px){#game h4,#nav h4,.gameGate h4,.partner h4,.popup h4{font-size:2rem}}@media (max-width: 576px){#game h4,#nav h4,.gameGate h4,.partner h4,.popup h4{font-size:1.8rem}}#game h5,#nav h5,.gameGate h5,.partner h5,.popup h5{font-size:2rem}#game .txt1,#nav .txt1,.gameGate .txt1,.partner .txt1,.popup .txt1{font-size:1.8rem}@media (max-width: 576px){#game .txt1,#nav .txt1,.gameGate .txt1,.partner .txt1,.popup .txt1{font-size:1.6rem}}@media (max-width: 414px){#game .txt1,#nav .txt1,.gameGate .txt1,.partner .txt1,.popup .txt1{font-size:1.4rem}}#game .txt2,#nav .txt2,.gameGate .txt2,.partner .txt2,.popup .txt2{font-size:1.6rem}#game .txt3,#nav .txt3,.gameGate .txt3,.partner .txt3,.popup .txt3{font-size:1.4rem}.pictureTag{position:absolute;bottom:32px;left:0;width:90px}@media (max-width: 576px){.pictureTag{width:70px}}.pictureTag:after{display:inline-block;content:"修護調理";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-55%);transform:translate(-50%,-55%);width:100%;padding-left:12px;color:#fff;font-size:1.5rem;font-weight:500}@media (max-width: 1280px){.pictureTag:after{font-size:1.4rem}}@media (max-width: 576px){.pictureTag:after{left:45%;font-size:1.2rem}}.pictureTag.t1:after{content:"活膚抗老"}.pictureTag.t2:after{content:"保濕潤澤"}.pictureTag.t3:after{content:"美白";padding-left:30%}@media (max-width: 576px){.pictureTag.t3:after{padding-left:35%}}.pictureTag.t4:after{content:"修護調理"}.pictureTag.t5:after{content:"唇頰眼妝"}.pictureTag.t6:after{content:"眼霜";padding-left:30%}@media (max-width: 576px){.pictureTag.t6:after{padding-left:35%}}.pictureTag.t7:after{content:"隔離防曬"}.pictureTag.t8:after{content:"潔膚淨化 "}.pictureTag.t9:after{content:"靚透底妝"}.pictureTag.t10:after{content:"髮肌養護"}.pictureTag.a1:after{content:"抗老";padding-left:30%}@media (max-width: 576px){.pictureTag.a1:after{padding-left:35%}}.pictureTag.a2:after{content:"底妝";padding-left:30%}@media (max-width: 576px){.pictureTag.a2:after{padding-left:35%}}.pictureTag.a3:after{content:"洗卸/潔膚"}.pictureTag.a4:after{content:"保濕潤澤"}.pictureTag.a5:after{content:"美白";padding-left:30%}@media (max-width: 576px){.pictureTag.a5:after{padding-left:35%}}.pictureTag.a6:after{content:"美體";padding-left:30%}@media (max-width: 576px){.pictureTag.a6:after{padding-left:35%}}.pictureTag.a7:after{content:"面膜";padding-left:30%}@media (max-width: 576px){.pictureTag.a7:after{padding-left:35%}}.pictureTag.a8:after{content:"唇頰眼妝"}.pictureTag.a9:after{content:"控油抗痘"}.pictureTag.a10:after{content:"隔離防曬"}.pictureTag.a11:after{content:"頭髮養護"}.pictureTag.a12:after{content:"口腔護理"}.moreBtn{display:inline-block;padding:8px 24px;background:-webkit-gradient(linear,left top,left bottom,from(#fecbb7),to(#b49082));background:-webkit-linear-gradient(top,#fecbb7 0%,#b49082 100%);background:linear-gradient(180deg,#fecbb7,#b49082);color:#fff;font-size:1.6rem;text-shadow:0 2px 8.8px rgba(0,0,0,.25);border-radius:4px;-webkit-box-shadow:0 2px 8.8px rgba(0,0,0,.25);box-shadow:0 2px 8.8px #00000040;cursor:pointer}@media (max-width: 768px){.moreBtn{font-size:1.4rem}}@media (max-width: 374px){.moreBtn{font-size:1.3rem}}@media (max-width: 320px){.moreBtn{font-size:1.2rem}}.moreBtn.hide{display:none}.moreBtn img{position:relative;top:-2px;left:4px;width:10px}#logo{position:fixed;top:40px;left:52px;width:200px}@media (max-width: 1200px){#logo{top:30px;left:36px;width:120px}}@media (max-width: 768px){#logo{top:20px;left:24px;width:80px}}@media (max-width: 576px){#logo{top:12px;left:20px;width:80px}}#nav{position:relative;bottom:0;z-index:10;width:100%}#nav .navInner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,right top,from(rgba(185,211,237,.6)),to(rgba(232,191,193,.6)));background:-webkit-linear-gradient(left,rgba(185,211,237,.6) 0%,rgba(232,191,193,.6) 100%);background:linear-gradient(90deg,#b9d3ed99,#e8bfc199)}#nav .navInner .navItem{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:50%;padding:20px 0;color:#000;letter-spacing:5px}@media (max-width: 576px){#nav .navInner .navItem{padding:10px 0;letter-spacing:2px}}#nav .navInner .navItem h4{-webkit-transition:all .2s linear;transition:all .2s linear}#nav .navInner .navItem .arrow{width:24px;-webkit-transition:all .2s linear;transition:all .2s linear;-webkit-filter:invert(.5);filter:invert(.5)}#nav .navInner .navItem:hover h4{-webkit-transform:scale(.95);transform:scale(.95)}#nav .navInner .navItem:hover .arrow{-webkit-transform:translateX(50%);transform:translate(50%)}.index #nav{position:-webkit-sticky;position:sticky}.index #nav .navInner{background:-webkit-gradient(linear,left top,right top,from(rgba(185,211,237,.9)),to(rgba(232,191,193,.9)));background:-webkit-linear-gradient(left,rgba(185,211,237,.9) 0%,rgba(232,191,193,.9) 100%);background:linear-gradient(90deg,#b9d3ede6,#e8bfc1e6)}#game{width:100%;overflow-x:hidden}#game .gameWrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:100vh}@media (max-width: 768px){#game .gameWrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}#game .gameWrapper.hide{display:none}#game .bg1{background:url(../images/game/bg-item2.png) no-repeat 12vw bottom,url(../images/game/bg-item1.png) no-repeat 67vw bottom,url(../images/game/bg1.jpg) no-repeat center top;background-size:226px auto,600px auto,cover}@media (max-width: 1800px){#game .bg1{background:url(../images/game/bg-item2.png) no-repeat 6vw bottom,url(../images/game/bg-item1.png) no-repeat 76vw bottom,url(../images/game/bg1.jpg) no-repeat center top;background-size:12vw auto,30vw auto,cover}}@media (max-width: 768px){#game .bg1{background:url(../images/game/bg-item1.png) no-repeat 70vw bottom,url(../images/game/bg1.jpg) no-repeat 30% top;background-size:32vw auto,cover}}@media (max-width: 576px){#game .bg1{background:url(../images/game/bg-item1.png) no-repeat 64vw bottom,url(../images/game/bg1.jpg) no-repeat 30% top;background-size:36vw auto,cover}}@media (max-width: 375px){#game .bg1{background:url(../images/game/bg-item1.png) no-repeat 50vw bottom,url(../images/game/bg1.jpg) no-repeat 30% top;background-size:48vw auto,cover}}#game .bg2{background:url(../images/game/bg1.jpg) no-repeat center top;background-size:cover}@media (max-width: 576px){#game .bg2{background:url(../images/game/bg1.jpg) no-repeat 30% top}}#game .bg3{background:url(../images/game/bg-item3.png) no-repeat 2vw top,url(../images/game/bg-item4.png) no-repeat left bottom,url(../images/game/bg-item5.png) no-repeat right bottom,url(../images/game/bg1.jpg) no-repeat center top;background-size:40px auto,270px auto,360px auto,cover}@media (max-width: 1800px){#game .bg3{background:url(../images/game/bg-item3.png) no-repeat 2vw top,url(../images/game/bg-item4.png) no-repeat left bottom,url(../images/game/bg-item5.png) no-repeat right bottom,url(../images/game/bg1.jpg) no-repeat center top;background-size:25px auto,170px auto,225px auto,cover}}@media (max-width: 768px){#game .bg3{background:url(../images/game/bg-item3.png) no-repeat 2vw top,url(../images/game/bg-item4.png) no-repeat left bottom,url(../images/game/bg-item5.png) no-repeat right bottom,url(../images/game/bg1.jpg) no-repeat center top;background-size:25px auto,170px auto,180px auto,cover}}@media (max-width: 576px){#game .bg3{background:url(../images/game/bg-item3.png) no-repeat 3vw top,url(../images/game/bg-item4.png) no-repeat left bottom,url(../images/game/bg-item5.png) no-repeat right bottom,url(../images/game/bg1.jpg) no-repeat center top;background-size:22px auto,140px auto,150px auto,cover}}@media (max-width: 375px){#game .bg3{background:url(../images/game/bg-item3.png) no-repeat 6vw top,url(../images/game/bg-item4.png) no-repeat left bottom,url(../images/game/bg-item5.png) no-repeat right bottom,url(../images/game/bg1.jpg) no-repeat center top;background-size:20px auto,100px auto,150px auto,cover}}#game .gameLogo{position:fixed;top:40px;right:52px;width:220px}@media (max-width: 1200px){#game .gameLogo{top:30px;right:36px;width:132px}}@media (max-width: 768px){#game .gameLogo{position:relative;top:auto;right:auto;width:100%;margin-top:60px;margin-bottom:20px}}@media (max-width: 576px){#game .gameLogo{margin-top:48px}}@media (max-width: 768px){#game .gameLogo .wrapper{width:180px;margin:auto}}@media (max-width: 576px){#game .gameLogo .wrapper{width:150px}}#game .gameWrap{color:#8c7065}#game .gameWrap .btnWrap{margin:32px auto 0}#game .gameWrap .btnWrap .btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;color:#fff;font-weight:600;cursor:pointer;-webkit-transition:all .2s linear;transition:all .2s linear}#game .gameWrap .btnWrap .btn:hover{-webkit-transform:scale(.95);transform:scale(.95)}#game .gameWrap .btnWrap .btn a{position:absolute;top:0;right:0;bottom:0;left:0}#game .gameWrap .btnWrap .btn.hide{display:none}#game .gameWrap .btnWrap .btn .btnTxt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:14px 16px 14px 24px;background:-webkit-gradient(linear,left top,left bottom,from(#fecbb7),to(#977466));background:-webkit-linear-gradient(top,#fecbb7 0%,#977466 100%);background:linear-gradient(180deg,#fecbb7,#977466);border-radius:4px;-webkit-box-shadow:0 2px 8.8px 0 rgba(0,0,0,.2509803922);box-shadow:0 2px 8.8px #00000040}#game .gameWrap .btnWrap .btn .btnTxt .fbIcon{width:24px;margin-left:6px}#game .gameWrap .btnWrap .btn .btnTxt .arrow{width:24px;margin-left:6px;-webkit-transition:all .2s linear;transition:all .2s linear}#game #step1.gameWrapper{height:110vh}@media (max-width: 768px){#game #step1.gameWrapper{height:100vh}}#game #step1 .gameWrap{margin-top:-10vh}@media (max-width: 768px){#game #step1 .gameWrap{margin-top:-15vh}}#game #step1 .title{max-width:320px;margin:auto}@media (max-width: 1200px){#game #step1 .title{width:240px;margin:auto}}@media (max-width: 768px){#game #step1 .title{width:180px;margin:auto}}@media (max-width: 576px){#game #step1 .title{width:150px}}#game #step1 .subtitle{max-width:610px;margin:40px auto}@media (max-width: 768px){#game #step1 .subtitle{width:85%;max-width:auto}}@media (max-width: 576px){#game #step1 .subtitle{margin:20px auto}}#game #step1 .cont{max-width:610px;margin:auto;padding:24px;background:#fff;font-weight:600;border:#a8c0d8 1px solid;border-radius:20px}@media (max-width: 768px){#game #step1 .cont{width:85%;max-width:auto}}#game #step2.gameWrapper{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}#game #step2 .mainInner .people{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:900px;background:url(../images/game/girl.svg) no-repeat center bottom;background-size:cover;aspect-ratio:1395/1000}@media (min-width: 2000px){#game #step2 .mainInner .people{height:1300px}}@media (max-width: 768px){#game #step2 .mainInner .people{height:460px;background:url(../images/game/girl-s.svg) no-repeat 48% bottom}}#game #step2 .mainInner .people .itemWrap{padding:0}@media (min-width: 2000px){#game #step2 .mainInner .people .itemWrap{margin-top:90px}}@media (max-width: 768px){#game #step2 .mainInner .people .itemWrap{position:relative;margin-top:-130px}}#game #step2 .mainInner .people .itemWrap:nth-child(1) .item{left:0}#game #step2 .mainInner .people .itemWrap .item{width:500px;background-position:left center;background-repeat:no-repeat!important;background-size:contain;cursor:pointer;aspect-ratio:500/106}@media (max-width: 1200px){#game #step2 .mainInner .people .itemWrap .item{width:280px;background-repeat:no-repeat!important;background-size:contain!important}}@media (max-width: 768px){#game #step2 .mainInner .people .itemWrap .item{width:200px}}@media (max-width: 430px){#game #step2 .mainInner .people .itemWrap .item{width:160px}}@media (max-width: 375px){#game #step2 .mainInner .people .itemWrap .item{width:140px}}#game #step2 .mainInner .people .itemWrap .item.hide{opacity:0}#game #step2 .mainInner .people .itemWrap .item.item1{-webkit-transform:translate(-40px,70px);transform:translate(-40px,70px);background:url(../images/game/item1.svg);-webkit-transition:all .2s linear;transition:all .2s linear}@media (max-width: 1200px){#game #step2 .mainInner .people .itemWrap .item.item1{-webkit-transform:translate(-75px,100px);transform:translate(-75px,100px);background:url(../images/game/item1-s.svg)}}@media (max-width: 768px){#game #step2 .mainInner .people .itemWrap .item.item1{-webkit-transform:translate(-2vw,160px);transform:translate(-2vw,160px)}}#game #step2 .mainInner .people .itemWrap .item.item1:hover{background:url(../images/game/item1-hover.svg)}@media (max-width: 1200px){#game #step2 .mainInner .people .itemWrap .item.item1:hover{background:url(../images/game/item1-s-hover.svg)}}#game #step2 .mainInner .people .itemWrap .item.item2{-webkit-transform:translate(-55px,220px);transform:translate(-55px,220px);background:url(../images/game/item2.svg);-webkit-transition:all .2s linear;transition:all .2s linear}@media (min-width: 2000px){#game #step2 .mainInner .people .itemWrap .item.item2{-webkit-transform:translate(-85px,330px);transform:translate(-85px,330px)}}@media (max-width: 1200px){#game #step2 .mainInner .people .itemWrap .item.item2{-webkit-transform:translate(-105px,280px);transform:translate(-105px,280px);background:url(../images/game/item2-s.svg)}}@media (max-width: 768px){#game #step2 .mainInner .people .itemWrap .item.item2{-webkit-transform:translate(-4vw,220px);transform:translate(-4vw,220px)}}@media (max-width: 430px){#game #step2 .mainInner .people .itemWrap .item.item2{-webkit-transform:translate(-7vw,220px);transform:translate(-7vw,220px)}}@media (max-width: 375px){#game #step2 .mainInner .people .itemWrap .item.item2{-webkit-transform:translate(-7vw,230px);transform:translate(-7vw,230px)}}#game #step2 .mainInner .people .itemWrap .item.item2:hover{background:url(../images/game/item2-hover.svg)}@media (max-width: 1200px){#game #step2 .mainInner .people .itemWrap .item.item2:hover{background:url(../images/game/item2-s-hover.svg)}}#game #step2 .mainInner .people .itemWrap .item.item3{-webkit-transform:translate(-60px,145px);transform:translate(-60px,145px);background:url(../images/game/item3.svg);-webkit-transition:all .2s linear;transition:all .2s linear}@media (min-width: 2000px){#game #step2 .mainInner .people .itemWrap .item.item3{-webkit-transform:translate(-30px,145px);transform:translate(-30px,145px)}}@media (max-width: 1200px){#game #step2 .mainInner .people .itemWrap .item.item3{-webkit-transform:translate(30px,168px);transform:translate(30px,168px);background:url(../images/game/item3-s.svg)}}@media (max-width: 768px){#game #step2 .mainInner .people .itemWrap .item.item3{-webkit-transform:translate(0,188px);transform:translateY(188px)}}@media (max-width: 375px){#game #step2 .mainInner .people .itemWrap .item.item3{-webkit-transform:translate(-2vw,190px);transform:translate(-2vw,190px)}}#game #step2 .mainInner .people .itemWrap .item.item3:hover{background:url(../images/game/item3-hover.svg)}@media (max-width: 1200px){#game #step2 .mainInner .people .itemWrap .item.item3:hover{background:url(../images/game/item3-s-hover.svg)}}#game #step2 .mainInner .people .itemWrap .item.item4{-webkit-transform:translate(55px,245px);transform:translate(55px,245px);background:url(../images/game/item4.svg);-webkit-transition:all .2s linear;transition:all .2s linear}@media (min-width: 2000px){#game #step2 .mainInner .people .itemWrap .item.item4{-webkit-transform:translate(75px,305px);transform:translate(75px,305px)}}@media (max-width: 1200px){#game #step2 .mainInner .people .itemWrap .item.item4{-webkit-transform:translate(70px,320px);transform:translate(70px,320px);background:url(../images/game/item4-s.svg)}}@media (max-width: 768px){#game #step2 .mainInner .people .itemWrap .item.item4{-webkit-transform:translate(2vw,220px);transform:translate(2vw,220px)}}@media (max-width: 430px){#game #step2 .mainInner .people .itemWrap .item.item4{-webkit-transform:translate(7vw,230px);transform:translate(7vw,230px)}}#game #step2 .mainInner .people .itemWrap .item.item4:hover{background:url(../images/game/item4-hover.svg)}@media (max-width: 1200px){#game #step2 .mainInner .people .itemWrap .item.item4:hover{background:url(../images/game/item4-s-hover.svg)}}#game #step2 .mainInner .people .itemWrap .item.item5{-webkit-transform:translate(50px,360px);transform:translate(50px,360px);background:url(../images/game/item5.svg);-webkit-transition:all .2s linear;transition:all .2s linear}@media (min-width: 2000px){#game #step2 .mainInner .people .itemWrap .item.item5{-webkit-transform:translate(100px,440px);transform:translate(100px,440px)}}@media (max-width: 1200px){#game #step2 .mainInner .people .itemWrap .item.item5{-webkit-transform:translate(65px,520px);transform:translate(65px,520px);background:url(../images/game/item5-s.svg)}}@media (max-width: 768px){#game #step2 .mainInner .people .itemWrap .item.item5{-webkit-transform:translate(4vw,250px);transform:translate(4vw,250px)}}@media (max-width: 430px){#game #step2 .mainInner .people .itemWrap .item.item5{-webkit-transform:translate(8vw,270px);transform:translate(8vw,270px)}}@media (max-width: 375px){#game #step2 .mainInner .people .itemWrap .item.item5{-webkit-transform:translate(6vw,280px);transform:translate(6vw,280px)}}#game #step2 .mainInner .people .itemWrap .item.item5:hover{background:url(../images/game/item5-hover.svg)}@media (max-width: 1200px){#game #step2 .mainInner .people .itemWrap .item.item5:hover{background:url(../images/game/item5-s-hover.svg)}}#game #step2 .titleWrap{position:absolute;top:540px;left:6vw}@media (min-width: 2000px){#game #step2 .titleWrap{top:760px}}@media (max-width: 768px){#game #step2 .titleWrap{position:relative;top:auto;left:auto}}@media (max-width: 576px){#game #step2 .titleWrap{width:85%}}@media (max-width: 1200px){#game #step2 .titleWrap h3{width:440px}}@media (max-width: 576px){#game #step2 .titleWrap h3{width:100%;margin:auto}}#game #step2 .titleWrap .cont{max-width:600px;margin:16px auto auto;padding:24px;background:#fff;color:#4e5964;font-weight:600;border:#a8c0d8 1px solid;border-radius:20px}@media (max-width: 1200px){#game #step2 .titleWrap .cont{max-width:300px}}@media (max-width: 768px){#game #step2 .titleWrap .cont{max-width:560px}}@media (max-width: 576px){#game #step2 .titleWrap .cont{width:100%;max-width:none}}@media (max-width: 768px){#game #step3 .inner{margin-top:-15vh}}@media (max-width: 576px){#game #step3 .inner{margin-top:-20vh}}@media (max-width: 375px){#game #step3 .inner{margin-top:-10vh}}#game #step3 .tag{margin-bottom:60px}@media (max-width: 768px){#game #step3 .tag{margin-bottom:20px}}@media (max-width: 576px){#game #step3 .tag{margin-bottom:8px}}#game #step3 .cont{max-width:720px;margin:32px auto 60px;padding:24px;background:#fff;font-weight:600;border:#a8c0d8 1px solid;border-radius:20px}@media (max-width: 768px){#game #step3 .cont{width:85%;max-width:auto;margin:32px auto 20px}}@media (max-width: 576px){#game #step3 .cont{margin:20px auto -12px}}#game #step4.gameWrapper{height:120vh}@media (max-width: 768px){#game #step4.gameWrapper{height:100%;padding-bottom:20%}}#game #step4 .gameWrap{max-width:800px}@media (max-width: 1200px){#game #step4 .gameWrap{width:85%}}#game #step4 .gameWrap .subtitle{margin-bottom:20px;color:#6b554d}@media (max-width: 576px){#game #step4 .gameWrap .subtitle{margin-bottom:8px}}#game #step4 .gameWrap .hr{width:100%;height:1px;margin:32px 0;background:#6b554d}@media (max-width: 576px){#game #step4 .gameWrap .hr{margin:16px 0}}#game #step4 .gameWrap .product .productTitle{margin-bottom:20px;color:#6b554d}#game #step4 .gameWrap .product .productImg{width:300px;margin:auto;-webkit-box-shadow:0 2px 7.3px 0 rgba(0,0,0,.2509803922);box-shadow:0 2px 7.3px #00000040}@media (max-width: 576px){#game #step4 .gameWrap .product .productImg,#game #step4 .gameWrap .product .productImg img{width:100%}}#game #step4 .gameWrap .product .productName{margin-top:20px;color:#6b554d}@media (max-width: 576px){#game #step4 .gameWrap .product .productName{width:100%;margin:12px auto 0}}#game #step4 .gameWrap .product .itemWrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:28px;padding-left:0}@media (max-width: 768px){#game #step4 .gameWrap .product .itemWrap{width:100%;margin:auto}}#game #step4 .gameWrap .product .itemWrap .item{padding:0 16px}@media (max-width: 768px){#game #step4 .gameWrap .product .itemWrap .item{padding:0 8px}}.partner{padding:200px 0 0;background:url(../images/partner/bg.jpg) no-repeat center top;background-size:cover}@media (max-width: 1280px){.partner{padding:120px 0 0}}@media (max-width: 800px){.partner{padding:48px 0 0}}.partner .container{width:80%;margin:0 auto 100px}@media (max-width: 1280px){.partner .container{margin:0 auto 60px}}@media (max-width: 576px){.partner .container{margin:0 auto 40px}}.partner .container .pic{-webkit-flex-basis:30%;-ms-flex-preferred-size:30%;flex-basis:30%;max-width:500px;min-width:320px}@media (max-width: 800px){.partner .container .pic{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;min-width:auto;margin:0 auto 24px}}.partner .container .mcLogo{max-width:548px}.partner .container .preLogo{max-width:500px}.partner .container p{color:#917c75;font-size:1.8rem;font-weight:500;line-height:1.8}@media (max-width: 1440px){.partner .container p{font-size:1.6rem}}@media (max-width: 1024px){.partner .container p{font-size:1.4rem}}@media (max-width: 480px){.partner .container p{font-size:1.3rem}}.partner .container .txt{-webkit-flex-basis:70%;-ms-flex-preferred-size:70%;flex-basis:70%;padding-left:16px}.partner .container .txt h3{max-width:1180px;margin:auto auto 40px;color:#000;font-weight:700;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.25)}@media (max-width: 768px){.partner .container .txt h3{margin-bottom:20px}}@media (max-width: 800px){.partner .container .txt{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;padding-left:0}}.partner .container .txt .logo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 0 100px}@media (max-width: 1280px){.partner .container .txt .logo{margin:0 0 60px}}@media (max-width: 768px){.partner .container .txt .logo{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:60%;margin:40px auto}}@media (max-width: 576px){.partner .container .txt .logo{width:80%}}.partner .container .txt .logo .cross{position:relative;width:60px;height:60px;margin:0 60px}@media (max-width: 1280px){.partner .container .txt .logo .cross{margin:0 3vw}}@media (max-width: 768px){.partner .container .txt .logo .cross{margin:4vw 3vw 0}}.partner .container .txt .logo .cross:after,.partner .container .txt .logo .cross:before{display:block;content:"";position:absolute;top:50%;left:50%;width:100%;height:7px;background-color:#4e5964;border-radius:5px}@media (max-width: 576px){.partner .container .txt .logo .cross:after,.partner .container .txt .logo .cross:before{width:70%;height:5px}}.partner .container .txt .logo .cross:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.partner .container .txt .logo .cross:before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.partner .sponsor{width:100%;margin-bottom:0;padding:120px 0 160px;background:#fff}@media (max-width: 1280px){.partner .sponsor{padding:100px 0}}@media (max-width: 576px){.partner .sponsor{padding:60px 0}}.partner .sponsor .wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;width:80%;margin:0 auto}@media (max-width: 800px){.partner .sponsor .wrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media (max-width: 576px){.partner .sponsor .wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:70%}}.partner .sponsor .wrap hr{width:2px;height:250px;margin:0 135px;background-color:#b49082;border:0}@media (max-width: 1440px){.partner .sponsor .wrap hr{margin:0 20%}}@media (max-width: 1280px){.partner .sponsor .wrap hr{margin:0 10%}}@media (max-width: 576px){.partner .sponsor .wrap hr{width:100%;height:2px;margin:40px auto}}.partner .sponsor .wrap p{margin:0 0 60px;color:#000;font-size:2.4rem;font-weight:700}@media (max-width: 576px){.partner .sponsor .wrap p{margin:0 0 40px;font-size:1.8rem;text-align:center}}footer{padding:28px 0;background-color:#000}@media (max-width: 576px){footer{padding:32px 0 24px}}footer .container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:90%}@media (max-width: 768px){footer .container{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width: 374px){footer .container{width:100%;padding:0 16px}}footer .logo{width:50%;max-width:262px;padding-right:5%}@media (max-width: 768px){footer .logo{-webkit-flex-basis:60%;-ms-flex-preferred-size:60%;flex-basis:60%;max-width:200px;margin:0 0 12px;padding-right:0}}@media (max-width: 576px){footer .logo{max-width:160px;margin:0 0 6px}}footer .copyright{color:#fff;font-size:1.2rem;font-weight:500;letter-spacing:1px}@media (max-width: 768px){footer .copyright{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;text-align:center}}.popup{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:fixed;right:0;bottom:0;z-index:200;width:100vw;height:100vh;overflow:hidden;background:url(../images/popup/bg.jpg) no-repeat center top;background-size:cover;opacity:0;visibility:hidden}.popupInner{position:relative;right:-100vh;bottom:-100vw;left:1vw;-webkit-transform:rotate(32deg);transform:rotate(32deg);width:85%;height:80%;background:#fff;border-radius:24px}@media (max-width: 576px){.popupInner{top:5%;height:80%}}.popupCont{max-width:100%;height:100%;padding:20px 0 40px;overflow-x:hidden;overflow-y:scroll}.popupTxt{width:100%;height:100%;padding:4rem;color:#6b5859}@media (max-width: 576px){.popupTxt{padding:8% 0}}.popupTxt .title{font-size:4.4rem;font-weight:700}@media (max-width: 1024px){.popupTxt .title{margin-bottom:20px;font-size:3.6rem}}@media (max-width: 576px){.popupTxt .title{margin-bottom:0;font-size:2.8rem}}.popupTxt .subtitle{margin-top:4px;margin-bottom:18px;font-size:2rem;font-weight:500}.popupTxt .boxwrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width: 1024px){.popupTxt .boxwrap{padding:20px}}.popupTxt .boxwrap .box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:96%;margin:20px auto 60px}@media (max-width: 576px){.popupTxt .boxwrap .box{width:96%;margin:0 auto}}.popupTxt .boxwrap .box .ruleList{margin-bottom:40px}@media (max-width: 576px){.popupTxt .boxwrap .box .ruleList{margin-bottom:24px}}.popupTxt .boxwrap .box .ruleList.list1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%}@media (max-width: 1024px){.popupTxt .boxwrap .box .ruleList.list1{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.popupTxt .boxwrap .box .ruleList.list1 .txt{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:20px}}.popupTxt .boxwrap .box .ruleList.list2{display:block;width:100%;margin-top:12px}.popupTxt .boxwrap .box .ruleList.list2 .txt{margin-top:40px}.popupTxt .boxwrap .box .ruleList .label{margin-right:20px;padding:15px 12px;background:-webkit-gradient(linear,left top,left bottom,from(#ffeaeb),to(#fecbb7));background:-webkit-linear-gradient(top,#ffeaeb 0%,#fecbb7 100%);background:linear-gradient(180deg,#ffeaeb,#fecbb7);font-size:2.4rem;font-weight:700;border-radius:16px}@media (max-width: 768px){.popupTxt .boxwrap .box .ruleList .label{font-size:2rem}}@media (max-width: 576px){.popupTxt .boxwrap .box .ruleList .label{padding:10px;font-size:1.8rem;border-radius:12px}}@media (max-width: 414px){.popupTxt .boxwrap .box .ruleList .label{font-size:1.4rem}}.popupTxt .boxwrap .box .ruleList .txt{font-weight:700}.popupTxt .boxwrap .box .ruleList .txt h4{margin-bottom:20px}.popupTxt .boxwrap .box .ruleList .txt a{text-decoration:underline}.popup:target{visibility:visible;opacity:1}.popup:target .popupInner{right:0;bottom:0;-webkit-transform:rotate(0);transform:rotate(0)}.popup-close{position:absolute;top:-64px;right:-2vw;z-index:201;width:3rem;height:3rem;color:#8c7475;font-size:6rem;font-weight:300;text-align:center;text-decoration:none;line-height:3rem;border-radius:100%;cursor:pointer}@media (max-width: 576px){.popup-close{top:-3vw;right:-1vw;font-size:4rem}}