@charset "utf-8";
/*鴻晶精密玻璃材料有限公司*/

/*上方選單解除滑動固定
.header_area.sticky { position:relative;}
*/
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:auto;}
.path {display: none;}


/*首頁不顯示購物車_促銷方案*/
.pageIndex .main_part { min-height: auto;}
.news_part { display: none;}
.products-box { display: none;}

/*編輯頁上方線不出現*/
.pageIndex .main_part { border-top: transparent; }


/*-------------------------------------------------------------------------*/
/*header右側按鈕*/
.nav-menu>li:nth-child(6) {display: none;}
.tp_links a:before { width: 30px; height: 30px;margin: -10px 0px;}
.tp_links a.me_tp_fb:before { background-image: url(https://pic03.eapple.com.tw/honggin/tp_fb.png) !important;}
.tp_links a.me_tp_line:before { background-image: url(https://pic03.eapple.com.tw/honggin/tp_line.png) !important;}
.tp_links a.me_tp_call:before { background-image: url(https://pic03.eapple.com.tw/honggin/tp_call.png) !important;}
.tp_links a.me_tp_mail:before{ background-image: url(https://pic03.eapple.com.tw/honggin/tp_email.png) !important;}
/*-------------------------------------------------------------------------*/

/***************************************************************/
/*LOGO*/

.nav-brand {  width: 140px;}
.nav-header { padding: 20px 0;}
.nav-brand img:hover { opacity: 0.9;}
.nav-brand img{max-width: 350px;}


/*header*/
.main_header_area .container {
    max-width: 1200px;
    margin: auto;
}
.header_area {
    position: fixed;
    width: 100%;
}

/*選單下滑*/
header.header_area.sticky {
    background: -webkit-linear-gradient(top, rgb(64 128 128)0%,rgb(64 128 128 / 0%) 100%);
    height: 130px;
}
.main_header_area {
    background: -webkit-linear-gradient(top, rgb(64 128 128)0%,rgb(64 128 128 / 0%) 100%);
    height: 130px;
}
.nav-menu { margin: 45px 0 0;}
.nav-menu > li > a{ padding: 18px 17px; font-size: 20px; color: rgb(255 255 255 / 90%);}
/*按鈕旁邊下拉箭頭*/
.submenu-indicator-chevron { border-color: transparent #ffffff #ffffff transparent;}
.nav-menu>li:hover>a .submenu-indicator-chevron, .nav-menu>.active>a .submenu-indicator-chevron, .nav-menu>.focus>a .submenu-indicator-chevron { border-color: transparent #ffffff #ffffff transparent;}



/*下拉選單*/
/*下拉展開時選單顏色更改*/
.nav-menu > li:hover > a { color: #ffffff;}
/*下拉時第二層選單顏色更改*/
.nav-dropdown > li:hover>a, .nav-dropdown > li.focus>a{ color:#ffffff;}
.nav-dropdown > li > a:hover { color: #fff; background: #459b9b;}
.nav-dropdown>li:hover>a .enu-indicator-chevron, .nav-dropdown>.focus>a .enu-indicator-chevron {
 border-color: transparent #fff #fff  transparent;}


/*碰觸特效*/
/*hover動畫*/
.nav-menu>li { position: relative;}
.nav-menu>li>a:hover:not(.tp_links a) {
    transition-timing-function: cubic-bezier(0.4, -0.26, 0.1, 1.16);
    /*background: linear-gradient(181deg, #bde9fd, transparent);*/
	}
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a { color: #ffffff;}
.nav-menu > li:not(.tp_links) > a:after {
    width: 0;
    position: absolute;
    height: 1px;
    content: "";
    background: #ffffff;
    left: 50%;
    bottom: 0;
    transform: translate(-50% , 0);
    transition: all 0.3s;
}
.nav-menu > li:hover > a:after { width: 100%;}
.nav-menu>li:nth-child(7):hover:after {width: 0%;}

/***************************************************************/

/*footer*/
.footer_logo img { width: 330px;}
.footer {
    font-size: 16px;
    background: #1d7178;
    padding: 50px 0 0;
    /* background-image: url(https://pic03.eapple.com.tw/honggin/footer.jpg); */
    background-position: center top;
    background-repeat: no-repeat;
    border-top: 1px solid #408080;
}
.footer_info li:nth-child(1) { width: 60%; padding: 0 0 10px; margin: 0 0 0 80px;}
.footer_info li:nth-child(2) { width: 100%; margin: 10px 0 20px 70px;}
.footer_info li p { color: #daeae7;}
.footer_info li p.phone:before {content: '手機(LINE ID)：';}
.footer_menu a { color: #408080; background: #daeae7;border: 1px #fff0 solid;	transition: 0.5s;}
.footer_menu a:hover { background: #408080; color: #fff;}


.copy { border-top: 1px #408080 solid; background: #6eabab; color: #ffffff;}
.copy a {color: #ffffff;}
.copy a:hover { color: #e5da69;}


/*------------------------------------------------------------------------------------------------*/

/*內頁BANNER 設定*/
.banner {
    background-position: center top;
    background-repeat: no-repeat;
    height: 550px;
	position: relative;
}
.banner h5 { display:none;}
.banner.banA {background-image: url(https://pic03.eapple.com.tw/honggin/banA.jpg);background-position: center top;}
.banner.banB {background-image: url(https://pic03.eapple.com.tw/honggin/banB.jpg);background-position: center top;}
.banner.banC {background-image: url(https://pic03.eapple.com.tw/honggin/banC.jpg);background-position: center top;}
.banner.banD {background-image: url(https://pic03.eapple.com.tw/honggin/banD.jpg);background-position: center top;}
.banner.banE {background-image: url(https://pic03.eapple.com.tw/honggin/banE.jpg);background-position: center top;}
.banner.banF {background-image: url(https://pic03.eapple.com.tw/honggin/banF.jpg);background-position: center top;}
.banner.banblog {background-image: url(https://pic03.eapple.com.tw/honggin/ban_blog.jpg);background-position: center top;}
.banner:after {
    content: "";
    background-image: url(https://pic03.eapple.com.tw/honggin/banner-after.png);
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 500px;
    width: calc(100% - 100px);
    height: 38px;
    position: absolute;
    left: 50%;
    bottom: 14px;
    margin-left: -240px;
}


/*------------------------------------------------------------------------------------------------*/

/*按鍵*/
.animated-arrow {  background: #2a9797;}

/*聯絡我們*/
a.animated-arrow { display: none;}

h4.blank_letter.f:after {
    content: "";
    font-size: 16px;
    display: block;
    margin-top: 30px;
    color: #666;
    font-weight: 500;
    border-left: 5px solid #459b9b;
    padding-left: 15px;
}

.contact_form {  margin-top: 5px;}

/*------------------------------------------------------------------------------------------------*/

/*文章設定*/
/*一排呈現*/
.subbox_item { width:100%;}

/*首頁文章*/
.pageIndex .i_blog_box { background: #f6f6f6;}
.pageIndex .i_blog_center { padding-bottom: 50px; padding-top: 20px;}


/*文章分類按鍵範圍*/
.link a { width: 100%; display: block; padding: 15px 15px;}
.accordion li .link { padding: 0;}

/*------------------------------------------------------------------------------------------------*/



/*購物車*/
/*購物車-首頁*/
.pageIndex ul.products-list.clearfix { width: 1300px; margin: 0 auto;}
.products-list .pic { border: none;}
.products-list .name { text-align: center;font-size: 20px;}

/*按鍵*/
.pageIndex .stay_mid_btn { font-size: 14px;}
.pageIndex a.stay_mid_btn:hover { border: #F2B334 solid 1px;}
.pageIndex .stay_mid_btn span:hover { background: #F2B334;}

/*購物車-第一層*/
.product_page .main_part { max-width: 1300px;}

/*文字資訊*/
.products-list a:hover .more {
    background: #459b9b;
    border-color: #459b9b;
    color: #fff;
}
.products-list .more {
    border: 1px solid #459b9b;
    color: #459b9b;
}

/*碰觸more特效*/
.products-list .pic { overflow: hidden;border: 1px solid #cbcbcb;padding-bottom: 59%;}
.products-list .pic img { max-width: 100%;  height: auto;  position: absolute; top: 0;  left: 0;  z-index: 2;}
.products-list .pic img:hover { transform: scale(1.1); transition: 0.5s;}
.product-layer-two li a { border: 1px solid #cccccc; color: #777777;}
.product-layer-two li.active a { font-weight: bold; color: #17a3a3;	border: 1px solid #17a3a3;}


/*購物車內頁圖片等比例顯示*/
.product-layer-two { margin: 20px 0;}
.product_info_page .show_content {
    width: 100%;
    display: inline-block;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
}
ul.bxslider { display: flex;  flex-wrap: wrap;}

.product_info_page .product_page .products-list, .product-wrapper { width: calc(100% - 100px);}
.product_info_page .product_main{display: inline-block !important; margin: auto;  width:68%; padding: 30px 10px;}
.product_pic {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding-left: 0px;
    flex-direction: row;
    align-items: flex-start;
}
.product_pic .bx-wrapper{    display: block;    padding: 0 0 0 5px;    margin: 0;}
.product_pic .bx-wrapper .bx-viewport {    max-width: 465px;    max-height: 465px; height:100%;}
.product_pic #bx-pager {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
    position: relative;
    padding: 0;
    top: 0;
    flex-wrap: wrap;
    align-content: flex-start;
}
.product_pic #bx-pager a {    width: 120px;    height: auto;    margin: 0;}
.product_pic #bx-pager a img {
    display: block;
    max-height: 100px;
    max-width: 100%;
    min-width: 100%;
    height: 100% !important;
    object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
    max-width: 100%;
    min-width: 100%;
    height: 100% !important;
    max-height: 465px;
    object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
}


/*購物車內頁片等比例*/
.accordion-panel img {
    width: 100%;
    display: block;
    margin: 20px auto;
}
.lastaction { color: #fff;  background-color: #81b7b7;}
.sidebarBtn { border: 1px #ddd solid;  width: 30%; display: inline-block;}
.toShare { display: none;}

.product_info li { display: inline;}
.nextaction { color: #fff;  background-color: #538d8d;}
.lastPage { background: #459b9b;}


/*購物車商品資訊*/
li.prod-item.is-active img {
    width: 100% !important;
    height: auto !important;
}

/*相關推薦*/
.prod_related {background: #ffffff;}


/*------------------------------------------------------------------------------------------------*/



/*詢價車*/
.formbox_form.form li:nth-child(5) { display: none;}

/*促銷方案*/
.promotion_title h2{    border-bottom: 2px solid #01aa95;}
.promotion_title { border-bottom: 1px solid #01aa95;}
.time { display: none;}
/*------------------------------------------------------------------------------------------------*/


@media screen and (max-width: 768px) {
	
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu { display: block; background: #1f7278; box-shadow: 0 0 15px #1d7178;}
#bottom_menu li { width: 100%;}
#bottom_menu li a { font-size:12px; color:#ffffff;}
.footer.with_shopping_mode { padding:30px 0 68px; }
#to_top { bottom:40px;}
/*-----------------------*/

.nav-header {position: inherit;}
.header_area { position: inherit;}
.header_area.sticky {  position: fixed;}
.main_header_area { background: #3b8a8b; height: 100px;}
.navigation-portrait .nav-menus-wrapper { background-color: #4b8986;}
.nav-brand { width: auto;}
.nav-brand img { max-width: 250px;}
.nav-brand img:hover {opacity: 1;}
.nav-toggle { top: 25px; right: 30px;}
.nav-header { padding: 10px 70px 0px 0;}
.bannerindex { padding:0; margin:0;}
.bannerindex { padding-bottom: 0%;}


/*MENU裡三槓*/
.nav-toggle:before { background-color: #ffffff; box-shadow: 0 0.5em 0 0 #ffffff, 0 1em 0 0 #ffffff;}
.nav-toggle:after { color: #ffffff;}
/*MENU裡LOGO顯示*/
.nav-brand-m img { width:300px;}
.nav-brand-m { display: block; text-align: left; padding: 40px 20px 0;}

/*footer選單對齊*/
.footer_menu {display: flex; flex-wrap: wrap; justify-content: left; align-items: stretch;}
.footer_menu a { display: inline-block; padding: 5px 7px; border: 1px #ccc solid; margin: 0 4px 4px 0; line-height: 100%; width: 50%;  max-width: 89px;text-align: center;}
.footer_info li:nth-child(1) {padding: 0 0 10px 10px; margin: 0;}
.footer_info li:nth-child(2) { width: 100%; margin: 10px 0 20px; padding: 0 0 0 12px;}

}


@media screen and (max-width: 470px) {
.banner {padding: 0; background-size: 410%;}
.footer_info li:nth-child(1) { padding: 0 10px 10px;  margin: 0;}

/*購物車*/
.product-layer-two {  margin: 20px 0;}
.product_info_page .product_page .products-list, .product-wrapper { width: calc(100% - 0px);}
.product_info_page .product_main { width: 100%;}
.sidebarBtn { width: 100%;}
}