/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:auto;}
/*其他設定*/
.bannerindex {position: relative;}
.swiper-pagination {margin-left: 0;transform: translateX(-50%);}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}}/*結束*/
/*動畫入場text-----------------------------------*/
.swiper-slide:nth-child(1):before {
    content: "";
    background-image: url(https://pic03.eapple.com.tw/xiufang/text01.svg);
    height: 100%;
    width: 35%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    transform: translate(90%, 1%);
    opacity: 1;
    z-index: 999;
    position: absolute;
    animation: inside 2.5s;
}

.swiper-slide:nth-child(2):before {
    content: "";
    background-image: url(https://pic03.eapple.com.tw/xiufang/text02.svg);
    height: 100%;
    width: 40%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    transform: translate(-3%, -44%);
    opacity: 1;
    z-index: 999;
    position: absolute;
    animation: inside 2.5s;
    animation-delay: 3.2s;
    filter: drop-shadow(2px 4px 6px black);
}
/*動畫在這裡---------------------------------------*/

@keyframes inside{
	0% {transform: translate(90%, -30%);opacity: 0;}
	100%{opacity: 1;}}

/*------------------------------------------------*/
.swiper-banner {background: rgba(0, 0, 0, 1);}
.pageIndex .header_area {background: rgb(0 0 0 / 79%);padding: 0;position: sticky;width: 100%;}
@media screen and (max-width: 425px) {.pageIndex .header_area {border: 0}}
.pageIndex .main_header_area {background: transparent;box-shadow: none;}
.header_area {padding: 0;}
.main_header_area {box-shadow: 1px 1px 10px rgba(0,0,0,.1);background: #222;transition: all .5s;}
.main_header_area .container {max-width: 1600px;padding: 0 3%;}
.nav-header{top: 40px;transition: all .5s;}
.nav-brand {width:300px;transition: all .5s;}
.nav-brand img {width: 90px;}
.navigation {padding: 5px 0 5px 50px;}
/*主分類按鈕*/
.stellarnav > ul > li {margin: 25px 15px;}
.stellarnav > ul > li > a {letter-spacing: 4px;color: #ffffff;padding:15px 0px;height: auto;font-size: 16px;vertical-align: middle;transition: all .5s;}
.stellarnav > ul > li > a:hover{transform: translateY(-5px);transition: all 0.5s;}
.stellarnav li.has-sub > a {padding: 15px 15px 15px 0px;}
.stellarnav li.has-sub > a:after {border-top: 4px solid #444;border-left: 5px solid transparent;border-right: 5px solid transparent;right: 0px;transition: all .5s;}
.stellarnav li.has-sub > a:hover:after {border-top: 4px solid #fbb03b;}/*三角形icon*/
.stellarnav > ul > li > ul a{background: #fff;color: #555;padding: 15px;font-size: 14px;border-bottom: none;font-weight: 300;transition: all .5s;}
.stellarnav > ul > li > ul a:hover{background: #f1f1f1;padding: 15px 10px 15px 20px;}
.stellarnav > ul > li.has-sub > ul a{padding: 15px;}
.stellarnav > ul > li.has-sub > ul a:hover{padding: 15px 10px 15px 20px;}
.stellarnav > ul > li > ul a:hover {background: #333;color: #fff;}
.stellarnav li li:hover > a {color: #fff;background: #555;}
.stellarnav li li.has-sub:hover > a:after {border-left: 5px solid #fff;}
.stellarnav li li{border: none;margin-bottom: 0;}
.stellarnav li li.has-sub > a:after {border-left: 5px solid #888;border-top: 5px solid transparent;border-bottom: 5px solid transparent;right: 10px;}
.stellarnav ul ul li.has-sub > a:hover:after {border-top: 4px solid transparent;}
.me_tp_features {display: none;}
/*未整理---*/
.stellarnav > ul > li > a:before{content: "";width: 100px;height: 3px;background: #fbb03b;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);opacity: 0;transition: all .5s;}
.stellarnav > ul > li > a:hover{color: #fff;}
.stellarnav > ul > li > a:hover:before {bottom: 1px;opacity: 1;width: 100px;height: 2px;}
.header_area.sticky .main_header_area {background: rgb(17 17 17 / 80%);transition: all .5s;}
.header_area.sticky .nav-header {top: 40px;transition: all .5s;}
.header_area.sticky .nav-brand {width: 90px;transition: all .5s;}
@media screen and (max-width: 1024px) {.navigation {padding: 5px 0 5px 0px;}}
/*結束*/

/*----------------------RWD768漢堡選單-------------------------*/
.stellarnav.mobile {top: 42px;}
.stellarnav .menu-toggle span.bars span {background: rgba(255, 255, 255, 0.9);}
.stellarnav .menu-toggle:after {color: rgba(255, 255, 255, 0.9);}
.stellarnav.mobile ul {background: #222;}
.stellarnav.mobile.left .close-menu {color: #fbb03b;background: #222;}
.stellarnav .icon-close:before {border-bottom: solid 3px #fbb03b;}
.stellarnav .icon-close:after {border-bottom: solid 3px #fbb03b;}
@media screen and (max-width: 768px) {.stellarnav > ul > li > a:before {left: 22%;}
.stellarnav.mobile > ul > li {border: 0;}}
/*-------------------------------footer--------------------------------*/
.footer {padding: 60px 0 0; background: #333;z-index: 999;}
.footer_logo {max-width: 142px;}
.footer_info {    display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: space-between;}
.footer_info ul {display: flex;vertical-align: top; width: calc(100% - 310px); flex-wrap: wrap;flex-direction: column;align-content: flex-start;justify-content: center;align-items: center;}
.footer_info li { display: flex;padding: 10px; width:-webkit-fill-available;flex-direction: row;flex-direction: column;}
.footer_info li p {color: #999;}
.footer_info li:nth-child(1)>p>a {color: #999;}
.footer_menu {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(min(110px,100%), 1fr));    gap: 5px;}/*footer按鈕最小寬度100px*/
.footer_menu a {color: #fff;margin: 5px;text-align: center;padding: 10px;transition: all 0.3s;border:0;border-bottom: 1px #fbb03b solid;font-size: 15px;line-height: 115%;background: #333;}
.footer_menu a:hover {background: #fbb03b;color: #fff;transform: translateY(-5px);transition: .3s;}
.copy {background: #fbb03b;color: #fff;border: none;margin-top: 52px;/*送切版刪除*/}
.copy a{    color: #fff;transition:all 0.3s;}
.box_link a{display:none;}

@media screen and (max-width: 375px){
	.footer_info ul {width: calc(100% - 15px);}}

@media screen and (max-width: 768px){
	.footer_info {flex-direction: column;}.footer_info ul {width: calc(100% - 98px);}}	


 /*--------右下浮動按鈕------------------*/
 .info_fix {right: -10px;}
 /*--------解除隱藏浮動按鈕--------------*/
 .info_fix_links {display:flex!important;}
 .linksBtn {display:none;}  
 /*-------------------------------------*/
 .info_fix_links a {background: rgb(0 0 0 / 50%);border-radius: 0px;margin-bottom: 2px;}
 /*排列順序*/
 a.info_fix_default.info_fix_tel { order: -3;border-radius: 10px 0 0 0;}
 a.info_fix_default.info_fix_line {order: -2;}
 a.info_fix_default.info_fix_tiktok {border-radius: 0 0 0 10px;}
 .info_fix_links a:hover {background: #5b5b5b;transform: translateX(-5px);}/*hover特效*/
 


 /*------------------*/
 .banA {display: none;}
 .banB {display: none;}
 .promotion_title {display: none;}/*服務項目小字*/
 .other_promotion {display: none;}/*服務項目連結其他頁面*/
 .banE {background-image: url(https://pic03.eapple.com.tw/xiufang/banner.png);}/*作品展示*/
 .banner {background-image: url(https://pic03.eapple.com.tw/xiufang/banner.png);}/*岫舫消息*/
 .page {margin: 0px auto;}
 #content {width: 100%;min-height: 80vh;background: #222;}


 /*-----岫舫消息-----*/
 h5.blog_le_t {text-align: center;color: #fff;}
 .blog_list_ri h5 {color: #fff;}
 .accordion li .link a{color: #fbb03b;}
 .news_related {background: #222222;}
 .news_related h6 span:before {content: '相關文章';font-size: 24px;color: #fbb03b;}
 .lastPage {background: #333;}
 h4.blog_category_title {color: #fbb03b;}
 .blog_back a.article_btn_back {background: #fbb03b;}
 .blog_ri {color: #fff;}
 .blog_box_edit * >a {color: #fbb03b;}
 .text_exposed_root {color: #fff;}

 /*作品展示*/
 .show-list .show_name {color: #fff;}
 .subalbum-menu h2 {color: #fff;}
 .album_fixed_title {color: #fff;background: #222;}
 .other_album_choice li {background: #fbb03b;}
 .other_subalbum li a p {background: #222222;border: 0;color: #fbb03b;}
 /*-----影片專區-----*/
 .video-list .vidTitle {color: #ffffff;}

 /*指定文章2隱藏*/
 .stellarnav > ul > li:nth-child(3) {display: none;}
 .footer_menu a:nth-child(3) { display: none;}

