html:not([class*=AB]) body:not(.editPage) .elderly-content {
    display: none;
}
html[class*=AB] .elderly-content+.normal-content {
    display: none;
}
body {
	margin:0;
}
html.AB-s1 body {
	font-size: 19px;
}
html.AB-s1-2 body {
	font-size: 22px;
}
html.AB-s1-3 body {
	font-size: 25px;
}

html.AB-s2 body {
	word-spacing: .16em!important;
	letter-spacing: .12em!important;
}
html.AB-s2-2 body {
	word-spacing: .32em!important;
	letter-spacing: .24em!important;
}
html.AB-s2-3 body {
	word-spacing: .48em!important;
	letter-spacing: .36em!important;
}

html.AB-s3 ,
html.AB-s3 * {
	cursor: url(../img/Cursor.svg),auto!important;
}

html.AB-s5 a ,
html.AB-s5 a * ,
html.AB-s5 button {
	text-decoration: underline!important;
    color: #efe70b !important;
    background-color: rgb(51 51 51 / 73%)!important;
}
html.AB-s5 a img {
    opacity: .8;
}

/*
html.AB-s6-3 {
	filter: grayscale(100%)!important;
	-webkit-filter: grayscale(100%)!important;
}
*/

#accessibility_icon {
	display: inline-block;
    margin: 0px;
    margin-right: -10px;
    border-radius: 50px;
    background-color: #17bed1 !important;
    color: #fff !important;
    padding: 3px 10px;
    vertical-align: top;
	font-size: 14px;
    right: 10px;
    cursor: pointer;
    overflow: hidden;
    z-index: 100;
    line-height: 18px;
    word-spacing: normal !important;
    letter-spacing: normal !important;
}
	#accessibility_icon img {
		float: left;
		margin-right: 5px;
	}
@media only screen and (max-width: 767px) {
	#accessibility_icon_m {
	    position: absolute;
	    top: 3px;
	    right: 8px;
	    background: #17bed1 url(../img/icon-glasses.png) no-repeat center !important;
	    width: 35px;
	    height: 35px;
	    border-radius: 50%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#accessibility_icon {
	    width: 40px;
	    height: 26px;
	    padding: 4px 6px;
	}
}

