@charset "utf-8";

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

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

*/


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


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


/*上方選單右邊設定 臉書/LINE/電話/信箱
.tp_links a:before {寬高大小設定}
.tp_links a.me_tp_fb {}
.tp_links a.me_tp_fb:before {背景換圖/建議.SVG}
.tp_links a.me_tp_line {}
.tp_links a.me_tp_line:before {背景換圖/建議.SVG}
.tp_links a.me_tp_call {}
.tp_links a.me_tp_call:before {背景換圖/建議.SVG}
.tp_links a.me_tp_mail {}
.tp_links a.me_tp_mail:before {背景換圖/建議.SVG}
*/

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*反白顏色*/
::-moz-selection{
  background-color: #444;
  color: #fff;
}
::selection{
  background-color: #444;
  color: #fff;
}


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

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

/*首頁+聯絡按鈕*/
.animated-arrow { background:#ADA17E ;}
.swiper-pagination {    left: 50%;    margin-left: 0;    transform: translate(-50% , 0);}


/*預設解除背景輪播*/
#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;}
}


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


/*選單設定*/
    /*↓選單高度調整*/
.nav-menu {margin: 25px 0px 15px 0px;}
    /*↓選單寬度調整*/
.main_header_area .container {    max-width: 95%;}
    /*↓除了top按鈕以外的選單li*/
