/*動畫效果*/
.login-btn-animation{
	animation-name: gradientChange ;
	
	    animation-duration: 5s;
    animation-iteration-count: infinite;
}
@keyframes gradientChange  {
	0% {
    	background-color: rgb(6, 98, 163);
       border-color: rgb(6, 98, 163);
	}
	50% {
	       background-color: rgb(88, 108, 210);
    border-color: rgb(88, 108, 210);
	}
	100% {
	    background-color: rgb(6, 98, 163);
       border-color: rgb(6, 98, 163);
	}
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.delay-2s {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.animated.fast {
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
}
.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
@keyframes logo{
  0%  { transform:  scale(1.00);}
  50%  { transform:  scale(0.85);}
  100%  { transform: scale(1.00);}
}
.logo_move{
	animation: logo 3s infinite;
}
.btn_move{
	animation: logo 1s infinite;
}
/**/
html, body{
	height: 100%;
}
body{
	font-family: Arial,'Microsoft YaHei','Microsoft JhengHei',Helvetica, sans-serif !important;
}
.footer-container{
	padding-top: 5px;
}
.footer-bg {
	max-height: 70px;
    padding-top: 2px !important;
    background: rgba(74, 151, 207, 0.8705882352941177) !important;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}
.footer-icon{
	color: rgb(95, 164, 219);
    line-height: 1.2em !important;
}
.footer-icon-2{
    color: rgb(95, 164, 219);
    line-height: 1.4em !important;
}
.footer-label {
	font-size: 0.7em;
    color: rgb(255, 255, 255);
    letter-spacing: 1px;
    display: block;
    
}
.footer-circle{
	padding-top: 0px !important;
    border: 5px solid #fff;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    top: -33%;
    background-color: rgba(74, 151, 207, 0.8705882352941177);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.icon-circle-style {
    background-color: rgba(255, 255, 255, 1) !important;
    border-radius: 50%;
    width: 2.5em !important;
    height: 2.5em;
    display: inline-block;
    text-align: center;
    box-shadow: 3px 3px 6px 0px rgba(51, 108, 150, 0.4);
}
.footer-a i:hover{
	color: rgb(12, 35, 105) !important;
}
.footer-a label:hover{
	color: rgb(12, 35, 105) !important;
}
#loader-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.81);
}
.loader-bg-div{
	position: relative;
    width: 100%;
    height: auto;
    top: 42%;
    transform: translateY(-50%);
}

.menuRwd-ul{
	float: right!important;
    display: inline-block;
    margin-top: 10px;
    padding: 0px !important;
    margin-bottom: 0px !important;
}
.menuRwd-ul li{
	list-style: none;	
	display: inline-block;
	position: relative;
}
.menuRwd-ul a{
	text-decoration: none;
	display: block;
	color: #000;
}
.language-icon-shadow {
    -webkit-box-shadow: 2px 2px 2px rgb(17, 17, 17);
    box-shadow: 2px 2px 2px rgb(17, 17, 17);
    border-radius: 50%;
}
.dropdown-menu.show{
	    transform: translate3d(-120px, 30px, 0px) !important;
}
.dropdown-menu {
    box-shadow: 5px 5px 9px 0px rgba(0, 0, 0, 0.12);
    border-radius: 10px !important;
    padding: 5px !important;
    border: 1px solid rgba(0, 0, 0, 0.02)!important;
    color:#000;
}
.dropdown-menu-a{
	padding: 8px 6px;
    display: block;
}
.icon-user-menuRwd-style{
	font-size: 23px;
    vertical-align: sub;
    color: #000;
}
.icon-envelope-menuRwd-style{
	font-size: 19px;
    vertical-align: text-bottom;
        color: #000;
}
.cart-count {
	position: absolute;
    line-height: 18px;
    width: 17px;
    height: 17px;
    -webkit-border-radius: 30%;
    -moz-border-radius: 30%;
    border-radius: 30%;
    font-size: 10px;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: rgb(228, 9, 9);
    color: rgb(255, 255, 255);
    box-shadow: 2px 2px 4px rgba(17, 17, 17, 0.3686274509803922);
    top: -19%;
    right: -71%;
    text-align: center;
}
.marquee-icon {
    font-size: 23px;
    color: #000;
    margin-top: 0px;
}
.mq-height {
	padding-left:0px;
	width:90%; 
	float:right;
    height: 25px;
    line-height: 30px;
    overflow: hidden;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0 0 0 15px;
}
ul.marquee{
	margin-top: 0px !important;
}
/*最近遊戲*/
.recent-game{
    position: absolute;
    right: 35%;
    /*font-size: 14px;*/
    font-size:2vh;
    background-color: #fff;
    width: 30%;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: rgb(9, 194, 255);
}
.recent-game-row{
    /*padding-top: 10px;*/
    padding-bottom:2px;
	    padding-top: 8px;
	/*min-height: 85px;*/    
    
    margin-left: 1px;
    margin-right: 2px;
    /*margin-bottom: 3px;*/
    text-align: center;
    /*padding-top: 1.6em;*/
    border-bottom-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.5411764705882353);
    overflow: hidden;
}
.recent-game-col-2{
	padding: 3px 0;
    padding-bottom: 2px;
    padding-top: 0px;
    margin: auto;
}
.recent-game-circle-style{
	background-color: rgba(255, 255, 255, 1) !important;
    border-radius: 50%;
    width:10vmin;
    height:10vmin;
    display: inline-block;
    text-align: center;
    box-shadow: 3px 3px 6px 0px rgba(51, 108, 150, 0.3607843137254902);
}
.recent-game-icon{
    color:rgb(179, 25, 25);
    font-size:8vmin;
    line-height: 1.3em !important;
}
.recent-game-label{
	font-size: 12px;
    color: rgb(5, 77, 126);
    letter-spacing: -1px;
    display: block;
    margin-top:0px;
    margin-bottom:0px;
}
/*主菜單*/
.indexRwd-bg{
    /*height:  100%;*/
    background-color: #fff;
    margin-top: 12px;
    /*border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.18);*/
    overflow: hidden;
   background-image: url('../images/index_mobile_bg.jpg');
}

.indexRwd-bg-2{
    height: 100%;
    background-color: rgb(9, 194, 255);
    margin: 5px 8px 0px 8px;
    /*padding-bottom: 125px;*/
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
.indexRwd-bg-2-02{
	background-color: rgb(255, 255, 255) !important;
	border-width: 2px !important;
    border-style: solid !important;
    border-color: rgb(9, 194, 255) !important;
}
.mainMenu-container {
    height:100%;
    padding-top: 5px;
    /*display: flex;*/
    /*flex-direction: column;*/
}
/*垂直置中*/
.use-flexbox {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 150px;
	border: 1px solid #000;
}
.use-flexbox div {
	width: 100px;
	height: 50px;
	background: rgb(0, 153, 153);
}
/*.1VH {
	padding:10px !important;
}*/
.childDiv {
    height:100px;
    /*flex: auto;*/
    margin-bottom: 10px;
    /*同 flex: 1;*//*border: 1px solid #ccc;*/
}

.btnA {
    width: 100%;
    height: 100%;
    padding:0;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 20px 45px 20px 20px;
    -webkit-border-radius: 20px 45px 20px 20px;
    -moz-border-radius: 20px 45px 20px 20px;
    background: -webkit-linear-gradient(rgb(51, 211, 252),rgb(255, 255, 255),rgb(255, 255, 255),rgb(51, 211, 252));
    background: -o-linear-gradient(rgb(51, 211, 252),rgb(255, 255, 255),rgb(255, 255, 255),rgb(51, 211, 252));
    background: -moz-linear-gradient(rgb(51, 211, 252),rgb(255, 255, 255),rgb(255, 255, 255),rgb(51, 211, 252));
    background: linear-gradient(rgb(51, 211, 252),rgb(255, 255, 255),rgb(255, 255, 255),rgb(51, 211, 252));
    box-shadow: 3px 3px 6px 0px rgba(51, 108, 150, 0.3607843137254902);
}
.btnA .iconCont {
    height: 60%;
    display: flex;
    align-items:flex-end;
    justify-content: center;
    font-size: 4.2vmin;
    /*font-size: 2vh;*/
    color: rgb(255, 255, 255);
}
.btnA .iconWord {
    height: 40%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 4.2vmin;
    /*font-size: 2vh;*/
    color: #000;
}

.btnA .iconCont2 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content:center;
    font-size: 4.2vmin;
    /*font-size:2.5vh;*/
    color: rgb(255, 255, 255);
}
.btnA .iconWord2 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 4.2vmin;
    /*font-size: 2vh;*/
    word-wrap:break-word;
    color: #000;
}

@media screen and (min-width:560px) and (max-width:820px) {
    .childDiv {
        height:130px;
    }
    .btnA .iconCont {
        font-size: 4.5vmin !important;
    }
    .btnA .iconWord {
        font-size: 4.5vmin !important;
    }
    .btnA .iconCont2 {
        font-size: 4.5vmin !important;
    }
    .btnA .iconWord2 {
        font-size: 4.5vmin !important;
    }
   
}
@media screen and (min-width:768px) and (max-width:1024px) {
    .childDiv {
        height:190px;
    }
    .btnA .iconCont {
        font-size: 4.5vmin !important;
    }
    .btnA .iconWord {
        font-size: 4.5vmin !important;
    }
    .btnA .iconCont2 {
        font-size: 4.5vmin !important;
    }
    .btnA .iconWord2 {
        font-size: 4.5vmin !important;
    }
    .indexRwd-bg{
	    background-image: url('../images/index_ipad_bg.jpg');
	}
}

.btnB-bg{
	background: -webkit-linear-gradient(rgb(253, 231, 113),rgb(255, 255, 255),rgb(255, 255, 255),rgb(253, 231, 113));
	background: -o-linear-gradient(rgb(253, 231, 113),rgb(255, 255, 255),rgb(255, 255, 255),rgb(253, 231, 113));
	background: -moz-linear-gradient(rgb(253, 231, 113),rgb(255, 255, 255),rgb(255, 255, 255),rgb(253, 231, 113));
	background: linear-gradient(rgb(253, 231, 113),rgb(255, 255, 255),rgb(255, 255, 255),rgb(253, 231, 113));
}
.mainMenu-col-4{
	float: left;
    width: 33.33333333333333%;
    height: 100%;
    padding:0 5px;
}
.mainMenu-col-6{
	float: left;
    width: 50%;
    height: 100%;
    padding:0 5px;
}
.mainMenu-col-6-span{
	float: left;
    height: 100% !important;
    padding: 0px;
    padding-right: 1em;
}
.mainMenu-col-8{
    float: left;
    width: 66.666667%;
    height: 100%;
    padding:0 5px;
}
.mainMenu-col-span{
    height: 100%;
    padding: 0px;
    padding-right: 1em;
}

