*{
    font-family: '微軟正黑體' !important;
    letter-spacing: 0.5px !important;
    line-height: 150% !important;
}

html{
   font-size: 13px; 
}

a{
    text-decoration: none !important
}

.bgc_black{
    background-color: #212121 !important;
    color: #FFEB3B;
}

.bgc_black .link-area a{
    color: #ffffff;!important;
    display: inline-block;
    margin-bottom: 8px;
}

.bgc_black a:hover{
    color: #FFEB3B !important;
    background-color: transparent !important;
}

.bgc_yellow{
    background-color: #FFEB3B !important;
    /* color: #FFEB3B; */
}

.card{
    box-shadow: none !important;
}

.card_hover{
    border: 1px solid rgba(0, 0, 0, 0);
    transition-duration: 0.2s;
    border-radius: 15px !important;
    box-shadow: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
    /* transition-timing-function: cubic-bezier(.66,.01,.61,1.78); */
}

.card_hover:hover{
    border: 1.5px solid #FFEB3B;
    /* F6BCCC */
    transform: scale(1.03);
    /* transition-duration: 0.5s; */
}

.card-footer{
    background-color: transparent !important;
    /* background-color: #F6BCCC !important; */
}

.card-content{
    cursor: pointer !important;
}

::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    /* -webkit-border-radius: 10px; */
    /* border-radius: 10px; */
    /* margin:80px 0 5px 0; */
    background-color: #757575;
}
::-webkit-scrollbar-thumb {
    /* -webkit-border-radius: 4px;
    border-radius: 4px; */
    background: #FFEB3B;
}

#info a, #info {
    font-size: 12px;
    color: #ffeb3b!important;
}

#info a:hover {
    color: #fff!important;
}