#accessibility_popup {
    left: 0px;
    right: 0px;
    top: 0px;
    position: fixed;
	z-index: -1;
	opacity: 0;
}
#accessibility_popup.selected {
	z-index: 1002;
	opacity: 1;
}
	.accessibility_popup {
		width: 320px;
		max-width: calc(100% - 20px);
	    top: 54px;
	    right: 0px;
		position: absolute;
		background-color: #0d5084 !important;
		border-bottom: 5px solid #6e0904 !important;
		color: #ffffff;
		font-size: 15px;
		padding-top: 10px;
		box-sizing: border-box;
		text-align: center;
		word-spacing: normal !important;
		letter-spacing: normal !important;
	}
	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		.accessibility_popup {
            top: 90px;
		}
	}
	@media only screen and (max-width: 767px) {
		.accessibility_popup {
	        left: 0px;
			right: 0px;
		    margin: auto;
		}
	}
		#accessibility_popup h5 {
			margin: 0px;
			float: left;
			padding: 8px 8px 8px 20px;
			margin-bottom: 8px;
			text-align: left;
			font-size: 18px;
			color: #fff !important;
			word-spacing: normal !important;
			letter-spacing: normal !important;
			background: transparent !important;
			cursor: pointer;
		}
			#accessibility_popup h5 img {
				float: left;
			    margin-right: 6px;
			    margin-top: 4px;
			}

		#accessibility_popup .box-i-close {
			float: right;
			background-color: transparent !important;
		}
			#accessibility_popup .box-i-close > div {
				float: left;
				border-left: 1px solid rgba(255, 255, 255, 0.3);
				padding: 1px 10px;
				cursor: pointer;
				background-color: transparent !important;
			}
			#accessibility_popup #accessibility_close {
				padding-left: 15px;
				padding-right: 15px;
				background-color: transparent !important;
			}
				#accessibility_popup .box-i-close img {
					display: block;
					margin: auto;
					width: 16px;
				}
				#accessibility_popup .box-i-close span {
					font-size: 10px !important;
					background-color: transparent !important;
					color: #fff !important;
				}      
	
		#accessibility_popup .box-button {
			width: 100%;
			max-height: calc(100vh - 137px);
			overflow: auto;
			background-color: #f5f5f5 !important;
			display: flex;
		    flex-wrap: wrap;
		}
			#accessibility_popup .box-button > div {
				width: calc(100%/2);
				padding: 30px 5px;
				box-sizing: border-box;
				border-top: 1px solid #fff !important;
				border-right: 1px solid #fff !important;     
				color: #000 !important;
				font-size: 13px;
				cursor: pointer;
				position: relative;
				vertical-align: top;
				transition: .5s;
			}
			html.AB-s1 #AB-s1 ,
			html.AB-s1-2 #AB-s1 ,
			html.AB-s1-3 #AB-s1 ,
			html.AB-s2 #AB-s2 ,
			html.AB-s2-2 #AB-s2 ,
			html.AB-s2-3 #AB-s2 ,
			html.AB-s3 #AB-s3 ,
			html.AB-s4 #AB-s4 ,
			html.AB-s5 #AB-s5 ,
			html.AB-s6-3 #AB-s6 ,
			html.AB-s6 #AB-s6 ,
			html.AB-s6-2 #AB-s6 {
				background: #e2e2e2;
			}
			#accessibility_popup .box-button > div:nth-child(2n+1) {
				clear: both;
			}
			#AB-s1 {
				
			}
				html:not(.AB-s1):not(.AB-s1-2):not(.AB-s1-3) #AB-s1 img:not(.img-s1-0) ,
				html.AB-s1 #AB-s1 img:not(.img-s1-1) ,
				html.AB-s1-2 #AB-s1 img:not(.img-s1-2) ,
				html.AB-s1-3 #AB-s1 img:not(.img-s1-3) {
					display: none;
				}
				
			#AB-s2 {
				
			}
				html:not(.AB-s2):not(.AB-s2-2):not(.AB-s2-3) #AB-s2 img:not(.img-s2-0) ,
				html.AB-s2 #AB-s2 img:not(.img-s2-1) ,
				html.AB-s2-2 #AB-s2 img:not(.img-s2-2) ,
				html.AB-s2-3 #AB-s2 img:not(.img-s2-3) {
					display: none;
				}
				
		@media only screen and (max-width: 1024px) {
			div#AB-s3 ,
			div#AB-s4 ,
			#accessibility_popup_i .box-body .box-list:nth-child(3) ,
			#accessibility_popup_i .box-body .box-list:nth-child(4) {
				display: none;
			}
		}
		@media only screen and (max-width: 767px) and (orientation:landscape){
			.accessibility_popup {
				width: 600px;
			}
			#accessibility_popup .box-button > div:nth-child(2n+1) {
				clear: none;
			}
			#accessibility_popup .box-button > div {
				width: calc(100%/4);
			}
		}
			#accessibility_popup .box-button > div:hover {
				background-color:rgba(255, 255, 255, 0.84);
			}
				#accessibility_popup .box-button > div img {
					width: 85%;
					display: block;
					margin: auto;
					margin-bottom: 5px;
				}
				
				#accessibility_popup .box-button > div::before {
					content: "";
					width: 17px;
					height: 17px;
					content: "";
					width: 17px;
					height: 17px;
					background: url(../img/icon-Checkmark.png) no-repeat;
					background-size: contain;
					display: block;
					border-radius: 50%;
					position: absolute;
					top: 6px;
					right: 6px;
					filter: grayscale(100%)!important;
					-webkit-filter: grayscale(100%)!important;
					opacity: 0.4;
				}
				html.AB-s1 #AB-s1::before ,
				html.AB-s1-2 #AB-s1::before ,
				html.AB-s1-3 #AB-s1::before ,
				html.AB-s2 #AB-s2::before ,
				html.AB-s2-2 #AB-s2::before ,
				html.AB-s2-3 #AB-s2::before ,
				html.AB-s3 #AB-s3::before ,
				html.AB-s4 #AB-s4::before ,
				html.AB-s5 #AB-s5::before ,
				html.AB-s6 #AB-s6::before ,
				html.AB-s6-2 #AB-s6::before ,
				html.AB-s6-3 #AB-s6::before {
					filter: grayscale(0%)!important;
					-webkit-filter: grayscale(0%)!important;
					opacity: 1;
				}
				
				#accessibility_popup .box-button #AB-s1::after ,
				#accessibility_popup .box-button #AB-s2::after ,
				#accessibility_popup .box-button #AB-s6::after {
					content: "";
					border-bottom: 6px solid #43b8c5;
					position: absolute;
					bottom: 1px;
					left: 1px;
				}
				html.AB-s1 #accessibility_popup .box-button #AB-s1::after ,
				html.AB-s2 #accessibility_popup .box-button #AB-s2::after ,
				html.AB-s6 #accessibility_popup .box-button #AB-s6::after {
					width: calc(100%/3 - 2px);
				}
				html.AB-s1-2 #accessibility_popup .box-button #AB-s1::after ,
				html.AB-s2-2 #accessibility_popup .box-button #AB-s2::after ,
				html.AB-s6-2 #accessibility_popup .box-button #AB-s6::after {
					width: calc(100%/1.5 - 2px);
				}
				html.AB-s1-3 #accessibility_popup .box-button #AB-s1::after ,
				html.AB-s2-3 #accessibility_popup .box-button #AB-s2::after ,
				html.AB-s6-3 #accessibility_popup .box-button #AB-s6::after {
					width: calc(100%/1 - 2px);
				}
	
		#accessibility_on ,
		#accessibility_off {
			float: left;
			padding: 20px 0px;
			background-color: #cfcfcf !important;
			border-top: 1px solid #fff !important;
			text-align: left;
			width: 50%;
			cursor: pointer;
			display: flex;
		    align-items: center;
		    justify-content: center;
		}
		#accessibility_on {
		    border-right: 1px solid #fff !important;
		    cursor: no-drop;
		}
		html[class*="AB"] #accessibility_on {
		    cursor: pointer;
		}
			#accessibility_on img ,
			#accessibility_on span {
			    opacity: 0.5;
			}
			html[class*="AB"] #accessibility_on img ,
			html[class*="AB"] #accessibility_on span {
			    opacity: 1;
			}

		#accessibility_on:hover ,
		#accessibility_off:hover {
			background-color: #d6b06b !important;
		}
			#accessibility_on img ,
			#accessibility_off img {
				width: 20px;
				margin-right: 6px;
			}                  
			#accessibility_on span ,
			#accessibility_off span {
				background-color: transparent !important;
				color: #000 !important;
			}                  
			#accessibility_on:hover span ,
			#accessibility_off:hover span {
				color: #ffffff !important;
			}                  

