/*===================================*/
/* 2021-07                           */
/*===================================*/

/*===================================*/
/* chrome scrollbar                  */
/*===================================*/

::-webkit-scrollbar{-webkit-appearance:none;width:12px;height:12px;position:absolute}
::-webkit-scrollbar-thumb{border-radius:12px;border:4px solid rgba(255,255,255,0);background-clip:content-box;background-color:#bfbfbf;transition:.2s ease;-webkit-transition:.2s ease}
::-webkit-scrollbar-thumb:hover{border-radius:12px;border:4px solid rgba(255,255,255,0);background-clip:content-box;background-color:#A0A0A0}
::-webkit-scrollbar-corner{background:transparent}

/*===================================*/
/* no select no color                */
/*===================================*/

body.noselect{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
body.noselect::-moz-selection{background:rgba(0,0,0,0)}
body.noselect::selection{background:rgba(0,0,0,0)}

/*===================================*/
/* ping                             */
/*===================================*/

@keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
.ping-container{padding:1rem;border:solid 5px #eee;border-radius:6px}
.ping-container::after{display:block;clear:both;content:""}
.ping-icon{width:30px;height:30px;background-image:url(/assets/image/refresh.png);background-size:cover;animation-name:rotate;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear;transition:1s ease-in-out;float:left;padding:.5rem 0 .5rem 1rem;
cursor:pointer;}
.ping-icon-ok{background-image:url(/assets/image/check.png);animation:none}
.ping-icon-error{background-image:url(/assets/image/x.png);animation:none}
.ping-icon-minus{background-image:url(/assets/image/minus.png);animation:none}
.ping-link{float:left;padding:.2rem 0 .2rem 1rem;text-decoration:none;color:#333}
.ping-link:hover{color:#333}