/* 共用 */
/* .title { color:#000; font-size:2.1rem; font-weight: bold; padding-bottom:15px; margin-bottom:30px; }
.title .bbimg { background: url("./images/img_h1.png") no-repeat center bottom; background-size:80%; padding-bottom:15px; }
a.more { color:#093f9b; padding-bottom:10px; border-bottom:1px solid #54bdf2; text-decoration: none; }
a.more:hover { color:#54bdf2; border-bottom:1px solid #ffe100; } */

/* .loading { background-color:#66493d; position: fixed; top:0; left:0; width:100%; height:100%; z-index:10000; }
.loading img { width:auto; padding-top:30vh; } */
.mtop { height:145px; }

.top { position: relative; }
.top .topbnr .bnr { width:100%; height:100vh; }
.top .topmask { position: absolute; bottom:0; left:0; right:0; }

/* tophome */
.tophome { position: absolute; top:0; width:100%; z-index:100; background: url("./images/img_menubg.png") repeat-x top left; }
.tophome .toparea { display: flex; align-items: center; padding:15px; color: #f2dbcc; }
.tophome .toparea a { color: #f2dbcc; text-decoration: none; }
.tophome .toparea a:hover { color: #ff9a94; }
.tophome .toparea > div { flex:1; }
.tophome .toparea .txt { font-size:0.875rem; }
.tophome .toparea .logo img { width:auto; }
.tophome .toparea .icon { padding-left:30px; }

.tophome .menu { border-bottom: 1px solid #fff; }
.tophome .menu .navbar { justify-content: center; }
.tophome .menu .nav-item .nav-link { color:#fff; padding:15px 16px; }
.tophome .menu .nav-item .nav-link:hover { color:#ff9a94; }


/* amination area init */
/* .kaitek, .service, .news { 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 (min-width:1200px){

}

@media (max-width:1199.98px){
    .mtop { height:88px; }
}

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

/* 手機橫寬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){
    .mtop { height:60px; }
}