body {
    font-family: 微軟正黑體, "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 15px;
}

.swal2-html-container {
    font-size: 15px;
}

.row {
    margin: 10px 0;
}

    .row .form-inline {
        padding-left: 0px;
    }

.required:before {
    content: '＊';
    color: red;
}

.UnSetPadding {
    padding: unset;
}
/*彈跳視窗*/
.modalPopup {
    border: 2px solid #7088c6;
    background-color: #fff;
    padding: 10px;
    line-height: 25px;
}

.modalBackground {
    background-color: rgba(0,0,0,0.5);
    left: 0px;
    top: 0px;
}
/*表格標頭/搜尋列*/
.TopStyle {
    color: White;
    background-color: #8A0808;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 5px;
}

/*置中設置*/
.Txt_Center {
    text-align: center;
}

/* ======== 列表頁 ======== */
/* ======== 列表頁表格 Start ======== */
.tbStyle01 {
    clear: both;
    border: 3px solid #ffffff;
    font-weight: normal;
    padding: 3px;
    background: #7088c6;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.EventCell_List .tbStyle01 td:first-of-type {
    text-align: left;
}

.EventCell_List .tbStyle01 tr.Bgn td:first-of-type {
    text-align: center;
}

.tbStyle01 .Bgn {
}

    .tbStyle01 .Bgn td {
        clear: both;
        white-space: nowrap;
        color: white;
        background: #0B0B61;
        padding: 5px;
    }

.tbStyle01 td {
    clear: both;
    padding: 5px 0;
    background: #fff;
    text-align: left;
    /*margin:3px;*/
    /*border:0px solid #996600;*/
    /*border-right:1px solid #ffffff;*/
}

    .tbStyle01 td input[type=submit], .tbStyle01 td a {
        margin-right: 5px;
    }

.tbStyle01 .RowStyle {
    background-color: #ffffff;
}

    .tbStyle01 .RowStyle:hover td {
        background-color: #d6e4e4;
    }

