@charset "utf-8";

/*隱藏內容*/
.me_tp_features{display:none;}
.box_link{display:none;}
.swiper-pagination { display: none;}
.path p, .path p a { display: none;}
.module_i_news li a:hover:before, .module_i_news li a:hover:after, .module_i_news li a:hover:before, .module_i_news li a:hover:after
{ display: none;}
.other_album {   display: none;}
.info_LINE {   display: none;}

/*================================================Logo*/
.header_area .nav-brand { transition: all 0.3s; max-width: 200px;}
.header_area.sticky .nav-brand{}

.header_area .nav-brand {  animation: logo 1.5s infinite linear alternate; }
@keyframes logo{ 0% { transform: translateX(0px);} 100% { transform: translateX(40px);}}

/*================================================header*/
.header_area { /*height: 70px;*/ background: transparent; /*border-bottom: 3px solid #eda559;*/ padding: 0px; }
.header_area.sticky { background: transparent;}
.navigation { position: fixed;  display: flex; justify-content: flex-start; align-items: center; padding: 0 4% 0 13%;}


/*第一層*/
.stellarnav {  width: auto;}
.stellarnav>ul { margin-top: -70px;  margin-left: 20px; background: #fef3b5ab;  border-radius: 10px; padding: 0 8px;}

.stellarnav li { /*font-family: 'Barlow', sans-serif; */}

.stellarnav > ul > li { letter-spacing: 0.5px;}
.stellarnav > ul > li > a { color: transparent; font-family: "Kosugi Maru", serif;}
.stellarnav > ul > li > a b { color: #2d2d2d; }
.stellarnav > ul > li:nth-child(even) > a b { color: #d96a18; }

.stellarnav > ul > li > a:hover b {  color: #f1b13f;}
.stellarnav li.has-sub > a:after { border-top: 6px solid #ffaf50; right: 5px;}

/*第二層下拉*/
.stellarnav ul ul { background: transparent;  /*border: 1px #c4c4c4 solid;*/  margin-top: 0px;}
.stellarnav li li { /* background: #cacaca; */  border: none;}

.stellarnav li li a{color: #6a6a6a; transition: all 0.6s; text-align: center; background: #ffffff; border-radius: 10px; border: 1px solid #eda559; margin: 2px;}
.stellarnav li li:nth-child(even) a{ background: #fff6e7;}
.stellarnav li li:hover a{ background: #4ec2d4; color: white;}

/*================================================footer*/
.footer { padding: 15px 0 0; background: #141414;}
.footer_info { display: flex; padding: 0 80px;}
.footer_logo img{display: none;}
.footer_info li:nth-child(1){  display: flex; flex-wrap: wrap; justify-content: center;}
.footer_info li p.add2:before {  content: '時間：';}

.footer_info ul{width: 845px; margin: auto; text-align: center;}

/*資訊*/
.footer_info li p {color: #ffe5b6; border-bottom: 1px solid #ffffff12; padding: 10px 10px 10px 0;}
.footer_info li a {color: #fff;}
/*按鈕*/
.footer_menu a { margin: 5px;  width: 90px; border: 1px #656565 solid; color: #909090; background: transparent; transition: 1s;}
.footer_menu a:hover {  background: #ff9c00; color: #141414;  border: 1px #ffffff solid;}


.copy { border-top: 1px #2d2d2d dashed; background: #000;}
.copy a{ color: #ffc37c; transition:all 0.3s;}

/*================================================首頁外掛*/
#content_main { margin:0;}

/*英文*/
.i_prod_tit h2, .i_video_tit h2, .news_part .title_i_box h6, .module_i_news .title_i_box h6
{ font-size: 30px; color: #ffb771; border-top: 4px solid #2cb8d8;
    width: 95px; padding: 10px 0 0; margin: auto; font-family: "Nunito", serif;}

/*中文*/
.i_prod_tit span, .i_video_tit span, .news_part .title_i_box h4, .module_i_news .title_i_box h4
{font-size: 20px; color: #202020; font-weight: 500; font-family: "Kosugi Maru", serif;}

/*文章2*/
.module_i_news li a, .subbox_item a{display: flex;  flex-direction: column;}
.module_i_news ul, .blog_subbox {  grid-template-columns: 1fr 1fr 1fr 1fr;  grid-gap: 10px;}
.i_blog_le, .blog_list_le img { border-radius: 100%;}
.i_blog_ri, .blog_list_ri { text-align: center;}
.module_i_news {  padding: 30px 20px;}

/*================================================BANNER*/
/*大圖*/
/*預設解除背景輪播*/
.bannerindex { position:relative; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
/* .swiper-slide img { height:auto;} */

/*內頁*/
.banner { height: 350px;  padding: 0;  background-size: cover; background-image: url(https://pic03.eapple.com.tw/blackhorse/banner.jpg);}
.banner h5 { display:none;/*display: flex; flex-direction: column;
    font-size: 25px; color: #d79529; letter-spacing: 3px; padding: 10px 0 0; font-weight: bold;*/}
.banner h5:before{
	/*content: 'PENGUIN';font-family: 'Barlow', sans-serif;font-size: 50px;font-weight: 600;color: #ffc762;letter-spacing: 5px;*/}
.main_part {  padding: 0px 20px;}
/*
.banner.banF h5:before{
    content: "PRODUCTS"; border-top: 4px solid #2cb8d8; width: 100px; font-family: "Nunito", serif;
	font-weight: 600; font-size: 30px; color: #ffb771;  padding: 10px 0 0; }
.banner.banF h5{ display: flex; flex-direction: column;}
.banner.banF {}*/

/*================================================按鈕*/
.animated-arrow {
	background: #b6b6b6;
    color: #ffffff;
	transition:.3s;
	position:relative;
	overflow:hidden;
    border-radius: 40px;}
.animated-arrow b, .animated-arrow i{position:relative; z-index:99;}
.animated-arrow::after {
	content:"";
	position:absolute;
	width:0px;
	height:100%;
	top:0px;
	left:0px;
	background: #fe9533;
	transition:.5s;
}
.animated-arrow:hover {	color: #fff;}
.animated-arrow:hover::after {	width:100%;}



/*================================================文章*/
.articel_mainPic{ display:none;}
/*.blog_list_le{ border: 1px solid #e0e0e0;}*/
.subbox_item a { align-items: center;}
.subbox_item a:before {  color: #ffffff;}
.subbox_item a:after { background: #0000004a;}

/*回列表按鈕*/
.blog_back a.article_btn_back{background: #cc2d35}
/*上一頁按鈕*/
.lastPage{background: #bebebe;}

h5.blog_le_t span {  display: none;}
h5.blog_le_t em:before {
    content: "NEWS"; border-top: 4px solid #2cb8d8; width: 100px; font-family: "Nunito", serif;
	font-size: 30px; font-weight: 600; font-size: 30px; color: #ffb771;  padding: 10px 0 0; }

h5.blog_le_t em {  display: flex; flex-direction: column; color: #151515; padding: 10px; font-size: 20px;}

/*================================================購物*/
.products-list .pic img {  border-radius: 100%;}
.products-list .item a {  text-align: center;}
.products-list .more { border-radius: 40px; border: none; color: #fff;  background: #c2c2c2; width: 130px !important;}
.products-list .item a:hover .more {  background: #fc993f; width: 170px !important;}

.inquiry_a1 { background: #f9ab4d;}
.inquiry_a2 { background: #ec5a49;}
.lastPage {  border-radius: 40px;}

/*大分類*/
.product_menu_list>ul{ display: flex; flex-wrap: wrap; max-width: 90%; margin: auto; padding: 10px; border-bottom: 1px solid gray; gap: 4px;}
.product-layer-two li { width: 32%;  margin: auto;}
.product-layer-two li a {  color: #0b0b0b;  border-radius: 10px;}
.product-layer-two li i { color: #f1594a;}
/*次分類*/
.product-layer-two ul { grid-gap: 2px; margin-top: 3px;}
.product-layer-two li li { width: 100%; border: 1px #c2c2c2 solid; border-radius: 10px;}
.product-layer-two li li a { padding: 3px 15px; color: #959595;}
.product-layer-two li li:hover a{color: #fff; background: #2cb8d8;}

/*================================================相簿*/
.subalbum-menu h2:before {
    content: "NEWS"; border-top: 4px solid #2cb8d8; width: 100px; font-family: "Nunito", serif;
	font-weight: 600; font-size: 30px; color: #ffb771;  padding: 10px 0 0; }
.subalbum-menu h2 {  display: flex; flex-direction: column; align-items: center; color: #151515; padding: 10px; font-size: 20px;}
.other_subalbum li a p { text-align: center;}
.show-list .show_pic {  border-radius: 20px;}

/*================================================表單*/
/*標題*/
.list_before.info li { padding: 10px 0 15px 55px; border-bottom: 1px #f5f5f5 solid;}
.blank_letter { padding-top: 4px; padding-left: 3px; font-size: 20px; color: #151515;
    font-size: 18px;
    font-family: "Kosugi Maru", serif;
    font-weight: normal;}
.info_ADD2:before { content: "時間";}

.information_left:before { content: "CONTACT";
	border-top: 4px solid #2cb8d8; width: 100px; font-family: "Nunito", serif;
	font-weight: 600; font-size: 25px; color: #ffb771;  padding: 10px 0 0; }
	
.information_right:before { content: "FORM";
    border-top: 4px solid #2cb8d8; width: 100px; font-family: "Nunito", serif;
	font-weight: 600; font-size: 25px; color: #ffb771;  padding: 10px 0 0; }

/*左邊資料*/
.info_TEL:before, .info_TEL2:before, .info_PHONE:before, .info_LINE:before, .info_FAX:before, .info_TAXID:before, .info_MAIL:before, .info_ADD:before, .info_ADD2:before{
	width: 50px;
    margin-left: 5px;
    font-size: 15px;
    height: 25px;
   /* border-right: 2px solid #fef3b5;*/
    color: #545454; letter-spacing: 10px;
}
.contact_le_nomap { height: 200px;}

/*右邊表單*/
.contact_content .information_right { margin: 15px 0 0;}
.contact_form li{padding: 7px 0;  border-bottom: 1px #f5f5f5 solid;}
.contact_form li .form__label{letter-spacing: 0.05em; color: #545454; font-weight: bold;}
.contact_form li input.noborder, 
.contact_form li textarea.noborder { border: none; background: #f3f3f3; border-radius: 5px;}
.contact_form {  margin-top: 33px;}

.contact_form li.last blockquote, .contact_form li.last cite{ border-radius: 40px;}
.contact_form li.last cite {  background: #29b8d9;}

/*================================================RWD1200*/
@media screen and (max-width: 1200px) { 
.banner { height: auto;  padding: 5% 0;}
.navigation { padding: 0 4% 0 9%;}

}
/*================================================RWD1024*/
@media screen and (max-width: 1024px) { 
/*Logo*/
.header_area .nav-brand{max-width: 110px;}
.header_area.sticky .nav-brand{max-width: 110px;}
.nav-header{max-width: 120px;}

/*header*/
.stellarnav { /* margin-top: 5px;*/}
.navigation {  padding: 10px 0 0;  flex-direction: inherit; justify-content: center;}
.stellarnav ul {/* margin-top: -125px;*/}
.stellarnav>ul { margin-top: -50px; margin-left: 15px;}
.stellarnav > ul > li > a {  font-size: 15px;}

}

/*================================================RWD900*/
@media screen and (max-width: 900px) {
.footer_info ul {  width: 100%;}
}

/*================================================RWD768*/
@media screen and (max-width: 768px) {
	
/*********************header*/	
.navigation { position: static;}
.navigation { margin-top: -50px; }
.header_area {  height: 50px;}
.bodyMobile { background: #fef2b5;}
#content_main, #content {background:white; }

@keyframes logo{ 0% { transform: translateX(-20px);} 100% { transform: translateX(20px);}}
	
/*********************側邊選單*/
.stellarnav>ul { margin-top: 0; margin-left: 0;}

/*menu*/
.stellarnav .menu-toggle:after { color: #3f3f3f;}
.stellarnav .menu-toggle span.bars span { background: #e3b073;}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {  padding: 10px;}
/*close*/
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background: transparent;}
.stellarnav .icon-close:before, .stellarnav .icon-close:after { border-bottom: solid 3px #ffbd74;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {  color: #e1e1e1;}

/*底色*/
.stellarnav.mobile li a { border-bottom: none;}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul 
{ background: #000000e8; backdrop-filter: saturate(93%) blur(3px); border-radius: 0 10px 10px 0;}
.stellarnav.mobile > ul > li { border-bottom: 1px #ffffff29 solid;}
.stellarnav > ul > li > a b { color: #ffe6a1;}

/*第二層*/
.stellarnav.mobile li.open{ background: transparent; padding: 0;}
.stellarnav.mobile ul {  background: transparent;}
.stellarnav.mobile ul ul {margin: 0 15px 15px;}
.stellarnav li li a {padding: 5px 10px; font-size: 15px;}
.stellarnav li li:hover a { /*background: #325fa8;*/}
.stellarnav li li a { border: none;}

.stellarnav.mobile li li.has-sub a{ padding: 5px 10px;}
.stellarnav.mobile li li a.dd-toggle {  background: transparent; height: 25px; padding: 0 10px;}
.stellarnav.mobile li.open li.open {  background: transparent; padding: 0;}
.stellarnav.mobile ul ul ul{ margin: 0;}
.stellarnav.mobile ul ul ul li a{ background: #ffffff21;}

/*文字*/
.stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after {  border-bottom: solid 3px #767676;}
.stellarnav > ul > li > a b:nth-child(2){color: #d4d4d4; /*font-family: 'Barlow', sans-serif;*/}

/*********************大圖*/
.bannerindex { padding:0; margin:0;}
/*.bannerindex{ margin-bottom: -3px;}*/
#content_main { margin:-5px 0 0;}
	
/*********************footer*/
#bottom_menu {display: flex; }
#bottom_menu li { background: #141414;}
#bottom_menu li a { color: #fff;}
#bottom_menu li a i { color: #3160a6;}
#bottom_menu li:nth-child(2) a i { color: #cc272e;}

.footer.with_shopping_mode { padding:15px 0 55px; }
#to_top { bottom:60px;}
.copy { padding-top: 8px;}
.footer_info { padding:0 10px; flex-direction: column;}

.footer_info li p{padding: 5px 10px 5px 0;}

/*********************功能頁*/
h5.blog_le_t, .blog_le .accordion {display: block; text-align: center;}
h5.blog_le_t em:before {  margin: auto;}
.module_i_news li { border-bottom: none;}
.module_i_news ul, .blog_subbox, .module_i_news ul, .blog_subbox { grid-template-columns: 1fr 1fr;}

.contact_content .information_right {  padding: 50px 10px 10px; }
.contact_form li { padding: 0 0 10px;  grid-gap: 5px;}
.contact_form li .form__label { padding: 0px;}

}
@media screen and (max-width: 600px) { 
.header_area {  height: 100px;}

.banner { min-height: 100px;}
.banner h5:before {font-size: 40px;}
.banner h5 { font-size: 20px;}

.news_list ul li p:after { margin-right: 0;}
.news_list ul li { margin: 10px; background: #ffffff;}

.contact_form li .form__label { background: transparent;}

.product-layer-two li { width: 100%;}

}

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

}

@media screen and (max-width: 425px) { 
.header_area {  height: 120px;}

.banner h5:before {font-size: 30px;}
.banner h5 { font-size: 17px;}

.footer {  animation: shake 30s linear infinite;}

.module_i_news ul, .blog_subbox, .module_i_news ul, .blog_subbox { grid-template-columns: 1fr;}
}