@keyframes aniGradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.serif{font-family:'All Round Gothic','Hiragino Maru Gothic Pro','Microsoft YaHei','Hiragino Sans GB',sans-serif}.FriendRewards{background:url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36568/imgs/friendrewards/IntroductionBG.jpg) top center no-repeat;background-color:#fff;padding:22px 16px 60px;border-top:3px solid #181b7e;text-align:center}@media (max-width:599px){.FriendRewards{background-size:auto 1400px}}.FriendRewards h1{margin-top:0;margin-bottom:0;font-size:26px;color:#fff;max-width:928px;margin-left:auto;margin-right:auto}.FriendRewards .md-button{margin-top:16px;margin-bottom:0}.FriendRewards>div{max-width:928px;margin-left:auto;margin-right:auto}.FriendRewards .upcomingNotice{max-width:680px;background:#55A834;background:-webkit-linear-gradient(to bottom,#55A834,#85C62C);background:-o-linear-gradient(to bottom,#55A834,#85C62C);background:-moz-linear-gradient(to bottom,#55A834,#85C62C);background:-ms-linear-gradient(to bottom,#55A834,#85C62C);background:linear-gradient(to bottom,#55A834,#85C62C);box-shadow:0 2px 6px 0 rgba(0,0,0,0.12);border-radius:5px;margin:0 auto 30px auto}.FriendRewards .upcomingNotice div:first-child{color:#fff}.FriendRewards .upcomingNotice div:first-child span{display:inline-block;font-size:30px;width:40px;height:40px;border-radius:50%;border:solid 2px #fff}@media (max-width:599px){.FriendRewards .upcomingNotice div:first-child span{font-size:16px;line-height:24px;width:24px;height:24px}}.FriendRewards .upcomingNotice .noticeContent{background-color:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px;padding:22px 20px;position:relative}.FriendRewards .upcomingNotice .noticeContent div:last-child{color:#999}@media (min-width:600px){.FriendRewards .upcomingNotice .noticeContent div:last-child{text-align:right}}.FriendRewards .upcomingNotice h2{margin:0;color:#55A834}.FriendRewards .upcomingNotice h3{margin:0;color:#55A834;font-weight:normal}.FriendRewards .upcomingNotice ol li{color:#999}.FriendRewards .upcomingNotice a{color:#999;font-size:12px}.FriendRewardsSection{max-width:928px;margin-left:auto;margin-right:auto}.FriendRewardsSection .square{text-align:start;margin-inline-start:3px}.membership{display:inline-block;background-color:rgba(255,255,255,0.7);margin:2px 0 15px;padding:0 20px;color:#3739B2}.PromoteMessage{font-size:40px;font-weight:bolder;margin-bottom:7px;color:white}@media (min-width:600px){.PromoteMessage{font-size:50px}}.Description{color:white}.HowToUseTitle{background-color:#ffdfe6;margin:26px 0 0;padding:5px 0;color:#8d69ab;color:#666}.HowToUseContainer{margin:0 0 23px;color:#444;box-shadow:0 3px 10px rgba(0,0,0,0.2)}.HowToUse{background-color:white;padding:30px 20px 37px}.first{box-shadow:inset 0 7px 9px -7px rgba(0,0,0,0.1)}.second{box-shadow:inset 0 7px 9px -7px rgba(0,0,0,0.1)}@media (min-width:600px){.second{box-shadow:inset 7px 7px 9px -7px rgba(0,0,0,0.1)}html[dir=rtl] .second{box-shadow:inset -7px 7px 9px -7px rgba(0,0,0,0.1)}}.SubTitle{text-decoration:underline;color:#333;margin-bottom:5px}.important{background-color:#FFDFE6;padding:10px 5px;border-radius:5px;box-shadow:0 3px 5px rgba(0,0,0,0.1)}.ImportantMessage{text-decoration:underline}.EarnNowMessage{font-size:25px;color:#444}.EarnNowDescribtion{color:#444}.GoToRewardsPage{min-width:280px}.FriendRewardsInfo{margin-top:-1px;padding:0 16px 52px;color:#666;background:#fff}.FriendRewardsInfo h4{margin:8px 0;color:#444;font-size:16px}.FriendRewardsInfo .subTitle{margin-bottom:5px;color:#666;font-weight:bold}.FriendRewardsInfo .round-btn-wrapper{margin-top:30px}.FriendRewardsInfo .round-btn-wrapper .md-button{margin:0 0 8px}.FriendRewardsInfo .round-btn-wrapper .md-button:first-child{margin-right:16px}.circleGreenStamp{-webkit-transition:0.3s;transition:0.3s;position:relative;top:-1px;display:inline-block;width:120px;height:120px;margin:0 auto;background:#fff;text-algin:center;box-shadow:0 5px 12px 0 rgba(0,0,0,0.12)}.circleGreenStamp+div{padding-top:10px;font-size:18px}.circleGreenStamp,.circleGreenStamp .icon{border-radius:100px}.circleGreenStamp .icon{-webkit-transition:0.3s;transition:0.3s;position:absolute;color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.12);inset:4px;display:flex;justify-content:center;align-items:center}.circleGreenStamp .icon:before{font-size:80px}.circleGreenStamp .icon-rewards-shop:before{margin-top:4px;margin-right:4px}@media (min-width:600px){.circleGreenStamp{width:144px;height:144px}.circleGreenStamp+div{font-size:18px}.circleGreenStamp .icon{inset:8px}.circleGreenStamp .icon:before{font-size:90px}.circleGreenStamp .icon-rewards-shop:before{margin-right:6px}}.gradientGreen,.circleGreenStamp .icon{background:-moz-linear-gradient(125deg,#53fdc3 0,#51ceec 100%);background:-webkit-gradient(left top,right bottom,color-stop(0,#53fdc3),color-stop(100%,#51ceec));background:-webkit-linear-gradient(125deg,#53fdc3 0,#51ceec 100%);background:-o-linear-gradient(125deg,#53fdc3 0,#51ceec 100%);background:-ms-linear-gradient(125deg,#53fdc3 0,#51ceec 100%);background:linear-gradient(160deg,#8680c8 0,#ffb0c4 100%)}