:root {
  --lightgrey: #f1f1ef;
}
@font-face {
  font-family: 'JhengHei';
  font-weight: 400;
  src: url(../css/external/MicrosoftJhengHei.ttf) format('truetype');
}
.pager >.page {
  padding: 5px 10px;
  font-size: 15px;
  background-color: #eee;
}
.pager >.page.prv {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.pager >.page.nxt {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.contentAreaWhite {
  margin: auto;
}
body {
  position: relative;
  padding-top: 147px !important;
}
body:before {
  content: ' ';
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: white;
  opacity: 1;
  transition: all 1s;
}
body.loaded:before {
  opacity: 0;
  z-index: -1;
}
body.loaded .headerWrap {
  transform: translateY(0);
}
body .headerWrap {
  position: fixed;
  background-color: white;
  transform: translateY(-50%);
  transition: all 1s;
}
body .headerWrap >.utilityWrap >.utility >.utilityActions >ul >li >a >h5 {
  line-height: 21px;
}
body .headerWrap >.utilityWrap >.utility ul {
  margin-bottom: 0;
}
body .headerWrap >.header >.menuWrap >.mainMenu >.Menu >.blockContents >ul {
  text-align: right;
  display: block;
}
body .headerWrap >.header >.menuWrap >.mainMenu >.Menu >.blockContents >ul >li {
  display: inline-block;
  text-align: initial;
  vertical-align: middle;
  float: none;
  *display: inline;
  *zoom: 1;
}
.utilityWrap .utilitySocial .fab,
.utilityWrap .utilitySocial .fas {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: white;
  border-radius: 3px;
}
.utilityWrap .utilitySocial .fab.fa-facebook-f,
.utilityWrap .utilitySocial .fas.fa-facebook-f {
  background-image: url('../img/fb.png');
}
.utilityWrap .utilitySocial .fab.fa-youtube,
.utilityWrap .utilitySocial .fas.fa-youtube {
  background-image: url('../img/youtube.png');
}
.utilityWrap .utilitySocial .fab.fa-instagram,
.utilityWrap .utilitySocial .fas.fa-instagram {
  background-image: url('../img/ig.png');
}
.utilityWrap .utilitySocial .fab:before,
.utilityWrap .utilitySocial .fas:before {
  content: '';
}
div.footer {
  padding: 70px 1% 60px 1%;
}
div.footer .footerColOne {
  width: 12%;
  width: 8%;
  margin: 0 2.5% 0 0;
}
#side_form {
  top: 50%;
  transform: translateY(-50%);
  z-index: 600;
}
#side_form >form {
  direction: rtl;
}
#side_form >form * {
  direction: ltr;
}
#side_form >form >.collapsebtn {
  width: 2.75em;
  font-size: 18px;
  white-space: normal;
  text-align: center;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
#side_form >form select {
  width: 274px;
}
#side_form >form .input-group .input-group-prepend {
  padding: 6px 12px;
  border: 1px solid #ccc;
  background-color: #e9ecef;
}
#side_form >form .input-group .input-group-prepend .input-group-text {
  padding: 0;
  border: 0;
  font-size: 12px;
}
#side_form >form .card .card-header {
  font-size: 14px;
}
#side_form a,
#side_form a:hover {
  text-decoration: none;
}
@media (max-width: 959px) {
  div.footer .footerColOne {
    width: 100px;
    float: none;
    margin: 0 auto 10px;
  }
  div.footer .footerColOne h5,
  div.footer .footerColOne .mwPageBlock.Menu {
    text-align: center;
  }
  .blogEventsThreeColItem >.bcGrey {
    height: auto;
  }
}
@media (max-width: 1024px) {
  body .headerWrap>.header>.menuWrap.menuWrap2.collapsing,
  body .headerWrap>.header>.menuWrap.menuWrap2.show {
    display: block;
    position: absolute;
    right: -260px;
    top: 0;
    height: 100vh;
    width: 260px;
    margin-top: 0;
    float: none;
    background-color: #444;
  }
  body .headerWrap>.header>.menuWrap.menuWrap2 >.mainMenu >.Menu >.blockContents >ul {
    max-height: 100vh;
    overflow-y: scroll;
    margin-right: -17px;
  }
  body .headerWrap>.header>.menuWrap.menuWrap2 >.mainMenu >.Menu >.blockContents ul {
    background-color: #444;
  }
  body .headerWrap>.header>.menuWrap.menuWrap2 >.mainMenu >.Menu >.blockContents ul li {
    display: block;
    border-bottom: 0;
    padding: 0;
    height: auto;
    min-width: 0;
  }
  body .headerWrap>.header>.menuWrap.menuWrap2 >.mainMenu >.Menu >.blockContents ul li .sub-menu {
    position: relative;
    margin: 0;
    padding: 0 17px;
  }
  body .headerWrap>.header>.menuWrap.menuWrap2 >.mainMenu >.Menu >.blockContents ul li >a {
    display: block;
    padding: 10px 16px;
    position: relative;
  }
  body .headerWrap>.header>.menuWrap.menuWrap2 >.mainMenu >.Menu >.blockContents ul li >a * {
    color: white;
  }
  body .headerWrap>.header>.menuWrap.menuWrap2 >.mainMenu >.Menu >.blockContents ul li >a .fas {
    left: 8px;
    transition: all 0.5s;
    transform: rotate(90deg);
  }
  body .headerWrap>.header>.menuWrap.menuWrap2 >.mainMenu >.Menu >.blockContents ul li >a.collapsed .fas {
    transform: rotate(0deg);
  }
  body .headerWrap>.header>.menuWrap.menuWrap2 >.mainMenu >.Menu >.blockContents ul li ul {
    left: 0;
    padding-left: 10px;
  }
  body .headerWrap>.header>.menuWrap.menuWrap2 >.mainMenu >.Menu >.blockContents ul li:hover {
    background-color: #999;
  }
  body {
    transition: right 1s;
  }
  body.responsivemenuopened {
    position: absolute;
    right: 260px;
    top: 0;
    width: 100%;
  }
  body.responsivemenuopened:after {
    position: fixed;
    right: 0;
    width: 260px;
    content: ' ';
    background-color: #444;
    bottom: 0;
    z-index: 1;
    top: 0;
    height: 100vh;
  }
}
@media (min-width: 1025px) {
  .menuWrap.menuWrap2.collapse {
    display: block;
  }
  body .headerWrap>.header>.menuWrap.menuWrap2 >.mainMenu >.Menu >.blockContents ul li >a .fas {
    display: none;
  }
  body .headerWrap>.header>.menuWrap.menuWrap2 >.mainMenu >.Menu >.blockContents >ul >li >ul {
    position: absolute;
  }
  body .headerWrap>.header>.menuWrap.menuWrap2 >.mainMenu >.Menu >.blockContents >ul >li >ul ul {
    position: relative;
    left: 0;
  }
}
.fas,
.fa {
  font-family: 'Font Awesome 5 Free' !important;
}