
body { 
    background: rgb(255, 255, 255);/*底色*/
    padding: 0px;
    /* set margin to 0 and overflow to hidden, to go fullscreen */
    margin:0px;
    overflow: hidden;
}
img, div{
    -webkit-user-select: none; 
    -moz-user-select: none;    
    -khtml-user-select: none;  
    -ms-user-select: none;    
    -o-user-select: none;
    user-select: none;  
}
/*应用背景全屏*/
.fillfull{ 
    position: absolute;
    width: 100%; 
    height: 100%; 
}
.visible{
    visibility: visible;
}
.invisible{
    visibility: hidden;
}

/*不可複製用*/
.unselect {
    -webkit-user-select: none; 
    -moz-user-select: none;    
    -khtml-user-select: none;  
    -ms-user-select: none;    
    -o-user-select: none;
    user-select: none;  
}
/* 不響應鼠標事件 */
.no-events{
    pointer-events: none;
    cursor: default;
}
/* 手型光標 */
.cursor {
    cursor:pointer;
}

/** 定义滚动条样式 https://css-tricks.com/custom-scrollbars-in-webkit/ **/
/* 滚动条整体部分 */
::-webkit-scrollbar {
    width: 28px;
    /* height: 20px; */
    background-color: #93E8FF;
    border-radius: 8px;
}
/* 滚动条的轨道，整体除去button部分 */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
    border-radius: 5px;
    background-color: rgba(240, 240, 240, .5);
}
::-webkit-scrollbar-track:hover {
    background-color: rgba(255, 255, 255, 0.15);
}
/* 内层轨道，track除去thumb部分 */
::-webkit-scrollbar-track-piece{
    display: block;
}
/*  滚动条里面的滑动块 */
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    /* box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); */
    background-color: #21A7DA;

    /* vertical-align: middle;
    width: 28px;    
    background: url(../images/scrollbar-thumb.png) transparent no-repeat 0 0;
    background-repeat: space; */
}
::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    /* background-color: rgba(255, 255, 255, 0.5); */
}
/*  滚动条两端微调按钮 */
::-webkit-scrollbar-button{
    background-color: #eee;
    cursor: pointer;
    width: 28px;
    height: 32px;
    border-radius: 5px;
}
/* vertical: start/end 或 horizontal: decrement/increment */
::-webkit-scrollbar-button:start{
    background: url(../images/scrollbar-start0001.png) transparent no-repeat 0 0;
    -webkit-appearance:initial;
    appearance:initial;
}
::-webkit-scrollbar-button:start:hover{
    cursor: pointer;
    background: url(../images/scrollbar-start0002.png) transparent no-repeat 0 0;
}
::-webkit-scrollbar-button:end{
    background: url(../images/scrollbar-end0001.png) transparent no-repeat 0 0;
    -webkit-appearance:initial;
    appearance:initial;
}
::-webkit-scrollbar-button:end:hover{
    cursor: pointer;
    background: url(../images/scrollbar-end0002.png) transparent no-repeat 0 0;
}
/* 边角，即两个滚动条的交汇处 */
::-webkit-scrollbar-corner{
    background-color: #eee;
    /* display: block; */
}
/* 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件 */
::-webkit-resizer{
    background-color: #eee;
    /* display: block; */
}


button{
    /* width: 100%; 
    height: 100%; */
    cursor: pointer;
}
button:hover{
    background-color: coral;	

}
.selected button{
    pointer-events: none;
    cursor: default;
    background-color: crimson;
}
