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

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

.loading { background-color:#000; 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:120px 0px; background: url("./images/img_bg-1.jpg") no-repeat center center; background-size:cover; }
.wt .content,.partner .content { color:#fff; font-size:1rem; }

.product { background-color: #000; padding:80px 0px; }
.product .pd { display: flex; }
.product .pd.right { flex-direction: row; }
.product .pd.left { flex-direction: row-reverse; }
.product .pd .content { /* flex-grow: 1; flex-shrink: 0; flex-basis: calc(50% + 15px); */ /* flex:1 0 calc(50% + 15px); */ width:calc(50% + 15px); padding:80px; text-align: left; background-color:#1b2533; position: relative; }
.product .pd .pimg { /* flex-grow: 1; flex-shrink: 0; flex-basis: calc(50% - 15px); */ /* flex:1 0 calc(50% - 15px); */ width:calc(50% - 15px); overflow: hidden; }

.product .content .cls { color:#a38d76; margin-bottom:10px; }
.product .content .tit { color:#fff; font-size: 1.75rem; margin-bottom:20px; }
.product .content .cont { color:#c6c6c6; line-height:24px; max-height:216px; overflow: hidden; }
.product .content .mask { position: absolute; bottom:110px; height:60px; left:0px; right:0px; margin:0px 80px; background:url("./images/pd_bg.png")repeat-x top center; }

.partner { position:relative; padding:60px 0px; background: url("./images/img_bg-2.jpg") no-repeat center center; background-size:cover; }
.partner .content { margin-bottom:100px; }
.partner .more { max-width:350px; margin:0px auto; width:80%; }

/* .top .topmenu { position: absolute; top:0px; left:0px; width:100%; }
.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 .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 .submenu { border-top: 1px solid #262626; padding:20px 0px; }
.top .topmenu .subject .content ul .submenu a { color:#ffffff; font-size:1.2rem; text-decoration: none; }
.top .topmenu .subject .content ul .submenu .name { color:#8a7457; }
.top .topmenu .subject .content ul .submenu .date { color:#ababab; } */


/* .product { padding:80px 0px; background-color:#f3fafe; }
.product .items { margin:40px 0px; }
.product .pd .des { padding:20px; }
.product .pd .des a { text-decoration: none; }
.product .pd .des a:hover > .pdname { color:#83b938; }
.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:#1d2088; font-size:0.875rem; }
.product .pd .des .offer { font-size:1rem; font-weight: bold; }
.product .pd .des .price2 { color:#ababab; font-size:0.875rem; } */


/* 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; }
    .product .pd .content { padding:60px; }
    .product .content .tit { font-size: 2rem; margin-bottom:20px; }
    .product .content .cont { line-height:24px; max-height:168px; }
    .product .content .mask { bottom:98px; margin:0px 60px; height:50px; }
}

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

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



@media (min-width:768px) and (max-width:991.98px){
    /* .top .topbnr .bnr { height:60vh; } */
    .more { bottom:40px; margin:0px 40px; }
    .product .pd .content { padding:40px; }
    .product .content .cls { margin-bottom:5px; }
    .product .content .tit { font-size: 1.5rem; margin-bottom:10px; }
    .product .content .cont { line-height:24px; max-height:120px; }
    .product .content .mask { bottom:78px; margin:0px 40px; height:45px; }
}

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

@media (min-width:768px){
    
    /* .product .pd { position:relative; }
    .product .pd .des { background: url("./images/img_pdbg.png") repeat-x; position: absolute; left:50%; transform:translate(-50%); bottom:0px; color:#ffffff; opacity:0; transition:all .2s ease-in-out; padding-top:40px; }
    .product .pd:hover .des { opacity:1; }
    .product .pd .des .price { margin:10px 0px; } */

}

@media (max-width:767.98px){
    .product .pd { display: block; }

    .more { bottom:60px; margin:0px 30px; padding:10px; }
    .product .pd .content { padding:60px 30px; }
    .product .content .cls { font-size:1.5rem; margin-bottom:10px; }
    .product .content .tit { font-size: 2.5rem; margin-bottom:25px; }
    .product .content .cont { font-size: 1.5rem; line-height:36px; max-height:255px; margin-bottom:60px; }
    .product .content .mask { bottom:100px; margin:0px 30px; height:45px; }

    .product .pd .content { width:100%; }
    .product .pd .pimg { width:100%; }
}

/* @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:2rem; }

    .wt { padding:80px 0px; }
    .more { bottom:30px; margin:0px 30px; padding:10px; }
    .product .pd .content { padding:30px; }
    .product .content .cls { font-size:1rem; margin-bottom:5px; }
    .product .content .tit { font-size: 1.5rem; margin-bottom:10px; }
    .product .content .cont { font-size: 1rem; line-height:24px; max-height:120px; margin-bottom:60px; }
    .product .content .mask { bottom:78px; margin:0px 30px; height:40px; }

    .partner .content { margin-bottom:50px; }
    
}