#pageslide{display:none;position:relative;position:fixed;top:0;height:100%;z-index:999999;width:260px;padding:0 30px;overflow:auto;background-color:#333;color:#000;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-box-shadow:inset 0 0 5px 5px #222;box-shadow:inset 0 0 5px 5px #222;-webkit-overflow-scrolling:touch;}



/*

a, a:visited{color:#C30;text-decoration:none;border-bottom:0px dotted #C30;}
a:hover{color:#900;border-bottom-style:solid;}

*/



p{margin-bottom:0px;}
#content h1{color:#333;line-height:0em;display:no-repeat;}
ul#nav{padding-left:0;list-style:relative;width:100%;height:100%;margin-bottom:0px;background:transparent;}
#content{width:100%;height:100%;padding:0px;margin:0px;}
.open{display:none;float:left;width:40px;height:30px;margin-right:0px;background:url(menu.png) center center no-repeat #333;-moz-border-radius:8px;-webkit-border-radius:8px;-border-radius:8px;box-shadow:inset 0 0 3px #000;text-indent:-999999px;border:0;}
@media only screen and (max-width:959px){#content{width:748px;}
}
@media only screen and (max-width:767px){#content{width:400px;position:relative;}
#content h1{font-size:22px;line-height:30px;background-color:#000;color:#00FFF;padding:10px;}
#content ul#nav{display:none;height:100%;position:relative;overflow:auto;}
.open{display:inline-block;}




#pageslide{width:200px;height:100%;cursor:pointer;}
#pageslide #nav td{text-align:center;padding:0.1em 11em;display:inline-block;position:relative;overflow:auto;}
#pageslide #nav td{padding:0px 4px 0px 0px;border-bottom:0px solid #666;max-width:210px;white-space:pre-line;white-space:nowrap;}
#pageslide #nav td a{font-size:15px;min-width:190px;vertical-align:middle;width:80px;height:26px;}
#pageslide #nav td a{color:#000000;border:none;}
#pageslide #nav td a:hover{text-decoration:underline;}
#pageslide #nav td{overflow:auto;max-height:100%;max-width:300px;display:inline-block;}
}



@media only screen and (max-width:479px){#content td{width:280px;overflow:auto;}
#content li{text-align:center;display:inline-block;padding:0.0em 0em}
#content h1{font-size:14px;}
#content td{font-size:19px;}
}
::-webkit-scrollbar{-webkit-appearance:none;}
::-webkit-scrollbar:horizontal{height:12px;}
::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, .5);border-radius:10px;border:2px solid #ffffff;}
::-webkit-scrollbar-track{border-radius:10px;background-color:#ffffff;}


/*
#pageslide{display:none;position:relative;position:fixed;top:0;height:100%;z-index:999999;width:260px;padding:0 30px;overflow:auto;background-color:#333;color:#FFF;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-box-shadow:inset 0 0 5px 5px #222;box-shadow:inset 0 0 5px 5px #222;-webkit-overflow-scrolling:touch;}
a, a:visited{color:#C30;text-decoration:none;border-bottom:0px dotted #C30;}
a:hover{color:#900;border-bottom-style:solid;}
p{margin-bottom:0px;}
#content h1{color:#333;line-height:0em;display:no-repeat;}
ul#nav{padding-left:0;list-style:relative;width:100%;height:100%;margin-bottom:0px;background:transparent;}
#content{width:100%;height:100%;padding:0px;margin:0px;}
.open{display:none;float:left;width:40px;height:30px;margin-right:0px;background:url(menu.png) center center no-repeat #333;-moz-border-radius:8px;-webkit-border-radius:8px;-border-radius:8px;box-shadow:inset 0 0 3px #000;text-indent:-999999px;border:0;}
@media only screen and (max-width:959px){#content{width:748px;}
}
@media only screen and (max-width:767px){#content{width:400px;position:relative;}
#content h1{font-size:22px;line-height:30px;background-color:#000;color:#00FFF;padding:10px;}
#content ul#nav{display:none;height:100%;position:relative;overflow:auto;}
.open{display:inline-block;}
#pageslide{width:200px;height:100%;cursor:pointer;}
#pageslide #nav td{text-align:center;padding:0.1em 11em;display:inline-block;position:relative;overflow:auto;}
#pageslide #nav td{padding:0px 4px 0px 0px;border-bottom:0px solid #666;max-width:210px;white-space:pre-line;white-space:nowrap;}
#pageslide #nav td a{font-size:15px;min-width:170px;vertical-align:middle;width:80px;height:26px;}
#pageslide #nav td a{color:#FFF;border:none;}
#pageslide #nav td a:hover{text-decoration:underline;}
#pageslide #nav td{overflow:auto;max-height:100%;max-width:300px;display:inline-block;}
}
@media only screen and (max-width:479px){#content td{width:280px;overflow:auto;}
#content li{text-align:center;display:inline-block;padding:0.0em 0em}
#content h1{font-size:14px;}
#content td{font-size:19px;}
}
::-webkit-scrollbar{-webkit-appearance:none;}
::-webkit-scrollbar:horizontal{height:12px;}
::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, .5);border-radius:10px;border:2px solid #ffffff;}
::-webkit-scrollbar-track{border-radius:10px;background-color:#ffffff;}