body.fixed,html.fixed{overflow:hidden}body{background:#000}@media only screen and (max-width:767px){body #menu-check{position:absolute;top:0;z-index:-1}body #menu-check:checked~.header .menu-nav{transform:translateX(0)}}img{max-width:100%}@-webkit-keyframes cloud{0%{left:-4600px}25%{left:-3300px}50%{left:-2350px}75%{left:-1600px}100%{left:0}}@keyframes cloud{0%{left:-4600px}25%{left:-3300px}50%{left:-2350px}75%{left:-1600px}100%{left:0}}@-webkit-keyframes baloon{0%{transform:translateY(-5px)}50%{transform:translateY(5px)}100%{transform:translateY(-5px)}}@keyframes baloon{0%{transform:translateY(-5px)}50%{transform:translateY(5px)}100%{transform:translateY(-5px)}}#menu-check{display:none}.header{width:100%;position:relative}.header .main-header{background:linear-gradient(180deg,rgba(69,14,6,.78) 0,rgba(38,9,9,0) 100%);border-bottom:1px solid #ffffff21;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:space-between;align-items:center;padding:16px 32px;position:fixed;right:0;left:0;top:0;z-index:1000}.header .main-header>a .logo{width:180px;margin-bottom:0;display:flex;justify-content:center;align-items:center}.header .main-header>a .logo img{max-width:100%}.header .main-header label.hb{display:none}@media only screen and (max-width:767px){.header .main-header label.hb{width:40px;height:40px;margin-bottom:0;background-color:#000;border:1px solid #aaa;border-radius:12%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}}@media only screen and (max-width:767px){.header .main-header label.hb>span{width:80%;height:2px;background-color:#fff}}.header .main-header .menu-nav{background-color:transparent;width:auto;height:auto;position:relative;top:0;transform:translateX(0);transition:none}@media only screen and (max-width:767px){.header .main-header .menu-nav{background-color:#000;width:70%;height:calc(100vh - 60px);position:absolute;top:100%;right:0;transform:translateX(100%);transition:.3s}}.header .main-header .menu-nav ul{line-height:1}@media only screen and (max-width:767px){.header .main-header .menu-nav ul{line-height:24px}}.header .main-header .menu-nav ul li{display:inline-block}@media only screen and (max-width:767px){.header .main-header .menu-nav ul li{display:block}}.header .main-header .menu-nav ul li a{padding:0 10px;border-bottom:none;transition:.3s;display:block;text-align:center;font-size:18px;color:#fff;font-family:'Noto Serif TC',serif;font-weight:600;text-decoration:none}.header .main-header .menu-nav ul li a:hover{color:#e7452f}@media only screen and (max-width:767px){.header .main-header .menu-nav ul li a{padding:20px;border-bottom:1px solid #888;transition:unset}}.header .top-bn{width:100%;height:100vw;position:relative;padding:40px 0 20px 0;background-image:url(../images/main-bg.png);background-size:cover;background-position:center}@media only screen and (max-width:767px){.header .top-bn{height:568px;padding:70px 0 20px 0;margin:73px 0 0}}@media only screen and (max-width:767px){.header .top-bn>.container-fulid{overflow:hidden;padding-bottom:25px}}.header .top-bn>.container-fulid .game-logo{display:flex;justify-content:flex-start}@media only screen and (max-width:767px){.header .top-bn>.container-fulid .game-logo{justify-content:center}}.header .top-bn>.container-fulid .game-logo .logo-pic{width:100%;max-width:280px;position:absolute;top:3%;left:51%;z-index:11;transform:translateX(-50%) scale(.8)}@media only screen and (max-width:767px){.header .top-bn>.container-fulid .game-logo .logo-pic{z-index:99;top:initial;bottom:12%}}.header .top-bn>.container-fulid .sideBtn{position:fixed;left:0;top:55%;transform:translateY(-50%);z-index:100;background:url(../images/sidebtn.png) no-repeat;width:262px;height:556px;padding-top:60px}@media only screen and (max-width:767px){.header .top-bn>.container-fulid .sideBtn{display:none}}.header .top-bn>.container-fulid .sideBtn ul{justify-content:center;text-align:center;list-style:none}.header .top-bn>.container-fulid .sideBtn ul li.nav-item a.nav-link{color:#fff;display:flex;font-size:16px;line-height:1.6;align-items:center;justify-content:center;font-family:'Noto Serif TC',serif;position:relative;transition:.3s all;padding:12px 16px;border-radius:0}.header .top-bn>.container-fulid .sideBtn ul li.nav-item a.nav-link::before{content:'';position:absolute;bottom:-7px;height:12px;width:1px;background:#ffffff65}.header .top-bn>.container-fulid .sideBtn ul li.nav-item a.nav-link:last-child::before{display:none}.header .top-bn>.container-fulid .sideBtn ul li.nav-item a.nav-link:first-child,.header .top-bn>.container-fulid .sideBtn ul li.nav-item a.nav-link:last-child,.header .top-bn>.container-fulid .sideBtn ul li.nav-item a.nav-link:nth-child(6){font-size:24px;letter-spacing:.1em}.header .top-bn>.container-fulid .sideBtn ul li.nav-item a.nav-link span{color:#e7452f;font-size:24px;font-weight:600}.header .top-bn>.container-fulid .sideBtn ul li.nav-item a.nav-link.active{background:#00000000}.header .top-bn>.container-fulid .bn-content{justify-content:center;overflow:hidden;width:100%;max-width:1440px;margin:auto}@media only screen and (max-width:767px){.header .top-bn>.container-fulid .bn-content{overflow:initial}}.header .top-bn>.container-fulid .bn-content .char-box{width:100%;display:flex}@media only screen and (max-width:767px){.header .top-bn>.container-fulid .bn-content .char-box{display:block}}.header .top-bn>.container-fulid .bn-content .char-box .middle-char{display:inline-block;width:100%;margin:auto;padding:0 0 1% 7%}@media only screen and (max-width:767px){.header .top-bn>.container-fulid .bn-content .char-box .middle-char{display:none}}.header .top-bn>.container-fulid .bn-content .char-box .middle-char-m{display:none}@media only screen and (max-width:767px){.header .top-bn>.container-fulid .bn-content .char-box .middle-char-m{display:block;width:100%;transform:translate(-3%,20%) scale(1.7)}}.header .top-bn>.container-fulid .bn-content .top-bn-title{width:100%;max-width:350px;position:absolute;top:12%;right:27%;margin:auto;z-index:20}@media only screen and (max-width:767px){.header .top-bn>.container-fulid .bn-content .top-bn-title{max-width:200px;top:25%;right:5%;z-index:unset}}.header .top-bn>.container-fulid .DL-group{z-index:20;display:flex;flex-direction:column;bottom:4%;right:20px;position:fixed}.header .top-bn>.container-fulid .DL-group .btn{padding:0}@media only screen and (max-width:767px){.header .top-bn>.container-fulid .DL-group{width:80px;padding-top:20px;top:30%;right:2%}}@media only screen and (min-width:768px){.header .top-bn>.container-fulid .DL-group>a .btn{transition:.5s}.header .top-bn>.container-fulid .DL-group>a .btn:hover{transform:scale(1.1);transition:.5s;filter:brightness(1)}}.header .top-bn .effects{margin:0 auto;width:100%;max-width:1920px;height:540px;overflow:hidden;position:absolute;bottom:0;left:0;z-index:10}.header .top-bn .effects ul.fog{width:100%;height:100%;display:flex;position:absolute;-webkit-animation:cloud 120s linear 0s infinite;animation:cloud 120s linear 0s infinite}.header .top-bn .effects ul.fog li img{width:auto;height:540px}.header .top-bn .down-btn{display:block;margin:0 auto;left:0;right:0;width:50px;position:absolute;z-index:11;bottom:10%;-webkit-animation:baloon 1.5s infinite;animation:baloon 1.5s infinite}@media only screen and (max-width:767px){.header .top-bn .down-btn{bottom:-3%}}body{font-family:'Noto Serif TC',serif;color:#fff;font-weight:600}body p{line-height:1.8}section.contents{position:relative}@media only screen and (max-width:767px){section.contents section{margin-bottom:40px}}section.contents h2.title{width:100%;position:absolute;top:-260px;left:50%;transform:translateX(-50%);text-align:center}@media only screen and (max-width:767px){section.contents h2.title{position:relative;top:0}}section.contents .txt-group{color:#fff;padding-bottom:20px;margin:0 auto;padding:60px 0;max-width:720px;line-height:1.8}section.contents .txt-group p{padding-left:5em;text-indent:-5em;font-size:16px}section.contents .txt-group small{display:block}section.contents .txt-group small span{color:#e7452f}section.contents .txt-group .title{color:#e7452f;font-size:24px}section.contents .txt-group .content{font-size:14px;margin-bottom:24px}section.contents .txt-group span{color:#e7452f;font-weight:800}section.contents .txt-group .rule{font-size:16px}section.contents .gift-pic{text-align:center}section.contents .s2{background:url(../images/sec-2.png) no-repeat bottom center;min-height:100vw;background-size:cover;margin-bottom:200px}@media only screen and (max-width:767px){section.contents .s2{background-size:contain;margin-bottom:80px;min-height:1150px}}section.contents .s3{background:url(../images/sec-3.png) no-repeat top center;min-height:100vw;background-size:cover;margin-bottom:200px}@media only screen and (max-width:767px){section.contents .s3{background:url(../images/sec-3.png) no-repeat bottom center;background-size:contain;margin-bottom:80px;min-height:1080px}}section.contents .s3 .rule a{color:#e7452f;text-decoration:underline}section.contents .s4{background:url(../images/sec-4.png) no-repeat top center;min-height:100vw;background-size:cover}@media only screen and (max-width:767px){section.contents .s4{background:url(../images/sec-4.png) no-repeat bottom center;background-size:contain;margin-bottom:80px;min-height:1240px}}section.contents .s5{background:url(../images/sec-5.png) no-repeat top center;min-height:110vw;background-size:cover}@media only screen and (max-width:767px){section.contents .s5{margin-bottom:80px;background-size:contain;min-height:500px}}section.contents .btnclose{display:none}section.contents .btnclose:hover{filter:contrast(2)}section.contents .btnclose button{width:40px;height:40px}section.contents>.pop{display:none}section.contents>.pop .popArea::-webkit-scrollbar{display:none}section.contents>section .news-content{margin-bottom:320px}@media only screen and (max-width:767px){section.contents>section .news-content{margin-bottom:0}}@media only screen and (min-width:768px){section.contents>section.doublegift,section.contents>section.news{position:relative}}section.contents>section.doublegift{overflow:hidden}section.contents>section.notic{background-color:#333;padding:1.5rem 0;display:flex;justify-content:center}section.contents>section .container.returngift-content,section.contents>section .container.supply-content{position:relative;z-index:10}section.contents>section .container .row.notic-group{padding:0 5% 1% 5%;justify-content:center}section.contents>section .container .row.notic-group .notic-title{max-width:100px;margin:auto;padding-bottom:10px}section.contents>section .container .row.notic-group .word{line-height:1.8;flex-direction:column}section.contents>section .container .row.notic-group .word p:not(:first-child){text-indent:-1rem;padding-left:20px;font-weight:400;font-size:14px}section.contents>section .container .row.notic-group .word p.point{font-weight:900;font-size:16px}section.contents>section .container .row.notic-group.rule{display:flex;max-width:780px}section.contents>section .container .version{width:100%;display:flex;justify-content:space-evenly;align-items:center;overflow:hidden}section.contents>section .container .txt-items{color:#fff;line-height:1.5;padding-bottom:10px}section.contents>section .container .txt-items span{font-size:20px;font-family:'Noto Serif TC',serif;font-weight:600}section.contents>section .container .txt-items p{font-size:16px}section.contents>section .container .txt-items p.point-red{color:red}section.contents>section .container .txt-items.note{padding:10px 0;text-align:center}.modal-dialog{max-width:920px}.modal-dialog .modal-content{background-color:#00000000;box-shadow:0 2px 100px #ffffff73;border-radius:0;border:0}.modal-dialog .modal-content .modal-body{padding:0}.modal-dialog .modal-content .modal-header{border:none;padding:0}.modal-dialog .modal-content .modal-header button{position:absolute;right:20px;top:0;z-index:10000;text-shadow:0 4px 19px #fff;font-size:10rem;line-height:136px;transition:.3s all;color:#fff}@media only screen and (max-width:767px){.modal-dialog .modal-content .modal-header button{font-size:3rem;right:0;line-height:60px}}footer.footer{background:url(../images/footer.jpg) no-repeat bottom center;background-size:cover;height:909px;width:100%;display:flex;flex-direction:column;justify-content:flex-end}@media only screen and (max-width:767px){footer.footer{height:909px;background-size:cover;padding:0 0 20px}}footer.footer .footer-content{padding:15px;max-width:960px}@media only screen and (min-width:768px){footer.footer .footer-content .logo-group{flex-wrap:nowrap;align-items:center}}footer.footer .footer-content .logo-group .items:not(:first-child){padding-left:2%}footer.footer .footer-content .logo-group .items.ci-logo{width:100%;max-width:200px}footer.footer .footer-content .logo-group .items.bega-logo{width:100%;max-width:150px}footer.footer .footer-content .logo-group .items.H-group{display:flex;align-items:center;color:#fff;font-size:.4rem;padding-top:0}@media only screen and (max-width:767px){footer.footer .footer-content .logo-group .items.H-group{padding-top:20px}}footer.footer .footer-content .logo-group .items.H-group .H-logo{max-width:60px}footer.footer .footer-content .logo-group .items.H-group .note-word{padding-left:8px;line-height:1.5}footer.footer .footer-content .logo-group .items.H-group .note-word p{margin:0}footer.footer .copyright .container{display:flex;color:#fff;font-size:.4rem;padding:.5% 0;text-align:center;line-height:1.5;justify-content:center}@media only screen and (max-width:767px){footer.footer .copyright .container{flex-direction:column}}footer.footer .copyright .container p{padding:0 12px}@media only screen and (max-width:767px){footer.footer .copyright .container p{margin-bottom:4px}}