@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap");.text-right{text-align:right}.text-center{text-align:center}.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.d-none{display:none}.d-block{display:inline-block}.d-inline{display:inline}.p-relative{position:relative}.p-absolute{position:absolute}.bgMoon{position:absolute;left:130px;top:130px;z-index:4}.bg7Star{position:absolute;right:130px;top:200px;z-index:6}@media screen and (max-width: 425px){.bg7Star{top:150px;left:280px;width:80px}}@media screen and (max-width: 320px){.bg7Star{top:200px;left:250px;width:60px}}.bgStar{position:absolute;z-index:5;top:0;left:0}.section{position:relative;margin:60px;background:-webkit-gradient(linear, left top, left bottom, color-stop(80%, #faf1e4), color-stop(98%, #d8b586)) no-repeat;background:-o-linear-gradient(top, #faf1e4 80%, #d8b586 98%) no-repeat;background:linear-gradient(to bottom, #faf1e4 80%, #d8b586 98%) no-repeat;border-radius:30px;padding:50px}@media screen and (max-width: 768px){.section{padding:10px}}.section h1{color:#a4a4a7;margin:0 0 10px;letter-spacing:2px}@media screen and (max-width: 768px){.section h1{font-size:24px;margin:20px 0}}.comments{position:relative;width:100%;overflow:hidden;background:-webkit-gradient(linear, left top, left bottom, color-stop(15%, #030039), color-stop(73%, #0a0090), to(#0a64d3)) no-repeat;background:-o-linear-gradient(#030039 15%, #0a0090 73%, #0a64d3 100%) no-repeat;background:linear-gradient(#030039 15%, #0a0090 73%, #0a64d3 100%) no-repeat;color:#fff}@media screen and (max-width: 768px){.comments{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.comments .left{-webkit-box-flex:40%;-ms-flex:40%;flex:40%;padding:50px 0}@media screen and (max-width: 768px){.comments .left{-webkit-box-flex:100%;-ms-flex:100%;flex:100%}}.comments .right{-webkit-box-flex:60%;-ms-flex:60%;flex:60%;padding:50px 50px 50px 0}@media screen and (max-width: 768px){.comments .right{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;padding:50px 20px}}@media screen and (min-width: 769px) and (max-width: 1024px){.comments .right{padding:50px 20px 50px 0}}.comments-text{padding-right:50px}.comments .fire{margin-top:-200px}@media screen and (min-width: 769px) and (max-width: 1024px){.comments .fire{margin-top:-130px}}@media screen and (min-width: 769px) and (max-width: 1024px){.comments .fire>img{width:40px}}.comments main{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255,255,255,0.2);max-width:900px}@media screen and (max-width: 768px){.comments main{margin:0 0 30px;padding:20px;border-radius:15px}}@media screen and (min-width: 769px){.comments main{padding:40px 50px;margin:0 0 50px;border-radius:25px}}.comments h2{font-weight:700;letter-spacing:.05em}@media screen and (max-width: 768px){.comments h2{font-size:24px;margin:10px 0}}@media screen and (min-width: 769px){.comments h2{font-size:26px;margin:0 0 30px}}.about-comments{margin:0 auto 50px}@media screen and (max-width: 768px){.about-comments{margin:0 20px 30px}}.about-comments h3{font-size:22px;letter-spacing:1px;font-weight:lighter;color:#fff}@media screen and (max-width: 768px){.about-comments h3{font-size:18px}}.sky{background:-webkit-gradient(linear, left top, left bottom, from(#030039), to(#0a0090));background:-o-linear-gradient(#030039, #0a0090);background:linear-gradient(#030039, #0a0090);padding:50px;min-height:1400px}@media screen and (max-width: 1200px){.sky{padding:20px;min-height:1200px}}@media screen and (max-width: 768px){.sky{min-height:800px}}@media screen and (max-width: 425px){.sky{min-height:700px}}@media screen and (max-width: 320px){.sky{padding:10px}}.darknight-box{width:100vw;overflow:hidden;position:absolute;left:0px;top:0px}@media screen and (max-width: 1200px){.darknight-box{min-height:1200px}}@media screen and (max-width: 768px){.darknight-box{min-height:800px}}@media screen and (max-width: 425px){.darknight-box{min-height:700px}}.note{position:absolute;right:100px;top:300px;background:url("../../assets/img/sky/notify.png") no-repeat;width:400px;height:250px;background-size:contain;padding:35px}@media screen and (max-width: 768px){.note{position:relative;top:460px;right:0;margin:0 auto}}@media screen and (max-width: 425px){.note{width:100%;top:430px;height:auto}}@media screen and (max-width: 320px){.note{padding:10px}}.noteText{text-align:center;font-size:18px;line-height:30px}.lantern-btn{position:relative;top:550px;z-index:999}@media screen and (max-width: 768px){.lantern-btn{top:50px}}@media screen and (max-width: 425px){.lantern-btn{top:0px}}@media screen and (max-width: 320px){.lantern-btn{top:50px}}.lantern-btn>div{margin:30px 50px;cursor:pointer}@media screen and (max-width: 768px){.lantern-btn>div{margin:15px}}@media screen and (max-width: 425px){.lantern-btn>div{margin:10px}}@media screen and (max-width: 375px){.lantern-btn>div{margin:6px}}.lantern-btn a{font-size:20px;color:#fff;text-decoration:none;letter-spacing:2px}@media screen and (max-width: 768px){.lantern-btn img{width:80px}}@media screen and (max-width: 425px){.lantern-btn img{width:70px}}@media screen and (max-width: 375px){.lantern-btn img{width:60px}}@media screen and (max-width: 768px){.lantern-btn p{margin:10px 0 0}}@media screen and (max-width: 425px){.lantern-btn p{font-size:.9em}}@media screen and (max-width: 375px){.lantern-btn p{font-size:14px}}.banner{position:relative;background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #0a0090), color-stop(90%, #08006c)) no-repeat;background:-o-linear-gradient(#0a0090 50%, #08006c 90%) no-repeat;background:linear-gradient(#0a0090 50%, #08006c 90%) no-repeat}@media screen and (min-width: 577px){.banner-bg .sm{display:none}}@media only screen and (min-width: 992px){.banner-bg .md{display:none}}@media only screen and (max-width: 576px){.banner-bg .md{display:none}}@media screen and (max-width: 991px){.banner-bg .lg{display:none}}@media screen and (min-width: 992px) and (max-width: 1440px){.banner-bg .lg{display:block}}@media screen and (min-width: 1441px){.banner-bg .lg{display:none}}@media screen and (max-width: 1440px){.banner-bg .xl{display:none}}@media screen and (min-width: 1441px){.banner-bg .xl{display:block}}.banner-float{position:absolute;margin-top:170px;z-index:20;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media only screen and (min-width: 768px) and (max-width: 991px){.banner-float{margin-top:-30px}}@media only screen and (max-width: 576px){.banner-float{margin-top:-30px}}.banner .total{font-weight:400;color:#fee401;font-size:2em;letter-spacing:7px;margin:0 0 60px;word-break:keep-all}@media screen and (min-width: 992px) and (max-width: 1440px){.banner .total{font-size:1.8em}}@media only screen and (min-width: 768px) and (max-width: 991px){.banner .total{font-size:1.7em}}@media only screen and (max-width: 576px){.banner .total{font-size:1em;letter-spacing:2px;margin:0 0 15px}}.banner .total .num{letter-spacing:3px;padding:0 10px}.banner-btn{position:relative;cursor:pointer}.banner-btn .point{position:absolute;right:30px;top:20px}@media screen and (min-width: 992px) and (max-width: 1440px){.banner-btn .point{right:30px}}@media only screen and (min-width: 768px) and (max-width: 991px){.banner-btn .point{right:45px;width:70px;top:15px}}@media only screen and (max-width: 576px){.banner-btn .point{right:22px;top:12px;width:40px}}.banner-btn button{background-color:#fee401;border-radius:50px;padding:10px 80px 10px 60px;border:transparent;font-size:2.2em;letter-spacing:5px;font-weight:400}@media screen and (min-width: 992px) and (max-width: 1440px){.banner-btn button{font-size:2em}}@media only screen and (min-width: 768px) and (max-width: 991px){.banner-btn button{font-size:1.7em;padding:10px 60px 10px 50px}}@media only screen and (max-width: 576px){.banner-btn button{font-size:1.1em;padding:7px 40px 7px 20px;letter-spacing:3px}}.banner-intro{position:relative;background:-webkit-gradient(linear, left top, left bottom, from(#08006c), color-stop(50%, #050047), to(#030039)) no-repeat;background:-o-linear-gradient(#08006c 0%, #050047 50%, #030039 100%) no-repeat;background:linear-gradient(#08006c 0%, #050047 50%, #030039 100%) no-repeat;padding:80px 0;color:#fff}.banner-intro img{width:80%;margin:0 auto;-webkit-transform:translateX(38px);-ms-transform:translateX(38px);transform:translateX(38px)}@media screen and (max-width: 768px){.banner-intro img{width:100%;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@media only screen and (max-width: 768px){.banner-intro img.md{display:block}}@media screen and (min-width: 769px){.banner-intro img.md{display:none}}@media only screen and (max-width: 768px){.banner-intro img.lg{display:none}}@media screen and (min-width: 769px){.banner-intro img.lg{display:block}}.banner-intro .banner-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%}.banner-intro .banner-text p{font-size:1.8em;letter-spacing:1px;font-weight:300;word-break:keep-all}@media only screen and (min-width: 768px) and (max-width: 991px){.banner-intro .banner-text p{font-size:1.2em}}@media only screen and (max-width: 576px){.banner-intro .banner-text p{font-size:1em;margin:7px 0}}.banner-intro .banner-text h1{font-size:4em;margin:60px 0 0;font-weight:400}@media only screen and (min-width: 768px) and (max-width: 991px){.banner-intro .banner-text h1{font-size:3.3em}}@media only screen and (max-width: 768px){.banner-intro .banner-text h1{margin:20px 0 0}}@media only screen and (max-width: 576px){.banner-intro .banner-text h1{font-size:2.3em}}@media screen and (max-width: 768px){.form-item:nth-child(n+2){margin-top:15px}}@media screen and (min-width: 769px){.form-item:nth-child(n+2){margin-top:50px}}.form label{display:block;margin-bottom:10px;font-size:14px;font-weight:700;letter-spacing:.04em}.form label:after{content:"\203B必填";margin-left:10px;font-size:12px;font-weight:400;color:#ffdf22}@media only screen and (min-width: 769px){.form-input.small{width:45%}}.form-text[type=text],.form textarea.form-text{width:100%;padding:12px 15px;font-size:16px;border-radius:5px;border:1px solid #ddd;background:transparent;resize:none;-webkit-box-sizing:border-box;box-sizing:border-box}.form-text[type=text].error,.form textarea.form-text.error{border:1px solid #d72232}.form-copy{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:400px;margin:0 auto;cursor:pointer}.form-copy .form-text[type=text]{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:5px 0 0 5px;border-right:1px solid #eee}.form-copy .form-btn{-webkit-box-flex:0;-ms-flex:0 0 130px;flex:0 0 130px;color:#fff;background:#999;padding:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:0 5px 5px 0;letter-spacing:4px;font-weight:500;cursor:pointer}.form .btn-box{width:40%;float:right}@media screen and (min-width: 426px) and (max-width: 768px){.form .btn-box{margin-top:0}}@media screen and (max-width: 425px){.form .btn-box{width:100%;float:none}}#displayErrorArea{color:#d72232}#displayErrorArea ul{list-style:none;border-bottom:4px solid rgba(215,34,50,0.5);display:inline-block;padding:0 0 5px;margin:0}#displayErrorArea li:before{content:"\f06a";font-family:Font Awesome\ 5 Free;font-weight:900;margin-right:10px;font-size:20px}.refresh-captcha{position:relative;display:inline-block;top:-15px;left:10px;cursor:pointer}.refresh-captcha i{font-size:30px}.info{font-size:16px;color:#444}.info i{margin-right:6px}@media screen and (max-width: 768px){.msg{margin:10px}}@media screen and (max-width: 426px){.msg-title{padding:15px}}.msg-title p{font-size:20px;font-weight:300}@media screen and (max-width: 426px){.msg-title p{margin:5px 0 0}}.msg-box{overflow:hidden;position:relative;background-image:url("../../assets/img/lanternShape.png");height:300px;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer}.msg-box:nth-child(n+2){margin-top:20px}@media screen and (max-width: 768px){.msg-box{margin:0 20px 20px;padding:40px 40px 10px;border-radius:15px}}@media screen and (max-width: 376px){.msg-box{padding:30px 25px 10px}}@media screen and (min-width: 769px){.msg-box{border-radius:20px;padding:10px 0px 50px}}.msg-list{position:relative;letter-spacing:.02em}@media screen and (min-width: 426px){.msg-list{max-width:900px;margin:0 auto}}.msg-list.over3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 1200px){.msg-list.over3{max-width:1300px}}.msg-list.over3 .msg-box{-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%}.msg-bg{background-color:rgba(255,255,255,0.3);display:block;width:auto;max-height:200px;margin-top:-20px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;position:absolute}.msg-share{position:absolute;right:28px;top:25px;border-radius:100%;color:#4F4F4F;background-color:#f7f7f7;padding:4px 9px;font-size:1.1em;cursor:pointer;width:35px;height:35px;border-radius:100%}.msg-share:hover{background-color:#e9e9e9}.msg-content{margin:0;font-size:14px;text-align:left;padding:10px 3px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.msg-from{text-align:right;margin:0;padding:0 0 10px 3px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.msg-date{text-align:left;margin:0;padding:10px 3px 10px 0;font-size:12px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.msg .like-btn.checked i{content:"\f004";color:#d72232}.msg .more-comment-box{margin:15px 0 0;border-top:1px solid #ddd}.msg .more-comment-box .btn{padding-top:10px;letter-spacing:0.02em;color:#a4a4a7;cursor:pointer}.msg .more-comment-box .btn:hover{color:#f7e20f}.msg .more-comment-box .item:nth-child(n+2){border-top:1px solid #ddd;margin-top:10px}.msg .more-comment{padding:15px 0}.msg .more-comment .msg-footer{padding-top:10px}.msg-function{margin-bottom:50px}@media screen and (max-width: 1200px){.msg-function{position:relative;padding:0 0 50px}}.msg .close{background:-webkit-gradient(linear, left top, right top, from(#0e0e0e),to(#1a0083));background:-o-linear-gradient(left, #0e0e0e 0%,#1a0083 100%);background:linear-gradient(to right, #0e0e0e 0%,#1a0083 100%);width:50px;height:50px;border-radius:50%;padding:15px;border:none;display:inline;margin-top:-50px;float:right;cursor:pointer}@media screen and (max-width: 1200px){.msg .close{position:absolute;top:125px;right:40px}}@media screen and (max-width: 425px){.msg .close{position:absolute;top:125px;right:20px}}@media screen and (max-width: 320px){.msg .close{position:absolute;top:125px;right:0}}.msg .close:hover{opacity:.9}.reply{padding:20px 0 0}.reply .form-item:nth-child(n+2){margin-top:10px}.reply .btn-box{margin:15px 0 20px}.reply .btn-box .button{width:100%;height:40px;border-radius:5px}.lanternlist{width:100%}@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){.lanternlist{width:120px}}@media screen and (max-width: 425px){.lanternlist{width:100%}}.lantern-msg-list{position:relative}.lantern-msg-box{margin:20px;width:calc(25% - 40px)}@media screen and (max-width: 768px){.lantern-msg-box{margin:10px;width:calc(25% - 20px)}}@media screen and (max-width: 425px){.lantern-msg-box{margin:.5%;width:49%;padding:10px}}.search-container{position:relative;cursor:pointer;display:inline;float:right;margin:-50px 80px 0 0}@media screen and (max-width: 1200px){.search-container{margin:0 100px 0 0;top:25px}}@media screen and (max-width: 425px){.search-container{right:80px;top:15px;margin:0}}@media screen and (max-width: 320px){.search-container{right:60px;top:15px;margin:0}}.search-container .btn{position:absolute;cursor:pointer;right:0;z-index:15;height:50px;width:50px;border-radius:50%;border:1px solid #0e0e0e;background:-webkit-gradient(linear, left top, right top, from(#0e0e0e), to(#1a0083));background:-o-linear-gradient(left, #0e0e0e 0%, #1a0083 100%);background:linear-gradient(to right, #0e0e0e 0%, #1a0083 100%)}.search-container .search-icon{position:relative;left:0px;font-size:20px;color:white}.search-container #search-box{position:absolute;top:-1px;right:0;width:250px;border-radius:50px;border:1px solid #0e0e0e}@media screen and (max-width: 425px){.search-container #search-box{width:185px}}.popup{background:rgba(255,255,255,0.7);overflow:hidden;position:fixed !important;display:none;z-index:5000;height:100%;width:100%;left:0;top:0}.popup>div{position:fixed;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;top:50%;z-index:5001;background:url("../img/dot_bg.png") #fefefe;text-align:center;border-radius:30px;-webkit-box-shadow:21px 21px 40px 0 rgba(0,0,0,0.12);box-shadow:21px 21px 40px 0 rgba(0,0,0,0.12)}@media screen and (max-width: 768px){.popup>div{width:96%;padding:70px 10px 30px}}@media screen and (min-width: 769px){.popup>div{max-width:500px;width:70%;padding:70px 50px 20px}}.popup .close{position:absolute;font-size:50px;background:transparent;border:none;cursor:pointer}@media screen and (max-width: 768px){.popup .close{top:0px;right:20px}}@media screen and (min-width: 769px){.popup .close{top:10px;right:30px}}.popup .share .letter{background:url("../img/dot_bg.png") #bb4440;border-radius:100%;width:150px;height:150px;font-size:69px;margin:0 auto;color:#fff;padding-top:20px}.popup .share h1{letter-spacing:2px;line-height:30px;font-weight:400;margin:30px 0 5px;color:#bb4440}.popup .share p{font-size:16px;font-weight:300;line-height:30px;letter-spacing:2px;margin:0 0 30px;color:#4f4f4f}.popup .share .close{color:#999}.popup .share .close:hover{color:rgba(153,153,153,0.7)}.popup .social-media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:20px}.popup .social-media .fb,.popup .social-media .tg,.popup .social-media .line{margin:0 20px}.popup .welcome{position:relative;color:#fff;background:url("../img/dot_bg.png") #bb4440}@media screen and (max-width: 768px){.popup .welcome{width:96%;padding:70px 10px 30px}}@media screen and (min-width: 769px){.popup .welcome{max-width:500px;padding:70px 30px 30px}}.popup .welcome .letter{background:url("../img/dot_bg.png") #ba9760;border-radius:100%;width:130px;height:130px;font-size:68px;margin:0 auto;color:#fff;padding-top:13px}.popup .welcome h1{letter-spacing:2px;line-height:30px;font-weight:400;color:#fff;margin:50px 0 10px}.popup .welcome h1 .num{font-size:35px;line-height:50px}.popup .welcome h2{font-weight:300;letter-spacing:2px;line-height:30px;margin:0 0 40px}.popup .welcome p{font-size:16px;font-weight:300;line-height:30px;letter-spacing:2px;margin:0;color:rgba(255,255,255,0.7)}.popup .welcome .close{color:rgba(255,255,255,0.9)}.popup .welcome .close:hover{color:#fff}.popup .detail{position:relative;color:#444;background:-webkit-gradient(linear, left top, right top, from(#001),color-stop(70%, #090084),to(#006598));background:-o-linear-gradient(left, #001 0%,#090084 70%,#006598 100%);background:linear-gradient(to right, #001 0%,#090084 70%,#006598 100%);width:90%;max-width:none}@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){.popup .detail{width:95%}}.popup .detail .bgStar{left:0}@media screen and (min-width: 426px){.popup .detail .close{top:50px;right:50px}}@media screen and (max-width: 425px){.popup .detail .close{top:60px;right:30px;font-size:inherit}}.popup .detail .msg-box{background-image:url("../../assets/img/msg/lantern.png");width:auto;height:500px;background-size:cover}.popup .detail .msg-box>div{background-color:rgba(255,255,255,0.3);display:block;width:auto;max-height:200px;margin-top:-50px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;top:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;position:absolute}.popup .detail .msg-box .msg-from{text-align:right}.popup .findSameSender{position:relative;color:#444;background:-webkit-gradient(linear, left top, right top, from(#001),color-stop(70%, #090084),to(#006598));background:-o-linear-gradient(left, #001 0%,#090084 70%,#006598 100%);background:linear-gradient(to right, #001 0%,#090084 70%,#006598 100%);width:90%;padding:50px}.popup .findSameSender .close{color:#fff}.popup .findSameSender .bgStar{left:0}.popup .findSameSenderRadio{text-align:left;list-style:none;padding:0}.popup .findSameSenderRadio li{padding:15px 0}.popup .findSameSenderRadio [type="radio"]:checked,.popup .findSameSenderRadio [type="radio"]:not(:checked){position:absolute;left:-9999px}.popup .findSameSenderRadio [type="radio"]:checked+label,.popup .findSameSenderRadio [type="radio"]:not(:checked)+label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#666}.popup .findSameSenderRadio [type="radio"]:checked+label:before,.popup .findSameSenderRadio [type="radio"]:not(:checked)+label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;background:#fff}.popup .findSameSenderRadio [type="radio"]:checked+label:after,.popup .findSameSenderRadio [type="radio"]:not(:checked)+label:after{content:'';width:12px;height:12px;background:#4245ff;position:absolute;top:4px;left:4px;border-radius:100%;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}.popup .findSameSenderRadio [type="radio"]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.popup .findSameSenderRadio [type="radio"]:checked+label:after{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.popup .findSameSender #findSameSenderMessage{font-size:22px;font-weight:300;color:#fff;text-align:left}*{-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10;font-family:'Noto Sans TC', sans-serif}.num{font-family:'Roboto', sans-serif}html,body{width:100%;height:100%;padding:0;margin:0;position:relative;background-size:cover;height:auto}#lantern{position:relative;background-image:url("../../assets/img/lantern.png");width:650px;height:650px;background-size:contain;background-position:center;text-align:justify;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;margin:0 auto}@media screen and (max-width: 1024px){#lantern{width:550px;height:550px}}@media screen and (max-width: 768px){#lantern{top:-120px;width:300px;height:300px}}#lanternMessage,#lanternSender,#lanternDate{position:absolute;background-color:rgba(255,255,255,0.3);color:#444;top:30px;font-size:18px;height:290px;overflow:hidden}@media screen and (max-width: 1024px){#lanternMessage,#lanternSender,#lanternDate{height:240px}}@media screen and (min-width: 768px) and (max-width: 1023px){#lanternMessage,#lanternSender,#lanternDate{height:170px}}#lanternDate{right:240px;padding:15px 6px 15px 0;min-width:34px}@media screen and (max-width: 1024px){#lanternDate{right:204px;padding:15px 3px 15px 0}}@media screen and (min-width: 768px) and (max-width: 1023px){#lanternDate{top:25px;right:110px;font-size:12px}}@media screen and (max-width: 767px){#lanternDate{top:10px;right:95px;height:160px;font-size:12px}}#lanternMessage{padding:15px;right:274px;z-index:10;font-size:23px;min-width:98px}@media screen and (max-width: 1024px){#lanternMessage{font-size:21px;right:238px;padding:15px 3px}}@media screen and (min-width: 768px) and (max-width: 1023px){#lanternMessage{top:25px;right:149px;min-width:72px;font-size:12px}}@media screen and (max-width: 767px){#lanternMessage{top:10px;right:132px;height:160px;font-size:12px;min-width:44px}}#lanternSender{right:372px;text-align:right;padding:15px 0 15px 6px;min-width:34px}@media screen and (max-width: 1024px){#lanternSender{right:304px;padding:15px 0 15px 3px}}@media screen and (min-width: 768px) and (max-width: 1023px){#lanternSender{top:25px;right:221px;font-size:12px}}@media screen and (max-width: 767px){#lanternSender{top:10px;right:176px;height:160px;font-size:12px}}.btn-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width: 768px){.btn-box{margin-top:20px}}@media screen and (max-width: 768px){.btn-box.full{padding:0 20px}}.btn-box .button{min-width:200px;height:48px;padding:0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;background-color:#fff;border-radius:999em;font-size:18px;font-weight:500;letter-spacing:.1em;color:#444;border:none;cursor:pointer}@media screen and (min-width: 769px){.btn-box .button{letter-spacing:.3em}}@media screen and (max-width: 768px){.btn-box .button{height:50px;min-width:auto;width:100%;letter-spacing:.3em;font-size:16px;font-weight:400}}.btn-box .button:hover{background-color:rgba(255,255,255,0.8)}.btn-box .button span{width:24px;height:24px;position:absolute;top:50%;right:25px;margin-top:-12px;background:-webkit-gradient(linear, left top, right top, from(#07006a), to(#0a0090));background:-o-linear-gradient(left, #07006a, #0a0090);background:linear-gradient(to right, #07006a, #0a0090);border-radius:50%}.btn-box .button span:before{content:"";width:6px;height:6px;position:absolute;top:50%;left:50%;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:translate(-60%, -50%) rotate(45deg);-ms-transform:translate(-60%, -50%) rotate(45deg);transform:translate(-60%, -50%) rotate(45deg)}.btn-box.more-btn{margin:0 auto}@media screen and (max-width: 768px){.btn-box.more-btn{max-width:300px}}.btn-box.more-btn>.button{height:50px;padding:0 30px;color:#fff;background:-webkit-gradient(linear, left top, right top, from(#0e0e0e),to(#1a0083));background:-o-linear-gradient(left, #0e0e0e 0%,#1a0083 100%);background:linear-gradient(to right, #0e0e0e 0%,#1a0083 100%)}@media screen and (max-width: 768px){.btn-box.more-btn>.button{height:50px;min-width:auto;margin-bottom:10px}}.btn-box.more-btn>.button:hover{opacity:.9}.fixed-btn{z-index:20}.fixed-btn>div{position:fixed;bottom:20px;right:30px;width:60px;height:60px;border-radius:50%;background-color:#d71b2c;cursor:pointer}.fixed-btn>div:hover{opacity:.95}.fixed-btn>div.bgm{right:100px}.fixed-btn>div>.icon{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:opacity 0.1s ease;-o-transition:opacity 0.1s ease;transition:opacity 0.1s ease;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;color:#fff;font-size:1.2em}.fixed-pop{z-index:30;-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3),background-color 0.25s ease;-o-transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3),background-color 0.25s ease;transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3),background-color 0.25s ease;-webkit-box-shadow:0px 0px 12px 5px rgba(133,133,133,0.12);box-shadow:0px 0px 12px 5px rgba(133,133,133,0.12)}.fixed-pop.open{width:calc(100% - 50px);height:186px;border-radius:3px;background:url("../img/dot_bg.png") #ba9760;cursor:default}@media screen and (min-width: 769px){.fixed-pop.open{width:calc(30% - 50px)}}.fixed-pop.open>.fixed-pop-link{display:block;-webkit-transition-delay:0.25s;-o-transition-delay:0.25s;transition-delay:0.25s;-webkit-transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3);-o-transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3);transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3)}.fixed-pop.open .icon{opacity:0;-webkit-transition-delay:0.01s;-o-transition-delay:0.01s;transition-delay:0.01s;-webkit-transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3);-o-transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3);transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3)}.fixed-pop.open .cancel{display:block;opacity:1;-webkit-transition-delay:0.25s;-o-transition-delay:0.25s;transition-delay:0.25s;-webkit-transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3);-o-transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3);transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3)}.fixed-pop.open button{opacity:1;visibility:visible;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;-webkit-transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3);-o-transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3);transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3)}.fixed-pop .cancel{display:none;opacity:0;position:absolute;right:25px;bottom:18px;font-size:1.3em;-webkit-transition-delay:0.01s;-o-transition-delay:0.01s;transition-delay:0.01s;cursor:pointer;color:#333;width:30px;height:30px;text-align:center;padding-top:9px}.fixed-pop button{background:transparent;border:transparent;color:#333;font-size:18px;display:block;opacity:0;width:100%;line-height:60px;opacity:0;letter-spacing:2px;font-weight:300;-webkit-transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3);-o-transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3);transition:all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3);cursor:pointer}@media screen and (min-width: 769px){.fixed-pop button{font-size:20px;font-weight:normal}}.fixed-pop-link{display:none}footer{background-color:#fda729}@media screen and (min-width: 769px){footer{line-height:80px;height:80px}}@media screen and (max-width: 768px){footer{line-height:60px;height:60px}}footer p{color:#fff;letter-spacing:1px;margin:0}@media screen and (max-width: 768px){footer p{font-size:14px}}