/* Style the tab */
.tab {
  
   /* border-bottom: 1px solid #ffffff; */
   margin-right: 5%;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  float: right;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 15px 40px 15px 40px;
  transition: 0.5s;
  font-size: 20px;
  font-weight: 800;
  background: #afafaf;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: rgb(55, 87, 144);
  color: #fff;
  /* border-bottom: 5px solid #fffb00; */

}


/* Style the tab content */
.tabcontent {
  display: none;
  border: 0px solid rgba(43, 104, 185);
  /* border-top: none; */
  width: auto;
  -webkit-animation: fadeEffect 0.2s;
  animation: fadeEffect 0.2s;
    color: #000;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 0.2;}
}

@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 0.2;}
}

.r-animate-zoom {  animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}


ul {
  /* 取消ul預設的內縮及樣式 */
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.drop-down-menu {

  font-size: 18px;
  float: right;
}

ul.drop-down-menu li {
  position: relative;
  white-space: nowrap;
  border-right: #ccc 1px solid;
}

ul.drop-down-menu>li:last-child {
  border-right: none;
}

ul.drop-down-menu>li {
  float: left;
  /* 只有第一層是靠左對齊*/
}

ul.drop-down-menu a {

  color: #333;
  display: block;
  padding: 15px 40px 15px 40px;
  text-decoration: none;
  font-size: 20px;
  font-weight: 800;
  background: white;
}

ul.drop-down-menu a:hover {
  /* 滑鼠滑入按鈕變色*/
  background-color: #10199e;
  color: #fff;
}

ul.drop-down-menu li:hover>a {
  /* 滑鼠移入次選單上層按鈕保持變色*/
  background-color: #0f2172;
  color: #fff;
}

ul.drop-down-menu ul {
  border: #ccc 1px solid;
  position: absolute;
  z-index: 99;
  left: -1px;
  top: 100%;
 
}

ul.drop-down-menu ul li {
  border-bottom: #ccc 1px solid;
}

ul.drop-down-menu ul li:last-child {
  border-bottom: none;
}


ul.drop-down-menu ul {
  /*隱藏次選單*/
  display: none;
}

ul.drop-down-menu li:hover>ul {
  /* 滑鼠滑入展開次選單*/
  display: block;
}