
.page-header {
    background:linear-gradient(rgba(24, 29, 56, .7), rgba(24, 29, 56, .7)), url(../images/curriculum_images.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}

.page-header-inner { background:rgba(15, 23, 43, .7); }


.others_div { padding:20px 100px 20px 100px; }

@media (max-width: 1880px) {
    .others_div { padding:20px 60px 20px 60px; }
}

@media (max-width: 1400px) {
    .others_div { padding:20px 30px 20px 30px; }
}

@media (max-width: 1000px) {
    .others_div { padding:20px 20px 20px 20px; }
}

@media (max-width: 700px) {
    .others_div { padding:20px 15px 20px 15px; }
}


/* 讓卡片滑過時有非常細微的浮起感，增添現代網頁的高級感 */
.card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 2px solid #f0f0f0 !important; /* 淡淡的邊框防死白 */
}
.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.20)!important;
}

/* 調整按鈕在滑過時的顏色深度 */
.btn-outline-secondary {
    color: #2b4666;
    border-color: #2b4666;
}
.btn-outline-secondary:hover {
    background-color: #2b4666;
    border-color: #2b4666;
    color: #fff;
}



.table-responsive > .table > .table-light > tr > th { font-size:17px; font-weight:600; }
.table-responsive > .table > tbody > tr > td { font-size:17px; font-weight:600; }
.bg-secondary { font-size:15px; font-weight:500; padding:5px 8px 5px 8px; }

@media (max-width: 560px) {
    .table-responsive > .table > .table-light > tr > th { font-size:15px; font-weight:500; }
    .table-responsive > .table > tbody > tr > td { font-size:15px; font-weight:500; }
    .bg-secondary { font-size:13px; font-weight:500; padding:5px 8px 5px 8px; }
}



.title_top { color:#2b4666; border-left:4px solid #2b4666; padding-left:12px; }
.one_text { text-align:justify; font-weight:600; font-size:17px; }
.one_ahref { background-color: #2b4666; border-radius: 4px; font-size: 0.95rem; }
.mt-4 > .btn:hover { background-color:#2b4666; }


.two_text { font-weight:600; font-size:17px; }
.two_ahref { border-radius: 4px; font-size: 0.9rem;}

.three_text { font-size:17px; font-weight:600; border-left: 4px solid #6c757d !important; }

.three_text > i { color: #2b4666; }
.fw-medium { color: #2b4666; }

.four_text { font-size:19px; }
@media (max-width: 560px) {
    .four_text { font-size:17px; }
}



.ul_li_text { font-size:17px; list-style-type:square; font-weight:600; }


.five_text { font-size:18px; font-weight:600; text-align:justify;}
.date_text { font-size:18px; font-weight:600; line-height:36px; }

.awrd_logo { font-size:70px; color:#2b4666 !important; }
.awrd_text { font-size:17px; font-weight:600; }

.download_a { font-size:18px; border-radius:4px; padding:10px 0 8px 0; }

.datetime_small { font-size: 0.8rem; }
.datetime_small i { margin-right:9px; }