.icon-cancel-style{
    font-size: 24px;
    color: rgb(141, 117, 38);
    text-shadow: 0.1em 0.1em 0em black;
}
.modal-content-login {
    background-color: rgb(15 15 15);
    border-radius: 10px;
    border-color: rgb(196 162 50) !important;
    border: 2px solid;
    box-shadow: 4px 4px 4px rgb(0 0 0 / 62%);
}
.nav-tabs-login {
    background: transparent;
}

/*登入框*/
.nav>li>a:focus, .nav>li>a:hover {
    color: rgb(196 162 50) !important;
    font-weight:700 ;
    
}
.nav-items-m{
	width: 33.32%;
}
.nav-items-m >a {
    margin-right: 0px !important;
    color: rgb(170, 170, 170) !important;
    font-weight: 600;
    background-color: rgb(4 4 4);
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.nav-items-m .active {
    color: rgb(196 162 50) !important;
    font-weight: 700;
    background-color: rgb(51, 51, 51) !important;
}
.nav-link_m{
	color: #f8f9fa !important;
    background-color: rgba(255, 207, 82, 0.19);
}
.nav-link_m.active{
	background: #ffc107 !important;
    color: #000 !important;
}
.nav-profile-m{
	background-color: rgb(0 0 0 / 0%) !important;
}
/*input 框*/
.input-login, .input-login[readonly]{
    color: rgb(170, 170, 170);
    height: 39px;
    border: 1px solid rgb(196 162 50);
    background-color: rgb(51, 51, 51);
    border-radius: 11px;
}
.input-login::placeholder{
    color: rgb(170, 170, 170);
}
.input-login::-webkit-input-placeholder{
    letter-spacing: 2px;
}
.checkbox.checkbox-css label:before {
    padding-top:10px;
    border-radius: 4px;
    background: rgb(51, 51, 51) !important;
    border-color: rgb(187 181 181) !important;
    border-width: 2px;
    border-style: double;
    box-shadow: 1px 1px 0px 0px rgb(12 12 12 / 67%) !important;
}
/*tab*/
.tab-content-login{
	background: rgb(51, 51, 51);
    border-radius: 0 0 10px 10px !important;
    margin-bottom: 0px !important;
    padding-bottom: 31px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 39px;
}
/*btn*/
.btn-login{
	color:white;
	font-weight:400;
	height: 39px;
	border:1px solid transparent;
	margin-top: 12px;
    box-shadow: 2px 1px 12px 0px #5f5f5fab !important;
    letter-spacing: 7px;
	border-radius: 11px;
    background: rgb(36 36 36) !important;
	background: -moz-linear-gradient(left, rgb(243,49,49) 1%, rgb(254,111,111) 33%, rgb(252,176,176) 54%,rgb(243,49,49) 99%) !important;
	background: -webkit-linear-gradient(left, rgb(243,49,49) 1%, rgb(254,111,111) 24%, rgb(252,176,176) 66%,rgb(243,49,49) 99%) !important;
	background: linear-gradient(to right, rgb(243,49,49) 1%, rgb(254,111,111) 33%, rgb(252,176,176) 54%,rgb(243,49,49) 99%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f33131', endColorstr='#fcb0b0',GradientType=1)!important;
}
.btn-get{
	height: 39px;
    letter-spacing: 1px;
    border-color: rgb(33,123,254) !important;
    background: rgb(33,123,254);
    background: -moz-linear-gradient(left, rgb(33,123,254) 1%, rgb(112,183,255) 100%)!important;
    background: -webkit-linear-gradient(left, rgb(33,123,254) 1%,rgb(112,183,255) 100%)!important;
    background: linear-gradient(to right, rgb(33,123,254) 1%,rgb(112,183,255) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#217bfe', endColorstr='#70b7ff',GradientType=1 )!important;
}

.iamgree-rwd-f-s-20{
    font-size: 20px!important;
    font-weight: 600;
}
.text_yellow{
    color: rgb(196 162 50)
}
/*聊天室*/
.test{
	width: 95%;
    padding: 10px 10px;
    background: rgb(185 185 185 / 90%);
    position: relative;
    border-radius: 11px;
    color: #fff;
    margin: 10px;
}
.test_say{
    background: rgb(37 37 37)!important;
}
/*qa*/
.panel{
    background-color: rgb(183 183 183);
    border-radius: 14px;
  }
  .panel-inverse>.panel-heading {
    background: rgb(32 32 32);
}
.panel-heading {
    border-radius: 11px;
}
.img-hover{
    background-repeat: no-repeat;
    background-size: 50% 50%;
    opacity: 1;
    position: absolute;
    top: 1%;
    left: 2%;
    display: none;
    width: 97% !important;
    height: 97% !important;
}
.box:hover .img-hover{
    display: inline-block;
}
.animatedgame {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
.nv_nickname{
    width: 40%;
    text-align: center;
    font-weight: 800;
    position: absolute;
    top:13%;
    right: 20%;
    z-index: 1;
    color: white;
    font-size: 8px;
}
.nv_member{
    width: 70%;
    position: absolute;
    top:40%;
    left: 25%;
    z-index: 1;
    text-align: center;
}
.submit_btn{
    border-radius: 10px;
    background: rgb(194,146,31);
    background: -moz-linear-gradient(top, rgb(194,146,31) 0%, rgb(252,219,152) 34%, rgb(188,140,27) 72%, rgb(149,109,20) 100%);
    background: -webkit-linear-gradient(top, rgb(194,146,31) 0%,rgb(252,219,152) 34%,rgb(188,140,27) 72%,rgb(149,109,20) 100%);
    background: linear-gradient(to bottom, rgb(194,146,31) 0%,rgb(252,219,152) 34%,rgb(188,140,27) 72%,rgb(149,109,20) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2921f', endColorstr='#956d14',GradientType=0 );
    font-size: 14px;
    border-color: #000;
    border-width: 3px;
    border-style: solid;
}
.fs-14{
    font-size: 14px;
    font-weight: 500;
}
.br-10{
    border-radius: 10px;
}
.br-8{
    border-radius: 8px;
}
.tb-border{
    border-top: 1px solid white;
    border-bottom: 2px solid white;
}
.slot_count_span{
    display: initial;
    padding: 0px 20px 0px 20px;
    margin-right: 5px;
    background-color: rgb(255 255 255 / 63%);
    color: #000;
}
.slot_count_btn{
    padding: 5px 10px 5px 10px;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    color: #000;
    background: rgb(194,146,31);
    background: -moz-linear-gradient(top, rgb(194,146,31) 0%, rgb(252,219,152) 34%, rgb(188,140,27) 72%, rgb(149,109,20) 100%);
    background: -webkit-linear-gradient(top, rgb(194,146,31) 0%,rgb(252,219,152) 34%,rgb(188,140,27) 72%,rgb(149,109,20) 100%);
    background: linear-gradient(to bottom, rgb(194,146,31) 0%,rgb(252,219,152) 34%,rgb(188,140,27) 72%,rgb(149,109,20) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2921f', endColorstr='#956d14',GradientType=0 );
    border-color: #000;
    border-width: 3px;
    border-style: solid;
}
.modal-content-iamgree2{
    background: rgb(194,146,31); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(194,146,31), rgb(15,15,15)); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgb(194,146,31),rgb(15,15,15)); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgb(194,146,31),rgb(15,15,15)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2921f', endColorstr='#0f0f0f',GradientType=0 ); /* IE6-9 */
}
.Stored_value-icon{
	width: 28px !important;
    height: 28px !important;
    font-size: 17px !important;
    line-height: 30px !important;
    vertical-align: baseline !important;
    color: rgb(196 162 50);
}
.Stored_value-icon-input{
    width: 44%;
    display: initial;
    background-color: #0000 !important;
    height: 80%;
    border-style: none;
    color: rgb(196 162 50);
}
.cardLess-div{
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(196 162 50);
    border-radius: 24px;
    margin: auto;
}
.property{
        color: white;
        font-size: 12px;
        z-index:20;
        font-weight: 700;
        position: absolute; 
        top:30%;
        left:50%;
        z-index: 20;
        text-align: center;
        width: 45%;
}
.nickName{
    position: absolute; 
    top:28%;
    left: 2%;
    z-index: 20;
    width: 33%;
    text-align: center;
    color:white;
    font-weight: 700;
    font-size: 12px;  
    }
.refresh{
        position: absolute; 
        top:5%;
        left: 36%;
        z-index: 20;
        width: 20%;
        text-align: center; 
}
.refresh_text{
    position: absolute;
    top:10%;
    left: 25%;
}
.rwd_fs{
    font-size: 16px;
}
/**風火輪**/
.wukong_move{
    animation: dong 4s infinite;
}
.firtwheel_btn{
    background:linear-gradient(to bottom, #b08736 0%, rgb(124,74,46) 50%);
    border-radius: 0.6rem;
    color: white;
    font-weight: 700;
    font-size: 14px;
    border: 1px solid #b08736;
}
.firtwheel_shadow{
    box-shadow: 6px 6px 10px 4px #000000,-2px -2px 3px 0px #b08736 inset;
    border-radius: 0.8rem;
}
.firtwheel_text {
    z-index:999; 
    color: rgb(36, 36, 36);
    font-weight: 700;
}  
.login_lh{
    padding: 0;
}
@media (min-width:0px){
    .f-s-8-xs{
        font-size: 8px;
    }
    .firtwheel_text {
        z-index:999;
        position: absolute;
        top:90%;
        left: -3%;
        color: rgb(36, 36, 36);
        font-weight: 700;
        font-size: 14px;
    }
    .input-login::placeholder{
        color: rgb(170, 170, 170);
        font-size: 14px;
    }
    .login_lh{
        line-height: 18px;
    }
}
@media(min-width:320px){
    .firtwheel_text {
        z-index:999;
        position: absolute;
        top:120%;
        left:-3%;
        color: rgb(36, 36, 36);
        font-weight: 700;
    }
    .input-login::placeholder{
        color: rgb(170, 170, 170);
        font-size: 14px;
    }
}
@media (min-width:360px){
    .f-s-12-sm{
        font-size: 12px;
    }
    .property{
        color: white;
        font-size: 12px;
        z-index:20;
        font-weight: 700;
        position: absolute; 
        top:30%;
        left:45%;
        z-index: 20;
        text-align: center;
        width: 50%;
        text-align: center;
    }
    .nickName{
        position: absolute; 
        top:32%;
        left: 2%;
        z-index: 20;
        width: 34%;
        text-align: center;
        color:white;
        font-weight: 700;
        font-size: 12px;  
        }
        .firtwheel_text {
            z-index:999;
            position: absolute;
            top:150%;
            left: 2%;;
            color: rgb(36, 36, 36);
            font-weight: 700;
        }
        .input-login::placeholder{
            color: rgb(170, 170, 170);
            font-size: 14px;
        }
        .refresh_text{
            position: absolute;
            top:10%;
            left: 25%;
        }
}
@media(min-width:412px){
    .firtwheel_text {
        z-index:999;
        position: absolute;
        top:160%;
        left: -3%;
        color: rgb(36, 36, 36);
        font-weight: 700;
        font-size: 20px;
    }
    .input-login::placeholder{
        color: rgb(170, 170, 170);
        font-size: 14px;
    }
    .refresh_text{
        position: absolute;
        top:18%;
        left: 28%;
    }
}
@media (min-width:540px){  

    .property{
        color: white;
        font-size: 14px;
        z-index:20;
        font-weight: 700;
        position: absolute; 
        top:30%;
        left:45%;
        z-index: 20;
        text-align: center;
        width: 50%;
        text-align: center;
    }
    .nickName{
        position: absolute; 
        top:32%;
        left: 2%;
        z-index: 20;
        width: 34%;
        text-align: center;
        color:white;
        font-weight: 700;
        font-size: 14px;  
        }
        .rwd_fs{
            font-size: 18px;
        } 
        .firtwheel_text {
            z-index:999;
            position: absolute;
            top:200%;
            color: rgb(36, 36, 36);
            font-weight: 700;
            font-size: 24px;
        }
        .input-login::placeholder{
            color: rgb(170, 170, 170);
            font-size: 16px;
        }
        .login_lh{
            line-height: 20px;
        }
        .refresh_text{
            position: absolute;
            top:25%;
            left: 30%;
            font-size: 14px;
        }
}
@media (min-width:767px){
   
    .property{
        color: white;
        font-size: 24px;
        z-index:20;
        font-weight: 700;
        position: absolute; 
        top:30%;
        left:42%;
        z-index: 20;
        text-align: center;
        width: 50%;
        text-align: center;
    }
    .nickName{
        position: absolute; 
        top:30%;
        left: 3%;
        z-index: 20;
        width: 33%;
        text-align: center;
        color:white;
        font-weight: 700;
        font-size: 24px;  
        }
        .icon-cancel-style {
            font-size: 36px;
            color: rgb(141, 117, 38);
            text-shadow: 0.1em 0.1em 0em black;
            position: absolute;
            top: 18px;
            right: 20px;
        }
        .rwd_fs{
            font-size: 18px;
        } 
        .firtwheel_text {
            z-index:999;
            position: absolute;
            top:450%;
            left: 5%;
            color: rgb(36, 36, 36);
            font-weight: 700;
            font-size: 24px;
        }
        .input-login::placeholder{
            color: rgb(170, 170, 170);
            font-size: 16px;
        }
        .login_lh{
            line-height: 24px;
        }
        .refresh_text{
            position: absolute;
            top:20%;
            left: 28%;
            font-size: 24px;
        }
}
@media (min-width:880px){
   
    .property{
        color: white;
        font-size: 24px;
        z-index:20;
        font-weight: 700;
        position: absolute; 
        top:33%;
        left:40%;
        z-index: 20;
        text-align: center;
        width: 50%;
        text-align: center;
    }
    .nickName{
        position: absolute; 
        top:33%;
        left: 3%;
        z-index: 20;
        width: 33%;
        text-align: center;
        color:white;
        font-weight: 700;
        font-size: 24px;  
        }
        .icon-cancel-style {
            font-size: 36px;
            color: rgb(141, 117, 38);
            text-shadow: 0.1em 0.1em 0em black;
            position: absolute;
            top: 18px;
            right: 20px;
        }
        .rwd_fs{
            font-size: 20px;
        } 
        .firtwheel_text {
            z-index:999;
            position: absolute;
            top:480%;
            left: 6%;
            color: rgb(36, 36, 36);
            font-weight: 700;
            font-size: 28px;
        }
        .input-login::placeholder{
            color: rgb(170, 170, 170);
            font-size: 18x;
        }
        .login_lh{
            line-height: 26px;
        }
        .refresh_text{
            position: absolute;
            top:25%;
            left: 28%;
            font-size: 24px;
        }
}
.border-imagree{
    border: 2px solid #dc3545;
    border-radius: 10px;
    padding-top: 4px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 8px;
}

/*悟空動畫*/
@keyframes dong { 
    0% {             
        transform: translate(0px, 0px);            
     }            
     50% {                
        transform: translate(0px, -15px);            
     }            
     100% {                
        transform: translate(0px, 0px);
     }
}
.row-bg{
    background-color: rgb(31, 31, 31);
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid white;
}
.slot_count_table>tbody>tr>td, .slot_count_table>tbody>tr>th, .slot_count_table>tfoot>tr>td, .slot_count_table>tfoot>tr>th, .slot_count_table>thead>tr>td, .slot_count_table>thead>tr>th{
    background-color: rgb(31, 31, 31);
    border-color: rgb(15 15 15);
    border-width: 4px;
}
.f-w-900{
    font-weight: 900;
}
.slot_count_btn_on{
    color: #000 !important;
    background: #c7d1da !important;
    border-color: #000 !important;
    border-style: solid;
    padding: 5px 10px 5px 10px;
    width: 100%;
    text-align: center;
    border-radius: 10px;
}
.modal-header .close i{
    font-size: 46px;
}
.letter_hint{
    
    background-color: red;
    color: #fff;
    font-size: 16px;
    border-radius: 50%;
    line-height: 3vh;
    box-shadow: 1px 2px 5px 1px rgb(0 0 0 / 78%);
}
.Location1{
    width: 3vh;
    height: 3vh;
    position: absolute;
    top: 1vh;
    left: 54%;
}