* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /*  outline: 1px solid #b2b2b2;*/
}

/* 嵌入字型設定 */
@font-face {
  font-family: '思源黑體';
  src: url(../font/NotoSansTC-Light.ttf) format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: '思源黑體';
  src: url(../font/NotoSansTC-Regular.ttf) format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: '思源黑體';
  src: url(../font/NotoSansTC-Medium.ttf) format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: '思源黑體';
  src: url(../font/NotoSansTC-Bold.ttf) format('truetype');
  font-weight: bold;
}
@font-face {
  font-family: '思源黑體';
  src: url(../font/NotoSansTC-Black.ttf) format('truetype');
  font-weight: 900;
}

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

body {
  color: #252525;
  font-family: Helvetica, Arial, 思源黑體, "Microsoft JhengHei", 微軟正黑體, sans-serif;
  letter-spacing: 1px;
  text-align: justify;
  /*  background-color: #fff;*/
  background-image: url(../img/bg-02.png), linear-gradient(#fff,#fff);
}

img { width: 100%; }

/* ==================================================================================
-                                  基礎、共用區域 
================================================================================== */
a { color: #2c2c2c; text-decoration: none; }
.bg-danger { background-color: #ff275b!important; }
.bg-green { background-color: #8bc34a; }
.bg-orange { background-color: #ff9600; }
.bg-success { background-color: #25b3b4!important; }
.bg-yellow-a { background-color: #ffd110; }
.bg-yellow-b { background-image: url(../img/bg-01.png), linear-gradient(#ffd110,#ffd110); }
.bg-primary { background-color: #39579f!important; }
.btn-danger { background-color: #ff275b; }
.btn-orange { background-color: #ff9600; }
.btn-primary { background-color: #39579f!important; }
.btn-check:focus+.btn-warning, .btn-warning:focus { box-shadow: 0 0 0 0.25rem rgb(217 21 6 / 50%); }
.blockSpace { padding-top: 4rem; padding-bottom: 4rem; }
.btn:hover { animation: animated-border 1s infinite; }
@keyframes animated-border {
  0% { box-shadow: 0 0 0 0 rgba(255, 118, 0, 0.7); }
  100% { box-shadow: 0 0 0 0.8rem rgba(255, 118, 0, 0); }
}
.slick-track { top: 1rem; }/* 輪播框高度不要被蓋到 */
.shadow { box-shadow: 0 .1rem 1rem rgb(0 0 0 / 30%) !important }

.text-danger { color: #ff275b!important; }
.text-primary { color: #39579f!important; }
.text-warning { color: #F5760F!important; }
/*  文字截斷  */
.text-truncate02 { word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rounded { border-radius: 0.8rem!important; }

/*  區塊標題  */
.container h2 { text-align: center; }
.container h2 img { max-width: 550px; }

/*  輪播樣式設定  */
.slick-prev:before, .slick-next:before { font-size: 1.5rem; opacity: .75; color: #000000; }
.slick-dots li button:before { font-size: 0.8rem; }
.slick-dots li.slick-active button:before { content: ''; width: 26px; height: 32px; opacity: 1; background-image: url(../img/slick-dots-img.png); background-repeat: no-repeat; background-size: contain; top: 50%; left: 50%; transform: translate(-50%,-50%); }


/* ==================================================================================
-                                  TOP nav 
================================================================================== */
.navbar-light .navbar-nav .nav-link { color: #2c2c2c; }
.navbar-light .navbar-nav .nav-link:hover { color: #fff; }


/* ==================================================================================
-                                  抽獎 
================================================================================== */
.lottery ul { list-style: none; padding-left: 1rem; }
.lottery img { max-width: 280px; }
.lottery .lotterypic img { max-width: 300px; }
.lottery .carousel-control-prev-icon, .lottery .carousel-control-next-icon { width: 1.2rem; height: 1.2rem; }
.lottery .carousel-control-prev-icon { background-image: url(../img/prev.png); }
.lottery .carousel-control-next-icon { background-image: url(../img/next.png); }
.lottery .carousel-indicators { margin-right: 15%; margin-bottom: 0rem; margin-left: 15%; }
.lottery .carousel-indicators :not(.active) { box-sizing: content-box; flex: 0 1 auto; width: 15px; height: 15px; margin-right: 0.5rem; margin-left: 0.5rem; border-radius: 50%; background-color: #262626; }
.lottery .carousel-indicators .active { opacity: 1; width: 24px; height: 28px; background-image: url(../img/slick-dots-img.png); background-size: contain; background-repeat: no-repeat; background-color: transparent; }


/* ==================================================================================
-                                  求職幫手那區 
================================================================================== */
.jobStrategy h5, .helper h5 { left: 0.8rem; top: 0.7rem; }

/* ==================================================================================
-                                  GO TOP 
================================================================================== */
.gotop { width: 5rem; right: 2rem; bottom: 5rem; z-index: 9; display: none; }

@media (min-width: 1200px){
  .aCard .text-info { height: 4rem; }
  .aCard ul { height: 7.5rem; }
}
@media (min-width: 992px){
}
@media (max-width: 991px){
  .navbar-collapse { padding: 0.5rem 1.2rem; }
}
@media (min-width: 577px){
}
@media (min-width: 768px){
  .topbanner .topbanner_b { display: block; }
  .topbanner .topbanner_m { display: none; }
}
@media (max-width: 767px){
  .topbanner .topbanner_b { display: none; }
  .topbanner .topbanner_m { display: block; }
}
@media (max-width: 576px){
  .slick-prev { left: 0px; z-index: 9; }
  .slick-next { right: 0px; }
  .lottery img { max-width: 180px; }
  .gotop { right: 1rem; bottom: 3.5rem; }
}