.overlayer{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 555; background: rgba(0, 0, 0, 0.65);}
#SubProductRules{width: 700px; position: fixed; z-index: 666; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#SubProductRules .content{ width: 100%; -ms-border-radius: 20px; border-radius: 20px; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid rgba(255, 255, 255, 0.26);  font: 13px/22px Arial; color: #333333; position: relative;overflow: hidden}
#SubProductRules .contentCrop{ width: 100%; height: 240px; overflow: auto; padding-right: 10px;}
#SubProductRules .content:after{ content: ""; width: 100%;background:#fff; height: 100%; position: absolute; left: 0; top: 0;z-index: -1}
#SubProductRules .frameFooter{ width: 100%;}
#SubProductRules .frameFooter #txtAcceptRule{ margin: 14px 0 20px;}
#SubProductRules .frameFooter .lbRule{ font: bold 13px/22px Arial; color: #ffffff;}
#SubProductRules .frameFooter .actionStep{text-align: center}
#SubProductRules .frameFooter .actionStep .action{ font: bold 14px/35px Arial; color: #ffffff; border: 1px solid #bdbdbd; -ms-border-radius: 2px; border-radius: 2px; height: 37px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; display: inline-block; margin-right: 20px;cursor: pointer}
#SubProductRules .frameFooter .actionStep .continues{background: #048cca}
#SubProductRules .frameFooter .actionStep .close{background: #3e4b74}
#SubProductRules .frameFooter .actionStep .buynow{background: #ff4701}