 @charset "UTF-8";
 .item_loadering {
  display: none;
  width: 280px;
  height: 120px;
  margin: 20px;
  left: 50%;
  margin-left: -140px;/**/
  background: #fff;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  position:fixed; 
  top:25%;
z-index: 999999;}
.loader10_note{position: relative; top: 75%; width: 100px; height: 28px; margin:auto; text-align: center;}
.loader10 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  position: relative;
  animation: loader10-uba7e1836 0.9s ease alternate infinite;
  animation-delay: 0.36s;
  top: 50%;
  margin: -42px auto 0; }
  .loader10::after, .loader10::before {
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    animation: loader10-uba7e1836 0.9s ease alternate infinite; }
  .loader10::before {
    left: -40px;
    animation-delay: 0.18s; }
  .loader10::after {
    right: -40px;
    animation-delay: 0.54s; }

@keyframes loader10-uba7e1836 {
  0% {
    box-shadow: 0 28px 0 -28px #0052ec; }
  100% {
    box-shadow: 0 28px 0 #0052ec; } }

.input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

#customInput {

  padding-right: 30px; /* 預留右邊空間給圖示 */
}

.dropdown-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 14px;
  color: #555;
  pointer-events: auto;
}
.autocomplete-list {
  border: 1px solid #efefef;
  font-size: 110%;
  padding: .5em;
  width: 300px;
  border-radius: .2em;
  max-height: 400px;
  overflow-y: auto;
  margin-top: .2em;
  margin-left: .2em;
  position: absolute;
  z-index: 999999;
  background: #FFF;
  color: #000;
  display: none;
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.autocomplete-list div{
  border-radius: .2em;
  padding: .2em;
}
.autocomplete-list div:hover {
  background-color: #efefef;
  cursor: pointer;
  border-radius: .2em;
  padding: .2em;
}

#logindiv{ display: none;}
#mask_div{position: fixed; width: 100%; height: 100%; z-index: 100; background-color: #f9f4dc; display: none;}
/*
.right_button_div{position:fixed; z-index:999999999; right:15px; bottom:12%;}

.right_button_div {
  
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}*/
.right_button_div {
    position: fixed;
    right: 15px;
    bottom: 12%;

    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 99;
}

/* 顯示用 class */
.right_button_div.show {
    opacity: 1 !important;
    visibility: visible !important;
     right: 15px;
        bottom: 12%;
       
    
}

.login_URL_right{ height: 52px; width: 52px; text-align: center;  border-radius: .2em; background-color: #da8539; color: #efefef; font-size: 90%;}

.login_URL_right a{color: #efefef;text-decoration: none;}

.login_URL_right_s{ height: 52px; width: 52px; text-align: center; line-height: 52px;  border-radius: .2em; background-color: #da8539; color: #efefef; font-size: 90%;}
.login_URL_right_s a{color: #efefef;text-decoration: none;}

#vp,#vp_sub{ cursor: pointer; position: absolute; margin-top: 1em; margin-left: -3em;}
.fa {
  font-family: FontAwesome !important;
}
 @media only screen and (max-width: 480px) {
#vp,#vp_sub{ cursor: pointer; position: absolute; margin-top: .8em; margin-left: 0em;}

 }

 .top {
   
    display: none; /* 一開始隱藏 */
    
}

 @media only screen and (max-width: 480px) {
    .right_button_div {
      opacity: 0 !important;
    visibility: visible !important;
      
        right: 15px;
        bottom: 12%;
    }
  
    
}
 /*@media only screen and (max-width: 480px) {
    .right_button_div {
        display: block !important;
        opacity: 1;
        visibility: visible;

        position: fixed;
        right:15px; bottom:12%;

        z-index: 9999; 
    }
}*/

#v01,#v02,#v03,#v04,#v05,#v06,#f01,#f02,#f03,#f04{
  display: none;
}

#sign5div{ display: none; position: fixed; top:30%; }
#sign5div .login_modal_content{height: 180px !important;}
#gameover{display: none; position: fixed; top:15%;}

