/* 共用 */
.title { display:inline-block; color:#000; font-size:1.875rem; padding-bottom:5px; border-bottom:1px solid #000; }

.mh3 { height:30px; }
.mh6 { height:60px; }

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

.topnb { display: none; }

.top { display:flex; overflow: hidden; margin-top:20px; align-items:center; }
.top .topbtn { flex:0 0 100px; border:none; background-color:transparent; color:#474747; font-size:1rem; }
.top .topbtn img { width:auto; }
.top .topbnr { width:100%; }
.top .topbnr img { width:auto; max-width:100%; }

.mbtns .mbtn .dp_menu { top:80px; }

.product { padding:60px 0px; }
.product .items { margin:40px 0px; }
.product .pd { margin:20px 0px; }
.product .pd .des { padding:20px; }
.product .pd .des a { text-decoration: none; }
.product .pd .des a:hover > .pdname { color:#e21b13; }
.product .pd .des .pdname { font-size:1.25rem; padding-bottom:10px; }
.product .pd .des .price { white-space: nowrap; font-family:"Helvetica"; }
.product .pd .des .price1 { font-size:0.875rem; }
.product .pd .des .offer { font-size:1rem; font-weight: bold; }
.product .pd .des .price2 { font-size:0.875rem; }

.about { padding:80px 0px; background-color:#f6f6f6; }
.about .content { padding:60px 20px; max-width:540px; width:100%; margin:0px auto; }
.about .link { display:inline-block; background-color:#262626; color:#f1f1f1; padding:10px 30px; border:1px solid #262626; }
.about .link:hover { background-color:transparent; color:#262626; text-decoration: none; }

/* 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; } */
}

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

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



@media (min-width:768px) and (max-width:991.98px){

}

@media (min-width:768px){


}

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

    .product .pd { margin:10px 0px; }
    .product .pd .des { padding:10px; }
    .product .pd .des .pdname { font-size:1.2rem; }
    .product .pd .des .price1 { font-size:1rem; }
    .product .pd .des .offer { font-size:1.2rem; }
    .product .pd .des .price2 { font-size:0.9rem; }

    .about .content { padding:30px 20px; }
}