.mx-5{
    margin:0 5px;
}

.me-8{
    margin-right:8px;
}

.d-flex{
    display:flex;
}

.w-50{
    width:50%;
}

.justify-content-center{
    justify-content:center;
}

.justify-content-start {
    justify-content: start;
}

.align-start{
    align-items:start;
}

.align-center {
    align-items-center;
}

.flex-column{
    flex-direction:column;
}

.inquireForm-title {
    font-weight: bold;
    width: 105px;
    display: inline-block;
    text-align: justify;
    font-size: 17px;
}

    .inquireForm-title:after {
        content: "";
        display: inline-block;
        width: 100%;
    }
.inquireForm-wrap{
    display:flex;
    line-height:21px;
    align-items:start;
}
#TXTS005, #TXTS006, #TXTS007, #TXTS008{
    width: calc((80% - 141px)/2);
    text-align: center;
}
#ContentPlaceHolder1_TBQ003a, #ContentPlaceHolder1_TBQ003b,
#ContentPlaceHolder1_TBQ004a,#ContentPlaceHolder1_TBQ004b,
#ContentPlaceHolder1_TBQ005a,#ContentPlaceHolder1_TBQ005b{
    width: calc((80% - 30px)/2);
    text-align: center;
}

    @media screen and (max-width:1000px) {
        #TXTS005, #TXTS006, #TXTS007, #TXTS008 {
            width: calc((100% - 131px)/2);
        }

        #ContentPlaceHolder1_TBQ003a, #ContentPlaceHolder1_TBQ003b {
            width: calc((100% - 140px)/2);
            text-align: center;
        }
    }

    .sreach2{
    display:flex;
    flex-direction:column;
}

.inquireForm-wrap .long-label {
    display: flex;
    justify-content: start;
}

.inquireForm-wrap .long-input {
    display: flex;
    flex-wrap: wrap;
    width: 75%;
}

@media screen and (max-width:760px) {
    #TXTNumber {
        width: 125px;
    }
}

@media screen and (max-width:663px){
    #TXTNumber {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:450px) {
    #DDLSection2 {
        margin-top: 10px;
    }
}

@media screen and (max-width:389px) {
    input#WriteOds {
        margin-top: 0px;
    }
}

table.ADDGridView th:nth-child(4),
table.ADDGridView td:nth-child(4),
table.ADDGridView th:nth-child(6),
table.ADDGridView td:nth-child(6)
{
   min-width:85px;
}


/*大的捲動表格*/
@media screen and (max-width:996px){
    .table-scroll > div {
        overflow-x: scroll;
    }
    table.ADDGridView, table.changerequest {
        width: 100%;
    }
    table.ADDGridView th:nth-child(1), table.ADDGridView td:nth-child(1) {
        min-width: 30px;
    }

        table.ADDGridView th:nth-child(5), table.ADDGridView td:nth-child(5) {
            min-width: 250px;
        }

        table.ADDGridView th:nth-last-child(2), table.ADDGridView td:nth-last-child(2),
        table.ADDGridView th:last-child, table.ADDGridView td:last-child {
            min-width: 80px;
        }

        table.ADDGridView th, table.ADDGridView td {
            min-width: 120px;
        }
    .table-scroll > div::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        .table-scroll > div::-webkit-scrollbar:horizontal {
            height: 11px;
        }

    .table-scroll > div::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid white;
        background-color: rgba(0, 0, 0, .3);
    }
}

/*checkbox*/
.check-btn {
    margin-bottom: 20px;
}

.check-btn input[type='checkbox'] + label {
    background-color: transparent;
    border-radius: 6px;
    border: 2px solid #7d987a;
    padding: 4px 8px;
    cursor: pointer;
}

.check-btn input[type='checkbox']{
    display:none;
}

    .check-btn input[type='checkbox'] + label:active,
    .check-btn input[type='checkbox']:checked + label {
        background-color: #7d987a;
        color:#fff;
    }

.me-8.d-flex{
    flex-wrap:nowrap;
    align-items:center;
}

