/* .testFont { font-family:"Times New Roman"; font-size:2rem; } */
/* 共用 */
.title { color:#613f75; font-size:2.5rem; line-height:50px; }
.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; }
.mh3 { height:30px; }
.mh6 { height:60px; }

.loading { background-color:#ff729f; 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:calc(100% - 1px); height:100vh; }

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

.topnb .nb .submenu.inside { display: none; }
.tophome { position: absolute; top:0px; right:0px; z-index:10; }
.tophome .homemenu { background-color:#fff; border-radius:5px 0px 0px 5px; padding:0px 10px 0px 5px; }
.tophome .homemenu .nav > li > a { padding:20px 16px; position: relative; color:#474747; }
.tophome .homemenu li:hover a { color:#ff729f; }
.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:68px; }
.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:#ffe8ef; padding:25px; border-radius:5px; }
.tophome .homemenu .dp_menu .item { padding:5px 0px; }
.tophome .homemenu .dp_menu .item a { color:#474747; text-decoration: none; }
.tophome .homemenu .dp_menu .item a:hover { color:#ff729f; border-bottom:1px solid #ff729f; }
.tophome .homebtn { padding:5px; }
.tophome .homebtn a { color:#fff; font-size:0.875rem; }
.tophome .homebtn a:hover > .txt { border-bottom:1px solid #fff; }
.tophome .homebtn .slash { font-size:0.875rem; color:#fff; }

.holiday,.flower { padding:80px 0px; }

.holiday a:hover { opacity: 0.7; }

.flower { background: url("./images/img_bg1.jpg") no-repeat center center; }
/* .flower: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; } */
.flower .content { max-width:540px; margin:0px auto; text-align: justify; padding-top:40px; padding-bottom:80px; }
.flower .aboutus { display:inline-block; text-decoration: none; color:#474747; border-bottom:1px solid #474747; padding:5px 0px;  }
.flower .aboutus:hover { color:#a01a7d; border-bottom:1px solid #a01a7d; }

.titbg { height:260px; }
.titbg.recommend { background: url("./images/tit_bg1.jpg") no-repeat center center; background-size:cover; }
.titbg.act { background: url("./images/tit_bg2.jpg") no-repeat center center; background-size:cover; }
.titbg .tit { padding-top:85px; font-size:2.5rem; color:#fff; letter-spacing:10px; }
.titbg.act .tit { color:#613f75; }

.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:#ef798a; }
.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:#ff729f; font-size:0.875rem; }
.product .pd .des .offer { font-size:1rem; font-weight: bold; }
.product .pd .des .price2 { color:#ababab; font-size:0.875rem; }

/* .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){
    /* .logo { left:50px; } */
}

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

}

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

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



@media (min-width:768px) and (max-width:991.98px){
    .top .topbnr .bnr { height:50vh; }
    /* .logo { height:120px; width:120px; }
    .logo img { padding-top:15px; width:auto; height:80px; }
    
    .top .logo img { width:45%; }

    .news .new .newt { font-size:1.2rem; }
    .news .new .date { font-size:1rem; }

    .contactus .name { margin-bottom:20px; } */

}

/* 手機橫寬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){
    /* .logo { left:30px; } */
    .flower { background-size:cover; }
    .flower .content { padding-bottom:80px; }

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

/* @media (max-width:767.98px) and (min-width:576px){
    .title { font-size:4rem; line-height:70px; }
    .holiday,.flower { padding:100px 0px; }
    .holiday .row div:first-child { margin-bottom:40px; }

    .flower .content { font-size: 1.5rem; }
    .flower .aboutus { font-size:2rem; }

    .titbg .tit { font-size:4rem; }

    .product .pd { margin:40px 0px; }
    .product .pd .des { margin:20px 0px; }
    .product .pd .des .pdname { font-size:2rem; }
    .product .pd .des .price1 { font-size:1.8rem; }
    .product .pd .des .offer { font-size:2.4rem; }
    .product .pd .des .price2 { font-size:1.5rem; }

} */

@media (max-width:767.98px){
    .titbg { height:140px; }
    .titbg .tit { padding-top:40px; font-size:2rem; }

    .holiday,.flower { padding:60px 0px; }
    .holiday .row div:first-child { margin-bottom:20px; }
    /* .title { font-size:2rem; }
    .logo { left:15px; padding:15px; height:100px; width:100px; }
    .logo img { height:50px; padding-top:0px; }

    .top .topmenu .menu .mb2 { width:60px; height:60px; font-size:1rem; }
    .top .topmenu .subject .toplogo { height:60px; padding:15px 0px; }
    .top .topmenu .subject .toplogo img { height:30px; } */

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