.modal-layer {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }
  .modal-layer.modal-show {
    display: block; }

.modal-wrapper {
  display: none;
  z-index: 1100; }
  .modal-wrapper.modal-show {
    display: block; }

body {
  font-size: 14px;
  line-height: 1.5;
  word-break: normal;
  min-width: 1200px; }

#popup_ok {
  color: #e4c58e;
  background: #646464;
  background: -webkit-linear-gradient(top, #646464, #535353); }

.banner {
  position: relative;
  margin-top: 100px;
  overflow: hidden;
  height: 369px;
  background: #000 url(/hera/img/acti-banner-30e3384579cf734376adbb7167264704.jpg) top center no-repeat; }

.header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: no-repeat; }

.act-wrap {
  width: 1200px;
  margin: 160px auto 0; }

.act-area {
  width: 400px; }

.activate-label {
  margin-right: 5px;
  color: #ffeec3;
  width: 80px; }

#activate-input {
  width: 280px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  border: 1px solid #ffeec3;
  border-radius: 5px;
  text-indent: 15px;
  color: #fff; }

.activate-btn {
  text-align: center;
  line-height: 35px;
  width: 100px;
  height: 35px;
  display: block;
  margin: 8px 0 0 65px;
  color: #000;
  border: 1px solid #ffeec3;
  background: #ffeec3;
  background: linear-gradient(to right, #ffeec3, #e8cd99);
  border-radius: 5px;
  cursor: pointer; }

.err {
  color: #ff5331;
  display: block;
  width: 100%;
  margin-top: 10px;
  margin-left: 65px;
  height: 20px;
  line-height: 20px; }

.rules {
  margin: 60px auto;
  width: 1200px;
  height: 305px;
  background: #fff url(/hera/img/acti-rule-98367086ec569852d00f87d6de1805af.png) top center no-repeat; }
  .rules .rules-saying {
    width: 800px;
    margin: 10px auto;
    padding-top: 20px; }
  .rules h3 {
    font-weight: 600;
    letter-spacing: .5px;
    color: #af8d50;
    width: 160px;
    text-align: left;
    text-indent: 30px;
    margin: 10px 0;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAAdCAYAAABWv6VKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQzMzFGRkFBMEQwMTExRUFBN0M2OUVBOUQ2RUJBREEyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQzMzFGRkFCMEQwMTExRUFBN0M2OUVBOUQ2RUJBREEyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDMzMUZGQTgwRDAxMTFFQUE3QzY5RUE5RDZFQkFEQTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDMzMUZGQTkwRDAxMTFFQUE3QzY5RUE5RDZFQkFEQTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6KpdmqAAABIUlEQVR42uzbwQ3CMAxGYYdhkViJBZiJIZjh51woaQIpqe3nE1CRCuXxHaAtj/vtbMu5Wn0u5ma0+vD1xbL6Fn1eUxvnenuq5Tma1ttY38mcLMNU9qbsvpmqHwscV/DA1H9cDWt262UVveJPfMEOq5eF1ytwYB70kmWY2IKhF4GhF4KhF3oR2HS9miLOpVdcwWbopca1EukVLDD0IrDseg35ohAYenWth2CB9Rp5TvTK9TNFk14autHoFTIw/bDxvctqR3BEYP46+5deQq+YgWlerOiVSLCRV6sOjSO3Xs4DO45e5Yifg8DQC8HQy7gcOrNgw/4WmqWXCMyfXvpuH9GLwPbRa3Tk6OU4MG5FIzD0Qi+fgaEXgaXWy9BrZZ4CDABx575yyT2/ywAAAABJRU5ErkJggg==) top center no-repeat; }
  .rules a {
    color: #af8d50; }
  .rules p {
    color: #24374e;
    font-weight: 600;
    line-height: 35px;
    font-size: 15px; }

#popup_panel a {
  letter-spacing: 0; }

/*# sourceMappingURL=activate.c7a230e7105324e0d346cc144a7c30ea.css.map*/