body { background:url("./images/img-pcbg-1a.png") repeat-y left top; background-size:100%; background-color:#faf6e5; }
/* 共用 */
.title { color:#000; font-size:2.5rem; line-height:50px; }
.tibg { text-align:left; padding-left:30px; padding-top:60px; background:url("./images/ico-00.png")no-repeat left top; background-size:contain; line-height:40px; }
.more { display: inline-block; color:#559c37; }
.more i { font-size:0.875rem; }
.more:hover { color:#98bf0a; }
.nodata { color:#919191; }

.mhhome { height:100px; }

.loading { background-color:#faf6e5; position: fixed; top:0; left:0; width:100%; height:100%; z-index:10000; }
.loading img { width:100px; padding-top:30vh; }

.about { background:url("./images/ico-00.png")no-repeat center top; background-size:4px; }
.about .homeicon { padding-top:10px; padding-bottom:20px; }
.about img { width:50px; }
.about .cont { padding:20px 0px; }
.about .area { padding:40px 0px; }
.about .area .item { padding:0px 45px; }
.about .area .item img { width:80px; height:80px; }
.about .area .item .tit { color:#559c37; font-size:2rem; padding-top:15px; }
.about .area .item .bd { height:4px; width:100%; margin:30px 0px; background-color:#98bf0a; }
.about .area .item .cont1 { color:#262626; margin-bottom:30px; }
.about .area .item .cont2 { color:#bf7e04; }

.staff { position: relative;  }
.staff .tbg { height:480px; width:calc(100% - 120px); position: absolute; right: 0px; top:0px; background:url("./images/img-bg-3.jpg") no-repeat left top; background-size:cover; }
.staff .item .area { box-shadow: 2px 2px 5px rgba(0,0,0,0.1); }
.staff .item .mask { height:165px; width:100%; position: absolute; bottom:0px; left:0px; background:url("./images/img-bg-4.png")repeat-x center bottom; background-size:100%; }
.staff .item .name { position: absolute; color:#2a6218; left:40px; bottom:10px; }
.staff .item .des { text-align: left; padding:40px; padding-top:0px; background-color:#fff; }
.staff .item .des .tit { color:#000; font-size:1.5rem; padding-bottom:40px; }
.staff .item .des .cont { color:#474747; display: inline; }
/* overflow: hidden; line-height: 23px; max-height: 69px; */
.staff .item .des .cont::after { content: "......"; }
.staff .item .des a { color:#cedb0e; }
.staff .item .des a:hover { color:#bf7e04; }


.travel .area .cont { color:#474747; margin:60px 0px; }

.news { background:url("./images/img-pcbg-1b-news.png")no-repeat left top; background-size:100%; background-color:#fff; }
.news .item .area { padding:40px 0px 60px 0px; }
.news .new { text-align:left; }
.news .new .date { color:#98bf0a; font-size:0.875rem; padding-top:15px; }
.news .new .cont { padding:15px 0px; }
.news .new .cont a { color:#262626; }
.news .new .cont a:hover { color:#bf7e04; }
.news .bd { border-bottom:1px dotted #e2e2e2; }

.imgBase { width:100%; position: relative; padding-top:33.33%; }
.imgBase .imgArea { position: absolute; top:0px; bottom:0px; left:0px; right:0px; background-color:#fff; }



/* 圖片淡入淡出 */
@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; }

/* 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 (min-width:1200px){
    .news .row { margin-left:-35px; margin-right:-35px; }
    .news .row .item { padding:0px 35px; }
}

@media (max-width:1199.98px){
    .staff .tbg { width:calc(100% - 60px); }
}

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

@media (min-width:992px){
    .travel .area { width:350px; }
    .travel .pic { width:calc(100% - 350px); }

    
}

@media (max-width:991.98px){
    .about .area .item { padding:0px 15px; }
    
    .staff .tbg { height:350px; }
    .staff .item .name { left:20px; }
    .staff .item .des { padding:20px; padding-top:0px; }
    .staff .item .des .tit { padding-bottom:20px; }

    .travel .pic { margin-top:60px; }

    
}



@media (min-width:768px) and (max-width:991.98px){
    /* .top .topbnr .bnr { height:50vh; } */
    
    .about .area .item .tit { font-size:1.75rem; }
    
}

/* 手機橫寬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){
    body { background:url("./images/img-mbg-2a.png") no-repeat left top; background-size:100%; background-color:#faf6e5; }
    .title { font-size:1.25rem; }
    .tibg { padding-top:40px; padding-left:15px; line-height:25px; }
    .more { font-size:0.875rem; }
    .mhhome { height:60px; }

    .about { background-size:2.4px; }
    .about .area .item:not(:last-of-type) { margin-bottom:40px; }
    .about .area .item img { width:40px; height:40px; }
    .about .area .item .tit { font-size:1.25rem; }
    .about .area .item .cont1 { margin-bottom:15px; }
    .about .area .item .bd { height:2px; width:9rem; margin:15px auto; }

    .staff .item { padding:0px 40px; }
    .staff .item:not(:last-of-type) { margin-bottom:40px; }
    .staff .tbg { width:calc(100% - 25px); height:240px; }

    .travel .area .cont { margin:30px 0px; }
    .travel .pic { margin-top:30px; }

    .news { background:url("./images/img-mbg-2b-news.png")no-repeat right top; background-size:100%; background-color:#fff; }
    .news .item:not(:last-of-type) { margin-bottom:40px; }
    .news .item .area { padding:20px 0px; }
    .news .new .date { padding-top:10px; }
    .news .new .cont { padding:5px 0px; }

    .loading img { width:80px; }
}

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