.odd-tad-border-inline-end {
    border-inline-end: 1px solid darkgray;
    padding-right:8px;
    padding-left:8px;
    
}

.odd-tags {
    border-radius: 5px;
    font-size: 80%;
    margin-block-end: 4px;
    margin-block-start: 4px;
    padding-block-start: 4px;
    padding-block-end:4px; 
    padding-left: 6px;
    padding-right: 6px;
    margin-left: 4px;
    margin-right:4px;
    text-decoration: none;
    cursor: pointer;
}
.odd-tags-noneline {
    font-size: 100%;
    text-decoration: none;
    border:none !important;
    background-color: transparent;
}
.odd-tags-circle-outline {
    border-radius: 50%;
    height:fit-content;
    width:fit-content;
    aspect-ratio:1/1;
    display: inline-block;
    border: 1px gray solid;
    cursor: pointer;
    white-space: normal;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    padding:12px 10px 4px 10px
}
.odd-tags-circle {
    border-radius: 50%;
    height:fit-content;
    width:fit-content;
    aspect-ratio:1/1;
    display: inline-block;
    border: none;
    cursor: pointer;
    white-space: normal;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    padding:12px 10px 4px 10px
}
.odd-tags-circle-incenter {
    border-radius: 50%;
    height:fit-content;
    width:fit-content;
    aspect-ratio:1/1;
    display: inline-block;
    border: none;
    cursor: pointer;
    white-space: normal;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    padding:18px 10px 4px 10px
}
.odd-tags-circle-basic {
    border-radius: 50%;
    height:fit-content;
    width:fit-content;
    aspect-ratio:1/1;
    display: inline-block;
    border: none;
    cursor: pointer;
    white-space: normal;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    padding:2px 10px 4px 10px
}
/*首頁新聞用的標籤 Begin */
.odd-tags-news-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.odd-tags-news-ul {
    margin: 0;
    padding: 0;
}
.odd-tags-news-items {
    padding-top:4px;
    padding-bottom:4px;
    padding-left: 0px;
    list-style: none;
    display: inline-block;
}
.odd-tags-news-items a {
    text-decoration: none;
    cursor: pointer;
}
/* 直列式 tag */
.odd-tags-news-h-items {
    padding-top:4px;
    padding-bottom:4px;
    padding-left: 0px;
    list-style: none;
    display: block;
}
.odd-tags-news-h-items-mobile-menu {
    padding-top:1px;
    padding-bottom:1px;
    padding-left: 0px;
    list-style: none;
    display: block;
}
/* 對應 odd-tags-news-h-items-mobile-menu 的按鈕樣式*/
.odd-mo-link-button {
    border-radius: 0px;
    font-size: 95%;
    margin-block-end: 4px;
    margin-block-start: 4px;
    padding-block-start: 4px;
    padding-block-end: 4px;
    padding-left: 4px;
    padding-right: 6px;
    margin-left: 4px;
    margin-right: 6px;
    display: inline-block;
    cursor: pointer;
}
.odd-mo-link-button:hover {
    color:var(--odd-light) !important;
    background-color: var(--odd-category);
}
.odd-mo-link-button-style {
    border-bottom: 1px solid lightgray;
    padding-left: 6px;
    padding-right: 8px;
    margin-left: 6px;
    margin-right: 8px;
}
.odd-mo-link-button-style:hover {
    border-bottom: 1px solid var(--odd-arrow);;
}
.odd-mo-link-button-style a:last-child {
    border-bottom: none;
}
.odd-tags-news-h-items a {
    text-decoration: none;
    cursor: pointer;
}
.odd-tags-function-ul-books .odd-link-border-style {
    border-bottom: 1px solid var(--odd-arrow);
    padding-left: 6px;
    padding-right: 8px;
    margin-left: 6px;
    margin-right: 8px;
    
}
.odd-tags-function-ul-books .odd-link-border-style :last-child{
    border-bottom: none;
    padding-left: 6px;
    padding-right: 8px;
    margin-left: 6px;
    margin-right: 8px;
    
}
/* 靠右對齊功能鍵*/
.odd-tags-function-block {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width:100%;
}
.odd-tags-function-block-center {
    display: flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content:center;
    width:100%;
}
.odd-tags-function-block-defult {
    display: flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content:flex-start;
    width:100%;
}
.odd-tags-function-ul {
    margin: 0;
    padding: 0;
}
.odd-tags-function-ul-books {
    margin: 0;
    padding: 0;
    width:100%
}
.odd-tags-function-items {
    padding-top:4px;
    padding-bottom:4px;
    padding-left: 0px;
    list-style: none;
    display: inline-block;
}
.odd-tags-function-items a {
    text-decoration: none;
    cursor: pointer;
}
.odd-tags-function-items-s {
    padding-top:0px;
    padding-bottom:0px;
    padding-left: 0px;
    list-style: none;
    display: inline-block;
}
.odd-tags-function-items-s a {
    text-decoration: none;
    cursor: pointer;
}
.odd-tags-function-items-borrow {
    padding-top:0px;
    padding-bottom:0px;
    padding-left: 0px;
    list-style: none;
    display: inline-block;
}
.odd-tags-function-items-borrow a {
    text-decoration: none;
    cursor: pointer;
}
.odd-tags-function-item-exam {
    padding-top:4px;
    padding-bottom:4px;
    padding-left: 0px;
    padding-left: 8px;
    list-style: none;
    display: inline-block;
}
.odd-tags-function-items-exam a {
    text-decoration: none;
    cursor: pointer;
}
/*END*/
/*首頁新聞用的標籤 End */
/*列表或圖片呈現方式按鈕 
搭配 odd-tag-items; odd-tag-items-status 使用 Begin*/
.odd-showway-icon-block {
    display:flex; 
    flex-direction:row-reverse
}

