@charset "utf-8";
/* *********************************** */

/* ----- GOOGLE FONT -----*/

/* Noto Serif */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC:600,900&display=swap&subset=chinese-traditional');
.noto_ser{font-family: 'Noto Serif TC', serif;}


/* *********************************** */


/* ********** Header ********** */

#menuTop ul:before { border-top:0 !important; }
#header { padding: 14px 0; height:100px; background:rgba(255,255,255,.8); -moz-box-shadow: 1px 1px 3px 2px rgba(20%,20%,40%,0.5); -webkit-box-shadow: 1px 1px 3px 2px rgba(20%,20%,40%,0.5); box-shadow: 1px 1px 3px 2px rgba(20%,20%,40%,0.5);}
#menuTop li a{color:#444444;}
#menuTop ul{margin-top:0;} 
#menuTop ul li ul{/*background:rgba(0,0,0,.9); border:#444444 solid 1px;*/}
#menuTop ul li ul li:hover{/*background:rgba(255,255,255,.2);*/}
#header .logo img{max-height:65px;}

/*  header 右上方 icon  (灰-預設 vs 白) */
/*
.round_link a .Gray { display: none; }
.round_link a .White { display: inline-block;}
*/


/* *********************************** */
/* 小ICON掉下來更正檔案*/
/*
.round_link a .White ,.round_link a ,.round_link a .Gray { width: 32px; height: 28px; }
.box_link li:first-child a object.Black,.box_link li:first-child a object.Gray{width:22px;height:22px;}
.box_link li:first-child+li a object.Black,.box_link li:first-child+li a object.Gray{width:40px;height:40px;}
/*


/* *********************************** */


/* 沒有開購物車-預設 vs 有開購物車 */
/**/
.search_link a.with_shopping_mode {	display: inline-block;}

/* *********************************** */

/* ********** footer ********** */

.footer{border-top:none; background:url(https://pic03.eapple.com.tw/justclean/footer_bg.png) right no-repeat, -webkit-linear-gradient(#B9D8ED,#187EC3); background: -o-linear-gradient((#B9D8ED,#187EC3)); background: -moz-linear-gradient((#B9D8ED,#187EC3)); background: linear-gradient(to bottom,(#B9D8ED,#187EC3));}
.footer_logo img{margin:auto; display: block; filter: drop-shadow(0px 0px 3px rgba(255,255,255,.8)) drop-shadow(0px 0px 3px rgba(255,255,255,.8)) drop-shadow(0px 0px 3px rgba(255,255,255,.8)) drop-shadow(0px 0px 3px rgba(255,255,255,.8)); width: 90%;}
.footer_menu{border-bottom:none;}
.footer_info{padding-left: 0; padding-right: 60px; display: table; width: 100%;}
.footer_info .footer_logo{display: table-cell; width: auto; vertical-align: middle; margin-left: 0; width: 300px; padding-right: 20px;}
.footer_info ul{vertical-align: top; letter-spacing: 0.3em; color: #000000; display: table-cell; width: auto; line-height: 22px;}
.copy,
.copy a, 
.footer_info ul,
.footer_info ul li a,
.footer_menu li a{color:#000000;}

/* 針對頁尾第幾個作設定 */
.footer_info ul li:nth-child(1), 
.footer_info ul li:nth-child(3) { display:none;}


/*  footer 右上方 icon  (黑-預設 vs 灰) */
/*
.box_link li a object.Black { display: none; }
.box_link li a object.Gray { display: inline-block; }
*/


/* ********** 個頁版面設定 ********** */

/* ***** 整體 ***** */
.main_part{padding: 30px 0px;}
#page{background: url(https://pic03.eapple.com.tw/justclean/all_bg.png) top center fixed no-repeat, #FFFFFF;}


/*arrow 按鈕*/
.animated-arrow { background: #187fc3;}


/* *********************************** */

/* ***** 首頁 ***** */

/* 產品的看更多按鈕設定 */
.products-list .more { }
.products-list a:hover .more { }


/* 頁面的麵包屑 首頁/頁面名稱/ */
.path {display:none;}


/* *********************************** */
/* 頁面上方廣告 */
.banner {background:none; webkit-box-shadow:none; box-shadow:none; height: 150px;} 
.banner h5{color:#222222; font-family: 'Noto Serif TC', serif; letter-spacing: .2em; font-size: 0.7em;}
.banA {}
.banB {}
.banC {}
.banD {}
.banE {}
.banF {}

/* *********************************** */
/* 實績分享標題底線 */
.promotion_title {border-bottom: 1px solid #167ac6;}
.promotion_title h2 {border-bottom: 2px solid #167ac6;}

/*相本*/

/* *********************************** */
/* 相本分類全版面 ( 限制最寬2000px 
.work_page .main_part { max-width:2000px;}
.work_page .show_content { padding:0; width:100%;}
.work_page .show-list .item { width:33%; display:inline-block; float:none; margin:0; padding:0;}
@media screen and (max-width: 768px) {
.work_page .show-list .item { width:49%;}
}
@media screen and (max-width: 570px) {
.work_page .show-list .item { width:100%;}
}
.work_page .show-list .item a { max-width:100%;}
.work_page .show-list .show_pic { height:auto; line-height:0;}
.work_page .show-list .show_pic img { max-width:100%; max-height:100%;}
.work_page .show-list .show_name { position:absolute; top:50%; right:10%; width:80%; height:auto; line-height:160%; font-size: 20px; color: #FFFFFF !important; border: solid 1px #fff; text-align: center; margin: -20px 0 0 -120px; padding:5px 20px; transition:all ease-in .3s; opacity:0;}
.work_page .show-list .item:hover .show_name {opacity:1;}
*/


/* 相本列表 
.work_info_page .main_part { max-width:2000px;}
.work_info_page .path { display: none; }
.work_info_page .show_content { padding:0; width:100%;}
.work_info_page .subalbum-menu { text-align:center;}
.work_info_page .subalbum-menu h2 { float:none;}
.work_info_page .pic-list .item { margin:0; padding:10px; width:49%; float:none; display:inline-block;}
@media screen and (max-width: 768px) {
.work_info_page .pic-list .item { width:100%;}
}
.work_info_page .pic-list .show_pic { height:auto; line-height:0;}
.work_info_page .pic-list .show_pic img { max-width:100%; max-height:100%;}
.work_info_page .pic-list .item a { max-width:100%; pointer-events: none; cursor: default; } /*取消連結被點擊效果*/


@media screen and (max-width: 768px) {
#header { height:auto; }
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding: 50px 0 90px; }

.footer_info{padding-right: 0; width: 90%; margin: auto;}
.footer_info .footer_logo{display:block; width: 90%; margin: 40px auto; padding:0; }
.footer_info ul{display:block; width: 90%; margin: 0px auto;}
.footer_info ul li{letter-spacing: 1px; text-align: center;}
.footer_logo img{display:block; max-width: 90%; margin:auto;}

/* 預設手機版單張圖片 沒有開啟 */
/* 
.bannerindex { display:none;}
.mobile_wp { display:block;}
*/
}

@media screen and (max-width: 600px) { 
/* 手機版 輪播圖另外在換圖*/
/*
.swiper-slide img { display:none; }
.bannerindex { height:100vh; padding:0;}
.swiper-slide:nth-child(1) { background-image: url(); background-size:cover;}
.swiper-slide:nth-child(2) { background-image: url(); background-size:cover;}
*/
}