.mainMenu-icon{
	font-size: 2.8em;
}
/*padding*/
.p-b-0{
	padding-bottom: 0px !important;
}
.p-b-3{
	padding-bottom: 3px !important;
}
.p-b-5{
	padding-bottom: 5px !important;
}
.p-b-8 {
    padding-bottom: 8px !important;
}
.p-b-20 {
    padding-bottom: 20px !important;
}
.p-b-70 {
    padding-bottom: 70px !important;
}
.p-l-5{
	padding-left: 5px !important;
}
.p-r-0{
	padding-right: 0px !important;
}
.p-r-15{
	padding-right: 15px !important;
}
.p-r-5{
	padding-right: 5px !important;
}
.p-l-10{
	padding-left: 10px !important;
}
.p-l-15{
	padding-left: 15px !important;
}
.p-l-18{
	padding-left: 18px !important;
}
.p-l-20{
	padding-left: 20px !important;
}
.p-r-10{
	padding-right: 10px !important;
}
.p-t-0{
	padding-top: 0px !important;
}
.p-t-5{
	padding-top: 5px !important;
}
.p-t-10{
	padding-top: 10px !important;
}
.p-t-15 {
    padding-top: 15px !important;
}
.p-t-20 {
	padding-top: 20px !important;
}
.p-5 {
    padding: 5px!important;
}
.p-2 {
    padding: 2px!important;
}
.p-10 {
    padding: 10px!important;
}
/*margin*/
.m-l-0{
	margin-left: 0px !important;
}
.m-l-5{
	margin-left: 5px !important;
}
.m-l-10{
	margin-left: 10px !important;
}
.m-l-20{
	margin-left: 20px !important;
}
.m-l-12{
	margin-left: 12px !important;
}
.m-r-0{
    margin-right: 0px !important;
}
.m-r-5{
    margin-right: 5px !important;
}
.m-r-10{
	margin-right: 10px !important;
}
.m-r-15{
    margin-right: 15px !important;
}
.m-r-20{
    margin-right: 20px !important;
}
.m-b-0{
	margin-bottom: 0px !important;
}
.m-b-1{
	margin-bottom: 1px !important;
}
.m-b-5{
	margin-bottom: 5px !important;
}
.m-b-7 {
  	margin-bottom: 7px !important;
}
.m-b-8{
	margin-bottom: 8px !important;
}
.m-b-9{
	margin-bottom: 9px !important;
}
.m-b-10 {
	margin-bottom: 10px !important;
}
.m-b-15{
	margin-bottom: 15px !important;
}
.m-b-20 {
    margin-bottom: 20px !important;
}
.m-b-25 {
    margin-bottom: 25px !important;
}
.m-b-30 {
    margin-bottom: 30px !important;
}
.m-t-_2 {
    margin-top: -2px !important;
}
.m-t-1{
	margin-top: 1px !important;
}
.m-t-2{
	margin-top: 2px !important;
}
.m-t-5{
	margin-top: 5px !important;
}
.m-t-4 {
    margin-top: 4px !important;
}
.m-t-10 {
    margin-top: 10px !important;
}
.m-t-15{
	margin-top: 15px !important;
}
.m-t-45{
	margin-top: 45px !important;
}
.m-t-17{
	margin-top: 17px !important;
}
.m-t-20 {
    margin-top: 20px !important;
}
.m-t-25 {
    margin-top: 25px !important;
}
.m-t-30 {
    margin-top: 30px !important;
}
.m-t-35 {
    margin-top: 35px !important;
}
.m-t-55{
	margin-top: 55px !important;
}
/*字體大小*/
.fs-13{
	 font-size: 13px;
}
.fs-14{
	 font-size: 14px;
}
.fs-15{
	 font-size: 15px;
}
.fs-16{
	 font-size: 16px;
}
.fs-17{
	 font-size: 17px;
}
.fs-18{
	font-size: 18px;
}
.fs-20{
	 font-size: 20px;
}
.fs-30{
	 font-size: 30px;
}
/*字顏色*/
.text-warning {
    color: rgb(255, 144, 7) !important;
} 
.text-red {
    color: rgb(255, 65, 54) !important;
}
/*字體粗度*/
.fw-100{
	font-weight: 100;
}
.fw-200{
	font-weight: 200;
}
.fw-300{
	font-weight: 300;
}
.fw-400{
	font-weight: 400;
}
.fw-500{
	font-weight: 500;
}
.fw-600{
	font-weight: 600;
}
.fw-700{
	font-weight: 700;
}
.fw-800{
	font-weight: 800;
}
.fw-900{
	font-weight: 900;
}
/*九宮格*/
#jiugongge-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.87);
    
}
.jiugongge-bg-div{
	position: relative;
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}
.jiugongge-bg-div-2{
	position: relative;
    width: 100%;
    height: auto;
    /*top: 45%;*/
    transform: translateY(-50%);
}
.Membermenu-a {
    color: rgb(0, 0, 0) !important;
}
.md-Membermenu-i {
        font-size: 36px;
    line-height: 54px !important;
}
.overlay-container{
	    background-color: rgb(255 255 255);
    margin-right: 5px;
    margin-bottom: 5px;
    border-style: solid;
    border-color: rgb(84 151 203);
    border-width: 3px;
    border-radius: 5px;
    height: 92px;
}
.loginPage-btn{
	float: right;
    height: 3em;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 15px;
    width: 7em;
    border-style: none;
    background: rgb(74, 151, 207) !important;
    color: rgb(255, 255, 255);
}
.loginPage-btn-2{
	float: left;
    background: rgb(9, 194, 255) !important;
    font-size: 1.15em;
    letter-spacing: 1px;
    color: rgb(255, 255, 255);
    height: 3em;
    width: 7em;
    border-style: none;
    border-top-left-radius: 30px;
}
.loginPage-btn:hover{
	background: rgb(32, 134, 208) !important;
	outline: none !important; 
}
.loginPage-btn:focus{
	background: rgb(32, 134, 208) !important;
	outline: none !important;
}
.loginPage-btn-2:focus{
	outline: none !important;
}
.loginPage-span-1{
	font-size: 1.1em;
    letter-spacing: 1px;
}
.loginPage-span-2{
	font-size: 0.9em;
    letter-spacing: 1px;
    color: rgb(18, 109, 175);
}
.form-control{
	padding: .375rem .75rem;
    line-height: 1.5;
    height: 46px !important;
    border-radius: 7px;
    border: none;
}
.loginPage-btn-3{
	height: 3em;
    border-radius: 28px;
    width: 100%;
    background: #fff !important;
    color: rgb(5, 99, 161);
    border-style: solid;
    border-color: rgb(5, 99, 161);
    box-shadow: 0px 3px 4px 0px rgba(33, 37, 41, 0.12);
}
.loginPage-btn-3:focus{
	height: 2.9em;
    width: 98%;
    outline: 0px auto -webkit-focus-ring-color !important;
}
/* webkit 瀏覽器*/ 
.loginPage_input::-webkit-input-placeholder { 
	color:rgba(5, 99, 161, 0.69); 
	letter-spacing: 1px;
	font-size: 16px;
}
/* 火狐瀏覽器 */ 
.loginPage_input::-moz-placeholder { 
	color:rgba(5, 99, 161, 0.69); 
	letter-spacing: 1px;
	font-size: 16px;
}
.memberInfo-input::-webkit-input-placeholder { 
	color: rgba(62, 62, 62, .5) !important;
	font-weight: 600;
}
.memberInfo-input::-moz-placeholder { 
	color: rgba(62, 62, 62, .5) !important;
	font-weight: 600;
}
.memberInfo-input-disabled {
-webkit-appearance: none; /*Chrome*/
-moz-appearance: none; /*FF*/
appearance: none;/*CSS3*/
}

.loginPage_input{
	box-shadow: 0px 1px 3px 0px rgba(33, 37, 41, 0.19);
    border-radius: 28px;
         font-size: 16px;
}
.loginPage-icon-1{
	font-size: 48px;
	color:rgb(5, 99, 161);
}
.form-control.phone-error~.invalid-feedback{
	display:block;
}
.form-control.phone-ok~.valid-feedback{
	display:block;
}
.phone-ok {
    border: rgb(8, 138, 11) 2px solid !important;
    /*border: #ffc000 2px solid !important;*/
}
.phone-error {
    border: rgb(255, 0, 0) 2px solid !important;
    /*border: #afafaf 2px solid !important;*/
}
.li-transform {
    transform: rotateX(180deg);
    transform: rotateY(180deg);
}
.realityHall-game-bg-right {
    width: 100%;
    height: auto;
    margin: 0px auto 0px;
    background-image: url(../images/rwd-game-img/realityHall/bg-right.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 17px;
    border-top-left-radius: 51px;
    display: inherit;
}
.realityHall-game-bg-left {
    width: 100%;
    height: auto;
    margin: 0px auto 0px;
    background-image: url(../images/rwd-game-img/realityHall/bg-left.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 17px;
    border-top-right-radius: 51px;
    display: inherit;
}
.electronicHall-game-bg-right{
	 width: 100%;
	 height: auto;
	 margin: 0px auto 0px;
	 background-image: url(../images/rwd-game-img/electronicHall/bg-r.jpg);
	 background-size: cover;
	 background-repeat: no-repeat;
	 
     display: inherit;
}
.electronicHall-game-bg-left{
	 width: 100%;
	 height: auto;
	 margin: 0px auto 0px;
	 background-image: url(../images/rwd-game-img/electronicHall/bg-l.jpg);
	 background-size: cover;
	 background-repeat: no-repeat;
	 
     display: inherit;
}
/*偶數*/
.abc:nth-child(even) div{
	border-radius: 17px;
    border-top-right-radius: 51px;
}

.abc:nth-child(even) .img-right{
	border-radius: 17px;
    border-top-right-radius: 51px;
    transform: rotateX(360deg);
    transform: rotateY(360deg);
}
.abc:nth-child(even) .img-left {
    border-top-left-radius: 51px;
    border-radius: 17px;
    transform: rotateX(180deg);
    transform: rotateY(180deg);
}
/*基數*/
.abc:nth-child(odd) div{
	border-radius: 17px;
    border-top-left-radius: 51px;
}
.abc:nth-child(odd) .img-left{
	border-top-right-radius: 51px;
    border-bottom-right-radius: 17px;
        transform: rotateX(180deg);
    transform: rotateY(180deg);
}
.abc:nth-child(odd) .img-right {
    border-top-left-radius: 51px;
    border-radius: 17px;
    transform: rotateX(360deg);
    transform: rotateY(360deg);
}

.logo-right{
	position: absolute !important;
    left: -14% !important;
    z-index: 99 !important;
    transform: translateY(27%);
}
.logo-left{
	position: absolute !important;
    left: 14% !important;
    z-index: 99 !important;
    transform: translateY(27%);
}
.sportsHall-game-bg-right{
	 width: 100%;
	 height: auto;
	 margin: 0px auto 0px;
	 background-image: url(../images/rwd-game-img/sportsHall/ysb-bg2.jpg);
	 background-size: cover;
	 background-repeat: no-repeat;
	 border-radius: 17px;
     border-top-left-radius: 51px;
     display: inherit;
}
.sportsHall-game-bg-left{
	 width: 100%;
	 height: auto;
	 margin: 0px auto 0px;
	 background-image: url(../images/rwd-game-img/sportsHall/ysb-bg.jpg);
	 background-size: cover;
	 background-repeat: no-repeat;
	 border-radius: 17px;
    border-top-right-radius: 51px;
    display: inherit;
}
.lotteryHall-game-bg-right{
	 width: 100%;
	 height: auto;
	 margin: 0px auto 0px;
	 background-image: url(../images/rwd-game-img/lotteryHall/bg-right.jpg);
	 background-size: cover;
	 background-repeat: no-repeat;
	 border-radius: 17px;
     border-top-left-radius: 51px;
     display: inherit;
}
.lotteryHall-game-bg-left{
	 width: 100%;
	 height: auto;
	 margin: 0px auto 0px;
	 background-image: url(../images/rwd-game-img/lotteryHall/bg-left.jpg);
	 background-size: cover;
	 background-repeat: no-repeat;
	 border-radius: 17px;
    border-top-right-radius: 51px;
    display: inherit;
}
.chessboardHall-game-bg-right{
	 width: 100%;
	 height: auto;
	 margin: 0px auto 0px;
	 background-image: url(../images/rwd-game-img/chessboardHall/bg-right.jpg);
	 background-size: cover;
	 background-repeat: no-repeat;
	 border-radius: 17px;
     border-top-left-radius: 51px;
     display: inherit;
}
.chessboardHall-game-bg-left{
	 width: 100%;
	 height: auto;
	 margin: 0px auto 0px;
	 background-image: url(../images/rwd-game-img/chessboardHall/bg-left.jpg);
	 background-size: cover;
	 background-repeat: no-repeat;
	 border-radius: 17px;
    border-top-right-radius: 51px;
    display: inherit;
}
.fishHall-game-bg-right{
    	width: 100%;
	    height: auto;
	    margin: 0px auto 0px;
	    background-image: url(../images/rwd-game-img/fishHall/bg-r.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
	    border-radius: 17px;
	    border-top-left-radius: 51px;
	    display: inherit;
    }
.fishHall-game-bg-left{
	 width: 100%;
	 height: auto;
	 margin: 0px auto 0px;
	 background-image: url(../images/rwd-game-img/fishHall/bg-l.jpg);
	 background-size: cover;
	 background-repeat: no-repeat;
	  border-radius: 17px;
    border-top-right-radius: 51px;
    display: inherit;
}
.img-right{
	border-top-right-radius: 51px;
    border-bottom-right-radius: 17px;
    transform: rotateX(180deg);
    transform: rotateY(180deg);
}
.img-left{
	border-top-right-radius: 51px;
    border-bottom-right-radius: 17px;
}
.caution {
    position: absolute !important;
    left: 42% !important;
    right: 46% !important;
    z-index: 99 !important;
    transform: translateY(60%);
}
.caution-2{
	position: absolute !important;
    left: 31% !important;
    right: 44% !important;
    z-index: 99 !important;
    transform: translateY(80%)
}
.game-gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.EventPhoneIndex-img{
	width: 100%;
	border-radius: 15px;
	box-shadow: 5px 3px 13px 0px rgba(0, 0, 0, 0.41);
}
.card{
	margin-bottom: 0px;
    /* box-shadow: rgba(0, 0, 0, 0.14) 8px 4px 10px 0px; */
    padding: 10px;
    border-radius: 1.25rem;
    border: none;
    background-color: rgba(255, 255, 255, 0);
}
.btn-blue {
    color: rgb(255, 255, 255);
    background-color: rgb(33, 129, 199);
    border-color: rgb(33, 129, 199);
}
.btn-blue-2 {
    color: rgb(255, 255, 255);
    background-color: rgb(6, 98, 163);
    border-color: rgb(6, 98, 163);
}
.card hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid rgba(59, 0, 239, 0.33);
}
.card h4 {
	font-size: 1.1em;
    margin-bottom: 0px;
    font-weight: 500;
    color: #000;
}
.card ul{
	padding-left: 15px;
    color: #000;
    font-size: 0.85em;
}
.card-style2{
	background-color: rgba(55, 45, 106, 0.1607843137254902);
    padding: 15px;
}
ul.process-steps li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    font-size: 30px;
    text-align: center;
    display: inline-block !important;
    color: rgb(17, 17, 17);
    border: rgb(102, 102, 102) 1px solid !important;
    background-color: rgb(255, 255, 255);
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}
ul.process-steps li a.active, ul.process-steps li a.active:focus, ul.process-steps li:hover>a.active {
    background-color: rgb(31, 105, 216) !important;
    border-color: rgb(31, 105, 216) !important;
}
ul.process-steps li a.active, ul.process-steps li:hover>a.active {
    color: rgb(255, 255, 255) !important;
    /*background-color: #333;*/
}
ul.process-steps li a.active+h1, ul.process-steps li a.active+h2, ul.process-steps li a.active+h3, ul.process-steps li a.active+h4, ul.process-steps li a.active+h5, ul.process-steps li a.active+h6 {
    color: rgb(27, 80, 158);
}
ul.process-steps li h1, ul.process-steps li h2, ul.process-steps li h3, ul.process-steps li h4, ul.process-steps li h5, ul.process-steps li h6 {
    margin: 3px 0;
    display: block;
    color: rgb(255, 255, 255);
}
ul.process-steps h5{
	font-size: 13px;
    letter-spacing: normal;
}
.icon-Marvel-style{
	color: rgb(254, 73, 0);
    font-size: 4em;
}
textarea.form-control {
    height: auto !important;
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background-color: rgb(255, 255, 255);
    border-radius: 7px;
    box-shadow: 3px 5px 14px 0px rgb(51, 108, 150);
}
th, td {
    border: 1px solid rgb(222, 226, 230);
    vertical-align: middle !important;
}
tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.15);
}
.page-item.active .page-link {
    z-index: 0;
    color: rgb(255, 255, 255);
    background-color: rgb(74, 151, 207);
    border-color: rgb(74, 151, 207);
}
.close-style {
    color: rgb(255, 0, 0)!important;
    text-shadow: 0 1px 0 rgba(158, 115, 115, 0) !important;
    opacity: 1 !important;
    position: absolute;
    right: 10px;
    top: 19px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.pagination > li > a {
    margin-right: 4px;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}
.btn {
	white-space: nowrap;
}
.nav-tabs.nav-button-tabs {
    border: 0 !important;
}
.nav-tabs.nav-button-tabs>li>a.active {
    color: rgb(255, 255, 255) !important;
    background-color: rgba(0,0,0,0.6);
}
.nav-tabs.nav-button-tabs>li>a {
    color: #000 !important;
    border: 0 !important;
    background-color: rgba(0,0,0,0.1);
    margin-right: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}
div.alert {
    border-left-color: rgba(0,0,0,0.1);
    border-width: 1px;
    border-left-width: 5px;
}
div.alert.EventPage {
    border-left-color: rgb(66, 85, 214);
    border-width: 1px;
    border-left-width: 2px;
}
.EventPage-title{
	text-align: center;
    font-size: 1.6em;
    font-weight: 600;
    color: rgb(255, 255, 255);
    text-shadow: 3px 3px 7px rgba(29, 68, 97, 0.3411764705882353);
    /* margin-top: 10px; */
    padding-top: 15px;
}
.responsibility_title {
    display: flex;
    align-items: center;
    justify-content: center;
}
.responsibility_title2{
	margin-bottom: 10px;
}
.responsibility_title::before, .responsibility_title::after {
    content: '';
    display: block;
    background-color: rgb(66, 85, 214);
    width: 40%;
    height: 0.14em;
}
.responsibility_title2::before, .responsibility_title2::after {
    background-color: rgb(23, 119, 189);
    width: 48%;
    height: 0.1em;
}
.responsibility-icon-style {
    font-size: 1.7em;
    line-height: 1.4em !important;
    background-color: rgb(66, 85, 214);
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center!important;
}
.table-bordered td, .table-bordered th {
    border: 1px solid rgba(0, 0, 0, 0.4392156862745098);
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid rgba(0, 0, 0, 0.4392156862745098);
}
.lastLevel-img{
	max-width: 71px !important;
    width: 100% !important;
    height: auto !important;
    vertical-align: bottom;
}
.waterTitle{
	font-size: 18px;
    color: white;
}
.panel-group {
   margin-bottom: 10px;
}
.panel-group .panel+.panel {
   margin-top: 15px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-info {
    border-color: rgb(188, 232, 241);
}
.panel {
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.5490196078431373);
    /* border: 1px solid transparent; */
    border-radius: 4px;
    box-shadow: 6px 5px 13px 0px rgba(51, 108, 150, 0.5019607843137255);
}
.panel-info>.panel-heading {
    color: #fff;
    background-color: rgb(74, 151, 207);
    border-color: rgb(74, 151, 207);
}

.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    color: inherit;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    /*border-top: 1px solid #ddd;*/
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: rgb(188, 232, 241);
}
.panel-body {
    padding: 15px;
}
.ServiceRecords-icon{
	vertical-align: text-bottom;
    font-size: 25px;
}
.panel-heading.collapsed>.panel-title:before{
	content: "\f0d7";
    font-family: 'icomoon' !important;
}
.panel-heading>.panel-title:before{
	content: "\f0d8";
    font-family: 'icomoon' !important;
    margin-right: 2%;
    
}
/*點數中心*/
.relative {
    position: relative;
}
.box-static.box-transparent {
    background-color: rgb(6, 98, 163);
    box-shadow: 3px 3px 6px 0px rgba(169, 169, 169, 0.61);
    border-radius: 10px;
    color: #fff;
    text-align: center;
}
.box-static.box-bordered {
    border: rgba(0, 0, 0, 0);
}
.box-static.box-bordered {
    border: rgba(0, 0, 0, 0) 1px solid;
}
.box-static {
    padding: 15px;
    background-color: rgba(0,0,0,0.05);
    border-top: transparent 3px solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.pointCenter-logo {
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: rgb(255, 255, 255);
    -webkit-clip-path: polygon(100% 0%,100% 100%, 50% 0);
    clip-path: polygon(100% 0%,100% 100%, 50% 0);
    height: 92px;
    border-top-right-radius: 10px;
}
.box-static .box-title {
    margin-bottom: 20px;
    border-bottom: rgba(0,0,0,0.1) 2px solid;
}
.PointCenter-icon-wallet {
        font-size: 4vmax;
    line-height: 33px !important;
    color: rgb(179, 25, 25);
}
.pointCenter-a {
        position: absolute;
    right: 1.5vmax;
    top: 1vmax;
}
.pointCenter-game-a {
    position: absolute;
    right: 0.5vmax;
    top: 0.5vmax;
}
.PointCenter-icon {
    font-size: 4.5vmax;
    margin-left: 35px;
    line-height: 49px !important;
    color: rgb(179, 25, 25);
}
.OnlineService-bg{
	background:url(../images/OnlineService-bg.jpg);
	background-position:center;
	overflow:hidden;
	background-size: cover;
}
.OnlineService-girl-div{
	width: 155%;
}
.OnlineService-width-rwd{
	text-align: center;
    vertical-align: middle;
    width: 100%;
    min-height: 100px;
    padding-left: 5px;
    padding-right: 5px;
}
.OnlineService-width-rwd img {
    width: 55% !important;
}
.image-hover-overlay {
    position: relative;
    overflow: hidden;
    display: block;
}
.box-content{
	position: absolute;
    top: -12vmax;
    right: 0;
    bottom: 0;
    left: 0%;
    margin: auto;
    margin-top: auto;
    height: 220px;
}
.responsibility_list {
    list-style-type: decimal;
    line-height: 32px;
    padding-left: 35px !important;
}
.privacyPolicy_title2{
	font-size: 1.4em;
    font-weight: 600;
    color: #fff;
    text-shadow: 3px 3px 7px rgba(29, 68, 97, 0.3411764705882353);
}

div.divider {
    margin: 20px 0;
    position: relative;
    display: block;
    min-height: 20px;
}
div.divider.divider-left i {
    float: left;
}
div.divider i {
    line-height: 1;
    font-size: 18px;
    color: rgba(38, 0, 247, 0.25098039215686274);
}
div.divider.divider-left:after {
    left: 30px;
    right: 0;
}
div.divider:after {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    height: 0;
    border-top: 1px solid rgba(38, 0, 247, 0.25098039215686274);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs-s .nav-link.active{
	color: rgb(74, 151, 207);
    background-color: #fff;
    border-color: rgb(222, 226, 230) rgb(222, 226, 230) #fff;
    box-shadow: 3px 3px 6px 0px rgba(51, 108, 150, 0.6588235294117647);
}
.nav-tabs-s{
	border-bottom: 0px;
	font-size: 13px;
	margin-bottom: 15px;
}
.nav-tabs-s .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    padding: 10px;
    margin-right: 10px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.23137254901960785);
}
.col-width-rwd{
	width: 33%;
    height: 100%;
}
.gameMenu-p{
	color: white;
    text-shadow: 2px 2px 8px rgba(51, 108, 150, 0.6588235294117647);
    font-size: 14px;
}
.indexRwd-bg-2 img{
    width: 100%;
    /*height: 100%;*/
}

