/*mixin.sass/common*/
/*_mixin-gradient.sass/common*/
/*_mixin-keyframe.sass/common*/
/*effect.sass/common*/
/*root.sass/common*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
  color: #000;
  font: 16px "Microsoft YaHei", Arial, Helvetica, sans-serif, "Zawgyi-One";
  text-decoration: none;
  list-style-type: none;
  background-color: #050317;
}

a {
  display: inline-block;
  text-decoration: none;
  outline: none;
  behavior: expression(this.onFocus=this.blur());
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style-type: none;
}

input[type=text]::-ms-clear {
  display: none;
}

input, select, option, textarea, button {
  outline: none;
  border: none;
}

div:focus {
  outline: none;
}

h1, h2, h3, h4, h5, p {
  margin: 0;
}

h1 {
  font-size: 32px;
}
h1.h1-tits {
  font-size: 30px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 16px;
}

span, h5 {
  font-size: 14px;
}

body {
  position: relative;
}

.lay-screen {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

.ul-copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  color: #c4c4c4;
  font-size: 1em;
  padding: 15px 0;
}

.ipt--basic {
  background: none;
  font-size: 0.88em;
  line-height: 2.3;
  color: #fff;
}

.panel--user, .panel--password, .panel--captcha, .panel--input {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 36px;
  margin: 0 14px;
  background: transparent url("imgs/header/ipt--basic--middle.png") center center repeat-x;
}
.panel--user:before, .panel--user:after, .panel--password:before, .panel--password:after, .panel--captcha:before, .panel--captcha:after, .panel--input:before, .panel--input:after {
  position: absolute;
  display: inline-block;
  content: "";
  vertical-align: top;
  width: 10px;
  height: 36px;
}
.panel--user:before, .panel--password:before, .panel--captcha:before, .panel--input:before {
  left: -10px;
  background: transparent url("imgs/header/ipt--basic--left.png") left center no-repeat;
}
.panel--user:after, .panel--password:after, .panel--captcha:after, .panel--input:after {
  right: -10px;
  background: transparent url("imgs/header/ipt--basic--right.png") right center no-repeat;
}
.panel--user .ipt--basic {
  width: 162px;
}
.panel--password .ipt--basic {
  width: 131px;
}
.panel--captcha .ipt--basic {
  width: 110px;
}
.panel--switch.switchLeft {
  width: 295px;
  padding-top: 10px;
}
.sw--basic {
  display: block;
  color: #bababa;
  width: 274px;
  height: 52px;
  text-align: center;
  padding: 25px 0 0 45px;
  margin: 10px 0;
}

.btn--primary {
  width: 101px;
  height: 40px;
  color: #fff;
  margin-top: -2px;
  vertical-align: top;
  background: transparent url("imgs/button/Bg-btn--primary.png") left center no-repeat;
}
.btn--primary:hover, .btn--primary:focus {
  background-image: url("imgs/button/Bg-btn--primary-hover.png");
}
.btn--primary2 {
  display: block;
  width: 225px;
  height: 43px;
  color: #fff;
  margin: 10px 0 0 0;
  background: transparent url("imgs/button/btn--primary2.png") center top no-repeat;
}
.btn--primary2:hover, .btn--primary2:focus {
  background: transparent url("imgs/button/btn--primary2-hover.png") center top no-repeat;
}

.lnk--primary {
  width: 194px;
  height: 40px;
  color: #fff;
  margin-top: -2px;
  vertical-align: top;
  text-align: center;
  line-height: 40px;
  text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.5);
  background: transparent url("imgs/button/Bg-btn--primaryLong.png") left center no-repeat;
}
.lnk--primary:hover, .lnk--primary:focus {
  background-image: url("imgs/button/Bg-btn--primaryLong-hover.png");
}
.lnk--primary.primaryLong2 {
  width: 294px;
  background: transparent url("imgs/button/Bg-btn--primaryLong2.png") center top no-repeat;
}
.lnk--primary.primaryLong2:hover, .lnk--primary.primaryLong2:focus {
  background-position: center -58px;
}
.lnk--primary2 {
  display: block;
  width: 254px;
  height: 62px;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  line-height: 2.7;
  color: #fff;
  font-style: italic;
  background: transparent url("imgs/button/Bg-btn--primaryLong3.png") center top no-repeat;
}
.lnk--primary2:hover, .lnk--primary2:focus {
  background-position: center -135px;
}
.lnk--basic {
  color: #fff;
  font-size: 14px;
}
.lnk--basic2 {
  color: #fff;
  font-size: 20px;
  font-weight: lighter;
}
.lnk--basic3 {
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  color: #fff;
  background: transparent url("imgs/button/switchBg-pagerNum.png") center top no-repeat;
}
.lnk--basic3:hover, .lnk--basic3:focus, .lnk--basic3.show {
  background-position: center bottom;
}
.lnk--basic4 {
  color: #fff;
  font-size: 20px;
}

.span--primary {
  color: #fff;
  font-size: 16px;
}
.span--primary:hover, .span--primary:focus {
  color: #e9b21a;
}

.i--tag {
  position: absolute;
}
.i--tag.i--hot {
  width: 40px;
  height: 16px;
  right: -34px;
  top: -14px;
  background: transparent url("imgs/header/tag--hot.png") left center no-repeat;
}
.i--tag.i--HOT {
  width: 93px;
  height: 93px;
  left: 16px;
  top: 4px;
  background: transparent url("imgs/icons/tag--hot2.png") left center no-repeat;
}
.i--tag.i--JP {
  width: 93px;
  height: 93px;
  left: 16px;
  top: 4px;
  background: transparent url("imgs/icons/tag--jp.png") left center no-repeat;
}

.h2--tit {
  color: #e9b21a;
  font-weight: lighter;
  font-style: italic;
  letter-spacing: 1px;
}

.h3-tit {
  font-size: 20px;
  font-weight: lighter;
  color: #fff;
}

.p--primary {
  color: #9fbcd7;
  font-size: 14px;
  letter-spacing: 1px;
}
.p--primary3 {
  color: #fff;
  font-size: 16px;
  line-height: 2;
}

.reg--qkMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ul--qkMenu {
  padding-left: 60px;
}
.ul--qkMenu .qkMenu-tit {
  color: #c8c7c3;
  font-weight: bold;
  margin: 0 0 15px 0;
}
.ul--qkMenu.qkOne {
  background: transparent url("imgs/icons/qkMenu-01.png") 0 center no-repeat;
}
.ul--qkMenu.qkTwo {
  background: transparent url("imgs/icons/qkMenu-02.png") 0 center no-repeat;
}
.ul--qkMenu.qkThree {
  background: transparent url("imgs/icons/qkMenu-03.png") 0 center no-repeat;
}
.ul--qkMenu.qkFour {
  background: transparent url("imgs/icons/qkMenu-04.png") 0 center no-repeat;
}
.ul--qkMenu:before {
  display: inline-block;
  content: "";
}
.ul--qkMenu .lnk {
  color: #c8c7c3;
  font-size: 14px;
  line-height: 1.8;
}
.ul--qkMenu .lnk:hover, .ul--qkMenu .lnk:focus {
  color: #e9b21a;
}

.reg--resonTwo {
  margin: 40px auto 0;
}
.reg--resonTwo .decor-radiusBlue {
  width: 984px;
  height: 71px;
  background: transparent url("imgs/main/Bg-reasonTwo-tit.png") left center no-repeat;
}
.reg--resonTwo .h2--tit {
  padding: 0 0 0 65px;
  margin-bottom: 25px;
  line-height: 2.9;
}
.reg--resonTwo .ul--resonList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  height: 480px;
}
.reg--resonTwo .li--resonList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.reg--resonTwo .blockquote {
  width: 495px;
  color: #a3987a;
  margin: 0 0 20px;
}
.reg--resonTwo .blockquote .h5--tit {
  color: #e0ab1a;
  font-weight: bold;
}
.reg--resonTwo .i--num {
  display: inline-block;
  text-indent: -9px;
  width: 67px;
  height: 78px;
}
.reg--resonTwo .i--num.num1 {
  background: transparent url("imgs/main/Bg-reasonTwo-01.png") left center no-repeat;
}
.reg--resonTwo .i--num.num2 {
  background: transparent url("imgs/main/Bg-reasonTwo-02.png") left center no-repeat;
}
.reg--resonTwo .i--num.num3 {
  background: transparent url("imgs/main/Bg-reasonTwo-03.png") left center no-repeat;
}
.reg--resonTwo .i--num.num4 {
  background: transparent url("imgs/main/Bg-reasonTwo-04.png") left center no-repeat;
}
.reg--resonTwo .i--num.num5 {
  background: transparent url("imgs/main/Bg-reasonTwo-05.png") left center no-repeat;
}
.reg--resonTwo .i--num.num6 {
  background: transparent url("imgs/main/Bg-reasonTwo-06.png") left center no-repeat;
}
.reg--resonTwo .i--num.num7 {
  background: transparent url("imgs/main/Bg-reasonTwo-07.png") left center no-repeat;
}
.reg--footer {
  height: 285px;
  background: transparent url("imgs/layout/Bg-logos.png") center bottom no-repeat;
}
.reg--footer .ul--logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  padding-top: 175px;
}
.reg--footer .li--logos {
  margin: 0 7px;
}
.reg--footer .logos-01 {
  width: 104px;
  height: 34px;
  background: transparent url("imgs/icons/f-logos01.png") center no-repeat;
  background-size: contain;
}
.reg--footer .logos-02 {
  width: 27px;
  height: 34px;
  background: transparent url("imgs/icons/f-logos02.png") center no-repeat;
}
.reg--footer .logos-03 {
  width: 47px;
  height: 34px;
  background: transparent url("imgs/icons/f-logos03.png") center no-repeat;
}
.reg--footer .logos-04 {
  width: 42px;
  height: 34px;
  background: transparent url("imgs/icons/f-logos04.png") center no-repeat;
}
.reg--footer .logos-05 {
  width: 40px;
  height: 34px;
  background: transparent url("imgs/icons/f-logos05.png") center no-repeat;
}
.reg--footer .ul--copyright {
  text-align: center;
  margin-top: 15px;
}
.reg--footer .li--copyright {
  color: #c8c7c3;
  font-size: 12px;
}

.note-browserSupport, .BOX--marquee {
  width: 100vw;
  height: 100vh;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.8);
}
.note-inner {
  position: relative;
  width: 650px;
  margin: 20% auto;
  background-color: #0b2d37;
  padding: 40px;
  border-radius: 20px;
  border: 2px solid #f6bf3d;
  background: #0e263c;
  background: -webkit-gradient(linear, left top, left bottom, from(#0e263c), to(#091523));
  background: -o-linear-gradient(top, #0e263c 0%, #091523 100%);
  background: linear-gradient(to bottom, #0e263c 0%, #091523 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0e263c", endColorstr="#091523",GradientType=0 );
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.note-inner:after {
  position: absolute;
  display: inline-block;
  content: "";
  border: 2px solid #49749b;
  border-radius: 12px;
  width: 97.7%;
  height: 94%;
  left: 5px;
  top: 5px;
  pointer-events: none;
}

.note-browserSupport .tit-head, .BOX--marquee .tit-head {
  padding-top: 10px;
}
.note-browserSupport .h1-tit, .BOX--marquee .h1-tit {
  color: #f6bf3d;
}
.note-browserSupport .txt-tit, .BOX--marquee .txt-tit {
  color: #898989;
}
.note-browserSupport p, .BOX--marquee p {
  color: #fff;
  margin: 5px auto;
  font-size: 1.3em;
  font-weight: lighter;
  letter-spacing: 1px;
  line-height: 1.5;
}

.pace {
  width: 140px;
  height: 300px;
  position: fixed;
  top: -90px;
  right: -20px;
  z-index: 2000;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 2s linear 0s;
  -o-transition: all 2s linear 0s;
  transition: all 2s linear 0s;
}
.pace.pace-active {
  -webkit-transform: scale(0.25);
  -ms-transform: scale(0.25);
  transform: scale(0.25);
  opacity: 1;
}
.pace .pace-activity {
  width: 140px;
  height: 140px;
  border-radius: 70px;
  background: #eec352;
  position: absolute;
  top: 0;
  z-index: 1911;
  -webkit-animation: pace-bounce 1s infinite;
  animation: pace-bounce 1s infinite;
}
.pace .pace-progress {
  position: absolute;
  display: block;
  left: 50%;
  bottom: 0;
  z-index: 1910;
  margin-left: -30px;
  width: 60px;
  height: 75px;
  background: rgba(20, 20, 20, 0.1);
  -webkit-box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.1);
          box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.1);
  border-radius: 30px/40px;
  -webkit-transform: scaleY(0.3) !important;
  -ms-transform: scaleY(0.3) !important;
  transform: scaleY(0.3) !important;
  -webkit-animation: pace-compress 0.5s infinite alternate;
  animation: pace-compress 0.5s infinite alternate;
}

@-webkit-keyframes pace-bounce {
  0% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
  }
  50% {
    top: 140px;
    height: 140px;
    -webkit-animation-timing-function: ease-out;
  }
  55% {
    top: 160px;
    height: 120px;
    border-radius: 70px/60px;
    -webkit-animation-timing-function: ease-in;
  }
  65% {
    top: 120px;
    height: 140px;
    border-radius: 70px;
    -webkit-animation-timing-function: ease-out;
  }
  95% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
  }
}
@keyframes pace-bounce {
  0% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  50% {
    top: 140px;
    height: 140px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  55% {
    top: 160px;
    height: 120px;
    border-radius: 70px/60px;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    top: 120px;
    height: 140px;
    border-radius: 70px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
@-webkit-keyframes pace-compress {
  0% {
    bottom: 0;
    margin-left: -30px;
    width: 60px;
    height: 75px;
    background: rgba(20, 20, 20, 0.1);
    -webkit-box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.1);
            box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.1);
    border-radius: 30px/40px;
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    bottom: 30px;
    margin-left: -10px;
    width: 20px;
    height: 5px;
    background: rgba(20, 20, 20, 0.3);
    -webkit-box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.3);
            box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.3);
    border-radius: 20px/20px;
    -webkit-animation-timing-function: ease-out;
  }
}
@keyframes pace-compress {
  0% {
    bottom: 0;
    margin-left: -30px;
    width: 60px;
    height: 75px;
    background: rgba(20, 20, 20, 0.1);
    -webkit-box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.1);
            box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.1);
    border-radius: 30px/40px;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    bottom: 30px;
    margin-left: -10px;
    width: 20px;
    height: 5px;
    background: rgba(20, 20, 20, 0.3);
    -webkit-box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.3);
            box-shadow: 0 0 20px 35px rgba(20, 20, 20, 0.3);
    border-radius: 20px/20px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
/*cp-navigation*/
.are--headerNav {
  width: 100%;
  height: 130px;
  background-color: black;
  position: fixed;
  top: 0;
  z-index: 3;
  background: transparent url("imgs/header/Bg-header.jpg") right center repeat-x;
}
.are--headerNav .lay-screen {
  width: 1440px;
}
.are--headerNav .square, .are--headerNav .squarePart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
}
.form--logIn .img-captcha {
  margin: 0 10px 0 5px;
}

