@charset "utf-8";

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

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

*/


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

/*0415暫檔*/
.banner {display:none;}
.me_tp_features a {display:none;}

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

.pageIndex .main_part {border-top: none;}

.main_header_area {
    background:white;
    box-shadow: 0px -1px 10px rgb(0 0 0 /10%);
    border-top: 3.5px solid #008ce6;
}

.main_header_area .container {max-width: 1600px;}

.nav-header {padding: 20px 0 0;}
.nav-menu { margin-top:24px; }
.nav-menu > li > a {
    color: #000;
    padding: 30px 24px 24px;
}
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a {color:#008ce6;}
.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 #008ce6 #008ce6 transparent;}
.nav-menu>li>.nav-dropdown {right:auto!important;}

.tp_links{display: none !important;}


.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus {color: #fff;background:#008ce6;}
.nav-dropdown > li > a {color: #008ce6;border-bottom:1px solid #008ce659;}
.nav-menu>li>.nav-dropdown {border: none;border-top:1px solid #008ce659;}



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


/*預設解除背景輪播*/
#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, .other_page .path, .services_page .path, .map_page .path {display:none;}
.banner h5 {}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}

#content {min-height: 80vh;}
.main_part {max-width:1300px;}
.animated-arrow {background: #008ce6;}

.contact_page #content, .map_page #content {
    width: 100%;
    background:no-repeat;
    background-image: url(https://pic03.eapple.com.tw/lijietoclean/combine.jpg);
	background-attachment:fixed;
	background-size: cover;
	background-position: center;
}
.other_page #content{
    width: 100%;
    background:no-repeat;
    background-image: url(https://pic03.eapple.com.tw/lijietoclean/bubble.jpg);
	background-attachment:fixed;
	background-size: cover;
	background-position: center;
}

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


/*促銷*/
.promotion_title {border-bottom: 1px solid #00e1e1;}
.promotion_title h2 {border-bottom: 2px solid #008ce6;}

.other_promotion li {transition: all 0.3s linear;}
.other_promotion li:hover {box-shadow: 0 0 6px #ddd; transform: translateY(-5px);}
.other_promotion li:hover {border-top: 1px solid #008ce6;}
.other_promotion li:hover h3 {color: #008ce6;}
.promotion_title h2 span {display:none;}
.other_promotion li .pmtTitle span {display:none;}

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


/*購物車*/
.product-layer-two li a:hover {
    color: #00e1e1;
    font-weight: 900;
    border: 1px solid #00e1e1;
}

.product-layer-two li:hover ul { border: none !important; border-top: none !important;}

.products-list .item {width: calc((100% - 12px)/4);}
.products-list .more { border: 1px solid #008ce6; color: #008ce6;}
.products-list a:hover .more { background: #008ce6; border-color: #008ce6 !important; color: #ffffff;}

.products-list .pic {
	width:100%; 
	height:100%; 
	aspect-ratio: 5/4;
	padding-bottom:0;
	overflow: hidden;
}
.products-list .pic img {
    width: 100%;
    height: 100%;
    object-fit:cover;
	transition: all 0.3s;
}
.products-list .item:hover .pic img { transform: scale(1.1);}
.products-list .name {text-align: justify; font-size: 18px; font-weight: 900;letter-spacing: 0px;margin: 15px 0;height: 52px;}
.products-list .price b { color: #008ce6; font-size: 20px;}
.products-list .price { display: none;}
/*內頁*/
.prod-thumb {padding: 0 0 20px;color: #008ce6;}
.prod-panel {line-height: 160%;}
.prod-item {padding: 20px 0;}
.qaform {margin: 0 auto;}
.nextaction, .lastPage {background-color: #008ce6;}
.lastaction {
    color: #fff;
    background-color: #00e1e1;
}
.related_list li a { aspect-ratio: 4/3;}
.related_list li a img {
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.related_list li a p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


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

/*相簿*/
.show-list .item, .pic-list .item {padding: 0;margin: 0.98%;}
.show-list .show_pic { width:100%; height:100%; line-height:0;padding-bottom: 0;}
.show-list .show_pic img {
	max-width: 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
	aspect-ratio: 4/3;
}

.show-list .show_name, .show-list .item:hover .show_name { text-align: center; color:#008ce6;}


/*內頁*/
.other_subalbum { display: flex;flex-wrap: wrap;}
.pic-list .show_pic { width:100%; height:100%; line-height:0;padding-bottom: 0;}
.pic-list .show_pic img {
	max-width: 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
	aspect-ratio: 4/3;
}
.pic-list .item h6 {padding: 0;}
.other_album_choice li {background: #008ce6;}

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



/*聯絡我們*/
.FAX:before {content: "LINE ID";}
.contact_page .list_before.info li {padding-left: 70px;}
.list_before.info li:before {width:100%;}
.list_before.info li:last-child {padding-left: 0;}
.list_before.info {width: 100%;max-width: 100%;}

.information_right .blank_letter{position: relative;}
.information_right .blank_letter:after {
	content: "親愛的客戶，非常感謝您的預約，為了提供完善的服務品質請撥冗填寫以下資料，我們將會盡速與您聯繫，謝謝！";
	position: absolute;
	left: 122px;
	top: 0px;
	font-size: 15px;
	font-weight:400;
	color: red;
	max-width:390px;
}


.contact_page form.style1 {
    display: flex;
	flex-wrap:wrap;
    justify-content: space-between;
}
.contact_page .blank_letter {padding-top: 0;}
.contact_content .information_left {
    width: 330px;
    background: #fffFFFE5;
    padding: 30px;
    height: 340px;
    box-shadow: 0 0 10px #00000019;
	border-radius:30px;
}
.contact_content .information_right {
    width: calc(100% - 365px);
    padding: 30px;
    background: #fffFFFE5;
    box-shadow: 0 0 10px #00000019;
	border-radius:30px;
}
.note {
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
}
.noborder {border: 1px solid #ccc;}
.contact_form li {border-bottom: none;}
.contact_form li {padding-left: 100px;}
.contact_form li .form__label {
    width: 90px;
	margin-left: -94px;
}
/*切版用暫時*/
.list_before li.btn {
    display:none;
}
.contact_content .information_left {height: 245px;}

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

/*footer*/
.footer_info li p.fax:before {content: 'LINE ID：';}
.footer_logo {padding-left: 10px;}
.center {max-width: 1600px;}
.footer_info {padding: 0;}
.footer_info ul {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.footer_info li {
     margin-top: 12px;
	 padding: 10px;
}
.footer_info li:nth-child(1) {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    order: 2;
}
.footer_info li p {
    display: inline-block;
    width: 50%;
}
.footer_info li:nth-child(2) {
    width: 100%;
}
.footer_menu {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ddd;
}
.footer_menu a {
    padding: 0;
    border: none;
    margin: 0 20px 15px 0;
    background: none;
}
.footer_menu a:hover {
    background: none;
    color: #008ce6;
}

.copy a:hover { color: #008ce6;}

@media screen and (max-width: 1100px) {
.note {
	text-align: left;
    margin-top: 24px;
}
.products-list .item {width: calc((100% - 12px)/3);}
}
@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}

.nav-header {padding: 10px 0 5px;}
.contact_page .path {display:none;}
.contact_page .main_part {padding: 30px 0;}
.contact_content .information_left, .contact_content .information_right {width: 100%;}
.contact_content .information_left { margin-bottom: 15px;}
.contact_content {padding: 20px 10px;}

.nav-dropdown > li > a {width: 100%;}
.footer_info li:nth-child(2) {padding-right: 58px;}

.information_right .blank_letter:after {
    left: 0;
    top: 40px;
}
.note {
    text-align: left;
    margin-top: 70px;
}
.products-list .item {width: calc((100% - 12px)/2);}

}

@media screen and (max-width: 600px) { 
.footer_info li p {width: 100%;}

}

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

.note {margin-top: 80px;}

}