/*真人*/
.realityHall-game-bg-right div:last-child {
    display:flex;
    align-items:center;
    justify-content:center;
}

.realityHall-game-bg-right div:last-child img {
    width:65%;
    /*height:50%;*/
}

.realityHall-game-bg-left div:first-child {
    display:flex;
    align-items:center;
    justify-content:center;
}

.realityHall-game-bg-left div:first-child img {
    width:65%;
    /*height:50%;*/
}

/*lottery*/
.lotteryHall-game-bg-right div:last-child {
    display:flex;
    align-items:center;
    justify-content:center;
}

.lotteryHall-game-bg-right div:last-child img {
    width:65%;
    /*height:50%;*/
}

.lotteryHall-game-bg-left div:first-child {
    display:flex;
    align-items:center;
    justify-content:center;
}

.lotteryHall-game-bg-left div:first-child img {
    width:65%;
    /*height:50%;*/
}

/*體育*/
.sportsHall-game-bg-right div:last-child {
    display:flex;
    align-items:center;
    justify-content:center;
}
.sportsHall-game-bg-right div:last-child img {
    width:65%;
    /*height:50%;*/
}
.sportsHall-game-bg-left div:first-child {
    display:flex;
    align-items:center;
    justify-content:center;
}
.sportsHall-game-bg-left div:first-child img {
    width:65%;
    /*height:50%;*/
}
/*電子*/
.electronicHall-game-bg-one{
    width: 100%;
    height: auto;
    margin: 0px auto 0px;
    background-image: url(../images/rwd-game-img/electronicHall/bg-l.jpg);
    background-size: cover;
    background-repeat: no-repeat;

    display: inherit;
}

.electronicHall-game-bg-one  div:first-child{
    display:flex;
    align-items:center;
    justify-content:center;
}
.electronicHall-game-bg-one  div:first-child img{
    width:65%;
    /*height:50%;*/
}

/*棋牌*/
.chessboardHall-game-bg-right div:last-child {
    display:flex;
    align-items:center;
    justify-content:center;
}
.chessboardHall-game-bg-right div:last-child img {
    width:65%;
    /*height:50%;*/
}
.chessboardHall-game-bg-left div:first-child {
    display:flex;
    align-items:center;
    justify-content:center;
}
.chessboardHall-game-bg-left div:first-child img {
    width:65%;
    /*height:50%;*/
}
/*捕魚*/
.fishHall-game-bg-right div:last-child {
    display:flex;
    align-items:center;
    justify-content:center;
}
.fishHall-game-bg-right div:last-child img {
    width:65%;
    /*height:50%;*/
}
.fishHall-game-bg-left div:first-child {
    display:flex;
    align-items:center;
    justify-content:center;
}
.fishHall-game-bg-left div:first-child img {
    width:65%;
    /*height:50%;*/
}

/*偶數*/
.abc:nth-child(even) div{
    overflow: hidden;
}
.abc:nth-child(even) .img-left img{
    margin-left:23%;
}
.abc:nth-child(even) .img-right img{
    margin-left:23%;
}

.abc:nth-child(even) .logo-left img{
    width: 70% !important;
    margin-top: 4%;
    margin-left: 28%;
}
.abc:nth-child(even) .logo-right img{
    width: 54% !important;
    margin-top: 2%;
    margin-left: 12%;
}

/*基數*/
.abc:nth-child(odd) div{
    overflow: hidden;
}
.abc:nth-child(odd) .img-left img{
    margin-left:23%;
}
.abc:nth-child(odd) .img-right img{
    margin-left:23%;
}
.abc:nth-child(odd) .logo-left img{
    width: 70% !important;
    margin-top: 4%;
    margin-left: 28%;
}
.abc:nth-child(odd) .logo-right img{
    width: 55% !important;
    margin-top: 1%;
    margin-left: 13%;
    
}
.btn-pink-1{
	background-color: rgb(255, 0, 99);
    border-color: rgb(255, 0, 99);
}
.select-MemberCenter{
     appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
     background: url("../images/orrow.png") no-repeat calc(100% - 10px) center;
     background-size: 20px 15px;
     padding-right: 14px;
     background-color: #fff;
     padding-left: 39%;
    letter-spacing: 5px;
}
.aboutBrand_title2{
	font-size: 1.4em;
    font-weight: 600;
    color: rgb(23, 119, 189);
}
.aboutBrand_title3{
	font-weight: 600;
	color: #000;
    font-size: 1.1em;
}
.footer-img-div {
    float: right;
    margin-left: 10px;
}
.table td, .table th {
    padding: 0.4em;
}
.btn.disabled, .btn:disabled {
    opacity: .65;
    color: #fff;
    background-color: rgb(108, 117, 125);
    border-color: rgb(108, 117, 125);
}



