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

.mhhome { height:100px; }

.loading { background-color:#003966; 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:#17607d; border:1px solid #17607d; }
.about .link:hover { background-color:#17607d; color:#f7f3f0; }

.cournews { background-color:#f7f6f4; }

.cournews .title { text-align:left; }
.cournews .course { border-bottom:1px solid #e2e2e2; text-align:left; }
.cournews .course .date { color:#95360e; 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:#000; }
.cournews .course .name a:hover { color:#003966; }
.cournews .link { display: inline-block; color:#17607d; padding-top:30px; }
.cournews .link:hover { color:#fe8f30; }

.contact .group { padding-top:60px; }
.contact .subt { color:#398b9f; padding-bottom:10px; font-size:1.25rem; }
.contact .subt .icon { font-size:1rem; }
.contact .cont { padding-bottom:10px; }
.contact .cont , .contact .cont a { color:#919191; }
.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){
    
}



@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; }

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

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

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

    .loading img { width:80px; }
}