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;vertical-align:baseline}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}body{font:15px "Helvetica Neue",Arial,"PingFang TC","Heiti TC","微軟正黑體",sans-serif;line-height:1.8}html,body{min-height:100%}div{display:block}h1{font-size:48px;font-weight:normal;line-height:1.2;margin:0;padding:0}h2{font-size:36px;font-weight:normal}h3{font-size:26px;font-weight:normal}h4{font-size:16px;font-weight:normal}h5{font-size:15px;font-weight:normal}::-moz-selection{color:#fff;background:#00addc}::selection{color:#fff;background:#00addc}*::-moz-selection{text-shadow:none;color:#fff;background:#00addc}*::selection{text-shadow:none;color:#fff;background:#00addc}*::-moz-selection{text-shadow:none;color:#fff;background:#00addc;background:rgba(0,173,220,.7)}.wrapper{width:100%;padding:90px 0 0}@media screen and (min-width: 979px){.wrapper{padding:140px 0 80px}}.container{margin:0 auto}#gotop{display:block;overflow:hidden;background:#eee;text-align:center}#gotop.wrapper{padding:0}#gotop a{width:100%;display:block;margin:0;padding:0;height:40px;opacity:.2}#gotop a:hover{opacity:.5;background:#ddd}@media screen and (min-width: 600px)and (max-width: 978px){.hidden-mobile{display:none}.container{max-width:90%}footer .social{margin:0}}@media(min-width: 0px)and (max-width: 599px){.hidden-mobile{display:none}h1{font-size:40px}h2{font-size:26px}.container{max-width:100%;padding:0}footer .social{margin:0}}#header{background:#00aed6}.container{max-width:1200px;width:auto}#cast{color:#6c6c6c;display:block;overflow:hidden;background:#eee;text-align:center}#cast h1{letter-spacing:.4px;line-height:1.1;color:inherit}#cast h2{margin-top:20px;margin-bottom:15px;line-height:inherit;color:inherit}#cast h4{max-width:633px;text-align:left;line-height:140%;margin:30px auto 38px;color:inherit}#cast h5{max-width:750px;text-align:center;margin:0 auto;letter-spacing:1px;line-height:inherit;color:inherit}#cast .kv{max-width:864px;margin:0 auto 28px;position:relative;overflow:hidden}#cast .main-feature{max-width:none}#cast .help-title{margin:30px auto 0;text-align:left;width:370px;letter-spacing:.4px}#cast .list{margin:0 auto;width:370px;list-style:inherit;line-height:155%}#cast .list li{line-height:inherit;margin-left:1.5em;text-indent:-5px;letter-spacing:-0.2px}.step{max-width:1200px;display:block;overflow:hidden;margin:28px auto 46px;font-size:0}.step li{min-height:295px;padding:10px 35px 15px 35px;line-height:1.6;border:1px solid #ddd;position:relative;text-align:center;display:inline-block;margin-left:31px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;background-repeat:no-repeat;background-position:center 115px;background-size:260px;font-size:15px;overflow:auto;vertical-align:middle}.step li.step1{margin-left:0;background-image:url(../images/step1_2x.png)}.step li.step2{background-image:url(../images/step2_2x.png)}.step li.step3{background-image:url(../images/step3_2x.png)}.step li h3{color:inherit;line-height:1}.step li p{text-align:left;line-height:150%;font-size:16px;margin-top:17px}#cast .platform{margin-bottom:82px;margin-top:10px}.platform li,.help li{text-align:left;letter-spacing:.3px}.help li a{color:#6c6c6c;text-decoration:none;-webkit-transition:ease .75s all;transition:ease .75s all}.help li a:hover{color:#00aed6}.video-frame{max-width:570px;max-height:340px;width:570px;height:340px}footer .social{line-height:1}.hint{width:370px;text-align:left;margin:30px auto 0}@media(min-width: 0px)and (max-width: 599px){.wrapper{padding-left:5%;padding-right:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#cast h1{font-size:26px;letter-spacing:0}.step li{width:100%;margin:10px 0}#cast .list,#cast .help-title{width:100%}.video-frame{width:300px;height:180px}}@media screen and (min-width: 600px){.step li{width:31%;margin-left:10px;padding:1%;background-size:190px;background-position:center 150px}}@media screen and (min-width: 1199px){.step li{width:370px;margin-left:31px}}