* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 嵌入字型設定 */
@font-face {
  font-family: '源泉圓體';
  src: url(../font/GenSenRounded2TW-R.otf) format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: '源泉圓體';
  src: url(../font/GenSenRounded2TW-M.otf) format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: '源泉圓體';
  src: url(../font/GenSenRounded2TW-B.otf) format('truetype');
  font-weight: bold;
}

html,body {
  /*height: 100%;*/
  font-size: 100%;
}

body {
  color: #2c2c2c;
  font-family: "源泉圓體", "Microsoft JhengHei", 微軟正黑體, sans-serif;
  letter-spacing: 1px;
}

img { max-width: 100%; }

/* ==================================================================================
-                                  基礎、共用區域 
================================================================================== */
section { width: 100%; }
mark { background: #666; padding: 5px 10px; font-size: 1.5rem; font-weight: bold; color: #fff; }
.btn { font-size: 1.5rem; font-weight: bold; }
.gototop { z-index: 999; right: 1rem; bottom: 1rem; display: none; }
.titleColor { color: #f76bb7; }
.text-warning { color: #fa6a00!important; }


/* ==================================================================================
-                                  NAV 
================================================================================== */ 
header { z-index: 9; }
.navbar-light .navbar-nav .nav-link { color: #2c2c2c; }
.navbar-light .navbar-nav .fbicon { color: #4267b2; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgb(255 255 255); background: #db5ea2; }
.navbar ul { font-weight: bold; font-size: 1.2rem; }
.navbar-light .navbar-nav .nav-link { padding: 0.6rem 1.5rem; }


/* ==================================================================================
-                                  BANNER 
================================================================================== */
.topbanner { width: 100%; }
.topbanner img { width: 100%; }


/* ==================================================================================
-                                  SEC02 活動資訊 
================================================================================== */
h2 { /*color: #db5ea2;*/ margin-bottom: 2rem; }
.ePaper>div { padding: 1rem 0.5rem; position: relative; }
.ePaper>div::before, .ePaper>div::after { content: " "; font-size: 2rem; position: absolute; font-weight: bold; top: -0.35em; left: 0.7em; font-style: italic; color: #f47c04; }
.ePaper>div::before { z-index: 1; }
.ePaper>div::after { -webkit-text-stroke: 12px #ffffff; text-stroke: 12px #ffffff; }
.ePaper>div:nth-of-type(1)::before { content: "方法一"; }
.ePaper>div:nth-of-type(2)::before { content: "方法二"; }
.ePaper>div:nth-of-type(3)::before { content: "方法三"; }
.ePaper>div:nth-of-type(1)::after { content: "方法一"; }
.ePaper>div:nth-of-type(2)::after { content: "方法二"; }
.ePaper>div:nth-of-type(3)::after { content: "方法三"; }
.ePaper>div>div { border: 2px solid #db5fa1; background-color: #FFF; border-radius: 1rem; padding: 0.8rem 1.5rem 1rem; }
.ePaper>div>div a { display: block; margin: 0.5rem auto 0; width: fit-content; background-color: #fff; color: #db5fa1; }
.ePaper>div>div a:hover { color: #d45a9c; }
a:hover { filter: sepia(0.4); }


/* ==================================================================================
-                                  SEC03 交通資訊 
================================================================================== */
h3 { font-weight: bold; /*color: #db799e;*/ }
#sec03 .row { align-items: center; }
/*#sec02 dt { color: #db5300; }*/
#sec03 dd>ul { list-style-type: none; padding-left: 1rem; }


/* ==================================================================================
-                                  SEC04 求職資訊 
================================================================================== */
#sec04 a:hover { filter: sepia(0.3); }
#sec04 .container .row { justify-content: center; }
.helper { max-width: 750px; }
.helper .row { padding: 15px 25px; }
.helper img { width: 100%; max-width: 255px; }


/* ==================================================================================
-                                  FOOTER 
================================================================================== */
footer { padding: 35px 0 15px; font-weight: bold; background-color: #c2f2ff; }
/*footer ul { display: flex; flex-flow: wrap; }*/
footer ul li { display: flex; align-items: center; margin-right: 35px; margin-top: 5px; }
footer ul li img { width: 20px; height: 20px; margin-right: 5px; /*margin-left: 10px;*/ }


@media (min-width: 992px){
  section { margin: 8rem 0; }
}

@media (max-width: 991px){
  header { background-color: #fff; }
  .topbanner { padding-top: 56px; }
  section { margin: 3.5rem 0; }
}

@media (min-width: 768px){
  /*  .navbar { padding-top: 1.5rem; padding-bottom: 2.5rem; }*/
  .topbanner .topbanner_b { display: block; }
  .topbanner .topbanner_m { display: none; }
}
@media (max-width: 767px){
  nav { padding-left: 0.8rem; padding-right: 0.8rem; }
  .topbanner .topbanner_b { display: none; }
  .topbanner .topbanner_m { display: block; }
  .locainfo { margin-bottom: 20px; }
  .gototop { max-width: 3.5rem; }
}
@media (max-width: 575px){
  .owl-carousel.companyList .item { padding: 0 0.5rem; }
  footer { font-size: 0.8rem; }
}