@charset "utf-8";
/* ******************** google_font ******************** */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@700;900&family=Righteous&display=swap');
/*
font-family: 'Noto Serif TC', serif;
font-family: 'Righteous', cursive;
*/
/* *********************************** */

/* ******************** header ******************** */
#header {
	padding: 14px 0;
	height:100px;
	background:rgba(255,255,255,.6);}
#menuTop ul{margin-top: 0;}
#menuTop ul:before { border-top:0 !important; }
#menuTop li a, .search_link a, .topTop a i, .search_txt + .fa, .product-layer-two li a {
    color: #003366;}

#header .logo {
    margin-top: -5px;}

/* LOGO */
#header .logo {
    margin-top: -20px;
    padding: 10px 20px;
    background: #FFFFFF;
    border-radius: 0 0 20px 20px;}
#header .logo img{
    max-height: 80px;
}
.pageIndex #header .logo img{
    height: auto;
    max-height: unset;}

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


/*  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;}
/*


/* ******************** footer ******************** */
.footer {
    background: #FFFFFF;
    border-top: solid 5px #C2DDE4 !important;}
.footer_menu {
    border-bottom: none !important;}
.footer_info ul {
    color: #444444;}

.footer_info {
    display: flex;
    justify-content: space-between;
    padding: 0;}
.footer_info ul {
    width: calc(100% - 330px);}
.footer_logo {
    display: block;
    margin: 0;
    width: 295px;}

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


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




/* ******************** 各頁面設定 ******************** */

/* ********** 整體頁面 ********** */
#content{
    background:url(https://pic03.eapple.com.tw/076520488/cont_bg.png) top center, #FBFDFE;
}
.main_part {
    padding: 0px;}
/*跳轉按鈕*/
.animated-arrow {
    background: #003366;}

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


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

/* ********** banner ********** */
.banner {
    position: relative;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding:50px 0 0;
    } 
.banner:after{
    content: url('https://pic03.eapple.com.tw/076520488/ban_dec.png');
    display: block;
    margin: auto;}
.banner h5{
    font-family: 'Noto Serif TC', serif;
    letter-spacing: 8px;
    color: #000000;
    font-weight: 900;
    line-height: 100%;}
.services_page .banner h5:after {
    content: 'SERVICE';
    font-size: 16px;
    display: block;
    color: #B2D7FF;
    font-family: 'Righteous', cursive;
    letter-spacing: 2px;}
.other_page .banner h5:after {
    content: 'PROCESS';
    font-size: 16px;
    display: block;
    color: #B2D7FF;
    font-family: 'Righteous', cursive;
    letter-spacing: 2px;}
.share_page .banner h5:after {
    content: 'NEWS';
    font-size: 16px;
    display: block;
    color: #B2D7FF;
    font-family: 'Righteous', cursive;
    letter-spacing: 2px;}
.work_page .banner h5:after {
    content: 'WORKS';
    font-size: 16px;
    display: block;
    color: #B2D7FF;
    font-family: 'Righteous', cursive;
    letter-spacing: 2px;}
.contact_page .banner h5:after {
    content: 'CONTACT';
    font-size: 16px;
    display: block;
    color: #B2D7FF;
    font-family: 'Righteous', cursive;
    letter-spacing: 2px;}

.banA {}
.banB {}
.banC {}
.banD {}
.banE {}
.banF {}

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

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


/* ********** 相簿 ********** */

/* 相本分類全版面 ( 限制最寬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; } /*取消連結被點擊效果*/

/*聯絡頁面*/
.contact_form li:nth-child(1) .form__label:before, 
.contact_form li:nth-child(2) .form__label:before {
    content: '*';
    color: red;
    margin-right:2px;}

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

/* ******************** header ******************** */
#header { height:auto; }

/* LOGO */
#header .logo img {
    width: 50%;
    display: block;
    margin: auto;}
#header .logo {
    padding: 0 20px 0 0;
    margin-top: 0;}

/* ******************** footer ******************** */
.footer.with_shopping_mode {
    padding: 30px 0 90px;}
.footer_info {
    display: block;
    padding: 0 10px;}

.footer_info ul {
    width: 100%;
    text-align: center;
    margin-top: 16px;}
.footer_logo img {
    display: block;
    width: 60%;
    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;}
*/
}