#pageTakeOver_Message_wrapper {
    overflow: hidden !important;
}
#pageTakeOver_Message_wrapper .row:before {
    display: table;
    content: " ";
}
#pageTakeOver_Message_wrapper .row:after {
    display: table;
    content: " ";
clear: both;
}
#pageTakeOver_Message>.row{
	background-color: #ccc;
}
.dontShowMessage{
	float: left;
    margin: 15px;
}

.pageTakeOverBlock{width: 95%;
    height: 95vh;
   overflow-y:hidden;
	overflow-x: hidden;
    background-color: #ffffff;
  
    margin: 10px;
		  max-width: 100% !important;
  
		  
    max-height: 95vh;
	padding:0px 15px 15px 15px;
                        }
.pageTakeOverBlockContent{
    border: 0px solid #ffff00;
   height:90%;
   overflow-y:auto;
   overflow-x:auto;
}
		  
		  
/************** CSS by Jacky Start *****************/



		  
	.pageTakeOverBlock {  
		font-family:  arial,"微軟正黑體";
		font-size: 120%;
		line-height: 1.5;
	}
		
	.popup_background, .pageTakeOverBlock {
		transition: all 0.5s;
   -webkit-transition: all 0.5s;
	}
		  
	.pageTakeOverBlock .col-md-3.overlayDate {
    		text-align: right;
			color:#666;
		margin-bottom: 15px;
	}

	.pageTakeOverBlock  h1, .pageTakeOverBlock  h2, .pageTakeOverBlock  h3, .pageTakeOverBlock  h4, .pageTakeOverBlock  h5, .pageTakeOverBlock .res-info-title, .pageTakeOverBlock .content_subhead {
		color:#022169;
		line-height: 1.25;
		font-weight: bold;
    margin: 20px 0 10px 0;
}
		  
.pageTakeOverBlock .res-info-title, .pageTakeOverBlock .content_subhead {
	font-weight: 700;
}

.pageTakeOverBlock .res-info-title, .pageTakeOverBlock .res-info-content, .pageTakeOverBlock .content_subhead {
	padding-top: 5px; 
	padding-bottom: 5px;
}


.pageTakeOverBlock .restInfo {
    padding: 10px 10px 0 0;
    border-top: #CCC 1px solid;
    border-bottom: 0px;
}


.pageTakeOverBlock  h1 {
	font-size: 36px;
	background: none;
	background: unset;
	padding: initial;
	padding-left: 0px;
}
.pageTakeOverBlock  h2 {
	font-size: 30px;
}

.pageTakeOverBlock  h3 {
	font-size: 24px;
}

	.pageTakeOverBlock  h4 {
    		font-size: 1.333em;
		margin-bottom: 15px!important;
		line-height: 1.25;
	}


	
	.pageTakeOverBlock  h5 {
	font-size: 14px;
	margin-top: 10px;
    padding: 0 0 2px 0;
	}

	.pageTakeOverBlock label {
		margin-left: 5px;
		color: #222;
		font-weight: normal;
	}

	.pageTakeOverBlock input#dontShowBtn {
		margin: 10px 0px 0px 5px;
	}
	
	.pageTakeOverBlock table p {
		margin: 0px;
	}

	.pageTakeOverBlock p {
		margin: 0 0 10px 0;
	}
		  
	 .pageTakeOverBlock .solidLine {
    	float: none;
    	margin: 10px 0px 20px 0px;
    	margin-top: 0px;
    	border-bottom: 2px solid #999;
	 }
		  
	.pageTakeOverBlockContent {
		padding:15px 50px 50px 50px;
		margin-bottom:30px;
	}
		  
		  .pageTakeOverBlockContent a{
			  color:#0484fc!important;
			  text-decoration: underline!important;
		  }
		  
		  .pageTakeOverBlockContent a:hover{
			color:#0428f0!important;
		  }
		  
		  
		 .pageTakeOverBlockContent ul {
  list-style: none;
			 margin-left: 1.3em;
			 margin-bottom: 1.5em;
}
		  
		   .pageTakeOverBlockContent ul li{
			 margin-bottom:10px;
}

/*.pageTakeOverBlockContent ul li::before, .pageTakeOverBlockContent .bullet-icon ul, .pageTakeOverBlockContent .arrowList {*/
.pageTakeOverBlockContent ul li::before {
	content: "\2022";
	color: #999;
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	  margin-left: -1em !important;
	  padding-left: 0px !important;
  }

  .pageTakeOverBlockContent .bullet-icon ul,  .pageTakeOverBlockContent .arrowList {
    padding-left: 0px !important;
  }

  .pageTakeOverBlockContent .bullet-icon ul ul {
    padding-left: 0px !important; 
     padding-top: 0px; 
	 content: "\2022";
}

.pageTakeOverBlockContent .bullet-icon li {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
	line-height: 1.4;
}



