.cn-display-none{ display:none; }
.cn-display-block{ display:block; }

.cn-overflow-hidden{ overflow:hidden; }
.cn-overflow-auto{ overflow:auto; }
.cn-overflow-scroll{ overflow:scroll; }
.cn-overflow-visible{ overflow:visible; }

.cn-fanchor{ cursor:pointer; text-decoration:underline; color:blue; }
.cn-align-center{ text-align: center; }
.cn-align-right{ text-align: right; }
.cn-align-left{ text-align: left; }
.cn-margin-top{ margin-top:4px; }
.cn-margin-top2{ margin-top:8px; }
.cn-bold{ font-weight:bold; }

.cn-pre{ white-space:pre-wrap; }
.cn-nowrap{ white-space:nowrap; }

.cn-opacity0p{opacity: 0;}
.cn-opacity20p{opacity: .2;}
.cn-opacity40p{opacity: .4;}
.cn-opacity50p{opacity: .5;}
.cn-opacity60p{opacity: .6;}
.cn-opacity80p{opacity: .8;}
.cn-opacity100p{opacity: 1;}

.cn-width-100p{ width: 100%; }
.cn-height-100p{ height: 100%; }

.cn-bsizing-border-box{ box-sizing: border-box; }

.cn-position-relative{ position:relative; }
.cn-position-absolute{ position:absolute; }
.cn-position-tl{ top:0; left:0; }
.cn-position-tr{ top:0; right:0; }

.cn-cursor-hide, .cn-cursor-hide *{ cursor: none; }
.cn-cursor-pointer, .cn-cursor-pointer *{ cursor: pointer; }
.cn-cursor-default, .cn-cursor-default *{ cursor: default; }

.cn-pointer-events-none { pointer-events: none; }