/*special page -- aria_button*/
.aria_button{position: absolute;top:30px;right:50px;font-size: 0px;z-index:10; border-radius: 13px; border:3px solid rgba(255,255,255,0.6); /* box-shadow: 0 3px 0px rgba(255, 255, 255, 0.8); */overflow: hidden;}
#index .aria_button{top:100px}
.aria_button li{ display: inline-block;}
.aria_button li span{ display: block;padding:6px 10px; font-size: 18px; color: #fff;}
.aria_button li.wzali{ background: #133e8a;}
.aria_button li.wzali:hover{ background: #184ca9;}
.aria_button .older_mode{ background: #e8a945;}
.aria_button .older_mode:hover{ background: #f8b259;}
.aria_button li span a:link,.aria_button li span a:visited{color:#fff}
.aria_button .icon{display:none}

@media (max-width:640px) {
  .aria_button{position: fixed;top:auto;right: 0;bottom:35vh;border-radius:13px 0 0 13px;border:3px solid rgba(255,255,255,1);border-right:0;z-index:999}
  #index .aria_button{top:auto}
  .aria_button ul{display: flex;justify-content: center;flex-direction: column;}
  .aria_button li span{width:1em;box-sizing: content-box;white-space: break-spaces;line-height: 1.1;}
  .aria_button .icon{display:block;position:absolute;left:50%;top:-40px;transform: translateX(-50%);transition: all ease-in 0.3s;}
  .aria_button .icon i{display:block;width:30px;height:30px;border-radius:100%;background:#fff}
  .aria_button .icon i.on{transform:rotate(90deg);}
}