body{
        padding:0;
        margin:0;
        font-size: 1.2em;
        font-family: Arial, Meiryo, 'Microsoft JhengHei', sans-serif;
      }
      a{
        text-decoration: none
      }
      a:hover{
        text-decoration: none;
        
      }
    input::placeholder {
        color: #d5d5d5 !important;
        opacity: 1; /* Firefox */
    }
    .container{
      max-width:1000px;
      width:100%;
      padding:20px;
    } 
    
    .banner{
      position:relative;
      width:100%;
      height:350px;
      background-image:url(/img/banner.jpg);
      background-size: 100%;
        background-position: bottom;  
    }
    .banner .title{ 
        padding-top:90px;
      text-align: center;
        font-family: 'Arial';
        font-size: 60px;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #000000;
        -webkit-text-fill-color: #ffffff;
        text-shadow: 4px 2px 3px rgb(0 0 0 / 69%);
        font-weight: bold;
    }
    
    .banner .menu{
      display:flex;
       justify-content: space-evenly;   
      width:100%;
      height:50px; 
      background-color:#000000c2; 
      position:absolute; 
      bottom:-2px;
      align-items: center;
    }
    .banner .menu .item{
        width:100%;
        border-right: 1px solid #ffffff; 
    }
    .banner .menu a{
      display:block;
      padding: 5px 5px;
      font-size:1.5em;
      width:100%;
    }

    .banner .menu a:hover{
        color:#ff0000;
    }
    .banner .menu a:visited{
        color:#ffffff;
    }
    .banner .menu a:link{ 
      color:#ffffff;
    }
    
    .banner .menu a.active{
        background-color:#ffffff;
        color:#e10000 !important;
    }
    
    .banner .menu a.dropdown-toggle{
        color:#ffffff;
        cursor:hand;
        cursor:pointer;
    }
    
   .banner .menu .btn-group{
        border-right:none;
    }
      
    .banner .menu .dropdown-menu{
        border:none;
      width:100%; 
      border-radius:0px;
      margin:0 0 0 ;
      padding:0 0;
      text-align:center;
      left:auto;
      right:0;
      background-color: #464646;
    }
    .banner .menu a.dropdown-item{
      color:#ffffff;
      font-size:1.2em;
       padding:10px;
      border-bottom:1px solid #cccccc
    }
    .banner .menu a.dropdown-item:hover{
      background-color: #000000;
      color: #555555;
    }
    
.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 5px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
 /* opacity: 0.7;  Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  margin-top:16px;
  margin-bottom:16px;

}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 26px; /* Set a specific slider handle width */
  height: 26px; /* Slider handle height */
  background: #ff0000; /* Green background */
  cursor: pointer; /* Cursor on hover */
    border-radius: 30px;
}

.slider::-moz-range-thumb {
  width: 35px; /* Set a specific slider handle width */
  height: 35px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer; /* Cursor on hover */
}  
.form-check-input{
    width: 1.2em;
    height: 1.2em;
    border-color:#9a9a9a;
}

.top{
    position:fixed;
    z-index:100;
    top:0;
    background-color:#000000a8;
    width:100%;
    height:60px;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
  .currency{
      margin:5px; 
      top:0;
      left:0;
  }
  .currency select{
    padding: 0.375rem 1.7rem 0.375rem 0.35rem;
  }
  .lang{
       color:#ffffff;
      padding:7px;
  }
  .lang a{
      color:#ffffff;
      font-size:1.2em;
  }
  
  .footer .vline{
      height:2px; background-color:#cccccc; margin-top:10px;
  }
  .footer .copyright{
      padding:15px; text-align:center; font-size:0.8em; display:flex;justify-content: space-between
  }
  .footer .playicon{
      text-align:center;
      margin-bottom:15px;
  }
  .footer .playicon img{
      height:60px;
  }
  .bigtitle{
      text-align: center;
  }
  .form-check{
    text-align:left
  }
@media (max-width: 500px) { 
    .a2a_svg{
        width:50px !important;
        height:50px !important;
    }
    .container{
        padding:10px;
    }
    .banner .menu{ 
     
    }
    .banner .menu a{  
      font-size:1.2em;
      padding:10px 5px;
    }
      .banner{
        width:100%;
        height:200px; 
      } 
      
      .banner .title{ 
        padding-top:80px;
          text-align: center; 
            font-size: 30px; 
           color:#ffffff;
            
            font-weight: bold;
        }
}