@charset "UTF-8";body{color:#333}img{display:block;margin:0 auto;width:100%}li,ul{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;height:400px;position:relative;width:100%}.main .circle{background-color:#fdd089;border-radius:50%;height:360px;left:50%;position:absolute;top:20px;transform:translateX(-190px);width:380px}.main .maintitle{display:block;left:50%;position:absolute;top:52px;transform:translateX(-264px);width:528px}.main .event{display:flexbox;display:flex;justify-content:space-between;left:50%;position:absolute;top:175px;transform:translateX(-235px);width:470px}.main .event>div{background-color:#af00a1;border-radius:50%;box-shadow:2px 2px 8px rgba(0,0,0,.3);height:144px;margin-top:10px;width:144px}.main .event .event1{animation-duration:1s;animation-iteration-count:infinite;animation-name:"move1"}.main .event .event2{animation-duration:1s;animation-iteration-count:infinite;animation-name:"move2"}.main .event .event3{animation-duration:1s;animation-iteration-count:infinite;animation-name:"move1"}@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{margin:0 auto;max-width:980px}.sec .btnlink{background-color:#af00a1;border-radius:10px;color:#fff;display:block;font-size:18px;height:50px;line-height:50px;margin:0 auto;text-align:center;-webkit-text-decoration:none;text-decoration:none;width:180px}.sec .btnlink:hover{background-color:#8b0780}.title{color:#00d2af;display:inline-block;font-size:50px;font-weight:500;line-height:1;margin-bottom:20px}.title:before{margin-right:5px;transform:rotate(-5deg)}.title:after,.title:before{background-image:url(https://cdn.kingstone.com.tw/images/ksmember_coin.png);background-size:contain;content:"";display:inline-block;height:50px;vertical-align:bottom;width:50px}.title:after{margin-left:5px;transform:rotate(5deg)}.memberBack{background-color:#fff;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,.1);display:flexbox;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.memberBack li{width:24%}.memberBack li img{margin-bottom:20px}.memberBack li p{font-size:20px;font-weight:500;text-align:center}.memberBack li p span{color:#ea0000;font-size:28px;font-weight:700;margin:0 5px}.howtoget{display:flexbox;display:flex;justify-content:space-between;padding-bottom:20px}.howtoget li a{background-color:#00d2af;border-radius:10px;display:block;height:204px;padding:10px;width:204px}.howtoget li a:hover{background-color:#50bfa5}.cointype{background-color:#fff;border-radius:10px;box-shadow:2px 2px 8px rgba(0,0,0,.3);padding:20px}.cointype>ul,.cointype>ul>li>div{display:flexbox;display:flex}.cointype>ul>li>div{align-items:center;justify-content:center;padding:10px 6px}.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{background-color:#ea0000;border-radius:50%;color:#fff;height:60px;line-height:60px;margin-left:5px;position:absolute;top:-10px;transform:rotate(10deg);width:60px}.cointype .bodyContent{font-size:20px;font-weight:500;padding:0 0 0 1.5em}.cointype .bodyContent li{list-style-image:url(https://cdn.kingstone.com.tw/images/ksmember_dot.png);text-align:left}.cointype .bodyContent li span{color:#ea0000}.cointype .bodyContent li span.highlight{background-color:rgba(255,234,0,.9);display:inline-block;padding:0 2px}.usecoin1{margin:0 auto 20px;max-width:519px}.usecoin2{margin:0 auto;max-width:500px}.usecoin3{margin:20px auto}.rule .ruleTitle{color:#50bfa5;font-size:30px}.rule .ruleTitle,.rule .ruleTitle1{font-weight:700;margin-bottom:5px;text-align:left}.rule .ruleTitle1{color:#af00a1;font-size:20px}.rule .rulebox{background-color:#fff;border-radius:10px;margin-bottom:20px;padding:20px}.rule p{font-size:16px;margin-bottom:5px;text-align:left}.rule .ruleNote{margin-bottom:10px;margin-left:20px}.rule .ruleNote li{color:#555;font-size:16px;list-style:decimal;margin-bottom:5px;text-align:left}.rule .ruleNote li span{display:block}.rule .ruleNote .example{color:#8d8d8d;list-style:none}.rule .ruleNote1{padding-top:10px}.rule .ruleNote1 li{color:#d20f16;font-size:16px;list-style:"*";margin-bottom:5px;text-align:left}@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);height:50vw;width:100vw}.main .circle{display:none}.main .maintitle{left:50%;top:6.7vw;transform:translateX(-34vw);width:68vw}.main .event{left:50%;top:22vw;transform:translateX(-30.6vw);width:61.2vw}.main .event>div{height:18.75vw;width:18.75vw}section{padding-top:30px}section:last-child{padding-bottom:30px}section .container{margin:0 auto;max-width:none;width:96%}.title{font-size:36px}.title:after,.title:before{height:36px;width:36px}.memberBack li img{margin-bottom:5px}.memberBack li p{font-size:16px;font-weight:500;text-align:center}.memberBack li p span{color:#ea0000;font-size:20px;font-weight:700;margin:0 5px}.howtoget{flex-wrap:wrap}.howtoget li a{height:160px;width:160px}.usecoin2{margin:0 auto;width:80%}.cointype>h2{font-size:20px}.cointype>ul{flex-wrap:wrap}.cointype>ul>li>div{display:flexbox;display:flex;flex-wrap:wrap}.cointype>ul>li>div:before{display:block;font-size:18px;font-weight:500;margin-bottom:10px;width:100%}.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;font-size:15px;font-weight:500;margin-left:20px}}@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{height:64vw;width:100vw}.main .maintitle{left:50%;top:6.7vw;transform:translateX(-40vw);width:80vw}.main .event{left:50%;top:26vw;transform:translateX(-48vw);width:96%}.main .event>div{height:30vw;width:30vw}.memberBack{flex-wrap:wrap}.memberBack li{margin-bottom:5px;width:48%}.memberBack li:last-child,.memberBack li:nth-last-child(2){margin-bottom:0}.howtoget{flex-wrap:wrap}.howtoget li{height:48vw;width:48vw}.howtoget li a{height:42vw;margin:0 auto;padding:2%;width:42vw}.ruleTitle{font-size:20px}.ruleNote li,.ruleNote1 li{font-size:14px}}