.collapse {
    display: block;
}

.btn {
    width: 80%;
}

/* 抬頭 */
.header_index {
    text-align: center;
    margin-bottom: 10px;
}

/* 抬頭 下方 */
.header2 {
    height: 10px;
    background-color: #603813;
}

/* 內容 */
.content {
    border-radius: 10px;
    /*box-shadow: 0px 0px 1px #c2b49a;
    background: #fffdef;*/
    box-shadow: 0px 0px 1px #43d6dc;
    background: #cae6e7;
    padding-bottom: 10px;
}

/* 登入區塊 */
.login {
    border-radius: 10px;
    box-shadow: 1px 1px 5px #c2b49a;
    background: #F9F9F9;
    margin: 15px 0;
    padding-bottom: 20px;
}

/* 登入抬頭文字 */
.login_title {
    font-size: 26pt;
    font-weight: 700;
    color: #716558;
    vertical-align: central;
    align-content: center;
    margin: 15px 0 0 0;
}

/* 登入線條 */
.login_line {
    width: 90%;
    border: none;
    border-top: 2px dotted;
    border-color: #A29177;
    margin-bottom: 20px;
}

/* 登入群組 */
.login-group {
    position: relative;
    margin-bottom: 5px;
}

/* 登入欄位 */
.login_field {
    width: 80%;
    /*height: 25px;*/
    border: none;
    padding: 5px 7px 5px 15px;
    margin: 0 0 10px 0px;
    background: #fff;
    color: #c2b49a;
    font-size: 12pt;
    border: 2px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.login_auth_image {
    /*padding-left: 15px;*/
}

div.LoginContainer div.RescureAccountContainer {
    padding-top: 10px;
}

    div.LoginContainer div.RescureAccountContainer > span.RescureAccount {
        font-size: 16px;
        width: 100%;
        display: inline-block;
        text-align: center;
    }

        div.LoginContainer div.RescureAccountContainer > span.RescureAccount:before {
            content: '忘記密碼？';
            color: #337ab7;
            cursor: pointer;
        }

        div.LoginContainer div.RescureAccountContainer > span.RescureAccount:hover, div.LoginContainer div.RescureAccountContainer > span.RescureAccount:hover:before {
            color: royalblue !important;
            text-decoration: underline;
        }

/*學校校名樣式*/
.schoolName {
    font-family: cursive;
    font-size: 3.5rem;
    text-align: center;
    position: relative;
    min-height: 50px;
}

.schoolNameTop {
    color: #A57226;
    z-index: 100;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.schoolNameAfter {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    color: white;
    -webkit-text-stroke: 4px white;
    text-shadow: black 4px 3px 6px;
}

@media(max-width:768px) {
    .schoolName {
        min-height: 50px;
    }
}

/* 登入焦點變化 */
.login_field:focus, .login_field:focus + .fa {
    border-color: #10CE88;
    color: #10CE88;
}

/* 登入圖示位置 */
.fa {
    position: absolute;
    right: 30px;
    top: 12px;
    color: gray;
}

/* 注意事項區塊 */
.note {
    border-radius: 10px;
    box-shadow: 1px 1px 5px #c2b49a;
    background: #fff;
    /*background: #F9F9F9;*/
    padding: 0;
}

/* 注意事項圖釘 */
.note_nail {
    width: 30px;
    vertical-align: top;
    margin-top: 7px;
}

/* 注意事項(抬頭文字) */
.note_title {
    color: #b54948;
    /*color: #fff;*/
    font-weight: 500;
    font-family: 微軟正黑體,標楷體;
    font-size: 14pt;
    display: inline-block;
    padding-top: 2px;
}

/* 注意事項(抬頭BAR) */
.note_title_bar {
    height: 30px;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 2px 1px #c2b49a;
    /*background: #a87b4f;*/
    background: #ede2b1;
}

/* 客服專線區塊 */
.note2 {
    border-radius: 10px;
    box-shadow: 1px 1px 5px #c2b49a;
    background: #fff;
    /*background: #F9F9F9;*/
    padding: 0;
    margin-top: 10px;
}

/* 注意事項(內容) */
.note_list {
    /*position: absolute;
    top: 60px;
    left: 10px;*/
    padding: 5px 15px;
}

    .note_list ul.list1 {
        /*margin-top: 5px;
        padding-left: 15px;*/
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 20px;
    }

        .note_list ul.list1 li {
            margin: 0px;
            padding: 4px 0px 0px 0px;
            list-style-type: decimal;
            list-style-position: outside;
        }

    .note_list ul.list2 {
        margin: 0px;
        padding: 0px 0px 0px 15px;
    }

        .note_list ul.list2 li {
            list-style-type: disc;
            list-style-position: outside;
        }

/* 公告區塊1 */
.anno_block {
    border-radius: 10px;
    margin: 25px 0 0 0;
}

@media (min-width: 768px) {
    .anno_block {
        padding-left: 0;
    }
}

/* 公告區塊2 */
.anno {
    height: 480px;
    border-radius: 5px;
    background: white;
}

/* 公告橫條 */
.anno_layer {
    /*width: 610px;*/
    height: 25px;
    border-radius: 0 5px 0 0;
    background: #2d5997;
    /*background: #8b6326;*/
    margin: 0 0 0 10px;
}

/* 公告箭頭 */
.anno_arrow {
    color: #9EF49E;
    position: absolute;
    top: -3px;
    left: 10px;
}

@media (max-width: 768px) {
    .anno_arrow {
        left: 25px;
    }
}

/* 公告圖型 */
.anno_circle {
    width: 50px;
    height: 50px;
    border-radius: 99em;
    /*background-color: #8b6326;*/
    background-color: #2d5997;
    position: absolute;
    top: -12px;
}

/* 公告文字 */
.anno_text {
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    left: 65px;
    top: 1px;
}

/* 公告清單 */
.anno_list {
    padding: 20px;
    margin: 0px 3px;
    /*box-shadow: 1px 1px 5px #c2b49a;*/
}

    .anno_list table.ofy {
        width: 100%;
    }

        .anno_list table.ofy, .anno_list table.ofy td {
            border-bottom: dashed 1px #C9BDAB;
        }

            .anno_list table.ofy td.c1 {
                width: 45px;
            }

            .anno_list table.ofy td.c2 {
                width: 90px;
            }

            .anno_list table.ofy td.c3 {
                width: auto;
            }

    .anno_list table.pa_01 {
    }

        .anno_list table.pa_01, .anno_list table.pa_01 td {
            border: none !important;
        }

    .anno_list div.listPager {
        word-spacing: 5px;
    }

/* 回公佈欄列表 */
span.bt_c {
    display: inline-block;
    width: 114px;
    height: 20px;
    background: white url('../images/bt_c.jpg') left top no-repeat;
    cursor: pointer;
}

/* 首尾 */
.footer {
    height: 22px;
    border-radius: 0 0 10px 10px;
    font-family: Arial,微軟正黑體;
    font-size: 12px;
    color: black;
    /*background: #2d5997;*/
    /*margin-top: 15px;*/
    padding-top: 4px;
    text-align: center;
}

/* 客服電話 */
.service_note {
    color: white;
    margin-top: 5px;
    text-align: center;
    border-radius: 0 0 15px 15px;
    background-color: #347892;
}

/* 字型 */
.fnt_cht {
    font-family: 微軟正黑體,標楷體;
}

.fnt_11pt {
    font-size: 11pt;
}

.fnt_12pt {
    font-size: 12pt;
}

/* 按鈕 */
.css_btn_blue {
    font-size: 16px;
    padding: 5px 20px;
    color: #ffffff;
    background: #3a5aa5;
    border: 3px outset #ffffff;
    text-shadow: 0px -1px 3px #000000;
    -moz-box-shadow: 2px 2px 5px #000000;
    -webkit-box-shadow: 2px 2px 5px #000000;
    box-shadow: 2px 2px 5px #000000;
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
}

    .css_btn_blue:active {
        position: relative;
        top: 1px;
    }

.css_btn_gray {
    font-size: 16px;
    color: #000000;
    background: #f5f5f5;
    border: 1px solid #59A3C0;
    text-shadow: 0px 1px 0px #fff;
    -moz-box-shadow: 0px 1px 10px #d1cfd1;
    -webkit-box-shadow: 0px 1px 10px #d1cfd1;
    box-shadow: 0px 1px 10px #d1cfd1;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    padding: 5px 20px;
}

    .css_btn_gray:active {
        position: relative;
        top: 1px;
    }

input.vcode-refresh {
    margin-top: 10px;
}

/*#region 背景設定 */

/* 漸變 */
.trans_delay {
    background-color: #f1f1f1;
    color: black;
    transition-property: background-color, color;
    transition-duration: 400ms;
}

    .trans_delay:hover {
        background-color: #5b9bd1;
        color: white;
    }

/* 漸層(藍) */
.css_bg_blue {
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top, #1e5799 1%, #f0f0ff 100%) no-repeat; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1e5799 1%,#f0f0ff 100%) no-repeat; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1e5799 1%,#f0f0ff 100%) no-repeat; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#f0f0ff',GradientType=0 ); /* IE6-9 */
    margin: 0px;
}

/* 磚牆 */
.css_bg_wall {
    background: linear-gradient(153.43deg, #C79895 25px, transparent 25px), linear-gradient(333.44deg, #C79895 25px, transparent 25px), linear-gradient(153.43deg, #C79895 25px, transparent 25px), linear-gradient(333.44deg, #C79895 25px, transparent 25px);
    background-color: #DCDBDC;
    background-size: 60px 64px;
    background-position: 2px 2px, 58px 30px, 30px 34px, 86px 62px;
}

/* 黑點 */
.css_bg_spot {
    background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color: #282828;
    background-size: 16px 16px;
}

/* 波浪 */
.css_bg_wave {
    background: linear-gradient(#ffffff 50%, rgba(255,255,255,0) 0) 0 0, radial-gradient(circle closest-side, #FFFFFF 53%, rgba(255,255,255,0) 0) 0 0, radial-gradient(circle closest-side, #FFFFFF 50%, rgba(255,255,255,0) 0) 55px 0 #48B;
    background-size: 110px 200px;
    background-repeat: repeat-x;
}

/* 信紙 */
.css_bg_paper {
    background-color: #fff;
    background-image: linear-gradient(90deg, transparent 105px, #E4E5E5 105px, #E4E5E5 107px, transparent 107px), linear-gradient(#eee .1em, transparent .1em);
    background-size: 100% 1.4em;
}

/* 黑白方格 */
.css_bg_checkboard {
    background-color: #eee;
    background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

/* 藍色Grid */
.css_bg_bluegrid {
    /* background-color: #269; */
    background-color: #B7D7EE;
    background-image: linear-gradient(white 2px, transparent 2px), linear-gradient(90deg, white 2px, transparent 2px), linear-gradient(rgba(255, 255, 255, .3) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .3) 1px, transparent 1px);
    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
    background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

/*視窗字體大小*/
.swal2-popup.swal2-modal {
    font-size: 12pt;
}

.swal2-modal .swal2-title {
    font-size: 14pt;
}

.swal2-modal button {
    padding: 3px 6px;
}

/*#endregion */