@charset "utf-8";
/*宏恩210705改*/
/* *********************************** */
/*  header 右上方 icon  (灰-預設 vs 白) */
/*
.round_link a .Gray { display: none; }
.round_link a .White { display: inline-block;}
*/


/* *********************************** */
/* 小ICON掉下來更正檔案*/
/**/
.round_link a .White ,.round_link a ,.round_link a .Gray { width: 32px; height: 28px; z-index:999; }
.box_link li:first-child a object.Black,.box_link li:first-child a object.Gray{width:35px;height:35px;}
.box_link li:first-child+li a object.Black,.box_link li:first-child+li a object.Gray{width:40px;height:40px;}
.round_link a{margin:10px 0 0 10px;}

/* *********************************** */
/*  footer 右上方 icon  (黑-預設 vs 灰) */
/*
.box_link li a object.Black { display: none; }
.box_link li a object.Gray { display: inline-block; }
*/


/* *********************************** */
/* 沒有開購物車-預設 vs 有開購物車 */
/**/
.search_link a.with_shopping_mode {	display: inline-block;}

#menuTop ul:before { border-top:0 !important; }

#header { padding: 14px 0; height:90px;background:#FFFFFF;}

/*.swiper-slide img {min-height: 100vh;}*/
#menuTop ul{margin-top:0;}


/*隱藏購物商品第一項Pinkoi 連結*/
#menuTop ul li:nth-child(6) ul li:nth-child(1) {  display: none;}



#content_main{background:rgba(255,255,255,0);margin:0;}
.pageIndex .main_part{border: none;}
/*#menuTop li ~ li a:before {content: "│";padding: 15px 10px 0 0;}
#menuTop li a:hover{background: #22AA38;color: #FFFFFF;border-radius: 10px; padding:5px 15px !important;}
#menuTop li ~ li a:hover:before{display:none;}*/
#menuTop li{
    margin-top: 23px;
	padding:0 10px;
	border-style: solid;
    border-width: 0 1px 0 0;
    border-color: #999999;
	transition:ease .3s;
	-webkit-transition:ease .3s;
}
#menuTop li:first-child{border-style: solid;border-width: 0 1px;border-color: #999999;}
#menuTop li a {
    padding: 0px 20px;
	color:#323232;
	border-bottom:2px solid #FFFFFF;
}
#menuTop li a:hover{
	border-bottom:2px solid #47624E;
	transition:ease .3s;
	-webkit-transition:ease .3s;
}
#menuTop li li a{border:none;}
#menuTop li li:hover{background:#47624E;}
#menuTop li li:hover a{color:#FFFFFF; border:none;}
/*#menuTop li a:hover{
	transition:ease .3s;
	-webkit-transition:ease .3s;
	background-color:#22AA38;
	color:#FFF;
	border-radius:20px;
	}*/
/*#menuTop li li:hover, #menuTop li li a:hover{background: #22AA38; color:#FFFFFF;}*/
#menuTop li ul{width:100%; left:0; right:0;}

#header .logo {width: 250px;}
#header .logo img{max-width: 100%;}
/*#menuTop li:nth-child(4):hover ul {display:none;}*/

/* *********************************** */
/* 產品的看更多按鈕設定 */
.products-list .more { }
.products-list a:hover .more { }


