@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body{overflow-x:hidden; font-family: 'Noto Sans TC', Noto Sans TC;}






/*網站全域設定/＝＝＝＝＝*/
/*
  #ADA17E /*網站主要色系
  #cbc0a0 /*網站輔助色系1
  #658781; /*網站輔助色系2*/
  

/*引入字體*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap');


/*字型更換*/

.navigation, .stellarnav > ul > li > a b,
.footer_info ul,
.product-layer-two, .products-list .name, body.product_info_page .main_part,
.blog_box, .module_i_news ul,
body.promotions_page .main_part,.news_part,
body.album_page .show_content, body.album_class_page .show_content, body.album_info_page .show_content,
.contact_editbox, .contact_content, .blank_letter,
.animated-arrow b {
    font-family: "Noto Sans TC", Noto Sans TC;
    font-weight: 400;
	letter-spacing: 1px;
}
.blank_letter{
    padding-top: 0;
    font-weight: 600;
    color: #323232;
}




/*  = 預設解除背景輪播 =  */

#content_main {
    margin: 0;    background: #f4f4f4;
}

.bannerindex {
    position: static;
}

.swiper-banner {
    position: static;
    margin: 0;
    height: auto;
}

.swiper-slide img {
    height: auto;
}



/*滾動條全域設定---------- */

/*寬度*/
::-webkit-scrollbar {
    width: 6px;
}

/*軌道顏色*/
::-webkit-scrollbar-track{
    background-color: #fefefe;
    border-radius: 3px;
}

/*滑塊*/
::-webkit-scrollbar-thumb {
    background-color: #25AC6B;
    border-radius: 3px;
}

/*版面寬度*/
.main_header_area .container{
    max-width: 1200px;
    width: 100%;
}

.album_page .main_part ,
.album_class_page .main_part,
.album_info_page .main_part,
.share_page .main_part,
.product_page .main_part,
.product_info_page .main_part,
.contact_page .main_part,
.inquiry_page .main_part,
.work_page .main_part ,
.work_class_page .main_part,
.work_info_page .main_part{
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
}








/* = = = banner = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.banner {padding: 200px 0 ;background-image: url(https://pic03.eapple.com.tw/weihuan/00002.jpg);}
.banner h5 {letter-spacing: 3px; color:#fff}
.banner.banA {}
.banner.banblog {}
.banE {}
.banC {}
.banB {}
.banD {}
@media screen and (max-width: 768px) { .banner h5 { font-size: 28px;}}
@media screen and (max-width: 600px) { .banner h5 { font-size: 24px;}}


/*Banner/＝＝＝＝＝*/

body.map_page .banner {
	/*display:none;*/
}

body.services_page .banB h5::before{
	content:"SERVICES";
}

.banE h5::before{
	content:"CASES";
}

.banF h5::before{
	content:"PRODUCTS";
}

.banC h5::before, body.map_page .banB h5::before{
	content:"QUOTE";
}

.banblog h5::before {
    content: "NEWS";
}


.banner h5::before{
	font-family: 'Noto Sans TC', serif;
    font-weight: 500;
	font-size: 65px;
    display: block;
	letter-spacing: 5px;
}

.banner h5{
	font-size: 24px;
    font-family: "Noto Serif TC", serif;
    letter-spacing: 8px;
    font-weight: 600;
    color: #fff;
    max-width: 1600px;
    width: 100%;
    padding: 120px 8vw 0px;
    text-align: left;
	text-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
	line-height: 1.3;
}

.banner h5::after{
	content: "";
    max-width: 500px;
	width:100%;
    height: 1px;
    background: #FFFFFF;
    display: block;
    margin: 15px 0px;
}

body.map_page .banB h5::after{
	content: "聯絡我們";
    height: unset;
    background: unset;
    border-bottom: 1px #FFFFFF solid;
    margin-top: 0px;
    padding-bottom: 15px;
}



@media screen and (max-width: 1920px){
	.banner {

	}
}

@media screen and (max-width:1200px) {
	.banner {
		height: 520px;
	}
	
	.banner h5::before {
		font-size: 50px;
	}
	
	.banner h5{
		text-shadow: 0px 0px 10px rgb(0 0 0 / 70%);
		font-size: 22px;
	}
    .banner {
        height: 450px;
    }
}

@media screen and (max-width:1024px) {
	.banner {
		height: 430px;
	}
	
	.banner h5 {
		padding: 60px 8vw 0px;
	}

   
}

@media screen and (max-width:768px) {
	.banner {
		height: 330px;
	}
	.banner h5::before {
		font-size: 40px;
	}
	.banner h5 {
		font-size: 22px;
	}
	
	.banner h5::after {
		max-width: 340px;
	}

    .header_area.sticky {    position: fixed;}
}


@media screen and (max-width:600px) {
	.banner h5::before {
		font-size: 36px;
		line-height: 1;
    	margin-bottom: 5px;
	}
	
	.banner h5 {
		font-size: 20px;
	}
}

@media screen and (max-width:480px) {
	.banner {
    	height: 200px;
	}
	
	.banner h5 {
		padding: 35px 6vw 0px;
	}
	
	.banner h5::after {
		max-width: 270px;
	}
}


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

.banner h5::before {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 5px;
}

.banner h5 {
    font-size: 10px;
}

}

#page{
	/*background: url(https://pic03.eapple.com.tw/jiang/bg.jpg)no-repeat top center;
    background-size: cover;*/
}

#content_main, #content {
    background: url(https://pic03.eapple.com.tw/weihuan/bg.jpg)repeat center center;
    background-size: 100%;
}




/*Main/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*Header/＝＝＝＝＝*/
.main_header_area{
	background: rgb(255, 255, 255);
    /*box-shadow: 1px 1px 10px rgba(0,0,0,0.07);*/
	/*background: url(https://pic03.eapple.com.tw/tspackage/bg.jpg) no-repeat center center;*/
	/*background: rgba(255,255,255,1);*/
	padding: 0px 20px;
}

.header_area,.header_area.sticky {
    z-index: 20000000;
}

.main_header_area .container {
    /*max-width: 1600px;*/
	max-width: 100%;
}
/*選單最大寬度設定*//*
.main_header_area .container {    max-width: 95%;}
*/
.navigation {
    padding: 0px 0px 0px calc(50px + 0vw);
    grid-template-columns: 330px 1fr;
}