.tbStyle02 /*列表置底*/ {
    padding: 5px;
    white-space: nowrap;
    border-radius: 10px;
    color: black;
    background: #f9f9f9;
}

    .tbStyle02 td {
        border-top: 1px solid #999;
        padding: 10px;
    }

    .tbStyle02 .List_PageNumber {
        color: black;
    }

    .tbStyle02 a {
        text-decoration: none;
    }

        .tbStyle02 a:hover {
            text-decoration: none;
            padding: 5px;
            border: 1px solid darkred;
            background-color: darkred;
            color: white;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

    .tbStyle02 .Selected {
        padding: 5px;
        border: 1px solid darkgreen;
        background-color: darkgreen;
        color: white;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

/* ======== 列表頁表格 End ======== */

/*======== 表格(粉藍) Start ========*/
.table {
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
    margin-bottom: unset;
}

.css_TableLightBlue {
    width: 100%;
    border-top: 1px solid #7088c6;
    border-right: 1px solid #7088c6;
    border-collapse: collapse;
}

    .css_TableLightBlue td.Title {
        background-color: #d5dbee;
        color: #000000;
        padding: 0px 3px 0px 3px;
        /*vertical-align:text-top;*/
        border-bottom: 1px solid #7088c6;
        border-left: 1px solid #7088c6;
    }

    .css_TableLightBlue td {
        background-color: #ffffff;
        color: #000000;
        padding: 6px 3px 6px 3px;
        border-bottom: 1px solid #7088c6;
        border-left: 1px solid #7088c6;
    }

tr.odd_TableLightBlue td {
    background-color: #ffffff;
    border-bottom: 1px solid #7088c6;
    border-left: 1px solid #7088c6;
}

tr.even_TableLightBlue td {
    background-color: #f9f9f9;
    border-bottom: 1px solid #7088c6;
    border-left: 1px solid #7088c6;
}

tr.over_TableLightBlue td {
    background-color: #ffffcc;
    color: #ff0000;
    border-bottom: 1px solid #7088c6;
    border-left: 1px solid #7088c6;
}

.tb_Foot_L, .tb_Foot_R {
    width: 250px;
}

.Panel_Popup_Upload1,
.Panel_Popup_Upload2 {
    background: #ffffff;
    border: 2px solid #434343;
}


.div_Upload1_Title {
    background-color: #CCC;
    color: black;
    text-align: center;
    width: 100%;
    padding: 5px 0;
    cursor: move;
}

.accordionHeader {
    border: 1px solid #333;
    background-color: red;
    color: white;
    padding: 10px;
}

.accordionHeaderSelected {
    border: 1px solid #333;
    background-color: green;
    color: white;
    padding: 10px;
}

.accordionContent {
    border: 1px solid #333;
    padding: 5px;
}

.but_ML10 {
    margin-left: 10px;
}

.but_MR10 {
    margin-right: 10px;
}
/*浮水字設定*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red;
    opacity: .5;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: red;
}

/*======== 表格(粉藍) End ========*/
/**************************************************桌機**************************************************/
@media(min-width:1240px) {
    .modalPopup {
        width: 1024px;
    }
}
@media (min-width:765px) {
    .tbStyle01 tbody tr td .MediaTitle {
        display: none;
    }

    #ContentPlaceHolder1_CKEditor_MPEUploadFile1_foregroundElement, #ContentPlaceHolder1_CKEditor_MPEUploadFile2_foregroundElement, #ContentPlaceHolder1_CKEditor_MPEUploadFile3_foregroundElement {
        left: calc(30% - 10px) !important;
        top: calc(30% - 10px) !important;
    }

    .modalPopup {
        width: 600px;
    }

    .goTop {
        width: 100px;
        position: fixed;
        right: 20px;
        bottom: 20px;
        z-index: 9999;
        cursor: pointer;
        text-align: center;
        -moz-transition: all, 1s;
        -o-transition: all, 1s;
        -webkit-transition: all, 1s;
        transition: all, 1s;
    }

    .goTop:after {
        content: "";
        display: block;
        width: 100%;
        background-color: transparent;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .goTop:hover i {
        color: steelblue;
        -moz-transition: all, 0.3s;
        -o-transition: all, 0.3s;
        -webkit-transition: all, 0.3s;
        transition: all, 0.3s;
    }
    .goTopBtn {
        background-color: transparent;
        border: none;
        outline: none;
        cursor: pointer;

    }
    .goTopBtn i {
        width: 100%;
        font-size: 3.4rem;
        color: black;
        -moz-transition: all, 0.3s;
        -o-transition: all, 0.3s;
        -webkit-transition: all, 0.3s;
        transition: all, 0.3s;
        position: relative;
        z-index: 5;
    }
}

    @media(min-width:992px) {

        .input_Width10P {
            width: 10%;
        }

        .input_Width20P {
            width: 20%;
        }

        .modalPopup {
            width: 800px;
        }
    }

    /**************************************************手機**************************************************/
    @media (max-width:1200px) and (min-width:769px) /*上選單跑版特別調整*/
    {
        .navbar-fixed-top .container {
            max-width: unset;
        }

        .navbar-collapse {
            padding: unset;
        }

        .navbar-brand {
            padding: 0px 2px;
        }

        .nav > li > a {
            padding: 0 2px;
        }
    }

    @media (max-width:765px) {

        .tbStyle01 {
            display: block;
            width: 100%;
            float: left;
            background-color: white;
        }

            .tbStyle01 .RowStyle {
                padding-bottom: 20px;
            }

            .tbStyle01 .Bgn {
                display: none;
            }

            .tbStyle01 tbody {
                display: block;
            }

                .tbStyle01 tbody tr {
                    display: block;
                    border: 1px solid #999;
                    margin-bottom: 5px;
                }

                    .tbStyle01 tbody tr td {
                        display: block;
                    }

                        .tbStyle01 tbody tr td span {
                            float: left;
                        }

                        .tbStyle01 tbody tr td .MediaTitle {
                            display: block;
                        }

                            .tbStyle01 tbody tr td .MediaTitle::after {
                                content: '：';
                            }

        .tbStyle02 {
            display: block;
            width: 100%;
        }

            .tbStyle02 tbody {
                display: block;
            }

                .tbStyle02 tbody tr {
                    display: block;
                }

                    .tbStyle02 tbody tr td {
                        display: block;
                        float: left;
                        width: 100%;
                        text-align: center;
                        border-top: unset;
                    }

        .Foot_Row2_Cell1 span {
            display: none;
        }

        #ContentPlaceHolder1_CKEditor_MPEUploadFile1_foregroundElement, #ContentPlaceHolder1_CKEditor_MPEUploadFile2_foregroundElement, #ContentPlaceHolder1_CKEditor_MPEUploadFile3_foregroundElement {
            left: 0 !important;
            top: 0 !important;
        }

        .modalPopup {
            width: 100%;
        }

        .modalPopup tr{
            height:300px;
        }
    }

    @media(max-width:991px) {
        .input_Width10P, .input_Width20P {
            width: 100%;
        }

        .cbl_CSS tbody, .cbl_CSS tr, .cbl_CSS td {
            display: block;
        }
    }
    /**************************************************小手機**************************************************/
    @media (max-width:435px) {
        .col-md-12 {
            padding: 0 5px;
        }

        .container {
            padding: unset;
            margin: unset;
        }
    }