/****Default***/
body.accessibility{
	margin-top: 80px!important;
	font-size: 20px!important;
	padding: 5px 0 0 0!important
		
}

#accessibility-panel{
	display: none
}
body.accessibility #accessibility-panel {
	display: block;
	font-family: 'Arial';
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	color: #fff;
	z-index: 9999;
	border-bottom: 1px solid
}
body.accessibility input, body.accessibility a{height: auto!important}

body.accessibility #accessibility-panel .accessibility-container{
	display: block;
	width: 1024px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	z-index: 999
}
body.accessibility #accessibility-panel .accessibility-container .accessibility-top{
	display: block;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-bottom: 10px!important
}
body.accessibility #accessibility-panel .accessibility-container .accessibility-top > a{
	display: block!important;
	float: left;
	overflow: hidden;
    border-right: thin dotted;
    text-align: center;
	transition: 0s!important
}
body.accessibility #accessibility-panel .accessibility-container .accessibility-top > a:hover, body.accessibility #accessibility-panel .accessibility-container .accessibility-top > a:focus{
outline: #000 solid thick;
    outline-offset: -4px;
}
body.accessibility.blackcolor #accessibility-panel .accessibility-container .accessibility-top > a:hover, body.accessibility.blackcolor #accessibility-panel .accessibility-container .accessibility-top > a:focus{
outline: #fff solid thick;
    outline-offset: -4px;
}
body.accessibility.greencolor #accessibility-panel .accessibility-container .accessibility-top > a:hover, body.accessibility.greencolor #accessibility-panel .accessibility-container .accessibility-top > a:focus{
outline: #A9E44D solid thick;
    outline-offset: -4px;
}


