* {
    font-family: "微軟正黑體","Helvetica Neue",Helvetica,Arial,sans-serif;
}

a:link, a:visited, a:active, a:hover {
    text-decoration: none;
}

.RowNum {
    font-size: 10pt;
}

.CourseTitle {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 14pt;
    color: green;
}

.courseDiv {
    display: block;
    padding: 8px;
    /*width:44%;*/
    border: 1px solid #CCCCCC;
    margin: 5px;
    height: 180px;
    line-height: 1.45em;
}

.CosLabel {
    position: relative;
    top: 0px;
    right: 0px;
    background-color: green;
    color: white;
    padding: 3px;
    margin-top: -8px;
    margin-right: 0px;
    width: 5em;
}

.CosLabe2 {
    position: relative;
    top: 0px;
    right: 0px;
    background-color: #9467a1;
    color: white;
    padding: 3px;
    margin-top: -26px;
    margin-left: 5.2em;
    width: 5em;
}

.orange {
    background-color: orange;
}

.purple {
    background-color: purple;
}

.NavyBlue {
    background-color: #6699CC;
}

.forest {
    background-color: #669966;
}

.black {
    background-color: black;
}

.ctag {
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 3px;
}

.Tuition {
    color: #25b1c0;
    font-size: 12pt;
    font-weight: bold;
}

.courseDiv:hover {
    cursor: pointer;
    background-color: #F2F2F2;
}

.course_grid {
    clear: both;
}


.icon-shopping-cart {
    background-position: -360px -120px !important;
}

.icon-calendar {
    background-position: -192px -120px !important;
}

.icon-time {
    background-position: -48px -24px !important;
}

.icon-user {
    background-position: -168px 0 !important;
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(https://signup.nd.nthu.edu.tw/ceeSharp/img/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.courseDiv {
    display: block;
    padding: 8px;
    /* width: 44%; */
    border: 1px solid #CCCCCC;
    margin: 5px;
    height: 180px;
    line-height: 1.65em;
    cursor: pointer;
    font-size: 0.9em;
}

.searchKey {
    font-weight:600;
}


@-ms-viewport {
    width: device-width;
}

@media (min-width: 980px) {
    .courseDiv {
        width: 45%;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .courseDiv {
        width: 45%;
    }
}

@media (max-width: 767px) {



    h2 {
        font-size: 17pt !important;
    }

    .repo {
        display: none;
    }

    .courseDiv {
        width: 90%;
        !important;
    }

    .nav-tabs > li {
        width: 7em;
        !important;
        font-size: 14pt !important;
    }

        .nav-tabs > li > a {
            padding: 6px !important;
        }

    .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
        border: 1px solid transparent !important;
    }

    .galleryBlock {
        width: 99%;
        important;
    }
}

@media (max-width: 480px) {
    h2 {
        font-size: 17pt !important;
    }

    .courseDiv {
        width: 90%;
        !important;
    }

    .nav-tabs > li > a {
        padding: 2px !important;
        color: #393 !important;
    }

    .nav-tabs > li {
        width: 6em;
        !important;
        font-size: 13pt !important;
        margin: 1px !important;
    }

    .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
        border: 1px solid transparent !important;
        color: #393 !important;
    }

    .galleryBlock {
        width: 99%;
        important;
    }
}