/*RWD setting*/
.container-fluid, .row, .row>*{
  margin: 0px;
  padding: 0px;
}

.mobile{
  display: none;
}

@media screen and (max-width: 960px){
  .desktop{
    display: none;
  }
  .mobile{
    display: block;
  }
}

/*container setting*/
@media screen and (min-width: 1400px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    max-width: 1145px;
  }
}

/*bg*/
.bg-grey{
    background-color: #F9F8F8;
}

/*font*/
body {
  font-family: 'Noto Sans TC', sans-serif;
  color: #181818;
  font-size: 16px;
  line-height: 1.5;
}

p {
  margin-bottom: 0px;
}

/*color*/
.color-primary{
  color: #00AEC7;
}

.color-white{
  color: #ffffff;
}

.color-grey{
  color: #606060;
}

.color-lightgrey{
  color: #898989;
}

/*other*/
.link-black{
  text-decoration-line:none;
  color: #181818;
}

.link-black:hover{
  text-decoration-line:none;
  color: #181818;
  opacity: 80%;
}

.link-grey{
  text-decoration-line:none;
  color: #606060;
}

.link-grey:hover{
  text-decoration-line:none;
  color: #606060;
  opacity: 80%;
}

.link-white{
  text-decoration-line:none;
  color: #FFFFFF;
}

.link-white:hover{
  text-decoration-line:none;
  color: #FFFFFF;
  opacity: 80%;
}

.link-primary{
  text-decoration-line:none;
  color: #00AEC7;
}

.link-primary:hover{
  text-decoration-line:none;
  color: #00AEC7;
  opacity: 80%;
}

/*header*/
.EAP-navbar{
  height: 90px;
  width: 100%;
  position: relative;
  z-index: 100;
}

.navbar-brand{
  padding: 20px;
  margin-left: 5vw;
}

.nav-link-sideB{
  height: 100%;
  padding: 20px 24px;
  background: #00AEC7;
  border-radius: 0px 0px 0px 18px;
}

/*header RWD*/
@media screen and (max-width: 768px) {
  .EAP-navbar{
    font-size: 12px;
    height: 48px;
    top: 0;
  }

  .navbar-brand{
    padding: 0px;
  }

  .nav-link-sideB{
    height: 100%;
    padding: 12px 16px;
    border-radius: 0px 0px 0px 8px;
  }
}

/*footer*/
.footer{
  background-color: #181818;
  color: #FFFFFF;
  width: auto;
  padding: 20px 6vw;
}