.innertable-scroll td,
.innertable-scroll th{
    text-align: center;
}
/*表格中的表格*/
@media screen and (max-width:758px) {
    /* 外表格 */
    .applyGrid {
        width: 100%;
        max-width: 100%;
        overflow-y: auto;
    }

    table.applyGrid, .applyGrid1 {
        table-layout: fixed;
        width: 100%;
    }
    
    /*內表格*/
    .innertable-scroll > div, .rivewinner>div {
        overflow-x: auto;
        width: 100%;
        white-space: nowrap;
    }

    .detailsGrid_skyblue_innerTable, .R_TB1, .purplePause {
        table-layout: auto;
        width: 100%;
        white-space: nowrap;
    }

    

    .segtable th:last-child,
    .segtable td:last-child {
        white-space: wrap;
        min-width:120px;
    }
    .innertable-scroll > div::-webkit-scrollbar,
    .rivewinner > div::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        .innertable-scroll > div::-webkit-scrollbar:horizontal,
        .rivewinner > div::-webkit-scrollbar:horizontal {
            height: 11px;
        }

    .innertable-scroll > div::-webkit-scrollbar-thumb,
    .rivewinner > div::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid white;
        background-color: rgba(0, 0, 0, .3);
    }

    .applyGrid th {
        width: 30%;
    }
}



/*案件詳情*/
.detail_wrap{
    display:flex;
}

.detail_title .d-flex:nth-child(2){
    margin-top:20px;
}

.detail_wrap {
    flex-grow: 1;
}
    .detail_info{
        flex-grow: 1;
    }

@media screen and (max-width:850px){
    .detail_title .d-flex{
        flex-direction:column;
    }

    .detail_wrap {
        margin-bottom: 10px;
    }

    .detail_title .d-flex:nth-child(2) {
        margin-top: 0px;
    }
    .detail_info:has(#LBSWC005s) {
        border: 0px;
    }
}

@media screen and (max-width:795px) {
    .bar-block{
        flex-direction:column;
        align-items:start;
    }
    .bar-block .nav{
        order:2;
        
    }

    .bar-block li{
        margin-top:10px;
    }
    .tabs_right_all{
        order:1;
        margin-left:0;
        margin-bottom:5px;
    }
}

@media screen and (max-width:1000px) {
    #class2>table>tbody>tr {
        display: flex;
        flex-direction:column;
    }
    #class2>.applyGrid > tbody > tr>th,
    #class2>.applyGrid > tbody > tr>td{
        display: block;
        width: 100%;
    }
}

@media screen and (max-width:660px) {
    .R_upload {
        width: auto !important;
    }

        .R_upload a {
            word-break: break-all;
        }

    #TXTSWC013_count {
        margin-bottom: 5px;
        margin-left: 5px;
    }
        #TXTSWC013_count + .float-l, #TXTSWC016_count + .float-l {
            float: right;
        }
    #TXTSWC016_count {
        margin-bottom: 0px;
        margin-left:5px;
    }
}

#SDIList td{
    text-align:center;
}

#SDIList th:nth-child(7), #SDIList td:nth-child(7), #SDIList th:nth-child(6), #SDIList td:nth-child(6) {
    min-width: 120px;
}

#GVCadastral th:last-child{
    width:70px;
}

@media screen and (max-width:1500px){
    /* 外表格 */
    .applyGrid:has(#GVCadastral) {
        width: 100%;
        max-width: 100%;
        overflow-y: auto;
    }

    table.applyGrid:has(#GVCadastral) {
        table-layout: fixed;
        width: 100%;
    }

    /*內表格*/
    .innertable-scroll:has(#GVCadastral) > div {
        overflow-x: auto;
        width: 100%;
        white-space: nowrap;
    }

    .detailsGrid_skyblue_innerTable#GVCadastral {
        table-layout: auto;
        width: 100%;
        white-space: nowrap;
    }

    .innertable-scroll:has(#GVCadastral) > div::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    .innertable-scroll:has(#GVCadastral) > div::-webkit-scrollbar:horizontal {
        height: 11px;
    }

    .innertable-scroll:has(#GVCadastral) > div::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid white;
        background-color: rgba(0, 0, 0, .3);
    }

}

td .d-flex:has(#TXTSWC027) {
    margin-right: 20px;
}

.w-50:has(.edit-wrap){
    display:table-cell;
}

#TXTSWC027, #TXTSWC028 {
    margin-top: 5px;
}

@media screen and (max-width:1080px){
    td>.d-flex:has(#TXTSWC027) {
        flex-direction: column;
    }

    td > .d-flex > .d-flex:has(#TXTSWC027) {
        margin-bottom: 5px;
        margin-right: 0px;
    }
    .applyGrid .taginfo {
        min-width: 80px;
    }
    #TXTSWC027, #TXTSWC028 {
        min-width:80px;
        padding: 4px 7px;
    }
}

