@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
.PageHtml { scroll-behavior: smooth; }
.PageAnchorLink { font-size: 0; line-height: 0; height: 0; float: left; }

/* CSS Document */
.Quest-HeaderGroup { margin-bottom: 24px; padding: 16px 16px 16px 16px; background-color: #eef0f2; border: 1px solid #d2d7dd; }
.Quest-HeaderGroup h2 { font-size: calc(20px + .4vw); font-weight: 600; line-height: 1.3; color: #0a386a; }
.Quest-HeaderGroup b { font-size: calc(18px + .2vw); font-weight: 400; line-height: 1.3; color: #0a386a; }
.Quest-HeaderGroup p { font-size: calc(16px + .1vw); font-weight: 400; line-height: 1.3; color: #333; }
.Quest-ButtonList li { display: inline-block; padding: 0 2px 0 0; }
.Quest-CardBox { min-height: 300px; margin-bottom: 16px; padding: 16px 16px 16px 16px; border: 1px solid #d2d7dd; }
.Quest-CardBoxHeader { margin-bottom: 32px; padding-bottom: 12px; color: #333; border-bottom: 1px solid #d2d7dd; }
.Quest-CardBoxHeader h3 { font-size: calc(18px + .2vw); font-weight: 500; line-height: 1.3; }
.Quest-CardBoxHeader b { font-size: calc(16px); font-weight: 300; line-height: 1.3; }
.Quest-CardBoxTitle { font-size: calc(16px + .15vw); font-weight: 500; line-height: 1.1; margin-bottom: 4px; color: #999; }
.Quest-FooterGroup { margin-top: 24px; padding: 16px 16px 16px 16px; background-color: #eef0f2; border: 1px solid #d2d7dd; text-align: right; }
.Quest-QuestionOne { padding: 8px 0 16px 0; }
.Quest-QuestionOne strong { font-size: calc(16px + .1vw); line-height: 1.6; display: block; margin-bottom: 8px; padding: 8px 12px; color: #333; background-color: #f1f2f3; }
@media (min-width:0) and (max-width:600px) {
	.Quest-FooterGroup { text-align: left; }
}
.Quest-AlertBox { min-height: 100px; margin-bottom: 16px; padding: 12px 8px 8px 8px; border: 1px solid #d2d7dd; }
.Quest-AlertBox ul { margin-top: 8px; line-height: 1.2;}
.Quest-AlertBox li {  display: inline-block; color: #0c4b8c; white-space: nowrap; }
.Quest-AlertBox li::after { content: '|'; margin-left: 12px; margin-right: 12px; }
.Quest-AlertBox li:last-child::after { display: none; }
.Quest-AlertBox h3 { font-size: calc(20px + .2vw); font-weight: 500; line-height: 1.3; margin-bottom: 8px; }
.Quest-AlertBox b { font-size: calc(16px); font-weight: 300; line-height: 1.3; display: block; margin-bottom: 8px; }
.Quest-AlertBoxLine { margin: 0; padding: 0; border: 0; border-top: 1px solid #ddd !important; }
@media (min-width:0) and (max-width:800px) {
	.Quest-AlertBox li { display: block; margin-bottom: 8px; white-space: normal; }
	.Quest-AlertBox li::after { content: ''; display: none; }
}

/**/
.Hr-Intro img { width: 100%; }
.Hr-IntroTitle { position: absolute; z-index: 10; top: 12vw; color: #fff; }
.Hr-IntroTitle.IntroTitleRight { right: 0; text-align: right; }
.Hr-IntroTitle h1 { font-size: calc(22px + 1.3vw); font-weight: 500; line-height: 1; }
.Hr-IntroTitle h3 { font-family: 'Open Sans', 'Verdana', 'Noto Sans TC', 'Noto Sans SC', 'Microsoft JhengHei', 'Microsoft YaHei', 'PMingLiU', 'simhei', 'sans-serif'; font-size: calc(20px + .6vw); font-weight: 300; line-height: 1.3; }
.Hr-GoLink { min-height: 50px; margin-left: 0; margin-right: 0; padding: 20px 0 16px 0; background-color: #e0e0e0; text-align: center; vertical-align: middle; }
.Hr-GoLink a { font-size: calc(18px + .2vw); line-height: 1.5; display: inline-block; vertical-align: middle; white-space: nowrap; }
.Hr-GoLink a::after { content: '|'; position: relative; top: -2px; margin-left: 12px; padding-right: 8px; }
.Hr-GoLink a:last-child::after { display: none; }
.Hr-GoLink a:hover { opacity: .6; transition: all .3s ease; }
.Hr-GoLink a img { width: auto; height: calc(18px + .2vw); margin-top: -2px; }
.Hr-GoIndex { min-height: 150px; display: flex; flex-direction: row; margin-left: calc(12px + .5vw); margin-right: calc(12px + .5vw); padding: 32px; color: #fff; background-image: url('../_img-hr/hr-footer-barbg.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; }
.Hr-GoIndex a { font-size: calc(20px + .6vw); font-weight: 500; vertical-align: middle; }
.Hr-GoIndex a:hover { opacity: .6; transition: all .3s ease; }
.Hr-GoIndex a img { width: auto; height: calc(26px + .6vw); }
@media (min-width:0) and (max-width:800px) {
	.Hr-IntroTitle { position: absolute; z-index: 10; top: calc(76px + 6vw); color: #f1f2f3; }
	.Hr-GoLink { margin-left: 0; margin-right: 0; }
	.Hr-GoIndex { min-height: 100px; margin-left: calc(12px + .5vw); margin-right: calc(12px + .5vw); background-size: cover; }
}
@media (min-width:0) and (max-width:600px) {
	.Hr-IntroTitle { position: absolute; z-index: 10; top: calc(76px + 3vw); color: #f1f2f3; }
	.Hr-GoLink { margin-left: 0; margin-right: 0; }
	.Hr-GoIndex { margin-left: 0; margin-right: 0; }
}
@media (min-width:0) and (max-width:450px) {
	.Hr-IntroTitle { position: absolute; z-index: 10; top: calc(45px + .3vw); color: #f1f2f3; }
	.Hr-GoLink a { display: block; }
}

/* INPAGE */
.Hr-TitleFont { font-family: 'Open Sans', 'Verdana', 'Noto Sans TC', 'Noto Sans SC', 'Microsoft JhengHei', 'Microsoft YaHei', 'PMingLiU', 'simhei', 'sans-serif'; }
.Hr-ArticleTitle h2 { font-size: calc(24px + .4vw); font-weight: 600; line-height: 1.3; color: #0c4b8c; }
.Hr-ArticleTitle h3 { font-size: calc(18px + .4vw); line-height: 1.3; color: #0c4b8c; }
.Hr-ListA li { width: 50%; float: left; }
.Hr-ListB li { width: 50%; float: right; }
.Hr-WelfareText { padding: calc(32px + 2.5vw); background-color: #efefef; }
.Hr-WelfareImg { padding: calc(32px + 2.5vw); }
.Hr-WelfareText h4 { font-size: calc(20px + .4vw); font-weight: 500; line-height: 1.6; color: #0c4b8c; }
.Hr-WelfareText h4 span { font-family: 'Open Sans', 'Verdana', 'Noto Sans TC', 'Noto Sans SC', 'Microsoft JhengHei', 'Microsoft YaHei', 'PMingLiU', 'simhei', 'sans-serif'; font-weight: 300; }
@media (min-width:0) and (max-width:600px) {
	.Hr-ListA li { width: 100%; float: left; }
	.Hr-ListB li { width: 100%; float: right; }
	.Hr-WelfareText { padding: 32px 32px 32px 32px; background-color: #efefef; }
	.Hr-WelfareImg { min-height: 40vw; padding: 0; }
}
.Hr-Talent-2Bg { padding: 128px 0 64px 0; background-color: #e1e5e4; background-image: url('../_img-hr/hr-talent-2bg.jpg'); background-repeat: no-repeat; background-position: top center; background-size: contain; }
.Hr-Talent-2Box { margin-top: 32px; padding: 96px 64px 84px 64px; background-color: RGBA(255, 255, 255, .8); }
.Hr-Talent-2Text { max-width: 820px; margin: auto; }
.Hr-Talent-2TextB { max-width: 740px; margin: auto; }
@media (min-width:0) and (max-width:800px) {
	.Hr-Talent-2Bg { padding: 64px 0 16px 0; background-color: #f0f1f2; background-image: url('../_img-hr/hr-talent-2bg-s.jpg'); background-size: contain; }
	.Hr-Talent-2Box { margin-top: 16px; padding: 16px; background-color: transparent; }
}
.Hr-InternList-Title { font-size: calc(16px + .4vw); font-weight: 500; line-height: 1; padding: 12px 0 12px 12px; color: #0c4b8c; background-color: #ccd3de; }
.Hr-InternList ul { margin-bottom: 24px; padding: 12px 12px 12px 12px; }
.Hr-InternList ul li { font-size: calc(16px + .05vw); margin-left: 1.5em; list-style-image: url('../_img-hr/hr-intern-dot.png'); }
.Hr-InternIcon { width: 110px; max-width: 12vw; padding-top: 16px; padding-right: 16px; }
.Hr-InternIcon img { max-width: 100%; float: right; }
@media (min-width:0) and (max-width:800px) {
	.Hr-InternIcon { width: 80px; max-width: 25vw; padding-top: 16px; padding-right: 0; }
}
.Hr-CampusPlaceA li { float: left; padding: 8px; }
.Hr-CampusPlaceB li { float: left; padding: 8px; }
.Hr-CampusBoxA { width: 100%; padding: 24px 24px; background-color: #eee; background-image: url('../_img-hr/hr-campus-boxbg.png'); background-repeat: no-repeat; background-position: right bottom; }
.Hr-CampusBoxA img { width: 100px; height: auto; padding-right: 16px; }
.Hr-CampusBoxA h3 { font-size: calc(24px + .4vw); font-weight: 500; line-height: 1.4; color: #0c4b8c; }
.Hr-CampusBoxA p { font-size: calc(18px + .3vw); font-weight: 400; line-height: 1.2; color: #0c4b8c; }
.Hr-CampusBoxB { width: 100%; padding: 24px; background-color: #eee; background-image: url('../_img-hr/hr-campus-boxbg.png'); background-repeat: no-repeat; background-position: right bottom; }
.Hr-CampusBoxB h3 { font-size: calc(24px + .2vw); font-weight: 400; line-height: 1.4; color: #0c4b8c; }
.Hr-CampusBoxB p { font-size: calc(18px + .1vw); font-weight: 400; line-height: 1.2; color: #333; }
@media (min-width:0) and (max-width:800px) {
	.Hr-CampusBoxA { padding: 24px; }
	.Hr-CampusBoxA h3 { font-size: calc(24px + .2vw); font-weight: 400; line-height: 1.4; color: #0c4b8c; }
	.Hr-CampusBoxA p { font-size: calc(18px + .1vw); font-weight: 400; line-height: 1.2; color: #333; }
}
.Hr-CampusTable tr:nth-child(even) { background-color: #f0f6fc !important; }
.Hr-CampusTable th { font-size: calc(18px + .1vw) !important; font-weight: 400; color: #0c4b8c !important; background-color: #ddebf7 !important; border: 1px solid #809fc1 !important; text-align: center; white-space: nowrap; }
.Hr-CampusTable td { font-size: calc(16px + .1vw) !important; color: #0c4b8c !important; border: 1px solid #809fc1 !important; text-align: center !important; white-space: nowrap; }
.Hr-CampusTable td i { font-size: 22px; color: #0d839d !important; }