.indexRwd-bg{
    background-size: cover;
    background-position: center top;
}
.icon-circle-dl {
    background-color: rgb(211 211 211) !important;
    border-radius: 50%;
    width: 2.5em !important;
    height: 2.5em;
    margin: 15px 0 0 15px;
    display: inline-block;
    text-align: center;
    box-shadow: 1px 1px 3px 0px rgb(132 132 132);
}
.downloadBox{
    width: 100%;
    /*margin-top:220px;*/
    margin:0;
    position: absolute;
    bottom: 70px;
}
.downloadBox2{
	    width: 100%;
    /* margin-top: 220px; */
    margin: 0;
    position: absolute;
    top: 249px;
}
.downloadBox2 i{
	font-size: 65px;
    color: rgb(61 61 61);
}
.dl-icon {
        color: rgb(61 61 61);
    font-size: 1.5em;
    line-height: 1.7em !important;
}
.IconQR{
    width: 100%;
}
.IconQR img{
    width: 100%;
    height: auto;
}
.dl_button{
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    box-shadow: 1px 1px 7px rgba(51,51,51,1.00);
    -webkit-box-shadow: 0px 3px 6px rgb(51 51 51 / 45%);
    -moz-box-shadow: 1px 1px 7px rgba(51,51,51,1.00);
    background: rgb(204,204,204);
    background: -moz-linear-gradient(top, rgb(204,204,204) 1%, rgb(232,232,232) 67%, rgb(232,232,232) 100%);
    background: -webkit-linear-gradient(top, rgb(204,204,204) 1%,rgb(232,232,232) 67%,rgb(232,232,232) 100%);
    background: linear-gradient(to bottom, rgb(204,204,204) 1%,rgb(232,232,232) 67%,rgb(232,232,232) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#e8e8e8',GradientType=0 );
}
.dl_button a{
    width: 100%;
    height:35px;
    line-height:35px;

    text-decoration: none;
    cursor: pointer;
    color: rgb(61 61 61);
    display: inline-block;
}

/*android*/
.android_btn {
    float: left;
    width: 62%;
    height: 35px;
    line-height: 35px;
    color: rgb(61 61 61);
    background-color: rgb(143 195 32);
    box-shadow: 1px 1px 6px 1px rgb(132 132 132);
    border-radius: 8px;
    margin-left: 10px;
    margin-right: 10px;
}
.android_btn i{
    font-size:34px;
    padding: 0 5px 0 0;
    vertical-align: middle;
}
.android_btn span{
    font-size:16px;
    vertical-align: middle;
    font-weight: 700;
}
.android_copy {
    float: left;
    width: 30%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    letter-spacing: 3px;
    font-size: 16px;
    background-color: rgb(1 89 129);
    box-shadow: 1px 1px 6px 1px rgb(132 132 132);
    border-radius: 8px;
}

/*ios*/
.ios_btn {
    float: left;
    width: 70%;
    height:100%;
    height:35px;
    line-height:35px;

    background: rgba(150,150,150,1.00);
}
.ios_btn i{
    font-size:21px;
    padding: 0 5px 0 0;
    vertical-align: middle;
}
.ios_btn span{
    font-size:13px;
    vertical-align: middle;
}
.ios_copy {
    float: left;
    width: 30%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    letter-spacing: 3px;
    font-size: 16px;
    -webkit-border-radius: 100px;
    background: rgb(33,35,34);
    background: -moz-linear-gradient(top, rgb(33,35,34) 1%, rgb(129,132,131) 100%);
    background: -webkit-linear-gradient(top, rgb(33,35,34) 1%,rgb(129,132,131) 100%);
    background: linear-gradient(to bottom, rgb(33,35,34) 1%,rgb(129,132,131) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212322', endColorstr='#818483',GradientType=0 );
}
@media screen and (min-width:980px) and (max-width:1024px) {
    .downloadBox{
        /*margin-top:250px;*/
    }
    .dl_button{
        width: 50%;
        height:35px;
        line-height:35px;
        margin:0 0 0 25%;
    }
    .dl_button a{
        height:35px;
        line-height:35px;
    }

    .IconQR img {
        width: 50%;
        margin:0 25%;
    }
    /*android*/
    .android_btn {
        line-height: 35px;
    }
    .android_btn i{
        font-size:24px;
        padding: 0 10px;
        vertical-align: middle;
    }
    .android_btn span{
        font-size:20px;
        vertical-align: middle;
    }
    .android_copy {
        line-height: 35px;
        font-size:20px;
    }
    /*ios*/
    .ios_btn {
        height: 35px;
        line-height: 35px;
    }
    .ios_btn i{
        font-size:24px;
        padding: 0 10px;
        vertical-align: middle;
    }
    .ios_btn span{
        font-size:20px;
        vertical-align: middle;
    }
    .ios_copy {
        height: 35px;
        line-height: 35px;
        font-size:20px;
    }

}
@media screen and (min-width:768px) and (max-width:979px) {
    .downloadBox{
        /*margin-top:450px;*/
    }
    .dl_button{
        width: 74%;
        height:50px;
        line-height:50px;
        margin:0 0 0 12%;
    }
    .dl_button a{
        height:50px;
        line-height:50px;
    }
    /*android*/
    .android_btn {
        height:50px;
        line-height: 50px;
    }
    .android_copy {
        height:50px;
        line-height: 50px;
        font-size:21px;
    }
    .android_btn i{
        font-size:28px;
        padding: 0 10px;
    }
    .android_btn span{
        font-size:21px;
    }
    /*ios*/
    .ios_btn {
        height:50px;
        line-height: 50px;
    }
    .ios_copy {
        height:50px;
        line-height: 50px;
        font-size:21px;
    }
    .ios_btn i{
        font-size:28px;
        padding: 0 10px;
    }
    .ios_btn span{
        font-size:21px;
    }

    .IconQR img {
        width: 80%;
        margin:0 10%;
    }

}
@media screen and (min-width:480px) and (max-width:767px) {
    .downloadBox{
        /*margin-top: -5%;*/
    }
    .dl_button{
        width: 74%;
        margin:0 0 0 12%;
    }

    .IconQR img {
        width: 60%;
        margin:0 20%;
    }

}
.downloadIndex-input-copy{
	color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    z-index: 1;
}
.display-table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99;
}
.vertical-align-middle {
    vertical-align: middle;
}
.display-table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
}
.success-bg{
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover;
    background-position: center top;
}
.success-btn{
	padding: 5px 40px;
    height: 50px;
    border-radius: 35px !important;
}
.error-icon-style{
	font-size: 96px;
    color: rgb(247, 20, 20);
    text-shadow: #fff 3px 3px 4px;
}
.error-p{
	color: red;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.success-error-girl{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    z-index: 12;
}
.error-div{
	height: 100%;
    width: 100%;
    position: relative;
}
.error-img{
	width: auto;
    height: 100%;
}
.message-btn{
	padding: 5px 50px;
    height: 60px;
    background-image: url(../images/success/message/btn_bg.png);
    background-size: 100% 100%;
    font-weight: 600;
}
.message-p{
	color: #fff;
	font-size: 1.5em !important;
	text-shadow: -1px -1px 0 rgb(15, 14, 138), 1px -1px 0 rgb(15, 14, 138), -1px 1px 0 rgb(15, 14, 138), 1px 1px 0 rgb(15, 14, 138);
}
.EventPhoneIndexRwd-bg{
	background: -webkit-linear-gradient(rgba(214, 233, 239, 0.32),rgba(214, 233, 239, 0.65),rgba(197, 234, 236, 0.63));
    background: -o-linear-gradient(rgba(214, 233, 239, 0.32),rgba(214, 233, 239, 0.65),rgba(197, 234, 236, 0.63));
    background: -moz-linear-gradient(rgba(214, 233, 239, 0.32),rgba(214, 233, 239, 0.65),rgba(197, 234, 236, 0.63));
    background: linear-gradient(rgba(214, 233, 239, 0.32),rgba(214, 233, 239, 0.65),rgba(197, 234, 236, 0.63));
}
.Event-span{
	background-color: rgba(169, 222, 225, 1);
    height: 34px;
    padding: 5px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
    color: rgba(4, 76, 126, 1);
    font-size: 0.88em;
    padding-top: 7px;
}
.Event-img {
    width: 100%;
    height: 100%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.Event-shadow {
    box-shadow: 0px 2px 6px 0px rgba(136, 136, 136, 0.6392156862745098);
    border-radius: 10px;
}
.Event-new-img {
    width: 13%;
    position: absolute;
    top: -7px;
    left: 24px;
}
.Event-time-span{
	position: absolute;
    left: 25%;
    transform: translate(-55%, -298%);
    width: 35%;
    background-color: rgba(246, 159, 42, 1);
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 3px 3px #88888894;
    color: rgba(4, 76, 126, 1);
    padding: 3px;
    font-size: 0.6em;
    padding-bottom: 2px;
}
.memberInfo-bg1{
	    height: 189px;
    width: 100%;
    background-image: -webkit-linear-gradient(180deg,rgb(6, 98, 163) 100px,rgb(255, 255, 255) 100px);
    background-image: -moz-linear-gradient(180deg,rgb(6, 98, 163) 100px,rgb(255, 255, 255) 100px);
    background-image: -ms-linear-gradient(180deg,rgb(6, 98, 163) 100px,rgb(255, 255, 255) 100px);
    background-image: -o-linear-gradient(180deg,rgb(6, 98, 163) 100px,rgb(255, 255, 255) 100px);
    background-image: linear-gradient(180deg,rgb(6, 98, 163) 100px,rgb(255, 255, 255) 100px);
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    border-width: 6px;
    margin-top: 29px;
}
.memberInfo-user{
	width: 18%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -40%);
    text-align: center;
}
.memberInfo-data{
	    background-color: #fff;
    border: rgb(244, 244, 244) 1px solid;
    border-radius: 7px;
    box-shadow: 0px 1px 2px rgba(136, 136, 136, 0.09019607843137255);
    width: 77%;
    position: absolute;
    left: 55%;
    transform: translate(-50%, 70%);
    text-align: center;
    padding: 15px;
        padding-top: 17px;
    padding-bottom: 20px;
}
.right-border{
	border-right-style: dashed;
    border-width: 1px;
}
.memberInfo-span{
	    font-size: 1em;
    background-color: rgb(6, 98, 163);
    color: rgb(252, 255, 0);
    line-height: 30px;
    border-radius: 12px;
    width: 134px;
    margin: auto;
}
.memberInfo-input{
	background-color: #fff;
    height: 36px !important;
    font-size: 0.9em !important;
    border: #ddd 0px solid;
    box-shadow: 0px 1px 8px 0px rgba(33, 37, 41, 0.19);
    
    /*font-weight: 100 !important;*/
        
    font-weight: bold;
}
.memberInfo-footer{
	position: fixed;
    bottom: 0px;
    width: 100%;
    left: 15px;
    height: 49px;
}
.memberInfo-footer-left{
	padding: 12px;
    background-color: rgb(6, 98, 163);
    color: #fff;
}
.memberInfo-footer-left i{
	color: rgb(0, 222, 255);
	font-size: 1.5em;
    vertical-align: sub;
}
.memberInfo-footer-left button{
	background-color: rgba(0, 0, 0, 0);
    border-width: 0px;
    color: #fff;
}
.memberInfo-footer-right button{
	background-color: rgba(0, 0, 0, 0);
    border-width: 0px;
    color: #fff;
}
.memberInfo-footer-right{
	padding: 12px;
    background-color: rgb(157, 157, 157);
    color: #fff;
}
.memberInfo-footer-right i {
	color: rgb(121, 121, 121);
	font-size: 1.5em;
    vertical-align: sub;
}
.PointCenter-data{
	background-color: #fff;
    border: rgb(244, 244, 244) 1px solid;
    border-radius: 7px;
    box-shadow: 0px 1px 2px rgba(136, 136, 136, 0.09019607843137255);
    width: 80%;
    position: absolute;
    left: 55%;
    transform: translate(-50%, 65%);
    text-align: center;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 15px;
    color: rgb(72, 72, 72);
}
.PointCenter-bg1{
	    height: 221px;
    width: 100%;
    background-image: -webkit-linear-gradient(180deg,rgb(6, 98, 163) 110px,rgb(255, 255, 255) 110px);
    background-image: -moz-linear-gradient(180deg,rgb(6, 98, 163) 110px,rgb(255, 255, 255) 110px);
    background-image: -ms-linear-gradient(180deg,rgb(6, 98, 163) 110px,rgb(255, 255, 255) 110px);
    background-image: -o-linear-gradient(180deg,rgb(6, 98, 163) 110px,rgb(255, 255, 255) 110px);
    background-image: linear-gradient(180deg,rgb(6, 98, 163) 110px,rgb(255, 255, 255) 110px);
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    border-width: 6px;
    margin-top: 29px;
}
.PointCenter-refresh{
	width: 18%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 560%);
    text-align: center;
}
._2SMicM8OG5FjGokyjbEDae {
        padding: 1em 0 0;
    width: 100%;
    height: 64px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
._2SMicM8OG5FjGokyjbEDae::-webkit-scrollbar { width: 0 !important; }
.sQgCvLJppgBvtGjqM4xas {
    padding: 0 1em;
}
._3oNRxWQcWCLAFQNyfyhe0F {
    width: 580px;
    height: 1.8em;
    background-color: #fff;
    border-radius: 12px;
    white-space: nowrap;
    -webkit-transition: all 2s;
    transition: all 2s;
    box-shadow: -1px 2px 4px 0px rgba(0, 0, 0, 0.16);
    list-style-type: none;
    padding: 0;
    margin: 0;
}
._3oNRxWQcWCLAFQNyfyhe0F li.li_show {
    background-color: rgb(63, 197, 240);
    color: #fff;
}
._3oNRxWQcWCLAFQNyfyhe0F li {
    float: left;
    text-align: center;
    height: 1.8em;
    line-height: 1.8em;
    width: 7em;
    border-radius: 6px;
    margin: 0px 5px 0px 0px;
    color: rgb(6, 98, 163);
}
.PointCenter-s-title{
	-webkit-clip-path: polygon(0 0, 56% 0, 70% 100%, 0% 100%);
	    clip-path: polygon(0 0, 56% 0, 70% 100%, 0% 100%);
    width: 181px;
    background-color: rgb(6, 98, 163);
    color: #fff;
    padding-top: 2px;
    padding-left: 8px;
    height: 34px;
}

.PointCenter-s-title-line {
    position: absolute;
    top: 14px;
    right: 0;
    left: 102px;
    background-color: rgb(6, 98, 163);
    height: 3px;
}
.PointCenter-s-title i{
	font-size: 30px;
}
.PointCenter-s-title span{
	font-size: 14px;
    vertical-align: super;
}
.PointCenter-game-icon{
    position: absolute;
    top: 11px;
    left: 11px;
    z-index: 1;
    color: rgb(6, 98, 163);
}
.PointCenter-game-icon i{
	font-size: 45px;
    line-height: 0.9em;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1;
    border-color: rgb(6, 98, 163);
    border-style: solid;
}
._3oNRxWQcWCLAFQNyfyhe0F a{
	    color: rgba(108, 117, 125, 0.6509803921568628);
}
.li_show a{
	color: #fff ;
}
.errorModal-style{
	margin-top: 0px;
	    background-color: rgba(0, 0, 0, 0.65);
}
.errorModal-style .modal-dialog{
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0);
    margin-top: 106px;
    margin-right: 33px !important;
    margin-left: 33px !important;
}
.errorModal-style .modal-content{
	min-height: 346px;
	padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-radius: .4em;
    border-color: rgba(255, 255, 255, 0.611764705882353);
}
.errorModal-style .modal-header{
	    padding: 0.5rem 0.5rem 0rem 0.5rem!important;
    background-color: rgb(253, 47, 57) !important;
    color: #fff!important;
    border: 1px solid rgb(253, 47, 57)!important;
    display: block;
}
.errorModal-style .modal-body{
	background-color: #fff !important;
}
.errorModal-style .modal-footer{
	    background-color: #fff !important;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    border-top: 0px;
    display: block !important;
    padding-bottom: 58px;
}
.errorModal-style .modal-footer button:hover{
	    box-shadow: 0px 3px 1px 0px rgba(34, 34, 34, 0.25);
}
.errorModal-style .modal-footer button:active{
	    background-color: rgb(239, 44, 53) !important;
    width: 40%;
    height: 30px;
    padding: 0px;
}
.Modal-line{
	position: absolute;
    left: 51%;
    transform: translate(-50%, -88%);
    z-index: 10;
    width: 14%;
    height: 217px;
}
@keyframes swivelChair {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 1;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.swivelChair {
  animation-name: swivelChair;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
.errorModal-close{
	    position: absolute;
    top: 110%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 43px;
    height: 43px;
    border-radius: 50px;
    border-width: 1px;
    border-color: #fff;
    border-style: solid;
}
.errorModal-close:before, .errorModal-close:after {
  position: absolute;
    top: 4px;
    left: 20px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #fff;
    transform: rotate(-45deg);
    transition: all 0.25s ease-out;
}

.errorModal-close:after {
  transform: rotate(-135deg);
}

.errorModal-close:hover:before, .errorModal-close:hover:after {
  position: absolute;
  left: 20px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #fff;
  transform: rotate(90deg);
  transition: all 0.25s ease-out;
}
.errorModal-style .modal-body-title{
	text-align: center;
    font-size: 26px;
    color: black;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 0px;
}
.errorModal-style .modal-body-btn {
	    padding: 5px;
    background-color: rgb(253, 47, 57) !important;
    color: #fff;
    border-radius: 20px;
    width: 46%;
    height: 34px;
    border-width: 0px;
}
.correctModal-style .modal-header{
	background-color: rgb(5, 99, 161) !important;
    border: 1px solid rgb(5, 99, 161)!important;
}
.correctModal-style .modal-body-btn{
	background-color: rgb(5, 99, 161) !important;
}
.correctModal-style .modal-footer button:active {
    background-color: rgb(5, 99, 161) !important;
    width: 40%;
    height: 30px;
    padding: 0px;
}
.correctModal-style .modal-body{
	background-color: rgb(224, 251, 246) !important;
}
.correctModal-style .modal-footer{
	background-color: rgb(224, 251, 246) !important;
}
.modal-dialog-general{
	-webkit-clip-path: polygon(0% 15%, 0 0, 15% 0%, 93% 0, 96% 5%, 100% 11%, 100% 85%, 100% 100%, 85% 100%, 15% 100%, 0 100%, 0% 85%);
    clip-path: polygon(0% 15%, 0 0, 15% 0%, 93% 0, 96% 5%, 100% 11%, 100% 85%, 100% 100%, 85% 100%, 15% 100%, 0 100%, 0% 85%);
	max-width: 900px !important;
    margin-top: 65px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0);
    background-color: rgb(11, 97, 158);
    padding: 6px;
    border-radius: 13px;
}
.modal-dialog-general .modal-content{
	-webkit-clip-path: polygon(0% 15%, 0 0, 15% 0%, 93% 0, 96% 5%, 100% 11%, 100% 85%, 100% 100%, 85% 100%, 15% 100%, 0 100%, 0% 85%);
    clip-path: polygon(0% 15%, 0 0, 15% 0%, 93% 0, 96% 5%, 100% 11%, 100% 85%, 100% 100%, 85% 100%, 15% 100%, 0 100%, 0% 85%);
    border-radius: 13px;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(184, 224, 232) 100%);
    background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%,rgb(184, 224, 232) 100%);
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%,rgb(184, 224, 232) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(255, 255, 255)', endColorstr='rgb(184, 224, 232)',GradientType=0 );
}
.modal-dialog-general .modal-body{
   	     max-height: 584px;
        padding: 50px 15px 30px 15px;
}
.modal-dialog-general .modal-body2{
	 max-height: 514px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling:touch;
    color: rgb(11, 97, 158);
}
.modal-open .modal{
	overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling:touch;
}
.modal-dialog-general .modal-body2::-webkit-scrollbar {
    width: 7px;
    background-color: rgba(245, 245, 245, 0);
}
.modal-dialog-general .modal-body2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, 0.2);
}
.modal-dialog-general .modal-body2::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(245, 245, 245, 0);
}

