.ce-sticker{ background: #bccf17; width: 40px; position: fixed; z-index:109040;top: 45%; right: 0; color: #ffffff; padding: 25px 10px; overflow: hidden; transition: all 0.8s ease; opacity: 0.85; border-radius: 8px 0 0 8px; }
.ce-sticker:hover{ width: 320px; padding: 10px 20px 20px 20px; opacity:1; }
.ce-sticker:hover .desc{ display: block; }
.ce-sticker:hover .title{ writing-mode: unset; }
.ce-sticker .title { font-weight: bold; font-size: 1.2em; writing-mode: vertical-rl; }
.ce-sticker .desc{ display: none; margin-top: 15px; }
.ce-sticker .sub-desc{  }
.ce-sticker a { color: #ffffff; }
.ce-sticker .more_inf{ background: #ffffff; color: #000000; padding: 5px 10px; text-align: center; margin-top: 10px; display: inline-block; transition: all 0.8s ease; width: 100%; }
.ce-sticker .more_inf:hover { background: #000000; color: #ffffff; text-decoration: none; }

@media only screen and (max-width: 1000px) {
 .ce-sticker { width: 30px; padding: 15px 5px;  }
}

.ce-nav-fixed { bottom: 100px; }