@charset "utf-8";*{font-family:Ubuntu,PingFang TC,microsoft jhenghei;-webkit-text-size-adjust:none;-webkit-box-sizing:border-box}html{font-size:16px;font-weight:400;line-height:150%}body{margin:0;padding:0;background-color:#f2f7ff;min-height:100vh}a{text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;border:none}header .site-header{padding:20px;display:flex;align-content:center;align-items:center;justify-content:flex-start;max-width:800px;margin:0 auto}header .site-header .Logo{font-size:0;line-height:0;width:70px}.Container .site-container{display:flex;align-content:flex-start;align-items:flex-end;justify-content:center}@media screen and (max-width:600px){.Container .site-container{flex-wrap:wrap;align-content:flex-start}}.ScanArea{position:relative;margin:20px 0 0 0;text-align:center}@media screen and (max-width:600px){.ScanArea{order:2}}.ScanArea .Title{font-size:1.5rem;line-height:150%;font-weight:700;color:#162056;text-align:center}@media screen and (max-width:600px){.ScanArea .Title{display:none}}html[lang^=en] .ScanArea .Title{letter-spacing:-1px}.ScanArea .Content{border-radius:15px;background:#fff;box-shadow:0 0 10px rgba(13,138,255,.25);padding:20px 15px 40px 15px;margin:20px auto 0 auto;max-width:300px;position:relative;border:3px solid rgba(13,138,255,.2)}.ScanArea .SubTitle{font-size:1.25rem;color:#162056;margin:20px 0 0 0}.ScanArea .QRcode{font-size:0;line-height:0;width:150px;margin:20px auto}.ScanArea .Context{color:#0d8aff;font-size:1.25rem;line-height:100%;margin:40px 0 20px 0;font-weight:700}.ScanArea .URL{display:inline-block;text-align:left;color:#162056;font-size:.9rem;line-height:150%;max-width:80%}.ScanArea .URL u{text-decoration:none;position:relative}.ScanArea .URL u:after{content:"";display:block;position:absolute;width:100%;height:8px;bottom:-2px;left:0;right:0;background:rgba(13,138,255,.34901960784313724);border-radius:500px}.ScanArea .URL .Link{display:block;word-break:break-all}.ScanArea .LittleMan{position:absolute;left:-96px;top:20px;width:130px}@media screen and (max-width:600px){.ScanArea .LittleMan{display:none}}.ScanArea .LittleMan .DialogBox{position:absolute;top:-10px;left:-120px;text-align:left;font-size:12px;background:#fff;border-radius:10px;padding:10px 20px;border:2px solid #162056;color:#162056;line-height:130%}html[lang^=en] .ScanArea .LittleMan .DialogBox{top:0}.ScanArea .HandsWithPhone{font-size:0;line-height:0;width:200px;position:absolute;bottom:0;left:-150px}@media screen and (max-width:600px){.ScanArea .HandsWithPhone{display:none}}.ScanArea .HandsWithPhone:after{content:"";display:block;width:100px;height:8px;border-radius:500px;margin:-1px 0 0 -7px;background:#6e98bf}.ScanArea .Remind{text-align:left;margin:20px 0 0 70px;max-width:240px;font-size:.85rem;line-height:150%;color:#162056}@media screen and (max-width:600px){.ScanArea .Remind{margin:20px 10px}}html[lang^=en] .ScanArea .Remind{max-width:300px}.ScanArea .Remind ul{margin:0;padding:0}.ScanArea .Remind ul li{display:block;text-align:left}.Instructions{margin:auto 0 calc(6.375rem + 40px) 15px}@media screen and (max-width:600px){.Instructions{order:1;margin:0;width:100%}}html[lang^=en] .Instructions{margin-left:-30px}@media screen and (max-width:600px){html[lang^=en] .Instructions{margin-left:0}}.Instructions .Content{color:#162056;font-size:.95rem;line-height:150%}@media screen and (max-width:600px){.Instructions .Content{display:none}}.Instructions .BtnContent{margin:10px 0 0 0}@media screen and (max-width:600px){.Instructions .BtnContent{text-align:center;margin:20px auto 0 auto}}.Instructions .BtnContent .OpenBtn{border-radius:500px;background:#0d8aff;color:#fff;font-weight:700;padding:10px 0;letter-spacing:1px;text-align:center;display:inline-block;width:100%;text-decoration:none;transition:all .5s ease}@media screen and (max-width:600px){.Instructions .BtnContent .OpenBtn{max-width:300px;width:calc(100% - 60px);position:relative;display:inline-block}.Instructions .BtnContent .OpenBtn:before{content:"手機"}html[lang^=en] .Instructions .BtnContent .OpenBtn:before{right:-5px}.Instructions .BtnContent .OpenBtn:after,html[lang^=en] .Instructions .BtnContent .OpenBtn:before{content:"";display:inline-block;position:absolute;bottom:-5px;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:100% auto;transform:rotate(-45deg);filter:drop-shadow(1px 1px 3px rgba(0,0,0,.25))}html[lang^=en] .Instructions .BtnContent .OpenBtn:after{content:" with your phone";position:relative;transform:unset;background-image:none;width:auto;height:auto;bottom:0;margin:0 0 0 5px;filter:unset}}.Instructions .BtnContent .OpenBtn:hover{background:#b0efff;color:#00359b;text-decoration:none}footer .site-footer{max-width:850px;margin:0 auto;padding:60px 0 20px 0}@media screen and (max-width:600px){footer .site-footer{width:calc(100% - 60px)}html[lang^=en] footer .site-footer{width:calc(100% - 20px)}}footer .site-footer a{color:#0d8aff;text-decoration:underline;font-weight:300;transition:all .5s ease}@media screen and (max-width:600px){html[lang^=en] footer .site-footer .BottomInfo .Links ul li a{line-height:100%}}footer .site-footer a:hover{color:#162056}footer .site-footer .ContactInfo{font-size:.85rem;line-height:150%;color:#162056}footer .site-footer .BottomInfo{display:flex;align-content:center;align-items:center;justify-content:flex-start}@media screen and (max-width:600px){footer .site-footer .BottomInfo{flex-wrap:wrap}footer .site-footer .BottomInfo .Links{width:100%;margin:10px 0 0 0}}footer .site-footer .BottomInfo .Links ul{margin:0;padding:0;display:flex;align-content:center;align-items:center;justify-content:flex-start}@media screen and (max-width:600px){footer .site-footer .BottomInfo .Links ul{justify-content:center}}footer .site-footer .BottomInfo .Links ul li{margin:0 5px;padding:0;display:flex;align-content:center;align-items:center;justify-content:flex-start}footer .site-footer .BottomInfo .Links ul li:first-child{margin-left:0}footer .site-footer .BottomInfo .Links ul li:after{content:"";display:block;width:1px;height:10px;background:#0d8aff;margin:0 0 0 10px}footer .site-footer .BottomInfo .Links ul li:last-child:after{display:none}footer .site-footer .BottomInfo .Links ul li a{font-size:.85rem;line-height:150%;font-weight:400;text-decoration:none}footer .site-footer .BottomInfo .CopyRights{margin:0 0 0 auto;font-size:12px;line-height:100%;color:rgba(22,32,86,.34901960784313724);font-weight:400;display:block;transform:scale(.85);transform-origin:right}@media screen and (max-width:600px){footer .site-footer .BottomInfo .CopyRights{width:100%;text-align:center;transform-origin:center;margin:10px 0 0 0}}