@font-face {
     font-family: 'FontMS';
     src: url('/Css/font/msjh.ttc'), url('/Css/font/msyh.ttc');
     font-weight: normal;
     font-style: normal
 }

 #Regestmod {
     width: 800px;
     margin: 30px auto;
 }

 #Regestmod .content {
     background: #101010;
     border: 1px solid #2a2a2a;
     box-sizing: border-box;
     padding: 40px 0px 40px 40px;
     margin: 15px 0 5px 0;
     font: 14px/20px 'Microsoft JhengHei Regular', 'Microsoft JhengHei', 'FontMS';
     box-shadow: 0 0 8px #000 inset;
     color: #747474
 }

 #Regestmod .form {
     border-radius: 3px;
     margin: 0px;
     width: 264px;
     float: right;
     border: 1px solid #313131;
     background: #1b1b1b;
     line-height: 40px;
     height: 40px;
     padding-left: 12px;
     box-sizing: border-box;
 }

 #Regestmod .form.l {
     width: 264px;
     height: 40px;
 }

 #Regestmod .form.fl {
     float: left
 }

 #Regestmod .form hr {
     width: 1px;
     height: 38px;
     border: 0;
     background: #313131;
     vertical-align: top;
     margin-left: 20px;
     float: left;
 }

 #Regestmod .content label {
     font: 14px/40px 'Microsoft JhengHei Regular', 'Microsoft JhengHei', 'FontMS';
     width: auto;
     float: left;
     text-align: center;
     margin: 0px;
     color: #cfac6f;

 }

 #Regestmod .title {
     width: 718px;
     padding-left: 19px;
     border-bottom: 0px solid #9d7736;
 }

 #Regestmod span {
     font: 14px/20px 'Microsoft JhengHei Regular', 'Microsoft JhengHei', 'FontMS';
     color: #9e9d9d
 }

 #Regestmod ul.eventslt li {
     float: left;
     background-image: url(/images/new_regist/img_promo_01_1.png);
     background-size: 140px 240px;
     width: 140px;
     height: 120px;
     border-radius: 8px;
     margin-right: 52px;
 }

 #Regestmod ul.eventslt li:nth-child(2) {
     background-image: url(/images/new_regist/img_promo_02.png);
     background-position-y: 0px;
     background-position-x: 0px;
 }

 #Regestmod ul.eventslt li:last-child {
     background-image: url(/images/new_regist/img_promo_03.png);
     background-position-y: 0px;
     background-position-x: 0px;
     margin-right: 0;

 }

 #Regestmod ul.eventslt li:hover {
     background-image: url(/images/new_regist/img_promo_01_1.png);
     background-position-y: 120px;
 }

 #Regestmod ul.eventslt li:nth-child(2):hover {
     background-image: url(/images/new_regist/img_promo_02.png);
     background-position-y: 120px;
 }

 #Regestmod ul.eventslt li:last-child:hover {
     background-image: url(/images/new_regist/img_promo_03.png);
     background-position-y: 120px;
 }

 #Regestmod ul.eventslt li a {
     width: 140px;
     height: 120px;
     display: inline-block;
     text-indent: -999em
 }

 #Regestmod .css-regest.css-step1 {
     background: url(/images/new_regist/regeststep1.png) no-repeat;
     width: 800px;
     height: 43px;
     background-size: 800px 43px;
 }

 #Regestmod .css-regest.css-step2 {
     background: url(/images/new_regist/regeststep2.png) no-repeat;
     width: 800px;
     height: 43px;
     background-size: 800px 43px;
 }

 #Regestmod .css-prompt {
     color: #ddac59;
     font: 13px/20px 'Microsoft JhengHei Regular', 'Microsoft JhengHei', 'FontMS';
 }

 #Regestmod .regeststep1_table .table_title {
     color: #c79f56;
     font: 19.5px/19.5px 'Microsoft JhengHei Regular', 'Microsoft JhengHei', 'FontMS';
     display: block;
 }

 #Regestmod .regeststep1_table .table_content {
     color: #c5b69a;
     font: 14px/14px 'Microsoft JhengHei Regular', 'Microsoft JhengHei', 'FontMS';
     display: block;
     margin-top: 6px;
 }

 #Regestmod .css-label-radioas {
     display: block;
     float: right;
     border: 1px solid #313131;
     background: #1B1B1B;
     border-radius: 100%;
     height: 14px;
     width: 14px;
     margin-top: 12px;
     margin-left: 6px;
     z-index: 5;
     transition: border .25s linear;
     -webkit-transition: border .25s linear;
 }

 #Regestmod .css-label-radioas::before {
     display: block;
     content: '';
     border-radius: 100%;
     height: 8px;
     width: 8px;
     margin: auto;
     margin-top: 3px;
     transition: background 0.25s linear;
     -webkit-transition: background 0.25s linear;
 }

 input[type=radio]:checked~.css-label-radioas:before {
     background: #BB9550;
 }

 input[type=radio].css-radio {
     position: absolute;
     overflow: hidden;
     clip: rect(0 0 0 0);
     height: 1px;
     width: 1px;
     margin: -1px;
     padding: 0px;
     border: 0;
 }

 #Regestmod .content input {
     font-size: 14px;
     font-family: 'Microsoft JhengHei Regular', 'Microsoft JhengHei', 'FontMS';
     color: #ac8a4d;
     border: 0;
     background: none;
     width: 80%;
     float: left;
     height: 38px;
 }

 #Regestmod .regeststep1_table input::-webkit-input-placeholder {
     color: #6c6c6a;
 }

 #Regestmod .regeststep1_table input:-moz-placeholder {
     color: #6c6c6a;
 }

 #Regestmod .regeststep1_table input::-moz-placeholder {
     color: #6c6c6a;
 }

 #Regestmod .regeststep1_table input:-ms-input-placeholder {
     color: #6c6c6a;
 }

 #Regestmod .css-prompt {
     text-align: center;
     width: 718px
 }

 #Regestmod .css-checkboxlink {
     color: #c79f56;
     cursor: pointer;
 }

 #Regestmod .regbtn button {
     height: 42px;
     width: 343px;
     font: 17.5px/42px 'Microsoft JhengHei Regular', 'Microsoft JhengHei', 'FontMS';
     color: #ffffff;
     background-color: #C19147;
     border-radius: 5px;
     border: 0px;
     cursor: pointer;
 }

 #Regestmod .regbtn button:hover {
     background: #9B7431;
 }

 #Regestmod .regbtn button.css-disabled {
     background-color: #979797;
     cursor: unset;
 }

 #Regestmod .regbtn button.css-disabled:hover {
     background: #979797;
 }

 #Regestmod .regbtn a {
     height: 50px;
     width: 208px;
     font: 17.5px/50px 'Microsoft JhengHei Regular', 'Microsoft JhengHei', 'FontMS';
     color: #fff;
     background-color: #c29240;
     border-radius: 5px;
     border: 0;
     cursor: pointer;
     padding: 11px 38px;
     margin: 0px 5px;
 }

 #Regestmod .regbtn a:first-child {
     background: #734f21;
     color: #fff
 }

 #Regestmod .regbtn a:first-child:hover {
     background: #533712;
     color: #fff
 }

 #Regestmod .regbtn a:last-child:hover {
     background: #9d7736;
     color: #fff
 }

 #Regestmod .css-input_show_msg_div {
     display: none;
     font-size: 13px;
     color: #f50a0a;
 }

 #Regestmod .css-input_show_msg_tr {
     height: 24px;
 }

 #Regestmod .css-input_show_msg_tr td {
     text-align: center;
 }

 #Regestmod .form.success {
     border: 1px solid #a07a39;
 }

 #Regestmod .form.error {
     border: 1px solid #7d0000;
 }

 #Regestmod .css-step2_title {
     color: #a07a39;
     font: 26.2px/35px 'Microsoft JhengHei Regular', 'Microsoft JhengHei', 'FontMS';
     font-weight: bold;
     margin: auto;
 }

 #Regestmod .css-step2_content {
     color: #e1cfa8;
     font: 18.2px/28px 'Microsoft JhengHei Regular', 'Microsoft JhengHei', 'FontMS';
     margin: auto;
 }

 #Regestmod input[type=checkbox].css-checkbox+label.css-label {
     margin-left: 5px;
     margin-right: 0px;
     width: 14px;
     display: inline-block;
     background-repeat: no-repeat;
     background-position: 0 0;
     vertical-align: middle;
     cursor: pointer;
     opacity: 1;
     padding-left: 8px;
     height: 14px;
     background-size: 14px;
 }

 #Regestmod input[type=checkbox].css-checkbox:checked+label.css-label {
     width: 14px;
     height: 14px;
     background-position: 0 -14px;
 }

 #Regestmod .content .title {
     background: url(/images/new_regist/title-regist.png) no-repeat;
     width: 718px;
     height: 40px;
     background-size: 718px 40px;
     margin-bottom: 15px;
     box-sizing: border-box;
     text-align: left;
     font: 12px/40px "宋体";
     color: #c09954;

 }

 #Regestmod .content .title .css-password {
     float: right;
     width: 115px;
     height: 40px;
 }

 #Regestmod .content .title .css-customer_service {
     float: right;
     width: 115px;
     height: 40px;
 }

 #Regestmod .content .title .css-password:hover {
     background: url(/images/new_regist/password_hover.png) no-repeat;
     background-size: 718px 40px;
     background-position-x: -488px;
 }

 #Regestmod .content .title .css-customer_service:hover {
     background: url(/images/new_regist/customer_service_hover.png) no-repeat;
     background-size: 718px 40px;
     background-position-x: -603px;
 }

 #Regestmod .css-hr_bar {
     background: url(/images/new_regist/hr_bar.png) no-repeat;
     background-size: 718px 1px;
     width: 718px;
     height: 1px;
     margin-top: 15px;
     margin-bottom: 20px;
 }

 #Regestmod ul.eventslt {
     list-style: none;
     overflow: hidden;
     width: 524px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 18px;
 }

 #Regestmod .css-input_prompt_msg {
     position: absolute;
     display: none;
     font-size: 13px;
     background: url(/images/new_regist/bg01.png) no-repeat;
     background-size: 183px 56px;
     color: #c79f56;
     margin-left: 275px;
     width: 183px;
     height: 56px;
     padding-left: 23px;
     padding-top: 8px;
 }

 #Regestmod .css-input_prompt_msg.css-pl_ID_prompt_msg {
     background: url(/images/new_regist/bg01.png) no-repeat;
     background-size: 183px 76px;
     height: 76px;
 }

 #regist-slider-captcha .block {
     position: absolute;
     left: 0;
     top: 0;
 }

 #regist-slider-captcha .card {
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-clip: border-box;
     border: 1px solid rgba(0, 0, 0, .125);
 }

 #regist-slider-captcha .card-header {
     padding: .75rem 1.25rem;
     margin-bottom: 0;
     background-color: rgba(0, 0, 0, .03);
     border-bottom: 1px solid rgba(0, 0, 0, .125);
 }

 #regist-slider-captcha .card-header:first-child {
     border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
 }

 #regist-slider-captcha .card-body {
     flex: 1 1 auto;
     padding: 1.25rem;
 }

 #regist-slider-captcha .sliderContainer {
     position: relative;
     text-align: center;
     line-height: 40px;
     background: #f7f9fa;
     color: #45494c;
     border-radius: 2px;
 }

 #regist-slider-captcha .sliderbg {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     background-color: #f7f9fa;
     height: 40px;
     border-radius: 2px;
     border: 1px solid #e6e8eb;
 }

 #regist-slider-captcha .sliderContainer_active .slider {
     top: -1px;
     border: 1px solid #1991FA;
 }

 #regist-slider-captcha .sliderContainer_active .sliderMask {
     border-width: 1px 0 1px 1px;
 }

 #regist-slider-captcha .sliderContainer_success .slider {
     top: -1px;
     border: 1px solid #52CCBA;
     background-color: #52CCBA !important;
 }

 #regist-slider-captcha .sliderContainer_success .sliderMask {
     border: 1px solid #52CCBA;
     border-width: 1px 0 1px 1px;
     background-color: #D2F4EF;
 }

 #regist-slider-captcha .sliderContainer_fail .slider {
     top: -1px;
     border: 1px solid #f57a7a;
     background-color: #f57a7a !important;
 }

 #regist-slider-captcha .sliderContainer_fail .sliderMask {
     border: 1px solid #f57a7a;
     background-color: #fce1e1;
     border-width: 1px 0 1px 1px;
 }

 #regist-slider-captcha .sliderContainer_active .sliderText,
 #regist-slider-captcha .sliderContainer_success .sliderText,
 #regist-slider-captcha .sliderContainer_fail .sliderText {
     display: none;
 }

 #regist-slider-captcha .sliderMask {
     position: absolute;
     left: 0;
     top: 0;
     height: 40px;
     border: 0 solid #1991FA;
     background: #D1E9FE;
     border-radius: 2px;
 }

 #regist-slider-captcha .slider {
     position: absolute;
     top: 0;
     left: 0;
     width: 40px;
     height: 40px;
     background: #fff;
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
     cursor: pointer;
     transition: background .2s linear;
     border-radius: 2px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 #regist-slider-captcha .slider:hover {
     background: #1991FA;
 }

 #regist-slider-captcha .sliderText {
     position: relative;
 }

 #regist-slider-captcha .sliderIcon {
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAoCAMAAABDwLOoAAAASFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACrhKybAAAAF3RSTlMA7zLrWfgF8+VuYdloGd/Unod5UEk/JuikflwAAACHSURBVDjLtZQ3EoAwEAMBBzA53/9/Ch0UDKvGqnfmkk5FNg0DIn03+X8iptrM/UP+RgiazRBqA0NxVaBUC+X6UunJCZBvBGhToH0UoKN7Q/GsvpTe0y1N+algDxQM5NrCUE5hpFrcszY775BvwTfVvcEeY6+y5/l3+Af5lzkTtGzhjOKsy6QLcJkeed/I170AAAAASUVORK5CYII=');
     width: 40%;
     height: 40%;
     background-position: center;
     background-size: cover;
 }

 #regist-slider-captcha .refreshIcon {
     position: absolute;
     right: 0;
     top: 0;
     cursor: pointer;
     margin: 6px;
     color: rgba(0, 0, 0, .25);
     font-size: 1rem;
     z-index: 5;
     transition: color .3s linear;
 }

 #regist-slider-captcha .refreshIcon:hover {
     color: #6c757d;
 }

 #regist-slider-captcha canvas {
     position: relative;
     vertical-align: middle;
 }

 #regist-modal-slider .sliderContainer {
     height: 40px;
 }

 #regist-modal-slider .sliderbg {
     height: 100%;
 }

 #regist-modal-slider .sliderMask {
     height: 100%;
 }

 #regist-modal-slider #regist-slider-captcha {
     margin: 15px auto !important;
 }

 #regist-modal-slider .notice {
     margin: 0px auto 13px;
     color: rgb(193, 145, 71);
 }

 #RegistHint_modal {
     color: #000000;
     background: #A47E3D;
     padding: 10px 20px;
     width: 220px;
     display: none;
     margin-top: -100px;
     font-size: 18px;
     font-family: Arial, '微软雅黑';
     text-align: center;
 }