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

.mhhome { height:100px; }

.loading { background-color:#006b7c; 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; }

/* drview 看診號碼區 */
.drview { background-color:#fdf9ec; padding:80px 0; }
.drview .container { /* min-height: 300px; border: 1px solid #ccc; */ }
.drview .c1 { font-size:24px; }
.drview .c1 .dn1 { background-color:#efdb00; padding:8px; font-weight:bold; }
.drview .c1 .dn2 { background-color:#ffffff; padding:8px; font-weight:bold; }
.drview .c1 .vno { 
    font-size:100px; 
    font-weight:bold; 
    font-family: Arial; 
    color:#fff; 
    padding: 30px 0;
    
}
.drview .c1 .vno1 { /*background-color:#006b7c;*/ background: linear-gradient(315deg, transparent 30px, #006b7c 0); }
.drview .c1 .vno2 { /*background-color:#2f4858;*/ background: linear-gradient(315deg, transparent 30px, #2f4858 0); }
.drview .c2 { text-align:left; }
.drview .c2 .tit { color:#006b7c; font-size:36px; }
.drview .c2 .hr { border-bottom:2px solid #a7cd02; width:110px; margin: 20px 0 25px; }
.drview .c2 .txt { font-size:18px; }

.cournews { background-color:#ffffff; }

.cournews .title { text-align:left; color:#006b7c; }
.cournews .course { border-bottom:1px solid #e2e2e2; text-align:left; }
.cournews .course .date { color:#4b4737; 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:#2f4858; }
.cournews .course .name a:hover { color:#008f86; }
.cournews .link { display: inline-block; color:#2f4858; padding-top:30px; }
.cournews .link:hover { color:#008f86; }

.contact {  background:#fff url(images/bg1.jpg) no-repeat center center/cover; }
.contact .group { padding-top:60px; }
.contact .subt { color:#006b7c; padding-bottom:10px; font-size:1.5rem; }
.contact .subt .icon { font-size:20px; vertical-align:1px;}
.contact .cont { padding-bottom:10px; font-size: 18px; }
.contact .cont , .contact .cont a { color:#2f4858; }
.contact .cont a:hover { color:#008f86; }
.contact .drs { display:flex; justify-content:center; }
.contact .drs ul { margin:0; padding:0; list-style:none; }
.contact .drs ul li { float:left; padding:0 15px; }
.contact .drs ul li.clear { clear:left; }

.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; } */
    
    .drview .c1 { font-size:20px; }
    .drview .c1 .vno { font-size:80px; } 
    .drview .c2 .txt { font-size:16px; }
}

@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){
    .drview .c2 { margin-top:30px; }
    .drview .c2 .tit { font-size:30px; } 
}



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

    .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 .subt .icon { font-size:0.9rem; vertical-align:1px;}
    .contact .group { padding-top:40px; }

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

    .loading img { width:80px; }
}

@media (max-width: 575.98px) {
    .drview .c1 { font-size:16px; }
    .drview .c1 .a1 { padding-right:10px; }
    .drview .c1 .a2 { padding-left:10px; }
    .drview .c1 .dn2 { font-size:18px; }
    .drview .c1 .vno { font-size:60px; padding:20px 0; }
    .drview .c2 .tit { font-size:24px; } 
    .drview .c2 .txt { font-size:16px; }
    .drview .c1 .vno1 { background: linear-gradient(315deg, transparent 20px, #006b7c 0); }
    .drview .c1 .vno2 { background: linear-gradient(315deg, transparent 20px, #2f4858 0); }

}