/*列表或圖片呈現方式按鈕 End*/
.odd-tag-block {
    display: grid;
    width: 100%;
    margin: auto;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 4px;
}
.odd-tag-items {
    display: list-item;
    list-style: none;
    /* margin-left:-48px; */
    padding: 0;
    margin-top:8px;
    margin-bottom:8px;
}
.odd-tag-items-intable {
    padding:0px;
    margin-top:8px;
    margin-bottom:8px;
}
.odd-tag-items-status {
    display: inline-block;
    padding-top:4px;
    padding-bottom:4px;
}
.odd-tag-items-status a{
    text-decoration: none;
    cursor: pointer;
    word-break: break-all;
    -ms-word-break: break-all;
}
.odd-tag-items:first-child {
    margin-top:0px;
}
.odd-tag-items:last-child {
    margin-bottom:0px;
}

/*新聞表格中的標籤區塊設定如：轉知、排序 Begin */
.odd-intable-tag-block {
    list-style: none;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-block-start: 0;
    margin-block-end: ;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
.odd-intable-tag-items {

}
/*新聞表格中的標籤區塊設定如：轉知、排序 End */
/*tag 樣式*/
.odd-newstags {
    background-color: var(--odd-newstages);
    color: var(--odd-light);
    border: 1px var(--odd-newstages) solid;
}
.odd-category {
    background-color: var(--odd-category);
    color:var(--odd-light)
}
.odd-category-hover:hover {
    background-color: var(--odd-light);
    color:var(--odd-dark);
    border: 1px solid var(--odd-category);
}
.odd-announce {
    color: var(--odd-publish);
}
.odd-sort {
    background-color: none;
    color: var(--odd-dark);
    border: 1px var(--odd-sort) solid;
}
.odd-extrasort {
    background-color: var(--odd-extrasort);
    color: var(--odd-light);
    border: 1px var(--odd-extrasort) solid;
}
.odd-login-lightmode {
    /*background-color: var(--odd-food-olive) !important;*/
    color: var(--odd-light) !important;
    /*border: 1px solid var(---odd-food-olive) !important;*/
}
.odd-login-lightmode:hover {
    background-color: var(--odd-light) !important;
    color: var(--odd-login) !important;
    /*border: 1px solid var(--odd-food-paer) !important*/
}
.odd-login-darkmode {
    /*background-color: var(--odd-food-olive) !important;*/
    color: var(--odd-login) !important;
    /*border: 1px solid var(---odd-food-olive) !important;*/
}
.odd-login-darkmode:hover {
    background-color: var(--odd-light) !important;
    color: var(--odd-login) !important;
    /*border: 1px solid var(--odd-food-paer) !important*/
}
.odd-logout-lightmode {
    /*background-color: var(--odd-food-olive) !important;*/
    color: var(--odd-light) !important;
    /*border: 1px solid var(---odd-food-olive) !important;*/
}
.odd-logout-lightmode:hover {
    background-color: var(--odd-light) !important;
    color: var(--odd-logout) !important;
    /*border: 1px solid var(--odd-food-paer) !important*/
}
.odd-tag-status-readmore {
    background-color: var(--odd-metro-dark-red);
    color: var(--odd-text-light);
    border: 1px var(--odd-metro-dark-red) solid;
}
.odd-tag-status-readmore:hover {
    background-color: white !important;
    color: var(--odd-text-dark);
    border: 1px var(--odd-metro-dark-red) solid;
}
.odd-tag-status-avtive {
    background-color: none;
    color: var(--odd-dark);
    border: 1px var(--odd-category) solid;
}
.odd-tag-status-avtive:hover {
    background-color: var(--odd-category);
    color: var(--odd-light);
    border: 1px var(--odd-category) solid;
}
.odd-tag-status-avtive:active {
    background-color: var(--odd-category);
    color: var(--odd-light);
    border: 1px var(--odd-category) solid;
}
.odd-tag-status-readytogo:hover {
    background-color: var(--odd-metro-dark-red);
    color: var(--odd-text-light);
    border: 1px var(--odd-metro-dark-red) solid;
}
.odd-tag-status-readytogo {
    background-color: var();
    color: var(--odd-text-dark);
    border: 1px var(--odd-metro-dark-red) solid;
}
.odd-tag-status-finished {
    background-color: var();
    color: var(--odd-text-dark);
    border: 1px var(--odd-ios-gray) solid;
}
.odd-tag-status-finished:hover {
    background-color: var(--odd-ios-gray);
    color: var(--odd-text-light);
    border: 1px var(--odd-ios-gray) solid;
}
.odd-tag-status-view {
    background-color: var(--odd-flat-asbestos);
    color: var(--odd-text-light);
    border:1px solid var(--odd-flat-asbestos)
}
.odd-tag-status-view:hover {
    background-color: var(--odd-metro-dark-red);
    color: var(--odd-text-light);
    border:1px solid var(--odd-metro-dark-red)
}
.odd-tag-status-editor {
    background-color: var(--odd-metro-blue);
    color: var(--odd-text-light);
    border:1px solid var(--odd-metro-blue);
}
.odd-tag-status-editor:hover {
    background-color: var(--odd-metro-dark-red);
    color: var(--odd-text-light);
    border:1px solid var(--odd-metro-dark-red);
}
.odd-tag-status-repeat {
    background-color: var(--odd-food-olive);
    color: var(--odd-text-light);
    border: :1px solid var(--odd-food-olive);
}
.odd-tag-status-repeat:hover {
    background-color: var(--odd-metro-dark-red);
    color: var(--odd-text-light);
    border:1px solid var(--odd-metro-dark-red);
}

.odd-tag-status-select {
    background-color: var(--odd-food-olive);
    color: var(--odd-text-light);
    border: :1px solid var(--odd-food-olive);
}
.odd-tag-status-select:hover {
    background-color: var();
    color: var(--odd-text-light);
    border:1px solid var(--odd-food-olive);
}
/*進行中標籤*/
.odd-tag-status-available {
    background-color: var(--odd-food-olive);
    color: var(--odd-text-light);
    border: :1px solid var(--odd-food-olive);
}
/*.odd-tag-status-available:hover {
    background-color: var();
    color: var(--odd-text-light);
    border:1px solid var(--odd-food-olive);
}*/
/*額滿標籤*/
.odd-tag-status-full {
    background-color: var(--odd-metro-dark-red);
    color: var(--odd-text-light);
    border: :1px solid var(--odd-metro-dark-red);
}
/*.odd-tag-status-full:hover {
    background-color: var();
    color: var(--odd-text-light);
    border:1px solid var(--odd-metro-dark-red);
}*/
/*結束標籤*/
/*.odd-tag-status-end:hover {
    background-color: var(--odd-ios-gray);
    color: var(--odd-text-light);
    border: :1px solid var(--odd-ios-gray);
}*/
.odd-tag-status-end {
    background-color: var(--odd-ios-gray);
    color: var(--odd-text-dark);
    border:1px solid var(--odd-ios-gray);
}
/*置頂標籤*/
.odd-tag-status-keeptop {
    background-color: var(--odd-metro-dark-red);
    color: var(--odd-text-light);
    border:1px solid var(--odd-metro-dark-red);
}
/*轉知等標籤*/
.odd-tag-status-tags {
    background-color: var();
    color: var(--odd-text-dark);
    border:2px solid var(--odd-mediumpurple);
}
/*分類標籤*/
.odd-tag-status-catalog {
    background-color: var(--odd-darkblue);
    color: var(--odd-text-light);
    border:1px solid var(--odd-darkblue);
}
/*對象標籤*/
.odd-tag-status-identity {
    background-color: var(--odd-win8-steel);
    color: var(--odd-text-light);
    border:1px solid var(--odd-win8-steel);
}
/* 人數限制*/
.odd-tag-status-limiited {
    background-color: var(--odd-metro-dark-red);
    color: var(--odd-text-light);
    border:1px solid var(--odd-metro-dark-red);
}
/* 場次數量*/
.odd-tag-status-partyno {
    
    color: var(--odd-text-dark);
    border:1px solid var(--odd-metro-dark-green);
}
.odd-tag-items a {
    text-decoration: none;
    /*background-color: var(--odd-maincolor-triad-2);
    color: var(--odd-text-light);
    line-height: 30px;
    border-radius: 4px;
    font-size: 85%;
    padding: 4 8 4 8;*/
}
.odd-showway-icon {
    color: var(--odd-ios-gray);
    border:1px solid var(--odd-ios-gray);
}
.odd-showway-icon:hover {
    color: var(--odd-darken-black);
    border:1px solid var(--odd-darken-black);
}
@media only screen and (max-width:601px) {
    .odd-tags-function-items {
        padding-top:2px;
        padding-bottom:2px;
        
    }
    
 }
@media screen and (max-width:1024px) and (min-width:602px) { }
@media screen and (max-width:1180px) and (min-width:1025px) { }
@media screen and (max-width:1920px) and (min-width:1181px) { }
@media only screen and (min-width:1921px) { }