/****Button***/
#accessibility-wbg,
#accessibility-bbg,
#accessibility-btnoff,
#accessibility-blbg,
#accessibility-sf,
#accessibility-mf,
#accessibility-bf,
#line-s,
#line-m,
#line-b
{
	background: url(../images/cp_icons.png)!important;
	width: 60px!important;
	height: 60px!important;
}
#accessibility-setting, #accessibility-green{ width: 60px!important; height: 60px!important}
/****DefaultColor***/
body.accessibility.default{background: #fff!important;}
body.accessibility.default *{
	background: #fff!important;
	color: #000!important;
	border-color: #000!important;	
}
body.accessibility.default #accessibility-btnoff {background-position: -600px 0 !important;}
body.accessibility.default #accessibility-wbg {background-position: -240px 0!important}
body.accessibility.default #accessibility-bbg {background-position: -300px 0!important}
body.accessibility.default #accessibility-blbg{background-position:  -360px 0!important}
body.accessibility.default #accessibility-setting{background: url(../images/st_btn.png)!important}

body.accessibility.default #accessibility-sf{background-position: 0 0!important }
body.accessibility.default #accessibility-mf{background-position: -60px 0!important }
body.accessibility.default #accessibility-bf{background-position: -120px 0!important }

body.accessibility.default #line-s{background-position: -660px 0!important }
body.accessibility.default #line-m{background-position: -720px 0!important }
body.accessibility.default #line-b{background-position: -780px 0!important }
/****Black***/
body.accessibility.blackcolor{background: #000!important;}
body.accessibility.blackcolor *{
	background: #000!important;
	color: #fff!important;
	border-color: #fff!important;
}
body.accessibility.blackcolor #accessibility-btnoff{background-position: -600px -60px!important;}
body.accessibility.blackcolor #accessibility-wbg{background-position: -240px -60px!important}
body.accessibility.blackcolor #accessibility-bbg {background-position: -300px -60px!important}
body.accessibility.blackcolor #accessibility-blbg{background-position:  -360px -60px!important}
body.accessibility.blackcolor #accessibility-setting{background: url(../images/st_btn2.png)!important;}

body.accessibility.blackcolor #accessibility-sf{background-position: 0 -60px!important }
body.accessibility.blackcolor #accessibility-mf{background-position: -60px -60px!important }
body.accessibility.blackcolor #accessibility-bf{background-position: -120px -60px!important }

body.accessibility.blackcolor #line-s{background-position: -660px -60px!important }
body.accessibility.blackcolor #line-m{background-position: -720px -60px!important }
body.accessibility.blackcolor #line-b{background-position: -780px -60px!important }
/***Blue***/
body.accessibility.bluecolor{background: #9dd1ff!important}
body.accessibility.bluecolor *{
	background: #9dd1ff!important;
	color: #063462!important;
	border-color: #063462!important;
}
body.accessibility.bluecolor #accessibility-btnoff{background-position: -600px -120px!important;}
body.accessibility.bluecolor #accessibility-wbg{background-position: -240px 0!important}
body.accessibility.bluecolor #accessibility-bbg {background-position: -300px -120px!important}
body.accessibility.bluecolor #accessibility-blbg{background-position:  -360px -120px!important}
body.accessibility.bluecolor #accessibility-setting{background: url(../images/st_btn.png)!important;}

body.accessibility.bluecolor #accessibility-sf{background-position: 0 -120px!important }
body.accessibility.bluecolor #accessibility-mf{background-position: -60px -120px!important }
body.accessibility.bluecolor #accessibility-bf{background-position: -120px -120px!important }

body.accessibility.bluecolor #line-s{background-position: -660px -120px!important }
body.accessibility.bluecolor #line-m{background-position: -720px -120px!important }
body.accessibility.bluecolor #line-b{background-position: -780px -120px!important }
/***Green***/
body.accessibility.greencolor{background: #3B2716!important}
body.accessibility.greencolor *{
	background: #3B2716!important;
	color: #A9E44D!important;
	border-color: #A9E44D!important;
}
body.accessibility.greencolor #accessibility-wbg{background-position: -240px -60px!important}
body.accessibility.greencolor #accessibility-bbg {background-position: -300px -60px!important}
body.accessibility.greencolor #accessibility-blbg{background-position:  -360px -120px!important}
body.accessibility.greencolor #accessibility-btnoff{background: url(../images/gr-color3.png)!important}
body.accessibility.greencolor #accessibility-setting{background: url(../images/st_btn3.png)!important;}
#accessibility-green{background: url(../images/gr-color2.png)!important}


body.accessibility.greencolor #accessibility-sf{background-position: 0 -60px!important }
body.accessibility.greencolor #accessibility-mf{background-position: -60px -60px!important }
body.accessibility.greencolor #accessibility-bf{background-position: -120px -60px!important }

body.accessibility.greencolor #line-s{background-position: -660px -60px!important }
body.accessibility.greencolor #line-m{background-position: -720px -60px!important }
body.accessibility.greencolor #line-b{background-position: -780px -60px!important }
/****Small***/
body.accessibility.smallfonts,
body.accessibility.smallfonts a,
body.accessibility.smallfonts p,
body.accessibility.smallfonts span,
body.accessibility.smallfonts div,
body.accessibility.smallfonts dd,
body.accessibility.smallfonts input,
body.accessibility.smallfonts legend
{font-size: 18px!important}
body.accessibility.smallfonts small
{font-size: 16px!important}
body.accessibility.smallfonts h1{font-size: 2em!important}
body.accessibility.smallfonts h2{font-size: 1.8em!important}
body.accessibility.smallfonts h3{font-size: 1.5em!important}
body.accessibility.smallfonts h4{font-size: 1.3em!important}
body.accessibility.smallfonts h5{font-size: 1.1em!important}
/****Medium***/
body.accessibility.mediumfonts,
body.accessibility.mediumfonts a,
body.accessibility.mediumfonts p,
body.accessibility.mediumfonts span,
body.accessibility.mediumfonts div,
body.accessibility.mediumfonts dd,
body.accessibility.mediumfonts input,
body.accessibility.mediumfonts legend
{font-size: 27px!important}
body.accessibility.mediumfonts small
{font-size: 25px!important}
body.accessibility.mediumfonts h1{font-size: 2em!important}
body.accessibility.mediumfonts h2{font-size: 1.8em!important}
body.accessibility.mediumfonts h3{font-size: 1.5em!important}
body.accessibility.mediumfonts h4{font-size: 1.3em!important}
body.accessibility.mediumfonts h5{font-size: 1.1em!important}
/****Big***/
body.accessibility.bigfonts,
body.accessibility.bigfonts a,
body.accessibility.bigfonts p,
body.accessibility.bigfonts span,
body.accessibility.bigfonts div,
body.accessibility.bigfonts dd,
body.accessibility.bigfonts input,
body.accessibility.bigfonts legend
{font-size: 36px!important}
body.accessibility.bigfonts small
{font-size: 34px!important}
body.accessibility.bigfonts h1{font-size: 2em!important}
body.accessibility.bigfonts h2{font-size: 1.8em!important}
body.accessibility.bigfonts h3{font-size: 1.5em!important}
body.accessibility.bigfonts h4{font-size: 1.3em!important}
body.accessibility.bigfonts h5{font-size: 1.1em!important}

/***Panel***/
#settingPanel{
	padding: 20px;
	margin-top: 4px;
	border: 1px solid;
	overflow: hidden;
	display: none; 
	clear: both
}
body.accessibility #settingPanel #krn-s, 
body.accessibility #settingPanel #krn-m,
body.accessibility #settingPanel #krn-b{
	display: block;
	padding: 4px 18px;
	margin-right: 10px;
	border: 1px solid;
	float: left;
	text-decoration: none;
	letter-spacing: normal!important
}
.sKpanel{float: left;  padding: 4px 18px;}
.sKpanellink{overflow: hidden}

#settingPanel .divider{
	display: block;
	margin: 20px 5px;
	
	clear: both;
	border-bottom: 1px solid}

#accessibility-ion, #accessibility-grcolor, #accessibility-volumeon{display: none}
#accessibility-ion,
#accessibility-ioff,
#accessibility-grs,
#accessibility-grcolor,
#accessibility-volumeon,
#accessibility-volumeoff{
	padding: 4px 18px;
	margin-right: 10px;
	border: 1px solid;
	float: left;
	text-decoration: none;
	letter-spacing: normal!important
}
/****Image***/
img.imageson{display: block}
img.imagesoff{display: none!important}
/***Interval***/
body.accessibility p,
body.accessibility a,
body.accessibility h1,
body.accessibility h2,
body.accessibility h3,
body.accessibility span,
body.accessibility div{
	line-height: 1.5!important
}

