.mdOptInCard{width:450px;position:fixed;top:55px;left:-450px;padding:15px 30px;background-color:rgba(255,255,255,.98);border:solid 1px #ccc;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.25);text-align:center;opacity:0;z-index:1010;transition:opacity .4s ease-out,-webkit-transform .6s ease-out;transition:opacity .4s ease-out,transform .6s ease-out;transition:opacity .4s ease-out,transform .6s ease-out,-webkit-transform .6s ease-out}
.mdOptInCard.isShow{opacity:1;-webkit-transform:translateX(460px);-ms-transform:translateX(460px);transform:translateX(460px)}
.mdOptInCard .elTitle{color:#333;font-size:17px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mdOptInCard .elText{margin-top:10px;color:grey;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mdOptInCard .elButtonArea{margin-top:10px;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}
.mdOptInCard .elCancelButton{width:120px;height:40px;padding:5px 10px;border-radius:5px;border:solid 1px grey;line-height:30px;background-color:#fff;color:#333}
.mdOptInCard .elAcceptButton{width:220px;height:40px;padding:5px 10px;border-radius:5px;border:none;line-height:30px;background-color:#ff8400;color:#fff;font-weight:700}