body::-webkit-scrollbar {
    width: 12px;
    background-color: rgba(153, 153, 153, 0.1607843137254902);
}
body::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background-color: rgba(153, 153, 153, 0.8392156862745098);
}
body::-webkit-scrollbar-track {
    background-color: rgba(153, 153, 153, 0.1607843137254902);
}

.modal-open .modal::-webkit-scrollbar {
       width: 12px;
    background-color: rgba(153, 153, 153, 0);
}
.modal-open .modal::-webkit-scrollbar-thumb {
   border-radius: 10px;
    background-color: rgba(2, 2, 2, 0.23);
}
.modal-open .modal::-webkit-scrollbar-track {
	background-color: rgba(153, 153, 153, 0);
}
.modal-dialog-general-bg{
	background-color: rgba(0, 0, 0, 0.65);
}
.modal-dialog-general-bg .modal-title{
	position: absolute;
    left: 49%;
    transform: translate(-50%, 120%);
    width: 226px;
    text-align: center;
    z-index: 9000;
    background: rgb(183,222,237);
    background: -moz-linear-gradient(left, rgba(183,222,237,1) 0%, rgba(63,197,240,1) 0%, rgba(66,222,225,1) 31%, rgba(109,236,185,1) 56%, rgba(238,245,178,1) 100%);
    background: -webkit-linear-gradient(left, rgba(183,222,237,1) 0%,rgba(63,197,240,1) 0%,rgba(66,222,225,1) 31%,rgba(109,236,185,1) 56%,rgba(238,245,178,1) 100%);
    background: linear-gradient(to right, rgba(183,222,237,1) 0%,rgba(63,197,240,1) 0%,rgba(66,222,225,1) 31%,rgba(109,236,185,1) 56%,rgba(238,245,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#eef5b2',GradientType=1 );
    border-radius: 9px;
    box-shadow: 4px 3px 4px rgba(51, 51, 51, 0.18823529411764706);
    -webkit-box-shadow: 4px 3px 4px rgba(51, 51, 51, 0.18823529411764706);
    -moz-box-shadow: 4px 3px 4px rgba(51, 51, 51, 0.18823529411764706)
}
.modal-dialog-general-bg .modal-title-close{
	    position: absolute;
    left: 90%;
    transform: translate(-50%, 120%);
    z-index: 9000;
    width: 43px;
    height: 43px;
    border-radius: 50px;
    border-width: 2px;
    border-color: rgb(138, 198, 234);
    border-style: solid;
    background-color: rgba(0,0,0,0.7);
}
.modal-dialog-general-bg .modal-title h4{
	font-size: 20px;
}
@-webkit-keyframes fadeIns {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIns {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.fadeIns {
  -webkit-animation-name: fadeIns;
  animation-name: fadeIns;
}
.generalModal-close{
	    z-index: 10;
    
}
.generalModal-close:before, .generalModal-close:after{
	position: absolute;
    left: 19px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: rgb(138, 198, 234);
    transform: rotate(-45deg);
    transition: all 0.25s ease-out;
    top: 4px;
}
.generalModal-close:after {
    transform: rotate(-135deg);
}
.generalModal-close:hover:before, .generalModal-close:hover:after {
  position: absolute;
  left: 19px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: rgb(138, 198, 234);
  transform: rotate(90deg);
  transition: all 0.25s ease-out;
  top: 4px;
}
.marquee-p:nth-child(odd){
	    background-color: #fff;
    margin: 0px;
    padding: 9px;
    border-radius: 8px;
}
.marquee-p:nth-child(even){
	    background-color: #0b619e;
    margin: 0px;
    padding: 9px;
    color: #fff;
    border-radius: 8px;
}
.modal-dialog-news .marquee-p:nth-child(odd){
	background-color: #fff;
    margin: 0px;
    padding: 9px;
    border-radius: 0px;
}
.modal-dialog-news .marquee-p:nth-child(even){
	    background-color: #0b619e;
    margin: 0px;
    padding: 9px;
    color: #fff;
    border-radius: 0px;
}
.marquee-p span{
	    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}
.nav-tabs.nav-button-tabs>li>a{
	color: rgba(0, 0, 0, 0.7215686274509804) !important;
    border: 0 !important;
    background-color: #fff;
    margin-right: 8px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    box-shadow: 4px 3px 4px rgba(51, 51, 51, 0.18823529411764706);
    -webkit-box-shadow: 4px 3px 4px rgba(51, 51, 51, 0.18823529411764706);
    -moz-box-shadow: 4px 3px 4px rgba(51, 51, 51, 0.18823529411764706);
        margin-bottom: 10px;
}
.nav-tabs.nav-button-tabs>li>a.active{
	color: #fff !important;
    background: rgb(183,222,237);
    background: -moz-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(63,197,240,1) 0%, rgba(66,222,225,1) 31%, rgba(109,236,185,1) 56%, rgba(238,245,178,1) 100%);
    background: -webkit-linear-gradient(top, rgba(183,222,237,1) 0%,rgba(63,197,240,1) 0%,rgba(66,222,225,1) 31%,rgba(109,236,185,1) 56%,rgba(238,245,178,1) 100%);
    background: linear-gradient(to top, rgba(183,222,237,1) 0%,rgba(63,197,240,1) 0%,rgba(66,222,225,1) 31%,rgba(109,236,185,1) 56%,rgba(238,245,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#eef5b2',GradientType=1 );
}
.modal-dialog-news-bg .modal-title{
	position: absolute;
    left: 23%;
    transform: translate(-50%, 270%);
    width: 157px;
    z-index: 9000;
    background: rgba(0, 154, 255, 0);
    box-shadow: 4px 3px 4px rgba(51, 51, 51, 0);
    -webkit-box-shadow: 4px 3px 4px rgba(51, 51, 51, 0);
    -moz-box-shadow: 4px 3px 4px rgba(51, 51, 51, 0);
    text-align: inherit;
    border-radius: 0px;
}
.modal-dialog-news-bg .modal-title h4{
	 display: initial;
    vertical-align: text-bottom;
    font-size: 20px;
    padding-left: 14px !important;
    padding-right: 5px !important;
}
.modal-dialog-news-bg .modal-title i{
	color: #fff;
    font-size: 38px;
}
.modal-dialog-news{
	 -webkit-clip-path: polygon(65% 0, 100% 0, 100% 100%, 67% 100%, 57% 97%, 41% 97%, 31% 100%, 0 100%, 0 0, 31% 0, 40% 3%, 57% 3%);
    clip-path: polygon(65% 0, 100% 0, 100% 100%, 67% 100%, 57% 97%, 41% 97%, 31% 100%, 0 100%, 0 0, 31% 0, 40% 3%, 57% 3%);
	    margin-top: 79px;
}
.modal-dialog-news .modal-content{
	    -webkit-clip-path: polygon(65% 0, 100% 0, 100% 100%, 67% 100%, 57% 97%, 41% 97%, 31% 100%, 0 100%, 0 0, 31% 0, 40% 3%, 57% 3%);
    clip-path: polygon(65% 0, 100% 0, 100% 100%, 67% 100%, 57% 97%, 41% 97%, 31% 100%, 0 100%, 0 0, 31% 0, 40% 3%, 57% 3%);
}
.modal-dialog-news-bg .modal-title-close{
	    position: absolute;
    left: 93%;
    transform: translate(-50%, 70%);
    z-index: 9000;
    width: 43px;
    height: 43px;
    border-radius: 50px;
    border-width: 2px;
    border-color: rgb(138, 198, 234);
    border-style: solid;
    background-color: rgba(0,0,0,0.7);
}
.modal-dialog-news-bg .Modal-line{
	    position: absolute;
    left: 50%;
    transform: translate(-50%, -40%);
    z-index: 10;
    height: 201px;
    width: auto;
}
.modal-dialog-news .modal-body {
    max-height: 584px;
    padding: 40px 15px 30px 15px;
}
.modal-title-img{
	    width: 40%;
    position: absolute;
    top: 62px;
    left: 24px;
    z-index: 9000;
    
}
.loginPage-bg{
	height: 100%;
    background-color: #FFF;
}
.loginPage-circle{
	    height: 155px;
    background-color: rgb(5, 99, 161);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -70%);
}
.loginPage-logo{
	    height: 90px;
    width: 90px;
    border-radius: 50%;
    background-color: #FFF;
    position: absolute;
    left: 49%;
    top: 50px;
    transform: translate(-50%,-50%);
    box-shadow: 1px 3px 5px 0px rgba(33, 37, 41, 0.2);
    z-index: 500;
}
.loginPage-logo img{
	    width: 68%;
    height: auto;
    position: absolute;
    transform: translate(-50%, 22%);
    left: 17%;
    top: 12px;
    animation-name: dondur;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: reverse;
    /*animation-timing-function: linear;*/
}
@keyframes dondur {
  0% {transform:rotateY(0);}
  50% {transform:rotateY(180deg);}
  100%{transform:rotateY(360deg);}
}
.login_div_2{
	box-shadow: 1px 3px 5px 0px rgba(33, 37, 41, 0.2);
    border-radius: 28px;
}
.login_div_lock{
	    padding: 8px;
    background: rgb(63, 197, 240);
    background: -moz-linear-gradient(left, #3fc5f0 1%, #42dee1 47%, #6decb9 99%);
    background: -webkit-linear-gradient(left, rgb(63, 197, 240) 1%,rgb(66, 222, 225) 47%,rgb(109, 236, 185) 99%);
    background: linear-gradient(to right, rgb(63, 197, 240) 1%,rgb(66, 222, 225) 47%,rgb(109, 236, 185) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fc5f0', endColorstr='#6decb9',GradientType=1 );
    color: rgba(5, 99, 161, 0.74);
    font-weight: 600;
    height: 40px;
}
.login_div_no_lock{
	    margin-left: 0 !important;
    padding: 8px;
    color: rgb(5, 99, 161);
    height: 40px;
}
.login_div_2-left{
	border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
}
.login_div_2-right{
	    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
}
.addVerificationCodeRwd{
	    box-shadow: 0px 3px 4px 0px rgba(33, 37, 41, 0.12);
    border-radius: 0px;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
}
.msgAgain_btn{
	border-radius: 0px;
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
    box-shadow: 0px 3px 2px 0px rgba(33, 37, 41, 0.12);
    background-color: rgb(5, 99, 161) !important;
    color: #fff;
}
.loginPage-bg_2{
	    margin: 28px;
    border-style: solid;
    border-color: rgb(222, 226, 230);
    border-bottom: 0px;
    padding-top: 49px;
    border-width: 1px;
    border-radius: 10px;
    box-shadow: 1px 3px 5px 0px rgba(33, 37, 41, 0.2);
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 19%, rgb(164, 215, 225) 100%);
    background: -webkit-linear-gradient(top, #ffffff 19%,rgb(164, 215, 225) 100%);
    background: linear-gradient(to bottom, #ffffff 19%,rgb(164, 215, 225) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='rgb(164, 215, 225)',GradientType=0 );
    border-bottom: 0px;
    margin-bottom: 0px;
}
.loginPage_login_btn{
	background: rgb(238, 245, 178);
    background: -moz-linear-gradient(top, rgb(238, 245, 178) 1%,rgb(109, 236, 185) 36%,rgb(66, 222, 225) 64%,rgb(63, 197, 240) 100%) !important;
    background: -webkit-linear-gradient(top, rgb(238, 245, 178) 1%,rgb(109, 236, 185) 36%,rgb(66, 222, 225) 64%,rgb(63, 197, 240) 100%) !important;
    background: linear-gradient(to bottom, rgb(238, 245, 178) 1%,rgb(109, 236, 185) 36%,rgb(66, 222, 225) 64%,rgb(63, 197, 240) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(238, 245, 178)', endColorstr='rgb(109, 236, 185)',GradientType=0 ) !important;
    border-width: 0px;
    height: 3em;
    border-radius: 28px;
    width: 100%;
    color: rgb(5, 99, 161);
    box-shadow: 0px 3px 4px 0px rgba(33, 37, 41, 0.17);
    font-weight: 600;
}
.EventExperiencePage-bg{
	    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 24%, rgba(164,215,225,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 24%,rgba(164,215,225,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 24%,rgba(164,215,225,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a4d7e1',GradientType=0 );
    margin-top: 16px;
}
.promoContent{
	border-style: solid;
    border-width: 2px;
    border-color: #8888881c;
    border-radius: 10px;
    margin-bottom: 19px !important;
    padding: 14px;
}
.Event-content{
	    border-style: solid;
    border-width: 1px;
    border-color: rgb(222, 226, 230);
    border-radius: 10px;
    padding: 0px;
    box-shadow: 1px 3px 5px 0px rgba(33, 37, 41, 0.2);
    background-color: #fff;
}
.Event-title{
	    background: rgb(183,222,237);
    background: -moz-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(63,197,240,1) 0%, rgba(66,222,225,1) 31%, rgba(109,236,185,1) 56%, rgba(238,245,178,1) 100%);
    background: -webkit-linear-gradient(top, rgba(183,222,237,1) 0%,rgba(63,197,240,1) 0%,rgba(66,222,225,1) 31%,rgba(109,236,185,1) 56%,rgba(238,245,178,1) 100%);
    background: linear-gradient(to top, rgba(183,222,237,1) 0%,rgba(63,197,240,1) 0%,rgba(66,222,225,1) 31%,rgba(109,236,185,1) 56%,rgba(238,245,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#eef5b2',GradientType=1 );
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    
    margin-bottom: 15px !important;
    box-shadow: 0px 3px 4px 0px rgba(33, 37, 41, 0.2);
}
.Event-title span{
	color: #fff;
    font-size: 1em;
    font-weight: 600;
    vertical-align: text-bottom;
}
.Event-icon-style{
	    font-size: 23px;
    color: #fff;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 7px;
}
.Event-title-2 {
    background-color: rgb(6, 98, 163);
    color: #fff;
    padding-top: 10px !important;
    font-size: 1.3em;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.promoContent_title {
    display: flex;
    align-items: center;
    justify-content: center;
}
.promoContent_title::before, .promoContent_title::after{
	content: '';
    display: block;
    background-color: #fff;
    width: 3%;
    height: 2px;
    margin: 6px 15px 15px 15px;
}
.Event-title-2 .p2 {
    color: rgb(251, 255, 2);
}
.promoContent-p strong{
	color:rgb(6, 98, 163);
	font-size: 15px;
}
.promoContent-p span{
	
	font-size: 14px;
}
.RebateEvent-btn{
	font-size: 14px;
    padding-top: 7px;
    height: 36px;
    background-color: rgb(255, 243, 1);
    border-color: rgb(255, 243, 1);
    color: rgb(6, 98, 163);
    border-radius: 8px;
    width: 98px;
    font-weight: 600;
    box-shadow: 2px 3px 0px 0px rgb(190, 180, 7);
    margin-bottom: 9px;
}
.RebateEvent-btn:disabled{
	    opacity: 1;
    background-color: rgb(172, 172, 172);
    border-color: rgb(181, 181, 181);
    box-shadow: 2px 3px 0px 0px rgb(139, 139, 139);
    color: #fff;
        margin-bottom: 9px;
}

.medal1-style{
	color: rgb(162, 117, 68);
    font-size: 23px;
}
.medal2-style{
	color: rgb(146, 151, 10);
	font-size: 23px;
}
.medal3-style{
	color: rgb(161, 161, 161);
	font-size: 23px;
}
.medal4-style{
	color: rgb(52, 197, 223);
	font-size: 23px;
}
.progress{
	position: relative;
    top: 27%;
    transform: translateY(-50%);
        border-radius: 10px;
}
.progress-my-style{
	    border-radius: 10px;
	    background-color: rgb(73, 175, 249)!important;
}
.progress-title{
	    position: relative;
    top: 33%;
    transform: translateY(-50%);
}
.medal-img{
	    width: 100%;
    height: auto;
}
.select ul li a:hover{
	    background-color: rgba(0, 0, 0, 0.1);
}
.contactService-countant {
	border-radius: 10px;
    box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.21);
        padding: 20px;
}
.contactService-countant select{
	border: rgb(128 189 255) 3px solid !important;
    padding: .375rem .75rem !important;
    box-shadow: 0px 1px 8px 0px rgba(33, 37, 41, 0) !important;
    height: 46px !important;
    text-align-last: center !important;
    font-size: 18px !important;
    letter-spacing: 0px !important;
}
.memberInfo-btn {
    color: #fff;
    background-color: rgb(6, 98, 163);
    border-color: rgb(6, 98, 163);
    border-radius: 9px;
    width: 100%;
}
.return_btn{
	    background-color: rgba(255, 255, 255, 0);
    border: 0px;
    color: rgb(5, 90, 160) !important;
    font-size: 15px;
    font-weight: 600;
    font-family: Arial,'Microsoft YaHei','Microsoft JhengHei',Helvetica, sans-serif !important;
}
.btn-gray{
	    background-color: rgb(157, 157, 157);
    color: #FFF !important;
    border-color: rgb(157, 157, 157);
}
.memberInfo-label{
	height: 0px !important;
    line-height: 0px !important;
    letter-spacing: 0px !important;
    color: #000;
}
.checkbox-BankcodeBinding{
	    margin-right: 7px;
    height: 20px;
    display: initial;
    width: 20px;
    vertical-align: sub;
}
ul.PointRecharge-style li:after, ul.PointRecharge-style li:before {
    content: '';
    position: absolute;
    top: 26px;
    left: 3px;
    width: 40%;
    border-top: 3px dashed #ccc;
}
ul.PointRecharge-style li:after {
    left: 169px;
    right: 0;
    margin: 0 -26px 0 0;
}
ul.PointRecharge-style li h5 {
    margin: 15px 0 0 0;
    color: rgba(65, 65, 65, 0.72);
}
ul.PointRecharge-style li a.active+h5{
	margin: 8px 0 0 0 !important;
	color: rgba(65, 65, 65, 0.72) !important;
}
ul.PointRecharge-style li a {
	border: #ccc 1px solid !important;
    background-color: #ccc;
    color: #888;
}
ul.PointRecharge-style li a.active, ul.PointRecharge-style li a.active:focus, ul.PointRecharge-style li:hover>a.active{
	background-image: -webkit-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: -moz-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    border-color: rgba(31, 96, 216, 0) !important;
}
ul.PointRecharge-style li a.active::before {
    width: 47px;
    height: 47px;
    content: '';
    border-radius: 50%;
    position: absolute;
   
    left: 119px;
    top: 1px;
    bottom: 3px;
    background-image: -webkit-linear-gradient(0deg, rgba(230, 245, 175, 1), rgba(60, 200, 235, 1));
    background-image: -moz-linear-gradient(0deg, rgba(230, 245, 175, 1), rgba(60, 200, 235, 1));
    background-image: linear-gradient(0deg, rgba(230, 245, 175, 1), rgba(60, 200, 235, 1));
    
    
}
ul.PointRecharge-style li a.active span{
	    position: absolute;
    left: 133px;
    top: 1px;
    bottom: 3px;
}

.PointRecharge-style .recordChoice {
    width: 100%;
    overflow: hidden;
    margin: 0px auto 0 auto;
}

.PointRecharge-style .recordChoice .record-item {
    float: left;
    width: 49.5%;
    height: 95px;
    margin: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/*選擇框-圓標*/
.PointRecharge-style .recordChoice .record-item .circle-item {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9;
    border-radius: 50%;
    background: #fff;
    border: #ccc 1px solid !important;
    background-color: #ccc;
    color: rgba(102, 102, 102, 0.39) !important;
    top: 16px;
}

.PointRecharge-style .recordChoice .record-item .circle-item a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PointRecharge-style .recordChoice .record-item .circle-item a span {
        font-size: 2.3em;
    padding: 0;
    color: rgba(5, 100, 160, 1);
    position: absolute;
    top: 16%;
    z-index: 2;
}

.PointRecharge-style .recordChoice .record-item .circle-item a strong {
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    
    position: absolute;
    bottom: 12%;
    z-index: 2;
    color: rgb(144, 148, 150);
}

/*---啟動標示---*/
.PointRecharge-style .recordChoice .record-item.on .circle-item {
    background-image: -webkit-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: -moz-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
}

.PointRecharge-style .recordChoice .record-item.on .circle-item span {
    color: rgba(255, 255, 30, 1) !important;
}

.PointRecharge-style .recordChoice .record-item.on .circle-item strong {
    color: rgba(255, 255, 255, 1) !important;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
}

.PointRecharge-style .recordChoice .record-item.on .circle-item::before {
    width: 46px;
    height: 46px;
    content: '';
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    left: 1px;
    top: 0px;
    right: 3px;
    bottom: 3px;
    background-image: -webkit-linear-gradient(0deg, rgba(230, 245, 175, 1), rgba(60, 200, 235, 1));
    background-image: -moz-linear-gradient(0deg, rgba(230, 245, 175, 1), rgba(60, 200, 235, 1));
    background-image: linear-gradient(0deg, rgba(230, 245, 175, 1), rgba(60, 200, 235, 1));
}

/*漸層旋轉*/
.PointRecharge-style .recordChoice .record-item.on .record-linear {
    display: none;
}

.PointRecharge-style .recordChoice .record-item.on .record-linear {
    float: left;
    width: 64px;
    height: 64px;
    margin: 0;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: -moz-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    top: 9px;
}

.PointRecharge-style .recordChoice .record-item.on .record-linear::before {
    width: 66px;
    height: 66px;
    content: '';
    position: absolute;
    border-radius: 50%;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border: 5px solid transparent;
    border-top: 5px solid rgba(255, 255, 255, 1);
    /*border-right: 5px solid #fff;*/
    border-bottom: 5px solid rgba(255, 255, 255, 1);
    animation: rotate 1.5s infinite linear;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.PointRecharge-style .recordChoice .record-item.on .record-whiteBG {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0;

    border-radius: 50%;
    background-color: white;

    position: absolute;
    z-index: 2;

}
.PointRecharge-style .record-item.left:before{
	    content: '';
    position: absolute;
    left: 114px;
    width: 43%;
    border-top: 3px dashed #ccc;
    top: 39px;
}
.PointRecharge-style .record-item.right:before {
    content: '';
    position: absolute;
    top: 39px;
    left: 3px;
    width: 40%;
    border-top: 3px dashed #ccc;
}
.PointRecharge-style h5 {
	margin: 0;
    padding: 0;
    position: absolute;
    bottom: -1%;
    z-index: 2;
    color: rgba(102, 102, 102, 0.7);
    font-size: 0.9em !important;
    font-weight: 600;
}
.PointRecharge-title{
	width: 100%;
    height: 120px;
    margin: 0 auto;
    padding: 10px 0;
    padding-bottom: 5px;
    font-size: 1.2em;
    text-align: center;
    color: rgba(255, 255, 5, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 0px;
    background-color: rgba(5, 100, 160, 1);
}
 .PointRecharge-title span {
    width: 70px;
    height: 70px;
    line-height: 65px;
    font-size: 2.0em;
    color: rgba(255, 255, 255, 1);
    border: 3px solid rgba(255, 255, 255, 1);
    border-radius: 50%;
    background-image: -webkit-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: -moz-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.33);
    top: 10%;
    position: absolute;
} 
.PointRecharge-title strong {
    font-size: .9em;
    bottom: 7%;
    color: rgba(255, 255, 255, 1);
    position: absolute;
} 
.PointRecharge-countant {
    border-radius: 10px;
    box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.21);
    padding: 20px;
    padding-bottom: 2px;
    background-color: #fff;
}
.lotter-btn{
	    box-shadow: 0px 1px 6px 0px rgba(33, 37, 41, 0.2);
	background-color: rgb(11, 123, 199);
    border-color: rgb(11, 123, 199);
}
.PointRecharge-btn{
	box-shadow: 0px 1px 6px 0px rgba(33, 37, 41, 0.2);
	    border: 0px solid !important;
    color: rgb(6, 98, 163);
    background-image: -webkit-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: -moz-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: linear-gradient(0deg, rgb(60, 200, 235), rgba(230, 245, 175, 1));
}
.PointRecharge-history-btn{
	    box-shadow: 0px 1px 6px 0px rgba(33, 37, 41, 0.2);
	border: rgb(154, 231, 234) 1px solid !important;
    background-color: rgb(154, 231, 234);
    color: rgb(5, 100, 160) !important;
}
.form-control:disabled, .form-control[readonly] {
    background-color: rgb(255, 255, 255);
    opacity: 1;
}
.PointWithdraw-bg1{
	height: 203px;
}
.PointWithdraw-bg1 .memberInfo-data{
	transform: translate(-50%, 50%);
	    width: 86%;
}
.PointWithdraw-icon{
	margin-right: 7px;
    font-size: 18px;
    vertical-align: text-top;
}
.PointWithdraw-style .recordChoice .record-item{
	height: 88px;
}
.PointWithdraw-style .recordChoice .record-item .circle-item{
	top: 10px;
}
.PointWithdraw-style .recordChoice .record-item.on .record-linear{
	top: 3px;
}
.PointWithdraw-style .record-item.left:before {
    top: 35px;
}
.PointWithdraw-style .record-item.right:before {
    top: 35px;
}
.Completion-content{
	
    border: 1px solid rgb(221, 221, 221);
    box-shadow: 1px 2px 4px 0px rgba(17, 17, 17, 0.1803921568627451);
    border-radius: 9px;
    padding: 20px 10px 10px 10px;
}
.Completion-content span{
	font-size: 57px;
    color: rgba(5, 100, 160, 1);
}
.ForgetPage-style .record-item.left:before{
	border-top: 3px dashed rgba(204, 204, 204, 0);
}
.ForgetPage-style .record-item.right:before {
       content: '';
    position: absolute;
    top: 35px;
    left: -30px;
    width: 62%;
    border-top: 3px dashed #ccc;
}
.ForgetPage-style .recordChoice .record-item {
    width: 24.5%;
        height: 85px;
}
.ForgetPage-style .recordChoice .record-item .circle-item {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9;
    border-radius: 50%;
    background: #fff;
    border: #ccc 1px solid !important;
    background-color: #ccc;
    color: rgba(102, 102, 102, 0.39) !important;
    top: 16px;
}
.ForgetPage-style .recordChoice .record-item.on .circle-item::before {
    width: 34px;
    height: 34px;
    content: '';
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    left: 1px;
    top: 1px;
    right: 3px;
    bottom: 3px;
    background-image: -webkit-linear-gradient(0deg, rgba(230, 245, 175, 1), rgba(60, 200, 235, 1));
    background-image: -moz-linear-gradient(0deg, rgba(230, 245, 175, 1), rgba(60, 200, 235, 1));
    background-image: linear-gradient(0deg, rgba(230, 245, 175, 1), rgba(60, 200, 235, 1));
}
.ForgetPage-style .recordChoice .record-item .circle-item a strong {
    font-size: 1.4em;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 1%;
    z-index: 2;
}
.ForgetPage-style .recordChoice .record-item.on .record-linear {
    float: left;
    width: 55px;
    height: 55px;
    margin: 0;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: -moz-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    top: 7px;
}
.ForgetPage-style .recordChoice .record-item.on .record-linear::before {
    width: 57px;
    height: 57px;
    content: '';
    position: absolute;
    border-radius: 50%;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border: 5px solid transparent;
    border-top: 5px solid rgba(255, 255, 255, 1);
    /* border-right: 5px solid #fff; */
    border-bottom: 5px solid rgba(255, 255, 255, 1);
    animation: rotate 1.5s infinite linear;
}
.ForgetPage-style .recordChoice .record-item.on .record-whiteBG {
    float: left;
    width: 50px;
    height: 50px;
    margin: 0;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    z-index: 2;
}
.setRemeberMemberData-okBtn{
	width: 129px;
    position: absolute;
    left: 49%;
    top: 165px;
    transform: translate(-50%,-50%);
}
.ServiceRecords-title{
	background-color: rgba(5, 100, 160, 1);
    color: #fff;
    height: 40px;
}
.ServiceRecords-title span{
	margin-right: 10px;
    font-size: 30px;
    margin-bottom: 2px;
}
.ServiceRecords-title strong{
	font-size: 18px;
}
.toggle.toggle-transparent .toggle-content, .toggle.toggle-transparent-body .toggle-content {
    margin-top: 0px;
    border-radius: 8px;
    box-shadow: 3px 3px 3px 0px rgba(33, 37, 41, 0.18);
    padding: 0px;
    background-color: rgba(0, 0, 0, 0);
    color: rgba(5, 100, 160, 1);
    font-weight: 600;
    font-size: 17px;
}
.toggle-title-style{
	background: rgb(109,236,185); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(109,236,185,1) 0%, rgba(66,222,225,1) 61%, rgba(63,197,240,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(109,236,185,1) 0%,rgba(66,222,225,1) 61%,rgba(63,197,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(109,236,185,1) 0%,rgba(66,222,225,1) 61%,rgba(63,197,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6decb9', endColorstr='#3fc5f0',GradientType=0 ); /* IE6-9 */
    padding: 4px;
    border-radius: 8px;
    box-shadow: 2px 1px 6px 0px rgba(33, 37, 41, 0.2);
        font-weight: 700;
}
.toggle-title-style label{
    background: rgb(255, 255, 255) !important;
    margin-bottom: 0px !important;
    padding: 8px;
    border-radius: 4px;
        font-size: 17px !important;
    display: inherit;
    padding-bottom: 3px;
}
.toggle-title-style i{
	float: right;
    margin-top: 6px;
    color: rgb(0, 0, 0);
}
.toggle-title-style .time_lab{
	    float: left;
    padding: 10px;
    background-color: rgba(5, 100, 160, 1) !important;
    color: #fff !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
        display: inherit !important;
}
.ServiceRecords-shadow{
	margin: auto;
}
.problem-p{
	margin: 0px;
    background-color: rgba(0, 0, 0, 0.06);
    padding: 20px;
    border-radius: 8px 8px 8px 8px;
}
.have-ans p{
	    padding: 20px !important;
    border-radius: 8px 8px 0px 0px !important;
}
.ans-p{
	padding: 20px 20px 25px 50px;
    margin: 0px;
}
.icon-question-style{
	width: 16%;
    display: inline-block;
    margin-right: 10px;
}

.statusAnsRead{
	    float: initial !important;
    margin-top: 0px !important;
    color: rgb(11, 97, 158) !important;
    font-size: 30px !important;
    line-height: 27px !important;
    font-weight: 600 !important;
    vertical-align: inherit;
}
.statusNoAns{
	    float: initial !important;
    margin-top: 0px !important;
    color: rgb(11, 97, 158) !important;
    font-size: 32px !important;
    line-height: 31px !important;
    font-weight: 600 !important;
    vertical-align: text-bottom;
}
.statusAnsNoRead{
	    float: initial !important;
    margin-top: 0px !important;
    color: rgb(11, 97, 158) !important;
    font-size: 34px !important;
    line-height: 31px !important;
    font-weight: 600 !important;
    vertical-align: text-bottom;
    display: inline-block;
}
.statusAnsNoRead span{
	background-color: rgb(228, 9, 9);
    color: rgb(255, 255, 255);
    box-shadow: 2px 2px 2px rgba(17, 17, 17, 0.3215686274509804);
    text-align: center;
    line-height: 18px;
    width: 16px;
    height: 17px;
    border-radius: 50%;
    font-size: 10px;
    text-shadow: none;
    position: absolute;
    left: 60%;
    transform: translate(-50%, -30%);
}
.ServiceRecords-contactServiceBtn{
	position: absolute;
    left: 91%;
    transform: translate(-50%, -65%);
    width: 140px;
    text-align: center;
    border: 2px solid rgba(5, 100, 160, 1);
    color: rgba(5, 100, 160, 1);
    border-radius: 12px;
    font-size: 17px;
    padding: 3px;
    font-weight: 600;
    box-shadow: 1px 2px 4px 0px rgba(17, 17, 17, 0.1803921568627451);
    cursor: pointer; 
}
.ServiceRecords-contactServiceBtn i{
	font-size: 25px;
    vertical-align: sub;
}
.ServiceRecords_frame{
	position: absolute;
    left: 495px;
    transform: translate(-50%, -19%);
    width: 36%;
}
.PointRecharge-style .recordChoice .record-item:hover .circle-item::before{
    display: none;
}
.gameMenu-style ._3oNRxWQcWCLAFQNyfyhe0F .li_show a {
    color: rgb(6, 98, 163);
        font-weight: 600 !important;
}
.gameMenu-style ._3oNRxWQcWCLAFQNyfyhe0F li{
	float: left;
    text-align: center;
    height: 1.8em;
    line-height: 1.8em;
    width: 7em;
    border-radius: 0px;
    margin: 0px;
    color: rgb(6, 98, 163) !important;
    background-color: #fff;
    border-right-style: solid;
    border-width: 3px;
    border-color: rgba(0, 0, 0, 0.12156862745098039);  
}
.gameMenu-style{
	    height: 51px;
    padding-top: 7px;
}
.gameMenu-style ._3oNRxWQcWCLAFQNyfyhe0F li.li_show{
	background-image: -webkit-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: -moz-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    font-weight: 600 !important;
}
.gameMenu-style ._3oNRxWQcWCLAFQNyfyhe0F{
	    width: 567px;
}
.gameMenu-style span{
	font-size: 19px;
    vertical-align: text-bottom;
        color: rgba(108, 117, 125, 0.6509803921568628);
}
.gameMenu-tab-content-p{
	background-color: #fff;
    border-radius: 8px;
    margin-top: 6px;
    box-shadow: 2px 2px 6px 0px rgba(51, 51, 51, 0.13);
    margin-bottom: 15px;
    font-size: 15px;
}
.gameMenu-style ._3oNRxWQcWCLAFQNyfyhe0F li.li_show span{
	color: rgb(6, 98, 163) !important;
}
.GamePOKER-gameMenu-tab{
	border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;padding-bottom: 15px !important;
}
.aboutBrand-title{
	    background-position-x: center;
    background-size: cover;
    width: 100%;
    height: 160px;
    margin: 0 auto;
    padding: 10px 0;
    padding-bottom: 0px;
    font-size: 1.2em;
    text-align: center;
    position: relative;
    border-radius: 0px;
}
.aboutBrand-title div{
	width: 70px;
    height: 70px;
    border: 3px solid rgba(255, 255, 255, 1);
    border-radius: 19%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.26);
    top: 10%;
    position: absolute;
    padding: 4px;
}
.aboutBrand-title img{
	    height: auto;
    width: 100%;
}
.aboutBrand-title strong {
        font-size: .9em;
    bottom: 26%;
    color: rgba(5, 100, 160, 1);
    position: absolute;
}
.aboutBrand-title p {
    font-size: 0.88em;
    bottom: 7%;
    color: rgba(5, 100, 160, 1);
    position: absolute;
}
.aboutBrand-Anchor{
	    padding: 5px 10px 0 10px;
    height: 47px;
    margin: auto;
    width: auto;
}
.aboutBrand-Anchor ._3oNRxWQcWCLAFQNyfyhe0F{
	width: 338px !important;
	
}
.aboutBrand-Anchor ._3oNRxWQcWCLAFQNyfyhe0F li{
	margin: 0px !important;
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.16);
    border-radius: 0px;
    font-weight: 600;
}
.aboutBrand-Anchor ._3oNRxWQcWCLAFQNyfyhe0F li.li_show{
	    color: #fff;
    background-image: -webkit-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: -moz-linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    background-image: linear-gradient(0deg, rgba(60, 200, 235, 1), rgba(230, 245, 175, 1));
    font-weight: 600;
}
.aboutBrand-Brand-countant{
	    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.26);
    padding: 20px 10px 10px 10px;
        margin-bottom: 48px !important;
}
.aboutBrand-Brand-countant h5{
	    text-align: center;
    font-size: 19px;
    font-weight: 700;
    color: rgba(5, 100, 160, 1);
    margin-bottom: 2px;
}
.aboutBrand-Brand-countant .title-2{
	    color: rgba(5, 100, 160, 1);
}
.aboutBrand-Brand-countant .title-2 strong{
	font-size: 21px;
    margin-right: 8px;
    vertical-align: super;
}
.aboutBrand-Brand-countant .title-2 i{
	    font-size: 40px;
    vertical-align: sub;
}
.aboutUsBtn{
	text-align: center;
    color: rgba(5, 100, 160, 1);
    border-radius: 12px;
    font-size: 15px;
    padding: 3px;
    font-weight: 600;
    box-shadow: 1px 2px 4px 0px rgba(17, 17, 17, 0.1803921568627451);
    cursor: pointer;
    background: rgb(183,222,237);
    background: -moz-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(63,197,240,1) 0%, rgba(66,222,225,1) 31%, rgba(109,236,185,1) 56%, rgba(238,245,178,1) 100%);
    background: -webkit-linear-gradient(top, rgba(183,222,237,1) 0%,rgba(63,197,240,1) 0%,rgba(66,222,225,1) 31%,rgba(109,236,185,1) 56%,rgba(238,245,178,1) 100%);
    background: linear-gradient(to top, rgba(183,222,237,1) 0%,rgba(63,197,240,1) 0%,rgba(66,222,225,1) 31%,rgba(109,236,185,1) 56%,rgba(238,245,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#eef5b2',GradientType=1 );
}
.aboutUsBtn span{
	    vertical-align: sub;
    font-size: 30px;
}
.icon-view-icon-01 .path1:before{
	    color: rgb(18, 101, 168) !important;
}
.icon-view-icon-01 .path2:before{
	color: rgb(18, 101, 168) !important;	
}
.icon-view-icon-01 .path4:before{
	color: rgb(18, 101, 168) !important;
}
.modal-dialog-licenseModal{
	    margin-top: 79px;
}
.modal-dialog-licenseModal .modal-content {
	background-color: rgba(0, 0, 0, 0);
}
.modal-dialog-licenseModal .modal-body {
    max-height: 584px;
    padding: 5px;
}
.aboutUsContent_title{
	position: absolute;
    left: 50%;
    transform: translate(-50%, -74%);
}
.aboutUsContent_title p{
	font-size: 22px !important;
    position: absolute;
    left: 51%;
    transform: translate(-50%, -198%);
    color: #fff;
}
.guarantee-title{
	line-height: 33px;
    color: rgba(5, 100, 160, 1);
    font-size: 16px;
}
.privacyPolicy-title-s{
	color: rgb(18, 101, 168);
}
.privacyPolicy-title-s i{
	font-size: 35px;
    vertical-align: bottom;
}
.privacyPolicy-title-s strong{
	vertical-align: super;
    font-size: 17px;
}
.privacyPolicy-countant{
	border-radius: 8px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.26);
}
.privacyPolicy-countant p{
	margin: 0px;
    padding: 10px;
}
.privacyPolicy-countant p:nth-child(odd){
	background-color:#ccc;
}
.privacyPolicy-countant p:nth-child(1){
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.privacyPolicy-countant i{
	font-size: 20px;
    vertical-align: text-bottom;
    margin-right: 5px;
}
.technicalSupport-span1{
	color: rgba(5, 100, 160, 1);
    /* line-height: 2px; */
    padding: 0px 10px;
    font-size: 1em;
}
.technicalSupport-img{
	width: 54px;
    height: auto;
    margin-right: 2px !important;
    margin-bottom: 0px !important;
}
.Browser-style{
	width: 205px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Browser-style-title{
	padding: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: rgb(18, 101, 168);
    border-radius: 10px;
    width: 100%;
    text-decoration: underline;
}
.Browser-img{
	    height: auto;
    width: 100%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .4) !important;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .4) !important;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .4) !important;
    border-radius: 15px;
}
.Browser-style .row{
	    line-height: 20px;
    margin-top: 8px;
}
.Browser-Description{
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.26);
    border-radius: 10px;
    padding: 19px;
}
.Browser-Description .responsibility_list{
	list-style-type: disc !important;
    line-height: 25px !important;
    padding-left: 17px !important;
}
a {
    color: rgb(18, 109, 175);  
}
.general-titile-color{
	font-size: 20px;
	color: rgb(5, 99, 161);
}
/*貨幣彈框*/
.askModal-style .modal-dialog {
        max-width: 323px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0);
    margin: auto;
    margin-top: 85px;
}
.askModal-style .modal-content {
    min-height: 346px;
    border-radius: 18px;
}
.askModal-style .modal-header {
        background-color: rgb(237 237 237) !important;
    border: 1px solid rgb(237 237 237)!important;
    border-top-right-radius: 13px;
    border-top-left-radius: 13px;
    padding: 0px;
}
.askModal-style .modal-body {
    background-color: rgb(255 255 255) !important;
}
.askModal-style .modal-body-title {
    text-align: center;
    font-size: 15px;
    color: black;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 0px;
}
.askModal-style .modal-footer {
    background-color: #fff !important;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    border-top: 0px;
    display: block !important;
    padding-bottom: 20px;
}
.askModal-style .modal-footer {
    background-color: rgb(255 255 255) !important;
}
.askModal-style .modal-body-btn {
    background-color: rgb(5, 99, 161) !important;
    padding: 5px;
    color: #fff;
    border-radius: 20px;
    width: 46%;
    height: 34px;
    border-width: 0px;
}
.askModal-style .modal-header .img-div{
	min-width: 170px;
}
.askModal-close{
	    position: absolute;
    top: 5%;
    left: 95%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 33px;
    height: 36px;
}
.happenTime-icon{
	    position: absolute;
    top: 6px;
    right: 33px;
    font-size: 22px;
}
.CS_icon_img_modal{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
    position: fixed;
    background: rgb(0 0 0 / 83%);
}

/*--------------- 202012手機板 ---------------*/
.mainMenu2020{
    padding: 10px;
    text-align: center;
    margin-right:0 !important;
    margin-left:0 !important;
}
.mainMenu2020 p{
    width: 5em;
    height: 5em;
    padding: 0px;
    margin: 0 0 8px 0;
    border-radius: 100px;
    background-color: #0b0b0b;
}
.mainMenu2020 b{
    font-size: 0.95em;
    padding:0;
    margin: 0;
    color: #3e3e3e;
}
.mainMenu2020 p i{
    line-height:100%;
    font-size: 5em;
    color: #FFFFFF;
    padding: 0px;
    margin: 0;
}
@media screen and (min-width:560px) and (max-width:768px) {
    .mainMenu2020 p{
        width: 6em;
        height: 6em;
        padding: 0px;
        margin: 0 0 8px 0;
        border-radius: 100px;
        background-color: #0b0b0b;
    }
    .mainMenu2020 b{
        font-size:1.2em;
        padding:0;
        margin: 0;
        color: #3e3e3e;
    }
    .mainMenu2020 p i{
        line-height:100% !important;
        font-size: 6em !important;
        color: #FFFFFF;
        padding: 0px;
        margin: 0;
    }
}

@media (max-width:320px) {
    .mainMenu2020 p{
        width: 4.5em;
        height: 4.5em;
        padding: 0px;
        margin: 0 0 8px 0;
        border-radius: 100px;
        background-color: #0b0b0b;
    }
    .mainMenu2020 b{
        font-size: 0.95em;
        padding:0;
        margin: 0;
        color: #878787;
    }
    .mainMenu2020 p i{
        line-height:100%;
        font-size: 4.5em;
        color: #FFFFFF;
        padding: 0px;
        margin: 0;
    }
}
.mainMenu2020 .col-3{
    padding-right:5px;
    padding-left:5px;
    padding-bottom: 10px;
}
.mainMenu2020 .liveIcon{
    background-color: #7e5ca6;
}
.mainMenu2020 .liveIcon i{
    text-shadow: 0em 0em 0.1em #7d57a2;
}
.mainMenu2020 .lotteryIcon{
    background-color: #3e69a0;
}
.mainMenu2020 .lotteryIcon i{
    text-shadow: 0em 0em 0.1em #7393c0;
}
.mainMenu2020 .sportsIcon{
    background-color: #4673b4;
}
.mainMenu2020 .sportsIcon i{
    text-shadow: 0em 0em 0.1em #0a4ba7;
}
.mainMenu2020 .slotsIcon{
    background-color: #6f94c8;
}
.mainMenu2020 .slotsIcon i{
    text-shadow: 0em 0em 0.1em #0012ff;
}
.mainMenu2020 .pokerIcon{
    background-color: #96dadb;
}
.mainMenu2020 .pokerIcon i{
    text-shadow: 0em 0em 0.1em #0004af;
}
.mainMenu2020 .fishingIcon{
    background-color: #dde97d;
}
.mainMenu2020 .fishingIcon i{
    text-shadow: 0em 0em 0.1em #ff5400;
}
.mainMenu2020 .movieIcon{
    background-color: #e9c18e;
}
.mainMenu2020 .movieIcon i{
    text-shadow: 0em 0em 0.1em #ff5400;
}
.mainMenu2020 .downloadIcon{
    background-color: #d59d78;
}
.mainMenu2020 .downloadIcon i{
    text-shadow: 0em 0em 0.1em #ff5400;
}
.titleRecentGm{
    padding: 0 0 0 5px;
    margin: 0 15px;
    border-left: 5px solid rgb(11 97 158);
    font-size: 1.2em;
    font-weight: bold;
}
.RecentGm2020{
    padding: 10px;
    text-align: center;
    margin-right:0 !important;
    margin-left:0 !important;
}
.RecentGm2020 .col-4{
    padding-right:5px;
    padding-left:5px;
    padding-bottom: 10px;
}
.RecentGm2020 .RecentGmBox{
    width: 100%;
    min-height: 16vh;
    padding: 10px;
    text-align: center;

    border-radius: 10px;

    box-shadow: -1px -1px 5px #878787;
    -webkit-box-shadow: -1px -1px 5px #878787;
    -moz-box-shadow: -1px -1px 5px #878787;

    background-position: top right;

    overflow: hidden;
    position: relative;
}
.RecentGm2020 .gmLogo{
    width:65%;
    height: auto;
    top: 30%;
    left: 0;
    position: absolute;
    z-index: 2;
}
.RecentGm2020 .gmGirl{
    width:130%;
    height: auto;
    top: -10px;
    right: -20px;
    position: absolute;
    z-index: 1;
}

.RecentGm2020 p {
    width:70%;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;

    color: rgba(0, 0, 0, 1);
    /*-webkit-text-stroke: 1px rgba(255,255,255,1);*/
    text-shadow: -1.5px -1.5px 1px rgba(255, 255, 255, 1),
    1.5px -1.5px 1px rgba(255, 255, 255, 1),
    -1.5px 1.5px 1px rgba(255, 255, 255, 1),
    1.5px 1.5px 1px rgba(255, 255, 255, 1),
    2px 2px 2px rgba(255, 255, 255, 1);

    top: 60%;
    left: 0;
    position: absolute;
    z-index:3;

}
.titleService{
	color: rgb(76 95 161);
	border-left: 5px solid rgb(76 95 161);
}
.serviceBox{
	box-shadow: none !important;
    padding: 0px !important;
    border: 0px;
}
.serviceBox img{
	width: 86%;
    height: auto;
}
.downloadIndex_title_box{
	      width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600;
    border-radius: 24px;
    box-shadow: 1px 2px 6px 0px rgb(158 158 158);
    color: rgb(60 60 60);
        background-color: #fff;
}
.downloadIndex_rwd_title{
	font-weight: 600;
    
    background: linear-gradient(to top,#0b0b0b,#5b5b5b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.down-gif-style{
	    width: 20%;
    position: fixed;
    bottom: 80px;
    z-index: 9;
    right: 13px;
}
.memberInfo-input-style2{
	    background-color: rgb(255 255 255 / 0%);
    height: 40px !important;
    border-radius: 7px;
}
.memberInfo-input-style2 input{
	width: 74% !important;
    float: left !important;
    border-color: rgb(0 0 0 / 0%) !important;
    height: 40px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.memberInfo-input-style2 button{
	width: 26% !important;
    float: right !important;
    text-align: center !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: rgb(6, 98, 163) !important;
    color: #fff !important;
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
    border-style: none;
}
.memberInfo-change-btn{
	width: 50%;
    float: right;
    text-align: center;
    border-color: rgb(150 150 150);
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    background-color: #fff;
    padding: 2px;
    cursor: pointer;
}
.memberInfo_change_password_icon{
	font-size: 36px;
    vertical-align: middle;
    margin-right: 10px;
    color: rgb(6 98 162);
    font-weight: 500;
}
.memberInfo-img{
	width: 21%;
    height: auto;
    margin-right: 10px;
}
.memberInfo_setForm{
	display: contents;
}
.memberInfo-changeOk-span{
	    float: right;
    
    text-align: center;
    color: rgb(6, 98, 163);
}
.UploadIdentity-img{
	width: 100%;
    height: auto;
    box-shadow: 1px 2px 4px 0px #1111112e !important;
}
.UploadIdentity-icon{
	width: 50%;
    position: absolute;
    top: 74%;
    left: 37%;
    font-size: 1.5rem;
}
.UploadIdentity-icon p{
	line-height: 8px;
}