.nav-menu>li:not(.tp_links) {    padding-right: 15px;}
    /*↓選單移到按鈕時變色*/
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a {    color: #1E4B84;}
    /*↓選單移到按鈕時變色*/



/*下拉*/
    /*↓下拉選單底色設定*/
.nav-dropdown>li>a {    background: #fff;    transition: 0.2s;        letter-spacing: 1.5px; width: 100%;}
    /*↓下拉選單文字預設顏色*/
.nav-dropdown>li:hover>a, .nav-dropdown>li.focus>a {    color: #1E4B84;}
    /*↓下拉選單文字變色*/
.nav-dropdown>li>a:hover {transition: 0.2s;background-color: #1E4B84;color: #00003f;}
.nav-dropdown>li:hover>a .submenu-indicator-chevron, .nav-dropdown>.focus>a .submenu-indicator-chevron {    border-color: transparent #fff #fff transparent;}


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

/*LOGO設定*/
.nav-brand img {
    margin-top: 9px;
    max-width: 160px;
}
.footer_logo img {    width: 200px;    margin-top:;}

@media screen and (max-width: 768px) {
.nav-brand-m {    display:none;}
.nav-brand-m img{    display:none;} }
s


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

/*Footer*/
.footer{ border-top: none !important;padding: 50px 0 0;}
.footer_menu { border-bottom: none !important;}
.copy a {    color: #00003f;}
.copy a:hover {color: #1E4B84;}
.footer_menu a:hover {    background: #1E4B84;}
.footer_menu a {    transition: all 0.3s;}

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


/*內頁BANNER 設定*/
.banner {}
.banner h5 {}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}

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

/*購物車設定*/
/* 產品的看更多按鈕設定 */
.products-list .more {    border: 1px solid #ADA17E !important;    color: #ADA17E;}
.products-list a:hover .more {    background: #ADA17E;    border-color: #ADA17E;	color: #ffffff;}


/*外層*/
.product-layer-two li a {    color: #ADA17E;}
.product-layer-two li:hover > a { background: #ADA17E;    color: #fff;}
.product-layer-two li.active > a {background: #ADA17E;    color: #fff;	font-weight: normal;}

/*內層*/
.lastPage {    background: #ADA17E;}
.nextaction {    background-color: #ADA17E;}
.lastaction {    color: #fff;    background-color: #ADA17E;}


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

/*文章設定*/
/*一排呈現
.subbox_item { width:100%;}
*/
.blog_back a.article_btn_back {    background: #ADA17E;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {    background: #ADA17E !important;}
.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;}
.accordion li .link {    padding: 0;}



/*文章分享變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: calc(100% / 3);    padding: 5px;}


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

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*主分類頁面*/
.album_page .main_part , .album_class_page .main_part , .album_info_page .main_part {    max-width: 1400px;}
.show-list .item:hover .show_name {    color: #ADA17E;}
.show-list .show_pic {    height: 30vh;    max-height: 290px;    padding-bottom: 0;}
.show-list .show_pic img {
    display: inline-block;
    max-width: 100%;
    min-width: 100%;
    object-fit: cover;
    height: 30vh;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
}

/*次分類頁面*/
.other_album_choice li {    background: #ADA17E;}
.other_subalbum li p {    line-height: 220%;}
.other_subalbum li a div {
    height: 30vh;
    max-height: 250px;
    overflow: hidden;
    position: relative;
}
.other_subalbum li a img {
    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;
}
.other_subalbum li a div:after {
    content: "";
    position: absolute;
    background: rgb(0 0 0 / 30%);
    width: 100%;
    height: 100%;
    transform: translate(-50% , -50%) scale(0);
    top: 50%;
    left: 50%;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}
.other_subalbum li a:hover div:after {    transform: translate(-50% , -50%) scale(1);    opacity: 1;}


/*照片頁*/
.pic-list .show_pic {    height: 40vh;    max-height: 240px;    padding-bottom: 0;}
.pic-list .show_pic img{
    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;
}


@media screen and (max-width: 600px) {
/*照片頁*/
.pic-list .item {    width: 96%;    margin: 10px 2%;}
}
@media screen and (max-width: 280px) {
.nav-brand img {
    margin-top: 7px;
    margin-left: -36px;
    max-width: 89px;
}
.nav-toggle {
    top: 13px;
    right: 21px;
}
.footer_logo img {
    margin-top: 6px;
    margin-bottom: 12px;
    margin-left: -28px;
}
}
@media screen and (max-width: 375px) {
.nav-toggle {top: 22px;right: 7px;}
}

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


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

/*其他分頁*/
.promotion_title {
    font-size: 13px;
    color: rgb(27 127 204 / 80%);
    border-bottom: 1px solid rgb(27 127 204 / 80%);
}

@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}
.nav-menu {    margin: 0;}
.nav-menu>li:not(.tp_links) {    padding-right: 0;}
.nav-dropdown>li {    text-align: left;}
.nav-dropdown>li>a {    width: calc(100% - 45px);}

/*手機版LOGO設定*/
.footer_logo { margin-left: unset; margin: auto; text-align: center; }

}

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

/*手機板大圖*/
/*
.swiper-slide img { display:none; }
.swiper-slide {    width: 100%;    height: 0;    padding-bottom: calc(100% / 3 * 4);}
.swiper-slide:nth-child(1) { background-image:url(https://pic03.eapple.com.tw/.../Banner-03.png) ; background-size:cover;   background-position: center;}
.swiper-slide:nth-child(2) { background-image:url(https://pic03.eapple.com.tw/.../Banner-04.png) ; background-size:cover;   background-position: center;}
*/
.nav-brand img {
    margin-top: 7px;
    max-width: 122px;
    margin-left: -39px;
}
.nav-toggle {top: 22px;right: 46px;}
}

/*header color*/
.main_header_area {background: #ffffff;}
/*header menu color*/
.nav-menu > li > a {color: #00003F;}
/*nav間隔寬度*/
.nav-menu>li>a {padding: 22px 35px;}
/*tp-link不見*/
.tp_links a.me_tp_call:before {background-image:none;}
.tp_links a.me_tp_mail:before {background-image:none;}
/*最新消息按鈕底色*/
.animated-arrow {background: #00003F;}
/*標題news 顏色*/
*, *:before, *:after {
    color: #00003f;
}
/*footer logo 位置大小*/
.footer .img {
    width: 250px;
    margin-top: 35px;
}
/*footer 不要*/
.footer_info li p.phone:before {content:none;}
.footer_info li p.fax:before {content:none;}

@media screen and (max-width: 1024px) {
	.subbox_item {    width: 50%;}
	.nav-menu>li>a {padding: 22px 23px;}
	.news_part {width: 80%;}
	.footer_logo img {
    margin-top: 16px;
    margin-left: 56px;
}

	}
	/*服務項目上面背景*/
	.banB {display: none;}
	/*最新消息字*/
	.promotion_title span {font-size: 24px;color: rgb(27 127 204 / 80%);}
	.time {
    letter-spacing: 0.25em;
    font-size: 24px;
    color: rgb(27 127 204 / 80%);
}
.promotion_title h2 {
    font-size: 24px;
    color: rgb(27 127 204 / 80%);
    font-weight: normal;
    border-bottom: 2px solid rgb(27 127 204 / 80%);
    padding-bottom: 35px;
    margin-bottom: -6px;
}
/*最新消息*/
.banA {background-image: url(https://pic03.eapple.com.tw/liyou/BBB.jpg);}
/*時機案例*/
.banE {background-image: url(https://pic03.eapple.com.tw/liyou/BBB.jpg);}
.edit {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}
.news_part {display: none;}

@media screen and (max-width: 768px) {
/* 大圖調整 */
.swiper-slide img {
    animation-fill-mode: none;
    -webkit-animation-fill-mode: none;}

/* 新版最新消息內頁 */
.blog_back {display: flex; justify-content: space-between; align-items: center; align-content: center;}
.blog_back a {width:31.5%;}
}
/* Lida adjustments */
.nav-brand { display:flex; align-items:center; min-height:88px; }
.nav-brand img { max-width: 228px; max-height: 68px; width:auto; margin:10px 0 8px; }
.pageIndex .in04 { display:none !important; }
.bannerindex { overflow:hidden; }
.swiper-banner { position:relative; height:auto !important; }
.swiper-banner .swiper-wrapper { height:auto !important; }
.swiper-banner .swiper-slide { position:relative; width:100%; height:0; padding-bottom:56%; background:none !important; overflow:hidden; }
.swiper-banner .swiper-slide img { display:block !important; width:100%; height:100%; object-fit:cover; object-position:center; position:absolute; inset:0; }
.pageIndex .in09 p { gap: 28px !important; margin-bottom: 90px !important; }
.pageIndex .in09 p i { display:block; width:min(31%, 360px); aspect-ratio: 4 / 5; overflow:hidden; border-radius:18px; box-shadow:0 14px 36px rgba(10, 31, 61, 0.18); background:#f4f7fb; }
.pageIndex .in09 p i:nth-child(2) { margin:0 !important; }
.pageIndex .in09 p i img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
@media screen and (max-width: 768px) { .nav-brand { min-height:76px; } .nav-brand img { max-width:190px; max-height:58px; margin:8px 0 6px; } .pageIndex .in09 p { gap:16px !important; margin:40px 0 60px !important; } .pageIndex .in09 p i { width:calc(33.333% - 11px); border-radius:12px; } }
@media screen and (max-width: 560px) { .pageIndex .in09 p i { width:100%; max-width:360px; } }