body.accessibility.s-line p,
body.accessibility.s-line a,
body.accessibility.s-line h1,
body.accessibility.s-line h2,
body.accessibility.s-line h3,
body.accessibility.s-line span,
body.accessibility.s-line div
 {
	line-height: 1.5!important
}

body.accessibility.m-line p,
body.accessibility.m-line a,
body.accessibility.m-line h1,
body.accessibility.m-line h2,
body.accessibility.m-line h3,
body.accessibility.m-line span,
body.accessibility.m-line div
{
	line-height: 2!important
}

body.accessibility.b-line p,
body.accessibility.b-line a,
body.accessibility.b-line h1,
body.accessibility.b-line h2,
body.accessibility.b-line h3,
body.accessibility.b-line span,
body.accessibility.b-line div
 {
	line-height: 2.5!important
}
/***Kerning***/
body.accessibility.skerning p,
body.accessibility.skerning h2,
body.accessibility.skerning h3,
body.accessibility.skerning a,
body.accessibility.skerning span,
body.accessibility.skerning div
 {
	letter-spacing: normal!important

}

body.accessibility.mkerning p,
body.accessibility.mkerning h2,
body.accessibility.mkerning h3,
body.accessibility.mkerning a,
body.accessibility.mkerning span,
body.accessibility.mkerning div
 {
	letter-spacing: 0.2em!important

}

body.accessibility.bkerning p,
body.accessibility.bkerning h2,
body.accessibility.bkerning h3,
body.accessibility.bkerning a,
body.accessibility.bkerning span,
body.accessibility.bkerning div
 {
	letter-spacing: 0.4em;

}

/***Media***/
@media (max-width: 991.98px) {  body.accessibility #accessibility-panel .accessibility-container{
	width: 900px
	} }

@media (max-width: 767.98px) { body.accessibility #accessibility-panel .accessibility-container{
	width: 700px
	} }

@media (max-width: 575.98px) { 
	body.accessibility #accessibility-panel .accessibility-container{
	width: 400px
	} }