.edit-wrap{
    align-items:start;
}

.edit-wrap .edit-title {
    width: 105px;
    display: inline-block;
    text-align: justify;
    font-size: 17px;
    margin-bottom: -12px;
}

.edit-wrap .long-input {
    display: flex;
    flex-wrap: wrap;
}

.edit-title:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.edit-wrap>.d-flex{
    align-items:start;
}

@media screen and (max-width:897px){
    .edit-wrap #TXTNumber {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:897px) {

    .edit-wrap:has(.long-input) {
        flex-direction: column;
    }

    .edit-title {
        margin-bottom: 10px;
    }

    .w-50:has(.edit-wrap) {
        flex-direction: column;
        display: flex;
    }

    .size-wrap {
        flex-direction: column;
        align-items:center;
    }
}


@media screen and (max-width:560px) {
    .edit-wrap{
        flex-direction:column;
    }
}

@media screen and (max-width:758px) {
    .small-th th {
        width: 100px;
    }

    .small{
        text-align:start;
    }
}

@media screen and (max-width:400px) {
    .applyGrid input[type="file"] {
        font-size:12pt;
    }
}

.size-wrap {
    display: flex;
}

@media screen and (max-width:550px) {
    .innertable-column th:not(th[colspan="2"]) {
        display: none;
    }

    .innertable-column th[colspan="2"]{
        font-weight:bold;
    }

    .innertable-column td {
        text-align: center;
        display: block;
        padding: 0 !important;
    }

    .innertable-column td:not(.last)::before {
        content: attr(data-title); /* 顯示 data-title */
        display: inline-block;
        width: 100%;
        padding:4px 8px;
        border-top:0px;
        border-bottom:1px solid #ccc;
        background: #ecf2eb; /* 指定第一個和預設的標題顏色 */
    }
}
    

.innertable-column input[type="text"]:not(#TXTSDI012,#TXTSDI012_1,#TXTSDI013,#TXTSDI013_1,#TXTSDI014,#TXTSDI014_1), .innertable-column select {
    width: 80%;
}

/*帳號管理*/

.cgPass.close input{
    width:100%;
}

.twotd {
    min-width: 50%;
}

    .twotd input {
        min-width: 45%;
    }


@media screen and (max-width:760px) {
    .detailsBar_title_basic.d-flex {
        flex-direction:column;
    }

    .d-flex:has(.twotd){
        flex-direction:column;
    }
    .twotd {
        display: flex;
        margin-top: 5px;
    }

}



.uploadFile, .fileDate {
    display: flex;
    align-items: center;
}

.uploadFile .taginfo,.fileDate .taginfo{
    min-width:110px;
}

.fileDate input[type="text"]{
    max-width:150px;
}

@media screen and (max-width:880px) {
    .uploadFile input[type="file"]{
        width: 90%;
        margin: 5px 0;
    }

    .uploadFile {
        align-items: start;
    }

    .uploadFile>.d-flex{
        align-items:start;
        flex-direction:column;
        justify-content:start;
    }
}

@media screen and (max-width:480px) {
    .twotd {
        flex-direction: column;
    }

    .twotd input {
        width: 100%;
        margin-top: 5px;
    }

    .fileDate{
        align-items:start;
        margin-bottom:10px;
    }

    .uploadFile,.fileDate {
        flex-direction:column;
    }
}

/*代辦案件*/
.pagetitle.d-flex{
    justify-content:space-between;
}

.identity {
    font-size: 14pt;
    font-weight: bold;
    letter-spacing: 2px;
    background: #fff5db;
    padding: 6px 20px;
    border-radius: 10px;
}



.inquireForm-half {
    width: 50%;
}

    .inquireForm-half #TXTS001, .inquireForm-half #TXTS003, .inquireForm-half #TXTS004, .inquireForm-half #TXTQQ01, .inquireForm-half #DDLQQ01, .inquireForm-half #TextBox1 {
        width: calc(80% - 120px);
    }

@media screen and (max-width:800px){
    .d-flex:has(.inquireForm-half) {
        flex-direction:column;
    }

    .inquireForm-half {
        width: 100%;
    }
}