*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
:focus{outline:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}
input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;box-sizing:content-box}
textarea{overflow:auto;vertical-align:top;resize:vertical}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
img{border:0;-ms-interpolation-mode:bicubic}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
html,button,input,select,textarea{color:#222}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
img{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}
html,body{font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji","PingFangTC","Microsoft JhengHei",sans-serif}
body{color:#fff;background:#5B0F9D url("../images/bg-m.png") no-repeat center top;background-size:100% auto;overflow-x:hidden}
@media only screen and (min-width: 768px){body{background-image:url("../images/bg.png");background-repeat:repeat-x;background-size:auto}
}
::-moz-selection{color:#fff;background:rgba(255,153,0,0.7);text-shadow:none}
::selection{color:#fff;background:rgba(255,153,0,0.7);text-shadow:none}
a{color:rgba(255,255,255,0.6);text-decoration:none}
.container{width:100%;margin:0 auto;padding:0 .5rem;position:relative}
@media only screen and (min-width: 1025px){.container{max-width:1140px;padding:0}
}
.l-content{padding-top:42px}
@media only screen and (min-width: 768px){.l-content{padding-top:56px}
}
.l-footer{color:rgba(255,255,255,0.6);text-align:center;margin:1.5rem 0}
.footer-copyright{margin-bottom:.25rem;font-size:0.85714rem}
@media only screen and (min-width: 768px){.footer-copyright{display:inline-block}
.footer-copyright+.footer-copyright{margin-left:.5rem}
}
.l-header{top:0;left:0;padding:.5rem;position:absolute;z-index:100}
@media only screen and (min-width: 768px){.l-header{padding:1rem}
}
.header-logo{color:transparent;font-size:0;-webkit-transform:scale(0.625);transform:scale(0.625);-webkit-transform-origin:0 0;transform-origin:0 0;-ms-flex-item-align:center;align-self:center}
@media only screen and (min-width: 768px){.header-logo{-webkit-transform:scale(1);transform:scale(1)}
}
.article{padding:1.5rem 0}
.btn{width:257px;height:80px;color:#fff;font-size:1.71429rem;line-height:72px;font-weight:700;text-align:center;text-shadow:rgba(0,0,0,0.5) 0 3px 5px;background:url("../images/button-m.png") no-repeat;background-size:contain;display:inline-block}
@media only screen and (min-width: 768px){.btn{width:325px;height:80px;background-image:url("../images/button.png")}
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi), only screen and (min-width: 768px) and (min-resolution: 2dppx){.btn{background-image:url("../images/button@2x.png")}
}
.bottom-button{margin:3rem 0;text-align:center}
.row{list-style:none}
@media only screen and (min-width: 768px){.row{display:-webkit-box;display:-ms-flexbox;display:flex}
}
.col{max-width:100%;text-align:center;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
@media only screen and (min-width: 768px){.col{padding:0 .5rem;display:block}
}
.hr{min-height:73px;background:url("../images/sticker-m.png") no-repeat center center;background-size:contain;border:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}
@media only screen and (min-width: 768px){.hr{min-height:94px;background-image:url("../images/sticker.png")}
}
.img-m{width:100%}
@media only screen and (min-width: 768px){.img-m{display:none}
}
.img{display:none}
@media only screen and (min-width: 768px){.img{max-width:100%;display:block}
}
.screen{margin:1.5rem 0 1rem}
@media only screen and (min-width: 768px){.screen{width:auto;margin-top:3rem}
}
.screen.bonus{margin:3rem .5rem 1rem}
.img-screen{max-width:100%;-webkit-filter:drop-shadow(rgba(0,0,0,0.3) 0 3px 5px);filter:drop-shadow(rgba(0,0,0,0.3) 0 3px 5px)}
.subtitle{font-size:2rem;font-weight:700;text-align:center;-webkit-filter:drop-shadow(rgba(0,0,0,0.5) 0 1px 3px);filter:drop-shadow(rgba(0,0,0,0.5) 0 1px 3px)}
@media only screen and (min-width: 768px){.subtitle{font-size:2.57143rem}
}
.desc-title{margin:1rem 0;padding:.25rem 1rem;font-size:1.71429rem;font-weight:700;background-color:#470680;border-radius:20px;display:inline-block}
@media only screen and (min-width: 768px){.desc-title{font-size:2rem}
}
.desc{font-size:1.42857rem;-webkit-filter:drop-shadow(rgba(0,0,0,0.5) 0 1px 3px);filter:drop-shadow(rgba(0,0,0,0.5) 0 1px 3px)}
@media only screen and (min-width: 768px){.desc{font-size:1.71429rem}
}
.title{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.title .img-m{margin-left:-8px}
@media only screen and (min-width: 1025px){.title .btn{top:200px;right:100px;position:absolute}
}