/* .testFont { font-family:"Times New Roman"; font-size:2rem; } */
/* 共用 */
.title { color:#78b400; font-size:2rem; }
.mh3 { height:30px; }
.mh4 { height:40px; }
.mh6 { height:60px; }

.loading { background-color:#fff; 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; }
} */

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

.solution { padding:80px 0px; background: url("./images/bg-service.jpg") no-repeat center center; background-size:cover; }

.iot { display: flex; }
.iot .area { flex:1; }
.iot .area .title { padding-bottom:40px; }
.iot .area:nth-child(1) > div { padding:120px; text-align: left; }
.iot .area:nth-child(2) { background: url("./images/img-iot.jpg")no-repeat center center; background-size:cover; }
.iot .area .content { padding-bottom:30px; text-align: justify; color:#303030; }
.iot .area .more { border-radius: 50px; border:1px solid #303030; padding:10px 30px; color:#303030; text-decoration: none; }
.iot .area .more:hover { background-color:#78b400; border:1px solid #78b400; color:#fff; }

.about { padding:80px 0px; }
.about .subt { color:#ababab; }
.about .key { color:#181818; padding:30px 0px 15px; font-size:1.125rem; }
.about .val { color:#919191; padding-bottom:5px; }
.about .date { font-size:0.875rem; color:#919191; }

.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){
    .iot .area:nth-child(1) > div { padding:60px; }
}

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

}

@media (min-width:992px){
    
}

@media (max-width:991.98px){
    .mingyung .ytcont { padding:0px 15px; }
    .mingyung .ytcont .name { margin-top:40px; }
    .mingyung .ytcont .content { padding:20px 0px; }

    /* .product .pd .des .price { height:45px; } */
    .iot { display: block; }
    .iot .area:nth-child(2) { height:405px; }

    .info .qr { padding-top:40px; }
}



@media (min-width:768px) and (max-width:991.98px){
    .title { font-size:1.75rem; }
    /* .top .topbnr .bnr { height:60vh; } */
    /* .logo { height:120px; width:120px; }
    .logo img { padding-top:15px; width:auto; height:80px; }
    
    .top .logo img { width:45%; }

    .news .new .newt { font-size:1.2rem; }
    .news .new .date { font-size:1rem; }

    .contactus .name { margin-bottom:20px; } */

}

/* 手機橫寬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.5rem; }
    .solution { padding:60px 0px; }
    .iot .area .title { padding-bottom:20px; }
    .iot .area:nth-child(1) > div { padding:60px 30px; }
    .iot .area .more { padding:5px 15px; }

    .about { padding:60px 0px; }
    .about .key { font-size:1rem; }
    .about .val { font-size:1rem; }

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

@media (max-width:767.98px) and (min-width:576px){
    /* .title { font-size:4rem; line-height:70px; } */
    /* .holiday,.flower { padding:100px 0px; } */
    /* .holiday .row div:first-child { margin-bottom:40px; } */

    /* .flower .content { font-size: 1.5rem; } */
    /* .flower .aboutus { font-size:2rem; } */

    /* .titbg .tit { font-size:4rem; } */

    /* .product .pd { margin:40px 0px; } */


}

@media (max-width:575.98px){
    
}