.imgloading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(232, 232, 232, .93);
    z-index: 100000;
/*    overflow-y: auto;*/
/*    color: #555;*/
  
}
.imgloading .loading-wrapper {
    position: absolute;
    text-align: center;

    top: 20%;
    left: 50%;
    -webkit-transform: translate(-50%, 20%);
    transform: translate(-50%, 20%);
	margin-left:0px;

}
.imgloading .loading-wrapper img {
    width: 100%;
    height: auto
}

.imgloading .closeloading {
    position: fixed;
    right: 30px;
    top: 30px;
    color: #fff;
    cursor: pointer;
    padding: 3px 20px;
    background: #323941;
    border-radius: 5px;
/*    font-size: 14px*/
}

.imgloading h2 {
    text-align: center;
    font-size: 18px;
    color: #333;
    margin: 16px 0;
    line-height: 31px;

}
.imgloading .milu{font-size:12px;color:#777;margin-top:14px}
#smallcan{font-size:14px;color:#444;margin-top:20px;line-height:160%}
#smallcan img{max-height:140px}
.goQV{color:#0571f8;font-weight:700;font-size:14px}
#ChkVer{font-size:12px;padding:4px 8px;background:transparent;border:0;cursor:pointer;color:#0571f8;display: none;}
#ChkVer option{padding:4px 6px}
/**/
.bounce {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #444;
    height: 100%;
    white-space: nowrap;
}

.letter {
    animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;
    display: inline-block;
    transform: translate3d(0, 0, 0);
    margin-right:3px;
  font-size: 18px;
    font-weight: 700;
    color: #00795e
}

.letter:nth-child(1) {
    animation-delay: 0s;
    color: #00795e
}

.letter:nth-child(2) {
    animation-delay: 0.0833333333s;
    color: #00795e
}

.letter:nth-child(3) {
    animation-delay: 0.1666666667s;
    color: #00795e
}

.letter:nth-child(4) {
    animation-delay: 0.25s;
    color: #00795e
}

.letter:nth-child(5) {
    animation-delay: 0.3333333333s;
    color: #00795e
}

.letter:nth-child(6) {
    animation-delay: 0.4166666667s;
    color: #00795e
}

/*#wordartSet{position:relative;height:100%}*/
/*#wordartSet button.BBtn{position:absolute;bottom:20px}*/

@keyframes bounce {
    0% {
        transform: translate3d(0, 0, 0);

    }
    100% {
        transform: translate3d(0, -1em, 0);

    }
}
*{font-size:12px}
#ShowFont{display:flex;align-items: center;flex-wrap:wrap;justify-content:center; position:relative;}
#ShowFont span{display:block;padding:6px;font-size:64px;margin:4px;border-radius:3px;border:1px solid #82b1a7;height:120px;width:120px;line-height:120px;text-align:center;opacity:1;color:#5b9084}
#ShowFont div.welcome h2{font-size:28px;cursor:pointer}
#ShowFont div.welcome{position: absolute;
    text-align: center;color:#00795e;
margin-top:400px}
.BBtn{background:#00795e;color:#fff;padding:8px 24px;border-radius:3px;line-height:100%;border:0;cursor:pointer}
.LBtn{background:#00795e;color:#fff;padding:8px 24px;border-radius:3px;line-height:100%;border:0;cursor:pointer}
.sBtn{background:#f4f4f4;padding:8px 16px;border-radius:3px;line-height:100%;border:0;cursor:pointer}
.hidden{display:none}

.wrap{
display: -webkit-flex;
  -webkit-flex-flow: row;
  -webkit-align-items: stretch;
  -webkit-justify-content:space-between;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  -ms-align-items: stretch;
  -ms-justify-content:space-between;
  display: flex;
  flex-flow: row;
  align-items: stretch;
  justify-content:space-between;
}
#Lang{display:none}
body{background:#fff}
/*#toolbarTab{*/
/*position:fixed;top:0px;bottom:0px;left:0px;background:none;text-align:center;width:41px;border-radius:0;z-index:999;overflow: auto;background:#555;color:#fff;flex:0 0 auto*/
/*}*/
#toolbarTab{position:fixed;width:36px;background:#fbfbfb;text-align:center;flex:0 0 auto;box-shadow: 1px 0 15px 0 rgba(0,0,0,.15);padding:0px;z-index:1000;
    flex-direction: column;
    justify-content: space-between;
   top:0;left:0;bottom:0;}
#toolbarTab div{margin:10px 0;padding:10px 8px;cursor:pointer;margin-left:4px}
#toolbarTab div.SelTab{background:#00795e;;color:#fff;border-radius:4px 0 0 4px}
#toolbarTab div a{color:#00795e}
.menu{position:fixed;height:100vh;width:140px;background:#fcfcfc;flex:0 0 auto;box-shadow: 1px 0 15px 0 rgba(0,0,0,.15);padding:15px;z-index:999;opacity:1;overflow:auto;left:35px;overflow-x:hidden}
.menu div{margin:4px;line-height:150%;display:flex;justify-content:left;}
.menu div.l{justify-content:left;color:#00795e}
.menu div.logo img{max-width:100px}
.view{flex:1 1 auto;margin-left:180px}
.menu div.copy{margin-top:30px;color:#333;border-top:1px solid #ccc;padding-top:10px}
#text{height:100px}
#cutFont{display:none}