@charset "utf-8";

html,body{height:100%; width:100%}
a{text-decoration:none !important;}
.card-body > .default-tab nav{margin:0 auto;display:table}
.card-body > .default-tab .form-group .form-control{vertical-align:middle;display:inline;width:auto}
.container.dw{/*position:absolute;top:50%;left: 50%;transform: translate(-50%, -50%);*/ padding-top: 50px;}
.off{ margin-left: -28px;font-size: 24px;display: none;position: absolute;}

.logo{text-align:center;}
.shimmer{
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 2.4em;
	line-height:38px;
    margin: 0 auto;
    padding: 0 0 0 0;
    margin-bottom: 0;
    text-align: center;
    color: rgba(255, 255, 255, 0.1);
    /* Old browsers */
    
    background: #ed8080;
    /* FF3.6+ */
    
    background: -moz-linear-gradient(left, #ed8080 0%, #2a77d6 16%, #5eb524 32%, #eacd25 48%, #ed8080 64%, #2a77d6 80%, #5eb524 100%);
    /* Chrome,Safari4+ */
    
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed8080), color-stop(16%, #2a77d6), color-stop(32%, #5eb524), color-stop(48%, #eacd25), color-stop(64%, #ed8080), color-stop(80%, #2a77d6), color-stop(100%, #5eb524));
    /* Chrome10+,Safari5.1+ */
    
    background: -webkit-linear-gradient(left, #ed8080 0%, #2a77d6 16%, #5eb524 32%, #eacd25 48%, #ed8080 64%, #2a77d6 80%, #5eb524 100%);
    /* Opera 11.10+ */
    
    background: -o-linear-gradient(left, #ed8080 0%, #2a77d6 16%, #5eb524 32%, #eacd25 48%, #ed8080 64%, #2a77d6 80%, #5eb524 100%);
    /* IE10+ */
    
    background: -ms-linear-gradient(left, #ed8080 0%, #2a77d6 16%, #5eb524 32%, #eacd25 48%, #ed8080 64%, #2a77d6 80%, #5eb524 100%);
    /* W3C */
    
    background: linear-gradient(to right, #ed8080 0%, #2a77d6 16%, #5eb524 32%, #eacd25 48%, #ed8080 64%, #2a77d6 80%, #5eb524 100%);
    /* IE6-9 */
    
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ed8080', endColorstr='#5eb524', GradientType=1);
    -webkit-background-size: 300% 300%;
    -moz-background-size: 300% 300%;
    background-size: 300% 300%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    animation: shimmer infinite 3s linear;
    -o-animation: shimmer infinite 3s linear;
    -moz-animation: shimmer infinite 3s linear;
    -webkit-animation: shimmer infinite 3s linear;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #222;
}
@-moz-keyframes shimmer {
    0% {
        background-position: top left;
    }
    100% {
        background-position: top right;
    }
}
@-webkit-keyframes shimmer {
    0% {
        background-position: top left;
    }
    100% {
        background-position: top right;
    }
}
@-o-keyframes shimmer {
    0% {
        background-position: top left;
    }
    100% {
        background-position: top right;
    }
}
@keyframes shimmer {
    0% {
        background-position: top left;
    }
    100% {
        background-position: top right;
    }
}


#contextify-menu li> a:focus, #contextify-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
#contextify-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
#contextify-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.layui-layer.layui-layer-page{max-width:900px; background-color: transparent !important;box-shadow: 0 0 0 rgba(0,0,0,0) !important;}
.OpenLink{margin-left:5px;}

/*
input + button{border-radius: 0 .25rem .25rem 0 !important;}
style="border-radius: 0 .25rem .25rem 0;"
*/
.load{display:none;}
.CopyUrl{margin-left: 5px;}

@keyframes rotate{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}
.load{overflow: hidden;}
.load img{
animation: rotate 1s linear infinite;
}

.nav-link {
    padding: .5rem .5rem;
}

#ZhongWen,#PinYin{width:100%; height:200px;resize: none; background:none; border:1px solid #DEE2E6;}