@charset "utf-8";
/*stwtec-星維科技*/

/*字型＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Quicksand:wght@400;500;600;700&display=swap');
body{overflow-x:hidden; font-family:"Noto Sans TC",微軟正黑體,arial , sans-serif; font-weight: 500;}
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Sans+TC:wght@100..900&display=swap');

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*反白顏色*/
::-moz-selection{  background-color:#333333;  color: #faf6f0;}
::selection{  background-color:#333333;  color: #faf6f0;}

/*右側滾輪設定*/
::-webkit-scrollbar { width: 8px;}
::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(102, 102, 102, 0.6);}
::-webkit-scrollbar-thumb { background-color: #1d5295;}
::-webkit-scrollbar-thumb:hover { background: #1d5295;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.linksBtn {display: none;}
/*側邊浮動*/
.info_fix {right: 22px; padding-top: 20px; width: 60px;}
.info_fix_links { display: flex !important; position: relative;}
.info_fix_links a { background:rgb(0 129 255 / 60%); margin: 0;  border-radius: 0;  -webkit-backdrop-filter: saturate(180%) blur(5px);  backdrop-filter: saturate(180%) blur(5px);  height: 55px;}
.info_fix_links a:hover {background: rgb(0 129 255 / 100%);}
.info_fix_links a:hover:before{  opacity: 1; transform: scale(1.3) rotate(30deg);}


/*側邊浮動順序*/
a.info_fix_default.info_fix_tel2{ order: 1;display:none;}/*傳真*/

a.info_fix_default.info_fix_tel { order: 1;background:rgb(149 30 30 / 80%);}
a.info_fix_default.info_fix_tel:hover { background:rgb(149 30 30 / 100%);}
a.info_fix_default.info_fix_phone { order: 2;}
a.info_fix_default.info_fix_line { order: 3;background: rgb(39 185 40 / 70%);}
a.info_fix_default.info_fix_line:hover { background: rgb(39 185 40 / 100%);}
a.info_fix_default.info_fix_fb { order: 4; background: rgb(37 41 166 / 80%);}
a.info_fix_default.info_fix_fb:hover { background: rgb(37 41 166 / 100%);}

a.fix_linkedin { order: 5;background:  rgb(0 126 187 / 60%);}
a.fix_linkedin:hover { background: rgb(0 126 187 / 100%);}

a.info_fix_default.info_fix_ig { order: 6;}
a.info_fix_default.info_fix_th { order: 7;display:none;}
a.info_fix_default.info_fix_mail { order: 8; display:none;}
a.info_fix_default.info_fix_yt { order: 9; display:none;}
a.info_fix_default.info_fix_gmb{ order: 10; display:none;}
@media screen and (max-width:480px) {
.info_fix { right: 5px; width: 50px;}
.info_fix_links:before {width: 50px; left: 45%;top: -70px;}
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */






/*Page/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*麵包屑＝＝*/
.path { display:none;}
#page::before {
    display: block;
    content: " ";
    position: fixed;
    z-index: 1000;
    left: -50%;
    top: -50%;
    width: 200vw;
    height: 200vh;
    background-image: url(https://pic03.eapple.com.tw/stwtec/bg_imp.png);
    pointer-events: none;
    opacity: 0.5;
    z-index: 10000000000000000000;
    pointer-events: none;
}
.path p, .path p a { text-align: left;}
.path p a:hover { color: #7dc8ff;}
/*頁碼＝＝*/
.page { width: 100%;  margin: 40px auto;  display: flex;  flex-wrap: wrap;  justify-content: center;  align-items: center;}
.page li {  display: flex;    margin: 3px;  width: 30px;  height: 30px;  line-height:30px;  align-items: center;  justify-content: center;}
.page li a {  display: block;  width: inherit;    height: inherit;  line-height: inherit;  padding: 0;  transition:all 0.3s;}
.page strong, .page a:hover {  background: #7dc8ff;border: 1px solid #7dc8ff;}


/*隱私權政策*/
.privacy_page .main_part { padding: 200px 20px 100px;}

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

/*SubMenu*/
.me_tp_features {  display: flex;  justify-content: flex-end;  align-items: center; position: relative;   top: 10px; right: -15px;  z-index: 99;}
.me_tp_features a { font-size: 10px;}
.me_tp_features a.tp_btn_notice { margin-right: 16px;}
.tp_links { display: flex; justify-content: flex-end; display:none;}
.tp_links a { font-size: 16px;  color: #53A6D8;  margin: 0 4px;}

.box_search { width: 300px;}
.box_search input[type=text] { box-sizing: border-box;  max-width: 300px;  height: 27px;  border-radius: 0; padding-left: 35px !important;}
.shop_search_btn { background: #0081ff; border-radius: 0;}

.tp_links .fa-instagram:before {
    content: "" !important;
    background: url(https://pic03.eapple.com.tw/stwtec/icon_map_map.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    display: inline-block;
    width: 18px;
    height: 18px;
    filter: contrast(100%) brightness(100%);
	position: relative;
    top: 3px;
}

/*語系切換設定*/
.tp_lang { display: inline-block;background: #26588d;padding: 2px 10px 7px;}
.tp_lang a.lang_tw:after { content: '';  border-right: 1px solid #cccccc; padding: 0 0px 0 5px;  }
.tp_lang a.lang_tw:before { content: 'TW';color: rgb(255 255 255 / 100%);}
.tp_lang a.lang_en:before { content: 'EN';color: rgb(255 255 255 / 40%);}
.tp_lang a:before { padding: 1px 3px; border: 1px solid #0f92fe; background: transparent; border: 0px solid #0f92fe; font-size: 12px;}





/*header_logo＝＝＝＝＝*/
.nav-header { grid-row: 1 / span 3; padding: 0 0 0px;}
.nav-brand { width: 100%; max-width: 400px; transition:all 0.3s;}
.nav-brand img {transition: .3s;  max-width: 180px; margin: 0; padding:0;max-width: -webkit-fill-available; filter: none;}
.sticky .nav-brand img { transition: .3s;  max-width: -webkit-fill-available; filter: contrast(0) brightness(100) drop-shadow(0px 0px 0px #222);}
.header_area { position: fixed; background: #ffffff00; padding: 0;box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);}
.header_area .nav-brand {  transition: all 0.3s;  margin-top:13px; }
.header_area.sticky {position: fixed; background: #faf6f0;  transition: 0.6s;}

.header_area .nav-brand::before {
	content: '';
    width: 0;
    width: calc(10% + 50px);
    height: 120px;
    background:linear-gradient(185deg, rgb(32 93 155 / 50%) 25%, rgb(4 39 80 / 90%) 75%), url(https://pic03.eapple.com.tw/stwtec/footer_bg.jpg) no-repeat center top / cover;
    position: absolute;
    top: 0;
    left: -250px;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    z-index: -1;
    box-shadow: 0 0 7px 0px #00000078;
    transition: all 1s;
    animation-timing-function: ease-out;
}
.sticky.header_area .nav-brand::before {
	content: '';
    width: calc(60% + 0px);
    height: 120px;
    background: linear-gradient(185deg, rgb(32 93 155 / 50%) 25%, rgb(4 39 80 / 90%) 75%), url(https://pic03.eapple.com.tw/stwtec/footer_bg.jpg) no-repeat center top / cover;
    position: absolute;
    top: 0;
    left: -400px;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    z-index: -1;
    box-shadow: 0 0 7px 0px #00000078;
    transition: all 1s;
    animation-timing-function: ease-out;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*  = 預設解除背景輪播 =  */
#content_main { margin: 0;}
.bannerindex { position: static; height: auto;}
.swiper-banner { position: static;  margin: 0;  height: auto;}
.swiper-banner .swiper-slide img { width: 100%; height: 100vh;}
.swiper-slide img {  height: auto;}
.swiper-pagination {  left: 2%;  margin-left: 0;   display: flex;   flex-direction: column;   height: auto;   top: 50%;   transform: translateY(-50%);   position: absolute;   justify-content: center;   z-index: 2;}
.swiper-pagination-bullet {  width: 0.225vw;  height: 1.5vw; border-radius: 0; margin: 5px 0;  background: rgb(255 255 255 / 60%);}

/*大圖輪播(切換鈕)*/
.bannerindex {--swiper-pagination-color: #fff;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction
{bottom: auto;top: 50%;left: 2vw;width: 25px;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet
{margin: 5px 10px;width: 5px;height: 50px;border-radius: 2px;}


@media screen and (max-width: 1400px) {
.swiper-banner .swiper-slide img { width: 100%; height: auto;}
}
@media screen and (max-width: 780px) {
.bannerindex { padding-bottom: 0%;}
}
@media screen and (max-width: 480px) {
.box_search {width: 190px;}
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*Main/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.pageIndex .main_part { border-top: none;}
#content {
    min-height: auto;
    background: url(https://pic03.eapple.com.tw/stwtec/bg.jpg);
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
}
#content_main {background: #ffffff !important;}

/*Header/＝＝＝＝＝*/
/*選單最大寬度設定*/
.main_header_area { background: rgb(250 246 240 / 100%);}
.main_header_area .container {  max-width: 80%;  transition: all 0.6s;}
.sticky .main_header_area .container { max-width: 70%;}
/*第一層*/
.stellarnav {   padding: 15px 0 0;}
.stellarnav li a { color: #333;}
.stellarnav li.has-sub li { border: none;  border-bottom: 0px solid #f3f3f3;}
.navigation { grid-template-columns: 180px 1fr;  grid-gap: 0 20px;}
.stellarnav ul {  display: flex;    align-items: baseline;    flex-wrap: wrap;    width: 100%;    justify-content: flex-end;    position: relative;}
.stellarnav > ul > li {  transition: all 0.6s;   vertical-align: top;   position: relative;   padding-left: 40px;}


.stellarnav > ul > li::before {
    content: "";
    width: 1px;
    height: 10px;
    border-radius: 0;
    background-color: #cccccc;
    position: absolute;
    bottom: 30px;
    right: -20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.stellarnav > ul > li::after {
    content: "";
    background: #167bcc;
    height: 2px;
    width: 60%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 50px;
    transform: scale(0, 1);
    transition: 0.3s ease-in-out;
}

.stellarnav > ul > li:hover::after {
    transform: scale(1);
    transition: 0.3s ease-in-out;
}




.stellarnav ul ul { width: 180px; box-shadow: 0 7px 35px -10px rgb(0 0 0 / 10%);     background: #faf6f0;}
.stellarnav > ul > li > a { font-size: 17px;  letter-spacing: 0.05em;  color: #002453;  transition: all 0.3s;  position: relative;    margin: 10px 15px;}
.header_area.sticky .stellarnav > ul > li > a {  color:#002453;}

.stellarnav > ul > li > a b { font-weight: 500;}
.stellarnav > ul > li > a b:nth-child(2) {  font-size: 12px;  color: #097ed2;  line-height: 1.5;  transition: all 0.3s ease;  -webkit-transform: translateY(-30px);   transform: translateY(-30px);  opacity: 0;}

.stellarnav > ul > li > a:hover b {  transform: translateY(-10px);  -webkit-transform: translateY(-10px);  -moz-transform: translateY(-10px);}
.stellarnav > ul > li > a:hover b:nth-child(2) {  opacity: 1;   transform: translateY(-20px);  -webkit-transform: translateY(-20px);}
/*第二層*/
.stellarnav li li { border: 1px #f6f8f7 solid;}
.stellarnav li li > a, .stellarnav li li.has-sub > a {    padding: 7px 24px 7px 15px;    transition: all 0.3s;    border-left: 0px solid #0081ff;}
.stellarnav li li:hover > a, .stellarnav li li.has-sub:hover > a { color: #002453;  padding-left: 20px;  border-color: #ffffff;  background: #ffffff;  border-left: 5px solid rgb(13 86 157);}
/*下拉*/
.stellarnav > ul > li.drop-left > ul { right: 0; left: 16px;}
.stellarnav li.has-sub > a:after { content: '+';  border-left: 0px;  border-right: 0px;   border-top: 0px;}
.stellarnav li li.has-sub > a:after { border-left: 0px solid #898989; right: 15px;}
.stellarnav li.drop-left li.has-sub > a:after { border-right: 0px solid #898989;}


@media screen and (max-width: 1450px) {
.main_header_area .container {  max-width: 80%; }
.sticky .main_header_area .container { max-width: 80%;}
}


@media screen and (max-width: 1250px) {
.main_header_area .container {  max-width: 80%; }
.sticky .main_header_area .container { max-width: 90%;}

.stellarnav > ul > li > a { margin: 10px 0;}
.sticky.header_area .nav-brand::before { width: calc(70% + 0px);}
}


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

/*Header/＝＝＝＝＝*/
.main_header_area { height: auto;  padding: 0 15px;}
.main_header_area .container {  max-width: 100%;}
.navigation { flex-wrap: wrap;  justify-content: center; padding: 20px 0 0;}

/*中英切換*/
.me_tp_features { left: 0;  top: 0; right: 0; margin: 0; padding-top: 0;  position: absolute; justify-content: end;}	
.me_tp_features a { color: #fff;}
.me_tp_features a i { display: none;}
.shop_search_btn { background: #53A6D8;}

/*平版板header_logo*/
.header_area { position: relative;}
.header_area .nav-brand {display: flex; justify-content: center; }
.header_area.sticky {position: sticky;transition: 0.3s;}
.nav-brand {padding-top: 0;}
.nav-brand img {max-width: 180px; filter: none;}
.sticky .nav-brand img {  max-width: 180px; filter: none;}
.nav-header { z-index: 0;}

.stellarnav ul { justify-content: center;}
.main_header_area {  padding: 0;  height: auto;}
.stellarnav > ul > li > a {  margin: 0px 0 5px; padding: 0px 2px 0;}

/*手機板LOGO*/
.header_area .nav-brand { width: auto; max-width: 125px; padding-top: 0;}
.header_area .nav-brand::before {display: none;}
.sticky.header_area .nav-brand::before{display: none;}

/*手機版大圖切換點點*/
.swiper-pagination{ display:none;}

/*------------------------------------------------*/
/*MENU(內選單)*/
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{max-width: 220px;border: 0px #eee solid;}
.stellarnav.mobile ul { background: rgb(254 254 252);}
.me_tp_features a.tp_btn_cart, .me_tp_features a.tp_btn_notice { display: block;}
.stellarnav .menu-toggle { padding: 24px 10px; background:linear-gradient(185deg, rgb(32 93 155) 25%, #042750 75%);}
.stellarnav .menu-toggle span.bars span {background: #ffffff;}
.stellarnav .menu-toggle:after { color: #ffffff;}
.stellarnav > ul > li > ul {left: auto; transform: translateX(0%);}

.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {  background: #26588d;  color: #ffffff; }
.stellarnav .icon-close:after { border-bottom: solid 3px #ffffff;}
.stellarnav .icon-close:before { border-bottom: solid 3px #ffffff;}

.stellarnav.mobile > ul > li { border-bottom: 1px #eaeaea solid;}
.stellarnav.mobile > ul > li > a { padding: 15px 43px 15px 10px;}
.stellarnav.mobile > ul > li > a b:nth-child(2) { display: none;}/*隱藏英文*/
.stellarnav.mobile li.open { background: #faf6f0;  padding: 15px;}
.stellarnav.mobile li li a.dd-toggle { padding: 0;background: #ffffff;border-left: 0px solid #77a929 !important;}
.stellarnav.mobile li.open li.open {background: #f5f5f5 !important;}
.stellarnav.mobile li.open li.open > a { font-weight: 500; border-left: 1px solid #f5f5f5 !important;}
.stellarnav li li a:hover { background:none;}
/*------------------------------------------------*/
}
@media screen and (max-width: 900px) {
.stellarnav > ul > li{padding-left: 10px;}
.stellarnav > ul > li:before { left: 50%;}
.stellarnav > ul > li:after { left: 52px;}

.main_header_area .container {  max-width: 100%; }
.sticky .main_header_area .container { max-width: 100%;}
}

@media screen and (max-width: 768px) {
/*選單漸變效果＝＝*/



/*首頁固定選單*/
.header_area { position: sticky;}
.header_area.sticky {position: sticky;transition: 0.3s;}

.main_header_area { padding: 0; height: auto;}
.sticky .main_header_area {height: auto;}

/*側邊選單/＝＝＝＝＝*/
.stellarnav li li > a , .stellarnav li li.has-sub > a{    padding: 10px;border-left:none;}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{padding: 10px;border-color:transparent;}
/*手機板header_logo*/
.main_header_area {  margin: 0;   border-radius: 0;}
.stellarnav > ul > li:hover::before{ display:none;}
.nav-menu { padding: 0 10px 0 160px;}
.sticky .nav-brand:before { width: calc(100% + 300px);}
.nav-menu > li > a:before { bottom: 50px;}
.tp_links {margin-left: 15px;padding: 7px 10px;}
.nav-menu > li > a { padding: 45px 14px;}
.nav-menu > li > a:after { bottom: 50px;}
/*------------------------------------------------*/

.navigation { padding: 20px 0;}
.stellarnav .menu-toggle { padding: 35px 10px;}
/*MENU(內選單)*/
.stellarnav { padding: 0;}
.header_area.sticky .stellarnav > ul > li > a {  color:#333333;}
.stellarnav > ul > li:before{ display:none !important;}
.stellarnav > ul > li:hover:before{ display:none !important;}
.stellarnav > ul > li:after  { display:none !important;}
.stellarnav > ul > li:hover:after  { display:none !important;}
.stellarnav > ul > li.drop-left > ul { left: 0;}
}

@media screen and (max-width: 480px) {
.nav-brand img {max-width: 140px;  margin: 0 0 10px;}
.sticky .nav-brand img { max-width: 140px; filter: none;}

.header_area .nav-brand::before { top: 35%;}
.navigation { padding: 10px 0;}
.tp_links { display: none;}
.stellarnav .menu-toggle { padding: 24px 10px;}
.stellarnav { padding: 0;}
.stellarnav .menu-toggle { background: linear-gradient(185deg, rgb(32 93 155) 25%, #042750 75%);}
.sticky .stellarnav .menu-toggle span.bars span { background: #ffffff;}
.sticky .stellarnav .menu-toggle:after {color: #ffffff;}

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






/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*首頁*/

/*首頁-按鈕/＝＝＝＝＝*/
.animated-arrow {
	background: #0A284D;
	color: #ffffff;
	font-size: 14px;
	height: 60px;
	line-height: 60px;
	transition: all .3s;
	-webkit-box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.1);
}
.animated-arrow:hover {  color: #ffffff; z-index: 0;}

.animated-arrow::before {
    content: '';
    display: block;
	background:#0A284D;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.animated-arrow:hover::before {
    background: linear-gradient(90deg, #0A284D, #2A598B);
    width: 100%;
    left: 0;
    z-index: -1;
}
.animated-arrow:after {
	content: " ";
	width: 20%;
	height: 3px;
	/*background: #af8650;*/
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.animated-arrow:hover:after {width: 100%;}



/*首頁文章*/
.module_i_news {
    padding: 150px 20px;
    background: url(https://pic03.eapple.com.tw/stwtec/index_news_bg.jpg);
    background-position: center top;
    background-size: cover;
}
.module_i_news section {  max-width: 1600px; margin: 0 auto;  display: flex;  flex-wrap: wrap;   flex-direction: row;justify-content: space-between;}
.module_i_news_list { width: calc(100% - 320px);padding: 0;}
.module_i_news .title_i_box {  margin-bottom: 0px; text-align: left; width: 250px;}
.module_i_news .title_i_box h4 {font-size: 40px;color: #042650;font-weight: 500;letter-spacing: 0;position: relative;top: 130px;}
.module_i_news .title_i_box h4:before {    content: "04";    font-size: 13px;    color: #AAAAAA;    position: absolute;    top: -40px;}
.module_i_news .title_i_box h4:after {    content: "";    position: absolute;    left: 25px;    top: -30px;    width: 30px;    height: 1px;    background: #AAAAAA;}
.module_i_news li a {    position: relative;    display: flex;    grid-gap: 10px;    flex-direction: column-reverse;	background: #ffffff;}
.module_i_news ul {  grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;}

.i_blog_b { max-width: fit-content;  margin: 0 auto 0 0; }
.i_blog_b a {  margin: -150px auto 0 0;  display: block;}
.i_blog_b a:hover { background: #042650; color: #fff;}        
.i_blog_b a > b { font-size: 14px;letter-spacing: 1px; padding-left: 10px;}
.fa-arrow-right::before { content: ""; font-size: 14px;letter-spacing: 1px;}

.i_blog_ri { max-height: 230px;  min-height: 230px; padding: 5%;}
.i_blog_ri p {-webkit-line-clamp: 2; line-height: 160%;}
.i_blog_le { aspect-ratio: 14 / 10;   order: 2;}
.i_blog_ri h5 { font-size: 18px; margin-bottom: 15px;}
.i_blog_ri em {    margin: 0px 0 15px;    border-bottom: none;    padding-bottom: 12px;}

/*hover*/
.module_i_news li {  box-shadow: 5px 15px 30px rgb(30 69 103 / 15%);}
.module_i_news li a:before {
    content: 'VIEW MORE';
    font-size: 14px;
    color: #777;
    transition: all .3s;
    font-family: Arial;
    font-weight: 600;
    background: none;
    border: 0;
    right: 15px;
    bottom: 15px;
    opacity: 1;
}
.module_i_news li a:after {
    opacity: 1;
    width: 90%;
    height: 1px;
    background: #ddd;
    position: absolute;
    top: 88%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0;
}
.module_i_news li a:hover:before{  opacity: 1;  transition: all .3s;}
.module_i_news li a:hover:after {  opacity: 1;  transition: all .3s;}

.module_i_news li:hover img { transform: scale(1.05);transition: all 0.3s;}
.i_blog_le img {transition: all 0.3s;}
.module_i_news li a h5{ color: #042650; transition: all 0.3s;}
.module_i_news li a:hover h5 { color: #226ab7;}

@media screen and (max-width: 1300px) {
.module_i_news section { display: flex;  flex-wrap: wrap;  flex-direction: column;  align-content: center;  align-items: center;}
.module_i_news_list {width: calc(100% - 100px); padding: 70px 0;}
.module_i_news .title_i_box h4 { position: relative; top: 0;    text-align: center;}
.module_i_news .title_i_box h4:before { left: 100px;}
.module_i_news .title_i_box h4:after  { left: 125px;}
.i_blog_b { max-width: fit-content;  margin: 0 auto;}
.i_blog_b a { margin: 0 auto; }

}
@media screen and (max-width: 1024px) {
.module_i_news ul {  grid-template-columns: 1fr 1fr;  grid-gap: 20px;}
}
@media screen and (max-width: 768px) {
.module_i_news_list { width: calc(100% - 30px); padding: 70px 0; }
.module_i_news li { border-bottom: none;}
}
@media screen and (max-width: 480px) {
.module_i_news ul { grid-template-columns: 1fr; grid-gap: 20px;  }
}

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




/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*footer*/
.footer {
    padding: 80px 0 0;
    background: linear-gradient(185deg, rgb(32 93 155 / 50%) 25%, rgb(4 39 80 / 90%) 75%), url(https://pic03.eapple.com.tw/stwtec/footer_bg.jpg) no-repeat center top / cover;
}
.footer .center {max-width: 1200px;}
.footer_info {grid-template-columns: 180px 1fr;padding-right: 0;}
/*footer LOGO*/
.footer_logo img { max-width: 100%; filter: contrast(0) brightness(100) drop-shadow(0px 0px 0px #222);}
.footer_info li:nth-child(1) {width: 100%; padding: 0 24px 15px;}
.footer_info li p{ color: #faf6f0; line-height: 190%;  display: inline-block;  width: calc(140% / 3);}
.footer_info li p a {color: #faf6f0;}
.footer_info li:nth-child(2) { border-top: 1px solid rgb(255 255 255 / 10%); padding-top: 15px;}
.footer_menu a {background: transparent;    border: none;    color: #faf6f0;padding: 5px 15px;transition: all 0.3s;}
.footer_menu a:hover {background: transparent;    color: #4680a1;}

.footer_info li p.tel2:before { content: '傳真：';}



/*----*/
.box_link {max-width: fit-content;    display: block;    /* left: 50%; */    top: 26px;    display: none;}
.box_link a {border: none;    font-size: 21px;    display: inline-block;    margin: 0;    color: #93bcd8;}
.box_link a:hover {color: #4680a1;}
/*----*/
.copy { color: rgb(255 255 255 / 50%);  margin-top: 30px;  border-top: none;  background: rgb(0 0 0 / 0%);  padding: 10px 0 30px;}
.copy a { color: rgb(250 246 240 / 50%); transition: all 0.3s;}
.copy a:hover { color: rgb(250 246 240 / 100%);}
.privacyLinks a+a {   border-left: 1px solid rgb(250 246 240 / 30%);}
@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: flex;}
.nav-menu { padding: 0 10px;}
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}
.footer_info {display: block;padding: 0 20px;}
.box_link {display: none;}
.footer_info li:nth-child(1) {width: 100%; padding:15px 0 0;}
}
@media (max-width:600px) {
.footer_menu a { width: calc(calc(100% - 110px) / 2); padding: 5px 0;}
.footer_menu a:first-child {display: none;}
.footer_info li p{ width: calc(100% / 1);}
}
@media (max-width:480px) {
.footer_logo img {max-width: 70%;}
.footer_info { padding: 50px 35px 0;}
}

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








/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*內頁BANNER 設定*/
.banner {
    max-width: 100%;
    width: 100% !important;
    margin: auto;
    padding: 0px;
    padding-bottom: 30%;
    height: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-position: center;
    background: url(https://pic03.eapple.com.tw/stwtec/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.banner.banC  {background-image:  url(https://pic03.eapple.com.tw/stwtec/banC.jpg);}
.article_a .banner.banblog {background-image:  url(https://pic03.eapple.com.tw/stwtec/banblog_news.jpg);}
.article_b .banner.banblog {background-image:  url(https://pic03.eapple.com.tw/stwtec/banblog_article.jpg);}


.banner::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

/*---------------------------------*/
/* 三個不同的縮放動畫 */
.banner h5 {
    font-size: 50px;
    color: #ffffff;
    background: transparent;
    letter-spacing: 0.1em;
    padding-top: min(max(10vw, 40vw), 40vw);
    line-height: 1;
	font-weight: 500;
}

.banner:after, .banner h5:after, .banner h5:before {
    content: '';
    position: absolute;
    width: 480px;
    height: 200px;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; /* 保證圖片完整縮放 */
    transform-origin: center;
}
/* 各自的圖片與動畫 */
.banner:after {background-image: url(https://pic03.eapple.com.tw/stwtec/banner_shine_L.png);    animation: pulse1 3.5s ease-in-out infinite;}
.banner h5:after {background-image: url(https://pic03.eapple.com.tw/stwtec/banner_shine_S.png);    animation: pulse2 5s ease-in-out infinite;}
.banner h5:before {background-image: url(https://pic03.eapple.com.tw/stwtec/banner_shine_M.png);    animation: pulse3 6.5s ease-in-out infinite;}

/* 動畫關鍵影格 */
@keyframes pulse1 {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.9; }
    50% { transform: translate(-50%, -50%) scale(1.15); opacity: 1; }
}

@keyframes pulse2 {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
    50% { transform: translate(-50%, -50%) scale(1.25); opacity: 1; }
}

@keyframes pulse3 {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.7; }
    50% { transform: translate(-50%, -50%) scale(0.9); opacity: 1; }
}

/*---------------------------------*/

@media (max-width:1200px) {
.banner { padding-bottom: 35%;}
.banner h5 { padding-top: min(max(10vw, 45vw), 45vw);}

}
@media (max-width:600px) {
.banner { background-size: 100%;}
.banner h5 { font-size: 35px;  padding-top: min(max(10vw, 40vw), 45vw);}
.banner:after, .banner h5:after, .banner h5:before {  width: 300px;  top: 55%;}
}
@media (max-width:480px) {
.banner h5 {   font-size: 30px;}
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */






/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*文章管理-news-解決方案*/
.article_a .main_part { max-width: 1450px;}
.article_a a.news_menu_toggle i { display: none;}

/*側邊*/
.article_a .blog_le{padding: 0 7px;}
.article_a h5.blog_le_t{text-align: center;margin-bottom: 0;}
.article_a h5.blog_le_t em,h5.blog_le_t span{display: none;}
.article_a .blog_search input[type=search]{border-radius: 0;}
.article_a .blog_le .accordion {border-radius: 0;}
.article_a .blog_le .accordion li{border-radius: 0; transition: all .3s;}
.article_a .blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {  background: #26588d !important;}
.article_a .accordion li .link a {font-size: 17px;  font-weight: 500;  letter-spacing: 0.1em;  text-align: justify;}
.article_a .article_a.submenu a {padding: 12px 12px 12px 30px;background: #fff;font-size: 12px;}

/*分類頁*/
.article_a .blog_ri {padding: 0 0 0 50px;}
.article_a .blog_page h4.blog_category_title{display: none;}
.article_a .blog_subbox {grid-template-columns: 1fr;}
.article_a .subbox_item a { align-items: center;  grid-template-columns: 33% 1fr;  grid-gap: 10px;    background: #fff;box-shadow: 5px 15px 30px rgb(30 69 103 / 15%);}
.article_a .subbox_item a:hover .blog_list_ri h5{color: #226ab7;}
.article_a .subbox_item a:before { content: 'VIEW MORE';  font-size: 14px; color: #777; transition: all .3s; font-family: Arial; font-weight: 600; background: none; border: 0; right: 45px;  bottom: 15px; opacity: 1}
.article_a .subbox_item a:hover:before{ }
.article_a .subbox_item a:after { opacity: 1; width: 59%; height: 1px; background: #ddd;  position: absolute;  top: 80%; transform: translate(63%, 0); border: 0;}
.article_a .subbox_item a:hover:after {  }
.article_a .subbox_item a:hover .blog_list_le img {transform: scale(1.1);}
.article_a .blog_list_ri {  max-height: 230px; min-height: 230px;  padding: 5%;}
.article_a .blog_list_ri h5 { position: relative;    font-weight: 500;    color: #042650;    transition: all 0.3s;    font-size: 18px;    margin-bottom: 15px;}
.article_a .blog_list_ri em { margin: 0px 0 15px;    border-bottom: none;    padding-bottom: 12px;    font-size: 14px;}
.article_a .blog_list_ri p { font-size: 15px;  -webkit-line-clamp: 2;  line-height: 160%;}
.article_a .blog_list_le {aspect-ratio: 3 / 2;overflow: hidden;}
.article_a .blog_list_le img{transition: all .3s;}


/*文章頁*/
.article_a .blog_box_edit * {line-height: 180%;font-size: 17px;font-weight: 400;}
.article_a .blog_box {margin-top: 50px;}
.article_a h4.blog_category_title {  padding: 0;  font-size: 20px;  letter-spacing: 0.1em;  margin-bottom: 0;  color: #000; font-size: 24px;}
.article_a .blog_shareData{border-bottom: 1px solid #eee;padding-bottom: 10px;border-bottom: 1px solid #aaa;}
.article_a .toShareNews b{font-size: 12px;font-weight: 400;}
.article_a .article_a .toShareNews a object{max-width: 20px;}
.article_a .articel_mainPic{display: none;}/*清單縮圖*/
.article_a .blog_back {grid-gap: 0;}
.article_a .blog_back a.article_btn_back {background: #2a598b; color: #ffffff; border: 1px solid #2e5a89; font-size: 17px; padding: 12px; transition: all .3s;}
.article_a .blog_back a.article_btn_prev {background: transparent; color: #2a598b; border: 1px solid #2e5a89; font-size: 17px; padding: 12px; transition: all .3s;}
.article_a .blog_back a.article_btn_next {background: transparent; color: #2a598b; border: 1px solid #2e5a89; font-size: 17px; padding: 12px; transition: all .3s;}
.article_a .blog_back a.article_btn_back:hover { background: #0A284D; color: #ffffff; border: 1px solid #0A284D; }
.article_a .blog_back a.article_btn_prev:hover { background: #0A284D; color: #ffffff; border: 1px solid #0A284D; }
.article_a .blog_back a.article_btn_next:hover { background: #0A284D; color: #ffffff; border: 1px solid #0A284D; }


/*相關推薦*/
.article_a .news_related_list li figure {  aspect-ratio: 6 / 4; }
.article_a .news_related {background: #efefef; padding: 50px 0 25px;  border-top: 1px solid #efefef;  margin-top: 100px;}
.article_a .news_related h6 span:before {  font-size: 25px;  letter-spacing: 0.1em;  color: #082756;}
.article_a .news_related_list {background: transparent;max-width: 1400px;width: 90%;grid-template-columns: 1fr 1fr 1fr 1fr;}
.article_a .news_related_list li a{padding: 0;}
.article_a .news_related_list li a p { font-size: 14px;  width: 90%;  line-height: 1.4;  margin: 15px auto;  padding: 0;}
.article_a .lastPage { background: #2a598b;  font-size: 16px; transition: all .3s;}
.article_a .lastPage:hover { background: #0A284D; color: #ffffff;}

@media screen and (max-width: 1200px){
.article_a .subbox_item a { grid-template-columns: 40% 1fr;}
.article_a .subbox_item a:after { width: 55%; transform: translate(80%, 0);}
.article_a .subbox_item a:before { right: 10px;}
.article_a .blog_ri {padding: 0 0 0 30px;width: calc(100% - 200px);}
.article_a .blog_le {padding: 0;width: 180px;}
}
@media screen and (max-width: 1024px){
.article_a .news_related_list {grid-template-columns: 1fr 1fr;}
.article_a .subbox_item a:after{top: 70%;}
}
@media screen and (max-width: 960px){
.article_a .subbox_item {border-bottom: none;}
}
@media screen and (max-width: 768px){
.article_a .blog_ri {padding: 0;width: 100%; margin-bottom: 50px;}
.article_a .blog_le {padding: 0;width: 100%; margin-bottom: 50px;}
.article_a .blog_list_ri {padding: 0 5%; min-height: 200px;}
.article_a .blog_list_ri h5 {font-size: 16px;}
.article_a .blog_back a.article_btn_prev,.blog_back a.article_btn_next,.blog_back a.article_btn_back{font-size: 12px;}
.article_a .blog_subbox { grid-template-columns: 1fr 1fr;}
.article_a .subbox_item a {grid-template-columns: 1fr; grid-gap: 20px; }
.article_a .subbox_item a:after { width: 90%;  top: 88%;  transform: translate(0%, 0%); left: 5%;}
.article_a .lastPage{font-size: 12px;}
}
@media screen and (max-width: 600px) {
.article_a .blog_subbox { grid-template-columns: 1fr;}
.article_a .blog_list_ri { min-height: 230px;}
.article_a .subbox_item a:before { right: 20px;  bottom: 20px;}
}

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





/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*文章管理-article-產業訊息*/
.article_b .main_part { max-width: 1450px;}
.article_b a.news_menu_toggle i { display: none;}

/*側邊*/
.article_b .blog_le{padding: 0 7px;}
h5.blog_le_t{text-align: center;margin-bottom: 0;}
h5.blog_le_t em,h5.blog_le_t span{display: none;}
.article_b .blog_search input[type=search]{border-radius: 0;}
.article_b .blog_le .accordion {border-radius: 0;}
.article_b .blog_le .accordion li{border-radius: 0; transition: all .3s;}
.article_b .blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {  background: #26588d !important;}
.article_b .accordion li .link a {font-size: 17px;  font-weight: 500;  letter-spacing: 0.1em;  text-align: justify;}
.article_b .article_a.submenu a {padding: 12px 12px 12px 30px;background: #fff;font-size: 12px;}

/*分類頁*/
.article_b .blog_ri {padding: 0 0 0 50px;}
.article_b .blog_page h4.blog_category_title{display: none;}
.article_b .blog_subbox {grid-template-columns: 1fr;}
.article_b .subbox_item a {grid-template-columns: 1fr;align-items: center;grid-gap: 10px;padding-right: 0;  background: #fff; box-shadow: 5px 15px 30px rgb(30 69 103 / 15%);}
.article_b .subbox_item a:before {content: 'VIEW MORE';  font-size: 14px;  color: #777; transition: all .3s;  font-family: Arial;  font-weight: 600;  background: none;  border: 0;  right: 20px;  bottom: 15px; opacity: 1;}
.article_b .subbox_item a:hover:before{ }
.article_b .subbox_item a:after {opacity: 1;  width: 90%; height: 1px;  background: #ddd;  position: absolute;  top: 90%; left: 50%; transform: translate(-50%, -50%); border: 0;}
.article_b .subbox_item a:hover .blog_list_le img{transform: scale(1.1);}
.article_b .subbox_item a:hover .blog_list_ri h5{color: #226ab7;}
.article_b .blog_list_ri { max-height: 230px; min-height: 230px;  padding: 5%;}
.article_b .blog_list_ri h5 { font-weight: 500;  color: #042650;  transition: all 0.3s;  font-size: 18px;  margin-bottom: 15px;}
.article_b .blog_list_ri em { margin: 0px 0 15px;  border-bottom: none;  padding-bottom: 12px;}
.article_b .blog_list_ri p {  font-size: 15px;  -webkit-line-clamp: 2;  line-height: 160%;}
.article_b .blog_subbox {grid-template-columns: 1fr 1fr 1fr;grid-gap: 30px 20px;}
.article_b .blog_list_le { aspect-ratio: 3 / 2; overflow: hidden;}
.article_b .blog_list_le img{transition: all .3s;}


/*文章頁*/
.article_b .blog_box_edit * {line-height: 180%;font-size: 17px;}
.article_b .blog_box {margin-top: 50px;}
.article_b h4.blog_category_title {  padding: 0;  font-size: 20px;  letter-spacing: 0.1em;  margin-bottom: 0;  color: #000; font-size: 24px;}
.article_b .blog_shareData{border-bottom: 1px solid #eee;padding-bottom: 10px;border-bottom: 1px solid #aaa;}
.article_b .toShareNews b{font-size: 12px;font-weight: 400;}
.article_b .article_a .toShareNews a object{max-width: 20px;}
.article_b .articel_mainPic{display: none;}/*清單縮圖*/
.article_b .blog_back {grid-gap: 0;}
.article_b .blog_back a.article_btn_back {background: #2a598b; color: #ffffff; border: 1px solid #2e5a89; font-size: 17px; padding: 12px; transition: all .3s;}
.article_b .blog_back a.article_btn_prev {background: transparent; color: #2a598b; border: 1px solid #2e5a89; font-size: 17px; padding: 12px; transition: all .3s;}
.article_b .blog_back a.article_btn_next {background: transparent; color: #2a598b; border: 1px solid #2e5a89; font-size: 17px; padding: 12px; transition: all .3s;}
.article_b .blog_back a.article_btn_back:hover { background: #0A284D; color: #ffffff; border: 1px solid #0A284D; }
.article_b .blog_back a.article_btn_prev:hover { background: #0A284D; color: #ffffff; border: 1px solid #0A284D; }
.article_b .blog_back a.article_btn_next:hover { background: #0A284D; color: #ffffff; border: 1px solid #0A284D; }


/*相關推薦*/
.article_b .news_related_list li figure {  aspect-ratio: 6 / 4; }
.article_b .news_related {background: #efefef; padding: 50px 0 25px;  border-top: 1px solid #efefef;  margin-top: 100px;}
.article_b .news_related h6 span:before {  font-size: 25px;  letter-spacing: 0.1em;  color: #082756;}
.article_b .news_related_list {background: transparent;max-width: 1400px;width: 90%;grid-template-columns: 1fr 1fr 1fr 1fr;}
.article_b .news_related_list li a{padding: 0;}
.article_b .news_related_list li a p { font-size: 14px;  width: 90%;  line-height: 1.4;  margin: 15px auto;  padding: 0;}
.article_b .lastPage { background: #2a598b;  font-size: 16px; transition: all .3s;}
.article_b .lastPage:hover { background: #0A284D; color: #ffffff;}

@media screen and (max-width: 1024px){
.article_b .blog_subbox {grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width: 960px) {
.article_b .subbox_item {border-bottom: none;}
}
@media screen and (max-width: 768px){
.article_b .blog_ri {padding: 0}
.article_b .blog_le{padding: 0;}
.article_b .blog_list_ri{padding: 0 5%;min-height: 200px;}
.article_b .blog_list_ri h5 {font-size: 16px;}
.article_b .blog_le{margin-bottom: 50px;}
.article_b .blog_ri{margin-bottom: 50px;}
.article_b .blog_back a.article_b tn_prev,.blog_back a.article_b tn_next,.blog_back a.article_b tn_back{font-size: 12px;}
.article_b .lastPage{font-size: 12px;}
.article_b .news_related_list {grid-template-columns: 1fr 1fr;}
.article_b .subbox_item a { grid-gap: 20px;}
.article_b .subbox_item a:after { top: 88%;}
}
@media screen and (max-width: 600px) {
.article_b .blog_subbox { grid-template-columns: 1fr;}
.article_b .blog_list_ri { min-height: 230px;}
.article_b .subbox_item a:before { right: 20px;  bottom: 20px;}
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */




/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*聯絡我們*/
.contact_page .main_part { max-width: 1450px;}
.contact_form li { grid-gap: 20px;     align-items: start;}
.contact_form li.last blockquote { background: #ffffff00;  color: #0d294b; font-size: 14px; height: 60px; line-height: 45px;  transition: all .3s;}
.contact_form li.last cite {
    background: #0A284D;
    color: #ffffff;
    font-size: 14px;
    height: 60px;
    line-height: 45px;
    transition: all .3s;
    -webkit-box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.1);
}
.list_before li { line-height: 2.5;  letter-spacing: 0.1em; font-size: 17px;}
.list_before.info li {  padding-left: 50px;}
.info_TEL:before, .info_TEL2:before, .info_PHONE:before, .info_LINE:before, .info_FAX:before, .info_TAXID:before, .info_MAIL:before, .info_ADD:before, .info_ADD2:before {  font-size: 17px; }
.info_TEL2:before { content: "傳真";}

/*表單*/
.contact_form { display: grid;  grid-template-columns: 1fr 1fr;  grid-gap: 20px;}
.contact_form li.last { text-align: right;  grid-column: 1 / -1;}
.contact_form li.last blockquote, .contact_form li.last cite { width: 220px;}
.contact_form li input.noborder { border: 0px #efefef solid;     box-shadow: 5px 15px 20px rgb(30 69 103 / 10%);}
.contact_form li textarea.noborder { border: 0px #efefef solid;     box-shadow: 5px 15px 20px rgb(30 69 103 / 10%);}
.fa-arrow-right::before {  content: "+";  font-size: 12px;  letter-spacing: 0;}
.noborder { padding: 15px;}

@media screen and (max-width: 960px) {
.contact_form { display: grid; grid-template-columns: 1fr;    grid-gap: 20px;}
.contact_form li .form__label { background: rgb(140 168 218 / 0%);}
.contact_form li input.noborder {border: 1px #efefef solid;}
.contact_form li textarea.noborder { border: 1px #efefef solid;}
}
@media screen and (max-width: 480px) {
.contact_form li { grid-gap: 10px;}
.contact_form li { grid-template-columns: 85px 1fr;}
}