.modal{display:none;position:fixed;z-index:1000;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#171D23;min-width:835px !important}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;border-radius:10px;width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;animation-name:animatetop;animation-duration:0.4s}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.close{color:white;float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-header{padding:2px 16px;background-color:#ff0000;color:white;border-top-left-radius:10px;border-top-right-radius:10px}.modal-header.redeem{background-color:#282f34;color:#3b3f41}.modal-body{background-color:#282f34;padding:2px 16px;text-align:center;border-top-left-radius:8px;border-top-right-radius:8px;color:#d0d3d4}.modal-body .modal-body-info{color:red;height:2em;font-weight:100;padding-top:1em}.modal-body .modal-body-input-group{margin:0 17%}.modal-body .modal-body-input-group input{float:left;width:64%;height:3em;border:1px solid #e27200;padding:4px 8px 0px;-webkit-appearance:none;box-sizing:content-box;font:bold 11px 'Noto Sans TC', sans-serif}@media (min-width: 970px) and (max-width: 1450px){.modal-body .modal-body-input-group input{width:70%}}@media (min-width: 1450px){.modal-body .modal-body-input-group input{width:80%}}.modal-body .modal-body-input-group button{float:left;border:none;padding:0px 27px 6px;-webkit-appearance:none;box-sizing:content-box;margin-left:-3px;color:white;font:bold 22px 'Noto Sans TC', sans-serif;white-space:nowrap}.modal-body .modal-body-input-group .modal-body-note{clear:both;margin:6px 0 0;font-size:13px;text-align:left}.modal-body.redeem{padding:10% 16px}.modal-body.redeem button{background-color:#e27200}.modal-body.expire{padding:8% 16px}.modal-body.expire img{width:15%;margin:2em 10px 0}.modal-footer{padding:2px 16px;background-color:#282f34;color:white;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.modal-footer img{width:35%;margin:1em 33% 2em}.modal-footer.redeem{background-color:#282f34;color:#3b3f41}