@charset "utf-8";
/*築田農業供應鏈_20220926改*/

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


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


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

/*文章作物栽培管理按鈕隱藏*/
.nav-menu>li:nth-child(5) ul li:nth-child(3){display: none;}
#accordion li:nth-child(3){display: none;}

/*首頁*/
.pageIndex .main_part { border-top: none;}
.pageIndex .products-box { width: 1200px; max-width: 100%; margin: 60px auto;}

/*header*/
.nav-header { padding: 8px 0;}
.me_tp_features a { color:#0c5a15;}

/*logo*/
.nav-brand { width: 100%;}

/*產品搜尋*/
.box_search input[type=text] { border: solid 1px #0c5a15; border-radius: 0;	font-size: 13px;}
.shop_search_btn {	background: #0c5a15; border-radius: 0px;}

/*header匯款通知_購物車(隱藏)
.me_tp_features a:nth-child(1) { display:none;}
.me_tp_features a:nth-child(2) { display:none;}
*/

.main_header_area { background: #fff;transition: all .5s; transition-timing-function: ease-in-out;}
.sticky .main_header_area { background: #fff;}
.main_header_area .container { max-width: 1300px;}
.header_area {/*position: fixed; width: 90%; top: 15px; */transition: all .5s; transition-timing-function: ease-in-out;left: 50%;
    transform: translateX(-50%);box-shadow: 0 1px 8px rgb(0 0 0 / 10%);}
.header_area.sticky { position: fixed; top: 0; left: 50%;}
.nav-menu { margin: 50px 0 8px 0;}
.nav-menu>li { position: relative;}



/*主按鈕特效*/
.tp_links a:before { width: 22px; height: 22px; margin-bottom: -3px; filter: invert(51%) sepia(53%) saturate(614%) hue-rotate( 90deg) brightness(60%) contrast(85%);}
.nav-menu > li:hover> a:not(.tp_links a) { background:#10831c;}
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a { color: #ffffff;}
.nav-menu > li > a:not(.tp_links a):after {
    content: "";
    position: absolute;
    height: 5px;
    background: #97c500;
    width: 0;
    transition: all 0.8s;
    bottom: -3px;
    /* right: 0; */
    left: 0;
    /* top: 42px; */
}
.nav-menu > li:hover > a:not(.tp_links a):after {width: 100%;}


/*hover下拉右側小箭頭*/
.submenu a:hover { background: #71b31e;}
.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 #97c500 #97c500 transparent;}
.nav-menu>li:nth-child(6) {  margin-right: 0;}
.nav-menu > li > a { color: #333; padding:5px 25px 7px; font-weight: bold; font-size: 18px; border-right: 1px solid #ddd;}

/*下拉*/
.nav-dropdown > li > a {border-bottom: 1px solid #2a33423b;font-size:15px;}
.nav-menu>li>.nav-dropdown { border: none; box-shadow: 0px 0px 2px rgb(0 0 0 / 30%);}
.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus { color: #fff; background:#10831c;}
/*下拉方向*/
.nav-dropdown .nav-dropdown { right: 100%; left: auto;}





/*hover icon*/
.nav-menu>li:nth-child(8){ display:none;}
li.tp_links a { border-right: none;}





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

.path p { max-width: 1000px;}
.path {    text-align: left;}


/*內頁BANNER 設定*/
.banner {
    background-color: #545454;
    padding: 100px 0;
    background-image: url(https://pic03.eapple.com.tw/jats10731194/banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner.banA {background-image: url(https://pic03.eapple.com.tw/jats10731194/banA.jpg);}
.banner.banB {background-image: url(https://pic03.eapple.com.tw/jats10731194/banB.jpg);}
.banner.banC {background-image: url(https://pic03.eapple.com.tw/jats10731194/banC.jpg);}
.banner.banD {background-image: url(https://pic03.eapple.com.tw/jats10731194/banD.jpg);}
.banner.banE {background-image: url(https://pic03.eapple.com.tw/jats10731194/banE.jpg);}
.banner.banF {background-image: url(https://pic03.eapple.com.tw/jats10731194/banF.jpg);}
.banner.banblog {background-image: url(https://pic03.eapple.com.tw/jats10731194/banblog.jpg);}

.banner h5 {
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-weight: 700;
    font-size: 45px;
    text-shadow: 0 0 10px black;
    padding-top: 0;
}
.banner h5:before {
    content: "築田農業供應鏈，是您最佳的夥伴"!important;
    position: absolute;
    top: 63px;
    left: 50%;
    transform: translateX(-50%);
    color: #eee;
    font-size: 20px;
    width: 380px;
    letter-spacing: 0em;
}


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




/*footer*/
.box_link a {display: none;}
.center { max-width: 1200px;}
.footer {
    background:#252525;
    background-image: url(https://pic03.eapple.com.tw/jats10731194/footer_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.footer_logo { width: 360px;}
.footer_logo img { width: auto;}
.footer_info {padding: 30px 50px 15px;}


/*footer_info*/
.footer_info { padding: 30px 50px;}
.footer_info ul { width: calc(100% - 430px);}
.footer_info li:nth-child(1) { width: 100%; padding: 20px 10px;}
.footer_info li p { color: #fff; display: inline-block; width: 49%;}
.footer_info li p a { color:#fff;}

/*footer_menu*/
.footer_info li:nth-child(2) {
	display:none;
    /*width: 100%;
    padding: 22px 0 0;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
	*/
}
.footer_menu { display: flex; flex-direction: row; align-items: center; justify-content: space-around; width: 100%;}
.footer_menu a {
    border: none;
    margin: 0;
    color: #fff;
    background: transparent;
    font-family: 'Anton', sans-serif;
    letter-spacing: 1px;
    position: relative;
    border-right: 1px solid #333;
    padding: 5px 20px;
}
.footer_menu a:nth-child(1) { display: none;}
.footer_menu a:hover { background: transparent; color: #10831c;}
.footer_menu a::before {
  content: "";
  position: absolute;
  top: 25%;
  left: -20px;
  height: 10px;
  width: 10px;
  background: #10831c;
  clip-path: polygon(100% 50%, 0% 100%, 29% 50%, 0% 0%);
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.footer_menu a:hover::before { left: 4px; opacity: 1; transition: 0.3s ease-in-out;}
.copy { border-top: 1px #ffffff1a solid; /*background: #252525;*/ color: #aaa; padding: 16px 0;}
.copy a {color: #aaa;}





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


/*聯絡我們*/
.list_before.info li:nth-child(5) { padding-left: 0;}
.animated-arrow {
    position: relative;
    z-index: 0;
    border: 1px solid #008bc4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .05em;
    color: #008bc4;
    background-color: #fff;
    overflow: hidden;
}
.animated-arrow:hover{color:#FFF;}
.animated-arrow:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    background-color: #008bc4;
    -webkit-transform: skewX( -50deg) translateX(-50%);
    -ms-transform: skewX(-50deg) translateX(-50%);
    transform: skewX( -50deg) translateX(-50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.animated-arrow:hover:after { width: 150%;}
.arrow { fill: #008bc4;}
.arrow:hover { fill: #ffffff;}





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


/*最新消息*/
.promotion_title h2 {border-bottom: 0px solid #2a3342;font-weight: bold;}
.promotion_title { border-bottom: 1px solid #ccc; padding: 0px 0 25px;  margin: 0 0 20px;}

.other_promotion li { width: 100%; border-top: 1px solid #ccc; background: #ffffff;}
.other_promotion li:hover { border-top: 1px solid #ea5541; box-shadow: 1px 2px 4px rgb(0 0 0 / 25%);}




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


/*購物車*/
.pageIndex .products-box{display: none;}
.sidebarBtn {border: none;background: #f9f9f9;border-top: 5px solid #ccc;border-bottom: 1px solid #ccc;}
/*選單改側邊*/
.product_page .main_part {max-width: 1600px;}
.product_page .show_content {display: flex;flex-wrap: wrap;}
.show_content { padding: 45px 10px 10px;}
.product-layer-two {width: 20%;}
.product-layer-two li {display: block;margin: 5px 10px; padding: 5px 0;}
.products-list .more {border: 1px solid #f9f9f9; color: #777; background: #eeeeee;}
.product-layer-two > li > a {color: #555555; padding: 6px 12px; border: none; border-bottom: 1px solid #eee; background: #f9f9f9;}
.product-layer-two li a:hover { background: #10831c; transition: all .3s; color: #ffffff;}
.product-layer-two li a:after { border-color: transparent #10831c transparent transparent !important; border-width: 0 10px 10px 0;}

.product-layer-two li ul{position: relative;margin-top: 0;width: 100%;margin-left: 0;}
.product-layer-two li:hover ul {border: none !important;border-top: none !important;}
.product-layer-two li li {display: block !important;}
.product-layer-two li li a {padding: 4px 15px;transition: all .3s;color: #666;}
.product-layer-two li li:hover a{background: #d9c973;padding: 4px 15px 4px 20px;color: #fff;}
.products-list{width: 80%;}
.products-list .item {padding: 10px 10px; margin: 20px 0; background: #fff;border: 1px solid #eee;}
.products-list .pic{overflow: hidden;}
.page {text-align: center;padding-left: 20%;width: 100%;}
.page li a {width: auto;height: auto;}

.products-list a:hover .more {background: #10831c; border-color: #10831c !important; color: #fff;}
.products-list .price b.ori_price{color: #0c5a15;}
.products-list .price b.sp_price{color: #e9361e;}

/*詳細頁*/
.product_info { margin: 0 0 50px 0;}
.product_info li {padding-left: 0;}
.product_info li span { width: 100%; margin: 13px 0 3px; font-size: 14px; color: #999;}
.product_info li .txt_box { color: #268cdf; float: left; width: 100%;}
.product_info_page .main_part {max-width: 1600px;}
.product_info_page .show_content {display: flex;}
.product-layer-two{width: 20%;}
.product-wrapper {width: 80%;}
.sidebarBtn .inquiry_a2 {margin-left: 0;margin-top: 10px;width: 100%;background: #f7655b;}
.sidebarBtn .inquiry_a1{width: 100%;}
.action-button:hover { background: #ea5541;}
.lastaction {color: #fff; background-color: #97c500;  border-radius: 5px;}
.nextaction {color: #fff; background-color: #0c5a15;  border-radius: 5px;}

h3.prod-thumb {background: #10831c; color: #ffffff; padding: 7px 10px; margin: 0 0 10px;}
ul.prod { padding: 35px 35px 10px; border: 1px solid #eee;}
.lastPage{background: #10831c;}
.prod_related {background: #fff; padding: 50px 15px 0; border-top: 1px dashed #ccc;}
.related_list li a p { font-size: 15px;color: #333;padding: 10px 10px;  background: #ffffff; border-top: 1px solid #eeeeee; height: 60px;}

/*購物車QA隱藏*/
li.prod-item:nth-child(2) {
    display: none!important;
}


/*20230303新增-隱藏加入購物車按鈕*/
.action-button {
    display: none;
}

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

/*文章分類*/

/*左側*/
h5.blog_le_t { display: none;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category { background: #10831c !important;}
.blog_le .accordion { border-radius: 0px; border: none; overflow: hidden;}
.blog_le .accordion li .link:last-child { border: none; border-bottom: 1px solid #CCC;}
.blog_search input[type=search] { border: solid 1px #ccc; border-radius: 0;}
.accordion li .link { padding: 15px 25px; color: #444;font-size: 14px; border-bottom: 1px solid #CCC;}

.blog_le .accordion li a:hover::before {
    left: 10px;
    opacity: 1;
    transition: 0.2s ease-in-out;
}
.blog_le .accordion li a::before {
    content: "";
    position: absolute;
    top: 40%;
    left: -20px;
    height: 10px;
    width: 10px;
    background: #ffffff;
    clip-path: polygon(100% 50%, 0% 100%, 29% 50%, 0% 0%);
    opacity: 0;
    transition: 0.2s ease-in-out;
}



/*右側*/
.subbox_item { width: 100%;}
.subbox_item a:after { background: rgb(12 90 21 / 80%); border: 0px #ddd solid;}
.subbox_item a:before { background: rgb(255 255 255); color: #27a639;}
.blog_list_le { width: 200px;}
.blog_list_ri { width: calc(100% - 210px);}
.blog_list_ri h5 { font-weight: bold; font-size: 20px; margin: 45px 0 0;}
.blog_list_ri em { color: #999; margin: -62px 0 -50px 95px;}
.blog_list_ri p { font-size: 16px; color: #555; line-height: 27px; margin: 105px 0 0;}


.blog_list_ri:before{
    content: "案例分享";
    font-family: "微軟正黑體";
    position: absolute;
    top: 6%;
    color: #27a639;
    font-size: 14px;
    left: 245px;
    height: 23px;
    width: 80px;
    border: 1px solid #27a639;
    border-radius: 0px;
    transform: translateX(-50%);
    text-align: center;
}

/*
.blog_list_ri:after {
    content: "案例分享";
    font-family: "微軟正黑體";
    position: absolute;
    top: 6%;
    color: #27a639;
    font-size: 14px;
    left: 245px;
    height: 23px;
    width: 80px;
    border: 1px solid #27a639;
    border-radius: 0px;
    transform: translateX(-50%);
    text-align: center;
}
*/


.blog_back a.article_btn_back {
    background: #0c5a15;
}




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



@media screen and (max-width: 1250px) {
	.nav-menu > li > a { padding: 5px 15px 7px;}
}

@media screen and (max-width: 1120px) {
	.nav-menu > li > a { padding: 5px 5px 7px;}
}

@media screen and (max-width: 980px) {
	.nav-menu > li > a { padding: 5px 2px 7px; font-size: 12px;}
}

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

.banner {padding-top: 70px;}
    
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}
.nav-menu { margin: 25px 0 8px 0;}
.nav-brand-m { display: block;}
a.nav-brand-m img {padding: 0px 0 0 15px; width: 265px;}
.header_area, .header_area.sticky { position: fixed;/*header固定上方*/ width: 100%; top: 0;}
.nav-toggle:before {background-color: #c2c3c6;box-shadow: 0 0.5em 0 0 #c2c3c6, 0 1em 0 0 #c2c3c6;}
.nav-toggle:after {color: #c2c3c6;}
.navigation-portrait .nav-menus-wrapper {background-color:  #ffffff;}
.nav-menus-wrapper-close-button {color: #114416;}
.header_area, .header_area.sticky { position: relative; width: 100%; top: 0; transform: none; left: 0;}


.footer_info ul { width: calc(100% - 0px);}
/*
.footer_menu {display: flex; align-items: center; justify-content: space-evenly; width: 100%; flex-direction: row; align-content: stretch;}
.footer_info { padding: 30px 40px 15px;}
.footer_info li:nth-child(2) { width: 100%; padding-top: 20px;}
.footer_menu a { width: 20%;}
*/

}





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

.products-list { width: 100% !important;}
.product-layer-two { display: none;}
.products-list .price * {  margin: 0;}
.products-list .name {margin: 15px 0;}
.products-list .item { padding: 10px 10px; margin: 0px 0 15px;}
.product-wrapper { width: 100%;}
.page { padding-left: 0;}
}




@media screen and (max-width: 488px) { 
.blog_list_ri:before { position: inherit;}
.blog_list_ri h5 { margin: 15px 0 0;}
.blog_list_ri em { margin: -62px 0 -49px 70px;}

#bottom_menu li:first-child:nth-last-child(3), #bottom_menu li:first-child:nth-last-child(3) ~ li { width: 33.3%;}
#bottom_menu li a:nth-last-child(2) { display: none;}/*匯款通知隱藏*/


.product_page .banner h5 {
    font-size: 30px!important;
    letter-spacing: -3px!important;
}

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

/*footer*/
.nav-header { padding: 16px 0 0;}
.nav-brand img { max-width: 70%;
}.seed_logo img { padding: 10px; margin-bottom: 10px;}
.footer_logo { width: auto; margin-bottom: 0px;}
.footer_logo img{ width: 250px;}
.footer_info { padding: 30px 20px 15px;}
.footer_info ul {width: calc(100% - 0px);}
.footer_info li p {display: inherit; width: 100%;}
.footer_menu a { width: auto;}
.footer_menu a:hover { text-align: center;}
.footer_menu a:hover::before { display:none;}
.navigation-portrait .nav-menus-wrapper {width: 80%;}
.navigation-portrait .nav-menu { width: 90%;padding: 0 50px 0 0;}
.navigation-portrait .nav-dropdown>li>a { width: 100%;}


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

/*聯絡我們*/
.contact_form li .form__label { width: 400px; margin-left: 0;}
.contact_form li .form__insert {width: 600px;}
.contact_form li { padding-left: 0;}
.noborder { background: #f4f4f4;}

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

/*文章分類*/
.blog_list_le { width: 100%;}
.blog_list_ri { width: calc(100% - 0px);}
.blog_list_ri:after { top: 437px; left: 43px;}

}



@media screen and (max-width: 414px) {
	.banner h5:before { width: 100%;font-size: 15px;}
	.blog_list_ri:after { top: 362px;}
	.other_promotion li { margin-right: 0%; margin-left: 0.1%;}
}

@media screen and (max-width: 390px) {
	.blog_list_ri:after { top: 340px;}
}

@media screen and (max-width: 390px) {
.blog_list_ri:after { top: 375px;}
}