/*消除 chrome firefox safari  點選 input, textarea  加邊框的效果 */
input,textarea{outline:none;resize: none;}
/*去除 chrome  firefox safari 超連接底線*/
a,a:hover,a:link,a:visited{text-decoration: none !important;}
li{list-style-type:none;}
textarea,select,input,button,div,span,a,td,th,ol,ul,li,h1,h2,h3,h4,h5,h6,article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,dl, dt, dd,table, caption, tbody, tfoot, thead, tr, th, td,fieldset, form, label, legend{
    font-family: Microsoft JhengHei;
}

body {
    background-color: #fff;
    scroll-behavior: smooth;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    font-family: Microsoft JhengHei;
    overflow-y:scroll;
    overflow-x: hidden;
}

/*捲軸底色*/
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #FFFFFF;
}
/*捲軸寬度*/
body::-webkit-scrollbar {
    width:10px;
    background-color: transparent;
}
/*捲軸本體顏色*/
body::-webkit-scrollbar-thumb {
    background-color: #606060;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}


.heightauto{
    height:auto!important;
    height:100%;
    min-height:700px;
}

.tabled, .tabled * {margin: 0 auto; padding: 0;position:relative;}
.tabled {display: table; width: 100%; border-collapse: collapse;position:relative;}
.tabled-tr {display: table-row; height:auto;position:relative;}
.tabled-th {display: table-cell;height: 100%;border: 0px solid gray;vertical-align: middle;position:relative;}
.tabled-td {display: table-cell; height: 100%;border: 0px solid gray; vertical-align: middle;position:relative;}



.mask{
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    position:fixed;
    z-index:1054;
    background:#000;
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity:0.6;
    filter:alpha(opacity=6);
    zoom:1;
    display:none;
}


.input-b {
    background-color: #eee;
    border-radius: 5px;
    display: flex;
    flex: 1;
    width: 100%;
    height: 35px;
    justify-content: space-between;
    margin-right: 8px;
    padding: 0 10px;
}

.input-b input{
    border: unset;
    background-color: #eee;
    color: #333;
    width: 100%;
}


.icon-img{
    margin: 0 auto;
    background: #f0ece4;
    border-radius: 6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -khtml-border-radius:6px;
    -o-border-radius:6px;
    min-height: 30px;
    padding: 10px;
    transform: scale(.7);
    width: 84%;

}

.notice,.notice-title{
    align-items: center;
    display: flex;
}

.notice{
    background-color: #eee;
    border-radius: 4px;
    color: #666;
    height: 2.625rem;
    margin: 12px 16px;
}




.notice-title{
    border-right: 1px solid #ccc;
    color: #e00061;
    font-size: 18px;
    font-weight: 700;
    height: 1.375rem;
    margin-left: 15px;
    margin-right: 10px;
    padding-right: 10px;
}


.van-swipe {
    cursor: grab;
    overflow: hidden;
    position: relative;
    transform: translateZ(0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
}





.title[data-v-5565fdc8] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 0 0;
}
.title-text[data-v-5565fdc8]:before {
    border-bottom: 45px solid #b80105;
    border-left: 0 solid transparent;
    border-right: 45px solid transparent;
    content: "";
    height: 100%;
    left: 100%;
    position: absolute;
    width: 0;
    z-index: -1;
}
.title-text[data-v-5565fdc8]:after {
    background: #b80105;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.title-text[data-v-5565fdc8] {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 45px;
    position: relative;
    text-align: center;
    width: 100px;
    z-index: 1;
}

.title-more[data-v-5565fdc8] {
    color: #626364;
}

.boxshadow{
    width: 96%;
    margin: 0 auto 5px auto;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}



.mySwiper{
    margin-top: 70px;
}



.truncate-multi {
    line-height: 0.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}



.pos-to[data-v-990ede08] {
    bottom:0px;
    box-shadow: 0 0 5px #00000035;
    left: 50%;
    position: fixed;
    transform: translate(-50%);
    width: 100%;
    width: 414px;
    z-index: 99;
}
.tabbar[data-v-990ede08] {
    background: #fff;
    display: flex;
    padding: 10px 0;
}

.van-tabbar-item__icon[data-v-990ede08] {
    height: 36px;
}
.van-tabbar-item__icon {
    font-size: 22px;
    margin-bottom:4px;
}

.icon[data-v-990ede08] {
    height: 36px;
    transition: rotateZ .9s ease;
    width: 36px;
}
.van-tabbar-item {
    align-items: center;
    color: #323232;
    cursor: pointer;
    display: flex
;
    flex: 1;
    flex-direction: column;
    font-size: 12px;
    justify-content: center;
    line-height: 1;
}

.inputcontrol {
    display: block;
    width: 100%;
    height: 48px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s
    ease-in-out, box-shadow .15s
    ease-in-out;
}
.inputcontrol input{
    border: unset;
    width: 100%;
    height: 32px;
    font-size: 1.25rem;
}

.inputcontrol span{
    padding-top: 6px;
}

.inputcontrol span i{
    color: #757575;
}


.inputdisabled {
    background-color: rgba(239, 239, 239, 0.3)
}





.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color);
}


