:root{--color_primary:#3a160d;--color_primary2:#722c1f;--color_primary3:#ebecb3;--color_primary4:#e2e27d}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{padding-left:30px;padding-right:30px}@media (min-width:1600px){.container,.container-lg,.container-md,.container-xl,.container-xxl{max-width:1420px}.container-sm{max-width:1220px}}@media (max-width:1599px){.container,.container-lg,.container-md,.container-xl,.container-xxl{max-width:1320px}.container-sm{max-width:1120px}}@media (max-width:1399.98px){.container,.container-lg,.container-md,.container-xl,.container-xxl{max-width:1220px}.container-sm{max-width:1020px}}@media (max-width:991.98px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:92%}}@media (max-width:767.98px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%}}@media (max-width:575.98px){.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{padding-left:20px;padding-right:20px}}@media (max-width:410px){.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{padding-left:15px;padding-right:15px}}body{background:var(--color_primary) url(../images/body-bg.jpg);background-position:top;background-repeat:no-repeat;background-size:100%;color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;font-family:"Noto Serif TC",serif;font-size:18px;justify-content:space-between;min-height:100vh;overflow-x:hidden;overflow-y:scroll}body::-webkit-scrollbar{overflow-x:hidden;width:3px}body::-webkit-scrollbar-track{background-color:var(--color_primary)}body::-webkit-scrollbar-thumb{background-color:var(--color_primary2)}h2{font-size:24px;font-weight:700;margin-bottom:15px}h3{font-weight:400;margin-bottom:30px}a{color:var(--color_primary3)}a:link,a:visited,button{font-weight:700;text-decoration:none}a:active,a:hover,button:hover{color:var(--color_primary4);text-decoration:underline}a.disabled{color:inherit;cursor:default;pointer-events:none}.note{font-size:14px;margin-bottom:5px}.dlink{border:none;color:#000;font-size:10px}.btn,.btn:link,.btn:visited{border:none;border:1px solid hsla(0,0%,100%,.2);border-radius:0;color:#fff;font-size:22px;font-weight:900;letter-spacing:5px;padding:8px 60px;text-decoration:none}.btn:active,.btn:hover{box-shadow:0 0 3px rgba(0,0,0,.6);color:#fff;text-decoration:none}.btn-light,.btn-light:link,.btn-light:visited{background:var(--color_primary3);border:1px solid var(--color_primary3);color:var(--color_primary)}.btn-light:hover{background:var(--color_primary4);border:1px solid var(--color_primary4);color:var(--color_primary)}.btn-t{display:block;letter-spacing:5px;padding:0 30px}.btn-note{display:block;font-size:16px;font-weight:500;letter-spacing:3px}.form-label{color:hsla(0,0%,100%,.3);font-size:14px;letter-spacing:0}.form-control{background:var(--color_primary2);border:1px solid var(--color_primary2);border-radius:0;color:#fff;font-family:initial;font-size:20px}.form-control::-moz-placeholder{color:var(--color_primary3);font-weight:700;opacity:.3}.form-control::placeholder{color:var(--color_primary3);font-weight:700;opacity:.3}.form-control:focus{border:1px solid var(--color_primary2);box-shadow:0 0 3px rgba(0,0,0,.6);color:#fff}.form-control:focus,.page-link{background:var(--color_primary2)}.page-link{border:1px solid var(--color_primary);color:var(--color_primary3)}.page-link:hover{background-color:var(--color_primary3);border-color:var(--color_primary);color:var(--color_primary2);text-decoration:none}.top{padding:40px 0 0;position:absolute;width:100%;z-index:10}.top img.album,.top img.date{width:200px}@media (max-width:1599px){.top{padding:30px 0}.top img.album,.top img.date{width:180px}}@media (max-width:991.98px){.top img.album,.top img.date{width:160px}}@media (max-width:767.98px){.top img.album,.top img.date{width:130px}}footer{color:hsla(0,0%,100%,.3);font-size:16px;overflow:hidden;padding:20px 0;position:relative;z-index:10}footer .fTitle{border-right:1px solid hsla(0,0%,100%,.2);display:block;flex:1;font-family:initial;font-weight:700;margin-right:20px;padding-right:20px}footer .fLogo img{height:17px;margin-right:25px;margin-top:-6px}footer a,footer a:link,footer a:visited{color:#fff;opacity:.7;transition:.3s ease}footer a:hover,footer button:hover{color:#fff;opacity:1}@media (max-width:1599px){footer{font-size:15px}footer .fLogo img{height:16px;margin-right:20px;margin-top:-5px}footer a,footer a:link,footer a:visited,footer button{margin:0 7px}}@media (max-width:1399.98px){footer{font-size:14px}footer a,footer a:link,footer a:visited,footer button{margin:0 6px}}@media (max-width:1199.98px){footer{font-size:13px}footer .fLogos{flex:4}footer a,footer a:link,footer a:visited,footer button{margin:0 5px}}@media (max-width:991.98px){footer{font-size:15px}footer .fTitle{margin-right:15px;padding-right:15px}footer .fLogo img{height:15px;margin-right:10px;margin-top:-4px}footer a,footer a:link,footer a:visited,footer button{margin:0 4px}}@media (max-width:767.98px){footer{font-size:14px;padding:20px 0}footer .fTitle{margin-right:10px;padding-right:10px}footer .fLogo img{height:12px;margin-top:-3px}footer a,footer a:link,footer a:visited,footer button{margin:0 3px}}@media (max-width:640.98px){footer{font-size:13px}footer a,footer a:link,footer a:visited,footer button{margin:0 2px}}.main{display:flex;flex:auto;flex-direction:column;flex-wrap:nowrap;height:100%;justify-content:space-between;overflow:hidden;position:relative}.main:after{animation:grainAnimation 1s steps(4) infinite;background:url(../images/noise.png);content:"";height:180%;left:-40%;pointer-events:none;position:absolute;top:-40%;width:180%;z-index:999999}.center{align-items:center;background:url(../images/bg.png) bottom;background-repeat:no-repeat;background-size:contain;display:flex;flex:auto;justify-content:center;padding:0}.center:after{background:linear-gradient(rgba(58,22,13,0),#3a160d);bottom:0;content:"";display:block;height:50%;position:absolute;width:100%;z-index:1}.center img{max-width:100%}@media (max-width:991.98px){.center{padding:230px 0 100px}}@media (max-width:767.98px){.center{padding:190px 0 100px}}@keyframes svgRecordAnimation{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes grainAnimation{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}.canvas-style1 .el-p{filter:grayscale(100%)}.canvas-style1 .el-f{background:url(../images/filter/filter_1.png)}.canvas-style2 .el-p{filter:grayscale(80%)}.canvas-style2 .el-f{background:url(../images/filter/filter_2.png)}.canvas-style3 .el-p{filter:grayscale(40%) brightness(.8) contrast(180%)}.canvas-style3 .el-f{background:url(../images/filter/filter_3.png)}.canvas-style4 .el-p{filter:brightness(.8) contrast(140%)}.canvas-style4 .el-f{background:url(../images/filter/filter_4.png)}.canvas-style5 .el-p{filter:grayscale(40%) contrast(120%)}.canvas-style5 .el-f{background:url(../images/filter/filter_5.png)}.canvas-style6 .el-p{filter:grayscale(100%) contrast(160%)}.canvas-style6 .el-f{background:url(../images/filter/filter_6.png)}.canvas-style7 .el-p{filter:grayscale(100%) brightness(.5)}.canvas-style7 .el-f{background:url(../images/filter/filter_7.png)}.canvas-style8 .el-p{filter:grayscale(100%) contrast(140%)}.canvas-style8 .el-f{background:url(../images/filter/filter_8.png)}.canvas-style9 .el-p{filter:grayscale(70%)}.canvas-style9 .el-f{background:url(../images/filter/filter_9.png)}.canvas-style10 .el-p{filter:grayscale(80%)}.canvas-style10 .el-f{background:url(../images/filter/filter_10.png)}.canvas-style11 .el-p{filter:grayscale(100%)}.canvas-style11 .el-f{background:url(../images/filter/filter_11.png)}.boxIndex{position:relative;z-index:3}.boxIndex .logo{margin-bottom:30px}.boxIndex h5{color:hsla(0,0%,100%,.6);display:inline-block;font-family:initial;font-size:14px;position:relative}.boxIndex h5:before{right:-40px}.boxIndex h5:after,.boxIndex h5:before{background:hsla(0,0%,100%,.4);content:"";display:block;height:1px;position:absolute;top:50%;width:30px}.boxIndex h5:after{left:-40px}.btn-ar{color:var(--color_primary3);margin:2px;padding:5px}.btn-ar:hover{text-decoration:none}.btn-ar img{margin-right:6px;margin-top:-2px;width:14px}.boxPolicy{position:relative;z-index:3}.boxPolicy-text{background:#722c1f;border:5px solid #722c1f;margin-bottom:20px;max-height:30vh;overflow-y:scroll;padding:20px}.boxPolicy-text h3{font-size:20px;margin-bottom:20px}.boxPolicy-text p{font-size:16px}.boxPolicy-text::-webkit-scrollbar{overflow-x:hidden;width:8px}.boxPolicy-text::-webkit-scrollbar-track{background-color:#722c1f;border-radius:10px}.boxPolicy-text::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px}#Marquee{opacity:0;transition:.9s ease}#Marquee.active{opacity:1}#Marquee p{font-size:28px;transform:scaleX(.8);transform-origin:center center!important}.boxQuest{position:relative;z-index:3}.boxQuest .form-check{padding:0;pointer-events:none!important}.boxQuest .btn{display:block;margin:10px 0}.boxQuest .btn-check:active+.btn-outline-primary,.boxQuest .btn-check:checked+.btn-outline-primary,.boxQuest .btn-outline-primary.active,.boxQuest .btn-outline-primary.dropdown-toggle.show,.boxQuest .btn-outline-primary:active,.boxQuest .btn-outline-primary:hover{background:#e7e8b1;border-color:var(--color_primary);color:var(--color_primary)}.boxQuest p{color:var(--color_primary3);font-size:20px;font-weight:700;letter-spacing:3px;line-height:1.5;margin-bottom:0;transform:scaleX(.8);transform-origin:top left}.Quest{display:none;opacity:0;position:relative;transition:.7s ease;z-index:1}#Quest_2,#Quest_3,#Quest_4,#Quest_5,#Quest_6,#Quest_7{top:0;width:100%}#Quest_6,#Quest_7{opacity:0;transform:translateY(50px);transition:1.5s ease}#Quest_6.animate,#Quest_7.animate{opacity:1;transform:translate(0)}.Quest .form-check{opacity:0;transform:translateY(50px);transition:1.5s ease}.Quest .form-check:nth-child(2){transition-delay:.2s}.Quest .form-check:nth-child(3){transition-delay:.4s}.Quest.active{display:block;opacity:1;transition:.7s ease;z-index:2}.Quest.animate .form-check{opacity:1;pointer-events:auto!important;transform:translate(0)}.icon-loading{margin-right:10px;margin-top:-3px}#btn_submit .btn_submit_active{display:block}#btn_submit .btn_submit_loading,#btn_submit.disabled .btn_submit_active{display:none}#btn_submit.disabled .btn_submit_loading{display:block}#img{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.img-btn{background:var(--color_primary2);color:var(--color_primary3);cursor:pointer;display:block;font-size:1rem;font-size:20px;font-weight:700;padding:.675rem .75rem;text-align:center}.boxResult{position:relative;z-index:3}.boxResult_r{background:#fff;padding:15px 15px 50px;position:relative}.col_r.aos-animate{transform:rotate(-3deg)!important}.photo{box-shadow:0 0 10px rgba(255,255,200,.2);color:#888;font-size:20px;text-align:start}.canvas{aspect-ratio:1/1;background:#000;height:100%;line-height:1.2;position:relative;width:100%}.canvas div{position:absolute}.el-f,.el-p{height:100%;overflow:hidden;width:100%}.el-f img,.el-p img{height:100%;margin:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}.el-t{color:#fff;font-family:"Noto Serif TC",serif;font-size:28px;font-weight:100;left:8%;letter-spacing:2px;line-height:1.5;max-height:84%;overflow:hidden;position:relative;top:8%;transform:scaleX(.9);width:84%}.record{bottom:-100px;height:300px;position:absolute;right:-150px;width:300px;z-index:10}#svgRecord{animation-direction:reverse;animation-duration:10s;animation-iteration-count:infinite;animation-name:svgRecordAnimation;animation-timing-function:linear}.boxLyrics{font-size:30px;margin-bottom:20px;max-height:35vh;overflow-y:scroll;padding:20px}.boxLyrics::-webkit-scrollbar{overflow-x:hidden;width:8px}.boxLyrics::-webkit-scrollbar-track{background-color:transparent}.boxLyrics:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);width:8px}.boxLyrics .boxLyrics-transform{color:var(--color_primary3);font-size:28px;font-weight:900;letter-spacing:3px;line-height:1.5;margin-bottom:0;transform:scaleX(.8);transition:1.5s ease}.boxLyrics .boxLyrics-transform p{margin-bottom:0;transition-duration:2s}.boxLyrics .boxLyrics-transform p:first-child{transition-delay:.4s}.boxLyrics .boxLyrics-transform p:nth-child(2){transition-delay:.8s}.boxLyrics .boxLyrics-transform p:nth-child(3){transition-delay:1.2s}.boxLyrics .boxLyrics-transform p:nth-child(4){transition-delay:1.6s}.boxLyrics .boxLyrics-transform p:nth-child(5){transition-delay:2s}.aos-init .boxLyrics .boxLyrics-transform p{opacity:1}.sharebox .btn{font-size:16px;letter-spacing:0;padding:7px 16px}.sharebox .btn img{margin-right:3px;margin-top:-2px;width:22px}.st0{display:none}.st1{display:inline}.st2{fill:none}@media (max-width:1599px){.boxResult_r{padding:14px}.boxLyrics .boxLyrics-transform,.boxLyrics .boxLyrics-transform p{font-size:24px}}@media (max-width:1399.98px){.boxResult_r{padding:13px}.photo{font-size:16px}.record{bottom:-100px;height:260px;right:-130px;width:260px}.boxLyrics .boxLyrics-transform,.boxLyrics .boxLyrics-transform p{font-size:22px}}@media (max-width:1199.98px){.boxResult_r{padding:12px}.photo{font-size:15px}.boxLyrics .boxLyrics-transform,.boxLyrics .boxLyrics-transform p{font-size:20px}}@media (max-width:991.98px){.boxResult_r{margin-bottom:30px}.photo{font-size:14px}.el-t{font-size:3.5714285714vw;line-height:1.4}.boxLyrics .boxLyrics-transform,.boxLyrics .boxLyrics-transform p{font-size:18px}}@media (max-width:767.98px){.boxResult_r{margin-bottom:20px}.photo{font-size:12px}.boxLyrics{margin-bottom:0}.boxLyrics .boxLyrics-transform,.boxLyrics .boxLyrics-transform p{font-size:17px}}@media (max-width:575.98px){.boxLyrics .boxLyrics-transform,.boxLyrics .boxLyrics-transform p{font-size:16px}}.boxList .logo{margin-bottom:70px;margin-top:100px}.listPhotos{position:relative;z-index:2}.listPhotos .row .col:nth-child(odd) .listPhoto{transform:rotate(-2deg)}.listPhotos .row .col:nth-child(2n) .listPhoto{transform:rotate(2deg)}.listPhoto{background:#fff;margin-bottom:30px;padding:8px;transition:.5s ease}.listPhoto:hover{box-shadow:0 10px 20px rgba(0,0,0,.5);position:relative;transform:rotate(0deg) scale(1.3)!important;z-index:2}@media (max-width:991.98px){.boxList .logo{margin-bottom:30px;margin-top:0}}.page-item.active .page-link{background-color:var(--color_primary3);border-color:var(--color_primary3);color:var(--color_primary2);z-index:3}

/*# sourceMappingURL=style.css.map*/