body{
    font-family: 微軟正黑體;
    font-size: 12px;
}

.mainarea{
    width:100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.courtsarea{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width:100vw;
    font-size: 12px;
}

.scoreitem{
    background-color: #D9D9D9;
    width:340px;
    border-radius: 5px;
    padding:10px 10px;
    margin:8px;
}

.title{
    display: flex;
    /* justify-content: center; */
    align-items: center;
    margin-bottom: 5px;
}

.court{
    color:white;
    font-size: 14px;
    font-weight: 900;
    background-color: #002F6B;
    width:fit-content;
    padding:5px 10px;
    border-radius: 5px 5px 5px 5px;
    margin-left:-10px;
    flex-shrink: 0;
}

.groupname{
    color:black;
    font-size: 14px;
    font-weight: 900;
    flex-grow: 1;
    padding:0px 5px;
}

.time{
    color:#002F6B;
    font-size: 15px;
    font-weight: 900;
    margin-right:5px;
}

.matchms{
    color:black;
    font-size: 14px;
    font-weight: 900;
    margin-left:5px;
    flex-grow: 1;
}

.player .info{
    display: flex;
}

.player .name{
    /* width:; */
    flex-grow: 1;
    height:40px;
    background-color: #F3F2F2;
    margin:3px;
    border-radius: 3px;
    color:black;
    font-size: 13px;
    font-weight: 900;
    display: flex;
    align-items: center;
    padding:0px 5px;
}

.player .score{
    width:45px;
    height:40px;
    background-color: #F3F2F2;
    margin:3px;
    border-radius: 3px;
    color:#002F6B;
    font-size: 18px;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.next{
    background-color: #002F6B;
    margin:10px -10px -15px -10px;
    border-radius: 5px 5px 5px 5px;
    padding:10px 2px 5px 2px;
}

.nexttitle{
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

.next .nexttitle .text{
    color:#FFD505;
    font-size: 12px;
    font-weight: 900;
    margin-left: 7px;
}

.next .nexttitle .nextgroup{
    margin-left: 5px;
    color:white;
    font-size: 12px;
    font-weight: 900;
}

.nextinfo{
    display: flex;
    /* padding-bottom: 5px; */
    height: 35px;
}

.nextinfo .playerinfo{
    /* flex-grow: 1; */
    width:calc(50% - 12.5px);
    flex-shrink: 0;
    min-height: 40px;
    /* padding:0px 3px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.nextinfo .player{
    /* height:20px; */
    /* font-size: 13px; */
    max-height: 100%;
    /* padding:3px; */
    font-size: 12px;
    font-weight: 900;
    color:white;
    text-align: center;
}

.next .vs{
    color:#FFD505;
    font-size: 12px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
}

.serve{
    background-color: #FFD505 !important;
}

.nowscore{
    background-color: #FFD505;
}

.matchtype{
    color:#FFD505;
    font-size: 14px;
    font-weight: 900;
    margin-right: 15px;
}