/* 共用 */
.title { color:#006633; font-size:2rem; }
.title .tb { width:32px; border-bottom:1px solid #ff7725; margin:25px auto; }
.more { position: absolute; left:0px; right:0px; bottom:80px; margin:0px 80px; padding:5px; border:1px solid #919191; color:#919191; text-align:center; }
.more:hover { background-color:#ff7725; border:1px solid #ff7725; color:#fff; text-decoration: none; } 
/*.more.sml { padding:7px 45px; }*/

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


.top { position: relative; }
.top .topbnr .bnr { width:100%; height:100vh; }
/* 圖片放大 */
@keyframes zoomin {
    0% { transform: scale(1); }
    100% { transform: scale(1.1); }
}

.wt { padding:140px 0px 60px 0px; background: url("./images/img_bg-1.jpg") no-repeat center center; background-size:cover; }
.wt .content,.partner .content { color:#474747; font-size:1rem; }

.product { padding:60px 0px; }
.product .pd { margin-top:40px; position: relative; }
.product .pd .gbox { overflow: visible; }
.product .pd .pdname { color:#fff; font-size:1.25rem; padding:10px 15px; display: inline-block; position: absolute; background-color:#ff7725; bottom:20px; right:0px; transform:translate(8px,0px); }
.product .pd:hover .pdname { background-color:#99cc00; }
.product .pd .pdname img { margin-left:25px; width:18px; height:auto; }

.partner { position:relative; padding-top:60px; }
.partner .title { color:#006633; }
/* .partner .content { margin-bottom:100px; } */
.partner .more { max-width:350px; margin:0px auto; width:80%; }


/* 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){

}

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

@media (min-width:992px){
    /* .contactus .linelink { display: flex; max-width:300px; margin:0px auto; } */
}

@media (max-width:991.98px){
    .product .pds .pdname { font-size:1rem; }
}



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

/* @media (max-width:991.98px) and (orientation: landscape){
    .top .topbnr .bnr { height:100vh; }
} */

@media (min-width:768px){

}

@media (max-width:767.98px){
    .product .pd { display: block; }
    .more { bottom:60px; margin:0px 30px; padding:10px; }
}

/* @media (max-width:767.98px) and (min-width:576px){
    .title { font-size:4rem; }

    .wt .content { font-size:1.5rem; text-align: left; }

} */

@media (max-width:767.98px){
    .title { font-size:1.5rem; }

    .wt { padding:80px 0px; }
    .more { bottom:30px; margin:0px 30px; padding:10px; }
    
}