@charset "utf-8";
/*顏色
  淺灰 #adadad
  深深黑 #211915*/

/*隱藏內容*/
.path p, .path p a {  display: none;}
.tp_links{display:none;}
.box_link{display:none;}
.stellarnav > ul > li:last-of-type{display:none;}
.stellarnav > ul > li:nth-of-type(8){display:none;}

.bst_cont article li a{font-size: var(--fz30);}
.bst_cont:before{content: '聯絡我們'; font-size: 35px; font-weight: bold; color: #000;}
.module_i_news01_r .title_i_box{margin-bottom: 0;}

.video-list .vidCover::before {display: none;}  /*影片上的播放符號*/

/*主選單*/
.stellarnav > ul > li:nth-of-type(7) a{display: flex; margin: 0 0 0 10px;}
.stellarnav > ul > li:nth-of-type(7) a:before{content: '';
    background: url(https://pic03.eapple.com.tw/bestmanpower/mail.svg) no-repeat bottom;
    background-size: cover;
    width: 43px;   height: 33px;
    display: flex;
    margin-right: 10px;
    top: 8px;
    position: relative;}


.me_tp_features{width: auto; order:-1;}

/*開語系-header三個電話*/
.tp_lang {display: flex; justify-content: flex-end;}
.tp_lang a:after{content: '';
    background: url(https://pic03.eapple.com.tw/bestmanpower/headericon.png) no-repeat top;
    background-size: cover;
    width: 25px;
    height: 25px;}

.tp_lang a { display: flex; flex-direction: row-reverse;padding: 10px 33px 10px 28px; }
.tp_lang a.lang_tw{  background:#239ce3;border-radius: 0 0 0 8px;}
.tp_lang a.lang_en { background: #5bc9e2;}
.tp_lang a.lang_jp { background: #38c38c;}

.tp_lang a:before{transition: all .5s ease;font-weight: bolder; font-size: 16px;margin: 0 0 0 5px; }

.tp_lang a.lang_tw:before{  content: '台北公司 02-28231975'; background:#ffffff00;border-radius: 0 0 0 10px;}
.tp_lang a.lang_en:before { content: '桃園公司 03-4929504';  background:#ffffff00;}
.tp_lang a.lang_jp:before { content: '台中公司 04-22315638'; background: #ffffff00;}


@media screen and (max-width: 1024px) {
.tp_lang a { padding: 6px 20px;}
.tp_lang a.lang_tw { border-radius: 8px 0 0 8px;}
.tp_lang a.lang_jp { border-radius: 0 8px 8px 0;}
.tp_lang a:before { padding: 0; padding-left: 5px;}
}


/*浮動按鈕*/
.info_fix{bottom: 100px;}
.info_fix_links{ display:flex !important;}/*保持展開*/
.info_fix>span { display: none;}/*隱藏展開鈕*/
.info_fix_links a{ margin-bottom: 10px;}
.info_fix_links a:hover { color: rgb(255 255 255); background: rgb(80 80 80); transition: 1.2s ease-in-out; transform: scale(1.2) rotateY(360deg);}

.info_fix_links a.info_fix_fb{background: rgb(26 128 168);order:1;}
.info_fix_links a.info_fix_line{background: rgb(47 194 57);}
.info_fix_links a.info_fix_tel{background: rgb(45 162 225);order:-1;}

.info_fix_links a.info_fix_mail{display:none;}
.info_fix_links a i:before{font-size: 0.7em;}
.info_fix_links a i {  margin-bottom: 2px;}
@media screen and (max-width: 768px) {
.info_fix_links a.info_fix_line, .info_fix_links a.info_fix_fb {display:none;}
}

body{font-family: "Noto Sans TC"; }

/*================================================Logo*/
.header_area .nav-brand { transition: all 0.3s; /*max-width: 180px;*/}
.header_area.sticky .nav-brand{max-width: 160px;}

/*.header_area .nav-brand {  animation: logo 1.5s infinite linear alternate; }
@keyframes logo{ 0% { transform: translateX(-20px);} 100% { transform: translateX(20px);}}*/

/*================================================header*/
.header_area { height: auto; background: #fff;  padding: 0 0 7px;}
.header_area.sticky {  background:#ffffffed;border-bottom: none;}
.main_header_area .container{max-width: 100%;}
.navigation { display: grid; align-items: center;  margin: auto; grid-gap: 0 10px; grid-auto-columns: 2fr 1fr;}
.nav-header{max-width: 280px; margin: 10px 25px;}
@media screen and (max-width: 1024px) {
.nav-header { max-width: 230px;}
.header_area {  padding: 0;}
.stellarnav {  padding: 8px 0 0; }
}
@media screen and (max-width: 425px) { .nav-header {  max-width: 160px;}}


/*第一層*/
.stellarnav {padding: 16px 0 0;}
.stellarnav > ul {padding-right: 35px;}
.stellarnav > ul > li { letter-spacing: 0.5px;}
.stellarnav > ul > li > a {color: transparent; font-size: 18px;  margin: 0 2px 0 20px;
margin: 0 10px 0 5px; color: rgb(36 42 46); letter-spacing: 2px; ;font-weight: bold;}
.stellarnav > ul > li.has-sub > a { padding-right: 0;}

.stellarnav > ul > li > a:hover {  color: #e2a640; }
.stellarnav > ul > li:hover { background: transparent;}

.stellarnav li.has-sub > a:after {display:none;}

/*第二層下拉*/
.stellarnav ul ul { font-size: 18px; padding-top: 12px; padding-bottom: 12px; color: rgb(106 118 137); background-color: rgb(255 255 255);
  box-shadow: 0 0 3px #0000000d, 10px 0 30px #0000000d, 20px 20px 50px #00000005; transition-duration: .3s;  border-radius: 6px;
  right: -45%;width: 180px;}
.stellarnav > ul > li:nth-of-type(6) > ul{  right: 0px;}
.stellarnav li li {border: none;}

.stellarnav li li a{color: #686868;  transition: all 0.6s; text-align: center; background: #fff;font-weight: bold;letter-spacing: 1px;}

.stellarnav li li:hover a{ color: rgb(13 94 162);}
.stellarnav li li.has-sub:hover > a:after {  border-left: 7px solid #fff;}
.stellarnav li li.has-sub > a:after{
	border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #231815;}

/*================================================footer*/
.footer_info { display: none;}
.footer {  padding: 0;}

.copy { background:#195f9f; color: #fff; font-weight: 600;margin-top: 0; font-size: 11px; letter-spacing: 2px;padding: 15px 0;}
.copy a{ color: #fff; transition:all 0.3s;}
.copy a:hover{ color: #14388b;}

#to_top{padding-top: 12px; border: 1px solid #d8d8d8; background: #ffffffed; 
      box-shadow: none; color: #909090; right: 20px; left: auto; bottom: 65px;font-size: 10px;}
#to_top i.top {height: 12px;}
#to_top i.top:before, #to_top i.top:after {background: #7a7a7a; height: 9px;}

/*================================================BANNER*/
#content_main{ margin-top: 0;}

/*首頁大圖*/
/*預設解除背景輪播*/
.bannerindex { position:relative; height: 100%;}
.swiper-banner { position:static; margin:0; height:auto;} 

@media screen and (max-width: 1024px) {
.swiper-banner .swiper-slide img { display:none; }
.swiper-banner .swiper-slide {height: 680px; background-position: center;background-size: cover; }

.swiper-banner .swiper-slide:nth-child(1) { background-image: url(https://pic03.eapple.com.tw/bestmanpower/BNm1.jpg);}
.swiper-banner .swiper-slide:nth-child(2) { background-image: url(https://pic03.eapple.com.tw/bestmanpower/BNm2.jpg);}
.swiper-banner .swiper-slide:nth-child(3) { background-image: url(https://pic03.eapple.com.tw/bestmanpower/BNm3.jpg);}
.swiper-banner .swiper-slide:nth-child(4) { background-image: url(https://pic03.eapple.com.tw/bestmanpower/BNm4.jpg);}
.swiper-banner .swiper-slide:nth-child(5) { background-image: url(https://pic03.eapple.com.tw/bestmanpower/BNm5.jpg);}
}
@media screen and (max-width: 900px) {
.swiper-banner .swiper-slide {  height: 600px;}
}
@media screen and (max-width: 768px) {
.swiper-banner .swiper-slide {  height: 500px;}
}
@media screen and (max-width: 600px) {
.swiper-banner .swiper-slide {  height: 350px;}
}
@media screen and (max-width: 430px) {
.swiper-banner .swiper-slide {  height: 290px;}
}

/*大圖滑動點*/

.bannerindex .swiper-pagination-horizontal.swiper-pagination-bullets ..bannerindex swiper-pagination-bullet{
	margin: 0 3px; width: 10px; height: 3px; border-radius: 10px; opacity: 1;}
.bannerindex .swiper-pagination-bullet-active {  background: #211915;}
.bannerindex .swiper-pagination-bullets.swiper-pagination-horizontal{/*margin-bottom: 3%;*/display: none;}


/*內頁大圖*/
.banner {background: #e6e6e6; height: 150px; background-size: cover; 
    background-image: url(https://pic03.eapple.com.tw/bestmanpower/ban.jpg);justify-content: flex-start;
    padding: 0 40px;
    margin: auto;}
.banner h5 {display: flex;
    flex-direction: column;
    font-size: 40px;
    font-weight: bolder;
    color: rgb(32 34 36);	margin: 0 10%;
	}	
.banner h5:before{	content: 'BEST MANPOWER AGENCY';  margin-bottom: 5px;  margin-left: 2px; text-align: left; font-size: 15px;}
	
.banner.banblog	h5:before { content: 'NEWS'; }
.article_b .banner.banblog	h5:before { content: 'AWARD'; }
.banner.banF h5:before { content: 'VIDEO';}
.banner h5:after{content: '';  border: 2px solid #5ac9e1;  width: 74px;  margin-top: 10px;}

	
@media screen and (max-width: 600px) { 
.banner h5:before {}
.banner h5 {}}

@media screen and (max-width: 425px) { 
.banner h5:before {}
.banner h5 { }}

/*================================================按鈕*/
.animated-arrow {
	background: unset;
	transition:.3s;
	position:relative;
	overflow:hidden;
    color: #434343;
    background: #e7e7e7;
	margin-top: 0;
	font-size: 14px;
	height: 40px;
    line-height: 40px;
}

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

/*================================================文章*/
/*獲獎榮耀*/
.module_i_news02 .i_blog_ri p { font-weight: bold;margin-top: 10px;}
.blog_in_page.article_b .articel_mainPic{display:none;}

/*最新消息*/
.module_i_news01_cont li:first-of-type{border-top: 1px solid #ccc;}
.module_i_news01 .i_blog_ri em{margin: 0 0 12px;}
.module_i_news01 .i_blog_ri h5{-webkit-line-clamp: 5;line-height: 160%;}

/*文章首頁*/
#content{	background: linear-gradient(90deg, #d8eef2, #e8f3f5);}
.main_part{border-radius: 20px 20px 0 0; background: #ffffff; width: 95%; max-width: 1300px; margin: auto; padding: 6%;
    box-shadow: 0 4px 12px #383f480d, 0 0 7px #383f480d, 0 0 2px #383f482e;}

/*文章首頁左側選單*/
.blog_page h5.blog_le_t em{display: none;}
h5.blog_le_t {display: none;}
.blog_search{display: none;}

.blog_le .accordion	{ list-style-type: none; border-radius: 0;border: none;}

.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {
    background: transparent !important;}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a{
	color: #195f9f !important;}
.fa-caret-down::before { color: #f5b74d;}
	
.accordion li .link a {padding: 7px 10px; color: #292929; font-size: 18px;}
.accordion li .link a:before{content: '▶'; 
color: #5ac9e1; margin-right: 10px; font-size: 8px; top: -2px; position: relative;}
	
/*文章首頁右側列表*/
.blog_subbox{grid-template-columns: 1fr;}
.blog_list_le {display:none;}

.blog_list_ri { display: flex;flex-direction: column-reverse;padding-right: 60px;}
.blog_list_ri em { margin-bottom: 8px;font-weight: bold; font-size: 12px; letter-spacing: 1px;}
.blog_list_ri p { display: none;}
.blog_list_ri h5{-webkit-line-clamp: 3;font-size: 18px; color: #212121; font-weight: bold;}
	
.subbox_item { box-shadow: 0 4px 12px #383f480d, 0 0 7px #383f480d, 0 0 2px #383f482e;
    padding: 20px 20px 20px 24px; border-radius: 5px;}
.subbox_item:hover { background: rgb(244 246 249); box-shadow: none;}

.subbox_item a { grid-template-columns: 1fr;}
.subbox_item a:after {display:none;}
.subbox_item a:before { opacity: 1; transition: all .5s; background: #195f9f; content: '▶';
       padding: 13px 14px 13px 17px; border-radius: 100%; color: white;font-size: 8px;margin-bottom: 3px;}
.blog_page	h4.blog_category_title{display:none;}
	
/*文章內頁*/
.blog_shareData {  border-bottom: 1px solid #cecece;padding-bottom: 20px;}
h4.blog_category_title{font-weight: 700; line-height: 1.5;letter-spacing: .05em;margin-bottom: 10px;}
.blog_box_edit *{color: rgb(36 42 46);line-height: 200%;letter-spacing: 1px;}
.blog_le, .blog_ri{margin-bottom: 10vw;}

.blog_in_page .blog_ri { width: 100%;padding: 0;}
.blog_in_page .blog_box {display: flex; flex-direction: column-reverse;}
.blog_in_page .blog_le {display:none;}

.news_related, .toShareNews { display: none;}

/*文章按鈕*/
.blog_back{/*display: none;*/}
.blog_back a.article_btn_prev, .blog_back a.article_btn_next {display: none;}
.blog_back { grid-template-columns: 1fr;margin-bottom: 30px;}
.blog_back a.article_btn_back:before{ content:"◀　Back to List　";color: #21609c;}
.blog_back a.article_btn_back { background: transparent; color: transparent; font-weight: bold; text-align: left; padding: 0; font-size: 16px;}
.accordion li+li .link { border-top: none !important;}


@media screen and (max-width: 1024px) {
.blog_box {display: flex; flex-direction: column;}
.blog_le, .blog_ri { width: 100%;}

.blog_le { margin-bottom: 3vw}
.blog_le .accordion { display: flex; flex-wrap: wrap;justify-content: flex-start;}

.blog_ri {   margin: 0 auto 20px;}
	
h5.blog_le_t {display: none;}
.subbox_item a:before {margin-bottom: 13px;}
.accordion li .link a:before { top: -4px;}

}


@media screen and (max-width: 768px) {
.banner h5 { margin: 0;}
}

/*================================================影片*/

@media screen and (max-width: 820px) {
.i_video_classList ul { background: transparent;}
.i_video_classList li a{background: #f4f6f9;}
.i_video_classList li { width: 160px;}
}
/*影片首頁*/
.video_page .main_part{}
.video_content{flex-direction: column;}

/*影片首頁左側選單*/
.video_menu_list { width: 100%;  max-widh: 768px; margin: auto auto 60px;}
.video_menu_list > h5 { display: none !important;}
.video_menu_list > ul { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
     grid-gap: 10px; text-align: center;max-width: 800px; margin: auto;}
.video-layer-two > li { border-bottom: none;}
.video-layer-two li a { border-radius: 30px; border: none; background: #f4f6f9;font-size: 15px;
    letter-spacing: 1px; font-weight: bold; color: #2c2c2c;padding: 10px 16px;}
.video-layer-two li a:hover{ background: rgb(13 94 162); color:white;}
	
/*影片首頁右側列表*/
.video_menu_list+.video-list{max-width: 100%; grid-template-columns: repeat(3, 1fr);}
.video-list .vidTitle {/*font-size: 1.5em;*/ font-weight: bold; letter-spacing: .05em; height: auto; font-size: 20px;}
.video-list .vidCover{aspect-ratio: 5 / 3;}

@media (max-width: 1024px) {

.video_menu_list+.video-list{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
.video_menu_list+.video-list{grid-template-columns: 1fr;}

}

/*================================================RWD1024*/
@media screen and (max-width: 1024px) { 
.navigation {  display: flex;}
.me_tp_features { order: 0;}
.tp_lang {  margin-top: 5px;}

.main_header_area .container { max-width: 100%;}
.stellarnav > ul > li > a { margin: 0 10px 0 0; letter-spacing: 1px;}
.stellarnav > ul > li:nth-of-type(7) a:before { width: 33px; top: 3px;}
.stellarnav > ul > li.has-sub > a { padding-right: 0;}
.stellarnav > ul > li:nth-of-type(7) a { margin: 0 0px 0 10px;}

	
/*Logo*/
.header_area .nav-brand{/*max-width: 150px;*/}
.header_area.sticky .nav-brand{/*max-width: 110px;*/}

/*header*/
.stellarnav { padding: 8px 0;}
.navigation {  /*flex-direction: initial;*/}
.me_tp_features {justify-content: center;}
.stellarnav ul { margin: auto; padding-right: 0;}

}

/*================================================RWD768*/
@media screen and (max-width: 768px) {
	
.header_area .nav-brand {max-width: 150px;}
.nav-header {  max-width: 150px; }
.header_area.sticky .nav-brand { max-width: 120px;}

.navigation { padding-left: 0; padding-right: 30px; width: 95%; align-items: flex-start;}
.nav-header { margin: 10px 0;}

.me_tp_features { width: auto; /*display: flex;*/ margin: 5px 10px 0 0px;}
.me_tp_features { display:none;}
.main_header_area .container {  max-width: 100%;}
	
/*********************側邊選單*/
/*menu*/
.stellarnav { margin-top: 20px; padding: 8px;}
.stellarnav.mobile { left: auto; right: 0;}

.stellarnav .menu-toggle:after {display:none; color: #adadad;}
.stellarnav .menu-toggle span.bars span { background: #2b78be;}
.stellarnav .menu-toggle span.bars span:nth-of-type(2), .stellarnav .menu-toggle span.bars span:nth-of-type(3){width: 15px; margin: 0 0 4px 9px;}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {  padding: 0;}

/*close*/
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background: transparent;font-size: 10px;
        color: rgb(13 94 162);  padding: 30px; font-weight: bolder; letter-spacing: 2px;}
.stellarnav .icon-close:before, .stellarnav .icon-close:after {border-bottom: solid 2px rgb(13 94 162); margin: 1.5px 1.5px 0 -5px;}

/*底色*/
.stellarnav.mobile li a { border-bottom: none; background: transparent;text-align: left;padding: 8px 13px;font-size: 18px;}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {max-width: 100%; background:white; backdrop-filter: saturate(93%) blur(5px);}
.stellarnav.mobile > ul > li { border-bottom: none;margin: 0 20px;}
.stellarnav ul ul {  box-shadow: none;}

/*X*/
.stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after { border-bottom:solid 2px transparent; width: 9px;}
.stellarnav.mobile > ul > li > a.dd-toggle { top: 7px; margin: 0; width: 100%;}

/*第一層*/

.stellarnav > ul > li > a{letter-spacing: 2px; margin: 0 15px;}
.stellarnav > ul > li > a:hover { color: unset;}
.stellarnav > ul > li > a b { color: #fff;  line-height: 200%;}
.stellarnav > ul > li.has-sub > a{padding: 10px 43px 10px 10px;}

.stellarnav > ul > li.has-sub > a[class="mob_main_link"], .stellarnav > ul > li:nth-of-type(7) a{ 
   margin: 0; border-bottom: 1px #0000000d solid;font-size: 18px;}

.stellarnav > ul > li > a[class="mob_main_link"]:before, .stellarnav > ul > li:nth-of-type(7) a:before {
        content: "▸";
        color: #2da2e1;
        top: 0;
        background: none !important; /* 🔺 強制移除第7項的 mail 背景 */
        background-size: 0;
        width: 30px;
        margin-right: 0;
        font-size: 24px;
        display: inline-block; /* 保險用，避免原本的 display:flex 造成錯亂 */
}
.stellarnav > ul > li:nth-of-type(7) a:before {width: 35px;}

/*第二層*/
.stellarnav ul ul { border: none;}
.stellarnav.mobile li.open{ background: transparent;padding: 0;}
.stellarnav.mobile ul {  background: transparent;}
.stellarnav.mobile ul ul, .stellarnav > ul > li:nth-of-type(6) > ul  {margin: 0; width: 250px;right: -33px; padding: 10px 0;}
.stellarnav li li {}
.stellarnav li li a {}
.stellarnav li li:hover a {/*color: #444; background:#eaeaea;*/}
/*.stellarnav.mobile li:last-of-type a { border-bottom: none;}
.stellarnav.mobile li:last-of-type { border-bottom: none;}*/

/*********************footer*/
#bottom_menu {display: flex;flex-direction: row;-webkit-box-shadow: none;box-shadow: none;display: none;}
#bottom_menu li { background: #eaeaea;}
#bottom_menu li a { color:#686868; line-height: 1; padding: 10px 5px 10px;}
#bottom_menu li a em {  margin-top:5px; letter-spacing: 1px;font-size: 10px;}
#bottom_menu li a i { color: #f5b64e;}

.footer.with_shopping_mode { padding:0; }
#to_top { bottom:60px;}
.copy { padding-top: 15px;}
.footer_info { padding:0 35px 0 80px; flex-direction: column;}
.footer_info li+li{margin-top: 0;}

h5.blog_le_t em:before {  margin: auto;}

.contact_content .information_right {  padding: 50px 10px 10px; }

/*大圖*/
.bannerindex { padding:0; margin:0;}

}
@media screen and (max-width: 600px) { 
.news_list ul li p:after { margin-right: 0;}
.news_list ul li { margin: 10px; background: #ffffff;}

.contact_form li .form__label { background: transparent;}
}

@media screen and (max-width: 570px) { 
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {  padding: 0;}
.me_tp_features a.tp_btn_cart, .me_tp_features a.tp_btn_notice {  display: block; }
}
@media screen and (max-width: 460px) { 
.footer_info li a { width: 47%;}
}

@media screen and (max-width: 425px) { 
.footer {}
.footer_info {   padding: 0 35px;}
.me_tp_features a.tp_btn_cart, .me_tp_features a.tp_btn_notice {  margin: 0 2px;}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {  width: 7px;  height: 2px;}
}

@media screen and (max-width: 350px) { 
.footer_info li a { width: 100%;}
}