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

.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: 14px;
}

.scoreitem{
    background-color: #FFFFFF;
    width:340px;
    border-radius: 10px;
    padding:15px;
    margin:5px;
    box-shadow: #ccc 0px 0px 10px;
}

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

.title .line{
    height:1px;
    flex-grow: 1;
    background-color: #c4d4df;
    width: 210px;
    padding:0px 5px;
}

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

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

.time{
    color:#585657;
    font-size: 16px;
    font-weight: 900;
    /* margin-right:5px; */
}

.matchms{
    color:#185E99;
    font-size: 14px;
    font-weight: 900;
    margin:0px 5px;
    flex-grow: 1;
    justify-content: center;
    text-align: center;
}

.matchtype{
    color:#185E99;
    border-radius: 5px;
    border: 1px solid #185E99;
    padding:2px 5px;
    font-size: 14px;
    font-weight: 900;
    /* margin-right: 5px; */
}

.player .info{
    display: flex;
    margin:1px 0px;
    /* margin-right: -5px; */
    align-items: center;
    font-size: 14px;
}

.player .name{
    /* width:234px; */
    flex-grow: 1;
    height:25px;
    background-color: #EBEBEB;
    margin:0px;
    border-radius: 3px;
    color:#585657;
    display: flex;
    align-items: center;
    padding:0px 5px;
    font-weight: 900;
    margin-right: 2px;
}

.player .infospace{
    width:102px;
}

.player .score{
    width:30px;
    height:25px;
    background-color: #EBEBEB;
    margin:2px;
    border-radius: 3px;
    color:#585657;
    display: flex;
    font-weight: 900;
    justify-content: center;
    align-items: center;
}

.next{
    background-color: #f5f5f5;
    /* margin:5px -10px -10px -10px; */
    border-radius: 0px 0px 5px 5px;
    /* padding:8px 5px; */
    margin-top:5px;
}

.nexttitle{
    padding:7px 10px;
    background-color: #185E99;
    color:#fff;
    border-radius: 3px;
    font-weight: 700;
    font-size: 12px;
}

.nextgroupname{
    margin-left: 10px;
}

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

.nextinfo .playerinfo{
    flex-grow: 1;
    /* padding:5px 0px; */
    padding-top:8px;
}

.nextinfo .player{
    height:20px;
    color:#585657;
    text-align: center;
    font-size: 12px;
    font-weight: 900;
}

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

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

.nowscore{
    background-color: #F9E4B7 !important;
    /* color:#585657 !important; */
}