@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*
關於CSS設定說明
CSS屬性是會繼承的，而且還是由上往下繼承。
同樣元素設定16px 後 12px 再 15px 最後會以最後設定的15px為準
但是有兩種情況除外:
1.絕對路徑命名. 如: .xx .yy .zz p {設定值;}
2.important.  如: .xx p {設定值 !important;}

CSS3選取器語法 :nth-child(n) 

*/

body{
    font-family: "Noto Sans TC","Poppins", sans-serif;
}
.path p, .path p a{ display: none;}
.edit{ padding: 0px 0;}


/* 浮動按鈕 */
.info_fix>span{ background-color: #35defb;}
.info_fix:hover>span{ background-color: #29bef4;}
.info_fix:hover >span{ }
.info_fix_links a{  margin-bottom: 16px;}
.info_fix_links a:hover{ background:#e17174;}
.info_fix_links .info_fix_tel{ order: 1;}
.info_fix_links .info_fix_line { order:2;}
.info_fix_links .info_fix_fb { order:3;}
.info_fix_links .info_fix_mail{ display: none;}


/*大圖hover*/
.bannerindex {
    filter: grayscale(1);
    transition: 0.6s;
}
.bannerindex:hover {
    filter: grayscale(0);
    transition: 0.6s;
}

@media screen and (max-width:768px) {
    .bannerindex {
        filter: grayscale(0);
        transition: 0.6s;
    }
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*Header/＝＝＝＝＝*/
.main_header_area{background: #fff0; transition: 0.6s;}
.header_area {  position: absolute;  width: 100%;}
.nav-header {margin-left: 100px;top:16px;}  
.me_tp_features{ display: none; }
.box_search {margin-bottom: 0;  margin-right: 15px;}
.box_search input[type=text] {  border: solid 1px #ccc;  border-radius: 0;} 
.shop_search_txt {font-size: 12px;}

/*header變化*/
.header_area.sticky .main_header_area {  background: #4a4aff;  transition: 0.6s;}
.header_area.sticky .nav-brand {max-width: 250px; transition: 0.6s;}
.header_area.sticky .nav-brand img { filter: brightness(0) invert(1);}
.header_area.sticky .navigation {  padding: 25px 0 20px 330px; transition: 0.6s;}
.header_area.sticky .box_search input[type=text] {  border: solid 1px #ccc;}  
.header_area.sticky .shop_search_btn {  border-left: 1px solid #bbbbbb !important;}      
header.header_area.sticky { box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);}

.stellarnav > ul > li > a b {  font-weight: 600;}

/*選單最大寬度設定*/
.main_header_area .container {    max-width: 100%;}

/*header小icon按鈕隱藏*/
.tp_links {display: none;}

/*下拉箭頭顏色*/

.stellarnav ul ul ul {left: 100%;  border-left: 1px solid #d8d8d8;}
.stellarnav li li.has-sub > a:after {border-left: none;  border-right: none;   border-top: none;   right: 5px;}    
.navigation {  padding: 25px 0 20px 330px;  display: flex;  align-items: center;  justify-content: space-between;}
.stellarnav {  width: auto; display: inline-block;  orphans: 1;  margin-left: 30px;}
.stellarnav li.has-sub > a:after {  content: '+';  margin-left: 10px;  border-left: none;  border-right: none;  border-top: none;}

/*第一層*/
.stellarnav > ul > li > a {  transition: all 0.3s;  padding: 0 20px 0 20px;  letter-spacing: 2px; color:#fff;}
.stellarnav > ul > li:hover > a{color: #35defb;}

/*第二層*/
.stellarnav li li > a, .stellarnav li li.has-sub > a {   padding: 11px 8px;   transition: all 0.3s;   text-align: left;}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{color: #35defb;	padding-left:10px;border-color:#4A4AFF;}
.stellarnav li li { border: 0px #eee solid; border-bottom: 1px solid #dbdbdb;}
.stellarnav li {text-align: center;}
.stellarnav li a {color: #fff;}
.stellarnav ul ul {width: 180px;  min-width: 100px;  text-align: center;  background: #4A4AFF; left: -27px;}
.stellarnav.desktop li.has-sub a{text-align: center;}


/* menu漢堡條 */
.stellarnav .menu-toggle:after{ color: #e2e2e2;}
.stellarnav .menu-toggle span.bars span { background: #e2e2e2;}

/* close menu 拉出來 */
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{
  background: #084f9e;
  color: #fff;
}
.stellarnav .icon-close:before{
  border-bottom: solid 3px #b6b6b6;
}
.stellarnav .icon-close:after{
  border-bottom: solid 3px #b6b6b6;
}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{
  background: #fff;
}
.stellarnav a.dd-toggle .icon-plus:before{
  border-bottom: solid 3px #e17174;
}
.stellarnav a.dd-toggle .icon-plus:after{
  border-bottom: solid 3px #e17174;
}
.stellarnav.mobile li.open{
  background: #edededba;
}
.stellarnav.mobile ul ul{
  width: 100%;
  position: relative;
  left: 0;
}
.stellarnav.mobile > ul > li{
  border-bottom: 1px #f8f8fa solid;
}
@media screen and (max-width:1400px) {
  .header_area.sticky .navigation {  padding: 25px 0 20px 200px;}
  .navigation{ padding: 25px 0 20px 200px; }
  .nav-header{margin-left: 20px;}
}

@media screen and (max-width:1260px){
    .nav-header{margin-left: 20px;}
    .header_area.sticky .navigation{ padding: 25px 0 22px 160px;}
    .navigation{ padding: 25px 0 22px 160px; }
    .stellarnav ul{ text-align: left;}
    .stellarnav > ul > li > a{ padding: 0 12px 0 12px; }
    .nav-brand{ width: 160px;}
    .nav-header{ top: 18px;}
}
@media screen and (max-width: 1024px) {
    .navigation {    padding: 10px;}
    .header_area {  position: relative;}
    .main_header_area {   background: #4a4aff;}
    .navigation {flex-direction: column;}    
    .nav-header {  margin-left: 0;}
    .box_search input[type=text] {  border: solid 1px #ccc;}
    .stellarnav > ul > li > a {  padding: 0 8px;}
    .header_area.sticky .navigation {  padding: 10px;}
    .header_area.sticky .nav-brand{ max-width: 200px;}
    .nav-brand{ width: 200px;}
    .nav-brand img { filter: brightness(0) invert(1);}
    .stellarnav{ margin-left: 0px;}
}

@media screen and (max-width: 768px) {
    .stellarnav li li { width: 100%;}
    .stellarnav.mobile{ top: 20px;}
    .nav-header{ z-index: 1;}
    .nav-brand{ width: 180px; margin-top: 10px;}
    .stellarnav.mobile > ul > li > a{ color: #000; padding: 20px 10px 20px 10px;}
    .stellarnav.mobile > ul > li > a.dd-toggle{ top: 15px;}
    .stellarnav li li > a, .stellarnav li li.has-sub > a{ text-align: center; color: #000;}
}
@media screen and (max-width:360px) {

}

.stellarnav > ul > li.drop-left > ul {  right: 0; }



/*SubMenu*/
.shop_search_btn { border-left: 1px solid #e2e2e2 !important;  font-size: 12px;  border-radius: 0;}
.tp_links a{transition:all 0.3s;}
.tp_links a:hover { color: #1A1A1A;}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*Footer/＝＝＝＝＝*/

/* footer */
.footer {  background: #fff ;  padding: 50px 0 0;border-top: 1px solid #ebebeb;}
.footer .center {  max-width: 1500px;}
.footer_info {  padding: 0;}
.footer_logo {   width: 220px; margin: 0; margin-left: 6px;}
.footer_logo a img {  width: 100%;}
.footer_info ul {   width: 100%; display: flex;}
.footer_info li {  display: inline-block;  vertical-align: top;}
.footer_info li p {   letter-spacing: 2px;  font-weight: 300; line-height: 200%;color: #000;}
.footer_info li p a{ color: #000;}
.box_link { display: none;}
.footer_info li:nth-child(2) {  float: right;}
.footer_menu a {  color: #4a4aff;  letter-spacing: 2px;  border: 0;  background: transparent;}
.copy {  max-width: 1500px;  padding: 0 0 15px 0;  margin: 15px auto 0 auto; color: #d8d8d8; border-top: 0px;}
.copy a {  color: #636363;}

/*footer資訊欄位順序變動*/
.footer_info li:nth-child(1) {
    width: 100%;
    /* border-right: solid 1px #fff; */
    max-width: 60%;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
}
.footer_info li p:nth-child(1){ display: none;}
.footer_info li p:nth-child(2){ order: 1;}
.footer_info li p:nth-child(3){ order: 2;}
.footer_info li p:nth-child(4){ order: 3;}
.footer_info li p.mail:before{ content: 'Email：';}


/* hover */
.footer_menu a:hover {   background: transparent;  color: #e17174; font-weight: 600;}
.footer_menu a, .footer_menu a:hover {  transition: all .2s; }
.box_link a:hover { color: #ededed;}
.box_link a, .box_link a:hover {  transition: all .2s;}
.copy a:hover {  color: #808080;}

@media screen and (max-width: 1060px) {
    .footer_info li:nth-child(1){
        max-width: 40%;
    }
}
@media screen and (max-width: 1050px) {
    .footer_info li:nth-child(2) {  float: left;}
	}

@media screen and (max-width: 768px) {
    .footer.with_shopping_mode {    padding: 50px 0 0; }
    .footer_logo { margin-bottom: 0;margin-left: 33px;}
	 .footer_info li:nth-child(2) {  float: left;  padding: 2% 0% 3% 4%;}
     .footer_info ul{ flex-wrap: wrap;}
     .footer_info li:nth-child(1){
        max-width: 100%;
        margin-left: 25px;
    }
}
@media screen and (max-width: 396px){
    .footer_logo{ margin-left: 0px;}
    .footer_info li:nth-child(1){margin-left: 0px;}
    .footer_info li:nth-child(2) {  float: left;  padding: 2% 0% 3% 0%;}
}



/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */



/*預設購物車版面 產品分類選單在左側 商品內頁詳細介紹下表單更改樣式 by shint at 2023.1.5 
.product_page .main_part { max-width:1500px;}
.product_info_page .main_part { max-width:1200px;}

.product_page .show_content,
.product_info_page .show_content { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.product_page .product-layer-two { position: relative; width: 220px; letter-spacing: 1px; border-right: 1px solid #ccc;min-height: 30vw;}
.product_page .products-list,
.product-wrapper { width: calc(100% - 270px); display: flex; flex-wrap: wrap; align-items: flex-start;}
ul.page { width: 100%;}

.product-layer-two li ul { position:static; margin-top:10px; display:block !important; width:100%; margin-left:0;}
.product-layer-two li:hover ul { border: none !important; display:block !important;}
.product-layer-two li li { display: block; padding:5px 10px; transition:all ease .3s;}
.product-layer-two li li a{ padding:0;}
.product-layer-two li li:hover > a { background:#fff; color:#ad925e;}
.product-layer-two > li { width:100%; max-width:100%; padding:0; text-align:left; border-bottom:1px dotted #ccc;}
.product-layer-two > li ul > li + li { margin-top:5px;}

.product_info_page .product-layer-two { display: none;}
.product_info_page .products-list,
.product-wrapper { width: 100%;}

.product-layer-two li li:hover{ margin-left: 15px;}
.product-layer-two li li > a:before { content: ""; position: absolute; width: 12px; height: 8px; background: #fff; left: 0; margin-left: -20px; top: 50%; margin-top: -4px; clip-path: polygon(0 0, 100% 50% , 0 100%);}
.product-layer-two li li:hover > a:before { background:#ad925e;}

.product_info_page .half_box { width: 100%; float: none; padding-right: 0;}
.product_info_page .half_box li.btn_blankTop { margin-top: 50px; justify-content: space-between; display: flex;}
.product_info_page .half_box li.btn_blankTop input { width: calc(50% - 10px); background-image: none; padding: 0; text-align: center;}
@media screen and (max-width: 1200px) {
.products-list .item { width: calc(100% / 3);}
}
@media screen and (max-width: 980px) {
.products-list .item { width: 50%;}
}
@media screen and (max-width: 768px) {
.product-layer-two,
.products-list,
.product-wrapper { width: 100%;}
.product-layer-two { margin-right: 0;}
.product-layer-two > li { margin-bottom: 5px;}
.product_page .product-layer-two,
.product_page .products-list { width: 100%; border-right: none;}

.product_page .show_content > a { order: 1;}
.product_page ul.products-list { order: 2;}
.product_page ul.page { order: 3;}
.product_page ul.product-layer-two { order: 4;}
}
@media screen and (max-width: 600px) {
.products-list .item { width: 100%; max-width: 350px;margin: 20px auto; display: block;}
}
*/

/* 如果有購物商品 匯款資訊顯示 需要打開這條 */
/* .car_page .information_left {
    display: block;
} */


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:auto;}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*內頁BANNER 設定*/
.banner {padding:135px 0; background-image: url(https://pic03.eapple.com.tw/honhan/in-ban.jpg);
  filter: grayscale(1);
  transition: 0.6s;
}
.banner h5 {font-size:34px; color: #fff; text-shadow: 4px 4px 10px #000;}
.banner:hover {
  filter: grayscale(0);
  transition: 0.6s;
}

@media screen and (max-width:450px) {
  .banner h5{ font-size: 28px;}
  .banner{ padding: 50px 0; filter: grayscale(0);}
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


.blog_page #content,.blog_in_page #content{  background-image: url(https://pic03.eapple.com.tw/honhan/bg-all.jpg); background-size: cover;}
/*文章設定*/
h4.blog_category_title{font-size: 28px; color: #4A4AFF;}
h4.blog_category_title span{font-size: 24px;}

/*文章管理/外層＝＝*/
.blog_list_ri h5{ color: #4A4AFF; font-weight: bold;}
.module_i_news ul, .blog_subbox {  display: grid;  gap: 10px;}
.module_i_news li , .subbox_item {  width: 100%;}
.module_i_news li a , .subbox_item a {  padding: 5px;}
.module_i_news li a:after , .subbox_item a:after{pointer-events:none;}
.subbox_item a:after {border: 0px #DDDDDD solid;}
.i_blog_le, .i_blog_ri , .blog_list_le , .blog_list_ri {  width: 100%;}
.i_blog_le , .blog_list_le{  position: relative;  padding-bottom: 100%;  height: 0;}/*文章縮圖長寬比例，100% →100:100 = 1:1 正方形 */
.i_blog_le img , .blog_list_le img{
	display:block;
  max-width: 100%;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);}
  .i_blog_le img, .blog_list_le img {border-radius: 0px;}
  .blog_list_ri p {line-height: 180%; padding-top: 10px; height: 60px; display: none;}
  .blog_list_ri {padding: 13px 3px 3px 3px;}
  h5.blog_le_t span {display:none;}
	
/*側邊*/
.accordion li .link{ color: #A8A8A8;}
.blog_le .accordion {border-radius: 4px; border: 0px #DDDDDD solid;}
.blog_le .accordion > li{transition:all 0.3s;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {  color: #fff !important;}
.submenu a{padding: 12px 12px 12px 30px; letter-spacing: 1px;}
.submenu a:hover {background: #E17174 !important;}
h5.blog_le_t em {display: none;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {
  background: #E17174!important;
}


@media screen and (max-width:500px) {
    .module_i_news ul{
        grid-template-columns:1fr 1fr;
    }
    .module_i_news li, .subbox_item{
        margin-bottom: 20px;
    }
}


/*功*/
.blog_subbox{grid-template-columns:1fr 1fr 1fr;}
.blog_subbox:before{content:none;}

/*文章管理/內層＝＝*/
.blog_back a.article_btn_prev {background: #36D6FA; border-radius: 4px 0 0 4px;}
.blog_back a.article_btn_back{background: #E17174;}
.blog_back a.article_btn_next {background: #36D6FA; border-radius: 0 4px 4px 0;}
.blog_search input[type=search] {border-radius: 4px;}

/*特*/
.subbox_item a:before {display: none;}
.subbox_item a:after {display: none;}
.i_blog_le img:hover, .blog_list_le img:hover {border-radius: 0px;}
.blog_page .blog_list_ri::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 40px;
  height: 2px;
  background-color: #da7174;
  transition: all 0.3s ease-in-out;}
.blog_page .subbox_item:hover .blog_list_ri::before {width: 100%; transition: all 0.3s ease-in-out;}
.blog_list_ri {padding: 13px 3px 8px 3px;}
.blog_le .accordion li .link:last-child {border-bottom: 1px solid #dddddd;}

@media screen and (max-width:768px) {
  .blog_subbox{grid-template-columns:1fr 1fr;}
}
@media screen and (max-width:370px) {
  .blog_subbox{ grid-template-columns:unset}
  .module_i_news li, .subbox_item{ width: 93%;}
}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

.contact_page #content{  background-image: url(https://pic03.eapple.com.tw/honhan/bg-all.jpg); background-size: cover;}

/* 聯絡我們 */
/* .contact_content{ max-width: 1000px;}
.contact_content .information_left{ display: none;}
.contact_content .information_right{ width: 100%; padding-left: 0px;}
.contact_form li{ padding: 0 0  20px 0;}
.contact_form li.last blockquote{ border: 1px solid #da7174; color: #da7174;}
.contact_form li.last cite{  background: #da7174;}


.contact_editbox{ padding: 0px 0px;}


@media screen and (max-width:1200px) {
  .contact_content .information_right{ padding-left: 90px;}
} */

/*聯絡我們/＝＝＝＝＝*/
.contact_le_map a {   }
.contact_form li.last blockquote, .contact_form li.last cite {border:none;padding:2px; background: #da7174;color:#fff;}

.contact_content {max-width:1350px;padding:70px 10px;}

.contact_content .information_left {display:none;}
.contact_content .information_right {width: 100%;padding-left: 0;}
.information_right {padding-left: 0;}

.contact_form {display:flex;flex-wrap:wrap;}
.contact_form li {width:50%;padding: 0 0 20px 0;padding-left:90px;}
.contact_form li:nth-last-child(3),.form select {width: 100%;}


@media screen and (max-width:600px) {
.contact_form li {width:100%;padding-left:0;}
.contact_form li .form__insert {width: 100%;}
.contact_form li .form__label {
    width: 100%;
    margin-left: 0;
	text-align:left;
}
}


.car_page .information_left {
    display: block;
}
body.car_page .footer_info li p:before{
    position: initial;
    display: inline;
}
.contact_le_map a{background: #2a93d8; }


@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}
}

@media screen and (max-width: 600px) { 
}