body{
	font-family: Arial,'Microsoft YaHei','Microsoft JhengHei',Helvetica, sans-serif !important;	
	overflow: hidden !important;
}
.boxed-layout .page-container{
	border: 1px solid #a63719;
	width: 1080px;
    margin: 0 auto;
    margin-top: 36px;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    background: rgba(217, 224, 231, 0);
}
.lob-game-title{
	color: #ffd504;
    margin-top: 7px;
    text-align: center;
}
.game-div{
	width: 200px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.modal-backdrop {
    z-index: 5000 !important;
}
a:hover {
    text-decoration: none !important;	
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background: rgba(242, 243, 244, 0.24);
}
.table {
    font-size: 15px;
}
.header .navbar-brand{
	float: left;
    margin-right: 0px;
    padding: 0px 20px;
    height: 100%;
    width: 264px;
    font-weight: 100;
    font-size: 18px;
    line-height: 30px;
    text-decoration: none;
}
.box .inner-content{
    width: 100%;
    color: #fff;
   position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: 2;
    transform: translate(-50%, -50%) scale(2);
    transition: all 0.3s ease 0.2s;
}
.nav-profile-m{
	background: -webkit-linear-gradient(rgba(22, 22, 23, 0.25882352941176473),rgba(0, 0, 0, 0.6)) !important;
    background: -o-linear-gradient(rgba(22, 22, 23, 0.25882352941176473),rgba(0, 0, 0, 0.6)) !important;
    background: -moz-linear-gradient(rgba(22, 22, 23, 0.25882352941176473),rgba(0, 0, 0, 0.6)) !important;
    background: linear-gradient(rgba(22, 22, 23, 0.25882352941176473),rgba(0, 0, 0, 0.6)) !important;
}
.p-t-130{
	padding-top: 130px;
}
.p-t-50{
	padding-top: 50px;
}
.p-b-36{
	padding-bottom: 36px;
}
.f-s-25{
	font-size: 25px;
}
.m-r-26{
    margin-right: 26px !important;
}
.right-btn{
	float: right !important;
    margin-right: 0px !important;
    padding: 5px 0px !important;
    height: 100% !important;
    width: 87px !important;
}
.right-btn-sign-in{
   width: 140px !important;
   margin-top: 10px !important; 
}
.sidebar-right-btn{
	margin-right: 0px !important;
}
.btn-fire-3{
	position: absolute;
    bottom: 0px;
    left: -101px;
    z-index: -1;
}

/* 內容區域 */
/*跑馬燈*/
.box-mq {
    position: fixed;
    top: 4%;
    left: 28%;
    z-index: 5000;
    max-width: 42%;
    overflow: hidden;
}
/* 廣告看板 */
/*数字滚动插件的CSS可调整样式*/
.mt-number-animate{ 
	color: #fff;
    font-family: '微软雅黑';
    line-height: 20px;
    height: 20px;
    font-size: 15px;
    overflow: hidden;
    display: inline-block;
    position: relative; 
}
.mt-number-animate .mt-number-animate-dot{ 
	width: 15px;
    line-height: 20px;
    float: left;
    text-align: center;
}
.mt-number-animate .mt-number-animate-dom{ width: 10px;/*设置单个数字宽度*/ text-align: center; float: left; position: relative; top: 0;}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span{ width: 100%; float: left;}
.ad {
    max-width: 15%;
    height: auto;
    position: fixed;
    top: 14%;
    left: 75%;
    z-index: 1;
}
.ad_img{
	max-width: 10%;
    height: auto;
    position: fixed;
    top: 17%;
    left: 76.4%;
    z-index: 1;
}
.ad_text_style{
	-webkit-transform: skew(-5deg);
    -ms-transform: skew(-5deg);
    -moz-transform: skew(-5deg);
    -o-transform: skew(-5deg);
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
}
.ad_text1{
	text-align: right;
	height: auto;
    position: fixed;
    top: 21.6%;
    left: 78%;
    z-index: 1;
    width: 8%;
}
.ad_text2{
	text-align: right;
	height: auto;
    position: fixed;
    top: 24.8%;
    left: 77.8%;
    z-index: 1;
    width: 8%;
}
.ad_text3{
	text-align: right;
	height: auto;
    position: fixed;
    top: 28%;
    left: 77.7%;
    z-index: 1;
    width: 8%;
}
@media (min-width: 640px) and (max-width:736px){
	.ad_text1{
		text-align: right;
	    height: auto;
	    position: fixed;
	    top: 20.3%;
	    left: 78%;
	    z-index: 1;
	    width: 8%;
	}
	.ad_text2{
		text-align: right;
	    height: auto;
	    position: fixed;
	    top: 23.3%;
	    left: 77.8%;
	    z-index: 1;
	    width: 8%;
	}
	.ad_text3{
		text-align: right;
	    height: auto;
	    position: fixed;
	    top: 26.3%;
	    left: 77.7%;
	    z-index: 1;
	    width: 8%;
	}
}
/* 18限 */
.eighteen {
        max-width: 11%;
    height: auto;
    position: fixed;
    top: 94%;
    left: 91%;
    z-index: 1;
}
.privacy{
	    max-width: 5%;
    height: auto;
    position: fixed;
    top: 94.8%;
    left: 83%;
    z-index: 9999;
}
.footer-str{
	    max-width: 64%;
    height: auto;
    position: fixed;
    top: 95%;
    left: 17%;
    z-index: 1;
}
/*logo動畫*/
@keyframes logo{
  0%  { transform:  scale(1.05);}
  50%  { transform:  scale(0.95);}
  100%  { transform: scale(1.05);}
}
.logo_move{
	animation: logo 3s infinite;
}

/* monkey */
.monkey_img{
    max-width: 6.5%;
    height: auto;
    position: fixed;
    top: 1%;
    left: 27.5%;
    z-index: 5100;

    list-style-type: none;
}
.monkey_img img{
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
}
.m_move{
	 animation-name:monkey_move;
    animation-duration:3s;
    animation-iteration-count: infinite;
}
@keyframes monkey_move{
    0%{
        top: 2%;
    }
    50%{
        top: 1%;
    }
    100%{
    	top: 2%;
    }
}
/* monkey彈跳訊息 */
.monkey-m-l{
	margin-left: 160px!important;
}
.monkey2_img{
	max-width: 6.5%;
    height: auto;
    position: fixed;
    top: 2%;
    left: 38%;
    z-index: 6999;
    list-style-type: none;
}
.monkey2_text{
	width:100%;
    height: auto;
    position: fixed;
    top: 50%;
    left: 31%;
    z-index: 8000;
    list-style-type: none;
}
.test_monkey2 {
    width: 212px;
    padding: 10px 10px;
    margin-left: 16px;
    background: rgba(82, 76, 76, 0.47);
    position: relative;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 7px !important;
}
.test_monkey2_2{
	width: 60%;
    padding: 10px 10px;
    margin-left: 34px;
    background: rgba(82, 76, 76, 0.47);
    position: relative;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 7px !important;
}
.test_monkey2 span.bot {
    border-width: 9px;
    border-style: solid;
    border-color: rgba(82, 76, 76, 0.47) rgba(183, 161, 161, 0) rgba(183, 161, 161, 0) rgba(82, 76, 76, 0.47);
    left: 212px;
    top: 9.5px;
}
.test_monkey2_2 span.bot {
    border-width: 9px;
    border-style: solid;
    border-color: rgba(82, 76, 76, 0.47) rgba(183, 161, 161, 0) rgba(183, 161, 161, 0) rgba(82, 76, 76, 0.47);
    left: 177px;
    top: 9.5px;
}
.test_monkey2 span, .test_monkey2_2 span{
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    position: absolute;
}
.monkey2_bg{
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6000;
    overflow: hidden;
    position: fixed;
    background: hsl(0, 0%, 0%);
    opacity: 0.8;
}
.mtext_move{
	animation-name:monkey_text_move;
    animation-duration:.5s;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    animation-fill-mode:forwards;
    
}
@keyframes monkey_text_move{
    0%{
        opacity: 0;
        transform: scale(0.8);
    }
    50%{
    	opacity: .5;
    	transform: scale(0.9);
    }
    100%{
    	opacity: 1;
    	transform: scale(1.0);
    }
}
.m_move2{
	 animation-name: rightMove, bottomMove;
  	 animation-duration: 2.5s;
  	 /*animation-iteration-count: infinite;*/
  	 animation-fill-mode:forwards;
}
@keyframes rightMove{
   50% {
      animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
      left: 166px;
  }
}

@keyframes bottomMove{
  100% {
    max-width: 28.5%;
    top: 24%;
  }
}
 
.mainContent{
	list-style-type:none;
}     
.mainContent .mainContentLi:hover{
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	opacity: 0.8;
}

/* 滿天星 */
.star {
	
	max-width: 8%;
    height: auto;
    position: fixed;
    top: 24%;
    left: 28%;
    z-index: 2;
}
/* 彩票遊戲 */
.ticket {
	max-width: 12%;
    height: auto;
    position: fixed;
    top: 54%;
    left: 27%;
    z-index: 2;
}
/* 快樂老虎機 */
.tiger {
	max-width: 10%;
    height: auto;
    position: fixed;
    top: 49%;
    left: 45%;
    z-index: 2;
}
/* 歡樂體育館 */
.physical {
	max-width: 7.5%;
    height: auto;
    position: fixed;
    top: 19%;
    left: 52%;
    z-index: 2;
}
/* 真人和官 */
.purse {
	max-width: 15%;
    height: auto;
    position: fixed;
    top: 41%;
    left: 64%;
    z-index: 2;
}
/* 打魚機 */
.fish {
    max-width: 13%;
    height: auto;
    position: fixed;
    top: 69%;
    left: 62%;
    z-index: 2;
}
/* 歡樂棋牌館 */
.happycard {
	max-width: 10%;
    height: auto;
    position: fixed;
    top: 35%;
    left: 41%;
    z-index: 2;
}
.content-img {
    max-width: 100%;
}

.swal-modal{
	background-color: rgba(22, 0, 0, 0.95);
	box-shadow: 2px 1px 12px 0px #000000ab !important;
    border: 3px solid #3c0303;
}
.swal-modal-ok{
	background-color: rgba(1, 9, 4, 0.92);
    box-shadow: 2px 1px 12px 0px #000000ab !important;
    border: 3px solid #032008;
}
.swal-icon--error__line {
    background-color: #C90000;
}
.swal-icon--error {
    border-color: #C90000;
}
.swal-icon--success__hide-corners {
	background-color: rgba(255, 255, 255, 0);
}
.swal-icon--success:after, .swal-icon--success:before {
	background-color: rgba(255, 255, 255, 0);
}
.swal-icon--success__line--long, .swal-icon--success__line--tip {
    background-color: rgba(30, 239, 9, 0.77) !important;
}
.swal-icon--success, .swal-icon--success__ring {
    border-color: rgba(30, 239, 9, 0.5)!important;
}
.okMsgBtn{
	color: #fff !important;
    background: rgba(30, 239, 9, 0.5) !important;
    border-color: rgba(30, 239, 9, 0.5) !important;
    font-weight: 400;
    padding: 6px 40px;
    font-size: 20px;
    letter-spacing: 6px;
}
.errorMsgBtn{
	color: #fff !important;
    background: #ff5b57!important;
    border-color: #ff5b57!important;
    font-weight: 400;
    padding: 6px 40px;
    font-size: 20px;
    letter-spacing: 6px;
}
.sidebar-rwd{
	width:250px;
}
.sidebar-rwd-right{
	width: 321px;
}
.page-with-two-sidebar.page-sidebar-minified .sidebar-bg.sidebar-right, .page-with-two-sidebar.page-sidebar-minified .sidebar.sidebar-right {
	width: 321px;
}
.header .navbar-nav>li>a:hover {
    opacity: .6;
    transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9));
    -o-transform: scale(0.9, 0.9);
}
.header {
    z-index: 2000 !important;
    
}
/*登入框*/
.nav-items-m{
	width: 33.32%;
}
.nav-items-m >a {
    margin-right: 0px !important;
    color: #f8f9faa3 !important;
    background-color: #2b0505;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.modal-header {
    border-bottom: 0px solid #e9ecef;
    padding: 1rem 1rem;
}
.modal-footer {
    border-top: 0px solid #e9ecef;
}
.modal-content-login {
    background-color: rgba(0, 0, 0, 0.8784313725490196);
    border-radius: 10px;
}
.nav-items-m .active {
    color: #fff !important;
    background-color: rgba(99, 10, 10, 0.85) !important;
}
.tab-content-login{
	background: hsla(0, 82%, 21%, 0);
    border-radius: 0 0 5px 5px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 39px;
}
.nav-tabs-login {
    background: rgba(193, 204, 209, 0);
    box-shadow: 1px 1px 16px 1px rgba(0, 0, 0, 0.75);
}
.modal-body-login {
   padding: 2rem !important;
}
.modal-dialog-login{
	max-width: 385px !important;
    margin: 120px auto !important;
}
.homepage_login_cancel {
    position: absolute;
    top: -14px;
    right: -48px;
    cursor: pointer;
    z-index: 9000;
}
.input-login{
    color: #000;
    height: 41px;
}
.input-login::-webkit-input-placeholder{
    letter-spacing: 2px;
}
.btn-login{
	height: 51px;
    margin-top: 12px;
    background: #C90000 !important;
    border-color: #C90000 !important;
    box-shadow: 2px 1px 12px 0px #000000ab !important;
    border: 2px rgba(242, 243, 244, 0.2);
    border-style: groove;
    letter-spacing: 7px;
}
.nav>li>a:focus, .nav>li>a:hover {
    color: #fff !important;
    background-color: #210303;
}
.btn-get{
	height: 41px;
    letter-spacing: 1px;
    background: #9891f6 !important;
    border-color: #827dc7 !important;
    color: #0b0b0a;
}
.modal {
    z-index: 9999 !important;
}
.user-div-span:hover{
	color:rgba(253, 226, 72, 0.6784313725490196)!important;
}
/*會員條款*/
.btn-iamgree{
	color: #fff;
    background: rgba(193, 34, 34, 0.82);
    border-color: rgba(193, 34, 34, 0.82);
}
.modal-content-iamgree{
	background-color: rgba(0, 0, 0, 0.71);
	border-radius: 10px;
}
.modal-body-iamgree{
	background: hsla(0, 82%, 21%, 0);
    color: #fff !important;
}
.checkbox.checkbox-css input:checked+label:before {
    background: #C90000;
    border-color: #C90000;
}
/*儲值框*/
.modal-dialog-Stored_value {
    max-width: 688px;
    margin-top: 8.75rem;
}
.modal-dialog-Stored_value_2 {
    max-width: 688px;
    margin-top: 2.75rem;
}
/*儲值教學*/
.modal-dialog-Stored_value-teaching{
	max-width: 688px;
    margin-top: 1.75rem;
}
.nav-link_m{
	color: #f8f9fa !important;
    background-color: rgba(255, 207, 82, 0.19);
}
.nav-link_m.active{
	background: #ffc107 !important;
    color: #000 !important;
}

