/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 180px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.5); /* Black w/ opacity */

}

/* Modal Content */
.modal-content {
  background-color:#fff;
  opacity:0.9;
  padding:0;
  width:20%;
  margin:0 auto;  
}

.modal-content ul li{
  display:block;
  padding:5%; 
}

.modal-content ul {  
   padding:0;
   margin:0;  
}


.modal-content a:link   {color:#000; font-size:100%;}
.modal-content a:visited{color:#000; font-size:100%;}
.modal-content a:hover, a:active {background:#CF1126;color:#fff; font-size:100%; /*text-decoration:underline*/}
.modal-content ul li:hover{background:#CF1126; color:#fff;}
.modal-content ul li:active{background:#CF1126; color:#fff;}


.language-button {
	background:transparent;
	border:none;   
	text-decoration: none;
	cursor: pointer;
	color:#CF1126;
	-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  border: 1.5px solid #CF1126;
  padding: 5px 10px;
  font-family:'Roboto','Noto Sans TC', 'Noto Sans SC',sans-serif;
}


.language-button-mobile {
	background:none;
	border:none;   
	text-decoration: none;
	cursor: pointer;
	color:#fff ;
	-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  padding: 3px 3px;
  font-family:'Roboto','Noto Sans TC', 'Noto Sans SC',sans-serif;
}


.language-button:hover {
	background:#CF1126;
	color:#fff ;
}

.language-button:focus {outline:0;}




#BigDiv3-modal{
	height:60px; margin-top:40px; margin-left:5%; width:100%; text-align:center;
}

#BigDiv3-modal div{
	text-align:left;width:20%;
}
	




/*************************
		iPad Mini
**************************/	

@media screen and (max-width: 768px){

.modal-content {
  background-color:#fff;
  opacity:0.9;
  padding:0;
  width:20%;
  margin:0 40%;

  
}	
}