.are--nav {
  width: 50%;
  margin: 22px auto 0;
}
.ul--nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
}

.li--nav {
  position: relative;
  top: 3px;
}

.lnk--nav {
  color: #fff;
}
.lnk--nav:hover, .lnk--nav:focus, .lnk--nav.on {
  color: #e9b21a;
}

.lnk--logo {
  width: 224px;
  height: 63px;
  margin-left: 15px;
  background: transparent url("imgs/header/logo.png") left no-repeat;
}

.ipt--password ~ .lnk {
  position: relative;
  right: -10px;
  display: inline-block;
  vertical-align: top;
  visibility: hidden;
  text-indent: -999em;
  width: 36px;
  height: 36px;
  background: transparent url("imgs/header/ipt--passwordForgot.png") left center no-repeat;
}
.ipt--password ~ .lnk:hover, .ipt--password ~ .lnk:focus {
  background-image: url("imgs/header/ipt--passwordForgot-hover.png");
}

.blk--Amout {
  display: none;
  position: absolute;
  z-index: 1;
  width: 340px;
  background: #0c1d30;
  padding: 20px;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 5px 1px #2c425a;
  box-shadow: 0 0 5px 1px #2c425a;
}
.blk--Amout .formSet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 15px;
}
.blk--Amout .label--basic {
  color: #bababa;
  width: 225px;
  margin: 0 15px 0 0;
}
.blk--Amout .span--amount {
  color: #a3987a;
  background: #081826;
  width: 80%;
  padding: 3px 10px;
  border-radius: 25px;
  text-align: right;
}
.blk--qkFunc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0 0 0;
  background: transparent url("imgs/main/amount-line.png") center top no-repeat;
}