.header_area { padding: 0px;   background: #ffffffe3;}


/*第一層*/
.stellarnav > ul > li > a{
	transition:all 0.3s;
}
.stellarnav > ul > li > a{
	margin: 30px 1vw;
	padding:0px;
    font-weight: 600;
    letter-spacing: 0.08em;
	color: #6d6d6d;

	/*height: unset;
    line-height: unset;
	overflow: unset;*/
	/* color: #FFFFFF; */
}
/* .stellarnav > ul > li:hover > a{color: #ff7b7b !important;text-shadow: unset !important;} */

.stellarnav li.has-sub > a:after {
    height: 8px;
    width: 8px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
	/*border-color: transparent #FFF #FFF transparent;*/
    border-color: transparent #777 #777 transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border .2s;
    transition: border .2s;
    margin: 0px;
    top: 40px;
    right: -13px;
}

.stellarnav li.has-sub:hover > a:after {
    border-color: transparent #d6c0a9 #d6c0a9 transparent !important;
}


.linksBtn {display: none;}


.stellarnav > ul > li:nth-last-of-type(1) {
    right: 0;
    top: -2px;
    line-height: 0px;
}



@media screen and (min-width:769px) {
	
	.stellarnav > ul > li > a, .stellarnav li.has-sub > a{
		position:relative;
	}
	
	
	
	.stellarnav > ul > li:hover > a::before{
		width:100%;
	}
	
	.stellarnav > ul > li:hover > a b {
		transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
	}
	
	
}



/*隱藏按鈕列最新消息按鈕*/

/* .stellarnav > ul > li:last-of-type, .footer_menu a:last-of-type,
.stellarnav > ul > li:nth-last-of-type(2), .footer_menu a:nth-last-of-type(2) {
    display: none;
} */



/*第二層*/
.stellarnav ul ul {
    background: #25ac6b;
    width: 180px;
}
.stellarnav > ul > li.drop-left > ul {
    right: unset;
    left: 0px;
}
.stellarnav li li {
    border: unset;
	margin-bottom: unset;
}
.stellarnav li li > a , .stellarnav li li.has-sub > a{
	padding: 10px 15px;
    transition: all 0.5s;
    font-size: 15px;
    color: #343538;
    border-bottom: 1px solid #ddd;
    background: #fff;
	
}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{
	/*color: #ADA17E;
	padding-left:10px;
	border-color:#ADA17E;*/
	background: #dddddd;
	padding-left: 20px;
}

/*第三層*/
@media screen and (min-width: 769px){
	.stellarnav li li.has-sub > a:after, .stellarnav li.drop-left li.has-sub > a:after {
		height: 8px;
		width: 8px;
		display: block;
		border-style: solid;
		border-width: 0 1px 1px 0;
		border-color: transparent #eee #eee transparent !important;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: border .2s;
		transition: border .2s;
		margin: 0px;
		top: 18px !important;
		right: 15px;
	}
	
	.stellarnav li li.has-sub:hover > a:after, .stellarnav li.drop-left li.has-sub:hover > a:after {
		border-color: transparent #fff #fff transparent !important;
	}
	
	.stellarnav li ul ul {
		left: 160px !important;
		right: unset !important;
	}
}
.stellarnav li ul ul {
	background: #b7151a;
}

.stellarnav li ul ul li > a{
	background: #b7151a;
    border-bottom: 1px solid #c42d31;
}

.stellarnav li ul ul li:hover > a{
	background: #970e12;
}

/*SubMenu*/
.shop_search_btn {    background: #25ac6b; transition:.3s;height: 26px;margin-top: 1px;}
.shop_search_btn:hover {    background: #ECFB58;color:#000000}
.me_tp_features a.tp_btn_cart, .me_tp_features a.tp_btn_notice {
    transition:.3s;
	/*color: #FFF;*/
}
.me_tp_features a.tp_btn_cart:hover, .me_tp_features a.tp_btn_notice:hover {
    color: #D6C5B2 !important;
}
.tp_links a{transition:all 0.3s;}
.tp_links a:hover {    color: #ADA17E;}

/*隱藏選單按鈕連結*/
.me_tp_features {
    margin: 0px;
	display: block;
}
.tp_links{display: none;}
.fa-phone-volume::before {display: none;}


/*隱藏中英文翻動動畫*/

.stellarnav > ul > li > a b {
    line-height: unset;
   	height: unset;
	transform: unset !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
	transition: unset;
    font-weight: 600;
}

.stellarnav > ul > li > a b:nth-of-type(2) {
	display:none;
}

.stellarnav > ul > li > a b:nth-of-type(2) {
	letter-spacing:0px;
}

.stellarnav > ul > li > a:hover {
    color: #25ac6b;
}



/* logo */
.header_area.sticky .nav-brand {   max-width: 90px;}
.pageIndex .header_area .nav-brand {
    max-width: 275px;}

@media screen and (min-width: 769px){
	.stellarnav > ul > li > a b:nth-of-type(2) {
		text-transform: none;
	}
}


@media screen and (min-width: 1025px) {
	.header_area {
		position: fixed;
		width: 100%;
		top: 0px;
	}
	
	.main_header_area {
		transition: 0.3s ease;
		background: transparent;
		box-shadow: unset;
    	/* background: linear-gradient(to bottom, rgba(34,34,34,0.7) 0%,rgba(173,161,126,0) 100%); */
		/*background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); 
    	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);*/
		padding: 0px;
	}
	
	.header_area.sticky .main_header_area {
		background: rgb(255, 255, 255);
		/*box-shadow: 1px 1px 10px rgba(0,0,0,0.07);*/
		/*background: url(https://pic03.eapple.com.tw/tspackage/bg.jpg) no-repeat center center;*/
		/*background: rgba(255,255,255,0.9);*/
	}
	
	.header_area .nav-brand {
		/* filter: grayscale(100%) brightness(500%);
		-webkit-filter: grayscale(100%) brightness(500%); */
		transition:.3s;
		max-width: 240px;
		margin-top: 15px;
		margin-left: 0px;
	}
	
	.header_area.sticky .nav-brand {
		filter: unset;
		-webkit-filter: unset;
		max-width: 240px;
    	margin-top: 15x;
	}
	
	.pageIndex .header_area .nav-brand {
        max-width: 240px;
		opacity:1;
	}
	
	.pageIndex .header_area.sticky .nav-brand {
		opacity:1;
	}
	
	
	
	.stellarnav > ul > li > a {
        margin: 5px 0.5vw 5px;
        color: #6d6d6d;
        font-weight: 600;
        /* text-shadow: 0px 0px 10px rgb(0 0 0 / 50%); */
        transition: 0.3s ease;
        padding: 0px 5px;
        letter-spacing: 0.08em;
        font-size: 17px;
	}
	
	.header_area.sticky .stellarnav > ul > li > a {
		margin: 0px 1vw 0px;
		color: #6d6d6d;
		/* color: #FFFFFF; */
		text-shadow: unset;
	}
	
	.stellarnav li.has-sub > a:after {
		border-color: transparent #FFF #FFF transparent;
		top: 17px;
		transition: 0.3s ease;
	}
	
	.header_area.sticky .stellarnav li.has-sub > a:after {
		border-color: transparent #777 #777 transparent;
		top: 17px;
	}
	
	
	
	
	
	.me_tp_features {
		padding: 20px 1vw 10px;
		transition: 0.3s ease;
	}
	
	.header_area.sticky .me_tp_features {
		padding: 10px 1vw 10px;
	}
	
	
	.me_tp_features a.tp_btn_cart, .me_tp_features a.tp_btn_notice {
		color: #525260;
		transition: 0.3s ease;
	}
	
	.me_tp_features a.tp_btn_cart:hover, .me_tp_features a.tp_btn_notice:hover {
		text-shadow: unset !important;
	}
	
	.header_area.sticky .me_tp_features a.tp_btn_cart, .header_area.sticky .me_tp_features a.tp_btn_notice {
		color: #343a40;
		text-shadow: unset;
	}
	
	
	
	/*按鈕列-全統報名網額外設計*/
	
	.stellarnav ul {
		text-align: right;
        /* margin-left: auto; */
	}
	

	
	/*除了首頁的其他頁面按鈕列*/
	/*.main_header_area {
		background: rgba(0,0,0,1);
	}
	
	.header_area.sticky .main_header_area {
		background: rgba(0,0,0,0.8);
	}*/
}




@media screen and (min-width: 1201px) {
	.stellarnav > ul > li > a {
		margin: 30px 1vw 10px;
	}
	
	.header_area.sticky .stellarnav > ul > li > a {
        margin: 30px 1vw 10px;
	}
}

@media screen and (min-width: 1660px) {
	.stellarnav > ul > li > a {
		font-size: 18px;
	}
	
}


/* LOGO */
.pageIndex .header_area.sticky  .nav-brand{max-width: 200px;}
.header_area.sticky .nav-brand {margin-top: 15px;}
.nav-header { position: static;    max-width: 265px;}
.pageIndex .header_area.sticky .nav-brand{ position: static;    max-width: 330px;}

.pageIndex .header_area.sticky{ position: fixed;}

.stellarnav > ul > li > a {margin: 5px 1vw 5px;}
.header_area.sticky .stellarnav > ul > li > a {margin: 30px 1vw 15px;}


/*--RWD---------------------------------------*/

@media screen and (max-width: 1440px) { 
    .swiper-pagination { display: none;}
	.navigation {    padding: 0px 0px 0px calc(50px + 0vw);grid-gap: 0 50px;}
    .stellarnav > ul > li > a {        margin: 30px 1vw 15px;}
}

@media screen and (max-width: 1024px) { 
    /*header*/
    .pageIndex .header_area { position: relative;}
    .main_header_area .container { max-width: 100%;}

    /*logo*/
    .header_area .nav-brand { max-width: 190px; margin: 10px 0 15px; transition: .3s ease-in-out;}
    .header_area.sticky .nav-brand {    max-width: 240px;}
    /*menu*/
    .header_area .navigation, .header_area.sticky .navigation, .navigation { padding: 0;}
    .stellarnav { padding: 0 0 10px;}
    .stellarnav.mobile > ul > li > a.dd-toggle, .stellarnav > ul > li.has-sub > a, .stellarnav.mobile > ul > li.has-sub a.dd-toggle, .stellarnav.mobile > ul > li.has-sub > a { padding: 0 0px;}
    .stellarnav li.has-sub > a::after { top: 49%;}/*下拉箭頭*/
	.stellarnav > ul > li > a {    margin: 0px 1vw;}
	.header_area.sticky .stellarnav > ul > li > a {margin: 0px 1vw 0px;}
}

@media screen and (max-width: 768px) {
    /*logo*/
    .nav-header { position: static;    max-width: 265px;}
    .header_area.sticky .nav-brand { max-width: 240px; margin-top: 10px; transition: .3s ease-in-out;}    

    /*menu*/
    .stellarnav ul ul, .stellarnav > ul > li:hover > ul > li:hover > ul { box-shadow: none;}
    .stellarnav li li { border: none;}
    .stellarnav > ul > li > a b:last-child { display: none;}
    .stellarnav.mobile > ul > li > a.dd-toggle, .stellarnav > ul > li.has-sub > a, .stellarnav.mobile > ul > li.has-sub a.dd-toggle, .stellarnav.mobile > ul > li.has-sub > a { padding: 10px 10px;}
    .stellarnav.mobile > ul > li > a.dd-toggle { top: 3px;}
    .stellarnav li.has-sub > a::after { top: 53%;}/*下拉箭頭*/
    .stellarnav li li > a, .stellarnav li li.has-sub > a, .stellarnav li li.has-sub.drop-left a { padding: 10px 30px; border-left: none;}
    .stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{    background: #25AC6B;}
    .stellarnav .icon-close:before{border-bottom: solid 1px #fff;}
    .stellarnav .icon-close:after {border-bottom: solid 1px #fff;}
    .stellarnav a {color: #fff; }
    .stellarnav .menu-toggle span.bars span{    height: 2px;}
    .stellarnav .menu-toggle:after{font-weight: 600;}
	.header_area .nav-brand { margin: 10px 0 5px;}
    .stellarnav a.dd-toggle .icon-plus:before {    border-bottom: solid 1px #777;}
    .stellarnav a.dd-toggle .icon-plus:after{    border-bottom: solid 1px #777;}
    .stellarnav li li:hover > a, .stellarnav li li.has-sub:hover > a {  background: #25ac6b; padding-left: 20px;color: #fff;}
}



@media screen and (max-width: 425px) {
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu{    padding: 10px;}
.main_header_area {    padding: 0px 10px 0 10px;}
}


@media screen and (max-width: 375px) { 
	.main_header_area {padding: 0px 0px 0 0px;}
	.nav-header {    max-width: 170px;}

}

@media screen and (max-width: 1439px) { 
.navigation {
    padding: 0px 0px 0px calc(50px + 0vw);    grid-gap: 0 0px;
}}






/*首頁大圖點點*/
.swiper-pagination {
    display: none;
}

.swiper-wrapper .swiper-slide::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 81px;
    left: 50%;
    width: 12px;
    height: 12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100000;
    bottom: 110px;
    border-right: 3px solid rgba(255, 255, 255, 0.5);
    border-bottom: 3px solid rgba(255, 255, 255, 0.5);
    transform: translateX(-50%) rotate(45deg);
    -webkit-animation: bannerScrollAnimation 0.8slinear infinite;
    animation: bannerScrollAnimation 0.8slinear infinite;
}

.stellarnav li li:hover > a, .stellarnav li li.has-sub:hover > a {  background: #25ac6b; padding-left: 20px;color: #fff;}

/*隱藏購物車搜尋欄*//*
.box_search{display:none;}
/*隱藏購物車*//*
.me_tp_features a.tp_btn_cart {display: none;}
/*隱藏匯款通知*//*
.me_tp_features a.tp_btn_notice{display: none;}


/*選單漸變效果＝＝*/
/*首頁固定選單 開啟後下方RWD 768對應標籤也需開啟*//*
.pageIndex .header_area{position: fixed;    width: 100%;}



/* ====footer===================================================================================================================== */
/*Footer/＝＝＝＝＝*/
.box_link {display: none;}
#to_top {      color: #ffffff;    font-weight: 800;  background: #25AC6B; border-radius: 0%;}
#to_top i:before, #to_top i:after{background:#ffffff;}
#to_top i.top:before, #to_top i.top:after{    width: 3px;}
.footer {    padding: 80px 0 0;     background-color:#25AC6B;}
.footer_info li p, .footer_info li p > a { color: #ffffff; line-height: 220%;}
.footer_info { display: flex; padding: 0; justify-content: space-between;}
.footer_logo { display: none; }
.footer_logo img { max-width: 100px;}
.footer_info ul { display: flex;    align-items: flex-start;    justify-content: space-between;    width: 100%;}
.footer_info li { padding: 0;     font-weight: 600;}
.footer_info li:nth-child(1) {    width: 48%;}
.footer_info li:nth-child(2) {    width: 48%;    text-align: right;}

.footer_menu a {
    background: transparent;
    color: #ffffff;
    border: none;
    /* width: 42%; */
    display: block;
}
.footer_menu a:first-child {    display: none;}
.footer_menu a:hover {    background: transparent; color: #b8f5b6;}

.box_link {
    top: 100%;
    width: 100%;
    text-align: left;
    padding: 0 13.5%;
    transition: all 0.3s;
}
.box_link a {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: transparent;
    border-radius: 30px;
    font-size: 18px;
    padding: 2px;
    color: #eee;
    border: 1px #88888847 solid;
    transition: all .3s;
}
.box_link a:hover {    background: transparent;    color: #767676;}
.copy {    border: none;    padding: 85px 0 60px;    text-align: right;    width: 100%;    max-width: 1300px;    margin: 0 auto;}
.copy, .copy a {    color: #ddd; transition:all 0.3s;}
.copy a:hover {
    color: rgb(147, 221, 255);
}


/*--RWD---------------------------------------*/

@media screen and (max-width: 1024px){
    /*.footer_info {padding: 0 80px 0 0;}*/
    .footer .center {max-width: 800px;}
    .copy {max-width: 800px;}

}

@media screen and (max-width: 768px) {
    /*footer*/
    .footer_info { align-items: center;}
    .footer_logo { text-align: center;}
    .footer_info ul { flex-direction: column;}
    .footer_info li:nth-child(1) { width: 100%;text-align: center;}
    .footer_info li:nth-child(2) { width: 100%; border-left: none;text-align: center;}
    .copy { text-align: center;}
    .double_key { text-align: center;}
    

    /*底部按鈕*/
    #to_top { bottom:60px;}
    #bottom_menu {display:none; }
    .footer.with_shopping_mode { padding:30px 0 70px; }

    .footer_menu {
        display: flex;
        width: 100%;
        justify-content: center;
        margin: 15px 0;
    }
    .copy {    padding: 20px 0 60px;}
}

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

    /*聯絡icon*/
    .box_link { text-align: center;}

    .copy {
        padding: 0px 0 60px;
    }
}


@media screen and (max-width: 460px) {
    .footer_menu {
        display: flex;
        width: 100%;
        justify-content: center;
        flex-direction: column;
    }
    .copy {
        padding: 80px 0 70px;
    }
}


/* = = = 購物車 = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/*--首頁、外層 共同設定---------------------------------------*/

.products-list { display: grid; gap: 10px; grid-template-columns: repeat(4,1fr);}
.products-list::before { content:none;}
.products-list .item { width: 100%;}

/*--首頁區塊---------------------------------------*/

.prod_part { width: 100%;}

/*英文標題*/
.prod_part .i_prod_tit h2 { display: none; color: #25AC6B;}

/*中文*/
.prod_part .i_prod_tit span { position: relative; color: #3F4049; font-weight: 600; text-shadow: 2px 2px 0 #FFFFFF, -2px -2px 0 #FFFFFF, 2px -2px 0 #FFFFFF, -2px 2px 0 #FFFFFF;}
.prod_part .i_prod_tit span::before {
    content: "PRODUCT";
    position: absolute;
    top: -45px;
    left: -60%;
    width: 100%;
    text-align: center;
    font-size: 60px;
    color: #25AC6B;
    letter-spacing: 3px;
    text-shadow: none;
    transform: translateX(-50%);
    z-index: -1;
}

/*--購物車/外層---------------------------------------*/

/*顏色*/
.products-list .more { border: 1px solid #25AC6B; color: #25AC6B;}
.products-list .item a:hover .more { background: #25AC6B;}

/*名稱*/
.products-list .name { color: #25AC6B; font-weight: 600; font-size: 16px; height: 51px;}

/*價格*/
.products-list .price { display: flex; margin-bottom: 5px; align-items: center; justify-content: center; flex-wrap: wrap;}
.products-list .price b { margin: 0 5px; line-height: 180%; text-align: center;color: #25AC6B;}
.products-list .price b.ori_price { font-size: 14px;}

/*外層版面*/
.product_page .main_part { width: 90%;	max-width: 1500px;}
.product_page .show_content { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;gap: 10px;}
.product_page .products-list { width: calc(100% - 280px);}
.product-layer-two { width: 250px; margin: 0;}
.product_info_page .product-layer-two { display: none;}
.product-layer-two li { margin: 0; width: 100%; padding: 0 10px;}
.product-layer-two > li.active { background: #25AC6B; border-radius:0px;}
.product-layer-two li.active li a { color: #fff; border: unset;}

/**/
.product-layer-two li a { color: #222; border: none; border-bottom: 1px dotted transparent; background: transparent; line-height: 200%; transition: all 0.3s;}
.product-layer-two > li > a { border-bottom: 1px dotted #ccc; padding-left: 25px;}
.product-layer-two li:hover > a { color: #25AC6B;}
.product-layer-two li.active > a { color: #fff; border: none;}
.product-layer-two li:hover > a:before { background: #25AC6B; color:#fff;}
.product-layer-two li.active > a:before { background: #fff; color:#25AC6B;}
.product-layer-two > li > a:before {
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 18px;
    content: "＞";
    color: #25AC6B;
    background: #f2f2f2;
    width: 18px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    padding-left: 2px;
    font-size: 13px;
}

/**/
.product-layer-two li ul { position: relative; padding-top: 1px;}
.product-layer-two li li { border: none; background: transparent;}
.product-layer-two li li a { background: transparent;}
.product-layer-two li li:hover a { color: #25AC6B;}
.product-layer-two li.active li:hover a { color: #25AC6B;}

/*hover到才顯示副選單 關掉↓*/
.product-layer-two li li { display: block;}

/*--購物車/內層---------------------------------------*/

.product_info_page .main_part { width: 90%;}
.mobile_product_name { color: #25AC6B; font-size: 24px; text-align: center;}

/*次分類*/
.block { background: #25AC6B;}

/*按鈕顏色*/
.inquiry_a1 { display: none; }
.inquiry_a2 { display: none; }
.inquiry_a3 { background: #25AC6B; transition: .3s ease-in-out;}
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover { background: #222; transition: .3s ease-in-out;}
.lastaction { color: #fff; background-color: #25AC6B; transition: .3s ease-in-out;}
.lastaction:hover { color: #fff; background-color: #222; transition: .3s ease-in-out;}
.nextaction { background-color: #25AC6B; transition: .3s ease-in-out;}
.nextaction:hover { color: #fff; background-color: #222; transition: .3s ease-in-out;}
.lastPage { background: transparent; border: 1px solid #25AC6B; color: #25AC6B; transition: all 0.3s;}
.lastPage:hover { color: #fff; background-color: #25AC6B; border: 1px solid #25AC6B; transition: all 0.3s;}

/*商品照輪播*/
/*..product_main { width: 100%;}*/
.product_pic h6 { display: none; color: #444;}
.product_pic #bx-pager .block { background: #444;}

/*商品側邊規格*/
.product-layer-two li:hover li{display: block;}
/*.sidebarBtn { display: none;}*/
.product_info li .txt_box { color: #222222; width: 100%;}
.sidebarBtn .sp_price { color: #25AC6B;}

/*區塊*/
.prod li { text-align: center;}
.prod li .prod-panel { margin: 20px 0 40px; text-align: justify;}

/*內文*/
ul.prod li h3.prod-thumb { background: transparent; color: #25AC6B; border-bottom: 1px solid #25AC6B88; padding: 5px 5px 15px; display: inline-block;}

/*Q&A*/
/*li.prod-item:not(.is-active) { display: none;}隱藏*/
.qaform .breakF { background: transparent;}
.half_box ul li { text-align: left;}
.half_box ul li img { margin-left: 10px;}/*驗證碼*/

/*相關推薦*/
.prod_related { background: transparent; text-align: center;}
.prod_related h6 { color: #25AC6B; border-bottom: 2px solid #25AC6B88; padding: 5px 5px 15px; display: inline-block;}
.prod_related h6 span:before { font-size: 20px; color: #25AC6B;}
.related_list { display: grid; grid-template-columns: repeat(4,1fr);}
.related_list li { padding: 7px 7px 22px; overflow: hidden; width: auto;}
.related_list li:hover { opacity: 0.6; transition: .3s ease-in-out;}
.related_list li a { max-height: 300px;}
.related_list li a img { max-height: 250px;}
.related_list li a p { margin-top: 10px;}

/*--RWD---------------------------------------*/

@media screen and (max-width: 1200px) { .products-list { grid-template-columns: repeat(3,1fr);}}
@media screen and (max-width: 1024px) { .product_page .products-list { grid-template-columns: repeat(2,1fr);}}
@media screen and (max-width: 768px) { 
    .products-list { grid-template-columns: repeat(2,1fr);}
    .product_page .products-list, .product-layer-two { width:100%;}
    .prod_related h6 span:before { font-size: 24px;}
    /*順序*/
    .product_page .products-list { order: -1;}
}
@media screen and (max-width: 600px) { 
    .prod_related h6 span:before{font-size: 20px;}
    .related_list { grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 375px) { .products-list, .product_page .products-list  { grid-template-columns: 1fr;}}



/* 相簿============================================================== */
.show-list {
    display: flex;}

.other_album_choice li {border-radius: 0px;}

.path {
    display: none;
}

/* 標題 */
.subalbum-menu h2 {
    color: #fff;
}

.block {
    background: #fff;
}

/* 觀看其他 */
/*觀看其他作品*/
.album_fixed_title embed {
    display: none;
}

.album_fixed_title {
    display: none;
}

.other_album_choice li a {
    color: #fff;
}

.other_album_choice li {
    background: #25ac6b;
}


.other_album_choice li {
    margin-top: 2%;
}


/* 相簿第一層內頁=========== */


body.album_page .show_content {
    width: 95%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.subalbum-menu {
    padding: 0;
}

.other_subalbum li {
    width: 33%;
    margin: 0;
}


ul.show-list.clearfix {
    width: 100%;
    max-width: 1326px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 30px;
}

body.album_page .main_part {
    max-width: 1100px;
    margin: 5% auto auto auto;
    padding: 0 0 80px 0;
}

.album_page .show-list .item {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    margin: 20px 10px;
    padding: 0;
    margin: 0.4%;
    box-sizing: border-box;
}

.overlay {
    display: none;
}


.album_page .show-list .item a {
    max-width: 100%;
}

.album_page .show-list .show_pic {
    display: block;
    position: relative;
    text-align: center;
    height: auto;
    aspect-ratio: 12 / 8;
    overflow: hidden;
    padding-bottom: 0;
}

.album_page .show-list .show_pic img {
    max-width: 100%;
    max-height: 100%;
    transition: 1s;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.album_page .show-list .show_pic img:hover {
    transform: scale(1.1);
}

.album_page .show-list .show_name {
    background: rgba(40, 40, 40, 0.3);
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    height: calc(100% - 50px);
    top: 25px;
    left: 25px;
    opacity: 0;
    cursor: pointer;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    position: absolute;
    color: transparent;
}


.album_page .show-list .item:hover .show_name {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #fff;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}



.album_page .show-list .item a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 0px solid rgba(255, 255, 255, 0.4);
    -webkit-transition: border 0.5s;
    -o-transition: border 0.5s;
    transition: border 0.5s;
    transition: 0.5s;
    pointer-events: none;
}

ul.show-list.clearfix:hover a:hover:after {
    border-width: 13px;
}


@media screen and (max-width: 768px) {
    ul.show-list.clearfix {
        gap: 10px;

    }

    .album_page .show-list .item,
    .album_page .show-list .item:hover {
        flex-basis: 100%;
        margin-bottom: 2%;
    }

    body.album_page .show_content {
        padding-bottom: 80px;
    }

    .album_page .show-list .show_name,
    .album_page .show-list .item:hover .show_name {
        opacity: 1;
        position: relative;
        color: #222;
        background: transparent;
        height: auto;
        top: 0;
        padding: 0;
        font-size: 13px;
        width: 100%;
        text-align: center;
        left: 0;
        margin: 10px 0 0 0;
    }

    ul.show-list.clearfix:hover a:hover:after {
        display: none;
    }

}




/* 相簿第二層內頁===========================--- */


body.album_class_page .main_part {
    max-width: 1100px;

    margin: 0 auto;
    padding: 0;
}

body.album_class_page .subalbum-menu h2 {
    display: none;
}

.other_subalbum {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 30px;
}

.subalbum-menu {
    margin: 80px 0;
}

.other_subalbum li {
    position: relative;
    width: 100%;
}


.other_subalbum li p {
    position: absolute;
    right: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
    width: 100%;
    height: auto;
    font-size: 13px;
    color: #FFFFFF !important;
    border: none;
    text-align: center;
    background: rgba(0, 0, 0, .3);
    padding: 10px;
    transition: all ease-in .3s;
    border-radius: 10px;
}

.other_subalbum li:hover p {
    opacity: 1;
}

.other_subalbum li a>div {
    display: block;
    position: relative;
    text-align: center;
    height: auto;
    aspect-ratio: 12 / 8;
    overflow: hidden;
    padding-bottom: 0;
}



.other_subalbum li a img {
    max-width: 100%;
    max-width: 100%;
    min-width: 100%;
    object-fit: cover;
    height: 100%;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    transition: all 0.2s;
}

.other_subalbum li a:hover img {
    transform: scale(1.1);
    max-width: 100%;
    max-height: 100%;
    transition: 1s;
    object-fit: cover;
    height: 100%;
    width: 100%;
}


.other_subalbum li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #ffffff3b;
    z-index: 1;
    opacity: 0;
    transition: 0.5s;
    pointer-events: none;
}


.other_subalbum:hover a:hover:after {
    opacity: 0;
    transition: 0.5s;
}

.other_subalbum:hover a:after {
    opacity: 1;
    transition: 0.5s;
}

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


@media screen and (max-width: 768px) {
    body.album_class_page .main_part {}

    body.album_class_page .subalbum-menu {
        margin-top: 0;
    }

    .other_subalbum {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 10px;
    }

    body.album_class_page .show_content {
        padding-bottom: 80px;
    }

    .other_subalbum li p,
    .other_subalbum li:hover p {
        opacity: 1;
        position: relative;
        color: #222;
        background: transparent;
        height: auto;
        top: 0;
        padding: 0;
        font-size: 13px;
        width: 100%;
        text-align: center;
        left: 0;
    }

    .other_subalbum li a:after {
        display: none;
    }
}


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

    .other_subalbum {
        grid-template-columns: minmax(0, 1fr);
    }

    .show-list {
        display: flex
    ;
        flex-direction: column;
    }
}

/* 相簿第三層內頁================== */


body.album_info_page .main_part {
    margin: 0 auto;
    padding: 5% 0;
    max-width: 1100px;

    width: 95%;
}

ul.pic-list.clearfix {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 30px;

}

.album_info_page .pic-list .show_pic img {
    max-width: 100%;
    max-height: 100%;
    transition: 1s;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.album_info_page .pic-list .show_pic {
    display: block;
    position: relative;
    text-align: center;
    height: auto;
    aspect-ratio: 12 / 8;
    overflow: hidden;
    padding-bottom: 0;
}


.album_info_page .pic-list .item {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
}

.album_info_page .pic-list .item h6 {
    position: absolute;
    right: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
    width: 100%;
    height: auto;
    font-size: 13px;
    color: #FFFFFF !important;
    border: none;
    text-align: center;
    /* background: rgba(0,0,0,.3); */
    padding: 10px;
    transition: all ease-in .3s;
}


ul.pic-list.clearfix li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #989d8f75;
    z-index: 1;
    opacity: 0;
    transition: 0.5s;
    pointer-events: none;
    mix-blend-mode: multiply;
}


ul.pic-list.clearfix:hover a:after {
    opacity: 1;
    transition: 0.5s;
}

ul.pic-list.clearfix:hover a:hover:after {
    opacity: 0;
    transition: 0.5s;
}



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

@media screen and (max-width: 768px) {
    .album_info_page .pic-list .item h6 {

        opacity: 1;
        position: relative;
        color: #222;
        background: transparent;
        height: auto;
        top: 0;
        padding: 0;
        font-size: 13px;
        width: 100%;
        text-align: center;
        left: 0;
    }

    .album_info_page .show_content {
        padding-bottom: 80px;
    }

    ul.pic-list.clearfix {
        gap: 10px;
    }

    ul.pic-list.clearfix li a:after {
        display: none;
    }

}

@media screen and (max-width: 476px) {
    .album_info_page .pic-list .item {
        width: 100%;
    }
}







/*文章管理/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*首頁_文章管理*/
h5.blog_le_t em{display: none;}
h5.blog_le_t span {display: none;}


/*首*/
.module_i_news ul{width: 90%;	grid-template-columns:1fr 1fr 1fr 1fr ;}
.module_i_news ul, .blog_subbox {  display: grid;  gap: 30px;}
.blog_subbox {    grid-template-columns: unset;}
.pageIndex .module_i_news { max-width: 2000px; margin: 0 auto; padding: 70px 0 120px 0; background-image: url(https://pic03.eapple.com.tw/700451/ind_news_bg.jpg), url(https://pic03.eapple.com.tw/700451/ind_bg.jpg);
    background-position: left top, center; background-repeat: no-repeat, repeat;}
.pageIndex .module_i_news ul { max-width: 1400px; width: 100%; margin: 70px auto 20px auto;}
.pageIndex .module_i_news li {border-bottom: 0px #eee solid; }
.pageIndex .module_i_news .title_i_box:before { content: ""; width: 550px; border-top: 1px solid #DDE3D2;  position: absolute;  z-index: 1;}
.module_i_news .title_i_box {  text-align: center;  display: flex;  justify-content: center; align-items: flex-end; margin: 0;}
.pageIndex .module_i_news .title_i_box h6:before {	content: "01"; position: relative; top: 132px; left: -120px; width: 90px; font-size: 12px; border: 1px solid #7F9F7D; padding: 35px 35px; height: 90px; display: block;
	    transform: rotate(90deg) translateX(0);}
.pageIndex .module_i_news .title_i_box h6 {font-size: 110px; color: #5F745D; font-weight: 500; font-family: Noto Sans TC; letter-spacing: 5px; padding: 0 0 0 120px;}/*英標*/
.pageIndex .module_i_news .title_i_box h4 {  font-size: 18px;   color: #858585;  font-weight: 300;  font-family: Noto Sans TC;  padding: 0 0px 0px 20px;  bottom: 28px;  position: relative;}/*中標*/
.pageIndex .i_blog_ri { background: #fff; transform: translate(35px, -60px); padding: 15px 35px; position: relative;}
.pageIndex .i_blog_ri h5 {  height: 66px; font-size: 18px; padding: 10px 0; color: #555555; transition: all 0.3s; -webkit-line-clamp: 2;}
.pageIndex .module_i_news li a:hover h5 { color:#A28C62;}
.i_blog_le{ box-shadow: 4px 16px 40px rgba(30, 103, 64, 0.16);}
.blog_list_le { box-shadow: 4px 16px 40px rgba(30, 103, 64, 0.16);}
.pageIndex .i_blog_ri em { font-size: 12px;  margin: 0;}
.pageIndex .i_blog_ri p { display:none;}
.module_i_news li:hover .i_blog_ri:before { width: 100%;}
.i_blog_ri:before { content: ""; width: 0;  height: 1px;  background: #A28C62;  transition: all .5s;  position: absolute;  bottom: 0;  left: 0;}
.pageIndex .i_blog_le, .blog_list_le {  overflow: hidden;}
.i_blog_le, .i_blog_ri{  width: 100%;}
.pageIndex .i_blog_le img, .blog_list_le img { transition: 0.5s;}
.pageIndex .module_i_news li :hover .i_blog_le img, .subbox_item:hover .blog_list_le img { transform: translate(-50%, -50%) scale(1.05); }
.pageIndex .subbox_item a:hover:before, .subbox_item a:hover:after { opacity: 0; transition: all .5s;}
.module_i_news li{  width: 100%;}

/*查看更多按鈕*/
.fa-arrow-right::before { content: "+";}
.animated-arrow { font-size: 16px; font-weight: 200;  font-family: Noto Sans TC;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/





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

/*文章設定*/
/*一排呈現
.subbox_item { width:100%;}
*/
.share_page .edit {    text-align: justify;    line-height: 180%;}
.subbox_item a:before , .subbox_item a:after {    transition: 0.3s;}
.blog_le .accordion > li {    transition: all 0.3s;}
.blog_box_edit {    line-height: 180%;    text-align: justify;}
h4.blog_category_title {    text-align: justify;}
.link a {
    width: 100%;
    display: block;
    padding: 15px 10px;
    color: #000000;
}
.accordion li .link {    padding: 0;}

h5.blog_le_t {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif "微軟正黑體";
    letter-spacing: 2px;
    margin-bottom: 7px;
}
h5.blog_le_t span {
    font-family: Arial;
    display: inline-block;
}

.subbox_item a:before{
    padding: 10px 20px;
    background-color: #25ac6b;
	color: #d3d3d3;
}

.blog_list_ri h5 {
    color: #000000;
}

.blog_search input[type=search] {
    outline: none;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    color: #fff;
    border: 0;
    border-bottom: 1px #fff9 solid;
    border-radius: 0;
    padding: 10px 35px 10px 10px;
    background: transparent;
}
.blog_le .accordion {
    padding: 10px;
    border: 0;
    overflow: visible;
}
.blog_le .accordion > li {
    transition: all 0.3s;
    border-bottom: 1px #fff9 solid;
}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {
    background: #ffffff17 !important;
}


/*文章變1排3個*/
.blog_page .main_part {    max-width: 1400px;}
.blog_list_le , .blog_list_ri {    width: 100%;}
.blog_subbox {    display: flex;    flex-wrap: wrap;    justify-content: flex-start;}
.subbox_item {
    width: 40%;
    padding: 5px;
    margin-bottom: 5%;
}
.subbox_item:nth-child(even) {
    margin-left: 10%;
}
.subbox_item:nth-child(even) .blog_list_ri{
    text-align: left;
}

.subbox_item:nth-child(even) a:before {
    bottom: 10px;
}




.subbox_item a {
    position: relative;
    display: block;
}
.subbox_item a:after {
    content: '';
    width: 0%;
    position: absolute;
    left: 50px;
    top: auto;
    bottom: 50px;
    z-index: 8;
    height: 1px;
    background: #25ac6b;
    opacity: 0;
    border: none;
    transition: all 0.5s;
}
.subbox_item a:hover:after {
    width: 100%;
    left: 0;
    bottom: -5px;
    opacity: 1;
    transition: all 1s;
	border-color: #25ac6b;
}


.blog_list_le {
    height: 0;
    width: 100%;
    line-height: 0;
    padding: 0;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
}
.blog_list_le img {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
h4.blog_category_title {
    text-align: justify;
    color: #000000;
}
.blog_box_edit * {
    line-height: 150%;
    color: #000000;
}


h5.blog_le_t em    {    display: none;}
h5.blog_le_t span {    display: none;}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a{color: #000000 !important;}

.blog_back a.article_btn_back{background: #25ac6b;}
.articel_mainPic img{display: none;}

@media screen and (max-width: 1024px) {.subbox_item {width: 80%;}}
@media screen and (max-width: 960px) {
    .subbox_item {
        width: 100%;
        border-bottom: none;
    }
    
}
@media screen and (max-width: 768px) {
    .blog_page .main_part {
        max-width: 80%;
    }
    
}




@media screen and (max-width: 600px) {.subbox_item {    width: 100%;}}
/**/





/*●●●●●●●●●●●●●●●●●●●●●●●●   聯絡我們(表單功能)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*整體設定*/
.blank_letter{font-family: 'Noto Sans TC', sans-serif;color: #444;font-size: 24px;padding-top: 0;}
.contact_content .information_right {width: calc(100% - 310px);padding-left: 50px;}
/*表格區塊*/
.TEL:before, .TEL2:before, .PHONE:before, .FAX:before, .TAXID:before, .MAIL:before, .ADD:before, .ADD2:before {font-weight: lighter;}
button, input, optgroup, select, textarea{outline: none;}
input[type="checkbox"], input[type="radio"] {margin: 5px 5px 5px 10px;}
input[type="checkbox"]:nth-child(1), input[type="radio"]:nth-child(1) {margin: 5px 5px 5px 0px;}
.list_before.info li {font-weight: 300;}
.form select {background: transparent;color: #444;border: none;border-bottom: 1px solid #aaa;width: 100%;}
.form select option{background: #eee;}
.contact_form {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 15px 0;}
.contact_form li {width: 48%;padding-left: 0;padding: 15px 0;}
.contact_form li input.noborder {padding-left: 10px;background: transparent;border: none;border-bottom: 1px solid #eee;}
.contact_form li textarea.noborder{border: 1px solid #eee;padding-left: 10px;background: transparent;}
.contact_form li.last{width: 100%;}
.contact_form li.last cite {margin-left: 10px;background: #555;color: #eee;}
.contact_form li.last blockquote, .contact_form li.last cite {border: 1px #ccc solid;width: 130px;}
.contact_form li.last blockquote input {color: #333;font-size: 14px;font-weight: 300;}
.contact_form li.last blockquote:hover input, .contact_form li.last cite:hover input {letter-spacing: 3px;}
.information_right .contact_form li.last blockquote input {color: #000;font-weight: 300;font-size: 14px;}
.contact_form li .form__label{font-weight: 300;color: #000;width: 100%;text-align: left;margin-left: 0;margin-bottom: 5px;}
.contact_form li .form__insert{color: #444;width: 100%;}
.noborder {padding: 10px;}
.blank_letter {font-weight: 400;font-size: 20px;letter-spacing: 3px;}
h4.blank_letter.i::after {  display: flex;  flex-direction: column; font-weight: 400;font-size: 14px;letter-spacing: 1px;}

@media screen and (max-width: 768px) {
	/*整體設定*/
	.blank_letter{padding-top: 0;}
	.blank_letter.f{margin-top: 50px;}
	/*資訊區塊*/
	.list_before{margin-top: 10px;}
	/*表格區塊*/
	.contact_content .information_right {width: 100%;padding-left: 10px;}
	.contact_form li input.noborder{border-radius: 0;}
}
@media screen and (max-width: 600px){
	.contact_content{padding: 0;}
}
@media screen and (max-width: 450px){
	.contact_form li{width: 100%;}
	.blank_letter{padding-top: 0;font-size: 18px;}
	.blank_letter.f{margin-top: 50px;}

}
/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/
.blank_letter {color: #25AC6B;font-size: 18px;font-weight: 700;}
/*側邊*/
.list_before.info li {
    color: #595959;
    font-size: 14px;
	font-weight: 500;
}
.contact_le_nomap iframe{filter: grayscale(1);-webkit-filter: grayscale(1);transition: all .5s;}
.contact_le_nomap iframe:hover{filter: grayscale(0);-webkit-filter: grayscale(0);}
/*表單*/
.contact_form li .form__label {
    color: #575757;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
}
.contact_form li .form__insert {color: #25AC6B;}
.contact_form li .form__insert *{font-family: 'Noto Sans TC', sans-serif;}
.contact_form li input.noborder {border-bottom: 1px solid #25AC6B;}
.contact_form li textarea.noborder {border: 1px solid #25AC6B;}
.contact_form li.last blockquote, .contact_form li.last cite {border: 1px #25AC6B solid;}
.contact_form li.last cite {background: #25ac6b;}
.contact_form li.last input{font-size: 14px;}
.information_right .contact_form li.last blockquote input {color: #25AC6B;font-weight: 500;}
.form select option {background: #ffffff;}
.form select {color: #9cafbe;border-bottom: 1px solid #25AC6B;}
.contact_le_map a {
    display: block;
    background: #97cc9f;
    text-align: center;
    padding: 10px;
    color: #fff;
}

h4.blank_letter.i::after{content:"歡迎來電洽詢討論  蘇威瑍銷售主任";}