.modal-dialog-line{
	max-width: 510px;
    margin-top: 12%;
}
.stored-card {
    border: 2px solid rgba(246, 190, 0, 0.7294117647058823);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.Stored_value-icon{
	width: 28px !important;
    height: 28px !important;
    font-size: 17px !important;
    line-height: 30px !important;
    vertical-align: baseline !important;
}
.Stored_value-icon-input{
    width: 44%;
    display: initial;
}
.Stored_value-icon-input2{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: -moz-linear-gradient( 90deg, rgb(255,207,82) 30%, rgb(148,106,35) 51%, rgb(255,207,82) 73%, rgb(255,220,94) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,207,82) 30%, rgb(148,106,35) 51%, rgb(255,207,82) 73%, rgb(255,220,94) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,207,82) 30%, rgb(148,106,35) 51%, rgb(255,207,82) 73%, rgb(255,220,94) 100%);
   font-size: 16px;
  color: rgb(255, 255, 255);
  text-shadow: 0.5px 0.866px 7.92px rgb(31, 20, 23);
}
/*會員互傳*/
.convey-btn{
	font-size: 17px;
    width: 100%;
    line-height: 27px;
}
/*分享賺錢*/
.share-div:hover{
	opacity: .6;
    transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9));
    -o-transform: scale(0.9, 0.9);
}
.modal-dialog-convey{
	max-width: 529px;
	    margin-top: 8.75rem;
}
.modal-dialog-Promotions{
	max-width: 80%;
    margin-top: 3%;
}
.modal-dialog-share{
	max-width: 725px;
    margin-top: 8%;
}
.share-input{
	display: initial;
    width: 71%;
    margin-right: 5px;
}
.share-content-div{
	padding-top: 52px;
}
.qr-img{
	position: absolute;
    top: 41%;
    bottom: 0;
    left: 59%;
    right: 0;
    margin: auto;
    max-width: 12%;
    max-height: 21%;
}
.modal-dialog-qr{
	max-width: 80%;
}
/*九宮格*/
.plus-img{
    top: -1%;
    left: 91%;
    right: -21%;
    margin: auto;
    position: absolute;
    z-index: 3000;
    /* max-width: 38.2%; */
    /* max-height: 96.2%; */
}
.page-header-fixed{
	padding-top: 83px;
}
.dropdown-menu {
    background-color: rgba(0, 0, 0, 0.72);
    min-width: 300px !important;
   box-shadow: 6px 5px 9px 0 rgba(0, 0, 0, 0.92);
}
.grid-space-10 {
    margin-right: -6px;
    margin-left: -6px;
}
.overlay-container {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
    /*background-color: #000;*/
    margin: 1px;
}
.md-footer-p{
	font-size: 15px!important;
	color: #fff;
}
.Membermenu-a :hover {
    color: #131212 !important;
}
.md-Membermenu-i {
    text-align: center;
    display: block;
    font-size: 58px;
    line-height: 67px !important;
    color: #fff;
}
.md-Membermenu-i:before {
	background-color: #fff;
    border-radius: 45px;
}
.dropdown-menu.show {
    display: block;
    -webkit-animation: fadeIn .5s !important;
    animation: fadeIn .5s !important;
    position: fixed !important;
    transform: translate3d(1px, -43px, 0px) !important;
    left: 103% !important;
}
.modal-dialog-convey-ok{
	max-width: 539px;
	margin-top: 8.75rem;
}
/*修改密碼*/
.modal-dialog-chn_pass{
	max-width: 461px;
}
/*傳送接收報表*/
.modal-dialog-transferRecord{
	max-width: 60%;
}
.modal-dialog-a2b_invoice{
	max-width: 40%;
}
/*我的獎金報表*/
.modal-dialog-bonus{
	max-width: 40%;
}
/*未結報表*/
.modal-dialog-games_no_winRecord{
	max-width: 58%;
}
/*game彈框*/
.modal-dialog-tiger {
    max-width: 50%;
    margin-top: 8%;
}
.modal-dialog-fish{
	max-width: 40%;
	margin-top: 8%;
}
.modal-dialog-happycard{
	max-width: 81%;
    margin-top: 8%;
}
.modal-dialog-physical{
	max-width: 25%;
    margin-top: 8%;
}
.refresh-btn{
    line-height: 20px !important;
    vertical-align: bottom;
}
.modal-dialog-Sign-out{
	    max-width: 477px;
    margin-top: 13%;
}
.md-Membermenu-i-no:before {
	background-color: rgba(187, 192, 197, 0.5294117647058824) !important;
}
/*手機直向*/
@media screen and (min-width: 0px) and (max-width:480px){
	.col-width-rwd {
	    width: 50%;
	    height: 100%;
	    flex: inherit;
	    max-width: inherit;
	}
	.boxed-layout .page-container {
		width: 95%;
    	margin-top: 14px;
	}
	.inner-content-rtg-game{
		top: 36% !important;
	}
	.box .title {
		font-size: 17px !important;
	}
	.box:hover .icon-rtg-game {
		    bottom: 4px !important;
	}
	.box-lob{
		margin-bottom: 0px !important;
	}
	.turn_bg_login_cancel_rwd{
		position: absolute;
	    cursor: pointer;
	    z-index: 9000;
	    top: 5px;
	    right: -25px;
	}
}
/*手機橫向*/
@media screen and (min-width: 479px) and (max-width:812px){
	.footer-str {
	    max-width: 60%;
	    height: auto;
	    position: fixed;
	    top: 95%;
	    left: 22%;
	    z-index: 1;
	}
	.modal-dialog-Sign-out{
		max-width: 500px;
    	margin: 3.75rem auto	
	}
	.refresh-btn{
		line-height: 17px !important;
		font-size: 11px !important;
		vertical-align: top;
	}
	.mt-number-animate{
		color: #fff;
	    font-family: '微软雅黑';
	    line-height: 10px;
	    height: 10px;
	    font-size: 10px;
	    overflow: hidden;
	    display: inline-block;
	    position: relative;
	}
	.mt-number-animate .mt-number-animate-dom{
		width: 6px;
	    text-align: center;
	    float: left;
	    position: relative;
	    top: 0;
	}
	.monkey-m-l{
		margin-left: 75px!important;
	}
	.game-div{
		width: 113px;
	    display: inline-block;
	    padding-left: 10px;
	    padding-right: 10px;
	    padding-bottom: 0px;
	}
	.modal-dialog-convey-ok{
		margin: 1.75rem auto;
	}
	.homepage_login_cancel_rwd{
		position: absolute;
	    top: 4px;
	    right: -39px;
	    cursor: pointer;
	    z-index: 9000;
	}
	.turn_bg_login_cancel_rwd{
		position: absolute;
	    cursor: pointer;
	    z-index: 9000;
	    top: 5px;
	    right: -25px;
	}
	.homepage_login_cancel_btn_rwd{
		width: 41% !important;
    	height: auto;
	}
	.min-hidden{
		display:none;
	}
	.modal-dialog-Stored_value-teaching{
	    margin-top: 0px;
	}
	.page-with-two-sidebar .header .navbar-brand {
	    height: 100%;
	    width: 139px;
	    padding-left: 5px;
	    margin: 0px;
	    display: table;
	}
	.navbar-header {
   		border-bottom: 0px solid rgba(238, 238, 238, 0);
	}
	.right-btn {
		width: 38px !important;
	}
	.right-btn-sign-in {
    	width: 55px !important;
    	margin-top: 0px !important; 
	}
	.menu-li-rwd{
		margin-right: 5px !important; 
	}
	.sidebar-rwd{
		width: 160px;
	}
	.page-with-two-sidebar.page-sidebar-minified .sidebar-bg.sidebar-right, .page-with-two-sidebar.page-sidebar-minified .sidebar.sidebar-right {
	    width: 160px;
	}
	.modal-dialog-login{
		max-width: 385px !important;
   		margin: 15px auto !important;
	}
	.modal-dialog-Stored_value {
    	max-width: 74%;
    	margin-top: 0px;
    	margin-bottom: 0px;
    	margin-right: auto !important;
    	margin-left: auto !important;
	}
	.iamgree-rwd-f-s-13{
		font-size: 13px!important;
	}
	.share-rwd-f-s-15{
		font-size: 15px!important;
	}
	.modal-dialog-convey{
		margin-top: 0px;
		max-width: 400px !important;
		margin-right: auto !important;
    	margin-left: auto !important;
	}
	.modal-dialog-share{
		max-width: 500px;
    	margin: 1.75rem auto;
	}
	.modal-dialog-Promotions{
		max-width: 500px;
    	margin: 1.75rem auto;
	}
	.share-content-div{
		padding-top: 18px;
	}
	.modal-dialog-qr{
	    max-width: 100%;
    	margin: auto;
	}
	.modal-title{
		font-size: 14px;
	}
	.Stored_value-icon {
	    width: 25px !important;
	    height: 23px !important;
	    font-size: 13px !important;
	    line-height: 25px !important;
	    vertical-align: baseline !important;
	}
	.Stored_value-icon-input {
	    width: 35%;
	    display: initial;
	    height: 86%;
	    font-size: 13px !important;
	}
	.page-header-fixed {
	    padding-top: 30px !important;
	}
	.content, .page-sidebar-minifed .content {
	    margin-left: 126px !important;
	}
	.modal-dialog-chn_pass{
		max-width: 354px !important;
		margin-right: auto !important;
    	 margin-left: auto !important;
	}
	.Stored_value-icon-input2{
	    width: 100%;
	    font-size: 13px;
	    padding-top: 2px;
   		padding-bottom: 2px;
	    background-image: -moz-linear-gradient( 90deg, rgb(255,207,82) 30%, rgb(148,106,35) 51%, rgb(255,207,82) 73%, rgb(255,220,94) 100%);
  		background-image: -webkit-linear-gradient( 90deg, rgb(255,207,82) 30%, rgb(148,106,35) 51%, rgb(255,207,82) 73%, rgb(255,220,94) 100%);
  		background-image: -ms-linear-gradient( 90deg, rgb(255,207,82) 30%, rgb(148,106,35) 51%, rgb(255,207,82) 73%, rgb(255,220,94) 100%);
  		color: rgb(255, 255, 255);
  		text-shadow: 0.5px 0.866px 7.92px rgb(31, 20, 23);
	}
	.convey-btn{
    	line-height: 18px;
	}
	.modal-dialog-transferRecord{
		 margin-top: 0px !important;
		 margin-right: auto !important;
    	 margin-left: auto !important;
		 max-width: 100%;
	}
	.modal-dialog-a2b_invoice{
		margin-top: 0px !important;
		 margin-right: auto !important;
    	 margin-left: auto !important;
		 max-width: 70%;
	}
	.modal-dialog-bonus{
		margin-top: 0px !important;
		 margin-right: auto !important;
    	 margin-left: auto !important;
		 max-width: 100%;
	}
	.modal-dialog-tiger {
	    max-width: 87%;
	    margin: 1.75rem auto !important;
	}
	.modal-dialog-games_no_winRecord{
		margin-top: 0px !important;
		margin-right: auto !important;
    	margin-left: auto !important;
		max-width: 100%;
	}
	.table {
	    font-size: 13px !important;
	}
	.modal-dialog-fish{
		max-width: 500px;
    	margin: 1.75rem auto;
	}
	.test-btn{
		padding: 5px !important;
		padding-top: 6px;
    	padding-bottom: 6px;
	}
	.test{
		width: 95% !important;	
	}
	.modal-dialog-happycard{
		max-width: 94%;
	    margin: 1.75rem auto !important;
	}
	.modal-dialog-physical{
		max-width: 37%;
	    margin: 1.75rem auto !important;
	}
	.box .title {
    	font-size: 12px !important;
    	margin:0 !important;
    }
    .box .inner-content{
    	top: 42% ;
    }
    .box .icon li a {
	    width: 54px !important;
	    height: 35px !important;
	    line-height: 35px !important;
	    font-size: 13px !important;
	}
	.box-mq {
	    top: 3.5% !important;
	}
	.box-lob{
		margin-bottom: 0px !important;
	}
	.f-s-12-rwd{
		font-size: 12px!important;
	}
	.monkey2_text{
		max-width: 100%;
	    height: auto;
	    position: fixed;
	    top: 50%;
	    left: 15%;
	    z-index: 8000;
	    list-style-type: none;
	}
	.monkey2_row{
		width: 157%;
	}
	.monkey2_label{
		font-size: 12px;
		padding-top: 10px!important;
	}
	.monkey2_input_btn{
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.form-check-inline-m{
		vertical-align: sub;
	}
	.sidebar {
     	left: 0px; 
	}
	.page-with-two-sidebar .sidebar-bg.sidebar-right, .page-with-two-sidebar .sidebar.sidebar-right {
    	right: 0px;
	}
	.convey-rwd-f-s-13{
		font-size: 13px!important;
		margin-bottom: 5px !important;
	}
	.page-with-two-sidebar .content {
	    margin-right: 0px!important;
	    margin-left: 119px;
	}
	.boxed-layout .page-container{
		width: 95%;
    	margin-top: 13px;
	}
	.inner-content-rtg-game{
		top: 36% !important;
	}
	.box:hover .icon-rtg-game {
	    bottom: 5px !important;
	    
	}
	.modal-advertising-dialog{
		    max-width: 320px !important;
	}
	
}

.close {
   font-size: 47px !important;
   opacity: 1 !important;
}
.sidebar .nav>li.active>a, .sidebar .nav>li.active>a:focus, .sidebar .nav>li.active>a:hover {
    background: rgba(36, 42, 49, 0);
}

@media (max-width: 767px){
	.table-responsive-m .table>tbody>tr>td, .table-responsive .table>tbody>tr>th, .table-responsive .table>tfoot>tr>td, .table-responsive .table>tfoot>tr>th, .table-responsive .table>thead>tr>td, .table-responsive .table>thead>tr>th {
    	white-space: pre-line;
	}
    .table-responsive .table>tbody>tr>td, .table-responsive .table>tbody>tr>th, .table-responsive .table>tfoot>tr>td, .table-responsive .table>tfoot>tr>th, .table-responsive .table>thead>tr>td, .table-responsive .table>thead>tr>th {
        white-space: inherit !important;
    }
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    
    padding: 10px 5px;
}

.test{
	width: 227px;
    padding: 10px 10px;
    margin-left: 16px;
    background: rgba(183, 161, 161, 0.5215686274509804);
    position: relative;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 6px !important;
    margin-top: 6px !important;
    
}
.test_say{
	background: rgba(0, 0, 0, 0.62)!important;
}
.test span{width:0; height:0; font-size:0; overflow:hidden; position:absolute;}
.test span.bot{
    border-width: 7px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0) rgba(183, 161, 161, 0.5215686274509804) rgba(183, 161, 161, 0.5215686274509804) rgba(255, 255, 255, 0);
    left: -14px;
    top: 9.5px;
}
.bot_say{
	border-color: rgba(255, 255, 255, 0) rgba(0, 0, 0, 0.62) rgba(0, 0, 0, 0.62) rgba(255, 255, 255, 0) !important;
}
.test-id{
	left: -49px;
    top: 41.5px;
    width: auto !important;
    height: auto !important;
    font-size: 12px !important;
    overflow: hidden !important;
    position: absolute !important;
}
.test-btn{
	color: #fff !important;
    background: rgba(0, 0, 0, 0.3686274509803922) !important;
    border-color: #fff !important;
    padding-top: 6px;
    padding-bottom: 6px;
}
.slimScrollDiv{
	height: auto !important;
}
.sidebar-minify-btn {
    margin: 10px 0;
    float: right;
    padding: 5px 10px 5px 10px!important;
    background: #f59c1a;
    color: #fff;
    border-radius: 30px 30px 30px 30px;
}
.pagination{
	display: block;
	margin-top:20px;
	margin-bottom: 10px;
	
}
.pagination li{
	margin:0px 10px; 
	padding: 5px 10px;
	display: inline-block;
	border: 1px solid #ddd;
    border-radius: 6px!important;
}
.pagination .active{
	background-color: #ffd900!important;
	color: #fff;
}
.pagination .disabled{
	color:#fff;
}
.pagination>li>a {
    display: inline;
    color: #fff;
    margin-left: 0px; 
    padding: 0px 0px;
    line-height: 1.42857143;
    border: 0px solid #ddd;
    border-radius: 0px!important;
}
.pager li>a:focus, .pager li>a:hover, .pager li>span:focus, .pager li>span:hover, .pagination>li>a:focus, .pagination>li>a:hover {
    color: #fff;
    background: rgba(242, 243, 244, 0);
    border-color: rgba(218, 223, 226, 0);
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background: rgba(52, 142, 227, 0)!important;
    border-color: rgba(52, 142, 227, 0)!important;
    color: #000;
}
.pager>.disabled>a, .pager>.disabled>a:focus, .pager>.disabled>a:hover, .pager>.disabled>span, .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    opacity: 1;
    border-color: rgba(221, 221, 221, 0);
    background: rgba(255, 255, 255, 0);
    cursor: not-allowed;
}
.pagination li:hover {
	background-color: #ab9100!important;
	color: #fff;
}

