@font-face {
    font-family: 'HarmonyOS Sans SC';
    src: url(../Fonts/HarmonyOS_Sans_SC_Regular.ttf) format('truetype');
}

.satu, .dua{
    width: 100%;
    text-align: center;
    position: relative;
    float: left;
}

/* .satu{
    position: relative;
} */

#jw_aero{
    /* background: rgba(171,205,249,0.5); */
    background: linear-gradient(0deg, rgba(139,173,217,0.5) 0%, rgba(75,109,153,0.5) 49%, rgba(107,141,185,0.5) 51%, rgba(171,205,249,0.5) 100%) padding-box;
    /* background-clip: padding-box; */
    /* background: rgba(255,255,255,0.25); */
    /* border: 2px solid black; */
    min-width: 20em;
    width:25%;
    /* margin-left: 25%; */
    margin-top: 5%; 
    /* border: 0.2em solid rgba(240,240,240,0.25); */
    border: 0.2em solid rgba(171,205,249,0.25);
    border-radius: 0.5em;
    /*父元素position: relative时，保持水平垂直居中*/
    position: relative;
    left: 50%;
    transform: translateX(-50%); /* 向左回退自身宽度的50%
    /* Simulate an outset effect using shadows */
    /* box-shadow: 
        0 0.15em 0.15em rgba(0,0,0,0.3),
        0 -0.15em 0.15em rgba(255,255,255,0.9); */
}

#jw_aero>div{
    margin: 0 0.3em 0;
}

#title{
    /* background: #0000cc; */
    color: black;
    font-size: 0.8em;
    padding: 0.2em 0.2em 0.3em;
    height: 1.5em;
    line-height: 1.6em;
}

#top-toolbar{
    background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(225,225,225,1) 49%, rgba(235,235,235,1) 51%,  rgba(255,255,255,1) 100%);
    height: 1.4em;
    line-height: 1.4em;
    text-align: left;
    overflow: visible;
    /* white-space: nowrap; 防止换行 */
    /* width: 100%; 确保宽度为100%; */
    /* font-size: 0; */
    /* margin-top: 0.3em; */
    /* border-radius: 0.25em; */
    /* border-radius: 0.25em; */
}

#imgs{
    text-align: center;
    padding: 1.5%;
    background-color: rgba(255,255,255,0.75);
    /* margin-bottom: 0.3em; */
    /* border-radius: 0.25em; */
}


.btn{
    margin: 0.1em;
}

.btn div{
    margin: 0 0.05em 0;
    float:right;
    /* padding: 0.1em; */
    width: 1em;
    height: 1em;
    border-radius: 1em;
    background: #cdcdcd;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:larger;
    line-height: 1em;
    color: white;
    border: 0.2em solid white;
    /* box-shadow: 0.1em 0.1em 0.1em 0px rgb(0, 0, 0); */
}

#box{
    /* background: white; */
    color:black;
    padding: 0 0.2em 0;
}

#chooseImage {
    display: none;
}

/* .file-input-trigger {
    padding: 2px d5px;
    border-radius: 1em;
    border: 0.2em solid white;
    background: linear-gradient(0deg, rgba(167,217,245,1) 0%, rgba(188,229,252,1) 49%, rgba(217,240,252,1) 49%, rgba(234,246,253,1) 100%);
    font-size: 0.8em;
    outline: none;
    color: #000;
    cursor: pointer;
} */


button {
    padding: 2px d5px;
    border-radius: 0.5em;
    /* border-radius: 5px; */
    border: 0.2em solid white;
    /* background: linear-gradient(0deg, rgba(217,240,252,1) 0%, rgba(167,217,245,1) 49%, rgba(188,229,252,1) 51%,  rgba(234,246,253,1) 100%); */
    background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(225,225,225,1) 49%, rgba(235,235,235,1) 51%,  rgba(255,255,255,1) 100%);
    /* background-color: #cdcdcd; */
    font-family: Segoe UI, 'HarmonyOS Sans SC';
    font-size: 0.8em;
    outline: none;
    color: #000;
    cursor: pointer;
}

#top-toolbar span{
    padding: 0;
    margin: 0;
    font-size: 0.8em;
    display: inline;
    /* border: 1px solid red; 显示边界  */
    /* background-color: yellow; /* 显示区域 */
    /* margin-left: 0 !important;*/
    margin-right: 0 !important;
    padding: 0 !important;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

#topButtonTable, #buttonTable {
    position: relative;
    left: 50%;
    transform: translateX(-50%); /* 向左回退自身宽度的50%*/
}

/* .file-input-trigger {
    padding: 2px 5px;
    border-radius: 1em;
    border: 0.2em solid white;
    background: linear-gradient(0deg, rgba(167,217,245,1) 0%, rgba(188,229,252,1) 49%, rgba(217,240,252,1) 49%, rgba(234,246,253,1)100%);
} */