/*! CSS Used from: Embedded */
:root {
  --fontMajor_color1: #00008B;
  --topIcon10a: url(../Image/topIcon10a.png);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

ul {
    margin-top: 0;
    margin-bottom: 1em;
}

svg:not(:root) {
    overflow: hidden;
}

label {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

::selection {
    color: #fff;
    background: #1890ff;
}

.anticon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.anticon>* {
    line-height: 1;
}

.anticon svg {
    display: inline-block;
}

.anticon::before {
    display: none;
}

/*! CSS Used from: Embedded */
.eivrlb {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
    background-color: white;
    width: 100%;
    height: 100px;
    /* padding-left: 10px; */
}

.fEBmsp.green {
    color: darkgreen;
}

.fEBmsp.orange {
    color: rgb(205, 113, 0);
}

.fEBmsp.red {
    color: red;
}

.cIPaOf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    height: 80px;
    margin-left: 5px;
}

.cIPaOf>div {
    display: inline-flex;
    width: 80px;
    height: 76px;
    padding: 6px 0px;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    cursor: pointer;
}

.cIPaOf #topFun_no1_3 , .cIPaOf #topFun_no1_10{
    width: 87px;
}

.cIPaOf #topFun_no1_3.selected > i{
    /* background-image: url(../Image/topIcon3a.png); */
    /* background-size: contain; */
    background-image: url(../Image/topIcon3a.png);
    background-size: 70%;   /* 控制圖不貼邊 */
    background-repeat: no-repeat;
    background-position: center;
}

.cIPaOf #topFun_no1_3 > i{
    background-image: url(../Image/topIcon3.png);
    background-size: 70%;   /* 控制圖不貼邊 */
    background-repeat: no-repeat;
    background-position: center;

}


.cIPaOf #topFun_no1_10.selected > i{
    background-image: url(../Image/topIcon10.png);
    background-size: 70%;   /* 控制圖不貼邊 */
    background-repeat: no-repeat;
    background-position: center;
}

.cIPaOf #topFun_no1_10 > i{
    background-image: var(--topIcon10a);
    background-size: 70%;   /* 控制圖不貼邊 */
    background-repeat: no-repeat;
    background-position: center;

}

.cIPaOf>div>.anticon {
    font-size: 25px;
    color: var(--fontMajor_color1);
    border: 2px solid var(--fontMajor_color1);
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.cIPaOf>div>span {
    color: var(--fontMajor_color1);
}

.cIPaOf>div.logout>span {
    color: darkred;
}

.cIPaOf>div.logout>.anticon {
    color: darkred;
    border-color: darkred;
}

.cIPaOf>div.logout:hover {
    background-color: darkred;
}

.cIPaOf>div.logout:hover>.anticon {
    background-color: darkred;
}

.cIPaOf>div.speed-test>span {
    color: darkgreen;
}

.cIPaOf>div.speed-test>.anticon {
    color: darkgreen;
    border-color: darkgreen;
}

.cIPaOf>div.speed-test:hover {
    background-color: darkgreen;
}

.cIPaOf>div.speed-test:hover>.anticon {
    background-color: darkgreen;
}

.cIPaOf>div:hover,
.cIPaOf>div.selected {
    background-color: var(--fontMajor_color1);
}

.cIPaOf>div#topFun_no1_3:hover > i{
    background-image: url(../Image/topIcon3a.png);
    background-size: 70%;   /* 控制圖不貼邊 */
    background-repeat: no-repeat;
    background-position: center;
}

.cIPaOf>div#topFun_no1_10:hover > i{
    background-image: url(../Image/topIcon10.png);
    background-size: 70%;   /* 控制圖不貼邊 */
    background-repeat: no-repeat;
    background-position: center;
}

.cIPaOf>div:hover>span,
.cIPaOf>div.selected>span {
    color: white;
}

.cIPaOf>div:hover>.anticon,
.cIPaOf>div.selected>.anticon {
    background-color: var(--fontMajor_color1);
    border-color: white;
    color: white;
}

.kvmFUX {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: space-between;
    height: 30px;
    min-width: 230px;
    width: 100%;
    padding: 0 5px;
}

.kvmFUX>span {
    display: block;
    height: 25px;
    font-weight: bold;
    line-height: 25px;
}

.kvmFUX>div {
    height: 25px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.kvmFUX>div.mid {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.kvmFUX>div>label {
    font-size: 14px;
    color: rgb(183, 100, 0);
}

.hPZfoC {
    display: flex;
    flex-flow: column;
    -webkit-box-align: center;
    align-items: center;
    background-color: white;
    border: 2px solid var(--fontMajor_color1);
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 300px;
}

.hPZfoC>li {
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    height: 40px;
}

.hPZfoC.normal>li {
    cursor: pointer;
    color: var(--fontMajor_color1);
    background-color: transparent;
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hPZfoC.normal>li:nth-of-type(n+2) {
    border-top: 1px dashed white;
}

.hPZfoC.normal>li.selected,
.hPZfoC.normal>li:not(.disabled):hover {
    background-color: var(--fontMajor_color1);
    color: white;
}

.hPZfoC.normal>li.selected>div>div>div>label,
.hPZfoC.normal>li:not(.disabled):hover>div>div>div>label {
    color: orange;
}

.dlYwHU {
    display: flex;
    height: 100%;
    width: 250px;
    min-width: 240px;
    flex-wrap: wrap;
    align-content: center;
    align-items: stretch;
    -webkit-box-pack: center;
    justify-content: space-between;
    gap: 30px 10px; /* 行間距30px(上下), 列間距10px(左右) */
    margin-right: 5px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.dlYwHU>* {
    width: 45%;
    padding: 11px 9px 0px;
    height: 34px;
    position: relative;
    border: 1px solid rgb(143, 143, 143);
    border-radius: 4px;
    margin: 0; /* 移除margin，使用gap控制間距 */
}

.dlYwHU>*>label {
    width: auto;
    position: absolute;
    z-index: 2;
    padding: 0px 4px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    background-color: white;
    display: inline-block;
    left: 10px;
    top: -10px;
}

div,
span,
i,
ul,
li,
label {
    margin: 0px;
    padding: 0px;
    border: 0px;
    vertical-align: baseline;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    line-height: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;

    font-family: "Microsoft
 YaHei", Tahoma, Helvetica, Arial, sans-serif;}
 ul {
        list-style: none;
    }



.sc-iRbamj {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
}

.sc-iRbamj > div:nth-child(1) {
    width: 80px;
    text-align: left;
    justify-content: left;
}

.sc-iRbamj .mid {
    width: 110px;
    text-align: left;
}

.sc-iRbamj > div:nth-child(3) {
    width: 80px;
    text-align: right;
}

.sc-iRbamj > div:nth-child(1) { flex: 1.3; }
.mid { flex: 1; }
.sc-iRbamj > div:last-child { flex: 1; }