.widget-stats.widget-stats-inverse, a.widget-stats.widget-stats-inverse {
    color: #fff;
}
.widget-stats, a.widget-stats {
    display: block;
    padding: 10px;
    text-decoration: none;
    
    color: #000;
    background: #fff;
    position: relative;
}

.bg-gradient-cyan-blue, .bg-gradient-cyan-blue-diagonal-down, .bg-gradient-cyan-blue-diagonal-up, .bg-gradient-cyan-blue-to-right {
    background: #30beff;
}
.search-result .search-result-list>li:after, .search-result .search-result-list>li:before, .widget-chat-message:after, .widget-chat-message:before, .widget-img-list:after, .widget-img-list:before, .widget-stats:after, .widget-stats:before, a.widget-stats:after, a.widget-stats:before {
    content: '';
    display: table;
    clear: both;
}
.widget-stats .widget-stats-title, a.widget-stats .widget-stats-title {
    font-size: 18px;
    margin-bottom: .3125rem;
    font-weight: 500;
    line-height: 1rem;
}
.widget-stats .widget-stats-value, a.widget-stats .widget-stats-value {
    font-size: 18px;
    font-weight: 500;
    line-height: 2.25rem;
    
}
.widget-stats .widget-stats-desc, a.widget-stats .widget-stats-desc {
    opacity: .75;
}

