@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}
@media (min-width: 992px) {
  .main{ margin-top: 80px; }
}
.container-md{ max-width: 980px; }
@media (max-width: 1199px) {
  .container{ max-width: 100%; }
}
table td, table th{ padding: 8px; }
.en-font{font-family: 'Roboto', sans-serif !important;}
/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #fff;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}
.font-weight-midium{ font-weight: 500; }
.alert-success {
  color: #fff;
  background-color:rgba(255,255,255,0.10);
  border-color:rgba(255,255,255,0.4);
}
.alert-danger{background-color: transparent;border-color:#FF555F !important;opacity: 0.8;color:#FF555F; list-style: none;}
/*
 * Base structure
 */

html,
body { 
  /*height: 100%;*/
      font-family: Microsoft JhengHei;letter-spacing: .17px;font-weight: 400;
  /*font-family: 'Roboto', sans-serif;*/
background-color:black; font-size: 14px; color: #fff;
}
@media (min-width: 992px) {
  body {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;  color: #fff;
  } 
}
a, button{transition: all 0.5s ease;}
/* Common */
img{ max-width: 100%; }
.yellow-color{ color: #F4DD89; }

/* First */
.cover-bg1{ background-repeat: no-repeat; background-size: cover; position: relative;background-position: center;background-image: url(../images/order01.jpg);
    }
@media screen and (max-width: 640px) {
   .cover-bg1{ background-repeat: no-repeat; background-size: cover; position: relative;background-position: center;background-image: url(../images/order03.jpg);
    }
   }

/* Second */
.cover-bg2{ background-repeat: no-repeat; background-size: cover; position: relative;background-position: center;background-image: url(../images/order05.jpg);
    }

@media screen and (max-width: 640px) {
   .cover-bg2{ background-repeat: no-repeat; background-size: cover; position: relative;background-position: center;background-image: url(../images/order04.jpg);
    }
   }

.overlay {background-color:#000;position: absolute;top: 0;left: 0;bottom: 0;right: 0; z-index: 1;}
.overlay-1{opacity: 0.4;}
.overlay-2{opacity: 0.5;}
.overlay-3{opacity: 0.9;}
.overlay-content{ position: relative; z-index: 9; }
@media (min-width: 500px) { 
  .card-horizontal {
      display: flex;
      flex: 1 1 auto;
  }
}
.beers-list .yellow-color{ min-width: 80px; }
.beer-logo{ width: 75px; }
.dark-modal .modal-content{ background: #202020; border-radius: 0; border:none; }
.dark-modal .close{ position: absolute;right: 20px;top: 10px;z-index: 9999;opacity: 1; }
.imageModal .close, #beerModal.dark-modal .close{ right: 14px;top: 6px; }
.dark-modal .close:hover{ opacity: 0.7; }
.dark-modal .close span{color:#fff;box-shadow: none;font-weight: 300;font-size: 30px;}
.btn-primary{color:#fff;background-color:#F4C71B;border-color:#F4C71B; border-radius: 20px;padding: .4rem 1.2rem;font-size: 14px;}

.btn-primary:hover{color:#fff;background-color:#E6B601;border-color:#E6B601}
.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:teal;border-color:#E6B601}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#00b3b3;border-color:#000}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
/* Font */
.f-10{ font-size: 10px; }
.f-light-14{opacity: 0.4; font-size: 14px;color: #FFFFFF;text-align: justify;text-shadow: 0 0 20px rgba(0,0,0,0.80); }
.f-light{color:rgba(255,255,255,0.4); }
.display-1{ font-size: 32px;color: #FFFFFF;letter-spacing: 0.2px;text-align: justify;text-shadow: 0 0 20px rgba(0,0,0,0.80); font-weight: 400;}
/* Button */
.btn-round {
    border-radius: 30px !important;
}
.btn-outline-white {
  font-size: 16px;
  padding: .5rem 1.4rem;
  
  text-align: justify;
  background: rgba(255,255,255,0.10);
  text-shadow: 0 0 20px rgba(0,0,0,0.80);
  color:#fff; 
  background-image: none;
  border-color:rgba(255, 255, 255, 0.4);text-align: center;
}
.btn-outline-white1 {
  font-size: 16px;
  padding: .5rem 1.4rem;
  
  text-align: justify;
  background: rgba(255,255,255,0.10);
  text-shadow: 0 0 20px rgba(0,0,0,0.80);
  color:#fff; 
  background-image: none;
  border-color:rgba(255, 255, 255, 0.4);text-align: center;
}
.btn-outline-white:hover {
    color: #fff; 
    border-color: #fff;
} 
.btn-outline-white1:hover {
    color: #fff; 
    border-color: #fff;
} 
.m-h-500{ min-height: 460px; }
.m-w-136{ min-width: 136px; }

.bg-cover-1{ background-image: url("../images/bg-cover-1-min.jpg"); }
.bg-cover-2{ background-image: url("../images/bg-cover-2-min.jpg"); }
.bg-cover-3{ background-image: url("../images/bg-cover-3-min.jpg"); }
.bg-cover-4{ background-image: url("../images/bg-wheat.jpg"); }




.list-group-item:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.list-group-item:last-child { 
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.dropdown-toggle::after {
   transition: transform 0.15s linear; 
}

.show.dropdown .dropdown-toggle::after {
  transform: translateY(3px);
}

.dropdown-menu {
  margin-top: 0;
}
.navbar-nav .dropdown-menu{ background-color:rgba(63,63,63,0.60)/*rgba(255,255,255,0.10)*/;color:#fff;border:none; border-radius: 10px;padding: 10px 0;}
.navbar-nav .dropdown-menu .dropdown-item{font-size: 14px;color: #CECECE;letter-spacing: 0.09px;text-align: center;padding: 6px 10px;}
@media (min-width: 992px) {  
  .navbar-nav .dropdown-menu .dropdown-item.active{ color: rgba(255, 255, 255, 1);background: #F4C71A;}
  .navbar-nav .dropdown-menu .dropdown-item:hover{ color: rgba(255, 255, 255, 1); background: #F4C71A;}
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover{ background-color: transparent; }
.dropdown-divider{ border:none !important; display: none; }
.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}
@media only screen and (max-width: 1030px) and (min-width: 992px)  {

} 
/*
 * Header
 */ 
@media (min-width: 768px) {  
  .logo{ max-width: 170px; } 
}
@media (max-width: 767px) {  
  .logo{ max-height: 40px; } 
}
@media (max-width: 991px) { 
  #header{ margin-bottom: 20px; }
}
/*
 * Footer
 */ 
 @media (min-width: 992px) {
   .sticky-footer {
      position: absolute;
      bottom: 0;
      width: 100%;  
  }
}
#footer{ color:black ; z-index: 99; }
.gb-logo img{ opacity: 0.65; }
@media (max-width: 992px) {
  #footer{ padding: 15px 0; }
  #footer p{ margin-bottom: 0px !important; }
}
/*
 * Cover
 */
@media (min-width: 768px) {
    .h-md-100 { height: 100vh; }
    .logo-container{ min-height: 218px; }    
    .content-height{ min-height: 375px; }
}
.brewery_logo{ width: 305px; max-width: 100%; }
.cover-container{ position: relative; } 
.logo-text{ font-size: 26px; 
letter-spacing: 10.83px;
text-align: center;
line-height: 37px; }
.cover-container .divider{ color: rgba(255, 255, 255, 0.65);margin: 0 8px;font-size: 24px;font-weight: 300;vertical-align: sub;line-height: 25px; }
.mastfoot{position: relative ;bottom: 0;left: 0;right: 0; z-index: 99;} 
.bg-indigo { background: indigo; }
.bg-yellow { background: #00570a; }
.text-cyan { color: #35bdff; }
@media (max-width: 500px) {  
} 
@media (max-width: 767px) {
  .entrance-col-2{ min-height: 408px; } 
  .cover-container .divider{ font-size: 20px;line-height: 18px; }
  button.m-w-136{ min-width: 100px; }
}