/* *********************************** */
/* 大圖banner */
.bannerindex{position: inherit;}
/* *********************************** */
/* 頁面的麵包屑 首頁/頁面名稱/ 
.path {}
.promotion_title{border-bottom: 1px solid #009D95;}
.promotion_title h2{border-bottom: 2px solid #009D95;}
*/
/* *********************************** */
/* 頁面上方廣告*/ 
/*.banner {-webkit-box-shadow: none;box-shadow: none; padding:0;} 
.banner h5{display:none;}*/
/*
body.promotions_page .banner.banA {background:url(https://pic03.eapple.com.tw/yaoyueh/banner-02.jpg) top right no-repeat; height:385px;}
body.other_select_page .banner.banA{background:url(https://pic03.eapple.com.tw/yaoyueh/banner-01.jpg) top center no-repeat; height:385px;}
.banB {}
.banC {background:url(https://pic03.eapple.com.tw/yaoyueh/banner-03.jpg) top right no-repeat; height:385px;}
.banD {}
.banE {}
.banF {}
*/
.banner{display:none;}
/*contact*/
.animated-arrow {
    background: #000000;
}
/* *********************************** */
/* 針對頁尾第幾個作設定 */
.footer_info ul li:nth-child(1) { /*display:none;*/}
.footer {background:#FFFFFF;}
.footer_info li,.footer_menu li a{color:#2C3D4D;}
.footer_logo {width: 250px;margin-right: 30px;}
.footer_logo img{max-width: 100%;}
/* *********************************** */
/*估價表單*/
.rewrite_simple{ background:#444444 url(file://///Asus-data/D/%E7%BE%8E%E7%B7%A8%E9%83%A8/hongenopto-%E5%AE%8F%E6%81%A9%E7%9C%BC%E9%8F%A1%E7%BE%8E%E6%9D%91%E9%A9%97%E5%85%89%E6%89%80/images/simple_left.png) 10% center no-repeat;}
.send_simple{background:#000000 url(file://///Asus-data/D/%E7%BE%8E%E7%B7%A8%E9%83%A8/hongenopto-%E5%AE%8F%E6%81%A9%E7%9C%BC%E9%8F%A1%E7%BE%8E%E6%9D%91%E9%A9%97%E5%85%89%E6%89%80/images/simple_right.png) 88% center no-repeat}
/* *********************************** */
/* 相本分類全版面 ( 限制最寬2000px*/
.show-list .show_pic{padding-bottom:57%;}
.show-list .item:hover .show_name {color: #DF9D4F;}
/*
.work_page .main_part { max-width:1500px;}
.work_page .show_content { padding:0; width:100%;}
.work_page .show-list .item { width:33%; display:inline-block; float:none; margin:0; padding:0;}
@media screen and (max-width: 768px) {
.work_page .show-list .item { width:49%;}
#header { height:auto; }
}
@media screen and (max-width: 570px) {
.work_page .show-list .item { width:100%;}
}
.work_page .show-list .item a { max-width:100%;}
.work_page .show-list .show_pic { height:auto; line-height:0;}
.work_page .show-list .show_pic img { max-width:100%; max-height:100%;}
.work_page .show-list .show_name { position:absolute; top:50%; right:10%; width:80%; height:auto; line-height:160%; font-size: 20px; color: #FFFFFF !important; border: solid 1px #fff; text-align: center; margin: -20px 0 0 -120px; padding:5px 20px; transition:all ease-in .3s; opacity:0;}
.work_page .show-list .item:hover .show_name {opacity:1;}
 */


/* 相本列表
.other_album_choice li{background:#000000;}
.work_info_page .main_part { max-width:1500px;}
.work_info_page .path { display: none; }
.work_info_page .show_content { padding:0; width:100%;}
.work_info_page .subalbum-menu { text-align:center;}
.work_info_page .subalbum-menu h2 { float:none; color:#444444;}
.work_info_page .pic-list .item { margin:0; padding:10px; width:49%; float:none; display:inline-block;}
@media screen and (max-width: 768px) {
.work_info_page .pic-list .item { width:100%;}
}
.work_info_page .pic-list .show_pic { height:auto; line-height:0;}
.work_info_page .pic-list .show_pic img { max-width:100%; max-height:100%;}
.work_info_page .pic-list .item a { max-width:100%; pointer-events: none; cursor: default; } 
*/
/*取消連結被點擊效果*/
@media screen and (max-width: 1024px) {
.swiper-slide:after {
    background-size: 100% auto,250% auto;
}
/*手機版-隱藏購物商品第一項Pinkoi 連結*/
.mm-listview>li:nth-child(6) > .mm-panel.mm-vertical > ul > li:nth-child(1) { display:none;}
}
@media screen and (max-width: 768px) {
#header { height:auto; }
#bottom_menu {display: block; }
.swiper-slide:after {
	top:49%;
    background-size: 100% auto,100% auto;
	background-position: top;
}
.footer.with_shopping_mode { padding: 50px 0 90px; }
/*body.promotions_page .banner.banA {background:url(https://pic03.eapple.com.tw/yaoyueh/banner-05.jpg) top left no-repeat;height:365px;}
body.other_select_page .banner.banA{background:url(https://pic03.eapple.com.tw/yaoyueh/banner-04.jpg) top center no-repeat;height:385px;}
.banC {background:url(https://pic03.eapple.com.tw/yaoyueh/banner-06.jpg) top left no-repeat;height:365px;}
.banE {background:url(https://pic03.eapple.com.tw/yaoyueh/banner-04.jpg) top left no-repeat;height:365px;}*/
#bottom_menu li{width:50%;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after{background:;}
.fa-home:before {}
/* 預設手機版單張圖片 沒有開啟 */
/* 
.bannerindex { display:none;}
.mobile_wp { display:block;}
*/
}
@media screen and (max-width: 425px) {
/*.banA,.banC,.banE,body.promotions_page .banner.banA,body.other_select_page .banner.banA {height:201px; background-size:contain;}*/
}
@media screen and (max-width: 375px) {
/*.banA,.banC,.banE {height:178px;}*/
}

@media screen and (max-width: 600px) { 
/* 手機版 輪播圖另外在換圖*/
/*
.swiper-slide img { display:none; }
.bannerindex { height:100vh; padding:0;}
.swiper-slide:nth-child(1) { background-image: url(); background-size:cover;}
.swiper-slide:nth-child(2) { background-image: url(); background-size:cover;}
*/
}




/*  */
/* 20250113派工單修改 */
/*  */
.center {
    max-width: 1440px;
}
#menuTop {
    padding-left: 260px;
}


@media screen and (max-width: 1024px) {
    #menuTop ul {
        position: absolute;
        top: 0;
        text-align: right;
    }
    
}










/* 商品 */
.product_page .main_part,.product_info_page .main_part{
    max-width: 1440px;
}
.product_page .show_content,.product_info_page .show_content{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}
.product-layer-two {
    display: flex;
    width: 15%;
    flex-direction: column;
    margin-right: 5%;
}
.products-list {
    width: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.products-list .item a {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.products-list .pic {
    width: 30%;
    height: 0;
    padding-bottom: 30%;
    margin-right: 5%;
}
.products-list .pic img {
    max-width: 100%;
    max-height: unset;
    height: auto !important;
}
.products-list .item {
    position: relative;
    width: 100%;
    padding: 30px;
    border-bottom: 1px #32323240 solid;
    margin: 0;
}

.products-list .item .more {
    border: 1px solid #3232329e;
    color: #3232329e;
    height: fit-content;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0px 29px;
}

.animated-arrow:hover, .other_album_choice li a, .products-list a:hover .more{
    background-color: #323232;
    color: #fff;
}

.products-list .name {
    font-size: 20px;
    color: #444;
    letter-spacing: 1px;
    margin-top: 0px;
    height: fit-content;
    font-weight: bold;
}

.products-list .item::before{
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #666;
    transition: all 0.5s;

}
.products-list .item:hover:before{
    width: 100%;
    transition: all 0.5s;
}

.product-layer-two li li {
    display: block;
}

.product-layer-two li ul {
    width: 100%;
    border-radius: 0px;
    margin-left: 0;
    margin-top: 0;
    padding-left: 15px;
}
.product-layer-two li:hover ul {
    border: 0 !important;
}








/* 商品內頁 */
.product-wrapper {
    width: 80%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}
.lastPage {
    font-size: 16px;
    color: #fff;
    background: #323232;
    width: 100%;
}
.bx-wrapper .bx-viewport {
    border: 0;
    left: 0;
}
.product_pic {
    padding-left: 0;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.product_pic #bx-pager {
    width: 120px;
    margin-left: 0;
    font-size: 12px;
    color: #323232;
    position: relative;
    top: 0;
}
.sidebarBtn {
    padding: 1.6em 23px;
    width: 100%;
    box-shadow: none;
    /* border: 1px #32323247 solid; */
    position: relative;
    margin-top: 0;
}
.product_pic .bx-wrapper {
    width: 68%;
    max-width: unset;
}
.product_main {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.accordion {
    width: 100%;
    border: 0;
}
.product_info li .txt_box {
    color: #323232;
}
.product_info{
    display: none;
}
.accordion-thumb{
    display: none;
}
.accordion-panel{
    display: block !important;
}
.accordion-panel form{
    display: none;
}
.accordion-item {
    border-bottom: 0;
}





@media screen and (max-width: 768px) {
    .product-layer-two {
        display: none;
    }
    .product_pic #bx-pager {
        width: 50px;
    }
    .product_pic {
        justify-content: center;
    }
    .products-list {
        width: 100%;
        padding: 0 5%;
    }
    
}


@media screen and (max-width: 500px) {
    .products-list .pic {
        width: 50%;
        height: 0;
        padding-bottom: 34%;
        margin-right: 5%;
    }
    .products-list .item {
        padding: 15px;
    }
    .products-list .item .more {
        display: none;
    }
}