
    /*頁面讀取fog樣式*/
    .c-actfog{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1028;
        width: 100vw;
        height: 100vh;
        background-image: url(../img/loading2.gif);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 70px;
        background-color: #000015;
        opacity: 0.5;
        color: #fff;
    }

    /*彈出訊息框樣式*/
    #popmsg_fog, #popconfirm_fog{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 15, 0.5);
    }
    #popmsg_fog{
        z-index: 1030;
    }
    #popconfirm_fog{
        z-index: 1031;
    }
    #popmsg_card, #popconfirm_card{
        margin-left: auto; 
        margin-right: auto; 
        max-height:60vh;
        overflow-y: auto;
    }
    #popmsg_card{
        margin-top:25vh; 
    }
    #popconfirm_card{
        margin-top:35vh; 
    }
    @media (min-width: 768px) { /*電腦板*/
        #popmsg_card{
            width:40vw; 
            min-width: 500px;
        }
        #popconfirm_card{
            width:25vw; 
            min-width: 280px;
        }
    }
    @media (max-width: 767px) { /*手機板*/
        #popmsg_card{
            width:80vw; 
            min-width: 280px;
        }
        #popconfirm_card{
            width:50vw; 
            min-width: 280px;
        }
    }
    #popmsg_body, #popconfirm_body{
        overflow-y: auto;
    }

    /*頁數樣式*/
    .pageActive{ /*頁碼*/
        cursor: pointer;
    }
    #pageDiv{ /*頁碼容器*/
        float: left;
    }
    #pageRangeDiv{/*頁範圍容器*/
        width: 160px; 
        float: right;
    }
    #pageRangeDiv select{
        width: 80px; 
        display: block; 
        float: right;
    }
    #pageRangeDiv span{
        float: right; 
        line-height: 35px; 
        margin-right:5px;
    }

    /*通用樣式*/
    @media (min-width: 768px) { /*電腦板*/
        .computerhidden{
            display: none;
        }
    }
    @media (max-width: 767px) { /*手機板*/
        .mobilehidden{
            display: none;
        }
    }

    /*其他樣式*/
    .tablesort{ /*表格排序抬頭*/
        cursor: pointer; 
    }