body{color:#333}img{width:100%;margin:0 auto;display:block}ul,li{list-style:none}.pcNo{display:none}.mNo{display:block}.wrapper *{box-sizing:border-box}.wrapper{background-color:#f5f5f5;background-image:url(https://cdn.kingstone.com.tw/images/ksmember_bg-l.jpg),url(https://cdn.kingstone.com.tw/images/ksmember_bg-r.jpg);background-position:0,100%;background-repeat:repeat-y,repeat-y;background-size:500px,500px}.main{background-image:url(https://cdn.kingstone.com.tw/images/ksmember_main.jpg);background-position:50%;background-size:cover;width:100%;height:400px;position:relative}.main .circle{background-color:#fdd089;border-radius:50%;width:380px;height:360px;position:absolute;top:20px;left:50%;transform:translate(-190px)}.main .maintitle{width:528px;display:block;position:absolute;top:52px;left:50%;transform:translate(-264px)}.main .event{justify-content:space-between;width:470px;display:flex;position:absolute;top:175px;left:50%;transform:translate(-235px)}.main .event>div{background-color:#af00a1;border-radius:50%;width:144px;height:144px;margin-top:10px;box-shadow:2px 2px 8px rgba(0,0,0,.3)}.main .event .event1{animation-name:move1;animation-duration:1s;animation-iteration-count:infinite}.main .event .event2{animation-name:move2;animation-duration:1s;animation-iteration-count:infinite}.main .event .event3{animation-name:move1;animation-duration:1s;animation-iteration-count:infinite}@keyframes move1{0%{margin-top:10px}50%{margin-top:0}to{margin-top:10px}}@keyframes move2{0%{margin-top:0}50%{margin-top:10px}to{margin-top:0}}.sec{padding-top:40px}.sec:last-child{padding-bottom:40px}.sec .container{max-width:980px;margin:0 auto}.sec .btnlink{color:#fff;text-align:center;background-color:#af00a1;border-radius:10px;width:180px;height:50px;margin:0 auto;font-size:18px;line-height:50px;-webkit-text-decoration:none;text-decoration:none;display:block}.sec .btnlink:hover{background-color:#8b0780}.title{color:#00d2af;margin-bottom:20px;font-size:50px;font-weight:500;line-height:1;display:inline-block}.title:before{content:"";vertical-align:bottom;background-image:url(https://cdn.kingstone.com.tw/images/ksmember_coin.png);background-size:contain;width:50px;height:50px;margin-right:5px;display:inline-block;transform:rotate(-5deg)}.title:after{content:"";vertical-align:bottom;background-image:url(https://cdn.kingstone.com.tw/images/ksmember_coin.png);background-size:contain;width:50px;height:50px;margin-left:5px;display:inline-block;transform:rotate(5deg)}.memberBack{background-color:#fff;border-radius:10px;justify-content:space-between;margin-bottom:20px;padding:20px;display:flex;box-shadow:1px 1px 5px rgba(0,0,0,.1)}.memberBack li{width:24%}.memberBack li img{margin-bottom:20px}.memberBack li p{text-align:center;font-size:20px;font-weight:500}.memberBack li p span{color:#ea0000;margin:0 5px;font-size:28px;font-weight:700}.howtoget{justify-content:space-between;padding-bottom:20px;display:flex}.howtoget li a{background-color:#00d2af;border-radius:10px;width:204px;height:204px;padding:10px;display:block}.howtoget li a:hover{background-color:#50bfa5}.cointype{background-color:#fff;border-radius:10px;padding:20px;box-shadow:2px 2px 8px rgba(0,0,0,.3)}.cointype>ul{display:flex}.cointype>ul>li>div{justify-content:center;align-items:center;padding:10px 6px;display:flex}.cointype>ul>li>div:first-child{height:46px}.cointype>ul>li>div:nth-child(2){height:225px}.cointype>ul>li>div:nth-child(3){height:115px}.cointype>ul>li>div:nth-child(4){height:85px}.cointype h2{color:#af00a1;font-size:24px;font-weight:500}.cointype h3{color:#333;font-size:20px;font-weight:500}.cointype h3 span{color:#ea0000;font-weight:700}.cointype .tableHead{flex:2}.cointype .tableHead>div{border-bottom:3px solid #eee}.cointype .tableHead>div:last-child{border-bottom:0}.cointype .tableBody{flex:3}.cointype .tableBody>div{border-bottom:3px solid #fff}.cointype .tableBody.type1{background-color:#fdecce}.cointype .tableBody.type2{background-color:#baf2e5}.cointype .tableBody .emphasize{position:relative}.cointype .tableBody .emphasize .circle{color:#fff;background-color:#ea0000;border-radius:50%;width:60px;height:60px;margin-left:5px;line-height:60px;position:absolute;top:-10px;transform:rotate(10deg)}.cointype .bodyContent{padding:0 0 0 1.5em;font-size:20px;font-weight:500}.cointype .bodyContent li{text-align:left;list-style-image:url(https://cdn.kingstone.com.tw/images/ksmember_dot.png)}.cointype .bodyContent li span{color:#ea0000}.cointype .bodyContent li span.highlight{background-color:rgba(255,234,0,.9);padding:0 2px;display:inline-block}.usecoin1{max-width:519px;margin:0 auto 20px}.usecoin2{max-width:500px;margin:0 auto}.usecoin3{margin:20px auto}.rule .ruleTitle{color:#50bfa5;text-align:left;margin-bottom:5px;font-size:30px;font-weight:700}.rule .ruleTitle1{color:#af00a1;text-align:left;margin-bottom:5px;font-size:20px;font-weight:700}.rule .rulebox{background-color:#fff;border-radius:10px;margin-bottom:20px;padding:20px}.rule p{text-align:left;margin-bottom:5px;font-size:16px}.rule .ruleNote{margin-bottom:10px;margin-left:20px}.rule .ruleNote li{color:#555;text-align:left;margin-bottom:5px;font-size:16px;list-style:decimal}.rule .ruleNote li span{display:block}.rule .ruleNote .example{color:#8d8d8d;list-style:none}.rule .ruleNote1{padding-top:10px}.rule .ruleNote1 li{color:#d20f16;text-align:left;margin-bottom:5px;font-size:16px;list-style:"*"}@media screen and (max-width:768px){.pcNo{display:block}.mNo{display:none}.main{background-image:url(https://cdn.kingstone.com.tw/images/ksmember_main-m.jpg);width:100vw;height:50vw}.main .circle{display:none}.main .maintitle{width:68vw;top:6.7vw;left:50%;transform:translate(-34vw)}.main .event{width:61.2vw;top:22vw;left:50%;transform:translate(-30.6vw)}.main .event>div{width:18.75vw;height:18.75vw}section{padding-top:30px}section:last-child{padding-bottom:30px}section .container{max-width:none;max-width:initial;width:96%;margin:0 auto}.title{font-size:36px}.title:before,.title:after{width:36px;height:36px}.memberBack li img{margin-bottom:5px}.memberBack li p{text-align:center;font-size:16px;font-weight:500}.memberBack li p span{color:#ea0000;margin:0 5px;font-size:20px;font-weight:700}.howtoget{flex-wrap:wrap}.howtoget li a{width:160px;height:160px}.usecoin2{width:80%;margin:0 auto}.cointype>h2{font-size:20px}.cointype>ul{flex-wrap:wrap}.cointype>ul>li>div{flex-wrap:wrap;display:flex}.cointype>ul>li>div:before{width:100%;margin-bottom:10px;font-size:18px;font-weight:500;display:block}.cointype>ul>li>div:first-child,.cointype>ul>li>div:nth-child(2){height:auto}.cointype>ul>li>div:nth-child(2):before{content:"Q:怎麼累積?"}.cointype>ul>li>div:nth-child(3):before{content:"Q:何時發送?"}.cointype>ul>li>div:nth-child(4){height:auto}.cointype>ul>li>div:nth-child(4):before{content:"Q:有效期限,什麼時候要用完?"}.cointype h2{font-size:18px}.cointype h3{color:#555;font-size:15px}.cointype .tableBody{flex:none;width:100%}.cointype .tableBody>div{border-bottom:1px dotted #fff}.cointype .bodyContent{color:#555;margin-left:20px;font-size:15px;font-weight:500}}@media screen and (max-width:480px){.wrapper{background-color:#f5f5f5;background-image:url(https://cdn.kingstone.com.tw/images/ksmember_bg-l.jpg);background-repeat:repeat;background-size:100%}.main{width:100vw;height:64vw}.main .maintitle{width:80vw;top:6.7vw;left:50%;transform:translate(-40vw)}.main .event{width:96%;top:26vw;left:50%;transform:translate(-48vw)}.main .event>div{width:30vw;height:30vw}.memberBack{flex-wrap:wrap}.memberBack li{width:48%;margin-bottom:5px}.memberBack li:last-child,.memberBack li:nth-last-child(2){margin-bottom:0}.howtoget{flex-wrap:wrap}.howtoget li{width:48vw;height:48vw}.howtoget li a{width:42vw;height:42vw;margin:0 auto;padding:2%}.ruleTitle{font-size:20px}.ruleNote li,.ruleNote1 li{font-size:14px}}