/*登入*/
div.loginInfo {
    padding: 0px 2px 2px 2px;
}

/*與boostrap 相容*/
table.collapse {
    display: table;
}

table .row:before, table .row:after {
    content: normal;
}

.cardblock input[type="file"] {
    display: inline;
}

.h1, .h0, .h2, .h3 {
    font-size: medium;
}

/*新版型*/
.page_content {
    padding-top: 20px;
}

.panelContent {
    overflow-x: auto;
    width: 100%;
}

/* 表格     */
.table_content tr:nth-child(2n+1) td, table.grid tr:nth-child(2n+1) td {
    background-color: #edf4f4 !important;
}

.table_content tr:nth-child(2n) td, table.grid tr:nth-child(2n) td {
    background-color: #fff !important;
}

.table_content tr:hover td, table.grid tr:hover td {
    /*background-color: #bde2e2 !important;*/
    background-color: yellow !important;
}

/*選單*/
div.menu_StudyFile, div.menu_CourseChoice, div.menu_ScoreFile, div.menu_PersonalFile {
    width: 95%;
}

span.programPath {
    margin-left: 0;
}

div.mainMenu {
    padding-bottom: 4px;
}

div.mainMenu2 {
    float: left;
}

.mainMenu .dateinfo {
    color: white;
    padding-top: 0;
}

/* middle_block */
.middle_block {
    margin-bottom: 10px;
    background-color: white;
    border: none;
}

div.subMenu {
    border: none;
    max-width: 180px;
}

    div.subMenu .menuItem {
        position: relative;
        border-bottom: solid 1px #e9e9e9;
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: #5380a5;
    }

        div.subMenu .menuItem.menu_selected {
            background-color: #0f324e;
        }

        div.subMenu .menuItem:first-child {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        div.subMenu .menuItem:last-child {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }


/*通用*/
body {
    background-color: #f8f0e4;
}

div.container {
    margin: 0 auto;
    min-width: 0;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}


/* 手機版 左方選單 */
.sideMenu {
    display: none;
    position: fixed;
    z-index: 5000;
    top: 0;
    left: 0;
    width: 230px;
    background-color: #ccc;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}


/*手機版 menu*/
.topMenuBar {
    background-color: #2d5997;
    height: 40px;
}

    .topMenuBar .left {
        float: left;
        margin-left: -5px;
    }

    .topMenuBar .right {
        float: right;
        padding-top: 5px;
        color: white;
        line-height: 32px;
    }

        .topMenuBar .right a {
            color: #f8ed31;
        }

            .topMenuBar .right a:hover, .topMenuBar .right a:active {
                color: #c9b343;
            }

    .topMenuBar .topMenuBtn {
        display: block;
        width: 40px;
        height: 40px;
        border: none;
        background: url(../images/master/menu_1.png) no-repeat;
        background-size: contain;
    }

        .topMenuBar .topMenuBtn:hover, .topMenuBtn:active {
            background: url(../images/master/menu_2.png) no-repeat;
            background-size: contain;
        }

.sideMenu .subtitle {
    height: 30px;
    background-color: #49bd9b;
    color: white;
    font-size: 15px;
    padding-left: 10px;
    line-height: 30px;
}

.sideMenu .list-group {
    margin-bottom: 0px;
}


/* 上方圖片 */
div.header_career {
    background: url('../images/master/top_1.jpg') no-repeat;
}

div.header {
    background: url('../images/master/top_2.jpg') no-repeat, url('../images/master/top_2rep.jpg') repeat-x;
}

/*clearfix*/

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1; /*For IE 6&7 only*/
}


@media only screen and (max-width: 768px) {
    div.loginInfo {
        width: 200px;
    }

    .middle_block_pos span {
        font-size: 13px;
        padding-left: 3px;
        padding-right: 3px;
    }

    .mainMenu span {
        font-size: 13px;
    }

    .middle_block_pos {
        padding: 0;
    }

    .header, .header_career {
        margin-left: -15px;
        margin-right: -15px;
    }

    /* 上方圖片 */
    div.header_career {
        background: url('../images/master/top_1_m.jpg') no-repeat;
        background-size: cover;
        background-position: center;
        height: 88px;
    }

    div.header {
        background: url('../images/master/top_2_m.jpg') no-repeat;
        background-size: cover;
        background-position: center;
        height: 88px;
    }

    .page_content {
        padding-top: 10px;
    }

    .mainPageLink {
        padding-left: 10px;
        background-color: #1A7892;
        padding-top: 9px;
        padding-bottom: 8px;
        color: white;
        display: block;
    }
        .mainPageLink:hover {
            color: white;
            background-color: #0f4757;
            text-decoration: none;
            transition-duration: 0.2s;
        }
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }

}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (min-width: 1300px) {
    .container {
        width: 100%;
    }

    body.IndexPage .container {
        width: 1170px;
    }
}

@media (min-width: 992px) {
    .col-md-2 {
        width: 210px;
    }
}