:root {
    --border-end-end-radius: 25px;
    --border-start-start-radius: 25px;
}
.odd-imgnews-border-left {
    border-left: 6px solid var(--odd-red);
}

.odd-imgnews-border-left-2 {
    border-left: 6px solid var(--odd-maincolor-triad-1);
}


/*.odd-newscoverimg {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.odd-newsimgout {
    height: var(--odd-newsimgout-height);
    margin-top: -8px;
    margin-left: -8px;
}
.odd-display-block{
    display: block;
    content:"";
    width: 300px;
    height: auto;
}*/
.odd-imgnews-block {
    /*display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;*/
    display: grid;
    width: 100%;
    margin: auto;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    
    gap: 32px;
    
    /* padding: 10px; */
    justify-content: space-evenly;
    align-items: start;
    padding-top: 16px;
    padding-bottom: 16px;
}
.odd-imgnews-list-block {
    display: grid;
    width:100%;
    margin:auto;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap:4px;
}

.odd-imgnews-items:hover {
    /*background-color: rgba(142, 142, 147, .2);*/
    box-shadow: inset 0 0 10px 10px rgba(199, 199, 202, 0.2);
    transition: transform 0.8s, box-shadow 0.8s;
}
/*.odd-imgnews-items a {
    text-decoration: none;
    cursor: pointer;
    background-color: ;
    color: var(--odd-text-dark) ;
}

.odd-imgnews-items a:hover {
    background-color: var() ;
    color: var(--odd-text-dark) ;
    /*opacity: 0.75;
}*/

.odd-newsimage-cover {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    /* border-start-start-radius: 25px; */

}

.odd-newsimage-container {
    /* display: content; */
    /* text-align: left; */
    display: grid;
    padding: .25em .5em;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

.odd-newsimage-container .odd-imgnews-title {
    font-weight: bold;
    font-size: 100%;
    color: var(--odd-text-dark);
    margin-top: 6px;
    margin-bottom: 6px;
}
.odd-imgnews-title-large {
    
    min-height: 63px;
    /* margin-top: 6px;
    margin-bottom: 6px; */
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    
}

/*.odd-imgnews-title-large a {
    text-decoration: none;
    cursor: pointer;
}*/
.odd-newsimage-container>.odd-imgnews-infoL,
.odd-newsimage-container>.odd-imgnews-infoR {
    font-size: 85%;
    color: gray;
    margin-inline-end: 8px;
    float: left;
    padding-bottom: 8px;

}

.odd-imgnews-infoL {

    justify-self: left;
}

.odd-imgnews-infoR {

    justify-self: right !important;
}




@media only screen and (max-width:601px) { 
    .odd-imgnews-block {
        
    }
    .odd-imgnews-items {
        /*flex-grow: 1;
        width:300px;
        height: auto;
        display: block;
        display: list-item;*/
        aspect-ratio: 16/9;
        /*list-style: none;*/
        display: grid;
        width:100%;
        border-inline-start-style: solid;
        border-inline-start-width: 1px;
        border-inline-start-color: lightgray;
        border-inline-end-style: solid;
        border-inline-end-width: 1px;
        border-inline-end-color: lightgray;
        border-bottom: 1px solid lightgray;
        border-top: 1px solid lightgray;
        /* border-end-end-radius: var(--border-end-end-radius);
        border-end-start-radius: 0px;
        border-start-start-radius: 25px; */
        /* 圖片也要加*/
        
    }
}
@media screen and (max-width:1024px) and (min-width:602px) { 
    .odd-imgnews-block {
        grid-template-columns: 1fr 1fr;
    }
    .odd-imgnews-items {
        /*flex-grow: 1;
        width:300px;
        height: auto;
        display: block;
        display: list-item;*/
        aspect-ratio: 16/9;
        /*list-style: none;*/
        display: grid;
        width:calc((100% / 2) - 1em);
        border-inline-start-style: solid;
        border-inline-start-width: 1px;
        border-inline-start-color: lightgray;
        border-inline-end-style: solid;
        border-inline-end-width: 1px;
        border-inline-end-color: lightgray;
        border-bottom: 1px solid lightgray;
        border-top: 1px solid lightgray;
        /* border-end-end-radius: var(--border-end-end-radius);
        border-end-start-radius: 0px;
        border-start-start-radius: 25px; */
        /* 圖片也要加*/
    }
}
@media screen and (max-width:1180px) and (min-width:1025px) { 
    .odd-imgnews-block {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .odd-imgnews-items {
        /*flex-grow: 1;
        width:300px;
        height: auto;
        display: block;
        display: list-item;*/
        aspect-ratio: 16/9;
        /*list-style: none;*/
        display: grid;
        width:calc((100% / 3) - 1em);
        border-inline-start-style: solid;
        border-inline-start-width: 1px;
        border-inline-start-color: lightgray;
        border-inline-end-style: solid;
        border-inline-end-width: 1px;
        border-inline-end-color: lightgray;
        border-bottom: 1px solid lightgray;
        border-top: 1px solid lightgray;
        /* border-end-end-radius: var(--border-end-end-radius);
        border-end-start-radius: 0px;
        border-start-start-radius: 25px; */
        /* 圖片也要加*/
    }
}
@media screen and (max-width:1920px) and (min-width:1181px) { 
    .odd-imgnews-block {
        grid-template-columns: repeat(auto-fit, 350px);
    }
    .odd-imgnews-items {
        /*flex-grow: 1;
        width:300px;
        height: auto;
        display: block;
        display: list-item;*/
        aspect-ratio: 16/9;
        /*list-style: none;*/
        display: grid;
        width:calc((100% / 4) - 1em);
        border-inline-start-style: solid;
        border-inline-start-width: 1px;
        border-inline-start-color: lightgray;
        border-inline-end-style: solid;
        border-inline-end-width: 1px;
        border-inline-end-color: lightgray;
        border-bottom: 1px solid lightgray;
        border-top: 1px solid lightgray;
        /* border-end-end-radius: var(--border-end-end-radius);
        border-end-start-radius: 0px;
        border-start-start-radius: 25px; */
        /* 圖片也要加*/
        box-shadow: inset 1px 1px 2px 2px rgba(199, 199, 202, 0.2);
        transition: transform 0.3s, box-shadow 0.3s;
    }
}
@media only screen and (min-width:1921px) { 
    .odd-imgnews-block {
        grid-template-columns: repeat(auto-fit, 280px);
    }
    .odd-imgnews-items {
        /*flex-grow: 1;
        width:300px;
        height: auto;
        display: block;
        display: list-item;*/
        aspect-ratio: 16/9;
        /*list-style: none;*/
        display: grid;
        width:calc((100% /4) - 1em);
        border-inline-start-style: solid;
        border-inline-start-width: 1px;
        border-inline-start-color: lightgray;
        border-inline-end-style: solid;
        border-inline-end-width: 1px;
        border-inline-end-color: lightgray;
        border-bottom: 1px solid lightgray;
        border-top: 1px solid lightgray;
        /* border-end-end-radius: var(--border-end-end-radius);
        border-end-start-radius: 0px;
        border-start-start-radius: 25px; */
        /* 圖片也要加*/
    }
}