@charset "utf-8";

/* 隱藏內容 */
.me_tp_features,.box_link,.tp_links,.path p,.path p a { display: none;}


/*捲軸*/
::-webkit-scrollbar { width: 3px; }

::-webkit-scrollbar-track-piece,
::-webkit-scrollbar {
  background: var(--ColorMain2);
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #1E549F;
}

#content_main {margin-top: unset; min-height: 80vh;}
@media screen and (max-width: 1024px){
}  
@media screen and (max-width: 768px){
}         
@media screen and (max-width: 450px) {
}
.edit_part { padding: 0;}

/*首頁BANNER*/
.BannerHome02 { height: auto;}
.BannerHome02 .swiperBan02 { position: static; margin: 0;}
.BannerHome02 .swiperBan02 .swiper-slide img { height: auto;}
/* 2025.12.26 中間放大*/
.BannerHome02 .swiper-slide-active img { transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide img { transition: transform 5s ease-out; will-change: transform; transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide-active img { transform: scale(1.06);}
@media (max-width:1400px) { 
	.BannerHome02 { height: auto;}
}
@media (max-width:1024px) { 
	.BannerHome02 { height: auto;}
}
@media (max-width:768px) { 
	.BannerHome02 { height: auto;}
}

/*測邊浮動按鈕*/
.info_fix_links a {  margin-bottom: 11px; background: #00000040; width: 45px;  height: 45px;  border-radius: 6px;}
.info_fix_links a:hover { background: #1E549F;}


/*查看更多按鈕*/
.animated-arrow { 
    border-radius: 5px;
    transition:.3s;
    position:relative;
    overflow:hidden; 
    margin-top: 0;
    color: #222; 
    background: transparent;
    font-size: 14px;
    height: 40px; 
    line-height: 40px;
}

.animated-arrow b, .animated-arrow i{position:relative; z-index:99;}
.animated-arrow b{ font-weight: normal;}
.animated-arrow::after { 
    background: #06354b; 
    content:"";
    position:absolute;
    width:0px;
    height:100%;
    top:0px;
    left:0px;
    transition:.5s;
}
.animated-arrow:hover {	color: #fff;}
.animated-arrow:hover::after {	width:100%;}

/*預設解除背景輪播*/

.bannerindex { position:relative; 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;}
}
/* = = = Index banner = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

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

/*大圖設定*/
/*首頁大圖*/
.bannerindex { height:auto;}
.bannerindex .swiper-banner { position:static; margin:0; height:auto;} 
.bannerindex .swiper-slide img { height:auto;}

/*大圖文字動畫*/
.bannerindex .swiper-slide { position: relative;}

.bannerindex .swiper-slide:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    transform: translateY(80px);
}

/* 第1張 */
.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):after {
    background-image: url(https://pic03.eapple.com.tw/0229469577/font-1.png);
    animation: slideUpFade 1.8s ease forwards;
    animation-delay: 0.3s;
}

/* 第2張 */
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):after {
    background-image: url(https://pic03.eapple.com.tw/0229469577/font-2.png);
    animation: slideUpFade 1.8s ease forwards;
    animation-delay: 0.3s;
}

@keyframes slideUpFade {
    0% {
        opacity: 0;
        transform: translateY(80px);
    }
    60% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/*內頁大圖*/
.banner {
    background: url() no-repeat;
    background-position: center center !important; 
    background-size: cover !important; height: 20vw;
}
.banner h5 {
    font-weight: bold;
    color: #06354b;
    letter-spacing: 3px;
    margin-top: 2vw;
    font-size: 25px;
}
.banner h5:before{
    content: "HOME MASTER";
    letter-spacing: 3px;
    font-weight: normal;
    font-size: 30px;
    margin-bottom: 3px;
    color: #243b4d1c;
    display: none;
}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}

@media screen and (max-width: 768px) {
	.banner{}
	.banner h5 {}
	.banner h5:before{}
	.bannerindex { padding-bottom: 0;}
}

@media screen and (max-width: 450px){
	.banner{}
}

/*功能頁首頁顯示-外掛*/

/*英文*/
.module_i_news .title_i_box h4::before{
    content: "NEWS";
    width: 100%;
    font-size: 25px;
    color: #d96034;
    letter-spacing: 0;
    display: block;
    font-family: "Noto Serif TC";
    font-weight: 700;
}

/*中文*/
.module_i_news .title_i_box h4{
    color: #06354b;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 2px;
    font-family: "Noto sans TC";
}


/*HEADER區塊*/
/*LOGO*/
.main_header_area .container {max-width:80%;}
.nav-header {max-width: 120px;}

.header_area { 
    position: fixed; 
    width: 100%; 
    top: 0; 
    left: 0;
    padding: 0; 
    background: #1E549F; 
    height: 90px;
    transition: background-color .8s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .8s cubic-bezier(0.4, 0, 0.2, 1);
}
.header_area.sticky{
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}



/*第一層*/
.stellarnav > ul { display: flex; justify-content: flex-end; gap: 10px; margin: 25px 0;}
.stellarnav > ul > li { display: flex; align-items: center;}
.stellarnav > ul > li > a b { 
    font-weight: 400;
    color: #fff;
    letter-spacing: .2rem;
    transition: all .5s;
    font-family: Noto Sans TC;
    font-size: 15px;
}
.stellarnav > ul > li.drop-left > ul { right: unset;}
.header_area.sticky .stellarnav > ul > li > a b { color: #000;}
.stellarnav > ul > li.has-sub > a {  padding-right: 0;}

/*主選單箭頭*/
.stellarnav li.has-sub > a:after {display: none;}

/*第二層*/
.stellarnav ul ul{ background: #fff; top: 54px;}
.stellarnav li a{  color: #1c1c1c; padding: 10px; transition: all 0.5s ease; font-size: 14px;}
.stellarnav li.has-sub li a:hover{ background: #06354b; color: white; padding-left: 18px;}

@media screen and (max-width: 1024px) {
.stellarnav > ul { justify-content: center; gap: 5px; margin: 0 0 5px;}
.navigation {flex-direction: row;}
.header_area.sticky {position: fixed;}
.header_area {position: relative;}
}

@media screen and (max-width: 768px) {
.pageIndex .header_area { position: relative; opacity: 1;}
.main_header_area .container { max-width: 100%;}
.header_area.sticky:before { background: transparent; display: none;}
.header_area.sticky {position: fixed;}
.main_header_area { height: 70px;}
.nav-brand {max-width: 80%;}
	
/*menu*/
.stellarnav .menu-toggle{ padding: 33px 33px !important;}
.stellarnav .menu-toggle:after{  color: #fef7e4; margin-top: 10px;display: none;}
.stellarnav .menu-toggle span.bars span { background: #fff; width: 37px; height: 1px; border-radius: 6px; margin: 0 auto 7px;}
	
/*區塊*/
.stellarnav > ul { margin-top: 0;}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { 
    background: #848484cf;
    backdrop-filter: saturate(93%) blur(3px); 
    max-width: 320px;
    right: 0;
    left: unset;
}
.stellarnav.mobile { right: 0; left: unset;}	

/*close*/
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background: transparent;color: var(--ColorMain2);}
.stellarnav .icon-close:before, .stellarnav .icon-close:after{    border-bottom: solid 3px var(--ColorMain2);}
.stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after { border-bottom: solid 3px var(--ColorMain2);}
.stellarnav .icon-close { margin-right: 5px;}

/*第一層*/
.stellarnav.mobile > ul > li > a b {font-style: normal;color: white;}
.stellarnav.mobile > ul > li { padding: 0 0 15px; margin: 15px;}
.stellarnav > ul > li:before{display:none;}
.stellarnav ul ul {top: 0;}
.stellarnav.mobile li.open { background: transparent;padding:0 0 15px;}
.stellarnav.mobile li a {border-bottom: none;  color: #fef7e4;}

/*第二層*/
.stellarnav.mobile ul { background: transparent;}
.stellarnav.mobile ul ul { margin: 0px 40px 15px 15px;}
.stellarnav li.has-sub li { background: transparent;  border: unset;}

}

/* footer */

.footer { background:#1E549F; padding: 70px 0 0;}
.footer .center{ max-width: 1200px; width: 90%; margin: 0 auto; position: relative; }
.footer .center:before,
.footer .center:after{
    content:"";
    position:absolute;
    top: 0;
    height: 165px;
    width: 1px;
    background: rgba(255,255,255,0.3);
}
.footer .center:before{ left: 0; }
.footer .center:after{ right: 0; }
.footer_wrap{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}
.footer_logo { width: 20vw; max-width: 242px; }
.footer_logo > a{
    display: block;
    width: 100%;
    height: 120px;
    background: url(https://pic03.eapple.com.tw/0229469577/LOGO2.png) no-repeat;
    background-size: contain;background-position-x: center;
}
.footer_logo img { display: none;}
.footer_info li{ padding:6px 0;}
.footer_info li p, .footer_info li p a{ color:#fff; font-size:14px; line-height:1.8;}
.footer_menu{ display:flex; flex-wrap:wrap; gap:7px 16px;}
.footer_menu a{
    color:#000;
    font-size:14px;
    position:relative;
    transition:.3s;
}
.footer_menu a:hover { color: #fff; border: unset; background: #153f79;}

.copy {
    padding: 15px 0;
    font-size: 12px;
    color: #9d9d9d;
    background: #153f79;
    letter-spacing: 0.08em;
    border-top: unset;
    margin-top: 10px;
}

a { color: #9d9d9d;}
.privacyLinks a+a { border-left: 1px solid #c4c4c4;}

@media screen and (max-width: 1400px){
}
@media screen and (max-width: 1024px){
	.footer_logo {margin: 0 auto;}
    .footer_info {padding-right: 0;}
    .footer .center:before, .footer .center:after {display: none;}
}
@media screen and (max-width: 768px){
	.footer_info{  display: flex; flex-direction: column; }
	.footer_info li p, .footer_info li p a{text-align: center;}
    .footer {padding: 70px 0 57px}
}
@media screen and (max-width: 768px) {
    .footer_logo {  width: 22vw;}
}


/*文章*/
/*首頁顯示*/
.module_i_news { 
    background: url() no-repeat; 
    background-size: cover;
    background-position: center;
}

.module_i_news .title_i_box{margin-bottom: 10px;}
.module_i_news ul {grid-template-columns: 1fr 1fr 1fr 1fr; }
.module_i_news li a {grid-template-columns: 1fr;grid-gap: 0;}
.module_i_news li a:after {display: none;}

/*圖片*/
.i_blog_le, .blog_list_le img {
    border-radius: 25px;
    border: 4px solid #ffffffb3;
    box-shadow: 0 0 12px 0px #919191;
}
.module_i_news li a:before, .subbox_item a:before {
    color: #fff;
    background: #4545457d;
    border-radius: 10px;
    padding: 20px 30px;
    top: 40%;
    left: 50%;
    bottom: auto;
    right: auto;
    transform: translate(-50%, -50%);
}
.subbox_item a:after {display: none;}

/*標題 時間 簡介*/
.i_blog_ri {padding: 15px;}
.i_blog_ri h5, .blog_list_ri h5 {  color: var(--ColorText);font-weight: bold;}
.i_blog_ri em, .blog_list_ri em {  margin: 4px 0;font-size: 13px; letter-spacing: 0; font-family: serif;}
.i_blog_ri p, .blog_list_ri p {    line-height: 160%;font-size: 12px;}
.i_blog_ri p {  color: #282828}

/*文章首頁*/
.subbox_item a{ margin-bottom: 20px;}
.blog_list_ri { padding: 20px 0 0;}
.blog_subbox { /* grid-template-columns: 1fr;*/}

/*側邊選單*/
a.news_menu_toggle i{color: #d96034;}
h5.blog_le_t em { color: #333; font-size: 20px;}
h5.blog_le_t span { color: var(--ColorSub2);}
.blog_search input[type=search] { border: none;background: #f3f3f3;}
.accordion li .link a { color: #222; font-weight: 500;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category { background: #fef7e4 !important;}
.blog_le .submenu a {letter-spacing: 1px;}

.submenu li.on_this_category a, .submenu a:hover{ background: #d96034 !important;}
.submenu{background: white;}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a {
    color: #222 !important;
}
.blog_le .accordion > li:hover .link i, .blog_le .accordion > li.on_this_category .link i {color: #222 !important;}

/*文章內頁*/

h4.blog_category_title { font-weight: normal; letter-spacing: 2px;margin-bottom: 5px;font-weight: 500;}
.blog_in_page h4.blog_category_title:before {/* content: "+"; color: #ffcfbe; margin-right: 10px;font-style: italic;*/}

.blog_back a.article_btn_prev, .blog_back a.article_btn_next { background: #d96034;}
.blog_back a.article_btn_back{background: #06354b;}

.toShareNews {}
.toShareNews b { font-weight: lighter;}
.blog_in_page .blog_box_edit { border-top: 1px solid #d3d3d3; padding: 30px 0 0;}	
	
/*相關文章*/
.news_related { background: url() no-repeat; padding: 35px 15px;}
.news_related h6 span:before { font-size: 20px;color: #222;}
.news_related_list { grid-gap: 15px;}
.blog_in_page .lastPage {  background: #06354b;margin: 20px auto;}

@media screen and (max-width: 768px){
.module_i_news ul {grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));}
}
@media screen and (max-width: 450px){
/*首頁*/
.module_i_news .title_i_box h4 {font-size: 24px;}
.module_i_news ul {}
}