.pageTakeOverBlockContent .bullet-icon ul ul li:before {
	color: #999;
	content: "\2022";
  font-weight: bold;
}
		 
.pageTakeOverBlockContent .bullet-icon ul li:before, .pageTakeOverBlockContent .arrowList li:before, .pageTakeOverBlockContent .bullet-icon ul ul li:before {
	font-size: 1.1em;
	margin: auto;
}

.pageTakeOverBlockContent .table th {
	border: none;
	border:unset;
}

.pageTakeOverBlockContent .table td:last-child {
	border-right: 0px solid #e6eff8;
}

	.pageTakeOverBlockContent table, .pageTakeOverBlockContent table.table {
		border: 2px solid #022169;
	}

	.pageTakeOverBlockContent table {
		width: auto;
	}

	.pageTakeOverBlockContent .table {
		min-width: 100%;
		width: auto;
		vertical-align: top;
		border-spacing: 5px;
		margin-bottom: 0px;
		margin-top: 0px;
	}
		  
		  .pageTakeOverBlockContent th, .pageTakeOverBlockContent .table th, .pageTakeOverBlockContent table th {
			  background: #022169;
			  border-right: 1px solid #fff;
			  color:#fff;
			  text-align: left;
		  }
		  
		  .pageTakeOverBlockContent th:last-child, .pageTakeOverBlockContent .table th:last-child, .pageTakeOverBlockContent table th:last-child  {
			  border-right: 1px solid #022169;
		  }

		  .pageTakeOverBlockContent table>tbody>tr>td, .pageTakeOverBlockContent table>tbody>tr>th, .pageTakeOverBlockContent table>tfoot>tr>td, .pageTakeOverBlockContent table>tfoot>tr>th, .pageTakeOverBlockContent table>thead>tr>td, .pageTakeOverBlockContent table>thead>tr>th,
		  .pageTakeOverBlockContent table>.table>tbody>tr>td, .pageTakeOverBlockContent table>.table>tbody>tr>th, .pageTakeOverBlockContent table>.table>tfoot>tr>td, .pageTakeOverBlockContent table>.table>tfoot>tr>th, .pageTakeOverBlockContent table>.table>thead>tr>td, .pageTakeOverBlockContent table>.table>thead>tr>th {
			padding: 5px;
			line-height: 1.42857143;
			vertical-align: top;
		  }
		  
		  .pageTakeOverBlockContent td {
  			border: 1px solid #022169;
		}
		.pageTakeOverBlockContent .table td, .pageTakeOverBlockContent table td {
			background-color:#fff;
		}
		
		.pageTakeOverBlockContent table, .pageTakeOverBlockContent table.table {
			border-collapse: collapse;
			border-spacing: 0;
			margin: 10px 0px;
		}
		  

		.pageTakeOverBlockContent .caption {
			color: #858585;
			font-size: 0.85em;
			line-height: 1.5;
		}
		  
		  
		  
 .pageTakeOverBlock .closeBtn {
    border: none;
    border-radius: 5px;
    display: inline-block;
    padding: 6px 25px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #464646;
    color: #ffffff;
	float: right;
	 margin: 15px;
 }
	
 .pageTakeOverBlock .closeBtn a{
	color: #ffffff;
  }
  
  .pageTakeOverBlock .closeBtn a:hover{
	  text-decoration: underline;
	}

	.pageTakeOverBlock ol {
		margin-bottom: 1.5em;
	}

	.pageTakeOverBlock ol li {
		list-style-type: unset;
		list-style-type: inherit;
		margin-bottom: 10px;
		margin-left: -1.4em;
	}

	.pageTakeOverBlock ol ol {
		margin-left: -1.5em;
	}

	.pageTakeOverBlockContent ul ul li, .pageTakeOverBlockContent ul ol li, .pageTakeOverBlockContent ol ul li, .pageTakeOverBlockContent ol ol li {
		line-height: 1.2;
	}


	.pageTakeOverBlockContent ul ul, .pageTakeOverBlockContent ul ol, .pageTakeOverBlockContent ol ul, .pageTakeOverBlockContent ol ol {
		margin-top: -5px;
	}

	.pageTakeOverBlockContent ul ol li::before {
		content: "";
	}


		  
@media (max-width: 991px) {
	
		.pageTakeOverBlock .col-md-3.overlayDate {
    		text-align: left;
				}
	
		.pageTakeOverBlockContent {
    		padding: 15px 20px 50px 20px;
		}
		  
}
		  
@media (max-width: 767px) {	  
		  .pageTakeOverBlockContent {
    		padding: 10px 10px 20px 10px;
		}

		.pageTakeOverBlock {  
			font-size: 110%;
		}

		.pageTakeOverBlock ol {
			-webkit-padding-start: revert;
		}
}