.jq22 {
    background: #eee;
    width:100%;
    margin: 0px auto;
    font-size: 14px;
}
.jq22 a {
    background: #eee;
    margin: 0 15px;
    color: black;
    text-decoration: none;
}
.jq22 a:hover {
    text-decoration: underline;
}


/*
響應式表格
*/

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


    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }


    #no-more-tables tr {
        border-bottom: 1px dashed #000;
    }
    #no-more-tables td {
        border: none;
        border-bottom: 1px dashed #eee;
        position: relative;
        padding-left: 30%;
        white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before {
        /*position:relative;*/
        position:absolute;
        top: 0px;
        left: 0px;
        width:10%;
        padding:0px;
        white-space: nowrap;
        float:left;
        word-break: normal;
    }

    #no-more-tables td:before {
        width:10%;
        content: attr(data-title);
        border-right: 0px dashed #eee;
        color:black;
        padding-left:0px;
        padding-top:8px;
        font-weight: bold;
        word-break: normal;
    }

    .paginationatt {
         --bs-pagination-padding-x:unset;
         --bs-pagination-padding-y:unset;
         --bs-pagination-font-size:unset;
         --bs-pagination-color:unset;
         --bs-pagination-bg:unset;
         --bs-pagination-border-width:unset;
         --bs-pagination-border-color:unset;
         --bs-pagination-border-radius:unset;
        /*
         --bs-pagination-hover-color:unset;
         --bs-pagination-hover-bg:unset;
         --bs-pagination-hover-border-color:unset;

         --bs-pagination-focus-color:unset;
         --bs-pagination-focus-bg:unset;
         --bs-pagination-focus-box-shadow:unset;

         --bs-pagination-active-color:unset;
         --bs-pagination-active-bg:unset;
         --bs-pagination-active-border-color:unset;
         */

         --bs-pagination-disabled-color:unset;
         --bs-pagination-disabled-bg:unset;
         --bs-pagination-disabled-border-color:unset;


    }

    .paginationatt .page-item{
        border: darkgray 1px solid;
        width: 38px;
        height: 38px;
        line-height: 38px;
        margin: 2px;
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        -khtml-border-radius:20px;
        -o-border-radius:20px;
        text-align: center;
        font-size: 15px;
    }

    .paginationatt .disabled{
        width: 38px;
        height: 38px;
        line-height: 38px;
        background-color:#dee2e6;
        color: rgba(33, 37, 41, 0.75);
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        -khtml-border-radius:20px;
        -o-border-radius:20px;
        text-align: center;
        font-size: 15px;
    }

    .active>.page-link, .page-link.active {
        z-index: 3;
        color: var(--bs-pagination-active-color);
        background-color: var(--bs-pagination-active-bg);
        border-color: var(--bs-pagination-active-border-color);
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        -khtml-border-radius:20px;
        -o-border-radius:20px;
    }

}