#accessibility_popup+.box-shadow {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: -1;
	opacity: 0;
}
.AB-s6 #accessibility_popup+.box-shadow {
	background: rgba(255, 255, 255, 0.8);
}
#accessibility_popup.selected+.box-shadow {
	z-index: 1001;
	opacity: .6;
}

#accessibility_popup_i {
	width: 1000px;
	max-width: calc(100% - 50px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: fixed;
	background-color: #0d5084 !important;
	color: #ffffff;
	font-size: 20px;
	box-sizing: border-box;
	z-index: -1;
	opacity: 0;
	text-align: center;
	word-spacing: normal !important;
	letter-spacing: normal !important;
}
#accessibility_popup_i.open {
	z-index: 1004;
	opacity: 1;
}
@media only screen and (max-width: 1024px) and (orientation:portrait) {
	#accessibility_popup_i {
	    width: 400px;
	}
}
@media only screen and (max-width: 1024px) {
	#accessibility_popup_i {
	    font-size: 16px;
	    line-height: 1.7;
	}
	#accessibility_popup_i .btn-close {
	    padding: 4px 15px !important;
    }
}
	#accessibility_popup_i .b-head {
		float: left;
		padding: 15px;
		display: flex;
	    align-items: center;
	}
		#accessibility_popup_i .b-head img {
			float: left;
			margin-right: 8px;
			width: 19px;
		}

	#accessibility_popup_i .btn-close {
		background-color: #17bed1;
		padding: 7px 15px;
		display: inline-block;
		float: right;
		border-radius: 15px;
		margin: 10px;
		cursor: pointer;
		font-size: 17px;
	}
		
	#accessibility_popup_i .box-body {
		background-color: #fff;
		max-height: calc(100vh - 120px);
		color: #000;
		overflow: auto;
		width: 100%;
		counter-reset: item
	}
		#accessibility_popup_i .box-body .box-list {
			float: left;
			width: calc(100%/3);
			padding: 15px;
			box-sizing: border-box;
			background-color: transparent !important;
			border-left: 1px solid #e9dfde;
			border-top: 1px solid #e9dfde;
		}
	@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
		#accessibility_popup_i .box-body .box-list {
			width: calc(100%/4);
		}
	}
	@media only screen and (max-width: 767px) and (orientation:landscape) {
		#accessibility_popup_i .box-body .box-list {
			width: calc(100%/2);
		}
	}
		#accessibility_popup_i .box-body .box-list::before {
			content: counters(item, ".");
			counter-increment: item;
			width: 30px;
			height: 30px;
			display: block;
			background-color: #43b7c6;
			float: left;
			margin: -2px;
			margin-right: 8px;
			color: #FFF;
			border-radius: 50%;
			text-align: center;
			padding: 0px 0px;
			box-sizing: border-box;
		}
	@media only screen and (orientation:landscape){
		#accessibility_popup_i .box-list:nth-child(3n+1) {
			clear: both;
		}
	}
	@media only screen and (orientation:portrait){
		#accessibility_popup_i .box-body .box-list {
			float: left;
			width: calc(100%);
		}
		#accessibility_popup_i .box-list:nth-child(1n+1) {
			clear: both;
		}
	}
			#accessibility_popup_i .box-list .box-head {
				text-align: left;
				margin-bottom: 5px;
			}
			#accessibility_popup_i .box-list img {
				width: 90%;
			    max-width: 200px;
				margin: 10px auto;
			}

		#accessibility_popup_i .box-text {
			padding: 10px;
			text-align: left;
		}
			#accessibility_popup_i .box-text h3 {
				margin: 0px;
			}
			#accessibility_popup_i .box-text h3::after {
				content: "";
				border-bottom: 3px solid #43b7c6;
				width: 33px;
				display: block;
				margin-top: 5px;
			}
			#accessibility_popup_i .box-text p {
				font-size: 0.8em;
				margin: 6px 0px;
			}

#accessibility_popup_i+.box-shadow {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: -1;
	opacity: 0;
}
#accessibility_popup_i.open+.box-shadow {
	z-index: 1003;
	opacity: .6;
}

.uw-s10-reading-guide {
    display: none;
    box-sizing: border-box;
    background: #696969;
    width: 100%!important;
    min-width: 100%!important;
    position: absolute!important;
    height: 4px!important;
    border-top: solid 1px #efe70b;
    border-radius: 5px;
    top: 20px;
    z-index: 2147483647;
    margin-top: -15px;
}
.AB-s4 .uw-s10-reading-guide {
	display: block;
}