/* 須滿18警語 */
.modal18w {
  display: none; /* 預設隱藏 */
  position: fixed; /* 固定於視窗 */
  z-index: 1; /* 置於最上層 */
  left: 0;
  top: 0;
  width: 100%; /* 寬度為視窗寬度 */
  height: 100%; /* 高度為視窗高度 */
  overflow: auto; /* 如果需要滾動條則顯示 */
  background-color: rgba(0, 0, 0, 0.925);
}

.modal-18warnings {
  background-color: #fefefe;
  margin: 100px auto 0;
  padding: 20px;
  border: 1px solid #888;
  /* width: 80%; */
  text-align: left;
  border-radius: 10px;
}

@media (min-width: 768px) {
    .modal-18warnings {
        width: 650px;
    }
}
@media (max-width: 769px) {
    .modal-18warnings {
        width: 95%;
    }
}
  
.close18w {
  color: #aaa;
  float: right;
  font-size: 50px;
  font-weight: bold;
  margin-top: -30px;
}

.close18w:hover,
.close18w:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#confirmAge,
#denyAge {
  font-size: 14px;
  width: 100%;
  background-color: #4c2a77;
}

#confirmAgeEn,
#denyAgeEn {
  font-size: 14px;
  width: 100%;
  background-color: #4c2a77;
}

#p18w {
  font-size: 13px;
  color: black;
}