.search-result .search-result-list>li:after, .search-result .search-result-list>li:before, .widget-chat-message:after, .widget-chat-message:before, .widget-img-list:after, .widget-img-list:before, .widget-stats:after, .widget-stats:before, a.widget-stats:after, a.widget-stats:before {
    content: '';
    display: table;
    clear: both;
}
.bg-gradient-yellow-red {
  background-color: rgba(222, 226, 230, 0.12) !important;
}
/*遊戲hover*/
.box {
    border-radius: 10px;
    overflow: hidden;
    perspective: 800px;
    position: relative;
}
.box:before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(36deg, #272b66 42.34%, transparent 42.34%) 0 0,
   linear-gradient(72deg, #2d559f 75.48%, transparent 75.48%) 0 0,
   linear-gradient(-36deg, #9ac147 42.34%, transparent 42.34%) 100% 0,
   linear-gradient(-72deg, #639b47 75.48%, transparent 75.48%) 100% 0,
   linear-gradient(36deg, transparent 57.66%, #e1e23b 57.66%) 100% 100%,
   linear-gradient(72deg, transparent 24.52%, #f7941e 24.52%) 100% 100%,
   linear-gradient(-36deg, transparent 57.66%, #662a6c 57.66%) 0 100%,
   linear-gradient(-72deg, transparent 24.52%, #9a1d34 24.52%) 0 100%,
   #43a1cd linear-gradient(#ba3e2e, #ba3e2e) 50% 100%;
   background-repeat: no-repeat;
    background-size: 50% 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    transform: translateX(-50%) translateY(-50%) scale(0) rotate(360deg);
    transition: all 0.3s ease 0s;
}
   
.box:hover:before{
    opacity: 0.7;
    transform: translateX(-50%) translateY(-50%) scale(1.5) rotate(0);
}
   
.box:after{
    content: "";
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(255,255,255,0.9),transparent,transparent);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
   
.box:hover:after{ opacity: 1; }
   
.box img{
    width: 100%;
    height: auto;
}
   
.box .box-content{
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
   

   
.box:hover .inner-content{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
   
.box .title{
    font-size: 20px;
    font-weight: 600;
     color: #000;
   text-transform: uppercase;
    margin: 0 0 5px 0;
    position: relative;
    transition: all 0.3s ease 0.2s;
    text-shadow: 0 0 0em #ffe000, 0 0 0.2em #ffe000, 0 0 0.2em #ffe000;
}
   
.box .post{
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #000;
   text-transform: capitalize;
    letter-spacing: 2px;
    text-shadow: 0 0 0em #ffe000, 0 0 0.2em #ffe000, 0 0 0.2em #ffe000;
}
   
.box .icon{
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease 0.2s;
}
   
.box:hover .icon{ bottom: 15px; }
   
.box .icon li{
    display: inline-block;
    margin: 0 2px;
}
   
.box .icon li a{
    display: block;
    width: 59px;
    height: 40px;
    line-height: 40px;
    border-radius: 30%;
    background: #fff;
    font-size: 14px;
    color: #000;
    transition: all 0.3s ease 0s;
    font-family: Arial,'Microsoft YaHei','Microsoft JhengHei',Helvetica, sans-serif !important;
}
   
.box .icon li a:hover{
    background: #3e0e0c;
   color: #fff;
}
   
@media only screen and (max-width:990px){
    .box{ margin-bottom: 10px; }
}

/*loding*/
.loader-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    overflow: hidden;
    position: fixed;
    background: hsl(0, 0%, 0%);
    opacity: 0.8;
}
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
.loader {
  position: relative;
  margin: auto;
  width: 400px;
  color: white;
  
  font-size: 250%;
  background: linear-gradient(180deg, #222 0, #444 100%);
  box-shadow: inset 0 5px 20px black;
  text-shadow: 5px 5px 5px rgb(0, 0, 0);
  margin-top: 19%;
}

.loader:after {
  content: "";
  display: table;
  clear: both;
}

.span-loader {
  float: left;
  height: 100px;
  line-height: 120px;
  width: 50px;
}

.loader > span {
  border-left: 1px solid #444;
  border-right: 1px solid #222;
}

.covers {
  position: absolute;
  height: 100%;
  width: 100%;
}

.covers .span-loader {
  background: linear-gradient(180deg, #000000 0, #151414 100%);
  animation: up 2s infinite;
}

@keyframes up {
  0%   { margin-bottom: 0; }
  16%  { margin-bottom: 100%; height: 20px; }
  50% { margin-bottom: 0; }
  100% { margin-bottom: 0; }
}

.covers .span-loader:nth-child(2) { animation-delay: .142857s; }
.covers .span-loader:nth-child(3) { animation-delay: .285714s; }
.covers .span-loader:nth-child(4) { animation-delay: .428571s; }
.covers .span-loader:nth-child(5) { animation-delay: .571428s; }
.covers .span-loader:nth-child(6) { animation-delay: .714285s; }
.covers .span-loader:nth-child(7) { animation-delay: .857142s; }
.covers .span-loader:nth-child(8) { animation-delay: .957142s; }
.covers .span-loader:nth-child(9) { animation-delay: 1.057142s; }

/*強制橫版*/



@-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);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.delay-2s {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}
.bonus-td{
	background-color: rgba(222, 226, 230, 0.12);
    font-size: 18px;
    font-weight: 500;
    line-height: 1rem;
    padding: 15px !important;
}

.bonus-btn{
	width: 68%;
    font-weight: 500;
    color: #ffee07 !important;
    background: linear-gradient(135deg,#075194 0,#348fe2 100%)!important;
}

.m-b-7{
	margin-bottom: 7px!important;
}
.btn.btn-primary.disabled, .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled:hover, .btn.btn-primary[disabled], .btn.btn-primary[disabled]:focus, .btn.btn-primary[disabled]:hover {
    color: #000 !important;
    background: #c7d1da !important;
    border-color: #c7d1da !important;
}

.theForm_Stored_value_bg{
	background-color: #e2e7eb59;
    border-radius: 4px;
    padding-bottom: 5px;
    max-width: 99%;
}
.theForm_Stored_value_img_bg{
	background-color: #e2e7eb59;
    border-radius: 4px 4px 0px 0px;
    max-width: 32%;
}
.theForm_Stored_value_input_bg{
	background-color: #e2e7eb59;
    border-radius: 0px 0px 4px 4px;
    max-width: 32%;
    margin-left: 9px;
}
.use-absolute {
    position: relative;
    width: 200px;
    height: 188px;
}
.use-absolute div {
    position: absolute;
    width: 100px;
    height: 50px;
    top: 76px;
    right: -191%;
    bottom: 0;
    left: 0;
    margin: auto;
    
}
.line-word{
	font-size: 32px;
  font-weight: 700;
  -webkit-text-stroke: 1.5px #135f13;
  color: white;
  text-shadow: 5px 8.66px 9.9px rgba(17, 5, 8, 0.75);
  -moz-transform: matrix( 1.8,0,0,1.8,0,0);
  -webkit-transform: matrix( 1.8,0,0,1.8,0,0);
  -ms-transform: matrix( 1.8,0,0,1.8,0,0);
}
.bg-style{
	background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.table_m>tbody>tr>td{
    padding: 5px 5px;
}
.height-27{
	height: 27px!important;
}
.form-control.is-valid:focus, .form-control.is-invalid:focus, .form-control.is-valid, .form-control.is-invalid{
    border-width: 3px;
}
.f-s-50{
  font-size: 50px !important;
}
div.divider.divider-center {
    text-align: center;
}
div.divider {
    margin: 40px 0;
    position: relative;
    display: block;
    min-height: 20px;
}
div.divider.divider-circle.divider-center:before {
    margin-right: 30px;
}
div.divider.divider-center.divider-short:before {
        left: auto !important;
    right: 55%;
    margin-right: 20px;
    width: 15%;
}
div.divider.divider-center:before {
    left: 0 !important;
    right: 50%;
    margin-right: 20px;
    content: '';
    position: absolute;
    top: 25px;
    height: 0;
    border-top: 1px solid #ddd0;
    background: -webkit-linear-gradient(right,rgba(12, 12, 12, 0),rgb(255, 200, 0) );
    background: -o-linear-gradient(right,rgba(12, 12, 12, 0),rgb(255, 200, 0));
    background: -moz-linear-gradient(right,rgba(12, 12, 12, 0),rgb(255, 200, 0));
    background: linear-gradient(to right,rgba(12, 12, 12, 0),rgb(255, 200, 0) );
}
div.divider.divider-circle.divider-center:after {
    margin-left: 30px;
}
div.divider.divider-center.divider-short:after {
        left: 55% !important;
    right: auto !important;
    margin-left: 20px;
    width: 15%;
}
div.divider.divider-center:after {
    left: 50% !important;
    right: 0;
    margin-left: 20px;
}
div.divider:after {
    content: '';
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    height: 0;
    border-top: 1px solid #ddd0;
    background: -webkit-linear-gradient(left,rgba(12, 12, 12, 0),rgb(255, 200, 0) );
    background: -o-linear-gradient(left,rgba(12, 12, 12, 0),rgb(255, 200, 0));
    background: -moz-linear-gradient(left,rgba(12, 12, 12, 0),rgb(255, 200, 0));
    background: linear-gradient(to left,rgba(12, 12, 12, 0),rgb(255, 200, 0) );
}
.privacy-title{
	font-size: 35px;
	color: rgb(255, 237, 0);
	text-shadow: 0.1em 0.1em 0.2em #e41d1d;
}
.login.login-v2-privacy{
	    color: #ccc;
    width: 51%;
    margin: 150px 0 0 -200px;
    position: absolute;
    top: 0;
    left: 38%;
    border-radius: 4px;
}
.login.login-v2-privacy .login-header{
	    width: 100%;
}
.brand-privacy{
	    text-align: left !important;
	}
/*手機橫向*/
@media screen and (min-width: 479px) and (max-width:812px){
	div.divider.divider-center.divider-short:before {
       left: auto !important;
	    right: 62%;
	    margin-right: 20px;
	    width: 15%;
	}
	div.divider.divider-center.divider-short:after {
	    left: 62% !important;
	    right: auto !important;
	    margin-left: 20px;
	    width: 15%;
	}
	.login.login-v2-privacy {
	    color: #ccc;
	    width: 100%;
	    margin: 0px 0 0 -200px;
	    position: sticky;
	    top: 0;
	    left: 41%;
	    border-radius: 4px;
	}
	.login.login-v2-privacy .login-header {
	    padding-top: 0px;
	    padding-right: 50px;
    	padding-left: 50px;
	}
	.privacy-title-rwd-style{
		    margin-bottom: 20px !important;
	}
	.privacy-btn{
		width: 75px !important;
    line-height: 5px !important;
    font-size: 8px!important;
    padding: 5px 5px !important;
	}
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/*遊戲動畫*/
@keyframes game_wave1
{
	0%   {transform: rotate(0deg);}
	1%   {transform: rotate(0deg);}
	2%  {transform: rotate(-15deg);}
	3%  {transform: rotate(15deg);}
	4%  {transform: rotate(0deg);}
	100% {transform: rotate(0deg);}
}

@keyframes game_wave2
{
	0%   {transform: rotate(0deg);}
	14%   {transform: rotate(0deg);}
	15%  {transform: rotate(-15deg);}
	16%  {transform: rotate(15deg);}
	17%  {transform: rotate(0deg);}
	100% {transform: rotate(0deg);}
}

@keyframes game_wave3
{
	0%   {transform: rotate(0deg);}
	27%   {transform: rotate(0deg);}
	28%  {transform: rotate(-15deg);}
	29%  {transform: rotate(15deg);}
	30%  {transform: rotate(0deg);}
	100% {transform: rotate(0deg);}
}

@keyframes game_wave4
{
	0%   {transform: rotate(0deg);}
	41%   {transform: rotate(0deg);}
	42%  {transform: rotate(-15deg);}
	43%  {transform: rotate(15deg);}
	44%  {transform: rotate(0deg);} 
	100% {transform: rotate(0deg);}
}

@keyframes game_wave5
{
	0%   {transform: rotate(0deg);}
	55%   {transform: rotate(0deg);}
	56%  {transform: rotate(-15deg);}
	57%  {transform: rotate(15deg);}
	58%  {transform: rotate(0deg);}
	100% {transform: rotate(0deg);}
}

@keyframes game_wave6
{
	0%   {transform: rotate(0deg);}
	69%   {transform: rotate(0deg);}
	70%  {transform: rotate(-15deg);}
	71%  {transform: rotate(15deg);}
	72%  {transform: rotate(0deg);} 
	100% {transform: rotate(0deg);}
}

@keyframes game_wave7
{
	0%   {transform: rotate(0deg);}
	83%   {transform: rotate(0deg);}
	84%  {transform: rotate(-15deg);}
	85%  {transform: rotate(15deg);}
	86%  {transform: rotate(0deg);}
	100% {transform: rotate(0deg);}
}
.game01_battle  { animation: game_wave1 8s infinite; }
.game02_7PK     { animation: game_wave2 8s infinite; }
.game03_fish    { animation: game_wave3 8s infinite; }
.game04_ticket  { animation: game_wave4 8s infinite; }
.game05_baseball{ animation: game_wave5 8s infinite; }
.game06_tiger   { animation: game_wave6 8s infinite; }
.game07_video   { animation: game_wave7 8s infinite; }


 .marquee {
    height: 25px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.ver {
    height: 80px;
    width: 600px;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
p {
    display: inline-block;
    vertical-align: middle;
}
.close-btn-style{
	    background: rgb(196 125 21 / 0%) !important;
    border-color: rgb(196 125 21 / 0%) !important;
    width: 20px !important;
    height: 17px !important;
    font-size: 16px !important;
    margin-top: 3px !important;	
}
.close-btn-style i{
	    color: #fff !important;
}