/* 共用 */
.title { color:#222831; font-size:2.5rem; }
/* .more { padding:7px 30px; border-radius: 50px; border:1px solid #1d2088; color:#1d2088; display: inline-block; background-color: transparent; }
.more.sml { padding:7px 45px; }
.more:hover { background-color:#1d2088; color:#fdd000; text-decoration: none; } */
.more { color:#919191; display: inline-block; padding-bottom:25px; padding-right:90px; border-bottom:1px solid #919191; font-size:0.875rem; }
.more:hover { color:#ff4500; border-bottom:1px solid #ff4500; }
.mh3 { height:30px; }
.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; }
}

/* .logo { height:160px; width:160px; left:120px; } */
/* .logo img { padding-top:15px; width:auto; } */

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

.logo { position: absolute; left:40px; top:48px; z-index:2; }
.logo img { height:60px; width:auto; }

.topnb .nb .submenu.inside { display: none; }
.tophome { position: absolute; top:0px; right:0px; z-index:10; }
.tophome .homemenu { background-color:#474747; border-radius:5px 0px 0px 5px; padding:0px 10px 0px 5px; }
.tophome .homemenu .nav > li > a { padding:20px 16px; position: relative; color:#fff; }
.tophome .homemenu li:hover a { color:#f9b839; }
.tophome .homemenu li:hover .dp_menu { display: block; }
.tophome .homemenu li:hover > a .arrow { display: block; }
.tophome .homemenu .arrow { display: none; position: absolute; left:50%; transform: translate(-50%); top:65px; color:#262626; }
.tophome .homemenu .arrow img { width:auto; }
.tophome .homemenu .dp_menu { display: none; position: absolute; top:110px; left:0px; right:0px; }
.tophome .homemenu .dp_menu .items { background-color:#262626; padding:25px; border-radius:5px; }
.tophome .homemenu .dp_menu .item { padding:5px 0px; }
.tophome .homemenu .dp_menu .item a { color:#fff; text-decoration: none; }
.tophome .homemenu .dp_menu .item a:hover { color:#f9b839; border-bottom:1px solid #f9b839; }
.tophome .homebtn { padding:5px; }
.tophome .homebtn a { color:#474747; font-size:0.875rem; }
.tophome .homebtn a:hover > .txt { border-bottom:1px solid #474747; }
.tophome .homebtn .slash { font-size:0.875rem; color:#fff; }

.about { padding:80px 0px; }

/* .holiday { padding-top:60px; } */

.holiday a:hover { opacity: 0.7; }

.about { background: url("./images/img_bg1.jpg") no-repeat center center; }
/* .about:before { content:''; position:fixed; z-index:-1; top:0; right:0; bottom:0; left:0; background: url("./images/img_bg1.jpg") no-repeat center center; background-size:cover; } */
.about .content { max-width:540px; margin:0px auto; padding-top:40px; padding-bottom:120px; color:#474747; }
.about .aboutus { display:inline-block; text-decoration: none; color:#d91815; border-bottom:1px solid #d91815; padding:5px 0px;  }
.about .aboutus:hover { color:#f9b839; border-bottom:1px solid #f9b839; }

/* .titbg { height:260px; } */
.titbg .tit { text-align:left; padding:0px 10px; font-size:1.5rem; color:#000; border-bottom:1px solid #d91815; }

.product { padding:20px 0px 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:#d91815; }
.product .pd .des .pdname { color:#474747; font-size:1.25rem; padding-bottom:10px; }
.product .pd .des .price { white-space: nowrap; font-family:"Helvetica"; }
.product .pd .des .price1 { color:#d91815; font-size:0.875rem; }
.product .pd .des .offer { font-size:1rem; font-weight: bold; }
.product .pd .des .price2 { color:#ababab; font-size:0.875rem; }

.recommend { transform: translate(0px,60px); }
.act { background-color:#f6f6f6; padding-top:140px; }

.news { padding:105px 0px; display: flex; text-align:left; }
.news .topType { width:calc(100% - 730px); }

.news .content { width:730px; color:#1b1b1b; }
.news .new { padding:20px 0px; display: flex; }
.news .new:not(:last-of-type) { border-bottom:1px solid #e2e2e2; }
.news .new .date { font-size:0.875rem; padding-right:60px; white-space: nowrap; }
.news .new .cont { display:inline-block; color:#1b1b1b; }
.news .new .cont:hover { color:#ff4500; }

/* .top .topmenu { position: absolute; top:0px; left:0px; width:100%; } */
/* .top .topmenu .menu { float:right; } */
/* .top .topmenu .menu .mbtn { float:left; position: absolute; width:80px; height:80px; color:#ffffff; font-size:1.5rem; border:none; }
.top .topmenu .menu .mbtn:hover { background-color: #bd9f77; }
.top .topmenu .menu .envelope_btn { right:160px; top:0px; }
.top .topmenu .menu .search_btn { right:80px; top:0px; }
.top .topmenu .menu .menu_btn { right:0px; top:0px; z-index:10; }

.top .topmenu .menu .mb1 { background-color:rgba(0,0,0,0.2); }
.top .topmenu .menu .mb2 { background-color:#000000; } */

/* .top .topmenu .subject { position: absolute; top:-100vh; height:100vh; width:100%; background-color:#303030; z-index:9; transition: top 0.3s; overflow:hidden; }
.top .topmenu .subject .toplogo { height:80px; padding:10px 0px; background-color:#66493d; text-align: center; }
.top .topmenu .subject .toplogo img { width:auto; }
.top .topmenu .subject .content { max-width:390px; padding:15px; margin:0 auto; }
.top .topmenu .subject .content ul { text-align: left; padding:60px 0px; }
.top .topmenu .subject .content ul .dp_menu { border-top: 1px solid #262626; padding:20px 0px; }
.top .topmenu .subject .content ul .dp_menu a { color:#ffffff; font-size:1.2rem; text-decoration: none; }
.top .topmenu .subject .content ul .dp_menu .name { color:#8a7457; } */
/* .top .topmenu .subject .content ul .dp_menu .date { color:#ababab; } */




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

}

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

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



@media (min-width:768px) and (max-width:991.98px){
    .news .topType { width:calc(100% - 500px); }
    .news .content { width:500px; }
}

/* 手機橫寬991.98內 banner全版 */
/* @media (max-width:991.98px) and (orientation: landscape){
    .top .topbnr .bnr { height:100vh; }
} */


@media (min-width:768px){
    .news .topType .more { padding-top:40px; }

}

@media (max-width:767.98px){
    /* .logo { left:30px; } */
    .about { background-size:cover; }
    .about .content { padding-bottom:80px; }

    .product .pd { margin:10px 0px; }
    
}

@media (max-width:767.98px){
    .title { font-size:1.5rem; }
    .more { padding-right:40px; padding-bottom:15px; }
    .titbg .tit { font-size:1.5rem; }

    .about { padding:80px 0px; }
    .act { padding-top:120px; }
    .holiday .row > div:first-child { margin-bottom:20px; }

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

    .news { display: block; padding:60px 0px; }
    .news .topType { width:100%; display: flex; justify-content: space-between; }
    .news .content { width:100%; }
    .news .new { display: block; }
    .news .new .cont { padding-top:10px; }
}