* {
    font-family: "微軟正黑體", sans-serif;
    /* font-size:108%; */
}

.menu {
    width: 15%;
    min-width: 150px;
}

.content {
    width: 85%;
}

/* LOGO圖 */
#logo {
    width: 75px;
}

#userImage {
    width: 75px;
    border-radius: 38px;
    border-color: black;
    border-style: solid;
    border-width: 2px;
}

#userDisplayName {
    color: purple;
}

/* menu中，第二層ul的設定 */
ul ul {
    list-style-type: none;
    padding-inline-start: 10px;
}

/* helper 幫助提示 */
.helper {
    cursor: help;
    padding: 0 4px;
}

/* TAG */
.tag {
    font-size: 110%;
    margin: 0 2px;
    font-weight: normal;
    cursor: pointer;
    margin: 5px;
}

.hide {
    display: none;
}

/* 客製寬度 */
.w-5 { width: 5% !important; }
.w-10 { width: 10% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
/* .w-25 { width: 25% !important; } */
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
/* .w-50 { width: 50% !important; } */
.w-55 { width: 55% !important; }
.w-60 { width: 60% !important; }
.w-65 { width: 65% !important; }
.w-70 { width: 70% !important; }
/* .w-75 { width: 75% !important; } */
.w-80 { width: 80% !important; }
.w-85 { width: 85% !important; }
.w-90 { width: 90% !important; }
.w-95 { width: 95% !important; }
/* .w-100 { width: 100% !important; } */

.addTagIfNoneResults {
    margin-left: 10px;
}


/* 客製scrollbar */
::-webkit-scrollbar-track
{
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	border-radius: 8px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
	border-radius: 8px;
	background-color: #555;
}


@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1500px;
    }
}