.form-logged .lnk {
  height: 27px;
  color: #9fbcd7;
  padding-left: 35px;
  margin-right: 30px;
}
.form-logged .lnk--account {
  pointer-events: none;
  background: transparent url("imgs/icons/h-account.png") left center no-repeat;
}
.form-logged .lnk--amount {
  background: transparent url("imgs/icons/h-amount.png") left center no-repeat;
}
.form-logged .lnk--amount .i--arrow2 {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 10px;
  margin: 6px 0 0 8px;
  background: transparent url("imgs/icons/i-arrow2.png") center no-repeat;
}
.lnk--basic {
  margin: 0 8px;
}
.lnk--report {
  border-right: 1px solid #143262;
  padding-right: 15px;
}
.lnk--modifyPasw {
  margin-right: 35px;
}

/*cp-langwrapper*/
.are--lang .lang {
  text-align: center;
  line-height: 2;
}

.LangWrapper {
  width: 131px;
  height: 36px;
  color: #fff;
  border-radius: 3px;
}
.LangWrapper:hover, .LangWrapper.active {
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.LangWrapper.active .lang--option {
  display: block;
}
.LangWrapper .txt {
  display: inline-block;
  text-align: left;
  min-width: 60px;
  vertical-align: middle;
  padding-right: 20px;
}
.LangWrapper .i-arrow {
  font-size: 28px;
  color: #fff;
  position: absolute;
  top: -10px;
  right: -7px;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
}
.LangWrapper .i-arrow.active {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.lang {
  position: relative;
}
.lang.selected .img {
  display: none;
}
.lang.selected:before {
  display: inline-block;
  content: "";
  vertical-align: middle;
  width: 40px;
  height: 40px;
  margin: 0 -2px 0 5px;
  background: url(imgs/lang/lang-current.png) center no-repeat;
}
.lang .img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  padding: 8px 10px 7px 15px;
}
.lang--current {
  cursor: pointer;
  overflow: hidden;
}
.lang--option {
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
  color: #fff;
  background: #0e263c;
  background: -webkit-gradient(linear, left top, left bottom, from(#0e263c), color-stop(48%, #0d2439), to(#091423));
  background: -o-linear-gradient(top, #0e263c 0%, #0d2439 48%, #091423 100%);
  background: linear-gradient(to bottom, #0e263c 0%, #0d2439 48%, #091423 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0e263c", endColorstr="#091423",GradientType=0 );
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.lang--option.active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.lang--option .lang:hover, .lang--option .lang:focus {
  color: #c1915f;
}
.reg--sideTool {
  position: fixed;
  top: 20%;
  right: 15px;
  z-index: 11;
  width: 79px;
  height: 461px;
  background: transparent url("imgs/side/Bg-sideTool.png") center top no-repeat;
}
.reg--sideTool .ul--contact {
  border-radius: 4px;
  width: 39px;
  height: 300px;
  text-align: center;
}
.li--contact {
  width: 80%;
  height: 48px;
  margin: 0 auto;
  -ms-transform: skew(0deg, -25deg);
  -webkit-transform: skew(0deg, -25deg);
  transform: skew(0deg, -25deg);
}
.li--contact .are--info {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -ms-transform: skew(0deg, 25deg);
  -webkit-transform: skew(0deg, 25deg);
  transform: skew(0deg, 25deg);
  position: absolute;
  width: 0;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.li--contact.mobile .are--info, .li--contact.line .are--info, .li--contact.wechat .are--info, .li--contact.skype .are--info, .li--contact.phone .are--info {
  visibility: hidden;
  width: 131px;
  height: 158px;
  right: 65px;
  top: -73px;
}
.li--contact.mobile .lnk--contact:hover .are--info, .li--contact.mobile .lnk--contact:focus .are--info, .li--contact.line .lnk--contact:hover .are--info, .li--contact.line .lnk--contact:focus .are--info, .li--contact.wechat .lnk--contact:hover .are--info, .li--contact.wechat .lnk--contact:focus .are--info, .li--contact.skype .lnk--contact:hover .are--info, .li--contact.skype .lnk--contact:focus .are--info, .li--contact.phone .lnk--contact:hover .are--info, .li--contact.phone .lnk--contact:focus .are--info {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  visibility: visible;
  width: 131px;
}
.li--contact.mobile .are--info {
  background: transparent url("imgs/side/info--empty.png") center top no-repeat;
}
.li--contact.mobile .iPanel-mobileVision img {
  width: 110px;
  height: 110px;
  position: absolute;
  top: 24px;
  left: 11px;
}
.li--contact.line .are--info {
  background: transparent url("imgs/side/info--line.png") center top no-repeat;
}
.li--contact.wechat .are--info {
  background: transparent url("imgs/side/info--wechat.png") center top no-repeat;
}
.li--contact.skype .are--info, .li--contact.phone .are--info {
  width: 204px;
  height: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  background: #0e263c;
  background: -webkit-gradient(linear, left top, left bottom, from(#0e263c), to(#091523));
  background: -o-linear-gradient(top, #0e263c 0%, #091523 100%);
  background: linear-gradient(to bottom, #0e263c 0%, #091523 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0e263c", endColorstr="#091523",GradientType=0 );
  -webkit-box-shadow: 0 0 5px 1px #0c1d30;
  box-shadow: 0 0 5px 1px #0c1d30;
}
.li--contact.skype .lnk--info, .li--contact.phone .lnk--info {
  color: #fff;
  font-size: 16px;
  padding: 5px;
}
.li--contact.skype .lnk--info:hover, .li--contact.skype .lnk--info:focus, .li--contact.phone .lnk--info:hover, .li--contact.phone .lnk--info:focus {
  color: #e9b21a;
}
.li--contact.skype .lnk--contact:hover .are--info, .li--contact.skype .lnk--contact:focus .are--info, .li--contact.phone .lnk--contact:hover .are--info, .li--contact.phone .lnk--contact:focus .are--info {
  width: 204px;
}

.reg--sideTool .lnk--contact {
  display: block;
  cursor: pointer;
  height: 62px;
  margin: 12.7px 9px 0 4px;
}
.reg--sideTool .lnk--contact:hover:before, .reg--sideTool .lnk--contact:focus:before {
  display: inline-block;
  content: "";
  content: url("imgs/side/Bg-sideTool-hover.png");
  width: 49px;
  height: 64px;
  position: absolute;
}

/*cp-swiper*/
.reg--banner {
  padding-top: 130px;
}
.reg--banner .swiper-container {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.reg--banner .swiper-slide {
  width: 1920px;
  height: 363px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.reg--banner .swiper-button-prev, .reg--banner .swiper-button-next {
  width: 44px;
  height: 61px;
}
.reg--banner .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 8px;
  background: #eecf00;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.reg--banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000000;
  border: 1px solid #eecf00;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
}

.reg--banner .swiper-pagination {
  top: 330px;
}

/*cp-mixitup*/
.mix-controls {
  display: block;
  text-align: left;
  padding: 0 0 0 30px;
}
.mix-controls a {
  color: #fff;
  padding: 0 20px 8px;
  position: relative;
}
.mix-controls a:hover, .mix-controls a:focus, .mix-controls a.mixitup-control-active {
  color: #eec352;
}

.reg--main .mix-controls {
  margin-top: 20px;
}
.reg--marquee {
  padding: 0 23%;
  margin: 0 auto;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.reg--marquee .h4-marquee {
  color: #fff;
  margin: 0;
}

.marquee .lnk--marquee {
  width: 100%;
  line-height: 24px;
  color: #fff;
}

#goTop {
  display: none;
  width: 79px;
  height: 115px;
  border: none;
  outline: none;
  position: fixed;
  right: 15px;
  bottom: 50px;
  z-index: 2;
  cursor: pointer;
  background: url(imgs/main/img-goTop.png) center no-repeat;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
}

/*cp-box*/
.are--verification {
  position: absolute;
  top: 7px;
  right: -9px;
  color: #fff;
  border-left: 1px solid #172a5a;
  height: 22px;
  padding-left: 8px;
  padding: 0 0 0 8px;
}
.are--verification .form--forgotPassword .ipt--basic {
  width: 340px;
}
.are--verification .verification {
  position: relative;
}
.are--verification .verification.selected {
  color: #c1915f;
}
.are--verification .verification--current {
  cursor: pointer;
  overflow: hidden;
}
.are--verification .verification--current .verification {
  position: relative;
  padding-right: 26px;
}
.are--verification .verification--current .i-arrow {
  font-size: 31px;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 22px;
}
.are--verification .verification--option {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
  color: #fff;
  text-align: center;
  margin-top: 5px;
  background: #0e263c;
  background: -webkit-gradient(linear, left top, left bottom, from(#0e263c), color-stop(48%, #0d2439), to(#091423));
  background: -o-linear-gradient(top, #0e263c 0%, #0d2439 48%, #091423 100%);
  background: linear-gradient(to bottom, #0e263c 0%, #0d2439 48%, #091423 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0e263c", endColorstr="#091423",GradientType=0 );
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.are--verification .verification--option.active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.are--verification .verification--option .verification {
  padding-right: 5px;
  padding: 5px 0 5px 5px;
  margin: 5px auto;
}
.are--verification .verification--option .verification .txt {
  display: block;
}
.are--verification .verification--option .verification:hover, .are--verification .verification--option .verification:focus {
  color: #c1915f;
}
.verificationWrapper.active .verification--option {
  display: block;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.BOX--forgotPassword, .BOX--marquee {
  display: none;
  width: 100vw;
  height: 100vh;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.8);
}
.BOX--forgotPassword .are--content, .BOX--marquee .are--content {
  position: relative;
  width: 650px;
  min-height: 320px;
  margin: 10% auto;
  padding: 40px;
  border: 2px solid #f6bf3d;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #0e263c;
  background: -webkit-gradient(linear, left top, left bottom, from(#0e263c), to(#091523));
  background: -o-linear-gradient(top, #0e263c 0%, #091523 100%);
  background: linear-gradient(to bottom, #0e263c 0%, #091523 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0e263c", endColorstr="#091523",GradientType=0 );
}
.BOX--forgotPassword .are--content:after, .BOX--marquee .are--content:after {
  position: absolute;
  display: inline-block;
  content: "";
  border: 2px solid #49749b;
  width: 98%;
  height: 96%;
  left: 5px;
  top: 5px;
  pointer-events: none;
}
.BOX--forgotPassword .lnk--close, .BOX--marquee .lnk--close {
  position: absolute;
  left: 92%;
  top: 20px;
  width: 35px;
  height: 35px;
  background: transparent url("imgs/button/btn--close.png") center top no-repeat;
}
.BOX--forgotPassword .lnk--close:hover, .BOX--forgotPassword .lnk--close:focus, .BOX--marquee .lnk--close:hover, .BOX--marquee .lnk--close:focus {
  background-position: center bottom;
}
.BOX--forgotPassword .h1-tit, .BOX--marquee .h1-tit {
  font-weight: normal;
  color: #e9b21a;
  padding: 0 0 20px;
  background: transparent url("imgs/main/box-line.png") center bottom no-repeat;
}
.BOX--forgotPassword .formSet, .BOX--marquee .formSet {
  text-align: left;
  margin: 10px 0;
}
.BOX--forgotPassword .panel--input, .BOX--marquee .panel--input {
  margin-bottom: 15px;
}
.BOX--forgotPassword .panel--input .ipt--basic, .BOX--marquee .panel--input .ipt--basic {
  width: 340px;
}
.BOX--forgotPassword .panel--input .ipt--newPassword2, .BOX--marquee .panel--input .ipt--newPassword2 {
  width: 242px;
}
.BOX--forgotPassword .lab, .BOX--marquee .lab {
  color: #9fbcd7;
  width: 90px;
  text-align: right;
  display: inline-block;
  vertical-align: top;
  line-height: 33px;
}

/*cp-keyframe*/	
.floatMotion {
  pointer-events: none;
  position: absolute;
  z-index: 4;
}
.floatMotion.motion--float01 {
  width: 141px;
  height: 155px;
  top: 3.5%;
  left: 7%;
  background: transparent url("imgs/floating/float-01.png") center top no-repeat;
  -webkit-animation: rocket 5s 1s linear infinite;
  animation: rocket 5s 1s linear infinite;
}
.floatMotion.motion--float02 {
  width: 241px;
  height: 216px;
  top: 47%;
  left: -2%;
  background: transparent url("imgs/floating/float-02.png") center top no-repeat;
  -webkit-animation: whale 10s 1s linear infinite;
  animation: whale 10s 1s linear infinite;
}
.floatMotion.motion--float03 {
  width: 218px;
  height: 242px;
  top: 56%;
  left: -1%;
  background: transparent url("imgs/floating/float-03.png") center top no-repeat;
  -webkit-animation: stoneCat 15s 0s linear infinite;
  animation: stoneCat 15s 0s linear infinite;
}
.floatMotion.motion--float04 {
  width: 98px;
  height: 99px;
  top: 72%;
  left: 8%;
  z-index: 1;
  background: transparent url("imgs/floating/float-04.png") center top no-repeat;
  -webkit-animation: pokerGril 5s 0s linear infinite;
  animation: pokerGril 5s 0s linear infinite;
}
.floatMotion.motion--float05 {
  width: 226px;
  height: 195px;
  top: -3%;
  right: 1%;
  background: transparent url("imgs/floating/float-05.png") center top no-repeat;
  -webkit-animation: rocket 5s 0s linear infinite;
  animation: rocket 5s 0s linear infinite;
}
.floatMotion.motion--float06 {
  width: 171px;
  height: 171px;
  top: 16%;
  right: 1%;
  background: transparent url("imgs/floating/float-06.png") center top no-repeat;
  -webkit-animation: pokerGril 5s 0s linear infinite;
  animation: pokerGril 5s 0s linear infinite;
}
.floatMotion.motion--float07 {
  width: 347px;
  height: 251px;
  bottom: 53%;
  right: 0%;
  background: transparent url("imgs/floating/float-07.png") center top no-repeat;
  -webkit-animation: pokerGril 5s 0s linear infinite;
  animation: pokerGril 5s 0s linear infinite;
}
.floatMotion.motion--float08 {
  width: 106px;
  height: 111px;
  bottom: 38%;
  right: 2%;
  background: transparent url("imgs/floating/float-08.png") center top no-repeat;
  -webkit-animation: pokerGril 5s 0s linear infinite;
  animation: pokerGril 5s 0s linear infinite;
}
.floatMotion.motion--float09 {
  width: 236px;
  height: 206px;
  bottom: 7%;
  right: 4%;
  background: transparent url("imgs/floating/float-09.png") center top no-repeat;
  -webkit-animation: pokerGril 5s 0s linear infinite;
  animation: pokerGril 5s 0s linear infinite;
}

.imgShow {
  -webkit-animation: whale 6s 3s linear infinite;
  animation: whale 6s 3s linear infinite;
}

@media screen and (min-width: 768px) and (max-width: 1700px) {
  .floatMotion.motion--float05 {
    display: none;
  }
}
@keyframes rocket {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  19% {
    -webkit-transform: translate(4px, -5px);
            transform: translate(4px, -5px);
    -webkit-filter: brightness(1.5);
            filter: brightness(1.5);
    -webkit-filter: blur(3px);
            filter: blur(3px);
  }
  40% {
    -webkit-transform: translate(-5px, -1px);
            transform: translate(-5px, -1px);
  }
  60% {
    -webkit-transform: translate(0px, 2px);
            transform: translate(0px, 2px);
    -webkit-filter: brightness(0.9);
            filter: brightness(0.9);
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  81% {
    -webkit-transform: translate(-7px, -3px);
            transform: translate(-7px, -3px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@-webkit-keyframes rocket {
  0% {
    -webkit-transform: translate(0px, 0px);
  }
  19% {
    -webkit-transform: translate(4px, -5px);
    -webkit-filter: brightness(1.5);
    -webkit-filter: blur(3px);
  }
  40% {
    -webkit-transform: translate(-5px, -1px);
  }
  60% {
    -webkit-transform: translate(0px, 2px);
    -webkit-filter: brightness(0.9);
    -webkit-filter: blur(0);
  }
  81% {
    -webkit-transform: translate(-7px, -3px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
  }
}
@keyframes pokerGril {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  20% {
    -webkit-transform: translate(-3px, 0px);
            transform: translate(-3px, 0px);
  }
  40% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px);
  }
  79% {
    -webkit-transform: translate(-4px, 0px);
            transform: translate(-4px, 0px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@-webkit-keyframes pokerGril {
  0% {
    -webkit-transform: translate(0px, 0px);
  }
  20% {
    -webkit-transform: translate(-3px, 0px);
  }
  40% {
    -webkit-transform: translate(1px, 0px);
  }
  79% {
    -webkit-transform: translate(-4px, 0px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
  }
}
@keyframes whale {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  20% {
    -webkit-transform: translate(2px, -6px);
            transform: translate(2px, -6px);
  }
  41% {
    -webkit-transform: translate(-4px, -4px);
            transform: translate(-4px, -4px);
  }
  59% {
    -webkit-transform: translate(-9px, -8px);
            transform: translate(-9px, -8px);
  }
  80% {
    -webkit-transform: translate(-5px, -7px);
            transform: translate(-5px, -7px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@-webkit-keyframes whale {
  0% {
    -webkit-transform: translate(0px, 0px);
  }
  20% {
    -webkit-transform: translate(2px, -6px);
  }
  41% {
    -webkit-transform: translate(-4px, -4px);
  }
  59% {
    -webkit-transform: translate(-9px, -8px);
  }
  80% {
    -webkit-transform: translate(-5px, -7px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
  }
}
@keyframes stoneCat {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  20% {
    -webkit-transform: translate(-4px, -4px);
            transform: translate(-4px, -4px);
  }
  48% {
    -webkit-transform: translate(-16px, -10px);
            transform: translate(-16px, -10px);
  }
  76% {
    -webkit-transform: translate(-8px, -10px);
            transform: translate(-8px, -10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@-webkit-keyframes stoneCat {
  0% {
    -webkit-transform: translate(0px, 0px);
  }
  20% {
    -webkit-transform: translate(-4px, -4px);
  }
  48% {
    -webkit-transform: translate(-16px, -10px);
  }
  76% {
    -webkit-transform: translate(-8px, -10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
  }
}
html {
  overflow-x: hidden;
  width: 100%;
}

.reg--jumbotron {
  height: 100px;
  text-align: center;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent url("imgs/main/Bg-jumbotron.jpg") left top no-repeat;
}
.reg--gameEntry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  max-width: 1312px;
  margin: 18px auto;
}
.reg--gameEntry .ul--gameEntry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.reg--gameEntry .li--gameEntry {
  width: 15vw;
  min-width: 150px;
  margin: 0 10px;
  background-size: contain;
  background-position: left top;
  background-repeat: no-repeat;
}
.reg--gameEntry .li--gameEntry.RoyalLive {
  background-image: url("imgs/main/gameEntry-RoyalSlot.png");
}
.reg--gameEntry .li--gameEntry.RoyalSlot {
  background-image: url("imgs/main/gameEntry-RoyalSlot.png");
}
.reg--gameEntry .li--gameEntry.RoyalRTG {
  background-image: url("imgs/main/gameEntry-RoyalRTG.png");
}
.reg--gameEntry .li--gameEntry.JDBSlot {
  background-image: url("imgs/main/gameEntry-JDBSlot.png");
}
.reg--gameEntry .li--gameEntry.RoyalGclub {
  background-image: url("imgs/main/gameEntry-RoyalGclub.png");
}
.reg--gameEntry .lnk {
  display: block;
  text-align: center;
  padding: 16vw 0 0 25px;
}
.reg--gameEntry .lnk:hover .span--primary, .reg--gameEntry .lnk:focus .span--primary {
  color: #e9b21a;
}
.reg--gameEntry .span--primary {
  color: #fff;
  font-size: 20px;
}
.reg--gameEntry .i--arrow {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 15px;
  width: 29px;
  height: 29px;
  background: transparent url("imgs/icons/i-arrow.png") center no-repeat;
}
.reg--reasonOne {
  padding-bottom: 92px;
  margin: 92px auto 0;
  background: #050317 url(imgs/layout/Bg-reasonImg.png) 0 0 no-repeat;
}
.reg--reasonOne .square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  max-width: 1000px;
  margin: 0 auto;
}
.reg--reasonOne .square--right .logo {
  display: inline-block;
  vertical-align: top;
}
.reg--reasonOne .square .blockquote {
  margin: 20px 0 0 24px;
}
.reg--reasonOne .square .blockquote .h2--tit {
  padding-bottom: 15px;
  background: transparent url("imgs/main/reason-line.png") left 35px no-repeat;
}
.reg--reasonOne .square .blockquote .span--primary {
  display: block;
  min-height: 150px;
  color: #e9e4d8;
  margin: 30px 0 0;
}
.reg--reasonOne .logo {
  display: block;
  width: 148px;
  height: 108px;
}
.reg--reasonOne .logo.logoOne {
  background: transparent url("imgs/main/logo-gc.png") center no-repeat;
}
.reg--reasonOne .logo.logoTwo {
  background: transparent url("imgs/main/logo-ro.png") center no-repeat;
}
.reg--reasonOne .imgShow {
  width: 489px;
  height: 489px;
  background: transparent url("imgs/main/imgShow-reasonOne.png") left top no-repeat;
}
.page--royalLive .reg--banner, .page--slots .reg--banner, .page--royalRTG .reg--banner {
  width: 100%;
  height: 233px;
  margin-top: 130px;
}
.page--royalLive .reg--main, .page--slots .reg--main, .page--royalRTG .reg--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: flex-start;
  width: 1280px;
  min-height: 600px;
  margin: 0 auto 100px;
  background: #050317 url("imgs/main/Bg-main-games.jpg") center top no-repeat;
}
.page--royalLive .reg--main .ul--games, .page--slots .reg--main .ul--games, .page--royalRTG .reg--main .ul--games {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 1000px;
  margin: 20px 0 0 0px;
}
.page--royalLive .reg--main .li--games, .page--slots .reg--main .li--games, .page--royalRTG .reg--main .li--games {
  position: relative;
  width: 290px;
  text-align: center;
  padding: 10px 13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sw--GCgames {
  background: url("imgs/main/sw--basic-gc.png") 75px 15px no-repeat, url("imgs/button/switchBg-games-first.png") center top no-repeat;
}
.sw--GCgames:hover, .sw--GCgames:focus, .sw--GCgames.show {
  color: #e9b21a;
  background: url("imgs/main/sw--basic-gc-hover.png") 75px 15px no-repeat, url("imgs/button/switchBg-games-first.png") center top no-repeat;
}
.sw--MStargames {
  background: url("imgs/main/sw--basic-mstar.png") 75px 15px no-repeat, url("imgs/button/switchBg-games.png") center top no-repeat;
}
.sw--MStargames:hover, .sw--MStargames:focus, .sw--MStargames.show {
  color: #e9b21a;
  background: url("imgs/main/sw--basic-mstar-hover.png") 75px 15px no-repeat, url("imgs/button/switchBg-games.png") center top no-repeat;
}
.sw--Mclubgames {
  background: url("imgs/main/sw--basic-mclub.png") 75px 15px no-repeat, url("imgs/button/switchBg-games.png") center top no-repeat;
}
.sw--Mclubgames:hover, .sw--Mclubgames:focus, .sw--Mclubgames.show {
  color: #e9b21a;
  background: url("imgs/main/sw--basic-mclub-hover.png") 75px 15px no-repeat, url("imgs/button/switchBg-games.png") center top no-repeat;
}
.sw--royalOn {
  background: transparent url("imgs/button/switchBg-games-first.png") center top no-repeat;
}
.sw--royalOn:hover, .sw--royalOn:focus, .sw--royalOn.show {
  color: #e9b21a;
}
.sw--jdb, .sw--golden, .sw--gclub {
  background: transparent url("imgs/button/switchBg-games.png") center top no-repeat;
}
.sw--jdb:hover, .sw--jdb:focus, .sw--jdb.show, .sw--golden:hover, .sw--golden:focus, .sw--golden.show, .sw--gclub:hover, .sw--gclub:focus, .sw--gclub.show {
  color: #e9b21a;
}
.sw--RTGgames {
  background: url("imgs/main/sw--basic-rtg.png") 75px 15px no-repeat, url("imgs/button/switchBg-games-first.png") center top no-repeat;
}
.sw--RTGgames:hover, .sw--RTGgames:focus, .sw--RTGgames.show {
  color: #e9b21a;
  background: url("imgs/main/sw--basic-rtg-hover.png") 75px 15px no-repeat, url("imgs/button/switchBg-games-first.png") center top no-repeat;
}

.panel--royalLive, .panel--slots, .panel--royalRTG {
  display: none;
}
.panel--royalLive.show, .panel--slots.show, .panel--royalRTG.show {
  display: block;
}
.panel--royalLive .lnk--games:hover .span--primary, .panel--royalLive .lnk--games:focus .span--primary, .panel--slots .lnk--games:hover .span--primary, .panel--slots .lnk--games:focus .span--primary, .panel--royalRTG .lnk--games:hover .span--primary, .panel--royalRTG .lnk--games:focus .span--primary {
  color: #e9b21a;
}
.page--royalLive .reg--banner {
  background: transparent url("imgs/banner/royalLive.jpg") center top no-repeat;
}
.page--slots .reg--banner {
  background: transparent url("imgs/banner/slots.jpg") center top no-repeat;
}
.page--slots .reg--main .li--games {
  width: 250px;
  padding: 10px 5px;
}
.page--slots .reg--main .li--games img {
  width: 100%;
}
.page--slots .sw--basic {
  font-size: 24px;
  padding: 25px 0 0 0;
}
.page--royalRTG .reg--banner {
  background: transparent url("imgs/banner/royalRTG.jpg") center top no-repeat;
}

.page--mobileBet .imgShow.dwDesktop {
  width: 782px;
  height: 560px;
  background: transparent url("imgs/main/imgShow-dwDesktop.png") center top no-repeat;
}
.page--mobileBet .imgShow.dwMobile {
  width: 566px;
  height: 584px;
  background: transparent url("imgs/main/imgShow-dwMobile.png") center top no-repeat;
}
.page--mobileBet .imgShow.dwApp {
  width: 633px;
  height: 531px;
  background: transparent url("imgs/main/imgShow-dwApp.png") center top no-repeat;
}
.page--mobileBet .h1-tits {
  color: #fff;
  font-size: 30px;
  font-weight: lighter;
  font-style: italic;
  letter-spacing: 6px;
}
.page--mobileBet .qrcode {
  width: 180px;
  height: 180px;
  background-color: #fff;
  margin: 20px auto;
}
.page--mobileBet .qrcode img {
  width: 150px;
  height: 150px;
  padding: 15px;
}
.page--mobileBet .reg--marquee {
  margin: 130px auto 0;
  background: transparent url("imgs/main/marquee-line.png") center bottom no-repeat;
}
.page--mobileBet .reg--main {
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 1280px;
  min-height: 750px;
  margin: 0 auto 100px;
  background: transparent url("imgs/layout/Bg-dw.png") right 160px no-repeat;
}
.page--mobileBet .panel--switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  height: 75px;
  padding: 0 24.4%;
  margin: 50px auto;
  text-align: center;
  background: transparent url("imgs/main/Bg-switch.png") center top no-repeat;
}
.page--mobileBet .panel--switch .tab {
  width: 219px;
  height: 75px;
  padding: 24px 0 0 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page--mobileBet .panel--switch .lnk--dwDesktop {
  background: url("imgs/main/tabTop--pc.png") 15px 57% no-repeat, url("imgs/button/switchBg-left.png") center top no-repeat;
}
.page--mobileBet .panel--switch .lnk--dwDesktop:hover, .page--mobileBet .panel--switch .lnk--dwDesktop:focus, .page--mobileBet .panel--switch .lnk--dwDesktop.show {
  background: url("imgs/main/tabTop--pc.png") 15px 57% no-repeat, url("imgs/button/switchBg-left-hover.png") center top no-repeat;
}
.page--mobileBet .panel--switch .lnk--dwMobile {
  background: url("imgs/main/tabTop--mobile.png") 15px 57% no-repeat, url("imgs/button/switchBg-middle.png") center top no-repeat;
}
.page--mobileBet .panel--switch .lnk--dwMobile:hover, .page--mobileBet .panel--switch .lnk--dwMobile:focus, .page--mobileBet .panel--switch .lnk--dwMobile.show {
  background: url("imgs/main/tabTop--mobile.png") 15px 57% no-repeat, url("imgs/button/switchBg-middle-hover.png") center top no-repeat;
}
.page--mobileBet .panel--switch .lnk--dwAPP {
  padding: 24px 0 0 50px;
  background: url("imgs/main/tabTop--app.png") 15px 57% no-repeat, url("imgs/button/switchBg-right.png") center top no-repeat;
}
.page--mobileBet .panel--switch .lnk--dwAPP:hover, .page--mobileBet .panel--switch .lnk--dwAPP:focus, .page--mobileBet .panel--switch .lnk--dwAPP.show {
  background: url("imgs/main/tabTop--app.png") 15px 57% no-repeat, url("imgs/button/switchBg-right-hover.png") center top no-repeat;
}

.panel--dwDesktop, .panel--dwMobile, .panel--dwAPP {
  display: none;
}
.panel--dwDesktop.show, .panel--dwMobile.show, .panel--dwAPP.show {
  display: block;
}
.panel--dwDesktop .squarePart, .panel--dwMobile .squarePart, .panel--dwAPP .squarePart {
  text-align: center;
}
.panel--dwDesktop .are--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-box-align: start;
          align-items: flex-start;
  width: 1250px;
}
.panel--dwDesktop .are--content .square--right {
  margin-top: 70px;
}
.panel--dwDesktop .are--content .square--right .lnk--primary2 {
  margin-bottom: 15px;
}
.panel--dwMobile .are--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-box-align: start;
          align-items: flex-start;
  width: 1250px;
}
.panel--dwAPP .are--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-box-align: start;
          align-items: flex-start;
  width: 1250px;
}
.panel--dwAPP .blockquote.blockTop {
  padding-bottom: 10px;
  background: transparent url("imgs/main/mobileBet-line.png") center 90px no-repeat;
}
.panel--dwAPP .blockquote .h1-tit {
  color: #e9b21a;
  font-size: 32px;
  font-style: italic;
  font-weight: lighter;
}
.panel--dwAPP .blockquote .h1-tit.titLeft {
  text-align: left;
}
.panel--dwAPP .blockquote .h1-tit.titRight {
  text-align: right;
  margin-bottom: 5px;
}

.page--clubs {
  background: #050316;
}
.page--clubs .panel--switch.switchLeft {
  width: 280px;
  padding-top: 40px;
  margin-right: 20px;
  background: #050316 url("imgs/main/Bg-switch-clubs.png") center top no-repeat;
}
.page--clubs .panel--switch .tab {
  display: block;
  text-align: center;
  font-size: 20px;
  font-style: italic;
  color: #bababa;
  padding: 12px 0;
  background: transparent url("imgs/main/Bg-switch-clubs-line.png") center bottom no-repeat;
}
.page--clubs .panel--switch .tab:last-child {
  background: none;
}
.page--clubs .panel--switch .tab:hover, .page--clubs .panel--switch .tab:focus, .page--clubs .panel--switch .tab.show {
  color: #e9b21a;
}
.page--clubs .panel--switch.switchTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  margin: 20px auto 30px;
  text-align: center;
}
.page--clubs .panel--switch.switchTop .tabTop {
  width: 222px;
  height: 63px;
  padding: 20px 0 20px 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page--clubs .panel--switch.switchPage {
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  max-width: 50%;
  margin: 0 auto;
  text-align: center;
}
.page--clubs .panel--switch.switchPage .tabPage {
  margin: 0 5px;
}
.page--clubs .panel--clubs, .page--clubs .panel--clubsIntro, .page--clubs .panel--helpCenter, .page--clubs .panel--pageDesktop, .page--clubs .panel--pageIOS, .page--clubs .panel--pageAndroid {
  display: none;
}
.page--clubs .panel--clubs.show, .page--clubs .panel--clubsIntro.show, .page--clubs .panel--helpCenter.show, .page--clubs .panel--pageDesktop.show, .page--clubs .panel--pageIOS.show, .page--clubs .panel--pageAndroid.show {
  display: block;
}
.page--clubs .panel--clubs > .are--content {
  width: 886px;
  background: #050316 url("imgs/layout/Bg-clubs.png") center top no-repeat;
}
.page--clubs .panel--clubs.ct-aboutUs > .are--content {
  min-height: 2400px;
  background: url("imgs/main/imgShow-about.png") center 40px no-repeat, url("imgs/layout/Bg-clubs.png") center top no-repeat;
}
.page--clubs .panel--clubs.ct-aboutUs .p--primary {
  max-width: 490px;
  margin-bottom: 0;
}
.page--clubs .panel--clubs.ct-aboutUs .p--primary.ellipsis {
  height: 98px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.fullContent {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  top: -75px;
  left: -165px;
  z-index: 2;
  width: 541px;
  height: auto;
  background: transparent url("imgs/main/Bg--fullContent--middle.jpg") center center repeat-y;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.fullContent .h3-tit {
  padding: 0 20px 0 20px;
}
.fullContent .p--primary {
  height: auto;
  padding: 0 20px 0 20px;
}
.fullContent:before, .fullContent:after {
  position: absolute;
  display: inline-block;
  content: "";
  vertical-align: top;
  width: 541px;
}
.fullContent:before {
  top: -13px;
  height: 13px;
  background: transparent url("imgs/main/Bg--fullContent--top.png") left center no-repeat;
}
.fullContent:after {
  bottom: -26px;
  height: 26px;
  background: transparent url("imgs/main/Bg--fullContent--bottom.png") right center no-repeat;
}

.lnk--fullContent {
  height: 130px;
  margin: 70px 0 90px 86px;
  position: relative;
}
.lnk--fullContent:nth-child(even) {
  margin: 25px 0 0 310px;
}
.lnk--fullContent:hover .fullContent, .lnk--fullContent:focus .fullContent {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.page--clubs .panel--clubs.ct-regulation .h3-tit, .page--clubs .panel--clubs.ct-privacy .h3-tit {
  margin-bottom: 40px;
}
.page--clubs .panel--clubs.ct-regulation .p--primary, .page--clubs .panel--clubs.ct-regulation .p--primary3, .page--clubs .panel--clubs.ct-regulation .h3-tit, .page--clubs .panel--clubs.ct-privacy .p--primary, .page--clubs .panel--clubs.ct-privacy .p--primary3, .page--clubs .panel--clubs.ct-privacy .h3-tit {
  padding: 0 35px;
}
.page--clubs .panel--clubs.ct-regulation em, .page--clubs .panel--clubs.ct-privacy em {
  color: #c0a77c;
  font-style: normal;
}
.page--clubs .panel--clubs.ct-regulation .ul--regulation, .page--clubs .panel--clubs.ct-privacy .ul--regulation {
  padding: 30px 30px 30px 60px;
}
.page--clubs .panel--clubs.ct-regulation .li--regulation, .page--clubs .panel--clubs.ct-privacy .li--regulation {
  color: #9fbcd7;
  padding: 0 0 20px 0;
  list-style-type: cjk-ideographic;
}
.page--clubs .panel--clubs.ct-regulation .ol--regulation, .page--clubs .panel--clubs.ct-privacy .ol--regulation {
  padding: 10px 0 0 18px;
}
.page--clubs .panel--clubs.ct-regulation .ol--regulation > .li--regulation, .page--clubs .panel--clubs.ct-privacy .ol--regulation > .li--regulation {
  list-style-type: decimal;
  padding-bottom: 10px;
}
.page--clubs .panel--clubs.ct-privacy .p--primary {
  margin-bottom: 20px;
}
.page--clubs .panel--clubsIntro > .are--content {
  max-width: 97%;
}
.page--clubs .panel--clubsIntro .p--primary {
  margin-bottom: 20px;
  word-break: normal;
}
.page--clubs .panel--clubsIntro.ct-GC > .are--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page--clubs .panel--helpCenter > .are--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  text-align: center;
  line-height: 2;
}
.page--clubs .panel--helpCenter > .are--content .StoreQRCode img {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 138px;
  left: 381px;
}
.page--clubs .panel--helpCenter.ct-ios .ct-01 > .are--content {
  min-width: 390px;
  min-height: 356px;
  background: transparent url("imgs/helpCenter/ios01.png") center 92px no-repeat;
}
.page--clubs .panel--helpCenter.ct-android .ct-01 > .are--content {
  min-width: 390px;
  min-height: 356px;
  background: transparent url("imgs/helpCenter/android01.png") center 92px no-repeat;
}
.page--clubs .panel--helpCenter .img {
  margin-top: 20px;
}
.page--clubs .img-tit {
  display: block;
  margin: 0 20px 0 auto;
  padding: 20px 0;
}
.page--clubs .reg--marquee {
  margin: 130px auto 0;
}
.page--clubs .reg--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: flex-start;
  width: 1280px;
  min-height: 600px;
  margin: 0 auto 100px;
  background: none;
}
.page--clubs .reg--clubsIntro .are--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
}
.page--clubs .reg--clubsIntro .img-bg {
  width: 797px;
  height: auto;
}
.page--clubs .reg--clubsIntro .blockquote {
  width: 435px;
}
.page--clubs .reg--clubsIntro video {
  width: 388px;
  height: auto;
}
.page--clubs .reg--clubsIntro.ct-MStar .are--content, .page--clubs .reg--clubsIntro.ct-Mclub .are--content {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page--clubs .reg--clubsIntro.ct-MStar .blockquote, .page--clubs .reg--clubsIntro.ct-Mclub .blockquote {
  width: 90%;
}

.lnk--gc {
  background: url("imgs/main/tabTop--gc.png") 36px 57% no-repeat, url("imgs/button/lnk--basic2.png") center top no-repeat;
}
.lnk--gc:hover, .lnk--gc:focus, .lnk--gc.show {
  background: url("imgs/main/tabTop--gc.png") 36px 57% no-repeat, url("imgs/button/lnk--basic2.png") center bottom no-repeat;
}
.lnk--mstar {
  background: url("imgs/main/tabTop--mstar.png") 36px 57% no-repeat, url("imgs/button/lnk--basic2.png") center top no-repeat;
}
.lnk--mstar:hover, .lnk--mstar:focus, .lnk--mstar.show {
  background: url("imgs/main/tabTop--mstar.png") 36px 57% no-repeat, url("imgs/button/lnk--basic2.png") center bottom no-repeat;
}
.lnk--mclub {
  padding: 24px 0 0 50px;
  background: url("imgs/main/tabTop--mclub.png") 36px 57% no-repeat, url("imgs/button/lnk--basic2.png") center top no-repeat;
}
.lnk--mclub:hover, .lnk--mclub:focus, .lnk--mclub.show {
  background: url("imgs/main/tabTop--mclub.png") 36px 57% no-repeat, url("imgs/button/lnk--basic2.png") center bottom no-repeat;
}
.lnk--desktop {
  background: url("imgs/main/tabTop--HPdesktop.png") 36px 57% no-repeat, url("imgs/button/lnk--basic2.png") center top no-repeat;
}
.lnk--desktop:hover, .lnk--desktop:focus, .lnk--desktop.show {
  background: url("imgs/main/tabTop--HPdesktop.png") 36px 57% no-repeat, url("imgs/button/lnk--basic2.png") center bottom no-repeat;
}
.lnk--android {
  background: url("imgs/main/tabTop--HPandroid.png") 36px 57% no-repeat, url("imgs/button/lnk--basic2.png") center top no-repeat;
}
.lnk--android:hover, .lnk--android:focus, .lnk--android.show {
  background: url("imgs/main/tabTop--HPandroid.png") 36px 57% no-repeat, url("imgs/button/lnk--basic2.png") center bottom no-repeat;
}
.lnk--ios {
  padding: 24px 0 0 50px;
  background: url("imgs/main/tabTop--HPios.png") 36px 57% no-repeat, url("imgs/button/lnk--basic2.png") center top no-repeat;
}
.lnk--ios:hover, .lnk--ios:focus, .lnk--ios.show {
  background: url("imgs/main/tabTop--HPios.png") 36px 57% no-repeat, url("imgs/button/lnk--basic2.png") center bottom no-repeat;
}
.page--changePassword .are--nav {
  margin: 7px auto 0;
}
.page--changePassword .reg--main {
  min-height: 600px;
}
.page--changePassword .reg--marquee {
  margin: 130px auto 0;
  background: transparent url("imgs/main/marquee-line.png") center bottom no-repeat;
}
.page--changePassword .are--content {
  text-align: center;
  margin-top: 20px;
  background: transparent url("imgs/layout/Bg-password.png") center top no-repeat;
}
.page--changePassword .h1-tit {
  font-weight: normal;
  color: #e9b21a;
  padding: 57px 0 10px;
}
.page--changePassword .form--logIn {
  max-width: 240px;
  margin: 50px auto 0;
}
.page--changePassword .panel--input {
  display: block;
  margin-bottom: 15px;
}
.page--changePassword .btn--primary {
  margin: 20px auto;
}

.page--maintenance {
  background: transparent url("imgs/layout/Bg-maintenance.jpg") left top no-repeat;
}
.page--maintenance .are--logo {
  text-align: center;
  margin: 10px auto;
}

.reg--jumbotron {
  height: 100px;
  text-align: center;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent url("imgs/main/Bg-jumbotron.jpg") left top no-repeat;
}
.reg--maintenance {
  padding-bottom: 92px;
  margin: 92px auto 0;
  background: transparent url("imgs/layout/Bg-maintenanceImg.png") 0 0 no-repeat;
}
.reg--maintenance .square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  max-width: 1000px;
  margin: 0 auto;
}
.reg--maintenance .square .blockquote {
  margin: 20px 0 0;
  padding-bottom: 15px;
  background: transparent url("imgs/main/maintenance-line.png") left bottom no-repeat;
}
.reg--maintenance .square .blockquote .span--primary {
  display: block;
  font-size: 14px;
  color: #e9e4d8;
  margin: 5px 0 0;
}
.reg--maintenance .imgShow {
  width: 489px;
  height: 489px;
  background: transparent url("imgs/main/imgShow-maintenance.png") left top no-repeat;
}

/*cp-hack*/	
.note-browserSupport {
  display: none;
  width: 100vw;
  height: 100vh;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.8);
}
.note-inner {
  position: relative;
  width: 650px;
  margin: 20% auto;
  background-color: #0b2d37;
  padding: 40px;
  border-radius: 20px;
  border: 2px solid #f6bf3d;
  background: #0e263c;
  background: -webkit-gradient(linear, left top, left bottom, from(#0e263c), to(#091523));
  background: -o-linear-gradient(top, #0e263c 0%, #091523 100%);
  background: linear-gradient(to bottom, #0e263c 0%, #091523 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0e263c", endColorstr="#091523",GradientType=0 );
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.note-inner:after {
  position: absolute;
  display: inline-block;
  content: "";
  border: 2px solid #49749b;
  border-radius: 12px;
  width: 97.7%;
  height: 94%;
  left: 5px;
  top: 5px;
  pointer-events: none;
}

.note-browserSupport .tit-head {
  padding-top: 10px;
}
.note-browserSupport .h1-tit {
  color: #f6bf3d;
}
.note-browserSupport .txt-tit {
  color: #898989;
}
.note-browserSupport p {
  color: #fff;
  margin: 5px auto;
  font-size: 1.3em;
  font-weight: lighter;
  letter-spacing: 1px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .note-inner {
    width: 80%;
  }
}
.IExploder {
  height: 100vh;
  overflow-y: hidden;
}
.IExploder .arti-basic .seeMore2 .lnk-seeMore2:hover:before {
  top: 2px;
  right: 30px;
}
.IExploder .arti-basic .are--txt {
  width: 46%;
}
.IExploder .arti-basic3 .are--txt {
  width: 50%;
}
.IExploder .arti-basic3 .are--txt .h2-tit {
  width: 100%;
}
.IExploder .arti-basic4 .are--txt .txt-tit {
  display: block;
  height: 75px;
  line-height: 25px;
}
.IExploder .arti-basic4 .are--txt .txt-tit::after {
  content: "...";
  position: absolute;
  bottom: 55px;
  right: 5px;
}
.IExploder .arti-basic4 .seeMore2 .lnk-seeMore2:hover:before {
  top: 9px;
  right: 20px;
}
/*# sourceMappingURL=layout.css.map */