/*編輯頁標題樣式設定 Begin*/
.odd-title-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    /* display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px; */
}
.odd-title-items {
    flex:1 ;
    display: flex;
    align-items: flex-end;
}
.odd-active-block {
    display: flex;
    flex-direction: row-reverse;
    margin: 0px;
    padding-right:0px;
    padding-top:16px;
    align-items: flex-end;
    
}
.odd-active-items {
    list-style: none;
}
.odd-active-items a{
    text-decoration: none;
}
/*編輯頁標題樣式設定 End*/
/* 列表頁內容區域樣式設定*/
.odd-listpage-single-block {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    width:100%;
    row-gap: 16px;
    margin: auto;
}
/* 編輯區域樣式設定 Begin*/

.odd-editor-content-block {
    display: grid;
    grid-template-columns: 5fr 2fr;
    grid-template-rows: auto;
    width: 100%;
    column-gap: 32px;
    row-gap: 16px;
    margin: auto;
}

.odd-content-items-full {
    display: flex;
    /* padding: 16px 16px 16px 16px; */
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
}

.odd-content-items-full .odd-editor-block, .odd-content-items-full .odd-editor-mulitmedia-block {
    width: 100%;
}
.odd-editor-block {
    display: grid;
    grid-template-rows: auto;
    row-gap: 16px;
    margin-left:16px;
    margin-right:16px;
}

.odd-editor-mulitmedia-block{
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    row-gap: 16px;
    column-gap: 32px;
    padding-bottom:16px;
}
.odd-content-items-full-cards {
    background-color: white;
    border-block-end: 1px solid var(--odd-booking-maincolor-tints-l3);
    border-block-start: 1px solid var(--odd-booking-maincolor-tints-l3);
    border-right-color: var(--odd-booking-maincolor-tints-l3);
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: var(--odd-booking-maincolor-tints-l3);
    border-left-width: 1px;
    border-left-style: solid;
    border-start-start-radius: 15px;
    border-start-end-radius: 15px;
    border-end-start-radius: 15px;
    border-end-end-radius: 15px;
}

.odd-content-items-full-cards:hover {
    background-color: var(--odd-booking-maincolor-tints-l5);
}
.odd-block-lable label {
    display: flex;
    font-size: 120%;
}
.odd-block-lable-preview-h3 {
    font-size: 150%;
    font-weight: bold;
    color:var(--odd-text-dark);
    padding-top:16px;
}
.odd-block-lable-preview{
    font-size: 100%;
    color:var(--odd-text)
}
.odd-block-lable .odd-input {

}
.odd-input {
    padding: 8px;
    border: none;
    border-bottom: 1px solid #ccc;
    min-width: 100%;
    background-color: var(--odd-booking-maincolor-tints-l4);
}
.odd-input:focus {
    background-color: white !important;
}
.odd-input-1 {
    padding: 4px;
    display: block;
    border: 1px lightgray solid;
    width: 90%;
    border-radius: 5px;
}
.odd-lable-items-level2 {
    padding-left:24px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 150%;
}
.odd-checkbox-lable {
    padding-left:24px;
    padding-top:16px;
    color:var(--odd-red);
    font-weight:200%;
}
.odd-form-right-block {
    display: grid;
    row-gap: 16px;
    grid-template-columns: 1fr;
    width: 100%;
    grid-template-rows: repeat(auto, minmax(80px, 1fr));
    grid-auto-rows: auto;
}
.odd-form-right-view-block {
    display: grid;
    row-gap: 2px;
    grid-template-columns: 1fr;
    width: 100%;
    grid-template-rows: repeat(auto-fit, minmax(50px, 1fr));
    grid-auto-rows: auto;
    padding:16px;
}

.odd-form-right-tag-block {
    /*display: grid;
    width: 100%;
    margin: auto;
    grid-template-columns: repeat(auto-fill, minmax(80px, 140px));
    gap: 4px;*/
    display: block;
}

.odd-form-right-tag-items {
    display: list-item;
    list-style: none;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;

}
.odd-form-right-tag-items a{
    text-decoration: none;
}
.odd-form-right-tag-items-1-a {
    text-decoration: none;
    border: 1px solid var(--odd-booking-maincolor-shades-d1) !important;
    background-color: ;
    color: var(--odd-text-dark) !important;
    padding: 4px 8px 4px 8px;
    font-size: 90%;
    border-radius: 5px;
}

.odd-form-right-tag-items-1-a:hover {
    border: 1px solid var(--odd-booking-maincolor-shades-d1) !important;
    background-color: var(--odd-booking-maincolor-shades-d1) !important;
    color: var(--odd-text-light) !important;
}

.odd-form-right-tag-items-1-a:active {
    border: 1px solid var(--odd-red) !important;
    background-color: var(--odd-red) !important;
    color: var(--odd-text-light);
}

.odd-form-right-tag-items-2-a {
    text-decoration: none;
    border: 1px solid var(--odd-teal) !important;
    background-color: ;
    color: var(--odd-text-dark) !important;
    padding: 4px 8px 4px 8px;
    font-size: 90%;
    border-radius: 5px;
}

.odd-form-right-tag-items-2-a:hover {
    border: 1px solid var(--odd-teal) !important;
    background-color: var(--odd-teal) !important;
    color: var(--odd-text-light) !important;
}

.odd-form-right-tag-items-2-a:active {
    border: 1px solid var(--odd-teal-triad) !important;
    background-color: var(--odd-teal-triad) !important;
    color: var(--odd-text-light);
}
.odd-block h5, .odd-block .w3-input {
    margin-left: 24px;
}
.odd-block .w3-input {
    max-width:90% !important;
}
.odd-block-border-cards-gray {
    border-radius: 5px;
    background-color: var(--odd-booking-maincolor-tints-l5);
    border-top: 1px solid darkgray;
    border-bottom: 1px solid darkgray;
    border-left: 1px solid darkgray;
    border-right: 1px solid darkgray;
    min-height: 50px;
    max-width: 100%;
}
.odd-block-border-cards-gray:hover {
    background-color: white;
}
.odd-mulit-party-block{
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap:16px;
    padding-left:24px;
    padding-right:24px;
    padding-bottom:16px;
    padding-top:16px;
    margin: 16px;
    background-color: var(--odd-ios-background);
    border-radius: 4px;
    border-color: var(--odd-flat-wet-asphalt);
    border: 1px;
}
.odd-mulit-party-block label {
    color:var(--odd-metro-dark-blue);
}
.odd-editor-hyperlink-block {
    list-style: none;
    padding-left:24px;
    margin: auto;
}
.odd-editor-hyperlink-block a {
    text-decoration: none;
    color:#673ab7 ;
    cursor: pointer;
    font-weight:bold;
}
.odd-editor-hyperlink-block a:hover{
    color: var(--odd-deep-orange);
}
.odd-break {
    word-break: break-all;
}
@media only screen and (max-width:601px) {
    .odd-editor-content-block {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        column-gap: 16px;
        row-gap: 16px;
    }
    .odd-title-block {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        /* display: grid;
        grid-template-columns: 1fr;
        grid-template-rows:auto; */
        
    }
    .odd-title-items {
        display: flex;
    }
    .odd-active-block {
        display: flex;
        flex-direction: row-reverse;
        margin: 0px;
        padding-right:0px;
        padding-top:16px;
        align-items: flex-end;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 0px;
        
        
    }
    .odd-active-items {
        list-style: none;
        display: block;
    }
}
@media screen and (max-width:1024px) and (min-width:602px) {
    .odd-editor-content-block {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        column-gap: 16px;
        row-gap: 16px;
    }
    
}
@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) {
    
}