/* .testFont { font-family:"Times New Roman"; font-size:2rem; } */
/* 共用 */
.title { color:#C1574C; font-size:2.5rem; line-height:50px; }
.titbd { width:120px; height:1px; border-bottom:1px solid #019C84; margin:0px auto; }

.mhhome { height:100px; }

.loading { background-color:#005e89; position: fixed; top:0; left:0; width:100%; height:100%; z-index:10000; }
.loading img { width:auto; padding-top:30vh; }
/* 圖片淡入淡出 */
@keyframes showin {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes showout {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

/* .logo { height:160px; width:160px; left:120px; } */
/* .logo img { padding-top:15px; width:auto; } */

.top { position: relative; }
.top .topbnr .bnr { width:100%; height:100vh; }

.about .content { padding:60px 20px; max-width:770px; margin:0px auto; }
.about .link { display:inline-block; padding:20px 75px; line-height:15px; color:#019c84; border:1px solid #019c84; }
.about .link:hover { background-color:#019c84; color:#f7f3f0; }

/* album */
.album { display: flex; }
.album .items { flex-grow:1; position:relative; }
.album .items:hover .mask { cursor: pointer; display: block; }
.album .items .txt { position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); white-space: nowrap; color:#ffffff; font-size:2rem; padding:10px 20px; font-family: 'Noto Serif TC', serif; z-index:1; }
.album .items .mask { position: absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.5); display:none; }

.cournews { background-color:#f7f6f4; }

.cournews .title { text-align:left; }
.cournews .course { border-bottom:1px solid #c6c6c6; text-align:left; }
.cournews .course .date { color: #005e89; font-size:0.875rem; display: table-cell; }
.cournews .course .name { max-width:calc(100% - 70px); padding:20px 0px; padding-left:30px; display: table-cell; }
.cournews .course .name a { color:#262626; }
.cournews .course .name a:hover { color:#003966; }
.cournews .link { display: inline-block; color:#019c84; padding-top:30px; }
.cournews .link:hover { color:#fe8f30; }

.contact { padding:125px 0px; background:url("images/foot_bg.jpg")no-repeat right center; background-size:cover; }
.contact .group { padding-top:60px; }
.contact .subt { color:#005e89; padding-bottom:10px; font-size:1.125rem; }
.contact .subt .icon { font-size:1rem; }
.contact .cont { padding-bottom:10px; }
.contact .cont.small { font-size:0.875rem; }
.contact .cont , .contact .cont a { color:#474747; }
.contact .cont a:hover { color:#fe8f30; }

.map-responsive { overflow:hidden; padding-bottom:480px; position:relative; height:0; }
.map-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; }

/* amination area init */
/* .cont, .prod,.btmbnr, .newcont { transform:translateY(100px); opacity: 0; } */
.upslideAni { animation:upslide 2s; transform:translateY(0px); opacity: 1; }
/* animation */
@keyframes upslide {
    0% { transform:translateY(100px); opacity: 0; }
    100% { transform: translateY(0px); opacity: 1; }
}


@media (max-width:1199.98px){
    /* .logo { left:50px; } */
}

@media (max-width:1199.98px) and (min-width:992px){
    /* .top .topbnr .bnr { height:50vh; } */

}

@media (min-width:992px){
    .cournews .row > div { padding:0px 30px; }
}

@media (max-width:991.98px){
    .album .items .txt { font-size:1.25rem; }
}



@media (min-width:768px) and (max-width:991.98px){
    /* .top .topbnr .bnr { height:50vh; } */

}

/* 手機橫寬991.98內 banner全版 */
/* @media (max-width:991.98px) and (orientation: landscape){
    .top .topbnr .bnr { height:100vh; }
} */

@media (min-width:768px){


}

@media (max-width:767.98px){
    .title { font-size:1.75rem; }
    .titbd { width:80px; }
    .mhhome { height:60px; }

    .about .link { padding:12px 40px; }

    .album { flex-wrap: wrap; }
    .album .items { width:50%; }

    .cournews .course .date,.cournews .course .name { display: block; }
    .cournews .course .date { padding:10px 0px; }
    .cournews .course .name { padding:0px; padding-bottom:15px; }

    .contact { padding:60px 0px; }
    .contact .subt { font-size:1rem; }
    .contact .group { padding-top:40px; }

    .map-responsive { padding-bottom:240px; }

    .loading img { width:80px; }
}

@media (max-width:575.98px){
    .album .items { width:100%; }
}